@import url(https://fonts.googleapis.com/css?family=Oswald:300|Cardo:400italic);@import url(./font-awesome/css/font-awesome.min.css);.product-strength-showcase{text-align:center;position:relative;overflow:hidden;margin:0 auto}
.pss-icon{width:43px;height:40px;display:inline-block;position:relative;z-index:100;cursor:pointer;background-size:100% 100%;background-color:#fff;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;background-position:center center;border-right:1px solid #e2e2e2}
.pss-icon-thumbnail-wrapper{overflow:hidden;width:100%;height:100%;position:relative;z-index:10}
.pss-icon-thumbnail{width:100%;height:100%;background-size:cover;transition:all .2s;-webkit-transition:all .2s;background-position:center}
.pss-icon:last-child{border-right:0}
.pss-icon-wrapper{display:inline-block;background-color:transparent;position:absolute;z-index:101;width:100%;left:0;bottom:10px;box-sizing:border-box;text-align:center}
.pss-icon-box{display:inline-block;box-shadow:0 3px 10px rgba(0,0,0,.23),0 3px 10px rgba(0,0,0,.16)}
.pss-icon:hover .pss-icon-thumbnail{transform:scale(1.2);-webkit-transform:scale(1.2)}
.pss-icon.selected:hover .pss-icon-thumbnail{transform:none;-webkit-transform:none}
.pss-icon.selected{opacity:1;transform:perspective(200px) translatez(20px);-webkit-transform:perspective(200px) translatez(20px);box-shadow:0 0 11px 4px rgba(0,0,0,.5);z-index:101}
.pss-hover-icon{position:absolute;top:-25px;left:40px;transition:.5s;-webkit-transition:.5s}
.pss-hover-icon i{font-size:25px}
.pss-rotate{transform:rotatey(180deg);-webkit-transform:rotatey(180deg)}
.pss-dots{position:absolute;width:100%;height:100%;background-image:url(../images/dot.png);left:0;top:0;z-index:20}
.pss-layer{width:100%;position:absolute;left:0;top:0;height:100%;background-size:cover;background-position:center}
#pss_layer_button_link{text-decoration:none}
#pss_layer_text_wrapper{width:100%;position:absolute;top:15%;color:#fff;font-family:Roboto;z-index:100}
.pss-layer-card{display:none;padding:2.5%;box-shadow:0 0 11px 4px rgba(0,0,0,.5);background-color:rgba(0,0,0,.2)}
#pss_layer_title{display:inline-block;padding:0 10px 4px;font-size:50px;font-weight:100;margin-bottom:4px;font-family:Oswald}
#pss_layer_desc{display:inline-block;padding:4px 10px;font-size:18px;font-weight:400;font-family:'Cardo',serif;font-style:italic}
.pss-highlight{background-color:rgba(0,0,0,.5)}
#pss_layer_statistic{display:inline-block;font-size:28px;margin:5px 10px 28px;width:300px;height:40px;box-sizing:border-box;position:relative}
.pss-layer-stat-icon{display:inline-block;position:absolute;top:50%;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);text-align:center;width:15%;left:1.5%}
.pss-layer-stat-bar{height:10px;position:absolute;top:50%;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);width:65%;left:18%}
.pss-layer-stat-count{display:inline-block;height:40px;line-height:40px;font-size:16px;text-align:center;position:absolute;top:50%;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);width:15%;left:85%;font-family:Cardo;font-style:italic}
.pss-layer-stat-bar-highlight{height:10px;left:0}
#pss_layer_statistic i{margin:0 4px}
#pss_layer_button{font-size:20px;padding:6px 20px;padding-bottom:8px;font-family:Roboto;cursor:pointer;margin:4px 10px;background-color:transparent;border:0;transition:.4s;-webkit-transition:.4s;font-weight:100;font-family:Oswald;box-shadow:inset 1px 1px 15px 0;margin-bottom:10px}
#pss_layer_button i{margin-left:8px;font-size:25px;vertical-align:text-bottom;transition:all .3s;-webkit-transition:all .3s;opacity:.6}
#pss_layer_button:hover i{opacity:.9;transform:rotatez(90deg);-webkit-transform:rotatez(90deg)}
.pss-right-align.product-strength-showcase{text-align:right}
.pss-right-align #pss_layer_text_wrapper{right:8%}
.pss-right-align #pss_layer_title,.pss-right-align #pss_layer_desc,.pss-right-align #pss_layer_statistic,.pss-right-align #pss_layer_button{float:right;clear:both}
.pss-left-align #pss_layer_title,.pss-left-align #pss_layer_desc,.pss-left-align #pss_layer_statistic,.pss-left-align #pss_layer_button{float:left;clear:both}
.pss-center-align #pss_layer_title,.pss-center-align #pss_layer_desc,.pss-center-align #pss_layer_statistic,.pss-center-align #pss_layer_button{float:left;clear:both}
.pss-left-align.product-strength-showcase{text-align:left}
.pss-left-align #pss_layer_text_wrapper{left:8%}
.pss-loader{width:100%;position:absolute;left:0;top:0;height:100%;text-align:center}
.pss-loader-text{display:inline-block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:OpenSansHebrew;font-size:19px;text-align:left;border-left:2px solid;padding:0 0 4px 8px;font-weight:300}
@media all and (min-width:1400px){#pss_layer_title{font-size:56px}
#pss_layer_desc{font-size:24px}
#pss_layer_statistic{font-size:25px;width:320px;height:45px}
.pss-layer-stat-count{font-size:19px;font-weight:700}
#pss_layer_button{font-size:27px;padding:6px 20px}
#pss_layer_button i{margin-left:10px;font-size:32px}
}
@media all and (max-width:600px),screen and (max-device-width:600px){#pss_layer_text_wrapper{left:0!important;right:0!important;text-align:center}
.pss-icon-wrapper{bottom:10px}
.product-strength-showcase{height:650px!important}
#pss_layer_statistic{width:230px;margin-bottom:20px}
.pss-layer-card{padding:4%;width:280px;box-sizing:border-box;display:none;}
#pss_layer_title{padding-bottom:0;font-size:40px;display:none;}
button#pss_layer_button{margin-bottom:15px;font-size:18px;display:none;}
.pss-icon{width:80px!important;height:80px!important;display:none;}
.pss-layer-stat-icon{font-size:22px;display:none;}
.pss-layer-stat-count{width:17%;left:80%;display:none;}
.pss-layer-stat-bar{width:60%;display:none;}
}
