@charset "UTF-8";
/* ------------ declaring color variables ------------ */
/*#e6e6e6*/
/*#000*/
/*#fff*/
/*#fff*/
/*#fff*/
/*#000*/
/*#000*/
/*#000*/
/*#fff*/
/*#000*/
/*#000*/
/*#000*/
/*#fff*/
/*#fff*/
/*#fff*/
/*#00457d*/
/*#fff*/
/*#fff*/
/*#000*/
/*#fff*/
/*#fff*/
/*#fff*/
/*#000*/
/*#000*/
/*#000*/
/*#fff*/
/* ------------ declaring inheritance ------------ */
#NavDrawer .drawer__header .drawer__close button, #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__has-sublist > a, #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item > .mobile-nav__has-sublist > a, #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item > a, #NavDrawer ul.mobile-nav > li > a, #modalAddComplete .modal-tbl-cart table td.product-title > a, #modalAddComplete .modal-tbl-cart table td.product-price span, #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-title a, #modalAddComplete .modal-checkout-actions .modal-cart-actions a, #modalAddComplete .modal-checkout-actions .modal-cart-actions button, .product-item .product-image .product-tags > div, .product-item .product-image .product-actions .product-actions-inner > div > button, .article-item .article-info .article-date span, .article-item .article-info .article-cmt span, #header .header-center .hd-center .desktop-cart-wrapper > a span, #header .header-center .hd-center .desktop-cart-wrapper .quickview-cart h3, #header .header-center .hd-center .desktop-cart-wrapper .quickview-cart ul .cart-item-info > a, #header .header-center .hd-center .desktop-cart-wrapper .quickview-cart ul .cart-item-info small, #header .header-center .hd-center .desktop-cart-wrapper .quickview-cart ul .cart-item-price-quantity span, #header .header-center .hd-center .desktop-cart-wrapper .quickview-cart .qv-cart-total, #header .header-center .hd-center .desktop-cart-wrapper .quickview-cart .quickview-cartactions a, #header .mobile-header .desktop-cart-wrapper1 .quickview-cart h3, #header .mobile-header .desktop-cart-wrapper1 .quickview-cart ul .cart-item-info > a, #header .mobile-header .desktop-cart-wrapper1 .quickview-cart ul .cart-item-info small, #header .mobile-header .desktop-cart-wrapper1 .quickview-cart ul .cart-item-price-quantity span, #header .mobile-header .desktop-cart-wrapper1 .quickview-cart .qv-cart-total, #header .mobile-header .desktop-cart-wrapper1 .quickview-cart .quickview-cartactions a, #product-wrapper .product-page .product-info span.vat, #product-wrapper span.cmt-product, .sidebar-product .product-list .seen-item .product-price .original-price,
.sidebar-product .home-section-body .seen-item .product-price .original-price, .sidebar-product .product-side .original-price, #blog-wrapper .sidebar-blog .item .title, #blog-wrapper .sidebar-blog .item .info, #productQuickView span.vat {
  font-size: 12px; }

.popup .popup-content form input, .popup .popup-content form button, #modalAddComplete .modal-checkout-actions .modal-cart-sum h3, .article-item .article-desc, .home-section-title .descript-body, #header .header-center .hd-center .hd-navbar .hd-menu .menu-item > a, #header .header-center .hd-center .hd-search-wrapper .search-bar-header .search-form-wrapper form select, #header .header-center .hd-center .hd-search-wrapper .search-bar-header .search-form-wrapper form input, #header .mobile-header .hd-btnMenu > a span, #footer h3, #collection-wrapper .collection-categories button:after,
#collection-wrapper .collection-filter-color button:after,
#collection-wrapper .collection-filter-material button:after,
#collection-wrapper .collection-filter-price button:after,
#collection-wrapper .collection-filter-size button:after,
#collection-wrapper .collection-filter-vendor button:after, #collection-wrapper .collection-categories div.panel,
#collection-wrapper .collection-filter-color div.panel,
#collection-wrapper .collection-filter-material div.panel,
#collection-wrapper .collection-filter-price div.panel,
#collection-wrapper .collection-filter-size div.panel,
#collection-wrapper .collection-filter-vendor div.panel, #productQuickView del {
  font-size: 14px; }

.popup .popup-content .form-desc, #modalAddComplete .modal-cart-status h2, .product-item .product-image .product-actions .product-actions-inner > div > button i, .article-item .article-title, #home-collection-wrapper .tab button, #product-wrapper .product-page p.product-more-info, #product-wrapper .product-page .product-info span.price-text, #product-wrapper .product-page .product-info s.ComparePrice, #product-wrapper .product-page #product-single-details button.btn, #product-wrapper .product-page #product-single-details .qty-addcart p.quantity-selector, #product-wrapper .product-tabs button.pro-tablinks, .sidebar-product .sidebar-title, .sidebar-product .product-list .seen-item .product-price .current-price,
.sidebar-product .home-section-body .seen-item .product-price .current-price, .sidebar-product .product-side .current-price, #collection-wrapper .collection-categories div.panel > ul > li > a,
#collection-wrapper .collection-filter-color div.panel > ul > li > a,
#collection-wrapper .collection-filter-material div.panel > ul > li > a,
#collection-wrapper .collection-filter-price div.panel > ul > li > a,
#collection-wrapper .collection-filter-size div.panel > ul > li > a,
#collection-wrapper .collection-filter-vendor div.panel > ul > li > a, #contact-form .contact-desc, #productQuickView .product-price, #productQuickView .form-input label, #productQuickView .select-swatch .header {
  font-size: 16px; }

.pagination-custom > span.current, .pagination-custom > span > a, #NavDrawer ul.mobile-nav > li.mobile-nav__search form button, .popup .popup-content .popup-title, .popup .popup-content .popup-social-network, #page-wrapper h1, #page-wrapper .page-contact-wrapper h4, #shopmap-page .your-address, #shopmap-page .list-shop h2, #modalAddComplete .modal-tbl-cart table td.product-remove > a, .product-item .product-info .product-price .current-price, #header .header-center .hd-center .desktop-cart-wrapper > a, #header .header-center .hd-center .hd-search-wrapper > a, #header .mobile-header .hd-logo a, #footer .footer-title, #collection-wrapper .collection-head .collection-title h1, #collection-wrapper .collection-categories button,
#collection-wrapper .collection-filter-color button,
#collection-wrapper .collection-filter-material button,
#collection-wrapper .collection-filter-price button,
#collection-wrapper .collection-filter-size button,
#collection-wrapper .collection-filter-vendor button, #blog-wrapper .blog-content .section-title .title h2, #blog-wrapper .blog-content .blog-content-wrapper .blog-head h1, #blog-wrapper .article-body .section-header h1, #blog-wrapper .related-articles .related-articles-head h3 {
  font-size: 18px; }

#back-to-top, #breadcrumb-wrapper.breadcrumb-w-img .breadcrumb-content .breadcrumb-big h2, #header .mobile-header .desktop-cart-wrapper1 > a.hd-cart, #header .mobile-header .hd-btnMenu > a, #home-featured-products .home-discount > div, #product-wrapper .product-page h1, #product-wrapper .product-page .product-info span.ProductPrice, #blog-wrapper .page-title h1, #productQuickView span.p-price {
  font-size: 24px; }

.pagination-custom > span.current, .pagination-custom > span > a, .popup .popup-content .popup-title, .popup .popup-content form button, #page-wrapper h1, #page-wrapper .page-contact-wrapper h4, #shopmap-page .your-address, #shopmap-page .list-shop h2, #breadcrumb-wrapper.breadcrumb-w-img .breadcrumb-content .breadcrumb-big h2, #modalAddComplete .modal-cart-status h2, #modalAddComplete .modal-tbl-cart table td.product-title > a, #modalAddComplete .modal-tbl-cart table td.product-price span, #modalAddComplete .modal-tbl-cart table td.product-money, #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-title a, #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-price span, #modalAddComplete .modal-checkout-actions .modal-cart-sum h3, #modalAddComplete .modal-checkout-actions .modal-cart-actions a, #modalAddComplete .modal-checkout-actions .modal-cart-actions button, .product-item .product-image .product-actions .product-actions-inner > div > button, .product-item .product-image .product-actions .product-actions-inner > div > button.btnBuyNow, .product-item .product-info .product-title a, .product-item .product-info .product-price .current-price, .article-item .article-title, .article-item .article-info .article-date .time, .home-section-title h2, #header .header-center .hd-center .hd-navbar .hd-menu .menu-item > a, #header .header-center .hd-center .hd-navbar .hd-menu .menu-item > ul.megamenu-menu > li > a, #header .header-center .hd-center .hd-navbar .hd-menu .menu-item > ul.dropdown-menu li a, #header .header-center .hd-center .desktop-cart-wrapper .quickview-cart h3, #header .header-center .hd-center .desktop-cart-wrapper .quickview-cart .qv-cart-total, #header .header-center .hd-center .desktop-cart-wrapper .quickview-cart .quickview-cartactions a, #header .mobile-header .hd-logo a, #header .mobile-header .desktop-cart-wrapper1 .quickview-cart h3, #header .mobile-header .desktop-cart-wrapper1 .quickview-cart .qv-cart-total, #header .mobile-header .desktop-cart-wrapper1 .quickview-cart .quickview-cartactions a, #home-featured-products .home-discount .remain-times, #home-featured-products .home-discount > div, #home-featured-products .home-discount > div:after, #home-collection-banners .col-banner-img a .view-col h3, #home-collection-banners .col-banner-img a .view-col button, #home-collection-wrapper .tab button, #home-policy, #footer .footer-title, #footer h3, #product-wrapper .product-page h1, #product-wrapper .product-page .product-info span.ProductPrice, #product-wrapper .product-page #product-single-details button.btn, .sidebar-product .sidebar-title, .sidebar-product .product-list .seen-item .product-title a,
.sidebar-product .home-section-body .seen-item .product-title a, .sidebar-product .product-list .seen-item .product-price .current-price,
.sidebar-product .home-section-body .seen-item .product-price .current-price, .sidebar-product .product-side a, .sidebar-product .product-side .current-price, #collection-wrapper .collection-head .collection-title h1, #collection-wrapper .collection-categories button,
#collection-wrapper .collection-filter-color button,
#collection-wrapper .collection-filter-material button,
#collection-wrapper .collection-filter-price button,
#collection-wrapper .collection-filter-size button,
#collection-wrapper .collection-filter-vendor button, #blog-wrapper .page-title h1, #blog-wrapper .blog-content .section-title .title h2, #blog-wrapper .blog-content .blog-content-wrapper .blog-head h1, #blog-wrapper .sidebar-blog .item .title, #blog-wrapper .article-body .section-header h1, #blog-wrapper .related-articles .related-articles-head h3, #contact-form .contact-desc {
  font-family: "UTM-Neo-Sans-Intel-Bold" !important; }

.home-section-title .title-type {
  font-family: "UTMLinotypeZapfinoKT" !important; }

.popup .popup-content .popup-desc, .popup .popup-content .popup-list ul li, #page-wrapper .rte {
  line-height: 24px; }

#NavDrawer .drawer__header .drawer__close button, #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__has-sublist > a, #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item > .mobile-nav__has-sublist > a, #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item > a, #NavDrawer ul.mobile-nav > li > a, .popup .popup-content .popup-title, .popup .popup-content form button, #page-wrapper h1, #page-wrapper .page-contact-wrapper h4, #shopmap-page .your-address, #shopmap-page .list-shop h2, #breadcrumb-wrapper.breadcrumb-w-img .breadcrumb-content .breadcrumb-big h2, #modalAddComplete .modal-cart-status h2, #modalAddComplete .modal-tbl-cart table td.product-title > a, #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-title a, #modalAddComplete .modal-checkout-actions .modal-cart-actions a, #modalAddComplete .modal-checkout-actions .modal-cart-actions button, .product-item .product-image .product-actions .product-actions-inner > div > button, #header .header-center .hd-logo a, #header .header-center .hd-center .hd-navbar .hd-menu .menu-item > a, #header .header-center .hd-center .hd-navbar .hd-menu .menu-item > ul.megamenu-menu > li > a, #header .header-center .hd-center .desktop-cart-wrapper .quickview-cart h3, #header .header-center .hd-center .desktop-cart-wrapper .quickview-cart .qv-cart-total, #header .header-center .hd-center .desktop-cart-wrapper .quickview-cart .quickview-cartactions a, #header .mobile-header .hd-logo a, #header .mobile-header .desktop-cart-wrapper1 .quickview-cart h3, #header .mobile-header .desktop-cart-wrapper1 .quickview-cart .qv-cart-total, #header .mobile-header .desktop-cart-wrapper1 .quickview-cart .quickview-cartactions a, #header .mobile-header .hd-btnMenu > a span, #home-policy .title-police, #footer .footer-title, #footer h3, #footer .newsletter-form-wrapper .input-group button, #product-wrapper .product-page #product-single-details button.btn, #product-wrapper .product-tabs button.pro-tablinks, .sidebar-product .sidebar-title, #collection-wrapper .collection-head .collection-title h1, #blog-wrapper .page-title h1, #blog-wrapper .blog-content .section-title .title h2, #blog-wrapper .blog-content .blog-content-wrapper .blog-head h1, #blog-wrapper .related-articles .related-articles-head h3 {
  text-transform: uppercase !important; }

