:root { --primary:#ffc300; --primary-dark:#967404; --dark:#03183e; --light:#fff; --text-dark:#03183e; --text-light:#fff; } body { font-family:'Open Sans', sans-serif; font-size:14px; font-weight:400; line-height:1.7; color:var(--text-dark); background:#f7f4f2; } p { font-size:14px; font-weight:400; margin:0 0 10px; } .text-primary { color:var(--primary)!important; } .top-bar { padding:12px 0; background:#020217; } .top-bar a { color:var(--text-light); font-size:13px; font-weight:600; } .top-bar a:hover { color:var(--light) !important;} .top-bar a svg { margin-right:5px; } .top-bar a.mail { float:right; } .header { padding:15px 0 15px; background:var(--dark); } .header .logo { background:url(../images/logo.png) no-repeat; width:100%; height:80px; display:block; background-size:contain; } .smllogo .logo { background:url(../images/logo.png) no-repeat; width:100%; height:50px; display:block; background-size:contain; background-position: center; margin-top: 5px; } .header-menu { float:right; margin-bottom:10px; } .header-menu > li { border:0; line-height:normal; padding:0; display:inline-block; border-right:1px solid #ddd; } .header-menu > li:last-child { border-right:0px; } .header-menu > li a { -webkit-transition:all .4s ease-out 0s; -o-transition:all .4s ease-out 0s; transition:all .4s ease-out 0s; font-size:13px; color:#777; padding:0 10px; } .header-menu > li:hover > a { color:var(--primary); -webkit-transition:all .3s ease-out 0s; -o-transition:all .3s ease-out 0s; transition:all .3s ease-out 0s } .header .search-block { width:100%; margin-top:20px; } .header .search-block .input-group { position:relative; } .header .search-block .mic { position:absolute; top:50%; transform:translateY(-50%); right:60px; color:var(--primary-dark); font-size:18px; z-index:9; } .header .search-block .mic i { color:var(--primary-dark); } .cart-block { width:100%; display:flex; justify-content:flex-end; align-items:center; height:80px; } .cart-block .prof { font-size:16px; color:var(--text-dark); margin-right:30px; } .cart-block .prof svg { margin-right:6px; } .headeradd { position:absolute; right:0px; font-size:14px; color:var(--primary); margin-top:2px; } .headeradd i { font-size:20px; line-height:25px; color:var(--text-dark); margin-right:5px; } .testimonials-details li { margin-bottom:40px; padding-bottom:30px; border-bottom:1px dashed #ddd; } .testimonial .testimonial-content { padding:35px 25px 35px 50px; margin-bottom:10px; background:#f0f0f0; border:1px solid #f0f0f0; position:relative; } .testimonial .testimonial-content:after { content:""; display:inline-block; width:20px; height:20px; background:#f0f0f0; position:absolute; bottom:-10px; left:22px; transform:rotate(45deg); } .testimonial-content .testimonial-icon { width:50px; height:45px; background:var(--primary); text-align:center; font-size:22px; color:var(--text-light); line-height:42px; position:absolute; top:20px; left:-19px; } .testimonial-content .testimonial-icon i { line-height:45px; } .testimonial-content .testimonial-icon:before { content:""; border-bottom:16px solid var(--primary); border-left:18px solid transparent; position:absolute; top:-16px; left:1px; } .testimonial .description { font-size:15px; font-style:italic; color:var(--text-dark); line-height:23px; margin:0; } .testimonial .title { display:block; font-size:16px; font-weight:700; color:var(--text-dark); text-transform:capitalize; letter-spacing:1px; margin:0 0 2px 0; line-height:70px; } .testimonial .Tpic { float:left; margin-right:15px; margin-top:10px; width:70px; height:60px; } .testimonial .Tpic img { width:100%; } .testimonial .post { display:block; font-size:14px; color:var(--primary); line-height:20px; } .header .header-search-form { background:var(--light); margin:0px auto 0; border-radius:3px; overflow:hidden; transition:all .3s ease; z-index:10; } .header .input-group { position:relative; display:table; border-collapse:separate; } .header .input-search { position:relative; z-index:2; float:left; width:100%; margin-bottom:0; padding-left:20px; padding-right:40px; background-color:transparent; border:0; height:44px; font-size:14px; } .header .button-group { padding-left:0; padding-right:0; padding:0; border:0; background-color:transparent; border-radius:0!important; overflow:hidden!important; font-size:14px; font-weight:400; line-height:1; text-align:center; width:1%; white-space:nowrap; vertical-align:middle; display:table-cell; } .header .button-search { font-size:13px!important; text-transform:uppercase; font-weight:700; letter-spacing:0; color:var(--light); background:var(--primary); border-radius:0; width:auto!important; height:45px!important; padding:0 15px!important; border:1px solid var(--primary-dark); text-align:center; vertical-align:middle; cursor:pointer; background-image:none; } .header .button-search i { line-height:20px; margin-right:5px; } .header .button-search:hover { background-color:#fff!important; color:var(--primary)!important; } .account { float:left; margin:13px 10px 0 0; } .account a { font-size:14px; color:#555; line-height:22px; padding:8px 15px; border:1px solid var(--primary); background:var(--light); border-radius:3px; } dropdown { display:block; margin-right:30px; } dropdown label { color:var(--text-dark); cursor:pointer; } dropdown label, dropdown ul li a { display:block; padding:10px 20px; color:var(--light); } dropdown ul li a:hover { color:var(--primary-dark); } dropdown label { border-radius:3px; position:relative; z-index:2; } dropdown .animate i, dropdown .animate svg { line-height:24px; margin-right:10px; font-size:18px; color:var(--light); } dropdown input { display:none; } dropdown input ~ ul { position:absolute; visibility:hidden; opacity:0; z-index:10; } dropdown input:checked + label { background:var(--primary); color:var(--light); } dropdown input:checked ~ ul { visibility:visible; opacity:1; top:auto; width:130px; background: var(--primary-dark); } dropdown label { display:flex; align-items:center; } dropdown .animate { -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -ms-transition:all .3s; transition:all .3s; backface-visibility:hidden; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; } .navbar .dropdown-menu div[class*="col"] { margin-bottom:1rem; } dropdown .animate li a { display:flex; justify-content:start; align-items:center; padding:10px 20px; } dropdown .animate li a:hover { color:var(--text-light) !important; } .navbar .dropdown-menu { border:none; background-color:red!important; } input#pincode { width:100%; background:rgba(255,255,255,0.9); border:1px solid #ddd; padding:11px 22px; font-size:15px; border-radius:3px; box-sizing:border-box; } @media screen and (min-width:992px) { .navbar { padding-top:0px; padding-bottom:0px; } .navbar .nav-item { padding:.5rem .5rem; margin:0 .25rem; } .navbar .dropdown { position:static; } .navbar .dropdown-menu { width:100%; left:0; right:0; top:45px; } .navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover { display:block!important; } .navbar .dropdown-menu { border:1px solid rgba(0,0,0,0.15); background-color:#fff; } } .cart-section { float:right; } .cart-section .cart-wishlist { position:relative; } .cart-section .cart-wishlist .dropdown .cart-icon { position:relative; font-size:22px; text-align:left; line-height:normal; color:var(--light); } .cart-section .cart-wishlist .dropdown .cart-icon i { line-height:40px; color:var(--light); } .cart-section .cart-wishlist .dropdown .cart-icon .mini-cart-items { display: inline-block; padding: 0; background-color: #16722a; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; text-align: center; color: #fff; font-size: 11px; position: absolute; content: ""; right: 0; left: auto; top: -5px; font-weight: 600; min-width: 22px; line-height: 17px; border: 2px solid #fff; -moz-box-shadow: 0 3px 5px rgba(0,0,0, .2); -webkit-box-shadow: 0 3px 5px rgba(0,0,0, .2); box-shadow: 0 3px 5px rgba(0,0,0, .2); } .cart-section .cart-wishlist .dropdown .mini-cart { line-height:1; color:var(--light); position:relative; padding-left:5px; padding-right:0; display:inline-block; } .cart-section .cart-wishlist .dropdown .mini-cart .sub-title { font-size:13px; line-height:1; color:var(--light); font-weight:500; } .cart-section .cart-wishlist .dropdown .mini-cart .sub-title i { line-height:25px; margin-left:4px; } .cart-section .cart-wishlist .dropdown .mini-cart .mini-cart-subtotal { display:block; font-size:13px; line-height:1; margin-top:3px; font-weight:700; color:var(--primary); line-height:11px; } .dropdown-toggle:after { display:none; } .badge { background:var(--primary); border-radius:10px; color:white; display:inline-block; font-size:12px; line-height:1; padding:3px 7px; text-align:center; vertical-align:middle; white-space:nowrap; position:relative; } .shopping-cart { margin:0; top:100%; float:right; min-width:45%; background:var(--light); position:absolute; border-radius:3px; padding:20px; display:none; z-index:99; box-shadow:2px 2px 5px rgba(0,0,0,0.3); } .shopping-cart .shopping-cart-header { border-bottom:1px solid #E8E8E8; padding-bottom:15px; } .shopping-cart .shopping-cart-header i { font-size:20px; } .shopping-cart .shopping-cart-header .shopping-cart-total { float:right; font-size:15px; } .shopping-cart-items { max-height:300px; overflow-y:auto; margin-bottom:15px; } .shopping-cart-items li { padding:10px 5px; } .shopping-cart-items li:nth-child(odd) { background:#f7f7f7; } .shopping-cart-items li img { width:90px; float:left; margin-right:12px; mix-blend-mode:multiply; } .item-name { display:block; font-size:16px; color:var(--text-dark); } .item-price { color:var(--primary); font-weight:600; font-size:13px; margin-right:8px; } .item-quantity { width:130px; display:inline-block; font-weight:600; color:var(--primary); } .item-quantity span { margin-right:5px; } .item-quantity select { width:60px; height:24px; display:block; border:1px solid var(--primary); padding:3px 10px; } .item-delete a { background:#f00; padding:3px 15px; font-size:13px; color:var(--text-light); } .item-delete a:hover { background:var(--light); border:1px solid var(--primary); color:var(--primary); } .shopping-cart:after { bottom:100%; left:75%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; border-bottom-color:#f5f5f5; border-width:10px; } #scrollbar::-webkit-scrollbar-track { -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3); background-color:#F5F5F5; } #scrollbar::-webkit-scrollbar { width:6px; background-color:#F5F5F5; } #scrollbar::-webkit-scrollbar-thumb { background-color:var(--primary); } .nav-menu { border-top:1px solid #fafafa; background:#fafafa; } .Banner-section img { width:100%; } .Banner-section .carousel-item { opacity:0; transition-duration:1s; transition-property:opacity; } .Banner-section .carousel-item.active, .Banner-section .carousel-item-next.carousel-item-left, .Banner-section .carousel-item-prev.carousel-item-right { opacity:1; } .Banner-section .active.carousel-item-left, .Banner-section .active.carousel-item-right { opacity:0; } .Banner-section .carousel-item-next, .Banner-section .carousel-item-prev, .Banner-section .carousel-item.active, .Banner-section .active.carousel-item-left, .Banner-section .active.carousel-item-prev { transform:translateX(0); transform:translate3d(0, 0, 0); } .text-heading { padding:15px 0px; margin-bottom:20px; text-align:center; } .text-heading .txt1 { color:var(--text-dark); font-size:25px; font-weight:300; line-break:normal; } .text-heading .txt1 strong, .text-heading .txt2 strong { font-weight:700; } .text-heading .txt2 { font-size:14px; font-weight:500; } .text-heading .txt1 .TBtn { float:right; padding:7px 10px; background:var(--light); color:var(--dark); font-size:14px; border-radius:3px; } .text-heading .txt1 .TBtn:hover { background:var(--primary); color:#fff!important; } .position-img { overflow:visible!important; position:absolute; } .position-img .img-position > * { float:left } .position-img .position-img-left { position:absolute!important; z-index:1; right:auto; left:-15px; transform:translate(0,-25%) } .position-img .position-img-right { position:absolute!important; z-index:1; right:-15px; left:auto; transform:translate(0,-55%) } .position-img .img-position { position:relative } .position-img .position-img-left .vc_single_image-wrapper:hover, .position-img .position-img-right .vc_single_image-wrapper:hover { box-shadow:none!important } .Product-section { margin-top:20px; margin-bottom:40px; } .tab-content>.active.Plist, .Plist { text-align:center; display:flex; flex-wrap:wrap; } .Plist li { width:25%; display:block; } .Plist .item { width:auto; display:block; } .widget-categoriestabs ul.nav-tabs, .widget_deals_products ul.nav-tabs, .widget-product-tabs ul.nav-tabs { margin-bottom:30px!important; border:0; text-align:center; margin:0 auto; border-bottom:1px solid #eee; display:table } .widget_deals_products ul.nav-tabs > li, .widget-product-tabs ul.nav-tabs > li { padding:0 5px; position:relative; float:none; display:inline-block; padding-bottom:20px; min-width:107px } .widget-categoriestabs ul.nav-tabs > li { padding:0; position:relative; float:none; display:inline-block; } .widget_deals_products ul.nav-tabs > li:hover, .widget-product-tabs ul.nav-tabs > li:hover { border-bottom:1px solid var(--primary) } .widget-categoriestabs ul.nav-tabs > li:hover a, .widget_deals_products ul.nav-tabs > li:hover a, .widget-product-tabs ul.nav-tabs > li:hover a { color:var(--primary) } .widget-categoriestabs ul.nav-tabs > li:hover a i, .widget_deals_products ul.nav-tabs > li:hover a i, .widget-product-tabs ul.nav-tabs > li:hover a i { color:var(--primary) } .widget-categoriestabs ul.nav-tabs > li > a, .widget_deals_products ul.nav-tabs > li > a, .widget-product-tabs ul.nav-tabs > li > a { font-size:14px; font-weight:500; padding:0 3px; letter-spacing:.5px; border-radius:0; color:var(--text-dark); position:relative; background-color:transparent; border:0; display:block; } .widget-categoriestabs ul.nav-tabs > li > a { display:block; padding:5px 15px; border-bottom:2px solid transparent; } .widget-categoriestabs ul.nav-tabs > li > a.no-icon, .widget_deals_products ul.nav-tabs > li > a.no-icon, .widget-product-tabs ul.nav-tabs > li > a.no-icon { padding-top:45px } .widget-categoriestabs ul.nav-tabs > li > a i, .widget_deals_products ul.nav-tabs > li > a i, .widget-product-tabs ul.nav-tabs > li > a i { display:block; font-size:35px; color:#cacaca; margin-bottom:10px } .widget-categoriestabs ul.nav-tabs > li > a img, .widget_deals_products ul.nav-tabs > li > a img, .widget-product-tabs ul.nav-tabs > li > a img { max-height:35px; margin-bottom:10px!important; display:table; margin:0 auto; } .widget-categoriestabs ul.nav-tabs > li a.active, .widget_deals_products ul.nav-tabs > li.active, .widget-product-tabs ul.nav-tabs > li.active { border-bottom:1px solid var(--primary) } .widget-categoriestabs ul.nav-tabs > li > a.active, .widget_deals_products ul.nav-tabs > li.active > a, .widget-product-tabs ul.nav-tabs > li.active > a { color:var(--primary); } .widget-categoriestabs ul.nav-tabs > li > a.active { color:var(--primary); border-bottom:2px solid var(--primary); } .widget-categoriestabs ul.nav-tabs > li.active > a i, .widget_deals_products ul.nav-tabs > li.active > a i, .widget-product-tabs ul.nav-tabs > li.active > a i { color:var(--primary) } .widget-categoriestabs ul.nav-tabs > li.active > a:hover, .widget-categoriestabs ul.nav-tabs > li.active > a:focus, .widget_deals_products ul.nav-tabs > li.active > a:hover, .widget_deals_products ul.nav-tabs > li.active > a:focus, .widget-product-tabs ul.nav-tabs > li.active > a:hover, .widget-product-tabs ul.nav-tabs > li.active > a:focus { border:0; color:var(--primary); background-color:transparent } .widget-categoriestabs.left .tab-heading, .widget_deals_products.left .tab-heading, .widget-product-tabs.left .tab-heading { text-align:left } .widget-categoriestabs.left ul.nav-tabs, .widget_deals_products.left ul.nav-tabs, .widget-product-tabs.left ul.nav-tabs { display:inline-table; text-align:left } .widget-categoriestabs.left .woocommerce .tab-pane, .widget_deals_products.left .woocommerce .tab-pane, .widget-product-tabs.left .woocommerce .tab-pane { text-align:left } .widget-categoriestabs.right .tab-heading, .widget_deals_products.right .tab-heading, .widget-product-tabs.right .tab-heading { text-align:right } .widget-categoriestabs.right ul.nav-tabs, .widget_deals_products.right ul.nav-tabs, .widget-product-tabs.right ul.nav-tabs { text-align:right; display:inline-table } .widget-categoriestabs.right .widget-content, .widget_deals_products.right .widget-content, .widget-product-tabs.right .widget-content { text-align:right } .widget-categoriestabs.right .woocommerce .tab-pane, .widget_deals_products.right .woocommerce .tab-pane, .widget-product-tabs.right .woocommerce .tab-pane { text-align:right } .widget-special .block-inner .image { margin-bottom:0 } .woocommerce div.product { margin-bottom:0; position:relative; } .product { position:relative; } .woocommerce div.product .product_title { color:var(--text-dark); font-size:24px; font-weight:700; height:auto; margin:0 } .woocommerce p.stars.selected a.active::before, .woocommerce p.stars:hover a::before, .woocommerce p.stars.selected a:not(.active):before { content:'' } .woocommerce div.product p.price ins, .woocommerce div.product span.price ins { font-weight:700; text-decoration:none } .information .cart .add_to_cart_button .fa { padding-left:0; padding-right:5px!important; line-height:22px; color:var(--text-light); } .information .cart .add_to_cart_button:hover .fa { color:var(--primary); } .woocommerce div.product p.price del, .woocommerce div.product span.price del { opacity:1; filter:alpha(opacity=100) } .variations label { font-size:16px; color:var(--text-dark); text-transform:capitalize; margin:5px 0 } .variations .value { padding:0 } .variations tr { margin:0 0 10px } .woocommerce div.product form.cart .group_table .label { padding:.5em; vertical-align:middle; font-size:14px; display:table-cell; text-align:inherit } .woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th { line-height:3em } .woocommerce .order_details { padding:0 } .woocommerce table.shop_table { border-collapse:collapse } .woocommerce table.shop_table.cart { border:0 } .owl-carousel { margin-top:20px; } .owl-carousel .owl-nav { position:absolute; width:100%; left:0px; top:40%; text-align:center; display:inline-block; } .owl-carousel .owl-nav .owl-prev { position:absolute; left:-60px; width:40px; height:40px; border:1px solid #eee!important; outline:0px; } .owl-carousel .owl-nav .owl-next { position:absolute; right:-60px; width:40px; height:40px; border:1px solid #eee!important; outline:0px; } .owl-theme .owl-nav [class*=owl-]:hover { background:var(--primary); color:var(--text-light); text-decoration:none; } .owl-carousel .owl-nav button span { font-size:28px; line-height:20px!important; } .owl-theme .owl-dots { display:none; } .owl-carousel .owl-item img { display:inline-block; width:auto; } #testimonials.owl-carousel .owl-nav { top: 35%; transform: translateY(-50%); } #testimonials.owl-carousel .owl-nav .owl-prev, #testimonials.owl-carousel .owl-nav .owl-next { margin: 0; color: var(--light); } input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button { -webkit-appearance:none; } .number-input { border:1px solid var(--primary); display:inline-flex; border-radius:4px; margin-right:15px; } .number-input, .number-input * { box-sizing:border-box; } .number-input button { outline:none; -webkit-appearance:none; background-color:transparent; border:none; align-items:center; justify-content:center; width:40px; height:42px; cursor:pointer; margin:0; position:relative; } .number-input button:hover { background: var(--primary); } .number-input button:before, .number-input button:after { display:inline-block; position:absolute; content:''; width:10px; height:1px; background:var(--primary); transform:translate(-50%, -50%); } .number-input button:hover:before, .number-input button:hover:after { background:var(--light); } .number-input button.plus:after { transform:translate(-50%, -50%) rotate(90deg); } .number-input input[type=number] { max-width:55px; padding:5px; border:solid var(--primary); border-width:0 1px; height:42px; font-size:16px; font-weight:500; text-align:center; } .woocommerce table.shop_table.cart thead tr th { border:none!important; font-weight:500; color:var(--text-dark); text-align:center } .woocommerce table.shop_table.cart tbody .cart_item .product-thumbnail { text-align:center } .woocommerce table.shop_table.cart tbody .cart_item .product-thumbnail img { width:auto; max-width:100px } .woocommerce-cart .wc-proceed-to-checkout a.checkout-button { display:inline-block; font-size:14px; padding:2px 30px 1px; line-height:36px } .woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce table.shop_table tbody:first-child tr:first-child td, .woocommerce table.shop_table tbody:first-child tr:first-child th,#add_payment_method .cart-collaterals .cart_totals tr td,#add_payment_method .cart-collaterals .cart_totals tr th, .woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce-cart .cart-collaterals .cart_totals tr th, .woocommerce-checkout .cart-collaterals .cart_totals tr td, .woocommerce-checkout .cart-collaterals .cart_totals tr th { border-bottom:0 } .woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text { width:auto; height:40px } @media(min-width:769px) { .Product-list .style-vertical .image-mains span.onsale > span { left:115px } } @media(min-width:769px) { .Product-list .image-mains span.onsale > span { left:25px } } .Product-list span.onsale { background:transparent; position:static; min-width:initial; padding:0 } .Product-list span.onsale > span { background:#157129; color:var(--text-light); font-size:12px; font-weight:400; padding:0 10px; position:absolute; text-align:center; text-transform:none; left:6px; top:6px; line-height:18px; min-height:auto; border-radius:3px; display:inline-block; right:auto; height:18px; z-index:2; min-width:49px } .Product-list span.onsale > span.featured { background:#ffaf00; } .Product-list span.onsale > span.featured.featured-saled { top:38px } .woocommerce .block-save-price { background:#f5f5f5; color:#000; font-size:16px; font-weight:400; padding:0 22px; position:absolute; text-align:center; text-transform:none; left:20px; top:20px; line-height:46px; min-height:auto; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px; z-index:100 } .woocommerce .block-save-price span.price { margin-bottom:0!important; font-size:18px; font-weight:900 } .popup-cart .title-count, .popup-cart .title-add { font-size:20px; margin:0 0 20px } .popup-cart .gr-buttons { margin:50px 0 0 } .popup-cart .title-add { color:#5cb85c } .popup-cart .image img { max-width:100px } .popup-cart .name { margin:30px 0 0 } .popup-cart .widget-product { margin-top:30px } .veg-icon { position:absolute; top:6px; right:6px; width:15px; height:15px; background:url('../images/vegicon.svg'); box-shadow:1px 1px 3px rgba(0,0,0,0.25); } .nonveg-icon { position:absolute; top:6px; right:6px; width:15px; height:15px; background:url('../images/nonvegicon.svg'); box-shadow:1px 1px 3px rgba(0,0,0,0.25); } @media(max-width:767px) { .popup-cart .cart { margin-top:50px; } .popup-cart .gr-buttons { margin:10px 0 0; text-align:center } .popup-cart .gr-buttons .btn, .popup-cart .gr-buttons .button { min-width:70%; margin-top:20px; display:inline-block; float:none!important } } #tbay-cart-modal .btn-close { position:absolute; top:0; right:0; left:auto; z-index:99; background:var(--light); width:30px; height:30px; line-height:26px; text-align:center; display:inline-block } #tbay-cart-modal .modal-content { background:#fff none repeat scroll 0 0; min-width:200px; max-width:100%; margin-top:50%; transform:translate(0,-110px) } #tbay-cart-modal .modal-body { padding:40px } #tbay-cart-modal .name { margin-top:20px; font-size:18px } #tbay-cart-modal .quantity { border:0; font-size:20px } #tbay-cart-modal .woocommerce-Price-amount { color:var(--primary); font-size:20px } #tbay-cart-modal .woocommerce-Price-amount span { margin-left:5px; margin-right:5px } .widget-products .products-grid.product:last-child .product-block.grid { margin:0!important } .product-block .sale-off { background:#f65b47 none repeat scroll 0 0; color:var(--text-light); font-size:12px; font-weight:400; padding:4px 10px; position:absolute; right:20px; text-align:center; text-transform:uppercase; top:20px } .product-block .name-subtitle { height:60px; overflow:hidden; margin-bottom:8px } .product-block .tbay-subtitle { color:var(--text-dark); font-size:13px; line-height:normal; } .name { font-size:15px; font-weight:500; margin:0 0 0px; } .name a { color:var(--dark); font-size:12px; font-weight:600; line-height:20px; } .name a:hover { color:var(--primary) } .product-block .image { position:relative; overflow:hidden; padding:10px; } .product-block .image .img-1, .product-block .image .img-2 { width:100%; height:215px; position:relative; display:block; overflow:hidden; background:#f7f7f7; } .product-block .image .img-1 img { width:100%; height:100%; object-fit:contain; object-position:50% 50%; mix-blend-mode:multiply; } .product-block .image .img-2 img { width:100%; height:100%; object-fit:contain; object-position:50% 50%; mix-blend-mode:multiply; position:absolute; left:0; top:0; transition:all 0.5s ease-out; } .product-block .image .img-2 img:first-child { transform:translateY(0); } .product-block .image .img-2 img:last-child { transform:translateY(100%); } .product-block .image .img-2:hover img:first-child { transform:translateY(100%); } .product-block .image .img-2:hover img:last-child { transform:translateY(0); } .product-block .image ul.show-brand { position:absolute; left:20px; bottom:13px } .product-block .image .yith-wcwl-add-to-wishlist span, .product-block .image .yith-wcwl-add-to-wishlist span { display:none } .product-block .category { text-transform:none; font-weight:300; font-style:italic; font-size:12px } .product-block .category a { color:#000 } .product-block .category a:hover { color:var(--primary) } .product-block .clear { display:none!important } .product-block .added_to_cart { display:none!important } .product-block .added_to_cart.wc-forward { display:initial!important; border:1px solid var(--primary)!important; padding:7px 20px 8px; line-height:32px; font-size:13px; font-weight:500; letter-spacing:0; margin-right:5px; text-transform:uppercase; color:#fff!important; background:var(--primary)!important; border-radius:4px!important; } .product-block .added_to_cart.wc-forward:after { display:none } .product-block .add_to_cart_button { position:relative } .product-block .add_to_cart_button.button.loading:after { top:0; position:unset; margin-left:5px } .product-block .price { color:var(--primary)!important; font-size:14px!important; font-weight:700; } .product-block .discount { margin:5px 0; text-align:center; color:var(--text-dark); font-size:18px; font-weight:600; } .discount .cross { text-decoration:line-through; color:var(--primary); } .product-block .price del { font-size:14px; color:var(--text-dark); margin-right:7px; font-weight:500; display:inline-block; } .product-block .price select { border:1px solid #ddd; color:var(--text-dark); width:100%; padding:2px; font-size:14px; outline:0; height:35px; border-radius:0; } .product-block .price select:focus { outline:0px; } .product-block .rating { float:right; display:inline-flex } .product-block .rating .star-rating { margin:0 } .product-block .rating .count { margin-top:0; margin-left:5px; font-size:12px; color:#bbb } .product-block .yith-wcwl-add-to-wishlist { margin:0 } .product-block .quick-view .quickview { bottom:0; transform:scale(0); opacity:0; filter:alpha(opacity=0); transition:all .3s ease-in-out 0s; height:46px; overflow:hidden; padding:20px 6px 0 0; position:absolute; right:0; text-align:right; width:46px; color:var(--text-light); z-index:3 } .product-block .quick-view .quickview:before { border-bottom:46px solid #17181a; border-left:46px solid transparent; bottom:0; content:""; position:absolute; right:0; z-index:-1 } .product-block .quick-view .quickview:hover { color:var(--primary) } .product-block:hover .quick-view .quickview { transform:scale(1); opacity:1; filter:alpha(opacity=100); transition:all .3s ease-in-out 0s } .product-block.list { display:inline-block } .product-block.list .image { margin-bottom:0; border:0; padding:0; width:44%; float:left } .product-block.list .image .button-wishlist { position:absolute; top:20px; right:10px } .product-block.list .image .button-wishlist a { color:#e0e0e0 } .product-block.list .image img { border-radius:0; } .product-block.list .caption-list { float:right; padding:15px; width:56%; position:relative } .product-block.list .caption-list .name { font-size:14px; margin-bottom:0 } .product-block.list .caption-list .tbay-subtitle { margin-bottom:20px } .product-block.list .caption-list .price { display:block; -webkit-transition:all .4s ease-in-out 0s; -o-transition:all .4s ease-in-out 0s; transition:all .4s ease-in-out 0s } .product-block.list .caption-list .rating { -webkit-transition:all .4s ease-in-out 0s; -o-transition:all .4s ease-in-out 0s; transition:all .4s ease-in-out 0s } .product-block.list .caption-list .rating .count { margin-top:-4px } .product-block.list .caption-list .groups-button { display:inline-block; position:absolute; left:15px; bottom:20px; opacity:0; visibility:hidden; -webkit-transition:all .4s ease-in-out 0s; -o-transition:all .4s ease-in-out 0s; transition:all .4s ease-in-out 0s } .product-block .button-wishlist { position:absolute; top:10px; right:10px } .product-block .button-wishlist a { color:#666; } .product-block .button-wishlist a:hover i { color:var(--primary); } .product-block .button-wishlist .yith-wcwl-wishlistexistsbrowse.show a, .product-block .button-wishlist .yith-wcwl-wishlistaddedbrowse.show a { color:var(--primary) } .product-block .groups-button { text-align:center; } .product-block .groups-button > div { display:inline-block; } .product-block .groups-button .add-cart .product_type_external, .product-block .groups-button .add-cart .product_type_grouped, .product-block .groups-button .add-cart .add_to_cart_button, .product-block .groups-button .add-cart .button, .product-block .groups-button .add-cart .product_type_simple { border:1px solid var(--primary); padding:0 13px; line-height:30px; font-size:13px; font-weight:500; letter-spacing:0; margin-right:5px; margin-left:0; text-transform:uppercase; background:var(--light); color:var(--text-dark); border-radius:4px!important; } .product-block .groups-button .add-cart .product_type_external:hover, .product-block .groups-button .add-cart .product_type_grouped:hover, .product-block .groups-button .add-cart .add_to_cart_button:hover, .product-block .groups-button .add-cart .button:hover, .product-block .groups-button .add-cart .product_type_simple:hover { border-color:var(--dark); background:#157129; color:var(--light); } .product-block .groups-button .add-cart .product_type_external.added, .product-block .groups-button .add-cart .product_type_grouped.added, .product-block .groups-button .add-cart .add_to_cart_button.added, .product-block .groups-button .add-cart .button.added, .product-block .groups-button .add-cart .product_type_simple.added { display:none } .product-block .groups-button .add-cart .product_type_external i, .product-block .groups-button .add-cart .product_type_grouped i, .product-block .groups-button .add-cart .add_to_cart_button i, .product-block .groups-button .add-cart .button i, .product-block .groups-button .add-cart .product_type_simple i { margin-right:3px; font-size:13px; line-height:30px; } .product-block .groups-button .add-cart .button:hover i { } .product-block .groups-button .add-cart .product_type_external { padding:0 15px } .product-block .groups-button .add-cart .product_type_variable, .product-block .groups-button .add-cart .product_type_grouped { padding:0 10px!important; font-size:11px; margin-right:0; border-radius:0!important; } .product-block .groups-button .add-cart .add_to_cart_button:hover, .product-block .groups-button .add-cart span { } .product-block .groups-button .add-cart .product_type_variable:hover span { } .product-block .groups-button .yith-wcwl-wishlistexistsbrowse.show a { color:var(--primary); } .product-block .groups-button .yith-wcwl-wishlistexistsbrowse > a, .product-block .groups-button .yith-wcwl-wishlistaddedbrowse > a, .product-block .groups-button .yith-wcwl-add-to-wishlist > a, .product-block .groups-button .yith-compare > a, .product-block .groups-button .add_to_wishlist, .product-block .groups-button .yith-wcqv-button { background-color:var(--light)!important; border-radius:4px!important; width:32px; height:32px; line-height:30px; transition:all .3s ease-in-out 0s; color:#bbb; position:relative; border:1px solid #eee; text-align:center; padding:0; vertical-align:middle; margin-right:5px; margin-left:0; float:left; font-size:14px; font-weight:400 } .product-block .groups-button .yith-wcwl-wishlistexistsbrowse > a > *, .product-block .groups-button .yith-wcwl-wishlistaddedbrowse > a > *, .product-block .groups-button .yith-wcwl-add-to-wishlist > a > *, .product-block .groups-button .yith-compare > a > *, .product-block .groups-button .add_to_wishlist > *, .product-block .groups-button .yith-wcqv-button > * { margin:0; padding:0 } .product-block .groups-button .yith-wcwl-wishlistexistsbrowse > a i, .product-block .groups-button .yith-wcwl-wishlistaddedbrowse > a i, .product-block .groups-button .yith-wcwl-add-to-wishlist > a i, .product-block .groups-button .yith-compare > a i, .product-block .groups-button .add_to_wishlist i, .product-block .groups-button .yith-wcqv-button i { margin-right:0; display:block; line-height:32px } .product-block .groups-button .yith-wcwl-wishlistexistsbrowse > a:hover, .product-block .groups-button .yith-wcwl-wishlistaddedbrowse > a:hover, .product-block .groups-button .yith-wcwl-add-to-wishlist > a:hover, .product-block .groups-button .yith-compare > a:hover, .product-block .groups-button .add_to_wishlist:hover, .product-block .groups-button .yith-wcqv-button:hover { border-color:var(--primary); background:var(--primary)!important; color:var(--text-light); -webkit-transition:all .3s ease-in-out 0s; -o-transition:all .3s ease-in-out 0s; transition:all .3s ease-in-out 0s } .product-block .groups-button .yith-wcwl-wishlistexistsbrowse > a span, .product-block .groups-button .yith-wcwl-wishlistaddedbrowse > a span, .product-block .groups-button .yith-wcwl-add-to-wishlist > a span, .product-block .groups-button .yith-compare > a span, .product-block .groups-button .add_to_wishlist span, .product-block .groups-button .yith-wcqv-button span { display:none } .product-block .groups-button .yith-wcwl-wishlistexistsbrowse > a, .product-block .groups-button .yith-wcwl-wishlistaddedbrowse > a { border-color:var(--primary); background:var(--primary)!important; color:#fff } .product-block .groups-button .yith-compare > a { margin-right:0; text-indent:-10000px } .product-block .groups-button .yith-compare > a.added { width:32px; text-indent:-10000px; position:relative; background-color:var(--primary)!important; border-color:var(--primary); color:var(--text-light); } .product-block .groups-button .yith-compare > a.added:after { font-family:"Font Awesome 5 Pro"; content:"\f021"; position:absolute; top:0; left:0; width:100%; line-height:32px; text-indent:0 } .product-block .groups-button .yith-compare > a:after { font-family:"Font Awesome 5 Pro"; content:"\f021"; position:absolute; top:0; left:0; width:100%; line-height:30px; text-indent:0 } .product-block .groups-button .yith-wcqv-button span { display:block } .product-block .groups-button .feedback, .product-block .groups-button .sub-title { display:none } .product-block.grid { position:relative; background:var(--light); box-shadow:0 0 0 1px #d1d1d4; transition:all .3s ease-in-out 0s } .product-block.grid .product-content { box-shadow:0 0 0 1px transparent; transition:all .3s ease-in-out 0s } .product-block.grid .product-content .number-input { border:1px solid var(--primary); display:inline-flex; border-radius:0; margin-right:10px; background:var(--light); color:var(--primary); } .product-block.grid .product-content .number-input button:hover { background: #157129; } .product-block.grid .product-content.number-input, .product-block.grid .product-content .number-input * { box-sizing:border-box; } .product-block.grid .product-content .number-input button { outline:none; -webkit-appearance:none; background-color:transparent; border:0; align-items:center; justify-content:center; width:30px; height:30px; cursor:pointer; margin:0; position:relative; } .product-block.grid .product-content .number-input button:before, .product-block.grid .product-content .number-input button:after { display:inline-block; position:absolute; content:''; width:10px; height:1px; background:var(--dark); transform:translate(-50%, -50%); } .product-block.grid .product-content .number-input button.plus:after { transform:translate(-50%, -50%) rotate(90deg); } .product-block.grid .product-content .number-input button:hover:before, .product-block.grid .product-content .number-input button:hover:after { background: var(--light) !important; } .product-block.grid .product-content .number-input input[type=number] { max-width:35px; padding:5px; height:30px; font-size:13px; font-weight:500; text-align:center; } .product-block.grid:hover { border-color:var(--primary) } .product-block.grid:hover .product-content { border-color:var(--primary) } .product-block.grid .category { margin:0 0 8px; overflow:hidden; overflow:hidden; text-overflow:ellipsis; white-space:nowrap } .product-block.grid .block-inner { position:relative } .product-block.grid .caption { padding:0 15px 15px; text-align:left; } .product-block.grid .caption .star-rating { float:none; margin-top:5px } .products-grid.products { padding:0 } .products-grid.products .list { padding:0; border:1px solid #eee; border-right-color:transparent; border-top-color:transparent } .products-grid.products .list:nth-child(2n + 0) { border-right-color:#eee } .products-grid.products .list:nth-child(2) { border-top-color:#eee } .products-grid.products .list:last-child { border-right-color:#eee; border-top-color:#eee } .products-grid.products .list:first-child { border-top-color:#eee } .products-grid.products .list:hover { border-color:var(--primary)!important } .products-grid.products .list .product-block.list { border:0 } .products-grid.products .list.col-lg-6:nth-child(2n + 1) { clear:both } ul.show-brand { margin-bottom:0!important; padding:0 } ul.show-brand li { display:inline-block; width:auto!important; } ul.show-brand li a { font-size:12px; color:#000; line-height:20px; display:block; padding:0 10px; background:#f5f5f5; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; margin-right:10px } .widget-products.special .product-block .caption, .widget-products.widget-special .product-block .caption, .widget-products.carousel-special .product-block .caption, .widget-products.widget-carousel-special .product-block .caption { min-height:115px } .Whychooseus { } .Whychooseus img { width:100%; } .Whychooseus .left-section { } .Whychooseus .heading-text { padding:15px 20px; background:var(--light); margin-bottom:30px; } .Whychooseus .heading-text .txt1 { color:var(--text-dark); font-size:20px; font-weight:300; } .Whychooseus .heading-text .txt2 { font-size:14px; font-weight:500; margin:6px 0 0 0; display:block; } .Whychooseus .left-section p { font-size:14px; font-weight:400; line-height:20px; color:#666; margin-right:0; position:relative; margin-bottom:40px; } .Whychooseus .right-section { padding-left:40px; } .Whychooseus .right-section .heading-text { padding:15px 0px; background:transparent; margin-bottom:30px; } .feature-box-group { display:block; } .feature-box-group li { margin-bottom:30px; } .feature-box-group li .feature-box > div { display:inline-block; vertical-align:top } .feature-box-group li .feature-box .fbox-content { padding-left:50px; max-width:320px } .feature-box-group li .feature-box .fbox-content p { margin-bottom:0px; } .feature-box-group li .feature-box .fbox-image { margin-bottom:5px } .feature-box-group li .feature-box .ourservice-heading { font-size:14px } .testimonials { background:var(--primary-dark); margin:100px 0 0; padding:50px 0 50px; } .farmer-bg { position:absolute; bottom:-30px; } .testimonials-body { border:0; } .testimonials-body .testimonials-content { min-height:160px; overflow:hidden; } .testimonials-body .description { position:relative; padding:0; display:flex; justify-content: center; min-height:60px; max-height:60px; overflow:hidden; } .testimonials-body .description i { font-size:18px; margin-right:15px; margin-left:0; color:var(--primary); } .testimonials-body .description p { font-size: 14px; color:var(--light); line-height:1.4; margin:0; margin-left: 5px; } .testimonials-body .testimonials-profile { text-align:right; margin-top:15px; } .testimonials-body .testimonial-meta { font-size: 13px; display: flex; justify-content: center; align-items: center; } .testimonials-body .testimonials-profile .name-pic { margin-right:10px; width:50px; height:50px; padding: 10px; background: #fff; border-radius: 50%; } .testimonials-body .testimonials-profile .name-pic img { width:100%; } .testimonials-body .testimonials-profile .name-client { position:relative; padding:0; margin:0; color:var(--text-light); font-weight:700; font-size:11px; } .testimonials-body .testimonials-profile .job { display:block; font-size:14px; font-weight:500; color:#bbb; } .footer-shop { } .footer-shop .shop-list { text-align:center; } .footer-shop .shop-list li { display:inline-block; margin:0 5px; width:23%; background:#ccc; } .footer-shop .shop-list li .product { } .footer-shop .shop-list li .product img { display:block; max-height:150px; min-height:150px; overflow:hidden; } .footerproduct { position:relative; margin:auto; overflow:hidden; } .footerproduct .content-overlay { background:rgba(0,0,0,0.7); position:absolute; height:99%; width:100%; left:0; top:0; bottom:0; right:0; opacity:0; transition:all 0.4s ease-in-out 0s; } .footerproduct:hover .content-overlay { opacity:1; } .content-image { display:block; width:100%; } .content-details { position:absolute; text-align:center; padding-left:1em; padding-right:1em; width:100%; top:50%; left:50%; opacity:0; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); transform:translate(-50%, -50%); -webkit-transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s; transition:all 0.3s ease-in-out 0s; } .content:hover .content-details { top:50%; left:50%; opacity:1; } .content-details h3 { font-size:15px; color:var(--text-light); font-weight:500; margin-bottom:0px; text-transform:uppercase; } .content-details p { color:var(--text-light); font-size:0.8em; } .content:hover .content-details .caption { } .content:hover .content-details .caption .title a { font-size:15px; color:var(--text-light); } .content:hover .content-details .caption .subtitle { font-size:13px; color:var(--text-light); margin-bottom:5px; } .content:hover .content-details .caption .price-list { color:var(--primary)!important; font-size:14px!important; font-weight:700; } .content:hover .content-details .caption .price-list select { background:rgba(255, 255, 255, 1); border:1px solid #fff; color:var(--primary); width:100%; padding:2px 2px; font-size:14px; outline:0px; height:35px; border-radius:3px; } .content:hover .content-details .caption .price-list select:focus { outline:0px; } .content:hover .content-details .caption .btn-grp { text-align:center; margin-top:10px; } .content:hover .content-details .caption .cart-btn { background:var(--primary); padding:5px 10px; color:var(--text-light); border-radius:4px; display:inline-block; } .content:hover .content-details .caption .cart-btn:hover { background:var(--light); color:var(--primary); } .content:hover .content-details .caption .cart-btn i { font-size:12px; line-height:23px; margin-right:3px; } .content:hover .content-details .caption .number-input { border:1px solid #fff; display:inline-flex; border-radius:4px; margin-right:0px; } .content:hover .content-details .caption .number-input, .content:hover .content-details .caption .number-input * { box-sizing:border-box; } .content:hover .content-details .caption .number-input button { outline:none; -webkit-appearance:none; background-color:transparent; border:none; align-items:center; justify-content:center; width:30px; height:30px; cursor:pointer; margin:0; position:relative; } .content:hover .content-details .caption .number-input button:before, .content:hover .content-details .caption .number-input button:after { display:inline-block; position:absolute; content:''; width:10px; height:2px; background-color:#fff; transform:translate(-50%, -50%); } .content:hover .content-details .caption .number-input button.plus:after { transform:translate(-50%, -50%) rotate(90deg); } .content:hover .content-details .caption .number-input input[type=number] { background:transparent; max-width:35px; padding:5px; border:solid #ddd; border-width:0 1px; height:30px; font-size:13px; color:var(--text-light); font-weight:500; text-align:center; } .fadeIn-bottom { top:80%; } footer { margin-top:70px; padding:60px 0px 0px; background:#fafafa; } footer .widgettitle { position:relative; text-transform:uppercase; font-size:14px; padding:0; color:var(--text-dark); margin:0 0 17px 0; font-weight:700; padding-bottom:0; } footer p { position:relative; font-size:12px; color:#777; font-weight:400; margin-bottom:0px; } .app-icon { margin-top:15px; } .app-icon li { margin-bottom:10px; } .footer-link > li { border:0; line-height:31px; padding:0 } .footer-link > li a { transition:all .4s ease-out 0s; font-size:14px; font-weight:400; color:var(--text-dark); } .footer-link > li a:before { content:"\eaa0"; font-family:IcoFont!important; speak:none; font-style:normal; font-weight:400; font-variant:normal; opacity:0; visibility:hidden; width:0; float:left; -webkit-transition:all .4s ease-out 0s; -o-transition:all .4s ease-out 0s; transition:all .4s ease-out 0s } .footer-link > li:hover > a { color:var(--primary); padding-left:5px; padding-right:0; transition:all .3s ease-out 0s } .footer-link > li:hover > a:before { opacity:1; visibility:visible; width:auto; color:var(--primary); padding-left:0px; padding-right:0 } .contact-info .txt1 { font-size:18px; color:var(--text-dark); font-weight:700; line-height:50px; } .contact-info .txt1 i { font-size:50px; color:var(--primary); margin-right:15px; margin-left:0; vertical-align:middle; } .contact-info .txt2 { margin:10px 0 10px; display:block; } .contact-info .txt3 { color:var(--primary); margin-top:10px; margin-bottom:5px; display:block; } .footer-social { padding:30px 0px 30px 0px; } .footer-social .STitle { float:left; font-size:25px; text-transform:uppercase; line-height:30px; margin-right:20px; text-align:right; } .footer-social .social { margin:0 } .footer-social .social > li { padding:0; margin-right:10px; margin-left:0display:inline-block; } .footer-social .social > li a { width:30px; height:30px; line-height:30px; text-align:left; color:#999; display:inline-block; font-size:25px } .footer-social .social > li a i { line-height:30px; } .footer-social .social > li a:hover { color:#474c42!important } .footer-social .social > li a.facebook { color:#3b579d; } .footer-social .social > li a.linkedin { color:#007bb6; } .footer-social .social > li a.instagram { color:#683dbb; } .list-inline { padding-left:0; list-style:none; margin-left:-5px } .list-inline > li { display:inline-block; padding-left:5px; padding-right:5px } .bottom-footer { background:var(--light); padding:30px 0px 20px; margin-top:40px; } .bottom-footer a { color:var(--primary-dark); } .footer-logo { background:url(../images/logo.png) no-repeat; width:170px; height:100px; display:block; margin:0px auto 20px; } .payments-icon { } .footer-menu { float:right; } .footer-menu > li { font-size:13px; color:#777; padding:0px 10px; display:inline-block; border-right:1px solid #ddd; line-height:normal; } .footer-menu > li:last-child { border-right:0px; } .footer-menu > li a { transition:all .4s ease-out 0s; padding:0; font-size:13px; color:#777; line-height:normal; } .footer-menu > li:hover > a { color:var(--primary); transition:all .3s ease-out 0s } .inner-page { padding:30px 0 20px; } .page-header { margin:0 0px 40px 0px; font-size:25px; color:var(--text-dark); font-weight:700; padding:20px 40px; background:#fafafa; border:0; display:block; } .breadcrumb { padding:15px 0; background-color:transparent; margin-bottom:20px; font-size:14px; font-weight:500; } .breadcrumb > li { display:inline-block; color:var(--text-dark); } .breadcrumb > li a { font-size:14px; color:var(--text-dark); } .breadcrumb .active { color:var(--primary-dark) !important; } .breadcrumb > li + li:before, .breadcrumb a + li:before { content:"/ "; padding:0 5px; color:#ccc; box-sizing:border-box; } .paragraph { font-size:14px; max-width:70%; color:var(--text-dark); margin:0px auto 30px; } .about-page .about-sub { max-width:70%; color:var(--text-dark); margin:0px auto 30px; } .about-page .about-bg { margin:30px 0px; display:block; } .about-page .about-bg img { max-width:100%; height:auto; } .services-page .services-block { text-align:center; padding:100px 0px; } .services-page .services-bg { display:block; } .services-page .services-bg img { max-width:100%; height:auto; } .services-page .tittle { color:var(--text-dark); font-size:20px; font-weight:400; text-align:center; margin-bottom:15px; } .accout-page h2 { font-size:30px; font-weight:700; line-height:normal; color:var(--text-dark); margin-bottom:20px; } .Register-bg { background-size:cover; background-attachment:scroll; padding:0 0 50px; } .login-bg { background-size:cover; background-attachment:scroll; padding:0 0 50px; } .contact-form2 { background:rgba(0,0,0,0.1); position:relative; padding:25px; border-radius:3px; border:1px solid #ddd; margin-top:15px; } .contact-form2 form { text-align: center; } .contact-form2.Cbg { background:url(../images/bglogin.jpg) no-repeat; background-size:cover; background-attachment:scroll; } .accout-page h3 { font-size:15px; font-weight:400; line-height:20px; color:var(--text-dark); margin-bottom:10px; } .contact-form2 input, .contact-form2 select { background:rgba(255,255,255,0.9); border:1px solid #ddd; width:100%; height:40px; margin-bottom:15px; padding:0 10px 0 10px; font-size:15px; } .contact-form2 input:focus { background:rgba(255,255,255,0.9); border-color:#107fc9; } .contact-form2 textarea { width:386px; height:140px; margin-bottom:20px; padding:10px 20px; outline:none; border-radius:3px; border:1px solid #ddd; resize:none; overflow:auto; font-size:15px; } .contact-form2 textarea:focus { border-color:#107fc9; box-shadow:0 0 10px rgba(0, 0, 0, 0.1); } .contact-form2 .btn { background:var(--primary); border: 0; padding:12px 20px; font-weight:400; border-radius:0px; color:var(--text-light) !important; font-size:15px; line-height:18px; text-transform:uppercase; margin-top:10px; margin-bottom: 20px; display: inline-block; cursor:pointer; } .contact-form2 .btn:hover { background:var(--light); color:var(--text-dark) !important; border: 0; box-shadow:0 0 0 1px var(--primary); } .contact-form2 .btn i { padding-right:5px; font-size:12px; line-height:18px; } .contact-form2 .link { text-align:center; font-size:14px; line-height:40px; margin-top:10px; } .contact-form2 .link a { margin-left:10px; margin-right:10px; font-size:14px; color:var(--primary); } .contact-form2 input[type="radio"] { width:15px; height:15px; float:left; margin-right:7px; margin-top:4px; line-height:20px; } .contact-form2 .opnc { font-size:18px; margin-bottom:20px; display:flex; } .contact-form2 .opnc .radio-inline { float:left; margin-right:10px; } .contact-data { background:#fbfbfb; position:relative } .contact-data:before { content:""; width:60%; height:100%; background:#f8f8f8; position:absolute; top:0; right:0 } .contact-data .col-address { width:40%; padding:30px 30px 30px } .contact-data .seprator-cols { border-bottom:1px solid #e8e7e7; padding:20px 0 0; position:relative } .contact-data .no-seprator { border-bottom:0px solid #e8e7e7; padding:20px 0 0; position:relative } .contact-data .contact-title { text-transform:uppercase; color:#4a4b4c; font-size:15px; margin-bottom:10px; font-weight:600; } .contact-data .contact-title i { font-size:20px; margin-right:4px; line-height:23px; color:#555; } .contact-data .seprator-cols p { font-size:15px; color:#6d6d6d; line-height:22px; margin-bottom:20px; font-weight:400; } .contact-data .col-form { width:60%; padding:30px 30px 50px; border-left:1px solid #e8e8e8; position:relative } .contact-data .col-form .contact-form-title { font-size:20px; color:#004169; font-weight:600; text-transform:uppercase; margin-bottom:20px } .input-wrap { width:49%; float:left; margin-bottom:20px } .input-wrap:nth-child(2n-2) { margin-right:0px; } .contact-data .col-form label, .login-form label { color:#004169; text-transform:uppercase; font-size:13px; font-weight:600; margin-bottom:10px; display:inline-block; } .contact-data .col-form .text-area, .contact-data .col-form input[type=text], .login-form input[type=password], .login-form input[type=text] { border:1px solid #d4d4d4; border-radius:3px; color:#004169; font-family:"Open Sans",sans-serif; font-size:13px; font-weight:300; height:40px; line-height:40px; margin:0; padding:0 18px; width:100%; background:var(--light); box-sizing:border-box; } .contact-data .col-form .text-area { height:150px!important; resize:none; line-height:20px!important; padding:18px 18px!important; } .wide { width:100%; } .mr10 { margin-right:10px!important; } .map-sec { width:100%; height:500px; } .map-sec iframe { width:100%; height:100%; } .sidebar .widget-title { font-size:20px; font-weight:700; margin:30px 0 10px; position:relative; padding:0; color:var(--text-dark); text-transform:capitalize; } .category { } .category .categoryhead { margin-bottom:0; line-height:47px; font-size:14px; font-weight:700; cursor:pointer; padding:0 5px 0 20px; color:var(--text-light); margin-top:0; background:var(--primary); display:block; border-radius:8px 8px 0 0; text-transform:none; letter-spacing:0; font-size:13px!important; color:#fff!important; text-transform:uppercase!important; background:var(--primary); border-radius:5px 5px 0 0; position:relative!important; padding:0 20px!important; font-weight:500!important; margin:0!important; } .category .categoryhead i { margin-right:8px; font-size:15px; color:var(--text-light); } .CategoryList { border:1px solid #eee; } .CategoryList li { border-top:1px solid #eee; border-bottom:0!important; padding:0!important; background:none!important; } .CategoryList li a { width:100%; display:block; line-height:39px; border-right:4px solid transparent; padding-left:20px; font-size:13px; font-weight:500; color:#444; text-decoration:none; -webkit-transition:all .3s ease-in-out 0s; -o-transition:all .3s ease-in-out 0s; transition:all .3s ease-in-out 0s; } .CategoryList li a:hover { color:var(--primary); border-right-color:var(--primary); } .CategoryList li a i { margin-right:10px; margin-left:0; font-size:25px; color:#ddd; line-height:38px; } .CategoryList li.esc { background:#fafafa!important; } .accordion { width:100%; max-width:360px; background:var(--light); -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; border:1px solid #eee; } .accordion .link { cursor:pointer; display:block; padding:13px 15px 13px 15px; font-size:14px; font-weight:500; color:#444; text-decoration:none; border-bottom:1px solid #eee; position:relative; -webkit-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease; = } .accordion .link a { font-size:14px; font-weight:500; color:#444; text-decoration:none; -webkit-transition:all .3s ease-in-out 0s; -o-transition:all .3s ease-in-out 0s; transition:all .3s ease-in-out 0s; display:block; line-height:normal; } .accordion .link:hover a, .accordion .link:hover { color:var(--primary); } .accordion .link:hover { color:var(--primary); border-left:4px solid var(--primary); } .accordion .link i { margin-right:10px; margin-left:0; font-size:25px; color:#ddd; line-height:12px; } .accordion li:last-child .link { border-bottom:0; } .accordion li i { position:absolute; top:16px; left:12px; font-size:18px; color:#595959; -webkit-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease; } .accordion li i.fa-chevron-down { right:12px; left:auto; font-size:16px; } .accordion li.open .link { color:var(--primary); } .accordion li.open i { color:var(--primary); } .accordion li.open i.fa-chevron-down { -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg); } .accordion li.default .submenuD { display:block; } .submenuD { display:none; background:#fbfbfb; font-size:14px; } .submenuD li { border-bottom:1px solid #eee; } .submenuD a { display:block; font-size:13px; text-decoration:none; color:var(--primary); padding:8px 10px; padding-left:20px; transition:all 0.25s ease; } .submenuD a:hover { background:var(--primary); color:#FFF!important; } .tagcloud { } .tagcloud a { padding:3px 20px; color:#777; border:2px solid #eee; font-size:13px!important; display:inline-block; border-radius:5px; margin:0 3px 10px 0; } .tagcloud a:focus, .tagcloud a:hover { color:#777!important; background:transparent!important; border-color:var(--primary); text-decoration:none; } .layered-nav-list li { padding:0 0 1px; list-style:none; } .layered-nav-list li a { color:#777; line-height:20px; color:var(--text-dark); } .layered-nav-list li span { line-height:20px; } .product_list_widget { } .product_list_widget li { margin-bottom:15px; padding-bottom:20px; border-bottom:dashed 1px #f5f5f5; } .product_list_widget li .thumb { width:100px; height:100%; display:block; float:left; margin-right:10px; border:1px solid #fbfbfb; padding:5px; } .product_list_widget li .thumb img { width:100%; height:100%; } .product_list_widget li .tittle { font-size:14px; font-weight:400; line-height:20px; color:var(--text-dark); margin-bottom:10px; } .product_list_widget li .price { color:var(--primary)!important; font-size:14px!important; font-weight:700; margin-bottom:5px; display:inline-block; min-height:50px } .product_list_widget li .price select { background:rgba(255,255,255,0.6); border:1px solid var(--primary); color:var(--primary); width:100%; margin-bottom:10px; padding:2px 2px; font-size:12px; outline:0px; height:auto; } .product_list_widget li .price select:focus { outline:0px; } .Plist-inner li { width:25%!important; display:inline-block; } .Plist-inner span.onsale { background:transparent; position:static; min-width:initial; padding:0; } .Plist-inner span.onsale > span { background:#e22a32; color:var(--text-light); font-size:12px; font-weight:400; padding:0 10px; position:absolute; text-align:center; text-transform:none; left:10px; top:10px; line-height:18px; min-height:auto; border-radius:3px; display:inline-block; right:auto; height:18px; z-index:2; min-width:49px; } .inner-banner { } .inner-banner img { max-width:100%; height:auto; } .tbay-filter { margin:30px 0 10px; } .tbay-filter .lft-sec { width:50%; float:left; } .tbay-filter .lft-sec .woocommerce-result-count { font-size:14px; font-weight:500; line-height:25px; color:var(--text-dark); } .tbay-filter .lft-sec .woocommerce-result-count i { margin-right:10px; font-size:16px; color:var(--primary); } .tbay-filter .right-sec { width:50%; float:right; } .tbay-filter .woocommerce-ordering { margin:0!important; font-weight:500; color:var(--text-dark); float:right; } .tbay-filter .woocommerce-ordering > span { line-height:39px; margin-right:10px; -webkit-transform:translate(0,-5px); -ms-transform:translate(0,-5px); -o-transform:translate(0,-5px); transform:translate(0,-5px); display:inline-block; } .SumoSelect { display:inline-block; position:relative; outline:none; } .SelectClass, .SumoUnder { position:absolute; top:0; left:0; right:0; height:100%; width:100%; border:none; box-sizing:border-box; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; padding:0; } .tbay-filter select { padding:4px; border:1px solid rgba(0,0,0, .1); } .filter { border:1px solid #ddd; padding:15px; border-radius:5px; } .filter-price { border:0; padding:0; margin:0; } .price-title { position:relative; } .price-title a { background:var(--primary); padding:0px 15px; color:var(--text-light); font-size:14px; line-height:normal; font-weight:400; line-height:30px; display:block; border-radius:2px; } .price-container { display:flex; border:1px solid var(--primary); padding:0px; margin-left:0px; width:100%; height:30px; line-height:30px; } .price-field { position:relative; width:100%; height:45px; box-sizing:border-box; padding-top:15px; padding-left:0px; } .price-field input[type=range] { position:absolute; } .price-field input[type=range] { width:100%; height:5px; background:var(--primary); outline:0; box-sizing:border-box; border-radius:5px; pointer-events:none; -webkit-appearance:none; } .price-field input[type=range]::-webkit-slider-thumb { -webkit-appearance:none; } .price-field input[type=range]:active, .price-field input[type=range]:focus { outline:0; } .price-field input[type=range]::-ms-track { width:188px; height:2px; border:0; outline:0; box-sizing:border-box; border-radius:5px; pointer-events:none; background:transparent; border-color:transparent; color:red; border-radius:5px; } .price-field input[type=range]::-webkit-slider-thumb { position:relative; -webkit-appearance:none; margin:0; border:0; outline:0; border-radius:50%; height:20px; width:20px; margin-top:-10px; background-color:var(--primary); cursor:pointer; cursor:pointer; pointer-events:all; z-index:100; } .price-field input[type=range]::-moz-range-thumb { position:relative; appearance:none; margin:0; border:0; outline:0; border-radius:50%; height:10px; width:10px; margin-top:-5px; background-color:#fff; cursor:pointer; cursor:pointer; pointer-events:all; z-index:100; } .price-field input[type=range]::-ms-thumb { position:relative; appearance:none; margin:0; border:0; outline:0; border-radius:50%; height:10px; width:10px; margin-top:-5px; background-color:#242424; cursor:pointer; cursor:pointer; pointer-events:all; z-index:100; } .price-field input[type=range]::-webkit-slider-runnable-track { width:188px; height:2px; cursor:pointer; background:var(--primary); border-radius:2px; } .price-field input[type=range]::-moz-range-track { width:188px; height:2px; cursor:pointer; background:#242424; border-radius:5px; } .price-field input[type=range]::-ms-track { width:188px; height:2px; cursor:pointer; background:#242424; border-radius:5px; } .price-wrap { display:flex; color:#242424; font-size:14px; line-height:30px; font-weight:400; margin-bottom:0px; } .price-wrap-1, .price-wrap-2 { display:flex; margin-left:0px; } .price-title { margin-right:5px; } .price-wrap_line { line-height:30px; padding:0 5px; } .price-wrap #one, .price-wrap #two { width:30px; text-align:right; margin:0; padding:0; margin-right:2px; background:0; border:0; outline:0; color:var(--primary); font-size:14px; line-height:30px; font-weight:400; } .price-wrap label { text-align:right; padding-left:5px; line-height:30px; color:var(--primary); } .price-field input[type=range]:hover::-webkit-slider-thumb { box-shadow:0 0 0 0.5px #f00; transition-duration:0.3s; } .price-field input[type=range]:active::-webkit-slider-thumb { box-shadow:0 0 0 0.5px var(--dark); transition-duration:0.3s; } .pagination, .tbay-pagination { margin:0; font-size:14px; font-weight:400; padding:15px 0; margin-top:50px; text-align:center; display:block; } .pagination ul.page-numbers, .tbay-pagination ul.page-numbers { margin:0; padding:0; list-style:none; } .pagination ul.page-numbers li, .tbay-pagination ul.page-numbers li { display:inline-block; } .pagination span.current, .pagination a.current, .tbay-pagination span.current, .tbay-pagination a.current { background:var(--primary); border-color:var(--primary); color:var(--text-light); } .pagination span, .pagination a, .tbay-pagination span, .tbay-pagination a { padding:10px 15px; border:1px solid rgba(0,0,0,0.1); line-height:1; background:var(--light); display:inline-block; margin:0 2px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; color:var(--text-dark); } .pagination a:hover, .tbay-pagination a:hover { background:var(--primary); border-color:var(--primary); color:#fff!important; text-decoration:none; } .product-img { height: 100%; background: #fff; box-shadow:0 0 0 1px rgba(0,0,0,0.1); padding: 20px; display: flex; justify-content: center; align-items: center; } .information { background:var(--light); padding: 20px; height: 100%; box-shadow:0 0 0 1px rgba(0,0,0,0.1); } .product-img img { max-width:100%; height:auto; } .singular-shop div.product .information { position:relative; width:55%; float:left; padding-left:15px; padding-right:15px; } .information .product_title { color:var(--text-dark); font-size:24px; line-height: 1; font-weight:700; height:auto; margin:0; margin-bottom: 10px; } .information select.selectP { width:auto!important; -webkit-appearance:none; background-image:url(../images/darow.png); background-position:95% center; background-repeat:no-repeat; border:1px solid var(--primary); color:#555; font-size:inherit; margin:0; overflow:hidden; padding:10px 45px 10px 11px; text-overflow:ellipsis; white-space:nowrap; margin-top:10px; margin-right:10px; outline:0px; } .information .discount { margin:15px 0; text-align:left; font-size:18px; color:var(--text-dark); line-height: 1; font-weight: 700; } .information .price { font-size:20px; font-weight:700; line-height:normal; color:var(--primary); margin:0px 0 5px; } .singular-shop div.product.product-type-variable .price, .singular-shop div.product.product-type-grouped .price { font-size:30px; font-weight:700; line-height:normal; } .information .cart { margin:20px 5px 20px 0; padding-top:30px; padding-bottom:30px; border-top:1px solid rgba(0,0,0,0.1); border-bottom:1px solid rgba(0,0,0,0.1); } .variable-items-wrapper { display:flex; flex-wrap:wrap; margin:0; padding:0; list-style:none; } .cart .variations td.label { min-width:80px; text-align:left; } .variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item { background-color:#f1f1f1; -webkit-box-shadow:none!important; box-shadow:none!important; border:1px solid transparent; width:auto; min-width:30px; padding:5px 10px; border-radius:15px; margin-right:15px; } .variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item span { font-size:14px; display:inline-block; padding:0 5px; } .woo-variation-items-wrapper .reset_variations { float:left; } .woocommerce-variation-price { margin:30px 0 0px; } .singular-shop div.product .information .price, .singular-shop div.product .information .woocommerce-grouped-product-list-item__price { color:var(--primary); margin:15px 0; font-size:30px; font-weight:700; line-height:normal; } .information .cart .box-quantity { display:flex; float:left; } .information .cart .box-quantity .title-qty { line-height:44px; font-size:14px; color:var(--text-dark); font-weight:bold; margin-right:20px; margin-left:0; } .cart .btn { vertical-align:middle; } .information .single_add_to_cart_button { background-color:var(--primary); color:var(--text-light); padding:0 30px; line-height:42px; font-size:13px; text-transform:uppercase; font-weight:normal; border:1px solid var(--primary); display:inline-block; border-radius:5px!important; letter-spacing:0; } .information .single_add_to_cart_button i { font-size:15px; margin-right:5px; line-height:40px; } .information .add_to_wishlist { color:#777; font-size:11px; font-weight:normal; padding:0; letter-spacing:1.5px; text-transform:uppercase; } .information .add_to_wishlist i { margin-right:3px!important; margin-left:0; line-height:inherit; } .information .tbay-social-share, .information .product_meta { overflow:hidden; clear:both; } .information .product_meta span { display:block; margin-bottom:5px; } .information .product_meta span span { display:inline-block; color:var(--text-dark); } .information .product_meta span a { color:var(--text-dark); } #tabs { color:#444; } #tabs h6.section-title { color:var(--text-dark); } #tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color:var(--primary); background-color:transparent; border-color:transparent transparent #f3f3f3; border-bottom:4px solid!important; font-size:20px; font-weight:bold; } #tabs .nav-tabs .nav-link { border:1px solid transparent; border-top-left-radius:.25rem; border-top-right-radius:.25rem; color:var(--primary); font-size:20px; } .naccs { position:relative; overflow:hidden; padding:20px; } .naccs .menu { width:40%; float:left; margin-right:20px; } .naccs .menu div { padding:15px 20px 15px 40px; margin-bottom:10px; color:var(--text-dark); background:var(--light); box-shadow:0 0 20px rgba(0, 0, 0, 0.1); cursor:pointer; position:relative; vertical-align:middle; font-weight:700; transition:1s all cubic-bezier(0.075, 0.82, 0.165, 1); } .naccs .menu div:hover { box-shadow:0 0 10px rgba(0, 0, 0, 0.1); } .naccs .menu div span.light { height:10px; width:10px; position:absolute; top:22px; left:15px; background-color:var(--primary); border-radius:100%; transition:1s all cubic-bezier(0.075, 0.82, 0.165, 1); } .naccs .menu div.active span.light { background-color:$third-color; left:0; height:100%; width:3px; top:0; border-radius:0; } .naccs .menu div.active { color:var(--primary); padding:15px 20px 15px 20px; } ul.nacc { width:57%; float:left; position:relative; height:0px; list-style:none; margin:0; padding:0; transition:.5s all cubic-bezier(0.075, 0.82, 0.165, 1); } ul.nacc li { opacity:0; transform:translateX(50px); position:absolute; list-style:none; transition:1s all cubic-bezier(0.075, 0.82, 0.165, 1); } ul.nacc li.active { transition-delay:.3s; z-index:2; opacity:1; transform:translateX(0px); } ul.nacc li p { margin:0; font-size:15px; color:#505050; font-weight:400; line-height:26px; text-align:justify; } .menu-mobile { display:none; padding:20px; } .menu-mobile:after { content:"\f394"; font-family:"Ionicons"; font-size:2.5rem; padding:0; float:right; position:relative; top:50%; -webkit-transform:translateY(-25%); -ms-transform:translateY(-25%); transform:translateY(-25%); } .menu-dropdown-icon:before { content:"\f489"; font-family:"Ionicons"; display:none; cursor:pointer; float:right; padding:1.5em 2em; background:var(--light); color:var(--text-dark); } .menu > ul { margin:0 auto; width:100%; list-style:none; padding:0; position:relative; box-sizing:border-box; } .menu > ul:before, .menu > ul:after { content:""; display:table; } .menu > ul:after { clear:both; } .menu > ul > li { float:left; padding:0; margin:0; margin-right:1px; } .menu > ul > li a { font-size:15px; color:#505050; text-transform:uppercase; font-weight:500; text-decoration:none; padding:20px 35px; display:block; } .menu > ul > li:hover, .menu > ul > li.active { background:#f0f0f0; box-shadow:inset 0 -4px 0px var(--primary); } .menu > ul > li > ul { display:none; width:100%; background:#f0f0f0; padding:20px; position:absolute; z-index:99; left:0; margin:0; list-style:none; box-sizing:border-box; } .menu > ul > li > ul:before, .menu > ul > li > ul:after { content:""; display:table; } .menu > ul > li > ul:after { clear:both; } .menu > ul > li > ul > li { margin:0; padding-bottom:0; list-style:none; width:25%; background:none; float:left; } .menu > ul > li > ul > li a { color:var(--primary); padding:.2em 0; width:95%; display:block; border-bottom:1px solid #ccc; } .menu > ul > li > ul > li a:hover { color:#505050; } .menu > ul > li > ul > li > ul { display:block; padding:0; margin:10px 0 0; list-style:none; box-sizing:border-box; } .menu > ul > li > ul > li > ul:before, .menu > ul > li > ul > li > ul:after { content:""; display:table; } .menu > ul > li > ul > li > ul:after { clear:both; } .menu > ul > li > ul > li > ul > li { float:left; width:100%; padding:5px 0; margin:0; font-size:.8em; } .menu > ul > li > ul > li > ul > li a { border:0; color:#6b6b6b; text-transform:none; font-size:14px; } .menu > ul > li > ul.normal-sub { width:300px; left:auto; padding:10px 20px; } .menu > ul > li > ul.normal-sub > li { width:100%; } .menu > ul > li > ul.normal-sub > li a { border:0; padding:6px 0; } @media only screen and (max-width:959px) { .menu-container { width:100%; } .menu-mobile { display:block; } .menu-dropdown-icon:before { display:block; } .menu > ul { display:none; } .menu > ul > li { width:100%; float:none; display:block; } .menu > ul > li a { padding:1.5em; width:100%; display:block; } .menu > ul > li > ul { position:relative; } .menu > ul > li > ul.normal-sub { width:100%; } .menu > ul > li > ul > li { float:none; width:100%; margin-top:20px; } .menu > ul > li > ul > li:first-child { margin:0; } .menu > ul > li > ul > li > ul { position:relative; } .menu > ul > li > ul > li > ul > li { float:none; } .menu .show-on-mobile { display:block; } } table.shop_table { border:1px solid #ddd!important; margin:0 -1px 24px 0; text-align:left; width:100%; border-collapse:separate; border-radius:5px; } .shop_table.cart { border:0; } .shop_table.cart thead tr th { border:none!important; font-size:16px; font-weight:500; color:var(--text-dark); text-align:center; padding:10px 0px; text-transform:uppercase; } .shop_table td { padding:12px 12px; vertical-align:middle; line-height:1.5em; text-align:center; } .shop_table .Bleft { border-left:1px solid #ddd; } .shop_table .Bright { border-right:1px solid #ddd; } .shop_table .Btop { border-top:1px solid #ddd; } .shop_table .Bbottom { border-bottom:1px solid #ddd; } .shop_table.cart tbody .cart_item .product-thumbnail img { width:auto; max-width:100px; height:100px; } .shop_table.cart tbody .cart_item .input-text { background:rgba(255,255,255,0.9); border:1px solid #ddd; padding:11px 22px; font-size:15px; border-radius:3px; } table.cart .product-name a { color:var(--text-dark); font-weight:500; } .woocommerce-cart-form a.remove { display:block; font-size:23px; text-align:center; line-height:1; border-radius:100%; color:red!important; text-decoration:none; font-weight:700; border:0; } .cart-collaterals { width:100%; } .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { width:100%; } .shop_table .cart-subtotal th, .shop_table .order-total th { padding:10px; } .cart-collaterals h2 { font-size:25px; color:#505050; font-weight:500; text-transform:uppercase; margin-bottom:15px; } input#promocode { width:95%; background:rgba(255,255,255,0.9); border:1px solid #ddd; padding:14px 15px; font-size:13px; border-radius:3px; } .checkout-form { } .checkout-form .checkout-list { } .checkout-form .checkout-list li { background:var(--light); padding:15px 15px 0px 15px; box-shadow:rgba(0, 0, 0, 0.2) 0px 1px 2px 0px; margin-bottom:12px; } .checkout-form .checkout-list li .check-details { } .checkout-form .checkout-list li .check-details .Pthumb { width:120px; height:auto; margin-right:20px; float:left; } .checkout-form .checkout-list li .check-details .Pthumb img { width:100%; } .checkout-form .checkout-list li .check-details .description { } .checkout-form .checkout-list li .check-details .description .Ptitle { font-size:18px; color:#555; line-height:normal; text-align:left; margin-bottom:4px; } .checkout-form .checkout-list li .check-details .description .Ccategory { font-size:15px; color:#949494; font-weight:400; line-height:normal; margin-bottom:15px; } .checkout-form .checkout-list li .check-details .description .Cprice { font-size:16px; color:#555; line-height:normal; margin-bottom:7px; } .checkout-form .checkout-list li .check-details .description .Cprice strong, .checkout-form .checkout-list li .check-details .description .Ctotal strong { font-size:14px; line-height:normal; } .checkout-form .checkout-list li .check-details .description .Ctotal { font-size:16px; color:#555; line-height:normal; margin-bottom:0px; } .checkout-form .checkout-list li .check-details .description p { margin-bottom:4px; } .checkout-form .checkout-list li .check-details .Cbottom { padding:15px 0; border-top:1px solid #dadada; } .checkout-form .checkout-list li .check-details .Cbottom .quantity { float:left; } .checkout-form .checkout-list li .check-details .Cbottom .quantity .Tqty { float:left; margin-right:10px; line-height:30px; } .checkout-form .checkout-list li .check-details .Cbottom .quantity .Tprice { float:left; margin-right:15px; } .checkout-form .checkout-list li .check-details .Cbottom .quantity .Tprice select { height:30px; line-height:30px; display:inline-block; padding:0 10px; border:1px solid var(--dark); outline:0px; } .checkout-form .checkout-list li .check-details .Cbottom .remove { background:#d41d1d; font-size:13px; color:var(--text-light); float:right; display:inline-block; height:30px; line-height:30px; padding:0 12px; border:1px solid #dadada; border-radius:4px; } .checkout-form .checkout-list li .check-details .Cbottom .remove i { line-height:30px; font-size:13px; margin-right:4px; } .checkout-form .checkout-list li .check-details .Cbottom .remove:hover { color:var(--text-light)!important; } .mob-cart { width:100%; display:flex; } .pgallery { text-align:center; } .pgallery li { display:inline-block; background:var(--dark); width:23%; height:210px; margin-bottom:20px!important; position:relative; margin:0px 5px; overflow:hidden; } .pgallery li:before { display:none!important; } .pgallery li a { display:inline-block; padding:0!important; } .pgallery li a:before { display:none!important; } .pgallery li a .thumb img { width:100%; height:100%; } .pgallery li a .cap { font-size:14px; font-weight:400; width:100%; min-height:45px; max-height:45px; overflow:hidden; padding:2px 0px 10px; background:rgba(40,167,69,0.9); color:var(--text-light); position:absolute; bottom:0px; text-align:center; } .pgallery li a .cap-after { width:100%; height:20px; position:absolute; left:0px; bottom:45px; background:linear-gradient(to left bottom, transparent 49%, rgba(40,167,69,0.9) 50%); } .vgallery { margin:0px!important; text-align:center; } .vgallery li { display:inline-block; width:32%; height:203px; overflow:hidden; margin-bottom:20px!important; position:relative; margin:0px 5px; } .vgallery li:nth-child(3n-3) { margin-right:0px; } .vgallery li .img-responsive { width:100%; height:200px; } .vgallery li .iframe iframe { width:100%; height:100%; } .vgallery li .cap { width:100%; height:63px; padding:5px 0px 15px; background:rgba(40,167,69,0.9); bottom:0px; text-align:center; color:var(--text-light); position:absolute; line-height:1.5; } .vgallery li .cap-after { width:100%; height:20px; position:absolute; left:0px; bottom:63px; background:linear-gradient(to left bottom, transparent 49%, rgba(40,167,69,0.9) 50%); } .storylist { width:100%; text-align:center; } .storylist li { display:inline-block; width:30%; background:var(--light); border:1px solid #ddd; margin:0 15px 30px; border-radius:10px; box-shadow:0 0 5px rgba(0,0,0,0.2); } .storylist li .thumb { height:220px; width:100%; overflow:hidden; } .storylist li .thumb img { width:100%; border-radius:10px 10px 0 0; } .storylist li .story-content { padding:15px 15px 20px } .storylist li .story-content h2 { font-size:18px; font-weight:500; line-height:normal; margin-top:-35px; background:var(--light); display:inline-block; padding:10px 12px 10px 12px; } .storylist li .story-content h3 { font-size:14px; font-weight:500; line-height:normal; display:display:block; margin-top:-15px; margin-bottom:10px; } .storylist li .story-content p { font-size:14px; font-weight:400; line-height:18px; margin-bottom:6px; margin-top:-5px; min-height:37px; max-height:37px; overflow:hidden; } .storylist li .story-content .btn { padding:6px 18px!important; } .storydetails { text-align:center; } .storydetails h3 { font-size:18px; font-weight:500; line-height:normal; margin-bottom:10px; } .storydetails p { text-align:justify; margin-bottom:15px; } .storydetails .FSimg { text-align:center; } .storydetails .FSimg li { width:450px; overflow:hidden; margin:15px auto; border-radius:10px; display:inline-block; } .storydetails .FSimg li img { width:100%; } .storycontent { position:relative; } .storycontent .certificateimg { float:left; margin-right:10px; margin-bottom:5px; width:200px; } .storycontent .certificateimg img { width:100%; } .storycontent .cercontent { text-align:justify; } .Pdetailsprice .price { display:inline-block; font-size:18px; font-weight:700; line-height:normal; color:var(--primary); margin:0px 0 15px; } .Pdetailsprice .price select { padding:10px 15px; border:1px solid var(--primary); outline:0px; } .contact-data .col-form .text-area, .contact-data .col-form input[type=text], .contact-data .col-form input[type=password], .contact-data .col-form input[type=email], .contact-data .col-form input[type=number] { border:1px solid #d4d4d4; border-radius:3px; color:#004169; font-family:"Open Sans",sans-serif; font-size:14px; font-weight:300; height:40px; line-height:40px; margin:0; padding:0 18px; width:100%; background:var(--light); box-sizing:border-box; } .addresslist { width:100%; text-align:center; } .addresslist li { position:relative; width:30%; display:inline-block; border:1px solid #e4e4e4; padding:15px 15px; margin:6px 5px; height:130px; overflow:hidden; } .addresslist li .addblock { font-size:13px; color:var(--text-dark); font-weight:400; text-align:left; } .addresslist li .addblock .Eicon { position:absolute; right:30px; top:10px; font-size:18px; margin-right:5px; padding:5px; background:var(--light); } .addresslist li .addblock .Dicon { position:absolute; right:10px; top:10px; font-size:18px; padding:5px; background:var(--light); } .addresslist li .addblock .Eicon i { } .addresslist li .addblock span { background:#cacaca; padding:2px 15px; font-size:12px; color:var(--text-light); display:inline-block; position:absolute; bottom:10px; right:10px; } .addresslist li .addblock .chosebtn { position:absolute; bottom:10px; right:10px; padding:4px 15px; background:var(--primary); sfont-size:13px; color:var(--text-light); font-weight:400; border-radius:3px; } .addresslist li .addblock .chosebtn:hover { background:var(--light); box-shadow:0 0 0 1px var(--primary); color:var(--primary)!important; } .form h2 { font-size:20px; font-weight:500; margin-bottom:10px; } .form .input-block { position:relative; } .form .input-block .radio { float:left; } .form .label { display:block; margin-bottom:6px; line-height:19px; border-radius:0; font-weight:400; font-size:14px; text-align:left; white-space:normal; color:inherit; position:absolute; z-index:2; left:25px; top:-13px; background:var(--light); padding:5px 15px 5px 3px; } .form .input, .form .select, .form .textarea, .form .radio, .form .checkbox, .form .toggle, .form .button { position:relative; display:block; } .form .radio img { height:20px; margin-left:10px; } .form .input input, .form .select select, .form .textarea textarea { display:block; box-sizing:border-box; -moz-box-sizing:border-box; outline:none; background:var(--light); font-size:14px; font-weight:400; color:#404040; appearance:normal; -moz-appearance:none; -webkit-appearance:none; width:100%; font-size:14px; border:1px solid #d8d8d8; outline:none; border-radius:2px; padding:20px 15px 15px 15px; box-shadow:none; } .form .textarea textarea { height:100px; } .radio, .checkbox { position:relative; padding-left:22px; font-size:14px; line-height:28px; color:#404040; cursor:pointer; } .radio:last-child, .checkbox:last-child { margin-bottom:0; } .radio input, .checkbox input { position:absolute; left:-9999px; } .radio input:checked + i, .checkbox input:checked + i, .toggle input:checked + i { border-color:#43bf43; } .radio i, .checkbox i { position:absolute; top:5px; left:0; display:block; width:17px; height:17px; outline:none; border-width:2px; border-style:solid; background:var(--light); } .radio i { border-radius:50%; } .radio input + i:after, .checkbox input + i:after { position:absolute; opacity:0; -ms-transition:opacity 0.1s; -moz-transition:opacity 0.1s; -webkit-transition:opacity 0.1s; } .radio input + i:after { content:''; top:4px; left:4px; width:5px; height:5px; border-radius:50%; } .checkbox input + i:after { content:""; top:1px; left:0px; width:15px; height:7px; font-size:12px; border-bottom:2px solid var(--primary); border-left:2px solid var(--primary); transform:rotate(-45deg); } .radio input:checked + i:after, .checkbox input:checked + i:after { opacity:1; } .radio input + i:after { background-color:#43bf43; } .other-links { margin-top:0px; margin-bottom:0px; text-align:center; } .other-links .text { font-size:15px; font-weight:300; color:#000; margin-bottom:10px; } .other-links a { display:inline-block; padding:7px 10px; border-radius:4px; color:var(--text-dark); background-color:#F7F7F7; font-size:15px; margin-right:5px; } .other-links a:hover { background-color:var(--primary); color:#fff!important; } .other-links a i { width:24px; height:24px; font-size:12px; margin-left:0; text-align:center; color:var(--text-light); margin-right:5px; } .other-links a i[class*="fa-facebook"] { background-color:#3b5998; border-radius:50%; line-height:24px; } .other-links a i[class*="fa-google"] { background-color:#dd4b39; border-radius:50%; line-height:24px; } .other-links a i[class*="fa-linkedin"] { background-color:#007bb6; border-radius:50%; line-height:24px; } .msg { font-size:12px; font-weight:500; color:#f00; margin-bottom:10px; } .add-address { text-align:center; display:inline-block; padding:10px 18px; background:var(--primary); font-size:16px; color:var(--text-light); font-weight:500; border-radius:30px; } .add-address i { line-height:25px; margin-right:5px; } .add-address:hover { background:var(--light); box-shadow:0 0 0 1px var(--primary); } .testimonials-list { text-align:center; } .testimonials-list li { width:100%; display:inline-block; margin:0; } .shopping-cart-items li .menu-icon { width:20px; height:20px; margin-right:5px; } .menu-icon { width:20px; height:20px; margin-right:5px; } .list-item { padding:0; margin:20px 0px; } .list-item li:last-child, .opl li:last-child { border:0 } .list-item li { background:url(../images/ofc-bullet.png) 0 11px no-repeat rgba(0,0,0,0); border-bottom:1px dashed #dfdfdf; line-height:20px; list-style:none; padding:12px 0 12px 40px; font-size:14px; color:#555; font-weight:400; text-align:left; } .list-item > li:first-child { } .list-item .subtezxt { color:#262d59; font-size:16px; margin:30px 0 10px; padding:0!important; border:0; font-weight:600; background:0 0!important; line-height:24px } .list-item li a { font-size:14px; color:#d20000; font-weight:500; text-align:left; } .list-item li a:hover { color:#444; } .cd-accordion { background:hsl(218, 7%, 32%); -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; } .cd-accordion--animated .cd-accordion__label::before { transition:-webkit-transform .3s; transition:transform .3s; transition:transform .3s, -webkit-transform .3s } .cd-accordion__sub { display:block; overflow:hidden } .cd-accordion__sub--is-visible { display:block } .cd-accordion__item { -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none } .cd-accordion__input { position:absolute; opacity:0 } .cd-accordion__label { position:relative; display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; padding:0.75em 1.25em; background:hsl(218, 7%, 32%); --color-shadow:lightness(hsl(218, 7%, 32%), 1.2); color:hsl(0, 0%, 100%); } .cd-accordion__label span { -ms-flex-order:3; order:3 } .cd-accordion__label span a { color:var(--text-light); } .cd-accordion__label:hover { background:hsl(218, 7%, 35.2%); } .cd-accordion__label::after, .cd-accordion__label--icon-folder::before { content:''; display:block; width:16px; height:16px; background-image:url("../images/cd-icons.svg"); background-repeat:no-repeat; margin-right:0.25em; } .cd-accordion__label--icon-folder::before { -ms-flex-order:1; order:1 } .cd-accordion__label::after { -ms-flex-order:2; order:2 } .cd-accordion__label--icon-folder::before { background-position:0 0; -webkit-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg) } .cd-accordion__label--icon-folder::after { background-position:-16px 0; display:none; } .cd-accordion__label--icon-img::after { background-position:-48px 0; display:none; } .cd-accordion__input:checked + .cd-accordion__label::before { -webkit-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0) } .cd-accordion__input:checked + .cd-accordion__label::after { background-position:-32px 0 } .cd-accordion__input:checked ~ .cd-accordion__sub { display:block } .cd-accordion__sub--l1 .cd-accordion__label { background:hsl(218, 7%, 20.8%); --color-shadow:lightness(hsl(218, 7%, 32%), 0.85); box-shadow:inset 0 -1px lightness(hsl(218, 7%, 32%), 0.85); padding-left:calc(1.25em + 16px); } .cd-accordion__sub--l1 .cd-accordion__label:hover { background:hsl(218, 7%, 24%); } .cd-accordion__item:last-child .cd-accordion__label { box-shadow:none } .cd-accordion__sub--l2 .cd-accordion__label { padding-left:calc(1.5em + 32px); } .cd-accordion__sub--l3 .cd-accordion__label { padding-left:calc(1.5em + 48px); } .modal-header .close { padding:5px 10px; background:#f8f9fa; margin:0px; } .modal-title { margin-bottom:0; padding:5px; line-height:normal; } .modal-body #emailf { padding:15px 15px; width:100%; border:1px solid #ddd; border-radius:5px; } .menu-sec { position:fixed; z-index:9; background:var(--light); padding:8px 5px; bottom:0px; left:0px; right:0px; width:100%; display:none; box-shadow:0 -1px 3px rgba(0,0,0,0.2); } .mobile-menu { text-align:center; } .mobile-menu li { display:inline-block; padding:0 10px; position:relative; } .mobile-menu li a { color:#868686; } .mobile-menu li a i { font-size:30px; margin-bottom:2px; } .mobile-menu li a .cart-mobile { position:absolute; top:0px; right:4px; font-size:10px; line-height:18px; width:18px; height:18px; text-align:center; border-radius:50%; background:#dc3545; color:var(--text-light); } .mobile-menu li a span { display:block; font-size:13px; line-height:20px; font-weight:500; } .mobile-menu li a i:active, .mobile-menu li a i:focus, .mobile-menu li a i:hover { color:var(--dark)!important; } .logout { display:none!important; } .logout svg { margin-right: 5px; } .home { display:none!important; } .active { color:var(--dark)!important; } .search-list li { width:31%!important; } @media (max-width:1024px) { .cart-block { width:50%; } .testimonials-list li { width:99%; } dropdown { width:20%; } dropdown label { padding:10px 8px; } .owl-carousel .owl-nav .owl-prev { left:-30px; } .owl-carousel .owl-nav .owl-next { right:-30px; } .storylist li { width:28%; } .Plist li { width:30%; } .Plist-inner li { width:30%!important; } } @media (max-width:992px) { .top-bar { padding: 7px 0; } .discount { font-size:12px; } .mob-cart { display:block; } .menu-sec { display:block; } .search-block { display:none; } .cart-block { display:none; } .logout { display:block!important; } .home { display:block!important; } .shop { display:none!important; } .search-list li { width:47%!important; } .header { padding:0; display:none; } .header .logo { display:block; margin:0px auto; } .header-menu { float:none; text-align:center; margin-top:10px; margin-bottom:0px; } .header-menu > li a { padding:0 5px; } .search-block { float:none; width:100%; margin-bottom:10px; } .cart-block { float:none; width:100%; } .headeradd { position:initial; line-height:normal; float:left; text-align:center; margin-top:8px; display:none; } .headeradd i { line-height:normal; } .shopping-cart { width:93%; } .position-img { display:none; } .Plist li { width:50%; } .Plist-inner li { width:48%!important; margin:2px; } .product-block.grid .caption { padding:0px 10px 10px; } .product-block .image .img-1, .product-block .image .img-2 { height:140px; } .product-block .name-subtitle { height:80px; } .product-block .groups-button .add-cart .product_type_variable { padding:0 5px!important; font-size:10px; display:block; } .product-block .price { margin-bottom:5px; } .product-block .groups-button .add-cart a.button { border-radius:30px; } .product-block .groups-button > div { width:100%; margin-bottom:5px; } .product-block.grid .product-content .number-input { width:100%; margin-right:0px; } .product-block.grid .product-content .number-input input[type=number] { width:50%; margin-right:0px; } .product-block.grid .product-content .number-input button { width:100%; } .testimonials { padding-bottom:30px; margin-top:40px; } .testimonials img { margin-bottom:-10px; } .testimonials-list li { width:90%; } .inner-page { padding:0px 15px; margin-bottom:40px; } .page-header { margin:0 0px 20px 0px; padding:15px 15px; font-size:17px; } .text-heading { margin:0px!important; margin-top: 40px !important;} .footer-shop .shop-list li { width:85%; } .owl-carousel .owl-nav .owl-prev { left:-30px; } .owl-carousel .owl-nav .owl-next { right:-30px; } .text-heading .txt1 { font-size:20px; } .text-heading .txt1 .TBtn { float:none; display:inline-block; } .payment-bg img { width:100%; } .product-block .tbay-subtitle { font-size:13px; } .product-block .price select { padding:0px; font-size:13px; } ul.nav-tabs, .widget-categoriestabs ul.nav-tabs, .widget_deals_products ul.nav-tabs, .widget-product-tabs ul.nav-tabs { display:flex; justify-content:center; align-items:center; overflow:hidden!important; overflow-x:auto!important; overflow-y:hidden!important; flex-wrap:wrap; -webkit-overflow-scrolling:touch; } .widget-categoriestabs ul.nav-tabs > li > a img, .widget_deals_products ul.nav-tabs > li > a img, .widget-product-tabs ul.nav-tabs > li > a img { display:none; } .widget-categoriestabs ul.nav-tabs > li > a { padding:0; } ul.nav-tabs > li, .widget_deals_products ul.nav-tabs > li { padding:0 3px 5px!important; margin:0; min-width:0; } .bottom-footer { margin-top:0px; float:none; text-align:center; padding-bottom:70px; } .footer-menu > li { font-size:11px; } footer { padding:20px 0px 0px; } .storylist li { width:90%; } .footer-social { padding:15px 0; } .footer-social .STitle { font-size:13px; } .pgallery li, .vgallery li { width:95%; } .pgallery li a .cap { font-size:12px; line-height:normal; } .testimonial .title { font-size:14px; font-weight:600; } .contact-data .col-address { width:100%; padding:30px 0px 50px; } .contact-data .col-form { width:100%; padding:0px 0px 50px; } .contact-data .col-form .contact-form-title { margin-bottom:0px; padding-left:25px; } .col-form #frm-query { padding:30px; } .input-wrap { width:100%; } .contact-data .seprator-cols.address:before, .contact-data .seprator-cols.mails:before, .contact-data .seprator-cols.calls:before, .contact-data .no-seprator.website:before { left:0px; } .contact-data .seprator-cols { padding:20px 30px 0; } .contact-data .no-seprator { padding:0 30px; } .naccs { padding:10px; } .naccs .menu, ul.nacc { width:100%; } .storydetails .FSimg li, .storycontent .certificateimg { width:auto; } .login-bg, .Register-bg { background:transparent; } .shop_table.cart thead tr th { font-size:13px; } .cart-collaterals .cart_totals { width:100%; } .sidebar { display:none; } .breadcrumb > li { float:left; } .breadcrumb > li a, .breadcrumb .active { font-size:11px; } .information .product_title { font-size:20px; line-height:normal; } .information p { margin-bottom:5px; } .information .cart { margin:10px 0px 10px 0; padding-top:10px; padding-bottom:10px; } .add_to_cart_button { margin-top:10px; } .cart-section .cart-wishlist .dropdown .cart-icon { font-size:25px; } dropdown { width:42%; } dropdown label { padding:10px 8px; } dropdown .animate i { margin-left:4px; } .addresslist li { width:90%; } .owl-carousel .owl-nav { top:40%; } .farmer-bg { display:none; } #testimonials.owl-carousel .owl-nav { top: 70%; width: 10%; left: 50%; transform: translateX(-50%); } } .wsmenucontainer > pre { display:none; } #processing { background:rgba(255, 255, 255, 0.56) none repeat scroll 0 0; bottom:0; left:0; position:fixed; right:0; top:0; width:100%; z-index:10000; } #fountainTextG { left:calc((100vw - 163px) / 2); margin:auto; position:fixed; top:calc((100vh - 34px) / 2); width:163px; } .fountainTextG { color:#383b44; font-family:Arial; font-size:36px; text-decoration:none; font-weight:400; font-style:normal; float:left; animation-name:bounce_fountainTextG; animation-duration:2.09s; animation-iteration-count:infinite; animation-direction:normal; transform:scale(.5); } #fountainTextG_1 { animation-delay:.75s; } #fountainTextG_2 { animation-delay:.9s; } #fountainTextG_3 { animation-delay:1.05s; } #fountainTextG_4 { animation-delay:1.2s; } #fountainTextG_5 { animation-delay:1.35s; } #fountainTextG_6 { animation-delay:1.5s; } #fountainTextG_7 { animation-delay:1.64s; } @keyframes bounce_fountainTextG { 0% { transform:scale(1); color:#383b44 } 100% { transform:scale(.5); color:#ed3338 } } .starrrating { float:left; margin:0 0 30px; background:var(--light); padding:10px 5px 5px 10px; border-radius:5px; border:1px solid var(--primary); } .starrrating > input { position:fixed; left:-100vw;} .starrrating > label { float:right; transition:all 0.5s; margin-right:10px; } .starrrating > label svg { width:30px; } .starrrating > label polygon { fill:#ddd; } .starrrating > input:checked ~ label polygon, .starrrating:not(:checked) > label:hover polygon, .starrrating:not(:checked) > label:hover ~ label polygon { fill:var(--primary); } .starrrating > input:checked + label:hover polygon, .starrrating > input:checked ~ label:hover polygon, .starrrating > label:hover ~ input:checked ~ label polygon, .starrrating > input:checked ~ label:hover ~ label polygon { fill:var(--primary); } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ input[type=number] { -moz-appearance: textfield; }