/*--------------------------------------------------
Template Name: Aboss;
Description:   eCommerce Bootstrap 5 Template;
Version: 2.0;
-----------------------------------------------------

    CSS INDEX
    ================
    1. Theme Default CSS
    2.1 Header Top CSS
    2.2 Header Bottom CSS
    3. Slider CSS
    4. Featured Products CSS
    5. Professional Banner CSS
    6. Deal Of The Day CSS
    7. Testmonial CSS
    8. New Products & Best Seller & Brand Logo CSS
    9. Subscribe Area CSS
    10. Online Support Area CSS
    11. Footer CSS
    12. Our Categorie CSS
    13. Blog & Blog Details CSS
    14. Breadcrumb CSS
    15. Shop Page CSS
    16. Product Details CSS
    17. Login CSS
    18. Register Account & Contact Form CSS
    19. Forgot Password CSS
    20. 404 Page CSS
    21. Compare Page CSS
    22. Checkout CSS
    23. Cart & Wish List CSS
    24. About us CSS
    25. Your Account CSS
    26. Popup Wrapper CSS

-----------------------------------------------------*/

/* googel font Poppins & Oswald */
@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,500,600,700|Poppins:300,400,500,600,700');

/*----------------------------------------*/
/* 1. Theme Default CSS
/*----------------------------------------*/

:root{
    --theme-red: #e63946;
}

body {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #414141;
    font-size: 16px;
    background: #fff;
    line-height: 1.25em;
}

a:hover {
    text-decoration: none;
}

a:active,
a:hover,
a:focus {
    outline: 0 none;
    text-decoration: none
}

h4 a:hover {
    color: #3498db;
}

ul {
    list-style: outside none none;
    margin: 0;
    padding: 0
}

.clear {
    clear: both
}

.fix {
    overflow: hidden;
}

.tooltip-inner {
    padding: 0.1rem 0.7rem 0.25rem;
}

.section-title {
    position: relative;
}

.section-title h2,
.subscribe-content h2,
.support-desc h4 {
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 20px;
    position: relative;
    display: inline-block;
}

.section-title.default-title > h2 {
    margin-bottom: 50px;
}

.section-styel-two:before {
    border-bottom: 1px solid #ebebeb;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
}

.section-styel-two h2 {
    background: #fff;
    padding: 0 10px;
    margin: 0;
}

.section-title p {
    font-size: 12px;
    line-height: 22px;
}

/* product sticker css start */
.sticker-new,
.sticker-sale {
    background: #e63946 none repeat scroll 0 0;
    border-radius: 20px;
    color: #ffffff;
    display: block;
    font-size: 12px;
    font-weight: 500;
    height: 30px;
    left: 10px;
    line-height: 30px;
    min-width: 60px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    font-family: "Oswald", sans-serif;
    top: 10px;
    z-index: 11;
}

.sticker-sale {
    background: #343434 none repeat scroll 0 0;
    top: 50px;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none
}

::selection {
    background: #b3d4fc;
    text-shadow: none
}

::-webkit-input-placeholder {
    opacity: 1 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100)
}

:-moz-placeholder {
    opacity: 1 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100)
}

::-moz-placeholder {
    opacity: 1 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100)
}

:-ms-input-placeholder {
    opacity: 1 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100)
}

/* section background image */
.bg-image-1 {
    background: url(../img/slider/s1.jpg)no-repeat center center / cover;
}

.bg-image-2 {
    background: url(../img/slider/s2.jpg)no-repeat center center / cover;
}

.bg-image-3 {
    background: url(../img/slider/s3.jpg)no-repeat center center / cover;
}

.bg-image-4 {
    background: url(../img/slider/s4.jpg)no-repeat center center / cover;
}

.bg-image-5 {
    background: url(../img/slider/s5.jpg)no-repeat center center / cover;
}

.bg-image-6 {
    background: url(../img/slider/s6.jpg)no-repeat center center / cover;
}

.bg-image-7 {
    background: url(../img/slider/s7.jpg)no-repeat center center / cover;
}

.bg-image-8 {
    background: url(../img/slider/s8.jpg)no-repeat center center / cover;
}

.banner-bg-01 {
    background: url(../img/banner/b4.jpg)no-repeat center center / cover;
}

.banner-bg-02 {
    background: url(../img/banner/b5.jpg)no-repeat center center / cover;
}

.banner-bg-03 {
    background: url(../img/banner/b1.jpg)no-repeat center center / cover;
}

.banner-bg-04 {
    background: url(../img/banner/b2.jpg)no-repeat center center / cover;
}

.body-bg {
    background: url(../img/bg-image/body-bg.png)repeat;
}

.breadcrumb-bg {
    min-height: 66px;
    background: var(--theme-red) none repeat scroll 0 0;
}

.professional-bg,
.testmonial-bg {
    background: url("img/bg-image/professional-bg.jpg") no-repeat scroll center center / cover;
    padding: 346px 0;
    position: relative;
    z-index: 1;
}

.testmonial-bg {
    background: url("img/bg-image/testmonial-bg.jpg") no-repeat fixed 0 0 / cover;
    padding: 160px 0;
}
.testmonial-bg.tesmonial-style-two {
    padding: 80px 0;
}

/*----------------------------------------*/
/* 2.1 Header Top CSS
/*----------------------------------------*/
.absolute-header {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1049;
    width: 100%;
}

.header-top .row {
    /*border-bottom: 1px solid rgba(255, 255, 255, 0.3);*/
    padding-bottom: 15px;
    padding-top: 15px;
}

.header-top-left ul li a i {
    font-size: 9px;
    margin-left: 5px;
}

.header-top-left ul li,
.header-top-right ul li {
    color: #ffffff;
    display: inline-block;
    font-size: 12px;
    line-height: 1;
}

.header-bottom-list li a i {
    margin-left: 5px;
}

.header-top-left ul li a,
.header-top-right ul li a {
    color: #000000;
}

.header-top-right ul li a {
    padding-left: 22px;
}

.header-top-left ul li:first-child {
    border-right: 1px solid rgba(255, 255, 255, 0.3);
    padding-right: 15px;
    margin-right: 15px;
}

.primary-menu-list > li > ul.ht-dropdown li:hover > a {
    color: var(--theme-red);
}
.header-top-left ul li a:hover,
.header-top-right ul li a:hover{
    color: #fafafa;
}

/*----------------------------------------*/
/* 2.2 Header Bottom CSS
/*----------------------------------------*/
.header-sticky.sticky {
    background: #dd3a3fe6 none repeat scroll 0 0;
    -webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.4);
    box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.4);
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transition: all 300ms ease-in 0s;
    transition: all 300ms ease-in 0s;
    z-index: 1049;
}

.sticky {
    -webkit-animation: 800ms ease-in-out 0s normal none 1 running fadeInDown;
    animation: 800ms ease-in-out 0s normal none 1 running fadeInDown;
}

/* mobile menu css start*/
.sticky .mean-container a.meanmenu-reveal {
    top: -45px;
}

.submobile-mega-dropdown > li > a {
    height: 22px;
}

/* header style two for home2 css start */
.absolute-header-two {
    top: 20px;
}

.header-style-two .primary-menu-list > li > ul.ht-dropdown li:hover > a,
.header-style-two .del-icone:hover,
.header-style-two .cart-content h6 a:hover,
.header-style-two .currency-selector ul li a:hover,
.header-style-two .search-box-view button:hover,
.header-style-two .price-content li span,
.header-style-two .cart-content span.cart-price {
    color: #dd3a3f;
}

.header-style-two .pro-quantity,
.header-style-two .cart-checkout:hover {
    background: #dd3a3f;
}

.header-style-two .container-fluid,
.abosolute-header-three .container-fluid,
.our-categorie-two .container-fluid {
    padding: 0 80px;
}

.header-style-two .megamenu,
.header-style-four .megamenu {
    width: 910px;
}

.header-style-two.sticky {
    background: rgba(221, 58, 63, 0.85) none repeat scroll 0 0;
    padding: 0;
}

/* header style  for home3 css start */
.abosolute-header-three.sticky {
    background: rgba(186, 159, 116, 0.85) none repeat scroll 0 0;
}

.abosolute-header-three .primary-menu-list > li > ul.ht-dropdown li:hover > a,
.abosolute-header-three .del-icone:hover,
.abosolute-header-three .cart-content h6 a:hover,
.abosolute-header-three .currency-selector ul li a:hover,
.abosolute-header-three .search-box-view button:hover,
.abosolute-header-three .price-content li span,
.abosolute-header-three .cart-content span.cart-price {
    color: #ba9f74;
}

.abosolute-header-three .pro-quantity,
.abosolute-header-three .cart-checkout:hover {
    background: #ba9f74;
}

/* header style four for home4 css start */
.header-style-four .container-fluid {
    padding: 0 10px;
}

.header-style-four .sticky {
    background: var(--theme-red);
}

/* header style two for home2 css end */
.sticky .primary-menu-list > li,
.sticky .search-cart-area > ul > li,
.sticky .logo {
    padding: 10px 0;
}

.primary-menu-list > li,
.search-cart-area > ul > li,
.search-cart-area > ul > li > a {
    position: relative;
    color: #fff;
}
.header-bottom:not(.sticky) .primary-menu-list > li:hover,
.header-bottom:not(.sticky) .search-cart-area > ul > li:hover,
.header-bottom:not(.sticky) .search-cart-area > ul > li:hover > a {
    color: #000;
}

.absolute-header .header-bottom:not(.sticky) .primary-menu-list > li,
.absolute-header .header-bottom:not(.sticky) .search-cart-area > ul > li,
.absolute-header .header-bottom:not(.sticky) .search-cart-area > ul > li > a {
    color: #000;
}
.absolute-header .header-bottom:not(.sticky) .primary-menu-list > li:hover,
.absolute-header .header-bottom:not(.sticky) .search-cart-area > ul > li:hover,
.absolute-header .header-bottom:not(.sticky) .search-cart-area > ul > li:hover > a {
    color: #000;
}

.main-header .logo img{
    width: 64px; 
    height: auto;
}

.main-header .logo .logo-black{
    display: none;
}

.absolute-header .header-sticky:not(.sticky) .main-header .logo .logo-black{
    display: block;
}
.absolute-header .header-sticky:not(.sticky) .main-header .logo .logo-white{
    display: none;
}

/*
.absolute-header .header-sticky:not(.sticky) .main-header .logo .logo-black{
    display: block;
}
.absolute-header .header-sticky:not(.sticky) .main-header .logo .logo-white{
    display: none;
}
*/





.primary-menu-list > li,
.search-cart-area > ul > li,
.logo {
    padding: 10px 0;
}

.primary-menu-list > li > a {
    color: #ffffff;
    display: block;
    font-family: "Oswald", sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.025em;
    line-height: 22px;
    margin-right: 50px;
    position: relative;
    text-transform: uppercase;
}

.primary-menu-list > li > a::before {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 2px;
    left: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    opacity: 1;
    position: absolute;
    top: 23px;
    -webkit-transition: all 300ms ease-in 0s;
    transition: all 300ms ease-in 0s;
    width: 100%;
}

.primary-menu-list > li:hover > a::before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.primary-menu-list > li.active > a::before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.primary-menu-list > li > a > i {
    font-size: 14px;
    margin-left: 5px;
}

.ht-dropdown {
    background: #fff;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 100%;
    -webkiit-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
    width: 180px;
    visibility: hidden;
    z-index: 999;
    -webkit-transition: all 700ms ease 0s;
    transition: all 700ms ease 0s;
    -webkit-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.1);
}

.ht-dropdown.single-dropdown.blog-dropdown {
    width: 215px;
}