.pagination-custom > span > a, #NavDrawer .drawer__header .drawer__close button, #NavDrawer ul.mobile-nav > li.mobile-nav__item, #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__has-sublist > a, #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item > .mobile-nav__has-sublist > a, #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item > a, #NavDrawer ul.mobile-nav > li > a, .cart-overlay, #page-wrapper .page-contact-wrapper .contact-item, #page-wrapper .page-contact-wrapper .form-vertical .btnContactSubmit, #page-wrapper .page-contact-wrapper .contact-info a, #page-wrapper .page-contact-wrapper .contact-map a, #breadcrumb-wrapper.breadcrumb-w-img .breadcrumb-content .breadcrumb-small a, #modalAddComplete .modal-tbl-cart table td.product-remove > a, #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-title a, #modalAddComplete .modal-checkout-actions .text-left a, .product-item .product-image a img, .product-item .product-image a .product-overlay, .product-item .product-image .product-actions .product-actions-inner > div > button, .product-item .product-info .product-title a, .article-item, .article-item .article-img img, .article-item .article-title, #header .header-top a, #header .header-center .hd-center .hd-navbar .hd-menu .menu-item > a, #header .header-center .hd-center .hd-navbar .hd-menu .menu-item > ul.megamenu-menu > li > a, #header .header-center .hd-center .hd-navbar .hd-menu .menu-item > ul.megamenu-menu > li ul li a, #header .header-center .hd-center .hd-navbar .hd-menu .menu-item > ul.dropdown-menu li a, #header .header-center .hd-center .desktop-cart-wrapper > a, #header .header-center .hd-center .hd-search-wrapper > a, #header .header-center .hd-center .hd-search-wrapper .search-bar-header .search-form-wrapper form button, #header .mobile-header .desktop-cart-wrapper1 > a.hd-cart, #header .mobile-header .desktop-cart-wrapper1 .quickview-cart, #main-slider .owl-controls .owl-pagination .owl-page span, #home-brands .item .item__image, #home-collection-banners .col-banner-img a img, #home-collection-banners .col-banner-img a .hover-banner, #home-collection-banners .col-banner-img a .view-col, #home-collection-banners .col-banner-img a .view-col button, #home-collection-wrapper .tab button, #footer .footer-list li a, #footer .newsletter-form-wrapper .input-group button, #footer-info a, #product-wrapper .product-page #product-single-details button.btn, #product-wrapper .product-tabs button.pro-tablinks, #product-wrapper .owl-buttons div, .sidebar-product ul li a, .sidebar-product .product-list .seen-item .product-img img,
.sidebar-product .home-section-body .seen-item .product-img img, .sidebar-product .product-list .seen-item .product-title a,
.sidebar-product .home-section-body .seen-item .product-title a, .sidebar-product .product-side img, .sidebar-product .product-side a, #collection-wrapper .collection-categories button,
#collection-wrapper .collection-filter-color button,
#collection-wrapper .collection-filter-material button,
#collection-wrapper .collection-filter-price button,
#collection-wrapper .collection-filter-size button,
#collection-wrapper .collection-filter-vendor button, #collection-wrapper .collection-categories button:after,
#collection-wrapper .collection-filter-color button:after,
#collection-wrapper .collection-filter-material button:after,
#collection-wrapper .collection-filter-price button:after,
#collection-wrapper .collection-filter-size button:after,
#collection-wrapper .collection-filter-vendor button:after, #collection-wrapper .collection-categories div.panel > ul > li > a,
#collection-wrapper .collection-filter-color div.panel > ul > li > a,
#collection-wrapper .collection-filter-material div.panel > ul > li > a,
#collection-wrapper .collection-filter-price div.panel > ul > li > a,
#collection-wrapper .collection-filter-size div.panel > ul > li > a,
#collection-wrapper .collection-filter-vendor div.panel > ul > li > a, #collection-wrapper .collection-categories div.panel > ul > li > ul > li > a,
#collection-wrapper .collection-filter-color div.panel > ul > li > ul > li > a,
#collection-wrapper .collection-filter-material div.panel > ul > li > ul > li > a,
#collection-wrapper .collection-filter-price div.panel > ul > li > ul > li > a,
#collection-wrapper .collection-filter-size div.panel > ul > li > ul > li > a,
#collection-wrapper .collection-filter-vendor div.panel > ul > li > ul > li > a, #blog-wrapper .blog-content .blog-single-item .owl-controls .owl-buttons > div, #blog-wrapper .all-tags .all-tags-wrapper .tag-item, #blog-wrapper .sidebar-blog .item .article-img img, #blog-wrapper .sidebar-blog .item .title, #blog-wrapper .related-articles .related-articles-body ul > li > a, #blog-wrapper .related-articles .related-articles-body ul > li > a:before, #contact-policy .policy-item, #contact-form .btn {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease; }

#header .header-center .hd-center .hd-navbar .hd-menu .menu-item > ul, #header .header-center .hd-center .hd-navbar .hd-menu .menu-item > ul.dropdown-menu li ul {
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  transition: all 0.6s ease; }

/* ------------ normalize elements / classes ------------ */
input, textarea, button {
  outline: 0px; }

.mobile-nav a:focus {
  background: transparent; }

body {
  margin: 0; }

body {
  position: relative;
  line-height: normal !important; }
  body button,
  body h1,
  body h2,
  body h3 {
    line-height: normal;
    font-weight: normal; }

img {
  vertical-align: middle; }

.pd-top30 {
  padding-top: 30px !important; }

.mg-bottom50 {
  margin-bottom: 50px !important; }

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

.mg-left-5 {
  margin-left: -5px !important; }

.mg-left-15 {
  margin-left: -15px !important; }

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

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

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

body::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
  background-color: #fff; }

body::-webkit-scrollbar {
  width: 8px;
  background-color: #fff; }

body::-webkit-scrollbar-thumb {
  background-color: #9ea3ff; }

.quickview-cart > ul::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
  background-color: #fff; }

.quickview-cart > ul::-webkit-scrollbar {
  width: 5px;
  background-color: #fff; }

.quickview-cart > ul::-webkit-scrollbar-thumb {
  background-color: #9ea3ff; }

input[type=number] {
  -moz-appearance: textfield; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.fb_iframe_widget iframe {
  max-width: 1000px;
  z-index: 9; }

.fb-comments,
.fb-comments > span,
.fb-comments span iframe {
  width: 100% !important; }

body {
  overflow-x: hidden; }

.sidebar-sort .no-bullets li input[type="checkbox"] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 16px;
  height: 16px;
  background: none;
  border: 1px solid #dedede;
  display: inline-block;
  overflow: hidden;
  vertical-align: middle; }
  .sidebar-sort .no-bullets li input[type="checkbox"]:focus {
    outline: none; }
  .sidebar-sort .no-bullets li input[type="checkbox"]:checked {
    width: 16px;
    height: 16px; }
    .sidebar-sort .no-bullets li input[type="checkbox"]:checked:after {
      content: '\2714';
      font-size: 14px;
      line-height: 16px;
      text-align: center;
      display: block;
      outline: none;
      color: #9ea3ff;
      outline: 1px solid #fff; }

.sidebar-sort .no-bullets li input[type="radio"] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 16px;
  height: 16px;
  background: none;
  border: 1px solid #dedede;
  display: inline-block;
  overflow: hidden;
  vertical-align: middle; }
  .sidebar-sort .no-bullets li input[type="radio"]:focus {
    outline: none; }
  .sidebar-sort .no-bullets li input[type="radio"]:checked {
    width: 16px;
    height: 16px; }
    .sidebar-sort .no-bullets li input[type="radio"]:checked:after {
      content: '\2714';
      font-size: 14px;
      line-height: 16px;
      text-align: center;
      display: block;
      outline: none;
      color: #9ea3ff;
      outline: 1px solid #fff; }

.pagination-custom {
  background: linear-gradient(to right, #9ea3ff, #ffb0f8); }
  .pagination-custom > span {
    display: inline-block;
    height: 40px;
    min-width: 40px;
    line-height: 40px;
    margin-left: -1px;
    margin: 5px 0px; }
    .pagination-custom > span.current {
      padding: 0px !important;
      color: #fff; }
    .pagination-custom > span > a {
      padding: 0px;
      display: inline-block;
      text-align: center;
      height: 40px;
      line-height: 40px;
      min-width: 40px;
      padding: 0px;
      color: #000; }
      .pagination-custom > span > a:hover {
        color: #fff; }

#pagination-page {
  clear: left;
  margin: 0px; }

.pagination {
  clear: left;
  margin: 0px; }

.float-right {
  float: right; }

@media (max-width: 768px) {
  #main-slider .main-slide,
  #home-banner,
  #home-gallery {
    background-attachment: scroll !important; }
  body .md-mg-left-5 {
    margin-left: -5px !important; }
  body .md-pd-left5 {
    padding-left: 5px !important; }
  body .md-mg-left-10 {
    margin-left: -10px !important; }
  body .md-pd-left10 {
    padding-left: 10px !important; } }

@-webkit-keyframes aButtonHoverBefore {
  from {
    width: 18px; }
  25% {
    width: 0px; }
  50% {
    width: 40px; }
  75% {
    width: 0px; }
  to {
    width: 18px; } }

@keyframes aButtonHoverBefore {
  from {
    width: 18px; }
  25% {
    width: 0px; }
  50% {
    width: 40px; }
  75% {
    width: 0px; }
  to {
    width: 18px; } }

@-webkit-keyframes aButtonHoverAfter {
  from {
    width: 40px;
    right: -40px; }
  25% {
    width: 0px;
    right: 0; }
  50% {
    width: 18px;
    right: -18px; }
  75% {
    width: 0px;
    right: 0; }
  to {
    width: 40px;
    right: -40px; } }

@keyframes aButtonHoverAfter {
  from {
    width: 40px;
    right: -40px; }
  25% {
    width: 0px;
    right: 0; }
  50% {
    width: 18px;
    right: -18px; }
  75% {
    width: 0px;
    right: 0; }
  to {
    width: 40px;
    right: -40px; } }

@keyframes slide {
  0% {
    clip: rect(0, 0, 20px, 0); }
  30% {
    clip: rect(0, 150px, 20px, 0); }
  50% {
    clip: rect(0, 150px, 20px, 0); }
  80% {
    clip: rect(0, 150px, 20px, 150px); }
  100% {
    clip: rect(0, 150px, 20px, 150px); } }

@keyframes fade {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

/* ------------ breakpoints ------------ */
@media (max-width: 480px) {
  body {
    padding-bottom: 67px; }
  .home-section-title h2 {
    font-size: 20px !important; }
  #page-wrapper .cart .cart-item {
    padding-bottom: 15px;
    border-bottom: 1px solid #e5e5e5; }
    #page-wrapper .cart .cart-item .h4 {
      font-weight: normal !important;
      font-size: 16px !important;
      color: #333333 !important;
      margin-bottom: 10px; }
    #page-wrapper .cart .cart-item .price {
      display: inline-block; }
      #page-wrapper .cart .cart-item .price .h3 {
        font-size: 16px !important; }
    #page-wrapper .cart .cart-item .js-qty {
      margin-bottom: 5px !important; }
    #page-wrapper .cart .cart-item .cart__remove {
      display: inline-block;
      margin-left: 10px; }
  #home-brands {
    padding: 30px 0px !important; }
    #home-brands .descript-body {
      width: auto !important; }
  #home-featured-products .owl-controls .owl-buttons > div.owl-prev {
    left: 10px !important; }
  #home-featured-products .home-discount {
    width: auto !important; }
  #home-collection-wrapper .tab button {
    padding: 10px 7px !important;
    font-size: 12px !important; }
  #home-policy {
    padding: 15px 0px 0px 0px !important; }
    #home-policy .policy-item {
      margin-bottom: 15px; }
  #breadcrumb-wrapper.breadcrumb-w-img {
    height: 240px !important; }
  #product-wrapper .owl-buttons div {
    font-size: 36px !important; }
  #product-wrapper .owl-buttons div.owl-prev {
    left: 0px !important; }
  #product-wrapper .owl-buttons div.owl-next {
    right: 0px !important; }
  #product-wrapper .product-page #product-single-details button.btn {
    padding: 12px !important;
    margin-right: 5px !important;
    font-size: 13px !important; }
  #product-wrapper .product-tabs {
    margin-bottom: 20px; }
    #product-wrapper .product-tabs button.pro-tablinks {
      width: 100% !important; }
  #product-wrapper .product-tabs .pro-tabcontent {
    padding: 10px !important; }
  #seen-products .owl-buttons div.owl-prev {
    left: 15px !important; }
  #footer-info .footer-bottom-account {
    text-align: center !important;
    margin-top: 10px; }
  #blog-wrapper .article-body {
    padding: 10px !important; }
  #blog-wrapper .article-body .section-header .social-network-actions {
    text-align: left !important; }
  #contact-policy .policy-item {
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
    margin-bottom: 10px; }
    #contact-policy .policy-item .content {
      border-left: 0px !important; } }

