@font-face {
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 300;
  src: url("../font/gilroy-medium-webfont.woff2") format("woff2"), url("../font/gilroy-medium-webfont.woff") format("woff"); }
@font-face {
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 500;
  src: url("../font/gilroy-bold-webfont.woff2") format("woff2"), url("../font/gilroy-bold-webfont.woff") format("woff"); }
@font-face {
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 700;
  src: url("../font/gilroy-extrabold-webfont.woff2") format("woff2"), url("../font/gilroy-extrabold-webfont.woff") format("woff"); }
@font-face {
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 900;
  src: url("../font/gilroy-heavy-webfont.woff2") format("woff2"), url("../font/gilroy-heavy-webfont.woff") format("woff"); }
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 300;
  src: url("../font/montserrat-light.woff2") format("woff2"), url("../font/montserrat-light.woff") format("woff"); }
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  src: url("../font/montserrat-regular.woff2") format("woff2"), url("../font/montserrat-regular.woff") format("woff"); }
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  src: url("../font/montserrat-semibold.woff2") format("woff2"), url("../font/montserrat-semibold.woff") format("woff"); }
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  src: url("../font/montserrat-bold.woff2") format("woff2"), url("../font/montserrat-bold.woff") format("woff"); }

.owl-carousel, .owl-carousel .owl-item {
  -webkit-tap-highlight-color: transparent;
  position: relative; }

.owl-carousel {
  display: none;
  width: 100%;
  z-index: 1; }

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y; }

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0); }

.owl-carousel .owl-item {
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-touch-callout: none; }

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d; }

.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
  display: none; }

.no-js .owl-carousel, .owl-carousel.owl-loaded {
  display: block; }

.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.owl-carousel.owl-loading {
  opacity: 0;
  display: block; }

.owl-carousel.owl-hidden {
  opacity: 0; }

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden; }

.owl-carousel.owl-drag .owl-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab; }

.owl-carousel.owl-rtl {
  direction: rtl; }

.owl-carousel.owl-rtl .owl-item {
  float: right; }

.owl-carousel .animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
.owl-height {
  transition: height .5s ease-in-out; }

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity .4s ease; }

.owl-carousel .owl-item img.owl-lazy {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url(../image/owl.video.play.png) no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: -webkit-transform .1s ease;
  transition: transform .1s ease; }

.owl-carousel .owl-video-play-icon:hover {
  -webkit-transform: scale(1.3, 1.3);
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity .4s ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }



.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent; }

.owl-theme .owl-nav [class*='owl-'] {
  color: #FFF;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #D6D6D6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px; }

.owl-theme .owl-nav [class*='owl-']:hover {
  background: #869791;
  color: #FFF;
  text-decoration: none; }

.owl-theme .owl-nav .disabled {
  opacity: 0.5;
  cursor: default; }

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px; }

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent; }

.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline; }

.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #D6D6D6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 30px; }

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #869791; }

header.header .navbar-brand {
  display: inline-block;
  position: absolute;
  top: 30px;
  z-index: 11;
  padding: 0px;
  height: 40px;
  line-height: 40px;
  left: 40px;
  margin: 0px;
  color: inherit;
  white-space: nowrap;
  -webkit-transition: -webkit-transform 500ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
  -moz-transition: -moz-transform 500ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
  transition: transform 500ms cubic-bezier(0.7, 0, 0.3, 1) 0ms; }
  @media (min-width: 767px) {
    header.header .navbar-brand {
      position: fixed;
      top: 0;
      z-index: 1000; } }
  @media (min-width: 1600px) {
    header.header .navbar-brand {
      height: 55px;
      line-height: 55px;
      left: 55px; } }
  @media (min-width: 767px) {
    .menuOpen header.header .navbar-brand {
      -webkit-transition-duration: 500ms;
      -moz-transition-duration: 500ms;
      transition-duration: 500ms;
      -webkit-transform: translate(calc(16vw - 40px), 100%);
      -moz-transform: translate(calc(16vw - 40px), 100%);
      -ms-transform: translate(calc(16vw - 40px), 100%);
      -o-transform: translate(calc(16vw - 40px), 100%);
      transform: translate(calc(16vw - 40px), 100%); } }
  @media (min-width: 1200px) {
    .menuOpen header.header .navbar-brand {
      -webkit-transform: translate(calc(16vw - 60px), 100%);
      -moz-transform: translate(calc(16vw - 60px), 100%);
      -ms-transform: translate(calc(16vw - 60px), 100%);
      -o-transform: translate(calc(16vw - 60px), 100%);
      transform: translate(calc(16vw - 60px), 100%); } }

  header.header .navbar-brand svg {
    display: inline-block;
    vertical-align: middle; }
  header.header .navbar-brand svg polygon{fill:#ed1a23;}
  header.header .navbar-brand svg text{
    font-size: 16px;
    font-family: "akkurat regualar";
    font-weight: 800;
    fill: #080202;
}
  @media (max-width: 767px) {
    header.header .navbar-brand svg polygon{fill:#000;}
  }
    header.header .navbar-brand svg path {
      -webkit-transition: fill 150ms linear 0ms;
      -moz-transition: fill 150ms linear 0ms;
      transition: fill 150ms linear 0ms; }
  header.header .navbar-brand .sub-page {
    position: relative;
    font-family: "Libre Baskerville", serif;
    font-size: 1.3rem;
    font-style: italic;
    display: inline-block;
    vertical-align: top;
    position: relative;
    height: 40px;
    overflow: hidden;
    -webkit-transition: opacity 50ms linear 200ms;
    -moz-transition: opacity 50ms linear 200ms;
    transition: opacity 50ms linear 200ms; }
    header.header .navbar-brand .sub-page > * {
      display: block;
      position: relative;
      top: 2px; }
  header.header .navbar-brand.dark svg path {
    fill: #1c1b20 !important; }
header.header .scrolldown, header.header .scrolltop {
  position: fixed;
  z-index: 9;
  line-height: 1;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  pointer-events: none;
  bottom: 25px;
  left: -5px;
  z-index: 101 !important;
  -webkit-transition: color 150ms linear 0ms, opacity 250ms linear 0ms;
  -moz-transition: color 150ms linear 0ms, opacity 250ms linear 0ms;
  transition: color 150ms linear 0ms, opacity 250ms linear 0ms; }
  @media (min-width: 767px) {
    header.header .scrolldown, header.header .scrolltop {
      left: 40px;
      bottom: 38px;
      z-index: 200; } }
  @media (min-width: 1600px) {
    header.header .scrolldown, header.header .scrolltop {
      bottom: 53px;
      left: 55px; } }
  header.header .scrolldown > *, header.header .scrolltop > * {
    display: inline-block;
    vertical-align: middle; }
  header.header .scrolldown > .txt, header.header .scrolltop > .txt {
    font-weight: 700;
    font-size: 0.8rem;
    margin-left: 10px; }
    header.header .scrolldown > .txt span, header.header .scrolltop > .txt span {
      display: inline-block;
      -webkit-transition: -webkit-transform 400ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
      -moz-transition: -moz-transform 400ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
      transition: transform 400ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
      -webkit-transform: translateX(5px);
      -moz-transform: translateX(5px);
      -ms-transform: translateX(5px);
      -o-transform: translateX(5px);
      transform: translateX(5px); }
  header.header .scrolldown.dark, header.header .scrolltop.dark {
    color: #1c1b20 !important; }
    header.header .scrolldown.dark svg > *, header.header .scrolltop.dark svg > * {
      fill: #1c1b20 !important;
      -webkit-transition: fill 150ms linear 0ms;
      -moz-transition: fill 150ms linear 0ms;
      transition: fill 150ms linear 0ms; }
header.header .scrolldown {
  -webkit-transition: bottom 400ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
  -moz-transition: bottom 400ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
  transition: bottom 400ms cubic-bezier(0.7, 0, 0.3, 1) 0ms; }
  header.header .scrolldown .arrow {
    -webkit-animation: bounce 800ms cubic-bezier(0.7, 0, 0.3, 1) infinite alternate;
    -moz-animation: bounce 800ms cubic-bezier(0.7, 0, 0.3, 1) infinite alternate;
    animation: bounce 800ms cubic-bezier(0.7, 0, 0.3, 1) infinite alternate; }
header.header .scrolltop {
  left: inherit;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  pointer-events: all;
  color: inherit;
  text-decoration: none !important;
  -webkit-transition: bottom 400ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
  -moz-transition: bottom 400ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
  transition: bottom 400ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
  right: 5px;
  bottom: -100px; }
  @media (min-width: 767px) {
    header.header .scrolltop {
      right: 40px; } }
  @media (min-width: 1600px) {
    header.header .scrolltop {
      right: 55px; } }
  header.header .scrolltop.visible {
    opacity: 1;
    bottom: 25px;
    -webkit-transition: bottom 400ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
    -moz-transition: bottom 400ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
    transition: bottom 400ms cubic-bezier(0.7, 0, 0.3, 1) 0ms; }
    @media (min-width: 767px) {
      header.header .scrolltop.visible {
        bottom: 38px; } }
    @media (min-width: 1600px) {
      header.header .scrolltop.visible {
        bottom: 53px; } }
  .menuOpen header.header .scrolltop {
    opacity: 0;
    -webkit-transition-delay: 0ms;
    -moz-transition-delay: 0ms;
    transition-delay: 0ms; }
  header.header .scrolltop > .txt {
    margin-left: 5px; }

.list-socials {
  padding: 0px;
  margin: 0px;
  list-style: none; }
  header.header .list-socials {
    position: fixed;
    z-index: 1000;
    top: 50%;
    right: 20px;
    z-index: 500;
    -webkit-transform: translate(50%, -50%);
    -moz-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    -o-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    -webkit-transition: -webkit-transform 500ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
    -moz-transition: -moz-transform 500ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
    transition: transform 500ms cubic-bezier(0.7, 0, 0.3, 1) 0ms; }
    @media (min-width: 1600px) {
      header.header .list-socials {
        right: 27.5px; } }
    .menuOpen header.header .list-socials {
      -webkit-transform: translate(-10px, -50%);
      -moz-transform: translate(-10px, -50%);
      -ms-transform: translate(-10px, -50%);
      -o-transform: translate(-10px, -50%);
      transform: translate(-10px, -50%); }
  #menu .list-socials li {
    display: inline-block; }
  .list-socials li a {
    height: 25px;
    width: 25px;
    line-height: 25px;
    display: block;
    text-align: center; }
    .list-socials li a .icon {
      display: inline-block;
      vertical-align: middle; }
      .list-socials li a .icon svg path {
        -webkit-transition: fill 150ms linear 0ms;
        -moz-transition: fill 150ms linear 0ms;
        transition: fill 150ms linear 0ms; }

.switch-lang {
  list-style: none;
  margin: 0px;
  padding: 0px; }
  header.header .switch-lang {
    position: fixed;
    z-index: 1000;
    top: 20px;
    right: 40px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    -webkit-transition: -webkit-transform 500ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
    -moz-transition: -moz-transform 500ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
    transition: transform 500ms cubic-bezier(0.7, 0, 0.3, 1) 0ms; }
    @media (min-width: 1600px) {
      header.header .switch-lang {
        top: 27.5px;
        right: 55px; } }
    .menuOpen header.header .switch-lang {
      -webkit-transform: translate(-40px, 40px);
      -moz-transform: translate(-40px, 40px);
      -ms-transform: translate(-40px, 40px);
      -o-transform: translate(-40px, 40px);
      transform: translate(-40px, 40px); }
      @media (min-width: 1600px) {
        .menuOpen header.header .switch-lang {
          -webkit-transform: translate(-55px, 55px);
          -moz-transform: translate(-55px, 55px);
          -ms-transform: translate(-55px, 55px);
          -o-transform: translate(-55px, 55px);
          transform: translate(-55px, 55px); } }
  .switch-lang li {
    display: inline-block;
    vertical-align: middle;
    margin-left: 3px; }
    .switch-lang li.active a {
      color: #1c1b20; }
  .switch-lang a {
    display: block;
    font-size: 1.2rem;
    text-transform: uppercase;
    color: #bcbcbc;
    font-weight: 900;
    text-decoration: none;
    letter-spacing: 0.2em; }
    @media (min-width: 767px) {
      .switch-lang a {
        font-size: 0.9rem; } }
    @media (min-width: 1600px) {
      .switch-lang a {
        font-size: 1rem; } }

.navbar-toggle {
  position: fixed;
  top: 28px;
  right: 28px;
  margin-left: -10px;
  text-align: center;
  font-size: 0px;
  z-index: 100;
  color: inherit !important;
  height: 45px;
  width: 45px;
  cursor: pointer;
  z-index: 1000;
  pointer-events: none;
  -webkit-transition: -webkit-transform 500ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
  -moz-transition: -moz-transform 500ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
  transition: transform 500ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
  background: white;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px; }
  @media (min-width: 767px) {
    .navbar-toggle {
      top: 50%;
      left: 40px;
      right: inherit;
      margin-top: -20px;
      height: 40px;
      width: 40px;
      background: transparent;
      border-top-left-radius: 0px;
      border-top-right-radius: 0px;
      border-bottom-left-radius: 0px;
      border-bottom-right-radius: 0px; } }
  @media (min-width: 1600px) {
    .navbar-toggle {
      left: 55px; } }
  @media (min-width: 767px) {
    .menuOpen .navbar-toggle {
      -webkit-transform: translateX(20px);
      -moz-transform: translateX(20px);
      -ms-transform: translateX(20px);
      -o-transform: translateX(20px);
      transform: translateX(20px); } }
  @media (min-width: 992px) {
    .menuOpen .navbar-toggle {
      -webkit-transform: translateX(60px);
      -moz-transform: translateX(60px);
      -ms-transform: translateX(60px);
      -o-transform: translateX(60px);
      transform: translateX(60px); } }
  .loaded .navbar-toggle {
    pointer-events: all; }
  .navbar-toggle .icon {
    position: absolute;
    top: 50%;
    right: 50%;
    -webkit-transform: translate(50%, -50%);
    -moz-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    -o-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    -webkit-transition: -webkit-transform 500ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
    -moz-transition: -moz-transform 500ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
    transition: transform 500ms cubic-bezier(0.7, 0, 0.3, 1) 0ms; }
    @media (min-width: 767px) {
      .navbar-toggle .icon {
        right: 0;
        -webkit-transform: translate(-20px, -50%);
        -moz-transform: translate(-20px, -50%);
        -ms-transform: translate(-20px, -50%);
        -o-transform: translate(-20px, -50%);
        transform: translate(-20px, -50%); } }
    @media (max-width: 766px) {
      .menuOpen .navbar-toggle .icon {
        -webkit-transform: translate(50%, -1px);
        -moz-transform: translate(50%, -1px);
        -ms-transform: translate(50%, -1px);
        -o-transform: translate(50%, -1px);
        transform: translate(50%, -1px); } }
  @media (min-width: 767px) {
    .navbar-toggle:hover .line:nth-child(1) {
      width: 20px; }
    .navbar-toggle:hover .line:nth-child(2) {
      width: 32px; }
    .navbar-toggle:hover .line:nth-child(3) {
      width: 18px; }
    .navbar-toggle:hover .txt {
      -webkit-transform: rotate(-90deg) translateY(-8px);
      -moz-transform: rotate(-90deg) translateY(-8px);
      -ms-transform: rotate(-90deg) translateY(-8px);
      -o-transform: rotate(-90deg) translateY(-8px);
      transform: rotate(-90deg) translateY(-8px); }
      .navbar-toggle:hover .txt span:nth-child(1) {
        -webkit-transform: translateY(-5px);
        -moz-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        -o-transform: translateY(-5px);
        transform: translateY(-5px); }
      .navbar-toggle:hover .txt span:nth-child(2) {
        -webkit-transform: translateY(5px);
        -moz-transform: translateY(5px);
        -ms-transform: translateY(5px);
        -o-transform: translateY(5px);
        transform: translateY(5px); }
      .navbar-toggle:hover .txt span:nth-child(3) {
        -webkit-transform: translateY(-2px);
        -moz-transform: translateY(-2px);
        -ms-transform: translateY(-2px);
        -o-transform: translateY(-2px);
        transform: translateY(-2px); }
      .navbar-toggle:hover .txt span:nth-child(4) {
        -webkit-transform: translateY(3px);
        -moz-transform: translateY(3px);
        -ms-transform: translateY(3px);
        -o-transform: translateY(3px);
        transform: translateY(3px); } }
  .navbar-toggle .line {
    float: right;
    clear: right;
    height: 2px;
    background: #1c1b20;
    -webkit-transition: -webkit-transform 800ms cubic-bezier(0.7, 0, 0.3, 1) 0ms, background 150ms linear 0ms;
    -moz-transition: -moz-transform 800ms cubic-bezier(0.7, 0, 0.3, 1) 0ms, background 150ms linear 0ms;
    transition: transform 800ms cubic-bezier(0.7, 0, 0.3, 1) 0ms, background 150ms linear 0ms;
    -webkit-transition: all 400ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
    -moz-transition: all 400ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
    transition: all 400ms cubic-bezier(0.7, 0, 0.3, 1) 0ms; }
    .navbar-toggle .line:nth-child(1) {
      width: 16px; }
      .menuOpen .navbar-toggle .line:nth-child(1) {
        width: 20px !important;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg); }
    .navbar-toggle .line:nth-child(2) {
      width: 20px; }
      .menuOpen .navbar-toggle .line:nth-child(2) {
        width: 20px !important;
        margin-top: -2px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg); }
    .navbar-toggle .line:nth-child(3) {
      width: 12px; }
      .menuOpen .navbar-toggle .line:nth-child(3) {
        width: 0px; }
    .navbar-toggle .line + .line {
      margin-top: 2px; }
      @media (min-width: 767px) {
        .navbar-toggle .line + .line {
          margin-top: 3px; } }
  .navbar-toggle .txt {
    position: absolute;
    width: 100%;
    top: 15px;
    right: -25px;
    text-align: center;
    display: none;
    font-size: 0.7rem;
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif;
    font-weight: 900;
    letter-spacing: 0.2em;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: -webkit-transform 400ms cubic-bezier(0.7, 0, 0.3, 1) 0ms, opacity 150ms linear 0ms, color 150ms linear 0ms;
    -moz-transition: -moz-transform 400ms cubic-bezier(0.7, 0, 0.3, 1) 0ms, opacity 150ms linear 0ms, color 150ms linear 0ms;
    transition: transform 400ms cubic-bezier(0.7, 0, 0.3, 1) 0ms, opacity 150ms linear 0ms, color 150ms linear 0ms; }
    @media (min-width: 767px) {
      .navbar-toggle .txt {
        display: block; } }
    @media (min-width: 1600px) {
      .navbar-toggle .txt {
        font-size: 1rem;
        top: 12px; } }
    .menuOpen .navbar-toggle .txt {
      opacity: 0; }
    .navbar-toggle .txt span {
      display: inline-block;
      -webkit-transition: -webkit-transform 400ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
      -moz-transition: -moz-transform 400ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
      transition: transform 400ms cubic-bezier(0.7, 0, 0.3, 1) 0ms; }

#menu {
  position: fixed;
  top: 0;
  left: 0px;
  right: 80px;
  height: 100%;
  z-index: 500;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-transition: -webkit-transform 500ms cubic-bezier(1, 0, 0, 1) 0ms, left 500ms cubic-bezier(1, 0, 0, 1) 0ms;
  -moz-transition: -moz-transform 500ms cubic-bezier(1, 0, 0, 1) 0ms, left 500ms cubic-bezier(1, 0, 0, 1) 0ms;
  transition: transform 500ms cubic-bezier(1, 0, 0, 1) 0ms, left 500ms cubic-bezier(1, 0, 0, 1) 0ms;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  background: white;
  padding: 0px; }
  @media (min-width: 767px) {
    #menu {
      left: 40px;
      right: 20%;
      -webkit-box-orient: horizontal;
      -moz-box-orient: horizontal;
      box-orient: horizontal;
      -webkit-box-direction: normal;
      -moz-box-direction: normal;
      box-direction: normal;
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      flex-direction: row;
      -ms-flex-direction: row;
      -webkit-box-align: center;
      -moz-box-align: center;
      box-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -o-align-items: center;
      align-items: center;
      -ms-flex-align: center;
      overflow: hidden; } }
  @media (min-width: 1600px) {
    #menu {
      left: 55px; } }
  @media (min-width: 767px) {
    .menuHover #menu {
      -webkit-transform: translateX(-95%);
      -moz-transform: translateX(-95%);
      -ms-transform: translateX(-95%);
      -o-transform: translateX(-95%);
      transform: translateX(-95%); } }
  .menuOpen #menu {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); }
    .menuOpen #menu > *:not(.color) {
      -webkit-transform: translateX(0%);
      -moz-transform: translateX(0%);
      -ms-transform: translateX(0%);
      -o-transform: translateX(0%);
      transform: translateX(0%); }
  #menu > *:not(.color) {
    position: relative;
    z-index: 10; }
  #menu .switch-lang {
    margin: 40px 0px;
    opacity: 0;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: -webkit-transform 600ms cubic-bezier(1, 0, 0, 1) 0ms, opacity 400ms linear 0ms;
    -moz-transition: -moz-transform 600ms cubic-bezier(1, 0, 0, 1) 0ms, opacity 400ms linear 0ms;
    transition: transform 600ms cubic-bezier(1, 0, 0, 1) 0ms, opacity 400ms linear 0ms; }
    .menuOpen #menu .switch-lang {
      opacity: 1;
      -webkit-transform: translateY(0px);
      -moz-transform: translateY(0px);
      -ms-transform: translateY(0px);
      -o-transform: translateY(0px);
      transform: translateY(0px);
      -webkit-transition: -webkit-transform 600ms cubic-bezier(1, 0, 0, 1) 200ms, opacity 400ms linear 350ms;
      -moz-transition: -moz-transform 600ms cubic-bezier(1, 0, 0, 1) 200ms, opacity 400ms linear 350ms;
      transition: transform 600ms cubic-bezier(1, 0, 0, 1) 200ms, opacity 400ms linear 350ms; }
  #menu .list-socials {
    margin-bottom: 40px;
    opacity: 0;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: -webkit-transform 600ms cubic-bezier(1, 0, 0, 1) 0ms, opacity 400ms linear 0ms;
    -moz-transition: -moz-transform 600ms cubic-bezier(1, 0, 0, 1) 0ms, opacity 400ms linear 0ms;
    transition: transform 600ms cubic-bezier(1, 0, 0, 1) 0ms, opacity 400ms linear 0ms; }
    .menuOpen #menu .list-socials {
      opacity: 1;
      -webkit-transform: translateY(0px);
      -moz-transform: translateY(0px);
      -ms-transform: translateY(0px);
      -o-transform: translateY(0px);
      transform: translateY(0px);
      -webkit-transition: -webkit-transform 600ms cubic-bezier(1, 0, 0, 1) 200ms, opacity 400ms linear 350ms;
      -moz-transition: -moz-transform 600ms cubic-bezier(1, 0, 0, 1) 200ms, opacity 400ms linear 350ms;
      transition: transform 600ms cubic-bezier(1, 0, 0, 1) 200ms, opacity 400ms linear 350ms; }
  #menu .menu-container {
    margin-left: 0px; }
    @media (max-width: 766px) {
      #menu .menu-container {
        min-height: 100%;
        padding-left: 0px;
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        box-direction: normal;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        flex-direction: column;
        -ms-flex-direction: column;
        padding: 0px 40px; } }
    @media (min-width: 767px) {
      #menu .menu-container {
        padding: 0px;
        padding-left: calc(16vw - 40px); } }
    @media (min-width: 1200px) {
      #menu .menu-container {
        padding-left: calc(16vw - 60px); } }
    #menu .menu-container .menu-nav {
      margin: 0px;
      padding: 0px;
      list-style: none;
      margin-bottom: 20px;
      margin-left: -10px;
      margin-top: 100px; }
      @media (min-width: 767px) {
        #menu .menu-container .menu-nav {
          margin-bottom: 60px;
          margin-top: 153px; } }
      @media (min-width: 1600px) {
        #menu .menu-container .menu-nav {
          margin-bottom: 100px; } }
      #menu .menu-container .menu-nav li .msk {
        padding: 0px;
        line-height: 1.1; }
        #menu .menu-container .menu-nav li .msk span {
          -webkit-transition: -webkit-transform 800ms cubic-bezier(1, 0, 0, 1) 0ms;
          -moz-transition: -moz-transform 800ms cubic-bezier(1, 0, 0, 1) 0ms;
          transition: transform 800ms cubic-bezier(1, 0, 0, 1) 0ms;
          -webkit-transform: translateY(100%);
          -moz-transform: translateY(100%);
          -ms-transform: translateY(100%);
          -o-transform: translateY(100%);
          transform: translateY(100%); }
      .menuOpen #menu .menu-container .menu-nav li:nth-child(1) .msk span {
        -webkit-transition-delay: 300ms;
        -moz-transition-delay: 300ms;
        transition-delay: 300ms; }
      .menuOpen #menu .menu-container .menu-nav li:nth-child(2) .msk span {
        -webkit-transition-delay: 350ms;
        -moz-transition-delay: 350ms;
        transition-delay: 350ms; }
      .menuOpen #menu .menu-container .menu-nav li:nth-child(3) .msk span {
        -webkit-transition-delay: 400ms;
        -moz-transition-delay: 400ms;
        transition-delay: 400ms; }
      .menuOpen #menu .menu-container .menu-nav li:nth-child(4) .msk span {
        -webkit-transition-delay: 450ms;
        -moz-transition-delay: 450ms;
        transition-delay: 450ms; }
      .menuOpen #menu .menu-container .menu-nav li:nth-child(5) .msk span {
        -webkit-transition-delay: 500ms;
        -moz-transition-delay: 500ms;
        transition-delay: 500ms; }
      .menuOpen #menu .menu-container .menu-nav li:nth-child(6) .msk span {
        -webkit-transition-delay: 550ms;
        -moz-transition-delay: 550ms;
        transition-delay: 550ms; }
      .menuOpen #menu .menu-container .menu-nav li:nth-child(7) .msk span {
        -webkit-transition-delay: 600ms;
        -moz-transition-delay: 600ms;
        transition-delay: 600ms; }
      .menuOpen #menu .menu-container .menu-nav li:nth-child(8) .msk span {
        -webkit-transition-delay: 650ms;
        -moz-transition-delay: 650ms;
        transition-delay: 650ms; }
      .menuOpen #menu .menu-container .menu-nav li:nth-child(9) .msk span {
        -webkit-transition-delay: 700ms;
        -moz-transition-delay: 700ms;
        transition-delay: 700ms; }
      .menuOpen #menu .menu-container .menu-nav li:nth-child(10) .msk span {
        -webkit-transition-delay: 750ms;
        -moz-transition-delay: 750ms;
        transition-delay: 750ms; }
      .menuOpen #menu .menu-container .menu-nav li .msk span {
        position: relative;
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%);
        padding: 0 10px; }
        .menuOpen #menu .menu-container .menu-nav li .msk span:before {
          content: '';
          display: block;
          position: absolute;
          top: 50%;
          left: 0px;
          right: 0px;
          height: 15px;
          background: #6d6d6d;
          opacity: 0.5;
          z-index: -1;
          -webkit-transform-origin: left center;
          -moz-transform-origin: left center;
          -ms-transform-origin: left center;
          -o-transform-origin: left center;
          transform-origin: left center;
          -webkit-transform: scaleX(0) translateY(-50%);
          -moz-transform: scaleX(0) translateY(-50%);
          -ms-transform: scaleX(0) translateY(-50%);
          -o-transform: scaleX(0) translateY(-50%);
          transform: scaleX(0) translateY(-50%);
          -webkit-transition: -webkit-transform 400ms cubic-bezier(1, 0, 0, 1) 0ms;
          -moz-transition: -moz-transform 400ms cubic-bezier(1, 0, 0, 1) 0ms;
          transition: transform 400ms cubic-bezier(1, 0, 0, 1) 0ms; }
      #menu .menu-container .menu-nav li + li {
        margin-top: 6px; }
      #menu .menu-container .menu-nav li a {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        font-family: "Gilroy", sans-serif;
        font-size: 2.1rem;
        line-height: 1.1;
        font-weight: 900;
        text-decoration: none !important;
        color: inherit; }
        @media (min-width: 360px) {
          #menu .menu-container .menu-nav li a {
            font-size: 2.4rem; } }
        @media (min-width: 767px) {
          #menu .menu-container .menu-nav li a {
            font-size: 3rem; } }
        @media (min-width: 1600px) {
          #menu .menu-container .menu-nav li a {
            font-size: 3.8rem; } }
        #menu .menu-container .menu-nav li a.active {
          pointer-events: none; }
        #menu .menu-container .menu-nav li a.page-home-link .msk span:before {
          background: #ff5851; }
        #menu .menu-container .menu-nav li a.page-projects-link .msk span:before {
          background: #d8d8e8; }
        #menu .menu-container .menu-nav li a.page-ideas-link .msk span:before {
          background: #414a6b; }
        #menu .menu-container .menu-nav li a.page-careers-link .msk span:before {
          background: #b49a85; }
        #menu .menu-container .menu-nav li a.page-contacts-link .msk span:before {
          background: #89c2b7; }
        #menu .menu-container .menu-nav li a.page-philo-link .msk span:before {
          background: #f3c130; }
        #menu .menu-container .menu-nav li a:hover .msk span:before, #menu .menu-container .menu-nav li a.active .msk span:before {
          -webkit-transform: scaleX(1) translateY(-50%);
          -moz-transform: scaleX(1) translateY(-50%);
          -ms-transform: scaleX(1) translateY(-50%);
          -o-transform: scaleX(1) translateY(-50%);
          transform: scaleX(1) translateY(-50%); }
    #menu .menu-container p {
      max-width: 240px;
      color: #7e7e7e;
      opacity: 0;
      -webkit-transform: translateX(-150px);
      -moz-transform: translateX(-150px);
      -ms-transform: translateX(-150px);
      -o-transform: translateX(-150px);
      transform: translateX(-150px);
      -webkit-transition: -webkit-transform 600ms cubic-bezier(1, 0, 0, 1) 0ms, opacity 400ms linear 0ms;
      -moz-transition: -moz-transform 600ms cubic-bezier(1, 0, 0, 1) 0ms, opacity 400ms linear 0ms;
      transition: transform 600ms cubic-bezier(1, 0, 0, 1) 0ms, opacity 400ms linear 0ms; }
      .menuOpen #menu .menu-container p {
        opacity: 1;
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
        transform: translateX(0px);
        -webkit-transition: -webkit-transform 600ms cubic-bezier(1, 0, 0, 1) 200ms, opacity 400ms linear 350ms;
        -moz-transition: -moz-transform 600ms cubic-bezier(1, 0, 0, 1) 200ms, opacity 400ms linear 350ms;
        transition: transform 600ms cubic-bezier(1, 0, 0, 1) 200ms, opacity 400ms linear 350ms; }
  #menu .contact {
    width: 100%;
    -webkit-align-self: flex-end;
    -moz-align-self: flex-end;
    align-self: flex-end;
    -ms-flex-item-align: end;
    margin: 40px 0px;
    margin-top: auto;
    opacity: 0;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: -webkit-transform 600ms cubic-bezier(1, 0, 0, 1) 0ms, opacity 400ms linear 0ms;
    -moz-transition: -moz-transform 600ms cubic-bezier(1, 0, 0, 1) 0ms, opacity 400ms linear 0ms;
    transition: transform 600ms cubic-bezier(1, 0, 0, 1) 0ms, opacity 400ms linear 0ms; }
    .menuOpen #menu .contact {
      opacity: 1;
      -webkit-transform: translateY(0px);
      -moz-transform: translateY(0px);
      -ms-transform: translateY(0px);
      -o-transform: translateY(0px);
      transform: translateY(0px);
      -webkit-transition: -webkit-transform 600ms cubic-bezier(1, 0, 0, 1) 200ms, opacity 400ms linear 350ms;
      -moz-transition: -moz-transform 600ms cubic-bezier(1, 0, 0, 1) 200ms, opacity 400ms linear 350ms;
      transition: transform 600ms cubic-bezier(1, 0, 0, 1) 200ms, opacity 400ms linear 350ms; }
  #menu .briefLink {
    position: absolute;
    bottom: 80px;
    left: calc(16vw - 60px);
    margin-bottom: 0px;
    opacity: 0;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: -webkit-transform 600ms cubic-bezier(1, 0, 0, 1) 0ms, opacity 400ms linear 0ms;
    -moz-transition: -moz-transform 600ms cubic-bezier(1, 0, 0, 1) 0ms, opacity 400ms linear 0ms;
    transition: transform 600ms cubic-bezier(1, 0, 0, 1) 0ms, opacity 400ms linear 0ms; }
    @media (min-width: 1600px) {
      #menu .briefLink {
        bottom: 110px; } }
    .menuOpen #menu .briefLink {
      opacity: 1;
      -webkit-transform: translateY(0px);
      -moz-transform: translateY(0px);
      -ms-transform: translateY(0px);
      -o-transform: translateY(0px);
      transform: translateY(0px);
      -webkit-transition: -webkit-transform 600ms cubic-bezier(1, 0, 0, 1) 250ms, opacity 400ms linear 400ms;
      -moz-transition: -moz-transform 600ms cubic-bezier(1, 0, 0, 1) 250ms, opacity 400ms linear 400ms;
      transition: transform 600ms cubic-bezier(1, 0, 0, 1) 250ms, opacity 400ms linear 400ms; }