.primary-menu-list > li:hover ul.ht-dropdown,
.search-cart-area > ul > li:hover ul.ht-dropdown {
    opacity: 1;
    visibility: visible;
    -webkiit-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

.primary-menu-list > li > ul.ht-dropdown > li a {
    color: #292929;
    font-size: 12px;
    font-weight: 400;
    line-height: 26px;
    text-transform: capitalize;
}

.primary-menu-list > li > ul.ht-dropdown.single-dropdown {
    padding: 15px 20px;
}

/* megamenu css */
.menu-title {
    font-weight: 500;
    font-size: 14px;
    color: #292929;
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.megamenu {
    width: 100%;
}

.megamenu-two {
    width: 675px
}

.megamenu-three {
    width: 460px;
}

.megamenu > li,
.megamenu-two > li,
.megamenu-three > li {
    padding: 30px;
}

.megamenu > li:not(:last-child),
.megamenu-two > li:not(:last-child),
.megamenu-three > li:not(:last-child) {
    border-right: 1px solid #f1f1f1;
}

.megamenu > li {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
}

.megamenu-two > li {
    -ms-flex-preferred-size: 33.333333%;
    flex-basis: 33.333333%;
}

.megamenu-three > li {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
}

/* search and cart area css */
.search-cart-area > ul > li {
    /*margin-left: 30px;*/
    cursor: pointer;
}

.search-cart-area > ul > li:first-child {
    margin-left: 0;
}

.search-cart-area > ul > li > i {
    color: #ffffff;
    font-size: 18px;
}

.search-cart-area > ul > li:last-child a {
    padding-right: 35px;
}

.primary-menu-list > li:last-child > a {
    margin-right: 0;
}

.search-cart-area > ul > li > a > span {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 100%;
    color: #282828;
    display: inline-block;
    font-size: 10px;
    font-weight: 500;
    height: 20px;
    line-height: 20px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 2px;
    width: 20px;
}

.search-cart-area > ul > li ul.ht-dropdown {
    left: auto;
    right: 0;
    width: 290px;
    padding: 20px;
}

.cart-box > ul > li > a {
    color: #ffffff;
}

.cart-text {
    display: block;
}

.cart-box > ul > li > a i {
    font-size: 32px;
}

.my-cart {
    color: #ffffff;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    margin-left: 40px;
    text-transform: capitalize;
    vertical-align: top;
}

.single-cart-box {
    margin-bottom: 18px;
    overflow: hidden;
    position: relative;
}

.cart-img {
    float: left;
    padding-right: 10px;
    position: relative;
    width: 35%;
}

.cart-img img {
    max-width: 100%;
}

.cart-content {
    float: left;
    padding: 0 15px 15px 0;
    width: 65%;
}

.cart-content h6 a {
    color: #292929;
    display: block;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    overflow-wrap: break-word;
    text-overflow: ellipsis;
    text-transform: capitalize;
    white-space: nowrap;
}

.cart-content span {
    color: #666666;
    display: block;
    font-size: 12px;
    line-height: 20px;
}

.cart-actions a {
    background: #2c2c2c none repeat scroll 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #ffffff;
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    padding: 10px 20px;
    text-transform: uppercase;
    width: 100%;
}

.cart-checkout {
    background: #f26667 none repeat scroll 0 0;
    color: #ffffff;
}

.cart-checkout:hover {
    background-color: var(--theme-red);
    border-color: rgba(0, 0, 0, 0);
    color: #ffffff;
}

.del-icone {
    color: #666666;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 45;
}

.del-icone:hover,
.cart-content h6 a:hover,
.currency-selector ul li a:hover {
    color: var(--theme-red);
}

.total-price {
    display: block;
    font-size: 15px;
    font-weight: 600;
    margin-top: 2px;
}

.wish-list-item {
    margin-right: 30px;
    padding-right: 30px;
    position: relative;
}

.wish-list-item::after {
    background-color: #ffffff;
    content: "";
    height: 29px;
    opacity: 0.5;
    position: absolute;
    right: 0;
    top: -10px;
    width: 1px;
}

.total-pro {
    background: var(--theme-red) none repeat scroll 0 0;
    border-radius: 100%;
    font-size: 12px;
    height: 20px;
    left: 30px;
    line-height: 20px;
    position: absolute;
    text-align: center;
    top: 5px;
    width: 20px;
}

.single-cart-box,
.price-content {
    border-bottom: 1px solid #ededed;
    margin-bottom: 20px;
}

.price-content {
    overflow: hidden;
    padding-bottom: 20px;
}

.price-content li {
    color: #3e3d43;
    font-family: "Oswald", sans-serif;
    font-size: 14px;
    font-weight: 500;
}

.price-content li span,
.cart-content span.cart-price {
    color: var(--theme-red);
    float: right;
    font-size: 14px;
    font-weight: 500;
}

.cart-content span.cart-price {
    float: none;
    margin: 5px 0;
}

.pro-quantity {
    background: var(--theme-red) none repeat scroll 0 0;
    border-radius: 100%;
    color: #ffffff;
    font-size: 11px;
    left: 5px;
    line-height: 23px;
    min-width: 25px;
    padding: 2px 0 0;
    position: absolute;
    text-align: center;
    top: 3px;
}

/* currency selection css*/
.currency-selector h3 {
    border-bottom: 1px solid rgba(55, 55, 55, 0.1);
    color: #292929;
    font-size: 12px;
    font-weight: 500;
    line-height: 35px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.currency-selector ul li a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #6b6b6b;
    display: block;
    font-size: 12px;
    line-height: 20px;
    padding: 3px 20px;
    text-transform: capitalize;
    width: 100%;
}

/* search box css */
.search-box-view input {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #ffffff;
    color: #a9a9a9;
    font-size: 13px;
    height: 55px;
    padding: 0 55px 0 20px;
    width: 100%;
}

.search-box-view button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    color: #444;
    font-size: 18px;
    height: 45px;
    line-height: 45px;
    padding: 0;
    position: absolute;
    right: 6px;
    text-align: center;
    top: 6px;
    -webkit-transition: all 300ms ease-in 0s;
    transition: all 300ms ease-in 0s;
    width: 45px;
}

.search-box-view button:hover {
    color: var(--theme-red);
}

.search-cart-area > ul > li ul.ht-dropdown.search-box-view {
    background: none;
    width: 530px;
    padding: 0;
}

/*----------------------------------------*/
/* 3. Slider CSS
/*----------------------------------------*/
.slide.align-center-left {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.fullscreen {
    height: 100vh;
    width: 100%;
}

.subscribe-area .container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(0, 0, 0, 0) url("img/bg-image/newsletter-bg.png") no-repeat scroll 0 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 520px;
}

/* animation-style-01 */
.owl-item.active .animation-style-01 .slider-content h1 {
    -webkit-animation: 800ms ease-in-out 0s normal none 1 running zoomInRight;
    animation: 800ms ease-in-out 0s normal none 1 running zoomInRight;
}

.owl-item.active .animation-style-01 .slider-content h2 {
    -webkit-animation: 1200ms ease-in-out 0s normal none 1 running zoomInRight;
    animation: 1200ms ease-in-out 0s normal none 1 running zoomInRight;
}

.owl-item.active .animation-style-01 .slider-content p {
    -webkit-animation: 1600ms ease-in-out 0s normal none 1 running zoomInRight;
    animation: 1600ms ease-in-out 0s normal none 1 running zoomInRight;
}

.owl-item.active .animation-style-01 .slider-content .slide-btn {
    -webkit-animation: 2000ms ease-in-out 0s normal none 1 running zoomInRight;
    animation: 2000ms ease-in-out 0s normal none 1 running zoomInRight;
}

/* animation-style-02 */
.owl-item.active .animation-style-02 .slider-content h1 {
    -webkit-animation: 800ms ease-in-out 0s normal none 1 running zoomInUp;
    animation: 800ms ease-in-out 0s normal none 1 running zoomInUp;
}

.owl-item.active .animation-style-02 .slider-content h2 {
    -webkit-animation: 1200ms ease-in-out 0s normal none 1 running zoomInUp;
    animation: 1200ms ease-in-out 0s normal none 1 running zoomInUp;
}

.owl-item.active .animation-style-02 .slider-content p {
    -webkit-animation: 1600ms ease-in-out 0s normal none 1 running zoomInUp;
    animation: 1600ms ease-in-out 0s normal none 1 running zoomInUp;
}

.owl-item.active .animation-style-02 .slider-content .slide-btn {
    -webkit-animation: 2000ms ease-in-out 0s normal none 1 running zoomInUp;
    animation: 2000ms ease-in-out 0s normal none 1 running zoomInUp;
}

/* home2 sldier animation */
.owl-item.active .animation-style-01 .slider-content h2.heading-two {
    -webkit-animation: 1400ms ease-in-out 0s normal none 1 running zoomInLeft;
    animation: 1400ms ease-in-out 0s normal none 1 running zoomInLeft;
}

.owl-item.active .animation-style-01 .slider-content h3 {
    -webkit-animation: 1800ms ease-in-out 0s normal none 1 running zoomInRight;
    animation: 1800ms ease-in-out 0s normal none 1 running zoomInRight;
}

/* home2 slider animation */
.owl-item.active .animation-style-02 .slider-content h2.heading-two {
    -webkit-animation: 1400ms ease-in-out 0s normal none 1 running zoomInUp;
    animation: 1400ms ease-in-out 0s normal none 1 running zoomInUp;
}

.owl-item.active .animation-style-02 .slider-content h3 {
    -webkit-animation: 1800ms ease-in-out 0s normal none 1 running zoomInUp;
    animation: 1800ms ease-in-out 0s normal none 1 running zoomInUp;
}

/* default owl nav css start */
.owl-nav div {
    background: rgba(0, 0, 0, 0.15) none repeat scroll 0 0;
    border-radius: 100%;
    cursor: pointer;
    display: block;
    height: 60px;
    line-height: 60px;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    left: 10px;
    font-size: 22px;
    color: #fff;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: none 0s ease 0s;
    transition: none 0s ease 0s;
    width: 60px;
    z-index: 8;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.owl-nav div:hover {
    background: var(--theme-red);
}

.slider-activation:hover .owl-nav div,
.deal-pro-active:hover .owl-nav div,
.brand-logo-active:hover .owl-nav div,
.blog-activation:hover .owl-nav div {
    opacity: 1;
}

.owl-nav div.owl-next {
    right: 10px;
    left: auto;
}

/* deal of the day,brand logo nav css start */
.deal-pro-active .owl-nav div,
.brand-logo-active .owl-nav div,
.blog-activation .owl-nav div {
    background: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    border: 1px solid #ebebeb;
    color: #343434;
    left: -10px;
}

.deal-pro-active .owl-nav div.owl-next,
.brand-logo-active .owl-nav div.owl-next,
.blog-activation .owl-nav div.owl-next {
    right: -10px;
    left: auto;
}

.deal-pro-active .owl-nav div:hover,
.brand-logo-active .owl-nav div:hover,
.blog-activation .owl-nav div:hover {
    background: #fff;
    border-color: var(--theme-red);
    color: var(--theme-red);
}

.deal-pro-active:hover .owl-nav div.owl-prev,
.brand-logo-active:hover .owl-nav div.owl-prev,
.blog-activation:hover .owl-nav div.owl-prev {
    left: -25px;
}

.deal-pro-active:hover .owl-nav div.owl-next,
.brand-logo-active:hover .owl-nav div.owl-next,
.blog-activation:hover .owl-nav div.owl-next {
    right: -25px;
}

/* default pagination dot css */
.owl-dots {
    bottom: 0;
    margin-top: 40px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 12;
}

.owl-dots .owl-dot {
    background: #d7d7d7;
    border-radius: 10px;
    cursor: pointer;
    display: inline-block;
    height: 8px;
    border-radius: 8px;
    font-size: 0;
    margin: 0 4px;
    position: relative;
    text-align: center;
    -webkit-transition: all 300ms ease-in 0s;
    transition: all 300ms ease-in 0s;
    width: 8px;
    z-index: 8;
}

.owl-dots .owl-dot.active {
    width: 30px;
    background: #e63946;
}

/* slider pagination dot css  */
.slider-activation .owl-dots {
    bottom: 60px;
    margin-top: 0;
    position: absolute;
}

.slider-activation .owl-dots .owl-dot {
    background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
    border-radius: 10px;
    height: 3px;
    margin: 0 4px;
    width: 25px;
    z-index: 8;
}

.slider-activation .owl-dots .owl-dot.active {
    width: 32px;
    background: #fff;
}

/* home2 slider pagination & nav css  */
.slider-style-two .owl-dots {
    bottom: 30px;
}

.slider-activation.slider-style-two .owl-dots .owl-dot.active {
    background: #fff;
}

.slider-style-two .owl-nav div:hover,
.slider-style-two .slide-btn a:hover,
.slider-style-two .shop-now:hover {
    background: #dd3a3f;
    color: #fff;
}

.categorie-acitve .owl-dots .owl-dot.active,
.featured-pro-color-style-two .owl-dots .owl-dot.active,
.testmonial-color-two .owl-dots .owl-dot.active {
    background: #dd3a3f;
}

.brand-red-color .owl-nav div:hover {
    border-color: #dd3a3f;
    color: #dd3a3f;
}

.brand-brown-color .owl-nav div:hover {
    border-color: #ba9f74;
    color: #ba9f74;
}

/* home2 red color product sticker and pro actions color css  */
.featured-pro-color-style-two .sticker-new {
    background: #dd3a3f;
}

.featured-pro-color-style-two .add-cart:hover,
.featured-pro-color-style-two .quick-view:hover {
    background: #dd3a3f none repeat scroll 0 0;
    color: #fff;
}

.featured-pro-color-style-two .rating i,
.featured-pro-color-style-two .pro-content h4 a:hover {
    color: #dd3a3f;
}

/* home-3 color product sticker and pro actions color css  */
.featured-pro-color-style-three .sticker-new {
    background: #ba9f74;
}

.featured-pro-color-style-three .add-cart:hover,
.featured-pro-color-style-three .quick-view:hover {
    background: #ba9f74 none repeat scroll 0 0;
    color: #fff;
}

.featured-pro-color-style-three .rating i,
.featured-pro-color-style-three .pro-content h4 a:hover {
    color: #ba9f74;
}

.featured-pro-color-style-three .owl-dots .owl-dot.active {
    background: #ba9f74 none repeat scroll 0 0;
}

/* home3 slider pagination & nav css  */
.slider-home-three .owl-nav div {
    background: #1f1f0a;
}

.slider-home-three .owl-nav div:hover,
.slider-home-three .slide-btn a:hover,
.slider-home-three .shop-now:hover {
    background: #ba9f74;
    color: #fff;
}

.slider-activation.slider-home-three .owl-dots .owl-dot.active {
    background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
}

.slider-activation.slider-home-three .owl-dots .owl-dot {
    background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
}

/* slider content css */
.slider-content h1,
.slider-content h3 {
    color: #000;
    font-size: 60px;
    font-weight: 200;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.slider-content h2 {
    color: #000;
    font-size: 85px;
    font-weight: 600;
    margin-bottom: 20px;
    text-transform: uppercase;
    line-height: 85px;
}

.slider-content p {
    color: #000;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    margin: 0 0 30px;
    max-width: 53%;
    position: relative;
}

.slide-btn a,
.shop-now {
    background: var(--theme-red) none repeat scroll 0 0;
    border-radius: 30px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    line-height: 47px;
    padding: 0 40px;
    font-family: "Oswald", sans-serif;
    pointer-events: visible;
    position: relative;
    text-transform: uppercase;
}

.slider-style-two .slide-btn a {
    margin-top: 15px;
}

.slide-btn a:hover,
.shop-now:hover,
.slider-style-three .slide-btn a:hover {
    background: var(--theme-red) none repeat scroll 0 0;
    color: #ffffff;
}

/* slider upper progress bar */
.slider-activation .owl-item.active .slider-progress {
    -webkit-animation: 5000ms ease-in-out 0s normal none 1 running timebar;
    animation: 10000ms ease-in-out 0s normal none 1 running timebar;
    background: rgba(0, 0, 0, .3);
    height: 5px;
    left: 0;
    opacity: 0.8;
    position: absolute;
    top: 0;
    z-index: 4;
}

@-webkit-keyframes timebar {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}

@keyframes timebar {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}

@keyframes timebar {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}

/* home4 slider & header css */
.slider-style-three .header-bottom:not(.sticky) .slider-content h1,
.slider-style-three .header-bottom:not(.sticky) .slider-content h2,
.slider-style-three .header-bottom:not(.sticky) .slider-content p,
.header-style-four .header-bottom:not(.sticky) .primary-menu-list > li > a,
.header-style-four .header-bottom:not(.sticky) .search-cart-area > ul > li > i {
    color: #292929;
}

.header-style-four .header-bottom:not(.sticky) .primary-menu-list > li > a::before,
.slider-activation.slider-style-four .header-bottom:not(.sticky) .owl-dots .owl-dot.active {
    background: #292929 none repeat scroll 0 0;
}

.slider-activation .owl-dots .owl-dot {
    background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
}

.slider-style-three .slide-btn a {
    background: #292929;
    color: #fff;
}

.header-style-three .container-fluid {
    padding: 0 30px;
}

.slider-style-three .owl-nav div {
    left: 80px;
}

.slider-style-three .owl-nav div.owl-next {
    right: 80px;
    left: auto;
}

/*----------------------------------------*/
/* 4. Featured Products CSS
/*----------------------------------------*/
.main-featured-area,
.deal-product,
.newpro-bestseller,
.online-support {
    position: relative;
    z-index: 2;
}

.main-featured-area .container,
.deal-product .container,
.newpro-bestseller .container,
.online-support .container {
    background: #ffffff none repeat scroll 0 0;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
    padding: 30px 30px 80px;
}

.shop-now {
    background: #343434 none repeat scroll 0 0;
    color: #fff;
    font-family: "Poppins",sans-serif;
    line-height: 41px;
    padding: 2px 30px 0;
}

.featured-pro-active .owl-item,
.second-featured-pro-active .owl-item,
.featured-pro-active-two .owl-item,
#grid-view .single-aboss-product {
    border-color: #f1f1f1 #f1f1f1 #f1f1f1 transparent;
    border-style: solid;
    border-width: 1px;
    position: relative;
}

.featured-pro-active .owl-item.last,
.second-featured-pro-active .owl-item.last,
.featured-pro-active-two .owl-item.last {
    border-right: 1px solid transparent;
}

.second-featured-pro-active .single-aboss-product:first-child {
    border-bottom: 1px solid #f1f1f1;
}

.border-hover-effect .single-aboss-product::before {
    border: 2px solid transparent;
    bottom: -1px;
    content: "";
    left: -1px;
    pointer-events: none;
    position: absolute;
    right: -1px;
    top: -1px;
    -webkit-transition: all 300ms ease-in 0s;
    transition: all 300ms ease-in 0s;
    z-index: 10;
}

.border-hover-effect .single-aboss-product:hover:before {
    border-color: var(--theme-red);
}

.border-hover-effect.border-red-effect .single-aboss-product:hover:before {
    border-color: #dd3a3f;
}

.border-hover-effect.border-brown-effect .single-aboss-product:hover:before {
    border-color: #ba9f74;
}

.border-hover-effect.border-grey-effect .single-aboss-product:hover:before {
    border-color: #edeff3;
}

.featured-bannner {
    padding: 65px 40px;
}

.featured-bannner:hover .banner-info,
.professional-bg:hover .banner-info {
    -webkit-animation: 0.5s linear 0s normal none 1 running fadeInRightCus;
    animation: 0.5s linear 0s normal none 1 running fadeInRightCus;
}

.banner-content {
    max-width: 480px;
}

.banner-info h2 {
    font-family: "Poppins", sans-serif;
    font-size: 30px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 5px;
}

.banner-info h2 span {
    display: block;
    font-size: 24px;
    font-weight: 500;
}

.banner-info p {
    color: #343434;
    font-size: 14px;
    margin-bottom: 20px;
}

/* home-4 featured banner style css start */
.featured-banner-area .container-fluid,
.section-big-banner .container-fluid {
    padding: 0 30px;
}

/* home-4 featured banner style css end */
.single-aboss-product img {
    width: 100%;
}

.single-aboss-product {
    text-align: center;
    position: relative;
}

.pro-img {
    position: relative;
}

.pro-img:before {
    content: "";
    position: absolute;
    background: rgba(255, 255, 255, .8);
    opacity: 0;
    left: 0;
    top: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    -webkit-transition: all 300ms ease-in 0s;
    transition: all 300ms ease-in 0s;
    z-index: 2;
}

.single-aboss-product:hover .pro-img:before {
    opacity: 1;
}

.pro-content {
    padding: 25px 20px;
}

.pro-content h4 a {
    color: #2e2e2e;
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    margin-bottom: 10px;
    text-transform: capitalize;
}

.pro-content h4 a:hover {
    color: var(--theme-red);
}

.rating {
    margin-bottom: 10px;
}

.rating i {
    color: var(--theme-red);
    font-size: 12px;
}

.price {
    color: #292929;
}

.prev-price {
    color: #b2b2b2;
    text-decoration: line-through;
    margin-right: 5px;
}

.price,
.prev-price {
    font-size: 20px;
    font-weight: 400;
    font-family: "Oswald", sans-serif;
}

/* product button css */
.pro-actions {
    left: 50%;
    position: absolute;
    top: 50%;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 10;
}

.quick-view {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
}

.add-cart {
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
}

.add-cart,
.quick-view {
    background: #343434 none repeat scroll 0 0;
    border-radius: 30px;
    color: #ffffff;
    display: inline-block;
    font-family: "Oswald", sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 40px;
    margin-bottom: 5px;
    min-width: 120px;
    opacity: 0;
    padding: 0 29px;
    text-transform: uppercase;
    -webkit-transition: all 300ms ease-in 0s;
    transition: all 300ms ease-in 0s;
}

.single-aboss-product:hover .quick-view,
.single-aboss-product:hover .add-cart {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
}

.add-cart:hover,
.quick-view:hover {
    background: var(--theme-red);
    color: #fff;
}


/*----------------------------------------*/
/* 5. Professional Banner CSS
/*----------------------------------------*/
.professional-bg .banner-content {
    right: 50px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 12;
    max-width: 100%;
}

.professional-bg .banner-info h2 {
    text-transform: uppercase;
    font-family: "Oswald", sans-serif;
    color: var(--theme-red);
    font-size: 70px;
    font-weight: 600;
    margin-bottom: 20px;
}

.professional-bg .banner-info h2 span {
    color: #ffffff;
    font-size: 70px;
    font-weight: 200;
}

.professional-bg .banner-info p {
    color: #ffffff;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 30px;
    text-transform: capitalize;
}

/*----------------------------------------*/
/* 6. Deal Of The Day CSS
/*----------------------------------------*/
.deal-product .container {
    padding: 80px 120px;
    position: relative;
}

.deal-product .container::before {
    background: rgba(0, 0, 0, 0) url("img/bg-image/deal-bg.png") no-repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 30px;
    position: absolute;
    top: 80px;
    width: 95px;
    z-index: 55;
}

.deal-pro-active .pro-img {
    border: 1px solid #ebebeb;
    float: left;
    margin-right: 30px;
    width: 37%;
}

.deal-pro-active .pro-content,
.new-multipro .pro-content {
    overflow: hidden;
}

.deal-pro-active .pro-content h4 a {
    font-size: 18px;
}

.deal-pro-active .pro-content p + p {
    margin-top: 22px;
}

.deal-pro-active .pro-content .price,
.deal-pro-active .pro-content .prev-price {
    font-size: 16px;
}

.deal-pro-active .single-aboss-product,
.new-multipro .single-aboss-product {
    text-align: left;
}

.countdown .count:last-child {
    margin-right: 0;
}

.count {
    border: 2px solid #292929;
    width: 70px;
    padding: 15px 8px;
    text-align: center;
    margin-right: 30px;
}

.count p {
    border-bottom: 2px solid var(--theme-red);
    color: #292929;
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
    padding-bottom: 5px;
    font-family: "Oswald", sans-serif;
}

.count span {
    color: #9D9DB5;
    text-transform: uppercase;
    font-size: 12px;
    font-family: "Oswald", sans-serif;
    display: block;
}

/*----------------------------------------*/
/* 7. Testmonial CSS
/*----------------------------------------*/
.testmonial-active.owl-carousel .owl-item img {
    border-radius: 100%;
}
.instagram-post .testmonial-active.owl-carousel .owl-item img {
    border-radius: 0;
}
.single-testmonial.text-center {
    margin-top: 20px;
}

.testmonial-img {
    border: 2px solid #ffffff;
    border-radius: 100%;
    height: 70px;
    margin: auto auto 50px;
    position: relative;
    width: 70px;
}

.testmonial-img:before {
    border: 10px solid rgba(255, 255, 255, 0.2);
    border-radius: 100%;
    bottom: -12px;
    content: "";
    left: -12px;
    pointer-events: none;
    position: absolute;
    right: -12px;
    top: -12px;
}

.testmonial-img:after {
    border: 10px solid rgba(255, 255, 255, 0.1);
    border-radius: 100%;
    bottom: -22px;
    content: "";
    left: -22px;
    pointer-events: none;
    position: absolute;
    right: -22px;
    top: -22px;
}

.single-testmonial h3 {
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.single-testmonial p {
    color: #ffffff;
    font-size: 12px;
    line-height: 24px;
    margin: auto;
    max-width: 65%;
}

/* home-3 tesmonial two css */
.testmonial-two .testmonial-img:before {
    border-color: #e6ddcd;
}

.testmonial-two .testmonial-img:after {
    border-color: #f1ece3;
}

.testmonial-two .single-testmonial h3,
.testmonial-two .single-testmonial p {
    color: #292929;
}

.testmonial-two .owl-dots .owl-dot.active {
    background: #ba9f74 none repeat scroll 0 0;
}

.testmonial-two .testmonial-active {
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 80px;
}

/*----------------------------------------------*/
/* 8. New Products & Best Seller & Brand Logo CSS
/*---------------------------------------------*/
.newpro-bestseller .container,
.online-support .container {
    padding: 80px 30px;
}

.new-multipro .pro-img {
    width: 98px;
    margin-right: 30px;
}

.new-multipro .pro-content {
    padding: 15px 0;
}

.new-multipro .single-aboss-product {
    border-bottom: 1px solid #ebebeb;
}

.sale-banner {
    position: relative;
}

.sale-banner:before {
    border: 8px solid rgba(255, 255, 255, 0.2);
    bottom: 30px;
    content: "";
    left: 30px;
    opacity: 1;
    pointer-events: none;
    position: absolute;
    right: 30px;
    top: 30px;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition: all 500ms ease-in 0s;
    transition: all 500ms ease-in 0s;
}

.sale-banner:hover:before {
    opacity: 0;
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
    transform: scale3d(1.2, 1.2, 1.2);
}

.brand-logo-active.owl-carousel img,
.categorie-acitve.owl-carousel img {
    width: auto;
    margin: auto;
}

/*----------------------------------------------*/
/* 9. Subscribe Area CSS
/*---------------------------------------------*/
.newsletter-box form {
    position: relative;
}

.newsletter-box.blog-details-box button {
    border-radius: 0;
    padding: 0 15px;
    letter-spacing: 1px;
}

.newsletter-box.blog-details-box .subscribe {
    border-radius: 0;
}

.newsletter-box .subscribe {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #ebebeb;
    border-radius: 30px;
    color: #8f8f8f;
    font-size: 12px;
    height: 47px;
    line-height: 47px;
    padding: 11px 135px 10px 20px;
    width: 100%;
}

.newsletter-box .submit {
    background: #292929 none repeat scroll 0 0;
    border: medium none;
    border-radius: 30px;
    color: #ffffff;
    font-family: "Oswald", sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 47px;
    padding: 0 40px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 0;
    -webkit-transition: all 300ms ease 0s;
    transition: all 300ms ease 0s;
}

.newsletter-box .submit:hover {
    background: var(--theme-red);
}

.subscribe-content-two .newsletter-box .submit:hover {
    background: #dd3a3f;
}

.subscribe-content-three .newsletter-box .submit:hover {
    background: #ba9f74;
}

.subscribe-content h6 {
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.subscribe-content h6 span {
    color: var(--theme-red);
}

.subscribe-content-two h6 span {
    color: #dd3a3f;
}

.subscribe-content-three h6 span {
    color: #ba9f74;
}

.subscribe-content h2,
.support-desc h4 {
    margin-bottom: 30px;
    font-weight: 600;
}

.subscribe-content p {
    font-size: 12px;
    letter-spacing: 0.025em;
    margin-bottom: 50px;
}

/*----------------------------------------------*/
/* 10. Online Support Area CSS
/*---------------------------------------------*/
.support-styel-two .container {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.online-support .container {
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 50px 30px;
}

.single-support {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.single-support:hover .support-img img {
    -webkit-transform: translateY(-5px);
    transform: translateY(-10px);
}

.support-img {
    margin-right: 30px;
}

.support-desc h4 {
    font-size: 14px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.support-style-three .single-support {
    display: block;
    text-align: center;
}

.support-style-three .single-support .support-img {
    margin-right: 0;
}

.support-style-three .single-support .support-desc {
    padding-top: 10px;
}

.support-inner {
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 80px;
}


/*----------------------------------------*/
/* 11. Footer CSS
/*----------------------------------------*/
.single-footer h3 {
    margin-bottom: 30px;
}

.single-footer h3 {
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    line-height: 30px;
    text-transform: uppercase;
}

.single-footer h4 {
    color: #9e9e9e;
    font-size: 12px;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 25px;
    text-transform: uppercase;
}

.footer-content p {
    color: #9e9e9e;
    font-size: 12px;
    letter-spacing: 0.025em;
    line-height: 28px;
    margin-bottom: 30px;
}

.footer-link li {
    display: inline-block;
    margin-right: 20px;
}

.footer-link li a {
    color: #9e9e9e;
    font-size: 12px;
    letter-spacing: 0.025em;
    text-transform: capitalize;
}

.footer-link li a:hover {
    color: var(--theme-red);
}

.footer-list li a {
    color: #9e9e9e;
    display: block;
    font-size: 12px;
    line-height: 28px;
    text-transform: capitalize;
}

.footer-list li a:hover {
    color: var(--theme-red);
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
}

.social-footer li a {
    background: #293442 none repeat scroll 0 0;
    border-radius: 5px;
    color: #bbb;
    display: inline-block;
    font-size: 18px;
    height: 36px;
    line-height: 36px;
    margin-left: 15px;
    padding: 0;
    text-align: center;
    width: 36px;
}

.social-footer li a:hover {
    background: var(--theme-red);
    color: #fff;
}

.copyright-text a {
    color: var(--theme-red);
}

.copyright-text-two a {
    color: #dd3a3f;
}

.copyright-text {
    color: #9e9e9e;
    word-spacing: 1px;
}

.copyright-text a:hover,
.footer-address li a.footer-email:hover {
    text-decoration: underline;
}

.social-style-two li {
    display: inline-block;
    padding: 0 15px;
}

.social-style-two li a {
    color: #9e9e9e;
    font-family: "Oswald", sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 25px;
    padding: 0;
    display: inline-block;
    text-transform: uppercase;
}

.social-style-two li a:hover {
    color: #dd3a3f;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}

.social-style-two.social-style-three li a:hover {
    color: var(--theme-red);
}

.footer-brown-color .social-style-two.social-style-three li a:hover {
    color: #ba9f74;
}

.footer-brown-color .footer-address li a.footer-email {
    color: #ba9f74;
}

.footer-brown-color .copyright-text a {
    color: #ba9f74;
}

.footer-address li {
    color: #9e9e9e;
    display: inline-block;
    line-height: 1;
    font-size: 12px;
    padding: 0 20px;
}

.footer-address li:not(:last-child) {
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.footer-address li a.footer-email {
    color: var(--theme-red);
}

.footer-bottom-style-two {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

/*----------------------------------------*/
/* 12. Our Categorie CSS
/*----------------------------------------*/
.main-categorie,
.main-blog-area {
    border-bottom: 1px solid #ebebeb;
}

.categorie-acitve.owl-carousel img {
    margin: auto;
}

.cat-img {
    border: 2px solid #ebebeb;
    border-radius: 100%;
    margin: auto auto 20px;
    max-height: 125px;
    max-width: 125px;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.5s ease-in 0s;
    transition: all 0.5s ease-in 0s;
}

.single-categorie:hover .cat-img {
    border-color: #dd3a3f;
}

.cat-name a,
.single-cat-desc a {
    color: #343434;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    line-height: 30px;
    text-transform: uppercase;
    -webkit-transition: all 300ms ease-in 0s;
    transition: all 300ms ease-in 0s;
    font-family: "Oswald", sans-serif;
}

.cat-name .cat-number {
    color: #b8b8b8;
    font-size: 12px;
    font-weight: 500;
    line-height: 30px;
    -webkit-transition: all 300ms ease-in 0s;
    transition: all 300ms ease-in 0s;
}

.single-categorie:hover a,
.single-categorie:hover .cat-number {
    color: #dd3a3f;
}

/* home-3 single image categore css */
.single-img-categorie {
    position: relative;
}

.single-cat-desc {
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 55;
}

.single-cat-desc img {
    max-width: 100%!important;
    margin: auto;
}

.single-cat-desc a {
    display: block;
    margin-top: 25px;
    color: #fff;
}

.single-img-categorie:hover .single-cat-desc a {
    color: #ba9f74;
}

.single-img-categorie {
    position: relative;
    overflow: hidden;
}

.single-img-categorie::before {
    background: rgba(12, 13, 22, 0.7) none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all 0.5s ease-in 0s;
    transition: all 0.5s ease-in 0s;
    z-index: 10;
}

.single-img-categorie:hover::before {
    bottom: 20px;
    left: 20px;
    right: 20px;
    top: 20px;
}

.single-img-categorie img {
    -webkit-transition: all 0.5s ease-in 0s;
    transition: all 0.5s ease-in 0s;
}

.single-img-categorie:hover img {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
}

.single-img-categorie-active .owl-dots {
    bottom: 30px;
    margin-top: 0;
    position: absolute;
}

.single-img-categorie-active .owl-dots .owl-dot.active {
    background: #ba9f74;
}


/*----------------------------------------*/
/* 13. Blog & Blog Details CSS
/*----------------------------------------*/
.aboss-blog .container-fluid {
    padding: 0 100px;
}

.single-blog img {
    width: 100%;
    height: 100%;
}

.blog-content {
    padding: 20px;
}

.blog-left-sidebar-desc {
    padding-left: 20px;
}

.blog-right-sidebar-desc {
    padding-right: 20px;
}

.blog-content h4 a {
    color: #292929;
    display: block;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
}

.meta-box {
    margin: 15px 0;
}

.meta-box li {
    display: inline-block;
}

.meta-box li {
    color: #666666;
    display: inline-block;
    font-size: 14px;
    line-height: 25px;
    margin-right: 20px;
    text-transform: capitalize;
}

.meta-box li i {
    margin-right: 5px;
}

.meta-box li a {
    color: #666666;
    display: inline-block;
    font-size: 13px;
    line-height: 25px;
    margin-right: 20px;
    text-transform: capitalize;
}

.blog-details .meta-box li a:hover {
    color: var(--theme-red);
}

.blog-entry-meta-two .meta-box li a:hover,
.blog-entry-meta-two .blog-content h4 a:hover {
    color: #dd3a3f;
}

.blog-entry-meta-three .meta-box li a:hover,
.blog-entry-meta-three .blog-content h4 a:hover {
    color: #ba9f74;
}

.blog-entry-meta-default .meta-box li a:hover,
.blog-entry-meta-default .blog-content h4 a:hover,
.aboss-blog .meta-box li a:hover,
.aboss-blog .blog-content h4 a:hover {
    color: var(--theme-red);
}

.aboss-blog .blog-left-sidebar-desc [class*="col-"],
.aboss-blog .blog-right-sidebar-desc [class*="col-"],
.aboss-blog.grid-blog [class*="col-"] {
    margin-bottom: 40px;
}

.blg-readmore {
    color: var(--theme-red);
    display: inline-block;
    font-size: 14px;
    margin-top: 15px;
}

.blg-readmore:after {
    content: "\f101";
    font-family: FontAwesome;
    margin-left: 3px;
}

.blg-readmore:hover {
    color: #7b7b7b;
}

.single-aboss-blog,
.single-blog {
    background: #fff none repeat scroll 0 0;
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    height: 100%;

}

.blog-img,
.blog-hero-img {
    position: relative;
    overflow: hidden;
}

.single-blog .blog-img:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.entry-meta {
    left: 0;
    line-height: 18px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 70px;
}

.entry-meta .date::before {
    border: 1px solid #fff;
    content: "";
    display: inline-block;
    height: 88%;
    left: 5px;
    position: absolute;
    top: 5px;
    width: 59px;
}

.entry-meta .date {
    background: var(--theme-red);
    color: #fff;
    padding: 18px;
    text-transform: uppercase;
}

.entry-meta .date span {
    font-size: 30px;
    font-weight: 600;
    line-height: 27px;
    color: #fff;
}

.entry-meta .date p {
    color: #fff;
    line-height: 18px;
}

.blog-activation .owl-stage-outer {
    margin-left: -10px;
    margin-right: -10px;
    padding: 10px;
    margin-top: -10px;
}

.blog-entry-meta-two .entry-meta .date {
    background: #dd3a3f;
}

.blog-entry-meta-two .blg-readmore {
    color: #dd3a3f;
}

.blog-entry-meta-three .entry-meta .date {
    background: #ba9f74;
}

.blog-entry-meta-three .blg-readmore {
    color: #ba9f74;
}

.embed-responsive {
    height: 100%;
}

.pagination-blog {
    text-align: center;
}

.pagination-blog li a {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #e7e7e7;
    color: #444;
    display: block;
    font-size: 16px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    width: 40px;
}

.pagination-blog li {
    display: inline-block;
    margin-right: 1px;
}

.pagination-blog li.active a,
.pagination-blog li a:hover {
    background: var(--theme-red) none repeat scroll 0 0;
    color: #ffffff;
    border-color: var(--theme-red);
}

/* blog details css */
.blog-details {
    padding-right: 20px;
}

.blog-details.blog-details-two {
    padding-right: 0;
    padding-left: 20px;
}

.blog-details p {
    font-size: 13px;
}

.submit-review .login-btn {
    margin-bottom: 0;
}

.details-meta {
    margin-bottom: 30px;
}

.meta-box.meta-blog {
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 35px;
    margin-top: 20px;
    padding-bottom: 20px;
}

.blogquote.blockquote {
    background: #f1f1f1 none repeat scroll 0 0;
    margin: 40px 0;
    padding: 45px;
    border-left: 3px solid var(--theme-red);
}

.blogquote.blockquote p {
    font-size: 15px;
    padding-bottom: 10px;
}

.blog-dtl-header {
    font-size: 28px;
    font-weight: 600;
    line-height: 28px;
}

.tags-social {
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 15px;
    padding-bottom: 10px;
}

.t-list {
    font-size: 15px;
    font-weight: 600;
    text-transform: capitalize;
}

.tags-social li a {
    color: #555;
    font-size: 14px;
    margin-left: 5px;
    text-transform: capitalize;
}

.tags-social li a:hover,
.pagination li a:hover {
    color: var(--theme-red);
}

.pagination li a {
    color: #6d6d6d;
    font-size: 14px;
    font-weight: 500;
}

.pagination li a i.fa-long-arrow-left {
    margin-right: 5px;
}

.pagination li a i.fa-long-arrow-right {
    margin-left: 5px;
}

.submit-review .form-group input,
.submit-review textarea {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: currentcolor currentcolor #eee;
    -o-border-image: none;
    border-image: none;
    border-radius: 0;
    border-style: none none solid;
    border-width: medium medium 1px;
    font-size: 14px;
    padding-left: 0;
}

.submit-review .form-group {
    margin-bottom: 45px;
}

.submit-review textarea {
    height: 150px;
}

.submit-review .form-group input:focus,
.submit-review textarea:focus {
    border-color: var(--theme-red);
}

.single-comment {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 80px;
}

.reply-comment {
    margin-left: 135px;
}

.author .single-comment {
    background: #fafafa none repeat scroll 0 0;
    margin-bottom: 0;
    padding: 40px;
}

.comment-img {
    margin-right: 20px;
}

.comment-desc h6 {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 0;
    text-transform: uppercase;
}

.author h6 {
    margin-bottom: 10px;
}

.comment-desc h6 a {
    color: #303030;
}

.comment-title span {
    color: #a2a2a2;
    display: inline-block;
    font-size: 14px;
    margin-top: 5px;
}

.comment-reply a {
    color: #303030;
    font-size: 12px;
    font-weight: 700;
    text-transform: capitalize;
}

.comment-reply a:hover,
.comment-desc h6 a:hover {
    color: var(--theme-red);
}

.sidebar-header {
    border-bottom: 4px double #303030;
    display: inline-block;
    font-size: 22px;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 40px;
    padding-bottom: 10px;
    text-transform: capitalize;
}

.categorie-list a::before {
    content: "";
    font-family: FontAwesome;
    font-size: 13px;
    padding-right: 5px;
}

.categorie-list li a {
    background: #fff none repeat scroll 0 0;
    color: #696969;
    font-size: 14px;
    font-weight: 400;
    padding-right: 20px;
    text-transform: capitalize;
}

.categorie-list li span {
    background: #fff none repeat scroll 0 0;
    float: right;
    padding-left: 20px;
}

.categorie-list li:not(:last-child) {
    margin-bottom: 12px;
    padding-bottom: 12px;
}

.all-recent-post .single-recent-post:not(:last-child) {
    margin-bottom: 30px;
}

.single-recent-post {
    overflow: hidden;
}

.recent-img {
    float: left;
    margin-right: 15px;
    width: 100px;
}

.recent-desc {
    overflow: hidden;
}

.recent-desc span {
    display: inline-block;
    font-size: 13px;
}

.recent-desc h6 a {
    color: #303030;
    font-size: 13px;
    text-transform: capitalize;
    margin-bottom: 5px;
}

.recent-desc h6 a:hover,
.categorie-list li a:hover {
    color: var(--theme-red);
}

.tag-list {
    margin: 0 -6px;
}

.tag-list li a {
    background-color: #303030;
    border: 1px solid #efefef;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1px;
    margin: 0 6px 10px;
    padding: 8px 20px;
    text-transform: uppercase;
}

.tag-list li a:hover {
    background: var(--theme-red);
}

.insta-content {
    text-align: center;
    background: #f1f2f4;
    padding: 30px 0 50px;
}

.insta-content h4 {
    text-transform: uppercase;
    font-size: 14px;
}

.testmonial-active.instagram-style .owl-dots {
    bottom: 30px;
    margin-top: 0;
    position: absolute;
}

.testmonial-active.instagram-style.owl-carousel .owl-item img {
    width: 100%;
}

/*----------------------------------------*/
/* 14. Breadcrumb CSS
/*----------------------------------------*/
.breadcrumb-area {
    background-image: url(../img/bg-image/bread.jpg);
    padding: 120px 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

}

.breadcrumb-area .breadcrumb {
    background-color: transparent;
    border-radius: 0;
    list-style: outside none none;
    margin-bottom: 0;
    padding: 0;
}

.breadcrumb-item a,
.breadcrumb-item {
    color: #505050;
    font-size: 14px;
    text-transform: capitalize;
}

.breadcrumb-item a:hover {
    color: var(--theme-red);
}


/*----------------------------------------*/
/* 15. Shop Page CSS
----------------------------------------*/

/* shop sidebar css */
.sidebar {
    border: 1px solid #ebebeb;
    padding: 30px 20px;
}

.sidebar .form-check {
    padding-left: 0;
}

.sidebar-title {
    color: #363636;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    text-transform: uppercase;
    margin-bottom: 25px;
}

/* price slider css */
.ui-slider-handle.ui-state-default.ui-corner-all {
    background: var(--theme-red) none repeat scroll 0 0;
    border: medium none;
    border-radius: 50%;
    height: 13px;
    margin-left: -1px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 13px;
}

.ui-slider-range.ui-widget-header.ui-corner-all {
    background: #a7aab3 none repeat scroll 0 0;
    border-radius: 0;
    height: 4px;
}

.ui-widget.ui-widget-content {
    background: #d7d7d7 none repeat scroll 0 0;
    border: medium none;
    height: 4px;
}

.ui-slider-horizontal .ui-slider-handle {
    margin-left: 0;
}

.ui-slider-handle.ui-corner-all.ui-state-default.ui-state-focus {
    outline: medium none;
}

.amount-range {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: #666;
    font-size: 15px;
    margin-top: 10px;
    padding: 5px 0;
}

.amount-range,
.price-button {
    width: 100%;
    word-spacing: 15px;
}

.flter-option.mb-80 {
    padding-right: 15px;
}

/* price slider css end */
.sidbar-style li {
    -webkit-transition: all 300ms ease-in 0s;
    transition: all 300ms ease-in 0s;
}

.sidbar-style .form-check label {
    cursor: pointer;
    font-size: 12px;
    color: #666;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.sidebar li.form-check:not(:last-child) {
    margin-bottom: 12px;
}

.sidebar .form-check {
    padding-left: 0;
}

.color-option li {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.color-option li a {
    padding: 5px 0;
    font-size: 12px;
    color: #666;
    text-transform: capitalize;
}

.color-option li a:hover,
.sidbar-style .form-check label:hover {
    color: var(--theme-red);
}

.color-option li span {
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15);
    display: block;
    height: 15px;
    margin-right: 5px;
    width: 15px;
}

.color-option li span.white {
    background: #fff none repeat scroll 0 0;
}

.color-option li span.orange {
    background: #f39c11 none repeat scroll 0 0;
}

.color-option li span.blue {
    background: #5d9cec none repeat scroll 0 0;
}

.color-option li span.yellow {
    background: #f1c40f none repeat scroll 0 0;
}

.color-option li span.black {
    background: #434A54 none repeat scroll 0 0;
}

.color-option li span.biege {
    background: #f5f5dc none repeat scroll 0 0;
}

.color-option li span.green {
    background: #A0D468 none repeat scroll 0 0;
}

.color-option li span.pink {
    background: #FCCACD none repeat scroll 0 0;
}

.sidebar-banner img,
.shop-banner img {
    width: 100%;
}

.sidebar-banner::before {
    background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 50%;
    opacity: 1;
    position: absolute;
    right: 50%;
    top: 0;
    -webkit-transition: all 900ms ease-in 0s;
    transition: all 900ms ease-in 0s;
}

.sidebar-banner::after {
    background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
    bottom: 50%;
    content: "";
    left: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transition: all 900ms ease-in 0s;
    transition: all 900ms ease-in 0s;
}

.sidebar-banner:hover::before {
    left: 0;
    opacity: 0;
    right: 0;
}

.sidebar-banner:hover::after {
    bottom: 0;
    opacity: 0;
    top: 0;
}

/* shop page css */
.border-default {
    padding: 15px;
    border: 1px solid #ebebeb;
}

.single-aboss-product.border-none {
    border-right: none!important;
}

.grid-list-top .tabs-area > li {
    margin-left: 0;
    margin-right: 10px;
}

.grid-list-view .tabs-area li a {
    border-radius: 4px;
    color: #888;
    display: block;
    font-size: 20px;
    padding: 0;
    text-align: center;
}

.grid-list-view .tabs-area li a.active {
    color: #2c2c2c;
}

.grid-list-top .tabs-area > li span,
.toolbar-sorter label,
.show-items {
    color: #3e3e3e;
    font-size: 13px;
}

.grid-list-top.border-default {
    padding: 15px;
}

.grid-list-view span {
    padding-left: 40px;
}

.toolbar-sorter label {
    font-weight: 500;
    margin-bottom: 0;
    margin-right: 15px;
    width: 65px;
}

.toolbar-sorter {
    width: 355px;
}

.main-toolbar-sorter .nice-select {
    height: 35px;
    line-height: 32px;
    z-index: 55;
}

#grid-view .single-aboss-product {
    border-bottom: 1px solid transparent;
    margin-bottom: -1px;
}

#grid-view {
    border-bottom: 1px solid #f1f1f1;
}

#list-view .single-aboss-product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#list-view .single-aboss-product .pro-img {
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
}

#list-view .single-aboss-product .pro-content {
    -ms-flex-preferred-size: 70%;
    flex-basis: 70%;
    text-align: left;
}

#list-view .single-aboss-product .pro-content p + p {
    border-top: 1px solid #ebebeb;
    margin-top: 30px;
    padding-top: 27px;
}

#list-view .single-aboss-product:not(:last-child) {
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 10px;
}

.shop-breadcrumb-area.border-default {
    padding: 20px;
}

.pfolio-breadcrumb-list li {
    display: inline;
}

.pfolio-breadcrumb-list li a {
    color: #333;
    font-size: 14px;
    font-weight: 400;
    padding: 0 5px;
}

.pfolio-breadcrumb-list li.active a {
    color: #acaaa6;
}

.pfolio-breadcrumb-list li i {
    font-size: 16px;
}

.pfolio-breadcrumb-list li.prev a i {
    margin-right: 8px;

}

.pfolio-breadcrumb-list li.next a i {
    margin-left: 8px;

}

.pfolio-breadcrumb-list li:hover a {
    color: var(--theme-red);
}

/*----------------------------------------*/
/* 16. Product Details CSS
----------------------------------------*/
.main-product-thumbnail .tab-content img,
.product-thumbnail .thumb-menu div img {
    width: 100%;
}

.thumb-menu.owl-carousel .owl-item a {
    border: 1px solid #ededed;
    display: block;
}

.thumb-menu.owl-carousel .owl-item a:hover {
    border-color: var(--theme-red);
}

#product-window .close:focus,
#product-window .close:hover {
    color: var(--theme-red);
}

#product-window .close {
    position: relative;
    top: -10px;
    right: -5px;
}

.modal-content .modal-header {
    border-bottom: 0 none;
    padding-bottom: 0;
}

.modal-content .modal-body {
    padding: 0 40px 40px;
}

.modal-content .social-sharing ul li a {
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    width: 35px;
}

.quick-thumb-content .modal-lg {
    max-width: 970px;
    margin: 60px auto;
}

.product-thumbnail .thumb-menu .nav-link {
    padding: 0;
}

.main-product-thumbnail .tab-content {
    border: 1px solid #ededed;
    margin-bottom: 20px;
}

.thumb-bg .tabs-area {
    border-bottom: medium none;
}

.thumb-menu .owl-stage-outer {
    margin: 0 -1px;
}

.thumb-menu .owl-nav div {
    height: 20px;
    left: 0;
    line-height: 20px;
    width: 20px;
    font-size: 15px;
    left: -10px;
}

.thumb-menu .owl-nav div.owl-next {
    right: -10px;
    left: auto;
}

.thumb-menu:hover .owl-nav div {
    opacity: 1;
}

.product-header {
    color: #2e2e2e;
    font-family: "Poppins", sans-serif;
    font-size: 25px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 10px;
    text-transform: capitalize;
    font-weight: bold;
}

.rating-pro i,
.review-list i {
    color: var(--theme-red);
    font-size: 12px;
}

.rating-summary li a {
    color: #919191;
    display: inline-block;
    font-size: 12px;
    line-height: 21px;
    text-transform: capitalize;
}

.rating-summary li {
    display: inline-block;
    margin-right: 8px;
}

.rating-summary li.read-review:before,
.rating-summary li.write-review:before {
    content: "\f0e5";
    font-family: FontAwesome;
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    margin-right: 6px;
    color: #999;
}

.rating-summary li.write-review:before {
    content: "\f040";
}

.rating-summary li a:hover,
.rating-summary li a:hover {
    color: var(--theme-red);
}

.pro-desc-details {
    color: #666666;
    font-size: 14px;
    line-height: 25px;
}

.pro-price span:not(:last-child) {
    margin-right: 15px;
}

.pro-price .price {
    color: #292929;
    font-size: 18px;
    font-weight: 500;
}

.pro-price .prev-price {
    color: #b2b2b2;
    font-family: "Oswald", sans-serif;
    font-size: 18px;
    font-weight: 500;
}

.pro-price {
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 30px;
    padding-bottom: 30px;
}

.prev-price {
    color: #555555;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    text-decoration: line-through;
}

.saving-price {
    background: #343434 none repeat scroll 0 0;
    border-radius: 20px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    text-align: center;
    text-transform: uppercase;
}

.product-size .nice-select {
    padding-right: 40px;
}

.product-size .nice-select .option {
    padding-right: 36px;
}

.thubnail-desc label,
.social-sharing ul li label {
    color: #2c2c2c;
    display: block;
    margin-bottom: 5px;
    text-transform: capitalize;
    font-size: 14px;
}

.product-size select,
.quantity {
    background-color: #ffffff;
    border: 1px solid #ebebeb;
    color: #7a7a7a;
    width: 70px;
}

.quantity {
    padding: 11px;
}

.color-list li {
    display: inline-block;
    margin-right: 7px;
    padding-left: 1px;
}

.color-list li a {
    border: 1px solid rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15);
    display: block;
    height: 22px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 22px;
}

.quatity-stock ul li {
    margin-bottom: 5px;
}

.quatity-stock ul li:not(:last-child) {
    margin-right: 25px;
}

.pro-cart {
    background: #343434 none repeat scroll 0 0;
    border: medium none;
    border-radius: 30px;
    color: #fff;
    font-family: "Oswald", sans-serif;
    font-size: 12px;
    font-weight: 500;
    padding: 12px 30px;
    text-transform: uppercase;
}

.pro-cart:hover {
    background: var(--theme-red);
}

.color-list li a.active,
.color-list li a:hover {
    border-color: #333333;
}

.color-list li a.white {
    background: #fff;
}

.color-list li a.orange {
    background: #f39c11 none repeat scroll 0 0;
}

.color-list li a.paste {
    background: #5d9cec none repeat scroll 0 0;
}

.in-stock {
    color: #333;
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
}

.in-stock i {
    color: #333;
    font-size: 16px;
    margin-right: 5px;
}

.social-sharing ul li a {
    background: white none repeat scroll 0 0;
    border: 1px solid #ebebeb;
    border-radius: 100%;
    color: #b8b8b8;
    display: block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px;
}

.social-sharing ul li a:hover {
    background: var(--theme-red);
    border-color: var(--theme-red);
    color: #fff;
}

.social-sharing ul li {
    display: inline-block;
}

.social-sharing ul li:not(:last-child) {
    margin-right: 10px;
}

.thumnail-desc .tabs-area {
    display: block;
    padding-bottom: 25px;
    text-align: center;
}

.thumb-desc-inner {
    border: 1px solid #ebebeb;
    padding: 50px 25px;
}

.main-thumb-desc.tabs-area > li {
    display: inline-block;
    margin: 0 15px;
}

.main-thumb-desc.tabs-area > li > a {
    border-bottom: 2px solid transparent;
    color: #7a7a7a;
    font-family: "Oswald",sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 30px;
    padding: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.main-thumb-desc li a.active {
    border-bottom: 2px solid #484848;
    color: #484848;
}

#dtail p {
    line-height: 25px;
    text-align: center;
}

.border-default {
    border: 1px solid #ededed;
    border-radius: 3px;
    padding-bottom: 30px;
}

.universal-padding {
    padding-left: 15px;
    padding-right: 15px;
}

.group-title {
    -moz-box-align: center;
    -moz-box-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #ebebeb;
    color: #363f4d;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px;
    padding-bottom: 25px;
    padding-top: 25px;
    position: relative;
}

.group-title h2 {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
}

.review-mini-title {
    font-size: 18px;
    font-weight: 500;
    margin: 30px 0;
    text-transform: capitalize;
}

.review-list li {
    text-align: left;
}

.review-list li > span {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    width: 49px;
}

.review-list li label span {
    font-weight: 500;
}

.review-list li label {
    font-size: 13px;
    left: 120px;
    position: relative;
}

.review-list li label a {
    color: #303030;
    font-weight: 500;
}

.review-list li label a:hover {
    color: var(--theme-red);
}

.review-title {
    border-bottom: 1px solid #ebebeb;
    font-size: 18px;
    font-weight: 400;
    padding-bottom: 25px;
    padding-top: 15px;
    line-height: 25px;
}

.review-title span {
    font-weight: 500;
}

.riview-field input,
.riview-field textarea {
    border: 1px solid #ebebeb;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 60%;
}

.riview-field label {
    color: #333333;
    font-size: 13px;
    font-weight: 500;
}

.customer-btn,
.return-customer-btn {
    background: var(--theme-red) none repeat scroll 0 0;
    border: medium none;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    margin-top: 20px;
    padding: 10px 30px 8px;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all 300ms ease-in 0s;
    transition: all 300ms ease-in 0s;
}

.customer-btn:hover {
    background: #303030 none repeat scroll 0 0;
    color: #fff;
}

.return-customer-btn {
    background: #303030;
}

.return-customer-btn:hover {
    background: var(--theme-red);
}

/*----------------------------------------*/
/* 17. Login CSS
/*----------------------------------------*/
.login-header {
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 40px;
    text-transform: inherit;
}

.login-form {
    background: white none repeat scroll 0 0;
    -webkit-box-shadow: 2px 2px 11px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 2px 2px 11px 0 rgba(0, 0, 0, 0.1);
    padding: 30px 30px 20px;
}

.login-form label {
    font-size: 14px;
}

.login-form input,
.nice-select.bootstrap-select {
    background: #ebebeb none repeat scroll 0 0;
    border: 1px solid #ebebeb;
    border-radius: 0;
    font-size: 14px;
   
}

.nice-select.bootstrap-select {
    width: 100%;
}

.address-area .nice-select .list {
    height: 150px;
    overflow-y: auto;
}

.nice-select.bootstrap-select:active,
.nice-select.bootstrap-select.open,
.nice-select.bootstrap-select:focus {
    border-color: #ebebeb;
}

.nice-select.bootstrap-select .list {
    width: 100%;
}

.login-details a {
    color: #303030;
    display: block;
    font-size: 14px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

.login-btn {
    background: #333 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 18px 8px;
    text-transform: uppercase;
}

.login-btn:hover {
    background: var(--theme-red);
    color: #fff;
}

.login-footer p a {
    color: #303030;
}

.login-footer p,
.login-footer a {
    color: #757575;
    font-size: 15px;
    display: inline-block;
}

.login-details a:hover {
    color: var(--theme-red);
}

.login-footer p a:hover {
    color: var(--theme-red);
}

.login-footer.text-center {
    border-top: 1px solid #ebebeb;
    padding-top: 20px;
}

.show-btn {
    background: #878787 none repeat scroll 0 0;
    border-radius: 0;
    color: #fff;
    font-size: 12px;
    height: 35px;
    position: absolute;
    right: 15px;
    top: 0;
    text-transform: uppercase;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.show-btn:hover {
    background: #303030;
}

/*----------------------------------------*/
/* 18. Register Account & Contact Form CSS
/*----------------------------------------*/
.register-form p {
    font-size: 16px;
    margin-bottom: 20px;
    font-size: 15px;
}

.register-form a {
    color: #303030;
    font-size: 16px;
}

.register-form a:hover {
    color: var(--theme-red);
}

.register-form {
    padding: 40px;
}

.contact-form input {
    font-size: 14px;
    height: 40px;
    margin-bottom: 20px;
    max-width: 100%;
    border: 1px solid #ebebeb;
    background: #ebebeb;
}

.send-email input {
    background: #303030 none repeat scroll 0 0;
    margin-bottom: 0;
}

.contact-form textarea {
    height: 200px;
    font-size: 14px;
    border: 1px solid #ebebeb;
    background: #ebebeb;
}

.register-contact {
    background: #fff none repeat scroll 0 0;
    -webkit-box-shadow: 2px 2px 11px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 2px 2px 11px 0 rgba(0, 0, 0, 0.1);
    padding: 40px;
}

.form-message.error {
    color: red;
}

.form-message.success {
    color: green;
}

/*----------------------------------------*/
/* 19. Forgot Password CSS
/*----------------------------------------*/
.password-forgot legend {
    border-bottom: 1px solid #ededed;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    margin-bottom: 20px;
    padding: 7px 0;
}

.password-forgot label {
    font-size: 15px;
}

.password-forgot input {
    font-size: 13px;
}

.password-forgot .form-group input {
    background: #ebebeb none repeat scroll 0 0;
    border: 1px solid #ebebeb;
    height: 38px;
}

.password-forgot .form-group input:focus{
    background: #fff;
}

.require {
    color: #cc0000;
    font-weight: 600;
    margin-right: 5px;
}

.password-forgot .form-group {
    margin-bottom: 0;
}

/*----------------------------------------*/
/* 20. 404 Page CSS
/*----------------------------------------*/
.error-text h1 {
    color: var(--theme-red);
    font-family: poppins;
    font-size: 200px;
    font-weight: 700;
    letter-spacing: 10px;
    line-height: 150px;
    margin-bottom: 30px;
}

.error-text h2 {
    color: #4c4c4c;
    font-size: 32px;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.error-text > p {
    color: #4c4c4c;
    font-size: 21px;
    font-weight: 300;
    line-height: 30px;
    margin-bottom: 25px;
    padding: 0px 130px;
}

#search-form {
    display: inline-block;
    position: relative;
    text-align: center;
    width: 450px;
}

#search-form input {
    background: #f8f8f8 none repeat scroll 0 0;
    border: 1px solid #e9e9e9;
    border-radius: 30px;
    color: #666666;
    float: left;
    font-size: 14px;
    height: 45px;
    padding: 0 50px 0 20px;
    width: 100%;
}

#search-form button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: #4f4f4f;
    font-size: 18px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 50px;
}

#search-form button:hover {
    color: var(--theme-red);
}

