.slider{position:relative;width:100%;height:auto;overflow:hidden;}
 .slides{height:auto;  /* Simple clear fix */overflow:hidden;  /**  * Prevent blinking issue * Not tested. Experimental. */-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d;  /** * Here is CSS transitions * responsible for slider animation in modern broswers */-webkit-transition:all 500ms cubic-bezier(0.165,0.840,0.440,1.000);-moz-transition:all 500ms cubic-bezier(0.165,0.840,0.440,1.000);-ms-transition:all 500ms cubic-bezier(0.165,0.840,0.440,1.000);-o-transition:all 500ms cubic-bezier(0.165,0.840,0.440,1.000);transition:all 500ms cubic-bezier(0.165,0.840,0.440,1.000);}
 .slide{list-style:none;height:auto;float:left;clear:none;}
 .slide a{color:#fff;display:block;position:relative;}
 .slide a div{width:50%;max-width:600px;position:absolute;top:30%;left:20%;margin:0;}
 .slide a div h4{font-size:46px;line-height:50px;margin:0 0 40px;}
.screen-phone  .slide a div,.screen-tablet  .slide a div{width:90%;top:10%;left:5%;}
.screen-phone  .slide a div h4{font-size:20px;line-height:25px;margin:0 0 10px;}
 .slide a div p{font-size:24px;line-height:50px;margin:0;}
.screen-phone  .slide a div p{font-size:14px;line-height:30px;}
.arrowsWrapper{display:none;}
 .slider:hover .arrowsWrapper{display:block}
 .slider-arrow{position:absolute;display:block;margin-bottom:0px;width:50px;padding:30px;text-decoration:none;text-align:center;opacity:1;}
 .slider-arrow:before{display:block;;width:100%;height:100%;content:'';position:absolute;top:0;right:0;}
 .slider-arrow--right{bottom:47.5%;right:3%;background:url(../images/right_jt.png) no-repeat center;background-size:100%;}
 .slider-arrow--left{bottom:47.5%;left:3%;background:url(../images/left_jt.png) no-repeat center;background-size:100%;}
 .slider-nav{position:absolute;bottom:8%;text-align:center;padding:12px 0px;background:rgba(0,0,0,.3);border-radius:20px;}
 .screen-phone .slider-nav {padding:8px 0px;}
 .slider-nav__item{width:10px;height:10px;background:#fff;border:none;border-radius:5px;clear:none;display:inline-block;margin:0 12px;position:relative;}
 .slider-nav__item:first-child{margin-left:25px;}
 .slider-nav__item:last-child{margin-right:25px;}
 .slider-nav__item:before{display:block;content:'';width:160%;height:160%;border-radius:50%;position:absolute;top:-5px;left:-5px;border:2px solid rgba(0,0,0,0);box-sizing:content-box;}
 .slider-nav__item:hover, .slider-nav__item--current{background:#fff;}
 .slider-nav__item:hover:before, .slider-nav__item--current:before{border:2px solid #fff;}
.screen-phone  .slider-nav__item{width:8px;height:8px;}
.screen-phone  .slider-nav__item:before{top:-3px;left:-4px;border:2px solid rgba(0,0,0,0);}
.screen-phone  .slider-nav__item:hover:before,.screen-phone  .slider-nav__item--current:before{border:2px solid #fff;}