@keyframes onLoadAnimation {
  from {
    transform: translate3d(0, 60px, 0);
    opacity: 0; }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes whiteSquare {
  0% {
    opacity: 1;
    height: 0; }
  100% {
    height: 690px; } }

@keyframes whiteSquare_xs {
  0% {
    opacity: 1;
    height: 0; }
  100% {
    height: 390px; } }

@keyframes whiteSquare_md {
  0% {
    opacity: 1;
    height: 0; }
  100% {
    height: 393px; } }

@keyframes leftToRight {
  0% {
    opacity: 1;
    transform: translateX(-150%); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

@keyframes lds-ring {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes openPage {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes navAnimation {
  0% {
    opacity: 0;
    transform: translateY(-200px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

.navbar-observable {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 30px 16px;
  opacity: 0; }

.site-navbar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 30px 16px;
  z-index: 10; }
  .site-navbar .blackNav .navlogo-col .logo {
    background: url(/_next/static/files/logoVMA_black_182af0ff18137fa043eb143cd54a1833.svg) no-repeat center center;
    background-size: contain; }
  .site-navbar .navlogo-col {
    position: relative;
    z-index: 1; }
    .site-navbar .navlogo-col .logo {
      height: 47px;
      width: 130px;
      background: url(/_next/static/files/logoVMA_Navbar_daedff185ac615e21c8310febda8011b.svg) no-repeat center center;
      background-size: contain; }
  .site-navbar .i18n-col {
    padding: 0;
    justify-content: flex-end; }
    .site-navbar .i18n-col .languages {
      padding: 13px 0; }
      .site-navbar .i18n-col .languages .active {
        opacity: 1; }
      .site-navbar .i18n-col .languages span {
        position: relative;
        font-size: 13px;
        letter-spacing: 2px;
        font-weight: 500;
        font-family: "Work Sans", sans-serif;
        margin: 0 9px;
        color: #FFFFFF;
        opacity: 0.7;
        transition: opacity 0.3s ease-in-out; }
        .site-navbar .i18n-col .languages span:after {
          content: '';
          position: absolute;
          top: 0;
          right: -9px;
          display: block;
          height: 15px;
          width: 1px;
          background-color: #FFFFFF;
          opacity: 0.7; }
        .site-navbar .i18n-col .languages span:last-child::after {
          display: none; }
        .site-navbar .i18n-col .languages span:hover {
          -webkit-transition: color;
          -moz-transition: color;
          -o-transition: color;
          transition: color;
          transition-duration: 0.3s;
          opacity: 1;
          cursor: pointer; }

.navItems-col {
  justify-content: flex-end; }
  .navItems-col .nav-wrapper .nav-list {
    display: flex;
    color: #FFFFFF;
    padding: 15px 0; }
    .navItems-col .nav-wrapper .nav-list .nav-item {
      padding: 0 15px; }
      .navItems-col .nav-wrapper .nav-list .nav-item a {
        display: block;
        color: #FFFFFF;
        float: left;
        cursor: pointer;
        font-family: "Work Sans", sans-serif;
        text-transform: uppercase;
        text-decoration: none;
        font-size: 13px;
        opacity: 0.7;
        transition: opacity 0.5s ease;
        font-weight: 500;
        letter-spacing: 2px;
        line-height: 15px; }
      .navItems-col .nav-wrapper .nav-list .nav-item .active,
      .navItems-col .nav-wrapper .nav-list .nav-item a:hover {
        position: relative;
        transition: opacity 0.5s ease;
        opacity: 1; }
        .navItems-col .nav-wrapper .nav-list .nav-item .active::after,
        .navItems-col .nav-wrapper .nav-list .nav-item a:hover::after {
          position: absolute;
          bottom: -5px;
          left: 0;
          content: '';
          width: 14px;
          height: 1px;
          background: #FFFFFF; }
    .navItems-col .nav-wrapper .nav-list .languages {
      display: none; }
  .navItems-col .nav-menu-button {
    cursor: pointer;
    display: block;
    position: relative;
    background: none;
    border: none;
    padding: 0 14px;
    width: 16px;
    height: 16px; }
    .navItems-col .nav-menu-button span {
      display: block;
      position: absolute;
      height: 2px;
      width: 50%;
      background: #FFFFFF;
      opacity: 1;
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
      -webkit-transition: all 0.25s ease-in-out;
      -moz-transition: all 0.25s ease-in-out;
      -o-transition: all 0.25s ease-in-out;
      transition: all 0.25s ease-in-out; }
      .navItems-col .nav-menu-button span:nth-child(2) {
        left: 50%;
        -webkit-border-radius: 0 20px 20px 0;
        -moz-border-radius: 0 20px 20px 0;
        border-radius: 0 20px 20px 0; }
      .navItems-col .nav-menu-button span:nth-child(odd) {
        left: 0;
        -webkit-border-radius: 20px 0 0 20px;
        -moz-border-radius: 20px 0 0 20px;
        border-radius: 20px 0 0 20px; }
      .navItems-col .nav-menu-button span:nth-child(1), .navItems-col .nav-menu-button span:nth-child(2) {
        top: 0; }
      .navItems-col .nav-menu-button span:nth-child(3), .navItems-col .nav-menu-button span:nth-child(4) {
        top: 8px; }
      .navItems-col .nav-menu-button span:nth-child(5), .navItems-col .nav-menu-button span:nth-child(6) {
        top: 16px; }
    .navItems-col .nav-menu-button.open span:nth-child(1), .navItems-col .nav-menu-button.open span:nth-child(6) {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg); }
    .navItems-col .nav-menu-button.open span:nth-child(2), .navItems-col .nav-menu-button.open span:nth-child(5) {
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    .navItems-col .nav-menu-button.open span:nth-child(1) {
      left: 0;
      top: 5px; }
    .navItems-col .nav-menu-button.open span:nth-child(2) {
      left: calc(50% - 4px);
      top: 5px; }
    .navItems-col .nav-menu-button.open span:nth-child(3) {
      left: -50%;
      opacity: 0; }
    .navItems-col .nav-menu-button.open span:nth-child(4) {
      left: 100%;
      opacity: 0; }
    .navItems-col .nav-menu-button.open span:nth-child(5) {
      left: 0;
      top: 13px; }
    .navItems-col .nav-menu-button.open span:nth-child(6) {
      left: calc(50% - 4px);
      top: 13px; }

.blackNav .navItems-col .nav-wrapper .nav-list {
  width: 100%; }
  .blackNav .navItems-col .nav-wrapper .nav-list .nav-item a {
    color: #000000;
    transition: opacity 0.5s ease;
    opacity: 0.5; }
  .blackNav .navItems-col .nav-wrapper .nav-list .nav-item .active,
  .blackNav .navItems-col .nav-wrapper .nav-list .nav-item a:hover {
    position: relative;
    transition: opacity 0.5s ease;
    opacity: 1; }
    .blackNav .navItems-col .nav-wrapper .nav-list .nav-item .active::after,
    .blackNav .navItems-col .nav-wrapper .nav-list .nav-item a:hover::after {
      position: absolute;
      bottom: -5px;
      left: 0;
      content: '';
      width: 14px;
      height: 1px;
      background: #000000; }

.blackNav .navItems-col .nav-menu-button span {
  background: #000000; }

.blackNav .i18n-col .languages span {
  color: #000000; }
  .blackNav .i18n-col .languages span:after {
    background-color: #000000; }

.navItems-col .nav-wrapper .nav-list {
  display: flex;
  color: #FFFFFF; }
  .navItems-col .nav-wrapper .nav-list .nav-item {
    padding: 0 15px; }
    .navItems-col .nav-wrapper .nav-list .nav-item a {
      color: #FFFFFF;
      cursor: pointer;
      font-family: "Work Sans", sans-serif;
      text-transform: uppercase;
      text-decoration: none;
      font-size: 13px;
      opacity: 0.7;
      font-weight: 500;
      letter-spacing: 2px;
      line-height: 15px; }

.navItems-col .languages {
  padding-left: 20px;
  display: flex;
  justify-content: flex-end; }
  .navItems-col .languages .lang {
    display: block;
    position: relative;
    float: right; }
    .navItems-col .languages .lang .active {
      font-weight: 400;
      color: #FFFFFF; }
    .navItems-col .languages .lang span {
      font-size: 13px;
      letter-spacing: 2px;
      font-weight: 300;
      font-family: "Work Sans", sans-serif;
      margin: 0 9px;
      color: rgba(255, 255, 255, 0.4); }
      .navItems-col .languages .lang span:hover {
        -webkit-transition: color;
        -moz-transition: color;
        -o-transition: color;
        transition: color;
        transition-duration: 0.3s;
        color: #FFFFFF;
        cursor: pointer; }
    .navItems-col .languages .lang:after {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      display: block;
      height: 15px;
      width: 1px;
      background-color: #FFFFFF; }
    .navItems-col .languages .lang:last-child::after {
      display: none; }

.navItems-col .nav-menu-button {
  display: none;
  cursor: pointer;
  position: relative;
  background: none;
  border: none;
  padding: 0 14px;
  width: 16px;
  height: 16px;
  top: 15px; }
  .navItems-col .nav-menu-button span {
    display: block;
    position: absolute;
    height: 2px;
    width: 50%;
    background: #FFFFFF;
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out; }
    .navItems-col .nav-menu-button span:nth-child(2) {
      left: 50%;
      -webkit-border-radius: 0 20px 20px 0;
      -moz-border-radius: 0 20px 20px 0;
      border-radius: 0 20px 20px 0; }
    .navItems-col .nav-menu-button span:nth-child(odd) {
      left: 0;
      -webkit-border-radius: 20px 0 0 20px;
      -moz-border-radius: 20px 0 0 20px;
      border-radius: 20px 0 0 20px; }
    .navItems-col .nav-menu-button span:nth-child(1), .navItems-col .nav-menu-button span:nth-child(2) {
      top: 0; }
    .navItems-col .nav-menu-button span:nth-child(3), .navItems-col .nav-menu-button span:nth-child(4) {
      top: 8px; }
    .navItems-col .nav-menu-button span:nth-child(5), .navItems-col .nav-menu-button span:nth-child(6) {
      top: 16px; }
  .navItems-col .nav-menu-button.open span:nth-child(1), .navItems-col .nav-menu-button.open span:nth-child(6) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); }
  .navItems-col .nav-menu-button.open span:nth-child(2), .navItems-col .nav-menu-button.open span:nth-child(5) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  .navItems-col .nav-menu-button.open span:nth-child(1) {
    left: 0;
    top: 5px; }
  .navItems-col .nav-menu-button.open span:nth-child(2) {
    left: calc(50% - 4px);
    top: 5px; }
  .navItems-col .nav-menu-button.open span:nth-child(3) {
    left: -50%;
    opacity: 0; }
  .navItems-col .nav-menu-button.open span:nth-child(4) {
    left: 100%;
    opacity: 0; }
  .navItems-col .nav-menu-button.open span:nth-child(5) {
    left: 0;
    top: 13px; }
  .navItems-col .nav-menu-button.open span:nth-child(6) {
    left: calc(50% - 4px);
    top: 13px; }
  .navItems-col .nav-menu-button.open::after {
    background-color: #000000; }

@media all and (max-width: 62em) {
  .scrolling {
    position: fixed;
    background-color: #FFFFFF;
    animation: 0.4s ease-in-out;
    animation-name: navAnimation; }
    .scrolling .navlogo-col .logo {
      background: url(/_next/static/files/logoVMA_black_182af0ff18137fa043eb143cd54a1833.svg) no-repeat center center;
      background-size: contain; }
    .scrolling .nav-menu-button span {
      background: #000000; }
  .site-navbar .i18n-col {
    height: 0; }
    .site-navbar .i18n-col .languages {
      opacity: 0;
      transition: transform 0.6s ease-in-out;
      transform: translateY(100vh);
      padding: 0 0; }
      .site-navbar .i18n-col .languages.open {
        opacity: 1;
        position: absolute;
        height: auto;
        transform: translateY(300px);
        left: 0;
        bottom: 0;
        z-index: 1;
        margin: 0px 20px; }
        .site-navbar .i18n-col .languages.open .active {
          opacity: 1;
          color: #4D4E4C; }
        .site-navbar .i18n-col .languages.open span {
          position: relative;
          font-size: 13px;
          letter-spacing: 2px;
          font-weight: 500;
          font-family: "Work Sans", sans-serif;
          margin: 0 9px;
          color: #FFFFFF;
          opacity: 0.7;
          transition: opacity 0.3s ease-in-out; }
          .site-navbar .i18n-col .languages.open span:after {
            background-color: #FFFFFF;
            opacity: 0.7; }
  .site-navbar .nav-wrapper {
    position: fixed;
    height: 0;
    opacity: 0;
    z-index: -1;
    transition: transform 0.6s ease-in-out;
    transform: translateY(100vh); }
    .site-navbar .nav-wrapper .bg-open-mb-menu {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      background: #19191A;
      z-index: -1; }
    .site-navbar .nav-wrapper.open {
      height: 2000px;
      opacity: 1;
      transform: translateY(0);
      bottom: 0;
      top: 0;
      width: 100%;
      position: fixed;
      right: 0;
      z-index: 1; }
      .site-navbar .nav-wrapper.open .nav-list {
        display: block;
        float: left;
        text-align: left;
        padding-top: 30px;
        width: 100%; }
        .site-navbar .nav-wrapper.open .nav-list .nav-item {
          padding: 20px 30px;
          position: relative; }
          .site-navbar .nav-wrapper.open .nav-list .nav-item a {
            display: block;
            color: #FFFFFF;
            padding: 5px 0;
            transition: color 0.2s ease-in; }
            .site-navbar .nav-wrapper.open .nav-list .nav-item a:after {
              display: none; }
            .site-navbar .nav-wrapper.open .nav-list .nav-item a:focus {
              color: #4D4E4C; }
          .site-navbar .nav-wrapper.open .nav-list .nav-item::before {
            content: '';
            position: absolute;
            left: 90%;
            display: block;
            width: 15px;
            height: 15px;
            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTFweCIgaGVpZ2h0PSIxN3B4IiB2aWV3Qm94PSIwIDAgMTEgMTciIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUyLjMgKDY3Mjk3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5QYXRoIDE5PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9InZlcnPDo28zIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2Utb3BhY2l0eT0iMC42Ij4KICAgICAgICA8ZyBpZD0iTW9iaWxlLU1lbnUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMjkuMDAwMDAwLCAtMTMwLjAwMDAwMCkiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjMiPgogICAgICAgICAgICA8cG9seWxpbmUgaWQ9IlBhdGgtMTkiIHBvaW50cz0iMzMwLjc2ODgzNCAxMzEuMTMxMjU3IDMzNy43Njg4MzQgMTM4LjEzMTI1NyAzMzAuNzY4ODM0IDE0NS4xMzEyNTciPjwvcG9seWxpbmU+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=) no-repeat;
            background-size: contain; }
          .site-navbar .nav-wrapper.open .nav-list .nav-item .active, .site-navbar .nav-wrapper.open .nav-list .nav-item:hover {
            color: #4D4E4C;
            position: initial; }
        .site-navbar .nav-wrapper.open .nav-list .logo-mb-menu {
          display: block;
          overflow: hidden;
          padding-bottom: 50px; }
          .site-navbar .nav-wrapper.open .nav-list .logo-mb-menu .logo {
            margin-left: 30px;
            height: 47px;
            width: 100px;
            background: url(/_next/static/files/logoVMA_Navbar_daedff185ac615e21c8310febda8011b.svg) no-repeat center center;
            background-size: contain; }
        .site-navbar .nav-wrapper.open .nav-list .mb-nav-btn {
          padding-right: 48px; }
          .site-navbar .nav-wrapper.open .nav-list .mb-nav-btn span {
            background: #FFFFFF; }
  .nav-menu-button {
    display: block !important; }
    .nav-menu-button.blackNav {
      display: block !important; } }

.footer-content {
  background: #19191A;
  padding: 40px;
  color: white; }
  .footer-content .lists .list .title {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.35); }
  .footer-content .lists .list ul {
    margin-top: 10px; }
    .footer-content .lists .list ul li {
      padding: 5px 0; }
      .footer-content .lists .list ul li a, .footer-content .lists .list ul li span {
        font-family: "Nunito Sans", sans-serif;
        font-size: 15px;
        font-weight: 200;
        text-decoration: none;
        color: #FFFFFF;
        opacity: 1;
        transition: opacity 0.5s ease; }
        .footer-content .lists .list ul li a:hover, .footer-content .lists .list ul li span:hover {
          opacity: 0.7;
          transition: opacity 0.5s ease; }
  .footer-content .siteMap-col .navigation .title {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.35); }
  .footer-content .siteMap-col .navigation ul {
    margin-top: 10px; }
    .footer-content .siteMap-col .navigation ul li {
      padding: 5px 0; }
      .footer-content .siteMap-col .navigation ul li a {
        font-family: "Nunito Sans", sans-serif;
        font-weight: 200;
        font-size: 15px;
        text-decoration: none;
        color: #FFFFFF;
        opacity: 1;
        transition: opacity 0.5s ease; }
        .footer-content .siteMap-col .navigation ul li a:hover {
          opacity: 0.7;
          transition: opacity 0.5s ease; }
  .footer-content .copyright-col {
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
    line-height: 18px;
    padding-top: 70px;
    justify-content: center;
    color: rgba(255, 255, 255, 0.35); }
  .footer-content .logo {
    opacity: 0.6; }
  @media all and (max-width: 767px) {
    .footer-content {
      display: flex;
      justify-content: center; }
      .footer-content .logoFooter-col,
      .footer-content .contacts-col,
      .footer-content .socialLinks-col,
      .footer-content .siteMap-col,
      .footer-content .copyright-col {
        display: flex;
        justify-content: center;
        padding: 20px 0; }
        .footer-content .logoFooter-col span,
        .footer-content .logoFooter-col li,
        .footer-content .contacts-col span,
        .footer-content .contacts-col li,
        .footer-content .socialLinks-col span,
        .footer-content .socialLinks-col li,
        .footer-content .siteMap-col span,
        .footer-content .siteMap-col li,
        .footer-content .copyright-col span,
        .footer-content .copyright-col li {
          display: flex;
          justify-content: center; }
        .footer-content .logoFooter-col .list .title,
        .footer-content .contacts-col .list .title,
        .footer-content .socialLinks-col .list .title,
        .footer-content .siteMap-col .list .title,
        .footer-content .copyright-col .list .title {
          font-size: 13px; }
      .footer-content .copyright-col span {
        font-size: 13px;
        text-align: center; } }

/* Uncomment and set these variables to customize the grid. */
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-right: 2rem;
  padding-left: 2rem; }

.row {
  box-sizing: border-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex: 0 1 auto;
  -webkit-box-flex: 0;
  flex: 0 1 auto;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -1rem;
  margin-left: -1rem; }

.row.reverse {
  -ms-flex-direction: row-reverse;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  flex-direction: row-reverse; }

.col.reverse {
  -ms-flex-direction: column-reverse;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  flex-direction: column-reverse; }

.col-xs,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  box-sizing: border-box;
  -ms-flex: 0 0 auto;
  -webkit-box-flex: 0;
  flex: 0 0 auto;
  padding-right: 1rem;
  padding-left: 1rem; }

.col-xs {
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  -webkit-box-flex: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  max-width: 100%; }

.col-xs-1 {
  -ms-flex-preferred-size: 8.333%;
  flex-basis: 8.333%;
  max-width: 8.333%; }

.col-xs-2 {
  -ms-flex-preferred-size: 16.667%;
  flex-basis: 16.667%;
  max-width: 16.667%; }

.col-xs-3 {
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%; }

.col-xs-4 {
  -ms-flex-preferred-size: 33.333%;
  flex-basis: 33.333%;
  max-width: 33.333%; }

.col-xs-5 {
  -ms-flex-preferred-size: 41.667%;
  flex-basis: 41.667%;
  max-width: 41.667%; }

.col-xs-6 {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%; }

.col-xs-7 {
  -ms-flex-preferred-size: 58.333%;
  flex-basis: 58.333%;
  max-width: 58.333%; }

.col-xs-8 {
  -ms-flex-preferred-size: 66.667%;
  flex-basis: 66.667%;
  max-width: 66.667%; }

.col-xs-9 {
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
  max-width: 75%; }

.col-xs-10 {
  -ms-flex-preferred-size: 83.333%;
  flex-basis: 83.333%;
  max-width: 83.333%; }

.col-xs-11 {
  -ms-flex-preferred-size: 91.667%;
  flex-basis: 91.667%;
  max-width: 91.667%; }

.col-xs-12 {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%; }

.col-xs-offset-1 {
  margin-left: 8.333%; }

.col-xs-offset-2 {
  margin-left: 16.667%; }

.col-xs-offset-3 {
  margin-left: 25%; }

.col-xs-offset-4 {
  margin-left: 33.333%; }

.col-xs-offset-5 {
  margin-left: 41.667%; }

.col-xs-offset-6 {
  margin-left: 50%; }

.col-xs-offset-7 {
  margin-left: 58.333%; }

.col-xs-offset-8 {
  margin-left: 66.667%; }

.col-xs-offset-9 {
  margin-left: 75%; }

.col-xs-offset-10 {
  margin-left: 83.333%; }

.col-xs-offset-11 {
  margin-left: 91.667%; }

.start-xs {
  -ms-flex-pack: start;
  -webkit-box-pack: start;
  justify-content: flex-start;
  text-align: start; }

.center-xs {
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  text-align: center; }

.end-xs {
  -ms-flex-pack: end;
  -webkit-box-pack: end;
  justify-content: flex-end;
  text-align: end; }

.top-xs {
  -ms-flex-align: start;
  -webkit-box-align: start;
  align-items: flex-start; }

.middle-xs {
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center; }

.bottom-xs {
  -ms-flex-align: end;
  -webkit-box-align: end;
  align-items: flex-end; }

.around-xs {
  -ms-flex-pack: distribute;
  justify-content: space-around; }

.between-xs {
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  justify-content: space-between; }

.first-xs {
  -ms-flex-order: -1;
  -webkit-box-ordinal-group: 0;
  order: -1; }

.last-xs {
  -ms-flex-order: 1;
  -webkit-box-ordinal-group: 2;
  order: 1; }

@media only screen and (min-width: 48em) {
  .container {
    width: 46rem; }
  .col-sm,
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    box-sizing: border-box;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    padding-right: 1rem;
    padding-left: 1rem; }
  .col-sm {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%; }
  .col-sm-1 {
    -ms-flex-preferred-size: 8.333%;
    flex-basis: 8.333%;
    max-width: 8.333%; }
  .col-sm-2 {
    -ms-flex-preferred-size: 16.667%;
    flex-basis: 16.667%;
    max-width: 16.667%; }
  .col-sm-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%; }
  .col-sm-4 {
    -ms-flex-preferred-size: 33.333%;
    flex-basis: 33.333%;
    max-width: 33.333%; }
  .col-sm-5 {
    -ms-flex-preferred-size: 41.667%;
    flex-basis: 41.667%;
    max-width: 41.667%; }
  .col-sm-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%; }
  .col-sm-7 {
    -ms-flex-preferred-size: 58.333%;
    flex-basis: 58.333%;
    max-width: 58.333%; }
  .col-sm-8 {
    -ms-flex-preferred-size: 66.667%;
    flex-basis: 66.667%;
    max-width: 66.667%; }
  .col-sm-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%; }
  .col-sm-10 {
    -ms-flex-preferred-size: 83.333%;
    flex-basis: 83.333%;
    max-width: 83.333%; }
  .col-sm-11 {
    -ms-flex-preferred-size: 91.667%;
    flex-basis: 91.667%;
    max-width: 91.667%; }
  .col-sm-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%; }
  .col-sm-offset-1 {
    margin-left: 8.333%; }
  .col-sm-offset-2 {
    margin-left: 16.667%; }
  .col-sm-offset-3 {
    margin-left: 25%; }
  .col-sm-offset-4 {
    margin-left: 33.333%; }
  .col-sm-offset-5 {
    margin-left: 41.667%; }
  .col-sm-offset-6 {
    margin-left: 50%; }
  .col-sm-offset-7 {
    margin-left: 58.333%; }
  .col-sm-offset-8 {
    margin-left: 66.667%; }
  .col-sm-offset-9 {
    margin-left: 75%; }
  .col-sm-offset-10 {
    margin-left: 83.333%; }
  .col-sm-offset-11 {
    margin-left: 91.667%; }
  .start-sm {
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    text-align: start; }
  .center-sm {
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center; }
  .end-sm {
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    justify-content: flex-end;
    text-align: end; }
  .top-sm {
    -ms-flex-align: start;
    -webkit-box-align: start;
    align-items: flex-start; }
  .middle-sm {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center; }
  .bottom-sm {
    -ms-flex-align: end;
    -webkit-box-align: end;
    align-items: flex-end; }
  .around-sm {
    -ms-flex-pack: distribute;
    justify-content: space-around; }
  .between-sm {
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between; }
  .first-sm {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
    order: -1; }
  .last-sm {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    order: 1; } }

@media only screen and (min-width: 62em) {
  .container {
    width: 61rem; }
  .col-md,
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    box-sizing: border-box;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    padding-right: 1rem;
    padding-left: 1rem; }
  .col-md {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%; }
  .col-md-1 {
    -ms-flex-preferred-size: 8.333%;
    flex-basis: 8.333%;
    max-width: 8.333%; }
  .col-md-2 {
    -ms-flex-preferred-size: 16.667%;
    flex-basis: 16.667%;
    max-width: 16.667%; }
  .col-md-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%; }
  .col-md-4 {
    -ms-flex-preferred-size: 33.333%;
    flex-basis: 33.333%;
    max-width: 33.333%; }
  .col-md-5 {
    -ms-flex-preferred-size: 41.667%;
    flex-basis: 41.667%;
    max-width: 41.667%; }
  .col-md-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%; }
  .col-md-7 {
    -ms-flex-preferred-size: 58.333%;
    flex-basis: 58.333%;
    max-width: 58.333%; }
  .col-md-8 {
    -ms-flex-preferred-size: 66.667%;
    flex-basis: 66.667%;
    max-width: 66.667%; }
  .col-md-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%; }
  .col-md-10 {
    -ms-flex-preferred-size: 83.333%;
    flex-basis: 83.333%;
    max-width: 83.333%; }
  .col-md-11 {
    -ms-flex-preferred-size: 91.667%;
    flex-basis: 91.667%;
    max-width: 91.667%; }
  .col-md-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%; }
  .col-md-offset-1 {
    margin-left: 8.333%; }
  .col-md-offset-2 {
    margin-left: 16.667%; }
  .col-md-offset-3 {
    margin-left: 25%; }
  .col-md-offset-4 {
    margin-left: 33.333%; }
  .col-md-offset-5 {
    margin-left: 41.667%; }
  .col-md-offset-6 {
    margin-left: 50%; }
  .col-md-offset-7 {
    margin-left: 58.333%; }
  .col-md-offset-8 {
    margin-left: 66.667%; }
  .col-md-offset-9 {
    margin-left: 75%; }
  .col-md-offset-10 {
    margin-left: 83.333%; }
  .col-md-offset-11 {
    margin-left: 91.667%; }
  .start-md {
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    text-align: start; }
  .center-md {
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center; }
  .end-md {
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    justify-content: flex-end;
    text-align: end; }
  .top-md {
    -ms-flex-align: start;
    -webkit-box-align: start;
    align-items: flex-start; }
  .middle-md {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center; }
  .bottom-md {
    -ms-flex-align: end;
    -webkit-box-align: end;
    align-items: flex-end; }
  .around-md {
    -ms-flex-pack: distribute;
    justify-content: space-around; }
  .between-md {
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between; }
  .first-md {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
    order: -1; }
  .last-md {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    order: 1; } }

@media only screen and (min-width: 75em) {
  .container {
    width: 71rem; }
  .col-lg,
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    box-sizing: border-box;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    padding-right: 1rem;
    padding-left: 1rem; }
  .col-lg {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%; }
  .col-lg-1 {
    -ms-flex-preferred-size: 8.333%;
    flex-basis: 8.333%;
    max-width: 8.333%; }
  .col-lg-2 {
    -ms-flex-preferred-size: 16.667%;
    flex-basis: 16.667%;
    max-width: 16.667%; }
  .col-lg-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%; }
  .col-lg-4 {
    -ms-flex-preferred-size: 33.333%;
    flex-basis: 33.333%;
    max-width: 33.333%; }
  .col-lg-5 {
    -ms-flex-preferred-size: 41.667%;
    flex-basis: 41.667%;
    max-width: 41.667%; }
  .col-lg-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%; }
  .col-lg-7 {
    -ms-flex-preferred-size: 58.333%;
    flex-basis: 58.333%;
    max-width: 58.333%; }
  .col-lg-8 {
    -ms-flex-preferred-size: 66.667%;
    flex-basis: 66.667%;
    max-width: 66.667%; }
  .col-lg-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%; }
  .col-lg-10 {
    -ms-flex-preferred-size: 83.333%;
    flex-basis: 83.333%;
    max-width: 83.333%; }
  .col-lg-11 {
    -ms-flex-preferred-size: 91.667%;
    flex-basis: 91.667%;
    max-width: 91.667%; }
  .col-lg-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%; }
  .col-lg-offset-1 {
    margin-left: 8.333%; }
  .col-lg-offset-2 {
    margin-left: 16.667%; }
  .col-lg-offset-3 {
    margin-left: 25%; }
  .col-lg-offset-4 {
    margin-left: 33.333%; }
  .col-lg-offset-5 {
    margin-left: 41.667%; }
  .col-lg-offset-6 {
    margin-left: 50%; }
  .col-lg-offset-7 {
    margin-left: 58.333%; }
  .col-lg-offset-8 {
    margin-left: 66.667%; }
  .col-lg-offset-9 {
    margin-left: 75%; }
  .col-lg-offset-10 {
    margin-left: 83.333%; }
  .col-lg-offset-11 {
    margin-left: 91.667%; }
  .start-lg {
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    text-align: start; }
  .center-lg {
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center; }
  .end-lg {
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    justify-content: flex-end;
    text-align: end; }
  .top-lg {
    -ms-flex-align: start;
    -webkit-box-align: start;
    align-items: flex-start; }
  .middle-lg {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center; }
  .bottom-lg {
    -ms-flex-align: end;
    -webkit-box-align: end;
    align-items: flex-end; }
  .around-lg {
    -ms-flex-pack: distribute;
    justify-content: space-around; }
  .between-lg {
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between; }
  .first-lg {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
    order: -1; }
  .last-lg {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    order: 1; } }

/* latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 100;
  src: local("Work Sans Thin"), local("WorkSans-Thin"), url(https://fonts.gstatic.com/s/worksans/v5/QGYqz_wNahGAdqQ43Rh3H5Dlv_1i4_D2E4A.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }

/* latin */
@font-face {
  font-display: swap;
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 100;
  src: local("Work Sans Thin"), local("WorkSans-Thin"), url(https://fonts.gstatic.com/s/worksans/v5/QGYqz_wNahGAdqQ43Rh3H5Drv_1i4_D2.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 200;
  src: local("Work Sans ExtraLight"), local("WorkSans-ExtraLight"), url(https://fonts.gstatic.com/s/worksans/v5/QGYpz_wNahGAdqQ43Rh3s4H8lthNy_r-K7mV.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }

/* latin */
@font-face {
  font-display: swap;
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 200;
  src: local("Work Sans ExtraLight"), local("WorkSans-ExtraLight"), url(https://fonts.gstatic.com/s/worksans/v5/QGYpz_wNahGAdqQ43Rh3s4H8mNhNy_r-Kw.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 300;
  src: local("Work Sans Light"), local("WorkSans-Light"), url(https://fonts.gstatic.com/s/worksans/v5/QGYpz_wNahGAdqQ43Rh314L8lthNy_r-K7mV.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }

/* latin */
@font-face {
  font-display: swap;
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 300;
  src: local("Work Sans Light"), local("WorkSans-Light"), url(https://fonts.gstatic.com/s/worksans/v5/QGYpz_wNahGAdqQ43Rh314L8mNhNy_r-Kw.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* latin-ext */
@font-face {
  font-display: swap;
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 500;
  src: local("Work Sans Medium"), local("WorkSans-Medium"), url(https://fonts.gstatic.com/s/worksans/v5/QGYpz_wNahGAdqQ43Rh3j4P8lthNy_r-K7mV.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }

/* latin */
@font-face {
  font-display: swap;
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 500;
  src: local("Work Sans Medium"), local("WorkSans-Medium"), url(https://fonts.gstatic.com/s/worksans/v5/QGYpz_wNahGAdqQ43Rh3j4P8mNhNy_r-Kw.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* latin-ext */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Work Sans"), local("WorkSans-Regular"), url(https://fonts.gstatic.com/s/worksans/v5/QGYsz_wNahGAdqQ43Rh_cqDptfpA4cD3.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }

/* latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Work Sans"), local("WorkSans-Regular"), url(https://fonts.gstatic.com/s/worksans/v5/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* vietnamese */
@font-face {
  font-family: 'Nunito';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: local("Nunito ExtraLight Italic"), local("Nunito-ExtraLightItalic"), url(https://fonts.gstatic.com/s/nunito/v11/XRXQ3I6Li01BKofIMN5MZ9vFUT8tDntiXTI.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }

/* latin-ext */
@font-face {
  font-family: 'Nunito';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: local("Nunito ExtraLight Italic"), local("Nunito-ExtraLightItalic"), url(https://fonts.gstatic.com/s/nunito/v11/XRXQ3I6Li01BKofIMN5MZ9vEUT8tDntiXTI.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }

/* latin */
@font-face {
  font-family: 'Nunito';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: local("Nunito ExtraLight Italic"), local("Nunito-ExtraLightItalic"), url(https://fonts.gstatic.com/s/nunito/v11/XRXQ3I6Li01BKofIMN5MZ9vKUT8tDnti.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* vietnamese */
@font-face {
  font-family: 'Nunito';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: local("Nunito Light Italic"), local("Nunito-LightItalic"), url(https://fonts.gstatic.com/s/nunito/v11/XRXQ3I6Li01BKofIMN4oZNvFUT8tDntiXTI.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }

/* latin-ext */
@font-face {
  font-family: 'Nunito';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: local("Nunito Light Italic"), local("Nunito-LightItalic"), url(https://fonts.gstatic.com/s/nunito/v11/XRXQ3I6Li01BKofIMN4oZNvEUT8tDntiXTI.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }

/* latin */
@font-face {
  font-family: 'Nunito';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: local("Nunito Light Italic"), local("Nunito-LightItalic"), url(https://fonts.gstatic.com/s/nunito/v11/XRXQ3I6Li01BKofIMN4oZNvKUT8tDnti.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* vietnamese */
@font-face {
  font-family: 'Nunito';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local("Nunito Italic"), local("Nunito-Italic"), url(https://fonts.gstatic.com/s/nunito/v11/XRXX3I6Li01BKofIMNaMRs7nczIHNHI.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }

/* latin-ext */
@font-face {
  font-family: 'Nunito';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local("Nunito Italic"), local("Nunito-Italic"), url(https://fonts.gstatic.com/s/nunito/v11/XRXX3I6Li01BKofIMNaNRs7nczIHNHI.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }

/* latin */
@font-face {
  font-family: 'Nunito';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local("Nunito Italic"), local("Nunito-Italic"), url(https://fonts.gstatic.com/s/nunito/v11/XRXX3I6Li01BKofIMNaDRs7nczIH.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* vietnamese */
@font-face {
  font-family: 'Nunito';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: local("Nunito SemiBold Italic"), local("Nunito-SemiBoldItalic"), url(https://fonts.gstatic.com/s/nunito/v11/XRXQ3I6Li01BKofIMN5cYtvFUT8tDntiXTI.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }

/* latin-ext */
@font-face {
  font-family: 'Nunito';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: local("Nunito SemiBold Italic"), local("Nunito-SemiBoldItalic"), url(https://fonts.gstatic.com/s/nunito/v11/XRXQ3I6Li01BKofIMN5cYtvEUT8tDntiXTI.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }

/* latin */
@font-face {
  font-family: 'Nunito';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: local("Nunito SemiBold Italic"), local("Nunito-SemiBoldItalic"), url(https://fonts.gstatic.com/s/nunito/v11/XRXQ3I6Li01BKofIMN5cYtvKUT8tDnti.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* vietnamese */
@font-face {
  font-family: 'Nunito';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local("Nunito Bold Italic"), local("Nunito-BoldItalic"), url(https://fonts.gstatic.com/s/nunito/v11/XRXQ3I6Li01BKofIMN44Y9vFUT8tDntiXTI.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }

/* latin-ext */
@font-face {
  font-family: 'Nunito';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local("Nunito Bold Italic"), local("Nunito-BoldItalic"), url(https://fonts.gstatic.com/s/nunito/v11/XRXQ3I6Li01BKofIMN44Y9vEUT8tDntiXTI.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }

/* latin */
@font-face {
  font-family: 'Nunito';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local("Nunito Bold Italic"), local("Nunito-BoldItalic"), url(https://fonts.gstatic.com/s/nunito/v11/XRXQ3I6Li01BKofIMN44Y9vKUT8tDnti.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* vietnamese */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: local("Nunito ExtraLight"), local("Nunito-ExtraLight"), url(https://fonts.gstatic.com/s/nunito/v11/XRXW3I6Li01BKofA-seUbuvIWzgPDEtj.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }

/* latin-ext */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: local("Nunito ExtraLight"), local("Nunito-ExtraLight"), url(https://fonts.gstatic.com/s/nunito/v11/XRXW3I6Li01BKofA-seUb-vIWzgPDEtj.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }

/* latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: local("Nunito ExtraLight"), local("Nunito-ExtraLight"), url(https://fonts.gstatic.com/s/nunito/v11/XRXW3I6Li01BKofA-seUYevIWzgPDA.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* vietnamese */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("Nunito Light"), local("Nunito-Light"), url(https://fonts.gstatic.com/s/nunito/v11/XRXW3I6Li01BKofAnsSUbuvIWzgPDEtj.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }

/* latin-ext */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("Nunito Light"), local("Nunito-Light"), url(https://fonts.gstatic.com/s/nunito/v11/XRXW3I6Li01BKofAnsSUb-vIWzgPDEtj.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }

/* latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("Nunito Light"), local("Nunito-Light"), url(https://fonts.gstatic.com/s/nunito/v11/XRXW3I6Li01BKofAnsSUYevIWzgPDA.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* vietnamese */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Nunito Regular"), local("Nunito-Regular"), url(https://fonts.gstatic.com/s/nunito/v11/XRXV3I6Li01BKofIOuaBTMnFcQIG.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }

/* latin-ext */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Nunito Regular"), local("Nunito-Regular"), url(https://fonts.gstatic.com/s/nunito/v11/XRXV3I6Li01BKofIO-aBTMnFcQIG.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }

/* latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Nunito Regular"), local("Nunito-Regular"), url(https://fonts.gstatic.com/s/nunito/v11/XRXV3I6Li01BKofINeaBTMnFcQ.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* vietnamese */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local("Nunito SemiBold"), local("Nunito-SemiBold"), url(https://fonts.gstatic.com/s/nunito/v11/XRXW3I6Li01BKofA6sKUbuvIWzgPDEtj.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }

/* latin-ext */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local("Nunito SemiBold"), local("Nunito-SemiBold"), url(https://fonts.gstatic.com/s/nunito/v11/XRXW3I6Li01BKofA6sKUb-vIWzgPDEtj.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }

/* latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local("Nunito SemiBold"), local("Nunito-SemiBold"), url(https://fonts.gstatic.com/s/nunito/v11/XRXW3I6Li01BKofA6sKUYevIWzgPDA.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* vietnamese */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Nunito Bold"), local("Nunito-Bold"), url(https://fonts.gstatic.com/s/nunito/v11/XRXW3I6Li01BKofAjsOUbuvIWzgPDEtj.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }

/* latin-ext */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Nunito Bold"), local("Nunito-Bold"), url(https://fonts.gstatic.com/s/nunito/v11/XRXW3I6Li01BKofAjsOUb-vIWzgPDEtj.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }

/* latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Nunito Bold"), local("Nunito-Bold"), url(https://fonts.gstatic.com/s/nunito/v11/XRXW3I6Li01BKofAjsOUYevIWzgPDA.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* http://meyerweb.com/eric/tools/css/reset/
   v4.0 | 20180602
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
main, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section {
  display: block; }

/* HTML5 hidden-attribute fix for newer browsers */
*[hidden] {
  display: none; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

button {
  font: inherit; }

:focus {
  outline: none; }

.container {
  width: 100%;
  max-width: 1224px; }

.container-sm {
  max-width: 760px; }

.container-fluid {
  padding-right: 1rem;
  padding-left: 1rem; }

.col {
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column; }

.gutterless {
  padding-left: 0;
  padding-right: 0; }
  .gutterless > .row {
    width: 100%;
    margin-left: 0;
    margin-right: 0; }

[class^="col-xs"],
[class^="col-sm"],
[class^="col-md"],
[class^="col-lg"] {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex; }

h1, h2, h3, h4, h5, h6, small {
  font-weight: 400; }

h1 {
  font-size: 60px;
  line-height: 40px;
  font-weight: 400; }

h2 {
  font-size: 50px;
  line-height: 63px; }

h3 {
  font-size: 40px;
  line-height: 50px;
  font-weight: 400; }

h4 {
  font-size: 35px;
  line-height: 50px;
  font-weight: 700; }

h5 {
  font-size: 28px;
  line-height: 40px;
  font-weight: 700; }

h6 {
  font-size: 18px;
  font-weight: 400;
  line-height: 32px; }

p {
  font-size: 16px;
  line-height: 30px;
  font-weight: 400; }

small {
  font-size: 13px;
  line-height: 19px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 400; }

strong {
  font-weight: bold; }

@media (max-width: 48em) {
  h1 {
    font-size: 38px;
    line-height: 49.4px;
    font-weight: bold; }
  h2 {
    font-size: 36px;
    line-height: 55px; }
  h3 {
    font-size: 30px;
    line-height: 50px; }
  h4 {
    font-size: 30px;
    line-height: 40px;
    font-weight: bold; } }

@keyframes onLoadAnimation {
  from {
    transform: translate3d(0, 60px, 0);
    opacity: 0; }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes whiteSquare {
  0% {
    opacity: 1;
    height: 0; }
  100% {
    height: 690px; } }

@keyframes whiteSquare_xs {
  0% {
    opacity: 1;
    height: 0; }
  100% {
    height: 390px; } }

@keyframes whiteSquare_md {
  0% {
    opacity: 1;
    height: 0; }
  100% {
    height: 393px; } }

@keyframes leftToRight {
  0% {
    opacity: 1;
    transform: translateX(-150%); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

@keyframes lds-ring {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes openPage {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes navAnimation {
  0% {
    opacity: 0;
    transform: translateY(-200px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

body {
  margin: 0;
  padding: 0;
  font-family: sans-serif;
  user-select: none;
  /* supported by Chrome and Opera */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */ }

* {
  box-sizing: border-box; }

.app-shell {
  overflow: hidden; }
  .app-shell .page-wrapper {
    min-height: calc(100vh - 240px); }
    .app-shell .page-wrapper > :nth-child(2) {
      animation-duration: 1s;
      transition-timing-function: ease-in;
      animation-name: openPage; }

@keyframes onLoadAnimation {
  from {
    transform: translate3d(0, 60px, 0);
    opacity: 0; }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes whiteSquare {
  0% {
    opacity: 1;
    height: 0; }
  100% {
    height: 690px; } }

@keyframes whiteSquare_xs {
  0% {
    opacity: 1;
    height: 0; }
  100% {
    height: 390px; } }

@keyframes whiteSquare_md {
  0% {
    opacity: 1;
    height: 0; }
  100% {
    height: 393px; } }

@keyframes leftToRight {
  0% {
    opacity: 1;
    transform: translateX(-150%); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

@keyframes lds-ring {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes openPage {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes navAnimation {
  0% {
    opacity: 0;
    transform: translateY(-200px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

.slider {
  font-family: "Nunito Sans", sans-serif;
  position: relative;
  height: 100%; }
  .slider .slide-wrapper {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    z-index: 0;
    transition: opacity 0.5s ease-in-out; }
    .slider .slide-wrapper .slide {
      height: 100%;
      position: relative; }
      .slider .slide-wrapper .slide .label {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        opacity: 0.6;
        background: black;
        background: linear-gradient(333deg, black 0%, rgba(82, 82, 82, 0) 15%, rgba(255, 255, 255, 0) 100%); }
      .slider .slide-wrapper .slide .image {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0; }
      .slider .slide-wrapper .slide .image-title {
        position: absolute;
        text-align: right;
        z-index: 10;
        bottom: 0;
        right: 25px; }
        .slider .slide-wrapper .slide .image-title p {
          font-size: 14px;
          font-weight: 200;
          font-family: "Nunito Sans", sans-serif;
          opacity: 0.6; }
    .slider .slide-wrapper.active {
      z-index: 1;
      opacity: 1; }
    .slider .slide-wrapper .container {
      height: 100%; }
      .slider .slide-wrapper .container .row {
        height: 100%; }
  .slider .controls {
    position: absolute;
    bottom: 40px;
    right: 0;
    width: 100%;
    height: 100px;
    z-index: 2; }
    .slider .controls .controls-wrapper {
      position: relative;
      height: 100px; }
      .slider .controls .controls-wrapper .bullets {
        position: absolute;
        right: 25px;
        bottom: 15px;
        z-index: 2; }
        .slider .controls .controls-wrapper .bullets .bullet {
          display: inline-block;
          height: 11px;
          width: 11px;
          transition: background-color 1s ease-in-out; }
          .slider .controls .controls-wrapper .bullets .bullet:not(.active) {
            background-color: white;
            border: 1px solid white;
            border-radius: 50%; }
          .slider .controls .controls-wrapper .bullets .bullet.active {
            border: 1px solid white;
            background-color: transparent;
            border-radius: 50%; }
          .slider .controls .controls-wrapper .bullets .bullet:hover {
            cursor: pointer; }
          .slider .controls .controls-wrapper .bullets .bullet:not(:first-child) {
            margin-left: 8px; }

.carousel.carousel-fade .item {
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out; }

.carousel.carousel-fade .active.left,
.carousel.carousel-fade .active.right {
  left: 0;
  z-index: 2;
  opacity: 0;
  filter: alpha(opacity=0); }

.carousel.carousel-fade .next,
.carousel.carousel-fade .prev {
  left: 0;
  z-index: 1; }

.carousel.carousel-fade .carousel-control {
  z-index: 3; }

@keyframes onLoadAnimation {
  from {
    transform: translate3d(0, 60px, 0);
    opacity: 0; }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes whiteSquare {
  0% {
    opacity: 1;
    height: 0; }
  100% {
    height: 690px; } }

@keyframes whiteSquare_xs {
  0% {
    opacity: 1;
    height: 0; }
  100% {
    height: 390px; } }

@keyframes whiteSquare_md {
  0% {
    opacity: 1;
    height: 0; }
  100% {
    height: 393px; } }

@keyframes leftToRight {
  0% {
    opacity: 1;
    transform: translateX(-150%); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

@keyframes lds-ring {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes openPage {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes navAnimation {
  0% {
    opacity: 0;
    transform: translateY(-200px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

.aboutPage {
  display: block;
  background: #FFFFFF;
  padding: 180px 0 100px; }
  .aboutPage .content {
    position: relative;
    display: block;
    width: 100%;
    padding: 0; }
    .aboutPage .content .title {
      display: block;
      color: #1A1919;
      font-family: "Work Sans", sans-serif;
      font-size: 90px;
      line-height: 100px;
      font-weight: 300; }
  .aboutPage .container-wrapper {
    padding: 0;
    margin-left: 27vw; }
  .aboutPage .image-wrapper {
    width: 100%; }
    .aboutPage .image-wrapper .image-container {
      position: relative;
      display: block;
      width: 100%;
      margin-top: 90px;
      height: 600px; }
      .aboutPage .image-wrapper .image-container .image {
        position: absolute;
        right: 0;
        top: 0;
        left: 0;
        height: 600px;
        overflow: hidden; }
  .aboutPage .description-section {
    margin-top: 200px;
    position: relative; }
    .aboutPage .description-section .row .blackSquare-text {
      position: absolute;
      left: -60px;
      bottom: 430px;
      margin-bottom: 50px;
      width: 50%;
      z-index: 2;
      background: #1A1919; }
      .aboutPage .description-section .row .blackSquare-text p {
        width: 100%;
        height: 100%;
        float: right;
        display: block;
        color: #FFFFFF;
        padding: 80px 80px;
        font-weight: 300;
        font-size: 26px;
        line-height: 55px;
        font-family: "Work Sans", sans-serif; }
    .aboutPage .description-section .row .title {
      font-size: 40px;
      font-weight: 400;
      font-family: "Work Sans", sans-serif;
      margin-bottom: 30px; }
    .aboutPage .description-section .row .text {
      column-count: 2;
      column-gap: 40px; }
      .aboutPage .description-section .row .text span,
      .aboutPage .description-section .row .text p {
        font-family: "Work Sans", sans-serif;
        font-size: 18px;
        line-height: 40px;
        color: #4D4E4C;
        font-weight: 400; }

@media all and (max-width: 48em) {
  .aboutPage {
    padding-top: 120px; }
    .aboutPage .content .title {
      font-size: 34px;
      line-height: 50px; }
    .aboutPage .container-wrapper {
      margin-left: 0; }
    .aboutPage .image-wrapper .image-container {
      height: 480px; }
      .aboutPage .image-wrapper .image-container .image {
        height: 350px; }
    .aboutPage .description-section {
      margin-top: 30px;
      position: relative; }
      .aboutPage .description-section .row .blackSquare-text {
        position: absolute;
        width: 300px;
        height: 150px;
        left: 0px;
        top: -160px; }
        .aboutPage .description-section .row .blackSquare-text p {
          height: 100%;
          font-size: 16px;
          line-height: 22px;
          padding: 30px 30px; }
      .aboutPage .description-section .row .content {
        margin-top: 60px; }
        .aboutPage .description-section .row .content .title {
          margin-bottom: 30px;
          font-size: 40px; }
        .aboutPage .description-section .row .content .text {
          column-count: 1;
          padding: 0 30px; }
          .aboutPage .description-section .row .content .text span,
          .aboutPage .description-section .row .content .text p {
            font-size: 18px;
            line-height: 32px; } }

@media all and (min-width: 769px) and (max-width: 849px) {
  .aboutPage .container-wrapper {
    margin-left: 11%; }
  .aboutPage .description-section .row .blackSquare-text {
    position: absolute;
    width: 50%;
    margin-bottom: 270px;
    left: 0; }
    .aboutPage .description-section .row .blackSquare-text p {
      padding: 60px 60px;
      font-weight: 300;
      font-size: 22px;
      line-height: 38px; }
  .aboutPage .description-section .row .content .title {
    margin-bottom: 30px;
    font-size: 40px; }
  .aboutPage .description-section .row .content .text {
    column-count: 2;
    padding: 0 30px; }
    .aboutPage .description-section .row .content .text span {
      font-size: 18px;
      line-height: 35px; } }

@media all and (min-width: 850px) and (max-width: 1100px) {
  .aboutPage .container-wrapper {
    margin-left: 11%; }
  .aboutPage .description-section .row .blackSquare-text {
    position: absolute;
    width: 50%;
    margin-bottom: 240px;
    left: 0px; }
    .aboutPage .description-section .row .blackSquare-text p {
      padding: 60px 60px;
      font-weight: 300;
      font-size: 22px;
      line-height: 38px; }
  .aboutPage .description-section .row .content .title {
    margin-bottom: 30px;
    font-size: 40px; }
  .aboutPage .description-section .row .content .text {
    column-count: 2;
    padding: 0 30px; }
    .aboutPage .description-section .row .content .text span {
      font-size: 18px;
      line-height: 35px; } }

@keyframes onLoadAnimation {
  from {
    transform: translate3d(0, 60px, 0);
    opacity: 0; }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes whiteSquare {
  0% {
    opacity: 1;
    height: 0; }
  100% {
    height: 690px; } }

@keyframes whiteSquare_xs {
  0% {
    opacity: 1;
    height: 0; }
  100% {
    height: 390px; } }

@keyframes whiteSquare_md {
  0% {
    opacity: 1;
    height: 0; }
  100% {
    height: 393px; } }

@keyframes leftToRight {
  0% {
    opacity: 1;
    transform: translateX(-150%); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

@keyframes lds-ring {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes openPage {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes navAnimation {
  0% {
    opacity: 0;
    transform: translateY(-200px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

.servicesPage {
  position: relative; }
  .servicesPage::after {
    content: '';
    height: 15%;
    width: 100%;
    display: block;
    position: absolute;
    bottom: 34%;
    left: 0;
    right: 0;
    z-index: -1;
    background: #19191A; }
  .servicesPage .content-wrapper {
    margin: 0;
    padding: 0; }
    .servicesPage .content-wrapper .no-padding {
      padding: 0; }
    .servicesPage .content-wrapper .content {
      width: 100%;
      padding: 180px 0 100px 0; }
      .servicesPage .content-wrapper .content .title {
        display: block;
        color: #000000;
        font-family: "Work Sans", sans-serif;
        font-size: 90px;
        font-weight: 300;
        line-height: 100px; }
  .servicesPage .container-wrapper {
    padding: 0;
    margin-left: 27vw; }
  .servicesPage .image-wrapper {
    width: 100%; }
    .servicesPage .image-wrapper .image-container {
      position: relative;
      display: block;
      width: 100%;
      margin-top: 90px;
      height: 600px; }
      .servicesPage .image-wrapper .image-container .image {
        position: absolute;
        right: 0;
        top: 0;
        left: 0;
        height: 600px;
        overflow: hidden; }
  .servicesPage .black-section {
    display: block;
    width: 100%;
    height: 100%;
    background: #19191A;
    overflow-x: hidden; }
    .servicesPage .black-section .wrapper {
      width: 100%;
      display: block;
      margin-top: 100px;
      margin-bottom: 50px;
      position: relative; }
      .servicesPage .black-section .wrapper .image-vma {
        position: absolute;
        min-width: 1500px;
        min-height: 500px;
        top: 0;
        left: 40%;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTQ0NnB4IiBoZWlnaHQ9IjU1M3B4IiB2aWV3Qm94PSIwIDAgMTQ0NiA1NTMiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU1ICg3ODA3NikgLSBodHRwczovL3NrZXRjaGFwcC5jb20gLS0+CiAgICA8dGl0bGU+RmlsbC0zNTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJ3ZWJzaXRlX3YyIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBvcGFjaXR5PSIwLjIiPgogICAgICAgIDxwYXRoIGQ9Ik0zMDEsNTUzIEw0MjEuODc1MzM4LDU1MyBMNTQ1Ljg3MTg1MiwyMTcuMjc3MzkyIEw2OTUuNjA0MjE2LDU1MyBMNzQxLjYxNTAwMSw1NTMgTDg5Mi4xMjYxOTMsMjE3LjI3NzM5MiBMMTAxNi4xMjUzMSw1NTMgTDExMzcsNTUzIEw5MjAuMTk5ODMsMCBMODc0LjE4OTY5NywwIEw3MTkuMDAwMzI2LDM2My4xNzcxOTIgTDU2My4wMjk1MiwwIEw1MTcuMDE4NzM1LDAgTDMwMSw1NTMgWiBNMTEwNC40MTA4OCw1MC45ODA1Mjk1IEwxMTI4LjYzNTIyLDAgTDExODMuOTk3NDMsMCBMMTQ0Niw1NTMgTDEzMjguMjUzOTEsNTUzIEwxMjc5LjEzMDA5LDQ0MC44MzI4NzEgTDExMjcuMTg1MjcsNDQwLjgzMjg3MSBMMTA4OCwzNDcuNDg4ODU4IEwxMjM5LjM2MDkzLDM0Ny40ODg4NTggTDExMDQuNDEwODgsNTAuOTgwNTI5NSBaIE0wLDAgTDEyMS4xNzQxNTUsMCBMMjk3LDQ3My4yODA2ODggTDI2Mi42NzgwNDksNTUzIEwyMTYuNTUzOTI1LDU1MyBMMCwwIFoiIGlkPSJGaWxsLTM1IiBmaWxsPSIjNEQ0RTRDIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD4KICAgIDwvZz4KPC9zdmc+) no-repeat top center;
        object-fit: cover; }
      .servicesPage .black-section .wrapper .swiper {
        display: block;
        height: 100%; }
        .servicesPage .black-section .wrapper .swiper .ourValues {
          margin-bottom: 40px;
          text-transform: uppercase;
          font-size: 13px;
          font-weight: 300;
          font-family: "Work Sans", sans-serif;
          letter-spacing: 2px;
          line-height: 15px;
          color: rgba(255, 255, 255, 0.7); }
        .servicesPage .black-section .wrapper .swiper .title,
        .servicesPage .black-section .wrapper .swiper .middle-title {
          display: block;
          padding: 40px 0;
          width: 100%;
          color: #FFFFFF;
          font-size: 60px;
          font-weight: 300;
          line-height: 55px;
          font-family: "Work Sans", sans-serif; }
        .servicesPage .black-section .wrapper .swiper .middle-subtitle p {
          opacity: 0.5;
          color: #FFFFFF;
          font-family: "Work Sans", sans-serif;
          font-size: 18px;
          font-weight: 300;
          line-height: 26px;
          margin-bottom: 30px; }
        .servicesPage .black-section .wrapper .swiper .middle-columns {
          margin-left: 16px;
          padding-bottom: 30px;
          font-family: "Work Sans", sans-serif;
          color: #FFFFFF;
          font-size: 18px;
          font-weight: 300;
          line-height: 40px;
          opacity: 0.8;
          columns: 2; }
          .servicesPage .black-section .wrapper .swiper .middle-columns ul li {
            list-style-type: initial; }

@media all and (max-width: 48em) {
  .servicesPage::after {
    height: 20%;
    bottom: 44%; }
  .servicesPage .content-wrapper .content {
    padding: 120px 0 0; }
    .servicesPage .content-wrapper .content .title {
      font-size: 34px;
      line-height: 50px; }
  .servicesPage .container-wrapper {
    margin-left: 0; }
  .servicesPage .image-wrapper .image-container {
    height: 400px; }
    .servicesPage .image-wrapper .image-container .image {
      height: 350px; }
  .servicesPage .black-section .wrapper {
    margin-top: 30px; }
    .servicesPage .black-section .wrapper .img-wrapper::before {
      min-height: 500px;
      left: 10%; }
    .servicesPage .black-section .wrapper .swiper .title {
      font-size: 32px;
      font-weight: 300;
      line-height: 40px; }
    .servicesPage .black-section .wrapper .swiper .middle-columns {
      columns: 1; } }

@media all and (min-width: 48em) and (max-width: 1500px) {
  .servicesPage .content-wrapper .content {
    padding-bottom: 0; }
  .servicesPage .container-wrapper {
    margin-left: 11%; } }

@keyframes onLoadAnimation {
  from {
    transform: translate3d(0, 60px, 0);
    opacity: 0; }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes whiteSquare {
  0% {
    opacity: 1;
    height: 0; }
  100% {
    height: 690px; } }

@keyframes whiteSquare_xs {
  0% {
    opacity: 1;
    height: 0; }
  100% {
    height: 390px; } }

@keyframes whiteSquare_md {
  0% {
    opacity: 1;
    height: 0; }
  100% {
    height: 393px; } }

@keyframes leftToRight {
  0% {
    opacity: 1;
    transform: translateX(-150%); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

@keyframes lds-ring {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes openPage {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes navAnimation {
  0% {
    opacity: 0;
    transform: translateY(-200px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

.podcast-container {
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  border: 1px solid #E1E1E1;
  padding: 26px 30px;
  margin-bottom: 31px; }
  .podcast-container .controls {
    align-items: center;
    margin-left: -15px; }
    .podcast-container .controls .play {
      margin-left: 17px;
      margin-right: 17px;
      cursor: pointer; }
      .podcast-container .controls .play:hover g circle {
        fill: #474747; }
    .podcast-container .controls .timer {
      width: 25px;
      height: 25px;
      cursor: pointer; }
      .podcast-container .controls .timer:hover g {
        fill: #303030; }
  .podcast-container .player {
    justify-content: center;
    flex-direction: column;
    margin-left: 15px; }
    .podcast-container .player .title {
      color: #1A1919;
      font-family: "Work Sans", sans-serif;
      font-size: 19px;
      font-weight: 600;
      line-height: 23px;
      padding-bottom: 12px; }

@media (max-width: 62em) {
  .podcast-container .controls {
    margin-left: 0; }
  .podcast-container .player {
    margin-left: 0; } }

@media (max-width: 48em) {
  .podcast-container {
    padding: 26px 8px; }
    .podcast-container .wrapper {
      flex-direction: column-reverse; }
      .podcast-container .wrapper .title {
        display: flex;
        justify-content: center;
        padding-bottom: 31px; }
      .podcast-container .wrapper .controls {
        justify-content: center;
        padding-top: 16px; } }

.slider-container {
  position: relative;
  width: 100%; }
  .slider-container::before {
    content: '';
    background-color: #D8D8D8;
    width: 99%;
    height: 3px;
    display: block;
    position: absolute;
    border-radius: 10px;
    left: 50%;
    transform: translateX(-50%); }
  .slider-container .progress-bar-cover {
    background-color: #474545;
    width: 100%;
    height: 3px;
    display: block;
    position: absolute;
    border-radius: 10px;
    z-index: 1;
    user-select: none;
    pointer-events: none; }
  .slider-container .range {
    -webkit-appearance: none;
    background-color: #D8D8D8;
    height: 10px;
    width: 100%;
    cursor: pointer;
    opacity: 0;
    margin: 0 auto; }
    .slider-container .range::-webkit-slider-thumb {
      -webkit-appearance: none;
      border-radius: 50%;
      height: 11px;
      width: 11px;
      background: #1A1919; }
  .slider-container .thumb {
    height: 11px;
    width: 11px;
    z-index: 3;
    position: absolute;
    border-radius: 50%;
    background: #1A1919;
    pointer-events: none;
    user-select: none;
    transform: translateY(-32%); }

@keyframes onLoadAnimation {
  from {
    transform: translate3d(0, 60px, 0);
    opacity: 0; }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes whiteSquare {
  0% {
    opacity: 1;
    height: 0; }
  100% {
    height: 690px; } }

@keyframes whiteSquare_xs {
  0% {
    opacity: 1;
    height: 0; }
  100% {
    height: 390px; } }

@keyframes whiteSquare_md {
  0% {
    opacity: 1;
    height: 0; }
  100% {
    height: 393px; } }

@keyframes leftToRight {
  0% {
    opacity: 1;
    transform: translateX(-150%); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

@keyframes lds-ring {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes openPage {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes navAnimation {
  0% {
    opacity: 0;
    transform: translateY(-200px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

.timer {
  display: flex;
  justify-content: space-between;
  color: #868589;
  font-family: "Work Sans", sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 15px; }

@keyframes onLoadAnimation {
  from {
    transform: translate3d(0, 60px, 0);
    opacity: 0; }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes whiteSquare {
  0% {
    opacity: 1;
    height: 0; }
  100% {
    height: 690px; } }

@keyframes whiteSquare_xs {
  0% {
    opacity: 1;
    height: 0; }
  100% {
    height: 390px; } }

@keyframes whiteSquare_md {
  0% {
    opacity: 1;
    height: 0; }
  100% {
    height: 393px; } }

@keyframes leftToRight {
  0% {
    opacity: 1;
    transform: translateX(-150%); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

@keyframes lds-ring {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes openPage {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes navAnimation {
  0% {
    opacity: 0;
    transform: translateY(-200px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

.blog-simple-card {
  box-sizing: content-box;
  width: 100%; }
  .blog-simple-card .card {
    background-color: #f7f7f7; }
  .blog-simple-card a {
    display: inline-block;
    position: relative;
    text-decoration: none;
    width: 100%;
    height: 100%;
    margin-bottom: 20px; }
    .blog-simple-card a .content {
      overflow: hidden; }
      .blog-simple-card a .content .info {
        padding: 22px; }
        .blog-simple-card a .content .info span {
          text-transform: uppercase;
          overflow: hidden;
          opacity: 0.6;
          color: #3b3b46;
          font-family: "Work Sans", sans-serif;
          font-size: 14px;
          font-weight: 500;
          line-height: 15px; }
        .blog-simple-card a .content .info .blog-title {
          margin: 14px 0;
          font-family: "Work Sans", sans-serif;
          color: #1c1a1a;
          font-size: 16px;
          font-weight: 600;
          line-height: 26px; }
        .blog-simple-card a .content .info::after {
          position: absolute;
          content: '';
          bottom: 0px;
          right: -40px;
          height: 56px;
          width: 56px;
          border: 10px solid white;
          opacity: 0;
          transition: opacity 0.2s ease-in-out;
          background: black url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjhweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMjggMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU0LjEgKDc2NDkwKSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDx0aXRsZT5Hcm91cCAyMUAxeDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJ3ZWJzaXRlX3YyIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iSG9tZXBhZ2VfdjIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04NTkuMDAwMDAwLCAtMjM4Ny4wMDAwMDApIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMTEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE0Mi4wMDAwMDAsIDIxNzQuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjg5LjAwMDAwMCwgMTc4LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC0yMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjkuMDAwMDAwLCAzNS4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTI0LjMwMTkxMjksNy44OTc0MzU5IEwxOC4zMzA0NDM2LDEzLjg2ODkwNTIgQzE3Ljg4OTg1MjEsMTQuMzA5NDk2NyAxNy44ODk4NTIxLDE1LjAyMzgzNjcgMTguMzMwNDQzNiwxNS40NjQ0MjgyIEMxOC43NzEwMzUxLDE1LjkwNTAxOTcgMTkuNDg1Mzc1MSwxNS45MDUwMTk3IDE5LjkyNTk2NjYsMTUuNDY0NDI4MiBMMjYuNjk1MTk3NCw4LjY5NTE5NzM5IEMyNy4xMzU3ODg5LDguMjU0NjA1ODkgMjcuMTM1Nzg4OSw3LjU0MDI2NTkxIDI2LjY5NTE5NzQsNy4wOTk2NzQ0IEwxOS45MjU5NjY2LDAuMzMwNDQzNjMxIEMxOS40ODUzNzUxLC0wLjExMDE0Nzg3NyAxOC43NzEwMzUxLC0wLjExMDE0Nzg3NyAxOC4zMzA0NDM2LDAuMzMwNDQzNjMxIEMxNy44ODk4NTIxLDAuNzcxMDM1MTQgMTcuODg5ODUyMSwxLjQ4NTM3NTEyIDE4LjMzMDQ0MzYsMS45MjU5NjY2MiBMMjQuMzAxOTEyOSw3Ljg5NzQzNTkgWiIgaWQ9IlNoYXBlIiBmaWxsPSIjRkZGRkZGIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMi41MTI4MjEsIDcuODk3NDM2KSByb3RhdGUoLTM2MC4wMDAwMDApIHRyYW5zbGF0ZSgtMjIuNTEyODIxLCAtNy44OTc0MzYpICI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMjUuNTkzMDkwOCw3LjYxNTM4NDYyIEwtNi45NjMzMTg4MWUtMTMsNy42MTUzODQ2MiIgaWQ9IlBhdGgtNCIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat center center; }
      .blog-simple-card a .content .blog-author {
        display: flex;
        align-items: center; }
        .blog-simple-card a .content .blog-author .blog-author-img img {
          width: 30px;
          height: 30px;
          border-radius: 50%;
          object-fit: cover;
          margin-right: 11px; }
        .blog-simple-card a .content .blog-author h6 {
          color: #3b3b46;
          font-size: 14px;
          font-weight: 500;
          line-height: 15px;
          font-family: "Work Sans", sans-serif;
          font-weight: 500; }
    .blog-simple-card a:hover .info:after {
      opacity: 1; }

@keyframes onLoadAnimation {
  from {
    transform: translate3d(0, 60px, 0);
    opacity: 0; }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes whiteSquare {
  0% {
    opacity: 1;
    height: 0; }
  100% {
    height: 690px; } }

@keyframes whiteSquare_xs {
  0% {
    opacity: 1;
    height: 0; }
  100% {
    height: 390px; } }

@keyframes whiteSquare_md {
  0% {
    opacity: 1;
    height: 0; }
  100% {
    height: 393px; } }

@keyframes leftToRight {
  0% {
    opacity: 1;
    transform: translateX(-150%); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

@keyframes lds-ring {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes openPage {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes navAnimation {
  0% {
    opacity: 0;
    transform: translateY(-200px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

#blog-details-page {
  padding-top: 140px;
  padding-bottom: 80px; }
  #blog-details-page .selected-blog span {
    opacity: 0.6;
    color: #3b3b46;
    font-family: "Work Sans", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 15px;
    text-transform: uppercase; }
  #blog-details-page .selected-blog h4 {
    color: #1A1919;
    font-family: "Work Sans", sans-serif;
    font-size: 38px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 50px;
    padding-top: 28px; }
  #blog-details-page .selected-blog .blog-author {
    display: flex;
    align-items: center;
    margin-top: 25px; }
    #blog-details-page .selected-blog .blog-author .blog-author-img img {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      object-fit: cover;
      margin-right: 15.5px; }
    #blog-details-page .selected-blog .blog-author h6 {
      font-family: "Work Sans", sans-serif;
      color: #1A1919;
      font-size: 16px;
      line-height: 15px;
      font-weight: 500; }
  #blog-details-page .selected-blog .blog-image img {
    height: 414px;
    width: 760px;
    object-fit: cover;
    margin-top: 65px;
    margin-bottom: 24px; }
  #blog-details-page .selected-blog .podcast-player {
    width: 100%; }
  #blog-details-page .selected-blog .blog-description .description h1,
  #blog-details-page .selected-blog .blog-description .description h2,
  #blog-details-page .selected-blog .blog-description .description h3,
  #blog-details-page .selected-blog .blog-description .description h4,
  #blog-details-page .selected-blog .blog-description .description h5,
  #blog-details-page .selected-blog .blog-description .description h6 {
    font-size: 22px;
    color: #1A1919;
    font-family: Calibri, Candara, Arial, sans-serif;
    font-weight: bold; }
  #blog-details-page .selected-blog .blog-description .description em {
    font: revert; }
  #blog-details-page .selected-blog .blog-description .description div,
  #blog-details-page .selected-blog .blog-description .description p,
  #blog-details-page .selected-blog .blog-description .description ul,
  #blog-details-page .selected-blog .blog-description .description ol,
  #blog-details-page .selected-blog .blog-description .description li {
    max-width: 100%;
    color: #626360;
    font-size: 18px;
    line-height: 32px;
    font-family: Calibri, Candara, Arial, Helvetica, sans-serif; }
  #blog-details-page .selected-blog .blog-description .description ul {
    list-style-type: disc;
    list-style-position: inside;
    padding-left: 1.5rem; }
    #blog-details-page .selected-blog .blog-description .description ul br::before {
      font-weight: bold; }
  #blog-details-page .selected-blog .blog-description .description ol {
    list-style-type: decimal;
    list-style-position: inside;
    padding-left: 1.5rem; }
    #blog-details-page .selected-blog .blog-description .description ol br::before {
      font-weight: bold; }
  #blog-details-page .selected-blog .blog-description .description ul ul,
  #blog-details-page .selected-blog .blog-description .description ol ul {
    list-style-type: circle;
    list-style-position: inside; }
  #blog-details-page .selected-blog .blog-description .description ol ol,
  #blog-details-page .selected-blog .blog-description .description ul ol {
    list-style-type: lower-latin;
    list-style-position: inside; }
  #blog-details-page .selected-blog .blog-description .description li::marker {
    font-weight: bold; }
  #blog-details-page .selected-blog .blog-description .description li > strong {
    color: #1A1919; }
  #blog-details-page .sidebar .keep-reading {
    padding-bottom: 24px;
    color: #1d1c1c;
    font-family: "Work Sans", sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 36px; }

@media (min-width: 62em) {
  .blog-container {
    padding-left: 0px; }
  .sidebar {
    padding: 10px;
    padding-right: 0px; }
    .sidebar .sidebar-container {
      padding-top: 204px;
      padding-right: 0px;
      padding-left: 50px; } }

@media (max-width: 62em) {
  #blog-details-page {
    padding-top: 120px;
    padding-bottom: 20px; }
    #blog-details-page .header {
      padding: 120px 0 0 0;
      position: relative; }
    #blog-details-page .selected-blog {
      max-width: 100%; }
      #blog-details-page .selected-blog h4 {
        color: #1A1919;
        font-family: "Work Sans", sans-serif;
        font-size: 24px;
        font-weight: 600;
        line-height: 32px; }
      #blog-details-page .selected-blog .blog-image {
        position: relative;
        max-width: 985px; }
      #blog-details-page .selected-blog .blog-image img {
        height: 45vw;
        display: block;
        width: 100%;
        object-fit: cover;
        margin-top: 34px;
        margin-bottom: 21px; }
    #blog-details-page .sidebar-container {
      padding-top: 70px; }
      #blog-details-page .sidebar-container .keep-reading {
        padding-bottom: 35px; } }

@keyframes onLoadAnimation {
  from {
    transform: translate3d(0, 60px, 0);
    opacity: 0; }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes whiteSquare {
  0% {
    opacity: 1;
    height: 0; }
  100% {
    height: 690px; } }

@keyframes whiteSquare_xs {
  0% {
    opacity: 1;
    height: 0; }
  100% {
    height: 390px; } }

@keyframes whiteSquare_md {
  0% {
    opacity: 1;
    height: 0; }
  100% {
    height: 393px; } }

@keyframes leftToRight {
  0% {
    opacity: 1;
    transform: translateX(-150%); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

@keyframes lds-ring {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes openPage {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes navAnimation {
  0% {
    opacity: 0;
    transform: translateY(-200px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

.blog-card {
  box-sizing: content-box;
  width: 100%; }
  .blog-card .card {
    background-color: rgba(229, 229, 229, 0.3); }
  .blog-card a {
    display: inline-block;
    position: relative;
    text-decoration: none;
    width: 100%;
    height: 100%;
    margin-bottom: 3.125rem; }
    .blog-card a .img-col {
      padding: 0; }
    .blog-card a .image {
      position: relative; }
      .blog-card a .image .image-wrapper {
        overflow: hidden; }
        .blog-card a .image .image-wrapper img {
          width: 462px;
          height: 300px;
          object-fit: cover;
          transition: all 1s;
          border: 0;
          -ms-interpolation-mode: bicubic; }
      .blog-card a .image::after {
        position: absolute;
        content: '';
        bottom: -30px;
        right: -20px;
        height: 95px;
        width: 95px;
        border: 10px solid white;
        opacity: 0;
        transition: opacity 0.2s ease-in-out;
        background: black url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjhweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMjggMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU0LjEgKDc2NDkwKSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDx0aXRsZT5Hcm91cCAyMUAxeDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJ3ZWJzaXRlX3YyIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iSG9tZXBhZ2VfdjIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04NTkuMDAwMDAwLCAtMjM4Ny4wMDAwMDApIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMTEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE0Mi4wMDAwMDAsIDIxNzQuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjg5LjAwMDAwMCwgMTc4LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC0yMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjkuMDAwMDAwLCAzNS4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTI0LjMwMTkxMjksNy44OTc0MzU5IEwxOC4zMzA0NDM2LDEzLjg2ODkwNTIgQzE3Ljg4OTg1MjEsMTQuMzA5NDk2NyAxNy44ODk4NTIxLDE1LjAyMzgzNjcgMTguMzMwNDQzNiwxNS40NjQ0MjgyIEMxOC43NzEwMzUxLDE1LjkwNTAxOTcgMTkuNDg1Mzc1MSwxNS45MDUwMTk3IDE5LjkyNTk2NjYsMTUuNDY0NDI4MiBMMjYuNjk1MTk3NCw4LjY5NTE5NzM5IEMyNy4xMzU3ODg5LDguMjU0NjA1ODkgMjcuMTM1Nzg4OSw3LjU0MDI2NTkxIDI2LjY5NTE5NzQsNy4wOTk2NzQ0IEwxOS45MjU5NjY2LDAuMzMwNDQzNjMxIEMxOS40ODUzNzUxLC0wLjExMDE0Nzg3NyAxOC43NzEwMzUxLC0wLjExMDE0Nzg3NyAxOC4zMzA0NDM2LDAuMzMwNDQzNjMxIEMxNy44ODk4NTIxLDAuNzcxMDM1MTQgMTcuODg5ODUyMSwxLjQ4NTM3NTEyIDE4LjMzMDQ0MzYsMS45MjU5NjY2MiBMMjQuMzAxOTEyOSw3Ljg5NzQzNTkgWiIgaWQ9IlNoYXBlIiBmaWxsPSIjRkZGRkZGIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMi41MTI4MjEsIDcuODk3NDM2KSByb3RhdGUoLTM2MC4wMDAwMDApIHRyYW5zbGF0ZSgtMjIuNTEyODIxLCAtNy44OTc0MzYpICI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMjUuNTkzMDkwOCw3LjYxNTM4NDYyIEwtNi45NjMzMTg4MWUtMTMsNy42MTUzODQ2MiIgaWQ9IlBhdGgtNCIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat center center; }
    .blog-card a .content {
      overflow: hidden; }
      .blog-card a .content .info {
        padding: 40px 10px 10px; }
        .blog-card a .content .info span {
          text-transform: uppercase;
          overflow: hidden;
          color: #1A1919;
          font-family: "Work Sans", sans-serif;
          font-size: 14px;
          opacity: 0.5; }
        .blog-card a .content .info h5 {
          margin: 20px 0;
          font-family: "Work Sans", sans-serif;
          color: #1A1919;
          font-size: 24px;
          line-height: 36px;
          font-weight: 600; }
    .blog-card a:hover .image .image-wrapper img {
      transform: scale(1.1); }
    .blog-card a:hover .image:after {
      opacity: 1; }

@keyframes onLoadAnimation {
  from {
    transform: translate3d(0, 60px, 0);
    opacity: 0; }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes whiteSquare {
  0% {
    opacity: 1;
    height: 0; }
  100% {
    height: 690px; } }

@keyframes whiteSquare_xs {
  0% {
    opacity: 1;
    height: 0; }
  100% {
    height: 390px; } }

@keyframes whiteSquare_md {
  0% {
    opacity: 1;
    height: 0; }
  100% {
    height: 393px; } }

@keyframes leftToRight {
  0% {
    opacity: 1;
    transform: translateX(-150%); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

@keyframes lds-ring {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes openPage {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes navAnimation {
  0% {
    opacity: 0;
    transform: translateY(-200px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

.highlight {
  box-sizing: content-box;
  width: 100%; }
  .highlight a {
    display: inline-block;
    position: relative;
    text-decoration: none;
    width: 100%;
    height: 100%;
    margin-bottom: 3.125rem; }
    .highlight a .hl-img-col {
      justify-content: flex-end;
      padding: 0; }
    .highlight a .hl-content-col {
      padding-left: 0; }
    .highlight a .hl-image {
      position: relative; }
      .highlight a .hl-image .hl-image-wrapper {
        overflow: hidden; }
        .highlight a .hl-image .hl-image-wrapper img {
          height: 466px;
          width: 563px;
          object-fit: cover;
          transition: all 1s;
          border: 0;
          -ms-interpolation-mode: bicubic; }
      .highlight a .hl-image::after {
        position: absolute;
        content: '';
        bottom: -30px;
        left: -60px;
        height: 95px;
        width: 95px;
        border: 10px solid white;
        opacity: 0;
        transition: opacity 0.2s ease-in-out;
        background: black url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjhweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMjggMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU0LjEgKDc2NDkwKSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDx0aXRsZT5Hcm91cCAyMUAxeDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJ3ZWJzaXRlX3YyIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iSG9tZXBhZ2VfdjIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04NTkuMDAwMDAwLCAtMjM4Ny4wMDAwMDApIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMTEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE0Mi4wMDAwMDAsIDIxNzQuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjg5LjAwMDAwMCwgMTc4LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC0yMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjkuMDAwMDAwLCAzNS4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTI0LjMwMTkxMjksNy44OTc0MzU5IEwxOC4zMzA0NDM2LDEzLjg2ODkwNTIgQzE3Ljg4OTg1MjEsMTQuMzA5NDk2NyAxNy44ODk4NTIxLDE1LjAyMzgzNjcgMTguMzMwNDQzNiwxNS40NjQ0MjgyIEMxOC43NzEwMzUxLDE1LjkwNTAxOTcgMTkuNDg1Mzc1MSwxNS45MDUwMTk3IDE5LjkyNTk2NjYsMTUuNDY0NDI4MiBMMjYuNjk1MTk3NCw4LjY5NTE5NzM5IEMyNy4xMzU3ODg5LDguMjU0NjA1ODkgMjcuMTM1Nzg4OSw3LjU0MDI2NTkxIDI2LjY5NTE5NzQsNy4wOTk2NzQ0IEwxOS45MjU5NjY2LDAuMzMwNDQzNjMxIEMxOS40ODUzNzUxLC0wLjExMDE0Nzg3NyAxOC43NzEwMzUxLC0wLjExMDE0Nzg3NyAxOC4zMzA0NDM2LDAuMzMwNDQzNjMxIEMxNy44ODk4NTIxLDAuNzcxMDM1MTQgMTcuODg5ODUyMSwxLjQ4NTM3NTEyIDE4LjMzMDQ0MzYsMS45MjU5NjY2MiBMMjQuMzAxOTEyOSw3Ljg5NzQzNTkgWiIgaWQ9IlNoYXBlIiBmaWxsPSIjRkZGRkZGIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMi41MTI4MjEsIDcuODk3NDM2KSByb3RhdGUoLTM2MC4wMDAwMDApIHRyYW5zbGF0ZSgtMjIuNTEyODIxLCAtNy44OTc0MzYpICI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMjUuNTkzMDkwOCw3LjYxNTM4NDYyIEwtNi45NjMzMTg4MWUtMTMsNy42MTUzODQ2MiIgaWQ9IlBhdGgtNCIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat center center; }
    .highlight a .hl-content {
      overflow: hidden; }
      .highlight a .hl-content .hl-info {
        margin-right: 55px;
        margin-top: 40px; }
        .highlight a .hl-content .hl-info span {
          text-transform: uppercase;
          overflow: hidden;
          color: #1A1919;
          font-family: "Work Sans", sans-serif;
          font-size: 14px;
          opacity: 0.5; }
        .highlight a .hl-content .hl-info h4 {
          margin: 25px 0 20px;
          font-family: "Work Sans", sans-serif;
          color: #1A1919;
          font-size: 38px;
          font-weight: 600;
          line-height: 50px; }
    .highlight a .hl-detail-description .hl-description div,
    .highlight a .hl-detail-description .hl-description p,
    .highlight a .hl-detail-description .hl-description ul,
    .highlight a .hl-detail-description .hl-description ol,
    .highlight a .hl-detail-description .hl-description h1,
    .highlight a .hl-detail-description .hl-description h2,
    .highlight a .hl-detail-description .hl-description h3,
    .highlight a .hl-detail-description .hl-description h4,
    .highlight a .hl-detail-description .hl-description h5,
    .highlight a .hl-detail-description .hl-description h6 {
      display: none; }
    .highlight a .hl-detail-description .hl-description div:first-child,
    .highlight a .hl-detail-description .hl-description p:first-child {
      max-width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      display: inline-block;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      /* number of lines to show */
      -webkit-box-orient: vertical;
      font-family: "Work Sans", sans-serif;
      opacity: 0.6;
      color: #33333d;
      font-size: 16px;
      line-height: 28px;
      max-height: 56px;
      /* fallback */ }
    .highlight a:hover .hl-image .hl-image-wrapper img {
      transform: scale(1.1); }
    .highlight a:hover .hl-image:after {
      opacity: 1; }

@keyframes onLoadAnimation {
  from {
    transform: translate3d(0, 60px, 0);
    opacity: 0; }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes whiteSquare {
  0% {
    opacity: 1;
    height: 0; }
  100% {
    height: 690px; } }

@keyframes whiteSquare_xs {
  0% {
    opacity: 1;
    height: 0; }
  100% {
    height: 390px; } }

@keyframes whiteSquare_md {
  0% {
    opacity: 1;
    height: 0; }
  100% {
    height: 393px; } }

@keyframes leftToRight {
  0% {
    opacity: 1;
    transform: translateX(-150%); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

@keyframes lds-ring {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes openPage {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes navAnimation {
  0% {
    opacity: 0;
    transform: translateY(-200px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

#blog-page .button-wrapper {
  position: sticky;
  top: 100%;
  z-index: 9;
  transition: opacity 0.6s ease-in-out;
  opacity: 1; }
  #blog-page .button-wrapper button {
    position: absolute;
    bottom: 40px;
    right: 75px; }
    #blog-page .button-wrapper button.oval-button {
      border: none;
      color: #fff;
      height: 61px;
      width: 61px;
      text-align: center;
      align-self: center;
      border-radius: 50%;
      background-color: #252525;
      box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      -webkit-transition: 0.2s ease-in-out;
      transition: 0.2s ease-in-out; }
      #blog-page .button-wrapper button.oval-button .arrow {
        position: absolute;
        top: 20px;
        left: 20px;
        height: 22px;
        width: 22px;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjFweCIgaGVpZ2h0PSIzM3B4IiB2aWV3Qm94PSIwIDAgMjEgMzMiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU0LjEgKDc2NDkwKSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDx0aXRsZT5Hcm91cCAxNEAxeDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJ3ZWJzaXRlX3YyIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iTmV3cyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEyNDQuMDAwMDAwLCAtMjE4MC4wMDAwMDApIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMTQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyNTQuNTAwMDAwLCAyMTk1LjUwMDAwMCkgcm90YXRlKC05MC4wMDAwMDApIHRyYW5zbGF0ZSgtMTI1NC41MDAwMDAsIC0yMTk1LjUwMDAwMCkgdHJhbnNsYXRlKDEyMzkuMDAwMDAwLCAyMTg1LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTI2Ljg3NzM5MTEsMTAuNDc3MDk4MiBMMTkuNDEzMDU0NSwxNy45NDE0MzQ4IEMxOC44NjIzMTUyLDE4LjQ5MjE3NDIgMTguODYyMzE1MiwxOS4zODUwOTkyIDE5LjQxMzA1NDUsMTkuOTM1ODM4NiBDMTkuOTYzNzkzOSwyMC40ODY1NzggMjAuODU2NzE4OSwyMC40ODY1NzggMjEuNDA3NDU4MywxOS45MzU4Mzg2IEwyOS44Njg5OTY3LDExLjQ3NDMwMDEgQzMwLjQxOTczNjEsMTAuOTIzNTYwNyAzMC40MTk3MzYxLDEwLjAzMDYzNTggMjkuODY4OTk2Nyw5LjQ3OTg5NjM4IEwyMS40MDc0NTgzLDEuMDE4MzU3OTEgQzIwLjg1NjcxODksMC40Njc2MTg1MjkgMTkuOTYzNzkzOSwwLjQ2NzYxODUyOSAxOS40MTMwNTQ1LDEuMDE4MzU3OTEgQzE4Ljg2MjMxNTIsMS41NjkwOTczIDE4Ljg2MjMxNTIsMi40NjIwMjIyNyAxOS40MTMwNTQ1LDMuMDEyNzYxNjYgTDI2Ljg3NzM5MTEsMTAuNDc3MDk4MiBaIiBpZD0iU2hhcGUiIGZpbGw9IiNGRkZGRkYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI0LjY0MTAyNiwgMTAuNDc3MDk4KSByb3RhdGUoLTM2MC4wMDAwMDApIHRyYW5zbGF0ZSgtMjQuNjQxMDI2LCAtMTAuNDc3MDk4KSAiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yNi45OTEzNjM1LDEwLjUyMTYxODQgTDAuMzU0ODQ4ODIsMTAuNTIxNjE4NCIgaWQ9IlBhdGgtNCIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjMuMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==) no-repeat center center;
        background-size: contain; }
      #blog-page .button-wrapper button.oval-button:hover {
        transform: scale(1.1); }
        #blog-page .button-wrapper button.oval-button:hover .arrow {
          animation: 1.3s spring-effect-y ease-in-out infinite; }
  #blog-page .button-wrapper.hide {
    opacity: 0;
    pointer-events: none; }

#blog-page .blogs {
  padding-top: 20px;
  padding-bottom: 180px; }
  #blog-page .blogs .row {
    margin: 0 -0.5rem; }
    #blog-page .blogs .row .highlight-area {
      display: flex;
      width: 100%; }
  #blog-page .blogs .no-data {
    margin-top: 200px;
    font-family: "Work Sans", sans-serif; }
    #blog-page .blogs .no-data img {
      height: 128.3px;
      width: 163.64px; }
    #blog-page .blogs .no-data h6 {
      margin-top: 65px;
      margin-bottom: 11px;
      color: #1A1919;
      font-size: 22px;
      font-weight: 500;
      line-height: 25px;
      text-align: center; }
    #blog-page .blogs .no-data span {
      opacity: 0.6;
      color: #1A1919;
      font-size: 18px;
      line-height: 21px;
      text-align: center; }
  #blog-page .blogs .load-more {
    width: 100%;
    position: relative;
    height: 77px;
    margin-top: 80px; }
    #blog-page .blogs .load-more .load-more-button {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      margin: auto;
      box-sizing: border-box;
      padding: 21px 58px;
      background-color: #0d0d0d;
      color: #ffffff;
      font-family: "Work Sans", sans-serif;
      font-size: 14px;
      font-weight: 600;
      letter-spacing: 2.15px;
      line-height: 15px;
      text-align: center;
      cursor: pointer;
      transition: background-color 0.4s ease-in-out;
      text-transform: uppercase; }
      #blog-page .blogs .load-more .load-more-button:hover {
        background-color: #353535; }

#blog-page .blog-detail-description .description div,
#blog-page .blog-detail-description .description p,
#blog-page .blog-detail-description .description ul,
#blog-page .blog-detail-description .description ol,
#blog-page .blog-detail-description .description h1,
#blog-page .blog-detail-description .description h2,
#blog-page .blog-detail-description .description h3,
#blog-page .blog-detail-description .description h4,
#blog-page .blog-detail-description .description h5,
#blog-page .blog-detail-description .description h6 {
  display: none; }

#blog-page .blog-detail-description .description div:first-child,
#blog-page .blog-detail-description .description p:first-child {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* number of lines to show */
  -webkit-box-orient: vertical;
  font-family: "Work Sans", sans-serif;
  opacity: 0.6;
  color: #33333d;
  font-size: 16px;
  line-height: 28px;
  max-height: 56px;
  /* fallback */ }

#blog-page .blog-author {
  display: flex;
  align-items: center;
  margin-top: 17px; }
  #blog-page .blog-author .blog-author-img img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 15.5px; }
  #blog-page .blog-author h6 {
    font-family: "Work Sans", sans-serif;
    color: #1A1919;
    font-size: 16px;
    line-height: 28px;
    font-weight: 500; }

@media (min-width: 62em) {
  #blog-page .header {
    position: relative;
    padding: 70px 0 30px 0; }
  #blog-page .hl-card {
    display: none; } }

@media (max-width: 62em) {
  #blog-page .header {
    padding: 120px 0 0 0;
    position: relative; }
  #blog-page .blogs .image {
    width: 985px; }
  #blog-page .blogs .image img {
    display: block;
    width: 100%;
    object-fit: cover; }
  #blog-page .blogs .hl {
    display: none; }
  #blog-page .blogs .load-more {
    margin-top: 0px; }
    #blog-page .blogs .load-more .load-more-button {
      padding-left: 13vh;
      padding-right: 13vh;
      white-space: nowrap; } }

@media (max-width: 48em) {
  #blog-page .button-wrapper button {
    right: 30px; } }

@keyframes onLoadAnimation {
  from {
    transform: translate3d(0, 60px, 0);
    opacity: 0; }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes whiteSquare {
  0% {
    opacity: 1;
    height: 0; }
  100% {
    height: 690px; } }

@keyframes whiteSquare_xs {
  0% {
    opacity: 1;
    height: 0; }
  100% {
    height: 390px; } }

@keyframes whiteSquare_md {
  0% {
    opacity: 1;
    height: 0; }
  100% {
    height: 393px; } }

@keyframes leftToRight {
  0% {
    opacity: 1;
    transform: translateX(-150%); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

@keyframes lds-ring {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes openPage {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes navAnimation {
  0% {
    opacity: 0;
    transform: translateY(-200px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

.topSection {
  display: block;
  width: 100%;
  height: 100vh;
  position: relative; }
  .topSection .video {
    height: 100vh;
    width: 100vw;
    position: absolute; }
    .topSection .video .react-player video {
      object-fit: cover; }
  .topSection .icons {
    position: absolute;
    bottom: 33px;
    right: 50px; }
    .topSection .icons .sound {
      width: 33px;
      height: 22px;
      margin-right: 32px; }

@media all and (max-width: 62em) {
  .topSection {
    height: 65vh;
    overflow: hidden; }
    .topSection .video {
      height: 75vh; }
    .topSection .icons {
      bottom: 24px;
      right: 24px; }
      .topSection .icons .sound {
        height: 25px; }
      .topSection .icons .play {
        height: 25px; } }

@media all and (max-width: 375px) {
  .topSection {
    height: 55vh; }
    .topSection .video {
      height: 64vh; }
    .topSection .icons {
      bottom: 8px;
      right: 13px; }
      .topSection .icons .sound {
        margin-right: 15px; } }

@keyframes onLoadAnimation {
  from {
    transform: translate3d(0, 60px, 0);
    opacity: 0; }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes whiteSquare {
  0% {
    opacity: 1;
    height: 0; }
  100% {
    height: 690px; } }

@keyframes whiteSquare_xs {
  0% {
    opacity: 1;
    height: 0; }
  100% {
    height: 390px; } }

@keyframes whiteSquare_md {
  0% {
    opacity: 1;
    height: 0; }
  100% {
    height: 393px; } }

@keyframes leftToRight {
  0% {
    opacity: 1;
    transform: translateX(-150%); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

@keyframes lds-ring {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes openPage {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes navAnimation {
  0% {
    opacity: 0;
    transform: translateY(-200px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

.form-col {
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  padding-right: 0; }
  .form-col .form_text {
    opacity: 0;
    margin-top: 100px;
    color: rgba(255, 255, 255, 0.5);
    font-size: 25px;
    line-height: 50px;
    font-weight: 200;
    font-family: "Nunito Sans", sans-serif; }
    .form-col .form_text .formContainer {
      position: relative;
      width: 100%; }
      .form-col .form_text .formContainer form {
        opacity: 0;
        transition: opacity 0.5s ease-in-out;
        z-index: -1;
        pointer-events: none; }
        @media all and (max-width: 62em) {
          .form-col .form_text .formContainer form {
            padding-right: 0; } }
        .form-col .form_text .formContainer form label .inputArea {
          background-color: transparent;
          background-image: -webkit-linear-gradient(transparent, transparent 49px, rgba(255, 255, 255, 0.7) 49px, rgba(255, 255, 255, 0.7) 49px, white 49px);
          background-image: -moz-linear-gradient(transparent, transparent 49px, rgba(255, 255, 255, 0.7) 49px, rgba(255, 255, 255, 0.7) 49px, white 49px);
          background-image: -ms-linear-gradient(transparent, transparent 49px, rgba(255, 255, 255, 0.7) 49px, rgba(255, 255, 255, 0.7) 49px, white 49px);
          background-image: -o-linear-gradient(transparent, transparent 49px, rgba(255, 255, 255, 0.7) 49px, rgba(255, 255, 255, 0.7) 49px, white 49px);
          background-image: linear-gradient(transparent, transparent 49px, rgba(255, 255, 255, 0.7) 49px, rgba(255, 255, 255, 0.7) 49px, white 49px);
          background-size: 100% 50px;
          border: none;
          box-shadow: none;
          color: #FFFFFF;
          font-family: "Nunito Sans", sans-serif;
          font-size: 24px;
          font-weight: 200;
          width: 100%;
          height: auto;
          max-height: 400px;
          overflow: hidden; }

@-moz-document url-prefix() {
  .form-col .form_text .formContainer form label .inputArea {
    min-height: 50px; } }
          .form-col .form_text .formContainer form label .inputArea.error {
            background-color: transparent;
            background-image: -webkit-linear-gradient(transparent, transparent 49px, #BA504C 49px, #BA504C 49px, #BA504C 49px);
            background-image: -moz-linear-gradient(transparent, transparent 49px, #BA504C 49px, #BA504C 49px, #BA504C 49px);
            background-image: -ms-linear-gradient(transparent, transparent 49px, #BA504C 49px, #BA504C 49px, #BA504C 49px);
            background-image: -o-linear-gradient(transparent, transparent 49px, #BA504C 49px, #BA504C 49px, #BA504C 49px);
            background-image: linear-gradient(transparent, transparent 49px, #BA504C 49px, #BA504C 49px, #BA504C 49px);
            background-size: 100% 50px; }
          @media all and (max-width: 48em) {
            .form-col .form_text .formContainer form label .inputArea {
              background-color: transparent;
              background-image: -webkit-linear-gradient(transparent, transparent 44px, rgba(255, 255, 255, 0.7) 44px, rgba(255, 255, 255, 0.7) 44px, white 44px);
              background-image: -moz-linear-gradient(transparent, transparent 44px, rgba(255, 255, 255, 0.7) 44px, rgba(255, 255, 255, 0.7) 44px, white 44px);
              background-image: -ms-linear-gradient(transparent, transparent 44px, rgba(255, 255, 255, 0.7) 44px, rgba(255, 255, 255, 0.7) 44px, white 44px);
              background-image: -o-linear-gradient(transparent, transparent 44px, rgba(255, 255, 255, 0.7) 44px, rgba(255, 255, 255, 0.7) 44px, white 44px);
              background-image: linear-gradient(transparent, transparent 44px, rgba(255, 255, 255, 0.7) 44px, rgba(255, 255, 255, 0.7) 44px, white 44px);
              background-size: 100% 45px; }
              .form-col .form_text .formContainer form label .inputArea.error {
                background-color: transparent;
                background-image: -webkit-linear-gradient(transparent, transparent 44px, #BA504C 44px, #BA504C 44px, #BA504C 44px);
                background-image: -moz-linear-gradient(transparent, transparent 44px, #BA504C 44px, #BA504C 44px, #BA504C 44px);
                background-image: -ms-linear-gradient(transparent, transparent 44px, #BA504C 44px, #BA504C 44px, #BA504C 44px);
                background-image: -o-linear-gradient(transparent, transparent 44px, #BA504C 44px, #BA504C 44px, #BA504C 44px);
                background-image: linear-gradient(transparent, transparent 44px, #BA504C 44px, #BA504C 44px, #BA504C 44px);
                background-size: 100% 45px; } }
        .form-col .form_text .formContainer form label [contentEditable='true']:empty:before {
          content: attr(data-placeholder);
          color: rgba(255, 255, 255, 0.3);
          font-size: 25px;
          line-height: 18px;
          font-weight: 200;
          font-family: "Nunito Sans", sans-serif; }
        .form-col .form_text .formContainer form label [contentEditable] {
          -webkit-user-select: text;
          user-select: text; }
        .form-col .form_text .formContainer form label input {
          background: none;
          position: relative;
          max-width: 320px;
          border: 0;
          border-radius: 0;
          height: 32px;
          color: #FFFFFF;
          line-height: 50px;
          font-weight: 200;
          font-family: "Nunito Sans", sans-serif;
          border-bottom: 1px solid rgba(255, 255, 255, 0.7); }
          .form-col .form_text .formContainer form label input.error {
            border-bottom: 1px solid #BA504C; }
          @media not all and (min-resolution: 0.001dpcm) {
            .form-col .form_text .formContainer form label input {
              height: 40px; } }
          @media all and (max-width: 400px) {
            .form-col .form_text .formContainer form label input {
              max-width: 300px; } }
        .form-col .form_text .formContainer form label .resize-input {
          position: relative; }
          .form-col .form_text .formContainer form label .resize-input .mailError {
            position: absolute;
            bottom: -27px;
            left: 0;
            width: 150px;
            font-size: 13px;
            font-weight: 200;
            color: #BA504C; }
            @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40 / 71) and (orientation: portrait) {
              .form-col .form_text .formContainer form label .resize-input .mailError {
                bottom: -34px; } }
        .form-col .form_text .formContainer form label input::placeholder {
          color: rgba(255, 255, 255, 0.3);
          font-size: 25px;
          line-height: 50px;
          font-weight: 200;
          font-family: "Nunito Sans", sans-serif; }

@-moz-document url-prefix() {
  .form-col .form_text .formContainer form label input::placeholder {
    line-height: 30px; } }
        .form-col .form_text .formContainer form.active {
          opacity: 1;
          z-index: 10;
          pointer-events: auto; }
      .form-col .form_text .formContainer .submittedForm {
        opacity: 0;
        padding-top: 50px;
        transition: opacity 0.5s ease-in-out;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: -1; }
        .form-col .form_text .formContainer .submittedForm label {
          display: block; }
          .form-col .form_text .formContainer .submittedForm label .title {
            padding: 10px 0;
            color: #FFFFFF;
            line-height: 50px;
            font-weight: normal;
            font-size: 32px;
            font-family: "Nunito Sans", sans-serif; }
        .form-col .form_text .formContainer .submittedForm .sendAgain_btn {
          margin: 40px 0;
          background: none;
          cursor: pointer;
          text-transform: uppercase;
          color: #FFFFFF;
          border: 0;
          font-size: 14px;
          font-weight: 300;
          font-family: "Work Sans", sans-serif;
          letter-spacing: 2.15px;
          line-height: 15px;
          transition: color 0.2s ease-in-out; }
          .form-col .form_text .formContainer .submittedForm .sendAgain_btn:hover {
            color: rgba(255, 255, 255, 0.7); }
        .form-col .form_text .formContainer .submittedForm.active {
          opacity: 1;
          z-index: 10; }
      .form-col .form_text .formContainer .hasError {
        opacity: 0;
        padding-top: 50px;
        transition: opacity 0.5s ease-in-out;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: -1; }
        .form-col .form_text .formContainer .hasError label {
          display: block; }
          .form-col .form_text .formContainer .hasError label .title {
            color: #BA504C;
            font-size: 32px;
            font-family: "Work Sans", sans-serif;
            font-weight: normal; }
          .form-col .form_text .formContainer .hasError label .text {
            display: block;
            font-size: 25px;
            line-height: 36px;
            font-family: "Nunito Sans", sans-serif; }
            .form-col .form_text .formContainer .hasError label .text:first-child {
              margin-top: 20px; }
        .form-col .form_text .formContainer .hasError .tryAgain_btn {
          margin: 40px 0;
          background: none;
          cursor: pointer;
          text-transform: uppercase;
          color: #FFFFFF;
          border: 0;
          font-size: 14px;
          font-weight: 300;
          font-family: "Work Sans", sans-serif;
          letter-spacing: 2.15px;
          line-height: 15px;
          transition: color 0.2s ease-in-out; }
          .form-col .form_text .formContainer .hasError .tryAgain_btn:hover {
            color: rgba(255, 255, 255, 0.7); }
        .form-col .form_text .formContainer .hasError.active {
          opacity: 1;
          z-index: 10; }
    .form-col .form_text.visible {
      animation: 1s ease-out 1.5s 1 forwards onLoadAnimation; }
    @media all and (max-width: 48em) {
      .form-col .form_text.visible {
        animation: 1s ease-out 0.7s 1 forwards onLoadAnimation; } }
  .form-col .btn_form .form_button {
    position: relative;
    margin-top: 36px;
    border: none;
    cursor: pointer;
    height: 57px;
    width: 193px;
    text-transform: uppercase;
    background: #FFFFFF;
    transition: background-color 0.3s ease;
    font-size: 14px;
    font-weight: 500;
    font-family: "Work Sans", sans-serif;
    color: #1A1919;
    text-align: center; }
    .form-col .btn_form .form_button:hover {
      transition: background-color 0.3s ease;
      background: rgba(255, 255, 255, 0.7); }
    .form-col .btn_form .form_button span {
      position: absolute;
      top: 50%;
      left: 50%;
      opacity: 0;
      transition: opacity 0.4s ease-in-out;
      transform: translate(-50%, -50%); }
      .form-col .btn_form .form_button span.active {
        opacity: 1; }
  .form-col .btn_form .sending {
    transition: background-color 0.3s ease;
    background-color: #5D5A5A; }
  .form-col .btn_form.visible {
    opacity: 0;
    animation: 1s ease-out 1.5s 1 forwards onLoadAnimation; }
  @media all and (max-width: 48em) {
    .form-col .btn_form.visible {
      animation: 1.2s ease-out 0.8s 1 forwards onLoadAnimation; } }
  .form-col .btn_form .lds-ring {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 32px;
    height: 32px;
    opacity: 0;
    transition: opacity 0.4s ease-in-out; }
    .form-col .btn_form .lds-ring.active {
      opacity: 1; }
  .form-col .btn_form .lds-ring div {
    position: absolute;
    box-sizing: border-box;
    display: block;
    width: 22px;
    height: 22px;
    margin: 18px 0 0 25px;
    border: 4px solid #1A1919;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #1A1919 transparent transparent transparent; }
  .form-col .btn_form .lds-ring div:nth-child(1) {
    animation-delay: -0.35s; }
  .form-col .btn_form .lds-ring div:nth-child(2) {
    animation-delay: -0.3s; }
  .form-col .btn_form .lds-ring div:nth-child(3) {
    animation-delay: -0.15s; }
  .form-col.light .form_text {
    color: black; }
    .form-col.light .form_text .formContainer form label {
      font-weight: 200; }
      .form-col.light .form_text .formContainer form label .inputArea {
        background-color: transparent;
        background-image: -webkit-linear-gradient(transparent, transparent 49px, rgba(0, 0, 0, 0.7) 49px, rgba(0, 0, 0, 0.7) 49px, black 49px);
        background-image: -moz-linear-gradient(transparent, transparent 49px, rgba(0, 0, 0, 0.7) 49px, rgba(0, 0, 0, 0.7) 49px, black 49px);
        background-image: -ms-linear-gradient(transparent, transparent 49px, rgba(0, 0, 0, 0.7) 49px, rgba(0, 0, 0, 0.7) 49px, black 49px);
        background-image: -o-linear-gradient(transparent, transparent 49px, rgba(0, 0, 0, 0.7) 49px, rgba(0, 0, 0, 0.7) 49px, black 49px);
        background-image: linear-gradient(transparent, transparent 49px, rgba(0, 0, 0, 0.7) 49px, rgba(0, 0, 0, 0.7) 49px, black 49px);
        color: black; }
        .form-col.light .form_text .formContainer form label .inputArea.error {
          background-color: transparent;
          background-image: -webkit-linear-gradient(transparent, transparent 49px, #BA504C 49px, #BA504C 49px, #BA504C 49px);
          background-image: -moz-linear-gradient(transparent, transparent 49px, #BA504C 49px, #BA504C 49px, #BA504C 49px);
          background-image: -ms-linear-gradient(transparent, transparent 49px, #BA504C 49px, #BA504C 49px, #BA504C 49px);
          background-image: -o-linear-gradient(transparent, transparent 49px, #BA504C 49px, #BA504C 49px, #BA504C 49px);
          background-image: linear-gradient(transparent, transparent 49px, #BA504C 49px, #BA504C 49px, #BA504C 49px);
          background-size: 100% 50px; }
        @media all and (max-width: 48em) {
          .form-col.light .form_text .formContainer form label .inputArea {
            background-color: transparent;
            background-image: -webkit-linear-gradient(transparent, transparent 44px, rgba(0, 0, 0, 0.7) 44px, rgba(0, 0, 0, 0.7) 44px, black 44px);
            background-image: -moz-linear-gradient(transparent, transparent 44px, rgba(0, 0, 0, 0.7) 44px, rgba(0, 0, 0, 0.7) 44px, black 44px);
            background-image: -ms-linear-gradient(transparent, transparent 44px, rgba(0, 0, 0, 0.7) 44px, rgba(0, 0, 0, 0.7) 44px, black 44px);
            background-image: -o-linear-gradient(transparent, transparent 44px, rgba(0, 0, 0, 0.7) 44px, rgba(0, 0, 0, 0.7) 44px, black 44px);
            background-image: linear-gradient(transparent, transparent 44px, rgba(0, 0, 0, 0.7) 44px, rgba(0, 0, 0, 0.7) 44px, black 44px);
            background-size: 100% 45px; } }
      .form-col.light .form_text .formContainer form label [contentEditable='true']:empty:not(:focus):before {
        font-weight: 300;
        color: rgba(0, 0, 0, 0.5); }
      .form-col.light .form_text .formContainer form label input {
        color: black;
        border-bottom: 1px solid rgba(0, 0, 0, 0.7); }
      .form-col.light .form_text .formContainer form label input::placeholder {
        font-weight: 300;
        color: rgba(0, 0, 0, 0.5); }
      .form-col.light .form_text .formContainer form label .error {
        border-bottom: 1px solid red; }
    .form-col.light .form_text .formContainer form.active {
      opacity: 1;
      z-index: 10;
      pointer-events: auto; }
    .form-col.light .form_text .formContainer .submittedForm label .title {
      color: black; }
    .form-col.light .form_text .formContainer .submittedForm .sendAgain_btn {
      color: black; }
      .form-col.light .form_text .formContainer .submittedForm .sendAgain_btn:hover {
        color: rgba(0, 0, 0, 0.7); }
  .form-col.light .btn_form .form_button {
    color: #FFFFFF;
    background: #1A1919; }
    .form-col.light .btn_form .form_button span {
      letter-spacing: 2.15px; }
    .form-col.light .btn_form .form_button:hover {
      transition: background-color 0.3s ease;
      background: rgba(0, 0, 0, 0.2); }
  @media all and (max-width: 48em) {
    .form-col .form_text {
      font-size: 23px;
      line-height: 46px; }
    .form-col .btn_form {
      text-align: center;
      margin-bottom: 80px; }
      .form-col .btn_form .form_button {
        width: 100%; } }
  @media all and (max-width: 62em) {
    .form-col .form_text {
      margin-top: 45px; } }

@keyframes onLoadAnimation {
  from {
    transform: translate3d(0, 60px, 0);
    opacity: 0; }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes whiteSquare {
  0% {
    opacity: 1;
    height: 0; }
  100% {
    height: 690px; } }

@keyframes whiteSquare_xs {
  0% {
    opacity: 1;
    height: 0; }
  100% {
    height: 390px; } }

@keyframes whiteSquare_md {
  0% {
    opacity: 1;
    height: 0; }
  100% {
    height: 393px; } }

@keyframes leftToRight {
  0% {
    opacity: 1;
    transform: translateX(-150%); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

@keyframes lds-ring {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes openPage {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes navAnimation {
  0% {
    opacity: 0;
    transform: translateY(-200px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

.contacts-page .title {
  color: #000000;
  font-family: "Work Sans", sans-serif; }

.contacts-page .form_text.visible,
.contacts-page .btn_form.visible {
  animation: 0.7s ease-out 0.3s 1 forwards onLoadAnimation; }

@media (min-width: 62em) {
  .contacts-page .title {
    padding: 180px 0 100px 0;
    font-size: 90px;
    font-weight: 300;
    line-height: 100px; }
  .contacts-page .map-section .map-wrapper {
    position: relative;
    height: 597px; }
    .contacts-page .map-section .map-wrapper .map {
      position: absolute;
      content: '';
      top: 0;
      bottom: 0;
      left: 0;
      width: 1333px; }
    .contacts-page .map-section .map-wrapper .contacts {
      position: absolute;
      padding: 70px;
      content: '';
      background-color: #1a1919;
      color: white;
      right: -140px;
      top: 50%;
      transform: translateY(-50%);
      box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.05); }
      .contacts-page .map-section .map-wrapper .contacts .contact {
        font-family: "Work Sans", sans-serif; }
        .contacts-page .map-section .map-wrapper .contacts .contact .contact-title {
          display: block;
          color: #ffffff;
          font-size: 21px;
          line-height: 25px;
          font-family: "Work Sans", sans-serif;
          padding-bottom: 10px; }
        .contacts-page .map-section .map-wrapper .contacts .contact .contact-label {
          opacity: 0.6;
          color: #ffffff;
          font-size: 17px;
          font-weight: 300;
          line-height: 20px;
          max-width: 376px;
          font-family: "Work Sans", sans-serif;
          text-decoration: none; }
        .contacts-page .map-section .map-wrapper .contacts .contact:not(:last-child) {
          padding-bottom: 50px; }
  .contacts-page .form-section .form-wrapper {
    padding: 120px 0 120px 60px; }
    .contacts-page .form-section .form-wrapper h4 {
      font-family: "Work Sans", sans-serif; }
  .contacts-page .form-section .image-wrapper {
    position: relative;
    width: 100%;
    height: 100%; }
    .contacts-page .form-section .image-wrapper .image {
      position: absolute;
      top: -80px;
      bottom: 0;
      right: 0;
      left: -140px; }
      .contacts-page .form-section .image-wrapper .image .contactImg {
        display: block;
        object-fit: cover;
        background-position: center;
        width: 100%;
        height: 100%; } }

@media (max-width: 62em) {
  .contacts-page .title {
    padding: 120px 0 60px 0; }
    .contacts-page .title p {
      font-size: 40px;
      line-height: 50px;
      font-weight: 300; }
  .contacts-page .map-section .map-wrapper .map {
    height: 250px;
    width: 100%; }
  .contacts-page .map-section .map-wrapper .contacts {
    padding: 70px;
    background-color: #1a1919;
    box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.05); }
    .contacts-page .map-section .map-wrapper .contacts .contact {
      font-family: "Work Sans", sans-serif; }
      .contacts-page .map-section .map-wrapper .contacts .contact .contact-title {
        display: block;
        color: #ffffff;
        font-size: 16px;
        line-height: 18px;
        font-family: "Work Sans", sans-serif;
        padding-bottom: 10px; }
      .contacts-page .map-section .map-wrapper .contacts .contact .contact-label {
        opacity: 0.6;
        color: #ffffff;
        font-size: 15px;
        line-height: 17px;
        font-weight: 300;
        font-family: "Work Sans", sans-serif; }
      .contacts-page .map-section .map-wrapper .contacts .contact:not(:last-child) {
        padding-bottom: 50px; }
  .contacts-page .form-section .form-wrapper h4 {
    font-family: "Work Sans", sans-serif; }
  .contacts-page .form-section .image-wrapper {
    width: 100%;
    margin-bottom: 60px; }
    .contacts-page .form-section .image-wrapper .image {
      height: 40vh;
      width: 100%; }
      .contacts-page .form-section .image-wrapper .image .contactImg {
        display: block;
        object-fit: cover;
        background-position: center;
        width: 100%;
        height: 40vh; } }

@media (max-width: 48em) {
  .contacts-page .map-section .map-wrapper .contacts {
    text-align: center; } }

@charset "UTF-8";
@keyframes onLoadAnimation {
  from {
    transform: translate3d(0, 60px, 0);
    opacity: 0; }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes whiteSquare {
  0% {
    opacity: 1;
    height: 0; }
  100% {
    height: 690px; } }

@keyframes whiteSquare_xs {
  0% {
    opacity: 1;
    height: 0; }
  100% {
    height: 390px; } }

@keyframes whiteSquare_md {
  0% {
    opacity: 1;
    height: 0; }
  100% {
    height: 393px; } }

@keyframes leftToRight {
  0% {
    opacity: 1;
    transform: translateX(-150%); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

@keyframes lds-ring {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes openPage {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes navAnimation {
  0% {
    opacity: 0;
    transform: translateY(-200px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

.bottomSection {
  display: block;
  position: relative;
  width: 100%;
  min-height: 780px;
  padding-bottom: 40px; }
  .bottomSection .imageBtn {
    display: block;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-position: center;
    object-fit: cover; }
  @media all and (min-width: 48em) and (max-width: 62em) {
    .bottomSection {
      min-height: 550px; } }
  .bottomSection .row {
    width: 100%; }
  .bottomSection .content {
    display: flex;
    height: 100%; }
    @media all and (max-width: 62em) {
      .bottomSection .content {
        display: block; } }
    .bottomSection .content .square_white {
      width: 90%;
      /*altura definida na animação*/
      display: block;
      background-color: #F8F8F8;
      position: absolute;
      left: 32px; }
      .bottomSection .content .square_white.visible {
        animation: 0.6s ease-in-out 0s 1 forwards whiteSquare_xs; }
      @media all and (min-width: 48em) and (max-width: 62em) {
        .bottomSection .content .square_white {
          display: block;
          position: absolute;
          left: 25px; }
          .bottomSection .content .square_white.visible {
            animation: 0.6s ease-in-out 0s 1 forwards whiteSquare_md; } }
      @media all and (min-width: 993px) {
        .bottomSection .content .square_white.visible {
          animation: 0.6s ease-in-out 0s 1 forwards whiteSquare; } }
      @media all and (min-width: 300px) and (max-width: 48em) {
        .bottomSection .content .square_white {
          height: 570px; } }
    .bottomSection .content .square_black {
      position: absolute;
      top: -25px;
      left: -6px;
      width: 100%;
      height: 688px;
      color: #FFFFFF;
      background-color: #1A1919; }
      .bottomSection .content .square_black.visible {
        opacity: 0;
        animation: 0.6s ease-out 0.3s 1 forwards leftToRight; }
      @media all and (max-width: 62em) {
        .bottomSection .content .square_black {
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          width: 90%;
          height: 305px; }
          .bottomSection .content .square_black .imageBtn {
            height: 305px; } }
      @media all and (min-width: 300px) and (max-width: 62em) {
        .bottomSection .content .square_black {
          height: 370px; } }
    .bottomSection .content .left-text .text-content {
      width: 100%;
      height: 100%;
      position: relative; }
      .bottomSection .content .left-text .text-content .text-box {
        display: block;
        margin-top: 200px; }
        .bottomSection .content .left-text .text-content .text-box .title {
          position: relative;
          width: 70%;
          color: #FFFFFF;
          font-size: 40px;
          line-height: 55px;
          font-family: "Work Sans", sans-serif;
          font-weight: 300;
          margin-bottom: 41px;
          padding-bottom: 44px; }
          .bottomSection .content .left-text .text-content .text-box .title::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            height: 2px;
            width: 50px;
            border-radius: 1.5px;
            background-color: #FFFFFF; }
          .bottomSection .content .left-text .text-content .text-box .title.visible {
            opacity: 0;
            animation: 1s ease-out 1s 1 forwards onLoadAnimation; }
        .bottomSection .content .left-text .text-content .text-box .text {
          display: flex;
          flex-direction: column;
          width: 44%;
          opacity: 0;
          font-size: 18px;
          font-family: "Nunito Sans", sans-serif;
          line-height: 33px;
          font-weight: 200;
          color: rgba(255, 255, 255, 0.6); }
          .bottomSection .content .left-text .text-content .text-box .text.visible {
            opacity: 0;
            animation: 1s ease-out 1s 1 forwards onLoadAnimation; }
    @media all and (max-width: 62em) {
      .bottomSection .content .left-text .text-content {
        display: block;
        height: 100%; }
        .bottomSection .content .left-text .text-content .text-box {
          display: block;
          margin-top: 100px; }
          .bottomSection .content .left-text .text-content .text-box .title {
            width: 79%;
            font-size: 32px;
            line-height: 40px;
            padding-bottom: 30px;
            margin-bottom: 27px; }
            .bottomSection .content .left-text .text-content .text-box .title:after {
              width: 42px;
              height: 1px; }
          .bottomSection .content .left-text .text-content .text-box .text {
            width: 160px;
            font-size: 16px;
            line-height: 28px; } }
    @media all and (max-width: 48em) {
      .bottomSection .content .left-text .text-content .text-box {
        margin-bottom: 120px; }
        .bottomSection .content .left-text .text-content .text-box .text {
          width: 100%; } }

@keyframes onLoadAnimation {
  from {
    transform: translate3d(0, 60px, 0);
    opacity: 0; }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes whiteSquare {
  0% {
    opacity: 1;
    height: 0; }
  100% {
    height: 690px; } }

@keyframes whiteSquare_xs {
  0% {
    opacity: 1;
    height: 0; }
  100% {
    height: 390px; } }

@keyframes whiteSquare_md {
  0% {
    opacity: 1;
    height: 0; }
  100% {
    height: 393px; } }

@keyframes leftToRight {
  0% {
    opacity: 1;
    transform: translateX(-150%); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

@keyframes lds-ring {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes openPage {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes navAnimation {
  0% {
    opacity: 0;
    transform: translateY(-200px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

.news-card {
  width: 100%; }
  .news-card a {
    display: block;
    position: relative;
    text-decoration: none;
    width: 100%;
    height: 100%;
    margin-bottom: 50px; }
    .news-card a .image {
      position: relative; }
      .news-card a .image .image-wrapper {
        overflow: hidden; }
        .news-card a .image .image-wrapper img {
          width: 100%;
          height: 229px;
          object-fit: cover;
          transition: all 1s; }
      .news-card a .image::after {
        position: absolute;
        content: '';
        bottom: -30px;
        right: -20px;
        height: 95px;
        width: 95px;
        border: 10px solid white;
        opacity: 0;
        transition: opacity 0.2s ease-in-out;
        background: black url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjhweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMjggMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU0LjEgKDc2NDkwKSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDx0aXRsZT5Hcm91cCAyMUAxeDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJ3ZWJzaXRlX3YyIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iSG9tZXBhZ2VfdjIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04NTkuMDAwMDAwLCAtMjM4Ny4wMDAwMDApIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMTEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE0Mi4wMDAwMDAsIDIxNzQuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjg5LjAwMDAwMCwgMTc4LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC0yMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjkuMDAwMDAwLCAzNS4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTI0LjMwMTkxMjksNy44OTc0MzU5IEwxOC4zMzA0NDM2LDEzLjg2ODkwNTIgQzE3Ljg4OTg1MjEsMTQuMzA5NDk2NyAxNy44ODk4NTIxLDE1LjAyMzgzNjcgMTguMzMwNDQzNiwxNS40NjQ0MjgyIEMxOC43NzEwMzUxLDE1LjkwNTAxOTcgMTkuNDg1Mzc1MSwxNS45MDUwMTk3IDE5LjkyNTk2NjYsMTUuNDY0NDI4MiBMMjYuNjk1MTk3NCw4LjY5NTE5NzM5IEMyNy4xMzU3ODg5LDguMjU0NjA1ODkgMjcuMTM1Nzg4OSw3LjU0MDI2NTkxIDI2LjY5NTE5NzQsNy4wOTk2NzQ0IEwxOS45MjU5NjY2LDAuMzMwNDQzNjMxIEMxOS40ODUzNzUxLC0wLjExMDE0Nzg3NyAxOC43NzEwMzUxLC0wLjExMDE0Nzg3NyAxOC4zMzA0NDM2LDAuMzMwNDQzNjMxIEMxNy44ODk4NTIxLDAuNzcxMDM1MTQgMTcuODg5ODUyMSwxLjQ4NTM3NTEyIDE4LjMzMDQ0MzYsMS45MjU5NjY2MiBMMjQuMzAxOTEyOSw3Ljg5NzQzNTkgWiIgaWQ9IlNoYXBlIiBmaWxsPSIjRkZGRkZGIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMi41MTI4MjEsIDcuODk3NDM2KSByb3RhdGUoLTM2MC4wMDAwMDApIHRyYW5zbGF0ZSgtMjIuNTEyODIxLCAtNy44OTc0MzYpICI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMjUuNTkzMDkwOCw3LjYxNTM4NDYyIEwtNi45NjMzMTg4MWUtMTMsNy42MTUzODQ2MiIgaWQ9IlBhdGgtNCIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat center center; }
    .news-card a .content .info {
      margin-top: 20px; }
      .news-card a .content .info span {
        text-transform: uppercase;
        overflow: hidden;
        color: #1A1919;
        font-family: "Work Sans", sans-serif;
        font-size: 14px;
        opacity: 0.5; }
      .news-card a .content .info h6 {
        margin: 10px 0 20px;
        font-family: "Work Sans", sans-serif;
        color: #1A1919;
        font-size: 20px;
        line-height: 32px; }
      .news-card a .content .info .category {
        margin-top: 15px;
        background-color: #E5E5E5;
        padding: 10px;
        color: #1A1919;
        font-family: "Work Sans", sans-serif;
        font-size: 12px;
        font-weight: 600;
        letter-spacing: 1.85px;
        line-height: 15px;
        text-align: center;
        opacity: 1;
        text-transform: uppercase; }
    .news-card a:hover .image .image-wrapper img {
      transform: scale(1.1); }
    .news-card a:hover .image:after {
      opacity: 1; }

@keyframes onLoadAnimation {
  from {
    transform: translate3d(0, 60px, 0);
    opacity: 0; }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes whiteSquare {
  0% {
    opacity: 1;
    height: 0; }
  100% {
    height: 690px; } }

@keyframes whiteSquare_xs {
  0% {
    opacity: 1;
    height: 0; }
  100% {
    height: 390px; } }

@keyframes whiteSquare_md {
  0% {
    opacity: 1;
    height: 0; }
  100% {
    height: 393px; } }

@keyframes leftToRight {
  0% {
    opacity: 1;
    transform: translateX(-150%); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

@keyframes lds-ring {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes openPage {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes navAnimation {
  0% {
    opacity: 0;
    transform: translateY(-200px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

.homepage {
  overflow-x: hidden; }
  .homepage .middleSection {
    padding: 80px 0 290px; }
    .homepage .middleSection .img-wrapper {
      position: relative; }
      .homepage .middleSection .img-wrapper::before {
        content: '';
        position: absolute;
        width: 100%;
        min-height: 100%;
        top: 10%;
        left: 52%;
        background: url(/_next/static/files/vma2_0fa7427e351dd5432c605c4a61f21879.png) no-repeat center center;
        background-size: contain; }
      @media (max-width: 75em) {
        .homepage .middleSection .img-wrapper::before {
          content: '';
          position: absolute;
          width: 100%;
          min-height: 100%;
          top: 10%;
          background: url(/_next/static/files/vma2_small_29b044514ed11dd28a1a9ef1ac0e79d2.png) no-repeat center center;
          background-size: contain; } }
    .homepage .middleSection .content {
      width: 100%;
      height: 100%;
      padding: 0 16px; }
      .homepage .middleSection .content .aboutUs,
      .homepage .middleSection .content .text {
        margin-left: 3px; }
      .homepage .middleSection .content .aboutUs {
        opacity: 0;
        text-transform: uppercase;
        font-size: 13px;
        font-weight: 500;
        font-family: "Work Sans", sans-serif;
        letter-spacing: 2px;
        line-height: 15px;
        color: rgba(26, 25, 25, 0.55); }
      .homepage .middleSection .content .title {
        width: 75%;
        opacity: 0;
        position: relative;
        font-family: "Work Sans", sans-serif;
        font-weight: 300;
        line-height: 65px;
        font-size: 60px;
        color: #1A1919;
        margin: 140px 0 40px 0;
        padding-bottom: 100px; }
        .homepage .middleSection .content .title::after {
          position: absolute;
          bottom: 0;
          left: 0;
          content: '';
          height: 2px;
          width: 100px;
          border-radius: 1.5px;
          background-color: black; }
      .homepage .middleSection .content .text {
        opacity: 0;
        padding: 0;
        font-family: "Nunito Sans", sans-serif;
        font-size: 20px;
        line-height: 33px;
        font-weight: 300;
        color: rgba(26, 25, 25, 0.5); }
      .homepage .middleSection .content.visible .title,
      .homepage .middleSection .content.visible .aboutUs {
        animation: 1.4s ease-in-out 0s 1 forwards onLoadAnimation; }
      .homepage .middleSection .content.visible .text {
        animation: 1s ease-in-out 0.3s 1 forwards onLoadAnimation; }
      @media (max-width: 48em) {
        .homepage .middleSection .content .title {
          margin: 40px 0 10px 0;
          padding-bottom: 23px;
          font-size: 32px;
          font-weight: 300;
          line-height: 40px; }
          .homepage .middleSection .content .title:after {
            width: 40px; }
        .homepage .middleSection .content .text {
          margin: 44px 0 30px 0;
          font-size: 16px;
          line-height: 33px; } }
    @media (max-width: 48em) {
      .homepage .middleSection {
        padding: 80px 0 100px; } }
    @media all and (max-height: 570px) {
      .homepage .middleSection {
        padding: 30px 0 100px; } }
  .homepage .newsHomepage {
    position: relative;
    background: #F8F8F8;
    padding-top: 250px; }
    .homepage .newsHomepage .middleImage {
      display: block;
      object-fit: cover;
      background-position: center;
      background-repeat: no-repeat;
      position: absolute;
      top: -235px;
      right: 0;
      width: 60%;
      height: 50%; }
    .homepage .newsHomepage .title {
      padding-bottom: 60px; }
      .homepage .newsHomepage .title h2 {
        font-family: "Work Sans", sans-serif;
        color: #000000;
        font-family: "Work Sans", sans-serif;
        font-size: 40px;
        line-height: 55px; }
    .homepage .newsHomepage .latest-news {
      padding-bottom: 100px; }
      .homepage .newsHomepage .latest-news .news-card a .image::after {
        border-color: #F8F8F8; }
    @media (max-width: 62em) {
      .homepage .newsHomepage .middleImage {
        width: 100%;
        height: 400px;
        top: -90px; } }

@media (max-width: 48em) {
  .homepage .newsHomepage {
    padding-top: 60px; }
    .homepage .newsHomepage .title {
      padding: 110px 0 40px 0; }
      .homepage .newsHomepage .title h2 {
        font-size: 32px;
        font-weight: 300;
        line-height: 40px; }
    .homepage .newsHomepage .middleImage {
      height: 200px; } }

@keyframes onLoadAnimation {
  from {
    transform: translate3d(0, 60px, 0);
    opacity: 0; }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes whiteSquare {
  0% {
    opacity: 1;
    height: 0; }
  100% {
    height: 690px; } }

@keyframes whiteSquare_xs {
  0% {
    opacity: 1;
    height: 0; }
  100% {
    height: 390px; } }

@keyframes whiteSquare_md {
  0% {
    opacity: 1;
    height: 0; }
  100% {
    height: 393px; } }

@keyframes leftToRight {
  0% {
    opacity: 1;
    transform: translateX(-150%); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

@keyframes lds-ring {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes openPage {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes navAnimation {
  0% {
    opacity: 0;
    transform: translateY(-200px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

#news-page .categories {
  background-color: white; }

#news-page .button-wrapper {
  position: sticky;
  top: 100%;
  z-index: 9;
  transition: opacity 0.6s ease-in-out;
  opacity: 1; }
  #news-page .button-wrapper button {
    position: absolute;
    bottom: 40px;
    right: 75px; }
    #news-page .button-wrapper button.oval-button {
      border: none;
      color: #fff;
      height: 61px;
      width: 61px;
      text-align: center;
      align-self: center;
      border-radius: 50%;
      background-color: #252525;
      box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      -webkit-transition: 0.2s ease-in-out;
      transition: 0.2s ease-in-out; }
      #news-page .button-wrapper button.oval-button .arrow {
        position: absolute;
        top: 20px;
        left: 20px;
        height: 22px;
        width: 22px;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjFweCIgaGVpZ2h0PSIzM3B4IiB2aWV3Qm94PSIwIDAgMjEgMzMiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU0LjEgKDc2NDkwKSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDx0aXRsZT5Hcm91cCAxNEAxeDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJ3ZWJzaXRlX3YyIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iTmV3cyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEyNDQuMDAwMDAwLCAtMjE4MC4wMDAwMDApIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMTQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyNTQuNTAwMDAwLCAyMTk1LjUwMDAwMCkgcm90YXRlKC05MC4wMDAwMDApIHRyYW5zbGF0ZSgtMTI1NC41MDAwMDAsIC0yMTk1LjUwMDAwMCkgdHJhbnNsYXRlKDEyMzkuMDAwMDAwLCAyMTg1LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTI2Ljg3NzM5MTEsMTAuNDc3MDk4MiBMMTkuNDEzMDU0NSwxNy45NDE0MzQ4IEMxOC44NjIzMTUyLDE4LjQ5MjE3NDIgMTguODYyMzE1MiwxOS4zODUwOTkyIDE5LjQxMzA1NDUsMTkuOTM1ODM4NiBDMTkuOTYzNzkzOSwyMC40ODY1NzggMjAuODU2NzE4OSwyMC40ODY1NzggMjEuNDA3NDU4MywxOS45MzU4Mzg2IEwyOS44Njg5OTY3LDExLjQ3NDMwMDEgQzMwLjQxOTczNjEsMTAuOTIzNTYwNyAzMC40MTk3MzYxLDEwLjAzMDYzNTggMjkuODY4OTk2Nyw5LjQ3OTg5NjM4IEwyMS40MDc0NTgzLDEuMDE4MzU3OTEgQzIwLjg1NjcxODksMC40Njc2MTg1MjkgMTkuOTYzNzkzOSwwLjQ2NzYxODUyOSAxOS40MTMwNTQ1LDEuMDE4MzU3OTEgQzE4Ljg2MjMxNTIsMS41NjkwOTczIDE4Ljg2MjMxNTIsMi40NjIwMjIyNyAxOS40MTMwNTQ1LDMuMDEyNzYxNjYgTDI2Ljg3NzM5MTEsMTAuNDc3MDk4MiBaIiBpZD0iU2hhcGUiIGZpbGw9IiNGRkZGRkYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI0LjY0MTAyNiwgMTAuNDc3MDk4KSByb3RhdGUoLTM2MC4wMDAwMDApIHRyYW5zbGF0ZSgtMjQuNjQxMDI2LCAtMTAuNDc3MDk4KSAiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yNi45OTEzNjM1LDEwLjUyMTYxODQgTDAuMzU0ODQ4ODIsMTAuNTIxNjE4NCIgaWQ9IlBhdGgtNCIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjMuMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==) no-repeat center center;
        background-size: contain; }
      #news-page .button-wrapper button.oval-button:hover {
        transform: scale(1.1); }
        #news-page .button-wrapper button.oval-button:hover .arrow {
          animation: 1.3s spring-effect-y ease-in-out infinite; }
  #news-page .button-wrapper.hide {
    opacity: 0;
    pointer-events: none; }

#news-page .notes {
  background-color: rgba(234, 235, 238, 0.5);
  margin: 70px auto 40px auto;
  padding-top: 37px;
  width: 1295px; }
  @media (max-width: 1250px) {
    #news-page .notes {
      width: auto; } }
  #news-page .notes .notes-label {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.9px;
    line-height: 32px;
    font-family: "Work Sans", sans-serif;
    padding-bottom: 25px; }

#news-page .news .load-more {
  width: 100%;
  position: relative;
  height: 77px;
  margin-top: 80px; }
  #news-page .news .load-more .load-more-button {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin: auto;
    box-sizing: border-box;
    padding: 21px 58px;
    background-color: #0d0d0d;
    color: #ffffff;
    font-family: "Work Sans", sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2.15px;
    line-height: 15px;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.4s ease-in-out;
    text-transform: uppercase; }
    #news-page .news .load-more .load-more-button:hover {
      background-color: #353535; }

@media (min-width: 62em) {
  #news-page .header {
    position: relative;
    padding: 180px 0 30px 0; }
    #news-page .header .newsHeaderImg {
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1;
      height: 100%;
      width: 100%;
      object-fit: cover; }
    #news-page .header .slogan {
      font-family: "Work Sans", sans-serif;
      height: 200px;
      color: #000000;
      font-size: 90px;
      font-weight: 300;
      line-height: 100px; }
      #news-page .header .slogan strong,
      #news-page .header .slogan b {
        font-weight: 600; }
  #news-page .categories {
    width: 100%; }
    #news-page .categories .categories-wrapper {
      max-height: 122px;
      white-space: nowrap;
      overflow-x: auto;
      overflow-y: hidden;
      margin: 70px 0 40px 0; }
      #news-page .categories .categories-wrapper .category,
      #news-page .categories .categories-wrapper .dropdown {
        display: inline-block;
        font-size: 15px;
        font-family: "Work Sans", sans-serif;
        line-height: 15px;
        font-weight: 500;
        color: #4d4e4c;
        opacity: 0.4;
        cursor: pointer;
        margin-right: 10px;
        padding: 12px 22px;
        border-radius: 4px;
        background-color: transparent;
        letter-spacing: 1.85px;
        transition: background 0.4s ease-in-out;
        text-transform: uppercase; }
        #news-page .categories .categories-wrapper .category.active,
        #news-page .categories .categories-wrapper .dropdown.active {
          opacity: 1;
          background-color: #eaebee;
          pointer-events: none; }
        #news-page .categories .categories-wrapper .category:not(:first-child),
        #news-page .categories .categories-wrapper .dropdown:not(:first-child) {
          padding-left: 26px; }
        #news-page .categories .categories-wrapper .category:hover:not(.active),
        #news-page .categories .categories-wrapper .dropdown:hover:not(.active) {
          cursor: pointer;
          background-color: #e9e9e9; }
  #news-page .news {
    padding-top: 20px;
    padding-bottom: 180px; }
    #news-page .news .no-data {
      margin-top: 200px;
      font-family: "Work Sans", sans-serif; }
      #news-page .news .no-data img {
        height: 128.3px;
        width: 163.64px; }
      #news-page .news .no-data h6 {
        margin-top: 65px;
        margin-bottom: 11px;
        color: #1a1919;
        font-size: 22px;
        font-weight: 500;
        line-height: 25px;
        text-align: center; }
      #news-page .news .no-data span {
        opacity: 0.6;
        color: #1a1919;
        font-size: 18px;
        line-height: 21px;
        text-align: center; } }

@media (max-width: 62em) {
  #news-page .header {
    padding: 120px 0 90px 0;
    position: relative; }
    #news-page .header .newsHeaderImg {
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1;
      height: 100%;
      width: 100%;
      object-fit: cover; }
    #news-page .header .slogan {
      font-family: "Work Sans", sans-serif;
      height: 200px;
      color: #000000;
      font-size: 50px;
      font-weight: 300;
      line-height: 60px; }
      #news-page .header .slogan strong,
      #news-page .header .slogan b {
        font-weight: 600; }
  #news-page .categories .dropbtn {
    position: relative;
    background-color: #19191a;
    color: white;
    padding: 16px 40px 16px 16px;
    font-size: 16px;
    border: none;
    border-radius: 4px; }
    #news-page .categories .dropbtn:before {
      content: '';
      position: absolute;
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTFweCIgaGVpZ2h0PSIxN3B4IiB2aWV3Qm94PSIwIDAgMTEgMTciIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUyLjMgKDY3Mjk3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5QYXRoIDE5PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9InZlcnPDo28zIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iTW9iaWxlLU1lbnUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMjkuMDAwMDAwLCAtMTMwLjAwMDAwMCkiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjIiPgogICAgICAgICAgICA8cG9seWxpbmUgaWQ9IlBhdGgtMTkiIHBvaW50cz0iMzMwLjc2ODgzNCAxMzEuMTMxMjU3IDMzNy43Njg4MzQgMTM4LjEzMTI1NyAzMzAuNzY4ODM0IDE0NS4xMzEyNTciPjwvcG9seWxpbmU+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K) center center no-repeat;
      height: 15px;
      width: 15px;
      right: 16px;
      top: 50%;
      transform: translateY(-50%) rotate(90deg);
      background-size: contain; }
  #news-page .categories .dropdown {
    margin: 36px 0;
    position: relative;
    display: inline-block; }
    #news-page .categories .dropdown .close {
      display: none !important; }
  #news-page .categories .dropdown-content {
    display: block;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 260px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1; }
    #news-page .categories .dropdown-content span {
      color: black;
      padding: 12px 16px;
      text-decoration: none;
      display: block; }
      #news-page .categories .dropdown-content span:hover {
        background-color: #ddd;
        cursor: pointer; }
  #news-page .categories .dropdown:hover .dropbtn {
    background-color: #19191a; }
  #news-page .companies .company {
    padding-top: 100%;
    width: 100%; }
  #news-page .notes {
    margin-top: 0; }
  #news-page .news .load-more {
    margin-bottom: 40px;
    margin-top: 40px; }
    #news-page .news .load-more .load-more-button {
      padding: 17px 40px; } }

@media (max-width: 48em) {
  #news-page .companies .company img {
    height: 31.85px;
    width: 90px; }
  #news-page .button-wrapper button {
    right: 30px; } }

@keyframes onLoadAnimation {
  from {
    transform: translate3d(0, 60px, 0);
    opacity: 0; }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes whiteSquare {
  0% {
    opacity: 1;
    height: 0; }
  100% {
    height: 690px; } }

@keyframes whiteSquare_xs {
  0% {
    opacity: 1;
    height: 0; }
  100% {
    height: 390px; } }

@keyframes whiteSquare_md {
  0% {
    opacity: 1;
    height: 0; }
  100% {
    height: 393px; } }

@keyframes leftToRight {
  0% {
    opacity: 1;
    transform: translateX(-150%); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

@keyframes lds-ring {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes openPage {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes navAnimation {
  0% {
    opacity: 0;
    transform: translateY(-200px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

#news-details-page .news-detail-principal-info {
  position: relative; }
  #news-details-page .news-detail-principal-info .detailsImg {
    display: block;
    z-index: -1;
    object-fit: cover;
    position: absolute;
    width: 100%;
    height: 100%; }
  #news-details-page .news-detail-principal-info .content {
    padding: 220px 0 275px 0; }
    #news-details-page .news-detail-principal-info .content .title {
      overflow-wrap: break-word;
      word-wrap: break-word;
      hyphens: auto; }

#news-details-page .fullWithNews .fullWithNews_hide {
  display: none; }

#news-details-page .related-news a {
  text-decoration: none; }

#news-details-page .related-news .related-news-card .card .arrow-wrapper {
  position: relative; }

@media (min-width: 62em) {
  #news-details-page {
    font-family: "Work Sans", sans-serif; }
    #news-details-page .news-detail-principal-info {
      position: relative; }
      #news-details-page .news-detail-principal-info .content {
        padding: 220px 0 275px 0; }
        #news-details-page .news-detail-principal-info .content .date {
          opacity: 0.6;
          color: #ffffff;
          font-size: 16px;
          font-weight: 500;
          line-height: 15px;
          text-align: center; }
        #news-details-page .news-detail-principal-info .content .title {
          margin: 20px auto 25px auto;
          max-width: 761px;
          color: #ffffff;
          font-size: 40px;
          font-weight: 500;
          line-height: 56px;
          text-align: center; }
        #news-details-page .news-detail-principal-info .content .category span {
          padding: 9px 12px;
          border-radius: 2px;
          background-color: #515151;
          text-transform: uppercase;
          color: #ffffff;
          font-size: 12px;
          font-weight: 600;
          letter-spacing: 1.85px;
          line-height: 15px;
          text-align: center; }
        #news-details-page .news-detail-principal-info .content .image {
          position: absolute;
          bottom: -31%;
          left: 50%;
          transform: translateX(-50%);
          width: 760px;
          height: 416px; }
          #news-details-page .news-detail-principal-info .content .image img {
            width: 100%;
            height: 100%;
            object-fit: cover; }
    #news-details-page .news-detail-description .description {
      margin: auto auto 130px auto;
      padding-top: 250px;
      max-width: 760px;
      color: #4d4e4c;
      font-family: Calibri, Candara, Arial, Helvetica, sans-serif;
      font-size: 18px;
      text-align: justify;
      line-height: 32px; }
      #news-details-page .news-detail-description .description img {
        width: 100%; }
      #news-details-page .news-detail-description .description p {
        font-size: 18px;
        font-weight: 200;
        text-align: justify;
        font-family: Calibri, Candara, Arial, Helvetica, sans-serif; }
      #news-details-page .news-detail-description .description p strong {
        font-weight: 700; }
      #news-details-page .news-detail-description .description ul li,
      #news-details-page .news-detail-description .description ol li {
        font-size: 18px;
        font-weight: 200;
        font-family: Calibri, Candara, Arial, Helvetica, sans-serif;
        list-style-type: initial;
        margin-left: 16px; }
    #news-details-page .related-news {
      position: relative; }
      #news-details-page .related-news .left-image,
      #news-details-page .related-news .right-image,
      #news-details-page .related-news .left-layer,
      #news-details-page .related-news .right-layer {
        position: absolute;
        content: '';
        top: 0;
        bottom: 0;
        width: 50%;
        z-index: -1; }
      #news-details-page .related-news .left-image {
        left: 0; }
      #news-details-page .related-news .right-image {
        right: 0; }
      #news-details-page .related-news .related-news-card {
        padding-top: 45px;
        padding-bottom: 45px;
        position: relative; }
        #news-details-page .related-news .related-news-card .layer {
          position: absolute;
          content: '';
          background-color: rgba(0, 0, 0, 0.8);
          width: 50vw;
          top: 0;
          bottom: 0;
          transition: background-color 0.4s ease-in-out; }
        #news-details-page .related-news .related-news-card:hover .layer {
          background-color: rgba(0, 0, 0, 0); }
        #news-details-page .related-news .related-news-card:hover .card {
          background-color: white; }
          #news-details-page .related-news .related-news-card:hover .card .article .front {
            opacity: 0; }
          #news-details-page .related-news .related-news-card:hover .card .article .back {
            opacity: 1; }
          #news-details-page .related-news .related-news-card:hover .card .arrow #News---Detail {
            stroke: #1a1919; }
        #news-details-page .related-news .related-news-card:first-child .layer {
          right: 0; }
        #news-details-page .related-news .related-news-card:not(:first-child) .layer {
          left: 0; }
        #news-details-page .related-news .related-news-card .card {
          color: #ffffff;
          font-family: "Work Sans", sans-serif;
          font-size: 30px;
          font-weight: 500;
          line-height: 35px;
          background-color: transparent;
          transition: background-color 0.4s ease-in-out;
          cursor: pointer;
          margin: 10px 55px;
          padding: 45px;
          width: 100%; }
          #news-details-page .related-news .related-news-card .card .row {
            height: 100%; }
          #news-details-page .related-news .related-news-card .card .article {
            position: relative;
            width: 100%; }
            #news-details-page .related-news .related-news-card .card .article .date {
              opacity: 0.5;
              color: #1a1919;
              text-transform: uppercase;
              font-weight: 500;
              line-height: 15px;
              font-size: 14px; }
            #news-details-page .related-news .related-news-card .card .article .title {
              max-width: 261px;
              color: #1a1919;
              font-size: 28px;
              font-weight: 500;
              line-height: 33px;
              padding-top: 12px;
              padding-bottom: 18px;
              display: inline-block; }
            #news-details-page .related-news .related-news-card .card .article .category {
              background-color: #eaebee;
              border-radius: 2px;
              padding: 9px 12px;
              color: #4d4e4c;
              font-size: 12px;
              font-weight: 600;
              letter-spacing: 1.85px;
              line-height: 15px;
              text-transform: uppercase; }
            #news-details-page .related-news .related-news-card .card .article .front {
              opacity: 1;
              position: absolute;
              top: 50%;
              transform: translateY(-50%);
              transition: all 0.4s ease-in;
              color: #FFFFFF;
              font-family: "Work Sans", sans-serif;
              font-size: 30px;
              font-weight: 500;
              line-height: 35px; }
              #news-details-page .related-news .related-news-card .card .article .front:not(.left) {
                right: 0; }
            #news-details-page .related-news .related-news-card .card .article .back {
              opacity: 0;
              transition: all 0.4s ease-in-out; }
              #news-details-page .related-news .related-news-card .card .article .back.left {
                text-align: right; }
          #news-details-page .related-news .related-news-card .card .arrow {
            position: absolute;
            content: '';
            top: 50%;
            transform: translateY(-50%);
            height: 20px;
            width: 70px; }
            #news-details-page .related-news .related-news-card .card .arrow svg {
              top: 10px; }
            #news-details-page .related-news .related-news-card .card .arrow #News---Detail {
              stroke: #ffffff;
              transition: all 0.4s ease-in-out; }
            #news-details-page .related-news .related-news-card .card .arrow.left {
              top: 50%;
              transform: translateY(50%) rotate(180deg); }
    #news-details-page .fullWithNews .right-image,
    #news-details-page .fullWithNews .left-image {
      width: 100%;
      left: 0;
      right: 0; }
    #news-details-page .fullWithNews .related-news-card {
      position: initial; }
      #news-details-page .fullWithNews .related-news-card .layer {
        width: 100%; } }

@media (max-width: 62em) {
  #news-details-page {
    font-family: "Work Sans", sans-serif; }
    #news-details-page .news-detail-principal-info {
      position: relative; }
      #news-details-page .news-detail-principal-info .content {
        padding: 120px 0 285px 0;
        text-align: center; }
        #news-details-page .news-detail-principal-info .content .date {
          opacity: 0.6;
          color: #ffffff;
          font-size: 16px;
          font-weight: 500;
          line-height: 15px;
          text-align: center; }
        #news-details-page .news-detail-principal-info .content .title {
          margin: 20px auto 25px auto;
          max-width: 761px;
          color: #ffffff;
          font-size: 40px;
          font-weight: 500;
          line-height: 56px;
          text-align: center; }
        #news-details-page .news-detail-principal-info .content .category span {
          padding: 9px 12px;
          border-radius: 2px;
          background-color: #515151;
          text-transform: uppercase;
          color: #ffffff;
          font-size: 12px;
          font-weight: 600;
          letter-spacing: 1.85px;
          line-height: 15px;
          text-align: center; }
        #news-details-page .news-detail-principal-info .content .image {
          position: absolute;
          bottom: -21%;
          left: 50%;
          transform: translateX(-50%);
          width: 90vw;
          height: 250px; }
          #news-details-page .news-detail-principal-info .content .image img {
            width: 100%;
            height: 100%;
            object-fit: cover; }
    #news-details-page .news-detail-description .description {
      margin: auto auto 100px auto;
      padding-top: 240px;
      max-width: 760px;
      color: #4d4e4c;
      font-family: Calibri, Candara, Arial, Helvetica, sans-serif;
      font-size: 18px;
      line-height: 32px; }
      #news-details-page .news-detail-description .description img {
        width: 100%; }
      #news-details-page .news-detail-description .description p {
        font-size: 18px;
        font-weight: 200;
        text-align: justify;
        font-family: Calibri, Candara, Arial, Helvetica, sans-serif; }
      #news-details-page .news-detail-description .description p strong {
        font-weight: 700; }
      #news-details-page .news-detail-description .description ul li,
      #news-details-page .news-detail-description .description ol li {
        font-size: 16px;
        list-style-type: initial;
        margin-left: 16px; }
    #news-details-page .related-news {
      position: relative; }
      #news-details-page .related-news .left-image,
      #news-details-page .related-news .right-image,
      #news-details-page .related-news .left-layer,
      #news-details-page .related-news .right-layer {
        position: absolute;
        content: '';
        top: 0;
        bottom: 0;
        width: 50%;
        z-index: -1; }
      #news-details-page .related-news .left-image {
        left: 0; }
      #news-details-page .related-news .right-image {
        right: 0; }
      #news-details-page .related-news .related-news-card {
        padding-top: 45px;
        padding-bottom: 45px;
        position: relative; }
        #news-details-page .related-news .related-news-card .layer {
          position: absolute;
          content: '';
          background-color: rgba(0, 0, 0, 0.8);
          width: 50vw;
          top: 0;
          bottom: 0;
          transition: background-color 0.4s ease-in-out; }
        #news-details-page .related-news .related-news-card:hover .layer {
          background-color: rgba(0, 0, 0, 0); }
        #news-details-page .related-news .related-news-card:hover .card .article .front {
          opacity: 1; }
        #news-details-page .related-news .related-news-card:hover .card .article .back {
          opacity: 1; }
        #news-details-page .related-news .related-news-card:first-child .layer {
          right: 0; }
        #news-details-page .related-news .related-news-card:not(:first-child) .layer {
          left: 0; }
        #news-details-page .related-news .related-news-card .card {
          color: #ffffff;
          font-family: "Work Sans", sans-serif;
          font-size: 30px;
          font-weight: 500;
          line-height: 35px;
          background-color: transparent;
          transition: background-color 0.4s ease-in-out;
          cursor: pointer;
          padding: 15px 30px;
          width: 70%; }
          #news-details-page .related-news .related-news-card .card .article {
            position: relative;
            width: 100%; }
            #news-details-page .related-news .related-news-card .card .article .back {
              display: none; }
          #news-details-page .related-news .related-news-card .card .arrow {
            position: absolute;
            content: '';
            top: 50%;
            transform: translateY(-50%);
            height: 20px;
            width: 70px;
            left: -8%; }
            #news-details-page .related-news .related-news-card .card .arrow #News---Detail {
              stroke: #ffffff;
              transition: all 0.4s ease-in-out; }
            #news-details-page .related-news .related-news-card .card .arrow.left {
              top: 32%;
              left: 18%;
              transform: translateY(32%) rotate(180deg); }
    #news-details-page .fullWithNews .related-news-card .layer {
      width: 100%; }
    #news-details-page .fullWithNews .right-image,
    #news-details-page .fullWithNews .left-image {
      width: 100%;
      left: 0;
      right: 0; } }

@media (max-width: 48em) {
  #news-details-page .related-news .related-news-card {
    text-align: center; }
    #news-details-page .related-news .related-news-card .card {
      display: flex;
      justify-content: center;
      padding: 0;
      width: 96%;
      width: 96%; }
      #news-details-page .related-news .related-news-card .card .row {
        display: block;
        position: relative; }
        #news-details-page .related-news .related-news-card .card .row .article {
          left: 0; }
      #news-details-page .related-news .related-news-card .card .article-wrapper {
        padding: 0; }
      #news-details-page .related-news .related-news-card .card .arrow-wrapper {
        display: block;
        padding: 16px;
        width: 100%; }
        #news-details-page .related-news .related-news-card .card .arrow-wrapper .arrow {
          width: 100%; }
          #news-details-page .related-news .related-news-card .card .arrow-wrapper .arrow:not(.left) {
            top: 12px; }
      #news-details-page .related-news .related-news-card .card .article {
        left: 20px;
        width: 100%; }
        #news-details-page .related-news .related-news-card .card .article .front {
          color: #FFFFFF;
          font-size: 16px; }
        #news-details-page .related-news .related-news-card .card .article .back {
          left: 20px; }
    #news-details-page .related-news .related-news-card:hover .layer {
      background-color: rgba(0, 0, 0, 0.8); }
      #news-details-page .related-news .related-news-card:hover .layer .card {
        background-color: transparent !important; }
        #news-details-page .related-news .related-news-card:hover .layer .card .article .front {
          opacity: 1; }
        #news-details-page .related-news .related-news-card:hover .layer .card .article .back {
          opacity: 1; } }

@keyframes onLoadAnimation {
  from {
    transform: translate3d(0, 60px, 0);
    opacity: 0; }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes whiteSquare {
  0% {
    opacity: 1;
    height: 0; }
  100% {
    height: 690px; } }

@keyframes whiteSquare_xs {
  0% {
    opacity: 1;
    height: 0; }
  100% {
    height: 390px; } }

@keyframes whiteSquare_md {
  0% {
    opacity: 1;
    height: 0; }
  100% {
    height: 393px; } }

@keyframes leftToRight {
  0% {
    opacity: 1;
    transform: translateX(-150%); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

@keyframes lds-ring {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes openPage {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes navAnimation {
  0% {
    opacity: 0;
    transform: translateY(-200px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

#team-page .header {
  position: relative; }
  #team-page .header .title {
    font-weight: 300; }
    #team-page .header .title strong {
      font-weight: bold; }
  #team-page .header .background {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: -130px;
    z-index: 0;
    background-color: rgba(0, 0, 0, 0.8); }

#team-page .team-body {
  display: block;
  width: 100%; }
  #team-page .team-body .team-row {
    display: block;
    float: left;
    padding-top: 30px; }
    #team-page .team-body .team-row .team-wrapper {
      display: inline-block;
      max-width: 100%;
      padding: 0 3px; }
      #team-page .team-body .team-row .team-wrapper .job-name {
        position: relative; }
        #team-page .team-body .team-row .team-wrapper .job-name p {
          display: inline-block;
          font-family: "Work Sans", sans-serif;
          background: #FFFFFF;
          padding-right: 15px;
          color: #1A1919;
          font-size: 20px;
          font-weight: 500;
          line-height: 24px; }
        #team-page .team-body .team-row .team-wrapper .job-name:after {
          content: '';
          display: block;
          left: 0;
          position: absolute;
          width: 100%;
          z-index: -1;
          bottom: 8px;
          height: 3px;
          background: #1A1919; }
      #team-page .team-body .team-row .team-wrapper .employers-wrapper {
        display: flex;
        margin-right: 10px; }
        #team-page .team-body .team-row .team-wrapper .employers-wrapper .employer-card {
          display: block;
          margin: 10px 12px;
          width: 370px;
          height: 464px; }
          #team-page .team-body .team-row .team-wrapper .employers-wrapper .employer-card .employer {
            display: block;
            overflow: hidden;
            width: 100%;
            margin-bottom: 32px;
            height: 464px;
            position: relative; }
            #team-page .team-body .team-row .team-wrapper .employers-wrapper .employer-card .employer .photo {
              position: absolute;
              left: 0;
              top: 0;
              opacity: 1;
              height: 100%;
              width: 100%;
              transition: all 0.8s;
              opacity: 0; }
            #team-page .team-body .team-row .team-wrapper .employers-wrapper .employer-card .employer .photoBlack {
              position: absolute;
              left: 0;
              top: 0;
              height: 100%;
              width: 100%;
              transition: all 0.8s;
              opacity: 1; }
            #team-page .team-body .team-row .team-wrapper .employers-wrapper .employer-card .employer .content-wrapper {
              position: absolute;
              content: '';
              bottom: 0;
              right: 0;
              left: 0;
              opacity: 0;
              transition: opacity 0.2s ease-in-out; }
              #team-page .team-body .team-row .team-wrapper .employers-wrapper .employer-card .employer .content-wrapper .vcard {
                display: block;
                cursor: pointer;
                background: #4D4E4C url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDhweCIgaGVpZ2h0PSIyMnB4IiB2aWV3Qm94PSIwIDAgNDggMjIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU1LjIgKDc4MTgxKSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDx0aXRsZT5pY29fdmNhcmQ8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0id2Vic2l0ZV92MyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Im1lZXRfdGVhbSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE2Mi4wMDAwMDAsIC0xNjY0LjAwMDAwMCkiIGZpbGw9IiNGRkZGRkYiPgogICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMTAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE0My4wMDAwMDAsIDE2NTAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMjkuNjMxMzU1OSwyMy45ODM4ODI4IEMyNi45NzQ5NzMzLDIzLjk4Mzg4MjggMjQuODIxNTQ5NiwyMS44MTIwNTM4IDI0LjgyMTU0OTYsMTkuMTMyOTY3IEMyNC44MjE1NDk2LDE2LjQ1Mzg4MDIgMjYuOTc0OTczMywxNC4yODIwNTEzIDI5LjYzMTM1NTksMTQuMjgyMDUxMyBDMzIuMjg3NzM4NiwxNC4yODIwNTEzIDM0LjQ0MTE2MjIsMTYuNDUzODgwMiAzNC40NDExNjIyLDE5LjEzMjk2NyBDMzQuNDQxMTYyMiwyMS44MTIwNTM4IDMyLjI4NzczODYsMjMuOTgzODgyOCAyOS42MzEzNTU5LDIzLjk4Mzg4MjggWiBNMjYuNDQ4ODEzNiwyNi4yNjY2NjY3IEwzMi44MTM4OTgzLDI2LjI2NjY2NjcgQzM2LjUyNTI1MTgsMjYuMjY2NjY2NyAzOS41MzM4OTgzLDI5LjI3NTMxMzEgMzkuNTMzODk4MywzMi45ODY2NjY3IEwzOS41MzM4OTgzLDM1Ljk2ODQ5ODIgTDE5LjcyODgxMzYsMzUuOTY4NDk4MiBMMTkuNzI4ODEzNiwzMi45ODY2NjY3IEMxOS43Mjg4MTM2LDI5LjI3NTMxMzEgMjIuNzM3NDYsMjYuMjY2NjY2NyAyNi40NDg4MTM2LDI2LjI2NjY2NjcgWiBNNDkuMDgxMzU1OSwxNy42OTIzMDc3IEw2NS4wMzcyODgxLDE3LjY5MjMwNzcgQzY1LjcwMDAyOTgsMTcuNjkyMzA3NyA2Ni4yMzcyODgxLDE4LjIyOTU2NiA2Ni4yMzcyODgxLDE4Ljg5MjMwNzcgTDY2LjIzNzI4ODEsMTguOTI4MjA1MSBDNjYuMjM3Mjg4MSwxOS41OTA5NDY4IDY1LjcwMDAyOTgsMjAuMTI4MjA1MSA2NS4wMzcyODgxLDIwLjEyODIwNTEgTDQ5LjA4MTM1NTksMjAuMTI4MjA1MSBDNDguNDE4NjE0MiwyMC4xMjgyMDUxIDQ3Ljg4MTM1NTksMTkuNTkwOTQ2OCA0Ny44ODEzNTU5LDE4LjkyODIwNTEgTDQ3Ljg4MTM1NTksMTguODkyMzA3NyBDNDcuODgxMzU1OSwxOC4yMjk1NjYgNDguNDE4NjE0MiwxNy42OTIzMDc3IDQ5LjA4MTM1NTksMTcuNjkyMzA3NyBaIE00OS4wODEzNTU5LDI0LjAyNTY0MSBMNjUuMDM3Mjg4MSwyNC4wMjU2NDEgQzY1LjcwMDAyOTgsMjQuMDI1NjQxIDY2LjIzNzI4ODEsMjQuNTYyODk5MyA2Ni4yMzcyODgxLDI1LjIyNTY0MSBMNjYuMjM3Mjg4MSwyNS4yNjE1Mzg1IEM2Ni4yMzcyODgxLDI1LjkyNDI4MDIgNjUuNzAwMDI5OCwyNi40NjE1Mzg1IDY1LjAzNzI4ODEsMjYuNDYxNTM4NSBMNDkuMDgxMzU1OSwyNi40NjE1Mzg1IEM0OC40MTg2MTQyLDI2LjQ2MTUzODUgNDcuODgxMzU1OSwyNS45MjQyODAyIDQ3Ljg4MTM1NTksMjUuMjYxNTM4NSBMNDcuODgxMzU1OSwyNS4yMjU2NDEgQzQ3Ljg4MTM1NTksMjQuNTYyODk5MyA0OC40MTg2MTQyLDI0LjAyNTY0MSA0OS4wODEzNTU5LDI0LjAyNTY0MSBaIE00OS4wODEzNTU5LDMwLjM1ODk3NDQgTDY1LjAzNzI4ODEsMzAuMzU4OTc0NCBDNjUuNzAwMDI5OCwzMC4zNTg5NzQ0IDY2LjIzNzI4ODEsMzAuODk2MjMyNyA2Ni4yMzcyODgxLDMxLjU1ODk3NDQgTDY2LjIzNzI4ODEsMzEuNTk0ODcxOCBDNjYuMjM3Mjg4MSwzMi4yNTc2MTM1IDY1LjcwMDAyOTgsMzIuNzk0ODcxOCA2NS4wMzcyODgxLDMyLjc5NDg3MTggTDQ5LjA4MTM1NTksMzIuNzk0ODcxOCBDNDguNDE4NjE0MiwzMi43OTQ4NzE4IDQ3Ljg4MTM1NTksMzIuMjU3NjEzNSA0Ny44ODEzNTU5LDMxLjU5NDg3MTggTDQ3Ljg4MTM1NTksMzEuNTU4OTc0NCBDNDcuODgxMzU1OSwzMC44OTYyMzI3IDQ4LjQxODYxNDIsMzAuMzU4OTc0NCA0OS4wODEzNTU5LDMwLjM1ODk3NDQgWiIgaWQ9Imljb192Y2FyZCI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=) center center no-repeat;
                padding: 20px;
                width: 108px;
                height: 74px;
                border: 0;
                border-top: 11px solid #ffffff;
                border-right: 11px solid #ffffff;
                border-bottom: 5px solid #ffffff; }
              #team-page .team-body .team-row .team-wrapper .employers-wrapper .employer-card .employer .content-wrapper .info-content {
                padding: 32px 22px;
                border-top: 11px solid #ffffff;
                background-color: #1a1919;
                width: 100%; }
                #team-page .team-body .team-row .team-wrapper .employers-wrapper .employer-card .employer .content-wrapper .info-content .name {
                  color: #ffffff;
                  font-family: "Work Sans", sans-serif;
                  font-size: 23px;
                  line-height: 27px;
                  margin-bottom: 7px;
                  font-weight: 300; }
                #team-page .team-body .team-row .team-wrapper .employers-wrapper .employer-card .employer .content-wrapper .info-content .job {
                  color: rgba(255, 255, 255, 0.5);
                  font-family: "Work Sans", sans-serif;
                  font-size: 16px;
                  line-height: 19px;
                  font-weight: 300; }
            #team-page .team-body .team-row .team-wrapper .employers-wrapper .employer-card .employer img {
              width: 100%;
              height: 100%; }
            #team-page .team-body .team-row .team-wrapper .employers-wrapper .employer-card .employer:hover .photo {
              transform: scale(1.1);
              opacity: 1; }
            #team-page .team-body .team-row .team-wrapper .employers-wrapper .employer-card .employer:hover .photoBlack {
              transform: scale(1.1);
              opacity: 0; }
            #team-page .team-body .team-row .team-wrapper .employers-wrapper .employer-card .employer:hover .content-wrapper {
              opacity: 1; }

@media (min-width: 62em) {
  #team-page .header {
    position: relative; }
    #team-page .header .background {
      position: absolute;
      content: '';
      top: 0;
      left: 0;
      right: 0;
      bottom: -130px;
      z-index: 0; }
    #team-page .header .title {
      padding-top: 180px;
      padding-bottom: 50px;
      z-index: 1;
      color: #000000;
      font-family: "Work Sans", sans-serif;
      font-size: 90px;
      font-weight: 300;
      line-height: 100px; }
  #team-page .team-body {
    padding-bottom: 135px; }
    #team-page .team-body .image-wrapper .employer .content {
      opacity: 0;
      transition: opacity 0.2s ease-in-out;
      position: absolute;
      content: '';
      bottom: 0;
      right: 0;
      padding: 32px 34px;
      border-top: 11px solid #ffffff;
      border-left: 11px solid #ffffff;
      background-color: #1a1919;
      width: 90%; }
    #team-page .team-body .image-wrapper .employer:hover .content {
      opacity: 1; } }

@media (max-width: 1024px) {
  #team-page .header {
    position: relative; }
    #team-page .header .background {
      position: absolute;
      content: '';
      top: 0;
      left: 0;
      right: 0;
      bottom: -130px;
      z-index: 0; }
    #team-page .header .title {
      padding-top: 120px;
      padding-bottom: 30px;
      z-index: 1;
      color: #000000;
      font-family: "Work Sans", sans-serif;
      font-size: 50px;
      font-weight: 300;
      line-height: 70px; }
  #team-page .team-body .team-row .team-wrapper .employers-wrapper .employer-card .employer .content-wrapper {
    opacity: 1; } }

@media (max-width: 48em) {
  #team-page .header .title {
    padding-top: 120px; }
  #team-page .team-body .team-row .team-wrapper {
    margin-left: 0;
    width: 100%; }
    #team-page .team-body .team-row .team-wrapper .job-name p {
      font-size: 16px; }
    #team-page .team-body .team-row .team-wrapper .employers-wrapper {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      margin-right: 0; }
      #team-page .team-body .team-row .team-wrapper .employers-wrapper .employer-card:not(:first-child) {
        margin-left: 0;
        padding-left: 1rem; }
      #team-page .team-body .team-row .team-wrapper .employers-wrapper .employer-card .employer {
        height: 450px; }
        #team-page .team-body .team-row .team-wrapper .employers-wrapper .employer-card .employer .content-wrapper {
          opacity: 1; }
          #team-page .team-body .team-row .team-wrapper .employers-wrapper .employer-card .employer .content-wrapper .info-content .name {
            font-size: 18px;
            line-height: 16px; }
          #team-page .team-body .team-row .team-wrapper .employers-wrapper .employer-card .employer .content-wrapper .info-content .job {
            font-size: 14px;
            line-height: 18px; } }