@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Secular+One&display=swap");
* {
  outline: none;
  box-sizing: border-box; }

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,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block; }

body {
  line-height: 1; }

ol,
ul {
  list-style: none; }

blockquote,
q {
  quotes: none; }

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

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

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

html,
body {
  height: 100%; }

body {
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: 100%;
  background-color: #ffffff;
  font-family: 'Raleway', sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: #000000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-underline-offset: 10%; }

a {
  color: inherit;
  text-decoration: none; }

h1,
h2,
h3,
h4 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.2em; }

p,
ul {
  line-height: 1.5em; }
  p a,
  ul a {
    text-decoration: underline;
    text-decoration-thickness: 1px; }

input,
textarea,
select,
button {
  border: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  border-radius: 0;
  background-color: transparent;
  margin: 0;
  padding: 0; }

img {
  pointer-events: none; }

.container {
  position: relative;
  max-width: 1340px;
  padding: 0 60px;
  margin: 0 auto; }
  @media screen and (max-width: 768px) {
    .container {
      padding: 0 30px; } }

.navigation {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000; }
  .navigation:before {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: radial-gradient(circle closest-side, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0.2));
    background-size: auto 400%;
    background-position: center;
    opacity: 0;
    transition: opacity 350ms ease-in-out; }
  .navigation .canvas {
    position: absolute;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: white;
    height: 100vh;
    opacity: 0;
    pointer-events: none;
    transition: opacity 350ms ease-in-out; }
    .menu .navigation .canvas {
      opacity: 1;
      pointer-events: all; }
    .navigation .canvas ul {
      text-align: center;
      font-family: 'Montserrat', sans-serif;
      font-weight: 400;
      text-transform: uppercase;
      color: #000000;
      font-size: 2.5vw; }
      @media screen and (max-width: 768px) {
        .navigation .canvas ul {
          font-size: 18px; } }
      .navigation .canvas ul li {
        margin-bottom: 15px; }
        .navigation .canvas ul li:last-child {
          margin-bottom: 0; }
        .navigation .canvas ul li a {
          text-decoration: none; }
  .navigation .items {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    height: 90px; }
    @media screen and (max-width: 768px) {
      .navigation .items {
        height: 70px; } }
    .navigation .items .toggle {
      position: relative;
      width: 26px;
      height: 14px;
      cursor: pointer; }
      .navigation .items .toggle .line {
        position: absolute;
        left: 0;
        height: 2px;
        background-color: #000000;
        transform: translateY(-50%);
        transition: all 350ms ease-in-out;
        pointer-events: none; }
        .home .navigation .items .toggle .line {
          background-color: #ffffff; }
        .menu .navigation .items .toggle .line {
          background-color: #000000; }
        .navigation .items .toggle .line:nth-child(1) {
          width: 100%;
          top: 0; }
          .menu .navigation .items .toggle .line:nth-child(1) {
            top: 50%;
            transform: translateY(-50%) rotate(-45deg); }
        .navigation .items .toggle .line:nth-child(2) {
          width: 66.666666%;
          top: 50%; }
          .menu .navigation .items .toggle .line:nth-child(2) {
            width: 0;
            left: 50%; }
        .navigation .items .toggle .line:nth-child(3) {
          width: 33.333333%;
          top: 100%; }
          .menu .navigation .items .toggle .line:nth-child(3) {
            top: 50%;
            width: 100%;
            transform: translateY(-50%) rotate(45deg); }
    .navigation .items .logo {
      position: absolute;
      display: block;
      left: 50%;
      transform: translateX(-50%);
      transition: filter 350ms ease-in-out; }
      .home .navigation .items .logo {
        filter: invert(1); }
      .menu .navigation .items .logo {
        filter: invert(0); }
      .navigation .items .logo img {
        display: -ms-flexbox;
        display: flex;
        height: 50px; }
        @media screen and (max-width: 768px) {
          .navigation .items .logo img {
            height: 40px; } }
    .navigation .items .btn {
      position: relative;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      padding: 0 20px;
      height: 50px;
      color: #ffffff;
      background: linear-gradient(135deg, #646456, #a08c75);
      background-size: 250%;
      background-position: center;
      font-size: 11px;
      border-radius: 4px;
      font-weight: 600;
      letter-spacing: 0.1rem;
      font-family: 'Montserrat', sans-serif;
      text-transform: uppercase;
      transition: all 350ms ease-in-out; }
      .navigation .items .btn:hover {
        background-size: 100%; }
      @media screen and (max-width: 768px) {
        .navigation .items .btn {
          display: none; } }
  .navigation.scrolled:before {
    opacity: 1; }
    .menu .navigation.scrolled:before {
      opacity: 0; }
  .navigation.scrolled .items .toggle .line {
    background-color: #000000; }
  .navigation.scrolled .items .logo {
    filter: invert(0); }

.page {
  position: relative;
  min-height: 100vh; }

.footer {
  position: relative;
  background-color: #e9e7e2;
  padding: 60px 0; }
  .footer .columns {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: -20px; }
    .footer .columns .column {
      position: relative;
      color: #999887;
      width: 20%; }
      .footer .columns .column:nth-child(5) {
        text-align: right; }
      .footer .columns .column:nth-child(6) {
        width: 100%; }
      @media screen and (max-width: 1024px) {
        .footer .columns .column {
          width: 33.333333%; }
          .footer .columns .column:nth-child(4) {
            width: 66.666666%; }
          .footer .columns .column:nth-child(5) {
            text-align: left; } }
      @media screen and (max-width: 768px) {
        .footer .columns .column {
          width: 100%; } }
      .footer .columns .column .box {
        position: relative;
        padding: 20px; }
        .footer .columns .column .box h4 {
          color: #807f6d;
          margin-bottom: 20px; }
        .footer .columns .column .box ul {
          margin-bottom: 20px; }
          .footer .columns .column .box ul:last-child {
            margin-bottom: 0; }
        .footer .columns .column .box form {
          position: relative;
          margin-top: -10px;
          width: 400px; }
          @media screen and (max-width: 768px) {
            .footer .columns .column .box form {
              width: 100%; } }
          .footer .columns .column .box form input {
            height: 50px;
            border-bottom: 1px solid #b0b0a3;
            color: #999887;
            width: 100%;
            transition: all 175ms ease-in-out; }
            .footer .columns .column .box form input::-webkit-input-placeholder {
              color: #bcbbb0; }
            .footer .columns .column .box form input:-moz-placeholder {
              color: #bcbbb0; }
            .footer .columns .column .box form input::-moz-placeholder {
              color: #bcbbb0; }
            .footer .columns .column .box form input:-ms-input-placeholder {
              color: #bcbbb0; }
            .footer .columns .column .box form input:focus {
              border-color: #807f6d; }
          .footer .columns .column .box form button {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            width: 15px;
            background-image: url("../images/arrow.svg");
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
            cursor: pointer; }

.page.home {
  position: relative; }
  .page.home .hero {
    position: relative;
    background-color: rgba(0, 0, 0, 0.125); }
    .page.home .hero .image {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0; }
      .page.home .hero .image img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: center;
           object-position: center;
        display: -ms-flexbox;
        display: flex; }
    .page.home .hero .items {
      position: relative;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      padding: 220px 0;
      padding-right: 33.333333%; }
      @media screen and (max-width: 1024px) {
        .page.home .hero .items {
          padding-right: 0;
          -ms-flex-pack: center;
              justify-content: center; } }
      .page.home .hero .items h1 {
        font-size: 96px;
        font-weight: 400;
        line-height: 1.1em;
        color: #ffffff;
        text-shadow: 0 10px 40px rgba(0, 0, 0, 0.25); }
        .page.home .hero .items h1 span {
          font-weight: 600;
          font-size: 125%; }
        @media screen and (max-width: 1024px) {
          .page.home .hero .items h1 {
            font-size: 72px;
            text-align: center; }
            .page.home .hero .items h1 span {
              font-size: 100%; } }
        @media screen and (max-width: 768px) {
          .page.home .hero .items h1 {
            font-size: 48px; } }
      .page.home .hero .items .ctas {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        margin-top: 60px; }
        @media screen and (max-width: 768px) {
          .page.home .hero .items .ctas {
            -ms-flex-direction: column;
                flex-direction: column; } }
        .page.home .hero .items .ctas .cta {
          position: relative;
          display: -ms-flexbox;
          display: flex; }
          @media screen and (max-width: 1024px) {
            .page.home .hero .items .ctas .cta {
              -ms-flex-pack: center;
                  justify-content: center; } }
          .page.home .hero .items .ctas .cta:first-child {
            margin: 0 20px 0 0; }
            @media screen and (max-width: 768px) {
              .page.home .hero .items .ctas .cta:first-child {
                margin: 0 0 20px 0; } }
          .page.home .hero .items .ctas .cta .first {
            position: relative;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
                align-items: center;
            padding: 0 40px;
            height: 70px;
            color: #ffffff;
            background: linear-gradient(135deg, #646456, #a08c75);
            background-size: 250%;
            background-position: center;
            font-size: 14px;
            border-radius: 4px;
            font-weight: 600;
            letter-spacing: 0.1rem;
            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.25);
            font-family: 'Montserrat', sans-serif;
            text-transform: uppercase;
            transition: all 350ms ease-in-out; }
            .page.home .hero .items .ctas .cta .first:hover {
              background-size: 100%;
              transform: translateY(-5px);
              box-shadow: 0 15px 40px rgba(0, 0, 0, 0.125); }
          .page.home .hero .items .ctas .cta .second {
            position: relative;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
                align-items: center;
            padding: 0 40px;
            height: 70px;
            color: #ffffff;
            background: linear-gradient(135deg, #999887, #cabeb1);
            background-size: 250%;
            background-position: center;
            font-size: 14px;
            border-radius: 4px;
            font-weight: 600;
            letter-spacing: 0.1rem;
            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.25);
            font-family: 'Montserrat', sans-serif;
            text-transform: uppercase;
            transition: all 350ms ease-in-out; }
            .page.home .hero .items .ctas .cta .second:hover {
              background-size: 100%;
              transform: translateY(-5px);
              box-shadow: 0 15px 40px rgba(0, 0, 0, 0.125); }
  .page.home .introduction {
    position: relative; }
    .page.home .introduction:after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 50%;
      height: 20px;
      width: 25vw;
      transform: translate(-50%, 50%);
      background-image: url("../images/doodle.svg");
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      pointer-events: none; }
    .page.home .introduction .holder {
      position: relative;
      padding: 120px 12.5vw;
      text-align: center; }
      @media screen and (max-width: 1024px) {
        .page.home .introduction .holder {
          padding: 60px 12.5vw; } }
      @media screen and (max-width: 768px) {
        .page.home .introduction .holder {
          padding: 60px 0; } }
      .page.home .introduction .holder h2 {
        font-size: 48px;
        font-weight: 400;
        margin-bottom: 40px; }
        .page.home .introduction .holder h2 span {
          display: block;
          font-weight: 600; }
        @media screen and (max-width: 768px) {
          .page.home .introduction .holder h2 {
            font-size: 32px; } }
      .page.home .introduction .holder p {
        color: #999999;
        margin-bottom: 20px; }
        .page.home .introduction .holder p:last-child {
          margin-bottom: 0; }
      .page.home .introduction .holder .cta {
        position: relative;
        display: -ms-inline-flexbox;
        display: inline-flex;
        margin-top: 20px; }
        .page.home .introduction .holder .cta .btn {
          position: relative;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center;
          padding: 0 30px;
          height: 60px;
          color: #ffffff;
          background: linear-gradient(135deg, #646456, #a08c75);
          background-size: 250%;
          background-position: center;
          font-size: 13px;
          border-radius: 4px;
          font-weight: 600;
          letter-spacing: 0.1rem;
          box-shadow: 0 10px 40px rgba(0, 0, 0, 0.25);
          font-family: 'Montserrat', sans-serif;
          text-transform: uppercase;
          transition: all 350ms ease-in-out; }
          .page.home .introduction .holder .cta .btn:hover {
            background-size: 100%;
            transform: translateY(-5px);
            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.125); }
  .page.home ._introduction {
    position: relative; }
    .page.home ._introduction:after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 50%;
      height: 20px;
      width: 25vw;
      transform: translate(-50%, 50%);
      background-image: url("../images/doodle.svg");
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      pointer-events: none; }
    .page.home ._introduction .holder {
      position: relative;
      padding: 120px 0; }
      @media screen and (max-width: 1024px) {
        .page.home ._introduction .holder {
          padding: 60px 0; } }
      .page.home ._introduction .holder .columns {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        margin: -60px; }
        @media screen and (max-width: 1024px) {
          .page.home ._introduction .holder .columns {
            margin: 0; } }
        .page.home ._introduction .holder .columns .column {
          position: relative;
          width: 50%;
          padding: 60px; }
          @media screen and (max-width: 1024px) {
            .page.home ._introduction .holder .columns .column {
              padding: 0; } }
          @media screen and (max-width: 1024px) {
            .page.home ._introduction .holder .columns .column:first-child {
              display: none; } }
          @media screen and (max-width: 1024px) {
            .page.home ._introduction .holder .columns .column:last-child {
              width: 100%; } }
          .page.home ._introduction .holder .columns .column .canvas {
            position: relative;
            height: 100%;
            pointer-events: none; }
            .page.home ._introduction .holder .columns .column .canvas .crop {
              position: absolute;
              top: -220px;
              right: 0;
              bottom: 0;
              left: 0; }
              .page.home ._introduction .holder .columns .column .canvas .crop .shape {
                position: absolute;
                top: -90px;
                right: -90px;
                bottom: -90px;
                left: -90px;
                background-image: url("../images/shape.svg");
                background-repeat: no-repeat;
                background-size: contain;
                background-position: center;
                opacity: 0.025; }
              .page.home ._introduction .holder .columns .column .canvas .crop .image {
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                background-color: #eeeeee;
                border-radius: 6px;
                overflow: hidden; }
                .page.home ._introduction .holder .columns .column .canvas .crop .image img {
                  width: 100%;
                  height: 100%;
                  -o-object-fit: cover;
                     object-fit: cover;
                  -o-object-position: center;
                     object-position: center;
                  display: -ms-flexbox;
                  display: flex; }
          .page.home ._introduction .holder .columns .column h2 {
            font-size: 48px;
            font-weight: 400;
            margin-bottom: 40px; }
            .page.home ._introduction .holder .columns .column h2 span {
              display: block;
              font-weight: 600; }
            @media screen and (max-width: 768px) {
              .page.home ._introduction .holder .columns .column h2 {
                font-size: 32px; } }
          .page.home ._introduction .holder .columns .column p {
            color: #999999;
            font-size: 16px;
            margin-bottom: 20px; }
            .page.home ._introduction .holder .columns .column p:last-child {
              margin-bottom: 0; }
  .page.home .treatments {
    position: relative;
    padding-top: 60px; }
    @media screen and (max-width: 1200px) {
      .page.home .treatments {
        padding-top: 0; } }
    .page.home .treatments:after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 50%;
      height: 20px;
      width: 25vw;
      transform: translate(-50%, 50%);
      background-image: url("../images/doodle.svg");
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      pointer-events: none; }
    .page.home .treatments .holder {
      position: relative;
      padding: 120px 0; }
      @media screen and (max-width: 1024px) {
        .page.home .treatments .holder {
          padding: 60px 0; } }
      .page.home .treatments .holder .columns {
        position: relative; }
        .page.home .treatments .holder .columns .column {
          position: relative;
          display: -ms-flexbox;
          display: flex;
          margin: -60px 0 0 0; }
          @media screen and (max-width: 1200px) {
            .page.home .treatments .holder .columns .column {
              margin: 0 0 60px 0; }
              .page.home .treatments .holder .columns .column:last-child {
                margin: 0; } }
          @media screen and (max-width: 480px) {
            .page.home .treatments .holder .columns .column {
              -ms-flex-wrap: wrap;
                  flex-wrap: wrap; } }
          .page.home .treatments .holder .columns .column .image {
            position: relative;
            -ms-flex-positive: 0;
                flex-grow: 0;
            -ms-flex-negative: 0;
                flex-shrink: 0;
            width: 280px; }
            @media screen and (max-width: 768px) {
              .page.home .treatments .holder .columns .column .image {
                width: 33.333333%; } }
            @media screen and (max-width: 480px) {
              .page.home .treatments .holder .columns .column .image {
                width: 100%;
                margin-bottom: 30px; } }
            .page.home .treatments .holder .columns .column .image .ratio {
              position: relative;
              padding-bottom: 150%; }
              .page.home .treatments .holder .columns .column .image .ratio .fix {
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                border-radius: 6px;
                background-color: #eeeeee;
                overflow: hidden; }
                .page.home .treatments .holder .columns .column .image .ratio .fix img {
                  width: 100%;
                  height: 100%;
                  -o-object-fit: cover;
                     object-fit: cover;
                  -o-object-position: center;
                     object-position: center;
                  display: -ms-flexbox;
                  display: flex; }
          .page.home .treatments .holder .columns .column .information {
            position: relative;
            padding: 0 60px; }
            @media screen and (max-width: 768px) {
              .page.home .treatments .holder .columns .column .information {
                padding: 0 30px; } }
            @media screen and (max-width: 480px) {
              .page.home .treatments .holder .columns .column .information {
                padding: 0; } }
            .page.home .treatments .holder .columns .column .information h3 {
              font-size: 24px;
              margin-bottom: 30px; }
            .page.home .treatments .holder .columns .column .information p {
              color: #999999;
              margin-bottom: 20px; }
              .page.home .treatments .holder .columns .column .information p:last-child {
                margin-bottom: 0; }
            .page.home .treatments .holder .columns .column .information .cta {
              position: relative;
              display: -ms-inline-flexbox;
              display: inline-flex;
              margin-top: 10px; }
              .page.home .treatments .holder .columns .column .information .cta .btn {
                position: relative;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-align: center;
                    align-items: center;
                padding: 0 30px;
                height: 60px;
                color: #ffffff;
                background: linear-gradient(135deg, #646456, #a08c75);
                background-size: 250%;
                background-position: center;
                font-size: 13px;
                border-radius: 4px;
                font-weight: 600;
                letter-spacing: 0.1rem;
                box-shadow: 0 10px 40px rgba(0, 0, 0, 0.25);
                font-family: 'Montserrat', sans-serif;
                text-transform: uppercase;
                transition: all 350ms ease-in-out; }
                .page.home .treatments .holder .columns .column .information .cta .btn:hover {
                  background-size: 100%;
                  transform: translateY(-5px);
                  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.125); }
          .page.home .treatments .holder .columns .column:nth-child(odd) {
            -ms-flex-direction: row;
                flex-direction: row;
            padding-right: 340px;
            text-align: left; }
            @media screen and (max-width: 1200px) {
              .page.home .treatments .holder .columns .column:nth-child(odd) {
                padding-right: 15vw; } }
            @media screen and (max-width: 1024px) {
              .page.home .treatments .holder .columns .column:nth-child(odd) {
                padding-right: 0; } }
          .page.home .treatments .holder .columns .column:nth-child(even) {
            -ms-flex-direction: row-reverse;
                flex-direction: row-reverse;
            padding-left: 340px;
            text-align: right; }
            @media screen and (max-width: 1200px) {
              .page.home .treatments .holder .columns .column:nth-child(even) {
                padding-left: 15vw; } }
            @media screen and (max-width: 1024px) {
              .page.home .treatments .holder .columns .column:nth-child(even) {
                padding-left: 0; } }
            @media screen and (max-width: 480px) {
              .page.home .treatments .holder .columns .column:nth-child(even) {
                text-align: left;
                -ms-flex-direction: row;
                    flex-direction: row; } }
  .page.home .academy {
    position: relative; }
    .page.home .academy:after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 50%;
      height: 20px;
      width: 25vw;
      transform: translate(-50%, 50%);
      background-image: url("../images/doodle.svg");
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      pointer-events: none; }
    .page.home .academy .holder {
      position: relative;
      padding: 120px 12.5vw;
      text-align: center; }
      @media screen and (max-width: 1024px) {
        .page.home .academy .holder {
          padding: 60px 12.5vw; } }
      @media screen and (max-width: 768px) {
        .page.home .academy .holder {
          padding: 60px 0; } }
      .page.home .academy .holder h3 {
        font-size: 36px;
        font-weight: 400;
        margin-bottom: 40px; }
        .page.home .academy .holder h3 span {
          font-weight: 600; }
        @media screen and (max-width: 768px) {
          .page.home .academy .holder h3 {
            font-size: 32px; } }
      .page.home .academy .holder p {
        color: #999999;
        margin-bottom: 20px; }
        .page.home .academy .holder p:last-child {
          margin-bottom: 0; }
      .page.home .academy .holder .cta {
        position: relative;
        display: -ms-inline-flexbox;
        display: inline-flex;
        margin-top: 20px; }
        .page.home .academy .holder .cta .btn {
          position: relative;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center;
          padding: 0 30px;
          height: 60px;
          color: #ffffff;
          background: linear-gradient(135deg, #646456, #a08c75);
          background-size: 250%;
          background-position: center;
          font-size: 13px;
          border-radius: 4px;
          font-weight: 600;
          letter-spacing: 0.1rem;
          box-shadow: 0 10px 40px rgba(0, 0, 0, 0.25);
          font-family: 'Montserrat', sans-serif;
          text-transform: uppercase;
          transition: all 350ms ease-in-out; }
          .page.home .academy .holder .cta .btn:hover {
            background-size: 100%;
            transform: translateY(-5px);
            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.125); }
  .page.home .social {
    position: relative; }
    .page.home .social .holder {
      position: relative;
      padding: 120px 0; }
      @media screen and (max-width: 1024px) {
        .page.home .social .holder {
          padding: 60px 0; } }
      .page.home .social .holder .columns {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        margin: -60px; }
        @media screen and (max-width: 1024px) {
          .page.home .social .holder .columns {
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
            margin: -30px; } }
        .page.home .social .holder .columns .column {
          position: relative;
          width: 50%;
          padding: 60px; }
          @media screen and (max-width: 1024px) {
            .page.home .social .holder .columns .column {
              width: 100%;
              padding: 30px; } }
          .page.home .social .holder .columns .column:first-child {
            text-align: left; }
          .page.home .social .holder .columns .column:last-child {
            text-align: right; }
            @media screen and (max-width: 480px) {
              .page.home .social .holder .columns .column:last-child {
                text-align: left; } }
          .page.home .social .holder .columns .column h3 {
            font-size: 24px;
            font-weight: 400;
            margin-bottom: 40px; }
            .page.home .social .holder .columns .column h3 span {
              font-weight: 600; }
          .page.home .social .holder .columns .column .review {
            position: relative; }
            .page.home .social .holder .columns .column .review cite {
              line-height: 1.5em;
              color: #807f6d;
              font-size: 17px;
              font-weight: 600; }
              .page.home .social .holder .columns .column .review cite:before, .page.home .social .holder .columns .column .review cite:after {
                font-size: 48px;
                line-height: 0em;
                font-family: 'Secular One', sans-serif;
                display: -ms-inline-flexbox;
                display: inline-flex; }
              .page.home .social .holder .columns .column .review cite:before {
                content: '“';
                transform: translateY(10px);
                padding-right: 10px; }
              .page.home .social .holder .columns .column .review cite:after {
                content: '”';
                transform: translateY(25px);
                padding-left: 10px; }
            .page.home .social .holder .columns .column .review p {
              color: #999999;
              margin-top: 20px; }
              .page.home .social .holder .columns .column .review p span {
                color: #666666;
                font-weight: 600; }
          .page.home .social .holder .columns .column .instagram {
            position: relative; }
            .page.home .social .holder .columns .column .instagram .posts {
              position: relative;
              display: -ms-flexbox;
              display: flex;
              -ms-flex-wrap: wrap;
                  flex-wrap: wrap;
              margin: -10px; }
              .page.home .social .holder .columns .column .instagram .posts .post {
                position: relative;
                width: 25%;
                position: relative;
                padding: 10px; }
                @media screen and (max-width: 480px) {
                  .page.home .social .holder .columns .column .instagram .posts .post {
                    width: 50%; } }
                .page.home .social .holder .columns .column .instagram .posts .post .ratio {
                  position: relative;
                  padding-bottom: 100%; }
                  .page.home .social .holder .columns .column .instagram .posts .post .ratio .image {
                    position: absolute;
                    top: 0;
                    right: 0;
                    bottom: 0;
                    left: 0;
                    background-color: #eeeeee;
                    border-radius: 4px;
                    overflow: hidden; }
                    .page.home .social .holder .columns .column .instagram .posts .post .ratio .image img {
                      width: 100%;
                      height: 100%;
                      -o-object-fit: cover;
                         object-fit: cover;
                      -o-object-position: center;
                         object-position: center;
                      display: -ms-flexbox;
                      display: flex; }

.page.behandelingen {
  position: relative; }
  .page.behandelingen .hero {
    position: relative;
    margin-top: 90px;
    padding: 60px 0; }
    @media screen and (max-width: 1024px) {
      .page.behandelingen .hero {
        padding-bottom: 0; } }
    @media screen and (max-width: 768px) {
      .page.behandelingen .hero {
        margin-top: 70px; } }
    .page.behandelingen .hero .title {
      position: relative;
      text-align: center; }
      .page.behandelingen .hero .title h1 {
        font-size: 48px;
        font-weight: 400;
        margin-bottom: 40px; }
        @media screen and (max-width: 768px) {
          .page.behandelingen .hero .title h1 {
            font-size: 32px; } }
      .page.behandelingen .hero .title p {
        font-size: 18px;
        color: #999999;
        margin-bottom: 20px;
        padding: 0 20%; }
        @media screen and (max-width: 768px) {
          .page.behandelingen .hero .title p {
            padding: 0; } }
        .page.behandelingen .hero .title p:last-child {
          margin-bottom: 0; }
  .page.behandelingen .treatments {
    position: relative; }
    .page.behandelingen .treatments .holder {
      position: relative;
      padding: 120px 0; }
      @media screen and (max-width: 1024px) {
        .page.behandelingen .treatments .holder {
          padding: 60px 0; } }
      .page.behandelingen .treatments .holder .columns {
        position: relative; }
        .page.behandelingen .treatments .holder .columns .column {
          position: relative;
          display: -ms-flexbox;
          display: flex;
          margin: -60px 0 0 0; }
          @media screen and (max-width: 1200px) {
            .page.behandelingen .treatments .holder .columns .column {
              margin: 0 0 60px 0; }
              .page.behandelingen .treatments .holder .columns .column:last-child {
                margin: 0; } }
          @media screen and (max-width: 480px) {
            .page.behandelingen .treatments .holder .columns .column {
              -ms-flex-wrap: wrap;
                  flex-wrap: wrap; } }
          .page.behandelingen .treatments .holder .columns .column .image {
            position: relative;
            -ms-flex-positive: 0;
                flex-grow: 0;
            -ms-flex-negative: 0;
                flex-shrink: 0;
            width: 280px; }
            @media screen and (max-width: 768px) {
              .page.behandelingen .treatments .holder .columns .column .image {
                width: 33.333333%; } }
            @media screen and (max-width: 480px) {
              .page.behandelingen .treatments .holder .columns .column .image {
                width: 100%;
                margin-bottom: 30px; } }
            .page.behandelingen .treatments .holder .columns .column .image .ratio {
              position: relative;
              padding-bottom: 150%; }
              .page.behandelingen .treatments .holder .columns .column .image .ratio .fix {
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                border-radius: 6px;
                background-color: #eeeeee;
                overflow: hidden; }
                .page.behandelingen .treatments .holder .columns .column .image .ratio .fix img {
                  width: 100%;
                  height: 100%;
                  -o-object-fit: cover;
                     object-fit: cover;
                  -o-object-position: center;
                     object-position: center;
                  display: -ms-flexbox;
                  display: flex; }
          .page.behandelingen .treatments .holder .columns .column .information {
            position: relative;
            padding: 0 60px; }
            @media screen and (max-width: 768px) {
              .page.behandelingen .treatments .holder .columns .column .information {
                padding: 0 30px; } }
            @media screen and (max-width: 480px) {
              .page.behandelingen .treatments .holder .columns .column .information {
                padding: 0; } }
            .page.behandelingen .treatments .holder .columns .column .information h3 {
              font-size: 24px;
              margin-bottom: 30px; }
            .page.behandelingen .treatments .holder .columns .column .information p {
              color: #999999;
              margin-bottom: 20px; }
              .page.behandelingen .treatments .holder .columns .column .information p:last-child {
                margin-bottom: 0; }
            .page.behandelingen .treatments .holder .columns .column .information .cta {
              position: relative;
              display: -ms-inline-flexbox;
              display: inline-flex;
              margin-top: 10px; }
              .page.behandelingen .treatments .holder .columns .column .information .cta .btn {
                position: relative;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-align: center;
                    align-items: center;
                padding: 0 30px;
                height: 60px;
                color: #ffffff;
                background: linear-gradient(135deg, #646456, #a08c75);
                background-size: 250%;
                background-position: center;
                font-size: 13px;
                border-radius: 4px;
                font-weight: 600;
                letter-spacing: 0.1rem;
                box-shadow: 0 10px 40px rgba(0, 0, 0, 0.25);
                font-family: 'Montserrat', sans-serif;
                text-transform: uppercase;
                transition: all 350ms ease-in-out; }
                .page.behandelingen .treatments .holder .columns .column .information .cta .btn:hover {
                  background-size: 100%;
                  transform: translateY(-5px);
                  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.125); }
          .page.behandelingen .treatments .holder .columns .column:nth-child(odd) {
            -ms-flex-direction: row;
                flex-direction: row;
            padding-right: 340px;
            text-align: left; }
            @media screen and (max-width: 1200px) {
              .page.behandelingen .treatments .holder .columns .column:nth-child(odd) {
                padding-right: 15vw; } }
            @media screen and (max-width: 1024px) {
              .page.behandelingen .treatments .holder .columns .column:nth-child(odd) {
                padding-right: 0; } }
          .page.behandelingen .treatments .holder .columns .column:nth-child(even) {
            -ms-flex-direction: row-reverse;
                flex-direction: row-reverse;
            padding-left: 340px;
            text-align: right; }
            @media screen and (max-width: 1200px) {
              .page.behandelingen .treatments .holder .columns .column:nth-child(even) {
                padding-left: 15vw; } }
            @media screen and (max-width: 1024px) {
              .page.behandelingen .treatments .holder .columns .column:nth-child(even) {
                padding-left: 0; } }
            @media screen and (max-width: 480px) {
              .page.behandelingen .treatments .holder .columns .column:nth-child(even) {
                text-align: left;
                -ms-flex-direction: row;
                    flex-direction: row; } }

.page.behandeling {
  position: relative; }
  .page.behandeling .data {
    position: relative;
    margin-top: 90px;
    padding: 60px 0; }
    @media screen and (max-width: 768px) {
      .page.behandeling .data {
        margin-top: 70px; } }
    .page.behandeling .data .cols {
      position: relative;
      display: -ms-flexbox;
      display: flex;
      margin: -30px; }
      @media screen and (max-width: 1024px) {
        .page.behandeling .data .cols {
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; } }
      .page.behandeling .data .cols .col {
        position: relative;
        display: block;
        width: 50%;
        padding: 30px; }
        @media screen and (max-width: 1024px) {
          .page.behandeling .data .cols .col {
            width: 100%; } }
        .page.behandeling .data .cols .col .main {
          position: relative; }
          .page.behandeling .data .cols .col .main h1 {
            font-size: 24px;
            font-weight: 600;
            margin-bottom: 40px; }
          .page.behandeling .data .cols .col .main p {
            font-size: 18px;
            color: #999999;
            margin-bottom: 20px; }
            .page.behandeling .data .cols .col .main p:last-child {
              margin-bottom: 0; }
          .page.behandeling .data .cols .col .main .cta {
            position: relative;
            display: -ms-inline-flexbox;
            display: inline-flex;
            margin-top: 10px; }
            .page.behandeling .data .cols .col .main .cta .btn {
              position: relative;
              display: -ms-flexbox;
              display: flex;
              -ms-flex-align: center;
                  align-items: center;
              padding: 0 30px;
              height: 60px;
              color: #ffffff;
              background: linear-gradient(135deg, #646456, #a08c75);
              background-size: 250%;
              background-position: center;
              font-size: 13px;
              border-radius: 4px;
              font-weight: 600;
              letter-spacing: 0.1rem;
              box-shadow: 0 10px 40px rgba(0, 0, 0, 0.25);
              font-family: 'Montserrat', sans-serif;
              text-transform: uppercase;
              transition: all 350ms ease-in-out; }
              .page.behandeling .data .cols .col .main .cta .btn:hover {
                background-size: 100%;
                transform: translateY(-5px);
                box-shadow: 0 15px 40px rgba(0, 0, 0, 0.125); }
        .page.behandeling .data .cols .col .item {
          position: relative;
          margin-bottom: 30px; }
          .page.behandeling .data .cols .col .item:last-child {
            margin-bottom: 0; }
          .page.behandeling .data .cols .col .item h2 {
            font-size: 20px;
            margin-bottom: 5px;
            font-weight: 300; }
          .page.behandeling .data .cols .col .item span {
            display: block;
            margin-bottom: 15px;
            color: #b3b2b2;
            font-size: 13px; }
          .page.behandeling .data .cols .col .item p {
            color: #999999;
            margin-bottom: 20px; }
            .page.behandeling .data .cols .col .item p:last-child {
              margin-bottom: 0; }

.page.prijslijst {
  position: relative; }
  .page.prijslijst .hero {
    position: relative;
    margin-top: 90px;
    padding: 60px 0; }
    @media screen and (max-width: 1024px) {
      .page.prijslijst .hero {
        padding-bottom: 0; } }
    @media screen and (max-width: 768px) {
      .page.prijslijst .hero {
        margin-top: 70px; } }
    .page.prijslijst .hero .title {
      position: relative;
      text-align: center; }
      .page.prijslijst .hero .title h1 {
        font-size: 48px;
        font-weight: 400;
        margin-bottom: 40px; }
        @media screen and (max-width: 768px) {
          .page.prijslijst .hero .title h1 {
            font-size: 32px; } }
      .page.prijslijst .hero .title p {
        font-size: 18px;
        color: #999999;
        margin-bottom: 20px;
        padding: 0 20%; }
        @media screen and (max-width: 768px) {
          .page.prijslijst .hero .title p {
            padding: 0; } }
        .page.prijslijst .hero .title p:last-child {
          margin-bottom: 0; }
  .page.prijslijst .data {
    position: relative;
    padding: 60px 0; }
    .page.prijslijst .data .row {
      position: relative;
      margin-bottom: 40px; }
      .page.prijslijst .data .row .cols {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        margin: -30px; }
        @media screen and (max-width: 1024px) {
          .page.prijslijst .data .row .cols {
            -ms-flex-wrap: wrap;
                flex-wrap: wrap; } }
        .page.prijslijst .data .row .cols .col {
          position: relative;
          display: block;
          width: 50%;
          padding: 30px; }
          @media screen and (max-width: 1024px) {
            .page.prijslijst .data .row .cols .col {
              width: 100%; } }
          .page.prijslijst .data .row .cols .col .main {
            position: relative; }
            .page.prijslijst .data .row .cols .col .main h1 {
              font-size: 24px;
              font-weight: 600;
              margin-bottom: 40px; }
            .page.prijslijst .data .row .cols .col .main p {
              font-size: 18px;
              color: #999999;
              margin-bottom: 20px; }
              .page.prijslijst .data .row .cols .col .main p:last-child {
                margin-bottom: 0; }
            .page.prijslijst .data .row .cols .col .main .cta {
              position: relative;
              display: -ms-inline-flexbox;
              display: inline-flex;
              margin-top: 10px; }
              .page.prijslijst .data .row .cols .col .main .cta .btn {
                position: relative;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-align: center;
                    align-items: center;
                padding: 0 30px;
                height: 60px;
                color: #ffffff;
                background: linear-gradient(135deg, #646456, #a08c75);
                background-size: 250%;
                background-position: center;
                font-size: 13px;
                border-radius: 4px;
                font-weight: 600;
                letter-spacing: 0.1rem;
                box-shadow: 0 10px 40px rgba(0, 0, 0, 0.25);
                font-family: 'Montserrat', sans-serif;
                text-transform: uppercase;
                transition: all 350ms ease-in-out; }
                .page.prijslijst .data .row .cols .col .main .cta .btn:hover {
                  background-size: 100%;
                  transform: translateY(-5px);
                  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.125); }
          .page.prijslijst .data .row .cols .col .item {
            position: relative;
            margin-bottom: 30px; }
            .page.prijslijst .data .row .cols .col .item:last-child {
              margin-bottom: 0; }
            .page.prijslijst .data .row .cols .col .item h2 {
              font-size: 20px;
              margin-bottom: 5px;
              font-weight: 300; }
            .page.prijslijst .data .row .cols .col .item span {
              display: block;
              margin-bottom: 15px;
              color: #b3b2b2;
              font-size: 13px; }
            .page.prijslijst .data .row .cols .col .item p {
              color: #999999;
              margin-bottom: 20px; }
              .page.prijslijst .data .row .cols .col .item p:last-child {
                margin-bottom: 0; }

.page.academy {
  position: relative; }
  .page.academy .hero {
    position: relative;
    margin-top: 90px;
    padding: 60px 0; }
    @media screen and (max-width: 1024px) {
      .page.academy .hero {
        padding-bottom: 0; } }
    @media screen and (max-width: 768px) {
      .page.academy .hero {
        margin-top: 70px; } }
    .page.academy .hero .title {
      position: relative;
      text-align: center; }
      .page.academy .hero .title h1 {
        font-size: 48px;
        font-weight: 400;
        margin-bottom: 40px; }
        @media screen and (max-width: 768px) {
          .page.academy .hero .title h1 {
            font-size: 32px; } }
      .page.academy .hero .title p {
        font-size: 18px;
        color: #999999;
        margin-bottom: 20px;
        padding: 0 20%; }
        @media screen and (max-width: 768px) {
          .page.academy .hero .title p {
            padding: 0; } }
        .page.academy .hero .title p:last-child {
          margin-bottom: 0; }
  .page.academy .courses {
    position: relative; }
    .page.academy .courses .holder {
      position: relative;
      padding: 120px 0; }
      @media screen and (max-width: 1024px) {
        .page.academy .courses .holder {
          padding: 60px 0; } }
      .page.academy .courses .holder .columns {
        position: relative; }
        .page.academy .courses .holder .columns .column {
          position: relative;
          display: -ms-flexbox;
          display: flex;
          margin: -60px 0 0 0; }
          @media screen and (max-width: 1200px) {
            .page.academy .courses .holder .columns .column {
              margin: 0 0 60px 0; }
              .page.academy .courses .holder .columns .column:last-child {
                margin: 0; } }
          @media screen and (max-width: 480px) {
            .page.academy .courses .holder .columns .column {
              -ms-flex-wrap: wrap;
                  flex-wrap: wrap; } }
          .page.academy .courses .holder .columns .column .image {
            position: relative;
            -ms-flex-positive: 0;
                flex-grow: 0;
            -ms-flex-negative: 0;
                flex-shrink: 0;
            width: 280px; }
            @media screen and (max-width: 768px) {
              .page.academy .courses .holder .columns .column .image {
                width: 33.333333%; } }
            @media screen and (max-width: 480px) {
              .page.academy .courses .holder .columns .column .image {
                width: 100%;
                margin-bottom: 30px; } }
            .page.academy .courses .holder .columns .column .image .ratio {
              position: relative;
              padding-bottom: 150%; }
              .page.academy .courses .holder .columns .column .image .ratio .fix {
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                border-radius: 6px;
                background-color: #eeeeee;
                overflow: hidden; }
                .page.academy .courses .holder .columns .column .image .ratio .fix img {
                  width: 100%;
                  height: 100%;
                  -o-object-fit: cover;
                     object-fit: cover;
                  -o-object-position: center;
                     object-position: center;
                  display: -ms-flexbox;
                  display: flex; }
          .page.academy .courses .holder .columns .column .information {
            position: relative;
            padding: 0 60px; }
            @media screen and (max-width: 768px) {
              .page.academy .courses .holder .columns .column .information {
                padding: 0 30px; } }
            @media screen and (max-width: 480px) {
              .page.academy .courses .holder .columns .column .information {
                padding: 0; } }
            .page.academy .courses .holder .columns .column .information h3 {
              font-size: 24px;
              margin-bottom: 30px; }
            .page.academy .courses .holder .columns .column .information p {
              color: #999999;
              margin-bottom: 20px; }
              .page.academy .courses .holder .columns .column .information p:last-child {
                margin-bottom: 0; }
            .page.academy .courses .holder .columns .column .information .cta {
              position: relative;
              display: -ms-inline-flexbox;
              display: inline-flex;
              margin-top: 10px; }
              .page.academy .courses .holder .columns .column .information .cta .btn {
                position: relative;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-align: center;
                    align-items: center;
                padding: 0 30px;
                height: 60px;
                color: #ffffff;
                background: linear-gradient(135deg, #646456, #a08c75);
                background-size: 250%;
                background-position: center;
                font-size: 13px;
                border-radius: 4px;
                font-weight: 600;
                letter-spacing: 0.1rem;
                box-shadow: 0 10px 40px rgba(0, 0, 0, 0.25);
                font-family: 'Montserrat', sans-serif;
                text-transform: uppercase;
                transition: all 350ms ease-in-out; }
                .page.academy .courses .holder .columns .column .information .cta .btn:hover {
                  background-size: 100%;
                  transform: translateY(-5px);
                  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.125); }
          .page.academy .courses .holder .columns .column:nth-child(odd) {
            -ms-flex-direction: row;
                flex-direction: row;
            padding-right: 340px;
            text-align: left; }
            @media screen and (max-width: 1200px) {
              .page.academy .courses .holder .columns .column:nth-child(odd) {
                padding-right: 15vw; } }
            @media screen and (max-width: 1024px) {
              .page.academy .courses .holder .columns .column:nth-child(odd) {
                padding-right: 0; } }
          .page.academy .courses .holder .columns .column:nth-child(even) {
            -ms-flex-direction: row-reverse;
                flex-direction: row-reverse;
            padding-left: 340px;
            text-align: right; }
            @media screen and (max-width: 1200px) {
              .page.academy .courses .holder .columns .column:nth-child(even) {
                padding-left: 15vw; } }
            @media screen and (max-width: 1024px) {
              .page.academy .courses .holder .columns .column:nth-child(even) {
                padding-left: 0; } }
            @media screen and (max-width: 480px) {
              .page.academy .courses .holder .columns .column:nth-child(even) {
                text-align: left;
                -ms-flex-direction: row;
                    flex-direction: row; } }

.page.cursus {
  position: relative; }
  .page.cursus .data {
    position: relative;
    margin-top: 90px;
    padding: 60px 0; }
    @media screen and (max-width: 768px) {
      .page.cursus .data {
        margin-top: 70px; } }
    .page.cursus .data .cols {
      position: relative;
      display: -ms-flexbox;
      display: flex;
      margin: -30px; }
      @media screen and (max-width: 1024px) {
        .page.cursus .data .cols {
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; } }
      .page.cursus .data .cols .col {
        position: relative;
        display: block;
        width: 50%;
        padding: 30px; }
        @media screen and (max-width: 1024px) {
          .page.cursus .data .cols .col {
            width: 100%; } }
        .page.cursus .data .cols .col .main {
          position: relative;
          margin-bottom: 30px; }
          .page.cursus .data .cols .col .main h1 {
            font-size: 24px;
            font-weight: 600;
            margin-bottom: 40px; }
          .page.cursus .data .cols .col .main h2 {
            font-size: 20px;
            margin-bottom: 5px;
            font-weight: 300; }
          .page.cursus .data .cols .col .main p {
            font-size: 18px;
            color: #999999;
            margin-bottom: 20px; }
            .page.cursus .data .cols .col .main p:last-child {
              margin-bottom: 0; }
          .page.cursus .data .cols .col .main .cta {
            position: relative;
            display: -ms-inline-flexbox;
            display: inline-flex;
            margin-top: 10px; }
            .page.cursus .data .cols .col .main .cta .btn {
              position: relative;
              display: -ms-flexbox;
              display: flex;
              -ms-flex-align: center;
                  align-items: center;
              padding: 0 30px;
              height: 60px;
              color: #ffffff;
              background: linear-gradient(135deg, #646456, #a08c75);
              background-size: 250%;
              background-position: center;
              font-size: 13px;
              border-radius: 4px;
              font-weight: 600;
              letter-spacing: 0.1rem;
              box-shadow: 0 10px 40px rgba(0, 0, 0, 0.25);
              font-family: 'Montserrat', sans-serif;
              text-transform: uppercase;
              transition: all 350ms ease-in-out; }
              .page.cursus .data .cols .col .main .cta .btn:hover {
                background-size: 100%;
                transform: translateY(-5px);
                box-shadow: 0 15px 40px rgba(0, 0, 0, 0.125); }
        .page.cursus .data .cols .col .join {
          position: relative; }
          .page.cursus .data .cols .col .join h2 {
            font-size: 20px;
            margin-bottom: 15px;
            font-weight: 300; }
          .page.cursus .data .cols .col .join p {
            color: #999999;
            margin-bottom: 20px; }
            .page.cursus .data .cols .col .join p:last-child {
              margin-bottom: 0; }
          .page.cursus .data .cols .col .join .cta {
            position: relative;
            display: -ms-inline-flexbox;
            display: inline-flex;
            margin-top: 10px; }
            .page.cursus .data .cols .col .join .cta .btn {
              position: relative;
              display: -ms-flexbox;
              display: flex;
              -ms-flex-align: center;
                  align-items: center;
              padding: 0 30px;
              height: 60px;
              color: #ffffff;
              background: linear-gradient(135deg, #646456, #a08c75);
              background-size: 250%;
              background-position: center;
              font-size: 13px;
              border-radius: 4px;
              font-weight: 600;
              letter-spacing: 0.1rem;
              box-shadow: 0 10px 40px rgba(0, 0, 0, 0.25);
              font-family: 'Montserrat', sans-serif;
              text-transform: uppercase;
              transition: all 350ms ease-in-out; }
              .page.cursus .data .cols .col .join .cta .btn:hover {
                background-size: 100%;
                transform: translateY(-5px);
                box-shadow: 0 15px 40px rgba(0, 0, 0, 0.125); }
        .page.cursus .data .cols .col .item {
          position: relative;
          margin-bottom: 30px; }
          .page.cursus .data .cols .col .item:last-child {
            margin-bottom: 0; }
          .page.cursus .data .cols .col .item h2 {
            font-size: 20px;
            margin-bottom: 15px;
            font-weight: 300; }
          .page.cursus .data .cols .col .item p {
            color: #999999;
            margin-bottom: 20px; }
            .page.cursus .data .cols .col .item p:last-child {
              margin-bottom: 0; }

.page.team {
  position: relative; }
  .page.team .hero {
    position: relative;
    margin-top: 90px;
    padding: 60px 0; }
    @media screen and (max-width: 1024px) {
      .page.team .hero {
        padding-bottom: 0; } }
    @media screen and (max-width: 768px) {
      .page.team .hero {
        margin-top: 70px; } }
    .page.team .hero .title {
      position: relative;
      text-align: center; }
      .page.team .hero .title h1 {
        font-size: 48px;
        font-weight: 400;
        margin-bottom: 40px; }
        @media screen and (max-width: 768px) {
          .page.team .hero .title h1 {
            font-size: 32px; } }
      .page.team .hero .title p {
        font-size: 18px;
        color: #999999;
        margin-bottom: 20px;
        padding: 0 20%; }
        @media screen and (max-width: 768px) {
          .page.team .hero .title p {
            padding: 0; } }
        .page.team .hero .title p:last-child {
          margin-bottom: 0; }
  .page.team .members {
    position: relative; }
    .page.team .members .holder {
      position: relative;
      padding: 120px 0; }
      @media screen and (max-width: 1024px) {
        .page.team .members .holder {
          padding: 60px 0; } }
      .page.team .members .holder .columns {
        position: relative; }
        .page.team .members .holder .columns .column {
          position: relative;
          display: -ms-flexbox;
          display: flex;
          margin: -60px 0 0 0; }
          @media screen and (max-width: 1200px) {
            .page.team .members .holder .columns .column {
              margin: 0 0 60px 0; }
              .page.team .members .holder .columns .column:last-child {
                margin: 0; } }
          @media screen and (max-width: 480px) {
            .page.team .members .holder .columns .column {
              -ms-flex-wrap: wrap;
                  flex-wrap: wrap; } }
          .page.team .members .holder .columns .column .image {
            position: relative;
            -ms-flex-positive: 0;
                flex-grow: 0;
            -ms-flex-negative: 0;
                flex-shrink: 0;
            width: 280px; }
            @media screen and (max-width: 768px) {
              .page.team .members .holder .columns .column .image {
                width: 33.333333%; } }
            @media screen and (max-width: 480px) {
              .page.team .members .holder .columns .column .image {
                width: 100%;
                margin-bottom: 30px; } }
            .page.team .members .holder .columns .column .image .ratio {
              position: relative;
              padding-bottom: 150%; }
              .page.team .members .holder .columns .column .image .ratio .fix {
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                border-radius: 6px;
                background-color: #eeeeee;
                overflow: hidden; }
                .page.team .members .holder .columns .column .image .ratio .fix img {
                  width: 100%;
                  height: 100%;
                  -o-object-fit: cover;
                     object-fit: cover;
                  -o-object-position: center;
                     object-position: center;
                  display: -ms-flexbox;
                  display: flex; }
          .page.team .members .holder .columns .column .information {
            position: relative;
            padding: 0 60px; }
            @media screen and (max-width: 768px) {
              .page.team .members .holder .columns .column .information {
                padding: 0 30px; } }
            @media screen and (max-width: 480px) {
              .page.team .members .holder .columns .column .information {
                padding: 0; } }
            .page.team .members .holder .columns .column .information h3 {
              font-size: 24px;
              margin-bottom: 10px; }
            .page.team .members .holder .columns .column .information span {
              display: block;
              margin-bottom: 30px;
              line-height: 1.4em;
              color: #b3b2b2;
              font-size: 13px; }
            .page.team .members .holder .columns .column .information p {
              color: #999999;
              margin-bottom: 20px; }
              .page.team .members .holder .columns .column .information p:last-child {
                margin-bottom: 0; }
            .page.team .members .holder .columns .column .information .cta {
              position: relative;
              display: -ms-inline-flexbox;
              display: inline-flex;
              margin-top: 10px; }
              .page.team .members .holder .columns .column .information .cta .btn {
                position: relative;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-align: center;
                    align-items: center;
                padding: 0 30px;
                height: 60px;
                color: #ffffff;
                background: linear-gradient(135deg, #646456, #a08c75);
                background-size: 250%;
                background-position: center;
                font-size: 13px;
                border-radius: 4px;
                font-weight: 600;
                letter-spacing: 0.1rem;
                box-shadow: 0 10px 40px rgba(0, 0, 0, 0.25);
                font-family: 'Montserrat', sans-serif;
                text-transform: uppercase;
                transition: all 350ms ease-in-out; }
                .page.team .members .holder .columns .column .information .cta .btn:hover {
                  background-size: 100%;
                  transform: translateY(-5px);
                  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.125); }
          .page.team .members .holder .columns .column:nth-child(odd) {
            -ms-flex-direction: row;
                flex-direction: row;
            padding-right: 340px;
            text-align: left; }
            @media screen and (max-width: 1200px) {
              .page.team .members .holder .columns .column:nth-child(odd) {
                padding-right: 15vw; } }
            @media screen and (max-width: 1024px) {
              .page.team .members .holder .columns .column:nth-child(odd) {
                padding-right: 0; } }
          .page.team .members .holder .columns .column:nth-child(even) {
            -ms-flex-direction: row-reverse;
                flex-direction: row-reverse;
            padding-left: 340px;
            text-align: right; }
            @media screen and (max-width: 1200px) {
              .page.team .members .holder .columns .column:nth-child(even) {
                padding-left: 15vw; } }
            @media screen and (max-width: 1024px) {
              .page.team .members .holder .columns .column:nth-child(even) {
                padding-left: 0; } }
            @media screen and (max-width: 480px) {
              .page.team .members .holder .columns .column:nth-child(even) {
                text-align: left;
                -ms-flex-direction: row;
                    flex-direction: row; } }

.page.contact {
  position: relative; }
  .page.contact .data {
    position: relative;
    margin-top: 90px;
    padding: 60px 0; }
    @media screen and (max-width: 768px) {
      .page.contact .data {
        margin-top: 70px; } }
    .page.contact .data .cols {
      position: relative;
      display: -ms-flexbox;
      display: flex;
      margin: -30px; }
      @media screen and (max-width: 1024px) {
        .page.contact .data .cols {
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; } }
      .page.contact .data .cols .col {
        position: relative;
        display: block;
        width: 50%;
        padding: 30px; }
        @media screen and (max-width: 1024px) {
          .page.contact .data .cols .col {
            width: 100%; } }
        .page.contact .data .cols .col .main {
          position: relative; }
          .page.contact .data .cols .col .main h1 {
            font-size: 24px;
            font-weight: 600;
            margin-bottom: 40px; }
          .page.contact .data .cols .col .main p {
            font-size: 18px;
            color: #999999;
            margin-bottom: 20px; }
            .page.contact .data .cols .col .main p:last-child {
              margin-bottom: 0; }
          .page.contact .data .cols .col .main .form {
            position: relative; }
            .page.contact .data .cols .col .main .form .field {
              position: relative;
              margin-bottom: 15px; }
              .page.contact .data .cols .col .main .form .field:last-child {
                margin-bottom: 0; }
              .page.contact .data .cols .col .main .form .field input,
              .page.contact .data .cols .col .main .form .field textarea {
                width: 100%;
                line-height: 1.2em;
                height: 50px;
                background-color: #f4f3f1;
                color: #999999;
                border-radius: 3px; }
                .page.contact .data .cols .col .main .form .field input::-moz-placeholder,
                .page.contact .data .cols .col .main .form .field textarea::-moz-placeholder {
                  color: #b3b2b2; }
                .page.contact .data .cols .col .main .form .field input:-ms-input-placeholder,
                .page.contact .data .cols .col .main .form .field textarea:-ms-input-placeholder {
                  color: #b3b2b2; }
                .page.contact .data .cols .col .main .form .field input::placeholder,
                .page.contact .data .cols .col .main .form .field textarea::placeholder {
                  color: #b3b2b2; }
              .page.contact .data .cols .col .main .form .field input {
                padding: 0 15px;
                height: 50px; }
              .page.contact .data .cols .col .main .form .field textarea {
                padding: 15px;
                height: 150px; }
            .page.contact .data .cols .col .main .form .cta {
              position: relative;
              display: -ms-inline-flexbox;
              display: inline-flex;
              margin-top: 30px; }
              .page.contact .data .cols .col .main .form .cta .btn {
                position: relative;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-align: center;
                    align-items: center;
                padding: 0 30px;
                height: 60px;
                color: #ffffff;
                background: linear-gradient(135deg, #646456, #a08c75);
                background-size: 250%;
                background-position: center;
                font-size: 13px;
                border-radius: 4px;
                font-weight: 600;
                letter-spacing: 0.1rem;
                box-shadow: 0 10px 40px rgba(0, 0, 0, 0.25);
                font-family: 'Montserrat', sans-serif;
                text-transform: uppercase;
                transition: all 350ms ease-in-out; }
                .page.contact .data .cols .col .main .form .cta .btn:hover {
                  background-size: 100%;
                  transform: translateY(-5px);
                  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.125); }
        .page.contact .data .cols .col .item {
          position: relative;
          margin-bottom: 30px; }
          .page.contact .data .cols .col .item:last-child {
            margin-bottom: 0; }
          .page.contact .data .cols .col .item h2 {
            font-size: 24px;
            font-weight: 300;
            margin-bottom: 40px; }
          .page.contact .data .cols .col .item ul {
            color: #999999;
            margin-bottom: 20px; }
            .page.contact .data .cols .col .item ul:last-child {
              margin-bottom: 0; }

.page.reviews {
  position: relative; }
  .page.reviews .hero {
    position: relative;
    margin-top: 90px;
    padding: 60px 0; }
    @media screen and (max-width: 1024px) {
      .page.reviews .hero {
        padding-bottom: 0; } }
    @media screen and (max-width: 768px) {
      .page.reviews .hero {
        margin-top: 70px; } }
    .page.reviews .hero .title {
      position: relative;
      text-align: center; }
      .page.reviews .hero .title h1 {
        font-size: 48px;
        font-weight: 400;
        margin-bottom: 40px; }
        @media screen and (max-width: 768px) {
          .page.reviews .hero .title h1 {
            font-size: 32px; } }
      .page.reviews .hero .title p {
        font-size: 18px;
        color: #999999;
        margin-bottom: 20px;
        padding: 0 20%; }
        @media screen and (max-width: 768px) {
          .page.reviews .hero .title p {
            padding: 0; } }
        .page.reviews .hero .title p:last-child {
          margin-bottom: 0; }
  .page.reviews .data {
    position: relative;
    padding: 60px 0;
    margin-bottom: 60px; }
    .page.reviews .data .cols {
      position: relative;
      display: -ms-flexbox;
      display: flex;
      margin: -30px;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .page.reviews .data .cols .col {
        position: relative;
        display: block;
        width: 50%;
        padding: 30px; }
        @media screen and (max-width: 1024px) {
          .page.reviews .data .cols .col {
            width: 100%; } }
        .page.reviews .data .cols .col .review {
          position: relative; }
          .page.reviews .data .cols .col .review cite {
            line-height: 1.5em;
            color: #807f6d;
            font-size: 17px;
            font-weight: 600; }
            .page.reviews .data .cols .col .review cite:before, .page.reviews .data .cols .col .review cite:after {
              font-size: 48px;
              line-height: 0em;
              font-family: 'Secular One', sans-serif;
              display: -ms-inline-flexbox;
              display: inline-flex; }
            .page.reviews .data .cols .col .review cite:before {
              content: '“';
              transform: translateY(10px);
              padding-right: 10px; }
            .page.reviews .data .cols .col .review cite:after {
              content: '”';
              transform: translateY(25px);
              padding-left: 10px; }
          .page.reviews .data .cols .col .review p {
            color: #999999;
            margin-top: 20px; }
            .page.reviews .data .cols .col .review p span {
              color: #666666;
              font-weight: 600; }

.page.werk {
  position: relative; }
  .page.werk .hero {
    position: relative;
    margin-top: 90px;
    padding: 60px 0; }
    @media screen and (max-width: 1024px) {
      .page.werk .hero {
        padding-bottom: 0; } }
    @media screen and (max-width: 768px) {
      .page.werk .hero {
        margin-top: 70px; } }
    .page.werk .hero .title {
      position: relative;
      text-align: center; }
      .page.werk .hero .title h1 {
        font-size: 48px;
        font-weight: 400;
        margin-bottom: 40px; }
        @media screen and (max-width: 768px) {
          .page.werk .hero .title h1 {
            font-size: 32px; } }
      .page.werk .hero .title p {
        font-size: 18px;
        color: #999999;
        margin-bottom: 20px;
        padding: 0 20%; }
        @media screen and (max-width: 768px) {
          .page.werk .hero .title p {
            padding: 0; } }
        .page.werk .hero .title p:last-child {
          margin-bottom: 0; }
  .page.werk .data {
    position: relative;
    padding: 60px 0;
    margin-bottom: 60px; }
    .page.werk .data .cols {
      position: relative;
      display: -ms-flexbox;
      display: flex;
      margin: -30px;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .page.werk .data .cols .col {
        position: relative;
        display: block;
        width: 25%;
        padding: 30px; }
        @media screen and (max-width: 1024px) {
          .page.werk .data .cols .col {
            width: 50%; } }
        .page.werk .data .cols .col .post {
          position: relative; }
          .page.werk .data .cols .col .post .ratio {
            position: relative;
            padding-bottom: 100%; }
            .page.werk .data .cols .col .post .ratio .holder {
              position: absolute;
              top: 0;
              right: 0;
              bottom: 0;
              left: 0;
              border-radius: 6px;
              overflow: hidden; }
              .page.werk .data .cols .col .post .ratio .holder img {
                display: -ms-flexbox;
                display: flex;
                width: 100%;
                height: 100%;
                -o-object-fit: cover;
                   object-fit: cover; }