body {
color: #777777;
font-family: 'Poppins', Helvetica, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 18px;
letter-spacing: 1px;
}
select:focus{ outline: none !important; }
h1, h2, h3, h4, h5, h6 {
color: #333;
}
li {
list-style: none;
}
/* default font size */
.fa {
font-size: 14px;
}
.fa-stack{width: 12px;
font-size: 9px;
height: 11px;
}
.fa-stack .fa{font-size:11px;}
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: #333333;
}
a:hover, a:focus {
color: #111;
text-decoration: none;
}
legend {
font-size: 18px;
padding: 7px 0px
}
label {
font-weight:500;
color: #777777;
}
#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: #e8e9eb !important;
border-radius: 50% !important;
-webkit-border-radius: 50% !important;
-khtml-border-radius: 50% !important;
-moz-border-radius: 50% !important;
color: #7a7a7a;
padding: 7px 12px ;
height: 35px;
width: 35px;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
background: #ffcc01 none repeat scroll 0 0 !important;
border: 1px solid #ffcc01 !important;
color: #111 !important;
}
div.required .control-label:before {
content: '* ';
color: #F00;
font-weight: bold;
}
.banners-slider-carousel .customNavigation a.prev:hover::after{
background-position:371px 297PX ;
}
.banners-slider-carousel .customNavigation a.next:hover::after{
background-position:320px 265PX ;
}
.banners-slider-carousel .customNavigation{
opacity: 0;
margin: 0;
float: left;
width: 100%;
padding: 0;
text-align: center;
vertical-align: top;
cursor: pointer;
margin: 10px 0 0;
text-transform: uppercase;
display: none;
}
.banners-slider-carousel .customNavigation a.prev{
border: 1px solid #d6d6d6;
left: 0;
margin: auto;
padding: 5px 7px;
right: auto;
background-position: -9px -353px;
}
.banners-slider-carousel .customNavigation a:hover {
/* display: none; */
background: #111;
border: #111 ;
background-position: 40px -353px;
}
.banners-slider-carousel .customNavigation a.prev::before{
content: "";
display: none;
}
.banners-slider-carousel .customNavigation a.prev::after{
/* background: rgba(0,0,0,0) url(../image/webdigify/sprite.png) repeat scroll 320px 297PX; */
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
height: 37px;
width: 30px;
}
.banners-slider-carousel .customNavigation a.next{
left: auto;
padding: 5px 8px;
right: 0;
background-position: -69px -386px;
}
.banners-slider-carousel .customNavigation a.next::after{
/* background: rgba(0,0,0,0) url(../image/webdigify/sprite.png) repeat scroll 263px 265PX; */
bottom: 0;
content: "";
left: auto;
position: absolute;
right: 0px;
top: 0px;
height: 37px;
width: 30px;
}
.banners-slider-carousel .customNavigation a{
background: #fff url(../image/webdigify/sprite.png) repeat scroll 0 0;
border: 1px solid #d6d6d6;
font-size: 0;
height: 30px;
position: absolute;
text-align: center;
top: 94px;
width: 30px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
bottom: 0;
margin: auto;
z-index: 2;
}
/* counter*/
.countdown {
padding: 0;
float: left;
margin: 0 0 15px 0px;
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;
position: absolute;
top: -50px;
left: 0;
right: 0;
text-align: center;
opacity: 1;
}
.product-block:hover .countdown {
opacity: 0;
top:-100px;
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;
}
.countbox .timebox {
margin: 0 4px 0 0;
display: inline-block;
position: relative;
}
/* .countbox .timebox::after {
position: absolute;
content: ":";
top: 9px;
right: -5px;
width: 1px;
height: 20px;
font-size: 18px;
color: #111;
} */
.countbox .timebox:last-child::after {
display: none;
}
.countbox.hastime {
background-color: #ffffff;
width: auto;
padding: 2px 10px;
display: inline-block;
border-radius: 25px;
}
.countbox .second .timebox-inner::after {
display: none;
}
.countbox .timebox .time {
padding: 0;
color: #111;
display: block;
text-align: center;
margin: -25px 0 0 0;
font-size: 10px;
}
.count-down .countbox strong {
display: block;
font-size: 12px;
padding: 0 0;
font-weight: 600;
text-align: center;
height: 40px;
width: 35px;
line-height: 25px;
color: #111;
margin: 0 5px 0 0;
}
.countbox .timebox:last-child {
margin: 0;
}
.product-content .count-down .countbox strong {
font-size: 16px;
}
/* end of counter*/
.special-tag {
font-weight: 500;
position: absolute;
top: 10px;
left: 10px;
text-transform: capitalize;
padding: 0 10px;
background: #252525;
font-size: 11px;
color: #fff;
border-radius: 25px;
line-height: 18px;
}
.stock_status {
height: 80px;
width: 80px;
background: #00abc4;
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: 13px;
font-weight: 600;
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;
}
.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;
}
.footer-blocks div#extra-link {
width: 16%;
}
.outstock .img-responsive{filter: opacity(30%);}
.footer-blocks .col-sm-3 {
width: 24%;
}
.footer-blocks .col-sm-3.footerleft {
width: 27%;
float: right;
}
.footer-area ul li { display: inline-block;}
#block_1 .list-unstyled li:first-child { margin: 0 10px 0 0;}
.listing {
min-height: 798px;
display: block;
text-align: center;
font-size: 20px;
padding-top: 50%;
font-weight: 500;
text-transform: capitalize;
}
.listing::before {
content: "\f071";
position: absolute;
font-family: fontawesome;
margin-top: -50px;
font-size: 35px;
left: 45%;
}
/* mouse grab icon */
.grabbing { cursor: url(../stylesheet/grabbing.png) 8 8, move;}
/* OpenCart Code */
#paysocialcmsblock {
float: right;
width: 30%;
}
.social-block {
float: right;
width: 100%;
}
.payment-block{
float: right;
}
.social-block ul li {
vertical-align: top;
float: none;
}
.social-block ul li a {
width: 30px;
height: 30px;
display: block;
margin: 0 7px 0 0;;
outline: none;
color: #ffffff;
}
.social-block ul li a .fa {
font-size: 18px;
line-height: 28px;
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{ color: #00abc4; }
#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: 17px;
display: inline-block;
font-weight: 600;
line-height: 20px;
color: #111;
}
.productpage .description {
line-height: 24px;
margin-bottom: 10px;
padding: 15px 5px 20px 0;
border-bottom: 1px solid #eaeaea;
border-top: 1px solid #eaeaea;
}
.product-description td span {
color: #000;
font-weight: 600;
padding: 2px;
}
.product-description td { padding: 2px;}
.productpage .description .product-description .description-right {padding-left: 50px;}
#form-language .dropdown-menu > li > .btn { padding: 5px;color:#000;}
#form-currency .dropdown-menu .btn { padding: 6px !important; color:#333333; }
#form-language .dropdown-menu > li > .btn:hover,
#form-currency .dropdown-menu .btn:hover{color: #00abc4; background: transparent;}
.box-content-category ul {
padding: 0;
margin: 0;
}
.content_headercms_top #nav-one a {
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
}
.box-content-category a {
padding:10px 53px 10px 50px;
font-size: 13px;
display: inline-block;
line-height: 30px;
position: relative;
font-weight: 500;
width: 100%;
border-bottom: 1px solid rgba(0,0,0,0.1);
}
#review-count {
cursor: pointer;
}
.site-map li {
list-style: inherit;
line-height: 28px;
}
.site-map ul {
padding: 0 0 0 20px;
}
#review-count:hover{text-decoration: underline;}
#nav-one .dropdown a::after, #nav-one li .megamenu.column1 ul.list-unstyled > li.dropdown a::after {
content: "\f105";
right: 20px;
position: absolute;
font-family: fontawesome;
font-size: 16px;
display: inline-block;
}
#nav-one li .megamenu ul.list-unstyled > li.dropdown > a::after, #nav-one li .megamenu ul.list-unstyled li .dropdown-menu ul.list-unstyled li > a:after, #nav-one .hiden_menu .dropdown-menu a:after{
display: none;
}
.box-content-category a::before {
content: " ";
position: absolute;
right: auto;
top: 19px;
left: 25px;
background: rgba(0, 0, 0, 0) url("../image/webdigify/myaccountArrow.png") no-repeat scroll center 2px;
width: 10px;
height: 10px;
}
.box-content-category a:hover::before {
background-position: center -54px;
}
.box-content-category .dropdown a:hover::before {
background-position: center -54px;
}
.header_cart .cart-menu .text-left a {font-size: 13px;}
.header_bottom .row {
position: relative;
}
#nav-one > li > .dropdown-menu.megamenu.column1, #nav-one .hiden_menu .dropdown-menu {
padding: 20px 0 20px 20px;
width: auto;
height: auto;
min-width: 200px;
top: 0;
left: 284px;
border-radius: 0;
}
.quickview .header-container {display: none;}
/* header cms start*/
.content_headercms_top {
float: left;
width: 16%;
margin-top:5px;
text-align:left;
}
.content_header_topleft {
padding:0;
position: relative;
text-transform: uppercase;
font-weight:500;
}
.content_header_top .single-banner { margin: 0;}
.static_links {
list-style: outside none none;
margin: 0;
padding: 2px 0 0 0;
padding-left:8px;
}
.static_links li {
position: relative;
padding:0;
float: left;
}
.static_links .hiden_menu .top_level > a {
padding: 10px 20px !important;
margin-right:0;
}
.static_links li .megamenu li.list-unstyled.childs_1 li{padding:0;}
#content .col-sm-6 h2 {font-size: 16px;}
.static_links .myaccount ul{ height:auto; border:1px solid #ebebeb;padding:10px 5px; }
.static_links ul.nav li .megamenu.column1 ul.childs_1 {border: medium none;}
.static_links ul.nav li .megamenu.column1 ul.list-unstyled li > a {
color: #000;
display: inline-block;
font-size: 14px;
padding: 8px 7px !important;
position: relative;
text-transform: capitalize;
font-weight:400;
}
.static_links ul.nav li .megamenu.column1 ul.list-unstyled li > a:hover {color:#00abc4;}
.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: #00abc4;
}
.lang-curr-wrapper .currency-title:hover {
color: #00abc4;
}
.login_acc li {
padding: 3px 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;
font: 500 13px/24px "Poppins",Helvetica,sans-serif;
}
.checkout:hover {
color: #000;
}
.myaccount .account:hover {
background: none;
color: #000 !important;
border: none;
font-size: 12px;
margin: 0;
padding: 0;
}
.drop_account {
color: #000000;
}
.myaccount .account {
background: #fff none repeat scroll 0 0;
border: 1px solid #111111 ;
color: #111111 ;
float: left;
margin: 5px;
padding: 8px 18px;
text-align: center;
border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
-moz-border-radius:5px;
font-weight:400;
}
.static_links .dropdown.myaccount li a:hover{
background:none;
color:#00abc4;
}
.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: #00abc4 !important;
}
.table-striped > tbody > tr:nth-of-type(2n+1) {
background: none;
}
#nav-one > li.top_level.dropdown .list-unstyled.childs_1 li a::before {
background: none;
}
#top-links li{padding:0; list-style:none}
header .btn-link:hover, header .btn-link:focus, #top-links a:hover, #top-links a:focus {
color: #fff ;
background: none;
text-decoration: none;
}
#top-links .dropdown-menu a {
text-shadow: none;
}
#top-links .dropdown-menu a:hover,#top-links .dropdown-menu a:focus {
color: #2196f3;
}
#top .btn-link strong {
font-size: 14px;
font-weight: normal;
}
#top-links {
padding-top: 0px;
}
#top-links a + a {
margin-left: 15px;
}
.dropdown.myaccount:hover a.account::after, .dropdown.myaccount:hover a.account1::after , .dropdown.myaccount:hover a.account_order1::after, .dropdown.myaccount:hover a.account_transaction1::after, .dropdown.myaccount:hover a.account_download1::after, .dropdown.myaccount:hover a.account_logout1::after{display:none;}
.swiper-viewport .swiper-button-next {
left: auto;
right: 40px;
width: 60px;
height: 60px;
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: 40px;
width: 60px;
height: 60px;
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: #00abc4;
}
.right-myaccount-menu > li #wishlist-total {
border-right: 1px solid;
padding: 0 10px 0 0;
}
.right-links .right-myaccount-menu ul li{
margin-right:10px;
}
.content-top {
float: left;
width: 100%;
}
.content-bottom {
clear: both;
}
.pull-left.wd-language {
top: 250px;
z-index: 4;
/* float: none; */
}
.pull-left.wd-currency {
top: 310px;
z-index: 3;
}
.wd-currency, .wd-language {
cursor: pointer;
float: right;
position: fixed;
text-align: center;
right: 0;
}
#form-language .fa-angle-down, #form-currency .fa-angle-down{
float: none;
margin: 4px 0 0 10px;
display: inline-block;
vertical-align: top;
}
#form-language .fa-angle-down {
margin: 4px 0 0 1px;
}
#form-currency .btn-link, #form-language .btn-link {
color: #fff;
font-size: 13px;
line-height: 22px;
letter-spacing: 0.8px;
width: 100%;
text-align: left;
background: #00abc4;
border: 2px solid #fff;
padding: 8px 15px 8px 15px;
border-right: none;
border-radius: 25px 0 0 25px;
margin: 0 -30px 0 0;
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;
}
#form-currency .btn-link:hover,#form-currency .btn-link:active,
#form-language .btn-link:hover,#form-language .btn-link:active{
background: #ffcc01;
color: #111 !important;
margin: 0 0;
}
#form-currency .currency-menu .btn-link:hover,#form-currency .currency-menu :active{
background: #fff;
color: #111;
}
#form-currency:hover .btn-link.dropdown-toggle,#form-currency:active .btn-link.dropdown-toggle,#form-currency:focus .btn-link.dropdown-toggle,
#form-language:hover .btn-link.dropdown-toggle, #form-language:active .btn-link.dropdown-toggle {
margin: 0px;
}
.nav2 {
float: right;
margin: 0px 0 0 0;
}
.lang-curr-wrapper {
top: 250px;
z-index: 4;
cursor: pointer;
float: right;
position: fixed;
text-align: center;
right: 0;
}
.language-menu li {
text-align: left;
}
#form-language .btn-link.btn-block.language-select ,
#form-currency .currency-select{
color: #666;
background: none;
font-weight: 500;
line-height: 23px;
padding: 0;
}
#form-language .dropdoen-menu > li > .btn:hover, #form-currency .dropdoen-menu .btn:hover {
color: #00abc4 !important;
text-decoration: none;
}
.language-menu li, .currency-menu li {
padding: 0px 0px;
}
.pull-left #form-language:hover .btn-group span:hover,
.pull-left #form-currency:hover .btn-group span:hover {
color: #111 ;
}
#form-currency .btn-link strong {
font-weight: normal;
padding: 0 3px 0 0;
font-size: 13px;
}
.pull-left #form-language .btn-group span img {
padding:0px 8px 0 0;
}
.dropdown.myaccount {
float: left;
/* position: relative;
width: 40px;
height: 40px;
float: left; */
height: 50px;
width: 50px;
position: relative;
background: #fff;
border-radius: 25px;
}
.myaccount > a {
position: absolute;
width: 100%;
height: 100%;
background:rgba(0, 0, 0, 0) url("../image/webdigify/sprite.png") no-repeat scroll 0 -272px;
display: block;
transition: all 600ms ease-in-out 0s;
-webkit-transition: all 600ms ease-in-out 0s;
-moz-transition: all 600ms ease-in-out 0s;
-o-transition: all 600ms ease-in-out 0s;
-ms-transition: all 600ms ease-in-out 0s;
}
.myaccount > a:hover {
transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
}
.language-menu ,
.currency-menu{
padding: 10px;
display: none;
position: absolute;
background: #fff;
border: 1px solid #eaeaea;
top:42px;
left: auto;
right: 0;
min-width: 120px;
z-index: 1000;
margin: 0px;
}
.currency-menu{
min-width: 150px;
padding: 10px 0;
}
.header_nav {
line-height: initial;
color: #fff;
font-size: 13px;
padding:10px 0;
letter-spacing: 0.5px;
background: #111111;
font-weight: 400;
}
.header_nav .left-nav {
display: inline-block;
vertical-align: top;
}
.header_nav .right-nav {
float: right;
}
.header_top {
width: 100%;
background: #22272e;
padding:30px 0;
text-align: center;
}
.header_bottom {
width: 100%;
background:#00abc4;
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: 100%;
/* height: 80px; */
float: left;
position: relative;
overflow: hidden;
}
.category_list.box .category_img a::after{
height: 100%;
left: 0;
position: absolute;
top: 0;
transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-khtml-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
content: " ";
bottom: 0;
width: 100%;
}
.wd_category_feature .wd-titlecat .owl-carousel .owl-wrapper-outer .category_list.box:hover .category_img .btn-feature {
opacity: 1;
transition: all 400ms ease-in-out 0s;
bottom: 30px;
}
.btn-feature a.btn-primary{
float: left;
width: 100%;
margin: -41px 0 0;
position: absolute;
top: auto;
bottom: 0;
left: 0;
right: 0;
opacity: 0;
}
.wd_category_feature .wd-titlecat .owl-carousel .owl-wrapper-outer .category_list.box .category_img .btn-feature a.btn-primary{
font: 500 14px/18px "Poppins",Helvetica,sans-serif;
color: #fff;
background: #00abc4 none repeat scroll 0 0;
float: left;
width: 150px;
padding: 12px 36px;
vertical-align: top;
cursor: pointer;
text-align: center;
border-radius: 25px;
opacity: 1;
}
.wd_category_feature .wd-titlecat .owl-carousel .owl-wrapper-outer .category_list.box .category_img .btn-feature a.btn-primary:hover{
background: #ffcc01;
color: #111
}
.wd_category_feature .wd-titlecat .owl-carousel .owl-wrapper-outer .category_list.box .category_img .btn-feature{
float: left;
margin: -41px 0 0;
position: absolute;
top: 40px;
bottom: auto;
width: auto;
bottom: 0px;
text-align: center;
left: 50px;
right: auto;
opacity: 0;
}
.btn-feature a.btn-primary a{
font: 500 14px/18px "Poppins",Helvetica,sans-serif;
color: #fff;
background: #00abc4 none repeat scroll 0 0;
display: inline-block;
float: none;
padding: 12px 32px;
vertical-align: top;
width: auto;
cursor: pointer;
border-radius: 25px;
opacity: 1;
}
.btn-feature a.btn-primary a::after{
height: 100%;
left: 0;
position: absolute;
top: 0;
transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-khtml-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
content: " ";
bottom: 0;
width: 100%;
}
.header_right {
float: right;
width: 13%;
}
#_desktop_contact_link {
float: left;
position: relative;
text-align: left;
cursor: pointer;
color: #666;
width: auto;
font-size: 13px;
margin: 0px;
align-items: center;
/* float: left; */
padding: 0 0 0 60px;
/* position: relative; */
z-index: 1;
}
#_desktop_contact_link::before{
background: #fff;
border-radius: 50%;
bottom: 0;
content: "";
height: 50px;
left: 0;
position: absolute;
right: auto;
top: 0;
transition: all 600ms ease-in-out 0s;
width: 50px;
}
#_desktop_contact_link::after {
background: url(../image/webdigify/sprite.png) no-repeat scroll 0 -420px;
border-radius: 50%;
bottom: 0;
content: "";
height: 50px;
left: 0;
position: absolute;
right: auto;
top: 0;
transition: all 600ms ease-in-out 0s;
width: 50px;
}#_desktop_contact_link:hover::after {
transform: rotateY(
180deg);
}
span.content {
display: inline-block;
vertical-align: top;
letter-spacing: 0.99px;
}
span.service-title {
font-weight: 400;
font-size: 13px;
line-height: 20px;
letter-spacing: 0.5px;
color: #fff;
}
span.content a.contact-info {
color: #fff;
/* font-size: 13px;
font-weight: 600;
line-height: 20px; */
font: 500 18px/50px "Montserrat",Helvetica,sans-serif;
}
@media (max-width: 991px){
.header_top .header_right {
display: none;
}
.header_right {
float: left;
width: auto !important;
}
}
/*************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;
box-shadow: 0 2px 5px rgb(0 0 0 / 10%);
-moz-box-shadow: 0 2px 5px rgba(0,0,0,.1);
-webkit-box-shadow: 0 2px 5px rgb(0 0 0 / 10%);
animation: 0.9s ease 0s normal both 1 running fixedAnim;
-webkit-animation: 0.9s ease 0s normal both 1 running fixedAnim;
-moz-animation: 0.9s ease 0s normal both 1 running fixedAnim;
-o-animation: 0.9s ease 0s normal both 1 running fixedAnim;
}
#checkout-checkout .text-right.total {
font-size: 17px;
font-weight: 600;
}
a.banner_text::before, a.banner_text::after{
background:none !important;
}
.col-sm-4.header-logo {
float: left;
margin: auto;
padding: 0;
/* width: auto; */
position: absolute;
top: 28px;
left: 0;
right: 0;
text-align: center;
vertical-align: top;
/* width: 245px; */
}
.header_center {
float: left;
width: 100%;
text-align: center;
}
.col-sm-3.sort{ padding:0; }
.col-sm-3.sort.category_dropdown span.customSelect{
height: 38px;
border-radius: 5px;
padding: 8px 15px;
}
#searchbox .col-sm-3.sort { padding:0 15px; }
.col-sm-3.sort select.form-control{
padding:0;
height:auto;
text-transform: capitalize;
background-color:#fff;
color:#333333;
border:none;
overflow:hidden;
left:0;
width:100% !important;
}
.head-right-bottom {
float:right;
position:relative;
}
/*header-cms*/
.quickview { padding:15px 0; display:inline-block; }
.quickview .container { width:100%; background:#FFFFFF; padding:0 10px; }
.quickview .container .row { margin:0; }
.quickview .top_button { display:none; }
.quickview #product2 { float:left; width:100%; }
.quickview #product2 h3 { width:100%; }
.productpage-quickview #product2 h3 {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
font-size: 14px;
font-weight: 600;
margin: 0 0 10px;
padding: 0;
text-transform: none;
color:#333333;
}
.menu_toggle {
background: #ffffff none repeat scroll 0 0;
display: none;
left: 0;
position: absolute;
top: 62px;
width: 100%;
z-index: 99;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
-moz-border-radius:5px;
}
/* search */
.col-sm-5.header_search {
width: auto;
padding: 0;
position: relative;
float: none;
margin:0 25px 0 0;
display: inline-block;
}
.input-group{
padding: 20px 0 0 ;
}
#search .search_button {
font-size: 0;
padding: 0;
text-align: center;
cursor: pointer;
z-index: 9;
background: url(../image/webdigify/header-icon.png) no-repeat scroll -85px -385px;
height: 40px;
width: 40px;
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;
display: block;
}
#search .search_button:hover {
transform: rotateY(180deg);
-webkit-transform: rotateY( 180deg );
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
}
#search .search_button.active {
z-index: 1;
cursor: pointer;
background-position:-86px -437px;
position: relative;
}
.search_toggle {
display: none;
position: absolute;
z-index: 9;
width: 280px;
right: 0;
top: 80px;
}
#searchbox {
position: relative;
float: left;
width: 100%;
}
.search_box {
float: left;
position: relative;
}
.search_box .form-control-select {
height: 44px;
position: relative;
-moz-appearance: none;
-webkit-appearance: none;
border-radius: 0;
border: none;
padding:5px 4px 5px 17px;
border-radius: 30px 0 0 30px;
font-size: 12px;
color: #666;
line-height: 1.25;
letter-spacing: 0.8px;
width: 150px;
}
.search_box:after {
/* content: ""; */
content: "\f107";
font-family: 'FontAwesome';
position: absolute;
right: -11px;
top: 0;
z-index: 1;
cursor: pointer;
bottom: 0;
margin: auto;
height: 20px;
width: 20px;
background: #00abc4;
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: 44px;
width: 100%;
padding: 8px 45px 8px 18px;
font-size: 12px;
color: #777;
display: block;
border-color: #f0f0f0;
box-shadow: 1px 1px 2px 2px rgb(0 0 0 / 10%);
}
.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: #00abc4;
color: #111;
}
/* end of search */
/* header top cms block*/
.offer-image {
background: url("../image/webdigify/offer.png") no-repeat scroll 0 0;
width: 27px;
height: 27px;
position: absolute;
}
.offer-title {
float: left;
text-transform: capitalize;
color: #7a7a7a
}
.offer-inner {
display: inline-block;
margin-left: 35px;
margin-top: 3px;
}
.offer_title {
font-size: 15px;
font-weight: 500;
color: #ff0000;
}
/* end header top block */
/****************Start Cms Top Banner********************/
#wdcmsbanner {
float: left;
width: 100%;
margin: 80px 0;
}
#wdcmsbanner .wdcmsbanner{
margin: 0 -15px;
}
#wdcmsbanner .one-third {
padding: 0px 15px;
float: left;
width: 50%;
position: relative;
}
#wdcmsbanner .wdcmsbanner-content .title {
font-size: 24px;
line-height: 26px;
font-weight: 600;
text-transform: capitalize;
color: #111111;
margin: 0 0 22px;
letter-spacing: 0;
}
#wdcmsbanner .wdcmsbanner-content .subtitle {
font-size: 16px;
line-height: 20px;
font-weight: 400;
text-transform: capitalize;
color: #111;
margin: 0 0 25px;
letter-spacing: 0;
}
.wdright-banner-content {
float: left;
width: 100%;
position: relative;
display: flex;
align-items: center;
}
#wdcmsbanner .wdbanner2 .wdcmsbanner-content {
text-align: center;
float: left;
position: absolute;
right: auto;
left: 23px;
}
#wdcmsbanner .wdcmsbanner-content .label {
background: #ff6c16;
display: inline-block;
font-size:14px;
font-weight: 400;
line-height: 24px;
color: #fff;
text-transform: capitalize;
padding: 0 12px;
border-radius: 5px;
margin: 0 0 12px;
}
#wdcmsbanner .wdbanner1 .wdcmsbanner-content {
text-align: left;
float: right;
position: absolute;
right: 15px;
left: auto;
top:66px;
}
#wdcmsbanner .wdbanner1.wdbanner-img.col-sm-6.col-xs-6 .wdright-banner-content .wdcmsbanner-content .title{
font-size: 20px;
line-height: 24px;
font-weight: 400;
color: #ffcc01;
letter-spacing: 0.28px;
}
#wdcmsbanner .wdbanner1.wdbanner-img.col-sm-6.col-xs-6 .wdright-banner-content .wdcmsbanner-content .subtitle{
font-size: 36px;
line-height: 24px;
font-weight: 600;
color: #ffff;
margin: 0 0 38px;
letter-spacing: 0.28px;
}
#wdcmsbanner .wdbanner1.wdbanner-img.col-sm-6.col-xs-6 .wdcmsbanner-content .offer a.btn-primary{
font-size: 14px;
line-height: 24px;
padding: 11px 34px;
font-weight: 400;
color: #111111;
background-color: #fff;
display: inline;
text-transform: capitalize;
letter-spacing: 0.4px;
border-radius: 25px;
}
#wdcmsbanner .wdbanner1.wdbanner-img.col-sm-6.col-xs-6 .wdcmsbanner-img1.wdbanner .wdright-banner-content a,
#wdcmsbanner .wdbanner2.wdbanner-img.col-sm-6.col-xs-6 .wdcmsbanner-img2.wdbanner .wdright-banner-content a {
overflow: hidden;
position: relative;
/* display: block; */
}
#wdcmsbanner .wdbanner1.wdbanner-img.col-sm-6.col-xs-6 .wdcmsbanner-content .offer a.btn-primary:hover{
background: #00abc4;
color: #fff;
}
#wdcmsbanner .wdbanner2.wdbanner-img.col-sm-6.col-xs-6 .wdright-banner-content .wdcmsbanner-content .title{
font-size: 34px;
line-height: 30px;
font-weight: 400;
color: #fff;
}
#wdcmsbanner .wdbanner2.wdbanner-img.col-sm-6.col-xs-6 .wdright-banner-content .wdcmsbanner-content .subtitle{
font-size: 40px;
font-weight: 600;
color: #ffcc01;
margin: 0 0 20px;
}
.wdbanner2.wdbanner-img.col-sm-6.col-xs-6 .wdcmsbanner-content .text{
font-size: 30px;
line-height: 50px;
font-weight: 500;
color: #ffff;
}
#wdcmsbanner .wdcmsbanner .wdright-banner-content {
float: left;
width: 100%;
position: relative;
display: flex;
align-items: center;
}
#wdcmsbanner .wdcmsbanner .wdcmsbanner-content {
text-align: center;
position: absolute;
left: 75px;
right: auto;
width: auto;
}
#wdcmsbanner .wdcmsbanner .wdcmsbanner-content .offer a {
display: inline-block;
font:500 14px/20px 'Poppins', Helvetica, sans-serif;
text-transform: capitalize;
background: #111111;
color: #ffffff;
padding: 9px 34px;
position: relative;
border-radius: 0;
letter-spacing: 0.5px;
vertical-align: top;
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: 30px;
}
#wdcmsbanner .wdcmsbanner .wdcmsbanner-content .offer a:hover{
background: #00abc4;
}
#wdcmsbanner .wdcmsbanner-img3.wdcmsbanner .wdcmsbanner-content .title,
#wdcmsbanner .wdcmsbanner-img3.wdcmsbanner .wdcmsbanner-content .subtitle{
color: #ffffff;
}
#wdcmsbanner .wdcmsbanner-img2.wdcmsbanner .wdcmsbanner-content .offer a {
background: #111;
color: #fff;
}
#wdcmsbanner .wdcmsbanner-img2.wdcmsbanner .wdcmsbanner-content .offer a:hover {
background: #fff;
color: #111;
}
#wdcmsbanner .wdcmsbanner .wdright-banner-content > a {
display: block;
overflow: hidden;
}
#wdcmsbanner .wdcmsbanner-img2.wdcmsbanner .wdcmsbanner-content .title {
color: #111;
}
#wdcmsbanner .wdcmsbanner-img2.wdcmsbanner .wdcmsbanner-content .toptitle {
color: #111;
}
#wdcmsbanner .wdbanner1.wdbanner-img .wdcmsbanner-img1.wdbanner .wdright-banner-content a.btn-primary::after{
content: "";
display: none;
}
#wdcmsbanner .wdbanner-img.col-sm-6.col-xs-6 a img.image{ width: 100%;
max-width: 100%;}
#wdcmsbanner .wdbanner1.wdbanner-img .wdcmsbanner-img1.wdbanner .wdright-banner-content a::after
{
background: rgba(255,255,255,.6) none repeat scroll 0 0;
content: "";
height: 0;
left: 0;
opacity: 1;
position: absolute;
right: 0;
top: 0;
transition: all 600ms ease-in-out 0s;
width: 100%;
bottom: 0;
}
#wdcmsbanner .wdbanner1.wdbanner-img .wdcmsbanner-img1.wdbanner .wdright-banner-content:hover a::after {
height: 90%;
opacity: 0;
}
#wdcmsbanner .wdbanner2.wdbanner-img .wdcmsbanner-img2.wdbanner .wdright-banner-content a::after
{
background: rgba(255,255,255,.6) none repeat scroll 0 0;
content: "";
height: 0;
left: 0;
opacity: 1;
position: absolute;
right: 0;
top: 0;
transition: all 600ms ease-in-out 0s;
width: 100%;
bottom: 0;
}
#wdcmsbanner .wdbanner2.wdbanner-img .wdcmsbanner-img2.wdbanner .wdright-banner-content:hover a::after {
height: 90%;
opacity: 0;
}
@media (max-width:1199px) {
#wdcmsbanner .wdcmsbanner .wdcmsbanner-content {
left: 18px;
top: 20px;
}
#wdcmsbanner .wdcmsbanner .wdcmsbanner-content .title{
font-size: 20px;
line-height: 22px;
margin: 0 0 11px;
}
#wdcmsbanner .wdcmsbanner .wdcmsbanner-content .offer a{
font-size: 13px;
line-height: 18px;
padding: 9px 18px;
}
#wdcmsbanner .wdcmsbanner .wdcmsbanner-content .subtitle {
font-size: 14px;
margin-bottom: 17px;
}
}
@media (max-width:991px) and (min-width:576px){
#wdcmsbanner .wdcmsbanner .wdcmsbanner-content .title {
font-size: 15px;
line-height: 16px;
margin: 0 0 7px;
}
#wdcmsbanner .wdcmsbanner .wdcmsbanner-content .toptitle {
font-size: 16px;
line-height: 18px;
margin: 0 0 7px;
}
#wdcmsbanner .wdcmsbanner .wdcmsbanner-content .offer a {
font-size: 12px;
line-height: 16px;
padding: 7px 14px;
}
#wdcmsbanner .wdcmsbanner .wdcmsbanner-content .subtitle {
font-size: 12px;
margin-bottom: 12px;
}
}
@media(max-width:991px){
#wdcmsbanner .wdcmsbanner {
margin: 0px -10px;
}
#wdcmsbanner .one-third {
padding: 0 10px;
}
#wdcmsbanner .wdcmsbanner .wdcmsbanner-content {
left: 10px;
top: 10px;
}
#wdcmsbanner {
margin: 50px 0;
}
}
@media(max-width:650px){
#wdcmsbanner {
margin: 20px 0;
}
}
@media(max-width:650px){
#wdcmsbanner .one-third {
padding: 0px 10px;
}
}
@media(max-width:575px){
#wdparallaxcmsblock {
margin: 0 0 30px 0;
}
#wdcmsbanner {
margin: 30px 0;
}
#wdcmsbanner .wdcmsbanner .wdcmsbanner :last-child{
margin: 0;
}
#wdcmsbanner .one-third {
width: auto;
margin:0 0 15px;
float: none;
display: inline-block;
}
#wdcmsbanner .one-third.banner-part3 {
margin: 0;
}
#wdcmsbanner .wdcmsbanner {
text-align: center;
}
#wdcmsbanner .wdcmsbanner .wdright-banner-content {
float: left;
width: 100%;
position: relative;
display: block;
text-align: center;
}
#wdcmsbanner .wdcmsbanner .wdcmsbanner-content {
left:9%;
top: 27%;
}
}
@media(max-width:479px){
#wdparallaxcmsblock {
margin: 0 0 25px 0;
}
#wdcmsbanner .one-third {
margin: 0 0 10px;
}
#wdcmsbanner .wdcmsbanner .wdcmsbanner-content {
left: 5%;
top: 23%;
}
#wdcmsbanner {
margin: 15px 0;
}
}
@media(max-width:380px){
#wdcmsbanner .wdcmsbanner .wdcmsbanner-content {
top: 17%;
}
#wdcmsbanner .wdcmsbanner .wdcmsbanner-content .offer a {
font-size: 12px;
line-height: 18px;
padding: 7px 18px;
}
#wdcmsbanner .wdcmsbanner .wdcmsbanner-content .subtitle {
font-size: 13px;
margin-bottom: 16px;
}
#wdcmsbanner .wdcmsbanner .wdcmsbanner-content .title {
font-size: 18px;
line-height: 22px;
margin: 0 0 8px;
}
}
/********************End Cms Top Bannner***********************/
.footer-middle {
background: #f1f4fa;
float: left;
width: 100%;
}
/************************Start Category List Cms********************/
/* .category_list_carousel.owl-carousel.owl-theme {
background: #fff repeat scroll 0 0;
box-shadow: 0 0 8px 0 rgb(0 0 0 / 20%);
padding: 60px;
margin: -70px auto 0;
position: relative;
} */
.wd-titlecat {
float: left;
width: 100%;
}
.wd_category_feature {
float: left;
width: 100%;
text-align: center;
padding: 0 0 10px;
margin: 0;
}
.wd_category_feature {
background: #f5f5f5 url(../image/webdigify/pattern.png) repeat scroll 0 0;
}
/* .wd_category_feature .cat-slider */
.wd_category_feature .cat-slider .container {
background: #fff repeat scroll 0 0;
box-shadow: 0 0 8px 0 rgb(0 0 0 / 20%);
padding: 60px;
margin: -70px auto 0;
position: relative;
z-index: 1;
}
.category_list.box {
float: left;
width: 100%;
padding: 0 15px;
}
.category_list.box .category_img img {
max-width: 100%;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
width: 100%;
margin: 0 auto;
}
.category_list.box:hover .category_img a img{
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.category_list.box .category_img a img{
position: relative;
/* display: inline-block; */
overflow: hidden;
float: left;
width: 100%;
}
/* .category_list.box .category_img a img::after{
height: 100%;
left: 0;
position: absolute;
top: 0;
transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-khtml-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
content: " ";
bottom: 0;
width: 100%;
} */
.category_list.box:hover .category_img a img::after {
background: rgba(0,0,0,.1);
transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-khtml-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
}
.category_list_inner {
text-align: center;
float: left;
width: 100%;
margin: 0;
padding: 20px 0 0 0px;
}
.category_list_inner ul.subcategory {
margin: 0;
float: left;
width: 100%;
position: relative;
}
.category_list_inner a{
font: 700 20px/30px 'Poppins', sans-serif;
margin: 0;
position: relative;
text-transform: capitalize;
padding: 0;
color: #111;
float: left;
width: 100%;
letter-spacing: 0;
border: none;
transition: 400ms ease-in-out all;
-webkit-transition: 400ms ease-in-out all;
-moz-transition: 400ms ease-in-out all;
-o-transition: 400ms ease-in-out all;
-ms-transition: 400ms ease-in-out all;
}
.category_list.box:hover .category_list_inner a{
color: #00abc4;
transition: 400ms ease-in-out all;
-webkit-transition: 400ms ease-in-out all;
-moz-transition: 400ms ease-in-out all;
-o-transition: 400ms ease-in-out all;
-ms-transition: 400ms ease-in-out all;
}
.content-top .owl-controls.clickable {
display: none;
margin: 15px 0 0;
}
.wd_category_feature .category_list_carousel.owl-carousel.owl-theme {
padding: 0;
}
.wd_category_feature .wd-titlecat .category_list_carousel.owl-carousel.owl-theme .owl-controls{
display: inline-block;
}
.banners-slider-carousel .customNavigation a.prev,
.wd-titlecat .owl-carousel .owl-controls .owl-buttons .owl-prev{
border: 1px solid #dfd7d7;
cursor: pointer;
float: left;
font-size: 0;
height: 31px;
line-height: 40px;
margin: 0 2px;
padding: 0;
left: auto;
position: relative;
vertical-align: top;
width: 31px;
border-radius: 70px;
background: #fff url(../image/webdigify/sprite.png) no-repeat scroll -11px -352px ;
}
.banners-slider-carousel .customNavigation a.prev:hover,
.wd-titlecat .owl-carousel .owl-controls .owl-buttons .owl-prev:hover{
background-color: #111;
border: 1px solid #111;
background-position: -68px -352px;
}
.wd_category_feature .category_list_carousel.owl-carousel.owl-theme .owl-controls.clickable .owl-buttons .owl-prev:after {
border-bottom: 1px solid #dfd7d7;
content: "";
height: 1px;
left: -41px;
position: absolute;
top: 15px;
width: 40px;
}
.wd_category_feature .category_list_carousel.owl-carousel.owl-theme .owl-controls.clickable .owl-buttons .owl-prev::before {
content: "";
float: left;
height: 1px;
width: 60px;
border-top: 1px solid #dfd7d7;
left: -60px;
position: absolute;
top: 10px;
}
.banners-slider-carousel .customNavigation a.next,
.wd-titlecat .owl-carousel .owl-controls .owl-buttons .owl-next{
border: 1px solid #dfd7d7;
cursor: pointer;
float: right;
font-size: 0;
right: auto;
height: 31px;
line-height: 40px;
margin: 0 2px;
padding: 0;
position: relative;
vertical-align: top;
width: 31px;
border-radius: 70px;
background: #fff url(../image/webdigify/sprite.png) no-repeat scroll -69px -386px;
}
.banners-slider-carousel .customNavigation a.next:hover,
.wd-titlecat .owl-carousel .owl-controls .owl-buttons .owl-next:hover{
background-color: #111;
border: 1px solid #111;
background-position:-11px -386px;
}
.wd_category_feature .category_list_carousel.owl-carousel.owl-theme .owl-controls.clickable .owl-buttons .owl-next:after{ border-bottom: 1px solid #dfd7d7;
content: "";
height: 1px;
left: 30px;
position: absolute;
top: 15px;
width: 40px;}
.wd_category_feature .category_list_carousel.owl-carousel.owl-theme .owl-controls.clickable .owl-buttons .owl-next::before{
content: "";
float: left;
height: 1px;
width: 60px;
border-top: 1px solid #dfd7d7;
left: 30px;
position: absolute;
top: 10px;
}
.category_list.box .category_list_inner .view a {
color: #777;
font: 400 12px/24px 'Poppins', sans-serif;
text-transform: capitalize;
position: relative;
padding: 0;
display: inline-block;
}
.view a:hover {
text-decoration: underline;
}
@media(max-width:1499px){
.category_list_inner{padding: 10px 0 0 0;}
.category_list_carousel.owl-carousel.owl-theme {
margin-left: 0;
margin-right: 0;
}
}
@media(max-width:991px){
.category_list.box {
padding: 0 10px;
}
}
@media(max-width:575px){
.category_list_inner {
padding: 5px 0 0 0;
width: 100%;
text-align: center;
}
.category_list_carousel.owl-carousel.owl-theme {
margin: 15px 0px;
}
.category_list.box .category_img {
width: 100%;
float: left;
}
.category_list.box {
float: left;
width: auto;
display: block;
text-align: center;
}
}
/************************End Category List Cms**********************/
/***********************Homepage Special Product********************/
.product-block-inner .image .rating {
position: relative;
text-align: center;
width: 100%;
color: #666;
position: absolute;
left: 0 !important;
right: 0;
bottom: 10px;
top: auto !important;
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;
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
}
.product-thumb .image {
text-align: left;
position: relative;
overflow: hidden;
background: #fff;
}
.tabfeatured_default_width{ width:240px;}
.tabbestseller_default_width{ width:260px;}
.tablatest_default_width{ width:260px;}
.tabspecial_default_width{ width:260px;}
.featured_default_width{ width:240px;}
.tab-content .tab {
display: none;
}
.static_links ul.nav li .megamenu ul.list-unstyled li .dropdown-menu {
border: medium none;
margin: 0;
padding:0 0 0 0;
position: relative;
}
.static_links ul.nav li .megamenu ul.list-unstyled li.dropdown.dropdown-menu{
border:1px solid #000;
margin: 0;
padding:10px;
position:absolute;
left:188px;
top:0;
}
.static_links ul.nav li .megamenu ul.list-unstyled li .dropdown-menu{
display:block;
}
.static_links ul.nav li .megamenu.column1 ul.list-unstyled > li.dropdown .dropdown-menu {
border: 1px solid #d9d9d9;
display: none;
left: 165px;
padding: 10px;
position: absolute;
top: 0;
border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
-moz-border-radius:5px;
}
.static_links ul.nav li .megamenu.column1 ul.list-unstyled > li.dropdown:hover .dropdown-menu{display:block;}
.main-slider .swiper-viewport {
border: medium none;
box-shadow: none;
margin:0;
border-radius: 0;
}
.swiper-viewport .swiper-button-prev::before,.swiper-viewport .swiper-button-next::before {
font-size:25px;
opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
-moz-opacity: 1;
text-align: center;
padding: 6px 0;
display: inline-block;
width: 60px;
height: 60px;
content: "\f104";
font-family: "fontawesome";
font-weight: 400;
border-radius: 50%;
border: 2px solid #fff;
background: transparent;
color: #fff;
}
.swiper-viewport .swiper-button-next::before {
content: "\f105";
}
.swiper-viewport .swiper-button-next:hover::before, .swiper-viewport .swiper-button-prev:hover::before {
color: #111;
background-color: #ffcc01;
}
.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: #111 url(../image/webdigify/header-icon.png) no-repeat scroll -84px -383px;
border: none;
color: #ffffff !important;
padding: 0;
height: 44px;
font-weight: 700;
text-transform: uppercase;
border-radius: 0;
width: 44px;
}
#search .btn-lg:hover {
background-color: #00abc4;
}
.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 */
/*-------------------------- Start Home page Offer Cms Block -------------------------------*/
#wdoffercmsblock {
position: relative;
float: left;
width: 100%;
background: #111111;
margin: 0 0 80px 0;
}
#wdoffercmsblock .wdoffercmsblock {
padding: 55px 130px;
}
#wdoffercmsblock .offercms-inner {
position: relative;
vertical-align: top;
overflow: hidden;
}
#wdoffercmsblock .wdoffercmsblock .offercms-inner .offercms-detail .offercms-text {
position: relative;
display: inline-block;
padding:0 0 0 65px;
background:url(../image/webdigify/offer-icon.png) no-repeat scroll left center;
}
#wdoffercmsblock .wdoffercmsblock .offercms-inner .offercms-detail .main-title {
font-size: 30px;
font-weight: 300;
letter-spacing: 0.4px;
padding-top: 0;
line-height: 32px;
color: #fff;
display: block;
position: relative;
text-transform: capitalize;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#wdoffercmsblock .wdoffercmsblock .offercms-inner .offercms-detail .main-title span {
color: #00abc4;
font-weight: 600;
}
#wdoffercmsblock .wdoffercmsblock .offercms-inner .offercms-detail .offercms-text .sub-title {
display: block;
font-size: 14px;
letter-spacing: 0.8px;
color: #ffffff;
line-height: 24px;
margin-top: 5px;
}
#wdoffercmsblock .wdoffercmsblock .offercms-inner .offercms-detail .main-heading {
font-size: 14px;
padding-left: 50px;
color: #888;
font-weight: 400;
letter-spacing: 0.8px;
display: inline-block;
padding-top: 5px;
}
#wdoffercmsblock .wdoffercmsblock .offercms-inner .offercms-detail .viewmore {
float: right;
}
#wdoffercmsblock .wdoffercmsblock .offercms-inner .offercms-detail .viewmore a {
color: #fff;
background: #00abc4;
padding: 10px 24px;
display: block;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.5px;
cursor: pointer;
text-transform: capitalize;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
border-radius: 30px;
}
#wdoffercmsblock .wdoffercmsblock .offercms-inner .offercms-detail .viewmore a:hover {
background-color: #fff;
color: #111;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
@media (max-width: 1299px) {
#wdcmsbanner .wdbanner2.wdbanner-img.col-sm-6.col-xs-6 .wdright-banner-content .wdcmsbanner-content .subtitle { font-size: 36px;}
#wdcmsbanner .wdbanner2.wdbanner-img.col-sm-6.col-xs-6 .wdright-banner-content .wdcmsbanner-content .title{ font-size: 30px;}
.wdbanner2.wdbanner-img.col-sm-6.col-xs-6 .wdcmsbanner-content .text{ font-size: 28px; }
#wdoffercmsblock .wdoffercmsblock {
padding: 30px 50px;
}
#wdoffercmsblock .wdoffercmsblock .offercms-inner .offercms-detail .main-title {
font-size: 25px;
line-height: 28px;
}
}
@media (max-width: 991px) {
#wdoffercmsblock{
margin:0 0 40px 0;
}
#wdoffercmsblock .wdoffercmsblock {
padding:30px 0;
}
#wdoffercmsblock .wdoffercmsblock .offercms-inner .offercms-detail .viewmore a {
padding: 8px 22px;
}
#wdoffercmsblock .wdoffercmsblock .offercms-inner .offercms-detail .main-title {
font-size: 20px;
line-height: 24px;
}
#wdoffercmsblock .wdoffercmsblock .offercms-inner .offercms-detail .offercms-text .sub-title {
font-size: 13px;
margin-top: 8px;
line-height: 22px;
}
}
@media (max-width:767px){
.banners.col-sm-4 {
width: 32%;
padding: 0 10px;
display: inline-block;
}
#wdoffercmsblock .wdoffercmsblock .offercms-inner .offercms-detail .offercms-text {
background-position: top center;
padding: 55px 0 0 0;
display: block;
text-align: center;
}
#wdoffercmsblock .wdoffercmsblock .offercms-inner .offercms-detail .main-title {
font-size: 18px;
line-height: 22px;
}
#wdoffercmsblock .offercms-inner .offercms-detail {
text-align: center;
}
#wdoffercmsblock .wdoffercmsblock .offercms-inner .offercms-detail .viewmore {
float: none;
display: inline-block;
margin: 15px 0 0 0;
}
#wdoffercmsblock .wdoffercmsblock .offercms-inner .offercms-detail .viewmore a {
font-size: 13px;
}
}
@media (max-width:575px){
#wdoffercmsblock .wdoffercmsblock .offercms-inner .offercms-detail .main-title {
font-size: 15px;
line-height: 18px;
}
#wdoffercmsblock .wdoffercmsblock .offercms-inner .offercms-detail .offercms-text .sub-title {
font-size: 12px;
margin-top: 5px;
line-height: 18px;
}
#wdoffercmsblock .wdoffercmsblock .offercms-inner .offercms-detail .viewmore a {
font-size: 12px;
}
#wdoffercmsblock .wdoffercmsblock {
padding: 15px 0;
}
#wdoffercmsblock .wdoffercmsblock .offercms-inner .offercms-detail .offercms-text .sub-title {
margin-top: 10px;
}
}
@media (max-width: 479px) {
#wdoffercmsblock {
margin: 0 0 30px 0;
}
#wdoffercmsblock .wdoffercmsblock .offercms-inner .offercms-detail .main-title {
font-size: 14px;
}
}
/******************************parallax*********************************/
#wdcmstestimonial .wdtestimonial-inner .testimonial-image {
float: none;
display: inline-block;
vertical-align: top;
width: 120px;
margin: 10px 0;
height: 120px ;
}
#wdcmstestimonial {
width: 100%;
float: left;
text-align: center;
}
#wdcmstestimonial .wd-testimonial {
float: none;
width: 72%;
display: inline-block;
vertical-align: top;
position: relative;
}
#wdcmstestimonial .wdtestimonial-inner .testimonial-image img {
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
max-width: 100%;
border: 5px solid #fff;
height: auto;
}
#wdcmstestimonial .wdtestimonial-inner .testimonial-content h4 {
float: left;
width: 100%;
text-align: center;
font: 500 18px/20px 'Poppins',helvetica,sans-serif;
color: #fff;
text-transform: capitalize;
padding: 10px 0 15px;
}
#wdcmstestimonial .wdtestimonial-inner span.parallax-text-subtitle {
float: left;
margin: 0 0 15px;
width: 100%;
font: 500 14px/16px 'Poppins',helvetica,sans-serif;
color: #fff;
text-transform: capitalize;
}
#wdcmstestimonial .wdtestimonial-inner .parallax-desc p {
font: 400 16px/25px 'Poppins',helvetica,sans-serif;
color: #fff;
text-transform: capitalize;
padding: 0 0 15px;
position: relative;
text-align: center;
float: left;
width: 100%;
}
#wdparallaxcmsblock {
float: left;
width: 100%;
position: relative;
margin: 0 0 80px 0px;
}
#wdparallaxcmsblock .parallax.wdparallax_1 {
padding:80px 0 105px;
min-height: 600px;
background-color: #000000;
}
.parallax-text {
float: left;
text-align: center;
}
.parallax-text .mainheadding span {
font-size: 72px;
font-weight: 600;
}
.parallax-text .mainheadding {
font-size: 48px;
letter-spacing: 0;
font-weight: 400;
color: #111;
line-height: 80px;
text-transform: uppercase;
}
.parallax-text .subheading {
font-size: 24px;
letter-spacing: 0;
font-weight: 400;
color: #111111;
margin: 30px 0;
}
.parallax-text .parallax-tag {
display: inline-block;
font-size: 20px;
color: #ffffff;
line-height: 50px;
background: #00abc4;
padding: 0 60px;
margin-top: 10px;
margin-bottom: 45px;
}
.parallax-text .parallax-tag span{
font-weight: 600;
}
.parallax-text .shopnow {
line-height: 44px;
}
.parallax-text .shopnow a.shopnow-button {
font-size: 16px;
letter-spacing: 0;
font-weight: 500;
color: #fff;
background: #111;
padding: 11px 30px;
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;
border-radius: 30px;
}
.parallax-text .shopnow a.shopnow-button:hover {
background-color: #00abc4;
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;
}
@media (max-width:991px){
#wdparallaxcmsblock{
margin:20px 0 50px 0;
}
.parallax-text .mainheadding {
font-size: 35px;
line-height: 55px;
}
.parallax-text .mainheadding span {
font-size: 54px;
}
.parallax-text .subheading {
font-size: 20px;
margin: 10px 0;
}
.parallax-text .parallax-tag {
font-size: 18px;
padding: 0 30px;
line-height: 40px;
margin-bottom: 40px;
}
}
@media (max-width: 767px){
#wdparallaxcmsblock{margin: 0;}
.parallax-text .mainheadding span {
font-size: 42px;
line-height: 46px;
}
.parallax-text .mainheadding {
font-size: 32px;
line-height: 36px;
}
.parallax-text .subheading {
font-size: 16px;
margin: 10px 0 15px;
line-height: 20px;
}
.parallax-text .parallax-tag {
font-size: 14px;
line-height: 34px;
margin: 0 0 15px;
}
.parallax-text .shopnow a.shopnow-button {
font-size: 14px;
padding: 10px 24px;
}
}
@media (max-width: 575px){
#wdparallaxcmsblock {
margin: 0 0 30px 0;
}
#wdparallaxcmsblock .parallax.wdparallax_1 {
padding: 50px 0;
}
.parallax-text .mainheadding {
font-size: 25px;
line-height: 38px;
}
.parallax-text .mainheadding span {
font-size: 35px;
line-height: 40px;
}
.parallax-text .parallax-tag {
font-size: 12px;
padding: 0 20px;
line-height: 30px;
margin-bottom: 12px;
}
.parallax-text .subheading {
font-size: 12px;
margin: 5px 0 10px;
}
.parallax-text .shopnow a.shopnow-button {
padding: 8px 20px;
font-size: 12px;
}
}
@media (max-width: 479px){
#wdparallaxcmsblock {
margin: 0 0 0px 0;
}
}
/********************************************************SubBanner-cms-block*********************************************************/
#wdcmsaboutus {
float: left;
width: 100%;
text-align: center;
margin: 0 0 75px;
}
#wdcmsaboutus {
background: #fff repeat scroll 0 0;
box-shadow: 0 0 8px 0 rgb(0 0 0 / 20%);
padding: 60px 60px 60px 60px;
margin: -160px auto 70px;
position: relative;
}
#wdcmsaboutus .subbanner_row .subbanners_images .banners .image_sub a {
position: relative;
}
.image_sub {
float: left;
width: 100%;
position: relative;
display: block;
text-align: center;
overflow: hidden;
}
#wdcmsaboutus .banners.col-sm-4 a img {
width: 100%;
max-width: 100%;
height: auto;
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;
}
/* #wdcmsaboutus .subbanner_row .subbanners_images .banners .image_sub a::after {
background: rgba(255,255,255,.6) none repeat scroll 0 0;
content: "";
height: 0;
left: 0;
opacity: 1;
position: absolute;
right: 0;
top: 0;
transition: all 600ms ease-in-out 0s;
width: 100%;
} */
.banners:hover .image_sub a img {
transform: scale(1.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;
}
#wdcmsaboutus .subbanner_row .subbanners_images .banners .image_sub a:hover::after {
height: 90%;
opacity: 0;
}
#wdcmsaboutus .banner-1.banners.col-sm-4 .wdcmsbanner-content,
#wdcmsaboutus .banner-2.banners.col-sm-4 .wdcmsbanner-content,
#wdcmsaboutus .banner-3.banners.col-sm-4 .wdcmsbanner-content {
position: absolute;
/* width: 100%; */
text-align: center;
float: left;
right: 0;
left: 0;
top: 40px;
}
#wdcmsaboutus .subbanners_images .banner-1.banners.col-sm-4 .wdcmsbanner-content .title,
#wdcmsaboutus .subbanners_images .banner-1.banners.col-sm-4 .wdcmsbanner-content .subtitle {
font-size: 38px;
color: #222222;
line-height: 44px;
font-weight: 600;
text-transform: capitalize;
letter-spacing: 0.10px;
}
#wdcmsaboutus .subbanners_images .banner-1.banners.col-sm-4 .wdcmsbanner-content .offer a.btn-primary {
font-size: 14px;
line-height: 26px;
padding: 11px 26px;
font-weight: 400;
color: #ffff;
background-color: #00abc4;
border-radius: 0;
top: 25px;
text-align: center;
left: 0px;
right: 0px;
width: auto;
text-transform: capitalize;
}
#wdcmsaboutus .subbanners_images .banner-1.banners.col-sm-4 .wdcmsbanner-content .offer a.btn-primary:hover{
color: #111;
background-color: #ffcc01;
}
#wdcmsaboutus .subbanners_images .banner-1.banners.col-sm-4 .wdcmsbanner-content .offer a.btn-primary::after,
#wdcmsaboutus .subbanners_images .banner-3.banners.col-sm-4 .wdcmsbanner-content .offer a.btn-primary::after{
content: "";
transition:none;
}
.banner-2.banners.col-sm-4 .wdcmsbanner-content .title{
font-size: 20px;
color: #ffcc01;
line-height: 31px;
font-weight: 500;
text-transform: capitalize;
padding: 0 0 5px;
}
.banner-2.banners.col-sm-4 .wdcmsbanner-content .subtitle,
.banner-2.banners.col-sm-4 .wdcmsbanner-content .text1{
font-size: 38px;
color: #FFF;
line-height: 44px;
font-weight: 600;
text-transform: capitalize;
letter-spacing: 0.10px;
}
.banner-3.banners.col-sm-4 .wdcmsbanner-content .title{
font-size: 38px;
color: #22272e;
line-height: 44px;
font-weight: 600;
text-transform: capitalize;
letter-spacing: 0.10px;
}
.banner-3.banners.col-sm-4 .wdcmsbanner-content .subtitle{
font-size: 38px;
color: #22272e;
line-height: 44px;
font-weight: 600;
text-transform: capitalize;
letter-spacing: 0.10px;
}
#wdcmsaboutus .subbanners_images .banner-3.banners.col-sm-4 .wdcmsbanner-content .offer a.btn-primary {
font-size: 14px;
line-height: 26px;
padding: 11px 26px;
font-weight: 400;
color: #ffff;
background-color: #22272e;
border-radius: 0;
top: 25px;
text-align: center;
left: 0px;
right: 0px;
width: auto;
text-transform: capitalize;
}
#wdcmsaboutus .subbanners_images .banner-3.banners.col-sm-4 .wdcmsbanner-content .offer a.btn-primary:hover{
background: #ffcc01;
color: #111;
}
/********************************************************End-SubBanner-cms-block*********************************************************/
/*-------------------------- Start Home page Service CMS Block -------------------------------*/
#wdcmsservices {
float: left;
width: 100%;
text-align: center;
position: relative;
padding: 80px 0;
clear: both;
background: #f5f5f5 url(../image/webdigify/pattern.png) repeat scroll 0 0;
}
#wdservicecmsblock .service_container {
color: #FFF;
padding-top: 0px;
padding-bottom: 0px;
margin: 0px auto;
}
#wdservicecmsblock .service_container .service-area-carousel {
float: left;
padding: 0 00px;
width: 100%;
}
#wdservicecmsblock .service_container .service-area-carousel .service-third {
float: left;
width: 100%;
line-height: 20px;
color: #333333;
padding:0px 15px;
position:relative;
}
#wdservicecmsblock .service_container .service-area-carousel .service-third.service1 {
padding-left: 0px;
}
#wdservicecmsblock .service_container .service-area-carousel .service-third.service1::after,
#wdservicecmsblock .service_container .service-area-carousel .service-third.service2::after{
position: absolute;
left: auto;
right: 0;
top: 0;
bottom: 0;
margin: auto;
content: "";
background: #e5e5e5;
width: 1px;
}
#wdservicecmsblock .service_container .service-area-carousel .service-third .service-icon {
position: relative;
background: url(../image/webdigify/service-icon.png) no-repeat scroll;
float: none;
margin: auto;
height: 70px;
width: 65px;
-webkit-transition: all 600ms ease 0s;
-moz-transition: all 600ms ease 0s;
-o-transition: all 600ms ease 0s;
transition: all 600ms ease 0s;
}
#wdservicecmsblock .service_container .service-area-carousel .service-third.service1 .icon1 {
background-position:-28px -295px;
}
#wdservicecmsblock .service_container .service-area-carousel .service-third.service1:hover .icon1 {
background-position:-133px -295px;
}
#wdservicecmsblock .service_container .service-area-carousel .service-third.service2 .icon2 {
background-position: -29px -198px;
}
#wdservicecmsblock .service_container .service-area-carousel .service-third.service2:hover .icon2 {
background-position:-132px -198px;
}
#wdservicecmsblock .service_container .service-area-carousel .service-third.service3 .icon3 {
background-position: -26px -9px;
}
#wdservicecmsblock .service_container .service-area-carousel .service-third.service3:hover .icon3 {
background-position:-131px -9px;
}
#wdservicecmsblock .service_container .service-area-carousel .service-third.service4 .icon4 {
background-position: -24px -365px;
}
#wdservicecmsblock .service_container .service-area-carousel .service-third.service4:hover .icon4 {
background-position:-131px -365px;
}
#wdservicecmsblock .service_container .service-area-carousel .service-third .service-content {
margin: 4px 0 0;
float: left;
width: 100%;
}
#wdservicecmsblock .service_container .service-area-carousel .service-third .service-content .service-heading {
float: none;
width: auto;
font: 600 20px/24px "Montserrat",helvetica,sans-serif;
color: #111;
margin: 0 0 6px;
display: inline-block;
vertical-align: top;
position: relative;
transition: all 400ms ease-in-out;
letter-spacing: 0.2px;
}
#wdservicecmsblock .service_container .service-area-carousel .service-third .service-content .service-heading:hover{
color: #00abc4;
}
#wdservicecmsblock .service_container .service-area-carousel .service-third .service-content .service-description {
float: none;
width: auto;
font: 400 14px/25px "Montserrat",helvetica,sans-serif;
color: #666;
padding: 0 80px;
display: inline-block;
vertical-align: top;
letter-spacing: 0.80px;
}
@media(max-width:1499px){
#wdservicecmsblock .service_container .service-area-carousel {
padding: 0px 22px;
}
#wdservicecmsblock .service_container .service-area-carousel .service-third {
padding: 0px 0px;
}
}
@media(max-width:1259px) and (min-width:1200px){
#wdservicecmsblock .service_container .service-area-carousel .service-third.service3 {
padding-right: 0px;
}
#wdcmsaboutus .banner-1.banners.col-sm-4 .wdcmsbanner-content, #wdcmsaboutus .banner-2.banners.col-sm-4 .wdcmsbanner-content, #wdcmsaboutus .banner-3.banners.col-sm-4 .wdcmsbanner-content{
right: 60px;
left: auto;
top: 35px;
}
}
@media(max-width:1199px) {
#wdservicecmsblock .service_container .service-area-carousel .service-third:after {
top: 25px;
right: 5px;
}
#wdservicecmsblock .service_container .service-area-carousel .service-third .service-icon:after{
display: none;
}
#wdservicecmsblock .service_container .service-area-carousel .service-third.service1 {
padding-left: 0px;
}
#wdservicecmsblock .service_container .service-area-carousel .service-third.service4 {
padding-right: 0px;
}
}
@media(max-width:991px) {
#wdservicecmsblock {
margin:0 0 40px 0px;
}
#wdservicecmsblock .service_container .service-area-carousel .service-third {
padding-left: 10px;
padding-right: 10px;
}
#wdservicecmsblock .service_container .service-area-carousel .service-third:after {
border: 0;
}
#wdservicecmsblock .service_container .service-area-carousel .service-third.service1,
#wdservicecmsblock .service_container .service-area-carousel .service-third.service2 {
margin-bottom: 0px;
padding: 0;
}
#wdservicecmsblock .service_container .service-area-carousel .service-third.service3,
#wdservicecmsblock .service_container .service-area-carousel .service-third.service4{
padding: 0px;
}
/* #wdservicecmsblock .service_container .service-area-carousel .service-third.service1:hover .icon1 {
background-position:-112px -19px;
}
#wdservicecmsblock .service_container .service-area-carousel .service-third.service2:hover .icon2{
background-position: -106px -109px;
}
#wdservicecmsblock .service_container .service-area-carousel .service-third.service3:hover .icon3{
background-position: -106px -197px;
} */
#wdservicecmsblock .service_container .service-area-carousel .service-third.service4 .icon4{
background-position:-19px -290px;
}
#wdservicecmsblock .service_container .service-area-carousel .service-third.service4:hover .icon4{
background-size: 180px;
background-repeat: no-repeat;
background-position: -106px -297px;
}
#wdservicecmsblock .service_container .service-area-carousel .service-third.service1::after, #wdservicecmsblock .service_container .service-area-carousel .service-third.service2::after{
content: '';
display: none;
}
#wdservicecmsblock .service_container .service-area-carousel {
padding:0px 10px;
}
}
@media(max-width:767px){
#wdservicecmsblock .service_container .service-area-carousel .service-third .service-content .service-description {
padding: 0px 35px;
}
}
@media(max-width:600px){
#wdservicecmsblock .service_container .service-area-carousel .service-third .service-content .service-description {
padding: 0px 25px;
}
}
@media(max-width:575px){
#wdservicecmsblock .service_container .service-area-carousel .service-third{
width:100%;
}
#wdservicecmsblock .service_container .service-area-carousel .service-third {
/* max-width: 280px; */
margin: 0 auto;
float: none;
}
}
@media(max-width:479px){
#wdservicecmsblock {
margin: 0 0 25px 0px;
}
}
/**************************End Home page Service CMS Block -------------------------------*/
/* CMS block */
.cmsbanner-block {
margin: 30px 0 70px;
float: left;
position: relative;
width: 100%;
}
.cms-inner-block1, .cms-inner-block2 {
position: relative;
float: left;
overflow: hidden;
border-radius: 4px;
}
.cms-inner-block1{ margin-right: 30px; }
.cms-inner-block1 .cms1_img .cms_image1, .cms-inner-block2 .cms2_img .cms2_image2 {
max-width: 100%;
width: 100%;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.cms-inner-block1:hover .cms1_img .cms_image1, .cms-inner-block2:hover .cms2_img .cms2_image2{
transform: scale(1.1);
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
-moz-transform: scale(1.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;
}
.cmsbanner-block .cms-inner-block1 .description, .cmsbanner-block .cms-inner-block2 .description {
left: 50px;
position: absolute;
top: 22%;
bottom: auto;
right: auto;
}
.cmsbanner-block .description .title {
font-size: 24px;
color: #000;
margin: 0 0 15px 0;
}
.cmsbanner-block .description .toptitle {
font-size: 24px;
letter-spacing: 0.4px;
color: #000;
text-transform: capitalize;
font-weight: 600;
}
.cmsbanner-block .description .banner_text {
color: #ff3300;
margin: 50px 0 0 0;
text-transform: capitalize;
}
/* end of cms block */
/* 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%;
letter-spacing: 1px;
}
/*end homepage sub banner2*/
/* cart */
#cart .item-count {
padding: 1px 0;
border-radius: 50%;
color: #000;
display: block;
font: 500 13px/19px "poppins",Helvetica,sans-serif;
height: 19px;
left: 29px;
position: absolute;
right: auto;
text-align: center;
top: 0;
width: 19px;
z-index: 2;
bottom: 0;
margin: auto;
}
.header_cart #cart .mycart {
color: #000;
float: left;
font: 400 14px/24px "Poppins",Helvetica,sans-serif;
width: auto;
margin: 13px 14px;
padding: 0px 0 0 5px;
letter-spacing: 0.9px;
}
#cart .mycart {
font-size: 14px;
font-weight: 500;
line-height: 22px;
letter-spacing: 0.6px;
}
#cart .price {
display: none ;
font-size: 14px;
font-weight: 600;
/* display: block; */
line-height: 22px;
text-align: left;
letter-spacing: 0.5px;
}
.col-sm-3.header_cart {
width: auto;
float: right;
padding-right: 0;
padding-left: 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;
border: 0;
}
#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;
border-radius: 5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
-moz-border-radius:5px;
height: 40px;
padding: 12px 17px;
}
.header_wishlist {
float: right;
margin:8px 6px 0;
position: relative;
height: 40px;
width: 40px;
}
.header_wishlist > a{
height: 100%;
width: 100%;
background:rgba(0, 0, 0, 0) url("../image/webdigify/header-icon.png") no-repeat scroll -83px -155px;
display: block;
transition: all 600ms ease-in-out 0s;
-webkit-transition: all 600ms ease-in-out 0s;
-moz-transition: all 600ms ease-in-out 0s;
-o-transition: all 600ms ease-in-out 0s;
-ms-transition: all 600ms ease-in-out 0s;
}
.header_wishlist > a:hover{ transform: rotateY(
360deg
);
-webkit-transform: rotateY(
360deg
);
-moz-transform: rotateY(360deg);
-o-transform: rotateY(360deg);
-ms-transform: rotateY(360deg);
}
.header_wishlist span{
background: #00abc4;
height: 18px;
position: absolute;
width: 18px;
text-align: center;
border-radius: 50%;
font-size: 11px;
right: -2px;
top: -11px;
color: #111111;
font-weight: 400;
line-height: 18px;
}
#cart-total {
float: left;
color: #fff;
line-height: 40px;
width: auto;
}
.cart_image {
background: rgba(0, 0, 0, 0) url(../image/webdigify/sprite.png) no-repeat scroll -38px -113px;
height: 50px;
width: 30px;
position: relative;
float: left;
right: auto;
margin: 0 0 0 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;
}
#cart:hover .cart_image{
transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
}
#cart-text {
color: #fff;
font-size: 13px;
font-weight: 300;
}
.header_cart .dropdown-toggle {
border: 1px solid #111111;
}
#cart > .btn {
background: none;
width: 100%;
padding: 0 !important;
border: none;
position: relative;
-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;
cursor: pointer;
float: left;
margin: 0;
height: 50px;
position: relative;
text-align: center;
padding: 0 2px 0 20px;
width: 140px;
background: #fff;
border-radius: 25px;
}
.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: 14px;
font-weight: 500;
letter-spacing: 1px;
color: #fff;
}
.table.table-bordered.shopping-cart.responsive{ display: none; }
.pull-left #form-language .fa.fa-caret-down{
padding: 0 10px;
}
.pull-left #form-currency .fa.fa-caret-down {
padding: 0 12px;
}
#top-links .fa {display: inline-block;}
#top-links .fa.fa-angle-down {
position: absolute;
top: 0;
right: 0;
margin: 0 -10px 0 10px;
}
#top-links .list-inline a {
color: #fff;
border-right: 1px solid #55ABA4;
padding: 0 10px 0 10px;
}
#checkout-cart .text-right.total {
font-size: 15px;
font-weight: 700;
}
#cart .dropdown-menu {
width: 330px;
padding: 10px;
border: none;
overflow: hidden;
display: none;
margin: 0;
height: auto;
border-radius: 0;
border-top: 3px solid #111;
top: 80px;
}
#cart .dropdown-menu li{float:none}
#cart .dropdown-menu li:first-child {
max-height: 270px;
overflow-y: auto;
overflow-x: hidden;
}
#cart .dropdown-menu li + li {
border-top: 1px solid #e5e5e5;
padding: 5px 0 0;
}
#cart .dropdown-menu li::-webkit-scrollbar {
width: 4px;
height: 4px;
}
#cart .dropdown-menu li::-webkit-scrollbar-thumb {
border: 4px solid #888;
}
#cart .dropdown-menu li::-webkit-scrollbar-track {
background: #cccccc;
}
.header_cart .text-right.button-container > a {
padding: 9px 25px;
background: #00abc4;
display: inline-block;
border-radius: 20px;
color: #fff;
}
.header_cart .text-right.button-container > a.addtocart {
background: #111111;
color: #fff;
}
.header_cart .text-right.button-container > a.addtocart:hover {
background: #00abc4;
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:13px;
}
#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: 600;
color: #111;
}
.content-bottom > .container{width:100%; background-color: #fff;}
.serach-inner {
float: left;
margin-top: 25px;
width: 100%;
}
#content .panel{
background-color:#fff ;
}
.panel-default>.panel-heading:hover {
border-color: #111111;
}
/* 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;
}
#res-menu {
display: none;
}
.responsive-menu, .main-menu {
position: inherit;
text-align: center;
float: none;
display: none;
}
.lang-curr .fa.fa-angle-down {
vertical-align: middle;
}
.mainmenu {
display: inline-block;
text-align: center;
vertical-align: top;
width:auto;
}
.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: 17px 2px 17px 7px;
}
#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: 16px;
font-weight: 600;
padding:8px 17px;
display: inline-block ;
color: #fff;
font-family: "Montserrat",Helvetica,sans-serif;
line-height: 25px;
letter-spacing: 1px;
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;
}
.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: #00abc4;
}
#static-menu li a {
color: #fff;
}
#static-menu li a:hover {
color: #fff;
background-color: #00abc4;
}
.main-menu ul > li.top_level.dropdown:hover > a,
.main-menu ul > li.top_level:hover > a:hover,
#menu > ul > li.hiden_menu:hover .main {
background-color: #22272e;
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;
}
.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: 13px;
font-weight: 600;
font-family: 'Poppins', Helvetica, sans-serif;
padding: 0 0 5px;
line-height: 20px;
/* 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: #666;
padding: 3px 0;
font-weight: 400;
text-transform: capitalize;
font-size: 13px;
line-height: 20px;
font-family:'Poppins', Helvetica, sans-serif;
}
#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: #666;
font-weight: 400;
padding: 3px 0;
text-transform: capitalize;
line-height: 20px;
}
.main-menu > ul > li ul > li > a:hover , .responsive-menu .main-navigation li a:hover {
color:#00abc4;
background-color:#fff;
}
.mainmenu li.top_level.dropdown .dropdown-menu.megamenu.column3 .dropdown-inner ul.list-unstyled.childs_1 li.dropdown .dropdown-menu ul.list-unstyled.childs_2 li a{border: none;}
.mainmenu li.top_level.dropdown .dropdown-menu.megamenu.column3 .dropdown-inner ul.list-unstyled.childs_1 li.dropdown a {
border-bottom: 1px solid #e5e5e5;
border-radius: 0px;
width: 90%;
}
#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: 5px 0 0;
padding: 5px 0 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 #f0f0f0;
margin: 0 !important;
/*padding: 0;
position: relative;*/
}
#menu ul li .megamenu.column1, #menu ul li.hiden_menu .dropdown-menu {
padding: 10px 0;
}
#menu li.hiden_menu .dropdown-menu.megamenu {
display: none;
}
#menu ul li .megamenu.column1 ul.list-unstyled {
display: block;
padding: 0;
width: 100%;
border: none;
}
#menu ul li .megamenu.column1 ul.list-unstyled li, .hiden_menu li.top_level {
float: left;
padding: 0px 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: 600;
padding: 0 10px 0 0;
color: #414141;
}
.quickview-model h4.special-price {
color: #111;
font-size: 17px;
font-weight: 600;
line-height: 20px;
}
.productpage-quickview .rating-wrapper {margin-bottom: 10px;}
.quickview-model .page-title {display: none;}
.box-content-category ul .childs_1 li img {margin: 20px 0 10px 0;}
#product2 hr { margin: 10px;}
.form-group.cart-block {margin-top: 20px;}
/* Megamenu*/
#nav-one li .megamenu.column1 ul.list-unstyled > li.dropdown:hover > .dropdown-menu{
display: block;
}
/* more menu */
.dropmenu li:hover ul, .dropmenu li div li:hover div {
display: block;
}
/* end of more menu */
#nav-one li .megamenu ul.list-unstyled li .dropdown-menu {
background: #fff none repeat scroll 0 0;
margin: 5px 0 0 0;
padding: 0;
position: relative;
border: none;
box-shadow: none;
}
#nav-one li .megamenu ul.list-unstyled li .dropdown-menu ul.list-unstyled li > a {
padding: 0px 0 0px 15px;
border:none;
color: #666;
font-weight: 400;
}
#nav-one li .megamenu ul.list-unstyled li .dropdown-menu ul.list-unstyled li > a:hover{
color: #00abc4;
}
.box-content-category .list-unstyled.childs_2 {padding: 0;}
/* .main-menu > ul > .dropdown ul > li > a{border-bottom: 1px solid #e5e5e5;} */
/* .main-menu > ul > .dropdown ul > li:last-child > a, .hiden_menu .top_level a {border-bottom: 1px solid #e5e5e5;} */
/* .main-menu > ul > .dropdown .megamenu.column1 ul > li.dropdown 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: #111111;
font-size: 14px;
font-weight: 400;
line-height: 20px;
}
.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;
-ms-transform: rotateX(90deg);
-webkit-transform: rotateX(90deg);
transform: rotateX(90deg);
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;
-ms-transform: rotateX(90deg);
-webkit-transform: rotateX(90deg);
transform: rotateX(90deg);
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: 60px;
}
#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;
-ms-transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
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%;
border-top: 3px solid #22272e;
}
#menu ul.nav li .megamenu.column1 ul.list-unstyled > li.dropdown:before {
content: "\f105";
right: 10px;
position: absolute;
font-family: fontawesome;
font-size: 14px;
display: inline-block;
top: 2px;
color: #777777;
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;
visibility: visible !important;
}
#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 {
position: fixed;
top: 0px;
background: #00abc4;
width: 100%;
z-index: 999;
-moz-box-shadow: 0 2px 6px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 2px 6px rgb(0 0 0 / 20%);
box-shadow: 0 2px 6px rgb(0 0 0 / 20%);
animation: slide-down 0.7s;
left: 0;
right: 0;
border-radius: 0;
-webkit-border-radius: 0px;
-khtml-border-radius: 0px;
-moz-border-radius: 0px;
padding: 15px 0;
}
.header_top.fixed .search_toggle {
top: 57px;
}
.header_top.fixed .dropdown.myaccount ul.dropdown-menu.dropdown-menu-right.myaccount-menu {
top: 57px;
}
.header_top.fixed #cart .dropdown-menu {
top: 58px;
}
}
/* Webdigify Category CSS */
/* 1-col layout */
.layout-1 #content{
padding:15px;
}
.layout-2.left-col #column-left {
padding: 0 15px 0 0px;
width: 25%;
}
.layout-2.right-col #column-right {
width:20%;
padding: 0;
}
/* product info page */
#tabs_info.product-tab {
float: left;
margin: 50px 0 0px;
padding: 8px;
width: 100%;
border: 1px solid #e7e7e7;
}
#tabs_info.product-tab ul.nav.nav-tabs {
padding: 10px 0px 10px;
margin: 0 20px;
border-bottom: 1px solid #e7e7e7;
}
.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: 0 0 0 15px;
width: 73%;
}
#information-information #content h3 {
font-size: 14px;
font-weight: 600;
}
#information-information .image1,
#information-information .image2,
#information-information .image3,
#information-information .image4 {
border-right: 1px solid #ededed;
margin: 0 18px 0 0;
}
#information-information h1, #information-information h2,
#account-return h1,#account-return h2,
#account-wishlist h1,#account-wishlist h2,
#account-order h1,#account-order h2,
#account-edit h1,#account-edit h2,
#account-password h1,#account-password h2 ,
#account-address h1,#account-address h2,
#account-recurring h1,#account-recurring h2,
#account-reward h1,#account-reward h2,
#account-transaction h1,#account-transaction h2,
#checkout-checkout h1,#checkout-checkout h2,
#checkout-cart h1,#checkout-cart h2,
#account-register h1,#account-register h2{
margin: 0 0 20px 0;
}
#account-account h1,#account-account h2 {
font-size: 18px;
line-height: 24px;
}
.layout-2.left-col #content {
padding: 0 0 0 15px;
width: 75%;
}
.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: #111111;
border-color: #111111;
}
td.text-right a.btn.btn-info:hover,
td.text-right a.btn.btn-info:focus,
td.text-right a.btn.btn-info:active {
background: #00abc4;
border-color: #00abc4;
color: #111;
}
#account-register fieldset {
padding: 20px;
margin: 0 0 20px;
border: 1px solid #eaeaea;
}
/* 3-col layout */
.layout-3 #column-left{ width:24%;}
.layout-3 #column-right{width:24%;}
.layout-3 #content{ width:52%;}
/* content */
.layout-2.left-col #content.productpage-quickview {
float: right;
padding: 20px;
}
.common-home #content {
padding:0;
float: left;
width: 100%;
}
.checkout-cart #accordion .panel-title > a, .checkout-checkout #accordion .panel-title {
font-weight: 500;
padding: 0px 0px;
}
/* footer */
.social-block ul {
padding: 0px 0 15px 0;
}
.common-home footer {
margin:0;
}
footer {
position: relative;
margin: 50px 0 0 0;
float: left;
width: 100%;
background: #222222;
}
footer h5 {
font: 600 18px/24px "Montserrat",Helvetica,sans-serif;
margin: 0px 0 15px;
cursor: pointer;
position: relative;
text-transform: capitalize;
color: #ffffff;
letter-spacing: 0.8px;
}
.footer-blocks .footerleft .contact-block ul {
padding: 0;
}
.footer-blocks .footerleft .contact-block span {
line-height: 24px;
color: #fff;
position: relative;
font-weight: 200;
display: inline-block;
vertical-align: top;
float: none;
font-size: 14px;
letter-spacing: 0.4px;
}
.footer-blocks .footerleft .contact-block li {
margin: 0px 0px 0px;
line-height: 24px;
}
.fa-fax:before {
content: "\f1ac";
font-size: 18px;
}
.footer-blocks .footerleft .contact-block .fa {
margin: 5px 5px 0 0;
color: #fff;
font-weight: 500;
font-size: 18px;
display: inline-block;
vertical-align: middle;
width: 25px;
height: 25px;
line-height: 1;
text-transform: none;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
font-feature-settings: 'liga';
}
.footer-blocks .footerleft .contact-block li.email span{
cursor: pointer;
}
.footer-blocks .footerleft .contact-block li.email span:hover{
cursor: pointer;
content: '';
color: #ffcc01;
}
#footer .column li a {
line-height: 26px;
color: #fff;
cursor: pointer;
font-size: 14px !important;
font-weight: 200;
letter-spacing: 0.40px;
}
#footer .column li a:hover{ color: #ffcc01;}
#footer .footer-area li a::before{display: none; }
#footer .footer-area li a{ padding: 0; }
.footer-blocks {
margin: 0 -15px;
}
.newsletter {
float: none;
display: inline-block;
vertical-align: top;
width: 100%;
padding: 0 90px;
animation: 1s ease 0s normal none 1 fadeInLeft;
-webkit-animation: 1s ease 0s normal none 1 fadeInLeft;
-moz-animation: 1s ease 0s normal none 1 fadeInLeft;
-o-animation: 1s ease 0s normal none 1 fadeInLeft;
opacity: 1;
}
.news-left {
padding: 0 15px;
margin:43px 0;
float: left;
position: relative;
}
.news-left .news-desc{
float: left;
width: auto;
text-align: left;
color: #fff;
font: 500 14px/16px "Poppins",Helvetica,sans-serif;
display: none;
}
.news-left .news-title {
font: 600 26px/32px "Montserrat",Helvetica,sans-serif;
background: rgba(0,0,0,0) none repeat scroll 0 0;
color: #fff!important;
text-align: left;
text-transform: capitalize!important;
padding: 0 0 0 55px;
float: left;
letter-spacing: 1px;
width: 100%;
position: relative;
margin: 0;
}
.news-left .news-title::before{
background: rgba(0,0,0,0) url(../image/webdigify/sprite.png) no-repeat -30px -484px;
content: "";
height: 34px;
left: 0;
position: absolute;
top: 0;
width: 50px;
margin: 0 auto;
right: auto;
float: left;
bottom: auto;
text-align: center;
}
.news-right {
float: right;
width: 55%;
margin: 37px 0;
padding: 0 15px;
}
#wdcmsfooter .wdfooter-logo .wdfooter-desc{
color: #fff;
margin: 30px 0;
font-size: 14px;
font-weight: 200;
line-height: 20px;
letter-spacing: 0.4px;
}
#wdcmsfooter {
text-align: center;
width: 24%;
margin:30px 15px 0 0;
}
#footer {
padding: 65px 0px 37px;
float: left;
position: relative;
width: 100%;
background: #22272e;
}
.footer-top {
background: #00abc4;
height: 100%;
}
.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 'Poppins', Helvetica, sans-serif;;
margin: 0 0 20px;
float: left;
width: 100%;
line-height: 1.1;
letter-spacing: 0.6px;
text-transform: capitalize;
}
.block_newsletter {
padding: 0;
float: left;
width: 100%;
text-align: center;
}
.block_newsletter h3 .subtitle {
font: 400 18px/20px 'Poppins', Helvetica, sans-serif;;
float: left;
width: 100%;
margin: 0 0 10px;
}
.block_newsletter h3 .title {
float: left;
width: 100%;
margin: 0 0 10px;
color: #00abc4;
text-transform: capitalize;
}
.block_newsletter h3 .title .material-icons {
font-size: 0;
height: 35px;
width: 35px;
margin: 0 10px 0 0;
background-image: url(../image/webdigify/news_icon.png);
/* background-color: #00abc4; */
display: inline-block;
}
.newsletter.col-sm-6 {
margin: 0;
float: left;
padding:5px 10% 0px;
clear: left;
width: 100%;
}
.footer-appinner ul.list-unstyled {
padding-top: 5px;
}
.app-social {
float: none !important;
text-align: center;
display: inline-block;
vertical-align: top;
}
.block_newsletter form {
position: relative;
width: 60%;
float: none;
display: inline-block;
vertical-align: top;
}
.block_newsletter h3 {
font: 600 24px/42px 'Poppins', Helvetica, sans-serif;
color:#fff;
margin: 0;
}
.block_newsletter form input[type="email"] {
background: #ffffff none repeat scroll 0 0;
border: none;
float: left;
padding: 0 125px 0 15px;
width: 100%;
font-size: 13px;
border-radius: 25px;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
-khtml-border-radius:25px;
font-weight: 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: #00abc4;
}
.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*/
.special .product-block.product-thumb.transition{ height: 100% !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 { color: #ff0000; position:absolute; left:0px; }
.subscribe-btn {
width: auto;
float: right;
position: relative;
}
.newsletter .form-group{
margin: 0;
float: left;
width: 100%;
}
.newsletter #txtemail {
background-color: #ffffff;
height: 45px;
width: 100%;
border-radius: 0px;
-webkit-border-radius: 0px;
-khtml-border-radius: 0px;
-moz-border-radius: 0px;
padding:10px 120px 10px 25px;
}
.newsletter .form-control::placeholder {
color: #888888;
}
.newsletter .btn.btn-lg {
background: #000;
border-radius: 0px;
-webkit-border-radius: 0px;
-khtml-border-radius: 0px;
-moz-border-radius: 0px;
border: none;
position: absolute;
right: 0;
color: #fff;
padding: 0px 28px;
top: 0px;
font-size: 14px;
height: 39px;
line-height: 18px;
font-weight: 400;
letter-spacing: 0.5px;
margin: 3px;
}
.newsletter .btn.btn-lg:hover{ background-color: #ffcc1d;color: #000;}
#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: 20%;
float: left;
height: 38px;
padding: 8px;
text-align: center;
margin-right: 10px;
border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
-moz-border-radius: 20px;
}
.form-group.qty #button-cart,#button-cart2 {
padding:11px 28px 11px 16px;
border-radius: 25px;
background: #ffcc01 none repeat scroll 0 0;
color: #111;
}
.form-group.qty #button-cart:hover, #button-cart2:hover{
background: #333 none repeat scroll 0 0;
color: #fff;
}
label.control-label.qty {
margin: 0px 0 10px;
float: left;
width: 100%;
}
.form-group.qty #button-cart:hover:before,
#button-cart2:hover:before,
.form-group.qty #button-cart:focus:before,.form-group.qty #button-cart:active:before, #button-cart2.active:before, #button-cart2:focus:before{
background-image: url(../image/webdigify/sprite3.png);
background-repeat: no-repeat;
background-size: 75px;
background-position: 6px 6px;
}
.form-group.qty #button-cart:before,
#button-cart2:before {
padding: 10px 20px 10px 20px;
background-image: url(../image/webdigify/sprite3.png);
background-repeat: no-repeat;
background-position: -46px 7px;
background-size: 76px;
content: "";
width: 25px;
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;
}
.box-category-top {
float: left;
width: auto;
position: relative;
padding:13px 63px 13px 63px;
cursor: pointer;
background: #00abc4;
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 #00abc4;
}
#nav-one li.hiden_menu .dropdown-inner {
display: none;
margin: 0 !important;
padding-left: 0;
padding-right: 0;
}
.box-content-category .hiden_menu span.main {
padding: 13px 85px 13px 50px;
display: inline-block;
position: relative;
cursor: pointer;
width: 100%;
color: #111;
font-weight: 500;
}
.box-content-category .hiden_menu span.main::after {
content: " ";
position: absolute;
right: auto;
top: 18px;
left: 25px;
background: rgba(0, 0, 0, 0) url("../image/webdigify/more.png") no-repeat scroll center 2px;
width: 10px;
height: 10px;
}
.box-content-category .hiden_menu span.main.active::after {
background-position: left -28px;
}
.box-content-category .hiden_menu span.main:hover::after {
background-position: center 2px;
}
.box-content-category .hiden_menu span.main.active:hover::after {
background-position: left -28px;
}
.box-content-category .hiden_menu span.main:hover::before {
background: rgba(0, 0, 0, 0) url("../image/webdigify/myaccountArrow.png") no-repeat scroll center -54px;
}
.bottomfooter {
float: left;
text-align: center;
width: 100%;
font-size: 14px;
background: #22272e;
}
.bottomfooter-inner {
border-top: 1px solid rgba(255,255,255,.1);
}
p.powered {
float: left;
padding: 15px 0;
margin-bottom: 0;
color: #fff;
width: 100%;
font-size: 14px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0px;
}
p.powered a {
color: #fff;
}
p.powered a:hover {
color: #ffcc01;
}
.payment-block li img {
margin: 0px 5px 0px 0px;
cursor: pointer;
}
.payment-block ul {
margin: 0px;
}
.footer-logo {
float: left;
margin-top: 10px;
}
.content-top-breadcum {
float: left;
width: 100%;
background: #f5f5f5;
margin: 0 0 20px;
}
.footer-appinner .title {
font: 600 24px/42px 'Poppins', Helvetica, sans-serif;
margin:-10px 0 10px;
color: #00abc4;
}
.footer-appinner .subtitle {
font: 400 13px/24px 'Poppins', Helvetica, sans-serif;
margin: 0 0 15px;
color: #ffffff;
}
.common-home .content-top-breadcum { display: none; }
/* alert */
.alert {
padding: 8px 14px 8px 14px;
}
/* breadcrumb */
.breadcrumb {
margin: 0 0 20px 0;
padding: 8px 0;
}
.breadcrumb i {font-size: 15px;}
.breadcrumb > li {
position: relative;
white-space: nowrap;
line-height: 14px;
}
.breadcrumb > li + li:before {
content: '';
padding: 0;
color:#000 !important;
}
.col-xs-11.col-sm-3.alert span a:hover{ color:#111111;}
.dropdown.myaccount ul.dropdown-menu.dropdown-menu-right.myaccount-menu {
top: 80px;
margin: 0;
border-top: 3px solid #111;
width: 180px;
}
.login_acc li a {
color: #666;
}
.login_acc li:hover a {
color: #111111;
}
#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: left;}
a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover{background: transparent !important; color: #00abc4;}
.list-group-item{border: none;padding: 0 !important;}
#column-left .list-group-item.heading {
width: calc(100% - 30px);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #333333;
font-weight: 600;
font-size: 14px;
line-height: 28px;
}
.list-group a {
line-height: 30px;
text-transform: capitalize;
}
.fa.fa-pencil {
margin-right: 5px;
}
#column-left .checkbox > label {
color: #666;
text-transform: capitalize;
font-size: 13px;
line-height: 20px;
}
#column-left .checkbox > label:hover {color: #00abc4;}
.alert-success{width: 100%;float: right;}
.list-group-item.group-name {
color: #1f2022;
font-size: 14px;
font-weight: 600;
margin-bottom: 0;
padding: 0 18px;
}
.filterbox .panel-footer {
padding: 0 0 15px;
text-align: left;
border:medium none;
background:#fff;
}
/* carousel */
.carousel-caption {color: #FFFFFF;}
.carousel-control .icon-prev:before {
content: '\f053';
font-family: FontAwesome;
}
.carousel-control .icon-next:before {
content: '\f054';
font-family: FontAwesome;
}
/* product list */
button.wishlist {
font-size: 0;
height: 40px;
width: 40px;
/* margin: 0px 0px 5px 0px; */
display: block;
transition: none;
position: relative;
background-image: url(../image/webdigify/wishlist.svg);
background-repeat: no-repeat;
background-position: center center;
border: none;
background-color: transparent;
padding: 0;
z-index: 9;
transition: all 400ms ease-in-out;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
margin: auto;
}
.product-layout.product-grid{
float: left;
min-height: 470px;
padding: 0px;
width: 33%;
}
.product-layout.product-list {
padding: 10px 0 30px;
margin: 0 0 0px;
}
#content .product-list .product-block {
padding: 0 15px;
}
#content .product-carousel .product-block,
#content .product-grid .product-block,
#content .box-product .product-block {
margin: 0;
padding: 10px 15px 20px;
background: #fff;
-moz-border-radius: 0;
-webkit-border-radius: 0;
-khtml-border-radius: 0;
border-radius: 0;
clear: both;
overflow: hidden;
float: left;
text-align: center;
}
.blog-right .view-blog h4 {
float: left;
width: 100%;
}
.row.cat_prod{margin:0 -15px;}
.alert-success .fa.fa-check-circle{margin-right:5px;}
.product-thumb h4 {
color: #333;
font: 400 14px/24px "Poppins",Helvetica,sans-serif;
text-align: center;
text-decoration: none;
text-transform: capitalize;
float: left;
width: 100%;
margin: 0 auto;
padding: 10px 0 5px;
}
.product-thumb h4:hover,.product-thumb:hover h4 a{
color: #333;
}
.product-thumb h4 a {
color: #333333;
word-wrap: break-word;
}
.product-thumb h4 a:hover {
color: #333;
}
.product-list .product-thumb h4 {
text-transform: capitalize;
float: left;
width: 100%;
text-align: left;
/* margin: 0 0 5px 0; */
}
.product-list .description {
color: #666;
float: left;
width: 100%;
margin: 0px 0 10px 0;
font-size: 13px;
}
.product-list .product-block:hover .product-block-inner{
box-shadow: none;
padding: 0;
margin: 0;
}
.product-brand {
color: #9f9f9f;
margin-bottom: 3px;
float: left;
width: 100%;
}
.product-details .rating {
margin: 0 0 8px 0;
float: left;
width: 100%;
}
.product-layout.product-grid .product-details .rating {
display: none;
}
#content .product-list .product-block .image .rating {
display: none !important;
}
#column-left .product-thumb .price{width:100%;}
#column-left .product-thumb .price-new{float:left;}
#column-left .product-thumb .price-old{float:left;margin-left:8px;}
#column-left .product-block:hover .price {
opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
-moz-opacity: 1;
transform: none;
-webkit-transform: none;
-ms-transform:none;
-o-transform:none;
-moz-transform:none;
}
#column-left .product-thumb .caption{min-height:0px;}
#special-carousel .product-carousel .product-thumb .caption{padding:10px;}
.account-wishlist table .text-center img {border: 1px solid #e5e5e5;}
.pagination-wrapper .active > span {
background: #111111 none repeat scroll 0 0 !important;
border: 1px solid #111111 !important;
border-radius: 50% !important;
color: #fff !important;
padding: 6px 12px;
}
.product-layout.product-list .image button.wishlist {
display: none;
}
.product-layout.product-list .product-block.product-thumb .quickbox,
.product-layout.product-list .product-block.product-thumb .product_hover_block .action button.compare_button{
opacity: 1;
transform: none;
/* background-color: #111111; */
background-position: -41px -133px;
height: 40px;
width: 40px;
background-size: unset;
}
.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,
.product-layout.product-list .product-block.product-thumb .product_hover_block .action button.compare_button:hover{
background-color: #111111;
color: #fff;
}
.product-layout.product-list .product-block.product-thumb .product_hover_block .action button.wishlist{
/* background-color: #111111; */
opacity: 1;
width: 38px;
height: 38px;
z-index: 1;
top: 0;
right: 0;
margin: 0 5px 0 0;
transition: none;
background-position: -43px -43px;
height: 40px;
width: 40px;
background-size: unset;
}
.product-layout.product-list .product-block.product-thumb .product_hover_block .action button.wishlist:hover{
background-position: 7px -43px;
transition: all 400ms ease-in-out;
}
.product-layout.product-list .product_hover_block .action button.cart_button {
margin: 0;
background: #ffcc01;
color: #111;
font-size: 13px;
font-weight: 600;
width: auto;
padding: 8px 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;
height: auto;
}
.product-list .product_hover_block .action .button.cart_button {
padding: 9px 20px 9px 50px;
transition: all 400ms ease-in-out;
}
.product-layout.product-list .product_hover_block .action button.cart_button:hover{
background-color: #111;
color: #fff;
transition: all 400ms ease-in-out;
}
.product-layout.product-list .product-block-inner .product-details .product_hover_block .action button.cart_button.out_of_stock{
padding: 9px 20px;
background: #ffcc01!important;
opacity: .6;
color: rgba(0, 0, 0, 0.6) !important;
}
.category_filter .btn-list-grid .btn-group {
margin-top: 6px;
}
.col-sm-4.product-left {
padding-left: 0px;
width: 41.66667%;
}
.col-sm-5.product-right {
width: 58.33333%;
}
.col-sm-3.product {
width: 22%;
}
#column-left .box .caption p.price span.price-new, #column-right .box .caption p.price span.price-new,
#column-left .product-thumb .price, #column-right .product-thumb .price{font-size: 14px;font-weight: 600;line-height: 19px;}
#column-left .box .caption p.price .product-thumb .price-old,#column-right .box .caption p.price .product-thumb .price-old{font-size: 13px;}
#footer .row .product-block{border:none; }
#footer .row .product-block:hover{border:none;}
#carousel-0 .product-block:hover, #carousel-0 .product-block {border: medium none;}
.rating .fa-stack, #review .fa-stack {
font-size:14px;
width: 11px;
color: #d9d9d9;
height: 12px;
}
.rating .fa-star,#review .fa-star,.rating-wrapper .fa-star{
color: #fbaf5d;
font-size: 11px;
height: 13px;
}
.rating .fa-star + .fa-star-o,
#review .fa-star + .fa-star-o,.rating-wrapper .fa-star + .fa-star-o{color: #fbaf5d;}
.rating .fa-star.off,.rating-wrapper .fa-star.off, #review table .fa-star.off{color:#d9d9d9;}
h2.price {margin: 0;}
.productpage .nav-tabs > li.active > a {
color: #000 !important;
font-size: 20px;
font-weight: 500;
}
#tabs_info.product-tab li.active a {
background: #ffcc01;
font-weight: 500;
/* color: #fff; */
border-radius: 25px;
}
.nav-tabs > li.active::after {
border-bottom: 3px solid #f6d000;
bottom: 0;
}
.nav-tabs > li > a{
background: transparent;
border-radius: 25px;
padding: 10px 20px;
}
.nav-tabs>li{
margin: 0 5px;
}
#content #tabs_info .nav.nav-tabs {
padding: 0;
border-bottom: 2px solid #f0f0f0;
}
.product-thumb .price {
color: #00abc4;
font-size: 18px;
font-weight: 700;
margin: 0px 0 10px;
float: left;
width: 100%;
line-height: 20px;
letter-spacing: 0px;
}
.product-thumb .price .price-new {
color: #00abc4;
font: 700 16px/20px "Montserrat",Helvetica,sans-serif;
text-align: center
}
.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: #888888;
text-decoration: line-through;
font-size: 14px;
font-weight: 400;
margin: 0 0 0 5px;
line-height: 24px;
letter-spacing: 0.4px;
}
.product-thumb .price-tax {
color: #111;
display: none;
float: none;
font-size: 14px;
line-height: 14px;
position: static;
font-weight: 700;
}
.product-list .product-thumb .price-tax{display:block; clear:both; line-height:18px; margin:5px;}
.myaccount-menu.dropdown-menu > li > a{padding:6px 10px !important;margin-right:0; font-size: 12px;}
.product-list .product-block .product-details.list .compare { display: block;}
#product span.customSelect, #product .form-group select {
border-radius: 5px;
height: 40px;
color: #7a7a7a;
padding: 9px 15px 10px 15px;
border: 1px solid #e8e9eb;
}
.product-list .product_hover_block {
opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
-moz-opacity: 1;
position: relative;
bottom: -8px;
clear: both;
text-align: left;
z-index: 9;
position: static;
}
.product-list .product_hover_block .action {
text-align: left;
box-shadow: none;
}
.header-cart .cart-menu li a{
margin:0;
padding:0!important;
height:auto;
width:100%;
float: right;
text-align: center;
}
.cart-menu .total-table .text-right{ border:none;}
.cart-menu .total-table {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #dddddd currentcolor currentcolor;
border-image: none;
border-style: solid none none;
border-width: 1px medium medium;
}
#column-left .product_hover_block, #column-right .product_hover_block {
display: none;
}
.thumbnails {
overflow: auto;
clear: both;
list-style: none;
padding: 0;
margin: 0;
}
.thumbnails > img {width: 100%;}
.thumbnails .image-additional {float: left;}
.product-info .image {
margin-bottom: 25px;
border: 1px solid transparent;
}
.product-info .image .thumbnail{ margin: 0;}
.product-info .zoomContainer{ z-index:9; } /* It need for ie7 */
.product-info .additional-carousel {
position: relative;
padding:0 70px;
overflow: hidden;
}
.product-info .image-additional {
clear: both;
overflow: hidden;
width: 100%;
float:none;
margin-left:auto;
margin-right:auto;
}
.product-info .image-additional img {
/* border: 1px solid transparent; */
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: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 -138px;
color: #00abc4;
}
.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 {
/* padding: 12px 15px; */
font-size: 16px;
font-weight: 600;
/* background: #f7f7f7; */
position: relative;
line-height: 20px;
color: #111;
}
.header_bottom.fixed .header-logo {
left: 6%;
right: auto;
margin: 29px auto;
z-index: 4;
position: absolute;
}
.service-banner .box-heading{display:none;}
.box-heading .fa.fa-angle-down {
margin: 0 0 0 2px;
font-weight: 600;
}
.box-heading {
font-size: 14px;
font-weight: 600;
text-transform: capitalize;
line-height: 24px;
}
.box.special {
position: relative;
float: left;
width: 100%;
margin:0 0 70px 0;
}
#content .box .box-heading, .box.related_prd .box-heading{
font-size: 36px;
font-weight: 700;
position: relative;
text-transform: capitalize;
line-height: 55px;
text-align: center;
color: #111;
letter-spacing: 1px;
padding: 0 0px 30px;
margin: 0 0 10px;
background: url(../image/webdigify/title-pattern.png) no-repeat center bottom;
}
#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: 0;
margin: 0;
}
#content .box .box-content, .related_prd .box-content{
border:none;
padding:0;
clear: both;
position: relative;
}
.row .additional-carousel .product-block:hover {border:none;}
#products-related {
position: relative;
}
.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: 18px;
font-weight: 500;
margin:0 0 15px 0;
}
.box .box-content ul li , #content .content ul li {
line-height:22px;
padding:4px 0;
border-bottom: 1px dashed #e4e4e4;
}
.box .box-content ul li:last-child, #content .content ul li:last-child { border: medium none;}
.box .box-content ul li a + a , .box .box-content ul li a + a:hover{ background:none; padding-left:0; }
.box .box-content ul ul{margin-left:0px;}
.product-grid li,#content .box-product .product-items {
float:left;
position:relative;
}
#content .image-additional .slider-item .product-block{
margin:0 5px;
padding: 0;
display: inline-block;
}
.product-left .product-info .additional-carousel .slider-item .product-block a.elevatezoom-gallery.zoomGalleryActive{
box-shadow: 0 0 6px 1px rgb(0 0 0 / 10%);
-moz-box-shadow: 0 0 6px 1px rgba(0,0,0,.1);
-webkit-box-shadow: 0 0 6px 1px rgb(0 0 0 / 10%);
}
/* #product-product .product-left .product-info .additional-carousel .product-block a img{
box-shadow: 0 0 6px 1px rgb(0 0 0 / 10%);
-moz-box-shadow: 0 0 6px 1px rgba(0,0,0,.1);
-webkit-box-shadow: 0 0 6px 1px rgb(0 0 0 / 10%);
} */
.banners-slider-carousel .product-block:hover .product-block-inner{ box-shadow: none; }
.product-block-inner {
position: relative;
background: #fff;
float: left;
width: 100%;
}
.product-layout .product-block-inner{ margin: 0; }
.grid_default_width { width:280px;}
.module_default_width{ width:230px;}
.latest_default_width{ width:280px;}
.special_default_width {width:280px;}
.wdproductcategory {
width: 240px;
}
.related_default_width{ width:280px;}
.bestseller_default_width {
width: 280px;
}
.additional_default_width{ width:100px;}
#content .banners-slider-carousel .product-carousel .product-block-inner,#content .banners-slider-carousel .product-grid .product-block-inner{text-align:center;}
.product_hover_block {
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;
z-index: 99;
margin-bottom: 10px;
position: absolute;
top: -200px;
text-align: center;
left: 0;
right: 0;
opacity: 0;
}
.product-block:hover .product_hover_block {
transition: all 500ms ease 0s;
-webkit-transition: all 500ms ease 0s;
-moz-transition: all 500ms ease 0s;
-ms-transition: all 500ms ease 0s;
-o-transition: all 500ms ease 0s;
opacity: 1;
}
/* .product-block:hover .product_hover_block {
opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
-moz-opacity: 1;
} */
.product-block:hover .product_hover_block .action button,.product-block:hover .quickbox {
transform: scale(1);
}
.product_hover_block .action {
width: auto;
text-align: center;
padding: 5px;
background: #fff;
display: inline-block;
border-radius: 25px;
box-shadow: 0 1px 9px rgb(0 0 0 / 9%);
}
.product_hover_block .action button, .quickbox{
background-image: url("../image/webdigify/sprite3.png");
background-repeat: no-repeat;
background-position: center 10px;
background-position: -43px -133px;
background-color:#ffffff;
display: inline-block;
margin: 0;
color: #333;
border: none;
position: relative;
border-radius: 50%;
text-align: center;
vertical-align: top;
transform: scale(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;
}
.product-layout.product-list .product_hover_block .action button,
.product-layout.product-list .quickview-button{
transform: none;
}
.product_hover_block .action button.cart_button{
background-position: -43px 8px;
font-size: 0;
font-weight: 600;
padding: 0;
width: 40px;
height: 40px;
background-color: #ffffff;
border-radius: 50px;
letter-spacing: 0.6px;
z-index: 9;
}
.product_hover_block .action button.cart_button:hover {
background-position: 7px 8px;
background-color: #22272e;
}
.product_hover_block .action button.wishlist{ background-position: -43px -42px; }
.product_hover_block .action button.wishlist:hover {
background-position:7px -43px;
background-color: #22272e;
}
.product_hover_block .action button.compare_button{
background-image: url(../image/webdigify/sprite3.png);
background-repeat: no-repeat;
background-position: -43px -92px;
background-color: #ffffff;
width: 40px;
height: 40px;
z-index: 1;
}
.product_hover_block .action button.compare_button:hover {
background-position: 7px -92px;
}
.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: #22272e;
}
.product_hover_block .action button::before, .quickbox::before {
content: "";
position: absolute;
width: 50px;
height: 40px;
top: 5px;
left: 16px;
z-index: -1;
border-radius: 50%;
transform: scale(0);
-webkit-transform: scale(0);
-ms-transform:scale(0);
-o-transform:scale(0);
-moz-transform:scale(0);
transition: all 200ms ease 0s;
-webkit-transition: all 200ms ease 0s;
-moz-transition: all 200ms ease 0s;
-ms-transition: all 200ms ease 0s;
-o-transition: all 200ms ease 0s;
}
.product-layout.product-list .product-block-inner .product-details .product_hover_block .action button.cart_button{
/* background: #ffcc01; */
background: #ffcc01 url(../image/webdigify/sprite3.png)no-repeat scroll;
background-position: -34px 5px;
border-radius: 25px;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
-khtml-border-radius: 25px;
color: #111;
line-height: normal;
padding: 10px 20px 10px 50px;
position: relative;
width: auto;
font-size: 14px;
font-weight: 500;
letter-spacing: 1px;
}
.product-layout.product-list .product-block-inner .product-details .product_hover_block .action button.cart_button:hover{
background-position: 17px 5px;
transform: scale(1);
background-repeat: no-repeat;
color: #fff;
background-color: #111;
}
.product_hover_block .action button:hover::before, .quickbox:hover::before{
transform: scale(1);
-webkit-transform: scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
-moz-transform:scale(1);
}
.quickview-model .alert.alert-info {
float: left;
width: 100%;
margin: 10px 0 0 0;
}
.quickview-button {
display:inline-block;
margin: 0;
width: 40px;
height: 40px;
transition: all 400ms ease-in-out;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
}
.product-block:hover .quickview-button {
transform: scale(1);
}
.quickbox {
width: 100%;
height: 100%;
}
.product-block .product-details .caption .quickview-button .quickbox:hover,
.product-block .product-details .caption .quickview-button .quickbox:active,
.product-block .product-details .caption .quickview-button .quickbox:focus {
background-color: #22272e;
background-position: 7px -133px;
}
#productcategory-carousel .product_hover_block {
left: 15px;
}
.quickbox .fa.fa-eye {
font-size: 15px;
}
.quickbox:hover {
background-color: #22272e;
border-radius: 50%;
background-position: 7px -133px;
}
.product_hover_block button .fa {
font-size: 14px;
}
.product-block .product-details {
padding: 0px 0 0;
position: relative;
float: left;
width: 100%;
text-align: center;
height: 100%;
min-height: 100px;
}
.product-grid .description {
display: none;
}
.sale {
color: #111111;
display: block;
font-size: 12px;
left: 10px;
line-height: 18px;
position: absolute;
right: auto;
top: 15px !important;
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
transition: all 400ms ease-in-out;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
}
.product-block .product-block-inner .image span.sale:hover {
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
transition: 400ms ease-in-out;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
left: -90px;
}
#content .banners-slider-carousel .product-block { margin:0px 0px; cursor: pointer; width: 100%; }
#content .banners-slider-carousel .product-block .product-block-inner { padding: 15px 0 !important; }
.product-list .product-details {
overflow: hidden;
text-align: left;
float: none;
width: auto;
padding: 20px 0 15px 30px;
}
#content .banners-slider-carousel .product-block .product-block-inner a .img-responsive {
display: inline-block;
}
#content .banners-slider-carousel .product-block .product-block-inner:hover a .img-responsive{
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
}
.banners-slider-carousel .product-block .product-block-inner img{
max-width: 100%;
opacity: .6;
-moz-opacity: .6;
-khtml-opacity: .6;
-webkit-opacity: .6;
transition: all 500ms ease 0s;
-webkit-transition: all 500ms ease 0s;
-moz-transition: all 500ms ease 0s;
-o-transition: all 500ms ease 0s;
-ms-transition: all 500ms ease 0s;
width: auto;
height: auto;
}
/* .banners-slider-carousel .product-block:hover .product-block-inner img{
opacity: 1;
filter: alpha(opacity=100);
animation: 3s ease-in 1s 2 reverse both paused bounceIn;
animation: 3s linear 1s bounceIn;
animation: bounceIn 1s;
} */
@-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: 33.3%;
}
.banners-slider-carousel {
margin:60px 0 60px;
width: 100%;
float: left;
}
.banners-slider-carousel .product-carousel .slider-wrapper-outer{ padding: 0; }
#column-left .box-product,
#column-right .box-product {
width: 100%;
overflow: hidden;
padding: 0px 0px;
}
#column-left .box-product .product-block-inner, #column-right .box-product .product-block-inner {
margin: 0;
padding: 0;
box-shadow: none;
width: 100%;
border: none;
}
#column-left .box-product > 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;
padding: 20px 0 0;
}
#column-left .box .box-content div.product-items:last-child >.product-block .product-block-inner .image{
margin: 0;
}
#column-left .box-product .image, #column-right .box-product .image {
display: block;
margin:0 0 10px 0;
float: left;
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: 70%;
text-align: left;
overflow: hidden;
padding: 0;
}
#column-left .box-product .product-thumb h4, #column-right .box-product .product-thumb h4 {
white-space: unset;
text-overflow: unset;
overflow: visible;
font-size: 13px;
font-weight: 400;
text-align: left;
padding: 5px 0 0 0;
}
#column-left .product-thumb .caption,
#column-right .product-thumb .caption{
padding:0;
border:none;
float: left;
width:100%;
margin-top:0px;
}
#column-left .special .product-thumb .caption,
#column-right .special .product-thumb .caption{width:100%;}
.content_headercms_bottom .tags > a:last-child::after {border-right: medium none;}
#column-left .product-thumb .price, #column-right .product-thumb .price{ text-align:left;}
#column-left .box-product .name,
#column-right .box-product .name {display: block;}
#column-left .product-thumb, #column-right .product-thumb {
border-bottom: 1px solid #eaeaea;
margin-bottom: 0px;
padding: 20px 0 5px;
float: left;
width: 100%;
}
#column-left .price-tax, #column-left .wishlist , #column-left .compare,
#column-right .price-tax, #column-right .wishlist , #column-right .compare {display:none !important;}
#column-left .container,#column-right .container{width:auto}
#column-left .box, #column-right .box {
margin-bottom: 20px;
position: relative;
border: 1px solid #eaeaea;
padding:20px;
float: left;
width: 100%;
}
.top_button {
bottom: 20px;
cursor: pointer;
height: 45px;
padding: 2px 13px;
position: fixed;
right: 20px;
text-align: center;
width: 45px;
z-index: 99;
font-size: 0px;
border: 2px solid #ffffff;
border-radius: 50%;
background: #00abc4;
-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;
}
.top_button:hover {
background-color: #111111;
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: 22px;
line-height: 37px;
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 {
border-radius: 50%;
bottom: -5px;
height: 50px;
opacity: 1;
right: -5px;
content: "";
position: absolute;
width: 50px;
animation: blink 2s steps(5, start) infinite;
-webkit-animation: blink 1s steps(5, start) infinite;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
#content ul.list-unstyled {
overflow: auto;
padding: 0;
}
#content ul.list-unstyled li {
line-height: 26px;
font-size: 13px;
}
.account-account #content ul.list-unstyled li a{color: #666; font-size: 14px;}
.account-account #content ul.list-unstyled li a:hover {
color: #00abc4;
}
.account-address .btn-info:hover {
background: #00abc4;
border-color: #00abc4;
color: #fff;
}
/* #content ul.list-unstyled li a {
color: #666;
} */
.manufacturer-list {
border: 1px solid #e5e5e5;
margin-bottom: 20px;
padding: 5px;
}
.manufacturer-heading {
background: none repeat scroll 0 0 #f8f8f8;
font-size: 15px;
font-weight: bold;
margin-bottom: 6px;
padding: 5px 8px;
}
.brand-name {
float: left;
border: 1px solid #e8e9eb;
margin: 10px 11px;
}
.brand-name:hover {
border-color: #111;
}
.brand-name a .img-responsive {
width: 123px;
opacity: 0.8;
filter: alpha(opacity=80);
}
.brand-name a .img-responsive:hover{
opacity: 1;
filter: alpha(opacity=100);
}
.main-menu .brand-name a {
padding: 0;
}
.main-menu .brand-name a span {
width: 100%;
color: #111;
float: left;
background: #fafafa;
text-align: center;
padding: 5px 14px 6px;
border-top: 1px solid #eaeaea;
}
.manufacturer-content-home {
float: left;
width: 100%;
}
.manufacturer-content {padding: 8px;}
.manufacturer-list ul {
float: left;
list-style: outside none none;
margin: 0 0 10px;
padding: 0;
width: 25%;
}
.productpage .box {margin-top:20px;}
.col-sm-4.total_amount { margin-top: 70px;}
.product-tag{margin:5px 0;}
.aboutus {
clear: both;
margin-bottom:60px;
}
/* #content h3 {
margin-bottom: 10px;
font-size: 18px;
color: #111;
} */
.image1 {
background: url("../image/webdigify/cms-sprite.png") no-repeat scroll 7px -165px;
float: left;
height: 50px;
width: 60px;
}
.image2 {
background: url("../image/webdigify/cms-sprite.png") no-repeat scroll 7px -116px;
float: left;
height: 50px;
width: 60px;
}
.image3 {
background: url("../image/webdigify/cms-sprite.png") no-repeat scroll 7px -52px;
float: left;
height: 50px;
width: 60px;
}
.image4 {
background: url("../image/webdigify/cms-sprite.png") no-repeat scroll 7px 6px;
float: left;
height: 50px;
width: 60px;
}
.aboutus h2{clear:both;font-size:20px;}
.about-content{overflow:hidden;}
.information-information .right{float:right;}
.category_filter #grid-view,.category_filter #list-view{
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-khtml-border-radius: 0;
border:none;
padding:6px 12px;
box-shadow: none;
}
#column-left .swiper-viewport {
border: medium none;
box-shadow: none;
margin: 0 0 30px;
border-radius: 0px;
}
.category_filter #grid-view{
background:url("../image/webdigify/sprite.png") no-repeat scroll -8px -20px;
width:25px;
height:25px;
}
.category_filter #list-view{
background:url("../image/webdigify/sprite.png") no-repeat scroll -67px -20px !important;
width:25px;
height:25px;
}
.category_filter #list-view:hover, .category_filter #list-view.active {
background-position: -67px -69px !important;
}
.category_filter #grid-view:hover, .category_filter #grid-view.active{background-position: -6px -69px ;}
.category_filter #grid-view .fa, .category_filter #list-view .fa{display:none}
#list-view{margin-left:8px}
.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;}
.category_thumb .category_description {
float: left;
width: 100%;
margin-bottom: 20px;
color: #7a7a7a;
}
.row.category_thumb {
margin: 0 -15px;
padding: 0;
}
.category_thumb .category_img, .category_thumb .category_description {
float: left;
width: 100%;
}
.category_img img{margin-bottom:10px; border:none; max-width:100%;}
.category_list ul {
padding: 0;
display:inline-block;
margin: 7px 0 0;
}
#content .refine-search{margin-bottom:5px; margin-top:5px; text-transform:capitalize; font-size: 14px; font-weight: 600;}
.refine-search ul{padding:0;}
.refine-search ul li{list-style:none;}
.category_list li a {
display: block;
padding: 8px 20px;
border: 1px solid #eaeaea;
color: #666;
}
.compare-total #compare-total {
color: #666;
}
.category_list li a:hover {
color: #00abc4;
border-color:#00abc4;
}
.category_list li {
float: left;
list-style: outside none none;
margin: 0 10px 0px 0;
}
.pagination-wrapper {
border: 1px solid #eaeaea;
display: inline-block;
margin: 20px 0 0;
padding: 10px;
width: 100%;
background: none;
}
.pagination > li:last-child {margin: 0;}
.category_filter {
display: inline-block;
padding:10px 10px;
width: 100%;
margin-top: 14px;
margin-bottom: 13px;
border: 1px solid #eaeaea;
}
.pagination-wrapper .page-link {
float: right;
padding: 0;
width: auto;
}
.pagination-wrapper .page-result{
float: left;
padding: 8px 0;
width: auto;
}
.product-detail-left .tweet_iframe_widget {
width: auto !important;
margin: 0 10px 0 0;
}
.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: 1px solid #111111;
color: #ffffff;
}
.left strong {
font-size: 14px;
text-transform: capitalize;
padding-bottom: 5px;
display: block;
color: #111111;
}
.left .btn.btn-info {
margin-bottom: 20px;
border-radius: 30px;
color: #fff;
background: #00abc4;
border-color: #00abc4;
}
.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: #00abc4;
}
.contact-form-design .left {
float: left;
width: 28%;
margin-right: 30px;
padding:20px 20px;
color: #666666;
position: relative;
z-index: 9;
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: 70px auto;
position: relative;
}
address{
font-size: 13px;
}
.checkout-cart .alert.alert-danger {
float: left;
width: 100%;
margin-top: 20px;
}
.address-detail .btn {
clear: both;
float: left;
margin: 15px 0 0 37px;
color: #000;
}
#spinner {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 9999;
background: url("../image/webdigify/ajax-loader.gif") 50% 50% no-repeat #fff;
}
.main-slider {
position: relative;
float: left;
width: 100%;
}
.productpage .write-review:hover, .productpage .review-count:hover {
color: #111;
}
.main-slider img {
border:none;
width: 100%;
height: auto;
}
.information-sitemap .sitge-map ul{padding:0 0 0 20px;}
.forget-password {margin: 5px 0 0;}
.product-compare .btn-primary{margin:5px 0 5px;}
.productpage .write-review,.productpage .review-count {margin: 0 10px; text-transform: capitalize; color: #666;}
.productpage .rating-wrapper, .quickview .rating-wrapper { margin: 15px 0 15px;}
.productpage .productpage_details { float: left; margin-top:0px; width: 100%;}
.productpage #tabs_info {
background: #ffffff none repeat scroll 0 0;
margin: 30px 0;
padding:30px;
}
.productpage .productpage_details .product-left {
padding: 0;
width: 445px;
}
.productpage .productpage_details .product-right {
margin-left: 30px;
width: 45%;
}
#content .productpage_details #column-right {
float: right;
margin: 0;
padding: 0;
width: 238px;
}
.productpage #banner0.owl-carousel {
overflow: visible;
}
.productpage #banner0 .owl-pagination{bottom:-30px;}
.productpage #banner0 .owl-page{border: 2px solid #000000;}
.productpage #banner0 .owl-page > span{
background: #ffffff none repeat scroll 0 0;
border: 2px solid #ffffff;
border-radius: 0;
-webkit-border-radius:0;
-khtml-border-radius:0;
-moz-border-radius:0;
cursor: pointer;
display: block;
font-size: 0;
height: 10px;
position: relative;
text-indent: -9999px;
width: 10px;
}
/* Product tab*/
.content_product_block {
margin: 20px 0;
float: right;
width: 100%;
}
.product-detail-left hr {
margin: 0px;
}
.addthis_toolbox.addthis_default_style {
float: left;
}
#custom_tab.product-tabs {
overflow: hidden;
}
#custom_tab > ul {
list-style: outside none none;
margin: 0;
padding: 0;
}
#custom_tab li {
float: left;
margin: 0;
}
#custom_tab.product-tabs a.selected {
color: #111;
font-weight: 500;
background: #e8e9eb;
}
#custom_tab.product-tabs a {
background: none repeat scroll 0 0;
color: #7a7a7a;
float: left;
padding: 10px 15px;
text-transform: capitalize;
margin-right: -1px;
}
#custom_tab.product-tabs a:first-child {
padding: 10px 15px 10px 15px;
}
#custom_tab ul li a {
color: #aaaaaa;
float: left;
font-weight: 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;
}
.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;
border-radius: 5px !important;
}
#accordion label.col-sm-2.control-label {
margin: 7px 0 0;
padding: 0 13px 0 0;
}
#accordion #collapse-shipping label.col-sm-2.control-label{padding:0 15px;}
.checkout-checkout #accordion label.col-sm-2.control-label{padding-left:15px;}
.checkout-cart .input-group-btn:last-child > .btn-group{ font-size:12px;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-khtml-border-radius: 0;
}
.col-sm-3.search_subcategory {width:100%; margin-top:7px;}
#button-search {
float: right;
}
.box .box-content .megamenu ul li ul li {padding: 0;}
#column-left .treeview-list .expandable .collapsable-hitarea::before, #column-left .treeview-list .expandable-hitarea::before,
#column-left .treeview-list .collapsable .expandable-hitarea::before, #column-left .treeview-list .collapsable-hitarea::before{position:relative;top:6px;}
.box .box-content ul , #content .content ul {
padding:0;
margin:0px;
list-style:none;
}
.box .box-content ul li{
line-height:23px;
padding:0px 25px;
border-bottom:none
}
.box .box-content ul ul{margin-left:10px;}
#column-left .box .box-content ul li, #column-right .box .box-content ul li {padding: 0;}
#column-left .box .box-content ul li a, #column-right .box .box-content ul li a {padding: 6px 0; color: #7a7a7a;}
.box .box-content ul li:last-child a{border: medium none;}
.box .box-content ul li ul li{
padding:0 25px;
border-bottom:none;
}
.panel-footer.text-right button#button-filter{
color: #fff;
background: #111;
}
.panel-footer.text-right button#button-filter:hover {
color: #111;
background-color: #ffcc01;
}
#column-left .list-group, #column-right .list-group{
padding:10px 0px 0 0;
margin: 0px;
}
.box .box-content .box-category {
padding: 15px 0;
}
#content .content ul li {
line-height:22px;
padding:5px;
}
.box .box-content ul li ul li + li{border-top:medium none;}
.box .box-content ul li a, #content .content ul li a {
display: inline-block;
text-transform: capitalize;
}
.box .box-content ul li a + a , .box .box-content ul li a + a:hover{ background:none; padding-left:0; }
.box .box-content ul li a:hover, #content .content ul li a:hover {
color: #00abc4 !important;
}
.box .box-content ul ul{
z-index:99;
width:auto;
}
#column-left .treeview .hitarea.expandable-hitarea {
color: #808080 !important;
}
#column-left .treeview .hitarea.expandable-hitarea {
color: #808080 !important;
}
#column-right .single-banner{margin:0;}
.box .box-content ul ul li ul {padding:0;}
.box .box-content ul ul li:hover ul {display: block;}
.navbar-nav > ul > li > a:hover .dropdown-menu {
border-top-left-radius: 0;
border-top-right-radius: 0;
margin-top: 0;
}
.box-category-heading {
color: #fff;
cursor: pointer;
float: left;
font-size: 14px;
font-weight:600;
letter-spacing: 0.5px;
overflow: hidden;
padding:12px 0px;
position: relative;
text-transform:uppercase;
width: 200px;
line-height:16px;
display:none;
}
.box-category-heading .fa {
float:left;
font-size: 17px;
font-weight: 600;
margin-right: 10px;
}
/* Tab cms */
.hometab, .ProductbyCategory, .featured {
width: 100%;
margin: 0 0 45px 0;
float: left;
}
.box.webdigifyblog {
margin-bottom: 40px;
}
.etabs {
margin: 0;
text-align: center;
padding:0;
margin-top: 20px;
}
.htabs a{
display: inline-block;
float: none;
cursor: pointer;
text-transform: capitalize;
width: 100%;
background:transparent;
/* border: 1px solid transparent; */
padding: 12px 20px;
color: #111;
font-size: 15px;
font-weight: 500;
line-height: 18px;
letter-spacing: 0;
border-radius: 25px;
}
.etabs li.tab {
float: none;
display: inline-block;
margin: 0 3px;
position: relative;
}
.htabs a.selected, .htabs a:hover,.htabs li.active a{
background: #ffcc01 none repeat scroll 0 0;
border: none;
margin: 0;
position: relative;
color: #111;
border-radius: 25px;
}
.customNavigation a.next::before, .owl-buttons a.next::before {
content: "";
}
.customNavigation{
display: inline-block;
float: none;
padding: 0;
text-align: center;
vertical-align: top;
cursor: pointer;
margin: 10px 0 0;
text-transform: uppercase;
}
.customNavigation a {
color: #666;
display: inline-block;
float: none;
font-size: 0;
height: 40px;
position: relative;
vertical-align: top;
width: 50px;
}
.hometab .customNavigation a.prev::before,
.box.related_prd #products-related .customNavigation a.prev::before ,
.box.special .customNavigation a.prev::before{
border-right: 1px solid #494655;
content: "";
height: 60px;
position: absolute;
right: -15px;
top: 12px;
transform: skewX(-50deg);
-webkit-transform: skewX(-50deg);
-moz-transform: skewX(-50deg);
-o-transform: skewX(-50deg);
-ms-transform: skewX(-50deg);
}
.hometab .customNavigation a.prev::after,
.box.related_prd #products-related .customNavigation a.prev::after,
.box.special .customNavigation a.prev::after {
background: rgba(0,0,0,0) url(../image/webdigify/sprite.png) repeat scroll 211px 110PX;
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
height: 37px;
width: 30px;
}
#wd_category_feature .owl-nav {
display: inline-block;
margin-top: 28px;
}
.wd-titlecat .owl-carousel .owl-controls .owl-buttons div i{display: none ;}
div#carousel-0 .customNavigation a.prev::after,
.customNavigation a.prev::after {background: none;}
div#carousel-0 .customNavigation a.next::after,
.customNavigation a.next::after{background: none;}
.hometab .customNavigation a.prev:hover::after,
.box.related_prd #products-related .customNavigation a.prev:hover::after,
.box.special .customNavigation a.prev:hover:after{
background-position: 156px 110PX;
}
.hometab .customNavigation a.next:hover::after,
.box.related_prd #products-related .customNavigation a.next:hover::after,
.box.special .customNavigation a.next:hover:after {
background-position: 156px 52PX;
}
.hometab .customNavigation a.next::after,
.box.related_prd #products-related .customNavigation a.next::after,
.box.special .customNavigation a.next::after {
background: rgba(0,0,0,0) url(../image/webdigify/sprite.png) repeat scroll 211px 52PX;
bottom: 0;
content: "";
left: auto;
position: absolute;
right: -13px;
top: 25px;
height: 38px;
width: 30px;
}
#tabs_info.product-tab .tab-content {
padding: 20px;
float: left;
/* border: 1px solid #eaeaea; */
border-top: 0px;
width: 100%;
}
.nav-tabs > li {border:none !important;}
.tab-content .tab { display: none;}
.box .box-content ul li:last-child ul li a {border-bottom: 1px dashed #e5e5e5;}
.box .box-content ul li:last-child ul li:last-child a {border: medium none;}
.product-column {
float: left;
width: 100%;
padding:0 0 50px;
}
.tab-head {
width: 100%;
float: left;
margin-bottom: 20px;
}
.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;
}
.productbox-grid{
width: 100% !important;
float: left;
}
/*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;
}
.banner-btn:hover{ background:#333; color: #fff; }
/*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,
.box.related_prd #products-related .customNavigation a.prev::before:hover,.box.related_prd #products-related .customNavigation a.next::before:hover{color:#fff}
/* End Tab cms */
/*Webdigify Blog CSS */
.img-thumbnail {
padding: 0px;
background-color: #fff;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
display: inline-block;
max-width: 100%;
height: auto;
}
.blog-item:hover .post-image-hover {
opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
-moz-opacity: 1;
}
.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;
}
.webdigifyblog .bx-controls-direction .bx-prev::after {
content: "\f107 ";
cursor: pointer;
font-family: "FontAwesome";
font-size: 24px;
left: 0;
line-height: 26px;
margin: 0;
position: absolute;
right: 25px;
text-align: right;
top:0;
vertical-align: middle;
}
.bx-controls-direction .bx-prev::after {
font-size: 18px;
left: 0;
line-height: 26px;
margin: 0;
position: absolute;
right: 0;
text-align: center;
top: -1px;
vertical-align: middle;
}
.webdigifyblog .bx-controls-direction .bx-next::after {
content: "\f106";
cursor: pointer;
font-family: "FontAwesome";
font-size: 24px;
left: 0;
line-height: 26px;
margin: 0;
position: absolute;
right: 45px;
text-align: right;
top: 0;
vertical-align: middle;
}
.bx-pager-item {
display: none;
}
.content_footer_right .blog_stats {
display: none;
}
#footer .blog_item .summary p {
display: none;
}
#information-information .webdigifyblog {
float: right;
margin-top: 0;
position: relative;
text-align: center;
width: 100%;
display: none;
}
#content .webdigifyblog .box-heading {
margin: 0 0 20px 0;
}
.content_footer_right .post_hover {
display: none;
}
.box.webdigifyblog {
float: right;
position: relative;
width: 100%;
margin: 0 0 60px;
}
.social-block ul {
margin: 0px 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;
float: left;
}
.blog-image{position:relative; overflow:hidden;}
.blog-left .blog-image img {
width: 100%;
max-width: 100%;
height: 100%;
padding: 0;
border: none;
}
.blog-right {
text-align: center;
padding: 30px 15px;
position: relative;
width: 85%;
float: none;
display: inline-block;
vertical-align: top;
margin: -35px 0 0;
background: #fff;
box-shadow: 0 0 8px 0 rgb(0 0 0 / 10%);
}
.blog-right h4 a {
font: 500 16px/24px "Montserrat",Helvetica,sans-serif;
letter-spacing: 0.4px;
float: left;
text-transform: capitalize;
width: 100%;
text-align: center;
overflow: hidden;
color: #444;
margin-bottom: 8px;
}
.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: auto;
text-align: center;
margin: 0;
}
.read-more a{
position: relative;
text-transform: uppercase;
display: inline-block;
vertical-align: top;
position: relative;
font:500 13px/20px 'Poppins', Helvetica, sans-serif;
overflow: hidden;
/* background: #00abc4; */
z-index: 1;
color: #000;
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;
}
.webdigifyblog .blog-item .product-block .blog-right .view-blog .read-more a:hover{
color: #111;
}
.box.webdigifyblog .read-more a::after {
content: "\f105";
font-family:'FontAwesome';
margin: 0 0 0 5px;
}
.box.webdigifyblog .read-more a::before {
position: absolute;
content: "";
left: 0;
right: 0;
top: auto;
bottom: -5px;
height: 2px;
width: 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;
-khtml-transition: all 400ms ease-in-out;
}
.box.webdigifyblog .read-more {
float: none;
display: inline-block;
vertical-align: top;
width: auto;
}
.read-more .fa{display:none;}
.write-comment {
display: inline-block;
float: none;
padding-left: 18px;
position: relative;
text-align: left;
}
.common-home .write-comment::before {
background: #a8a8a8 none repeat scroll 0 0;
border-radius: 50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-khtml-border-radius:50%;
/* content: ""; */
display: block;
font-family: fontawesome;
height: 4px;
left: 9px;
position: absolute;
top: 11px;
width: 4px;
}
.date-time {text-align:left; text-transform:capitalize; }
.blog_default_width {
width: 240px;
}
.blog-desc {
line-height: 24px;
display: none;
text-align: left;
color: #777777;
margin: 0px 0 20px;
width: 100%;
float: left;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.5px;
}
.information-blogger-blogs .blog-desc {
margin: 3px 0 20px 0;
display: inline;
}
.blog-right h4 {
margin: 0;
}
.blog-img { padding: 0px;}
.comment-wrapper {
position:relative;
float:right;
margin:5px 0 0;
}
.comment-wrapper .write-comment a::before {
color: #000;
content: "\f0e5";
float: left;
font-family: "FontAwesome";
font-size: 13px;
margin-right: 5px;
}
.blog-img .img-thumbnail{border:none}
.blog-date {float: left;}
#content #blog-carousel, #content #blog-grid {
padding: 0px;
border: none;
overflow: visible;
float: left;
width: 100%;
}
#content .box.webdigifyblog .box-content {padding:0; margin:0 -15px 0 ; }
#content #blog-carousel .blog-item { overflow: hidden;position: relative;float:left;}
#content #blog-carousel .blog-item {
overflow: hidden;
position: relative;
float: left;
}
.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 {
height: 45px;
width: 65px;
font-size: 0;
/* text-align: center; */
/* position: absolute; */
padding: 0px;
display: inline-block;
/* background: #00abc4; */
border-radius: 50%;
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;
}
@media (min-width:1600px){
#blog-carousel .owl-controls .owl-buttons .owl-prev {
right: auto;
left: 45%;
-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:hover .owl-controls .owl-buttons .owl-prev {
/* left: -40px; */
-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: 48%;;
-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:hover .owl-controls .owl-buttons .owl-next {
/* left: auto; */
/* right: -40px; */
-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{
top: auto;
float: left;
z-index: 2;
width: 100%;
opacity: 1;
right: 0;
padding: 0;
text-align: center;
vertical-align: top;
cursor: pointer;
margin: 10px 0 0;
text-transform: uppercase;
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;
}
#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: relative;
right: 0px;
top:0px;
width: 100%;
z-index: 1;
bottom: auto;
}
#blog-carousel .owl-controls .owl-buttons .owl-prev::before{
content: "\f104";
}
#blog-carousel .owl-controls .owl-buttons .owl-prev::after{
background: rgba(0,0,0,0) url(../image/webdigify/sprite.png) repeat scroll 211px 110PX;
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
height: 37px;
width: 30px;
}
#blog-carousel .owl-controls .owl-buttons .owl-prev::before{
border-right: 1px solid #494655;
content: "";
height: 60px;
position: absolute;
right: 10px;
top: -6px;
transform: skewX(
-50deg);
-webkit-transform: skewX(
-50deg);
-moz-transform: skewX(-50deg);
-o-transform: skewX(-50deg);
-ms-transform: skewX(-50deg);
}
#blog-carousel .owl-controls .owl-buttons .owl-next::before {
text-align: center;
top: 0;
bottom: 0;
left: 0;
right: 0;
cursor: pointer;
position: absolute;
margin: auto;
/* font-size: 22px; */
font-family: FontAwesome;
line-height: 45px;
}
#blog-carousel .owl-controls .owl-buttons .owl-next::before {
content: "\f105";
}
#blog-carousel .owl-controls .owl-buttons .owl-next::after{
background: rgba(0,0,0,0) url(../image/webdigify/sprite.png) repeat scroll 211px 52PX;
bottom: 0;
content: "";
left: auto;
position: absolute;
right: -12px;
top: 25px;
height: 38px;
width: 25px;
}
#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;
text-align: justify;
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 */
.product-block: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: 115px;
opacity: 0;
filter: alpha(opacity=0);
}
.product-block .blog-left:hover .post_hover{
opacity:1;
-webkit-opacity:1;
-moz-opacity:1;
-kkhtml-opacity:1;
transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
}
.product-block .blog-left:hover .zoom, .product-block .blog-left:hover .readmore_link,
.all-blog .blog-left-content:hover .zoom, .all-blog .blog-left-content:hover .readmore_link{
opacity:1;
-webkit-opacity:1;
-moz-opacity:1;
-kkhtml-opacity:1;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition:all 0.3s ease 0s;
}
.blog-left .icon.zoom .fa, .blog-left .icon.readmore_link .fa {
font-size: 13px;
transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
}
.blog-left .blog-image .zoom:hover, .blog-left .blog-image .readmore_link:hover {
color: #ffffff;
border-color: #00abc4;
background: #00abc4;
}
.all-blog .blog-left-content {
float: left;
margin-bottom: 20px;
/* position: relative; */
width: 41%;
/* display: block; */
}
.all-blog .blog-left-content .blog-image { float:left; position:relative; width:100%;max-width: 100%;}
.blog-right-content {
float: left;
margin: 0px 0 0 30px;
width: 53%;
position: relative;
}
.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: 10px 20px;
background: #111111;
border-radius: 25px;
text-transform: capitalize;
position: relative;
}
.blog-right-content .read-more a:hover {
color: #111;
background: #ffcc01;
}
.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; width: 100%;
}
.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: 3px 8px 4px 6px;
line-height: 28px;
}
.blog-date {
float: left;
}
.all-blog .blog-left-content.post-image-hover: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;
}
.write-comment a, .date-time {
color: #666;
font-weight: 400;
font-size: 13px;
padding: 0;
border-radius: 5px;
display: inline-block;
line-height: 37px;
letter-spacing: 0.5px;
margin-left: 12px;
display: none;
}
.blog-right-content .date-time {
margin: 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:#00abc4;}
.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: 14px;
border: 2px solid white;
border-radius: 50%;
color: #fff;
font-size: 14px;
padding: 14px;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
text-align: center;
margin: 0 5px;
}
.all-blog .blog-left-content:hover .post-image-hover{
content: "";
opacity: 1;
-khtml-opacity:1;
-webkit-opacity: 1;
-moz-opacity:1;
}
.all-blog .blog-left-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 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 ;
border-radius: 5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
-moz-border-radius:5px;
background: #fff;
line-height:20px;
}
.blog-left-content .post_hover {
left: 0;
margin: 0 auto;
opacity: 0;
-khtml-opacity: 0;
-moz-opacity: 0;
-webkit-opacity: 0;
position: absolute;
right: 0;
text-align: center;
top: 44%;
}
.all-blog .blog-left-content:hover .post_hover {
opacity:1;
-webkit-opacity:1;
-moz-opacity:1;
-kkhtml-opacity:1;
transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
}
.blog-left-content .icon.zoom .fa, .blog-left-content .icon.readmore_link .fa {
font-size: 14px;
transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
}
.blog-left-content .blog-image .zoom {
border: 2px solid #fff;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-khtml-border-radius: 50%;
color: #fff;
display: inline-block;
margin-right: 10px;
opacity: 0;
-khtml-opacity: 0;
height: 45px;
width: 45px;
-moz-opacity: 0;
-webkit-opacity: 0;
padding: 11px 14px 9px 14px;
transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
z-index: 10;
background: none;
}
.blog-left-content .blog-image .zoom:hover,.blog-left-content .blog-image .readmore_link:hover{
background:#00abc4 none repeat scroll 0 0;
color: #fff !important;
border-color: #00abc4;
}
.webdigifyblog .blog-item:hover .product-block:hover .post_hover {
opacity: 1;
-webkit-opacity: 1;
-moz-opacity: 1;
-kkhtml-opacity: 1;
}
.blog-item:hover .blog-left .blog-image img {
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.blog-left-content .blog-image .readmore_link {
border: 2px solid #fff;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-khtml-border-radius: 50%;
color: #ffffff;
background: none;
display: inline-block;
height: 45px;
width: 45px;
opacity: 0;
-khtml-opacity: 0;
-moz-opacity: 0;
-webkit-opacity: 0;
padding: 11px 14px 9px 14px;
transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
z-index: 10;
}
#add-comment .col-sm-10 {
width: 66.6667%;
}
#add-comment .col-sm-2 {
width: 25%;
}
#content .webdigifyblog .buttons,#blog-carousel .owl-pagination{display:none}
/*Webdigify Blog light-box CSS */
/*Webdigify Blog CSS */
/* Datetimepicker Css */
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right {
position: relative ;
}
.bootstrap-datetimepicker-widget {
border-radius:0 !important;
-webkit-border-radius:0 !important;
-moz-border-radius:0 !important;
-khtml-border-radius:0 !important;
}
.bootstrap-datetimepicker-widget td,
.bootstrap-datetimepicker-widget th {
border-radius:0 !important;
-webkit-border-radius:0 !important;
-moz-border-radius:0 !important;
-khtml-border-radius:0 !important;
}
.bootstrap-datetimepicker-widget td.day:hover,
.bootstrap-datetimepicker-widget td.hour:hover,
.bootstrap-datetimepicker-widget td.minute:hover,
.bootstrap-datetimepicker-widget td.second:hover{
background:#f3f3f3 !important;
}
.bootstrap-datetimepicker-widget td.today:before {border-bottom: 7px solid #2196f3 !important;}
.bootstrap-datetimepicker-widget td.active,
.bootstrap-datetimepicker-widget td.active:hover{
background-color:#2196f3 !important;
color: #161b1e !important;
}
.bootstrap-datetimepicker-widget td.active.today:before {
border-bottom-color:#161b1e !important;
}
.bootstrap-datetimepicker-widget td span {
border-radius:0 !important;
-webkit-border-radius:0 !important;
-moz-border-radius:0 !important;
-khtml-border-radius:0 !important;
background-color: #f3f3f3 !important;
}
.bootstrap-datetimepicker-widget td span:hover {color:#111111 }
.bootstrap-datetimepicker-widget td span.active {
background-color: #f6d000 !important;
color: #0a7ef0 !important;
text-shadow: none !important;
}
.bootstrap-datetimepicker-widget thead tr:first-child th:hover {
background:#f3f3f3 !important;
}
.bootstrap-datetimepicker-widget td span.old:hover{color:#fff !important}
.picker-switch.accordion-toggle .btn{border:none; background-color:#111111 ; color:#fff !important;}
.bootstrap-datetimepicker-widget td.day{position:relative;}
.bootstrap-datetimepicker-widget td.day.active:before {
border-bottom: 7px solid #0a7ef0 !important;
content: '';
display: inline-block;
border-left: 7px solid transparent;
border-top-color: rgba(0,0,0,.2);
position: absolute;
bottom: 4px;
right: 4px;
}
.bootstrap-datetimepicker-widget td.active, .bootstrap-datetimepicker-widget td.active:hover {
background-color: #f6d000 !important;
color: #0a7ef0 !important;
text-shadow: none !important;
}
.bootstrap-datetimepicker-widget a[data-action]{border:none;}
/* End Datetimepicker Css */
#blog-carousel .owl-controls .owl-buttons .owl-prev:hover,
#blog-carousel .owl-controls .owl-buttons .owl-next:hover {
/* color: #fff; */
/* background-color: #111111; */
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-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: 16px;
font-weight: 600;
line-height: 24px;
color: #111;
}
.category_thumb .category_description {
padding: 0px;
font-weight: 400;
color: #666;
font-size: 13px;
}
#form-review > h3{font-size:16px; font-weight:500;}
#content.productpage .product-title {
font-size: 17px;
font-weight: 600;
line-height: 17px;
margin: 0px 0 10px 0px;
padding: 0px 0px 10px;
text-transform: capitalize;
color: #222;
border-bottom: 1px solid #eaeaea;
}
#content h3.product-option {
text-transform: capitalize;
font-size: 16px;
font-weight: 600;
}
.breadcrumb + .row {clear: both;}
#content table thead tr td{
background:#f5f5f5 none repeat scroll 0 0;
color:#303030;
font-weight:500;
font-size: 14px;
}
.account-account #content ul.list-unstyled{margin-bottom:25px;}
.breadcrumb {
padding:23px 0;
margin: 0;
list-style: none;
float: left;
width: 100%;
text-align: center;
}
#carousel-0 {
float: left;
width: 100%;
padding: 0px 0 60px;
}
#content #carousel-0 .box-content {margin: 0; padding: 0; position: relative;}
.pull-left.footer-block { width: 19%; text-align:right!important;}
#social_block .title_block {display: none;}
#social_block .toggle-footer {padding: 55px 0 0;}
/* QUCIK-VIEW */
.quickview .wish-comp .btn.btn-default.wishlist, .quickview .wish-comp .btn.btn-default.compare {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
border: medium none;
color: #808080 !important;
font-weight: normal;
}
.productpage-quickview .product-left { width:50%; float:left; }
.productpage-quickview .product-right { width:50%; float:left; clear:none !important; }
.productpage-quickview h3.product-title {
font-weight: 500;
text-transform: capitalize;
font-size: 18px;
border-bottom: 1px solid #eaeaea;
margin: 0 auto 10px;
padding: 0 0 10px;
}
.quickview .product-right ul li.discount, .quickview .product-right ul li.rewardpoint, .quickview .product-right ul li.price-tax { clear:both; }
.header-quickview .background_wrapper { display: none;}
.header-quickview .responsive-menu {display: none;}
.header-quickview .quickview { top: 0; padding: 20px;}
.image .quickview {opacity: 0; -khtml-opacity:0;-webkit-opacity: 0;-moz-opacity:0;}
#column-left .quickview {display: none;}
.quickview .fa.fa-heart {color:#808080;}
.quickview .btn.btn-primary.btn-lg.btn-block {
background: #ffffff none repeat scroll 0 0;
border: 2px solid #7e5cdd;
color: #7e5cdd;
font-weight: normal;
padding: 7px 20px 6px !important;
text-transform: capitalize;
}
.quickview {
display: inline-block;
left: 0%;
right: auto;
padding: 15px 0;
position: absolute;
opacity: 1;
-khtml-opacity:1;-webkit-opacity: 1;-moz-opacity:1;
z-index:99;
right:0;
top:50%;
cursor:pointer;
}
.quickview .fa.fa-eye:hover { background: #111111 none repeat scroll 0 0; border-color: #111111;}
.quickview .fa.fa-eye {
background: #111111 none repeat scroll 0 0;
border: 1px solid #111111;
border-radius: 50%;
-webkit-border-radius:50%;
-khtml-border-radius:50%;
-moz-border-radius:50%;
color: #ffffff;
padding: 15px;
}
.product-quickview .quickview {
bottom: 0;
left: 10px;
top: 10px;
opacity: 1 !important;
-khtml-opacity:1 !important;-webkit-opacity: 1 !important;-moz-opacity:1 !important;
}
.product-thumb:hover .quickview{opacity:1; -khtml-opacity:1;-webkit-opacity: 1;-moz-opacity:1;color:#000000 !important;}
h4:hover a, h4:focus a {
color: #00abc4;
text-decoration: none;
}
.quickview > a {color: #000;}
#column-left .quickview-button {display: none;}
.row .cat_prod .button-gr.lists {
bottom: 50%;
position: absolute;
margin:0 auto;
width:100%;
}
.quickview .container { width:100%; background:#FFFFFF; padding:0 10px; }
.quickview .container .row { margin:0; }
.quickview .top_button { display:none; }
.quickview #product2 { float:left; width:100%; }
.quickview #product2 h3 { width:100%; }
.productpage-quickview #product2 h3 {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
font-size: 14px;
font-weight: 600;
margin: 0 0 10px;
padding: 0;
text-transform: none;
color:#333333;
}
.box.related_prd {
float: left;
width: 100%;
margin-top:70px;
}
.alert.alert-success.animated {
width: 500px;
height: 100px;
text-align: center;
vertical-align: middle;
padding: 20px 20px;
opacity: 0.95 !important;
-webkit-opacity: 0.95 !important;
-moz-opacity: 0.95 !important;
-khtml-opacity: 0.95 !important;
background-color: #ffffff !important;
border-color: #ffffff !important;
color: #111111 !important;
right: 0 !important;
left: auto !important;
}
#banner1 .swiper-pagination {
display: none;
cursor: pointer;
}
.alert.alert-success.animated span{font-size:15px !important;}
.alert.alert-success.animated span a{color:#111111; text-decoration:underline; }
.alert.alert-success.animated span .fa.fa-check-circle{color:#9bcf85;}
.alert.alert-success.animated button.close{
opacity:1;
-khtml-opacity: 1;
-webkit-opacity: 1;
-moz-opacity:1;
color:#111111;
}
.account-login .well .form-group a, .affiliate-login .well .form-group a{
line-height: 34px;
float: right;
text-decoration: underline;
}
.form-group.qty {
clear: both;
overflow: hidden;
position: relative;
padding:15px 0px 20px;
margin: 0;
}
.discount-per {
color: #228B22;
}
.stock_msg {
display: block;
padding: 10px 0 0 5px;
text-transform: capitalize;
font-weight: 600;
}
#related-carousel {
padding-bottom: 30px;
}
.productpage .form-group.qty .wishlist, .productpage .form-group.qty .compare,.product-rightinfo .btn-group.prd_page button.btn.btn-default.wishlist, .product-rightinfo .btn-group.prd_page .btn-default.compare {
color: #111111;
font-size: 13px;
display: inline-block;
padding: 5px 15px 5px 0;
text-align: left;
width: auto;
transition: none;
height: auto;
background: none;
border: 0;
top: 0px;
font-weight: 400;
}
.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 -78px;
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 -176px;
}
.productpage .form-group.qty .wishlist, .quickview-model .form-group.qty .wishlist {
margin: 0px;
}
#button-cart, #button-cart2, .productpage .form-group.qty .wishlist, .productpage .form-group.qty .compare, .product-rightinfo .btn-group.prd_page button.btn.btn-default.wishlist, .product-rightinfo .btn-group.prd_page .btn-default.compare {
float: left;
}
.btn-group, .btn-group-vertical .btn-group.prd_page {
width: 100%;
float: left;
margin:10px 0px 0 0;
}
#product .btn-group.prd_page {
padding-top: 20px;
}
.productpage .form-group.qty .wishlist:before, .product-rightinfo .btn-group.prd_page button.btn.btn-default.wishlist:before {
content: "";
background-repeat: no-repeat;
background-position: -36px -40px;
background-size: 58px;
float: left;
background-image: url(../image/webdigify/sprite3.png);
margin: 0 0px;
color: #111;
border: none;
position: relative;
border-radius: 50%;
padding: 11px 12px;
}
.headertop { position:relative; }
#search .fa.fa-search{display: none; line-height: 42px;}
.input-group-btn .search {display: block;}
.input-group-btn button.btn.btn-default {
border-radius: 0px;
}
/********************* Responsive start ******************************/
@media (max-width:1599px){
#blog-carousel .owl-controls .owl-buttons .owl-prev {
left: auto;
}
#blog-carousel .owl-controls .owl-buttons .owl-next {
right: auto;
}
#blog-carousel .owl-controls .owl-buttons .owl-next::after{right: -23px;}
}
@media (max-width: 1499px){
.header_right {
width: 16%;
margin: 0 0 0 10px;
}
#column-left .product-items .product-details, #column-left .product-items .product-details, #column-right .product-items .product-details {
width: 63%;
}
.header_search .btn.btn-default.btn-lg {
padding: 11px 15px 11px 14px;
}
#content .banners-slider-carousel .product-block {
margin: 0px 15px;
}
.ProductbyCategory{
padding: 30px 0 15px;
}
.search_box .form-control-select {
width: 125px;
}
.product-layout.product-grid {
width: 24.5%;
}
.product-layout.product-grid {
float: none;
display: inline-block;
vertical-align: top;
}
}
@media (max-width: 1459px){
#form-currency .btn-link strong {
padding: 0 0px 0 0;
}
.product-layout.product-grid {
width:24.5%;
}
.pull-left #form-language .fa.fa-caret-down,
.pull-left #form-currency .fa.fa-caret-down {
padding: 0 6px;
}
}
@media (max-width: 1249px){
.cms-inner-block1 {margin-right: 23px;}
.cms-inner-block1, .cms-inner-block2{width: 49%;}
.countbox .timebox{margin: 0 3px 0 0;}
.quickview-button {
margin: 0 3px 0 0;
}
}
@media (max-width: 1199px) and (min-width:768px){
#nav-one > li > .dropdown-menu.megamenu.column1,
#nav-one .hiden_menu .dropdown-menu{ overflow: unset;}
}
@media (max-width: 1199px){
.module_default_width {
width: 180px;
}
.banner-3.banners.col-sm-4 .wdcmsbanner-content .title{
font-size: 24px; line-height: 40px;
}
.banner-3.banners.col-sm-4 .wdcmsbanner-content .subtitle{ font-size: 24px;line-height: 36px;}
#wdcmsaboutus .subbanners_images .banner-3.banners.col-sm-4 .wdcmsbanner-content .offer a.btn-primary{ font-size: 13px;
line-height: 24px;
padding: 5px 15px;}
.banner-2.banners.col-sm-4 .wdcmsbanner-content .title{
font-size: 16px;
line-height: 38px;
padding: 0;
}
.banner-2.banners.col-sm-4 .wdcmsbanner-content .subtitle, .banner-2.banners.col-sm-4 .wdcmsbanner-content .text1{
font-size: 23px;
line-height: 36px;
}
#wdcmsaboutus .subbanners_images .banner-1.banners.col-sm-4 .wdcmsbanner-content .title, #wdcmsaboutus .subbanners_images .banner-1.banners.col-sm-4 .wdcmsbanner-content .subtitle{
line-height: 35px;
font-size: 25px;
}
#wdcmsaboutus .banner-1.banners.col-sm-4 .wdcmsbanner-content, #wdcmsaboutus .banner-2.banners.col-sm-4 .wdcmsbanner-content, #wdcmsaboutus .banner-3.banners.col-sm-4 .wdcmsbanner-content{
float: left;
top: 18px;
}
#wdcmsaboutus .subbanners_images .banner-1.banners.col-sm-4 .wdcmsbanner-content .offer a.btn-primary{
font-size: 14px;
line-height: 24px;
padding: 5px 15px;
top: 12px;
}
#wdparallaxcmsblock .parallax.wdparallax_1 {
padding: 70px 0;
min-height: 500px;
}
#wdcmsaboutus .subbanner_row .container {
padding:40px 40px 40px 40px;
margin: -85px auto 0;
}
#wdcmsbanner .wdbanner2.wdbanner-img.col-sm-6.col-xs-6 .wdright-banner-content .wdcmsbanner-content .subtitle {
font-size: 30px;
margin: 0 0 15px;
}
#wdcmsbanner .wdbanner2.wdbanner-img.col-sm-6.col-xs-6 .wdright-banner-content .wdcmsbanner-content .title {
font-size: 27px;
line-height: 27px;
margin: 0 0 15px;
}
.wdbanner2.wdbanner-img.col-sm-6.col-xs-6 .wdcmsbanner-content .text {
font-size: 25px;
line-height: 29px;
}
#wdcmsbanner .wdbanner1 .wdcmsbanner-content{ right: 10px; top: 50px;}
#wdcmsbanner .wdbanner1.wdbanner-img.col-sm-6.col-xs-6 .wdright-banner-content .wdcmsbanner-content .title{
font-size: 18px;
line-height: 28px;
font-weight: 400;
margin: 0 0 16px;
}
#wdcmsbanner .wdbanner1.wdbanner-img.col-sm-6.col-xs-6 .wdright-banner-content .wdcmsbanner-content .subtitle{
font-size: 33px;
line-height: 34px;
margin: 0px 0 25px;
}
#wdcmsbanner .wdbanner1.wdbanner-img.col-sm-6.col-xs-6 .wdcmsbanner-content .offer a.btn-primary{
padding: 8px 25px;
}
.cms-inner-block1, .cms-inner-block2{width: 48%;}
.collection-right-banner{ display: none; }
.tab-head span {float: left;}
.newsletter { padding: 0 0;}
.swiper-viewport .swiper-button-prev::before, .swiper-viewport .swiper-button-next::before { height: 40px;
width: 40px; padding: 10px 0;}
.main-slider .swiper-button-next, .main-slider .swiper-button-prev{margin:0; }
.cmsbanner-block .description .banner_text{margin: 30px 0 0 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: 60%;
}
#column-left .box, #column-right .box{padding: 15px;}
#column-left .product-items .product-details {
padding-top: 7px;
}
.product-layout.product-grid {
width: 32.8%; min-height: 365px;
}
.newsletter.col-sm-6{padding: 5px 5% 0px;}
.search_box .form-control-select {
width: 120px;
}
.main-menu a, #menu > ul > li.hiden_menu .main {
padding:8px 12px;
}
.blog-desc {
margin: 0 0 10px;
font-size: 13px;
line-height: 22px;
}
.blog-right h4 a {
font-size: 14px;
margin: 0 0 10px;
}
.blog-right {
padding: 20px 10px;
}
}
@media (max-width: 991px){
#wdcmsfooter{width: 100%;}
#wdparallaxcmsblock .parallax.wdparallax_1 {
padding: 0px 0;
min-height: 450px;
}
#wdcmsfooter .wdfooter-logo .wdfooter-desc {
margin: 20px 0 30px;
}
#wdcmsaboutus .subbanner .row .container {
padding: 40px 40px 20px 40px;
margin: -44px auto 0;
}
#wdcmsbanner .wdbanner2 .wdcmsbanner-content{ top: 35px; left: 15px;}
#wdcmsbanner .wdbanner2.wdbanner-img.col-sm-6.col-xs-6 .wdright-banner-content .wdcmsbanner-content .title {
font-size: 20px;
line-height: 25px;
margin: 0 0 5px 0px;
}
#wdcmsbanner .wdbanner2.wdbanner-img.col-sm-6.col-xs-6 .wdright-banner-content .wdcmsbanner-content .subtitle {
font-size: 23px;
margin: 0 0 8px;
}
.wdbanner2.wdbanner-img.col-sm-6.col-xs-6 .wdcmsbanner-content .text {
font-size: 18px;
line-height: 25px;
}
#wdcmsbanner .wdbanner1.wdbanner-img.col-sm-6.col-xs-6 .wdright-banner-content .wdcmsbanner-content .title{
font-size: 13px;
line-height: 23px;
font-weight: 300;
margin: 0 0 10px;
}
#wdcmsbanner .wdbanner1 .wdcmsbanner-content {
right: 7px;
top: 30px;
}
#wdcmsbanner .wdbanner1.wdbanner-img.col-sm-6.col-xs-6 .wdright-banner-content .wdcmsbanner-content .subtitle {
font-size: 24px;
line-height: 26px;
margin: 0px 0 20px;
font-weight: 500;
}
#wdcmsbanner .wdbanner1.wdbanner-img.col-sm-6.col-xs-6 .wdcmsbanner-content .offer a.btn-primary {
padding: 6px 18px;
font-size: 12px;
line-height: 24px;
}
.nav-responsive .expandable {
height: 28px;
width: 28px;
position: relative;
margin: 0;
float: left;
}
.header_top {
padding: 20px 0 19px 0;
}
.col-sm-4.header-logo {
display: block;
text-align: center;
padding: 0;
position: relative;
width: 100%;
top: 0px;
}
.header_top .row {
position: relative;
}
.search_toggle {
top: 48px;
}
.dropdown.myaccount ul.dropdown-menu.dropdown-menu-right.myaccount-menu {top: 55px;}
#cart .dropdown-menu {top: 55px;}
.nav2 {
margin: -15px -15px 0px 0;
}
.language-menu li, .currency-menu li {
padding: 0;
}
}
@media (max-width: 991px){
#wdcmsaboutus .subbanners_images .banner-1.banners.col-sm-4 .wdcmsbanner-content .title, #wdcmsaboutus .subbanners_images .banner-1.banners.col-sm-4 .wdcmsbanner-content .subtitle{
line-height: 29px;
font-size: 22px;
}
#wdcmsaboutus .subbanners_images .banner-1.banners.col-sm-4 .wdcmsbanner-content .title, #wdcmsaboutus .subbanners_images .banner-1.banners.col-sm-4 .wdcmsbanner-content .subtitle {
line-height: 29px;
font-size: 22px;
}
#wdcmsaboutus .subbanners_images .banner-1.banners.col-sm-4 .wdcmsbanner-content .offer a.btn-primary{
font-size: 14px;
line-height: 21px;
padding: 4px 6px;
top: 6px;
}
.banner-2.banners.col-sm-4 .wdcmsbanner-content .subtitle, .banner-2.banners.col-sm-4 .wdcmsbanner-content .text1{font-size: 20px;
line-height: 27px;}
.banner-2.banners.col-sm-4 .wdcmsbanner-content .title{font-size: 14px;
line-height: 24px;}
#wdcmsaboutus .subbanners_images .banner-3.banners.col-sm-4 .wdcmsbanner-content .offer a.btn-primary {
font-size: 13px;
line-height: 19px;
padding: 5px 10px;
top: 8px;
}
.banner-3.banners.col-sm-4 .wdcmsbanner-content .subtitle {
font-size: 21px;
line-height: 31px;
}
.banner-3.banners.col-sm-4 .wdcmsbanner-content .title {
font-size: 21px;
line-height: 33px;
}
.nav-responsive .expandable{top: 15px;}
.col-sm-3.header_cart{padding: 0;}
.dropdown.myaccount{ background: transparent; }
.myaccount > a{background-position: -60px -272px;}
.cart_image{
background-position: -36px -177px;
width: 30px;
height: 30px;
margin: 10px 10px 10px 0;
}
#cart .item-count{background-color: #fff;left: 24px;top:-12px;}
.header_cart #cart .mycart, .header_cart #cart .price{display: none;}
#cart{padding: 0; background: transparent;width: auto;}
#information-information #content,
#account-return #content, #information-sitemap #content,
#account-account #content, #account-voucher #content,
#account-wishlist #content, #account-order #content,
#account-edit #content, #account-newsletter #content,
#account-password #content, #account-address #content,
#account-recurring #content, #account-reward #content,
#account-transaction #content, #checkout-checkout #content,
#checkout-cart #content, #account-register #content {
width: 100%;
float: left;
margin: 0;
padding: 20px 10px !important;
}
.mainmenu {
width: 100%;
}
.login_acc li {
padding: 3px 15px 4px;
}
.login_acc {
border-bottom: 1px solid #eaeaea;
}
#form-currency .btn-link, #form-language .btn-link {
padding: 0 8px;
background: no-repeat;
margin: 0px -21px 0 0;
}
#form-language .btn-link.btn-block.language-select{
padding: 0 14px;
}
.pull-left.wd-currency,.pull-left.wd-language{
width: 100%;
margin: 0;
top: 0px;
position: relative;
}
.btn-group, .btn-group-vertical .btn-group.prd_page{
margin: 0;
}
.lang-curr-wrapper{
top: 0px;
}
.box-category-top::before {
background-size: 19px;
left: 12px;
width: 16px;
height: 17px;
top: 9px;
}
.header_nav {
text-align: center;
display: none;
}
#_desktop_contact_link .wdicon {
display: none;
}
span.service-title, span.content a.contact-info {
color: #111111;
}
.left-nav {
display: none;
}
.account {
float: left;
width: auto;
}
h5.toggle:hover {
background: transparent;
color: #00abc4;
}
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;
}
.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;padding:0 11px 0 3px;}
#footer {padding: 30px 15px;}
.nav-inner.container{margin:0 auto ;}
.layout-2.left-col #content , .layout-2.right-col #content{width:100%;}
.layout-2.left-col #column-left , .layout-2.right-col #column-right{width:100%; float: left; padding: 10px 0 10px; display: block;}
#column-left .box, #column-right .box {margin: 0px 0 15px;
/* border: none; */
float: left;
width: 100%;
padding: 0px;}
#column-left .swiper-viewport { display:none;}
.layout-2.left-col #content {padding:0; margin-top:0;}
#column-left .box .box-content, #column-right .box .box-content, #column-left .box .filterbox, #column-right .box .filterbox{display:none;}
#column-left .list-group, #column-right .list-group {display: none;}
.menu_toggle{display:none !important;}
/*cartbit*/
.static-menu{ display: none; }
.col-sm-5.header_search {
padding: 0;
float: right;
bottom: 10px;
left: 15px;
}
div#search {
padding: 0px;
}
.news-left .news-desc{
width: 100%;
margin: 10px 0 0;
text-align: center;
float: none;
display: inline-block;
}
.news-left{
float: none;
display: inline-block;
text-align: center;
vertical-align: top;
width: auto;
margin: 0;
}
.news-left .news-title::before{margin: 0; right: 0;}
.cmsbanner-block .description .title{ font-size: 20px; }
.cmsbanner-block .description .banner_text {margin: 15px 0 0 0;}
.footer-top{ height: auto; padding:20px 0; }
.footer-blocks .col-sm-3.footerleft {
width: 100%;float: none;
}
.footer-logo{width: 100%; text-align: center; margin-bottom: 15px;}
.footer-logo img { display: inline-block; }
.newsletter{ padding: 0; }
.footer-blocks .col-sm-3 {width: 100%; }
.footer-blocks div#extra-link{width: 100%;}
.social-block ul {
padding: 0px 0 10px 0;
}
/* #content ul.list-unstyled{ display: block; } */
.btn-group.prd_page {
width: 100%;
margin: 15px 0 0;
}
.contact-form-design .left{width: 100%; float: left;}
.contact-form-design .contact-form {float: left; width: 100%; margin-top: 20px;}
/*cartbit*/
.news-left .news-title {
font-size: 22px; float: none;
display: inline-block;
text-align: center;
padding: 0 0 0 60px;
vertical-align: top;
width: auto;
margin: 0;
}
.news-right{ float: right;
width: 100%;
margin: 15px 0;
padding: 0 15px;}
.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;
}
.social-block ul li a {
margin-right: 0px;
}
.bottomfooter-inner {
margin: 0;
padding: 0px 0;
}
p.powered{padding: 10px 0;}
.dropdown.myaccount .lang-curr-wrapper{
display: block;
width: 100%;
padding: 0;
margin: 5px 0 0 0;
position: relative;
}
.hometab, .ProductbyCategory, .featured {
margin: 0 0 15px 0;
}
.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: 13px;
color: #666;
font-weight: 500;
}
.dropdown.myaccount .lang-curr-wrapper.active .pull-left #form-currency .btn-group span{
padding:0 8px;
}
#form-currency .btn-link strong {
padding: 0 7px 0 0;
}
#form-currency .btn-link:hover, #form-currency .btn-link:active, #form-language .btn-link:hover, #form-language .btn-link:active{
background: #fff;
}
.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: #00abc4;
}
.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;
}
.search_box .form-control-select {
padding: 5px 10px 5px 20px;
}
.box-content-category {
top: 50px;
}
#nav-one li .megamenu .dropdown-inner ul li.dropdown:after{right: 0px;}
#nav-one .dropdown a::after, #nav-one li .megamenu.column1 ul.list-unstyled > li.dropdown a::after,
#nav-one li .megamenu .dropdown-inner ul li.dropdown:after {
content: "\f107";
right: 20px;
position: absolute;
font-family: 'fontawesome';
font-size: 16px;
display: inline-block;
}
#nav-one li .megamenu ul.childs_1 {
display: block;
padding-top: 0px;
}
#menu.responsive-menu ul li a {
padding: 8px 8px 8px;
width: 100%;
float: left;
margin: 0;
color: #777;
line-height: 18px;
}
#menu.responsive-menu .toggle .mobile_togglemenu, #menu.responsive-menu ul.nav li .megamenu.column1 ul.list-unstyled li.toggle > a.mobile_togglemenu {
background: none !important;
width: auto !important;
position: absolute;
right: 10px;
left: auto;
}
#menu.responsive-menu ul.nav li .megamenu ul.list-unstyled li > a {
float: left;
color: #000;
font-weight: normal;
text-transform: capitalize;
}
#menu.responsive-menu ul li a:hover {
color: #111;
}
#menu .dropdown:hover .dropdown-menu, #menu > ul > li.hiden_menu:hover div {
transform: none;
opacity: 1;
transition: none;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
}
.main-menu a, #menu > ul > li.hiden_menu .main {
display: none;
}
#menu ul li .megamenu.column1 ul.list-unstyled li, .hiden_menu li.top_level {
padding: 0;
}
#menu > ul > li.hiden_menu div {
min-width: unset;
width: 100%;
}
#menu.responsive-menu .dropdown .dropdown-menu {
background: transparent;
border: medium none;
box-shadow: none;
padding: 0;
position: relative;
width: 100%;
display: none;
transform: none;
opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
-moz-opacity: 1;
transition: none;
visibility: visible;
}
#menu > ul > li.hiden_menu div {
display: block !important;
}
#menu > ul > li.hiden_menu a.mobile_togglemenu {
display: none;
}
#menu > ul > li.hiden_menu .left-nav .wdicon {
display: none !important;
}
#menu > ul > li.hiden_menu a.level-top {
display: none;
}
#menu ul.nav li .megamenu ul.childs_1 {
padding: 0 0 0 15px !important;
border-right: none;
width: 100%;
float: left;
}
#menu.responsive-menu ul.nav li .megamenu ul.list-unstyled > li.dropdown .dropdown-menu {
width: 100%;
float: left;
border: medium none;
left: 0;
position: relative;
top: 0;
padding: 4px 8px;
}
#menu.responsive-menu ul.nav li .megamenu ul.list-unstyled li > a {
float: left;
color: #777;
font-weight: normal;
text-transform: capitalize;
width: 100%;
padding: 8px 8px 8px;
}
#menu.responsive-menu ul.nav li .megamenu ul.list-unstyled li > a:hover{
color: #00abc4;
}
.responsive-menu li.toggle {
background: #fff;
box-shadow: none;
padding: 0;
float: left;
width: 100%;
z-index: 999;
}
#res-menu.responsive-menu .main-navigation.active{left: 0px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;}
header .responsive-menu .navbar-nav {
background: #fff;
position: absolute;
width: 100%;
z-index: 999;
border-top: 1px solid #ececec;
box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
left: 0;
right: 0;
margin: 0 auto;
padding: 10px;
top: 64px;
height: 320px;
overflow: scroll;
text-align: left;
}
.responsive-menu .top_level {
padding: 0;
width: 100%;
}
/* .header_bottom #res-menu.responsive-menu .main-navigation.active .menu.expandable span:after {
content: "";
background-position: center;
background-color: transparent;
background-repeat: no-repeat;
left: 5px;
display: block;
top: 12px;
font-weight: 400;
position: absolute;
width: 17px;
height: 26px;
background-size: 16px;
background-image: url(../image/webdigify/menu-close.svg);
} */
.menu-active {
overflow: hidden;
position: relative;
height: 100%;
width: 100%;}
.menu-active::before {
content: "";
background: #000;
opacity: 0.7;
filter: alpha(opacity=70);
position: absolute;
left: 300px;
height: 100%;
width: calc(100% - 300px);
top: 0;
z-index: 99999;
overflow: hidden;
}
.nav-responsive .expandable:before {
content: "";
background-image: url(../image/webdigify/responsive-menu.svg);
background-repeat: no-repeat;
background-position: -1px 10px;
background-color: transparent;
background-size: 20px;
width: 18px;
height: 30px;
position: absolute;
left: 0px;
right: 0;
margin: auto;
}
#res-menu{ display: block;margin: 17px 0 18px 10px;}
ul.main-navigation.treeview.active .menu.expandable span {
display: inline-block;
vertical-align: top;
}
.header_bottom #res-menu.responsive-menu .main-navigation.active .menu.expandable {
border-bottom: 1px solid #dddddd;
margin-bottom: 10px;
padding: 12px 0px 12px 10px;
position: sticky;
background-color: #fff;
top: 0;
z-index: 99;
cursor: pointer;
}
.header_bottom #res-menu.responsive-menu .main-navigation.active .menu.expandable span {
font-size: 15px;
text-align: left;
line-height: 26px;
font-weight: 600;
color: #000000;
display: block;
}
.responsive-menu .collapsable-hitarea {
height: auto;
width: auto;
padding: 5px;
}
.responsive-menu .main-navigation li a {
padding: 10px 10px;
font-weight: 400;
font-size: 13px;
}
.count-down .countbox strong {
font-size: 11px;
width: 32px;
}
.countbox .timebox .time {
font-size: 10px;
}
.countbox.hastime{
padding:0 10px;
}
.blog_default_width{
width: 50%;
}
.footer-blocks .footerleft .contact-block ul {
display: none;
}
.footer-blocks ul.list-unstyled {
display: none;
}
#content.productpage .product-title {
padding: 20px 0px 10px;
}
#column-left .product-items .product-details, #column-left .product-items .product-details, #column-right .product-items .product-details {
width: 60%;
padding: 0px 10px;
float: left;
}
#content .product-carousel .product-block, #content .product-grid .product-block, #content .box-product .product-block {
padding-right: 10px;
padding-left: 10px;
}
#content .box .box-content, .related_prd .box-content{
margin:0 -10px;
}
footer h5 {
font-size: 16px;
line-height: 22px;
}
#footer .column li a {
font-size: 13px;
line-height: 32px;
}
.footer-blocks .footerleft .contact-block span {
font-size: 13px;
}
.block_newsletter h3 .title .material-icons {
height: 25px;
width: 25px;
background-size: 25px;
background-repeat: no-repeat;
}
.footer-appinner ul.list-unstyled {
display: flex;
}
.banners-slider-carousel {margin:50px 0 50px;}
.box.special {
margin:0 0 50px 0;
}
#column-left .product-thumb, #column-right .product-thumb {
padding: 15px 15px 5px;
}
#column-left .box .box-heading, #column-right .box .box-heading {
background: none;
padding: 15px 15px;
font-size: 14px;
line-height: 16px;
}
.newsletter.col-sm-6 {
padding:0 5%;
}
.footer-blocks .footerleft .contact-block li ,
#footer .column li{
padding: 0px 15px;
}
.product-layout.product-grid {
width: 32.8%;
}
#content .box .box-heading, .box.related_prd .box-heading {
font-size: 30px;
}
.box.special .box-heading {
margin-bottom: 8px;
}
.tab-head {
margin-bottom: 8px;
}
.htabs a {
padding: 10px 20px;
}
#content .box.webdigifyblog .box-content {
margin: 0px 0;
}
}
@media (max-width: 767px) {
.banners-slider-carousel {
margin: 20px 0 20px;
}
.product-column {
padding: 0 0 30px;
}
.box.special {
margin: 0 0 30px 0;
}
#wdcmsaboutus .subbanners_images .banner-1.banners.col-sm-4 .wdcmsbanner-content .offer a.btn-primary {
font-size: 13px;
line-height: 21px;
padding: 4px 4px;
top: 6px;
}
#wdcmsaboutus .subbanners_images .banner-1.banners.col-sm-4 .wdcmsbanner-content .title, #wdcmsaboutus .subbanners_images .banner-1.banners.col-sm-4 .wdcmsbanner-content .subtitle {
line-height: 28px;
font-size: 19px;
}
.banner-2.banners.col-sm-4 .wdcmsbanner-content .subtitle, .banner-2.banners.col-sm-4 .wdcmsbanner-content .text1 {
font-size: 19px;
line-height: 26px;
}
#wdcmsaboutus .subbanners_images .banner-3.banners.col-sm-4 .wdcmsbanner-content .offer a.btn-primary {
font-size: 13px;
line-height: 18px;
padding: 5px 9px;
top: 8px;
}
.banner-3.banners.col-sm-4 .wdcmsbanner-content .subtitle {
font-size: 20px;
line-height: 30px;
}
#blog-carousel .owl-controls .owl-buttons{ right: 41px;}
#content .box .box-heading, .box.related_prd .box-heading{
font-size: 28px;
margin: 0 0 10px 0;
padding: 0 0 33px;
line-height: 35px;
}
#wdcmsaboutus .subbanner_row .container {
margin: -15px auto 0;padding: 15px 0;
}
.product-block-inner .image .rating{ bottom: 75px;}
#wdcmsbanner .wdbanner2.wdbanner-img.col-sm-6.col-xs-6 .wdright-banner-content .wdcmsbanner-content .title{ font-size: 19px;}
#wdcmsbanner .wdbanner2.wdbanner-img.col-sm-6.col-xs-6 .wdright-banner-content .wdcmsbanner-content .subtitle{ font-size: 22px;}
.wdbanner2.wdbanner-img.col-sm-6.col-xs-6 .wdcmsbanner-content .text{font-size: 17px;}
#wdcmsbanner .wdbanner1.wdbanner-img.col-sm-6.col-xs-6 .wdright-banner-content .wdcmsbanner-content .title {
font-size: 13px;
line-height: 23px;
font-weight: 300;
margin: 0 0 10px;
}
#wdcmsbanner .wdbanner1 .wdcmsbanner-content {
top: 25px;
}
#wdcmsbanner .wdbanner1.wdbanner-img.col-sm-6.col-xs-6 .wdright-banner-content .wdcmsbanner-content .subtitle {
font-size: 23px;
line-height: 26px;
margin: 0px 0 20px;
font-weight: 500;
}
#wdcmsbanner .wdbanner1.wdbanner-img.col-sm-6.col-xs-6 .wdcmsbanner-content .offer a.btn-primary {
padding: 6px 12px;
font-size: 12px;
line-height: 20px;
}
.offer-title{ display: none; }
#top{ background: #f5f5f5; padding: 10px 0; border-top: none; position: relative; height: 60px;}
.top-links-toggle {display: block; cursor: pointer;}
.top-links {display: none; position: absolute; background: #fff; padding: 10px; width: 200px; z-index: 999; border: 1px solid #e8e9eb; top: 100%; right: 0;}
.top-links-toggle > i, #res-menu i {font-size: 21px;}
.top-links .links-item{ padding: 5px; width: 100%; display: block; }
.top-links .links-item::before{ display: none; }
.box-category-top{ display: none; }
#newslatter::after {
border-right: 0px;
}
.col-sm-5.product-right {width: 100%;}
.col-sm-4.product-left {
width: 100%;
}
.product_hover_block {
opacity: 1;
top: -60px;
}
.countdown {
position: static;
margin: 5px 0 5px 0px;
}
.product-block:hover .countdown{
opacity: 1;
}
.countbox.hastime {
background-color: #00abc4;
}
.box.special .container {
padding: 0;
}
#column-left .product-items .product-details, #column-left .product-items .product-details, #column-right .product-items .product-details {
float: left;
}
.newsletter .btn.btn-lg {
padding: 0px 20px;
}
.main-navigation img {display: none;}
.res-menu-close { visibility: hidden; position: absolute; cursor: pointer; opacity: 0;}
.menu-active .res-menu-close{ visibility: visible; left: 240px; z-index: 9999; transition: all 600ms ease 0s; top: 10px; opacity: 1; height: 30px;
width: 30px; text-align: center; line-height: 30px;}
.res-menu-close > svg {width:12px; height:12px; fill:#0a7ef0; stroke:#0a7ef0; stroke-width:5px;}
.cmsbanner-block{margin: 20px 0;}
.cms-inner-block1, .cms-inner-block2 { width: 100%; margin: 0 0 20px 0;}
.top-links-toggle > svg {width: 20px; height: 20px; fill: #0a7ef0;}
.special .product-block:hover .product-details{ margin-top: 0; }
.product-thumb .price{ font-size: 14px;}
.product-thumb .price-old{ font-size: 12px; }
.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;}
.newsletter{ width: 100%; margin: 0; text-align: center;}
.news-right {
width: 100%;
margin-top: 10px;
text-align: center;
}
.news-left {
float: none;
display: inline-block;
}
.social-block{ width: 100%; text-align: center; }
.social-block ul li{ float: none; display: inline-block; }
.tab-head {width: 100%; margin: 0 0 8px;}
.hometab-heading.box-heading{padding: 20px 0 0 20px;}
.htabs {margin: 0; width: 100%;}
.tab-head .sub-heading{margin: 0px 0px 0 20px;}
.tab-head .coupon{margin-top: 15px;}
.featured{ padding: 40px 0; }
.tab-head span{ width: 100%; font-size: 12px; }
footer{ margin-top: 25px; }
.product-layout.product-grid{ width:32.5%; min-height: 360px; }
.pagination-right{ width: 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{ 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: 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%;}
.count-down .countbox strong {
width: 26px;
color: #fff;
}
.countbox .timebox .time{
color: #fff;
}
.col-sm-5.product-right {
width: 100%;
}
.tablatest_default_width, .tabbestseller_default_width, .tabspecial_default_width,.featured_default_width{ width: 26% }
.productcategory0_default_width.wdproductcategory,.productcategory1_default_width.wdproductcategory,
.productcategory2_default_width.wdproductcategory,.productcategory3_default_width.wdproductcategory,
.productcategory4_default_width.wdproductcategory,.productcategory5_default_width.wdproductcategory{width: 25%;}
#content .banners-slider-carousel .product-block .product-block-inner {
border: 0px;
padding: 5px 0 !important;
}
.footer-appinner ul.list-unstyled {
display: block;
}
.box.special .box-heading {
margin-bottom: 8px;
}
.newsletter.col-sm-6 {
padding: 0 10%;
}
.product-list .product_hover_block {
bottom: 0px;
}
.product_hover_block .action button, .quickbox {
transform: scale(1);
}
.product_hover_block .action button.cart_button,
.product_hover_block .action button.compare_button,
.product_hover_block .action button, .quickbox {
width: 35px;
height: 35px;
}
.product_hover_block .action button.wishlist {
background-position: -46px -46px;
}
.product_hover_block .action button.wishlist:hover {
background-position: 4px -45px;
}
.product_hover_block .action button.compare_button {
background-position: -46px -96px;
}
.product_hover_block .action button.compare_button:hover {
background-position: 4px -95px;
}
.product_hover_block .action button.cart_button {
background-position: -46px 3px;
}
.product_hover_block .action button.cart_button:hover {
background-position: 4px 5px;
}
.quickview-button {
display: none;
}
}
@media only screen and (max-width: 660px) {
.module_default_width{ width: 33%; }
}
@media only screen and (max-width: 650px){
#wdparallaxcmsblock {
margin: 0 0;
}
#wdcmsaboutus .banner-1.banners.col-sm-4 .wdcmsbanner-content, #wdcmsaboutus .banner-2.banners.col-sm-4 .wdcmsbanner-content, #wdcmsaboutus .banner-3.banners.col-sm-4 .wdcmsbanner-content {
top: 13px;
}
#wdcmsaboutus .subbanners_images .banner-1.banners.col-sm-4 .wdcmsbanner-content .offer a.btn-primary {
font-size: 11px;
line-height: 16px;
padding: 2px 3px;
top: 6px;
}
#wdcmsaboutus .subbanners_images .banner-1.banners.col-sm-4 .wdcmsbanner-content .title, #wdcmsaboutus .subbanners_images .banner-1.banners.col-sm-4 .wdcmsbanner-content .subtitle {
line-height: 19px;
font-size: 13px;
}
#wdcmsaboutus .subbanners_images .banner-1.banners.col-sm-4 .wdcmsbanner-content .title, #wdcmsaboutus .subbanners_images .banner-1.banners.col-sm-4 .wdcmsbanner-content .subtitle {
line-height: 19px;
font-size: 13px;
}
.banner-2.banners.col-sm-4 .wdcmsbanner-content .title {
font-size: 12px;
line-height: 18px;
}
.banner-2.banners.col-sm-4 .wdcmsbanner-content .subtitle, .banner-2.banners.col-sm-4 .wdcmsbanner-content .text1 {
font-size: 12px;
line-height: 17px;
}
#wdcmsaboutus .subbanners_images .banner-3.banners.col-sm-4 .wdcmsbanner-content .offer a.btn-primary {
font-size: 11px;
line-height: 12px;
padding: 3px 3px;
left: 16px;
top: 5px;
}
.banner-3.banners.col-sm-4 .wdcmsbanner-content .subtitle {
font-size: 13px;
line-height: 20px;
}
.banner-3.banners.col-sm-4 .wdcmsbanner-content .title {
font-size: 13px;
line-height: 20px;
}
.product-layout.product-grid{ width: 49.5%;}
.product-list .product-thumb h4{text-align: center;}
.product-list .product_hover_block {text-align: center; }
#wdcmsbanner .wdbanner2 .wdcmsbanner-content {
top: 27px;
left: 11px;
}
#wdcmsbanner .wdbanner2.wdbanner-img.col-sm-6.col-xs-6 .wdright-banner-content .wdcmsbanner-content .title {
font-size: 17px; line-height: 20px;
margin: 0 0 5px 0px;
}
#wdcmsbanner .wdbanner2.wdbanner-img.col-sm-6.col-xs-6 .wdright-banner-content .wdcmsbanner-content .subtitle {
font-size: 19px; margin: 0 0 5px;
}
.wdbanner2.wdbanner-img.col-sm-6.col-xs-6 .wdcmsbanner-content .text {
font-size: 16px;
}
#wdcmsbanner .wdbanner1 .wdcmsbanner-content {
right: 0px;
top: 23px;
}
#wdcmsbanner .wdbanner1.wdbanner-img.col-sm-6.col-xs-6 .wdright-banner-content .wdcmsbanner-content .title {
font-size: 11px;
line-height: 19px;
font-weight: 300;
margin: 0 0 8px;
}
#wdcmsbanner .wdbanner1.wdbanner-img.col-sm-6.col-xs-6 .wdright-banner-content .wdcmsbanner-content .subtitle {
font-size: 20px;
line-height: 24px;
margin: 0px 0 16px;
font-weight: 500;
}
#wdcmsbanner .wdbanner1.wdbanner-img.col-sm-6.col-xs-6 .wdcmsbanner-content .offer a.btn-primary {
padding: 5px 11px;
font-size: 11px;
line-height: 20px;
}
#content .product-list .product-block .image {
float: none;
max-width: 264px;
margin: auto;
width: 100%;
}
.product-list .product_hover_block .action {
text-align: center;
}
.product-list .product-block .product-details{width: 100%; padding: 15px 0; text-align: center;}
.product-layout.product-list {padding: 0 0 20px;}
#searchbox {
float: none;
display: inline-block;
vertical-align: top;
}
.hometab-heading.box-heading {
text-align: center !important;
float: none !important;
}
#blog-carousel .product-block, #blog-grid .product-block {
padding: 0px 10px 0px;
}
.countdown {
margin: 0;
}
.product-block.product-thumb.transition {
padding: 10px 10px;
}
#footer {
padding: 20px 10px;
}
}
@media only screen and (max-width: 575px){
.tablatest_default_width, .tabbestseller_default_width, .tabspecial_default_width, .productcategory0_default_width,
.productcategory1_default_width, .productcategory2_default_width, .productcategory3_default_width, .productcategory4_default_width, .featured_default_width{ width: 50% }
.productcategory0_default_width.wdproductcategory,.productcategory1_default_width.wdproductcategory,
.productcategory2_default_width.wdproductcategory,.productcategory3_default_width.wdproductcategory,
.productcategory4_default_width.wdproductcategory,
.productcategory5_default_width.wdproductcategory{width: 49%;}
.product-layout.product-grid{width: 100%; }
.module_default_width{ width: 33%; }
.social-block ul {
margin: 0px 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;
}
.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;
}
.col-sm-3.header_cart {
padding-left: 0;
}
.col-sm-5.header_search {
margin-right: 5px;
}
#wdoffercmsblock {
margin: 0 0 30px 0;
}
.hometab, .ProductbyCategory, .featured {
margin: 0 0 5px 0;
}
}
@media only screen and (max-width: 479px) {
.product-list .product-thumb h4{text-align: center;}
#wdcmsbanner .wdbanner1 .wdcmsbanner-content{
right: 9px;
}
.read-more a,.newsletter .btn.btn-lg {
font-size: 13px;
}
.row.category_thumb {
margin: 0 -10px;
}
#content .box .box-content, .related_prd .box-content,
#content .box.webdigifyblog .box-content{
margin:0 -10px;
}
#content .product-carousel .product-block,
#content .product-grid .product-block, #content .box-product .product-block{
padding: 10px 10px 20px;
}
.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; margin: 5px 0;}
.social-block ul li a{margin-right: 0;}
.module_default_width{ width: 50%; }
#content .banners-slider-carousel .product-block{ margin: 0; }
#content .banners-slider-carousel .product-block .product-block-inner{ padding:0 !important; }
.countbox.hastime{ border: none;}
.countbox .timebox{ margin: 0; }
.count-down .countbox strong {
font-size: 11px;
width: 35px;
font-weight: 400;
margin: 0 1px 0 0;
}
.countbox .timebox::after{right: 0; height: 20px; font-size: 12px; color: #0a7ef0;}
.countbox .timebox .time{font-size: 9px; font-weight: 400;}
.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;}
.payment-block ul img {margin-bottom: 5px;}
.col-sm-8.product-left{width: 290px;}
#content.productpage .product-title{font-size: 16px;}
.productpage .write-review, .productpage .review-count{margin: 0 5px;}
#button-search {width: 100%; margin: 10px 0 20px;}
.information-contact #content{padding: 15px; background-repeat: repeat;}
.search_toggle {
width: 240px;
}
#accordion h4.panel-title a.accordion-toggle {display: block;}
.checkout-cart #accordion .panel-title > a, .checkout-checkout #accordion .panel-title {
background: #f5f5f5 none repeat scroll 0 0;
font-weight: 500;
padding: 10px;
border-radius: 5px;
margin: 0 0 10px 0;
}
#accordion .panel-title > a {color: inherit;}
#accordion .panel-heading .fa.fa-caret-down {float: right; margin-top:4px;}
#accordion .col-sm-10 {width: 75%;}
#accordion .form-horizontal .control-label {text-align:left;}
.alert-dismissable .close, .alert-dismissible .close{right: 0 !important;}
#accordion.panel-group .panel {
width: 100%;
background-color: #fff;
border: none;
}
.checkout-success p a {color: #111111;}
.container{padding:0;}
.product-compare .table-bordered {
border: 1px solid #e5e5e5;
float: left;
overflow: auto;
}
.swiper-viewport .swiper-button-prev::before, .swiper-viewport .swiper-button-next::before {
background: none;
border: 0px;
color: #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;
}
#column-left .box .box-heading, #column-right .box .box-heading {
padding: 15px 10px;
}
.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;
}
.product-block.product-thumb.transition {
padding: 10px 5px;
}
.product-thumb h4 {
font-size: 12px;
line-height: 16px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
#tabs_info.product-tab ul.nav.nav-tabs {
width: 100%;
margin: 0 0 10px;
padding: 10px 15px;
font-size: 14px;
line-height: 16px;
float: none;
text-align: center;
display: block;
}
.nav-tabs>li {
margin: 0 0 10px;
padding: 10px 15px;
font-size: 14px;
line-height: 16px;
float: none !important;
}
#block_1 .list-unstyled li:first-child {
margin: 0 0px 0 0;
}
.news-left .news-title {
font-size: 20px;
}
.newsletter #txtemail {
height: 38px;
}
.newsletter .btn.btn-lg {
height: 33px;
padding: 0px 10px;
}
#information-information .image1, #information-information .image2, #information-information .image3, #information-information .image4 {
float: none;
border: 0;
margin: auto;
}
.aboutus {
text-align: center;
}
}
@media only screen and (max-width: 380px) {
#custom_tab.product-tabs a:first-child {
padding: 10px 10px 10px 10px;
}
.search_box {
width: 110px;
}
.search_box .form-control-select, .search_box .form-control-select.active {
width: 110px;
}
.search_toggle {
right:10px;
}
#cart .dropdown-menu{width: 280px;}
.box.special .product-block-inner .image,
.box.special .product-block .product-details {
width: 100%;
}
.countbox.hastime {
padding: 0 7px;
}
.countbox .timebox .time {
margin: -22px 0 0 0;
line-height: initial;
}
.countbox .timebox .time{
font-size: 8px;
}
.count-down .countbox strong {
font-size: 9px;
width: 28px;
font-weight: 400;
margin: 0;
}
.ProductbyCategory {
padding: 15px 0;
}
.etabs li.tab {
width: 80%;
margin: 0 0 5px;
text-align: center;
}
.etabs {
float: none;
text-align: center;
width: 100%;
}
#column-left .product-items .product-details, #column-left .product-items .product-details h4, #column-right .product-items .product-details h4 {
padding-top: 0px;
}
.product-info .additional-carousel {
position: relative;
padding: 0 20px;
overflow: hidden;
}
.pagination {
float: none !important;
}
.header_search .btn.btn-default.btn-lg {
padding: 10px 10px 3px;
}
.product-block .image {
max-width: 264px;
margin: auto;
}
.stock_status {
top: -8px;
height: 60px;
width: 60px;
line-height: 12px;
font-size: 11px;
padding: 20px 9px;
}
}
/* ---------------------- Start wd - Product-Extended block --------------------------*/
#tab-description {
float: left;
width: 100%;
}
#tab-description .product-description,
#tab-description .producttabdescription {
float: left;
width: 100%;
}
#tab-description .producttabdescription .tabdescleft {
padding-left: 0;
float: left;
}
#tab-description .producttabdescription .tabdescleft .tabdescleft-img {
float: left;
}
#tab-description .producttabdescription .tabdescleft .tabdescleft-img img {
transition: all 1.2s ease-out 0s;
-webkit-transition: all 1.2s ease-out 0s;
display: block;
max-width: 100%;
}
#tab-description .producttabdescription .tabdescright {
float: left;
padding-right: 0;
}
#tab-description .producttabdescription .tabdescright .tabdescright-details,
#tab-description .producttabdescription .tabdescright .table-info-product {
float: left;
width: 100%;
}
#tab-description .producttabdescription .tabdescright .table-info-product .maintitle {
font: 700 18px/24px 'Poppins', Helvetica, sans-serif;
color: #111;
float: left;
width: 100%;
}
#tab-description .producttabdescription .tabdescright .table-info-product .title {
font: 600 14px/21px 'Poppins', Helvetica, sans-serif;
text-transform: capitalize;
color: #111111;
width: 13%;
}
#tab-description .producttabdescription .tabdescright .table-info-product .table-detail {
float: left;
width: 100%;
}
#tab-description .producttabdescription .tabdescright .table-info-product .table-detail .table-feature {
display: flex;
align-items: center;
padding:10px 0;
}
@media (max-width: 1199px) {
#wdcmsaboutus {
margin: -130px 0 50px;
padding: 20px 5px;
}
#tab-description .producttabdescription .tabdescright .table-info-product .title {
width: 20%;
}
}
@media (max-width:991px) {
#wdcmsservices{ padding:50px 0;}
#wd_category_feature .cat-slider .container {
margin: -50px auto 6px;
padding: 25px 30px;
}
#tab-description .producttabdescription .tabdescright .table-info-product .title {
width: 40%;
}
#tab-description .producttabdescription .tabdescright .table-info-product .detail {
width: 60%;
}
#tab-description .producttabdescription .tabdescright {
width: 51%;
}
#tab-description .producttabdescription .tabdescleft {
width: 49%;
}
#wdcmsaboutus {
margin:0px 0 50px;
}
}
@media (max-width:767px) {
#wdcmsservices{padding: 50px 0;}
.post-image-hover::before,.blog-image .post_hover{
opacity: 1;
}
#wd_category_feature .cat-slider .container {
padding: 25px;
}
#wdcmsaboutus {
margin: 20px 0 20px;
}
.header_center{float: none;}
#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%;
}
#wdcmsservices {
padding: 20px 0;
}
}
@media (max-width:543px) {
#content .product-carousel .product-block, #content .product-grid .product-block, #content .box-product .product-block {
padding-right: 10px;
padding-left: 10px;
float: none;
display: inline-block;
width: 100%;
}
.product-layout.product-grid {
width: 100%;
margin: 0 auto;
}
.product-layout .product-block-inner {
margin: 0;
float: none;
text-align: center;
display: inline-block;
position: relative;
}
.product-thumb .image{
margin: auto;
width: auto;
display: table;}
#wdcmsaboutus .subbanners_images .banner-1.banners.col-sm-4 .wdcmsbanner-content .title, #wdcmsaboutus .subbanners_images .banner-1.banners.col-sm-4 .wdcmsbanner-content .subtitle{
font-size: 35px; line-height: 51px;
}
#wdcmsaboutus .subbanners_images .banner-1.banners.col-sm-4 .wdcmsbanner-content .offer a.btn-primary{
font-size: 15px;
line-height: 28px;
padding: 6px 22px;
top: 12px;
}
#wdcmsaboutus .banner-1.banners.col-sm-4 .wdcmsbanner-content, #wdcmsaboutus .banner-2.banners.col-sm-4 .wdcmsbanner-content, #wdcmsaboutus .banner-3.banners.col-sm-4 .wdcmsbanner-content{
top: 50px;
}
.banner-2.banners.col-sm-4 .wdcmsbanner-content .title{ font-size: 25px; line-height: 40px; padding: 0 0 5px;}
.banner-2.banners.col-sm-4 .wdcmsbanner-content .subtitle, .banner-2.banners.col-sm-4 .wdcmsbanner-content .text1{font-size: 31px; line-height: 42px;}
.banner-3.banners.col-sm-4 .wdcmsbanner-content .title{ font-size: 33px; line-height: 41px;}
.banner-3.banners.col-sm-4 .wdcmsbanner-content .subtitle{ line-height: 41px;font-size: 29px; }
#wdcmsaboutus .subbanners_images .banner-3.banners.col-sm-4 .wdcmsbanner-content .offer a.btn-primary{ font-size: 14px;
line-height: 26px;
padding: 6px 22px;
top: 12px;
left: 42px;}
.news-left .news-title{ font-size: 22px;
line-height: 22px;
padding: 40px 0 0;}
.news-left .news-title::before{ margin: auto;}
#content .box .box-heading, .box.related_prd .box-heading{
font-size: 24px;
}
#wd_category_feature .cat-slider .container {
padding: 15px;
margin: -30px auto 6px;
}
#wdcmstestimonial .wd-testimonial{width: 100%;}
.banner-2.banners.col-sm-4 {padding: 20px 10px;}
.banners.col-sm-4{width: 100%;}
#wdcmsaboutus .subbanner_row .container {
padding: 20px 10px 20px 10px;
}
#wdcmsbanner .wdbanner2 .wdcmsbanner-content {
top: auto;
left: 19px;
}
#wdcmsbanner .wdbanner2.wdbanner-img.col-sm-6.col-xs-6 .wdright-banner-content .wdcmsbanner-content .title {
font-size: 34px;
line-height: 30px;
margin: 0 0 15px 0px;
}
#wdcmsbanner .wdbanner2.wdbanner-img.col-sm-6.col-xs-6 .wdright-banner-content .wdcmsbanner-content .subtitle {
font-size: 35px;
line-height: 30px;
margin: 0 0 15px;
}
.wdbanner2.wdbanner-img.col-sm-6.col-xs-6 .wdcmsbanner-content .text {
font-size: 30px; line-height: 35px;
}
#wdcmsbanner .wdbanner-img.col-sm-6.col-xs-6 {
width: 100%;padding: 0px; float: left;
}
.wdbanner1.wdbanner-img.col-sm-6.col-xs-6{
margin: 0 0 15px 0;
}
#wdcmsbanner .wdbanner1 .wdcmsbanner-content {
top: 50px;
}
#wdcmsbanner .wdbanner1.wdbanner-img.col-sm-6.col-xs-6 .wdright-banner-content .wdcmsbanner-content .title {
font-size: 17px;
line-height: 28px;
font-weight: 400;
margin: 0 0 20px;
}
#wdcmsbanner .wdbanner1.wdbanner-img.col-sm-6.col-xs-6 .wdright-banner-content .wdcmsbanner-content .subtitle {
font-size: 35px;
line-height: 33px;
font-weight: 600;
margin: 0 0 36px;
}
#wdcmsbanner .wdbanner1.wdbanner-img.col-sm-6.col-xs-6 .wdcmsbanner-content .offer a.btn-primary{
font-size: 14px;
line-height: 21px;
padding: 10px 21px;
}
#wdservicecmsblock .service_container .service-area-carousel .service-third .service-content .service-heading{font-size: 18px;}
#tab-description .producttabdescription .tabdescright .table-info-product .title {
width: 50%;
}
#tab-description .producttabdescription .tabdescright .table-info-product .detail {
width: 50%;
}
#tab-description .producttabdescription .tabdescright .table-info-product .table-detail .table-feature {
align-items: baseline;
}
}
/* ---------------------- End wd - Product-Extended block --------------------------*/
/***********************Product page Banner*********************/
.product-detail-right {
float: left;
width: 100%;
padding-left: 15px;
overflow: hidden;
}
#wdcmsrightservices {
float: left;
width: 100%;
padding: 0 0 20px;
}
#wdcmsrightservices .product-services {
background: #f5f5f5;
padding: 20px 15px;
float: left;
width: 100%;
}
#wdcmsrightservices .product-services .wdproduct-services {
margin: 0;
padding: 0;
}
#wdcmsrightservices .product-services .wdservice .service-title {
font: 400 13px/24px 'Poppins', Helvetica, sans-serif;
color: #111111;
}
#wdcmsrightservices .wdservice .service-icon {
height: 42px;
width: 42px;
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;
float: left;
flex-shrink: 0;
}
#wdcmsrightservices .product-services .wdservice {
display: flex;
align-items: center;
}
#wdcmsrightservices .wdservice .wdservice-desc {
padding: 0 0 0 10px;
}
#wdcmsrightservices .product-services .wdproduct-services > li {
float: left;
width: 100%;
margin: 10px 0;
}
#wdcmsrightservices .wd-return.wdservice .service-icon {
background: url('../image/webdigify/product-services.png') repeat scroll -25px -18px;
}
#wdcmsrightservices .wd-secure.wdservice .service-icon{
background: url('../image/webdigify/product-services.png') repeat scroll -25px -107px;
}
#wdcmsrightservices .wd-support.wdservice .service-icon{
background: url('../image/webdigify/product-services.png') repeat scroll -25px -188px;
}
#wdcmsrightservices .wd-shop.wdservice .service-icon{
background: url('../image/webdigify/product-services.png') repeat scroll -25px -277px;
}
#wdcmsrightservices .wd-return.wdservice:hover .service-icon {
background-position: -109px -18px;
}
#wdcmsrightservices .wd-secure.wdservice:hover .service-icon{
background-position: -109px -107px;
}
#wdcmsrightservices .wd-support.wdservice:hover .service-icon{
background-position: -109px -188px;
}
#wdcmsrightservices .wd-shop.wdservice:hover .service-icon{
background-position: -109px -277px;
}
#wdcmsrightbanner:hover .wdcmrightbanner a img {
transform: scale(1.04);
-webkit-transform: scale(1.04);
-moz-transform: scale(1.04);
-o-transform: scale(1.04);
-ms-transform: scale(1.04);
}
#wdcmsrightbanner .wdcmrightbanner a img {
transition: all 300ms ease-in-out;
-webkit-transition: all 300ms ease-in-out 0s;
-moz-transition: all 300ms ease-in-out 0s;
-o-transition: all 300ms ease-in-out 0s;
-ms-transition: all 300ms ease-in-out 0s;
max-width: 100%;
}
#wdcmsrightbanner .wdcmrightbanner a {
overflow: hidden;
display: block;
}
@media(max-width:1499px) {
#wdcmsrightservices .wdservice .wdservice-desc {
padding: 0 0 0 10px;
}
#wdcmsrightservices .product-sevices .wdservice .service-title{
font-size: 13px;
line-height: 22px;
}
#wdcmsrightservices .product-services {
padding: 10px 10px;
}
.product-detail-right {
padding-left: 0px;
}
}
@media(max-width:1199px) {
#wdcmsrightservices .product-sevices .wdservice .service-title {
font-size: 12px;
line-height: 20px;
}
}
@media(max-width:991px) {
#wdcmsrightservices {
max-width: 280px;
margin: 0 15px 0 0;
}
.col-sm-3.product {
width: 100%;
}
.product-detail-left {
width: 100%;
}
.col-sm-4.product-left, .col-sm-5.product-right {
width: 100%;
}
}
@media(max-width:543){
#wdparallaxcmsblock {
margin: 0;
}
#wdcmsparallax .parallex {
height: 100%;
}
#wdcmsrightbanner {
margin: 0px;
}
}
#wdcmsrightbanner {
float: left;
}
@media only screen and (max-width: 479px) {
.news-left .news-title {
font-size: 20px;
}
#wdcmsbanner .wdbanner2.wdbanner-img.col-sm-6.col-xs-6 .wdright-banner-content .wdcmsbanner-content .title {
font-size: 30px;
line-height: 28px;
margin: 0 0 10px 0px;
}
#wdcmsbanner .wdbanner2.wdbanner-img.col-sm-6.col-xs-6 .wdright-banner-content .wdcmsbanner-content .subtitle {
font-size: 30px;
line-height: 27px;
margin: 0 0 15px;
}
.wdbanner2.wdbanner-img.col-sm-6.col-xs-6 .wdcmsbanner-content .text {
font-size: 28px;
line-height: 32px;
}
#wdcmsbanner .wdbanner1.wdbanner-img.col-sm-6.col-xs-6 .wdright-banner-content .wdcmsbanner-content .title{
font-size: 15px;
line-height: 24px;
margin: 0 0 15px;
}
#wdcmsbanner .wdbanner1.wdbanner-img.col-sm-6.col-xs-6 .wdright-banner-content .wdcmsbanner-content .subtitle{
font-size: 30px;
line-height: 33px;
margin: 0 0 28px;
}
#wdcmsbanner .wdbanner1.wdbanner-img.col-sm-6.col-xs-6 .wdcmsbanner-content .offer a.btn-primary{
font-size: 14px;
line-height: 21px;
padding: 10px 20px;
}
#wdcmsbanner .wdbanner1 .wdcmsbanner-content {
top: 17px;
}
}
@media(max-width:991px) and (min-width:544){
#wdcmsrightbanner {
float: left;
width: 190px;
margin-left: 15px;
}
}
@media only screen and (max-width: 380px){
#wdcmsaboutus .subbanners_images .banner-1.banners.col-sm-4 .wdcmsbanner-content .title, #wdcmsaboutus .subbanners_images .banner-1.banners.col-sm-4 .wdcmsbanner-content .subtitle {
font-size: 28px;
line-height: 43px;
}
#wdcmsaboutus .banner-1.banners.col-sm-4 .wdcmsbanner-content, #wdcmsaboutus .banner-2.banners.col-sm-4 .wdcmsbanner-content, #wdcmsaboutus .banner-3.banners.col-sm-4 .wdcmsbanner-content {
top: 23px;
}
#wdcmsaboutus .subbanners_images .banner-1.banners.col-sm-4 .wdcmsbanner-content .offer a.btn-primary{ font-size: 15px;
line-height: 28px;
top: 12px;
left: 27px;
}
.banner-2.banners.col-sm-4 .wdcmsbanner-content .title {
font-size: 21px;
line-height: 31px;
padding: 0 0 5px;
}
.banner-2.banners.col-sm-4 .wdcmsbanner-content .subtitle, .banner-2.banners.col-sm-4 .wdcmsbanner-content .text1 {
font-size: 27px;
line-height: 37px;
}
#wdcmsaboutus .subbanners_images .banner-3.banners.col-sm-4 .wdcmsbanner-content .offer a.btn-primary{ font-size: 14px;
line-height: 25px;
padding: 6px 18px;
}
.banner-3.banners.col-sm-4 .wdcmsbanner-content .title {
font-size: 28px;
line-height: 41px;
}
#wdcmsbanner .wdbanner2.wdbanner-img.col-sm-6.col-xs-6 .wdright-banner-content .wdcmsbanner-content .subtitle {
font-size: 23px;
line-height: 23px;
margin: 0 0 8px;
}
#wdcmsbanner .wdbanner2.wdbanner-img.col-sm-6.col-xs-6 .wdright-banner-content .wdcmsbanner-content .title {
font-size: 20px;
line-height: 25px;
margin: 0px 0 8px 0px;
}
#wdcmsbanner .wdbanner2 .wdcmsbanner-content {
top: auto;
}
.wdbanner2.wdbanner-img.col-sm-6.col-xs-6 .wdcmsbanner-content .text {
font-size: 18px;
line-height: 24px;
}
#wdcmsbanner .wdbanner1 .wdcmsbanner-content {
top: 29px;
}
#wdcmsbanner .wdbanner1.wdbanner-img.col-sm-6.col-xs-6 .wdright-banner-content .wdcmsbanner-content .title {
font-size: 13px;
line-height: 15px;
margin: 0 0 15px;
}
#wdcmsbanner .wdbanner1.wdbanner-img.col-sm-6.col-xs-6 .wdright-banner-content .wdcmsbanner-content .subtitle {
font-size: 23px;
line-height: 023px;
margin: 0px 0 15px;
}
#wdcmsbanner .wdbanner1.wdbanner-img.col-sm-6.col-xs-6 .wdcmsbanner-content .offer a.btn-primary {
font-size: 12px;
line-height: 20px;
padding: 6px 11px;
}
}
/***********************End Product Page Banner**************/
.product-detail-left {
width:100% ;
float: left;
padding-right: 0px;
}
/* Webdigify www.webdigify.com End */
#product .form-group.qty button#button {
color: #fff;
background: #111111;
}
#product .form-group.qty button#button:hover {
color: #111;
background: #00abc4;
}
@media(max-width:991px) {
.product-detail-left {
width: 100%;
padding-top: 20px;
}
}
@media (max-width: 1199px) and (min-width: 992px){
.grid_default_width,
.featured_default_width,
.latest_default_width,
.special_default_width,
.bestseller_default_width,
.tabspecial_default_width,
.tabbestseller_default_width,
.tablatest_default_width,
.related_default_width{
width:33.333%;
}
}
@media (max-width: 767px) and (min-width: 480px){
.grid_default_width,
.featured_default_width,
.latest_default_width,
.special_default_width,
.bestseller_default_width,
.tabspecial_default_width,
.tabbestseller_default_width,
.tablatest_default_width,
.related_default_width {
width:50%;
}
}
@media only screen and (max-width: 479px){
.grid_default_width,
.featured_default_width,
.latest_default_width,
.special_default_width,
.bestseller_default_width,
.tabspecial_default_width,
.tabbestseller_default_width,
.tablatest_default_width,
.related_default_width {
width:100%;
}
}
/* ------------------------------------ ajex search CSS Start -----------------------------------*/
.live-search {
width: 100%;
position: absolute;
z-index: 1000;
background-color: #FFF;
border-top: 3px solid #111;
left: 0;
display: none;
top: 57px;
padding: 15px;
box-shadow: 1px 1px 2px 2px rgb(0 0 0 / 10%);
}
.live-search .loading {
display: block;
margin-left: auto;
text-align: center;
margin-right: auto;
position: absolute;
left: 0;
right: 0;
}
.live-search ul {
float: left;
list-style-type: none;
margin: 0;
padding: 0;
width: 100%;
}
.live-search ul li {
background-color: #ffffff;
cursor: pointer;
float: left;
width: 100%;
}
.live-search ul li .search-description .product-name p {
display: none;
}
.live-search ul li:hover a {
border: 1px solid #ededed;
}
.live-search ul li a {
display: block;
float: left;
padding: 12px;
text-decoration: none;
width: 100%;
margin: 0 0 5px 0;
border: 1px solid transparent;
text-transform: capitalize;
}
.live-search ul li .product-image {
float: left;
padding: 0;
}
.live-search ul li .product-name p {
color: #555555;
font-size: 12px;
font-weight: normal;
margin: 0;
padding: 10px 0 0;
}
.live-search ul li .search-description {
float: left;
text-align: left;
}
.live-search ul li .product-name {
color: #666;
text-decoration: none;
margin: 2px 0 8px;
}
.live-search ul li:hover .product-name {
color: #111;
}
.live-search ul li .product-price {
float: left;
font: 500 14px/18px Open Sans,Helvetica,sans-serif;
color: #00abc4;
margin-bottom: 10px;
width: 100%;
}
.live-search ul li .product-price .price {
display: block;
font: 600 15px/18px Open Sans,Helvetica,sans-serif;
color: #00ABC4;
float: left;
}
.live-search ul li .product-price .special {
color: #666;
text-decoration: line-through;
display: block;
font-size: 14px;
font-weight: 500;
float: left;
margin: 0 0 0 5px;
}
.live-search .result-text {
float: left;
font-size: 13px;
font-weight: 500;
line-height: 20px;
text-align: center;
padding: 8px 0;
width: 100%;
letter-spacing: 1px;
border: 1px solid transparent;
}
.live-search .view-all-results:hover {
color: #111;
}
.live-search .view-all-results {
color: #333;
float: left;
width: 100%;
}
.live-search .result-text:hover {
border: 1px solid #f5f5f5;
}
.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 {
top: 42px;
}
.live-search ul li .product-image {
width: 25%;
}
}
@media (max-width: 480px) {
.live-search ul li {
width: 100%;
}
.live-search ul li a {
padding: 10px;
margin: 0;
}
.live-search {
padding: 10px;
}
.live-search ul li .product-image {
width: 25%;
}
.live-search ul li .search-description {
width: 70%;
}
}
/* ------------------------------------ ajex search CSS End -----------------------------------*/
/*********************************** Mainbanner text **************************************/
.slider-content {
text-align: center;
background: rgba(0,0,255,0);
left: 0;
margin: 0;
padding: 0;
position: absolute;
right: auto;
top: 38%;
width: 100%;
display: block;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
bottom: auto;
}
.swiper-slide-active .slider-content{
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
animation-name: moveInleft;
animation-duration: 1.5s;
}
.slider-description {
color: #fff;
margin: 0;
font-size: 26px;
font-weight: 500;
margin-top: 0;
padding: 0 0 33px;
line-height: 36px;
text-transform: capitalize;
}
.slider-title {
color: #fff;
font-size: 80px;
font-weight: 700;
line-height: 75px;
text-transform: capitalize;
margin: 0 0 25px 0;
font-family: 'Montserrat',Helvetica, sans-serif;
}
.slider-button a:hover {
background: #ffcc01;
color: #111;
transform: none;
transition: none;
}
.slider-button {
text-align: center;
float: left;
width: 100%;
position: relative;
}
.slider-button a {
margin: 0;
color: #fff;
overflow: visible;
padding: 12px 38px;
font-weight: 600;
border-radius: 25px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
-khtml-border-radius: 25px;
font-size: 14px;
letter-spacing: .8px;
line-height: 24px;
z-index: 1;
background: #00abc4;
border-color: #00abc4;
color: #fff;
}
.slider-button:before{
content: "";
position: absolute;
width: 100%;
height: 0;
left: 0;
right: 0;
top: 0;
-webkit-opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
@media (min-width: 992px) and (max-width: 1200px){
.slider-description{
font-size: 16px;
padding: 0;
margin: 0;
line-height: 36px;
}
.slider-title {
font-size: 51px;
line-height: 55px;
margin: 0;
}
.slider-button a {
padding: 11px 26px;
}
}
@media (min-width: 992px){
.slider-button {
margin-top: 23px;
}
}
@media (min-width: 651px) and (max-width: 991px){
.slider-description {
font-size: 16px;
padding: 0;
margin: 0;
line-height: 26px;
}
.slider-title {
font-size: 57px;
margin: 0 0 15px 0;
}
}
@media (max-width:767px){
.slider-content{top: 25%;}
}
@media (max-width: 650px){
.slider-description {
font-size: 13px;
padding: 0 0 5px;
line-height: 23px;
}
.slider-title {
font-size: 39px;
margin: 0 0 15px 0;
line-height: 45px;
}
.slider-button {
padding: 8px 17px;
}
}
@media (max-width: 544px){
.slider-content {
left: 10px;
width: 90%;
top: 22%;
}
.slider-description{
font-size: 11px;
font-weight: 400;
padding: 0 0 0px;
line-height: 15px;
}
.slider-title{
font-size: 26px;
line-height: 40px;
margin: 0 0 10px 0;
}
.slider-button {
padding: 0;
font-size: 12px;
line-height: 22px;
}
.slider-button a{
padding: 5px 11px;
margin: 10px 0;
font-size: 11px;
line-height: 14px;
}
}
/**********************************end mainbanner text**************************************/
/**********************************Categories Count****************************************/
.wd-titlecat {
float: left;
width: 100%;
}
.wd_category_feature {
float: left;
width: 100%;
text-align: center;
padding: 0 10px;
margin: 0;
}
.wd_category_feature {
background: #f5f5f5 url(../image/webdigify/pattern.png) repeat scroll 0 0;
}
.wd_category_feature .cat-slider .container {
background: #fff repeat scroll 0 0;
box-shadow: 0 0 8px 0 rgb(0 0 0 / 20%);
padding: 60px;
margin: -70px auto 0;
position: relative;
z-index: 1;
}
.wd-titlecat h3.wd-title {
letter-spacing: 1px;
color: #111;
float: left;
font: 700 36px/55px "Montserrat",Helvetica,sans-serif ;
margin: 0 auto 20px ;
padding: 0 0 32px;
position: relative;
text-align: center;
text-transform: capitalize!important;
width: 100%;
background: rgba(0,0,0,0) url(../image/webdigify/title-pattern.png) no-repeat center bottom;
}
.category_list.box {
float: left;
width: 100%;
padding: 0 15px;
}
.category_list.box .category_img img {
max-width: 100%;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
width: 100%;
margin: 0 auto;
}
.category_list.box:hover .category_img a img{
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.category_list.box .category_img a img{
position: relative;
/* display: inline-block; */
overflow: hidden;
float: left;
width: 100%;
}
.category_list.box:hover .category_img a img::after {
background: rgba(0,0,0,.1);
transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-khtml-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
}
.category_list_inner {
text-align: center;
float: left;
width: 100%;
margin: 0;
padding: 20px 0 0 0px;
}
.category_list_inner ul.subcategory {
margin: 0;
float: left;
width: 100%;
position: relative;
}
.category_list_inner a{
font: 700 20px/30px 'Poppins', sans-serif;
margin: 0;
position: relative;
text-transform: capitalize;
padding: 0;
color: #111;
float: left;
width: 100%;
letter-spacing: 0;
border: none;
transition: 400ms ease-in-out all;
-webkit-transition: 400ms ease-in-out all;
-moz-transition: 400ms ease-in-out all;
-o-transition: 400ms ease-in-out all;
-ms-transition: 400ms ease-in-out all;
}
.category_list_inner .product-item p.desc {
font-size: 14px;
font-weight: 400;
line-height: 24px;
}
.category_list.box:hover .category_list_inner a{
color: #00abc4;
transition: 400ms ease-in-out all;
-webkit-transition: 400ms ease-in-out all;
-moz-transition: 400ms ease-in-out all;
-o-transition: 400ms ease-in-out all;
-ms-transition: 400ms ease-in-out all;
}
.content-top .owl-controls {
display: none;
margin: 15px 0 0;
}
.wd_category_feature .category_list_carousel.owl-carousel.owl-theme {
padding: 0;
}
.wd_category_feature .wd-titlecat .category_list_carousel.owl-carousel.owl-theme .owl-controls{
display: inline-block;
}
.banners-slider-carousel .customNavigation a.prev{
border: 1px solid #dfd7d7;
cursor: pointer;
float: left;
font-size: 0;
height: 31px;
line-height: 40px;
margin: 0 2px;
padding: 0;
left: auto;
position: relative;
vertical-align: top;
width: 31px;
border-radius: 70px;
background: #fff url(../image/webdigify/sprite.png) no-repeat scroll -11px -352px ;
}
.wd-titlecat .owl-carousel .owl-controls .owl-buttons .owl-prev{
border: 1px solid #dfd7d7;
cursor: pointer;
float: left;
font-size: 0;
height: 31px;
line-height: 40px;
margin: 0 2px;
padding: 0;
left: auto;
position: relative;
vertical-align: top;
width: 31px;
border-radius: 70px;
background: #fff url(../image/webdigify/sprite.png) no-repeat scroll -11px -352px ;
}
.banners-slider-carousel .customNavigation a.prev:hover{
background-color: #111;
border: 1px solid #111;
background-position: -68px -352px;
}
.wd-titlecat .owl-carousel .owl-controls .owl-buttons .owl-prev:hover{
background-color: #111;
border: 1px solid #111;
background-position: -68px -352px;
}
.wd_category_feature .category_list_carousel.owl-carousel.owl-theme .owl-controls .owl-buttons .owl-prev:after {
border-bottom: 1px solid #dfd7d7;
content: "";
height: 1px;
left: -41px;
position: absolute;
top: 15px;
width: 40px;
}
.wd_category_feature .category_list_carousel.owl-carousel.owl-theme .owl-controls .owl-buttons .owl-prev::before {
content: "";
float: left;
height: 1px;
width: 60px;
border-top: 1px solid #dfd7d7;
left: -60px;
position: absolute;
top: 10px;
}
.banners-slider-carousel .customNavigation a.next{
border: 1px solid #dfd7d7;
cursor: pointer;
float: right;
font-size: 0;
right: auto;
height: 31px;
line-height: 40px;
margin: 0 2px;
padding: 0;
position: relative;
vertical-align: top;
width: 31px;
border-radius: 70px;
background: #fff url(../image/webdigify/sprite.png) no-repeat scroll -69px -386px;
}
.wd-titlecat .owl-carousel .owl-controls .owl-buttons .owl-next{
border: 1px solid #dfd7d7;
cursor: pointer;
float: right;
font-size: 0;
right: auto;
height: 31px;
line-height: 40px;
margin: 0 2px;
padding: 0;
position: relative;
vertical-align: top;
width: 31px;
border-radius: 70px;
background: #fff url(../image/webdigify/sprite.png) no-repeat scroll -69px -386px;
}
.banners-slider-carousel .customNavigation a.next:hover{
background-color: #111;
border: 1px solid #111;
background-position:-11px -386px;
}
.wd-titlecat .owl-carousel .owl-controls .owl-buttons .owl-next:hover{
background-color: #111;
border: 1px solid #111;
background-position:-11px -386px;
}
.wd_category_feature .category_list_carousel.owl-carousel.owl-theme .owl-controls .owl-buttons .owl-next:after{
border-bottom: 1px solid #dfd7d7;
content: "";
height: 1px;
left: 30px;
position: absolute;
top: 15px;
width: 40px;
}
.wd_category_feature .category_list_carousel.owl-carousel.owl-theme .owl-controls .owl-buttons .owl-next::before{
content: "";
float: left;
height: 1px;
width: 60px;
border-top: 1px solid #dfd7d7;
left: 30px;
position: absolute;
top: 10px;
}
.category_list.box .category_list_inner .view a {
color: #777;
font: 400 12px/24px 'Poppins', sans-serif;
text-transform: capitalize;
position: relative;
padding: 0;
display: inline-block;
}
.view a:hover {
text-decoration: underline;
}
@media(max-width:1499px){
.category_list_inner{padding: 10px 0 0 0;}
.category_list_carousel.owl-carousel.owl-theme {
margin-left: 0;
margin-right: 0;
}
}
@media(max-width:1200px){
.wd_category_feature .cat-slider .container{ margin: -50px auto 6px;padding: 30px 45px;}
}
@media(max-width:991px){
.category_list.box {
padding: 0 10px;
}
.wd-titlecat h3.wd-title{font-size: 30px ;}
.wd_category_feature .cat-slider .container {
margin: 0px auto 6px;
padding: 30px 40px;
}
.wd_category_feature {
padding: 50px 10px 0px;
}
}
@media(max-width:767PX){
.wd_category_feature {
padding: 20px 10px 0px;
}
}
@media(max-width:650PX){
.wd_category_feature .cat-slider .container {
padding: 30px;
}
.wd-titlecat h3.wd-title{text-align: center;
width: 100%;
}
.category_list_inner .product-item p.desc {
font-size: 12px;
line-height: 22px;
}
}
@media(max-width:575px){
.category_list_inner {
padding: 5px 0 0 0;
width: 100%;
text-align: center;
}
.category_list_carousel.owl-carousel.owl-theme {
margin: 15px 0px;
}
.category_list.box .category_img {
width: 100%;
float: left;
}
.category_list.box {
float: left;
width: auto;
display: block;
text-align: center;
}
.wd_category_feature .cat-slider .container{ margin: 10px auto 0; padding: 20px 20px;}
.wd-titlecat h3.wd-title{font: 700 20px/30px "Montserrat",Helvetica,sans-serif;}
.category_list_inner a {
font: 700 16px/26px 'Poppins', sans-serif;
}
}