.menuColor {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: opacity 500ms cubic-bezier(1, 0, 0, 1) 0ms;
  -moz-transition: opacity 500ms cubic-bezier(1, 0, 0, 1) 0ms;
  transition: opacity 500ms cubic-bezier(1, 0, 0, 1) 0ms;
  background: red;
  z-index: 11;
  opacity: 0;
  pointer-events: none; }
  .menuOpen .menuColor {
    opacity: 1;
    pointer-events: all; }
    @media (min-width: 767px) {
      .menuOpen .menuColor {
        opacity: 0.95; } }

footer.footer {
  position: relative;
  display: block;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 60px 40px;
  z-index: 0; }
  @media (min-width: 992px) {
    footer.footer {
      padding-left: 0px;
      padding-right: 0px; } }
  @media (min-width: 1200px) {
    footer.footer {
      padding: 0px; } }
  footer.footer .padding {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
    padding-top: 0px;
    padding-bottom: 0px; }
    @media (max-width: 1199px) {
      footer.footer .padding {
        padding-right: 40px;
        padding-left: 100px; } }
    @media (max-width: 991px) {
      footer.footer .padding {
        padding-left: 80px; } }
    @media (max-width: 766px) {
      footer.footer .padding {
        padding-right: 0px;
        padding-left: 0px; } }
    @media (min-width: 1200px) {
      footer.footer .padding {
        height: 30vh; } }
  footer.footer .credits {
    font-size: 0.9rem;
    color: #b4b4b4;
    text-align: left;
   }
    @media (min-width: 1600px) {
      footer.footer .credits {
        font-size: 1.1rem; } }
    footer.footer .credits .wkn {
      display: block;
      margin-bottom: 10px;
      opacity: 0.8; }
      footer.footer .credits .wkn svg {
        display: inline-block; }
        footer.footer .credits .wkn svg > * {
          fill: none;
          stroke: #fff;
         }
        footer.footer .credits .wkn svg polygon{fill:#b4b4b4;}
    footer.footer .credits a {
      color: inherit;
      margin-left: 20px; }

html {
  font-size: 62.5%;
  -webkit-overflow-scrolling: touch;
  margin-top: 0px !important; }

body {
  height: 100%;
  font-size: 1.3rem;
  font-family: "Montserrat", sans-serif;
  color: #1c1b20;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -webkit-overflow-scrolling: touch;
  min-height: 100vh; }
  body.loading {
    overflow: hidden; }
    body.loading > * {
      pointer-events: none; }
  body.openPopup, body.menuOpen {
    overflow: hidden; }

.borders > * {
  position: fixed;
  z-index: 100;
  background: white;
  height: 20px;
  width: 20px;
  pointer-events: none;
  -webkit-transition: -webkit-transform 500ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
  -moz-transition: -moz-transform 500ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
  transition: transform 500ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
  -webkit-transform: translate(0, 0) scale(1);
  -moz-transform: translate(0, 0) scale(1);
  -ms-transform: translate(0, 0) scale(1);
  -o-transform: translate(0, 0) scale(1);
  transform: translate(0, 0) scale(1); }
  .menuOpen .borders > * {
    -webkit-transform: translate(0, 0%) scale(1) !important;
    -moz-transform: translate(0, 0%) scale(1) !important;
    -ms-transform: translate(0, 0%) scale(1) !important;
    -o-transform: translate(0, 0%) scale(1) !important;
    transform: translate(0, 0%) scale(1) !important; }
    @media (min-width: 767px) {
      .menuOpen .borders > * {
        -webkit-transform: translate(0, 0%) scale(2) !important;
        -moz-transform: translate(0, 0%) scale(2) !important;
        -ms-transform: translate(0, 0%) scale(2) !important;
        -o-transform: translate(0, 0%) scale(2) !important;
        transform: translate(0, 0%) scale(2) !important; } }
  .borders > *.top {
    top: 0;
    left: 0;
    width: 100%;
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -ms-transform-origin: top center;
    -o-transform-origin: top center;
    transform-origin: top center; }
    @media (max-width: 766px) {
      .borders > *.top {
        -webkit-transform: translate(0, -100%) scale(1);
        -moz-transform: translate(0, -100%) scale(1);
        -ms-transform: translate(0, -100%) scale(1);
        -o-transform: translate(0, -100%) scale(1);
        transform: translate(0, -100%) scale(1); } }
    @media (min-width: 767px) {
      .borders > *.top {
        height: 40px; } }
    @media (min-width: 1600px) {
      .borders > *.top {
        height: 55px; } }
  .borders > *.bottom {
    bottom: 0;
    left: 0;
    width: 100%;
    -webkit-transform-origin: bottom center;
    -moz-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    -o-transform-origin: bottom center;
    transform-origin: bottom center; }
    @media (max-width: 766px) {
      .borders > *.bottom {
        -webkit-transform: translate(0, 100%) scale(1);
        -moz-transform: translate(0, 100%) scale(1);
        -ms-transform: translate(0, 100%) scale(1);
        -o-transform: translate(0, 100%) scale(1);
        transform: translate(0, 100%) scale(1); } }
    @media (min-width: 767px) {
      .borders > *.bottom {
        height: 40px; } }
    @media (min-width: 1600px) {
      .borders > *.bottom {
        height: 55px; } }
  .borders > *.right {
    top: 0;
    right: 0;
    height: 100%;
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center; }
    @media (max-width: 766px) {
      .borders > *.right {
        -webkit-transform: translate(100%, 0px) scale(1);
        -moz-transform: translate(100%, 0px) scale(1);
        -ms-transform: translate(100%, 0px) scale(1);
        -o-transform: translate(100%, 0px) scale(1);
        transform: translate(100%, 0px) scale(1); } }
    @media (min-width: 767px) {
      .borders > *.right {
        width: 40px; } }
    @media (min-width: 1600px) {
      .borders > *.right {
        width: 55px; } }
  .borders > *.left {
    top: 0;
    left: 0;
    height: 100%;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center; }
    @media (max-width: 766px) {
      .borders > *.left {
        -webkit-transform: translate(-100%, 0px) scale(1);
        -moz-transform: translate(-100%, 0px) scale(1);
        -ms-transform: translate(-100%, 0px) scale(1);
        -o-transform: translate(-100%, 0px) scale(1);
        transform: translate(-100%, 0px) scale(1); } }
    @media (min-width: 767px) {
      .borders > *.left {
        width: 40px; } }
    @media (min-width: 1600px) {
      .borders > *.left {
        width: 55px; } }

.app {
  position: relative;
  z-index: 1;
  overflow: hidden;
  -webkit-transform-origin: center 50vh;
  -moz-transform-origin: center 50vh;
  -ms-transform-origin: center 50vh;
  -o-transform-origin: center 50vh;
  transform-origin: center 50vh;
  -webkit-transition: -webkit-transform 500ms cubic-bezier(1, 0, 0, 1) 0ms;
  -moz-transition: -moz-transform 500ms cubic-bezier(1, 0, 0, 1) 0ms;
  transition: transform 500ms cubic-bezier(1, 0, 0, 1) 0ms;
  pointer-events: none;
  min-height: 100vh; }
  body:not(.page-home).menuOpen .app {
    overflow: hidden;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transition-duration: 500ms;
    -moz-transition-duration: 500ms;
    transition-duration: 500ms; }
    @media (min-width: 767px) {
      body:not(.page-home).menuOpen .app {
        -webkit-transform: translateX(25%) scale(0.9);
        -moz-transform: translateX(25%) scale(0.9);
        -ms-transform: translateX(25%) scale(0.9);
        -o-transform: translateX(25%) scale(0.9);
        transform: translateX(25%) scale(0.9); } }

.page-container {
  position: relative;
  background: #f8f8f8;
  overflow: hidden;
  -webkit-transition: -webkit-transform 500ms cubic-bezier(1, 0, 0, 1) 0ms;
  -moz-transition: -moz-transform 500ms cubic-bezier(1, 0, 0, 1) 0ms;
  transition: transform 500ms cubic-bezier(1, 0, 0, 1) 0ms;
  pointer-events: all;
  min-height: 100vh; }
  body.menuOpen .page-container {
    pointer-events: none; }

.loader {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
  z-index: 10;
  opacity: 1;
  -webkit-transition: -webkit-transform 1000ms cubic-bezier(1, 0, 0, 1) 0ms, opacity 250ms cubic-bezier(1, 0, 0, 1) 0ms, visibility 1000ms cubic-bezier(1, 0, 0, 1) 0ms;
  -moz-transition: -moz-transform 1000ms cubic-bezier(1, 0, 0, 1) 0ms, opacity 250ms cubic-bezier(1, 0, 0, 1) 0ms, visibility 1000ms cubic-bezier(1, 0, 0, 1) 0ms;
  transition: transform 1000ms cubic-bezier(1, 0, 0, 1) 0ms, opacity 250ms cubic-bezier(1, 0, 0, 1) 0ms, visibility 1000ms cubic-bezier(1, 0, 0, 1) 0ms;
  visibility: hidden; }
  @media (min-width: 767px) {
    .loader {
      right: 0px;
      bottom: 0px; } }
  .loader .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 10;
    opacity: 0.2; }
    body.menuHover .loader .icon {
      display: none; }
    .loader .icon svg {
      fill: none;
      stroke: #FFF;
      stroke-width: 60px; }
  .loader .loader-visuel {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 0; }
    .loader .loader-visuel image {
      clip-path: url(#clipping); }
  .loader .color {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ff5851;
    -webkit-transition: background 500ms cubic-bezier(1, 0, 0, 1) 0ms;
    -moz-transition: background 500ms cubic-bezier(1, 0, 0, 1) 0ms;
    transition: background 500ms cubic-bezier(1, 0, 0, 1) 0ms; }
  body.loaded.menuHover .loader, body.loaded.menuOpen .loader {
    opacity: 0;
    visibility: hidden !important;
    -webkit-transform: translate(0, 0) !important;
    -moz-transform: translate(0, 0) !important;
    -ms-transform: translate(0, 0) !important;
    -o-transform: translate(0, 0) !important;
    transform: translate(0, 0) !important; }
  body.loading .loader {
    opacity: 1;
    visibility: visible !important;
    -webkit-transform: translate(0, 0) !important;
    -moz-transform: translate(0, 0) !important;
    -ms-transform: translate(0, 0) !important;
    -o-transform: translate(0, 0) !important;
    transform: translate(0, 0) !important; }

.page {
  position: relative;
  min-height: 100vh;
  z-index: 10;
  overflow: hidden;
  -webkit-transition: -webkit-transform 1000ms cubic-bezier(1, 0, 0, 1) 0ms, padding 500ms cubic-bezier(1, 0, 0, 1) 0ms;
  -moz-transition: -moz-transform 1000ms cubic-bezier(1, 0, 0, 1) 0ms, padding 500ms cubic-bezier(1, 0, 0, 1) 0ms;
  transition: transform 1000ms cubic-bezier(1, 0, 0, 1) 0ms, padding 500ms cubic-bezier(1, 0, 0, 1) 0ms; }
  .page > section.intro h1 {
    margin-bottom: 60px; }
    @media (min-width: 480px) {
      .page > section.intro h1 {
        position: absolute;
        top: 50vh;
        padding-bottom: 80px;
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%);
        margin-bottom: 0px; } }
    @media (min-width: 992px) {
      .page > section.intro h1 {
        left: 15vw;
        margin-top: 0px;
        margin-top: -20px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        margin: 0px;
        padding-bottom: 0px; } }
    @media (min-width: 1200px) {
      .page > section.intro h1 {
        left: 20%; } }
    @media (min-width: 1600px) {
      .page > section.intro h1 {
        left: 22%; } }
  .page > section.intro > .padding {
    padding-top: 30vh;
    padding-bottom: 60px; }
    @media (min-width: 480px) and (max-width: 991px) {
      .page > section.intro > .padding {
        padding-top: calc(60vh);
        padding-bottom: 100px; } }
    @media (min-width: 767px) {
      .page > section.intro > .padding {
        padding-right: 20vw;
        padding-top: calc(70vh); } }
    @media (min-width: 992px) {
      .page > section.intro > .padding {
        height: 100vh;
        padding-top: 50vh; } }
    @media (min-width: 1200px) {
      .page > section.intro > .padding {
        padding-right: 20%; } }
    @media (min-width: 1600px) {
      .page > section.intro > .padding {
        padding-right: 22%; } }

.padding {
  width: 100%;
  position: relative;
  z-index: 10;
  padding: 60px 40px; }
  @media (min-width: 480px) {
    .padding {
      padding: 100px 10vw; } }
  @media (min-width: 767px) {
    .padding {
      padding: 10vh 20vw; } }
  @media (min-width: 992px) {
    .padding {
      padding: 10vh 15vw; } }
  @media (min-width: 1200px) {
    .padding {
      padding: 20vh 10% 20vh 10%; } }
  @media (min-width: 1600px) {
    .padding {
      padding: 20vh 12% 20vh 12%; } }
  .padding a {
    pointer-events: all; }

.page-color {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  pointer-events: none; }

.hideNav .borders > *.top, .first .borders > *.top {
  -webkit-transform: translate(0, -100%) scale(1);
  -moz-transform: translate(0, -100%) scale(1);
  -ms-transform: translate(0, -100%) scale(1);
  -o-transform: translate(0, -100%) scale(1);
  transform: translate(0, -100%) scale(1); }
.hideNav .borders > *.bottom, .first .borders > *.bottom {
  -webkit-transform: translate(0, 100%) scale(1);
  -moz-transform: translate(0, 100%) scale(1);
  -ms-transform: translate(0, 100%) scale(1);
  -o-transform: translate(0, 100%) scale(1);
  transform: translate(0, 100%) scale(1); }
.hideNav .borders > *.left, .first .borders > *.left {
  -webkit-transform: translate(-100%, 0%) scale(1);
  -moz-transform: translate(-100%, 0%) scale(1);
  -ms-transform: translate(-100%, 0%) scale(1);
  -o-transform: translate(-100%, 0%) scale(1);
  transform: translate(-100%, 0%) scale(1); }
.hideNav .borders > *.right, .first .borders > *.right {
  -webkit-transform: translate(100%, 0%) scale(1);
  -moz-transform: translate(100%, 0%) scale(1);
  -ms-transform: translate(100%, 0%) scale(1);
  -o-transform: translate(100%, 0%) scale(1);
  transform: translate(100%, 0%) scale(1); }
.hideNav #menu, .first #menu {
  left: 0px; }
.hideNav header.header .navbar-brand, .first header.header .navbar-brand {
  -webkit-transform: translate(0px, 10px);
  -moz-transform: translate(0px, 10px);
  -ms-transform: translate(0px, 10px);
  -o-transform: translate(0px, 10px);
  transform: translate(0px, 10px); }
  @media (min-width: 767px) {
    .hideNav header.header .navbar-brand, .first header.header .navbar-brand {
      -webkit-transform: translate(40px, 40px);
      -moz-transform: translate(40px, 40px);
      -ms-transform: translate(40px, 40px);
      -o-transform: translate(40px, 40px);
      transform: translate(40px, 40px); } }
  .hideNav header.header .navbar-brand .sub-page, .first header.header .navbar-brand .sub-page {
    opacity: 0;
    -webkit-transition-delay: 0ms;
    -moz-transition-delay: 0ms;
    transition-delay: 0ms; }
.hideNav header.header .navbar-toggle, .first header.header .navbar-toggle {
  -webkit-transform: translateY(-100px);
  -moz-transform: translateY(-100px);
  -ms-transform: translateY(-100px);
  -o-transform: translateY(-100px);
  transform: translateY(-100px); }
  @media (min-width: 767px) {
    .hideNav header.header .navbar-toggle, .first header.header .navbar-toggle {
      -webkit-transform: translateX(-100px);
      -moz-transform: translateX(-100px);
      -ms-transform: translateX(-100px);
      -o-transform: translateX(-100px);
      transform: translateX(-100px); } }
.hideNav header.header .switch-lang, .first header.header .switch-lang {
  -webkit-transform: translateY(-60px);
  -moz-transform: translateY(-60px);
  -ms-transform: translateY(-60px);
  -o-transform: translateY(-60px);
  transform: translateY(-60px); }
.hideNav header.header .list-socials, .first header.header .list-socials {
  -webkit-transform: translateX(60px);
  -moz-transform: translateX(60px);
  -ms-transform: translateX(60px);
  -o-transform: translateX(60px);
  transform: translateX(60px); }

.loadProject header.header .navbar-toggle {
  -webkit-transform: translateY(-100px);
  -moz-transform: translateY(-100px);
  -ms-transform: translateY(-100px);
  -o-transform: translateY(-100px);
  transform: translateY(-100px); }
  @media (min-width: 767px) {
    .loadProject header.header .navbar-toggle {
      -webkit-transform: translateX(-100px);
      -moz-transform: translateX(-100px);
      -ms-transform: translateX(-100px);
      -o-transform: translateX(-100px);
      transform: translateX(-100px); } }

.first header.header .navbar-brand {
  -webkit-transform: translate(0px, -40px);
  -moz-transform: translate(0px, -40px);
  -ms-transform: translate(0px, -40px);
  -o-transform: translate(0px, -40px);
  transform: translate(0px, -40px);
  opacity: 0; }
.first header.header .scrolldown {
  opacity: 0 !important; }

@-webkit-keyframes bounce {
  from {
    -webkit-transform: translateX(0px); }
  to {
    -webkit-transform: translateX(10px); } }
@-moz-keyframes bounce {
  from {
    -moz-transform: translateX(0px); }
  to {
    -moz-transform: translateX(10px); } }
@keyframes bounce {
  from {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px); }
  to {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px); } }
svg {
  display: block; }

.icon {
  display: block; }
  .icon svg {
    display: block; }
  .icon.waves path {
    fill: #1c1b20; }

img.img-fluid {
  width: 100%; }
img.lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms linear 50ms;
  -moz-transition: opacity 400ms linear 50ms;
  transition: opacity 400ms linear 50ms; }
  img.lazy.lazyloaded {
    opacity: 1; }

.phone_portrait {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #f8f8f8;
  z-index: 24000;
  display: none; }
  @media screen and (orientation: landscape) and (max-width: 767px) {
    .phone_portrait {
      display: block; } }
  .phone_portrait .inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    .phone_portrait .inner .icon {
      display: block;
      width: 75px;
      margin: 0px auto 20px; }
    .phone_portrait .inner p {
      text-align: center;
      font-size: 1.1rem;
      line-height: 1.4; }
      .phone_portrait .inner p strong {
        color: #000;
        font-weight: 500; }

h1 {
  line-height: 0.6;
  font-family: "Gilroy", sans-serif;
  font-weight: 900;
  margin: 0px;
  text-transform: uppercase;
  font-size: 8rem;
  margin-bottom: 40px;
  position: relative; }
  @media (min-width: 350px) {
    h1 {
      font-size: 10rem; } }
  @media (min-width: 767px) {
    h1 {
      font-size: 13.6rem;
      margin-bottom: 60px; } }
  @media (min-width: 1600px) {
    h1 {
      font-size: 13.6rem;
      margin-bottom: 80px; } }
  h1 .waves {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px); }
    @media (min-width: 1600px) {
      h1 .waves {
        -webkit-transform: translateY(-50px);
        -moz-transform: translateY(-50px);
        -ms-transform: translateY(-50px);
        -o-transform: translateY(-50px);
        transform: translateY(-50px); } }
    h1 .waves svg {
      width: 50px;
     }
      @media (min-width: 1600px) {
        h1 .waves svg {
          width: 70px;
         } }
      h1 .waves svg > * {
        fill: #080202;
        stroke: #f8f8f8;
      }

h2 {
  line-height: 0.6;
  font-family: "Gilroy", sans-serif;
  font-weight: 900;
  margin: 0px;
  
  font-size: 3.2rem; }
  @media (min-width: 1200px) {
    h2 {
      font-size: 4.7rem; } }
  @media (min-width: 1600px) {
    h2 {
      font-size: 6.2rem; } }

h3 {
  font-family: "Gilroy", sans-serif;
  font-weight: 900;
  margin: 0px;
  margin-bottom: 40px;
  line-height: 1.2;
  font-size: 2.4rem; }
  @media (min-width: 767px) {
    h3 {
      font-size: 3.6rem;
      line-height: 1.1; } }
  @media (min-width: 992px) {
    h3 {
      font-size: 2.8rem;
      line-height: 1.2; } }
  @media (min-width: 1600px) {
    h3 {
      font-size: 3.8rem; } }
  h3 .dot {
    display: inline-block !important; }

.block-title {
  display: inline-block;
  font-family: "Libre Baskerville", serif;
  font-style: italic;
  font-weight: 300;
  font-size: 1.1rem;
  margin-bottom: 25px; }
  @media (min-width: 1600px) {
    .block-title {
      font-size: 1.4rem;
      margin-bottom: 30px; } }
  .block-title > * {
    display: inline-block;
    vertical-align: middle; }
  .block-title .mskd {
    overflow: hidden; }
  .block-title .txt {
    display: inline-block;
    position: relative; }
    .block-title .txt:after {
      content: '.'; }
  .block-title .waves {
    margin-right: 5px; }
    .block-title .waves svg {
      width: 25px;
      height: 5px; }
      @media (min-width: 1600px) {
        .block-title .waves svg {
          width: 33px;
          height: 7px; } }
      .block-title .waves svg > * {
        fill: none;
        stroke: #1c1b20;
        stroke-width: 5px; }

