* {box-sizing:border-box}

/* Slideshow container */
.slideshow-container1 {
  max-width: 1000px;
  position: relative;
  margin: auto;
  max-height: 800px;
  padding-bottom: 10px;
}

.slideshow-container1-max {
  max-width: 1600px;
  position: relative;
  margin: auto;
  max-height: 800px;
  padding-bottom: 10px;
}

.slideshow-container1-max img{
  max-width: 1600px;
  max-height: 900px
}

.slideshow-container1 img{
  max-width: 600px;
  max-height: 300px
}

.mySlides1 {
    display: none;
}

/* Next & previous buttons */
.prev1, .next1 {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.next1 {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev1:hover, .next1:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text1 {
  font-family: droidserif, Helvetica, Sans-Serif;
  color: #f2f2f2;
  font-size: 50px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext1 {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot1 {
  margin-top: -50px;
  cursor:pointer;
  height: 13px;
  width: 13px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active1, .dot1:hover {
  background-color: #717171;
}

/* Fading animation */
.fade1 {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

.slideshow-display-bottomright{position:absolute;right:0;bottom:0}
.slideshow-large{font-size:18px!important}
.slideshow-padding-16{padding-top:16px!important;padding-bottom:16px!important}
.slideshow-text-white,.slideshow-hover-text-white:hover{color:#fff!important}
.slideshow-dark-grey,.slideshow-hover-dark-grey:hover,.slideshow-dark-gray,.slideshow-hover-dark-gray:hover{
  color:#fff!important;
  background-color:rgba(97,97,97,0.7)!important
  /*background-color:#616161!important*/}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* Slideshow container */
.slideshow-container2 {
  max-width: 1000px;
  position: relative;
  margin: auto;
  padding-bottom: 10px;
}

.slideshow-container2 img{
  max-width: 600px;
  max-height: 300px
}

.slideshow-container2-max {
  max-width: 1600px;
  position: relative;
  margin: auto;
  max-height: 800px;
  padding-bottom: 10px;
}

.slideshow-container2-max img{
  max-width: 1600px;
  max-height: 900px
}

.mySlides2 {
    display: none;
}

/* Next & previous buttons */
.prev2, .next2 {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.next2 {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev2:hover, .next2:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text2 {
  font-family: droidserif, Helvetica, Sans-Serif;
  color: #f2f2f2;
  font-size: 40px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext2 {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot2 {
  cursor:pointer;
  height: 13px;
  width: 13px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active2, .dot2:hover {
  background-color: #717171;
}

/* Fading animation */
.fade2 {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}
/* Slideshow container */
.slideshow-container3 {
  max-width: 1000px;
  position: relative;
  margin: auto;
  padding-bottom: 10px;
}

.slideshow-container3 img{
  max-width: 600px;
  max-height: 300px
}

.mySlides3 {
    display: none;
}

/* Next & previous buttons */
.prev3, .next3 {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.next3 {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev3:hover, .next3:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text3 {
  font-family: droidserif, Helvetica, Sans-Serif;
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext3 {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot3 {
  cursor:pointer;
  height: 13px;
  width: 13px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active3, .dot3:hover {
  background-color: #717171;
}

/* Fading animation */
.fade3 {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

/* Slideshow container */
.slideshow-container4 {
  max-width: 1000px;
  position: relative;
  margin: auto;
  padding-bottom: 10px;
}

.slideshow-container4 img{
  max-width: 600px;
  max-height: 300px
}

.mySlides4 {
    display: none;
}

/* Next & previous buttons */
.prev4, .next4 {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.next4 {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev4:hover, .next4:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text4 {
  font-family: droidserif, Helvetica, Sans-Serif;
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext4 {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot4 {
  cursor:pointer;
  height: 13px;
  width: 13px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active4, .dot4:hover {
  background-color: #717171;
}

/* Fading animation */
.fade4 {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

/* Slideshow container */
.slideshow-container5 {
  max-width: 1000px;
  position: relative;
  margin: auto;
  padding-bottom: 10px;
}

.slideshow-container5 img{
  max-width: 600px;
  max-height: 300px
}

.mySlides5 {
    display: none;
}

/* Next & previous buttons */
.prev5, .next5 {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.next5 {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev5:hover, .next5:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text5 {
  font-family: droidserif, Helvetica, Sans-Serif;
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext5 {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot5 {
  cursor:pointer;
  height: 13px;
  width: 13px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active5, .dot5:hover {
  background-color: #717171;
}

/* Fading animation */
.fade5 {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}
/* Slideshow container */
.slideshow-container6 {
  max-width: 1000px;
  position: relative;
  margin: auto;
  padding-bottom: 10px;
}

.slideshow-container6 img{
  max-width: 600px;
  max-height: 300px
}

.mySlides6 {
    display: none;
}

/* Next & previous buttons */
.prev6, .next6 {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.next6 {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev6:hover, .next6:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text6 {
  font-family: droidserif, Helvetica, Sans-Serif;
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext6 {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot6 {
  cursor:pointer;
  height: 13px;
  width: 13px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active6, .dot6:hover {
  background-color: #717171;
}

/* Fading animation */
.fade6 {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

/* Slideshow container */
.slideshow-container7 {
  max-width: 1000px;
  position: relative;
  margin: auto;
  padding-bottom: 10px;
}

.slideshow-container7 img{
  max-width: 600px;
  max-height: 300px
}

.mySlides7 {
    display: none;
}

/* Next & previous buttons */
.prev7, .next7 {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.next7 {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev7:hover, .next7:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text7 {
  font-family: droidserif, Helvetica, Sans-Serif;
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext7 {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot7 {
  cursor:pointer;
  height: 13px;
  width: 13px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active7, .dot7:hover {
  background-color: #717171;
}

/* Fading animation */
.fade7 {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

/* Slideshow container */
.slideshow-container8 {
  max-width: 1000px;
  position: relative;
  margin: auto;
  padding-bottom: 10px;
}

.slideshow-container8 img{
  max-width: 600px;
  max-height: 300px
}

.mySlides8 {
    display: none;
}

/* Next & previous buttons */
.prev8, .next8 {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.next8 {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev8:hover, .next8:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text8 {
  font-family: droidserif, Helvetica, Sans-Serif;
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext8 {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot8 {
  cursor:pointer;
  height: 13px;
  width: 13px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active8, .dot8:hover {
  background-color: #717171;
}

/* Fading animation */
.fade8 {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

/* Slideshow container */
.slideshow-container9 {
  max-width: 1000px;
  position: relative;
  margin: auto;
  padding-bottom: 10px;
}

.slideshow-container9 img{
  max-width: 600px;
  max-height: 300px
}

.mySlides9 {
    display: none;
}

/* Next & previous buttons */
.prev9, .next9 {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.next9 {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev9:hover, .next9:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text9 {
  font-family: droidserif, Helvetica, Sans-Serif;
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext9 {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot9 {
  cursor:pointer;
  height: 13px;
  width: 13px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active9, .dot9:hover {
  background-color: #717171;
}

/* Fading animation */
.fade9 {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

/* Slideshow container */
.slideshow-container10 {
  max-width: 1000px;
  position: relative;
  margin: auto;
  padding-bottom: 10px;
}

.slideshow-container10 img{
  max-width: 600px;
  max-height: 300px
}

.mySlides10 {
    display: none;
}

/* Next & previous buttons */
.prev10, .next10 {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.next10 {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev10:hover, .next10:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text10 {
  font-family: droidserif, Helvetica, Sans-Serif;
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext10 {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot10 {
  cursor:pointer;
  height: 13px;
  width: 13px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active10, .dot10:hover {
  background-color: #717171;
}

/* Fading animation */
.fade10 {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

/* Slideshow container */
.slideshow-container11 {
  max-width: 1000px;
  position: relative;
  margin: auto;
  padding-bottom: 10px;
}

.slideshow-container11 img{
  max-width: 600px;
  max-height: 300px
}

.mySlides11 {
    display: none;
}

/* Next & previous buttons */
.prev11, .next11 {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.next11 {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev11:hover, .next11:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text11 {
  font-family: droidserif, Helvetica, Sans-Serif;
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext11 {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot11 {
  cursor:pointer;
  height: 13px;
  width: 13px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active11, .dot11:hover {
  background-color: #717171;
}

/* Fading animation */
.fade11 {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}
/* Slideshow container */
.slideshow-container12 {
  max-width: 1000px;
  position: relative;
  margin: auto;
  padding-bottom: 10px;
}

.slideshow-container12 img{
  max-width: 600px;
  max-height: 300px
}

.mySlides12 {
    display: none;
}

/* Next & previous buttons */
.prev12, .next12 {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.next12 {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev12:hover, .next12:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text12 {
  font-family: droidserif, Helvetica, Sans-Serif;
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext12 {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot12 {
  cursor:pointer;
  height: 13px;
  width: 13px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active12, .dot12:hover {
  background-color: #717171;
}

/* Fading animation */
.fade12 {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}
/* Slideshow container */
.slideshow-container13 {
  max-width: 1000px;
  position: relative;
  margin: auto;
  padding-bottom: 10px;
}

.slideshow-container13 img{
  max-width: 600px;
  max-height: 300px
}

.mySlides13 {
    display: none;
}

/* Next & previous buttons */
.prev13, .next13 {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.next13 {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev13:hover, .next13:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text13 {
  font-family: droidserif, Helvetica, Sans-Serif;
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext13 {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot13 {
  cursor:pointer;
  height: 13px;
  width: 13px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active13, .dot13:hover {
  background-color: #717171;
}

/* Fading animation */
.fade13 {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}
/* Slideshow container */
.slideshow-container14 {
  max-width: 1000px;
  position: relative;
  margin: auto;
  padding-bottom: 10px;
}

.slideshow-container14 img{
  max-width: 600px;
  max-height: 300px
}

.mySlides14 {
    display: none;
}

/* Next & previous buttons */
.prev14, .next14 {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.next14 {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev14:hover, .next14:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text14 {
  font-family: droidserif, Helvetica, Sans-Serif;
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext14 {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot14 {
  cursor:pointer;
  height: 13px;
  width: 13px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active14, .dot14:hover {
  background-color: #717171;
}

/* Fading animation */
.fade14 {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}
/* Slideshow container */
.slideshow-container15 {
  max-width: 1000px;
  position: relative;
  margin: auto;
  padding-bottom: 10px;
}

.slideshow-container15 img{
  max-width: 600px;
  max-height: 300px
}

.mySlides15 {
    display: none;
}

/* Next & previous buttons */
.prev15, .next15 {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.next15 {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev15:hover, .next15:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text15 {
  font-family: droidserif, Helvetica, Sans-Serif;
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext15 {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot15 {
  cursor:pointer;
  height: 13px;
  width: 13px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active15, .dot15:hover {
  background-color: #717171;
}

/* Fading animation */
.fade15 {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}
/* Slideshow container */
.slideshow-container16 {
  max-width: 1000px;
  position: relative;
  margin: auto;
  padding-bottom: 10px;
}

.slideshow-container16 img{
  max-width: 600px;
  max-height: 300px
}

.mySlides16 {
    display: none;
}

/* Next & previous buttons */
.prev16, .next16 {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.next16 {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev16:hover, .next16:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text16 {
  font-family: droidserif, Helvetica, Sans-Serif;
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext16 {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot16 {
  cursor:pointer;
  height: 13px;
  width: 13px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active16, .dot16:hover {
  background-color: #717171;
}

/* Fading animation */
.fade16 {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}
/* Slideshow container */
.slideshow-container17 {
  max-width: 1000px;
  position: relative;
  margin: auto;
  padding-bottom: 10px;
}

.slideshow-container17 img{
  max-width: 600px;
  max-height: 300px
}

.mySlides17 {
    display: none;
}

/* Next & previous buttons */
.prev17, .next17 {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.next17 {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev17:hover, .next17:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text17 {
  font-family: droidserif, Helvetica, Sans-Serif;
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext17 {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot17 {
  cursor:pointer;
  height: 13px;
  width: 13px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active17, .dot17:hover {
  background-color: #717171;
}

/* Fading animation */
.fade17 {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

/* Slideshow container */
.slideshow-container18 {
  max-width: 1000px;
  position: relative;
  margin: auto;
  padding-bottom: 10px;
}

.slideshow-container18 img{
  max-width: 600px;
  max-height: 300px
}

.mySlides18 {
    display: none;
}

/* Next & previous buttons */
.prev18, .next18 {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.next18 {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev18:hover, .next18:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text18 {
  font-family: droidserif, Helvetica, Sans-Serif;
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext18 {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot18 {
  cursor:pointer;
  height: 13px;
  width: 13px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active18, .dot18:hover {
  background-color: #717171;
}

/* Fading animation */
.fade18 {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}
/* Slideshow container */
.slideshow-container19 {
  max-width: 1000px;
  position: relative;
  margin: auto;
  padding-bottom: 10px;
}

.slideshow-container19 img{
  max-width: 600px;
  max-height: 300px
}

.mySlides19 {
    display: none;
}

/* Next & previous buttons */
.prev19, .next19 {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.next19 {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev19:hover, .next19:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text19 {
  font-family: droidserif, Helvetica, Sans-Serif;
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext19 {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot19 {
  cursor:pointer;
  height: 13px;
  width: 13px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active19, .dot19:hover {
  background-color: #717171;
}

/* Fading animation */
.fade19 {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}
/* Slideshow container */
.slideshow-container20 {
  max-width: 1000px;
  position: relative;
  margin: auto;
  padding-bottom: 10px;
}

.slideshow-container20 img{
  max-width: 600px;
  max-height: 300px
}

.mySlides20 {
    display: none;
}

/* Next & previous buttons */
.prev20, .next20 {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.next20 {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev20:hover, .next20:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text20 {
  font-family: droidserif, Helvetica, Sans-Serif;
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext20 {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot20 {
  cursor:pointer;
  height: 13px;
  width: 13px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active20, .dot20:hover {
  background-color: #717171;
}

/* Fading animation */
.fade20 {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}
/* Slideshow container */
.slideshow-container21 {
  max-width: 1000px;
  position: relative;
  margin: auto;
  padding-bottom: 10px;
}

.slideshow-container21 img{
  max-width: 600px;
  max-height: 300px
}

.mySlides21 {
    display: none;
}

/* Next & previous buttons */
.prev21, .next21 {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.next21 {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev21:hover, .next21:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text21 {
  font-family: droidserif, Helvetica, Sans-Serif;
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext21 {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot21 {
  cursor:pointer;
  height: 13px;
  width: 13px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active21, .dot21:hover {
  background-color: #717171;
}

/* Fading animation */
.fade21 {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}
/* Slideshow container */
.slideshow-container22 {
  max-width: 1000px;
  position: relative;
  margin: auto;
  padding-bottom: 10px;
}

.slideshow-container22 img{
  max-width: 600px;
  max-height: 300px
}

.mySlides22 {
    display: none;
}

/* Next & previous buttons */
.prev22, .next22 {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.next22 {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev22:hover, .next22:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text22 {
  font-family: droidserif, Helvetica, Sans-Serif;
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext22 {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot22 {
  cursor:pointer;
  height: 13px;
  width: 13px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active22, .dot22:hover {
  background-color: #717171;
}

/* Fading animation */
.fade22 {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}
/* Slideshow container */
.slideshow-container23 {
  max-width: 1000px;
  position: relative;
  margin: auto;
  padding-bottom: 10px;
}

.slideshow-container23 img{
  max-width: 600px;
  max-height: 300px
}

.mySlides23 {
    display: none;
}

/* Next & previous buttons */
.prev23, .next23 {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.next23 {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev23:hover, .next23:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text23 {
  font-family: droidserif, Helvetica, Sans-Serif;
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext23 {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot23 {
  cursor:pointer;
  height: 13px;
  width: 13px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active23, .dot23:hover {
  background-color: #717171;
}

/* Fading animation */
.fade23 {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}
/* Slideshow container */
.slideshow-container24 {
  max-width: 1000px;
  position: relative;
  margin: auto;
  padding-bottom: 10px;
}

.slideshow-container24 img{
  max-width: 600px;
  max-height: 300px
}

.mySlides24 {
    display: none;
}

/* Next & previous buttons */
.prev24, .next24 {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.next24 {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev24:hover, .next24:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text24 {
  font-family: droidserif, Helvetica, Sans-Serif;
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext24 {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot24 {
  cursor:pointer;
  height: 13px;
  width: 13px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active24, .dot24:hover {
  background-color: #717171;
}

/* Fading animation */
.fade24 {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}
/* Slideshow container */
.slideshow-container25 {
  max-width: 1000px;
  position: relative;
  margin: auto;
  padding-bottom: 10px;
}

.slideshow-container25 img{
  max-width: 600px;
  max-height: 300px
}

.mySlides25 {
    display: none;
}

/* Next & previous buttons */
.prev25, .next25 {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.next25 {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev25:hover, .next25:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text25 {
  font-family: droidserif, Helvetica, Sans-Serif;
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext25 {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot25 {
  cursor:pointer;
  height: 13px;
  width: 13px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active25, .dot25:hover {
  background-color: #717171;
}

/* Fading animation */
.fade25 {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}
/* Slideshow container */
.slideshow-container26 {
  max-width: 1000px;
  position: relative;
  margin: auto;
  padding-bottom: 10px;
}

.slideshow-container26 img{
  max-width: 600px;
  max-height: 300px
}

.mySlides26 {
    display: none;
}

/* Next & previous buttons */
.prev26, .next26 {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.next26 {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev26:hover, .next26:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text26 {
  font-family: droidserif, Helvetica, Sans-Serif;
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext26 {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot26 {
  cursor:pointer;
  height: 13px;
  width: 13px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active26, .dot26:hover {
  background-color: #717171;
}

/* Fading animation */
.fade26 {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}
/* Slideshow container */
.slideshow-container27 {
  max-width: 1000px;
  position: relative;
  margin: auto;
  padding-bottom: 10px;
}

.slideshow-container27 img{
  max-width: 600px;
  max-height: 300px
}

.mySlides27 {
    display: none;
}

/* Next & previous buttons */
.prev27, .next27 {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.next27 {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev27:hover, .next27:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text27 {
  font-family: droidserif, Helvetica, Sans-Serif;
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext27 {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot27 {
  cursor:pointer;
  height: 13px;
  width: 13px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active27, .dot27:hover {
  background-color: #717171;
}

/* Fading animation */
.fade27 {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}
/* Slideshow container */
.slideshow-container28 {
  max-width: 1000px;
  position: relative;
  margin: auto;
  padding-bottom: 10px;
}

.slideshow-container28 img{
  max-width: 600px;
  max-height: 300px
}

.mySlides28 {
    display: none;
}

/* Next & previous buttons */
.prev28, .next28 {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.next28 {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev28:hover, .next28:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text28 {
  font-family: droidserif, Helvetica, Sans-Serif;
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext28 {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot28 {
  cursor:pointer;
  height: 13px;
  width: 13px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active28, .dot28:hover {
  background-color: #717171;
}

/* Fading animation */
.fade28 {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}
/* Slideshow container */
.slideshow-container29 {
  max-width: 1000px;
  position: relative;
  margin: auto;
  padding-bottom: 10px;
}

.slideshow-container29 img{
  max-width: 600px;
  max-height: 300px
}

.mySlides29 {
    display: none;
}

/* Next & previous buttons */
.prev29, .next29 {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.next29 {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev29:hover, .next29:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text29 {
  font-family: droidserif, Helvetica, Sans-Serif;
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext29 {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot29 {
  cursor:pointer;
  height: 13px;
  width: 13px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active29, .dot29:hover {
  background-color: #717171;
}

/* Fading animation */
.fade29 {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}
/* Slideshow container */
.slideshow-container30 {
  max-width: 1000px;
  position: relative;
  margin: auto;
  padding-bottom: 10px;
}

.slideshow-container30 img{
  max-width: 600px;
  max-height: 300px
}

.mySlides30 {
    display: none;
}

/* Next & previous buttons */
.prev30, .next30 {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.next30 {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev30:hover, .next30:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text30 {
  font-family: droidserif, Helvetica, Sans-Serif;
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext30 {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot30 {
  cursor:pointer;
  height: 13px;
  width: 13px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active30, .dot30:hover {
  background-color: #717171;
}

/* Fading animation */
.fade30 {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}
/* Slideshow container */
.slideshow-container31 {
  max-width: 1000px;
  position: relative;
  margin: auto;
  padding-bottom: 10px;
}

.slideshow-container31 img{
  max-width: 600px;
  max-height: 300px
}

.mySlides31 {
    display: none;
}

/* Next & previous buttons */
.prev31, .next31 {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.next31 {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev31:hover, .next31:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text31 {
  font-family: droidserif, Helvetica, Sans-Serif;
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext31 {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot31 {
  cursor:pointer;
  height: 13px;
  width: 13px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active31, .dot31:hover {
  background-color: #717171;
}

/* Fading animation */
.fade31 {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}
/* Slideshow container */
.slideshow-container32 {
  max-width: 1000px;
  position: relative;
  margin: auto;
  padding-bottom: 10px;
}

.slideshow-container32 img{
  max-width: 600px;
  max-height: 300px
}

.mySlides32 {
    display: none;
}

/* Next & previous buttons */
.prev32, .next32 {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.next32 {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev32:hover, .next32:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text32 {
  font-family: droidserif, Helvetica, Sans-Serif;
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext32 {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot32 {
  cursor:pointer;
  height: 13px;
  width: 13px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active32, .dot32:hover {
  background-color: #717171;
}

/* Fading animation */
.fade32 {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}
/* Slideshow container */
.slideshow-container33 {
  max-width: 1000px;
  position: relative;
  margin: auto;
  padding-bottom: 10px;
}

.slideshow-container33 img{
  max-width: 600px;
  max-height: 300px
}

.mySlides33 {
    display: none;
}

/* Next & previous buttons */
.prev33, .next33 {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.next33 {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev33:hover, .next33:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text33 {
  font-family: droidserif, Helvetica, Sans-Serif;
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext33 {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot33 {
  cursor:pointer;
  height: 13px;
  width: 13px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active33, .dot33:hover {
  background-color: #717171;
}

/* Fading animation */
.fade33 {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}
/* Slideshow container */
.slideshow-container34 {
  max-width: 1000px;
  position: relative;
  margin: auto;
  padding-bottom: 10px;
}

.slideshow-container34 img{
  max-width: 600px;
  max-height: 300px
}

.mySlides34 {
    display: none;
}

/* Next & previous buttons */
.prev34, .next34 {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.next34 {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev34:hover, .next34:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text34 {
  font-family: droidserif, Helvetica, Sans-Serif;
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext34 {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot34 {
  cursor:pointer;
  height: 13px;
  width: 13px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active34, .dot34:hover {
  background-color: #717171;
}

/* Fading animation */
.fade34 {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}