#inner-banner{ position: relative; height: 230px; width: 100%; background-size: cover!important; } .img-center { display: block; margin: 0 auto; } .sep10px{ clear: both; height: 10px; } .sep20px{ clear: both; height: 20px; } .sep30px{ clear: both; height: 30px; } .w600max{ max-width: 600px; } .w600maxauto{ max-width: 600px; margin:0 auto; display: block; } .retail-price{ color: #ec1c24; text-decoration: line-through; font-size: 18px; display: block; width: 100%; font-weight: normal; } .sale-price { color: #04D39F; font-size: 18px; display: block; width: 100%; } .btn-multi { background-image: linear-gradient(to right, #04D39F 50%, #a1ddce)!important; background-position: right bottom!important; border: 0!important; border-radius: 0!important; color: #fff!important; font-size: 16px!important; font-weight: normal!important; transition: all 0.3s ease!important; background-size: 200% 100%!important; margin: 0!important; padding: 0.9rem!important; } .btn-multi:hover { color: #fff!important; background-position: left bottom!important; } .btn-max{ width: 100%; max-width: 250px!important; } .small-title{ font-size: 24px; color: #f5f5f5; margin: 0; line-height: 20px; font-weight: 400; /*text-transform: uppercase;*/ border-bottom: 2px solid #20d4a7; background: #20d4a7; padding: 15px; border-radius: 4px; } .productBox{ border: 1px solid #ddd; } .woocommerce.custom-products ul.products li.product { width: 100%!important; margin: 0!important; border: 0!important; } .woocommerce.custom-products ul.products{ padding: 0; margin:0; } .woocommerce.custom-products .product .product-thumbnail .product-thumbnail-main{ padding: 10px; } .woocommerce.custom-products .product .product-info{ background: none!important; } .flex { display: flex; flex-direction: column; height: 100%; justify-content: center; align-items: center; } .font18px { font-size: 18px; } .top-content p{ font-size:18px; } #countdown_1{ display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; } #countdown_1 .fordays .big, #countdown_1 .forhrs .big, #countdown_1 .formins .big, #countdown_1 .forsecs .big { background: #e6e6e6; padding: 10px 12px; border-radius: 4px; color: #494949; font-style: 15px; width:40px; height:40px; margin:0 5px; text-align: center; } #countdown_1 .fordays .small, #countdown_1 .forhrs .small, #countdown_1 .formins .small, #countdown_1 .forsecs .small{ text-transform: uppercase; font-size:10px; font-weight: bold; color: #494949; } #countdown_1 .fordays, #countdown_1 .forhrs, #countdown_1 .formins, #countdown_1 .forsecs{ display: flex; flex-direction: column; align-items: center; justify-content: space-between; } .product-title{ font-size: 18px; line-height: 1.2; color: #000; padding: 0; margin: 0; font-weight: bold; } .btn-center{ display: block!important; margin:0 auto!important; } .featured_image { border: 1px solid #ddd; padding: 20px; position: relative; } .featured_image .save{ width: 65px; height: 65px; border-radius: 100%; background: #20D4A7; color: #fff; font-size: 11px; text-align: center; position: absolute; border: 1px solid #20D4A7; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 5px; top: 5px; left: 5px; } .featured_image .save strong{ display: block; width: 100%; line-height: 1.5; } .featured_image img { display: block; margin: 0 auto; } .sepline{ clear: both; border-top: 1px solid #ddd; width: 100%; padding: 0; height: 1px; margin: 15px 0; } .header-mobile-wrapper{ background: #333; } /**************** whatsapp notification****************/ .push-notification { position: fixed; bottom: -100px; right: 30px; z-index: 99; width: 100%; transition: all 0.5s ease 0s; max-width: 250px; } .close-notification { position: absolute; text-align: center; cursor: pointer; right: 3px; font-size: 16px; top: 0px; font-family: 'Arial', sans-serif; font-weight: 900; } .show-notification { bottom: 0px; } .push-notification a { display: block; padding: 10px; background: #eee; border-radius: 4px 4px 0 0; border: 1px solid #ddd; font-size: 14px; color: #333; font-family: 'Roboto', sans-serif; font-weight: 400; } .push-notification a > img { width: 20px; } /**************** whatsapp notification****************/ @media screen and (max-width: 600px){ #inner-banner{ background-size: contain!important; height: 65px!important; } .retail-price, .sale-price{ font-size: 18px; } .small-title{ font-size: 24px; } footer.site-footer { background: #000!important; padding: 10px 0 0 0!important; } .featured_image .save{ width: 45px; height: 45px; font-size: 9px; padding: 2px; top: -10px; left: -10px; } } @media (min-width: 1200px){ .container { max-width: 1230px!important; /* overriding bootstrap container class for min-width 1200*/ } } @font-face { font-family: 'Roboto-Light'; src: url('../../fonts/root/Roboto-Light.woff') format('embedded-opentype'), url('../../fonts/root/Roboto-Light.woff') format('woff'), url('../../fonts/root/Roboto-Light.woff') format('truetype'), url('../../fonts/root/Roboto-Light.woff') format('svg'); font-weight: normal; font-style: normal; font-display:'swap'; } @font-face { font-family: 'Roboto-regular'; src: url('../../fonts/root/Roboto-Regular.woff') format('embedded-opentype'), url('../../fonts/root/Roboto-Regular.woff') format('woff'), url('../../fonts/root/Roboto-Regular.woff') format('truetype'), url('../../fonts/root/Roboto-Regular.woff') format('svg'); font-weight: normal; font-style: normal; font-display:'swap'; } @font-face { font-family: 'Roboto-bold'; src: url('../../fonts/root/Roboto-Bold.woff') format('embedded-opentype'), url('../../fonts/root/Roboto-Bold.woff') format('woff'), url('../../fonts/root/Roboto-Bold.woff') format('truetype'), url('../../fonts/root/Roboto-Bold.woff') format('svg'); font-weight: normal; font-style: normal; font-display:'swap'; } body, html{ font-family: 'Roboto-regular'; font-size: 13px; } ul#odg-slider { min-height: 106px; padding: 0; margin: 0 auto; display: none!important; } img.lazy{visibility: hidden;} .product-thumbnail-main > img{ max-height: 274px; } ul#odg-slider.slick-initialized{display: block!important;} ul#odg-slider li.slide-wrapper{ position: relative; } ul#odg-slider li.slide-wrapper a{ outline: none!important; border: none!important; padding: 0!important; } .slide-content { position: absolute; width: 100%; bottom: 0; left: 0; right: 0; height: 100%; display: flex; flex-direction: column; justify-content: center; } .slider-content-wrapped{ margin-left: 70px; max-width: 485px; } .slide-content h1 { color: #fff; font-family: Roboto-Bold; font-size: 43px; margin-bottom: 10px; } .slide-content p { color: #fff; font-family: Roboto-Regular; font-size: 25px; margin-bottom: 15px; } .btn, .btn-primary{ border-radius: 0!important; } .slide-content .slider-btn{ color: #000; font-family: Roboto-Regular; font-size: 20px; margin: 0; background: #fff; text-transform: uppercase; border: 1px solid #fff; transition: all 0.3s ease-in-out; } .btn:hover, .btn:active, .btn:focus{ background: #f7c11f!important; border:1px solid #f7c11f!important; } #odg-slider .slick-prev{ left: 0!important; height: 80px!important; padding: 15px; color: #000; width: auto!important; font-size: 0; border: 1px solid #fff; border-radius: 0!important; display: flex!important; } .slick-slider .slick-prev:before { content: "\f0d9"!important; font-size: 32px!important; } #odg-slider .slick-next{ right: 0!important; height: 80px!important; padding: 15px; color: #000; width: auto!important; font-size: 0; border: 1px solid #fff; border-radius: 0!important; display: flex!important; } .slick-slider .slick-next:before { content: "\f0da"!important; font-size: 32px!important; } #odg-slider .slick-prev:hover, #odg-slider .slick-prev:focus, #odg-slider .slick-prev:active, #odg-slider .slick-next:hover, #odg-slider .slick-next:focus, #odg-slider .slick-next:active{ background: #f7c11f!important; color: #fff!important; border: 1px solid #f7c11f; } #odg-slider .slick-dots { position: absolute; bottom: 10px; } #odg-slider .slick-dots li button { background: #fff!important; width: 12px; height: 12px; font-size: 0!important; border: 1px solid #fff; border-radius: 100%; transition: all 0.3s ease-in-out; } #odg-slider .slick-dots li.slick-active button { width: 40px; border-radius: 6px; } .slick-dots li button:before{ display: none!important; } .no-padding{ padding:0!important; } #odg-slider, #random_products, #featured_products, #new_products, #best_products, #sale_products, #history_products, #brand__carousel, #product_cat{ visibility: hidden; } .slick-initialized{visibility: visible!important;} #random_products > .slick-arrow, #featured_products > .slick-arrow, #new_products > .slick-arrow, #best_products > .slick-arrow, #sale_products > .slick-arrow, #history_products > .slick-arrow, #brand__carousel > .slick-arrow, #product_cat > .slick-arrow { background: transparent; color: #000!important; } #random_products > .slick-next:hover, #random_products > .slick-next:focus, #random_products > .slick-next:active, #random_products > .slick-next:visited, #featured_products > .slick-next:hover, #featured_products > .slick-next:focus, #featured_products > .slick-next:active, #featured_products > .slick-next:visited, #new_products > .slick-next:hover, #new_products > .slick-next:focus, #new_products > .slick-next:active, #new_products > .slick-next:visited, #best_products > .slick-next:hover, #best_products > .slick-next:focus, #best_products > .slick-next:active, #best_products > .slick-next:visited, #sale_products > .slick-next:hover, #sale_products > .slick-next:focus, #sale_products > .slick-next:active, #sale_products > .slick-next:visited, #history_products > .slick-next:hover, #history_products > .slick-next:focus, #history_products > .slick-next:active, #history_products > .slick-next:visited, #brand__carousel > .slick-next:hover, #brand__carousel > .slick-next:focus, #brand__carousel > .slick-next:active, #brand__carousel > .slick-next:visited, #product_cat > .slick-next:hover, #product_cat > .slick-next:focus, #product_cat > .slick-next:active, #product_cat > .slick-next:visited { background: transparent; color: #f7c11f!important; } #random_products > .slick-prev:hover, #random_products > .slick-prev:focus, #random_products > .slick-prev:active, #random_products > .slick-prev:visited, #featured_products > .slick-prev:hover, #featured_products > .slick-prev:focus, #featured_products > .slick-prev:active, #featured_products > .slick-prev:visited, #new_products > .slick-prev:hover, #new_products > .slick-prev:focus, #new_products > .slick-prev:active, #new_products > .slick-prev:visited, #best_products > .slick-prev:hover, #best_products > .slick-prev:focus, #best_products > .slick-prev:active, #best_products > .slick-prev:visited, #sale_products > .slick-prev:hover, #sale_products > .slick-prev:focus, #sale_products > .slick-prev:active, #sale_products > .slick-prev:visited, #history_products > .slick-prev:hover, #history_products > .slick-prev:focus, #history_products > .slick-prev:active, #history_products > .slick-prev:visited, #brand__carousel > .slick-prev:hover, #brand__carousel > .slick-prev:focus, #brand__carousel > .slick-prev:active, #brand__carousel > .slick-prev:visited, #product_cat > .slick-prev:hover, #product_cat > .slick-prev:focus, #product_cat > .slick-prev:active, #product_cat > .slick-prev:visited { background: transparent; color: #f7c11f!important; } .slick-disabled{ pointer-events: none; } .pt0{ padding-top: 0!important; } .pb0{ padding-bottom: 0!important; } .pt30{ padding-top:30px!important; } .pb30{ padding-bottom:30px!important; } .pt50{ padding-top:50px!important; } .pb50{ padding-bottom:50px!important; } .pb10{ padding-bottom:10px!important; } .pb15{ padding-bottom:15px!important; } .pl15{ padding-left:15px!important; } .pr15{ padding-right:15px!important; } .pt20{ padding-top:20px!important; } .pb20{ padding-bottom:20px!important; } .mb-30{ margin-bottom: 30px!important; } .mt-30{ margin-top: 30px!important; } .d-block{ display: block!important; } .d-block{ display: none!important; } .sep5px{ clear: both; height: 5px; } .sep10px{ clear: both; height: 10px; } .sep15px{ clear: both; height: 15px; } .sep20px{ clear: both; height: 20px; } footer.site-footer .footer-widgets .row>[class*=col] .widget{ margin-top:0!important; } footer.site-footer{ background: url(../../images/root/footer_bg.png) repeat-y center center!important; } footer.site-footer .footer-widgets-wrapper{ padding: 30px 0 0 0!important; } #custom_htmk-8 .textwidget{ display: flex; flex-direction: row; justify-content: space-between; align-items: center; } /*mega menu css start from here*/ .mega-sub-menu .mega-bordering-left{ display: flex!important; flex-direction: column!important; border-left: 2px solid #e8e8e8!important; min-height: 400px!important; /*margin-bottom: 30px!important;*/ margin-bottom: -10px!important; } .mega-sub-menu .mega-img52max img{ max-height: 50px!important; width: auto!important; } #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{ font-family: Roboto-Bold; font-size: 18px; line-height: 44px!important; height: 44px!important; } #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a{ padding: 0 8px!important; } #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link { color: #333 !important; /*font-family: Roboto-Regular!important;*/ font-size: 13px!important; margin: 0px 0px 10px 0px!important; border: none!important; line-height: 1.3!important; } #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link > strong, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link > strong { color: #000!important; border:none!important; } #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row{ display: flex!important; flex-direction: column!important; } #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus{ color: #f7c11f!important; border-left: 2px solid #f7c11f!important; } #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link, { background: #fff!important; border-bottom: 2px solid #f7c11f!important; color: #000!important; transition: all 0.2s ease!important; } #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a{ color: #fff!important; } #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link:after, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link span.mega-indicator:after{ margin:0!important; } #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link > strong, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link > strong, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus > strong, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus > strong{ font-size: 15px } #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover > strong, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover > strong, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus > strong, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus > strong{ color:#000!important; border:none!important; } .site-header #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>.mega-sub-menu{ padding: 30px 30px 15px 30px!important; border-bottom: 2px solid rgb(12, 175, 192)!important; } @media screen and (min-width: 1200px){ .site-header #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>.mega-sub-menu{ width: 100%!important; left: 0!important; margin-left:0!important; } .site-header .is-sticky #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>.mega-sub-menu{ top: 90px!important; } ul#odg-slider li.slide-wrapper { height: 74vh!important; } } /*mega menu css ends here*/ #header-sticky{ } .topbar_wrapper { /*font-family: 'Roboto-Regular';*/ font-size: 13px; color: #000; } .menu-language-wrapper { position: relative; display: inline; padding: 13px 3px; overflow: hidden; } .menu-language-wrapper #shipping__to { background: #fff; box-shadow: 0 5px 20px rgba(38,38,69,.2); border-radius: 6px; padding: 22px 30px; display: none; top: 100%; overflow: visible; transition: height,.2s,ease; position: absolute; } #shipping__to.animated{ -webkit-animation-duration: 0.3s; animation-duration: 0.3s; } .menu-language-wrapper:hover #shipping__to { display: -webkit-flex; display: -ms-flexbox; display: flex; height: auto; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; left: 7px; width: 140px; padding: 12px; z-index: 99999; } #shipping__to li { padding: 0; margin: 0; width: 100%; text-indent: 0; list-style-type: none; display: block; cursor: pointer; transition: color 0.3s ease; line-height: 1.8; } #shipping__to li:hover { color: #f7c11f!important; } #header___top__nav > a { display: inline; padding: 0 6px; border-right: 1px solid #000; } #header___top__nav > a:first-child{ padding-left: 0; } .menu-language-wrapper:hover #shipping__to:before { content: ''; background: #fff; border-radius: 4px; position: absolute; left: 30px; top: -9px; width: 20px; height: 20px; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-top: 1px solid #ddd; border-left: 1px solid #ddd; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 6px dashed; border-right: 6px solid transparent; border-left: 6px solid transparent; margin-top: -2px; } /*product details box start*/ .woocommerce .products .product{ border: none!important; box-shadow: none!important; -webkit-box-shadow:none!important; } .product .product-thumbnail-main{ min-height: 300px; /*height: 269px!important;*/ display: flex!important; border: 1px solid #e1e1e1!important; /*overflow: auto!important;*/ } .product .product-thumbnail-main > img{ /*height: 200px!important;*/ margin: auto!important; /*width: 200px!important;*/ transform: none!important; height: auto!important; width: auto!important; } .product .product-info { position: relative!important; padding: 10px!important; overflow: hidden!important; line-height: 1.5!important; height: 85px!important; min-height: 85px!important; } .productrating{ display: block; } .productrating > img{ margin:auto!important; width: 75px!important; } .product .product-info .product-name { padding: 0!important; margin: 0!important; font-size: 13px!important; font-family: 'Roboto-Regular'!important; } .product .product-info .product-name a { font-size: inherit!important; font-family: inherit!important; line-height: 1.3!important; height: auto!important; } .product .product-info span.price{ font-family: 'Roboto-Bold'!important; font-size: 14px!important; } .product .product-info span.price > span{ font-size: inherit!important; line-height: 1.4!important; } .product .product-info span.price > span del{ color: #a7a7a7!important; opacity: 1!important; font-family: 'Roboto-Regular'!important; } .product .product-info span.price > span ins{ font-size: inherit!important; color: #000!important; font-family: inherit!important; } .product .product-info span.price > span del span.woocommerce-Price-amount, .product .product-info span.price > span ins span.woocommerce-Price-amount{ font-size: 14px!important; } section.product__details__tabs { margin-top: 50px; } section.product__details__tabs div.wc-tabs-nav-wrapper{ border-bottom: 1px solid #ddd; } section.product__details__tabs div.wc-tab { padding: 30px 0; } .woocommerce #reviews #comments h2 { line-height: 1.3!important; font-size: 18px; color: #000; font-family: 'Roboto-Bold'; text-transform: initial; margin-bottom: 15px!important; } div.comment_container > img { display: none!important; } .woocommerce #reviews #comments ol.commentlist li .comment-text { margin: 0!important; padding: 0!important; border: 0!important; font-size: 14px; line-height: 1; font-family: 'Roboto-Regular'; color: #000; } .woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating{ display: block!important; } .woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating > span{ color: #f7c11f!important; } .woocommerce #reviews #comments ol.commentlist li { border-bottom: 1px solid #ddd; } .comment-form-rating{ line-height: 1!important; } .comment-form-rating .stars a:before{ color: #f7c11f!important; } .product__details__tabs ul.tabs { padding: 0; list-style: none; margin: 0; display: inline-block; width: 100%; } .product__details__tabs ul.tabs > li { display: inline-block; margin-right: 25px; } .product__details__tabs ul.tabs > li > a { color: #bbb; font-size: 18px; text-transform: uppercase; display: block; font-family: 'Roboto-Regular'; } .product__details__tabs ul.tabs > li.active > a{ color: #f7c11f!important; border-bottom:1px solid #f7c11f; } .woocommerce-notices-wrapper{display: none!important;} /*product details box start*/ /*hamburger start*/ .one-hamburger { position: relative; margin-left: 0; margin-right: 10px; padding: 0; width: 23px; height: 15px; vertical-align: middle; background: none; border: none; cursor: pointer; } .one-hamburger:hover, .one-hamburger:active, .one-hamburger:focus, .one-hamburger:visited{ outline: none!important; } .one-hamburger__icon, .one-hamburger__icon:after, .one-hamburger__icon:before { transition: top .1s ease-in-out .1s,-webkit-transform .1s ease-in-out; transition: transform .1s ease-in-out,top .1s ease-in-out .1s; transition: transform .1s ease-in-out,top .1s ease-in-out .1s,-webkit-transform .1s ease-in-out; } .one-hamburger__icon, .one-hamburger__icon:after, .one-hamburger__icon:before { display: block; position: absolute; left: 0; right: 0; width: 100%; background-color: #187dc1; border-radius: .09375rem; } .one-hamburger__icon { top: 40%; height: 20%; } .one-hamburger__icon, .one-hamburger__icon:after, .one-hamburger__icon:before { transition: top .1s ease-in-out .1s,-webkit-transform .1s ease-in-out; transition: transform .1s ease-in-out,top .1s ease-in-out .1s; transition: transform .1s ease-in-out,top .1s ease-in-out .1s,-webkit-transform .1s ease-in-out; } .one-hamburger__icon:after, .one-hamburger__icon:before { content: ""; height: 100%; } .one-hamburger__icon:before { top: -200%; } .one-hamburger__icon, .one-hamburger__icon:after, .one-hamburger__icon:before { display: block; position: absolute; left: 0; right: 0; width: 100%; background-color: #fff; border-radius: .09375rem; } .one-hamburger__icon:after { top: 200%; transition: all 0s!important; -webkit-transition: all 0s!important; } .one-u-sr-only { display: block!important; position: absolute!important; width: .0625rem!important; height: .0625rem!important; padding: 0!important; overflow: hidden!important; clip: rect(0,0,0,0)!important; white-space: nowrap!important; border: 0!important; } .one-hamburger.is-vertical-open .one-hamburger__icon:before { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .one-hamburger.is-vertical-open .one-hamburger__icon { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .one-hamburger.is-vertical-open .one-hamburger__icon:after, .one-hamburger.is-vertical-open .one-hamburger__icon:before { top: 0; transition: all 0s!important; -webkit-transition: all 0s!important; } /*hamburger end*/ .animated__03s{ -webkit-animation-duration: 0.3s; animation-duration: 0.3s; } .animated__05s{ -webkit-animation-duration: 0.5s; animation-duration: 0.5s; } .d__flex{ display: flex; } .flex__row{ flex-direction: row; } .flex__column{ flex-direction: column; } .f__j__c { justify-content: center; } .f__a__c{ align-items: center; } .f__a__b{ align-items: baseline; } .f__j__space__round { justify-content: space-around; } .f__j__sb { justify-content: space-between; } .f__j__e{ justify-content: flex-end; } .pt15{ padding-top: 15px; } .pb15{ padding-bottom: 15px; } #site-logo{ max-width: 180px; } .site-header .header-sticky-inner .woo-tools{ margin:0!important; } .mega-d__flex > .mega-sub-menu{ display: flex!important; flex-direction: row; align-items: center; } .header-search-wrap{ margin:0!important; } .search-form input.search-form{ background: #fff url(../../images/root/search_icon.png) no-repeat center right 15px !important; color: #000!important; font-family: 'Roboto-regular'!important; font-size: 14px!important; padding: 6px 15px!important; height: 36px!important; } .search_form-search-button{ top: 0!important; width: 20px!important; height: 28px!important; bottom: 0!important; margin: auto!important; right: 15px!important; } .search-form .search_form-search-button:before { color: #000!important; font-weight: normal!important; font-size: 14px!important; height: inherit!important; width: inherit!important; line-height: inherit!important; } .search-form .search_form-search-button input{display: none!important;} input::placeholder{ color: #b7b7b7!important; font-family: 'Roboto-regular'!important; font-size: 14px!important; } .wishlist__icon, .cart__icon{ position: relative; width: 30px; height: 30px; margin: 0 15px 0 0; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } .wishlist__icon img, .cart__icon img{ max-height: 100%; } .wishlist__icon .ciyashop-wishlist-count{ position: absolute; background: #fff; width: 20px; height: 20px; color: #000; text-align: center; font-size: 12px; line-height: 20px; border-radius: 100%; bottom: -10px; right: 0px; } .cart__icon .cart-count{ position: absolute; background: #fff; width: 20px; height: 20px; color: #000; text-align: center; font-size: 12px; line-height: 20px; border-radius: 100%; bottom: -10px; right: 0px; } .wishlist__icon:hover .ciyashop-wishlist-count{ background: #f7c11f!important; color: #fff; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } .cart__icon:hover .cart-count{ background: #f7c11f!important; color: #fff; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } /*.cart__icon .cart__content{ background: #fff; box-shadow: 0 5px 20px rgba(38,38,69,.2); border-radius: 6px; padding: 22px 30px; display: none; top: 100%; overflow: visible; transition: height,.2s,ease; position: absolute; } .cart__icon:hover .cart__content{ display: -webkit-flex; display: -ms-flexbox; display: flex; height: auto; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; left: 7px; width: 140px; padding: 12px; z-index: 99999; } .cart__icon:hover .cart__content:before { content: ''; background: #fff; border-radius: 4px; position: absolute; left: 30px; top: -9px; width: 20px; height: 20px; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-top: 1px solid #ddd; border-left: 1px solid #ddd; }*/ /*fixed menu open with hamburger*/ .close_leftsidebar{ background: rgba(0,0,0,0.75); position: fixed; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; z-index: 9999; } #fixed__menu { position: fixed; width: 100%; left: 0; right: 0; top: 0; max-width: 270px; height: 100%; background: #1E2126; color: #fff; font-size: 15px; /*font-family: 'Roboto-bold';*/ z-index: 99999; overflow: auto; } #fixed__menu #site-navigation-sticky-mobile{ min-height: 43%!important; } #fixed__menu.is-sticky{ /*top: 79px!important;*/ } #fixed__menu.menu__collapsed, .close_leftsidebar.menu__collapsed{ display: none; } #fixed__menu.menu__opened, .close_leftsidebar.menu__opened{ display: block; } #fixed__menu .slicknav_menu { background: transparent; padding: 0!important; color: inherit; font-size: inherit; font-family: inherit; } #fixed__menu #site-navigation-sticky-mobile a.slicknav_btn.slicknav_collapsed { display: none!important; } #fixed__menu #site-navigation-sticky-mobile nav { display: block!important; color: inherit; font-size: inherit; font-family: inherit; top: unset!important; background: transparent!important; margin: 0!important; padding: 0!important; } #fixed__menu #site-navigation-sticky-mobile nav ul{ padding:0; margin:0; color: inherit; font-size: inherit; font-family: inherit; } #fixed__menu #site-navigation-sticky-mobile nav ul li { border-bottom: 1px solid #f7c11f!important; position: relative; color: inherit; font-size: inherit; font-family: inherit; margin:0; } #fixed__menu #site-navigation-sticky-mobile nav ul li > a { color: inherit; font-size: inherit; font-family: inherit; padding: 10px 15px; margin: 0; position: relative; } #fixed__menu #site-navigation-sticky-mobile nav ul li > a > .slicknav_arrow{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: 0; width: 100%; font-size: 0; transform: none!important; -webkit-transform:none!important; -moz-transform:none!important; height: auto!important; } #fixed__menu #site-navigation-sticky-mobile nav ul li.slicknav_collapsed > a > .slicknav_arrow::after { content: ''; position: absolute; right: 30px; top: 0; bottom: 0; margin: auto; height: 7px; border-top: 6px solid #fff; border-left: 6px solid transparent; border-right: 6px solid transparent; } #fixed__menu #site-navigation-sticky-mobile nav ul li.slicknav_open > a > .slicknav_arrow::after{ content: ''; position: absolute; right: 30px; top: 0; bottom: 0; margin: auto; height: 7px; border-bottom: 6px solid #fff; border-left: 6px solid transparent; border-right: 6px solid transparent; } #fixed__menu #site-navigation-sticky-mobile nav ul li > a:hover > span.slicknav_arrow { background: #f7c11f!important; } #fixed__menu #site-navigation-sticky-mobile nav > ul > li > a:hover{ color: #fff!important; background: transparent!important; font-size: inherit; font-family: inherit; } #fixed__menu #site-navigation-sticky-mobile nav > ul > li > ul > li > a:hover{ background: #000!important; color: #fff!important; border-radius: 0!important; } #fixed__menu #site-navigation-sticky-mobile nav ul li > a:hover a{ background: transparent!important; color: #fff!important; z-index: 99; position: relative; } #fixed__menu #site-navigation-sticky-mobile .slicknav_menu nav ul ul.sub-menu { background: #fff; color: #000; } /*fixed menu hamburger*/ .woocommerce .product .product-actions{ top: 0!important; right:0!important; } .woocommerce .product .product-actions .product-actions-inner{ background: #f7c11f!important; } .woocommerce .product .product-actions a:before{ top: 0!important; } .woocommerce .product .product-actions a{ color: #fff!important; width: 30px!important; height: 30px!important; } .woocommerce .product .free__shipping__note{ font-size: 13px; font-family: 'Roboto-Regular'; margin-top: 3px; display: inline-block; color: #000; } #sec__tabs ul { padding: 0; margin: 0; list-style: none; display: flex; flex-direction: row; justify-content: center; align-items: center; border-bottom: 1px solid #e7e7e7; } #sec__tabs > ul > li{ margin: 0 15px; } #sec__tabs > ul > li > a { display: inline-block; padding: 10px 0; font-size: 28px; /*font-family: 'Roboto-Light';*/ text-transform: uppercase; color: #000; position: relative; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } /*#sec__tabs > ul > li:hover > a:after { content: ''; position: absolute; left: 0; right: 0; bottom: -1px; width: 100%; height: 2px; background: #f7c11f; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }*/ #sec__tabs > ul > li > a.active-tab::after { content: ''; position: absolute; left: 0; right: 0; bottom: -1px; width: 100%; height: 2px; background: #f7c11f; } #sec__tabs > ul > li > a.active-tab{ /*font-family: 'Roboto-Bold';*/ } .tab__content{ height:0px; overflow: hidden; padding: 0px; } .tab__content.activated{ height: auto!important; padding-top: 30px; padding-bottom: 30px; } #brand__logo__slider{ border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; padding: 20px 0; } #brand__carousel, #product_cat{ padding: 0; margin-bottom: 0; } .page__title{ font-size: 28px; /*font-family: 'Roboto-Bold';*/ text-transform: uppercase; color: #000; position: relative; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; margin:0; padding:0; } .page__title__text { font-family: 'Roboto-regular'; text-transform: inherit; } .bottom-bd { border-bottom: 1px solid #e7e7e7; padding-bottom: 5px; position: relative; } .bottom-bd .page__title:after { content: ''; position: absolute; bottom: -11px; width: 100%; height: 2px; background: #f7c11f; left: 0; right: 0; } /* dealbox css start here*/ .dealbox{ border: 1px solid #0c0c0c; padding: 20px 10px; border-radius: 10px; display: flex; flex-direction: row; align-items: center; justify-content: space-around; min-height: 230px; margin-bottom: 15px; } .dealbox .deal__block { width: 160px; position: relative; } .dealbox .deal__block h3 { font-family: 'Roboto-Regular'; font-size: 14px; margin: 0; color: #000; line-height: 1.2; text-align: center; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dealbox .deal__block .price { display: flex; flex-direction: row; align-items: center; justify-content: space-between; font-size: 12px; color: #000; font-family: 'Roboto-Regular'; max-width: 150px; margin: 0 auto; } .dealbox .deal__block .price .retail{ text-decoration: line-through; text-decoration-color: #eb1b24; font-size: 13px; } .dealbox .deal__block .price .sale{ color: #eb1b24; font-family: 'Roboto-Bold'; font-size: 16px; } .dealbox .deal__block .stock { display: flex; flex-direction: row; justify-content: space-between; align-items: center; font-family: 'Roboto-Regular'; font-size: 12px; color: #000; } .dealbox .deal__block .hurry{ font-family: 'Roboto-Regular'; font-size: 12px; color: #000; display: block; text-align: center; } .dealbox .deal__block .stockbar { height: 9px; width: 100%; border-radius: 10px; border: 1px solid #e1e1e1; background: #e1e1e1; position: relative; } .dealbox .deal__block .stockbar:after { content: ''; position: absolute; height: 9px; width: 36%; left: 0; right: 0; background: #333; border-radius: 10px; border: 1px solid #333; } .dealbox .mycountdown{ display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; color: #000!important; } .dealbox .mycountdown .fordays .big, .dealbox .mycountdown .forhrs .big, .dealbox .mycountdown .formins .big, .dealbox .mycountdown .forsecs .big { background: #e6e6e6; padding: 10px 12px; border-radius: 4px; color: #000; font-size: 12px; font-family: 'Roboto-Regular'; width:40px; height:40px; margin:0 5px; text-align: center; } .dealbox .mycountdown .fordays .small, .dealbox .mycountdown .forhrs .small, .dealbox .mycountdown .formins .small, .dealbox .mycountdown .forsecs .small{ text-transform: uppercase; font-size:10px; font-weight: bold; color: #494949; } .dealbox .mycountdown .fordays, .dealbox .mycountdown .forhrs, .dealbox .mycountdown .formins, .dealbox .mycountdown .forsecs{ display: flex; flex-direction: column; align-items: center; justify-content: space-between; } .deal__block .save { position: absolute; height: 54px; width: 54px; text-align: center; border-radius: 100%; color: #fff!important; background: #f7c11f!important; font-family: 'Roboto-Bold'; line-height: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 10px; top: -15px; right: -15px; } /* dealbox css ends here*/ .save{ position: absolute; height: 54px; width: 54px; text-align: center; border-radius: 100%; color: #fff!important; background: #f7c11f!important; font-family: 'Roboto-Bold'; line-height: 1.3; display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 11px; top: 10px; left: 10px; z-index: 9; } #masthead-inner > .header-nav.header-nav-bg-color-default, #masthead > #masthead-inner > .header-main{ background: transparent!important; } #masthead > #masthead-inner{ /*background: url('../images/header_bg.jpg') no-repeat bottom -40px center !important;*/ /*background: url('../images/header_bg_latest.jpg') no-repeat bottom -40px center !important;*/ } .topbar{ background: #fff!important; } #product_cat li.category{ height: 385px; list-style: none!important; transition: all 0.3s ease; } #product_cat .overlay { height: 72px; position: absolute; margin: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.85); font-family: 'Roboto-Bold'; color: #fff; font-size: 30px; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; } #product_cat li.category:hover .overlay{ height: 100px } #product_cat .overlay h3 { margin: 0; text-align: center; font-size: inherit; font-family: inherit; color: inherit; } .bluebg { background: #f7c11f; padding: 20px 0!important; } p.newsletter_desc { padding-left: 45px; background: url('../../images/root/newsletter-icon.png') no-repeat center left; background-size: 30px; margin: 0; font-size: 18px; font-family: 'Roboto-Light'; color: #000; } p.newsletter_desc > span { font-family: 'Roboto-Bold'; } #newsletterForm #txtEmail { border-radius: 20px 0 0 20px!important; border: 1px solid #fff!important; color: #000!important; font-family: 'Roboto-Regular'!important; font-size: 14px!important; } #newsletterForm #txtSubmit { border-radius: 0 20px 20px 0!important; border: 1px solid #000!important; background: #000!important; color: #fff!important; font-family: 'Roboto-Bold'!important; font-size: 16px!important; } #newsletterForm div#response { margin-top: 20px; display: none; } div#result { font-size: 12px; font-family: 'Roboto-Light'; color: #000; margin: 0px; display: none; } .align-center{ align-items: center!important; } #footer__custom{ /*background: rgba(0,0,0,0.50) url('../images/footer_bg.jpg') no-repeat center center!important;*/ background: rgba(0,0,0,0.50); background-size: cover!important; /*min-height: 550px;*/ position: relative; } .footer__title { margin: 0; color: #fff; font-size: 18px; font-family: 'Roboto-Bold'; text-transform: uppercase; } .bg__overlay{ background:rgba(0,0,0,0.5); height: 100%; width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } /*****footer dropdown menu****/ ul.footer__Menu{ list-style:none; padding:0; margin:0 auto; max-width: 360px; } ul.footer__Menu > li{ list-style: none; } ul.footer__Menu > li > a{ display: block; width: 100%; margin-bottom: 10px; margin-bottom: 7px; color: #f7f7f7; /*font-family: 'Roboto-Regular';*/ font-size: 18px; transition: all 0.3s ease; line-height: 1; } ul.footer__Menu > li > a:hover{ color: #f7c11f!important; color: #fff!important; } .dropdown__menu{ display: none; padding:0; margin: 0; list-style: none; } ul.footer__Menu > li.custom__dropdown{ border-bottom: 1px solid #e3e1e1; font-family: 'Roboto-Bold'; position: relative; } ul.footer__Menu > li.custom__dropdown > a.caret-down{ position: relative; padding: 10px 0; margin: 0; } ul.footer__Menu > li.custom__dropdown > a.caret-down > span.caret{ right: 15px; top: 0; bottom: 0; margin:auto; position: absolute; } .dropdown__menu > li > a{ display: block; width: 100%; margin-bottom: 10px; color: #fff; font-family: 'Roboto-Regular'; font-size: 15px; transition: all 0.3s ease; line-height: 1; } /*****footer dropdown menu****/ /********social Media icons****/ ul.social__media__icons { list-style: none; padding: 0; margin: 0; } ul.social__media__icons li { display: inline-block; /* width: 36px; */ height: 36px; margin-right: 15px; } ul.social__media__icons li a{ display: block; width: 100%; height: 100%; transition: all 0.3s ease; font-size: 32px; color: #fff; } ul.social__media__icons li a:hover{ color: #f7c11f!important; color: #fff!important; } ul.consumer__logo { list-style: none; padding: 0; margin: 0; display: flex; justify-content: flex-end; } ul.consumer__logo > li { max-width: 130px; margin-left: 20px; } /********social Media icons****/ .extreme__bottom__part{ justify-content: center; align-items: center; } .extreme__bottom__part p{ margin:0; } .extreme__bottom__part .flex__right img { margin-left: 15px; max-height: 40px; } .extreme__bottom__part .flex__right img:first-child{ /*margin-left: 0;*/ } .slick-prev, .slick-next{ width: auto!important; height: auto!important; } ul.slick-dots{ display: block; margin: 0!important; padding: 0!important; position: absolute; top: unset; bottom: 0; } ul.slick-dots li button{ background: transparent; border: 1px solid #f7c11f; border-radius:100%; transition: all 0.3s ease; height: 12px; width: 12px; } ul.slick-dots li.slick-active button{ background: #f7c11f; } /**********newsletter popup css start*****/ #newsletter__popup{ background: url('../../images/root/newsletter__popup.jpg') no-repeat center center; font-family: 'Roboto-regular'; font-size: 14px; color: #000; width: 100%; height: 100%; min-height: 480px; overflow: hidden!important; display: flex; align-items: center; } .news__flex { display: flex; flex-direction: row; height: 440px; align-items: center; justify-content: flex-start; } .flex__left{ height: 100%; align-items: center; display: flex; flex-direction: column; padding: 20px; background: rgba(255,255,255, 0.85); } #newsletter__popup .flex__left{ width: 340px; } .flex__left h1 { font-size: 36px; text-transform: uppercase; color: #000; font-family: 'Roboto-bold'; margin: 0; } .flex__left h3 { font-size: 24px; margin: 0; text-align: center; text-transform: lowercase; color: #000; } .flex__left h2 { color: #0aafc0; font-size: 36px; font-family: 'Roboto-Bold'; margin: 0; } .flex__left p { text-align: center; justify-content: center; font-size: 14px; line-height: 1.3; color: #000; font-family: 'Roboto-Regular'; } .flex__left p a{ color: inherit; font-family: inherit; font-size: inherit; } .flex__left #newsletterForm_popup #txtSubmit{ width: 100px!important; background: #0aafc0!important; font-size: 14px!important; text-transform: capitalize!important; font-family: 'Roboto-Regular'!important; border-color: #0aafc0!important; border-radius: 0 20px 20px 0!important; } .flex__left #newsletterForm_popup #txtEmail{ border-color: #0aafc0!important; border-radius: 20px 0 0 20px!important; } #cboxOverlay{ background: rgba(255,255,255, 0.95)!important; overflow: hidden!important; } #colorbox { outline: 0; border: none!important; background: none!important; overflow: hidden!important; } button#cboxClose { right: 15px!important; top: 15px!important; /*background: url(../images/controls-colorbox.png) no-repeat center center!important;*/ background: url(../../images/root/cross.png) no-repeat center center!important; background-size: 20px!important; } #cboxWrapper { padding: 0!important; margin: 0!important; background: none!important; overflow: hidden; } #cboxMiddleLeft, #cboxBottomLeft, #cboxMiddleRight, #cboxTopCenter, #cboxTopLeft, #cboxTopRight, #cboxBottomCenter, #cboxBottomRight, #cboxTitle{ display: none!important; } #cboxContent{background: transparent!important;} /*****newsletter popup css end********/ @media screen and (min-width: 1200px){ #random_products > .slick-prev, #featured_products > .slick-prev, #new_products > .slick-prev, #best_products > .slick-prev, #sale_products > .slick-prev, #history_products > .slick-prev, #brand__carousel .slick-prev, #product_cat .slick-prev{ left: -35px!important; } #random_products > .slick-next, #featured_products > .slick-next, #new_products > .slick-next, #best_products > .slick-next, #sale_products > .slick-next, #history_products > .slick-next, #brand__carousel .slick-next, #product_cat .slick-next{ right: -35px!important; } } @media screen and (max-width: 600px){ #p-d-terms{ display:none; } #product_cat .slick-dots{bottom: -25px!important;margin-bottom:9px!important;} p.newsletter_desc{ font-size: 14px; margin-bottom: 10px; } .product .product-info span.price{font-style: 12px!important} } @media screen and (max-width: 991px){ .sticky-wrapper{/*display: none!important;*/} #masthead .header-main{display:block!important;} header#mobile{ background: url('../images/header_bg.jpg') no-repeat bottom -40px center !important; position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 999; padding-left: 5px; } #mobile__search{ display: none; position: absolute; z-index: 99; background: #fff!important; width: 100%; padding: 5px 15px; -webkit-box-shadow:0px 0px 8px 1px rgba(0,0,0,0.5); -moz-box-shadow:0px 0px 8px 1px rgba(0,0,0,0.5); -ms-box-shadow:0px 0px 8px 1px rgba(0,0,0,0.5); -o-box-shadow:0px 0px 8px 1px rgba(0,0,0,0.5); box-shadow:0px 0px 8px 1px rgba(0,0,0,0.5); } #mobile__search .search-form{ border: none!important; padding:0!important; } #mobile__search .search_form-wrap{ position: unset!important; } a#serarchtoggle { margin-right: 20px; } /*for small screens we will not show popup notification*/ .push-notification.show-notification{ display: none!important; } .footer-mobile-device-actions a{ color: #000!important; } #breadcrumbs{ display: none; } #product-details{ margin-top: 40px; } .container { padding: 8px; } } @media screen and (min-width: 768px) and (max-width: 991px){ .slide-content h1{ font-size:30px; line-height: 1.3; } .slide-content p{ font-size: 20px; } .slide-content .slider-btn{ font-size: 16px; padding: 0 12px; } } @media screen and (max-width: 767px){ .slide-content h1{ font-size:20px; line-height: 1.2; } .slide-content p{ font-size: 16px; } .slide-content .slider-btn{ font-size: 14px; padding: 0 10px; } ul.consumer__logo{ justify-content: center; } ul.consumer__logo li:first-child{ margin-left:0; } .extreme__bottom__part { flex-direction: column-reverse!important; } .extreme__bottom__part .extreme__bottom__part{ margin-bottom: 20px; } } @media screen and (max-width: 576px){ #odg-slider .slick-slide img { max-width: 100%; padding-top: 27px; max-height: none; } .slider-content-wrapped{ margin-left: 0px!important; } .slider-content-wrapped h1{ font-size: 15px!important; line-height: 1!important; margin-bottom: 10px!important; } .slider-content-wrapped p{ font-size: 14px!important; line-height: 1!important; margin-bottom: 10px!important; } .page__title{ font-size: 18px; } #sec__tabs > ul > li > a{ font-size: 15px!important; } #sec__tabs > ul > li{ margin:0 10px; } .dealbox{ padding:10px; min-height:180px; } .deal__block .save{ left: -9px; top: -14px; height: 45px; width: 45px; font-size: 7px; } .pt30{padding-top:15px!important;} .pb30{padding-bottom:15px!important;} /* #odg-slider .slick-arrow{display: none!important;}*/ #odg-slider .slick-dots{bottom: 8px!important;} .product .product-thumbnail-main{ min-height: 250px; /*height:220px!important;*/ padding:15px; } .product .product-info span.price{ font-size: 12px!important; } } #site-navigation #mega-menu-primary > #mega-menu-item-12672 > .mega-sub-menu{ background: #fff url('../images/mens.jpg') no-repeat top right !important; background-size: contain!important; } #site-navigation #mega-menu-primary > #mega-menu-item-12673 > .mega-sub-menu{ background: #fff url('../images/womens.jpg') no-repeat top right !important; background-size: contain!important; } #site-navigation #mega-menu-primary > #mega-menu-item-12674 > .mega-sub-menu{ background: #fff url('../images/kids.jpg') no-repeat top right !important; background-size: contain!important; } #site-navigation #mega-menu-primary > #mega-menu-item-12675 > .mega-sub-menu{ background: #fff url('../images/activities.jpg') no-repeat top right !important; background-size: contain!important; } /******product detail page css starts from here************/ .woocommerce_inner-intro{ box-shadow: none!important; -webkit-box-shadow: none!important; -ms-box-shadow: none!important; background: #fff!important; } #ciyashop_breadcrumbs li a, #ciyashop_breadcrumbs li span { color: #000!important; font-family: 'Roboto-Regular'; font-size: 12px; } #ciyashop_breadcrumbs li{ position: relative; padding: 0 9px 0 16px; margin: 0!important; } #ciyashop_breadcrumbs li.home { padding-left: 0; } #ciyashop_breadcrumbs li:first-child:before{ display: none!important; } #ciyashop_breadcrumbs li:before{ content: ''; border-top: 5px solid transparent!important; border-bottom: 5px solid transparent!important; border-left: 5px solid #000!important; height: 5px!important; width: 5px!important; position: absolute; left: 0!important; top:0; bottom: 0; margin:auto; } .ciyashop-product-gallery { position: relative; border-right: 1px solid #e1e1e1!important; border-top: none!important; border-bottom: none!important; border-left: none!important; padding: 10px!important; margin-left: 87px!important; } .ciyashop-product-gallery__image { height: auto!important; max-width: 400px!important; max-height: 400px!important; } .ciyashop-gallery-thumb_vh-vertical.ciyashop-gallery-thumb_position-left{ padding:0!important; overflow: hidden!important; } .woocommerce.single-product div.product .related.products{ margin-bottom: 30px; } .ciyashop-product-thumbnails .ciyashop-product-thumbnails__wrapper .slick-slide > div { border: 1px solid #ddd!important; padding: 5px!important; background: #fff!important; } .woocommerce_inner-intro.inner-intro { padding: 15px 0!important; } .single-product span.yith-wcbr-brands { margin: 0; line-height: 1; font-size: 0; } .single-product span.yith-wcbr-brands { margin: 0; line-height: 1; font-size: 0; display: block!important; } .single-product span.yith-wcbr-brands > span > a{ font-size: 14px!important; color: #bbbbbb!important; font-family: 'Roboto-Regular'; display: inline-block; margin-bottom: 5px; } .single-product .yith-wcbr-brands-logo{ display: none!important; } .single-product h1.product_title { font-size: 18px!important; line-height: 1.3!important; font-family: 'Roboto-Bold'!important; color: #000!important; text-transform: uppercase; margin-bottom: 0px!important; } .review-area ul{ padding-left:0; margin-bottom:0;} .review-area ul li{ display:inline; line-height: 1.3; } .review-area ul li a{ border-right: 1px solid #bbb; padding-right: 6px; margin-right: 6px; color:#f7c11f;} .review-area ul li a:hover{ color:#f7c11f; text-decoration:underline;} .review-area ul li:last-child a{ border-right:none;} .review-area{ border-bottom:1px solid #e0e0e0; padding-bottom:15px; margin-bottom:15px;} .woocommerce.single-product .product-content-top .price__wrapper p.price{ margin:0!important; } .woocommerce div.product .product-content-top p.price del, .woocommerce div.product span.price del{ display:inherit; } .woocommerce.single-product .product-content-top .woocs_price_code{ display: flex!important; flex-direction: column!important; line-height: 1.3!important; } .woocommerce.single-product div.product .product-content-top .price del{ color: #bbb!important; font-size: 16px; margin:0!important; } .woocommerce.single-product div.product .product-content-top .price ins{ color: #f7c11f!important; font-size: 20px!important; margin:0!important; } .woocommerce.single-product div.product .product-content-top .price .amount{ color: inherit!important; font-size: inherit!important; font-family: 'Roboto-Regular'!important; font-weight: normal!important; } .custom-price ul{ padding: 0; margin-bottom: 20px; display: inline-block; width: 100%; } .custom-price ul li{ float:left; list-style-type:none; line-height:5px; margin-right:15px;} .custom-price ul li:first-child{ float:none;} .custom-price ul li:last-child{ display:inline-flex;} .custom-price .dropdown-toggle{ background:none; border:none; padding-left:5px;} .custom-price .price ins{ float:left; margin-right:15px;} .dropdown-menu{ padding:20px!important; width:350px;} .dropdown-menu li{ margin-right:0;} .dropdown-menu li{ display: inherit!important; line-height: 20px!important;} .dropdown-menu li p{ font-size:12px;} .dropdown-menu{ transform: translate3d(0px, 0px, 0px)!important;} .single_add_to_cart_button:hover{ background:#f7c11f!important; } html { scroll-behavior: smooth; } .review-area ul li.stars a { font-size: 12px; font-family: 'Roboto-Light'; color: #bbb; text-decoration: none!important; } .custom__attributes { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-end; position: relative; margin-bottom: 15px; } .custom__attributes > div { margin-right: 10px; } .show__discount .saver { padding: 3px 8px; border: 1px solid #ddd; line-height: 1.3; color: #bbb; font-size: 14px; font-family: 'Roboto-Light'; } .free__shipping { margin-right: 0!important; display: flex; align-items: center; justify-content: space-between; font-family: 'Roboto-Bold'; font-size: 14px; color: #000; } .free__shipping a.dropdown-toggle { margin-left: 10px; color: #bbb; font-family: 'Roboto-Light'; } .free__shipping a.dropdown-toggle:after { /*display: none!important;*/ } .free__shipping a.dropdown-toggle:hover{ text-decoration: underline; } .free__shipping .dropdown-menu.show { max-width: 450px; width: 100%; font-family: 'Roboto-Regular'; line-height: 1.2; font-size: 12px; color: #bbb; padding: 15px 10px!important; right: -64px!important; left: unset!important; top: 21px!important; margin: 0!important; } .free__shipping .dropdown-menu.show span{ color: #f7c11f; font-weight: bold; } .free__shipping .dropdown-menu.show h6{ color: #000; } .free__shipping .dropdown-menu.show span.close { position: absolute; right: 5px; top: 5px; text-shadow: none!important; color: #000!important; opacity: 1; font-size: 14px; font-family: 'Roboto-Light'; } p.vat-custom { line-height: 1.3; font-family: 'Roboto-Regular'; font-size: 14px; color: #bbb; } p.coupon-custom > span { min-width: 110px; height: auto; padding: 11px; display: inline-block; text-align: center; border: 1px dotted #f7c11f!important; color: #f7c11f!important; font-family: 'Roboto-Bold'; font-size: 15px; margin-left: 5px; } .model__no { margin-bottom: 15px; /*border-bottom: 1px solid #ddd; padding-bottom: 15px;*/ font-family: 'Roboto-Regular'; font-size: 14px; line-height: 1.3; width: 100%; max-width: 330px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } a#city_changer{ color: #f7c11f; font-family: 'Roboto-Regular'; font-size: 14px; } a#city_changer:hover{ text-decoration: underline; } .model__no .sku_wrapper { color: #bbb; margin-right: 5px; display: inline-block; } .model__no span.sku { display: inline-block; color: #000; } .custom_flexbox_div { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; } .custom_flexbox_div .custom_flex_left{ border-top: 1px solid #ddd; padding: 20px 0; width: 48%; } .custom_flexbox_div .custom_flex_right{ padding: 20px 10px; border: 1px solid #ddd; width: 48%; } .woocommerce.single-product div.product form.cart { margin-bottom: 0; float: left; padding-bottom: 0; width: 100%; justify-content: flex-start; } .custom_flex_right > ul { margin: 0; padding: 0; } .custom_flex_right > ul > li { list-style: none; padding-left: 20px; background: url(../../images/root/tick.jpg) no-repeat top left; margin-bottom: 15px; } .custom_flex_right > ul > li:last-child{ margin-bottom:0; } .custom_flex_right > ul > li > h4 { line-height: 1; margin: 0 0 5px 0; color: #000; font-family: 'Roboto-Bold'; font-size: 15px; } .custom_flex_right > ul > li > p { line-height: 1; margin: 0; font-family: 'Roboto-Regular'; font-size: 12px; color: #bbb; } /*.quantity input { height: 36px!important; background: #fff!important; font-size: 14px!important; line-height: 36px!important; font-family: 'Roboto-regular'!important; color: #000!important; }*/ .quantity{ padding: 0 15px!important; } .quantity-button{ line-height: 36px!important; } .flexbox2{ display: flex; flex-direction: row-reverse; justify-content: space-between; width: 100%; } ul.social__share { padding: 0; margin: 0; display: flex; flex-direction: row; list-style: none; justify-content: flex-start; align-items: center; } ul.social__share li{ font-size: 14px!important; font-family: 'Roboto-regular'!important; color: #bbb; margin-right: 5px; } ul.social__share li a { font-size: 16px; display: inline-block; line-height: 1; color: #000; } ul.social__share li a:hover { color: #f7c11f; } div.share__flex__wrapper { display: flex; justify-content: space-between; align-items: center; } ul.wishlist__share{ margin:0; padding:0; list-style:none; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } ul.wishlist__share li { font-size: 14px!important; font-family: 'Roboto-regular'!important; color: #bbb; margin-right: 5px; } ul.wishlist__share li a{ font-size: 16px; display: inline-block; line-height: 1; color: #000; } ul.wishlist__share li a:hover{ color: #f7c11f; } .ciyashop-product-gallery__image a > img{ max-height: 400px!important; width: auto!important; margin: auto!important; display: block!important; } @media screen and (max-width: 575px){ .inner-intro.woocommerce_inner-intro{ padding: 10px 0!important; } .ciyashop-product-gallery { margin: 0!important; border: none!important; } .custom__attributes{ align-items: center!important; justify-content: space-between!important; } .free__shipping{ flex-direction: column!important; align-items: flex-start!important; margin-bottom: 5px!important; } .free__shipping a.dropdown-toggle{ margin: 0!important; } .free__shipping .dropdown-menu.show { right: 0!important; } .custom_flexbox_div { flex-direction: column!important; } .custom_flexbox_div .custom_flex_left, .custom_flexbox_div .custom_flex_right { width: 100%!important; } .custom_flex_left > form.cart { padding: 0!important; flex-direction: row!important; } .product-top-left{ margin-bottom:0!important; } .product__details__tabs{ margin:0!important; } .product__details__tabs ul.tabs > li { margin-right: 0!important; } .product__details__tabs ul.tabs > li > a { font-size: 14px!important; text-transform: inherit!important; } .product__details__tabs ul.tabs { display: flex!important; flex-direction: row!important; justify-content: space-between!important; } section.related_product { padding: 0!important; } } /***change area panel css***/ .optionsPanelContainer{ position: fixed; top: 0; bottom: 0; right: -100%; width: 100%; -webkit-transition: right ease-in-out 0.4s; transition: right ease-in-out 0.4s; z-index: 9999; } .optionsPanelContainer.open{ right: 0; } .optionsPanelContainer .scrim{ position: fixed; background-color: rgba(0,0,0,0.2); top: 0; right: 0; bottom: 0; width: 100%; opacity: 0; pointer-events: none; -webkit-transition: opacity ease-in-out 0.6s; transition: opacity ease-in-out 0.6s; } .optionsPanelContainer.open .scrim{ opacity: 1; pointer-events: auto; } .optionsPanel { background-color: #fff; position: absolute; top: 0; bottom: 0; right: 0; width: 320px; box-shadow: 0 0 6px rgba(0,0,0,0.1); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .optionsPanel header{ background-color: #f7f7fa; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 14px 15px 13px; font-size: 1.25rem; } .optionsPanel header h3 { margin: 0; font-size: 17px; font-weight: 800; line-height: 25px; color: #000; font-family: 'Roboto-Regular'; } .optionsPanel header button { background: transparent; border: 0; height: auto; width: auto; padding: 0; margin: 0; outline: none!important; cursor: pointer; } .optionsPanel header button i { color: #000; font-size: 14px; } .optionsPanel ul { padding: 0 0 20px; margin:0; -webkit-flex: 1; -ms-flex: 1; flex: 1; overflow: auto; -webkit-overflow-scrolling: touch; } .optionsPanel ul li button{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; font-size: 1.08333rem; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 12px 15px 13px; box-sizing: border-box; color: #7e859b; background: #fff; border:none; outline: none!important; cursor: pointer; } .optionsPanel ul li button i{ position: relative; } .optionsPanel ul li button i.fa-circle:after { width: 7px; height: 8px; content: ''; display: block; position: absolute; top: 3px; bottom: 0; background: #fff; border-radius: 100%; right: 6px; } .optionsPanel ul li button:hover{ background: #F7F9FE; } .shipping__to__city{ margin-bottom: 15px; font-family: 'Roboto-Regular'; font-size: 12px; line-height: 1.3; width: 100%; max-width: 330px; display: none; flex-direction: row; justify-content: space-between; align-items: center; background: #F7F9FE; padding: 7px; border: 1px solid #ddd; color: #a09999; } .shipping__to__city #shipping_date span { color: rgb(56,174,4); } .shipping__to__city.show{ display: flex; } /***change area panel css***/ #optionsPanelContainer_cart .cart-flex, #optionsPanelContainer_cart .cart-flex{ display: flex; flex-direction: row; align-items: flex-start; padding: 20px; justify-content: flex-start; position: relative; } #optionsPanelContainer_cart #cart_content ul > li{ padding:0!important; border-bottom: 1px solid #ddd; } /*#optionsPanelContainer_cart #cart_content ul > li { display: flex; flex-direction: column; align-items: flex-start; padding: 20px; justify-content: flex-start; position: relative; } #optionsPanelContainer_cart #cart_content ul > li > a{ display: flex; flex-direction: row; align-items: center; width: 100%; color: #000; font-size: 14px; font-family: 'Roboto-Regular'; } #optionsPanelContainer_cart #cart_content ul > li > a > img { width: 100px; margin-right: 10px!important; } #optionsPanelContainer_cart #cart_content ul > li > span.quantity { padding: 0 0 0 110px!important; position: absolute; bottom: 20px; }*/ #optionsPanelContainer_cart #cart_content p.woocommerce-mini-cart__total { display: flex; flex-direction: row; justify-content: space-between; padding: 0 20px; } #optionsPanelContainer_cart #cart_content p.woocommerce-mini-cart__buttons { display: flex; flex-direction: row; justify-content: space-between; padding: 0 20px; } #optionsPanelContainer_cart .cart-flex > .cart-image { width: 100px; margin-right: 20px; } .cart-name { font-size: 14px; font-family: 'Roboto-Regular'; line-height: 1.5; color: #000; } .cart-name div { display: block; font-size: 12px; font-family: 'Roboto-Light'; margin-top: 5px; } .cart-name span.quantity{ padding: 0!important; margin-top: 5px; } .cart-name div > .fa-check-circle{ color: green; } #optionsPanelContainer_cart .cart-total { padding: 10px 20px; display: flex; flex-direction: row; justify-content: space-between; font-family: 'Roboto-Regular'; font-size: 14px; line-height: 1.3; color: #000; } #optionsPanelContainer_cart .cart-total > span.label{ font-weight: bold; } .flex_btn_wrp { padding: 10px 20px; display: flex; justify-content: space-between; } .flex_btn_wrp > a{ max-width: unset!important; width: 100%!important; } .flex_btn_wrp > a:first-child{ margin-right: 10px!important; } /******product detail page css starts ends here************/ /**********product category page starts here****************/ .loop-header-tools .gridlist-toggle-wrap{ display: none!important; } .col-gutter-5{ padding-left: 5px!important; padding-right: 5px!important; } /**********product category page ends here****************/ .woocommerce-message .wc-forward{display: none;} /**currency converters starts****/ button.woocs-style-3-du-dialog-starter { background-color: transparent!important; color: #fff!important; background-size: 20px!important; background-position: center right 20px!important; text-align: left!important; padding: 10px 15px 10px 56px!important; margin-top: 0!important; position: relative!important; outline: none!important; } .woocs-style-3-dlg-select-item{background-size: 25px!important;} button.woocs-style-3-du-dialog-starter:before { content: 'Ship To '!important; font-size: 14px!important; position: absolute!important; left: 0!important; } .woocs-style-3-dlg-wrapper { background: #1E2126!important; border: 1px solid #f7c11f!important; padding: 15px; font-family: 'Roboto-Regular'!important; color: #fff!important; font-size: 14px!important; } .woocs-style-3-close{ top:5px!important; } .woocs-style-3-dlg-header { color: inherit!important; font-family: inherit; font-size: inherit!important; line-height: 1!important; padding: 0px!important; } .woocs-style-3-dlg-content { padding: 0!important; margin: 0!important; } .woocs-style-3-du-dialog .woocs-style-3-dlg-select-item:hover, .woocs-style-3-du-dialog .woocs-style-3-dlg-select-item:focus, .woocs-style-3-du-dialog .woocs-style-3-dlg-select-item:active{ background-color: transparent!important; outline: none!important; } .woocs-style-3-du-dialog .woocs-style-3-dlg-select-item .woocs-style-3-dlg-select-radio+.woocs-style-3-dlg-select-lbl:after{ left: 9px!important; margin-top: -5px!important; background-color: #f7c11f!important; } .woocs-style-3-du-dialog .woocs-style-3-dlg-select-item .woocs-style-3-dlg-select-radio:checked+.woocs-style-3-dlg-select-lbl:before { border-color: #1e88e5!important; } .woocs-style-3-du-dialog .woocs-style-3-dlg-select-item { padding: 0!important; margin: 0!important; color: #fff!important; font-size: 14px!important; font-family: 'Roboto-Regular'!important; line-height: 2!important; } /***currency converter ends****/ .woocommerce .woocommerce-error:before, .woocommerce .woocommerce-info:before, .woocommerce .woocommerce-message:before{ line-height: 1!important; top: 0!important; bottom: 0!important; margin: auto!important; height: 18px!important; } .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message{ padding: 10px 50px!important; } .btn-odg { background: #000!important; color: #fff!important; font-family: 'Roboto-Regular'!important; text-transform: uppercase!important; font-size: 14px!important; border-radius: 0!important; border: 1px solid #000!important; padding: 5px 10px!important; line-height: 24px!important; } .btn-max-200{ width: 100%!important; max-width: 200px!important; } .btn-max-160{ width: 100%!important; max-width: 160px!important; } .btn-max-110 { width: 100%!important; max-width: 110px!important; } .btn-odg:hover, .btn-odg:active, .btn-odg:focus { background: #f7c11f!important; border: 1px solid #f7c11f!important; color: #fff!important; } /***cart page css starts from here***/ .woocommerce-cart .woocommerce-message{ display: none!important; } .woocommerce .cart-empty{ font-family: 'Roboto-Bold'; font-size: 28px; color:#000!important; } .woocommerce table.cart thead{ background-color: #f7c11f!important; } .woocommerce table.cart thead th { color: #fff!important; font-family: 'Roboto-Regular'!important; font-weight: normal!important; padding: 10px!important; } input#coupon_code { border: 1px solid #ddd!important; background: #fff!important; margin-right: 15px!important; } .woocommerce table.cart td { border: none!important; border-top: 1px solid #ddd!important; padding: 10px!important; background: #fff!important; } .woocommerce-cart .cart-collaterals .cart_totals table{ background: transparent!important; } .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { border: 1px solid #ddd!important; background: #f5f5f5!important; padding: 20px!important; } .woocommerce .cart-collaterals .cart_totals h2{ font-size: 20px!important; font-family: 'Roboto-Bold'!important; color: #000!important; line-height: 1.3!important; text-align: center!important; padding: 0!important; text-transform: capitalize; } .table_colletral tr td { padding: 10px!important; color: #000!important; font-size: 14px!important; font-family: 'Roboto-Regular'!important; } .table_colletral tr th { padding: 10px!important; color: #000!important; font-size: 16px!important; font-family: 'Roboto-Regular'!important; } .woocommerce-cart .cart-collaterals .cart_totals table tr.order-total{ position: unset!important; box-shadow: none!important; -webkit-box-shadow: none!important; background: transparent!important; } .woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before{ color: #000!important; font-family: 'Roboto-Regular'!important; } @media scren and (max-width: 767px){ .woocommerce-cart-form__contents tr td.actions{ text-align: center!important; } } /***cart page css starts from here***/ /***checkout page start***/ .show_coupon_form { display: block!important; border: 1px solid #ddd!important; background: #F7F9FE; max-width: 360px; width: 100%; } .show_coupon_form p { font-family: 'Roboto-Bold'; text-align: left; font-size: 15px; line-height: 1; } .show_coupon_form .coupon { display: flex; flex-direction: column; } .show_coupon_form .coupon > input { width: 100%; margin: 0 0 15px 0; } .show_coupon_form .coupon > button { width: 100%; } .woocommerce .woocommerce-message { background: #f7c11f!important; } .woocommerce .woocommerce-message:before { display: none!important; } .woocommerce-checkout .woocommerce_inner-intro{ display: none!important; } .small__title{ font-size: 20px; margin-bottom: 20px; line-height: 1; } .woocommerce-checkout .woocommerce #customer_details { margin: 0; } .woocommerce-checkout .woocommerce #customer_details .woocommerce-billing-fields h3 { display: none; } .woocommerce-checkout-review-order-table tr th { color: #000!important; padding: 10px 0!important; font-size: 16px!important; font-family: 'Roboto-Regular'!important; } .woocommerce-checkout-review-order-table tr td { color: #000!important; padding: 10px 0!important; font-size: 14px!important; font-family: 'Roboto-Light'!important; } .woocommerce-checkout .woocommerce #customer_details{ margin: 10px 0 0 0!important; } ul.wc_payment_methods li { margin: 0 0 12px 0!important; line-height: 1!important; color: #000!important; font-family: 'Roboto-Light'!important; font-size: 13px!important; } form.woocommerce-checkout #payment .place-order { padding: 0!important; } .place-order p{ margin-bottom: 20px!important; } /***checkout page ends******/ span.subtotal_cart .amount { line-height: 1; font-size: 11px!important; color: #fff; font-family: 'Roboto-Light'; } span.subtotal_cart { line-height: 1; position: relative; left: -15px; } /*****after order page start*****/ .woocommerce .woocommerce-thankyou-order-received { background: #d4fecc!important; padding: 5px!important; text-align: center!important; font-size: 16px!important; border: 1px solid #a0df98!important; color: #000!important; margin-bottom: 30px!important; font-family: 'Roboto-Light'!important; } .woocommerce ul.order_details { padding: 15px!important; height: auto!important; border: 1px solid #ddd!important; align-items: center!important; } ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details > li { color: #000!important; font-size: 12px!important; font-family: 'Roboto-Regular'!important; display: flex!important; padding:0!important; border-right: 1px solid #ddd; align-items: center; justify-content: center; } ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details > li strong { font-size: 12px!important; font-weight: normal!important; font-family: 'Roboto-Light'!important; line-height: 1!important; margin-left: 5px!important; } .woocommerce ul.order_details li:before{ display: none!important; } h2.woocommerce-order-details__title { background-color: #f7c11f!important; color: #fff!important; line-height: 1.3!important; font-family: 'Roboto-Regular'!important; font-size: 18px!important; } .woocommerce-checkout .woocommerce table.shop_table.woocommerce-table--order-details td, .woocommerce-checkout .woocommerce table.shop_table.woocommerce-table--order-details th { padding: 10px!important; color: #000!important; font-family: 'Roboto-Regular'!important; font-size: 12px!important; } .woocommerce .woocommerce-order .addresses .col-1, .woocommerce .woocommerce-order .addresses .col-2 { padding: 0!important; background: none!important; } .woocommerce .woocommerce-order .addresses .woocommerce-column__title { font-size: 20px!important; color: #000!important; font-family: 'Roboto-Regular'!important; line-height: 1!important; margin: 0!important; } .woocommerce .woocommerce-order .addresses .col-1 address, .woocommerce .woocommerce-order .addresses .col-2 address{ line-height: 1.8!important; font-family: 'Roboto-Regular'!important; color: #000!important; font-size: 12px!important; padding-left: 0!important; } .content-wrapper h4{ font-size: 22px; color: #333; font-family: 'Roboto-Bold'; } .content-wrapper h3{ font-size: 26px; color: #333; font-family: 'Roboto-Bold'; } .content-wrapper h2{ font-size: 28px; color: #333; font-family: 'Roboto-Bold'; } .content-wrapper h1{ font-size: 30px; font-size: 26px; color: #333; color: #333; /*font-family: 'Roboto-Bold';*/ } .content-wrapper p{ font-family: 'Roboto-Regular'; color: #000; font-size: 14px; } .header-main-wrapper, .header-nav-wrapper{ /*background: rgba(0, 0, 0, 0.65);*/ } #masthead-inner > .header-nav.header-nav-bg-color-default{ border-top: 1px solid #fff!important; } label.berocket_label_widgets { position: relative!important; display: block!important; padding-left: 25px!important; margin-bottom: 15px!important; line-height: 1.3!important; font-size: 13px!important; color: #333!important; } label.berocket_label_widgets:before { /* border: 1px solid #e1e1e1!important;*/ width: 12px !important; height: 12px !important; line-height: 12px !important; position: absolute !important; left: 0 !important; top: 2px !important; border-radius: 0 !important; } li.berocket_widget_show_values{display: none!important;} @media screen and (max-width: 767px){ ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details > li{ padding: 5px!important; border-bottom: 1px solid #ddd!important; } } /*****after order page end*****/ /*****Inner Title*****/ .content-wrapper .page__title.inner { padding-bottom: 10px; position: relative; text-align: center; display: block !important; border-bottom: 2px solid #e7e7e7; } .content-wrapper .page__title.inner:after { content: ''; position: absolute; bottom: -2px; width: 20%; height: 2px; background: #f7c11f; left: 0; right: 0; margin: auto; } .content-wrapper h1 { font-size: 30px; color: #333; font-family: 'Roboto-Bold'; } /*Product Detail Page New*/ .glass-case { /*width:100% !important;*/ } .gc-display-area, .glass-case ul li { border: 1px solid #ededed !important; } .product-top-left { padding: 0 !important; } .gc-display-area { width:unset !important; } @media screen and (max-width: 1546px) { .gc-display-area { width:380px !important; } } @media screen and (max-width: 1310px) { .gc-display-area { width:340px !important; } } @media screen and (max-width: 1199px) { .gc-display-area {width:unset !important; } } @media screen and (max-width: 890px) { .gc-display-area {width:340px !important; } } @media screen and (max-width: 767px) { .gc-display-area {width:unset !important; } } #product-details .product-top-center .brand-name { display: block; margin-top: -5px; } #product-details .product-top-center .brand-name a { color:rgb(126, 133, 155) !important; font-weight: 600; } #product-details .product-top-center .brand-name a:hover { color:#fac423; } #product-details .product-top-center .product-title { font-family: Poppins,sans-serif; line-height: 28px !important; font-size: 19px !important; } #product-details .model-number { margin: 0; } #product-details .price-details { min-height: unset;} #product-details .price-details span { font-family: 'Poppins',sans-serif; } #product-details .price-details span label { color: #333; font-family: 'Roboto-regular',sans-serif; font-size: 14px; width: 90px; vertical-align: middle; } #product-details .price-details .now-price label { color: #8b0000; letter-spacing: 0.5px;padding: 0;margin: 0;font-size: 12px; } #product-details .quantity { float: unset; width: 100%; } #product-details .quantity input[type=number] { padding: 0 26px; margin:0 !important; width: 100% !important; background: #fff; height: 35px; } #product-details .quantity .quantity-button.quantity-up { width: 40px; } #product-details .quantity .quantity-button.quantity-down { width: 40px; } #product-details .addtocart { display: block; width: 100%; float: unset; padding-left:0 } #product-details .addtocart button { font-family: 'Poppins',sans-serif; background: #17a2b8!important; border: 0 !important; width: 100% !important; max-width: 100% !important; border-radius: 3px !important; } #product-details .addtocart button:hover { background:#fac423 !important } #product-details .addtocart button i { font-size: 18px; vertical-align: middle; } #product-details .whatsapp { display: block; width: 100%; float: unset; padding-left:0; margin-top: 5px; border-radius: 3px !important; } #product-details .whatsapp a { font-size: 14px; font-family: Poppins,sans-serif; display: block; background: #25D366 !important; color: #fff; text-align: center; padding: 3px; border-radius: 0; text-transform: uppercase; border-radius: 3px; } #product-details .whatsapp a:hover { background:#333 !important } #product-details .whatsapp a i { font-size: 18px; vertical-align: middle; } #product-details .product-info-text { } #product-details .product-info-text table { margin: 0 0 10px 0; } #product-details .product-info-text table td { font-family: 'Helvetica',sans-serif; font-weight: 300; letter-spacing: 0.5px; padding-bottom: 13px; } #product-details .product-info-text table td:first-child { width: 25%; vertical-align: middle; } #product-details .product-info-text table td:first-child img { width: 95%; max-width: 95%; } #product-details .product-info-text h2 { color: #333; font-family: Poppins,sans-serif; font-weight: 600; font-size: 20px; margin: 0 0 7px 0; } #product-details .product-info-text ul.share-buttons{ list-style: none; padding: 0; } #product-details .product-info-text ul.share-buttons li{ display: inline; } #product-details .product-info-text ul.share-buttons .sr-only{ position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); padding: 0; border: 0; height: 1px; width: 1px; overflow: hidden; } #product-details .product-info-text ul.share-buttons img { width: 40px; margin-right: 7px; } #product-details .brand-name a:hover { color: rgb(66 112 255) !important; } .spotti-msg { font-family:Arial, Helvetica, sans-serif; display: block; margin: 5px 0 10px 0; background: #FDFD96; padding: 2px 5px; color: #8b0000; border: 1px solid #ededed; font-size: 13px; line-height: 20px; } /* search box */ .results{ height: 500px; overflow: scroll; overflow-x: hidden; display: none; } .srchrow{ margin-left: 0px; margin-right: 0px; border-bottom:1px solid #ddd; } .srchprice{ color:#2c9312; } @media only screen and (max-width: 600px) { .srchimg { display: inline-block; width: 30% !important; } .srchtxt{ display: inline-block; width: 56% !important; } .srchli{ display: block !important;; opacity: 1 !important;; } .product-box.d1 .image img.horizontal{ height: 65% !important; } } .addtocart{ } .prod-atc-o{ background: #f9cb40; border: 1px solid #ddd; font-weight: 700; color: #3a3a3a; font-size: 12px; padding: 6px; } .target-tabs > div> span:nth-child(odd) { display: block; font-size: 14px; color: #17a2b8; } .product__details__tabs h2 { background: #666666; padding: 1px 1px 1px 15px; font-size: 12px !important; color: white !important; margin-bottom: 12px !important; display: block; } .target-tabs > div> span:nth-child(even) { font-size: 12px; font-weight: 600; } .addtocard-details-page{ margin:0; } .amount, .now-price{ color:#525252; } li.fa.fa-certificate:before, li.fa.fa-handshake-o:before, li.fa.fa-lock:before{ margin:5px; } .was-price strike{ font-size: 14px; color: #ff9898 !important; }