@media (max-width: 768px) {
  .sidebar-product .sidebar-title {
    font-size: 14px !important; }
  #product-wrapper .product-tabs button.pro-tablinks {
    width: 25% !important;
    float: left !important;
    font-size: 12px !important; }
  #collection-wrapper .form-horizontal {
    float: left !important;
    margin-top: 10px; }
  .pagination-custom {
    margin-left: 0px !important;
    margin-bottom: 15px; } }

/* ----------------------------------- */
#NavDrawer::-webkit-scrollbar {
  width: 7px; }

#NavDrawer::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px #fff;
  border-radius: 0px; }

#NavDrawer::-webkit-scrollbar-thumb {
  border-radius: 0px;
  -webkit-box-shadow: inset 0 0 5px #fff;
  background: #fff; }

#NavDrawer {
  z-index: 999999;
  background: linear-gradient(to right, rgba(184, 188, 255, 0.85), rgba(252, 201, 249, 0.85));
  padding: 0px; }
  #NavDrawer .mobile-nav > .mobile-nav__item {
    background: transparent; }
  #NavDrawer .drawer__header {
    height: 65px;
    border-bottom: 0px;
    padding: 0px 15px; }
    #NavDrawer .drawer__header .drawer__close {
      text-align: right; }
      #NavDrawer .drawer__header .drawer__close button {
        right: 0px;
        color: #ffffff;
        background: transparent;
        outline: 0px;
        border: 0px;
        border-radius: 0px;
        padding-right: 0px; }
        #NavDrawer .drawer__header .drawer__close button span {
          display: inline-block;
          margin-right: 5px;
          transform: translateY(-3px); }
        #NavDrawer .drawer__header .drawer__close button i {
          font-size: 24px; }
  #NavDrawer ul.mobile-nav {
    margin: 0px; }
    #NavDrawer ul.mobile-nav > li.mobile-nav__search {
      padding: 15px !important; }
      #NavDrawer ul.mobile-nav > li.mobile-nav__search form {
        border-radius: 8px;
        overflow: hidden; }
        #NavDrawer ul.mobile-nav > li.mobile-nav__search form input {
          height: 34px;
          line-height: 34px;
          padding: 0px 15px;
          border-radius: 0px;
          border: 0px;
          outline: 0px;
          width: 100%;
          background: #fff; }
        #NavDrawer ul.mobile-nav > li.mobile-nav__search form button {
          height: 34px;
          width: 34px;
          line-height: 34px;
          padding: 0px;
          border-radius: 0px;
          border: 0px;
          outline: 0px;
          background: #fff;
          color: #9ea3ff; }
    #NavDrawer ul.mobile-nav > li.mobile-nav__item {
      padding: 0px;
      display: block;
      padding: 15px;
      background: rgba(184, 188, 255, 0);
      border-left: 3px solid transparent; }
      #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__has-sublist > a {
        width: auto !important;
        display: inline-block;
        position: relative;
        padding: 0px;
        color: #ffffff; }
        #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__has-sublist > a:after {
          content: '';
          display: block;
          border-bottom: 1px solid #fcc9f9;
          width: 0;
          position: absolute;
          left: 0;
          -webkit-transition: 1s ease;
          transition: 1s ease; }
        #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__has-sublist > a:hover {
          opacity: 1 !important;
          color: #fcc9f9; }
          #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__has-sublist > a:hover:after {
            width: 100%; }
      #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__has-sublist .mobile-nav__toggle button {
        padding: 0px;
        color: #ffffff;
        background: transparent;
        outline: 0px;
        border-radius: 0px;
        border: 0px; }
        #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__has-sublist .mobile-nav__toggle button:hover {
          color: #fcc9f9; }
      #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__sublist {
        padding-left: 15px; }
        #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item {
          padding: 15px 0px; }
          #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item:first-child {
            padding-top: 30px; }
          #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item:last-child {
            padding-bottom: 0px; }
          #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item > .mobile-nav__has-sublist > a {
            display: inline-block;
            width: auto !important;
            position: relative;
            padding: 0px;
            color: #ffffff; }
            #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item > .mobile-nav__has-sublist > a:after {
              content: '';
              display: block;
              border-bottom: 1px solid #fcc9f9;
              width: 0;
              position: absolute;
              left: 0;
              -webkit-transition: 1s ease;
              transition: 1s ease; }
            #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item > .mobile-nav__has-sublist > a:hover {
              opacity: 1 !important;
              color: #fcc9f9; }
              #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item > .mobile-nav__has-sublist > a:hover:after {
                width: 100%; }
          #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item > .mobile-nav__has-sublist .mobile-nav__toggle button {
            padding: 0px;
            color: #ffffff;
            background: transparent;
            outline: 0px;
            border-radius: 0px;
            border: 0px; }
            #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item > .mobile-nav__has-sublist .mobile-nav__toggle button:hover {
              color: #fcc9f9; }
          #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item > .mobile-nav__sublist {
            padding-top: 15px; }
            #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item {
              padding: 15px 0px 15px 15px; }
              #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item > a {
                display: inline-block;
                width: auto !important;
                position: relative;
                padding: 0px;
                color: #ffffff; }
                #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item > a:after {
                  content: '';
                  display: block;
                  border-bottom: 1px solid #fcc9f9;
                  width: 0;
                  position: absolute;
                  left: 0;
                  -webkit-transition: 1s ease;
                  transition: 1s ease; }
                #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item > a:hover {
                  opacity: 1 !important;
                  color: #fcc9f9; }
                  #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item > a:hover:after {
                    width: 100%; }
      #NavDrawer ul.mobile-nav > li.mobile-nav__item:hover {
        background: #b8bcff;
        border-left: 3px solid #fcc9f9; }
        #NavDrawer ul.mobile-nav > li.mobile-nav__item:hover > a:after {
          width: 100%; }
    #NavDrawer ul.mobile-nav > li > a {
      display: inline-block;
      position: relative;
      padding: 0px;
      color: #ffffff; }
      #NavDrawer ul.mobile-nav > li > a:after {
        content: '';
        display: block;
        border-bottom: 1px solid #fcc9f9;
        width: 0;
        position: absolute;
        left: 0;
        -webkit-transition: 1s ease;
        transition: 1s ease; }
      #NavDrawer ul.mobile-nav > li > a:hover {
        color: #fcc9f9;
        opacity: 1 !important; }
    #NavDrawer ul.mobile-nav > li:after {
      display: none; }

.cart-overlay {
  background: transparent;
  z-index: -1;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0; }
  .cart-overlay.open {
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999; }

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

.popup {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 999999999;
  /* Sit on top */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: black;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.8);
  /* Black w/ opacity */ }
  .popup .popup-content {
    background: url("//theme.hstatic.net/1000187239/1000275709/14/popup_bg.png?v=1356");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: auto;
    max-width: 750px;
    width: 90%;
    top: 50px;
    position: relative;
    border-radius: 8px; }
    .popup .popup-content .popup-wrapper {
      background: rgba(255, 255, 255, 0.8);
      padding: 50px 15px; }
    .popup .popup-content .popup-title {
      color: #333333;
      margin-bottom: 15px; }
    .popup .popup-content .popup-desc {
      color: #333333;
      margin-bottom: 15px;
      text-align: justify; }
    .popup .popup-content .popup-list {
      margin-bottom: 15px; }
      .popup .popup-content .popup-list ul {
        margin: 0; }
        .popup .popup-content .popup-list ul li {
          position: relative;
          margin-bottom: 5px;
          padding-left: 15px;
          color: #333333; }
          .popup .popup-content .popup-list ul li:last-child {
            margin: 0 !important; }
          .popup .popup-content .popup-list ul li:after {
            content: '\f111';
            font-family: FontAwesome;
            position: absolute;
            top: calc(50% - 3px);
            left: 0;
            font-size: 6px;
            color: #9ea3ff;
            line-height: normal; }
    .popup .popup-content .form-desc {
      color: #333333;
      margin-bottom: 15px; }
    .popup .popup-content form {
      position: relative;
      width: 100%; }
      .popup .popup-content form .input-group {
        width: 100%; }
      .popup .popup-content form input {
        width: 100%;
        height: 30px;
        line-height: 30px;
        padding: 0 15px;
        color: #333333;
        background: #fff;
        border: 1px solid #9ea3ff;
        border-radius: 0px !important;
        outline: 0 !important;
        margin-bottom: 15px; }
      .popup .popup-content form button {
        height: 30px;
        line-height: 30px !important;
        padding: 0 10px;
        margin: 0;
        border-radius: 8px;
        color: #fff;
        background: #9ea3ff;
        outline: 0 !important;
        box-shadow: none;
        float: right; }
    .popup .popup-content .popup-social-network {
      display: inline-block;
      color: #fff;
      background: #9ea3ff;
      margin-right: 5px;
      margin-bottom: 5px;
      height: 30px;
      width: 30px;
      text-align: center;
      line-height: 30px;
      padding: 0;
      border-radius: 50%; }
  .popup .close-popup {
    position: absolute;
    top: -15px;
    right: -15px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    display: block;
    height: 30px;
    width: 30px;
    background-color: #9ea3ff;
    text-align: center;
    z-index: 9999;
    border-radius: 50%;
    line-height: 30px; }
  .popup .close-popup:focus,
  .popup .close-popup:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer; }

#popup-btn {
  display: none; }

#page-wrapper {
  padding: 50px 0px; }
  #page-wrapper .rte {
    margin: 0px; }
  #page-wrapper h1 {
    color: #333333;
    padding: 0px 0px 15px 0px;
    margin: 0px 0px 15px 0px;
    border-bottom: 1px solid #e5e5e5; }
  #page-wrapper .product-item {
    margin-bottom: 30px; }
  #page-wrapper .page-contact-wrapper .contact-desc {
    margin-bottom: 15px; }
  #page-wrapper .page-contact-wrapper h4 {
    color: #333333;
    padding: 0px;
    margin: 30px 0px 20px; }
  #page-wrapper .page-contact-wrapper .contact-item {
    text-align: center;
    padding: 50px 30px;
    background: #fafafa;
    margin: 50px 0px 100px; }
    #page-wrapper .page-contact-wrapper .contact-item:hover {
      background: #ffffff;
      box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.2);
      padding-bottom: 45px; }
    #page-wrapper .page-contact-wrapper .contact-item .contact-icon {
      font-size: 36px;
      color: #9ea3ff; }
    #page-wrapper .page-contact-wrapper .contact-item .contact-info {
      height: 50px; }
  #page-wrapper .page-contact-wrapper .form-vertical input, #page-wrapper .page-contact-wrapper .form-vertical textarea {
    background: #fafafa;
    border: 0px;
    border-radius: 0px; }
  #page-wrapper .page-contact-wrapper .form-vertical .btnContactSubmit {
    margin: 50px auto;
    background: #9ea3ff;
    color: #ffb0f8;
    border: 1px solid #9ea3ff;
    border-radius: 20px;
    width: 120px; }
    #page-wrapper .page-contact-wrapper .form-vertical .btnContactSubmit:hover {
      color: #9ea3ff;
      background: #ffb0f8; }
  #page-wrapper .page-contact-wrapper .contact-info, #page-wrapper .page-contact-wrapper .contact-map, #page-wrapper .page-contact-wrapper .contact-info {
    margin-bottom: 15px; }
    #page-wrapper .page-contact-wrapper .contact-info a, #page-wrapper .page-contact-wrapper .contact-map a, #page-wrapper .page-contact-wrapper .contact-info a {
      color: #333333; }
      #page-wrapper .page-contact-wrapper .contact-info a:hover, #page-wrapper .page-contact-wrapper .contact-map a:hover, #page-wrapper .page-contact-wrapper .contact-info a:hover {
        color: #9ea3ff; }