.error-button a {
    background: var(--theme-red) none repeat scroll 0 0;
    border-radius: 35px;
    color: #ffffff;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    line-height: 40px;
    margin-top: 40px;
    padding: 1px 30px 0;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.error-button a:hover {
    background: #303030;
}

/*----------------------------------------*/
/* 21. Compare Page CSS
/*----------------------------------------*/
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
    border: 1px solid #ebebeb;
}

.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tfoot > tr > td,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > thead > tr > th {
    white-space: normal;
}

.compare-content > tbody > tr > td {
    padding: 20px 15px;
    vertical-align: middle;
}

.product-title {
    font-size: 14px;
    font-weight: 600;
    width: 120px;
}

.product-description {
    font-weight: 500;
    width: 200px;
    font-size: 14px;
}

.product-description p {
    text-align: left;
}

.product-description i {
    color: #666;
    font-size: 18px;
}

.product-description .compare-cart {
    background: var(--theme-red) none repeat scroll 0 0;
    border-radius: 20px;
    color: #ffffff;
    display: inline-block;
    font-size: 10px;
    padding: 6px 0 6px 16px;
    position: relative;
    width: 120px;
}

.product-description .compare-cart:hover {
    background: #303030 none repeat scroll 0 0;
    color: #ffffff;
}

