/* colors */
/*font family*/
/* breakpoints */
/*transform*/
/*transform*/
/*opacity*/
/*opacity- end*/
.cp-ourRange {
  position: relative;
  height: 62.5rem; }
  @media only screen and (max-width: 768px) {
    .cp-ourRange {
      height: 35.0rem; } }
  .cp-ourRange .range-detail {
    position: absolute;
    left: 60px;
    top: 80px; }
    @media only screen and (max-width: 768px) {
      .cp-ourRange .range-detail {
        left: 20px;
        top: 30px; } }
    .cp-ourRange .range-detail .detail-title {
      font-size: 9rem;
      font-family: "Gotham-Black";
      color: #ffffff;
      position: relative; }
      @media only screen and (max-width: 768px) {
        .cp-ourRange .range-detail .detail-title {
          font-size: 3.6rem; } }
      .cp-ourRange .range-detail .detail-title:before {
        content: '';
        width: 24.4rem;
        height: 16.4rem;
        background: url(../assets/images/cont-infograhy.png) 0 0 no-repeat;
        background-size: contain;
        position: absolute;
        top: -6.2rem;
        left: -3.8rem;
        opacity: .8; }
        @media only screen and (max-width: 768px) {
          .cp-ourRange .range-detail .detail-title:before {
            width: 9.8rem;
            height: 6.6rem;
            top: -1.2rem;
            left: -0.8rem; } }
      .cp-ourRange .range-detail .detail-title .subText {
        font-size: 4.5rem;
        font-family: "Gotham-Book";
        color: #ffffff; }
        @media only screen and (max-width: 768px) {
          .cp-ourRange .range-detail .detail-title .subText {
            font-size: 2.2rem; } }
    .cp-ourRange .range-detail .desc {
      font-size: 1.6rem;
      font-family: "Gotham-Book";
      color: #ffffff;
      max-width: 393px;
      width: 100%;
      padding-bottom: 4.3rem; }
      @media only screen and (max-width: 768px) {
        .cp-ourRange .range-detail .desc {
          font-size: 1.2rem;
          max-width: 184px;
          padding-top: 1rem; } }
    @media only screen and (max-width: 768px) {
      .cp-ourRange .range-detail .btn {
        font-size: 1.2rem;
        line-height: 0;
        min-width: 9.2rem;
        padding-top: 1.3rem; } }
  .cp-ourRange .btn {
    padding: 1.2rem;
    min-width: 13rem;
    font-size: 1.4rem;
    line-height: 1.8rem; }

.cp-ourRange .range-detail .detail-title {
  z-index: 1; }
  .cp-ourRange .range-detail .detail-title:before {
    z-index: -1;
    opacity: 0.1; }