/**
 * About Page Module.
 *
 */
 
  main {
    z-index: 1;
  }
  main > .row.about {
    margin-top: 0;
    z-index: 9;
    overflow-x: hidden;
    max-height: unset;
  }
  footer {
    z-index: 1;
  }

  .about .section__theme .text,
  .about-work .section__theme .text,
  .about-profiles .section__theme .text {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .about-profiles h3, .about-rofiles h3 span.small {
    color: #858585;
  }

  .about .text-decoration-italics,
  .about .text-decoration-italics > * {
    font-weight: 500 !important;
    font-style: italic !important;
  }

  .about .page-bottom.page-banner-slider {
    background-image: url(<?php echo($about_page_bottom_banner);?>);
    min-height: 500px;
    position: relative;
    background-color: #ffffff;
    background-size: cover;
    margin-bottom: 0 !important;
  }

  .about .text-overlay-image-center {
    top: 50%;
    left: 25%;
    right: 25%;
    transform: translateY(-50%);
    max-width: 1140px;
    max-height: 250px;
    min-height: 250px;
    margin: auto;
  }

  .about .page__banner--bottom h2 {
    font: normal normal 55px var(--font-vidaloka);
    font-weight: 400 !important;
    font-style: italic !important;
    color: #171717;
    letter-spacing: calc( 1em * ( 50 / 1000 ) );
  }

  section.about-profiles {
    max-height: unset !important;
    padding-bottom: 60px;
  }

  .main-content p {
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 1rem;
  }

  .about .banner-text-shifted p { 
    font: normal normal 19px var(--font-raleway);
    padding-right: 15rem;
    font-style: italic;
    font-weight: 600;
    line-height: 1.618;
  }

  .no-wrap {
    flex-wrap: nowrap;
  }

  .no-wrap p {
    margin-bottom: 1.618rem;
  }

  .about-profiles h2 {
    color: #fefefe;
    font-size: 20px;
    font-family: var( --font-nunito-sans);
  }

  .about-profiles h3,
  .about-profiles h3 span.small-caps {
    font-size: 16px;
    font-variant: small-caps;
  }

  .about .page-bottom.page-banner-slider {
    min-height: 500px;
    max-height: 500px;
    height: auto;
    background-repeat: no-repeat;
    background-size: cover;
  }

  @media only screen and (max-width: 1280px) {
    [class*=about-] .section__theme .text {
      padding: 60px 30px;
      padding-bottom: 60px;
    }

    section.row.about-profiles .text > *:not(.title):not(.subtitle) {
      padding-left: 30px !important;
      padding-right: 30px !important;
    }

  }

  @media only screen and (max-width: 1024px) {
    [class*=about-] .section__theme .text {
      padding-top: 50px !important;
    }
  }

  @media only screen and (max-width: 992px) 
     .about-work .text-decoration-italics > p {
       font-size: 90%;
     }

    .about .page-bottom.page-banner-slider {
      min-height: 375px;
      max-height: 375px;
      height: auto;
      background-repeat: no-repeat;
      background-size: cover;
    }

    .about-feature-decoImg > img.img-fluid {
      max-height: 250px;
      height: 100%;
    }

    .about-feature-decoImg {
      margin-top: -125px;
    }

    .about-feature-decoImg img.img-fluid {
      width: 100%;
    }

    section.about-profiles {
      max-height: unset !important;
      /* padding-bottom: 60px; */
    }

    .about-feature-decoImg {
      margin-top: -125px;
    }

    .about .section__theme .text {
      padding: 60px 15px;
      padding-bottom: 60px;
    }

    [class*=about-] .section__theme .text {
      padding: 60px 15px !important;
      padding-bottom: 60px;
    }

  }

  @media only screen and (max-width:768px) {
    section.row.about-profiles .text > *:not(.title):not(.subtitle) {
      padding-left: 15px !important;
      padding-right: 15px !important;
    }

   .about .section__theme .text {
      padding-bottom: 45px;
   }

   .about .page__banner--bottom h2 {
	font-size: 35px;
	line-height: inherit;
    }

    section.row.about-profiles img.img-fluid {
      max-width: 250px;
    }

    main > .row.about {
      margin-top: 0;
      padding-left: 0 !important;
      padding-right: 0 !important;
    }

    .no-wrap {
      flex-wrap: wrap;
    }

    .about .text-overlay-image-center {
      left: 0;
      right: 0;
      padding-left: 30px;
      padding-right: 30px;
      width: 100%;
    }

    .about .page__banner--bottom h2 {
      font-size: 20px;
    }

    .about .text-overlay-image-center {
      top: 0;
      bottom: -50px;
      transform: unset;
    }

    .about .page-bottom.page-banner-slider {
      background-image: url(<?php echo($about_page_bottom_banner_mobile);?>);
      background-size: 100%;
      background-repeat: no-repeat;
      min-height: 275px;
      text-align: center;
      margin-bottom: 0;
    }

  }