.product-description .compare-cart i {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 50%;
    -webkit-box-shadow: 0 1px 1px #efefef;
    box-shadow: 0 1px 1px #efefef;
    color: #777777;
    font-size: 12px;
    height: 32px;
    left: 0px;
    line-height: 31px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 31px;
    border: 1px solid var(--theme-red);
}

.product-description img {
    width: 100%;
}

.compare-details {
    text-align: left;
}

.product-description .product-rating i {
    font-size: 12px;
    color: var(--theme-red);
}

.compare-details span {
    color: #777777;
    display: inline-block;
    font-size: 12px;
    text-transform: capitalize;
}

.compare-details h4 {
    font-weight: 600;
    line-height: 10px;
}

.compare-details h4 a {
    font-size: 13px;
    text-transform: capitalize;
    color: #333;
}

.compare-details h4 a:hover,
.product-description .fa-trash-o:hover {
    color: var(--theme-red);
    cursor: pointer;
}

/*----------------------------------------*/
/* 22. Checkout CSS
/*----------------------------------------*/
.coupon-area .coupon-info input {
    background: transparent;
    border: 1px solid #e5e5e5;
}

.coupon-area .coupon-info .checkout-coupon .code:focus {
    border: 1px solid #e5e5e5;
}

.checkbox-form input {
    color: #626262;
}

