#slides {position: relative; background: #2b2b2b; z-index: 1;}
#slides .slides-container {display: none;}
#slides .scrollable {*zoom: 1; position: relative; top: 0; left: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; height: 100%;}
#slides .scrollable:after {content: ""; display: table; clear: both;}

.slides-navigation {}
.slides-navigation a {position: absolute; z-index: 10; display: block; width: 60px; height: 60px; font-size: 50px; text-decoration: none; top: 50%; margin-top: -30px; background: transparent; border-radius: 50%; color: #fff; text-align: center; line-height: 60px;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.slides-navigation a.prev {left:4px;}
.slides-navigation a.next {right:4px; }
.slides-navigation a:hover{background-color: #fff; color: #1f1f1f;}
.slides-navigation a.next:hover{}

.slides-pagination {
  position: absolute;
  z-index: 3;
  bottom: 5%;
  text-align: center;
  width: 100%;
}
.slides-pagination a {
  width: 17px;
  height: 17px;
  display: inline-block;
  text-indent: -100%;
  overflow: hidden;
  background: #fff;
  margin: 0 5px;
  border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;
  box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.17); moz-box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.17); -webkit-box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.17);
  transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}

.slides-pagination a:hover, .slides-pagination a.current {
  background: #f2bf02;
}

.slides-container {}
.slides-container .slide-gradient {position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 9;
background: rgb(0,0,0,0);
background: linear-gradient(90deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 70%);
}
.slides-container .caption{position: absolute; width: 100%; top: 50%; text-align: left; color: #fff; line-height: 1; padding: 0px 10%; z-index: 10;
-ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.slides-container .caption .txt1{ font-family: 'Raleway', sans-serif; font-size: 40px; text-transform: uppercase; font-weight: 800; padding-bottom: 0px; color:#0099cc;}
.slides-container .caption .txt2{font-family: 'Raleway', sans-serif; font-weight: 900; font-size: 75px; line-height: 1.3; color: #fff; text-transform: uppercase;}
.slides-container .caption .txt3{font-family: 'Raleway', sans-serif; font-weight: 400; font-size: 30px; text-transform: uppercase; color: #add108; line-height: 0.9;}
.slides-container .caption .txt4{font-family: 'Raleway', sans-serif; font-size: 18px; font-style: italic; padding-top: 20px; padding-bottom: 20px;}

.slides-container .caption .link1{ padding-top: 10px;}

.slider-link1{display: inline-block; text-decoration: none; color: #fff; font-weight: 700; font-size: 12px; background: #0099cc; line-height: 20px; padding: 11px 30px; text-transform: uppercase; position: relative; overflow: hidden; border-radius: 5px;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.slider-link1:hover{color: #fff; background: #004f9f; }

@media (max-width: 991.98px) {
.slides-container .caption .txt1 {
    font-size: 55px;
}
.page-home .slides-container .caption {
    top: 45%;
}
}

@media (max-width: 767.98px) {
  .slides-container .caption .link1{display: none;}
}

@media (max-width: 575.98px) {
  .slides-container .caption .txt1 {
    font-size: 45px;
}
.slides-container .caption .txt2{font-size: 25px;}
.slides-navigation a {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    line-height: 40px;
}
}