@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,700,800');

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  padding: 0;
  margin: 0;
  text-align: center;
}

.imgSlide img {
  max-height: 370px;
  margin-top: 15px;
}

.txtSlide {
  width: 90%;
  height: auto;
  z-index: 100;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;

  display: -moz-flex;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: center;

  display: flex;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;

  flex-wrap: wrap;
    justify-content: flex-start;
    text-align: left;
    align-self: flex-start;
    align-content: flex-start;
    align-items: flex-start;
}

.txtSlide p {
  text-shadow: 0px 0px 20px #333;
  -webkit-text-shadow: 0px 0px 20px #333;
  -o-text-shadow: 0px 0px 20px #333;
  -moz-text-shadow: 0px 0px 20px #333;
}

.txtSlide h2 {
  font-size: 40px;
  font-weight: 400;
  color: #FFF;
}

.btnSlide {
  width: 50%;
  background-color: #19AFB0;
  text-align: center;
  margin-top: 15px;
  box-shadow: 0px 4px 0px #137D7D;
  -moz-box-shadow: 0px 4px 0px #137D7D;
  -webkit-box-shadow: 0px 4px 0px #137D7D;
  -o-box-shadow: 0px 4px 0px #137D7D;
  transition: all 0.3s;
}

.btnSlide p {
  font-family: 'Raleway', sans-serif !important;
  font-size: 16px !important;
  color: #FFF !important;
  font-weight: 400 !important;
  padding: 10px !important;
  margin: 0 !important;
}

.btnSlide:hover {
  background-color: #137D7D;
  cursor: pointer;
}

.rslides h1 {
  font-family: 'Raleway', sans-serif;
  font-size: 44px;
  color: #FFF;
  font-weight: 400;
}

.rslides h2 {
  font-family: 'Raleway', sans-serif;
  margin:0;
  font-size: 40px;
  color: #FFF;
  text-align: center;
  font-weight: 700;
  width: 100%;
}


.rslides p {
  width: 100%;
  text-align: center;
  font-family: 'Raleway', sans-serif;
  margin:0;
  font-size: 24px;
  color: #FFF;
  font-weight: 400;
  margin-top: 0px;
  line-height: 30px;
}

.rslides li {
  position: absolute;
  display: none;
  width: 100%;
  height: 100vh;
  left: 0;
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: 'Raleway', sans-serif;
  font-size: 44px;
  color: #FFF;
  font-weight: 400;
  text-align: center;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  height: auto;
  margin-bottom: 0px;
  }
 
 .rslides {
  margin: 0 auto;
  }

.rslides_container {
  position: relative;
  height: 100vh;
}

.centered-btns_nav {
  position: absolute;
  top: 55%;
  left: 0;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("../images/themes.png") no-repeat left top;
  margin-top: -45px;
  }

.centered-btns_nav:active {

  }

.centered-btns_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }

.transparent-btns_nav {
  position: absolute;;
  top: 0;
  left: 0;
  display: block;
  background: #fff; /* Fix for IE6-9 */
  opacity: 0;
 
  width: 48%;
  text-indent: -9999px;
  overflow: hidden;
  height: 91%;
  }

.transparent-btns_nav.next {
  left: auto;
  right: 0;
  }

.large-btns_nav {
  position: relative;
  text-indent: -9999px;
  overflow: hidden;
  top: 0;
  bottom: 0;
  left: 0;
  background: #000 url("../images/themes.gif") no-repeat left 50%;
  width: 38px;
  }

.large-btns_nav:active {
  opacity: 1.0;
  }

.large-btns_nav.next {
  left: auto;
  background-position: right 50%;
  right: 0;
  }

.centered-btns_nav:focus,
.transparent-btns_nav:focus,
.large-btns_nav:focus {
  outline: none;
  }

.centered-btns_tabs,
.transparent-btns_tabs,
.large-btns_tabs {
  margin-top: -35px;
  text-align: center;
  position: relative;
  z-index: 4000;
  }

.centered-btns_tabs li,
.transparent-btns_tabs li,
.large-btns_tabs li {
  display: inline;
  float: none;
  _float: left;
  *float: left;
  margin-right: 5px;
  }

.centered-btns_tabs a,
.transparent-btns_tabs a,
.large-btns_tabs a {
  text-indent: -9999px;
  overflow: hidden;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background: rgba(255,255,255,0.4);
  display: inline-block;
  _display: block;
  *display: block;
  width: 13px;
  height: 13px;
  margin: -5px 10px 0px 0px;
  }

.centered-btns_here a,
.transparent-btns_here a,
.large-btns_here a {
  width: 13px;
  height: 13px;
  background: rgba(255,255,255,0.8);
  vertical-align: middle;
  }

#slide {
  width: 100%;
  height: 100vh;
  text-align: center;
  z-index: 5;
  float: left;
}