.coupon-accordion h3 {
    background-color: #f6f6f6;
    border-top: 3px solid var(--theme-red);
    color: #515151;
    font-family: poppins;
    font-size: 14px;
    font-weight: 400;
    list-style: outside none none;
    margin-bottom: 30px;
    padding: 1em 2em 1em 3.5em;
    position: relative;
    text-transform: capitalize;
    width: auto;
}

.coupon-accordion h3::before {
    color: #777;
    content: "\f0f6";
    display: inline-block;
    font-family: 'FontAwesome';
    left: 16px;
    position: absolute;
    top: 14px;
}

.coupon-accordion span {
    cursor: pointer;
    color: #6f6f6f;
    -webkit-transition: .3s;
    transition: .3s
}

.coupon-accordion span:hover,
p.lost-password a:hover {
    color: var(--theme-red);
}

.coupon-content {
    border: 1px solid #e5e5e5;
    display: none;
    margin-bottom: 20px;
    padding: 20px;
}



.coupon-info p.coupon-text {
    margin-bottom: 15px
}

.form-row > label {
    margin: 0;
}

.coupon-info p {
    margin-bottom: 0
}



.coupon-info p.form-row-first label,
.coupon-info p.form-row-last label {
    color: inherit;
    display: block;
}

.coupon-info p.form-row-first label span.required,
.coupon-info p.form-row-last label span.required {
    color: red;
    font-weight: 700;
}

