/* -------------------------------- 

Primary style

-------------------------------- */

img {
  max-width: 100%;
}

/* -------------------------------- 

Main components 

-------------------------------- */


.cd-image-container {
  position: relative;
  width: 100%;
  max-width: 1300px;
  margin: 0em auto;

}
.cd-image-container img {
  display: block;  padding-bottom:8px;
}


.cd-resize-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  overflow: hidden;
}
.cd-resize-img img {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  height: 100%;
  width: auto;
  max-width: none;
}
.cd-resize-img .cd-image-label {
  right: auto;
  left: 0;
}
.is-visible .cd-resize-img {
  width: 50%;
  }
.cd-handle {
  position: absolute;
  height: 52px;
  width: 52px;
  /* center the element */
  left: 50%;
  top: 50%;
  margin-left: -26px;
  margin-top: -16px;
  border-radius: 80%;
  background:  url("../images/slider/slide-black.svg") no-repeat center center;
  cursor: pointer;
}
.cd-handle.draggable {
  /* change background color when element is active */
  background:  url("../images/slider/slide-white-01.svg") no-repeat center center;
}