/*auto slide - 1*/
        
        .myCustomSlides {display: none;}
        img {vertical-align: middle;}
        
        /* Slideshow container */
        .custom-slideshow-container {
          max-width: 1000px;
          position: relative;
          margin: auto;
        }
        
        /* Caption text */
        .custom-text {
          color: #f2f2f2;
          font-size: 15px;
          padding: 8px 12px;
          position: absolute;
          bottom: 8px;
          width: 100%;
          text-align: center;
        }
        
        /* Number text (1/3 etc) */
        .custom-numbertext {
          color: #f2f2f2;
          font-size: 12px;
          padding: 8px 12px;
          position: absolute;
          top: 0;
        }
        
        /* The dots/bullets/indicators */
        .custom-dot {
          height: 15px;
          width: 15px;
          margin: 0 2px;
          background-color: #bbb;
          border-radius: 50%;
          display: inline-block;
          transition: background-color 0.6s ease;
          display:none;
        }
        
        .custom-active {
          background-color: #717171;
        }
        
        /* Fading animation */
        .custom-fade {
          animation-name: custom-fade;
          animation-duration: 1.5s;
        }
        
        @keyframes custom-fade {
          from {opacity: .4} 
          to {opacity: 1}
        }
        
        /* On smaller screens, decrease text size */
        @media only screen and (max-width: 300px) {
          .custom-text {font-size: 11px}
        }
        
        .myCustomSlides img{
            height:440px;
        }
        
        /*Auto slide 2*/
        
        .myNewSlides {display: none;}
        img {vertical-align: middle;}
        
        /* Slideshow container */
        .new-slideshow-container {
          max-width: 1000px;
          position: relative;
          margin: auto;
        }
        
        /* Caption text */
        .new-text {
          color: #f2f2f2;
          font-size: 15px;
          padding: 8px 12px;
          position: absolute;
          bottom: 8px;
          width: 100%;
          text-align: center;
        }
        
        /* Number text (1/3 etc) */
        .new-numbertext {
          color: #f2f2f2;
          font-size: 12px;
          padding: 8px 12px;
          position: absolute;
          top: 0;
        }
        
        /* The dots/bullets/indicators */
        .new-dot {
          height: 15px;
          width: 15px;
          margin: 0 2px;
          background-color: #bbb;
          border-radius: 50%;
          display: inline-block;
          transition: background-color 0.6s ease;
          display:none;
        }
        
        .new-active {
          background-color: #717171;
        }
        
        /* Fading animation */
        .new-fade {
          animation-name: new-fade;
          animation-duration: 1.5s;
        }
        
        @keyframes new-fade {
          from {opacity: .4} 
          to {opacity: 1}
        }
        
        /* On smaller screens, decrease text size */
        @media only screen and (max-width: 300px) {
          .new-text {font-size: 11px}
        }
        
        .myNewSlides img{
            height:440px;
        }
        
        /*Auto slide 3*/
        
        .old-mySlides {display: none;}
        img {vertical-align: middle;}
        
        /* Slideshow container */
        .old-slideshow-container {
          max-width: 1000px;
          position: relative;
          margin: auto;
        }
        
        /* Caption text */
        .old-text {
          color: #f2f2f2;
          font-size: 15px;
          padding: 8px 12px;
          position: absolute;
          bottom: 8px;
          width: 100%;
          text-align: center;
        }
        
        /* Number text (1/3 etc) */
        .old-numbertext {
          color: #f2f2f2;
          font-size: 12px;
          padding: 8px 12px;
          position: absolute;
          top: 0;
        }
        
        /* The dots/bullets/indicators */
        .old-dot {
          height: 15px;
          width: 15px;
          margin: 0 2px;
          background-color: #bbb;
          border-radius: 50%;
          display: inline-block;
          transition: background-color 0.6s ease;
          display: none;
        }
        
        .old-active {
          background-color: #717171;
        }
        
        /* Fading animation */
        .old-fade {
          animation-name: old-fade;
          animation-duration: 1.5s;
        }
        
        @keyframes old-fade {
          from {opacity: .4} 
          to {opacity: 1}
        }
        
        /* On smaller screens, decrease text size */
        @media only screen and (max-width: 300px) {
          .old-text {font-size: 11px}
        }
        
        .old-mySlides img {
            height: 440px;
        }
        
        /*Autoplay 4*/
        
        
        .clashNewSlides {
          display: none;
        }
    
        img {
          vertical-align: middle;
        }
    
        /* Slideshow container */
        .clashSlideshow-container {
          max-width: 1000px;
          position: relative;
          margin: auto;
        }
    
        /* Caption text */
        .clashText {
          color: #f2f2f2;
          font-size: 15px;
          padding: 8px 12px;
          position: absolute;
          bottom: 8px;
          width: 100%;
          text-align: center;
        }
    
        /* Number text (1/3 etc) */
        .clashNumbertext {
          color: #f2f2f2;
          font-size: 12px;
          padding: 8px 12px;
          position: absolute;
          top: 0;
        }
    
        /* The dots/bullets/indicators */
        .clashDot {
          height: 15px;
          width: 15px;
          margin: 0 2px;
          background-color: #bbb;
          border-radius: 50%;
          display: inline-block;
          transition: background-color 0.6s ease;
          display: none;
        }
    
        .clashActive {
          background-color: #717171;
        }
    
        /* Fading animation */
        .clashFade {
          animation-name: clashFade;
          animation-duration: 1.5s;
        }
    
        @keyframes clashFade {
          from {
            opacity: .4
          }
    
          to {
            opacity: 1
          }
        }
    
        /* On smaller screens, decrease text size */
        @media only screen and (max-width: 300px) {
          .clashText {
            font-size: 11px;
          }
        }
    
        .clashNewSlides img {
          height: 440px;
        }