body {

  text-rendering: optimizeLegibility;
}



img {
  max-width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}


.description {
  border-top: 0.0625rem solid #e3dddd;
  margin: 2rem 0;
  padding: 1rem 0 0 0;
}


.product-image {
  display: none;
}

.image-list li {
  margin: 0;
}

@media (min-width: 100px) {
  .product-image img, .image-list img {
    width: 100%;
  }

  .product-image {
    display: block;
  }

  .product-image img.active {
    display: block;
    margin: 0 0 0.75rem 0;
  }

  .image-list {
    display: -webkit-box;
    display: flex;
    overflow: hidden;
  }
  .image-list li {
    margin: 0 0.75rem 0 0;
    flex-basis: 100%;
  }
  .image-list li:nth-child(3) {
    margin: 0;
  }
  .image-list img {
    height: 10rem;
    width: 100%;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    cursor: pointer;
  }
  .image-list img:hover {
    opacity: 0.7;
  }


}
@-webkit-keyframes fadeImg {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeImg {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}


.classesc{
	width:70%;

	
}
.classescr{
	width:70%;
	margin-left: 100px;
	
}


.mt {
	margin-top:50px;
}


@media (max-width: 767px) {
	.mt {
	margin-top:0px;
}
	.classesc{
	width:80%;
	margin: auto auto;
	
}
.classescr{
	width:80%;
	margin: auto auto;
	
}
	
}


.square {
  position: relative;
  width: 100%;
}

.square:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}