@font-face {
  font-family: "UTM-Neo-Sans-Intel";
  src: url("http://theme.hstatic.net/1000187239/1000271800/14/UTM-Neo-Sans-Intel.ttf?v=1089");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "UTM-Neo-Sans-Intel-Bold";
  src: url("http://theme.hstatic.net/1000187239/1000271800/14/UTM-Neo-Sans-IntelBold.ttf?v=1089");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "UTMLinotypeZapfinoKT";
  src: url("http://theme.hstatic.net/1000187239/1000271800/14/UTM-LinotypeZapfino-KT.ttf?v=1089");
  font-weight: normal;
  font-style: normal; }

/* --- Cac mau co ban --- */
/*#e7e9ff*/
/*#1b1b1b*/
/*#1b1b1b*/
/*#e32124*/
/*#b8bcff*/
/*#fec9f9*/
/* --- Cac mau button --- */
/*#b8bcff*/
/*#fec9f9*/
/*#fff*/
/* --- Cac mau ve san pham --- */
/*#b9bcff*/
/*#fdc8f9*/
/*#b9bcff*/
/*#fdc9f9*/
/*#bdc0ff*/
/*#feccf9*/
/*#c0c4fe*/
/*#fec9f9*/
/*#8b8b8b*/
/* --- Cac mau body --- */
/*#1b1b1b*/
/*#fff*/
/*'UTM-Neo-Sans-Intel'*/
/* --- Cac mau header top --- */
/*#fff*/
/*#b8bcff*/
/*#b8bcff*/
/*#fcc9f9*/
/* --- Cac mau header navbar --- */
/*#1b1b1b*/
/*#b8bcff*/
/*#fff*/
/*#bbbbbb*/
/*#fff*/
/* --- Cac mau header dropdown --- */
/*#fff*/
/*#333333*/
/*#fff*/
/*#e32124*/
/* --- Cac mau Testimonial --- */
/*#dbddff*/
/*#fee4fc*/
/*#dbddff*/
/*#fee4fc*/
/* --- Cac mau Promotion --- */
/*#f8f7fb*/
/*#8a8a8a*/
/* --- Cac mau Home Collection --- */
/*#fec9f9*/
/*#fdcef8*/
/*#bec2fe*/
/* --- Cac mau policy --- */
/*#fff*/
/*#ff99cc*/
/*#b8bcff*/
/*#fec9f9*/
/* --- Cac mau footer --- */
/*#1b1b1b*/
/*#b8bcff*/
/*#1b1b1b*/
/*#f8f7fb*/
/* --- Cac mau footer bottom --- */
/*#b8bcff*/
/*#fec9f9*/
/*#fff*/
/* --- Cac mau trang nhom san pham --- */
/* --- Cac mau trang chi tiet san pham --- */
/*#ebebeb*/
/* --- Cac mau Tin tuc --- */
/* --- Cac mau chi tiet bai viet --- */
/* --- Cac mau trang lien he --- */
/*================ For screen < 480 ================*/
@media (max-width: 480px) {
  .descript-collection .title-collection {
    font-size: 12px !important; }
  #home-collection-wrapper .descript-collection .grid__item {
    padding-left: 0 !important; }
  #home-collection-wrapper .descript-collection {
    padding: 15px 0 !important; }
  .descript-body,
  .descript-collection {
    width: 100% !important; }
  .main-banners-slider-wrapper .owl-controls {
    display: none !important; }
  .main-banners-slider-wrapper .slide-title.right-wrapper .slide-text,
  .main-banners-slider-wrapper .slide-title.right-wrapper .slide-btn {
    width: 110% !important; }
  .main-banners-slider-wrapper .slide-title.center-wrapper {
    left: 15% !important;
    top: 14% !important; }
  .main-banners-slider-wrapper .slide-title .slide-text-1,
  .main-banners-slider-wrapper .slide-title.left-wrapper .slide-text-1,
  .main-banners-slider-wrapper .slide-title.right-wrapper .slide-text-1 {
    font-size: 13px !important;
    margin-bottom: 5px !important; }
  .main-banners-slider-wrapper .slide-title.center-wrapper .slide-text-2,
  .main-banners-slider-wrapper .slide-title.left-wrapper .slide-text-2,
  .main-banners-slider-wrapper .slide-title.right-wrapper .slide-text-2 {
    font-size: 10px !important;
    margin-bottom: 5px !important; }
  .main-banners-slider-wrapper .slide-title .slide-btn button {
    padding: 7px 16px !important; }
  .main-banners-slider-wrapper .slide-title .slide-btn button a, .main-banners-slider-wrapper .slide-title .slide-btn button {
    font-size: 12px !important; }
  /*.product-title h3 a {
	font-size: 13px;
}*/
  #home-testimonials-slider .item__image {
    margin: 0 2px !important;
    /*line-height: 0 !important;*/
    padding: 5px !important; }
  #home-testimonials-slider .owl-prev {
    left: -28px; }
  #home-testimonials-slider .owl-next {
    right: -27px; }
  #home-testimonials-slider .item__image::after {
    top: -7px !important;
    bottom: -7px !important;
    left: -7px !important;
    right: -7px !important; }
  .home-section-title h3.title-type, .home-section-title h2 {
    font-size: 20px !important; }
  .product-item .product-img a .product-sale-tags {
    top: calc(15% - 14px) !important;
    width: 35px !important;
    padding: 3px 1px !important;
    height: 35px !important;
    line-height: 25px !important; }
  .item-blog-wrapper .item-blog__info, .item-blog-wrapper .item-blog__descript {
    font-size: 11px !important; }
  #home-policy .wrapper .grid.pd-left-15 {
    margin: 0 auto !important; }
  .collection-banner .col-banner-img .banner-title.center-wrapper {
    /*top: 20px !important;
		left: 75px !important;*/ }
  .collection-banner .col-banner-img .banner-title.center-wrapper .banner-text-1 {
    font-size: 16px !important;
    margin-bottom: 5px !important; }
  .collection-banner .col-banner-img .banner-title.center-wrapper .banner-text-2 {
    font-size: 11px !important; }
  .main-content {
    padding-bottom: 60px; }
  .footer-bottom-account,
  .footer-bottom-contact {
    text-align: center !important; }
  .clearfix-ft-mobile:nth-child(2n+1) {
    clear: left; }
  #footer-info a {
    font-size: 11px !important; }
  .product-tabs button.tablinks {
    padding: 20px !important;
    width: 100% !important;
    margin-bottom: 3px; }
  #product-wrapper .product-single__thumbnails li {
    width: 100% !important; }
  #product-wrapper .product-page #product-single-details button.btn {
    margin-right: 0 !important;
    padding: 12px 15px !important; }
  .day-count, .hour-count, .minutes-count, .second-count {
    padding: 0 10px !important; }
  #home-collection-wrapper .tab-btn-wrap .title-collection.tablinks {
    padding: 6px !important; } }

/*================ End For screen < 480 ================*/
/*================ For screen < 768 ================*/
/*================ End For screen < 768 ================*/
@media only screen and (max-width: 768px) and (min-width: 481px) {
  .pagination {
    width: 112% !important;
    margin-left: 0 !important;
    margin-top: 0 !important; } }

