@charset "utf-8";
.panel-grid.panel-has-style>.panel-row-style,.panel-grid.panel-no-style{display:flex;-ms-flex-wrap:wrap;flex-wrap:nowrap;-ms-justify-content:space-between;justify-content:space-between}.panel-grid .so-parallax{position:relative}.panel-grid .so-parallax>:not(.simpleParallax){position:relative;z-index:1}.panel-grid .so-parallax .simpleParallax{overflow:hidden}.panel-grid .so-parallax .simpleParallax,.panel-grid .so-parallax img[data-siteorigin-parallax]{bottom:0;left:0;position:absolute;right:0;top:0;width:100%;z-index:0}.panel-background-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.panel-has-overlay .panel-cell-style,.panel-has-overlay .panel-row-style,.panel-has-overlay .panel-widget-style{overflow:hidden;position:relative;z-index:1}.panel-layout.panel-is-rtl .panel-grid.panel-has-style>.panel-row-style,.panel-layout.panel-is-rtl .panel-grid.panel-no-style{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.panel-grid-cell{-ms-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:not(.siteorigin-panels-css-container){overflow-x:hidden}body.siteorigin-panels-before-js:not(.siteorigin-panels-css-container) .siteorigin-panels-stretch{margin-right:-1000px!important;margin-left:-1000px!important;padding-right:1000px!important;padding-left:1000px!important}.sow-cta-base{zoom:1}.sow-cta-base:before{content:'';display:block}.sow-cta-base:after{content:'';display:table;clear:both}.sow-cta-base .sow-cta-text .sow-cta-title,.sow-cta-base .sow-cta-text .sow-cta-subtitle,.sow-cta-base .sow-cta-text p{margin:.4em 0}.sow-cta-base .sow-cta-text .sow-cta-title{margin-top:0}.sow-cta-base .sow-cta-text .sow-cta-subtitle,.sow-cta-base .sow-cta-text p{margin-bottom:0;font-weight:normal}@media screen and (max-width:640px){.sow-cta-base{text-align:center;padding:1.75em}.sow-cta-base .sow-cta-text{float:none}}.so-widget-sow-cta-default-a23258021f70-60 .sow-cta-base {
padding: 2em 2.5em;
border: 1px solid #e3e3e3;
background-color: #f8f8f8;
}
.so-widget-sow-cta-default-a23258021f70-60 .sow-cta-base .sow-cta-text {
float: left;
}
.so-widget-sow-cta-default-a23258021f70-60 .sow-cta-base .so-widget-sow-button {
float: right;
margin-left: 1em;
}
@media (max-width: 780px) {
.so-widget-sow-cta-default-a23258021f70-60 .sow-cta-base .sow-cta-wrapper .so-widget-sow-button {
margin-right: 0;
margin-left: 0;
}
}
.so-widget-sow-cta-default-a23258021f70-60 .sow-cta-base .sow-cta-wrapper::after {
clear: both;
content: "";
display: table;
}.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent; position: relative;
z-index: 1; }
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y; }
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0; }
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none; }
.owl-carousel .owl-item img {
display: block;
width: 100%;
-webkit-transform-style: preserve-3d; }
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
display: none; }
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.owl-carousel.owl-loaded {
display: block; }
.owl-carousel.owl-loading {
opacity: 0;
display: block; }
.owl-carousel.owl-hidden {
opacity: 0; }
.owl-carousel.owl-refresh .owl-item {
display: none; }
.owl-carousel.owl-drag .owl-item {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.owl-carousel.owl-grab {
cursor: move;
cursor: grab; }
.owl-carousel.owl-rtl {
direction: rtl; }
.owl-carousel.owl-rtl .owl-item {
float: right; } .no-js .owl-carousel {
display: block; } .owl-carousel .animated {
-webkit-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both; }
.owl-carousel .owl-animated-in {
z-index: 0; }
.owl-carousel .owl-animated-out {
z-index: 1; }
.owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut; }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } } .owl-height {
transition: height 500ms ease-in-out; } .owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity 400ms ease; }
.owl-carousel .owl-item img.owl-lazy {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d; } .owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000; }
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(//www.hetmosterdzaadje.nl/wp-content/plugins/team/assets/front/css/owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: -webkit-transform 100ms ease;
transition: transform 100ms ease; }
.owl-carousel .owl-video-play-icon:hover {
-webkit-transform: scale(1.3, 1.3);
-ms-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3); }
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none; }
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity 400ms ease; }
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%; }.owl-theme .owl-controls{
margin-top: 10px;
text-align: center;
} .owl-theme .owl-controls .owl-buttons div{
color: #FFF;
display: inline-block;
zoom: 1;
*display: inline; margin: 5px;
padding: 3px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
background: #869791;
filter: Alpha(Opacity=50); opacity: 0.5;
}  .owl-theme .owl-controls.clickable .owl-buttons div:hover{
filter: Alpha(Opacity=100); opacity: 1;
text-decoration: none;
} .owl-theme .owl-controls .owl-page{
display: inline-block;
zoom: 1;
*display: inline; }
.owl-theme .owl-controls .owl-page span{
display: block;
width: 12px;
height: 12px;
margin: 5px 7px;
filter: Alpha(Opacity=50); opacity: 0.5;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background: #869791;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
filter: Alpha(Opacity=100); opacity: 1;
} .owl-theme .owl-controls .owl-page span.owl-numbers{
height: auto;
width: auto;
color: #FFF;
padding: 2px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
} .owl-item.loading{
min-height: 150px;
background: url(//www.hetmosterdzaadje.nl/wp-content/plugins/team/assets/front/css/AjaxLoader.gif) no-repeat center center
}.team-container {
width: 100%
}
.team-container .team-filter {
display: block;
padding: 30px 0;
text-align: center;
}
.team-container .team-filter .filter {
background: rgba(153, 153, 153, 0.4) none repeat scroll 0 0;
color: rgb(68, 68, 68);
cursor: pointer;
display: inline-block;
font-size: 14px;
line-height: 1em;
margin: 5px;
padding: 10px 15px;
}
.team-container .team-filter .filter:hover, .team-container .team-filter .filter.active {
background: rgba(153, 153, 153, 0.8) none repeat scroll 0 0;
}
.team-container .team-items{}
.team-container .team-items .item {
background: #fff none repeat scroll 0 0;
display: inline-block;
vertical-align: top;
}
.team-container .layer-media{}
.team-container .layer-media .team-thumb {
overflow: hidden;
}
.team-container .layer-media img {
border-radius: 0;
box-shadow: none;
width:100%;
margin:0;
padding:0;
}
.team-container .layer-content{}
.team-container .layer-content .team-title {
font-size: 18px;
font-weight: bold;
padding: 0 10px 10px;
}
.team-container .layer-content .team-position{
padding: 0 10px 10px;
}
.team-container .layer-content .team-content{
padding: 0 10px 10px;
}
.team-container .layer-content .team-meta{
padding: 0 10px 10px;
}
.team-container .team-social {
padding: 0 10px 10px;
}
.team-container .team-skill {
padding: 0 10px 10px;
}
.team-container .team-social {
}
.team-container .team-social.text_link{
}
.team-container .team-social.text_link span {
display: inline-block;
margin: 0 5px;
}
.team-container .team-social.text_link span a{
text-decoration: none;
}
.team-container .team-social span {
-webkit-background-size: 100% auto !important;
background-size: 100% auto !important;
display: inline-block;
height: 20px;
margin: 0 2px;
width: 20px
}
.team-container .team-social a {
display: block;
height: 100%;
width: 100%
} .team-container .team-social.flat span {
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0
}
.team-container .team-social.rounded span {
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%
}
.team-container .team-social.rounded-border span {
border: 2px solid rgba(176, 176, 176, 0.5);
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%
}
.team-container .team-social.semi-rounded span {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 5px
}
.team-container .team-social .website {
background: url(//www.hetmosterdzaadje.nl/wp-content/plugins/team/assets/front/css/icons/website.png) repeat scroll 0 0 rgba(0, 0, 0, 0)
}
.team-container .team-social .email {
background: url(//www.hetmosterdzaadje.nl/wp-content/plugins/team/assets/front/css/icons/email.png) repeat scroll 0 0 rgba(0, 0, 0, 0)
}
.team-container .team-social .skype {
background: url(//www.hetmosterdzaadje.nl/wp-content/plugins/team/assets/front/css/icons/skype.png) repeat scroll 0 0 rgba(0, 0, 0, 0)
}
.team-container .team-social .mobile {
background: url(//www.hetmosterdzaadje.nl/wp-content/plugins/team/assets/front/css/icons/mobile.png) repeat scroll 0 0 rgba(0, 0, 0, 0)
}
.team-container .team-social .facebook {
background: url(//www.hetmosterdzaadje.nl/wp-content/plugins/team/assets/front/css/icons/facebook.png) repeat scroll 0 0 rgba(0, 0, 0, 0)
}
.team-container .team-social .twitter {
background: url(//www.hetmosterdzaadje.nl/wp-content/plugins/team/assets/front/css/icons/twitter.png) repeat scroll 0 0 rgba(0, 0, 0, 0)
}
.team-container .team-social .googleplus {
background: url(//www.hetmosterdzaadje.nl/wp-content/plugins/team/assets/front/css/icons/googleplus.png) repeat scroll 0 0 rgba(0, 0, 0, 0)
}
.team-container .team-social .pinterest {
background: url(//www.hetmosterdzaadje.nl/wp-content/plugins/team/assets/front/css/icons/pinterest.png) repeat scroll 0 0 rgba(0, 0, 0, 0)
}
.team-container .team-social .linkedin {
background: url(//www.hetmosterdzaadje.nl/wp-content/plugins/team/assets/front/css/icons/linkedin.png) repeat scroll 0 0 rgba(0, 0, 0, 0)
}	
.team-container .team-social .vimeo {
background: url(//www.hetmosterdzaadje.nl/wp-content/plugins/team/assets/front/css/icons/vimeo.png) repeat scroll 0 0 rgba(0, 0, 0, 0)
}	
.team-container .team-social .instagram {
background: url(//www.hetmosterdzaadje.nl/wp-content/plugins/team/assets/front/css/icons/instagram.png) repeat scroll 0 0 rgba(0, 0, 0, 0)
} .team-container .team-skill {
}
.team-container .team-skill .skill {
color: rgb(51, 51, 51);
font-size: 11px;
margin: 6px 0;
}
.team-container .team-skill .bars {
background: rgb(57, 159, 231) none repeat scroll 0 0;
height: 8px;
} .team-container .paginate {
padding: 30px;
text-align: center;
}
.team-container .paginate .page-numbers, .team-container .paginate .pager {
background: rgb(31, 191, 69) none repeat scroll 0 0;
color: rgb(255, 255, 255);
cursor: pointer;
display: inline-block;
font-size: 14px;
line-height: 1em;
margin: 3px 0;
padding: 10px 15px;
text-decoration: none;
}
.team-container .paginate .page-numbers:hover,  .team-container .paginate .pager:hover{
background: none repeat scroll 0 0 rgb(14, 140, 44)
}
.team-container .paginate .current,  .team-container .paginate .pager.active{
background: none repeat scroll 0 0 rgb(14, 140, 44)
} .team-popup-box {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
display: none;
height: 100%;
left: 0;
position: fixed;
text-align: center;
top: 0;
width: 100%;
z-index: 2147483647
}
.team-popup-box .team-slide {
background: none repeat scroll 0 0 rgb(255, 255, 255);
display: none;
height: 80%;
margin-bottom: 10px;
margin-top: 65px;
overflow-y: scroll;
padding: 20px;
position: relative;
text-align: left;
width: 80%
}
.team-popup-box .team-slide-thumb {
display: inline-block;
vertical-align: top;
width: 45%
}
.team-popup-box .team-slide-thumb img {
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none
}
.team-popup-box .team-slide-title {
display: inline-block;
font-size: 18px;
font-weight: bold;
padding: 5px 0
}
.team-popup-box .team-slide-position {
clear: both;
display: inline-block;
font-size: 13px;
font-style: italic;
padding: 5px 0 5px 20px
}
.team-popup-box hr {
margin: 0 0 15px;
padding: 0
}
.team-popup-box .team-slide-content {
display: inline-block;
font-size: 13px;
padding: 0 20px;
width: 45%
}
.team-container .team-popup-box .close, .team-container .popup-slider .itemsqq .close{
background: rgba(0, 0, 0, 0.51) url(//www.hetmosterdzaadje.nl/wp-content/plugins/team/assets/front/css/images/cross-mark.png) no-repeat scroll 7px 7px;
cursor: pointer;
display: inline-block;
height: 30px;
position: absolute;
right: 0;
text-align: center;
top: 0;
vertical-align: top;
width: 30px;
}
@media only screen and (max-width: 700px) {
.team-popup-box .team-slide {
max-height: 300px;
width: 80%
}
.team-popup-box .team-slide-content {
padding: 20px 0;
width: 90%
}
}
.team-container .popup-slider {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
height: 100%;
left: 0;
position: fixed;
text-align: center;
top: 0;
width: 100%;
z-index: 2147483647;
display:none;
}
.team-container .popup-slider .itemsqq {
background: rgb(255, 255, 255) none repeat scroll 0 0;
height: 80%;
margin: 60px auto 0;
overflow-y: scroll;
padding: 20px;
position: relative;
text-align: left;
width: 80%;
}
.team-container .popup-slider .item {
width: 100% !important;
}
.team-container .popup-slider .item .thumb {
display: inline-block;
padding: 5px;
vertical-align: top;
width: 45%;
}
.team-container .popup-slider .item .thumb img {
border-radius: 0;
box-shadow: none;
}
.team-container .popup-slider .item .content {
display: inline-block;
margin-left: 30px;
text-align: left;
width: 48%;
}
.team-container .popup-slider .item .content .title {
font-size: 18px;
font-weight: bold;
margin-right: 20px;
}
.team-container .popup-slider .item .content .position {
font-style: italic;
}
.team-container .owl-carousel .owl-dots {
text-align: center;
width: 100%;
margin: 30px 0 0;
}
.team-container .owl-carousel .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;
}
.team-container .owl-carousel .owl-dots .owl-dot:hover {
opacity: 1;
}
.team-container .owl-carousel .owl-nav {
position: absolute;
right: 0;
top: 0;
}
.team-container .owl-carousel .owl-nav {
left: 0;
position: absolute;
top: 40%;
width: 100%;
}
.team-container .owl-carousel  .owl-nav .owl-prev {
background: url(//www.hetmosterdzaadje.nl/wp-content/plugins/team/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;
}
.team-container .owl-carousel  .owl-nav .owl-next {
background: url(//www.hetmosterdzaadje.nl/wp-content/plugins/team/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;
}
.team-container .owl-carousel:hover  .owl-nav .owl-prev,
.team-container .owl-carousel:hover  .owl-nav .owl-next {
box-shadow: 0 0 8px 0 rgb(102, 102, 102);
}
.team-container .owl-carousel:hover  .owl-nav .owl-prev {
left: 30px;
}
.team-container .owl-carousel:hover  .owl-nav .owl-next {
right: 30px;
}
 .team-meamber-single {
padding: 0;
margin: 0
}
.team-meamber-single .team-position {
font-style: italic;
padding: 10px;
}
.team-meamber-single .team-content {
padding: 0 10px;
}
.team-meamber-single .team-social {
}
.team-meamber-single .team-skill {
padding: 10px;
}
.team-meamber-single .team-skill .skill {
color: rgb(51, 51, 51);
font-size: 11px;
margin: 6px 0;
}
.team-meamber-single .team-skill .bars {
background: rgb(57, 159, 231) none repeat scroll 0 0;
height: 8px;
}.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 {
background: rgb(255, 255, 255) none repeat scroll 0 0;
overflow: hidden;
padding: 0;
perspective: 600px;
position: relative;
vertical-align: top;
width: 100%;
}
.skin.flip-x:hover .layer-media {
background: rgb(255, 255, 255) none repeat scroll 0 0;
transform: rotateX(180deg);
z-index: 900;
}
.skin.flip-x .layer-media {
backface-visibility: hidden;
background: rgb(255, 255, 255) none repeat scroll 0 0;
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  {
background: rgb(255, 255, 255) none repeat scroll 0 0;
transform: rotateX(0deg) rotateY(0deg);
z-index: 1000;
}
.skin.flip-x .layer-content {
backface-visibility: hidden;
background: rgb(255, 255, 255) none repeat scroll 0 0;
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 {
background: rgb(255, 255, 255) none repeat scroll 0 0;
overflow: hidden;
padding: 0;
perspective: 600px;
position: relative;
vertical-align: top;
width: 100%;
}
.skin.flip-y:hover .layer-media {
background: rgb(255, 255, 255) none repeat scroll 0 0;
transform: rotateY(180deg);
z-index: 900;
}
.skin.flip-y .layer-media {
backface-visibility: hidden;
background: rgb(255, 255, 255) none repeat scroll 0 0;
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  {
background: rgb(255, 255, 255) none repeat scroll 0 0;
transform: rotateX(0deg) rotateY(0deg);
z-index: 1000;
}
.skin.flip-y .layer-content {
backface-visibility: hidden;
background: rgb(255, 255, 255) none repeat scroll 0 0;
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 {
background: rgb(255, 255, 255) none repeat scroll 0 0;
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 {
background: rgb(255, 255, 255) none repeat scroll 0 0;
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 {
background: rgb(255, 255, 255) none repeat scroll 0 0;
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 {
background: rgba(255, 255, 255,0) none repeat scroll 0 0;
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 {
background: rgb(255, 255, 255) none repeat scroll 0 0;
border-radius: 50%;
overflow: hidden;
}
.skin.thumbrounded .layer-media .thumb {
height:240px;
}
.skin.thumbrounded .layer-content{}
.skin.thumbrounded .layer-hover {
display: none;
} .skin.contentborder {
overflow: hidden;
position: relative;
vertical-align: top;
}
.skin.contentborder:hover .layer-media {
z-index:9;
}
.skin.contentborder .layer-media {
transition: all 0.4s ease 0s;
left: 0;
top: 0;
width: 100%;
}
.skin.contentborder:hover .layer-content{
}
.skin.contentborder .layer-content {
background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
bottom: 50%;
color: rgb(255, 255, 255);
left: 0;
padding: 40px;
position: absolute;
transform: translate(0px, 50%);
}
.skin.contentborder .layer-hover {
display: none;
}
.skin.contentborder .layer-content::before {
border-bottom: 1px solid #fff;
border-top: 1px solid #fff;
bottom: 30px;
left: 10px;
right: 10px;
top: 30px;
transform: scale(0, 1);
transform-origin: 0 0 0;
}
.skin.contentborder .layer-content::after {
border-left: 1px solid #fff;
border-right: 1px solid #fff;
bottom: 10px;
left: 30px;
right: 30px;
top: 10px;
transform: scale(1, 0);
transform-origin: 100% 0 0;
}
.skin.contentborder:hover .layer-content::before, .skin.contentborder:hover .layer-content::after {
opacity: 1;
transform: scale(1);
}
.skin.contentborder .layer-content::before, .skin.contentborder .layer-content::after {
content: "";
opacity: 0;
position: absolute;
}
.skin.contentborder .layer-content::before, .skin.contentborder .layer-content::after {
transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
} .skin.contentborderrounded {
overflow: hidden;
position: relative;
vertical-align: top;
}
.skin.contentborderrounded:hover .layer-media {
z-index:9;
}
.skin.contentborderrounded .layer-media {
transition: all 0.4s ease 0s;
left: 0;
top: 0;
width: 100%;
}
.skin.contentborderrounded:hover .layer-content{
}
.skin.contentborderrounded .layer-content {
background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
bottom: 50%;
color: rgb(255, 255, 255);
left: 0;
padding: 40px;
position: absolute;
transform: translate(0px, 50%);
}
.skin.contentborderrounded .layer-hover {
display: none;
}
.skin.contentborderrounded .layer-content::before {
border-bottom: 1px solid #fff;
border-top: 1px solid #fff;
border-radius: 15px;
bottom: 30px;
left: 30px;
right: 30px;
top: 30px;
transform: scale(0, 1);
transform-origin: 0 0 0;
}
.skin.contentborderrounded .layer-content::after {
border-left: 1px solid #fff;
border-right: 1px solid #fff;
border-radius: 15px;
bottom: 30px;
left: 30px;
right: 30px;
top: 30px;
transform: scale(1, 0);
transform-origin: 100% 0 0;
}
.skin.contentborderrounded:hover .layer-content::before, .skin.contentborderrounded:hover .layer-content::after {
opacity: 1;
transform: scale(1);
}
.skin.contentborderrounded .layer-content::before, .skin.contentborderrounded .layer-content::after {
content: "";
opacity: 0;
position: absolute;
}
.skin.contentborderrounded .layer-content::before, .skin.contentborderrounded .layer-content::after {
transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
}.layer-content .flat {
overflow: hidden;
} .layer-content .flat-center {
overflow: hidden;
} .layer-content .flat-right {
overflow: hidden;
} .layer-content .flat-left {
overflow: hidden;
} .layer-content .wc-center-price {
overflow: hidden;
text-align: center;
}
.layer-content .wc-center-price .wc_sale_price  {
} .layer-content .wc-center-cart {
overflow: hidden;
text-align: center;
}
.layer-content .wc-center-cart .wc_sale_price  {
}