.slideshow-container{
    width: 100%;
    margin:auto;
    overflow: hidden;
    height: 23vw;
     position:relative;
     direction: ltr;
}
.blueCover{       
}

 .slideshow-container2{
     position:relative;
    width: 300%;
    height: 100%;
 }
 .slideshow-container2 img{
    width: 100%;
    height: 100%;
 }
 .slideshow-container2  .slideImgs{
    width: 33.33%;
 }

.slideshow-container .dots{
     position:absolute;
     bottom:0;left:0;
     margin:auto;
     text-align: center;
     width: 100%;
 }
.slideshow-container .leftArrow{
     position:absolute;
     top:0px;left:0;
     text-align: center;
     width: 4%;
     height: 100%;
   background-color: rgba(0, 0, 0, 0.1) ;
     display:table;
 }
.slideshow-container .leftArrow:hover{
   background-color:   rgba(0, 0, 0, 0.2) ;
 }
.slideshow-container .rightArrow:hover{
   background-color:   rgba(0, 0, 0, 0.2) ;
 }
.slideshow-container .rightArrow div:hover{
   opacity: 1;
 }
.slideshow-container .leftArrow div:hover{
   opacity: 1;
 }
.slideshow-container .leftArrow  div{
     color: #FFF;
     vertical-align: middle;
     display:table-cell;
   cursor: pointer;
   opacity: 0.2;
   cursor: pointer;
   background-image: url(../css/leftArr.png);
   background-position: center;
   background-size: contain;
   background-repeat: no-repeat;
 }
.slideshow-container .rightArrow  div{
     color: #FFF;
     vertical-align: middle;
     display:table-cell;
   cursor: pointer;
   opacity: 0.7;
 }
.slideshow-container .rightArrow{
     position:absolute;
     top:0px;right:0;
     text-align: center;
     width: 4%;
     height: 100%;
   background-color: rgba(0, 0, 0, 0.1) ;
     display:table;
 }
.slideshow-container .rightArrow  div{
     color: #FFF;
     vertical-align: middle;
     display:table-cell;
   cursor: pointer;
   opacity: 0.2;
   background-image: url(../css/rightArr.png);
   background-position: center;
   background-size: contain;
   background-repeat: no-repeat;
 }

 .slideshow-container  .dot {
   cursor: pointer;
   width: 1.5%;height: 1.5vw;
   max-width: 20px;
   max-height: 20px;
   border-radius: 50%;
   background-color:  rgba(212, 212, 212, 0.4) ;
   display:inline-block;
  margin: 2px 2px;
  }
 .slideshow-container  .dot:hover {
  background-color:  rgba(248, 255, 97, 0.6) ;
   width: 1.55%;height: 1.55vw;
   max-width: 22px;
   max-height: 22px;

  }
 .slideshow-container  .dot .active{
  background-color:  rgba(115, 115, 115, 0.6) ;
   width: 21px;height: 21px;

  }
 .rfloat{
     float:right;
 }
.lfloat{
    float:left;
}