#shopmap-page .your-address, #shopmap-page .list-shop h2 {
  color: #333333;
  padding: 0px;
  margin: 0px 0px 15px 0px; }

#shopmap-page #start, #shopmap-page #end {
  margin-bottom: 15px; }
  #shopmap-page #start ul, #shopmap-page #end ul {
    margin: 0px; }

#mobile-bottom-navigation {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 99999;
  border-top: 1px solid #e5e5e5;
  background: linear-gradient(to right, rgba(158, 163, 255, 0.85), rgba(255, 176, 248, 0.85)); }
  #mobile-bottom-navigation .mobile-nav-item {
    display: block;
    height: 67px;
    padding: 0;
    text-align: center;
    position: relative; }
    #mobile-bottom-navigation .mobile-nav-item > a {
      width: 100%;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      font-size: 12px;
      color: #fff; }
      #mobile-bottom-navigation .mobile-nav-item > a i {
        font-size: 24px;
        color: #fff;
        display: inline-block;
        margin-bottom: 3px; }
      #mobile-bottom-navigation .mobile-nav-item > a span.number {
        position: absolute;
        display: inline-block;
        top: -10px;
        right: 15px;
        height: 20px;
        line-height: 20px;
        width: 20px;
        border-radius: 50%;
        text-align: center;
        font-size: 14px;
        color: #fff;
        background: #9ea3ff; }

#breadcrumb-wrapper.breadcrumb-w-img {
  height: 350px;
  padding: 30px 0;
  background: url("//theme.hstatic.net/1000187239/1000275709/14/breadcrumb_bg.png?v=1356");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  overflow: hidden; }
  #breadcrumb-wrapper.breadcrumb-w-img .breadcrumb-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 9;
    width: 100%; }
    #breadcrumb-wrapper.breadcrumb-w-img .breadcrumb-content .breadcrumb-big h2 {
      color: #000;
      padding: 0px;
      margin: 0px 0px 5px 0px; }
    #breadcrumb-wrapper.breadcrumb-w-img .breadcrumb-content .breadcrumb-small a, #breadcrumb-wrapper.breadcrumb-w-img .breadcrumb-content .breadcrumb-small span {
      color: #000; }
    #breadcrumb-wrapper.breadcrumb-w-img .breadcrumb-content .breadcrumb-small a {
      display: inline-block;
      position: relative; }
      #breadcrumb-wrapper.breadcrumb-w-img .breadcrumb-content .breadcrumb-small a:hover {
        color: #9ea3ff; }

#modalAddComplete {
  display: none;
  position: fixed;
  z-index: 9999999;
  padding-top: 5%;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  /* Add Animation */ }
  #modalAddComplete .modalAddComplete-body {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    oveflow: hidden; }
  #modalAddComplete .modalAddComplete-content {
    position: relative;
    margin: auto;
    padding: 0;
    width: 80%;
    max-width: 850px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s; }
    #modalAddComplete .modalAddComplete-content #modalAddComplete-close {
      width: 30px;
      height: 30px;
      line-height: 30px;
      border-radius: 50%;
      display: inline-block;
      text-align: center;
      padding: 0px;
      margin: 0px;
      background: #9ea3ff;
      color: #fff;
      font-size: 18px;
      position: absolute;
      top: -15px;
      right: -15px;
      z-index: 99;
      cursor: pointer; }

@-webkit-keyframes animatetop {
  from {
    top: -300px;
    opacity: 0; }
  to {
    top: 0;
    opacity: 1; } }

@keyframes animatetop {
  from {
    top: -300px;
    opacity: 0; }
  to {
    top: 0;
    opacity: 1; } }

.modal-tbl-cart::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #fff; }

.modal-tbl-cart::-webkit-scrollbar {
  width: 6px;
  background-color: #fff; }

.modal-tbl-cart::-webkit-scrollbar-thumb {
  background-color: #9ea3ff; }

#modalAddComplete .modal-cart-status {
  border-bottom: 1px solid #e5e5e5; }
  #modalAddComplete .modal-cart-status h2 {
    color: #9ea3ff;
    margin: 0px;
    padding: 15px;
    display: block; }

#modalAddComplete .modal-tbl-cart {
  max-height: 250px;
  overflow-y: scroll; }
  #modalAddComplete .modal-tbl-cart table,
  #modalAddComplete .modal-tbl-cart td,
  #modalAddComplete .modal-tbl-cart th {
    border-bottom: 1px solid #e5e5e5;
    border-collapse: collapse; }
  #modalAddComplete .modal-tbl-cart table th {
    padding: 5px !important;
    color: #333333;
    min-width: 100px; }
  #modalAddComplete .modal-tbl-cart table td {
    padding: 5px !important; }
    #modalAddComplete .modal-tbl-cart table td.product-img {
      text-align: center; }
      #modalAddComplete .modal-tbl-cart table td.product-img a img {
        max-width: 100px;
        vertical-align: middle; }
    #modalAddComplete .modal-tbl-cart table td.product-title > a {
      color: #333333;
      display: block;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      #modalAddComplete .modal-tbl-cart table td.product-title > a:hover {
        color: #9ea3ff; }
    #modalAddComplete .modal-tbl-cart table td.product-sku {
      color: #333333; }
    #modalAddComplete .modal-tbl-cart table td.product-price {
      position: relative; }
      #modalAddComplete .modal-tbl-cart table td.product-price span {
        display: block; }
        #modalAddComplete .modal-tbl-cart table td.product-price span.current-price {
          color: #9ea3ff; }
        #modalAddComplete .modal-tbl-cart table td.product-price span.original-price {
          color: #bebebe; }
        #modalAddComplete .modal-tbl-cart table td.product-price span.sale-off {
          display: inline-block !important;
          text-align: center;
          padding: 2px 3px;
          color: #fff !important;
          background: #9ea3ff;
          font-size: 12px !important; }
    #modalAddComplete .modal-tbl-cart table td.product-money {
      color: #9ea3ff; }
    #modalAddComplete .modal-tbl-cart table td.product-remove > a {
      color: #333333;
      display: block; }
      #modalAddComplete .modal-tbl-cart table td.product-remove > a:hover {
        color: #9ea3ff; }

#modalAddComplete .mobile-modal-tbl-cart ul::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
  background-color: #fff; }

#modalAddComplete .mobile-modal-tbl-cart ul::-webkit-scrollbar {
  width: 4px;
  background-color: #fff; }

#modalAddComplete .mobile-modal-tbl-cart ul::-webkit-scrollbar-thumb {
  background-color: #9ea3ff; }

#modalAddComplete .mobile-modal-tbl-cart ul {
  margin: 0;
  padding: 15px;
  max-height: 350px;
  overflow-y: scroll; }
  #modalAddComplete .mobile-modal-tbl-cart ul li {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e5e5e5; }
    #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-img a {
      display: block;
      text-align: center; }
      #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-img a img {
        vertical-align: middle; }
    #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info {
      position: relative;
      padding-right: 35px; }
      #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-title {
        margin-bottom: 15px; }
        #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-title a {
          color: #333333; }
          #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-title a:hover {
            color: #9ea3ff; }
      #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-price {
        position: relative;
        margin-bottom: 15px; }
        #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-price span {
          display: block;
          color: #4f4f4f;
          font-size: 12px; }
          #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-price span.current-price {
            color: #9ea3ff;
            float: left;
            margin-right: 5px; }
          #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-price span.original-price {
            color: #bebebe; }
          #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-price span.sale-off {
            display: inline-block !important;
            text-align: center;
            padding: 2px 3px;
            color: #fff !important;
            background: #9ea3ff;
            font-size: 11px !important;
            float: left; }
      #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-actions .decreaseVal,
      #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-actions .increaseVal {
        width: 30px;
        height: 30px;
        line-height: 30px;
        background: #d7d7d7;
        color: #333333;
        text-align: center;
        padding: 0;
        margin: 0;
        border-radius: 5px;
        outline: 0 !important;
        border: 1px solid #d7d7d7; }
      #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-actions .val {
        height: 30px;
        width: 60px;
        line-height: 30px;
        text-align: center;
        color: #333333;
        border-radius: 5px;
        outline: 0 !important;
        border: 1px solid #d7d7d7;
        padding: 0 5px; }
      #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-remove {
        position: absolute;
        height: 30px;
        line-height: 30px;
        width: 30px;
        text-align: center;
        top: 0;
        right: 0; }
        #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-remove a {
          display: block;
          background: #f8f8f8;
          color: #b4b4b6; }

#modalAddComplete .modal-checkout-actions {
  padding: 15px; }
  #modalAddComplete .modal-checkout-actions .text-left a {
    color: #333333; }
    #modalAddComplete .modal-checkout-actions .text-left a:hover {
      color: #9ea3ff; }
  #modalAddComplete .modal-checkout-actions .modal-cart-sum h3 {
    color: #333333;
    margin: 0px;
    padding: 0px; }
    #modalAddComplete .modal-checkout-actions .modal-cart-sum h3 span {
      color: #9ea3ff; }
  #modalAddComplete .modal-checkout-actions .modal-cart-actions a, #modalAddComplete .modal-checkout-actions .modal-cart-actions button {
    color: #fff;
    outline: 0px;
    padding: 0px 15px;
    height: 38px;
    line-height: 38px;
    display: inline-block;
    margin-top: 15px;
    background: #9ea3ff;
    outline: 0px !important;
    border-radius: 8px; }
    #modalAddComplete .modal-checkout-actions .modal-cart-actions a.btnRefreshModal, #modalAddComplete .modal-checkout-actions .modal-cart-actions button.btnRefreshModal {
      margin-right: 5px;
      background: #e6e6e6;
      color: #333333; }

.product-item:hover .product-image a img {
  transform: scale(1.05); }

.product-item:hover .product-image a .product-overlay {
  opacity: 0.7; }

.product-item:hover .product-image .product-actions {
  transform: translate(0px) !important; }