.coupon-info p.form-row-first input,
.coupon-info p.form-row-last input {
    border: 1px solid #ccc;
    height: 34px;
    margin: 0 0 14px;
    max-width: 100%;
    padding: 0 0 0 10px;
    width: 370px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.coupon-info p.form-row input[type="submit"]:hover,
p.checkout-coupon input[type="submit"]:hover {
    background: var(--theme-red) none repeat scroll 0 0;
}

.coupon-info p.form-row input[type="checkbox"] {
    height: inherit;
    position: relative;
    top: 2px;
    width: inherit;
}

p.lost-password {
    margin-top: 15px;
}

p.lost-password a {
    color: #6f6f6f;
    font-size: 12px;
}

p.checkout-coupon input[type=text] {
    height: 36px;
    padding-left: 10px;
    width: 170px;
    font-size: 13px;
}

p.checkout-coupon input[type="submit"] {
    background: #333 none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    color: #fff;
    height: 36px;
    margin-left: 6px;
    padding: 5px 10px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: inherit;
}

.coupon-checkout-content {
    margin-bottom: 30px;
    display: none;
}

.checkbox-form h3 {
    border-bottom: 1px solid #ebebeb;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 30px;
    padding-bottom: 10px;
    text-transform: uppercase;
}

.ship-different-title h3 label {
    display: inline-block;
    margin-right: 20px;
    font-size: 24px;
    font-weight: 500;
}

.country-select label,
.country-select label,
.checkout-form-list label {
    margin: 0 0 5px;
    display: block;
    font-weight: 500;
    font-size: 14px;
}

.country-select label span.required,
.checkout-form-list label span.required {
    color: red;
}

.country-select select {
    border: 1px solid #ddd;
    height: 32px;
    padding-left: 10px;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.075);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.075)
}