p {
  margin: 0px;
  font-size: 1.2rem;
  line-height: 1.6;
  margin-bottom: 0px;
  color:#080202; }
  @media (min-width: 480px) {
    p {
      font-size: 1.4rem; } }
  @media (min-width: 1600px) {
    p {
      font-size: 1.4rem;
      line-height: 1.8; } }
  p + * {
    margin-top: 25px; }
  p i {
    font-family: "charter", serif;
    font-weight: 300;
    font-style: italic;
    display: inline-block; }
  p.intro {
    font-family: "Gilroy", sans-serif;
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: 40px;
    line-height: 1.2;
    color: #1c1b20; }
    @media (min-width: 1200px) {
      p.intro {
        font-size: 1.8rem; } }
    @media (min-width: 1600px) {
      p.intro {
        font-size: 2rem; } }
    p.intro .dot {
      display: inline-block !important; }

.contact > * {
  display: inline-block;
  font-family: "Gilroy", sans-serif; }
.contact .phone, .contact .mail {
  color: #1c1b20;
  font-weight: 500; }
  @media (min-width: 1600px) {
    .contact .phone, .contact .mail {
      font-size: 1.4rem;
      margin-top: 6px; } }
.contact .addresse {
  font-size: 1.1rem;
  line-height: 1.4;
  color: #1c1b20;
  margin: 0px;
  font-weight: 300; }
  .contact .addresse a {
    color: inherit;
    text-decoration: none; }

span.msk {
  display: inline-block;
  overflow: hidden;
  position: relative;
  vertical-align: middle;
  line-height: 0.8;
  padding-top: 10px; }
  span.msk span {
    display: block; }

.btn-lined {
  display: inline-block;
  color: inherit !important;
  padding: 0px 25px;
  line-height: 32px;
  border: 2px solid #1c1b20;
  text-transform: uppercase;
  font-size: 0.9rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-decoration: none !important; }
  .btn-lined.min {
    border-width: 1px;
    font-size: 0.7rem;
    padding: 0px 20px; }

.btn-close {
  position: absolute;
  top: 40px;
  right: 40px;
  border: 1px solid #1c1b20;
  width: 40px;
  height: 40px;
  overflow: hidden;
  border-top-left-radius: 60px;
  border-top-right-radius: 60px;
  border-bottom-left-radius: 60px;
  border-bottom-right-radius: 60px;
  z-index: 100;
  -webkit-transition: -webkit-transform 600ms cubic-bezier(0, 0, 0.16, 1) 0ms, border 150ms linear 0ms;
  -moz-transition: -moz-transform 600ms cubic-bezier(0, 0, 0.16, 1) 0ms, border 150ms linear 0ms;
  transition: transform 600ms cubic-bezier(0, 0, 0.16, 1) 0ms, border 150ms linear 0ms; }
  @media (min-width: 1600px) {
    .btn-close {
      width: 60px;
      height: 60px; } }
  .btn-close.close-project {
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    -o-transform: translateY(-100px);
    transform: translateY(-100px);
    -webkit-transition-delay: 0ms;
    -moz-transition-delay: 0ms;
    transition-delay: 0ms;
    border-color: white;
    position: fixed; }
    .btn-close.close-project svg > * {
      fill: white;
      -webkit-transition: all 150ms linear 0ms;
      -moz-transition: all 150ms linear 0ms;
      transition: all 150ms linear 0ms; }
    .btn-close.close-project.dark {
      border-color: #1c1b20; }
      .btn-close.close-project.dark svg > * {
        fill: #1c1b20; }
  .btn-close .cross {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    .btn-close .cross svg {
      width: 10px;
      height: 10px; }
      @media (min-width: 1600px) {
        .btn-close .cross svg {
          width: 14px;
          height: 14px; } }

.link {
  position: relative;
  display: inline-block;
  font-family: "charter", serif;
  font-size: 2.1rem;
  font-style: italic;
  color: inherit !important;
  text-decoration: none !important;
  background: none;
  border: none; }
  @media (min-width: 1600px) {
    .link {
      font-size: 2rem; } }
  .link .txt {
    position: relative;
    z-index: 10; }
  .link:hover:after {
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: bottom right;
    -moz-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    -o-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transition-duration: 400ms;
    -moz-transition-duration: 400ms;
    transition-duration: 400ms; }
  .link:hover:before {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left; }
  .link:after, .link:before {
    content: '';
    position: absolute;
    bottom: 0%;
    left: 0px;
    right: 0px;
    height: 2px;
    overflow: hidden;
    background: #1c1b20;
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transition: -webkit-transform 400ms cubic-bezier(1, 0, 0, 1) 0ms;
    -moz-transition: -moz-transform 400ms cubic-bezier(1, 0, 0, 1) 0ms;
    transition: transform 400ms cubic-bezier(1, 0, 0, 1) 0ms;
    z-index: 0; }
  .link:before {
    bottom: 8px;
    top: 8px;
    height: auto;
    opacity: 0.5;
    left: -5px;
    right: -5px;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: bottom right;
    -moz-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    -o-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transition-duration: 400ms;
    -moz-transition-duration: 400ms;
    transition-duration: 400ms; }
    @media (min-width: 1600px) {
      .link:before {
        bottom: 10px;
        top: 10px; } }
  .link.min {
    font-size: 1.2rem; }
    .link.min:before {
      top: 5px;
      bottom: 7px; }
    .link.min:after {
      height: 1px; }

.button, form .form-actions button[type="submit"] {
  display: inline-block;
  background: white;
  position: relative;
  padding: 16px 20px;
  border: none;
  outline: none;
  overflow: hidden;
  color: #1c1b20 !important;
  text-decoration: none !important;
  margin-top: 40px;
  font-size: 1rem;
  font-weight: 700; }
  @media (min-width: 1600px) {
    .button, form .form-actions button[type="submit"] {
      padding: 20px;
      margin-top: 60px;
      font-size: 1.3rem; } }
  .button.disabled, form .form-actions button.disabled[type="submit"] {
    background: url("../image/disabled_bg.jpg") repeat-x #1e1f23;
    background-size: contain;
    padding-right: 80px;
    color: white !important;
    cursor: not-allowed;
    pointer-events: none !important; }
  .button .arrow-container, form .form-actions button[type="submit"] .arrow-container {
    display: inline-block;
    position: relative;
    margin-left: 30px; }
    .button .arrow-container > *, form .form-actions button[type="submit"] .arrow-container > * {
      -webkit-transition: all 500ms cubic-bezier(1, 0, 0, 1) 0ms;
      -moz-transition: all 500ms cubic-bezier(1, 0, 0, 1) 0ms;
      transition: all 500ms cubic-bezier(1, 0, 0, 1) 0ms; }
    .button .arrow-container .arrow_hover, form .form-actions button[type="submit"] .arrow-container .arrow_hover {
      top: 0;
      left: 0;
      position: absolute;
      -webkit-transform: translateX(-20px);
      -moz-transform: translateX(-20px);
      -ms-transform: translateX(-20px);
      -o-transform: translateX(-20px);
      transform: translateX(-20px);
      opacity: 0; }
  .button:hover .arrow, form .form-actions button[type="submit"]:hover .arrow {
    opacity: 0;
    -webkit-transform: translateX(60px);
    -moz-transform: translateX(60px);
    -ms-transform: translateX(60px);
    -o-transform: translateX(60px);
    transform: translateX(60px); }
  .button:hover .arrow_hover, form .form-actions button[type="submit"]:hover .arrow_hover {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
    -webkit-transition-delay: 50ms;
    -moz-transition-delay: 50ms;
    transition-delay: 50ms; }
  .animated .button, .animated form .form-actions button[type="submit"], form .form-actions .animated button[type="submit"] {
    position: relative;
    overflow: hidden; }
    .animated .button:after, .animated form .form-actions button[type="submit"]:after, form .form-actions .animated button[type="submit"]:after {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      width: 100%;
      height: 100%;
      background: #1c1b20; }
    .animated .button .txt, .animated form .form-actions button[type="submit"] .txt, form .form-actions .animated button[type="submit"] .txt {
      display: inline-block;
      opacity: 0;
      -webkit-transform: translateX(-50px);
      -moz-transform: translateX(-50px);
      -ms-transform: translateX(-50px);
      -o-transform: translateX(-50px);
      transform: translateX(-50px); }
    .animated .button .arrow-container, .animated form .form-actions button[type="submit"] .arrow-container, form .form-actions .animated button[type="submit"] .arrow-container {
      opacity: 0;
      -webkit-transform: translateX(-50px);
      -moz-transform: translateX(-50px);
      -ms-transform: translateX(-50px);
      -o-transform: translateX(-50px);
      transform: translateX(-50px); }
  .animated.visible .button:after, .animated.visible form .form-actions button[type="submit"]:after, form .form-actions .animated.visible button[type="submit"]:after {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: -webkit-transform 600ms cubic-bezier(1, 0, 0, 1) 300ms;
    -moz-transition: -moz-transform 600ms cubic-bezier(1, 0, 0, 1) 300ms;
    transition: transform 600ms cubic-bezier(1, 0, 0, 1) 300ms; }
  .animated.visible .button .txt, .animated.visible form .form-actions button[type="submit"] .txt, form .form-actions .animated.visible button[type="submit"] .txt {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
    -webkit-transition: -webkit-transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0ms, opacity 250ms linear 400ms;
    -moz-transition: -moz-transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0ms, opacity 250ms linear 400ms;
    transition: transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0ms, opacity 250ms linear 400ms; }
  .animated.visible .button .arrow-container, .animated.visible form .form-actions button[type="submit"] .arrow-container, form .form-actions .animated.visible button[type="submit"] .arrow-container {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
    -webkit-transition: -webkit-transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0ms, opacity 250ms linear 400ms;
    -moz-transition: -moz-transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0ms, opacity 250ms linear 400ms;
    transition: transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0ms, opacity 250ms linear 400ms; }

.briefLink {
  position: relative;
  display: inline-block;
  color: inherit !important;
  text-decoration: none !important;
  white-space: nowrap; }
  @media (min-width: 767px) {
    .briefLink {
      margin-left: 40px; } }
  @media (min-width: 1200px) {
    .briefLink {
      margin-left: 0px; } }
  .briefLink .block-title {
    margin-bottom: 0px;
    display: block; }
  .briefLink .arrow {
    display: none;
    position: absolute;
    width: 40px;
    top: 50%;
    right: 100%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 600ms cubic-bezier(1, 0, 0, 1) 0ms;
    -moz-transition: all 600ms cubic-bezier(1, 0, 0, 1) 0ms;
    transition: all 600ms cubic-bezier(1, 0, 0, 1) 0ms;
    margin-right: 40px; }
    @media (min-width: 1200px) {
      .briefLink .arrow {
        margin-right: 80px; } }
    @media (min-width: 767px) {
      .briefLink .arrow {
        display: block; } }
    .briefLink .arrow .line {
      width: 100%;
      height: 2px;
      display: block;
      float: right;
      -webkit-transition: width 600ms cubic-bezier(1, 0, 0, 1) 0ms;
      -moz-transition: width 600ms cubic-bezier(1, 0, 0, 1) 0ms;
      transition: width 600ms cubic-bezier(1, 0, 0, 1) 0ms;
      overflow: hidden; }
      .briefLink .arrow .line .inner {
        background: #1c1b20;
        width: 100%;
        height: 2px;
        display: block;
        float: right;
        -webkit-transition: width 600ms cubic-bezier(1, 0, 0, 1) 0ms;
        -moz-transition: width 600ms cubic-bezier(1, 0, 0, 1) 0ms;
        transition: width 600ms cubic-bezier(1, 0, 0, 1) 0ms; }
    .briefLink .arrow svg {
      position: absolute;
      top: 50%;
      right: 0px;
      -webkit-transform: translate(2px, -50%);
      -moz-transform: translate(2px, -50%);
      -ms-transform: translate(2px, -50%);
      -o-transform: translate(2px, -50%);
      transform: translate(2px, -50%); }
  .briefLink:hover .arrow {
    -webkit-transform: translate(20px, -50%);
    -moz-transform: translate(20px, -50%);
    -ms-transform: translate(20px, -50%);
    -o-transform: translate(20px, -50%);
    transform: translate(20px, -50%);
    width: 60px; }
    @media (min-width: 1200px) {
      .briefLink:hover .arrow {
        -webkit-transform: translate(40px, -50%);
        -moz-transform: translate(40px, -50%);
        -ms-transform: translate(40px, -50%);
        -o-transform: translate(40px, -50%);
        transform: translate(40px, -50%);
        width: 80px; } }
    .briefLink:hover .arrow .line .inner {
      width: 20px;
      -webkit-transition: width 800ms cubic-bezier(1, 0, 0, 1) 0ms;
      -moz-transition: width 800ms cubic-bezier(1, 0, 0, 1) 0ms;
      transition: width 800ms cubic-bezier(1, 0, 0, 1) 0ms; }
      @media (min-width: 1200px) {
        .briefLink:hover .arrow .line .inner {
          width: 40px; } }
  .briefLink .next-page-title {
    font-weight: 900;
    font-size: 2.4rem;
    font-family: "Gilroy", sans-serif;
    text-transform: uppercase;
    line-height: 1.4; }
    @media (min-width: 1600px) {
      .briefLink .next-page-title {
        font-size: 3rem; } }

form {
  position: relative; }
  form .form-control, form textarea {
    background: none !important;
    border-radius: 0px;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    font-size: 1.6rem;
    font-family: "Libre Baskerville", serif;
    font-style: italic;
    padding: 0px;
    height: 42px;
    color: white !important;
    outline: none !important; }
    @media (min-width: 1600px) {
      form .form-control, form textarea {
        font-size: 2rem;
        height: 50px; } }
    form .form-control:focus, form textarea:focus {
      border-bottom-color: white; }
      form .form-control:focus::-webkit-input-placeholder, form textarea:focus::-webkit-input-placeholder {
        color: white; }
      form .form-control:focus::-moz-placeholder, form textarea:focus::-moz-placeholder {
        color: white; }
      form .form-control:focus:-moz-placeholder, form textarea:focus:-moz-placeholder {
        color: white; }
      form .form-control:focus:-ms-input-placeholder, form textarea:focus:-ms-input-placeholder {
        color: white; }
    form .form-control::-webkit-input-placeholder, form textarea::-webkit-input-placeholder {
      color: rgba(255, 255, 255, 0.3); }
    form .form-control::-moz-placeholder, form textarea::-moz-placeholder {
      color: rgba(255, 255, 255, 0.3); }
    form .form-control:-moz-placeholder, form textarea:-moz-placeholder {
      color: rgba(255, 255, 255, 0.3); }
    form .form-control:-ms-input-placeholder, form textarea:-ms-input-placeholder {
      color: rgba(255, 255, 255, 0.3); }
    form .form-control.parsley-error, form textarea.parsley-error {
      color: #ff5851;
      border-bottom: 1px solid #ff5851; }
      form .form-control.parsley-error::-webkit-input-placeholder, form textarea.parsley-error::-webkit-input-placeholder {
        color: #ff5851; }
      form .form-control.parsley-error::-moz-placeholder, form textarea.parsley-error::-moz-placeholder {
        color: #ff5851; }
      form .form-control.parsley-error:-moz-placeholder, form textarea.parsley-error:-moz-placeholder {
        color: #ff5851; }
      form .form-control.parsley-error:-ms-input-placeholder, form textarea.parsley-error:-ms-input-placeholder {
        color: #ff5851; }
  form .upload-files {
    margin-top: 40px; }
    @media (min-width: 767px) {
      form .upload-files {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        box-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center;
        -ms-flex-align: center;
        margin-left: -15px; } }
  form .custom-file {
    height: auto;
    width: 100%; }
    @media (min-width: 767px) {
      form .custom-file {
        width: 50%;
        margin-left: 15px; } }
    form .custom-file.filled .custom-file-control, form .custom-file:hover .custom-file-control {
      border-color: #adc798; }
      form .custom-file.filled .custom-file-control .file-name, form .custom-file:hover .custom-file-control .file-name {
        color: #adc798; }
      form .custom-file.filled .custom-file-control .icon-container .icon svg > *, form .custom-file:hover .custom-file-control .icon-container .icon svg > * {
        fill: #adc798; }
    form .custom-file.filled {
      pointer-events: none; }
      form .custom-file.filled .custom-file-control .icon-container .icon.arrow {
        opacity: 0;
        -webkit-transform: translate(-50%, -100%);
        -moz-transform: translate(-50%, -100%);
        -ms-transform: translate(-50%, -100%);
        -o-transform: translate(-50%, -100%);
        transform: translate(-50%, -100%); }
      form .custom-file.filled .custom-file-control .icon-container .icon.cross {
        opacity: 1;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
    form .custom-file .custom-file-input {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    form .custom-file .custom-file-control {
      display: block;
      position: relative;
      height: 55px;
      line-height: 55px;
      width: 100%;
      border: 1px solid white;
      background: none;
      padding: 0 50px 0px 20px;
      border-radius: 0px;
      overflow: hidden;
      -webkit-transition: border 150ms linear 0ms;
      -moz-transition: border 150ms linear 0ms;
      transition: border 150ms linear 0ms; }
      form .custom-file .custom-file-control:after, form .custom-file .custom-file-control:before {
        display: none; }
      form .custom-file .custom-file-control .file-name {
        color: white;
        font-weight: 700;
        -webkit-transition: color 150ms linear 0ms;
        -moz-transition: color 150ms linear 0ms;
        transition: color 150ms linear 0ms; }
      form .custom-file .custom-file-control .icon-container {
        position: absolute;
        top: 50%;
        right: 25px; }
        form .custom-file .custom-file-control .icon-container > * {
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          -moz-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          -webkit-transition: -webkit-transform 250ms cubic-bezier(0.7, 0, 0.3, 1) 0ms, opacity 150ms linear 0ms;
          -moz-transition: -moz-transform 250ms cubic-bezier(0.7, 0, 0.3, 1) 0ms, opacity 150ms linear 0ms;
          transition: transform 250ms cubic-bezier(0.7, 0, 0.3, 1) 0ms, opacity 150ms linear 0ms; }
          form .custom-file .custom-file-control .icon-container > *.cross {
            pointer-events: all !important;
            opacity: 0;
            -webkit-transform: translate(-50%, 0%);
            -moz-transform: translate(-50%, 0%);
            -ms-transform: translate(-50%, 0%);
            -o-transform: translate(-50%, 0%);
            transform: translate(-50%, 0%); }
  form textarea {
    display: inline-block;
    width: 100%;
    min-height: 30px;
    height: auto;
    margin-top: 10px;
    padding-bottom: 10px; }
    @media (min-width: 1600px) {
      form textarea {
        min-height: 40px; } }
  form .form-actions {
    text-align: right;
    margin-top: 40px; }
    @media (min-width: 767px) {
      form .form-actions {
        margin-top: 60px; } }
    @media (min-width: 1600px) {
      form .form-actions {
        margin-top: 80px; } }
  form .parsley-errors-list {
    list-style-type: none;
    color: #ff5851;
    padding: 0;
    margin: 0; }
    form .parsley-errors-list li {
      padding-top: 3px; }

.page-home.loading .page {
  -webkit-transform: translateX(100vw);
  -moz-transform: translateX(100vw);
  -ms-transform: translateX(100vw);
  -o-transform: translateX(100vw);
  transform: translateX(100vw); }
.page-home .loader {
  -webkit-transform: translateX(-100vw);
  -moz-transform: translateX(-100vw);
  -ms-transform: translateX(-100vw);
  -o-transform: translateX(-100vw);
  transform: translateX(-100vw); }
  @media (min-width: 767px) {
    .page-home .loader {
      -webkit-transform: translateX(calc(-100vw + 40px));
      -moz-transform: translateX(calc(-100vw + 40px));
      -ms-transform: translateX(calc(-100vw + 40px));
      -o-transform: translateX(calc(-100vw + 40px));
      transform: translateX(calc(-100vw + 40px)); } }
  .page-home .loader .color {
    background-color: #ff5851 !important; }
.page-home .menuColor {
  background: #ff5851; }
.page-home .link:before {
  background: #ff5851; }
.page-home .page-color {
  background: #f8f8f8;
  left: 50%;
  height: 250vh; }
  @media (min-width: 767px) {
    .page-home .page-color {
      height: 100vh; } }
.page-home .dot {
  color: #ff5851; }
.page-home h2 .waves {
  margin-bottom: 30px; }
  .page-home h2 .waves svg {
    width: 50px;
   }
   .vision svg polygon{fill:#ff5851;}
   .creativity svg polygon{fill:#1c1b20;}
    @media (min-width: 1600px) {
      .page-home h2 .waves svg {
        width: 70px;
    } }
    .page-home h2 .waves svg > * {
      fill: none;
      stroke: #f8f8f8;
      
     }
.page-home h2 .txt {
  font-size: 6rem;
  line-height: 0.9; }
  .page-home h2 .txt .title{font-family: Arial;}
  @media (min-width: 767px) {
    .page-home h2 .txt {
      font-size: 8rem; } }
  @media (min-width: 1200px) {
    .page-home h2 .txt {
      font-size: 10rem; } }
  @media (min-width: 1600px) {
    .page-home h2 .txt {
      font-size: 13rem; } }
  .page-home h2 .txt div {
    overflow: hidden; }
    .page-home h2 .txt div span {
      display: inline-block; }
.page-home p.intro {
  font-size: 2.4rem;
  line-height: 1.2;
  font-weight: 900;
  max-width: 240px; }
  @media (min-width: 767px) {
    .page-home p.intro {
      font-size: 2.8rem; } }
  @media (min-width: 1200px) {
    .page-home p.intro {
      font-size: 3.2rem; } }
  @media (min-width: 1600px) {
    .page-home p.intro {
      font-size: 3.8rem; } }
  .page-home p.intro div {
    overflow: hidden; }
    .page-home p.intro div span {
      display: inline-block; }
.page-home .page > * {
  position: relative;
  z-index: 10; }
.page-home .page > .intro {
  z-index: 0 !important;
  pointer-events: none;
  background: #ff5851;
  overflow: hidden; }
  @media (min-width: 767px) {
    .page-home .page > .intro {
      background: transparent;
      overflow: visible; } }
  .page-home .page > .intro .hello-wrapper {
    position: absolute;
    width: 100%; }
.page-home.showHello section.hello > *:not(.hello-scrolldown) {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%); }
.page-home.showHello section.hello .hello-scrolldown {
  opacity: 1;
  -webkit-transform: rotate(-90deg) translateY(-60px);
  -moz-transform: rotate(-90deg) translateY(-60px);
  -ms-transform: rotate(-90deg) translateY(-60px);
  -o-transform: rotate(-90deg) translateY(-60px);
  transform: rotate(-90deg) translateY(-60px); }
.page-home.showHello header.header .scrolldown {
  bottom: -100px; }
.page-home section.hello {
  position: relative;
  z-index: 2 !important; }
  @media (min-width: 767px) {
    .page-home section.hello {
      position: fixed;
      left: 0px;
      right: 0px;
      height: 100vh; } }
  .page-home section.hello > .page-color {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: -webkit-transform 1000ms cubic-bezier(0.7, 0, 0.3, 1) 50ms;
    -moz-transition: -moz-transform 1000ms cubic-bezier(0.7, 0, 0.3, 1) 50ms;
    transition: transform 1000ms cubic-bezier(0.7, 0, 0.3, 1) 50ms; }
  .page-home section.hello .padding {
    height: 100vh;
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -ms-transform: translateX(50%);
    -o-transform: translateX(50%);
    transform: translateX(50%);
    -webkit-transition: -webkit-transform 1000ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
    -moz-transition: -moz-transform 1000ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
    transition: transform 1000ms cubic-bezier(0.7, 0, 0.3, 1) 0ms; }
  .page-home section.hello .hello-scrolldown {
    position: absolute;
    z-index: 9;
    line-height: 1;
    opacity: 0;
    -webkit-transform: rotate(-90deg) translateY(-60px) translateX(-100px);
    -moz-transform: rotate(-90deg) translateY(-60px) translateX(-100px);
    -ms-transform: rotate(-90deg) translateY(-60px) translateX(-100px);
    -o-transform: rotate(-90deg) translateY(-60px) translateX(-100px);
    transform: rotate(-90deg) translateY(-60px) translateX(-100px);
    pointer-events: none;
    bottom: 110px;
    left: 50%;
    z-index: 101 !important;
    -webkit-transition: -webkit-transform 1000ms cubic-bezier(0.7, 0, 0.3, 1) 0ms, opacity 250ms linear 0ms;
    -moz-transition: -moz-transform 1000ms cubic-bezier(0.7, 0, 0.3, 1) 0ms, opacity 250ms linear 0ms;
    transition: transform 1000ms cubic-bezier(0.7, 0, 0.3, 1) 0ms, opacity 250ms linear 0ms; }
    @media (min-width: 767px) {
      .page-home section.hello .hello-scrolldown {
        bottom: 90px; } }
    .page-home section.hello .hello-scrolldown > * {
      display: inline-block;
      vertical-align: middle; }
    .page-home section.hello .hello-scrolldown > .txt {
      font-weight: 700;
      font-size: 1rem;
      margin-left: 10px;
      color: white; }
      .page-home section.hello .hello-scrolldown > .txt span {
        display: inline-block;
        -webkit-transition: -webkit-transform 400ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
        -moz-transition: -moz-transform 400ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
        transition: transform 400ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
        -webkit-transform: translateX(5px);
        -moz-transform: translateX(5px);
        -ms-transform: translateX(5px);
        -o-transform: translateX(5px);
        transform: translateX(5px); }
    .page-home section.hello .hello-scrolldown .arrow {
      -webkit-animation: bounce 800ms cubic-bezier(0.7, 0, 0.3, 1) infinite alternate;
      -moz-animation: bounce 800ms cubic-bezier(0.7, 0, 0.3, 1) infinite alternate;
      animation: bounce 800ms cubic-bezier(0.7, 0, 0.3, 1) infinite alternate; }
      .page-home section.hello .hello-scrolldown .arrow svg path {
        fill: white; }
  .page-home section.hello h1 {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    white-space: nowrap;
    margin-bottom: 0px !important; }
    @media (min-width: 992px) {
      .page-home section.hello h1 {
        margin-top: 0px; } }
    @media (min-width: 1200px) {
      .page-home section.hello h1 {
        font-size: 16rem; } }
    @media (min-width: 1600px) {
      .page-home section.hello h1 {
        font-size: 22rem; } }
    @media (max-width: 991px) {
      .page-home section.hello h1 .dot {
        color: white; } }
    .page-home section.hello h1 svg {
      width: 200px;
      height: 160px; }
      @media (min-width: 767px) {
        .page-home section.hello h1 svg {
          width: 350px;
          height: 280px; } }
      @media (min-width: 1600px) {
        .page-home section.hello h1 svg {
          width: 430px;
          height: 340px; } }
      .page-home section.hello h1 svg .line {
        fill: none;
        stroke: #1c1b20;
        stroke-width: 41px; }
      .page-home section.hello h1 svg .dot {
        fill: #ff5851; }
.page-home section.preambule {
  position: relative;
  z-index: 1 !important; }
  @media (min-width: 767px) {
    .page-home section.preambule {
      position: fixed;
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -moz-box-align: center;
      box-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -o-align-items: center;
      align-items: center;
      -ms-flex-align: center;
      background: #ff5851;
      width: 100%;
      height: 100vh; } }
  .page-home section.preambule .block-title {
    -webkit-transition: -webkit-transform 1000ms cubic-bezier(0.7, 0, 0.3, 1) 0ms, opacity 500ms linear 450ms;
    -moz-transition: -moz-transform 1000ms cubic-bezier(0.7, 0, 0.3, 1) 0ms, opacity 500ms linear 450ms;
    transition: transform 1000ms cubic-bezier(0.7, 0, 0.3, 1) 0ms, opacity 500ms linear 450ms; }
  @media (max-width: 766px) {
    .page-home section.preambule .padding {
      padding-top: 0px !important; } }
  .page-home section.preambule p {
    font-size: 1.8rem;
    line-height: 1.2;
    color: white;
    font-family: "Gilroy", sans-serif;
    font-weight: 700;
    max-width: 200px;
    -webkit-transition: -webkit-transform 1000ms cubic-bezier(0.7, 0, 0.3, 1) 150ms, opacity 500ms linear 600ms;
    -moz-transition: -moz-transform 1000ms cubic-bezier(0.7, 0, 0.3, 1) 150ms, opacity 500ms linear 600ms;
    transition: transform 1000ms cubic-bezier(0.7, 0, 0.3, 1) 150ms, opacity 500ms linear 600ms; }
    @media (min-width: 767px) {
      .page-home section.preambule p {
        max-width: 55%;
        font-size: 2.4rem; } }
    @media (min-width: 992px) {
      .page-home section.preambule p {
        max-width: 500px; } }
    @media (min-width: 1600px) {
      .page-home section.preambule p {
        font-size: 3.2rem;
        max-width: 700px; } }
    .page-home section.preambule p br {
      display: none; }
      @media (min-width: 767px) {
        .page-home section.preambule p br {
          display: block; } }
    .page-home section.preambule p div {
      overflow: hidden; }
      .page-home section.preambule p div span {
        display: inline-block; }
    .page-home section.preambule p strong {
      display: inline;
      color: #1c1b20;
      font-weight: 700; }
.page-home .video-container {
  background: #f8f8f8;
  -webkit-transform: translate3D(0, 0, 0);
  -moz-transform: translate3D(0, 0, 0);
  -ms-transform: translate3D(0, 0, 0);
  -o-transform: translate3D(0, 0, 0);
  transform: translate3D(0, 0, 0); }
  @media (min-width: 767px) {
    .page-home .video-container {
      margin-top: 200vh; } }
  .page-home .video-container img {
    display: block; }
    @media (max-width: 766px) {
      .page-home .video-container img {
        -webkit-transform: translateY(0%) !important;
        -moz-transform: translateY(0%) !important;
        -ms-transform: translateY(0%) !important;
        -o-transform: translateY(0%) !important;
        transform: translateY(0%) !important; } }
.page-home section.vision {
  background: #f8f8f8; }
  .page-home section.vision h2 {
    color: #ff5851;
    margin-bottom: 40px; }
    .page-home section.vision h2 .waves svg > * {
       }
    @media (min-width: 767px) {
      .page-home section.vision h2 {
        margin-bottom: 60px; } }
    @media (min-width: 1200px) {
      .page-home section.vision h2 {
        margin-bottom: 100px; } }
  @media (min-width: 992px) {
    .page-home section.vision .block-content {
      float: left;
      width: 45%;
      padding-right: 80px; } }
  @media (min-width: 1200px) {
    .page-home section.vision .block-content {
      width: 50%;
      padding-right: 12%; } }
  .page-home section.vision .block-content p.intro {
    max-width: 275px; }
    @media (min-width: 1200px) {
      .page-home section.vision .block-content p.intro {
        max-width: 100%; } }
  .page-home section.vision .skills-container {
    padding: 60px 40px;
    background: #1c1b20;
    color: white;
    margin-top: 60px;
    margin-right: -40px;
    margin-left: -40px;
    position: relative; }
    @media (max-width: 766px) {
      .page-home section.vision .skills-container {
        -webkit-transform: translate(0px, 0px) !important;
        -moz-transform: translate(0px, 0px) !important;
        -ms-transform: translate(0px, 0px) !important;
        -o-transform: translate(0px, 0px) !important;
        transform: translate(0px, 0px) !important; } }
    @media (min-width: 480px) {
      .page-home section.vision .skills-container {
        padding: 60px 15vw;
        margin-right: -15vw;
        margin-left: -15vw; } }
    @media (min-width: 767px) {
      .page-home section.vision .skills-container {
        margin-top: 60px; } }
    @media (min-width: 992px) {
      .page-home section.vision .skills-container {
        margin-left: 45%;
        padding: 60px; } }
    @media (min-width: 1200px) {
      .page-home section.vision .skills-container {
        margin-left: 50%;
        padding: 82.5px;
        margin-right: -165px; } }
    .page-home section.vision .skills-container .row > *:nth-child(n+2) {
      margin-top: 40px; }
      @media (min-width: 480px) {
        .page-home section.vision .skills-container .row > *:nth-child(n+2) {
          margin-top: 0px; } }
    @media (min-width: 480px) {
      .page-home section.vision .skills-container .row > *:nth-child(n+3) {
        margin-top: 50px; } }
    .page-home section.vision .skills-container h3 {
      margin-bottom: 20px;
      font-size: 1.6rem; }
      @media (min-width: 1600px) {
        .page-home section.vision .skills-container h3 {
          font-size: 2rem;
          margin-bottom: 30px; } }
      .page-home section.vision .skills-container h3 .waves svg {
        width: 20px;
        height: 4px;
        margin-bottom: 12px; }
        @media (min-width: 1600px) {
          .page-home section.vision .skills-container h3 .waves svg {
            width: 25px;
            height: 5px; } }
        .page-home section.vision .skills-container h3 .waves svg > * {
          fill: none;
          stroke: white;
          stroke-width: 3px; }
    .page-home section.vision .skills-container p {
      color: #4c4a57;
      font-size: 1.2rem; }
      @media (min-width: 767px) {
        .page-home section.vision .skills-container p {
          font-size: 1.6rem; } }
    .page-home section.vision .skills-container.animated:after {
      content: '';
      display: block;
      position: absolute;
      top: -10px;
      left: 0px;
      width: 100%;
      bottom: -10px;
      background: #f8f8f8;
      -webkit-transform: translate3D(0px, 0px, 0px);
      -moz-transform: translate3D(0px, 0px, 0px);
      -ms-transform: translate3D(0px, 0px, 0px);
      -o-transform: translate3D(0px, 0px, 0px);
      transform: translate3D(0px, 0px, 0px); }
    .page-home section.vision .skills-container.animated .skills {
      -webkit-transform: translateX(-40px);
      -moz-transform: translateX(-40px);
      -ms-transform: translateX(-40px);
      -o-transform: translateX(-40px);
      transform: translateX(-40px); }
    .page-home section.vision .skills-container.animated.visible:after {
      width: 0%;
      -webkit-transition: width 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
      -moz-transition: width 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
      transition: width 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0ms; }
    .page-home section.vision .skills-container.animated.visible .skills {
      -webkit-transform: translateX(0%);
      -moz-transform: translateX(0%);
      -ms-transform: translateX(0%);
      -o-transform: translateX(0%);
      transform: translateX(0%);
      -webkit-transition: -webkit-transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
      -moz-transition: -moz-transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
      transition: transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0ms; }
.page-home section.creativity {
  background: #f8f8f8; }
  .page-home section.creativity .padding {
    padding-top: 0px; }
    @media (min-width: 767px) {
      .page-home section.creativity .padding {
        padding-right: 0;
        padding-left: 0px; } }
  .page-home section.creativity h2 {
    margin-bottom: 40px; }
    @media (min-width: 767px) {
      .page-home section.creativity h2 {
        margin-bottom: 60px;
        margin-left: 15vw; } }
    @media (min-width: 1200px) {
      .page-home section.creativity h2 {
        margin-left: 10%;
        margin-bottom: 80px; } }
    @media (min-width: 1600px) {
      .page-home section.creativity h2 {
        margin-bottom: 120px;
        margin-left: 12%; } }
    .page-home section.creativity h2 .dot {
      color: #1c1b20; }
  @media (max-width: 766px) {
    .page-home section.creativity .block-content {
      -webkit-transform: translate(0px, 0px) !important;
      -moz-transform: translate(0px, 0px) !important;
      -ms-transform: translate(0px, 0px) !important;
      -o-transform: translate(0px, 0px) !important;
      transform: translate(0px, 0px) !important; } }
  @media (min-width: 767px) {
    .page-home section.creativity .block-content {
      max-width: 36%;
      position: absolute;
      left: 50%; } }
  @media (min-width: 1600px) {
    .page-home section.creativity .block-content {
      max-width: 36%; } }
  .page-home section.creativity .block-content p {
    margin-top: 0px;
    margin-bottom: 40px; }
    @media (min-width: 767px) {
      .page-home section.creativity .block-content p {
        margin-bottom: 50px; } }
    @media (min-width: 767px) {
      .page-home section.creativity .block-content p.intro {
        position: absolute;
        top: 0px;
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%);
        margin-top: -60px; } }
    @media (min-width: 1200px) {
      .page-home section.creativity .block-content p.intro {
        margin-top: -80px; } }
    @media (min-width: 1600px) {
      .page-home section.creativity .block-content p.intro {
        margin-top: -120px;
        max-width: 350px; } }
  .page-home section.creativity .block-content .link {
    margin-top: 0px; }
  .page-home section.creativity .project-container {
    margin-top: 60px; }
    @media (min-width: 767px) {
      .page-home section.creativity .project-container {
        width: 50%;
        padding-right: 60px; } }
    @media (min-width: 1200px) {
      .page-home section.creativity .project-container {
        padding-right: 5%; } }
    .page-home section.creativity .project-container .project-infos {
      text-align: right;
      padding-top: 25px; }
      .page-home section.creativity .project-container .project-infos .project-name {
        font-weight: 900;
        font-size: 1.1rem; }
      .page-home section.creativity .project-container .project-infos .project-cat, .page-home section.creativity .project-container .project-infos .project-year {
        font-family: "Libre Baskerville", serif;
        font-style: italic;
        font-size: 1.1rem;
        color: #babcc1; }
      .page-home section.creativity .project-container .project-infos .project-year:before {
        content: '-';
        margin: 0 5px; }
      .page-home section.creativity .project-container .project-infos .link {
        margin-top: 10px; }
        @media (min-width: 1600px) {
          .page-home section.creativity .project-container .project-infos .link {
            margin-top: 20px; } }
    .page-home section.creativity .project-container .project-visual {
      display: block;
      overflow: hidden;
      
      margin-left: -40px;
      margin-right: -40px;
      position: relative;
      background: #97ccf1; }
      .page-home section.creativity .project-container .project-visual img {
        float: right; }
      @media (min-width: 480px) {
        .page-home section.creativity .project-container .project-visual {
          margin-left: 0px;
          margin-right: 0px; } }
      @media (min-width: 1200px) {
        .page-home section.creativity .project-container .project-visual {
          } }
      @media (min-width: 1600px) {
        .page-home section.creativity .project-container .project-visual {
          } }
    .page-home section.creativity .project-container.animated .project-visual:after {
      content: '';
      display: block;
      position: absolute;
      top: -10px;
      left: -1px;
      right: -1px;
      bottom: -10px;
      background: #f8f8f8; }
    .page-home section.creativity .project-container.animated .project-infos {
      opacity: 0;
      -webkit-transform: translateX(-40px);
      -moz-transform: translateX(-40px);
      -ms-transform: translateX(-40px);
      -o-transform: translateX(-40px);
      transform: translateX(-40px); }
    .page-home section.creativity .project-container.animated.visible .project-visual:after {
      -webkit-transform: translateX(102%);
      -moz-transform: translateX(102%);
      -ms-transform: translateX(102%);
      -o-transform: translateX(102%);
      transform: translateX(102%);
      -webkit-transition: -webkit-transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 50ms;
      -moz-transition: -moz-transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 50ms;
      transition: transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 50ms; }
    .page-home section.creativity .project-container.animated.visible .project-infos {
      opacity: 1;
      -webkit-transform: translateX(0%);
      -moz-transform: translateX(0%);
      -ms-transform: translateX(0%);
      -o-transform: translateX(0%);
      transform: translateX(0%);
      -webkit-transition: -webkit-transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0ms, opacity 250ms linear 150ms;
      -moz-transition: -moz-transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0ms, opacity 250ms linear 150ms;
      transition: transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0ms, opacity 250ms linear 150ms; }
.page-home section.ideas {
  background: #f8f8f8; }
  .page-home section.ideas .padding {
    padding-top: 0px; }
    @media (min-width: 767px) {
      .page-home section.ideas .padding {
        padding-right: 0px;
        padding-left: 0px; } }
  .page-home section.ideas h2 {
    position: relative;
    z-index: 10;
    color: #414a6b !important; }
    @media (min-width: 767px) {
      .page-home section.ideas h2 {
        margin-left: 15vw; } }
    @media (min-width: 1200px) {
      .page-home section.ideas h2 {
        margin-left: 20%; } }
    @media (min-width: 1600px) {
      .page-home section.ideas h2 {
        margin-left: 22%; } }
    .page-home section.ideas h2 .waves svg > * {
      stroke: #414a6b; }
    .page-home section.ideas h2 .dot {
      color: #414a6b !important; }
  .page-home section.ideas .link {
    margin-top: 20px; }
    .page-home section.ideas .link:before {
      background: #414a6b; }
  .page-home section.ideas .visuel-container {
    position: relative;
    z-index: 0;
    overflow: hidden;
    margin-top: -20px;
    margin-left: -40px;
    margin-right: -40px; }
    @media (min-width: 480px) {
      .page-home section.ideas .visuel-container {
        margin-right: -10vw;
        margin-left: -10vw; } }
    @media (min-width: 767px) {
      .page-home section.ideas .visuel-container {
        margin-top: -30px;
        margin-left: 0px;
        margin-right: 0px;
        height: 260px; } }
    @media (min-width: 1200px) {
      .page-home section.ideas .visuel-container {
        height: 330px;
        margin-top: -40px; } }
    @media (min-width: 1600px) {
      .page-home section.ideas .visuel-container {
        height: 420px;
        margin-top: -50px; } }
    @media (max-width: 766px) {
      .page-home section.ideas .visuel-container img {
        -webkit-transform: translateY(0%) !important;
        -moz-transform: translateY(0%) !important;
        -ms-transform: translateY(0%) !important;
        -o-transform: translateY(0%) !important;
        transform: translateY(0%) !important; } }
    .page-home section.ideas .visuel-container.animated {
      -webkit-transform: translateY(25%);
      -moz-transform: translateY(25%);
      -ms-transform: translateY(25%);
      -o-transform: translateY(25%);
      transform: translateY(25%); }
      .page-home section.ideas .visuel-container.animated:after {
        content: '';
        display: block;
        position: absolute;
        top: -1px;
        left: 0;
        bottom: -1px;
        width: 100%;
        background: #f8f8f8; }
      .page-home section.ideas .visuel-container.animated.visible {
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%);
        -webkit-transition: -webkit-transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
        -moz-transition: -moz-transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
        transition: transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0ms; }
        .page-home section.ideas .visuel-container.animated.visible:after {
          -webkit-transform: translateY(102%);
          -moz-transform: translateY(102%);
          -ms-transform: translateY(102%);
          -o-transform: translateY(102%);
          transform: translateY(102%);
          -webkit-transition: -webkit-transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
          -moz-transition: -moz-transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
          transition: transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0ms; }
  .page-home section.ideas .block-content {
    padding: 40px 0px 0px; }
    @media (min-width: 767px) {
      .page-home section.ideas .block-content {
        padding: 60px 15vw 0px; } }
    @media (min-width: 1200px) {
      .page-home section.ideas .block-content {
        padding: 80px 165px 0vh 20%; } }
    @media (min-width: 1600px) {
      .page-home section.ideas .block-content {
        padding: 120px 165px 0vh 22%; } }
    @media (min-width: 992px) {
      .page-home section.ideas .block-content .inner {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-content: center;
        -moz-align-content: center;
        align-content: center;
        -ms-flex-line-pack: center;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -o-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: justify;
        margin-left: -30px;
        margin-right: -30px; } }
    @media (min-width: 1200px) {
      .page-home section.ideas .block-content .inner {
        margin-left: -50px;
        margin-right: -50px; } }
    .page-home section.ideas .block-content .inner .dot {
      color: #414a6b; }
    @media (min-width: 992px) {
      .page-home section.ideas .block-content .inner p.intro {
        max-width: 100%; } }
    .page-home section.ideas .block-content .inner > * {
      margin-bottom: 20px; }
      @media (min-width: 992px) {
        .page-home section.ideas .block-content .inner > * {
          width: 33.333%;
          margin: 0px;
          padding: 0 30px; } }
      @media (min-width: 1200px) {
        .page-home section.ideas .block-content .inner > * {
          padding: 0 50px; } }

.page-contact.loading .page {
  -webkit-transform: translateX(-100vw);
  -moz-transform: translateX(-100vw);
  -ms-transform: translateX(-100vw);
  -o-transform: translateX(-100vw);
  transform: translateX(-100vw); }
.page-contact .loader {
  -webkit-transform: translateX(100vw);
  -moz-transform: translateX(100vw);
  -ms-transform: translateX(100vw);
  -o-transform: translateX(100vw);
  transform: translateX(100vw); }
  .page-contact .loader .color {
    background: #ddedea !important; }
.page-contact .menuColor {
  background: #ddedea; }
.page-contact .page-color {
  background: #ddedea;
  right: 0;
  left: 66.666%; }
.page-contact .link:before {
  background: #89c2b7; }
.page-contact .dot {
  color: #89c2b7; }
.page-contact section.intro .padding {
  padding-top: 30vh; }
.page-contact section.intro h1 {
  margin-bottom: 30px; }
  @media (min-width: 767px) {
    .page-contact section.intro h1 {
      font-size: 6rem; } }
  @media (min-width: 1200px) {
    .page-contact section.intro h1 {
      font-size: 7.5rem; } }
  @media (min-width: 1600px) {
    .page-contact section.intro h1 {
      font-size: 10rem; } }
.page-contact section.intro p.intro {
  line-height: 1.1;
  margin-left: 50%; }
  @media (min-width: 767px) {
    .page-contact section.intro p.intro {
      font-size: 2.2rem;
      margin-bottom: 20px; } }
  @media (min-width: 1200px) {
    .page-contact section.intro p.intro {
      font-size: 2.6rem;
      margin-bottom: 30px; } }
  @media (min-width: 1600px) {
    .page-contact section.intro p.intro {
      font-size: 3.2rem; } }
.page-contact .phone, .page-contact address {
  display: block;
  font-size: 1.4rem;
  font-family: "Montserrat", sans-serif;
  font-weight: 300; }
  @media (min-width: 1600px) {
    .page-contact .phone, .page-contact address {
      font-size: 2rem; } }
  .page-contact .phone.phone, .page-contact address.phone {
    margin-bottom: 20px; }
.page-contact address {
  position: relative;
  display: inline-block; }
  .page-contact address:after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #1c1b20; }
    @media (min-width: 992px) {
      .page-contact address:after {
        content: '';
        display: block; } }
.page-contact div[class^="block-"] {
  margin-top: 50px; }
  .page-contact div[class^="block-"] h3 {
    font-size: 1.6rem;
    margin-bottom: 10px; }
    @media (min-width: 1600px) {
      .page-contact div[class^="block-"] h3 {
        font-size: 2rem; } }
  .page-contact div[class^="block-"] p {
    font-size: 1rem; }
.page-contact .block-contact p {
  max-width: 250px; }
.page-contact .block-apply p {
  max-width: 400px; }
.page-contact .map-container {
  width: 33.333%;
  position: absolute;
  top: 0;
  right: 0;
  height: 110vh;
  z-index: 1;
  opacity: 0.8;
  -webkit-transition: opacity 1200ms linear 800ms;
  -moz-transition: opacity 1200ms linear 800ms;
  transition: opacity 1200ms linear 800ms; }
  .page-contact .map-container #map {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
.page-contact.loading .map-container {
  opacity: 0;
  -webkit-transition: opacity 200ms linear 0ms;
  -moz-transition: opacity 200ms linear 0ms;
  transition: opacity 200ms linear 0ms; }

.page-ideas.loading .page {
  -webkit-transform: translateY(-100vh);
  -moz-transform: translateY(-100vh);
  -ms-transform: translateY(-100vh);
  -o-transform: translateY(-100vh);
  transform: translateY(-100vh); }
.page-ideas .loader {
  -webkit-transform: translateY(100vh);
  -moz-transform: translateY(100vh);
  -ms-transform: translateY(100vh);
  -o-transform: translateY(100vh);
  transform: translateY(100vh); }
  @media (min-width: 767px) {
    .page-ideas .loader {
      -webkit-transform: translateY(calc(100vh - 40px));
      -moz-transform: translateY(calc(100vh - 40px));
      -ms-transform: translateY(calc(100vh - 40px));
      -o-transform: translateY(calc(100vh - 40px));
      transform: translateY(calc(100vh - 40px)); } }
  .page-ideas .loader .color {
    background: #414a6b !important; }
.page-ideas .menuColor {
  background: #414a6b; }
.page-ideas .page-color {
  background: #414a6b;
  top: 50vh;
  bottom: 0px; }
.page-ideas .link:before {
  opacity: 0.9;
  background: #414a6b; }
.page-ideas .dot {
  color: #414a6b; }
.page-ideas h2 {
  text-transform: none;
  line-height: 1; }
  .page-ideas h2 .waves svg {
    width: 50px;
    height: 10px;
    margin: 0 auto 20px; }
    @media (min-width: 1600px) {
      .page-ideas h2 .waves svg {
        width: 70px;
        height: 15px;
        margin: 0 auto 30px; } }
    .page-ideas h2 .waves svg > * {
      fill: none;
      stroke: #1c1b20;
      stroke-width: 5px; }
  .page-ideas h2 i {
    font-family: "Libre Baskerville", serif;
    font-weight: 300; }
  .page-ideas h2 div {
    overflow: hidden; }
    .page-ideas h2 div span {
      display: inline-block; }
.page-ideas section.intro {
  position: relative; }
  @media (min-width: 480px) and (max-width: 991px) {
    .page-ideas section.intro h1 {
      top: 64vh; } }
  @media (min-width: 992px) {
    .page-ideas section.intro h1 {
      margin-top: -60px; } }
  .page-ideas section.intro h1 .dot {
    color: #1c1b20; }
  .page-ideas section.intro .padding {
    height: auto; }
    @media (min-width: 480px) and (max-width: 991px) {
      .page-ideas section.intro .padding {
        padding-top: 64vh; } }
    @media (min-width: 992px) {
      .page-ideas section.intro .padding {
        padding-right: calc(45% + 60px);
        padding-bottom: 100px; } }
    .page-ideas section.intro .padding p {
      color: white; }
      @media (min-width: 767px) {
        .page-ideas section.intro .padding p.intro {
          font-size: 2.6rem; } }
      @media (min-width: 992px) {
        .page-ideas section.intro .padding p.intro {
          margin-top: 130px;
          margin-bottom: 60px; } }
      @media (min-width: 1600px) {
        .page-ideas section.intro .padding p.intro {
          font-size: 3.6rem; } }
      .page-ideas section.intro .padding p div {
        overflow: hidden; }
        .page-ideas section.intro .padding p div span {
          display: inline-block; }
    .page-ideas section.intro .padding .hashtag {
      display: inline-block;
      margin-top: 30px;
      font-size: 2rem;
      font-family: "Libre Baskerville", serif;
      font-style: italic;
      color: white; }
  .page-ideas section.intro .page-visuel {
    position: relative;
    overflow: hidden;
    z-index: 10;
    height: 30vh; }
    @media (min-width: 992px) {
      .page-ideas section.intro .page-visuel {
        position: absolute;
        bottom: 0;
        right: 0;
        height: auto;
        top: 50vh;
        width: 45%;
        overflow: hidden; } }
    .page-ideas section.intro .page-visuel:after {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #414a6b; }
    .page-ideas section.intro .page-visuel .image {
      position: absolute;
      top: 0;
      right: 0;
      width: 100%;
      height: 100%;
      background-image: url("../image/visuel_intro-mobile.jpg");
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat; }
      @media (min-width: 767px) {
        .page-ideas section.intro .page-visuel .image {
          background-image: url("../image/visuel_intro.jpg"); } }
      @media (min-width: 1600px) {
        .page-ideas section.intro .page-visuel .image {
          background-image: url("../image/visuel_intro_large.jpg"); } }
  .page-ideas section.intro.animated .page-visuel img {
    -webkit-transform: translateX(20%);
    -moz-transform: translateX(20%);
    -ms-transform: translateX(20%);
    -o-transform: translateX(20%);
    transform: translateX(20%); }
  .page-ideas section.intro.animated.visible .page-visuel:after {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform 1000ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
    -moz-transition: -moz-transform 1000ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
    transition: transform 1000ms cubic-bezier(0.7, 0, 0.3, 1) 0ms; }
  .page-ideas section.intro.animated.visible .page-visuel .image {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transition: -webkit-transform 1000ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
    -moz-transition: -moz-transform 1000ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
    transition: transform 1000ms cubic-bezier(0.7, 0, 0.3, 1) 0ms; }
.page-ideas section.kowin {
  background: #1c1b20; }
  .page-ideas section.kowin .padding {
    padding-right: 40px;
    text-align: center; }
    @media (min-width: 480px) {
      .page-ideas section.kowin .padding {
        padding-right: 10vw; } }
    @media (min-width: 767px) {
      .page-ideas section.kowin .padding {
        padding-right: 20vw; } }
    @media (min-width: 992px) {
      .page-ideas section.kowin .padding {
        padding-right: 15vw; } }
    @media (min-width: 1200px) {
      .page-ideas section.kowin .padding {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -o-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: justify;
        -webkit-box-lines: single;
        -moz-box-lines: single;
        box-lines: single;
        -webkit-flex-wrap: nowrap;
        -moz-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        text-align: left; } }
    @media (min-width: 1600px) {
      .page-ideas section.kowin .padding {
        padding-right: 20%; } }
  .page-ideas section.kowin .logo {
    width: 150px;
    margin-bottom: 40px;
    margin: 0px auto 40px; }
    @media (min-width: 1200px) {
      .page-ideas section.kowin .logo {
        min-width: 150px;
        margin: 0px; } }
  .page-ideas section.kowin .logo-explain {
    width: 100%;
    margin: 0px auto 40px; }
    @media (min-width: 767px) {
      .page-ideas section.kowin .logo-explain {
        width: 250px; } }
    @media (min-width: 1200px) {
      .page-ideas section.kowin .logo-explain {
        margin-bottom: 0px;
        min-width: 300px;
        margin: 0 100px; } }
  .page-ideas section.kowin .content {
    color: white; }
    @media (max-width: 991px) {
      .page-ideas section.kowin .content {
        width: 100%; } }
    .page-ideas section.kowin .content h3 {
      font-size: 2.4rem; }
      @media (min-width: 1200px) {
        .page-ideas section.kowin .content h3 {
          margin-bottom: 60px; } }
      .page-ideas section.kowin .content h3 i {
        font-family: "Libre Baskerville", serif;
        font-weight: 300; }
    .page-ideas section.kowin .content p {
      color: white; }
.page-ideas section.presentation .padding {
  padding-right: 40px; }
  @media (min-width: 480px) {
    .page-ideas section.presentation .padding {
      padding-right: 10vw; } }
  @media (min-width: 767px) {
    .page-ideas section.presentation .padding {
      padding-right: 20vw; } }
  @media (min-width: 992px) {
    .page-ideas section.presentation .padding {
      padding-right: 15vw; } }
  @media (min-width: 1600px) {
    .page-ideas section.presentation .padding {
      padding-right: 20%; } }
.page-ideas section.presentation h2 {
  margin-bottom: 60px;
  line-height: 1.2; }
  @media (min-width: 992px) {
    .page-ideas section.presentation h2 {
      float: right;
      margin-bottom: 100px; } }
  @media (min-width: 1200px) {
    .page-ideas section.presentation h2 {
      font-size: 5rem; } }
  .page-ideas section.presentation h2 i {
    display: inline; }
.page-ideas section.presentation .row {
  clear: both;
  margin: 0px; }
  @media (min-width: 992px) {
    .page-ideas section.presentation .row {
      margin-left: -40px;
      margin-right: -40px; } }
  @media (min-width: 1200px) {
    .page-ideas section.presentation .row {
      margin-left: -50px;
      margin-right: -50px; } }
  .page-ideas section.presentation .row > * {
    padding-right: 0px;
    padding-left: 0px; }
    @media (min-width: 992px) {
      .page-ideas section.presentation .row > * {
        padding: 0 40px; } }
    @media (min-width: 1200px) {
      .page-ideas section.presentation .row > * {
        padding: 0 50px; } }
    .page-ideas section.presentation .row > * + * {
      margin-top: 40px; }
      @media (min-width: 992px) {
        .page-ideas section.presentation .row > * + * {
          margin-top: 0px; } }
.page-ideas section.presentation .num {
  display: block;
  width: 45px;
  height: 45px;
  line-height: 45px;
  border: 1px solid #1c1b20;
  text-align: center;
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
  border-bottom-left-radius: 40px;
  border-bottom-right-radius: 40px;
  margin-bottom: 20px; }
  @media (min-width: 992px) {
    .page-ideas section.presentation .num {
      margin-bottom: 30px; } }
.page-ideas section.presentation h3 {
  font-size: 2.1rem;
  margin-bottom: 20px; }
  @media (min-width: 992px) {
    .page-ideas section.presentation h3 {
      margin-bottom: 30px; } }
.page-ideas section.presentation p {
  line-height: 1.6; }
  .page-ideas section.presentation p a {
    color: #414a6b; }
.page-ideas .visuel-full {
  max-height: 100vh;
  overflow: hidden;
  background: #ebebeb; }
@media (min-width: 767px) {
  .page-ideas section.refs {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    height: 50vh; } }
@media (min-width: 992px) {
  .page-ideas section.refs {
    height: 80vh; } }
.page-ideas section.refs .padding {
  text-align: center;
  padding: 10vh 40px; }
.page-ideas section.refs .list-refs {
  text-align: center;
  padding: 0px;
  margin: 0px;
  list-style: none;
  margin-top: 60px; }
  .page-ideas section.refs .list-refs li {
    display: inline-block;
    background: #1c1b20;
    margin: 0px 8px 10px; }
    .page-ideas section.refs .list-refs li a {
      display: block;
      width: 100px; }
      @media (min-width: 992px) {
        .page-ideas section.refs .list-refs li a {
          width: 145px; } }
      @media (min-width: 1600px) {
        .page-ideas section.refs .list-refs li a {
          width: 200px; } }
.page-ideas section.contact-ideas {
  background: #414a6b;
  position: relative; }
  @media (min-width: 767px) {
    .page-ideas section.contact-ideas .padding {
      padding-left: 42%; } }
  @media (min-width: 992px) {
    .page-ideas section.contact-ideas .padding {
      padding-left: 30%; } }
  .page-ideas section.contact-ideas .visuel {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover; }
    @media (min-width: 767px) {
      .page-ideas section.contact-ideas .visuel {
        display: block;
        width: 30%;
        background-image: url("../image/visuel_contact.jpg"); } }
    @media (min-width: 992px) {
      .page-ideas section.contact-ideas .visuel {
        width: 20%; } }
    @media (min-width: 1600px) {
      .page-ideas section.contact-ideas .visuel {
        background-image: url("../image/visuel_contact_large.jpg"); } }
  .page-ideas section.contact-ideas h2 {
    color: white;
    margin-bottom: 20px; }
    @media (min-width: 1200px) {
      .page-ideas section.contact-ideas h2 {
        font-size: 4.4rem; } }
  .page-ideas section.contact-ideas p {
    color: white;
    margin-bottom: 40px;
    max-width: 600px; }
    @media (min-width: 767px) {
      .page-ideas section.contact-ideas p {
        margin-bottom: 60px; } }
    .page-ideas section.contact-ideas p div {
      overflow: hidden; }
      .page-ideas section.contact-ideas p div span {
        display: inline-block; }
    .page-ideas section.contact-ideas p.intro {
      font-family: "Libre Baskerville", serif;
      font-weight: 300; }
      @media (min-width: 1200px) {
        .page-ideas section.contact-ideas p.intro {
          font-size: 2.4rem; } }
    .page-ideas section.contact-ideas p + a {
      margin-top: 0px;
      background: #1c1b20; }
      .page-ideas section.contact-ideas p + a .txt {
        color: white; }
      .page-ideas section.contact-ideas p + a .icon svg > * {
        fill: white; }
  .page-ideas section.contact-ideas.animated .visuel {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  .page-ideas section.contact-ideas.animated.visible .visuel {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transition: -webkit-transform 1000ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
    -moz-transition: -moz-transform 1000ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
    transition: transform 1000ms cubic-bezier(0.7, 0, 0.3, 1) 0ms; }

.page-careers.loading .page {
  -webkit-transform: translateY(-100vh);
  -moz-transform: translateY(-100vh);
  -ms-transform: translateY(-100vh);
  -o-transform: translateY(-100vh);
  transform: translateY(-100vh); }
.page-careers .loader {
  -webkit-transform: translateY(100vh);
  -moz-transform: translateY(100vh);
  -ms-transform: translateY(100vh);
  -o-transform: translateY(100vh);
  transform: translateY(100vh); }
  @media (min-width: 767px) {
    .page-careers .loader {
      -webkit-transform: translateY(calc(100vh - 40px));
      -moz-transform: translateY(calc(100vh - 40px));
      -ms-transform: translateY(calc(100vh - 40px));
      -o-transform: translateY(calc(100vh - 40px));
      transform: translateY(calc(100vh - 40px)); } }
  .page-careers .loader .color {
    background: #b49a85 !important; }
.page-careers .menuColor {
  background: #b49a85; }
.page-careers .page-color {
  background: #b49a85;
  top: 50vh;
  bottom: 0px; }
.page-careers .link:before {
  opacity: 0.9;
  background: #b49a85; }
.page-careers.loadPopup .app {
  -webkit-transform: translateY(-25%);
  -moz-transform: translateY(-25%);
  -ms-transform: translateY(-25%);
  -o-transform: translateY(-25%);
  transform: translateY(-25%); }
.page-careers h2 {
  font-size: 3.2rem;
  text-transform: none;
  line-height: 1.1;
  margin-bottom: 40px; }
  @media (min-width: 992px) {
    .page-careers h2 {
      margin-bottom: 0px; } }
  @media (min-width: 1200px) {
    .page-careers h2 {
      font-size: 4.2rem; } }
  @media (min-width: 1600px) {
    .page-careers h2 {
      font-size: 5rem; } }
  .page-careers h2 .i {
    display: inline-block;
    font-family: "Libre Baskerville", serif;
    font-style: italic;
    font-weight: 300;
    letter-spacing: -2px;
    padding-top: 5px; }
  .page-careers h2 .msk {
    margin-top: -2px;
    padding-top: 0px;
    padding-bottom: 10px; }
.page-careers .animated h2 .msk span {
  -webkit-transform: translateY(150%);
  -moz-transform: translateY(150%);
  -ms-transform: translateY(150%);
  -o-transform: translateY(150%);
  transform: translateY(150%); }
.page-careers .animated.visible .msk:nth-child(1) span {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
  -webkit-transition: -webkit-transform 500ms cubic-bezier(0.7, 0, 0.3, 1) 0.05s;
  -moz-transition: -moz-transform 500ms cubic-bezier(0.7, 0, 0.3, 1) 0.05s;
  transition: transform 500ms cubic-bezier(0.7, 0, 0.3, 1) 0.05s; }
.page-careers .animated.visible .msk:nth-child(2) span {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
  -webkit-transition: -webkit-transform 500ms cubic-bezier(0.7, 0, 0.3, 1) 0.1s;
  -moz-transition: -moz-transform 500ms cubic-bezier(0.7, 0, 0.3, 1) 0.1s;
  transition: transform 500ms cubic-bezier(0.7, 0, 0.3, 1) 0.1s; }
.page-careers .animated.visible .msk:nth-child(3) span {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
  -webkit-transition: -webkit-transform 500ms cubic-bezier(0.7, 0, 0.3, 1) 0.15s;
  -moz-transition: -moz-transform 500ms cubic-bezier(0.7, 0, 0.3, 1) 0.15s;
  transition: transform 500ms cubic-bezier(0.7, 0, 0.3, 1) 0.15s; }
.page-careers .animated.visible .msk:nth-child(4) span {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
  -webkit-transition: -webkit-transform 500ms cubic-bezier(0.7, 0, 0.3, 1) 0.2s;
  -moz-transition: -moz-transform 500ms cubic-bezier(0.7, 0, 0.3, 1) 0.2s;
  transition: transform 500ms cubic-bezier(0.7, 0, 0.3, 1) 0.2s; }
.page-careers .animated.visible .msk:nth-child(5) span {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
  -webkit-transition: -webkit-transform 500ms cubic-bezier(0.7, 0, 0.3, 1) 0.25s;
  -moz-transition: -moz-transform 500ms cubic-bezier(0.7, 0, 0.3, 1) 0.25s;
  transition: transform 500ms cubic-bezier(0.7, 0, 0.3, 1) 0.25s; }
.page-careers .animated.visible .msk:nth-child(6) span {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
  -webkit-transition: -webkit-transform 500ms cubic-bezier(0.7, 0, 0.3, 1) 0.3s;
  -moz-transition: -moz-transform 500ms cubic-bezier(0.7, 0, 0.3, 1) 0.3s;
  transition: transform 500ms cubic-bezier(0.7, 0, 0.3, 1) 0.3s; }
.page-careers .animated.visible .msk:nth-child(7) span {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
  -webkit-transition: -webkit-transform 500ms cubic-bezier(0.7, 0, 0.3, 1) 0.35s;
  -moz-transition: -moz-transform 500ms cubic-bezier(0.7, 0, 0.3, 1) 0.35s;
  transition: transform 500ms cubic-bezier(0.7, 0, 0.3, 1) 0.35s; }
.page-careers .animated.visible .msk:nth-child(8) span {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
  -webkit-transition: -webkit-transform 500ms cubic-bezier(0.7, 0, 0.3, 1) 0.4s;
  -moz-transition: -moz-transform 500ms cubic-bezier(0.7, 0, 0.3, 1) 0.4s;
  transition: transform 500ms cubic-bezier(0.7, 0, 0.3, 1) 0.4s; }
.page-careers .animated.visible .msk:nth-child(9) span {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
  -webkit-transition: -webkit-transform 500ms cubic-bezier(0.7, 0, 0.3, 1) 0.45s;
  -moz-transition: -moz-transform 500ms cubic-bezier(0.7, 0, 0.3, 1) 0.45s;
  transition: transform 500ms cubic-bezier(0.7, 0, 0.3, 1) 0.45s; }
.page-careers .animated.visible .msk:nth-child(10) span {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
  -webkit-transition: -webkit-transform 500ms cubic-bezier(0.7, 0, 0.3, 1) 0.5s;
  -moz-transition: -moz-transform 500ms cubic-bezier(0.7, 0, 0.3, 1) 0.5s;
  transition: transform 500ms cubic-bezier(0.7, 0, 0.3, 1) 0.5s; }
.page-careers section.intro {
  position: relative; }
  @media (min-width: 992px) {
    .page-careers section.intro {
      height: 100vh; } }
  @media (min-width: 480px) and (max-width: 991px) {
    .page-careers section.intro h1 {
      top: 64vh; } }
  @media (min-width: 992px) {
    .page-careers section.intro h1 {
      margin-top: -30px; } }
  .page-careers section.intro .padding p {
    color: white; }
    @media (max-width: 766px) {
      .page-careers section.intro .padding p {
        font-size: 1.4rem; } }
    @media (min-width: 767px) and (max-width: 991px) {
      .page-careers section.intro .padding p {
        margin-top: 0px;
        font-size: 2rem; } }
    @media (min-width: 992px) {
      .page-careers section.intro .padding p {
        margin-top: 120px;
        max-width: 35%; } }
    @media (min-width: 1600px) {
      .page-careers section.intro .padding p {
        margin-top: 150px; } }
  .page-careers section.intro .page-visuel {
    position: relative;
    overflow: hidden;
    z-index: 10;
    height: 300px; }
    @media (min-width: 992px) {
      .page-careers section.intro .page-visuel {
        position: absolute;
        bottom: 0;
        right: 0;
        height: 50vh;
        width: 50%;
        overflow: hidden; } }
    .page-careers section.intro .page-visuel:after {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #b49a85; }
    .page-careers section.intro .page-visuel .image {
      position: absolute;
      top: 0;
      right: 0;
      width: 100%;
      height: 100%;
      background-image: url("../image/wkn-recrutement-web-mobile.jpg");
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat; }
      @media (min-width: 767px) {
        .page-careers section.intro .page-visuel .image {
          background-image: url("../image/wkn-recrutement-web.jpg"); } }
      @media (min-width: 1600px) {
        .page-careers section.intro .page-visuel .image {
          background-image: url("../image/wkn-recrutement-web-large.jpg"); } }
  .page-careers section.intro.animated p {
    opacity: 0;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px); }
  .page-careers section.intro.animated .page-visuel img {
    -webkit-transform: translateX(20%);
    -moz-transform: translateX(20%);
    -ms-transform: translateX(20%);
    -o-transform: translateX(20%);
    transform: translateX(20%); }
  .page-careers section.intro.animated.visible p {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
    -webkit-transition: -webkit-transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0ms, opacity 250ms linear 400ms;
    -moz-transition: -moz-transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0ms, opacity 250ms linear 400ms;
    transition: transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0ms, opacity 250ms linear 400ms; }
  .page-careers section.intro.animated.visible .page-visuel:after {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform 1000ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
    -moz-transition: -moz-transform 1000ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
    transition: transform 1000ms cubic-bezier(0.7, 0, 0.3, 1) 0ms; }
  .page-careers section.intro.animated.visible .page-visuel .image {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transition: -webkit-transform 1000ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
    -moz-transition: -moz-transform 1000ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
    transition: transform 1000ms cubic-bezier(0.7, 0, 0.3, 1) 0ms; }
@media (min-width: 1200px) {
  .page-careers section[class^='join-'] .padding {
    padding-right: 16%; } }
@media (min-width: 1600px) {
  .page-careers section[class^='join-'] .padding {
    padding-right: 22%; } }
.page-careers section[class^='join-'] .block-content {
  margin-bottom: 40px; }
  @media (min-width: 767px) {
    .page-careers section[class^='join-'] .block-content {
      margin-bottom: 80px; } }
  @media (min-width: 992px) {
    .page-careers section[class^='join-'] .block-content {
      margin-top: -40px;
      margin-left: 50%; } }
  @media (min-width: 1600px) {
    .page-careers section[class^='join-'] .block-content {
      margin-bottom: 110px; } }
.page-careers section[class^='join-'].join-team {
  background: #1c1b20;
  color: white; }
.page-careers section[class^='join-'].animated .block-content p {
  opacity: 0;
  -webkit-transform: translateY(50px);
  -moz-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -o-transform: translateY(50px);
  transform: translateY(50px); }
.page-careers section[class^='join-'].animated .list-title .txt {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%); }
  .page-careers section[class^='join-'].animated .list-title .txt:after {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
.page-careers section[class^='join-'].animated .list-item {
  opacity: 0;
  -webkit-transform: translateY(150px);
  -moz-transform: translateY(150px);
  -ms-transform: translateY(150px);
  -o-transform: translateY(150px);
  transform: translateY(150px); }
  .page-careers section[class^='join-'].animated .list-item .icon.arrow {
    opacity: 0;
    -webkit-transform: translate(-150px, -50%);
    -moz-transform: translate(-150px, -50%);
    -ms-transform: translate(-150px, -50%);
    -o-transform: translate(-150px, -50%);
    transform: translate(-150px, -50%); }
.page-careers section[class^='join-'].animated.visible .block-content p {
  opacity: 1;
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
  -webkit-transition: -webkit-transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0ms, opacity 250ms linear 400ms;
  -moz-transition: -moz-transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0ms, opacity 250ms linear 400ms;
  transition: transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0ms, opacity 250ms linear 400ms; }
.page-careers section[class^='join-'].animated.visible .list-title .txt {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
  -webkit-transition: -webkit-transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
  -moz-transition: -moz-transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
  transition: transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0ms; }
  .page-careers section[class^='join-'].animated.visible .list-title .txt:after {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transition: -webkit-transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 150ms;
    -moz-transition: -moz-transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 150ms;
    transition: transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 150ms; }
.page-careers section[class^='join-'].animated.visible .list-item {
  opacity: 1;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px); }
  .page-careers section[class^='join-'].animated.visible .list-item:nth-child(1) {
    -webkit-transition: -webkit-transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0.05s, opacity 0.25s linear 0.85s;
    -moz-transition: -moz-transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0.05s, opacity 0.25s linear 0.85s;
    transition: transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0.05s, opacity 0.25s linear 0.85s; }
    .page-careers section[class^='join-'].animated.visible .list-item:nth-child(1) .icon.arrow {
      -webkit-transition: -webkit-transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0.25s, opacity 250ms linear 1.05s, background 500ms cubic-bezier(1, 0, 0, 1) 0ms;
      -moz-transition: -moz-transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0.25s, opacity 250ms linear 1.05s, background 500ms cubic-bezier(1, 0, 0, 1) 0ms;
      transition: transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0.25s, opacity 250ms linear 1.05s, background 500ms cubic-bezier(1, 0, 0, 1) 0ms; }
  .page-careers section[class^='join-'].animated.visible .list-item:nth-child(2) {
    -webkit-transition: -webkit-transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0.1s, opacity 0.25s linear 0.9s;
    -moz-transition: -moz-transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0.1s, opacity 0.25s linear 0.9s;
    transition: transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0.1s, opacity 0.25s linear 0.9s; }
    .page-careers section[class^='join-'].animated.visible .list-item:nth-child(2) .icon.arrow {
      -webkit-transition: -webkit-transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0.3s, opacity 250ms linear 1.1s, background 500ms cubic-bezier(1, 0, 0, 1) 0ms;
      -moz-transition: -moz-transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0.3s, opacity 250ms linear 1.1s, background 500ms cubic-bezier(1, 0, 0, 1) 0ms;
      transition: transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0.3s, opacity 250ms linear 1.1s, background 500ms cubic-bezier(1, 0, 0, 1) 0ms; }
  .page-careers section[class^='join-'].animated.visible .list-item:nth-child(3) {
    -webkit-transition: -webkit-transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0.15s, opacity 0.25s linear 0.95s;
    -moz-transition: -moz-transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0.15s, opacity 0.25s linear 0.95s;
    transition: transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0.15s, opacity 0.25s linear 0.95s; }
    .page-careers section[class^='join-'].animated.visible .list-item:nth-child(3) .icon.arrow {
      -webkit-transition: -webkit-transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0.35s, opacity 250ms linear 1.15s, background 500ms cubic-bezier(1, 0, 0, 1) 0ms;
      -moz-transition: -moz-transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0.35s, opacity 250ms linear 1.15s, background 500ms cubic-bezier(1, 0, 0, 1) 0ms;
      transition: transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0.35s, opacity 250ms linear 1.15s, background 500ms cubic-bezier(1, 0, 0, 1) 0ms; }
  .page-careers section[class^='join-'].animated.visible .list-item:nth-child(4) {
    -webkit-transition: -webkit-transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0.2s, opacity 0.25s linear 1s;
    -moz-transition: -moz-transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0.2s, opacity 0.25s linear 1s;
    transition: transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0.2s, opacity 0.25s linear 1s; }
    .page-careers section[class^='join-'].animated.visible .list-item:nth-child(4) .icon.arrow {
      -webkit-transition: -webkit-transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0.4s, opacity 250ms linear 1.2s, background 500ms cubic-bezier(1, 0, 0, 1) 0ms;
      -moz-transition: -moz-transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0.4s, opacity 250ms linear 1.2s, background 500ms cubic-bezier(1, 0, 0, 1) 0ms;
      transition: transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0.4s, opacity 250ms linear 1.2s, background 500ms cubic-bezier(1, 0, 0, 1) 0ms; }
  .page-careers section[class^='join-'].animated.visible .list-item:nth-child(5) {
    -webkit-transition: -webkit-transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0.25s, opacity 0.25s linear 1.05s;
    -moz-transition: -moz-transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0.25s, opacity 0.25s linear 1.05s;
    transition: transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0.25s, opacity 0.25s linear 1.05s; }
    .page-careers section[class^='join-'].animated.visible .list-item:nth-child(5) .icon.arrow {
      -webkit-transition: -webkit-transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0.45s, opacity 250ms linear 1.25s, background 500ms cubic-bezier(1, 0, 0, 1) 0ms;
      -moz-transition: -moz-transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0.45s, opacity 250ms linear 1.25s, background 500ms cubic-bezier(1, 0, 0, 1) 0ms;
      transition: transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0.45s, opacity 250ms linear 1.25s, background 500ms cubic-bezier(1, 0, 0, 1) 0ms; }
  .page-careers section[class^='join-'].animated.visible .list-item:nth-child(6) {
    -webkit-transition: -webkit-transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0.3s, opacity 0.25s linear 1.1s;
    -moz-transition: -moz-transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0.3s, opacity 0.25s linear 1.1s;
    transition: transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0.3s, opacity 0.25s linear 1.1s; }
    .page-careers section[class^='join-'].animated.visible .list-item:nth-child(6) .icon.arrow {
      -webkit-transition: -webkit-transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0.5s, opacity 250ms linear 1.3s, background 500ms cubic-bezier(1, 0, 0, 1) 0ms;
      -moz-transition: -moz-transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0.5s, opacity 250ms linear 1.3s, background 500ms cubic-bezier(1, 0, 0, 1) 0ms;
      transition: transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0.5s, opacity 250ms linear 1.3s, background 500ms cubic-bezier(1, 0, 0, 1) 0ms; }
  .page-careers section[class^='join-'].animated.visible .list-item:nth-child(7) {
    -webkit-transition: -webkit-transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0.35s, opacity 0.25s linear 1.15s;
    -moz-transition: -moz-transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0.35s, opacity 0.25s linear 1.15s;
    transition: transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0.35s, opacity 0.25s linear 1.15s; }
    .page-careers section[class^='join-'].animated.visible .list-item:nth-child(7) .icon.arrow {
      -webkit-transition: -webkit-transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0.55s, opacity 250ms linear 1.35s, background 500ms cubic-bezier(1, 0, 0, 1) 0ms;
      -moz-transition: -moz-transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0.55s, opacity 250ms linear 1.35s, background 500ms cubic-bezier(1, 0, 0, 1) 0ms;
      transition: transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0.55s, opacity 250ms linear 1.35s, background 500ms cubic-bezier(1, 0, 0, 1) 0ms; }
  .page-careers section[class^='join-'].animated.visible .list-item:nth-child(8) {
    -webkit-transition: -webkit-transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0.4s, opacity 0.25s linear 1.2s;
    -moz-transition: -moz-transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0.4s, opacity 0.25s linear 1.2s;
    transition: transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0.4s, opacity 0.25s linear 1.2s; }
    .page-careers section[class^='join-'].animated.visible .list-item:nth-child(8) .icon.arrow {
      -webkit-transition: -webkit-transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0.6s, opacity 250ms linear 1.4s, background 500ms cubic-bezier(1, 0, 0, 1) 0ms;
      -moz-transition: -moz-transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0.6s, opacity 250ms linear 1.4s, background 500ms cubic-bezier(1, 0, 0, 1) 0ms;
      transition: transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0.6s, opacity 250ms linear 1.4s, background 500ms cubic-bezier(1, 0, 0, 1) 0ms; }
  .page-careers section[class^='join-'].animated.visible .list-item:nth-child(9) {
    -webkit-transition: -webkit-transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0.45s, opacity 0.25s linear 1.25s;
    -moz-transition: -moz-transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0.45s, opacity 0.25s linear 1.25s;
    transition: transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0.45s, opacity 0.25s linear 1.25s; }
    .page-careers section[class^='join-'].animated.visible .list-item:nth-child(9) .icon.arrow {
      -webkit-transition: -webkit-transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0.65s, opacity 250ms linear 1.45s, background 500ms cubic-bezier(1, 0, 0, 1) 0ms;
      -moz-transition: -moz-transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0.65s, opacity 250ms linear 1.45s, background 500ms cubic-bezier(1, 0, 0, 1) 0ms;
      transition: transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0.65s, opacity 250ms linear 1.45s, background 500ms cubic-bezier(1, 0, 0, 1) 0ms; }
  .page-careers section[class^='join-'].animated.visible .list-item:nth-child(10) {
    -webkit-transition: -webkit-transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0.5s, opacity 0.25s linear 1.3s;
    -moz-transition: -moz-transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0.5s, opacity 0.25s linear 1.3s;
    transition: transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0.5s, opacity 0.25s linear 1.3s; }
    .page-careers section[class^='join-'].animated.visible .list-item:nth-child(10) .icon.arrow {
      -webkit-transition: -webkit-transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0.7s, opacity 250ms linear 1.5s, background 500ms cubic-bezier(1, 0, 0, 1) 0ms;
      -moz-transition: -moz-transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0.7s, opacity 250ms linear 1.5s, background 500ms cubic-bezier(1, 0, 0, 1) 0ms;
      transition: transform 1200ms cubic-bezier(0.7, 0, 0.3, 1) 0.7s, opacity 250ms linear 1.5s, background 500ms cubic-bezier(1, 0, 0, 1) 0ms; }
  .page-careers section[class^='join-'].animated.visible .list-item .icon.arrow {
    opacity: 1;
    -webkit-transform: translate(0px, -50%);
    -moz-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    -o-transform: translate(0px, -50%);
    transform: translate(0px, -50%); }

.page-404.loading .page {
  -webkit-transform: translateX(-100vw);
  -moz-transform: translateX(-100vw);
  -ms-transform: translateX(-100vw);
  -o-transform: translateX(-100vw);
  transform: translateX(-100vw); }
.page-404 .loader {
  -webkit-transform: translateX(100vw);
  -moz-transform: translateX(100vw);
  -ms-transform: translateX(100vw);
  -o-transform: translateX(100vw);
  transform: translateX(100vw); }
  .page-404 .loader .color {
    background: #f2f2f2 !important; }
.page-404 .menuColor {
  background: #f2f2f2; }
.page-404 .page-color {
  background: #f2f2f2;
  right: 0;
  left: 50%; }
.page-404 .dot {
  color: #d8d8d8; }
.page-404 .link:before {
  background: #d8d8d8; }
.page-404 h1 {
  margin-bottom: 40px; }
  @media (min-width: 992px) {
    .page-404 h1 {
      font-size: 6rem; } }
  @media (min-width: 1200px) {
    .page-404 h1 {
      font-size: 8rem; } }
  @media (min-width: 1600px) {
    .page-404 h1 {
      font-size: 10rem; } }
  .page-404 h1 .num {
    color: #d8d8d8; }
.page-404 .padding {
  padding-top: 38vh;
  padding-right: 20%; }
  @media (min-width: 1600px) {
    .page-404 .padding {
      padding-right: 22%; } }
  @media (min-width: 992px) {
    .page-404 .padding .page-content {
      margin-left: 50%;
      padding-left: 120px; } }
  .page-404 .padding .page-content p:not(.intro) {
    margin-bottom: 0px; }

.page-projects .loader {
  -webkit-transform: translateY(100vh);
  -moz-transform: translateY(100vh);
  -ms-transform: translateY(100vh);
  -o-transform: translateY(100vh);
  transform: translateY(100vh); }
  .page-projects .loader .color {
    background: #1c1b20; }
.page-projects .menuColor {
  background: #1c1b20; }
.page-projects .dot {
  color: #1c1b20; }
.page-projects .link:before {
  background: #d8d8d8; }
.page-projects .page-container > main > .intro {
  position: relative;
  z-index: 10; }
  @media (max-width: 766px) {
    .page-projects .page-container > main > .intro h1 {
      margin-bottom: 90px; } }
  @media (min-width: 767px) and (max-width: 991px) {
    .page-projects .page-container > main > .intro h1 {
      top: 70vh; } }
  @media (min-width: 992px) {
    .page-projects .page-container > main > .intro h1 {
      left: 15vw;
      margin-top: 0px;
      margin-top: -20px;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      margin: 0px;
      padding-bottom: 0px; } }
  @media (min-width: 1200px) {
    .page-projects .page-container > main > .intro h1 {
      left: 20%; } }
  .page-projects .page-container > main > .intro .padding {
    padding-right: 40px;
    padding-bottom: 10vh; }
    @media (min-width: 767px) and (max-width: 991px) {
      .page-projects .page-container > main > .intro .padding {
        padding-top: calc(80vh); } }
    @media (min-width: 992px) {
      .page-projects .page-container > main > .intro .padding {
        padding-left: 50%; } }
    .page-projects .page-container > main > .intro .padding .page-content {
      color: #1c1b20; }
      @media (min-width: 992px) {
        .page-projects .page-container > main > .intro .padding .page-content {
          margin-left: 80px; } }
      @media (min-width: 1200px) {
        .page-projects .page-container > main > .intro .padding .page-content {
          margin-left: 110px; } }
      @media (min-width: 1600px) {
        .page-projects .page-container > main > .intro .padding .page-content {
          margin-left: 150px; } }
      .page-projects .page-container > main > .intro .padding .page-content p.intro {
        line-height: 1.2;
        font-size: 2.6rem;
        margin-bottom: 30px;
        font-weight: 900; }
        @media (min-width: 767px) {
          .page-projects .page-container > main > .intro .padding .page-content p.intro {
            font-size: 3.6rem; } }
        @media (min-width: 992px) {
          .page-projects .page-container > main > .intro .padding .page-content p.intro {
            font-size: 2.6rem; } }
        @media (min-width: 1200px) {
          .page-projects .page-container > main > .intro .padding .page-content p.intro {
            font-size: 3.6rem; } }
        @media (min-width: 1600px) {
          .page-projects .page-container > main > .intro .padding .page-content p.intro {
            font-size: 4.2rem;
            line-height: 1.4; } }
        .page-projects .page-container > main > .intro .padding .page-content p.intro div {
          overflow: hidden; }
          .page-projects .page-container > main > .intro .padding .page-content p.intro div span {
            display: inline-block; }
        .page-projects .page-container > main > .intro .padding .page-content p.intro i {
          display: inline-block;
          font-family: "Libre Baskerville", serif;
          font-style: italic;
          font-weight: 300; }
      .page-projects .page-container > main > .intro .padding .page-content p:not(.intro) {
        max-width: 320px; }
.page-projects .list-projects {
  margin: 0px;
  list-style: none;
  position: relative;
  z-index: 20;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  -webkit-transition: -webkit-transform 600ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
  -moz-transition: -moz-transform 600ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
  transition: transform 600ms cubic-bezier(0.7, 0, 0.3, 1) 0ms; }
  .page-projects .list-projects:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    height: 50%;
    background: #1c1b20;
    left: 0;
    width: 100%; }
  @media (min-width: 767px) {
    .page-projects .list-projects {
      padding: 0 40px; } }
  @media (min-width: 992px) {
    .page-projects .list-projects {
      margin-top: -15vh; } }
  @media (min-width: 1600px) {
    .page-projects .list-projects {
      padding: 0 50px; } }
  .page-projects .list-projects li {
    width: 100%; }

    .page-projects .list-projects li.list_n0 .project-color{background-color: #ff5851;}
    .page-projects .list-projects li.list_n0 .project-type{color: #a82727;}
    .page-projects .list-projects li.list_n0 .project-name{color: #FFB32A;}
    .page-projects .list-projects li.list_n0 .project-intro{color:#140404;}

    .page-projects .list-projects li.list_n1 .project-color{background-color: #23496e;}
    .page-projects .list-projects li.list_n1 .project-type{color: #ffffff;}
    .page-projects .list-projects li.list_n1 .project-name{color: #FFB32A;}
    .page-projects .list-projects li.list_n1 .project-intro{color: #ffffff;}

    .page-projects .list-projects li.list_n2 .project-color{background-color: #e9a12a;}
    .page-projects .list-projects li.list_n2 .project-type{color: #ffffff;}
    .page-projects .list-projects li.list_n2 .project-name{color: #101420;}
    .page-projects .list-projects li.list_n2 .project-intro{color: #ffffff;}

    .page-projects .list-projects li.list_n3 .project-color{background-color: #221715;}
    .page-projects .list-projects li.list_n3 .project-type{color: #c49e01;}
    .page-projects .list-projects li.list_n3 .project-name{color: #ffffff;}
    .page-projects .list-projects li.list_n3 .project-intro{color: #ffffff;}

    .page-projects .list-projects li.list_n4 .project-color{background-color: #020000;}
    .page-projects .list-projects li.list_n4 .project-type{color: #655694;}
    .page-projects .list-projects li.list_n4 .project-name{color: #ffffff;}
    .page-projects .list-projects li.list_n4 .project-intro{color: #ffffff;}

    .page-projects .list-projects li.list_n5 .project-color{background-color: #221e39;}
    .page-projects .list-projects li.list_n5 .project-type{color: #ffffff;}
    .page-projects .list-projects li.list_n5 .project-name{color: #FFB32A;}
    .page-projects .list-projects li.list_n5 .project-intro{color: #ffffff;}

    .page-projects .list-projects li.list_n6 .project-color{background-color: #232577;}
    .page-projects .list-projects li.list_n6 .project-type{color: #434598;}
    .page-projects .list-projects li.list_n6 .project-name{color: #ffffff;}
    .page-projects .list-projects li.list_n6 .project-intro{color: #ffffff;}

    .page-projects .list-projects li.list_n7 .project-color{background-color: #f1d661;}
    .page-projects .list-projects li.list_n7 .project-type{color: #ccaf34;}
    .page-projects .list-projects li.list_n7 .project-name{color: #393b62;}
    .page-projects .list-projects li.list_n7 .project-intro{color: #ffffff;}

    .page-projects .list-projects li.list_n8 .project-color{background-color: #1d74ba;}
    .page-projects .list-projects li.list_n8 .project-type{color: #193e5b;}
    .page-projects .list-projects li.list_n8 .project-name{color: #ffffff;}
    .page-projects .list-projects li.list_n8 .project-intro{color: #001c32;}

    @media (min-width: 767px) {
      .page-projects .list-projects li {
        width: 50%; } }
    @media (min-width: 992px) {
      .page-projects .list-projects li {
        width: 33.333%; } }
.page-projects .project-item a {
  display: block;
  position: relative;
  overflow: hidden;
  color: white;
  text-decoration: none; }
  .page-projects .project-item a:before {
    content: '';
    display: block;
    padding-bottom: 75%; }
  .page-projects .project-item a:not(:hover) .project-name, .page-projects .project-item a:not(:hover) .project-intro, .page-projects .project-item a:not(:hover) .project-type {
    color: white !important; }
  .page-projects .project-item a .inner {
    position: absolute;
    bottom: 40px;
    left: 40px;
    right: 40px;
    z-index: 3;
    -webkit-transition: -webkit-transform 600ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
    -moz-transition: -moz-transform 600ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
    transition: transform 600ms cubic-bezier(0.7, 0, 0.3, 1) 0ms; }
    @media (min-width: 992px) {
      .page-projects .project-item a .inner {
        bottom: 3vw;
        left: 3vw;
        right: 3vw; } }
  .page-projects .project-item a .project-type {
    display: block;
    font-family: "Libre Baskerville", serif;
    font-size: 1.5rem;
    margin-bottom: 10px;
    -webkit-transition: color 400ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
    -moz-transition: color 400ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
    transition: color 400ms cubic-bezier(0.7, 0, 0.3, 1) 0ms; }
  .page-projects .project-item a .project-name, .page-projects .project-item a .project-intro {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1;
    font-family: "Gilroy", sans-serif;
    margin: 0px;
    
    -webkit-transition: color 400ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
    -moz-transition: color 400ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
    transition: color 400ms cubic-bezier(0.7, 0, 0.3, 1) 0ms; }
    @media (min-width: 1200px) {
      .page-projects .project-item a .project-name, .page-projects .project-item a .project-intro {
        font-size: 2rem; } }
  .page-projects .project-item a .project-name {
    margin-bottom: 3px; }
  .page-projects .project-item a .project-intro {
    position: absolute;
    left: 0;
    top: 100%;
    opacity: 0;
    -webkit-transform: translateY(30%);
    -moz-transform: translateY(30%);
    -ms-transform: translateY(30%);
    -o-transform: translateY(30%);
    transform: translateY(30%);
    -webkit-transition: color 400ms cubic-bezier(0.7, 0, 0.3, 1), -webkit-transform 400ms cubic-bezier(0.7, 0, 0.3, 1) 0ms, opacity 300ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
    -moz-transition: color 400ms cubic-bezier(0.7, 0, 0.3, 1), -moz-transform 400ms cubic-bezier(0.7, 0, 0.3, 1) 0ms, opacity 300ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
    transition: color 400ms cubic-bezier(0.7, 0, 0.3, 1), transform 400ms cubic-bezier(0.7, 0, 0.3, 1) 0ms, opacity 300ms cubic-bezier(0.7, 0, 0.3, 1) 0ms; }
  .page-projects .project-item a .project-color {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    -webkit-transform: translateY(120%) skewY(10deg);
    -moz-transform: translateY(120%) skewY(10deg);
    -ms-transform: translateY(120%) skewY(10deg);
    -o-transform: translateY(120%) skewY(10deg);
    transform: translateY(120%) skewY(10deg);
    -webkit-transition: -webkit-transform 400ms cubic-bezier(0.7, 0, 0.3, 1) 100ms;
    -moz-transition: -moz-transform 400ms cubic-bezier(0.7, 0, 0.3, 1) 100ms;
    transition: transform 400ms cubic-bezier(0.7, 0, 0.3, 1) 100ms; }
  .page-projects .project-item a .project-visuel {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0;
    -webkit-transition: -webkit-transform 400ms cubic-bezier(0.7, 0, 0.3, 1) 0ms, opacity 800ms cubic-bezier(0.7, 0, 0.3, 1);
    -moz-transition: -moz-transform 400ms cubic-bezier(0.7, 0, 0.3, 1) 0ms, opacity 800ms cubic-bezier(0.7, 0, 0.3, 1);
    transition: transform 400ms cubic-bezier(0.7, 0, 0.3, 1) 0ms, opacity 800ms cubic-bezier(0.7, 0, 0.3, 1); }
    .page-projects .project-item a .project-visuel.lazyloaded {
      opacity: 1; }
      .page-projects .project-item a .project-visuel.lazyloaded + .loader {
        display: none; }
  .page-projects .project-item a .loader {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    z-index: 0;
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) !important;
    -moz-transform: translate(-50%, -50%) !important;
    -ms-transform: translate(-50%, -50%) !important;
    -o-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important; }
  .page-projects .project-item a:hover .project-color {
    -webkit-transform: translateY(0%) skewY(0deg);
    -moz-transform: translateY(0%) skewY(0deg);
    -ms-transform: translateY(0%) skewY(0deg);
    -o-transform: translateY(0%) skewY(0deg);
    transform: translateY(0%) skewY(0deg);
    -webkit-transition: -webkit-transform 500ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
    -moz-transition: -moz-transform 500ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
    transition: transform 500ms cubic-bezier(0.7, 0, 0.3, 1) 0ms; }
  .page-projects .project-item a:hover .project-visuel {
    -webkit-transform: translateY(-10%);
    -moz-transform: translateY(-10%);
    -ms-transform: translateY(-10%);
    -o-transform: translateY(-10%);
    transform: translateY(-10%);
    -webkit-transition: -webkit-transform 500ms cubic-bezier(0.7, 0, 0.3, 1) 100ms;
    -moz-transition: -moz-transform 500ms cubic-bezier(0.7, 0, 0.3, 1) 100ms;
    transition: transform 500ms cubic-bezier(0.7, 0, 0.3, 1) 100ms; }
  .page-projects .project-item a:hover .project-intro {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
    -webkit-transition: -webkit-transform 500ms cubic-bezier(0.7, 0, 0.3, 1) 0ms, opacity 300ms cubic-bezier(0.7, 0, 0.3, 1) 100ms;
    -moz-transition: -moz-transform 500ms cubic-bezier(0.7, 0, 0.3, 1) 0ms, opacity 300ms cubic-bezier(0.7, 0, 0.3, 1) 100ms;
    transition: transform 500ms cubic-bezier(0.7, 0, 0.3, 1) 0ms, opacity 300ms cubic-bezier(0.7, 0, 0.3, 1) 100ms; }
.page-projects .clients {
  background: #1c1b20; }
  @media (min-width: 1200px) {
    .page-projects .clients .padding {
      padding-right: 20%; } }
  @media (min-width: 1600px) {
    .page-projects .clients .padding {
      padding-right: 22%; } }
  .page-projects .clients h2 {
    display: block;
    color: white;
    font-size: 3.6rem;
    line-height: 1.2;
    text-transform: none;
    margin-bottom: 40px; }
    .page-projects .clients h2.animated {
      -webkit-transition: -webkit-transform 800ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
      -moz-transition: -moz-transform 800ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
      transition: transform 800ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
      -webkit-transform: translateY(120px);
      -moz-transform: translateY(120px);
      -ms-transform: translateY(120px);
      -o-transform: translateY(120px);
      transform: translateY(120px); }
    .page-projects .clients h2.visible {
      -webkit-transform: translateY(0px);
      -moz-transform: translateY(0px);
      -ms-transform: translateY(0px);
      -o-transform: translateY(0px);
      transform: translateY(0px); }
    .page-projects .clients h2 i {
      display: block;
      font-family: "Libre Baskerville", serif;
      font-style: italic;
      font-weight: 300; }
.page-projects .list-clients {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding: 0px;
  margin: 0px;
  margin-left: -10px;
  margin-right: -10px; }
  .page-projects .list-clients.animated {
    -webkit-transition: -webkit-transform 800ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
    -moz-transition: -moz-transform 800ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
    transition: transform 800ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
    -webkit-transform: translateY(120px);
    -moz-transform: translateY(120px);
    -ms-transform: translateY(120px);
    -o-transform: translateY(120px);
    transform: translateY(120px); }
  .page-projects .list-clients.visible {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); }
  .page-projects .list-clients > * {
    width: 50%;
    padding: 0 10px;
    margin-bottom: 20px; }
    @media (min-width: 767px) {
      .page-projects .list-clients > * {
        width: 33.333%; } }
    @media (min-width: 1200px) {
      .page-projects .list-clients > * {
        width: 20%; } }
  .page-projects .list-clients a {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden; }
    .page-projects .list-clients a:before {
      content: "";
      height: 0px;
      display: block;
      padding-bottom: 100%;
      background: #28272e; }
    .page-projects .list-clients a img {
      position: absolute;
      display: block;
      width: 100%;
      top: 0;
      left: 0;
      height: auto; }

.showProject header.header .navbar-brand svg path {
  fill: white; }
.showProject header.header .scrolldown, .showProject header.header .scrolltop {
  color: white; }
  .showProject header.header .scrolldown .arrow svg path, .showProject header.header .scrolltop .arrow svg path {
    fill: white; }

.addedProject header.header .close-project {
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px); }

.single-project .loader {
  -webkit-transform: translateY(-100vh);
  -moz-transform: translateY(-100vh);
  -ms-transform: translateY(-100vh);
  -o-transform: translateY(-100vh);
  transform: translateY(-100vh); }
.single-project .popup {
  display: none; }
.single-project.loaded .close-project {
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px); }

.project {
  padding: 0px !important; }
  .project .container {
    padding: 0 40px;
    max-width: 1440px; }
    @media (min-width: 767px) {
      .project .container {
        width: 80%; } }
    @media (min-width: 992px) {
      .project .container {
        width: 75%; } }
  .project .project-intro {
    position: relative;
    padding-top: 25vh;
    padding-bottom: calc(15vh - 40px); }
    .project .project-intro .project-type {
      display: block;
      font-family: "Libre Baskerville", serif;
      font-size: 1.6rem;
      margin-bottom: 20px;
      overflow: hidden; }
      @media (min-width: 767px) {
        .project .project-intro .project-type {
          font-size: 2rem;
          margin-bottom: 40px; } }
      @media (min-width: 1200px) {
        .project .project-intro .project-type {
          font-size: 2.4rem; } }
      .project .project-intro .project-type span {
        display: inline-block; }
    .project .project-intro .project-name {
      display: block;
      font-size: 2.8rem;
      line-height: 1.1;
      font-weight: 900;
      margin-bottom: 0px;
      text-transform: none;
      font-family: "Gilroy", sans-serif;
      margin-bottom: 2px; }
      @media (min-width: 767px) {
        .project .project-intro .project-name {
          font-size: 4.2rem; } }
      @media (min-width: 1600px) {
        .project .project-intro .project-name {
          font-size: 5.2rem; } }
      .project .project-intro .project-name div {
        overflow: hidden; }
        .project .project-intro .project-name div span {
          display: inline-block; }
    .project .project-intro .project-baseline {
      font-size: 2.8rem;
      line-height: 1.1;
      font-weight: 900;
      font-family: "Gilroy", sans-serif;
      max-width: 80%;
      max-width: 650px;
      margin: 0px;
      text-transform: none; }
      @media (min-width: 767px) {
        .project .project-intro .project-baseline {
          font-size: 4.2rem; } }
      @media (min-width: 1600px) {
        .project .project-intro .project-baseline {
          font-size: 5.2rem; } }
      .project .project-intro .project-baseline div {
        overflow: hidden; }
        .project .project-intro .project-baseline div span {
          display: inline-block; }
    .project .project-intro .row {
      margin-top: 60px;
      margin-left: -40px;
      margin-right: -40px; }
      @media (min-width: 767px) {
        .project .project-intro .row {
          margin-top: 15vh; } }
      @media (min-width: 1200px) {
        .project .project-intro .row {
          margin-left: -60px;
          margin-right: -60px; } }
      .project .project-intro .row > * {
        padding: 0 40px;
        max-width: 100%;
        min-width: 100%;
        margin-bottom: 40px; }
        @media (min-width: 767px) {
          .project .project-intro .row > * {
            max-width: 50%;
            min-width: 50%; } }
        @media (min-width: 992px) {
          .project .project-intro .row > * {
            max-width: 33.333%;
            min-width: 33.333%; } }
        @media (min-width: 1200px) {
          .project .project-intro .row > * {
            padding: 0 60px; } }
    .project .project-intro .objectif .block-title, .project .project-intro .reponse .block-title, .project .project-intro .interventions .block-title {
      margin-bottom: 15px;
      text-transform: none; }
      @media (min-width: 767px) {
        .project .project-intro .objectif .block-title, .project .project-intro .reponse .block-title, .project .project-intro .interventions .block-title {
          margin-bottom: 30px; } }
    .project .project-intro .objectif p, .project .project-intro .reponse p, .project .project-intro .interventions p {
      font-size: 1.2rem;
      color: inherit; }
      @media (min-width: 767px) {
        .project .project-intro .objectif p, .project .project-intro .reponse p, .project .project-intro .interventions p {
          font-size: 1.2rem; } }
      @media (min-width: 1600px) {
        .project .project-intro .objectif p, .project .project-intro .reponse p, .project .project-intro .interventions p {
          font-size: 1.4rem; } }
    .project .project-intro .objectif ul, .project .project-intro .reponse ul, .project .project-intro .interventions ul {
      margin: 0px;
      padding: 0px;
      list-style: none; }
      .project .project-intro .objectif ul .list-item, .project .project-intro .reponse ul .list-item, .project .project-intro .interventions ul .list-item {
        position: relative;
        font-size: 1.2rem;
        color: inherit; }
        @media (min-width: 767px) {
          .project .project-intro .objectif ul .list-item, .project .project-intro .reponse ul .list-item, .project .project-intro .interventions ul .list-item {
            font-size: 1.2rem; } }
        @media (min-width: 1600px) {
          .project .project-intro .objectif ul .list-item, .project .project-intro .reponse ul .list-item, .project .project-intro .interventions ul .list-item {
            font-size: 1.4rem; } }
  .project .project-visuel {
    position: relative;
    overflow: hidden;
    background: #1c1b20; }
    .project .project-visuel:before {
      content: '';
      display: block;
      padding-top: 50vh; }
      @media (min-width: 767px) {
        .project .project-visuel:before {
          padding-top: 40%; } }
    .project .project-visuel .visuel-prllx {
      position: absolute;
      top: 0px;
      left: 0;
      right: 0;
      bottom: 0px; }
    .project .project-visuel .visuel {
      position: absolute;
      top: -80px;
      left: 0;
      right: 0;
      bottom: -80px;
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
      opacity: 0;
      -webkit-transition: opacity 800ms cubic-bezier(0.7, 0, 0.3, 1);
      -moz-transition: opacity 800ms cubic-bezier(0.7, 0, 0.3, 1);
      transition: opacity 800ms cubic-bezier(0.7, 0, 0.3, 1); }
      .project .project-visuel .visuel.lazyloaded {
        opacity: 1; }
    .project .project-visuel + .project-block.block--photo--text {
      padding-top: 0px; }
  .project .project-block {
    margin-top: 80px; }
    @media (min-width: 767px) {
      .project .project-block {
        margin-top: 15vh; } }
    .project .project-block.animated .block__visuel:after {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: #f8f8f8;
      visibility: visible;
      z-index: 10;
      -webkit-transition: all 800ms cubic-bezier(0.7, 0, 0.3, 1);
      -moz-transition: all 800ms cubic-bezier(0.7, 0, 0.3, 1);
      transition: all 800ms cubic-bezier(0.7, 0, 0.3, 1); }
    .project .project-block.animated.visible .block__visuel:after {
      visibility: hidden;
      -webkit-transform: translateX(100%);
      -moz-transform: translateX(100%);
      -ms-transform: translateX(100%);
      -o-transform: translateX(100%);
      transform: translateX(100%); }
    .project .project-block.animated.block--slider {
      position: relative; }
      .project .project-block.animated.block--slider:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #f8f8f8;
        pointer-events: none;
        visibility: visible;
        z-index: 10;
        -webkit-transition: all 800ms cubic-bezier(0.7, 0, 0.3, 1);
        -moz-transition: all 800ms cubic-bezier(0.7, 0, 0.3, 1);
        transition: all 800ms cubic-bezier(0.7, 0, 0.3, 1); }
      .project .project-block.animated.block--slider.visible:after {
        visibility: hidden;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%); }
    .project .project-block h3 {
      font-size: 2.6rem;
      line-height: 1.1;
      margin-bottom: 40px; }
      @media (min-width: 767px) {
        .project .project-block h3 {
          font-size: 3.2rem; } }
      @media (min-width: 1200px) {
        .project .project-block h3 {
          font-size: 4.2rem; } }
    .project .project-block p {
      color: #888888; }
      @media (min-width: 767px) {
        .project .project-block p {
          font-size: 1.4rem;
          line-height: 1.8; } }
    .project .project-block + .project-block {
      margin-top: 40px; }
      @media (min-width: 767px) {
        .project .project-block + .project-block {
          margin-top: 10vh; } }
    @media (max-width: 766px) {
      .project .project-block div[data-prllx] {
        -webkit-transform: translate(0, 0) !important;
        -moz-transform: translate(0, 0) !important;
        -ms-transform: translate(0, 0) !important;
        -o-transform: translate(0, 0) !important;
        transform: translate(0, 0) !important; } }
    .project .project-block .block__visuel {
      background: #1c1b20;
      margin: 0 auto;
      position: relative;
      overflow: hidden; }
      .project .project-block .block__visuel .visuel {
        overflow: hidden;
        position: relative;
        z-index: 2; }
        .project .project-block .block__visuel .visuel .placeholder {
          content: '';
          display: block; }
        .project .project-block .block__visuel .visuel img, .project .project-block .block__visuel .visuel video {
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%) scale(1.01);
          -moz-transform: translate(-50%, -50%) scale(1.01);
          -ms-transform: translate(-50%, -50%) scale(1.01);
          -o-transform: translate(-50%, -50%) scale(1.01);
          transform: translate(-50%, -50%) scale(1.01);
          width: 100%;
          max-width: 100%;
          height: auto; }
          .project .project-block .block__visuel .visuel img.lazyloading, .project .project-block .block__visuel .visuel img.lazyload, .project .project-block .block__visuel .visuel video.lazyloading, .project .project-block .block__visuel .visuel video.lazyload {
            opacity: 0; }
          .project .project-block .block__visuel .visuel img.lazyloaded, .project .project-block .block__visuel .visuel video.lazyloaded {
            -webkit-transition: opacity 800ms cubic-bezier(0.7, 0, 0.3, 1);
            -moz-transition: opacity 800ms cubic-bezier(0.7, 0, 0.3, 1);
            transition: opacity 800ms cubic-bezier(0.7, 0, 0.3, 1); }
      .project .project-block .block__visuel .plyr {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
        .project .project-block .block__visuel .plyr .plyr__video-wrapper {
          height: 100%; }
      .project .project-block .block__visuel .loader {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        height: 100%;
        z-index: 0;
        visibility: visible;
        opacity: 1;
        -webkit-transform: translate(-50%, -50%) !important;
        -moz-transform: translate(-50%, -50%) !important;
        -ms-transform: translate(-50%, -50%) !important;
        -o-transform: translate(-50%, -50%) !important;
        transform: translate(-50%, -50%) !important; }
    .project .project-block.block--photo--text {
      padding-top: 40px; }
      @media (min-width: 767px) {
        .project .project-block.block--photo--text {
          padding-top: 80px; } }
      .project .project-block.block--photo--text .block__content .inner {
        max-width: 400px; }
      .project .project-block.block--photo--text.large, .project .project-block.block--photo--text.fullwidth {
        display: block; }
        .project .project-block.block--photo--text.large .container, .project .project-block.block--photo--text.fullwidth .container {
          margin-bottom: 40px;
          max-width: 1440px; }
          @media (min-width: 767px) {
            .project .project-block.block--photo--text.large .container, .project .project-block.block--photo--text.fullwidth .container {
              margin-bottom: 10vh; } }
          @media (min-width: 992px) {
            .project .project-block.block--photo--text.large .container, .project .project-block.block--photo--text.fullwidth .container {
              display: flex;
              align-items: flex-start;
              justify-content: space-between; } }
          @media (min-width: 992px) {
            .project .project-block.block--photo--text.large .container > *, .project .project-block.block--photo--text.fullwidth .container > * {
              width: calc(50% - 60px); } }
          .project .project-block.block--photo--text.large .container .block__title, .project .project-block.block--photo--text.fullwidth .container .block__title {
            max-width: 350px; }
            @media (min-width: 992px) {
              .project .project-block.block--photo--text.large .container .block__title h3, .project .project-block.block--photo--text.fullwidth .container .block__title h3 {
                margin-bottom: 0px; } }
      .project .project-block.block--photo--text.large .block__visuel {
        width: calc(100% - 80px); }
        @media (min-width: 767px) {
          .project .project-block.block--photo--text.large .block__visuel {
            width: 87.5%;
            max-width: 1600px; } }
      .project .project-block.block--photo--text.fullwidth:not(.player) .block__visuel .visuel {
        margin: 0 auto;
        max-width: 1600px; }
      .project .project-block.block--photo--text.gauche {
        width: calc(100% - 80px);
        margin-left: auto;
        margin-right: auto; }
        @media (min-width: 767px) {
          .project .project-block.block--photo--text.gauche {
            width: 87.5%;
            max-width: 1600px; } }
        @media (min-width: 992px) {
          .project .project-block.block--photo--text.gauche {
            display: flex;
            align-items: center;
            justify-content: space-between; } }
        @media (min-width: 992px) {
          .project .project-block.block--photo--text.gauche > * {
            max-width: calc(50% - 30px);
            min-width: calc(50% - 30px); } }
        .project .project-block.block--photo--text.gauche .block__visuel {
          order: 1;
          margin: 0px auto; }
          @media (min-width: 767px) {
            .project .project-block.block--photo--text.gauche .block__visuel {
              margin: 0px; } }
        .project .project-block.block--photo--text.gauche .block__content {
          padding: 0px;
          margin-bottom: 40px; }
          @media (min-width: 767px) {
            .project .project-block.block--photo--text.gauche .block__content {
              width: 80%;
              margin: 0 auto 10vh; } }
          @media (min-width: 992px) {
            .project .project-block.block--photo--text.gauche .block__content {
              width: inherit;
              margin: inherit;
              padding: 0px;
              order: 2;
              padding-left: 60px;
              padding-right: calc(7.5% + 40px); } }
      .project .project-block.block--photo--text.droite {
        width: calc(100% - 80px);
        margin-left: auto;
        margin-right: auto; }
        @media (min-width: 767px) {
          .project .project-block.block--photo--text.droite {
            width: 87.5%;
            max-width: 1600px; } }
        @media (min-width: 992px) {
          .project .project-block.block--photo--text.droite {
            display: flex;
            align-items: center;
            justify-content: space-between; } }
        @media (min-width: 992px) {
          .project .project-block.block--photo--text.droite > * {
            max-width: calc(50% - 30px);
            min-width: calc(50% - 30px); } }
        .project .project-block.block--photo--text.droite .block__visuel {
          margin: 0px auto; }
          @media (min-width: 767px) {
            .project .project-block.block--photo--text.droite .block__visuel {
              margin: 0px; } }
        .project .project-block.block--photo--text.droite .block__content {
          padding: 0;
          margin-bottom: 40px; }
          @media (min-width: 767px) {
            .project .project-block.block--photo--text.droite .block__content {
              width: 80%;
              margin: 0 auto 10vh; } }
          @media (min-width: 992px) {
            .project .project-block.block--photo--text.droite .block__content {
              width: inherit;
              margin: inherit;
              padding: 0px;
              padding-left: calc(7.5% + 40px); } }
          @media (min-width: 1920px) {
            .project .project-block.block--photo--text.droite .block__content {
              padding-left: 100px; } }
    .project .project-block.block--photo {
      width: calc(100% - 80px);
      margin-left: auto;
      margin-right: auto; }
      @media (min-width: 767px) {
        .project .project-block.block--photo {
          width: 87.5%;
          max-width: 1600px; } }
      @media (min-width: 992px) {
        .project .project-block.block--photo {
          display: flex;
          align-items: center;
          justify-content: flex-start; } }
      @media (min-width: 992px) {
        .project .project-block.block--photo > .block__visuel {
          max-width: calc(50% - 30px);
          min-width: calc(50% - 30px);
          margin: 0px; } }
      .project .project-block.block--photo.droite {
        justify-content: flex-end; }
      .project .project-block.block--photo.double {
        justify-content: space-between; }
        .project .project-block.block--photo.double .block__visuel + .block__visuel {
          margin-top: 40px; }
          @media (min-width: 767px) {
            .project .project-block.block--photo.double .block__visuel + .block__visuel {
              margin-top: 10vh; } }
          @media (min-width: 992px) {
            .project .project-block.block--photo.double .block__visuel + .block__visuel {
              margin-top: 0px; } }
      .project .project-block.block--photo.large > .block__visuel {
        max-width: 100%;
        min-width: 100%; }
      .project .project-block.block--photo.fullwidth {
        width: 100%; }
        .project .project-block.block--photo.fullwidth > .block__visuel {
          max-width: 100%;
          min-width: 100%; }
    .project .project-block.block--slider {
      margin-bottom: 0px !important; }
      .project .project-block.block--slider > .container {
        margin-bottom: 40px; }
        @media (min-width: 767px) {
          .project .project-block.block--slider > .container {
            margin-bottom: 10vh; } }
        @media (min-width: 992px) {
          .project .project-block.block--slider > .container {
            display: flex;
            align-items: flex-start;
            justify-content: space-between; } }
        @media (min-width: 992px) {
          .project .project-block.block--slider > .container > * {
            width: calc(50% - 60px); } }
        .project .project-block.block--slider > .container .block__title {
          max-width: 350px; }
          @media (min-width: 992px) {
            .project .project-block.block--slider > .container .block__title h3 {
              margin-bottom: 0px; } }
      .project .project-block.block--slider .slider__container {
        background: #434343; }
        .project .project-block.block--slider .slider__container .swiper-container {
          overflow: visible;
          padding: 40px 0px; }
          @media (min-width: 767px) {
            .project .project-block.block--slider .slider__container .swiper-container {
              padding: 10vh 0px; } }
          @media (min-width: 992px) {
            .project .project-block.block--slider .slider__container .swiper-container {
              padding: 15vh 120px; } }
        .project .project-block.block--slider .slider__container .swiper-wrapper {
          -webkit-transition: -webkit-transform 800ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
          -moz-transition: -moz-transform 800ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
          transition: transform 800ms cubic-bezier(0.7, 0, 0.3, 1) 0ms; }
        .project .project-block.block--slider .slider__container .swiper-slide {
          opacity: 0.3;
          -webkit-transition: opacity 800ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
          -moz-transition: opacity 800ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
          transition: opacity 800ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
          z-index: 1;
          overflow: hidden;
          pointer-events: none;
          position: relative; }
          .project .project-block.block--slider .slider__container .swiper-slide:before {
            content: '';
            display: block;
            padding-bottom: 100%; }
          .project .project-block.block--slider .slider__container .swiper-slide img, .project .project-block.block--slider .slider__container .swiper-slide video {
            position: absolute;
            top: 50%;
            left: 50%;
            display: block;
            max-width: 100%;
            height: auto;
            z-index: 2;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            -webkit-transition: all 800ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
            -moz-transition: all 800ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
            transition: all 800ms cubic-bezier(0.7, 0, 0.3, 1) 0ms; }
            .project .project-block.block--slider .slider__container .swiper-slide img.swiper-lazy, .project .project-block.block--slider .slider__container .swiper-slide video.swiper-lazy {
              opacity: 0; }
              .project .project-block.block--slider .slider__container .swiper-slide img.swiper-lazy.swiper-lazy-loaded, .project .project-block.block--slider .slider__container .swiper-slide video.swiper-lazy.swiper-lazy-loaded {
                opacity: 1; }
          .project .project-block.block--slider .slider__container .swiper-slide.swiper-slide-active {
            opacity: 1;
            z-index: 2; }
          .project .project-block.block--slider .slider__container .swiper-slide .loader {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 100%;
            height: 100%;
            z-index: 0;
            visibility: visible;
            opacity: 1;
            -webkit-transform: translate(-50%, -50%) !important;
            -moz-transform: translate(-50%, -50%) !important;
            -ms-transform: translate(-50%, -50%) !important;
            -o-transform: translate(-50%, -50%) !important;
            transform: translate(-50%, -50%) !important; }
        .project .project-block.block--slider .slider__container .swiper-button-prev, .project .project-block.block--slider .slider__container .swiper-button-next {
          width: 40px;
          height: 40px;
          background: white;
          border-radius: 30px;
          margin-top: -20px;
          z-index: 10;
          -webkit-transition: opacity 800ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
          -moz-transition: opacity 800ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
          transition: opacity 800ms cubic-bezier(0.7, 0, 0.3, 1) 0ms; }
          @media (min-width: 767px) {
            .project .project-block.block--slider .slider__container .swiper-button-prev, .project .project-block.block--slider .slider__container .swiper-button-next {
              width: 60px;
              height: 60px;
              margin-top: -30px; } }
        .project .project-block.block--slider .slider__container .swiper-button-prev {
          left: -20px; }
          @media (min-width: 767px) {
            .project .project-block.block--slider .slider__container .swiper-button-prev {
              left: -30px; } }
          @media (min-width: 992px) {
            .project .project-block.block--slider .slider__container .swiper-button-prev {
              left: 0; } }
        .project .project-block.block--slider .slider__container .swiper-button-next {
          right: -20px; }
          @media (min-width: 767px) {
            .project .project-block.block--slider .slider__container .swiper-button-next {
              right: -30px; } }
          @media (min-width: 992px) {
            .project .project-block.block--slider .slider__container .swiper-button-next {
              right: 0; } }
          .project .project-block.block--slider .slider__container .swiper-button-next .arrow svg {
            transform: rotate(180deg); }
        .project .project-block.block--slider .slider__container .arrow {
          display: inline-block;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%); }
          .project .project-block.block--slider .slider__container .arrow svg > * {
            stroke: #1c1b20;
            stroke-width: 2;
            fill: none; }
  .project .project-block.fullwidth + .project-awards,
  .project .project-block.block--slider + .project-awards {
    margin-top: 0px !important; }
  .project .project-awards {
    background: #1c1b20;
    padding-top: 15vh;
    padding-bottom: 15vh;
    text-align: center;
    margin-top: 80px; }
    @media (min-width: 767px) {
      .project .project-awards {
        margin-top: 15vh; } }
    .project .project-awards h3 {
      color: #4a4a4a;
      text-transform: uppercase;
      font-size: 1.2rem;
      font-weight: 900;
      font-family: "Gilroy", sans-serif;
      margin-bottom: 40px; }
    .project .project-awards .list-rewards + .project-link {
      margin-top: 80px; }
  .project .project-link {
    color: white;
    display: inline-block;
    font-size: 3.2rem;
    line-height: 1.2;
    font-weight: 700;
    font-family: "Libre Baskerville", serif;
    position: relative;
    font-style: italic; }
    @media (min-width: 1600px) {
      .project .project-link {
        font-size: 4rem; } }
    .project .project-link .line {
      position: absolute;
      display: block;
      top: 8px;
      bottom: 8px;
      left: -5px;
      right: -5px;
      -webkit-transform: scaleX(0);
      -moz-transform: scaleX(0);
      -ms-transform: scaleX(0);
      -o-transform: scaleX(0);
      transform: scaleX(0);
      -webkit-transform-origin: bottom right;
      -moz-transform-origin: bottom right;
      -ms-transform-origin: bottom right;
      -o-transform-origin: bottom right;
      transform-origin: bottom right;
      -webkit-transition: -webkit-transform 400ms cubic-bezier(1, 0, 0, 1) 0ms;
      -moz-transition: -moz-transform 400ms cubic-bezier(1, 0, 0, 1) 0ms;
      transition: transform 400ms cubic-bezier(1, 0, 0, 1) 0ms; }
      @media (min-width: 1600px) {
        .project .project-link .line {
          bottom: 15px;
          top: 15px; } }
    .project .project-link .txt {
      position: relative;
      display: inline-block; }
      .project .project-link .txt:after {
        content: '';
        display: block;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        height: 3px;
        background: white;
        -webkit-transform-origin: bottom left;
        -moz-transform-origin: bottom left;
        -ms-transform-origin: bottom left;
        -o-transform-origin: bottom left;
        transform-origin: bottom left;
        -webkit-transition: -webkit-transform 400ms cubic-bezier(1, 0, 0, 1) 0ms;
        -moz-transition: -moz-transform 400ms cubic-bezier(1, 0, 0, 1) 0ms;
        transition: transform 400ms cubic-bezier(1, 0, 0, 1) 0ms; }
    .project .project-link:hover .txt:after {
      -webkit-transform: scaleX(0);
      -moz-transform: scaleX(0);
      -ms-transform: scaleX(0);
      -o-transform: scaleX(0);
      transform: scaleX(0);
      -webkit-transform-origin: bottom right;
      -moz-transform-origin: bottom right;
      -ms-transform-origin: bottom right;
      -o-transform-origin: bottom right;
      transform-origin: bottom right; }
    .project .project-link:hover .line {
      -webkit-transform: scaleX(1);
      -moz-transform: scaleX(1);
      -ms-transform: scaleX(1);
      -o-transform: scaleX(1);
      transform: scaleX(1);
      -webkit-transform-origin: bottom left;
      -moz-transform-origin: bottom left;
      -ms-transform-origin: bottom left;
      -o-transform-origin: bottom left;
      transform-origin: bottom left; }

.page-philo.loading .page {
  -webkit-transform: translateY(-100vh);
  -moz-transform: translateY(-100vh);
  -ms-transform: translateY(-100vh);
  -o-transform: translateY(-100vh);
  transform: translateY(-100vh); }
  @media (min-width: 767px) {
    .page-philo.loading .page {
      -webkit-transform: translateX(-100vw);
      -moz-transform: translateX(-100vw);
      -ms-transform: translateX(-100vw);
      -o-transform: translateX(-100vw);
      transform: translateX(-100vw); } }
.page-philo .loader {
  -webkit-transform: translateY(100vh);
  -moz-transform: translateY(100vh);
  -ms-transform: translateY(100vh);
  -o-transform: translateY(100vh);
  transform: translateY(100vh); }
  @media (min-width: 767px) {
    .page-philo .loader {
      -webkit-transform: translateX(calc(100vw - 40px));
      -moz-transform: translateX(calc(100vw - 40px));
      -ms-transform: translateX(calc(100vw - 40px));
      -o-transform: translateX(calc(100vw - 40px));
      transform: translateX(calc(100vw - 40px)); } }
  .page-philo .loader .color {
    background: #f3c130 !important; }
.page-philo .menuColor {
  background: #f3c130; }
.page-philo .page-color {
  background: #f3c130;
  left: 0;
  right: 0;
  height: 300px;
  top: 50vh; }



  @media (min-width: 350px) {
    .page-philo .page-color {
      height: 340px; } }
  @media (min-width: 767px) {
    .page-philo .page-color {
      height: 60vh; } }
  @media (min-width: 992px) {
    .page-philo .page-color {
      height: 50vh;
      top: 0; } }
  @media (min-width: 992px) {
    .page-philo .page-color {
      left: 28%;
      height: 100vh; } }
.page-philo .dot {
  color: #f3c130; }
.page-philo .link:before {
  background: #d8d8d8; }
.page-philo h2, .page-philo h3 {
  line-height: 1;
  font-size: 4rem; }
  .page-philo .intro h1 {
    text-transform: none;
    font-family: Arial;
}
.page-philo  span.msk {
  line-height: 1.2;
}
  @media (min-width: 767px) {
    .page-philo h2, .page-philo h3 {
      font-size: 5rem;
      line-height: 1.1; } }
  @media (min-width: 1600px) {
    .page-philo h2, .page-philo h3 {
      font-size: 6.3rem; } }
@media (min-width: 480px) {
  .page-philo .page-container > main > .intro h1 {
    margin-top: 20px;
    -webkit-transform: translateY(-20%);
    -moz-transform: translateY(-20%);
    -ms-transform: translateY(-20%);
    -o-transform: translateY(-20%);
    transform: translateY(-20%); } }
@media (min-width: 767px) {
  .page-philo .page-container > main > .intro h1 {
    -webkit-transform: translateY(-28%);
    -moz-transform: translateY(-28%);
    -ms-transform: translateY(-28%);
    -o-transform: translateY(-28%);
    transform: translateY(-28%); } }
@media (min-width: 992px) {
  .page-philo .page-container > main > .intro h1 {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    left: 15vw;
    margin-top: 0px; } }
@media (min-width: 1200px) {
  .page-philo .page-container > main > .intro h1 {
    left: 20%; } }
@media (min-width: 480px) {
  .page-philo .page-container > main > .intro .padding {
    padding-top: 60vh; } }
@media (min-width: 992px) {
  .page-philo .page-container > main > .intro .padding {
    padding-left: 50%;
    height: 100vh;
    padding-top: 50vh; } }
@media (max-width: 992px) {
  .page-philo .page-container > main > .intro .padding {
    padding-bottom: 0; } }
@media (min-width: 767px) {
  .page-philo .page-container > main > .intro .padding {
    padding-right: 15vw; } }
@media (min-width: 1200px) {
  .page-philo .page-container > main > .intro .padding {
    padding-right: 19%; } }
@media (min-width: 1600px) {
  .page-philo .page-container > main > .intro .padding {
    padding-right: 16%; } }
.page-philo .page-container > main > .intro .padding .page-content {
  position: relative;
  top: 0;
  max-width: 280px;
  color: white; }
  @media (min-width: 480px) {
    .page-philo .page-container > main > .intro .padding .page-content {
      margin-top: 70px;
      -webkit-transform: translateY(0) !important;
      -moz-transform: translateY(0) !important;
      -ms-transform: translateY(0) !important;
      -o-transform: translateY(0) !important;
      transform: translateY(0) !important; } }
  @media (min-width: 767px) {
    .page-philo .page-container > main > .intro .padding .page-content {
      margin-top: 140px;
      max-width: 100%; } }
  @media (min-width: 992px) {
    .page-philo .page-container > main > .intro .padding .page-content {
      margin-top: 0px; } }
  @media (min-width: 992px) {
    .page-philo .page-container > main > .intro .padding .page-content {
      margin-left: 0px;
      position: absolute;
      width: 450px;
      top: 50vh;
      -webkit-transform: translateY(-46%) !important;
      -moz-transform: translateY(-46%) !important;
      -ms-transform: translateY(-46%) !important;
      -o-transform: translateY(-46%) !important;
      transform: translateY(-46%) !important; } }
  @media (min-width: 1200px) {
    .page-philo .page-container > main > .intro .padding .page-content {
      width: 600px;
      margin-left: 0px;
      position: absolute;
      top: 50vh;
      -webkit-transform: translateY(-53%) !important;
      -moz-transform: translateY(-53%) !important;
      -ms-transform: translateY(-53%) !important;
      -o-transform: translateY(-53%) !important;
      transform: translateY(-53%) !important; } }
  @media (min-width: 1600px) {
    .page-philo .page-container > main > .intro .padding .page-content {
      margin-left: 0px;
      top: 50vh;
      position: absolute;
      width: 600px;
      -webkit-transform: translateY(-61%) !important;
      -moz-transform: translateY(-61%) !important;
      -ms-transform: translateY(-61%) !important;
      -o-transform: translateY(-61%) !important;
      transform: translateY(-61%) !important; } }
  .page-philo .page-container > main > .intro .padding .page-content small {
    color: #1c1b20;
    font-family: "Libre Baskerville", serif;
    font-style: italic;
    font-size: 1.6rem;
    margin-bottom: 20px;
    display: inline-block; }
  .page-philo .page-container > main > .intro .padding .page-content p.intro {
    margin-top: 10px;
    font-size: 2rem;
    margin-bottom: 0px;
    color: #f8f8f8;
    font-style: normal; }
    @media (min-width: 767px) {
      .page-philo .page-container > main > .intro .padding .page-content p.intro {
        font-size: 3.3rem;
        color: #f8f8f8; } }
    .page-philo .page-container > main > .intro .padding .page-content p.intro div {
      overflow: hidden; }
      .page-philo .page-container > main > .intro .padding .page-content p.intro div span {
        display: inline-block;
        font-weight: 700;
        font-style: normal; }
    .page-philo .page-container > main > .intro .padding .page-content p.intro strong {
      color: #1c1b20;
      font-weight: 700; }
    .page-philo .page-container > main > .intro .padding .page-content p.intro span {
      font-family: "Gilroy", sans-serif;
      font-style: italic;
      font-weight: 300; }
  .page-philo .page-container > main > .intro .padding .page-content p {
    color: #babcc1; }
.page-philo section.lien-fort {
  margin-left: auto;
  margin-right: auto; }
  @media (min-width: 767px) {
    .page-philo section.lien-fort {
      width: 100%;
      -webkit-box-orient: horizontal;
      -moz-box-orient: horizontal;
      box-orient: horizontal;
      -webkit-box-direction: normal;
      -moz-box-direction: normal;
      box-direction: normal;
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      flex-direction: row;
      -ms-flex-direction: row; } }
  @media (min-width: 992px) {
    .page-philo section.lien-fort {
      width: 100%; } }
  .page-philo section.lien-fort .padding {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    padding-left: 40px;
    padding-right: 40px; }
    @media (max-width: 340px) {
      .page-philo section.lien-fort .padding {
        padding-top: 0; } }
    @media (min-width: 480px) {
      .page-philo section.lien-fort .padding {
        padding-left: 10vw;
        padding-right: 10vw;
        padding-bottom: 0px; } }
    @media (min-width: 767px) {
      .page-philo section.lien-fort .padding {
        padding-left: 20vw;
        padding-right: 20vw;
        -webkit-box-orient: horizontal;
        -moz-box-orient: horizontal;
        box-orient: horizontal;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        box-direction: normal;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        flex-direction: row;
        -ms-flex-direction: row; } }
  .page-philo section.lien-fort .section-content {
    position: relative;
    top: -40px;
    width: 100%; }
    @media (min-width: 767px) {
      .page-philo section.lien-fort .section-content {
        width: 55%; } }
    @media (min-width: 992px) {
      .page-philo section.lien-fort .section-content {
        width: 45%;
        max-width: 480px; } }
    .page-philo section.lien-fort .section-content h2 {
      text-transform: none;
      font-family: "Gilroy", sans-serif;
      line-height: 1.1;
      margin-bottom: 50px; }
      @media (max-width: 330px) {
        .page-philo section.lien-fort .section-content h2 {
          margin-bottom: 20px; } }
      .page-philo section.lien-fort .section-content h2 span.baskerville {
        font-family: "Libre Baskerville", serif;
        font-style: italic;
        font-weight: 400; }
    .page-philo section.lien-fort .section-content p {
      width: 100%;
      margin-bottom: 50px; }
      .page-philo section.lien-fort .section-content p:last-child {
        margin-bottom: 0; }
  .page-philo section.lien-fort .section-visuel {
    width: 80%;
    margin-top: 110px;
    display: none; }
    .page-philo section.lien-fort .section-visuel img.brique-wokine {
      position: relative;
      left: 122px;
      top: 177px;
      width: 122px;
      -webkit-transform: translateY(0px);
      -moz-transform: translateY(0px);
      -ms-transform: translateY(0px);
      -o-transform: translateY(0px);
      transform: translateY(0px); }
      @media (min-width: 992px) {
        .page-philo section.lien-fort .section-visuel img.brique-wokine {
          left: 156px;
          top: 222px;
          width: 155px; } }
    .page-philo section.lien-fort .section-visuel img.brique-partenaire {
      width: 180px; }
      @media (min-width: 992px) {
        .page-philo section.lien-fort .section-visuel img.brique-partenaire {
          width: 230px; } }
    @media (min-width: 767px) {
      .page-philo section.lien-fort .section-visuel {
        width: 40%;
        right: -90px;
        position: relative;
        display: block; } }
    @media (min-width: 992px) {
      .page-philo section.lien-fort .section-visuel {
        right: 0; } }
    @media (min-width: 1200px) {
      .page-philo section.lien-fort .section-visuel {
        width: 310px;
        margin-top: 0px; } }
.page-philo section.timeline {
  margin-top: 40px;
  margin-bottom: 100px; }
  @media (min-width: 992px) {
    .page-philo section.timeline {
      border-top: 1px solid #e0e0e0; } }
  @media (min-width: 1200px) {
    .page-philo section.timeline {
      margin-top: 100px; } }
  @media (max-width: 600px) {
    .page-philo section.timeline {
      border-top: 0;
      margin-bottom: 40px; } }
  .page-philo section.timeline ul {
    top: -50px;
    position: relative;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
    padding-left: 40px;
    padding-right: 40px; }
    @media (min-width: 480px) {
      .page-philo section.timeline ul {
        padding-left: 10vw;
        padding-right: 10vw; } }
    @media (min-width: 767px) {
      .page-philo section.timeline ul {
        padding-left: 20vw;
        padding-right: 20vw; } }
    @media (min-width: 992px) {
      .page-philo section.timeline ul {
        -webkit-box-orient: horizontal;
        -moz-box-orient: horizontal;
        box-orient: horizontal;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        box-direction: normal;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        flex-direction: row;
        -ms-flex-direction: row; } }
    @media (max-width: 600px) {
      .page-philo section.timeline ul {
        top: 0; } }
    .page-philo section.timeline ul li {
      list-style: none;
      width: 100%; }
      @media (min-width: 992px) {
        .page-philo section.timeline ul li {
          width: 25%; } }
      @media (max-width: 600px) {
        .page-philo section.timeline ul li {
          margin-left: auto;
          margin-right: auto;
          margin-bottom: 30px;
          position: relative; } }
      .page-philo section.timeline ul li span.dot {
        color: #1c1b20;
        font-size: 5.0rem; }
      .page-philo section.timeline ul li h3 {
        font-family: "Libre Baskerville", serif;
        font-weight: 400;
        font-style: italic;
        font-size: 2.5rem; }
        .page-philo section.timeline ul li h3 strong {
          font-family: "Gilroy", sans-serif;
          font-style: normal;
          display: block; }
          @media (min-width: 767px) {
            .page-philo section.timeline ul li h3 strong {
              font-size: 3.7rem; } }
      .page-philo section.timeline ul li p {
        color: #a8a8a8; }
.page-philo section.no-bullshit {
  width: 100%;
  margin-left: auto;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column; 
  margin-bottom: 40px
}
  @media (min-width: 992px) {
    .page-philo section.no-bullshit {
      -webkit-box-orient: horizontal;
      -moz-box-orient: horizontal;
      box-orient: horizontal;
      -webkit-box-direction: normal;
      -moz-box-direction: normal;
      box-direction: normal;
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      flex-direction: row;
      -ms-flex-direction: row; 
      margin-bottom: 100px } }
  .page-philo section.no-bullshit .section-content {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    margin-top: 40px;
    margin-bottom: 40px;
    padding-left: 40px;
    padding-right: 40px;
    order: 2; }
    @media (max-width: 766px) {
      .page-philo section.no-bullshit .section-content {
        -webkit-transform: translateY(0) !important;
        -moz-transform: translateY(0) !important;
        -ms-transform: translateY(0) !important;
        -o-transform: translateY(0) !important;
        transform: translateY(0) !important;
        margin-top: 60px; } }
    @media (min-width: 480px) {
      .page-philo section.no-bullshit .section-content {
        padding-left: 10vw;
        padding-right: 10vw; } }
    @media (min-width: 767px) {
      .page-philo section.no-bullshit .section-content {
        padding-left: 20vw;
        padding-right: 20vw;
        top: 40px;
        position: relative; } }
    @media (min-width: 992px) {
      .page-philo section.no-bullshit .section-content {
        order: 1;
        padding-left: 0;
        padding-right: 0;
        margin-right: 0;
        margin-left: 15%;
        width: 360px; } }
    @media (min-width: 1200px) {
      .page-philo section.no-bullshit .section-content {
        margin-left: 25%; } }
    @media (min-width: 1600px) {
      .page-philo section.no-bullshit .section-content {
        width: 460px; } }
    .page-philo section.no-bullshit .section-content h3 {
      margin-bottom: 40px; }
      @media (max-width: 330px) {
        .page-philo section.no-bullshit .section-content h3 {
          margin-bottom: 20px; } }
      .page-philo section.no-bullshit .section-content h3 strong {
        font-family: "Libre Baskerville", serif;
        font-style: italic;
        font-weight: 400; }
    .page-philo section.no-bullshit .section-content p.intro {
      font-family: "Libre Baskerville", serif;
      font-style: italic;
      font-size: 1.9rem;
      font-weight: 400;
      line-height: 1.6; }
      @media (max-width: 330px) {
        .page-philo section.no-bullshit .section-content p.intro {
          font-size: 1.4rem; } }
  .page-philo section.no-bullshit .section-visuel {
    width: 100%;
    order: 1; }
    @media (min-width: 767px) {
      .page-philo section.no-bullshit .section-visuel {
        width: 85%;
        margin-left: auto;
        height: 300px;
        overflow: hidden; } }
    @media (min-width: 992px) {
      .page-philo section.no-bullshit .section-visuel {
        width: 40%;
        height: auto;
        order: 2;
        margin-left: 0; } }
.page-philo section.user {
  position: relative;
  width: 100%;
  margin-top: 40px;
  margin-bottom: 40px;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column; }
  @media (min-width: 767px) {
    .page-philo section.user {
      margin-top: 140px;
      margin-bottom: 100px; } }
  @media (min-width: 1200px) {
    .page-philo section.user {
      -webkit-box-orient: horizontal;
      -moz-box-orient: horizontal;
      box-orient: horizontal;
      -webkit-box-direction: normal;
      -moz-box-direction: normal;
      box-direction: normal;
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      flex-direction: row;
      -ms-flex-direction: row;
      margin-top: 100px;
      margin-bottom: 200px; 
    } }
  .page-philo section.user .section-content {
    z-index: 2;
    width: 100%;
    order: 2;
    position: relative;
    top: 0px;
    padding-left: 40px;
    padding-right: 40px;
    margin-top: -58px;
    position: relative; }
    @media (min-width: 480px) {
      .page-philo section.user .section-content {
        padding-left: 10vw;
        padding-right: 10vw; } }
    @media (min-width: 767px) {
      .page-philo section.user .section-content {
        padding-left: 20vw;
        padding-right: 20vw;
        margin-top: 0px; } }
    @media (min-width: 1200px) {
      .page-philo section.user .section-content {
        padding-left: 0;
        padding-right: 0;
        max-width: 480px;
        width: 30%;
        left: -17%;
        top: 50px; } }
    @media (min-width: 1600px) {
      .page-philo section.user .section-content {
        top: 100px;
        left: -27%; } }
    .page-philo section.user .section-content h3 {
      margin-bottom: 20px;
      position: relative; }
      @media (min-width: 767px) {
        .page-philo section.user .section-content h3 {
          width: 640px; } }
      @media (min-width: 1200px) {
        .page-philo section.user .section-content h3 {
          left: -250px;
          margin-bottom: 70px; } }
      .page-philo section.user .section-content h3 strong {
        font-family: "Libre Baskerville", serif;
        font-style: italic;
        font-weight: 400; }
    .page-philo section.user .section-content p.intro {
      font-family: "Libre Baskerville", serif;
      font-style: italic;
      font-size: 1.9rem;
      font-weight: 400;
      line-height: 1.6; }
      @media (max-width: 330px) {
        .page-philo section.user .section-content p.intro {
          font-size: 1.4rem; } }
  .page-philo section.user .section-visuel {
    width: 100%;
    order: 1;
    z-index: 1; }
    @media (min-width: 767px) {
      .page-philo section.user .section-visuel {
        position: absolute;
        width: 60%;
        left: -30%;
        top: -17%; } }
    @media (min-width: 992px) {
      .page-philo section.user .section-visuel {
        top: -37%; } }
    @media (min-width: 1200px) {
      .page-philo section.user .section-visuel {
        width: 50%;
        max-width: 840px;
        position: relative;
        top: 0;
        left: 0; } }
    @media (min-width: 1600px) {
      .page-philo section.user .section-visuel {
        max-width: 100%; } }
.page-philo section.rewards {
  margin-top: 200px; }
  @media (max-width: 600px) {
    .page-philo section.rewards {
      margin-top: 0px; } }
  .page-philo section.rewards .section-content {
    margin-bottom: 100px;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 40px; }
    @media (min-width: 480px) {
      .page-philo section.rewards .section-content {
        padding-left: 10vw;
        padding-right: 10vw; } }
    @media (min-width: 767px) {
      .page-philo section.rewards .section-content {
        padding-left: 20vw;
        padding-right: 20vw; } }
    @media (min-width: 992px) {
      .page-philo section.rewards .section-content {
        -webkit-box-orient: horizontal;
        -moz-box-orient: horizontal;
        box-orient: horizontal;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        box-direction: normal;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        flex-direction: row;
        -ms-flex-direction: row; }
        .page-philo section.rewards .section-content h3, .page-philo section.rewards .section-content .txt {
          margin-left: auto;
          margin-right: auto;
          width: 100%; } }
    @media (min-width: 1600px) {
      .page-philo section.rewards .section-content {
        width: 48%;
        padding-left: 0;
        padding-right: 0; } }
    .page-philo section.rewards .section-content h3 strong {
      font-family: "Libre Baskerville", serif;
      font-style: italic;
      font-weight: 400; }
    @media (min-width: 992px) {
      .page-philo section.rewards .section-content .txt {
        width: 70%; }
        .page-philo section.rewards .section-content .txt p.intro {
          font-family: "Libre Baskerville", serif;
          font-style: italic;
          font-size: 1.9rem;
          font-weight: 400;
          line-height: 1.6; } }
    @media (min-width: 992px) and (max-width: 330px) {
      .page-philo section.rewards .section-content .txt p.intro {
        font-size: 1.4rem; } }

    @media (min-width: 992px) {
      .page-philo section.rewards .section-content .txt {
        width: 90%; } }
  .page-philo section.rewards .section-visuel {
    width: 1200px; }
    @media (max-width: 1250px) {
      .page-philo section.rewards .section-visuel {
        width: 100%; } }
.page-philo section.domaines {
  background: #1c1b20; }
  .page-philo section.domaines .domaines-inner {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    width: 100%;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 60px;
    padding-bottom: 60px;
    margin-left: auto;
    margin-right: auto; }
    @media (min-width: 480px) {
      .page-philo section.domaines .domaines-inner {
        padding-left: 10vw;
        padding-right: 10vw; } }
    @media (min-width: 767px) {
      .page-philo section.domaines .domaines-inner {
        padding-left: 20vw;
        padding-right: 20vw;
        padding-top: 70px;
        padding-bottom: 180px; } }
    @media (min-width: 1200px) {
      .page-philo section.domaines .domaines-inner {
        width: 58%;
        padding-left: 0;
        padding-right: 0;
        padding-top: 140px;
        -webkit-box-orient: horizontal;
        -moz-box-orient: horizontal;
        box-orient: horizontal;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        box-direction: normal;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        flex-direction: row;
        -ms-flex-direction: row; } }
  .page-philo section.domaines .section-title {
    color: #ffffff;
    width: 350px; }
    @media (min-width: 767px) and (max-width: 1200px) {
      .page-philo section.domaines .section-title {
        margin-bottom: 40px; } }
    .page-philo section.domaines .section-title h3 strong {
      font-family: "Libre Baskerville", serif;
      font-style: italic;
      font-weight: 400; }
    .page-philo section.domaines .section-title p {
      color: #ffffff;
      width: 100%; }
      @media (min-width: 767px) {
        .page-philo section.domaines .section-title p {
          width: 50%; } }
      @media (min-width: 1200px) {
        .page-philo section.domaines .section-title p {
          width: 70%; } }
.page-philo .skills-container {
  padding: 40px;
  background: #1c1b20;
  color: white;
  margin-top: 0px;
  margin-right: 0px;
  margin-left: 0px;
  padding: 0 !important;
  margin-top: 20px !important; }
  @media (min-width: 480px) {
    .page-philo .skills-container {
      padding: 40px 15vw;
      margin-left: 0; } }
  @media (min-width: 767px) {
    .page-philo .skills-container {
      margin-top: 60px; } }
  @media (min-width: 992px) {
    .page-philo .skills-container {
      margin-left: 45%;
      margin-left: 0;
      margin-right: -15vw;
      padding: 60px; } }
  @media (min-width: 1200px) {
    .page-philo .skills-container {
      margin-left: 10%;
      padding: 82.5px;
      margin-right: -165px; } }
  .page-philo .skills-container .row > *:nth-child(n+2) {
    margin-top: 40px; }
    @media (min-width: 480px) {
      .page-philo .skills-container .row > *:nth-child(n+2) {
        margin-top: 0px; } }
  @media (min-width: 480px) {
    .page-philo .skills-container .row > *:nth-child(n+3) {
      margin-top: 50px; } }
  .page-philo .skills-container h3 {
    margin-bottom: 20px;
    font-size: 1.6rem; }
    @media (min-width: 1600px) {
      .page-philo .skills-container h3 {
        font-size: 2rem;
        margin-bottom: 30px; } }
    .page-philo .skills-container h3 .waves svg {
      width: 20px;
      height: 4px;
      margin-bottom: 12px; }
      @media (min-width: 1600px) {
        .page-philo .skills-container h3 .waves svg {
          width: 25px;
          height: 5px; } }
      .page-philo .skills-container h3 .waves svg > * {
        fill: none;
        stroke: white;
        stroke-width: 3px; }
  .page-philo .skills-container p {
    color: #4c4a57;
    font-size: 1.2rem; }
    @media (min-width: 767px) {
      .page-philo .skills-container p {
        font-size: 1.6rem; } }
.page-philo section.startups {
  background: #414a6b; }
  @media (min-width: 480px) {
    .page-philo section.startups .padding {
      padding-right: 10vw; } }
  @media (min-width: 767px) {
    .page-philo section.startups .padding {
      padding-right: 20vw;
      padding-top: 15vh;
      padding-bottom: 15vh; } }
  @media (min-width: 992px) {
    .page-philo section.startups .padding {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -moz-box-pack: justify;
      box-pack: justify;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      -ms-justify-content: space-between;
      -o-justify-content: space-between;
      justify-content: space-between;
      -ms-flex-pack: justify; } }
  .page-philo section.startups h3 {
    font-size: 3.5rem;
    color: white; }
    @media (min-width: 992px) {
      .page-philo section.startups h3 {
        margin-bottom: 0px; } }
    .page-philo section.startups h3 strong {
      font-family: "Libre Baskerville", serif;
      font-weight: 300; }
  .page-philo section.startups .content {
    max-width: 350px; }
  .page-philo section.startups p {
    color: white; }
  .page-philo section.startups .link .txt {
    color: white; }
  .page-philo section.startups .link:before, .page-philo section.startups .link:after {
    background: white; }

.list-title {
  display: inline-block;
  margin-bottom: 4px;
  overflow: hidden;
  position: relative; }
  @media (min-width: 767px) {
    .list-title {
      margin-bottom: 40px; } }
  @media (min-width: 1600px) {
    .list-title {
      font-size: 1.1rem;
      margin-bottom: 60px; } }
  .list-title .txt {
    display: inline-block;
    font-size: 0.8rem;
    color: #b0b0b0;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase; }
    .join-team .list-title .txt {
      color: #5a585e; }
    .list-title .txt:after {
      content: '';
      display: block;
      width: 100%;
      height: 1px;
      background: #b0b0b0;
      position: absolute;
      top: 100%;
      left: 0; }
      .join-team .list-title .txt:after {
        background: #5a585e; }

.offers-list {
  margin: 0px;
  padding: 0px;
  list-style: none; }
  .offers-list .list-item {
    position: relative; }
    .offers-list .list-item:before {
      content: '';
      display: block;
      width: 4px;
      height: 4px;
      border-top-left-radius: 4px;
      border-top-right-radius: 4px;
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px;
      overflow: hidden;
      background: #1c1b20;
      position: absolute;
      top: 50%;
      left: 0;
      margin-top: -2px; }
      .join-team .offers-list .list-item:before {
        background: white; }
    .offers-list .list-item + .list-item {
      border-top: 1px solid #ececec; }
      .join-team .offers-list .list-item + .list-item {
        border-color: #363539; }
  .offers-list .offer.offer-link {
    display: block;
    text-decoration: none !important;
    position: relative;
    padding: 20px;
    color: #1c1b20;
    padding-right: 50px;
    cursor: pointer; }
    .offers-list .offer.offer-link.disabled {
      pointer-events: none; }
    @media (min-width: 1600px) {
      .offers-list .offer.offer-link {
        padding: 30px 20px;
        padding-right: 60px; } }
    .join-team .offers-list .offer.offer-link {
      color: white; }
    .offers-list .offer.offer-link > * {
      display: inline-block;
      vertical-align: middle;
      font-size: 1.2rem;
      margin: 0px; }
      @media (min-width: 1200px) {
        .offers-list .offer.offer-link > * {
          font-size: 1.4rem; } }
      @media (min-width: 1600px) {
        .offers-list .offer.offer-link > * {
          font-size: 1.6rem; } }
    .offers-list .offer.offer-link .offer-job {
      font-weight: 900; }
      @media (max-width: 991px) {
        .offers-list .offer.offer-link .offer-job {
          display: block; } }
      .offers-list .offer.offer-link .offer-job:after {
        content: '.'; }
    .offers-list .offer.offer-link .offer-what, .offers-list .offer.offer-link .offer-when {
      font-family: "Libre Baskerville", serif;
      font-style: italic;
      text-transform: none;
      letter-spacing: 0px;
      font-weight: 300; }
    .offers-list .offer.offer-link .offer-what:after {
      content: '.'; }
    .offers-list .offer.offer-link .offer-when:before {
      content: ''; }
    .offers-list .offer.offer-link .arrow {
      position: absolute;
      top: 50%;
      right: 0px;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      width: 30px;
      height: 30px;
      border-top-left-radius: 40px;
      border-top-right-radius: 40px;
      border-bottom-left-radius: 40px;
      border-bottom-right-radius: 40px;
      border: 1px solid #1c1b20;
      background: transparent;
      overflow: hidden;
      -webkit-transition: background 500ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
      -moz-transition: background 500ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
      transition: background 500ms cubic-bezier(0.7, 0, 0.3, 1) 0ms; }
      @media (min-width: 1600px) {
        .offers-list .offer.offer-link .arrow {
          width: 40px;
          height: 40px; } }
      .join-team .offers-list .offer.offer-link .arrow {
        border-color: white; }
      .offers-list .offer.offer-link .arrow svg {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 15px;
        height: 7px;
        -webkit-transition: -webkit-transform 500ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
        -moz-transition: -moz-transform 500ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
        transition: transform 500ms cubic-bezier(0.7, 0, 0.3, 1) 0ms; }
        @media (min-width: 1600px) {
          .offers-list .offer.offer-link .arrow svg {
            width: 18px;
            height: 10px; } }
        .offers-list .offer.offer-link .arrow svg path {
          fill: #1c1b20; }
          .join-team .offers-list .offer.offer-link .arrow svg path {
            fill: white; }
        .offers-list .offer.offer-link .arrow svg.arrow_hover {
          -webkit-transform: translate(-30px, -50%);
          -moz-transform: translate(-30px, -50%);
          -ms-transform: translate(-30px, -50%);
          -o-transform: translate(-30px, -50%);
          transform: translate(-30px, -50%); }
          .offers-list .offer.offer-link .arrow svg.arrow_hover path {
            fill: white; }
            .join-team .offers-list .offer.offer-link .arrow svg.arrow_hover path {
              fill: #1c1b20; }
    .offers-list .offer.offer-link:hover .arrow {
      background: #1c1b20; }
      .offers-list .offer.offer-link:hover .arrow svg {
        -webkit-transform: translate(100%, -50%);
        -moz-transform: translate(100%, -50%);
        -ms-transform: translate(100%, -50%);
        -o-transform: translate(100%, -50%);
        transform: translate(100%, -50%); }
        .offers-list .offer.offer-link:hover .arrow svg.arrow_hover {
          -webkit-transform: translate(-50%, -50%);
          -moz-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
      .join-team .offers-list .offer.offer-link:hover .arrow {
        background: white; }

.single-annonce:after {
  display: none; }
.single-annonce .header {
  position: relative;
  background: white;
  padding: 0 40px; }
  @media (min-width: 1600px) {
    .single-annonce .header {
      padding: 0 80px; } }
  .single-annonce .header .navbar-brand {
    position: relative;
    left: 0px !important;
    top: 0px !important;
    float: none; }
  .single-annonce .header .link {
    float: right;
    margin-top: 10px;
    margin-right: -20px; }
    @media (min-width: 767px) {
      .single-annonce .header .link {
        margin-right: 0px; } }
    @media (min-width: 1600px) {
      .single-annonce .header .link {
        margin-top: 16px; } }
    .single-annonce .header .link:before {
      background: #ff5851; }
.single-annonce .footer {
  position: relative; }
  .single-annonce .footer .padding {
    display: block;
    padding-left: 0px; }
    @media (min-width: 767px) {
      .single-annonce .footer .padding {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -moz-box-align: start;
        box-align: start;
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        -ms-align-items: flex-start;
        -o-align-items: flex-start;
        align-items: flex-start;
        -ms-flex-align: start; } }
    @media (min-width: 992px) {
      .single-annonce .footer .padding {
        padding: 0px 10vh; } }
    @media (min-width: 1200px) {
      .single-annonce .footer .padding {
        padding: 10vh; } }
    .single-annonce .footer .padding > * + * {
      margin-top: 20px; }
      @media (min-width: 767px) {
        .single-annonce .footer .padding > * + * {
          margin-top: 0px; } }
  .single-annonce .footer .contact {
    -webkit-transform: translateY(0) !important;
    -moz-transform: translateY(0) !important;
    -ms-transform: translateY(0) !important;
    -o-transform: translateY(0) !important;
    transform: translateY(0) !important; }
  .single-annonce .footer .credits {
    text-align: left; }
  .single-annonce .footer .list-socials li {
    display: inline-block; }

.annonce {
  background: white; }
  .annonce .content .padding {
    padding-top: 80px;
    padding-bottom: 80px; }
    @media (min-width: 767px) {
      .annonce .content .padding {
        padding-top: 15vh;
        padding-bottom: 15vh;
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -moz-box-orient: horizontal;
        box-orient: horizontal;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        box-direction: normal;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        flex-direction: row;
        -ms-flex-direction: row;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-align-content: flex-start;
        -moz-align-content: flex-start;
        align-content: flex-start;
        -ms-flex-line-pack: start;
        -webkit-box-pack: start;
        -moz-box-pack: start;
        box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        -ms-justify-content: flex-start;
        -o-justify-content: flex-start;
        justify-content: flex-start;
        -ms-flex-pack: start;
        padding-right: 16%; } }
  .annonce .annonce-title {
    min-width: 100%;
    margin-bottom: 40px; }
    @media (min-width: 767px) {
      .annonce .annonce-title {
        margin-bottom: 60px; } }
    .annonce .annonce-title .block-title {
      margin-bottom: 5px;
      color: #babcc1; }
      .annonce .annonce-title .block-title .waves svg > * {
        stroke: #babcc1; }
    .annonce .annonce-title h2 {
      font-size: 3.6rem;
      line-height: 1;
      text-transform: none;
      margin-bottom: 0px; }
      @media (min-width: 1600px) {
        .annonce .annonce-title h2 {
          font-size: 4.6rem; } }
  .annonce .annonce-infos {
    width: 220px; }
  @media (min-width: 1200px) {
    .annonce .annonce-description {
      width: calc(100% - 220px);
      padding-left: 110px; } }
  @media (min-width: 1600px) {
    .annonce .annonce-description {
      padding-left: 150px; } }
  .annonce .annonce-description p {
    font-size: 1.3rem;
    line-height: 1.8; }
    @media (min-width: 1600px) {
      .annonce .annonce-description p {
        font-size: 1.6rem; } }
  .annonce .infos {
    list-style: none;
    margin: 0px;
    padding: 0px;
    margin-bottom: 30px; }
    .annonce .infos li {
      display: block;
      margin-bottom: 5px; }
      @media (min-width: 767px) {
        .annonce .infos li {
          margin-bottom: 20px; } }
      .annonce .infos li + li {
        margin-top: 10px; }
        @media (min-width: 480px) {
          .annonce .infos li + li {
            margin-top: 20px; } }
        @media (min-width: 767px) {
          .annonce .infos li + li {
            margin-top: 0px; } }
        @media (min-width: 1200px) {
          .annonce .infos li + li {
            margin-top: 20px; } }
        @media (min-width: 1600px) {
          .annonce .infos li + li {
            margin-top: 30px; } }
      .annonce .infos li .block-title {
        display: block;
        margin-bottom: 0px; }
        @media (min-width: 1600px) {
          .annonce .infos li .block-title {
            font-size: 1.5rem;
            margin-bottom: 5px; } }
        .annonce .infos li .block-title + span {
          font-weight: 900;
          font-size: 1rem; }
          @media (min-width: 1600px) {
            .annonce .infos li .block-title + span {
              font-size: 1.3rem; } }
  .annonce form.candidate {
    background: #1c1b20; }
    .annonce form.candidate h2 {
      color: white;
      font-size: 2.4rem;
      line-height: 1.2;
      text-align: center;
      margin-bottom: 40px; }
    .annonce form.candidate p {
      text-align: center; }
      .annonce form.candidate p a {
        color: white;
        font-weight: 700; }
    .annonce form.candidate fieldset p {
      margin-bottom: 60px; }
      @media (min-width: 767px) {
        .annonce form.candidate fieldset p {
          margin-left: -70px;
          margin-right: -70px; } }
    @media (min-width: 992px) {
      .annonce form.candidate .padding {
        padding-left: 0px;
        padding-right: 0px;
        max-width: 440px;
        margin: 0 auto; } }
    .annonce form.candidate .form-actions {
      text-align: center; }

.popup {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  -webkit-transform: translateY(100vh);
  -moz-transform: translateY(100vh);
  -ms-transform: translateY(100vh);
  -o-transform: translateY(100vh);
  transform: translateY(100vh);
  -webkit-transition: -webkit-transform 500ms cubic-bezier(0.7, 0, 0.3, 1) 0ms, visibility 500ms linear 0ms;
  -moz-transition: -moz-transform 500ms cubic-bezier(0.7, 0, 0.3, 1) 0ms, visibility 500ms linear 0ms;
  transition: transform 500ms cubic-bezier(0.7, 0, 0.3, 1) 0ms, visibility 500ms linear 0ms;
  background: white;
  display: none;
  visibility: hidden; }
  .page-careers .popup {
    display: block; }
  @media (min-width: 767px) {
    .popup {
      z-index: 100; } }
  .openPopup .popup {
    visibility: visible;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); }
  .popup .ajax-content {
    position: relative;
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch; }

.list-rewards {
  list-style: none;
  padding: 0px;
  margin: 0px;
  text-align: center;
  margin-left: -5px;
  white-space: nowrap; }
  @media (min-width: 767px) {
    .list-rewards {
      margin-left: -15px; } }
  .list-rewards .reward {
    display: inline-block;
    margin: 0 5px; }
    @media (min-width: 767px) {
      .list-rewards .reward {
        margin: 0 15px; } }
    .list-rewards .reward svg .leafs {
      fill: white;
      opacity: 0.3; }
    .list-rewards .reward svg .txt {
      fill: white; }
    .list-rewards .reward .awwwards svg {
      width: 80px;
      height: 60px; }
    .list-rewards .reward .awwwards svg {
      width: 60px;
      height: 40px; }
      @media (min-width: 767px) {
        .list-rewards .reward .awwwards svg {
          width: 80px;
          height: 60px; } }
    .list-rewards .reward .cssda svg {
      width: 63px;
      height: 40px; }
      @media (min-width: 767px) {
        .list-rewards .reward .cssda svg {
          width: 82px;
          height: 52px; } }
    .list-rewards .reward .awwwardsHM svg {
      width: 63px;
      height: 40px; }
      @media (min-width: 767px) {
        .list-rewards .reward .awwwardsHM svg {
          width: 85px;
          height: 60px; } }












.showHello .preambule .padding {
  opacity: 0;
  transform: translate(-20%) matrix(1, 0, 0, 1, 0, 0);
}
.page-home section.preambule p strong {
  display: inline;
  color: #1c1b20;
  font-weight: 700;
  display: block;
}


.page-philo.page-contact2 header.header .navbar-brand svg polygon {
  fill: #ed1a23;
}
.page-philo.page-contact2 .loader .color {
  background: #414A6A !important; }
.page-philo.page-contact2 .menuColor {
background: #414A6A; }
.page-philo.page-contact2 .page-color {
  background: #414A6A;
}
.page-contact2 .intro h1{
  text-transform: none;font-family: Arial;
}
.page-philo.page-contact2 .page-container > main > .intro .padding .page-content small {
  color: #FFFDF7;margin-bottom: 0px;
}
.page-philo.page-contact2 .page-container > main > .intro .padding .page-content p.intro {
  font-size: 1.26rem;
  color: #fff;
}
.page-philo.page-contact2 .page-container > main > .intro .padding .page-content p.intro span {
  font-style: normal;
  font-weight: normal;
  color: #cbc7c7;
}
.page-contact2 span.msk {
  line-height: 1.2;
}
@media (min-width: 767px) {
  .page-philo.page-contact2 .page-container > main > .intro .padding .page-content p.intro {
    font-size: 2rem;
    color: #fff;
  }
}
@media (min-width: 992px) {
  .page-philo.page-contact2 .page-container > main > .intro .padding .page-content p.intro {
    font-size: 2rem;
    color: #fff;
    margin-top: 0;
  }
}

.work-all{width: calc(100% - 80px);margin: 0 auto;}
.page-philo.page-work .intro .padding{
  padding: 210px 0 0 0 !important;
  width: 65%;
  margin: 0 auto;
}



.work-close{
  width: 68px;
  height: 68px;
  border-radius: 50%;
  border: 1px solid #ababab;
  right: 40px;
  top: 40px;
  position: fixed;
  z-index: 999;  
}
.work-close a{  color: #ababab;display: block;width: 100%;height: 100%;font-weight: lighter;font-size: 24px;text-align: center;line-height: 68px;text-decoration: none}

.page-philo.page-work .borders{display: none;}
.page-philo.page-work #menu{left:0;}
.page-philo.page-work header.header .navbar-brand svg text{fill:#fff;}
.page-philo.page-work .work-title { margin-bottom: 120px ;}
.page-philo.page-work .work-title h4{font-size: 30px;margin-bottom: 50px;font-family: Akkurat;}
.page-philo.page-work .work-title h3{font-size: 50px;margin-bottom: 1rem;font-family: Akkurat;}
.page-philo.page-work .work-title p{font-size: 50px;margin: 0;line-height: 1.4;font-weight: bold;font-family: Akkurat;}

.page-philo.page-work1 .work-title h4{color: #888888;}
.page-philo.page-work1 .work-title h3{color: #ffffff;}
.page-philo.page-work1 .work-title p{color: #030303;}

.page-philo.page-work .work-list h4{font-size: 30px; font-family: Akkurat; font-weight: 400; line-height: 42px;margin-bottom: 30px;}
.page-philo.page-work .work-list p{font-size: 15px; font-family: Akkurat; font-weight: 400; line-height: 21px;margin-bottom: 40px;}


.page-philo.page-work1 .work-list h4{color: #7B7977;}
.page-philo.page-work1 .work-list p{color: #FAF7F7;}



.page-philo.page-work1 .loader .color {
  background: #ff5851 !important; }
.page-philo.page-work1 .menuColor {
background: #ff5851; }
.page-philo.page-work1 .page-color {
  background: #ff5851;
  top: 0;
}
.page-philo.page-work1 .page-container > main > .intro .padding {
  background: #ff5851;
}
.work1-video{
  max-width: 1310px;
  margin: 160px auto;
}
.work-workshow{
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
  -webkit-transform: translate(0%, -50%);
  -moz-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  -o-transform: translate(0%, -50%);
}
.work-1-2{padding: 100px 0;}
.work-1-2 img{width: 100%;}
.work-1-3{
  text-align: center;
  background: #E2544A;
  padding-bottom: 50px;
}
.work-1-3 h3{
  line-height: 28rem;
  color: #fff;
}
.work-1-3 img{max-width: 100%;margin-top: 50px;}
.page-philo.page-work h3{font-size: 5rem;}


.page-philo.page-work2 .loader .color {
  background: #23496e !important; }
.page-philo.page-work2 .menuColor {
background: #23496e; }
.page-philo.page-work2 .page-color {
  background: #23496e;
  top: 0;
}
.page-philo.page-work2 .page-container > main > .intro .padding {
  background: #23496e;
}
.page-philo.page-work2 .work-title h4 {color:#D3D1CF;}
.page-philo.page-work2 .work-title h3{color:#E2A234;}
.page-philo.page-work2 .work-title p{color: #fff;}
.page-philo.page-work2 .work-list h4{color: #D3D1CF;}
.page-philo.page-work2 .work-list p{color: #FAF7F7;}

.work-2 img{max-width: 100%;}
.page-philo.page-work3 .loader .color {
  background: #e9a12a !important; }
.page-philo.page-work3 .menuColor {
background: #e9a12a; }
.page-philo.page-work3 .page-color {
  background:#e9a12a;
  top: 0;
}
.page-philo.page-work3 .page-container > main > .intro .padding {
  background: #e9a12a;
}
.page-philo.page-work3 .work-title h4 {color:#D3D1CF;}
.page-philo.page-work3 .work-title h3{color:#140E04;}
.page-philo.page-work3 .work-title p{color: #fff;}
.page-philo.page-work3 .work-list h4{color:#D3D1CF;}
.page-philo.page-work3 .work-list p{color: #FAF7F7;}
.work-all.work-3{background-color:#faf5f5 ;}
.work-3-1 img{
  width: 96%;
  margin: 10% auto;
  display: block;
}
.page-work3 .number{}
.page-work3 .number span{
  font-size: 80px;
  font-family: Arial Black;
  font-weight: 400;
  line-height: 220px;
  color: #140E04;
  float: left;
} 
.page-work3 .number i{
  font-size: 206px;
  font-family: Corsiva Hebrew;
  font-weight: 400;
  line-height: 226px;
  color: #E7A328;
  opacity: 1;
  float: left;
}
.page-work3 p{
  font-size: 3rem;
  font-family: Arial Black;
  font-weight: 400;
  line-height: 1.4;
  color: #888888;
  display: block;
  width: 90%;
}
.page-work3 .work-3-3{
  margin-top: 128px;
  position: relative;
  padding: 10% 0;
}
.page-work3 .number2{
  position: absolute;
  top: -113px;
}
.page-work3 .work-3-3 img{width: 100%;}
.page-work3 .work-3-3-1{padding-right: 1.2%;padding-left:0}
.page-work3 .work-3-3-2{padding: 0 0.6%;}
.page-work3 .work-3-3-3{padding-left: 1.2%;padding-right:0}

.page-philo.page-work6 header.header .navbar-brand svg text {
  fill: #080202;
}
.page-philo.page-work6 header.header .navbar-brand svg polygon {
  fill: #ed1a23;
}
.page-philo.page-work6 header.header .navbar-brand svg polygon {
  fill: #ed1a23;
}
.page-philo.page-work4 header.header .navbar-brand svg polygon {
  fill: #ed1a23;
}
.page-philo.page-work3 header.header .navbar-brand svg polygon {
  fill: #ed1a23;
}
.page-philo.page-work2 header.header .navbar-brand svg polygon {
  fill: #ed1a23;
}

.page-philo.page-work4 .loader .color {
  background: #221715 !important; }
.page-philo.page-work4 .menuColor {
background: #221715; }
.page-philo.page-work4 .page-color {
  background: #221715;
  top: 0;
}
.page-philo.page-work4 .page-container > main > .intro .padding {
  background: #221715;
}
.page-philo.page-work4 .work-title h4 {color:#888888;}
.page-philo.page-work4 .work-title h3{color:#fff;}
.page-philo.page-work4 .work-title p{color: #E7A328;}
.page-philo.page-work4 .work-list h4{color: #7B7977;}
.page-philo.page-work4 .work-list p{color: #FAF7F7;}

.work4-1 h3{
  font-size: 5rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
}
.work4-1 p{
  font-size: 30px;
  font-family: Arial;
  font-weight: 400;
  line-height: 42px;
  color: #888888;
  padding: 5%;
  padding-left: 0;
}
.work4-2{
  padding: 5.5% 5%;
  background-color: #faf5f5;
}
.work4-2 img{width: 100%;}

@media(max-width:992px){
  .work4-1 h3{
    position: relative;
    text-align: center;
}
.work4-1 p{
  padding: 5%;
  font-size: 18px;
  line-height: 22px;
}

}


.page-philo.page-work5 .loader .color {
  background: #020000 !important; }
.page-philo.page-work5 .menuColor {
background: #020000; }
.page-philo.page-work5 .page-color {
  background: #020000;
  top: 0;
}
.page-philo.page-work5 .page-container > main > .intro .padding {
  background: #020000;
}
.page-philo.page-work5 .work-title h4 {color:#888;}
.page-philo.page-work5 .work-title h3{color:#fff;}
.page-philo.page-work5 .work-title p{color: #E7A328;}
.page-philo.page-work5 .work-list h4{color: #7B7977;}
.page-philo.page-work5 .work-list p{color: #FAF7F7;}
.work5-1 img{width: 100%;}

.work5-2 h3{
  font-size: 5rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
}
.work5-2 p{
  font-size: 30px;
  font-family: Arial;
  font-weight: 400;
  line-height: 42px;
  color: #888888;
  padding: 5%;
  padding-left: 0;
}
.work5-3{
  padding: 5.5% 5%;
  background-color: #faf5f5;
}
.work5-3 img{width: 100%;}
@media(max-width:992px){
  .work5-2 h3{
    position: relative;
    text-align: center;
}
.work5-2 p{
  padding: 5%;
  font-size: 18px;
  line-height: 22px;
}

}

.page-philo.page-work6 .loader .color {
  background: #221e39 !important; }
.page-philo.page-work6 .menuColor {
background: #221e39; }
.page-philo.page-work6 .page-color {
  background: #221e39;
  top: 0;
}
.page-philo.page-work6 .page-container > main > .intro .padding {
  background: #221e39;
}









.work-6-1{
  text-align: right;
  margin-top: 40px;
  padding: 5.5% 5%;
  background-color: #faf5f5;
}
.work-6-1 img{max-width: 100%;}
.work-6-2{
  text-align: center;
  padding: 5.5% 5%;
  background-color: #faf5f5;
  padding-top: 0;
}
.work-6-2 img{max-width: 100%;}
@media (max-width: 1199px) {
  .aaaaa{
    position: initial;
    transform: none;
}
.page-work3 .number span {
  font-size: 45px;
  line-height: 150px;
}
.page-work3 .number i {
  font-size: 80px;
  line-height: 150px;
}
.page-philo.page-work .work-workshow h3 {
  font-size: 2rem;
}
.page-work3 p {
  font-size: 2rem;
}
.page-work3 .number2 {
  position: absolute;
  top: -75px;
}



}


@media (max-width: 992px) {
  .work-all {
    width: 100%;
}
  .work-workshow{position: static;transform: none;padding: 20px 15px;}
  .page-philo.page-work .intro .padding {
    padding: 11rem 4rem 6rem 4rem !important;
    width: 100%;
  }
  .page-philo.page-work .work-title {
    margin-bottom: 50px;
  }
  .page-philo.page-work .work-title h4 {
    margin-bottom: 20px;
  }
  .work-1-2 {
    padding: 0;
}
.page-philo.page-work h3 {
  line-height: 1.5;
  font-size: 3rem;
  margin: 1rem 0;
}
.work-1-3 img {
  margin-top: 20px;
}

.work-3-1 img {
  margin: 2% auto;
}
.page-work3 .number span {
  font-size: 45px;
  line-height: 80px;
}
.page-work3 .number i {
  font-size: 80px;
  line-height: 80px;
}
.page-work3 .work-3-3-1 {
  padding: 2px 0;
}
.page-work3 .work-3-3-2 {
  padding: 2px 0;
}
.page-work3 .work-3-3-3 {
  padding: 2px 0;
}

}

@media (min-width: 350px) {
  .work1-video{
    margin: 60px auto;
  }
}
@media (min-width: 350px) {
  .page-philo.page-work .page-color {height: 340px; } 
}
@media (min-width: 767px) {
  .page-philo.page-work .page-color {height: 60vh; } 
}
@media (min-width: 992px) {
  .page-philo.page-work .page-color {height: 50vh;top: 0; } 
}

@media (min-width: 992px) {
  .page-philo.page-work .page-color {left: 0;height: 100vh; } 

}



.page-contact_contact>header,
.page-contact_contact>#menu,
.page-contact_contact>.footer,
.page-contact_contact>.borders{display: none;}
.page-contact_contact .page-container{margin: 0 !important;}
.page-contact_contact main .contact_app{
  padding: 0;
  min-height: 355px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0%, -50%);
  width: 100%;
  box-shadow: 2px 0px 3px #333;
}
.contact_app .header{height: 40px;margin-bottom: 120px;}
.contact_footer{
  width: 100%;

}
.contact_footer .padding{
  padding: 0 10% 0 20%;
}

.contact_footer .briefLink{float: left;width: 40%;}
.contact_footer .contact{float: left;width: 40%;}
.contact_footer .credits{float: right;width: 80px;}
.page-contact_contact .contact .addresse a {
  font-weight: 400;
}

.page-contact_contact .phone.phone, .page-contact_contact address.phone {
  margin-bottom: 0px;
  font-size: 1.1rem;
  display: inline-block;
  font-family: "Gilroy", sans-serif;
  color: #1c1b20;
  font-weight: 400;
}
.page-contact_contact .contact .phone, .contact .mail {
  color: #1c1b20;
  font-weight: 400;
}
.contact_footer .credits .wkn svg polygon {
  fill: #b4b4b4;
}
.contact_footer .credits {
  color: #b4b4b4;
}
@media(max-width:767px){
  .page-contact_contact .credits{display: none;}
  .contact_footer .contact {
    width: 60%;
    float: right;
  }
  .page-contact_contact header.header .navbar-brand svg polygon {fill: #ed1a23;}
}
@media(max-width:640px){
  .contact_app .header {
    height: 40px;
    margin-bottom: 80px;
}
  .contact_footer .briefLink{float: none;width: 100%;margin-bottom: 20px;}
  .contact_footer .contact{float: none;width: 100%;}
  
    

}