/* SLIDER STYLES */
section.wrapper-fraction {
  width: 100%;
  background: rgb(204, 204, 204);
  height: 50vw;
  min-height: 300px;
}

.wrapper-fraction .slider-fraction {
  background: #323a45 url("../images/fraction-slider/base01.jpg") no-repeat;
  opacity: 90%;
  border-bottom: 2px solid #c6c6c6;
  background-size: 100%;
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: relative;
  clear: both;
}

/* xxl ≥1400px Exit */
/*  */
/* xxl ≥1400px	Start */

/* xl ≥1200px	Exit */
@media only screen and (min-width: 1200.5px) and (max-width: 1400.5px) {
  .wrapper-fraction .slider-fraction {
    border-bottom: 2px solid #c6c6c6;
  }
}
/* xl ≥1200px	Start */

/* lg ≥992px	Exit */
@media only screen and (min-width: 992.5px) and (max-width: 1200.5px) {
  .wrapper-fraction .slider-fraction {
    border-bottom: 2px solid #c6c6c6;
  }
}
/* lg ≥992px	Start */

/* md ≥768px	Exit */
@media only screen and (min-width: 768.5px) and (max-width: 992.5px) {
  .wrapper-fraction .slider-fraction {
    border-bottom: 2px solid #c6c6c6;
  }
}
/* md ≥768px	Start */

/* sm ≥576px	Exit */
@media only screen and (min-width: 576.5px) and (max-width: 768.5px) {
  .wrapper-fraction .slider-fraction {
    border-bottom: 2px solid #c6c6c6;
    background: #323a45 url("../images/fraction-slider/base02.jpg") no-repeat;
  }
  .fraction-slider {
    margin-top: calc(7vw + 7vh);
  }
}
/* sm ≥576px	Start */

/* xs <576px	Exit */
@media only screen and (min-width: 500.5px) and (max-width: 576.5px) {
  .wrapper-fraction .slider-fraction {
    background: #323a45 url("../images/fraction-slider/base03.jpg") no-repeat;
    border-bottom: 2px solid #c6c6c6;
  }
  .fraction-slider {
    margin-top: calc(7vw + 6vh);
  }
}
@media only screen and (min-width: 400.5px) and (max-width: 500.5px) {
  .wrapper-fraction .slider-fraction {
    background: #323a45 url("../images/fraction-slider/base04.jpg") no-repeat;
    border-bottom: 2px solid #c6c6c6;
  }
  .fraction-slider {
    margin-top: calc(6vw + 5vh);
  }
  section.wrapper-fraction {
    height: 30vw;
    min-height: 250px;
  }
}
@media only screen and (max-width: 400.5px) {
  .wrapper-fraction .slider-fraction {
    background: #323a45 url("../images/fraction-slider/base05.jpg") no-repeat;
    border-bottom: 2px solid #c6c6c6;
  }
  .fraction-slider {
    margin-top: calc(6vw + 5vh);
  }
  section.wrapper-fraction {
    height: 30vw;
    min-height: 200px;
  }
}
/* xs <576px	Start */

/* ELEMENT STYLES */

.slide-fraction1 .img-child {
  border-radius: 10%;
}
.slide-fraction2 .img-child {
  border-radius: 10%;
}
.slide-fraction3 .img-child {
  border-radius: 50%;
}

.slider-fraction p {
  white-space: nowrap;
  text-transform: uppercase;
}

/*-----------Slide-1------------*/
.slider-fraction .slide-fraction1 .slide-fraction-heading {
  background: #373b3f;
  color: #fff;
  font-size: 3rem;
  font-weight: 700;
  font-family: "Open sans", sans-serif;
  text-transform: capitalize;
  padding: 0.7% 0.9%;
  border-radius: 2px;
  box-sizing: content-box;
}

.slider-fraction .slide-fraction1 .slide-fraction-heading:first-of-type {
  background: #2c5075;
  color: #fff;
  font-size: 3.5rem;
}
.slider-fraction .slide-fraction1 .slide-fraction-heading span {
  color: #727cb6;
}

/*-----------Slide-2------------*/

.slider-fraction .slide-fraction2 .slide-fraction-heading,
.slider-fraction .slide-fraction3 .slide-fraction-heading {
  background: #373b3f;
  color: #fff;
  font-weight: 700;
  font-size: 3.1rem;
  font-family: "open sans", sans-serif;
  padding: 0.8% 1.2%;
  border-radius: 2px;
  box-sizing: content-box;
}

.slider-fraction .slide-fraction2 .sub-line-fraction,
.slider-fraction .slide-fraction3 .sub-line-fraction {
  background: #373b3f;
  color: rgb(203, 200, 200);
  font-size: 2.3rem;
  font-weight: normal;
  text-align: center;
  font-weight: 700;
  padding: 0.8% 1%;
  border-radius: 2px;
  box-sizing: content-box;
}

/*------------Slide-3-------------*/
.slider-fraction .slide-fraction3 .slide-fraction-heading {
  background: #727cb6;
}
.slider-fraction .slide-fraction3 .slide-fraction-text {
  color: #eaeaea;
  background: rgba(18, 18, 18, 1);
  font-size: 2.4rem;
  line-height: 150% !important;
  font-family: "open sans", sans-serif;
  font-weight: 500;
  text-transform: none;
  letter-spacing: 1px;
  margin-top: 1.5%;
  padding: 0.2% 1%;
}

.slider-fraction .slide-fraction3 .slide-fraction-heading2 {
  background: #373b3f;
  color: #fff;
  font-weight: 700;
  font-size: 4rem;
  font-family: "open sans", sans-serif;
  padding: 0.8% 1.2%;
  border-radius: 2px;
  box-sizing: content-box;
}

.slider-fraction .slide-fraction3 .sub-line-fraction2 {
  background: #373b3f;
  color: rgb(203, 200, 200);
  font-size: 3.2rem;
  font-weight: normal;
  text-align: center;
  font-weight: 700;
  padding: 0.8% 1%;
  border-radius: 2px;
  box-sizing: content-box;
}

.slider-fraction .slide-fraction3 .slide-fraction-text2 {
  color: #eaeaea;
  background: rgba(18, 18, 18, 1);
  font-size: 3rem;
  line-height: 150% !important;
  font-family: "open sans", sans-serif;
  font-weight: 500;
  text-transform: none;
  letter-spacing: 1px;
  margin-top: 1.5%;
  padding: 0.2% 1%;
}