html *{
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

.slider{
    width: 100%;
	
    /* overflow: hidden; */
    position: relative;
    /* padding-top: 2px; */
    border-top: 2px solid white;
    height: 266px;
    /* overflow-y: visible; */
    /* overflow-x: hidden; */
    /* pointer-events: initial; */
    background-color: #F2F2F2;
}
.slider__slides{
    white-space: nowrap;
	
    font-size: 0;
    float: left;
    z-index: 1;
    position: relative;
}
.slider__slides:after{

	display: block;
	content:'';
	clear:both;
}
.slider_animate .slider__slides{    
    -webkit-transition: -webkit-transform 	0.5s;
       -moz-transition: -moz-transform 		0.5s;
        -ms-transition: -ms-transform 		0.5s;
         -o-transition: -o-transform 		0.5s;
            transition: transform 			0.5s;
}
.slide{
	height:264px;
	width: 276px;
	display: inline-block;
	position: relative;
	font-size: initial;
	white-space: normal;
	margin: 0 2px 2px 0;
	/* will-change: transform, box-shadow, background-color; */
	
	/* -webkit-transform: translateZ(0); */
	   -moz-transform: translateZ(0);
	    -ms-transform: translateZ(0);
	     -o-transform: translateZ(0);
	        
	/* transform: translateZ(0); */
	border: 0;
	background-color: white;
}
.slide__table{
	display: table;
	width:100%;
	height:100%;
	background-color: inherit;
}
.slide__tr{
	display: table-row;
	background-color: inherit;
}
.slide__td{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	background-color: inherit;
	padding: 0 25px;
}
.slide:last-child{
	margin-right:0;
}
.slider_animate .slide{
    -webkit-transition: -webkit-transform 	0.1s, box-shadow 0.1s, background-color 0.3s;
       -moz-transition: -moz-transform 		0.1s, box-shadow 0.1s, background-color 0.3s;
        -ms-transition: -ms-transform 		0.1s, box-shadow 0.1s, background-color 0.3s;
         -o-transition: -o-transform 		0.1s, box-shadow 0.1s, background-color 0.3s;
            transition: transform 			0.1s, box-shadow 0.1s, background-color 0.3s;
    overflow: hidden;
}
.slider_animate .slide_active:hover{
	-webkit-transform: scale(1.11);
	   -moz-transform: scale(1.11);
	    -ms-transform: scale(1.11);
	     -o-transform: scale(1.11);
	        transform: scale(1.11);
	    
	    z-index:2;
	    
	color: inherit;
	box-shadow: 0 0 15px rgba(0,0,0,0.15);
	background-color: #FAFAFA;
}
.slide__content{
	pointer-events: none;
	opacity:0;
	-webkit-transition: opacity 0.3s;
	   -moz-transition: opacity 0.3s;
	    -ms-transition: opacity 0.3s;
	     -o-transition: opacity 0.3s;
	        transition: opacity 0.3s;
	position:absolute;
	
	width:100%;
	height:100%;
	background-color: inherit;
	margin: 0 -25px;
}
.slider_animate .slide_active:hover .slide__content{
	opacity:1;
	pointer-events: initial;
}
.slide_left{
	-webkit-transform-origin: 0 50%;
	   -moz-transform-origin: 0 50%;
	    -ms-transform-origin: 0 50%;
	     -o-transform-origin: 0 50%;
	        
	transform-origin: 1% 50%;
}
.slide_right{
	-webkit-transform-origin: 100% 50%;
	   -moz-transform-origin: 100% 50%;
	    -ms-transform-origin: 100% 50%;
	     -o-transform-origin: 100% 50%;
	        transform-origin: 100% 50%;
}


.slider__tint{
    position: absolute;
    height: 100%;
    width: 90px;
    top: 0;
    z-index: 2;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
         -o-transform: translateZ(0);
            transform: translateZ(0);
}
.slider_animate .slider__tint{ 
    
    -webkit-transition: opacity 1s;
       -moz-transition: opacity 1s;
        -ms-transition: opacity 1s;
         -o-transition: opacity 1s;
            transition: opacity 1s;

}
.slider__tint_left{
  background: -webkit-linear-gradient(left, 	rgba(255,255,255,1), rgba(255,255,255,0)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, 		rgba(255,255,255,1), rgba(255,255,255,0)); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, 		rgba(255,255,255,1), rgba(255,255,255,0)); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, 		rgba(255,255,255,1), rgba(255,255,255,0)); /* Standard syntax */
}
.slider__tint_right{
  background: -webkit-linear-gradient(right, 	rgba(255,255,255,1), rgba(255,255,255,0)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(left, 			rgba(255,255,255,1), rgba(255,255,255,0)); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(left, 		rgba(255,255,255,1), rgba(255,255,255,0)); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to left, 			rgba(255,255,255,1), rgba(255,255,255,0)); /* Standard syntax */	
  right: 0;
}

