@font-face {font-family: harshina; src: url(../fonts/harzii.ttf) format('truetype'); } :root {--main-color-one: #FF6280; --main-color-two: #FF695C; --secondary-color: #F2F3F5; --heading-color-one: #333333; --heading-color-two: #666666; --hover-color-one: #FF6280; --hover-color-two: #FF695C; --paragraph-color: #666666; --heading-font: harshina ; --body-font: harshina; } html {-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; font-family: var(--body-font); } * {-webkit-box-sizing: border-box; box-sizing: border-box; outline: none; -moz-osx-font-smoothing: grayscale; /* Firefox */ -webkit-font-smoothing: antialiased; /* WebKit  */ } body {margin: 0; color: var(--paragraph-color); overflow-x: hidden; font-family: var(--body-font); font-size: 14px; } h1 {font-size: 48px; line-height: 1.0833333333; } h2 {font-size: 36px; line-height: 1.4444444444; } h3 {font-size: 24px; line-height: 1.0833333333; } h4 {font-size: 20px; line-height: 1.2380952381; } h5 {font-size: 16px; line-height: 1.0833333333; } h6 {font-size: 14px; line-height: 1.0833333333; } h1, h2, h3, h4, h5, h6 {color: var(--heading-color-one); font-family: var(--heading-font); margin-bottom: 0px; } p {color: var(--paragraph-color); -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; line-height: 1.6; margin-bottom: 0px; } a {color: inherit; text-decoration: none; color: var(--paragraph-color); } a, a:hover, a:focus, a:active {text-decoration: none; outline: none; color: inherit; } pre {margin-top: 15px; background-color: whitesmoke; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==); background-size: 100%; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #f5f5f5), color-stop(50%, #e6e6e6)); background-image: linear-gradient(#f5f5f5 50%, #e6e6e6 50%); background-size: 38px 38px; border: 1px solid #d4d4d4; display: block; line-height: 19px; margin-bottom: 20px; overflow: visible; overflow-y: hidden; padding: 0 0 0 4px; word-break: break-word; } a i {padding: 0 2px; } img {max-width: 100%; height: auto; } ol:not([class]) {margin-bottom: 20px; } ol:not([class]) ol {margin-bottom: 0px; } ul ol:not([class]) {margin-bottom: 0px; } dl, ol, ul {padding-left: 0px; margin-bottom: 0; list-style-type: none; } ol ol, ol ul, ul ol, ul ul {margin-top: 0px; } /*input and button type focus outline disable*/ input[type=text]:focus, input[type=email]:focus, input[type=url]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=number]:focus, textarea:focus, input[type=button]:focus, input[type=reset]:focus, input[type=submit]:focus, select:focus {outline: none; -webkit-box-shadow: none; box-shadow: none; border: 1px solid #ddd; } code {color: #faa603; } .dark-bg {background-color: #111d5c; } .section-bg-1 {background-color: #f4f7fc; } .check-list-02 {margin: 0; padding: 0; list-style: none; } .check-list-02 li {display: block; padding-left: 20px; position: relative; z-index: 0; } .check-list-02 li:after {position: absolute; left: 0; top: 0; font-family: "fontawesome"; content: ""; color: var(--main-color-one); } .check-list {margin: 0; padding: 0; list-style: none; } .check-list li {display: block; padding-left: 20px; position: relative; z-index: 0; } .check-list li:after {position: absolute; left: 0; top: 0; font-family: "fontawesome"; content: ""; color: var(--main-color-one); } .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation {clear: both; } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous {float: left; width: 50%; text-align: center; height: 50px; border-radius: 5px; line-height: 50px; color: #fff; -webkit-transition: 0.3s ease-in; transition: 0.3s ease-in; border: 1px solid #e2e2e2; } .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {float: right; width: 50%; border: 1px solid #e2e2e2; text-align: center; height: 50px; border-radius: 5px; line-height: 50px; color: #fff; -webkit-transition: 0.3s ease-in; transition: 0.3s ease-in; } .comment-navigation .nav-previous>a, .posts-navigation .nav-previous>a, .post-navigation .nav-previous>a, .comment-navigation .nav-next>a, .posts-navigation .nav-next>a, .post-navigation .nav-next>a {-webkit-transition: 0.3s ease-in; transition: 0.3s ease-in; color: var(--paragraph-color); } .comment-navigation .nav-previous:hover, .posts-navigation .nav-previous:hover, .post-navigation .nav-previous:hover, .comment-navigation .nav-next:hover, .posts-navigation .nav-next:hover, .post-navigation .nav-next:hover {background-color: var(--main-color-one); color: #fff; } .comment-navigation .nav-previous:hover>a, .posts-navigation .nav-previous:hover>a, .post-navigation .nav-previous:hover>a, .comment-navigation .nav-next:hover>a, .posts-navigation .nav-next:hover>a, .post-navigation .nav-next:hover>a {color: #fff; } /*-------------------------------------------------------------- # Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text {border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .screen-reader-text:focus {background-color: #f1f1f1; border-radius: 3px; -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; -webkit-clip-path: none; clip-path: none; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus {outline: 0; } /*-------------------------------------------------------------- # Globals --------------------------------------------------------------*/ .padding-left-0 {padding-left: 0; } .padding-right-0 {padding-left: 0; } .gray-bg {background-color: #f5f5f5; } .secondary-bg {background-color: var(--secondary-color); } .padding-top-10 {padding-top: 10px; } .padding-top-20 {padding-top: 20px; } .padding-top-25 {padding-top: 25px; } .padding-top-30 {padding-top: 30px; } .padding-top-35 {padding-top: 35px; } .padding-top-40 {padding-top: 40px; } .padding-top-45 {padding-top: 45px; } .padding-top-55 {padding-top: 55px; } .padding-top-50 {padding-top: 50px; } .padding-top-60 {padding-top: 60px; } .padding-top-65 {padding-top: 65px; } .padding-top-70 {padding-top: 70px; } .padding-top-75 {padding-top: 75px; } .padding-top-80 {padding-top: 80px; } .padding-top-85 {padding-top: 85px; } .padding-top-90 {padding-top: 90px; } .padding-top-95 {padding-top: 95px; } .padding-top-100 {padding-top: 100px; } .padding-top-103 {padding-top: 103px; } .padding-top-105 {padding-top: 105px; } .padding-top-110 {padding-top: 110px; } .padding-top-115 {padding-top: 115px; } .padding-top-120 {padding-top: 120px; } .padding-top-140 {padding-top: 140px; } .padding-top-150 {padding-top: 150px; } .padding-top-160 {padding-top: 160px; } .padding-top-175 {padding-top: 175px; } .padding-top-180 {padding-top: 180px; } .padding-top-190 {padding-top: 190px; } .padding-top-210 {padding-top: 210px; } .padding-top-260 {padding-top: 260px; } .padding-top-390 {padding-top: 390px; } .padding-bottom-10 {padding-bottom: 10px; } .padding-bottom-15 {padding-bottom: 15px; } .padding-bottom-20 {padding-bottom: 20px; } .padding-bottom-25 {padding-bottom: 25px; } .padding-bottom-30 {padding-bottom: 30px; } .padding-bottom-35 {padding-bottom: 35px; } .padding-bottom-40 {padding-bottom: 40px; } .padding-bottom-45 {padding-bottom: 45px; } .padding-bottom-50 {padding-bottom: 50px; } .padding-bottom-55 {padding-bottom: 55px; } .padding-bottom-60 {padding-bottom: 60px; } .padding-bottom-65 {padding-bottom: 65px; } .padding-bottom-70 {padding-bottom: 70px; } .padding-bottom-75 {padding-bottom: 75px; } .padding-bottom-80 {padding-bottom: 80px; } .padding-bottom-85 {padding-bottom: 85px; } .padding-bottom-90 {padding-bottom: 90px; } .padding-bottom-95 {padding-bottom: 95px; } .padding-bottom-100 {padding-bottom: 100px; } .padding-bottom-110 {padding-bottom: 110px; } .padding-bottom-105 {padding-bottom: 105px; } .padding-bottom-115 {padding-bottom: 115px; } .padding-bottom-120 {padding-bottom: 120px; } .padding-bottom-130 {padding-bottom: 130px; } .padding-bottom-140 {padding-bottom: 140px; } .padding-bottom-135 {padding-bottom: 135px; } .padding-bottom-190 {padding-bottom: 190px; } .padding-bottom-200 {padding-bottom: 200px; } .padding-bottom-227 {padding-bottom: 227px; } .padding-bottom-250 {padding-bottom: 280px; } .padding-bottom-285 {padding-bottom: 285px; } .padding-bottom-150 {padding-bottom: 150px; } .padding-bottom-160 {padding-bottom: 160px; } .padding-bottom-165 {padding-bottom: 165px; } .padding-bottom-170 {padding-bottom: 170px; } .padding-bottom-180 {padding-bottom: 180px; } .padding-bottom-215 {padding-bottom: 215px; } .padding-bottom-295 {padding-bottom: 295px; } .padding-bottom-300 {padding-bottom: 300px; } .padding-bottom-320 {padding-bottom: 320px; } .padding-bottom-460 {padding-bottom: 460px; } .margin-top-minus-90 {margin-top: -90px; } .margin-top-minus-100 {margin-top: -100px; } .margin-top-120 {margin-top: 120px; } .margin-top-150 {margin-top: 150px; } .margin-top-160 {margin-top: 160px; } .padding-120 {padding-top: 120px; padding-bottom: 120px; } .padding-110 {padding-top: 110px; padding-bottom: 110px; } .padding-100 {padding-top: 100px; padding-bottom: 100px; } .padding-20 {padding-top: 20px; padding-bottom: 20px; } .padding-30 {padding-top: 30px; padding-bottom: 30px; } .padding-40 {padding-top: 40px; padding-bottom: 40px; } .padding-50 {padding-top: 50px; padding-bottom: 50px; } .padding-60 {padding-top: 60px; padding-bottom: 60px; } .padding-65 {padding-top: 65px; padding-bottom: 65px; } .padding-70 {padding-top: 70px; padding-bottom: 70px; } .padding-80 {padding-top: 80px; padding-bottom: 80px; } .padding-90 {padding-top: 90px; padding-bottom: 90px; } .padding-10 {padding-top: 10px; padding-bottom: 10px; } .margin-top-10 {margin-top: 10px; } .margin-top-15 {margin-top: 15px; } .margin-top-20 {margin-top: 20px; } .margin-top-30 {margin-top: 30px; } .margin-top-35 {margin-top: 35px; } .margin-top-40 {margin-top: 40px; } .margin-top-50 {margin-top: 50px; } .margin-top-55 {margin-top: 55px; } .margin-top-60 {margin-top: 60px; } .margin-top-70 {margin-top: 70px; } .margin-top-80 {margin-top: 80px; } .margin-top-90 {margin-top: 90px; } .margin-top-100 {margin-top: 100px; } .margin-bottom-0 {margin-bottom: 0px !important; } .margin-bottom-10 {margin-bottom: 10px; } .margin-bottom-15 {margin-bottom: 15px; } .margin-bottom-20 {margin-bottom: 20px; } .margin-bottom-25 {margin-bottom: 25px; } .margin-bottom-30 {margin-bottom: 30px; } .margin-bottom-35 {margin-bottom: 35px; } .margin-bottom-40 {margin-bottom: 40px; } .margin-bottom-45 {margin-bottom: 45px; } .margin-bottom-50 {margin-bottom: 50px; } .margin-bottom-55 {margin-bottom: 55px; } .margin-bottom-60 {margin-bottom: 60px; } .margin-bottom-70 {margin-bottom: 70px; } .margin-bottom-80 {margin-bottom: 80px; } .margin-bottom-90 {margin-bottom: 90px; } .margin-bottom-120 {margin-bottom: 120px; } .margin-bottom-150 {margin-bottom: 150px; } .margin-top-100 {margin-bottom: 100px; } .margin-top-120 {margin-top: 120px; } .min-height-600 {min-height: 600px; } .overflow-hidden {overflow: hidden; } /*-------------------------------------------------------------- # Alignments --------------------------------------------------------------*/ .aligncenter, .alignleft, .alignright {display: block; margin: 1.5rem auto; clear: both; } .alignleft {float: left; margin-right: 20px; } .alignright {float: right; margin-left: 20px; } .aligncenter {display: block; } .alignnone {margin: 1.75em auto 1.75em; } .alignfull {margin: 1.5em 0; max-width: 100%; } .alignwide {max-width: 1100px; } .alignnone {height: auto; } /*-------------------------------------------------------------- # Clearings --------------------------------------------------------------*/ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after {content: ""; display: table; table-layout: fixed; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after {clear: both; } /*-------------------------------------------------------------- ## Posts and pages --------------------------------------------------------------*/ .sticky {display: block; } .updated:not(.published) {display: none; } /*-------------------------------------------------------------- # Media --------------------------------------------------------------*/ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley {border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object {max-width: 100%; } /* Make sure logo link wraps around logo image. */ .custom-logo-link {display: inline-block; } /*---------------------------------------- # Unit test ------------------------------------------*/ .wp-link-pages {margin-bottom: 30px; margin-top: 25px; } .wp-link-pages a {margin: 0 5px; -webkit-transition: 0.3s ease-in; transition: 0.3s ease-in; border: 1px solid #e2e2e2; padding: 5px 15px; display: inline-block; } .wp-link-pages a:hover {background-color: var(--main-color-one); color: #fff; border-color: var(--main-color-one); } .wp-link-pages span {border: 1px solid #e2e2e2; padding: 5px 15px; display: inline-block; } .wp-link-pages span:first-child {margin-right: 5px; } .wp-link-pages .current {background-color: var(--main-color-one); color: #fff; border-color: var(--main-color-one); } .post-password-form input {display: block; border: 1px solid #e2e2e2; height: 50px; border-radius: 3px; padding: 0 20px; } .post-password-form label {font-weight: 600; color: #333; } .post-password-form input[type=submit] {width: 100px; height: 50px; background-color: var(--main-color-one); color: #fff; font-size: 16px; font-weight: 600; letter-spacing: 1px; border: none; cursor: pointer; -webkit-transition: 0.3s ease-in; transition: 0.3s ease-in; display: inline-block; } .post-password-form input[type=submit]:hover {background-color: #121A2F; } .footer-widget .table td, .footer-widget .table th {padding: 0.5rem !important; } .nav-container {max-width: 1518px; } .section-padding-top-bottom {padding: 100px 0; } .section-padding-top {padding-top: 100px; } .section-padding-bottom {padding-bottom: 100px; } .custom-container-1720 {max-width: 1720px; } .custom-container-1790 {max-width: 1790px; } .custom-container-1618 {max-width: 1618px; } .post-meta {margin-bottom: 21px; } .post-meta .meta-item {display: inline-block; font-family: harshina !important; text-transform: uppercase; font-size: 14px; font-weight: 400; margin-right: 15px; } .post-meta .meta-item .icon {color: var(--main-color-two); padding-right: 5px; } .post-meta .meta-item a {-webkit-transition: all linear 0.2s; transition: all linear 0.2s; } .post-meta .meta-item a:hover {color: var(--main-color-two); } .product-modal-wrap {opacity: 0; visibility: hidden; } .product-modal-wrap.show {opacity: 1; visibility: visible; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); z-index: 5; } .product-modal-wrap.show .product-modal {top: 50%; } .product-modal-wrap .product-modal {-webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s; position: fixed; display: -webkit-box; display: -ms-flexbox; display: flex; width: 900px; padding: 25px; border: 8px solid #18171714; left: 50%; top: 65%; background-color: #fff; z-index: 99; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .product-modal-wrap .product-modal .product-img {margin-right: 30px; width: 50%; } .product-modal-wrap .product-modal .content {width: 50%; } .product-modal-wrap .product-modal .content .title {font-size: 28px; font-weight: 500; text-transform: capitalize; } .product-modal-wrap .product-modal .content .ratings {margin: 10px 0 13px; } .product-modal-wrap .product-modal .content .ratings .icon {font-size: 16px; color: var(--main-color-one); } .product-modal-wrap .product-modal .content .pricing .list .price {display: inline-block; margin-right: 5px; font-weight: 500; } .product-modal-wrap .product-modal .content .info {margin: 11px 0 16px; } .product-modal-wrap .product-modal .content .cart-option {display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; } .product-modal-wrap .product-modal .content .cart-option .input-group {width: 100px; height: 40px; display: inline-block; } .product-modal-wrap .product-modal .content .cart-option .input-group input {width: 100%; height: 100%; border-radius: 0; border-right: none; } .product-modal-wrap .product-modal .content .cart-option .add-cart-btn {display: inline-block; height: 40px; } .product-modal-wrap .product-modal .content .cart-option .add-cart-btn .add-to-cart {font-size: 18px; text-transform: capitalize; height: 100%; text-align: center; background-color: var(--main-color-one); display: inline-block; line-height: 40px; padding: 0 15px; color: #fff; } .product-modal-wrap .product-modal .content .product_meta {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; margin-top: 18px; } .product-modal-wrap .product-modal .close-btn {position: absolute; top: 0; right: 0; width: 25px; height: 25px; background-color: var(--main-color-one); text-align: center; cursor: pointer; } .product-modal-wrap .product-modal .close-btn .btn-x {display: inline-block; line-height: 25px; color: #fff; font-size: 18px; } .product-modal {position: fixed; display: -webkit-box; display: -ms-flexbox; display: flex; width: 900px; padding: 25px; border: 5px solid #18171714; left: 50%; top: 50%; background-color: #fff; z-index: 99; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .product-modal .product-img {margin-right: 30px; width: 148%; } .product-modal .content .title {font-size: 28px; font-weight: 500; text-transform: capitalize; } .product-modal .content .ratings {margin: 10px 0 13px; } .product-modal .content .ratings .icon {font-size: 16px; color: var(--main-color-one); } .product-modal .content .pricing .list .price {display: inline-block; margin-right: 5px; font-weight: 500; } .product-modal .content .info {margin: 11px 0 16px; } .product-modal .content .cart-option {display: -webkit-box; display: -ms-flexbox; display: flex; } .product-modal .content .cart-option .input-group {width: 100px; height: 40px; display: inline-block; } .product-modal .content .cart-option .input-group input {width: 100%; height: 100%; border-radius: 0; border-right: none; } .product-modal .content .cart-option .add-cart-btn {display: inline-block; height: 40px; } .product-modal .content .cart-option .add-cart-btn .add-to-cart {font-size: 18px; text-transform: capitalize; height: 100%; text-align: center; background-color: var(--main-color-one); display: inline-block; line-height: 40px; padding: 0 15px; color: #fff; } .product-modal .content .product_meta {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; margin-top: 18px; } .product-modal .close-btn {position: absolute; top: 0; right: 0; width: 25px; height: 25px; background-color: var(--main-color-one); text-align: center; cursor: pointer; } .product-modal .close-btn .btn-x {display: inline-block; line-height: 25px; color: #fff; font-size: 18px; } .quick-cart {width: 400px; background-color: #fff; position: absolute; z-index: 5; right: 0; display: none; -webkit-box-shadow: 0px 2px 6px 2px #00000012; box-shadow: 0px 2px 6px 2px #00000012; } .quick-cart .single-row {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; line-height: normal; padding: 15px; border-bottom: 1px solid #DDDDDD; } .quick-cart .single-row .img-box img {max-width: 75px; } .quick-cart .single-row .disc, .quick-cart .single-row .quant, .quick-cart .single-row .price-box {padding: 0 10px; } .quick-cart .single-row .disc, .quick-cart .single-row .quant, .quick-cart .single-row .price-box, .quick-cart .single-row .remove-box {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; text-transform: capitalize; } .quick-cart .single-row .price-box .price {color: var(--main-color-one); display: block; } .quick-cart .single-row .price-box .price del {color: #999999; margin-left: 11px; } .quick-cart .total-pricing {padding-left: 15px; padding-right: 15px; padding-top: 12px; font-size: 14px; } .quick-cart .total-pricing .total {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; line-height: normal; } .quick-cart .btn-wrapper {padding: 15px; } .quick-cart .btn-wrapper .default-btn:nth-child(1) {width: 100%; color: #fff !important; background-color: var(--main-color-one); border-color: var(--main-color-one); line-height: initial; padding: 12px 20px; font-size: 14px; } .quick-cart .btn-wrapper .default-btn:nth-child(1):hover {border-color: var(--main-color-one); color: #666666 !important; background-color: transparent; } .quick-cart .btn-wrapper .default-btn:nth-child(2) {margin-top: 10px; width: 100%; color: #666666; background-color: transparent; line-height: initial; padding: 12px 20px; border-color: var(--main-color-one); font-size: 14px; } .quick-cart .btn-wrapper .default-btn:nth-child(2):hover {border-color: var(--main-color-one); color: #666666 !important; background-color: transparent; } .nav-right-content ul .cart:hover .quick-cart {display: block; } .arrow-up {position: absolute; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 25px solid #f7f3f4; bottom: 100%; right: 13px; } /*-------------------------------------------------------------- # Gutenberg Default Style --------------------------------------------------------------*/ .single-post-details-item .entry-content>.alignwide {max-width: 1100px; } .single-post-details-item .entry-content>.alignfull {margin: 1.5em 0; max-width: 100%; } .wp-block-video video {max-width: 636px; } .wp-block-image img {display: block; } .wp-block-image.alignleft, .wp-block-image.alignright {width: 100%; } .wp-block-image.alignfull img {width: 100vw; } .wp-block-cover-text p {padding: 1.5em 14px; } ul.wp-block-latest-posts.alignwide, ul.wp-block-latest-posts.alignfull, ul.wp-block-latest-posts.is-grid.alignwide, ul.wp-block-latest-posts.is-grid.alignwide {padding: 0 14px; } .wp-block-table {display: block; overflow-x: auto; } .wp-block-table table {border-collapse: collapse; width: 100%; } .wp-block-table td, .wp-block-table th {padding: 0.5em; } .wp-block-embed.type-video>.wp-block-embed__wrapper {position: relative; width: 100%; height: 0; padding-top: 56.25%; } .wp-block-embed.type-video>.wp-block-embed__wrapper>iframe {position: absolute; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; } .wp-block-quote.is-large {margin: 0 auto 16px; } .wp-block-pullquote>p:first-child {margin-top: 0; } .wp-block-separator {margin: 3em auto; padding: 0; } @media screen and (min-width: 768px) {.wp-block-cover-text p {padding: 1.5em 0; } } .wp-block-video video {max-width: 636px; } .wp-block-image img {display: block; } .wp-block-image.alignleft, .wp-block-image.alignright {width: 100%; } .wp-block-image.alignfull img {width: 100vw; } .wp-block-cover-text p {padding: 1.5em 14px; } ul.wp-block-latest-posts.alignwide, ul.wp-block-latest-posts.alignfull, ul.wp-block-latest-posts.is-grid.alignwide, ul.wp-block-latest-posts.is-grid.alignwide {padding: 0 14px; } .wp-block-table {display: block; overflow-x: auto; } .wp-block-table table {border-collapse: collapse; width: 100%; } .wp-block-table td, .wp-block-table th {padding: 0.5em; } .wp-block-embed.type-video>.wp-block-embed__wrapper {position: relative; width: 100%; height: 0; padding-top: 56.25%; } .wp-block-embed.type-video>.wp-block-embed__wrapper>iframe {position: absolute; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; } .wp-block-quote.is-large {margin: 0 auto 16px; } .wp-block-pullquote>p:first-child {margin-top: 0; } .wp-block-separator {margin: 3em auto; padding: 0; } @media screen and (min-width: 768px) {.wp-block-cover-text p {padding: 1.5em 0; } } .wp-block-pullquote {border-top: 4px solid #555d66; border-bottom: 4px solid #555d66; color: #40464d; } /*-------------------------------------------------------------- ## Block Color Palette Colors --------------------------------------------------------------*/ .has-strong-blue-color {color: #0073aa; } .has-strong-blue-background-color {background-color: #0073aa; } .has-lighter-blue-color {color: #229fd8; } .has-lighter-blue-background-color {background-color: #229fd8; } .has-very-light-gray-color {color: #eee; } .has-very-light-gray-background-color {background-color: #eee; } .has-very-dark-gray-color {color: #444; } .has-very-dark-gray-background-color {background-color: #444; } /*--------------------- ## Breadcumb ----------------------*/ .breadcrumb-area {position: relative; z-index: 0; background-size: cover; background-position: center; z-index: 1; height: 200px; padding-top: 0px; } /*.breadcrumb-area.Category\:.Water.Heater {*/ /*    background-image: url(../img/brd/water_heater.jpg) !important; */ /*}*/ /*.breadcrumb-area.Category\:.Stabilizers{*/ /*   background-image: url(../img/brd/stabilizer.jpg) !important; */ /*}*/ /*.breadcrumb-area.All.Products, .breadcrumb-area.Category\:.Emergency.light, .breadcrumb-area.Category\:.Irons, .breadcrumb-area.Category\:.Inverter{*/ /*   background-image: url(../img/brd/all.jpg) !important; */ /*}*/ /*.breadcrumb-area.Category\:.Fan{*/ /*   background-image: url(../img/brd/fan.jpg) !important; */ /*}*/ /*.breadcrumb-area.Category\:.Induction.Stove{*/ /*   background-image: url(../img/brd/cooker.jpg) !important; */ /*}*/ .breadcrumb-area::after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #040B25; opacity: 0.6; z-index: -1; } .breadcrumb-area .breadcrumb-inner {padding: 40px 0 40px 0; text-align: center; } .breadcrumb-area .page-title {font-size: 27px; line-height: 40px; font-weight: 500; text-transform: uppercase; margin-bottom: 15px; color: #fff; } .breadcrumb-area .page-list {margin: 0; padding: 0; } .breadcrumb-area .page-list .list-item {font-family: harshina !important; color: #fff; display: inline-block; position: relative; padding-left: 30px; font-size: 18px; font-weight: 400; text-transform: uppercase; } .breadcrumb-area .page-list .list-item:first-child {padding-left: 0; margin-right: 8px; } .breadcrumb-area .page-list .list-item:first-child:after {display: none; } .breadcrumb-area .page-list .list-item:last-child {color: var(--main-color-one); } .breadcrumb-area .page-list .list-item:after {position: absolute; left: 7px; top: 0; font-weight: 700; content: "|"; font-family: "Line Awesome Free"; color: #fff; line-height: 20px; } .breadcrumb-area .page-list .list-item a {-webkit-transition: all linear 0.2s; transition: all linear 0.2s; } .breadcrumb-area .page-list .list-item a:hover {color: var(--main-color-one); } /*---------------------------------------------- # Nav bar ----------------------------------------------*/ .navbar.navbar-area.white .navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.50)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); } .navbar.navbar-area .navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.50)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); } .mobile-logo {display: none; } @media only screen and (max-width: 991px) {.mobile-logo {display: block; } .desktop-logo {display: none !important; } } .navbar-area {padding: 0; } .navbar-area.nav-absolute {position: absolute; left: 0; width: 100%; top: 0px; z-index: 1; } .navbar-area.nav-style-02 {background-color: transparent; position: absolute; left: 0; top: 0; width: 100%; min-height: 70px; z-index: 2; } .navbar-area.nav-style-02.has-topbar {top: 45px; } .navbar-area.nav-style-02.has-topbar-02 {top: 122px; } .navbar-area.nav-style-02.has-topbar-03 {top: 70px; } .navbar-area.nav-style-02.charity-nav-02 {background-color: transparent; } .navbar-area.nav-style-02.charity-nav-02 .nav-container {padding: 0 0 0 20px; background-color: var(--main-color-one); } .navbar-area.nav-style-02.charity-nav-02 .nav-container .logo-wrapper {-webkit-clip-path: initial; clip-path: initial; border-left: none; padding: 30px 70px; top: -45px; } .navbar-area.nav-style-02.charity-nav-02 .nav-container .logo-wrapper .mobile-logo {display: none; } .navbar-area.nav-style-02.charity-nav-02 .nav-container .nav-right-content {margin-left: 0; -webkit-clip-path: initial; clip-path: initial; } .navbar-area.nav-style-02.charity-nav-02 .nav-container .nav-right-content::after {display: none; } .navbar-area.nav-style-02.charity-nav-02 .nav-container .navbar-collapse .navbar-nav li a:hover {color: var(--heading-color); } .navbar-area.nav-style-02.charity-nav-02 .nav-container .navbar-collapse .navbar-nav li.current-menu-item::before {color: var(--heading-color); } .navbar-area.nav-style-02.charity-nav-02 .nav-container .navbar-collapse .navbar-nav li.current-menu-item a {color: var(--heading-color); } .navbar-area.nav-style-02.charity-nav-02 .nav-container .navbar-collapse .navbar-nav li a {color: #fff; } .navbar-area.nav-style-02.charity-nav-03 {background-color: transparent; } .navbar-area.nav-style-02.charity-nav-03 .nav-container {padding: 0 0 0 20px; background-color: transparent; } .navbar-area.nav-style-02.charity-nav-03 .nav-container .logo-wrapper {position: initial; -webkit-clip-path: initial; clip-path: initial; border: none; padding: 0; background-color: transparent; } .navbar-area.nav-style-02.charity-nav-03 .nav-container .nav-right-content {margin-left: 0; -webkit-clip-path: initial; clip-path: initial; background-color: transparent; } .navbar-area.nav-style-02.charity-nav-03 .nav-container .nav-right-content::after {display: none; } .navbar-area.nav-style-02.charity-nav-03 .nav-container .navbar-collapse .navbar-nav li.current-menu-item::before {color: var(--main-color-one); } .navbar-area.nav-style-02.charity-nav-03 .nav-container .navbar-collapse .navbar-nav li.current-menu-item a {color: var(--main-color-one); } .navbar-area.nav-style-02.charity-nav-03 .nav-container .navbar-collapse .navbar-nav li a {color: #fff; } .navbar-area.nav-style-02 .nav-container {background-color: transparent; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; padding: 0 15px; } .navbar-area.nav-style-02 .nav-container .logo-wrapper {background-color: transparent; } .navbar-area.nav-style-02 .nav-container .logo-wrapper .logo .logo-text {display: inline-block; font-size: 35px; font-weight: 700; font-family: harshina !important; text-transform: uppercase; vertical-align: middle; padding-left: 10px; color: #191C47; } .navbar-area.nav-style-02 .nav-container .nav-right-content {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 0; } .navbar-area.nav-style-02 .nav-container .nav-right-content ul li {color: rgba(255, 255, 255, 0.8); } .navbar-area.nav-style-02 .nav-container .nav-right-content ul li+li {margin-left: 5px; } .navbar-area.nav-style-02 .nav-container .navbar-collapse .navbar-nav {text-align: right; } .navbar-area.nav-style-02 .nav-container .navbar-collapse .navbar-nav li.current-menu-item a {color: var(--main-color-one); } .navbar-area.nav-style-02 .nav-container .navbar-collapse .navbar-nav li.current-menu-item:before {color: var(--main-color-one); } .navbar-area.nav-style-02 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children {z-index: initial; } .navbar-area.nav-style-02 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a {background-color: #fff; color: var(--heading-color); } .navbar-area.nav-style-02 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover {background-color: var(--main-color-one); color: #fff; } .navbar-area.nav-style-02 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:hover>.sub-menu li:hover:before {color: #fff; } .navbar-area.nav-style-02 .nav-container .navbar-collapse .navbar-nav li a {-webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; color: var(--heading-color); } .navbar-area.nav-style-02 .nav-container .navbar-collapse .navbar-nav li:hover.menu-item-has-children:before {color: var(--main-color-one); } .navbar-area.nav-style-02 .nav-container .navbar-collapse .navbar-nav li:hover a {color: var(--main-color-one); } .navbar-area.nav-style-02 .nav-container .navbar-collapse .navbar-nav.index-2 li.current-menu-item a {color: #7F65DC; } .navbar-area.nav-style-02 .nav-container .navbar-collapse .navbar-nav.index-2 li.current-menu-item:before {color: #7F65DC; } .navbar-area.nav-style-02 .nav-container .navbar-collapse .navbar-nav.index-2 li.menu-item-has-children .sub-menu {border-bottom-color: #7F65DC; } .navbar-area.nav-style-02 .nav-container .navbar-collapse .navbar-nav.index-2 li.menu-item-has-children .sub-menu li a:hover {background-color: #7F65DC; } .navbar-area.nav-style-02 .nav-container .navbar-collapse .navbar-nav.index-2 li:hover.menu-item-has-children:before {color: #7F65DC; } .navbar-area.nav-style-02 .nav-container .navbar-collapse .navbar-nav.index-2 li:hover a {color: #7F65DC; } .navbar-area.nav-style-01 {background-color: #fff; position: relative; /*height: 110px;*/ z-index: 9; } .navbar-area.nav-style-01 .nav-container {background-color: #fff; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; padding: 0 15px; /* height: 110px; */ } .navbar-area.nav-style-01 .nav-container .nav-right-content ul li {color: var(--heading-color-one); } .navbar-area.nav-style-01 .nav-container .nav-right-content ul li a {color: var(--heading-color-one); } .navbar-area.nav-style-01 .nav-container .nav-right-content ul li a .icon {font-size: 20px; } .navbar-area.nav-style-01 .nav-container .nav-right-content ul li a .la-search {-webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav {text-align: center; } .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li {line-height: 110px; } .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.current-menu-item a {color: var(--main-color-one); } .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.current-menu-item.menu-item-has-children:before {color: var(--main-color-one); } .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children {z-index: initial; } .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:before {color: var(--heading-color-one); } .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li+li {border-top: 1px solid #e2e2e2; } .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a {background-color: #fff; color: var(--paragraph-color); } .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover {background-color: var(--main-color-one); color: #fff; } .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:hover>.sub-menu li:hover:before {color: #fff; } .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li a {-webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; color: var(--heading-color-one); } .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li:hover.menu-item-has-children:before {color: var(--main-color-one); } .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li:hover a {color: var(--main-color-one); } .navbar-area.nav-style-01.index-02 .nav-container .navbar-collapse .navbar-nav li.current-menu-item a {color: var(--main-color-two); } .navbar-area.nav-style-01.index-02 .nav-container .navbar-collapse .navbar-nav li.current-menu-item.menu-item-has-children:before {color: var(--main-color-two); } .navbar-area.nav-style-01.index-02 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu {border-bottom-color: var(--main-color-two); } .navbar-area.nav-style-01.index-02 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover {background-color: var(--main-color-two); color: #fff; } .navbar-area.nav-style-01.index-02 .nav-container .navbar-collapse .navbar-nav li:hover.menu-item-has-children:before {color: var(--main-color-two); } .navbar-area.nav-style-01.index-02 .nav-container .navbar-collapse .navbar-nav li:hover a {color: var(--main-color-two); } .navbar-area.nav-style-01.index-02 .nav-container .nav-right-content ul li a:hover {color: var(--main-color-two); } .navbar-area.nav-style-01.index-02 .nav-container .nav-right-content ul .cart-badge {background-color: var(--main-color-two); } .navbar-area .nav-container {background-color: #fff; -webkit-box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.2); border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; padding: 0 30px; } .navbar-area .nav-container .nav-right-content ul {margin: 0; padding: 0; list-style: none; margin-left: 0px; } .navbar-area .nav-container .nav-right-content ul li {display: inline-block; margin: 0 0 0 8px; font-size: 16px; font-family: var(--heading-font); text-transform: uppercase; font-weight: 400; line-height: 70px; color: #6a7795; } .navbar-area .nav-container .nav-right-content ul li:first-child {margin-left: 0; } .navbar-area .nav-container .nav-right-content ul li a {color: var(--heading-color-one); -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .navbar-area .nav-container .nav-right-content ul li a:hover {color: var(--hover-color-one); } .navbar-area .nav-container .nav-right-content ul li.search {cursor: pointer; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .navbar-area .nav-container .nav-right-content ul li.search:hover {color: var(--main-color-one); } .navbar-area .nav-container .nav-right-content ul li.nav-btn .btn-boxed {font-weight: 600; text-transform: capitalize; border-radius: 5px; background-color: var(--main-color-one); } .navbar-area .nav-container .nav-right-content ul li.nav-btn .btn-boxed:hover {background-color: var(--secondary-color); } .navbar-area .nav-container .nav-right-content ul .cart, .navbar-area .nav-container .nav-right-content ul .favicon {padding-right: 22px; } .navbar-area .nav-container .nav-right-content ul .cart a, .navbar-area .nav-container .nav-right-content ul .favicon a {position: relative; } .navbar-area .nav-container .nav-right-content ul .cart a .cart-badge, .navbar-area .nav-container .nav-right-content ul .favicon a .cart-badge {position: absolute; right: -22px; top: -13px; font-size: 11px; display: inline-block; height: 22px; width: 22px; color: #fff; border-radius: 50%; background-color: var(--main-color-one); line-height: 22px; text-align: center; font-weight: 600; } .navbar-area .nav-container .nav-right-content ul .account {margin-left: 60px; } .navbar-area .nav-container .navbar-brand .site-title {font-weight: 700; font-size: 30px; font-family: var(--heading-font); line-height: 90px; color: var(--heading-color); } .navbar-area .nav-container .navbar-collapse .navbar-nav {display: block; width: 100%; text-align: right; } .navbar-area .nav-container .navbar-collapse .navbar-nav li {display: inline-block; font-size: 16px; font-family: var(--heading-font); text-transform: uppercase; font-weight: 400; line-height: 70px; } .navbar-area .nav-container .navbar-collapse .navbar-nav>li:hover {cursor: pointer; } .navbar-area .nav-container .navbar-collapse .navbar-nav li+li {margin-left: 20px; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.current-menu-item a {color: var(--main-color-one); } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children {position: relative; z-index: 0; padding-right: 15px; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:before {position: absolute; right: -3px; top: 50%; content: ""; font-weight: 600; font-family: "Line Awesome Free"; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; font-size: 14px; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover>.sub-menu {visibility: visible; opacity: 1; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu {position: absolute; text-align: left; min-width: 220px; margin: 0; padding: 0; list-style: none; left: 0; top: 100%; -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05); background-color: #fff; z-index: 9; border-bottom: 4px solid var(--main-color-one); visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li {display: block; margin-left: 0; line-height: 24px; font-size: 16px; font-family: var(--heading-font); border-bottom: none; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li+li {border-top: 1px solid #e2e2e2; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a {display: block; padding: 10px 30px; background-color: #fff; white-space: nowrap; color: var(--paragraph-color); -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover {background-color: var(--main-color-one); color: #fff; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children {position: relative; z-index: 0; padding-right: 0px; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children>.sub-menu {left: 100%; top: 0px; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children>.sub-menu .sub-menu .sub-menu {left: auto; right: 100%; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:hover>.sub-menu {visibility: visible; opacity: 1; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:hover>.sub-menu li:hover:before {color: #fff; } .navbar-area .nav-container .navbar-collapse .navbar-nav li a {-webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .navbar-area .nav-container .navbar-collapse .navbar-nav li a:hover {color: var(--main-color-one); } @media only screen and (max-width: 991px) {.navbar-area.nav-style-02 .nav-container {padding: 20px 20px; } .breadcrumb-area{padding-top: 0px; } .navbar-area.nav-style-02 .nav-container .navbar-toggler {background-color: #fff; height: 50px; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; margin-bottom: 2px; } .navbar-area.nav-style-02 .nav-container .navbar-collapse .navbar-nav {background-color: var(--secondary-color); margin-top: 20px; } .navbar-area.nav-style-02 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a {background-color: transparent; color: rgba(255, 255, 255, 0.8); } .navbar-area.nav-style-01 .nav-container {padding: 20px 0px; position: absolute; width: 100%; top: 0; z-index: 9; } .navbar-area.nav-style-01 .nav-container .responsive-mobile-menu .navbar-toggler {background-image: none; height: 50px; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; margin-bottom: 3px; } .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav {text-align: left; } .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li {line-height: 30px; } .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.current-menu-item a {color: var(--main-color-one); } .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.current-menu-item.menu-item-has-children:before {color: var(--main-color-one); } .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children {z-index: initial; } .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:before {color: rgba(255, 255, 255, 0.8); } .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li+li {border-top: 1px solid rgba(255, 255, 255, 0.2); } .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a {background-color: transparent; color: rgba(255, 255, 255, 0.8); } .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover {background-color: var(--main-color-one); color: #fff; } .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:hover>.sub-menu li:hover:before {color: #656565; } .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li a {-webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; color: rgba(255, 255, 255, 0.8); } .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li:hover.menu-item-has-children:before {color: var(--main-color-one); } .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li:hover a {color: var(--main-color-one); } .navbar-area .nav-container {position: relative; z-index: 0; min-height: 80px; } .navbar-area .nav-container .responsive-mobile-menu {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; width: 100%; } .navbar-area .nav-container .navbar-brand {display: block; } .navbar-area .nav-container .navbar-brand .navbar-toggler {border: 1px solid #e2e2e2; height: 50px; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; margin-bottom: 3px; } .navbar-area .nav-container .navbar-collapse .navbar-nav {display: block; } .navbar-area .nav-container .navbar-collapse .navbar-nav li {display: block; text-align: left; line-height: 30px; padding: 10px 0 10px 15px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .navbar-area .nav-container .navbar-collapse .navbar-nav li:last-child {border-bottom: none; } .navbar-area .nav-container .navbar-collapse .navbar-nav li+li {margin-left: 0; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:before {top: 25px; right: 20px; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover {padding-bottom: 0; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover>.sub-menu {visibility: visible; height: auto; opacity: 1; background-color: transparent; border-bottom: none; padding-top: 10px; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu {position: initial; display: block; width: 100%; border-top: none; -webkit-box-shadow: none; box-shadow: none; margin-left: 0; padding-bottom: 0; visibility: hidden; opacity: 0; height: 0; -webkit-transition: height 500ms; transition: height 500ms; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .sub-menu .menu-item-has-children:before {content: ""; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li {padding: 0; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li.menu-item-has-children:hover:before {color: #fff; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li+li {border-top: none; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li:first-child {border-top: 1px solid rgba(255, 255, 255, 0.2); } } @media only screen and (max-width: 575px) {.navbar-area .nav-container {/* margin: 0 15px; */ } .breadcrumb-area{padding-top: 50px; } } /*---------------------------- Top Bar ----------------------------*/ .topbar-area {background-color: #03a8f4; z-index: 999; position: relative; } .topbar-area .topbar-inner {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .topbar-area .topbar-inner .left-content {display: -webkit-box; display: -ms-flexbox; display: flex; padding: 10px 0 9px 0; } .topbar-area .topbar-inner .left-content .select-option select {height: 21px; padding: 0 27px 0 10px; color: azure; background-color: #040B25; border: none; text-transform: uppercase; font-size: 14px; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='white'><polygon points='0,0 10,0 5,5'/></svg>"); background-repeat: no-repeat; background-position-y: 55%; background-position-x: 92%; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin-right: 15px; cursor: pointer; } .topbar-area .topbar-inner .left-content .social-icon {margin-left: 10px; } .topbar-area .topbar-inner .left-content .social-icon .social-icon-list {padding-left: 0; margin-bottom: 0; list-style-type: none; } .topbar-area .topbar-inner .left-content .social-icon .social-icon-list .item, {display: inline-block; } .topbar-area .topbar-inner .left-content .social-icon .social-icon-list .item a {margin-right: 10px; color: #222; -webkit-transition: all linear 0.2s; transition: all linear 0.2s; } .topbar-area .topbar-inner .left-content .social-icon .social-icon-list .item a:hover {color: var(--hover-color-two); } .topbar-area .topbar-inner .left-content .social-icon .social-icon-list .item a .icon {font-size: 14px; } .topbar-area .topbar-inner .right-content {display: -webkit-box; display: -ms-flexbox; display: flex; } .topbar-area .topbar-inner .right-content a {color: #222; font-size: 14px; } .topbar-area .topbar-inner .right-content .info {padding: 10px 0 9px 0; } .topbar-area .topbar-inner .right-content .info .list .item {display: inline-block; margin-right: 20px; } .topbar-area .topbar-inner .right-content .info .list .item:last-child {margin-right: 0; } .topbar-area .topbar-inner .right-content .info .list .item a {-webkit-transition: all linear 0.2s; transition: all linear 0.2s; } .topbar-area .topbar-inner .right-content .info .list .item a:hover {color: var(--main-color-two); } .topbar-area .topbar-inner .right-content .account-control {padding: 10px 0 9px 20px; position: relative; z-index: 1; } .topbar-area .topbar-inner .right-content .account-control a {-webkit-transition: all linear 0.2s; transition: all linear 0.2s; } .topbar-area .topbar-inner .right-content .account-control a:hover {color: #040B25; } .topbar-area .topbar-inner .right-content .account-control::after {content: ""; position: absolute; left: 0; top: 0; width: 5000%; height: 100%; background-color: var(--main-color-two); z-index: -1; } .topbar-area .topbar-inner .right-content .social-icon-list .item {display: inline-block; } .topbar-area .topbar-inner .right-content .social-icon-list .item a {margin-left: 10px; } .topbar-area .topbar-inner .right-content .social-icon-list {padding: 10px 0 9px 0; } /*-------------------------------------------------------------- ## Header --------------------------------------------------------------*/ .header-area-wrapper {position: relative; } .header-area-wrapper .header-area {/* padding: 290px 0 303px; */ } .header-area-wrapper .header-area.header-bg {background-position: center; background-repeat: no-repeat; background-size: cover; height: 900px; position: relative; } .header-area-wrapper .header-area.header-bg .nav-container, .header-area-wrapper .header-area.header-bg .nav-container .row, .header-area-wrapper .header-area.header-bg .nav-container .row .col-lg-12 {height: 100%; } .header-area-wrapper .header-area .header-inner-content .header-main-title {color: #fff; font-size: 100px; font-weight: 400; text-transform: uppercase; } .header-area-wrapper .header-area .header-inner-content .header-main-title .ex {display: block; font-weight: 600; } .header-area-wrapper .header-area .header-inner-content .header-sub-title {font-size: 26px; font-weight: 300; color: #fff; text-transform: uppercase; margin: 18px 0 32px 0; } .header-area-wrapper .header-area .header-inner-content-index-02 {background-color: #fff; display: inline-block; border-left: 5px solid var(--main-color-two); padding: 32px 63px 53px 45px; position: absolute; top: 50%; transform: translateY(-50%); } .header-area-wrapper .header-area .header-inner-content-index-02 .info {font-size: 30px; color: var(--main-color-two); text-transform: capitalize; } .header-area-wrapper .header-area .header-inner-content-index-02 .offer {font-size: 120px; color: #040B25; text-transform: uppercase; } .header-area-wrapper .slick-dots {position: absolute; top: 50%; right: 70px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .header-area-wrapper .slick-dots li {height: 70px; width: 2px; background-color: #FFFFFF; } .header-area-wrapper .slick-dots li button {display: none; } .header-area-wrapper .slick-dots li.slick-active {background-color: var(--hover-color-one); } .header-slider-main-index-02 .slick-arrow {position: absolute; top: 50%; right: 30px; z-index: 1; width: 50px; height: 50px; border-radius: 50%; background-color: transparent; border: 1px solid #fff; text-align: center; line-height: 50px; font-size: 24px; color: #fff; -webkit-transition: all linear 0.2s; transition: all linear 0.2s; } .header-slider-main-index-02 .slick-arrow:hover {cursor: pointer; background-color: var(--main-color-two); border-color: var(--main-color-two); } .header-slider-main-index-02 .prev-arrow.slick-arrow {top: 52%; } .header-slider-main-index-02 .next-arrow.slick-arrow {top: 44%; } /*------------------------- Footer Area -------------------------*/ .footer-area {background: var(--secondary-color); } .footer-area .footer-top {padding: 96px 0 50px; } .footer-area .footer-top .footer-widget .widget-title {font-size: 20px; font-weight: 500; text-transform: uppercase; font-family: harshina !important; margin-bottom: 30px; } .footer-area .footer-top .footer-widget .info-list {padding-left: 0; margin-bottom: 0; list-style-type: none; } .footer-area .footer-top .footer-widget .info-list .info-item {margin: 18px 0; } .footer-area .footer-top .footer-widget .info-list .info-item a {display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; font-weight: 400; /*text-transform: capitalize;*/ color: var(--paragraph-color); -webkit-transition: all linear 0.2s; transition: all linear 0.2s; } .footer-area .footer-top .footer-widget .info-list .info-item a:hover {color: var(--hover-color-one); } .footer-area .footer-top .footer-widget .info-list .info-item a .icon {font-size: 12px; color: var(--main-color-one); display: inline-block; line-height: 22px; padding: 0 3px 0 0; } .footer-area .footer-top .footer-widget .info-list .info-item a .icon-address {font-size: 16px; vertical-align: 0; } .footer-area .footer-top .footer-widget .info-list .info-item:last-child {margin-bottom: 0; } .footer-area .footer-top .footer-widget .info {font-weight: 400; font-size: 16px; color: var(--paragraph-color); text-transform: initial; margin-top: 15px; } .footer-area .footer-top .footer-widget .subscriber-form {margin-top: 22px; } .footer-area .footer-top .social-icon {margin-top: 24px; } .footer-area .footer-top .social-icon .social-icon-list {padding-left: 0; margin-bottom: 0; list-style-type: none; } .footer-area .footer-top .social-icon .social-icon-list .item {display: inline-block; } .footer-area .footer-top .social-icon .social-icon-list .item a {margin-right: 10px; color: var(--paragraph-color); -webkit-transition: all linear 0.3s; transition: all linear 0.3s; } .footer-area .footer-top .social-icon .social-icon-list .item a:hover {color: var(--main-color-one); } .footer-area .footer-top .social-icon .social-icon-list .item a .icon {font-size: 16px; } .footer-area .footer-bottom {border-top: 1px solid #d8d8d8fa; } .footer-area .footer-bottom .copyright-area {text-align: center; padding: 24px 0 20px 0; } .footer-area .footer-bottom .copyright-area .copyright-area-inner {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .footer-area .footer-bottom .copyright-area .copyright-area-inner .copyright {font-weight: 400; font-size: 14px; color: #878e96; text-transform: initial; } .footer-area.index-02 {background-color: #333333; } .footer-area.index-02 .footer-top {padding-top: 41px; } .footer-area.index-02 .info-item a {color: #fff !important; } .footer-area.index-02 .info-item a .icon {color: var(--main-color-two) !important; } .footer-area.index-02 .info-item a:hover {color: var(--main-color-two) !important; } .footer-area.index-02 .info {color: #fff !important; } .footer-area.index-02 .social-icon-list .item a {color: #fff !important; } .footer-area.index-02 .social-icon-list .item a:hover {color: var(--main-color-two) !important; } .footer-area.index-02 .footer-bottom {border-top-color: #f1f1f126; } .footer-area.index-02 .footer-bottom .copyright {color: #fff !important; } /*----------------------------- Call To Action Area -----------------------------*/ .call-to-action-area-wrapper {position: relative; } .call-to-action-area-wrapper .content-left {position: absolute; z-index: 1; top: 75px; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; background-color: var(--secondary-color); padding: 20px; width: 100%; } .call-to-action-area-wrapper .content-left .content {-webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .call-to-action-area-wrapper .content-left .content .offer-title {font-size: 70px; font-weight: 600; text-transform: uppercase; color: var(--main-color-one); margin-bottom: 10px; } .call-to-action-area-wrapper .content-left .content .offer-title .ex {display: block; color: black; } .call-to-action-area-wrapper .content-left .content .catg {font-size: 20px; font-family: harshin !important; font-weight: 400; text-transform: uppercase; color: var(--paragraph-colo); margin: 14px 0 10px; } .call-to-action-area-wrapper .content-left .content .btn-wrapper {margin-bottom: 0; margin-top: 20px; } .call-to-action-area-wrapper .content-left .content .btn-wrapper .default-btn {color: var(--heading-color-one); border-color: var(--heading-color-one); } .default-btn.active {color: #fff !important; border-color: var(--hover-color-one) !important; background-color: var(--main-color-one); } .default-btn.active:hover {background-color: #333333; border-color: #333333 !important; } .call-to-action-area-wrapper .content-left .content .btn-wrapper .default-btn:hover {color: #fff; border-color: var(--hover-color-one); } .call-to-action-area-wrapper .content-right {text-align: right; } .call-to-action-area-wrapper.one .content-inner {margin-top: 15%; } .call-to-action-area-wrapper.index-02 .content {padding-top: 15px; } .call-to-action-area-wrapper.index-02 .content .content-inner {display: flex; flex-direction: column; justify-content: center; height: 100%; } .call-to-action-area-wrapper.index-02 .content .offer-title .ex {color: #333333; } .call-to-action-area-wrapper.index-02 .content .btn-wrapper .default-btn:hover {background-color: var(--main-color-two); border-color: var(--main-color-two); } /*----------------------------- About Us Area -----------------------------*/ .about-us-stylish-blog-wrapper {padding-top: 100px; } .about-us-stylish-blog-wrapper .about-us-stylish-blog-inner {position: relative; } .about-us-stylish-blog-wrapper .about-us-stylish-blog-inner .left-content {position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .about-us-stylish-blog-wrapper .about-us-stylish-blog-inner .left-content .content {position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: var(--secondary-color); padding: 68px 55px 75px; } .about-us-stylish-blog-wrapper .about-us-stylish-blog-inner .left-content .content .topic-title {font-family: harshina !important; font-size: 20px; font-weight: 400; color: var(--main-color-one); text-transform: uppercase; } .about-us-stylish-blog-wrapper .about-us-stylish-blog-inner .left-content .content .title {font-family: harshina !important; font-size: 35px; font-weight: 500; text-transform: uppercase; margin: 26px 0 28px; } .about-us-stylish-blog-wrapper .about-us-stylish-blog-inner .left-content .content .btn-wrapper {margin-top: 21px; } .about-us-stylish-blog-wrapper .about-us-stylish-blog-inner .left-content .content .btn-wrapper a {font-size: 14px; font-weight: 400; color: var(--main-color-two); border-color: var(--main-color-two); } /*------------------------------------------------------------------------------------ ## Only Image Page / Error / Wishlist no Product / Cart no Product -------------------------------------------------------------------------------------*/ .only-img-page-wrapper {padding-bottom: 100px; } .only-img-page-wrapper .img-box {text-align: center; } .only-img-page-wrapper .content {text-align: center; margin-top: 51px; } .only-img-page-wrapper .content .info {font-size: 24px; font-weight: 400; font-family: harshina !important; text-transform: capitalize; } .only-img-page-wrapper .content .btn-wrapper {margin-top: 30px; } .only-img-page-wrapper .content .btn-wrapper .default-btn {background-color: var(--main-color-one); color: #fff; border-color: var(--main-color-one); } .only-img-page-wrapper .content .btn-wrapper .default-btn:hover {background-color: transparent; border-color: var(--main-color-one); color: var(--main-color-one); } .only-img-page-wrapper.cart {padding-top: 100px; } /*---------------------------- Faq area ----------------------------*/ .faq-area-wrapper {padding: 100px 0; } .ask-wrapper .title {font-family: var(--heading-font); font-size: 30px; font-weight: 500; text-transform: uppercase; margin-top: -7px; margin-bottom: 25px; } .ask-wrapper form .form-group {margin-bottom: 20px; } .ask-wrapper form label {font-family: var(--heading-font); font-size: 16px; font-weight: 400; text-transform: capitalize; } .ask-wrapper form input {font-family: var(--heading-font); font-size: 14px; font-weight: 400; text-transform: capitalize; height: 40px; } .ask-wrapper form textarea {font-family: var(--heading-font); font-size: 13px; font-weight: 500; text-transform: capitalize; resize: none; height: 70px; } .ask-wrapper form textarea:focus {-webkit-box-shadow: none; box-shadow: none; border-color: #ced4da; } .ask-wrapper form .default-btn {background-color: var(--main-color-one); border: 1px solid var(--main-color-one); color: #fff; -webkit-transition: all linear 0.2s; transition: all linear 0.2s; margin-top: 4px; } .ask-wrapper form .default-btn:hover {background-color: transparent; color: var(--main-color-one); } .register-form-area-wrapper {position: relative; height: 100vh; padding-bottom: 100px; } .register-form-area-wrapper .register-bg {position: absolute; top: 0; left: 0; width: 50%; background-size: cover; background-position-x: center; background-position-y: top; height: 110%; } .register-form-area-wrapper .content-top {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 40px 0; } .register-form-area-wrapper .content-top .right .social-icon {padding-top: 20px; } .register-form-area-wrapper .content-top .right .social-icon .social-icon-list {padding-left: 0; margin-bottom: 0; list-style-type: none; } .register-form-area-wrapper .content-top .right .social-icon .social-icon-list .item {display: inline-block; } .register-form-area-wrapper .content-top .right .social-icon .social-icon-list .item a {margin-right: 10px; color: var(--paragraph-color); -webkit-transition: all linear 0.2s; transition: all linear 0.2s; } .register-form-area-wrapper .content-top .right .social-icon .social-icon-list .item a:hover {color: var(--main-color-one); } .register-form-wrapper {padding: 20px 0 100px; } .register-form-wrapper .nav-tabs {border: none; position: relative; } .register-form-wrapper .nav-tabs::after {content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #ddd; } .register-form-wrapper .nav-tabs .nav-item {margin-right: 30px; } .register-form-wrapper .nav-tabs .nav-item .nav-link {font-size: 24px; font-weight: 500; font-family: var(--heading-font); color: #999999; text-transform: uppercase; position: relative; display: inline-block; border: none; padding-left: 0; padding-right: 0; } .register-form-wrapper .nav-tabs .nav-item .nav-link:hover {border: none; } .register-form-wrapper .nav-tabs .nav-item .nav-link.active {border: none; color: var(--heading-color-one); } .register-form-wrapper .nav-tabs .nav-item .nav-link.active::after {content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background-color: var(--main-color-one); z-index: 2; } .register-form-wrapper .register-form {margin-top: 25px; } .register-form-wrapper .register-form .form-group {margin-bottom: 20px; } .register-form-wrapper .register-form .form-group label {display: block; font-family: var(--heading-font); font-size: 16px; font-weight: 400; color: #666666; } .register-form-wrapper .register-form .form-group label .ex {color: var(--main-color-one); } .register-form-wrapper .register-form .form-group input, .register-form-wrapper .register-form .form-group select, .register-form-wrapper .register-form .form-group textarea {width: 100%; border: none; background-color: #F2F3F5; height: 40px; padding: 5px 10px; font-family: var(--heading-font); font-size: 16px; font-weight: 400; color: #666666; } .register-form-wrapper .register-form .form-group textarea {resize: none; height: 120px; } .register-form-wrapper .register-form .form-group textarea:focus {-webkit-box-shadow: none; box-shadow: none; } .register-form-wrapper .register-form .form-check input {height: auto; width: auto; padding: 0; margin-left: -5px; } .register-form-wrapper .register-form .form-check label {text-transform: capitalize; display: inline-block; margin-left: 15px; font-family: var(--heading-font); font-size: 16px; font-weight: 400; } .register-form-wrapper .register-form .form-check label a {color: var(--main-color-one); } .register-form-wrapper .register-form .btn-wrapper .default-btn {background-color: var(--main-color-one); border-color: var(--main-color-one); width: 100%; text-align: center; } .register-form-wrapper .register-form .btn-wrapper .default-btn:hover {background-color: transparent; color: var(--main-color-one); } .register-form-wrapper .register-form .btn-pair {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .register-form-wrapper .register-form .btn-pair .forgot-btn {display: inline-block; font-family: var(--heading-font); font-size: 16px; font-weight: 400; color: var(--main-color-one); text-transform: capitalize; margin-top: 10px; } .register-form-wrapper .register-form .btn-pair .btn-wrapper .default-btn {width: auto; } .register-form-wrapper .bar-wrap {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 20px; } .register-form-wrapper .bar-wrap .bar {display: inline-block; border: 1px solid #ddd; width: 100%; height: 2px; margin-top: 22px; } .register-form-wrapper .bar-wrap .or {padding: 10px; display: inline-block; text-transform: initial; color: #999999; } .register-form-wrapper .sin-in-with .sign-in-btn {display: block; border: 1px solid #ddd; text-align: center; margin-top: 25px; font-family: var(--heading-font); font-size: 14px; font-weight: 500; color: #666666; padding: 10px; } .register-form-wrapper .sin-in-with .sign-in-btn img {display: inline-block; padding-right: 5px; } /*------------------------- Blog Details Area -------------------------*/ .blog-details-area-wrapper {padding-top: 100px; padding-bottom: 90px; } .blog-details-inner-content .content .post-meta {margin-top: 30px; } .blog-details-inner-content .content .title {font-size: 26px; line-height: 32px; font-weight: 500; text-transform: uppercase; margin-bottom: 23px; } .blog-details-inner-content .content .info {margin-bottom: 20px; } .blog-details-inner-content .content .quote {background-color: var(--main-color-one); color: #fff; text-align: center; padding: 19px 42px 30px; font-size: 18px; font-weight: 500; font-style: italic; } .blog-details-inner-content .content .quote .icon {font-size: 50px; } .blog-details-inner-content .content .img-box-bottom {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 18px; } .blog-details-tag-icon {margin-top: 36px; border-bottom: 1px solid #DDDDDD; padding-bottom: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .blog-details-tag-icon .tag .name, .blog-details-tag-icon .icon .name {display: inline-block; font-family: var(--heading-font); font-weight: 400; color: var(--heading-color-two); text-transform: capitalize; margin-right: 3px; } .blog-details-tag-icon .tag a {display: inline-block; text-transform: capitalize; font-size: 15px; border: 1px solid #DDDDDD; padding: 2px 10px; margin-right: 5px; -webkit-transition: all linear 0.2s; transition: all linear 0.2s; } .blog-details-tag-icon .tag a:hover {color: #fff; background-color: var(--main-color-one); border-color: var(--main-color-one); } .blog-details-tag-icon .icon ul {display: inline-block; } .blog-details-tag-icon .icon ul li {display: inline-block; } .blog-details-tag-icon .icon ul li a {display: inline-block; text-transform: capitalize; font-size: 15px; -webkit-transition: all linear 0.2s; transition: all linear 0.2s; } .blog-details-tag-icon .icon ul li a:hover {color: var(--main-color-one); } .comment-area {margin-top: 60px; } .comment-area .comment-section-title {font-size: 18px; font-weight: 500; font-family: var(--heading-font); text-transform: uppercase; margin-bottom: 40px; } .comment-area .comment-list>li {margin-bottom: 30px; } .comment-area .comment-list>li .single-comment-wrap {display: -webkit-box; display: -ms-flexbox; display: flex; } .comment-area .comment-list>li .single-comment-wrap .thumb {min-width: 80px; } .comment-area .comment-list>li .single-comment-wrap .content {-webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-left: 20px; } .comment-area .comment-list>li .single-comment-wrap .content .content-top {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .comment-area .comment-list>li .single-comment-wrap .content .content-top .left .title {font-size: 16px; font-weight: 500; text-transform: capitalize; } .comment-area .comment-list>li .single-comment-wrap .content .content-top .left .post-meta {margin: 5px 0 6px; } .comment-area .comment-list>li .single-comment-wrap .content .content-top .left .post-meta li {font-size: 12px; } .comment-area .comment-list>li .single-comment-wrap .content .content-top .right .reply-btn {font-size: 12px; -webkit-transition: all linear 0.2s; transition: all linear 0.2s; } .comment-area .comment-list>li .single-comment-wrap .content .content-top .right .reply-btn i {color: var(--main-color-one); } .comment-area .comment-list>li .single-comment-wrap .content .content-top .right .reply-btn:hover {color: var(--main-color-one); } .comment-area .comment-list .has-children {padding-left: 50px; } .comment-area .comment-form-area {background-color: var(--secondary-color); padding: 40px 35px; margin-top: 53px; } .comment-area .comment-form-area .comment-section-title {margin-bottom: 28px; } .comment-area .comment-form-area .comment-form .form-group {margin-bottom: 30px; } .comment-area .comment-form-area .comment-form input, .comment-area .comment-form-area .comment-form textarea {border-top: none; border-left: none; border-right: none; border-radius: 0; background-color: var(--secondary-color); } .comment-area .comment-form-area .comment-form input:focus, .comment-area .comment-form-area .comment-form textarea:focus {-webkit-box-shadow: none; box-shadow: none; border-color: gray; } .comment-area .comment-form-area .comment-form textarea {height: 150px; resize: none; } .comment-area .comment-form-area .comment-form .btn-wrapper .default-btn {border: 1px solid #707070; color: #666666; } .comment-area .comment-form-area .comment-form .btn-wrapper .default-btn:hover {background-color: transparent; border-color: var(--main-color-one); color: var(--main-color-one); } /*--------------------------- Contact Us ---------------------------*/ .contact-us-area-wrapper {padding: 100px 0; } .address-wrapper .address-list .single-address-item {display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 40px; } .address-wrapper .address-list .single-address-item .icon-box {width: 60px; height: 60px; background-color: var(--secondary-color); text-align: center; margin-right: 15px; } .address-wrapper .address-list .single-address-item .icon-box i {width: 60px; height: 60px; background-color: var(--secondary-color); text-align: center; margin-right: 15px; display: flex; justify-content: center; align-items: center; font-size: 37px; color: var(--main-color-one); } .address-wrapper .address-list .single-address-item .content .title {font-family: var(--heading-font); font-weight: 500; font-size: 17px; text-transform: uppercase; margin-bottom: 15px; text-align: left; line-height: 0; } .address-wrapper .address-list .single-address-item .content .info {font-size: 16px; } .get-in-touch-wrapper {background-color: var(--secondary-color); padding: 40px 40px; } .get-in-touch-wrapper .title {font-size: 35px; font-weight: 500; font-family: var(--heading-font); text-transform: uppercase; margin-top: -4px; margin-bottom: 25px; } .get-in-touch-wrapper input {height: 50px; padding: 5px 10px; border-radius: 0; border-top: none; border-left: none; border-right: none; background-color: var(--secondary-color); } .get-in-touch-wrapper input:focus {border-top: none; border-left: none; border-right: none; background-color: var(--secondary-color); } .get-in-touch-wrapper textarea {width: 100%; height: 120px; resize: none; border-color: #ddd; padding: 5px 10px; border-top: none; border-left: none; border-right: none; background-color: var(--secondary-color); } .get-in-touch-wrapper .default-btn {border: 1px solid #ddd; background-color: transparent; color: var(--heading-color-two); } .get-in-touch-wrapper .btn-wrapper button {border: 1px solid #ddd; background-color: transparent; color: var(--heading-color-two); } .elementor-custom-embed iframe {height: 700px; min-width: 100%; background-color: #ddd; } .get-in-touch-wrapper .form-group label {display: none; } .google-map-area .elementor-custom-embed iframe {height: 600px; } .get-in-touch-wrapper textarea:focus {outline: none; box-shadow: none; border-radius: none; border: none; border-bottom: 1px solid #ced4da; border-color: var(--secondary-color); background-color: var(--secondary-color); } /*------------------------- Product Compare -------------------------*/ .produdt-compare-box {padding: 100px 0 80px; } .produdt-compare-box table thead tr th {margin-bottom: 20px; } .produdt-compare-box table thead tr th .img-box {position: relative; max-height: 260px; overflow: hidden; max-width: 450px; } .produdt-compare-box table thead tr th .img-box img {width: 100%; } .produdt-compare-box table thead tr th .img-box .compare-close-btn {position: absolute; right: 4px; top: 1px; font-size: 22px; color: #333; } .produdt-compare-box table thead tr th .main-title {font-family: var(--heading-font); font-size: 24px; text-transform: uppercase; font-weight: 500; color: var(--heading-color-one); margin: 0px 0 30px; } .produdt-compare-box table thead tr th .info {font-family: var(--body-font); font-weight: 400; } .produdt-compare-box table thead tr th .info-box {text-align: center; margin-top: 20px; } .produdt-compare-box table thead tr th .info-box .title {font-family: var(--heading-font); font-size: 20px; text-transform: uppercase; font-weight: 500; color: var(--heading-color-one); } .produdt-compare-box table thead tr th .info-box .price {color: var(--main-color-one); font-family: var(--heading-font); font-size: 20px; text-transform: uppercase; font-weight: 600; margin: 10px 0 6px; } .produdt-compare-box table thead tr th .info-box .remove-btn {font-family: var(--body-font); font-weight: 400; text-transform: uppercase; font-size: 14px; border-bottom: 1px solid black; -webkit-transition: all linear 0.2s; transition: all linear 0.2s; } .produdt-compare-box table thead tr th .info-box .remove-btn:hover {color: var(--main-color-one); border-color: var(--main-color-one); } .produdt-compare-box table tbody tr {border-bottom: 1px solid #ddd; } .produdt-compare-box table tbody tr:last-child {border-bottom: none; } .produdt-compare-box table tbody tr td {padding: 20px 0; margin-right: 15px; } .produdt-compare-box table tbody tr td .same-s-1 {font-family: var(--heading-font); font-size: 18px; text-transform: initial; font-weight: 400; color: var(--heading-color-one); } .produdt-compare-box table tbody tr td .default-btn {background-color: var(--main-color-one); color: #fff; border-color: var(--main-color-one); } /*----------------------------- Modal area -----------------------------*/ .modal-open {overflow: hidden; padding-right: 0 !important; } /*--------------------------------------- ## Back Top ---------------------------------------*/ .scroll-to-top {position: fixed; right: 30px; bottom: 30px; width: 50px; height: 50px; background-color: var(--main-color-one); color: #fff; text-align: center; line-height: 50px; border-radius: 50%; z-index: 99; font-size: 25px; cursor: pointer; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); display: none; } .scroll-to-top.index-02 {background-color: var(--main-color-two); } /*--------------------------------------- ## Button ---------------------------------------*/ .default-btn {display: inline-block; text-align: center; font-size: 16px; font-weight: 500; font-family: var(--heading-font); text-transform: uppercase; color: #fff; border: 2px solid #fff; padding: 8px 20px; -webkit-transition: all linear 0.2s; transition: all linear 0.2s; } .default-btn:hover {background-color: var(--hover-color-one); border-color: var(--hover-color-one); color: #fff; } .borderless-btn {display: inline-block; font-size: 14px; font-weight: 500; font-family: var(--heading-font); text-transform: uppercase; color: #333333; border-bottom: 2px solid #70707085; padding: 6px 0px; -webkit-transition: all linear 0.2s; transition: all linear 0.2s; } .borderless-btn:hover {border-color: var(--hover-color-one); color: var(--hover-color-one); } .see-all-btn {display: inline-block; text-transform: uppercase; font-size: 18px; color: var(--main-color-one); -webkit-transition: all linear 0.2s; transition: all linear 0.2s; } .see-all-btn:hover {color: var(--main-color-one); } /*----------------------------- Accordion Item -----------------------------*/ .faq-accordion .card {overflow: visible; margin-bottom: 30px; border: none; background-color: #F2F3F5; } .faq-accordion .card:last-child {margin-bottom: 0; } .faq-accordion .card .card-header {background-color: transparent; border-bottom: none; position: relative; padding: 0; } .faq-accordion .card .card-header a {display: block; text-decoration: none; font-size: 18px; text-transform: initial; color: var(--heading-color); font-weight: 500; padding: 16px 40px 20px 20px; line-height: 30px; } .faq-accordion .card .card-header a:focus {-webkit-box-shadow: none; box-shadow: none; } .faq-accordion .card .card-header a i.la-angle-up {display: none; } .faq-accordion .card .card-header a i {font-size: 15px; color: #333333; position: absolute; right: 10px; top: 18px; } .faq-accordion .card .card-header a[aria-expanded=true] i.la-angle-up {display: block; } .faq-accordion .card .card-header a[aria-expanded=true] i.la-angle-down {display: none; } .faq-accordion .card .card-body {padding-top: 0px; margin-top: -6px; } /*------------------------- Section Title -------------------------*/ .section-title-wrapper {text-align: center; margin-bottom: 47px; } .section-title-wrapper .main-title {font-size: 27px; font-weight: 500; text-transform: uppercase; margin-top: -12px; margin-bottom: 12px; } .section-title-wrapper .main-title .ex {font-weight: 400; color: var(--heading-color-two); } /*------------------------------ Customer Feedback -----------------------------*/ .customer-feedback-area-wrapper {padding: 100px 0 0; } .customer-feedback-area-wrapper .single-cust-feedback-item {display: -webkit-box; display: -ms-flexbox; display: flex; } .customer-feedback-area-wrapper .single-cust-feedback-item .content {width: 30%; /*background-color: var(--secondary-color);*/ padding: 10px 20px; display: flex; flex-direction: column; justify-content: center; } .customer-feedback-area-wrapper .single-cust-feedback-item .content .quote {display: block; } .customer-feedback-area-wrapper .single-cust-feedback-item .content .quote .icon {font-size: 70px; color: var(--main-color-one); } .customer-feedback-area-wrapper .single-cust-feedback-item .content .feedback-info {font-family: harshina !important; font-size: 15px; color: var(--heading-color-two); text-transform: initial; margin: 18px 0 50px; } .customer-feedback-area-wrapper .single-cust-feedback-item .content .customer-name {font-family: harshina !important; font-size: 18px; color: #03a8f4; text-transform: uppercase; position: relative; /*padding-left: 40px;*/ } .feedback_img img{display: flex; width:140px; margin: 0 auto 10px; border: 2px solid #03a8f4; border-radius: 70px; } .customer-feedback-area-wrapper .single-cust-feedback-item .content .customer-name::after {/*content: "";*/ position: absolute; left: 0; top: 11px; width: 30px; height: 3px; background-color: var(--main-color-one); } .customer-feedback-area-wrapper .single-cust-feedback-item .img-box {-webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .customer-feedback-area-wrapper .single-cust-feedback-item .img-box img {width: 100%; } .customer-feedback-area-wrapper .feedback-slider-main .slick-arrow {position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 30px; z-index: 1; width: 50px; height: 50px; border-radius: 50%; background-color: transparent; border: 1px solid #999999; text-align: center; line-height: 50px; font-size: 24px; color: #999999; -webkit-transition: all linear 0.2s; transition: all linear 0.2s; } .customer-feedback-area-wrapper .feedback-slider-main .slick-arrow:hover {cursor: pointer; background-color: var(--main-color-two); border-color: var(--main-color-two); color: #fff; } .customer-feedback-area-wrapper .feedback-slider-main .prev-arrow.slick-arrow {left: -150px; } .customer-feedback-area-wrapper .feedback-slider-main .next-arrow.slick-arrow {right: -150px; } /*------------------------- ## Brand item -------------------------*/ .brand-area-wrapper {padding-bottom: 92px; } /*---------------------------- Blog Grid Item -----------------------------*/ .blog-grid-area-wrapper {/* padding-bottom: 100px; padding-top: 100px; */ } .single-blog-item {margin-bottom: 30px; } .single-blog-item .content {padding-top: 12px; } .single-blog-item .content .post-meta {margin-bottom: 12px; } .single-blog-item .content .title {font-size: 28px; font-weight: 500; text-transform: uppercase; margin-bottom: 12px; -webkit-transition: all linear 0.2s; transition: all linear 0.2s; line-height: 36px; } .single-blog-item .content .title:hover {color: var(--hover-color-one); } .single-blog-item .content .info {margin-bottom: 8px; } .single-blog-item .content .btn-wrapper a {font-size: 13px; font-weight: 400; } /*--------------------------------------- ## Featured ---------------------------------------*/ .featured-area-wrapper {-webkit-box-shadow: 0px 0px 15px -6px #00000014; box-shadow: 0px 0px 15px -6px #00000014; } .featured-area-wrapper .featured-list {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; } .featured-area-wrapper .featured-list .single-featured-item {text-align: center; position: relative; padding: 50px 22px 51px; } .featured-area-wrapper .featured-list .single-featured-item::after {content: ""; position: absolute; right: 0; top: 50%; width: 2px; background-color: #a09d9d1f; height: 60%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .featured-area-wrapper .featured-list .single-featured-item .icon-box .icon {color: var(--main-color-one); font-size: 45px; line-height: 55px; } .featured-area-wrapper .featured-list .single-featured-item .content .title {font-size: 22px; text-transform: capitalize; font-weight: 500; margin: 12px 0 16px; -webkit-transition: all linear 0.2s; transition: all linear 0.2s; } .featured-area-wrapper .featured-list .single-featured-item .content .title:hover {color: var(--hover-color-one); } .featured-area-wrapper .featured-list .single-featured-item .content .info {color: #999999; } .featured-area-wrapper .featured-list .single-featured-item:last-child::after {display: none; } .featured-area-wrapper.index-02 .featured-list .single-featured-item .icon-box .icon {color: var(--main-color-two) !important; } .featured-area-wrapper.index-02 .featured-list .single-featured-item .content .title:hover {color: var(--hover-color-two); } /*------------------------- ## Featured item -------------------------*/ .new-collection-area-wrapper {/* padding: 87px 0 100px; */ } .new-collection-area-wrapper .section-title-wrapper {text-align: left; } .new-collection-area-wrapper .new-collection-slider, .new-collection-area-wrapper .related-item-slider-main-full, .new-collection-area-wrapper .related-item-slider-main-full-2 {position: relative; } .new-collection-area-wrapper .new-collection-slider .slick-arrow, .new-collection-area-wrapper .related-item-slider-main-full .slick-arrow, .new-collection-area-wrapper .related-item-slider-main-full-2 .slick-arrow {position: absolute; text-transform: uppercase; border: none; background-color: transparent; cursor: pointer; font-size: 16px; color: #666666; -webkit-transition: all linear 0.2s; transition: all linear 0.2s; top: -85px; } .new-collection-area-wrapper .new-collection-slider .slick-arrow:hover, .new-collection-area-wrapper .related-item-slider-main-full .slick-arrow:hover, .new-collection-area-wrapper .related-item-slider-main-full-2 .slick-arrow:hover {color: var(--hover-color-one); } .new-collection-area-wrapper .new-collection-slider .prev-arrow, .new-collection-area-wrapper .related-item-slider-main-full .prev-arrow, .new-collection-area-wrapper .related-item-slider-main-full-2 .prev-arrow {right: 110px; } .new-collection-area-wrapper .new-collection-slider .next-arrow, .new-collection-area-wrapper .related-item-slider-main-full .next-arrow, .new-collection-area-wrapper .related-item-slider-main-full-2 .next-arrow {right: 15px; } .single-product-item .product-img-box {position: relative; z-index: 1; overflow: hidden; } .single-product-item .product-img-box .hover {background-color: #fff; padding: 12px 25px 12px; position: absolute; width: 100%; transform: translateY(100%); left: 0; z-index: 0; -webkit-transition: all linear 0.2s; transition: all linear 0.3s; } .single-product-item .product-img-box .hover .list {text-align: right; } .single-product-item .product-img-box .hover .list li {margin-bottom: 6px; } .single-product-item .product-img-box .hover .list li:last-child {margin-bottom: 0; } .single-product-item .product-img-box .hover .list li a {font-size: 14px; text-transform: initial; color: #000; display: inline-block; -webkit-transition: all linear 0.2s; transition: all linear 0.2s; line-height: 25px; } .single-product-item .product-img-box .hover .list li:last-child a {color red; } .single-product-item .product-img-box .hover .list li a:hover {color: var(--main-color-one); } .single-product-item .product-img-box .hover .list li a .icon {display: inline-block; padding-left: 10px; } .single-product-item .product-details-wrap {padding: 20px 0 0; } .single-product-item .product-details-wrap .product-title {font-size: 14px; font-weight: normal; line-height: 32px; text-transform: initial; -webkit-transition: all linear 0.2s; transition: all linear 0.2s; } .single-product-item .product-details-wrap .product-title:hover {color: var(--hover-color-one); } .single-product-item .product-details-wrap .product-price-details {margin-top: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: left; } .single-product-item .product-details-wrap .product-price-details .list .price {display: inline-block; margin-right: 10px; font-size: 15px; font-weight: 500; text-transform: uppercase; color: var(--main-color-one); } .single-product-item .product-details-wrap .product-price-details .list .price del {color: #999999; font-weight: 400; } .single-product-item .product-details-wrap .product-price-details .category {text-transform: uppercase; color: #999999; font-size: 14px; } .single-product-item:hover .product-img-box .hover {transform: translateY(-100%); } .new-collection-highlight {/* margin-top: 96px; */ } .new-collection-highlight .single-item {position: relative; } .new-collection-highlight .single-item .info-box {padding: 18px 25px 25px; background-color: white; display: inline-block; position: absolute; bottom: 90px; } .new-collection-highlight .single-item .info-box .catg {font-size: 18px; font-family: harshina !important; font-weight: 400; text-transform: initial; color: var(--heading-color-one); margin-bottom: 10px; } .new-collection-highlight .single-item .info-box .offer-title {font-size: 35px; font-weight: 500; text-transform: uppercase; color: var(--main-color-one); margin-bottom: 10px; } .new-collection-highlight .single-item.left .info-box {left: 15px; } .new-collection-highlight .single-item.right {margin-top: 50px; } .new-collection-highlight .single-item.right .info-box {right: 15px; } /*------------------------- ## Trendy item -------------------------*/ .add-img-box {position: relative; } .add-img-box .content {position: absolute; width: 100%; top: 30px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); text-align: center; } .add-img-box .content .catg {font-size: 18px; font-family: harshina !important; font-weight: 400; text-transform: uppercase; color: #fff; margin-bottom: 10px; } .add-img-box .content .offer-title {font-size: 55px; font-weight: 500; text-transform: uppercase; color: #fff; margin-bottom: 10px; } .add-img-box .content .btn-wrapper .borderless-btn {color: #fff; border-bottom-color: #fff; } .add-img-box .content .btn-wrapper .borderless-btn:hover {color: var(--hover-color-one); border-bottom-color: var(--hover-color-one); } .trendy-item-wrapper .single-product-item {margin-bottom: 30px; } .trendy-item-wrapper .single-product-item .product-img-box .hover {transform: translateY(100%); } .trendy-item-wrapper .single-product-item:hover .product-img-box .hover {transform: translateY(-100%); } .single-product-item {position: relative; } .single-product-item .sale {font-size: 12px; font-weight: 700; text-transform: capitalize; color: #fff; display: inline-block; padding: 3px 6px; background-color: #524a4b; position: absolute; top: 12px; z-index: 1; left: 12px; } .single-product-item .sale-product-img-box {width: 350px; height: 300px; background-size: cover; } /*----------------------------- Flash Sale -----------------------------*/ .flash-sale-area-wrapper .section-title-wrapper {text-align: left; } .flash-sale-area-wrapper .see-all {text-align: right; } .flash-sale-area-wrapper .see-all .see-all-btn {margin-top: 1px; } .flash-sale-area-wrapper .single-flash-item .product-details-wrap {text-align: center; } .flash-sale-area-wrapper .single-flash-item .product-details-wrap .product-title {font-size: 20px; } .flash-sale-area-wrapper .single-flash-item .product-details-wrap .product-price-details {position: relative; display: block; overflow: hidden; } .flash-sale-area-wrapper .single-flash-item .product-details-wrap .product-price-details .list {margin: auto; } .flash-sale-area-wrapper .single-flash-item .product-details-wrap .product-price-details .hover {position: absolute; width: 100%; bottom: -28px; padding: 3px 0; -webkit-transition: all linear 0.2s; transition: all linear 0.2s; background-color: #fff; } .flash-sale-area-wrapper .single-flash-item .product-details-wrap .product-price-details .hover .list .price {font-size: 12px; color: #999999; border-bottom: 1px solid transparent; -webkit-transition: all linear 0.2s; transition: all linear 0.2s; } .flash-sale-area-wrapper .single-flash-item .product-details-wrap .product-price-details .hover .list .price:hover {color: var(--hover-color-one); border-color: var(--hover-color-one); } .flash-sale-area-wrapper .single-flash-item:hover .product-details-wrap .product-price-details .hover {bottom: 0; } .flash-sale-area-wrapper .single-flash-item .sale {left: 20px; top: 20px; } .flash-countdown {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .flash-countdown .single-box {height: 62px; width: 65px; background-color: #7a787e; margin: 20px 7px 0 7px; border-radius: 3px; color: #fff; text-align: center; } .flash-countdown .single-box .item {display: block; font-family: var(--heading-font); font-weight: 500; font-size: 25px; } .flash-countdown .single-box .item:first-child {margin-top: 3px; } .flash-countdown .single-box .label {font-size: 12px; font-weight: 400; margin-top: -4px; } .flash-countdown.index-02 {margin-bottom: 30px; } .flash-countdown.index-02 .single-box {background-color: #464646; } /*----------------------------- Top Best Sale -----------------------------*/ .top-best-off-sale-area-wrapper .single-section-wrap .section-title-wrapper {text-align: left; } .top-best-off-sale-area-wrapper .single-section-wrap .section-title-wrapper .main-title {font-size: 30px; } .top-best-off-sale-area-wrapper .single-best-sele-item {margin-bottom: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; } .top-best-off-sale-area-wrapper .single-best-sele-item .product-img-box {/* flex: 1; */ } .top-best-off-sale-area-wrapper .single-best-sele-item .product-details-wrap {padding: 0px 0 0 27px; align-self: center; } .top-best-off-sale-area-wrapper .single-best-sele-item .product-details-wrap .product-title {font-size: 16px; line-height: 24px; font-weight: 500; text-transform: capitalize; -webkit-transition: all linear 0.2s; transition: all linear 0.2s; } .top-best-off-sale-area-wrapper .single-best-sele-item .product-details-wrap .product-title:hover {color: var(--hover-color-one); } .top-best-off-sale-area-wrapper .single-best-sele-item .product-details-wrap .product-price-details {margin-top: 12px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; } .top-best-off-sale-area-wrapper .single-best-sele-item .product-details-wrap .product-price-details .list .price {display: inline-block; margin-right: 8px; font-size: 16px; font-weight: 500; text-transform: uppercase; color: var(--main-color-one); line-height: 34px; } .top-best-off-sale-area-wrapper .single-best-sele-item .product-details-wrap .product-price-details .list .price:last-child {display: block; } .top-best-off-sale-area-wrapper .single-best-sele-item .product-details-wrap .product-price-details .hover {margin-top: 10px; opacity: 0; -webkit-transition: all linear 0.2s; transition: all linear 0.2s; position: absolute; } .top-best-off-sale-area-wrapper .single-best-sele-item .product-details-wrap .product-price-details .hover .hover-list .item {display: inline-block; margin-right: 1px; -webkit-transition: all linear 0.2s; transition: all linear 0.2s; margin-top: 4px; } .top-best-off-sale-area-wrapper .single-best-sele-item .product-details-wrap .product-price-details .hover .hover-list .item:hover {color: var(--hover-color-one); } .top-best-off-sale-area-wrapper .single-best-sele-item:hover .product-price-details .hover {margin-top: 0; display: block; opacity: 1; } .top-best-off-sale-area-wrapper .single-best-sele-item:last-child {margin-bottom: 0; } .email-subscribe .form-group {background-color: transparent; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 0; } .email-subscribe .form-group input {border: none; height: 50px; color: #666666; } .email-subscribe .form-group .form-btn-2 {font-size: 16px; color: #fff; background-color: var(--main-color-one); text-transform: capitalize; display: inline-block; padding: 9px 15px; margin-left: 6px; border: none; border: 1px solid var(--main-color-one); -webkit-transition: all linear 0.2s; transition: all linear 0.2s; border-radius: 3px; } .email-subscribe .form-group .form-btn-2:hover {color: var(--hover-color-one) !important; background-color: transparent; } .email-subscribe .form-group .form-btn-2 .icon {padding-left: 2px; display: inline-block; } .email-subscribe.index-02 .form-group .form-btn-2 {background-color: var(--main-color-two) !important; border-color: var(--main-color-two) !important; } .email-subscribe.index-02 .form-group .form-btn-2:hover {color: var(--hover-color-two) !important; background-color: transparent !important; } /*---------------------------- New Design ----------------------------*/ .new-design-area-wrapper .new-design-slider-main {position: relative; padding-bottom: 70px; } .new-design-area-wrapper .new-design-slider-main .slick-dots {position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 0; } .new-design-area-wrapper .new-design-slider-main .slick-dots li {display: inline-block; width: 10px; height: 10px; background-color: #999999; margin: 0 5px; cursor: pointer; } .new-design-area-wrapper .new-design-slider-main .slick-dots li button {display: none; } .new-design-area-wrapper .new-design-slider-main .slick-dots li.slick-active {background-color: var(--main-color-two); } .new-design-area-wrapper .new-collection-highlight {padding-bottom: 166px; } .new-design-area-wrapper .new-collection-highlight .single-item {position: relative; } .new-design-area-wrapper .new-collection-highlight .single-item .info-box {padding: 45px 0px 50px 0; text-align: center; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: -66px; -webkit-box-shadow: 0px 2px 11px 1px #33333329; box-shadow: 0px 2px 11px 1px #33333329; width: 58%; } .new-design-area-wrapper .new-collection-highlight .single-item .info-box .offer-title {color: #333333; } .new-design-area-wrapper .new-collection-highlight .single-item .info-box .offer-title .ex {color: var(--main-color-two); } .new-design-area-wrapper .new-collection-highlight .single-item .info-box .btn-wrapper .borderless-btn:hover {color: var(--main-color-two); border-bottom-color: var(--main-color-two); } .new-design-area-wrapper .new-design-slider-main .col-lg-12 {text-align: center; } .single-new-design-wrapper {display: inline-block; } .single-new-design-wrapper .product-img-box .hover {-webkit-transition: all ease-in-out 0.4s; transition: all ease-in-out 0.4s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .single-new-design-wrapper .product-img-box .hover .left ul li a {font-size: 18px; text-transform: initial; color: #999999; display: inline-block; -webkit-transition: all linear 0.2s; transition: all linear 0.2s; } .single-new-design-wrapper .product-img-box .hover .left ul li a:hover {color: var(--main-color-two); } .single-new-design-wrapper .product-img-box .hover .right ul li a {font-size: 18px; text-transform: initial; color: #999999; display: inline-block; margin-left: 5px; -webkit-transition: all linear 0.2s; transition: all linear 0.2s; } .single-new-design-wrapper .product-img-box .hover .right ul li a:hover {color: var(--main-color-two); } .single-new-design-wrapper .product-details-wrap .product-title {text-align: center; } .single-new-design-wrapper .product-details-wrap .product-title:hover {color: var(--main-color-two); } .single-new-design-wrapper .product-details-wrap .list {margin: auto; } .single-new-design-wrapper .product-details-wrap .list .price {color: var(--main-color-two) !important; } /*---------------------------- Our Store ----------------------------*/ .our-store-area-wrapper .our-store-item-wrap .col-lg-3 {margin-bottom: 30px; } .our-store-area-wrapper .btn-wrapper {text-align: center; margin-top: 10px; } .our-store-area-wrapper .btn-wrapper .default-btn {color: #040B25; border-color: #040B25; } .our-store-area-wrapper .btn-wrapper .default-btn:hover {color: #fff; border-color: var(--main-color-two) !important; background-color: var(--main-color-two) !important; } .our-stor-isotop-btn-wrapper {text-align: center; margin-bottom: 36px; margin-top: -8px; } .our-stor-isotop-btn-wrapper .our-stor-btn-list li {display: inline-block; font-size: 20px; font-weight: 500; font-family: harshina !important; padding: 3px 6px; margin: 0 8px; -webkit-transition: all linear 0.2s; transition: all linear 0.2s; } .our-stor-isotop-btn-wrapper .our-stor-btn-list li:hover {color: var(--main-color-two); cursor: pointer; } /*------------------------- Special Sale -------------------------*/ .special-sale-wrapper {padding-bottom: 100px; } .special-sale-wrapper .col-lg-4:nth-child(7) .single-special-sele-item, .special-sale-wrapper .col-lg-4:nth-child(8) .single-special-sele-item, .special-sale-wrapper .col-lg-4:nth-child(9) .single-special-sele-item {margin-bottom: 0; } .special-sale-wrapper .add-img-box .btn-wrapper .borderless-btn:hover {color: var(--main-color-two); border-bottom-color: var(--main-color-two); } .single-special-sele-item {display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 30px; } .single-special-sele-item .product-details-wrap {padding: 22px 0 0 27px; position: relative; } .single-special-sele-item .product-details-wrap .product-rating {display: block; margin-bottom: 10px; } .single-special-sele-item .product-details-wrap .product-rating .icon {font-size: 16px; color: var(--main-color-two); } .single-special-sele-item .product-details-wrap .product-title {font-size: 16px; font-weight: 500; text-transform: uppercase; margin-bottom: 10px; -webkit-transition: all linear 0.2s; transition: all linear 0.2s; } .single-special-sele-item .product-details-wrap .product-title:hover {color: var(--hover-color-two); } .single-special-sele-item .product-details-wrap .category {display: block; font-size: 14px; font-weight: 500; text-transform: uppercase; margin-bottom: 10px; } .single-special-sele-item .product-details-wrap .category a {-webkit-transition: all linear 0.2s; transition: all linear 0.2s; } .single-special-sele-item .product-details-wrap .category a:hover {color: var(--hover-color-two); } .single-special-sele-item .product-details-wrap .price {display: block; margin-right: 10px; font-size: 16px; font-weight: 400; text-transform: uppercase; color: var(--main-color-two); } .single-special-sele-item .product-details-wrap .hover {position: relative; margin-top: 4px; } .single-special-sele-item .product-details-wrap .hover .hover-list {position: absolute; top: 15px; opacity: 0; -webkit-transition: all linear 0.2s; transition: all linear 0.2s; } .single-special-sele-item .product-details-wrap .hover .hover-list .item {display: inline-block; margin-right: 4px; -webkit-transition: all linear 0.2s; transition: all linear 0.2s; margin-top: 4px; } .single-special-sele-item .product-details-wrap .hover .hover-list .item:hover {color: var(--hover-color-two); } .single-special-sele-item:hover .product-details-wrap .hover .hover-list {top: 0; opacity: 1; } /*---------------------------- Fashion Blog ----------------------------*/ .fashion-blog-area-wrapper {padding-bottom: 85px; } .single-fashion-blog-item {display: -webkit-box; display: -ms-flexbox; display: flex; } .single-fashion-blog-item .img-box img {height: 100%; } .single-fashion-blog-item .content {background-color: #F9F9F9; padding: 30px 30px 36px 30px; } .single-fashion-blog-item .content .blog-title {font-size: 24px; font-weight: 500; text-transform: uppercase; margin-bottom: 19px; -webkit-transition: all linear 0.2s; transition: all linear 0.2s; } .single-fashion-blog-item .content .blog-title:hover {color: var(--main-color-two); } .single-fashion-blog-item .content .info {margin-bottom: 14px; } .single-fashion-blog-item .content .btn-wrapper .borderless-btn {font-size: 14px; font-weight: 400; margin-top: 15px; color: var(--main-color-two); border-color: var(--main-color-two); } .single-fashion-blog-item .content .btn-wrapper .borderless-btn:hover {color: var(--main-color-two); border-bottom-color: var(--main-color-two); } .fashion-blog-slider-main {position: relative; padding-bottom: 70px; } .fashion-blog-slider-main .slick-dots {position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 0; } .fashion-blog-slider-main .slick-dots li {display: inline-block; width: 10px; height: 10px; background-color: #999999; margin: 0 5px; cursor: pointer; } .fashion-blog-slider-main .slick-dots li button {display: none; } .fashion-blog-slider-main .slick-dots li.slick-active {background-color: var(--main-color-two); } .single-fashion-blog-item .blog-news-bg {background-position: center; background-size: cover; background-repeat: no-repeat; height: auto; width: 600px; } /*---------------------------- News Update ----------------------------*/ .news-update-area-wrapper {/* padding-bottom: 94px; padding-top: 100px; */ } .news-update-area-wrapper.single-page {margin-bottom: 6px; } .news-update-area-wrapper.single-page .single-news-update-item {margin-bottom: 30px; } .single-news-update-item .content {background-color: #F9F9F9; padding: 30px 30px 36px 30px; margin-top: -63px; position: relative; z-index: 2; width: 90%; left: 5%; } .single-news-update-item .content .post-meta {margin-bottom: 21px; } .single-news-update-item .content .post-meta .meta-item {display: inline-block; font-family: harshina !important; text-transform: uppercase; font-size: 14px; font-weight: 400; margin-right: 15px; } .single-news-update-item .content .post-meta .meta-item .icon {color: var(--main-color-two); padding-right: 5px; } .single-news-update-item .content .post-meta .meta-item a {-webkit-transition: all linear 0.2s; transition: all linear 0.2s; } .single-news-update-item .content .post-meta .meta-item a:hover {color: var(--main-color-two); } .single-news-update-item .content .blog-title {font-size: 24px; font-weight: 500; text-transform: uppercase; margin-bottom: 19px; -webkit-transition: all linear 0.2s; transition: all linear 0.2s; } .single-news-update-item .content .blog-title:hover {color: var(--main-color-two); } .single-news-update-item .content .info {margin-bottom: 14px; } .single-news-update-item .content .btn-wrapper .borderless-btn {font-size: 14px; font-weight: 400; color: var(--main-color-two); border-color: var(--main-color-two); margin-top: 15px; } .single-news-update-item .content .btn-wrapper .borderless-btn:hover {color: var(--main-color-two); border-bottom-color: var(--main-color-two); } /*---------------------------- Shop Item ----------------------------*/ .shop-area-wrapper {padding-bottom: 50px; padding-top: 20px; } .shop-area-wrapper .single-product-item {margin-bottom: 30px; } /*---------------------------- Pagination ----------------------------*/ .pagination-default .page-item.active .page-link {z-index: 3; color: #fff; background-color: var(--main-color-one); border: 0; outline: none; } .pagination-default .page-item .page-link {z-index: 3; color: var(--heading-color-two); background-color: 0; border: 0; outline: none; padding: 10px 15px; margin: 5px; font-weight: 500; } .pagination-default .page-item .page-link:hover {color: #fff; background-color: var(--main-color-one); } .pagination-default .pagination {justify-content: center; } /*---------------------------- Toolbox ----------------------------*/ .toolbox-wrapper {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 40px; } .toolbox-wrapper .toolbox-right {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .toolbox-wrapper .toolbox-item.toolbox-layout .layout-list .layout-item {display: inline-block; margin-right: 10px; } .toolbox-wrapper .toolbox-item.toolbox-layout .layout-list .layout-item .grid-layout, .toolbox-wrapper .toolbox-item.toolbox-layout .layout-list .layout-item .list-layout {display: inline-block; font-size: 25px; color: #999999; } .toolbox-wrapper .toolbox-item.toolbox-layout .layout-list .layout-item .grid-layout.current, .toolbox-wrapper .toolbox-item.toolbox-layout .layout-list .layout-item .list-layout.current {color: var(--heading-color-one); background-color: var(--secondary-color); padding: 0px 7px; } .toolbox-wrapper .toolbox-item.toolbox-show, .toolbox-wrapper .toolbox-item.toolbox-sort {position: relative; z-index: 1; } .toolbox-wrapper .toolbox-item.toolbox-show::after, .toolbox-wrapper .toolbox-item.toolbox-sort::after {position: absolute; right: 10px; top: 17%; content: ""; font-weight: 600; font-family: "Line Awesome Free"; color: var(--heading-color-two); z-index: 0; height: 0px; font-size: 15px; } .toolbox-wrapper .toolbox-item.toolbox-show label, .toolbox-wrapper .toolbox-item.toolbox-sort label {font-size: 16px; text-transform: capitalize; margin-right: 4px; color: var(--heading-color-two); } .toolbox-wrapper .toolbox-item.toolbox-show .select-box, .toolbox-wrapper .toolbox-item.toolbox-sort .select-box {border: none; background-color: var(--secondary-color); padding: 6px 30px 7px 25px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .toolbox-wrapper .toolbox-item.toolbox-sort {margin-left: 30px; } /*------------------- ## WIdgets --------------------*/ .widget-area-wrapper .widget {margin-bottom: 50px; } .widget .widget-title {font-family: var(--heading-font); font-size: 18px; font-weight: 500; text-transform: uppercase; position: relative; margin-bottom: 19px; } .widget.widget-search form {display: -webkit-box; display: -ms-flexbox; display: flex; } .widget.widget-search form .form-group {-webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .widget.widget-search form .form-group .form-control {border-right: none; height: 50px; width: 100%; background-color: #FBFBFB; border-radius: 0; border-color: #DDDDDD; } .widget.widget-search form .form-group .form-control::-webkit-input-placeholder {text-transform: capitalize; } .widget.widget-search form .form-group .form-control::-moz-placeholder {text-transform: capitalize; } .widget.widget-search form .form-group .form-control:-ms-input-placeholder {text-transform: capitalize; } .widget.widget-search form .form-group .form-control::-ms-input-placeholder {text-transform: capitalize; } .widget.widget-search form .form-group .form-control::placeholder {text-transform: capitalize; } .widget.widget-search form .form-btn-1 {height: 50px; display: inline-block; font-family: harshina !important; font-weight: 400; text-transform: capitalize; font-size: 16px; text-align: center; padding: 12px 22px; background-color: #FBFBFB; color: var(--main-color-one); -webkit-transition: all linear 0.2s; transition: all linear 0.2s; border: 1px solid #DDDDDD; border-left: none; } .widget.widget-search form .form-btn-1:hover {background-color: transparent; color: var(--main-color-one) !important; } .widget.widget-category .list {margin-top: -5px; } .widget.widget-category .list li {margin-bottom: 7px; } .widget.widget-category .list li a {-webkit-transition: all linear 0.2s; transition: all linear 0.2s; font-size: 15px; font-weight: 500; font-family: var(--heading-font); } .widget.widget-category .list li a i {color: var(--main-color-one); font-size: 12px; } .widget.widget-category .list li a:hover {color: var(--main-color-one); } .widget.widget-category .list li:last-child {margin-bottom: 0; } .widget.widget-recent-post .post-list li {display: -webkit-box; display: -ms-flexbox; display: flex; } .widget.widget-recent-post .post-list li .thumb {margin-right: 10px; max-width: 60px; } .widget.widget-recent-post .post-list li .content {-webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .widget.widget-recent-post .post-list li .content .post-title {font-size: 15px; font-weight: 500; font-family: var(--heading-font); text-transform: uppercase; -webkit-transition: all linear 0.2s; transition: all linear 0.2s; } .widget.widget-recent-post .post-list li .content .post-title:hover {color: var(--main-color-one); } .widget.widget-recent-post .post-list li .content .post-meta {margin-bottom: 0; margin-top: 5px; } .widget.widget-recent-post .post-list li .content .post-meta li {font-size: 12px; } .widget.widget-recent-post .post-list li:last-child {padding-bottom: 0; } .widget.widget-recent-post .post-list>li {padding-bottom: 15px; margin-top: 15px; } .widget.widget-recent-post .post-list>li:first-child {margin-top: 0; } .widget.widget-recent-post .post-list>li:last-child {margin-bottom: 0; border: none; } .widget.widget-tag .tag-btn {display: inline-block; text-transform: capitalize; font-size: 15px; border: 1px solid #DDDDDD; padding: 2px 10px; margin-right: 5px; -webkit-transition: all linear 0.2s; transition: all linear 0.2s; margin: 0 3px 10px; } .widget.widget-tag .tag-btn:hover {color: #fff; background-color: var(--main-color-one); border-color: var(--main-color-one); } .widget.widget-single-line .list li {margin-bottom: 7px; } .widget.widget-single-line .list li a {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition: all linear 0.2s; transition: all linear 0.2s; text-transform: capitalize; } .widget.widget-single-line .list li a:hover {color: var(--main-color-one); } .widget.widget-single-line .list li a i {font-size: 10px; line-height: 24px; padding-right: 8px; } .widget {margin-bottom: 41px; } .widget .single-checkbox-wrap {margin-top: 7px; margin-bottom: 7px; } .widget .single-checkbox-wrap:last-child {margin-bottom: 0; } .widget .single-checkbox-wrap .checkbox {display: inline-block; } .widget .single-checkbox-wrap label {display: inline; padding: 0; text-transform: capitalize; } .widget .single-checkbox-wrap label:hover {cursor: pointer; } .widget .single-checkbox-wrap label .checkmark {display: inline-block; padding-left: 5px; } .widget .single-checkbox-wrap label input {position: relative; width: 15px; height: 15px; border-color: var(--main-color-one); } .widget .single-checkbox-wrap label input:checked::after {background-color: var(--main-color-one); color: #fff; opacity: 1; } .widget .single-checkbox-wrap label input::after {content: ""; font-family: "Line Awesome Free"; position: absolute; top: 0; left: 0px; font-weight: 600; font-size: 9px; width: 15px; height: 15px; border-radius: 2px; padding-top: 1px; opacity: 0; text-align: center; } .widget.widget-range {margin-top: -2px; margin-bottom: 42px; } .widget.widget-range .range input {width: 100%; } .widget.widget-range .range .range-details {display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 10px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .widget.widget-color {margin-bottom: 26px; } .widget.widget-color .checkbox-size .single-checkbox-wrap, .widget.widget-color .checkbox-color .single-checkbox-wrap {display: inline-block; position: relative; margin-right: 10px; } .widget.widget-color .checkbox-size .single-checkbox-wrap label:hover, .widget.widget-color .checkbox-color .single-checkbox-wrap label:hover {cursor: pointer; } .widget.widget-color .checkbox-size .single-checkbox-wrap .size-code, .widget.widget-color .checkbox-color .single-checkbox-wrap .size-code {font-family: var(--body-font); position: relative; font-weight: 500; font-size: 14px; color: #999999; line-height: 22px; text-align: center; background-color: transparent; z-index: 4; text-transform: capitalize; padding: 7px 13px 8px; border-radius: 2px; background-color: var(--secondary-color); } .widget.widget-color .checkbox-size .single-checkbox-wrap input, .widget.widget-color .checkbox-color .single-checkbox-wrap input {width: auto; height: auto; margin-right: 15px; position: absolute; visibility: hidden; } .widget.widget-color .checkbox-size .single-checkbox-wrap input:checked~.size-code, .widget.widget-color .checkbox-color .single-checkbox-wrap input:checked~.size-code {color: #fff; background-color: var(--main-color-one); } .widget.widget-color .checkbox-size .single-checkbox-wrap input::after, .widget.widget-color .checkbox-color .single-checkbox-wrap input::after {display: none; } .widget.widget-size {margin-bottom: 30px; } .widget.widget-size .checkbox-size .single-checkbox-wrap {display: inline-block; position: relative; } .widget.widget-size .checkbox-size .single-checkbox-wrap .size-code {font-family: var(--body-font); position: absolute; top: 0; left: 0px; font-weight: 600; font-size: 10px; color: #999999; width: 24px; height: 24px; line-height: 22px; border-radius: 2px; padding-top: 1px; text-align: center; background-color: transparent; } .widget.widget-size .checkbox-size .single-checkbox-wrap input {width: 24px; height: 24px; margin-right: 15px; } .widget.widget-size .checkbox-size .single-checkbox-wrap input:checked~.size-code {color: #fff; } .widget.widget-size .checkbox-size .single-checkbox-wrap.attribute input::after {content: ""; font-family: var(--body-font); position: absolute; top: 0; left: 0px; font-weight: 600; font-size: 10px; width: 24px; height: 24px; line-height: 22px; border-radius: 2px; padding-top: 1px; text-align: center; } .widget.widget-size .checkbox-size .single-checkbox-wrap.attribute input::before {content: ""; font-family: var(--body-font); position: absolute; top: 0; left: 0px; font-weight: 600; font-size: 10px; color: #fff; width: 24px; height: 24px; line-height: 22px; border-radius: 2px; padding-top: 1px; text-align: center; background-color: var(--secondary-color); } .widget.widget-rating {margin-bottom: 41px; } .widget.widget-rating .checkbox-rating .single-checkbox-wrap .checkmark {vertical-align: 3px; } .widget.widget-rating .checkbox-rating .single-checkbox-wrap .checkmark i {color: sandybrown; } .widget.widget-tag {margin-bottom: 40px; } .widget.widget-tag .tag .tag-btn {display: inline-block; text-transform: capitalize; font-size: 15px; border: 1px solid #DDDDDD; padding: 2px 10px; margin-right: 5px; -webkit-transition: all linear 0.2s; transition: all linear 0.2s; margin: 0 5px 15px; color: #999; } .widget.widget-tag .tag .tag-btn:hover {color: #fff; background-color: var(--main-color-one); border-color: var(--main-color-one); } .widget.widget-tag .tag .tag-btn.selected {color: #fff; background-color: var(--main-color-one); border-color: var(--main-color-one); } .widget.widget-add {margin-bottom: 0; } .widget.widget-add .content {top: 10px; } .widget .single-checkbox-wrap label input:checked::after {background-color: var(--main-color-one); color: transparent; opacity: 1; width: 17px; height: 17px; padding-top: 0; border-radius: 50%; left: -1px; top: -1px; } .widget-area-wrapper .widget:last-child {margin-bottom: 0; } /*---------------------------- Single Product Details -----------------------------*/ .shop-details-area-wrapper {padding-top: 50px; } .product-view-wrap .shop-details-gallery-slider .single-main-image .zoom {background-position: center; background-size: 150%; position: relative; cursor: crosshair; -webkit-transition: all linear 0.2s; transition: all linear 0.2s; } .product-view-wrap .shop-details-gallery-slider .single-main-image img {-webkit-transition: all linear 0.2s; transition: all linear 0.2s; display: block; width: 100%; } .product-view-wrap .shop-details-gallery-slider .single-main-image:hover img {/* opacity: 0; */ } .product-view-wrap .thumb-wrap {margin-top: 5px; } .product-view-wrap .thumb-wrap .single-thumb {padding: 2px; } .product-view-wrap .thumb-wrap .single-thumb .thumb-link {padding: 0; } .product-view-wrap .thumb-wrap .single-thumb .thumb-link img {border: 1px solid var(--form-bg-color); width: 100%; } .product-summery {padding-top: 12px; } .product-summery .rating-wrap {display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 5px; } .product-summery .rating-wrap .ratings .icon {display: inline-block; font-size: 14px; color: var(--main-color-one); vertical-align: 4px; } .product-summery .rating-wrap .total-ratings {font-size: 12px; font-weight: 400; margin-left: 15px; } .product-summery .price-wrap {margin-bottom: 12px; } .product-summery .price-wrap .price, .product-summery .price-wrap .del-price {font-size: 22px; font-weight: 500; font-family: var(--heading-font); color: var(--main-color-one); display: inline-block; } .product-summery .price-wrap .price {font-size: 28px; } .product-summery .price-wrap .del-price {color: #999999; margin-left: 15px; } .product-summery .short-description .info {font-size: 16px; } .user-select-option {margin-top: 23px; margin-bottom: 20px; } .user-select-option .section {display: -webkit-box; display: -ms-flexbox; display: flex; } .user-select-option .section .name {display: inline-block; font-size: 14px; text-transform: capitalize; margin-right: 10px; } .user-select-option .section input {position: relative; width: 15px; height: 15px; border-color: var(--main-color-one); } .user-select-option .section input:hover {cursor: pointer; } .user-select-option .section input:checked::after {background-color: var(--main-color-one); color: #fff; opacity: 1; } .user-select-option .section input::after {content: ""; font-family: "Line Awesome Free"; position: absolute; top: 0; left: 0px; font-weight: 600; font-size: 9px; width: 15px; height: 15px; border-radius: 2px; padding-top: 1px; opacity: 0; text-align: center; } .user-select-option .section.size {margin-top: 6px; } .user-select-option .section .checkbox-size .single-checkbox-wrap, .user-select-option .section .checkbox-color .single-checkbox-wrap {display: inline-block; position: relative; margin-right: 15px; } .user-select-option .section .checkbox-size .single-checkbox-wrap label:hover, .user-select-option .section .checkbox-color .single-checkbox-wrap label:hover {cursor: pointer; } .user-select-option .section .checkbox-size .single-checkbox-wrap .size-code, .user-select-option .section .checkbox-color .single-checkbox-wrap .size-code {font-family: var(--body-font); position: relative; font-weight: 600; font-size: 10px; color: #999999; line-height: 22px; text-align: center; background-color: transparent; z-index: 4; text-transform: capitalize; padding: 7px 13px 8px; border-radius: 2px; background-color: var(--secondary-color); } .user-select-option .section .checkbox-size .single-checkbox-wrap input, .user-select-option .section .checkbox-color .single-checkbox-wrap input {width: auto; height: auto; margin-right: 15px; position: absolute; visibility: hidden; } .user-select-option .section .checkbox-size .single-checkbox-wrap input:checked~.size-code, .user-select-option .section .checkbox-color .single-checkbox-wrap input:checked~.size-code {color: #fff; background-color: var(--main-color-one); } .user-select-option .section .checkbox-size .single-checkbox-wrap input::after, .user-select-option .section .checkbox-color .single-checkbox-wrap input::after {display: none; } .user-select-option .quantity-add-cart {display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 14px; } .user-select-option .quantity-add-cart .quantity {margin-right: 20px; } .user-select-option .quantity-add-cart .quantity input {width: 78px; height: 28px; margin-right: 0; } .user-select-option .quantity-add-cart .cart-option .cart {display: inline-block; font-size: 14px; font-family: var(--heading-font); text-transform: uppercase; color: var(--heading-color-one); border-bottom: 1px solid var(--heading-color-one); -webkit-transition: all linear 0.2s; transition: all linear 0.2s; text-transform: capitalize; margin-right: 20px; } .user-select-option .quantity-add-cart .cart-option .cart:hover {color: var(--main-color-one); border-color: var(--main-color-one); } .product-summery .social-link {margin-top: 19px; } .product-summery .social-link .list .list-item {display: inline-block; } .product-summery .social-link .list .list-item a {display: inline-block; font-size: 16px; -webkit-transition: all linear 0.2s; transition: all linear 0.2s; } .product-summery .social-link .list .list-item a:hover {color: var(--hover-color-one); } .product-summery .social-link .list .list-item a:last-child .icon {padding-left: 0; } .product-details-tab {margin-top: 26px; } .product-details-tab .nav .nav-item {margin-right: 10px; } .product-details-tab .nav .nav-item .nav-link {color: #fff; background-color: var(--secondary-color); color: var(--heading-color-one); border-radius: 0; padding: 8px 33px; text-transform: uppercase; font-family: var(--heading-font); font-weight: 500; } .product-details-tab .nav .nav-item .nav-link.active {background-color: var(--main-color-one); color: #fff; } .product-details-tab .tab-content .description {padding: 30px 0 32px; border-top: 2px solid #ecececb8; border-bottom: 2px solid #ecececb8; } .product-details-tab .tab-content .description .title {font-size: 22px; font-weight: 500; text-transform: initial; margin-bottom: 17px; } .product-details-tab .tab-content .description .info {margin-bottom: 15px; } .product-details-tab .tab-content .description .info:last-child {margin-bottom: 0; } .product-details-tab .tab-content .aditional-info {padding: 30px 0 0px; border-top: 2px solid #ecececb8; } .product-details-tab .tab-content .aditional-info .title {font-size: 22px; font-weight: 500; text-transform: initial; margin-bottom: 17px; } .product-details-tab .tab-content .aditional-info .add-info tr {line-height: 35px; } .product-details-tab .tab-content .aditional-info .add-info th {width: 200px; } .product-details-tab .tab-content .aditional-info .table-wrap {overflow-x: auto; } .product-details-tab .tab-content .aditional-info .table-wrap table {width: 100%; } .product-details-tab .tab-content .aditional-info .table-wrap table tbody {border: 1px solid gray; } .product-details-tab .tab-content .aditional-info .table-wrap table tbody tr {border: 1px solid gray; } .product-details-tab .tab-content .aditional-info .table-wrap table tbody tr th, .product-details-tab .tab-content .aditional-info .table-wrap table tbody tr td {border: 1px solid gray; padding: 10px; } .product-details-tab .tab-content .feedback-section .feedback {background-color: var(--secondary-color); padding: 30px 35px 36px; margin-bottom: 16px; } .product-details-tab .tab-content .feedback-section .feedback:last-child {margin-bottom: 0; } .product-details-tab .tab-content .feedback-section .feedback .feedback-title {font-size: 22px; font-weight: 500; text-transform: initial; margin-bottom: 17px; } .product-details-tab .tab-content .feedback-section .feedback .ratings {margin: 30px 0 8px; } .product-details-tab .tab-content .feedback-section .feedback .ratings p {font-size: 14px; font-weight: 400; text-transform: capitalize; color: #0d1523; margin-bottom: 3px; } .product-details-tab .tab-content .feedback-section .feedback .ratings p .required {color: var(--main-color-one); } .product-details-tab .tab-content .feedback-section .feedback .ratings a {font-size: 15px; color: #fec333; } .product-details-tab .tab-content .feedback-section .feedback form label {font-size: 14px; font-weight: 400; text-transform: capitalize; color: #0d1523; margin-top: 12px; } .product-details-tab .tab-content .feedback-section .feedback form label .required {color: var(--main-color-one); } .product-details-tab .tab-content .feedback-section .feedback form input {height: 50px; } .product-details-tab .tab-content .feedback-section .feedback form textarea {resize: none; height: 150px; border-color: #e2e2e2; margin: 2px 0 15px; } .product-details-tab .tab-content .feedback-section .feedback form textarea:focus {-webkit-box-shadow: none; box-shadow: none; } .product-details-tab .tab-content .feedback-section .feedback form .default-btn {background-color: var(--main-color-one); border-color: var(--main-color-one); color: #fff; } .product-details-tab .tab-content .feedback-section .feedback form .default-btn:hover {background-color: transparent; border-color: var(--main-color-one); color: var(--hover-color-one); } .product-details-tab .tab-content .feedback-section .feedback form .default-btn:focus {-webkit-box-shadow: none; box-shadow: none; } .product-details-tab .tab-content .feedback-section .feedback .client-feedback {margin-top: 33px; } .product-details-tab .tab-content .feedback-section .feedback .client-feedback .client-feedbck-list {margin-bottom: 0; padding-left: 0; list-style-type: none; } .product-details-tab .tab-content .feedback-section .feedback .client-feedback .client-feedbck-list .single-feedback .client-name {font-size: 18px; font-weight: 500; text-transform: initial; margin-bottom: 5px; } .product-details-tab .tab-content .feedback-section .feedback .client-feedback .client-feedbck-list .single-feedback .publish-date {font-size: 14px; font-weight: 400; text-transform: capitalize; color: #0d1523; margin: 13px 0 8px; } .product-details-tab .tab-content .feedback-section .feedback .client-feedback .client-feedbck-list .single-feedback .rating-box a {font-size: 14px; color: #fec333; } .product-details-tab .tab-content .feedback-section .feedback .client-feedback .client-feedbck-list .single-feedback .comment {text-transform: initial; margin-top: 10px; } .related-item-area-wrapper {padding-top: 95px; padding-bottom: 95px; } /*------------------------- Shop List -------------------------*/ .shop-list-area-wrapper {padding: 100px 0; } .shop-list-area-wrapper .pagination {margin-top: 30px; } .product-wrap .single-shop-list-item {display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 2px solid #f1efef; padding: 20px 0; } .product-wrap .single-shop-list-item:first-child {padding-top: 0; } .product-wrap .single-shop-list-item:last-child {padding-bottom: 0; border-bottom: none; } .product-wrap .single-shop-list-item .product-img-box img {height: auto; max-width: 235px; } .product-wrap .single-shop-list-item .product-details-wrap {-webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 9px 20px 19px; } .product-wrap .single-shop-list-item .product-details-wrap .ratings {margin-bottom: 15px; } .product-wrap .single-shop-list-item .product-details-wrap .ratings .icon {display: inline-block; font-size: 16px; color: var(--main-color-one); } .product-wrap .single-shop-list-item .product-details-wrap .product-title {font-size: 18px; font-weight: 500; text-transform: uppercase; -webkit-transition: all linear 0.2s; transition: all linear 0.2s; margin-bottom: 13px; } .product-wrap .single-shop-list-item .product-details-wrap .product-title:hover {color: var(--main-color-one); } .product-wrap .single-shop-list-item .product-details-wrap .info {margin-bottom: 12px; } .product-wrap .single-shop-list-item .product-details-wrap .pricing {margin-bottom: 8px; } .product-wrap .single-shop-list-item .product-details-wrap .pricing .price, .product-wrap .single-shop-list-item .product-details-wrap .pricing del {display: inline-block; font-size: 18px; font-weight: 500; text-transform: uppercase; color: var(--main-color-one); } .product-wrap .single-shop-list-item .product-details-wrap .pricing del {color: #999999; margin-left: 15px; } .product-wrap .single-shop-list-item .product-details-wrap .cart-option .add-cart {display: inline-block; font-size: 12px; font-family: var(--heading-font); text-transform: uppercase; color: var(--heading-color-one); border-bottom: 1px solid var(--heading-color-one); -webkit-transition: all linear 0.2s; transition: all linear 0.2s; } .product-wrap .single-shop-list-item .product-details-wrap .cart-option .add-cart:hover {color: var(--main-color-one); border-bottom-color: var(--main-color-one); } .product-wrap .single-shop-list-item .product-details-wrap .cart-option .wishlist {display: inline-block; font-size: 12px; font-family: var(--heading-font); text-transform: uppercase; color: #999999; margin-left: 15px; -webkit-transition: all linear 0.2s; transition: all linear 0.2s; margin-right: 20px; } .product-wrap .single-shop-list-item .product-details-wrap .cart-option .wishlist:hover {color: var(--main-color-one); } /*---------------------------- Blog list Item -----------------------------*/ .blog-list-area-wrapper {/* padding-bottom: 90px; */ } .blog-list-area-wrapper .single-blog-item {margin-bottom: 40px; } .blog-list-area-wrapper .single-blog-item .content .title {font-size: 24px; } /*---------------------------- Cart -----------------------------*/ .cart-area-wrapper {padding: 100px 0; } .cart-box {overflow-x: auto; } .cart-box table {border: 1px solid #dddd; width: 100%; } .cart-box table thead {background-color: #dddd; } .cart-box table tr {border: 1px solid #ddd; } .cart-box table tr th {text-transform: uppercase; font-family: var(--heading-font); font-size: 18px; font-weight: 500; display: table-cell; padding: 15px 25px; color: var(--heading-color-one); } .cart-box table tr td {padding: 0 25px; } .cart-box table tr td div {padding: 25px 0; } .cart-box table tr td .input-group {width: 100px; } .cart-box table tr td .thumb .product-name {display: inline-block; margin-left: 10px; text-transform: uppercase; font-family: var(--heading-font); font-size: 18px; font-weight: 400; -webkit-transition: all linear 0.2s; transition: all linear 0.2s; } .cart-box table tr td .thumb .product-name:hover {color: var(--main-color-one); } .cart-box table tr td .total {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .cart-box table tr td .total a {-webkit-transition: all linear 0.2s; transition: all linear 0.2s; } .cart-box table tr td .total a:hover {color: var(--main-color-one); } .cart-btn-wrapper {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 25px; margin-bottom: 35px; } .cart-btn-wrapper .left .default-btn {border: 1px solid #707070; color: #666666; margin-right: 10px; } .cart-btn-wrapper .left .default-btn:hover {background-color: var(--main-color-one); border-color: var(--main-color-one); color: #fff; } .cart-btn-wrapper .right .default-btn {background-color: var(--main-color-one); border-color: var(--main-color-one); color: #fff; } .cart-btn-wrapper .right .default-btn:hover {background-color: var(--main-color-one); border-color: var(--main-color-one); color: #fff; } .discount-coupon-area {background-color: var(--secondary-color); padding: 30px 40px 32px; } .discount-coupon-area .title {font-size: 24px; font-family: var(--heading-font); font-weight: 500; text-transform: uppercase; margin-bottom: 15px; } .discount-coupon-area .info {margin-bottom: 15px; } .discount-coupon-area .discount-coupon {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .discount-coupon-area .discount-coupon .form-group {width: 55%; } .discount-coupon-area .discount-coupon .form-group input {height: 50px; width: 100%; border: none; margin-bottom: 0; } .discount-coupon-area .discount-coupon button {display: inline-block; font-size: 16px; font-weight: 500; font-family: var(--heading-font); text-transform: uppercase; border: 2px solid #fff; padding: 8px 20px; background-color: var(--main-color-one); border-color: var(--main-color-one); color: #fff; height: 50px; -webkit-transition: all linear 0.2s; transition: all linear 0.2s; } .cart-total {background-color: var(--secondary-color); padding: 30px 40px 32px; } .cart-total .title {font-size: 24px; font-family: var(--heading-font); font-weight: 500; text-transform: uppercase; margin-bottom: 15px; } .cart-total .cost-name-amount {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .cart-total .cost-name-amount .same, .cart-total .cost-name-amount .total, .cart-total .cost-name-amount .total-amount {font-family: var(--heading-font); font-size: 16px; font-weight: 400; color: #666666; text-transform: uppercase; margin-bottom: 5px; } .cart-total .cost-name-amount .same:last-child, .cart-total .cost-name-amount .total:last-child, .cart-total .cost-name-amount .total-amount:last-child {margin-bottom: 10px; } .cart-total .cost-name-amount .total, .cart-total .cost-name-amount .total-amount {font-size: 18px; color: #333333; } .cart-total .sum-bar {border: 1px solid #ddd; margin-bottom: 7px; } .cart-total .btn-wrapper {text-align: center; margin-top: 12px; } .cart-total .btn-wrapper .default-btn {background-color: var(--main-color-one); border-color: var(--main-color-one); color: #fff; width: 100%; } .cart-total .btn-wrapper .default-btn:hover {background-color: var(--main-color-one); border-color: var(--main-color-one); color: #fff; } /*---------------------------- Checkout -----------------------------*/ .checkout-area-wrapper {padding: 100px 0 67px; } .checkout-inner-content .query {font-size: 16px; font-family: var(--heading-font); font-weight: 500; color: var(--heading-color-two); text-transform: uppercase; margin-bottom: 15px; margin-top: -5; } .checkout-inner-content .query:last-child {margin-bottom: 0; } .checkout-inner-content .query a, .checkout-inner-content .query .icon {color: var(--main-color-one); } .checkout-inner-content .query .icon {margin-right: 6px; display: inline-block; } .checkout-inner-content .billing-details-area-wrapper .title {font-size: 30px; font-family: var(--heading-font); font-weight: 500; color: var(--heading-color-one); text-transform: uppercase; margin-bottom: 30px; margin-top: 25px; } .checkout-inner-content .billing-details-area-wrapper .form-group {margin-bottom: 30px; } .checkout-inner-content .billing-details-area-wrapper .form-group label {display: block; text-transform: capitalize; font-family: var(--heading-font); font-size: 16px; font-weight: 400; color: #666666; } .checkout-inner-content .billing-details-area-wrapper .form-group input, .checkout-inner-content .billing-details-area-wrapper .form-group select, .checkout-inner-content .billing-details-area-wrapper .form-group textarea {width: 100%; border: 1px solid #ddd; height: 40px; padding: 5px 10px; font-family: var(--heading-font); font-size: 16px; font-weight: 400; color: #666666; } .checkout-inner-content .billing-details-area-wrapper .form-group textarea {resize: none; height: 120px; } .checkout-inner-content .billing-details-area-wrapper .form-group textarea:focus {-webkit-box-shadow: none; box-shadow: none; } .checkout-inner-content .billing-details-area-wrapper .form-check input {height: auto; width: auto; padding: 0; margin-left: -5px; } .checkout-inner-content .billing-details-area-wrapper .form-check label {display: inline-block; margin-left: 15px; font-family: var(--heading-font); font-size: 16px; font-weight: 500; color: vr(--main-color-one); } .order .title {text-align: center; } .order .sub-title {font-size: 18px; font-family: var(--heading-font); font-weight: 500; text-transform: uppercase; margin-bottom: 15px; margin: 15px 0 20px; } .order .cost-name-amount {margin-bottom: 10px; } .order .cost-name-amount .same {text-transform: capitalize; color: #666666; } .order .cost-name-amount .same .details {font-size: 12px; display: block; color: #999999; } .order .cost-name-amount .total .ex {color: var(--main-color-one); } .order .sum-bar {margin: 10px 0 20px; } .order .sub-total-wrap .total, .order .sub-total-wrap .total-amount {font-size: 16px; font-family: var(--heading-font); font-weight: 500; text-transform: uppercase; } .order .total-wrap .total {font-weight: 500; } .order .total-amount .ex {color: var(--main-color-one); font-size: 20px; font-weight: 500; } .order .terms {color: var(--main-color-one); } .order .btn-top {margin-top: 30px; } .order .btn-wrapper .reverse {background-color: transparent; color: #999999; border: 1px solid #999999; margin-top: 10px; } /*------------------------- ## Preloader Css ---------------------------*/ .preloader-inner {position: fixed; left: 0; top: 0; z-index: 999; background-color: #fff; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /*------------------------- ## Preloader Css ---------------------------*/ } .preloader-inner .preloader-main {position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 98; list-style-type: none; padding: 0; margin: 0; } .preloader-inner .preloader-main li {width: 4px; height: 40px; background-color: var(--main-color-one); display: inline-block; margin: 0 4px; -webkit-animation: preloader 1s infinite; animation: preloader 1s infinite; } @-webkit-keyframes preloader {0% {-webkit-transform: scaleY(1); transform: scaleY(1); } 25% {-webkit-transform: scaleY(1); transform: scaleY(1); } 75% {-webkit-transform: scaleY(1); transform: scaleY(1); } 100% {-webkit-transform: scaleY(2); transform: scaleY(2); } } @keyframes preloader {0% {-webkit-transform: scaleY(1); transform: scaleY(1); } 25% {-webkit-transform: scaleY(1); transform: scaleY(1); } 75% {-webkit-transform: scaleY(1); transform: scaleY(1); } 100% {-webkit-transform: scaleY(2); transform: scaleY(2); } } .preloader-inner .preloader-main li:nth-child(1) {-webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .preloader-inner .preloader-main li:nth-child(2) {-webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .preloader-inner .preloader-main li:nth-child(3) {-webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .preloader-inner .preloader-main li:nth-child(4) {-webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .preloader-inner .preloader-main li:nth-child(5) {-webkit-animation-delay: 0.5s; animation-delay: 0.5s; } /*navbar-default*/ .logo-wrapper .site-title {font-size: 30px; line-height: 40px; font-weight: 600; color: #111; } .navbar-nav ul {margin: 0; padding: 0; list-style: none; } .navbar-nav ul li {color: #fff; font-size: 14px; line-height: 70px; display: inline-block; } .navbar-nav ul li+li {margin-left: 20px; } .navbar.navbar-area.navbar-expand-lg.nav-style-01.navbar-default {background-color: var(--secondary-color); } .navbar.navbar-area.navbar-expand-lg.nav-style-01.navbar-default .nav-container {background-color: var(--secondary-color); } .navbar.navbar-area.navbar-expand-lg.nav-style-01.navbar-default .nav-container .navbar-collapse .navbar-nav li:before {color: #fff; } .navbar.navbar-area.navbar-expand-lg.nav-style-01.navbar-default .nav-container .navbar-collapse .navbar-nav li a {-webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; color: #ffffff; } .navbar.navbar-area.navbar-expand-lg.nav-style-01.navbar-default .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a {color: #fff; background-color: var(--secondary-color); } .navbar.navbar-area.navbar-expand-lg.nav-style-01.navbar-default .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover {color: #fff; background-color: var(--main-color-two); } .navbar.navbar-area.navbar-expand-lg.nav-style-01.navbar-default .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li:hover:before {color: #fff; } .navbar.navbar-area.navbar-expand-lg.nav-style-01.navbar-default .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li:hover>.sub-menu li a {color: #fff; background-color: var(--secondary-color); } .navbar.navbar-area.navbar-expand-lg.nav-style-01.navbar-default .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li:hover>.sub-menu li:hover a {background-color: var(--main-color-two); color: #fff; } .navbar.navbar-area.navbar-expand-lg.nav-style-01.navbar-default .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li:before {color: #fff; right: 20px; } .navbar.navbar-area.navbar-expand-lg.nav-style-01.navbar-default .nav-container .navbar-collapse .navbar-nav li.current-menu-item a {color: var(--secondary-color); } .navbar.navbar-area.navbar-expand-lg.nav-style-01.navbar-default .nav-container .logo-wrapper .site-title {color: #fff; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:hover>.sub-menu li a {padding-left: 45px; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li:before {right: 15px; } @media only screen and (max-width: 991px) {.navbar.navbar-area.navbar-expand-lg.nav-style-01.navbar-default .nav-container .responsive-mobile-menu .navbar-toggler {background-image: none; } } .wp-block-image .alignleft {float: left; margin: 0.5em 1em 0.5em 0; } .wp-block-image .alignright {float: right; margin: 0.5em 0 0.5em 1em; } .wp-block-gallery.alignleft {margin-right: 20px !important; margin-top: 0 !important; } .wp-block-button__link {margin-bottom: 20px; } .wp-block-cover {margin-bottom: 20px; color: #fff; } .wp-block-cover.alignleft {margin-top: 0; } .wp-block-archives-list {margin: 0; padding: 0; list-style: none; margin-bottom: 30px; } .wp-block-archives-list li+li {margin-top: 10px; } .blog-details-item .wp-block-archives-list li:before {display: none; } .blog-details-item .wp-block-archives-list li {padding-left: 20px; } .wp-block-archives-list li:after {color: var(--main-color-one); position: absolute; content: ""; font-family: "Line Awesome Free"; padding-right: 8px; left: 0; } .widget.widget_nav_menu ul li a:before, .widget_categories ul li a:before {position: static; content: ""; font-family: "Line Awesome Free"; padding-right: 8px; color: var(--main-color-one); font-weight: 900; } .wp-block-archives-dropdown select, .wp-block-categories-dropdown select {width: 100%; height: 50px; background-position-x: 97%; border: 1px solid #e2e2e2; background-color: transparent; margin-bottom: 30px; color: var(--paragraph-color); } .wp-block-latest-comments {margin: 0; padding: 0; list-style: none; margin-bottom: 30px; } .wp-block-latest-comments li:before {display: none; } .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-author {font-size: 16px; font-weight: 600; color: var(--heading-color); } .wp-block-latest-posts.wp-block-latest-posts__list {margin: 0; padding: 0; margin-bottom: 30px; } .wp-block-button.is-style-squared .wp-block-button__link, .wp-block-button__link.wp-block-button.is-style-squared .wp-block-button__link {border-radius: 0; } .wp-block-latest-posts.wp-block-latest-posts__list li+li {margin-top: 15px; } .wp-block-latest-posts.wp-block-latest-posts__list li a {font-size: 16px; font-weight: 600; color: var(--heading-color); line-height: 20px; } .wp-block-search {margin-bottom: 30px; } .wp-block-search input {border: 1px solid #e2e2e2; height: 40px; padding: 0 20px; } .wp-block-search button[type=submit] {margin-left: 0; border: none; background-color: var(--main-color-one); color: #fff; padding: 0 20px; font-size: 14px; font-weight: 500; -webkit-transition: all 300ms; transition: all 300ms; cursor: pointer; } .wp-block-search button[type=submit]:focus {outline: none; -webkit-box-shadow: none; box-shadow: none; } .wp-block-search button[type=submit]:hover {background-color: var(--main-color-two); } .wp-block-tag-cloud a {font-size: 14px !important; padding: 5px 10px; margin-bottom: 5px; display: inline-block; background-color: #f4f7fc; text-transform: capitalize; -webkit-transition: all 300ms; transition: all 300ms; } .wp-block-tag-cloud a:hover {background-color: var(--main-color-one); color: #fff; } .wp-block-rss {margin: 0; padding: 0; list-style: none; margin-bottom: 30px; } .wp-block-rss li+li {margin-top: 10px; } .wp-block-tag-cloud {margin-bottom: 30px; } .wp-block-rss li a:hover {color: var(--main-color-one); } .wp-block-rss li a {font-size: 16px; line-height: 26px; font-weight: 600; color: var(--heading-color); -webkit-transition: all 200ms; transition: all 200ms; } .wp-block-group.has-background {padding: 30px; padding-bottom: 1px; } .wp-block-calendar {margin-bottom: 30px; } ul.wp-block-latest-posts__list li, .blog-details-item .wp-block-rss li {padding-left: 0; } .wp-block-latest-posts.wp-block-latest-posts__list li+li {/*margin-top: 0;*/ } ul.wp-block-latest-posts__list li:before, .blog-details-item .wp-block-rss li:before {display: none; } .wp-block-quote.is-style-large {padding: 30px; padding-left: 90px; position: relative; } .wp-block-quote.is-style-large:after {position: absolute; left: 0; top: 10px; content: ""; font-family: "Line Awesome Free"; font-size: 80px; color: var(--main-color-one); font-weight: 700; } .wp-block-quote.has-text-align-right:after {left: auto; right: 30px; -webkit-transform: translate(0); transform: translate(0); } .wp-block-quote.has-text-align-right {padding-left: 30px; padding-right: 90px; } .wp-block-calendar .wp-calendar-table {margin-bottom: 0; } .wp-block-calendar .wp-calendar-nav {text-align: left; } .wp-block-calendar tbody td, .wp-block-calendar th {text-align: center; } .wp-block-image {margin-bottom: 1em; } .wp-block-video video {max-width: 636px; } .wp-block-image img {display: block; } .wp-block-image.alignleft, .wp-block-image.alignright {width: 100%; } .wp-block-image.alignfull img {width: 100vw; } .wp-block-cover-text p {padding: 1.5em 14px; } ul.wp-block-latest-posts.alignwide, ul.wp-block-latest-posts.alignfull, ul.wp-block-latest-posts.is-grid.alignwide, ul.wp-block-latest-posts.is-grid.alignwide {padding: 0 14px; } .wp-block-table {display: block; overflow-x: auto; } .wp-block-table table {border-collapse: collapse; width: 100%; } .wp-block-table td, .wp-block-table th {padding: 0.5em; } .wp-block-embed.type-video>.wp-block-embed__wrapper {position: relative; width: 100%; height: 0; padding-top: 56.25%; } .wp-block-embed.type-video>.wp-block-embed__wrapper>iframe {position: absolute; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; } .wp-block-quote.is-large {margin: 0 auto 16px; } .wp-block-pullquote>p:first-child {margin-top: 0; } .wp-block-separator {margin: 3em auto; padding: 0; } .wp-block-video video {max-width: 636px; } .wp-block-image img {display: block; } .wp-block-image.alignleft, .wp-block-image.alignright {width: 100%; } .wp-block-image.alignfull img {width: 100vw; } .wp-block-cover-text p {padding: 1.5em 14px; } ul.wp-block-latest-posts.alignwide, ul.wp-block-latest-posts.alignfull, ul.wp-block-latest-posts.is-grid.alignwide, ul.wp-block-latest-posts.is-grid.alignwide {padding: 0 14px; } .wp-block-table {display: block; overflow-x: auto; } .wp-block-table table {border-collapse: collapse; width: 100%; } .wp-block-table td, .wp-block-table th {padding: 0.5em; } .wp-block-embed.type-video>.wp-block-embed__wrapper {position: relative; width: 100%; height: 0; padding-top: 56.25%; } .wp-block-embed.type-video>.wp-block-embed__wrapper>iframe {position: absolute; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; } .wp-block-quote.is-large {margin: 0 auto 16px; } .wp-block-pullquote>p:first-child {margin-top: 0; } .wp-block-separator {margin: 3em auto; padding: 0; } .wp-block-pullquote {border-top: 4px solid #555d66; border-bottom: 4px solid #555d66; color: #40464d; margin: 30px 0; } @media screen and (min-width: 768px) {.wp-block-cover-text p {padding: 1.5em 0; } } @media screen and (max-width: 1200px) {.header-inner.style-01.index-05 {min-height: 350px !important; } } @media screen and (max-width: 768px) {.breadcrumb-area {position: relative; z-index: 0; background-size: cover; background-position: center; z-index: 1; height: 140px; padding-top: 20px !important; } .breadcrumb-area .breadcrumb-inner {padding: 0 0 0px 0 !important; } } /*-------------------------------------------------------------- ## Captions --------------------------------------------------------------*/ .wp-caption {margin-bottom: 1.5em; max-width: 100%; clear: both; } .wp-caption .wp-caption-text {margin: 0.8075em 0; opacity: 0.7; font-weight: 600; } .wp-caption .wp-caption-text a {color: var(--secondary-color); } .wp-caption img[class*=wp-image-] {display: block; margin-left: auto; margin-right: auto; } .wp-caption-text {text-align: center; } figcaption {opacity: 0.7; font-weight: 600; } figcaption a {color: var(--secondary-color); } .wp-block-button.is-style-outline .wp-block-button__link {color: var(--paragraph-color) !important; border-color: var(--main-color-one); } .wp-block-button:not(.is-style-outline) .wp-block-button__link {color: #fff !important; background-color: var(--main-color-one); } /* -------------------------- Post Navigation ---------------------------- */ .post-navigation-area {margin: 40px 0 0px 0; } .post-navigation-area .post-navigation-inner .content-area.style-01.no-line .content {text-align: left; } .post-navigation-inner {display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; z-index: 0; border-radius: 3px; } .post-navigation-inner .content-area {width: calc(100% / 2); } .post-navigation-inner div .title {font-size: 18px; line-height: 25px; -webkit-transition: all 300ms; transition: all 300ms; margin-bottom: 0px; } .post-navigation-inner div .title a {-webkit-transition: all 300ms; transition: all 300ms; } .post-navigation-inner div .title:hover>a {color: var(--main-color-one); } .post-navigation-inner div:first-child {text-align: left; } .post-navigation-inner .content-area.no-line {width: 100%; } .post-navigation-inner .prev-post {-webkit-transition: all 300ms; transition: all 300ms; font-size: 14px; display: block; font-family: var(--body-font); font-weight: 500; color: var(--main-color-one); margin-bottom: 10px; } .post-navigation-inner .next-post {-webkit-transition: all 300ms; transition: all 300ms; font-size: 14px; display: block; font-family: var(--body-font); font-weight: 500; color: var(--main-color-one); margin-bottom: 10px; } .blog-comment-navigation .comment-navigation {min-height: 50px; margin-bottom: 30px; } /*-------------------------------------------------------------- ## Block Color Palette Colors --------------------------------------------------------------*/ .has-strong-blue-color {color: #0073aa; } .has-strong-blue-background-color {background-color: #0073aa; } .has-lighter-blue-color {color: #229fd8; } .has-lighter-blue-background-color {background-color: #229fd8; } .has-very-light-gray-color {color: #eee; } .has-very-light-gray-background-color {background-color: #eee; } .has-very-dark-gray-color {color: #444; } .has-very-dark-gray-background-color {background-color: #444; } .has-large-font-size {font-size: 36px; line-height: 1.6; } /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ .gallery {margin-bottom: 1.5em; } .gallery-item {display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 .gallery-item {max-width: 50%; } .gallery-columns-3 .gallery-item {max-width: 33.33%; } .gallery-columns-4 .gallery-item {max-width: 25%; } .gallery-columns-5 .gallery-item {max-width: 20%; } .gallery-columns-6 .gallery-item {max-width: 16.66%; } .gallery-columns-7 .gallery-item {max-width: 14.28%; } .gallery-columns-8 .gallery-item {max-width: 12.5%; } .gallery-columns-9 .gallery-item {max-width: 11.11%; } .gallery-caption {display: block; padding-top: 5px; } /*-------------------------------------------------------------- # WP Table --------------------------------------------------------------*/ .blog-details-item table {border-collapse: collapse; width: 100%; margin-bottom: 15px; } .blog-details-item table td {border: 1px solid #e3e3e3; padding: 8px; } .blog-details-item table td a {text-decoration: underline; font-weight: 600; } .blog-details-item table th {border: 1px solid #e3e3e3; padding: 8px; padding-top: 12px; padding-bottom: 12px; text-align: left; } .blog-details-item table th a {text-decoration: underline; font-weight: 600; } .page-content table {border-collapse: collapse; width: 100%; margin-bottom: 15px; } .page-content table td {border: 1px solid #e3e3e3; padding: 8px; } .page-content table td a {text-decoration: underline; font-weight: 600; } .page-content table th {border: 1px solid #e3e3e3; padding: 8px; padding-top: 12px; padding-bottom: 12px; text-align: left; } .page-content table th a {text-decoration: underline; font-weight: 600; } .single-comment-wrap table {border-collapse: collapse; width: 100%; margin-bottom: 15px; } .single-comment-wrap table td {border: 1px solid #e3e3e3; padding: 8px; } .single-comment-wrap table td a {text-decoration: underline; font-weight: 600; } .single-comment-wrap table th {border: 1px solid #e3e3e3; padding: 8px; padding-top: 12px; padding-bottom: 12px; text-align: left; } .single-comment-wrap table th a {text-decoration: underline; font-weight: 600; } .content-area table {border-collapse: collapse; width: 100%; margin-bottom: 15px; } .content-area table th {border: 1px solid #e3e3e3; padding: 8px; padding-top: 12px; padding-bottom: 12px; text-align: left; } .content-area table th a {text-decoration: underline; font-weight: 600; } .content-area table td {border: 1px solid #e3e3e3; padding: 8px; } .content-area table td a {text-decoration: underline; font-weight: 600; } .calendar_wrap table td {text-align: center; } /*-------------------------------------------------------------- # WP List --------------------------------------------------------------*/ .content-area ol li+li {margin-top: 10px; } .content-area ul {list-style: none; } .content-area ul li {position: relative; padding-left: 15px; } .content-area ul li+li {margin-top: 10px; } .content-area ul li:before {position: absolute; width: 5px; height: 5px; background-color: var(--paragraph-color); content: ""; display: inline-block; margin-right: 5px; left: 0; top: 8px; border-radius: 50%; } .content-area ul li>ul li:before {background-color: transparent; border: 1px solid; } .content-area .widget ul li {padding-left: 0; padding-left: 0; } .content-area .widget ul li:before {display: none; display: none; } .blog-details-item ol li+li {margin-top: 10px; } .blog-details-item ul {list-style: none; } .blog-details-item ul li {position: relative; padding-left: 15px; } .blog-details-item ul li+li {margin-top: 10px; } .blog-details-item ul li ol>li {padding-left: 0; } .blog-details-item ul li ol>li:before {display: none; } .blog-details-item ul li:before {position: absolute; width: 5px; height: 5px; background-color: var(--paragraph-color); content: ""; display: inline-block; margin-right: 5px; left: 0; top: 8px; border-radius: 50%; } .blog-details-item ul li>ul li:before {background-color: transparent; border: 1px solid; } .blog-details-item .post-meta li {padding-left: 0; } .blog-details-item .post-meta li:before {display: none; } .page-content ol li+li {margin-top: 10px; } .page-content ul li+li {margin-top: 10px; } .single-comment-wrap ol li+li {margin-top: 10px; } .single-comment-wrap ul li+li {margin-top: 10px; } .comments-area .comment-list li .single-comment-wrap ul {list-style: none; } .comments-area .comment-list li .single-comment-wrap ul li {position: relative; padding-left: 15px; } .comments-area .comment-list li .single-comment-wrap ul li:before {position: absolute; width: 5px; height: 5px; background-color: var(--paragraph-color); content: ""; display: inline-block; margin-right: 5px; left: 0; top: 8px; border-radius: 50%; } .comments-area .comment-list li .single-comment-wrap ul li>ul li:before {background-color: transparent; border: 1px solid; } .comments-area .comment-list .trackback {margin-bottom: 30px; } .comments-area .comment-list .pingback {margin-bottom: 30px; } .carousel-indicators li+li {margin-top: 0 !important; } .footer-widget.widget.widget_nav_menu ul li+li {margin-top: 15px; } ul.blocks-gallery-grid li {padding-left: 0; } ul.blocks-gallery-grid li:before {display: none; } .blog-details-footer .right .social-share li {padding-left: 0; } .blog-details-footer .right .social-share li:before {display: none; } .blog-details-footer .left .tags li {padding-left: 0; } .blog-details-footer .left .tags li:before {display: none; } .blog-pagination {display: block; width: 100%; } .blog-pagination ul {margin: 0; padding: 0; list-style: none; } .blog-pagination ul li {display: inline-block; padding-left: 0; } .blog-pagination ul li+li {margin: 0 5px; } .blog-pagination ul li:before {display: none; } .blog-pagination ul li a {display: block; padding: 3px 25px; border: 1px solid #e2e2e2; line-height: 40px; text-align: center; font-weight: 600; -webkit-transition: 0.3s ease-in; transition: 0.3s ease-in; } .blog-pagination ul li a:hover {background-color: var(--secondary-color); color: #fff; } .blog-pagination ul li span {display: block; padding: 3px 25px; border: 1px solid #e2e2e2; line-height: 40px; text-align: center; font-weight: 600; -webkit-transition: 0.3s ease-in; transition: 0.3s ease-in; } .blog-pagination ul li span.current {background-color: var(--secondary-color); color: #fff; } .cart-box .thumb img {max-width: 125px; max-height: 125px; } /*-------------------------------------------------------------- ## Register --------------------------------------------------------------*/ .form-wrapper .title {font-family: var(--heading-font); font-size: 24px; line-height: 35px; font-weight: 700; color: var(--heading-color); text-transform: capitalize; text-align: center; margin-bottom: 25px; } .form-wrapper .form-group {margin-bottom: 20px; } .form-wrapper input {height: 50px; color: #495057; border: none; } .form-wrapper input::-webkit-input-placeholder {color: #495057; } .form-wrapper input::-moz-placeholder {color: #495057; } .form-wrapper input:-ms-input-placeholder {color: #495057; } .form-wrapper input::-ms-input-placeholder {color: #495057; } .form-wrapper input::placeholder {color: #495057; } .form-wrapper .box-wrap {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .form-wrapper .box-wrap .left {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .form-wrapper .box-wrap .left input {height: auto; display: inline-block; margin-bottom: 3px; } .form-wrapper .box-wrap .right a {-webkit-transition: all linear 0.2s; transition: all linear 0.2s; } .form-wrapper .box-wrap .right a:hover {color: var(--main-color-one); } .form-wrapper .btn-wrapper {margin-bottom: 18px; } .form-wrapper .btn-wrapper .btn-default {width: 100%; font-weight: 600; } .form-wrapper .sign-in-with {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .form-wrapper .sign-in-with .special-account {margin: 0 5px; } .form-wrapper .info {text-align: center; color: #666666; } .form-wrapper .info .active {color: var(--main-color-one); font-weight: 600; -webkit-transition: all linear 0.2s; transition: all linear 0.2s; } .form-wrapper .info .active:hover {color: var(--main-color-one); } .form-wrapper .btn-wrapper .default-btn {background-color: var(--main-color-one); border-color: var(--main-color-one); color: #fff; width: 100%; } /*=============================User Dashboard Css ==================================*/ user-dashboard-wrapper>ul {display: inline-block; width: 260px; background-color: var(--secondary-color); padding-bottom: 5px } .user-dashboard-wrapper {display: flex; justify-content: space-between } .user-dashboard-wrapper .tab-content {width: calc(100% - 300px) } .user-dashboard-wrapper {padding: 80px 0 } .user-dashboard-wrapper ul.nav-pills .nav-item+.nav-item {border-top: 1px solid rgba(255, 255, 255, .1) } .user-dashboard-wrapper>ul .mobile_nav {display: none } .user-dashboard-wrapper ul.nav-pills .nav-item+.nav-item {border-top: 1px solid rgb(255 255 255 / 42%); } .order-service-page-content-area .nav-tabs .nav-item {border: none; display: inline-block; width: 50px; height: 50px; border-radius: 50%; background-color: var(--main-color-one); line-height: 50px; color: #fff; padding: 0; text-align: center } .order-service-page-content-area .nav-tabs .nav-item+.nav-item {margin-left: 15px } .order-service-page-content-area .nav-tabs .nav-item.active {background-color: var(--main-color-one); color: #fff } .order-service-page-content-area .nav-tabs .nav-item[disabled] {background-color: #e1e1e1; color: var(--paragraph-color) } .nav {flex-wrap: wrap; padding-left: 0; list-style: none; } .user-dashboard-wrapper>ul {display: inline-block; width: 260px; background-color: var(--paragraph-color); padding-bottom: 5px; } .user-dashboard-wrapper ul.nav-pills .nav-link.active {background-color: var(--main-color-one); } .user-dashboard-wrapper .nav-pills .nav-link {border-radius: 0px; padding-top: 12px; padding-bottom: 12px; color: #BBB; } .user-dashboard-card.style-01 {background-color: var(--main-color-one); justify-content: space-evenly; align-items: center; margin-bottom: 30px; } .user-dashboard-card {background-color: var(--main-color-one); padding: 30px; display: flex; align-self: flex-start } .user-dashboard-card .icon {font-size: 40px; line-height: 40px; color: #fff; margin-right: 20px } .user-dashboard-card .content {text-align: center; } .user-dashboard-card .title {font-size: 18px; line-height: 28px; font-weight: 700; color: #fff } .user-dashboard-card .number {font-size: 40px; line-height: 50px; font-weight: 700; display: block; color: #fff } a:hover {color: inherit; } .user-dahsboard-order-info-wrap .title {font-size: 20px; line-height: 30px; font-weight: 700 } .user-dahsboard-order-info-wrap small {font-size: 14px } .user-dahsboard-order-info-wrap .title {font-size: 20px; line-height: 30px; font-weight: 700; } .alert-small {font-size: 12px; font-weight: 600; padding: 2px 5px; } .alert-sm {padding: 5px 10px; } .text-capitalize {text-transform: capitalize !important; } .alert-warning {color: #856404; background-color: #fff3cd; border-color: #ffeeba; } .user-dahsboard-order-info-wrap small {font-size: 14px; } .d-block {display: block !important; } small {margin-bottom: 10px; } .dashboard-form-wrapper .title {font-size: 30px; line-height: 40px; margin-bottom: 30px; } .order-service-page-content-area .order-title {font-size: 30px; line-height: 52px; font-weight: 700; margin-bottom: 30px } .order-service-page-content-area .nav-tabs {display: block; border: none } .order-service-page-content-area .nav-tabs .nav-item {border: none; display: inline-block; width: 50px; height: 50px; border-radius: 50%; line-height: 50px; color: #fff; padding: 0; text-align: center } .order-service-page-content-area .tab-content {margin-top: 30px } .order-service-page-content-area .nav-tabs .nav-item+.nav-item {margin-left: 15px } .order-service-page-content-area .nav-tabs .nav-item.active {background-color: var(--main-color-one); color: #fff } .order-service-page-content-area .nav-tabs .nav-item[disabled] {background-color: #e1e1e1; color: var(--paragraph-color) } .input-disabled {background-color: rgba(211, 211, 211, 0.507); } .payment-gateway-wrapper ul {margin: 0; padding: 0; list-style: none; display: flex; align-items: center; margin: 20px 0 } .payment-gateway-wrapper ul li {max-width: 100px; cursor: pointer; box-sizing: border-box; height: 50px; display: flex; align-items: center; position: relative; overflow: hidden } .payment-gateway-wrapper ul li.selected:after, .payment-gateway-wrapper ul li.selected:before {visibility: visible; opacity: 1 } .payment-gateway-wrapper ul li:before {border: 2px solid #ffc107; position: absolute; right: 0; top: 0; width: 100%; height: 100%; content: ''; visibility: hidden; opacity: 0; transition: all .3s } .payment-gateway-wrapper ul li:after {position: absolute; right: 0; top: 0; width: 15px; height: 15px; background-color: var(--main-color-two); content: "\f00c"; font-weight: 900; color: #fff; font-family: "Line Awesome Free"; font-size: 10px; line-height: 10px; text-align: center; padding-top: 2px; padding-left: 2px; visibility: hidden; opacity: 0; transition: all .3s } .manual_payment_transaction_field.show {display: block } .manual_payment_transaction_field {display: none } .payment-gateway-wrapper ul li {min-width: 80px; margin: 5px } .cart-total-wrap .form-group.manual_payment_transaction_field .label, .order-confirm-area .form-group.manual_payment_transaction_field .label, .order-tab-wrap .form-group.manual_payment_transaction_field .label {font-size: 14px; font-weight: 600; color: var(--heading-color); margin-bottom: 10px } .cart-total-wrap .form-group.manual_payment_transaction_field .form-control, .order-confirm-area .form-group.manual_payment_transaction_field .form-control, .order-tab-wrap .form-group.manual_payment_transaction_field .form-control {border: 1px solid #e2e2e2; font-size: 14px } .cart-total-wrap .form-group.manual_payment_transaction_field .help-info, .order-confirm-area.form-group.manual_payment_transaction_field .help-info, .order-tab-wrap .form-group.manual_payment_transaction_field .help-info {margin-top: 20px; display: block } .payment-gateway-wrapper ul {flex-wrap: wrap } button.submit-btn.gd-bg {width: 420; } .order-confirm-area .title {text-align: center; font-size: 36px; line-height: 46px; font-weight: 700; margin-bottom: 40px; } .error-page-content {padding: 50px; } .order-cancel-area .title, .order-success-area .title {color: var(--main-color-one); font-family: harshina !important; font-weight: 900; font-size: 40px; margin-bottom: 10px; } .order-cancel-area .title, .order-success-area .title {color: var(--main-color-one); font-family: harshina !important; font-weight: 900; font-size: 40px; margin-bottom: 10px; } p.order-page-description {color: var(--main-color-one); } .billing-title {font-size: 24px; font-weight: 700; margin-bottom: 10px; } button.submit-btn.gd-bg.pay-now {width: 730px; } .alert-danger {border-left: 5px solid red; background-color: #f2f2f2; color: #333; border-radius: 0; } .alert-warning {border-left: 5px solid #e4b82c; background-color: #f2f2f2; border-color: #e4b82c; color: #333; border-radius: 0; } .alert-success {border-left: 5px solid #319a31; background-color: #f2f2f2; border-color: #319a31; color: #333; border-radius: 0; } .alert-primary {border-left: 5px solid #004085; border-color: #004085; background-color: #f2f2f2; color: #333; border-radius: 0; } .alert-info {background-color: #d1ecf1; border-color: #17a2b8; border-left: 5px solid #17a2b8; background-color: #f2f2f2; color: #333; border-radius: 0; } @media only screen and (max-width: 414px) {.left-content-area {display: none; } .navbar-area .navbar-collapse {left: 0; right: initial; } } @media only screen and (max-width: 768px) {.left-content-area {display: none; } .topbar-area {display:none; } .new-header-area-wrapper {margin-top: 50px; } .navbar-area .navbar-collapse {left: 0; right: initial; } } .new-header-area-wrapper {/*margin-top: -15px;*/ } @media only screen and (max-width: 450px) {.user-dashboard-wrapper>ul {position: absolute; left: -275px; z-index: 2; transition: .3s all; } .user-dashboard-wrapper>ul .mobile_nav {position: absolute; right: -50px; top: 0; width: 50px; background-color: black; color: white; height: 50px; text-align: center; line-height: 50px; transition: all .3s; display: block; } .user-dashboard-wrapper>ul {display: inline-block; width: 260px; background-color: #1d2228; padding-bottom: 5px; position: relative; } .user-dashboard-wrapper>ul.show {left: -20px; } } @media only screen and (max-width: 991px) {.user-dashboard-card {margin-bottom: 30px; } .user-dashboard-card {background-color: var(--main-color-one); padding: 30px; display: flex; align-self: flex-start; } } .dashboard-form-wrapper .form-group {margin-bottom: 10px; } .dashboard-form-wrapper .form-control {/*padding: 12px 15px;*/ } /*-------------------------------------------------------------- ## Payment Successful --------------------------------------------------------------*/ .payment-success-wrapper {max-width: 450px; margin: 0 auto; background: #fff; -webkit-box-shadow: 0 0 15px rgba(153, 153, 153, 0.3); box-shadow: 0 0 15px rgba(153, 153, 153, 0.3); padding: 40px; border-radius: 10px; } .payment-success-wrapper .payment-contents {text-align: center; } .payment-success-wrapper .payment-contents .title {font-size: 24px; font-family: var(--heading-font); font-weight: 500; text-transform: uppercase; color: var(--main-color-one); margin-bottom: 40px; } .payment-success-wrapper .payment-contents .icon {background: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 50px; width: 50px; border-radius: 50%; border: 2px solid var(--main-color-one); font-size: 24px; margin: 0 auto; color: var(--main-color-one); } .payment-success-wrapper .payment-contents .payment-list.payment-list-two li:first-child {margin-bottom: 20px; } .payment-success-wrapper .payment-contents .payment-list.payment-list-two li .list-bold {font-weight: 700; } .payment-success-wrapper .payment-contents .payment-list li {font-size: 16px; color: #999999; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .payment-success-wrapper .payment-contents .payment-list li:not(:last-child) {margin-bottom: 10px; } .payment-success-wrapper .payment-contents .payment-list li .payment-strong {color: var(--heading-color-one); text-align: right; } .payment-success-wrapper .payment-contents .payment-list li .payment-strong.payment-bold {font-weight: 700; } .default-btn.color-one {background-color: var(--main-color-one); } .default-btn.outline-one {border: 1px solid var(--main-color-one); color: var(--heading-color-one); } .default-btn.outline-one:hover {border: 1px solid var(--main-color-one); color: #fff; background-color: var(--main-color-one); } /*---------------------------------------------- # Order history ----------------------------------------------*/ .order-history-inner {overflow-x: auto; } .order-history-inner table {border: 1px solid var(--form-bg-color); border-radius: 4px; width: 100%; } .order-history-inner table thead {background-color: var(--form-bg-color); } .order-history-inner table thead tr {display: table-row; } .order-history-inner table thead tr th {display: table-cell; font-size: 16px; line-height: 26px; color: #666666; text-transform: capitalize; padding: 15px 30px; } .order-history-inner table tbody tr {border: 1px solid var(--form-bg-color); display: table-row; } .order-history-inner table tbody tr td {display: table-cell; font-size: 16px; line-height: 26px; color: var(--heading-color); text-transform: capitalize; padding: 28px; } .order-history-inner table tbody tr td.date {min-width: 160px; } .order-history-inner table tbody tr td.quantity {min-width: 130px; } .order-history-inner table tbody tr td.table-btn {min-width: 210px; } .order-history-inner table tbody tr td.amount {font-weight: 600; min-width: 150px; } .order-history-inner table tbody tr td.pay-method {text-transform: initial; } .order-history-inner .btn-wrapper .btn-default.rounded-btn {border-radius: 25px; } .order-history-inner .btn-wrapper .btn-default {font-size: 16px; display: inline-block; text-align: center; font-weight: 400; cursor: pointer; border: 1px solid var(--main-color-one); background-color: var(--main-color-one); color: #fff; text-transform: capitalize; padding: 9px 30px 11px; -webkit-transition: all linear 0.2s; transition: all linear 0.2s; line-height: 20px; } .line-limit-3 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; /* number of lines to show */ line-clamp: 3; -webkit-box-orient: vertical; } /* ====================================================== ## FOOTER WIDGETs ====================================================== */ .footer-widget .post-list li {display: flex; } .footer-widget .post-list .thumb {margin-right: 20px; } .footer-widget .post-list .thumb img {max-width: 60px; } .widget.widget-tag .tag-btn {display: inline-block; text-transform: capitalize; font-size: 15px; border: 1px solid #DDDDDD; padding: 2px 10px; margin-right: 5px; -webkit-transition: all linear 0.2s; transition: all linear 0.2s; margin: 0 3px 10px; } .widget.widget-search form .form-group .form-control {border-right: none; height: 50px; width: 100%; background-color: #FBFBFB; border-radius: 0; border-color: #DDDDDD; } .widget.widget-search form {display: -webkit-box; display: -ms-flexbox; display: flex; } .widget.widget-search form .form-group {-webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .widget.widget-search form .form-btn-1 {height: 50px; display: inline-block; font-family: harshina !important; font-weight: 400; text-transform: capitalize; font-size: 16px; text-align: center; padding: 12px 22px; background-color: #FBFBFB; color: var(--main-color-one); -webkit-transition: all linear 0.2s; transition: all linear 0.2s; border: 1px solid #DDDDDD; border-left: none; } .footer-area .footer-top .footer-widget .navigation-container li {margin: 18px 0; transition: all .3s; } .footer-area .footer-top .footer-widget .navigation-container li a::before {font-family: 'Line Awesome Free'; font-weight: 900; content: "\f105"; color: var(--main-color-one); margin-right: 5px; } .footer-area .footer-top .footer-widget .navigation-container li:hover a {color: var(--main-color-one); } .footer-widget .about_us_widget p {margin-top: 10px; } .footer-widget .post-list .post-title a {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* number of lines to show */ line-clamp: 2; -webkit-box-orient: vertical; } #productview .sku_wrapper {display: none; } .search_bar .form-group {display: none; } .default-theme-btn {background-color: var(--main-color-one); border-color: var(--main-color-one); color: #fff; } .elementor-custom-embed {margin-bottom: -10px; } .related-item-area-wrapper .slick-track {margin-left: 0; } #top_cart_item_box {max-height: 300px; overflow-y: scroll; } .payment-strong {word-break: break-all; } .campaign_item_progress {height: 5px; } .name-list {display: block; width: 200px; position: absolute; top: 0; left: auto !important; right: 0 !important; z-index: 1; background-color: #fff; visibility: hidden; opacity: 0; border-bottom: 4px solid var(--main-color-one); } .name-list .lists a {font-size: 16px; font-weight: 400; line-height: 28px; display: block; padding: 10px 20px; cursor: pointer; transition: all .3s; } .name-list .lists:not(:last-child) a {border-bottom: 1px solid #ddd; } .name-list .lists:hover a {background-color: var(--main-color-one); color: #fff !important; } .account-option {position: relative; z-index: 5; line-height: 50px !important; } .account-option:hover .name-list {visibility: visible; opacity: 1; z-index: 2; top: 100%; } .order .cost-name-amount .shipping-cost {display: flex; justify-content: space-between; flex: 1; } .shipping-container, .shipping-option-container {display: block !important; } /* campaign-progress-wrap */ .campaign-progress-wrap {margin-top: 15px; } .campaign-progress-wrap .left, .campaign-progress-wrap .right {font-size: 14px; font-weight: 400; text-transform: capitalize; color: #999999; } .campaign-progress-wrap .progress-bar {background-color: var(--main-color-one); } .faq-area-wrapper .form-group label {display: none; } .ui-slider .ui-state-default {border-radius: 50%; } .ui-slider .ui-state-default:hover {cursor: pointer; background-color: #f6f6f6; border-color: #949494; } .pagination {justify-content: center; } .footer-area.index-02.dark .info-list a {color: #fff; } .top-best-off-sale-area-wrapper .single-best-sele-item .product-img-box {/* flex: 1; */ text-align: left; } .top-best-off-sale-area-wrapper .single-best-sele-item .product-img-box img {max-width: 173px; } .top-best-off-sale-area-wrapper .single-best-sele-item .product-details-wrap .product-price-details .list .price del {color: #999; font-weight: 400; } .nav-right-content .search_bar .form-group {margin-bottom: 0; } .nav-right-content {position: relative; } .navbar-area .nav-container .nav-right-content ul {position: relative; } .nav-right-content .search_bar {position: absolute; } .nav-right-content .search_bar {position: absolute; top: 50%; transform: translateY(-50%); left: -178px; } /* search box */ .search-bar {/*position: absolute;*/ top: 60%; right: 36px; height: auto; z-index: 999; width: 400px; margin: 0 auto; background: #fff; visibility: hidden; opacity: 0; -webkit-transition: all 0.6s; transition: all 0.6s; } .search-open .icon {font-size: 20px; } .search-bar.active {visibility: visible; opacity: 1; top: 100%; } .search-bar .menu-search-form {position: relative; z-index: 999; width: 100%; margin: 0 auto; border-radius: 0px; } .search-bar .menu-search-form .search-close {position: absolute; right: -50px; top: 0; font-size: 30px; cursor: pointer; -webkit-transition: all 0.3s; transition: all 0.3s; background: #F2F3F5; padding: 2px 10px; height: 70px; color: var(--main-color-one); } .search-bar .menu-search-form .search-close:hover {color: #fff; background: var(--main-color-one); } .search-bar .menu-search-form .item-search {width: 100%; height: 40px; background: rgb(223,235,253); background: linear-gradient(90deg, rgba(223,235,253,1) 0%, rgba(220,240,240,1) 35%, rgba(220,248,231,1) 100%); border: 0px; outline: none; text-transform: initial; padding: 10px 40px; padding-right: 70px; font-size: 14px; font-weight: 500; border-radius: 7px; color: #666 !important; line-height: 1; } .search-bar .menu-search-form .item-search:focus {border-color: rgba(255, 23, 71, 0.2); -webkit-box-shadow: 0 0 10px rgba(255, 23, 71, 0.1); box-shadow: 0 0 10px rgba(255, 23, 71, 0.1); } .search-bar .menu-search-form .item-search::-webkit-input-placeholder {color: var(--paragraph-color); font-size: 14px; } .search-bar .menu-search-form .item-search::-moz-placeholder {color: var(--paragraph-color); font-size: 14px; } .search-bar .menu-search-form .item-search:-ms-input-placeholder {color: var(--paragraph-color); font-size: 14px; } .search-bar .menu-search-form .item-search::-ms-input-placeholder {color: var(--paragraph-color); font-size: 14px; } .search-bar .menu-search-form .item-search::placeholder {color: var(--paragraph-color); font-size: 14px; } .search-bar .menu-search-form button {position: absolute; /*left: 0;*/ height: 100%; padding: 0 10px; background: transparent; border: 0; outline: none; font-size: 16px; font-weight: 500; color: #00a9e5; cursor: pointer; } footer.footer-area.index-02.dark .widget-title {color: #fff; } .feedback input#login_remember {height: 37px; } .product-summery .social-link .list-item {margin-right: 6px; } .user-dashboard-wrapper .nav-pills .nav-link {color: #fff !important; } .dashboard-form-wrapper .form-control {border: 1px solid #e2e2e2; border-radius: 0; } .dashboard-form-wrapper input.form-control {height: 50px; } /* ============ */ .news-update-area-wrapper.single-page .single-news-update-item {margin-bottom: 50px !important; } .single-shop-list-item .cart-option .wishlist {margin-left: 0 !important; } .footer-area .footer-top .footer-widget .widget-title {margin-bottom: 0 !important; } .register-form-area-wrapper .content-top {padding: 20px 0px 10px !important; } .register-form-wrapper .register-form .form-group {margin-bottom: 15px !important; } .product-summery .price-wrap .price {font-size: 29px !important; } .product-summery .price-wrap .del-price {font-size: 22px !important; } .product-summery .product_related_info {margin-top: 10px !important; } .product-details-tab .tab-content .feedback-section .feedback .client-feedback .client-feedbck-list .single-feedback .publish-date {color: #838383 !important; margin: 8px 0 4px !important; } .product-details-tab .tab-content .feedback-section .feedback .form-group.form-check {padding-left: 38px !important; } .product-details-tab .tab-content .feedback-section .feedback input#login_remember {height: 35px !important; } .product-details-tab .tab-content .aditional-info .table-wrap table tbody tr th, .product-details-tab .tab-content .aditional-info .table-wrap table tbody tr td {border: 1px solid #c9c9c9 !important; } .product-attr {margin-top: 8px; } .product-attr-container {font-size: 14px; } .product-attr a {color: var(--main-color-one); } .flash-sale-area-wrapper .single-flash-item.single-product-item {margin-bottom: 40px; } /* mega menu */ .xg_mega_menu_wrapper {max-width: 1140px; width: calc(100vw - 180px); box-sizing: border-box; position: absolute; left: 50%; transform: translateX(-50%); margin-left: auto; margin-right: auto; padding: 0; box-sizing: border-box; border-radius: 5px; overflow: hidden; z-index: 9999; background-color: #fff; box-shadow: 0 0 15px 0 rgba(0, 0, 0, .06); visibility: hidden; opacity: 0; transition: all .3s; top: 100%; } .single-blog-grid-02 {display: inline-block } .xg-mega-menu-container {padding: 40px } .xg-mega-menu-single-column-wrap .mega-menu-title {font-size: 18px; line-height: 26px; font-weight: 700; margin-bottom: 20px } .xg-mega-menu-single-column-wrap {text-align: left; margin-bottom: 30px } .xg-mega-menu-single-column-wrap ul {margin: 0; padding: 0 } .xg-mega-menu-single-column-wrap ul li {display: block !important; width: 100%; line-height: 30px !important; margin-left: 0 !important; font-weight: 400 !important } .xg-mega-menu-single-column-wrap ul li a:hover {color: var(--main-color-one) !important } .xg-mega-menu-single-column-wrap ul li a {color: var(--paragraph-color) !important; transition: .3s all } .xg-mega-menu-single-column-wrap ul li.single-mega-menu-product-item {/* display: flex !important; */ align-self: flex-start; margin-bottom: 20px; text-align: center; } .xg-mega-menu-single-column-wrap ul .single-mega-menu-product-item .thumbnail {max-width: 80px; margin: 0 auto; } .xg-mega-menu-single-column-wrap ul .single-mega-menu-product-item .title {font-size: 15px; line-height: 20px; font-weight: 600; margin-bottom: 5px; transition: .3s all } .xg-mega-menu-single-column-wrap ul .single-mega-menu-product-item .title:hover {color: var(--main-color-one) } .xg-mega-menu-single-column-wrap ul .single-mega-menu-product-item .content .price-wrap {font-size: 14px; line-height: 26px; font-weight: 700 } .xg-mega-menu-single-column-wrap ul .single-mega-menu-product-item .content .price-wrap .price {color: var(--main-color-one); margin-right: 8px; } .xg_mega_menu_wrapper.product_mega_menu .xg-mega-menu-container {padding-bottom: 20px } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-mega-menu {position: relative; z-index: 0; padding-right: 15px } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-mega-menu:before {position: absolute; right: -22px !important; top: 50% !important; content: "\f107"; font-family: "Line Awesome Free"; font-weight: 700; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; font-size: 14px !important; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-mega-menu:hover > .xg_mega_menu_wrapper {visibility: visible; opacity: 1 } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-mega-menu {position: relative; z-index: 0; padding-right: 15px; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-mega-menu:hover > .xg_mega_menu_wrapper {position: fixed; box-shadow: none; width: calc(100vw - 180px); max-width: 1140px; top: auto; } .xg-mega-menu-container {padding: 10px 0 } .xg-mega-menu-single-column-wrap {margin-bottom: 20px } .navbar-area.nav-style-01 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-mega-menu:before {color: var(--paragraph-color); padding-right: 19px } .single-donation-mega-menu-item .boxed-btn {text-align: center } .header-style-03.header-variant-06 .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-mega-menu:before {top: 20px; right: 20px } .header-style-03.header-variant-07 .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:before, .header-style-03.header-variant-07 .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-mega-menu:before, .header-style-03.header-variant-08 .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:before, .header-style-03.header-variant-08 .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-mega-menu:before, .header-style-03.header-variant-09 .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:before, .header-style-03.header-variant-09 .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-mega-menu:before {position: absolute; right: 20px } .header-style-03.header-variant-07 .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-mega-menu:before, .header-style-03.header-variant-08 .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-mega-menu:before, .header-style-03.header-variant-09 .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-mega-menu:before {top: 30px } .xg-mega-menu-container {padding: 30px 30px 13px; width: 100%; max-width: 100%; } .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-mega-menu:before {top: 30px } li.single-mega-menu-product-item .price-wrap del {color: #999; font-weight: 500; } .our-stor-btn-list .active {color: var(--main-color-one) !important; } /* */ .call-to-action-area-wrapper.index-02.campaign-page .content-left {position: static; } .bg-campaign {background-position: left center; background-repeat: no-repeat; background-size: contain; width: 50%; } .call-to-action-area-wrapper.index-02.campaign-page {padding: 100px 0; } .call-to-action-area-wrapper.index-02.campaign-page .offer-title {margin-bottom: 30px; } .call-to-action-area-wrapper.index-02.campaign-page .content .catg {margin: 14px 0 11px; } .call-to-action-area-wrapper.index-02.campaign-page .content .content-inner {margin-top: 0; margin-bottom: 39px; } .lds-ellipsis {display: inline-block; position: fixed; width: 80px; height: 80px; left: 50% !important; top: 40vh; z-index: 50; display: none; transform: translateX(-50%) !important; } .padding-top-bottom-100{padding: 70px 0 100px; } .campaign-page-area{} .campaign-contents-left{background-color: var(--secondary-color); margin-top: 30px; } .bg-campaign-item {background-position: top center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 300px; } .campaign-contents-left .btn-wrapper .default-btn {color: var(--heading-color-one); border-color: var(--heading-color-one); } .campaign-contents-left .btn-wrapper .default-btn:hover{background-color: var(--main-color-one); color: #fff; border-color: var(--main-color-one); } .campaign-content{padding: 30px; } .campaign-content .campaign-tags {font-size: 18px; line-height: 30px; } .campaign-content .campaign-offer-title {font-size: 28px; font-weight: 700; margin-top: 15px; color: var(--main-color-one); transition: all .3s; } .campaign-content .btn-wrapper{margin-top: 30px; } .header-inner-content-index-02 .btn-wrapper a:hover {color: var(--main-color-two); border-bottom-color: var(--main-color-two) !important; } .trendy-item-wrapper .add-img-box img {width: 100%; } .ui-widget-header {background: var(--main-color-one) !important; } .ui-slider-horizontal {height: 5px !important; } .ui-widget-content {border: 1px solid transparent !important; background: #F2F3F5 !important; color: #333; } .ui-slider .ui-slider-handle {position: absolute; z-index: 2; width: 12px !important; height: 12px !important; cursor: default; -ms-touch-action: none; touch-action: none; } .featured-area-wrapper .featured-list .single-featured-item .content .title {margin-bottom: 10px; } .header-area-wrapper .header-area .header-inner-content-index-02 .btn-wrapper {margin-top: 30px; } .new-design-area-wrapper .new-collection-highlight .single-item .info-box .btn-wrapper {margin-top: 20px; } .new-design-area-wrapper .new-collection-highlight .single-item .info-box .btn-wrapper .borderless-btn {border: 2px solid #363636; padding: 10px 20px; } .add-img-box .content .btn--wrapper {margin-top: 20px; } .widget.widget-recent-post .post-list li .content .post-title {text-transform: capitalize; line-height: 20px; } .campaign-progress-wrap .left, .campaign-progress-wrap .right {color: var(--heading-color); margin-top: 20px; } .campaign-content .campaign-offer-title {color: var(--heading-color-one); font-size: 30px; line-height: 40px; margin-top: 10px; } .campaign-contents-left .campaign-content {padding: 50px 30px 50px 30px; text-align: center; } .campaign-content .campaign-tags {font-size: 16px; line-height: 20px; } .campaign-content .btn-wrapper {margin-top: 40px; } .campaign-contents-left .btn-wrapper .default-btn {background-color: var(--main-color-one); border-color: var(--main-color-one); color: #fff; } .product-wrap .single-shop-list-item .product-details-wrap .product-title {font-size: 22px; line-height: 32px; } .get-in-touch-wrapper .default-btn {background-color: var(--main-color-one); color: #fff; } .buy-now-wrap {position: fixed; right: 0; top: 40% } .buy-now-wrap ul {margin: 0; padding: 0; list-style: none } .buy-now-wrap ul li a {display: inline-block; width: 40px; height: 40px; text-align: center; background-color: var(--main-color-one); border-radius: 0; color: #fff; line-height: 40px } .buy-now-wrap ul li + li {border-top: 1px solid rgba(0, 0, 0, .02) } .discount-tag {font-size: 12px; font-weight: 700; text-transform: capitalize; color: #fff; display: inline-block; padding: 3px 6px; background-color: #524a4b; vertical-align: text-bottom; margin-left: 10px; } .single-main-image {position: relative; } a.long-img.magnific {position: absolute; z-index: 1; top: 10px; left: 10px; font-size: 20px; } /* product-card rating markup */ .ratings .rating-contents {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 10px; } .rating-wrapper .ratings {display: inline-block; position: relative; z-index: 0; width: 80px; height: 16px; font-size: 16px; } .rating-wrapper .ratings span {display: block; position: absolute; width: 100%; height: 100%; overflow: hidden; line-height: 16px; } .rating-wrapper .ratings span:after {position: absolute; left: 0; top: 0; content: "\f005" "\f005" "\f005" "\f005" "\f005"; width: 100%; font-family: 'Line Awesome Free'; font-weight: 900; } .rating-wrapper .ratings span.hide-rating:after {color: #666; } .rating-wrapper .ratings span.show-rating:after {color: #FEC42D; } .top-best-off-sale-area-wrapper .single-best-sele-item .product-img-box {position: relative; } .top-best-off-sale-area-wrapper .single-best-sele-item .product-img-box .sale {position: absolute; left: 5px; top: 5px; background-color: var(--main-color-one); padding: 3px 5px; color: #fff; font-size: 10px; font-weight: 700; } .single-main-image .sale {position: absolute; top: 10px; right: 10px; background-color: var(--main-color-one); padding: 3px 5px; color: #fff; font-size: 10px; font-weight: 700; z-index: 1; } .single-product-item .product-img-box .discount-tag {position: absolute; left: 0; top: 40px; background-color: #f14f86; } .product-modal-wrap .product-modal .product-img {position: relative; } .product-modal-wrap .product-modal .product-img .sale {position: absolute; top: 0; left: 10px; top: 10px; background-color: #363334; padding: 3px 5px; color: #fff; font-size: 10px; font-weight: 700; z-index: 1; } .product-modal-wrap .product-modal .product-img .discount-tag {position: absolute; left: 0px; top: 40px; background-color: #f14f86; } .top-best-off-sale-area-wrapper .single-best-sele-item .product-img-box .sale {position: absolute; top: 0; left: 10px; top: 10px; background-color: #363334; padding: 3px 5px; color: #fff; font-size: 10px; font-weight: 700; z-index: 1; } .top-best-off-sale-area-wrapper .single-best-sele-item .product-img-box .discount-tag {position: absolute; left: 0px; top: 40px; background-color: #f14f86; } .trendy-item-wrapper .single-product-item .discount-tag {position: absolute; left: 2px; top: 40px; z-index: 1; background-color: #f14f86; } .xg-mega-menu-single-column-wrap ul .single-mega-menu-product-item .thumbnail {position: relative; } .xg-mega-menu-single-column-wrap ul .single-mega-menu-product-item .thumbnail .discount-tag {position: absolute; bottom: 0; left: 0; font-size: 10px; padding: 2px 2px; line-height: 10px; background-color: #f14f86; } .min-order-text {display: block; margin-left: 21px; } .default-btn.color-reverse {background-color: #363636; } .default-btn.color-reverse:hover{background-color: var(--main-color-one); } .cart-box table tr td div.thumb {display: flex; align-items: center; } .lds-ellipsis {display: inline-block; position: fixed; width: 80px; height: 80px; left: 50vw; top: 40vh; z-index: 50; display: none; } .lds-ellipsis div {position: absolute; top: 33px; width: 13px; height: 13px; border-radius: 50%; background: var(--main-color-one); animation-timing-function: cubic-bezier(0, 1, 1, 0); } .lds-ellipsis div:nth-child(1) {left: 8px; animation: lds-ellipsis1 0.6s infinite; } .lds-ellipsis div:nth-child(2) {left: 8px; animation: lds-ellipsis2 0.6s infinite; } .lds-ellipsis div:nth-child(3) {left: 32px; animation: lds-ellipsis2 0.6s infinite; } .lds-ellipsis div:nth-child(4) {left: 56px; animation: lds-ellipsis3 0.6s infinite; } @keyframes lds-ellipsis1 {0% {transform: scale(0); } 100% {transform: scale(1); } } @keyframes lds-ellipsis3 {0% {transform: scale(1); } 100% {transform: scale(0); } } @keyframes lds-ellipsis2 {0% {transform: translate(0, 0); } 100% {transform: translate(24px, 0); } } .nice-select.form-control.wide {margin-bottom: 11px; } a.nav-link.bg-info.text-white {padding: 26px 0; text-align: center; font-size: 21px; } .user-dashboard-wrapper ul{background: #686d7c !important; } a.nav-link.bg-info.text-white {background: #040B25 !important; } .logo-wrapper img {max-width:90px; } .mt_neg {margin-top: -45px; } .new-header-area-wrapper .header-inner.style-01 .btn-wrapper {display:none; } h3.title,h3.product-title {overflow: hidden; text-overflow: unset; white-space: nowrap; text-align: left; /* padding-bottom: 10px; */ /* font-size: 15px; */ } .single-new-popular-dress-item, .shop-area-wrapper .single-product-item {padding: 10px; box-shadow: 0 0 10px 0px #e7e7e7; border: 1px solid #03a8f4; border-radius: 20px; background:#fff; } .navx ul.navbar-nav li a.nav-link {color: #fff !important; padding: 0 15px !important; border-right: 1px solid #ddd; font-size: 13px !important; } .hrd_rtx {margin:0; padding:0 5px; border-right:1px solid #ccc; } .smx_top_nav {box-shadow:0px 4px 7px 0 #ededed; } .header-inner.style-01.index-05 {min-height: 390px !important; } a.smx_lst_nav {padding: 6px 15px; border-radius: 8px; color: #555; font-weight: bold; font-size: 14px; background: rgb(223,235,253); background: linear-gradient(90deg, rgba(223,235,253,1) 0%, rgba(220,240,240,1) 35%, rgba(220,248,231,1) 100%); } a.smx_lst_nav:hover {background: #03a8f4; color: #fff; } .rounded_smx {border-radius:30px; overflow:hidden; } .rounded_smx_brnd {border-radius:20px; overflow:hidden; } .btn_x {background:#ffffff61; color:#fff; } .smx_abt_hm {background: rgb(3 168 244 / 96%); position: absolute; left: -80px; bottom: -50px; width: 60%; } .smx_abt_hm h5 {color: #fff; font-size: 20px; } .smx_abt_hm p {color: #fff; } .smx_abt_hm .btn_x {font-size: 14px !important; } .smx_abt_lft h4 {font-size: 23px; color: #03a8f4; font-weight: bold; } .smx_abt_lft p {font-size: 15px; } h5.smx_title_new {color: #222; font-size: 18px; position: relative; font-weight: bold; } h5.smx_title_new:before {content: ''; position: absolute; width: 10%; height: 2px; background: #03a8f4; bottom: -15px; left: 0; } h5.smx_title_new:after {content: ''; position: absolute; width: 2%; height: 0; /* background: #03a8f4; */ bottom: -15px; left: 11%; border-bottom: 3px dashed #ccc; } h5.smx_title_new span {color: #03a8f4; } .benf_left {width: 65%; margin-right: -10%; float: left; } .benf_right {width: 45%; background: #ce0000; padding: 50px 30px; color: #fff; border-radius: 20px; position: relative; max-height: 100%; float: left; top: 10%; } .benf_right h4, .benf_right h5 {color: #fff; } .benf_right p {font-size:14px; color: #eee; } .benf_right i {background: rgb(255 255 255 / 30%); width: 35px; height: 35px; text-align: center; line-height: 35px; border-top-right-radius: 10px; margin-top: 3px; } .form-group.select {width: 50%; float: left; padding-right: 3%; } .smx_newsletter:before {content: ''; width: 100%; height: 100%; background: #00000057; position: absolute; top: 0; } .smx_newsletter {background: url(https://newui.evereststabilizer.com/assets/uploads/media-uploader/rice-cooker1667229826.jpg); padding: 60px 0; /*margin: 0px 0 70px 0;*/ background-position: center; position: relative; background-size: cover; background-attachment: fixed; } .smx_foot{margin-top: 10px; border-top:1px solid #03a8f4; padding: 30px 0; } .smx_foot_icon .item{display: inline-block; font-size: 24px; margin-left: 20px; background: #03a8f4; color: #fff; padding: 5px 8px; border-radius: 70px; } .testi_bg{background: url(https://newui.evereststabilizer.com/assets/uploads/media-uploader/testimonial_bg.jpg); background-position: center; background-size: 190%; background-repeat: no-repeat; background-color: #f6fbff; padding: 50px 0; } .product-interaction-list li:nth-child(4) {display: none; } a.smx_lst_nav span {background: #eb5757; padding: 0 4px; margin-left: 5px; border-radius: 100px; font-size: 11px; color: #efefef; } .smx_newsletter .col-md-3 {margin-right: -100px; } .smx_newsletter p {font-size: 18px; } .dynamic-page-content-area .faq-area-wrapper .dynamic_view {display:block !important; } .dynamic-page-content-area .faq-area-wrapper .dynamic_viewx, .faq-area-wrapper .dynamic_view {display:none; } ul.a-unordered-list.a-vertical.a-spacing-mini li {font-family: 'harshina' !important; } .breadcrumb-area.Category\:.Stabilizers {background-image: url(../img/bg/stablizer.jpg) !important; } .breadcrumb-area.Category\: {background-image: url(../img/bg/home_app.jpg) !important; }