body,
ul {
  margin: 0;
  padding: 0;
}

body,
html {
  height: 100%;
}

ul li {
  list-style-type: none;
}

.slides-box {
  width: 100%;
  height: 100%;
  margin: auto;
  overflow: hidden;
  position: absolute;
  z-index: 0;
  top: 0;
}

.slides {
  position: relative;
  height: 100%;
  width: 100%;
  margin: auto;
  float: left;
}

@-webkit-keyframes MOVE-BG {
    /*0%{
          transform: translateX(0px);
    }
    100%{
          transform: translateX(-800px);
    }*/
    from { left: 0; }
    to { left: -200px; }
}
@keyframes MOVE-BG {
    from { left: 0; }
    to { left: -200px; }
}

.bg{
  width: 900px;
  /*width:1662px;*/
  /*width: 1218px;*/
  /*width:2462px;  */
  animation-name: MOVE-BG;
  animation-duration: 10s;
  animation-timing-function: linear;
  animation-iteration-count: 1;
  -webkit-animation-name: MOVE-BG;
  -webkit-animation-duration: 10s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
}

.slides li {
  display: none;
  position: absolute;
  /*width: 100%;*/
  height: 100%;
}

.slides li img {
  display: block;
  width: 100%;
  margin: auto;
}

.prev,
.next {
  position: absolute;
  z-index: 99;
  top: 50%;
  margin-top: -40px;
  left: 0;
  height: 70px;
  width: 30px;
  color: #fff;
  cursor: pointer;
  background-color: #000;
  opacity: .5;
}

.prev:hover,
.next:hover {
  opacity: .7;
}

.prev {
  background-image: url("data:image/gif;base64,R0lGODlhHgBGAIABAP///////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMwMTQgNzkuMTU2Nzk3LCAyMDE0LzA4LzIwLTA5OjUzOjAyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAzODAxMTc0MDcyMDY4MTE5MkIwQTM1OTQ0MTQ3NDEwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjY0M0UwQjkxMEQ3RTExRTVCOTJFQkFCNkU5QTFCNUE5IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjY0M0UwQjkwMEQ3RTExRTVCOTJFQkFCNkU5QTFCNUE5IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OEFCRDY2OUNGM0REMTFFMkFCOTg5QTlBMkVEQjFBRjAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OEFCRDY2OURGM0REMTFFMkFCOTg5QTlBMkVEQjFBRjAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAHgBGAAACUIyPqcvtD6OctNqLs968+w+G4kiWIYB6aMqtrOYCrTuv9ZvFt7zpPf2zBXEY31Al3CGTQ56yY2wuiTng8yqFWo9Lk/cLDovH5LL5jE6r15oCADs=");
}

.next {
  left: auto;
  right: 0;
  background-image: url("data:image/gif;base64,R0lGODlhHgBGAIABAP///////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMwMTQgNzkuMTU2Nzk3LCAyMDE0LzA4LzIwLTA5OjUzOjAyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAzODAxMTc0MDcyMDY4MTE5MkIwQTM1OTQ0MTQ3NDEwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjg0QTYyN0Y0MEQ3RTExRTVBMTAyQURBQ0QxRjY2NTc1IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjg0QTYyN0YzMEQ3RTExRTVBMTAyQURBQ0QxRjY2NTc1IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OEFCRDY2OUNGM0REMTFFMkFCOTg5QTlBMkVEQjFBRjAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OEFCRDY2OURGM0REMTFFMkFCOTg5QTlBMkVEQjFBRjAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAHgBGAAACV4yPqcvtD6OctNqLs968+w+G4kiWFIB+aNqtLOcCXjy79Xq/G93aPf7TaXgwX1GYMQ6VGGKSeXE2oRZplFqxVrEn7kSb9X6BR5P5jE6r1+y2+w2Py+fmAgA7");
}

/*.pagination {
  position: absolute;
  bottom: 5px;
  z-index: 99;
}

.pagination li {
  padding: 5px 3px;
  float: left;
}

.pagination li a {
  display: block;
  width: 25px;
  height: 25px;
  line-height: 25px;
  border-radius: 25px;
  background: #000;
  color: #fff;
  text-align: center;
  font-family: Arial;
  text-decoration: none;
}

.pagination .active {
  background: red;
}*/

