body { color: #777777; font-family:'Nunito', sans-serif; font-size: 14px; font-weight: 400; line-height: 24px; letter-spacing: 0.5px; } 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: 8px; height: 11px; } .fa-stack .fa{font-size:12px;} i.fa.fa-star-o.fa-stack-2x:before { content: "\f005"; } /* 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:500; } #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; width: 45%; } /* 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: #F8F7F5 !important; border-radius: 0px !important; -webkit-border-radius: 0px !important; -khtml-border-radius: 0px !important; -moz-border-radius: 0px !important; color: #7a7a7a; padding: 7px 12px; height: 35px; /*width: 35px;*/ min-width: 35px; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { background: #d37657 none repeat scroll 0 0 !important; border: 1px solid #d37657 !important; color: #fff !important; } div.required .control-label:before { content: '* '; color: #F00; font-weight: bold; } .banners-slider-carousel .customNavigation { display: none; } /* counter*/ .countdown { color: #111111; font-size: 14px; margin: 0 0 6px; position: absolute; bottom: 10px; left: 0; right: 0; } .countbox .timebox { color: #111111; width: auto; height: auto; text-align: center; font-weight: 500; font-size: 13px; } .countbox span.timebox.second { font-weight: 700; } .countbox .timebox:last-child::after { display: none; } .countbox.hastime { display: inline-flex; vertical-align: top; align-items: center; -moz-column-gap: 15px; grid-column-gap: 15px; column-gap: 15px; background-color: #ffffff; padding: 5px 15px; } .count-down.clock { display: inline-block; float: none; padding: 0; position: relative; vertical-align: top; margin: 0; width: 100%; border-radius: 0; } .countbox .second .timebox-inner::after { display: none; } .countbox .timebox .time { display: inline-block; padding: 0 0; text-align: center; position: relative; } .count-down .countbox strong { padding: 0 0; text-align: center; } .countbox .timebox:last-child { margin: 0; } .product-content .count-down .countbox strong { font-size: 16px; } .count-down .countbox span.timebox.second strong, .countbox .timebox.second .time { font-weight: 700; } /* end of counter*/ .special-tag { font-weight: 500; position: absolute; top: 10px; left: 10px; /*text-transform: capitalize;*/ background: #d37657; font-size: 11px; color: #fff; line-height: 19px; z-index: 8; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; padding: 0px 5px; } .product-block:hover .special-tag { -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; } .stock_status { height: 80px; width: 80px; background: #d37657; 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: #ffffff; text-align: center; /*text-transform: capitalize;*/ padding: 23px 9px; font-size: 14px; font-weight: 500; font-style: italic; line-height: 18px; 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; font-family: 'Jost', sans-serif; display: flex; align-items: center; } .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(30%);} /*.footer-blocks .col-sm-3 { width: 20%; float: right; }*/ /*.footer-blocks .col-sm-3.column.footerleft { width: 100%; float: left; }*/ .footer-blocks .col-sm-3.column.footerleft li a:before{ display: none; } .footer-text ul { padding: 0; } .footer-area ul li { display: inline-block; } .footer-blocks .footerleft .contact-block li.phone span { font-size: 20px; font-weight: 600; color: #111111; } .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 h5 { margin: 0 0 15px 0; display: none; } .social-block ul li { vertical-align: top; float: none; display: inline-block; padding: 0; margin: 0; } .social-block ul { margin: 10px 0; } .social-block ul li a { width: 40px; height: 44px; display: block; outline: none; color: #111111; text-align: center; border-radius: 50%; border: 0; transition: all .2s ease-in-out; } .social-block ul li.facebook a:hover{color:#3b5998; border-color:#3b5998;} .social-block ul li.twitter a:hover{color:#4099FF; border-color:#4099FF;} .social-block ul li.linkedin a:hover{color:#007bb6; border-color:#007bb6;} .social-block ul li.rss a:hover{color:#FA9B39; border-color:#FA9B39;} .social-block ul li.youtube a:hover{color:#C4302B; border-color:#C4302B;} .social-block ul li.pinterest a:hover{color:#910101; border-color:#910101;} .social-block ul li.google-plus a:hover{color:#C63D2D; border-color:#C63D2D;} .social-block ul li a .fa { font-size: 15px; line-height: 44px; 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: transparent; color: #ffffff;} #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:20px} .main-slider .swiper-viewport:hover .swiper-button-prev {opacity:1; -khtml-opacity:1;-webkit-opacity: 1;-moz-opacity:1; left: 20px;} #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: #e52727; } .productpage .special-price .old-prices { color: #111111; } .productpage .description { line-height: 24px; margin-bottom: 10px; padding: 15px 5px 20px 0; padding: 10px 5px 8px 0; border-bottom: 1px solid #eaeaea; border-top: 1px solid #eaeaea; } .product-description td span { color: #111; font-weight: 500; padding: 2px; font-size: 16px; margin: 0 0 8px; width: 100%; float: left; font-family: 'Jost', sans-serif; letter-spacing: .8px; } .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: 14px; color: #000000; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-weight: 500; line-height: 22px; } .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: 18px;} .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:1px 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; } .whishlist { text-align: left; padding: 1px 15px; } span.wishlist_count { padding-inline-start: 4px; } .whishlist a, .compare a { color: #666; } .compare { text-align: left; padding: 1px 15px; } .checkout:hover { color: #d37657; } .myaccount .account:hover { background: none; color: #000 !important; border: none; font-size: 12px; margin: 0; padding: 0; } .drop_account { color: #000000; padding: 10px 0; float: left; width: 100%; } .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; 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; } .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: -30px; width: 45px; height: 45px; 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: -30px; width: 45px; height: 45px; 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; } .footer-blocks .col-sm-3.column.footerleft .desc-block ul { padding: 0; } .content-top { float: left; width: 100%; padding:0px; } .content-bottom { clear: both; float: left; width: 100%; padding: 0px; } .lang-curr-wrapper .pull-left { padding-right: 0; width: 100%; text-align: left; margin: 5px 0; cursor: pointer; float: none; margin: 0; position: relative; width: auto; display: inline-block; transition: all 400ms ease-in-out 0s; right: 0; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; vertical-align: top; } #form-language .fa-angle-down, #form-currency .fa-angle-down{ float: none; margin: 4px 0 0 6px; display: inline-block; vertical-align: top; } #form-language .fa-angle-down { margin: 4px 0 0 1px; } #form-currency .btn-link, #form-language .btn-link { border: medium none; color: #111111; font-size: 13px; line-height: 22px; text-decoration: none; padding:0px; float: none; letter-spacing: 0.5px; text-align: left; } .nav2 { float: right; } #form-language .btn-link.btn-block.language-select , #form-currency .currency-select{ color: #777; } #form-language .dropdoen-menu > li > .btn:hover, #form-currency .dropdoen-menu .btn:hover { color: #d37657 !important; text-decoration: none; } .language-menu li, .currency-menu li { padding: 3px 0px; text-align: left; line-height: initial; } #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 5px 0 0; } .dropdown.myaccount { float: left; position: relative; } span.account-title { display: inline-block; vertical-align: middle; color: #fff; line-height: 30px; text-transform: uppercase; font-size: 13px; margin-left: 5px; display: none; } .myaccount > a { width: 33px; height: 40px; background-image: url(../image/webdigify/user.svg); background-size: 20px; background-repeat: no-repeat; background-position: center; display: inline-block; vertical-align: middle; 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; } .myaccount > a:hover { transform: rotateY( 360deg ); -webkit-transform: rotateY( 360deg ); -moz-transform: rotateY(360deg); -o-transform: rotateY(360deg); -ms-transform: rotateY(360deg); } .language-menu { padding: 10px 15px; display: none; position: absolute; background: #fff; border: 0; top: 44px; left: 0; right: auto; min-width: 148px; z-index: 1000; margin: 0px; box-shadow: 0px 2px 13px 0px rgb(0 0 0 / 10%); } .currency-menu { padding: 10px 15px; display: none; position: absolute; background: #fff; border: 0; top: 44px; left: 0; right: auto; min-width: 155px; z-index: 1000; margin: 0px; box-shadow: 0px 2px 13px 0px rgb(0 0 0 / 10%); } .header_nav { background: #ffffff; float: left; width: 100%; border-bottom: 1px solid #e5e5e5; } #wdnavcmsheader { padding: 10px 0; } #wdnavcmsheader .wdheader-service { color: #111111; /*text-transform: capitalize;*/ font-size: 13px; line-height: 24px; font-style: normal; font-weight: 400; } .left-nav { float: left; } .right-nav { float: right; } #header-nav-right { float: right; } .right-nav .lang-curr-wrapper { float: left; margin-inline-end: 25px; } .header_top { width: 100%; background: #ffffff; text-align: center; float: left; } .header_top .row { 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:left; padding:10px 0 16px 0; width: 100%; } /**************Start Contact Link***********/ .category_list.box .category_img { width: 80px; height: 80px; float: left; } .header_right { float: right; width: 13%; } #_desktop_contact_link { float: left; padding: 9px 0; } #contact-link>ul { margin: 0; padding: 0; float: left; width: 100%; } #contact-link li { float: left; position: relative; text-align: left; cursor: pointer; color: #666; font-size: 13px; display: flex; align-items: center; } span.content { display: inline-block; vertical-align: top; } span.service-title { font-weight: 400; font-size: 13px; line-height: 20px; letter-spacing: 0.6px; color: #fff; } span.content a.contact-info { color: #fff; letter-spacing: 0; font-size: 13px; } @media (max-width: 991px){ .header_top .header_right { display: none; } .header_right { float: left; width: auto !important; } .social-block { padding: 0; margin: 0; text-align: center; display: none; } } /*************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; width:auto; margin:0 79px 0 0; } .static_links li:first-child a { padding-left: 5px !important; } .header-right { float: right; width: 81%; 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; } @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 { width: auto; padding:27px 0; float: left; display: inline-block; vertical-align: top; text-align: center; } .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); } /* search */ .col-sm-5.header_search { width: auto; padding: 0; position: relative; float: right; padding: 25px 0px; margin: 0 0px 0 0; width: 40px; } #search .search_button { font-size: 0; padding: 0; text-align: center; cursor: pointer; z-index: 9; background-image: url(../image/webdigify/search-black.svg); background-repeat: no-repeat; background-position: center; background-size: 20px; height: 40px; width: 40px; transition: none; display: inline-block; vertical-align: middle; 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; } #search .search_button:hover { transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -o-transform: rotateY(360deg); -ms-transform: rotateY(360deg); } #search .search_button.active { z-index: 1; cursor: pointer; background-image: url(../image/webdigify/menu-close-black.svg); background-repeat: no-repeat; background-position: center; background-size: 16px; position: relative; transition: none; position: fixed; right: 30px; top: 30px; height: 35px; width: 35px; z-index: 9999; left: auto; } span.search-title { display: inline-block; vertical-align: top; color: #fff; line-height: 30px; text-transform: uppercase; font-size: 13px; margin-left: 5px; display: none; } .search_toggle { display: none; position: absolute; z-index: 9; width: 320px; right: 0; top: 75px; } .search-overlay { background: #ffffff; bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 999; } #searchbox { left: 50px; position: absolute; right: 50px; z-index: 99999999; margin: 100px 0 0 0; } .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: 70px; width: 100%; padding: 8px 45px 8px 0px; font-size: 14px; color: #777; display: block; border: 0; border-bottom: 1px solid #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: center; position: relative; overflow: hidden; background: #fff; } .product-thumb .image-wrapper { position: relative; } .tabfeatured_default_width{ width:240px;} .tabbestseller_default_width{ width:340px;} .tablatest_default_width{ width:340px;} .tabspecial_default_width{ width:340px;} .featured_default_width{ width:340px;} .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; } .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: hidden; } .swiper-viewport .swiper-button-prev::before, .swiper-viewport .swiper-button-next::before { font-size: 22px; opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; text-align: center; padding: 0px 0; display: inline-block; width: 45px; height: 45px; line-height: 45px; content: "\f104"; font-family: "fontawesome"; font-weight: 400; border: 0; background: rgb(211 118 87); 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; border-radius: 0; } .swiper-viewport .swiper-button-prev:hover::before, .swiper-viewport .swiper-button-next:hover::before{ background-color: #111111; color: #ffffff; } .swiper-viewport .swiper-button-next::before { content: "\f105"; } .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-color: transparent; background-image: url(../image/webdigify/search-black.svg); background-repeat: no-repeat; background-position: center; background-size: 19px; border: none; color: #ffffff !important; padding: 0; height: 70px; font-weight: 700; text-transform: uppercase; border-radius: 0; width: 40px; } .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; background:#232f3e none repeat scroll 0 0; } .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 */ /******service block****/ #wdcmsservice { float: left; width: 100%; } #wdcmsservice .home-sevices { float: left; width: 100%; cursor: pointer; padding: 90px 0; border-bottom: 1px solid #e5e5e5; margin: 0 0 100px 0; } #wdcmsservice .wdservice .service-icon { height: 45px; width: 45px; 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; flex-shrink: 0; margin: auto; margin-inline-end: 20px; } #wdcmsservice .wdservice .wdservice-desc { padding: 0; text-align: left; width: 100%; } #wdcmsservice .wdservice .service-icon span { height: 100%; width: 100%; line-height: 60px; color: var(--secondary-color); font-size: 24px; 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; } #wdcmsservice .wd-return.wdservice .service-icon { background-image: url(../image/webdigify/truck.svg); background-size: 43px; background-repeat: no-repeat; background-position: center; } #wdcmsservice .wd-secure.wdservice .service-icon { background-image: url(../image/webdigify/payment.svg); background-size: 43px; background-repeat: no-repeat; background-position: center; } #wdcmsservice .wd-support.wdservice .service-icon { background-image: url(../image/webdigify/support.svg); background-size: 40px; background-repeat: no-repeat; background-position: center; } #wdcmsservice .wd-shop.wdservice .service-icon { background-image: url(../image/webdigify/gift.svg); background-size: 39px; background-repeat: no-repeat; background-position: center; } #wdcmsservice .wdservice:hover .service-icon { transform: rotateY(360deg); } #wdcmsservice .wdservice { display: flex; align-items: center; margin: 0; cursor: pointer; float: left; width: 100%; } #wdcmsservice .wd-sevices { margin: 0; padding: 0; } #wdcmsservice .wdservice .service-desc { font: 500 14px/21px 'Nunito', sans-serif; color: #777777; width: 100%; display: inline-block; vertical-align: top; letter-spacing: 0.5px; } #wdcmsservice .wdservice .service-title { color: #111; font: 500 16px/30px 'Jost', sans-serif; padding: 0; display: block; letter-spacing: 0.1px; margin: 0; /*text-transform: capitalize;*/ } #wdcmsservice .wdservice:hover .service-icon span { color: var(--primary-color); transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -o-transform: rotateY(360deg); -ms-transform: rotateY(360deg); } @media(max-width:1199px) { #wdcmsservice .home-sevices { padding: 70px 0; margin: 0 0 80px 0; } #wdcmsservice .wdservice .service-desc { font-size: 13px; line-height: 20px; } #wdcmsservice .wdservice .service-icon { margin-inline-end: 10px; } #wdcmsservice .wdservice .service-title { font-size: 14px; } } @media(max-width:991px) { #wdcmsservice .home-sevices { padding: 50px 0; margin: 0 0 60px 0; } #wdcmsservice .wdservice { justify-content: center; } #wdcmsservice .wd-support.wdservice .service-icon { background-size: 35px; } #wdcmsservice .wd-return.wdservice .service-icon { background-size: 40px; } #wdcmsservice .wd-shop.wdservice .service-icon { background-size: 35px; } #wdcmsservice .wd-secure.wdservice .service-icon { background-size: 39px; } #wdcmsservice .wdservice .service-icon { margin-inline-end: 5px; } } @media(max-width:767px) { #wdcmsservice .home-sevices { padding: 30px 0; margin: 0 0 40px 0; } #wdcmsservice .wdservice .service-icon { height: 40px; width: 40px; background-size: 40px; } #wdcmsservice .wdservice .service-desc { font-size: 13px; line-height: 18px; } } @media(max-width:543px) { #wdcmsservice .home-sevices { padding: 20px 0; margin: 0 0 30px 0; } } @media(max-width:380px) { #wdcmsservice .wdservice .service-icon { margin: 0 auto 10px; } #wdcmsservice .wdservice .wdservice-desc { text-align: center; } #wdcmsservice .wdservice { justify-content: center; display: block; } } /**************************End Home page Service CMS Block -------------------------------*/ /*-------------------------- Start Home page Testimonial Block -------------------------------*/ #wdcmstestimonial { float: left; width: 100%; } #wdcmstestimonial .col-sm-6 { padding: 0; float: left; width: 50%; } #wdtestimonial { border-bottom: 1px solid #e5e5e5; padding: 0 0 80px ; } #wdcmstestimonial .wdtestimonial-content { display: flex; align-items: center; background: #F8F7F5; } #wdcmstestimonial .wdtestimonial-inner li { padding: 0 15px; } #wdcmstestimonial .wdtestimonial-bg { margin: 0 -15px; } .wdtestimonial-inner{ padding: 0; } .banner-1 { padding-right: 0; } .banner-2 { padding-left: 0; } .testimonial-title { float: left; width: 100%; color: #111; font: 500 26px/30px 'Jost', sans-serif; margin: 0 0 30px; } #wdcmstestimonial .wd-titletab { display: none; } .testi-img img { margin: 5px 0 0; } span.wdtestimonial-subtitle { /*text-transform: capitalize;*/ color: #111111; font-weight: 400; font-size: 14px; line-height: 24px; letter-spacing: 0.5px; } .testi-img { width: 27.76%; float: left; } #wdcmstestimonial .wdtestimonial-content .wdtestimonial-inner ul li .testimonial-content .testimonial-desc p { font: 400 15px/29px 'Heebo', sans-serif; color: #666666; margin: 0; text-align: left; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } #wdcmstestimonial .wdtestimonial-content .tttestimonial-title { font: 700 30px/44px 'Heebo', sans-serif; color: #111; } #wdcmstestimonial .testimonial-content .testimonial-desc { margin: 0; float: left; width: 100%; } #wdcmstestimonial .testimonial-content .testimonial-desc p { color: #111111; margin: 0; } #wdcmstestimonial .testimonial-content .testimonial-user-title h4 { font-size: 18px; /*text-transform: capitalize;*/ display: block; margin: 0 0 5px; font-weight: 500; color: #111111; font-family: 'Jost', sans-serif; } #wdcmstestimonial .testmonial-wrapper { padding: 15px 80px 15px 60px; overflow: hidden; } #wdcmstestimonial .testimonial-content .testimonial-user-title { margin: 40px 0 0; float: left; width: 100%; } #wdcmstestimonial .testimonial-content .star-rating { margin: 0 0 25px; } #wdcmstestimonial .rating .fa-star + .fa-star-o, #wdcmstestimonial .rating .fa-star { color: #111111; } #wdcmstestimonial .testimonial-content { float: left; width: 100%; padding: 0; text-align: left; } #wdcmstestimonial .wdtestimonial-main #wdtestimonial-carousel { margin: 0; padding: 0; text-align: center; } #wdcmstestimonial .wdtestimonial-content .wdtestimonial-inner ul li .testimonial-image { float: left; width: 112px; height: 112px; border: 6px solid #fff; border-radius: 50%; overflow: hidden; -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); } #wdcmstestimonial .wdtestimonial-content .wdtestimonial-inner ul li .testimonial-image img { border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; float: left; width: 100%; height: 100%; } #wdcmstestimonial .owl-carousel .owl-dots button.active { background: #683d33; height: 10px; width: 10px; } #wdcmstestimonial .owl-carousel .owl-dots button:hover{ background: #683d33; } #wdcmstestimonial .owl-carousel .owl-dots button { display: none; height: 5px; width: 5px; background: #a6b1b0; border-radius: 8px; margin: 0 5px; transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; } #wdcmstestimonial .owl-carousel .owl-dots { position: static; } .testi-banner{ position: relative; overflow: hidden; } #wdcmstestimonial img { max-width: 100%; transition-duration: .3s; } #wdcmstestimonial img:hover { transform: scale(1.1); } #wdcmstestimonial .banner-1 { padding: 0; width: 25%; float: left; } #wdcmstestimonial .banner-2 { padding: 0; width: 25%; float: left; } #wdcmstestimonial .wdtestimonial-inner { padding: 0; width: 100%; float: left; } #wdcmstestimonial .owl-controls { display: none; } @keyframes circle { 0% { opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; } 40% { opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; } 100% { height: 200%; opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; width: 200%; } } @media (max-width:1459px) { #wdcmstestimonial .testmonial-wrapper { padding: 25px; } } @media (max-width:1199px){ #wdcmstestimonial .wdtestimonial-content .wdtestimonial-inner ul li .testimonial-content .testimonial-desc p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 14px; line-height: 25px; } .testimonial-title{ font-size: 20px; margin: 0 0 15px; } #wdcmstestimonial .testimonial-content .star-rating { margin: 0 0 15px; } #wdcmstestimonial .testimonial-content .testimonial-user-title { margin: 25px 0 0; } } @media (max-width:991px){ .testimonial-title { font-size: 16px; line-height: 20px; margin: 0 0 10px; } #wdcmstestimonial .wdtestimonial-content .wdtestimonial-inner ul li .testimonial-content .testimonial-desc p{ font-size: 13px; line-height: 22px; } #wdcmstestimonial .testimonial-content .star-rating { margin: 0 0 10px; } #wdcmstestimonial .testimonial-content .testimonial-user-title { margin: 5px 0 0; padding: 5px 0 0; } #wdcmstestimonial .testimonial-content { padding: 0 15px 0 0; } #wdcmstestimonial .testimonial-content .testimonial-user-title h4 { font-size: 16px; } } @media (max-width:767px) { #wdcmstestimonial .wdtestimonial-content { display: block; text-align: center; float: left; width: 100%; padding: 15px; } #wdcmstestimonial .testimonial-content { text-align: center; } #wdcmstestimonial .col-sm-6 { width: 100%; } #wdcmstestimonial .testmonial-wrapper { padding: 0 0 15px 0; } .testimonial-title { font-size: 18px; line-height: 20px; } #wdcmstestimonial .wdtestimonial-content .wdtestimonial-inner ul li .testimonial-user-title h4 { font-size: 14px; } span.wdtestimonial-subtitle { display: none; } #wdcmstestimonial .wdtestimonial-content .wdtestimonial-inner ul li .testimonial-user-title h4::after { display: none; } #wdcmstestimonial .testimonial-user-title{ margin: 0 0 20px; } #wdcmstestimonial .testimonial-user-title { margin: 0 0 5px; } } @media (max-width:543px) { .testimonial-title { font-size: 18px; line-height: 22px; } .banner-1 { padding-right: 0; width: 25%; float: left; } #wdcmstestimonial .wdtestimonial-inner li { padding: 0; } .testi-img { margin: 0 0 15px; } #wdcmstestimonial .wdtestimonial-content .wdtestimonial-inner ul li .testimonial-content .testimonial-desc p { font-size: 13px; line-height: 22px; } .banner-2 { padding-left: 0; width: 25%; float: right; } #wdcmstestimonial { width: 100%; } #wdcmstestimonial .testimonial-user-title { margin: 0 0 15px; } #wdcmstestimonial .wdtestimonial-bg { margin: 0; } #wdcmstestimonial .wdtestimonial-content .wdtestimonial-inner ul li .testimonial-user-title h4 { font-size: 13px; } } @media(max-width:479px){ #wdcmstestimonial { padding: 0; } #wdcmstestimonial .wdtestimonial-bg { margin: 0; } .testi-banner { width: auto; display: inline-block; vertical-align: top; } #wdcmstestimonial .wdtestimonial-inner{ width:100%; } #wdcmstestimonial .testimonial-content .testimonial-user-title { margin: 6px 0 0; padding: 5px 0 0; } #wdcmstestimonial .wdtestimonial-content { padding: 10px; } } /* homepage sub banner2*/ .webdigify-tab-text { background: #2196f3 none repeat scroll 0 0; color: #ffffff; font-size: 14px; letter-spacing: 0.5px; padding: 20px 0; text-align: center; } .webdigify-tab-text > span { color: #ffffff; font-size: 14px; font-weight: 700; letter-spacing: 0.5px; text-align: center; text-transform: uppercase; width: 100%; } /*end homepage sub banner2*/ /* cart */ .cart_detail .cart_heading { color: #111; font: 600 13px/12px 'Nunito', sans-serif; /*text-transform: capitalize;*/ display: block; } .cart_detail { cursor: pointer; display: flex; float: left; position: relative; text-align: left; align-items: center; grid-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; } #cart .item-count { height: 18px; width: 18px; float: left; color: #111111; line-height: 18px; text-align: center; vertical-align: middle; display: inline-block; margin: 0; font-size: 13px; font-family: 'Nunito', sans-serif; position: relative; font-weight: 700; padding-inline-start: 2px; } #cart .item-count:before { content: "("; } #cart .item-count:after { content: ")"; } #cart .mycart { font-size: 13px; color: #222; font-weight: 400; padding: 0; text-transform: lowercase; display: none; } #cart .price { font-size: 12px; font-weight: 400; line-height: 22px; text-align: left; display: none; } .col-sm-3.header_cart { width: auto; float: right; padding: 25px 0; margin-inline-start: 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; } #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-container .dropdown.myaccount { background: #394d66 none repeat scroll 0 0; height: 40px; padding: 12px 17px; } .header_wishlist { float: right; position: relative; margin: 25px 6px; line-height: initial; height: 40px; margin-inline-end: 0; } .header_wishlist > a{ height: 40px; width: 40px; margin: 0 3px 0 0; 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; font-size: 0px; display: block; position: relative; } .header_wishlist > a:before { content: ""; height: 40px; width: 40px; background: url(../image/webdigify/header-wishlist.svg); background-size: 20px; background-repeat: no-repeat; background-position: center; position: absolute; top: 0; left: 0; right: 0; 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 > 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{ height: 16px; width: 16px; float: left; color: #fff; background: #d37657; line-height: 16px; font-weight: 400; text-align: center; border-radius: 50%; vertical-align: middle; display: inline-block; margin: 0; font-size: 11px; position: absolute; left: auto; right: 0; top: 3px; bottom: auto; font-family: 'Jost', sans-serif; padding: 0; } .header_wishlist span.wishlist{ display: none; } #cart-total { vertical-align: top; color: #fff; line-height: 20px; display: flex; align-items: center; } .cart_image { background-image: url(../image/webdigify/cart.svg); background-size: 21px; background-repeat: no-repeat; background-position: center; height: 40px; width: 22px; float: left; 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; } #cart:hover .cart_image{ transform: rotateY( 360deg ); -webkit-transform: rotateY( 360deg ); -moz-transform: rotateY(360deg); -o-transform: rotateY(360deg); -ms-transform: rotateY(360deg); } #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: 0;} #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: 13px; font-weight: 400; color: #111111; line-height: 21px; text-transform: capitalize; } .pull-left #form-language .btn-group span:hover, .pull-left #form-currency .btn-group span:hover { color: #d37657; } .pull-left #form-language .btn-group span:after,.pull-left #form-currency .btn-group span:after { content: ""; position: absolute; right: 0; left: auto; top: 0; bottom: 0; background: #FFFFFF; width: 1px; height: 20px; margin: auto; opacity: .231; } #form-currency.active .btn-link.dropdown-toggle, #form-language.active .btn-link.dropdown-toggle, #form-currency:hover .btn-link.dropdown-toggle, #form-language:hover .btn-link.dropdown-toggle { margin: 0px; } #form-currency .btn-link, #form-language .btn-link { border: medium none; color: #666; text-decoration: none; padding: 0px; float: none; width: 100%; text-align: left; font-style: normal; font-family: 'Nunito', sans-serif; } #form-currency .btn-link.dropdown-toggle, #form-language .btn-link.dropdown-toggle { background: none; padding: 11px 15px 11px 15px; transition: all 0.25s ease-in-out 0s; -moz-transition: all 0.25s ease-in-out 0s; -o-transition: all 0.25s ease-in-out 0s; -ms-transition: all 0.25s ease-in-out 0s; font-weight: 600; text-transform: uppercase; } #form-language .btn-link.dropdown-toggle { padding-inline-start: 0; } #form-language .btn-link.btn-block.language-select:hover, #form-currency .currency-select:hover { color: #d37657; } .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;*/ width: 480px; padding: 10px; border: none; overflow: hidden; display: none; margin: 0; height: auto; border-radius: 0; top: 65px; border: 0; box-shadow: none; box-shadow:0px 2px 13px 0px rgb(0 0 0 / 10%); } #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 .cart-button a { padding: 8px 22px; background: #d37657; display: inline-block; color: #fff; font-size: 13px; font-weight: 400; /*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; } .header_cart .text-right.button-container .cart-button a strong { font-weight: 500; text-transform: uppercase; font-size: 13px; } .header_cart .text-right.button-container > a.addtocart { background: #111111; color: #fff; } .header_cart .text-right.button-container .cart-button a:hover { background: #111111; color: #fff; } .header_cart .text-right.button-container > a.checkout:hover { background: #111111; color: #ffffff; } #cart .dropdown-menu table { margin-bottom: 10px; border:none; font-size:14px; } #cart .dropdown-menu table td{ border:none; background:none; } #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: 5px; 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: 500; color: #111; font-size: 15px; font-family: 'Jost', sans-serif; } .content-bottom > .container{width:100%; background-color: #fff;} .serach-inner { float: left; margin-top: 25px; width: 100%; } #content .panel{ background-color:#fff ; } .panel-default>.panel-heading:hover { border-color: #666666; color: #666666 } /* 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; } .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; width: auto; float: none; display: inline-block; vertical-align: top; line-height: 0; } .main-menu ul { list-style: none; margin: 0; padding: 0; } #menu ul li .megamenu ul.list-unstyled { padding: 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: 20; display: inline-block; padding: 41px 20px; } #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 { font-size: 14px; font-weight: 500; display: block; color: #000000; line-height: 18px; letter-spacing: 0.25px; border-radius: 30px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; text-transform: uppercase; font-family: 'Jost', sans-serif;; } .main-menu > ul > li.top_level.dropdown a:after, #menu > ul > li.hiden_menu .main:after { content: "\f107"; right: 0; font-family: fontawesome; font-size: 14px; display: inline-block; padding-left: 5px; 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:hover a:after, #menu > ul > li.hiden_menu:hover .main:after { content: "\f106"; transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; } #menu .dropdown .dropdown-menu ul li.dropdown a:after, #menu ul li .megamenu ul.list-unstyled li a:after, #menu ul li.hiden_menu .dropdown-menu li a: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: 400; } .more-brand > a > i { font-size: 14px; margin-left: 5px; } .static-menu { margin-left: 15px; } .main-menu a:hover { text-decoration: none; color: #111111; } #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; } .main-menu > ul > li.top_level.dropdown a:before, #menu > ul > li.hiden_menu .main:before,.main-menu ul > li.top_level a:before{ content: ''; background: #111; height: 1px; width: 0; display: inline-block; position: absolute; left: 0; right: 0; margin: auto; bottom: -2px; transition: all 400ms ease-in-out; top: auto; } .main-menu > ul > li.top_level.dropdown:hover a:before, #menu > ul > li.hiden_menu:hover .main:before, .main-menu ul > li.top_level:hover a:before{ width: 100%; } #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:#111111; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .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: 400; } .main-menu > ul > .dropdown ul > li > a, .hiden_menu .top_level > a { color: #111111; font-size: 14px; font-weight: 500; padding: 0 0 10px; margin-bottom: 5px; text-align: left; /*text-transform: capitalize;*/ } #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: #777; padding: 0; font-weight: 400; /*text-transform: capitalize;*/ font-size: 13px; } #menu ul.nav li .megamenu ul.list-unstyled li > a:hover, .hiden_menu .top_level a:hover{ color: #111111; 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{ color: #666666; font-size: 13px; font-weight: normal; padding:3px 0; /*text-transform: capitalize;*/ line-height: 22px; } .main-menu > ul > li ul > li > a:hover , .responsive-menu .main-navigation li a:hover { color:#111111; 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 #eaeaea; margin: 0 !important; border-top: 2px solid #111111; /*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: 4px 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: 400; 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: 500; padding: 0 10px 0 0; color: #000000; font-family: 'Jost', sans-serif; font-size: 16px; } .quickview-model h4.special-price { color: #666666; font-size: 19px; font-weight: 500; line-height: 24px; } .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: 400; } #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 ul > li:last-child > a, .hiden_menu .top_level:last-child > a {border: medium none;} .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: 400; 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: #111; font-weight: 500; font-size: 18px; line-height: 26px; letter-spacing: 0.1px; /*text-transform: capitalize;*/ } .breadcrumb > li + li:last-child:before{ display:none; } .breadcrumb li:last-child { display: block; margin: 3px 0 0 0; } .breadcrumb>li a { color: #111; font: 400 16px/20px 'Jost', sans-serif; } .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: 130%; 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: 190px; 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: 130%; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; border-color: #eaeaea; box-shadow: none; border-top: 2px solid #111111; visibility: hidden; } #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: 100%; } #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: 13px; 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: 189px; 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_top.fixed { animation: 1s ease 0s normal both 1 running fixedmenu; float: left; position: fixed; width: 100%; z-index: 999; border: none; box-shadow: 0 0 8px rgb(0 0 0 / 8%); transition: all 0.5s ease; background: #ffffff; left: 0; right: 0; } } /* Webdigify Category CSS */ /* 1-col layout */ .layout-1 #content{ padding:15px 0; float: left; width: 100%; } .layout-2.left-col #column-left { width:24.36%; padding-left: 0; } .layout-2.right-col #column-right { width:24.36%; padding: 0; } /* product info page */ #tabs_info.product-tab { float: left; margin: 50px 0 0px; padding: 0 0; width: 100%; } .product-review { padding: 50px 0 10px; float: left; width: 100%; } div#review { float: left; width: 100%; border: 1px solid #ebebeb; padding: 30px; margin: 0 0 30px 0; padding-top: 15px; } #tab-review td, #tab-review .table-bordered { border: 0; padding-left: 0; padding-right: 0; } #tab-review .table-bordered tr:nth-of-type(2n+1) { border-bottom: 1px solid #eaeaea; } #tab-review .table-bordered strong { color: #111111; } #tab-review h4 { color: #111; font-weight: 600; padding: 0 0 10px; border-bottom: 1px solid #eaeaea; margin: 0 0 20px; } .product-review a.box-heading { font-weight: 400; background: transparent; display: inline-block; background: transparent; color: #111111; font-weight: 700; padding: 0; text-transform: uppercase; font-size: 14px; letter-spacing: .5px; border: 0; position: relative; } #tabs_info.product-tab ul.nav.nav-tabs { padding:10px 0 0px; margin: 0px; text-align: left; } .nav-tabs > li > a { color: #111111 ; font-weight: 400; } /* 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: 0px 0 0 15px; width: 73.4%; } #checkout-cart #content { width: 100%; margin: 0px; } #checkout-checkout #content { width: 100%; margin: 0; } #information-information #content h3 { font-size: 14px; font-weight: 500; } #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-right: 0; width: 75.64%; } .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: 400; } td.text-right a.btn.btn-info { background: #d37657; border-color: #d37657; } 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: #fff; } #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%; margin: 0; } .checkout-cart #accordion .panel-title > a, .checkout-checkout #accordion .panel-title { font-weight: 500; padding: 0px 0px; } /* footer */ .social-block ul { padding: 0px; } footer { position: relative; margin:60px 0 0 0; float: left; width: 100%; } .common-home footer { margin:0; } footer h5,.news-left .news-title{ letter-spacing: 0.1px; font-size: 20px; margin: 0px 0 25px; position: relative; /*text-transform: capitalize;*/ color: #111111; font-weight: 500; line-height: 33px; font-family: 'Jost', sans-serif; text-align: left; } footer .desc-block p, .footer-text p { color: #ccc; line-height: 28px; font-size: 14px; margin: 0 0 5px 0; font-family: 'Jost', sans-serif; } .footer-blocks .footerleft .contact-block ul { padding:0; margin: 0; } .footer-blocks .footerleft .contact-block ul img { padding: 0 0 30px; } .footer-blocks .footerleft .contact-block span { line-height: 27px; color: #111111; display: inline-block; vertical-align: top; font-size: 14px; font-weight: 400; letter-spacing: 0.5px; padding-inline-start: 30px; position: relative; } .footer-blocks .footerleft .contact-block span:before{ content: ""; float: left; margin: 0 10px 0 0; background-position: 50%; background-size: 20px; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 30px; width: 20px; position: absolute; left: 0; } .footer-blocks .footerleft .contact-block li.item.address span:before { background-image: url(../image/webdigify/footer-contact-address.svg); } .footer-blocks .footerleft .contact-block li.item.phone span:before { background-image: url(../image/webdigify/footer-contact-phone.svg); } .footer-blocks .footerleft .contact-block li.item.email span:before { background-image: url(../image/webdigify/footer-contact-email.svg); } .footer-blocks .contact-block .block.call .data { overflow: hidden; width: auto; } .footer-blocks .footerleft .contact-block .title { display: block; font-size: 13px; line-height: 20px; } .footer-blocks .contact-block .block.call { margin: 30px 0; } .footer-blocks .footerleft .contact-block li { margin: 0px 0px 5px; line-height: 24px; position: relative; } .footer-blocks .footerleft .contact-block .fa { margin-right: 15px; color: #666; display: none; } #footer .column li a { line-height: 33px; color: #111111; font-size: 14px; font-weight: 500; letter-spacing: .5px; position: relative; } #footer .contact-block .block.call .data a { font-size: 16px; font-weight: 600; color: #fff; } #footer .column li a:hover{ color: #d37657; } #footer .footer-area li a{ padding: 0; } .footer-blocks { margin: 0 -15px; text-align: left; display: flex; grid-column-gap: 15px; grid-row-gap: 15px; } aside#footer-left { width: 32%; float: left; padding-inline-end: 100px; } #footer-right { width: 25%; float: left; padding-inline-start: 35px; padding-inline-end: 15px; } aside#footer-top { display: flex; justify-content: space-between; align-items: center; } .newsletter { bottom: 0; margin: 0; float: left; } .footer-blocks .col-sm-3.column.footerleft .desc-block p { color: #708086; line-height: 24px; font-size: 14px; letter-spacing: 0.7px; font-weight: 400; padding: 0 0 20px; margin: 0; } .footer-blocks .col-sm-3.column.footerleft .desc-block:after { content: ""; width: 40%; height: 2px; left: 0; right: 0; top: auto; bottom: 0; border-bottom: 1px solid rgba( 56, 82, 92 ,0.2 ); position: absolute; } .footer-blocks .col-sm-3.column.footerleft .desc-block { position: relative; float: left; width: 100%; } .news-left { float: left; width: 100%; } .news-left .news-des { font-size: 14px; line-height: 27px; text-transform: inherit; font-weight: 400; color: #111111; } .news-right { vertical-align: top; float: none; width: 100%; text-align: center; display: inline-block; margin: 20px 0 0; } #footer { padding: 95px 0; float: left; position: relative; width: 100%; background: #f1efea; } .common-home #footer { border:0; } .footer-top { float: left; width: 100%; padding: 31px 0; margin: 0; background: #f7f7f7; } .input-group.date span.input-group-btn button.btn.btn-default { border-radius: 0px; } /*** 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 'Jost', 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 'Jost', 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;*/ } .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 'Jost', 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: 400; 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; } /* New CSS */ .product-block.product-thumb.transition { margin-bottom: 0px; float: left; width: 100%; padding: 10px 15px; height: auto !important; } /*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 { background-color: #f2dede; border-color: #ebcccc; color: #a94442; padding: 10px; font-size: 13px; margin: 5px 0 0; float: left; width: 100%; font-style: italic; line-height: 18px; } .subscribe-btn { width: auto; float: right; position: relative; } .newsletter .form-group{ margin: 0; float: left; width: 100%; } .newsletter #txtemail { background-color: #ffffff; height: 44px; width: 100%; border-radius: 0; padding: 10px 10px; border: 0; display: inline-block; vertical-align: top; font-size: 13px; padding-inline-end: 40px; color: #888; } .newsletter .form-control::placeholder { color: #666; } .newsletter .btn.btn-lg { position: absolute; right: 0; left: auto; top: 0; bottom: 0; margin: 0; font-size: 0; padding: 0; background-color: transparent; background-image: url(../image/webdigify/newsletter-icon.svg); background-size: 17px; background-repeat: no-repeat; background-position: 50%; width: 45px; } #account-order .col-sm-6.text-right ,#account-transaction .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; margin-right: 10px; } .form-group.qty #button-cart, #button-cart2 { padding: 7px 20px; background-color: #d37657; font-family: inherit; } .form-group.qty #button-cart:hover, #button-cart2:hover { background-color: #111111; } label.control-label.qty { margin: 0px 10px; float: left; } .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; } .footer-container { float: left; position: relative; width: 100%; } .bottomfooter { float: left; text-align: center; width: 100%; font-size: 14px; padding: 29px 0; background: #f1efea; border-top: 1px solid #d8d7d2; } div#wdcmsfooter { margin-bottom: 22px; } #paymentcmsblock p { margin: 0; } #paymentcmsblock { float: right; padding: 0; } .payment-block ul img { margin: 0 5px 0 0; padding: 4px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #fff; } footer li.lang-curr-wrapper { float: none; display: inline-block; vertical-align: top; } p.powered { /*text-align: center;*/ margin: 0; color: #111111; /*font: 400 14px/26px 'Nunito', sans-serif;*/ font: 400 14px/24px 'Nunito', sans-serif; float: none; padding: 0; float: left; margin-top: 20px; } p.powered a { color: #111111; text-decoration: underline; } .payment-block li img { margin: 0px 5px 0px 0px; cursor: pointer; } .payment-block ul { margin: 0px; padding: 0; } .footer-logo { float: left; margin-bottom: 50px; width: 100%; } div#wdcmsfooter p { font-size: 16px; line-height: 27px; width: 75%; letter-spacing: 0.4px; } .content-top-breadcum { float: left; width: 100%; background: #F8F7F5; margin-bottom: 50px; } .footer-appinner .title { font: 600 24px/42px 'Jost', sans-serif;; margin:-10px 0 10px; color: #111111; } .footer-appinner .subtitle { font: 400 13px/24px 'Jost', 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: 65px; margin: 0; border: 0; box-shadow: none; padding: 0; width: 180px; box-shadow: 0px 2px 13px 0px rgb(0 0 0 / 10%); border: 0; } .login_acc a { font-size: 13px; } .login_acc li a { color: #777; } .login_acc li:hover a { color: #d37657; } #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: #d37657;} .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: #000000; font-weight: 500; font-size: 16px; line-height: 28px; font-family: 'Jost', sans-serif; } .list-group a { line-height: 30px; /*text-transform: capitalize;*/ } .fa.fa-pencil { margin-right: 5px; } #column-left .checkbox > label { color: #777777; /*text-transform: capitalize;*/ font-size: 14px; line-height: 22px; } #column-left .checkbox > label:hover {color: #d37657;} .alert-success{width: 100%;float: right;} .list-group-item.group-name { color: #1f2022; font-size: 13px; 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; width: 35px; height: 35px; /* 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-list .product_hover_block button.wishlist:hover{ background-image: url(../image/webdigify/wishlist-hover.svg); } .product-layout.product-grid{ float: left; min-height: 416px; padding: 0px; width: 33.333%; } .product-layout.product-list { padding:5px 15px; margin: 0 0 0px; } #content .product-list .product-block .image .rating { display: none; } .product-layout.product-list .rating { position: static; transform: none; background: transparent; padding: 0 10px; } .product-layout.product-list .product-details .rating { top: 0; bottom: auto; background: transparent; position: static; text-align: left; margin: 0 auto 10px; opacity: 1; display: block; padding: 0; transform: none; width: 100%; } .product-layout.product-list .product-block:hover .product-details .rating{ opacity:1; } .product-layout.product-list .product-details .action { text-align: left; display: block; vertical-align: middle; float: left; margin: 0 5px 0 0; opacity: 1; height: auto; transform: none; position: static; width: 100%; vertical-align: top; color: #ffffff; display: none; } .product-layout.product-list .product-details .product_hover_block_outer .action { display: block; margin: 10px 0 0 0; } .product-list .product_hover_block button.wishlist:hover{ background-color:#111111; } .product-list .product_hover_block .product-layout.product-grid .product-block .product-details { padding: 10px 0; } #content .product-list .product-block { padding: 0; float: left; width: 100%; } #content .product-carousel .product-block, #content .product-grid .product-block, #content .box-product .product-block, .related_prd .box-product .product-block, .present_prd .box-product .product-block, .looked_prd .box-product .product-block { margin: 0; padding: 5px 15px; background: #fff; -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; clear: both; overflow: hidden; } #content .product-carousel .product-block:hover .product-block-inner, #content .product-grid .product-block:hover .product-block-inner, #content .box-product .product-block:hover .product-block-inner, .related_prd .box-product .product-block:hover .product-block-inner, .present_prd .box-product .product-block:hover .product-block-inner, .looked_prd .box-product .product-block:hover .product-block-inner { transition: all 0.5s ease; opacity: 1; } #content #blog-carousel .product-block, #blog-grid .product-block { padding:5px 15px 5px; } .row.cat_prod{margin:0 -15px;} .alert-success .fa.fa-check-circle{margin-right:5px;} .product-thumb h4 { font-size: 15px; font-weight: 700; margin: 0px 0 5px; line-height: 24px; color: #111; clear: both; letter-spacing: 0.1px; font-family: 'Nunito', sans-serif; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; /*text-transform: capitalize;*/ } .product-thumb h4:hover{ color: #d37657; } .product-cat { text-transform: uppercase; display:none; } .product-thumb h4 a { color: #111; word-wrap: break-word; float: none; width: auto; display: inline; vertical-align: top; } .product-thumb h4:hover a { color:#d37657; } .product-list .product-thumb h4 { /*text-transform: capitalize;*/ float: left; width: 100%; margin: 0px 0 10px; } .product-list .description { color: #777; float: left; width: 100%; margin-top: 0; margin-bottom: 10px; } .product-brand { color: #9f9f9f; margin-bottom: 3px; float: left; width: 100%; } .product-details .rating { margin: 8px 0; float: left; width: 100%; } #column-left .product-thumb .price{width:100%;} #column-left .product-thumb .price-new{float:left;} #column-left .product-thumb .price-old{ float: left; font-size: 14px;} #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; visibility: visible; } #column-left .product-thumb .caption{min-height:0px;} #special-carousel .product-carousel .product-thumb .caption{padding:10px;} .pagination-wrapper .active > span { background: #d37657 none repeat scroll 0 0 !important; border: 1px solid #d37657 !important; color: #fff !important; padding: 4px 12px; 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-layout.product-list .product-block.product-thumb .product_hover_block .action button.compare_button { background-position: -43px -92px; } .product-layout.product-list .product-block.product-thumb .product_hover_block .action button.compare_button:hover { background-color: #111111; background-position: 7px -92px; } .product-layout.product-list .product-block.product-thumb .product_hover_block .action button.wishlist:hover{ background-color: #111111; color: #fff; background-position: 7px -42px; } .product-layout.product-list .product-block.product-thumb .product_hover_block .action button.wishlist{ background-color: #F8F7F5; opacity: 1; width: 38px; height: 38px; z-index: 1; top: 0; right: 0; margin: 0 5px 0 0; transition: none; background-position: -43px -42px; height: 40px; width: 40px; background-size: unset; } .category_filter .btn-list-grid .btn-group { margin-top: 6px; } .col-sm-4.product-left { width: 45%; padding-inline-end: 0; } .product-info { position: relative; } .col-sm-5.product-right { width: 55%; padding-inline-start: 30px; } .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{line-height: 16px; margin: 0;} #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 .product-block-inner, #carousel-0 .product-block .product-block-inner { border: none !important; } .rating .fa-stack, #review .fa-stack { font-size:14px; width: 10px; height: 13px; } .rating .fa-star,#review .fa-star,.rating-wrapper .fa-star{ color: #ffc400; height: 13px; } .rating .fa-star + .fa-star-o, #review .fa-star + .fa-star-o,.rating-wrapper .fa-star + .fa-star-o{color: #ffc400;} .rating .fa-star.off,.rating-wrapper .fa-star.off, #review table .fa-star.off{color:#cecece;} h2.price {margin: 0;} .productpage .nav-tabs > li.active > a { color: #000 !important; font-size: 20px; font-weight: 500; } #tabs_info.product-tab li:hover a, #tabs_info.product-tab li.active a { color: #111111; border-color: #111111; } #tabs_info.product-tab li a { display: inline-block; background: transparent; color: #777777; font-weight: 700; padding: 0; text-transform: uppercase; font-size: 14px; letter-spacing: .5px; border: 0; margin-inline-end: 15px; border-bottom: 2px solid transparent; } #tabs_info.product-tab li a:hover:after,#tabs_info.product-tab li.active a:after{ width: 100%; } .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-layout.product-list p.price { display: block; clear: both; margin: 0 0 20px 0; transform: none; opacity: 1; visibility: visible; width: 100%; } .product-layout.product-list p.price:after, .product-layout.product-list p.price:before{ display: none; } .product-thumb .price { color: #111111; font-size: 16px; font-weight: 700; margin: 0px; display: inline-block; vertical-align: middle; line-height: 22px; z-index: 1; position: relative; 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; letter-spacing: 0.5px; opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; transition: all 300ms ease; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; } .product-thumb .price .price-new { color: #e52727 !important; } .product-thumb:hover .price { visibility: hidden; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; transform: scaleY(0); -webkit-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); -moz-transform: scaleY(0); transform-origin: top; transition: all 300ms ease; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; } .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: #999999; text-decoration: line-through; font-size: 15px; font-weight: 500; margin: 0; 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 { height: 40px; color: #7a7a7a; padding: 9px 15px 10px 15px; border: 1px solid #e8e9eb; } .product-layout.product-list .product-block:hover .price{ opacity: 1; } .product-layout.product-grid .product-details .product_hover_block, .product-layout.product-grid .product-details button.wishlist, .product-carousel .product-details .product_hover_block, .specialcarousel .product-details .product_hover_block, .relatedcarousel .product-details .product_hover_block, .presentcarousel .product-details .product_hover_block, .lookedcarousel .product-details .product_hover_block { display: none; } .product-list .product_hover_block .action { text-align: left; position: static; opacity: 1; width: auto; } .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 { overflow: hidden; } #content .col-sm-5.product-right .tweet_iframe_widget { width: auto !important; margin: 0 10px 0 0; } .product-info .image .thumbnail{ margin-bottom: 10px; overflow: hidden; } .product-info .zoomContainer{ z-index:9; } /* It need for ie7 */ .product-info .additional-carousel { position: relative; padding:0; overflow: hidden; } .product-info .image-additional { clear: both; overflow: hidden; width:100%; float:none; margin-left:auto; margin-right:auto; } .product-left .full-img { position: absolute; right: 30px; top: 12px; } .product-info .image-additional img { height: auto; max-width: 100%; width: 100%; } .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 #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; } /* box */ .box {margin-bottom:0;} .box.webdigifyblog .box-heading { float: none; padding: 0; text-align: left; width: 100%; font-size: 24px; border-radius: 0; margin: 0; padding: 0 0 15px 0; } #column-left .box .box-heading, #column-right .box .box-heading, #column-left #ocfilter .panel-heading { padding: 0 0 10px; font-size: 22px; font-weight: 500; position: relative; line-height: 30px; color: #111; /*text-transform: capitalize;*/ font-family: 'Jost', sans-serif; letter-spacing: 0.1px; } #column-left #ocfilter .panel-heading { border: none; text-transform: uppercase; } .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: uppercase; line-height: 24px; color: #111; } .box.special { position: relative; float: left; width: 100%; margin:0 0 80px; text-align: center; } .box.bestseller { float: left; width: 100%; margin: 50px 0; } .box-title { float: left; width: 100%; margin: 0 0 10px; text-align: center; padding: 0; } .box-subheading { color: #999999; text-transform: uppercase; margin: 0 0 10px; font-size: 12px; font-weight: 500; text-align: center; } .box-desc { width: 30%; font: 400 14px/22px 'Nunito', sans-serif; color: #777777; letter-spacing: 0.5px; text-align: center; margin: 0 0 10px; margin: auto; margin-bottom: 35px; text-transform: initial; } #content .box .box-heading, .box.related_prd .box-heading, .box.present_prd .box-heading, .box.looked_prd .box-heading, #wdcmsparallax .box-heading, #wdcmstestimonial .box-heading, .wd_category_feature .box-heading, div#wdaboutcms .box-heading, .swiper-viewport-bundle .box-heading { font-size: 36px; font-weight: 500; position: relative; /*text-transform: capitalize;*/ text-transform: initial; line-height: 36px; text-align: center; color: #111111; letter-spacing: 0.1px; padding: 0; font-family: 'Jost', sans-serif; float: none; width: 100%; margin: 0px auto 30px; } #content .hometab.box .box-heading { margin: 0px auto 30px; } .wd_category_feature .box-heading{ margin: 0px auto 30px; } div#wdaboutcms .box-heading { margin: 0 0 40px; text-align: left; width: 100%; } #product-product .box-head .box-heading { width: 100%; } .box.special .box-heading { width: 100%; margin: 0 0 20px; } .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: 25px 0; margin-inline-start: 7px; } #content .box .box-content, .related_prd .box-content, .present_prd .box-content, .looked_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-size: 20px; font-weight: 500; margin: 0 0 10px 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 .additional-wrapper{ margin:0 -5px; } .additional-wrapper { margin: 0 -5px; } #content .image-additional .slider-item .product-block{ margin:0 5px; padding: 0; display: inline-block; } .banners-slider-carousel .product-block:hover .product-block-inner{ box-shadow: none; } .product-block-inner { position: relative; float: left; width: 100%; transition: all 0.5s ease; margin: 0px 0 35px; } .product-block-inner .rating { color: #666666; margin: 0 0 5px; text-align: left; float: left; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; font-size: 12px; line-height: 21px; } .product-block:hover .product-block-inner .rating{ transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; } .grid_default_width { width:340px;} .module_default_width{ width:220px;} .latest_default_width{ width:340px;} .special_default_width {width:340px;} .wdproductcategory { width: 340px; } .related_default_width, .present_default_width, .looked_default_width { width: 320px; } .bestseller_default_width { width: 340px; } .additional_default_width{ width:25%;} #content .banners-slider-carousel .product-carousel .product-block-inner,#content .banners-slider-carousel .product-grid .product-block-inner{text-align:center;} .product_hover_block { align-content: center; position: absolute; justify-content: center; z-index: 0; top: 10px; margin: auto; bottom: auto; right: 10px; left: auto; width: auto; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; z-index: 1; transform: translateY(-30px); -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); -moz-transform: translateY(-30px); } .product-block:hover .product_hover_block { transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); -moz-transform: translateY(0); } .product_hover_block .compare-button, .product_hover_block .quickview-button, .product_hover_block .wishlist-button { display: block; width: 35px; height: 35px; padding: 0; margin: 0 0 10px; } .product-list .product-details .product_hover_block { position: static; opacity: 1; transform: none; width: 100%; justify-content: left; height: auto; } .product_hover_block_outer { float: left; width: 100%; } .product-layout.product-list .product_hover_block .action button.cart_button.out_of_stock { visibility: hidden; } .product-list .product-details .product_hover_block .compare-button, .product-list .product-details .product_hover_block .quickview-button, .product-list .product-details .product_hover_block .wishlist-button { display: inline-block; } .product-list .product-details .product_hover_block .compare-button button.compare_button, .product-list .product-details .product_hover_block .quickview-button .quickbox, .product-list .product-details .product_hover_block .wishlist-button button.wishlist { background-color: #F8F7F5; } .product-list .product-details .product_hover_block .compare-button button.compare_button:hover, .product-list .product-details .product_hover_block .quickview-button .quickbox:hover, .product-list .product-details .product_hover_block .wishlist-button button.wishlist:hover{ background-color: #d37657; } .product-list .product-details .product_hover_block .action { display: block; } .product-list .image .product_hover_block { display: none; } /* .product-block:hover .product_hover_block { opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; } */ .product-block:hover .quickbox { transform: scale(1); } .product_hover_block .action { float: left; width: 100%; text-align: center; } .product_hover_block button{ display: inline-block; margin: 0; color: #333; border: none; position: relative; text-align: center; background-size: 18px; transition: none; background-color: #ffffff; border-radius: 0; 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; vertical-align: top; } .quickbox{ background-image: url(../image/webdigify/quick-view.svg); background-repeat: no-repeat; background-position: center; background-size: 18px; background-color: #ffffff; border-radius: 0; 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; border-radius: 0; } .product-layout.product-list .product_hover_block_outer .action button, .product-layout.product-list .quickview-button{ transform: none; display: inline-block; vertical-align: top; } .product-block button.cart_button { text-transform: capitalize; font-weight: 700; background: none; padding: 0; font-size: 13px; line-height: 20px; 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; position: relative; border: 0; letter-spacing: 0.1px; color: #111111; text-transform: uppercase; font-family: 'Nunito', sans-serif; text-decoration: underline; } .product-block button.cart_button:hover { color: #d37657; } .product-block:hover button.cart_button:after { width:100%; } .product-layout.product-list .product-block button.cart_button:after { width: 100%; } .product-block .action { line-height: 10px; position: absolute; top: auto; bottom: 0; left: 0; right: 0; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; transform: scaleY(0); -webkit-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); -moz-transform: scaleY(0); transform-origin: bottom; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; } .product-block:hover .action { visibility: visible; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transform: scaleY(1); -webkit-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); -moz-transform: scaleY(1); } .product-block:hover .action { transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; opacity: 1; } .product-thumb .image button.wishlist{ background-image: url(../image/webdigify/wishlist.svg); background-repeat: no-repeat; background-position: center; background-size:18px; margin: 0; } .product-thumb .image button.wishlist:hover { background-color: #d37657; background-image: url(../image/webdigify/wishlist-hover.svg); } .product_hover_block button.compare_button{ background-image: url(../image/webdigify/compare.svg); background-repeat: no-repeat; background-position: center; background-color: #ffffff; background-size: 18px; width: 35px; height: 35px; z-index: 1; border: 0; padding: 0; margin: 0; } .product_hover_block button.compare_button:hover { background-color: #d37657; background-image: url(../image/webdigify/compare-hover.svg); } .product_hover_block .action button.compare_button:hover, .box.special .product-block .product-details .quickbox: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: #d37657; } .quickview-model .alert.alert-info { float: left; width: 100%; margin: 10px 0 0 0; } .quickview-button { display: inline-block; width: 56px; height: 56px; margin: 0px 8px; vertical-align: top; } .quickbox { width: 100%; height: 100%; display: block; } #productcategory-carousel .product_hover_block { left: 15px; } .quickbox .fa.fa-eye { font-size: 15px; } .product-list .product_hover_block a.quickbox:hover { background-color: #d37657; } .quickbox:hover { background-color: #d37657; background-image: url(../image/webdigify/quick-view-hover.svg); } .product_hover_block button .fa { font-size: 14px; } .product-block .product-details { padding: 15px 0 0; float: left; width: 100%; text-align: left; height: 100%; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; position: relative; } .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-carousel .product-block { overflow: visible; padding: 0; cursor: pointer;background: transparent; } #content .banners-slider-carousel .product-block .product-block-inner {background: transparent; margin: 0; padding: 0;} #content .banners-slider-carousel .product-block:hover .product-block-inner { box-shadow: none; } .product-list .product-details { float: left; width: 67%; padding: 0px 5px 15px 20px; text-align: left; } .layout-2.left-col #column-left .product-block:hover .product-details, .product-layout.product-list .product-block:hover .product-details { transform: none; } #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: .5; -moz-opacity: .5; -khtml-opacity: .5; -webkit-opacity: .5; filter: grayscale(1); } .banners-slider-carousel .product-block:hover .product-block-inner img{ opacity:1; filter: alpha(opacity=100); filter:none; } @-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.4%; } .banners-slider-carousel { padding: 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; } .layout-2.left-col #column-left .rating { width: 100%; float: left; text-align: left; margin: 0 0 2px 0; } #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: 0px; float: left; margin-right: 0px; margin-top: 0px; border: none; border: 0; width: auto; } #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:68%; overflow: hidden; padding: 0; text-align: left; } #column-left .box-product .product-thumb h4, #column-right .box-product .product-thumb h4 { margin: 0; font-size: 15px; line-height: 23px; -webkit-line-clamp: 1; } #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; font-size: 14px;} #column-left .box-product .name, #column-right .box-product .name {display: block;} #column-left .product-thumb, #column-right .product-thumb { margin-bottom: 0px; padding: 10px 0; 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 { margin-bottom: 30px; position: relative; padding:0; width: 100%; } .product-layout.product-list p.price:after .product-layout.product-list p.price:before { display: none; } .top_button { bottom: 20px; cursor: pointer; height: 38px; padding: 0px 8px; position: fixed; right: 20px; text-align: center; width: 38px; z-index: 99; font-size: 0px; border: 0; background: #d37657; -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: 1px solid #d37657; border-radius: 50%; } .top_button:hover { background-color: #111111; border-color:#111111; 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; } .top_button:after { bottom: 0; height: 37px; opacity: 1; right: 0; content: ""; position: absolute; width: 37px; 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; margin: 3px; } #content ul.list-unstyled { margin-bottom: 10px; overflow: auto; padding: 0; } #content ul.list-unstyled li { line-height: 20px; padding: 4px 0; font-size: 14px; } #content ul.list-unstyled li a:hover { color: #d37657; } .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: 22px; color: #111; line-height: 30px; } .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 35px; 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: 150px;padding:0;} .category_filter .limit {float: right; width: 100px;padding:0;} .sort-by-wrapper,.show-wrapper{ float: left; margin-right:15px; } .show-wrapper {margin: 0;} .row.category_thumb { margin: 0 -15px 10px; padding: 0; } #product-special .category_list .category-item .category_img { padding: 0; width: 43%; float: left; } .col-sm-2.category_img { text-align: center; margin: 0 0 10px; } .col-sm-12.title-description { margin: 20px 0 0 0; float: left; width: 100%; } .col-sm-3.category_img { float: left; width: 15%; } .col-sm-9.category_details { width: 85%; } .category_details .category_description { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; float: left; width: 100%; } .category_img img{ max-width: 100%; } .category_list ul { padding: 0; display:inline-block; margin: 7px 0 0; } #content .refine-search{ font-size: 16px; margin-bottom: 5px; margin-top: 15px; float: left; width: 100%; font-weight: 500; color: #111; text-transform: capitalize; display: none; } .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; } #product-special .category_list { margin: 0 -10px; } #product-special .category_list ul { display: block; width: 100%; } #product-special .category_list .category-item { float: left; width: 100%; text-align: center; padding: 0 10px; overflow: auto; flex-wrap: nowrap; align-items: center; display: flex; } #product-special .category_list .category-item a { width: 60%; float: left; padding-inline-start: 10px; text-align: left; margin: 0; } #product-special .category_list .category-item a:hover { color: #d37657; } #product-special .category_list .category-item .category_img a { border: none; min-height: auto; width: auto; padding: 0; float: none; vertical-align: top; } .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:40px 0 0; width: 100%; } .pagination > li:last-child {margin: 0;} .category_filter { display: inline-block; padding: 0; width: 100%; margin-top: 20px; margin-bottom: 12px; border: 0; } .pagination-wrapper .page-link { float: right; padding: 0; width: auto; } .pagination-wrapper .page-result{ float: left; padding: 6px 10px; width: auto; background: #F8F7F5; } .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: #111111; border-color: #111111; color: #ffffff; } .left strong { font-size: 14px; /*text-transform: capitalize;*/ padding-bottom: 5px; display: block; color: #111111; font-weight: 700; } .left .btn.btn-info { margin-bottom: 20px; border-radius: 0px; color: #fff; background: #d37657; border-color: #d37657; } .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: 20px; color: #666666; position: relative; z-index: 8; border: 1px solid #eaeaea; } .contact-form fieldset { border: 1px solid #eaeaea; padding: 20px; } .contact-form .pull-right { padding: 30px 0px 0 0; } .contact-form-design.container { padding: 0; background: #fff; margin: 50px auto 70px; 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: 99999; /*background: url("../image/webdigify/ajax-loader.svg") 50% 50% no-repeat #fff;*/ } .main-slider { position: relative; float: left; width: 100%; /*margin: 0 0 100px 0;*/ margin: 0; } .productpage .write-review:hover, .productpage .review-count:hover { color: #d37657; } .main-slider img { border: none; width:100%; height: auto; float:left; } .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 { float: right; width: 100%; } .product-detail-left hr { margin: 0px; } .tweet_iframe_widget { width: auto !important; } .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: 400; 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; } div#product .radio img.img-thumbnail,div#product2 .radio img.img-thumbnail { border-radius: 50%; padding: 2px; vertical-align: top; border: 1px solid transparent; } div#product .radio img.img-thumbnail:hover,div#product2 .radio img.img-thumbnail:hover { border-color: #d37657; } #product .radio label input:checked + img,#product2 .radio label input:checked + img { border-color: #d37657; } div#product .radio label,div#product2 .radio label{ font-size: 0; width: 60px; height: 60px; display: block; overflow: hidden; } div#product .radio,div#product2 .radio{ display: inline-block; } div#product .radio input[type="radio"],div#product2 .radio input[type="radio"] { display: none; } .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{ 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; } #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: 6px 0; color: #777777;} .box .box-content ul li:last-child a{border: medium none;} .box .box-content ul li ul li{ padding:0 25px; border-bottom:none; } #column-left .list-group, #column-right .list-group{ padding:10px 0; margin: 0px; } .box .box-content .box-category { padding: 5px 0 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: #d37657 !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.box{ margin: 0px auto 60px; } .hometab, .ProductbyCategory, .featured { width: 100%; margin: 0px auto 60px; float: left; } .box.webdigifyblog { margin-bottom: 40px; } #tabs { padding: 0; float: left; width: 100%; position: relative; } .etabs { text-align: left; padding: 0; margin:0 0 35px; width: 100%; float: left; } #content .ProductbyCategory .box-heading { margin: 0 0 30px; } .hometab .htabs .etabs li:last-child{background:none;} .htabs a { display: inline-block; float: none; cursor: pointer; text-transform: uppercase; width: 100%; border: 0; padding: 0; color: #777777; font-size: 14px; font-weight: 700; line-height: 24px; transition: 500ms ease-in-out all; -webkit-transition: 500ms ease-in-out all; -moz-transition: 500ms ease-in-out all; -o-transition: 500ms ease-in-out all; -ms-transition: 500ms ease-in-out all; z-index: 1; position: relative; letter-spacing: 0.1px; border-bottom: 2px solid transparent; } .htabs a:hover { color: #111111; border-color: #111111; } .etabs li.tab { display: inline-block; float: none; vertical-align: top; margin:0 22px; position: relative; } .etabs li.tab:first-child{ margin-inline-start: 0; } .htabs li.tab a.selected, .htabs li.tab:hover a, .htabs li.tab.active a { position: relative; color: #111; border-color: #111; transition: 500ms ease-in-out all; -webkit-transition: 500ms ease-in-out all; -moz-transition: 500ms ease-in-out all; -o-transition: 500ms ease-in-out all; -ms-transition: 500ms ease-in-out all; } #tabs_info .nav-tabs>li { float: none; margin-bottom: -1px; border-right: 1px solid #d9d9d9; display: inline-block; vertical-align: top; height: 48px; } #tabs_info.product-tab .tab-content { padding: 30px; float: left; border: 1px solid #eaeaea; width: 100%; text-align: left; } .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; position: relative; text-align: center; } .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; text-align: center; } /*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; } .banner-btn { padding: 14px 45px; background:#f6d001; border-radius: 30px; font-size: 16px; font-weight: 500; } /*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; } .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_footer_right .post_hover { display: none; } .box.webdigifyblog { float: right; position: relative; width: 100%; margin: 0px 0 90px; text-align: center; } .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; overflow: hidden; position: relative; vertical-align: top; width: auto; max-width: 100%; } .blog-image{position:relative; overflow:hidden; } .blog-left .blog-image img { width: 100%; height: 100%; padding: 0; border: none; } .blog-right { text-align: left; float: left; margin: 0; width: 100%; position: relative; padding: 26px 0px 0; } .blog-right h4 a { font-size: 18px; line-height: 24px; /*text-transform: capitalize;*/ color: #111; font-weight: 700; float: none; width: auto; display: inline; vertical-align: top; letter-spacing: 0.1px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; transition: all .1s linear; } .blog-item .blog-right h4 a:hover{ color: #d37657; } .blog-right h4 a:hover { color: #111111; } .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 { text-transform: uppercase; padding: 0; display: inline-block; vertical-align: top; position: relative; font: 500 13px/25px 'Jost', sans-serif; overflow: hidden; z-index: 1; text-decoration: underline; color: #111111; transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; background: transparent; } .read-more a:hover { color: #d37657; } .box.webdigifyblog .read-more { display: inline-block; vertical-align: top; } #content #blog-carousel .blog-item .read-more a:hover{ text-decoration: underline; } .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:uppercase; } .blog_default_width { width: 240px; } .blog-desc { line-height: 24px; display: block; color: #777777; margin: 0px; width: 100%; float: left; font-size: 14px; font-weight: 400; margin: 0 0 18px 0; letter-spacing: 0.5px; } .information-blogger-blogs .blog-desc { width: 100%; margin: 10px 0 20px 0; text-align: left; } .blog-right h4 { margin: 0; text-overflow: ellipsis; overflow: hidden; width: 100%; font-weight: 400; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin: 0 0 10px; } .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; width: 100%;} .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; } #content #blog-carousel .blog-item { overflow: hidden;position: relative;float:left;} #content #blog-carousel .blog-item { overflow: hidden; position: relative; float: left; width: 100%; } .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 { width: 30px; height: 30px; font-size: 0; text-align: center; position: absolute; padding: 0px; background: #F8F7F5; color: #fff; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; background-size: 13px; border: 1px solid #e5e5e5; } #blog-carousel .owl-controls .owl-buttons .owl-prev { right: auto; left:-20px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } #blog-carousel .owl-controls .owl-buttons .owl-next { left: auto; right:-20px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } #blog-carousel .owl-controls .owl-buttons { bottom: auto; opacity: 0; 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: 100%; left: 0; right: 0; margin: auto; top: 29%; } #blog-carousel:hover .owl-controls .owl-buttons { 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; } .owl-buttons { position: absolute; right: 0px; top:-68px; width: 100%; z-index: 1; bottom: auto; } #blog-carousel .owl-controls .owl-buttons .owl-prev { background-repeat: no-repeat; background-image: url(../image/webdigify/prev-arrow.svg); background-position: center; } #blog-carousel .owl-controls .owl-buttons .owl-prev:hover{ background-color: #d37657; border-color: #d37657; background-image: url(../image/webdigify/prev-arrow-hover.svg); } #blog-carousel .owl-controls .owl-buttons .owl-next { background-repeat: no-repeat; background-image: url(../image/webdigify/next-arrow.svg); background-position:center; } #blog-carousel .owl-controls .owl-buttons .owl-next:hover{ background-color: #d37657; border-color: #d37657; background-image: url(../image/webdigify/next-arrow-hover.svg); } #blog-carousel .product-block, #blog-grid .product-block { padding: 10px 15px 15px; background: #FFFFFF; } .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; display: block; width: auto; } .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.4); 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); text-align: center; } .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; 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 { 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: #ffffff; border-color: #d37657; background: #d37657; } .blog-left .offer-btn:hover::before, .blog-left .offer-btn:hover::after { border-color: #111111; } .all-blog .blog-left-content { float: left; width: 35%; margin-bottom: 30px; } .all-blog .blog-left-content .blog-image { float:left; position:relative; width:100%;} .all-blog .panel-default .panel .panel-body h5 a { color: #000000; word-wrap: break-word; font-size: 20px; /*text-transform: capitalize;*/ font-weight: 500; font-family: 'Jost', sans-serif; } .blog-right-content { float: right; width: 65%; } .all-blog .blog-right-content { padding: 0 30px 30px; } .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: 7px 18px; background: #d37657; text-transform: uppercase; position: relative; text-decoration: none; font-weight: 500; font-size: 13px; font-family: 'Nunito', sans-serif; } .blog-right-content .read-more a:hover { color: #ffffff; background: #111111; border-color:#111111; } .blog-right-content .write-comment a { color: #0a7ef0; 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 5px 0 0; line-height: 20px; display: none; } .blog-date { float: left; } .blog-left-content:hover .post-image-hover::before { 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; } .information-blogger-blogs .panel-default > .panel { margin: 0; border: none; } .write-comment a, .date-time { font-weight: 400; font-size: 14px; border-radius: 0; display: inline-block; line-height: 24px; margin: 0; /*text-transform: capitalize;*/ letter-spacing: .5px; margin-inline-end: 15px; padding-inline-end: 15px; border-right: 1px solid #e5e5e5; } .blog-right-content .date-time { margin: 0; padding: 0; display: block; } .write-comment > a { color: #2b85f4; padding: 0 0 0 15px; } .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: 22px; color: #111; font-size: 15px; padding: 11px; border: 0; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; text-align: center; margin: 0; background: #ffffff; } .blog-item:hover .blog-left .post-image-hover { opacity: 1; } .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 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; width: 100%; } .blog_post .text-right .btn-primary { color: #F9BF39 ; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); border: 2px solid #F9BF39 ; background: #fff; line-height:20px; } .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 #ffffff; color: #111; display: inline-block; float: none; -khtml-opacity: 0; height: 45px; width: 45px; -moz-opacity: 0; -webkit-opacity: 0; padding: 9px 6px 8px 8px; 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; border-radius: 0; background: #ffffff; margin: 0 2px; } .blog-left-content .blog-image .zoom:hover,.blog-left-content .blog-image .readmore_link:hover{ background: #d37657 none repeat scroll 0 0; color: #fff !important; border-color: #d37657; } .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 #ffffff; color: #111; display: inline-block; float: none; -khtml-opacity: 0; height: 45px; width: 45px; -moz-opacity: 0; -webkit-opacity: 0; padding: 9px 6px 8px 8px; 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; border-radius: 0; background: #ffffff; margin: 0 2px; } #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: #ffffff; 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%; 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); -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; transition: all 0.9s ease; } /*.product-block:hover .image .hover-image {*/ .product-block .image:hover .hover-image { opacity: 1; filter: alpha(opacity=100); -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; transition: all 0.9s ease; } .product-thumb .image a { display: block; text-align: center; position: relative; } #form-review .col-sm-2, #form-review .col-sm-10{width:100%;} .container h1, .container h2 { font-size: 22px; font-weight: 500; line-height: 30px; color: #111; /*text-transform: capitalize;*/ font-family: 'Jost', sans-serif; } #form-review > h3{font-size:16px; font-weight:500;} #content.productpage .product-title { font-size: 25px; font-weight: 500; line-height: 38px; margin: 0px 0 10px 0px; padding: 0px 0px 10px; /*text-transform: capitalize;*/ color: #111; border-bottom: 1px solid #eaeaea; } #content h3.product-option { /*text-transform: capitalize;*/ font-size: 16px; font-weight: 500; font-family: 'Jost', sans-serif; } div#product label.control-label,div#product2 label.control-label { font-size: 16px; font-weight: 500; font-family: 'Jost', sans-serif; } .breadcrumb + .row {clear: both;} #content table thead tr td{ background:#F8F7F5 none repeat scroll 0 0; color:#303030; font-weight:500; font-size: 16px; } .account-account #content ul.list-unstyled{margin-bottom:25px;} .breadcrumb { padding: 22px 0; margin: 0; list-style: none; float: left; width: 100%; text-align: center; } #content #carousel-0 .box-content { margin: 0; padding:0 0 80px 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: #111111; 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; margin: 0 0 10px; padding: 0; text-transform: none; color: #000000; font-size: 16px; font-weight: 500; font-family: 'Jost', sans-serif; } .box.related_prd, .box.present_prd, .box.looked_prd { float: left; width: 100%; margin-top:100px; text-align: center; } .box.present_prd, .box.looked_prd { margin-top: 50px; } .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; } .op-box.qty-plus-minus { border: 1px solid #ededed; margin: 0 10px 0 0; width: auto; padding: 0; } .form-control.pull-left.btn-number.btnminus:before { content: '-'; } .form-control.pull-left.btn-number.btnplus:before { content: '+'; } .form-control.pull-left.btn-number { min-width: 22px; margin: 0; border: 0; padding: 0; height: 38px; line-height: 30px; color: #000000; font-size: 18px; font-weight: 400; cursor: pointer; display: inline-block; width: 22px; border-radius: 0; background: transparent; } #product .form-group #input-quantity, .quickview-model #input-quantity { width: 35px; height: 38px; padding: 8px; text-align: center; float: left; border: none; margin: 0px; } .discount-per { color: #228B22; } .stock_msg { display: block; padding: 10px 0 0 5px; /*text-transform: capitalize;*/ font-weight: 600; } .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: #666666; font-size: 14px; 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: 400; /*text-transform: capitalize;*/ font-family: 'Jost', sans-serif; } .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 -73px; 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 -171px; } #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; display: block; } .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 -35px; 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; } .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 -133px; color: #d37657; } .headertop { padding: 0; margin: 0; width: auto; float: none; display: inline-block; } #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; } /********************* Responsive start ******************************/ @media (max-width:1829px){ #column-left .product-items .product-details, #column-left .product-items .product-details, #column-right .product-items .product-details { width: 58%; } } @media (max-width:1599px){ #blog-carousel .owl-controls .owl-buttons .owl-prev { left: 0px; } #blog-carousel .owl-controls .owl-buttons .owl-next { right: 0px; } } @media (max-width: 1499px){ .main-menu > ul > li { padding: 36px 10px; } .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:66%; } .header_search .btn.btn-default.btn-lg { padding: 11px 15px 11px 14px; } .search_box .form-control-select { width: 125px; } .product-layout.product-grid { min-height: auto; display: inline-block; vertical-align: top; float: none; width: 24.6%; } } @media (max-width: 1459px){ .news-left .news-title { font-size: 20px; } footer h5 { font-size: 20px; } #form-currency .btn-link strong { padding: 0 0px 0 0; } .pull-left #form-language .fa.fa-caret-down, .pull-left #form-currency .fa.fa-caret-down { padding: 0 6px; } .countbox.hastime::before { font-size: 17px; } } @media (max-width: 1429px){ .cms-inner-block1 {margin-right: 23px;} .cms-inner-block1, .cms-inner-block2{width: 49%;} #content .product-list .product-block .image { width: 28%; } } @media (max-width: 1199px){ .panel.panel-default.col-lg-6 { width: 50%; float: left; } .footer-blocks .col-sm-3.column.footerleft, .footer-blocks .col-sm-3 { padding: 0 15px; } aside#footer-left { padding-inline-end: 0; } #footer-right { padding-inline-start: 15px; } } @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){ #footer { padding: 70px 0; } body { font-size: 14px; } #column-left .checkbox > label { font-size: 14px; } p.powered { font-size: 14px; } footer h5, .news-left .news-title { font-size: 18px; line-height: 25px; } .footer-logo { margin-bottom: 30px; } /*.main-slider { margin: 0 0 80px 0; }*/ .box-desc { margin-bottom: 30px; width: 40%; } div#wdcmsfooter p { width: 100%; font-size: 14px; float: left; margin: 0 0 20px 0; } #footer .column li a { font-size: 14px; } .footer-blocks .footerleft .contact-block span { font-size: 14px; } .layout-1 div#content.productpage { margin-top: 40px; } #content .product-carousel .product-block, #content .product-grid .product-block, #content .box-product .product-block, .related_prd .box-product .product-block, .present_prd .box-product .product-block, .looked_prd .box-product .product-block { padding: 5px 10px; } #content .box .box-content, .related_prd .box-content, .present_prd .box-content, .looked_prd .box-content { margin: 0px -10px; } .row.cat_prod { margin: 0 -10px; } .product-layout.product-list { padding: 5px 10px; } #content #blog-carousel .product-block, #blog-grid .product-block { padding: 5px 10px 5px; } .additional_default_width { width: 33.333%; } .blog-right h4 a { font-size: 18px; line-height: 25px; } .write-comment a, .date-time { font-size: 14px; } .breadcrumb li:last-child a { font-size: 25px; line-height: 40px; } .col-sm-4.header-logo { padding: 28px 0; } .col-sm-5.header_search { padding: 25px 0px; } .header_top .account,.col-sm-3.header_cart { padding: 25px 0; } .dropdown.myaccount ul.dropdown-menu.dropdown-menu-right.myaccount-menu,#cart .dropdown-menu,.search_toggle { top: 66px; } .newsletter .btn.btn-lg { padding: 4px 20px; } .wd-menu ul.ul-top-items li.li-top-item .sub-menu-container, .wd-menu ul.ul-second-items li.li-second-items .flyout-third-items{ top: 89px; } .header_top .container-fluid { padding: 0 30px; } .cms-inner-block1, .cms-inner-block2{width: 48%;} .collection-right-banner{ display: none; } .tab-head span {float: left;} .swiper-viewport .swiper-button-prev::before, .swiper-viewport .swiper-button-next::before { border-width: 2px; height: 40px; width: 40px; padding: 0px 0; line-height: 40px; } .col-sm-5.product-right { padding-inline-start: 20px; } .main-slider .swiper-button-next, .main-slider .swiper-button-prev{margin:0; width: 60px; height: 60px; } .cmsbanner-block .description .banner_text{margin: 30px 0 0 0;} #cart .mycart, #cart .price,.cart_detail .cart_heading { display: none; } .hometab, .ProductbyCategory, .featured{ margin: 0px auto 40px; } #content .box .box-heading, .box.related_prd .box-heading, .box.present_prd .box-heading, .box.looked_prd .box-heading, #wdcmsparallax .box-heading, #wdcmstestimonial .box-heading, .wd_category_feature .box-heading, .swiper-viewport-bundle .box-heading { margin: 0 auto 30px; font-size: 35px; line-height: 40px; } .box.special { margin: 0px 0 40px; } .box.webdigifyblog { margin: 0px 0 70px; } #content #carousel-0 .box-content { padding: 0 0 60px 0; } .hometab.box { margin: 0px auto 40px; } .countbox.hastime::before{ display: none; } .count-down .countbox strong { font-size: 13px; } .footer-top { padding: 25px 0; } .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:58%; } #column-left .product-thumb .price-old { margin-left: 4px; } #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-cart #content,*/ #account-register #content { width: 73.4%; } #checkout-cart #content { width: 100%; } .layout-2.left-col #column-left { width: 23.6%; } .layout-2.left-col #content { width: 75.9%; } #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; } .main-menu > ul > li { padding: 36px 8px; } .etabs { margin: 0 0 30px 00; } .footer-blocks .col-sm-3.footerleft { width: 24%; } .cart_image { margin: 0; } span.account-title, span.search-title { display: none; } #content.productpage .product-title { font-size: 20px; line-height: 26px; } .product-description td span,#content h3.product-option,div#product label.control-label, div#product2 label.control-label{ font-size: 16px; } div#wdaboutcms .box-heading { font-size: 35px; line-height: 40px; } } @media (max-width: 991px){ .dropdown.myaccount .lang-curr-wrapper.active .pull-left #form-language .btn-group span, .dropdown.myaccount .lang-curr-wrapper.active .pull-left #form-currency .btn-group span, .pull-left #form-language .btn-group span, .pull-left #form-currency .btn-group span { font-size: 14px; color: #777; font-weight: 400; text-transform: capitalize; } .pull-left.wd-language, .pull-left.wd-currency { top: 0px; width: 100%; position: relative; text-align: left; vertical-align: top; } .dropdown.myaccount .lang-curr-wrapper { display: block; width: 100%; padding: 0; margin: 10px 0 0 0; } #form-currency .btn-link.dropdown-toggle, #form-language .btn-link.dropdown-toggle { background: no-repeat; padding: 3px 15px; border: 0; } #column-left .box .box-heading, #column-right .box .box-heading, #column-left #ocfilter .panel-heading { font-size: 24px; line-height: 28px; } #products-related { margin: 0 0 10px 0; } .box .box-content .box-category { padding: 15px 15px; } .dropdown.myaccount .lang-curr-wrapper.active .language-menu, .dropdown.myaccount .lang-curr-wrapper.active .currency-menu { position: initial; border: 0px; min-width: auto; padding: 3px 10px; box-shadow: none; } .news-left::before { display: block; margin: 0 auto 5px; float: none; position: static; } .product-layout.product-list .product_hover_block .action button.cart_button { height: 35px; margin-inline-end: 10px; } button.wishlist, .product-list .product_hover_block a.quickbox { width: 35px; height: 35px; } .product_hover_block .quickview-button { width: 35px; height: 35px; margin: 0; } .breadcrumb { padding: 10px 0; } .content-top-breadcum { margin-bottom: 30px; } .contact-form-design.container { margin-top: 0; } footer { margin: 20px 0 0 0; } .common-home footer { margin: 0; } .breadcrumb li:last-child a { font-size: 23px; line-height: 30px; } .left-nav { width: 100%; text-align: center; font-size: 13px; } #form-currency .btn-link, #form-language .btn-link { padding: 3px 15px; } .countdown { margin: 10px 0 0; } .product-block:hover .countdown{ opacity: 1; } .countbox.hastime { justify-content: flex-start; } .countbox span.timebox.second { border: 0; } p.powered { float: none; } #blog-carousel .owl-controls .owl-buttons{ display: none; } #paymentcmsblock { float: none; text-align: center; margin: 5px 0 0 0; } .product-block .action { position: static; visibility: visible; transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); -moz-transform: translateX(0); -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; margin: 6px 0 0 0; width: 100%; float: left; } .product-thumb:hover .price { visibility: visible; opacity: 1; transform: none; } .payment-block { float: none; } #footer-right { width: 100%; padding: 0; } .newsletter { width: 100%; margin: 0; text-align: center; display: block; padding: 0 10px; } .footer-blocks .footerleft .contact-block ul img { padding: 0 0 20px; } footer h5, .news-left .news-title { font-size: 17px; line-height: 26px; } .news-left .news-title { text-align: center; margin: 0 0 5px 0; } .news-left { padding: 0; margin: 0 0 15px; } .product-list .description, .product-list .product-thumb h4, .product-layout.product-list p.price { margin-bottom: 12px; } .main-category-list .cat-menu .WD-panel-heading:before { right: 0; left: auto; } #content #carousel-0 .box-content { padding: 0px 0 40px; } .all-blog .blog-left-content { float: none; width: 100%; } .all-blog .blog-right-content { padding: 30px 0; width: 100%; display: inline-block; } .nav-responsive .expandable { height: 28px; width: 28px; position: relative; margin: 0; float: left; background: #111111; } #content .box .box-heading:before, .box.related_prd .box-heading:before, .box.present_prd .box-heading:before, .box.looked_prd .box-heading:before, .wd_category_feature .box-heading:before, .swiper-viewport-bundle .box-heading:before { background-size: 65px; } .panel.panel-default.col-lg-6 { width: 100%; margin: 0 0 30px; } .col-sm-4.header-logo { display: block; text-align: center; padding: 22px 0; float: left; position: absolute; right: auto; left: 0; padding-inline-start: 37px; } .header-logo img { max-height: none; } .dropdown.myaccount .lang-curr-wrapper { display: block; } .header_top .row { position: relative; } .search_toggle { top: 58px; width: 280px; } .dropdown.myaccount ul.dropdown-menu.dropdown-menu-right.myaccount-menu {top: 57px;} #cart .dropdown-menu {top: 58px;} .language-menu li, .currency-menu li { padding: 0; } .layout-1 div#content.productpage { margin-top: 0; } .blog-right h4 a { font-size: 16px; line-height: 20px; } .right-nav { width: 100%; text-align: center; } } @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: 30px 0; padding: 20px 10px !important; } .header_wishlist { margin: 0; float: left; width: 100%; text-align: left; height: auto; padding: 3px 15px; color: #666666; font-size: 13px; 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; } /*.main-slider { margin: 0 0 60px 0; }*/ #related-carousel, #present-carousel, #looked-carousel { padding-bottom: 0; } .box.related_prd { margin-top: 60px; } .box.present_prd, .box.looked_prd { margin-top: 20px; } .header_wishlist span.wishlist { display: inline-block; } .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; float: none; vertical-align: top; } .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; } .header_wishlist > a { width: auto; height: auto; background: none; display: block; } .header_wishlist > a:before{ display: none; } .mainmenu { width: 100%; } .login_acc { border-bottom: 1px solid #eaeaea; padding: 0 0 10px 0; } .headertop { display: block; float: none; width: auto; text-align: center; } .wd-language, .wd-currency { width: 100%; margin: 0; } .box-category-top::before { background-size: 19px; left: 12px; width: 16px; height: 17px; top: 9px; } #_desktop_contact_link .wdicon { display: none; } span.service-title, span.content a.contact-info { color: #111111; } .account { float: left; width: auto; } 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; } #content .box .box-heading, .box.related_prd .box-heading, .box.present_prd .box-heading, .box.looked_prd .box-heading, #wdcmsparallax .box-heading, #wdcmstestimonial .box-heading, .wd_category_feature .box-heading, .swiper-viewport-bundle .box-heading { font-size: 28px; line-height: 33px; margin: 0 auto 15px; } div#wdaboutcms .box-heading { font-size: 28px; line-height: 32px; margin: 0 0 15px; } #content .hometab.box .box-heading { margin: 0px auto 20px; } .product-thumb .price, .product-thumb .price-old { font-size: 14px; } .etabs { margin:5px 0 20px 0; } .box-desc { margin-bottom: 10px; width: 50%; } .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;} #footer {padding: 35px 15px 30px;} .bottomfooter { padding: 13px 0; } .nav-inner.container{margin:0 auto ;} .layout-2.left-col #content , .layout-2.right-col #content{width:100%; float: left;} .layout-2.left-col #column-left , .layout-2.right-col #column-right{width:100%; float: left; padding: 10px 0 10px; display: block; border: 0;} #column-left .box, #column-right .box {margin: 0px 0 15px; margin: 0px 0 15px; float: left; width: 100%; padding: 0px; border: 1px solid #eaeaea; } .layout-2.left-col #content {padding:0 10px; margin-top:0;} .col-sm-8 { padding: 0px 10px; } #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; padding: 10px 15px;} .menu_toggle{display:none !important;} /*cartbit*/ .static-menu{ display: none; } .col-sm-5.header_search, .header_top .account, .col-sm-3.header_cart { padding: 17px 0; } .cmsbanner-block .description .title{ font-size: 20px; } .cmsbanner-block .description .banner_text {margin: 15px 0 0 0;} .footer-blocks .col-sm-3.footerleft , .footer-blocks .col-sm-3.column.footerleft{ width: 100%; padding: 0; } div#wdcmsfooter { margin-bottom: 0; float: left; } div#wdcmsfooter p { text-align: center; } .footer-logo{width: 100%; text-align: center; margin-bottom: 20px;} .footer-logo img { display: inline-block; } .footer-blocks .col-sm-3 {width: 100%;padding: 0;float: right;} div#extra-link { padding: 0; width: 100%; float: left; } .footer-blocks { display: block; } #content ul.list-unstyled{ display: block; } #blog-carousel .owl-controls .owl-buttons .owl-prev, #blog-carousel .owl-controls .owl-buttons .owl-next{ height: 30px; width: 30px; } #product .btn-group.prd_page { width: auto; float: none; display: inline-block; vertical-align: top; /*padding: 10px 0 0 0;*/ padding: 0 0 0 10px; } .contact-form-design .left{width: 100%; float: left;} .contact-form-design .contact-form {float: left; width: 100%; margin-top: 20px;} /*cartbit*/ .news-right { margin: 0 0 15px 0; width:68%; } footer .social-block ul li a { width: 35px; height: 35px; } .social-block ul li a .fa { font-size: 16px; line-height: 37px; } #footer .column li a { font-size: 13px; } .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; } .footer-blocks .col-sm-3.column.footerleft h5 { display: block; text-align: left; } aside#footer-left { width: 100%; padding: 0; } .desc-block a.mobile_togglemenu { display: none; } .desc-block h5.toggle { text-align: center; } .col-sm-4.column.footerleft { float: none; width: 100%; } .desc-block:after { width: 100%; } .desc-block p { text-align: center; } .social-block ul li a { margin-right: 0px; } .hometab, .ProductbyCategory, .featured { margin: 0px auto 40px; } .hometab.box { margin: 0px auto 40px; } .product_hover_block .compare-button, .product_hover_block .wishlist-button { width: auto; height: auto; } .product-list .product_hover_block .quickview-button,.product_hover_block .quickview-button { display: none; } .product-list .product_hover_block .compare-button, .product-list .product_hover_block .wishlist-button { display: inline-block; vertical-align: top; } .product_hover_block { opacity: 1; transform: none; } .product_hover_block .compare-button, .product-list .product_hover_block .compare-button { display: none; } .product_hover_block button.compare_button, .product-thumb .image button.wishlist { border: none; box-shadow: none; width: 35px; height: 35px; line-height: 31px; margin: 0; background-size: 17px; } .dropdown.myaccount .lang-curr-wrapper.active .pull-left #form-language .btn-group span:hover, .dropdown.myaccount .lang-curr-wrapper.active .pull-left #form-currency .btn-group span:hover, .pull-left #form-language .btn-group span:hover, .pull-left #form-currency .btn-group span:hover { color: #111111; } .search_box .form-control-select { padding: 5px 10px 5px 20px; } .box-content-category { top: 50px; } .count-down .countbox strong { font-size: 13px; line-height: 25px; } .countbox.hastime::before { font-size: 18px; } .blog_default_width{ width: 50%; } .footer-blocks .footerleft .contact-block ul { display: none; } .footer-blocks ul.list-unstyled { display: none; } #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, .related_prd .box-product .product-block, .present_prd .box-product .product-block, .looked_prd .box-product .product-block { padding: 5px 10px 5px; } .row.cat_prod { margin: 0 -10px; } #content #blog-carousel .product-block, #blog-grid .product-block { padding: 5px 10px 5px; } #content .box .box-content, .related_prd .box-content, .present_prd .box-content, .looked_prd .box-content { margin:0 -10px; } .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; } .product-block .product-details { padding: 10px 0 0; } .offer-btn::before, .offer-btn::after{ display:none; } .product-thumb h4 { font-size: 14px; line-height: 20px; } .product-block button.cart_button { font-size: 12px; } .product-block-inner { margin: 0 0 15px; } .box.special { margin:0px 0 40px; } #column-left .product-thumb, #column-right .product-thumb { padding: 15px 15px 5px; } #column-left .box .box-heading, #column-right .box .box-heading, #column-left #ocfilter .panel-heading { background: none; padding: 10px 10px; font-size: 18px; line-height: 25px; } .newsletter.col-sm-6 { padding:0 5%; } .footer-blocks .footerleft .contact-block li , #footer .column li{ padding:0px 10px; text-align: left; } .social-block ul { text-align: center; } footer h5 { text-align: left; } .wdfooter-logo { padding: 0 10px; } .product-layout.product-grid { width: 32.8%; } .box.special .box-heading { margin-bottom: 8px; } .box.webdigifyblog { margin: 0px 0 40px; } #cart .item-count { margin:0; } aside#footer-top{ display:block; } .footer-blocks .col-sm-3.column.footerleft .desc-block { text-align: center; float: none; } .footer-text { padding: 0 10px; } .footer-text ul { display: none; } .footer-blocks .col-sm-3.column.footerleft .desc-block:after { width: 100%; } .footer-blocks .col-sm-3.column.footerleft .desc-block a.mobile_togglemenu { display: none; } .footer-blocks .col-sm-3.column.footerleft .desc-block .footer-text p { padding: 0 0 0px; } footer .desc-block h5:before { left: 0px; } .footer-blocks .col-sm-3.column.footerleft .desc-block h5.toggle { margin: 20px 0; } .main-slider .swiper-pager { display: none; } #banner .swiper-slide img.img-responsive { margin: 0 auto; } .contact-block h5 { display: block; } .product-list .product-details { padding: 0px 0 15px 15px; max-height: 100%; } .language-menu, .currency-menu { position: static; border: 0; padding: 0 10px; } div#banner { text-align: center; } #banner.single-banner a { display: inline-block; width: auto; position: relative; } .product_hover_block { height: 35px; } } @media (max-width: 767px) { .newsletter { top: 19%; display: block; } .layout-2.left-col #content { padding: 0; } .box-desc { width: 100%; } #content .col-sm-6.product-right { width: 100%; } .col-sm-10.category_details{ margin: 0 0 20px 0; } .col-sm-4.category_img { margin-bottom: 10px; } .box.special { margin: 0px 0 20px; } .countbox.hastime { grid-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; padding: 3px 5px; } .box.webdigifyblog { margin: 0px 0 35px; } .row.category_thumb { margin: 0 -10px 20px; } .additional_default_width { width: 25%; } /*.main-slider { margin: 0 0 40px 0; }*/ .wd_category_feature { margin: 0 0 40px; } #content .product-carousel .product-block, #content .product-grid .product-block, #content .box-product .product-block, .related_prd .box-product .product-block, .present_prd .box-product .product-block, .looked_prd .box-product .product-block { padding: 5px 5px 5px; } .product-layout.product-list { padding: 5px 5px; } .row.cat_prod { margin: 0 -5px; } #content .box .box-content, .related_prd .box-content, .present_prd .box-content, .looked_prd .box-content { margin: 0 -5px; } div#review { padding: 15px; } #content #carousel-0 .box-content { padding: 0px 0 20px; } .header-logo img { max-height: none; } .breadcrumb li:last-child a { font-size: 16px; line-height: 22px; } .offer-title{ display: none; } #top{ background: #F8F7F5; 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; } .col-sm-4.product-left, .col-sm-5.product-right { width: 100%; padding: 0 10px; } .hometab.box { margin: 0px auto 25px; } .col-sm-5.product-right {width: 100%;} .col-sm-4.product-left { width: 100%; float: none; max-width: 80%; text-align: center; margin: auto; } .header_top .container-fluid { padding: 0 20px; } #column-left .box .container-fluid, #column-right .box .container-fluid { padding: 0; } #wdsubbannercmsblock { margin: 0 0 35px; } .box.related_prd .container, .box.present_prd .container, .box.looked_prd .container { padding: 0; } .blog-right { width: 100%; margin: 0; padding: 15px 0px 0; } .countbox.hastime::before { left: 8px; } .blog-image .post_hover { display: block; } #content #blog-carousel .product-block, #blog-grid .product-block { padding: 5px 5px 5px; } #content .box.webdigifyblog .box-content { margin: 0 -5px 0; } #content .hometab.box .box-heading { margin: 0 auto 15px; } #content .box .box-heading, .box.related_prd .box-heading, .box.present_prd .box-heading, .box.looked_prd .box-heading, .wd_category_feature .box-heading, #wdcmsparallax .box-heading, #wdcmstestimonial .box-heading, .swiper-viewport-bundle .box-heading { font-size: 23px; line-height: 30px; margin:0 auto 15px; } .product-cat { font-size: 13px; } .col-sm-4.header-logo { padding: 19px 0; float: none; margin: auto; padding-inline-start: 37px; } .product-thumb .price { font-size: 14px; width: 100%; } .col-sm-5.header_search, .header_top .account, .col-sm-3.header_cart { padding: 15px 0; } .product-details .rating { background: transparent; position: static; opacity: 1; width: 100%; padding: 0; margin: 0 0 4px 0; } .product-block:hover .product-block-inner .rating{ opacity: 1; } .product-block button.cart_button:after { width: 100%; } .product-thumb h4 { margin-bottom: 2px; } .product-block .action { opacity: 1; position: static; margin: 4px 0 0 0; } .product-block:hover .rating{ transform: none; opacity: 1; } .product-block:hover .product-details .price { opacity: 1; } .product-thumb:hover .price { transform-origin: center; opacity: 1; visibility: visible; transform: none; } .quickview-button { display: none; } .product_hover_block .quickview-button { display: none; } .product_hover_block button.compare_button { margin-top: 0; } .product-list .product_hover_block button.compare_button, .product-list .product-thumb .image button.wishlist { background-color: #ffffff; } .product-list .product_hover_block button.compare_button:hover, .product-list .product-thumb .image button.wishlist:hover, .product-thumb .image .wf_wishlist_btn_active button.wishlist, .product_hover_block .wf_wishlist_btn_active button.wishlist { background-color: #111111 !important; } .product-block:hover .countdown{ opacity: 1; } #column-left .product-items .product-details, #column-left .product-items .product-details, #column-right .product-items .product-details { float: left; } .product-thumb .image button.wishlist { background-size: 16px; } .product-thumb .image button.wishlist { width: 30px; height: 30px; } .main-navigation img {display: none;} .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; } p.powered {width: 100%; text-align: center; margin: 0;} .news-left { float: none; display: inline-block; } .social-block{ width: 100%; } .social-block ul li{ float: none; display: inline-block; } .tab-head {width: 100%;} .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; } .pagination-right{ width: 100%; margin: 20px 0 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, .box.present_prd, .box.looked_prd { margin: 30px 0 0; } .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: 0;} .contact-form fieldset, .contact-form-design .left { 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%; padding: 15px 0 0 0; } .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: 10px; margin: 0; position: absolute; } .product-list .product_hover_block .quickview-button { display: none; } .product-list .product_hover_block a.quickbox { background-size: 17px; } .search_toggle { top: 55px; width: 260px; } .dropdown.myaccount ul.dropdown-menu.dropdown-menu-right.myaccount-menu { top: 55px; } #cart .dropdown-menu { top: 55px; } header .responsive-menu .navbar-nav { top: 70px; } .product_hover_block .action button.compare_button { width: 35px; height: 35px; background-position: -37px -79px; background-size: 65px; } .product_hover_block .action button.compare_button:hover { background-position: 6px -79px; } .product_hover_block .action button, .quickbox { transform: scale(1); } .product_hover_block .action button.cart_button:hover { background-position: 6px 7px; } .product_hover_block .action button.wishlist { width: 35px; height: 35px; background-position: -37px -36px; background-size: 65px; } .product_hover_block .action button.wishlist:hover { background-position: 6px -36px; } .col-sm-9.category_details { float: left; width: 100%; margin: 15px 0 0 0; } .col-sm-12.title-description { margin: 10px 0 0 0; } .col-sm-3.category_img { width: 100%; } #product-special .category_list .category-item a { width: 45%; } .product-block .product-details { display: block; } .product-list .product-details { padding: 10px 15px 0; } .product-block:hover .product-details { transform:none; } div#wdaboutcms .box-heading { text-align: center; } #content .product-list .product-block .image { width: 30%; } } @media only screen and (max-width: 660px) { .module_default_width{ width: 33%; } } @media only screen and (max-width: 650px){ .product-thumb .price { font-size: 14px; } .newsletter .btn.btn-lg { padding: 5px 16px; } #content .product-list .product-block .image { float: none; max-width: 328px; margin: auto; width: 100%; } .product-layout.product-list .product-details .rating { text-align: center; left: 0; float: none; right: 0; margin: 0 auto 10px; } .product-list .product-details .product_hover_block .action { text-align: center; float: none; display: block; margin: 0; } .product-layout.product-grid { width: 49%; } .news-right { width: 84%; } .product-list .product_hover_block .action { text-align: center; float: none; margin: 0; } .product-layout.product-list .product-details .product_hover_block_outer .action { margin: 5px 0 0 0; text-align: center; } .product-list .product-details .product_hover_block { text-align: center; float: none; width: auto; display: inline-block; vertical-align: middle; } .product-list .description { margin-bottom: 6px; } .product-layout.product-list .product_hover_block .action button, .product-layout.product-list .quickview-button { vertical-align: top; } .product-list .product-block .product-details{width: 100%; padding: 15px 0 0; text-align: center;max-height: 100%;} #searchbox { float: none; display: inline-block; vertical-align: top; } .hometab-heading.box-heading { text-align: center !important; float: none !important; } #blog-carousel .product-block, #blog-grid .product-block { padding: 0px 10px 0px; } .product-block.product-thumb.transition { padding: 10px 10px; } #footer { padding:30px 10px; } .product-list .product_hover_block button.compare_button, .product-list .product_hover_block button.wishlist { margin: 0px; display: inline-block; } .product-layout.product-list { padding: 15px 10px; } } @media only screen and (max-width: 543px){ .col-sm-4.product-left { max-width:100%; padding: 0; } .product-info .image { margin-bottom: 10px; } .countbox .timebox::after { margin: 0 1px; right: 0; } .news-left .news-des { font-size: 13px; } .news-left .news-des { font-size: 13px; line-height: 22px; } .product-block-inner { margin: 0 0 15px; } .blog-right h4 { margin: 0 0 5px; } .blog-desc { margin: 0 0 5px 0; } .box-desc { display: none; } /*.main-slider { margin: 0 0 30px 0; }*/ ul.etabs { margin: 0 0 5px; padding: 0 0 10px; display: grid; grid-template-columns: repeat(3,minmax(150px,3fr)); overflow: auto; scrollbar-width: thin; } .etabs li.tab { margin: 0 5px; } .htabs a { font-size: 11px; line-height: 20px; background-color: #F8F7F5; padding: 5px; display: block; border: none; text-align: center; } .htabs li.tab a.selected, .htabs li.tab:hover a, .htabs li.tab.active a { color: #fff; border-color: #d37657; background-color: #d37657; } #footer { padding: 20px 10px 20px; } .additional_default_width { width: 33.333%; } .hometab.box { margin: 0px auto 15px; } .product-layout.product-grid{width: 49%; } .module_default_width{ width: 33%; } .social-block ul { margin: 0px 0; } .box.webdigifyblog { margin: 0px 0 15px; } #content #carousel-0 .box-content { padding: 0px 0 15px; } #content .box.webdigifyblog .box-content { margin: 0 -10px 0; } #custom_tab.product-tabs a:first-child { padding: 10px 12px 10px 12px; } .col-sm-5.header_search { margin: 0 0px 0 0; } .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; } .box.special { margin:0px 0 15px; } .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; } .hometab, .ProductbyCategory, .featured { margin: 0px auto 15px; } .hometab { margin: 15px 0 5px; } .newsletter .btn.btn-lg { padding: 5px 20px; } .layout-2.left-col #content h2.page-title { float: left; width: 100%; } .header_cart .text-right.button-container > a { padding: 9px 22px; } } @media only screen and (max-width: 479px) { .newsletter .input-news { column-gap: 6px; } .news-right { width: 100%; } .header_top .account { margin-inline-start: 4px; } #product-special .category_list .category-item a { font-size: 12px; padding-left: 5px; } #content .box .box-heading, div#wdaboutcms .box-heading, .box.related_prd .box-heading, .box.present_prd .box-heading, .box.looked_prd .box-heading, .wd_category_feature .box-heading, #wdcmsparallax .box-heading, #wdcmstestimonial .box-heading, .swiper-viewport-bundle .box-heading { margin: 0 auto 15px; font-size: 23px; line-height: 28px; } .additional_default_width{ width:33.333%;} .htabs a { display: block; } .etabs { margin: 0px 0 15px 0; } .col-sm-3.header_cart { margin-inline-start: 5px; } #search .search_button, .myaccount > a,.col-sm-5.header_search { line-height: 30px; width: 30px; } #content .banners-slider-carousel .product-block .product-block-inner a .img-responsive { padding: 0 10px; } .box.webdigifyblog { margin: 0px 0 15px; } .etabs li.tab { margin: 0 5px 5px; } .header_top .container-fluid { padding: 0 10px; } .count-down .countbox strong { font-size: 12px; line-height: 22px; } .countbox .timebox { padding: 0 3px 0 0; } .countbox.hastime { -moz-column-gap: 10px; grid-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; } .form-group.qty #button-cart, #button-cart2 { font-size: 13px; } .product-block .image { max-width: 342px; margin: auto; } .product-thumb .price { font-size: 13px; } .product-thumb .price-old { font-size: 13px; } #footer .column li a { font-size: 13px; } .product-layout.product-list { padding: 5px 5px; } .countbox.hastime::before{ display: none; } .product-info .image { max-width: 100%; } .category_img, .category_img img { margin: 0 0 0 0; } .category_img img { width: auto; } .newsletter #txtemail { height: 40px; } #content #blog-carousel .product-block, #blog-grid .product-block { padding: 10px 5px 10px; } #content .box .box-content, .related_prd .box-content, .present_prd .box-content, .looked_prd .box-content, #content .box.webdigifyblog .box-content{ margin:0 -5px; } #content .product-carousel .product-block, #content .product-grid .product-block, #content .box-product .product-block, .related_prd .box-product .product-block, .present_prd .box-product .product-block, .looked_prd .box-product .product-block { padding: 5px; } .row.cat_prod { margin: 0 -5px; } #content .product-grid .product-block, #content .box-product .product-block, .related_prd .box-product .product-block, .present_prd .box-product .product-block, .looked_prd .box-product .product-block { display: inline-block; vertical-align: top; width: auto; float: none; } .headertop { float: left; width: 100%; } .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; } .social-block > ul {padding: 0; } .social-block ul li a{margin-right: 0;} .sort-by-wrapper{ width: 100%; } .show-wrapper {margin: 15px 0 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;} .col-sm-8.product-left{width: 290px;} #content.productpage .product-title{font-size: 18px;} .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: #F8F7F5 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: #111; } .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; } .nav-tabs>li { margin: 0 0 10px; font-size: 14px; float: none !important; } #block_1 .list-unstyled li:first-child { margin: 0 0px 0 0; } .newsletter .btn.btn-lg { height: 40px; } #information-information .image1, #information-information .image2, #information-information .image3, #information-information .image4 { float: none; border: 0; margin: auto; } .aboutus { text-align: center; } footer .container-fluid { padding: 0; } } @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:-50px; } #cart .dropdown-menu{width: 300px; padding: 8px;} #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; overflow: hidden; } .pagination { float: none !important; } .header_search .btn.btn-default.btn-lg { padding: 10px 10px 3px; } .stock_status { height: 60px; width: 60px; line-height: 12px; font-size: 11px; padding: 20px 9px; } .product-layout.product-list .stock_status { top: 0; bottom: 0; } } /* ---------------------- Start wd - Product-Extended block --------------------------*/ #tab-description { float: left; width: 100%; } #tab-description .product-description, #tab-description .producttabdescription { float: left; width: 100%; display: flex; align-items: center; } #tab-description .producttabdescription .tabdescright .table-info-product .table-detail h6 { font-size: 16px; line-height: 24px; letter-spacing: 0.4px; font-family: 'Jost', sans-serif; color: #111111; } #tab-description .producttabdescription .tabdescright .table-info-product .table-detail div:last-child ol { padding-inline-start: 20px; list-style: decimal; } #tab-description .producttabdescription .tabdescright .table-info-product .table-detail div:last-child ol li { margin: 0 0 10px; list-style: decimal; } #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%; margin: 0 0 0; } #tab-description .producttabdescription .tabdescright .table-info-product .maintitle { font: 500 25px/34px 'Jost', sans-serif; color: #111; float: left; width: 100%; margin: 15px 0 20px; text-align: left; } #tab-description .producttabdescription .tabdescright .table-info-product .title { font: 400 16px/31px 'Jost', sans-serif; /*text-transform: capitalize;*/ color: #111; 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: 6px 0; margin: 0 0 10px; justify-content: space-between; border-bottom: 1px solid #e5e5e5; } #tab-description .producttabdescription .tabdescright .table-info-product .table-detail div:last-child { border-bottom: none; } #tab-description .producttabdescription .tabdescright .table-info-product .table-detail div:last-child p { margin: 0 0 20px 0; } @media (max-width: 1200px) { #tab-description .producttabdescription .tabdescright .table-info-product .title { width: 20%; } } @media (max-width:991px) { #tab-description .producttabdescription .tabdescright .table-info-product .title { width: 40%; font-size: 16px; } #tab-description .producttabdescription .tabdescright .table-info-product .detail { width: 60%; } #tabs_info.product-tab .tab-content { padding: 15px; } #tab-description .producttabdescription .tabdescright .table-info-product .table-detail .table-feature { padding: 3px 0; margin: 0px 0 5px; } #tab-description .producttabdescription .tabdescright .table-info-product .maintitle { margin-top: 0; margin-bottom: 10px; font-size: 20px; line-height: 25px; } } @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 .product-description, #tab-description .producttabdescription { display: block; } } @media (max-width:543px) { #tab-description .producttabdescription .tabdescright .table-info-product .title { width: 50%; } #tab-description .producttabdescription .tabdescright .table-info-product .detail { width: 50%; text-align: right; } #tab-description .producttabdescription .tabdescright .table-info-product .table-detail .table-feature { align-items: baseline; } } /* ---------------------- End wd - Product-Extended block --------------------------*/ /*****************************************top banner******************************************/ #wdcmstopbanner { float: left; width: 100%; margin: 0px 0 100px; } #wdcmstopbanner .wdtopbanner { float: left; width: 33.333%; } .wdtopbanner-content .sub-title { font-size: 16px; color: #111111; line-height: 24px; margin: 0 0 45px; font-weight: 400; /*text-transform: capitalize;*/ font-family: 'Jost', sans-serif; letter-spacing: 0.1px; } #wdcmstopbanner .wdtopbanner .wdtopbanner-content { position: absolute; left: 7%; right: 0; top: 35px; } #wdcmstopbanner .wdtopbanner .wdtop-banner-content { display: flex; align-items: center; position: relative; overflow: hidden; text-align: left; direction: ltr; } #wdcmstopbanner .wdtopbanner .wdtop-banner-content .image { transition: transform 400ms ease-in-out; max-width: 100%; } #wdcmstopbanner .wdtopbanner .wdtop-banner-content > a { float: left; width: 100%; } #wdcmstopbanner .wdtopbanner:hover .wdtop-banner-content .image { transform: scale(1.1); } #wdcmstopbanner .wdtopbanner .wdtopbanner-content .title { font: 500 26px/34px 'Jost', sans-serif; color: #111111; margin: 0 0 13px; /*text-transform: capitalize;*/ } #wdcmstopbanner .wdtopbanner .wdtopbanner-content .title span { display: block; } .wdcmstopbanner { margin: 0 -15px; } #wdcmstopbanner .wdtopbanner .wdtopbanner-content .toptitle { font: 400 34px/46px 'Laila', sans-serif; color: #fff; margin: 0 0 20px; } #wdcmstopbanner .wdtopbanner .wdtopbanner-content .offer a { font: 700 13px/15px 'Nunito', sans-serif; color: #111; text-transform: uppercase; padding: 0; border-radius: 0; display: inline-block; vertical-align: top; background: transparent; letter-spacing: 0.1px; border-bottom: 1px solid #111; margin: 0; } #wdcmstopbanner .wdtopbanner .wdtopbanner-content .offer { display: inline-block; vertical-align: top; line-height: initial; } #wdcmstopbanner .wdtopbanner .wdtopbanner-content .offer a:hover { color: #d37657; border-color: #d37657; } @media (max-width:1459px) { #wdcmstopbanner .wdtopbanner .wdtopbanner-content .title { font-size: 20px; line-height: 28px; } .wdtopbanner-content .sub-title { font-size: 14px; line-height: 22px; margin: 0 0 35px; } #wdcmstopbanner .wdtopbanner .wdtopbanner-content { left: 6%; } } @media (max-width:1199px){ #wdcmstopbanner .wdtopbanner .wdtopbanner-content .toptitle { font-size: 28px; line-height: 36px; } #wdcmstopbanner .wdtopbanner { padding: 0 10px; } #wdcmstopbanner .wdcmstopbanner { margin: 0 -10px; } #wdcmstopbanner { margin: 0px 0 80px; } #wdcmstopbanner .wdtopbanner .wdtopbanner-content .offer a { font-size: 12px; line-height: 15px; } } @media (max-width:991px) { #wdcmstopbanner { margin: 0px 0 60px; } #wdcmstopbanner .wdtopbanner .wdtopbanner-content .title { font-size: 17px; line-height: 22px; } .wdtopbanner-content .sub-title { font-size: 13px; line-height: 22px; margin: 0 0 25px; } #wdcmstopbanner .wdtopbanner .wdtopbanner-content { top: 15px; } } @media (max-width:767px) and (min-width:544px) { .wdtopbanner-content .sub-title{ font-size: 12px; line-height: 14px; margin: 0 0 20px; } #wdcmstopbanner .wdtopbanner { padding: 0 5px; } #wdcmstopbanner .wdtopbanner .wdtopbanner-content .offer a { font-size: 11px; line-height: 12px; } #wdcmstopbanner .wdtopbanner .wdtopbanner-content .toptitle { font-size: 13px; line-height: 17px; } #wdcmstopbanner .wdtopbanner .wdtopbanner-content .title { font-size: 14px; line-height: 17px; margin: 0 0 8px; } .wdcmstopanner { padding: 0 5px; } #wdcmstopbanner .wdcmstopbanner { margin: 0 -5px; } #wdcmstopbanner .wdtopbanner .wdtopbanner-content { top: 15px; } } @media (max-width:767px) { #wdcmstopbanner { margin: 0px 0 40px; } } @media (max-width:543px) { #wdcmstopbanner { margin: 0px 0 30px; } #wdcmstopbanner .wdtopbanner { width: auto; display: inline-block; vertical-align: top; float: none; } #wdcmstopbanner .wdcmstopbanner { text-align: center; } #wdcmstopbanner .wdtopbanner .wdtopbanner-content { top: 35px; } #wdcmstopbanner .wdtopbanner .wdtopbanner-content .title { font-size: 20px; line-height: 26px; margin: 0 0 15px; } #wdcmstopbanner .wdtopbanner-img1, #wdcmstopbanner .wdtopbanner-img2 { margin: 0 0 10px 0; } } /***********************End Product Page Banner**************/ .product-detail-left { width:100% ; float: left; padding-right: 0px; } /* Webdigify www.templatemela.com End */ @media(max-width:991px) { .product-detail-left { width: 100%; } } @media (min-width:1200px){ .grid_default_width, .featured_default_width, .latest_default_width, .special_default_width, .bestseller_default_width, .tabspecial_default_width, .tabbestseller_default_width, .tablatest_default_width, .wdproductcategory{ 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, .present_default_width, .looked_default_width, .wdproductcategory{ width: 25%; } #column-left .product-items .product-details, #column-left .product-items .product-details, #column-right .product-items .product-details { float: left; width: 100%; } .related_default_width, .present_default_width, .looked_default_width { width: 250px; } #content .product-list .product-block .image { width: 40%; } .product-list .product-details { width: 58%; } } @media (max-width: 991px) and (min-width: 651px){ .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, .present_default_width, .looked_default_width, .wdproductcategory { width:33.333%; } } @media only screen and (max-width: 650px){ .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, .present_default_width, .looked_default_width, .wdproductcategory { width:50%; } } @media only screen and (max-width: 319px){ .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, .present_default_width, .looked_default_width, .wdproductcategory { width:100%; } .product-layout.product-grid { width: 100%; text-align: center; } } /*********************************left-banner********************************/ .left-banner { position: absolute; left: 60px; right: 60px; top: 40px; bottom: auto; text-align: center; } .left-text1 { font-size: 15px; font-weight: 600; color: #111; line-height: 26px; padding: 0; display: block; vertical-align: top; text-transform: inherit; margin: 15px 0 0 0; } .left-title { font-size: 26px; font-weight: 500; line-height: 35px; color: #111; text-transform: inherit; display: block; font-family: 'Jost', sans-serif; vertical-align: top; padding: 0; margin: 5px 0 0 0; width: 100%; } @media (max-width: 1509px){ .left-text1 { font-size: 12px; line-height: 20px; } .left-banner { left: 20px; top: 20px; } .left-title { font-size: 22px; line-height: 26px; } } @media (max-width: 991px){ .left-banner { width: 60%; margin: auto; } } /*********************************** Mainbanner text **************************************/ .slider-content { position: absolute; top: 0; bottom: 0; left: 13%; right: auto; display: flex; align-items: center; text-align: left; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; } .swiper-slide-active .slider-content { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; animation-name: bounceInLeft; animation-duration: 1.5s; } .main-carousel-content { direction: ltr; } .slider-content .main-carousel-content .slider-title1 { display: none; } .slider-description { font-size: 13px; line-height: 30px; font-weight: 700; text-transform: uppercase; letter-spacing: 0; margin-bottom: 38px; font-family: 'Nunito', sans-serif; color: #111111; padding: 0 20px; background: #ffffff; display: inline-block; } .slider-title { display: block; font-size: 48px; line-height: 60px; letter-spacing: 0; font-weight: 500; width: 63%; /* margin: 0 0 15px; */ /*text-transform: capitalize;*/ color: #111111; clear: both; font-family: 'Jost', sans-serif; direction: ltr; } .slider-details { letter-spacing: 0; font-size: 16px; font-weight: 400; line-height: 25px; color: #111111; display: block; float: left; margin: 20px 0 0 0; width: 50%; } .slider-price span { font-weight: 400; color: #939393; text-decoration: line-through; margin-inline-start: 8px; } .slider-title1{ display:none; } .slider-title span { width: 100%; float: left; } .slider-button { position: relative; display: inline-block; height: auto; background-color: transparent !important; border: none; cursor: pointer; margin: 40px 0 0 0; padding: 0px; min-width: auto; transition: all 0.5s ease-in-out; width: 100%; } .slider-button a { color: #fff; font: 400 13px/26px 'Jost', sans-serif; text-transform: uppercase; padding: 7px 25px; position: relative; border: none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; z-index: 1; overflow: hidden; 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; -khtml-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; letter-spacing: 0; background: #d37657; border: 0; letter-spacing: 0; border-radius: 0; } .slider-button a:hover { color: #fff; text-decoration: none; background-color: #111111; } .offer-btn { position: relative; display: inline-block; width: auto; height: auto; } .product_hover_block .offer-btn:hover::before,.product_hover_block .offer-btn:hover::after{ border-color:#1252ae; } .slider-discount { position: absolute; right: 19%; top: 14%; width: 100px; height: 100px; border-radius: 50%; background: #73a9a9; font-size: 16px; letter-spacing: 1px; color: #ffffff; display: flex; align-items: center; /*text-transform: capitalize;*/ align-content: center; justify-content: center; flex-direction: column; } .slider-discount span { display: block; width: 100%; font-size: 24px; line-height: 30px; } @media (max-width: 1400px){ .slider-title { font-size: 36px; line-height: 40px; } } @media(max-width: 1199px){ .slider-description { font-size: 11px; margin-bottom: 15px; line-height: 25px; padding: 0 15px; } .slider-details { font-size: 14px; line-height: 22px; margin: 13px 0 0 0; } .slider-title { font-size: 30px; line-height: 38px; margin: 0 0 5px; width: 58%; } .slider-button a { padding: 5px 18px; font-weight: 400; } .slider-button { margin: 30px 0 0 0; } .slider-discount { right: 15%; top: 9%; width: 80px; height: 80px; font-size: 14px; } .slider-discount span { font-size: 19px; line-height: 23px; } } @media(max-width: 991px){ .slider-button { float: left; width: 100%; padding:0; margin: 30px 0 0 0; } .slider-discount { right: 15%; top: 7%; width: 70px; height: 70px; font-size: 13px; } .slider-discount span { font-size: 16px; line-height: 21px; } .slider-button:hover::before, .slider-button:hover::after{ display:none; } .slider-title { font-size: 24px; line-height: 28px; margin: 0 0 10px; width: 53%; } .slider-description { font-size: 10px; line-height: 24px; letter-spacing: 0; } .slider-button a { font-size: 12px; padding: 4px 18px; } .slider-button { margin: 22px 0 0 0; } .slider-price { font-size: 16px; line-height: 20px; } .slider-content { left: 8%; } .slider-details { letter-spacing: 0; font-size: 13px; line-height: 20px; margin: 5px 0 0 0; } } @media (max-width: 767px){ .slider-description { font-size: 10px; margin-bottom: 10px; line-height: 20px; letter-spacing: 0; padding: 0 8px; } .slider-title{ font-size: 18px; line-height: 22px; width: 45%; } .slider-button a { font-size: 11px; padding: 4px 12px; line-height: 22px; } .slider-details { letter-spacing: 0; font-size: 10px; line-height: 18px; margin: 0; width: 55%; } .slider-button { margin: 15px 0 0 0; } .slider-discount span { font-size: 14px; line-height: 18px; } .slider-discount { display:none; } } @media (max-width: 543px){ .slider-details { letter-spacing: 0; font-size: 10px; line-height: 14px; margin: 4px 0 0 0; } .slider-title { font-size: 15px; line-height: 17px; margin: 0 0 8px; } .slider-description { font-size: 9px; margin-bottom: 7px; line-height: 17px; padding: 0 5px; } .slider-button a { font-size: 9px; padding: 2px 10px; line-height: 20px; } } @media (max-width: 479px){ .slider-description,.slider-details { font-size: 11px; display: none; } .slider-button a { padding: 3px 8px; font-size: 10px; line-height: 18px; } .slider-title { font-size: 17px; line-height: 20px; margin: 0 0 5px; letter-spacing: 0; width: 65%; } .slider-content { left: 5%; } .slider-price { font-size: 12px; line-height: 15px; } .slider-button { margin: 12px 0 0 0; } .slider-price span { margin-inline-start: 4px; } } /**********************************end mainbanner text**************************************/ /* ------------------------------------ ajex search CSS Start -----------------------------------*/ .live-search { width: 100%; position: absolute; z-index: 1000; background-color: #FFF; border: 1px solid #e5e5e5; display: none; top: 69px; padding: 30px; } .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: 33.3333%; } .live-search ul li .search-description .product-name p { display: none; } .live-search ul li:hover a { border-color: #ededed; } .live-search ul li a { display: block; float: left; padding: 0 0 20px 0; text-decoration: none; width: 100%; margin: 0 0 5px 0; /*text-transform: capitalize;*/ } .live-search ul li .product-image { float: left; padding: 0; width: 19%; } .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; width: 80%; padding: 0 0 0 10px; } .live-search ul li .product-name { color: #111111; font: 500 14px/20px 'Jost', sans-serif; text-decoration: none; margin: 2px 0 5px; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; } .live-search ul li:hover .product-name { color: #111; } .live-search ul li .product-price { float: left; font: 600 15px/18px 'Jost', sans-serif; color: #000000; margin-bottom: 10px; width: 100%; } .live-search ul li .product-price .price { color: #666666; display: block; font: 500 14px/18px 'Jost', sans-serif; float: left; } .live-search ul li .product-price .special { color: #666666; text-decoration: line-through; display: block; font: 500 12px/18px 'Jost', sans-serif; float: left; margin: 0 0 0 5px; } .live-search .result-text { float: none; font-size: 13px; font-weight: 400; line-height: 20px; text-align: center; padding: 8px 30px; width: auto; letter-spacing: 0; background-color: #F8F7F5; text-transform: uppercase; display: inline-block; } .live-search .result-text:hover { background-color:#d37657; } .live-search .result-text:hover .view-all-results { color: #fff; } .live-search .view-all-results { color: #333; float: left; width: 100%; } .live-search .product-image img { max-width: 100%; } @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 ul li .product-image { width: 25%; } .live-search ul li .search-description { width: 75%; } .live-search ul li { width:50%; } } @media (max-width: 767px) { .live-search ul li .product-price .price { font-size: 13px; } #searchbox { left: 15px; right: 15px; } #search .search_button.active { right: 15px; } } @media (max-width: 479px) { .live-search ul li { width: 100%; } .live-search ul li a { padding: 5px 0; margin: 0; } .live-search { padding: 10px; } .live-search ul li .product-image { width: 30%; } .live-search ul li .search-description { width: 70%; padding: 0 0px 0 10px; } .live-search ul li .product-name { font-size: 13px; } } /* ------------------------------------ ajex search CSS End -----------------------------------*/ /* WF */ b, strong { font-weight: 700 !important; } .breadcrumb li:last-child a { text-transform: none; } .container h1, .container h2 { text-transform: none; } ol li { list-style-type: decimal; } .about-content ol { padding: 0 0 0 18px; } .left strong { text-transform: none; } .col-sm-4.header-logo { padding: 10px 0; } #wdnavcmsheader .wdheader-service { text-transform: none; } .telephone svg { width: 15px; height: 15px; vertical-align: middle; margin: 0 5px 0 0; } #header-nav-right .telephone svg { width: 20px; height: 20px; margin: 0; } .wf_header_mobile_phones svg { width: 20px; height: 20px; margin: 0 4px 0 0; vertical-align: middle; } .social-block ul li a { line-height: 41px; } .wf_block_wrapper_html img { max-width: 100%; height: auto; vertical-align: middle; } .wf_block_wrapper_html a { color: #d37657; } .manufacturer_description { width: 100%; float: left; margin-top: 45px; } .manufacturer_description .img-thumbnail { float: left; margin-right: 15px; margin-bottom: 15px; } /*.wf_block_wrapper_html img[style*="float: left;"]*/ .wf_block_wrapper_html img.note-float-left { margin-right: 15px; margin-bottom: 15px; } /*.wf_block_wrapper_html img[style*="float: right;"]*/ .wf_block_wrapper_html img.note-float-right { margin-left: 15px; margin-bottom: 15px; } .wf_block_wrapper_html iframe { max-width: 100%; } .product-layout.product-grid:nth-child(3n+1) { clear: left; } .wd-menu li.mega-menu .sub-menu-container .sub-item2-content { margin-bottom: 15px; } .main-carousel-content { width: 100%; } .main-slider .slider-content { width: 40%; } .slider-title { text-transform: none; } .slider-discount { width: 120px; height: 120px; } #wdcmsservice .wdservice { padding: 0 10px; } .wd_category_feature .list_carousel .wd_cat_content .title a { text-transform: none !important; } #wdcmstestimonial, .common-home #content .content-bottom .wf_block_wrapper_html:last-child { margin-bottom: 80px; } .wf_footer_comment { margin-top: 15px; } #fw_footer_shedule { color: #111111; } .wf_developed { float: left; margin: 0; } .bottomfooter-inner .wf_block_wrapper_html { float: right; } .common-home h1 { font-size: 36px; line-height: 36px; text-align: center; margin-bottom: 45px; } .wf_category_header_wrapper { display: flex; align-items: center; } .wf_category_header_wrapper .category_img { margin-right: 15px; } .category_description { margin-top: 60px; } .wf_product_page_videos { margin-top: 30px; } .wf_product_page_video { /*width: 24%;*/ float: left; margin: 30px 30px 0 0; } .wf_product_page_videos iframe { max-width: 100%; } .wf_product_page_delivery { padding: 15px 30px; float: left; border: 1px solid #eaeaea; width: 100%; margin: 16px 0 0; } .wf_product_page_delivery_title { font-weight: 700; } .wf_product_page_delivery_link { color: #d37657; } #related-carousel .product-details .description, #present-carousel .product-details .description, #looked-carousel .product-details .description, #tab-bestseller .product-details .description, #tab-latest .product-details .description { display: none; } /*.top_button { display: none !important; }*/ #tab-description img { max-width: 100%; } .product-image .product-carousel .slider-item { max-width: 320px; } .fa-arrow-left:before { display: none; } .fa-arrow-right:before { display: none; } .product-info .additional-wrapper { position: relative; } .product-info .product-image .customNavigation { top: 50% !important; margin: -15px auto 0; bottom: initial !important; z-index: 1 !important; width: calc(100% - 10px) !important; opacity: 0 !important; visibility: hidden !important; } .product-info .product-image .customNavigation.customNavigation_view { opacity: 1 !important; visibility: visible !important; } .product-info .product-image .customNavigation a { top: 50% !important; } .product-image .customNavigation a.prev { left: 0 !important; } .product-image .customNavigation a.next { right: 0 !important; } div[data-poip_id="poip_img"] { /*height: 76px;*/ overflow: hidden; /*text-align: left !important;*/ display: flex; flex-direction: row; /*position: relative;*/ } .product-grid div[data-poip_id="poip_img"], .slider-item div[data-poip_id="poip_img"] { /*justify-content: space-between;*/ margin: 7px 0 0; height: 76px; } /*.product-grid div[data-poip_id="poip_img"]:before, .slider-item div[data-poip_id="poip_img"]:before { content: ""; flex: auto; }*/ .product-list div[data-poip_id="poip_img"] { padding: 0px 0 0 20px; height: 83px; } div[data-poip_id="poip_img"] a { /*display: inline-block !important; margin: 0 2px;*/ display: none; opacity: 0.5; position: relative; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .product-grid div[data-poip_id="poip_img"] a + a, .slider-item div[data-poip_id="poip_img"] a + a { margin-left: 8px; } .product-grid div[data-poip_id="poip_img"] a:first-child, .product-grid div[data-poip_id="poip_img"] a:nth-child(2), .product-grid div[data-poip_id="poip_img"] a:nth-child(3), .product-grid div[data-poip_id="poip_img"] a:nth-child(4), .slider-item div[data-poip_id="poip_img"] a:first-child, .slider-item div[data-poip_id="poip_img"] a:nth-child(2), .slider-item div[data-poip_id="poip_img"] a:nth-child(3), .slider-item div[data-poip_id="poip_img"] a:nth-child(4) { display: flex; } .product-list div[data-poip_id="poip_img"] a { display: flex; margin: 0 7px 7px 0; } div[data-poip_id="poip_img"] a.wf_product_block_color_active, div[data-poip_id="poip_img"] a:hover { opacity: 1; } div[data-poip_id="poip_img"] a.wf_product_block_color_active:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #e52727; } div[data-poip_id="poip_img"] .img-thumbnail-hover { display: none; } .wf_product_block_color_name_hover { position: absolute; height: 18px; padding: 0 6px; top: 0px; left: 0px; background: rgb(37 37 37 / 65%); color: white; font-size: 12px; font-weight: 500; line-height: 18px; /*white-space: nowrap;*/ display: none; z-index: 1; max-width: 100%; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; overflow: hidden; text-overflow: ellipsis; /*display: -webkit-box;*/ -webkit-line-clamp: 1; -webkit-box-orient: vertical; } div[data-poip_id="poip_img"] a:hover .wf_product_block_color_name_hover { /*display: block;*/ display: -webkit-box; } .product_hover_block { left: 10px; right: auto; } .product-image.thumbnails { opacity: 0; } .discount-per { display: none; } .header-logo #logo svg { width: 190px; vertical-align: middle; } .wf_customNavigation_related_4, .wf_customNavigation_related_3, .wf_customNavigation_related_2, .wf_customNavigation_related_1, .wf_customNavigation_present_4, .wf_customNavigation_present_3, .wf_customNavigation_present_2, .wf_customNavigation_present_1, .wf_customNavigation_looked_4, .wf_customNavigation_looked_3, .wf_customNavigation_looked_2, .wf_customNavigation_looked_1 { display: none; } #product-product #tabs_info .nav-tabs { display: none; } .wf_product_page_tabs_title { margin-bottom: 15px; font-weight: 700; } #product-product #tabs_info .tab-content > .tab-pane { display: block; } #product-product #tab-description, #product-product #tab-specification { width: 49%; } #product-product #tab-specification { float: right; } .wf_product_page_stock_one_position { color: #e52727; margin: 0 0 0 10px; float: left; line-height: 38px; display: none; } .wf_product_page_stock_one_position[data-quantity="1"] { display: block; } .wf_btn_group_inner { display: flex; white-space: nowrap; align-items: center; } .wf_btn_group_inner svg { margin: -2px 4px 0 0; } .currency-menu li { padding: 5px 0px; } .wf_header_mobile_phones .btn { padding: 8px; } #wdnavcmsheader .wdheader-service { font-size: 15px; } .header_nav .left-nav { position: absolute; top: 0; left: 50%; transform: translateX(-50%); } #ocfilter { border: none; } .noUi-connect { background: #d37657 !important; } .noUi-horizontal { height: 10px !important; } .noUi-horizontal .noUi-handle { height: 18px !important; top: -5px !important; } .noUi-handle:after, .noUi-handle:before { height: 7px !important; top: 4px !important; } .category_filter .sort { overflow: hidden !important; } .live-search ul li:nth-child(7), .live-search ul li:nth-child(8), .live-search ul li:nth-child(9) { display: none; } /*#latest-grid .reg-image {*/ #latest-grid img { max-width: 80px; } #latest-grid .product-details { width: 69% !important; } #latest-grid .price-new + .price-old { margin-left: 5px; } #product-manufacturer .wd_category_feature .box-heading { font-size: 26px; } #product-manufacturer .wd_category_feature { margin: 0 0 30px !important; } #product .form-group .image-additional img { max-width: 50px; } div#product .radio { margin-bottom: 0; } div#product .radio label { margin-bottom: 0; } div#product .form-group { margin-bottom: 5px; } /*#tab-review td, #tab-review .table-bordered { margin-top: 20px; float: left; }*/ .wf_review_print_image { max-width: 48%; float: left; margin: 0 1%; } .wf_review_print_image img { max-width: 100%; } .wf_review_print_wrapper + .wf_review_print_wrapper { margin-top: 30px; } .single-blog .blog-img img { width: 300px; height: auto; } .single-blog .blog-img { float: left; margin-right: 15px; } #column-left .slider-content { left: 3%; max-width: 70%; -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; transition: none !important; animation-name: none !important; opacity: 1 !important; -moz-opacity: 1 !important; -khtml-opacity: 1 !important; -webkit-opacity: 1 !important; } #column-left .slider-description { font-size: 11px; line-height: 20px; margin-bottom: 15px; padding: 0 15px; } #column-left .slider-title { font-size: 38px; line-height: 48px; width: 100%; } #column-left .slider-details { margin: 15px 0 0 0; } #column-left .slider-button { margin: 30px 0 0 0; } #column-left .slider-discount { font-size: 12px; line-height: 14px; right: 3%; width: 70px; height: 70px; text-align: center; } #column-left .swiper-slide a > img { margin: 0 auto; } .wf_product_card_view_all_colors { display: block; text-align: center; margin: 10px 0 0; background: transparent !important; color: #666666 !important; border-bottom: 1px solid #d37657 !important; float: left; padding: 0 5px; } .product-list .wf_product_card_view_all_colors { float: left; margin: 0 0 10px 20px; /*padding: 0 20px;*/ } .product-thumb .image .wf_wishlist_btn_active button.wishlist, .product_hover_block .wf_wishlist_btn_active button.wishlist { background-color: #d37657 !important; background-image: url(../image/webdigify/wishlist-hover.svg) !important; } .wf_product_page_wishlist_active:before { background-position: -36px -133px !important; } .wf_product_block_inner_hidden_all_colors_btn .wf_product_card_view_all_colors { display: none !important; } #product-product .wf_main_content_top { width: 100%; float: left; } /* .ocf-offcanvas.ocfilter-mobile.active { box-shadow: 0 0 0 99999px rgb(0 0 0 / 40%); } */ .ocf-offcanvas .ocf-offcanvas-body { background: white; } .ocf-offcanvas.ocfilter-mobile.active:before { content: ''; position: absolute; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgb(0 0 0 / 40%); } @media (max-width: 1499px) { .product-layout.product-grid:nth-child(3n+1) { clear: none; } .product-layout.product-grid:nth-child(4n+1) { clear: left; } /*.headertop { float: left; margin: 0 0 0 15px; }*/ .wd-menu ul li > .a-top-link, .main-category-list .wd-menu .ul-top-items > li > .more-menu { font-size: 12px !important; } .product-image .product-carousel .slider-item { max-width: 260px; } .product-grid div[data-poip_id="poip_img"] a:nth-child(4), .slider-item div[data-poip_id="poip_img"] a:nth-child(4) { display: none; } div[data-poip_id="poip_img"] img { width: 60px !important; height: 60px !important; } .product-grid div[data-poip_id="poip_img"], .slider-item div[data-poip_id="poip_img"] { height: 60px; } .product-list div[data-poip_id="poip_img"] { height: 67px; } .product-grid div[data-poip_id="poip_img"] a + a, .slider-item div[data-poip_id="poip_img"] a + a { margin-left: 5px; } #latest-grid .product-details { width: 65% !important; } } @media (max-width: 1199px) { .product-layout.product-grid:nth-child(4n+1) { clear: none; } .product-layout.product-grid:nth-child(3n+1) { clear: left; } .main-category-list .wd-menu .ul-top-items > li { padding: 33px 6px !important; } .wd-menu ul li > .a-top-link, .main-category-list .wd-menu .ul-top-items > li > .more-menu { font-size: 10px !important; } .product-image .product-carousel .slider-item { max-width: 220px; } .header_nav .left-nav { position: relative; left: initial; transform: none; } #latest-grid .product-details { width: 58% !important; margin-left: 5px; } } @media (max-width: 992px) { .col-sm-4.header-logo { /*padding: 10px 10px 10px 30px;*/ padding: 6px 10px 10px 30px; } .header-logo img { height: 50px; } .main-category-list .wd-menu .ul-top-items > li { padding: 0 !important; } .wd-menu ul li > .a-top-link, .main-category-list .wd-menu .ul-top-items > li > .more-menu { font-size: 14px !important; } .wd-menu li.mega-menu .sub-menu-container .sub-item2-content { margin-bottom: 0; } .main-slider .slider-content { width: 80%; } #wdcmsservice .wdservice .service-title { font-size: 14px; line-height: 16px; margin: 0 0 10px; } .product-image .product-carousel .slider-item { max-width: 170px; } div[data-poip_id="poip_img"] img { width: 68px !important; height: 68px !important; } .product-grid div[data-poip_id="poip_img"], .slider-item div[data-poip_id="poip_img"] { height: 68px; } .product-list div[data-poip_id="poip_img"] { height: 75px; } .product-layout.product-list .product_hover_block .action button.cart_button { margin-inline-end: 0; } .product-grid div[data-poip_id="poip_img"] a + a, .slider-item div[data-poip_id="poip_img"] a + a { margin-left: 10px; } .wf_customNavigation_related_4, .wf_customNavigation_present_4, .wf_customNavigation_looked_4 { display: block; } .lang-curr-wrapper { margin: 20px 0 0; } .language-menu { display: flex !important; height: 28px !important; padding: 0 !important; box-shadow: none !important; } #form-language .btn-link { padding: 3px 0 !important; } .language-menu li + li { margin-left: 30px !important; } #form-language .btn-link.dropdown-toggle { display: none !important; } .currency-menu { position: absolute; top: 44px; } .header_nav .left-nav { width: auto; } .right-nav { width: auto; line-height: 44px; } .ocf-offcanvas .ocfilter-mobile-handle { top: 138px !important; } .live-search ul li:nth-child(2n+1) { clear: left; } #searchbox { margin: 40px 0 0 0; } .live-search { max-height: calc(100vh - 200px); overflow: auto; } #search .search_button.active { top: 10px; } .live-search ul li { height: auto !important; } #latest-grid .product-details { width: 75% !important; } } @media (max-width: 991px) { .wd-menu ul li > .a-top-link, .a-mega-second-link strong { text-transform: none !important; } } @media only screen and (max-width: 768px) { .product-info .product-image .customNavigation { display: block !important; } div[data-poip_id="poip_img"] img { width: 60px !important; height: 60px !important; } .product-grid div[data-poip_id="poip_img"], .slider-item div[data-poip_id="poip_img"] { height: 60px; } .product-list div[data-poip_id="poip_img"] { height: 67px; } .wf_customNavigation_related { display: block !important; opacity: 1 !important; } .wf_customNavigation_related_4, .wf_customNavigation_related_3, .wf_customNavigation_related_2, .wf_customNavigation_related_1, .wf_customNavigation_present_4, .wf_customNavigation_present_3, .wf_customNavigation_present_2, .wf_customNavigation_present_1, .wf_customNavigation_looked_4, .wf_customNavigation_looked_3, .wf_customNavigation_looked_2, .wf_customNavigation_looked_1 { display: none !important; } .wf_customNavigation_related_4, .wf_customNavigation_present_4, .wf_customNavigation_looked_4 { display: block !important; } #tab-review { width: 100%; float: left; } .wf_product_page_tabs_title { display: none; } #product-product #tabs_info .nav-tabs { display: inline-block; } #product-product #tabs_info .tab-content > .tab-pane { display: none; } #product-product #tabs_info .tab-content > .tab-pane.active { display: block; } #product-product #tab-description, #product-product #tab-specification { width: 100%; float: left; } #wdnavcmsheader .wdheader-service { font-size: 13px; } .wf_btn_group_inner a span { display: none; } .currency-menu { white-space: nowrap; left: initial; right: 0; } .col-sm-4.header-logo { padding: 3px 10px 10px 30px; } .table.table-bordered.shopping-cart.responsive { border: none !important; } .ocf-offcanvas .ocfilter-mobile-handle { top: 128px !important; } .wf_review_print_image { max-width: 100%; width: 100%; text-align: center; float: left; margin: 0 0 15px; clear: both; } .single-blog .blog-img img { width: 200px; } .ocf-offcanvas .ocf-offcanvas-body { padding: 10px; } } @media only screen and (max-width: 650px) { .product-layout.product-grid:nth-child(3n+1) { clear: none; } .product-layout.product-grid:nth-child(2n+1) { clear: left; } #wdcmsservice .wdservice .service-desc { font-size: 12px; line-height: 16px; } .pagination > li, .pagination > li:last-child { margin-top: 10px; } div[data-poip_id="poip_img"] img { width: 74px !important; height: 74px !important; } .product-grid div[data-poip_id="poip_img"], .slider-item div[data-poip_id="poip_img"] { height: 74px; } .product-list div[data-poip_id="poip_img"] { height: 81px; margin: 7px 0 0; justify-content: center; padding: 0; } .product-list div[data-poip_id="poip_img"] a { margin: 0 3px 7px; } .wf_customNavigation_related_3, .wf_customNavigation_present_3, .wf_customNavigation_looked_3 { display: block !important; } #product-manufacturer .wd_category_feature { margin: 0 0 10px !important; } .product-list .wf_product_card_view_all_colors { float: left; margin: 10px 0 0; padding: 0px 15px; width: auto; position: relative; left: 50%; transform: translateX(-50%); } } @media only screen and (max-width: 543px) { ul.etabs { grid-template-columns: repeat(2,minmax(150px,3fr)); } #wdcmstestimonial, .common-home #content .content-bottom .wf_block_wrapper_html:last-child { margin-bottom: 30px; } .common-home h1 { font-size: 20px; line-height: 26px; margin-bottom: 15px; } .wf_footer_logo .img-responsive { margin: 0 auto 20px; } div[data-poip_id="poip_img"] img { width: 64px !important; height: 64px !important; } .product-grid div[data-poip_id="poip_img"], .slider-item div[data-poip_id="poip_img"] { height: 64px; } .product-list div[data-poip_id="poip_img"] { height: 71px; } .wf_product_block_color_name_hover { display: none !important; } #form-currency .btn-link.dropdown-toggle { padding: 3px 5px; } #wdnavcmsheader .wdheader-service { font-size: 12px; letter-spacing: 0; } #cart .dropdown-menu { width: 330px; } #cart .dropdown-menu .offer-btn:first-child { margin: 0 -12px 0 0; } #cart .dropdown-menu .offer-btn:last-child { margin: 10px 0 0; } .wf_cart_buttons .pull-left { float: right !important; } .wf_cart_buttons .pull-right { margin-top: 15px; } #latest-grid .product-thumb { padding: 15px 0 5px !important; } #latest-grid .product-details { width: 70% !important; } .single-blog .blog-img { margin-right: 0; } .single-blog .blog-img img { width: 100%; } } @media (max-width: 479px) { .container, .container-fluid { padding-left: 15px !important; padding-right: 15px !important; } div[data-poip_id="poip_img"] img { width: 51px !important; height: 51px !important; } .product-grid div[data-poip_id="poip_img"], .slider-item div[data-poip_id="poip_img"] { height: 51px; } .product-list div[data-poip_id="poip_img"] { height: 58px; } #wdnavcmsheader .wdheader-service { font-size: 14px; line-height: 14px; letter-spacing: 0; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 28px; overflow: hidden; width: 230px; text-align: left; } #wdnavcmsheader { padding: 8px 0; } } @media only screen and (max-width: 400px) { .product-image .product-carousel .slider-item { max-width: 150px; } div[data-poip_id="poip_img"] img { width: 40px !important; height: 40px !important; } .product-grid div[data-poip_id="poip_img"], .slider-item div[data-poip_id="poip_img"] { height: 40px; } .product-list div[data-poip_id="poip_img"] { height: 47px; } .product-grid div[data-poip_id="poip_img"], .product-list div[data-poip_id="poip_img"], .slider-item div[data-poip_id="poip_img"] { margin: 4px 0 0; } .product_hover_block { left: 4px; top: 4px; } #wdnavcmsheader .wdheader-service { width: 210px; } .header-logo #logo svg { width: 130px; } .col-sm-4.header-logo { padding: 12px 10px 10px 30px; } #cart .dropdown-menu { width: 310px; right: -10px; } .shopping-cart > tbody > tr > td { padding: 5px; } .shopping-cart .input-group-btn:last-child > .btn { padding: 7px 15px; } .ocf-offcanvas .ocfilter-mobile-handle .btn { padding: 8px 14px !important; } #latest-grid .product-details { width: 64% !important; } .wf_product_card_view_all_colors { font-size: 10px; } }