@charset "utf-8";
@charset "utf-8";
.panel-grid.panel-no-style,
.panel-grid.panel-has-style > .panel-row-style {
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: nowrap;
-ms-justify-content: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.panel-layout.panel-is-rtl .panel-grid.panel-no-style,
.panel-layout.panel-is-rtl .panel-grid.panel-has-style > .panel-row-style {
-ms-flex-direction: row-reverse;
-webkit-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.panel-grid-cell {
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.panel-grid-cell .panel-cell-style {
height: 100%;
}
.panel-grid-cell .so-panel {
zoom: 1;
}
.panel-grid-cell .so-panel:before {
content: '';
display: block;
}
.panel-grid-cell .so-panel:after {
content: '';
display: table;
clear: both;
}
.panel-grid-cell .panel-last-child {
margin-bottom: 0;
}
.panel-grid-cell .widget-title {
margin-top: 0;
}
body.siteorigin-panels-before-js {
overflow-x: hidden;
}
body.siteorigin-panels-before-js .siteorigin-panels-stretch {
margin-right: -1000px !important;
margin-left: -1000px !important;
padding-right: 1000px !important;
padding-left: 1000px !important;
}
  .wcps-container {
background:none repeat scroll 0 0 rgb(241, 241, 241);
overflow: hidden;
position: relative;
}
.wcps-container div.wcps-ribbon {
box-shadow: 0 2px 4px -1px rgb(51, 51, 51);
height: 24px;
left: -27px;
position: absolute;
top: 14px;
transform: rotate(-50deg);
width: 90px;
z-index: 10;
}
.wcps-container div.wcps-ribbon.wcps-ribbon-none{
background:url(//www.xn--12caaaanvccak0mya7nj9ae9kba1guaed5f3a8e2iybxnyb4g.com/wp-content/plugins/woocommerce-products-slider/assets/front/css/ribbons/none.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
display:none !important;
}
.wcps-container div.wcps-ribbon.wcps-ribbon-free{
background:url(//www.xn--12caaaanvccak0mya7nj9ae9kba1guaed5f3a8e2iybxnyb4g.com/wp-content/plugins/woocommerce-products-slider/assets/front/css/ribbons/free.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.wcps-container div.wcps-ribbon.wcps-ribbon-save{
background:url(//www.xn--12caaaanvccak0mya7nj9ae9kba1guaed5f3a8e2iybxnyb4g.com/wp-content/plugins/woocommerce-products-slider/assets/front/css/ribbons/save.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.wcps-container div.wcps-ribbon.wcps-ribbon-hot{
background:url(//www.xn--12caaaanvccak0mya7nj9ae9kba1guaed5f3a8e2iybxnyb4g.com/wp-content/plugins/woocommerce-products-slider/assets/front/css/ribbons/hot.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.wcps-container div.wcps-ribbon.wcps-ribbon-pro{
background:url(//www.xn--12caaaanvccak0mya7nj9ae9kba1guaed5f3a8e2iybxnyb4g.com/wp-content/plugins/woocommerce-products-slider/assets/front/css/ribbons/pro.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.wcps-container div.wcps-ribbon.wcps-ribbon-best{
background:url(//www.xn--12caaaanvccak0mya7nj9ae9kba1guaed5f3a8e2iybxnyb4g.com/wp-content/plugins/woocommerce-products-slider/assets/front/css/ribbons/best.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.wcps-container div.wcps-ribbon.wcps-ribbon-gift{
background:url(//www.xn--12caaaanvccak0mya7nj9ae9kba1guaed5f3a8e2iybxnyb4g.com/wp-content/plugins/woocommerce-products-slider/assets/front/css/ribbons/gift.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.wcps-container div.wcps-ribbon.wcps-ribbon-sale{
background:url(//www.xn--12caaaanvccak0mya7nj9ae9kba1guaed5f3a8e2iybxnyb4g.com/wp-content/plugins/woocommerce-products-slider/assets/front/css/ribbons/sale.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.wcps-container div.wcps-ribbon.wcps-ribbon-new{
background:url(//www.xn--12caaaanvccak0mya7nj9ae9kba1guaed5f3a8e2iybxnyb4g.com/wp-content/plugins/woocommerce-products-slider/assets/front/css/ribbons/new.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.wcps-container div.wcps-ribbon.wcps-ribbon-top{
background:url(//www.xn--12caaaanvccak0mya7nj9ae9kba1guaed5f3a8e2iybxnyb4g.com/wp-content/plugins/woocommerce-products-slider/assets/front/css/ribbons/top.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.wcps-container div.wcps-ribbon.wcps-ribbon-fresh{
background:url(//www.xn--12caaaanvccak0mya7nj9ae9kba1guaed5f3a8e2iybxnyb4g.com/wp-content/plugins/woocommerce-products-slider/assets/front/css/ribbons/fresh.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.wcps-container div.wcps-ribbon.wcps-ribbon-dis-10{
background:url(//www.xn--12caaaanvccak0mya7nj9ae9kba1guaed5f3a8e2iybxnyb4g.com/wp-content/plugins/woocommerce-products-slider/assets/front/css/ribbons/dis-10.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.wcps-container div.wcps-ribbon.wcps-ribbon-dis-20{
background:url(//www.xn--12caaaanvccak0mya7nj9ae9kba1guaed5f3a8e2iybxnyb4g.com/wp-content/plugins/woocommerce-products-slider/assets/front/css/ribbons/dis-20.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.wcps-container div.wcps-ribbon.wcps-ribbon-dis-30{
background:url(//www.xn--12caaaanvccak0mya7nj9ae9kba1guaed5f3a8e2iybxnyb4g.com/wp-content/plugins/woocommerce-products-slider/assets/front/css/ribbons/dis-30.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.wcps-container div.wcps-ribbon.wcps-ribbon-dis-40{
background:url(//www.xn--12caaaanvccak0mya7nj9ae9kba1guaed5f3a8e2iybxnyb4g.com/wp-content/plugins/woocommerce-products-slider/assets/front/css/ribbons/dis-40.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.wcps-container div.wcps-ribbon.wcps-ribbon-dis-50{
background:url(//www.xn--12caaaanvccak0mya7nj9ae9kba1guaed5f3a8e2iybxnyb4g.com/wp-content/plugins/woocommerce-products-slider/assets/front/css/ribbons/dis-50.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.wcps-container div.wcps-ribbon.wcps-ribbon-dis-60{
background:url(//www.xn--12caaaanvccak0mya7nj9ae9kba1guaed5f3a8e2iybxnyb4g.com/wp-content/plugins/woocommerce-products-slider/assets/front/css/ribbons/dis-60.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.wcps-container div.wcps-ribbon.wcps-ribbon-dis-70{
background:url(//www.xn--12caaaanvccak0mya7nj9ae9kba1guaed5f3a8e2iybxnyb4g.com/wp-content/plugins/woocommerce-products-slider/assets/front/css/ribbons/dis-70.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.wcps-container div.wcps-ribbon.wcps-ribbon-dis-80{
background:url(//www.xn--12caaaanvccak0mya7nj9ae9kba1guaed5f3a8e2iybxnyb4g.com/wp-content/plugins/woocommerce-products-slider/assets/front/css/ribbons/dis-80.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.wcps-container div.wcps-ribbon.wcps-ribbon-dis-90{
background:url(//www.xn--12caaaanvccak0mya7nj9ae9kba1guaed5f3a8e2iybxnyb4g.com/wp-content/plugins/woocommerce-products-slider/assets/front/css/ribbons/dis-90.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.wcps-container div.wcps-ribbon.wcps-ribbon-dis-100{
background:url(//www.xn--12caaaanvccak0mya7nj9ae9kba1guaed5f3a8e2iybxnyb4g.com/wp-content/plugins/woocommerce-products-slider/assets/front/css/ribbons/dis-100.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.wcps-container .owl-nav.middle {
left: 0;
position: absolute;
top: 40%;
width: 100%;
}
.wcps-container  .owl-nav.middle .owl-prev {
background: url(//www.xn--12caaaanvccak0mya7nj9ae9kba1guaed5f3a8e2iybxnyb4g.com/wp-content/plugins/woocommerce-products-slider/assets/front/css/images/arrow-prev.png) no-repeat scroll 10px 14px rgba(0, 0, 0, 0);
border: 1px solid rgb(221, 221, 221);
border-radius: 50%;
color: rgb(0, 0, 0);
height: 50px;
left: -100px;
padding: 0;
position: absolute;
top: 0;
width: 50px;
transition: all 0.6s ease 0s;
}
.wcps-container  .owl-nav.middle .owl-next {
background: url(//www.xn--12caaaanvccak0mya7nj9ae9kba1guaed5f3a8e2iybxnyb4g.com/wp-content/plugins/woocommerce-products-slider/assets/front/css/images/arrow-next.png) no-repeat scroll 10px 14px rgba(0, 0, 0, 0);
border: 1px solid rgb(221, 221, 221);
border-radius: 50%;
color: rgb(0, 0, 0);
height: 50px;
padding: 0;
position: absolute;
right: -100px;
top: 0;
width: 50px;
transition: all 0.6s ease 0s;
}
.wcps-container:hover  .owl-nav.middle .owl-prev,
.wcps-container:hover  .owl-nav.middle .owl-next {
box-shadow: 0 0 8px 0 rgb(102, 102, 102);
}
.wcps-container:hover  .owl-nav.middle .owl-prev {
left: 30px;
}
.wcps-container:hover  .owl-nav.middle .owl-next {
right: 30px;
} .wcps-container .owl-nav.middle-fixed {
left: 0;
position: absolute;
top: 40%;
width: 100%;
}
.wcps-container  .owl-nav.middle-fixed .owl-prev {
background: url(//www.xn--12caaaanvccak0mya7nj9ae9kba1guaed5f3a8e2iybxnyb4g.com/wp-content/plugins/woocommerce-products-slider/assets/front/css/images/arrow-prev.png) no-repeat scroll 10px 14px rgba(0, 0, 0, 0);
border: 1px solid rgb(221, 221, 221);
border-radius: 50%;
color: rgb(0, 0, 0);
height: 50px;
left: -30px;
padding: 0;
position: absolute;
top: 0;
width: 50px;
transition: all 0.6s ease 0s;
}
.wcps-container  .owl-nav.middle-fixed .owl-next {
background: url(//www.xn--12caaaanvccak0mya7nj9ae9kba1guaed5f3a8e2iybxnyb4g.com/wp-content/plugins/woocommerce-products-slider/assets/front/css/images/arrow-next.png) no-repeat scroll 10px 14px rgba(0, 0, 0, 0);
border: 1px solid rgb(221, 221, 221);
border-radius: 50%;
color: rgb(0, 0, 0);
height: 50px;
padding: 0;
position: absolute;
right: -30px;
top: 0;
width: 50px;
transition: all 0.6s ease 0s;
}
.wcps-container:hover  .owl-nav.middle-fixed .owl-prev,
.wcps-container:hover  .owl-nav.middle-fixed .owl-next {
box-shadow: 0 0 8px 0 rgb(102, 102, 102);
}
.wcps-container:hover  .owl-nav.middle-fixed .owl-prev {
left: -30px;
}
.wcps-container:hover  .owl-nav.middle-fixed .owl-next {
right: -30px;
} .wcps-container .owl-nav.topright  {
position: absolute;
right: 15px;
top: 15px;
}
.wcps-container  .owl-nav.topright .owl-prev {
background: url(//www.xn--12caaaanvccak0mya7nj9ae9kba1guaed5f3a8e2iybxnyb4g.com/wp-content/plugins/woocommerce-products-slider/assets/front/css/images/arrow-prev.png) repeat scroll 0 0 rgb(255, 255, 255);
border: 1px solid rgb(221, 221, 221);
border-radius: 0;
color: rgb(0, 0, 0);
height: 20px;
padding: 0;
opacity: 1;
width: 30px;
display: inline-block;
}
.wcps-container  .owl-nav.topright .owl-next {
background: url(//www.xn--12caaaanvccak0mya7nj9ae9kba1guaed5f3a8e2iybxnyb4g.com/wp-content/plugins/woocommerce-products-slider/assets/front/css/images/arrow-next.png) repeat scroll 0 0 rgb(255, 255, 255);
border: 1px solid rgb(221, 221, 221);
border-radius: 0;
color: rgb(0, 0, 0);
padding: 0;
width: 30px;
opacity: 1;
height: 20px;
display: inline-block;
}
.wcps-container  .owl-nav.topright div.owl-prev:hover{
background-image: url(//www.xn--12caaaanvccak0mya7nj9ae9kba1guaed5f3a8e2iybxnyb4g.com/wp-content/plugins/woocommerce-products-slider/assets/front/css/images/arrow-prev.png) ;
background-color:#d5d5d5 !important; }
.wcps-container  .owl-nav.topright div.owl-next:hover{
background-image: url(//www.xn--12caaaanvccak0mya7nj9ae9kba1guaed5f3a8e2iybxnyb4g.com/wp-content/plugins/woocommerce-products-slider/assets/front/css/images/arrow-next.png);
background-color:#d5d5d5 !important; }
.wcps-container .owl-dots {
margin: 30px 0 0;
text-align: center;
}
.wcps-container .owl-dots .owl-dot {
background: #869791 none repeat scroll 0 0;
border-radius: 20px;
display: inline-block;
height: 12px;
margin: 5px 7px;
opacity: 0.5;
width: 12px;
}
.wcps-container .owl-dots .owl-dot:hover,
.wcps-container .owl-dots .owl-dot.active {
opacity: 1;
}
.wcps-container div.wcps-items-sale {
background: #fff url(//www.xn--12caaaanvccak0mya7nj9ae9kba1guaed5f3a8e2iybxnyb4g.com/wp-content/plugins/woocommerce-products-slider/assets/front/css/images/sale.png) no-repeat scroll 8px 8px;
border-radius: 50%;
box-shadow: 0 0 4px -2px #000;
height: 50px;
position: absolute;
right: 10px;
top: 10px;
width: 50px;
}
.wcps-container div.wcps-featured {
background: #fff url(//www.xn--12caaaanvccak0mya7nj9ae9kba1guaed5f3a8e2iybxnyb4g.com/wp-content/plugins/woocommerce-products-slider/assets/front/css/images/featured.png) no-repeat scroll 4px 4px;
border-radius: 50%;
box-shadow: 0 0 2px 0 #999;
color: rgb(255, 255, 255);
font-size: 12px;
height: 40px;
left: 10px;
padding: 0;
position: absolute;
top: 10px;
width: 40px;
}
.wcps-container div.wcps-sale {
background: url(//www.xn--12caaaanvccak0mya7nj9ae9kba1guaed5f3a8e2iybxnyb4g.com/wp-content/plugins/woocommerce-products-slider/assets/front/css/images/sale.png) no-repeat scroll 0 center rgb(241, 241, 241);
box-shadow: 0 1px 6px -3px rgb(153, 153, 153);
color: rgb(255, 255, 255);
font-size: 12px;
height: 30px;
padding: 0;
position: absolute;
right: -30px;
top: 0;
transform: rotate(45deg);
width: 90px;
}
.wcps-container .stars-list {
display: inline;
position: relative;
text-align: left;
}
.wcps-container .stars-list .stars {
left: 0;
overflow: hidden;
}
.wcps-container .stars-list .stars i {
display: inline-block;
margin-top: 3px;
vertical-align: top;
}
.wcps-container .stars-list .star-length {
float: left;
height: 33px;
left: 0;
overflow: hidden;
position: absolute;
top: 0;
}
.wcps-container .stars-list .star-length i {
display: inline-block;
top: 0;
vertical-align: top;
}
.wcps-container .wcps-items-rating{
color:#ffe400;
}
.wcps-container .wcps-zoom {
background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
height: 100%;
left: 0;
opacity: 0;
position: absolute;
text-align: center;
top: 0;
transition: all 0.3s ease 0s;
width: 100%;
}
.wcps-container .wcps-items:hover .wcps-zoom {
opacity: 1;
}
.wcps-container .wcps-zoom .fa {
background: #fff none repeat scroll 0 0;
border-radius: 50%;
box-shadow: 0 0 4px 0 #333;
color: #999;
cursor: pointer;
font-size: 35px;
margin-top: 30%;
padding: 10px;
}
.wcps-container .wcps-zoom-thumb {
background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
display: none;
height: 100%;
left: 0;
overflow-y: scroll;
position: fixed;
text-align: center;
top: 0;
width: 100%;
z-index: 2147483647;
}
.wcps-container .wcps-zoom-thumb img {
margin: 50px 0;
}
.wcps-container .wcps-zoom-thumb .wcps-zoom-colse {
background: #ff5028 none repeat scroll 0 0;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 16px;
height: 26px;
margin-top: 50px;
position: relative;
text-align: center;
vertical-align: top;
width: 28px;
}
.wcps-container .wcps-items {
background: rgb(255, 255, 255) none repeat scroll 0 0;
margin: 0 10px;
overflow: hidden;
padding: 0;
position: relative;
}
.wcps-container  div.wcps-items div.wcps-items-thumb {
line-height: 0;
overflow: hidden;
position: relative;
text-align: center;
}
.wcps-container  div.wcps-items div.wcps-items-thumb a {
color: rgb(255, 255, 255);
margin: 0;
padding: 0;
text-decoration: none;
width: 100%
}
.wcps-container  div.wcps-items div.wcps-items-thumb img {
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
margin: 0;
padding: 0;
width: 100%
}
.wcps-container  .wcps-terms {
display: none;
padding: 2px 10px 2px 25px;
text-align: center
}
.wcps-container  .wcps-items-title {
padding: 10px 12px;
text-align: left;
}
.wcps-container  .wcps-items-title a {
font-size: 16px;
font-weight: bold;
line-height: normal;
text-decoration: none;
}
.wcps-container  .wcps-items-excerpt {
font-size: 14px;
padding: 10px 12px;
text-align: left;
}
.wcps-container  .wcps-items-category {
padding: 5px 12px;
}
.wcps-container  .wcps-items-category a {
text-decoration: none;
}
.wcps-container  .wcps-items-rating {
padding: 5px 12px;
}
.wcps-container  .wcps-items-rating .star-rating{
font-size:1.5em;
}
.wcps-container  .wcps-items div.wcps-items-price {
padding: 5px 12px;
text-align: left;
}
.wcps-container  .wcps-items-price ins {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0)
}
.wcps-container  .wcps-items-cart {
padding: 10px 12px;
text-align: left;
}
.wcps-container .wcps-items div.wcps-items-cart p {
border: medium none !important;
margin: 0 !important;
padding: 0 !important
}
.wcps-container .wcps-items div.wcps-items-cart.custom span.amount {
font-size: 15px;
line-height: 15px
}
.wcps-container  .wcps-items div.wcps-items-cart .amount, .wcps-container  div.wcps-items div.wcps-items-cart del, .wcps-container  div.wcps-items .wcps-items-cart ins, .wcps-container  div.wcps-items div.wcps-items-cart .woocommerce-price-suffix {
display: none
}
.wcps-container  .wcps-items div.wcps-items-cart.custom a.add_to_cart_button {
background: none repeat scroll 0 0 rgb(13, 225, 133);
border: medium none;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
font-size: 12px;
line-height: 12px;
margin: 0;
padding: 10px 15px;
text-shadow: none
}
.wcps-container  .wcps-items div.wcps-items-cart.custom a.added_to_cart {
background: none repeat scroll 0 0 rgb(13, 225, 133);
border: medium none;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
color: rgb(68, 68, 68);
font-size: 12px;
line-height: 12px;
margin-top: 15px;
padding: 10px 15px;
text-decoration: none;
text-shadow: none
}
.wcps-container  .wcps-items div.wcps-items-cart a.added {
display: none
}
  .skin.flat {
vertical-align: top;
}
.skin.flat .layer-media{}
.skin.flat .layer-content {
padding: 5px 10px;
}
.skin.flat .layer-hover {
display: none;
} .skin.flip-x {
overflow: hidden;
padding: 0;
perspective: 600px;
position: relative;
vertical-align: top;
width: 100%;
}
.skin.flip-x:hover .layer-media {
transform: rotateX(180deg);
z-index: 900;
}
.skin.flip-x .layer-media {
backface-visibility: hidden;
float: none;
height: inherit;
left: 0;
text-align: center;
top: 0;
transform: rotateX(0deg) rotateY(0deg);
transform-style: preserve-3d;
transition: all 0.4s ease-in-out 0s;
width: inherit;
z-index: 900;
}
.skin.flip-x:hover .layer-content  {
transform: rotateX(0deg) rotateY(0deg);
z-index: 1000;
}
.skin.flip-x .layer-content {
backface-visibility: hidden;
float: none;
height: inherit;
left: 0;
padding: 0;
position: absolute;
top: 0;
transform: rotateX(-179deg);
transform-style: preserve-3d;
transition: all 0.4s ease-in-out 0s;
width: inherit;
z-index: 800;
}
.skin.flip-x .layer-hover {
display: none;
} .skin.flip-y {
overflow: hidden;
padding: 0;
perspective: 600px;
position: relative;
vertical-align: top;
width: 100%;
}
.skin.flip-y:hover .layer-media {
transform: rotateY(180deg);
z-index: 900;
}
.skin.flip-y .layer-media {
backface-visibility: hidden;
float: none;
height: inherit;
left: 0;
text-align: center;
top: 0;
transform: rotateX(0deg) rotateY(0deg);
transform-style: preserve-3d;
transition: all 0.4s ease-in-out 0s;
width: inherit;
z-index: 900;
}
.skin.flip-y:hover .layer-content  {
transform: rotateX(0deg) rotateY(0deg);
z-index: 1000;
}
.skin.flip-y .layer-content {
backface-visibility: hidden;
float: none;
height: inherit;
left: 0;
position: absolute;
top: 0;
transform: rotateY(-179deg);
transform-style: preserve-3d;
transition: all 0.4s ease-in-out 0s;
width: inherit;
z-index: 800;
}
.skin.flip-y .layer-hover {
display: none;
} .skin.zoomin {
overflow: hidden;
position: relative;
vertical-align: top;
}
.skin.zoomin:hover .layer-media {
transform: scale(1.5);
opacity: 0;
}
.skin.zoomin .layer-media {
transition: all 1s ease 0s;
left: 0;
top: 0;
width: 100%;
}
.skin.zoomin:hover .layer-content{
opacity: 1;
}
.skin.zoomin .layer-content {
opacity: 0;
position: absolute;
top: 0;
width: 100%;
transition: all 1s ease 0s;
}
.skin.zoomin .layer-hover {
display: none;
} .skin.zoomout {
overflow: hidden;
position: relative;
vertical-align: top;
}
.skin.zoomout:hover .layer-media {
transform: scale(0);
opacity: 0;
}
.skin.zoomout .layer-media {
transition: all 1s ease 0s;
left: 0;
top: 0;
width: 100%;
}
.skin.zoomout:hover .layer-content{
opacity: 1;
}
.skin.zoomout .layer-content {
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
transition: all 1s ease 0s;
}
.skin.zoomout .layer-hover {
display: none;
} .skin.spinright {
overflow: hidden;
position: relative;
vertical-align: top;
}
.skin.spinright:hover .layer-media {
transform: rotate(30deg);
opacity: 0;
}
.skin.spinright .layer-media {
transition: all 1s ease 0s;
left: 0;
top: 0;
width: 100%;
}
.skin.spinright:hover .layer-content{
opacity: 1;
}
.skin.spinright .layer-content {
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
transition: all 1s ease 0s;
}
.skin.spinright .layer-hover {
display: none;
} .skin.spinrightzoom {
overflow: hidden;
position: relative;
vertical-align: top;
}
.skin.spinrightzoom:hover .layer-media {
opacity: 0.6;
transform: rotate(20deg) scale(1.5);
}
.skin.spinrightzoom .layer-media {
transition: all 1s ease 0s;
left: 0;
top: 0;
width: 100%;
}
.skin.spinrightzoom:hover .layer-content{
opacity: 1;
}
.skin.spinrightzoom .layer-content {
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
transition: all 1s ease 0s;
}
.skin.spinrightzoom .layer-hover {
display: none;
} .skin.spinleft {
overflow: hidden;
position: relative;
vertical-align: top;
}
.skin.spinleft:hover .layer-media {
transform: rotate(-30deg);
opacity: 0;
}
.skin.spinleft .layer-media {
transition: all 1s ease 0s;
left: 0;
top: 0;
width: 100%;
}
.skin.spinleft:hover .layer-content{
opacity: 1;
}
.skin.spinleft .layer-content {
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
transition: all 1s ease 0s;
}
.skin.spinleft .layer-hover {
display: none;
} .skin.spinleftzoom {
overflow: hidden;
position: relative;
vertical-align: top;
}
.skin.spinleftzoom:hover .layer-media {
opacity: 0.7;
transform: rotate(-30deg) scale(1.5);
}
.skin.spinleftzoom .layer-media {
transition: all 1s ease 0s;
left: 0;
top: 0;
width: 100%;
}
.skin.spinleftzoom:hover .layer-content{
opacity: 1;
}
.skin.spinleftzoom .layer-content {
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
transition: all 1s ease 0s;
}
.skin.spinleftzoom .layer-hover {
display: none;
} .skin.spinrightfast {
overflow: hidden;
position: relative;
vertical-align: top;
}
.skin.spinrightfast:hover .layer-media {
transform: rotate(180deg);
opacity: 0;
}
.skin.spinrightfast .layer-media {
transition: all 1s ease 0s;
left: 0;
top: 0;
width: 100%;
}
.skin.spinrightfast:hover .layer-content{
opacity: 1;
}
.skin.spinrightfast .layer-content {
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
transition: all 1s ease 0s;
}
.skin.spinrightfast .layer-hover {
display: none;
} .skin.spinleftfast {
overflow: hidden;
position: relative;
vertical-align: top;
}
.skin.spinleftfast:hover .layer-media {
transform: rotate(-180deg);
opacity: 0;
}
.skin.spinleftfast .layer-media {
transition: all 1s ease 0s;
left: 0;
top: 0;
width: 100%;
}
.skin.spinleftfast:hover .layer-content{
opacity: 1;
}
.skin.spinleftfast .layer-content {
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
transition: all 1s ease 0s;
}
.skin.spinleftfast .layer-hover {
display: none;
} .skin.thumbgoleft {
overflow: hidden;
position: relative;
vertical-align: top;
}
.skin.thumbgoleft:hover .layer-media {
opacity: 0;
transform: scale(0.5) translateX(-100%);
}
.skin.thumbgoleft .layer-media {
transition: all 1s ease 0s;
width: 100%;
}
.skin.thumbgoleft:hover .layer-content{
opacity: 1;
}
.skin.thumbgoleft .layer-content {
left: 0;
opacity: 0;
position: absolute;
top: 0;
transition: all 1s ease 0s;
}
.skin.thumbgoleft .layer-hover {
display: none;
} .skin.thumbgoright {
overflow: hidden;
position: relative;
vertical-align: top;
}
.skin.thumbgoright:hover .layer-media {
opacity: 0;
transform: scale(0.5) translateX(100%);
}
.skin.thumbgoright .layer-media {
transition: all 1s ease 0s;
width: 100%;
}
.skin.thumbgoright:hover .layer-content{
opacity: 1;
}
.skin.thumbgoright .layer-content {
left: 0;
opacity: 0;
position: absolute;
top: 0;
transition: all 1s ease 0s;
}
.skin.thumbgoright .layer-hover {
display: none;
} .skin.thumbgotop {
overflow: hidden;
position: relative;
vertical-align: top;
}
.skin.thumbgotop:hover .layer-media {
opacity: 0;
top: -100%;
transform: translateY(-100%) scale(0.6);
}
.skin.thumbgotop .layer-media {
transition: all 1s ease 0s;
width: 100%;
}
.skin.thumbgotop:hover .layer-content{
opacity: 1;
}
.skin.thumbgotop .layer-content {
left: 0;
opacity: 0;
position: absolute;
top: 0;
transition: all 1s ease 0s;
}
.skin.thumbgotop .layer-hover {
display: none;
} .skin.thumbgobottom {
overflow: hidden;
position: relative;
vertical-align: top;
}
.skin.thumbgobottom:hover .layer-media {
bottom: -100%;
opacity: 0;
transform: scale(0.5) translateY(100%);
}
.skin.thumbgobottom .layer-media {
transition: all 1s ease 0s;
width: 100%;
}
.skin.thumbgobottom:hover .layer-content{
opacity: 1;
}
.skin.thumbgobottom .layer-content {
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
transition: all 1s ease 0s;
}
.skin.thumbgobottom .layer-hover {
display: none;
} .skin.thumbmiddle {
overflow: hidden;
position: relative;
vertical-align: top;
}
.skin.thumbmiddle:hover .layer-media {
transform: scale(0.9);
opacity: 0.3;
z-index:9;
}
.skin.thumbmiddle .layer-media {
transition: all 0.4s ease 0s;
left: 0;
top: 0;
width: 100%;
}
.skin.thumbmiddle:hover .layer-content{
opacity: 1;
z-index:10;
transform: scale(0.9);
padding:5px;
}
.skin.thumbmiddle .layer-content {
left: 0;
opacity: 0;
position: absolute;
top: 0;
transition: all 1s ease 0s;
width: 100%;
}
.skin.thumbmiddle .layer-hover {
display: none;
} .skin.thumbskew {
overflow: hidden;
position: relative;
vertical-align: top;
}
.skin.thumbskew:hover .layer-media {
transform: scale(0.9) skew(5deg);
opacity: 0.3;
z-index:9;
}
.skin.thumbskew .layer-media {
transition: all 0.4s ease 0s;
left: 0;
top: 0;
width: 100%;
}
.skin.thumbskew:hover .layer-content{
opacity: 1;
z-index:10;
transform: scale(0.9) ;
padding:5px;
}
.skin.thumbskew .layer-content {
left: 0;
opacity: 0;
position: absolute;
top: 0;
transition: all 1s ease 0s;
width: 100%;
}
.skin.thumbskew .layer-hover {
display: none;
} .skin.contentbottom {
overflow: hidden;
position: relative;
vertical-align: top;
}
.skin.contentbottom:hover .layer-media {
z-index:9;
}
.skin.contentbottom .layer-media {
transition: all 0.4s ease 0s;
left: 0;
top: 0;
width: 100%;
}
.skin.contentbottom:hover .layer-content{
}
.skin.contentbottom .layer-content {
background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
bottom: 0;
color: rgb(255, 255, 255);
left: 0;
position: absolute;
transition: all 1s ease 0s;
width: 100%;
}
.skin.contentbottom .layer-hover {
display: none;
} .skin.contentmiddle {
overflow: hidden;
position: relative;
vertical-align: top;
}
.skin.contentmiddle:hover .layer-media {
z-index:9;
}
.skin.contentmiddle .layer-media {
transition: all 0.4s ease 0s;
left: 0;
top: 0;
width: 100%;
}
.skin.contentmiddle:hover .layer-content{
}
.skin.contentmiddle .layer-content {
background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
bottom: 50%;
color: rgb(255, 255, 255);
left: 0;
position: absolute;
transform: translate(0px, 50%);
width: 100%;
}
.skin.contentmiddle .layer-hover {
display: none;
} .skin.contentinbottom {
overflow: hidden;
position: relative;
vertical-align: top;
}
.skin.contentinbottom:hover .layer-media {
z-index:9;
}
.skin.contentinbottom .layer-media {
transition: all 0.4s ease 0s;
left: 0;
top: 0;
width: 100%;
}
.skin.contentinbottom:hover .layer-content {
bottom: 0;
}
.skin.contentinbottom .layer-content {
background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
bottom: -100%;
color: rgb(255, 255, 255);
left: 0;
position: absolute;
transition: all 0.5s ease 0s;
width: 100%;
}
.skin.contentinbottom .layer-hover {
display: none;
} .skin.contentinleft {
overflow: hidden;
position: relative;
vertical-align: top;
}
.skin.contentinleft:hover .layer-media {
z-index:9;
}
.skin.contentinleft .layer-media {
transition: all 0.4s ease 0s;
left: 0;
top: 0;
width: 100%;
}
.skin.contentinleft:hover .layer-content {
left: 0;
}
.skin.contentinleft .layer-content {
background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
color: rgb(255, 255, 255);
height: 100%;
left: -100%;
position: absolute;
top: 0;
transition: all 0.5s ease 0s;
width: 100%;
}
.skin.contentinleft .layer-hover {
display: none;
} .skin.contentinright {
overflow: hidden;
position: relative;
vertical-align: top;
}
.skin.contentinright:hover .layer-media {
z-index:9;
}
.skin.contentinright .layer-media {
transition: all 0.4s ease 0s;
left: 0;
top: 0;
width: 100%;
}
.skin.contentinright:hover .layer-content {
left: 0;
}
.skin.contentinright .layer-content {
background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
color: rgb(255, 255, 255);
height: 100%;
left: 100%;
position: absolute;
top: 0;
transition: all 0.5s ease 0s;
width: 100%;
}
.skin.contentinright .layer-hover {
display: none;
} .skin.thumbgoleftconetntinright {
overflow: hidden;
position: relative;
vertical-align: top;
}
.skin.thumbgoleftconetntinright:hover .layer-media {
transform: translateX(-100%);
}
.skin.thumbgoleftconetntinright .layer-media {
transition: all 0.4s ease 0s;
left: 0;
top: 0;
width: 100%;
}
.skin.thumbgoleftconetntinright:hover .layer-content {
left: 0;
}
.skin.thumbgoleftconetntinright .layer-content {
height: 100%;
left: 100%;
position: absolute;
top: 0;
transition: all 0.5s ease 0s;
width: 100%;
}
.skin.thumbgoleftconetntinright .layer-hover {
display: none;
} .skin.thumbgobottomconetntinright {
overflow: hidden;
position: relative;
vertical-align: top;
}
.skin.thumbgobottomconetntinright:hover .layer-media {
transform: translateY(100%);
}
.skin.thumbgobottomconetntinright .layer-media {
transition: all 0.4s ease 0s;
left: 0;
top: 0;
width: 100%;
}
.skin.thumbgobottomconetntinright:hover .layer-content {
left: 0;
}
.skin.thumbgobottomconetntinright .layer-content {
height: 100%;
left: 100%;
position: absolute;
top: 0;
transition: all 0.5s ease 0s;
width: 100%;
}
.skin.thumbgobottomconetntinright .layer-hover {
display: none;
} .skin.thumbgotopconetntinright {
overflow: hidden;
position: relative;
vertical-align: top;
}
.skin.thumbgotopconetntinright:hover .layer-media {
transform: translateY(-100%);
}
.skin.thumbgotopconetntinright .layer-media {
transition: all 0.4s ease 0s;
left: 0;
top: 0;
width: 100%;
}
.skin.thumbgotopconetntinright:hover .layer-content {
left: 0;
}
.skin.thumbgotopconetntinright .layer-content {
height: 100%;
left: 100%;
position: absolute;
top: 0;
transition: all 0.5s ease 0s;
width: 100%;
}
.skin.thumbgotopconetntinright .layer-hover {
display: none;
} .skin.thumbgorightconetntinright {
overflow: hidden;
position: relative;
vertical-align: top;
}
.skin.thumbgorightconetntinright:hover .layer-media {
transform: translateX(100%);
}
.skin.thumbgorightconetntinright .layer-media {
transition: all 0.4s ease 0s;
left: 0;
top: 0;
width: 100%;
}
.skin.thumbgorightconetntinright:hover .layer-content {
left: 0;
}
.skin.thumbgorightconetntinright .layer-content {
height: 100%;
left: 100%;
position: absolute;
top: 0;
transition: all 0.5s ease 0s;
width: 100%;
}
.skin.thumbgorightconetntinright .layer-hover {
display: none;
} .skin.halfthumbleft {
overflow: hidden;
vertical-align: top;
}
.skin.halfthumbleft .layer-media {
display: inline-block;
float: left;
vertical-align: top;
width: 49%;
}
.skin.halfthumbleft .layer-content {
display: inline-block;
float: right;
width: 49%;
}
.skin.halfthumbleft .layer-hover {
display: none;
} .skin.halfthumbright {
overflow: hidden;
vertical-align: top;
}
.skin.halfthumbright .layer-media {
display: inline-block;
float: right;
vertical-align: top;
width: 49%;
}
.skin.halfthumbright .layer-content {
display: inline-block;
width: 49%;
}
.skin.halfthumbright .layer-hover {
display: none;
} .skin.thumbright{}
.skin.thumbright .layer-media{}
.skin.thumbright .layer-content{}
.skin.thumbright .layer-hover{} .skin.thumbrounded{}
.skin.thumbrounded .layer-media {
border-radius: 50%;
overflow: hidden;
}
.skin.thumbrounded .layer-media .thumb {
height:240px;
}
.skin.thumbrounded .layer-content{}
.skin.thumbrounded .layer-hover {
display: none;
}