/* All-color */
.header-top-right ul li i,
.header-top-right ul li a:hover,
.header-top-action ul li a:hover,
.category-menu > li:hover > a,
.mega-menu ul li a:hover,
.slider-content p span,
.view-more a:hover,
.super-deal-content h6 a:hover,
.core-features-item:hover .core-features-content h6,
.special-single-item-content h5 a:hover,
.special--cat--item--wrap .shop-now,
.footer-social ul li a:hover,
.fw-link ul li a:hover,
.navbar-wrap ul li .submenu li:hover a,
.navbar-wrap ul li .submenu li.active a {
    color: #0163d2;
}
.special--cat--item--wrap .shop-now:hover,
.product-menu button.active,
.exclusive--content--bottom span,
.exclusive--content--bottom h5 a:hover,
.blog-post-content h4 a:hover,
.blog-post-meta ul li i,
.blog-post-meta ul li a:hover,
.blog-post-content .read-more:hover,
.header-style-two .header-top-right ul li a:hover,
.header-style-two .navbar-wrap > ul > li.active > a,
.header-style-two .navbar-wrap > ul > li:hover > a,
.header-action ul li a:hover,
.header-style-two .category-menu > li:hover > a,
.header-style-two .mega-menu ul li a:hover,
.more_slide_open > li:hover > a,
.category-menu .more_categories,
.second-slider-area .slider-content p span,
.exclusive-item-two .tag a:hover,
.deal-of-the-day .super-deal-content h6 a:hover,
.view-all-deal a,
.best-cat-item:hover .best-cat-content h5 a,
.list-product-top .view-all,
.list-product-content h6 a:hover,
.breadcrumb-content .breadcrumb li.active,
.wishlist-area tbody .product-thumbnail a.wishlist-remove:hover,
.wishlist-area tbody .product-name h4 a:hover,
.wishlist-area tbody .product-stock-status span,
.wishlist-area tbody .product-subtotal span,
.order-complete-content h3 span,
.order-complete-content p.get-ans a,
.login-page-title .title span,
.my-account-content p span,
.login-form .form-grp label span,
.login-form .forget-pass a:hover,
.third-slider-area .slider-content h2 span,
.third-slider-area .slider-content p span,
.exclusive-item-three .new-price,
.exclusive-item-three .exclusive-item-content h5 a:hover,
.bs-cat-box .bs-cat-list ul li a:hover,
.bs-cat-box .view-all,
.core-features-style-two .core-features-item:hover .core-features-content h6,
.footer-style-two .newsletter-title h4 span,
.footer-style-two .fw-link ul li a:hover,
.footer-style-two .copyright-text p a,
.four-slider-area .slider-content p span,
.shop-cat-list ul li a:hover::before,
.sidebar-product-content h5 a:hover,
.shop-widget-title .slider-nav span:hover,
.blog-cat-list ul li a:hover,
.rc-post-content h5 a:hover,
.classic-blog-post.s-blog-post-item .blog-post-meta ul li:first-child i,
.comment-reply-link:hover,
.related-slider-nav .slider-nav span:hover,
.product-details-size > a:hover,
.shop-details-bottom h5 a:hover,
.shop-details-bottom ul li a:hover,
.promo-subscribe .trial-text span,
.header-style-two .navbar-wrap ul li .submenu li:hover a,
.header-style-two .navbar-wrap ul li .submenu li.active a,
.mobile-menu .navigation li.active > a,
.mobile-menu .navigation li ul li.active > a,
.mobile-menu .social-links li a:hover {
    color: #e0d4ac;
}

