#g1-content > .g1-background{background: #DFDFDF!important;}
*:focus{ outline:none!important; box-shadow:none; }
* {
margin: 0;
-webkit-margin-before: 0px;
-webkit-margin-after: 0px;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 0px;
}
ul { margin:0!important;}
li{ list-style:none; }
table {border-collapse: collapse;border-spacing: 0;border: medium none;vertical-align: middle;}
table td {padding: 5px 10px;text-align: center;}
/*
/////////////////GENERAL BUTTON////////////////////
*/
.main-container-wrapper{ position:relative; display:inline-block; }
.woo-btns > div{ cursor:pointer; }
.woo-loading{width: 50px;margin: 10px auto; }
.message-cnt.woo-succ-msg{text-align: center;margin-bottom: 10px;font-size: 12px;display: inline-block;margin: 0 auto ;background: #187F21;border-radius: 5px;color: #fff;width: 100%; text-transform:uppercase }
.message-cnt.woo-err-msg{text-align: center;margin-bottom: 10px;font-size: 12px;display: inline-block;margin: 0 auto ;background: #C60D11;border-radius: 5px;color: #fff;width: 100%;text-transform:uppercase}
.message-cnt i {width: 25px;height: 25px;border: 2px solid #EAF3EB;border-radius: 50%;line-height: 23px;text-align: center;margin-right: 6px;color: #FFFFFF;}
/*
/////////////////COLORED STYLE///////////////////
*/
.woo-product-title a , .woo-product-title a:hover , .woo-product-category a , .woo-product-category a:hover{ text-decoration:none; }
.woogrid .woo-row > div , .woogrid.woo-row > div { position:relative; margin-bottom:20px; padding-left:15px; padding-right:10px; }
.woo-style-1 .woo-product-cnt { overflow:hidden; position:relative; }
.woo-style-1 .woo-product-cnt:hover .woo-overlay-cnt , .woo-style-1 .woo-product-cnt:hover .woo-overlay-cnt .woo-btns { opacity:0.9; }
.woo-style-1 img { width:100%; height:auto; }
.woo-style-1 .woo-banner{ position:absolute; top:0; padding:5px 10px; background: rgba(0,0,0,0.9); color:#fff; text-transform:uppercase; z-index:99; font-size:11px;color:#fff; }
.woo-style-1 .woo-banner.sale-banner{left:0px;-moz-border-radius:0 0 5px 0;-webkit-border-radius:0 0 5px 0;border-radius:0 0 5px 0;}
.woo-style-1 .woo-banner.feature-banner{right:0px!important;-moz-border-radius:0 0 0 5px;-webkit-border-radius:0 0 0 5px;border-radius:0 0 0 5px;}
.woo-style-1 .woo-overlay-cnt{ position:absolute; bottom:0; right:0px; width:70%; padding:10px; background:#000; opacity:0.9; text-align:left;z-index:99;-webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-ms-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;transition: all 0.6s ease 0s; border-radius:5px 0 0 0; }
.woo-style-1 .woo-overlay-cnt h3{ margin-top:0; margin-bottom:0px; font-size:15px; text-transform:capitalize; }
.woo-style-1 .woo-overlay-cnt h3 a { color:#fff; text-decoration:none; }
.woo-style-1 .woo-overlay-cnt h3 a:hover{ color:#fff; }
.woo-style-1 .woo-overlay-cnt .woo-product-category a{ color:#fff; text-decoration:none;text-transform:capitalize; font-size:13px; }
.woo-style-1 .woo-overlay-cnt .woo-product-desc{ font-size:13px; color:#fff; margin:10px 0; }
.woo-style-1 .woo-overlay-cnt .woo-product-price , .woo-style-1 .woo-overlay-cnt .woo-product-delprice{ font-size:15px; font-weight:bold; color:#fff; }
.woo-style-1 .woo-overlay-cnt .woo-product-delprice{ margin-right:10px; }
.woo-style-1 .woo-overlay-cnt .woo-btns{ position: absolute;top: -31px;right: -100%; background:#000; opacity:0.9;-webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-ms-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;transition: all 0.6s ease 0s;border-radius:5px 0 0 5px;}
.woo-style-1 .woo-product-cnt:hover .woo-btns{ right:0; }
.woo-style-1 .woo-overlay-cnt .woo-addfav{ float:right; width: 30px;height: 30px;color: #fff;text-align: center;line-height: 30px; cursor:pointer;}
.woo-style-1 .woo-overlay-cnt .woo-addfav i{ line-height:30px; }
.woo-style-1 .woo-overlay-cnt .woo-addfav:hover i { color:#CCC; }
.woo-style-1 .woo-overlay-cnt .woo-addcart{float:right;width: 30px;height: 30px;color: #fff;text-align: center;line-height: 30px;cursor:pointer;}
.woo-style-1 .woo-overlay-cnt .woo-btns .woo-addcart .add_to_cart_button:before{ font-family: FontAwesome;content: "\f07a"; margin:0; }
.woo-style-1 .woo-overlay-cnt .woo-btns .woo-addcart .add_to_cart_button:hover { text-decoration:none!important; }
.woo-style-1 .woo-overlay-cnt .woo-btns .woo-addcart .add_to_cart_button:hover:before { color:#CCC;}
.woo-style-1 .woo-overlay-cnt .woo-btns .woo-addcart .add_to_cart_button.added{ display:none; }
.woo-style-1 .woo-overlay-cnt .woo-btns .woo-addcart .added_to_cart.wc-forward{ font-size:0; }
.woo-style-1 .woo-overlay-cnt .woo-btns .woo-addcart .added_to_cart.wc-forward:before{ font-family: FontAwesome;content: "\f093"; margin:0; text-decoration:none!important; font-size:15px; }
.woo-style-1 .woo-overlay-cnt .woo-btns .woo-addcart .added_to_cart.wc-forward:after{ margin:0; }
.woo-style-1 .woo-overlay-cnt .woo-sharebtn{float:right;width: 30px;height: 30px;color: #fff;text-align: center;line-height: 30px;cursor:pointer;}
.woo-style-1 .woo-overlay-cnt .woo-sharebtn i{ line-height:30px; }
.woo-style-1 .woo-overlay-cnt .woo-sharebtn:hover i { color:#CCC; }
.woo-style-1 .woo-overlay-cnt .woo-quickviewbtn{float:right;width: 30px;height: 30px;color: #fff;text-align: center;line-height: 30px;cursor:pointer;}
.woo-style-1 .woo-overlay-cnt .woo-quickviewbtn i{ line-height:30px; }
.woo-style-1 .woo-overlay-cnt .woo-quickviewbtn:hover i { color:#CCC; }
.woo-style-1 .woo-overlay-cnt .woo-sendbtn{float:right;width: 30px;height: 30px;color: #fff;text-align: center;line-height: 30px;cursor:pointer;}
.woo-style-1 .woo-overlay-cnt .woo-sendbtn i{ line-height:30px; }
.woo-style-1 .woo-overlay-cnt .woo-sendbtn:hover i { color:#CCC; }
.woo-style-1 .woo-overlay-cnt .woo-starcnt{ color:#fff; font-size:9px; margin:5px 0; }
/*
**********************BOXED EFFECT***********************
*/
.woo-boxed-style .woo-product-cnt { overflow:hidden; position:relative; }
.woo-boxed-style img { width:100%; height:auto; }
/*---------------*/
/***** EFFECT ONE *****/
/*---------------*/
.woo-boxed-style .woo-boxed-eff-one .woo-overlay-cnt {
position:absolute; bottom:-100%; left:0; width:100%; padding:10px 10px; background:#000; opacity:0.9;-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;z-index:999;
}
.woo-boxed-style .woo-product-cnt.woo-boxed-eff-one:hover .woo-overlay-cnt{ bottom:0; }
.woo-boxed-style .woo-boxed-eff-one .woo-overlay-cnt h3{margin-top:0; margin-bottom:5px; font-size:15px; text-transform:uppercase;}
.woo-boxed-style .woo-boxed-eff-one .woo-overlay-cnt h3 a { color:#fff; text-decoration:none; }
.woo-boxed-style .woo-boxed-eff-one .woo-overlay-cnt h3 a:hover{ color:#fff; }
.woo-boxed-style .woo-boxed-eff-one .woo-overlay-cnt .woo-product-category { margin-bottom:5px; }
.woo-boxed-style .woo-boxed-eff-one .woo-overlay-cnt .woo-product-category a{ color:#fff; text-decoration:none;text-transform:capitalize; font-size:13px; }
.woo-boxed-style .woo-boxed-eff-one .woo-product-desc{ position:absolute; width:100%; font-weight:bold; padding:20px; text-align:center; bottom:5em; font-size:20px; color:#000; opacity: 0;-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;transition: all 0.3s ease 0s;-webkit-backface-visibility: hidden;z-index:999;}
.woo-boxed-style .woo-boxed-eff-one:hover .woo-product-desc { bottom:8em; opacity:1; }
.woo-boxed-style .woo-boxed-eff-one .woo-overlay-cnt .woo-product-price , .woo-style-1 .woo-overlay-cnt .woo-product-delprice{ font-size:15px; font-weight:bold; color:#fff; }
.woo-boxed-style .woo-boxed-eff-one .woo-overlay-cnt .woo-product-delprice{ margin-right:10px; }
.woo-boxed-style .woo-boxed-eff-one .woo-overlay-cnt .woo-btns{ position: absolute;bottom: -31px;right: 0px;-webkit-transition: all 0.7s ease 0s;-moz-transition: all 0.7s ease 0s;-ms-transition: all 0.7s ease 0s;-o-transition: all 0.7s ease 0s;transition: all 0.7s ease 0s;background:none!important;}
.woo-boxed-style .woo-boxed-eff-one:hover .woo-btns{ bottom:50%; margin-bottom:-15px; }
.woo-boxed-style .woo-boxed-eff-one .woo-overlay-cnt .woo-btns > div { float:right; width: 30px;height: 30px;color: #fff;text-align: center;line-height: 30px; cursor:pointer;}
.woo-boxed-style .woo-boxed-eff-one .woo-overlay-cnt .woo-btns div i{ line-height:30px; }
.woo-boxed-style .woo-boxed-eff-one .woo-overlay-cnt .woo-btns div:hover i { color:#CCC; }
.woo-boxed-style .woo-boxed-eff-one .woo-overlay-cnt .woo-btns .woo-addcart .add_to_cart_button:before{ font-family: FontAwesome;content: "\f07a"; margin:0; text-decoration:none!important; }
.woo-boxed-style .woo-boxed-eff-one .woo-overlay-cnt .woo-btns .woo-addcart .add_to_cart_button:hover { text-decoration:none!important; }
.woo-boxed-style .woo-boxed-eff-one .woo-overlay-cnt .woo-btns .woo-addcart .add_to_cart_button:hover:before { color:#CCC;}
.woo-boxed-style .woo-boxed-eff-one .woo-overlay-cnt .woo-btns .woo-addcart .add_to_cart_button.added{ display:none; }
.woo-boxed-style .woo-boxed-eff-one .woo-overlay-cnt .woo-btns .woo-addcart .added_to_cart.wc-forward{ font-size:0; }
.woo-boxed-style .woo-boxed-eff-one .woo-overlay-cnt .woo-btns .woo-addcart .added_to_cart.wc-forward:before{ font-family: FontAwesome;content: "\f093"; margin:0; text-decoration:none!important; font-size:15px; }
.woo-boxed-style .woo-boxed-eff-one .woo-overlay-cnt .woo-btns .woo-addcart .added_to_cart.wc-forward:after{ margin:0; }
.woo-boxed-style .woo-boxed-eff-one .woo-overlay-cnt .woo-banner.sale-banner { position:absolute; top:-31px; height:30px; line-height:21px; left:-100%;padding:5px 10px; background: rgba(0,0,0,0.9); color:#fff; font-size:11px; text-transform:uppercase; z-index:99;-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; }
.woo-boxed-style .woo-boxed-eff-one:hover .woo-banner.sale-banner{ left:0; }
.woo-boxed-style .woo-boxed-eff-one .woo-overlay-cnt .woo-banner.feature-banner { position:absolute; top:-31px; height:30px; line-height:21px; right:-100%;padding:5px 10px; background: rgba(0,0,0,0.9); color:#fff; font-size:11px; text-transform:uppercase; z-index:99;-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; }
.woo-boxed-style .woo-boxed-eff-one:hover .woo-banner.feature-banner{ right:0; }
.woo-boxed-style .woo-boxed-eff-one .woo-overlay-cnt .woo-starcnt i{ line-height:30px; }
/*---------------*/
/***** EFFECT TWO *****/
/*---------------*/
.woo-boxed-style .woo-boxed-eff-two .woo-overlay-cnt {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);height: 100%;left: 0;width: 100%;opacity: 0;position: absolute;top: 0; padding:40px 20px 20px; -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;transition: all 0.3s ease 0s;text-align:center; z-index:99;}
.woo-boxed-style .woo-boxed-eff-two:hover .woo-overlay-cnt {opacity: 1;}
.woo-boxed-style .woo-boxed-eff-two .woo-overlay-cnt div ,.woo-boxed-style .woo-boxed-eff-two .woo-overlay-cnt h3{ visibility:hidden;}
.woo-boxed-style .woo-boxed-eff-two:hover .woo-overlay-cnt div ,.woo-boxed-style .woo-boxed-eff-two:hover .woo-overlay-cnt h3{ visibility:visible; }
.woo-boxed-style .woo-boxed-eff-two .woo-overlay-cnt h3{margin-top:0; margin-bottom:5px; font-size:15px; text-transform:uppercase;}
.woo-boxed-style .woo-boxed-eff-two .woo-overlay-cnt h3 a { color:#fff; text-decoration:none; }
.woo-boxed-style .woo-boxed-eff-two .woo-overlay-cnt h3 a:hover{ color:#fff; }
.woo-boxed-style .woo-boxed-eff-two .woo-overlay-cnt .woo-product-category{ margin-bottom:5px;}
.woo-boxed-style .woo-boxed-eff-two .woo-overlay-cnt .woo-product-category a{ color:#fff; text-decoration:none;text-transform:capitalize; font-size:13px; }
.woo-boxed-style .woo-boxed-eff-two .woo-product-desc{ font-size:14px; color:#fff; margin:10px 0; }
.woo-boxed-style .woo-boxed-eff-two .woo-overlay-cnt .woo-product-price , .woo-boxed-style .woo-boxed-eff-two .woo-overlay-cnt .woo-product-delprice{ font-size:15px; font-weight:bold; color:#000; background:#fff; padding:10px 0; }
.woo-boxed-style .woo-boxed-eff-two .woo-overlay-cnt .woo-product-delprice{ margin-right:10px; }
.woo-boxed-style .woo-boxed-eff-two .woo-overlay-cnt .woo-btns{ width:100%; text-align:center; position: absolute;bottom: -100px;right: 0px;-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; z-index:99; background:none!important;}
.woo-boxed-style .woo-boxed-eff-two:hover .woo-btns{ bottom:10px; }
.woo-boxed-style .woo-boxed-eff-two .woo-overlay-cnt .woo-btns > div { display:inline-block; width: 30px;height: 30px;color: #fff;text-align: center;line-height: 30px; cursor:pointer; border:1px solid #fff; border-radius:50%; margin-right:5px;}
.woo-boxed-style .woo-boxed-eff-two .woo-overlay-cnt .woo-btns div i{ line-height:30px; }
.woo-boxed-style .woo-boxed-eff-two .woo-overlay-cnt .woo-btns div:hover i { color:#CCC; }
.woo-boxed-style .woo-boxed-eff-two .woo-overlay-cnt .woo-btns .woo-addcart .add_to_cart_button:before{ font-family: FontAwesome;content: "\f07a"; margin:0; text-decoration:none!important; }
.woo-boxed-style .woo-boxed-eff-two .woo-overlay-cnt .woo-btns .woo-addcart .add_to_cart_button:hover { text-decoration:none!important; }
.woo-boxed-style .woo-boxed-eff-two .woo-overlay-cnt .woo-btns .woo-addcart .add_to_cart_button:hover:before { color:#CCC;}
.woo-boxed-style .woo-boxed-eff-two .woo-overlay-cnt .woo-btns .woo-addcart .add_to_cart_button.added{ display:none; }
.woo-boxed-style .woo-boxed-eff-two .woo-overlay-cnt .woo-btns .woo-addcart .added_to_cart.wc-forward{ font-size:0; }
.woo-boxed-style .woo-boxed-eff-two .woo-overlay-cnt .woo-btns .woo-addcart .added_to_cart.wc-forward:before{ font-family: FontAwesome;content: "\f093"; margin:0; text-decoration:none!important; font-size:15px; }
.woo-boxed-style .woo-boxed-eff-two .woo-overlay-cnt .woo-btns .woo-addcart .added_to_cart.wc-forward:after{ margin:0 }
.woo-boxed-style .woo-boxed-eff-two .woo-overlay-cnt .woo-banner.sale-banner{ position:absolute; top:0; height:30px; line-height:20px; left:0;padding:5px 10px; background: rgba(0,0,0,0.9); color:#fff; text-transform:uppercase; font-size:11px; z-index:99;-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; }
.woo-boxed-style .woo-boxed-eff-two:hover .woo-banner.sale-banner{ left:0; }
.woo-boxed-style .woo-boxed-eff-two .woo-overlay-cnt .woo-banner.feature-banner{ position:absolute; top:0; height:30px;line-height:20px; right:0;padding:5px 10px; background: rgba(0,0,0,0.9); color:#fff; text-transform:uppercase; font-size:11px; z-index:99;-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; }
.woo-boxed-style .woo-boxed-eff-two:hover .woo-banner.feature-banner{ right:0; }
.woo-boxed-style .woo-boxed-eff-two .woo-overlay-cnt .woo-starcnt{ position:absolute; bottom:-31px; right:0; height:45px; width:100%; text-align:center; color:#fff; font-size:9px; text-transform:uppercase; z-index:99; -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;transition: all 0.3s ease 0s;}
.woo-boxed-style .woo-boxed-eff-two:hover .woo-starcnt{ bottom:40px; }
.woo-boxed-style .woo-boxed-eff-two .woo-overlay-cnt .woo-starcnt i{ line-height:30px; }
.woo-boxed-style .woo-boxed-eff-two:hover .woo-starcnt .wg-star-rating{ display:block; margin:0 auto; }
.woo-boxed-style .woo-boxed-eff-two:hover .woo-starcnt .wg-star-rating > span{ height:20px; }
.woo-boxed-style .woo-boxed-eff-two:hover .woo-starcnt .wg-starwrapper .wg-woocommerce-review-link{ float:none; }
/*---------------*/
/***** EFFECT THREE *****/
/*---------------*/
/* Common style */
.woogrid .woo-boxed-eff-three .woo-overlay-cnt {
position: absolute;
top: 0;
z-index: 11;
padding: 10px;
width: 100%;
height: 100%;
text-align: center;
}
.woogrid .woo-boxed-eff-three .woo-overlay-cnt h3.woo-product-title {
margin: 0 0 5px 0;
color: #fff;
text-transform: uppercase;
font-size: 130%;
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
}
.woogrid .woo-boxed-eff-three .woo-overlay-cnt .woo-product-category a {
margin: 0 0 5px 0;
color: #ccc;
text-transform: uppercase;
font-size: 12px;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
}
.woogrid .woo-boxed-eff-three .woo-overlay-cnt .woo-product-price {
margin: 5px 0 5px 0;
color: #ccc;
text-transform: uppercase;
font-size: 15px;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
}
.woogrid .woo-boxed-eff-three .woo-overlay-cnt .woo-product-price .woo-product-delprice{ margin-right:10px; }
.woogrid .woo-boxed-eff-three .woo-overlay-cnt div.woo-product-desc {
padding: 0 20px;
color: #aaa;
font-weight: 300;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
}
.woogrid .woo-boxed-eff-three .woo-overlay-cnt h3.woo-product-title,.woogrid .woo-boxed-eff-three .woo-overlay-cnt .woo-product-price , .woogrid .woo-boxed-eff-three .woo-overlay-cnt .woo-product-category,
.woogrid .woo-boxed-eff-three .woo-overlay-cnt div.woo-product-desc , .woo-boxed-eff-three .woo-overlay-cnt div.woo-meta-comment {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
.woogrid .woo-boxed-eff-three .woo-overlay-cnt,
.woogrid .woo-boxed-eff-three .woo-overlay-cnt h3.woo-product-title,
.woogrid .woo-boxed-eff-three .woo-overlay-cnt div.woo-product-desc {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
/* Style for SVG */
.woogrid svg {
position: absolute;
top: -1px; /* fixes rendering issue in FF */
z-index: 10;
width: 100%;
height: 100%;
}
.woogrid svg path {
fill: rgba(0,0,0,0.9);
}
.woogrid .woo-boxed-eff-three .woo-overlay-cnt div.woo-starcnt{-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;}
.woogrid .woo-boxed-eff-three .woo-overlay-cnt div.woo-starcnt .wg-star-rating{ display:block; margin:20px auto 0px auto; }
.woogrid .woo-boxed-eff-three .woo-overlay-cnt div.woo-starcnt .wg-star-rating > span{ height:20px; }
.woogrid .woo-boxed-eff-three .woo-overlay-cnt div.woo-starcnt .wg-starwrapper .wg-woocommerce-review-link{ float:none; }
/* Hover effects */
.woogrid .woo-boxed-eff-three:hover figure img {
opacity: 1;
}
.woogrid .woo-boxed-eff-three:hover .woo-overlay-cnt h3.woo-product-title,
.woogrid .woo-boxed-eff-three:hover .woo-overlay-cnt div.woo-product-desc , .woogrid .woo-boxed-eff-three:hover .woo-overlay-cnt div.woo-starcnt {
-webkit-transform: translateY(0);
transform: translateY(0);
}
.woogrid .woo-boxed-eff-three:hover .woo-overlay-cnt div.woo-product-desc , .woogrid .woo-boxed-eff-three:hover .woo-overlay-cnt .woo-product-price , .woogrid .woo-boxed-eff-three:hover .woo-overlay-cnt .woo-product-category , .woogrid .woo-boxed-eff-three:hover .woo-overlay-cnt div.woo-starcnt , .woo-boxed-eff-three:hover .woo-overlay-cnt div.woo-meta-comment {
opacity: 0; visibility:hidden;
}
.woogrid .woo-boxed-eff-three .woo-overlay-cnt .woo-btns{ width:100%; background:rgba(0,0,0,0.9); padding:5px 0; text-align:center; position: absolute;bottom: -100px;right: 0px;-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;transition: all 0.3s ease 0s;}
.woogrid .woo-boxed-eff-three:hover .woo-btns{ bottom:0px; }
.woogrid .woo-boxed-eff-three .woo-overlay-cnt .woo-btns > div { display:inline-block; width: 30px;height: 30px;color: #fff;text-align: center;line-height: 30px; cursor:pointer; border:1px solid #fff; border-radius:50%; margin-right:5px;}
.woogrid .woo-boxed-eff-three .woo-overlay-cnt .woo-btns div i{ line-height:30px; }
.woogrid .woo-boxed-eff-three .woo-overlay-cnt .woo-btns div:hover i { color:#CCC; }
.woogrid .woo-boxed-eff-three .woo-overlay-cnt .woo-btns .woo-addcart .add_to_cart_button:before{ font-family: FontAwesome;content: "\f07a"; margin:0; text-decoration:none!important; }
.woogrid .woo-boxed-eff-three .woo-overlay-cnt .woo-btns .woo-addcart .add_to_cart_button:hover { text-decoration:none!important; }
.woogrid .woo-boxed-eff-three .woo-overlay-cnt .woo-btns .woo-addcart .add_to_cart_button:hover:before { color:#CCC;}
.woogrid .woo-boxed-eff-three .woo-overlay-cnt .woo-btns .woo-addcart .add_to_cart_button.added{ display:none; }
.woogrid .woo-boxed-eff-three .woo-overlay-cnt .woo-btns .woo-addcart .added_to_cart.wc-forward{ font-size:0; }
.woogrid .woo-boxed-eff-three .woo-overlay-cnt .woo-btns .woo-addcart .added_to_cart.wc-forward:before{ font-family: FontAwesome;content: "\f093"; margin:0; text-decoration:none!important; font-size:15px; }
.woogrid .woo-boxed-eff-three .woo-overlay-cnt .woo-btns .woo-addcart .added_to_cart.wc-forward:after{ margin:0 }
.woogrid .woo-boxed-eff-three .woo-banner.sale-banner{ position:absolute; bottom:0px; height:30px; left:0;padding:5px 10px; background: rgba(0,0,0,0.9); color:#fff; text-transform:uppercase; font-size:11px; line-height:21px; z-index:99;-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;transition: all 0.3s ease 0s; }
.woogrid .woo-boxed-eff-three:hover .woo-banner.sale-banner{ left:-100%; }
.woogrid .woo-boxed-eff-three .woo-banner.feature-banner{ position:absolute; bottom:0px; height:30px; right:0;padding:5px 10px; background: rgba(0,0,0,0.9); color:#fff; text-transform:uppercase; font-size:11px; line-height:21px;z-index:99;-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;transition: all 0.3s ease 0s; }
.woogrid .woo-boxed-eff-three:hover .woo-banner.feature-banner{ right:-100%; }
/*
**********************GRID EFFECT***********************
*/
.woo-grid-style .grid-col{ display:inline-block; float:none; margin-left:-3px; float:none; vertical-align:top;}
.woo-grid-style .woo-product-cnt { overflow:hidden; position:relative; -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;transition: all 0.3s ease 0s;}
.woo-grid-style img { width:100%; height:auto; }
.woo-grid-style .woo-thumb-cnt { overflow:hidden; width:100%; position:relative; }
.woo-grid-style .woo-overlay-cnt{ position:absolute;top:0%; left:0; width:100%; height:100%; opacity:0; background:rgba(0,0,0,0.9); -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;transition: all 0.3s ease 0s; z-index:99;}
.woo-grid-style .woo-product-cnt:hover .woo-overlay-cnt{ opacity:1; }
.woo-grid-style .woo-product-cnt .woo-thumb-cnt .woo-banner.sale-banner{ position:absolute; bottom:1px; left:0; padding:5px 10px; font-size:11px; text-transform:uppercase; color:#fff; background:rgba(0,0,0,0.9); z-index:99;}
.woo-grid-style .woo-product-cnt .woo-thumb-cnt .woo-banner.feature-banner{ position:absolute; bottom:1px; right:0; padding:5px 10px; font-size:11px; text-transform:uppercase; color:#fff; background:rgba(0,0,0,0.9);z-index:99; }
.woo-grid-style .woo-product-cnt .woo-thumb-cnt .woo-btns{position:absolute; width:100%; top:50%; height:30px; text-align:center; margin-top:-15px; color:#fff; z-index:999; }
.woo-grid-style .woo-product-cnt .woo-thumb-cnt .woo-btns > div { display:inline-block; margin:0 5px; border:1px solid #fff; border-radius:50%; width:30px; height:30px;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);-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;transition: all 0.3s ease 0s; }
.woo-grid-style .woo-product-cnt .woo-thumb-cnt .woo-btns > div i{ line-height:30px; }
.woo-grid-style .woo-product-cnt:hover .woo-thumb-cnt .woo-btns > div{visibility: visible;opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.woo-grid-style .woo-desc-cnt{ text-align:left; }
.woo-grid-style .woo-desc-cnt .woo-product-title { }
.woo-grid-style .woo-desc-cnt .woo-product-title a { font-weight: 600;
font-size:20px; color:#000; text-decoration:none; }
.woo-grid-style .woo-desc-cnt .woo-product-category a { text-transform:uppercase; font-size:12px; color:#999; text-decoration:none; }
.woo-grid-style .woo-desc-cnt .woo-product-desc { margin:15px 0; }
.woo-grid-style .woo-desc-cnt .woo-product-price{ font-size:20px; margin:10px 0 20px 0; }
.woo-grid-style .woo-desc-cnt .woo-product-price del{ margin-right:10px; }
.woo-grid-style .woo-desc-cnt .woo-addfav-btn , .woo-grid-style .woo-desc-cnt .woo-addcard-btn { margin-top:10px; }
.woo-grid-style .woo-desc-cnt .woo-addcard-btn a , .woo-grid-style .woo-desc-cnt .woo-addfav-btn a{ display:block; padding:5px 20px; text-align:center; text-transform:uppercase; color:#fff; background:#999; margin:0 20px 5px 20px; text-decoration:none; }
.woo-grid-style .woo-desc-cnt .woo-addcard-btn a:hover , .woo-grid-style .woo-desc-cnt .woo-addfav-btn a:hover{ background:#666;-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;transition: all 0.3s ease 0s; }
.woo-grid-style .woo-desc-cnt .woo-addcard-btn.outline-btn a , .woo-grid-style .woo-desc-cnt .woo-addfav-btn.outline-btn a{ background:none; border:1px solid #999; color:#000; }
.woo-grid-style .woo-desc-cnt .woo-addcard-btn.outline-btn a:hover , .woo-grid-style .woo-desc-cnt .woo-addfav-btn.outline-btn a:hover{ background:#999; border-color: #999; color:#fff; }
.woo-grid-style .woo-desc-cnt .woo-addfav-btn i{ margin-right:5px; }
.woo-grid-style .woo-desc-cnt .woo-starcnt{ width:100%; text-align:center; color:#000; font-size:9px; margin:5px 0;}
.woo-grid-style .woo-desc-cnt .woo-starcnt .wg-star-rating{ text-align:center; margin:0 auto; display:block; }
.woo-grid-style .woo-desc-cnt .woo-starcnt .wg-star-rating span{ height:20px;}
.woo-grid-style .woo-desc-cnt .woo-starcnt .wg-starwrapper .wg-woocommerce-review-link{ float:none; }
/*
**********************LIST EFFECT***********************
*/
.woo-list-style .woo-product-cnt { overflow:hidden; position:relative; background:#f5f5f5;-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;transition: all 0.3s ease 0s;}
.woo-list-style img { width:100%; height:auto; }
.woo-list-style .woo-thumb-col{ margin-left:-10px; margin-bottom:0!important; }
.woo-list-style .woo-thumb-cnt { overflow:hidden; width:100%; position:relative; margin-bottom:0; }
.woo-list-style .woo-overlay-cnt{ position:absolute;top:0%; left:0; width:100%; height:100%; opacity:0; background:rgba(0,0,0,0.8); -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;transition: all 0.3s ease 0s; z-index:99; }
.woo-list-style .woo-product-cnt:hover .woo-overlay-cnt{ opacity:1; }
.woo-list-style .woo-product-cnt .woo-thumb-cnt .woo-banner.sale-banner{ position:absolute; top:0;left:0; padding:5px 10px 5px 15px; font-size:12px; text-transform:uppercase; color:#fff; background:rgba(0,0,0,0.8); z-index:999; }
.woo-list-style .woo-product-cnt .woo-thumb-cnt .woo-banner.feature-banner{ position:absolute; top:0; right:0px; padding:5px 10px 5px 15px; font-size:12px; text-transform:uppercase; color:#fff; background:rgba(0,0,0,0.8);z-index:999; }
.woo-list-style .woo-product-cnt .woo-thumb-cnt .woo-btns{position:absolute; width:100%; top:50%; height:30px; text-align:center; margin-top:-15px; color:#fff; }
.woo-list-style .woo-product-cnt .woo-thumb-cnt .woo-btns > div { display:inline-block; margin:0 5px; border:1px solid #fff; border-radius:50%; width:30px; height:30px;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);-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;transition: all 0.3s ease 0s; }
.woo-list-style .woo-product-cnt .woo-thumb-cnt .woo-btns > div i{ line-height:30px; }
.woo-list-style .woo-product-cnt:hover .woo-thumb-cnt .woo-btns > div{visibility: visible;opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.woo-list-style .woo-desc-cnt{ text-align:left; }
.woo-list-style .woo-desc-cnt .woo-product-title { margin:10px 0; }
.woo-list-style .woo-desc-cnt .woo-product-title a { text-transform:uppercase; font-size:20px; color:#000; text-decoration:none; }
.woo-list-style .woo-desc-cnt .woo-product-category a { text-transform:uppercase; font-size:12px; color:#999; text-decoration:none; }
.woo-list-style .woo-desc-cnt .woo-product-desc { margin:5px 0; }
.woo-list-style .woo-desc-cnt .woo-product-price{ font-size:20px; margin:10px 0 20px 0; }
.woo-list-style .woo-desc-cnt .woo-product-price del{ margin-right:10px; }
.woo-list-style .woo-desc-cnt .woo-addcard-btn a , .woo-list-style .woo-desc-cnt .woo-addfav-btn a{ display:block; padding:5px 20px; text-align:center; text-transform:uppercase; color:#fff; background:#999; margin:0 0px 5px 0px; text-decoration:none; }
.woo-list-style .woo-desc-cnt .woo-addcard-btn a:hover , .woo-list-style .woo-desc-cnt .woo-addfav-btn a:hover{ background:#666;-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;transition: all 0.3s ease 0s; }
.woo-list-style .woo-desc-cnt .woo-addcard-btn.outline-btn a , .woo-list-style .woo-desc-cnt .woo-addfav-btn.outline-btn a{ background:none; border:1px solid #999; color:#000; }
.woo-list-style .woo-desc-cnt .woo-addcard-btn.outline-btn a:hover , .woo-list-style .woo-desc-cnt .woo-addfav-btn.outline-btn a:hover{ background:#999; border-color: #999; color:#fff; }
.woo-list-style .woo-desc-cnt .woo-addfav-btn i{ margin-right:5px; }
.woo-list-style .woo-desc-cnt .woo-addfav-btn , .woo-list-style .woo-desc-cnt .woo-addcard-btn { margin-top:10px; }
.woo-list-style .woo-desc-cnt .woo-starcnt{ width:100%; text-align:left; color:#000; font-size:9px; margin:10px 0;}
.woo-list-style .woo-desc-cnt .woo-starcnt .wg-starwrapper .wg-woocommerce-review-link{ display:block; float:none; }
/*
***********************************TABLE LAYOUT******************************
*/
table.wg-product-table {
width: 100%;
border-collapse: collapse;
margin: 0 0 15px 0;
border-collapse: collapse;
border-spacing: 0;
height:100%;
}
table.wg-product-table td {
padding: 5px;
}
.dp-table-td.dp-table-thumb{width: 80px;min-width: 80px;}
table.wg-product-table img{
max-width: 100px; height: auto
}
table.wg-product-table .wg-table-td{ vertical-align: middle}
table.wg-product-table thead tr th.wg-table-thumbnail,.wg-table-thumbnail{ width: 8%; min-width: 32px}
table.wg-product-table thead tr th.wg-table-name,.wg-table-name{ width: 25% }
table.wg-product-table thead tr th.wg-table-price,.wg-table-price{ text-align: center;width: 15%;}
table.wg-product-table thead tr th.wg-table-rating,.wg-table-rating{ text-align: center;width: 8%;}
table.wg-product-table thead tr th.wg-table-stock,.wg-table-stock{ text-align: center;width: 8%;}
table.wg-product-table thead tr th.wg-table-sku,.wg-table-sku{ text-align: center;width: 10%;}
table.wg-product-table thead tr th.wg-table-button,.wg-table-button{ width: 15%;}
/* Minimal */
table.wg-product-table {
margin: 0 -1px 24px 0;
text-align: left;
width: 100%;
border-collapse: separate;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
table.wg-product-table thead tr th{
text-align: left
}
table.wg-product-table th {
font-weight: bold;
line-height: 18px;
padding: 9px 12px;
background:#d0d0d0;
}
table.wg-product-table th{ border: 0}
table.wg-product-table tr:nth-child(odd){ background-color:#ffffff;-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;transition: all 0.3s ease 0s; }
table.wg-product-table tr:nth-child(even) { background-color:#FCFCFC;-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;transition: all 0.3s ease 0s; }
table.wg-product-table td{
padding: 6px 12px;
vertical-align: middle;
border-right: 0;
border-bottom: 0;
border-left:1px solid #f0f0f0;
border-top:1px solid #f0f0f0;
}
table .dp-table-td:first-child{ border-left: 0}
.wg-product-image {
position: relative;
display: block;
}
.wg-table-td-title{ text-align:left; vertical-align:top!important; }
table.wg-product-table .woo-banner{
background: #fff;
text-transform: uppercase;
font-size: 11px;
margin-bottom: 3px;
line-height:20px;
}
table.wg-product-table .woo-product-delprice{ margin-right:10px; padding:0; }
table.wg-product-table .wg-starwrapper .wg-woocommerce-review-link { float:none; display:block; }
table.wg-product-table .woo-product-title { margin:10px 0; }
table.wg-product-table .woo-product-title a { text-transform:uppercase; font-size:20px; color:#000; text-decoration:none; }
table.wg-product-table .woo-product-category a { text-transform:uppercase; font-size:12px; color:#999; text-decoration:none; }
table.wg-product-table .woo-product-desc { margin:5px 0; }
table.wg-product-table .woo-addcard-btn a , table.wg-product-table .woo-addfav-btn a{ display:block; text-align:center; text-transform:uppercase; color:#fff; background:#999; margin:0 0px 5px 0px; text-decoration:none; padding:5px 0; }
table.wg-product-table .woo-addcard-btn a:hover , table.wg-product-table .woo-addfav-btn a:hover{ background:#666;-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;transition: all 0.3s ease 0s; }
table.wg-product-table .woo-addcard-btn.outline-btn a , table.wg-product-table .woo-addfav-btn.outline-btn a{ background:none; border:1px solid #999; color:#000; }
table.wg-product-table .woo-addcard-btn.outline-btn a:hover , table.wg-product-table .woo-addfav-btn.outline-btn a:hover{ background:#999; border-color: #999; color:#fff; }
table.wg-product-table .woo-addfav-btn i{ margin-right:5px; }
table.wg-product-table .woo-btns{ position:relative; color:#fff; background:#999; text-align:center; padding:5px 0; }
table.wg-product-table .woo-btns.outline-btn{ background:none; border:1px solid #999; color:#000; }
table.wg-product-table .woo-btns > div {display: inline-block;width: 29%;cursor: pointer;position: relative;}
table.wg-product-table .woo-btns > div .woo-shareicon-cnt { left:50%; margin-left:-15px; }
table.wg-product-table .woo-btns > div .woo-shareicon-cnt i { line-height:30px; }
/******************************Carousel Style*********************/
.woo-owl-carousel .woo-owl-item .grid-col{ display:block; }
/*
************************************IMAGE EFFECT********************************
*/
.woo-secondimg{ position:absolute; top:0px; left:0px; z-index:9; opacity:0; width:100%; -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;transition: all 0.3s ease 0s; }
.woo-product-cnt:hover .woo-secondimg { opacity:1; }
.woo-zoomin{
-webkit-transition: opacity 0.6s, -webkit-transform 0.6s;
transition: opacity 0.6s, transform 0.6s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.woo-product-cnt:hover .woo-zoomin{
opacity: 0.9;
-webkit-transform: scale3d(1.1,1.1,1);
transform: scale3d(1.1,1.1,1);
}
.woo-zoomout
{
-webkit-transition: opacity 0.6s, -webkit-transform 0.6s;
transition: opacity 0.6s, transform 0.6s;
-webkit-transform: scale(1.12);
transform: scale(1.12);
}
.woo-product-cnt:hover .woo-zoomout{
opacity: 0.9;
-webkit-transform: scale(1);
transform: scale(1);
}
.woo-grayscale {-webkit-filter: url("data:image/svg+xml;utf8,#grayscale");filter: url("data:image/svg+xml;utf8,#grayscale");filter: gray;-webkit-filter: grayscale(100%);-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;transition: all 0.3s ease 0s;}
.woo-product-cnt:hover .woo-grayscale {-webkit-filter: url("data:image/svg+xml;utf8,#grayscale");filter: url("data:image/svg+xml;utf8,#grayscale");-webkit-filter: grayscale(0%);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity: 1;}
.woo-product-cnt .woo-rotateright{-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;transition: all 0.3s ease 0s;}
.woo-product-cnt:hover .woo-rotateright{-webkit-transform: rotate(10deg) scale(1.4);-moz-transform: rotate(10deg) scale(1.4);-ms-transform: rotate(10deg) scale(1.4);-o-transform: rotate(10deg) scale(1.4);transform: rotate(10deg) scale(1.4);}
.woo-product-cnt .woo-rotateleft{-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;transition: all 0.3s ease 0s;}
.woo-product-cnt:hover .woo-rotateleft{-webkit-transform: rotate(-10deg) scale(1.4);-moz-transform: rotate(-10deg) scale(1.4);-ms-transform: rotate(-10deg) scale(1.4);-o-transform: rotate(-10deg) scale(1.4);transform: rotate(-10deg) scale(1.4);}
.woo-product-cnt .woo-blur{-webkit-transition: all 0.1s ease 0s;-moz-transition: all 0.1s ease 0s;-ms-transition: all 0.1s ease 0s;-o-transition: all 0.1s ease 0s;transition: all 0.1s ease 0s;}
.woo-product-cnt:hover .woo-blur{-webkit-filter: blur(3px);-moz-filter: blur(3px);-o-filter: blur(3px);-ms-filter: blur(3px);filter: blur(3px);}
/*SHARE ICON */
.woo-shareicon-cnt{ position:absolute; bottom:120%; width:30px; background:rgba(0,0,0,0.9); visibility:hidden; opacity:0;-webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-ms-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;transition: all 0.6s ease 0s;border-radius:5px; }
.woo-shareicon-cnt i{ display:block; width:30px; color:#fff!important; cursor:pointer; }
.woo-shareicon-cnt i:hover{ color:#ccc!important; }
.woo-shareicon-cnt:after{ content:''; bottom:-8px; left:50%; position:absolute; margin-left:-8px; width: 0;height: 0;border-style: solid;border-width: 8px 8px 0 8px;border-color:rgba(0,0,0,0.9) transparent transparent transparent; }
.woo-sharebtn:hover .woo-shareicon-cnt{ opacity:1; visibility:visible }
/*STAR*/
.wg-starwrapper{ margin:5px 0; }
.wg-starwrapper .wg-woocommerce-review-link{ float:right; margin-top:3px; font-size:10px; text-decoration:none; }
.wg-star-rating {
width: 74px;
height: 21px;
overflow: hidden;
position: relative;
white-space: nowrap;
text-indent: 100%;
letter-spacing: 2px;
display:inline-block;
}
.wg-star-rating:before {
display: block;
position: absolute;
left: 0;
top: 0;
text-indent: 0;
font: 14px/21px FontAwesome;
content: "\f006\f006\f006\f006\f006";
}
.wg-star-rating > span {
display: block;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
white-space: nowrap;
text-indent: 100%;
height:20px;
}
.wg-star-rating > span:before {
display: block;
position: absolute;
left: 0;
top: 0;
text-indent: 0;
font: 14px/21px FontAwesome;
content: "\f005\f005\f005\f005\f005";
}
/*
//////////////SHADOW STYLE/////////////////////
*/
/*==================================================
* Effect 1
* ===============================================*/
.wg-shadow-effect1{
-webkit-box-shadow: 0 10px 6px -6px #777;
-moz-box-shadow: 0 10px 6px -6px #777;
box-shadow: 0 10px 6px -6px #777;
}
/*==================================================
* Effect 2
* ===============================================*/
.wg-shadow-effect2
{
position: relative;
}
.wg-shadow-effect2:before, .wg-shadow-effect2:after
{
z-index: -1;
position: absolute;
content: "";
bottom: 15px;
left: 10px;
width: 50%;
top: 80%;
max-width:300px;
background: #777;
-webkit-box-shadow: 0 15px 10px #777;
-moz-box-shadow: 0 15px 10px #777;
box-shadow: 0 15px 10px #777;
-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
transform: rotate(-3deg);
}
.wg-shadow-effect2:after
{
-webkit-transform: rotate(3deg);
-moz-transform: rotate(3deg);
-o-transform: rotate(3deg);
-ms-transform: rotate(3deg);
transform: rotate(3deg);
right: 10px;
left: auto;
}
/*==================================================
* Effect 3
* ===============================================*/
.wg-shadow-effect3
{
position: relative;
}
.wg-shadow-effect3:before
{
z-index: -1;
position: absolute;
content: "";
bottom: 15px;
left: 10px;
width: 50%;
top: 80%;
max-width:300px;
background: #777;
-webkit-box-shadow: 0 15px 10px #777;
-moz-box-shadow: 0 15px 10px #777;
box-shadow: 0 15px 10px #777;
-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
transform: rotate(-3deg);
}
/*==================================================
* Effect 4
* ===============================================*/
.wg-shadow-effect4
{
position: relative;
}
.wg-shadow-effect4:after
{
z-index: -1;
position: absolute;
content: "";
bottom: 15px;
right: 10px;
left: auto;
width: 50%;
top: 80%;
max-width:300px;
background: #777;
-webkit-box-shadow: 0 15px 10px #777;
-moz-box-shadow: 0 15px 10px #777;
box-shadow: 0 15px 10px #777;
-webkit-transform: rotate(3deg);
-moz-transform: rotate(3deg);
-o-transform: rotate(3deg);
-ms-transform: rotate(3deg);
transform: rotate(3deg);
}
/*==================================================
* Effect 5
* ===============================================*/
.wg-shadow-effect5
{
position: relative;
}
.wg-shadow-effect5:before, .wg-shadow-effect5:after
{
z-index: -1;
position: absolute;
content: "";
bottom: 25px;
left: 10px;
width: 50%;
top: 80%;
max-width:300px;
background: #777;
-webkit-box-shadow: 0 35px 20px #777;
-moz-box-shadow: 0 35px 20px #777;
box-shadow: 0 35px 20px #777;
-webkit-transform: rotate(-8deg);
-moz-transform: rotate(-8deg);
-o-transform: rotate(-8deg);
-ms-transform: rotate(-8deg);
transform: rotate(-8deg);
}
.wg-shadow-effect5:after
{
-webkit-transform: rotate(8deg);
-moz-transform: rotate(8deg);
-o-transform: rotate(8deg);
-ms-transform: rotate(8deg);
transform: rotate(8deg);
right: 10px;
left: auto;
}
/*==================================================
* Effect 6
* ===============================================*/
.wg-shadow-effect6
{
position:relative;
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.wg-shadow-effect6:before, .effect6:after
{
content:"";
position:absolute;
z-index:-1;
-webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
-moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
box-shadow:0 0 20px rgba(0,0,0,0.8);
top:50%;
bottom:0;
left:10px;
right:10px;
-moz-border-radius:100px / 10px;
border-radius:100px / 10px;
}
.wg-shadow-effect6:after
{
right:10px;
left:auto;
-webkit-transform:skew(8deg) rotate(3deg);
-moz-transform:skew(8deg) rotate(3deg);
-ms-transform:skew(8deg) rotate(3deg);
-o-transform:skew(8deg) rotate(3deg);
transform:skew(8deg) rotate(3deg);
}
/*==================================================
* Effect 7
* ===============================================*/
.wg-shadow-effect7
{
position:relative;
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.wg-shadow-effect7:before, .effect7:after
{
content:"";
position:absolute;
z-index:-1;
-webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
-moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
box-shadow:0 0 20px rgba(0,0,0,0.8);
top:0;
bottom:0;
left:10px;
right:10px;
-moz-border-radius:100px / 10px;
border-radius:100px / 10px;
}
.wg-shadow-effect7:after
{
right:10px;
left:auto;
-webkit-transform:skew(8deg) rotate(3deg);
-moz-transform:skew(8deg) rotate(3deg);
-ms-transform:skew(8deg) rotate(3deg);
-o-transform:skew(8deg) rotate(3deg);
transform:skew(8deg) rotate(3deg);
}
/*==================================================
* Effect 8
* ===============================================*/
.wg-shadow-effect8
{
position:relative;
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.wg-shadow-effect8:before, .effect8:after
{
content:"";
position:absolute;
z-index:-1;
-webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
-moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
box-shadow:0 0 20px rgba(0,0,0,0.8);
top:10px;
bottom:10px;
left:0;
right:0;
-moz-border-radius:100px / 10px;
border-radius:100px / 10px;
}
.wg-shadow-effect8:after
{
right:10px;
left:auto;
-webkit-transform:skew(8deg) rotate(3deg);
-moz-transform:skew(8deg) rotate(3deg);
-ms-transform:skew(8deg) rotate(3deg);
-o-transform:skew(8deg) rotate(3deg);
transform:skew(8deg) rotate(3deg);
}
/*
///////////////////////PAGINATION//////////////////////////////
*/
.pagination-cnt { text-align:center; margin:15px 0; }
.pagination-cnt ul{ padding:0!important; }
.pagination-cnt.hor-preset1 .pagination > li > span { color:#333; border-bottom-width:3px!important; border-color:#ccc!important; cursor:pointer;-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;transition: all 0.3s ease 0s;}
.pagination-cnt.hor-preset1 .pagination > li > span:hover { color:#000; }
.pagination-cnt.hor-preset1 .pagination > .active > span , .pagination-cnt.hor-preset1 .pagination > .active > span:hover{ background:#dfdfdf; color:#333; }
.pagination-cnt.hor-preset2 .pagination > li > span { color:#333; border-bottom-width:3px!important; border-color:#ccc!important; cursor:pointer; width:35px; height:35px; line-height:20px; -moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%; margin-right:5px; -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;transition: all 0.3s ease 0s; }
.pagination-cnt.hor-preset2 .pagination > li > span:hover { color:#000; }
.pagination-cnt.hor-preset2 .pagination > .active > span , .pagination-cnt.hor-preset2 .pagination > .active > span:hover{ background:#dfdfdf; color:#333; }
.pagination-cnt.hor-preset3 .pagination > li > span { color:#333; border:none!important; cursor:pointer; margin-right:5px; -moz-border-radius:0;-webkit-border-radius:0;border-radius:0; -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;transition: all 0.3s ease 0s;border-radius:5px; }
.pagination-cnt.hor-preset3 .pagination > li > span:hover { color:#000; }
.pagination-cnt.hor-preset3 .pagination > .active > span , .pagination-cnt.hor-preset3 .pagination > .active > span:hover{ background:#dfdfdf; color:#333; }
/*show more*/
.pagination-cnt.show-preset1 .showmore-btn{ background:#fff; padding:10px 30px; background:#fff; border:1px solid;border-color:#ccc; border-bottom-width:3px!important; color:#333; text-decoration:none; cursor:pointer; text-transform:uppercase;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-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;transition: all 0.3s ease 0s;border-radius:5px; font-weight:bold; }
.pagination-cnt.show-preset1 .showmore-btn:hover{ background:#f5f5f5; text-decoration:none; border-color:#a9a9a9; }
.pagination-cnt.show-preset2 .showmore-btn{ background:#fff; padding:10px 30px; background:#fff; border:1px solid;border-color:#ccc; border-left-width:7px!important; color:#333; text-decoration:none;cursor:pointer; text-transform:uppercase;-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;-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;transition: all 0.3s ease 0s;font-weight:bold; }
.pagination-cnt.show-preset2 .showmore-btn:hover{ background:#f5f5f5; text-decoration:none; border-color:#a9a9a9; }
.pagination-cnt.show-preset3 .showmore-btn{ background:#fff; padding:10px 30px; background:#fff; border:3px solid;border-color:#ccc; border-top-width:0px!important;border-bottom-width:0px!important; color:#333; text-decoration:none; cursor:pointer;text-transform:uppercase;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-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;transition: all 0.3s ease 0s;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;font-weight:bold; }
.pagination-cnt.show-preset3 .showmore-btn:hover{ background:#f5f5f5; text-decoration:none; border-color:#a9a9a9; letter-spacing:3px; }
/*Vertical Paging*/
.pagination-cnt.ver-preset1,.pagination-cnt.ver-preset2,.pagination-cnt.ver-preset3{ position:absolute; width:45px; top:0px; }
.pagination-cnt.pagination-ver-left.fixed-pagination { position:fixed; left:inherit; }
.pagination-cnt.pagination-ver-right.fixed-pagination{ position:fixed; left:auto; right:inherit;}
.pagination-cnt.ver-preset1 .pagination > li > span { color:#333; border-bottom-width:3px!important; border-color:#ccc; cursor:pointer;-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;transition: all 0.3s ease 0s;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; margin:0 0 5px 0!important; }
.pagination-cnt.ver-preset1 .pagination > li > span:hover { color:#000; }
.pagination-cnt.ver-preset1 .pagination > .active > span , .pagination-cnt.ver-preset1 .pagination > .active > span:hover{ background:#dfdfdf; color:#333; }
.pagination-cnt.ver-preset2 .pagination > li > span { color:#333; border-bottom-width:3px!important; border-color:#ccc!important; cursor:pointer; width:35px; height:35px; margin-bottom:5px; line-height:20px; -moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%; margin-right:5px; -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;transition: all 0.3s ease 0s;}
.pagination-cnt.ver-preset2 .pagination > li > span:hover { color:#000; }
.pagination-cnt.ver-preset2 .pagination > .active > span , .pagination-cnt.ver-preset2 .pagination > .active > span:hover{ background:#dfdfdf; color:#333; }
.pagination-cnt.ver-preset3 .pagination > li > span { color:#333; border:none!important; cursor:pointer; margin-bottom:5px; -moz-border-radius:0;-webkit-border-radius:0;border-radius:0; -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;transition: all 0.3s ease 0s; }
.pagination-cnt.ver-preset3 .pagination > li > span:hover { color:#000; }
.pagination-cnt.ver-preset3 .pagination > .active > span , .pagination-cnt.ver-preset3 .pagination > .active > span:hover{ background:#dfdfdf; color:#333; }
/*FAVOURITE STYLE*/
#favorite_div_content{ padding-top:30px; }
.woo-favitem-cnt { text-align:center; border:1px solid #ccc; border-bottom-width:3px; background:#fff; }
.woo-favitem-cnt:hover{ border-color:#666;-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;transition: all 0.3s ease 0s; }
.woo-favitem-cnt a.woo-favitem-title{ text-transform:uppercase!important; text-decoration:none!important; display:block; color:#333; padding:15px 5px; background:#f5f5f5; border-top:1px solid #ccc; }
.woo-favitem-cnt a.woo-favitem-title:hover{ text-transform:uppercase!important; text-decoration:none!important; }
.woo-favitem-thumb{ position:relative; width:100%;padding:20px 0;}
.woo-favitem-cnt img { margin:0 auto; }
.woo-favitem-cnt .favorite-icon {width: 30px;height: 30px;background: #fff; cursor:pointer; border: 2px solid #ccc;display: inline-block; bottom:-15px; left:50%; margin-left:-15px; position:absolute; -moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;-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;transition: all 0.3s ease 0s;}
.woo-favitem-cnt .favorite-icon:hover { border-color:#666; background:#f5f5f5; color:#F7171D; }
.woo-favitem-cnt .favorite-icon i { line-height:27px; }
.woo-shareicon-cnt a { text-decoration:none!important; }
.woo-overlay-cnt.no_effect{ display:none!important; }
.wg-masonry-col{ float:none!important; display:inline-block!important; }
/*Icon Styles*/
.woo-btns.woo-roundicon > div { -moz-border-radius:50%!important;-webkit-border-radius:50%!important;border-radius:50%!important; }
.woo-btns.woo-squaricon > div { -moz-border-radius:0!important;-webkit-border-radius:0!important;border-radius:0!important; }
.woo-btns.woo-radiusedicon > div { -moz-border-radius:5px!important;-webkit-border-radius:5px!important;border-radius:5px!important; }
.woo-btns.woo-nobordericon > div { border:none!important; }
/*Meta Shown*/
.woo-meta{ display:inline-block; margin-right:10px; text-transform:uppercase; }
.woo-meta .woo-meta-title{ margin-right:5px; }
.woo-meta a { text-decoration:none; text-transform:uppercase; }
.woo-meta a:hover{ text-decoration:none; }
/*New Image Method*/
.thumb-divback , .woo-secondimg{overflow:hidden; background-position:50% 50%!important; background-size:cover!important;background-clip: padding-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.thumb-divback.woo-roundimg , .woo-secondimg.woo-roundimg,.woo-overlay-cnt.woo-roundimg{ -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; }
.thumb-divback.thumb-1-1:before , .woo-secondimg.thumb-1-1:before{content: "";display: block;padding-top: 100%;}
.thumb-divback.thumb-1-2:before , .woo-secondimg.thumb-1-2:before{content: "";display: block;padding-top: 120%;}
.thumb-divback.thumb-2-1:before , .woo-secondimg.thumb-2-1:before{content: "";display: block;padding-top: 60%;}
.thumb-divback img , .woo-secondimg img{display: none !important;}
/*New Boxed Effect*/
/* Individual effects */
div.woo-mask{ padding:2em; position:absolute; width:100%; height:100%; top:0px; left:0px; z-index:99; }
/*Mask Btns*/
.woo-boxed-style .woo-mask .woo-btns{ width:100%; text-align:left; background:none!important; padding:10px 0;}
.woo-mask .woo-btns > div { display:inline-block; width: 30px;height: 30px;color: #fff;text-align: center;line-height: 30px; cursor:pointer; border:1px solid #fff; margin-right:5px; position:relative;}
.woo-mask .woo-btns div i{ line-height:30px; }
.woo-mask .woo-btns div:hover i { color:#CCC; }
/*---------------*/
/***** effect6 *****/
/*---------------*/
div.woo-gst-effect-effect6 div.woo-mask::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: -webkit-linear-gradient(top, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);
background: linear-gradient(to bottom, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);
content: '';
opacity: 0;
-webkit-transform: translate3d(0,50%,0);
transform: translate3d(0,50%,0);
}
div.woo-gst-effect-effect6 h3 {
padding:1em;
text-align:left;
position: absolute;
top: 30%;
left: 0;
width: 100%;
color: #484c61;
-webkit-transition: -webkit-transform 0.35s, color 0.35s;
transition: transform 0.35s, color 0.35s;
-webkit-transform: translate3d(0,-50%,0);
transform: translate3d(0,-50%,0);
}
div.woo-gst-effect-effect6 div.woo-mask::before,
div.woo-gst-effect-effect6 div.woo-title-meta {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
div.woo-gst-effect-effect6 div.woo-title-meta {
position: absolute;
bottom: 0px;
left: 0;
padding: 2em;
width: 100%;
opacity: 0;
text-align:left;
-webkit-transform: translate3d(0,10px,0);
transform: translate3d(0,10px,0);
}
div.woo-gst-effect-effect6:hover h3 {
color: #fff;
-webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
}
div.woo-gst-effect-effect6:hover div.woo-mask::before ,
div.woo-gst-effect-effect6:hover div.woo-title-meta {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
/*---------------*/
/***** Effect 7 *****/
/*---------------*/
div.woo-gst-effect-effect7 div.woo-mask::before {
position: absolute;
top: 20px;
right: 20px;
bottom: 20px;
left: 20px;
background:rgba(0,0,0,0.3);
content: '';
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.5s;
transition: opacity 0.35s, transform 0.5s;
-webkit-transform: translate3d(-20px,0,0);
transform: translate3d(-20px,0,0);
}
div.woo-gst-effect-effect7 div.woo-mask {
padding: 3em;
text-align: left;
}
div.woo-gst-effect-effect7 h3 {
padding: 10% 0 30px 0;
position:relative;
margin: 0!important;
}
div.woo-gst-effect-effect7 div.woo-title-meta {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-10px,0,0);
transform: translate3d(-10px,0,0);
}
div.woo-gst-effect-effect7:hover .thumb-divback {
opacity: 0.7;
}
div.woo-gst-effect-effect7:hover div.woo-mask::before,
div.woo-gst-effect-effect7:hover div.woo-title-meta {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
/*---------------*/
/***** Effect 8 *****/
/*---------------*/
div.woo-gst-effect-effect8 div.woo-mask {
padding: 3em;
text-align: left;
}
div.woo-gst-effect-effect8 div.woo-mask::before,
div.woo-gst-effect-effect8 div.woo-mask::after {
position: absolute;
top: 20px;
right: 20px;
bottom: 20px;
left: 20px;
content: '';
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
div.woo-gst-effect-effect8 div.woo-mask::before {
-webkit-transform: scale(0,1);
transform: scale(0,1);
background:rgba(0,0,0,0.4);
}
div.woo-gst-effect-effect8 div.woo-mask::after {
-webkit-transform: scale(1,0);
transform: scale(1,0);
}
div.woo-gst-effect-effect8 h3 {
padding-top: 10%;
position:relative; z-index:99999;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0,-20px,0);
transform: translate3d(0,-20px,0);
}
div.woo-gst-effect-effect8 div.woo-title-meta {
padding: 20px 0;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0,20px,0);
transform: translate3d(0,20px,0);
position:relative; z-index:99999;
}
div.woo-gst-effect-effect8:hover div.woo-mask::before,
div.woo-gst-effect-effect8:hover div.woo-mask::after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
div.woo-gst-effect-effect8:hover h3,
div.woo-gst-effect-effect8:hover div.woo-title-meta {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
/*---------------*/
/***** Effect 9 **/
/*---------------*/
div.woo-gst-effect-effect9 {
background: -webkit-linear-gradient(45deg, #989898 0%, #222222 40%, #989898 100%);
background: linear-gradient(45deg, #989898 0%,#222222 40%,#989898 100%);
-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;transition: all 0.3s ease 0s;
}
div.woo-gst-effect-effect9 div.woo-mask:hover {
background:rgba(0,0,0,0.4);
}
div.woo-gst-effect-effect9 .thumb-divback {
opacity: 0.9;
}
div.woo-gst-effect-effect9 div.woo-mask {
padding: 3em;
text-align:center;
}
div.woo-gst-effect-effect9 div.woo-mask::before {
position: absolute;
top: 20px;
right: 20px;
bottom: 20px;
left: 20px;
border: 1px solid #fff;
content: '';
}
div.woo-gst-effect-effect9 h3 {
margin: 10% 0 20px 0;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
}
div.woo-gst-effect-effect9 div.woo-mask::before,
div.woo-gst-effect-effect9 div.woo-title-meta {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(0);
transform: scale(0);
}
div.woo-gst-effect-effect9:hover h3 {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
div.woo-gst-effect-effect9:hover div.woo-mask::before,
div.woo-gst-effect-effect9:hover div.woo-title-meta {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
div.woo-gst-effect-effect9:hover div.woo-mask {
background-color: rgba(58,52,42,0);
}
div.woo-gst-effect-effect9:hover .thumb-divback {
opacity: 0.4;
}
.woo-boxed-style div.woo-gst-effect-effect9 .woo-mask .woo-btns{ text-align:center; }
/*---------------*/
/***** Effect 10 *****/
/*---------------*/
div.woo-gst-effect-effect10 div.woo-mask {
text-align: left;
-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;transition: all 0.3s ease 0s;
}
div.woo-gst-effect-effect10 div.woo-mask:hover {
background:rgba(0,0,0,0.4);
}
div.woo-gst-effect-effect10 h3,
div.woo-gst-effect-effect10 div.woo-title-meta {
position: absolute;
right: 30px;
left: 30px;
padding: 10px 0;
}
div.woo-gst-effect-effect10 div.woo-title-meta {
bottom: 30px;
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
}
div.woo-gst-effect-effect10 h3 {
top: 20px;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0,20px,0);
transform: translate3d(0,20px,0);
}
div.woo-gst-effect-effect10:hover h3 {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
div.woo-gst-effect-effect10 h3::after {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 4px;
background: #fff;
content: '';
-webkit-transform: translate3d(0,40px,0);
transform: translate3d(0,40px,0);
}
div.woo-gst-effect-effect10 h3::after,
div.woo-gst-effect-effect10 div.woo-title-meta {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
div.woo-gst-effect-effect10:hover h3::after,
div.woo-gst-effect-effect10:hover div.woo-title-meta {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
/*---------------*/
/***** Effect 11 *****/
/*---------------*/
div.woo-gst-effect-effect11 {
background: #333333;
}
div.woo-gst-effect-effect11 div.woo-mask {
padding: 1em;
-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;transition: all 0.3s ease 0s;
}
div.woo-gst-effect-effect11 div.woo-mask:hover {
background:rgba(0,0,0,0.4);
}
div.woo-gst-effect-effect11 .thumb-divback {
opacity: 1;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
div.woo-gst-effect-effect11:hover .thumb-divback {
opacity: 0.5;
}
div.woo-gst-effect-effect11 h3 {
width:100%;
text-align:right;
position: absolute;
right: 0;
bottom: 0;
padding: 1em 1.2em;
}
div.woo-gst-effect-effect11 div.woo-title-meta {
margin-top:25px;
padding: 10px 10px 0 20px;
width: 100%;
border-right: 4px solid #fff;
text-align: right;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-40px,0,0);
transform: translate3d(-40px,0,0);
}
div.woo-gst-effect-effect11:hover div.woo-title-meta {
opacity: 1;
-webkit-transform: translate3d(-20px,0,0);
transform: translate3d(-20px,0,0);
}
.woo-boxed-style div.woo-gst-effect-effect11 .woo-mask .woo-btns{ text-align:right; }
/*---------------*/
/***** Effect 12 *****/
/*---------------*/
div.woo-gst-effect-effect12{ background:#333333; }
div.woo-gst-effect-effect12:hover .thumb-divback {
opacity: 0.5;
}
div.woo-gst-effect-effect12 div.woo-mask {
padding: 3em;
text-align:center;
}
div.woo-gst-effect-effect12 div.woo-mask::before {
position: absolute;
top: 20px;
right: 20px;
bottom: 20px;
left: 20px;
border: 1px solid #fff;
content: '';
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
div.woo-gst-effect-effect12 div.woo-mask::before,
div.woo-gst-effect-effect12 div.woo-title-meta {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
div.woo-gst-effect-effect12 h3 {
position:relative;
padding: 10% 0 30px 0;
}
div.woo-gst-effect-effect12 div.woo-title-meta {
margin: 0 auto;
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
div.woo-gst-effect-effect12:hover div.woo-mask::before,
div.woo-gst-effect-effect12:hover div.woo-title-meta {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.woo-boxed-style div.woo-gst-effect-effect12 .woo-mask .woo-btns{ text-align:center; }
/*-----------------*/
/***** Effect 13 *****/
/*-----------------*/
div.woo-gst-effect-effect13 {
background: #333333;
}
div.woo-gst-effect-effect13 div.woo-mask {
padding: 2em;
}
div.woo-gst-effect-effect13 div.woo-mask::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255,255,255,0.5);
content: '';
-webkit-transition: -webkit-transform 0.6s;
transition: transform 0.6s;
-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}
div.woo-gst-effect-effect13 div.woo-title-meta {
position: absolute;
right: 0;
bottom: 0;
margin: 3em;
padding: 0 1em;
max-width: 100%;
border-right: 4px solid #fff;
text-align: right;
opacity: 0;
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}
div.woo-gst-effect-effect13 h3 {
text-align: left;
}
div.woo-gst-effect-effect13:hover .thumb-divback {
opacity: 0.5;
}
div.woo-gst-effect-effect13:hover div.woo-mask::before {
-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}
div.woo-gst-effect-effect13:hover div.woo-title-meta {
opacity: 1;
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.woo-boxed-style div.woo-gst-effect-effect13 .woo-mask .woo-btns{ text-align:right; }
/*---------------*/
/***** Effect 14 *****/
/*---------------*/
div.woo-gst-effect-effect14 {
background: #333333;
}
div.woo-gst-effect-effect14 div.woo-mask{
padding:2em;
}
div.woo-gst-effect-effect14 .thumb-divback {
opacity: 0.9;
}
div.woo-gst-effect-effect14 div.woo-mask::before {
position: absolute;
top: 20px;
right: 20px;
bottom: 20px;
left: 20px;
border: 2px solid #fff;
box-shadow: 0 0 0 30px rgba(255,255,255,0.2);
content: '';
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale3d(1.4,1.4,1);
transform: scale3d(1.4,1.4,1);
}
div.woo-gst-effect-effect14 h3 {
margin: 20% 0 10px 0;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}
div.woo-gst-effect-effect14 div.woo-title-meta {
padding: 1em;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
div.woo-gst-effect-effect14:hover h3 {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
div.woo-gst-effect-effect14:hover div.woo-mask::before,
div.woo-gst-effect-effect14:hover div.woo-title-meta {
opacity: 1;
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
}
div.woo-gst-effect-effect14:hover div.woo-mask {
background-color: rgba(58,52,42,0);
}
div.woo-gst-effect-effect14:hover .thumb-divback {
opacity: 0.5;
}
/*New Css Released*/
h3.woo-product-title {line-height: inherit!important;}
.woo-banner i { margin-right:5px; }
/*DEL/INS*/
.woogrid del{ font-size:80%; }
.woogrid ins{ text-decoration:none!important; font-weight:bold; }
/*
/////////////NEW LAYOUTS/////////////////
*/
.woo-list-layout2-cnt { }
.woo-list-layout2-cnt .woo-list-layout2-thumb{ margin-bottom:0!important; padding:0!important; }
.woo-list-layout2-cnt .woo-desc-cnt { padding:20px!important; }
.woo-list-layout2-cnt .woo-list-style2-btn{ display:inline-block; margin:10px 10px 0 0; }
.woo-list-layout2-cnt .woo-list-style2-btn a { padding:10px 30px!important; }
/*COLORED*/
.woo-colored-layout2-cnt .woo-overlay-cnt{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);height: 100%;left: 0;width: 100%;opacity: 0;position: absolute;top: 0; padding:40px 20px 20px; -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;transition: all 0.3s ease 0s;text-align:center; z-index:99;}
.woo-colored-layout2-cnt:hover .woo-overlay-cnt {opacity: 1;}
.woo-colored-layout2-cnt .woo-overlay-cnt div .woo-colored-layout2-cnt .woo-overlay-cnt h3{ visibility:hidden;}
.woo-colored-layout2-cnt:hover .woo-overlay-cnt div ,.woo-colored-layout2-cnt:hover .woo-overlay-cnt h3{ visibility:visible; }
.woo-colored-layout2-cnt .woo-overlay-cnt h3{margin-top:0; margin-bottom:5px; font-size:15px; text-transform:uppercase;}
.woo-colored-layout2-cnt .woo-overlay-cnt h3 a { color:#fff; text-decoration:none; }
.woo-colored-layout2-cnt .woo-overlay-cnt h3 a:hover{ color:#fff; }
.woo-colored-layout2-cnt .woo-overlay-cnt .woo-product-category{ margin-bottom:5px;}
.woo-colored-layout2-cnt.woo-overlay-cnt .woo-product-category a{ color:#fff; text-decoration:none;text-transform:capitalize; font-size:13px; }
.woo-colored-layout2-cnt.woo-product-desc{ font-size:14px; color:#fff; margin:10px 0; }
.woo-colored-layout2-cnt.woo-overlay-cnt .woo-product-price , .woo-colored-layout2-cnt .woo-overlay-cnt .woo-product-delprice{ font-size:15px; font-weight:bold; color:#000; background:#fff; padding:10px 0; }
.woo-colored-layout2-cnt .woo-overlay-cnt .woo-product-delprice{ margin-right:10px; }
.woo-colored-layout2-cnt .woo-overlay-cnt .woo-btns{ width:100%; text-align:center; position: absolute; top:auto; bottom: -100px;right: 0px;-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; z-index:99; background:none!important;}
.woo-colored-layout2-cnt:hover .woo-btns{ bottom:10px; }
.woo-colored-layout2-cnt .woo-overlay-cnt .woo-btns > div { display:inline-block; width: 30px;height: 30px;color: #fff;text-align: center;line-height: 30px; cursor:pointer; border:1px solid #fff; border-radius:50%; margin-right:5px; float:none;}
.woo-colored-layout2-cnt .woo-overlay-cnt .woo-btns div i{ line-height:30px; }
.woo-colored-layout2-cnt .woo-overlay-cnt .woo-btns div:hover i { color:#CCC; }
.woo-colored-layout2-cnt .woo-banner.feature-banner,.woo-colored-layout2-cnt .woo-banner.sale-banner{ z-index:9999; -webkit-border-radius:0;-moz-border-radius:0;border-radius:0 }
.woo-colored-layout2-cnt .woo-overlay-cnt .wg-star-rating { display:block; margin:0 auto; }
.woo-colored-layout2-cnt .woo-overlay-cnt .wg-woocommerce-review-link{ display:block; float:none; text-align:center; }