/*.pagination {
width: 152%;
margin-left: -403px;
margin-top: 71%;
}*/
body {
  color: #333333;
  font-family: UTM-Neo-Sans-Intel;
  font-size: 14px;
  background: #ffffff; }

h1, h2, h3, button {
  font-family: UTM-Neo-Sans-Intel; }

.btn {
  color: #ffffff;
  background-image: -webkit-gradient(linear, left top, right top, from(#b8bcff), to(#fec9f9));
  background-image: -webkit-linear-gradient(left, #b8bcff, #fec9f9);
  background-image: -o-linear-gradient(left, #b8bcff, #fec9f9);
  background-image: linear-gradient(to right, #b8bcff, #fec9f9);
  border: 1px solid transparent;
  font-family: UTM-Neo-Sans-Intel;
  border-right: 1px solid #fec9f9;
  border-radius: 30px;
  padding: 8px 26px;
  outline: unset;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: unset; }

.btn-soldout {
  color: #ffffff;
  background-image: -webkit-gradient(linear, left top, right top, from(#b8bcff), to(#fec9f9));
  background-image: -webkit-linear-gradient(left, #b8bcff, #fec9f9);
  background-image: -o-linear-gradient(left, #b8bcff, #fec9f9);
  background-image: linear-gradient(to right, #b8bcff, #fec9f9);
  border: 1px solid transparent;
  font-family: UTM-Neo-Sans-Intel;
  border-right: 1px solid #fec9f9;
  border-radius: 30px;
  padding: 8px 26px;
  outline: unset;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: unset; }

.btn-align-center {
  margin: 30px auto; }

.font-line {
  font-family: 'arial'; }

/*================ For header desktop ================*/
.hide-text {
  font-size: 0; }

.header-top {
  background-image: -webkit-gradient(linear, left top, right top, from(#b8bcff), to(#fcc9f9));
  background-image: -webkit-linear-gradient(left, #b8bcff, #fcc9f9);
  background-image: -o-linear-gradient(left, #b8bcff, #fcc9f9);
  background-image: linear-gradient(to right, #b8bcff, #fcc9f9);
  padding: 15px; }

.header-logo h1 {
  font-size: 14px; }

.header-top-contact, .header-top-account {
  color: #ffffff; }
  .header-top-contact a, .header-top-contact span, .header-top-account a, .header-top-account span {
    color: #ffffff; }
  .header-top-contact a:hover, .header-top-account a:hover {
    /*color: $colorTextHeaderTopHover;*/ }

.header-top-contact span.line, .header-top-account span.line, .header-cart-wrapper a span.line {
  margin: 0 10px;
  font-family: 'sans-serif'; }

.header-cart-wrapper a span.line {
  font-size: 22px; }

.pd-left-0 {
  padding-left: 0 !important; }

.pd-right-15 {
  padding-right: 15px !important; }

.pd-bottom-35 {
  padding-bottom: 35px !important; }

.pd-top-0 {
  padding-top: 0 !important; }

.mg-left-0 {
  margin-left: 0 !important; }

.float-left {
  float: left; }

.header-main-desktop {
  padding: 10px 0 0 0; }

#header, .header-mobile-menu, .header-main-desktop {
  background: #ffffff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

#header, .header-mobile-menu {
  z-index: 9999;
  box-shadow: 0px 0px 4.9px 0.1px rgba(4, 5, 5, 0.15);
  position: relative; }

/*================ For header mobile ================*/
/*.header-mobile-menu {
.header-mobile-nav {
a, button i {
font-size: 28px;
}
button {
padding: 15px 15px 15px 0;
}
}
img {
width: 80%;
padding-top: 7px;
}
}*/
.site-nav--mobile > button, .site-nav--mobile a {
  font-size: 25px; }

.logo-mobile .site-header__logo img {
  width: 88%; }

/*================ For header main menu ================*/
.main-menu {
  margin: 20px 0 0 0; }
  .main-menu ul li {
    display: inline-block;
    padding: 10px 22px;
    border: 1px solid transparent; }

.main-menu ul li a {
  text-transform: uppercase;
  font-family: "UTM-Neo-Sans-Intel-Bold", "UTMLinotypeZapfinoKT";
  font-size: 16px; }

.main-menu ul li:hover {
  border: 1px solid #9ea3ff;
  border-radius: 30px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease; }
  .main-menu ul li:hover a {
    color: #9ea3ff;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }

.megamenu-dropdown .megamenu__child {
  position: absolute;
  text-align: left;
  padding: 22px 0px;
  /* max-width: 250px; */
  min-width: 200px;
  z-index: 99999;
  /* right: -235px; */
  display: none;
  left: 0; }
  .megamenu-dropdown .megamenu__child .grid {
    background: url("image_child_10f9e.png?v=196");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -moz-box-shadow: 0px 0px 2px 2px rgba(136, 136, 136, 0.2);
    -webkit-box-shadow: 0px 0px 2px 2px rgba(136, 136, 136, 0.2);
    box-shadow: 0px 0px 2px 2px rgba(136, 136, 136, 0.2);
    padding: 30px 0 20px 0; }
  .megamenu-dropdown .megamenu__child .sub-menu__child__title {
    font-size: 14px;
    text-transform: uppercase;
    font-family: "UTM-Neo-Sans-Intel-Bold"; }
  .megamenu-dropdown .megamenu__child li.child-level2 a {
    font-size: 14px;
    line-height: 32px; }

.megamenu-dropdown:hover .megamenu__child {
  display: block; }

ul.site-nav {
  margin: 15px auto;
  position: relative; }
  ul.site-nav li.site-nav--has-dropdown {
    padding: 0 10px;
    border: 1px solid transparent;
    position: unset; }
    ul.site-nav li.site-nav--has-dropdown .site-nav__link {
      text-transform: uppercase;
      font-family: "UTM-Neo-Sans-Intel-Bold", "UTMLinotypeZapfinoKT";
      font-size: 16px;
      padding: 10px 15px; }
    ul.site-nav li.site-nav--has-dropdown:hover {
      border: 1px solid #9ea3ff;
      border-radius: 30px;
      -webkit-transition: all 0.2s ease;
      -moz-transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      transition: all 0.2s ease; }
      ul.site-nav li.site-nav--has-dropdown:hover .site-nav__link {
        color: #9ea3ff;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
  ul.site-nav .site-nav--active {
    border: 1px solid #9ea3ff !important;
    border-radius: 30px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease; }
    ul.site-nav .site-nav--active .site-nav__link {
      color: #9ea3ff;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
  ul.site-nav li.drop-position {
    position: relative; }
    ul.site-nav li.drop-position .contain-dropdown {
      padding: 22px 0px;
      position: absolute;
      text-align: left;
      max-width: 250px;
      min-width: 200px; }
      ul.site-nav li.drop-position .contain-dropdown ul.site-nav__dropdown {
        background: url("image_child_20f9e.png?v=196");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        -moz-box-shadow: 0px 0px 2px 2px rgba(136, 136, 136, 0.2);
        -webkit-box-shadow: 0px 0px 2px 2px rgba(136, 136, 136, 0.2);
        box-shadow: 0px 0px 2px 2px rgba(136, 136, 136, 0.2);
        padding: 20px;
        min-width: 250px; }
        ul.site-nav li.drop-position .contain-dropdown ul.site-nav__dropdown li {
          padding: 10px 0; }
          ul.site-nav li.drop-position .contain-dropdown ul.site-nav__dropdown li a {
            background-color: unset;
            font-size: 15px; }
            ul.site-nav li.drop-position .contain-dropdown ul.site-nav__dropdown li a .fa {
              position: absolute;
              right: 10px;
              top: 16px;
              font-size: 15px; }
        ul.site-nav li.drop-position .contain-dropdown ul.site-nav__dropdown li.dropdown-menu--lv2 {
          position: relative; }
          ul.site-nav li.drop-position .contain-dropdown ul.site-nav__dropdown li.dropdown-menu--lv2 ul {
            background: #fff;
            display: none;
            position: absolute;
            left: 100%;
            top: 0px;
            text-align: left;
            margin: 0;
            z-index: 5;
            max-width: 250px;
            min-width: 200px;
            padding: 15px 0px;
            -moz-box-shadow: 0px 2px 5px rgba(136, 136, 136, 0.48);
            -webkit-box-shadow: 0px 2px 5px rgba(136, 136, 136, 0.48);
            box-shadow: 0px 2px 5px rgba(136, 136, 136, 0.48); }
            ul.site-nav li.drop-position .contain-dropdown ul.site-nav__dropdown li.dropdown-menu--lv2 ul li a {
              background: none !important;
              padding: 0px 20px !important;
              /* font-size: 17px !important; */
              /* font-family: "FontUTM" !important; */
              text-transform: inherit !important;
              /* color: #929191 !important; */
              /* font-weight: 400 !important; */
              display: inline-block;
              /* line-height: 35px !important; */
              width: 100%;
              position: relative; }
          ul.site-nav li.drop-position .contain-dropdown ul.site-nav__dropdown li.dropdown-menu--lv2:hover ul {
            display: block; }

/*================ For header cart ================*/
.header-right-main {
  height: 84px;
  line-height: 84px; }

.header-cart-wrapper a {
  color: #bbbbbb; }
  .header-cart-wrapper a i {
    font-size: 22px; }
  .header-cart-wrapper a span.number {
    background-color: #9ea3ff;
    color: #ffffff;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    padding: 4px 6px;
    margin: 0;
    left: -12px;
    top: -15px;
    position: relative; }

.Mysearch {
  display: inline-block;
  position: relative;
  height: 22px;
  width: 22px;
  box-sizing: border-box;
  margin-top: 27px;
  border: 3px solid #ccc;
  border-radius: 25px;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
  cursor: text;
  /*opacity: 0;*/
  left: 36px;
  float: right; }

.Mysearch:after {
  content: "";
  position: absolute;
  width: 3px;
  height: 12px;
  right: -5px;
  top: 14px;
  background: #ccc;
  border-radius: 3px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease; }

.Mysearch.active,
.Mysearch:hover {
  width: 200px;
  height: 32px;
  /*opacity: 1;*/
  /*margin-right: 5px;*/ }

.Mysearch.active:after,
.Mysearch:hover:after {
  height: 0px; }

.Mysearch input {
  /*width: 100%;*/
  height: 25px;
  border: none;
  box-sizing: border-box;
  /*color: #fff;*/
  background: transparent;
  outline: none;
  position: inherit;
  top: -30px; }

.Mysearch input:-webkit-autofill {
  background-color: transparent; }

.Mysearch a {
  float: right;
  padding: 7px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #ccc; }

.header-main-right ul {
  list-style: none;
  margin: 0px;
  padding: 0px; }
  .header-main-right ul li {
    display: inline-block;
    /*margin-left: 18px;*/
    position: relative; }
    .header-main-right ul li a {
      color: #bbbbbb; }
      .header-main-right ul li a span#CartCount {
        width: 20px;
        height: 22px;
        float: right;
        text-align: center;
        line-height: 21px;
        background-color: #b8bcff;
        color: #fff;
        font-size: 12px;
        border-radius: 50%;
        position: relative;
        margin-left: -7px;
        margin-top: 17px; }
      .header-main-right ul li a i.fa-shopping-cart {
        margin: 0;
        font-size: 24px; }

.cart-overlay {
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.cart-overlay.open {
  position: fixed;
  width: 100%;
  height: 100%;
  opacity: 1;
  z-index: 99999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

/*================ For home main banner ================*/
.main-banners-slider-wrapper {
  /*max-width: 1343px;*/
  padding: 0;
  margin: 0; }
  .main-banners-slider-wrapper a > img {
    width: 100% !important; }
  .main-banners-slider-wrapper .slide-title.center-wrapper {
    position: absolute;
    left: 35%;
    top: 34%;
    z-index: 1; }
  .main-banners-slider-wrapper .slide-title.left-wrapper {
    position: absolute;
    left: 4%;
    top: 13%;
    z-index: 1; }
  .main-banners-slider-wrapper .slide-title.right-wrapper {
    position: absolute;
    right: 10%;
    top: 9%;
    z-index: 1; }
  .main-banners-slider-wrapper .slide-title .slide-text {
    color: #1b1b1b;
    font-weight: bold; }
    .main-banners-slider-wrapper .slide-title .slide-text .slide-text-1 {
      font-size: 22px;
      margin-bottom: 30px; }
    .main-banners-slider-wrapper .slide-title .slide-text .slide-text-2 {
      font-size: 16px; }
  .main-banners-slider-wrapper .slide-title .slide-btn button {
    padding: 8px 26px;
    background-image: -webkit-gradient(linear, left top, right top, from(#b9bcff), to(#fdc9f9));
    background-image: -webkit-linear-gradient(left, #b9bcff, #fdc9f9);
    background-image: -o-linear-gradient(left, #b9bcff, #fdc9f9);
    background-image: linear-gradient(to right, #b9bcff, #fdc9f9);
    border-radius: 30px;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase; }
  .main-banners-slider-wrapper .slide-title .slide-btn a {
    font-size: 16px;
    color: #fff;
    text-transform: uppercase; }
  .main-banners-slider-wrapper .slide-title.left-wrapper .slide-text,
  .main-banners-slider-wrapper .slide-title.left-wrapper .slide-btn {
    /*width: 80%;*/ }
  .main-banners-slider-wrapper .slide-title.right-wrapper .slide-text,
  .main-banners-slider-wrapper .slide-title.right-wrapper .slide-btn,
  .main-banners-slider-wrapper .slide-title.center-wrapper .slide-text,
  .main-banners-slider-wrapper .slide-title.center-wrapper .slide-btn {
    width: 100%; }
  .main-banners-slider-wrapper .slide-title.center-wrapper .slide-text-2 {
    margin-bottom: 50px; }
  .main-banners-slider-wrapper .slide-title.left-wrapper .slide-text-2 {
    margin-bottom: 30px; }
  .slide-title
.main-banners-slider-wrapper.right-wrapper .slide-text-2 {
    margin-bottom: 30px; }
  .slide-title
.main-banners-slider-wrapper.right-wrapper .slide-text-1 {
    margin-bottom: 20px; }

#home-main-banners-slider #main-banners-slider .owl-controls {
  margin-top: 0 !important;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  position: absolute;
  top: 43%;
  right: 3%; }

/*================ For home content section ================*/
.home-section-title h3.title-type {
  font-family: "UTMLinotypeZapfinoKT", "UTM-Neo-Sans-Intel-Bold";
  margin: 0;
  font-size: 40px;
  line-height: 0.6;
  font-weight: normal; }

.home-section-title h2 {
  margin-bottom: 0;
  font-family: "UTM-Neo-Sans-Intel-Bold", "UTMLinotypeZapfinoKT"; }

.home-section-title .line-bottom-title .line-left,
.home-section-title .line-bottom-title .line-right {
  width: 110px;
  border: 1px solid #e7e9ff;
  display: inline-block;
  margin: 5px 0; }

.descript-body {
  padding: 15px 12px 30px 12px;
  font-size: 14px;
  font-weight: normal;
  width: 62%;
  margin: 0 auto;
  color: #8a8a8a; }

/*================ For home Testimonials ================*/
#home-testimonials {
  padding: 45px 0; }

#home-testimonials-slider .item__image {
  margin: 0 14px;
  line-height: 45px;
  text-align: center;
  position: relative;
  border: 8px solid transparent;
  border-radius: 50px;
  background: #fff;
  background-clip: padding-box;
  padding: 10px; }
  #home-testimonials-slider .item__image:after {
    position: absolute;
    top: -8px;
    bottom: -8px;
    left: -8px;
    right: -8px;
    background: -webkit-gradient(linear, left top, right top, from(#dbddff), to(#fee4fc));
    background: -webkit-linear-gradient(left, #dbddff, #fee4fc);
    background: -o-linear-gradient(left, #dbddff, #fee4fc);
    background: linear-gradient(to right, #dbddff, #fee4fc);
    content: '';
    z-index: -1;
    border-radius: 50px; }
  #home-testimonials-slider .item__image img {
    vertical-align: middle; }
  #home-testimonials-slider .item__image:hover {
    background-image: -webkit-gradient(linear, left top, right top, from(#dbddff), to(#fee4fc));
    background-image: -webkit-linear-gradient(left, #dbddff, #fee4fc);
    background-image: -o-linear-gradient(left, #dbddff, #fee4fc);
    background-image: linear-gradient(to right, #dbddff, #fee4fc);
    cursor: pointer;
    position: sticky; }

#home-testimonials-slider .owl-buttons {
  display: none; }
  #home-testimonials-slider .owl-buttons div {
    position: absolute;
    height: 43px;
    width: 43px;
    text-align: center;
    line-height: 43px;
    top: 12px;
    display: inline-block;
    color: #dbddff;
    padding: 0;
    margin: 0;
    font-size: 47px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    float: left;
    background: unset;
    opacity: 1; }
    #home-testimonials-slider .owl-buttons div.owl-prev {
      left: -28px; }
    #home-testimonials-slider .owl-buttons div.owl-next {
      right: -27px; }

#home-testimonials-slider:hover .owl-buttons {
  display: block; }

/*================ For home Promotion ================*/
#home-promotion {
  padding: 45px 0 38px 0;
  background-color: #f8f7fb; }
  #home-promotion .product-item {
    /*margin: 10px;*/ }
  #home-promotion .owl-buttons div {
    position: absolute;
    height: 35px;
    width: 35px;
    text-align: center;
    line-height: 28px;
    top: 25%;
    display: inline-block;
    color: #fff;
    padding: 0;
    margin: 0;
    font-size: 28px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    opacity: 0;
    background-color: #cacefe; }
    #home-promotion .owl-buttons div.owl-prev {
      left: 15px; }
    #home-promotion .owl-buttons div.owl-next {
      right: -15px; }
  #home-promotion:hover .owl-buttons div {
    opacity: 1; }

.day-count, .hour-count, .minutes-count, .second-count {
  display: inline-block;
  padding: 0 30px; }

.descript-collection {
  padding: 15px 12px;
  font-weight: normal;
  /*width: 40%;*/
  margin: 0 auto; }
  .descript-collection .number-time {
    font-size: 28px;
    line-height: 0.9;
    color: #8a8a8a;
    font-family: UTM-Neo-Sans-Intel, "UTM-Neo-Sans-Intel-Bold"; }
  .descript-collection .time-title {
    color: #8a8a8a; }
  .descript-collection .title-collection {
    color: #8a8a8a;
    font-family: "UTM-Neo-Sans-Intel-Bold"; }

.noti-countdown {
  font-size: 16px; }

.slider-col-1, .home-news-slider-wrapper {
  padding-top: 25px; }

/*================ For Product-item ================*/
.clearfix-product:nth-child(4n+1) {
  clear: left; }

.product-item {
  margin-bottom: 30px;
  position: relative;
  font-family: UTM-Neo-Sans-Intel, "UTM-Neo-Sans-Intel-Bold"; }
  .product-item .product-img {
    /*position: relative;
		margin: 5px;*/ }
    .product-item .product-img a {
      display: block;
      position: relative;
      overflow: hidden;
      padding: 3px; }
      .product-item .product-img a img {
        width: 100%;
        vertical-align: middle;
        transform: scale(1);
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        box-shadow: 0px 0px 4px 0px rgba(4, 5, 5, 0.15); }
      .product-item .product-img a .product-sale-tags {
        position: absolute;
        top: 10px;
        right: 10px;
        z-index: 1;
        text-align: center;
        border-radius: 50%;
        display: inline-block;
        width: 40px;
        height: 40px;
        line-height: 30px;
        border: 3px solid transparent;
        color: #9ea3ff;
        font-size: 12px;
        font-family: "UTM-Neo-Sans-Intel-Bold";
        background: -webkit-gradient(linear, left top, right top, from(#b9bcff), to(#fdc8f9)) border-box;
        background: -webkit-linear-gradient(left, #b9bcff, #fdc8f9) border-box;
        background: -o-linear-gradient(left, #b9bcff, #fdc8f9) border-box;
        background: linear-gradient(to right, #b9bcff, #fdc8f9) border-box; }
        .product-item .product-img a .product-sale-tags:after {
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          background-color: #fff;
          content: '';
          z-index: -1;
          border-radius: 50%; }
      .product-item .product-img a .hover-layout {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background-image: -webkit-gradient(linear, left top, right top, from(#b8bcff), to(#fec9f9));
        background-image: -webkit-linear-gradient(left, #b8bcff, #fec9f9);
        background-image: -o-linear-gradient(left, #b8bcff, #fec9f9);
        background-image: linear-gradient(to right, #b8bcff, #fec9f9);
        z-index: 1;
        opacity: 0;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
      .product-item .product-img a .product-actions {
        position: absolute;
        top: 40%;
        left: 0;
        right: 0;
        z-index: 2;
        text-align: center; }
        .product-item .product-img a .product-actions button {
          height: 40px;
          width: 40px;
          line-height: 0;
          color: #9ea3ff;
          font-size: 16px;
          outline: 0 !important;
          -webkit-transition: all 0.6s ease;
          -moz-transition: all 0.6s ease;
          -o-transition: all 0.6s ease;
          transition: all 0.6s ease;
          opacity: 0;
          border-radius: 50%;
          background-color: #fff; }
          .product-item .product-img a .product-actions button.btnQuickView {
            transform: translateX(-200px);
            margin: auto 10px; }
          .product-item .product-img a .product-actions button.btnAddToCart {
            transform: translateX(200px); }
  .product-item:hover .product-img a {
    overflow: hidden; }
    .product-item:hover .product-img a .hover-layout {
      opacity: 0.8 !important; }
    .product-item:hover .product-img a img {
      transform: scale(1.1); }
    .product-item:hover .product-img a .product-actions > button {
      opacity: 1 !important;
      transform: translateX(0px); }
  .product-item:hover .product-buy-now .btn-buy-product {
    color: #ffffff;
    background-image: -webkit-gradient(linear, left top, right top, from(#b8bcff), to(#fec9f9));
    background-image: -webkit-linear-gradient(left, #b8bcff, #fec9f9);
    background-image: -o-linear-gradient(left, #b8bcff, #fec9f9);
    background-image: linear-gradient(to right, #b8bcff, #fec9f9);
    border: 1px solid transparent;
    font-family: UTM-Neo-Sans-Intel;
    border-right: 1px solid #fec9f9; }
  .product-item .product-title h3 a:hover {
    color: #9ea3ff;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  .product-item .btn-buy-product {
    color: #9ea3ff;
    padding: 6px 26px;
    border: 1px solid #9ea3ff;
    border-radius: 30px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    outline: unset; }
  .product-item .product-title {
    text-align: center;
    padding: 10px 0; }
    .product-item .product-title h3 {
      font-size: 14px;
      min-height: 44px;
      margin-bottom: 0; }
  .product-item .product-price {
    margin: 10px 0; }
    .product-item .product-price .current-price {
      color: #ffb0f8;
      font-size: 20px;
      padding: 0 3px;
      font-weight: bold; }
    .product-item .product-price .original-price {
      color: #8b8b8b;
      padding: 0 3px; }

/*================ For home collection banner ================*/
#home-collection-banner {
  padding: 15px 0; }

#home-collection-banner .col-banner-img {
  position: relative;
  margin: 15px 0; }
  #home-collection-banner .col-banner-img a {
    display: block;
    overflow: hidden;
    position: relative; }
    #home-collection-banner .col-banner-img a img {
      width: 100%;
      vertical-align: middle;
      transform: scale(1);
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
    #home-collection-banner .col-banner-img a .hover-banner {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      background-image: -webkit-gradient(linear, left top, right top, from(#bec2fe), to(#fdcef8));
      background-image: -webkit-linear-gradient(left, #bec2fe, #fdcef8);
      background-image: -o-linear-gradient(left, #bec2fe, #fdcef8);
      background-image: linear-gradient(to right, #bec2fe, #fdcef8);
      z-index: 1;
      opacity: 0;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
    #home-collection-banner .col-banner-img a .view-col {
      position: absolute;
      top: 36%;
      left: 0;
      right: 0;
      z-index: 2;
      text-align: center; }
      #home-collection-banner .col-banner-img a .view-col button {
        color: #9ea3ff;
        font-size: 16px;
        outline: 0 !important;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        opacity: 0;
        border-radius: 30px;
        color: #1b1b1b;
        border: 2px solid #1b1b1b;
        padding: 10px 32px; }
      #home-collection-banner .col-banner-img a .view-col .title-hover-col {
        -webkit-transition: all 0.6s ease;
        -moz-transition: all 0.6s ease;
        -o-transition: all 0.6s ease;
        transition: all 0.6s ease;
        opacity: 0;
        color: #1b1b1b;
        text-transform: uppercase;
        padding-bottom: 10px; }
      #home-collection-banner .col-banner-img a .view-col .title-hover-col h3,
      #home-collection-banner .col-banner-img a .view-col button {
        font-family: "UTM-Neo-Sans-Intel-Bold"; }
  #home-collection-banner .col-banner-img:hover a .view-col button, #home-collection-banner .col-banner-img:hover a .view-col .title-hover-col {
    opacity: 1 !important; }
  #home-collection-banner .col-banner-img:hover a .hover-banner {
    opacity: 0.8 !important; }

/*================ animation ================*/
.animated {
  animation-duration: 2s;
  animation-fill-mode: both; }

@keyframes fadeInDown {
  from {
    opacity: 0.5;
    transform: translate3d(0, -2%, 0); }
  to {
    opacity: 1;
    transform: none; } }

.fadeInDown {
  animation-name: fadeInDown; }

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0); }
  75% {
    transform: translate3d(-10px, 0, 0); }
  90% {
    transform: translate3d(5px, 0, 0); }
  to {
    transform: none; } }

.bounceInLeft {
  animation-name: bounceInLeft; }

@keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.fadein {
  animation-name: fadein; }

/*================ end animation ================*/
/*================ For home collection wrap ================*/
#home-collection-wrapper {
  padding: 45px 0 38px 0;
  background-color: #f8f7fb; }
  #home-collection-wrapper .tab-btn-wrap {
    display: inline-block; }
    #home-collection-wrapper .tab-btn-wrap .title-collection.tablinks {
      padding: 6px 25px;
      border: 1px solid transparent;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
      outline: unset;
      font-weight: bold; }
      #home-collection-wrapper .tab-btn-wrap .title-collection.tablinks:hover {
        color: #9ea3ff;
        border: 1px solid #9ea3ff;
        font-weight: bold;
        border-radius: 30px; }
      #home-collection-wrapper .tab-btn-wrap .title-collection.tablinks.active {
        color: #9ea3ff;
        border: 1px solid #9ea3ff;
        font-weight: bold;
        border-radius: 30px; }
  #home-collection-wrapper .owl-buttons div {
    position: absolute;
    height: 35px;
    width: 35px;
    text-align: center;
    line-height: 27px;
    top: 25%;
    display: inline-block;
    color: #fff;
    padding: 0;
    margin: 0;
    font-size: 28px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 0;
    background-color: #cacefe;
    border: 1px solid #fff; }
    #home-collection-wrapper .owl-buttons div.owl-prev {
      left: -15px; }
    #home-collection-wrapper .owl-buttons div.owl-next {
      right: -15px; }
  #home-collection-wrapper:hover .owl-buttons div {
    opacity: 0.7; }
  #home-collection-wrapper .title-collection:hover, #home-collection-wrapper .title-collection.active, #home-collection-wrapper .title-collection:focus {
    /*color: $colorSecondary2;
		cursor: pointer;*/ }

/*================ For home slide news ================*/
#home-news {
  padding: 40px 0 30px 0; }

.item-blog-wrapper {
  margin: 0 5px; }
  .item-blog-wrapper .item-blog__image a img {
    box-shadow: 0px 0px 6px 1px rgba(4, 5, 5, 0.15); }
  .item-blog-wrapper .item-blog__title {
    font-family: "UTM-Neo-Sans-Intel-Bold"; }
  .item-blog-wrapper .item-blog__title {
    font-size: 10px;
    margin: 15px 0;
    height: 40px; }
  .item-blog-wrapper .item-blog__info {
    color: #8a8a8a; }
    .item-blog-wrapper .item-blog__info .date-modified {
      color: #ffb0f8; }
    .item-blog-wrapper .item-blog__info .art-cmt,
    .item-blog-wrapper .item-blog__info .art-like {
      float: right;
      text-align: right;
      padding: 0 8px; }
  .item-blog-wrapper .item-blog__descript {
    color: #8a8a8a; }

#home-news-slider .owl-buttons div {
  position: absolute;
  height: 35px;
  width: 35px;
  text-align: center;
  line-height: 27px;
  top: 25%;
  display: inline-block;
  color: #fff;
  padding: 0;
  margin: 0;
  font-size: 28px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
  background-color: #cacefe;
  border: 1px solid #fff; }
  #home-news-slider .owl-buttons div.owl-prev {
    left: 15px; }
  #home-news-slider .owl-buttons div.owl-next {
    right: -15px; }

#home-news-slider:hover .owl-buttons div {
  opacity: 0.7; }

/*================ For home policy ================*/
#home-policy {
  background-image: -webkit-gradient(linear, left top, right top, from(#b8bcff), to(#fec9f9));
  background-image: -webkit-linear-gradient(left, #b8bcff, #fec9f9);
  background-image: -o-linear-gradient(left, #b8bcff, #fec9f9);
  background-image: linear-gradient(to right, #b8bcff, #fec9f9);
  padding-top: 32px;
  font-weight: bold; }
  #home-policy .grid__item.large--one-quarter {
    padding-bottom: 32px; }
  #home-policy .icon-policy {
    font-size: 20px;
    color: #ffffff;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    background: #ff99cc;
    text-align: center;
    line-height: 36px; }
  #home-policy .title-police {
    text-transform: uppercase; }
  #home-policy .descript-police {
    font-size: 86%; }

.pd-left-15 {
  padding-left: 15px !important; }

.pd-left-45 {
  padding-left: 45px !important; }

.mg-0 {
  margin: 0 !important; }

.pd-top-30 {
  padding-top: 30px; }

/*================ For footer ================*/
#footer {
  padding: 30px 0;
  font-size: 13px;
  background: #f8f7fb;
  color: #1b1b1b; }
  #footer a, #footer p {
    color: #1b1b1b; }
  #footer h3 {
    font-size: 14px;
    margin: 33px 0 28px 0;
    color: #1b1b1b; }
  #footer .footer-list li {
    padding: 3px 0; }
    #footer .footer-list li i {
      position: absolute; }
      #footer .footer-list li i.fa-home {
        font-size: 26px; }
      #footer .footer-list li i.fa-mobile {
        font-size: 34px; }
      #footer .footer-list li i.fa-envelope {
        font-size: 20px; }
    #footer .footer-list li p {
      margin-left: 35px;
      margin-bottom: 0; }
    #footer .footer-list li a {
      padding-right: 20px; }
  #footer .newsletter-wrapper .newsletter-title {
    margin-bottom: 15px; }
  #footer .newsletter-form-wrapper .input-group {
    position: relative;
    width: 100%; }
    #footer .newsletter-form-wrapper .input-group input {
      border: 1px solid #dbdbdd;
      border-radius: 20px;
      outline: 0 !important;
      height: 40px;
      line-height: 40px;
      padding: 0 95px 0 15px;
      width: 100%;
      border-right: none;
      color: #dbdbdd; }
    #footer .newsletter-form-wrapper .input-group button {
      background-image: -webkit-gradient(linear, left top, right top, from(#b8bcff), to(#fec9f9));
      background-image: -webkit-linear-gradient(left, #b8bcff, #fec9f9);
      background-image: -o-linear-gradient(left, #b8bcff, #fec9f9);
      background-image: linear-gradient(to right, #b8bcff, #fec9f9);
      border-left: none;
      height: 40px;
      line-height: 40px;
      text-align: center;
      border-radius: 0;
      border-top-right-radius: 20px !important;
      border-bottom-right-radius: 20px !important;
      outline: 0 !important;
      padding: 0 15px;
      /*background: #333333;*/
      color: #fff;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
      position: absolute;
      top: 0;
      right: 0;
      text-transform: uppercase; }

#footer .social-wrapper {
  margin-top: 15px; }
  #footer .social-wrapper a:hover img {
    transform: scale(1.1);
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease; }

#footer-info {
  padding: 15px;
  background-color: #ececf6; }
  #footer-info a {
    font-size: 12px; }
  #footer-info span {
    margin: 0 10px;
    font-family: 'sans-serif'; }
  #footer-info .footer-bottom-account {
    text-align: right; }

/*-------------- Collection page --------------------*/
#collections-wrapper {
  /*padding-bottom: 25px;*/ }
  #collections-wrapper .section-header {
    margin-top: 35px;
    border-bottom: 1px solid #e7e7e8;
    padding-bottom: 5px; }
    #collections-wrapper .section-header h1 {
      font-size: 26px; }
    #collections-wrapper .section-header .form-horizontal {
      position: relative; }
      #collections-wrapper .section-header .form-horizontal:after {
        background-image: -webkit-gradient(linear, left top, right top, from(#9ea3ff), to(#ffb0f8));
        background-image: -webkit-linear-gradient(left, #9ea3ff, #ffb0f8);
        background-image: -o-linear-gradient(left, #9ea3ff, #ffb0f8);
        background-image: linear-gradient(to right, #9ea3ff, #ffb0f8);
        content: "";
        width: 44px;
        height: 40px;
        position: absolute;
        right: 0;
        top: 0;
        z-index: -1;
        border-top-right-radius: 25px;
        border-bottom-right-radius: 25px; }
    #collections-wrapper .section-header select {
      border-radius: 20px;
      border-right: unset;
      border-top-right-radius: unset !important;
      border-bottom-right-radius: unset !important;
      margin-right: 17px;
      outline: unset;
      font-family: UTM-Neo-Sans-Intel; }

.collection-banner {
  padding: 0;
  margin: 0; }
  .collection-banner .col-banner-img {
    position: relative; }
    .collection-banner .col-banner-img img {
      width: 100% !important; }
    .collection-banner .col-banner-img .banner-title.center-wrapper {
      position: absolute;
      z-index: 1;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 100%; }
      .collection-banner .col-banner-img .banner-title.center-wrapper .banner-text-1 {
        font-size: 30px;
        font-family: UTM-Neo-Sans-Intel, "UTM-Neo-Sans-Intel-Bold";
        font-weight: bold; }
      .collection-banner .col-banner-img .banner-title.center-wrapper .banner-text-2 {
        font-size: 16px; }

.sidebar {
  margin-top: 35px; }

.pagination {
  margin-bottom: 0; }

.pagination-custom {
  clear: left;
  background-image: -webkit-gradient(linear, left top, right top, from(#9ea3ff), to(#ffb0f8));
  background-image: -webkit-linear-gradient(left, #9ea3ff, #ffb0f8);
  background-image: -o-linear-gradient(left, #9ea3ff, #ffb0f8);
  background-image: linear-gradient(to right, #9ea3ff, #ffb0f8);
  padding: 5px 0;
  margin-top: 30px; }
  .pagination-custom a {
    font-size: 16px;
    display: block;
    color: #fff; }
  .pagination-custom .page, .pagination-custom .page.current {
    padding: 8px 12px;
    /*border: 1px solid $colorBtnCart;*/
    border-radius: 6px;
    font-size: 16px;
    font-weight: bold; }
  .pagination-custom .next a, .pagination-custom prev a {
    font-size: 18px; }
  .pagination-custom .page.current {
    /*background-color: $colorBtnPagination;
		border: 1px solid $colorBtnPagination;*/
    color: #1b1b1b; }
  .pagination-custom span {
    display: inline-block;
    line-height: 1;
    margin-right: 5px; }
  .pagination-custom span i {
    color: #fff; }
  .pagination-custom .next, .pagination-custom .previous {
    color: #fff; }

/*Bo loc*/
.sidebar-sort > div.panel > ul li label input[type="checkbox"], .sidebar-sort > div.panel > ul li label input[type="radio"] {
  opacity: 0;
  position: absolute; }

.sidebar-sort div.panel > ul li label *, .sidebar-sort div.panel > ul li label * {
  cursor: pointer; }

.sidebar-sort div.panel > ul li label input[type="checkbox"] + span::before,
.sidebar-sort div.panel > ul li label input[type="radio"] + span::before {
  content: "";
  width: 17px;
  height: 17px;
  margin: 0 8px 0 0;
  border: solid 1px #e7e7e8;
  line-height: 12px;
  text-align: center;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px; }

.sidebar-sort div.panel > ul li label input[type="checkbox"] + span::before,
.sidebar-sort div.panel > ul li label input[type="radio"] + span::before {
  margin-bottom: -2px; }

.sidebar-sort div.panel > ul li label input[type="checkbox"] + span,
.sidebar-sort div.panel > ul li label input[type="checkbox"] + span::before,
.sidebar-sort div.panel > ul li label input[type="radio"] + span,
.sidebar-sort div.panel > ul li label input[type="radio"] + span::before,
.sidebar-sort div.panel > ul li label {
  display: inline-block; }

.sidebar-sort div.panel > ul li label input[type="checkbox"]:checked + span::before, .sidebar-sort div.panel > ul li label input[type="radio"]:checked + span::before {
  content: "\2714";
  font-size: 16px;
  color: #dd1a22; }

button.accordion {
  border-bottom: 1px solid #e7e7e8;
  height: 46px;
  line-height: 46px;
  width: 100%;
  outline: none;
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase; }

button.accordion::after {
  content: '\f067';
  float: right;
  font-family: "FontAwesome"; }

button.accordion.active::after {
  content: "\f068";
  font-family: "FontAwesome"; }

.panel {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.panel ul {
  padding: 0 12px; }

div.panel ul, button.accordion {
  padding: 0 12px; }

.panel ul li {
  margin: 0;
  display: block; }

.panel ul li a, .panel ul li label {
  display: block;
  height: 38px;
  line-height: 38px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

#collection-wrapper .collection-sidebar-wrapper .collection-sidebar-banner {
  margin-bottom: 30px; }

#collection-wrapper .collection-sidebar-wrapper .collection-sidebar-banner > a {
  display: block;
  overflow: hidden; }

#collection-wrapper .collection-sidebar-wrapper .collection-sidebar-banner > a img {
  width: 100%;
  vertical-align: middle;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  transform: scale(1); }

.content-collection {
  border-top: 1px solid #1b1b1b; }

.content-col-1 {
  padding-top: 30px; }

/*---------Chi tiet san pham-----------*/
#product-wrapper {
  margin: 30px 0; }
  #product-wrapper .haravan-product-reviews-badge p {
    float: left;
    margin-right: 45px; }
  #product-wrapper #ProductPhoto .owl-controls {
    margin-top: 0; }
  #product-wrapper #ProductPhoto .owl-item li a {
    position: relative;
    overflow: hidden;
    padding: 2px; }
    #product-wrapper #ProductPhoto .owl-item li a img {
      width: 100%;
      box-shadow: 0px 0px 8px 0px rgba(4, 5, 5, 0.15); }
  #product-wrapper .product-single__thumbnails {
    text-align: left; }
    #product-wrapper .product-single__thumbnails .thumbnail-item a {
      margin: 5px; }
      #product-wrapper .product-single__thumbnails .thumbnail-item a img {
        box-shadow: 0px 0px 5px 0px rgba(4, 5, 5, 0.15); }
  #product-wrapper .product-page h1 {
    font-size: 24px; }
  #product-wrapper .product-page p.product-more-info {
    font-size: 16px; }
  #product-wrapper .product-page .product-info span.price-text {
    font-size: 16px;
    margin-right: 10px; }
  #product-wrapper .product-page .product-info span.ProductPrice {
    font-size: 24px;
    color: #ffb0f8; }
  #product-wrapper .product-page .product-info s.ComparePrice {
    font-size: 18px; }
  #product-wrapper .product-page .product-info span.vat {
    font-size: 12px;
    margin-right: 10px; }
  #product-wrapper .product-page #product-single-details button.btn {
    color: #b8bcff;
    padding: 12px 26px;
    border: 1px solid #9ea3ff;
    border-radius: 30px;
    background: transparent;
    text-transform: uppercase;
    font-weight: unset;
    font-size: 16px;
    font-family: UTM-Neo-Sans-Intel;
    margin-right: 20px; }
    #product-wrapper .product-page #product-single-details button.btn:hover, #product-wrapper .product-page #product-single-details button.btn:active, #product-wrapper .product-page #product-single-details button.btn:focus {
      color: #ffffff !important;
      background-image: -webkit-gradient(linear, left top, right top, from(#b8bcff), to(#fec9f9)) !important;
      background-image: -webkit-linear-gradient(left, #b8bcff, #fec9f9) !important;
      background-image: -o-linear-gradient(left, #b8bcff, #fec9f9) !important;
      background-image: linear-gradient(to right, #b8bcff, #fec9f9) !important;
      border: 1px solid transparent !important;
      outline: unset;
      border-right: 1px solid #feccf9 !important; }
  #product-wrapper .product-page #product-single-details .select-swatch .header {
    display: inline-block;
    margin-top: 10px;
    min-width: 100px;
    font-size: 16px; }
  #product-wrapper .product-page #product-single-details .select-swatch .select-swap {
    display: inline-block;
    margin-top: 0px;
    /*position: absolute;*/ }
    #product-wrapper .product-page #product-single-details .select-swatch .select-swap .swatch-element {
      margin-bottom: -5px; }
  #product-wrapper .product-page #product-single-details .qty-addcart {
    margin-bottom: 15px; }
    #product-wrapper .product-page #product-single-details .qty-addcart p.quantity-selector {
      display: inline-block;
      font-size: 16px;
      min-width: 100px; }
    #product-wrapper .product-page #product-single-details .qty-addcart div.js-qty {
      display: inline-block; }
  #product-wrapper .product-tabs button.tablinks {
    background: #ebebeb;
    padding: 12px 0;
    text-transform: uppercase;
    font-size: 16px;
    outline: unset;
    width: 24.67%; }
    #product-wrapper .product-tabs button.tablinks:hover, #product-wrapper .product-tabs button.tablinks.active, #product-wrapper .product-tabs button.tablinks:focus {
      color: #fff;
      background-image: -webkit-gradient(linear, left top, right top, from(#b8bcff), to(#fec9f9));
      background-image: -webkit-linear-gradient(left, #b8bcff, #fec9f9);
      background-image: -o-linear-gradient(left, #b8bcff, #fec9f9);
      background-image: linear-gradient(to right, #b8bcff, #fec9f9); }
  #product-wrapper .product-tabs .tabcontent {
    border: 1px solid #dbdbdd;
    padding: 20px;
    width: 99.8%; }
  #product-wrapper span.cmt-product {
    font-size: 12px; }
  #product-wrapper .large--one-half.text-center .owl-pagination {
    display: none !important; }
  #product-wrapper .large--one-half.text-center .owl-buttons div {
    position: absolute;
    height: 35px;
    width: 35px;
    text-align: center;
    line-height: 28px;
    top: 45%;
    display: inline-block;
    color: #fff;
    padding: 0;
    margin: 0;
    font-size: 28px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 0;
    background-color: #cacefe; }
    #product-wrapper .large--one-half.text-center .owl-buttons div.owl-prev {
      left: -25px; }
    #product-wrapper .large--one-half.text-center .owl-buttons div.owl-next {
      right: -24px; }
  #product-wrapper .large--one-half.text-center:hover .owl-buttons div {
    opacity: 1; }

.sidebar-product button {
  border-bottom: 1px solid #e7e7e8;
  height: 46px;
  line-height: 46px;
  width: 100%;
  outline: none;
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase; }

.sidebar-product ul,
.sidebar-product button {
  padding: 0 43px 0 12px; }

.sidebar-product ul li {
  margin: 25px 0; }

.sidebar-product .product-side .grid__item {
  margin: 15px 0 0 0; }
  .sidebar-product .product-side .grid__item a {
    font-family: "UTM-Neo-Sans-Intel-Bold"; }
    .sidebar-product .product-side .grid__item a img {
      vertical-align: middle;
      box-shadow: 0px 0px 8px 0px rgba(4, 5, 5, 0.15); }
  .sidebar-product .product-side .grid__item .current-price {
    color: #ffb0f8;
    font-size: 16px;
    margin-right: 20px;
    font-weight: bold; }
  .sidebar-product .product-side .grid__item .original-price {
    color: #8b8b8b; }

/*---------Chi tiet bai viet & blog-----------*/
#blog-wrapper {
  padding: 40px 0 0 0; }
  #blog-wrapper .item-blog-wrapper {
    margin: 0; }
  #blog-wrapper .clearfix-article:nth-child(2n+1) {
    clear: left; }

.article-body {
  padding: 15px 20px;
  border: 1px solid #eeeeee;
  box-shadow: 0px 1px 7px 3px #eeeeee; }
  .article-body .section-header h1 {
    font-size: 20px;
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 10px; }
  .article-body .section-header .article-blog__info {
    color: #8a8a8a;
    padding-top: 10px; }
    .article-body .section-header .article-blog__info .date-modified {
      color: #ffb0f8; }
    .article-body .section-header .article-blog__info .art-cmt,
    .article-body .section-header .article-blog__info .art-like {
      text-align: right;
      padding: 0 8px; }

.art-cmt-form {
  padding-top: 30px; }

/*--------- sidebar blog & article-----------*/
.sidebar-blog button {
  border-bottom: 1px solid #e7e7e8;
  height: 46px;
  line-height: 46px;
  width: 100%;
  outline: none;
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase; }

.sidebar-blog button {
  padding: 0 43px 0 12px; }

.sidebar-blog ul li {
  margin: 25px 0; }
  .sidebar-blog ul li i {
    font-size: 9px;
    padding-right: 5px; }

.sidebar-blog .product-side div.grid__item {
  margin: 15px 0 0 0; }
  .sidebar-blog .product-side div.grid__item a {
    font-family: "UTM-Neo-Sans-Intel-Bold"; }
    .sidebar-blog .product-side div.grid__item a img {
      vertical-align: middle; }
  .sidebar-blog .product-side div.grid__item div .current-price {
    color: #ffb0f8;
    font-size: 16px;
    font-weight: bold; }
  .sidebar-blog .product-side div.grid__item div .original-price {
    color: #8b8b8b; }

/*---------Page contact-----------*/
#address-map {
  padding-top: 50px; }

#contact-policy {
  padding-top: 30px; }
  #contact-policy .inner {
    border-bottom: 1px solid #f5f5f5;
    padding-bottom: 30px; }
  #contact-policy .policy-item .image {
    float: left;
    width: 70px;
    height: 64px;
    text-align: center;
    border-right: 2px solid #ffb0f8;
    margin: auto 25px auto 50px;
    position: relative; }
    #contact-policy .policy-item .image img {
      margin: auto;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      padding: 0 0 0 20px;
      margin-right: inherit; }
  #contact-policy .policy-item .content {
    margin: auto 0 auto 50px;
    position: relative;
    padding: 10px 0; }
    #contact-policy .policy-item .content h3 {
      margin: 0px;
      line-height: 20px;
      font-size: 16px; }
    #contact-policy .policy-item .content h3, #contact-policy .policy-item .content span {
      color: #333333; }

#contact-form {
  padding: 40px 0 30px 0; }
  #contact-form .contact-desc {
    font-family: "UTM-Neo-Sans-Intel-Bold";
    font-size: 15px;
    padding: 10px 0 20px 0; }

/*---------Quick view-----------*/
#productQuickView .product-price {
  font-size: 16px; }

