/* css for slideshow */

.slideshow_image {display:none}

.slideshow_image img { width: 100%; }

#slideshow_not_reqd{ max-width: 370px;
            /*height: 540px;*/
            /*float:right;*/
            padding: 20px;
          }

.slideshow_container { max-width: 365px; /* width of images */
                       position: relative;
                       margin: auto;
                     }

/* Next & previous buttons */
.prev, .next { cursor: pointer;
               position: absolute;
               top: 35%;
               width: auto;
               padding: 12px 5px 18px 5px;
               margin-top: -22px;
               color: white;
               font-weight: bold;
               font-size: 30px;
               transition: 0.6s ease;
               border-radius: 0 6px 6px 0;
             }

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

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

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

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

/* The dots/bullets/indicators */

div.slideshow_dots { text-align:center;
                     margin-bottom: 5px;
                   }


.dot { cursor: pointer;
       height: 9px;
       width: 9px;
       margin: 0 2px;
       background-color: #bbb;
       border-radius: 25%;
       display: inline-block;
       transition: background-color 0.6s ease;
     }

.active, .dot:hover { background-color: #333333; /* #717171 */
                    }

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

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