[data-jmm] {
  /**
Scope na jmm-module
 */
  /*==========================================================================
****************************************************************************

	Title: Font and sizes declaration
	Author: Jamel Interactive
	File: typography.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
==============*/
  /* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
  /* HTML5 display-role reset for older browsers */
  /*==========================================================================
****************************************************************************

	Title:  Global styles
	Author: Jamel Interactive
	File: body.scss

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

	Title:  Global title declaration
	Author: Jamel Interactive
	File: title.scss

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

	Title:  Waypoints
	Author: Jamel Interactive
	File: waypoints.scss

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

	Title:  Content
	Author: Jamel Interactive
	File: content.scss

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

	Title:  Global buttons definition
	Author: Jamel Interactive
	File: _buttons_styles.scss

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

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

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

	Title:  person in circle module
	Author: Jamel Interactive
	File: _person.scss

****************************************************************************
==========================================================================*/ }

@font-face {
  font-family: 'UniversforKPMG';
  src: url(fonts/subset-UniversforKPMG-Bold.woff) format("woff");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: 'UniversforKPMG';
  src: url(fonts/subset-UniversforKPMG-Light.woff) format("woff");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'UniversforKPMG';
  src: url(fonts/subset-UniversforKPMG.woff) format("woff");
  font-weight: 400;
  font-style: normal; }
  [data-jmm] html, [data-jmm] body, [data-jmm] div, [data-jmm] span, [data-jmm] applet, [data-jmm] object, [data-jmm] iframe,
  [data-jmm] h1, [data-jmm] h2, [data-jmm] h3, [data-jmm] h4, [data-jmm] h5, [data-jmm] h6, [data-jmm] p, [data-jmm] blockquote, [data-jmm] pre,
  [data-jmm] a, [data-jmm] abbr, [data-jmm] acronym, [data-jmm] address, [data-jmm] big, [data-jmm] cite, [data-jmm] code,
  [data-jmm] del, [data-jmm] dfn, [data-jmm] em, [data-jmm] img, [data-jmm] ins, [data-jmm] kbd, [data-jmm] q, [data-jmm] s, [data-jmm] samp,
  [data-jmm] small, [data-jmm] strike, [data-jmm] strong, [data-jmm] sub, [data-jmm] sup, [data-jmm] tt, [data-jmm] var,
  [data-jmm] b, [data-jmm] u, [data-jmm] i, [data-jmm] center,
  [data-jmm] dl, [data-jmm] dt, [data-jmm] dd, [data-jmm] ol, [data-jmm] ul, [data-jmm] li,
  [data-jmm] fieldset, [data-jmm] form, [data-jmm] label, [data-jmm] legend,
  [data-jmm] table, [data-jmm] caption, [data-jmm] tbody, [data-jmm] tfoot, [data-jmm] thead, [data-jmm] tr, [data-jmm] th, [data-jmm] td,
  [data-jmm] article, [data-jmm] aside, [data-jmm] canvas, [data-jmm] details, [data-jmm] embed,
  [data-jmm] figure, [data-jmm] figcaption, [data-jmm] footer, [data-jmm] header, [data-jmm] hgroup,
  [data-jmm] menu, [data-jmm] nav, [data-jmm] output, [data-jmm] ruby, [data-jmm] section, [data-jmm] summary,
  [data-jmm] time, [data-jmm] mark, [data-jmm] audio, [data-jmm] video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    color: inherit;
    word-wrap: initial !important;
    word-break: initial !important; }
  [data-jmm] article, [data-jmm] aside, [data-jmm] details, [data-jmm] figcaption, [data-jmm] figure,
  [data-jmm] footer, [data-jmm] header, [data-jmm] hgroup, [data-jmm] menu, [data-jmm] nav, [data-jmm] section {
    display: block; }
  [data-jmm] body {
    line-height: 1; }
  [data-jmm] ol, [data-jmm] ul {
    list-style: none; }
  [data-jmm] blockquote, [data-jmm] q {
    quotes: none; }
  [data-jmm] blockquote:before, [data-jmm] blockquote:after,
  [data-jmm] q:before, [data-jmm] q:after {
    content: '';
    content: none; }
  [data-jmm] table {
    border-collapse: collapse;
    border-spacing: 0; }
  [data-jmm] div[data-jmm-module] {
    font-family: "UniversforKPMG", Arial, Helvetica, sans-serif;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box; }
    [data-jmm] div[data-jmm-module] * {
      -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
              box-sizing: border-box; }
  [data-jmm] .title {
    font-family: "KPMG Light", Arial, Helvetica, sans-serif; }
  [data-jmm] .wp {
    position: absolute;
    left: 0;
    width: 1px;
    height: 1px;
    background: red; }
    [data-jmm] .wp__top {
      top: 0; }
    [data-jmm] .wp__bottom {
      top: 0; }
  [data-jmm] .content {
    font-family: "UniversforKPMG", Arial, Helvetica, sans-serif; }
  [data-jmm] .anchor_target {
    position: relative;
    display: block;
    top: -50px;
    visibility: hidden; }
  [data-jmm] .__button__style {
    text-align: right;
    display: inline-block;
    font-size: 22px;
    font-family: "UniversforKPMG", Arial, Helvetica, sans-serif;
    color: inherit;
    position: relative;
    margin-top: 24px;
    font-weight: 300; }
    [data-jmm] .__button__style:hover {
      text-decoration: none; }
    [data-jmm] .__button__style__ico {
      position: absolute;
      font-size: 0;
      font-size: 20px;
      line-height: 0; }
    [data-jmm] .__button__style--1 {
      padding-right: 20px;
      font-size: 16px;
      position: relative; }
      [data-jmm] .__button__style--1:after {
        content: "";
        display: inline-block;
        position: relative;
        margin-left: 5px;
        border-style: solid;
        border-color: inherit;
        border-width: 7px 7px 0 0;
        -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
                transform: rotate(45deg);
        width: 20px;
        height: 20px;
        top: 6px;
        left: 0;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out; }
      [data-jmm] .__button__style--1:hover:after {
        left: 10px; }
    [data-jmm] .__button__style--2 {
      background: #0ff;
      border-radius: 50px;
      color: #000;
      padding: 8px 50px;
      min-height: 45px;
      -webkit-transition: all .3s ease-in-out;
      -o-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out;
      text-align: center;
      -webkit-box-shadow: 0px 5px 24px 0px rgba(0, 0, 0, 0);
              box-shadow: 0px 5px 24px 0px rgba(0, 0, 0, 0);
      top: 0; }
      [data-jmm] .__button__style--2:hover {
        top: -4px;
        -webkit-box-shadow: 0px 5px 24px 0px rgba(51, 51, 51, 0.75);
                box-shadow: 0px 5px 24px 0px rgba(51, 51, 51, 0.75); }
    [data-jmm] .__button__style--3 {
      padding: 12px 50px;
      text-align: center;
      border-radius: 10px;
      -webkit-box-shadow: 0px 4px 16px 0px rgba(51, 51, 51, 0.75);
              box-shadow: 0px 4px 16px 0px rgba(51, 51, 51, 0.75);
      top: 0;
      -webkit-transition: all .3s ease-in-out;
      -o-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out; }
      [data-jmm] .__button__style--3__ico--3 {
        top: calc(100% - 40px);
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        -webkit-transform: rotate(25deg) scale(1) translateZ(0);
                transform: rotate(25deg) scale(1) translateZ(0);
        -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
        right: 0; }
      [data-jmm] .__button__style--3:hover {
        top: -4px; }
        [data-jmm] .__button__style--3:hover .__button__style--3__ico--3 {
          -webkit-transform: rotate(15deg) scale(0.9) translateZ(0);
                  transform: rotate(15deg) scale(0.9) translateZ(0);
          margin-top: -5px; }
    [data-jmm] .__button__style--4 {
      background: #0ff;
      border-radius: 50px;
      color: #000;
      text-align: center;
      padding: 18px 82px 18px 25px;
      -webkit-transition: all .3s ease-in-out;
      -o-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out;
      -webkit-box-shadow: 0px 5px 24px 0px rgba(0, 0, 0, 0);
              box-shadow: 0px 5px 24px 0px rgba(0, 0, 0, 0);
      top: 0; }
      [data-jmm] .__button__style--4__ico--4 {
        right: 18px;
        top: calc(50%  - 22px);
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        -webkit-backface-visibility: hidden;
                backface-visibility: hidden; }
      [data-jmm] .__button__style--4:hover {
        top: -4px;
        -webkit-box-shadow: 0px 5px 24px 0px rgba(51, 51, 51, 0.75);
                box-shadow: 0px 5px 24px 0px rgba(51, 51, 51, 0.75); }
        [data-jmm] .__button__style--4:hover .__button__style--4__ico--4 {
          right: 15px; }
    [data-jmm] .__button__style--5 {
      background: #0ff;
      border-radius: 50px;
      color: #000;
      text-align: left;
      padding: 12px 82px 12px 25px;
      -webkit-transition: all .3s ease-in-out;
      -o-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out;
      -webkit-box-shadow: 0px 5px 24px 0px rgba(0, 0, 0, 0);
              box-shadow: 0px 5px 24px 0px rgba(0, 0, 0, 0);
      top: 0;
      margin-right: 10px; }
      [data-jmm] .__button__style--5:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.2)));
        background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
        border-radius: inherit;
        z-index: 0; }
      [data-jmm] .__button__style--5__ico--5 {
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
        width: 65px;
        height: 65px;
        border-radius: 50%;
        background: inherit;
        right: -6px;
        top: calc(50% - 34px);
        z-index: 1;
        -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
                box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5); }
        [data-jmm] .__button__style--5__ico--5:after {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.2)));
          background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
          background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
          border-radius: inherit;
          z-index: 0; }
        [data-jmm] .__button__style--5__ico--5 svg {
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
              -ms-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%); }
      [data-jmm] .__button__style--5:hover {
        top: -4px;
        -webkit-box-shadow: 0px 5px 24px 0px rgba(51, 51, 51, 0.75);
                box-shadow: 0px 5px 24px 0px rgba(51, 51, 51, 0.75); }
    [data-jmm] .__button__style--6 {
      background: #0ff;
      border-radius: 10px;
      color: #000;
      padding: 12px 24px 12px 78px;
      -webkit-transition: all .3s ease-in-out;
      -o-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out;
      top: 0;
      margin-right: 10px;
      height: 100%;
      overflow: hidden;
      text-align: left; }
      [data-jmm] .__button__style--6__ico--6 {
        left: 0;
        top: 0;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
        width: 58px;
        height: 100%;
        background: inherit;
        right: -6px;
        z-index: 1; }
        [data-jmm] .__button__style--6__ico--6:after {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: rgba(0, 0, 0, 0.2);
          border-radius: inherit;
          z-index: 0; }
        [data-jmm] .__button__style--6__ico--6__arrow {
          position: absolute;
          top: calc(50% - 5px);
          left: 53px;
          width: 10px;
          height: 10px;
          -webkit-transform: rotate(45deg);
              -ms-transform: rotate(45deg);
                  transform: rotate(45deg);
          background: inherit; }
          [data-jmm] .__button__style--6__ico--6__arrow:after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.2);
            border-radius: inherit;
            z-index: 0; }
        [data-jmm] .__button__style--6__ico--6 svg {
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
              -ms-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
          z-index: 1; }
      [data-jmm] .__button__style--6:hover {
        padding-left: 88px; }
  [data-jmm] .person {
    font-size: 0;
    height: 302px;
    overflow: hidden;
    position: relative;
    width: 258px; }
    [data-jmm] .person .person__bottom_wrapper, [data-jmm] .person .person__top_wrapper {
      overflow: hidden;
      position: relative;
      width: 100%; }
    [data-jmm] .person .person__top_wrapper {
      height: 173px; }
    [data-jmm] .person .person__bottom_wrapper {
      height: 129px; }
    [data-jmm] .person__top, [data-jmm] .person__bottom {
      position: relative;
      text-align: center; }
      [data-jmm] .person__top img, [data-jmm] .person__bottom img {
        display: inline-block;
        max-width: 100%;
        position: relative;
        z-index: 2; }
    [data-jmm] .person__top {
      height: 50%;
      width: 100%; }
      [data-jmm] .person__top:before {
        background: white;
        border-radius: 50%;
        content: "";
        display: block;
        height: 258px;
        left: 0;
        position: absolute;
        top: 44px;
        width: 100%;
        z-index: 0; }
    [data-jmm] .person__bottom {
      background: white;
      border-radius: 50%;
      height: 258px;
      overflow: hidden;
      top: -129px;
      z-index: 4; }
      [data-jmm] .person__bottom img {
        top: -44px; }
    [data-jmm] .person__details {
      color: white;
      padding: 20px 0 20px 30px;
      font-size: 16px; }
      [data-jmm] .person__details a {
        color: white;
        text-decoration: none; }
        [data-jmm] .person__details a:hover {
          text-decoration: underline; }
    [data-jmm] .person__name {
      font-size: 36px;
      margin-bottom: 6px; }
    [data-jmm] .person__position {
      margin-bottom: 16px; }
    [data-jmm] .person__offer {
      margin-top: 16px; }
      [data-jmm] .person__offer:before {
        content: "";
        position: relative;
        display: inline-block;
        width: 16px;
        height: 16px;
        border: solid white;
        border-width: 6px 6px 0 0;
        -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
                transform: rotate(45deg);
        top: 2px;
        margin-right: 10px; }