.slider{position:relative;overflow:hidden;margin:0;border-radius:4px;overflow:hidden; background: linear-gradient(90deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.62) 48.76%, rgba(0,0,0,0.44) 66.05%, transparent);}
		.slider ul{position:relative;margin:0;padding:0;height:100%;list-style:none;width:100%;overflow:hidden;left:0;}
		.slider ul li{position:absolute;display:block;float:left;margin:0;padding:0;width:100%;height:327px;background:#F7B733;text-align:center;transition: ease-out 0.4s;color: #fff;font-size: 22px;font-family: monospace;display: flex;}
		.slider ul li span{margin:auto}
		.slider ul li.active{left: 0;}
		.slider ul li.slider2{ background: linear-gradient(90deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.62) 48.76%, rgba(0,0,0,0.44) 66.05%, transparent);}
		.slider ul li.slider3{background: linear-gradient(90deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.62) 48.76%, rgba(0,0,0,0.44) 66.05%, transparent);}
		.slider ul li.slider4{background: linear-gradient(90deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.62) 48.76%, rgba(0,0,0,0.44) 66.05%, transparent);}
		/*controls*/
		.controls{-webkit-transition:all 0.5s ease;opacity: 0;}
		.control_prev,
		.control_next{position:absolute;top:40%;z-index:999;display:block;padding:20px;width:auto;height:auto;background:rgba(51, 51, 51, 0.33);color:#fff;text-decoration:none;font-weight:600;font-size:22px; font-weight: 900;opacity:0;cursor:pointer;}
		.slider .controls{-webkit-transition:all 0.5s ease;opacity: 1;}
		.slider .controls .control_prev,
		.slider .controls .control_next{opacity:0.8}
		.control_prev{left:0;border-radius: 0 10px 10px 0;}
		.control_next{right:0;border-radius:10px 0 0 10px;}
		.slider .controls .control_prev,
		.slider .controls .control_next{opacity:1;-webkit-transition:all 0.2s ease;}


        .slider {
            max-width: 1060.19px;
        }