.checkout-form-list label {
    color: #333333;
    font-size: 14px;
}



.checkout-form-list input[type="text"],
.checkout-form-list input[type="password"],
.checkout-form-list input[type="email"] {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #ebebeb;
    border-radius: 0;
    -webkit-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.075);
    box-shadow: 0 0px 2px rgba(0, 0, 0, 0.075);
    height: 35px;
    padding: 0 0 0 10px;
    width: 100%;
}

.country-select .nice-select {
    height: 37px;
    line-height: 35px;
}



.checkout-form-list input[type="checkbox"] {
    display: inline-block;
    height: inherit;
    margin-right: 10px;
    position: relative;
    top: 0;
    width: inherit;
}

.create-acc label {
    color: #333;
    display: inline-block;
}



.create-accounts {
    display: none
}

.ship-different-title h3 label {
    display: inline-block;
    margin-right: 20px;
}

.order-notes textarea {
    background: #ffffff none repeat scroll 0 0;
    border: 2px solid #eceff8;
    font-size: 14px;
    height: 90px;
    padding: 15px;
    width: 100%;
}

#ship-box-info {
    display: none;
    padding-top: 30px;
    border-top: 1px solid #ebebeb;
}

.your-order {
    background: #f2f2f2 none repeat scroll 0 0;
    padding: 30px 40px 45px;
}

.your-order h3 {
    border-bottom: 1px solid #ebebeb;
    font-size: 24px;
    margin: 0 0 20px;
    padding-bottom: 10px;
    text-transform: uppercase;
    width: 100%;
    font-weight: 500;
}

.your-order-table table {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    width: 100%;
}

.your-order-table table th,
.your-order-table table td {
    border-bottom: 1px solid #d8d8d8;
    border-right: medium none;
    font-size: 14px;
    padding: 15px 0;
    text-align: center;
}

.amount {
    color: #666;
    font-size: 15px;
    font-weight: 500;
}

.your-order-table table th {
    border-top: medium none;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-weight: normal;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap;
    width: 250px;
    font-weight: 600;
}

.your-order-table table .shipping ul li input {
    position: relative;
    top: 2px;
}

.your-order-table table .shipping th {
    vertical-align: top;
}

.your-order-table table .order-total th {
    border-bottom: medium none;
    font-size: 16px;
    font-weight: 600;
}

.your-order-table table .order-total td {
    border-bottom: medium none;
}

.your-order-table table tr.cart_item:hover {
    background: #F9F9F9
}

.your-order-table table tr.order-total td span {
    color: var(--theme-red);
    font-size: 20px;
    font-weight: 600;
}

.cart-subtotal .amount {
    font-weight: 600;
}



.payment-method {
    margin-top: 40px;
}



.payment-accordion h3 {
    border-bottom: 0 none;
    margin-bottom: 10px;
    padding-bottom: 0;
}

.payment-accordion h3 a {
    color: #6f6f6f;
    font-size: 14px;
    padding-left: 25px;
    position: relative;
    text-transform: capitalize;
    text-decoration: none
}

.payment-accordion h3 a:before,
.payment-accordion h3.open a:after {
    content: "";
    display: inline-block;
    font-family: fontawesome;
    font-size: 20px;
    left: 0;
    position: absolute;
    top: -2px;
}

.payment-accordion h3.open a:after {
    content: "\f056";
}



.payment-content p {
    font-size: 13px;
}

.payment-accordion img {
    height: 60px;
    margin-left: 15px;
}

.order-button-payment input {
    background: var(--theme-red);
    border: medium none;
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    height: 50px;
    margin: 20px 0 0;
    padding: 0;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}

.order-button-payment input:hover {
    background: #444
}

.card-header {
    background-color: #f5f5f5;
    padding: 0;
}

.card {
    margin-top: 5px;
}

.card .btn-link {
    color: #232323;
    font-weight: 600;
}

/*----------------------------------------*/
/* 23. Cart & Wish List CSS
/*----------------------------------------*/
.cart-main-area .section-title h2,
.coupon-area .section-title h2 {
    text-transform: capitalize;
    color: #555;
    font-weight: 500;
}



.shipping_method input {
    background: #eceff8 none repeat scroll 0 0;
    border: 2px solid #eceff8;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #626262;
    font-size: 14px;
    height: 45px;
    padding-left: 10px;
    width: inherit;
}

.cart-title-area {
    padding-top: 30px;
}



.car-header-title h2 {
    font-size: 20px;
    margin: 0;
    text-transform: uppercase;
}

.table-content table {
    background: #fff none repeat scroll 0 0;
    border-color: #e5e5e5;
    border-radius: 0;
    border-style: solid;
    border-width: 1px 0 0 1px;
    text-align: center;
    width: 100%;
}

.table-content table th {
    border-top: medium none;
    font-weight: 500;
    padding: 20px 10px;
    text-align: center;
    text-transform: capitalize;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 15px;
}

.table-content table th,
.table-content table td {
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
}

.table-content table td {
    border-top: medium none;
    padding: 20px 10px;
    vertical-align: middle;
    font-size: 13px;
}

.table-content table td input {
    background: #e5e5e5 none repeat scroll 0 0;
    border: medium none;
    border-radius: 3px;
    color: #6f6f6f;
    font-size: 15px;
    font-weight: normal;
    height: 40px;
    padding: 0 5px 0 10px;
    width: 60px;
}

.table-content table td.product-subtotal {
    font-size: 15px;
    font-weight: 600;
    width: 120px;
}

.table-content table td.product-name a,
.product-stock-status span {
    font-size: 14px;
    font-weight: 500;
    margin-left: 10px;
    color: #6f6f6f;
    text-transform: capitalize;
}

.product-stock-status span {
    color: var(--theme-red);
    font-weight: 500;
}

.table-content table td.product-name {
    width: 270px;
}

.table-content table td.product-thumbnail {
    width: 100px;
}

