.treatments-model {
  position: relative;
  padding-top: 150%;
  width: 100%;
  overflow: visible;
}

.treatments-model-image {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: auto;
  display: block;
}

.treatments-face {
  position: relative;
}

.treatment-list-location {
  position: absolute;
  top: 0;
  left: 0;
  border: 2px solid #03b9e8;
  height: 16px;
  width: 16px;
  display: block;
  cursor: pointer;
  transition: all .3s;
  transform-origin: center;
  border-radius: 50%;
}

.treatment-list-content {
  border-radius: 50%;
  height: 16px;
  width: 16px;
  text-indent: -99999px;
  transition: all .3s;
}

.treatment-list-location.active,
.treatment-list-location:hover {
  background: rgba(3, 185, 232, .5);
  border: 2px solid #07539f;
  transform: scale(1.8);
  transform-origin: center;
  width: 16px;
  height: 16px;
}

.treatment-list-location.active .treatment-list-content,
.treatment-list-location:hover .treatment-list-content {
  height: 30px;
  width: 30px;
}

.treatment-sagging-brows {
  top: 22%;
  left: 32%;
}

.treatment-forehead-wrinkles {
  top: 21%;
  left: 50%;
}

.treatment-mid-face {
  top: 39%;
  left: 75%;
}

.treatment-cheeks {
  top: 45%;
  left: 27%;
}

.treatment-chin {
  top: 63%;
  left: 48.5%;
}

.treatment-ears {
  top: 39%;
  left: 17%;
}

.treatment-jowels {
  top: 59%;
  left: 68%;
}

.treatment-lips {
  top: 51.5%;
  left: 45%;
}

.treatment-neck {
  top: 67%;
  left: 36%;
}

.treatment-nose {
  top: 41%;
  left: 49%;
}

.treatment-temples {
  top: 25%;
  left: 73%;
}

.treatment-jawline {
  top: 53%;
  left: 24%;
}

.treatment-folds {
  top: 48%;
  left: 59%;
}

.treatment-double-chin {
  top: 65.5%;
  left: 57%;
}

.fillers-list {
  width: 100%;
}

.fillers-list-name {
  font-size: 17px;
  color: #333;
}

.treatment-upper-eyelid {
  top: 31%;
  left: 34%;
}

.treatment-lower-eyelid {
  top: 37%;
  left: 34%;
}

.filler-title {
  font-size: 17px;
  font-weight: 100;
  text-transform: uppercase;
  color: #02b9e6;
  float: none;
  margin-right: 0;
  padding-right: 0;
  border-right: 0;
  width: 100%;
  text-align: left;
}

.fillers-content {
  float: none;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

@media (min-width: 992px) {
  .filler-title {
    font-size: 16px;
    width: 43%;
    text-align: right;
    border-right: 1px solid #333;
    padding-right: 5px;
    margin-right: 5px;
    float: left;
  }

  .fillers-content {
    width: 52%;
    float: left;
    margin-left: 5px;
  }

  .fillers-list-name {
    font-size: 16px;
    color: #333;
  }
}

@media (min-width: 1200px) {
  .filler-title {
    font-size: 19px;
    width: 30%;
    padding-right: 15px;
    margin-right: 15px;
  }

  .fillers-content {
    width: 65%;
  }
}

.fillers-list li {
  overflow: hidden;
  display: block;
  transition: all .3s ease-in-out;
  border-bottom: 1px solid #ccc;
  padding: 10px;
  margin-bottom: 0;
}

@media (min-width: 1024px) {
  .fillers-list li {
    padding: 15px;
  }
}

.fillers-list li.active {
  background: #f0f0f0;
}

.treatment-active .fillers-list li {
  opacity: .1;
}

.treatment-active .fillers-list li.active {
  opacity: 1;
  border-bottom: 1px solid #02b9e6;
}


.u-reset--padding {
  padding: 0;
}

.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
}