..exclusive--content--bottom a {color: #3E647D !important;}

/* All-background */
.header-search-wrap form button,
.navbar-wrap > ul > li > a::before,
.header-shop-cart .minicart .checkout-link a,
.btn.yellow-btn {
    background: #e0d4ac;
}
.btn,
.blue-bg,
.view-more a:hover i,
.scroll-top {
    background: #e0d4ac;
}


/* 2. Header */
.container-full {
    padding: 0 205px;
}
.header-top-area {
    background: #eeeeee;
    padding: 14px 0;
}
.header-top-left ul {
    display: flex;
    align-items: center;
}
.header-top-left ul > li > div {
    display: flex;
    align-items: center;
}
.header-top-left ul li {
    display: block;
    position: relative;
    font-size: 14px;
    color: #656565;
}
/* .header-top-left ul li::after,
.header-top-right ul li::after {
    content: "|";
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    color: #bcbcbc;
} */
.header-top-left ul li:last-child,
.header-top-right ul li:last-child {
    margin-right: 0;
    padding-right: 0;
}
.header-top-left ul li:last-child::after,
.header-top-right ul li:last-child::after {
    display: none;
}
.header-top-left .dropdown button {
    border: none;
    background: transparent;
    font-size: 12px;
    color: #656565;
    font-weight: 400;
    padding: 0 0 0 10px;
}
.header-top-left .dropdown .dropdown-item {
    color: #6f6f6f;
    font-size: 12px;
}
.header-top-left .dropdown img {
    margin-right: 8px;
}
.header-top-right ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.header-top-right ul li {
    font-size: 12px;
    padding-right: 20px;
    margin-right: 20px;
    position: relative;
}
.header-top-right ul li a {
    color: #656565;
}
.header-top-right ul li i {
    margin-right: 7px;
}
.header-top-action ul {
    display: flex;
    align-items: center;
}
.header-search-wrap form {
    display: flex;
    align-items: center;
    width: 575px;
}
.header-search-wrap form input {
    border: 1.5px solid #dfdfdf;
    width: 350px;
    padding: 13px 20px;
    border-radius: 5px 0 0 5px;
    font-size: 12px;
    height: 47px;
}
.header-search-wrap form input::placeholder {
    font-size: 12px;
    color: #8b8b8b;
}
.header-search-wrap form .custom-select,
.shop-meta-right form .custom-select,
.checkout-form .form-grp .custom-select {
    display: inline-block;
    padding: 10px 42px 10px 16px;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.6;
    color: #818181;
    vertical-align: middle;
    background: url("../img/icon/nw_selarw.png") no-repeat scroll 97.5% center;
    background-color: #fff;
    border: none;
    border-radius: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: .3s ease-in-out;
    font-family: 'Rubik', sans-serif;
    width: 170px;
    height: 47px;
    border-top: 1.5px solid #dfdfdf;
    border-bottom: 1.5px solid #dfdfdf;
}
.header-search-wrap form button {
    flex-grow: 1;
    border: none;
    padding: 0;
    font-size: 16px;
    color: #fff;
    height: 47px;
    line-height: 46px;
    border-radius: 0 5px 5px 0;
    cursor: pointer;
}
.header-search-wrap form .custom-select option {
    color: #252525;
}
.header-top-action ul li {
    display: block;
    margin-left: 40px;
}
.header-top-action ul li a {
    display: block;
    text-align: center;
    font-size: 12px;
    color: #818181;
}
.header-top-action ul li a i {
    display: block;
    font-size: 18px;
    margin-bottom: 7px;
}
.header-search-area {
    background: #fff;
    padding: 39px 0;
}
.transparent-header {
    position: absolute;
    left: 0;
    top: 0px;
    width: 100%;
    z-index: 9;
    height: auto;
}
.menu-nav {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.navbar-wrap {
    display: flex;
    flex-grow: 1;
}
.navbar-wrap ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: auto;
}
.navbar-wrap ul li {
    display: block;
    position: relative;
}
.navbar-wrap ul li a {
    font-size: 14px;
    font-weight: 500;
    /* text-transform: uppercase; */
    color: #fff;
    padding: 32px 20px;
    display: block;
    line-height: 1;
    position: relative;
    z-index: 1;
    text-decoration:underline;
}
.navbar-wrap ul li a:hover {text-decoration:none;}
.navbar-wrap > ul > li > a::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 4px;
    width: 80%;
    bottom: 0;
    margin: 0 auto;
    border-radius: 3px 3px 0 0;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    opacity: 0;
}
.navbar-wrap > ul > li:last-child > a::before {
    margin-left: auto;
    margin-right: 0;
}
.navbar-wrap > ul > li:last-child a {
    padding-right: 0;
}
.navbar-wrap > ul > li.active > a,
.navbar-wrap > ul > li:hover > a {
    color: #fff;
}
.navbar-wrap > ul > li.active > a::before,
.navbar-wrap > ul > li:hover > a::before {
    opacity: 1;
}
.main-menu .navigation li.dropdown .dropdown-btn {
    display: none;
}
.header-action > ul {
    display: flex;
    align-items: center;
    margin-left: 25px;
}
.header-action > ul li {
    position: relative;
    margin-left: 25px;
}
.header-action ul li:first-child {
    margin-left: 0;
}
.header-action > ul > li.header-shop-cart > a {
    padding-right: 10px;
}
.header-action ul li a {
    color: #2d2d2d;
    font-size: 18px;
}
.header-shop-cart a {
    position: relative;
}
.header-shop-cart a span.cart-count {
    position: absolute;
    right: -4px;
    bottom: -7px;
    width: 22px;
    height: 22px;
    text-align: center;
    border-radius: 50%;
    font-size: 12px;
    font-weight: 500;
    line-height: 22px;
    color: #222;
    background: #f7ba01;
}
.header-shop-cart .cart-total-price {
    font-size: 14px;
    font-weight: 500;
    color: #525252;
    margin-left: 15px;
    display: inline-block;
}
.header-shop-cart ul.minicart {
    background: #fff;
    opacity: 0;
    padding: 25px;
    position: absolute;
    right: -15px;
    top: 57px;
    transition: all 0.5s ease 0s;
    width: 350px;
    z-index: 9;
    box-shadow: 0px 12px 24px 0px rgba(120, 120, 120, 0.3);
    visibility: hidden;
    transform: translateY(10px);
}
.header-shop-cart ul.minicart::before {
    position: absolute;
    content: '';
    left: 0px;
    top: -40px;
    width: 100%;
    height: 45px;
    display: block;
}
.header-shop-cart:hover ul.minicart {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
    z-index: 9;
}
.header-shop-cart .minicart > li {
    display: block;
    margin-bottom: 22px;
    margin-left: 0;
    overflow: hidden;
    padding: 0;
}
.minicart .cart-img img {
    width: 100%;
}
.header-shop-cart .minicart .cart-img {
    width: 34%;
}
.header-shop-cart .minicart .cart-content {
    width: 60%;
    padding-left: 15px;
    text-align: left;
    padding-right: 25px;
}
.cart-content h4 {
    font-family: 'Rubik', sans-serif;
    line-height: 1.1;
}
.minicart .cart-content h4 a {
    color: #2d2d2d;
    font-size: 15px;
    background: none;
    font-weight: 500;
}
.minicart .cart-price span {
    color: #616161;
    font-size: 13px;
    font-weight: 400;
    margin-left: 6px;
}
.minicart .cart-price .new {
    font-size: 14px;
    margin-left: 0;
}
.header-shop-cart .minicart .del-icon {
    float: right;
    margin-top: 30px;
}
.minicart .del-icon > a {
    font-size: 18px;
}
.total-price {
    border-top: 1px solid #473151;
    overflow: hidden;
    padding-top: 25px;
    margin-top: 10px;
}
.total-price span {
    color: #616161;
    font-weight: 500;
}
.header-shop-cart .minicart > li:last-child {
    margin-bottom: 0;
}
.header-shop-cart .minicart .checkout-link a {
    color: #2d2d2d;
    display: block;
    font-weight: 500;
    padding: 16px 30px;
    text-align: center;
    font-size: 13px;
    margin-bottom: 8px;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.header-shop-cart .minicart .checkout-link a.red-color {
    background: #222;
    color: #fff;
}
.navbar-wrap ul li .submenu {
    position: absolute;
    z-index: 9;
    background-color: #fff;
    border-radius: 0;
    border: none;
    -webkit-box-shadow: 0px 13px 25px -12px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 13px 25px -12px rgba(0,0,0,0.25);
    box-shadow: 0px 13px 25px -12px rgba(0,0,0,0.25);
    display: block;
    left: 0;
    opacity: 0;
    padding: 18px 0;
    right: 0;
    top: 100%;
    visibility: hidden;
    min-width: 300px;
    border: 1px solid #f5f5f5;
    background: #ffffff;
    box-shadow: 0px 30px 70px 0px rgba(137,139,142,0.15);
    margin: 0;
    transform: scale(1 , 0);
    transform-origin: 0 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.navbar-wrap ul li .submenu li {
    margin-left: 0;
    text-align: left;
    display: block;
    padding: 5px 0;
    border-bottom:1px dashed #e7e7e7;
}
.navbar-wrap ul li .submenu li a {
    padding: 0 10px 0 25px;
    line-height: 26px;
    font-weight: 400;
    color: #252525;
    /* text-transform: capitalize; */
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.navbar-wrap ul li .submenu li:hover {background: #f4f3f1;}
.navbar-wrap ul li:hover > .submenu {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}
.sticky-menu {
    left: 0;
    margin: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
    background: #fff;
    -webkit-animation: 1000ms ease-in-out 0s normal none 1 running fadeInDown;
    animation: 1000ms ease-in-out 0s normal none 1 running fadeInDown;
    -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
    box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
    border-radius: 0;
}
.sticky-menu .navbar-wrap ul li a {
    color: #252525;
}
.header-category {
    position: relative;
}
.header-category > a {
    display: block;
    padding: 0 72px 0 25px;
    height: 78px;
    line-height: 78px;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 500;
    background: #025bbf;
}
.header-category > a i:first-child {
    margin-right: 18px;
}
.header-category > a i:last-child {
    margin-left: 15px;
}
.category-menu {
    position: absolute;
    left: 0;
    top: 100%;
    box-shadow: 0px 1px 16px 0px rgba(220, 220, 220, 0.22);
    background: #f4f3f1;
    width: 100%;
    border: 1px solid #ebebeb;
    padding: 15px 0;
    display: none;
    z-index: 2;
}
.category-menu li {
    display: block;
}
.category-menu > li > a,
.more_slide_open > li > a {
    display: block;
    color: #3E647D;
    font-size: 14px;
    padding: 9px 50px 9px 20px;
    background: transparent;
    border: 1px solid transparent;
    position: relative;
}
.category-menu > li:hover > a {
    background: #f2f1f1;
    border-color: #ebebeb;
}
.category-menu > li.has-dropdown > a::after {
    content: "\f105";
    position: absolute;
    right: 20px;
    font-size: 12px;
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
}
.mega-menu {
    position: absolute;
    display: flex;
    left: 100%;
    top: 0;
    background: #f4f3f1;
    box-shadow: 0px 1px 16px 0px rgba(220, 220, 220, 0.47);
    border: 1px solid #ebebeb;
    width: 500px;
    padding: 25px 20px;
    text-align: left;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: .3s linear;
    z-index: 2;
}
.mega-menu > li {
    /* width: 33.333%;
    width:45%; */
    margin:2,5%;
}
.mega-menu .dropdown-title {
    font-size: 16px;
    font-weight: 500;
    font-family: 'Exo 2', sans-serif;
    color: #252525;
    margin-bottom: 17px;
}
.mega-menu li ul {
    margin-bottom: 25px;
}
.mega-menu li ul:last-child {
    margin-bottom: 0px;
}
.mega-menu ul li {
    margin-bottom: 16px;
}
.mega-menu ul li:last-child {
    margin-bottom: 0px;
}
.mega-menu ul li a {
    font-size: 13px;
    color: #6e6e6e;
    display: inline-block;
}
.mega-menu ul li a:hover {
    padding-left: 5px;
}
.mega-menu ul li.mega-menu-banner a:hover {
    padding-left: 0;
}
.mega-menu-banner img {
    width: 100%;
}
.category-menu > li:hover > .mega-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.logo .sticky-block {
    display: none;
}
.sticky-menu .logo .sticky-block {
    display: block;
}
.sticky-menu .logo .sticky-none {
    display: none;
}
.sticky-menu.menu-area .mobile-nav-toggler {
    color: #252525;
}
.custom-container-two {
    max-width: 1428px;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.header-style-two .header-top-area {
    background: #fbfbfb;
    /* padding: 14px 0; */
    border-bottom: 1px solid #eeeeee;
}
.header-style-two .header-top-right ul li span {
    margin: 0 5px;
}
.header-style-two .header-top-right ul li i {
    font-size: 18px;
    color: #a4a4a4;
}
.header-style-two .navbar-wrap ul li a {
    color: #005868;
}
.first-menu a {
    font-size: 15px !important;
}


/* .header-style-two .navbar-wrap > ul > li > a::before {
    width: 45px;
    height: 1px;
    border-radius: 0;
    top: 50%;
    transform: translateY(-50%) rotate(0deg);
    background: #ff6000;
    margin: 0 auto;
    z-index: -1;
}
.header-style-two .navbar-wrap > ul > li.active > a::before,
.header-style-two .navbar-wrap > ul > li:hover > a::before {
    transform: translateY(-50%) rotate(-40deg); */
}
.header-style-two .navbar-wrap > ul > li a {
    padding: 35px 20px;
}
.header-style-two .main-header {
    padding: 15px 0;
}
.header-style-two .main-header.sticky-menu {
    padding: 0;
}
.header-style-two .header-category {
    width: 275px;
}
.header-style-two .header-search-area {
    background: #e7e7e7;
    padding: 0;
}
.header-style-two .header-category > a {
    padding: 0 30px 0 20px;
    font-size: 14px;
    text-transform: uppercase;
    color: #e0d4ac;
    font-weight: 700;
    background: #e0d4ac;
    font-family: 'Exo 2', sans-serif;
    display: flex;
    align-items: center;
}
.header-style-two .header-category > a i:last-child {
    margin-left: 0;
}
.header-style-two .header-category > a i {
    font-weight: 400;
    font-size: 20px;
}
.header-style-two .category-menu {
    margin-top: 15px;
    display: block;
    padding: 13px 0;
}
.header-style-two .category-menu > li > a,
.more_slide_open > li > a {
    border: none;
    padding: 7px 20px 7px 20px;
text-decoration: none !important;
}
.header-style-two .category-menu > li:hover > a,
.header-style-two .category-menu > li > a:hover {
    background: transparent;
}
.header-style-two .category-menu > li.has-dropdown > a::after {
    display: none;
}
.header-style-two .category-menu > li > a > img {
    border-radius: 50%;
}
.header-style-two .cat-menu-img {
    display: inline-block;
    border: 2px solid #ebebeb;
    padding: 2px;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    margin-right: 5px;
}
.header-style-two .cat-menu-img img {
    border-radius: 50%;
    width:45px;
    height:45px;
}
.header-style-two .category-menu > li:hover > a .cat-menu-img,
.more_slide_open > li:hover > a .cat-menu-img {
    border-color: #ff6000;
}
.more_slide_open {
    display: none;
}
.category-menu .more_categories {
    padding: 10px 20px;
    font-family: 'Exo 2', sans-serif;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 700;
    margin-top: 10px;
    cursor: pointer;
}
.header-style-two .header-search-wrap form {
    width: 675px;
}
.header-style-two .header-search-wrap form input {
    border: none;
    width: 440px;
    padding: 10px 20px;
    border-radius: 30px 0 0 30px;
    height: 40px;
}
.header-style-two .header-search-wrap form .custom-select {
    padding: 10px 42px 10px 16px;
    width: 170px;
    height: 40px;
    border-top: none;
    border-bottom: none;
    border-left: 1px solid #d5d5d5;
}
.header-style-two .header-search-wrap form button {
    border: none;
    color: #2d2d2d;
    height: 40px;
    line-height: 40px;
    border-radius: 0 30px 30px 0;
}
.header-free-shopping {
    margin-left: 45px;
}
.header-free-shopping p {
    margin-bottom: 0;
    font-size: 14px;
    color: #8b8b8b;
}
.header-free-shopping p span {
    font-weight: 500;
    color: #6c6a6a;
}
.header-style-three .category-menu {
    margin-top: 0;
    display: none;
    padding: 13px 0;
}
.custom-container-three {
    max-width: 1628px;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

/* Mobile-menu */
.nav-outer .mobile-nav-toggler {
    position: relative;
    float: right;
    font-size: 40px;
    line-height: 50px;
    cursor: pointer;
    display: none !important;
    color: #fff;
    margin-right: 30px;
    top: 15px;
}
.nav-logo img {
    width: 150px;
}
.mobile-menu {
    position: fixed;
    right: 0;
    top: 0;
    width: 300px;
    padding-right: 30px;
    max-width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    z-index: 99;
}
.mobile-menu .navbar-collapse {
    display: block !important;
}
.mobile-menu .nav-logo {
    position: relative;
    padding: 30px 25px;
    text-align: left;
}
.mobile-menu-visible {
    overflow: hidden;
}
.mobile-menu-visible .mobile-menu {
    opacity: 1;
    visibility: visible;
}
.mobile-menu .navigation li.current>a:before {
    height: 100%;
}
.mobile-menu .menu-backdrop {
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    -webkit-transform: translateX(101%);
    -ms-transform: translateX(101%);
    transform: translateX(101%);
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    background: #000;
}
.mobile-menu-visible .mobile-menu .menu-backdrop {
    opacity: 0.70;
    visibility: visible;
    -webkit-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
}
.mobile-menu .menu-box {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    background: #202020;
    padding: 0px 0px;
    z-index: 5;
    opacity: 0;
    visibility: hidden;
    border-radius: 0px;
    -webkit-transform: translateX(101%);
    -ms-transform: translateX(101%);
    transform: translateX(101%);
}
.mobile-menu-visible .mobile-menu .menu-box {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
}
.mobile-menu .close-btn {
    position: absolute;
    right: 30px;
    top: 10px;
    line-height: 30px;
    width: 24px;
    text-align: center;
    font-size: 30px;
    color: #ffffff;
    cursor: pointer;
    z-index: 10;
    -webkit-transition: all 0.9s ease;
    -o-transition: all 0.9s ease;
    transition: all 0.9s ease;
}
.mobile-menu-visible .mobile-menu .close-btn {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}
.mobile-menu .navigation {
    position: relative;
    display: block;
    width: 100%;
    float: none;
}
.mobile-menu .navigation li {
    position: relative;
    display: block;
    border-top: 1px solid rgba(255, 255, 255, 0.10);
}
.mobile-menu .navigation:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}
.mobile-menu .navigation li>ul>li:first-child {
    border-top: 1px solid rgba(255, 255, 255, 0.10);
}
.mobile-menu .navigation li > a {
    position: relative;
    display: block;
    line-height: 24px;
    padding: 10px 25px;
    font-size: 15px;
    font-weight: 400;
    color: #ffffff !important;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    border: none;
}
.mobile-menu .navigation li ul li > a {
    font-size: 15px;
    margin-left: 20px;
    font-weight: 400;
}
.mobile-menu .navigation li>a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 0;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.mobile-menu .navigation li.dropdown .dropdown-btn {
    position: absolute;
    right: 6px;
    top: 6px;
    width: 32px;
    height: 32px;
    text-align: center;
    font-size: 16px;
    line-height: 32px;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.10);
    cursor: pointer;
    border-radius: 2px;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    z-index: 5;
}
.mobile-menu .navigation li.dropdown .dropdown-btn.open {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.mobile-menu .navigation li>ul,
.mobile-menu .navigation li>ul>li>ul {
    display: none;
}
.mobile-menu .social-links {
    position: relative;
    text-align: center;
    padding: 30px 25px;
}
.mobile-menu .social-links li {
    position: relative;
    display: inline-block;
    margin: 0px 10px 10px;
}
.mobile-menu .social-links li a {
    position: relative;
    line-height: 32px;
    font-size: 16px;
    color: #ffffff;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.menu-area .mobile-nav-toggler {
    position: relative;
    float: right;
    font-size: 30px;
    cursor: pointer;
    line-height: 1;
    color: #fff;
    display: none;
}

/* 4. Slider */
.slick-slide:focus {
    outline: none;
}
.slider-bg {
    min-height: 600px;
    display: flex !important;
    align-items: center !important;
    background-position: center;
    background-size: cover;
}
.slider-content h5 {
    font-size: 56px;
    line-height: .9;
    font-weight: 300;
    margin-bottom: 10px;
    letter-spacing: 2px;
    color: #fff;
}
.slider-content h2 {
    font-size: 34px;
    margin-bottom: 10px;
    color: #fff !important;
    text-shadow: 1px 3px 15px black;
    font-weight: 500 !important;
line-height: 36px;
}
.slider-content p {
    line-height: 1.2;
    margin-bottom: 45px;
    /* color: #3b3b3b; */
    color: #fff;
    font-size: 22px;
}
.second-slider-area {
    background-position: left center;
    /* background-size: cover; */
    padding-bottom: 40px;
    margin-top:-78px;
}
.second-slider-area .slider-content {
    width: 70%;
    margin-top:10%;
}
.second-slider-area .slider-active {
    margin-left: 52px;
    margin-top: 15px;
}
.third-slider-area .slider-active {
    margin: 30px 0;
}
.second-slider-area .slider-bg {
    min-height: 440px;
    background-position: right center;
    padding: 70px;
}
.second-slider-area .slider-content h5 {
    font-size: 44px;
    text-shadow: 1px 3px 15px black;
}
.third-slider-area {
    background-position: center;
    background-size: cover;
}
.third-slider-area .slider-bg {
    padding: 0 90px;
    min-height: 557px;
    justify-content: space-between;
}
.third-slider-area .slider-content {
    width: 55%;
}
.third-slider-area .slider-img {
    flex-grow: 1;
    text-align: right;
}
.third-slider-area .slider-img img {
    display: inline-block;
}
.third-slider-area .slider-content h5,
.third-slider-area .slider-content h2 {
    font-size: 50px;
    color: #fff;
}
.third-slider-area .slider-content p {
    color: #fff;
}
.slider-bottom-product.list-product-item {
    border: 1px solid #ebebeb;
    padding: 11px;
    z-index: 1;
}
.slider-bottom-product.list-product-item:hover {
    background: #fff;
}
.slider-bottom-product .list-product-thumb::after {
    display: none;
}
.slider-bottom-product .list-product-thumb {
    width: 41%;
}
.slider-bottom-product.list-product-item::before {
    content: "";
    position: absolute;
    left: 11px;
    right: 11px;
    top: 11px;
    bottom: 11px;
    border: 1px solid #ebebeb;
    z-index: -1;
}
.four-slider-area .slider-bg {
    min-height: 677px;
    padding: 100px 160px;
}
.four-slider-area .slider-content {
    width: 50%;
}
.four-slider-area .slider-content h5 {
    font-size: 50px;
}

/* 7. Special-offer */
.section-title {
    position: relative;
}
/* .section-title::after {
    content: "";
    display: block;
    background-image: url(/img/bird.png);
    width: 252px;
    height: 24px;
    background-repeat: no-repeat;
    margin: 10px auto 0;
} */
.section-title .sub-title,
.limited-offer-title .sub-title {
    display: block;
    line-height: 1;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
    color: #e0d4ac;
    margin-bottom: 15px;
}
.section-title .title,
.limited-offer-title .title  {
    font-size: 34px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 0;
}
.custom-container {
    max-width: 1760px;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.special-offer-item-box {
    background: #fff;
    box-shadow: 0px 5px 10px 0px rgba(47, 47, 47, 0.04);
    margin-bottom: 30px;
}
.special-single-item {
    display: flex;
    align-items: center;
    padding: 21px 30px;
}
.special-single-item-thumb {
    width: 38%;
    margin-right: 20px;
}
.special-single-item-content {
    width: 62%;
}
.special-single-item-content h5 {
    font-size: 18px;
    margin-bottom: 6px;
}
.special-single-item-content .product-color span {
    display: inline-block;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    margin-right: 6px;
    cursor: pointer;
}
.special-single-item-content .product-color {
    display: flex;
    margin-top: 15px;
}
.product-color span.coffee {
    background: #974b31;
}
.product-color span.yellow {
    background: #f2a900;
}
.product-color span.black {
    background: #363636;
}
.product-color span.red {
    background: #fd5353;
}
.special--cat--item--wrap {
    padding: 50px 30px 45px;
}
.special-offer-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.special-offer-title .title {
    font-size: 22px;
    margin-bottom: 0;
    position: relative;
}
.special-offer-title .title::before {
    content: "";
    position: absolute;
    left: 115%;
    top: 13px;
    width: 120px;
    border-top: 1px solid #e1e0e0;
    border-radius: 50%;
}
.special-offer-title .view-more a i {
    height: auto;
    width: 30px;
    line-height: 23px;
}
.special--cat--list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
    margin-bottom: 17px;
}
.special--cat--list .special--cat--item {
    position: relative;
    display: block;
    width: 100%;
    padding-right: 5px;
    padding-left: 5px;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.special--cat--list .special--cat--item a {
    display: block;
    position: relative;
    margin-bottom: 10px;
}
.special--cat--list .special--cat--item img {
    width: 100%;
}
.special--cat--list .special--cat--item span {
    position: absolute;
    z-index: 1;
}
.special--cat--item .tag {
    height: 31px;
    width: 31px;
    background-repeat: no-repeat;
    background-size: cover;
    font-size: 9px;
    font-weight: 700;
    color: #fff;
    line-height: 29px;
    text-align: center;
    top: 11px;
    right: 11px;
    transform: rotate(-30deg);
}
.special--cat--item .special--cat--name {
    font-size: 14px;
    font-weight: 500;
    color: #626161;
    bottom: 10px;
    left: 15px;
    right: 15px;
    text-align: center;
}
.special--cat--item--wrap .shop-now {
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    font-family: 'Exo 2', sans-serif;
    line-height: 1;
}
.special-offer-banner img {
    width: 100%;
}
.special-offer-banner a,
.deal-of-day-banner a {
    display: block;
    overflow: hidden;
    position: relative;
}
.special-offer-banner a::before,
.deal-of-day-banner a::before {
    position: absolute;
    top: 0;
    left: -80%;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 42556, 255, 0)), to(rgba(255, 255, 255, .3)));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
.special-offer-banner:hover a::before,
.deal-of-day-banner:hover a::before {
    -webkit-animation: shine 1s;
    animation: shine 1s;
}
@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}

@keyframes shine {
  100% {
    left: 125%;
  }
}
.top-cat-banner-item a {
    display: block;
    overflow: hidden;
    background: #f4f3f1;
}
.top-cat-banner-item a img {
    transform: scale(1);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    width: 100%;
}
.top-cat-banner-item a:hover img {
    transform: scale(0.9);
}
.top--cat--banner--area .row {
    margin-left: -10px;
    margin-right: -10px;
}
.top--cat--banner--area [class*="col-"] {
    padding-left: 10px;
    padding-right: 10px;
}
.top--cat--banner--area .top-cat-banner-item.yellow a {
    background: #fbe99f;
}
.top--cat--banner--area .top-cat-banner-item.dark-gray a {
    background: #fedac0;
}
.top--cat--banner--area .top-cat-banner-item.lite-red a {
    background: #ff8e67;
}
.furniture-cat-banner-area .top-cat-banner-item a {
    background: #f3f2ef;
}

.section-title .title, .limited-offer-title .title {
    font-size: 34px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 0;
}

@media (max-width: 960px) {
.main-menu, .header-category {
	display:none;
}