body { color: var(--body-color); font-family: var(--secondary-font); font-size: 14px; font-weight: 400; line-height: 22px; letter-spacing:0.6px; background: #fff; } .common-home .page { float: left; width: 100%; } select:focus{ outline: none !important; } h1, h2, h3, h4, h5, h6 { color: #333; } li { list-style: none; } /* default font size */ .fa { font-size: 14px; } .fa-stack{width: 12px; font-size: 9px; height: 11px; } .fa-stack .fa{font-size:12px;} i.fa.fa-star-o.fa-stack-2x:before { content: "\f005"; } :root { --body-color: #777777; --primary-bg-color: #ff6e9b; --primary-color: #ffffff; --secondary-bg-color: #111111; --secondary-color: #ffffff; --border-color: #eaeaea; /* --primary-font: 'Berkshire Swash', Helvetica, sans-serif; */ --secondary-font: 'Baloo 2', Helvetica, sans-serif; --border-radius: 8px 30px 8px; --btn-border: 3px solid #ffffff; --primary-btn-bg-color: #ff6e9b; --primary-btn-color: #ffffff; --secondary-btn-bg-color: #40cad8; --secondary-btn-color: #ffffff; --main-title: 700 36px/48px var(--primary-font); --footer-bg-color: #111111; --footer-color: #777777; --footer-before-bg-color: #f7f7f7; --footer-title-color: #ffffff; --footer-hover-color: #40cad8; --footer-after-bg-color: #f9f9f9; } /* Override the bootstrap defaults */ h1 { font-size: 33px; } h2 { font-size: 27px; } h3 { font-size: 21px; } h4 { font-size: 15px; } h5 { font-size: 12px; } h6 { font-size: 10.2px; } a { color: #666666; } a:hover, a:focus { text-decoration: none; } legend { font-size: 18px; padding: 7px 0px } label { font-weight:600; } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; vertical-align: middle; width: 1em; height: 1em; line-height: 1; text-transform: none; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga'; } #top { padding-top: 9px; padding-bottom: 9px; } .top-links-toggle { display: none; } .top-links .links-item:first-child::before { display: none; } .top-links .links-item { padding-left: 30px; position: relative; color: #7a7a7a; } .top-links .links-item:hover{ color: #f6d000; } .top-links .links-item::before { content: "\\"; position: absolute; left: 12px; top: -2px; color: #7a7a7a; } .input-group .input-group-addon { font-size: 13px; height: 30px; } .blog_page .blog_top_content { float: left; width: 100%; } .blog_page .blog_top_content .blog-image { float: left; position: relative; } .quickview-container #content .col-sm-6.product-right{ margin: 0px 0; width: 50%; } .mfp-iframe-scaler iframe{ background: #fff !important; } #content .col-sm-6.product-right { margin-left: 0; } /* Fix some bootstrap issues */ span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg { display: inline; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{ color: #000 ; } .pagination > li > a, .pagination > li > span { border-color: #e8e9eb !important; border-radius: var(--border-radius) !important; -webkit-border-radius: var(--border-radius) !important; -khtml-border-radius: var(--border-radius) !important; -moz-border-radius: var(--border-radius) !important; color: #7a7a7a; padding: 7px 12px ; height: 35px; width: 35px; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { background: var(--primary-btn-bg-color) none repeat scroll 0 0 !important; border: 1px solid var(--primary-btn-bg-color) !important; color: #fff !important; } div.required .control-label:before { content: '* '; color: #F00; font-weight: bold; } .banners-slider-carousel .customNavigation { opacity: 0; width: auto; top: 37%; bottom: auto; transition: 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; } .banners-slider-carousel:hover .customNavigation { opacity:1; transition: 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; } /* counter*/ .countdown { right: 0; left: 0; bottom: 5px; padding: 0; float: left; margin: 10px 0; position: absolute; transition: all 500ms ease 0s; transition: 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; text-align: center; opacity: 1; } .product-block:hover .countdown{ opacity: 0; transition: 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; } .countbox .timebox { margin: 0 8px 0 0; display: inline-block; position: relative; } /* .countbox .timebox::after { position: absolute; content: ":"; top: 9px; right: -5px; width: 1px; height: 20px; font-size: 18px; color: #111; } */ .countbox .timebox:last-child::after { display: none; } .countbox.hastime { background-color: var(--secondary-btn-bg-color); width: auto; padding: 8px 10px 8px 35px; display: inline-block; border-radius: 25px; position: relative; border:0; } .countbox.hastime:before { color: #fff; content: "\E192"; font-family: "Material Icons"; font-size: 18px; left: 15px; position: absolute; right: auto; top: 9px; z-index: 1; } .countbox .second .timebox-inner::after { display: none; } .countbox .timebox .time { padding: 0; color: #fff; display: block; text-align: center; margin: -25px 0 0 0; font-size: 10px; display: none; } .count-down .countbox strong { display: block; font-size: 13px; padding: 0 0; font-weight: 600; text-align: center; height: auto; width: 29px; line-height: 20px; color: #fff; margin: 0; position: relative; } .countbox .timebox.second strong { color: #f13340; } .count-down .countbox strong::after { color: #fff; content: ":"; position: absolute; top: -1px; right: -8px; } .countbox .timebox:last-child { margin: 0; } .countbox .timebox:last-child strong::after{ display: none; } .product-content .count-down .countbox strong { font-size: 16px; } /* end of counter*/ .special-tag { color: #ffffff; display: inline-block; float: none; font: 600 12px/50px var(--secondary-font); padding: 0; position: static; vertical-align: middle; background: var(--primary-btn-bg-color); position: absolute; top: 10px; right: 10px; transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; height: 50px; width: 50px; text-align: center; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; letter-spacing: 0; } .product-block:hover .special-tag{ opacity: 1; transition: 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; } .stock_status { height: 80px; width: 80px; background: #ffd200; opacity: 0.8; -moz-opacity: 0.8; -khtml-opacity: 0.8; -webkit-opacity: 0.8; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; color: #111; text-align: center; text-transform: capitalize; padding: 27px 9px; font-size: 13px; font-weight: 400; font-style: italic; line-height: 16px; transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; } .product-block:hover .stock_status{ opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; } .outstock .img-responsive.hover-image { display: none !important; } .outstock .img-responsive{filter: opacity(40%);} #wdcmsfooter { float: left; margin: 0; vertical-align: top; } #wdcmsfooter .wdfooter-logo { display: inline-block; float: none; margin: 0 0 20px; vertical-align: top; width: 100%; padding: 0; } #wdcmsfooter .wdfooter-logo a img { max-width: 100%; } #wdcmsfooter .footer-desc { color: #8a8a8a; font: 400 15px/22px "philosopher"; } .footer-blocks .col-sm-3 { width:20%; margin:60px 0 30px; } .footer-blocks .col-sm-3.column.footerleft { width: 25%; } .footer-area ul li { display: inline-block; } .footer-blocks .footerleft .contact-block li.phone span { font-size: 20px; font-weight: 600; color: #111111; margin: 15px 0 0 0; } .footer-blocks .footerleft .contact-block li.phone .fa { display: none; } #block_1 .list-unstyled li:first-child { margin: 0 10px 0 0; } .listing { min-height: 798px; display: block; text-align: center; font-size: 20px; padding-top: 50%; font-weight: 500; text-transform: capitalize; } .listing::before { content: "\f071"; position: absolute; font-family: fontawesome; margin-top: -50px; font-size: 35px; left: 45%; } /* mouse grab icon */ .grabbing { cursor: url(../stylesheet/grabbing.png) 8 8, move; } /* OpenCart Code */ #paysocialcmsblock { float: right; width: 30%; } .social-block { float: right; width: 100%; } .content_footer_bottom { float: none; padding:0; } .payment-block{ float: right; } .social-block ul li { vertical-align: top; float: none; margin:0 10px 0 0; } .social-block ul li a { width: 40px; height: 40px; display: block; border-radius: 50%; outline: none; color: #fff; background: #ff6e9b; } .social-block ul li a .fa { font-size: 17px; line-height: 40px; float: left; height: 100%; width: 100%; } .social-block ul li:last-child a{ margin: 0; } .social-block ul li a:hover, .social-block ul li a:active, .social-block ul li a:focus{background-color: var(--footer-hover-color);} #paysocialcmsblock ul{ padding: 0; margin: 0; float: right;} .main-slider .swiper-viewport:hover .swiper-button-next {opacity:1;-khtml-opacity:1;-webkit-opacity: 1;-moz-opacity:1;right:45px} .main-slider .swiper-viewport:hover .swiper-button-prev {opacity:1; -khtml-opacity:1;-webkit-opacity: 1;-moz-opacity:1; left: 45px;} #form-currency .currency-select { text-align: left; width:100%; text-transform: capitalize; } .dropdown-menu-right{border-radius: 0 !important; -webkit-border-radius:0 !important; -khtml-border-radius:0 !important; -moz-border-radius:0 !important; box-shadow: none; } .language-menu .btn.btn-link.btn-block.language-select {text-transform: capitalize;} #form-language .dropdown-menu { border: none; box-shadow: none; margin: 2px 0 0; padding: 10px 10px 12px; right: auto; top: 19px; left: 10px; } .dropdown-menu.currency-menu { border: none; box-shadow: none; margin: 2px 0 0; padding: 10px 10px 12px; right: auto; top: 19px; left: 10px; } .lang-curr-wrapper .language-title, .lang-curr-wrapper .currency-title { font-weight: 600; padding: 3px 20px; display: inline-block; width: 100%; font-size: 13px; color: #000; text-transform: uppercase; letter-spacing: 1px; cursor: pointer; } .dropdown-menu.currency-menu .fa.fa-angle-down ,.dropdown-menu.language-menu .fa.fa-angle-down { display: none; } .productpage .special-price { font-size: 18px; display: inline-block; font-weight: 700; line-height: 20px; /* color: #40cad8; */ } .productpage .description { line-height: 24px; margin-bottom: 10px; padding: 15px 5px 20px 0; border-bottom: 1px solid #eaeaea; border-top: 1px solid #eaeaea; } .product-description td span { color: #000; font-size: 14px; font-weight: 600; padding: 2px; } .product-description td { padding: 2px;} .productpage .description .product-description .description-right {padding-left: 50px;} #form-language .dropdown-menu > li > .btn { padding: 5px;color:#000;} #form-currency .dropdown-menu .btn { padding: 6px !important; color:#333333; } #form-language .dropdown-menu > li > .btn:hover, #form-currency .dropdown-menu .btn:hover{color: #111111; background: transparent;} .box-content-category ul { padding: 0; margin: 0; } .content_headercms_top #nav-one a { font-size: 14px; font-weight: 700; text-transform: uppercase; } .box-content-category a { padding:10px 53px 10px 50px; font-size: 13px; display: inline-block; line-height: 30px; position: relative; font-weight: 500; width: 100%; border-bottom: 1px solid rgba(0,0,0,0.1); } #review-count { cursor: pointer; } .site-map li { list-style: inherit; line-height: 28px; } .site-map ul { padding: 0 0 0 20px; } #review-count:hover{text-decoration: underline;} #nav-one .dropdown a::after, #nav-one li .megamenu.column1 ul.list-unstyled > li.dropdown a::after { content: "\f105"; right: 20px; position: absolute; font-family: fontawesome; font-size: 16px; display: inline-block; } #nav-one li .megamenu ul.list-unstyled > li.dropdown > a::after, #nav-one li .megamenu ul.list-unstyled li .dropdown-menu ul.list-unstyled li > a:after, #nav-one .hiden_menu .dropdown-menu a:after{ display: none; } .box-content-category a::before { content: " "; position: absolute; right: auto; top: 19px; left: 25px; background: rgba(0, 0, 0, 0) url("../image/webdigify/myaccountArrow.png") no-repeat scroll center 2px; width: 10px; height: 10px; } .box-content-category a:hover::before { background-position: center -54px; } .box-content-category .dropdown a:hover::before { background-position: center -54px; } .header_cart .cart-menu .text-left a { font-size: 13px; color: #111; } .header_cart .cart-menu .text-left a:hover { color: #ff6e9b; } .header_bottom .row { position: relative; } #nav-one > li > .dropdown-menu.megamenu.column1, #nav-one .hiden_menu .dropdown-menu { padding: 20px 0 20px 20px; width: auto; height: auto; min-width: 200px; top: 0; left: 284px; border-radius: 0; } .quickview .header-container {display: none;} /* header cms start*/ .content_headercms_top { float: left; width: 16%; margin-top:5px; text-align:left; } .content_header_topleft { padding:0; position: relative; text-transform: uppercase; font-weight:500; } .content_header_top .single-banner { margin: 0;} .static_links { list-style: outside none none; margin: 0; padding: 2px 0 0 0; padding-left:8px; } .static_links li { position: relative; padding:0; float: left; } .static_links .hiden_menu .top_level > a { padding: 10px 20px !important; margin-right:0; } .static_links li .megamenu li.list-unstyled.childs_1 li{padding:0;} #content .col-sm-6 h2 {font-size: 16px;} .static_links .myaccount ul{ height:auto; border:1px solid #ebebeb;padding:10px 5px; } .static_links ul.nav li .megamenu.column1 ul.childs_1 {border: medium none;} .static_links ul.nav li .megamenu.column1 ul.list-unstyled li > a { color: #000; display: inline-block; font-size: 14px; padding: 8px 7px !important; position: relative; text-transform: capitalize; font-weight:400; } .static_links ul.nav li .megamenu.column1 ul.list-unstyled li > a:hover {color:#111111;} .navbar-nav > li > .dropdown-menu { padding: 15px 0 15px 15px;} .static_links .dropdown-menu .list-unstyled.childs_1 > li{padding-bottom:0;} .static_links ul { text-align: left;} .static_links .cart-menu > li {padding: 0;} .header-cart .dropdown-menu { border: 1px solid #ebebeb; min-width: 280px; padding:10px; top: 53px; } .dropdown-menu-right { left: auto; right: 0; padding:10px 0 10px 0; } .static_links ul li ul{ display:table-cell; float:none;} .nav .navbar-nav .top-level.dropdown li a:hover{display:inline-block;} .static_links li.hiden_menu div { background: #fff none repeat scroll 0 0; border: 1px solid #e6e6e6; display: none; min-width: 155px; padding: 15px 0; position: absolute; text-align: left; border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; -khtml-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; top:56px; } .static_links li.hiden_menu:hover div{display:block;color:#767676;} .static_links li.hiden_menu div li a::before{background:none;} .static_links li.hiden_menu .top_level a:hover{background:none;} .static_links .dropdown-inner .top_level li a::before{background:none;} .static_links li a::before { content: ""; display: block; height: 13px; position: absolute; right: 7px; border-left: 1px solid #ededed; } .static_links .dropdown.myaccount li a::before{background:none;} .login_acc { display: inline-block; padding: 0px; position: relative; width: 100%; } .lang-curr-wrapper .language-title .fa.fa-caret-down { float: right; padding: 5px 10px; } .lang-curr-wrapper .currency-title .fa.fa-caret-down { float: right; padding: 5px 10px; } .lang-curr-wrapper .language-title:hover { color: #111111; } .lang-curr-wrapper .currency-title:hover { color: #111111; } .login_acc li { padding: 2px 15px; position: relative; text-align: left; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .checkout:hover { color: #111111; } .myaccount .account:hover { background: none; color: #000 !important; border: none; font-size: 12px; margin: 0; padding: 0; } .drop_account { color: #000000; } .myaccount .account { background: #fff none repeat scroll 0 0; border: 1px solid #111111 ; color: #111111 ; float: left; margin: 5px; padding: 8px 18px; text-align: center; border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; -moz-border-radius:5px; font-weight:400; } .static_links .dropdown.myaccount li a:hover{ background:none; color:#111111; } .static_links li:first-child a::before { background:none; } .static_links li a { color: #000; display: block; font-size: 13px; font-weight:600; line-height: 10px; margin: 1px 11px 0px 0; padding:15px 20px !important; position: relative; text-transform: capitalize; z-index: 6; } .list-unstyled.childs_2 > li{ padding:0; width:100%; margin:0 0 0 0} .static_links li:last-child a { padding-right: 8px; } .btn-link:hover, .btn-link:focus { color: #111111 !important; } .table-striped > tbody > tr:nth-of-type(2n+1) { background: none; } #nav-one > li.top_level.dropdown .list-unstyled.childs_1 li a::before { background: none; } #top-links li{padding:0; list-style:none} header .btn-link:hover, header .btn-link:focus, #top-links a:hover, #top-links a:focus { color: #fff ; background: none; text-decoration: none; } #top-links .dropdown-menu a { text-shadow: none; } #top-links .dropdown-menu a:hover,#top-links .dropdown-menu a:focus { color: #2196f3; } #top .btn-link strong { font-size: 14px; font-weight: normal; } #top-links { padding-top: 0px; } #top-links a + a { margin-left: 15px; } .dropdown.myaccount:hover a.account::after, .dropdown.myaccount:hover a.account1::after , .dropdown.myaccount:hover a.account_order1::after, .dropdown.myaccount:hover a.account_transaction1::after, .dropdown.myaccount:hover a.account_download1::after, .dropdown.myaccount:hover a.account_logout1::after{display:none;} .swiper-viewport .swiper-button-next { left: auto; right: 100px; width: 41px; height: 41px; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .swiper-viewport .swiper-button-prev { right: auto; left: 100px; width: 41px; height: 41px; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } #top-links ul.list-inline{float:left; margin-right: 5px; margin-bottom:0;} #top-links ul.list-inline li{background:transparent; font-weight:300} #top-links #form-language li { padding: 0; } .lang-curr { margin:0; display:inline-block; } .container .container-top a{ color:#000; } .nav.pull-right { display: inline-block; padding: 0; } .container .result-search-autocomplete ul li{ float:left; } .right-links ul li{ float:left; margin-left:10px; font-size:12px;} .container .container-top a:hover { color: #111111; } .right-myaccount-menu > li #wishlist-total { border-right: 1px solid; padding: 0 10px 0 0; } .right-links .right-myaccount-menu ul li{ margin-right:10px; } .content-top { float: left; width: 100%; } .content-bottom { clear: both; float: left; width: 100%; } #form-language .fa-angle-down, #form-currency .fa-angle-down{ float: none; margin: 8px 0 0 6px; display: inline-block; vertical-align: top; } #form-language .fa-angle-down { margin: 8px 0 0 3px; } #form-currency .btn-link, #form-language .btn-link { border: medium none; color: #666; text-decoration: none; padding: 0; float: none; width: 100%; text-align: left; font-style: normal; font-family: var(--secondary-font); line-height: 29px; } .wd-language { padding-right: 30px; position: relative; } .wd-language, .wd-currency { margin: 0; } .nav2 { float: right; } .lang-curr-wrapper { float: left; } #form-language .btn-link.btn-block.language-select, #form-currency .btn-link.btn-block.currency-select{ padding: 0; line-height: 20px; font-size: 13px; } #form-language .dropdoen-menu > li > .btn:hover, #form-currency .dropdoen-menu .btn:hover { color: #000 !important; text-decoration: none; } .language-menu li, .currency-menu li { padding: 3px 0px; } #form-currency .btn-link strong { font-weight: normal; padding: 0 3px 0 0; font-size: 13px; } .pull-left #form-language .btn-group span img { padding:0px 8px 0 0; } .dropdown.myaccount { float: left; position: relative; width: 40px; height: 40px; } .myaccount > a { position: absolute; width: 100%; height: 100%; background:rgba(0, 0, 0, 0) url("../image/webdigify/header-icon.png") no-repeat scroll 6px -314px; display: block; transition: all 400ms ease-in-out 0s; } .myaccount > a:hover { transform: rotateY(180deg); } .language-menu , .currency-menu{ padding: 10px 15px; display: none; position: absolute; background: #fff; border:1px solid #e5e5e5; top: 46px; left: 0; right: auto; min-width: 160px; z-index: 1000; margin: 0px; } .header_nav { line-height: initial; color: #fff; background: var(--secondary-btn-bg-color); width:100%; float: left; } .header_nav .left-nav { float:left; padding:14px 0; } .header_nav .right-nav { float: right; } /*********header nav cms*****/ #_desktop_contact_link { float: left; } #contact-link>ul { margin: 0; padding: 0; float: left; width: 100%; } #contact-link li { float: left; position: relative; text-align: left; cursor: pointer; color: #fff; font-size: 14px; line-height: 28px; padding-right: 40px; } #contact-link li.contact i{ font-size:0;background:url(../image/webdigify/header-icon.png) 0 0 no-repeat; width:30px; height:30px; margin:0 8px 0 0 } #contact-link li.contact a { color: #fff; font-size: 18px; font-family: var(--primary-font); } #contact-link li::after,.wd-language::after{ content:'';background:rgba(255,255,255,.2); height:18px; position:absolute; right:18px; top:1px; bottom:0; margin:auto; width:1px } .header_top { width: 100%; float: left; position: relative; } .header_bottom { width: 100%; background:#1d2835; padding:0px; z-index: 1000; } .common-home .header_bottom{border-bottom: none;} .content_headercms_bottom { clear: both; float: left; text-align: center; width: 100%; } .header-right .head{ float:right; margin:5px 5px 0 0; padding:2px; } .header-center { float: none; padding: 0; display: inline-block; } /*************ENd Contact Link***************/ /* logo */ .header-logo{float:left;} .header-cart{float:left;} .header-main { display: block; float: left; position: relative; width: 100%; height:50px; background: #fff; } .static_links li:last-child a::before { border-left: none; } .header-left { float: left; } .static_links li:first-child a { padding-left: 5px !important; } .header-right { float: right; position:relative; top:0; transition:top 800ms ease 0s; -webkit-transition:top 800ms ease 0s; -moz-transition:top 800ms ease 0s; -ms-transition:top 800ms ease 0s; -o-transition:top 800ms ease 0s; } header .tags > a { font-weight: normal; } header{ padding:0; margin:0; clear:both; border-radius:0; height:auto; float: left; width: 100%; } @keyframes slide-down { 0% { transform: translateY(-100%); } 100% { transform: translateY(0); } } @-webkit-keyframes fixedAnim { 0% { top: -100% } 100% { top: 0 } } @-moz-keyframes fixedAnim { 0% { top: -100% } 100% { top: 0 } } @keyframes fixedAnim { 0% { top: -100% } 100% { top: 0 } } .header_bottom.fixed { position: fixed; width: 100%; left: 0; right: 0; top: 0; margin-top: -1px; animation: 0.9s ease 0s normal both 1 running fixedAnim; -webkit-animation: 0.9s ease 0s normal both 1 running fixedAnim; -moz-animation: 0.9s ease 0s normal both 1 running fixedAnim; -o-animation: 0.9s ease 0s normal both 1 running fixedAnim; } #checkout-checkout .text-right.total { font-size: 17px; font-weight: 600; } a.banner_text::before, a.banner_text::after{ background:none !important; } .col-sm-4.header-logo { float: left; margin: 23px 0; padding: 0; vertical-align: top; width: 232px; } .header_center { float: left; width: auto; } .col-sm-3.sort{ padding:0; } .col-sm-3.sort.category_dropdown span.customSelect{ height: 38px; border-radius: 5px; padding: 8px 15px; } #searchbox .col-sm-3.sort { padding:0 15px; } .col-sm-3.sort select.form-control{ padding:0; height:auto; text-transform: capitalize; background-color:#fff; color:#333333; border:none; overflow:hidden; left:0; width:100% !important; } .head-right-bottom { float:right; position:relative; } /*header-cms*/ .quickview { padding:15px 0; display:inline-block; } .quickview .container { width:100%; background:#FFFFFF; padding:0 10px; } .quickview .container .row { margin:0; } .quickview .top_button { display:none; } .quickview #product2 { float:left; width:100%; } .quickview #product2 h3 { width:100%; } .productpage-quickview #product2 h3 { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; font-size: 14px; font-weight: 600; margin: 0 0 10px; padding: 0; text-transform: none; color:#333333; } .menu_toggle { background: #ffffff none repeat scroll 0 0; display: none; left: 0; position: absolute; top: 62px; width: 100%; z-index: 99; box-shadow: 0 0 20px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.25); border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; -moz-border-radius:5px; } /* search */ .col-sm-5.header_search { width: auto; padding: 0; position: relative; float: right; margin: 31px 0; background:var(--primary-bg-color); border-radius: 50%; } #search .search_button { font-size: 0; padding: 0; text-align: center; cursor: pointer; z-index: 9; background: url(../image/webdigify/header-icon.png) no-repeat scroll 10px -379px; height: 50px; width: 50px; transition: transform 360ms ease-in-out 0s,-webkit-transform 360ms ease-in-out 0s; -webkit-transition: transform 360ms ease-in-out 0s,-webkit-transform 360ms ease-in-out 0s; -moz-transition: transform 360ms ease-in-out 0s,-webkit-transform 360ms ease-in-out 0s; -o-transition: transform 360ms ease-in-out 0s,-webkit-transform 360ms ease-in-out 0s; -ms-transition: transform 360ms ease-in-out 0s,-webkit-transform 360ms ease-in-out 0s; display: block; } #search .search_button:hover { transform: rotateY(180deg); } #search .search_button.active { z-index: 1; cursor: pointer; transform: none; position: relative; background-position: 13px -435px; } .search_toggle { display: none; position: absolute; z-index: 9; width: 320px; right: 0; top: 87px; } #searchbox { position: relative; float: left; width: 100%; } .search_box { float: left; position: relative; } .search_box .form-control-select { height: 44px; position: relative; -moz-appearance: none; -webkit-appearance: none; border-radius: 0; border: none; padding:5px 4px 5px 17px; border-radius: 30px 0 0 30px; font-size: 12px; color: #666; line-height: 1.25; letter-spacing: 0.8px; width: 150px; } .search_box:after { /* content: ""; */ content: "\f107"; font-family: 'FontAwesome'; position: absolute; right: -11px; top: 0; z-index: 1; cursor: pointer; bottom: 0; margin: auto; height: 20px; width: 20px; background: #111111; border: 2px solid #fff; border-radius: 50%; line-height: 16px; color: #111; text-align: center; box-shadow: 0 0 8px rgb(0 0 0 / 8%); } .header_search .btn.btn-default.btn-lg .fa.fa-search:before { content: "\f002"; font-size: 16px; } .header_search .form-control.input-lg { height: 40px; width: 100%; padding: 8px 45px 8px 18px; font-size: 12px; color: #777; display: block; border-color: #e5e5e5; } .header_search .input-group-btn { width: auto; } #searchbox .input-group input { font-size: 12px; } .header_search .btn.btn-default.btn-lg { border: none; text-transform: capitalize; font-weight: 600; font-size: 13px; letter-spacing: 0.8px; padding: 11px 22px 11px 21px; border-radius: 0 30px 30px 0px; height: 44px; } .header_search .btn.btn-default.btn-lg:hover { background: #111111; color: #111; } /* end of search */ /***********************Homepage Special Product********************/ .product-thumb .image { text-align: left; position: relative; overflow: hidden; background: #fff; } .tabfeatured_default_width{ width:280px;} .tabbestseller_default_width{ width:280px;} .tablatest_default_width{ width: 280px;} .tabspecial_default_width{ width:280px;} .featured_default_width{ width:240px;} .tab-content .tab { display: none; } .static_links ul.nav li .megamenu ul.list-unstyled li .dropdown-menu { border: medium none; margin: 0; padding:0 0 0 0; position: relative; } .static_links ul.nav li .megamenu ul.list-unstyled li.dropdown.dropdown-menu{ border:1px solid #000; margin: 0; padding:10px; position:absolute; left:188px; top:0; } .static_links ul.nav li .megamenu ul.list-unstyled li .dropdown-menu{ display:block; } .static_links ul.nav li .megamenu.column1 ul.list-unstyled > li.dropdown .dropdown-menu { border: 1px solid #d9d9d9; display: none; left: 165px; padding: 10px; position: absolute; top: 0; border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; -moz-border-radius:5px; } .static_links ul.nav li .megamenu.column1 ul.list-unstyled > li.dropdown:hover .dropdown-menu{display:block;} .main-slider .swiper-viewport { border: medium none; box-shadow: none; margin:0; border-radius: 0; overflow: visible; } .swiper-viewport .swiper-button-prev::before,.swiper-viewport .swiper-button-next::before { font-size: 18px; opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; text-align: center; padding: 0; display: inline-block; width: 50px; height: 50px; content: "\e5c4"; font-family: "Material Icons"; font-weight: 500; border-radius: 50%; border: 3px solid #ffffff; background:var(--secondary-btn-bg-color); color: #fff; line-height: 45px; } .swiper-viewport .swiper-button-next::before { content: "\e5c8"; } .swiper-viewport .swiper-button-next:hover::before, .swiper-viewport .swiper-button-prev:hover::before { background:var(--primary-bg-color); border-color: #fff; color: #fff; } .main-slider .swiper-pagination {display: none;} .main-slider.swiper-button-next, .main-slider.swiper-button-prev{width: 70px;} .header-cart .cart .btn-lg .dropdown-toggle:before{ content:'\f291'; font-family:'FontAwesome'; font-size:12px; } #search .input-group-btn{ float:right; width:auto; position:absolute; right:0; } #search .btn-lg { font-size: 0; line-height: 18px; background:url(../image/webdigify/header-icon.png) no-repeat scroll 5px -502px; border: none; color: #ffffff !important; padding: 0; height: 40px; font-weight: 700; text-transform: uppercase; border-radius: 0; width: 40px; transition: none; } #search .btn-lg:hover { background-position: -83px -502px; } .show-result { overflow: hidden; } .product-search #content > p{margin-top:10px;} header .dropdown.myaccount a .fa{ background-color: transparent; padding: 10px 8px; } header .header-cart a .fa{ background:transparent; } .header-container { height: auto; width: 100%; z-index: 99; } .header-container.smaller{z-index:999;} .header-logo img { display: inline-block; max-width: 100%; } .content_header_top .box.webdigifycategory{ left:0; position: absolute; top:0; width: 277px; z-index: 9; } /*end webdigify category */ /* ------------------- wdcmsbanner ------------------------*/ #wdcmsbanner{ float:left; width:100%; margin:0 0 60px; } .wdcmsbanner{ float:left; width:100%; } .wdcmsbanner .wdbanner{ position:relative; width: 50%; float: left; } .wdcmsbanner .wdbanner .banner-content{ position:relative; } .wdcmsbanner .wdbanner .banner-content .wdbanner-img img{ border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; max-width: 100%; } .wdcmsbanner .wdbanner .banner-content .offer-tag{ position:absolute; top: 5%; left: 4%; animation-name: tag; animation-duration: 3s; animation-iteration-count: infinite; animation-timing-function: linear; } .wdcmsbanner .wdbanner .banner-content .offer-tag img{ max-width:100%; } @keyframes tag { 0%{ transform:translate(0); -webkit-transform:translate(0); -moz-transform:translate(0); -ms-transform:translate(0); -o-transform:translate(0); } 50%{ transform:translate(10px, 30px) scale(1); -webkit-transform:translate(10px, 30px) scale(1); -moz-transform:translate(10px, 30px) scale(1); -ms-transform:translate(10px, 30px) scale(1); -o-transform:translate(10px, 30px) scale(1); } 100%{ transform:translate(0); -webkit-transform:translate(0); -moz-transform:translate(0); -ms-transform:translate(0); -o-transform:translate(0); } } .wdcmsbanner .wdbanner .banner-content .wdbanner-content{ position: absolute; top: 50px; right: 0; width: 54%; } .wdcmsbanner .wdbanner .title{ font: 40px/46px var(--primary-font); color:#ffffff; margin: 0 0 25px; padding: 0 30px 0 0; text-align:center; } .wdcmsbanner .wdbanner .banner-btn{ float:left; width:100%; text-align:center; } .wdcmsbanner .wdbanner.wdbanner-img1 .banner-btn{ text-align:right; } .wdcmsbanner .wdbanner.wdbanner-img1 .title{ margin: 0 0 40px; } .wdcmsbanner .wdbanner.wdbanner-img1 .banner-btn a{ position:relative; } .wdcmsbanner .wdbanner.wdbanner-img1 .banner-btn a::before { content: ''; position: absolute; top: -3px; bottom: -3px; width: 30px; left: -33px; border-bottom: 52px solid #fff; border-left: 30px solid transparent; } .wdcmsbanner .wdbanner.wdbanner-img1 .banner-btn a:hover{ background:#ffffff; color:#111111; } .wdcmsbanner .wdbanner .banner-btn a{ float: none; background: var(--secondary-btn-bg-color); color: #111111; padding: 11px 20px; border-radius: var(--border-radius); border:var(--btn-border); font: 700 18px/24px var(--secondary-font); display: inline-block; vertical-align: top; transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; } .wdcmsbanner .wdbanner.wdbanner-img1 .banner-btn a{ background:#ffffff; border-radius: 0; } .wdcmsbanner .wdbanner.wdbanner-img2 .banner-btn a{ background:#ffda30; color:#111111; } .wdcmsbanner .wdbanner .banner-btn a:hover{ background: var(--primary-btn-bg-color); color: var(--primary-btn-color); } .wdcmsbanner .wdbanner.wdbanner-img2 .banner-content .wdbanner-content { left: auto; right: 0; } @media (max-width:1459px){ .wdcmsbanner .wdbanner.wdbanner-img1 .title{ margin:0 0 30px; } .wdcmsbanner .wdbanner .title { font-size: 35px; line-height: 40px; } } @media (max-width: 1200px) and (min-width: 992px) { .wdcmsbanner .wdbanner .title{ font: 28px/34px var(--primary-font); } .wdcmsbanner .wdbanner .banner-content .offer-tag{ width:100px; } .wdcmsbanner .wdbanner .banner-btn a{ padding:6px 20px; } .wdcmsbanner .wdbanner .banner-content .wdbanner-content{ top: 40px; } .wdcmsbanner .wdbanner.wdbanner-img1 .banner-btn a::before { left: -24px; border-bottom: 42px solid #fff; border-left: 20px solid transparent; } } @media (min-width: 768px) and (max-width: 991px){ .wdcmsbanner .wdbanner .banner-content .wdbanner-content { top: 20px; width:56%; right: 0px; } .wdcmsbanner .wdbanner.wdbanner-img1 .title{ margin: 0 0 10px; } #wdcmsbanner{ margin: 0 0 20px; } .wdcmsbanner .wdbanner.wdbanner-img1 .banner-btn a::before{ left: -24px; border-bottom: 42px solid #fff; border-left: 20px solid transparent; } .wdcmsbanner .wdbanner .title{ font-size: 22px; line-height: 28px; margin: 0 0 10px; padding: 0 5px; } .wdcmsbanner .wdbanner .banner-content .offer-tag{ top: 6%; left: 5%; width: 80px; } .wdcmsbanner .wdbanner .banner-btn a{ padding: 6px 20px; font-size:14px; } .wdcmsbanner .wdbanner{ padding:0 10px; } } @media (min-width: 576px) and (max-width: 767px){ #wdcmsbanner{ margin: 0 0 30px; } .wdcmsbanner .wdbanner .banner-content .offer-tag { top: 5%; left: 3%; width: 50px; } .wdcmsbanner .wdbanner{ padding:0 10px; } .wdcmsbanner .wdbanner.wdbanner-img1 .title{ margin: 0 0 10px; } .wdcmsbanner .wdbanner .banner-content .wdbanner-content { top: 20px; right: 0; width: 58%; } .wdcmsbanner .wdbanner .title{ font-size:16px; line-height:24px; padding: 0 10px 0 0; margin: 0 0 8px; } .wdcmsbanner .wdbanner .banner-btn a{ padding: 0 8px; font-size:12px; line-height:24px; } .wdcmsbanner .wdbanner.wdbanner-img1 .banner-btn a::before { width: 20px; left: -23px; border-bottom: 30px solid #fff; border-left: 20px solid transparent; } } @media (max-width: 575px){ #wdcmsbanner{ margin: 0 0 30px; } .wdcmsbanner .wdbanner { width: auto; float: none; display: inline-block; padding: 0; } .wdbanner-img1.wdbanner { margin: 0 0 20px; } .wdcmsbanner .wdbanner .banner-content .offer-tag { top: 8%; left: 5%; width: 70px; } .wdcmsbanner .wdbanner .banner-content .wdbanner-content { top: 25px; } .wdcmsbanner .wdbanner .title { font-size:18px; line-height:30px; margin: 0 0 10px; } .wdcmsbanner .wdbanner .banner-btn a { padding: 3px 15px; font-size:13px; line-height:24px; } .wdcmsbanner .wdbanner.wdbanner-img1 .banner-btn a::before { border-bottom-width: 36px; } .wdcmsbanner .wdbanner.wdbanner-img1 .title{ margin:0 0 20px; } } @media (max-width:479px){ .wdcmsbanner .wdbanner .banner-content .wdbanner-content { top: 20px; } .wdcmsbanner .wdbanner .title{ font-size: 15px; line-height:20px; } .wdcmsbanner .wdbanner .banner-btn a { padding: 3px 10px; font-size: 12px; } } /****sub banner****/ #wdcmssubbanner{ float:left; width:100%; position:relative; margin: 30px 0; } #wdcmssubbanner:before { content: ''; background: url(../image/webdigify/sub-pattern-02.png) 0 0 repeat-x; position: absolute; top: 0; left: 0; right: 0; margin: auto; z-index: 1; height: 183px; background-size: 100%; } #wdcmssubbanner .wdcmssubbanner { float:left; width:100%; } #wdcmssubbanner .wdcmssubbanner .wdsubbanner { float:left; width:100%; } .wdsubbanner-img { float: left; width: 100%; } #wdcmssubbanner .wdright-subbanner-content img { float: left; width: 100%; } #wdcmssubbanner .wdsubbanner-img2 .wdright-subbanner-content { background: var(--primary-bg-color); border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; -khtml-border-radius: 50px; } #wdcmssubbanner .wdsubbanner-img2 .wdsubbanner-content.left { position: static; text-align: center; } #wdcmssubbanner .wdsubbanner-img2 .wdsubbanner-content .subbanner-btn a { background: #fff; color: #111; } #wdcmssubbanner .wdsubbanner-img2 .wdsubbanner-content.left .title span { font-weight: 700; width: 100%; float: left; margin:0 0 25px; } #wdcmssubbanner .wdright-subbanner-content { position: relative; display: flex; align-items: center; } #wdcmssubbanner .wdright-subbanner-content .offer-tag{ position: absolute; top: 8%; right: 35%; z-index:1; animation-name: tag; animation-duration: 3s; animation-iteration-count: infinite; animation-timing-function: linear; } #wdcmssubbanner .wdsubbanner-content { position: absolute; left: 25%; text-align: center; top: 23%; z-index:1; width: 33%; } #wdcmssubbanner .wdsubbanner-content .subbanner-btn a { float: none; display: inline-block; padding: 12px 30px; background: var(--primary-btn-bg-color); color: var(--primary-btn-color); border-radius: var(--border-radius); -moz-border-radius: var(--border-radius); -webkit-border-radius: var(--border-radius); -khtml-border-radius: var(--border-radius); transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -khtml-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; font-size: 18px; vertical-align: top; border: 3px solid #ffffff; font-weight: 600; } #wdcmssubbanner .wdsubbanner-content .subbanner-btn a:hover{ background: var(--secondary-btn-bg-color); color: var(--secondary-btn-color); } #wdcmssubbanner .wdsubbanner-content .subbanner-btn { float: left; width: 100%; text-align: center; } #wdcmssubbanner .wdsubbanner-img1 .subtitle { display: inline-block; font: 400 36px/42px var(--secondary-font); color: #fff; margin: 0 0 20px; } #wdcmssubbanner .wdsubbanner-content .title { font: 700 72px/84px var(--primary-font); text-transform: capitalize; color: #ffffff; text-align: center; margin: 0 0 40px; } #wdcmssubbanner .wdsubbanner-content .title span { font-weight: 300; } #wdcmssubbanner .wdsubbanner-content .subbanner-offer { width: 110px; height: 110px; background: var(--primary-bg-color); border-radius: 50%; position: absolute; top: 0; bottom: 0; right: 0; padding: 31px 0; text-transform: uppercase; color: var(--primary-color); font: 300 12px/24px var(--secondary-font); margin: auto; } #wdcmssubbanner .wdsubbanner-content .subbanner-offer span { font-weight: 700; font-size: 24px; } #wdcmssubbanner .wdsubbanner-img3 .subtitle { font: 700 30px/34px var(--secondary-font); color: #111; text-transform: capitalize; margin: 0 0 10px; } #wdcmssubbanner .wdsubbanner-img3 .wdsubbanner-content .title { font: 400 18px/22px var(--secondary-font); margin: 0 0 15px; } #wdcmssubbanner .wdsubbanner-img3 .wdsubbanner-content .subbanner-btn { text-align: left; } @media (min-width: 1200px) and (max-width: 1399px){ #wdcmssubbanner .wdsubbanner-content{ left: 20%; top: 21%; width: 40%; } #wdcmssubbanner .wdsubbanner-img1 .subtitle{ font-size:30px; line-height:42px; margin: 0 0 10px; } #wdcmssubbanner .wdsubbanner-content .title{ font-size:48px; line-height:52px; } #wdcmssubbanner .wdright-subbanner-content .offer-tag{ width: 110px; } } @media (max-width:1199px){ #wdcmssubbanner .wdsubbanner-content{ left: 25%; top: 18%; } #wdcmssubbanner .wdsubbanner-content .title{ font-size: 38px; line-height: 44px; margin: 0 0 30px; } #wdcmssubbanner .wdsubbanner-img1 .subtitle{ font-size: 28px; line-height: 34px; margin: 0 0 10px; } #wdcmssubbanner .wdsubbanner-img2 .wdsubbanner-content.left .title{ font-size: 26px; line-height: 30px; } #wdcmssubbanner .wdsubbanner-img2 .wdsubbanner-content.left .title span, #wdcmssubbanner .wdsubbanner-img2 .subtitle{ margin:0 0 15px; } #wdcmssubbanner .wdsubbanner-img2 .subtitle span{ font-size: 26px; line-height: 30px; } #wdcmssubbanner .wdsubbanner-img3 .subtitle{ font-size: 26px; line-height: 30px; } #wdcmssubbanner .wdright-subbanner-content .offer-tag{ top: 6%; right: 32%; width: 110px; } #wdcmssubbanner .wdsubbanner-content .subbanner-btn a{ padding: 10px 20px; } } @media (max-width:991px){ #wdcmssubbanner{ margin:15px 0; } #wdcmssubbanner .wdsubbanner-content { left: 23%; top: 16%; } #wdcmssubbanner .wdsubbanner-img1 .subtitle { margin: 0 0 10px; font-size: 24px; line-height: 32px; } #wdcmssubbanner .wdright-subbanner-content .offer-tag { top: 5%; right: 31%; width: 90px; } #wdcmssubbanner .wdsubbanner-content .title { font-size: 28px; line-height: 34px; margin: 0 0 20px; } #wdcmssubbanner .wdsubbanner-content .subbanner-btn a{ padding: 8px 20px; font-size: 16px; } #wdcmssubbanner .wdsubbanner-img2 .subtitle span { font-size: 18px; line-height: 22px; } #wdcmssubbanner .wdsubbanner-img2 .subtitle{ font-size: 14px; line-height: 18px; } #wdcmssubbanner .wdsubbanner-img2 .wdsubbanner-content.left .title span, #wdcmssubbanner .wdsubbanner-img2 .subtitle{ margin: 0 0 10px; } #wdcmssubbanner .wdsubbanner-img2 .wdsubbanner-content.left .title { font-size: 18px; line-height: 22px; } #wdcmssubbanner .wdsubbanner-img3 .subtitle { font-size: 18px; line-height: 22px; } #wdcmssubbanner .wdsubbanner-img3 .wdsubbanner-content .title{ font-size: 14px; line-height: 18px; margin: 0 0 10px; } } @media (max-width:767px){ #wdcmssubbanner { margin: 20px 0; } #wdcmssubbanner .wdright-subbanner-content .offer-tag { top: 8%; right: 15%; width: 70px; } #wdcmssubbanner .wdcmssubbanner .wdsubbanner { padding: 0; } #wdcmssubbanner .row { margin: 0 -10px; } #wdcmssubbanner .wdsubbanner-content .subbanner-btn a { padding: 4px 11px; font-size: 12PX; } #wdcmssubbanner .wdsubbanner-img1 .subtitle { margin: 0; font-size: 18px; line-height: 24px; } #wdcmssubbanner .wdsubbanner-content .title { font-size: 24px; line-height: 30px; margin: 0 0 10px; } #wdcmssubbanner .wdsubbanner-content { left: 21%; top: 25px; } } @media (max-width:543px){ #wdcmssubbanner { margin: 10px 0 0 0; } #wdcmssubbanner .wdcmssubbanner { display: block; } #wdcmssubbanner .wdright-subbanner-content .offer-tag { display:none; } #wdcmssubbanner .wdsubbanner-img1 .subtitle { margin: 0 0 0px; font-size: 14px; line-height: 22px; display:none; } #wdcmssubbanner .wdsubbanner-content { top: 13px; width: 42%; } #wdcmssubbanner .wdsubbanner-content .title { font-size: 16px; line-height: 20px; margin: 0 0 8px; } #wdcmssubbanner .wdsubbanner-content .subbanner-btn a { padding: 2px 12px; font-size: 12PX; } #wdcmssubbanner .wdcmssubbanner .wdsubbanner-img3.wdsubbanner { margin: 0; } #wdcmssubbanner .wdcmssubbanner .wdsubbanner { display: block; float: left; width: 100%; margin: 0 0 15px; } #wdcmssubbanner .wdsubbanner-img2 .wdright-subbanner-content { padding: 15px 0; justify-content: center; } #wdcmssubbanner .wdright-subbanner-content{ display: block; } } /******bottom banner*****/ #wdcmsbottombanner{ float:left; width:100%; margin: 20px 0 50px; } #wdcmsbottombanner .wdbottombanner{ float:left; width:100%; position:relative; } #wdcmsbottombanner .wdbottombanner .offer-tag{ position: absolute; top: 11%; left: 6%; z-index: 2; animation-name: tag; animation-duration: 3s; animation-iteration-count: infinite; animation-timing-function: linear; } #wdcmsbottombanner .wdbottombanner .offer-tag img { max-width: 100%; } #wdcmsbottombanner .wdbottombanner .wdbottombanner-content { position: absolute; right: 9%; text-align: center; top: 21%; } #wdcmsbottombanner .wdbottombanner .bottom-banner-img img{ border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; max-width: 100%; } #wdcmsbottombanner .wdbottombanner .wdbottombanner-content .bottomtitle{ font:400 30px/42px var(--secondary-font); color:#ffffff; margin:0 0 20px; } #wdcmsbottombanner .wdbottombanner .wdbottombanner-content .title{ font:700 48px/54px var(--primary-font); color:#ffffff; margin:0 0 40px; } #wdcmsbottombanner .wdbottombanner .wdbottombanner-content .bottombanner-btn{ font: 22px/32px var(--primary-font); color:#ffffff; } #wdcmsbottombanner .wdbottombanner .wdbottombanner-content .bottombanner-btn a{ color: #111111; padding: 6px 20px; margin-left: 10px; font: 600 24px/32px var(--secondary-font); background: #ffd200; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; -khtml-border-radius: 25px; } @media (min-width: 1400px) and (max-width: 1700px){ #wdcmssubbanner .wdsubbanner-content{ width: 38%; } #wdcmssubbanner .wdsubbanner-content .title{ font-size:62px; line-height:70px; } #wdcmssubbanner .wdright-subbanner-content .offer-tag{ width: 120px; } } @media (min-width: 1201px) and (max-width: 1399px){ #wdcmsbottombanner .wdbottombanner .wdbottombanner-content{ right: 10%; top: 15%; } } @media (min-width: 992px) and (max-width: 1200px){ #wdcmsbottombanner .wdbottombanner .wdbottombanner-content { right: 9%; top: 20%; } #wdcmsbottombanner .wdbottombanner .wdbottombanner-content .bottomtitle{ margin: 0 0 10px; } #wdcmsbottombanner .wdbottombanner .wdbottombanner-content .title{ font:700 34px/42px var(--primary-font); margin: 0 0 20px; } #wdcmsbottombanner .wdbottombanner .offer-tag{ width: 110px; top: 7%; left: 5%; } } @media (min-width: 768px) and (max-width: 991px){ #wdcmsbottombanner{ margin: 50px 0 20px; } #wdcmsbottombanner .wdbottombanner .offer-tag{ top: 7%; left: 6%; width: 80px; } #wdcmsbottombanner .wdbottombanner .wdbottombanner-content { right: 7%; top: 18%; } #wdcmsbottombanner .wdbottombanner .wdbottombanner-content .bottomtitle { font-size:24px; line-height:34px; margin: 0 0 10px; } #wdcmsbottombanner .wdbottombanner .wdbottombanner-content .title { font-size:28px; line-height:34px; margin: 0 0 10px; } #wdcmsbottombanner .wdbottombanner .wdbottombanner-content .bottombanner-btn { font-size:14px; line-height:24px; } #wdcmsbottombanner .wdbottombanner .wdbottombanner-content .bottombanner-btn a{ padding: 6px 20px; font-size:16px; line-height:36px; } } @media (min-width: 545px) and (max-width: 767px){ #wdcmsbottombanner { margin: 0px 0 30px; } #wdcmsbottombanner .wdbottombanner .offer-tag{ top: 6%; left: 4%; width: 70px; } #wdcmsbottombanner .wdbottombanner .wdbottombanner-content { right: 6%; top: 16%; } #wdcmsbottombanner .wdbottombanner .wdbottombanner-content .bottomtitle { font-size:20px; line-height:24px; margin: 0 0 10px; } #wdcmsbottombanner .wdbottombanner .wdbottombanner-content .title { font-size:22px; line-height:28px; margin: 0 0 10px; } #wdcmsbottombanner .wdbottombanner .wdbottombanner-content .bottombanner-btn{ font-size:14px; line-height:24px; } #wdcmsbottombanner .wdbottombanner .wdbottombanner-content .bottombanner-btn a{ padding: 4px 12px; font-size:14px; line-height:24px; } } @media (max-width: 544px){ #wdcmsbottombanner { margin: 10px 0 30px; } #wdcmsbottombanner .wdbottombanner .offer-tag { top: 2%; left: 2%; width: 35px; } 50% { transform: translate(10px, 15px) scale(1); -webkit-transform: translate(10px, 15px) scale(1); -moz-transform: translate(10px, 15px) scale(1); -ms-transform: translate(10px, 15px) scale(1); -o-transform: translate(10px, 15px) scale(1); } #wdcmsbottombanner .wdbottombanner .wdbottombanner-content{ right: 2%; top: 12%; } #wdcmsbottombanner .wdbottombanner .wdbottombanner-content .bottomtitle { font: 400 12px/18px var(--secondary-font); margin: 0; } #wdcmsbottombanner .wdbottombanner .wdbottombanner-content .title { font: 700 12px/18px var(--primary-font); margin: 0 0 5px; } #wdcmsbottombanner .wdbottombanner .wdbottombanner-content .bottombanner-btn { font: 10px/16px var(--primary-font); } #wdcmsbottombanner .wdbottombanner .wdbottombanner-content .bottombanner-btn a { padding: 3px 10px; margin-left: 5px; font: 10px/18px var(--primary-font); } } /******testimonial******/ #wdcmstestimonial { float: left; position: relative; text-align: center; width: 100%; padding: 0; display: flex; align-items: center; margin: 30px 0; } #wdcmstestimonial .wd-titletab { display: none; } #wdtestimonial { display: block; } #wdcmstestimonial .wdtestimonial-content { float: left; width: 100%; padding: 28px 8% 28px 10%; } #wdcmstestimonial .wdtestimonial-content .wdtestimonial-inner { float: left; padding: 0; text-align: center; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; -khtml-transition: all 400ms ease-in-out 0s; width: 100%; } #wdcmstestimonial .wdtestimonial-content .wdtestimonial-inner .title_block { position: relative; display: none; } #wdcmstestimonial .wdtestimonial-content .wdtestimonial-inner ul li .testimonial-image { margin: 0; width: 140px; height: 140px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; -ms-box-shadow: 0 0 4px 1px rgba(0,0,0,.05); -o-box-shadow: 0 0 4px 1px rgba(0,0,0,.05); box-shadow: 0 0 4px 1px rgba(0,0,0,.05); float: left; } #wdtestimonial-carousel { margin: 0; float: left; padding: 0; } #wdcmstestimonial .wdtestimonial-content .wdtestimonial-inner ul li .testimonial-image img { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; float: left; width: 100%; height: 100%; border: 1px solid #eee; } #wdcmstestimonial .wdtestimonial-content .wdtestimonial-inner ul li { padding: 10px 0; float: left; width: 100%; display: flex; align-items: center; } #wdcmstestimonial .wdtestimonial-content .wdtestimonial-inner ul li .testimonial-content { float: left; width: 74%; text-align: left; padding: 30px 40px; font: 400 14px/24px var(--secondary-font); position: relative; color: #666; border-left: 1px solid var(--border-color); } #wdcmstestimonial .wdtestimonial-content .wdtestimonial-inner ul li .testimonial-user-title { float: left; text-align: left; margin: 0 20px; } #wdcmstestimonial .wdtestimonial-content .wdtestimonial-inner ul li .testimonial-user-title h4 { color: #111; font: 600 16px/20px var(--secondary-font); } #wdcmstestimonial .wdtestimonial-content .wdtestimonial-inner ul li .testimonial-user-title .wdtestimonial-subtitle { color: #666; font: italic 300 14px/16px var(--secondary-font); text-transform: capitalize; } #wdcmstestimonial .wdtestimonial-content .wdtestimonial-inner ul li .testimonial-content h4 i { font-style: italic; font-weight: 400; color: #111; } #wdcmstestimonial .wdtestimonial-content .wdtestimonial-inner ul li .testimonial-content .user-designation { font: 400 14px/24px var(--secondary-font); color: #666; } #wdcmstestimonial .wdtestimonial-content .wdtestimonial-inner ul li .testimonial-content .testimonial-desc p { font: 400 14px/24px var(--secondary-font); color: #666; text-transform: capitalize; text-align: left; margin: 0; } #wdcmstestimonial .owl-page span { height: 6px; width: 6px; background: #e5e5e5; border-radius: 25px; display: inline-block; margin: 0 10px; } #wdcmstestimonial .owl-page { position: static; margin: 30px 0 0; } #wdcmstestimonial .owl-page.active span { height: 10px; background: var(--primary-bg-color); width: 10px; } .wdtesimonialinner { display: none; } #wdcmstestimonial .wdtestimonial-main { float: left; width: 100%; } @media (max-width:1499px) and (min-width:1260px) { #wdcmstestimonial .tttestimonial-content .tttestimonial-inner #tttestimonial-carousel li .testimonial-content { width: 61%; padding: 15px; } } @media (max-width:1200px) and (min-width:992px) { #wdcmstestimonial .wdtestimonial-content .wdtestimonial-inner ul li .testimonial-user-title { margin: 48px 15px; } } @media (max-width:1199px) { #wdcmstestimonial .wdtestimonial-content { padding: 0; } } @media (max-width:991px) { #wdcmstestimonial { width: 100%; padding: 0; margin:30px 0 0; } #wdcmstestimonial .wdtestimonial-content .wdtestimonial-inner ul li .testimonial-content .testimonial-desc p { font-size: 13px; text-align: center; } #wdcmstestimonial .wdtestimonial-content { border: none; } #wdcmstestimonial .wdtestimonial { float: left; width: 100%; border-bottom: 1px solid rgba(0,0,0,.08); } #wdcmstestimonial .wdtestimonial-content .wdtestimonial-inner ul li .testimonial-content { padding: 15px; } } @media (max-width:767px) { #wdcmstestimonial .wdtestimonial-content .wdtestimonial-inner ul li { display: block; } #wdcmstestimonial .wdtestimonial-content { padding: 0 10px; } #wdcmstestimonial .wdtestimonial-content .wdtestimonial-inner { width: 100%; } #wdcmstestimonial .wdtestimonial-content .wdtestimonial-inner ul li .testimonial-content { width: 100%; border: none; padding: 0; } #wdcmstestimonial .wdtestimonial-content .wdtestimonial-inner ul li .testimonial-user-title,#wdcmstestimonial .wdtestimonial-content .wdtestimonial-inner ul li .testimonial-image { float: none; display: inline-block; vertical-align: top; } #wdcmstestimonial .wdtestimonial-content .wdtestimonial-inner ul li .testimonial-image { width: 92px; height: 92px; } #wdcmstestimonial .wdtestimonial-content .wdtestimonial-inner ul li .testimonial-user-title { margin: 30px 20px; } } @media (max-width:543px) { #wdcmstestimonial { padding: 0; } #wdcmstestimonial .wdtestimonial-content .wdtestimonial-inner ul li .testimonial-content .testimonial-desc p { font-size: 12px; } #wdcmstestimonial { padding: 0; } #wdcmstestimonial .wdtestimonial { padding: 0 0 10px; } #wdcmstestimonial .owl-dots { margin: 0 0 50px; } } /* cart */ #cart .item-count { background: transparent; border: 0; padding:0 4px 0; } #cart .mycart { text-transform: lowercase; } #cart .price { text-align: left; } .col-sm-3.header_cart { width: auto; float: right; padding: 9px 0 0; margin:0 0 0 10px; } .account { padding: 10px 0; float: right; margin: 0 10px; } .fa.fa-heart-o { font-size: 25px; padding: 7px 25px 0 10px; } .header-cart .cart-menu li > a > img{width:100%;} .col-sm-3.header-cart{ float: left; width: auto; padding:0; margin-left:0; } .cart-menu .img-thumbnail { max-width: none; width: auto; overflow: hidden; border:2px dashed var(--border-color); border-radius: 10px;; } #cart .dropdown-menu .table { border: medium none; margin-bottom: 10px; } #cart button > h4 { font-size: 13px; font-weight: 500; margin: 0; text-transform: capitalize; line-height: 16px; padding: 0 0 0 21px; margin: -20px 0 0 10px; color:#fff; } .header-container .dropdown.myaccount .dropdown-toggle .fa.fa-user { color: #ef9d2a; font-size: 17px; } .header_wishlist { float: right; position: relative; margin: 0 10px; line-height: initial; height: 40px; padding:10px 0; } .header_wishlist > a:before{ content: ""; height: 40px; width: 40px; background: rgba(0, 0, 0, 0) url(../image/webdigify/header-icon.png) no-repeat scroll 5px -153px; display: inline-block; transition: all 600ms ease-in-out 0s; -webkit-transition: all 600ms ease-in-out 0s; -moz-transition: all 600ms ease-in-out 0s; -o-transition: all 600ms ease-in-out 0s; -ms-transition: all 600ms ease-in-out 0s; } .header_wishlist > a:hover:before{ transform: rotateY( 360deg ); -webkit-transform: rotateY( 360deg ); -moz-transform: rotateY(360deg); -o-transform: rotateY(360deg); -ms-transform: rotateY(360deg); } .header_wishlist span.wishlist_count{ background: var(--primary-bg-color); height: 18px; position: absolute; width: 18px; text-align: center; border-radius: 50%; font-size: 11px; right: -6px; top: 6px; color: #ffffff; font-weight: 400; line-height: 18px; } .header_wishlist span.wishlist{ display: none; } #cart-total { float: left; color: var(--secondary-btn-color); line-height: 42px; font-size: 14px; font-family: var(--secondary-font); font-weight: 400; } .cart_image { background: rgba(0, 0, 0, 0) url(../image/webdigify/header-icon.png) no-repeat scroll 6px -73px; height: 40px; width: 40px; float: left; margin: 0; transition: all 400ms ease-in-out 0s; } #cart:hover .cart_image{ transform: rotateY(180deg); } #cart-text { color: #fff; font-size: 13px; font-weight: 300; } .header_cart .dropdown-toggle { border: 1px solid #111111; } #cart > .btn { background: none; width: 100%; padding: 0 !important; border: none; -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -ms-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s; } #cart{ text-transform: capitalize; text-align:right; } .shopping-cart .btn.btn-danger {border-radius: var(--border-radius) !important;} #cart h4 { color: #fff; cursor: pointer; float: right; font-size: 14px; position: absolute; right: 12px; top: -2px; z-index: 999; } .pull-left #form-language .btn-group span, .pull-left #form-currency .btn-group span { font-size: 14px; font-weight: 400; color: #fff; letter-spacing: 0; text-transform: capitalize; } .table.table-bordered.shopping-cart.responsive{ display: none; } .pull-left #form-language .fa.fa-caret-down{ padding: 0 10px; } .pull-left #form-currency .fa.fa-caret-down { padding: 0 12px; } #top-links .fa {display: inline-block;} #top-links .fa.fa-angle-down { position: absolute; top: 0; right: 0; margin: 0 -10px 0 10px; } #top-links .list-inline a { color: #fff; border-right: 1px solid #55ABA4; padding: 0 10px 0 10px; } #checkout-cart .text-right.total { font-size: 15px; font-weight: 700; } #cart .dropdown-menu { width: 330px; padding: 10px; border: none; overflow: hidden; display: none; margin: 0; height: auto; border-radius: 0; top: 51px; border: 1px solid #e5e5e5; box-shadow: none; } #cart .dropdown-menu li{float:none} #cart .dropdown-menu li:first-child { max-height: 270px; overflow-y: auto; overflow-x: hidden; } #cart .dropdown-menu li + li { border-top: 1px solid #e5e5e5; padding: 5px 0 0; } #cart .dropdown-menu li::-webkit-scrollbar { width: 4px; height: 4px; } #cart .dropdown-menu li::-webkit-scrollbar-thumb { border: 4px solid #888; } #cart .dropdown-menu li::-webkit-scrollbar-track { background: #cccccc; } .header_cart .text-right.button-container > a { padding: 7px 25px; background: #40cad8; display: inline-block; border-radius: var(--border-radius); -moz-border-radius: var(--border-radius); -webkit-border-radius: var(--border-radius); -khtml-border-radius: var(--border-radius); color: #fff; } .header_cart .text-right.button-container > a.addtocart { background: var(--primary-btn-bg-color); color: #fff; } .header_cart .text-right.button-container > a.addtocart strong, .header_cart .text-right.button-container > a strong { font-weight: 400; } .header_cart .text-right.button-container > a.addtocart:hover { background: #40cad8; color: #fff; } .header_cart .text-right.button-container > a.checkout:hover { background: var(--primary-btn-bg-color); color: #ffffff; } #cart .dropdown-menu table { margin-bottom: 10px; border:none; font-size:13px; } #cart .dropdown-menu table td{ border:none; background:none; color: #000; } #cart .dropdown-menu table.total-table td{border:medium none; } .productpage .image a.elevatezoom-gallery{ border:1px solid #e0e0e0; } .cart-menu .table td { padding: 10px 0 5px 5px; } .table-responsive .table.table-bordered.shopping-cart .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding:15px; vertical-align: top; width: 25%; } #checkout-cart span.customSelect { border-radius: 0; height: 40px; padding: 9px 15px 10px 15px; } .dropdown-menu .cart-menu .table.table-striped >tr > td .text-center > img{width:100%;} .text-right > strong { font-weight: 600; color: #111; } .content-bottom > .container{width:100%; background-color: #fff;} .serach-inner { float: left; margin-top: 25px; width: 100%; } #content .panel{ background-color:#fff ; border: 0; } .panel-default>.panel-heading:hover { border-color: #ff6e9b; color: #ff6e9b; } /* menu */ .nav-responsive { display:none;background: none !important;} .nav-inner.container{ background: #ffffff none repeat scroll 0 0; padding:35px 45px 30px; top: auto; box-shadow: 0 0px 15px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0px 15px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow:0 0px 15px 0 rgba(0, 0, 0, 0.2); position:relative; margin-bottom:30px; display:none; } nav.nav-container { display: inline-block; } #res-menu { display: none; } .responsive-menu, .main-menu { position: inherit; text-align: center; float: none; display: none; } .lang-curr .fa.fa-angle-down { vertical-align: middle; } .mainmenu { padding: 0; position: static; margin: 0 0 0 30px; width: 73%; float: left; display: inline-block; vertical-align: top; line-height: 0; } .mainmenu li { display: inline-block; } .col-sm-4.header-logo a { padding: 0; margin: 0; } .main-menu ul { list-style: none; margin: 0; padding: 0; } #menu ul li .megamenu ul.list-unstyled { padding: 0px 30px 0px 0px; border: none; } .main-menu > ul > li { position: relative; float: left; z-index: 20; background-color:transparent; } .main-menu > ul > li { position: relative; float: none; z-index: 8; display: inline-block; padding: 0; } #menu ul li ul { display: table-cell; float: none; width: 25%; vertical-align: top; } .main-menu ul > li.dropdown:hover .dropdown-menu{ display: block; } .main-menu a,#menu > ul > li.hiden_menu .main { display: block; padding: 39px 5px 39px 5px; color: var(--primary-bg-color); font: 700 18px/30px var(--secondary-font); margin: 0 5px; text-transform: capitalize; } .main-menu a span, #menu > ul > li.hiden_menu .main span { padding: 5px 16px; display: inline-block; vertical-align: top; transform: translateZ(0); -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -o-transform: translateZ(0); -ms-transform: translateZ(0); box-shadow: 0 0 1px rgb(0 0 0 / 0%); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; float: none; transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; } .main-menu > ul > li.top_level.dropdown a .category:before, .main-menu > ul > li.top_level.dropdown a .category:before, #menu > ul > li.hiden_menu .main .category:before,.main-menu a .category:before { content: ''; position: absolute; left: 0; right: 0; margin: 0 auto; background: var(--secondary-btn-bg-color); font-size: 30px; bottom: 0; line-height: normal; text-align: center; transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; top: 0; border-radius: 25px; z-index: -1; } .main-menu > ul > li.top_level.dropdown:hover a .category:before, .main-menu > ul > li.top_level.dropdown:hover a .category:before, #menu > ul > li.hiden_menu:hover .main .category:before,.main-menu li:hover a .category:before{ opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; } #menu .dropdown .dropdown-menu ul li.dropdown a .category:before, #menu ul li .megamenu ul.list-unstyled li a .category:before, #menu ul li.hiden_menu .dropdown-menu li a .category:before { display: none; } .main-menu > ul > li.top_level.dropdown a .category:after, .main-menu > ul > li.top_level.dropdown a .category:after, #menu > ul > li.hiden_menu .main .category:after { content: "\f107"; right: 0; font-family: fontawesome; font-size: 14px; display: inline-block; padding-left: 5px; line-height: 14px; } .main-menu > ul > li.top_level.dropdown:hover a .category:after, #menu > ul > li.hiden_menu:hover .main .category:after { content: "\f106"; } #menu .dropdown .dropdown-menu ul li.dropdown a .category:after, #menu ul li .megamenu ul.list-unstyled li a .category:after, #menu ul li.hiden_menu .dropdown-menu li a .category:after { display: none; } .top_level.hiden_menu { position: relative; } .more-brand { float: right; } .more-brand > a { background: #111111; color: #fff; padding: 5px 12px 5px 15px; margin: 0 -15px -15px 0; border-radius: 5px 0px 5px 0; font-size: 12px; font-weight: 500; } .more-brand > a > i { font-size: 14px; margin-left: 5px; } .static-menu { margin-left: 15px; } .main-menu a:hover, .main-menu a:focus { text-decoration: none; color: #ff6e9b; } #static-menu li a { color: #fff; } #static-menu li a:hover { color: #fff; background-color: #111111; } .main-menu > ul > li:hover > a { background: transparent; color: #111111; } #menu .dropdown .dropdown-menu ul li.dropdown a:before, #menu ul li .megamenu ul.list-unstyled li a:before, #menu ul li.hiden_menu .dropdown-menu li a:before{ /*display: none;*/ } .main-menu ul > li.top_level.dropdown:hover > a, .main-menu ul > li.top_level:hover > a, #menu > ul > li.hiden_menu:hover .main { color:var(--secondary-btn-color); /*background: #ffd200;*/ } .main-menu ul li ul .list-unstyled a{ padding: 5px 0; color: #1f2022; display: block; white-space: nowrap; line-height: 25px; font-size: 13px; color: #777; font-weight: 500; } .main-menu > ul > .dropdown ul > li > a, .hiden_menu .top_level > a,.main-menu > ul > .dropdown ul > li > a { color: #000000; font-size: 14px; font-weight: 700; padding: 0 0 8px; text-align: left; text-transform: capitalize; border-bottom:1px solid var(--border-color); border-radius: 0; margin: 0px 0 8px; font-family: var(--secondary-font); letter-spacing: .4px; } #menu ul li .megamenu.column1 li > a, .main-menu > ul > li > ul > ul > li > a , #nav-one li .megamenu.column1 ul.list-unstyled li > a, .hiden_menu .top_level > a{ color: #666; padding: 0; text-transform: capitalize; border: 0; margin: 0; font:400 14px/24px var(--secondary-font); letter-spacing: .6px; } .hiden_menu .top_level > a span.category { padding: 0; box-shadow: none; } #menu ul.nav li .megamenu ul.list-unstyled li > a:hover, .hiden_menu .top_level a:hover{ color: #000000; background: transparent; } .responsive-menu .main-navigation li a{ padding: 5px 10px; color: #333333; display: block; white-space: normal; } .main-menu > ul > li ul > li > .dropdown-inner ul li a{color:#adadad;} .main-menu ul li ul .list-unstyled a,.main-menu ul li ul .list-unstyled a{ color: #666666; font:400 14px/24px var(--secondary-font); padding: 4px 0; margin: 0; text-transform: capitalize; border: 0; letter-spacing: .4px; } .main-menu > ul > li ul > li > a:hover , .responsive-menu .main-navigation li a:hover { color:#000000; background-color:#fff; } #menu ul li.hiden_menu .dropdown-menu{ visibility: hidden; opacity: 0; display:block; } #menu ul.nav li .megamenu ul.list-unstyled li .dropdown-menu { margin: 0; padding: 0; position: relative; float: none; border: none; box-shadow: none; position: static; } #menu ul li .megamenu.column1, #menu ul li.hiden_menu .dropdown-menu{ border: 1px solid #e5e5e5; margin: 0 !important; /*padding: 0; position: relative;*/ } #menu ul li .megamenu.column1, #menu ul li.hiden_menu .dropdown-menu { padding: 10px 0; } #menu li.hiden_menu .dropdown-menu.megamenu { display: none; } #menu ul li .megamenu.column1 ul.list-unstyled { display: block; padding: 0; width: 100%; border: none; } #menu ul li .megamenu.column1 ul.list-unstyled li, .hiden_menu li.top_level { float: left; padding: 5px 20px; width: 100%; } #menu li.hiden_menu:hover .dropdown-menu.megamenu{display:none;} /* Webdigify Category CSS */ .catgory-left { width:24%; float:left; padding-right:30px; } #nav-one .dropdown:hover .dropdown-menu, #nav-one .hiden_menu li.dropdown:hover .dropdown-menu {display: block;} #nav-one .hiden_menu .dropdown-menu li.dropdown .dropdown-menu { display:none; } #nav-one > li > .dropdown-menu { background: #fff none repeat scroll 0 0; margin-top: 0; padding: 20px; left: 284px; top: 0; border-radius: 0; box-shadow:0 0 10px rgb(0 0 0 / 15%); border: none; } .box-content-category ul .childs_1 li { padding: 0 0; border: none; } .box-content-category ul li { line-height: 21px; } .dropdown { position: relative; } #nav-one > li.hiden_menu > .dropdown-menu{padding:22px;} .top_level.hiden_menu{position:relative;} #nav-one li .megamenu ul.childs_1 { padding: 0 10px; } #nav-one li .megamenu.column1 ul.childs_1 { padding: 0; display: inline-block; width: 100%; border: medium none; } #nav-one > li > .dropdown-menu.megamenu.column1 a, #nav-one li .megamenu.column1 ul.list-unstyled > li.dropdown > a, #nav-one .hiden_menu .dropdown-menu a{ border: none; padding: 0px 0 0px 15px; font-weight: 500; font-size: 13px; letter-spacing: inherit; color: #666; } #nav-one > li > .dropdown-menu.megamenu.column1 a:hover, #nav-one li .megamenu.column1 ul.list-unstyled > li.dropdown > a:hover, #nav-one .hiden_menu .dropdown-menu a:hover{ color: #111; } #nav-one > li > .dropdown-menu.megamenu.column1 li a:after{ display: none; } #nav-one li ul { display: table-cell; float: none; } #nav-one ul { display: inline-block; float: none; margin: 0 auto; text-align: left; } #nav-one li .megamenu ul.list-unstyled > li.dropdown > a { font-weight: 500; margin: 0 0 0 0; padding:0px; border: none; letter-spacing: 0.5px; font-size: 14px; } .quickview-model .product-right .desc { font-weight: 600; padding: 0 10px 0 0; color: #000; } .quickview-model h4.special-price { color: #ff6e9b; font-size: 18px; font-weight: 600; line-height: 20px; } .productpage-quickview .rating-wrapper {margin-bottom: 10px;} .quickview-model .page-title {display: none;} .box-content-category ul .childs_1 li img {margin: 20px 0 10px 0;} #product2 hr { margin: 10px;} .form-group.cart-block {margin-top: 20px;} /* Megamenu*/ #nav-one li .megamenu.column1 ul.list-unstyled > li.dropdown:hover > .dropdown-menu{ display: block; } /* more menu */ .dropmenu li:hover ul, .dropmenu li div li:hover div { display: block; } /* end of more menu */ #nav-one li .megamenu ul.list-unstyled li .dropdown-menu { background: #fff none repeat scroll 0 0; margin: 5px 0 0 0; padding: 0; position: relative; border: none; box-shadow: none; } #nav-one li .megamenu ul.list-unstyled li .dropdown-menu ul.list-unstyled li > a { padding: 0px 0 0px 15px; border:none; color: #666; font-weight: 500; } #nav-one li .megamenu ul.list-unstyled li .dropdown-menu ul.list-unstyled li > a:hover{ color: #111111; } .box-content-category .list-unstyled.childs_2 {padding: 0;} .main-menu > ul > .dropdown .megamenu.column1 ul > li.dropdown:last-child > a { border-bottom: 1px dashed #d9d9d9;} #nav-one li .megamenu ul.list-unstyled li .dropdown-menu ul.list-unstyled li > a::before, #nav-one > li.top_level.dropdown .megamenu.column1 .list-unstyled.childs_1 li a::before, #nav-one .hiden_menu .dropdown-menu a:before{ font-family: 'FontAwesome'; content: '\f105'; font-size: 14px; position: absolute; right: auto; top: -1px; left: 0; font-weight: 500; background:none; } #nav-one li .megamenu.column1 ul.list-unstyled > li.dropdown .dropdown-menu { left: 100%; top: 0; position: absolute; border-radius: 0; padding: 15px 0 15px 15px; display: none; margin: 0; box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.1); min-width: 200px; } .breadcrumb li:last-child a { color: #000; } .breadcrumb>li a { color: #000; } .breadcrumb>li a:hover { color: #ff6e9b; } .column_left_cms .box.last .list-group{ border-bottom: medium none; margin-bottom:0; padding:4px 0 0; } .column_left_cms .box.last{margin-bottom:0;} @media (min-width:992px){ #menu .dropdown .dropdown-menu{ margin: 0 auto !important; transform-origin: center top 0; top: 100%; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; transition: all 500ms ease 0s; -webkit-transition: all 500ms ease 0s; -moz-transition: all 500ms ease 0s; -ms-transition: all 500ms ease 0s; -o-transition: all 500ms ease 0s; } #menu > ul > li.hiden_menu div { min-width: 195px; background-color: #fff; padding: 10px 0; position: absolute; text-align: left; margin-top: -2px; top: 60px; border: 1px solid #f0f0f0; box-shadow: 1px 1px 2px 2px rgb(0 0 0 / 10%); } #menu .dropdown .dropdown-menu { min-width: 180px; padding: 25px 25px; border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; background-color: #fff; text-align: left; margin: 0 auto !important; transform-origin: center top 0; transition: all 500ms ease 0s; -webkit-transition: all 500ms ease 0s; -moz-transition: all 500ms ease 0s; -ms-transition: all 500ms ease 0s; -o-transition: all 500ms ease 0s; top: 110%; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; border-color: #e5e5e5; box-shadow: none; visibility: hidden; } #menu .dropdown .dropdown-menu.megamenu.column3 { min-width: 160px; } #menu .dropdown .dropdown-menu { display: block !important; } #menu ul.nav li .megamenu.column1 ul.list-unstyled > li.dropdown:hover > .dropdown-menu {display: block;} #menu .dropdown:hover .dropdown-menu, #menu > ul > li.hiden_menu:hover div { display: block; transform-origin: center top 0; opacity: 1 ; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; transition: all 500ms ease 0s; -webkit-transition: all 500ms ease 0s; -moz-transition: all 500ms ease 0s; -ms-transition: all 500ms ease 0s; -o-transition: all 500ms ease 0s; visibility: visible; opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; top: 118px; } #menu ul.nav li .megamenu.column1 ul.list-unstyled > li.dropdown:before { content: "\f105"; right: 15px; position: absolute; font-family: fontawesome; font-size: 14px; display: inline-block; top: 15px; color: #666666; transition: all 500ms ease 0s; -webkit-transition: all 500ms ease 0s; -moz-transition: all 500ms ease 0s; -ms-transition: all 500ms ease 0s; -o-transition: all 500ms ease 0s; } #menu ul.nav li .megamenu.column1 ul.list-unstyled > li.dropdown:hover:before { color: #111111; transition: all 500ms ease 0s; -webkit-transition: all 500ms ease 0s; -moz-transition: all 500ms ease 0s; -ms-transition: all 500ms ease 0s; -o-transition: all 500ms ease 0s; } #menu ul.nav li .megamenu.column1 ul.list-unstyled > li.dropdown .dropdown-menu { display: none; left: 206px; padding: 15px 0; position: absolute; top: 0; border: 1px solid #ededed; transform: none; opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; transform-origin: 20% 20% 0; -ms-transform-origin: 20% 20% 0; -webkit-transform-origin: 20% 20% 0; -o-transform-origin: 20% 20% 0; -moz-transform-origin: 20% 20% 0; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } #menu ul.nav li .megamenu.column1 ul.list-unstyled > li.dropdown:hover .dropdown-menu { opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; visibility: visible; } .header-container.fixed{ position: fixed; top: 0px; width: 100%; z-index: 999; -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.2); -webkit-box-shadow: 0 2px 6px rgb(0 0 0 / 20%); box-shadow: 0 2px 6px rgb(0 0 0 / 20%); animation: slide-down 0.7s; left: 0; right: 0; border-radius: 0; -webkit-border-radius: 0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; background: #ffffff; } .header-container.fixed .header_nav { display: none; } .header_top .mobile_account .account,.mobile_account{ display: none; } .mobile-logo { display: none; } .header_top.fixed .search_toggle { top: 57px; } .header_top.fixed .dropdown.myaccount ul.dropdown-menu.dropdown-menu-right.myaccount-menu { top: 57px; } .header_top.fixed #cart .dropdown-menu { top: 58px; } } /* Webdigify Category CSS */ /* 1-col layout */ .layout-1 #content{ # padding:15px; clear: both; } .layout-2.left-col #column-left { padding: 0 15px 0 0px; width: 22.1%; } .layout-2.right-col #column-right { width:22.1%; padding: 0; } /* product info page */ #tabs_info.product-tab { float: left; margin: 50px 0 0px; width: 100%; border: 2px dashed var(--border-color); border-radius: 10px; padding: 10px 20px; } #tabs_info.product-tab ul.nav.nav-tabs { padding: 10px 0 10px; margin: 0px 0 20px 0; text-align: left; border-bottom: #e5e5e5 1px solid; } .nav-tabs > li > a { color: #111111 ; font-weight: 500; } /* End of product info page */ #account-return #content{margin:0 0 20px 15px !important;} #information-information #content, #account-return #content, #information-sitemap #content, #account-account #content, #account-voucher #content, #account-wishlist #content, #account-order #content, #account-edit #content, #account-newsletter #content, #account-password #content,#account-address #content, #account-recurring #content,#account-reward #content, #account-transaction #content,#checkout-checkout #content, #checkout-cart #content ,#account-register #content{ padding: 20px 20px !important; border: 1px solid #eaeaea; margin: 0 0 0 15px; width: 73%; border-radius: 10px; } #information-information #content h3 { font-size: 14px; font-weight: 600; } #information-information .image1, #information-information .image2, #information-information .image3, #information-information .image4 { border-right: 1px solid #ededed; margin: 0 18px 0 0; } #information-information h1, #information-information h2, #account-return h1,#account-return h2, #account-wishlist h1,#account-wishlist h2, #account-order h1,#account-order h2, #account-edit h1,#account-edit h2, #account-password h1,#account-password h2 , #account-address h1,#account-address h2, #account-recurring h1,#account-recurring h2, #account-reward h1,#account-reward h2, #account-transaction h1,#account-transaction h2, #checkout-checkout h1,#checkout-checkout h2, #checkout-cart h1,#checkout-cart h2, #account-register h1,#account-register h2{ margin: 0 0 20px 0; } #account-account h1,#account-account h2 { font-size: 18px; line-height: 24px; } .layout-2.left-col #content { padding: 0 0 0 15px; width: 77.9%; } .layout-2.right-col #content { padding:0 30px 0 0; } .layout-2 .content-bottom #content{width:100%; padding:0; margin-left:auto; margin-right:auto;} #account-login .well p strong { font-weight: 500; } td.text-right a.btn.btn-info { background: #111111; border-color: #111111; } td.text-right a.btn.btn-info:hover, td.text-right a.btn.btn-info:focus, td.text-right a.btn.btn-info:active { background: #111111; border-color: #111111; color: #111; } #account-register fieldset { padding: 20px; margin: 0 0 20px; border: 1px solid #eaeaea; } /* 3-col layout */ .layout-3 #column-left{ width:24%;} .layout-3 #column-right{width:24%;} .layout-3 #content{ width:52%;} /* content */ .layout-2.left-col #content.productpage-quickview { float: right; padding: 20px; } .common-home #content { padding:0; float: left; width: 100%; } .checkout-cart #accordion .panel-title > a, .checkout-checkout #accordion .panel-title { font-weight: 500; padding: 0px 0px; } /* footer */ .social-block ul { padding: 0px; } .common-home footer { margin:0; } footer { position: relative; margin: 50px 0 0 0; float: left; width: 100%; overflow: hidden; } footer h5 { margin: 0px 0 20px; position: relative; text-transform: capitalize; color: #ffffff; font: 400 20px/24px var(--secondary-font); } .footer-blocks .footerleft .contact-block ul { padding: 0; } .footer-blocks .footerleft .contact-block span { line-height: 20px; color: var(--footer-color); display: inline-block; vertical-align: top; font-size: 14px; } #footer .contact-block .block.call .icon { float: left; width: 41px; height: 46px; margin: 0 10px 0 0; } .footer-blocks .contact-block .block.call .data { overflow: hidden; width: auto; } .footer-blocks .footerleft .contact-block .title { display: block; font: 400 14px/20px var(--secondary-font); padding:0 0 5px; } .footer-blocks .footerleft .contact-block .contact-inner { float: left; } .footer-blocks .contact-block .block.call { margin:18px 0 0 0; border-top:1px dashed rgba(255,255,255,.2); padding:25px 0 0; float: left; width: 100%; } .footer-blocks .footerleft .contact-block li { margin: 0px 0px 10px; line-height: 24px; } .footer-blocks .footerleft .contact-block .fa { margin-right: 15px; color:var(--footer-color); font-size: 16px; } #footer .column li a { line-height: 36px; color: var(--footer-color); font-size: 14px; } #footer .contact-block .block.call .data a { font: 22px/34px var(--primary-font); color: var(--secondary-btn-bg-color); } #footer .column li a:hover{ color: var(--footer-hover-color);} #footer .footer-area li a::before{display: none; } #footer .footer-area li a{ padding: 0; } .newsletter { float: left; padding: 5% 8% 4.5%; position: relative; width: 100%; background:#e19a76; text-align: center; z-index: 9; } .newsletter:before { content: ''; background: url(../image/webdigify/sub-pattern-02.png) 0 0 repeat-x; position: absolute; top: 0; left: 0; right: 0; margin: auto; z-index: -1; height: 183px; background-size: 100%; } .newsletter:after { background: url(../image/webdigify/newsletter-pattern-01.png) repeat-x; content: ''; position: absolute; bottom: -30px; left: 0; right: 0; margin: auto; height: 36px; background-size: 100%; z-index: -1; } .news-left .news-title { color: #fff; font: 48px/58px var(--primary-font); margin: 0 0 30px; position: relative; } .news-desc { float: left; width: 100%; color: #fff; font:400 24px/34px var(--secondary-font); } .news-left { width: 100%; float: left; padding:0 25%; margin:0 0 50px; } .news-right { float: none; width: 35%; display: inline-block; vertical-align: top; } #footer { float: left; position: relative; width: 100%; background: var(--footer-bg-color); } .footer-top { float: left; width: 100%; } /*** Responsive part ***/ #footer .social-footer .block-social #social-follow { display: block; } #footer .social-footer { margin: 0; text-align: center; } #newslatter { float: left; } #newslatter::after { content: ''; border-right: 1px solid rgba(255,255,255,0.1); position: absolute; right: 0; height: 160%; top: 0; bottom: 0; margin: auto; } .block_newsletter h3 span.desc { font: 400 13px/24px 'Poppins', Helvetica, sans-serif;; margin: 0 0 20px; float: left; width: 100%; line-height: 1.1; letter-spacing: 0.6px; text-transform: capitalize; } .block_newsletter { padding: 0; float: left; width: 100%; text-align: center; } .block_newsletter h3 .subtitle { font: 400 18px/20px 'Poppins', Helvetica, sans-serif;; float: left; width: 100%; margin: 0 0 10px; } .block_newsletter h3 .title { float: left; width: 100%; margin: 0 0 10px; color: #111111; text-transform: capitalize; } .block_newsletter h3 .title .material-icons { font-size: 0; height: 35px; width: 35px; margin: 0 10px 0 0; /* background-color: #111111; */ display: inline-block; } .newsletter.col-sm-6 { margin: 0; float: left; padding:5px 10% 0px; clear: left; width: 100%; } .footer-appinner ul.list-unstyled { padding-top: 5px; } .app-social { float: none !important; text-align: center; display: inline-block; vertical-align: top; } .block_newsletter form { position: relative; width: 60%; float: none; display: inline-block; vertical-align: top; } .block_newsletter h3 { font: 600 24px/42px 'Poppins', Helvetica, sans-serif; color:#fff; margin: 0; } .block_newsletter form input[type="email"] { background: #ffffff none repeat scroll 0 0; border: none; float: left; padding: 0 125px 0 15px; width: 100%; font-size: 13px; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; -khtml-border-radius:25px; font-weight: 500; height: 44px; } .block_newsletter form input[type=email]:focus+button .search { color: #111; } .block_newsletter form input[type=email]::-webkit-input-placeholder { color: #111; text-indent: 0.625rem; } .block_newsletter form input[type=email]::-moz-placeholder { color: #111; text-indent: 0.625rem; } .block_newsletter form input[type=email]:-moz-placeholder { color: #111; text-indent: 0.625rem; } .block_newsletter form input[type=email]:-ms-input-placeholder { color: #111; text-indent: 0.625rem; } .block_newsletter form button[type=submit] { position: absolute; background: none; border: none; bottom: 0.3125rem; right: 0.125rem; color: #666; } .block_newsletter form button[type=submit] .search:hover { color: #111111; } .block_newsletter p { padding: 10px; font-size: 13px; margin: 5px 0 0; float: left; width: 100%; font-style: italic; line-height: 18px; } .block_newsletter form .input-wrapper { overflow: hidden; } .block_newsletter form input { height: 42px; } .block-contact { color: #666666; } .block-contact .block-contact-title { color: #414141; } .tweet_iframe_widget { width: auto !important; } /* New CSS */ .product-block.product-thumb.transition { margin-bottom:0px; float: left; width: 100%; padding: 0 15px; height: auto !important; } /*cartbit*/ /*cartbit*/ .hometab .row, .ProductbyCategory .row, .featured .row{ background: #fff; } .manufacture_block { float: left; padding: 50px 0 50px; width: 100%; text-align: left; border-top: 1px solid #e8e9eb; } .manufacturer_title { float: left; font-size: 16px; font-weight: 500; margin: 0; text-transform: capitalize; } .manufacture_block ul { float: left; list-style: outside none none; margin: 0; padding-left: 15px; } .manufacture_block ul li { background: url("../image/webdigify/pipe.png") no-repeat scroll right 6px transparent; display: inline-block; padding: 0 15px 2px 10px; } .manufacturer_item a {color: #7a7a7a;} .manufacture_block ul li:last-child {background: none repeat scroll 0 0 transparent;} .newsletter label{display:none;} .newsletter .input-news { width: 100%; position: relative; } .input-news .text-danger { color: #fff; padding: 0; font-size: 13px; margin: 5px 0 0; float: left; width: 100%; font-style: italic; line-height: 18px; border-radius: 25px; position: absolute; text-align: left; font-weight: 600; } .subscribe-btn { width: auto; float: right; position: relative; } .newsletter .form-group{ margin: 0; float: left; width: 100%; } .newsletter #txtemail { background: #fff; height: 52px; width: 100%; border-radius: var(--border-radius); -moz-border-radius: var(--border-radius); -webkit-border-radius: var(--border-radius); -khtml-border-radius: var(--border-radius); padding: 10px 138px 10px 15px; border: 0; } .newsletter .form-control::placeholder { color: #111; } .newsletter .btn.btn-lg { border: none; right: 3px; color: #fff; top: 3px; font:600 16px/24px var(--secondary-font); height: 46px; padding: 5px 25px; position: absolute; border-radius: var(--border-radius); background:var(--primary-btn-bg-color); text-transform: capitalize; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .newsletter .btn.btn-lg:hover{ background: var(--secondary-btn-bg-color); color: #fff; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } #account-order .col-sm-6.text-right, #account-transaction .col-sm-6.text-right, #account-reward .col-sm-6.text-right{clear: both; margin-bottom: 10px; width: auto;} #contact ul li,.newsletter ul li{line-height:22px;} #contact li.call-num {margin-top: 15px;} #product .form-group #input-quantity, .quickview-model #input-quantity { width: 60px; height: 38px; display: inline; padding: 8px; text-align: center; border-radius: 25px; margin-right: 10px; } .form-group.qty #button-cart,#button-cart2 { padding:8px 25px; border-radius: var(--border-radius); -moz-border-radius: var(--border-radius); -webkit-border-radius: var(--border-radius); -khtml-border-radius: var(--border-radius); font-size: 16px; } label.control-label.qty { margin: 0px 10px; } .form-group.qty #button-cart:hover:before, #button-cart2:hover:before, .form-group.qty #button-cart:focus:before,.form-group.qty #button-cart:active:before, #button-cart2.active:before, #button-cart2:focus:before{ background-image: url(../image/webdigify/sprite3.png); background-repeat: no-repeat; background-size: 75px; } .form-group.qty #button-cart:before, .box-category-top { float: left; width: auto; position: relative; padding:13px 63px 13px 63px; cursor: pointer; background: #111111; color: #111; margin: 9px 0 0 0; } .box-category-top::before { position: absolute; content: ""; background-image: url(../image/webdigify/menu.svg); background-repeat: no-repeat; background-position: center 0px; background-size: 20px; background-color: transparent; left: 22px; width: 20px; height: 20px; top: 16px; } .quickview-container .wish-comp { margin-top: 20px; float: left; width: 100%; } .box-content-category { background-color: #fff; display: none; position: absolute; top: 70px; width: 287px; z-index: 999999; border:3px solid #111111; } #nav-one li.hiden_menu .dropdown-inner { display: none; margin: 0 !important; padding-left: 0; padding-right: 0; } .box-content-category .hiden_menu span.main { padding: 13px 85px 13px 50px; display: inline-block; position: relative; cursor: pointer; width: 100%; color: #111; font-weight: 500; } .box-content-category .hiden_menu span.main::after { content: " "; position: absolute; right: auto; top: 18px; left: 25px; background: rgba(0, 0, 0, 0) url("../image/webdigify/more.png") no-repeat scroll center 2px; width: 10px; height: 10px; } .box-content-category .hiden_menu span.main.active::after { background-position: left -28px; } .box-content-category .hiden_menu span.main:hover::after { background-position: center 2px; } .box-content-category .hiden_menu span.main.active:hover::after { background-position: left -28px; } .box-content-category .hiden_menu span.main:hover::before { background: rgba(0, 0, 0, 0) url("../image/webdigify/myaccountArrow.png") no-repeat scroll center -54px; } .bottomfooter { float: left; text-align: center; width: 100%; font-size: 14px; padding: 0; background: #111; } .bottomfooter-inner { padding: 30px 0; border-top: 1px dashed rgba(255,255,255,.2); } p.powered { float: none; margin: 0; padding: 0 0 15px; color:var(--footer-color); } p.powered a { color: var(--footer-color); } p.powered a:hover { color: var(--secondary-btn-bg-color); } .payment-block li img { margin: 0px 5px 0px 0px; cursor: pointer; } .payment-block ul { margin: 0px; } .footer-logo { float: left; margin-top: 10px; } .content-top-breadcum { float: left; width: 100%; background: #f5f5f5; margin: 0 0 30px; } .footer-appinner .title { font: 600 24px/42px 'Poppins', Helvetica, sans-serif; margin:-10px 0 10px; color: #111111; } .footer-appinner .subtitle { font: 400 13px/24px 'Poppins', Helvetica, sans-serif; margin: 0 0 15px; color: #ffffff; } .common-home .content-top-breadcum { display: none; } /* alert */ .alert { padding: 8px 14px 8px 14px; } /* breadcrumb */ .breadcrumb { margin: 0 0 20px 0; padding: 8px 0; } .breadcrumb i {font-size: 15px;} .breadcrumb > li { position: relative; white-space: nowrap; line-height: 14px; } .breadcrumb > li + li:before { content: ''; padding: 0; color:#000 !important; } .col-xs-11.col-sm-3.alert span a:hover{ color:#111111;} .dropdown.myaccount ul.dropdown-menu.dropdown-menu-right.myaccount-menu { top: 50px; margin: 0; border: 1px solid #e5e5e5; box-shadow: none; width: 190px; right: 0; left: auto; } .login_acc li a { color: #666; font:400 13px/22px var(--secondary-font); } .login_acc li:hover a { color: #000; } #cart .dropdown-menu li p.text-center { color: #777; margin: 20px auto; } .box .filterbox { border: medium none;} .panel-footer { background-color: transparent !important; border-top: medium none !important; padding: 0 !important; } .manufacturer-list .manufacturer-content .col-sm-12 a { color: #666; } .panel-footer.text-right{text-align: right;} a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover{background: transparent !important; color: #111111;} .list-group-item{border: none;padding: 0 !important;} #column-left .list-group-item.heading { width: calc(100% - 30px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #333333; font-weight: 600; font-size: 14px; line-height: 28px; } .list-group a { line-height: 30px; font-weight: 400; text-transform: capitalize; } .fa.fa-pencil { margin-right: 5px; } #column-left .checkbox > label { color: #666; text-transform: capitalize; font-size: 13px; line-height: 24px; font-weight: 400; } #column-left .checkbox > label:hover {color: #000000;} .alert-success{width: 100%;float: right;} .list-group-item.group-name { color: #1f2022; font-size: 14px; font-weight: 600; margin-bottom: 0; padding: 0 18px; } .filterbox .panel-footer { padding: 0 0 15px; text-align: left; border:medium none; background:#fff; } /* carousel */ .carousel-caption {color: #FFFFFF;} .carousel-control .icon-prev:before { content: '\f053'; font-family: FontAwesome; } .carousel-control .icon-next:before { content: '\f054'; font-family: FontAwesome; } /* product list */ button.wishlist { font-size: 0; height: 44px; width: 44px; /* margin: 0px 0px 5px 0px; */ display: block; transition: none; position: relative; background-image: url(../image/webdigify/wishlist.svg); background-repeat: no-repeat; background-position: center center; border: none; background-color: transparent; padding: 0; z-index: 9; transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; margin: auto; } .product-layout.product-grid{ float: left; min-height: 565px; padding: 0px; width:33.333%; } .product-layout.product-list { padding: 0; margin: 0 0 0px; } #content .product-list .product-block { padding: 0 15px; } #content .product-carousel .product-block, #content .product-grid .product-block, #content .box-product .product-block { margin: 0; padding: 0 15px; background: #fff; -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; clear: both; overflow: hidden; } .row.cat_prod{margin:0 -15px;} .alert-success .fa.fa-check-circle{margin-right:5px;} .product-thumb h4 { margin: 0; padding: 0 0 8px; color: #111; clear: both; overflow: hidden; text-overflow: ellipsis; width: 100%; white-space: nowrap; font: 400 18px/24px var(--primary-font); } .product-thumb h4:hover{ color: var(--primary-bg-color); } .product-thumb h4 a { color: #111; word-wrap: break-word; } .product-thumb h4 a:hover { color: var(--primary-bg-color); } .product-list .product-thumb h4 { text-transform: capitalize; float: left; width: 100%; } .product-list .description { color: #7a7a7a; float: left; width: 100%; margin-top: 0; margin-bottom: 10px; } .product-list .product-block:hover .product-block-inner{ box-shadow: none; } .product-brand { color: #999999; margin-bottom: 8px; float: left; width: 100%; text-transform: lowercase; } .product-thumb .rating { float: left; width: 100%; margin:0 0 10px; transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; } .product-list .product-block .product-details .rating { display: block; position: static; text-align: left; margin: 0 0 10px; } .product-list .product-thumb .rating{ display: none; } #column-left .product-thumb .price{width:100%;} #column-left .product-thumb .price-new{float:left;} #column-left .product-thumb .price-old{float:left;margin-left:8px;} #column-left .product-block:hover .price { opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; transform: none; -webkit-transform: none; -ms-transform:none; -o-transform:none; -moz-transform:none; } #column-left .product-thumb .caption{min-height:0px;} #special-carousel .product-carousel .product-thumb .caption{padding:10px;} .account-wishlist table .text-center img {border: 1px solid transparent;} .pagination-wrapper .active > span { background: var(--secondary-btn-bg-color) none repeat scroll 0 0 !important; border: 1px solid var(--secondary-btn-bg-color) !important; color: #fff !important; padding: 6px 12px; } .product-layout.product-list .image button.wishlist { display: none; } .product-layout.product-list .product-block.product-thumb .product_hover_block .action button.wishlist{ opacity: 1; z-index: 1; top: 0; right: 0; transition: none; height: 40px; width: 40px; } .category_filter .btn-list-grid .btn-group { margin-top: 6px; } .col-sm-4.product-left { padding-left: 0px; width: 36%; } .col-sm-5.product-right { width: 42%; } .col-sm-7.product-left { width: 58%; } .col-sm-3.product { width: 22%; } #column-left .box .caption p.price span.price-new, #column-right .box .caption p.price span.price-new, #column-left .product-thumb .price, #column-right .product-thumb .price{font-size: 16px;font-weight: 600;line-height: 19px;} #column-left .box .caption p.price .product-thumb .price-old,#column-right .box .caption p.price .product-thumb .price-old{font-size: 13px;} #footer .row .product-block{border:none; } #footer .row .product-block:hover{border:none;} #carousel-0 .product-block:hover, #carousel-0 .product-block {border: medium none;} .rating .fa-stack, #review .fa-stack { font-size:14px; width: 11px; color: #d9d9d9; height: 12px; } .rating .fa-star,#review .fa-star,.rating-wrapper .fa-star{ color: #f6d000; font-size: 12px; height: 13px; } .rating .fa-star + .fa-star-o, #review .fa-star + .fa-star-o,.rating-wrapper .fa-star + .fa-star-o{color: #ffd33b;} .rating .fa-star.off,.rating-wrapper .fa-star.off, #review table .fa-star.off{color:#d9d9d9;} h2.price {margin: 0;} .productpage .nav-tabs > li.active > a { color: var(--primary-btn-bg-color) !important; font-size: 20px; font-weight: 500; } #tabs_info.product-tab li.active a,#tabs_info.product-tab li a:hover { color: var(--primary-btn-bg-color); } #tabs_info.product-tab li a { padding: 7px 12px; font: 600 18px/22px var(--secondary-font); color: #111; text-transform: capitalize; } #tabs_info.product-tab li a:after{ background: #fff none repeat scroll 0 0; content: ""; height: 100%; left: 0; opacity: .3; -moz-opacity: .3; -khtml-opacity: .3; -webkit-opacity: .3; position: absolute; top: 0; transition: none 0s ease 0s; -webkit-transition: none 0s ease 0s; -moz-transition: none 0s ease 0s; -o-transition: none 0s ease 0s; -ms-transition: none 0s ease 0s; width: 0; } #tabs_info.product-tab li a:hover:after{ -webkit-animation: fillToRight 0.9s forwards; -moz-animation: fillToRight 0.9s forwards; animation: fillToRight 0.9s forwards; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; -khtml-border-radius: 25px; } .nav-tabs > li.active::after { border-bottom: 3px solid #f6d000; bottom: 0; } /*.nav > li > a:focus, .nav > li > a:hover { background: transparent; color: #fff; }*/ #content #tabs_info .nav.nav-tabs { padding: 0; border-bottom: 2px solid #f0f0f0; } .product-thumb .price { /* color: var(--secondary-btn-bg-color); */ margin: 0 0 15px; float: left; width: 100%; /* font: 700 16px/30px var(--secondary-font); */ } .product-thumb .price .price-new { /*color: #e02b40!important;*/ } .product-thumb .list .price { font-size: 18px; margin: 0 0 20px 0; } .product-thumb .list .price-new{font-size:18px;} .product-thumb .price-old { color: #777777; text-decoration: line-through; font-size: 16px; font-weight: 400; margin: 0 0 0 5px; line-height: 16px; } .product-thumb .price-tax { color: #808080; display: none; font-size: 12px; width: 100%; } .product-list .product-thumb .price-tax{display:block; clear:both; line-height:18px; margin:5px;} .myaccount-menu.dropdown-menu > li > a{padding:6px 10px !important;margin-right:0; font-size: 12px;} .product-list .product-block .product-details.list .compare { display: block;} #product span.customSelect, #product .form-group select { border-radius: 0; height: 40px; color: #7a7a7a; padding: 9px 15px 10px 15px; border: 1px solid #e8e9eb; } .product-list .product_hover_block { opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; position: relative; bottom: -8px; clear: both; z-index: 9; position: static; float: left; transform: none; max-width: 100%; text-align: left; } .product-list .product-block .action { display: none; } .product-list .product-block .product_hover_block .action { display:inline-block; } .product-list .quickview-button { transform: none; } .product-layout.product-grid .product-details .product_hover_block { display: none; } .product-list .product-block .image .product_hover_block, .product-list .product-block .image .action { display: none; } .product-list .product_hover_block .action { text-align: left; position: static; opacity: 1; width: auto; margin:0 0 10px; } .header-cart .cart-menu li a{ margin:0; padding:0!important; height:auto; width:100%; float: right; text-align: center; } .cart-menu .total-table .text-right{ border:none;} .cart-menu .total-table { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #dddddd currentcolor currentcolor; border-image: none; border-style: solid none none; border-width: 1px medium medium; } #column-left .product_hover_block, #column-right .product_hover_block { display: none; } .thumbnails { overflow: auto; clear: both; list-style: none; padding: 0; margin: 0; } .thumbnails > img {width: 100%;} .thumbnails .image-additional {float: left;} .product-info .image { margin-bottom: 25px; # border:3px dashed var(--border-color); border-radius: 10px; } .product-info .image .thumbnail{ margin: 0;} .product-info .zoomContainer{ z-index:9; } /* It need for ie7 */ .product-info .additional-carousel { position: relative; padding:0 70px; overflow: hidden; } .product-info .image-additional { clear: both; overflow: hidden; width: 100%; float:none; margin-left:auto; margin-right:auto; text-align: center; } .product-info .image-additional img { height: auto; max-width: 100%; margin: 0; overflow: hidden; # border:2px dashed var(--border-color); border-radius: 10px; } .product-info .image-additional img:hover { border-color: #e5e5e5; } .product-info a.elevatezoom-gallery.zoomGalleryActive img { border-color: #e5e5e5; } .product-right .btn-group .wishlist .fa, .product-right .btn-group .compare .fa { padding: 0; text-align: center; margin: 0; line-height: 25px; } #input-captcha, #input-payment-captcha{margin-bottom:10px} /* .productpage .form-group.qty .wishlist, .productpage .form-group.qty .compare, .quickview .form-group.qty .wishlist, .quickview .form-group.qty .compare { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; padding:7px 5px; text-transform: capitalize; } */ .productpage .form-group.qty .wishlist:hover, .productpage .form-group.qty .compare:hover, .product-rightinfo .btn-group.prd_page button.btn.btn-default.wishlist:hover, .productpage .form-group.qty .wishlist:hover:before, .product-rightinfo .btn-group.prd_page .btn-default.compare:hover, .product-rightinfo .btn-group.prd_page button.btn.btn-default.wishlist:hover:before { background-position: -36px -134px; color: #ff6e9b; } .productpage #input-quantity, .quickview #input-quantity{ float: left; margin-right: 15px; width: auto; height: 38px; text-align: center; } .form-group.qty .control-label{ float: left; margin: 10px 10px 0 0; font-size: 14px; font-weight: 600; } /* box */ .box {margin-bottom:0;} .box.webdigifyblog .box-heading { float: none; padding: 0; text-align: left; width: 100%; font: 400 20px/24px var(--secondary-font); border-radius: 0; margin: 0 0 30px; color: #fff; } #column-left .box .box-heading, #column-right .box .box-heading { padding: 12px 15px; position: relative; color: #111; font: 600 16px/20px var(--secondary-font); text-transform: capitalize; background: #f7f7f7 none repeat scroll 0 0; border-radius: 10px; } .service-banner .box-heading{display:none;} .box-heading .fa.fa-angle-down { margin: 0 0 0 2px; font-weight: 600; } .box-heading { font-size: 14px; font-weight: 600; text-transform: capitalize; line-height: 24px; } .box.special { position: relative; float: left; width: 100%; margin:30px 0 70px; } .box-subheading { color: #999999; text-transform: uppercase; margin: 0 0 10px; font-size: 12px; font-weight: 500; text-align: center; } .box-desc { padding: 0; font-size: 16px; font-weight: 500; position: relative; line-height: 20px; color: #111; margin: 0 0 40px 0; text-align: center; } .hometab.box .box-desc { margin: 0; } #content .box .box-heading, .box.related_prd .box-heading,#wdcmstestimonial .box-heading{ text-transform: capitalize; text-align: center; color: #222; padding:0 0 70px; margin: 0 auto 25px; font: var(--main-title); /* background: url(../image/webdigify/title_pattern.png) no-repeat scroll center bottom; */ position: relative; } #wdcmsservices .box-heading { margin: 0 auto 20px; } #product-product .box-head .box-heading { width: 100%; } .hometab-heading.box-heading { padding: 50px 32px 0 30px; border-bottom:none !important; line-height: 30px; } .header_top .account { float: right; width: auto; border: none; padding: 40px 0; } #content .box .box-content, .related_prd .box-content{ border:none; padding:0; clear: both; margin: 0 -15px; position: relative; } .row .additional-carousel .product-block:hover {border:none;} #products-related { position: relative; margin: 0 0 50px 0; } .box .box-content ul , #content .content ul { padding:0px; margin:0px; list-style:none; } .all-blog .panel-default .panel .panel-body h5 { text-align: left; float: left; width: 100%; font: 600 16px/20px var(--secondary-font); margin:0 0 15px 0; } .box .box-content ul li , #content .content ul li { line-height:22px; padding:4px 0; border-bottom: 1px dashed #e4e4e4; } .box .box-content ul li:last-child, #content .content ul li:last-child { border: medium none;} .box .box-content ul li a + a , .box .box-content ul li a + a:hover{ background:none; padding-left:0; } .box .box-content ul ul{margin-left:0px;} .product-grid li,#content .box-product .product-items { float:left; position:relative; } #content .image-additional .slider-item .product-block{ margin:0 7px; padding: 0; display: inline-block; max-width: 100%; float:left; } .banners-slider-carousel .product-block:hover .product-block-inner{ box-shadow: none; } .product-block-inner { position: relative; background: #fff; margin: 0 0 30px; border:3px dashed var(--border-color); border-radius: 10px; padding:0 0 30px; float: left; width: 100%; z-index: 9; } .product-block-inner::after { background: linear-gradient(90deg,var(--primary-bg-color) 50%,transparent 50%),linear-gradient(90deg,var(--primary-bg-color) 50%,transparent 50%),linear-gradient(0deg,var(--primary-bg-color) 50%,transparent 50%),linear-gradient(0deg,var(--primary-bg-color) 50%,transparent 50%); background-position-x: 0%, 0%, 0%, 0%; background-position-y: 0%, 0%, 0%, 0%; background-repeat: repeat, repeat, repeat, repeat; background-size: auto, auto, auto, auto; background-position-x: 0%,0%,0%,0%; background-position-y: 0%,0%,0%,0%; background-repeat: repeat,repeat,repeat,repeat; background-size: auto,auto,auto,auto; background-position-x: 0%,0%,0%,0%; background-position-y: 0%,0%,0%,0%; background-repeat: repeat,repeat,repeat,repeat; background-size: auto,auto,auto,auto; background-repeat: repeat-x,repeat-x,repeat-y,repeat-y; background-size: 15px 3px,15px 3px,3px 15px,3px 15px; background-position: 0 0,100% 100%,0 100%,100% 0; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; bottom: -3px; content: ""; left: -3px; position: absolute; right: -3px; top: -3px; margin: auto; z-index: -1; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; } .product-block:hover .product-block-inner::after { animation: product-border 5s infinite linear; -webkit-animation: product-border 5s infinite linear; -moz-animation: product-border 5s infinite linear; -o-animation: product-border 5s infinite linear; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; } .product-block:hover .product-block-inner { border-color: transparent; } @keyframes product-border { 0% { background-position: 0px 0px, 100% 100%, 0px 100%, 100% 0px; } 100% { background-position: 100% 0px, 0px 100%, 0px 0px, 100% 100%; } } .grid_default_width { width:280px;} .module_default_width{ width:220px;} .latest_default_width{ width:280px;} .special_default_width {width:280px;} .wdproductcategory { width: 50%; } .related_default_width{ width:280px;} .bestseller_default_width { width: 280px; } .additional_default_width{ width:100px;} #content .banners-slider-carousel .product-carousel .product-block-inner,#content .banners-slider-carousel .product-grid .product-block-inner{text-align:center;} .product_hover_block { float: left; width: 100%; padding: 0; position: absolute; top:auto; bottom: 10px; left: 0; right:0; text-align: center; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; z-index: 3; transition: all 500ms ease 0s; -webkit-transition: all 500ms ease 0s; -moz-transition: all 500ms ease 0s; -ms-transition: all 500ms ease 0s; -o-transition: all 500ms ease 0s; } .product-block:hover .product_hover_block { transition: all 500ms ease 0s; -webkit-transition: all 500ms ease 0s; -moz-transition: all 500ms ease 0s; -ms-transition: all 500ms ease 0s; -o-transition: all 500ms ease 0s; opacity: 1; } /* .product-block:hover .product_hover_block { opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; } */ .product-block:hover .product_hover_block button, .product-block:hover .quickbox { transform: scale(1); } .product_hover_block button, .quickbox{ background-image: url(../image/webdigify/sprite3.png); background-repeat: no-repeat; background-position: center 10px; background-position: 11px -109px; background-color: var(--secondary-btn-bg-color); display: inline-block; margin: 0; color: #333; border: none; position: relative; border-radius: 50%; text-align: center; vertical-align: top; background-size: 65px; transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -khtml-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; } .product-block button.cart_button{ font-size: 14px; padding: 11px 20px 11px 52px; font-weight: 700; width: auto; height: auto; color: #fff; background-color: var(--primary-btn-bg-color); z-index: 9; border-radius: var(--border-radius); -moz-border-radius: var(--border-radius); -webkit-border-radius: var(--border-radius); -khtml-border-radius: var(--border-radius); display: inline-block; transition: none; text-transform: uppercase; border: 0; position: relative; line-height: 24px; letter-spacing: .8px; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; background-image: none; } .product-block button.cart_button:before{ content: ""; background:url(../image/webdigify/sprite3.png) no-repeat scroll; background-position: 1px -1px; height: 24px; width: 28px; position: absolute; left: 20px; top: 11px; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .product-block:hover button.cart_button:before{ transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .product-block:hover button.cart_button{ background-color: var(--secondary-btn-bg-color); color: var(--secondary-btn-color); transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .product-list .product-block button.cart_button { width: auto; } .product-block .action { display: inline-block; vertical-align: top; } .product_hover_block button.wishlist{ background-position:11px -31px; } .product_hover_block button.wishlist:hover { background-color: var(--primary-btn-bg-color); background-position:11px -31px; } .product-block .compare-button{ display: inline-block; transform:translateY(60px); -webkit-transform: translateY(60px); -moz-transform: translateY(60px); -o-transform: translateY(60px); -ms-transform: translateY(60px); transition: all 600ms ease-in-out 0s; -webkit-transition: all 600ms ease-in-out 0s; -moz-transition: all 600ms ease-in-out 0s; -o-transition: all 600ms ease-in-out 0s; -ms-transition: all 600ms ease-in-out 0s; } .product-block:hover .compare-button{ transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); } .product-block .wishlist-button{ display: inline-block; transform:translateY(50px); -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -o-transform: translateY(50px); -ms-transform: translateY(50px); transition: all 700ms ease-in-out 0s; -webkit-transition: all 700ms ease-in-out 0s; -moz-transition: all 700ms ease-in-out 0s; -o-transition: all 700ms ease-in-out 0s; -ms-transition: all 700ms ease-in-out 0s; } .product-block:hover .wishlist-button{ transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); } .product_hover_block button.compare_button{ background-image: url(../image/webdigify/sprite3.png); background-repeat: no-repeat; background-position:11px -74px; width: 44px; height: 44px; z-index: 1; padding: 0; background-size: 65px; border-radius: 50%; } .product_hover_block button.compare_button:hover { background-color: var(--primary-btn-bg-color); background-position: 11px -74px; } /*.product_hover_block .action button.compare_button:hover, .product_hover_block .action button.compare_button:active, .box.special .product-block .product-details .quickbox:active, .product_hover_block .action button.compare_button:focus, .box.special .product-block .product-details .quickbox:focus{ background-color: #111111; }*/ .product_hover_block .action button::before, .quickbox::before { content: ""; position: absolute; transition: all 200ms ease 0s; -webkit-transition: all 200ms ease 0s; -moz-transition: all 200ms ease 0s; -ms-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; } .product_hover_block .action button:hover::before, .quickbox:hover::before{ transform: scale(1); -webkit-transform: scale(1); -ms-transform:scale(1); -o-transform:scale(1); -moz-transform:scale(1); } .quickview-model .alert.alert-info { float: left; width: 100%; margin: 10px 0 0 0; } .quickview-button { display: inline-block; width: 44px; height: 44px; vertical-align: top; transform: translateY(70px); -webkit-transform: translateY(70px); -moz-transform: translateY(70px); -o-transform: translateY(70px); -ms-transform: translateY(70px); transition: all 500ms ease-in-out 0s; -webkit-transition: all 500ms ease-in-out 0s; -moz-transition: all 500ms ease-in-out 0s; -o-transition: all 500ms ease-in-out 0s; -ms-transition: all 500ms ease-in-out 0s; } .product-block:hover .quickview-button { transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); } .quickbox { width: 100%; height: 100%; } #productcategory-carousel .product_hover_block { left: 15px; } .quickbox .fa.fa-eye { font-size: 15px; } .quickbox:hover { background-color: #111111; border-radius: 50%; } .product_hover_block button .fa { font-size: 14px; } .product-block .product-details { padding:10px 10px 0; position: relative; float: left; width: 100%; text-align: center; height: 100%; } .product-grid .description { display: none; } .sale { color: #111111; display: block; font-size: 12px; left: 10px; line-height: 18px; position: absolute; right: auto; top: 15px !important; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; } .product-block .product-block-inner .image span.sale:hover { opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; transition: 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; left: -90px; } #content .banners-slider-carousel .product-block { margin:5px 15px; cursor: pointer; } #content .banners-slider-carousel .product-block .product-block-inner { border: 0; padding: 15px 0 !important; } #content .banners-slider-carousel .product-block .product-block-inner:after{ background: none; } .product-list .product-details { overflow: hidden; float: none; width: auto; text-align: left; padding: 20px 0 15px 15px; } #content .banners-slider-carousel .product-block .product-block-inner a .img-responsive { display: inline-block; } .banners-slider-carousel .product-block:hover .product-block-inner { border: 1px solid transparent; } .banners-slider-carousel .product-block .product-block-inner img{ opacity: 0.6; filter: alpha(opacity=60); transition: all 500ms ease 0s; -webkit-transition: all 500ms ease 0s; -moz-transition: all 500ms ease 0s; -o-transition: all 500ms ease 0s; -ms-transition: all 500ms ease 0s; } .banners-slider-carousel .product-block:hover .product-block-inner img{ opacity: 1; filter: alpha(opacity=100); transition: all 500ms ease 0s; -webkit-transition: all 500ms ease 0s; -moz-transition: all 500ms ease 0s; -o-transition: all 500ms ease 0s; -ms-transition: all 500ms ease 0s; } @-webkit-keyframes slideDashXopp { from { -webkit-transform: translateX( 0% ); transform: translateX( 0% ); -moz-transform: translateX( 0% ); -ms-transform: translateX( 0% ); -o-transform: translateX( 0% ); } to { -webkit-transform: translateX( -50% ); transform: translateX( -50% ); -moz-transform: translateX( -50% ); -ms-transform: translateX( -50% ); -o-transform: translateX( -50% );} } @-moz-keyframes slideDashXopp { from { -webkit-transform: translateX( 0% ); transform: translateX( 0% ); -moz-transform: translateX( 0% ); -ms-transform: translateX( 0% ); -o-transform: translateX( 0% ); } to { -webkit-transform: translateX( -50% ); transform: translateX( -50% ); -moz-transform: translateX( -50% ); -ms-transform: translateX( -50% ); -o-transform: translateX( -50% );} } @keyframes slideDashXopp { from { -webkit-transform: translateX( 0% ); transform: translateX( 0% ); -moz-transform: translateX( 0% ); -ms-transform: translateX( 0% ); -o-transform: translateX( 0% ); } to { -webkit-transform: translateX( -50% ); transform: translateX( -50% ); -moz-transform: translateX( -50% ); -ms-transform: translateX( -50% ); -o-transform: translateX( -50% );} } @-webkit-keyframes slideDash { from { -webkit-transform: translateX( -50% ); transform: translateX( -50% ); -moz-transform: translateX( -50% ); -ms-transform: translateX( -50% ); -o-transform: translateX( -50% ); } to { -webkit-transform: translateX( 0% ); transform: translateX( 0% ); -moz-transform: translateX( 0% ); -ms-transform: translateX( 0% ); -o-transform: translateX( 0% ); } } @-moz-keyframes slideDash { from { -webkit-transform: translateX( -50% ); transform: translateX( -50% ); -moz-transform: translateX( -50% ); -ms-transform: translateX( -50% ); -o-transform: translateX( -50% ); } to { -webkit-transform: translateX( 0% ); transform: translateX( 0% ); -moz-transform: translateX( 0% ); -ms-transform: translateX( 0% ); -o-transform: translateX( 0% ); } } @keyframes slideDash { from { -webkit-transform: translateX( -50% ); transform: translateX( -50% ); -moz-transform: translateX( -50% ); -ms-transform: translateX( -50% ); -o-transform: translateX( -50% ); } to { -webkit-transform: translateX( 0% ); transform: translateX( 0% ); -moz-transform: translateX( 0% ); -ms-transform: translateX( 0% ); -o-transform: translateX( 0% ); } } @-webkit-keyframes slideDashY { from { -webkit-transform: translateY( -50% ); transform: translateY( -50% ); -moz-transform: translateY( -50% ); -ms-transform: translateY( -50% ); -o-transform: translateY( -50% ); } to { -webkit-transform: translateY( 0% ); transform: translateY( 0% ); -moz-transform: translateY( 0% ); -ms-transform: translateY( 0% ); -o-transform: translateY( 0% ); } } @-moz-keyframes slideDashY { from { -webkit-transform: translateY( -50% ); transform: translateY( -50% ); -moz-transform: translateY( -50% ); -ms-transform: translateY( -50% ); -o-transform: translateY( -50% ); } to { -webkit-transform: translateY( 0% ); transform: translateY( 0% ); -moz-transform: translateY( 0% ); -ms-transform: translateY( 0% ); -o-transform: translateY( 0% ); } } @keyframes slideDashY { from { -webkit-transform: translateY( -50% ); transform: translateY( -50% ); -moz-transform: translateY( -50% ); -ms-transform: translateY( -50% ); -o-transform: translateY( -50% ); } to { -webkit-transform: translateY( 0% ); transform: translateY( 0% ); -moz-transform: translateY( 0% ); -ms-transform: translateY( 0% ); -o-transform: translateY( 0% ); } } @-webkit-keyframes slideDashYopp { from { -webkit-transform: translateY( 0% ); transform: translateY( 0% ); -moz-transform: translateY( 0% ); -ms-transform: translateY( 0% ); -o-transform: translateY( 0% ); } to { -webkit-transform: translateY( -50% ); transform: translateY( -50% ); -moz-transform: translateY( -50% ); -ms-transform: translateY( -50% ); -o-transform: translateY( -50% );} } @-moz-keyframes slideDashYopp { from { -webkit-transform: translateY( 0% ); transform: translateY( 0% ); -moz-transform: translateY( 0% ); -ms-transform: translateY( 0% ); -o-transform: translateY( 0% ); } to { -webkit-transform: translateY( -50% ); transform: translateY( -50% ); -moz-transform: translateY( -50% ); -ms-transform: translateY( -50% ); -o-transform: translateY( -50% );} } @keyframes slideDashYopp { from { -webkit-transform: translateY( 0% ); transform: translateY( 0% ); -moz-transform: translateY( 0% ); -ms-transform: translateY( 0% ); -o-transform: translateY( 0% ); } to { -webkit-transform: translateY( -50% ); transform: translateY( -50% ); -moz-transform: translateY( -50% ); -ms-transform: translateY( -50% ); -o-transform: translateY( -50% );} } /*.image_content { position: absolute; height: 100%; width: 100%; }*/ .product-info .product-image .customNavigation span.prev:hover::before, .product-info .product-image .customNavigation span.next:hover::before { background: #0a7ef0 none repeat scroll 0 0; border: 1px solid #0a7ef0; color: #ffffff; } #column-left .swiper-pagination.swiper-pagination-bullets { display: none; } #content .product-list .product-block .image { float: left; width: 31%; } .banners-slider-carousel { margin:0px 0; width: 100%; float: left; } .banners-slider-carousel .product-carousel .slider-wrapper-outer{ padding: 0; } #column-left .box-product, #column-right .box-product { width: 100%; overflow: hidden; padding: 0px 0px; } #column-left .box-product .product-block-inner, #column-right .box-product .product-block-inner { margin: 0; padding: 0; box-shadow: none; width: 100%; border: none; } #column-left .box-product .product-block-inner:after, #column-right .box-product .product-block-inner:after{ background: none; } #column-left .box-product > div, #column-right .box-product > div { display:block; margin-right:0px; margin-top: 0px; margin-bottom:0; width:100%; } #column-left .box .box-content div.product-items:last-child > div, #column-right .box .box-content div.product-items:last-child > div, #column-left .box .box-content div.slider-item:last-child > div, #column-right .box .box-content div.slider-item:last-child > div { border: 0 none; } #column-left .box-product .image, #column-right .box-product .image { display: block; margin-bottom: 10px; float: left; margin-right: 0px; margin-top: 0px; width: auto; overflow: hidden; } #column-left .product-block:hover , #column-right .product-block:hover{box-shadow:none; -moz-box-shadow: none; -webkit-box-shadow: none; } #column-left .product-items .product-details, #column-left .product-items .product-details, #column-right .product-items .product-details { float: right; width: 66%; overflow: hidden; text-align: left; padding: 0; } #column-left .box-product .product-thumb h4, #column-right .box-product .product-thumb h4 { white-space: unset; text-overflow: unset; overflow: visible; font-size: 13px; margin: 0 0 7px; padding: 0; } #column-left .product-thumb .caption, #column-right .product-thumb .caption{ padding:0; border:none; float: left; width:100%; margin-top:0px; } #column-left .special .product-thumb .caption, #column-right .special .product-thumb .caption{width:100%;} .content_headercms_bottom .tags > a:last-child::after {border-right: medium none;} #column-left .product-thumb .price, #column-right .product-thumb .price{ text-align:left;} #column-left .box-product .name, #column-right .box-product .name {display: block;} #column-left .product-thumb, #column-right .product-thumb { border-bottom: 1px solid #eaeaea; margin-bottom: 0px; padding: 20px 0 5px; float: left; width: 100%; } #column-left .price-tax, #column-left .wishlist , #column-left .compare, #column-right .price-tax, #column-right .wishlist , #column-right .compare {display:none !important;} #column-left .container,#column-right .container{width:auto} #column-left .box, #column-right .box { position: relative; width: 100%; border: 2px dashed var(--border-color); padding: 5px; margin: 0 0 30px; border-radius:10px; } #column-left .box .box-content, #column-right .box .box-content{ padding:0 15px; } .top_button { bottom: 20px; cursor: pointer; height: 40px; padding: 0px 14px; position: fixed; right: 20px; text-align: center; width: 40px; z-index: 99; font-size: 0px; border-radius: 50%; background: var(--primary-btn-bg-color); -webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob; animation-name: hvr-icon-bob-float, hvr-icon-bob; -webkit-animation-duration: .3s, 1.5s; animation-duration: .3s, 1.5s; -webkit-animation-delay: 0s, .3s; animation-delay: 0s, .3s; -webkit-animation-timing-function: ease-out, ease-in-out; animation-timing-function: ease-out, ease-in-out; -webkit-animation-iteration-count: 1, infinite; animation-iteration-count: 1, infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal, alternate; animation-direction: normal, alternate; transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; border:2px solid var(--secondary-color); } .top_button:hover { background-color: #40cad8; color: #fff; transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; } .top_button:hover:before{ color: #fff; } .top_button::before { color: #fff; content: "\f106"; font-family: "FontAwesome"; font-size: 20px; line-height: 35px; font-weight: 300; transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; right: 0; left: 0; margin: auto; text-align: center; position: absolute; } .top_button:after { border-radius: 50%; bottom: -5px; height: 50px; opacity: 1; right: -5px; content: ""; position: absolute; width: 50px; animation: blink 2s steps(5, start) infinite; -webkit-animation: blink 1s steps(5, start) infinite; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } #content ul.list-unstyled { margin-bottom: 10px; overflow: auto; padding: 0; } #content ul.list-unstyled li { line-height: 20px; padding: 4px 0; font-size: 13px; } #content ul.list-unstyled li a:hover { color: #111111; } .account-address .btn-info:hover { background: #111111; border-color: #111111; color: #fff; } #content ul.list-unstyled li a { color: #666; } .manufacturer-list { border: 1px solid #e5e5e5; margin-bottom: 20px; padding: 5px; } .manufacturer-heading { background: none repeat scroll 0 0 #f8f8f8; font-size: 15px; font-weight: bold; margin-bottom: 6px; padding: 5px 8px; } .brand-name { float: left; border: 1px solid #e8e9eb; margin: 10px 11px; } .brand-name:hover { border-color: #111; } .brand-name a .img-responsive { width: 123px; opacity: 0.8; filter: alpha(opacity=80); } .brand-name a .img-responsive:hover{ opacity: 1; filter: alpha(opacity=100); } .main-menu .brand-name a { padding: 0; } .main-menu .brand-name a span { width: 100%; color: #111; float: left; background: #fafafa; text-align: center; padding: 5px 14px 6px; border-top: 1px solid #eaeaea; } .manufacturer-content-home { float: left; width: 100%; } .manufacturer-content {padding: 8px;} .manufacturer-list ul { float: left; list-style: outside none none; margin: 0 0 10px; padding: 0; width: 25%; } .productpage .box {margin-top:20px;} .col-sm-4.total_amount { margin-top: 70px;} .product-tag{margin:5px 0;} .aboutus { clear: both; margin-bottom:60px; } #content h3 { margin-bottom: 10px; font-size: 18px; color: #111; font-weight: 600; } .image1 { background: url("../image/webdigify/cms-sprite.png") no-repeat scroll 7px -165px; float: left; height: 50px; width: 60px; } .image2 { background: url("../image/webdigify/cms-sprite.png") no-repeat scroll 7px -116px; float: left; height: 50px; width: 60px; } .image3 { background: url("../image/webdigify/cms-sprite.png") no-repeat scroll 7px -52px; float: left; height: 50px; width: 60px; } .image4 { background: url("../image/webdigify/cms-sprite.png") no-repeat scroll 7px 6px; float: left; height: 50px; width: 60px; } .aboutus h2{clear:both;font-size:20px;} .about-content{overflow:hidden;} .information-information .right{float:right;} .category_filter #grid-view,.category_filter #list-view{ border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -khtml-border-radius: 0; border:none; padding:6px 12px; box-shadow: none; } #column-left .swiper-viewport { border: medium none; box-shadow: none; margin: 0 0 30px; border-radius: 0px; } .category_filter #grid-view{ background:url("../image/webdigify/sprite.png") no-repeat scroll -4px -165px !important; width:25px; height:25px; } .category_filter #list-view{ background:url("../image/webdigify/sprite.png") no-repeat scroll -37px -165px !important; width:25px; height:25px; } .category_filter #list-view:hover, .category_filter #list-view.active { background-position: -38px -112px !important; } .category_filter #grid-view:hover, .category_filter #grid-view.active{background-position: -7px -113px !important;} .category_filter #grid-view .fa, .category_filter #list-view .fa{display:none} #list-view{margin-left:2px} .category_filter #grid-view:hover .fa,.category_filter #list-view:hover .fa{color:#fff;} .category_filter .btn-list-grid { float: left; width: auto; padding:0px; } .compare-total { float: left; margin: 7px 20px 0; } .pagination-right { float: right;margin:0; width: auto;} .category_filter .sort-by {float: left;margin: 7px 10px 0 0; width: auto;padding:0;} .category_filter .show {float: left; margin: 7px 10px 0;padding:0; width:auto;} .category_filter .sort { float: left; width: 100px;padding:0;} .category_filter .limit {float: right; width: 50px;padding:0;} .sort-by-wrapper,.show-wrapper{ float: left; margin-right:15px; } .show-wrapper {margin: 0;} .category_thumb .category_description { float: left; width: 100%; margin-bottom: 20px; color: #7a7a7a; } .row.category_thumb { margin: 0 -15px; padding: 0; } .category_thumb .category_img, .category_thumb .category_description { float: left; width: 100%; } .category_img img{margin-bottom:10px; border:none; max-width:100%; border-radius:10px;} .category_list ul { padding: 0; display:inline-block; margin: 7px 0 0; } #content .refine-search{ font-size: 16px; margin-bottom: 5px; margin-top: 5px; text-transform: capitalize; font-weight: 500; } .refine-search ul{padding:0;} .refine-search ul li{list-style:none;} .category_list li a { display: block; padding: 8px 20px; border: 1px solid #eaeaea; color: #666; } .compare-total #compare-total { color: #666; } .category_list li a:hover { color: #111111; border-color: #111111; } .category_list li { float: left; list-style: outside none none; margin: 0 10px 0px 0; } .pagination-wrapper { border: 0; display: inline-block; margin: 20px 0 0; padding: 13px 15px; width: 100%; background: #ffffff; border: 1px solid #e5e5e5; } .pagination > li:last-child {margin: 0;} .category_filter { display: inline-block; padding: 8px 10px; width: 100%; margin-top: -10px; margin-bottom: 5px; border: 1px solid #e5e5e5; } .pagination-wrapper .page-link { float: right; padding: 0; width: auto; } .pagination-wrapper .page-result{ float: left; padding: 6px 0; width: auto; } .information-contact #content { width: 100%; padding: 0; background: #fff; margin-bottom: -20px; } .left .address-detail { border-bottom: 1px solid #e8e9eb; padding-bottom: 15px; margin-bottom: 15px; } .address-detail1 a.btn.btn-info:hover { background: var(--primary-btn-bg-color); border-color: var(--primary-btn-bg-color); color: #ffffff; } .left strong { font-size: 14px; text-transform: capitalize; padding-bottom: 5px; display: block; color: #111111; } .left .btn.btn-info { margin-bottom: 20px; border-radius: 30px; color: #fff; background: var(--secondary-btn-bg-color); border-color: var(--secondary-btn-bg-color); position: relative; border-radius: var(--border-radius); -moz-border-radius: var(--border-radius); -webkit-border-radius: var(--border-radius); -khtml-border-radius: var(--border-radius); } .row.contact-info{margin: 0;} .information-contact .panel-body{padding:0} .information-contact .panel { border: medium none; box-shadow: none; margin: 0 0 40px; } .map_button { clear: both; width: 40px; height: 40px; position: absolute; bottom: -20px; left: 0; right: 0; margin: 0 auto; background: #f6d000; padding: 12px 15px; cursor: pointer; } .map_button > i { font-size: 18px; } .row.site-map ul a { color: #666; } .row.site-map ul a:hover { color: #111111; } .contact-form-design .left { float: left; width: 28%; margin-right: 30px; padding:10px 20px 0px 20px; color: #666666; position: relative; z-index: 1; border: 1px solid #eaeaea; border-radius: 10px; } .contact-form fieldset { border: 1px solid #eaeaea; padding: 20px; border-radius: 10px; } .contact-form .pull-right { padding: 30px 0px 0 0; } .contact-form-design.container { background: #fff; position: relative; } .checkout-cart .alert.alert-danger { float: left; width: 100%; margin-top: 20px; } .address-detail .btn { clear: both; float: left; margin: 15px 0 0 37px; color: #000; } #spinner { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background: url("../image/webdigify/ajax-loader.gif") 50% 50% no-repeat #fff; } .main-slider { position: relative; float: left; width: 100%; } .main-slider:before { content: ''; background: url(../image/webdigify/pattern-01.png) 0 0 repeat-x; position: absolute; top: 0; left: 0; right: 0; margin: auto; z-index: 2; height: 165px; background-size: 100%; } .productpage .write-review:hover, .productpage .review-count:hover { color: #ff6e9b; } .main-slider img { border:none; width: 100%; height: auto; } .information-sitemap .sitge-map ul{padding:0 0 0 20px;} .forget-password {margin: 5px 0 0;} .product-compare .btn-primary{margin:5px 0 5px;} .productpage .write-review,.productpage .review-count {margin: 0 10px; text-transform: capitalize; color: #666;} .productpage .rating-wrapper, .quickview .rating-wrapper { margin: 15px 0 15px;} .productpage .productpage_details { float: left; margin-top:0px; width: 100%;} .productpage #tabs_info { background: #ffffff none repeat scroll 0 0; margin: 30px 0; padding:30px; } .productpage .productpage_details .product-left { padding: 0; width: 445px; } .productpage .productpage_details .product-right { margin-left: 30px; width: 45%; } #content .productpage_details #column-right { float: right; margin: 0; padding: 0; width: 238px; } .productpage #banner0.owl-carousel { overflow: visible; } .productpage #banner0 .owl-pagination{bottom:-30px;} .productpage #banner0 .owl-page{border: 2px solid #000000;} .productpage #banner0 .owl-page > span{ background: #ffffff none repeat scroll 0 0; border: 2px solid #ffffff; border-radius: 0; -webkit-border-radius:0; -khtml-border-radius:0; -moz-border-radius:0; cursor: pointer; display: block; font-size: 0; height: 10px; position: relative; text-indent: -9999px; width: 10px; } /* Product tab*/ .content_product_block { margin: 20px 0; float: right; width: 100%; } .product-detail-left hr { margin: 0px; } .addthis_toolbox.addthis_default_style { float: left; } #custom_tab.product-tabs { overflow: hidden; } #custom_tab > ul { list-style: outside none none; margin: 0; padding: 0; } #custom_tab li { float: left; margin: 0; } #custom_tab.product-tabs a.selected { color: #111; font-weight: 500; background: #e8e9eb; } #custom_tab.product-tabs a { background: none repeat scroll 0 0; color: #7a7a7a; float: left; padding: 10px 15px; text-transform: capitalize; margin-right: -1px; } #custom_tab.product-tabs a:first-child { padding: 10px 15px 10px 15px; } #custom_tab ul li a { color: #aaaaaa; float: left; font-weight: 500; font-size: 14px; line-height: 20px; padding: 6px 16px; transition: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; } .content_product_block .tab_product { border: 3px solid #e8e9eb; padding: 20px; font-size: 13px; position: relative; } .productpage .tab_product b, .productpage .tab_product strong { font-weight: 600; color: #000; font-size: 13px; } .size_guide_table { border: 1px solid #f0f0f0; width: 100%; } .size_guide_table tbody th { background: #f0f0f0 none repeat scroll 0 0; border-bottom: 1px solid #f0f0f0; } .size_guide_table tbody th { color: #262626; font-weight: bold; padding: 7px 8px; vertical-align: middle; white-space: nowrap; } .size_guide_table tbody td { padding: 5px 8px; } /* end product tab*/ .col-sm-8.product-left { padding: 0; margin: 0; width: 40%; position: sticky; top: 80px; } .col-sm-4.product-right { padding: 0 0 0 40px; width: 60%;} .quickview .review-count , .quickview .write-review { display:none; } #content.productpage ul.list-unstyled{border-bottom:medium none;} #content ul.list-unstyled.attr span{ font-weight: 600; color:#333; font-size:14px; } .common-home .content-top-breadcum .container {display: none;} #content ul.list-unstyled.attr{ padding-bottom:15px; border-top: 1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; padding-top: 15px; margin-bottom:20px; } #content ul.list-unstyled.attr li{clear:both} .productpage .product-right ul.price,.productpage .product-right ul.price{padding-bottom:10px} #content ul.list-unstyled.price li{float:left; padding:2px 0; font-size:13px; color:#000; } .productpage .product-right ul li span.old-price, .productpage .product-right ul li span.special-price{ font-family: var(--secondary-font); margin-left:10px; color: #666666; } .productpage .product-right ul li.discount,.productpage .product-right ul li.rewardpoint,.productpage .product-right ul li.price-tax {clear: both;} .quickview .page-title{display:none;} .refine-search,.product-title,.product-option{ font-size: 16px; font-weight: 600; text-transform: uppercase; margin-bottom: 15px; color: #333333; } .copy-right { border-top: 1px solid #e5e5e5; padding: 10px 0; text-align:center; } .category_description > p { margin: 0;} #bottom-footer li{display:inline; padding:1px 7px 1px 2px; background:url("../image/webdigify/pipe.gif") no-repeat scroll right center transparent;} #bottom-footer li.contact{background:none;} .account-address .table>tbody>tr>td{vertical-align:middle; padding:15px;} .account-address .btn-info{margin:2px 0;} .affiliate-account .btn-primary .list-group-item,.affiliate-account .btn-primary .list-group-item:hover{padding:0; background:none; color:#fff;} .shopping-cart .img-thumbnail{ width:auto; } .shopping-cart .input-group .form-control { width: auto; height: 40px; text-align: center; border-radius: var(--border-radius) !important; border-radius: var(--border-radius) !important; -moz-border-radius: var(--border-radius) !important; -webkit-border-radius: var(--border-radius) !important; -khtml-border-radius: var(--border-radius) !important; } #accordion label.col-sm-2.control-label { margin: 7px 0 0; padding: 0 13px 0 0; } #accordion #collapse-shipping label.col-sm-2.control-label{padding:0 15px;} .checkout-checkout #accordion label.col-sm-2.control-label{padding-left:15px;} .checkout-cart .input-group-btn:last-child > .btn-group{ font-size:12px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -khtml-border-radius: 0; } .col-sm-3.search_subcategory {width:100%; margin-top:7px;} #button-search { float: right; } .box .box-content .megamenu ul li ul li {padding: 0;} #column-left .treeview-list .expandable .collapsable-hitarea::before, #column-left .treeview-list .expandable-hitarea::before, #column-left .treeview-list .collapsable .expandable-hitarea::before, #column-left .treeview-list .collapsable-hitarea::before{position:relative;top:6px;} .box .box-content ul , #content .content ul { padding:0; margin:0px; list-style:none; } .box .box-content ul li{ line-height:23px; padding:0px 25px; border-bottom:none } .box .box-content ul ul{margin-left:10px;} #column-left .box .box-content ul li, #column-right .box .box-content ul li {padding: 0;} #column-left .box .box-content ul li a, #column-right .box .box-content ul li a { padding: 4px 0; color: #666; font-weight: 400; } .box .box-content ul li:last-child a{border: medium none;} .box .box-content ul li ul li{ padding:0 25px; border-bottom:none; } .panel-footer.text-right button#button-filter{ color: #111; background: none; padding: 0; margin: 10px 0 0 0; } .panel-footer.text-right button#button-filter:after{ display: none; } .panel-footer.text-right button#button-filter:hover { text-decoration: underline; } #column-left .list-group, #column-right .list-group{ padding:10px 15px; margin: 0px; } .box .box-content .box-category { padding: 15px 0; } #content .content ul li { line-height:22px; padding:5px; } .box .box-content ul li ul li + li{border-top:medium none;} .box .box-content ul li a, #content .content ul li a { display: inline-block; text-transform: capitalize; } .box .box-content ul li a + a , .box .box-content ul li a + a:hover{ background:none; padding-left:0; } .box .box-content ul li a:hover, #content .content ul li a:hover { color: #111111 !important; } .box .box-content ul ul{ z-index:99; width:auto; } #column-left .treeview .hitarea.expandable-hitarea { color: #808080 !important; } #column-left .treeview .hitarea.expandable-hitarea { color: #808080 !important; } #column-right .single-banner{margin:0;} .box .box-content ul ul li ul {padding:0;} .box .box-content ul ul li:hover ul {display: block;} .navbar-nav > ul > li > a:hover .dropdown-menu { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: 0; } .box-category-heading { color: #fff; cursor: pointer; float: left; font-size: 14px; font-weight:600; letter-spacing: 0.5px; overflow: hidden; padding:12px 0px; position: relative; text-transform:uppercase; width: 200px; line-height:16px; display:none; } .box-category-heading .fa { float:left; font-size: 17px; font-weight: 600; margin-right: 10px; } /* Tab cms */ .hometab, .ProductbyCategory, .featured { width: 100%; margin: 30px 0 90px; float: left; } .hometab { margin:30px 0 70px; } .box.webdigifyblog { margin-bottom: 40px; } .etabs { text-align: center; padding: 0 0 10px; margin: 0; width: 100%; float: left; border-bottom: 1px solid #eee; } .htabs .etabs li:last-child{background:none;display: none;} .ProductbyCategory .htabs .etabs li:last-child { display: inline-block; } .htabs a{ display: inline-block; float: none; cursor: pointer; text-transform: capitalize; width: 100%; padding: 0; color: #111; font: 600 20px/24px var(--secondary-font); } .htabs a.selected::after, #product .nav-item .nav-link::after { content: ''; position: absolute; left: 0; right: 0; bottom: -12px; margin: auto; background: var(--primary-bg-color); height: 3px; width: 100%; } .etabs li.tab { display: inline-block; margin: 0 10px; } .htabs a.selected, .htabs a:hover,.htabs li.active a{ position: relative; margin: 0; color:var(--primary-btn-bg-color); } #tabs_info .nav-tabs>li { float: none; margin-bottom: -1px; border-right: 1px solid #d9d9d9; display: inline-block; vertical-align: top; } #tabs_info.product-tab .tab-content { float: left; width: 100%; } .nav-tabs > li {border:none !important;} .tab-content .tab { display: none;} .box .box-content ul li:last-child ul li a {border-bottom: 1px dashed #e5e5e5;} .box .box-content ul li:last-child ul li:last-child a {border: medium none;} .product-column { float: left; width: 100%; } .tab-head { width: 100%; float: left; margin: 0 0 35px; } .wd-status { bottom: 0; display: none; color: #000; font-size: 18px; left: 0; position: absolute; right: 0; text-align: center; } .hometab .viewmore { display: inline-block; width: 100%; text-align: right; margin-top: 20px; } .tab-content { position: relative; padding: 0px; z-index: 2; overflow: visible; clear: both; } /****category tab*****/ #content .ProductbyCategory .box-product .product-block .image { display: table; margin: auto; float: left; width: 53%; } .ProductbyCategory .box-product .product-block .product-details { float: left; padding: 30px 10px 30px 5px; text-align: left; width:47%; } .ProductbyCategory .box-product .product-block .product-details .product_hover_block { position: static; opacity: 1; text-align: left; } .ProductbyCategory .box-product .product-block .product-block-inner { float: left; width: 100%; padding: 0; max-width: 100%; } #content .ProductbyCategory .box-product .product-block { max-width: 100%; } .ProductbyCategory .box-product .product-items:last-child .product-block .product-block-inner { border: none; padding: 0; margin: 0; } .ProductbyCategory .stock_status { display: none; } .ProductbyCategory .box-product .product-block .product-details .product_hover_block .action { display: block; margin: 0 0 20px; } .ProductbyCategory .box-product .product-block .product-details .product_hover_block .quickview-button { transform: none; } /*Right banner*/ .collection-right-banner { float: right; width: 22%; position: relative; text-align: center; } .collection-right-banner .image-title { position: absolute; top: 54px; width: 100%; } .collection-right-banner .image-button { position: absolute; bottom: 60px; width: 100%; } #content .collection-right-banner .image-title > h3 { font-size: 34px; text-transform: capitalize; font-weight: 700; margin: 0; line-height: 36px; padding: 0 10px; } /*Right banner*/ .tab-head .sub-heading { float: left; margin: 10px 10px 0 30px; color: #7a7a7a; line-height: 24px; } .tab-head .coupon { float: left; margin-top: 40px; color: #0a7ef0; border: 2px dashed #f6d000; padding: 6px 20px; font-weight: 500; } .btn-danger:hover { background-color: #c9302c; border-color: #ac2925; color: #fff !important; } .btn-block + .btn-block { margin-top: 0; } .table-responsive{width: 100%;} .table-responsive .shopping-cart .btn.btn-primary { margin: 0 10px; border-radius: var(--border-radius) !important; border-radius: var(--border-radius) !important; -moz-border-radius: var(--border-radius) !important; -webkit-border-radius: var(--border-radius) !important; -khtml-border-radius: var(--border-radius) !important; } .hometab .customNavigation a.prev:before:hover , .hometab .customNavigation a.next:before:hover{color:#fff} /* End Tab cms */ /*Webdigify Blog CSS */ .webdigifyblog .bx-controls-direction .bx-prev::after { content: "\f107 "; cursor: pointer; font-family: "FontAwesome"; font-size: 24px; left: 0; line-height: 26px; margin: 0; position: absolute; right: 25px; text-align: right; top:0; vertical-align: middle; } .bx-controls-direction .bx-prev::after { font-size: 18px; left: 0; line-height: 26px; margin: 0; position: absolute; right: 0; text-align: center; top: -1px; vertical-align: middle; } .webdigifyblog .bx-controls-direction .bx-next::after { content: "\f106"; cursor: pointer; font-family: "FontAwesome"; font-size: 24px; left: 0; line-height: 26px; margin: 0; position: absolute; right: 45px; text-align: right; top: 0; vertical-align: middle; } .bx-pager-item { display: none; } .content_footer_right .blog_stats { display: none; } #footer .blog_item .summary p { display: none; } #information-information .webdigifyblog { float: right; margin-top: 0; position: relative; text-align: center; width: 100%; display: none; } #content .webdigifyblog .box-heading { margin: 0 0 20px 0; } .content_footer_right .post_hover { display: none; } .box.webdigifyblog { float: right; position: relative; width: 33.33333%; margin: 60px 0 30px; } .social-block ul { margin:0; } .webdigifyblog .box-head { float: left; padding-bottom: 10px; width: 100%; } .box-head .blog_tagline { color: #808080; float: left; font-size: 14px; margin-bottom: 12px; display: none; } #content .box-product .blog-items { float:left; } .blog-left { margin: 0; position: relative; width: 40%; float: left; } .blog-image{position:relative; overflow:hidden;} .blog-left .blog-image img { width: 100%; height: 100%; padding: 0; border: none; } .blog-right { text-align: left; padding:0 0 0 30px; float: left; width: 60%; border: 0; border-top: none; } .box.webdigifyblog .product-block { float: left; width: 100%; text-align: left; margin:0 0 30px; } .product-block:hover .blog-right { height: 100%; } .blog-right h4 a { float: left; text-transform: capitalize; width: 100%; overflow: hidden; color: var(--footer-color); margin: 0 0 10px; font:14px/20px var(--secondary-font); letter-spacing: .3px; } .blog-item:hover .blog-right h4 a{ color:var(--secondary-btn-bg-color); } .footer-blocks .blog-item .blog-desc {display: none;} .content_footer_top .news-title3 {display: none;} .view-blog { float:left; width:100%; text-align:left; margin:0; } .webdigifyblog .view-blog { float: left; width: 100%; text-align: left; margin: 0; padding: 0; } .read-more a{ color: #fff; position: relative; font: 14px/24px var(--secondary-font); display: inline-block; z-index: 9; text-transform: capitalize; text-decoration: underline; } .read-more a:hover { text-decoration: none; color: #fff; } .box.webdigifyblog .read-more { display: inline-block; vertical-align: top; } .read-more .fa{display:none;} .write-comment { display: inline-block; float: none; padding-left: 18px; position: relative; text-align: left; } .common-home .write-comment::before { background: #a8a8a8 none repeat scroll 0 0; border-radius: 50%; -webkit-border-radius:50%; -moz-border-radius:50%; -khtml-border-radius:50%; /* content: ""; */ display: block; font-family: fontawesome; height: 4px; left: 9px; position: absolute; top: 11px; width: 4px; } .date-time {text-align:left; text-transform:capitalize; } .blog_default_width { width: 240px; } .blog-desc { color: #666; float: left; font: 400 14px/20px var(--secondary-font); width: 100%; margin: 0 0 15px; } .information-blogger-blogs .blog-desc { width: 100%; margin: 15px 0 20px 0; text-align: left; } .blog-right h4 { margin: 0; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; width: 100%; } .blog-img { padding: 0px;} .comment-wrapper { position:relative; float:right; margin:5px 0 0; } .comment-wrapper .write-comment a::before { color: #000; content: "\f0e5"; float: left; font-family: "FontAwesome"; font-size: 13px; margin-right: 5px; } .blog-img .img-thumbnail{border:none} .blog-date {float: left;} #content #blog-carousel, #content #blog-grid { padding: 0px; border: none; overflow: visible; float: left; width: 100%; } #content .box.webdigifyblog .box-content {padding:0; margin:0 -15px 0 ; } #content #blog-carousel .blog-item { overflow: hidden;position: relative;float:left;} #content #blog-carousel .blog-item { overflow: hidden; position: relative; float: left; margin: 0 ; } #content #blog-carousel .blog-item .product-block { padding: 0; overflow: visible; margin: 10px 15px; } .owl-carousel .owl-buttons div i { display:none; } .owl-carousel .owl-buttons .owl-prev { left: 0; opacity: 1; -khtml-opacity:1; -webkit-opacity:1; -moz-opacity:1; } #blog-carousel .owl-controls .owl-buttons .owl-prev, #blog-carousel .owl-controls .owl-buttons .owl-next { text-align: center; padding: 0; opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; width: 31px; height: 31px; background: transparent; color: #000; border-radius: 50%; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; border: 1px solid #e5e5e5; background:url(../image/webdigify/arrow.png) no-repeat scroll -69px -57px; } #blog-carousel .owl-controls .owl-buttons .owl-prev { right: auto; left: 0px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; background-position: -11px -24px; } #blog-carousel .owl-controls .owl-buttons .owl-next { right: 0; left: auto; } #blog-carousel .owl-controls .owl-buttons .owl-prev:hover { background-position: -69px -24px; } #blog-carousel .owl-controls .owl-buttons .owl-next:hover { background-position: -11px -57px; } #blog-carousel .owl-controls .owl-buttons{ bottom: -28px; opacity: 1; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; width: 65px; left: 0; right: 0; margin: auto; top: auto; } .owl-buttons { position: absolute; right: 0px; top:-68px; width: 100%; z-index: 1; bottom: auto; } .single-blog .blog-img{position:relative; margin-bottom:15px;} .single-blog .panel-default{border:medium none;float: left;width: 100%;margin: 0;} #add-comment .col-sm-10.buttons { padding: 0 8px; } .single-blog .block-title { float: left; margin: 10px 0; width:99%; } .single-blog .block-title > legend { margin: 10px 0 0;} .single-blog .blog-desc { padding: 0; text-align: justify; display: block; width: auto; border: none; } .single-blog .block-title h3{ padding-top:10px; } .single-blog .view-comment .panel-default { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; padding: 15px !important; border: 2px solid #f0f0f0; } .single-blog h4 { font-size: 16px; display: inline-block; width: 100%; } .view-comment .form-group b { font-weight: 600; } .view-comment .col-sm-3 .name{font-weight:500; color:#333333;} .view-comment .col-sm-3 .date{color:#b5b5b5;} .user_icon { background-color: #fff; border: 1px solid #e5e5e5; float: left; margin: 0px 15px 0 0; padding: 10px 15px; text-align:center; } .comment_info{float:left; width:85%; } .comment_info .comment-text{margin-top:12px;} .view-comment{clear:both;} .view-comment .col-sm-8 { width: 100%; margin-top: 10px; } #add-comment .col-sm-8 { width: 100%; } /*Webdigify Blog light-box CSS */ .blog-left:hover .post-image-hover::before { opacity: 1; -webkit-opacity:1; -moz-opacity:1; -khtml-opacity:1; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); -ms-transform: translate3d(0px, 0px, 0px); -o-transform: translate3d(0px, 0px, 0px); } .post-image-hover::before { background-color:rgba(0, 0, 0, 0.2); content: ""; height: 100%; left: 0; opacity: 0; -webkit-opacity:0; -moz-opacity:0; -khtml-opacity:0; position: absolute; top: 0; transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; -webkit-transition: opacity 0.35s ease 0s, -webkit-transform 0.35s ease 0s; -moz-transition: opacity 0.35s ease 0s, -moz-transform 0.35s ease 0s; -ms-transition: opacity 0.35s ease 0s, -ms-transform 0.35s ease 0s; -o-transition: opacity 0.35s ease 0s, -o-transform 0.35s ease 0s; width: 100%; } .post-image-hover { height: 100%; position: absolute; top: 0; left:0; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); -ms-transform: translate3d(0px, 0px, 0px); -o-transform: translate3d(0px, 0px, 0px); width: 100%; } .blog-image .post_hover { bottom: 0; height: 51px; left: 0; margin: auto; position: absolute; right: 0; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; top: 0; width: 110px; opacity: 0; filter: alpha(opacity=0); } .product-block .blog-left:hover .post_hover{ opacity:1; -webkit-opacity:1; -moz-opacity:1; -kkhtml-opacity:1; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .product-block .blog-left:hover .zoom, .product-block .blog-left:hover .readmore_link, .all-blog .blog-left-content:hover .zoom, .all-blog .blog-left-content:hover .readmore_link{ opacity:1; -webkit-opacity:1; -moz-opacity:1; -kkhtml-opacity:1; margin:0 5px; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; } .blog-left .icon.zoom .fa, .blog-left .icon.readmore_link .fa { font-size: 13px; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .blog-left .blog-image .zoom:hover, .blog-left .blog-image .readmore_link:hover { color: #fff; border-color: var(--primary-bg-color); background: var(--primary-bg-color); } .all-blog .blog-left-content { float: left; margin-bottom: 20px; } .all-blog .blog-left-content .blog-image { float:left; position:relative; width:100%;} .blog-right-content { float: left; } .blog-right-content .blog-title { font-size: 18px; font-weight: 500; margin: 10px 0; padding: 0; position: relative; text-transform: capitalize; } .blog-right-content .read-more a { color: #fff; padding: 8px 26px; background: var(--primary-btn-bg-color); border-radius: var(--border-radius); -moz-border-radius: var(--border-radius); -webkit-border-radius: var(--border-radius); -khtml-border-radius: var(--border-radius); text-transform: capitalize; position: relative; text-decoration: none; } .blog-right-content .read-more a:hover { color: #fff; background: var(--secondary-btn-bg-color); } .blog-right-content .write-comment a { color: #000; font-size: 13px; } .write-comment-count{float:left; margin-right:10px;color:#000;} .information-blogger-blogs .write-comment { float: left; } .information-blogger-blogs .blog-image { margin-bottom: 0px; background-position: center center; height: auto; overflow: hidden; width: 100%; background-repeat: no-repeat; } .information-blogger-blogs .panel-body { padding: 0px; } body.information-blogger-blogs.layout-2.left-col .panel-inner { margin: 0px -15px; } .information-blogger-blogs .panel-default > .panel {border: none;margin: 0px -15px 30px; } .information-blogger-blogs .panel-default .panel-inner .panel-default { float: none; display: inline-block; vertical-align: top; width: 49.7%; margin-bottom: 5px; margin-top: 0px; border: 0px; } .write-comment a, .date-time i.fa.fa-calendar { float: left; padding: 0 2px 0 0; line-height: 14px; } .blog-date { float: left; padding-top: 2px; } .blog-left-content:hover .post-image-hover::before, .blog-left-content:hover .post-image-hoverss { opacity:1; -moz-opacity:1; -webkit-opacity:1; -ms-opacity:1; } .blog-date .fa.fa-calendar { display: none; } #content.single-blog > legend { margin: 15px 0 20px; } #content #blog-carousel .product-block:hover .date-comment, #content #blog-grid .product-block:hover .date-comment{ bottom: 0px; } .write-comment a, .date-time { color: #666; font: 13px/16px var(--secondary-font); display:block; margin:0 20px 15px 0; letter-spacing: 0.3px; } .blog-right-content .date-time { margin: 0; padding: 0; display: block; } .write-comment > a { color: #666; padding: 0; margin: 0; font-size: 13px; font-weight: 600; line-height: 18px; } .write-comment a:hover, .write-comment a:focus{ color:#000; } .comment-wrapper .write-comment a:hover, .comment-wrapper .write-comment a:focus, .comment-wrapper .write-comment a:hover::before{color:#111111;} .information-blogger-blogs .read-more { float: left; } .static_links .cart-menu > li:first-child { max-height: 185px; overflow-x: auto; overflow-y: auto; padding-right:20px; } .blog_top_content:hover .post-image-hover { opacity: 1; -khtml-opacity:1;-webkit-opacity: 1;-moz-opacity:1; } .all-blog .panel-default .main_description { display: none; } .blog_top_content .post-image-hover { background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0; height: 100%; left: 0; opacity: 0; -khtml-opacity:0;-webkit-opacity: 0;-moz-opacity:0; position: absolute; top: 0; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; width: 100%; } .product-block .blog-left:hover .zoom, .product-block .blog-left:hover .readmore_link, .blog_top_content:hover .blog-image .zoom, .blog_top_content:hover .blog-image .readmore_link { opacity: 1; -khtml-opacity:1;-webkit-opacity: 1;-moz-opacity:1; } .blog-left .blog-image .icon, .blog_top_content .blog-image .icon { display: inline-block; float: none; height: 45px; width: 45px; line-height: 18px; border: 2px solid white; border-radius: 50%; color: #fff; font-size: 14px; padding: 13px; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; text-align: center; margin: 0 5px; } .post-image-hover { height: 100%; left: 0; position: absolute; top: 0; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; width: 100%; } .all-blog .blog-left-content:hover .post-image-hover { opacity: 1; background: rgba(0,0,0,.4); } .blog-item:hover .post-image-hover { opacity: 1; background: rgba(0,0,0,.4); } .blog_post .text-right .btn-primary { color: #F9BF39 ; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); border: 2px solid #F9BF39 ; border-radius: 5px; -webkit-border-radius:5px; -khtml-border-radius:5px; -moz-border-radius:5px; background: #fff; line-height:20px; } .blog-left-content .post_hover { left: 0; margin: 0 auto; opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; position: absolute; right: 0; text-align: center; top: 44%; display: block; } .all-blog .blog-left-content:hover .post_hover { opacity:1; -webkit-opacity:1; -moz-opacity:1; -kkhtml-opacity:1; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .blog-left-content .icon.zoom .fa, .blog-left-content .icon.readmore_link .fa { font-size: 14px; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .blog-left-content .blog-image .zoom { border: 2px solid #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; color: #fff; display: inline-block; margin-right: 10px; opacity: 0; -khtml-opacity: 0; height: 45px; width: 45px; -moz-opacity: 0; -webkit-opacity: 0; padding:11px 12px 9px 12px; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; z-index: 10; background: none; } .blog-left-content .blog-image .zoom:hover,.blog-left-content .blog-image .readmore_link:hover{ background: #ff6e9b none repeat scroll 0 0; color: #fff !important; border-color: #ff6e9b; } .webdigifyblog .product-block:hover .post_hover { opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; -kkhtml-opacity: 1; } .blog-item:hover .blog-left .blog-image img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .blog-left-content .blog-image .readmore_link { border: 2px solid #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; color: #ffffff; background: none; display: inline-block; height: 45px; width: 45px; opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; padding: 11px 12px 9px 14px; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; z-index: 10; } #add-comment .col-sm-10 { width: 66.6667%; } #add-comment .col-sm-2 { width: 25%; } #content .webdigifyblog .buttons,#blog-carousel .owl-pagination{display:none} /*Webdigify Blog light-box CSS */ /*Webdigify Blog CSS */ /* Datetimepicker Css */ .bootstrap-datetimepicker-widget.dropdown-menu.pull-right { position: relative ; } .bootstrap-datetimepicker-widget { border-radius:0 !important; -webkit-border-radius:0 !important; -moz-border-radius:0 !important; -khtml-border-radius:0 !important; } .bootstrap-datetimepicker-widget td, .bootstrap-datetimepicker-widget th { border-radius:0 !important; -webkit-border-radius:0 !important; -moz-border-radius:0 !important; -khtml-border-radius:0 !important; } .bootstrap-datetimepicker-widget td.day:hover, .bootstrap-datetimepicker-widget td.hour:hover, .bootstrap-datetimepicker-widget td.minute:hover, .bootstrap-datetimepicker-widget td.second:hover{ background:#f3f3f3 !important; } .bootstrap-datetimepicker-widget td.today:before {border-bottom: 7px solid #2196f3 !important;} .bootstrap-datetimepicker-widget td.active, .bootstrap-datetimepicker-widget td.active:hover{ background-color:#2196f3 !important; color: #161b1e !important; } .bootstrap-datetimepicker-widget td.active.today:before { border-bottom-color:#161b1e !important; } .bootstrap-datetimepicker-widget td span { border-radius:0 !important; -webkit-border-radius:0 !important; -moz-border-radius:0 !important; -khtml-border-radius:0 !important; background-color: #f3f3f3 !important; } .bootstrap-datetimepicker-widget td span:hover {color:#111111 } .bootstrap-datetimepicker-widget td span.active { background-color: #f6d000 !important; color: #0a7ef0 !important; text-shadow: none !important; } .bootstrap-datetimepicker-widget thead tr:first-child th:hover { background:#f3f3f3 !important; } .bootstrap-datetimepicker-widget td span.old:hover{color:#fff !important} .picker-switch.accordion-toggle .btn{border:none; background-color:#111111 ; color:#fff !important;} .bootstrap-datetimepicker-widget td.day{position:relative;} .bootstrap-datetimepicker-widget td.day.active:before { border-bottom: 7px solid #0a7ef0 !important; content: ''; display: inline-block; border-left: 7px solid transparent; border-top-color: rgba(0,0,0,.2); position: absolute; bottom: 4px; right: 4px; } .bootstrap-datetimepicker-widget td.active, .bootstrap-datetimepicker-widget td.active:hover { background-color: #f6d000 !important; color: #0a7ef0 !important; text-shadow: none !important; } .bootstrap-datetimepicker-widget a[data-action]{border:none;} /* End Datetimepicker Css */ #blog-carousel .owl-controls .owl-buttons .owl-prev:hover, #blog-carousel .owl-controls .owl-buttons .owl-next:hover { color: #fff; background-color: var(--primary-btn-bg-color); border-color: var(--primary-btn-bg-color); transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .product-block .image .reg-image, #column-right .image .reg-image, #column-left .image .reg-image { transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; opacity:1; -webkit-opacity:1; -moz-opacity:1; -khtml-opacity:1; } .product-thumb .image img { margin-left: auto; margin-right: auto; max-width: 100%; vertical-align: middle; } .product-block .image .hover-image, #column-right .image .hover-image, #column-left .image .hover-image { left: 0; position: absolute; right: 0; top: 0; opacity: 0; filter: alpha(opacity=0); transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); } .product-block:hover .image .hover-image { opacity: 1; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; } .product-thumb .image a { display: block; text-align: center; position: relative; } .product-block:hover a.quickbox { opacity: 1; } .product-block a.quickbox:hover { background-color: var(--primary-btn-bg-color); background-position: 11px -109px; } #column-left .box-product .image a, #column-right .box-product .image a { opacity: 1; } #form-review .col-sm-2, #form-review .col-sm-10{width:100%;} .container h1, .container h2 { font-size: 18px; font-weight: 600; line-height: 30px; color: #000; } .category_thumb .category_description { padding: 0px; } #form-review > h3{font-size:16px; font-weight:500;} #content.productpage .product-title { font-size: 18px; font-weight: 600; line-height: 30px; margin: 0px 0 10px 0px; padding: 0px 0px 10px; text-transform: capitalize; color: #222; border-bottom: 1px solid #eaeaea; } #content h3.product-option { text-transform: capitalize; font-size: 13px; font-weight: 700; } .breadcrumb + .row {clear: both;} #content table thead tr td{ background:#f5f5f5 none repeat scroll 0 0; color:#303030; font-weight:500; font-size: 14px; } .account-account #content ul.list-unstyled{margin-bottom:25px;} .breadcrumb { padding:20px 0; margin: 0; list-style: none; float: left; width: 100%; text-align: center; font: 400 14px/20px var(--secondary-font); } #content #carousel-0 .box-content {margin: 0; padding: 0; position: relative;} .pull-left.footer-block { width: 19%; text-align:right!important;} #social_block .title_block {display: none;} #social_block .toggle-footer {padding: 55px 0 0;} /* QUCIK-VIEW */ .quickview .wish-comp .btn.btn-default.wishlist, .quickview .wish-comp .btn.btn-default.compare { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; border: medium none; color: #808080 !important; font-weight: normal; } .productpage-quickview .product-left { width:50%; float:left; } .productpage-quickview .product-right { width:50%; float:left; clear:none !important; } .productpage-quickview h3.product-title { font-weight: 500; text-transform: capitalize; font-size: 18px; border-bottom: 1px solid #eaeaea; margin: 0 auto 10px; padding: 0 0 10px; } .quickview .product-right ul li.discount, .quickview .product-right ul li.rewardpoint, .quickview .product-right ul li.price-tax { clear:both; } .header-quickview .background_wrapper { display: none;} .header-quickview .responsive-menu {display: none;} .header-quickview .quickview { top: 0; padding: 20px;} .image .quickview {opacity: 0; -khtml-opacity:0;-webkit-opacity: 0;-moz-opacity:0;} #column-left .quickview {display: none;} .quickview .fa.fa-heart {color:#808080;} .quickview .btn.btn-primary.btn-lg.btn-block { background: #ffffff none repeat scroll 0 0; border: 2px solid #7e5cdd; color: #7e5cdd; font-weight: normal; padding: 7px 20px 6px !important; text-transform: capitalize; } .quickview { display: inline-block; left: 0%; right: auto; padding: 15px 0; position: absolute; opacity: 1; -khtml-opacity:1;-webkit-opacity: 1;-moz-opacity:1; z-index:99; right:0; top:50%; cursor:pointer; } .quickview .fa.fa-eye:hover { background: #111111 none repeat scroll 0 0; border-color: #111111;} .quickview .fa.fa-eye { background: #111111 none repeat scroll 0 0; border: 1px solid #111111; border-radius: 50%; -webkit-border-radius:50%; -khtml-border-radius:50%; -moz-border-radius:50%; color: #ffffff; padding: 15px; } .product-quickview .quickview { bottom: 0; left: 10px; top: 10px; opacity: 1 !important; -khtml-opacity:1 !important;-webkit-opacity: 1 !important;-moz-opacity:1 !important; } .product-thumb:hover .quickview{opacity:1; -khtml-opacity:1;-webkit-opacity: 1;-moz-opacity:1;color:#000000 !important;} h4:hover a, h4:focus a { color: #ff6e9b; text-decoration: none; } .quickview > a {color: #000;} #column-left .quickview-button {display: none;} .row .cat_prod .button-gr.lists { bottom: 50%; position: absolute; margin:0 auto; width:100%; } .quickview .container { width:100%; background:#FFFFFF; padding:0 10px; } .quickview .container .row { margin:0; } .quickview .top_button { display:none; } .quickview #product2 { float:left; width:100%; } .quickview #product2 h3 { width:100%; } .productpage-quickview #product2 h3 { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; font-size: 14px; font-weight: 600; margin: 0 0 10px; padding: 0; text-transform: none; color:#333333; } .box.related_prd { float: left; width: 100%; margin-top:70px; } .alert.alert-success.animated { width: 500px; height: 100px; text-align: center; vertical-align: middle; padding: 20px 20px; opacity: 0.95 !important; -webkit-opacity: 0.95 !important; -moz-opacity: 0.95 !important; -khtml-opacity: 0.95 !important; background-color: #ffffff !important; border-color: #ffffff !important; color: #111111 !important; right: 0 !important; left: auto !important; } #banner1 .swiper-pagination { display: none; cursor: pointer; } .alert.alert-success.animated span{font-size:15px !important;} .alert.alert-success.animated span a{color:#111111; text-decoration:underline; } .alert.alert-success.animated span .fa.fa-check-circle{color:#9bcf85;} .alert.alert-success.animated button.close{ opacity:1; -khtml-opacity: 1; -webkit-opacity: 1; -moz-opacity:1; color:#111111; } .account-login .well .form-group a, .affiliate-login .well .form-group a{ line-height: 34px; float: right; text-decoration: underline; } .form-group.qty { clear: both; overflow: hidden; position: relative; padding:15px 0px 20px; margin: 0; } .discount-per { color: #228B22; } .stock_msg { display: block; padding: 10px 0 0 5px; text-transform: capitalize; font-weight: 600; } #related-carousel { padding-bottom: 30px; } .productpage .form-group.qty .wishlist, .productpage .form-group.qty .compare,.product-rightinfo .btn-group.prd_page button.btn.btn-default.wishlist, .product-rightinfo .btn-group.prd_page .btn-default.compare { color: #000000; font-size: 13px; display: inline-block; padding: 5px 15px 5px 0; text-align: left; width: auto; transition: none; height: auto; background: none; border: 0; top: 0px; font-weight: 500; } .productpage .form-group.qty .wishlist:after, .productpage .form-group.qty .compare:after, .product-rightinfo .btn-group.prd_page button.btn.btn-default.wishlist:after, .product-rightinfo .btn-group.prd_page .btn-default.compare:after{ display: none; } .productpage .form-group.qty .compare:before, .product-rightinfo .btn-group.prd_page button.btn.btn-default.compare:before{ content: ""; float: left; background-image: url(../image/webdigify/sprite3.png); background-repeat: no-repeat; background-position: -36px -74px; background-size: 58px; margin: 0 0px; color: #111; border: none; position: relative; border-radius: 50%; padding: 10px 12px; } .productpage .form-group.qty .compare:hover:before, .product-rightinfo .btn-group.prd_page button.btn.btn-default.compare:hover:before{ background-position: -36px -172px; } .productpage .form-group.qty .wishlist, .quickview-model .form-group.qty .wishlist { margin: 0px; } #button-cart, #button-cart2, .productpage .form-group.qty .wishlist, .productpage .form-group.qty .compare, .product-rightinfo .btn-group.prd_page button.btn.btn-default.wishlist, .product-rightinfo .btn-group.prd_page .btn-default.compare { float: left; } .btn-group, .btn-group-vertical .btn-group.prd_page { width: 100%; float: left; margin-top:0px; } #product .btn-group.prd_page { padding-top: 20px; } .productpage .form-group.qty .wishlist:before, .product-rightinfo .btn-group.prd_page button.btn.btn-default.wishlist:before { content: ""; background-repeat: no-repeat; background-position: -36px -36px; background-size: 58px; float: left; background-image: url(../image/webdigify/sprite3.png); margin: 0 0px; color: #111; border: none; position: relative; border-radius: 50%; padding: 11px 12px; } .headertop { position:relative; } #search .fa.fa-search{display: none; line-height: 42px;} .input-group-btn .search {display: block;} .input-group-btn button.btn.btn-default { border-radius: 0px 25px 25px 0; padding: 8px 25px 8px; } .input-group-btn button.btn.btn-default:after{ display: none; } /********************* Responsive start ******************************/ @media (max-width:1599px){ #blog-carousel .owl-controls .owl-buttons .owl-prev { left: 0; } #blog-carousel .owl-controls .owl-buttons .owl-next { right: 0; } } @media (max-width: 1499px){ .header_right { width: 16%; margin: 0 0 0 10px; } #column-left .product-items .product-details, #column-left .product-items .product-details, #column-right .product-items .product-details { width: 63%; } .header_search .btn.btn-default.btn-lg { padding: 11px 15px 11px 14px; } #content .banners-slider-carousel .product-block { margin: 0px 15px; } .search_box .form-control-select { width: 125px; } .product-layout.product-grid { width: 32.8%; } .product-layout.product-grid { float: none; display: inline-block; vertical-align: top; min-height: auto; } } @media (max-width: 1459px){ .header_top.fixed, .common-home .header_top.fixed { padding: 0 30px; } .hometab::before{ left: -30px; } .box.special::before{ right:-30px; } #form-currency .btn-link strong { padding: 0 0px 0 0; } .product-layout.product-grid { width:32.8%; } .pull-left #form-language .fa.fa-caret-down, .pull-left #form-currency .fa.fa-caret-down { padding: 0 6px; } .language-menu, .currency-menu{ top:70px; } .news-left { padding: 0 18%; } } @media (max-width: 1249px){ .cms-inner-block1 {margin-right: 23px;} .cms-inner-block1, .cms-inner-block2{width: 49%;} .countbox .timebox{margin: 0 3px 0 0;} } @media (max-width: 1199px) and (min-width:768px){ #nav-one > li > .dropdown-menu.megamenu.column1, #nav-one .hiden_menu .dropdown-menu{ overflow: unset;} } @media (max-width: 1199px) and (min-width:992px){ .search_toggle{ top: 65px; } #menu .dropdown:hover .dropdown-menu, #menu > ul > li.hiden_menu:hover div { top: 80px; } } @media (max-width: 1199px){ .box.special::before { width: 210px; } .hometab { margin: 0 0 90px; } .box.special { margin: 20px 0 50px; } .cms-inner-block1, .cms-inner-block2{width: 48%;} .collection-right-banner{ display: none; } .tab-head span {float: left;} .header_top.fixed .header-logo, .common-home .header_top.fixed .header-logo, .header_top.fixed .nav2, .common-home .header_top.fixed .nav2 { padding: 0 15px; } .main-menu ul > li.top_level.dropdown:hover > a:after, .main-menu ul > li.top_level:hover > a:after, #menu > ul > li.hiden_menu:hover .main:after, .main-menu ul > li.top_level.dropdown:hover > a:before, .main-menu ul > li.top_level:hover > a:before, #menu > ul > li.hiden_menu:hover .main:before { bottom: 8px; } .main-slider .swiper-button-next, .main-slider .swiper-button-prev{margin:0; } .cmsbanner-block .description .banner_text{margin: 30px 0 0 0;} #content .product-carousel .product-block .image, #content .product-grid .product-block .image, #content .box-product .product-block .image { padding: 0; } .header-center { width: 100%; border-top: 1px solid rgba(0,0,0,.1); } .main-menu a, #menu > ul > li.hiden_menu .main { margin: 0; padding:20px 0; font-size: 14px; } .mainmenu{ width:70%; } .col-sm-5.header_search{ margin: 15px 0; } .col-sm-4.header-logo{ margin:15px 10px 15px 0; width: 18.667%; } .hometab { margin: 20px 0 50px; } .search_box { width: 120px; } .header_right { width: 20%; margin: 0 0 0 10px; } #column-left .product-items .product-details, #column-left .product-items .product-details, #column-right .product-items .product-details { width: 100%; } #column-left .product-items .product-details { padding-top: 7px; } .product-layout.product-grid { width: 32.8%; } .newsletter.col-sm-6{padding: 5px 5% 0px;} .search_box .form-control-select { width: 120px; } .blog-desc { margin: 0 0 10px; font-size: 13px; line-height: 22px; } .box-desc { margin: 0 0 30px 0; } footer h5 { font-size: 16px; } .footer-blocks .col-sm-3.column.footerleft { width: 26%; } .footer-blocks .col-sm-3 { width: 20%; } .ProductbyCategory{ margin: 30px 0 70px; } } @media (max-width: 991px) and (min-width:768px){ #content .ProductbyCategory .box-product .product-block .image { width: 45%; } .ProductbyCategory .box-product .product-block .product-details { width: 55%; } } @media (max-width: 991px){ #content .box .box-heading, .box.related_prd .box-heading, #wdcmstestimonial .box-heading { font-size: 30px; line-height: 36px; } .col-sm-4.header-logo { padding:15px 0 20px; width: auto; margin: 0 0 3px; float: none; vertical-align: top; text-align: center; border-bottom: 3px dashed #eee; } .breadcrumb { padding: 20px 0; } .wd-language, .wd-currency { width: 100%; } .common-home .page { padding: 0; } #contact-link li.contact i { display: none; } .common-home .header_top,.header_top { padding: 0; } .header_top .row { position: relative; } .pull-left #form-language .btn-group span, .pull-left #form-currency .btn-group span { color: #000; font-size: 15px; font-weight: 600; } .language-menu, .currency-menu { position: static; border: 0; padding: 0 0 0 25px; } .lang-curr-wrapper { margin: 8px 0 0 0; border-top: 1px solid #e5e5e5; padding: 8px 0 0 0; } #form-currency .btn-link, #form-language .btn-link { padding: 3px 15px; line-height: 20px; } .box.special { margin: 10px 0 40px; } .box.webdigifyblog { margin: 12px 0 0; width: 100%; } .blog-left { width: 24%; padding: 0; margin: 0; } #content .box .box-heading, .box.related_prd .box-heading, #wdcmsservices .box-heading, .wd-category-list .box-heading { font-size: 30px; line-height: 35px; } .search_toggle { top: 51px; width: 280px; } .col-sm-7.product-left { width: 100%; } .col-sm-5.product-right { width: 100%; } .dropdown.myaccount ul.dropdown-menu.dropdown-menu-right.myaccount-menu { top: 52px; right: 0; left: auto; } #cart .dropdown-menu {top: 52px;} } @media (max-width: 991px){ #information-information #content, #account-return #content, #information-sitemap #content, #account-account #content, #account-voucher #content, #account-wishlist #content, #account-order #content, #account-edit #content, #account-newsletter #content, #account-password #content, #account-address #content, #account-recurring #content, #account-reward #content, #account-transaction #content, #checkout-checkout #content, #checkout-cart #content, #account-register #content { width: 100%; float: left; margin: 0; padding: 20px 10px !important; } #footer { padding: 20px 0 0; } #form-language .fa-angle-down,#form-language .fa-angle-down, #form-currency .fa-angle-down{ margin:top:4px; } .header_wishlist { margin: 0; float: left; width: 100%; text-align: left; height: auto; padding: 3px 15px; color: #666666; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .header_wishlist span.wishlist { display: inline-block; } .header_wishlist > a:before{ display: none; } .header_wishlist span.wishlist_count { position: static; display: inline-block; background: transparent; color: #666666; font-size: 14px; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .header_wishlist:hover,.header_wishlist:hover span.wishlist_count { color: #111111; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .mobile_account { float: right; margin:-50px 0 0px; padding:10px; } .header-left { float: none; border-bottom: 1px solid rgba(255,255,255,.1); width: auto; } .header_wishlist > a { width: auto; height: auto; background: none; display: block; } .mainmenu { width: 100%; border: 0; margin:10px 0 0; } .mobile-logo { padding: 30px 0; float: none; } .mobile-logo:after { content: ""; position: absolute; left: 0; right: 0; height: 9px; top: auto; bottom: -8px; background: url(../image/webdigify/pattern.png) repeat scroll 0 0; } .box-category-top::before { background-size: 19px; left: 12px; width: 16px; height: 17px; top: 9px; } .header-right { margin: 2px 0 -52px 0; z-index: 9; width: auto; } .header-center { width: 100%; padding: 0; } .header_nav { display: none; text-align: center; } #_desktop_contact_link .wdicon { display: none; } span.service-title, span.content a.contact-info { color: #111111; } .left-nav { padding: 0px 7px 0px; display: block; width: 100%; float: left; } .header_nav .right-nav .account { float: left; width: auto; display: none; } h5.toggle:hover { background: transparent; color: #ffffff; } nav.nav-container { display: block; text-align: left; } .responsive-menu { position: relative; width: 100%; text-align: left; } #menu.responsive-menu span.content a.contact-info { width: auto; padding: 0; float: none; } .box-desc { font-size: 14px; line-height: 18px; margin: 0 0 15px 0; } .header_bottom.fixed #cart .dropdown-menu {top: 52px;} .header_bottom.fixed .dropdown.myaccount ul.dropdown-menu.dropdown-menu-right.myaccount-menu {top: 30px;} .header_bottom_cover {height: 58px;} .pull-left #form-language .btn-group span img {margin-bottom: 2px;} .nav-inner.container{margin:0 auto ;} .layout-2.left-col #content , .layout-2.right-col #content{clear: both; width:100%;} .layout-2.left-col #column-left , .layout-2.right-col #column-right{width:100%; float: left; padding: 10px 0 10px; display: block;} #column-left .box, #column-right .box {margin: 0px 0 15px; /* border: none; */ float: left; width: 100%; padding: 15px 10px; } .layout-2.left-col #content {padding:0; margin-top:0;} #column-left .box .box-content, #column-right .box .box-content, #column-left .box .filterbox, #column-right .box .filterbox{display:none;} #column-left .list-group, #column-right .list-group {display: none;} .menu_toggle{display:none !important;} /*cartbit*/ .static-menu{ display: none; } .col-sm-5.header_search { margin: -39px 0px 0 0; padding: 0 0; } #search .search_button { height: 40px; width: 40px; background-size: 90px; background-position: 9px -283px; } #search .search_button.active { background-position: 11px -325px; } .myaccount > a { background-size: 90px; background-position: 9px -231px; background-color: #ff6e9b; border-radius: 50%; } .cart_image { background-size: 90px; background-position: 11px -51px; } .cart_detail { background-color: #ff6e9b; border-radius: 30px; float: left; width: 100%; padding: 0px 10px 0px 0px; } .header_top .account { margin: 0 5px; padding: 0px 0; } .header_top .mobile_account .account { display: block; margin:0; } .col-sm-3.header_cart { padding:10px 0; margin:-50px 0 0; } .cmsbanner-block .description .title{ font-size: 20px; } .cmsbanner-block .description .banner_text {margin: 15px 0 0 0;} .footer-top{ height: auto; } .footer-blocks .col-sm-3.footerleft { width: 100%; } .footer-logo{width: 100%; text-align: center; margin-bottom: 15px;} .footer-logo img { display: inline-block; } .newsletter { text-align: center; padding: 7% 0% 5.5%; background-size: 144%; } .news-left .news-title { display: inline-block; margin: 0 0 10px; font: 24px/34px var(--primary-font); } .news-desc { text-align: center; font: 400 16px/24px var(--secondary-font); } .news-right { width: 78%; } .footer-blocks .col-sm-3 {width: 100%; float: left; padding: 0; margin: 0;} .footer-blocks .col-sm-3.column.footerleft { width: 100%; } #content ul.list-unstyled{ display: block; } #blog-carousel .owl-controls .owl-buttons { top: auto; opacity: 1; width: 70px; left: 0; right: 0; margin: auto; bottom: -20px; } .btn-group.prd_page { width: 100%; margin: 15px 0 0; } #wdcmssubbanner { margin: 15px 0; } .hometab { margin: 20px 0 50px; } .ProductbyCategory { margin: 20px 0 50px; } #wdcmsbottombanner { margin: 20px 0 35px; } .contact-form-design .left{width: 100%; float: left;} .contact-form-design .contact-form {float: left; width: 100%; margin-top: 20px;} /*cartbit*/ .news-left { float: none; display: inline-block; margin:0 0 30px; width: auto; } .block_newsletter h3 .subtitle { font-size: 14px; line-height: 18px; } .block_newsletter h3 { font-size: 18px; line-height: 28px; } .footer-appinner .title { font-size: 18px; line-height: 28px; } .footer-appinner .subtitle { font-size: 12px; line-height: 20px; } .bottomfooter-inner { padding: 10px 0; } .social-block ul li a { margin-right: 0px; } .search_box .form-control-select { padding: 5px 10px 5px 20px; } .box-content-category { top: 50px; } #nav-one li .megamenu .dropdown-inner ul li.dropdown:after{right: 0px;} #nav-one .dropdown a::after, #nav-one li .megamenu.column1 ul.list-unstyled > li.dropdown a::after, #nav-one li .megamenu .dropdown-inner ul li.dropdown:after { content: "\f107"; right: 20px; position: absolute; font-family: 'fontawesome'; font-size: 16px; display: inline-block; } #nav-one li .megamenu ul.childs_1 { display: block; padding-top: 0px; } #menu.responsive-menu #contact-link li.contact a { display: inline-block; width: auto; float: none; font-size: 18px; font-family: var(--primary-font); color: #111; } #contact-link li { padding: 2px 8px 2px; } #menu.responsive-menu ul li a { padding: 6px 8px 6px; width: 100%; float: left; margin: 0; color: #666; line-height: 18px; font-family: var(--secondary-font); font-size: 14px; font-weight: 500; } #menu.responsive-menu .toggle .mobile_togglemenu, #menu.responsive-menu ul.nav li .megamenu.column1 ul.list-unstyled li.toggle > a.mobile_togglemenu { background: none !important; width: auto !important; position: absolute; right: 10px; left: auto; } #menu.responsive-menu ul.nav li .megamenu ul.list-unstyled li > a { float: left; color: #000; font-weight: normal; text-transform: capitalize; } #menu.responsive-menu ul li a:hover { color: #111111; } #menu .dropdown:hover .dropdown-menu, #menu > ul > li.hiden_menu:hover div { transform: none; opacity: 1; transition: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; } .main-menu a, #menu > ul > li.hiden_menu .main { display: none; } #menu ul li .megamenu.column1 ul.list-unstyled li, .hiden_menu li.top_level { padding: 0; } #menu > ul > li.hiden_menu div { min-width: unset; width: 100%; } #menu.responsive-menu .dropdown .dropdown-menu { background: transparent; border: medium none; box-shadow: none; padding: 0; position: relative; width: 100%; display: none; transform: none; opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; transition: none; visibility: visible; } #menu > ul > li.hiden_menu div,#menu > ul > li.hiden_menu div { display: block !important; } #menu > ul > li.hiden_menu a.mobile_togglemenu { display: none; } #menu > ul > li.hiden_menu .left-nav .wdicon { display: none !important; } #menu > ul > li.hiden_menu a.level-top, #menu > ul > li.hiden_menu a.level-top { display: none; } #menu ul.nav li .megamenu ul.childs_1 { padding: 0 0 0 15px !important; border-right: none; width: 100%; float: left; } #menu.responsive-menu ul.nav li .megamenu ul.list-unstyled > li.dropdown .dropdown-menu { width: 100%; float: left; border: medium none; left: 0; position: relative; top: 0; padding: 4px 8px; } #menu.responsive-menu ul.nav li .megamenu ul.list-unstyled li > a { float: left; color: #666; font-weight: 500; text-transform: capitalize; width: 100%; padding: 6px 8px 6px; } #menu.responsive-menu ul.nav li .megamenu ul.list-unstyled li > a:hover{ color: #111111; } .responsive-menu li.toggle { background: #fff; box-shadow: none; padding: 0; float: left; width: 100%; z-index: 999; } #res-menu.responsive-menu .main-navigation.active{left: 0px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;} header .responsive-menu .navbar-nav { background: #fff; position: absolute; width: 100%; z-index: 999; left: 0; right: 0; margin: 0 auto; padding: 10px; top: 52px; overflow: scroll; text-align: left; border: 1px solid #eaeaea; box-shadow: none; } .responsive-menu .top_level { padding: 0; width: 100%; } /* .header_bottom #res-menu.responsive-menu .main-navigation.active .menu.expandable span:after { content: ""; background-position: center; background-color: transparent; background-repeat: no-repeat; left: 5px; display: block; top: 12px; font-weight: 500; position: absolute; width: 17px; height: 26px; background-size: 16px; background-image: url(../image/webdigify/menu-close.svg); } */ .menu-active { overflow: hidden; position: relative; height: 100%; width: 100%;} .menu-active::before { content: ""; background: #000; opacity: 0.7; filter: alpha(opacity=70); position: absolute; left: 300px; height: 100%; width: calc(100% - 300px); top: 0; z-index: 99999; overflow: hidden; } .nav-responsive .expandable:before { content: ""; background-image: url(../image/webdigify/responsive-menu.svg); background-repeat: no-repeat; background-position: center 10px; background-color: #ff6e9b; background-size: 20px; width: 40px; height: 40px; position: absolute; left: 0px; right: auto; margin: auto; border-radius: 50%; } #res-menu{ display: block;margin: 17px 0 18px 10px;} ul.main-navigation.treeview.active .menu.expandable span { display: inline-block; vertical-align: top; } .header_bottom #res-menu.responsive-menu .main-navigation.active .menu.expandable { border-bottom: 1px solid #dddddd; margin-bottom: 10px; padding: 12px 0px 12px 10px; position: sticky; background-color: #fff; top: 0; z-index: 99; cursor: pointer; } .header_bottom #res-menu.responsive-menu .main-navigation.active .menu.expandable span { font-size: 15px; text-align: left; line-height: 26px; font-weight: 600; color: #000000; display: block; } .responsive-menu .collapsable-hitarea { height: auto; width: auto; padding: 5px; } .responsive-menu .main-navigation li a { padding: 10px 10px; font-weight: 500; font-size: 13px; } .count-down .countbox strong { font-size: 11px; width: 32px; } .countbox .timebox .time { font-size: 10px; } .blog_default_width{ width: 50%; } .footer-blocks .footerleft .contact-block ul { display: none; } .footer-blocks ul.list-unstyled { display: none; } #content.productpage .product-title { padding: 20px 0px 10px; } #column-left .product-items .product-details, #column-left .product-items .product-details, #column-right .product-items .product-details { width: 60%; padding: 0px 10px; float: left; } #content .product-carousel .product-block, #content .product-grid .product-block, #content .box-product .product-block { padding-right: 10px; padding-left: 10px; } #content #blog-carousel .blog-item .product-block { margin: 10px; } #content .box .box-content, .related_prd .box-content,#content .box.webdigifyblog .box-content{ margin:0 -10px; } .product-block-inner { margin: 0 0 20px; } footer h5 { font-size: 18px; line-height: 22px; } #footer .column li a { font-size: 13px; line-height: 32px; } .footer-blocks .footerleft .contact-block span { font-size: 13px; } .block_newsletter h3 .title .material-icons { height: 25px; width: 25px; background-size: 25px; background-repeat: no-repeat; } .footer-appinner ul.list-unstyled { display: flex; } #column-left .product-thumb, #column-right .product-thumb { padding: 15px 15px 5px; } #column-left .box .box-heading, #column-right .box .box-heading { background: none; padding: 0; font-size: 14px; line-height: 16px; } .newsletter.col-sm-6 { padding:0 5%; } .footer-blocks .footerleft .contact-block li , #footer .column li{ padding: 0px 15px; } #footer .footer-blocks .contact-block .block.call { padding: 15px; } .product-layout.product-grid { width: 32.8%; } .box.special .box-heading { margin-bottom: 8px; } /*#content .webdigifyblog .box-heading { margin: 0 0 58px 0; } .hometab, .ProductbyCategory { margin:0 0 55px 0; }*/ } @media (min-width: 601px) and (max-width: 767px){ .stock_status { padding: 24px 5px; width: 75px; height: 75px; top: -70px; } } @media (max-width: 767px) { #content .ProductbyCategory .box-product .product-block .image { width: 40%; } .ProductbyCategory .box-product .product-block .product-details{ width:60%; padding:10px 10px 20px 0; } .newsletter:after { bottom: -35px; } .offer-title{ display: none; } #top{ background: #f5f5f5; padding: 10px 0; border-top: none; position: relative; height: 60px;} .top-links-toggle {display: block; cursor: pointer;} .top-links {display: none; position: absolute; background: #fff; padding: 10px; width: 200px; z-index: 999; border: 1px solid #e8e9eb; top: 100%; right: 0;} .top-links-toggle > i, #res-menu i {font-size: 21px;} .top-links .links-item{ padding: 5px; width: 100%; display: block; } .top-links .links-item::before{ display: none; } .box-category-top{ display: none; } #newslatter::after { border-right: 0px; } .box.special::before { width: 150px; height: 200px; } #content .box .box-heading, .box.related_prd .box-heading, #wdcmsservices .box-heading, .wd-category-list .box-heading { font-size: 25px; line-height: 30px; padding:0 0 60px; margin:0 auto 15px; } .countdown{ bottom:55px; } .htabs a { font-size: 16px; } .main-slider .swiper-pager { display: none; } #cart .mycart, #cart .price { display: none; } .cart_detail { border-radius: 50%; padding: 0; } .col-sm-5.product-right {width: 100%;} .col-sm-4.product-left { width: 100%; } #cart .item-count { font-size: 11px; position: absolute; right: -4px; top: -5px; font-weight: 400; color: var(--primary-color); background: var(--secondary-btn-bg-color); height: 20px; width: 20px; line-height: 19px; border-radius: 50%; z-index: 1; border:2px solid #fff; } header .responsive-menu .navbar-nav { top: 50px; } .search_toggle{ top:49px; } .dropdown.myaccount ul.dropdown-menu.dropdown-menu-right.myaccount-menu{ top:50px; } #cart .dropdown-menu { top: 50px; } .swiper-viewport .swiper-button-prev::before, .swiper-viewport .swiper-button-next::before { width: 35px; height: 35px; line-height: 32px; font-size: 16px; width: 35px; height: 35px; } .swiper-viewport .swiper-button-next { right: 50px; } .swiper-viewport .swiper-button-prev { left: 50px; } .countbox.hastime { padding: 8px 7px; } .countbox.hastime:before{ display: none; } .blog-image .post_hover { display: block; } .special-tag { top: 15px; left: 15px; } .quickview-button,.product-layout.product-list .quickview-button { display: none; } .product_hover_block { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; top: auto; left: 0; right: 0; transform: none; -moz-transform: none; -webkit-transform: none; -o-transition: none; -ms-transition: none; max-width: none; max-height: none; bottom: 10px; text-align: center; } .product-block button.cart_button { display: inline-block; margin: 0; transform: none; font-size: 12px; padding:6px 13px 6px 40px; } .product-block .compare-button, .product-block .wishlist-button { transform: none; } .product_hover_block button.compare_button,.product_hover_block button.compare_button:hover{ width:38px; height:38px; background-position: 8px -77px; } button.wishlist,.product_hover_block button.wishlist:hover,.product_hover_block button.wishlist{ width:38px; height:38px; background-position:8px -33px; } .product-block button.cart_button:before{ left: 10px; top: 6px; } #column-left .product-items .product-details, #column-left .product-items .product-details, #column-right .product-items .product-details { float: left; } .main-navigation img {display: none;} .res-menu-close { visibility: hidden; position: absolute; cursor: pointer; opacity: 0;} .menu-active .res-menu-close{ visibility: visible; left: 240px; z-index: 9999; transition: all 600ms ease 0s; top: 10px; opacity: 1; height: 30px; width: 30px; text-align: center; line-height: 30px;} .res-menu-close > svg {width:12px; height:12px; fill:#0a7ef0; stroke:#0a7ef0; stroke-width:5px;} .cmsbanner-block{margin: 20px 0;} .cms-inner-block1, .cms-inner-block2 { width: 100%; margin: 0 0 20px 0;} .top-links-toggle > svg {width: 20px; height: 20px; fill: #0a7ef0;} .special .product-block:hover .product-details{ margin-top: 0; } .manufacturer_title{ display: none; } .manufacture_block ul{ padding: 0; float: none; } .manufacture_block{padding: 25px 0; text-align: center;} .payment-block ul {padding: 0;} .payment-block {width: 100%; text-align: center; margin: 8px 0 0 0;} p.powered {width: 100%; text-align: center; padding: 15px 0 0;} .content_footer_bottom { width: 100%; } .newsletter { padding: 8% 0%; background-size: 194%; margin: 10px 0 0 0; } .newsletter #txtemail { height: 40px; padding-right:100px; } .newsletter .btn.btn-lg { height: 34px; font-size: 14px; line-height: 24px; padding: 5px 15px; } .wdproductcategory { width: 100%; } .social-block{ width: 100%; text-align: center; } .social-block ul li{ float: none; display: inline-block; } .tab-head {width: 100%; margin:0 0 40px;} .hometab-heading.box-heading{padding: 20px 0 0 20px;} .htabs {margin: 0; width: 100%;} .tab-head .sub-heading{margin: 0px 0px 0 20px;} .tab-head .coupon{margin-top: 15px;} .featured{ padding: 40px 0; } .tab-head span{ width: 100%; font-size: 12px; } footer{ margin-top: 25px; } .product-layout.product-grid{ width:32.5%; min-height: 360px; } .pagination-right{ width: auto; margin: 0;} .col-sm-12.category_list {padding: 0;} .category_list li{margin: 0 10px 10px 0;} .breadcrumb {width: 100%;} .breadcrumb > li{white-space: normal;} .col-sm-8.product-left {position: relative; top: auto; width: 410px; margin: 0 auto;} .layout-1 #content {padding: 0;} .col-sm-4.product-right {padding: 20px 0 0; width: 100%;} #tabs_info.product-tab, .box.related_prd{ margin: 30px 0 0; padding:20px;} .col-sm-4.search_term {padding: 0 0 10px;} .col-sm-3.search_subcategory{ padding: 0; } .information-contact #content{padding: 30px;} .contact-form-design.container{margin: 0px auto 70px; padding: 15px;} .table-responsive.full-view{ display: none; } .table.table-bordered.shopping-cart.responsive{ display:block; } .shopping-cart .btn-primary{ margin: 0; } .listing { min-height:unset; padding: 80px 15px; line-height: 30px;} .alert.alert-success.animated{width: 100%;} .col-sm-5.product-right { width: 100%; } .col-sm-7.product-left { width: 100%; } .tablatest_default_width, .tabbestseller_default_width, .tabspecial_default_width,.featured_default_width{ width: 26% } .productcategory5_default_width.wdproductcategory{width: 25%;} #content .banners-slider-carousel .product-block .product-block-inner { border: 0px; padding: 5px 0 !important; } .footer-appinner ul.list-unstyled { display: block; } .box.special .box-heading { margin-bottom: 8px; } .owl-buttons { top: -50px; } .newsletter.col-sm-6 { padding: 0 10%; } .product-list .product_hover_block { bottom: 0px; } .product_hover_block .action button, .quickbox { transform: scale(1); } } @media only screen and (max-width: 660px) { .module_default_width{ width: 33%; } } @media only screen and (max-width: 650px){ .product-list .product-block .product-details .rating { text-align: center; } #content .product-list .product-block .image { float: none; max-width: 298px; margin: auto; width: 100%; } .product-list .product_hover_block .action { text-align: center; float: none; } .product-list .product_hover_block { text-align: center; width: 100%; } .product-list .product-block .product-details{width: 100%; padding: 15px 10px; text-align: center;} .product-layout.product-list {padding: 0 0 20px;} #searchbox { float: none; display: inline-block; vertical-align: top; } .hometab-heading.box-heading { text-align: center !important; float: none !important; } .product-block.product-thumb.transition { padding: 10px 10px; } } @media only screen and (max-width: 575px){ .news-desc { text-align: center; font: 400 12px/18px var(--secondary-font); } .box.special::before { width: 110px; } #content .box .box-heading, .box.related_prd .box-heading, #wdcmstestimonial .box-heading { font-size: 20px; line-height: 24px; } .module_default_width{ width: 33%; } .social-block ul { margin: 0px 0; } .count-down .countbox strong { width: 28px; } .countbox.hastime { padding: 5px 15px; } .countdown { float: none; } .footer-appinner .subtitle { margin: 0 0 8px; } .block_newsletter h3 .title { margin: 0 0 7px; } .footer-appinner .title { font-size: 16px; line-height: 26px; margin: 0px 0 4px; } .block_newsletter h3 { font-size: 16px; line-height: 26px; } #newslatter { padding: 0px; } #_desktop_contact_link { float: none; display: inline-block; } .language-menu { left: 0; right: auto; } #wdoffercmsblock { margin: 0 0 30px 0; } .news-left .news-title { font-size: 14px; line-height: 18px; margin: 0 0 10px; } .news-left{ margin:0 0 10px; padding:0; } .webdigifyblog .view-blog { padding: 0; } } @media only screen and (max-width: 479px) { .read-more a,.newsletter .btn.btn-lg { font-size: 13px; } .row.category_thumb { margin: 0 -10px; } .form-horizontal .form-group{ margin-left:-10px !important; margin-right:-10px !important; } #wdcmsfooter { padding: 0 10px; } .etabs li.tab{ margin:0 5px; } #content .box .box-content, .related_prd .box-content, #content .box.webdigifyblog .box-content{ margin:0 -10px; } .cart_image { margin: 0; } .mobile-logo{ width:143px; } .nav2 { bottom: 0; } .product-thumb .price { font-size: 16px; } .header_top .account { margin: 0; } .header-logo img { max-height: 55px; } .col-sm-5.header_search { margin-right: 0; } .blog-left{ width: 38%; } .blog-right{ padding: 0 0 0 20px; } .newsletter { background-size:218%; } .cmsbanner-block .cms-inner-block1 .description, .cmsbanner-block .cms-inner-block2 .description{ left: 20px; top: 10%; } .cmsbanner-block .description .title {font-size: 14px; margin: 0 0 10px 0;} .cmsbanner-block .description .toptitle{font-size: 16px;} .cmsbanner-block .description .banner_text {margin: 10px 0 0 0;} .stock_status{ font-size: 12px; top: -45px;} .social-block > ul {padding: 0; margin: 5px 0;} .social-block ul li a{margin-right: 0;} .module_default_width{ width: 50%; } #content .banners-slider-carousel .product-block{ margin: 0; } #content .banners-slider-carousel .product-block .product-block-inner{ padding:0 !important; } .countbox .timebox::after{right: 0; height: 20px; font-size: 12px; color: #0a7ef0;} .countbox .timebox .time{font-size: 9px; font-weight: 500;} .sort-by-wrapper{ width: auto; } .show-wrapper {margin: 0;} .category_filter .btn-list-grid{padding: 0;} .category_filter .show{margin: 7px 10px 0 0;} .pagination { float: none !important; } .pagination-wrapper .page-link, .pagination-wrapper .page-result{width: 100%; text-align: center;} .payment-block ul img {margin-bottom: 5px;} .col-sm-8.product-left{width: 290px;} #content.productpage .product-title{font-size: 16px;} .productpage .write-review, .productpage .review-count{margin: 0 5px;} #button-search {width: 100%; margin: 10px 0 20px;} .information-contact #content{padding: 15px; background-repeat: repeat;} .search_toggle { width: 240px; } #accordion h4.panel-title a.accordion-toggle {display: block;} .checkout-cart #accordion .panel-title > a, .checkout-checkout #accordion .panel-title { background: #f5f5f5 none repeat scroll 0 0; font-weight: 500; padding: 10px; border-radius: 5px; margin: 0 0 10px 0; } #accordion .panel-title > a {color: inherit;} #accordion .panel-heading .fa.fa-caret-down {float: right; margin-top:4px;} #accordion .col-sm-10 {width: 75%;} #accordion .form-horizontal .control-label {text-align:left;} .alert-dismissable .close, .alert-dismissible .close{right: 0 !important;} #accordion.panel-group .panel { width: 100%; background-color: #fff; border: none; } .checkout-success p a {color: #111111;} .container{padding:0;} .product-compare .table-bordered { border: 1px solid #e5e5e5; float: left; overflow: auto; } .swiper-viewport .swiper-button-prev::before, .swiper-viewport .swiper-button-next::before { background: none; border: 0px; color: #fff; } .swiper-viewport .swiper-button-next { right: 0px; width: 40px; height: 40px; transition: none; } .swiper-viewport .swiper-button-prev { left: 0px; transition: none; height: 40px; width: 40px; } .main-slider .swiper-viewport:hover .swiper-button-prev{left: 0px;} .main-slider .swiper-viewport:hover .swiper-button-next{right: 0px;} .swiper-viewport .swiper-button-next:hover::before, .swiper-viewport .swiper-button-prev:hover::before{ background: none; color: #111; } #content .product-carousel .product-block, #content .product-grid .product-block, #content .box-product .product-block { max-width: 300px; float: none; margin: auto; } #tabs_info.product-tab ul.nav.nav-tabs { width: 100%; margin: 0 0 10px; padding: 10px 15px; font-size: 14px; line-height: 16px; float: none; text-align: center; display: block; } .nav-tabs>li { margin: 0 0 10px; padding: 10px 15px; font-size: 14px; line-height: 16px; float: none !important; } #block_1 .list-unstyled li:first-child { margin: 0 0px 0 0; } #information-information .image1, #information-information .image2, #information-information .image3, #information-information .image4 { float: none; border: 0; margin: auto; } .aboutus { text-align: center; } } @media only screen and (max-width: 380px) { .search_box { width: 110px; } .search_box .form-control-select, .search_box .form-control-select.active { width: 110px; } .search_toggle { right: -70px; } #cart .dropdown-menu{width: 280px;} .box.special .product-block-inner .image, .box.special .product-block .product-details { width: 100%; } .countbox .timebox .time { margin: -22px 0 0 0; line-height: initial; } .countbox .timebox .time{ font-size: 8px; } .etabs li.tab { width: 86%; text-align: center; margin: 0 0 20px; } .htabs a::after, #product .nav-item .nav-link::after { bottom: -8px; } .etabs { float: none; text-align: center; width: 100%; border: 0; padding: 0; } .tab-head{ margin:0 0 10px; } #column-left .product-items .product-details, #column-left .product-items .product-details h4, #column-right .product-items .product-details h4 { padding-top: 0px; } .product-info .additional-carousel { position: relative; padding: 0 20px; overflow: hidden; } .pagination { float: none !important; } .header_search .btn.btn-default.btn-lg { padding: 10px 10px 3px; } .product-block .image { max-width: 294px; margin: auto; } .product-block-inner { margin: 0 auto 15px; } .product-layout.product-list .product-block-inner { max-width: 100%; } .stock_status { top: -12px; height: 60px; width: 60px; line-height: 12px; font-size: 9px; padding: 19px 9px; } } /* ---------------------- Start wd - Product-Extended block --------------------------*/ #tab-description { float: left; width: 100%; } #tab-description .product-description, #tab-description .producttabdescription { float: left; width: 100%; } #tab-description .producttabdescription .tabdescleft { padding-left: 0; float: left; } #tab-description .producttabdescription .tabdescleft .tabdescleft-img { float: left; } #tab-description .producttabdescription .tabdescleft .tabdescleft-img img { transition: all 1.2s ease-out 0s; -webkit-transition: all 1.2s ease-out 0s; display: block; max-width: 100%; } #tab-description .producttabdescription .tabdescright { float: left; padding-right: 0; } #tab-description .producttabdescription .tabdescright .tabdescright-details, #tab-description .producttabdescription .tabdescright .table-info-product { float: left; width: 100%; } #tab-description .producttabdescription .tabdescright .table-info-product .maintitle { font: 700 18px/24px 'Poppins', Helvetica, sans-serif; color: #111; float: left; width: 100%; } #tab-description .producttabdescription .tabdescright .table-info-product .title { font:700 13px/21px var(--secondary-font); text-transform: capitalize; color: #111111; width: 13%; } #tab-description .producttabdescription .tabdescright .table-info-product .table-detail { float: left; width: 100%; } #tab-description .producttabdescription .tabdescright .table-info-product .table-detail .table-feature { display: flex; align-items: center; padding:10px 0; } #tab-description .productdesc-main-left { padding: 0; float: left; } #tab-description .productdesc-main-left .productdesc-left { padding-left: 0; } #tab-description .productdesc-main-left .productdesc-left .productdesc-img1 { padding-left: 0; } #tab-description .productdesc-main-left .productdesc-left .productdesc-img2 { padding-right: 0; } #tab-description img { max-width: 100%; } #tab-description .productdesc-main-right .text-block-content { float: left; width: 100%; margin: 0 0 25px; } #tab-description .productdesc-main-right .text-block-content p { font: 400 14px/24px "Raleway",Helvetica,sans-serif; margin: 0; } #tab-description .productdesc-main-right .text-block-list-style { padding: 0; } #tab-description .productdesc-main-right .text-block-list-style li { margin-bottom: 10px; border-bottom: 1px solid #ededed; padding-bottom: 13px; } #tab-description .productdesc-main-right .text-block-list-style li:last-child { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; } #tab-description .productdesc-block1 { float: left; width: 100%; margin: 0 0 35px; } #tab-description .productdesc-block2 { float: left; width: 100%; margin: 0 0 60px; } #tab-description .productdesc-block3 { float: left; width: 100%; } #tab-description .productdesc-block2 .productdesc-block2-main .productdesc-img1 { padding-left: 0; } #tab-description .productdesc-block2 .productdesc-block2-main .productdesc-img2 { padding-right: 0; } #tab-description .productdesc-block3-main { text-align: center; margin: 0 0 30px 0; } #tab-description .productdesc-block3-main-title { font: 400 15px/30px var(--secondary-font); } #tab-description .productdesc-block3-subtitle { font: 700 44px/50px var(--secondary-font); color: #111; } #tab-description .productdesc-block3-right { float: right; text-align: right; } #tab-description .productdesc-block3-leftdesc, #tab-description .productdesc-block3-rightdesc { margin: 0 0 50px; } #tab-description .productdesc-block3-leftdesc .productdesc-block3-title { margin: 0 0 10px; position: relative; } #tab-description .productdesc-block3-leftdesc .productdesc-block3-title::before { width: 9px; height: 2px; background-color: #232323; content: ""; position: absolute; left: -12px; top: 0; bottom: 0; margin: auto; right: auto; } #tab-description .productdesc-block3-leftdesc .productdesc-block3-dummysubtitle, #tab-description .productdesc-block3-rightdesc .productdesc-block3-dummysubtitle { font: 400 14px/26px var(--secondary-font); } #tab-description .productdesc-block3-leftdesc .productdesc-block3-title span { font: 600 22px/30px var(--secondary-font); color: #111; } #tab-description .productdesc-block3-rightdesc .productdesc-block3-title span { font: 600 22px/30px var(--secondary-font); color: #111; padding: 0 0 0 16px; position: relative; } #tab-description .productdesc-block3-rightdesc .productdesc-block3-title span::before { width: 9px; height: 2px; background-color: #232323; content: ""; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; right: auto; } @media (max-width: 1199px) { #tab-description .producttabdescription .tabdescright .table-info-product .title { width: 20%; } #tab-description .productdesc-main-right .text-block-list-style li { margin-bottom: 5px; padding-bottom: 5px; } #tab-description .productdesc-main-right .text-block-content { margin: 0 0 20px; } #tab-description .productdesc-main-right .text-block-content p, #tab-description .productdesc-main-right .text-block-list-style span, #tab-description .productdesc-block3-leftdesc .productdesc-block3-dummysubtitle, #tab-description .productdesc-block3-rightdesc .productdesc-block3-dummysubtitle { line-height: 20px; font-size: 13px; } #tab-description .productdesc-block3-leftdesc .productdesc-block3-title span, #tab-description .productdesc-block3-rightdesc .productdesc-block3-title span { font-size: 18px; line-height: 26px; } #tab-description .productdesc-block3-leftdesc .productdesc-block3-title { margin: 0 0 5px; } #tab-description .productdesc-block3-leftdesc, #tab-description .productdesc-block3-rightdesc { margin: 0 0 20px; } } @media (max-width:991px) { #tab-description .productdesc-main-left .productdesc-left { margin: 0 0 30px; text-align: center; float: left; padding: 0; } #tab-description .productdesc-main-right .text-block-list-style li { margin-bottom: 10px; padding-bottom: 10px; } #tab-description .producttabdescription .tabdescright .table-info-product .title { width: 40%; } #tab-description .producttabdescription .tabdescright .table-info-product .detail { width: 60%; } #tab-description .producttabdescription .tabdescright { width: 51%; } #tab-description .producttabdescription .tabdescleft { width: 49%; } #tab-description .productdesc-main-left .productdesc-left { margin: 0 0 25px; } #tab-description .productdesc-block1 { margin: 0 0 25px; } #tab-description .productdesc-block2 { margin: 0 0 40px; } #tab-description .productdesc-block3 .productdesc-block3-middle { margin: 0 0 10px; text-align: center; } #tab-description .productdesc-block3-right { float: left; text-align: left; } #tab-description .productdesc-block3-main { margin: 0 0 20px 0; } #tab-description .productdesc-block3-main-title { line-height: 25px; } #tab-description .productdesc-block3-leftdesc,#tab-description .productdesc-block3-rightdesc { margin: 0 0 10px; } #tab-description .productdesc-block3-leftdesc .productdesc-block3-title,#tab-description .productdesc-block3-rightdesc .productdesc-block3-title { margin: 0; } #tab-description .productdesc-block3-leftdesc .productdesc-block3-title::before { top: 0; } } @media (max-width:767px) { #tab-description .producttabdescription .tabdescleft .tabdescleft-img { float: none; display: inline-block; vertical-align: top; } #tab-description .producttabdescription .tabdescleft { text-align: center; margin: 0 0 15px; float: left; width: 100%; padding: 0; } #tab-description .producttabdescription .tabdescright { float: left; padding: 0; width: 100%; } #tab-description .producttabdescription .tabdescright .table-info-product .title { width: 20%; } #tab-description .producttabdescription .tabdescright .table-info-product .detail { width: 80%; } #tab-description .productdesc-block2 .productdesc-block2-main .productdesc-img1 { padding: 0; margin: 0 0 20px; } #tab-description .productdesc-block2 .productdesc-block2-main .productdesc-img2 { padding: 0; } #tab-description .productdesc-block2-main { text-align: center; padding: 0; } #tab-description .productdesc-main-left .productdesc-left .productdesc-img2, #tab-description .productdesc-block1 .productdesc-left .productdesc-img1 { padding: 0; } #tab-description .productdesc-block1 .productdesc-left .productdesc-img1 { margin: 0 0 20px; } } @media (max-width:575px) { #tab-description .producttabdescription .tabdescright .table-info-product .title { width: 50%; } #tab-description .producttabdescription .tabdescright .table-info-product .detail { width: 50%; } #tab-description .producttabdescription .tabdescright .table-info-product .table-detail .table-feature { align-items: baseline; } .product-thumb h4 { font-size: 14px; padding: 0 0 8px; } #tab-description .productdesc-block2 .productdesc-img1 { margin: 0 0 20px; } #tab-description .productdesc-block2 { margin: 0 0 20px; } #tab-description .productdesc-block3-subtitle { font-size: 35px; line-height: 40px; } #tab-description .productdesc-block3-main { margin: 0 0 10px 0; } #tab-description .productdesc-block3 .productdesc-block3-middle { margin: 0 0 5px; } #tab-description .productdesc-main-right .text-block-content p,#tab-description .productdesc-main-right .text-block-list-style span { font-size: 13px; line-height: 18px; } #tab-description .productdesc-block3-left,#tab-description .productdesc-block3-right { padding: 0; } } @media (max-width:480px) { #tab-description .productdesc-block3-main { margin: 0 0 5px 0; } #tab-description .productdesc-block3-subtitle { font-size: 30px; line-height: 34px; } #tab-description .productdesc-block1 { margin: 0 0 10px; } } @media (max-width:320px) { #tab-description .productdesc-block3-main-title { line-height: 20px; font-size: 14px; } #tab-description .productdesc-block3-subtitle { font-size: 26px; line-height: 30px; } #tab-description .productdesc-block3-leftdesc .productdesc-block3-title span,#tab-description .productdesc-block3-rightdesc .productdesc-block3-title span { font-size: 15px; } #tab-description .productdesc-block3-leftdesc,#tab-description .productdesc-block3-rightdesc { margin: 0; } #tab-description .productdesc-main-right .text-block-content p { font: 400 14px/20px "Raleway",Helvetica,sans-serif; } } /* ---------------------- End wd - Product-Extended block --------------------------*/ /*********service cms*******************/ #wdcmsservices { float: left; width: 100%; margin-top: 70px; } #wdcmsservices .wdsevices { float: left; width: 100%; } .wd-sevices.services-carousel { float: left; width: 100%; padding: 0; } #wdcmsservices .wdsevices ul li { padding: 15px; float: left; width: 100%; } #wdcmsservices .wdsevices ul li .wdservice { # border: 3px dashed rgba(255,255,255,.15); border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; padding: 0 0 0 20px; float: left; width: 100%; } #wdcmsservices .wdsevices ul li .wdservice .service-icon { float: left; width: 82px; height: 82px; margin: 30px 0; background: url(../image/webdigify/service.png) 0 0 no-repeat; } #wdcmsservices .wdsevices ul li .wd-shipping .service-icon { background-position:0 0; } #wdcmsservices .wdsevices ul li .wd-time .service-icon { background-position:0 -153px; } #wdcmsservices .wdsevices ul li .wd-quality .service-icon { background-position:0 -320px; } #wdcmsservices .wdsevices ul li .wdservice .service-content { float: left; width: 74%; padding: 28px 20px; } #wdcmsservices .wdsevices ul li .wdservice .service-content .service-title { font: 18px/24px var(--secondary-font); color: #ff6e9b; margin: 0 0 10px; text-align: left; } #wdcmsservices .wdsevices ul li .wdservice .service-content .service-subtitle { font: 14px/24px var(--secondary-font); text-align: left; } @media (min-width:768px) and (max-width:991px) { #wdcmsservices { margin-top: 20px; } #wdcmsservices .wdsevices ul li .wdservice { padding: 0 0 0 10px; } #wdcmsservices .wdsevices ul li .wdservice .service-content { width: 72%; padding: 28px 20px; } } @media (min-width:576px) and (max-width:767px) { #wdcmsservices { margin-top: 0; } #wdcmsservices .container { padding: 0; } #wdcmsservices .wdsevices ul li .wdservice { padding: 0 0 0 10px; } #wdcmsservices .wdsevices ul li .wdservice .service-content { width: 74%; padding: 15px 10px; } #wdcmsservices .wdsevices ul li .wdservice .service-content .service-title { margin: 0 0 8px; font-size: 14px; line-height: 24px; } #wdcmsservices .wdsevices ul li .wd-time .service-icon { background-position: 0 -183px; } #wdcmsservices .wdsevices ul li .wd-quality .service-icon { background-position: 0 -85px; } #wdcmsservices .wdsevices ul li .wdservice .service-icon { background-size: 50px; width: 52px; height: 52px; margin: 10px 0; } } @media (max-width:575px) { #wdcmsservices { margin: 0 0 20px; } #wdcmsservices .container { padding: 0; } #wdcmsservices .wdsevices ul li { padding: 0 5px; } #wdcmsservices .wdsevices ul li .wdservice .service-icon { margin: 20px 0; } #wdcmsservices .wdsevices ul li .wdservice .service-content { width: 69%; padding: 18px 10px; } #wdcmsservices .wdsevices ul li .wdservice { padding: 0; } } /***********************End Product Page Banner**************/ .product-detail-left { width:100% ; float: left; padding-right: 0px; } /* Webdigify www.webdigify.com End */ @media(max-width:991px) { .product-detail-left { width: 100%; padding-top: 20px; } } /********** End Testimonial Cms BLock **********/ @media (max-width: 1359px) and (min-width: 1200px){ .grid_default_width, .featured_default_width, .latest_default_width, .bestseller_default_width, .tabbestseller_default_width, .tablatest_default_width, .related_default_width,.special_default_width { width: 25%; } } @media (max-width: 1199px) and (min-width: 992px){ .grid_default_width, .featured_default_width, .latest_default_width, .special_default_width, .bestseller_default_width, .tabspecial_default_width, .tabbestseller_default_width, .tablatest_default_width, .related_default_width{ width: 25%; } } @media (max-width: 991px) and (min-width: 601px){ .grid_default_width, .featured_default_width, .latest_default_width, .special_default_width, .bestseller_default_width, .tabspecial_default_width, .tabbestseller_default_width, .tablatest_default_width, .related_default_width { width:33.333%; } } @media only screen and (max-width: 600px){ .grid_default_width, .featured_default_width, .latest_default_width, .special_default_width, .bestseller_default_width, .tabspecial_default_width, .tabbestseller_default_width, .tablatest_default_width, .related_default_width { width:50%; } .tablatest_default_width, .tabbestseller_default_width, .tabspecial_default_width, .featured_default_width{ width: 50% } .product-layout.product-grid{width: 49%; } } @media only screen and (max-width: 379px){ .grid_default_width, .featured_default_width, .latest_default_width, .special_default_width, .bestseller_default_width, .tabspecial_default_width, .tabbestseller_default_width, .tablatest_default_width, .related_default_width { width:100%; } .product-layout.product-grid { width: 100%; } } /* ------------------------------------ ajex search CSS Start -----------------------------------*/ .live-search { width: 100%; position: absolute; z-index: 1000; background-color: #FFF; border: 1px solid #e5e5e5; border-radius: 0; left: 0; display: none; top: 57px; padding: 15px; } .live-search .loading { display: block; margin-left: auto; text-align: center; margin-right: auto; position: absolute; left: 0; right: 0; } .live-search ul { float: left; list-style-type: none; margin: 0; padding: 0; width: 100%; } .live-search ul li { background-color: #ffffff; cursor: pointer; float: left; width: 100%; } .live-search ul li .search-description .product-name p { display: none; } .live-search ul li:hover a { background-color: #f5f5f5; border-radius: 0; } .live-search ul li a { display: block; float: left; padding: 5px; text-decoration: none; width: 100%; margin: 0 0 5px 0; text-transform: capitalize; } .live-search ul li .product-image { float: left; padding: 0; border:2px dashed var(--border-color); border-radius: 10px;; } .live-search ul li .product-name p { color: #555555; font-size: 12px; font-weight: normal; margin: 0; padding: 10px 0 0; } .live-search ul li .search-description { float: left; text-align: left; } .live-search ul li .product-name { color: #111; font: 400 14px/22px var(--secondary-font); margin-bottom: 5px; } .live-search ul li:hover .product-name { color: #111; } .live-search ul li .product-price { float: left; font: 600 16px/18px var(--secondary-font); color: #ff6e9b; margin-bottom: 10px; width: 100%; } .live-search ul li .product-price .price { display: block; color: #ff6e9b; float: left; } .live-search ul li .product-price .special { color: #888; text-decoration: line-through; display: block; font:500 14px/18px var(--secondary-font); float: left; margin: 0 0 0 5px; } .live-search .result-text { float: left; font-size: 13px; font-weight: 500; line-height: 20px; text-align: center; padding: 8px 0; width: 100%; letter-spacing: 1px; } .live-search .view-all-results:hover { color: #111; } .live-search .view-all-results { color: #333; float: left; width: 100%; } .live-search .result-text:hover { background-color: #f5f5f5; border-radius: 0; } .live-search .product-image img { max-width: 100%; border-radius: 10px; } @media (max-width: 1501px) { .live-search ul li .search-description { padding: 0 10px; } } @media (min-width: 1201px) and (max-width: 1501px) { .live-search ul li .product-image { width: 25%; } } @media (max-width: 991px) { .live-search { top: 42px; } .live-search ul li .product-image { width: 25%; } } @media (max-width: 480px) { .live-search ul li { width: 100%; } .live-search ul li a { padding: 10px; margin: 0; } .live-search { padding: 10px; } .live-search ul li .product-image { width: 25%; } .live-search ul li .search-description { width: 70%; } } @media (max-width: 460px) { .dan-2-col-image { width:190px;max-height: 215px; } } @media (max-width: 430px) { .dan-2-col-image { width:190px;max-height: 215px; } } @media (max-width: 415px) { .dan-2-col-image { width:180px;max-height: 215px; } } @media (max-width: 390px) { .dan-2-col-image { width:170px; } } @media (max-width: 375px) { .dan-2-col-image { width:160px; } } @media (max-width: 360px) { .dan-2-col-image { width:155px; } } /* ------------------------------------ ajex search CSS End -----------------------------------*/ /*********************************** Mainbanner text **************************************/ .slider-content { text-align: center; background: rgba(0,0,255,0); right: auto; margin: 0; padding: 0; position: absolute; left: 8%; top: 22%; width:34%; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; bottom: auto; margin: auto; transition-duration: 1.1s; -moz-transition-duration: 1.1s; -webkit-transition-duration: 1.1s; -khtml-transition-duration: 1.1s; -o-transition-duration: 1.1s; align-items: center; } .main-slider .swiper-slide:nth-of-type(2n) .slider-content { left: 6%; } .slider-content-inner { float: left; width: 100%; position: relative; z-index: 9; } .swiper-slide-active .slider-content{ opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; animation-name: moveInleft; animation-duration: 1.5s; } .slider-description { color:#fff; margin: 0 0 30px; padding:6px 55px; text-transform: uppercase; font: 400 26px/40px var(--secondary-font); } .slider-title { color: #fff; font: 300 68px/85px var(--primary-font); text-transform: capitalize; margin:0 0 40px 0; } .slider-button:hover { background-color: var(--primary-btn-bg-color); } .slider-button:hover a { color: #fff; } .slider-button { margin: 0; float: none; clear: left; position: relative; overflow: visible; transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; -ms-transition: .4s ease-in-out; font-weight: 700; font-size: 18px; line-height: 24px; z-index: 1; color: #fff; display: inline-block; padding:10px 26px; text-transform: capitalize; background-color:var(--secondary-btn-bg-color); border-radius: var(--border-radius); border:var(--btn-border); } .slider-button a { color: #fff; } .slider-icon { float: left; width: 100%; position: relative; padding: 100px 0 0 0; } .slider-icon:before { background: url(../image/webdigify/slider_pattern.png) 0 0 no-repeat; width: 106px; height: 36px; content:""; position: absolute; top: 0; left: 0; right: 0; margin: auto; bottom: 0; } .offer-icon { background: url(../image/webdigify/slider-tag.png) 0 0 no-repeat; width: 162px; height: 170px; content:""; position: absolute; top: -70px; left: auto; right: -150px; margin: auto; } @media (min-width: 1400px) and (max-width: 1700px){ .offer-icon{ right: 0; top: -70px; width: 120px; background-size: 100%; } .slider-content { width:51%; top: 15%; } .main-slider .swiper-slide:nth-of-type(2n) .slider-content{ top:15%; } .slider-title{ font-size: 58px; line-height: 68px; } } @media (max-width: 1593px){ } @media (max-width: 1200px){ .slider-description{ margin: 0 0 15px; font-size: 20px; line-height: 25px; padding: 6px 25px; } .slider-title { font-size: 40px; line-height: 45px; margin: 0 0 20px; } .slider-content { top:12%; left: 6%; } .main-slider .swiper-slide:nth-of-type(2n) .slider-content { top:12%; } .offer-icon{ width: 110px; right: -60px; top: -20px; background-size: 100%; } } @media (min-width: 768px) and (max-width: 1200px){ .main-slider .swiper-viewport:hover .swiper-button-next{ right:25px; } .main-slider .swiper-viewport:hover .swiper-button-prev{ left:25px; } } @media (max-width: 991px){ .slider-content { top: 15%; width: 43%; } .main-slider .swiper-slide:nth-of-type(2n) .slider-content { top: 15%; } .slider-title { margin: 0 0 20px; } .slider-icon:before { width: 56px; height: 26px; background-size: 50px; } .slider-icon { padding: 50px 0 0 0; } } @media (max-width: 767px){ .slider-description { margin: 0 0 10px; font-size: 14px; line-height: 16px; padding: 6px 25px; } .slider-title { font-size: 30px; line-height: 35px; } .slider-button{ font-size: 14px; padding: 6px 20px; } .offer-icon{ width: 70px; right: 0; top:0px; } .slider-content { top: 6%; width: 60%; } .main-slider .swiper-slide:nth-of-type(2n) .slider-content { top: 6%; } } @media (max-width: 650px){ } @media (max-width: 543px){ .slider-content { position: static; width: 100%; padding: 20px; transform:none; float: left; } .slider-content:after,.slider-content:before { display: none; } .swiper-slide-active .slider-content{ animation: none; } .slider-description, .slider-title { color: #111; } .slider-title { font-size: 18px; line-height: 22px; margin:-30px 0 -30px 0; } .slider-icon { padding: 40px 0 0 0; } .offer-icon{ display: none; } } /**********************************end mainbanner text**************************************/