.product-item .product-image {
  position: relative;
  overflow: hidden;
  box-shadow: 0px 0px 4px 0px rgba(4, 5, 5, 0.15); }
  .product-item .product-image a {
    display: block;
    overflow: hidden; }
    .product-item .product-image a img {
      width: 100%; }
    .product-item .product-image a .product-overlay {
      position: absolute;
      top: 0px;
      left: 0px;
      right: 0px;
      bottom: 0px;
      background: linear-gradient(to right, #dbddff, #fee4fc);
      opacity: 0; }
  .product-item .product-image .product-tags {
    position: absolute;
    top: 2px;
    right: 2px; }
    .product-item .product-image .product-tags > div {
      position: relative;
      display: inline-block;
      width: 40px;
      height: 40px;
      line-height: 40px;
      border-radius: 50%;
      border: 2px solid transparent;
      z-index: 1; }
      .product-item .product-image .product-tags > div.tag-saleoff {
        background: linear-gradient(to right, #dbddff, #fee4fc) border-box;
        color: #9ea3ff; }
        .product-item .product-image .product-tags > div.tag-saleoff span {
          display: flex;
          align-items: center;
          justify-content: center;
          position: absolute;
          top: 1px;
          bottom: 1px;
          left: 1px;
          right: 1px;
          background-color: #fff;
          content: '';
          border-radius: 50%; }
  .product-item .product-image .product-actions {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 15px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    transform: translateY(150px); }
    .product-item .product-image .product-actions .product-actions-inner {
      display: flex;
      justify-content: center; }
      .product-item .product-image .product-actions .product-actions-inner > div {
        background: linear-gradient(to right, #dbddff, #fee4fc) border-box;
        border: 3px solid transparent;
        border-radius: 50%;
        margin: 0px 3px;
        display: inline-block;
        float: left;
        box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.3); }
        .product-item .product-image .product-actions .product-actions-inner > div > button {
          color: #9ea3ff;
          background: #fff;
          display: block;
          outline: 0px;
          height: 35px;
          width: 35px;
          line-height: 35px;
          overflow: hidden;
          border-radius: 50%; }
          .product-item .product-image .product-actions .product-actions-inner > div > button:last-child {
            margin-right: 0px; }
          .product-item .product-image .product-actions .product-actions-inner > div > button.btnBuyNow {
            width: auto;
            padding: 0px 15px;
            border-radius: 30px !important; }
          .product-item .product-image .product-actions .product-actions-inner > div > button:hover {
            background: linear-gradient(to right, #dbddff, #fee4fc);
            color: #333333; }
        .product-item .product-image .product-actions .product-actions-inner > div:last-child {
          border-radius: 30px !important; }

.product-item .product-info {
  margin: 0px 5px; }
  .product-item .product-info .product-title {
    margin: 10px 0px 5px; }
    .product-item .product-info .product-title a {
      display: block;
      color: #333333; }
    .product-item .product-info .product-title:hover a {
      color: #9ea3ff; }
  .product-item .product-info .product-price .current-price {
    color: #ffb0f8; }
  .product-item .product-info .product-price .original-price {
    color: #999999;
    margin-left: 5px; }

.article-item {
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  padding: 3px;
  margin-bottom: 30px; }
  .article-item:hover {
    -moz-box-shadow: 0px 0px 10px rgba(140, 140, 140, 0.32);
    -webkit-box-shadow: 0px 0px 10px rgba(140, 140, 140, 0.32);
    box-shadow: 0px 0px 10px rgba(140, 140, 140, 0.32);
    border: 1px solid #9ea3ff; }
    .article-item:hover .article-img img {
      transform: scale(1.05); }
  .article-item .article-img {
    display: block;
    overflow: hidden; }
    .article-item .article-img img {
      width: 100%; }
  .article-item .article-title {
    display: block;
    margin: 7px 10px;
    letter-spacing: 0.5px;
    color: #333333;
    min-height: 44px; }
    .article-item .article-title:hover {
      color: #9ea3ff; }
  .article-item .article-desc {
    color: #999999;
    margin: 0px 10px; }
  .article-item .article-info {
    margin: 10px -3px 0px;
    border-top: 1px solid #e5e5e5;
    padding: 10px;
    display: flex;
    align-items: center; }
    .article-item .article-info .article-date {
      width: 40%;
      display: flex;
      align-items: center; }
      .article-item .article-info .article-date .time {
        font-size: 36px;
        color: #9ea3ff;
        border-right: 1px solid #e5e5e5;
        line-height: 40px;
        padding-right: 10px;
        margin-right: 10px; }
      .article-item .article-info .article-date span {
        display: block;
        color: gray; }
    .article-item .article-info .article-cmt {
      width: 60%;
      text-align: right;
      color: gray; }
      .article-item .article-info .article-cmt span {
        margin-right: 5px;
        display: inline-block; }
        .article-item .article-info .article-cmt span:last-child {
          margin-right: 0px; }

.home-section-title {
  margin-bottom: 30px; }
  .home-section-title .title-type {
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 0px; }
  .home-section-title h2 {
    margin-bottom: 0px; }
  .home-section-title .line-bottom-title .line-left,
  .home-section-title .line-bottom-title .line-right {
    width: 110px;
    border: 1px solid #e5e5e5;
    display: inline-block;
    margin: 5px 0; }
  .home-section-title .descript-body {
    width: 60%;
    margin: 20px auto 0px;
    color: #666666; }

@keyframes slide-up {
  0% {
    opacity: 0;
    transform: translateY(30%); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

/*-------------Header ----------*/
#header {
  z-index: 9999;
  box-shadow: 0px 0px 4.9px 0.1px rgba(4, 5, 5, 0.15);
  position: relative; }
  #header .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: 10px 0px; }
    #header .header-top ul {
      margin: 0px; }
    #header .header-top a {
      display: inline-block;
      color: #ffffff;
      padding: 0px 10px;
      border-right: 1px solid;
      line-height: 14px; }
      #header .header-top a:hover {
        color: #9ea3ff; }
    #header .header-top .header-top-contact a:first-child {
      padding-left: 0px; }
    #header .header-top .header-top-contact a:last-child {
      border-right: 0px; }
    #header .header-top .header-top-account > ul > li:last-child a {
      padding-right: 0px;
      border-right: 0px; }
  #header .header-center .hd-logo h1 {
    margin: 0px; }
  #header .header-center .hd-logo a {
    padding: 5px 0px;
    display: block; }
  #header .header-center .hd-center {
    position: relative; }
    #header .header-center .hd-center .hd-navbar {
      display: inline-block; }
      #header .header-center .hd-center .hd-navbar .hd-menu {
        margin: 0px; }
        #header .header-center .hd-center .hd-navbar .hd-menu .menu-item {
          margin: 0px;
          display: inline-block; }
          #header .header-center .hd-center .hd-navbar .hd-menu .menu-item:hover > ul {
            transform: perspective(600px) rotateX(0deg); }
          #header .header-center .hd-center .hd-navbar .hd-menu .menu-item > a {
            display: block;
            padding: 30px 20px;
            color: #1b1b1b; }
            #header .header-center .hd-center .hd-navbar .hd-menu .menu-item > a:hover {
              color: #9ea3ff; }
          #header .header-center .hd-center .hd-navbar .hd-menu .menu-item > ul {
            position: absolute;
            color: #1b1b1b;
            margin: 0px;
            z-index: 10;
            text-align: left;
            box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
            padding: 15px;
            border-top: 3px solid #9ea3ff;
            transform: perspective(600px) rotateX(-90deg);
            -webkit-transform-origin: 0% 0%;
            -moz-transform-origin: 0% 0%;
            -ms-transform-origin: 0% 0%;
            -o-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
            background: url("//theme.hstatic.net/1000187239/1000275709/14/bg_mega_img.png?v=1356") no-repeat;
            background-size: cover; }
            #header .header-center .hd-center .hd-navbar .hd-menu .menu-item > ul.megamenu-menu {
              right: 0px;
              left: 0px;
              min-width: 900px;
              margin: 0px -10px; }
              #header .header-center .hd-center .hd-navbar .hd-menu .menu-item > ul.megamenu-menu > li {
                float: left;
                display: inline-block;
                width: calc(100% / 5);
                padding: 0px 10px; }
                #header .header-center .hd-center .hd-navbar .hd-menu .menu-item > ul.megamenu-menu > li > a {
                  color: #1b1b1b;
                  display: block;
                  margin-bottom: 5px; }
                  #header .header-center .hd-center .hd-navbar .hd-menu .menu-item > ul.megamenu-menu > li > a:hover {
                    color: #9ea3ff; }
                #header .header-center .hd-center .hd-navbar .hd-menu .menu-item > ul.megamenu-menu > li ul {
                  max-height: 400px;
                  overflow: auto; }
                  #header .header-center .hd-center .hd-navbar .hd-menu .menu-item > ul.megamenu-menu > li ul::-webkit-scrollbar-track {
                    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
                    background-color: #fff; }
                  #header .header-center .hd-center .hd-navbar .hd-menu .menu-item > ul.megamenu-menu > li ul::-webkit-scrollbar {
                    width: 5px;
                    background-color: #fff; }
                  #header .header-center .hd-center .hd-navbar .hd-menu .menu-item > ul.megamenu-menu > li ul::-webkit-scrollbar-thumb {
                    background-color: #9ea3ff; }
                  #header .header-center .hd-center .hd-navbar .hd-menu .menu-item > ul.megamenu-menu > li ul li a {
                    color: #1b1b1b;
                    display: block;
                    margin-bottom: 5px;
                    padding: 5px 0px; }
                    #header .header-center .hd-center .hd-navbar .hd-menu .menu-item > ul.megamenu-menu > li ul li a:hover {
                      color: #9ea3ff;
                      padding-left: 5px; }
            #header .header-center .hd-center .hd-navbar .hd-menu .menu-item > ul.dropdown-menu {
              width: 250px; }
              #header .header-center .hd-center .hd-navbar .hd-menu .menu-item > ul.dropdown-menu li {
                position: relative; }
                #header .header-center .hd-center .hd-navbar .hd-menu .menu-item > ul.dropdown-menu li a {
                  color: #1b1b1b;
                  margin-bottom: 10px;
                  display: block; }
                  #header .header-center .hd-center .hd-navbar .hd-menu .menu-item > ul.dropdown-menu li a:hover {
                    color: #9ea3ff; }
                #header .header-center .hd-center .hd-navbar .hd-menu .menu-item > ul.dropdown-menu li ul {
                  position: absolute;
                  right: -215px;
                  top: 0px;
                  width: 200px;
                  padding: 15px;
                  background: url("//theme.hstatic.net/1000187239/1000275709/14/bg_mega_img.png?v=1356") no-repeat;
                  background-size: cover;
                  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
                  transform: perspective(600px) rotateX(-90deg);
                  -webkit-transform-origin: 0% 0%;
                  -moz-transform-origin: 0% 0%;
                  -ms-transform-origin: 0% 0%;
                  -o-transform-origin: 0% 0%;
                  transform-origin: 0% 0%; }
                #header .header-center .hd-center .hd-navbar .hd-menu .menu-item > ul.dropdown-menu li:hover ul {
                  transform: perspective(600px) rotateX(0deg); }
    #header .header-center .hd-center .desktop-cart-wrapper {
      display: inline-block;
      position: relative; }
      #header .header-center .hd-center .desktop-cart-wrapper > a {
        position: relative;
        color: #1b1b1b; }
        #header .header-center .hd-center .desktop-cart-wrapper > a:hover {
          color: #9ea3ff; }
        #header .header-center .hd-center .desktop-cart-wrapper > a span {
          position: absolute;
          top: -5px;
          right: -5px;
          display: inline-block;
          width: 15px;
          height: 15px;
          line-height: 15px;
          text-align: center;
          color: #ffffff !important;
          background: #1b1b1b;
          border-radius: 50%; }
      #header .header-center .hd-center .desktop-cart-wrapper .quickview-cart {
        overflow: hidden;
        webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        transition: all 0.3s ease;
        display: none;
        text-align: left;
        position: absolute;
        animation: slide-up 0.6s;
        z-index: 9999;
        top: calc(100% + 15px);
        right: 0px;
        width: 280px;
        padding: 5px;
        background: #fff;
        line-height: normal !important;
        -moz-box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.35);
        -webkit-box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.35);
        box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.35); }
        #header .header-center .hd-center .desktop-cart-wrapper .quickview-cart h3 {
          overflow: hidden;
          padding: 5px;
          width: 100%;
          display: block;
          background: #9ea3ff;
          color: #fff;
          position: relative; }
          #header .header-center .hd-center .desktop-cart-wrapper .quickview-cart h3 span {
            position: absolute;
            color: #fff;
            top: 5px;
            right: 5px;
            cursor: pointer; }
        #header .header-center .hd-center .desktop-cart-wrapper .quickview-cart ul {
          margin: 0px;
          max-height: 250px;
          overflow-y: scroll; }
          #header .header-center .hd-center .desktop-cart-wrapper .quickview-cart ul .cart-item {
            margin: 0px 0px 5px 0px;
            position: relative;
            border-bottom: 1px dashed #DDD;
            padding-bottom: 5px; }
            #header .header-center .hd-center .desktop-cart-wrapper .quickview-cart ul .cart-item > .cart__remove {
              position: absolute;
              top: calc(50% - 9px);
              right: 5px;
              color: #9ea3ff; }
            #header .header-center .hd-center .desktop-cart-wrapper .quickview-cart ul .cart-item:last-child {
              margin: 0px; }
          #header .header-center .hd-center .desktop-cart-wrapper .quickview-cart ul .cart-item-info {
            padding-right: 15px; }
            #header .header-center .hd-center .desktop-cart-wrapper .quickview-cart ul .cart-item-info > a {
              color: #333333;
              webkit-transition: all 0.3s ease;
              -moz-transition: all 0.3s ease;
              transition: all 0.3s ease;
              margin-bottom: 3px;
              display: inline-block; }
              #header .header-center .hd-center .desktop-cart-wrapper .quickview-cart ul .cart-item-info > a:hover {
                color: #9ea3ff; }
            #header .header-center .hd-center .desktop-cart-wrapper .quickview-cart ul .cart-item-info small {
              display: block;
              margin-bottom: 3px;
              display: inline-block; }
          #header .header-center .hd-center .desktop-cart-wrapper .quickview-cart ul .cart-item-price-quantity {
            padding-right: 15px; }
            #header .header-center .hd-center .desktop-cart-wrapper .quickview-cart ul .cart-item-price-quantity span {
              display: block;
              color: #333333;
              margin-bottom: 3px; }
          #header .header-center .hd-center .desktop-cart-wrapper .quickview-cart ul .cart-item-img {
            border-radius: 8px;
            overflow: hidden; }
            #header .header-center .hd-center .desktop-cart-wrapper .quickview-cart ul .cart-item-img img {
              vertical-align: middle; }
        #header .header-center .hd-center .desktop-cart-wrapper .quickview-cart .qv-cart-total {
          border-radius: 8px;
          overflow: hidden;
          margin: 5px 0px;
          padding: 5px;
          width: 100%;
          display: block;
          background: #f7f7f7;
          color: #333333; }
          #header .header-center .hd-center .desktop-cart-wrapper .quickview-cart .qv-cart-total span {
            color: #9ea3ff; }
        #header .header-center .hd-center .desktop-cart-wrapper .quickview-cart .quickview-cartactions a {
          border-radius: 8px;
          overflow: hidden;
          display: inline-block;
          width: 45%;
          text-align: center;
          padding: 5px 10px; }
          #header .header-center .hd-center .desktop-cart-wrapper .quickview-cart .quickview-cartactions a:first-child {
            float: left;
            color: #9ea3ff;
            border: 1px solid #9ea3ff; }
          #header .header-center .hd-center .desktop-cart-wrapper .quickview-cart .quickview-cartactions a:last-child {
            float: right;
            color: #fff;
            border: 1px solid #9ea3ff;
            background: #9ea3ff; }
    #header .header-center .hd-center .hd-search-wrapper {
      margin-right: 15px;
      display: inline-block;
      position: relative; }
      #header .header-center .hd-center .hd-search-wrapper > a {
        color: #1b1b1b;
        position: relative;
        display: inline-block;
        margin-left: 15px; }
        #header .header-center .hd-center .hd-search-wrapper > a:hover {
          color: #9ea3ff; }
      #header .header-center .hd-center .hd-search-wrapper .search-bar-header {
        display: none;
        position: absolute;
        z-index: 999;
        top: calc(100% + 15px);
        right: -30px;
        width: 500px;
        padding: 5px;
        overflow: hidden;
        animation: slide-up 0.6s;
        background-color: #fff;
        -moz-box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.35);
        -webkit-box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.35);
        box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.35); }
        #header .header-center .hd-center .hd-search-wrapper .search-bar-header .search-form-wrapper form {
          position: relative;
          width: 100%;
          height: 34px;
          line-height: 34px; }
          #header .header-center .hd-center .hd-search-wrapper .search-bar-header .search-form-wrapper form select {
            width: 150px;
            position: absolute;
            top: calc(50% - 16px);
            left: 0;
            height: 34px;
            line-height: 34px;
            outline: 0;
            border-radius: 0;
            border: 1px solid #e5e5e5;
            z-index: 2;
            padding: 0 5px; }
          #header .header-center .hd-center .hd-search-wrapper .search-bar-header .search-form-wrapper form input {
            width: 100%;
            padding: 0 15px 0 165px;
            height: 34px;
            line-height: 34px;
            outline: 0;
            border-radius: 0;
            border: 1px solid #e5e5e5; }
          #header .header-center .hd-center .hd-search-wrapper .search-bar-header .search-form-wrapper form button {
            height: 34px;
            line-height: 34px;
            width: 34px;
            text-align: center;
            background: #9ea3ff;
            color: #fff;
            font-size: 18px;
            padding: 0;
            margin: 0;
            outline: 0;
            border: 1px solid #9ea3ff;
            border-radius: 0; }
          #header .header-center .hd-center .hd-search-wrapper .search-bar-header .search-form-wrapper form .input-group {
            width: 100%; }
  #header .mobile-header {
    padding: 0px 20px;
    z-index: 8;
    width: 100%;
    background: #ffffff; }
    #header .mobile-header .hd-logo a {
      padding: 3px 0px;
      display: inline-block;
      color: #1b1b1b;
      width: 100px; }
    #header .mobile-header .desktop-cart-wrapper1 {
      display: inline-block;
      float: right;
      margin-top: 20px; }
      #header .mobile-header .desktop-cart-wrapper1 > a {
        display: inline-block; }
        #header .mobile-header .desktop-cart-wrapper1 > a.hd-cart {
          position: relative;
          position: relative;
          display: inline-block;
          color: #1b1b1b; }
          #header .mobile-header .desktop-cart-wrapper1 > a.hd-cart span.hd-cart-count {
            display: inline-block;
            position: absolute;
            right: -10px;
            top: -5px;
            width: 16px;
            height: 16px;
            border-radius: 50%;
            line-height: 16px;
            color: #fff;
            font-size: 12px;
            text-align: center;
            background: #9ea3ff; }
      #header .mobile-header .desktop-cart-wrapper1 .quickview-cart {
        border-radius: 8px;
        overflow: hidden;
        display: none;
        text-align: left;
        position: absolute;
        z-index: 9999;
        top: calc(100% + 8px);
        right: 0px;
        width: 280px;
        padding: 5px;
        background: #fff;
        line-height: normal !important;
        -moz-box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.35);
        -webkit-box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.35);
        box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.35); }
        #header .mobile-header .desktop-cart-wrapper1 .quickview-cart h3 {
          border-radius: 8px;
          overflow: hidden;
          padding: 5px;
          width: 100%;
          display: block;
          background: #9ea3ff;
          color: #fff;
          position: relative; }
          #header .mobile-header .desktop-cart-wrapper1 .quickview-cart h3 span {
            position: absolute;
            color: #fff;
            top: 5px;
            right: 5px;
            cursor: pointer; }
        #header .mobile-header .desktop-cart-wrapper1 .quickview-cart ul {
          margin: 0px;
          max-height: 250px;
          overflow-y: scroll; }
          #header .mobile-header .desktop-cart-wrapper1 .quickview-cart ul .cart-item {
            margin: 0px 0px 5px 0px;
            position: relative;
            border-bottom: 1px dashed #DDD;
            padding-bottom: 5px; }
            #header .mobile-header .desktop-cart-wrapper1 .quickview-cart ul .cart-item > .cart__remove {
              position: absolute;
              top: calc(50% - 9px);
              right: 5px;
              color: #9ea3ff; }
            #header .mobile-header .desktop-cart-wrapper1 .quickview-cart ul .cart-item:last-child {
              margin: 0px; }
          #header .mobile-header .desktop-cart-wrapper1 .quickview-cart ul .cart-item-info {
            padding-right: 15px; }
            #header .mobile-header .desktop-cart-wrapper1 .quickview-cart ul .cart-item-info > a {
              color: #333333;
              webkit-transition: all 0.3s ease;
              -moz-transition: all 0.3s ease;
              transition: all 0.3s ease;
              margin-bottom: 3px;
              display: inline-block; }
              #header .mobile-header .desktop-cart-wrapper1 .quickview-cart ul .cart-item-info > a:hover {
                color: #9ea3ff; }
            #header .mobile-header .desktop-cart-wrapper1 .quickview-cart ul .cart-item-info small {
              display: block;
              margin-bottom: 3px;
              display: inline-block; }
          #header .mobile-header .desktop-cart-wrapper1 .quickview-cart ul .cart-item-price-quantity {
            padding-right: 15px; }
            #header .mobile-header .desktop-cart-wrapper1 .quickview-cart ul .cart-item-price-quantity span {
              display: block;
              color: #333333;
              margin-bottom: 3px; }
          #header .mobile-header .desktop-cart-wrapper1 .quickview-cart ul .cart-item-img {
            border-radius: 8px;
            overflow: hidden; }
            #header .mobile-header .desktop-cart-wrapper1 .quickview-cart ul .cart-item-img img {
              vertical-align: middle; }
        #header .mobile-header .desktop-cart-wrapper1 .quickview-cart .qv-cart-total {
          border-radius: 8px;
          overflow: hidden;
          margin: 5px 0px;
          padding: 5px;
          width: 100%;
          display: block;
          background: #f7f7f7;
          color: #333333; }
          #header .mobile-header .desktop-cart-wrapper1 .quickview-cart .qv-cart-total span {
            color: #9ea3ff; }
        #header .mobile-header .desktop-cart-wrapper1 .quickview-cart .quickview-cartactions a {
          border-radius: 8px;
          overflow: hidden;
          display: inline-block;
          width: 48%;
          text-align: center;
          padding: 5px 10px; }
          #header .mobile-header .desktop-cart-wrapper1 .quickview-cart .quickview-cartactions a:first-child {
            float: left;
            color: #9ea3ff;
            border: 1px solid #9ea3ff; }
          #header .mobile-header .desktop-cart-wrapper1 .quickview-cart .quickview-cartactions a:last-child {
            float: right;
            color: #fff;
            border: 1px solid #9ea3ff;
            background: #9ea3ff; }
    #header .mobile-header .hd-btnMenu {
      display: inline-block;
      float: right;
      margin-left: 15px;
      margin-top: 20px; }
      #header .mobile-header .hd-btnMenu > a {
        display: inline-block;
        color: #1b1b1b;
        padding: 3px 0px;
        margin: 0px; }
        #header .mobile-header .hd-btnMenu > a span {
          display: inline-block;
          color: #1b1b1b;
          transform: translateY(-3px); }