.slider[position="left"] .slider__tint_left{
	opacity:0;
	pointer-events:none;
}
.slider[position="right"] .slider__tint_right{
	opacity:0;
	pointer-events:none;
}

.slider__arrow{
	position: absolute;
	height: 100%;
	width: 100%;
	cursor: pointer;
}
.slider__arrow::after{
	width:24px;
	height: 45px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAtCAYAAADoSujCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEZBMTgwRDY2QTYzMTFFNEIyMEVEMUUxQjZDRjM4RjEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEZBMTgwRDc2QTYzMTFFNEIyMEVEMUUxQjZDRjM4RjEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4RkExODBENDZBNjMxMUU0QjIwRUQxRTFCNkNGMzhGMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4RkExODBENTZBNjMxMUU0QjIwRUQxRTFCNkNGMzhGMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PosvKKoAAAN+SURBVHja1JpLTxNRFMcvxoWW18oXj7YgL1HXBAqFFlsjGsXEjZ+DD6GJH4KtCxONGkmLbXkVgmtR5FUUfK8KCCw9J/xvvBkHO525Mx1PckJneu85v9/MdJjptOogGBQuxFXKR5T3sfyYcozyre5GJ12Av0KZoTxD+QTr4pRZ/NUqUaV5D1ymzAG+SJnkHpQpynrKn5QxyiVdDU9ohs8q8Ncp31Au4nUR7/GYbr8JdAPsLEBvAFzGItYVMSanS0KHwCUD/Ajlgsm4BbwnJbKYW1EBCX+OcgeA8/8YP48xO5jDc7sqJdAFgPOUuxbgjRK7mJtzImFXoNMAz8d3voz5eYNEFjU9EejEVrtAuQeQvI06c5i7h1q2JMoV6EAjbvgLAHMODkMpwbUaULvDLQEJ34CGfNjMajiLzaKWKtGuW6AdhRsp97HVdMCrEiOo3ViOhBWBNhP4GReuoWYUiSb0bHMqcBEf2CYUvkk5LdyLafSQEjkw2BLgiVMK/C0sux1T6GVJ4jiBVsOWv41lryKHnty7GcutVgUkfDMK3MH1vdeRMZFoKSXQgoFBTBylfC0qFxkw7IPpLwlVIKzAH1DepZwUlY9JsDBTCIxho4CEDynwaeGfSGNPqBIhKaBaHQI+JfwXabAdgpVPuSEWGFd2yUOfwstIgVFgw4/zTX0Y594Q7EZ9LMH31k8pT1N+pBziPbDJL7DiFAYkfQifNMIzu/wQb+Lrjk8YwAMTPoJPmMEbT6MFvMESAcpnPpFIgCUAtpiEN/tHVsCALUViuILwwwr8FtgKpS4lNgwSz8XRV4JeRwy9JfwQ2CxdzK2jwDYKvMCyl/Av0XsbyxvlXk4bJbjgoAfwgybw63ZvaNZw+EiJV5RRF+Gj6KHCrzm9pVyFxGcUnnBJIoraAfSKl4Iv56ZeSnxR9sSARvgBZctL+FXdX6usYJeyRLVGCQlfjdpx9HLli60VNPhKWYPG/Q7g+1GjBjXLgrcjwPHBRCJio07EAB9DbeG2AMcyJL5R1tqQiOADW4sacTvwTgRUie+UdZDoszCvD2NV+GW7EE4fcLzHrlclei3A12FOHDVEpQSkBIP8EEdPIieOkegFfD3GOobXJcDxzkSiR3m/B+skfAxzHMd//5xY95P6JfHnqTxLPMB6CR/XCa/zEFKDf0pwDVv9HjItXPiZAcdvAQYAvYgF3FGAXG8AAAAASUVORK5CYII=");
	content: '';
	display: block;
	position: absolute;
	background-repeat: no-repeat;
	top: 50%;
	left: 50%;
	margin: -22px 0 0 -12px;
}
.slider__arrow_left::after{
	background-position:left;
}
.slider__arrow_right::after{
	background-position:right;	
}

