.slider {
	position: relative;
	height: 488px;
	margin: 0px auto;
	-webkit-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.75);
	        box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.75);
    max-width: 1400px;
    min-width: 1000px;
    width: 100%;
    background-color: #1f3f93;
}
.slider input[name="switch"] {
  display: none;
}
.switch {
  position: absolute;
  left: 0;
  bottom: 10px;
  text-align: center;
  width: 100%;
  z-index:1;
}
.switch label {
  display: inline-block;
  width: 6px;
  height: 6px;
  cursor: pointer;
  margin: 0 3px;
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, .8);
          box-shadow: 0 0 2px 0 rgba(0, 0, 0, .8);
  border-radius: 50%;
  border: 5px solid #2f363c;
  background-color: #738290;
}
#btn1:checked~.switch label[for="btn1"] {
  background-color: white;
}
#btn2:checked~.switch label[for="btn2"] {
  background-color: white;
}
#btn3:checked~.switch label[for="btn3"] {
  background-color: white;
}
#btn4:checked~.switch label[for="btn4"] {
  background-color: white;
}#btn5:checked~.switch label[for="btn5"] {  background-color: white;}
.slider-inner {
  overflow: hidden;
  height: 488px;
}
.slides {
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
    max-width: 2800px;
    min-width: 1000px;
}
.img1, .img2, .img3, .img4, .img5{
    height: 488px;
    display: inline;
    float: left;
    max-width: 1400px;
    min-width: 1000px;
    width: 100%;
}
.img1{
    background: url("/../images/slider/slider-ph-01.jpg?r3") no-repeat center;
}
.img2{
    background: url("/../images/slider/slider-ph-02.jpg?r2") no-repeat center;
    -webkit-transform: translate(1400px, -488px);
        -ms-transform: translate(1400px, -488px);
            transform: translate(1400px, -488px);
}
.img3{
    background: url("/../images/slider/slider-ph-03.jpg?r3") no-repeat center;
    -webkit-transform: translate(2800px, -976px);
        -ms-transform: translate(2800px, -976px);
            transform: translate(2800px, -976px);
}
.img4{
    background: url("/../images/slider/slider-ph-04.jpg?r2") no-repeat center;
    -webkit-transform: translate(4200px, -1464px);
        -ms-transform: translate(4200px, -1464px);
            transform: translate(4200px, -1464px);
}.img5{    background: url("/../images/slider/slider-ul-3.jpg?r2") no-repeat center;    -webkit-transform: translate(5600px, -1952px);        -ms-transform: translate(5600px, -1952px);            transform: translate(5600px, -1952px);}
#btn1:checked~slider-inner slides {
	-webkit-transform: translate(0);
	    -ms-transform: translate(0);
	        transform: translate(0);
}
#btn2:checked~.slider-inner .slides {
	-webkit-transform: translate(-1400px);
	    -ms-transform: translate(-1400px);
	        transform: translate(-1400px);
}
#btn3:checked~.slider-inner .slides {
	-webkit-transform: translate(-2800px);
	    -ms-transform: translate(-2800px);
	        transform: translate(-2800px);
}
#btn4:checked~.slider-inner .slides {
	-webkit-transform: translate(-4200px);
	    -ms-transform: translate(-4200px);
	        transform: translate(-4200px);
}#btn5:checked~.slider-inner .slides {	-webkit-transform: translate(-5600px);	    -ms-transform: translate(-5600px);	        transform: translate(-5600px);}
.slider-prev {
	left: 0;
	z-index: 3;
}
.slider-next {
	right: 0;
	z-index: 3;
}
.slider-next, .slider-prev{
	position: absolute;
	right: 0;
	bottom: 45%;
	cursor: pointer;
	opacity: 0.3;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	width: 48px;
	height: 48px;
}
.slider-prev:hover, .slider-next:hover {
	opacity: 1;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.topmenu-slider{
	background-color: white;
	bottom: 0px;
	z-index: 3;
	left: 50%;
	-webkit-transform: translate(-50%, 0%);
	    -ms-transform: translate(-50%, 0%);
	        transform: translate(-50%, 0%)
}
.line-slider{
	z-index: 3;
	top: 0%;
	left: 50%;
	-webkit-transform: translate(-50%, 0%);
	    -ms-transform: translate(-50%, 0%);
	        transform: translate(-50%, 0%)
}