/***
# DESIGNED & DEVELOPED by
Raphael Ble -- Web Designer - Front End Developer -- www.shakeup-dathings.com
***/
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
::-moz-selection {
  background: #1a1b1b;
  color: #ffffff; }

::selection {
  background: #1a1b1b;
  color: #ffffff; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .browserupgrade-ie10 {
    display: block !important;
    visibility: visible !important; }

  #body-preloader {
    display: none !important; }

  body {
    overflow: hidden; } }
.browserupgrade {
  background: white;
  color: #005587;
  display: block;
  text-align: center;
  width: 70%;
  height: auto;
  font-size: 1.5em;
  padding: 20% 15%;
  position: absolute;
  z-index: 101; }
  .browserupgrade a {
    color: #f08b66; }

.browserupgrade-ie10 {
  display: none;
  visibility: hidden; }

.wrapper {
  height: 100%;
  margin: 0 auto;
  position: relative;
  max-width: none; }
  .wrapper--article {
    background: none;
    margin: 0; }

.wrapper-max {
  height: 100%;
  margin: 0 auto;
  position: relative;
  max-width: none;
  width: 85vw; }
  @media only screen and (max-width: 768px) {
    .wrapper-max {
      width: 85.5%; } }

.full-width-wrapper {
  height: 100%;
  margin: 0 auto;
  position: relative;
  max-width: none;
  width: 100%; }

.wrapper-min {
  height: 100%;
  margin: 0 auto;
  position: relative;
  max-width: 835px;
  width: 59.5%;
  /*@include MQ-bp-big-desktop {
  	width: 65.5%;
  }
  @include MQ-bp-medium-tablet {
  	width: 70.5%;
  }
  @include MQ-bp-big-mobile {
  	width: 75.5%;
  }*/ }

.align-top {
  display: flex;
  align-items: flex-start;
  justify-content: center; }

.align-center {
  display: flex;
  align-items: center;
  justify-content: center; }

.column-content {
  display: flex;
  align-content: flex-start;
  align-items: center;
  justify-content: space-around;
  flex-direction: column;
  flex-wrap: nowrap; }

html {
  height: 100%;
  /*min-height: 100vh;
  overflow-x: hidden;*/ }

body {
  background: #ffffff;
  font-family: "Inter", sans-serif, Arial, "sans-serif";
  color: #1a1b1b;
  /*overflow-x: hidden;
  overflow-y: auto;*/ }
  body main {
    overflow-x: hidden; }

a {
  color: #f08b66; }
  a:hover {
    color: #ffffff; }
  a:visited {
    color: #f08b66; }
  a:active, a:focus, a:visited {
    outline: none; }

h1 {
  font-size: 4em;
  color: #f08b66;
  letter-spacing: -0.02em; }

h2, h5 {
  font-size: 1.25rem;
  color: #1a1b1b;
  line-height: 24px;
  font-weight: 900;
  margin: 0;
  letter-spacing: -0.02em; }

p {
  font-family: "Inter", sans-serif;
  font-size: 1rem;
  margin: 0 auto 1.5rem;
  line-height: 24px;
  letter-spacing: -0.02em;
  font-weight: 300;
  color: #1a1b1b; }
  p b {
    font-weight: 700; }

hr {
  background: #f08b66;
  height: 3px;
  border: 0;
  margin: 2rem 0; }
  @media only screen and (max-width: 768px) {
    hr {
      margin: 4% 0; } }

.left {
  float: left;
  margin: 0 2.5em 2.5em 0; }
  @media only screen and (max-width: 768px) {
    .left {
      margin: 0 1.5em 1.5em 0; } }
  @media only screen and (max-width: 620px) {
    .left {
      margin: 0.8em 0 2em 0; } }

.right {
  float: right;
  margin: 0 0 2.5em 2.5em; }
  @media only screen and (max-width: 768px) {
    .right {
      margin: 0 0 1.5em 1.5em; } }
  @media only screen and (max-width: 620px) {
    .right {
      margin: 0.8em 0 2em 0; } }

.full-width {
  width: 100% !important;
  margin: 0 0 2.5em 0; }
  @media only screen and (max-width: 768px) {
    .full-width {
      margin: 0 0 1.5em 0; } }
  @media only screen and (max-width: 620px) {
    .full-width {
      margin: 2em 0; } }

/*.embed {
	position: relative;
  	overflow: hidden;
	padding-top: 56.25%;
	
	iframe, object, embed {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		width: 100%;
		height: 100%;
		border: 0;
	}
}*/
#body-preloader {
  overflow: hidden; }

/* Preloader */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ffffff;
  /* change if the mask should have another color then white */
  z-index: 100;
  /* makes sure it stays on top */ }

#status {
  width: 100px;
  height: 100px;
  position: absolute;
  left: 50%;
  top: 50%;
  background-repeat: no-repeat;
  background-position: center;
  margin: -50px 0 0 -65px;
  clear: both; }

.preloader {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%; }

.preloader_inner {
  text-align: center;
  font-size: 1.5em; }

.show {
  visibility: visible !important;
  opacity: 1 !important;
  transition: all 0.5s ease; }

.sp.sp-slices {
  border-radius: 0;
  border-top: 18px white solid;
  border-left: 18px #f08b66 solid;
  border-bottom: 18px #b2b1b1 solid;
  border-right: 18px #1a1b1b solid;
  border-radius: 100px;
  -webkit-animation: spSlices 1s infinite linear;
  animation: spSlices 1s infinite linear; }

@-webkit-keyframes spSlices {
  0% {
    border-top: 18px white solid;
    border-right: 18px #f08b66 solid;
    border-bottom: 18px #b2b1b1 solid;
    border-left: 18px #1a1b1b solid; }
  25% {
    border-top: 18px #1a1b1b solid;
    border-right: 18px white solid;
    border-bottom: 18px #f08b66 solid;
    border-left: 18px #b2b1b1 solid; }
  50% {
    border-top: 18px #b2b1b1 solid;
    border-right: 18px #1a1b1b solid;
    border-bottom: 18px white solid;
    border-left: 18px #f08b66 solid; }
  75% {
    border-top: 18px #f08b66 solid;
    border-right: 18px #b2b1b1 solid;
    border-bottom: 18px #1a1b1b solid;
    border-left: 18px white solid; }
  100% {
    border-top: 18px white solid;
    border-right: 18px #f08b66 solid;
    border-bottom: 18px #b2b1b1 solid;
    border-left: 18px #1a1b1b solid; } }
@keyframes spSlices {
  0% {
    border-top: 18px white solid;
    border-right: 18px #f08b66 solid;
    border-bottom: 18px #b2b1b1 solid;
    border-left: 18px #1a1b1b solid; }
  25% {
    border-top: 18px #1a1b1b solid;
    border-right: 18px white solid;
    border-bottom: 18px #f08b66 solid;
    border-left: 18px #b2b1b1 solid; }
  50% {
    border-top: 18px #b2b1b1 solid;
    border-right: 18px #1a1b1b solid;
    border-bottom: 18px white solid;
    border-left: 18px #f08b66 solid; }
  75% {
    border-top: 18px #f08b66 solid;
    border-right: 18px #b2b1b1 solid;
    border-bottom: 18px #1a1b1b solid;
    border-left: 18px white solid; }
  100% {
    border-top: 18px white solid;
    border-right: 18px #f08b66 solid;
    border-bottom: 18px #b2b1b1 solid; } }
#article-section h5 {
  color: #f08b66;
  border: 3px solid #f08b66;
  border-right: 0;
  padding: 1% 7.5% 1% 4%;
  display: inline-block;
  margin: 2% 0 2% auto;
  position: relative;
  text-transform: uppercase; }
  #article-section h5:before {
    content: "";
    display: block;
    height: 3px;
    width: 73vw;
    background: #f08b66;
    position: absolute;
    bottom: -3px;
    right: 0;
    transform-origin: right;
    transform: translateX(5%); }
#article-section .fake-element {
  display: block;
  height: 5vw; }
#article-section .blocs-tpl {
  background: #f08b66;
  color: #ffffff; }
  #article-section .blocs-tpl.blocs-tpl-2, #article-section .blocs-tpl.blocs-tpl-3 {
    background: none; }
    #article-section .blocs-tpl.blocs-tpl-2 h2, #article-section .blocs-tpl.blocs-tpl-2 p, #article-section .blocs-tpl.blocs-tpl-3 h2, #article-section .blocs-tpl.blocs-tpl-3 p {
      color: #1a1b1b; }
    #article-section .blocs-tpl.blocs-tpl-2 hr, #article-section .blocs-tpl.blocs-tpl-3 hr {
      background: #f08b66;
      width: 100%; }
  #article-section .blocs-tpl.blocs-tpl-1 {
    margin: calc(50px + 3.5%) 0; }
    @media only screen and (max-width: 768px) {
      #article-section .blocs-tpl.blocs-tpl-1 {
        margin: calc(30px + 6.5%) 0; } }
  #article-section .blocs-tpl.blocs-tpl-2 {
    margin: 50px 0 calc(50px + 3.5%) 0; }
    @media only screen and (max-width: 768px) {
      #article-section .blocs-tpl.blocs-tpl-2 {
        margin: 30px 0 calc(30px + 3.5%) 0; } }
  #article-section .blocs-tpl.blocs-tpl-3 {
    margin: calc(50px + 3.5%) 0; }
    @media only screen and (max-width: 768px) {
      #article-section .blocs-tpl.blocs-tpl-3 {
        margin: calc(30px + 3.5%) 0; } }
  #article-section .blocs-tpl h2, #article-section .blocs-tpl p {
    color: #ffffff; }
  #article-section .blocs-tpl hr {
    background: #ffffff;
    transform: translateX(-77%);
    width: 220%; }
  #article-section .blocs-tpl .bloc-tpl-1-wrapper {
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: row; }
    @media only screen and (max-width: 768px) {
      #article-section .blocs-tpl .bloc-tpl-1-wrapper {
        flex-direction: column-reverse; } }
    #article-section .blocs-tpl .bloc-tpl-1-wrapper .img-wrapper {
      z-index: 3;
      height: auto;
      width: 45.5%;
      transform-origin: left;
      transform: scale(1.1); }
      @media only screen and (max-width: 768px) {
        #article-section .blocs-tpl .bloc-tpl-1-wrapper .img-wrapper {
          height: 50vw;
          width: 100%;
          transform-origin: initial; } }
      #article-section .blocs-tpl .bloc-tpl-1-wrapper .img-wrapper .info-tip {
        background: #ffffff;
        padding: 1.2vw 1.5vw;
        position: absolute;
        bottom: 1.5vw;
        right: 0;
        text-align: right;
        z-index: 4; }
        #article-section .blocs-tpl .bloc-tpl-1-wrapper .img-wrapper .info-tip span {
          color: #1a1b1b;
          font-size: .9rem; }
          @media only screen and (max-width: 1024px) {
            #article-section .blocs-tpl .bloc-tpl-1-wrapper .img-wrapper .info-tip span {
              font-size: .75rem; } }
          #article-section .blocs-tpl .bloc-tpl-1-wrapper .img-wrapper .info-tip span b {
            color: #f08b66; }
      #article-section .blocs-tpl .bloc-tpl-1-wrapper .img-wrapper figure {
        margin: 0;
        padding: 0;
        height: 100%; }
        #article-section .blocs-tpl .bloc-tpl-1-wrapper .img-wrapper figure img {
          object-fit: cover;
          height: 100%;
          /*@include MQ-bp-big-mobile {
          	object-position: bottom;
          }*/ }
        #article-section .blocs-tpl .bloc-tpl-1-wrapper .img-wrapper figure figcaption {
          bottom: 2%;
          color: #b2b1b1;
          font-size: 0.625rem;
          text-align: right;
          margin: 1% 0 0 0; }
    #article-section .blocs-tpl .bloc-tpl-1-wrapper .text-wrapper {
      width: 42%;
      margin: 0 4%;
      padding: 5% 0;
      align-self: center; }
      @media only screen and (max-width: 1024px) {
        #article-section .blocs-tpl .bloc-tpl-1-wrapper .text-wrapper {
          width: 46%;
          margin: 0 0 0 4%; } }
      @media only screen and (max-width: 768px) {
        #article-section .blocs-tpl .bloc-tpl-1-wrapper .text-wrapper {
          width: 100%;
          margin: 0 0 2% 0;
          padding: 5% 0 7.5% 0; } }
      #article-section .blocs-tpl .bloc-tpl-1-wrapper .text-wrapper p:last-of-type {
        margin: 0; }
    #article-section .blocs-tpl .bloc-tpl-1-wrapper .tip {
      color: #f08b66;
      font-size: 1.25rem;
      font-style: italic;
      width: 75%;
      position: relative;
      margin: 7% auto 0 calc(30px + 4%); }
      @media only screen and (max-width: 1024px) {
        #article-section .blocs-tpl .bloc-tpl-1-wrapper .tip {
          margin: 10% auto 0 30px;
          width: 91%; } }
      @media only screen and (max-width: 768px) {
        #article-section .blocs-tpl .bloc-tpl-1-wrapper .tip {
          order: -1;
          margin: 15% auto 0 30px; } }
      #article-section .blocs-tpl .bloc-tpl-1-wrapper .tip:before {
        content: "";
        height: 18px;
        width: 18px;
        background: #f08b66;
        display: block;
        position: absolute;
        margin: 5px 0 0 -30px; }
    #article-section .blocs-tpl .bloc-tpl-1-wrapper--reversed {
      flex-direction: row-reverse; }
      @media only screen and (max-width: 768px) {
        #article-section .blocs-tpl .bloc-tpl-1-wrapper--reversed {
          flex-direction: column-reverse; } }
      #article-section .blocs-tpl .bloc-tpl-1-wrapper--reversed .img-wrapper {
        transform-origin: right; }
        @media only screen and (max-width: 768px) {
          #article-section .blocs-tpl .bloc-tpl-1-wrapper--reversed .img-wrapper {
            transform-origin: initial; } }
      @media only screen and (max-width: 1024px) {
        #article-section .blocs-tpl .bloc-tpl-1-wrapper--reversed .text-wrapper {
          margin: 0 4% 0 0; } }
      @media only screen and (max-width: 768px) {
        #article-section .blocs-tpl .bloc-tpl-1-wrapper--reversed .text-wrapper {
          margin: 0 0 2% 0;
          padding: 5% 0 7.5% 0; } }
  #article-section .blocs-tpl .bloc-tpl-2-wrapper {
    flex-direction: column-reverse; }
    @media only screen and (max-width: 768px) {
      #article-section .blocs-tpl .bloc-tpl-2-wrapper hr {
        width: 220%; } }
    #article-section .blocs-tpl .bloc-tpl-2-wrapper .img-wrapper {
      height: 35vw;
      width: 91%; }
      #article-section .blocs-tpl .bloc-tpl-2-wrapper .img-wrapper:before {
        content: "";
        background: #f08b66;
        height: 33vw;
        width: 100%;
        display: block;
        position: absolute;
        z-index: -1;
        bottom: -.6vw;
        transform: scaleX(1.3); }
        @media only screen and (max-width: 768px) {
          #article-section .blocs-tpl .bloc-tpl-2-wrapper .img-wrapper:before {
            height: 48vw; } }
      @media only screen and (max-width: 768px) {
        #article-section .blocs-tpl .bloc-tpl-2-wrapper .img-wrapper {
          height: 50vw;
          width: 100%;
          transform-origin: initial; } }
    #article-section .blocs-tpl .bloc-tpl-2-wrapper .text-wrapper {
      width: 92.1%;
      padding: 0 0 5% 0; }
      @media only screen and (max-width: 1024px) {
        #article-section .blocs-tpl .bloc-tpl-2-wrapper .text-wrapper {
          width: 100%;
          margin: 0; } }
      @media only screen and (max-width: 768px) {
        #article-section .blocs-tpl .bloc-tpl-2-wrapper .text-wrapper {
          width: 100%;
          margin: 0 0 2% 0;
          padding: 0 0 7.5% 0; } }
  #article-section .blocs-tpl .bloc-tpl-3-wrapper hr {
    width: 220%; }
  #article-section .blocs-tpl .bloc-tpl-3-wrapper .img-wrapper {
    height: 40vw;
    align-self: center; }
    @media only screen and (max-width: 1024px) {
      #article-section .blocs-tpl .bloc-tpl-3-wrapper .img-wrapper {
        height: 65vw; } }
    #article-section .blocs-tpl .bloc-tpl-3-wrapper .img-wrapper:before {
      content: "";
      background: #f08b66;
      height: 40vw;
      width: 100%;
      display: block;
      position: absolute;
      z-index: -1;
      transform: scaleY(1.03) scaleX(1.5) translateX(-38%);
      transform-origin: left center; }
      @media only screen and (max-width: 1024px) {
        #article-section .blocs-tpl .bloc-tpl-3-wrapper .img-wrapper:before {
          height: 65vw;
          transform: scaleY(1.02) scaleX(1.5) translateX(-36%); } }
      @media only screen and (max-width: 768px) {
        #article-section .blocs-tpl .bloc-tpl-3-wrapper .img-wrapper:before {
          transform: scaleY(1.02) scaleX(1.5) translateX(-36%); } }
    #article-section .blocs-tpl .bloc-tpl-3-wrapper .img-wrapper figure figcaption {
      margin: 2% 0 0 0; }
  #article-section .blocs-tpl .bloc-tpl-3-wrapper .text-wrapper {
    padding: 0; }
    @media only screen and (max-width: 768px) {
      #article-section .blocs-tpl .bloc-tpl-3-wrapper .text-wrapper {
        margin: 0 0 2% 0;
        padding: 0 0 9% 0; } }
  #article-section .blocs-tpl .bloc-tpl-3-wrapper--reversed {
    flex-direction: row-reverse; }
    @media only screen and (max-width: 768px) {
      #article-section .blocs-tpl .bloc-tpl-3-wrapper--reversed {
        flex-direction: column-reverse; } }
    #article-section .blocs-tpl .bloc-tpl-3-wrapper--reversed .img-wrapper {
      transform-origin: right; }
      @media only screen and (max-width: 768px) {
        #article-section .blocs-tpl .bloc-tpl-3-wrapper--reversed .img-wrapper {
          transform-origin: initial; } }
      #article-section .blocs-tpl .bloc-tpl-3-wrapper--reversed .img-wrapper:before {
        transform: scaleY(1.03) scaleX(1.5) translateX(38%);
        transform-origin: right center; }
        @media only screen and (max-width: 1024px) {
          #article-section .blocs-tpl .bloc-tpl-3-wrapper--reversed .img-wrapper:before {
            transform: scaleY(1.02) scaleX(1.5) translateX(36%);
            transform-origin: right center; } }
        @media only screen and (max-width: 768px) {
          #article-section .blocs-tpl .bloc-tpl-3-wrapper--reversed .img-wrapper:before {
            transform: scaleY(1.02) scaleX(1.5) translateX(36%);
            transform-origin: right center; } }
    #article-section .blocs-tpl .bloc-tpl-3-wrapper--reversed .text-wrapper {
      padding: 0; }
      @media only screen and (max-width: 1024px) {
        #article-section .blocs-tpl .bloc-tpl-3-wrapper--reversed .text-wrapper {
          margin: 0 4% 0 0; } }
      @media only screen and (max-width: 768px) {
        #article-section .blocs-tpl .bloc-tpl-3-wrapper--reversed .text-wrapper {
          margin: 0 0 2% 0;
          padding: 0 0 9% 0; } }