body .site{ padding: 0; margin: 0; box-shadow: none; max-width: none; width: 100%; overflow: hidden; font-family: 'Roboto', sans-serif;} footer#colophon{ max-width: none; margin: 0; padding: 0; } a, a:focus{outline:none;text-decoration:none !important;transition:all 500ms ease-in-out;} html{scroll-behavior: smooth;} @font-face { font-family: 'edo'; src: url('fonts/edo.eot'); src: url('fonts/edo.eot') format('embedded-opentype'), url('fonts/edo.woff') format('woff'), url('fonts/edo.ttf') format('truetype'), url('fonts/edo.svg#edo') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'oswaldsemibold'; src: url('fonts/oswaldsemibold.eot'); src: url('fonts/oswaldsemibold.eot') format('embedded-opentype'), url('fonts/oswaldsemibold.woff') format('woff'), url('fonts/oswaldsemibold.ttf') format('truetype'), url('fonts/oswaldsemibold.svg#oswaldsemibold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: "retroteam"; src: url("fonts/retroteam.eot"); src: url("fonts/retroteam.eot?#iefix")format("embedded-opentype"), url("fonts/retroteam.woff")format("woff"), url("fonts/retroteam.ttf")format("truetype"), url("fonts/retroteam.svg#retroteam")format("svg"); font-weight: normal; font-style: normal; } /* ---- font open ---- font-family: 'Mulish', sans-serif; font-family: 'Poppins', sans-serif; font-family: 'Roboto', sans-serif; ---- end font ---- */ .widget-area{display:none;} /*.site-content{display:none;}*/ .site-content{width:100%;} .elementor-column.header_icon .hfe-site-header-cart a.hfe-cart-container{display: inline-block;} .elementor-column.header_icon .hfe-site-header-cart i.eicon::before{display: none;} .elementor-column.header_icon .hfe-site-header-cart i.eicon{display:block; width:28px; height: 25px; background: url(images/icon-cart.png) no-repeat center center;} /* ---- footer-top-section start ---- */ .footer-top-section .hfe-nav-menu .menu-item .hfe-menu-item{position: relative;padding-left: 13px !important;} .footer-top-section .hfe-nav-menu .menu-item .hfe-menu-item::after{content: '\f105';font-family: 'FontAwesome';opacity: 1 !important;background:transparent !important;font-size: 18px;position: absolute;left: 0;top: 1px;} .footer-top-section .formError .formErrorContent{display: none;} .footer-top-section .widget_wysija .wysija-paragraph input{width: 100%;height: 48px;border-radius: 0;border: 2px solid #e3e3e2;background: transparent;outline: none;box-shadow: none;color: #e3e3e2;font:400 14px/16px 'Roboto';padding-left: 14px;padding-right: 14px;transition: all 500ms ease-in-out;} .footer-top-section .widget_wysija .wysija-paragraph input:focus{background:#e3e3e2;color: #232323; } .footer-top-section .widget_wysija .wysija-submit{border: none;border-radius: 0;outline: none;box-shadow: none;background: #2871aa;color: #1c1c1c;font:700 20px/22px 'Roboto';text-transform: uppercase;padding: 14px 25px 13px 24px;transition: all 500ms ease-in-out;margin-top: 16px;} .footer-top-section .widget_wysija .wysija-submit:hover{background:#e3e3e2; } /* ---- footer-top-section end ---- */ /* ---- header-section start ---- */ .header-section .cart-section .elementor-button-icon i:before{content: '\f07a' !important;font-family: 'FontAwesome';} /* ---- header-section end ---- */ /* ---- home-banner-section start ---- */ .home-banner-section h1{font-family: 'edo' !important;transform: rotate(-7deg);} /*.home-banner-section h2{font-family: "retroteam" !important;}*/ .home-banner-section h3 span{font-size: 56px !important;} .home-banner-section h3 b{color: #f10202;font-weight: inherit;} .home-banner-section h3{position: absolute;bottom: -284px;right: -168px;} /* ---- home-banner-section end ---- */ /* ---- home-about-section start ---- */ .home-about-section .about-text-bg{margin: 0px auto 10px auto;} /* ---- home-about-section end ---- */ /* ---- privacy-content start ---- .privacy-content{position: relative;z-index: 2;} .privacy-content::after{content: '';width: 100%;height: 65px;background: #f4f4f5;position: absolute;left: 0;top: 57%;transform: translateY(-50%);z-index: -1;}*/ /* ---- privacy-content end ---- */ /* ---- contact-form-section start ---- */ .contact-form-section{position: relative;} .contact-form-section::after{content: '';width: 84px;height: 294px;background: url(images/bg-icon1.png);background-repeat: no-repeat;background-size: cover;background-position: center;position: absolute;left: 7%;top: 100px;} .contact-form-section .contact-form-details .col-md-6,.contact-form-section .contact-form-details .col-md-12{padding: 11px 12px;} .contact-form-section .contact-form-details .form-control{width: 100%;height: 72px;border: 1px solid #d9d9d9;border-radius: 0px;outline: none;box-shadow: 0px 0px 15px rgb(0 0 0 / 15%);font: 400 14px/22px 'Roboto';color: #141117;padding-left:21px;padding-right: 21px;resize: none;transition: all 500ms ease-in-out;background: transparent;} .contact-form-section .contact-form-details .form-control:focus{border: 1px solid #1C75BC;} .contact-form-section .contact-form-details .form-control::placeholder{color: #616161;text-transform: uppercase;} .contact-form-section .contact-form-details .wpcf7-textarea{height: 112px;padding-top: 19px;} .contact-form-section .contact-form-details input[type="submit"]{width: inherit;height: inherit;border: none !important;box-shadow: none !important;font:600 17px/19px 'Roboto';color: #ffffff;text-transform: uppercase;background: #1C75BC;padding: 19px 42px 17px 44px;border-radius: 50px;transition: all 500ms ease-in-out;margin: 5px auto 0px auto;} .contact-form-section .contact-form-details input[type="submit"]:hover{background: #141117;} /* ---- contact-form-section end ---- */ /* ---- contact-details-section start ---- */ .contact-details-section{position: relative;} .contact-details-section::after{content: '';width: 84px;height: 294px;background: url(images/bg-icon1.png);background-repeat: no-repeat;background-size: cover;background-position: center;position: absolute;right: 7%;bottom: 90px;} .contact-details-section .contact-icon-text a{color: #747171;transition: all 500ms ease-in-out;} .contact-details-section .contact-icon-text a:hover{color: #f04f45;} /* ---- contact-details-section end ---- */ /* ---- inner-about-img-content-section start ---- */ .inner-about-img-content-section{position: relative;z-index: 2;} .inner-about-img-content-section::after{content: '';width: 100%;min-height: 470px;background: #f8f5f5;position: absolute;left: 0;bottom: 0;z-index: -1;} /* ---- inner-about-img-content-section end ---- */ /* Shop Page ----------------------------------*/ .shop_wrapper .product_top{ padding-top: 72px; padding-bottom:38px;} .shop_wrapper .product_top::before, .shop_wrapper .product_top::after{ content: ''; display: table; height: 0; clear: both; } .shop_wrapper .product_top .berocket_single_filter_widget{float: left;width: 100%; max-width: 700px;} .shop_wrapper .product_top .berocket_single_filter_widget .bapf_sfilter{margin: 0;display: flex; column-gap: 12px; align-items: center; justify-content: flex-start;} .shop_wrapper .product_top .berocket_single_filter_widget .bapf_body ul{font-size: 0;margin: 0;padding: 0;} .shop_wrapper .product_top .berocket_single_filter_widget .bapf_body ul > li{display: inline-block;} .shop_wrapper .product_top .berocket_single_filter_widget .bapf_body ul > li > label{ display: inline-block;padding: 6px 12px; background: #fff;font: 500 14px 'Roboto';color: #454545;border-radius: 0;border: 1px solid #96979a;} .shop_wrapper .product_top .berocket_single_filter_widget .bapf_body ul > li.checked > label, .shop_wrapper .product_top .berocket_single_filter_widget .bapf_body ul > li:hover > label{background-color: #1C75BC;color: #fff;border-color: #1C75BC;} .shop_wrapper .product_top .berocket_single_filter_widget .bapf_body ul > li:not(:last-child){margin-right: 5px !important;} .shop_wrapper .woocommerce-ordering{ display: flex; column-gap: 12px; align-items: center;margin: 0;padding: 0;} .shop_wrapper .woocommerce-ordering > label, .shop_wrapper .product_top .berocket_single_filter_widget .bapf_sfilter .bapf_head > h3{font:600 13px 'Roboto', Sans-serif; color: #7c7c7c;text-transform: uppercase;} .shop_wrapper .product_top .berocket_single_filter_widget .bapf_sfilter .bapf_head > h3{margin: 0;padding: 0;color: #454545;} .shop_wrapper .woocommerce-ordering select.orderby{border-radius: 0; box-shadow: none; text-shadow: none;outline: none; width: 100%; max-width: 147px; height: 26px; border: 1px solid #d8dbdb;font: 400 13px 'Roboto', Sans-serif; color: #929192;padding: 0 6px;} .woocommerce ul.products li.product .product_block{text-align: center;} .woocommerce ul.products li.product .product_block a.woocommerce-LoopProduct-link{display: block;} .woocommerce ul.products li.product .product_block a img{ margin-bottom: 0;border:none;} .woocommerce ul.products li.product .product_block a h2.woocommerce-loop-product__title{font:500 20px/23px 'Roboto';color:#514e50; margin: 16px 0 10px; padding: 0; text-transform:uppercase;} .woocommerce ul.products li.product .product_block a:hover h2.woocommerce-loop-product__title{ text-decoration: none; } .woocommerce ul.products li.product .product_block .price{font:500 20px/23px 'Roboto';color:#514e50; margin: 0 0 23px; padding: 0;display: flex;align-items: center; column-gap: 5px;justify-content: center;} .woocommerce ul.products li.product .product_block a.add_to_cart_button, .woocommerce ul.products li.product .product_block a.add_to_cart_button:hover, .woocommerce ul.products li.product .product_block a.add_to_cart_button:active, .woocommerce ul.products li.product .product_block a.add_to_cart_button:focus{font:500 14px 'Roboto';color:#454545;background-color: #fff; padding:11px 21px; text-transform: uppercase; text-decoration: none; border-radius:0; border: 1px solid #96979a; box-shadow: none; text-shadow: none; background-image: none; outline: none;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out; margin-top: 0;} .woocommerce ul.products li.product .product_block a.add_to_cart_button:hover{background-color: #1C75BC;color: #fff;border-color: #1C75BC;} /* Single Product Page ----------------------------------*/ .single-product .singleproduct_wrapper div.product div.images .woocommerce-product-gallery__image{border:none; border-radius: 10px;overflow: hidden;} .single-product .singleproduct_wrapper{ padding-top: 0; padding-bottom:66px; } .single-product .singleproduct_wrapper .product_innerwrapper::before, .single-product .singleproduct_wrapper .product_innerwrapper::after{ content: ''; display: table; height: 0; clear: both; } .single-product .singleproduct_wrapper div.product .product_innerwrapper div.images img{ border-radius: 0; } .single-product .singleproduct_wrapper div.product div.images.woocommerce-product-gallery{ margin-bottom: 0; } .single-product .singleproduct_wrapper div.product .summary h1.product_title{font:700 41px/45px 'Teko', sans-serif; color: #000;letter-spacing: normal; padding:0; margin:17px 0 5px; text-transform: uppercase;} .single-product .singleproduct_wrapper div.product .summary .woocommerce-product-details__short-description{margin:0 0 24px; max-width: 588px;border-bottom:1px solid #dedede; padding-bottom: 20px;} .single-product .singleproduct_wrapper div.product .summary .woocommerce-product-details__short-description p{font:400 16px/25px 'Roboto'; color: #a09c9c; padding:0; margin: 0px;} .single-product .singleproduct_wrapper div.product .summary p.price{font:700 30px/40px 'Roboto'; color: #000; margin:0 0 18px; padding:4px 0; border-top:1px solid #dedede;border-bottom:1px solid #dedede;} .single-product .singleproduct_wrapper div.product .summary .stock, .single-product .singleproduct_wrapper div.product .summary .product_meta .sku_wrapper, .single-product .singleproduct_wrapper div.product .summary .posted_in > b{ display: none; } .single-product .singleproduct_wrapper div.product .summary .quantity{ float: none;margin:0 0 23px;border-bottom:1px solid #dedede; padding-bottom: 23px;} .single-product .singleproduct_wrapper div.product .summary .quantity::before{ content: 'Quantity:';font:400 16px/41px 'Roboto'; color: #444; } .single-product .singleproduct_wrapper div.product .summary .quantity input.input-text{border: 1px solid rgba(0,0,0,.19); width: 141px; height: 41px; border-radius: 0;font:400 14px 'Roboto';color:#252525;} .single-product .singleproduct_wrapper div.product .summary .single_add_to_cart_button, .single-product .singleproduct_wrapper div.product .summary .single_add_to_cart_button:hover, .single-product .singleproduct_wrapper div.product .summary .single_add_to_cart_button:active, .single-product .singleproduct_wrapper div.product .summary .single_add_to_cart_button:focus{ display:inline-block; font:700 15px 'Roboto'; color: #fff; letter-spacing: normal; padding: 15px 30px; background-color:#1C75BC !important;border:none !important; border-radius: 32px; box-shadow: none !important; text-shadow:none;outline: none; background-image: none; text-transform: uppercase;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;} .single-product .singleproduct_wrapper div.product .summary .single_add_to_cart_button:hover{background-color: #000 !important;} .single-product .singleproduct_wrapper div.product .summary form.cart::after{ } .single-product .singleproduct_wrapper div.product .summary form.cart{ position: relative; margin-bottom: 38px; } .single-product .singleproduct_wrapper div.product .woocommerce-tabs{margin-top: 38px;} .single-product .singleproduct_wrapper div.product .woocommerce-tabs ul.tabs::before, .single-product .singleproduct_wrapper div.product .woocommerce-tabs ul.tabs::after, .single-product .singleproduct_wrapper div.product .woocommerce-tabs ul.tabs li::before, .single-product .singleproduct_wrapper div.product .woocommerce-tabs ul.tabs li::after{ display: none; } .single-product .singleproduct_wrapper div.product .woocommerce-tabs ul.tabs{ padding-left: 0; margin-bottom: -1px;} .single-product .singleproduct_wrapper div.product .woocommerce-tabs ul.tabs li{ margin: 0; border-radius: 0;border: 1px solid #d8d7d6;background-color: #fff;padding: 0 28px;} .single-product .singleproduct_wrapper div.product .woocommerce-tabs ul.tabs li.active{background-color: #1C75BC;border-color: #1C75BC;} .single-product .singleproduct_wrapper div.product .woocommerce-tabs ul.tabs li a{font:700 20px/22px 'Titillium Web', sans-serif; color: #656464;padding:14px 0; outline: none;} .single-product .singleproduct_wrapper div.product .woocommerce-tabs ul.tabs li.active a{ color: #fff;} .single-product .singleproduct_wrapper div.product .woocommerce-tabs ul.tabs li:not(:last-child){ margin-right: 1px; } .single-product .singleproduct_wrapper div.product .woocommerce-tabs .woocommerce-Tabs-panel{border: 1px solid #d8d7d6; padding: 20px;} .single-product .singleproduct_wrapper div.product .woocommerce-tabs .woocommerce-Tabs-panel > h2{ display: none; } .single-product .singleproduct_wrapper div.product .woocommerce-tabs .woocommerce-Tabs-panel p{font:400 16px/25px 'Roboto'; color: #8d8c8c; margin: 0; padding: 0; } .single-product .singleproduct_wrapper div.product div.images div.thumbnails{padding-top: 2px;} .singleproduct_wrapper .related.products > h2{font:700 50px/55px 'Teko', sans-serif; color: #000;letter-spacing: normal; padding:0px; margin:0 0 58px; text-align: center; text-transform: uppercase;} .singleproduct_wrapper .related.products{ padding-top: 30px; } .singleproduct_wrapper .related.products ul.products{margin-bottom: 0;} /* Cart Page ----------------------------------*/ .woocommerce-cart .elementor-element.cartblock table.cart{ border:none; } .woocommerce-cart .elementor-element.cartblock table.cart th{ background-color: #fff;font:700 20px/27px 'Roboto', sans-serif; color: #292929; padding: 9px 12px;} .woocommerce-cart .elementor-element.cartblock table.cart td{font:400 20px/26px 'Roboto', sans-serif; color: #8e8d8d;padding: 16px 12px;} .woocommerce-cart .elementor-element.cartblock table.cart td.product-price, .woocommerce-cart .elementor-element.cartblock table.cart td.product-subtotal{ font-weight: 500; } .woocommerce-cart .elementor-element.cartblock table.cart td a{ text-decoration: none;color: #8e8d8d; } .woocommerce-cart .elementor-element.cartblock table.cart td a:hover{color: #0857a0;} .woocommerce-cart .elementor-element.cartblock table.cart img{ width: 100%; max-width: 115px; border: 1px solid #b0b0b0; } .woocommerce-cart .elementor-element.cartblock table.cart .product-thumbnail a{ display: block; } .woocommerce-cart .elementor-element.cartblock .cart-collaterals form.woocommerce-coupon-form{display: block;width: 100%; max-width: 365px; float: left;} .woocommerce-cart .elementor-element.cartblock table.cart td.actions .coupon > label.screen-reader-text, .woocommerce-cart .elementor-element.cartblock .cart-collaterals form.woocommerce-coupon-form .coupon.under-proceed > label.screen-reader-text{display: block !important; width: 100%;font:600 17px/22px 'Poppins', sans-serif; color: #3c3c3c; padding:0;margin: 0 0 10px; position: static !important; clip: unset; height: auto;text-align: left;border: none; border-radius: 0;} .woocommerce-cart .elementor-element.cartblock table.cart td.actions button.button, .woocommerce-cart .elementor-element.cartblock .cart-collaterals form.woocommerce-coupon-form .coupon.under-proceed > button.button{font:700 18px 'Roboto', sans-serif; color: #fff; padding: 16px 23px; background-color: #474646;border: none; border-radius: 5px; box-shadow: none !important; letter-spacing: normal; text-shadow:none;outline: none; background-image: none; text-transform: uppercase;width: auto !important;} .woocommerce-cart .elementor-element.cartblock table.cart td.actions button.button:hover, .woocommerce-cart .elementor-element.cartblock .cart-collaterals form.woocommerce-coupon-form .coupon.under-proceed > button.button:hover{background-color: #272727;} .woocommerce-cart .elementor-element.cartblock table.cart td.actions .coupon input[type="text"], .woocommerce-cart .elementor-element.cartblock .cart-collaterals form.woocommerce-coupon-form .coupon.under-proceed > input[type="text"]{font:500 16px 'Poppins', sans-serif; color: #292929; height: 54px; padding: 6px 20px; background-color: #fff;border: 1px solid #e1e3e3; border-radius: 5px; box-shadow: none !important; letter-spacing: normal; text-shadow:none;outline: none; background-image: none; width: 100%; max-width: 240px;} .woocommerce-cart .elementor-element.cartblock table.cart td.product-remove > a{width: 24px; height: 22px; overflow: hidden; text-indent: 99px; background: url(images/cart-remove.jpg) no-repeat center center; margin-left: auto; margin-right: auto; border-radius: 0;} .woocommerce-cart .elementor-element.cartblock .cart_totals{ padding:0px; max-width: 640px; background-color: transparent; } .woocommerce-cart .elementor-element.cartblock .cart_totals > h2{display: none;} .woocommerce-cart .elementor-element.cartblock .cart_totals .wc-proceed-to-checkout{ padding: 0; text-align: right; } .woocommerce-cart .elementor-element.cartblock .cart_totals .wc-proceed-to-checkout a.checkout-button{ display: inline-block; font:700 16px 'Roboto', sans-serif; color: #fff; padding: 17px 34px; background-color: #1C75BC;border: none; border-radius: 5px; box-shadow: none !important; text-shadow:none;outline: none; background-image: none; text-transform: uppercase; margin-bottom: 0; } .woocommerce-cart .elementor-element.cartblock .cart_totals .wc-proceed-to-checkout a.checkout-button:hover{ background-color: #474646; } .woocommerce-cart .elementor-element.cartblock .cart_totals .wc-proceed-to-checkout a.checkout-button.shopping-button{background-color: #464647; margin-right: 27px;} .woocommerce-cart .elementor-element.cartblock .cart_totals .wc-proceed-to-checkout a.checkout-button.shopping-button:hover{ background-color: #0857a0; } .woocommerce-cart .elementor-element.cartblock .cart_totals table.shop_table{ border: none; border-radius: 0; margin-bottom: 12px; } .woocommerce-cart .elementor-element.cartblock .cart_totals table.shop_table tr th, .woocommerce-cart .elementor-element.cartblock .cart_totals table.shop_table tr td{font:500 20px/22px 'Poppins', sans-serif; color: #0e0e0e; border: none;text-transform: uppercase;padding: 13px 0;} .woocommerce-cart .elementor-element.cartblock .cart_totals table.shop_table tr td{ text-align: right;border: none;} .woocommerce-cart .elementor-element.cartblock .cart_totals table.shop_table tr:not(:first-child) > th, .woocommerce-cart .elementor-element.cartblock .cart_totals table.shop_table tr:not(:first-child) > td{ border-top: 1px solid #e2e2e2; } /* Checkout Page ----------------------------------*/ .checkout_container{ padding: 0; } .checkout_container .col-1, .checkout_container .col-2{flex: none; max-width: none; padding-left: 0; padding-right: 0;} .checkout_container form .form-row{ display: block; padding: 0; margin-bottom: 15px; } .checkout_container #customer_details .woocommerce-billing-fields > h3, .checkout_container #customer_details .woocommerce-additional-fields > h3, .checkout_container form.woocommerce-checkout h3#order_review_heading{font:700 24px/32px 'Roboto'; color: #3e3e3e;padding:0; margin:0px 0 14px; text-transform: uppercase;} .checkout_container form.woocommerce-checkout h3#order_review_heading{margin:0 0 34px;} .checkout_container .woocommerce form .form-row label{font:400 16px/22px 'Poppins', sans-serif; color: #2b2a2b;} .checkout_container .woocommerce form .form-row input.input-text{font: 400 15px 'Roboto';color: #2a2a2a;height:55px; padding: 8px 14px; border-radius: 4px;border: 1px solid #cecece;} .checkout_container .woocommerce-checkout-review-order table.shop_table{ padding: 3px; background-color: #f0f0f0;border: none; border-radius: 0; margin-bottom: 12px;} .checkout_container .woocommerce-checkout-review-order table.shop_table thead tr th, .checkout_container .woocommerce-checkout-review-order table.shop_table tfoot tr.cart-subtotal th, .checkout_container .woocommerce-checkout-review-order table.shop_table tfoot tr.order-total th{font:500 18px/22px 'Roboto'; color: #383838; border: none;} .checkout_container .woocommerce-checkout-review-order table.shop_table thead tr th:last-child, .checkout_container .woocommerce-checkout-review-order table.shop_table tr.cart_item td:last-child, .checkout_container .woocommerce-checkout-review-order table.shop_table tfoot tr.cart-subtotal td:last-child, .checkout_container .woocommerce-checkout-review-order table.shop_table tfoot tr.order-total td:last-child{ text-align: right; } .checkout_container .woocommerce-checkout-review-order table.shop_table tr.cart_item td, .checkout_container .woocommerce-checkout-review-order table.shop_table tfoot tr.cart-subtotal td, .checkout_container .woocommerce-checkout-review-order table.shop_table tfoot tr.order-total td{font:400 18px/22px 'Roboto'; color: #383838; border: none;} .checkout_container #payment{font:400 16px/22px 'Roboto'; color: #383838; border-radius: 0;} .checkout_container #payment .woocommerce-privacy-policy-text p{ font-size: 14px; } .checkout_container #payment .woocommerce-privacy-policy-text p a{color: #b91d27; text-decoration: none;} .checkout_container #payment .place-order button.button{font:500 18px 'Poppins', sans-serif; color: #fff; padding: 12px 74px; background-color: #84ca45;border: none; border-radius: 4px; box-shadow: none !important; text-shadow:none;outline: none; background-image: none; text-transform: uppercase; margin-top: 12px;} .checkout_container #payment .place-order button.button:hover{background-color: #272727;} /* Login/Register Page ----------------------------------*/ .elementor-element.accountblock #customer_login, .elementor-element.accountblock .woocommerce form.lost_reset_password{background-color: #fff;border-radius: 50px;border: 1px solid #d4d4d4;-webkit-box-shadow: 0 0 24px 5px rgba(109,111,111,0.75);box-shadow: 0 0 24px 5px rgba(109,111,111,0.75);padding: 50px 36px; margin: 75px auto; width: 100%; max-width: 925px;} .elementor-element.accountblock .woocommerce form.lost_reset_password{display: block;max-width: 625px;} .elementor-element.accountblock #customer_login .col-1, .elementor-element.accountblock #customer_login .col-2{flex: unset;max-width: none;width: 50%;} .elementor-element.accountblock .woocommerce #customer_login form.login, .elementor-element.accountblock .woocommerce #customer_login form.register{border: none;padding: 0; margin: 0;border-radius: 0;} .elementor-element.accountblock .woocommerce #customer_login form.login .form-row, .elementor-element.accountblock .woocommerce #customer_login form.register .form-row{padding: 0;margin: 0 0 19px;} .elementor-element.accountblock .woocommerce #customer_login form .form-row input.input-text{width: auto;} .elementor-element.accountblock .woocommerce #customer_login form .form-row, .elementor-element.accountblock .woocommerce form.lost_reset_password > p.form-row{align-items: center;justify-content: flex-start;column-gap: 10px;} .elementor-element.accountblock .woocommerce #customer_login form.login .form-row::before, .elementor-element.accountblock .woocommerce #customer_login form.register .form-row::before, .elementor-element.accountblock .woocommerce #customer_login form.login .form-row::after, .elementor-element.accountblock .woocommerce #customer_login form.register .form-row::after, .elementor-element.accountblock .woocommerce form.lost_reset_password > p.form-row::before, .elementor-element.accountblock .woocommerce form.lost_reset_password > p.form-row::after{display: none;} .elementor-element.accountblock .woocommerce #customer_login form.login .form-row > label:not(.woocommerce-form-login__rememberme), .elementor-element.accountblock .woocommerce #customer_login form.register .form-row > label, .elementor-element.accountblock .woocommerce form.lost_reset_password > p.form-row > label{flex:0 0 calc(20% - 5px);max-width:calc(20% - 5px);font:400 13px/18px 'Roboto'; color: #434343;} .elementor-element.accountblock .woocommerce #customer_login form.login .form-row > input.input-text, .elementor-element.accountblock .woocommerce #customer_login form.login .form-row > .password-input, .elementor-element.accountblock .woocommerce #customer_login form.login .form-row > .woocommerce-LostPassword, .elementor-element.accountblock .woocommerce #customer_login form.register .form-row > input.input-text, .elementor-element.accountblock .woocommerce #customer_login form.register .form-row > .password-input, .elementor-element.accountblock .woocommerce #customer_login .woocommerce-privacy-policy-text .policy-form-row > p, .elementor-element.accountblock .woocommerce form.lost_reset_password > p.form-row > input.input-text{flex:0 0 calc(80% - 5px);max-width:calc(80% - 5px);} .elementor-element.accountblock .woocommerce #customer_login .col-1 > h2, .elementor-element.accountblock .woocommerce #customer_login .col-2 > h2{margin: 0 0 33px;padding: 0;font:500 18px/22px 'Roboto'; color: #393939; } .elementor-element.accountblock .woocommerce #customer_login form.login .form-row input.input-text, .elementor-element.accountblock .woocommerce #customer_login form.register .form-row input.input-text, .elementor-element.accountblock .woocommerce form.lost_reset_password > p.form-row > input.input-text{font: 400 15px 'Roboto';color: #2a2a2a;height:34px; padding: 8px 14px;border: 1px solid rgba(115,115,115,0.5); border-radius: 0; box-shadow: none;text-shadow: none;} .elementor-element.accountblock .woocommerce #customer_login button.woocommerce-form-login__submit, .elementor-element.accountblock .woocommerce #customer_login button.woocommerce-form-register__submit, .elementor-element.accountblock .woocommerce form.lost_reset_password > p.form-row > button.button{font:700 18px 'Roboto', sans-serif; color: #fff; padding: 7px 17px; background-color: #272727;border: none; border-radius: 25px; box-shadow: none; letter-spacing: normal; text-shadow:none;outline: none; background-image: none; text-transform: uppercase;} .elementor-element.accountblock .woocommerce #customer_login button.woocommerce-form-login__submit:hover, .elementor-element.accountblock .woocommerce #customer_login button.woocommerce-form-register__submit:hover, .elementor-element.accountblock .woocommerce form.lost_reset_password > p.form-row > button.button:hover{background-color: #1C75BC;} .elementor-element.accountblock .woocommerce #customer_login .woocommerce-privacy-policy-text .policy-form-row > p, .elementor-element.accountblock .woocommerce #customer_login p.lost_password{font:400 13px/18px 'Roboto'; color: #434343; text-align: justify;} .elementor-element.accountblock .woocommerce #customer_login p.lost_password{text-align: left;} .elementor-element.accountblock .woocommerce #customer_login .woocommerce-privacy-policy-text .policy-form-row > p > a, .elementor-element.accountblock .woocommerce #customer_login p.lost_password > a{color: #1C75BC; text-decoration: none;} .elementor-element.accountblock .woocommerce form.lost_reset_password > p:not(.form-row){font:400 15px/20px 'Roboto'; color: #434343;margin: 0 0 18px; padding: 0;} .elementor-element.accountblock .woocommerce form.lost_reset_password > p.form-row{float: none;width: 100%;} .elementor-element.accountblock .woocommerce.dashboard_panel{display: flex;column-gap:4%;flex-direction: row;justify-content: flex-start;align-items: stretch;background-color: #efefef;} .elementor-element.accountblock .woocommerce.dashboard_panel .woocommerce-MyAccount-navigation{flex: 0 0 24%; max-width: 24%;float: none;background-color: #202020;padding: 70px 0;position: relative;} .elementor-element.accountblock .woocommerce.dashboard_panel .woocommerce-MyAccount-content{flex: 0 0 72%; max-width: 72%;float: none;padding: 40px 40px 40px 0;} .elementor-element.accountblock .woocommerce.dashboard_panel::before, .elementor-element.accountblock .woocommerce.dashboard_panel::after{display: none;} .elementor-element.accountblock .woocommerce.dashboard_panel .woocommerce-MyAccount-navigation::before, .elementor-element.accountblock .woocommerce.dashboard_panel .woocommerce-MyAccount-navigation::after{display: block;content: '';width: 108px; height: 65px;position: absolute;left: 0; top: 0;background: url(images/texture-topleft.png) no-repeat left top; background-size: cover;} .elementor-element.accountblock .woocommerce.dashboard_panel .woocommerce-MyAccount-navigation::after{width:70px;background: url(images/texture-bottomright.png) no-repeat right bottom; background-size: cover;left: auto; top: auto;bottom: 0; right: 0;} .elementor-element.accountblock .woocommerce .woocommerce-MyAccount-content p{font:400 15px/20px 'Roboto'; color: #434343;margin: 0 0 8px; padding: 0;} .elementor-element.accountblock .woocommerce .woocommerce-MyAccount-content p a{text-decoration: none;color: #f10202;} .elementor-element.accountblock .woocommerce .woocommerce-MyAccount-content p > strong, .elementor-element.accountblock .woocommerce .woocommerce-MyAccount-content p > b{font-weight: 700;} .elementor-element.accountblock .woocommerce .woocommerce-MyAccount-content p.form-row{flex-direction: column;} .elementor-element.accountblock .woocommerce .woocommerce-MyAccount-content p.form-row label{font: 400 13px/18px 'Roboto';color: #434343;} .elementor-element.accountblock .woocommerce .woocommerce-MyAccount-content p.form-row input.input-text{font: 400 15px 'Roboto';color: #2a2a2a;height:34px; padding: 8px 14px;border: 1px solid rgba(115,115,115,0.5); border-radius: 0; box-shadow: none;text-shadow: none;} .elementor-element.accountblock .woocommerce .woocommerce-MyAccount-content fieldset{display: block;margin-top: 33px;} .elementor-element.accountblock .woocommerce .woocommerce-MyAccount-content fieldset > legend{margin:0 0 13px;padding: 0;font:500 18px/22px 'Roboto'; color: #393939;} .elementor-element.accountblock .woocommerce .woocommerce-MyAccount-content button.button{font:700 18px 'Roboto', sans-serif; color: #fff; padding: 7px 17px; background-color: #272727;border: none; border-radius: 25px; box-shadow: none; letter-spacing: normal; text-shadow:none;outline: none; background-image: none; text-transform: uppercase;} .elementor-element.accountblock .woocommerce .woocommerce-MyAccount-content button.button:hover{background-color: #f10202;} .elementor-element.accountblock .woocommerce.dashboard_panel .woocommerce-MyAccount-navigation > ul{position: relative;z-index: 1;} .elementor-element.accountblock .woocommerce.dashboard_panel .woocommerce-MyAccount-navigation > ul > li{font:400 18px/22px 'Roboto'; color: #fff;} .elementor-element.accountblock .woocommerce.dashboard_panel .woocommerce-MyAccount-navigation > ul > li:not(:last-child){margin-bottom: 1px;} .elementor-element.accountblock .woocommerce.dashboard_panel .woocommerce-MyAccount-navigation > ul > li > a{text-decoration: none;color: #fff;display: block;padding: 6px 0 6px 35px;} .elementor-element.accountblock .woocommerce.dashboard_panel .woocommerce-MyAccount-navigation > ul > li > a:hover, .elementor-element.accountblock .woocommerce.dashboard_panel .woocommerce-MyAccount-navigation > ul > li.woocommerce-MyAccount-navigation-link.is-active > a{background-color: #f10202;} /* Responsive ----------------------------------*/ @media (min-width: 1230px) { .container{max-width: 1200px;} } @media (min-width: 992px) and (max-width: 1199px) { } @media (min-width: 768px) and (max-width: 991px) { } @media (min-width: 768px) { .woocommerce ul.products li.product:not(.last){ margin-right: 1.6%; } .woocommerce ul.products li.product{margin-bottom: 26px; width: 23.8% !important; } .single-product .singleproduct_wrapper .product_innerwrapper{padding-top: 35px; } .single-product .singleproduct_wrapper div.product div.images{ width: 46%; } .single-product .singleproduct_wrapper div.product div.summary{ width: 47%; margin-left: auto; } .woocommerce-cart .elementor-element.cartblock table.cart th.product-thumbnail{ width: 16%; } .woocommerce-cart .elementor-element.cartblock table.cart th.product-name{ width: 22%; } .woocommerce-cart .elementor-element.cartblock table.cart th.product-price{ width: 20%; } .woocommerce-cart .elementor-element.cartblock table.cart th.product-quantity{ width: 18%; } .woocommerce-cart .elementor-element.cartblock table.cart th.product-subtotal{ width: 18%; } .woocommerce-cart .elementor-element.cartblock table.cart th.product-remove{ width: 6%; } .checkout_container #customer_details .col-1, .checkout_container #customer_details .col-2{ float: none; width: 100%;} .checkout_container .woocommerce form.woocommerce-checkout{ display: flex; column-gap: 45px; } .checkout_container .woocommerce form.woocommerce-checkout > #customer_details, .checkout_container .woocommerce form.woocommerce-checkout > .product_checkoutwrapper{ flex: 0 0 calc(50% - 45px * 1/2); max-width: calc(50% - 45px * 1/2); } .elementor-column.newsletterform::before{content: ''; width: 1px; left: -50px; top: 0; bottom: 0;background-color: #aaabac; position: absolute;} div.coupon:not(.under-proceed){ display: none !important; } } @media (max-width: 767px) { div.coupon.under-proceed{ display: none !important; } } @media (min-width: 580px) and (max-width: 767px) { } @media (min-width: 401px) and (max-width: 579px) { } @media (max-width: 400px) { } /* responsive */ @media screen and (max-width: 1299px){ } @media screen and (max-width: 1199px){ } @media screen and (max-width: 1024px){ } @media screen and (max-width: 991px){ } @media screen and (max-width: 767px){ /* ---- footer-top-section start ---- */ .footer-top-section .hfe-nav-menu .menu-item .hfe-menu-item::after{top: 6px;} /* ---- footer-top-section end ---- */ /* ---- header-section start ---- */ .header-section .elementor-column:nth-child(1){order:1;} .header-section .elementor-column:nth-child(2){order:3;} .header-section .elementor-column:nth-child(3){order:2;} /* ---- header-section end ---- */ /* ---- contact-form-section start ---- */ .contact-form-section::after{width: 50px;height: 122px;left: 3%;top: 25px;} .contact-details-section::after{width: 50px;height: 122px;right: 3%;bottom: 30px;} /* ---- contact-form-section end ---- */ /* ---- home-banner-section start ---- */ .home-banner-section h3 span{font-size: 36px !important;} .home-banner-section h3{color:#fff !important;right: 0px;bottom: -80px;} /* ---- home-banner-section end ---- */ /* ---- single-product start ---- */ .single-product .singleproduct_wrapper .product_innerwrapper{padding-top: 40px;} .single-product .singleproduct_wrapper div.product div.images .woocommerce-product-gallery__image{margin: 10px 5px;} /* ---- single-product end ---- */ } @media screen and (max-width: 575px){ /* ---- footer-top-section start ---- */ .footer-top-section .elementor-column{width:100% !important;} /* ---- footer-top-section end ---- */ /* ---- contact-form-section start ---- */ .contact-form-section .contact-form-details .col-md-6, .contact-form-section .contact-form-details .col-md-12{padding: 8px 12px;} .contact-form-section .contact-form-details .form-control{height: 56px;} .contact-form-section .contact-form-details .wpcf7-textarea {padding-top: 11px;height: 90px;} .contact-form-section .contact-form-details input[type="submit"]{padding: 15px 32px 15px 32px;font: 600 16px/19px 'Roboto';} .contact-details-section .elementor-column{width:100% !important;} /* ---- contact-form-section end ---- */ /* ---- home_featured_products start ---- */ .woocommerce ul.products li.product .product_block a h2.woocommerce-loop-product__title{font: 500 17px/19px 'Roboto';margin: 16px 0 6px;} .woocommerce ul.products li.product .product_block .price{font: 500 15px/17px 'Roboto'; margin: 0 0 14px;} .woocommerce ul.products li.product .product_block a.add_to_cart_button, .woocommerce ul.products li.product .product_block a.add_to_cart_button:hover, .woocommerce ul.products li.product .product_block a.add_to_cart_button:active, .woocommerce ul.products li.product .product_block a.add_to_cart_button:focus{ font: 500 13px 'Roboto';padding: 10px 19px;} .home_featured_products .products .product,.home_best_selling .products .product{margin: 0 0px 25px !important;} .related.products ul .product{margin: 0 0 25px !important;} .products .product{margin: 0 0 25px !important;} /* ---- home_featured_products end ---- */ /* ---- chose-products-section start ---- */ .chose-products-section .elementor-column{width:100% !important;} /* ---- chose-products-section end ---- */ /* ---- single-product start ---- */ .single-product .singleproduct_wrapper div.product .summary h1.product_title{font: 700 30px/32px 'Teko', sans-serif;} .single-product .singleproduct_wrapper div.product .summary p.price {font: 700 22px/26px 'Roboto';} .single-product .singleproduct_wrapper div.product .summary .woocommerce-product-details__short-description p{font: 400 14px/23px 'Roboto';} .single-product .singleproduct_wrapper div.product .woocommerce-tabs {margin-top: 0;} .single-product .singleproduct_wrapper div.product .woocommerce-tabs ul.tabs li a{font: 700 16px/18px 'Titillium Web', sans-serif;} .single-product .singleproduct_wrapper div.product .woocommerce-tabs ul.tabs li{padding: 0 20px;} .single-product .singleproduct_wrapper div.product .woocommerce-tabs .woocommerce-Tabs-panel p{font: 400 14px/23px 'Roboto';} .singleproduct_wrapper .related.products > h2{font: 700 34px/36px 'Teko', sans-serif;margin: 0 0 15px;} /* ---- single-product end ---- */ /* ---- cart start ---- */ .woocommerce-cart .elementor-element.cartblock table.cart td.actions .coupon input[type="text"], .woocommerce-cart .elementor-element.cartblock .cart-collaterals form.woocommerce-coupon-form .coupon.under-proceed > input[type="text"]{max-width: 100%;font: 500 14px 'Poppins', sans-serif;height: 48px px;} .woocommerce-cart .elementor-element.cartblock table.cart td.actions button.button, .woocommerce-cart .elementor-element.cartblock .cart-collaterals form.woocommerce-coupon-form .coupon.under-proceed > button.button{font: 700 15px 'Roboto', sans-serif;padding: 14px 20px;float: left;margin-top: 10px;} .woocommerce-cart .elementor-element.cartblock .cart_totals .wc-proceed-to-checkout a.checkout-button {font: 699 15px 'Roboto', sans-serif;padding: 14px 28px;} /* ---- cart end ---- */ /* ---- accountblock start ---- */ .elementor-element.accountblock #customer_login .col-1, .elementor-element.accountblock #customer_login .col-2 {width: 100%;} .elementor-element.accountblock #customer_login, .elementor-element.accountblock .woocommerce form.lost_reset_password {padding: 25px 0px;margin: 15px auto;} .elementor-element.accountblock .woocommerce form.lost_reset_password > p:not(.form-row) {font: 400 14px/20px 'Roboto';} /* ---- accountblock end ---- */ } @media screen and (max-width: 400px){ }