@import "https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";
@import "https://fonts.googleapis.com/css2?family=Roboto:wght@100;200;300;400;500;600;700;800;900&display=swap";
:root { --fontFamily: 'Arial', sans-serif; --optionalfontFamily: 'Open sans', sans-serif; --mainColor: #018a42; --optionalColor: #333; --whiteColor: #ffffff; --blackColor: #000; --footerColor: #018A42; --fontSize: 14px; --transition: .5s; --topheight: 80px; }
body { padding: 0; margin: 0; font-size: var(--fontSize); font-family: var(--fontFamily) }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { color: var(--blackColor); font-family: var(--fontFamily); font-weight: 700; }
    .h1:last-child, .h2:last-child, .h3:last-child, .h4:last-child, .h5:last-child, .h6:last-child, h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child { margin-bottom: 0 }
a { color: var(--blackColor); -webkit-transition: var(--transition); transition: var(--transition); text-decoration: none; outline: 0 !important }
    a:hover { color: var(--mainColor); text-decoration: none }
:focus { outline: 0 !important }
.d-table { width: 100%; height: 100% }
.d-table-cell { vertical-align: middle }
img { max-width: 100%; height: auto }
p { color: var(--optionalColor); font-size: var(--fontSize); margin-bottom: 15px; line-height: 1.8 }
    p:last-child { margin-bottom: 0 }
.ptb-100 { padding-top: 100px; padding-bottom: 100px }
.pt-100 { padding-top: 100px }
.pb-100 { padding-bottom: 100px }
.ptb-70 { padding-top: 70px; padding-bottom: 70px }
.pt-70 { padding-top: 70px }
.pb-70 { padding-bottom: 70px }
.default-btn { display: inline-block; padding: 15px 30px; background-color: var(--mainColor); font-family: var(--optionalfontFamily); font-weight: 600; border-radius: 5px; color: var(--whiteColor); -webkit-transition: var(--transition); transition: var(--transition) }
    .default-btn:hover { background-color: var(--blackColor); color: var(--whiteColor) }
.section-title { text-align: center; margin-bottom: 45px }
    .section-title p { font-weight: 600; color: var(--mainColor); margin-bottom: 10px }
    .section-title h2 { font-size: 38px; margin-bottom: 0; line-height: 1 }
.preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--whiteColor); z-index: 999999 }
    .preloader .preloader { width: 100px; height: 100px; display: inline-block; padding: 0; text-align: left; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 50%; left: 50%; margin-left: -25px; margin-top: -25px }
        .preloader .preloader span { position: absolute; display: inline-block; width: 100px; height: 100px; border-radius: 100%; background-color: var(--mainColor) !important; -webkit-animation: preloader 1.3s linear infinite; animation: preloader 1.3s linear infinite }
            .preloader .preloader span:last-child { -webkit-animation-delay: -.8s; animation-delay: -.8s }

@keyframes preloader {
    0% { -webkit-transform: scale(0,0); transform: scale(0,0); opacity: .5 }
    100% { -webkit-transform: scale(1,1); transform: scale(1,1); opacity: 0 }
}

@-webkit-keyframes preloader {
    0% { -webkit-transform: scale(0,0); opacity: .5 }
    100% { -webkit-transform: scale(1,1); opacity: 0 }
}

