@charset "UTF-8";




table {
  border-spacing: 0;
  border-collapse: collapse; }

td,
th {
  padding: 0; }

h1, h2, h3, h4, h5, h6 {
  margin: 0; }

.row, .insight-carousel .slick-track, .insight-process--small-icon {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.9375rem;
  margin-right: -0.9375rem; }



/*
Elements are rules for classless HTML tags.
There can exist no classes at this layer, only further into our triangle.
*/
a {
  color: #5e5a54;
  text-decoration: none;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s; }
  a:hover, a:focus, a:active {
    color: #5fbd74; }
  a:focus {
    outline: none; }
  a:hover, a:active {
    outline: 0; }

ol {
  list-style: decimal; }

li > ul,
li > ol {
  margin-bottom: 0; }



.insight-about {
  margin: 40px 0 40px 0; }
  .insight-about--main-img {
    padding: 0;
    margin-top: -40px;
    margin-right: -40px;
    text-align: center; }
    @media (min-width: 992px) {
      .insight-about--main-img {
        z-index: 2; } }
    @media (max-width: 1000px) {
      .insight-about--main-img > img {
        width: 100%; } }
  .insight-about--content {
    border: 3px solid #f1eeea;
    border-top: none;
    margin-bottom: -40px;
    padding: 0; }
    @media (min-width: 992px) {
      .insight-about--content {
        max-width: calc(50% + 40px);
        width: calc(50% + 40px); } }
    @media (max-width: 991px) {
      .insight-about--content {
        overflow: hidden; } }
    .insight-about--content--title {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      margin-top: -17px;
      width: 100%;
      overflow: hidden; }
      @media (max-width: 991px) {
        .insight-about--content--title {
          margin-top: 20px; } }
      .insight-about--content--title h4 {
        letter-spacing: 0.1em;
        text-transform: uppercase;
        font-weight: 600!important;
        margin-left: 20px; }
        @media (min-width: 769px) {
          .insight-about--content--title h4 {
            margin-left: 83px;
            white-space: nowrap; } }
      @media (min-width: 769px) {
        .insight-about--content--title--line {
          height: 1px;
          position: relative;
          -webkit-box-flex: 1;
          -webkit-flex: 1 1 auto;
          -ms-flex: 1 1 auto;
          flex: 1 1 auto;
          min-width: 10%;
          border-top: 3px solid #f1eeea;
          margin-left: 30px; } }
  @media (min-width: 769px) and (max-width: 1000px) {
    .insight-about--content--title--line {
      display: none; } }
    .insight-about--content--text {
      padding: 20px; }
      @media (min-width: 769px) {
        .insight-about--content--text {
          padding: 35px 43px 30px 83px; } }
      .insight-about--content--text p:first-child {
        margin-top: 0; }
  .insight-about--carousel {
    position: relative;
    z-index: 3;
    left: -85px; }
    .insight-about--carousel a {
      box-sizing: border-box;
      margin-left: 5px;
      margin-right: 5px;
      position: relative;
      border: 5px solid #fff; }
      .insight-about--carousel a span {
        display: inline-block;
        position: absolute;
        font-size: 20px;
        color: #5fbd74;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        opacity: 0;
        text-align: center;
        z-index: 3; }
      .insight-about--carousel a img {
        width: 100%;
        height: auto; }
      .insight-about--carousel a img, .insight-about--carousel a span {
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s; }
      .insight-about--carousel a:before {
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
        content: '';
        display: block;
        height: 100%;
        width: 100%;
        position: absolute;
        border: 2px solid #5fbd74;
        opacity: 0;
        z-index: 3;
        background-color: #fff; }
      .insight-about--carousel a:hover:before {
        opacity: .9; }
      .insight-about--carousel a:hover span {
        opacity: 1; }
    .insight-about--carousel .about-next {
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -ms-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s;
      right: -55px;
      font-size: 32px;
      line-height: 0;
      position: absolute;
      top: 50%;
      display: block;
      width: 32px;
      height: 32px;
      color: #8e8b87;
      border: 1px solid #8e8b87;
      border-radius: 50%;
      margin-top: -16px;
      padding: 0;
      cursor: pointer;
      outline: none;
      background: transparent; }
      .insight-about--carousel .about-next:hover {
        background-color: #8e8b87;
        color: #fff; }
    .insight-about--carousel .slick-prev {
      display: none !important; }