/*----------------Main slider ---------------*/
#main-slider .item img {
  width: 100%; }

#main-slider .owl-controls .owl-pagination {
  position: absolute;
  right: 50px;
  top: 50%;
  transform: translate(0%, -50%);
  width: 20px; }
  #main-slider .owl-controls .owl-pagination .owl-page.active span, #main-slider .owl-controls .owl-pagination .owl-page:hover span {
    background: #9ea3ff; }
  #main-slider .owl-controls .owl-pagination .owl-page span {
    width: 15px;
    height: 15px;
    background: #000;
    opacity: 1; }

/*------------Home - brands -----------*/
#home-brands {
  padding: 50px 0px; }
  #home-brands .inner {
    overflow: hidden; }
  #home-brands .item .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-brands .item .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-brands .item .item__image img {
      vertical-align: middle; }
    #home-brands .item .item__image:hover {
      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);
      cursor: pointer;
      position: sticky; }

/*-------------Home-featured-products -------------*/
#home-featured-products {
  padding: 50px 0px;
  background: #f8f7fb; }
  #home-featured-products .inner {
    overflow: hidden; }
  #home-featured-products .owl-controls .owl-buttons > div {
    position: absolute;
    top: calc(50% - 30px);
    color: #9ea3ff;
    font-size: 60px;
    line-height: 60px;
    padding: 0px;
    margin: 0px;
    background: none; }
    #home-featured-products .owl-controls .owl-buttons > div.owl-prev {
      left: 30px; }
    #home-featured-products .owl-controls .owl-buttons > div.owl-next {
      right: 0px; }
  #home-featured-products .home-discount {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30%;
    margin: auto;
    padding: 10px 0px;
    margin-top: -10px;
    margin-bottom: 30px;
    border-radius: 8px;
    background: linear-gradient(to right, #dbddff, #fee4fc); }
    #home-featured-products .home-discount .remain-times {
      display: block;
      margin-top: 5px; }
    #home-featured-products .home-discount > div {
      margin: 0px 10px;
      position: relative; }
      #home-featured-products .home-discount > div:after {
        position: absolute;
        right: -10px;
        content: ':';
        top: 0px; }
      #home-featured-products .home-discount > div:last-child:after {
        content: ''; }

/*-------------Home-banners -----------------------*/
#home-collection-banners {
  margin-bottom: 30px; }
  #home-collection-banners .col-banner-img {
    margin-top: 30px;
    position: relative; }
    #home-collection-banners .col-banner-img:hover img {
      transform: scale(1.05); }
    #home-collection-banners .col-banner-img:hover .hover-banner {
      opacity: 0.7; }
    #home-collection-banners .col-banner-img:hover .view-col {
      opacity: 1; }
    #home-collection-banners .col-banner-img a {
      display: block;
      overflow: hidden; }
      #home-collection-banners .col-banner-img a img {
        width: 100%; }
      #home-collection-banners .col-banner-img a .hover-banner {
        position: absolute;
        top: 0px;
        right: 0px;
        left: 0;
        bottom: 0;
        z-index: 1;
        background: linear-gradient(to right, #9ea3ff, #ffb0f8);
        opacity: 0; }
      #home-collection-banners .col-banner-img a .view-col {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        opacity: 0;
        z-index: 2;
        max-width: 90%;
        text-align: center; }
        #home-collection-banners .col-banner-img a .view-col h3 {
          color: #333333;
          margin-bottom: 25px; }
        #home-collection-banners .col-banner-img a .view-col button {
          padding: 10px 32px;
          border: 2px solid;
          border-radius: 30px; }
          #home-collection-banners .col-banner-img a .view-col button:hover {
            background: linear-gradient(to right, #9ea3ff, #ffb0f8) border-box;
            color: #fff;
            border-color: transparent; }

/*-------------Home-collection-wrapper------------*/
#home-collection-wrapper {
  padding: 50px 0px;
  background: #f8f7fb;
  /* Go from zero to full opacity */ }
  #home-collection-wrapper .tab {
    margin-bottom: 50px; }
    #home-collection-wrapper .tab button {
      padding: 10px 30px;
      border: 1px solid transparent;
      border-radius: 30px; }
      #home-collection-wrapper .tab button.active, #home-collection-wrapper .tab button:hover {
        color: #9ea3ff;
        border-color: #9ea3ff; }
  #home-collection-wrapper .tabcontent {
    display: none;
    animation: fadeEffect 1s;
    /* Fading effect takes 1 second */ }

@keyframes fadeEffect {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
  #home-collection-wrapper .product-item {
    margin-bottom: 30px; }

