[data-jmm] [data-jmm-module="tabs"] {
  /*==========================================================================
****************************************************************************

	Title: Text element for KPMG
	Author: Jamel Interactive
	File: text.scss

****************************************************************************
==========================================================================*/
  /*==========================================================================
****************************************************************************

	Title: Global Variables for project
	Author: Jamel Interactive
	File: variables_global.scss

****************************************************************************
==========================================================================*/
  /*==========================================================================
****************************************************************************

	Title:  Global Mixins and Functions
	Author: Jamel Interactive
	File: mixins.scss

****************************************************************************
==========================================================================*/
  /*==============
 one font to rule them all
==============*/ }
  [data-jmm] [data-jmm-module="tabs"] {
    position: relative;
    font-size: 0;
    line-height: 0; }
  [data-jmm] [data-jmm-module="tabs"] .jTabs {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    line-height: 110%;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    z-index: 1;
    position: relative;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    overflow: hidden;
    height: auto;
    width: 100%; }
    @media only screen and (max-width: 1024px) {
      [data-jmm] [data-jmm-module="tabs"] .jTabs {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap; } }
    @media only screen and (min-width: 1024px) {
      [data-jmm] [data-jmm-module="tabs"] .jTabs:before {
        content: "";
        height: 122px;
        width: 100%;
        top: 0;
        left: 0;
        background-color: inherit;
        position: absolute;
        display: inline-block; } }
    [data-jmm] [data-jmm-module="tabs"] .jTabs__tabTitle {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
         -moz-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
      width: 100%;
      max-width: 210px;
      text-align: center;
      font-size: 20px;
      position: relative;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      font-weight: 300;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      min-height: 122px;
      line-height: 110%; }
      @media only screen and (max-width: 1485px) {
        [data-jmm] [data-jmm-module="tabs"] .jTabs__tabTitle {
          font-size: 16px;
          max-width: 180px; } }
      @media only screen and (max-width: 1280px) {
        [data-jmm] [data-jmm-module="tabs"] .jTabs__tabTitle {
          font-size: 14px;
          max-width: 140px; } }
      @media only screen and (max-width: 1024px) {
        [data-jmm] [data-jmm-module="tabs"] .jTabs__tabTitle {
          -webkit-box-ordinal-group: initial;
          -webkit-order: initial;
             -moz-box-ordinal-group: initial;
              -ms-flex-order: initial;
                  order: initial;
          max-width: 100%;
          font-size: 20px;
          min-height: 60px; } }
      @media only screen and (min-width: 1024px) {
        [data-jmm] [data-jmm-module="tabs"] .jTabs__tabTitle:not(.active):not(:hover) {
          background-color: transparent !important; }
        [data-jmm] [data-jmm-module="tabs"] .jTabs__tabTitle:not(:last-of-type):after {
          content: "";
          position: absolute;
          right: 0;
          top: 10px;
          width: 1px;
          height: calc(100% - 20px);
          background: white; } }
      @media only screen and (max-width: 1024px) {
        [data-jmm] [data-jmm-module="tabs"] .jTabs__tabTitle:not(.active):not(:focus) {
          background-color: transparent !important; }
        [data-jmm] [data-jmm-module="tabs"] .jTabs__tabTitle:after {
          content: "";
          width: calc(100% - 40px);
          background: white;
          height: 1px;
          position: absolute;
          bottom: 0;
          left: 50%;
          -webkit-transform: translateX(-50%);
              -ms-transform: translateX(-50%);
                  transform: translateX(-50%); }
        [data-jmm] [data-jmm-module="tabs"] .jTabs__tabTitle.active .jTabs__tabListHref:before {
          border-width: 1px 0 0 1px;
          top: 28px; } }
    [data-jmm] [data-jmm-module="tabs"] .jTabs__tabListHref {
      padding: 35px 30px;
      color: inherit;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      position: absolute;
      height: 100%;
      width: 100%;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      left: 0;
      top: 0; }
      [data-jmm] [data-jmm-module="tabs"] .jTabs__tabListHref:hover {
        text-decoration: none; }
      @media only screen and (max-width: 1024px) {
        [data-jmm] [data-jmm-module="tabs"] .jTabs__tabListHref {
          -webkit-box-pack: start;
          -webkit-justify-content: flex-start;
             -moz-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: flex-start;
          padding: 0 40px 0 20px; }
          [data-jmm] [data-jmm-module="tabs"] .jTabs__tabListHref:before {
            content: "";
            width: 10px;
            height: 10px;
            position: absolute;
            right: calc(20px + 10px);
            top: 24px;
            border-style: solid;
            border-color: inherit;
            border-width: 0 1px 1px 0;
            -webkit-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                    transform: rotate(45deg);
            -webkit-transform-origin: center;
                -ms-transform-origin: center;
                    transform-origin: center; } }
    [data-jmm] [data-jmm-module="tabs"] .jTabs__tab {
      width: 100%;
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
         -moz-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
      position: relative;
      height: 0;
      overflow: hidden; }
      @media only screen and (max-width: 1024px) {
        [data-jmm] [data-jmm-module="tabs"] .jTabs__tab {
          -webkit-box-ordinal-group: initial;
          -webkit-order: initial;
             -moz-box-ordinal-group: initial;
              -ms-flex-order: initial;
                  order: initial;
          -webkit-transition: all 0.5s ease-in-out;
          -o-transition: all 0.5s ease-in-out;
          transition: all 0.5s ease-in-out; } }
      @media only screen and (min-width: 1024px) {
        [data-jmm] [data-jmm-module="tabs"] .jTabs__tab.active {
          height: 100%; } }
    [data-jmm] [data-jmm-module="tabs"] .jTabs__tabContent {
      margin: 0 auto;
      max-width: 1082px;
      width: 100%;
      padding: 24px 0;
      line-height: 24px;
      position: relative;
      z-index: 1;
      opacity: 0;
      -webkit-transition: opacity .5s;
      -o-transition: opacity .5s;
      transition: opacity .5s; }
      @media only screen and (max-width: 1122px) {
        [data-jmm] [data-jmm-module="tabs"] .jTabs__tabContent {
          padding-left: 20px;
          padding-right: 20px; } }
      [data-jmm] [data-jmm-module="tabs"] .jTabs__tabContent.active {
        opacity: 1; }
    [data-jmm] [data-jmm-module="tabs"] .jTabs__tabBg {
      margin: 0 auto;
      max-width: 0;
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 50%;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%);
      z-index: 0;
      -webkit-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out; }
      [data-jmm] [data-jmm-module="tabs"] .jTabs__tabBg.active {
        max-width: 100%; }
    [data-jmm] [data-jmm-module="tabs"] .jTabs__title {
      text-align: center;
      color: inherit;
      font-weight: 300;
      margin-bottom: 24px;
      line-height: 100%;
      letter-spacing: -1px;
      position: relative;
      font-family: "KPMG Light", Arial, Helvetica, sans-serif;
      font-size: 56px;
      line-height: 110%; }
      @media only screen and (max-width: 690px) {
        [data-jmm] [data-jmm-module="tabs"] .jTabs__title {
          font-size: 38px; } }
      @media only screen and (max-width: 1024px) {
        [data-jmm] [data-jmm-module="tabs"] .jTabs__title {
          display: none; } }
    [data-jmm] [data-jmm-module="tabs"] .jTabs__desc {
      text-align: center;
      font-weight: 300;
      font-size: 20px;
      letter-spacing: -.5px; }
      @media only screen and (max-width: 1122px) {
        [data-jmm] [data-jmm-module="tabs"] .jTabs__desc {
          font-size: 16px; } }