html, body {
      position: relative;
      height: 100%;
      background:gray;
    }
    body {
      background: #eee;
      font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
      font-size: 14px;
      color:#000;
      margin: 0;
      padding: 0;
    }
    
.row > .column {
  padding: 0 8px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

.column {
  float: left;
  width: 25%;
}

/* The Modal (background) */
.myModal{
      width: 100%;
      height: 100%;
      margin-left: auto;
      margin-right: auto;
	
}

.modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 0px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
}

    
    .swiper-container {
/*	  display: none;
	  position:fixed;
*/
    	top: 50px;
      width: 90%;
      height: 90%;
      margin:auto;
      padding:10px;
/*      margin-left: auto;
      margin-right: auto;
      margin-top: auto;
*/    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
/      background: #fff;
/* Center slide text vertically */
/*      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
*/      align-items: center;
    }


.swiper-pagination{
	position:absolute;
	bottom:50px;
}


/* The Close Button */
.close {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.Slides {
/  Background:lime;
  padding:10PX;
}

.cursor {
  cursor: pointer;
}
swiper-button-next{
	z-index:20;
}