a.slide{
	color: #585858;
	font-size:14px;
	font-weight: 300;
	line-height: 1.4em;
}
.slider h4{
	font-size: 17px;
	font-weight: 300;
	margin: 0;
	line-height: 22px;
	color: #585858;
}
.slide b{
	font-weight: 400;
	color: #222;
}
.slide p{
    color: #585858;
	
}
.slide .piramide img{
	width:70px;
}

.shower{
    height: 187px;
	
    -webkit-transform: translateZ(0);
	   -moz-transform: translateZ(0);
	    -ms-transform: translateZ(0);
	     -o-transform: translateZ(0);
	        
    transform: translateZ(0);
}
.shower__slide{
    position: absolute;
	
    width: 100%;
    opacity: 0;
    pointer-events: none;
    
    -webkit-transition: none;
       -moz-transition: none;
        -ms-transition: none;
         -o-transition: none;
            transition: none;
    
    -webkit-transform: translateX(40px);
       -moz-transform: translateX(40px);
        -ms-transform: translateX(40px);
         -o-transform: translateX(40px);
            transform: translateX(40px);
}
.shower__slide.deactive{
    -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
       -moz-transition: opacity 0.2s, -moz-transform 0.2s;
        -ms-transition: opacity 0.2s, -ms-transform 0.2s;
         -o-transition: opacity 0.2s, -o-transform 0.2s;
            transition: opacity 0.2s, transform 0.2s;
    
    -webkit-transform: translateX(-40px);
       -moz-transform: translateX(-40px);
        -ms-transform: translateX(-40px);
         -o-transform: translateX(-40px);
            transform: translateX(-40px);
}
.shower__slide.active{
	opacity:1;
	pointer-events: initial;
	

    -webkit-transition: opacity 0.2s linear 0.3s, -webkit-transform 0.2s linear 0.2s;
       -moz-transition: opacity 0.2s linear 0.3s, -moz-transform 0.2s linear 0.2s;
        -ms-transition: opacity 0.2s linear 0.3s, -ms-transform 0.2s linear 0.2s;
         -o-transition: opacity 0.2s linear 0.3s, -o-transform 0.2s linear 0.2s;
            transition: opacity 0.2s linear 0.3s, transform 0.2s linear 0.2s;
    
    -webkit-transform: translateX(0);
       -moz-transform: translateX(0);
        -ms-transform: translateX(0);
         -o-transform: translateX(0);
            transform: translateX(0);
}

.shower__slide .circle img{
	width: 110px;}
.shower p{
	margin: 9px 0;
	line-height: 16px;
	color: #585858;
}
.circle{
	border-radius : 100%;
	overflow:hidden;
	display: inline-block;
	line-height: 0;
}

.piramide_6{
    margin-top: -7px;
}
.piramide_6 .circle img{
    width: 54px;
}