@media(max-width: 767px){
  .slides{
    background: url('../images/Banners/Mobile-banner.jpg') center;
    display: block;
    width:100%;
    background-repeat: no-repeat;
    background-size: cover;
  }
}

@media(min-width: 768px){
  @-webkit-keyframes MOVE-BG {
      from { left: 0; }
      to { left: -300px; }
  }
  @keyframes MOVE-BG {
      from { left: 0; }
      to { left: -300px; }
  }
  .bg{
    width: 1218px;
  }
  .slides :first-child {
    background:  url('../images/Banners/Banner1_big.jpg') center no-repeat !important;
  }
  .slides :nth-child(2) {
    background: linear-gradient(rgba(0, 0, 0, 0.4),rgba(0, 0, 0, 0.2)), url('../images/Banners/Banner2_big.jpg') center no-repeat !important;
  }
  .slides :nth-child(3) {
    background: linear-gradient(rgba(0, 0, 0, 0.4),rgba(0, 0, 0, 0.2)), url('../images/Banners/Banner3_big.jpg') center no-repeat !important;
  }
  .slides :last-child {
    background: linear-gradient(rgba(0, 0, 0, 0.4),rgba(0, 0, 0, 0.2)), url('../images/Banners/Banner4_big.jpg') center no-repeat !important;
  }
}
@media(min-width: 992px){
  .bg{
    width:1662px;
  }
  .slides :first-child {
    background:  url('../images/Banners/Banner1.jpg') center no-repeat !important;
  }
  .slides :nth-child(2) {
    background:  linear-gradient(rgba(0, 0, 0, 0.4),rgba(0, 0, 0, 0.2)), url('../images/Banners/Banner2.jpg') center no-repeat !important;
  }
  .slides :nth-child(3) {
    background:  linear-gradient(rgba(0, 0, 0, 0.4),rgba(0, 0, 0, 0.2)), url('../images/Banners/Banner3.jpg') center no-repeat !important;
  }
  .slides :last-child {
    background: linear-gradient(rgba(0, 0, 0, 0.4),rgba(0, 0, 0, 0.2)), url('../images/Banners/Banner4.jpg') center no-repeat !important;
  }
}
@media(min-width: 1400px){
  .bg{
    width: 2218px;
  }
  .slides :first-child {
    background: url('../images/Banners/Banner1_big.jpg') center no-repeat !important;
  }
  .slides :nth-child(2) {
    background: linear-gradient(rgba(0, 0, 0, 0.4),rgba(0, 0, 0, 0.2)), url('../images/Banners/Banner2_big.jpg') center no-repeat !important;
  }
  .slides :nth-child(3) {
    background: linear-gradient(rgba(0, 0, 0, 0.4),rgba(0, 0, 0, 0.2)), url('../images/Banners/Banner3_big.jpg') center no-repeat !important;
  }
  .slides :last-child {
    background: linear-gradient(rgba(0, 0, 0, 0.4),rgba(0, 0, 0, 0.2)), url('../images/Banners/Banner4_big.jpg') center no-repeat !important;
  }
}

@media(min-width: 2106px){
    .bg{
        width: 3000px;
    }
    .slides :first-child {
      background: url('../images/Banners/banners_large_screen/Banner1.jpg') center no-repeat !important;
    }
    .slides :nth-child(2) {
      background: linear-gradient(rgba(0, 0, 0, 0.4),rgba(0, 0, 0, 0.2)), url('../images/Banners/banners_large_screen/Banner2.jpg') center no-repeat !important;
    }
    .slides :nth-child(3) {
      background: linear-gradient(rgba(0, 0, 0, 0.4),rgba(0, 0, 0, 0.2)), url('../images/Banners/banners_large_screen/Banner3.jpg') center no-repeat !important;
    }
    .slides :last-child {
      background: linear-gradient(rgba(0, 0, 0, 0.4),rgba(0, 0, 0, 0.2)), url('../images/Banners/banners_large_screen/Banner4.jpg') center no-repeat !important;
    }
}