/*------------Home - news --------*/
#home-news {
  padding: 50px 0px; }
  #home-news .inner {
    overflow: hidden; }
  #home-news .owl-controls .owl-buttons > div {
    position: absolute;
    top: calc(50% - 30px);
    color: #9ea3ff;
    font-size: 60px;
    line-height: 60px;
    padding: 0px;
    margin: 0px;
    background: none; }
    #home-news .owl-controls .owl-buttons > div.owl-prev {
      left: 30px; }
    #home-news .owl-controls .owl-buttons > div.owl-next {
      right: 0px; }

/*-------------Home - policy ---------*/
#home-policy {
  padding: 32px;
  background: linear-gradient(to right, rgba(158, 163, 255, 0.7), rgba(255, 176, 248, 0.5)) border-box; }
  #home-policy .icon-policy {
    font-size: 20px;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    background: #ffb0f8;
    color: #fff;
    text-align: center;
    line-height: 36px;
    margin: auto; }
  #home-policy .descript-police {
    font-size: 86%; }

/*-----------Footer -------------*/
#footer {
  padding: 30px 0;
  background: #f8f7fb;
  color: #1b1b1b; }
  #footer a, #footer p {
    color: #1b1b1b; }
  #footer .footer-title {
    display: block;
    margin-top: 30px;
    margin-bottom: 15px; }
  #footer h3 {
    margin: 33px 0 28px 0;
    color: #1b1b1b; }
  #footer .footer-list li {
    padding: 3px 0;
    display: flex;
    margin-bottom: 10px;
    align-items: center; }
    #footer .footer-list li i {
      margin-right: 5px;
      font-size: 20px; }
    #footer .footer-list li p {
      margin: 0px; }
    #footer .footer-list li a {
      color: #1b1b1b; }
      #footer .footer-list li a:hover {
        color: #b8bcff;
        padding-left: 3px; }
  #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 #e5e5e5;
      border-radius: 20px;
      outline: 0 !important;
      height: 40px;
      line-height: 40px;
      padding: 0 95px 0 15px;
      width: 100%;
      border-right: none; }
    #footer .newsletter-form-wrapper .input-group button {
      background: linear-gradient(to right, #9ea3ff, #ffb0f8) border-box;
      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;
      position: absolute;
      top: 0;
      right: 0; }
      #footer .newsletter-form-wrapper .input-group button:hover {
        transform: scale(1.02); }

#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 0px;
  background-color: #ececf6; }
  #footer-info a {
    font-size: 12px;
    color: #333333; }
    #footer-info a:hover {
      color: #b8bcff; }
  #footer-info span {
    margin: 0 10px; }
  #footer-info .footer-bottom-account {
    text-align: right; }
    #footer-info .footer-bottom-account a {
      display: inline-block;
      padding: 0px 10px;
      border-right: 1px solid; }
      #footer-info .footer-bottom-account a:last-child {
        border: 0px; }

/*------------ Trang chi tiết sản phẩm ---------*/
#product-wrapper {
  margin: 30px 0; }
  #product-wrapper .synced {
    border: 2px solid #9ea3ff; }
  #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 .product-info span.price-text {
    margin-right: 10px; }
  #product-wrapper .product-page .product-info span.ProductPrice {
    color: #ffb0f8; }
  #product-wrapper .product-page .product-info s.ComparePrice {
    color: #999999; }
  #product-wrapper .product-page .product-info span.vat {
    margin-right: 10px; }
  #product-wrapper .product-page #product-single-details button.btn {
    color: #9ea3ff;
    padding: 12px 26px;
    border: 1px solid #9ea3ff;
    border-radius: 30px;
    background: transparent;
    font-weight: unset;
    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 {
      background-image: linear-gradient(to right, #9ea3ff, #ffb0f8) !important;
      border: 1px solid transparent !important;
      outline: unset;
      color: #fff;
      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;
      min-width: 100px; }
    #product-wrapper .product-page #product-single-details .qty-addcart div.js-qty {
      display: inline-block; }
  #product-wrapper .product-tabs .tab {
    background-image: linear-gradient(to right, #9ea3ff, #ffb0f8); }
  #product-wrapper .product-tabs button.pro-tablinks {
    background: #ebebeb;
    padding: 12px 0;
    outline: unset;
    width: 24.67%;
    float: left;
    border-right: 1px solid transparent; }
    #product-wrapper .product-tabs button.pro-tablinks:hover, #product-wrapper .product-tabs button.pro-tablinks.active, #product-wrapper .product-tabs button.pro-tablinks:focus {
      color: #fff;
      background: rgba(255, 255, 255, 0.4);
      border-right: 1px solid #e5e5e5; }
  #product-wrapper .product-tabs .pro-tabcontent {
    border: 1px solid #e5e5e5;
    padding: 20px;
    width: 99.8%; }
  #product-wrapper .owl-pagination {
    display: none !important; }
  #product-wrapper .owl-buttons div {
    position: absolute;
    top: calc(50% - 30px);
    padding: 0;
    margin: 0;
    line-height: 60px;
    font-size: 60px;
    background: none;
    color: #9ea3ff; }
    #product-wrapper .owl-buttons div.owl-prev {
      left: -25px; }
    #product-wrapper .owl-buttons div.owl-next {
      right: -25px; }

.sidebar-product {
  background-image: linear-gradient(to right, rgba(158, 163, 255, 0.5), rgba(255, 176, 248, 0.5));
  padding: 1px;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 20px; }
  .sidebar-product .sidebar-title {
    border-bottom: 1px solid #e5e5e5;
    height: 46px;
    line-height: 46px;
    width: 100%;
    outline: none;
    cursor: pointer;
    margin-bottom: 0px;
    padding: 0px 10px; }
  .sidebar-product ul {
    margin: 0px;
    padding: 10px;
    background: #ffffff;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px; }
    .sidebar-product ul li a {
      color: #333333;
      display: block;
      margin-bottom: 7px; }
      .sidebar-product ul li a:hover {
        padding-left: 3px;
        color: #9ea3ff; }
  .sidebar-product .product-list,
  .sidebar-product .home-section-body {
    background: #ffffff;
    padding-bottom: 15px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px; }
    .sidebar-product .product-list .show,
    .sidebar-product .home-section-body .show {
      overflow: hidden; }
    .sidebar-product .product-list .owl-controls .owl-buttons > div.owl-prev,
    .sidebar-product .home-section-body .owl-controls .owl-buttons > div.owl-prev {
      left: 15px !important; }
    .sidebar-product .product-list .owl-controls .owl-buttons > div.owl-next,
    .sidebar-product .home-section-body .owl-controls .owl-buttons > div.owl-next {
      right: 0px !important; }
    .sidebar-product .product-list .seen-item:hover .product-img img,
    .sidebar-product .home-section-body .seen-item:hover .product-img img {
      transform: scale(1.05); }
    .sidebar-product .product-list .seen-item .product-img a,
    .sidebar-product .home-section-body .seen-item .product-img a {
      display: block;
      overflow: hidden; }
    .sidebar-product .product-list .seen-item .product-img img,
    .sidebar-product .home-section-body .seen-item .product-img img {
      width: 100%; }
    .sidebar-product .product-list .seen-item .product-title a,
    .sidebar-product .home-section-body .seen-item .product-title a {
      color: #333333;
      display: block;
      margin-bottom: 5px; }
      .sidebar-product .product-list .seen-item .product-title a:hover,
      .sidebar-product .home-section-body .seen-item .product-title a:hover {
        color: #9ea3ff; }
    .sidebar-product .product-list .seen-item .product-price .current-price,
    .sidebar-product .home-section-body .seen-item .product-price .current-price {
      color: #ffb0f8; }
    .sidebar-product .product-list .seen-item .product-price .original-price,
    .sidebar-product .home-section-body .seen-item .product-price .original-price {
      color: #999999; }
  .sidebar-product .product-side {
    padding-top: 15px; }
    .sidebar-product .product-side:hover img {
      transform: scale(1.05); }
    .sidebar-product .product-side img {
      vertical-align: middle; }
    .sidebar-product .product-side .product-img {
      box-shadow: 0px 0px 8px 0px rgba(4, 5, 5, 0.15);
      margin-left: 7px; }
    .sidebar-product .product-side a {
      color: #333333;
      display: block;
      overflow: hidden; }
      .sidebar-product .product-side a:hover {
        color: #9ea3ff; }
    .sidebar-product .product-side .current-price {
      color: #ffb0f8;
      margin-right: 20px; }
    .sidebar-product .product-side .original-price {
      color: #999999; }

/*------------Trang nhóm sản phẩm ---------------*/
#collection-wrapper {
  padding: 50px 0px; }
  #collection-wrapper .collection-head {
    margin-bottom: 30px;
    position: relative; }
    #collection-wrapper .collection-head .collection-title h1 {
      margin: 0px;
      padding: 0px;
      color: #333333;
      line-height: 30px; }
    #collection-wrapper .collection-head .collection-sorting-wrapper select {
      outline: 0px;
      height: 40px;
      line-height: 40px;
      margin-right: 10px;
      padding: 0px 50px 0px 10px;
      border: none; }
    #collection-wrapper .collection-head .collection-sorting-wrapper .form-horizontal {
      border: 1px solid #e5e5e5;
      float: right;
      border-radius: 25px;
      position: relative; }
      #collection-wrapper .collection-head .collection-sorting-wrapper .form-horizontal:after {
        background: linear-gradient(to right, #9ea3ff, #ffb0f8);
        content: "";
        width: 44px;
        height: 41px;
        position: absolute;
        right: 0;
        top: 0;
        z-index: -1;
        border-top-right-radius: 25px;
        border-bottom-right-radius: 25px; }
    #collection-wrapper .collection-head .collection-desc {
      margin-top: 15px; }
  #collection-wrapper .collection-body .product-list .product-item {
    margin-bottom: 50px; }
  #collection-wrapper .collection-categories,
  #collection-wrapper .collection-filter-color,
  #collection-wrapper .collection-filter-material,
  #collection-wrapper .collection-filter-price,
  #collection-wrapper .collection-filter-size,
  #collection-wrapper .collection-filter-vendor {
    background: linear-gradient(to right, rgba(158, 163, 255, 0.5), rgba(255, 176, 248, 0.5));
    margin-bottom: 30px;
    overflow: hidden;
    border-radius: 4px;
    overflow: hidden;
    padding: 1px; }
    #collection-wrapper .collection-categories button,
    #collection-wrapper .collection-filter-color button,
    #collection-wrapper .collection-filter-material button,
    #collection-wrapper .collection-filter-price button,
    #collection-wrapper .collection-filter-size button,
    #collection-wrapper .collection-filter-vendor button {
      cursor: pointer;
      text-align: left;
      color: #333333;
      padding: 10px;
      width: 100%;
      border: none;
      outline: none;
      position: relative;
      display: block; }
      #collection-wrapper .collection-categories button:after,
      #collection-wrapper .collection-filter-color button:after,
      #collection-wrapper .collection-filter-material button:after,
      #collection-wrapper .collection-filter-price button:after,
      #collection-wrapper .collection-filter-size button:after,
      #collection-wrapper .collection-filter-vendor button:after {
        content: '\f067';
        font-family: FontAwesome;
        position: absolute;
        top: calc(50% - 9px);
        right: 10px; }
      #collection-wrapper .collection-categories button.active:after,
      #collection-wrapper .collection-filter-color button.active:after,
      #collection-wrapper .collection-filter-material button.active:after,
      #collection-wrapper .collection-filter-price button.active:after,
      #collection-wrapper .collection-filter-size button.active:after,
      #collection-wrapper .collection-filter-vendor button.active:after {
        content: "\f068"; }
    #collection-wrapper .collection-categories div.panel,
    #collection-wrapper .collection-filter-color div.panel,
    #collection-wrapper .collection-filter-material div.panel,
    #collection-wrapper .collection-filter-price div.panel,
    #collection-wrapper .collection-filter-size div.panel,
    #collection-wrapper .collection-filter-vendor div.panel {
      padding: 0 15px;
      overflow: hidden;
      max-height: 0px;
      transition: max-height 0.2s ease-out;
      background: #ffffff;
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px; }
      #collection-wrapper .collection-categories div.panel > ul,
      #collection-wrapper .collection-filter-color div.panel > ul,
      #collection-wrapper .collection-filter-material div.panel > ul,
      #collection-wrapper .collection-filter-price div.panel > ul,
      #collection-wrapper .collection-filter-size div.panel > ul,
      #collection-wrapper .collection-filter-vendor div.panel > ul {
        margin: 15px 0px 0px;
        padding-bottom: 15px; }
        #collection-wrapper .collection-categories div.panel > ul > li,
        #collection-wrapper .collection-filter-color div.panel > ul > li,
        #collection-wrapper .collection-filter-material div.panel > ul > li,
        #collection-wrapper .collection-filter-price div.panel > ul > li,
        #collection-wrapper .collection-filter-size div.panel > ul > li,
        #collection-wrapper .collection-filter-vendor div.panel > ul > li {
          margin-bottom: 5px; }
          #collection-wrapper .collection-categories div.panel > ul > li:last-child,
          #collection-wrapper .collection-filter-color div.panel > ul > li:last-child,
          #collection-wrapper .collection-filter-material div.panel > ul > li:last-child,
          #collection-wrapper .collection-filter-price div.panel > ul > li:last-child,
          #collection-wrapper .collection-filter-size div.panel > ul > li:last-child,
          #collection-wrapper .collection-filter-vendor div.panel > ul > li:last-child {
            margin: 0px !important; }
          #collection-wrapper .collection-categories div.panel > ul > li > a,
          #collection-wrapper .collection-filter-color div.panel > ul > li > a,
          #collection-wrapper .collection-filter-material div.panel > ul > li > a,
          #collection-wrapper .collection-filter-price div.panel > ul > li > a,
          #collection-wrapper .collection-filter-size div.panel > ul > li > a,
          #collection-wrapper .collection-filter-vendor div.panel > ul > li > a {
            display: inline-block;
            position: relative;
            color: #333333; }
            #collection-wrapper .collection-categories div.panel > ul > li > a:hover,
            #collection-wrapper .collection-filter-color div.panel > ul > li > a:hover,
            #collection-wrapper .collection-filter-material div.panel > ul > li > a:hover,
            #collection-wrapper .collection-filter-price div.panel > ul > li > a:hover,
            #collection-wrapper .collection-filter-size div.panel > ul > li > a:hover,
            #collection-wrapper .collection-filter-vendor div.panel > ul > li > a:hover {
              color: #9ea3ff; }
          #collection-wrapper .collection-categories div.panel > ul > li > ul,
          #collection-wrapper .collection-filter-color div.panel > ul > li > ul,
          #collection-wrapper .collection-filter-material div.panel > ul > li > ul,
          #collection-wrapper .collection-filter-price div.panel > ul > li > ul,
          #collection-wrapper .collection-filter-size div.panel > ul > li > ul,
          #collection-wrapper .collection-filter-vendor div.panel > ul > li > ul {
            margin: 0px; }
            #collection-wrapper .collection-categories div.panel > ul > li > ul > li,
            #collection-wrapper .collection-filter-color div.panel > ul > li > ul > li,
            #collection-wrapper .collection-filter-material div.panel > ul > li > ul > li,
            #collection-wrapper .collection-filter-price div.panel > ul > li > ul > li,
            #collection-wrapper .collection-filter-size div.panel > ul > li > ul > li,
            #collection-wrapper .collection-filter-vendor div.panel > ul > li > ul > li {
              margin: 5px 0px;
              padding-left: 15px; }
              #collection-wrapper .collection-categories div.panel > ul > li > ul > li > a,
              #collection-wrapper .collection-filter-color div.panel > ul > li > ul > li > a,
              #collection-wrapper .collection-filter-material div.panel > ul > li > ul > li > a,
              #collection-wrapper .collection-filter-price div.panel > ul > li > ul > li > a,
              #collection-wrapper .collection-filter-size div.panel > ul > li > ul > li > a,
              #collection-wrapper .collection-filter-vendor div.panel > ul > li > ul > li > a {
                display: inline-block;
                position: relative;
                color: #333333; }
                #collection-wrapper .collection-categories div.panel > ul > li > ul > li > a:hover,
                #collection-wrapper .collection-filter-color div.panel > ul > li > ul > li > a:hover,
                #collection-wrapper .collection-filter-material div.panel > ul > li > ul > li > a:hover,
                #collection-wrapper .collection-filter-price div.panel > ul > li > ul > li > a:hover,
                #collection-wrapper .collection-filter-size div.panel > ul > li > ul > li > a:hover,
                #collection-wrapper .collection-filter-vendor div.panel > ul > li > ul > li > a:hover {
                  color: #9ea3ff; }
  #collection-wrapper .collection-categories .panel {
    padding: 0px; }
    #collection-wrapper .collection-categories .panel ul li {
      padding: 10px 0px;
      border-bottom: 1px solid #e5e5e5;
      margin: 0px; }
      #collection-wrapper .collection-categories .panel ul li i {
        color: #e6e6e6;
        margin-right: 10px; }
      #collection-wrapper .collection-categories .panel ul li:last-child {
        border-bottom: 0px; }