.top-header { background-color: #000; padding-top: 15px; padding-bottom: 15px }
    .top-header.bg-f6f6f6 { background-color: #f6f6f6 }
        .top-header.bg-f6f6f6 .header-social li a i { background-color: transparent; color: var(--mainColor); border: 1px solid var(--mainColor) }
            .top-header.bg-f6f6f6 .header-social li a i:hover { background-color: var(--mainColor); color: var(--whiteColor) }
.header-list { padding-left: 0; margin-bottom: 0 }
    .header-list li { list-style-type: none; color: var(--whiteColor) !important; display: inline-block; font-size: 15px; margin-right: 20px; position: relative; padding-left: 25px; font-family: var(--optionalfontFamily); font-weight: 400 }
        .header-list li:last-child { margin-right: 0 }
        .header-list li i { color: var(--whiteColor); position: absolute; top: 0; left: 0 }
.header-social { padding-left: 0; margin-bottom: 0; text-align: right }
    .header-social li { list-style: none; display: inline-block; margin-right: 8px }
        .header-social li:last-child { margin-right: 0 }
        .header-social li a i { display: inline-block; height: 30px; width: 30px; line-height: 30px; background-color: var(--whiteColor); color: var(--mainColor); border-radius: 50px; text-align: center; font-size: 14px; font-weight: 700; -webkit-transition: var(--transition); transition: var(--transition) }
            .header-social li a i:hover { background-color: var(--mainColor); color: var(--whiteColor) }
.header-info { position: relative; padding-left: 45px; -webkit-transition: var(--transition); transition: var(--transition); display: inline-block; margin-right: 30px }
    .header-info:last-child { margin-right: 0 }
    .header-info .icon i { color: var(--mainColor); position: absolute; left: 0; top: 2px; background-color: #ffe6e2; display: inline-block; height: 40px; width: 35px; line-height: 40px; border-radius: 5px; text-align: center; font-size: var(--fontSize); -webkit-transition: var(--transition); transition: var(--transition); cursor: pointer }
        .header-info .icon i:hover { background-color: var(--mainColor); color: var(--whiteColor) }
    .header-info span { color: var(--blackColor); font-weight: 500; font-family: var(--optionalfontFamily) }
    .header-info p a { color: #939292; font-weight: 400; font-family: var(--optionalfontFamily) }
        .header-info p a:hover { color: var(--mainColor) }
.middle-form { background-color: #f6f6f6; padding: 0 0 0 20px }
    .middle-form form { position: relative }
        .middle-form form .form-group { margin-bottom: 0; position: relative }
            .middle-form form .form-group .form-control { height: unset; border-radius: 0; border: 0; padding-left: 0; padding-right: 0; background-color: transparent; font-family: var(--optionalfontFamily); font-weight: 500; font-size: 15px }
                .middle-form form .form-group .form-control:focus { -webkit-box-shadow: none; box-shadow: none; border: 0 }
            .middle-form form .form-group::-webkit-input-placeholder { color: #747474 }
            .middle-form form .form-group:-ms-input-placeholder { color: #747474 }
            .middle-form form .form-group::-ms-input-placeholder { color: #747474 }
            .middle-form form .form-group::placeholder { color: #747474 }
            .middle-form form .form-group .nice-select { float: unset; line-height: 40px; color: #747474; font-weight: 500; padding-top: 0; padding-bottom: 0; padding: 0; background-color: transparent; border: none; height: 100%; font-family: var(--optionalfontFamily); font-weight: 500; font-size: 15px }
                .middle-form form .form-group .nice-select .list { background-color: var(--whiteColor); -webkit-box-shadow: 0 0 29px 0 rgba(102,102,102,.1); box-shadow: 0 0 29px 0 rgba(102,102,102,.1); border-radius: 0; margin-top: 0; width: 200px; padding-top: 10px; padding-bottom: 10px }
                    .middle-form form .form-group .nice-select .list .option { -webkit-transition: .6s; transition: .6s; padding-left: 20px; padding-right: 20px }
                        .middle-form form .form-group .nice-select .list .option:hover { background-color: var(--mainColor) !important; color: var(--whiteColor) }
                        .middle-form form .form-group .nice-select .list .option.selected { background-color: transparent; font-weight: 600 }
                .middle-form form .form-group .nice-select:after { right: 0; width: 8px; height: 8px }
        .middle-form form .middle-form-btn { display: inline-block; padding: 16px 20px; background-color: var(--mainColor); color: var(--whiteColor); font-size: var(--fontSize); width: 100%; border: none; border-radius: 0; cursor: pointer; -webkit-transition: var(--transition); transition: var(--transition); font-family: var(--optionalfontFamily); font-weight: 600 }
            .middle-form form .middle-form-btn i { color: var(--whiteColor); position: relative; margin-left: 6px }
            .middle-form form .middle-form-btn:hover { background-color: var(--blackColor) }
.middle-icon { padding-left: 0; margin-bottom: 0; text-align: right }
    .middle-icon li { display: inline-block; list-style-type: none; margin-right: 25px }
        .middle-icon li:last-child { margin-right: 0 }
    .middle-icon .cart-btn { font-size: 25px; position: relative; line-height: 1 }
        .middle-icon .cart-btn a { display: inline-block; position: relative; color: var(--blackColor) }
            .middle-icon .cart-btn a span { position: absolute; right: -2px; top: -10px; width: 18px; height: 18px; text-align: center; line-height: 16.9px; border-radius: 50%; color: var(--whiteColor); background-color: var(--mainColor); font-family: var(--optionalfontFamily); font-size: 10px; font-weight: 600 }
            .middle-icon .cart-btn a i { font-weight: 500; font-size: 35px; color: #848383; -webkit-transition: var(--transition); transition: var(--transition) }
                .middle-icon .cart-btn a i:hover { color: var(--mainColor) }
    .middle-icon .user i { font-weight: 500; font-size: 35px; color: #848383; -webkit-transition: var(--transition); transition: var(--transition) }
        .middle-icon .user i:hover { color: var(--mainColor) }
    .middle-icon .heart i { font-weight: 500; font-size: 35px; color: #848383; -webkit-transition: var(--transition); transition: var(--transition) }
        .middle-icon .heart i:hover { color: var(--mainColor) }
.middle-area { padding-top: 15px; padding-bottom: 15px; background: -webkit-gradient(linear,left bottom,left top,color-stop(0.1,#d7d7d7),color-stop(1,#fefefe)); }
.navbar-area.is-sticky { position: fixed; top: 0; left: 0; width: 100%; z-index: 999; -webkit-box-shadow: 0 2px 28px 0 rgba(0,0,0,.06); box-shadow: 0 2px 28px 0 rgba(0,0,0,.06); background-color: var(--whiteColor) !important; -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown; animation: 500ms ease-in-out 0s normal none 1 running fadeInDown }
    .navbar-area.is-sticky .main-navbar { padding-top: 10px; padding-bottom: 10px }
.main-responsive-nav { display: none }
.main-navbar { background-color: var(--whiteColor); padding-top: 15px; padding-bottom: 15px }
    .main-navbar .navbar { position: inherit; padding-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0 }
        .main-navbar .navbar .navbar-brand { font-size: inherit; line-height: 1; padding-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0 }
        .main-navbar .navbar ul { padding-left: 0; list-style-type: none; margin-bottom: 0 }
        .main-navbar .navbar .navbar-nav { margin-left: 30px; margin-right: auto }
            .main-navbar .navbar .navbar-nav .nav-item { position: relative }
                .main-navbar .navbar .navbar-nav .nav-item a { color: var(--blackColor); font-size: var(--fontSize); font-weight: 600; font-family: var(--optionalfontFamily); padding-left: 0; padding-right: 0; padding-top: 20px; padding-bottom: 20px; margin-left: 12px; margin-right: 12px }
                    .main-navbar .navbar .navbar-nav .nav-item a i { font-size: 18px; position: relative; top: 2px; display: inline-block; margin-left: -3px; margin-right: -3px }
                    .main-navbar .navbar .navbar-nav .nav-item a:hover, .main-navbar .navbar .navbar-nav .nav-item a:focus, .main-navbar .navbar .navbar-nav .nav-item a.active { color: var(--mainColor) }
                .main-navbar .navbar .navbar-nav .nav-item:last-child a { margin-right: 0 }
                .main-navbar .navbar .navbar-nav .nav-item:first-child a { margin-left: 0 }
                .main-navbar .navbar .navbar-nav .nav-item:hover a, .main-navbar .navbar .navbar-nav .nav-item.active a { color: var(--mainColor) }
                .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu { -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.1); box-shadow: 0 0 15px 0 rgba(0,0,0,.1); background: var(--whiteColor); position: absolute; border: none; top: 60px; left: 0; width: 275px; z-index: 99; display: block; opacity: 0; visibility: hidden; border-radius: 0; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; padding-top: 15px; padding-bottom: 15px; padding-left: 5px; padding-right: 5px }
                    .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li a { padding: 8px 15px; margin: 0; position: relative; display: block; color: var(--blackColor); font-size: 15px; font-weight: 500 }
                        .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li a i { margin: 0; position: absolute; top: 50%; font-size: 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 10px }
                        .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li a.active { color: var(--mainColor) }
                    .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu { left: -250px; top: 0; opacity: 0; visibility: hidden; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out }
                        .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a { color: #515050 }
                            .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover, .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus, .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active { color: var(--mainColor) }
                        .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu { left: 250px; top: 0; opacity: 0; visibility: hidden; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out }
                            .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a { color: #515050 }
                                .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { color: var(--mainColor) }
                            .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu { left: -250px; top: 0; opacity: 0; visibility: hidden; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out }
                                .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a { color: #515050 }
                                    .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { color: var(--mainColor) }
                                .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu { left: 250px; top: 0; opacity: 0; visibility: hidden; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out }
                                    .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a { color: #515050 }
                                        .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { color: var(--mainColor) }
                                    .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu { left: -250px; top: 0; opacity: 0; visibility: hidden; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out }
                                        .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a { color: #515050 }
                                            .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { color: var(--mainColor) }
                                        .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu { left: 250px; top: 0; opacity: 0; visibility: hidden; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out }
                                            .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a { color: #515050 }
                                                .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { color: var(--mainColor) }
                                        .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { color: -var(--mainColor) }
                                        .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu { opacity: 1; visibility: visible; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out }
                                    .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { color: var(--mainColor) }
                                    .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu { opacity: 1; visibility: visible; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out }
                                .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { color: var(--mainColor) }
                                .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu { opacity: 1; visibility: visible; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out }
                            .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { color: var(--mainColor) }
                            .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu { opacity: 1; visibility: visible; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out }
                        .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a { color: var(--mainColor) }
                        .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover .dropdown-menu { opacity: 1; visibility: visible; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out }
                    .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li.active a { color: var(--mainColor) }
                    .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu { opacity: 1; visibility: visible; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out }
                .main-navbar .navbar .navbar-nav .nav-item:hover .dropdown-menu { opacity: 1; visibility: visible; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out }
                .main-navbar .navbar .navbar-nav .nav-item.megamenu { position: inherit }
                    .main-navbar .navbar .navbar-nav .nav-item.megamenu .container { display: block; -ms-flex-wrap: unset; flex-wrap: unset; -webkit-box-align: unset; -ms-flex-align: unset; align-items: unset; -webkit-box-pack: unset; -ms-flex-pack: unset; justify-content: unset }
                    .main-navbar .navbar .navbar-nav .nav-item.megamenu .dropdown-menu { width: 100%; margin-top: 8px; position: absolute; top: auto; left: 0; margin: auto; right: 0; padding: 30px 10px; -webkit-transform: unset !important; transform: unset !important }
                        .main-navbar .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title { color: var(--blackColor); position: relative; border-bottom: 1px solid #eee; padding-bottom: 8px; text-transform: capitalize; margin-bottom: 20px; margin-top: 25px; font-size: 18px; font-weight: 600 }
                            .main-navbar .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title::before { width: 30px; height: 1px; content: ''; position: absolute; left: 0; bottom: -1px; background-color: var(--mainColor) }
                            .main-navbar .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title:first-child { margin-top: 0 }
                        .main-navbar .navbar .navbar-nav .nav-item.megamenu .dropdown-menu a { border-bottom: none !important }
                        .main-navbar .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a { margin-top: 14px; color: var(--optionalColor); padding: 0; font-weight: 500 }
                            .main-navbar .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a:hover, .main-navbar .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a.active { color: var(--mainColor) }
        .main-navbar .navbar .others-option .option-item { margin-right: 20px }
            .main-navbar .navbar .others-option .option-item:last-child { margin-right: 0 }
            .main-navbar .navbar .others-option .option-item .info { position: relative; padding-left: 45px; -webkit-transition: var(--transition); transition: var(--transition) }
                .main-navbar .navbar .others-option .option-item .info .icon i { color: var(--mainColor); position: absolute; left: 0; top: 4px; background-color: #ffe6e2; display: inline-block; height: 40px; width: 35px; line-height: 40px; border-radius: 5px; text-align: center; font-size: var(--fontSize); -webkit-transition: var(--transition); transition: var(--transition) }
                    .main-navbar .navbar .others-option .option-item .info .icon i:hover { background-color: var(--mainColor); color: var(--whiteColor) }
                .main-navbar .navbar .others-option .option-item .info span { color: var(--blackColor); font-weight: 500; font-family: var(--optionalfontFamily) }
                .main-navbar .navbar .others-option .option-item .info p { font-size: 14px }
                    .main-navbar .navbar .others-option .option-item .info p a { color: #939292; font-weight: 500; font-family: var(--optionalfontFamily) }
            .main-navbar .navbar .others-option .option-item .cart-btn { font-size: 25px; position: relative; line-height: 1 }
                .main-navbar .navbar .others-option .option-item .cart-btn a { display: inline-block; position: relative }
                    .main-navbar .navbar .others-option .option-item .cart-btn a span { position: absolute; right: -2px; top: -10px; width: 18px; height: 18px; text-align: center; line-height: 16.9px; border-radius: 50%; color: var(--whiteColor); background-color: var(--mainColor); font-family: var(--optionalfontFamily); font-size: 10px; font-weight: 600 }
                    .main-navbar .navbar .others-option .option-item .cart-btn a i { font-weight: 500; font-size: 25px; color: #848383; -webkit-transition: var(--transition); transition: var(--transition) }
                        .main-navbar .navbar .others-option .option-item .cart-btn a i:hover { color: var(--mainColor) }
            .main-navbar .navbar .others-option .option-item .user i { font-weight: 500; font-size: 25px; color: #848383; -webkit-transition: var(--transition); transition: var(--transition) }
                .main-navbar .navbar .others-option .option-item .user i:hover { color: var(--mainColor) }
            .main-navbar .navbar .others-option .option-item .heart i { font-weight: 500; font-size: 25px; color: #848383; -webkit-transition: var(--transition); transition: var(--transition) }
                .main-navbar .navbar .others-option .option-item .heart i:hover { color: var(--mainColor) }
            .main-navbar .navbar .others-option .option-item .burger-menu { padding-top: 6px }
                .main-navbar .navbar .others-option .option-item .burger-menu a { color: var(--whiteColor) }
                    .main-navbar .navbar .others-option .option-item .burger-menu a i { font-size: 25px }
.p-relative .main-navbar { padding-top: 0; padding-bottom: 0 }
    .p-relative .main-navbar .navbar { background-color: var(--blackColor); /*padding-left: 30px; padding-right: 30px*/ }
        .p-relative .main-navbar .navbar .navbar-brand { display: none }
        .p-relative .main-navbar .navbar .navbar-nav { margin-left: 0 }
            .p-relative .main-navbar .navbar .navbar-nav .nav-item a { color: var(--whiteColor) }
.p-relative.is-sticky .main-navbar { padding-top: 0; padding-bottom: 0 }
.sidebar-modal { position: fixed; right: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.8); z-index: 9999; opacity: 0; visibility: hidden; -webkit-transition: var(--transition); transition: var(--transition); overflow: hidden }
    .sidebar-modal .sidebar-modal-inner { position: absolute; right: -100%; top: 0; width: 30%; overflow-y: scroll; height: 100%; background-color: var(--whiteColor); -webkit-transition: .7s; transition: .7s; z-index: 1; padding-top: 80px; padding-bottom: 40px; padding-left: 40px; padding-right: 40px }
        .sidebar-modal .sidebar-modal-inner .close-btn { display: inline-block; position: absolute; right: 35px; top: 20px; font-size: 20px; -webkit-transition: var(--transition); transition: var(--transition); color: var(--blackColor); opacity: .66; cursor: pointer }
            .sidebar-modal .sidebar-modal-inner .close-btn:hover { opacity: 1 }
    .sidebar-modal .sidebar-about-area { margin-bottom: 40px }
        .sidebar-modal .sidebar-about-area .title h2 { margin-bottom: 0; font-size: 24px; font-weight: 700 }
        .sidebar-modal .sidebar-about-area .title p { margin-top: 15px; font-size: 15px }
    .sidebar-modal .sidebar-instagram-feed { margin-bottom: 40px }
        .sidebar-modal .sidebar-instagram-feed h2 { margin-bottom: 25px; font-size: 24px; font-weight: 700 }
        .sidebar-modal .sidebar-instagram-feed ul { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; list-style-type: none; margin-left: -5px; margin-right: -5px; margin-bottom: 0; margin-top: -10px }
            .sidebar-modal .sidebar-instagram-feed ul li { -ms-flex: 0 0 25%; -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; padding-left: 5px; padding-right: 5px; padding-top: 10px }
                .sidebar-modal .sidebar-instagram-feed ul li a { display: block; position: relative }
                    .sidebar-modal .sidebar-instagram-feed ul li a::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; -webkit-transition: var(--transition); transition: var(--transition); opacity: 0; visibility: hidden }
                    .sidebar-modal .sidebar-instagram-feed ul li a:hover::before { opacity: .5; visibility: visible }
    .sidebar-modal .sidebar-contact-area .contact-info { text-align: center }
        .sidebar-modal .sidebar-contact-area .contact-info .contact-info-content h2 { margin-bottom: 0; text-transform: lowercase; font-size: 20px; font-weight: 700; font-family: var(--optionalfontFamily) }
            .sidebar-modal .sidebar-contact-area .contact-info .contact-info-content h2 a { display: inline-block; color: var(--mainColor) }
                .sidebar-modal .sidebar-contact-area .contact-info .contact-info-content h2 a:hover { color: var(--blackColor) }
                .sidebar-modal .sidebar-contact-area .contact-info .contact-info-content h2 a:not(:first-child) { color: var(--blackColor) }
                    .sidebar-modal .sidebar-contact-area .contact-info .contact-info-content h2 a:not(:first-child):hover { color: var(--mainColor) }
            .sidebar-modal .sidebar-contact-area .contact-info .contact-info-content h2 span { display: block; color: var(--optionalColor); margin-top: 15px; margin-bottom: 10px; font-size: 14px; font-weight: 600 }
        .sidebar-modal .sidebar-contact-area .contact-info .contact-info-content .social { padding-left: 0; list-style-type: none; margin-bottom: 0; margin-top: 20px }
            .sidebar-modal .sidebar-contact-area .contact-info .contact-info-content .social li { display: inline-block; margin: 0 1px; padding-left: 0 }
                .sidebar-modal .sidebar-contact-area .contact-info .contact-info-content .social li a { width: 35px; height: 35px; line-height: 34px; border: 1px solid #dadada; border-radius: 50%; color: #aba5a5; display: block }
                    .sidebar-modal .sidebar-contact-area .contact-info .contact-info-content .social li a i { font-size: 14px }
                    .sidebar-modal .sidebar-contact-area .contact-info .contact-info-content .social li a:hover { color: var(--whiteColor); border-color: var(--mainColor); background-color: var(--mainColor) }
    .sidebar-modal.active { opacity: 1; visibility: visible }
        .sidebar-modal.active .sidebar-modal-inner { right: 0 }
.others-option-for-responsive { display: none }
    .others-option-for-responsive .dot-menu { padding: 0 10px; height: 30px; cursor: pointer; z-index: 9991; position: absolute; right: 60px; top: -28px }
        .others-option-for-responsive .dot-menu .inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 30px }
            .others-option-for-responsive .dot-menu .inner .circle { height: 5px; width: 5px; border-radius: 100%; margin: 0 2px; -webkit-transition: var(--transition); transition: var(--transition); background-color: var(--blackColor) }
        .others-option-for-responsive .dot-menu:hover .inner .circle { background-color: var(--mainColor) }
    .others-option-for-responsive .container { position: relative }
        .others-option-for-responsive .container .container { position: absolute; right: 0; top: 10px; max-width: 260px; margin-left: auto; opacity: 0; visibility: hidden; -webkit-transition: var(--transition); transition: var(--transition); -webkit-transform: scaleX(0); transform: scaleX(0); z-index: 2; padding-left: 15px; padding-right: 15px }
            .others-option-for-responsive .container .container.active { opacity: 1; visibility: visible; -webkit-transform: scaleX(1); transform: scaleX(1) }
    .others-option-for-responsive .option-inner .others-option { background-color: var(--whiteColor); -webkit-box-shadow: 0 2px 28px 0 rgba(0,0,0,.06); box-shadow: 0 2px 28px 0 rgba(0,0,0,.06); border-radius: 30px; padding: 10px 18px 5px }
        .others-option-for-responsive .option-inner .others-option .option-item { margin-right: 35px; margin-left: -20px }
            .others-option-for-responsive .option-inner .others-option .option-item:last-child { margin-right: 0 }
            .others-option-for-responsive .option-inner .others-option .option-item .info { display: none }
            .others-option-for-responsive .option-inner .others-option .option-item .cart-btn { font-size: 25px; position: relative; line-height: 1 }
                .others-option-for-responsive .option-inner .others-option .option-item .cart-btn a { display: inline-block; position: relative }
                    .others-option-for-responsive .option-inner .others-option .option-item .cart-btn a span { position: absolute; right: -2px; top: -10px; width: 18px; height: 18px; text-align: center; line-height: 16.9px; border-radius: 50%; color: var(--whiteColor); background-color: var(--mainColor); font-family: var(--optionalfontFamily); font-size: 10px; font-weight: 600 }
                    .others-option-for-responsive .option-inner .others-option .option-item .cart-btn a i { font-weight: 500; font-size: 25px; color: #848383; -webkit-transition: var(--transition); transition: var(--transition) }
                        .others-option-for-responsive .option-inner .others-option .option-item .cart-btn a i:hover { color: var(--mainColor) }
            .others-option-for-responsive .option-inner .others-option .option-item .user i { font-weight: 500; font-size: 25px; color: #848383; -webkit-transition: var(--transition); transition: var(--transition) }
                .others-option-for-responsive .option-inner .others-option .option-item .user i:hover { color: var(--mainColor) }
            .others-option-for-responsive .option-inner .others-option .option-item .heart i { font-weight: 500; font-size: 25px; color: #848383; -webkit-transition: var(--transition); transition: var(--transition) }
                .others-option-for-responsive .option-inner .others-option .option-item .heart i:hover { color: var(--mainColor) }
            .others-option-for-responsive .option-inner .others-option .option-item .burger-menu { padding-top: 6px }
                .others-option-for-responsive .option-inner .others-option .option-item .burger-menu a { color: var(--blackColor) }
                    .others-option-for-responsive .option-inner .others-option .option-item .burger-menu a i { font-size: 25px }

@media only screen and (max-width:1199px) {
    .main-responsive-nav { display: block }
        .main-responsive-nav .main-responsive-menu { position: relative }
            .main-responsive-nav .main-responsive-menu.mean-container .mean-nav { margin-top: 50px }
                .main-responsive-nav .main-responsive-menu.mean-container .mean-nav ul { font-size: 15px }
                    .main-responsive-nav .main-responsive-menu.mean-container .mean-nav ul li a.active { color: var(--mainColor) }
                    .main-responsive-nav .main-responsive-menu.mean-container .mean-nav ul li li a { font-size: 15px }
            .main-responsive-nav .main-responsive-menu.mean-container .navbar-nav { overflow-y: scroll; height: 306px; -webkit-box-shadow: 0 7px 13px 0 rgba(0,0,0,.1); box-shadow: 0 7px 13px 0 rgba(0,0,0,.1) }
                .main-responsive-nav .main-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .nav-item { overflow: hidden }
                    .main-responsive-nav .main-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .nav-item .container { padding-left: 0; padding-right: 0 }
                    .main-responsive-nav .main-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .nav-item .row { display: block; -ms-flex-wrap: unset; flex-wrap: unset; margin-left: 0; margin-right: 0; margin-top: -20px }
                        .main-responsive-nav .main-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .nav-item .row .col { -ms-flex-preferred-size: unset; flex-basis: unset; -webkit-box-flex: unset; -ms-flex-positive: unset; flex-grow: unset; max-width: 100%; padding-left: 0; padding-right: 0; padding-top: 20px }
                            .main-responsive-nav .main-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .nav-item .row .col:last-child { margin-bottom: 15px }
                    .main-responsive-nav .main-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .nav-item a { width: 100%; float: unset; display: block }
                .main-responsive-nav .main-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title { color: var(--blackColor); position: relative; border-bottom: 1px solid #eee; padding-bottom: 8px; text-transform: uppercase; margin-bottom: 5px; margin-top: 25px; margin-left: 15px; margin-right: 15px; font-size: 13.5px; font-weight: 600 }
                    .main-responsive-nav .main-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title::before { width: 30px; height: 1px; content: ''; position: absolute; left: 0; bottom: -1px; background-color: var(--mainColor) }
                    .main-responsive-nav .main-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title:first-child { margin-top: 5px }
                .main-responsive-nav .main-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu a { border-bottom: none !important }
                .main-responsive-nav .main-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .mean-expand { display: none !important }
                .main-responsive-nav .main-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu { width: auto; overflow: hidden; display: block !important; padding-left: 15px; padding-right: 15px }
                    .main-responsive-nav .main-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a { border: none; margin-top: 15px; color: #666; padding: 0; font-weight: 400 }
                        .main-responsive-nav .main-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a:hover, .main-responsive-nav .main-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a.active { color: var(--mainColor) }
            .main-responsive-nav .main-responsive-menu.mean-container .others-option { display: none !important }
        .main-responsive-nav .mean-container a.meanmenu-reveal { color: var(--blackColor) }
            .main-responsive-nav .mean-container a.meanmenu-reveal span { background: var(--blackColor) }
        .main-responsive-nav .logo { position: relative; width: 50%; z-index: 999 }
    .main-navbar { display: none }
    .others-option-for-responsive { display: block }
}

.main-banner-item { position: relative; z-index: 1; background-color: #f7ebe5; padding-top: 30px }
    .main-banner-item.item-two .main-banner-content span { display: inline-block; padding: 10px 30px; background-color: var(--mainColor); color: var(--whiteColor); font-family: var(--optionalfontFamily); font-size: var(--fontSize) }
    .main-banner-item.item-two .main-banner-content h1 { font-size: 75px; font-family: var(--optionalfontFamily); font-weight: 700; margin-top: 20px }
    .main-banner-item.item-two .main-banner-content .banner-btn .default-btn { background-color: var(--whiteColor); color: var(--mainColor) }
        .main-banner-item.item-two .main-banner-content .banner-btn .default-btn:hover { background-color: var(--mainColor); color: var(--whiteColor) }
    .main-banner-item.item-two .banner-image .circle { background-color: #f1beb1; left: 0; top: 10% }
    .main-banner-item.item-three { height: unset; padding-top: 0 }
        .main-banner-item.item-three .container-fluid { padding-right: 0 }
        .main-banner-item.item-three .main-banner-content { max-width: 640px; margin-left: auto }
        .main-banner-item.item-three .banner-image { text-align: right }
    .main-banner-item.item-four { background-color: #f2f2f2; height: calc(735px - var(--topheight)); padding-top: 0 }
        .main-banner-item.item-four .main-banner-content span { display: inline-block; padding: 10px 30px; background-color: var(--mainColor); color: var(--whiteColor); font-family: var(--optionalfontFamily); font-size: var(--fontSize) }
        .main-banner-item.item-four .main-banner-content h1 { font-size: 50px; margin-top: 20px; font-family: var(--optionalfontFamily) }
        .main-banner-item.item-four .main-banner-content .banner-btn .default-btn { background-color: var(--whiteColor); color: var(--mainColor) }
            .main-banner-item.item-four .main-banner-content .banner-btn .default-btn:hover { background-color: var(--mainColor); color: var(--whiteColor) }
        .main-banner-item.item-four .banner-image .circle { background-color: var(--whiteColor); left: 0; top: -8%; height: 550px; width: 550px }
.main-banner-content { position: relative; z-index: 1 }
    .main-banner-content span { font-size: 24px; color: var(--mainColor); font-weight: 600; display: inline-block; font-family: var(--optionalfontFamily) }
    .main-banner-content h1 { font-size: 60px; position: relative; z-index: 1; margin-top: 14px; margin-bottom: 0 }
    .main-banner-content .banner-btn { margin-top: 30px }
    .main-banner-content .circle { width: 350px; height: 350px; border-radius: 50%; background-color: #faf3ef; z-index: -1; position: absolute; top: -12%; left: -15%; margin: 0 auto }
.banner-image { text-align: center; position: relative; z-index: 1 }
    .banner-image img { width: unset !important; display: inline-block !important }
    .banner-image .circle { width: 650px; height: 650px; border-radius: 50%; background-color: #fdfaf9; z-index: -1; position: absolute; top: 20%; right: 0; margin: 0 auto }
.main-banner-shape .shape1 { position: absolute; left: 0; top: 20px; width: unset }
.main-banner-shape .shape2 { position: absolute; left: 20px; bottom: 0; width: unset; max-width: 120px }
.main-banner-shape .shape3 { position: absolute; left: 0; top: 20px; width: unset }
.main-banner-shape .shape4 { position: absolute; left: 0; top: 40%; width: unset; max-width: 125px }
.main-banner-shape .shape5 { position: absolute; bottom: 0; left: 0; max-width: 150px }
.main-banner-shape .shape6 { position: absolute; left: 42%; bottom: 0 }
.main-banner-shape .shape7 { position: absolute; left: 46%; top: 0 }
.home-slides.owl-theme .owl-nav { margin-top: 0 }
    .home-slides.owl-theme .owl-nav [class*=owl-] { position: absolute; left: 10px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin: 0; outline: 0; width: 45px; height: 45px; line-height: 47px; -webkit-transition: var(--transition); transition: var(--transition); background-color: var(--whiteColor); color: var(--mainColor); border-radius: 50%; opacity: 1; visibility: hidden }
        .home-slides.owl-theme .owl-nav [class*=owl-]:hover, .home-slides.owl-theme .owl-nav [class*=owl-]:focus { background-color: var(--blackColor) }
        .home-slides.owl-theme .owl-nav [class*=owl-].owl-next { left: auto; right: 10px }
.home-slides.owl-theme:hover .owl-nav [class*=owl-] { opacity: 1; visibility: visible; left: 20px; -webkit-transition: var(--transition); transition: var(--transition) }
    .home-slides.owl-theme:hover .owl-nav [class*=owl-].owl-next { left: auto; right: 20px }
.default-shape .shape1 { position: absolute; top: 20%; left: 46% }
.default-shape .shape2 { position: absolute; bottom: 30%; left: 45% }
.default-shape .shape3 { position: absolute; bottom: 0; left: 40% }
.default-shape .shape4 { position: absolute; top: 60px; right: 40px }
.default-shape .shape5 { position: absolute; bottom: 0; right: 50px }
.collections-item { margin-bottom: 30px; -webkit-transition: var(--transition); transition: var(--transition) }
    .collections-item .image { position: relative; text-align: center }
        .collections-item .image .shop-btn { position: absolute; bottom: 0; left: 0; right: 0; margin: auto; -webkit-transition: var(--transition); transition: var(--transition); opacity: 0; visibility: hidden }
            .collections-item .image .shop-btn .default-btn { display: inline-block; padding: 15px 30px; background-color: var(--whiteColor); font-weight: 600; border-radius: 5px; color: var(--mainColor); -webkit-transition: var(--transition); transition: var(--transition) }
                .collections-item .image .shop-btn .default-btn:hover { background-color: var(--mainColor); color: var(--whiteColor) }
    .collections-item .content { background-color: var(--whiteColor); -webkit-box-shadow: 0 2px 28px 0 rgba(0,0,0,.06); box-shadow: 0 2px 28px 0 rgba(0,0,0,.06); padding: 30px; text-align: center }
        .collections-item .content h3 { font-size: 25px; margin-bottom: 10px }
        .collections-item .content span { font-size: 18px; font-family: var(--optionalfontFamily); color: var(--mainColor); font-weight: 600 }
        .collections-item .content .star-list { padding-left: 0; margin-top: 10px; margin-bottom: 0 }
            .collections-item .content .star-list li { list-style-type: none; display: inline-block }
                .collections-item .content .star-list li i { color: #ffc107 }
    .collections-item:hover .image .shop-btn { opacity: 1; visibility: visible; bottom: 40px }
.overview-item { background-color: #f6f6f6; padding: 50px 40px }
    .overview-item .content span { font-size: 18px; color: var(--mainColor); font-weight: 600 }
    .overview-item .content h3 { font-size: 25px; margin-top: 10px; margin-bottom: 10px }
    .overview-item .content p { margin-bottom: 0 }
    .overview-item .content .overview-btn { margin-top: 16px }
    .overview-item .overview-image { text-align: center; position: relative }
    .overview-item.item-two { background-color: #f7ebe5 }
        .overview-item.item-two .offer { display: inline-block; padding: 14px; border-radius: 50%; background: var(--whiteColor); line-height: 1; position: absolute; left: 0 }
            .overview-item.item-two .offer h4 { font-size: 18px; color: var(--mainColor); margin-bottom: 0; font-family: var(--optionalfontFamily) }
            .overview-item.item-two .offer span { font-size: 14px; color: var(--mainColor); font-weight: 700 }
.discover-area.bg-f6f6f6 { background-color: #f6f6f6 }
.discover-item { text-align: center; -webkit-transition: var(--transition); transition: var(--transition) }
    .discover-item .icon i { display: inline-block; height: 100px; width: 100px; line-height: 100px; background-color: #efefef; font-size: 50px; border-radius: 50px; text-align: center; color: var(--mainColor); -webkit-transition: var(--transition); transition: var(--transition) }
    .discover-item h3 { font-size: 20px; font-family: var(--optionalfontFamily); font-weight: 700; margin-top: 25px; margin-bottom: 10px }
    .discover-item:hover .icon i { background-color: var(--mainColor); color: var(--whiteColor) }
.special-products-item { margin-bottom: 30px; -webkit-transition: var(--transition); transition: var(--transition) }
    .special-products-item .image { position: relative; overflow: hidden; -webkit-transition: var(--transition); transition: var(--transition) }
        .special-products-item .image .social { position: absolute; top: 95px; right: 20px; margin: 0; padding: 0; list-style: none }
            .special-products-item .image .social li { -webkit-transform: translateY(30px); transform: translateY(30px); -webkit-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; opacity: 0; visibility: hidden; -webkit-transform: perspective(1000px) rotateY(90deg); transform: perspective(1000px) rotateY(90deg); margin-bottom: 8px }
                .special-products-item .image .social li:last-child { margin-bottom: 0 }
                .special-products-item .image .social li a { display: block; width: 40px; height: 40px; background-color: var(--whiteColor); -webkit-box-shadow: 1px 20px 30px rgba(0,0,0,.07); box-shadow: 1px 20px 30px rgba(0,0,0,.07); text-align: center; position: relative; font-size: var(--fontSize); color: #949493; border-radius: 30px; -webkit-transition: var(--transition); transition: var(--transition); font-weight: 600 }
                    .special-products-item .image .social li a i { position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin-left: auto; margin-right: auto }
                    .special-products-item .image .social li a:hover { color: var(--whiteColor); background-color: var(--mainColor) }
                .special-products-item .image .social li:nth-child(1) { -webkit-transition-delay: .2s; transition-delay: .2s }
                .special-products-item .image .social li:nth-child(2) { -webkit-transition-delay: .3s; transition-delay: .3s }
                .special-products-item .image .social li:nth-child(3) { -webkit-transition-delay: .4s; transition-delay: .4s }
                .special-products-item .image .social li:nth-child(4) { -webkit-transition-delay: .5s; transition-delay: .5s }
        .special-products-item .image .percentage { position: absolute; top: 20px; right: 20px; -webkit-transition: var(--transition); transition: var(--transition) }
            .special-products-item .image .percentage span { padding: 5px; border: 1px solid var(--mainColor); font-family: var(--optionalfontFamily); color: var(--mainColor); -webkit-transition: var(--transition); transition: var(--transition) }
    .special-products-item .content { background-color: var(--whiteColor); -webkit-box-shadow: 0 2px 28px 0 rgba(0,0,0,.06); box-shadow: 0 2px 28px 0 rgba(0,0,0,.06); padding: 30px; text-align: center }
        .special-products-item .content h3 { font-size: 25px; margin-bottom: 10px }
        .special-products-item .content span { font-size: 18px; font-family: var(--optionalfontFamily); color: var(--mainColor); font-weight: 600 }
        .special-products-item .content .star-list { padding-left: 0; margin-top: 10px; margin-bottom: 0 }
            .special-products-item .content .star-list li { list-style-type: none; display: inline-block }
                .special-products-item .content .star-list li i { color: #ffc107 }
    .special-products-item:hover .image .social li { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible }
    .special-products-item:hover .image .percentage span { border: 1px solid var(--mainColor); color: var(--whiteColor); background-color: var(--mainColor) }
.products-item { margin-bottom: 30px; -webkit-transition: var(--transition); transition: var(--transition) }
    .products-item .image { position: relative; overflow: hidden; -webkit-transition: var(--transition); transition: var(--transition) }
        .products-item .image .social { position: absolute; top: 80px; right: 20px; margin: 0; padding: 0; list-style: none; z-index: 1 }
            .products-item .image .social li { -webkit-transform: translateY(30px); transform: translateY(30px); -webkit-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; opacity: 0; visibility: hidden; -webkit-transform: perspective(1000px) rotateY(90deg); transform: perspective(1000px) rotateY(90deg); margin-bottom: 8px }
                .products-item .image .social li:last-child { margin-bottom: 0 }
                .products-item .image .social li a { display: block; width: 40px; height: 40px; background-color: var(--whiteColor); -webkit-box-shadow: 1px 20px 30px rgba(0,0,0,.07); box-shadow: 1px 20px 30px rgba(0,0,0,.07); text-align: center; position: relative; font-size: var(--fontSize); color: #949493; border-radius: 30px; -webkit-transition: var(--transition); transition: var(--transition); font-weight: 600 }
                    .products-item .image .social li a i { position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin-left: auto; margin-right: auto }
                    .products-item .image .social li a:hover { color: var(--whiteColor); background-color: var(--mainColor) }
                .products-item .image .social li:nth-child(1) { -webkit-transition-delay: .2s; transition-delay: .2s }
                .products-item .image .social li:nth-child(2) { -webkit-transition-delay: .3s; transition-delay: .3s }
                .products-item .image .social li:nth-child(3) { -webkit-transition-delay: .4s; transition-delay: .4s }
                .products-item .image .social li:nth-child(4) { -webkit-transition-delay: .5s; transition-delay: .5s }
        .products-item .image .new { position: absolute; top: 20px; right: 20px; -webkit-transition: var(--transition); transition: var(--transition) }
            .products-item .image .new span { padding: 5px 10px; border: 1px solid var(--mainColor); font-family: var(--optionalfontFamily); color: var(--whiteColor); -webkit-transition: var(--transition); transition: var(--transition); background-color: var(--mainColor); font-size: 12px }
        .products-item .image .shop-btn { position: absolute; bottom: 0; left: 0; right: 0; margin: auto; -webkit-transition: var(--transition); transition: var(--transition); opacity: 0; visibility: hidden; text-align: center }
            .products-item .image .shop-btn .default-btn { display: inline-block; padding: 15px 30px; background-color: var(--mainColor); font-weight: 600; border-radius: 5px; color: var(--whiteColor); -webkit-transition: var(--transition); transition: var(--transition) }
                .products-item .image .shop-btn .default-btn:hover { background-color: var(--blackColor); color: var(--whiteColor) }
    .products-item .content { text-align: center; margin-top: 20px }
        .products-item .content h3 { font-size: 25px; margin-bottom: 10px }
        .products-item .content span { font-size: 18px; font-family: var(--optionalfontFamily); color: var(--mainColor); font-weight: 600 }
        .products-item .content .star-list { padding-left: 0; margin-top: 10px; margin-bottom: 0 }
            .products-item .content .star-list li { list-style-type: none; display: inline-block }
                .products-item .content .star-list li i { color: #ffc107 }
    .products-item:hover .image .social li { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible }
    .products-item:hover .image .shop-btn { opacity: 1; visibility: visible; bottom: 40px }
.coming-soon-area { background-image: url(../../assets/img/coming-soon-bg.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; position: relative; z-index: 1 }
    .coming-soon-area.bg-color { background-image: url(../../assets/img/coming-soon-bg-2.jpg) }
.coming-soon-title { text-align: center; max-width: 340px; margin: 0 auto 30px }
    .coming-soon-title span { font-size: 20px; color: var(--mainColor); font-family: var(--optionalfontFamily); font-weight: 600 }
    .coming-soon-title h3 { font-size: 45px; color: var(--mainColor); margin-top: 12px; margin-bottom: 0 }
.coming-soon-content { text-align: center }
    .coming-soon-content #timer div { background: var(--whiteColor); display: inline-block; border-radius: 50%; width: 120px; height: 120px; color: var(--mainColor); -webkit-box-shadow: 0 0 0 5px rgba(255,255,255,.5); box-shadow: 0 0 0 5px rgba(255,255,255,.5); margin: 0 10px; padding-top: 18px; font-size: 40px; font-weight: 700; font-family: var(--optionalfontFamily) }
    .coming-soon-content #timer span { display: block; margin-top: -4px; color: var(--mainColor); font-family: var(--optionalfontFamily); font-size: var(--fontSize) }
.coming-soon-shape { position: absolute; right: 0; bottom: 0 }
.coming-soon-shape2 { position: absolute; right: 0; bottom: 0; max-width: 470px }
.blog-item { margin-bottom: 30px; -webkit-transition: var(--transition); transition: var(--transition) }
    .blog-item .image { position: relative }
        .blog-item .image .date { position: absolute; top: 0; left: 0 }
            .blog-item .image .date span { display: inline-block; padding: 10px 25px; background-color: var(--whiteColor); color: var(--mainColor); font-family: var(--optionalfontFamily); font-weight: 400; -webkit-transition: var(--transition); transition: var(--transition) }
    .blog-item .content { margin-top: 20px }
        .blog-item .content h3 { font-size: 25px; line-height: 1.5; margin-bottom: 12px }
            .blog-item .content h3 a { color: var(--blackColor) }
        .blog-item .content .blog-btn { font-family: var(--optionalfontFamily); font-weight: 600; color: var(--mainColor) }
    .blog-item:hover .image .date span { background-color: var(--mainColor); color: var(--whiteColor) }
    .blog-item.bg-ffffff .content { margin-top: 0; padding: 25px 20px; background-color: var(--whiteColor); -webkit-box-shadow: 0 2px 28px 0 rgba(0,0,0,.06); box-shadow: 0 2px 28px 0 rgba(0,0,0,.06) }
        .blog-item.bg-ffffff .content h3 { font-family: var(--optionalfontFamily) }
.partner-slider .partner-item { border: 1px solid #efefef; text-align: center; padding: 50px 30px }
    .partner-slider .partner-item a img { display: inline-block; width: unset; margin: auto; height: auto }
.instagram-area .container-fluid { padding: 0 }
.instagram-post { position: relative; overflow: hidden; z-index: 1 }
    .instagram-post i { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 32px; height: 32px; text-align: center; line-height: 32px; color: var(--whiteColor); font-size: 20px; border-radius: 5px; opacity: 0; visibility: hidden; -webkit-transition: var(--transition); transition: var(--transition); margin-top: 10px; background: var(--mainColor) }
    .instagram-post .link-btn { position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; z-index: 2 }
    .instagram-post::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: var(--blackColor); -webkit-transition: var(--transition); transition: var(--transition); opacity: 0; visibility: hidden }
    .instagram-post:hover i { margin-top: 0; opacity: 1; visibility: visible }
    .instagram-post:hover::before { visibility: visible; opacity: .5 }
.top-trending-item { margin-bottom: 30px; -webkit-transition: var(--transition); transition: var(--transition) }
    .top-trending-item .image { position: relative; overflow: hidden; -webkit-transition: var(--transition); transition: var(--transition) }
        .top-trending-item .image .social { position: absolute; top: 85px; right: 20px; margin: 0; padding: 0; list-style: none }
            .top-trending-item .image .social li { -webkit-transform: translateY(30px); transform: translateY(30px); -webkit-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; opacity: 0; visibility: hidden; -webkit-transform: perspective(1000px) rotateY(90deg); transform: perspective(1000px) rotateY(90deg); margin-bottom: 8px }
                .top-trending-item .image .social li:last-child { margin-bottom: 0 }
                .top-trending-item .image .social li a { display: block; width: 40px; height: 40px; background-color: var(--whiteColor); -webkit-box-shadow: 1px 20px 30px rgba(0,0,0,.07); box-shadow: 1px 20px 30px rgba(0,0,0,.07); text-align: center; position: relative; font-size: var(--fontSize); color: #949493; border-radius: 30px; -webkit-transition: var(--transition); transition: var(--transition); font-weight: 600 }
                    .top-trending-item .image .social li a i { position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin-left: auto; margin-right: auto }
                    .top-trending-item .image .social li a:hover { color: var(--whiteColor); background-color: var(--mainColor) }
                .top-trending-item .image .social li:nth-child(1) { -webkit-transition-delay: .2s; transition-delay: .2s }
                .top-trending-item .image .social li:nth-child(2) { -webkit-transition-delay: .3s; transition-delay: .3s }
                .top-trending-item .image .social li:nth-child(3) { -webkit-transition-delay: .4s; transition-delay: .4s }
                .top-trending-item .image .social li:nth-child(4) { -webkit-transition-delay: .5s; transition-delay: .5s }
        .top-trending-item .image .percentage { position: absolute; top: 20px; right: 20px; -webkit-transition: var(--transition); transition: var(--transition) }
            .top-trending-item .image .percentage span { padding: 5px; border: 1px solid var(--mainColor); font-family: var(--optionalfontFamily); color: var(--mainColor); -webkit-transition: var(--transition); transition: var(--transition) }
    .top-trending-item .content { background-color: var(--whiteColor); -webkit-box-shadow: 0 2px 28px 0 rgba(0,0,0,.06); box-shadow: 0 2px 28px 0 rgba(0,0,0,.06); padding: 30px; text-align: center }
        .top-trending-item .content h3 { font-size: 25px; margin-bottom: 10px }
        .top-trending-item .content span { font-size: 18px; font-family: var(--optionalfontFamily); color: var(--mainColor); font-weight: 600 }
        .top-trending-item .content .star-list { padding-left: 0; margin-top: 10px; margin-bottom: 0 }
            .top-trending-item .content .star-list li { list-style-type: none; display: inline-block }
                .top-trending-item .content .star-list li i { color: #ffc107 }
    .top-trending-item:hover .image .social li { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible }
    .top-trending-item:hover .image .percentage span { border: 1px solid var(--mainColor); color: var(--whiteColor); background-color: var(--mainColor) }
.woocommerce-topbar { margin-bottom: 40px }
    .woocommerce-topbar .woocommerce-result-count p { font-family: var(--optionalfontFamily) }
    .woocommerce-topbar .woocommerce-topbar-ordering { text-align: right }
        .woocommerce-topbar .woocommerce-topbar-ordering .nice-select { background-color: var(--whiteColor); color: #666; border-radius: 0; border: none; -webkit-box-shadow: 0 5px 40px 0 rgba(0,0,0,.11); box-shadow: 0 5px 40px 0 rgba(0,0,0,.11); float: unset; height: unset; line-height: initial; padding: 17px 35px 13px 20px; font-size: 16px }
            .woocommerce-topbar .woocommerce-topbar-ordering .nice-select .list { background-color: var(--whiteColor); -webkit-box-shadow: 0 5px 40px 0 rgba(0,0,0,.11); box-shadow: 0 5px 40px 0 rgba(0,0,0,.11); border-radius: 0; margin-top: 0; width: 100%; padding-top: 10px; padding-bottom: 10px }
                .woocommerce-topbar .woocommerce-topbar-ordering .nice-select .list .option { -webkit-transition: .6s; transition: .6s; font-size: 16px; padding-left: 20px; padding-right: 20px }
                    .woocommerce-topbar .woocommerce-topbar-ordering .nice-select .list .option:hover { background-color: var(--mainColor) !important; color: var(--whiteColor) }
                    .woocommerce-topbar .woocommerce-topbar-ordering .nice-select .list .option.selected { background-color: transparent; font-weight: 700 }
            .woocommerce-topbar .woocommerce-topbar-ordering .nice-select:after { right: 20px }
.others-products-item { margin-bottom: 30px; -webkit-transition: var(--transition); transition: var(--transition); position: relative }
    .others-products-item .image { position: relative; overflow: hidden; -webkit-transition: var(--transition); transition: var(--transition) }
        .others-products-item .image .social { position: absolute; top: 95px; right: 20px; margin: 0; padding: 0; list-style: none }
            .others-products-item .image .social li { -webkit-transform: translateY(30px); transform: translateY(30px); -webkit-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; opacity: 0; visibility: hidden; -webkit-transform: perspective(1000px) rotateY(90deg); transform: perspective(1000px) rotateY(90deg); margin-bottom: 8px }
                .others-products-item .image .social li:last-child { margin-bottom: 0 }
                .others-products-item .image .social li a { display: block; width: 40px; height: 40px; background-color: var(--whiteColor); -webkit-box-shadow: 1px 20px 30px rgba(0,0,0,.07); box-shadow: 1px 20px 30px rgba(0,0,0,.07); text-align: center; position: relative; font-size: var(--fontSize); color: #949493; border-radius: 30px; -webkit-transition: var(--transition); transition: var(--transition); font-weight: 600 }
                    .others-products-item .image .social li a i { position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin-left: auto; margin-right: auto }
                    .others-products-item .image .social li a:hover { color: var(--whiteColor); background-color: var(--mainColor) }
                .others-products-item .image .social li:nth-child(1) { -webkit-transition-delay: .2s; transition-delay: .2s }
                .others-products-item .image .social li:nth-child(2) { -webkit-transition-delay: .3s; transition-delay: .3s }
                .others-products-item .image .social li:nth-child(3) { -webkit-transition-delay: .4s; transition-delay: .4s }
                .others-products-item .image .social li:nth-child(4) { -webkit-transition-delay: .5s; transition-delay: .5s }
            .others-products-item .image .social img { width: 100% }
        .others-products-item .image .percentage { position: absolute; top: 20px; right: 20px; -webkit-transition: var(--transition); transition: var(--transition) }
            .others-products-item .image .percentage span { padding: 5px; border: 1px solid var(--mainColor); font-family: var(--optionalfontFamily); color: var(--mainColor); -webkit-transition: var(--transition); transition: var(--transition) }
    .others-products-item .content { background-color: var(--whiteColor); -webkit-box-shadow: 0 2px 28px 0 rgba(0,0,0,.06); box-shadow: 0 2px 28px 0 rgba(0,0,0,.06); padding: 30px; text-align: center }
        .others-products-item .content h3 { font-size: 25px; margin-bottom: 10px }
        .others-products-item .content span { font-size: 18px; font-family: var(--optionalfontFamily); color: var(--mainColor); font-weight: 600 }
        .others-products-item .content .star-list { padding-left: 0; margin-top: 10px; margin-bottom: 0 }
            .others-products-item .content .star-list li { list-style-type: none; display: inline-block }
                .others-products-item .content .star-list li i { color: #ffc107 }
    .others-products-item:hover .image .social li { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible }
    .others-products-item:hover .image .percentage span { border: 1px solid var(--mainColor); color: var(--whiteColor); background-color: var(--mainColor) }
.clients-area .section-title { margin-bottom: 70px }
.clients-area.bg-fbfbfb { background-color: #fbfbfb }
.clients-item { background-color: #f5f5f5; text-align: center; padding: 60px 25px 40px; -webkit-transition: var(--transition); transition: var(--transition); position: relative }
    .clients-item::before { position: absolute; content: ""; height: 40px; width: 80px; background-color: #f5f5f5; left: 50px; bottom: -35px; -webkit-clip-path: polygon(50% 100%,0 0,100% 0); clip-path: polygon(50% 100%,0 0,100% 0); -webkit-transition: var(--transition); transition: var(--transition) }
    .clients-item .icon { position: absolute; left: 0; right: 0; top: -30px }
        .clients-item .icon i { display: inline-block; height: 70px; width: 70px; line-height: 70px; background-color: var(--whiteColor); -webkit-box-shadow: 0 2px 28px 0 rgba(0,0,0,.06); box-shadow: 0 2px 28px 0 rgba(0,0,0,.06); font-size: 35px; border-radius: 50px; color: var(--mainColor) }
    .clients-item p { font-family: var(--optionalfontFamily); font-style: italic; margin-bottom: 0; -webkit-transition: var(--transition); transition: var(--transition) }
    .clients-item .star-list { padding-left: 0; margin-top: 15px; margin-bottom: 0 }
        .clients-item .star-list li { display: inline-block }
            .clients-item .star-list li i { color: #ffd75e; -webkit-transition: var(--transition); transition: var(--transition) }
    .clients-item:hover { background-color: var(--mainColor) }
        .clients-item:hover p { color: var(--whiteColor) }
        .clients-item:hover .star-list li i { color: var(--whiteColor) }
        .clients-item:hover::before { background-color: var(--mainColor) }
.clients-info { margin-top: 50px; position: relative; text-align: center; margin-right: 200px; margin-bottom: 30px }
    .clients-info img { display: inline-block; height: 80px; width: 80px; margin-bottom: 12px }
    .clients-info h3 { font-size: 18px; font-family: var(--optionalfontFamily); margin-bottom: 0; font-weight: 500 }
    .clients-info span { font-size: var(--fontSize); color: var(--optionalColor); font-family: var(--optionalfontFamily); font-weight: 500; font-size: 14px }
.categories-item { position: relative; text-align: center; -webkit-transition: var(--transition); transition: var(--transition); margin-bottom: 30px }
    .categories-item .content { position: absolute; left: 20px; right: 20px; bottom: 25px; background-color: #f6eae4; border-radius: 2px; -webkit-transition: var(--transition); transition: var(--transition) }
        .categories-item .content h3 { font-size: 22px; font-weight: 600; margin-bottom: 0; padding: 20px; border: 2px solid var(--whiteColor); margin: 10px; -webkit-transition: var(--transition); transition: var(--transition) }
    .categories-item:hover .content { bottom: 30px }
.categories-item-two { text-align: center; margin-bottom: 30px }
    .categories-item-two .image img { border: 8px solid #efefef; border-radius: 2px }
    .categories-item-two .content { margin-top: 25px }
        .categories-item-two .content h3 { font-size: 22px; font-family: var(--optionalfontFamily); margin-bottom: 5px }
        .categories-item-two .content .see-more-btn { display: inline-block; color: var(--mainColor); font-family: var(--optionalfontFamily); font-weight: 500 }
.deal-item { margin-bottom: 30px; -webkit-transition: var(--transition); transition: var(--transition); position: relative }
    .deal-item .coming-soon-content { text-align: center; position: absolute; left: 0; right: 0; bottom: 80px }
        .deal-item .coming-soon-content #timer div { background: var(--whiteColor); display: inline-block; border-radius: 5px; width: 70px; height: 60px; color: var(--mainColor); -webkit-box-shadow: unset; box-shadow: unset; margin: 0 5px; padding-top: 2px; font-size: 22px; font-weight: 700; font-family: var(--optionalfontFamily) }
        .deal-item .coming-soon-content #timer span { display: block; margin-top: -4px; color: var(--mainColor); font-family: var(--optionalfontFamily); font-weight: 600; display: block; font-size: 14px }
    .deal-item .image { position: relative; overflow: hidden; -webkit-transition: var(--transition); transition: var(--transition) }
        .deal-item .image .social { position: absolute; top: 60px; right: 20px; margin: 0; padding: 0; list-style: none }
            .deal-item .image .social li { -webkit-transform: translateY(30px); transform: translateY(30px); -webkit-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; opacity: 0; visibility: hidden; -webkit-transform: perspective(1000px) rotateY(90deg); transform: perspective(1000px) rotateY(90deg); margin-bottom: 8px }
                .deal-item .image .social li:last-child { margin-bottom: 0 }
                .deal-item .image .social li a { display: block; width: 40px; height: 40px; background-color: var(--whiteColor); -webkit-box-shadow: 1px 20px 30px rgba(0,0,0,.07); box-shadow: 1px 20px 30px rgba(0,0,0,.07); text-align: center; position: relative; font-size: var(--fontSize); color: #949493; border-radius: 30px; -webkit-transition: var(--transition); transition: var(--transition); font-weight: 600 }
                    .deal-item .image .social li a i { position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin-left: auto; margin-right: auto }
                    .deal-item .image .social li a:hover { color: var(--whiteColor); background-color: var(--mainColor) }
                .deal-item .image .social li:nth-child(1) { -webkit-transition-delay: .2s; transition-delay: .2s }
                .deal-item .image .social li:nth-child(2) { -webkit-transition-delay: .3s; transition-delay: .3s }
                .deal-item .image .social li:nth-child(3) { -webkit-transition-delay: .4s; transition-delay: .4s }
                .deal-item .image .social li:nth-child(4) { -webkit-transition-delay: .5s; transition-delay: .5s }
        .deal-item .image .new { position: absolute; top: 20px; right: 20px; -webkit-transition: var(--transition); transition: var(--transition) }
            .deal-item .image .new span { padding: 5px 10px; border: 1px solid var(--mainColor); font-family: var(--optionalfontFamily); color: var(--whiteColor); -webkit-transition: var(--transition); transition: var(--transition); background-color: var(--mainColor); font-size: 12px }
        .deal-item .image img { width: 100% }
    .deal-item .content { text-align: center; margin-top: 20px }
        .deal-item .content h3 { font-size: 25px; margin-bottom: 10px }
        .deal-item .content span { font-size: 18px; font-family: var(--optionalfontFamily); color: var(--mainColor); font-weight: 600 }
        .deal-item .content .star-list { padding-left: 0; margin-top: 10px; margin-bottom: 0 }
            .deal-item .content .star-list li { list-style-type: none; display: inline-block }
                .deal-item .content .star-list li i { color: #ffc107 }
    .deal-item:hover .image .social li { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible }
.deal-item-two { margin-bottom: 30px; -webkit-transition: var(--transition); transition: var(--transition); position: relative }
    .deal-item-two .image { position: relative; overflow: hidden; -webkit-transition: var(--transition); transition: var(--transition) }
        .deal-item-two .image .social { position: absolute; top: 70px; right: 20px; margin: 0; padding: 0; list-style: none }
            .deal-item-two .image .social li { -webkit-transform: translateY(30px); transform: translateY(30px); -webkit-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; opacity: 0; visibility: hidden; -webkit-transform: perspective(1000px) rotateY(90deg); transform: perspective(1000px) rotateY(90deg); margin-bottom: 8px }
                .deal-item-two .image .social li:last-child { margin-bottom: 0 }
                .deal-item-two .image .social li a { display: block; width: 40px; height: 40px; background-color: var(--whiteColor); -webkit-box-shadow: 1px 20px 30px rgba(0,0,0,.07); box-shadow: 1px 20px 30px rgba(0,0,0,.07); text-align: center; position: relative; font-size: var(--fontSize); color: #949493; border-radius: 30px; -webkit-transition: var(--transition); transition: var(--transition); font-weight: 600 }
                    .deal-item-two .image .social li a i { position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin-left: auto; margin-right: auto }
                    .deal-item-two .image .social li a:hover { color: var(--whiteColor); background-color: var(--mainColor) }
                .deal-item-two .image .social li:nth-child(1) { -webkit-transition-delay: .2s; transition-delay: .2s }
                .deal-item-two .image .social li:nth-child(2) { -webkit-transition-delay: .3s; transition-delay: .3s }
                .deal-item-two .image .social li:nth-child(3) { -webkit-transition-delay: .4s; transition-delay: .4s }
                .deal-item-two .image .social li:nth-child(4) { -webkit-transition-delay: .5s; transition-delay: .5s }
            .deal-item-two .image .social img { width: 100% }
        .deal-item-two .image .percentage { position: absolute; top: 20px; right: 20px; -webkit-transition: var(--transition); transition: var(--transition) }
            .deal-item-two .image .percentage span { padding: 5px; border: 1px solid var(--mainColor); font-family: var(--optionalfontFamily); color: var(--mainColor); -webkit-transition: var(--transition); transition: var(--transition) }
    .deal-item-two .content { background-color: var(--whiteColor); -webkit-box-shadow: 0 2px 28px 0 rgba(0,0,0,.06); box-shadow: 0 2px 28px 0 rgba(0,0,0,.06); padding: 30px; text-align: center }
        .deal-item-two .content h3 { font-size: 25px; margin-bottom: 10px }
        .deal-item-two .content span { font-size: 18px; font-family: var(--optionalfontFamily); color: var(--mainColor); font-weight: 600 }
        .deal-item-two .content .star-list { padding-left: 0; margin-top: 10px; margin-bottom: 0 }
            .deal-item-two .content .star-list li { list-style-type: none; display: inline-block }
                .deal-item-two .content .star-list li i { color: #ffc107 }
    .deal-item-two:hover .image .social li { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible }
    .deal-item-two:hover .image .percentage span { border: 1px solid var(--mainColor); color: var(--whiteColor); background-color: var(--mainColor) }
.deal-area.bg-color { position: relative; z-index: 1 }
    .deal-area.bg-color::before { position: absolute; content: ""; background-image: url(../../assets/img/deal-bg.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; width: 100%; height: 70%; left: 0; right: 0; bottom: 0; z-index: -1 }
    .deal-area.bg-color .coming-soon-content { text-align: center; margin-top: 50px }
        .deal-area.bg-color .coming-soon-content #timer div { background: var(--whiteColor); display: inline-block; border-radius: 50%; width: 150px; height: 150px; color: var(--mainColor); -webkit-box-shadow: 0 0 0 5px var(--mainColor); box-shadow: 0 0 0 5px var(--mainColor); margin: 0 15px; padding-top: 32px; font-size: 40px; font-weight: 700; font-family: var(--optionalfontFamily) }
        .deal-area.bg-color .coming-soon-content #timer span { display: block; margin-top: -4px; color: var(--mainColor); font-family: var(--optionalfontFamily); font-size: var(--fontSize) }
.testimonials-area .container-fluid { padding-left: 0 }
.testimonials-slider .testimonials-item { max-width: 560px; margin: auto; text-align: center }
    .testimonials-slider .testimonials-item .content span { color: var(--mainColor); font-size: 18px; font-weight: 600; font-family: var(--optionalfontFamily) }
    .testimonials-slider .testimonials-item .content h3 { font-size: 38px; margin-top: 14px; margin-bottom: 30px }
    .testimonials-slider .testimonials-item .content p { font-size: 20px; font-style: italic; margin-bottom: 0 }
    .testimonials-slider .testimonials-item .content .icon { margin-bottom: 16px }
        .testimonials-slider .testimonials-item .content .icon i { display: inline-block; height: 60px; width: 60px; line-height: 60px; background-color: #fbf1eb; color: var(--mainColor); text-align: center; border-radius: 50px; font-size: 30px }
    .testimonials-slider .testimonials-item .content .info { margin-top: 20px }
        .testimonials-slider .testimonials-item .content .info img { display: inline-block; width: 50px; height: 50px; border-radius: 50px }
        .testimonials-slider .testimonials-item .content .info h4 { font-size: 18px; margin-top: 10px; margin-bottom: 5px }
        .testimonials-slider .testimonials-item .content .info p { font-size: 14px; font-style: normal; margin-bottom: 0 }
.testimonials-slider .owl-dots .owl-dot span { width: 12px; height: 12px; margin: 0 5px; background: var(--blackColor); -webkit-transition: var(--transition); transition: var(--transition); border-radius: 50%; -webkit-transform: scale(.9); transform: scale(.9) }
.testimonials-slider .owl-dots .owl-dot:hover span, .testimonials-slider .owl-dots .owl-dot.active span { background-color: var(--mainColor) }
.testimonials-slider .owl-dots .owl-dot.active span { -webkit-transform: scale(1.2); transform: scale(1.2) }
.trending-products-item { margin-bottom: 30px; -webkit-transition: var(--transition); transition: var(--transition); position: relative }
    .trending-products-item .image { position: relative; overflow: hidden; -webkit-transition: var(--transition); transition: var(--transition) }
        .trending-products-item .image .social { position: absolute; top: 80px; right: 30px; margin: 0; padding: 0; list-style: none }
            .trending-products-item .image .social li { -webkit-transform: translateY(30px); transform: translateY(30px); -webkit-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; opacity: 0; visibility: hidden; -webkit-transform: perspective(1000px) rotateY(90deg); transform: perspective(1000px) rotateY(90deg); margin-bottom: 8px }
                .trending-products-item .image .social li:last-child { margin-bottom: 0 }
                .trending-products-item .image .social li a { display: block; width: 40px; height: 40px; background-color: var(--whiteColor); -webkit-box-shadow: 1px 20px 30px rgba(0,0,0,.07); box-shadow: 1px 20px 30px rgba(0,0,0,.07); text-align: center; position: relative; font-size: var(--fontSize); color: #949493; border-radius: 30px; -webkit-transition: var(--transition); transition: var(--transition); font-weight: 600 }
                    .trending-products-item .image .social li a i { position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin-left: auto; margin-right: auto }
                    .trending-products-item .image .social li a:hover { color: var(--whiteColor); background-color: var(--mainColor) }
                .trending-products-item .image .social li:nth-child(1) { -webkit-transition-delay: .2s; transition-delay: .2s }
                .trending-products-item .image .social li:nth-child(2) { -webkit-transition-delay: .3s; transition-delay: .3s }
                .trending-products-item .image .social li:nth-child(3) { -webkit-transition-delay: .4s; transition-delay: .4s }
                .trending-products-item .image .social li:nth-child(4) { -webkit-transition-delay: .5s; transition-delay: .5s }
        .trending-products-item .image .percentage { position: absolute; top: 20px; right: 30px; -webkit-transition: var(--transition); transition: var(--transition) }
            .trending-products-item .image .percentage span { padding: 5px; border: 1px solid var(--mainColor); font-family: var(--optionalfontFamily); color: var(--mainColor); -webkit-transition: var(--transition); transition: var(--transition) }
    .trending-products-item .content { margin-top: 25px; text-align: center }
        .trending-products-item .content h3 { font-size: 25px; margin-bottom: 10px }
        .trending-products-item .content span { font-size: 18px; font-family: var(--optionalfontFamily); color: var(--mainColor); font-weight: 600 }
        .trending-products-item .content .star-list { padding-left: 0; margin-top: 10px; margin-bottom: 0 }
            .trending-products-item .content .star-list li { list-style-type: none; display: inline-block }
                .trending-products-item .content .star-list li i { color: #ffc107 }
    .trending-products-item:hover .image .social li { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible }
    .trending-products-item:hover .image .percentage span { border: 1px solid var(--mainColor); color: var(--whiteColor); background-color: var(--mainColor) }
.featured-products-item { margin-bottom: 30px }
    .featured-products-item .featured-text { margin-bottom: 30px }
        .featured-products-item .featured-text h3 { font-size: 20px; font-family: var(--optionalfontFamily); margin-bottom: 0 }
    .featured-products-item .featured-products-content h4 { font-size: 18px; font-family: var(--optionalfontFamily); margin-bottom: 10px }
    .featured-products-item .featured-products-content .star-list { padding-left: 0; margin-bottom: 0 }
        .featured-products-item .featured-products-content .star-list li { display: inline-block; list-style-type: none }
            .featured-products-item .featured-products-content .star-list li i { color: #ffc107 }
    .featured-products-item .featured-products-content span { font-family: var(--optionalfontFamily); color: var(--mainColor); font-weight: 600; display: block; margin-top: 10px; margin-bottom: 15px }
    .featured-products-item .featured-products-content .cart-btn { display: inline-block; background-color: #efefef; padding: 10px 30px; font-family: var(--optionalfontFamily); font-weight: 500; -webkit-transition: var(--transition); transition: var(--transition) }
        .featured-products-item .featured-products-content .cart-btn:hover { background-color: var(--mainColor); color: var(--whiteColor) }
.page-title-area { background-color: #f8f8f8; padding-top: 35px; padding-bottom: 35px }
.page-title-content { position: relative }
    .page-title-content h2 { margin-bottom: 0; font-size: 35px; font-weight: 600; font-family: var(--optionalfontFamily) }
    .page-title-content ul { text-align: right; position: absolute; right: 0; padding-left: 0; margin-bottom: 0; list-style-type: none; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) }
        .page-title-content ul li { display: inline-block; margin-left: 15px; font-weight: 600; color: var(--mainColor); position: relative; font-family: var(--optionalfontFamily) }
            .page-title-content ul li::before { content: ''; position: absolute; left: -10px; top: 8px; height: 12px; width: 1px; background-color: var(--optionalColor) }
            .page-title-content ul li:first-child { margin-left: 0 }
                .page-title-content ul li:first-child::before { display: none }
            .page-title-content ul li a { display: block }
.about-content span { font-size: 20px; font-family: var(--optionalfontFamily); color: var(--mainColor); font-weight: 600 }
.about-content h3 { font-size: 40px; margin-top: 12px; margin-bottom: 16px }
.about-content .about-btn { margin-top: 25px }
.team-item { margin-bottom: 30px }
    .team-item .image { position: relative; overflow: hidden; -webkit-transition: var(--transition); transition: var(--transition) }
        .team-item .image .social { padding-left: 0; list-style-type: none; position: absolute; left: 0; right: 0; bottom: 20px; text-align: center; margin-left: auto; margin-right: auto; margin-bottom: 0 }
            .team-item .image .social li { display: inline-block; -webkit-transform: translateY(30px); transform: translateY(30px); -webkit-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; opacity: 0; visibility: hidden; margin-left: 1px; margin-right: 1px }
                .team-item .image .social li a { display: block; width: 35px; height: 35px; background-color: #f4f5fe; text-align: center; position: relative; font-size: 20px; color: var(--blackColor); border-radius: 30px; -webkit-transition: var(--transition); transition: var(--transition) }
                    .team-item .image .social li a i { position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-weight: 700; margin-left: auto; margin-right: auto }
                    .team-item .image .social li a:hover { color: var(--whiteColor); background-color: var(--mainColor) }
                .team-item .image .social li:nth-child(1) { -webkit-transition-delay: .2s; transition-delay: .2s }
                .team-item .image .social li:nth-child(2) { -webkit-transition-delay: .3s; transition-delay: .3s }
                .team-item .image .social li:nth-child(3) { -webkit-transition-delay: .4s; transition-delay: .4s }
                .team-item .image .social li:nth-child(4) { -webkit-transition-delay: .5s; transition-delay: .5s }
    .team-item .content { -webkit-box-shadow: 0 2px 28px 0 rgba(0,0,0,.06); box-shadow: 0 2px 28px 0 rgba(0,0,0,.06); background-color: var(--whiteColor); padding: 20px 30px; text-align: center }
        .team-item .content h3 { font-size: 25px; color: var(--mainColor); margin-bottom: 8px }
        .team-item .content span { color: var(--optionalColor); font-family: var(--optionalfontFamily); font-weight: 500 }
    .team-item:hover .image .social li { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible }
.tab .tabs_item { display: none }
    .tab .tabs_item:first-child { display: block }
.faq-list-tab .tabs-list { padding-left: 0; list-style-type: none; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 40px }
    .faq-list-tab .tabs-list li { -webkit-box-flex: 1; -ms-flex: 1 0 32.33333333333333%; flex: 1 0 32.33333333333333%; max-width: 33.33333333333333%; text-align: center; margin-right: 15px }
        .faq-list-tab .tabs-list li:last-child { margin-right: 0 }
        .faq-list-tab .tabs-list li a { display: inline-block; font-weight: 500; color: var(--whiteColor); -webkit-transition: var(--transition); transition: var(--transition); width: 100%; text-align: center; background-color: var(--blackColor); padding: 14px 30px; border-radius: 50px }
        .faq-list-tab .tabs-list li.current a { color: var(--whiteColor); background-color: var(--mainColor) }
.faq-list-tab .tab_content .tabs_item .faq-accordion .accordion { list-style-type: none; padding-left: 0; margin-bottom: 0 }
    .faq-list-tab .tab_content .tabs_item .faq-accordion .accordion .accordion-item { display: block; background: var(--whiteColor); margin-bottom: 10px }
        .faq-list-tab .tab_content .tabs_item .faq-accordion .accordion .accordion-item:last-child { margin-bottom: 0 }
    .faq-list-tab .tab_content .tabs_item .faq-accordion .accordion .accordion-title { padding: 10px 0; color: var(--blackColor); position: relative; border-bottom: 1px solid #e7e7e7; margin-bottom: -1px; display: inline-block; width: 100%; text-transform: capitalize; font-size: 20px; font-weight: 700; font-family: var(--fontFamily) }
        .faq-list-tab .tab_content .tabs_item .faq-accordion .accordion .accordion-title i { font-size: 25px; margin-right: 10px }
        .faq-list-tab .tab_content .tabs_item .faq-accordion .accordion .accordion-title.active i::before { content: "\eace" }
    .faq-list-tab .tab_content .tabs_item .faq-accordion .accordion .accordion-content { display: none; position: relative; padding: 25px 0 0; font-family: var(--optionalfontFamily); font-weight: 500 }
        .faq-list-tab .tab_content .tabs_item .faq-accordion .accordion .accordion-content.show { display: block }
.faq-contact { margin-top: 100px }
.faq-contact-form { max-width: 1000px; margin: 0 auto; text-align: left }
    .faq-contact-form form .form-group { margin-bottom: 15px }
    .faq-contact-form form .form-control { background-color: #eee; border: none; height: 60px; -webkit-box-shadow: unset; box-shadow: unset; font-size: var(--fontSize); font-weight: 500 }
    .faq-contact-form form .row { margin-left: -7px; margin-right: -7px }
        .faq-contact-form form .row .col-lg-12, .faq-contact-form form .row .col-lg-6 { padding-left: 7px; padding-right: 7px }
    .faq-contact-form form textarea.form-control { height: auto; padding-top: 15px }
    .faq-contact-form form .help-block ul { padding-left: 0; list-style-type: none; margin-top: 5px; margin-bottom: 0 }
        .faq-contact-form form .help-block ul li { color: red; font-weight: 600 }
    .faq-contact-form form #msgSubmit { margin-bottom: 0 }
        .faq-contact-form form #msgSubmit.text-danger, .faq-contact-form form #msgSubmit.text-success { margin-top: 16px; font-size: 22px; font-weight: 700 }
    .faq-contact-form form .default-btn { border: none }
.customer-service-content h3 { position: relative; margin-bottom: 20px; font-size: 25px; font-weight: 700 }
    .customer-service-content h3:not(:first-child) { margin-top: 30px }
.customer-service-content p { font-family: var(--optionalfontFamily) }
.customer-service-content ul { padding-left: 0; list-style-type: none; margin-bottom: 0 }
    .customer-service-content ul li { color: var(--optionalColor); margin-bottom: 12px; position: relative; padding-left: 14px; font-family: var(--optionalfontFamily); font-weight: 500 }
        .customer-service-content ul li::before { content: ''; position: absolute; left: 0; top: 9px; width: 5px; height: 5px; border-radius: 50%; background: var(--mainColor) }
        .customer-service-content ul li:last-child { margin-bottom: 0 }
        .customer-service-content ul li a { display: inline-block; color: var(--optionalColor) }
            .customer-service-content ul li a:hover { color: var(--blackColor) }
.track-order-content { max-width: 700px; background-color: var(--whiteColor); -webkit-box-shadow: 3px 5px 25px 0 rgba(0,0,0,.1); box-shadow: 3px 5px 25px 0 rgba(0,0,0,.1); text-align: center; padding: 40px; margin-left: auto; margin-right: auto }
    .track-order-content h2 { margin-bottom: 30px; font-size: 35px; font-weight: 700 }
    .track-order-content form { text-align: left; padding-left: 30px; padding-right: 30px }
        .track-order-content form .form-group { margin-bottom: 15px }
            .track-order-content form .form-group label { display: block; color: var(--blackColor); margin-bottom: 10px; font-weight: 600; font-family: var(--optionalfontFamily) }
            .track-order-content form .form-group .form-control { background-color: transparent; height: 48px; border-radius: 0; -webkit-box-shadow: unset !important; box-shadow: unset !important; padding: 0 0 0 15px; border: 1px solid #f5f5f5; color: var(--blackColor); -webkit-transition: var(--transition); transition: var(--transition) }
                .track-order-content form .form-group .form-control:focus { border-color: var(--mainColor); background-color: var(--whiteColor) }
                    .track-order-content form .form-group .form-control:focus::-webkit-input-placeholder { color: transparent }
                    .track-order-content form .form-group .form-control:focus:-ms-input-placeholder { color: transparent }
                    .track-order-content form .form-group .form-control:focus::-ms-input-placeholder { color: transparent }
                    .track-order-content form .form-group .form-control:focus::placeholder { color: transparent }
                .track-order-content form .form-group .form-control::-webkit-input-placeholder { -webkit-transition: var(--transition); transition: var(--transition) }
                .track-order-content form .form-group .form-control:-ms-input-placeholder { -webkit-transition: var(--transition); transition: var(--transition) }
                .track-order-content form .form-group .form-control::-ms-input-placeholder { -webkit-transition: var(--transition); transition: var(--transition) }
                .track-order-content form .form-group .form-control::placeholder { -webkit-transition: var(--transition); transition: var(--transition) }
        .track-order-content form .default-btn { margin-top: 5px; border: none; cursor: pointer }
.error-content { text-align: center; margin: 0 auto; max-width: 520px }
    .error-content h3 { font-size: 30px; font-weight: 700; margin-top: 30px; margin-bottom: 15px }
    .error-content p { margin-bottom: 25px }
.coming-soon-section { position: relative; z-index: 1; height: 100vh; background-image: url(../../assets/img/coming-soon-bg-3.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat }
    .coming-soon-section::before { z-index: -1; background: #000; position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; opacity: .5 }
    .coming-soon-section .social-list { padding: 0; margin: 0; list-style-type: none; position: absolute; left: 0; right: 0; margin: 0 auto; text-align: center; bottom: 30px }
        .coming-soon-section .social-list li { display: inline-block }
            .coming-soon-section .social-list li.list-heading { display: block; color: var(--whiteColor); margin-bottom: 10px; font-size: 16px; font-weight: 500 }
            .coming-soon-section .social-list li a { width: 35px; height: 35px; line-height: 35px; background: var(--mainColor); border: 1px solid var(--mainColor); color: var(--whiteColor); border-radius: 50%; margin: 0 2px; display: inline-block }
                .coming-soon-section .social-list li a:hover { background-color: transparent; color: var(--mainColor); -webkit-transition: var(--transition); transition: var(--transition) }
.coming-soon-item { text-align: center; max-width: 1000px; margin: -80px auto 0 }
    .coming-soon-item h1 { color: var(--whiteColor); margin-bottom: 15px; font-size: 60px; font-weight: 700; font-family: var(--optionalfontFamily) }
    .coming-soon-item p { color: var(--whiteColor); font-size: 14px; margin: 0 auto; max-width: 620px; line-height: 30px; font-family: var(--optionalfontFamily) }
    .coming-soon-item form { position: relative; margin: 35px auto 55px; max-width: 750px }
        .coming-soon-item form .email-input { display: block; width: 100%; height: 56px; border: none; border-radius: 40px; padding: 15px 25px; outline: 0 !important; background: #f1f2f3; font-family: var(--optionalfontFamily) }
        .coming-soon-item form .submit-btn { position: absolute; right: 3px; top: 3px; height: 50px; background: var(--mainColor); color: var(--whiteColor); border: none; border-radius: 40px; width: 130px; outline: 0 !important; cursor: pointer; text-transform: uppercase; font-family: var(--optionalfontFamily); font-size: 14px; font-weight: 600 }
            .coming-soon-item form .submit-btn:hover, .coming-soon-item form .submit-btn:focus { background-color: var(--mainColor) }
    .coming-soon-item #timer div { background: var(--whiteColor); display: inline-block; border-radius: 50%; width: 120px; height: 120px; color: var(--mainColor); margin: 0 10px; padding-top: 18px; font-size: 40px; font-weight: 700; font-family: var(--optionalfontFamily) }
    .coming-soon-item #timer span { display: block; margin-top: -4px; color: var(--mainColor); font-family: var(--optionalfontFamily); font-size: var(--fontSize) }
.subscribe-area { background-color: var(--mainColor) }
    .subscribe-area .subscribe-content h2 { font-size: 30px; margin-bottom: 10px; color: var(--whiteColor) }
    .subscribe-area .subscribe-content p { color: var(--whiteColor); margin-bottom: 0 }
    .subscribe-area .newsletter-form { max-width: 580px; position: relative; margin-left: auto; margin-right: auto }
        .subscribe-area .newsletter-form .input-newsletter { display: block; width: 100%; background-color: #eee; border: none; height: 60px; padding-left: 25px; border-radius: 50px; outline: 0; color: var(--blackColor) }
            .subscribe-area .newsletter-form .input-newsletter::-webkit-input-placeholder { color: var(--optionalColor) }
            .subscribe-area .newsletter-form .input-newsletter:-ms-input-placeholder { color: var(--optionalColor) }
            .subscribe-area .newsletter-form .input-newsletter::-ms-input-placeholder { color: var(--optionalColor) }
            .subscribe-area .newsletter-form .input-newsletter::placeholder { color: var(--optionalColor) }
        .subscribe-area .newsletter-form button { position: absolute; right: 4px; top: 4px; background-color: var(--blackColor); color: var(--whiteColor); border: none; height: 52px; padding: 0 30px; border-radius: 50px; -webkit-transition: var(--transition); transition: var(--transition); line-height: 50px; text-transform: capitalize; cursor: pointer; font-size: 16px; font-weight: 400 }
            .subscribe-area .newsletter-form button:hover { background-color: var(--blackColor); color: var(--whiteColor) }
        .subscribe-area .newsletter-form #validator-newsletter { color: #fff; position: relative; top: 8px; font-size: 16px; font-weight: 500 }
.contact-form { text-align: center }
    .contact-form form .form-group { margin-bottom: 15px }
    .contact-form form .form-control { background-color: #f3f3f3; border: none; height: 60px; border: 1px solid #f3f3f3; -webkit-transition: var(--transition); transition: var(--transition); font-size: 16px }
        .contact-form form .form-control:focus { background-color: transparent; border-color: var(--mainColor); outline: 0; -webkit-box-shadow: unset; box-shadow: unset }
    .contact-form form textarea.form-control { height: auto; padding-top: 15px }
    .contact-form form .help-block ul { padding-left: 0; list-style-type: none; text-align: left; margin-top: 5px; margin-bottom: 0 }
        .contact-form form .help-block ul li { color: red }
    .contact-form form #msgSubmit { margin-bottom: 0; text-align: center !important }
        .contact-form form #msgSubmit.text-danger, .contact-form form #msgSubmit.text-success { margin-top: 20px; font-size: 20px; font-weight: 500 }
    .contact-form form .default-btn { border: none }
.map-inner iframe { border: none; height: 500px; width: 100% }
.login-form { background: var(--whiteColor); -webkit-box-shadow: 0 2px 48px 0 rgba(0,0,0,.08); box-shadow: 0 2px 48px 0 rgba(0,0,0,.08); padding: 40px; border-radius: 5px; max-width: 600px; margin: auto }
    .login-form .sign-in-title { margin-bottom: 30px }
        .login-form .sign-in-title h3 { font-size: 30px; font-family: var(--fontFamily); margin-bottom: 8px }
        .login-form .sign-in-title p { margin-bottom: 30px }
    .login-form form .form-group { margin-bottom: 15px }
    .login-form form .form-control { height: 50px; border: 1px solid #eee; border-radius: 3px; color: var(--blackColor); padding-left: 20px; background: 0 0 }
        .login-form form .form-control:focus { border-color: var(--mainColor); outline: 0; -webkit-box-shadow: none; box-shadow: none }
        .login-form form .form-control::-webkit-input-placeholder { color: var(--optionalColor) }
        .login-form form .form-control:-ms-input-placeholder { color: var(--optionalColor) }
        .login-form form .form-control::-ms-input-placeholder { color: var(--optionalColor) }
        .login-form form .form-control::placeholder { color: var(--optionalColor) }
    .login-form form .form-check { margin-top: 18px }
        .login-form form .form-check .form-check-label { color: var(--optionalColor); position: relative; top: -2px; z-index: 1; font-family: var(--optionalfontFamily); font-weight: 500 }
    .login-form form .form-check-input { margin-top: 3px }
    .login-form form .send-btn { margin-top: 20px }
        .login-form form .send-btn .default-btn { color: var(--whiteColor); cursor: pointer; border: none }
    .login-form form span { display: block; color: #777 }
        .login-form form span a { color: var(--mainColor) }
    .login-form .forgot-password { margin-bottom: 0; margin-top: -25px; text-align: right }
        .login-form .forgot-password a { color: #777; font-family: var(--optionalfontFamily); font-weight: 500 }
            .login-form .forgot-password a:hover { color: var(--mainColor) }
.new-customer-content { padding-left: 15px }
    .new-customer-content h2 { margin-bottom: 20px; font-size: 30px }
    .new-customer-content span { display: block; margin-bottom: 15px; font-size: 18px; font-weight: 600 }
    .new-customer-content p { margin-bottom: 0; font-family: var(--optionalfontFamily) }
    .new-customer-content .default-btn { margin-top: 25px }
.register-form { background: var(--whiteColor); -webkit-box-shadow: 0 2px 48px 0 rgba(0,0,0,.08); box-shadow: 0 2px 48px 0 rgba(0,0,0,.08); padding: 40px; border-radius: 5px }
    .register-form .register-in-title { margin-bottom: 30px }
        .register-form .register-in-title h3 { font-size: 30px; font-family: var(--fontFamily); margin-bottom: 0 }
        .register-form .register-in-title p { margin-bottom: 30px }
    .register-form form .form-group { margin-bottom: 15px }
    .register-form form .form-control { height: 60px; border: 1px solid #eee; border-radius: 3px; color: var(--blackColor); padding-left: 20px; background: 0 0 }
        .register-form form .form-control:focus { border-color: var(--mainColor); outline: 0; -webkit-box-shadow: none; box-shadow: none }
        .register-form form .form-control::-webkit-input-placeholder { color: var(--optionalColor) }
        .register-form form .form-control:-ms-input-placeholder { color: var(--optionalColor) }
        .register-form form .form-control::-ms-input-placeholder { color: var(--optionalColor) }
        .register-form form .form-control::placeholder { color: var(--optionalColor) }
    .register-form form .send-btn { margin-top: 20px }
        .register-form form .send-btn .default-btn { color: var(--whiteColor); cursor: pointer; border: none }
    .register-form form span { display: block; color: #777 }
        .register-form form span a { color: var(--mainColor) }
.forgot-password-form { background: var(--whiteColor); -webkit-box-shadow: 0 2px 48px 0 rgba(0,0,0,.08); box-shadow: 0 2px 48px 0 rgba(0,0,0,.08); padding: 40px; border-radius: 5px; max-width: 750px; margin: auto }
    .forgot-password-form .forgot-password-in-title { margin-bottom: 30px }
        .forgot-password-form .forgot-password-in-title h3 { font-size: 30px; font-family: var(--fontFamily); margin-bottom: 0 }
        .forgot-password-form .forgot-password-in-title p { margin-bottom: 30px }
    .forgot-password-form form .form-group { margin-bottom: 15px }
    .forgot-password-form form .form-control { height: 60px; border: 1px solid #eee; border-radius: 3px; color: var(--blackColor); padding-left: 20px; background: 0 0 }
        .forgot-password-form form .form-control:focus { border-color: var(--mainColor); outline: 0; -webkit-box-shadow: none; box-shadow: none }
        .forgot-password-form form .form-control::-webkit-input-placeholder { color: var(--optionalColor) }
        .forgot-password-form form .form-control:-ms-input-placeholder { color: var(--optionalColor) }
        .forgot-password-form form .form-control::-ms-input-placeholder { color: var(--optionalColor) }
        .forgot-password-form form .form-control::placeholder { color: var(--optionalColor) }
    .forgot-password-form form .send-btn .default-btn { color: var(--whiteColor); cursor: pointer; border: none }
.privacy-content h3 { font-size: 25px; margin: 0 0 16px; font-family: var(--optionalfontFamily); font-weight: 600 }
.privacy-content p { font-family: var(--optionalfontFamily); font-size: var(--fontSize) }
.privacy-content ol, .privacy-content ul { margin-top: 20px }
    .privacy-content ol li, .privacy-content ul li { margin-bottom: 10px; color: var(--optionalColor); line-height: 1.8; font-family: var(--optionalfontFamily); font-size: var(--fontSize); font-weight: 400 }
.single-gallery-item { position: relative; overflow: hidden; text-align: center; margin-bottom: 30px }
    .single-gallery-item img { -webkit-transition: var(--transition); transition: var(--transition) }
    .single-gallery-item .gallery-content { position: absolute; bottom: 0; left: 10px; right: 10px; padding: 30px 15px; z-index: 1; opacity: 0; visibility: hidden; -webkit-transition: var(--transition); transition: var(--transition) }
        .single-gallery-item .gallery-content::before { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: var(--whiteColor); z-index: -1 }
        .single-gallery-item .gallery-content span { display: block; color: var(--mainColor); margin-bottom: 5px; font-family: var(--optionalfontFamily); font-weight: 500 }
        .single-gallery-item .gallery-content h3 { font-size: 25px; font-weight: 700; margin-top: 5px; margin-bottom: 0 }
    .single-gallery-item:hover img { -webkit-transform: rotate(8deg) scale(1.3); transform: rotate(8deg) scale(1.3) }
    .single-gallery-item:hover .gallery-content { bottom: 10px; opacity: 1; visibility: visible }
.single-lookbook-item { position: relative; overflow: hidden; text-align: center; margin-bottom: 30px }
    .single-lookbook-item img { -webkit-transition: var(--transition); transition: var(--transition) }
    .single-lookbook-item .lookbook-content { position: absolute; bottom: 10px; left: 10px; right: 10px; padding: 30px 15px; z-index: 1; -webkit-transition: var(--transition); transition: var(--transition) }
        .single-lookbook-item .lookbook-content::before { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: var(--whiteColor); z-index: -1 }
        .single-lookbook-item .lookbook-content p { display: block; margin-bottom: 8px; font-family: var(--optionalfontFamily); font-size: var(--fontSize); font-weight: 600 }
            .single-lookbook-item .lookbook-content p a { display: inline-block; padding-right: 4px }
            .single-lookbook-item .lookbook-content p:last-child { margin-bottom: 0 }
    .single-lookbook-item:hover img { -webkit-transform: rotate(10deg) scale(1.3); transform: rotate(10deg) scale(1.3) }
    .single-lookbook-item:hover .lookbook-content { bottom: 15px; left: 5px; right: 5px }
.pagination-area { text-align: center; margin-top: 20px }
    .pagination-area .page-numbers { width: 45px; height: 45px; margin: 0 3px; display: inline-block; background-color: var(--whiteColor); line-height: 48px; color: var(--blackColor); -webkit-box-shadow: 0 2px 10px 0 #d8dde6; box-shadow: 0 2px 10px 0 #d8dde6; font-size: 18px; font-weight: 700; font-family: var(--optionalfontFamily) }
        .pagination-area .page-numbers.current, .pagination-area .page-numbers:hover, .pagination-area .page-numbers:focus { background: var(--mainColor); color: var(--whiteColor); -webkit-box-shadow: 0 2px 10px 0 #d8dde6; box-shadow: 0 2px 10px 0 #d8dde6 }
.widget-area .widget { margin-top: 35px }
    .widget-area .widget:first-child { margin-top: 0 }
    .widget-area .widget .widget-title { border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 25px; text-transform: capitalize; position: relative; font-size: 22px }
        .widget-area .widget .widget-title::before { content: ''; position: absolute; background: var(--mainColor); bottom: -1px; left: 0; width: 50px; height: 1px }
.widget-area .widget_search form { position: relative; -webkit-box-shadow: 0 0 29px 0 rgba(102,102,102,.1); box-shadow: 0 0 29px 0 rgba(102,102,102,.1); background-color: var(--whiteColor); padding: 15px }
    .widget-area .widget_search form label { display: block; margin-bottom: 0 }
    .widget-area .widget_search form .screen-reader-text { display: none }
    .widget-area .widget_search form .search-field { background-color: #ecf3ff; height: 50px; padding: 6px 15px; border: 1px solid #ecf3ff; width: 100%; display: block; outline: 0; -webkit-transition: var(--transition); transition: var(--transition) }
        .widget-area .widget_search form .search-field:focus { border-color: #ecf3ff; background-color: transparent }
    .widget-area .widget_search form button { position: absolute; right: 16px; outline: 0; bottom: 15px; height: 50px; width: 50px; line-height: 50px; z-index: 1; border: none; color: var(--whiteColor); background-color: var(--mainColor); -webkit-transition: var(--transition); transition: var(--transition); cursor: pointer; font-weight: 600 }
        .widget-area .widget_search form button:hover { background-color: var(--blackColor); color: var(--whiteColor) }
        .widget-area .widget_search form button i { font-size: 20px }
.widget-area .widget_content .list { padding-left: 0; margin-bottom: 30px }
    .widget-area .widget_content .list li { list-style-type: none; font-weight: 600; margin-bottom: 10px; -webkit-transition: var(--transition); transition: var(--transition); font-family: var(--optionalfontFamily) }
        .widget-area .widget_content .list li:last-child { margin-bottom: 0 }
        .widget-area .widget_content .list li a { display: inline-block; color: var(--blackColor); background-color: #fafafa; padding: 14px 25px; margin-bottom: 10px; -webkit-transition: var(--transition); transition: var(--transition); width: 100% }
            .widget-area .widget_content .list li a:last-child { margin-bottom: 0 }
            .widget-area .widget_content .list li a:hover { background-color: var(--mainColor); color: var(--whiteColor) }
    .widget-area .widget_content .list i { float: right; position: relative; top: 0 }
.widget-area .widget_xenoz_posts_thumb { position: relative; overflow: hidden }
    .widget-area .widget_xenoz_posts_thumb .item { overflow: hidden; margin-bottom: 20px }
        .widget-area .widget_xenoz_posts_thumb .item:last-child { margin-bottom: 0 }
        .widget-area .widget_xenoz_posts_thumb .item .thumb { float: left; height: 80px; overflow: hidden; position: relative; width: 80px; margin-right: 15px }
            .widget-area .widget_xenoz_posts_thumb .item .thumb .fullimage { width: 80px; height: 80px; display: inline-block; background-size: cover !important; background-repeat: no-repeat; background-position: center center !important }
                .widget-area .widget_xenoz_posts_thumb .item .thumb .fullimage.bg1 { background-image: url(../../assets/img/trending-products/products1.jpg) }
                .widget-area .widget_xenoz_posts_thumb .item .thumb .fullimage.bg2 { background-image: url(../../assets/img/trending-products/products2.jpg) }
                .widget-area .widget_xenoz_posts_thumb .item .thumb .fullimage.bg3 { background-image: url(../../assets/img/trending-products/products3.jpg) }
        .widget-area .widget_xenoz_posts_thumb .item .info { overflow: hidden; margin-top: 2px }
            .widget-area .widget_xenoz_posts_thumb .item .info time { display: block; color: var(--optionalColor); text-transform: capitalize; font-size: 14px; font-family: var(--optionalfontFamily); font-weight: 500 }
            .widget-area .widget_xenoz_posts_thumb .item .info .title { margin-bottom: 0; line-height: 1.5; font-size: 18px; font-weight: 600; margin-top: 5px; color: var(--blackColor); font-family: var(--optionalfontFamily) }
                .widget-area .widget_xenoz_posts_thumb .item .info .title a { display: inline-block }
.widget-area .widget-image { position: relative }
    .widget-area .widget-image .click-btn { position: absolute; left: 0; right: 0; margin: auto; bottom: 50px; text-align: center }
        .widget-area .widget-image .click-btn a { display: inline-block; padding: 14px 35px; background-color: var(--whiteColor); color: var(--blackColor); font-weight: 500; -webkit-transition: var(--transition); transition: var(--transition); font-family: var(--optionalfontFamily); font-weight: 600 }
            .widget-area .widget-image .click-btn a:hover { background-color: var(--mainColor); color: var(--whiteColor) }
.single-blog-details .blog-details-image { margin-bottom: 25px }
.single-blog-details .content .list { padding-left: 0; margin-bottom: 0 }
    .single-blog-details .content .list li { list-style-type: none; display: inline-block; color: #777676; margin-right: 10px; font-family: var(--optionalfontFamily) }
        .single-blog-details .content .list li:last-child { margin-right: 0 }
        .single-blog-details .content .list li a { color: #777676 }
            .single-blog-details .content .list li a:hover { color: var(--mainColor) }
.single-blog-details .content h3 { font-size: 30px; margin-top: 12px; margin-bottom: 14px }
.single-blog-details .content p { margin-bottom: 0 }
.single-blog-details .text { margin-bottom: 30px }
.single-blog-details .quote { background-color: #f4f4f4; padding: 30px; -webkit-transition: var(--transition); transition: var(--transition) }
    .single-blog-details .quote p { font-size: 18px; color: #0c0c39; font-weight: 500; font-style: italic; -webkit-transition: var(--transition); transition: var(--transition) }
        .single-blog-details .quote p i { margin-right: 10px; -webkit-transition: var(--transition); transition: var(--transition); color: #0c0c39 }
    .single-blog-details .quote:hover { background-color: var(--mainColor) }
        .single-blog-details .quote:hover p { color: var(--whiteColor) }
            .single-blog-details .quote:hover p i { color: var(--whiteColor) }
.single-blog-details .post-tags { margin-top: 30px }
    .single-blog-details .post-tags .tags { padding-left: 0; margin-bottom: 0 }
        .single-blog-details .post-tags .tags li { list-style-type: none; display: inline-block; font-family: var(--optionalfontFamily) }
            .single-blog-details .post-tags .tags li span { margin-right: 10px; color: var(--blackColor) }
            .single-blog-details .post-tags .tags li a { display: inline-block; padding: 10px 20px; background-color: #f7f4f4; color: var(--blackColor); -webkit-transition: var(--transition); transition: var(--transition) }
                .single-blog-details .post-tags .tags li a:hover { background-color: var(--mainColor); color: var(--whiteColor) }
.single-blog-details .related-posts { margin-top: 30px }
    .single-blog-details .related-posts .content h3 { font-size: 20px; margin-top: 0; margin-bottom: 10px }
    .single-blog-details .related-posts h3 { font-size: 30px; margin-bottom: 12px }
    .single-blog-details .related-posts p { margin-bottom: 30px; font-family: var(--optionalfontFamily) }
.comments-area { margin-top: 30px }
    .comments-area .comments-title { position: relative; margin-bottom: 30px; line-height: initial; font-size: 30px; font-family: var(--optionalfontFamily) }
    .comments-area ol, .comments-area ul { padding: 0; margin: 0; list-style-type: none }
    .comments-area .comment-list { padding: 0; margin: 0; list-style-type: none }
    .comments-area .comment-body { border-bottom: 1px solid #eee; padding-left: 90px; color: var(--blackColor); font-size: 14px; margin-bottom: 20px; padding-bottom: 20px }
        .comments-area .comment-body .reply { margin-top: 15px }
            .comments-area .comment-body .reply a { border: 1px solid #ded9d9; color: var(--blackColor); display: inline-block; padding: 5px 20px; border-radius: 30px; text-transform: capitalize; position: relative; z-index: 1; font-size: 12px; font-weight: 400 }
                .comments-area .comment-body .reply a:hover { color: var(--whiteColor); background-color: var(--mainColor); border-color: var(--mainColor) }
    .comments-area .comment-author { font-size: 18px; margin-bottom: .1em; position: relative; z-index: 2 }
        .comments-area .comment-author .avatar { height: 70px; left: -85px; position: absolute; width: 70px; border-radius: 50px }
        .comments-area .comment-author .fn { font-size: 20px }
        .comments-area .comment-author .says { display: none }
    .comments-area .comment-metadata { margin-bottom: .8em; color: var(--optionalColor); letter-spacing: .01em; font-family: var(--optionalfontFamily); font-size: 14px; font-weight: 400 }
        .comments-area .comment-metadata a { color: var(--optionalColor) }
            .comments-area .comment-metadata a:hover { color: var(--mainColor) }
    .comments-area .comment-respond { margin-top: 30px }
        .comments-area .comment-respond .comment-reply-title { margin-bottom: 0; position: relative; font-size: 30px }
            .comments-area .comment-respond .comment-reply-title #cancel-comment-reply-link { display: inline-block }
        .comments-area .comment-respond .comment-form { overflow: hidden }
        .comments-area .comment-respond .comment-notes { margin-bottom: 0; margin-top: 10px }
        .comments-area .comment-respond .comment-form-comment { margin-top: 15px; float: left; width: 100% }
        .comments-area .comment-respond label { display: block; font-weight: 500; color: var(--blackColor); margin-bottom: 5px; font-family: var(--optionalfontFamily) }
        .comments-area .comment-respond input[type=date], .comments-area .comment-respond input[type=time], .comments-area .comment-respond input[type=datetime-local], .comments-area .comment-respond input[type=week], .comments-area .comment-respond input[type=month], .comments-area .comment-respond input[type=text], .comments-area .comment-respond input[type=email], .comments-area .comment-respond input[type=url], .comments-area .comment-respond input[type=password], .comments-area .comment-respond input[type=search], .comments-area .comment-respond input[type=tel], .comments-area .comment-respond input[type=number], .comments-area .comment-respond textarea { display: block; width: 100%; background-color: var(--whiteColor); border: 1px solid #eee; padding: .625em .7375em; outline: 0; -webkit-transition: var(--transition); transition: var(--transition) }
            .comments-area .comment-respond input[type=date]:focus, .comments-area .comment-respond input[type=time]:focus, .comments-area .comment-respond input[type=datetime-local]:focus, .comments-area .comment-respond input[type=week]:focus, .comments-area .comment-respond input[type=month]:focus, .comments-area .comment-respond input[type=text]:focus, .comments-area .comment-respond input[type=email]:focus, .comments-area .comment-respond input[type=url]:focus, .comments-area .comment-respond input[type=password]:focus, .comments-area .comment-respond input[type=search]:focus, .comments-area .comment-respond input[type=tel]:focus, .comments-area .comment-respond input[type=number]:focus, .comments-area .comment-respond textarea:focus { border-color: var(--mainColor) }
        .comments-area .comment-respond .comment-form-author { float: left; width: 50%; padding-right: 10px; margin-bottom: 20px }
        .comments-area .comment-respond .comment-form-email { float: left; width: 50%; padding-left: 12px; margin-bottom: 20px }
        .comments-area .comment-respond .comment-form-url { float: left; width: 100%; margin-bottom: 20px }
        .comments-area .comment-respond .comment-form-cookies-consent { width: 100%; float: left; position: relative; padding-left: 20px; margin-bottom: 20px }
            .comments-area .comment-respond .comment-form-cookies-consent input { position: absolute; left: 0; top: 4px }
            .comments-area .comment-respond .comment-form-cookies-consent label { display: inline-block; margin: 0; color: var(--optionalColor); font-weight: 400; position: relative; top: -2px }
        .comments-area .comment-respond .form-submit { float: left; width: 100% }
            .comments-area .comment-respond .form-submit input { background: var(--mainColor); border: none; color: var(--whiteColor); padding: 10px 30px; display: inline-block; cursor: pointer; outline: 0; border-radius: 0; text-transform: capitalize; -webkit-transition: var(--transition); transition: var(--transition); font-weight: 400; font-size: 14px }
                .comments-area .comment-respond .form-submit input:hover, .comments-area .comment-respond .form-submit input:focus { color: var(--whiteColor); background-color: var(--blackColor) }
.woocommerce-widget-area .woocommerce-widget { margin-bottom: 35px }
    .woocommerce-widget-area .woocommerce-widget .woocommerce-widget-title { margin-bottom: 25px; position: relative; padding-bottom: 8px; border-bottom: 1px solid #eee; font-size: 20px; font-weight: 700 }
        .woocommerce-widget-area .woocommerce-widget .woocommerce-widget-title::before { content: ''; position: absolute; left: 0; bottom: 0; width: 50px; height: 1px; bottom: -1px; background-color: var(--mainColor) }
    .woocommerce-widget-area .woocommerce-widget:last-child { margin-bottom: 0 }
.woocommerce-widget-area .filter-list-widget .selected-filters-wrap-list ul { padding-left: 0; margin-bottom: 0; list-style-type: none }
    .woocommerce-widget-area .filter-list-widget .selected-filters-wrap-list ul li { margin-bottom: 9px; font-size: 14.5px; font-weight: 600; font-family: var(--optionalfontFamily) }
        .woocommerce-widget-area .filter-list-widget .selected-filters-wrap-list ul li a { position: relative; padding-left: 28px; display: inline-block }
            .woocommerce-widget-area .filter-list-widget .selected-filters-wrap-list ul li a i { display: inline-block; background-color: var(--mainColor); width: 18px; height: 18px; color: var(--whiteColor); border-radius: 50%; text-align: center; line-height: 19px; position: absolute; left: 0; top: 1px; padding-left: 1px }
        .woocommerce-widget-area .filter-list-widget .selected-filters-wrap-list ul li:last-child { margin-bottom: 0 }
.woocommerce-widget-area .filter-list-widget .selected-filters-wrap-list .delete-selected-filters { display: inline-block; margin-top: 15px; font-weight: 600; font-family: var(--optionalfontFamily) }
    .woocommerce-widget-area .filter-list-widget .selected-filters-wrap-list .delete-selected-filters:hover { color: red }
    .woocommerce-widget-area .filter-list-widget .selected-filters-wrap-list .delete-selected-filters span { text-decoration: underline }
.woocommerce-widget-area .collections-list-widget .collections-list-row { padding-left: 0; margin-bottom: 0; list-style-type: none }
    .woocommerce-widget-area .collections-list-widget .collections-list-row li { margin-bottom: 9px }
        .woocommerce-widget-area .collections-list-widget .collections-list-row li a { display: inline-block; position: relative; padding-left: 25px; font-weight: 600; font-family: var(--optionalfontFamily) }
            .woocommerce-widget-area .collections-list-widget .collections-list-row li a::before { content: ''; position: absolute; left: 0; top: 2.5px; width: 15px; -webkit-transition: var(--transition); transition: var(--transition); height: 15px; border-radius: 50%; border: 1px solid var(--blackColor) }
            .woocommerce-widget-area .collections-list-widget .collections-list-row li a:hover { color: var(--mainColor) }
                .woocommerce-widget-area .collections-list-widget .collections-list-row li a:hover::before { border-color: var(--mainColor) }
            .woocommerce-widget-area .collections-list-widget .collections-list-row li a.active::before { background-color: var(--mainColor); border-color: var(--mainColor) }
        .woocommerce-widget-area .collections-list-widget .collections-list-row li.active a::before { background-color: var(--mainColor); border-color: var(--mainColor) }
        .woocommerce-widget-area .collections-list-widget .collections-list-row li:last-child { display: inline-block }
.woocommerce-widget-area .price-list-widget .form-group .form-control { -webkit-box-shadow: none; box-shadow: none; border-radius: 0; height: 50px }
    .woocommerce-widget-area .price-list-widget .form-group .form-control:focus { border-color: var(--mainColor) }
.woocommerce-widget-area .size-list-widget .size-list-row { list-style-type: none; padding-left: 0; margin-bottom: 0; margin-top: -10px }
    .woocommerce-widget-area .size-list-widget .size-list-row li { display: inline-block; margin-right: 10px; margin-top: 10px }
        .woocommerce-widget-area .size-list-widget .size-list-row li a { width: 35px; height: 35px; display: inline-block; line-height: 33px; border: 1px solid #eee; text-align: center; font-weight: 600; font-family: var(--optionalfontFamily) }
            .woocommerce-widget-area .size-list-widget .size-list-row li a:hover, .woocommerce-widget-area .size-list-widget .size-list-row li a:focus { border-color: var(--mainColor); color: var(--whiteColor); background-color: var(--mainColor) }
            .woocommerce-widget-area .size-list-widget .size-list-row li a.active a { border-color: var(--mainColor); color: var(--whiteColor); background-color: var(--mainColor) }
        .woocommerce-widget-area .size-list-widget .size-list-row li.active a { border-color: var(--mainColor); color: var(--whiteColor); background-color: var(--mainColor) }
.woocommerce-widget-area .color-list-widget .color-list-row { list-style-type: none; padding-left: 0; margin-bottom: -5px; margin-top: -4px }
    .woocommerce-widget-area .color-list-widget .color-list-row li { display: inline-block; margin-right: 4px; margin-top: 4px }
        .woocommerce-widget-area .color-list-widget .color-list-row li a { display: block; position: relative; border: 1px solid transparent; width: 25px; height: 25px; border-radius: 50% }
            .woocommerce-widget-area .color-list-widget .color-list-row li a::before { position: absolute; content: ''; left: 0; right: 0; top: 0; bottom: 0; background: #eee; border-radius: 50%; margin: 2px; -webkit-transition: var(--transition); transition: var(--transition) }
            .woocommerce-widget-area .color-list-widget .color-list-row li a:hover { border-color: var(--blackColor) }
            .woocommerce-widget-area .color-list-widget .color-list-row li a.color-white::before { background: var(--whiteColor); border: 1px solid #eee }
            .woocommerce-widget-area .color-list-widget .color-list-row li a.color-black::before { background: var(--blackColor) }
            .woocommerce-widget-area .color-list-widget .color-list-row li a.color-red::before { background: red }
            .woocommerce-widget-area .color-list-widget .color-list-row li a.color-blue::before { background: blue }
            .woocommerce-widget-area .color-list-widget .color-list-row li a.color-green::before { background: green }
            .woocommerce-widget-area .color-list-widget .color-list-row li a.color-yellow::before { background: #ff0 }
            .woocommerce-widget-area .color-list-widget .color-list-row li a.color-yellowgreen::before { background: #9acd32 }
            .woocommerce-widget-area .color-list-widget .color-list-row li a.color-pink::before { background: pink }
            .woocommerce-widget-area .color-list-widget .color-list-row li a.color-violet::before { background: violet }
            .woocommerce-widget-area .color-list-widget .color-list-row li a.color-teal::before { background: teal }
            .woocommerce-widget-area .color-list-widget .color-list-row li a.color-plum::before { background: plum }
            .woocommerce-widget-area .color-list-widget .color-list-row li a.color-lime::before { background: lime }
            .woocommerce-widget-area .color-list-widget .color-list-row li a.color-blueviolet::before { background: #8a2be2 }
        .woocommerce-widget-area .color-list-widget .color-list-row li.active a { border-color: var(--blackColor) }
.woocommerce-widget-area .brands-list-widget .brands-list-row { padding-left: 0; margin-bottom: 0; list-style-type: none }
    .woocommerce-widget-area .brands-list-widget .brands-list-row li { margin-bottom: 9px }
        .woocommerce-widget-area .brands-list-widget .brands-list-row li a { display: inline-block; position: relative; padding-left: 25px; font-weight: 600; font-family: var(--optionalfontFamily) }
            .woocommerce-widget-area .brands-list-widget .brands-list-row li a::before { content: ''; position: absolute; left: 0; top: 2.5px; width: 15px; -webkit-transition: var(--transition); transition: var(--transition); height: 15px; border-radius: 3px; border: 1px solid var(--blackColor) }
            .woocommerce-widget-area .brands-list-widget .brands-list-row li a:hover { color: var(--mainColor) }
                .woocommerce-widget-area .brands-list-widget .brands-list-row li a:hover::before { border-color: var(--mainColor) }
            .woocommerce-widget-area .brands-list-widget .brands-list-row li a.active::before { background-color: var(--mainColor); border-color: var(--mainColor) }
        .woocommerce-widget-area .brands-list-widget .brands-list-row li.active a::before { background-color: var(--mainColor); border-color: var(--mainColor) }
        .woocommerce-widget-area .brands-list-widget .brands-list-row li:last-child { display: inline-block }
.woocommerce-widget-area .aside-trending-widget .aside-trending-products { overflow: hidden; position: relative; text-align: center }
    .woocommerce-widget-area .aside-trending-widget .aside-trending-products .category { position: absolute; left: 0; -webkit-transition: var(--transition); transition: var(--transition); right: 0; background-color: var(--whiteColor); padding: 20px; bottom: 10px; margin-left: 10px; margin-right: 10px }
        .woocommerce-widget-area .aside-trending-widget .aside-trending-products .category h3 { margin-bottom: 7px; position: relative; z-index: 1; font-size: 20px }
        .woocommerce-widget-area .aside-trending-widget .aside-trending-products .category span { color: var(--optionalColor); display: block; font-family: var(--optionalfontFamily); font-weight: 500 }
    .woocommerce-widget-area .aside-trending-widget .aside-trending-products img { -webkit-transition: var(--transition); transition: var(--transition); width: 100% }
    .woocommerce-widget-area .aside-trending-widget .aside-trending-products .link-btn { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3 }
    .woocommerce-widget-area .aside-trending-widget .aside-trending-products:hover img, .woocommerce-widget-area .aside-trending-widget .aside-trending-products:focus img { -webkit-transform: scale(1.3) rotate(4deg); transform: scale(1.3) rotate(4deg) }
.cart-table table { margin-bottom: 0 }
    .cart-table table thead tr th { border-bottom-width: 0; vertical-align: middle; padding: 20px; border: none; white-space: nowrap; font-weight: 700; font-family: var(--optionalfontFamily); font-size: 20px }
    .cart-table table tbody tr td { vertical-align: middle; white-space: nowrap; font-family: var(--optionalfontFamily); font-weight: 500; padding-left: 0; padding-right: 0; border-color: #eaedff; border-left: none; border-right: none }
        .cart-table table tbody tr td.product-thumbnail a { display: block }
            .cart-table table tbody tr td.product-thumbnail a img { width: 80px }
        .cart-table table tbody tr td.product-name a { color: #666; font-weight: 500; display: inline-block; text-decoration: none }
            .cart-table table tbody tr td.product-name a:hover { color: var(--mainColor) }
        .cart-table table tbody tr td.product-subtotal .remove { color: var(--mainColor); float: right; position: relative; top: -1px }
        .cart-table table tbody tr td.product-quantity .input-counter { max-width: 130px; min-width: 130px; text-align: center; display: inline-block; position: relative }
            .cart-table table tbody tr td.product-quantity .input-counter span { position: absolute; top: 0; background-color: transparent; cursor: pointer; color: #d0d0d0; width: 40px; height: 100%; line-height: 48px; -webkit-transition: .6s; transition: .6s }
                .cart-table table tbody tr td.product-quantity .input-counter span.minus-btn { left: 0 }
                .cart-table table tbody tr td.product-quantity .input-counter span.plus-btn { right: 0 }
                .cart-table table tbody tr td.product-quantity .input-counter span:hover { color: var(--mainColor) }
            .cart-table table tbody tr td.product-quantity .input-counter input { height: 45px; color: var(--mainColor); outline: 0; display: block; border: none; background-color: #f8f8f8; text-align: center; width: 100%; outline: 0; -webkit-box-shadow: none; box-shadow: none; font-size: 17px; font-weight: 600 }
                .cart-table table tbody tr td.product-quantity .input-counter input::-webkit-input-placeholder { color: var(--mainColor) }
                .cart-table table tbody tr td.product-quantity .input-counter input:-ms-input-placeholder { color: var(--mainColor) }
                .cart-table table tbody tr td.product-quantity .input-counter input::-ms-input-placeholder { color: var(--mainColor) }
                .cart-table table tbody tr td.product-quantity .input-counter input::placeholder { color: var(--mainColor) }
        .cart-table table tbody tr td.product-subtotal { overflow: hidden }
.cart-buttons { margin-top: 30px; text-align: right }
    .cart-buttons .shopping-coupon-code { position: relative; max-width: 530px }
        .cart-buttons .shopping-coupon-code .form-control { height: 53px; outline: 0; -webkit-box-shadow: none; box-shadow: none; border: 1px solid var(--mainColor) }
        .cart-buttons .shopping-coupon-code button { position: absolute; right: 0; top: 0; height: 53px; background: var(--mainColor); color: var(--whiteColor); border: none; padding: 0 25px; line-height: 54px; font-weight: 600; outline: 0; -webkit-transition: .6s; transition: .6s; outline: 0; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; text-transform: capitalize }
            .cart-buttons .shopping-coupon-code button:hover { background-color: var(--blackColor); color: var(--whiteColor) }
    .cart-buttons .default-btn { padding: 14px 30px; background-color: var(--mainColor); color: var(--whiteColor); border: 1px solid var(--mainColor); text-decoration: none; display: inline-block }
        .cart-buttons .default-btn:hover { background-color: var(--whiteColor); color: var(--mainColor); -webkit-transition: var(--transition); transition: var(--transition) }
.cart-totals { background: var(--whiteColor); padding: 40px; max-width: 620px; -webkit-box-shadow: 0 2px 48px 0 rgba(0,0,0,.08); box-shadow: 0 2px 48px 0 rgba(0,0,0,.08); border-radius: 5px; margin-left: auto; margin-right: auto; margin-top: 50px }
    .cart-totals h3 { margin-bottom: 25px; font-size: 24px; font-weight: 700; font-family: var(--optionalfontFamily) }
    .cart-totals ul { padding-left: 0; margin: 0 0 25px; list-style-type: none }
        .cart-totals ul li { border: 1px solid #eaedff; padding: 10px 15px; color: var(--blackColor); overflow: hidden; font-family: var(--optionalfontFamily); font-weight: 600 }
            .cart-totals ul li:first-child { border-bottom: none }
            .cart-totals ul li:last-child { border-top: none }
            .cart-totals ul li b { font-weight: 500 }
            .cart-totals ul li span { float: right; color: #666; font-weight: 400 }
.user-actions { -webkit-box-shadow: 0 2px 48px 0 rgba(0,0,0,.08); box-shadow: 0 2px 48px 0 rgba(0,0,0,.08); background: var(--whiteColor); padding: 18px 20px 15px; margin-bottom: 65px; border-top: 3px solid var(--blackColor); position: relative }
    .user-actions::before { content: ''; position: absolute; right: 0; bottom: -35px; width: 100%; height: 1px; background: #eee }
    .user-actions i { color: var(--blackColor); margin-right: 2px }
    .user-actions span { display: inline-block; font-weight: 600; color: var(--blackColor); font-size: 16px }
        .user-actions span a { display: inline-block; color: var(--blackColor); text-decoration: none }
            .user-actions span a:hover, .user-actions span a:focus { color: var(--mainColor) }
.billing-details .title { margin-bottom: 30px; position: relative; padding-bottom: 10px; border-bottom: 1px solid #eee; font-size: 24px; font-weight: 700 }
    .billing-details .title::before { content: ''; position: absolute; background: var(--mainColor); bottom: -1px; left: 0; width: 50px; height: 1px }
.billing-details .form-group { margin-bottom: 25px }
    .billing-details .form-group label { display: block; margin-bottom: 7px; font-size: 16px; font-weight: 500; font-family: var(--optionalfontFamily) }
        .billing-details .form-group label .required { color: var(--blackColor) }
    .billing-details .form-group .nice-select { float: unset; line-height: 53px; color: #666; font-weight: 500; padding-top: 0; padding-bottom: 0 }
        .billing-details .form-group .nice-select .list { background-color: var(--whiteColor); -webkit-box-shadow: 0 0 29px 0 rgba(102,102,102,.1); box-shadow: 0 0 29px 0 rgba(102,102,102,.1); border-radius: 0; margin-top: 0; width: 100%; padding-top: 10px; padding-bottom: 10px }
            .billing-details .form-group .nice-select .list .option { -webkit-transition: .6s; transition: .6s; padding-left: 20px; padding-right: 20px }
                .billing-details .form-group .nice-select .list .option:hover { background-color: var(--mainColor) !important; color: var(--whiteColor) }
                .billing-details .form-group .nice-select .list .option.selected { background-color: transparent; font-weight: 600 }
        .billing-details .form-group .nice-select:after { right: 20px }
    .billing-details .form-group .form-control { height: 50px; outline: 0; -webkit-box-shadow: none; box-shadow: none }
        .billing-details .form-group .form-control:focus { border-color: var(--mainColor); outline: 0; -webkit-box-shadow: none; box-shadow: none }
    .billing-details .form-group textarea.form-control { height: auto; padding-top: 15px }
.billing-details .form-check { margin-bottom: 20px }
    .billing-details .form-check .form-check-label { color: var(--blackColor); font-family: var(--optionalfontFamily); font-weight: 500 }
    .billing-details .form-check label { position: relative; left: -3px; top: 1px; font-weight: 500 }
.billing-details .col-lg-12:last-child .form-group { margin-bottom: 0 }
.order-details .title { margin-bottom: 30px; position: relative; padding-bottom: 10px; border-bottom: 1px solid #eee; font-size: 24px; font-weight: 700 }
    .order-details .title::before { content: ''; position: absolute; background: var(--mainColor); bottom: -1px; left: 0; width: 50px; height: 1px }
.order-details .order-table table { margin-bottom: 0 }
    .order-details .order-table table thead tr th { border-bottom-width: 0; vertical-align: middle; border-color: #eaedff; text-transform: uppercase; padding-left: 20px; padding-top: 15px; padding-right: 20px; padding-bottom: 10px; font-weight: 600 }
    .order-details .order-table table tbody tr td { vertical-align: middle; color: #666; border-color: #eaedff; font-size: 15.5px; font-weight: 500; font-family: var(--optionalfontFamily); padding-left: 20px; padding-right: 20px; padding-top: 15px; padding-bottom: 13px }
        .order-details .order-table table tbody tr td.product-name a { color: #666; display: inline-block; text-decoration: none; font-weight: 500 }
            .order-details .order-table table tbody tr td.product-name a:hover { color: var(--mainColor) }
        .order-details .order-table table tbody tr td.order-subtotal span, .order-details .order-table table tbody tr td.order-shipping span, .order-details .order-table table tbody tr td.total-price span { color: #666; font-weight: 500 }
        .order-details .order-table table tbody tr td.shipping-price, .order-details .order-table table tbody tr td.order-subtotal-price, .order-details .order-table table tbody tr td.product-subtotal { font-weight: 600 }
.order-details .payment-box { background-color: var(--whiteColor); -webkit-box-shadow: 0 2px 28px 0 rgba(0,0,0,.06); box-shadow: 0 2px 28px 0 rgba(0,0,0,.06); margin-top: 30px; padding: 30px }
    .order-details .payment-box .payment-method p [type=radio]:checked, .order-details .payment-box .payment-method p [type=radio]:not(:checked) { display: none }
        .order-details .payment-box .payment-method p [type=radio]:checked + label, .order-details .payment-box .payment-method p [type=radio]:not(:checked) + label { padding-left: 28px; cursor: pointer; display: block; color: var(--blackColor); position: relative; margin-bottom: 8px; font-weight: 600; font-family: var(--optionalfontFamily) }
            .order-details .payment-box .payment-method p [type=radio]:checked + label::before, .order-details .payment-box .payment-method p [type=radio]:not(:checked) + label::before { content: ''; position: absolute; left: 0; top: 3px; width: 18px; height: 18px; border: 1px solid #ddd; border-radius: 50%; background: var(--whiteColor) }
            .order-details .payment-box .payment-method p [type=radio]:checked + label::after, .order-details .payment-box .payment-method p [type=radio]:not(:checked) + label::after { content: ''; width: 12px; height: 12px; background: var(--mainColor); position: absolute; top: 6px; left: 3px; border-radius: 50%; -webkit-transition: .6s; transition: .6s }
            .order-details .payment-box .payment-method p [type=radio]:not(:checked) + label::after { opacity: 0; visibility: hidden; -webkit-transform: scale(0); transform: scale(0) }
            .order-details .payment-box .payment-method p [type=radio]:checked + label::after { opacity: 1; visibility: visible; -webkit-transform: scale(1); transform: scale(1) }
    .order-details .payment-box .default-btn { text-align: center }
        .order-details .payment-box .default-btn.order-btn { display: block; margin-top: 25px; -webkit-box-shadow: 0 5px 28.5px 1.5px rgba(149,152,200,.2); box-shadow: 0 5px 28.5px 1.5px rgba(149,152,200,.2) }
.product-details-desc h3 { margin-bottom: 12px; font-size: 25px }
.product-details-desc .price { margin-bottom: 10px; color: #000; font-size: 15px; font-weight: 600; font-family: var(--optionalfontFamily) }
    .product-details-desc .price .old-price { text-decoration: line-through; color: #828893 }
.product-details-desc .product-review { margin-bottom: 15px }
    .product-details-desc .product-review .rating { display: inline-block; padding-right: 5px; font-size: 14px }
        .product-details-desc .product-review .rating i { color: #ffba0a }
    .product-details-desc .product-review .rating-count { display: inline-block; color: #000; border-bottom: 1px solid #000; line-height: initial; font-family: var(--optionalfontFamily) }
        .product-details-desc .product-review .rating-count:hover { color: var(--mainColor); border-color: var(--mainColor); text-decoration: none }
.product-details-desc .product-add-to-cart { margin-top: 20px }
    .product-details-desc .product-add-to-cart .input-counter { max-width: 130px; min-width: 130px; margin-right: 10px; text-align: center; display: inline-block; position: relative }
        .product-details-desc .product-add-to-cart .input-counter span { position: absolute; top: 0; background-color: transparent; cursor: pointer; color: #d0d0d0; width: 50px; height: 100%; line-height: 55px; -webkit-transition: .6s; transition: .6s }
            .product-details-desc .product-add-to-cart .input-counter span.minus-btn { left: 0 }
            .product-details-desc .product-add-to-cart .input-counter span.plus-btn { right: 0 }
            .product-details-desc .product-add-to-cart .input-counter span:hover { color: var(--mainColor) }
        .product-details-desc .product-add-to-cart .input-counter input { height: 50px; color: #000; outline: 0; display: block; border: none; background-color: #f8f8f8; text-align: center; width: 100%; font-size: 17px; font-weight: 600 }
            .product-details-desc .product-add-to-cart .input-counter input::-webkit-input-placeholder { color: #000 }
            .product-details-desc .product-add-to-cart .input-counter input:-ms-input-placeholder { color: #000 }
            .product-details-desc .product-add-to-cart .input-counter input::-ms-input-placeholder { color: #000 }
            .product-details-desc .product-add-to-cart .input-counter input::placeholder { color: #000 }
    .product-details-desc .product-add-to-cart .default-btn { position: relative; border: none; padding: 12px 30px; background-color: var(--mainColor); color: var(--whiteColor); border: 1px solid var(--mainColor); cursor: pointer }
        .product-details-desc .product-add-to-cart .default-btn i { margin-right: 2px }
        .product-details-desc .product-add-to-cart .default-btn:hover { background-color: var(--whiteColor); color: var(--mainColor); -webkit-transition: .6s; transition: .6s }
.product-details-desc .buy-checkbox-btn { margin-top: 20px }
    .product-details-desc .buy-checkbox-btn input { display: none }
    .product-details-desc .buy-checkbox-btn .cbx { margin: auto; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer }
        .product-details-desc .buy-checkbox-btn .cbx span { display: inline-block; vertical-align: middle; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
            .product-details-desc .buy-checkbox-btn .cbx span:first-child { position: relative; width: 18px; height: 18px; border-radius: 3px; -webkit-transform: scale(1); transform: scale(1); vertical-align: middle; border: 1px solid #ebebeb; -webkit-transition: all .2s ease; transition: all .2s ease; -webkit-transition: .6s; transition: .6s }
                .product-details-desc .buy-checkbox-btn .cbx span:first-child svg { position: absolute; top: 3px; left: 2px; fill: none; stroke: var(--whiteColor); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 16px; stroke-dashoffset: 16px; -webkit-transition: all .3s ease; transition: all .3s ease; -webkit-transition-delay: .1s; transition-delay: .1s; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transition: .6s; transition: .6s }
                .product-details-desc .buy-checkbox-btn .cbx span:first-child:before { content: ""; width: 100%; height: 100%; background: #000; display: block; -webkit-transform: scale(0); transform: scale(0); opacity: 1; border-radius: 50%; -webkit-transition: .6s; transition: .6s }
            .product-details-desc .buy-checkbox-btn .cbx span:last-child { position: relative; top: 2px; padding-left: 4px; color: #666 }
        .product-details-desc .buy-checkbox-btn .cbx:hover span:first-child { border-color: var(--mainColor) }
    .product-details-desc .buy-checkbox-btn .inp-cbx:checked + .cbx span:first-child { background: var(--mainColor); border-color: var(--mainColor); -webkit-animation: wave .4s ease; animation: wave .4s ease }
        .product-details-desc .buy-checkbox-btn .inp-cbx:checked + .cbx span:first-child svg { stroke-dashoffset: 0 }
        .product-details-desc .buy-checkbox-btn .inp-cbx:checked + .cbx span:first-child:before { -webkit-transform: scale(3.5); transform: scale(3.5); opacity: 0; -webkit-transition: all .6s ease; transition: all .6s ease }
    .product-details-desc .buy-checkbox-btn .item:not(:first-child) { margin-top: 15px }
    .product-details-desc .buy-checkbox-btn .btn-light { background-color: #f2f2f2; border: none; padding: 13px 25px 10px; -webkit-transition: .6s; transition: .6s; font-weight: 600; display: block; width: 100% }
        .product-details-desc .buy-checkbox-btn .btn-light:hover { background-color: var(--mainColor); color: var(--whiteColor) }
.product-details-desc .custom-payment-options { margin-top: 20px }
    .product-details-desc .custom-payment-options span { display: block; color: #666; margin-bottom: 8px }
    .product-details-desc .custom-payment-options .payment-methods a { display: inline-block }
        .product-details-desc .custom-payment-options .payment-methods a img { width: 40px }
.products-details-tab { margin-top: 50px }
    .products-details-tab .tabs { list-style-type: none; margin-bottom: -1px; padding-left: 0 }
        .products-details-tab .tabs li { display: inline-block; line-height: initial; margin-right: 5px }
            .products-details-tab .tabs li a { display: inline-block; position: relative; text-transform: uppercase; color: var(--blackColor); border: 1px dashed #eee; text-decoration: none; padding-top: 14px; padding-bottom: 14px; padding-right: 30px; padding-left: 30px; font-weight: 700; font-size: 15px }
                .products-details-tab .tabs li a:hover, .products-details-tab .tabs li a:focus { color: var(--whiteColor); background-color: var(--mainColor); border-color: var(--mainColor) }
            .products-details-tab .tabs li.current a { color: var(--whiteColor); background-color: var(--mainColor); border-color: var(--mainColor) }
            .products-details-tab .tabs li:last-child { margin-right: 0 }
    .products-details-tab .tab_content { border: 1px dashed #eee; padding: 30px }
        .products-details-tab .tab_content .tabs_item { display: none }
            .products-details-tab .tab_content .tabs_item:first-child { display: block }
            .products-details-tab .tab_content .tabs_item .products-details-tab-content p { margin-bottom: 20px; font-family: var(--optionalfontFamily) }
                .products-details-tab .tab_content .tabs_item .products-details-tab-content p:last-child { margin-bottom: 0 }
            .products-details-tab .tab_content .tabs_item .products-details-tab-content .additional-information { padding-left: 0; margin-bottom: 0; list-style-type: none; text-align: left }
                .products-details-tab .tab_content .tabs_item .products-details-tab-content .additional-information li { border: 1px solid #eee; border-bottom: none; padding: 10px 15px 7px; color: #666; font-family: var(--optionalfontFamily) }
                    .products-details-tab .tab_content .tabs_item .products-details-tab-content .additional-information li:last-child { border-bottom: 1px solid #eee }
                    .products-details-tab .tab_content .tabs_item .products-details-tab-content .additional-information li span { display: inline-block; width: 30%; color: var(--blackColor); font-weight: 700 }
            .products-details-tab .tab_content .tabs_item .products-details-tab-content h3 { margin-bottom: 15px; font-size: 24px; font-weight: 700 }
            .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title { position: relative }
                .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title .rating { display: inline-block }
                    .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title .rating .fas.fa-star { color: #ffba0a }
                    .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title .rating i { color: #ebebeb; font-size: 14px }
                .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title p { margin-bottom: 0; display: inline-block; padding-left: 5px; line-height: initial }
                .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title .default-btn { position: absolute; right: 0; bottom: 0; padding: 8px 18px; background-color: var(--mainColor); border: 1px solid var(--mainColor); color: var(--whiteColor); -webkit-transition: .6s; transition: .6s; border: 1px solid var(--mainColor); font-size: 14px }
                    .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title .default-btn:hover { background-color: var(--whiteColor); color: var(--mainColor); text-decoration: none; border: 1px solid var(--mainColor) }
            .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments { margin-top: 35px }
                .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item { margin-top: 30px; position: relative; padding-right: 200px; border-top: 1px dashed #eee; padding-top: 30px }
                    .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item .rating .fas.fa-star { color: #ffba0a }
                    .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item .rating i { font-size: 14px; color: #ebebeb }
                    .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item h3 { font-size: 22px; margin-top: 0; margin-bottom: 10px }
                    .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item span { margin-bottom: 10px; font-size: 14px; display: block; font-family: var(--optionalfontFamily) }
                        .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item span strong { font-weight: 600 }
                    .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item p { margin-bottom: 0 }
                    .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item .review-report-link { position: absolute; right: 0; color: #666; top: 40px; text-decoration: underline; font-weight: 500; font-size: 15px }
                        .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item .review-report-link:hover { color: var(--mainColor) }
            .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form { margin-top: 30px }
                .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form h3 { margin-bottom: 20px }
                .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form { max-width: 100% }
                    .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .form-group { margin-bottom: 15px }
                        .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .form-group .form-control { background-color: #f3f3f3; border: none; height: 60px; border: 1px solid #f3f3f3; -webkit-transition: var(--transition); transition: var(--transition); font-size: 16px }
                            .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .form-group .form-control:focus { background-color: transparent; border-color: var(--mainColor); outline: 0; -webkit-box-shadow: unset; box-shadow: unset }
                        .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .form-group textarea.form-control { padding-top: 15px; height: auto }
                .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form .default-btn { border: none; cursor: pointer }
.related-products { margin-top: 70px; text-align: center }
    .related-products .products-title { margin-bottom: 30px; text-align: center }
        .related-products .products-title span { font-size: 14px; color: var(--mainColor); font-family: var(--optionalfontFamily) }
        .related-products .products-title h2 { font-size: 40px; color: var(--blackColor); margin: 10px 0 0 }
    .related-products .single-product-box { margin-bottom: 0; margin-top: 30px }
.sizing-guide-table h3 { margin-bottom: 31px; font-size: 25px; font-family: var(--optionalfontFamily) }
.sizing-guide-table table { margin-bottom: 0 }
    .sizing-guide-table table thead { background-color: var(--mainColor); color: var(--whiteColor) }
        .sizing-guide-table table thead th { border-bottom: none; vertical-align: middle; color: var(--whiteColor); white-space: nowrap; font-size: 17px; font-weight: 600; padding-left: 15px; padding-right: 15px }
    .sizing-guide-table table tr td { border-top: none; white-space: nowrap; vertical-align: middle; font-size: var(--fontSize); font-family: var(--optionalfontFamily); padding-left: 15px; padding-right: 15px }
        .sizing-guide-table table tr td:first-child { font-weight: 600 }
.sizing-guide-table .sizing-guide-info { padding-left: 0; list-style-type: none; margin-top: 30px; margin-bottom: 0 }
    .sizing-guide-table .sizing-guide-info li { margin-bottom: 12px }
        .sizing-guide-table .sizing-guide-info li:last-child { margin-bottom: 0 }
        .sizing-guide-table .sizing-guide-info li span { font-weight: 700 }
.sizing-guide-table:not(:first-child) { margin-top: 35px }
.products-compare-table table { margin-bottom: 0 }
    .products-compare-table table tr td { color: var(--optionalColor); vertical-align: middle; font-family: var(--optionalfontFamily); padding-left: 20px; padding-right: 20px; padding-top: 20px; padding-bottom: 20px }
        .products-compare-table table tr td:first-child { text-transform: uppercase; color: var(--blackColor); font-weight: 600 }
        .products-compare-table table tr td .remove-btn { margin-bottom: 15px }
            .products-compare-table table tr td .remove-btn a { color: red; display: inline-block; font-family: var(--optionalfontFamily) }
    .products-compare-table table tr:first-child { background-color: transparent !important }
        .products-compare-table table tr:first-child td { border-bottom: 1px solid #eee }
    .products-compare-table table .products-item { margin-bottom: 20px }
        .products-compare-table table .products-item .image .social { top: 70px; z-index: 1 }
.dashboard-table { background-color: var(--whiteColor); -webkit-box-shadow: 0 2px 28px 0 rgba(0,0,0,.06); box-shadow: 0 2px 28px 0 rgba(0,0,0,.06); padding: 30px }
    .dashboard-table .title { text-align: center; margin-bottom: 30px }
        .dashboard-table .title h3 { font-size: 25px; font-family: var(--optionalfontFamily) }
    .dashboard-table table { margin-bottom: 0 }
        .dashboard-table table thead { background-color: var(--mainColor); color: var(--whiteColor); border: none }
            .dashboard-table table thead th { border-bottom: none; vertical-align: middle; color: var(--whiteColor); white-space: nowrap; font-size: 17px; font-weight: 600; padding-left: 15px; padding-right: 15px }
        .dashboard-table table tr td { border-top: none; white-space: nowrap; vertical-align: middle; font-size: var(--fontSize); font-family: var(--optionalfontFamily); padding-top: 20px; padding-bottom: 20px; padding-left: 15px; padding-right: 15px }
            .dashboard-table table tr td:first-child { font-weight: 600 }
.shop-area .container-fluid { width: 95% }
.footer-area { background-color: var(--footerColor) }
.single-footer-widget { margin-bottom: 30px }
    .single-footer-widget .footer-logo { margin-bottom: 30px }
    .single-footer-widget .footer-contact-info { padding-left: 0; margin-bottom: 0; list-style-type: none }
        .single-footer-widget .footer-contact-info li { margin-bottom: 20px; color: var(--whiteColor); position: relative; padding-left: 40px }
            .single-footer-widget .footer-contact-info li i { position: absolute; left: 0; top: 0; font-size: 25px; color: var(--mainColor) }
            .single-footer-widget .footer-contact-info li span { display: block; font-weight: 600; margin-bottom: 5px }
            .single-footer-widget .footer-contact-info li a { display: inline-block; color: #cdcccc; font-weight: 500; position: relative; font-family: var(--optionalfontFamily); font-size: 15px }
                .single-footer-widget .footer-contact-info li a:hover { color: var(--mainColor) }
                    .single-footer-widget .footer-contact-info li a:hover::before { width: 100% }
                .single-footer-widget .footer-contact-info li a::before { content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; -webkit-transition: var(--transition); transition: var(--transition); background-color: var(--mainColor) }
            .single-footer-widget .footer-contact-info li:last-child { margin-bottom: 0 }
    .single-footer-widget h3 { color: var(--whiteColor); margin-bottom: 25px; font-size: 22px; font-weight: 500; font-family: var(--optionalfontFamily) }
    .single-footer-widget .quick-links { padding-left: 0; margin-bottom: 0; list-style-type: none }
        .single-footer-widget .quick-links li { margin-bottom: 20px; color: var(--whiteColor); font-size: 14px }
            .single-footer-widget .quick-links li a { display: inline-block; color: #cdcccc; font-weight: 400; position: relative; font-family: var(--optionalfontFamily) }
                .single-footer-widget .quick-links li a:hover { color: var(--mainColor) }
                    .single-footer-widget .quick-links li a:hover::before { width: 100% }
                .single-footer-widget .quick-links li a::before { content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; -webkit-transition: var(--transition); transition: var(--transition); background-color: var(--mainColor) }
            .single-footer-widget .quick-links li:last-child { margin-bottom: 0 }
    .single-footer-widget .instagram { padding-left: 0; margin-bottom: 0 }
        .single-footer-widget .instagram li { list-style-type: none; display: inline-block; margin-bottom: 10px; margin-right: 10px }
            .single-footer-widget .instagram li img { max-width: 80px }
    .single-footer-widget .footer-social { padding-left: 0; margin-top: 15px; margin-bottom: 0 }
        .single-footer-widget .footer-social li { list-style: none; display: inline-block; margin-right: 8px }
            .single-footer-widget .footer-social li:last-child { margin-right: 0 }
            .single-footer-widget .footer-social li a i { display: inline-block; height: 30px; width: 30px; line-height: 30px; background-color: var(--whiteColor); color: var(--mainColor); border-radius: 50px; text-align: center; font-size: 14px; font-weight: 700; -webkit-transition: var(--transition); transition: var(--transition) }
                .single-footer-widget .footer-social li a i:hover { background-color: var(--mainColor); color: var(--whiteColor) }
.footer-bottom-area { margin-top: 60px; border-top: 1px solid rgba(255,255,255,.1); padding-top: 25px; padding-bottom: 25px }
    .footer-bottom-area p { line-height: initial; margin-bottom: 0; color: #cecdcd; font-weight: 500; font-family: var(--optionalfontFamily) }
        .footer-bottom-area p i { position: relative; top: 1px }
        .footer-bottom-area p a { display: inline-block; color: var(--whiteColor); font-weight: 600; position: relative }
            .footer-bottom-area p a::before { content: ''; position: absolute; left: 0; bottom: 0; width: 0; -webkit-transition: var(--transition); transition: var(--transition); height: 1px; background-color: var(--mainColor) }
            .footer-bottom-area p a:hover { color: var(--mainColor) }
                .footer-bottom-area p a:hover::before { width: 100% }
    .footer-bottom-area .payment-types { padding: 0; margin: 0; list-style-type: none; text-align: right }
        .footer-bottom-area .payment-types li { display: inline-block }
            .footer-bottom-area .payment-types li a { display: block; -webkit-transition: var(--transition); transition: var(--transition) }
                .footer-bottom-area .payment-types li a:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px) }
.go-top { position: fixed; cursor: pointer; bottom: -100px; right: 20px; color: var(--whiteColor); background-color: var(--blackColor); z-index: 4; width: 45px; text-align: center; height: 45px; opacity: 0; visibility: hidden; border-radius: 50%; font-size: 22px; -webkit-transition: .9s; transition: .9s; overflow: hidden; -webkit-box-shadow: 0 3px 10px rgba(0,0,0,.1); box-shadow: 0 3px 10px rgba(0,0,0,.1) }
    .go-top i { position: absolute; right: 0; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-align: center; font-size: 30px; margin-left: auto; margin-right: auto }
    .go-top.active { opacity: 1; visibility: visible; bottom: 20px }
    .go-top:hover { background-color: var(--mainColor); color: var(--whiteColor); -webkit-transition: var(--transition); transition: var(--transition); -webkit-box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08); box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08); -webkit-transform: translateY(-5px); transform: translateY(-5px) }
.productsQuickView .modal-dialog { max-width: 900px; margin: 0 auto }
.productsQuickView .modal-content { border: none; padding: 40px; border-radius: 0 }
    .productsQuickView .modal-content button.close { position: absolute; right: 0; top: 0; outline: 0; opacity: 1; color: var(--blackColor); -webkit-transition: var(--transition); transition: var(--transition); line-height: 35px; padding: 0; margin: 0; font-size: 25px; width: 35px; text-shadow: unset; height: 35px; border: none }
        .productsQuickView .modal-content button.close:hover { background-color: red; color: var(--whiteColor) }
    .productsQuickView .modal-content .products-content h3 { margin-bottom: 0; font-size: 25px; font-weight: 700 }
        .productsQuickView .modal-content .products-content h3 a { color: var(--blackColor) }
            .productsQuickView .modal-content .products-content h3 a:hover { color: var(--blackColor) }
    .productsQuickView .modal-content .products-content .price { -webkit-transition: var(--transition); transition: var(--transition); font-family: var(--optionalfontFamily); margin-top: 12px; margin-bottom: 15px; font-size: var(--fontSize); font-weight: 600 }
        .productsQuickView .modal-content .products-content .price .old-price { text-decoration: line-through; color: #999; font-weight: 500; font-family: var(--optionalfontFamily) }
    .productsQuickView .modal-content .products-content .products-review .rating { display: inline-block; padding-right: 5px }
        .productsQuickView .modal-content .products-content .products-review .rating i { color: #f49f0b; display: inline-block; margin-right: -2px }
    .productsQuickView .modal-content .products-content .products-review .rating-count { display: inline-block; color: var(--blackColor); border-bottom: 1px solid var(--blackColor); line-height: initial; position: relative; top: -1px; font-family: var(--optionalfontFamily) }
        .productsQuickView .modal-content .products-content .products-review .rating-count:hover { color: var(--mainColor); border-color: var(--mainColor) }
    .productsQuickView .modal-content .products-content .products-info { list-style-type: none; padding-left: 0; margin-top: 20px; margin-bottom: 0 }
        .productsQuickView .modal-content .products-content .products-info li { font-size: 16px; color: var(--blackColor); margin-bottom: 8px; font-family: var(--optionalfontFamily) }
            .productsQuickView .modal-content .products-content .products-info li:last-child { margin-bottom: 0 }
            .productsQuickView .modal-content .products-content .products-info li span { color: var(--optionalColor) }
            .productsQuickView .modal-content .products-content .products-info li a { display: inline-block; font-weight: 600; color: var(--blackColor) }
                .productsQuickView .modal-content .products-content .products-info li a:hover { color: var(--blackColor) }
    .productsQuickView .modal-content .products-content .products-color-switch { margin-top: 15px }
        .productsQuickView .modal-content .products-content .products-color-switch h4 { font-size: 16px; color: var(--optionalColor); margin-bottom: 6px }
        .productsQuickView .modal-content .products-content .products-color-switch ul { list-style-type: none; padding-left: 0; margin-bottom: 0; margin-top: -4px; margin-left: -4px }
            .productsQuickView .modal-content .products-content .products-color-switch ul li { display: inline-block; margin-left: 4px; margin-top: 4px }
                .productsQuickView .modal-content .products-content .products-color-switch ul li a { display: inline-block; position: relative; border: 1px solid transparent; width: 25px; height: 25px; border-radius: 50% }
                    .productsQuickView .modal-content .products-content .products-color-switch ul li a::before { position: absolute; content: ''; left: 0; right: 0; top: 0; bottom: 0; background: #eee; border-radius: 50%; margin: 2px; -webkit-transition: var(--transition); transition: var(--transition) }
                    .productsQuickView .modal-content .products-content .products-color-switch ul li a:hover, .productsQuickView .modal-content .products-content .products-color-switch ul li a:focus { border-color: var(--blackColor) }
                    .productsQuickView .modal-content .products-content .products-color-switch ul li a.color-white::before { background: var(--whiteColor); border: 1px solid #eee }
                    .productsQuickView .modal-content .products-content .products-color-switch ul li a.color-black::before { background: var(--blackColor) }
                    .productsQuickView .modal-content .products-content .products-color-switch ul li a.color-red::before { background: red }
                    .productsQuickView .modal-content .products-content .products-color-switch ul li a.color-blue::before { background: blue }
                    .productsQuickView .modal-content .products-content .products-color-switch ul li a.color-green::before { background: green }
                    .productsQuickView .modal-content .products-content .products-color-switch ul li a.color-yellow::before { background: #ff0 }
                    .productsQuickView .modal-content .products-content .products-color-switch ul li a.color-yellowgreen::before { background: #9acd32 }
                    .productsQuickView .modal-content .products-content .products-color-switch ul li a.color-pink::before { background: pink }
                    .productsQuickView .modal-content .products-content .products-color-switch ul li a.color-violet::before { background: violet }
                    .productsQuickView .modal-content .products-content .products-color-switch ul li a.color-teal::before { background: teal }
                    .productsQuickView .modal-content .products-content .products-color-switch ul li a.color-plum::before { background: plum }
                    .productsQuickView .modal-content .products-content .products-color-switch ul li a.color-lime::before { background: lime }
                    .productsQuickView .modal-content .products-content .products-color-switch ul li a.color-blueviolet::before { background: #8a2be2 }
                .productsQuickView .modal-content .products-content .products-color-switch ul li.active a { border-color: var(--blackColor) }
    .productsQuickView .modal-content .products-content .products-size-wrapper { margin-top: 15px; margin-bottom: 25px }
        .productsQuickView .modal-content .products-content .products-size-wrapper h4 { font-size: 16px; color: var(--optionalColor); margin-bottom: 8px }
        .productsQuickView .modal-content .products-content .products-size-wrapper ul { list-style-type: none; padding-left: 0; margin-bottom: 0; margin-top: -8px; margin-left: -8px }
            .productsQuickView .modal-content .products-content .products-size-wrapper ul li { display: inline-block; margin-left: 8px; margin-top: 8px }
                .productsQuickView .modal-content .products-content .products-size-wrapper ul li a { width: 35px; height: 30px; display: inline-block; line-height: 28px; border: 1px solid #eee; color: #858585; text-align: center; font-size: 14px; font-weight: 600 }
                    .productsQuickView .modal-content .products-content .products-size-wrapper ul li a:hover, .productsQuickView .modal-content .products-content .products-size-wrapper ul li a:focus { border-color: var(--blackColor); color: var(--blackColor) }
                .productsQuickView .modal-content .products-content .products-size-wrapper ul li.active a { border-color: var(--blackColor); color: var(--blackColor) }
    .productsQuickView .modal-content .products-content .products-add-to-cart .input-counter { max-width: 110px; min-width: 110px; margin-right: 10px; text-align: center; display: inline-block; position: relative }
        .productsQuickView .modal-content .products-content .products-add-to-cart .input-counter span { position: absolute; top: 0; background-color: transparent; cursor: pointer; color: #d0d0d0; width: 40px; height: 100%; line-height: 50px; -webkit-transition: var(--transition); transition: var(--transition); font-size: 18px }
            .productsQuickView .modal-content .products-content .products-add-to-cart .input-counter span.minus-btn { left: 0 }
            .productsQuickView .modal-content .products-content .products-add-to-cart .input-counter span.plus-btn { right: 0 }
            .productsQuickView .modal-content .products-content .products-add-to-cart .input-counter span:hover { color: var(--mainColor) }
        .productsQuickView .modal-content .products-content .products-add-to-cart .input-counter input { height: 45px; color: var(--blackColor); outline: 0; display: block; border: none; background-color: #f8f8f8; text-align: center; width: 100%; font-size: 17px; font-weight: 600 }
            .productsQuickView .modal-content .products-content .products-add-to-cart .input-counter input::-webkit-input-placeholder { color: var(--blackColor) }
            .productsQuickView .modal-content .products-content .products-add-to-cart .input-counter input:-ms-input-placeholder { color: var(--blackColor) }
            .productsQuickView .modal-content .products-content .products-add-to-cart .input-counter input::-ms-input-placeholder { color: var(--blackColor) }
            .productsQuickView .modal-content .products-content .products-add-to-cart .input-counter input::placeholder { color: var(--blackColor) }
    .productsQuickView .modal-content .products-content .products-add-to-cart .default-btn { border: none; cursor: pointer; padding: 10px 30px; border-radius: 0 }
    .productsQuickView .modal-content .products-content .share { padding-left: 0; margin-top: 30px; margin-bottom: 0 }
        .productsQuickView .modal-content .products-content .share li { color: var(--blackColor); list-style-type: none; display: inline-block; margin-right: 10px }
            .productsQuickView .modal-content .products-content .share li:last-child { margin-right: 0 }
            .productsQuickView .modal-content .products-content .share li span { margin-right: 20px; position: relative; font-size: 18px; font-weight: 600 }
        .productsQuickView .modal-content .products-content .share a { color: var(--blackColor) }
            .productsQuickView .modal-content .products-content .share a:hover { color: var(--mainColor) }