.table-content table td.product-remove i {
    color: #919191;
    display: inline-block;
    font-size: 20px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px;
}

.table-content table .product-price .amount {
    font-size: 15px;
    font-weight: 600;
}

.table-content table td.product-remove i:hover {
    color: var(--theme-red);
}

.table-content table td.product-quantity {
    width: 180px;
}

.table-content table td.product-remove {
    width: 150px;
}

.table-content table td.product-price {
    width: 130px;
}

.table-content table td.product-name a:hover,
.buttons-cart a:hover {
    color: var(--theme-red);
}

.product-thumbnail img {
    width: 100%;
}

.buttons-cart {
    margin-bottom: 30px;
    overflow: hidden;
}

.buttons-cart input,
.coupon input[type="submit"],
.buttons-cart a,
.coupon-info p.form-row input[type="submit"] {
    background: #303030 none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    display: inline-block;
    float: left;
    font-size: 12px;
    font-weight: 600;
    height: 40px;
    line-height: 41px;
    margin-right: 15px;
    padding: 0 20px;
    text-shadow: none;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    white-space: nowrap;
    width: inherit;
}

.wc-proceed-to-checkout {
    clear: both;
    display: block;
}

.buttons-cart input:hover,
.coupon input[type="submit"]:hover,
.buttons-cart a:hover {
    background: var(--theme-red) none repeat scroll 0 0;
    color: #fff;
}

.buttons-cart a {
    color: #fff;
    float: left;
    height: 40px;
}


.cart_totals {
    width: 100%;
}

.cart_totals h2 {
    border-bottom: 2px solid #222;
    display: inline-block;
    font-size: 28px;
    margin: 0 0 35px;
    text-transform: uppercase;
    font-weight: 500;
}

.cart_totals table {
    border: medium none;
    margin: 0;
    text-align: right;
}

.cart_totals table th {
    border: medium none;
    font-size: 14px;
    font-weight: bold;
    padding: 0 20px 12px 0;
    text-align: right;
    text-transform: uppercase;
    vertical-align: top;
}

.cart_totals table td {
    border: medium none;
    padding: 0 0 12px;
    vertical-align: top;
}

.cart_totals table td .amount {
    color: var(--theme-red);
    font-size: 13px;
    font-weight: bold;
    margin-left: 5px;
    text-align: right;
    text-transform: uppercase;
}

.cart_totals table td ul#shipping_method {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.cart_totals table td ul#shipping_method li {
    float: left;
    margin: 0 0 10px;
    padding: 0;
    text-indent: 0;
    width: 100%;
}

.cart_totals table td ul#shipping_method li input {
    margin: 0;
    position: relative;
    top: 2px;
}


a.shipping-calculator-button {
    font-weight: bold;
    color: #6f6f6f;
}

a.shipping-calculator-button:hover {
    color: #83CBDC
}

.cart_totals table tr.order-total th,
.cart_totals table tr.order-total .amount {
    font-size: 20px;
    text-transform: uppercase;
    white-space: nowrap;
    font-weight: 600;
}

.cart_totals table tr.order-total th {
    font-weight: 700;
}

.wc-proceed-to-checkout a {
    background: #303030 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    height: 45px;
    line-height: 46px;
    margin-top: 20px;
    padding: 0 20px;
    text-transform: uppercase;
}

.wc-proceed-to-checkout a:hover {
    background: var(--theme-red);
}

.amount del {
    font-size: 13px;
    margin-left: 5px;
    font-weight: 600;
}

.cart-main-area.wish-list .product-remove {
    width: 20px;
}

.cart-main-area.wish-list table td.product-thumbnail {
    width: 140px;
}

.cart-main-area.wish-list .product-add-to-cart a {
    background: var(--theme-red) none repeat scroll 0 0;
    color: #ffffff;
    display: block;
    font-size: 14px;
    font-weight: 700;
    margin: 0 auto;
    padding: 10px 56px;
    text-transform: uppercase;
    width: 260px;
}

.cart-main-area.wish-list .product-add-to-cart a:hover {
    background: #1a1a1a;
}

.cart-main-area.wish-list td.product-add-to-cart {
    width: 240px;
}

/*----------------------------------------*/
/* 24. About us CSS
/*----------------------------------------*/
.skill-content {
    margin-left: 50px;
    overflow: hidden;
    padding-top: 40px;
}

.skill .progress-bar {
    background: #303030 none repeat scroll 0 0;
    position: relative;
}

.skill .progress .lead {
    font-size: 14px;
    left: 0;
    position: absolute;
    text-transform: capitalize;
    top: -35px;
    width: 100%;
    z-index: 99;
    font-weight: 400;
}

.progress-bar > span {
    color: #303030;
    font-size: 14px;
    height: 24px;
    line-height: 25px;
    position: absolute;
    right: -12px;
    top: -38px;
    width: auto;
}

.progress-bar > span::before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 10px solid #000;
    bottom: -8px;
    content: "";
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.skill .progress {
    background: #ebebeb none repeat scroll 0 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 13px;
    margin-bottom: 55px;
    overflow: visible;
    position: relative;
}

.skill .progress:last-child {
    margin-bottom: 0;
}

.all-skill {
    overflow: hidden;
}

.single-skill {
    background: #303030 none repeat scroll 0 0;
    float: left;
    padding: 80px 0;
    text-align: center;
    width: 25%;
}

.skill-area .login-btn {
    margin-bottom: 0;
    margin-top: 25px;
}

.single-team {
    background: #fff none repeat scroll 0 0;
    padding: 10px 10px 0;
    position: relative;
}

.team-info {
    padding: 15px;
}

.team-info h4 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 5px;
}

.team-info p {
    font-size: 15px;
    font-style: italic;
    font-weight: 400;
    text-transform: capitalize;
    }

.team-link {
    background: #fff none repeat scroll 0 0;
    left: 0;
    opacity: 0;
    padding: 10px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 48%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
    width: 100%;
    z-index: 5;
}

.team-link ul li {
    display: inline-block;
    margin: 0 10px;
}

.team-link ul li a {
    color: var(--theme-red);
    font-size: 20px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.team-link ul li a:hover {
    color: #8eb00e;
}

.single-team:hover .team-link {
    opacity: 1;
    top: 50%;
}

/*----------------------------------------*/
/* 25. Your Account CSS
/*----------------------------------------*/
.dashboard-upper-info {
    border-bottom: 1px solid #ebebeb;
    border-top: 1px solid #ebebeb;
    margin-bottom: 45px;
}

.dashboard-content .tab-pane:not(.active) {
    display: none;
}

.dashboard-upper-info .d-single-info {
    padding: 30px 20px;
}

.dashboard-upper-info [class*="col-"]:not(:last-child) .d-single-info {
    border-right: 1px solid #ebebeb;
}

.user-name {
    position: relative;
    padding-left: 25px;
}

.view,
.view-cart {
    background: var(--theme-red) none repeat scroll 0 0;
    color: #fff;
    padding: 5px 12px;
    text-transform: capitalize;
}

.user-name::before {
    color: #555;
    content: "";
    font-family: FontAwesome;
    font-size: 18px;
    left: 0;
    position: absolute;
    top: 0;
}

.account-dashboard p {
    font-size: 13px;
}

.dashboard-upper-info a {
    font-size: 14px;
}

.view-cart {
    display: inline-block;
    text-transform: capitalize;
}

.user-name span {
    color: #303030;
    font-size: 15px;
    font-weight: 600;
}

.dashboard-list li:not(:last-child) a {
    border-bottom: 1px solid #ebebeb;
}

.dashboard-list li a {
    color: var(--theme-red);
    display: block;
    font-size: 14px;
    padding: 12px 0;
    text-transform: capitalize;
}

.dashboard-list li a.active,
.dashboard-list li a:hover {
    color: #87a900;
}

.view:hover,
.view:focus,
.show-btn:hover,
.view-cart:hover,
.view-cart:focus {
    background: #87a900 none repeat scroll 0 0;
    color: #fff;
}

.dashboard-list li a.active:after {
    content: "\f105";
    font-family: FontAwesome;
    margin-left: 5px;
    -webkit-transition: 0.10s;
    transition: 0.10s;
}

.dashboard-content {
    border: 1px solid #ebebeb;
    padding: 30px;
}

.dashboard-content h3 {
    text-transform: capitalize;
}

.dashboard-content h3 {
    border-bottom: 1px solid #ebebeb;
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 20px;
    padding-bottom: 15px;
    text-transform: capitalize;
}

.dashboard-content .table-responsive .table > tbody > tr > td,
.dashboard-content .table-responsive .table > tbody > tr > th,
.dashboard-content .table-responsive .table > tfoot > tr > td,
.dashboard-content .table-responsive .table > tfoot > tr > th,
.dashboard-content .table-responsive .table > thead > tr > td,
.dashboard-content .table-responsive .table > thead > tr > th {
    border: none;
}

.dashboard-content .table-responsive > .table > thead {
    border-bottom: 1px solid #ebebeb;
}

.dashboard-content .table-responsive .table > thead > tr > th {
    font-size: 14px;
    font-weight: 600;
}

.dashboard-content .table-responsive .table > tbody > tr > td {
    color: #7b7b7b;
    font-size: 13px;
}

.view-cart i {
    font-size: 15px;
    margin-right: 5px;
}

.log-out {
    color: #87a900;
}

#dashboard a {
    color: var(--theme-red);
    text-transform: capitalize;
}

#dashboard a:hover {
    color: #87a900;
}

.billing-address {
    font-size: 16px;
    font-weight: 700;
    margin-top: 25px;
}

#address .view {
    display: inline-block;
    margin: 5px 0;
    font-size: 14px;
}

.show-btn {
    background: #878787 none repeat scroll 0 0;
    border-radius: 0;
    color: #fff;
    font-size: 12px;
    height: 35px;
    position: absolute;
    right: 15px;
    text-transform: uppercase;
    top: 0;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    line-height: 24px;
}

.show-btn:hover {
    background: var(--theme-red);
}

.show-btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.login-form .form-group > .col-form-label {
    font-size: 14px;
}

.login-form .form-check label {
    font-size: 13px;
}

.login-form .form-control,
.login-form .custom-radio,
.login-form span {
    font-size: 14px;
    height: 35px;
}

.login-form .form-control {
    font-size: 13px;
}

/*----------------------------------------*/
/* 26. Popup Wrapper CSS
/*----------------------------------------*/
.popup_wrapper {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    height: 100%;
    opacity: 0;
    position: fixed;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    visibility: hidden;
    width: 100%;
    z-index: 9999999;
}

.test {
    border: 1px solid #2d1e17;
    bottom: 0;
    height: 390px;
    left: 0;
    margin: auto;
    max-width: 790px;
    padding: 25px 50px;
    position: absolute;
    right: 0;
    top: 0;
}

.test::before {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 5;
}

.subscribe_area {
    position: relative;
    z-index: 55;
}

.popup_off {
    color: #dedede;
    cursor: pointer;
    display: block;
    font-size: 25px;
    font-weight: 500;
    line-height: 25px;
    position: absolute;
    right: 3px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    top: 3px;
    -webkit-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
    z-index: 55;
}

.popup_off:hover {
    color: #fff;
}

.subscribe-form-group {
    margin-top: 15px;
}

.subscribe-form-group input {
    background: #fafafa none repeat scroll 0 0;
    border: 0 none;
    color: #888;
    height: 41px;
    line-height: 20px;
    padding: 0 15px;
    width: 380px;
    font-size: 13px;
}

.subscribe-bottom label {
    font-size: 14px;
    margin-bottom: 1px;
    vertical-align: middle;
    color: #fff;
}

.subscribe_area p {
    color: #555;
    font-size: 14px;
    color: #fff;
}

.subscribe-bottom input {
    vertical-align: middle;
}

.subscribe-form-group button {
    background: #fafafa none repeat scroll 0 0;
    border: 1px solid transparent;
    color: #303030;
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: 38px;
    margin: 20px auto;
    padding: 2px 20px 0;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.subscribe-form-group button:hover {
    background: #1a1a1a none repeat scroll 0 0;
    color: #fff;
    border-color: #fff;
}

.subscribe_area h2 {
    color: #fff;
    font-size: 35px;
    font-weight: 500;
    margin-bottom: 10px;
    text-transform: uppercase;
    line-height: 35px;
}