/*-----------Trang tin tức ------------*/
#blog-wrapper {
  padding: 40px 0px; }
  #blog-wrapper .blog-content .section-title {
    margin-bottom: 30px;
    height: 24px;
    line-height: 24px; }
    #blog-wrapper .blog-content .section-title .title {
      float: left;
      display: inline-block; }
      #blog-wrapper .blog-content .section-title .title h2 {
        display: inline-block;
        margin: 0;
        padding: 0 15px 0 0;
        background: #fff;
        color: #333333;
        position: relative;
        z-index: 9; }
        #blog-wrapper .blog-content .section-title .title h2:after {
          left: 0px !important; }
    #blog-wrapper .blog-content .section-title .viewmore {
      float: right;
      display: inline-block; }
      #blog-wrapper .blog-content .section-title .viewmore a {
        display: inline-block;
        padding: 0 0 0 15px;
        background: #fff;
        color: #333333;
        position: relative;
        z-index: 9;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        transition: all 0.3s ease; }
        #blog-wrapper .blog-content .section-title .viewmore a:hover {
          color: #9ea3ff; }
          #blog-wrapper .blog-content .section-title .viewmore a:hover:after {
            width: 100%; }
    #blog-wrapper .blog-content .section-title .line {
      height: 1px;
      width: 100%;
      background: #e5e5e5;
      transform: translateY(10px); }
  #blog-wrapper .blog-content .blog-single-item {
    margin-bottom: 30px; }
    #blog-wrapper .blog-content .blog-single-item:hover .owl-buttons > div {
      display: inline-block !important; }
    #blog-wrapper .blog-content .blog-single-item .owl-controls {
      margin: 0px; }
      #blog-wrapper .blog-content .blog-single-item .owl-controls .owl-buttons > div {
        position: absolute;
        height: 40;
        line-height: 40x;
        background: none;
        top: calc(50% - 30px);
        font-size: 60px;
        color: #9ea3ff;
        padding: 0px;
        margin: 0px;
        outline: 0px; }
        #blog-wrapper .blog-content .blog-single-item .owl-controls .owl-buttons > div:hover {
          opacity: 1 !important; }
        #blog-wrapper .blog-content .blog-single-item .owl-controls .owl-buttons > div.owl-prev {
          left: 30px; }
        #blog-wrapper .blog-content .blog-single-item .owl-controls .owl-buttons > div.owl-next {
          right: 0px; }
  #blog-wrapper .blog-content .blog-content-wrapper .blog-head {
    margin-bottom: 30px; }
    #blog-wrapper .blog-content .blog-content-wrapper .blog-head h1 {
      color: #333333; }
  #blog-wrapper .blog-content .blog-content-wrapper .blog-body .grid-uniform .article-item {
    margin-bottom: 70px; }
  #blog-wrapper .all-tags .all-tags-wrapper {
    background: #ffffff;
    padding: 10px; }
    #blog-wrapper .all-tags .all-tags-wrapper .tag-item {
      display: inline-block;
      margin-bottom: 5px;
      margin-right: 5px;
      color: #333333; }
      #blog-wrapper .all-tags .all-tags-wrapper .tag-item:hover {
        color: #9ea3ff; }
  #blog-wrapper .sidebar-blog .list-post {
    padding-top: 10px;
    background: #ffffff; }
  #blog-wrapper .sidebar-blog .item {
    margin-bottom: 10px;
    padding-right: 5px; }
    #blog-wrapper .sidebar-blog .item .article-img {
      display: block;
      margin-left: 5px;
      overflow: hidden; }
      #blog-wrapper .sidebar-blog .item .article-img img {
        width: 100%; }
    #blog-wrapper .sidebar-blog .item .title {
      display: block;
      margin: 0px;
      margin-bottom: 5px;
      color: #333333; }
      #blog-wrapper .sidebar-blog .item .title:hover {
        color: #9ea3ff; }
    #blog-wrapper .sidebar-blog .item .info {
      color: #999999; }
      #blog-wrapper .sidebar-blog .item .info i {
        margin-right: 5px; }
      #blog-wrapper .sidebar-blog .item .info span {
        margin-right: 10px; }
    #blog-wrapper .sidebar-blog .item:hover .article-img img {
      transform: scale(1.05); }
  #blog-wrapper .article-body {
    padding: 15px 20px;
    border: 1px solid #e5e5e5;
    box-shadow: 0px 1px 7px 3px #eeeeee; }
    #blog-wrapper .article-body .section-header h1 {
      border-bottom: 1px solid #e5e5e5;
      padding-bottom: 10px; }
    #blog-wrapper .article-body .section-header .article-date-comment {
      margin-top: 15px; }
      #blog-wrapper .article-body .section-header .article-date-comment > div {
        color: #999999;
        display: inline-block;
        margin-right: 15px; }
    #blog-wrapper .article-body .section-header .social-network-actions {
      margin-top: 15px; }
  #blog-wrapper .social-network-actions-outside {
    padding: 15px 0px 15px 15px; }
  #blog-wrapper #section-fbcomment {
    margin-bottom: 30px; }
  #blog-wrapper .related-articles {
    margin-bottom: 30px; }
    #blog-wrapper .related-articles .related-articles-head {
      position: relative;
      width: 100%;
      text-align: left;
      display: block; }
      #blog-wrapper .related-articles .related-articles-head h3 {
        padding: 0px;
        margin: 0px 0px 5px 0px;
        color: #333333; }
    #blog-wrapper .related-articles .related-articles-body ul {
      margin: 0px; }
      #blog-wrapper .related-articles .related-articles-body ul > li {
        display: block; }
        #blog-wrapper .related-articles .related-articles-body ul > li > a {
          position: relative;
          display: inline-block;
          padding-left: 15px;
          color: #333333; }
          #blog-wrapper .related-articles .related-articles-body ul > li > a:hover {
            color: #9ea3ff; }
          #blog-wrapper .related-articles .related-articles-body ul > li > a:before {
            content: '\f111';
            font-family: FontAwesome;
            position: absolute;
            top: calc(50% - 3px);
            left: 0;
            font-size: 6px;
            color: #333333;
            line-height: normal; }

/*--------- Trang liên hệ ----------*/
#address-map {
  padding-top: 50px; }

#contact-policy {
  padding-top: 30px; }
  #contact-policy .inner {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 30px; }
  #contact-policy .policy-item {
    display: block;
    padding: 10px; }
    #contact-policy .policy-item:hover {
      box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
      transform: translateY(-3px); }
    #contact-policy .policy-item .grid {
      display: flex;
      align-items: center; }
    #contact-policy .policy-item .image {
      text-align: center;
      margin: 0px 10px; }
      #contact-policy .policy-item .image img {
        margin: auto;
        width: 100%; }
    #contact-policy .policy-item .content {
      position: relative;
      padding: 10px 10px;
      border-left: 2px solid #ffb0f8; }
      #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 {
    padding: 10px 0 20px 0; }
  #contact-form .btn {
    margin: auto;
    border-radius: 25px;
    padding: 10px 25px;
    background: linear-gradient(to right, #9ea3ff, #ffb0f8) border-box;
    opacity: 0.7; }
    #contact-form .btn:hover {
      opacity: 1; }

#shopmap-page .your-address, #shopmap-page .list-shop h2 {
  color: #333333;
  padding: 0px;
  margin: 0px 0px 15px 0px; }

#shopmap-page #start, #shopmap-page #end {
  margin-bottom: 15px; }
  #shopmap-page #start ul, #shopmap-page #end ul {
    margin: 0px; }

/*---------Quick view-----------*/
#productQuickView span.p-price {
  color: #9ea3ff; }

#productQuickView del {
  color: #999999; }

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

#productQuickView .form-input {
  margin-bottom: 15px; }
  #productQuickView .form-input label {
    display: inline-block;
    min-width: 100px; }
  #productQuickView .form-input div.js-qty {
    display: inline-block; }
  #productQuickView .form-input .btn-addcart {
    background: linear-gradient(to right, #9ea3ff, #ffb0f8) border-box;
    margin-bottom: 15px;
    border-radius: 25px; }

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

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

#productQuickView #p-sliderproduct .owl-buttons div {
  margin: 0px; }
  #productQuickView #p-sliderproduct .owl-buttons div.owl-prev {
    left: 0px; }

#productQuickView #p-sliderproduct .owl-pagination {
  display: none; }