#productQuickView span.p-price {
  font-size: 24px;
  color: #ffb0f8; }

#productQuickView del {
  font-size: 18px; }

#productQuickView span.vat {
  font-size: 12px;
  margin-right: 10px; }

#productQuickView .form-input {
  margin-bottom: 15px; }
  #productQuickView .form-input label {
    display: inline-block;
    font-size: 16px;
    min-width: 100px; }
  #productQuickView .form-input div.js-qty {
    display: inline-block; }

#productQuickView .select-swatch .header {
  display: inline-block;
  margin-top: 10px;
  min-width: 100px;
  font-size: 16px; }

#productQuickView .select-swatch .select-swap {
  display: inline-block;
  margin-top: 0px;
  position: absolute; }

/*---------Footer Bottom-----------*/
#mobile-bottom-navigation {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 99999;
  background-image: -webkit-gradient(linear, left top, right top, from(#b8bcff), to(#fec9f9));
  background-image: -webkit-linear-gradient(left, #b8bcff, #fec9f9);
  background-image: -o-linear-gradient(left, #b8bcff, #fec9f9);
  background-image: linear-gradient(to right, #b8bcff, #fec9f9);
  box-shadow: 0px 0px 4.9px 0.1px rgba(4, 5, 5, 0.15); }
  #mobile-bottom-navigation .mobile-nav-item {
    display: block;
    height: 67px;
    padding: 0;
    text-align: center;
    position: relative; }
  #mobile-bottom-navigation .mobile-nav-item > a {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 12px;
    color: #ffffff; }
  #mobile-bottom-navigation .mobile-nav-item > a i {
    font-size: 24px;
    color: #ffffff;
    display: inline-block;
    margin-bottom: 3px; }
  #mobile-bottom-navigation .mobile-nav-item > a span {
    position: absolute;
    top: -8px;
    right: 10px;
    display: inline-block;
    height: 20px;
    width: 20px;
    line-height: 18px;
    border-radius: 50%;
    background-color: #9ea3ff;
    font-size: 12px;
    color: #ffffff; }

#back-to-top {
  position: fixed;
  bottom: 55px;
  right: 15px;
  height: 40px;
  width: 40px;
  opacity: 0.6;
  background: #9ea3ff;
  color: #fff;
  text-align: center;
  font-size: 24px;
  z-index: 99999;
  cursor: pointer; }
  #back-to-top i {
    position: absolute;
    right: 12px;
    top: 6px; }
  #back-to-top:hover {
    opacity: 1; }

.synced {
  border: 1px solid #9ea3ff; }

.sticky-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }