@charset "UTF-8";
/* CSS Document */

/*
    html,
    body {
      position: relative;
      height: 100%;
    }

    body {
      background: #ffffff;
      font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
      font-size: 14px;
      color: #000;
      margin: 0;
      padding: 0;
    }
*/
    .swiper-container {
     
      width: 90%;
      height: auto; 
      margin: 10px 30px;
      padding: 0px ;
    }

    .swiper-slide {
      background-color: #ffffff;
    /*
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
    */
    }

    .gallery-top {
      height: 80%;
      width: 100%;
    }

    .gallery-thumbs {
      height: 20%;
      width: 80%;
      box-sizing: border-box;
      padding: 10px 0;
    }

    .gallery-thumbs .swiper-slide {
      height: 100%;
      opacity: 0.4;
    }

    .gallery-thumbs .swiper-slide-thumb-active {
      opacity: 1;
    }

/*
.mb60{
	        margin-bottom: 60px;
}	
.swiper-container{
	        text-align: center;
}
.swiper-container .swiper-slide img{
			max-width: 100%;
			width: 100%;
			height: auto;
}
.prettyprint{
			border: none;
			background: #fafafa;
			color: #697d86;
}
#thumbs {
	        height: 20%;
	        box-sizing: border-box;
	        padding: 10px 0;
}
#thumbs .swiper-slide {
	        width: 20%;
	        height: 100%;
	        opacity: 0.2;
	        cursor: pointer;
}
#thumbs .swiper-slide-active {
	        opacity: 1;
}
*/