@font-face{font-family:'Helvetica';src:url("../font/Helvetica-Light.otf")}h1,h2,h3,h4,h5{font-weight:lighter}body{margin:0;padding:0;font-family:'Helvetica';background-color:#222;color:#ccc}body .page-title{text-align:center}body .sample-title{text-align:center;margin-top:30px;margin-bottom:30px}body .slider-container.first-sample{width:100%;height:400px;margin:0;position:relative}body .slider-container.first-sample .slider{height:100%}body .slider-container.first-sample .slider .slide-wrapper{overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body .slider-container.first-sample .slider .slide-tracker .my-fr-current .item::before{background-color:rgba(0,0,0,0)}body .slider-container.first-sample .slider .item{width:100%;height:100%;overflow:hidden;position:relative}body .slider-container.first-sample .slider .item::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.8);transition:background-color 1s}body .slider-container.first-sample .slider .item img{width:100%;height:100%;object-fit:cover;object-position:center center}body .slider-container.first-sample .prev-slide,body .slider-container.first-sample .next-slide{position:absolute;top:50%;transform:translateY(-50%);font-size:50px;cursor:pointer;color:#888;transition:color .3s}body .slider-container.first-sample .prev-slide:hover,body .slider-container.first-sample .next-slide:hover{color:#ccc}body .slider-container.first-sample .prev-slide{left:-70px}body .slider-container.first-sample .next-slide{right:-70px}