@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+Display:ital,wght@0,200;0,300;0,400;1,200&display=swap');

/* Small devices such as large phones (640px and up) */
@media only screen and (min-width: 40em) {...}

/* Medium devices such as tablets (768px and up) */
@media only screen and (min-width: 48em) {...}

/* Large devices such as laptops (1024px and up) */
@media only screen and (min-width: 64em) {...}

/* Largest devices such as desktops (1280px and up) */
@media only screen and (min-width: 80em) {...}

/* Largest devices such as desktops (1920px and up) */
@media only screen and (min-width: 120em) {...}



*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

/* Remove default padding */
/* Remove default margin */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0; }

/* Set core body defaults */
body {
  overflow: hidden;
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  font-family: 'Noto Serif Display', serif;
  line-height: 1.5; }
  

/* Set Sections to take all width available */
section {
  width: 100%; }

/* Make HR easier to work with */
hr {
  display: block;
  margin: rem(16) 0;
  padding: 0;
  border: 0;
  border-top: 1px solid #ccc; }

/* Remove list styles on ul, ol elements with a class attribute */
ul,
ol,
li {
  margin: 0;
  padding: 0;
  list-style: none; }

/* A elements that don't have a class get default styles */
a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto; }

/* Make images easier to work with */
img {
  display: block;
  max-width: 100%;
  height: auto; }

video {
  max-width:100%; }

/* Natural flow and rhythm in articles by default */
article > * + * {
  margin-top: 1em; }

label {
  cursor: none; }

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
  cursor: pointer; }

a {
  color: #000;
  text-decoration: none;
  opacity: 1;
  display: block;
  cursor: none;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out; }

/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  * {
    -webkit-animation-duration: 0.01ms !important;
            animation-duration: 0.01ms !important;
    -webkit-animation-iteration-count: 1 !important;
            animation-iteration-count: 1 !important;
    -webkit-transition-duration: 0.01ms !important;
            transition-duration: 0.01ms !important;
    scroll-behavior: auto !important; } }









@-webkit-keyframes animation-sequence-0 {
  0% {
    -webkit-transform: scale(1.6) translateY(0);
            transform: scale(1.6) translateY(0); }
  20% {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0); }
  40% {
    -webkit-transform: scale(1) translateY(100px);
            transform: scale(1) translateY(100px); }
  60% {
    -webkit-transform: scale(1) translateY(200px);
            transform: scale(1) translateY(200px); }
  80% {
    -webkit-transform: scale(1) translateY(400px);
            transform: scale(1) translateY(400px); }
  100% {
    -webkit-transform: scale(1) translateY(600px);
            transform: scale(1) translateY(600px); } }

@keyframes animation-sequence-0 {
  0% {
    -webkit-transform: scale(1.6) translateY(0);
            transform: scale(1.6) translateY(0); }
  20% {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0); }
  40% {
    -webkit-transform: scale(1) translateY(100px);
            transform: scale(1) translateY(100px); }
  60% {
    -webkit-transform: scale(1) translateY(200px);
            transform: scale(1) translateY(200px); }
  80% {
    -webkit-transform: scale(1) translateY(400px);
            transform: scale(1) translateY(400px); }
  100% {
    -webkit-transform: scale(1) translateY(600px);
            transform: scale(1) translateY(600px); } }

@-webkit-keyframes animation-sequence-1 {
  0% {
    -webkit-transform: scale(1.6) translateY(0);
            transform: scale(1.6) translateY(0); }
  20% {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0); }
  40% {
    -webkit-transform: scale(1) translateY(200px);
            transform: scale(1) translateY(200px); }
  60% {
    -webkit-transform: scale(1) translateY(400px);
            transform: scale(1) translateY(400px); }
  80% {
    -webkit-transform: scale(1) translateY(600px);
            transform: scale(1) translateY(600px); }
  100% {
    -webkit-transform: scale(1) translateY(800px);
            transform: scale(1) translateY(800px); } }

@keyframes animation-sequence-1 {
  0% {
    -webkit-transform: scale(1.6) translateY(0);
            transform: scale(1.6) translateY(0); }
  20% {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0); }
  40% {
    -webkit-transform: scale(1) translateY(200px);
            transform: scale(1) translateY(200px); }
  60% {
    -webkit-transform: scale(1) translateY(400px);
            transform: scale(1) translateY(400px); }
  80% {
    -webkit-transform: scale(1) translateY(600px);
            transform: scale(1) translateY(600px); }
  100% {
    -webkit-transform: scale(1) translateY(800px);
            transform: scale(1) translateY(800px); } }

@media only screen and (min-width: 37.5rem) {
  @-webkit-keyframes animation-sequence-projects-0 {
    0% {
      -webkit-transform: translateY(0) scale(0.4);
              transform: translateY(0) scale(0.4);
      -webkit-filter: grayscale(1);
              filter: grayscale(1); }
    40% {
      -webkit-transform: translateY(0) scale(0.4);
              transform: translateY(0) scale(0.4);
      -webkit-filter: grayscale(1);
              filter: grayscale(1); }
    48% {
      -webkit-transform: translateY(-56vh) scale(1);
              transform: translateY(-56vh) scale(1);
      -webkit-filter: grayscale(1);
              filter: grayscale(1); }
    50% {
      -webkit-transform: translateY(-60vh) scale(1);
              transform: translateY(-60vh) scale(1);
      -webkit-filter: grayscale(0);
              filter: grayscale(0); }
    100% {
      -webkit-transform: translateY(-60vh) scale(1);
              transform: translateY(-60vh) scale(1);
      -webkit-filter: grayscale(0);
              filter: grayscale(0); } }
  @keyframes animation-sequence-projects-0 {
    0% {
      -webkit-transform: translateY(0) scale(0.4);
              transform: translateY(0) scale(0.4);
      -webkit-filter: grayscale(1);
              filter: grayscale(1); }
    40% {
      -webkit-transform: translateY(0) scale(0.4);
              transform: translateY(0) scale(0.4);
      -webkit-filter: grayscale(1);
              filter: grayscale(1); }
    48% {
      -webkit-transform: translateY(-56vh) scale(1);
              transform: translateY(-56vh) scale(1);
      -webkit-filter: grayscale(1);
              filter: grayscale(1); }
    50% {
      -webkit-transform: translateY(-60vh) scale(1);
              transform: translateY(-60vh) scale(1);
      -webkit-filter: grayscale(0);
              filter: grayscale(0); }
    100% {
      -webkit-transform: translateY(-60vh) scale(1);
              transform: translateY(-60vh) scale(1);
      -webkit-filter: grayscale(0);
              filter: grayscale(0); } }
  @-webkit-keyframes animation-sequence-projects-1 {
    0% {
      -webkit-transform: translateY(0) scale(0.4);
              transform: translateY(0) scale(0.4);
      -webkit-filter: grayscale(1);
              filter: grayscale(1); }
    30% {
      -webkit-transform: translateY(0) scale(0.4);
              transform: translateY(0) scale(0.4);
      -webkit-filter: grayscale(1);
              filter: grayscale(1); }
    38% {
      -webkit-transform: translateY(-61vh) scale(1);
              transform: translateY(-61vh) scale(1);
      -webkit-filter: grayscale(1);
              filter: grayscale(1); }
    40% {
      -webkit-transform: translateY(-65vh) scale(1);
              transform: translateY(-65vh) scale(1);
      -webkit-filter: grayscale(0);
              filter: grayscale(0); }
    100% {
      -webkit-transform: translateY(-65vh) scale(1);
              transform: translateY(-65vh) scale(1);
      -webkit-filter: grayscale(0);
              filter: grayscale(0); } }
  @keyframes animation-sequence-projects-1 {
    0% {
      -webkit-transform: translateY(0) scale(0.4);
              transform: translateY(0) scale(0.4);
      -webkit-filter: grayscale(1);
              filter: grayscale(1); }
    30% {
      -webkit-transform: translateY(0) scale(0.4);
              transform: translateY(0) scale(0.4);
      -webkit-filter: grayscale(1);
              filter: grayscale(1); }
    38% {
      -webkit-transform: translateY(-61vh) scale(1);
              transform: translateY(-61vh) scale(1);
      -webkit-filter: grayscale(1);
              filter: grayscale(1); }
    40% {
      -webkit-transform: translateY(-65vh) scale(1);
              transform: translateY(-65vh) scale(1);
      -webkit-filter: grayscale(0);
              filter: grayscale(0); }
    100% {
      -webkit-transform: translateY(-65vh) scale(1);
              transform: translateY(-65vh) scale(1);
      -webkit-filter: grayscale(0);
              filter: grayscale(0); } }
  @-webkit-keyframes animation-sequence-projects-2 {
    0% {
      -webkit-transform: translateY(0) scale(0.4);
              transform: translateY(0) scale(0.4);
      -webkit-filter: grayscale(1);
              filter: grayscale(1); }
    20% {
      -webkit-transform: translateY(0) scale(0.4);
              transform: translateY(0) scale(0.4);
      -webkit-filter: grayscale(1);
              filter: grayscale(1); }
    28% {
      -webkit-transform: translateY(-66vh) scale(1);
              transform: translateY(-66vh) scale(1);
      -webkit-filter: grayscale(1);
              filter: grayscale(1); }
    30% {
      -webkit-transform: translateY(-70vh) scale(1);
              transform: translateY(-70vh) scale(1);
      -webkit-filter: grayscale(0);
              filter: grayscale(0); }
    100% {
      -webkit-transform: translateY(-70vh) scale(1);
              transform: translateY(-70vh) scale(1);
      -webkit-filter: grayscale(0);
              filter: grayscale(0); } }
  @keyframes animation-sequence-projects-2 {
    0% {
      -webkit-transform: translateY(0) scale(0.4);
              transform: translateY(0) scale(0.4);
      -webkit-filter: grayscale(1);
              filter: grayscale(1); }
    20% {
      -webkit-transform: translateY(0) scale(0.4);
              transform: translateY(0) scale(0.4);
      -webkit-filter: grayscale(1);
              filter: grayscale(1); }
    28% {
      -webkit-transform: translateY(-66vh) scale(1);
              transform: translateY(-66vh) scale(1);
      -webkit-filter: grayscale(1);
              filter: grayscale(1); }
    30% {
      -webkit-transform: translateY(-70vh) scale(1);
              transform: translateY(-70vh) scale(1);
      -webkit-filter: grayscale(0);
              filter: grayscale(0); }
    100% {
      -webkit-transform: translateY(-70vh) scale(1);
              transform: translateY(-70vh) scale(1);
      -webkit-filter: grayscale(0);
              filter: grayscale(0); } } }

@media only screen and (min-width: 64.0625rem) {
  @-webkit-keyframes animation-sequence-projects-0 {
    0% {
      -webkit-transform: translateY(0) scale(0.4);
              transform: translateY(0) scale(0.4);
      -webkit-filter: grayscale(1);
              filter: grayscale(1); }
    40% {
      -webkit-transform: translateY(0) scale(0.4);
              transform: translateY(0) scale(0.4);
      -webkit-filter: grayscale(1);
              filter: grayscale(1); }
    48% {
      -webkit-transform: translateY(-66vh) scale(1);
              transform: translateY(-66vh) scale(1);
      -webkit-filter: grayscale(1);
              filter: grayscale(1); }
    50% {
      -webkit-transform: translateY(-70vh) scale(1);
              transform: translateY(-70vh) scale(1);
      -webkit-filter: grayscale(0);
              filter: grayscale(0); }
    100% {
      -webkit-transform: translateY(-70vh) scale(1);
              transform: translateY(-70vh) scale(1);
      -webkit-filter: grayscale(0);
              filter: grayscale(0); } }
  @keyframes animation-sequence-projects-0 {
    0% {
      -webkit-transform: translateY(0) scale(0.4);
              transform: translateY(0) scale(0.4);
      -webkit-filter: grayscale(1);
              filter: grayscale(1); }
    40% {
      -webkit-transform: translateY(0) scale(0.4);
              transform: translateY(0) scale(0.4);
      -webkit-filter: grayscale(1);
              filter: grayscale(1); }
    48% {
      -webkit-transform: translateY(-66vh) scale(1);
              transform: translateY(-66vh) scale(1);
      -webkit-filter: grayscale(1);
              filter: grayscale(1); }
    50% {
      -webkit-transform: translateY(-70vh) scale(1);
              transform: translateY(-70vh) scale(1);
      -webkit-filter: grayscale(0);
              filter: grayscale(0); }
    100% {
      -webkit-transform: translateY(-70vh) scale(1);
              transform: translateY(-70vh) scale(1);
      -webkit-filter: grayscale(0);
              filter: grayscale(0); } }
  @-webkit-keyframes animation-sequence-projects-1 {
    0% {
      -webkit-transform: translateY(0) scale(0.4);
              transform: translateY(0) scale(0.4);
      -webkit-filter: grayscale(1);
              filter: grayscale(1); }
    30% {
      -webkit-transform: translateY(0) scale(0.4);
              transform: translateY(0) scale(0.4);
      -webkit-filter: grayscale(1);
              filter: grayscale(1); }
    38% {
      -webkit-transform: translateY(-76vh) scale(1);
              transform: translateY(-76vh) scale(1);
      -webkit-filter: grayscale(1);
              filter: grayscale(1); }
    40% {
      -webkit-transform: translateY(-80vh) scale(1);
              transform: translateY(-80vh) scale(1);
      -webkit-filter: grayscale(0);
              filter: grayscale(0); }
    100% {
      -webkit-transform: translateY(-80vh) scale(1);
              transform: translateY(-80vh) scale(1);
      -webkit-filter: grayscale(0);
              filter: grayscale(0); } }
  @keyframes animation-sequence-projects-1 {
    0% {
      -webkit-transform: translateY(0) scale(0.4);
              transform: translateY(0) scale(0.4);
      -webkit-filter: grayscale(1);
              filter: grayscale(1); }
    30% {
      -webkit-transform: translateY(0) scale(0.4);
              transform: translateY(0) scale(0.4);
      -webkit-filter: grayscale(1);
              filter: grayscale(1); }
    38% {
      -webkit-transform: translateY(-76vh) scale(1);
              transform: translateY(-76vh) scale(1);
      -webkit-filter: grayscale(1);
              filter: grayscale(1); }
    40% {
      -webkit-transform: translateY(-80vh) scale(1);
              transform: translateY(-80vh) scale(1);
      -webkit-filter: grayscale(0);
              filter: grayscale(0); }
    100% {
      -webkit-transform: translateY(-80vh) scale(1);
              transform: translateY(-80vh) scale(1);
      -webkit-filter: grayscale(0);
              filter: grayscale(0); } }
  @-webkit-keyframes animation-sequence-projects-2 {
    0% {
      -webkit-transform: translateY(0) scale(0.4);
              transform: translateY(0) scale(0.4);
      -webkit-filter: grayscale(1);
              filter: grayscale(1); }
    20% {
      -webkit-transform: translateY(0) scale(0.4);
              transform: translateY(0) scale(0.4);
      -webkit-filter: grayscale(1);
              filter: grayscale(1); }
    28% {
      -webkit-transform: translateY(-86vh) scale(1);
              transform: translateY(-86vh) scale(1);
      -webkit-filter: grayscale(1);
              filter: grayscale(1); }
    30% {
      -webkit-transform: translateY(-90vh) scale(1);
              transform: translateY(-90vh) scale(1);
      -webkit-filter: grayscale(0);
              filter: grayscale(0); }
    100% {
      -webkit-transform: translateY(-90vh) scale(1);
              transform: translateY(-90vh) scale(1);
      -webkit-filter: grayscale(0);
              filter: grayscale(0); } }
  @keyframes animation-sequence-projects-2 {
    0% {
      -webkit-transform: translateY(0) scale(0.4);
              transform: translateY(0) scale(0.4);
      -webkit-filter: grayscale(1);
              filter: grayscale(1); }
    20% {
      -webkit-transform: translateY(0) scale(0.4);
              transform: translateY(0) scale(0.4);
      -webkit-filter: grayscale(1);
              filter: grayscale(1); }
    28% {
      -webkit-transform: translateY(-86vh) scale(1);
              transform: translateY(-86vh) scale(1);
      -webkit-filter: grayscale(1);
              filter: grayscale(1); }
    30% {
      -webkit-transform: translateY(-90vh) scale(1);
              transform: translateY(-90vh) scale(1);
      -webkit-filter: grayscale(0);
              filter: grayscale(0); }
    100% {
      -webkit-transform: translateY(-90vh) scale(1);
              transform: translateY(-90vh) scale(1);
      -webkit-filter: grayscale(0);
              filter: grayscale(0); } } }

/* ----------------------------------------------------------------------------------------------------
Super Form Reset
A couple of things to watch out for:
- IE8: If a text input doesn't have padding on all sides or none the text won't be centered.
- The default border sizes on text inputs in all UAs seem to be slightly different. You're better off using custom borders.
- You NEED to set the font-size and family on all form elements
- Search inputs need to have their appearance reset and the box-sizing set to content-box to match other UAs
- You can style the upload button in webkit using ::-webkit-file-upload-button
- ::-webkit-file-upload-button selectors can't be used in the same selector as normal ones. FF and IE freak out.
- IE: You don't need to fake inline-block with labels and form controls in IE. They function as inline-block.
- By turning off ::-webkit-search-decoration, it removes the extra whitespace on the left on search inputs
----------------------------------------------------------------------------------------------------*/
input,
label,
select,
button,
textarea {
  margin: 0;
  border: 0;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
  background: none;
  line-height: 1;
  border-radius: 0px;
  /* Browsers have different default form fonts */
  font-size: 13px;
  font-family: "NeueHaasGroteskText Pro Md", Helvetica, Arial, sans-serif; }

/* Remove the stupid outer glow in Webkit */
input:focus {
  outline: 0; }

/* Box Sizing Reset
-----------------------------------------------*/
/* All of our custom controls should be what we expect them to be */
input,
textarea {
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

/* These elements are usually rendered a certain way by the browser */
button,
input[type="reset"],
input[type="button"],
input[type="submit"],
input[type="checkbox"],
input[type="radio"],
select {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

/* Text Inputs
-----------------------------------------------*/
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="range"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: auto;
  border: 0;
  border-radius: 0px;
  margin: 0;
  outline: none;
  outline-color: transparent;
  background-color: transparent;
  -webkit-font-smoothing: inherit !important; }

/* Button Controls
-----------------------------------------------*/
input[type="radio"] {
  width: 0.9375rem;
  height: 1.625rem;
  margin: 0;
  border-radius: 0px; }

/* File Uploads
-----------------------------------------------*/
input[type="file"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: auto;
  border: 0;
  outline: none;
  outline-color: transparent;
  background-color: transparent;
  -webkit-font-smoothing: inherit !important; }

/* Search Input
-----------------------------------------------*/
/* Make webkit render the search input like a normal text field */
input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box; }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

/* Firefox */
input[type="number"] {
  -moz-appearance: textfield; }

/* Turn off the recent search for webkit. It adds about 15px padding on the left */
::-webkit-search-decoration {
  display: none; }

/* Buttons
-----------------------------------------------*/
button,
input[type="reset"],
input[type="button"],
input[type="submit"] {
  /* Fix IE7 display bug */
  overflow: visible;
  width: auto; }

/* IE8 and FF freak out if this rule is within another selector */
::-webkit-file-upload-button {
  padding: 0;
  border: 0;
  background: none; }

/* Textarea
-----------------------------------------------*/
textarea {
  /* Move the label to the top */
  vertical-align: top;
  /* Turn off scroll bars in IE unless needed */
  overflow: auto; }

/* Selects
-----------------------------------------------*/
select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: 30px;
  border: #000 thin solid;
  padding:5px 10px;
  outline: none;
  outline-color: transparent;
  background-color: transparent;
  -webkit-font-smoothing: inherit !important; }

select[multiple] {
  /* Move the label to the top */
  vertical-align: top; }

.footer .gform_wrapper .gfield_required_text {
  display: none; }

.footer .ginput_container input {
  color: #e6e0d9;
  background: #ffffff05;
  border-bottom: 1px solid #e6e0d9; }

.footer .ginput_container label {
  color: #e6e0d9; }

.footer .gform_footer input[type="submit"] {
  color: #e6e0d9; }

.footer .gform_confirmation_message {
  color: #e6e0d9; }

.body--open {
  overflow: hidden;
  height: 100%; }

.hidden {
  display: none; }

.xdebug-var-dump {
  max-width: 60vh;
  white-space: break-spaces; }

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.invisible {
  visibility: hidden; }

.-table {
  display: table; }

.-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.text-hidden span {
  font-size: 0; }
  
.informations{
	width:52%;
	margin:1em 0 1em 3em;
	padding: 1em 0 ;
	text-align:left;
	float:left;
}


.informations:last-child{
	margin-bottom:10em !important;
}



.informations h1{
	 font-family: "NeueHaasGroteskText Pro Md", Helvetica, Arial, sans-serif;
	font-size:1.5em;
	line-height:1.3;
	font-weight:bold;
	letter-spacing:0 !important;
	margin:2em auto 1em auto;
}

.informations h2{
	 font-family: "NeueHaasGroteskText Pro Md", Helvetica, Arial, sans-serif;
	font-size:1em;
	line-height:1.3;
	font-weight:normal;
	margin:2em auto 1em auto;
	letter-spacing:0 !important;
}

.informations p{
	font-family: "NeueHaasGroteskText Pro Md", Helvetica, Arial, sans-serif;
	font-size:0.8em;
	line-height:1.5 !important;
	font-weight:normal;
}

.informations p span{
	width:20px;
	padding:0 5px 4px 0;
	content:url(../img/common/proviso.svg);
}

@media only screen and (min-width: 64.0625rem) {
  .hide-on-desktop {
    display: none; } 
}

@media only screen and (max-width: 37.4375rem) {
  .hide-on-mobile {
    display: none; } 
}

.title-mega {
	font-family: 'Noto Serif Display', serif;
	font-weight:500;
	color: #1f1f1f;
	font-style:italic;
	letter-spacing:0 !important;
}


@media only screen and (min-width: 37.5rem) {

	.informations{
		width:70% !important;
		margin:1em 0 1em 5em !important;
		padding: 1em 0 !important ;
	}

	.title-mega {
		font-size:1.7em;
		padding:0 calc(15px + 54px) 2rem 0 ;
	}
 
}


@media only screen and (min-width: 64.0625rem) {

	.informations{
		width:70% !important;
		margin:1em 0 1em 5em !important;
		padding: 1em 0 !important ;
	}

	
	.title-mega {
		font-size:2em;
		padding:0 0 2em 0 ;
	}
}

/* Largest devices such as desktops (1280px and up) */
@media only screen and (min-width: 80em) {

	.informations{
		margin:1em 0 1em 5em !important;
	}


	
	
}

/* Largest devices such as desktops (1920px and up) */
@media only screen and (min-width: 120em) {

	.informations{
		width:70% !important;
		margin:1em 0 1em 5em !important;
		padding: 1em 0 !important ;
	}

	.informations p{
		font-size:1em;
		line-height:1.7 !important;
		font-weight:normal;
	}
	
}



	h1, .title-1 {
		font-family: 'Noto Serif Display', serif;
	font-size:2.1875rem;
	font-weight:300;
	color: #1f1f1f; }
  @media only screen and (min-width: 600px) {
    h1, .title-1 {
      font-size: 3.125rem; } }
  @media only screen and (min-width: 1025px) {
    h1, .title-1 {
      font-size: 3rem;
      line-height: 1.05; } }

h2, .title-2 {
  color: #1f1f1f;
  line-height: 1.1em;
  letter-spacing: 1px; }
  @media only screen and (min-width: 600px) {
    h2, .title-2 {
      font-size: 2.8125rem; } }
  @media only screen and (min-width: 1025px) {
    h2, .title-2 {
      font-size: 2rem; } }

	h3, .title-3 {
  color: #1f1f1f; }
  @media only screen and (min-width: 600px) {
    h3, .title-3 {
      font-size: 2.5rem; } }
  @media only screen and (min-width: 1025px) {
    h3, .title-3 {
      font-size: 3.125rem; } }

	h4, .title-4 {
	font-family: 'Noto Serif Display', serif;
	font-weight:200;
	font-size:1em;
	line-height:1 !important }
	

  @media only screen and (min-width: 600px) {
    h4, .title-4 {
      font-size: 2.1875rem; } }
  @media only screen and (min-width: 1025px) {
    h4, .title-4 {
      font-size: 3.4375rem; } }

	h5, .title-5 {
	font-weight:500;
	font-size:2.1875rem; }
  @media only screen and (min-width: 600px) {
    h5, .title-5 {
      font-size: 3.125rem; } }
  @media only screen and (min-width: 1025px) {
    h5, .title-5 {
      font-size: 3.125rem; } }

	h6, .title-6 {
  font: 500 1.25rem "ogg", Helvetica, Arial, sans-serif; }
  @media only screen and (min-width: 600px) {
    h6, .title-6 {
      font-size: 1.25rem; } }
  @media only screen and (min-width: 1025px) {
    h6, .title-6 {
      font-size: 1.25rem; } }

.title-marquee p {
 	font-family: 'Noto Serif Display', serif;
	font-size:3.1875rem;
	font-weight:200;
  color: #1f1f1f !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  letter-spacing: 2px; }

@media only screen and (min-width: 600px) {
  .title-marquee p {
    font-size: 5rem !important; } }

@media only screen and (min-width: 1025px) {
  .title-marquee p {
    font-size: 8.125rem !important; } }

.title-footer {
  font: 500 1.5625rem "ogg", Helvetica, Arial, sans-serif !important;
  color: #1f1f1f; }
  @media only screen and (min-width: 600px) {
    .title-footer {
      font-size: 2.8125rem !important; } }
  @media only screen and (min-width: 1025px) {
    .title-footer {
      font-size: 4.375rem !important; } }





.product-title {
  font: 500 2.1875rem "ogg", Helvetica, Arial, sans-serif;
  color: #1f1f1f; }
  @media only screen and (min-width: 600px) {
    .product-title {
      font-size: 2.8125rem; } }
  @media only screen and (min-width: 1025px) {
    .product-title {
      font-size: 4.375rem; } }

.product-grid-title {
	font-family: 'Noto Serif Display', serif;
	font-weight:200;
	font-size:.7rem;
	color: #b1b1b1;
	padding:1em 0;
	border-top:#b1b1b1 thin solid;
	border-bottom:#b1b1b1 thin solid; 
}

.support-grid-title {
	font-family: 'Noto Serif Display', serif;
	font-weight:200;
	font-size:.7rem;
	color: #1f1f1f; 
}

	
  @media only screen and (min-width: 600px) {
    .product-grid-title {
      font-size: 1.75rem; } }
  @media only screen and (min-width: 1025px) {
    .product-grid-title {
      font-size: 1.3rem; } }

.list-title {
  font: 500 1.5rem "ogg", Helvetica, Arial, sans-serif; }

.surtitle {
	font-family: "NeueHaasGroteskText Pro Md", Helvetica, Arial, sans-serif;
	font-size:0.7rem;
	font-weight:normal;
	text-transform:uppercase;
	color: #1f1f1f; 
	text-align:center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
	margin:auto;
}

.secondary-nav,
.process-title {
	font-family: "NeueHaasGroteskText Pro Md", Helvetica, Arial, sans-serif;
	font-weight:normal;
	color: #1f1f1f; 
}



@media only screen and (min-width: 37.5rem) {

	.secondary-nav,
    .process-title {
      font-size: 2.1875rem;
	}

}


@media only screen and (min-width: 64.0625rem) {
	
	.surtitle {
		font-size:0.7rem;
	}

	.secondary-nav,
    .process-title {
		font-size: 3.125rem; 
	} 

}


	  
@media only screen and (min-width: 100rem) {
	
	.surtitle {
		font-size:0.9rem;
	}

	.secondary-nav,
    .process-title {
		font-size: 5.125rem; 
	} 

}



body {
	font-family: "NeueHaasGroteskText Pro Md";
    font-weight: 500;
    font-style: normal;
	color: #1f1f1f;
	letter-spacing: 0.025em; }

.ogg {
  font-family: "NeueHaasGroteskText Pro Md";
      font-weight: 500;
    font-style: normal;
	font-size: 1.125rem; }

p,
.text-secondary {
	font-family: "NeueHaasGroteskText Pro Md";
	font-size:0.7rem;
  color: #1f1f1f;
  font-style:normal;
  font-weight:200;
  line-height:1.3;}
  @media only screen and (min-width: 600px) {
    p,
    .text-secondary {
      font-size: 0.8rem; } }
@media only screen and (min-width: 1025px) {
   
	p,
    .text-secondary {
		font-size: 0.7rem;
		letter-spacing:0.02rem;
		line-height:1.5;
	} 
}

.text-primary {

  color: #1f1f1f; }
  @media only screen and (min-width: 600px) {
    .text-primary {
      font-size: 2.1875rem; } }
  @media only screen and (min-width: 1025px) {
    .text-primary {
      font-size: 3.4375rem; } }

.quote-text {
  font: 500 1.25rem "ogg", Helvetica, Arial, sans-serif;
  color: #1f1f1f;
  text-align: center; }
  @media only screen and (min-width: 600px) {
    .quote-text {
      font-size: 1.5625rem; } }
  @media only screen and (min-width: 1025px) {
    .quote-text {
      font-size: 2.1875rem; } }

.quote-name {
  font: italic 600 0.875rem "NeueHaasGroteskText Pro Md", Helvetica, Arial, sans-serif;
  color: #1f1f1f;
  margin-top: 1em;
  text-align: center; }
  @media only screen and (min-width: 600px) {
    .quote-name {
      font-size: 0.875rem; } }
  @media only screen and (min-width: 1025px) {
    .quote-name {
      font-size: 0.875rem; } }

blockquote,
.exergue {
  font: 500 1.0625rem "ogg", Helvetica, Arial, sans-serif;
  color: #1f1f1f;
  padding-left: 1em;
  border-left: 1px solid #707070;
  padding-top: 1em;
  padding-bottom: 1em;
  margin-top: 2em;
  margin-bottom: 2em; }
  @media only screen and (min-width: 600px) {
    blockquote,
    .exergue {
      font-size: 1.125rem;
      width: 80%;
      margin-left: auto;
      margin-right: auto; } }
  @media only screen and (min-width: 1025px) {
    blockquote,
    .exergue {
      font-size: 1.5625rem; } }

.text-center {
  font: 500 1.5625rem "ogg", Helvetica, Arial, sans-serif;
  text-align: center; }
  @media only screen and (min-width: 600px) {
    .text-center {
      font-size: 2.1875rem; } }
  @media only screen and (min-width: 1025px) {
    .text-center {
      font-size: 3.4375rem; } }

.border-list li {
  font: 500 0.875rem "NeueHaasGroteskText Pro Md", Helvetica, Arial, sans-serif;
  color: #1f1f1f;
  padding: 1em 1em;
  border-top: 1px solid #707070; }
  .border-list li:last-of-type {
    border-bottom: 1px solid #707070; }

.point-list li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
		  font-family:"NeueHaasGroteskText Pro Md", Helvetica, Arial, sans-serif;
		  font-size:0.7rem;
		  font-weight:300;
  				color: #1f1f1f;
  padding: 0.5em 0;
border-bottom: 0.1em solid #707070;
	border-top: 0.1em solid #707070;
	margin-bottom:-0.1em;
}
  .point-list li:before {
    content: '';
    display: block;
    background-color: #1f1f1f;
    min-width: 2rem;
    height: 0.1em;
    margin-right: 1em; 
	}

.point-list li span{
	font-size:12px;

	margin:0 5px;
}


::-moz-selection {
  border: 0;
  text-shadow: none;
  outline: none;
  background-color: #dadada; }

::selection {
  border: 0;
  text-shadow: none;
  outline: none;
  background-color: #dadada; }

main {
  background-color: transparent;
  pointer-events: all;
  background-color: var(--backgroundcolor);
  -webkit-transition: background-color 0.4s ease-in 0s;
  transition: background-color 0.4s ease-in 0s; }

.header-wrapper {
  pointer-events: all;
  position: absolute;
  width: 100%;
  z-index: 10;
  border-bottom: 1px #707070 solid; }

.dom-wrapper {
  overflow: hidden; }

.page-wrapper {
  padding-top: 67px;
  padding-bottom: 60vh;
  pointer-events: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 100%;
  overflow: hidden;
  position: relative; }

.wolfpack-container {
  min-width: 100vw;
  margin: 0;
  padding: 0;
  height: 100%; }

.nav-wrapper {
  pointer-events: all;
  z-index: 6;
  width: 100%;
  opacity: 0;
  -webkit-transform: translateX(100vw);
          transform: translateX(100vw);
  -webkit-transition: opacity 0s linear 1.5s, -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
  transition: opacity 0s linear 1.5s, -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
  transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s, opacity 0s linear 1.5s;
  transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s, opacity 0s linear 1.5s, -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s; }
  .nav-wrapper--open {
    opacity: 1;
    -webkit-transform: translateX(0vw);
            transform: translateX(0vw);
    -webkit-transition: opacity 0s linear 0s, -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
    transition: opacity 0s linear 0s, -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
    transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s, opacity 0s linear 0s;
    transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s, opacity 0s linear 0s, -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s; }

.container {
  padding: 1em 15px;
  margin-left: auto;
  margin-right: auto; }
  @media only screen and (min-width: 37.5rem) {
    .container {
      padding: 1em calc(40px + 72px) 1em 40px; } }
  @media only screen and (min-width: 64.0625rem) {
    .container {
      margin-left: auto;
      margin-right: auto;
      padding: 1em calc(40px + 72px) 1em 40px; }
      .container > * {
        max-width: 100rem;
        margin: 0 auto; } }

@media only screen and (min-width: 37.5rem) {
  .page-wrapper {
    pointer-events: none;
    padding-top: 0; }
  .header-wrapper {
    width: auto;
    right: 0;
    left: initial !important;
    border-left: 1px solid #3f3f3f; }
  .nav-wrapper {
    padding-right: 54px; }
    .nav-wrapper .scrollbar-track-y {
      right: 10px !important; }
  .wolfpack-container::after {
    content: '';
    height: 100%;
    width: 0.0625rem;
    background-color: ##1f1f1f;
    display: block;
    position: absolute;
    top: 0;
    right: 54px;
    display: none; } }

@media only screen and (min-width: 64.0625rem) {
  .page-wrapper {
    pointer-events: none;
    padding-bottom: 0; }
    .page-wrapper::after {
      content: '';
      display: block;
      width: 100%;
      padding-bottom: 100vh;
      pointer-events: none; }
  .nav-wrapper {
    padding-right: 72px; }
  .wolfpack-container::after {
    right: 72px; } }

.button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.7rem;
  font-family: "NeueHaasGroteskText Pro Md", Helvetica, Arial, sans-serif; 
}
  
  .button:after {
    content: '';
    display: block;
    margin-left: 0.5em;
    background-image: url("../img/common/arrow_btn.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 4.5rem;
    height: 0.9375rem;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: -webkit-transform 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: transform 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: transform 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); }
  .button--NeueHaasGroteskText Pro Md {
    font-size: 1rem;
    font-family: "NeueHaasGroteskText Pro Md", Helvetica, Arial, sans-serif; }
    .button--NeueHaasGroteskText Pro Md:after {
      margin-left: 0.5em;
      background-image: url("../img/common/small_arrow_btn.svg");
      width: 0.9375rem;
      height: 0.625rem; }
  .button:hover:after {
    -webkit-transform: translateX(1em);
            transform: translateX(1em); }
  .button--empty:after {
    background-image: url("../img/common/losange.svg");
    width: 6.25rem;
    height: 6.25rem; }
	
/* Small devices such as large phones (640px and up) */
@media only screen and (min-width: 40em) {...}

/* Medium devices such as tablets (768px and up) */
@media only screen and (min-width: 48em) {...}

/* Large devices such as laptops (1024px and up) */
@media only screen and (min-width: 64em) {...}

/* Largest devices such as desktops (1280px and up) */
@media only screen and (min-width: 80em) {
	
	.button {
		font-size: 0.9rem;
	}
}

/* Largest devices such as desktops (1280px and up) */
@media only screen and (min-width: 120em) {

	.button {
		font-size: 1.1rem;
	}
	
}	
	
	

@-webkit-keyframes preloader_fade_in_img {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

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

@-webkit-keyframes preloader_close {
  0% {
    max-height: 100vh; }
  100% {
    max-height: 0vh; } }

@keyframes preloader_close {
  0% {
    max-height: 100vh; }
  100% {
    max-height: 0vh; } }

.preloader {
  z-index: 20;
  position: relative;
  display: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  background-color: #e6e0d9;
  height: 100vh;
  width: 100%;
  -webkit-animation-name: preloader_close;
          animation-name: preloader_close;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }
  .preloader__container {
    height: 100vh;
    width: 100vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .preloader__image-container {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 21;
    -webkit-animation-name: preloader_fade_in_img;
            animation-name: preloader_fade_in_img;
    -webkit-animation-duration: 2s;
            animation-duration: 2s;
    -webkit-animation-delay: 1s;
            animation-delay: 1s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards; }
  .preloader__info-container {
    z-index: 22;
    opacity: 0;
    -webkit-animation-name: preloader_fade_in_img;
            animation-name: preloader_fade_in_img;
    -webkit-animation-duration: 2s;
            animation-duration: 2s;
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards; }
  .preloader__logo-hexagon {
    height: 30vh;
    width: 30vh;
    position: relative;
    margin: auto;
	
	 }
    .preloader__logo-hexagon:after {
      content: '';
      height: 30vh;
      width: 30vh;
      display: block;
      background-color: #1f1f1f;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto;
      -webkit-transform-origin: center;
              transform-origin: center;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }
  .preloader__logo {
    z-index: 23;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 30%;
    width: 20%; }

.menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }

.header {
  padding: 1em 15px;
  margin-left: auto;
  margin-right: auto;
  background-color: var(--backgroundcolor);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: background-color 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) 0.6s;
  transition: background-color 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) 0.6s; }
  @media only screen and (min-width: 37.5rem) {
    .header {
      padding: 1em 10px; } }
  @media only screen and (min-width: 64.0625rem) {
    .header {
      padding: 1em 10px;
      max-width: 100rem; } }
  .header--open {
    background-color: #1f1f1f !important;
    -webkit-transition-delay: 0s;
            transition-delay: 0s; }
  .header__burger {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    width: auto;
    padding: 15px 0;
    position: relative;
    opacity: 1; }
    .header__burger span {
      background-color: #1f1f1f;
      position: relative;
      display: inline-block;
      width: 40px;
      height: 3px;
      margin: 4px 0;
      -webkit-transform-origin: center;
              transform-origin: center;
      -webkit-transition: background-color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0.5s, -webkit-transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
      transition: background-color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0.5s, -webkit-transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
      transition: transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s, background-color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0.5s;
      transition: transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s, background-color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0.5s, -webkit-transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s; }
    .header__burger--open span {
      background-color: #d1d1d1;
      -webkit-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
      transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
      -webkit-transition-delay: 0s;
              transition-delay: 0s; }
      .header__burger--open span:first-of-type {
        -webkit-transform: translateY(5px) rotate(45deg);
                transform: translateY(5px) rotate(45deg); }
      .header__burger--open span:last-of-type {
        -webkit-transform: translateY(-5px) rotate(-45deg);
                transform: translateY(-5px) rotate(-45deg); }
  
.header__logo-container{
	width:20px;
}
  
  .header__logo-container img {
    -webkit-filter: invert(0);
            filter: invert(0);
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-filter 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0.3s;
    transition: -webkit-transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-filter 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0.3s;
    transition: transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1), filter 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0.3s;
    transition: transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1), filter 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0.3s, -webkit-transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-filter 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0.3s; }
  .header__logo-container--open img {
    -webkit-transform: translateX(-35vw);
            transform: translateX(-35vw);
    -webkit-filter: invert(1);
            filter: invert(1);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-filter 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: -webkit-transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-filter 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1), filter 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1), filter 0.3s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-filter 0.3s cubic-bezier(0.39, 0.575, 0.565, 1); }
  .header__icon-container svg {
    display: block;
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
    margin: auto;
    opacity: 1;
    -webkit-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1); }
    .header__icon-container svg rect {
      stroke: #1f1f1f;
      -webkit-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0.3s;
      transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0.3s; }
  .header__icon-container--open svg {
    opacity: 0;
    -webkit-transform: translateX(-10vw);
            transform: translateX(-10vw);
    -webkit-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1); }
    .header__icon-container--open svg rect {
      stroke: #f1ebe5;
      -webkit-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
      transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1); }

.nav-center {
  padding: 5em 0; 
}

.nav-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color:#1f1f1f;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 90vh; }

.nav {
  counter-reset: section;
  width: 100%; }
  .nav a {
    color: #f1ebe5; }
  .nav__primary > a {
	  font-family: 'Noto Serif Display', serif;
	  font-weight:200;
    font-size: 1.875rem;
	letter-spacing: 1px;
    color: #d1d1d1;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;

    padding: 0;
    margin: 0 0 0.1em 0;

    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content; }
    
/* Small devices such as large phones (640px and up) */
@media only screen and (max-width: 37em) {

.header__logo-container{
	margin-left:35px;
}

}

/* Medium devices such as tablets (768px and up) */
@media only screen and (min-width: 48em) {

  	.header__logo-container{
		width:30px;
		margin:0;
	 }



	.nav__primary > a {
		font-size: 2.1rem; 
	} 


}

/* Large devices such as laptops (1024px and up) */
@media only screen and (min-width: 64em) {
	
	.nav__primary > a {
		font-size: 2.8rem;
		font-weight:100; 
	}	
}

/* Largest devices such as desktops (1280px and up) */
@media only screen and (min-width: 80em) {
	
	.button {
		font-size: 0.7rem;
	}

	.nav__primary > a {
		font-size: 2.8rem;
		font-weight:100; 
	}

	.sub-nav a {
		font-size:1.8em;
		font-weight: 200;
	}

}

/* Largest devices such as desktops (1280px and up) */
@media only screen and (min-width: 120em) {

	.button {
		font-size: 1.1rem;
	}
	
}



		
		
		
		
		
    .nav__primary > a::before {
      counter-increment: section;
      content: "0" counter(section);
      min-width: 1.5625rem;
      height: 0.75rem;
      display: inline-block;
      font-size: 0.9375rem;
      margin-right: 0.5em; 
	margin-top: 0rem;}
  .nav__primary .sub-menu {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), margin-top 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: max-height 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), margin-top 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .nav__primary--open .sub-menu {
    max-height: 62.5rem;
    overflow: hidden;
    margin-top: 0px;
    -webkit-transition: max-height 0.8s cubic-bezier(0.785, 0.135, 0.15, 0.86), margin-top 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
    transition: max-height 0.8s cubic-bezier(0.785, 0.135, 0.15, 0.86), margin-top 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s; }
  .nav__secondary {
    padding-left: 5em; }
    .nav__secondary > a {
      font: 500 1.25rem "ogg", Helvetica, Arial, sans-serif;
      color: #1f1f1f;
      color: #f1ebe5;
      position: relative;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 0em 0.5em;
      margin: 0.5em 0;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content; }
      @media only screen and (min-width: 600px) {
        .nav__secondary > a {
          font-size: 2.1875rem; } }
      @media only screen and (min-width: 1025px) {
        .nav__secondary > a {
          font-size: 3.125rem; } }
      .nav__secondary > a::before {
        content: '';
        width: 3.875rem;
        height: 0.0625rem;
        background-color: #f1ebe5;
        margin-right: 0.5em; }

.main-nav {
  padding: 1em 15px;
  margin-left: 0;
  }
  @media only screen and (min-width: 37.5rem) {
    .main-nav {
      padding: 1em calc(40px + 72px) 1em 40px; } }
  @media only screen and (min-width: 64.0625rem) {
    .main-nav {
      margin-left: auto;
      margin-right: auto;
      padding: 1em 0 1em 40px; }
      .main-nav > * {
        max-width: 100rem;
        margin: 0 auto; } }

.sub-nav {
  padding: 0.5em 0;
  margin-left: auto;
  margin-right:auto;
}
  
  @media only screen and (min-width: 37.5rem) {
    .sub-nav {
      padding: 1em calc(40px + 72px) 1em 40px; } }
  @media only screen and (min-width: 64.0625rem) {
    .sub-nav {
  	margin-left:0;
	margin-right:0;
      padding: 0 }
      .sub-nav > * {
        max-width: 100rem;
        margin: 0 auto; } }
  .sub-nav .menu {
    padding-left: 5.5em; }
	
.sub-nav a {
	font-family: 'Noto Serif Display', serif;
    display: inline-block;
    padding: 0.3em 0;
    color: #d1d1d1;
	font-size:1.2em;
	font-weight: 200;
    position: relative;
    -webkit-transition: -webkit-transform 0.25s ease-in-out;
    transition: -webkit-transform 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out; 
}
    
	.sub-nav a::after {
      content: '';
      height: 1px;
      width: 100%;
      background-color: #d1d1d1;
      display: block;
      position: absolute;
      bottom: 5px;
      right: 0;
      -webkit-transform: scaleX(0);
              transform: scaleX(0);
      -webkit-transform-origin: left;
              transform-origin: left;
      -webkit-transition: -webkit-transform 0.5s ease-in-out;
      transition: -webkit-transform 0.5s ease-in-out;
      transition: transform 0.5s ease-in-out;
      transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out; }
    .sub-nav a:hover::after {
      -webkit-transform: scaleX(1);
              transform: scaleX(1); }

@media only screen and (min-width: 37.5rem) {
  .header {
    width: 54px;
    background-color: transparent;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100vh; }
    .header__burger {
      width: 70%; }
      .header__burger span {
        width: 100%;
        -webkit-transition: background-color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 1s, -webkit-transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
        transition: background-color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 1s, -webkit-transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
        transition: transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s, background-color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 1s;
        transition: transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s, background-color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 1s, -webkit-transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s; }
      .header__burger--open span {
        -webkit-transition: background-color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s, -webkit-transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
        transition: background-color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s, -webkit-transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
        transition: transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s, background-color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
        transition: transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s, background-color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s, -webkit-transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s; }
    .header__logo-container img {
      -webkit-filter: invert(0);
              filter: invert(0);
      -webkit-transform: translateX(0px);
              transform: translateX(0px);
      -webkit-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 1s;
      transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 1s; }
    .header__logo-container--open img {
      -webkit-transform: translateX(0px);
              transform: translateX(0px);
      -webkit-filter: invert(1);
              filter: invert(1);
      -webkit-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
      transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s; }
    .header__icon-container svg {
      -webkit-transform: translateX(0px);
              transform: translateX(0px);
      width: 100%; }
      .header__icon-container svg rect {
        -webkit-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 1s;
        transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 1s; }
    .header__icon-container--open svg {
      opacity: 1;
      -webkit-transform: translateX(0px);
              transform: translateX(0px); }
      .header__icon-container--open svg rect {
        -webkit-transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
        transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s; }
  	
	
	.sub-nav .menu {
		padding-left: 4.75em; 
	}
	
	.nav-container {
		padding: 30em 0 30em 0;
		height: 100vh; 
	}
	
    .nav-container .scrollbar-track-y {
      right: 1px !important; } 
}


@media only screen and (min-width: 64.0625rem) {
  .header {
    width: 72px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  .nav {
    -webkit-box-flex: 3;
    -webkit-flex: 3;
        -ms-flex: 3;
            flex: 3; }

	.nav-container {
		padding: 20em 0 20em 0;
		height: 100vh; 
	}

    .nav__primary > a::after {
      content: '';
      height: 1px;
      width: calc(100% - 75px);
      background-color: #d1d1d1;
      display: block;
      position: absolute;
      bottom: 7px;
      right: 0;
      -webkit-transform: scaleX(0);
              transform: scaleX(0);
      -webkit-transform-origin: left;
              transform-origin: left;
      -webkit-transition: -webkit-transform 0.5s ease-in-out;
      transition: -webkit-transform 0.5s ease-in-out;
      transition: transform 0.5s ease-in-out;
      transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out; }
    .nav__primary > a:hover::after {
      -webkit-transform: scaleX(1);
              transform: scaleX(1); }
    .nav__secondary > a {
      padding: 0;
      margin: 0.5em; }
      .nav__secondary > a::after {
        content: '';
        height: 1px;
        width: calc(100% - 80px);
        background-color: #e6e0d9;
        display: block;
        position: absolute;
        bottom: 10px;
        right: 0;
        -webkit-transform: scaleX(0);
                transform: scaleX(0);
        -webkit-transform-origin: left;
                transform-origin: left;
        -webkit-transition: -webkit-transform 0.5s ease-in-out;
        transition: -webkit-transform 0.5s ease-in-out;
        transition: transform 0.5s ease-in-out;
        transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out; }
      .nav__secondary > a:hover::after {
        -webkit-transform: scaleX(1);
                transform: scaleX(1); }
  .sub-nav {
    -webkit-box-flex: 3;
    -webkit-flex: 3;
        -ms-flex: 3;
            flex: 3; }
    .sub-nav .menu {
      padding-left: 0;
      padding: 2.1em 0; }

	.nav-container {
    	min-height: 100vh; 
	}
	
	.nav-center {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
        -ms-flex-direction: row;
		flex-direction: row;
		width: 100%;
		color:#FFF !important;
	}

}

@media only screen and (max-width: 600px) {
  .header {
    height: 67px !important;
	border:none;} 
}
	

.nav-wrapper {
	padding:0;
	margin:0;
}

.nav-wrapper .nav__primary {
  position: relative;
  -webkit-transform: translateY(-50px);
          transform: translateY(-50px); }
  .nav-wrapper .nav__primary:nth-of-type(1n) {
    -webkit-transition: -webkit-transform 0.6s ease-in-out 0s;
    transition: -webkit-transform 0.6s ease-in-out 0s;
    transition: transform 0.6s ease-in-out 0s;
    transition: transform 0.6s ease-in-out 0s, -webkit-transform 0.6s ease-in-out 0s; }
    .nav-wrapper .nav__primary:nth-of-type(1n)::after {
      -webkit-transition: -webkit-transform 0.7s ease-in-out 0s;
      transition: -webkit-transform 0.7s ease-in-out 0s;
      transition: transform 0.7s ease-in-out 0s;
      transition: transform 0.7s ease-in-out 0s, -webkit-transform 0.7s ease-in-out 0s; }
  .nav-wrapper .nav__primary:nth-of-type(2n) {
    -webkit-transition: -webkit-transform 0.6s ease-in-out 0s;
    transition: -webkit-transform 0.6s ease-in-out 0s;
    transition: transform 0.6s ease-in-out 0s;
    transition: transform 0.6s ease-in-out 0s, -webkit-transform 0.6s ease-in-out 0s; }
    .nav-wrapper .nav__primary:nth-of-type(2n)::after {
      -webkit-transition: -webkit-transform 0.7s ease-in-out 0s;
      transition: -webkit-transform 0.7s ease-in-out 0s;
      transition: transform 0.7s ease-in-out 0s;
      transition: transform 0.7s ease-in-out 0s, -webkit-transform 0.7s ease-in-out 0s; }
  .nav-wrapper .nav__primary:nth-of-type(3n) {
    -webkit-transition: -webkit-transform 0.6s ease-in-out 0s;
    transition: -webkit-transform 0.6s ease-in-out 0s;
    transition: transform 0.6s ease-in-out 0s;
    transition: transform 0.6s ease-in-out 0s, -webkit-transform 0.6s ease-in-out 0s; }
    .nav-wrapper .nav__primary:nth-of-type(3n)::after {
      -webkit-transition: -webkit-transform 0.7s ease-in-out 0s;
      transition: -webkit-transform 0.7s ease-in-out 0s;
      transition: transform 0.7s ease-in-out 0s;
      transition: transform 0.7s ease-in-out 0s, -webkit-transform 0.7s ease-in-out 0s; }
  .nav-wrapper .nav__primary:nth-of-type(4n) {
    -webkit-transition: -webkit-transform 0.6s ease-in-out 0s;
    transition: -webkit-transform 0.6s ease-in-out 0s;
    transition: transform 0.6s ease-in-out 0s;
    transition: transform 0.6s ease-in-out 0s, -webkit-transform 0.6s ease-in-out 0s; }
    .nav-wrapper .nav__primary:nth-of-type(4n)::after {
      -webkit-transition: -webkit-transform 0.7s ease-in-out 0s;
      transition: -webkit-transform 0.7s ease-in-out 0s;
      transition: transform 0.7s ease-in-out 0s;
      transition: transform 0.7s ease-in-out 0s, -webkit-transform 0.7s ease-in-out 0s; }
  .nav-wrapper .nav__primary:nth-of-type(5n) {
    -webkit-transition: -webkit-transform 0.6s ease-in-out 0s;
    transition: -webkit-transform 0.6s ease-in-out 0s;
    transition: transform 0.6s ease-in-out 0s;
    transition: transform 0.6s ease-in-out 0s, -webkit-transform 0.6s ease-in-out 0s; }
    .nav-wrapper .nav__primary:nth-of-type(5n)::after {
      -webkit-transition: -webkit-transform 0.7s ease-in-out 0s;
      transition: -webkit-transform 0.7s ease-in-out 0s;
      transition: transform 0.7s ease-in-out 0s;
      transition: transform 0.7s ease-in-out 0s, -webkit-transform 0.7s ease-in-out 0s; }
  .nav-wrapper .nav__primary:nth-of-type(6n) {
    -webkit-transition: -webkit-transform 0.6s ease-in-out 0s;
    transition: -webkit-transform 0.6s ease-in-out 0s;
    transition: transform 0.6s ease-in-out 0s;
    transition: transform 0.6s ease-in-out 0s, -webkit-transform 0.6s ease-in-out 0s; }
    .nav-wrapper .nav__primary:nth-of-type(6n)::after {
      -webkit-transition: -webkit-transform 0.7s ease-in-out 0s;
      transition: -webkit-transform 0.7s ease-in-out 0s;
      transition: transform 0.7s ease-in-out 0s;
      transition: transform 0.7s ease-in-out 0s, -webkit-transform 0.7s ease-in-out 0s; }
  .nav-wrapper .nav__primary::after {
    content: '';
    background-color: #1f1f1f;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition: opacity 0.2s linear 1.4s, -webkit-transform 0.2s ease-in-out;
    transition: opacity 0.2s linear 1.4s, -webkit-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, opacity 0.2s linear 1.4s;
    transition: transform 0.2s ease-in-out, opacity 0.2s linear 1.4s, -webkit-transform 0.2s ease-in-out; }

.nav-wrapper .sub-nav {
  position: relative; }
  .nav-wrapper .sub-nav .menu-item {
    position: relative;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px); }
    .nav-wrapper .sub-nav .menu-item:nth-of-type(1n) {
      -webkit-transition: -webkit-transform 0.6s ease-in-out 0s;
      transition: -webkit-transform 0.6s ease-in-out 0s;
      transition: transform 0.6s ease-in-out 0s;
      transition: transform 0.6s ease-in-out 0s, -webkit-transform 0.6s ease-in-out 0s; }
      .nav-wrapper .sub-nav .menu-item:nth-of-type(1n)::after {
        -webkit-transition: -webkit-transform 0.7s ease-in-out 0s;
        transition: -webkit-transform 0.7s ease-in-out 0s;
        transition: transform 0.7s ease-in-out 0s;
        transition: transform 0.7s ease-in-out 0s, -webkit-transform 0.7s ease-in-out 0s; }
    .nav-wrapper .sub-nav .menu-item:nth-of-type(2n) {
      -webkit-transition: -webkit-transform 0.6s ease-in-out 0s;
      transition: -webkit-transform 0.6s ease-in-out 0s;
      transition: transform 0.6s ease-in-out 0s;
      transition: transform 0.6s ease-in-out 0s, -webkit-transform 0.6s ease-in-out 0s; }
      .nav-wrapper .sub-nav .menu-item:nth-of-type(2n)::after {
        -webkit-transition: -webkit-transform 0.7s ease-in-out 0s;
        transition: -webkit-transform 0.7s ease-in-out 0s;
        transition: transform 0.7s ease-in-out 0s;
        transition: transform 0.7s ease-in-out 0s, -webkit-transform 0.7s ease-in-out 0s; }
    .nav-wrapper .sub-nav .menu-item:nth-of-type(3n) {
      -webkit-transition: -webkit-transform 0.6s ease-in-out 0s;
      transition: -webkit-transform 0.6s ease-in-out 0s;
      transition: transform 0.6s ease-in-out 0s;
      transition: transform 0.6s ease-in-out 0s, -webkit-transform 0.6s ease-in-out 0s; }
      .nav-wrapper .sub-nav .menu-item:nth-of-type(3n)::after {
        -webkit-transition: -webkit-transform 0.7s ease-in-out 0s;
        transition: -webkit-transform 0.7s ease-in-out 0s;
        transition: transform 0.7s ease-in-out 0s;
        transition: transform 0.7s ease-in-out 0s, -webkit-transform 0.7s ease-in-out 0s; }
    .nav-wrapper .sub-nav .menu-item:nth-of-type(4n) {
      -webkit-transition: -webkit-transform 0.6s ease-in-out 0s;
      transition: -webkit-transform 0.6s ease-in-out 0s;
      transition: transform 0.6s ease-in-out 0s;
      transition: transform 0.6s ease-in-out 0s, -webkit-transform 0.6s ease-in-out 0s; }
      .nav-wrapper .sub-nav .menu-item:nth-of-type(4n)::after {
        -webkit-transition: -webkit-transform 0.7s ease-in-out 0s;
        transition: -webkit-transform 0.7s ease-in-out 0s;
        transition: transform 0.7s ease-in-out 0s;
        transition: transform 0.7s ease-in-out 0s, -webkit-transform 0.7s ease-in-out 0s; }
    .nav-wrapper .sub-nav .menu-item:nth-of-type(5n) {
      -webkit-transition: -webkit-transform 0.6s ease-in-out 0s;
      transition: -webkit-transform 0.6s ease-in-out 0s;
      transition: transform 0.6s ease-in-out 0s;
      transition: transform 0.6s ease-in-out 0s, -webkit-transform 0.6s ease-in-out 0s; }
      .nav-wrapper .sub-nav .menu-item:nth-of-type(5n)::after {
        -webkit-transition: -webkit-transform 0.7s ease-in-out 0s;
        transition: -webkit-transform 0.7s ease-in-out 0s;
        transition: transform 0.7s ease-in-out 0s;
        transition: transform 0.7s ease-in-out 0s, -webkit-transform 0.7s ease-in-out 0s; }
    .nav-wrapper .sub-nav .menu-item:nth-of-type(6n) {
      -webkit-transition: -webkit-transform 0.6s ease-in-out 0s;
      transition: -webkit-transform 0.6s ease-in-out 0s;
      transition: transform 0.6s ease-in-out 0s;
      transition: transform 0.6s ease-in-out 0s, -webkit-transform 0.6s ease-in-out 0s; }
      .nav-wrapper .sub-nav .menu-item:nth-of-type(6n)::after {
        -webkit-transition: -webkit-transform 0.7s ease-in-out 0s;
        transition: -webkit-transform 0.7s ease-in-out 0s;
        transition: transform 0.7s ease-in-out 0s;
        transition: transform 0.7s ease-in-out 0s, -webkit-transform 0.7s ease-in-out 0s; }
    .nav-wrapper .sub-nav .menu-item::after {
      content: '';
      background-color: #1f1f1f;
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      opacity: 1;
      pointer-events: none;
      -webkit-transform: translateY(0);
              transform: translateY(0);
      -webkit-transition: opacity 0.2s linear 1.4s, -webkit-transform 0.6s ease-in-out 1.5s;
      transition: opacity 0.2s linear 1.4s, -webkit-transform 0.6s ease-in-out 1.5s;
      transition: transform 0.6s ease-in-out 1.5s, opacity 0.2s linear 1.4s;
      transition: transform 0.6s ease-in-out 1.5s, opacity 0.2s linear 1.4s, -webkit-transform 0.6s ease-in-out 1.5s; }

.nav-wrapper--open .nav__primary {
  -webkit-transform: translateY(0);
          transform: translateY(0); }
  .nav-wrapper--open .nav__primary:nth-of-type(1n) {
    -webkit-transition: opacity 0.2s linear 1.6s, -webkit-transform 0.6s ease-in-out 0.6s;
    transition: opacity 0.2s linear 1.6s, -webkit-transform 0.6s ease-in-out 0.6s;
    transition: transform 0.6s ease-in-out 0.6s, opacity 0.2s linear 1.6s;
    transition: transform 0.6s ease-in-out 0.6s, opacity 0.2s linear 1.6s, -webkit-transform 0.6s ease-in-out 0.6s; }
    .nav-wrapper--open .nav__primary:nth-of-type(1n)::after {
      -webkit-transition: opacity 0.2s linear 1.6s, -webkit-transform 0.7s ease-in-out 0.6s;
      transition: opacity 0.2s linear 1.6s, -webkit-transform 0.7s ease-in-out 0.6s;
      transition: transform 0.7s ease-in-out 0.6s, opacity 0.2s linear 1.6s;
      transition: transform 0.7s ease-in-out 0.6s, opacity 0.2s linear 1.6s, -webkit-transform 0.7s ease-in-out 0.6s; }
  .nav-wrapper--open .nav__primary:nth-of-type(2n) {
    -webkit-transition: opacity 0.2s linear 1.75s, -webkit-transform 0.6s ease-in-out 0.75s;
    transition: opacity 0.2s linear 1.75s, -webkit-transform 0.6s ease-in-out 0.75s;
    transition: transform 0.6s ease-in-out 0.75s, opacity 0.2s linear 1.75s;
    transition: transform 0.6s ease-in-out 0.75s, opacity 0.2s linear 1.75s, -webkit-transform 0.6s ease-in-out 0.75s; }
    .nav-wrapper--open .nav__primary:nth-of-type(2n)::after {
      -webkit-transition: opacity 0.2s linear 1.75s, -webkit-transform 0.7s ease-in-out 0.75s;
      transition: opacity 0.2s linear 1.75s, -webkit-transform 0.7s ease-in-out 0.75s;
      transition: transform 0.7s ease-in-out 0.75s, opacity 0.2s linear 1.75s;
      transition: transform 0.7s ease-in-out 0.75s, opacity 0.2s linear 1.75s, -webkit-transform 0.7s ease-in-out 0.75s; }
  .nav-wrapper--open .nav__primary:nth-of-type(3n) {
    -webkit-transition: opacity 0.2s linear 1.9s, -webkit-transform 0.6s ease-in-out 0.9s;
    transition: opacity 0.2s linear 1.9s, -webkit-transform 0.6s ease-in-out 0.9s;
    transition: transform 0.6s ease-in-out 0.9s, opacity 0.2s linear 1.9s;
    transition: transform 0.6s ease-in-out 0.9s, opacity 0.2s linear 1.9s, -webkit-transform 0.6s ease-in-out 0.9s; }
    .nav-wrapper--open .nav__primary:nth-of-type(3n)::after {
      -webkit-transition: opacity 0.2s linear 1.9s, -webkit-transform 0.7s ease-in-out 0.9s;
      transition: opacity 0.2s linear 1.9s, -webkit-transform 0.7s ease-in-out 0.9s;
      transition: transform 0.7s ease-in-out 0.9s, opacity 0.2s linear 1.9s;
      transition: transform 0.7s ease-in-out 0.9s, opacity 0.2s linear 1.9s, -webkit-transform 0.7s ease-in-out 0.9s; }
  .nav-wrapper--open .nav__primary:nth-of-type(4n) {
    -webkit-transition: opacity 0.2s linear 2.05s, -webkit-transform 0.6s ease-in-out 1.05s;
    transition: opacity 0.2s linear 2.05s, -webkit-transform 0.6s ease-in-out 1.05s;
    transition: transform 0.6s ease-in-out 1.05s, opacity 0.2s linear 2.05s;
    transition: transform 0.6s ease-in-out 1.05s, opacity 0.2s linear 2.05s, -webkit-transform 0.6s ease-in-out 1.05s; }
    .nav-wrapper--open .nav__primary:nth-of-type(4n)::after {
      -webkit-transition: opacity 0.2s linear 2.05s, -webkit-transform 0.7s ease-in-out 1.05s;
      transition: opacity 0.2s linear 2.05s, -webkit-transform 0.7s ease-in-out 1.05s;
      transition: transform 0.7s ease-in-out 1.05s, opacity 0.2s linear 2.05s;
      transition: transform 0.7s ease-in-out 1.05s, opacity 0.2s linear 2.05s, -webkit-transform 0.7s ease-in-out 1.05s; }
  .nav-wrapper--open .nav__primary:nth-of-type(5n) {
    -webkit-transition: opacity 0.2s linear 2.2s, -webkit-transform 0.6s ease-in-out 1.2s;
    transition: opacity 0.2s linear 2.2s, -webkit-transform 0.6s ease-in-out 1.2s;
    transition: transform 0.6s ease-in-out 1.2s, opacity 0.2s linear 2.2s;
    transition: transform 0.6s ease-in-out 1.2s, opacity 0.2s linear 2.2s, -webkit-transform 0.6s ease-in-out 1.2s; }
    .nav-wrapper--open .nav__primary:nth-of-type(5n)::after {
      -webkit-transition: opacity 0.2s linear 2.2s, -webkit-transform 0.7s ease-in-out 1.2s;
      transition: opacity 0.2s linear 2.2s, -webkit-transform 0.7s ease-in-out 1.2s;
      transition: transform 0.7s ease-in-out 1.2s, opacity 0.2s linear 2.2s;
      transition: transform 0.7s ease-in-out 1.2s, opacity 0.2s linear 2.2s, -webkit-transform 0.7s ease-in-out 1.2s; }
  .nav-wrapper--open .nav__primary:nth-of-type(6n) {
    -webkit-transition: opacity 0.2s linear 2.35s, -webkit-transform 0.6s ease-in-out 1.35s;
    transition: opacity 0.2s linear 2.35s, -webkit-transform 0.6s ease-in-out 1.35s;
    transition: transform 0.6s ease-in-out 1.35s, opacity 0.2s linear 2.35s;
    transition: transform 0.6s ease-in-out 1.35s, opacity 0.2s linear 2.35s, -webkit-transform 0.6s ease-in-out 1.35s; }
    .nav-wrapper--open .nav__primary:nth-of-type(6n)::after {
      -webkit-transition: opacity 0.2s linear 2.35s, -webkit-transform 0.7s ease-in-out 1.35s;
      transition: opacity 0.2s linear 2.35s, -webkit-transform 0.7s ease-in-out 1.35s;
      transition: transform 0.7s ease-in-out 1.35s, opacity 0.2s linear 2.35s;
      transition: transform 0.7s ease-in-out 1.35s, opacity 0.2s linear 2.35s, -webkit-transform 0.7s ease-in-out 1.35s; }
  .nav-wrapper--open .nav__primary::after {
    opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%); }

.nav-wrapper--open .sub-nav .menu-item {
  -webkit-transform: translateY(0);
          transform: translateY(0); }
  .nav-wrapper--open .sub-nav .menu-item:nth-of-type(1n) {
    -webkit-transition: opacity 0.2s linear 1.6s, -webkit-transform 0.6s ease-in-out 0.6s;
    transition: opacity 0.2s linear 1.6s, -webkit-transform 0.6s ease-in-out 0.6s;
    transition: transform 0.6s ease-in-out 0.6s, opacity 0.2s linear 1.6s;
    transition: transform 0.6s ease-in-out 0.6s, opacity 0.2s linear 1.6s, -webkit-transform 0.6s ease-in-out 0.6s; }
    .nav-wrapper--open .sub-nav .menu-item:nth-of-type(1n)::after {
      -webkit-transition: opacity 0.2s linear 1.6s, -webkit-transform 0.7s ease-in-out 0.6s;
      transition: opacity 0.2s linear 1.6s, -webkit-transform 0.7s ease-in-out 0.6s;
      transition: transform 0.7s ease-in-out 0.6s, opacity 0.2s linear 1.6s;
      transition: transform 0.7s ease-in-out 0.6s, opacity 0.2s linear 1.6s, -webkit-transform 0.7s ease-in-out 0.6s; }
  .nav-wrapper--open .sub-nav .menu-item:nth-of-type(2n) {
    -webkit-transition: opacity 0.2s linear 1.75s, -webkit-transform 0.6s ease-in-out 0.75s;
    transition: opacity 0.2s linear 1.75s, -webkit-transform 0.6s ease-in-out 0.75s;
    transition: transform 0.6s ease-in-out 0.75s, opacity 0.2s linear 1.75s;
    transition: transform 0.6s ease-in-out 0.75s, opacity 0.2s linear 1.75s, -webkit-transform 0.6s ease-in-out 0.75s; }
    .nav-wrapper--open .sub-nav .menu-item:nth-of-type(2n)::after {
      -webkit-transition: opacity 0.2s linear 1.75s, -webkit-transform 0.7s ease-in-out 0.75s;
      transition: opacity 0.2s linear 1.75s, -webkit-transform 0.7s ease-in-out 0.75s;
      transition: transform 0.7s ease-in-out 0.75s, opacity 0.2s linear 1.75s;
      transition: transform 0.7s ease-in-out 0.75s, opacity 0.2s linear 1.75s, -webkit-transform 0.7s ease-in-out 0.75s; }
  .nav-wrapper--open .sub-nav .menu-item:nth-of-type(3n) {
    -webkit-transition: opacity 0.2s linear 1.9s, -webkit-transform 0.6s ease-in-out 0.9s;
    transition: opacity 0.2s linear 1.9s, -webkit-transform 0.6s ease-in-out 0.9s;
    transition: transform 0.6s ease-in-out 0.9s, opacity 0.2s linear 1.9s;
    transition: transform 0.6s ease-in-out 0.9s, opacity 0.2s linear 1.9s, -webkit-transform 0.6s ease-in-out 0.9s; }
    .nav-wrapper--open .sub-nav .menu-item:nth-of-type(3n)::after {
      -webkit-transition: opacity 0.2s linear 1.9s, -webkit-transform 0.7s ease-in-out 0.9s;
      transition: opacity 0.2s linear 1.9s, -webkit-transform 0.7s ease-in-out 0.9s;
      transition: transform 0.7s ease-in-out 0.9s, opacity 0.2s linear 1.9s;
      transition: transform 0.7s ease-in-out 0.9s, opacity 0.2s linear 1.9s, -webkit-transform 0.7s ease-in-out 0.9s; }
  .nav-wrapper--open .sub-nav .menu-item:nth-of-type(4n) {
    -webkit-transition: opacity 0.2s linear 2.05s, -webkit-transform 0.6s ease-in-out 1.05s;
    transition: opacity 0.2s linear 2.05s, -webkit-transform 0.6s ease-in-out 1.05s;
    transition: transform 0.6s ease-in-out 1.05s, opacity 0.2s linear 2.05s;
    transition: transform 0.6s ease-in-out 1.05s, opacity 0.2s linear 2.05s, -webkit-transform 0.6s ease-in-out 1.05s; }
    .nav-wrapper--open .sub-nav .menu-item:nth-of-type(4n)::after {
      -webkit-transition: opacity 0.2s linear 2.05s, -webkit-transform 0.7s ease-in-out 1.05s;
      transition: opacity 0.2s linear 2.05s, -webkit-transform 0.7s ease-in-out 1.05s;
      transition: transform 0.7s ease-in-out 1.05s, opacity 0.2s linear 2.05s;
      transition: transform 0.7s ease-in-out 1.05s, opacity 0.2s linear 2.05s, -webkit-transform 0.7s ease-in-out 1.05s; }
  .nav-wrapper--open .sub-nav .menu-item:nth-of-type(5n) {
    -webkit-transition: opacity 0.2s linear 2.2s, -webkit-transform 0.6s ease-in-out 1.2s;
    transition: opacity 0.2s linear 2.2s, -webkit-transform 0.6s ease-in-out 1.2s;
    transition: transform 0.6s ease-in-out 1.2s, opacity 0.2s linear 2.2s;
    transition: transform 0.6s ease-in-out 1.2s, opacity 0.2s linear 2.2s, -webkit-transform 0.6s ease-in-out 1.2s; }
    .nav-wrapper--open .sub-nav .menu-item:nth-of-type(5n)::after {
      -webkit-transition: opacity 0.2s linear 2.2s, -webkit-transform 0.7s ease-in-out 1.2s;
      transition: opacity 0.2s linear 2.2s, -webkit-transform 0.7s ease-in-out 1.2s;
      transition: transform 0.7s ease-in-out 1.2s, opacity 0.2s linear 2.2s;
      transition: transform 0.7s ease-in-out 1.2s, opacity 0.2s linear 2.2s, -webkit-transform 0.7s ease-in-out 1.2s; }
  .nav-wrapper--open .sub-nav .menu-item:nth-of-type(6n) {
    -webkit-transition: opacity 0.2s linear 2.35s, -webkit-transform 0.6s ease-in-out 1.35s;
    transition: opacity 0.2s linear 2.35s, -webkit-transform 0.6s ease-in-out 1.35s;
    transition: transform 0.6s ease-in-out 1.35s, opacity 0.2s linear 2.35s;
    transition: transform 0.6s ease-in-out 1.35s, opacity 0.2s linear 2.35s, -webkit-transform 0.6s ease-in-out 1.35s; }
    .nav-wrapper--open .sub-nav .menu-item:nth-of-type(6n)::after {
      -webkit-transition: opacity 0.2s linear 2.35s, -webkit-transform 0.7s ease-in-out 1.35s;
      transition: opacity 0.2s linear 2.35s, -webkit-transform 0.7s ease-in-out 1.35s;
      transition: transform 0.7s ease-in-out 1.35s, opacity 0.2s linear 2.35s;
      transition: transform 0.7s ease-in-out 1.35s, opacity 0.2s linear 2.35s, -webkit-transform 0.7s ease-in-out 1.35s; }
  .nav-wrapper--open .sub-nav .menu-item::after {
    opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%); }


.sra{
	padding-top:0em;

}

.sra-symbol{
	width:40px;
	margin:0 0 1em 0;
}

.sra-symbol img{
	width:100% !important;	
}

.sra-copywrite{
	color:#b1b1b1; 
	font-size:10px;
	line-height:1.7;
	opacity:0.5;
}


.nav-social {

}

.social-title {
	font-size:10px;
	color:b1b1b1 !important;
	font-weight:normal;
	text-transform:uppercase;
}

.nav-social a {
	font-size:10px;
	line-height:2;
}

.nav-social span {
	font-size:10px;
	color:#b1b1b1;
	padding:0 0.5em;
}


@media only screen and (min-width: 64.0625rem) {
  .nav-image {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    pointer-events: none;
    mix-blend-mode: difference;
    z-index: 9; }
    .nav-image__list {
      border-radius: 50%;
      overflow: hidden;
      height: 300px;
      width: 300px;
      position: relative; }
    .nav-image__item {
      position: absolute;
      display: none;
      top: 0;
      left: 0;
      -o-object-fit: cover;
         object-fit: cover;
      height: 100%;
      width: 100%;
      opacity: 0;
      -webkit-transition: opacity 0.3s ease-in-out;
      transition: opacity 0.3s ease-in-out; }
      .nav-image__item--visible {
        opacity: 1; } 
}

.footer {
  padding: 1em 15px;
  margin-left: auto;
  margin-right: auto;
  z-index: -1;
  height: 100vh;
  width: 100%;
  padding-bottom: 0;
  padding-top: 45vh;
  background-color: #db9802;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  pointer-events: all; }
  @media only screen and (min-width: 37.5rem) {
    .footer {
      padding: 1em calc(40px + 72px) 1em 40px; } }

@media only screen and (min-width: 64.0625rem) {
    
	.footer {
		margin-left: auto;
		margin-right: auto;
		padding: 1em calc(40px + 72px) 1em 40px; 
	}
      
	.footer > * {
        max-width: 100rem;
        margin: 0 auto; 
	} 
}
		
		
  .footer > * {
    width: 100%; }
  .footer__newsletter-container {
    padding: 1em 0;
	margin:auto;
	width:10%;}
	
  .footer__newsletter-container img {
	width:100%;}
		
  .footer__newsletter-title {
    color: #f1ebe5; }
    .footer__newsletter-title::after {
      -webkit-filter: invert(1);
              filter: invert(1); }
  .footer__logo-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 1em 0; }
  .footer__logo {
    width: 5.5rem;
    height: auto;
    margin-right: 1em; }
  .footer__bottom {
    padding: 1em 0; }
  .footer__socials {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 1em 0;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
  .footer__socials-link {
    color:#1f1f1f;
    padding: 1em 0;
    margin-right: 2em;
    text-transform: uppercase;
    font-size: 0.7em; }
	
  .footer__tagline {
    display: grid;
    max-width: 465px;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr;
    margin-bottom: 2em;
    width: 100%;
    display: none; }

.footer__tagline p{
	font-family: "NeueHaasGroteskText Pro Md", Helvetica, Arial, sans-serif;
}
	
		
  .footer__copyright {
    border-top: 1px solid #1f1f1f; }
    
.footer__copyright p {
	font-size: 0.6rem;
	padding: 1em 0;
	color: #1f1f1f ;
	display: inline-block; 
}

.footer__copyright a {
	color: #1f1f1f !important;
	font-size: 0.5rem;
	opacity: 1;
	display:block;
	text-decoration: none; 
}

.policy {

    display: flex;
flex-direction: column;

	padding: 0; 
}

.policy a {
	font-size: 0.5rem;
	color: #1f1f1f !important;
	opacity: 1;
	display: inline-block;
	text-decoration: none;
	padding:0.3em 0;
}





@media only screen and (min-width: 37.5rem) {

	.footer {
		width: 100%;
		padding-top: 45vh; 
	}
	  
	.footer__links {
		display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
		justify-content: space-between;
        padding-bottom: 1em; 
	}
      
	  
	 .footer__socials-link:last-of-type {
        margin-right: 0; }
		
      .footer__copyright {
        padding-top: 1em;
        padding-bottom: 3em; 
		display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
		justify-content: space-between;		
}

	.footer__copyright p {
		font-size: 0.7em;
	}

.footer__copyright a {
	display:block;
	font-size: 0.7rem;
	padding:1em 0;
; 
}

      .footer__tagline {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
        margin-right: 0%;
        width: 35%;
        margin: 1em 0; }

.policy {
	float:right;
	display:block;
	line-height:0:
}

	.policy a {
		color: #1f1f1f !important;
		opacity: 1;
		display: inline-block;
		text-decoration: none;
		margin-left: 0.6em; 
	}

}


@media only screen and (min-width: 48rem) {

	.footer__copyright p {
		font-size: 0.6em;
	}

	.policy a {
		font-size: 0.6em;
	}
	
}


@media only screen and (min-width: 64.0625rem) {
    
	.footer {
      width: 100%;
      padding-top: 20vh; 
	  }
	  
	.footer__tagline {
		margin-right: 0%;
		display: grid;
		text-align:right 
	}
		
	.footer__tagline p{
    	color: #1f1f1f; 
		font-size:01em !important;
		font-weight:100;
		letter-spacing:0 !important;
	}

	.footer__copyright p {
		font-size: 0.7em;
	}
	
	.policy a {
		font-size: 0.7em;
	}

}

.sra-powered{
    width:100%;
	text-align:center;
	margin-bottom:2em !important;
}

.sra-powered .logo{
	width:100px;
	margin:4em auto 1em auto  ;
}

.sra-powered .logo img{
	width:100% !important;	
}

.sra-powered .logo p{
	font-size:10px;

}






.org-powered{
    width:100%;
	text-align:center;
}

.org-powered .logo{
	width:150px;
	margin:2em auto  ;
}

.org-powered .logo img{
	width:100% !important;	
}

.org-powered .info{
	font-size:10px;

}



.projects {
  padding: 1em 15px;
  margin-left: auto;
  margin-right: auto;
  background-color: transparent;
  padding-top: 5vh;
  padding-bottom: 5vh; }

@media only screen and (min-width: 37.5rem) {

	.projects {
		padding: 1em calc(40px + 72px) 1em 40px;
	} 

	.sra-symbol{
		width:40px !important;
	}

	.sra-powered{
		padding: 0 0 5em 0;
	}

	.org-powered{
    	padding: 0 0 5em 0;
	}

}
	  
@media only screen and (min-width: 64.0625rem) {
	
	.projects {
		margin-left: auto;
		margin-right: auto;
		padding: 1em calc(40px + 72px) 1em 40px; 
	}
	  
	.projects > * {
		max-width: 100rem;
		margin: 0 auto; 
	} 

	.sra-powered{
		padding: 0 calc(40px + 72px) 5em 40px;
	}

	.org-powered{
		padding: 0 calc(40px + 72px) 5em 40px;
	}

}
		
  .projects__wrapper {
    position: relative;
    height: auto;
    width: 100%; }
  .projects__follow-container {
    width: 100%; }
  .projects__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    margin-bottom: 5em; }
  .projects__title {
    text-align: center;
    margin-top: 3em;
    margin-bottom: 3em; }
    .projects__title .separate-word__word {
      display: inline-block;
      opacity: 0;
      -webkit-transform: translateY(50px);
              transform: translateY(50px);
      -webkit-transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
      transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
      transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
      transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
      position: relative; }
    .projects__title--animate .separate-word__word {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      opacity: 1; }
  .projects__title-container {
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .projects__link {
    display: block;
    width: 100%; }
    .projects__link--mobile {
      text-transform: uppercase;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      padding: 0.5em 0;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
          -ms-flex-pack: end;
              justify-content: flex-end; }
  .projects__image-container {
    height: 35vh;
    min-height: 18.75rem; }
  .projects__image {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover; }
  @media only screen and (min-width: 37.5rem) {
    .projects {
      padding-top: 5vh;
      padding-bottom: 5vh; }
      .projects__wrapper {
        height: 300vh; }
      .projects__title {
        margin: auto;
        margin-top: 0;
        margin-bottom: 0;
        max-width: 75%; }
      .projects__title-container {
        height: 98vh; }
      .projects__list {
        position: relative; }
      .projects__item {
        position: absolute;
        width: 35%;
        min-height: 350px; }
        .projects__item:nth-of-type(1) {
          top: 0;
          left: 0;
          margin: 0; }
        .projects__item:nth-of-type(2) {
          top: 0;
          left: 0;
          right: 0;
          margin: auto; }
        .projects__item:nth-of-type(3) {
          right: 0;
          top: 0; }
      .projects__image-container {
        height: 25vh; }
      .projects__follow-container {
        width: 100%; } }
  @media only screen and (min-width: 64.0625rem) {
    .projects {
      padding-top: 10vh;
      padding-bottom: 10vh; }
      .projects__link--mobile {
        display: none; }
      .projects__wrapper {
        position: relative;
        height: 300vh;
        width: 100%; }
      .projects__title {
        max-width: 43.75rem;
        width: 50vw; }
      .projects__list {
        position: relative;
        margin-bottom: 0;
        width: 85%;
        margin: auto; }
      .projects__image-container {
        height: 60vh; }
      .projects__item:nth-of-type(2) {
        left: 0;
        right: 0;
        top: 0;
        margin: auto; } }

.steps {
	position: relative;
	padding: 2em;
	margin: 2em auto 0 auto;
	background-color: transparent;
	overflow: hidden; 
}


@media only screen and (min-width: 37.5rem) {
	.steps {
		padding: 2em calc(40px + 72px) 0 40px; 
	} 
}
	  
	  
@media only screen and (min-width: 64.0625rem) {
    .steps {
      margin-left: auto;
      margin-right: auto;
      padding: 1em; }
      .steps > * {
        max-width: 100rem;
        margin: 0 auto; } }
  .steps__marquee-container {
    position: absolute;
    top: 0;
    left: 0; }
    .steps__marquee-container p::after {
      content: '';
      width: 3em;
      display: block;
      height: 2px;
      margin: 0.6em;
      background-color: #1f1f1f; }
  .steps__current, .steps__total {
    display: inline-block; }
  .steps__number-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden; }
  .steps__slider-container {
    pointer-events: none;
    opacity: 0;
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
    -webkit-transition: opacity 0.2s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: opacity 0.2s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: opacity 0.2s ease-in-out, transform 0.4s ease-in-out;
    transition: opacity 0.2s ease-in-out, transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out; }
    .steps__slider-container--animate {
      opacity: 1;
      -webkit-transform: translateY(0px);
              transform: translateY(0px); }
    .steps__slider-container .flickity-button {
      border-radius: 0;
      background-color: transparent;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      pointer-events: all; }
      .steps__slider-container .flickity-button:hover {
        background-color: transparent; }
      .steps__slider-container .flickity-button.next {
        background-image: url("../img/common/next-slider.svg");
        background-color: transparent;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        top: 0;
		right: 10rem;
        width: 2.1875rem; }
      .steps__slider-container .flickity-button.previous {
        background-image: url("../img/common/prev-slider.svg");
        background-color: transparent;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        width: 2.1875rem;
        top: 0
        left: unset;
        right: 15rem; }
    .steps__slider-container .flickity-button .flickity-button-icon {
      visibility: hidden; }
  .steps__current {
    overflow: hidden; }
    .steps__current > span {
      display: inline-block;
      -webkit-transform: translateY(50px);
              transform: translateY(50px);
      -webkit-transition: -webkit-transform ease-in-out 0.2s 0.2s;
      transition: -webkit-transform ease-in-out 0.2s 0.2s;
      transition: transform ease-in-out 0.2s 0.2s;
      transition: transform ease-in-out 0.2s 0.2s, -webkit-transform ease-in-out 0.2s 0.2s; }
    .steps__current::after {
      content: '';
      opacity: 0;
      display: inline-block;
      vertical-align: middle;
      width: 0.01em;
      height: 0.0625rem;
      background-color: #1f1f1f;
      margin: 0 0.5em 0.2em;
      -webkit-transition: opacity 0.1s linear, width ease-in-out 0.2s;
      transition: opacity 0.1s linear, width ease-in-out 0.2s; }
  .steps__total {
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    -webkit-transition: -webkit-transform ease-in-out 0.2s 0.2s;
    transition: -webkit-transform ease-in-out 0.2s 0.2s;
    transition: transform ease-in-out 0.2s 0.2s;
    transition: transform ease-in-out 0.2s 0.2s, -webkit-transform ease-in-out 0.2s 0.2s; }
  .steps__title {
    margin-top: 0.5em;
    margin-bottom: 1.5em;
    max-width: 13.125rem; }
  .steps__images-wrapper {
    overflow: hidden;
    position: relative; }
    .steps__images-wrapper--small {
      max-width: 55vw;
      margin-bottom: 2em;
      opacity: 0;
      -webkit-transform: translateY(2%);
              transform: translateY(2%);
      -webkit-transition: opacity 0.15s linear 0.1s, -webkit-transform 0.35s ease-in-out 0.1s;
      transition: opacity 0.15s linear 0.1s, -webkit-transform 0.35s ease-in-out 0.1s;
      transition: opacity 0.15s linear 0.1s, transform 0.35s ease-in-out 0.1s;
      transition: opacity 0.15s linear 0.1s, transform 0.35s ease-in-out 0.1s, -webkit-transform 0.35s ease-in-out 0.1s; }
    .steps__images-wrapper--big {
      opacity: 0;
      -webkit-transform: translateY(2%);
              transform: translateY(2%);
      -webkit-transition: opacity 0.15s linear 0.3s, -webkit-transform 0.35s ease-in-out 0.3s;
      transition: opacity 0.15s linear 0.3s, -webkit-transform 0.35s ease-in-out 0.3s;
      transition: opacity 0.15s linear 0.3s, transform 0.35s ease-in-out 0.3s;
      transition: opacity 0.15s linear 0.3s, transform 0.35s ease-in-out 0.3s, -webkit-transform 0.35s ease-in-out 0.3s; }
  .steps__image--small {
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center; }
  .steps__image--big {
    -o-object-fit: cover;
       object-fit: cover; }
  .steps__slide {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    margin: 0 2em;
    opacity: 0 !important;
    -webkit-transition: 0s opacity ease-in-out 1s;
    transition: 0s opacity ease-in-out 1s; }
    .steps__slide .separate-word__word {
      display: inline-block;
      opacity: 0;
      -webkit-transform: translateY(40px);
              transform: translateY(40px);
      -webkit-transition: opacity 0.2s linear, -webkit-transform 0.6s ease-in-out;
      transition: opacity 0.2s linear, -webkit-transform 0.6s ease-in-out;
      transition: opacity 0.2s linear, transform 0.6s ease-in-out;
      transition: opacity 0.2s linear, transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
      position: relative;
      overflow: hidden; }
    .steps__slide.is-selected .separate-word__word {
      opacity: 1;
      -webkit-transform: translateY(0);
              transform: translateY(0);
      -webkit-transition: opacity 0.2s linear, -webkit-transform 0.6s ease-in-out;
      transition: opacity 0.2s linear, -webkit-transform 0.6s ease-in-out;
      transition: opacity 0.2s linear, transform 0.6s ease-in-out;
      transition: opacity 0.2s linear, transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
      -webkit-transition-delay: 1s !important;
              transition-delay: 1s !important; }
    .steps__slide--active .separate-word__word {
      opacity: 1;
      -webkit-transform: translateY(0);
              transform: translateY(0);
      -webkit-transition: opacity 0.2s linear, -webkit-transform 0.6s ease-in-out;
      transition: opacity 0.2s linear, -webkit-transform 0.6s ease-in-out;
      transition: opacity 0.2s linear, transform 0.6s ease-in-out;
      transition: opacity 0.2s linear, transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
      -webkit-transition-delay: 1s !important;
              transition-delay: 1s !important; }
    .steps__slide.is-selected {
      opacity: 1 !important;
      -webkit-transition: 0s opacity ease-in-out 0.8s;
      transition: 0s opacity ease-in-out 0.8s; }
      .steps__slide.is-selected .steps__current > span {
        -webkit-transform: translateY(0);
                transform: translateY(0);
        -webkit-transition: -webkit-transform ease-in-out 0.3s 0.9s;
        transition: -webkit-transform ease-in-out 0.3s 0.9s;
        transition: transform ease-in-out 0.3s 0.9s;
        transition: transform ease-in-out 0.3s 0.9s, -webkit-transform ease-in-out 0.3s 0.9s; }
      .steps__slide.is-selected .steps__current::after {
        width: 1em;
        opacity: 1;
        -webkit-transition: opacity 0.1s linear 1.4s, width ease-in-out 0.3s 1.5s;
        transition: opacity 0.1s linear 1.4s, width ease-in-out 0.3s 1.5s; }
      .steps__slide.is-selected .steps__total {
        -webkit-transform: translateY(0);
                transform: translateY(0);
        -webkit-transition: -webkit-transform ease-in-out 0.3s 0.9s;
        transition: -webkit-transform ease-in-out 0.3s 0.9s;
        transition: transform ease-in-out 0.3s 0.9s;
        transition: transform ease-in-out 0.3s 0.9s, -webkit-transform ease-in-out 0.3s 0.9s; }
      .steps__slide.is-selected .steps__images-wrapper--big {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
        -webkit-transition: opacity 0.25s linear 1s, -webkit-transform 0.25s linear 1s;
        transition: opacity 0.25s linear 1s, -webkit-transform 0.25s linear 1s;
        transition: opacity 0.25s linear 1s, transform 0.25s linear 1s;
        transition: opacity 0.25s linear 1s, transform 0.25s linear 1s, -webkit-transform 0.25s linear 1s; }
      .steps__slide.is-selected .steps__images-wrapper--small {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
        -webkit-transition: opacity 0.15s linear 1.2s, -webkit-transform 0.25s linear 1.2s;
        transition: opacity 0.15s linear 1.2s, -webkit-transform 0.25s linear 1.2s;
        transition: opacity 0.15s linear 1.2s, transform 0.25s linear 1.2s;
        transition: opacity 0.15s linear 1.2s, transform 0.25s linear 1.2s, -webkit-transform 0.25s linear 1.2s; }


@media only screen and (min-width: 37.5rem) {
    
	.steps {
		position: relative;
		padding-bottom: 8rem;
	}
	  
	  
      .steps__slider-container .flickity-button.previous,
      .steps__slider-container .flickity-button.next {
        top: -1.5rem; }
      .steps__slider-container {
        pointer-events: none; }
      .steps__title {
        margin-bottom: 1em;
        max-width: 20rem;
        line-height: 50px; }
      .steps__marquee-container {
        position: absolute;
        top: 0%;
        width: calc(100vw - 54px);
        left: 0;
        margin: 0; }
        .steps__marquee-container p::after {
          width: 3em;
          margin: 0.6em; }
  		.steps__current, .steps__total {
    		font-size: 10px; }

      .steps__images-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        height: 360px; }
      .steps__images-wrapper--small {
        margin: 0;
        height: 70%;
        max-width: 35vw;
        margin-right: 4vw; }
      .steps__images-wrapper--big {
        height: 100%;
        margin-right: 0;
        height: auto;
        max-width: 50%; }
      .steps__image--big {
        height: 100%;
        width: 100%;
        -o-object-fit: cover;
           object-fit: cover; } }

@media only screen and (min-width: 64.0625rem) {
	
	.steps {
		padding-top: 5rem; 
	}
	  
	  
	.steps__marquee-container {
		width: calc(100vw - 72px);
        max-width: none;
		top: 0; 
	}
		
	.steps__marquee-container p::after {
		width: 3em;
		margin: 0.6em; 
	}
		  
	.steps__text {
        padding-left: 8.5vw;
        margin-bottom: 0; 
	}

	.steps__current, .steps__total {
		font-size: 0.65rem; 
	}

	.steps__images-container {
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        max-height: 60.625rem;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        width: 80%;
        margin: auto; 
	}
		
	.steps__images-wrapper--small {
        margin-right: 0;
        height: auto;
        max-width: 40%; 
	}
		
	.steps__images-wrapper--big {
        margin-right: 0;
        height: auto;
        max-width: 50%; 
	}
		
      .steps__slider-container {
        padding-bottom: 8em;
        pointer-events: all; }
		
        .steps__slider-container .flickity-button {
          cursor: none;
          -webkit-transform: translateX(0px);
                  transform: translateX(0px);
          -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
          transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
          transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
          transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; }
		  
          .steps__slider-container .flickity-button:hover {
            opacity: 0.4; }
            .steps__slider-container .flickity-button:hover.next {
              -webkit-transform: translateX(5px);
                      transform: translateX(5px); }
            .steps__slider-container .flickity-button:hover.previous {
              -webkit-transform: translateX(-5px);
                      transform: translateX(-5px); }
        .steps__slider-container .flickity-button.previous,
        .steps__slider-container .flickity-button.next {
          cursor: none; } }

.product {
  padding: 1em 15px;
  margin-left: auto;
  margin-right: auto;
  background-color: transparent;
  padding-top: 4em;
  padding-bottom: 4em; }
  @media only screen and (min-width: 37.5rem) {
    .product {
      padding: 1em calc(40px + 72px) 1em 40px; } }
  @media only screen and (min-width: 64.0625rem) {
    .product {
      margin-left: auto;
      margin-right: auto;
      padding: 1em calc(40px + 72px) 1em 40px; }
      .product > * {
        max-width: 100rem;
        margin: 0 auto; } }
  .product .separate-word__word {
    display: inline-block;
    opacity: 0;
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    -webkit-transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    position: relative; }
  .product--animate .separate-word__word {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; }
  .product__title-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 2em; }
  .product__title-separator {
    width: 9.0625rem;
    height: 0.0625rem;
    margin: 0 1em;
    background-color: #1f1f1f; }
  .product__member-img-container {
    width: 15rem;
    height: 15rem;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 0;
    opacity: 0; }
  .product__member-img {
    border-radius: 50%;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover; }
  .product__member-name {
    z-index: 1;
    position: relative;
    -webkit-transform: skewX(0deg);
            transform: skewX(0deg);
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; }
    .product__member-name:hover {
      -webkit-transform: skewX(-15deg);
              transform: skewX(-15deg); }
  .product__member {
    position: relative;
    padding: 1em 0;
    margin: 1em 0; }
  .product__member:nth-child(even) {
    text-align: right; }
    .product__member:nth-child(even) h3 {
      display: inline-block; }
  .product__title-container {
    overflow: hidden; }
  .product__title {
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    -webkit-transition: 0.4s -webkit-transform ease-in-out 0.6s;
    transition: 0.4s -webkit-transform ease-in-out 0.6s;
    transition: 0.4s transform ease-in-out 0.6s;
    transition: 0.4s transform ease-in-out 0.6s, 0.4s -webkit-transform ease-in-out 0.6s; }
  .product__title-separator {
    width: 1px;
    opacity: 0;
    -webkit-transition: 0.4s width ease-in-out 0s, 0s opacity ease-in-out 0.5s;
    transition: 0.4s width ease-in-out 0s, 0s opacity ease-in-out 0.5s; }
  .product--animate .product__title {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition: 0.4s -webkit-transform ease-in-out 0s;
    transition: 0.4s -webkit-transform ease-in-out 0s;
    transition: 0.4s transform ease-in-out 0s;
    transition: 0.4s transform ease-in-out 0s, 0.4s -webkit-transform ease-in-out 0s; }
  .product--animate .product__title-separator {
    width: 9.0625rem;
    opacity: 1;
    -webkit-transition: 0.4s width ease-in-out 0.6s, 0s opacity ease-in-out 0.5s;
    transition: 0.4s width ease-in-out 0.6s, 0s opacity ease-in-out 0.5s; }
  @media only screen and (min-width: 37.5rem) {
    .product {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; }
      .product__title-container {
        font-size: 1.5625rem;
        margin-right: auto;
        margin-left: auto; }
      .product__member-list {
        padding-bottom: 4em;
        width: 100%; }
      .product__member {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; }
      .product__member:nth-child(1), .product__member:nth-child(5n) {
        text-align: left;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
            -ms-flex-pack: start;
                justify-content: flex-start; }
      .product__member:nth-child(2n) {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center; }
      .product__member:nth-child(3), .product__member:nth-child(7n) {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
            -ms-flex-pack: end;
                justify-content: flex-end; } }
  @media only screen and (min-width: 64.0625rem) {
    .product__content {
      width: 100%; }
    .product__member-link {
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content; }
    .product__member-list {
      padding-bottom: 4em;
      width: 80%; }
    .product__member-img-container {
      -webkit-transition: opacity 0.4s ease-in-out;
      transition: opacity 0.4s ease-in-out; }
      .product__member-img-container--visible {
        opacity: 1; } }


	.form-style{
		font-size:13px;
		text-align:center;
		margin:auto;
		width:100vw;
		padding: 4em calc(40px + 72px) 4em 40px;
	}	


	.contact .form-style h1{
		font-family: "NeueHaasGroteskText Pro Md", Helvetica, Arial, sans-serif;
		font-size:4em;
		margin-bottom: 5em;
		font-weight:900;
		
	}

	.contact .form-style input{
		font-size:13px;
		margin-bottom:1em;
	}


.cta,
.contact {
  padding: 1em 15px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 15vh;
  padding-bottom: 15vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }

			  
@media only screen and (min-width: 37.5rem) {
    .cta,
    .contact {
		padding: 1em 0 1em 0; } 
}
  
@media only screen and (min-width: 64.0625rem) {
    .cta,
    .contact {
      margin-left: auto;
      margin-right: auto;
      padding: 1em; }
      .cta > *,
      .contact > * {
        max-width: 100rem;
        margin: 0 auto; } 
		
}
		
		
.cta__link-wrap,
.contact__link-wrap {
	padding: 2em 0;
}
  
.cta__title,
.contact__title {
	text-align: center;
	line-height: 1.6;
	padding-bottom:2em;  
}
	
	
    .cta__title .separate-word__word,
    .contact__title .separate-word__word {
      display: inline-block;
      opacity: 0;
      -webkit-transform: translateY(50px);
              transform: translateY(50px);
      -webkit-transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
      transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
      transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
      transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
      position: relative; }
    .cta__title--animate .separate-word__word,
    .contact__title--animate .separate-word__word {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      opacity: 1; }

.cta__link,.contact__link {
    margin: auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 1em 0;
    font-family: "NeueHaasGroteskText Pro Md", Helvetica, Arial, sans-serif;
		background-image:url(../img/common/bt-back.svg);
		background-position:center center;
		background-size:contain;
		background-repeat:no-repeat;
	
	 }

@media only screen and (min-width: 37.5rem) {
	
	.cta,
	.contact {
		padding-top: 10vh;
		padding-bottom: 10vh; 
	}
      
	.cta__link,
	.contact__link {
		padding: 1.5em 2em;
	}
		 
	.contact__link img{
		width:100%;
	}
		 

		 
		
}
		
		
@media only screen and (min-width: 64.0625rem) {
    
	.cta,
    .contact {
		padding-top: 0vh;
		padding-bottom: 1vh; 
	}
	
	.cta__link-wrap,
	.contact__link-wrap {
		pointer-events: all;
        padding: 5em calc(40px + 72px) 4em 40px;
        margin: 0; 
	}
	
.cta__title,
.contact__title {
	text-align: center;
	line-height: 1.6;
	padding-bottom:1em;  
}
		
	.cta__link--mobile,
	.contact__link--mobile {
		display: none; 
	}
	
}


.title-hero {
  padding: 1em 15px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 25vh;
  padding-bottom: 30vh; }
  @media only screen and (min-width: 37.5rem) {
    .title-hero {
      padding: 1em calc(40px + 72px) 1em 40px; } }
  @media only screen and (min-width: 64.0625rem) {
    .title-hero {
      margin-left: auto;
      margin-right: auto;
      padding: 1em calc(40px + 72px) 1em 40px; }
      .title-hero > * {
        max-width: 100rem;
        margin: 0 auto; } }
  .title-hero__title {
    padding-top: 0;
    padding-bottom: 1em;
    text-align: center;
    max-width: 46.875rem;
    opacity: 0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
    -webkit-transition: opacity 0.4s linear 2.2s, -webkit-transform 0.4s ease-out 2.2s;
    transition: opacity 0.4s linear 2.2s, -webkit-transform 0.4s ease-out 2.2s;
    transition: opacity 0.4s linear 2.2s, transform 0.4s ease-out 2.2s;
    transition: opacity 0.4s linear 2.2s, transform 0.4s ease-out 2.2s, -webkit-transform 0.4s ease-out 2.2s; }
  .title-hero__button-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden; }
  .title-hero__button-separator {
	position:relative;
    width: 0.0625rem;
    height: 0.0625rem;
    margin: 0 0.5em;
    background-color: #1f1f1f;
    opacity: 0;
    -webkit-transition: opacity 0.4s linear 2.8s, width 0.4s ease-out 2.8s;
    transition: opacity 0.4s linear 2.8s, width 0.4s ease-out 2.8s; }
  .title-hero__button {
    font-size: 0.875rem;
    opacity: 0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
    -webkit-transition: opacity 0.4s linear 2.5s, -webkit-transform 0.4s ease-out 2.5s;
    transition: opacity 0.4s linear 2.5s, -webkit-transform 0.4s ease-out 2.5s;
    transition: opacity 0.4s linear 2.5s, transform 0.4s ease-out 2.5s;
    transition: opacity 0.4s linear 2.5s, transform 0.4s ease-out 2.5s, -webkit-transform 0.4s ease-out 2.5s; }
  .title-hero__image-container {
    height: 45vh;
    min-height: 21.5625rem;
    margin-bottom: 4em; }
  .title-hero__image {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover; }
  .title-hero--animate .title-hero__title {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px); }
  .title-hero--animate .title-hero__button-separator {
    opacity: 1;
    width: 1.25rem; }
  .title-hero--animate .title-hero__button {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px); }
  @media only screen and (min-width: 37.5rem) {
    .title-hero {
      padding-top: 25vh;
      padding-bottom: 25vh; }
      .title-hero__button {
        font-size: 17px; }
      .title-hero__button-separator {
        width: 0.0625rem;
        margin: 0 1em; }
      .title-hero--animate .title-hero__button-separator {
        width: 6.25rem; } }
@media only screen and (min-width: 64.0625rem) {
	.title-hero {
      padding-top: 15vh;
      padding-bottom: 10vh; } 
}

	.dual {
		padding: 1em 15px;
		margin-left: auto;
		margin-right: auto; 
	}
  
	.img-rotation {
	transform: rotate(90deg);
	}
  
  @media only screen and (min-width: 37.5rem) {
    .dual {
      padding: 1em 0 1em 0; } }
  @media only screen and (min-width: 64.0625rem) {
    .dual {
      margin-left: auto;
      margin-right: auto;
      padding: 1em calc(40px + 72px) 1em 40px; }
      .dual > * {
        max-width: 100rem;
        margin: 0 auto; } }
  .dual__container {
    margin: 2em 0;
    opacity: 0;
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    -webkit-transition: opacity 0.2s linear, -webkit-transform 0.4s ease-out;
    transition: opacity 0.2s linear, -webkit-transform 0.4s ease-out;
    transition: opacity 0.2s linear, transform 0.4s ease-out;
    transition: opacity 0.2s linear, transform 0.4s ease-out, -webkit-transform 0.4s ease-out; }
	
	.dual__container h1{
		width:80%;
		font-family: 'Noto Serif Display', serif;
		color: #1f1f1f;
		line-height: 1.1em; 
		font-size: 1.5rem;
		font-weight:300;
		margin:30px 0;
	}

	.dual__container p{
		font-family: "NeueHaasGroteskText Pro Md", Helvetica, Arial, sans-serif;
		width:90%;	
		font-size:0.9em;
		letter-spacing:0 !important;
		font-weight: lighter;
		margin:30px 0;
	}
	
    .dual__container--left {
      -webkit-transition-delay: 0.5s;
              transition-delay: 0.5s; }
    .dual__container--right {
      -webkit-transition-delay: 1s;
              transition-delay: 1s; }
  .dual__description {
    padding: 1em 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 0.875rem;
    max-width: 15.625rem; }
    .dual__description::before {
      content: '';
      display: block;
      width: 1.25rem;
      height: 1.25rem;
      background-image: url(asset/svg/small_arrow.svg);
      background-position: center;
      background-repeat: no-repeat;
      margin-right: 1em;
      background-size: contain; }
  .dual--animate .dual__container {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px); }
  @media only screen and (min-width: 37.5rem) {
    .dual__wrapper {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between; }
    .dual__container {
      width: 48%; }
    .dual__container:nth-child(1) {
      padding: 0  }
    .dual__container:nth-child(2) {
      padding: 6em 0 0 0rem; }
    .dual__image {
      width: 100%; } }
  @media only screen and (min-width: 64.0625rem) {
    .dual {
      margin-top: 2em;
      margin-bottom: 2em; } }

.testimony {
  padding: 1em 15px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 4em;
  padding-bottom: 4em;
  background-color: transparent; }
  @media only screen and (min-width: 37.5rem) {
    .testimony {
      padding: 1em calc(40px + 72px) 1em 40px; } }
  @media only screen and (min-width: 64.0625rem) {
    .testimony {
      margin-left: auto;
      margin-right: auto;
      padding: 1em calc(40px + 72px) 1em 40px; }
      .testimony > * {
        max-width: 100rem;
        margin: 0 auto; } }
  @media only screen and (min-width: 37.5rem) {
    .testimony {
      padding-top: 5em;
      padding-bottom: 5em; }
      .testimony__text {
        padding: 0 2em; } }
  @media only screen and (min-width: 64.0625rem) {
    .testimony__name {
      margin-top: 3em; } }

.jobs {
  padding: 1em 15px;
  margin-left: auto;
  margin-right: auto;
  background-color: transparent;
  padding-top: 2em;
  padding-bottom: 4em; }
  @media only screen and (min-width: 37.5rem) {
    .jobs {
      padding: 1em calc(40px + 72px) 1em 40px; } }
  @media only screen and (min-width: 64.0625rem) {
    .jobs {
      margin-left: auto;
      margin-right: auto;
      padding: 1em calc(40px + 72px) 1em 40px; }
      .jobs > * {
        max-width: 100rem;
        margin: 0 auto; } }
  .jobs__title-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 2em; }
  .jobs__surtitle-separator {
    width: 9.0625rem;
    height: 0.0625rem;
    margin: 0 1em;
    background-color: #1f1f1f; }
  .jobs__title {
    text-align: center; }
    .jobs__title .separate-word__word {
      display: inline-block;
      opacity: 0;
      -webkit-transform: translateY(50px);
              transform: translateY(50px);
      -webkit-transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
      transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
      transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
      transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
      position: relative; }
    .jobs__title--animate .separate-word__word {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      opacity: 1; }
  .jobs__item {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: left;
            transform-origin: left;
    -webkit-transition: -webkit-transform 0.5s ease-out;
    transition: -webkit-transform 0.5s ease-out;
    transition: transform 0.5s ease-out;
    transition: transform 0.5s ease-out, -webkit-transform 0.5s ease-out; }
    .jobs__item > * {
      text-align: center;
      -webkit-transform: translateX(-20px);
              transform: translateX(-20px);
      opacity: 0;
      -webkit-transition: opacity 0.25s linear 0.5s, -webkit-transform 0.5s ease-out 0.5s;
      transition: opacity 0.25s linear 0.5s, -webkit-transform 0.5s ease-out 0.5s;
      transition: opacity 0.25s linear 0.5s, transform 0.5s ease-out 0.5s;
      transition: opacity 0.25s linear 0.5s, transform 0.5s ease-out 0.5s, -webkit-transform 0.5s ease-out 0.5s; }
  .jobs__list {
    margin-top: 4em;
    padding-bottom: 4em; }
    .jobs__list--animate .jobs__item {
      -webkit-transform: scaleX(1);
              transform: scaleX(1); }
      .jobs__list--animate .jobs__item > * {
        -webkit-transform: translateX(0px);
                transform: translateX(0px);
        opacity: 1; }
  .jobs__name {
    font-size: 1.125rem;
    margin-bottom: 1em; }
  .jobs__city {
    font-size: 0.875rem; }
  .jobs__link {
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin: 1em 0; }
    .jobs__link::after {
      position: absolute;
      top: 0;
      right: 0;
      width: 3.125rem; }
  @media only screen and (min-width: 37.5rem) {
    .jobs {
      padding-top: 4em;
      padding-bottom: 5em; }
      .jobs__container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; }
      .jobs__title-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
        -webkit-justify-content: space-around;
            -ms-flex-pack: distribute;
                justify-content: space-around;
        -webkit-transform-origin: 50%;
                transform-origin: 50%;
        height: auto;
        margin: 0;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
            -ms-flex: 1;
                flex: 1; }
      .jobs__surtitle-separator {
        display: table;
        width: 1px;
        height: 100px;
        margin: 1em 0; }
      .jobs__surtitle {
        -webkit-writing-mode: vertical-rl;
            -ms-writing-mode: tb-rl;
                writing-mode: vertical-rl;
        -webkit-text-orientation: mixed;
                text-orientation: mixed;
        -webkit-transform: scale(-1);
                transform: scale(-1); }
      .jobs__title {
        max-width: 45rem;
        margin: auto;
        margin-top: 1em;
        margin-bottom: 1.5em; }
      .jobs__list-container {
        width: 100%; }
      .jobs__list {
        padding-left: 5%; }
      .jobs__surtitle-separator {
        display: table; }
      .jobs__item {
        padding: 0; }
      .jobs__link {
        display: grid;
        grid-template-columns: 4fr 2fr 3fr;
        margin: 0;
        padding: 0.5em 0;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; }
        .jobs__link::after {
          position: relative;
          justify-self: end; }
      .jobs__name {
        margin: 0;
        justify-self: start; }
      .jobs__city {
        justify-self: left; } }
  @media only screen and (min-width: 64.0625rem) {
    .jobs {
      padding-bottom: 10em; }
      .jobs__title-container {
        width: 30vh;
        position: absolute;
        left: -5%;
        height: auto; }
      .jobs__list {
        padding-left: 0;
        width: 90%;
        margin: auto; }
      .jobs__item {
        padding: 0 1em !important; }
      .jobs__link {
        padding: 1em 0; } }

.video {
  background-color: transparent;
  padding-top: 2em;
  padding-bottom: 4em;
  width: 100%; }
  .video__description {
    padding: 1em 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 0.875rem;
    padding: 1em 15px;
    margin-left: auto;
    margin-right: auto; }
    @media only screen and (min-width: 37.5rem) {
      .video__description {
        padding: 1em calc(40px + 72px) 1em 40px; } }
    @media only screen and (min-width: 64.0625rem) {
      .video__description {
        margin-left: auto;
        margin-right: auto;
        padding: 1em calc(40px + 72px) 1em 40px; }
        .video__description > * {
          max-width: 100rem;
          margin: 0 auto; } }
    .video__description::before {
      content: "";
      display: block;
      width: 1.25rem;
      height: 1.25rem;
      background-image: url(asset/svg/small_arrow.svg);
      background-position: center;
      background-repeat: no-repeat;
      margin-right: 1em;
      background-size: contain; }
  .video video {
    width: 100%; }
  @media only screen and (min-width: 37.5rem) {
    .video {
      padding: 1em 15px;
      margin-left: auto;
      margin-right: auto; } }
  @media only screen and (min-width: 37.5rem) and (min-width: 37.5rem) {
    .video {
      padding: 1em calc(40px + 72px) 1em 40px; } }
  @media only screen and (min-width: 37.5rem) and (min-width: 64.0625rem) {
    .video {
      margin-left: auto;
      margin-right: auto;
      padding: 1em calc(40px + 72px) 1em 40px; }
      .video > * {
        max-width: 100rem;
        margin: 0 auto; } }
  @media only screen and (min-width: 37.5rem) {
      .video__description {
        padding-left: 0;
        width: 50%;
        margin: 0; } }

.process {
  padding: 1em 15px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 4em;
  padding-top: 4em; }
  @media only screen and (min-width: 37.5rem) {
    .process {
      padding: 1em calc(40px + 72px) 1em 40px; } }
  @media only screen and (min-width: 64.0625rem) {
    .process {
      margin-left: auto;
      margin-right: auto;
      padding: 1em calc(40px + 72px) 1em 40px; }
      .process > * {
        max-width: 100rem;
        margin: 0 auto; } }
  .process .separate-word__word {
    display: inline-block;
    opacity: 0;
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    -webkit-transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    position: relative; }
  .process--animate .separate-word__word {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; }
  .process__title {
    text-align: center;
    margin-bottom: 1em; }
  .process__tabs-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 1em 0 3em 0; }
  .process__tabs-item {
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out; }
    .process__tabs-item:nth-of-type(1n) {
      -webkit-transition: opacity 0.2s ease-out 0.5s;
      transition: opacity 0.2s ease-out 0.5s; }
      .process__tabs-item:nth-of-type(1n)::after {
        -webkit-transition: opacity 0.3s ease-out 0.5s;
        transition: opacity 0.3s ease-out 0.5s; }
    .process__tabs-item:nth-of-type(2n) {
      -webkit-transition: opacity 0.2s ease-out 0.65s;
      transition: opacity 0.2s ease-out 0.65s; }
      .process__tabs-item:nth-of-type(2n)::after {
        -webkit-transition: opacity 0.3s ease-out 0.65s;
        transition: opacity 0.3s ease-out 0.65s; }
    .process__tabs-item:nth-of-type(3n) {
      -webkit-transition: opacity 0.2s ease-out 0.8s;
      transition: opacity 0.2s ease-out 0.8s; }
      .process__tabs-item:nth-of-type(3n)::after {
        -webkit-transition: opacity 0.3s ease-out 0.8s;
        transition: opacity 0.3s ease-out 0.8s; }
    .process__tabs-item:nth-of-type(4n) {
      -webkit-transition: opacity 0.2s ease-out 0.95s;
      transition: opacity 0.2s ease-out 0.95s; }
      .process__tabs-item:nth-of-type(4n)::after {
        -webkit-transition: opacity 0.3s ease-out 0.95s;
        transition: opacity 0.3s ease-out 0.95s; }
    .process__tabs-item:nth-of-type(5n) {
      -webkit-transition: opacity 0.2s ease-out 1.1s;
      transition: opacity 0.2s ease-out 1.1s; }
      .process__tabs-item:nth-of-type(5n)::after {
        -webkit-transition: opacity 0.3s ease-out 1.1s;
        transition: opacity 0.3s ease-out 1.1s; }
    .process__tabs-item:nth-of-type(6n) {
      -webkit-transition: opacity 0.2s ease-out 1.25s;
      transition: opacity 0.2s ease-out 1.25s; }
      .process__tabs-item:nth-of-type(6n)::after {
        -webkit-transition: opacity 0.3s ease-out 1.25s;
        transition: opacity 0.3s ease-out 1.25s; }
    .process__tabs-item:not(:last-of-type) p::after {
      content: '';
      width: 2rem;
      height: 0.0625rem;
      background-color: #1f1f1f;
      display: block;
      -webkit-transform: rotate(65deg);
              transform: rotate(65deg);
      position: absolute;
      top: 0;
      right: -15px;
      bottom: 0;
      margin: auto; }
    .process__tabs-item--active {
      opacity: 0; }
    .process__tabs-item:hover {
      opacity: 1 !important;
      -webkit-transition: opacity 0.2s ease-out 0s;
      transition: opacity 0.2s ease-out 0s; }
  .process__tabs-name {
    font-family: 'Noto Serif Display', serif;
    font-size: 14px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-width: 80px; }
  .process__image-container {
    position: relative;
    z-index: 3;
    height: 22rem;
    opacity: 0;
    -webkit-transition: opacity 0.1s ease-in-out 1.4s;
    transition: opacity 0.1s ease-in-out 1.4s; }
  .process__image {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover; }
  .process__info {
    position: relative;
    z-index: 2;
    background-color: white;
    position: relative;
    padding: 3em 1em;
    opacity: 0;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    -webkit-transition: opacity 0s ease-in-out 0.6s, -webkit-transform 0.3s ease-in-out 0.3s;
    transition: opacity 0s ease-in-out 0.6s, -webkit-transform 0.3s ease-in-out 0.3s;
    transition: transform 0.3s ease-in-out 0.3s, opacity 0s ease-in-out 0.6s;
    transition: transform 0.3s ease-in-out 0.3s, opacity 0s ease-in-out 0.6s, -webkit-transform 0.3s ease-in-out 0.3s; }
  .process__number-container {
    margin-bottom: 1em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .process__current {
    font-family: "ogg", Helvetica, Arial, sans-serif;
    font-size: 1.25rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .process__current:after {
      content: '';
      width: 1.875rem;
      height: 0.0625rem;
      background-color: #1f1f1f;
      display: block;
      margin: 0 1em; }
  .process__total {
    font-family: 'Noto Serif Display', serif;
    font-size: 1.25rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .process__step-title {
    font-size: 1.5625rem;
    margin-bottom: 1em; }
  .process__text {
    margin: 2em 0; }
  .process__link {
    font-family: "NeueHaasGroteskText Pro Md", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    width: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .process__link::after {
      width: 37%;
      height: 1px;
      margin-right: 5%;
      background-size: 150%; }
  .process__list {
    position: relative;
    opacity: 0;
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    -webkit-transition: opacity 0.3s ease-out 1s, -webkit-transform 0.6s ease-out 1s;
    transition: opacity 0.3s ease-out 1s, -webkit-transform 0.6s ease-out 1s;
    transition: opacity 0.3s ease-out 1s, transform 0.6s ease-out 1s;
    transition: opacity 0.3s ease-out 1s, transform 0.6s ease-out 1s, -webkit-transform 0.6s ease-out 1s; }
  .process__item {
    display: block;
    position: relative;
    opacity: 1;
    max-height: 0;
    visibility: visible;
    overflow: hidden;
    top: 1;
    pointer-events: none;
    -webkit-transition: max-height 0s ease-in-out 0.8s;
    transition: max-height 0s ease-in-out 0.8s; }
    .process__item--active {
      pointer-events: all;
      max-height: 2000px;
      height: auto;
      -webkit-transform: translateX(0);
              transform: translateX(0); }
      .process__item--active .process__image-container {
        opacity: 1;
        -webkit-transition: opacity 0.1s ease-in-out 0.7s;
        transition: opacity 0.1s ease-in-out 0.7s; }
      .process__item--active .process__info {
        -webkit-transform: translateY(0);
                transform: translateY(0);
        opacity: 1;
        -webkit-transition: opacity 0.1s ease-in-out 1s, -webkit-transform 0.5s ease-in-out 0.8s;
        transition: opacity 0.1s ease-in-out 1s, -webkit-transform 0.5s ease-in-out 0.8s;
        transition: opacity 0.1s ease-in-out 1s, transform 0.5s ease-in-out 0.8s;
        transition: opacity 0.1s ease-in-out 1s, transform 0.5s ease-in-out 0.8s, -webkit-transform 0.5s ease-in-out 0.8s; }
  .process--animate .process__tabs-item {
    opacity: 0.4; }
    .process--animate .process__tabs-item--active {
      opacity: 1; }
  .process--animate .process__list {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px); }

@media only screen and (min-width: 37.5rem) {
  .process {
    padding-top: 5em;
    padding-bottom: 4em; }
    .process__item {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; }
    .process__title {
      width: 70%;
      margin: auto;
      margin-bottom: 2em; }
    .process__step-title {
      margin-bottom: 0; }
    .process__image-container {
      height: 100%;
      width: 100%;
      min-height: 450px; }
    .process__info {
      width: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding: 3em 2em; }
    .process__tabs-list {
      padding: 1em 0 6em 0; }
    .process__tabs-name {
      font-size: 20px;
      min-width: 150px; }
    .process__link {
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
      .process__link::after {
        margin-left: 1.25rem; } }

@media only screen and (min-width: 64.0625rem) {
  .process {
    padding-bottom: 10em; }
    .process__title {
      max-width: 43.75rem;
      margin-bottom: 0.5em; }
    .process__info {
      padding: 2em;
      width: 50%;
      opacity: 1;
      -webkit-transform: translateX(0%);
              transform: translateX(0%);
      -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
      transition: -webkit-transform 0.8s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
      transition: transform 0.8s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s;
      transition: transform 0.8s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s, -webkit-transform 0.8s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s; }
    .process__image-container {
      width: 50%;
      opacity: 1;
      min-height: auto;
      max-height: 1000px;
      -webkit-align-self: end;
          -ms-flex-item-align: end;
              align-self: end; }
    .process__image {
      -webkit-transform: translateY(100%);
              transform: translateY(100%);
      -webkit-transition: -webkit-transform 0.6s ease-out 1.5s;
      transition: -webkit-transform 0.6s ease-out 1.5s;
      transition: transform 0.6s ease-out 1.5s;
      transition: transform 0.6s ease-out 1.5s, -webkit-transform 0.6s ease-out 1.5s; }
    .process__number-container {
      overflow: hidden; }
    .process__total {
      -webkit-transform: translateY(-100px);
              transform: translateY(-100px);
      -webkit-transition: -webkit-transform ease-in-out 0.3s 0.3s;
      transition: -webkit-transform ease-in-out 0.3s 0.3s;
      transition: transform ease-in-out 0.3s 0.3s;
      transition: transform ease-in-out 0.3s 0.3s, -webkit-transform ease-in-out 0.3s 0.3s; }
    .process__text {
      opacity: 0;
      -webkit-transform: translateY(-20px);
              transform: translateY(-20px);
      -webkit-transition: opacity ease-in-out 0.3s 0.3s, -webkit-transform ease-in-out 0.3s 0.3s;
      transition: opacity ease-in-out 0.3s 0.3s, -webkit-transform ease-in-out 0.3s 0.3s;
      transition: transform ease-in-out 0.3s 0.3s, opacity ease-in-out 0.3s 0.3s;
      transition: transform ease-in-out 0.3s 0.3s, opacity ease-in-out 0.3s 0.3s, -webkit-transform ease-in-out 0.3s 0.3s; }
    .process__current {
      -webkit-transform: translateY(-100px);
              transform: translateY(-100px);
      -webkit-transition: -webkit-transform ease-in-out 0.3s 0.3s;
      transition: -webkit-transform ease-in-out 0.3s 0.3s;
      transition: transform ease-in-out 0.3s 0.3s;
      transition: transform ease-in-out 0.3s 0.3s, -webkit-transform ease-in-out 0.3s 0.3s; }
      .process__current::after {
        content: '';
        display: inline-block;
        vertical-align: middle;
        width: 0.01em;
        height: 0.0625rem;
        background-color: #1f1f1f;
        margin: 0 0.5em;
        -webkit-transition: width ease-in-out 0.3s 0.3s;
        transition: width ease-in-out 0.3s 0.3s; }
    .process__step-title {
      -webkit-transform: translateY(-20px);
              transform: translateY(-20px);
      opacity: 0;
      -webkit-transition: opacity ease-in-out 0.3s 0.3s, -webkit-transform ease-in-out 0.3s 0.3s;
      transition: opacity ease-in-out 0.3s 0.3s, -webkit-transform ease-in-out 0.3s 0.3s;
      transition: transform ease-in-out 0.3s 0.3s, opacity ease-in-out 0.3s 0.3s;
      transition: transform ease-in-out 0.3s 0.3s, opacity ease-in-out 0.3s 0.3s, -webkit-transform ease-in-out 0.3s 0.3s; }
    .process__link-container {
      position: absolute;
      width: 100%;
      bottom: 50px; }
    .process__link {
      opacity: 0;
      -webkit-transform: translateY(-20px);
              transform: translateY(-20px);
      -webkit-transition: opacity ease-in-out 0.3s 0.3s, -webkit-transform ease-in-out 0.3s 0.3s;
      transition: opacity ease-in-out 0.3s 0.3s, -webkit-transform ease-in-out 0.3s 0.3s;
      transition: transform ease-in-out 0.3s 0.3s, opacity ease-in-out 0.3s 0.3s;
      transition: transform ease-in-out 0.3s 0.3s, opacity ease-in-out 0.3s 0.3s, -webkit-transform ease-in-out 0.3s 0.3s; }
      .process__link::after {
        -webkit-transform-origin: left center;
                transform-origin: left center;
        -webkit-transform: scaleX(0);
                transform: scaleX(0); }
    .process__list {
      height: 70vh;
      max-height: 800px; }
    .process__item {
      height: 70vh;
      max-height: 800px;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0;
      -webkit-transition: opacity 0s cubic-bezier(0.445, 0.05, 0.55, 0.95) 1s;
      transition: opacity 0s cubic-bezier(0.445, 0.05, 0.55, 0.95) 1s; }
      .process__item .separate-word__word {
        display: inline-block;
        opacity: 0;
        -webkit-transform: translateY(40px);
                transform: translateY(40px);
        -webkit-transition: opacity 0.2s linear, -webkit-transform 0.6s ease-in-out;
        transition: opacity 0.2s linear, -webkit-transform 0.6s ease-in-out;
        transition: opacity 0.2s linear, transform 0.6s ease-in-out;
        transition: opacity 0.2s linear, transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
        position: relative;
        overflow: hidden; }
      .process__item.is-selected .separate-word__word {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
        -webkit-transition: opacity 0.2s linear, -webkit-transform 0.6s ease-in-out;
        transition: opacity 0.2s linear, -webkit-transform 0.6s ease-in-out;
        transition: opacity 0.2s linear, transform 0.6s ease-in-out;
        transition: opacity 0.2s linear, transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
        -webkit-transition-delay: 1s !important;
                transition-delay: 1s !important; }
      .process__item--active .separate-word__word {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
        -webkit-transition: opacity 0.2s linear, -webkit-transform 0.6s ease-in-out;
        transition: opacity 0.2s linear, -webkit-transform 0.6s ease-in-out;
        transition: opacity 0.2s linear, transform 0.6s ease-in-out;
        transition: opacity 0.2s linear, transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
        -webkit-transition-delay: 1s !important;
                transition-delay: 1s !important; }
      .process__item--active {
        max-height: 800px;
        z-index: 2;
        opacity: 1;
        -webkit-transform: translateX(0);
                transform: translateX(0);
        -webkit-transition: opacity 0s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.5s;
        transition: opacity 0s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.5s; }
        .process__item--active .process__current {
          -webkit-transform: translateY(0);
                  transform: translateY(0);
          -webkit-transition: -webkit-transform ease-in-out 0.3s 1.2s;
          transition: -webkit-transform ease-in-out 0.3s 1.2s;
          transition: transform ease-in-out 0.3s 1.2s;
          transition: transform ease-in-out 0.3s 1.2s, -webkit-transform ease-in-out 0.3s 1.2s; }
          .process__item--active .process__current::after {
            width: 1em;
            -webkit-transition: width ease-in-out 0.3s 1.5s;
            transition: width ease-in-out 0.3s 1.5s; }
        .process__item--active .process__text {
          -webkit-transform: translateY(0);
                  transform: translateY(0);
          opacity: 1;
          -webkit-transition: opacity ease-in-out 0.3s 1.8s, -webkit-transform ease-in-out 0.3s 1.8s;
          transition: opacity ease-in-out 0.3s 1.8s, -webkit-transform ease-in-out 0.3s 1.8s;
          transition: opacity ease-in-out 0.3s 1.8s, transform ease-in-out 0.3s 1.8s;
          transition: opacity ease-in-out 0.3s 1.8s, transform ease-in-out 0.3s 1.8s, -webkit-transform ease-in-out 0.3s 1.8s; }
        .process__item--active .process__link {
          -webkit-transform: translateY(0);
                  transform: translateY(0);
          opacity: 1;
          -webkit-transition: opacity ease-in-out 0.3s 2s, -webkit-transform ease-in-out 0.3s 2s;
          transition: opacity ease-in-out 0.3s 2s, -webkit-transform ease-in-out 0.3s 2s;
          transition: opacity ease-in-out 0.3s 2s, transform ease-in-out 0.3s 2s;
          transition: opacity ease-in-out 0.3s 2s, transform ease-in-out 0.3s 2s, -webkit-transform ease-in-out 0.3s 2s; }
          .process__item--active .process__link::after {
            -webkit-transform: scaleX(1);
                    transform: scaleX(1);
            -webkit-transition: -webkit-transform ease-in-out 0.3s 2.2s;
            transition: -webkit-transform ease-in-out 0.3s 2.2s;
            transition: transform ease-in-out 0.3s 2.2s;
            transition: transform ease-in-out 0.3s 2.2s, -webkit-transform ease-in-out 0.3s 2.2s; }
        .process__item--active .process__step-title {
          opacity: 1;
          -webkit-transform: translateY(0);
                  transform: translateY(0);
          -webkit-transition: opacity ease-in-out 0.3s 1.3s, -webkit-transform ease-in-out 0.3s 1.3s;
          transition: opacity ease-in-out 0.3s 1.3s, -webkit-transform ease-in-out 0.3s 1.3s;
          transition: transform ease-in-out 0.3s 1.3s, opacity ease-in-out 0.3s 1.3s;
          transition: transform ease-in-out 0.3s 1.3s, opacity ease-in-out 0.3s 1.3s, -webkit-transform ease-in-out 0.3s 1.3s; }
        .process__item--active .process__total {
          -webkit-transform: translateY(0);
                  transform: translateY(0);
          -webkit-transition: -webkit-transform ease-in-out 0.3s 1s;
          transition: -webkit-transform ease-in-out 0.3s 1s;
          transition: transform ease-in-out 0.3s 1s;
          transition: transform ease-in-out 0.3s 1s, -webkit-transform ease-in-out 0.3s 1s; }
        .process__item--active .process__image {
          -webkit-transform: translateY(0%);
                  transform: translateY(0%);
          z-index: 10;
          -webkit-transition: -webkit-transform 0.4s ease-out 0.5s;
          transition: -webkit-transform 0.4s ease-out 0.5s;
          transition: transform 0.4s ease-out 0.5s;
          transition: transform 0.4s ease-out 0.5s, -webkit-transform 0.4s ease-out 0.5s; }
        .process__item--active .process__info {
          -webkit-transform: translateX(0);
                  transform: translateX(0);
          -webkit-transition: opacity 0s linear 0.8s, -webkit-transform 0.6s ease-out 0.7s;
          transition: opacity 0s linear 0.8s, -webkit-transform 0.6s ease-out 0.7s;
          transition: transform 0.6s ease-out 0.7s, opacity 0s linear 0.8s;
          transition: transform 0.6s ease-out 0.7s, opacity 0s linear 0.8s, -webkit-transform 0.6s ease-out 0.7s; }
    .process__step-title {
      font-size: 3.125rem; }
    .process__number-container span {
      font-size: 1.25rem; } }

.signature {
  padding: 1em 15px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 4em;
  padding-bottom: 0; }
  @media only screen and (min-width: 37.5rem) {
    .signature {
      padding: 1em calc(40px + 72px) 1em 40px; } }
  @media only screen and (min-width: 64.0625rem) {
    .signature {
      margin-left: auto;
      margin-right: auto;
      padding: 1em calc(40px + 72px) 1em 40px; }
      .signature > * {
        max-width: 100rem;
        margin: 0 auto; } }
  .signature__title-container .separate-word__word {
    display: inline-block;
    opacity: 0;
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    -webkit-transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    position: relative; }
  .signature__title-container--animate .separate-word__word {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; }
  .signature__title {
    text-align: center;
    margin-bottom: 2em; }
  .signature__list .flickity-button {
    border-radius: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    cursor: none !important;
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
    -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; }
    .signature__list .flickity-button:hover {
      background-color: transparent;
      opacity: 0.4; }
      .signature__list .flickity-button:hover.next {
        -webkit-transform: translateX(5px);
                transform: translateX(5px); }
      .signature__list .flickity-button:hover.previous {
        -webkit-transform: translateX(-5px);
                transform: translateX(-5px); }
    .signature__list .flickity-button.next {
      background-image: url("asset/svg/next-slider.svg");
      background-color: transparent;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      top: 1.5rem;
      width: 2.1875rem; }
    .signature__list .flickity-button.previous {
      background-image: url("asset/svg/prev-slider.svg");
      background-color: transparent;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      width: 2.1875rem;
      top: 1.5rem;
      left: unset;
      right: 3.75rem; }
  .signature__list .flickity-button .flickity-button-icon {
    visibility: hidden; }
  .signature__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    margin: 0 2em;
    opacity: 0 !important;
    -webkit-transition: 0s opacity ease-in-out 1s;
    transition: 0s opacity ease-in-out 1s; }
    .signature__item .separate-word__word {
      display: inline-block;
      opacity: 0;
      -webkit-transform: translateY(40px);
              transform: translateY(40px);
      -webkit-transition: opacity 0.2s linear, -webkit-transform 0.6s ease-in-out;
      transition: opacity 0.2s linear, -webkit-transform 0.6s ease-in-out;
      transition: opacity 0.2s linear, transform 0.6s ease-in-out;
      transition: opacity 0.2s linear, transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
      position: relative;
      overflow: hidden; }
    .signature__item.is-selected .separate-word__word {
      opacity: 1;
      -webkit-transform: translateY(0);
              transform: translateY(0);
      -webkit-transition: opacity 0.2s linear, -webkit-transform 0.6s ease-in-out;
      transition: opacity 0.2s linear, -webkit-transform 0.6s ease-in-out;
      transition: opacity 0.2s linear, transform 0.6s ease-in-out;
      transition: opacity 0.2s linear, transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
      -webkit-transition-delay: 1s !important;
              transition-delay: 1s !important; }
    .signature__item--active .separate-word__word {
      opacity: 1;
      -webkit-transform: translateY(0);
              transform: translateY(0);
      -webkit-transition: opacity 0.2s linear, -webkit-transform 0.6s ease-in-out;
      transition: opacity 0.2s linear, -webkit-transform 0.6s ease-in-out;
      transition: opacity 0.2s linear, transform 0.6s ease-in-out;
      transition: opacity 0.2s linear, transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
      -webkit-transition-delay: 1s !important;
              transition-delay: 1s !important; }
    .signature__item.is-selected {
      opacity: 1 !important;
      -webkit-transition: 0s opacity ease-in-out 0.8s;
      transition: 0s opacity ease-in-out 0.8s; }
      .signature__item.is-selected .comparison__current > span {
        -webkit-transform: translateY(0);
                transform: translateY(0);
        -webkit-transition: -webkit-transform ease-in-out 0.3s 0.7s;
        transition: -webkit-transform ease-in-out 0.3s 0.7s;
        transition: transform ease-in-out 0.3s 0.7s;
        transition: transform ease-in-out 0.3s 0.7s, -webkit-transform ease-in-out 0.3s 0.7s; }
      .signature__item.is-selected .comparison__current::after {
        width: 1em;
        opacity: 1;
        -webkit-transition: opacity 0.1s linear 1.3s, width ease-in-out 0.3s 1.4s;
        transition: opacity 0.1s linear 1.3s, width ease-in-out 0.3s 1.4s; }
      .signature__item.is-selected .comparison__total {
        -webkit-transform: translateY(0);
                transform: translateY(0);
        -webkit-transition: -webkit-transform ease-in-out 0.3s 0.9s;
        transition: -webkit-transform ease-in-out 0.3s 0.9s;
        transition: transform ease-in-out 0.3s 0.9s;
        transition: transform ease-in-out 0.3s 0.9s, -webkit-transform ease-in-out 0.3s 0.9s; }
      .signature__item.is-selected .competitors {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
        -webkit-transition: opacity 0.25s linear 1s, -webkit-transform 0.25s linear 1s;
        transition: opacity 0.25s linear 1s, -webkit-transform 0.25s linear 1s;
        transition: opacity 0.25s linear 1s, transform 0.25s linear 1s;
        transition: opacity 0.25s linear 1s, transform 0.25s linear 1s, -webkit-transform 0.25s linear 1s; }
      .signature__item.is-selected .rl {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
        -webkit-transition: opacity 0.15s linear 1.2s, -webkit-transform 0.25s linear 1.2s;
        transition: opacity 0.15s linear 1.2s, -webkit-transform 0.25s linear 1.2s;
        transition: opacity 0.15s linear 1.2s, transform 0.25s linear 1.2s;
        transition: opacity 0.15s linear 1.2s, transform 0.25s linear 1.2s, -webkit-transform 0.25s linear 1.2s; }

.comparison__number-container {
  margin-bottom: 1em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden; }

.comparison__current, .comparison__total {
  font-size: 1.25rem;
  display: inline-block; }

.comparison__current {
  overflow: hidden; }
  .comparison__current > span {
    display: inline-block;
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    -webkit-transition: -webkit-transform ease-in-out 0.3s 0.7s;
    transition: -webkit-transform ease-in-out 0.3s 0.7s;
    transition: transform ease-in-out 0.3s 0.7s;
    transition: transform ease-in-out 0.3s 0.7s, -webkit-transform ease-in-out 0.3s 0.7s; }
  .comparison__current::after {
    content: '';
    opacity: 0;
    display: inline-block;
    vertical-align: middle;
    width: 0.01em;
    height: 0.0625rem;
    background-color: #1f1f1f;
    margin: 0 0.5em 0.2em;
    -webkit-transition: opacity 0.1s linear 0.6s, width ease-in-out 0.3s 0.3s;
    transition: opacity 0.1s linear 0.6s, width ease-in-out 0.3s 0.3s; }

.comparison__total {
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  -webkit-transition: -webkit-transform ease-in-out 0.3s 0.7s;
  transition: -webkit-transform ease-in-out 0.3s 0.7s;
  transition: transform ease-in-out 0.3s 0.7s;
  transition: transform ease-in-out 0.3s 0.7s, -webkit-transform ease-in-out 0.3s 0.7s; }

.comparison__title {
  margin-top: 0.5em;
  margin-bottom: 1.5em;
  max-width: 13.125rem;
  line-height: 1.1em; }

.competitors {
  margin-bottom: 2em;
  position: relative;
  overflow: hidden;
  max-width: 55vw;
  margin-bottom: 2em;
  opacity: 0;
  -webkit-transform: translateY(5%);
          transform: translateY(5%);
  -webkit-transition: opacity 0.25s linear 0.1s, -webkit-transform 0.25s ease-in-out 0.1s;
  transition: opacity 0.25s linear 0.1s, -webkit-transform 0.25s ease-in-out 0.1s;
  transition: opacity 0.25s linear 0.1s, transform 0.25s ease-in-out 0.1s;
  transition: opacity 0.25s linear 0.1s, transform 0.25s ease-in-out 0.1s, -webkit-transform 0.25s ease-in-out 0.1s; }
  .competitors__title {
    margin-bottom: 1em; }
  .competitors__image {
    width: 60%; }
  .competitors__description {
    padding: 1em 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 0.875rem; }
    .competitors__description::before {
      content: '';
      display: block;
      width: 1.25rem;
      height: 1.25rem;
      background-image: url(asset/svg/small_arrow.svg);
      background-position: center;
      background-repeat: no-repeat;
      margin-right: 1em;
      background-size: contain; }

.rl {
  margin-bottom: 2em;
  position: relative;
  overflow: hidden;
  opacity: 0;
  -webkit-transform: translateY(5%);
          transform: translateY(5%);
  -webkit-transition: opacity 0.25s linear 0.3s, -webkit-transform 0.25s ease-in-out 0.3s;
  transition: opacity 0.25s linear 0.3s, -webkit-transform 0.25s ease-in-out 0.3s;
  transition: opacity 0.25s linear 0.3s, transform 0.25s ease-in-out 0.3s;
  transition: opacity 0.25s linear 0.3s, transform 0.25s ease-in-out 0.3s, -webkit-transform 0.25s ease-in-out 0.3s; }
  .rl__title {
    margin-bottom: 1em; }
  .rl__image {
    width: 100%; }
  .rl__description {
    padding: 1em 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 0.875rem; }
    .rl__description::before {
      content: '';
      display: block;
      width: 1.25rem;
      height: 1.25rem;
      background-image: url(asset/svg/small_arrow.svg);
      background-position: center;
      background-repeat: no-repeat;
      margin-right: 1em;
      background-size: contain; }

@media only screen and (min-width: 37.5rem) {
  .signature__title {
    width: 70%;
    margin: auto;
    margin-bottom: 2em;
    max-width: 700px; }
  .comparison__title {
    width: 50%;
    margin-bottom: 1em; }
  .comparison__media-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .competitors__image {
    width: 85%; } }

@media only screen and (min-width: 64.0625rem) {
  .signature {
    padding-top: 10em; }
    .signature__list {
      margin: 6em 15% 2em 15%; }
  .comparison__media-container {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .comparison__title {
    max-width: 31.25rem;
    margin-bottom: 0; }
  .competitors {
    width: 45%; }
  .rl {
    width: 50%; } }

.fc-list {
  padding: 1em 15px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 1em;
  padding-bottom: 1em; }
  @media only screen and (min-width: 37.5rem) {
    .fc-list {
      padding: 1em calc(40px + 72px) 1em 40px; } }
  @media only screen and (min-width: 64.0625rem) {
    .fc-list {
      margin-left: auto;
      margin-right: auto;
      padding: 1em calc(40px + 72px) 1em 40px; }
      .fc-list > * {
        max-width: 100rem;
        margin: 0 auto; } }
  .fc-list__list {
    padding: 2em 3em; }

.wysiwyg {
  padding: 1em 15px;
  margin-left: auto;
  margin-right: auto; }
  @media only screen and (min-width: 37.5rem) {
    .wysiwyg {
      padding: 1em calc(40px + 72px) 1em 40px; } }
  @media only screen and (min-width: 64.0625rem) {
    .wysiwyg {
      margin-left: auto;
      margin-right: auto;
      padding: 1em calc(40px + 72px) 1em 40px; }
      .wysiwyg > * {
        max-width: 100rem;
        margin: 0 auto; } }
  .wysiwyg__container {
    padding: 2em 0;
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
    -webkit-transition: opacity 0.2s linear, -webkit-transform 0.4s ease-out;
    transition: opacity 0.2s linear, -webkit-transform 0.4s ease-out;
    transition: opacity 0.2s linear, transform 0.4s ease-out;
    transition: opacity 0.2s linear, transform 0.4s ease-out, -webkit-transform 0.4s ease-out; }
    .wysiwyg__container h2 {
      margin-bottom: 0.6em;
      line-height: 1.01em; }
    .wysiwyg__container--animate {
      opacity: 1;
      -webkit-transform: translateY(0px);
              transform: translateY(0px); }

.blockquote {
  padding: 1em 15px;
  margin-left: auto;
  margin-right: auto; }
  @media only screen and (min-width: 37.5rem) {
    .blockquote {
      padding: 1em calc(40px + 72px) 1em 40px; } }
  @media only screen and (min-width: 64.0625rem) {
    .blockquote {
      margin-left: auto;
      margin-right: auto;
      padding: 1em calc(40px + 72px) 1em 40px; }
      .blockquote > * {
        max-width: 100rem;
        margin: 0 auto; } }
  .blockquote__container {
    padding: 2em 3em; }

.fc-image {
  padding: 1em 15px;
  margin-left: auto;
  margin-right: auto; }
  @media only screen and (min-width: 37.5rem) {
    .fc-image {
      padding: 1em calc(40px + 72px) 1em 40px; } }
  @media only screen and (min-width: 64.0625rem) {
    .fc-image {
      margin-left: auto;
      margin-right: auto;
      padding: 1em calc(40px + 72px) 1em 40px; }
      .fc-image > * {
        max-width: 100rem;
        margin: 0 auto; } }
  .fc-image__image {
    width: 100%; }
  .fc-image__description {
    padding: 1em 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 0.875rem;
    max-width: 15.625rem; }
    .fc-image__description::before {
      content: '';
      display: block;
      width: 1.25rem;
      height: 1.25rem;
      background-image: url(asset/svg/small_arrow.svg);
      background-position: center;
      background-repeat: no-repeat;
      margin-right: 1em;
      background-size: contain; }

.center-text {
  padding: 1em 15px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 4em;
  background-color: transparent; }
  @media only screen and (min-width: 37.5rem) {
    .center-text {
      padding: 1em calc(40px + 72px) 1em 40px; } }
  @media only screen and (min-width: 64.0625rem) {
    .center-text {
      margin-left: auto;
      margin-right: auto;
      padding: 1em calc(40px + 72px) 1em 40px; }
      .center-text > * {
        max-width: 100rem;
        margin: 0 auto; } }
  .center-text__title-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 2em; }
  .center-text__title-separator {
    width: 9.0625rem;
    height: 0.0625rem;
    margin: 0 1em;
    background-color: #1f1f1f; }
  .center-text__container {
	padding: 1em calc(40px + 72px) 4em 40px;
    text-align: center;
	 }
  .center-text__text-container {
    padding: 2em 3em;
    text-align: center;
    padding-bottom: 2em; }

@media only screen and (min-width: 37.5rem) {
  .center-text {
    padding-top: 5em;
    padding-bottom: 5em; } }

@media only screen and (min-width: 64.0625rem) {
  .fc-list {
    padding-top: 2em;
    padding-bottom: 2em; }
  .wysiwyg {
    padding-top: 2em;
    padding-bottom: 2em; }
    .wysiwyg__container {
      padding: 2em 0em; }
      .wysiwyg__container h2 {
        margin-bottom: 0.6em;
        line-height: 1.01em; }
  .blockquote {
    padding-top: 2em;
    padding-bottom: 2em; }
  .fc-image {
    padding-top: 2em;
    padding-bottom: 2em; }
  .center-text {
    padding-top: 2em;
    padding-bottom: 2em; } }

.related {
  padding: 1em 15px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 2em; }
  @media only screen and (min-width: 37.5rem) {
    .related {
      padding: 1em calc(40px + 72px) 1em 40px; } }
  @media only screen and (min-width: 64.0625rem) {
    .related {
      margin-left: auto;
      margin-right: auto;
      padding: 1em calc(40px + 72px) 1em 40px; }
      .related > * {
        max-width: 100rem;
        margin: 0 auto; } }
  .related__container {
    border-top: 1px solid #1f1f1f;
    padding-top: 4em; }
  .related__title-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 6em;
    margin-top: 6em; }
  .related__title-separator {
    width: 9.0625rem;
    height: 0.0625rem;
    margin: 0 1em;
    background-color: #1f1f1f; }
  .related__grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-row-gap: 2.5rem;
    margin-bottom: 3em; }
  .related__item {
    background-color: rgba(255, 255, 255, 0.555);
    padding: 1em; }
  .related__post {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  .related__media-container {
    height: 40vh; }
  .related__title {
    font: 500 1.5rem "ogg", Helvetica, Arial, sans-serif; }
  .related__image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover; }
  .related__info-container {
    padding: 2em 0; }
  .related__post-term {
    text-align: center;
    font-size: 1rem; }
  .related__post-title {
    text-align: center;
    margin: 0.5em 0 1.5em 0;
    font-size: 1.25rem; }
  .related__post-excerpt {
    text-align: center;
    font-size: 0.875rem; }
  .related__link--mobile {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 1em;
    display: none; }

@media only screen and (min-width: 37.5rem) {
  .related {
    margin-top: 3em;
    padding-bottom: 2em;
    position: relative; }
    .related__container {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
    .related__title-container {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: column-reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse;
      -webkit-justify-content: space-around;
          -ms-flex-pack: distribute;
              justify-content: space-around;
      -webkit-transform-origin: 50%;
              transform-origin: 50%;
      height: auto;
      margin: 0;
      position: absolute;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      left: 20px; }
    .related__title-separator {
      display: table;
      width: 1px;
      height: 100px;
      margin: 0.5em 0; }
    .related__title {
      -webkit-writing-mode: vertical-rl;
          -ms-writing-mode: tb-rl;
              writing-mode: vertical-rl;
      -webkit-text-orientation: mixed;
              text-orientation: mixed;
      -webkit-transform: scale(-1);
              transform: scale(-1); }
    .related__grid {
      width: 100%;
      padding-left: 5%;
      grid-template-columns: 1fr 1fr;
      grid-column-gap: 20px; }
    .related__media-container {
      height: 20vh; } }

@media only screen and (min-width: 64.0625rem) {
  .related__grid {
    width: 100%;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 20px; }
  .related__container {
    position: relative; }
  .related__media-container {
    height: 25vh; }
  .related__title-container {
    left: 0; } }

.cursors {
  padding: 150px 0; }
  .cursors__container {
    padding: 1em 15px;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    @media only screen and (min-width: 37.5rem) {
      .cursors__container {
        padding: 1em calc(40px + 72px) 1em 40px; } }
    @media only screen and (min-width: 64.0625rem) {
      .cursors__container {
        margin-left: auto;
        margin-right: auto;
        padding: 1em calc(40px + 72px) 1em 40px; }
        .cursors__container > * {
          max-width: 100rem;
          margin: 0 auto; } }
  .cursors__introduction {
    width: 75%;
    margin-right: 25%;
    margin-bottom: 75px; }
  .cursors__subtitle {
    margin-bottom: 20px; }
  .cursors__text {
    font-size: 1.5rem;
    margin-bottom: 40px; }
  .cursors__button {
    border-radius: 0 !important; }
  .cursors__content {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
  .cursors__block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: calc(50% - 20px);
    margin: 10px;
    height: 200px;
    background-color: black;
    color: #f1ebe5; }

.cursor--hide .cursor__ball {
  opacity: 0;
  -webkit-transition: opacity 1.2s ease-in-out;
  transition: opacity 1.2s ease-in-out; }

.cursor__ball {
  opacity: 1;
  -webkit-transform: translate3d(0px, 0px);
          transform: translate3d(0px, 0px);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100px;
  width: 100px;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out; }
  .cursor__ball svg {
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease; }
  .cursor__ball rect {
    -webkit-transition: 0.3s ease-in-out fill, 0.3s ease-in-out stroke;
    transition: 0.3s ease-in-out fill, 0.3s ease-in-out stroke;
    shape-rendering: geometricPrecision;
    fill: #000;
    fill-opacity: 0;
    stroke: #000;
    stroke-width: 1; }
  .cursor__ball--big span {
    display: block;
    width: 41.09px;
    height: 41.09px;
    background-color: transparent;
    border: solid 1px #1f1f1f;
    position: relative;
    opacity: 1;
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate(45deg) scale(1);
            transform: rotate(45deg) scale(1);
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease; }
  .cursor__ball--big rect {
    fill: transparent;
    -webkit-transition: 0.3s ease-in-out fill, 0.3s ease-in-out stroke;
    transition: 0.3s ease-in-out fill, 0.3s ease-in-out stroke; }
  .cursor__ball--small span {
    display: block;
    width: 41.09px;
    height: 41.09px;
    background-color: black;
    position: relative;
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate(45deg) scale(0.1);
            transform: rotate(45deg) scale(0.1);
    opacity: 1;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease; }
  .cursor__ball--small svg {
    opacity: 1; }
  .cursor__ball--small rect {
    fill-opacity: 1;
    stroke-width: 0;
    -webkit-transition: 0s all ease-in-out 0s;
    transition: 0s all ease-in-out 0s; }

.cursor__plus {
  -webkit-transform: translate3d(0px, 0px);
          transform: translate3d(0px, 0px);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100px;
  width: 100px; }
  .cursor__plus svg {
    opacity: 0;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease; }
    .cursor__plus svg line {
      stroke: #000; }

.cursor__text {
  height: 100px;
  width: 100px; }
  .cursor__text p {
    text-align: center;
    color: #f1ebe5;
    font-family: 'Noto Serif Display', serif;
    font-size: 1rem;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease; }
  .cursor__text .cursor__text-diamond {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    opacity: 0;
    -webkit-transform: scale(0.8) translateY(-50px);
            transform: scale(0.8) translateY(-50px);
    -webkit-transition: opacity 0.2s ease-in-out, -webkit-transform 0.3s ease-in-out 0.1s;
    transition: opacity 0.2s ease-in-out, -webkit-transform 0.3s ease-in-out 0.1s;
    transition: opacity 0.2s ease-in-out, transform 0.3s ease-in-out 0.1s;
    transition: opacity 0.2s ease-in-out, transform 0.3s ease-in-out 0.1s, -webkit-transform 0.3s ease-in-out 0.1s; }
    .cursor__text .cursor__text-diamond svg {
      opacity: 1; }
    .cursor__text .cursor__text-diamond rect {
      fill-opacity: 1;
      stroke-width: 0;
      fill: #1f1f1f;
      -webkit-transition: 0s all ease-in-out 0s;
      transition: 0s all ease-in-out 0s; }

.cursor__image {
  width: 300px;
  height: 300px; }
  .cursor__image div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 300px;
    height: 300px;
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease; }
    .cursor__image div img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }

.cursor__arrow {
  -webkit-transform: translate3d(0px, 0px);
          transform: translate3d(0px, 0px);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100px;
  width: 100px; }
  .cursor__arrow svg {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
    .cursor__arrow svg path {
      stroke: #fff;
      fill: #fff; }

.cursor__arrow-prev {
  -webkit-transform: translate3d(0px, 0px);
          transform: translate3d(0px, 0px);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100px;
  width: 100px; }
  .cursor__arrow-prev svg {
    opacity: 0;
    -webkit-transform: scale(-1);
            transform: scale(-1); }
    .cursor__arrow-prev svg path {
      stroke: #fff;
      fill: #fff; }

.cursor__video {
  -webkit-transform: translate3d(0px, 0px);
          transform: translate3d(0px, 0px);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100px;
  width: 100px; }
  .cursor__video svg {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
    .cursor__video svg path {
      stroke: #fff;
      fill: #fff; }

.cursor--no-cursor {
  visibility: hidden; }

.cursor--minimal .cursor__ball--big span {
  -webkit-transform: rotate(45deg) scale(1.2);
          transform: rotate(45deg) scale(1.2); }

.cursor--minimal .cursor__ball--big svg {
  -webkit-transform: scale(1.2);
          transform: scale(1.2); }
  .cursor--minimal .cursor__ball--big svg rect {
    stroke-width: 1;
    fill-opacity: 0;
    -webkit-transition: 0s all ease-in-out 0.5s;
    transition: 0s all ease-in-out 0.5s; }

.cursor--minimal .cursor__ball--small span {
  -webkit-transform: rotate(45deg) scale(0.2);
          transform: rotate(45deg) scale(0.2); }

.cursor--minimal .cursor__ball--small svg {
  -webkit-transform: scale(1.2);
          transform: scale(1.2); }
  .cursor--minimal .cursor__ball--small svg rect {
    fill-opacity: 1;
    stroke-opacity: 0;
    -webkit-transition: 0s all linear 0.5s;
    transition: 0s all linear 0.5s; }

.cursor--basic .cursor__ball--big span {
  -webkit-transform: rotate(45deg) scale(2);
          transform: rotate(45deg) scale(2); }

.cursor--basic .cursor__ball--big svg {
  -webkit-transform: scale(1.4);
          transform: scale(1.4); }
  .cursor--basic .cursor__ball--big svg rect {
    stroke-width: 1;
    fill-opacity: 0;
    -webkit-transition: 0s all ease-in-out 0.5s;
    transition: 0s all ease-in-out 0.5s; }

.cursor--basic .cursor__ball--small span {
  -webkit-transform: rotate(45deg) scale(0.02);
          transform: rotate(45deg) scale(0.02);
  opacity: 0; }

.cursor--basic .cursor__ball--small svg {
  -webkit-transform: scale(0.2);
          transform: scale(0.2); }
  .cursor--basic .cursor__ball--small svg rect {
    fill-opacity: 0;
    stroke-opacity: 0;
    -webkit-transition: 0s all linear 0.5s;
    transition: 0s all linear 0.5s; }

.cursor--basic .cursor__plus svg {
  opacity: 1;
  -webkit-transform: scale(2);
          transform: scale(2); }

.cursor--plus .cursor__ball--big span {
  -webkit-transform: rotate(45deg) scale(1.1);
          transform: rotate(45deg) scale(1.1); }

.cursor--plus .cursor__ball--big svg {
  -webkit-transform: scale(1.1);
          transform: scale(1.1); }
  .cursor--plus .cursor__ball--big svg rect {
    stroke-width: 1;
    fill-opacity: 0;
    -webkit-transition: 0s all ease-in-out 0.5s;
    transition: 0s all ease-in-out 0.5s; }

.cursor--plus .cursor__ball--small span {
  -webkit-transform: rotate(45deg) scale(0);
          transform: rotate(45deg) scale(0); }

.cursor--plus .cursor__ball--small svg {
  -webkit-transform: scale(0);
          transform: scale(0); }
  .cursor--plus .cursor__ball--small svg rect {
    fill-opacity: 0;
    stroke-opacity: 0;
    -webkit-transition: 0s all linear 0.5s;
    transition: 0s all linear 0.5s; }

.cursor--plus .cursor__plus svg {
  opacity: 1;
  -webkit-transform: scale(1.8);
          transform: scale(1.8); }

.cursor--animate .cursor__ball--big span {
  -webkit-transform: rotate(45deg) scale(1.2);
          transform: rotate(45deg) scale(1.2); }

.cursor--animate .cursor__ball--big svg {
  -webkit-transform: scale(1.2);
          transform: scale(1.2); }

.cursor--arrow.cursor--plus .cursor__plus svg {
  opacity: 0;
  -webkit-transform: scale(2);
          transform: scale(2); }

.cursor--arrow .cursor__ball--big span {
  -webkit-transform: rotate(45deg) scale(2);
          transform: rotate(45deg) scale(2); }

.cursor--arrow .cursor__ball--big svg {
  -webkit-transform: scale(1.4);
          transform: scale(1.4); }
  .cursor--arrow .cursor__ball--big svg rect {
    stroke-width: 1;
    fill-opacity: 0;
    -webkit-transition: 0s all ease-in-out 0.5s;
    transition: 0s all ease-in-out 0.5s;
    fill: #000; }

.cursor--arrow .cursor__ball--small span {
  -webkit-transform: rotate(45deg) scale(2);
          transform: rotate(45deg) scale(2); }

.cursor--arrow .cursor__ball--small svg {
  -webkit-transform: scale(12);
          transform: scale(12); }
  .cursor--arrow .cursor__ball--small svg rect {
    fill-opacity: 1;
    stroke-opacity: 1;
    -webkit-transition: 0s all linear 0.5s;
    transition: 0s all linear 0.5s; }

.cursor--arrow .cursor__arrow svg {
  opacity: 1;
  -webkit-transform: scale(1.2);
          transform: scale(1.2); }

.cursor--arrow--prev.cursor--plus .cursor__plus svg {
  opacity: 0;
  -webkit-transform: scale(1.8);
          transform: scale(1.8); }

.cursor--arrow--prev .cursor__ball--big span {
  -webkit-transform: rotate(45deg) scale(2);
          transform: rotate(45deg) scale(2); }

.cursor--arrow--prev .cursor__ball--big svg {
  -webkit-transform: scale(1.4);
          transform: scale(1.4); }
  .cursor--arrow--prev .cursor__ball--big svg rect {
    stroke-width: 1;
    fill-opacity: 0;
    -webkit-transition: 0s all ease-in-out 0.5s;
    transition: 0s all ease-in-out 0.5s;
    fill: #000; }

.cursor--arrow--prev .cursor__ball--small span {
  -webkit-transform: rotate(45deg) scale(2);
          transform: rotate(45deg) scale(2); }

.cursor--arrow--prev .cursor__ball--small svg {
  -webkit-transform: scale(12);
          transform: scale(12); }
  .cursor--arrow--prev .cursor__ball--small svg rect {
    fill-opacity: 1;
    stroke-opacity: 1;
    -webkit-transition: 0s all linear 0.5s;
    transition: 0s all linear 0.5s; }

.cursor--arrow--prev .cursor__arrow-prev svg {
  opacity: 1;
  -webkit-transform: scale(-1.2);
          transform: scale(-1.2); }

.cursor--video .cursor__ball--big span {
  -webkit-transform: rotate(45deg) scale(1.8);
          transform: rotate(45deg) scale(1.8); }

.cursor--video .cursor__ball--big svg {
  -webkit-transform: scale(1.8);
          transform: scale(1.8); }
  .cursor--video .cursor__ball--big svg rect {
    stroke-width: 1;
    fill-opacity: 0;
    -webkit-transition: 0s all ease-in-out 0.5s;
    transition: 0s all ease-in-out 0.5s;
    fill: #000; }

.cursor--video .cursor__ball--small span {
  -webkit-transform: rotate(45deg) scale(1.8);
          transform: rotate(45deg) scale(1.8); }

.cursor--video .cursor__ball--small svg {
  -webkit-transform: scale(16);
          transform: scale(16); }
  .cursor--video .cursor__ball--small svg rect {
    fill-opacity: 1;
    stroke-opacity: 1;
    -webkit-transition: 0s all linear 0.5s;
    transition: 0s all linear 0.5s; }

.cursor--video .cursor__video svg {
  opacity: 1; }

.cursor--text.cursor--plus .cursor__plus svg {
  opacity: 0;
  -webkit-transform: scale(1.8);
          transform: scale(1.8); }

.cursor--text .cursor__ball--big span {
  -webkit-transform: rotate(45deg) scale(2);
          transform: rotate(45deg) scale(2); }

.cursor--text .cursor__ball--big svg {
  -webkit-transform: scale(1.4);
          transform: scale(1.4); }
  .cursor--text .cursor__ball--big svg rect {
    stroke-width: 1;
    fill-opacity: 0;
    -webkit-transition: 0s all ease-in-out 0.5s;
    transition: 0s all ease-in-out 0.5s;
    fill: #000; }

.cursor--text .cursor__ball--small span {
  -webkit-transform: rotate(45deg) scale(2);
          transform: rotate(45deg) scale(2); }

.cursor--text .cursor__ball--small svg {
  -webkit-transform: scale(18);
          transform: scale(18); }
  .cursor--text .cursor__ball--small svg rect {
    fill-opacity: 1;
    stroke-opacity: 1;
    -webkit-transition: 0s all linear 0.5s;
    transition: 0s all linear 0.5s; }

.cursor--text .cursor__text p {
  font-family: 'Noto Serif Display', serif;
  opacity: 1; }

.cursor--text .cursor__text .cursor__text-diamond {
  -webkit-transform: scale(0.8) translateY(-15px);
          transform: scale(0.8) translateY(-15px);
  opacity: 1; }

.cursor--white .cursor__ball rect {
  -webkit-transition: 0.3s ease-in-out fill, 0.3s ease-in-out stroke;
  transition: 0.3s ease-in-out fill, 0.3s ease-in-out stroke;
  fill: #fff;
  stroke: #fff; }

.cursor--white .cursor__ball--small span {
  background-color: #f1ebe5; }

.cursor--white .cursor__ball--big span {
  border-color: #f1ebe5; }

.cursor--white .cursor__ball--big rect {
  fill: transparent; }

.cursor--white .cursor__plus svg {
  opacity: 0;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease; }
  .cursor--white .cursor__plus svg line {
    stroke: #fff; }

.cursor--white .cursor__arrow svg {
  opacity: 0;
  -webkit-transform: scale(1);
          transform: scale(1); }
  .cursor--white .cursor__arrow svg path {
    stroke: #000;
    fill: #000; }

.cursor--white.cursor--minimal .cursor__ball--big svg rect {
  fill: #fff; }

.cursor--white.cursor--minimal .cursor__plus svg {
  opacity: 1; }
  .cursor--white.cursor--minimal .cursor__plus svg line {
    stroke: #fff; }

.cursor--white.cursor--plus .cursor__ball--big svg rect {
  fill: #fff; }

.cursor--white.cursor--plus .cursor__plus svg {
  opacity: 1; }
  .cursor--white.cursor--plus .cursor__plus svg line {
    stroke: #fff; }

.cursor--white.cursor--basic .cursor__ball--big span {
  -webkit-transform: rotate(45deg) scale(2);
          transform: rotate(45deg) scale(2); }

.cursor--white.cursor--basic .cursor__ball--big svg {
  -webkit-transform: scale(1.4);
          transform: scale(1.4); }
  .cursor--white.cursor--basic .cursor__ball--big svg rect {
    fill: #fff; }

.cursor--white.cursor--basic .cursor__plus svg {
  opacity: 1;
  -webkit-transform: scale(2);
          transform: scale(2); }
  .cursor--white.cursor--basic .cursor__plus svg line {
    stroke: #fff; }

.cursor--white.cursor--arrow .cursor__ball--big svg rect {
  fill: #fff; }

.cursor--white.cursor--arrow .cursor__arrow svg {
  opacity: 1;
  -webkit-transform: scale(1.2);
          transform: scale(1.2); }

.body--open .cursor {
  display: none; }
  .body--open .cursor__ball rect {
    fill: #fff;
    stroke: #fff;
    -webkit-transition: 0.3s ease-in-out fill, 0.3s ease-in-out stroke;
    transition: 0.3s ease-in-out fill, 0.3s ease-in-out stroke; }
  .body--open .cursor__ball--small span {
    background-color: #f1ebe5; }
  .body--open .cursor__ball--big span {
    border-color: #f1ebe5; }
  .body--open .cursor__ball--big rect {
    fill: transparent;
    -webkit-transition: 0.3s ease-in-out fill, 0.3s ease-in-out stroke;
    transition: 0.3s ease-in-out fill, 0.3s ease-in-out stroke; }
  .body--open .cursor__plus svg {
    opacity: 0;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease; }
    .body--open .cursor__plus svg line {
      stroke: #fff; }
  .body--open .cursor__arrow svg {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
    .body--open .cursor__arrow svg path {
      stroke: #000;
      fill: #000; }
  .body--open .cursor__text p {
    text-align: center;
    color: #1f1f1f;
    font-family: 'Noto Serif Display', serif;
    opacity: 0;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease; }
  .body--open .cursor--minimal .cursor__ball--big svg rect {
    fill: #fff; }
  .body--open .cursor--minimal .cursor__plus svg {
    opacity: 1; }
    .body--open .cursor--minimal .cursor__plus svg line {
      stroke: #fff; }
  .body--open .cursor--basic .cursor__ball--big span {
    -webkit-transform: rotate(45deg) scale(2);
            transform: rotate(45deg) scale(2); }
  .body--open .cursor--basic .cursor__ball--big svg {
    -webkit-transform: scale(2);
            transform: scale(2); }
    .body--open .cursor--basic .cursor__ball--big svg rect {
      stroke-width: 1;
      fill-opacity: 0;
      -webkit-transition: 0s all ease-in-out 0.5s;
      transition: 0s all ease-in-out 0.5s; }
  .body--open .cursor--basic .cursor__ball--small span {
    -webkit-transform: rotate(45deg) scale(0.2);
            transform: rotate(45deg) scale(0.2); }
  .body--open .cursor--basic .cursor__ball--small svg {
    -webkit-transform: scale(0.2);
            transform: scale(0.2); }
    .body--open .cursor--basic .cursor__ball--small svg rect {
      fill-opacity: 0;
      stroke-opacity: 0;
      -webkit-transition: 0s all linear 0.5s;
      transition: 0s all linear 0.5s; }
  .body--open .cursor--basic .cursor__plus svg {
    opacity: 1;
    -webkit-transform: scale(2);
            transform: scale(2); }
    .body--open .cursor--basic .cursor__plus svg line {
      stroke: #fff; }
  .body--open .cursor--plus .cursor__ball--big svg rect {
    fill: #fff; }
  .body--open .cursor--plus .cursor__plus svg {
    opacity: 1; }
    .body--open .cursor--plus .cursor__plus svg line {
      stroke: #fff; }
  .body--open .cursor--arrow .cursor__ball--big svg rect {
    fill: #fff; }
  .body--open .cursor--arrow .cursor__arrow svg {
    opacity: 1;
    -webkit-transform: scale(1.2);
            transform: scale(1.2); }
  .body--open .cursor--text .cursor__ball svg rect {
    fill: #fff;
    -webkit-transition: 0.3s ease-in-out fill, 0.3s ease-in-out stroke;
    transition: 0.3s ease-in-out fill, 0.3s ease-in-out stroke; }
  .body--open .cursor--text .cursor__text p {
    opacity: 1; }

@media only screen and (min-width: 1025px) {
	
	.cursors__introduction {
    	width: 33.33333%;
    	margin-right: 16.66666%; 
	}
	
	.cursors__content {
    	width: 50%; 
	} 
}

@media only screen and (min-width: 64.0625rem) {
	body:not(#tinymce) {
		cursor: none; 
	} 
}

.show-transition .transition__icon {
	width:200px;
 }

.transition {
  width: 100vw;
  height: 100vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  cursor: none;
  top: 0;
  left: 0;
  z-index: 20;
  opacity: 1;
  background-color: #e6e0d9;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: opacity 0s ease-in-out 0s, -webkit-transform 0.3s ease-in-out 0.3s;
  transition: opacity 0s ease-in-out 0s, -webkit-transform 0.3s ease-in-out 0.3s;
  transition: opacity 0s ease-in-out 0s, transform 0.3s ease-in-out 0.3s;
  transition: opacity 0s ease-in-out 0s, transform 0.3s ease-in-out 0.3s, -webkit-transform 0.3s ease-in-out 0.3s; }
  .transition:after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: #1f1f1f;
    display: block;
    position: absolute;
    left: -100%;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    -webkit-transform-origin: right;
            transform-origin: right;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transition: -webkit-transform 0.4s ease-in-out 0s;
    transition: -webkit-transform 0.4s ease-in-out 0s;
    transition: transform 0.4s ease-in-out 0s;
    transition: transform 0.4s ease-in-out 0s, -webkit-transform 0.4s ease-in-out 0s; }
  .transition__icon {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    opacity: 0;
    -webkit-transition: opacity 0s linear 0.4s, -webkit-transform 0.3s ease-in-out 0.3s;
    transition: opacity 0s linear 0.4s, -webkit-transform 0.3s ease-in-out 0.3s;
    transition: transform 0.3s ease-in-out 0.3s, opacity 0s linear 0.4s;
    transition: transform 0.3s ease-in-out 0.3s, opacity 0s linear 0.4s, -webkit-transform 0.3s ease-in-out 0.3s; }
    .transition__icon img {
      width: 12.8125rem; }
  .transition--closed {
    opacity: 1;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    pointer-events: none;
    -webkit-transition: opacity 0s linear 1.3s, -webkit-transform 0.6s ease-in-out 0s;
    transition: opacity 0s linear 1.3s, -webkit-transform 0.6s ease-in-out 0s;
    transition: opacity 0s linear 1.3s, transform 0.6s ease-in-out 0s;
    transition: opacity 0s linear 1.3s, transform 0.6s ease-in-out 0s, -webkit-transform 0.6s ease-in-out 0s; }
    .transition--closed:after {
      -webkit-transform: scaleX(0);
              transform: scaleX(0);
      -webkit-transition: -webkit-transform 0.4s ease-in-out 0.5s;
      transition: -webkit-transform 0.4s ease-in-out 0.5s;
      transition: transform 0.4s ease-in-out 0.5s;
      transition: transform 0.4s ease-in-out 0.5s, -webkit-transform 0.4s ease-in-out 0.5s; }
    .transition--closed .transition__icon {
      opacity: 0;
      -webkit-transform: translateX(-150%);
              transform: translateX(-150%);
      -webkit-transition: opacity 0s linear 0.6s, -webkit-transform 0.6s ease-in-out 0s;
      transition: opacity 0s linear 0.6s, -webkit-transform 0.6s ease-in-out 0s;
      transition: transform 0.6s ease-in-out 0s, opacity 0s linear 0.6s;
      transition: transform 0.6s ease-in-out 0s, opacity 0s linear 0.6s, -webkit-transform 0.6s ease-in-out 0s; }

@media only screen and (min-width: 37.5rem) {
  .transition {
    -webkit-transition: opacity 0s ease-in-out 0s, -webkit-transform 0.6s ease-in-out 0.3s;
    transition: opacity 0s ease-in-out 0s, -webkit-transform 0.6s ease-in-out 0.3s;
    transition: opacity 0s ease-in-out 0s, transform 0.6s ease-in-out 0.3s;
    transition: opacity 0s ease-in-out 0s, transform 0.6s ease-in-out 0.3s, -webkit-transform 0.6s ease-in-out 0.3s; }
    .transition:after {
      -webkit-transition: -webkit-transform 0.6s ease-in-out 0s;
      transition: -webkit-transform 0.6s ease-in-out 0s;
      transition: transform 0.6s ease-in-out 0s;
      transition: transform 0.6s ease-in-out 0s, -webkit-transform 0.6s ease-in-out 0s; }
    .transition__icon {
      -webkit-transition: opacity 0s linear 0.4s, -webkit-transform 0.6s ease-in-out 0.3s;
      transition: opacity 0s linear 0.4s, -webkit-transform 0.6s ease-in-out 0.3s;
      transition: transform 0.6s ease-in-out 0.3s, opacity 0s linear 0.4s;
      transition: transform 0.6s ease-in-out 0.3s, opacity 0s linear 0.4s, -webkit-transform 0.6s ease-in-out 0.3s; }
    .transition--closed .transition__icon {
      opacity: 0;
      -webkit-transform: translateX(-300%);
              transform: translateX(-300%);
      -webkit-transition: opacity 0s linear 0.8s, -webkit-transform 0.6s ease-in-out 0.3s;
      transition: opacity 0s linear 0.8s, -webkit-transform 0.6s ease-in-out 0.3s;
      transition: transform 0.6s ease-in-out 0.3s, opacity 0s linear 0.8s;
      transition: transform 0.6s ease-in-out 0.3s, opacity 0s linear 0.8s, -webkit-transform 0.6s ease-in-out 0.3s; }
    .transition--closed:after {
      -webkit-transform: scaleX(0);
              transform: scaleX(0);
      -webkit-transition: -webkit-transform 0.8s ease-in-out 0.5s;
      transition: -webkit-transform 0.8s ease-in-out 0.5s;
      transition: transform 0.8s ease-in-out 0.5s;
      transition: transform 0.8s ease-in-out 0.5s, -webkit-transform 0.8s ease-in-out 0.5s; } }

@media only screen and (min-width: 64.0625rem) {
  .transition--closed .transition__icon {
    opacity: 0;
    -webkit-transform: translateX(-800%);
            transform: translateX(-800%);
    -webkit-transition: opacity 0s linear 0.8s, -webkit-transform 0.6s ease-in-out 0.3s;
    transition: opacity 0s linear 0.8s, -webkit-transform 0.6s ease-in-out 0.3s;
    transition: transform 0.6s ease-in-out 0.3s, opacity 0s linear 0.8s;
    transition: transform 0.6s ease-in-out 0.3s, opacity 0s linear 0.8s, -webkit-transform 0.6s ease-in-out 0.3s; } }

.zoho {
  height: 100vh;
  width: 100vw;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 30;
  display: block;
  cursor: auto;
  opacity: 0;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-transition: opacity 0.2s linear 1s, -webkit-transform 0.5s ease-out 0s;
  transition: opacity 0.2s linear 1s, -webkit-transform 0.5s ease-out 0s;
  transition: transform 0.5s ease-out 0s, opacity 0.2s linear 1s;
  transition: transform 0.5s ease-out 0s, opacity 0.2s linear 1s, -webkit-transform 0.5s ease-out 0s; }
  .zoho--visible {
    display: block;
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition: opacity 0.2s linear, -webkit-transform 0.5s ease-out;
    transition: opacity 0.2s linear, -webkit-transform 0.5s ease-out;
    transition: opacity 0.2s linear, transform 0.5s ease-out;
    transition: opacity 0.2s linear, transform 0.5s ease-out, -webkit-transform 0.5s ease-out; }
  .zoho__newsletter {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 100vh;
    width: 100vw;
    background-color: #e6e0d9;
    position: relative;
    max-height: 0px;
    -webkit-transition: max-height 0s ease-out 1s;
    transition: max-height 0s ease-out 1s; }
    .zoho__newsletter--visible {
      max-height: 100vh;
      -webkit-transition: max-height 0s ease-out 0s;
      transition: max-height 0s ease-out 0s; }
  .zoho__newsletter-iframe {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 600px;
    border: none; }
  .zoho__contact {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 100vh;
    width: 100vw;
    background-color: #e6e0d9;
    position: relative;
    max-height: 0px;
    -webkit-transition: max-height 0s ease-out 1s;
    transition: max-height 0s ease-out 1s; }
    .zoho__contact--visible {
      max-height: 100vh;
      -webkit-transition: max-height 0s ease-out 0s;
      transition: max-height 0s ease-out 0s; }
  .zoho__contact-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none; }
  .zoho__close {
    cursor: pointer;
    position: absolute;
    right: 40px;
    top: 40px;
    width: 3vh;
    height: 3vh;
    z-index: 30;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: #1f1f1f;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
    .zoho__close span {
      display: block;
      width: 60%;
      height: 2px;
      background-color: #f1ebe5;
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg);
      -webkit-transform-origin: center;
              transform-origin: center;
      position: absolute; }
    .zoho__close span:last-of-type {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }

@media only screen and (min-width: 37.5rem) {
  .zoho__close {
    right: 70px;
    top: 70px; } }

@media only screen and (min-width: 64.0625rem) {
  
  .zoho__close {
    right: 100px;
    top: 100px;
    width: 3vh;
    height: 3vh; } 

}

.home .hero {
  margin-left: auto;
  margin-right: auto;
  background-color: transparent; }
  
.text-container{
	position:absolute;
	top:5em;
	left:5em; 
	z-index:2;
}

.lamar-sign{
	width:30em;
	margin:2em 0;
}
	
.lamar-sign img{ 
	width:100%}
  
.tagline-conainter{
	width:100px;
}
  

@media only screen and (max-width: 37.4rem) {


}

@media only screen and (min-width: 48rem) {

    .home .hero {
      padding: 1em calc(40px + 54px) 1em 40px; } 

}


@media only screen and (max-width: 64rem) {

	.text-container{
		display:none;
	}

}

@media only screen and (min-width: 64.0625rem) {

	.home .hero {
		margin-left: auto;
		margin-right: auto;
		padding: 0; 
	}
      
	.home .hero > * {
		margin: 0 auto; 
	} 

	.text-container{
		top:16em;
		left:5em;
	}

	.lamar-sign{
		width:30em;
		margin:2em 0;
	}

}


  .home .hero .separate-word__word {
    display: inline-block;
    opacity: 0;
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    -webkit-transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    position: relative; }
  .home .hero--animate .separate-word__word {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; }
  .home .hero--animate .hero__title {
    opacity: 1; }
  .home .hero--animate .hero__logo {
    opacity: 1;
    width: 240px; }
  .home .hero__title {
    text-align: left;	
	padding-top:.6em;
	padding-bottom:.7em;
	border:thin solid #1f1f1f;
	border-left:none; border-right:none;
	
    opacity: 0;
    -webkit-transition: opacity 0.4s ease-in-out 0s;
    transition: opacity 0.4s ease-in-out 0s; }


.home .hero__text {
	width:100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: left;
        -ms-flex-align: left;
            align-items: left;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
        -ms-flex-pack: left;
            justify-content: left;
}


.home .hero__button-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; 
}
			
			
  .home .hero__button-separator {
    height: 0.0625rem;
    margin: 0 1em;
    background-color: #b1b1b1; }
  .home .hero__button {
    font-size: 0.875rem; }
  .home .hero__image-container {
    height: 45vh;
    min-height: 21.5625rem;
    max-width: none; }
  .home .hero__image-item {
    width: 100%;
    height: 45vh;
    min-height: 21.5625rem; }
  .home .hero__image {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover; }
  .home .hero__logo {
    opacity: 0;
    -webkit-transition: opacity 0.4s ease-in-out 1.5s;
    transition: opacity 0.4s ease-in-out 1.5s; }
  .home .hero__button-container {
    overflow: hidden; }
  .home .hero__button {
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    -webkit-transition: 0.4s -webkit-transform ease-in-out 0s;
    transition: 0.4s -webkit-transform ease-in-out 0s;
    transition: 0.4s transform ease-in-out 0s;
    transition: 0.4s transform ease-in-out 0s, 0.4s -webkit-transform ease-in-out 0s; }
    .home .hero__button--animate {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      -webkit-transition: 0.4s -webkit-transform ease-in-out 2s;
      transition: 0.4s -webkit-transform ease-in-out 2s;
      transition: 0.4s transform ease-in-out 2s;
      transition: 0.4s transform ease-in-out 2s, 0.4s -webkit-transform ease-in-out 2s; }
  .home .hero__button-separator {
    width: 1px;
    opacity: 0;
    -webkit-transition: 0.4s width ease-in-out 0s, 0s opacity ease-in-out 0s;
    transition: 0.4s width ease-in-out 0s, 0s opacity ease-in-out 0s; }
    .home .hero__button-separator--animate {
      width: 3.75rem;
      opacity: 1;
      -webkit-transition: 0.4s width ease-in-out 2.5s, 0s opacity ease-in-out 2.5s;
      transition: 0.4s width ease-in-out 2.5s, 0s opacity ease-in-out 2.5s; }


@media only screen and (min-width: 37.5rem) {
	
	.home .hero__button-separator--animate {
		width: 9.0625rem; 
	}
	 
}


.home .brand {
  padding: 2em 15px;
  margin-left: auto;
  margin-right: auto;
  background-color: transparent; 
}

.home .brand__text-container {
	text-align: center;
	margin:2em 0;
}
  
.home .brand__text {
	font-family: 'Noto Serif Display', serif;
	font-size:2.3em;
	font-weight:200;
    color: #000;
    letter-spacing: 1px;
    line-height: 1.15em;
}  
  

@media only screen and (min-width: 37.5rem) {

	.home .brand {
		padding: 1em 0; 
	} 
	
	.home .brand__text-container {
		text-align: center;
		padding: 1em calc(40px + 54px) 1em 40px;
	}
	
	.home .brand__text {
		font-family: 'Noto Serif Display', serif;
		font-size:1.4em;
		color:#000;
	}

}

@media only screen and (min-width: 48rem) {

	.home .brand__text-container {
		text-align: center;
		padding: 1em 0;
	}

}



@media only screen and (min-width: 64.0625rem) {

	.home .brand {
		margin-left: auto;
		margin-right: auto;
		padding: 1em calc(40px + 72px) 4em 40px; 
	}

	.home .brand > * {
		width: 100vw;
        margin: 0 auto; 
	} 		

	.home .brand__text-container {
		text-align: center;
		padding: 1em calc(40px + 72px) 4em 40px;
	}

	.home .brand__text {
		color:#000;
		font-weight:200;
	}

}
		
		
.home .brand .separate-word__word {
    display: inline-block;
    opacity: 0;
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    -webkit-transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    position: relative; 
}
	
.home .brand--animate .separate-word__word {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; 
}
	
.home .brand__title-container {
    overflow: hidden; }
  .home .brand__title {
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    -webkit-transition: 0.4s -webkit-transform ease-in-out 0.6s;
    transition: 0.4s -webkit-transform ease-in-out 0.6s;
    transition: 0.4s transform ease-in-out 0.6s;
    transition: 0.4s transform ease-in-out 0.6s, 0.4s -webkit-transform ease-in-out 0.6s; }

  .home .brand--animate .brand__title {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition: 0.4s -webkit-transform ease-in-out 0s;
    transition: 0.4s -webkit-transform ease-in-out 0s;
    transition: 0.4s transform ease-in-out 0s;
    transition: 0.4s transform ease-in-out 0s, 0.4s -webkit-transform ease-in-out 0s; }
  .home .brand--animate .brand__title-separator {
    opacity: 1;
    -webkit-transition: 0.4s width ease-in-out 0.6s, 0s opacity ease-in-out 0.5s;
    transition: 0.4s width ease-in-out 0.6s, 0s opacity ease-in-out 0.5s; }

	.brand__infos{
		font-size:1.7em;
		font-family: 'Noto Serif Display', serif;	
	}

  .home .brand__title-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 4em; }
  .home .brand__title-separator {
    width: 0;
    opacity: 0;
    -webkit-transition: 0.4s width ease-in-out 0s, 0s opacity ease-in-out 0.5s;
    transition: 0.4s width ease-in-out 0s, 0s opacity ease-in-out 0.5s;
    height: 0.0625rem;
    margin: 0 0.5em;
    background-color: #1f1f1f; }
	
	.home .hero__text-container {
		position:absolute;
		width:100%;
		height:100%;
		top:0;
		left:0;
		z-index:2;
		text-align: center;
		
	}	
	


@media only screen and (min-width: 1025px) {
		
	.home .hero__text-container {
		padding: 4em calc(40px + 72px) 5em 40px; 
	}
		
	.home .brand--animate .brand__title-separator {
		width: 2.0625rem;
	}


	.home .brand__text {
		font-size: 3.375rem; 
	} 

	.home .brand__title-container {
		 padding: 4em calc(40px + 72px) 4em 40px; 
	}

}


@media only screen and (min-width: 600px) {
		
	.home .hero__text-container {
		padding: 0 ;
	}
		
	.home .brand--animate .brand__title-separator {
		width: 9.0625rem;}

	.home .brand__text {
		font-size: 3em; 
	} 
			
}
    

/* Small devices such as large phones (640px and up) */
@media only screen and (min-width: 37.5rem) {
		
	.home .hero__text-container {
		align-items: center;
	}	
			
	.home .brand--animate .brand__title-separator {
		width: 9.0625rem;
	}
	
	.home .brand__text {
		font-size: 2.3rem; 
	} 

	.home .brand__title-container {
		padding: 1em calc(40px + 54px) 2em 40px;
	}

			
}

/* Medium devices such as tablets (768px and up) */
@media only screen and (min-width: 48em) {

	.home .brand__title-container {
		padding: 3em 0 3em 0; 
	}

	.home .brand__text {
		font-size: 2.3rem;
		font-weight:200 !important; 
	} 

}

/* Large devices such as laptops (1024px and up) */
@media only screen and (min-width: 64em) {

	.home .brand__title-container {
		padding: 2em calc(40px + 72px)  4em 40px;
		margin:0 auto  ;
	}
	
}

/* Largest devices such as desktops (1280px and up) */
@media only screen and (min-width: 80em) {
	
	.home .brand__text {
		font-size: 3.3rem;
	} 	
}

/* Largest devices such as desktops (1280px and up) */
@media only screen and (min-width: 120em) {
	
	.home .brand__text {
		font-size: 4.3rem; 
	}

}




	
.home .brand__image-container {
	padding-top: 0;
	padding-bottom: 0;
}


.home .brand__image-container .item{
	width:80%;
	margin:2em 0;
}

.home .brand__image-container .item .title {
	font-family: "NeueHaasGroteskText Pro Md", Helvetica, Arial, sans-serif;
	font-size:1.3rem;
	font-weight:bold;
	letter-spacing:0;
	padding:0 0 0.7em 0; 
}

.home .brand__image-container .item p {
	font-size:0.8rem;
	line-height:1.4;
	padding-bottom:0.2rem; 
}
	


  .home .brand__image-mask {
    overflow: hidden; }
    .home .brand__image-mask--big {
      width: 100%; }
    .home .brand__image-mask--small {
      margin-left: 2em;
      margin-bottom: 2em;
      max-width: 20.5rem; }
  .home .brand__image {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover; }

	.technology h1 {
    	font-family: 'Noto Serif Display', serif;
    	color: #1f1f1f;
    	line-height: 1.1em !important;
    	font-size: 2rem !important;
    	font-weight: 300 !important;
		margin:30px 0; 
		padding:0.4em 0 0.5em 0; 
		text-align:left; 
		border-top:thin solid #1f1f1f; 
		border-bottom:thin solid #1f1f1f	  
	}	   

	.technology p {
		width: 90%;
		font-family: "NeueHaasGroteskText Pro Md", Helvetica, Arial, sans-serif;
    	font-size: 0.9em !important;
    	letter-spacing: 0 !important;
    	font-weight: lighter !important;
    	margin: 30px 0 !important;	  
	}


@media only screen and (min-width: 37.5rem) {
	
	.home .hero {
    	padding-bottom: 0; 
	}
    
	.home .hero__title {
		font-size: 0.7rem;
    	font-weight: 300;
	}
	
    .home .hero__button-container {
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
			  width:80px; 
			  margin:3em auto;
			  text-align:center;
	}
			  
			  
    .home .hero__image-container {
      height: 60vh; }
    .home .hero__image-item {
      width: 100%;
      height: 60vh; }
    .home .hero__text {
	width:100%;
	font-family: 'Noto Serif Display', serif;
	font-size:1.1875rem;
	font-weight:200;
    color: #1f1f1f;
    letter-spacing: 1px;
    line-height: 1.15em;
	}
	   
	   
.home .brand {
	padding: 2rem 0; 
}
	
	
    .home .brand__image-container {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-align-content: top;
          -ms-flex-line-pack: top;
              align-content: top;
      -webkit-box-pack: top;
      -webkit-justify-content: top;
          -ms-flex-pack: top;
              justify-content: top;
      width: 100%;
      -webkit-box-align: top;
      -webkit-align-items: top;
          -ms-flex-align: top;
              align-items: top;
			padding: 1em  0 1em 0; }
			
			
    .home .brand__image-mask--small {
      margin: 0 2em 0 0;
      max-width: 40%;
      max-height: 30vh; }
    .home .brand__image-mask--big {
      width: auto;
      max-height: 40vh; } 

}

@media only screen and (min-width: 64.0625rem) {
	.home .hero {
    	padding-bottom: 0; 
	}
	
    .home .hero__title {
		font-size: 2.5rem;
		font-weight:300;
	}
	  
    .home .hero__image-container {
      height: 100vh;
      min-height: 31.25rem; }
    .home .hero__image-item {
      height: 100vh;
      min-height: 31.25rem; }
    .home .hero__button {
		width:100px;
		height:50px;
		margin: 3em 0 0 0 }
		
	.home .hero__button img {
		width:100%
	}
		
	.home .brand__image-container {
    	height: -webkit-fit-content;
    	height: -moz-fit-content;
    	height: fit-content;
    	-webkit-justify-content: space-around;
    	    -ms-flex-pack: distribute;
    	        justify-content: flex-start; 
		padding: 1em calc(40px + 72px) 1em 40px;
	}

  .home .brand__image-mask--small {
    margin-right: 4em;
    height: auto;
    max-height: none;
    max-width: 40%; }
  .home .brand__image-mask--big {
    margin-right: 0;
    height: auto;
    max-height: none;
    max-width: 49%; }
  .home .brand__text-container {
	padding: 3em calc(40px + 72px) 3em 40px; 
}
 
	
	.home .hero__info-container {
		font-family: 'Noto Serif Display', serif;
		font-size:2em;
		text-align:center ;
		line-height:1em;
		font-weight:100;
		color:#1f1f1f !important;
		padding: 4em calc(40px + 72px) 4em 40px;
	}
	
 }

.page-template-tp-projects main {
  background-color: var(--textcolor); }

.categories__item {
  opacity: 0;
  -webkit-transform: translateY(40px);
          transform: translateY(40px);
  -webkit-transition: opacity 0.2s linear, -webkit-transform 0.4s ease-out;
  transition: opacity 0.2s linear, -webkit-transform 0.4s ease-out;
  transition: opacity 0.2s linear, transform 0.4s ease-out;
  transition: opacity 0.2s linear, transform 0.4s ease-out, -webkit-transform 0.4s ease-out; }
  .categories__item .categories__image-item img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover; }
  .categories__item .categories__image-item:not(:first-of-type) {
    display: none; }
  .categories__item--animate {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px); }

.categories__item:first-of-type {
  padding: 0 1rem; }
  .categories__item:first-of-type .categories__image-item {
    height: 75vh;
    min-height: 23.125rem; }

.categories__item:not(:first-of-type) .categories__image-item {
  height: 23.125rem; }

.categories__item:nth-of-type(2) {
  padding: 4em 1rem; }

.categories__item:nth-of-type(3) {
  padding: 0 1rem 4em 1rem; }

.categories__title {
  margin-bottom: 1.2em; }

@media only screen and (min-width: 37.5rem) {
	
	.categories {
    	padding: 1em 15px;
    	margin-left: auto;
    	margin-right: auto; 
	} 
	
}
	
@media only screen and (min-width: 37.5rem) and (min-width: 37.5rem) {

	.categories {
      padding: 1em calc(40px + 72px) 1em 40px; }


}
	  
	  
	  
@media only screen and (min-width: 37.5rem) and (min-width: 64.0625rem) {
    
	.categories {
		margin-left: auto;
		margin-right: auto;
		padding: 1em calc(40px + 72px) 1em 40px; 
	}
      
	.categories > * {
		max-width: 100rem;
        margin: 0 auto; 
	} 
		
}

@media only screen and (min-width: 37.5rem) {
    .categories__list {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      padding-bottom: 5em; }
    .categories__item:first-of-type {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 100%;
          -ms-flex: 1 1 100%;
              flex: 1 1 100%;
      margin-bottom: 5em; }
      .categories__item:first-of-type .categories__image-item {
        height: 35vh; }
    .categories__item:not(:first-of-type) {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 50%;
          -ms-flex: 1 1 50%;
              flex: 1 1 50%; }
    .categories__item:nth-of-type(2) {
      padding: 0 1rem 6em 0; }
    .categories__item:nth-of-type(3) {
      padding: 6em 0 0 1rem; } }

@media only screen and (min-width: 64.0625rem) {
  .categories {
    padding-bottom: 8em; }
    .categories__item:first-of-type {
      padding-bottom: 3em; }
      .categories__item:first-of-type .categories__image-item {
        height: 70vh;
        min-height: 36.25rem; }
    .categories__item:not(:first-of-type) .categories__image-item {
      height: 75vh;
      min-height: 36.25rem; }
    .categories__item:nth-of-type(2) {
      padding: 0 2vw 15vh 0; }
    .categories__item:nth-of-type(3) {
      padding: 15vh 0 0 2vw; }
    .categories__title {
      display: none; } }

.grid-hero {
  padding: 1em 15px;
  margin-left: auto;
  margin-right: auto;
  background-color: transparent;
  padding-top: 6em;
  padding-bottom: 6em;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  @media only screen and (min-width: 37.5rem) {
    .grid-hero {
      padding: 1em calc(40px + 72px) 1em 40px; } }
  @media only screen and (min-width: 64.0625rem) {
    .grid-hero {
      margin-left: auto;
      margin-right: auto;
      padding: 1em calc(40px + 72px) 1em 40px; }
      .grid-hero > * {
        max-width: 100rem;
        margin: 0 auto; } }
  .grid-hero__title {
    margin-bottom: 1em;
    letter-spacing: 0.03em;
    line-height: 1.05em;
    opacity: 0;
    -webkit-transform: translateX(-30px);
            transform: translateX(-30px);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transition-delay: 2.2s;
            transition-delay: 2.2s; }
  .grid-hero__text {
    opacity: 0;
    -webkit-transform: translateX(30px);
            transform: translateX(30px);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transition-delay: 2.4s;
            transition-delay: 2.4s; }
  .grid-hero__link--mobile {
    margin-top: 2em; }
  .grid-hero--animate .grid-hero__title {
    opacity: 1;
    -webkit-transform: translateX(0px);
            transform: translateX(0px); }
  .grid-hero--animate .grid-hero__text {
    opacity: 1;
    -webkit-transform: translateX(0px);
            transform: translateX(0px); }
  @media only screen and (min-width: 37.5rem) {
    .grid-hero {
      padding-top: 6em;
      padding-bottom: 6em; }
      .grid-hero__link-container {
        display: grid;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
            -ms-flex-direction: row-reverse;
                flex-direction: row-reverse;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        grid-template-columns: 2fr 3fr;
        grid-column-gap: 3em;
        margin-top: 1em; }
      .grid-hero__title {
        margin-bottom: 0;
        max-width: 670px; }
      .grid-hero__link--mobile {
        grid-row: 1;
        margin-top: 0;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
            -ms-flex-align: start;
                align-items: flex-start;
        margin-top: 2em; }
        .grid-hero__link--mobile::after {
          height: 1.5em; }
      .grid-hero__text {
        margin-top: 2em; } }
  @media only screen and (min-width: 64.0625rem) {
    .grid-hero {
      padding-top: 20vh;
      padding-bottom: 20vh; }
      .grid-hero__title-container {
        display: grid;
        grid-template-columns: 1fr 1fr; }
      .grid-hero__link-container {
        grid-template-columns: 1fr;
        margin: 0gui; }
      .grid-hero__link--mobile {
        display: none; }
      .grid-hero__title {
        max-width: 570px; } }

.filters {
  background: transparent;
  opacity: 0;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  -webkit-transition: opacity 0.2s linear, -webkit-transform 0.4s ease-out;
  transition: opacity 0.2s linear, -webkit-transform 0.4s ease-out;
  transition: opacity 0.2s linear, transform 0.4s ease-out;
  transition: opacity 0.2s linear, transform 0.4s ease-out, -webkit-transform 0.4s ease-out;
  -webkit-transition-delay: 2.7s;
          transition-delay: 2.7s; }
  .filters--animate {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px); }
  .filters__container {
    padding-top: 0;
    padding-bottom: 0;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.5s ease-in-out;
    transition: max-height 0.5s ease-in-out; }
    .filters__container--open {
      max-height: 125rem;
      -webkit-transition: max-height 1s ease-in-out;
      transition: max-height 1s ease-in-out; }
  .filters__toggle {
    padding: 1em 15px;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 1px solid #1f1f1f;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    @media only screen and (min-width: 37.5rem) {
      .filters__toggle {
        padding: 1em calc(40px + 72px) 1em 40px; } }
    @media only screen and (min-width: 64.0625rem) {
      .filters__toggle {
        margin-left: auto;
        margin-right: auto;
        padding: 1em calc(40px + 72px) 1em 40px; }
        .filters__toggle > * {
          max-width: 100rem;
          margin: 0 auto; } }
    .filters__toggle::after {
      content: '';
      background-image: url("asset/svg/plus.svg");
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      display: block;
      width: 0.625rem;
      height: 0.625rem;
      -webkit-transform: rotate(0);
              transform: rotate(0);
      -webkit-transition: 0.3s -webkit-transform ease-in-out;
      transition: 0.3s -webkit-transform ease-in-out;
      transition: 0.3s transform ease-in-out;
      transition: 0.3s transform ease-in-out, 0.3s -webkit-transform ease-in-out; }
    .filters__toggle--open::after {
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }
  .filters__term-toggle {
    padding: 1em 0;
    border-bottom: 1px solid #1f1f1f;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 1em;
    margin-bottom: 1em; }
    .filters__term-toggle::after {
      content: '';
      background-image: url("asset/svg/plus.svg");
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      display: block;
      width: 0.625rem;
      height: 0.625rem;
      -webkit-transform: rotate(0);
              transform: rotate(0);
      -webkit-transition: 0.3s -webkit-transform ease-in-out;
      transition: 0.3s -webkit-transform ease-in-out;
      transition: 0.3s transform ease-in-out;
      transition: 0.3s transform ease-in-out, 0.3s -webkit-transform ease-in-out; }
    .filters__term-toggle--open::after {
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }
  .filters__subitems {
    position: relative;
    margin-bottom: 1em;
    padding: 0 !important; }
    .filters__subitems.sf-option-active .filters__gradient {
      z-index: 5;
      -webkit-transform: scale(1);
              transform: scale(1);
      background: linear-gradient(to top right, transparent calc(50% - 1px), #000, transparent calc(50% + 1px)); }
    .filters__subitems.sf-option-active .filters__button {
      background-color: white;
      border: 1px solid #1f1f1f; }
      .filters__subitems.sf-option-active .filters__button:hover {
        background-color: rgba(255, 255, 255, 0.527); }
  .filters__sublist {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 3%; }
  .filters__label {
    padding: 1em 0;
    text-align: center;
    font-size: 0.6875rem;
    font-weight: 300; }
  .filters__gradient {
    height: 100%;
    width: 100%;
    display: table;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-transition: -webkit-transform 0.2s ease-in-out 0.1s;
    transition: -webkit-transform 0.2s ease-in-out 0.1s;
    transition: transform 0.2s ease-in-out 0.1s;
    transition: transform 0.2s ease-in-out 0.1s, -webkit-transform 0.2s ease-in-out 0.1s; }
  .filters__button {
    width: 100%;
    position: relative;
    background-color: rgba(255, 255, 255, 0.527);
    padding: 0.5em 0.5em 0 0.5em;
    border: 1px solid transparent;
    position: relative;
    cursor: none;
    -webkit-transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out;
    transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out; }
    .filters__button:hover {
      background-color: white; }
    .filters__button .sf-input-checkbox {
      position: absolute !important;
      visibility: hidden !important; }
  .filters__image-container {
    width: 100%;
    position: relative; }
    .filters__image-container::after {
      content: '';
      display: block;
      padding-bottom: 100%; }
  .filters__image {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    position: absolute; }
  .filters .searchandfilter > ul {
    padding: 1em 15px;
    margin-left: auto;
    margin-right: auto; }
    @media only screen and (min-width: 37.5rem) {
      .filters .searchandfilter > ul {
        padding: 1em calc(40px + 72px) 1em 40px; } }
    @media only screen and (min-width: 64.0625rem) {
      .filters .searchandfilter > ul {
        margin-left: auto;
        margin-right: auto;
        padding: 1em calc(40px + 72px) 1em 40px; }
        .filters .searchandfilter > ul > * {
          max-width: 100rem;
          margin: 0 auto; } }
  .filters .searchandfilter > ul > li {
    max-width: none;
    width: 100%;
    margin-bottom: 1em; }
  .filters__mobile-action {
    border-top: 1px solid #1f1f1f; }
  .filters__submit {
    text-align: center;
    padding: 3em 0;
    background-color: transparent;
    border: 1px solid #1f1f1f; }
  .filters__section {
    padding-top: 0;
    padding-bottom: 0;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.5s ease-in-out;
    transition: max-height 0.5s ease-in-out; }
    .filters__section--open {
      max-height: 125rem;
      -webkit-transition: max-height 1s linear;
      transition: max-height 1s linear; }
  @media only screen and (min-width: 37.5rem) {
    .filters {
      padding: 1em 15px;
      margin-left: auto;
      margin-right: auto; } }
  @media only screen and (min-width: 37.5rem) and (min-width: 37.5rem) {
    .filters {
      padding: 1em calc(40px + 72px) 1em 40px; } }
  @media only screen and (min-width: 37.5rem) and (min-width: 64.0625rem) {
    .filters {
      margin-left: auto;
      margin-right: auto;
      padding: 1em calc(40px + 72px) 1em 40px; }
      .filters > * {
        max-width: 100rem;
        margin: 0 auto; } }
  @media only screen and (min-width: 37.5rem) {
      .filters__toggle {
        display: none; }
      .filters__term-toggle {
        pointer-events: none; }
        .filters__term-toggle::after {
          display: none; }
      .filters .searchandfilter > ul {
        padding: 0; }
      .filters__sublist {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 1fr auto;
        grid-row-gap: 4%; }
      .filters__subitems {
        position: relative;
        margin-bottom: 1em;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1;
            -ms-flex: 1 1;
                flex: 1 1;
        margin: 0 2%; }
        .filters__subitems:last-of-type {
          margin-right: 0; }
        .filters__subitems:first-of-type {
          margin-left: 0; }
      .filters__mobile-action {
        display: none; }
      .filters__section {
        padding-top: 1em;
        padding-bottom: 1em;
        max-height: none;
        overflow: visible; }
      .filters__container {
        max-height: none; }
      .filters__image-container::after {
        padding-bottom: 75%; } }
  @media only screen and (min-width: 64.0625rem) {
    .filters {
      background: transparent;
      padding-bottom: 3em; }
      .filters .searchandfilter > ul {
        padding: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        grid-column-gap: 3%; }
      .filters .searchandfilter > ul > li {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
            -ms-flex: 1;
                flex: 1; }
      .filters__label {
        padding: 1em 0em;
        font-size: 0.875rem; }
      .filters__sublist {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between; }
      .filters__subitems {
        margin: 0; }
      .filters__image-container::after {
        padding-bottom: 100%; } }

.no-results {
  font: 500 1.25rem "ogg", Helvetica, Arial, sans-serif;
  min-width: 100%; }
  @media only screen and (min-width: 600px) {
    .no-results {
      font-size: 1.25rem; } }
  @media only screen and (min-width: 1025px) {
    .no-results {
      font-size: 1.25rem; } }

.catalog {
  padding: 1em 15px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 3em;
  padding-bottom: 3em; }
  @media only screen and (min-width: 37.5rem) {
    .catalog {
      padding: 1em calc(40px + 72px) 1em 40px; } }
  @media only screen and (min-width: 64.0625rem) {
    .catalog {
      margin-left: auto;
      margin-right: auto;
      padding: 1em calc(40px + 72px) 1em 40px; }
      .catalog > * {
        max-width: 100rem;
        margin: 0 auto; } }
  .catalog__container {
    position: relative;
    overflow: hidden;
    -webkit-transition: max-height 1.5s ease-in-out, opacity 0.5s ease-out;
    transition: max-height 1.5s ease-in-out, opacity 0.5s ease-out;
    padding: 5em 0; }
    .catalog__container--hide {
      opacity: 0; }
    .catalog__container--extend {
      max-height: 1500vh; }
  .catalog__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    opacity: 1;
    max-height: 500px;
    -webkit-transform-origin: top;
            transform-origin: top;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
    .catalog__item:not(.catalog__item--disabled):nth-of-type(12n) {
      -webkit-transition: max-height 0.3s linear, opacity 0.2s ease-in-out 0s, -webkit-transform 0.4s ease-in-out 0s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 0s, -webkit-transform 0.4s ease-in-out 0s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 0s, transform 0.4s ease-in-out 0s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 0s, transform 0.4s ease-in-out 0s, -webkit-transform 0.4s ease-in-out 0s; }
    .catalog__item:not(.catalog__item--disabled):nth-of-type(13n) {
      -webkit-transition: max-height 0.3s linear, opacity 0.2s ease-in-out 0.15s, -webkit-transform 0.4s ease-in-out 0.15s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 0.15s, -webkit-transform 0.4s ease-in-out 0.15s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 0.15s, transform 0.4s ease-in-out 0.15s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 0.15s, transform 0.4s ease-in-out 0.15s, -webkit-transform 0.4s ease-in-out 0.15s; }
    .catalog__item:not(.catalog__item--disabled):nth-of-type(14n) {
      -webkit-transition: max-height 0.3s linear, opacity 0.2s ease-in-out 0.3s, -webkit-transform 0.4s ease-in-out 0.3s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 0.3s, -webkit-transform 0.4s ease-in-out 0.3s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 0.3s, transform 0.4s ease-in-out 0.3s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 0.3s, transform 0.4s ease-in-out 0.3s, -webkit-transform 0.4s ease-in-out 0.3s; }
    .catalog__item:not(.catalog__item--disabled):nth-of-type(15n) {
      -webkit-transition: max-height 0.3s linear, opacity 0.2s ease-in-out 0.45s, -webkit-transform 0.4s ease-in-out 0.45s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 0.45s, -webkit-transform 0.4s ease-in-out 0.45s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 0.45s, transform 0.4s ease-in-out 0.45s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 0.45s, transform 0.4s ease-in-out 0.45s, -webkit-transform 0.4s ease-in-out 0.45s; }
    .catalog__item:not(.catalog__item--disabled):nth-of-type(16n) {
      -webkit-transition: max-height 0.3s linear, opacity 0.2s ease-in-out 0.6s, -webkit-transform 0.4s ease-in-out 0.6s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 0.6s, -webkit-transform 0.4s ease-in-out 0.6s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 0.6s, transform 0.4s ease-in-out 0.6s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 0.6s, transform 0.4s ease-in-out 0.6s, -webkit-transform 0.4s ease-in-out 0.6s; }
    .catalog__item:not(.catalog__item--disabled):nth-of-type(17n) {
      -webkit-transition: max-height 0.3s linear, opacity 0.2s ease-in-out 0.75s, -webkit-transform 0.4s ease-in-out 0.75s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 0.75s, -webkit-transform 0.4s ease-in-out 0.75s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 0.75s, transform 0.4s ease-in-out 0.75s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 0.75s, transform 0.4s ease-in-out 0.75s, -webkit-transform 0.4s ease-in-out 0.75s; }
    .catalog__item:not(.catalog__item--disabled):nth-of-type(18n) {
      -webkit-transition: max-height 0.3s linear, opacity 0.2s ease-in-out 0.9s, -webkit-transform 0.4s ease-in-out 0.9s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 0.9s, -webkit-transform 0.4s ease-in-out 0.9s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 0.9s, transform 0.4s ease-in-out 0.9s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 0.9s, transform 0.4s ease-in-out 0.9s, -webkit-transform 0.4s ease-in-out 0.9s; }
    .catalog__item:not(.catalog__item--disabled):nth-of-type(19n) {
      -webkit-transition: max-height 0.3s linear, opacity 0.2s ease-in-out 1.05s, -webkit-transform 0.4s ease-in-out 1.05s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 1.05s, -webkit-transform 0.4s ease-in-out 1.05s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 1.05s, transform 0.4s ease-in-out 1.05s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 1.05s, transform 0.4s ease-in-out 1.05s, -webkit-transform 0.4s ease-in-out 1.05s; }
    .catalog__item:not(.catalog__item--disabled):nth-of-type(20n) {
      -webkit-transition: max-height 0.3s linear, opacity 0.2s ease-in-out 1.2s, -webkit-transform 0.4s ease-in-out 1.2s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 1.2s, -webkit-transform 0.4s ease-in-out 1.2s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 1.2s, transform 0.4s ease-in-out 1.2s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 1.2s, transform 0.4s ease-in-out 1.2s, -webkit-transform 0.4s ease-in-out 1.2s; }
    .catalog__item:not(.catalog__item--disabled):nth-of-type(21n) {
      -webkit-transition: max-height 0.3s linear, opacity 0.2s ease-in-out 1.35s, -webkit-transform 0.4s ease-in-out 1.35s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 1.35s, -webkit-transform 0.4s ease-in-out 1.35s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 1.35s, transform 0.4s ease-in-out 1.35s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 1.35s, transform 0.4s ease-in-out 1.35s, -webkit-transform 0.4s ease-in-out 1.35s; }
    .catalog__item:not(.catalog__item--disabled):nth-of-type(22n) {
      -webkit-transition: max-height 0.3s linear, opacity 0.2s ease-in-out 1.5s, -webkit-transform 0.4s ease-in-out 1.5s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 1.5s, -webkit-transform 0.4s ease-in-out 1.5s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 1.5s, transform 0.4s ease-in-out 1.5s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 1.5s, transform 0.4s ease-in-out 1.5s, -webkit-transform 0.4s ease-in-out 1.5s; }
    .catalog__item:not(.catalog__item--disabled):nth-of-type(23n) {
      -webkit-transition: max-height 0.3s linear, opacity 0.2s ease-in-out 1.65s, -webkit-transform 0.4s ease-in-out 1.65s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 1.65s, -webkit-transform 0.4s ease-in-out 1.65s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 1.65s, transform 0.4s ease-in-out 1.65s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 1.65s, transform 0.4s ease-in-out 1.65s, -webkit-transform 0.4s ease-in-out 1.65s; }
    .catalog__item:not(.catalog__item--disabled):nth-of-type(24n) {
      -webkit-transition: max-height 0.3s linear, opacity 0.2s ease-in-out 1.8s, -webkit-transform 0.4s ease-in-out 1.8s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 1.8s, -webkit-transform 0.4s ease-in-out 1.8s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 1.8s, transform 0.4s ease-in-out 1.8s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 1.8s, transform 0.4s ease-in-out 1.8s, -webkit-transform 0.4s ease-in-out 1.8s; }
    .catalog__item:not(.catalog__item--disabled):nth-of-type(25n) {
      -webkit-transition: max-height 0.3s linear, opacity 0.2s ease-in-out 1.95s, -webkit-transform 0.4s ease-in-out 1.95s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 1.95s, -webkit-transform 0.4s ease-in-out 1.95s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 1.95s, transform 0.4s ease-in-out 1.95s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 1.95s, transform 0.4s ease-in-out 1.95s, -webkit-transform 0.4s ease-in-out 1.95s; }
    .catalog__item:not(.catalog__item--disabled):nth-of-type(26n) {
      -webkit-transition: max-height 0.3s linear, opacity 0.2s ease-in-out 2.1s, -webkit-transform 0.4s ease-in-out 2.1s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 2.1s, -webkit-transform 0.4s ease-in-out 2.1s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 2.1s, transform 0.4s ease-in-out 2.1s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 2.1s, transform 0.4s ease-in-out 2.1s, -webkit-transform 0.4s ease-in-out 2.1s; }
    .catalog__item:not(.catalog__item--disabled):nth-of-type(27n) {
      -webkit-transition: max-height 0.3s linear, opacity 0.2s ease-in-out 2.25s, -webkit-transform 0.4s ease-in-out 2.25s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 2.25s, -webkit-transform 0.4s ease-in-out 2.25s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 2.25s, transform 0.4s ease-in-out 2.25s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 2.25s, transform 0.4s ease-in-out 2.25s, -webkit-transform 0.4s ease-in-out 2.25s; }
    .catalog__item:not(.catalog__item--disabled):nth-of-type(28n) {
      -webkit-transition: max-height 0.3s linear, opacity 0.2s ease-in-out 2.4s, -webkit-transform 0.4s ease-in-out 2.4s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 2.4s, -webkit-transform 0.4s ease-in-out 2.4s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 2.4s, transform 0.4s ease-in-out 2.4s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 2.4s, transform 0.4s ease-in-out 2.4s, -webkit-transform 0.4s ease-in-out 2.4s; }
    .catalog__item:not(.catalog__item--disabled):nth-of-type(29n) {
      -webkit-transition: max-height 0.3s linear, opacity 0.2s ease-in-out 2.55s, -webkit-transform 0.4s ease-in-out 2.55s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 2.55s, -webkit-transform 0.4s ease-in-out 2.55s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 2.55s, transform 0.4s ease-in-out 2.55s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 2.55s, transform 0.4s ease-in-out 2.55s, -webkit-transform 0.4s ease-in-out 2.55s; }
    .catalog__item:not(.catalog__item--disabled):nth-of-type(30n) {
      -webkit-transition: max-height 0.3s linear, opacity 0.2s ease-in-out 2.7s, -webkit-transform 0.4s ease-in-out 2.7s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 2.7s, -webkit-transform 0.4s ease-in-out 2.7s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 2.7s, transform 0.4s ease-in-out 2.7s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 2.7s, transform 0.4s ease-in-out 2.7s, -webkit-transform 0.4s ease-in-out 2.7s; }
    .catalog__item:not(.catalog__item--disabled):nth-of-type(31n) {
      -webkit-transition: max-height 0.3s linear, opacity 0.2s ease-in-out 2.85s, -webkit-transform 0.4s ease-in-out 2.85s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 2.85s, -webkit-transform 0.4s ease-in-out 2.85s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 2.85s, transform 0.4s ease-in-out 2.85s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 2.85s, transform 0.4s ease-in-out 2.85s, -webkit-transform 0.4s ease-in-out 2.85s; }
    .catalog__item:not(.catalog__item--disabled):nth-of-type(32n) {
      -webkit-transition: max-height 0.3s linear, opacity 0.2s ease-in-out 3s, -webkit-transform 0.4s ease-in-out 3s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 3s, -webkit-transform 0.4s ease-in-out 3s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 3s, transform 0.4s ease-in-out 3s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 3s, transform 0.4s ease-in-out 3s, -webkit-transform 0.4s ease-in-out 3s; }
    .catalog__item:not(.catalog__item--disabled):nth-of-type(33n) {
      -webkit-transition: max-height 0.3s linear, opacity 0.2s ease-in-out 3.15s, -webkit-transform 0.4s ease-in-out 3.15s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 3.15s, -webkit-transform 0.4s ease-in-out 3.15s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 3.15s, transform 0.4s ease-in-out 3.15s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 3.15s, transform 0.4s ease-in-out 3.15s, -webkit-transform 0.4s ease-in-out 3.15s; }
    .catalog__item:not(.catalog__item--disabled):nth-of-type(34n) {
      -webkit-transition: max-height 0.3s linear, opacity 0.2s ease-in-out 3.3s, -webkit-transform 0.4s ease-in-out 3.3s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 3.3s, -webkit-transform 0.4s ease-in-out 3.3s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 3.3s, transform 0.4s ease-in-out 3.3s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 3.3s, transform 0.4s ease-in-out 3.3s, -webkit-transform 0.4s ease-in-out 3.3s; }
    .catalog__item:not(.catalog__item--disabled):nth-of-type(35n) {
      -webkit-transition: max-height 0.3s linear, opacity 0.2s ease-in-out 3.45s, -webkit-transform 0.4s ease-in-out 3.45s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 3.45s, -webkit-transform 0.4s ease-in-out 3.45s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 3.45s, transform 0.4s ease-in-out 3.45s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 3.45s, transform 0.4s ease-in-out 3.45s, -webkit-transform 0.4s ease-in-out 3.45s; }
    .catalog__item:not(.catalog__item--disabled):nth-of-type(36n) {
      -webkit-transition: max-height 0.3s linear, opacity 0.2s ease-in-out 3.6s, -webkit-transform 0.4s ease-in-out 3.6s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 3.6s, -webkit-transform 0.4s ease-in-out 3.6s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 3.6s, transform 0.4s ease-in-out 3.6s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 3.6s, transform 0.4s ease-in-out 3.6s, -webkit-transform 0.4s ease-in-out 3.6s; }
    .catalog__item:not(.catalog__item--disabled):nth-of-type(37n) {
      -webkit-transition: max-height 0.3s linear, opacity 0.2s ease-in-out 3.75s, -webkit-transform 0.4s ease-in-out 3.75s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 3.75s, -webkit-transform 0.4s ease-in-out 3.75s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 3.75s, transform 0.4s ease-in-out 3.75s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 3.75s, transform 0.4s ease-in-out 3.75s, -webkit-transform 0.4s ease-in-out 3.75s; }
    .catalog__item:not(.catalog__item--disabled):nth-of-type(38n) {
      -webkit-transition: max-height 0.3s linear, opacity 0.2s ease-in-out 3.9s, -webkit-transform 0.4s ease-in-out 3.9s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 3.9s, -webkit-transform 0.4s ease-in-out 3.9s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 3.9s, transform 0.4s ease-in-out 3.9s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 3.9s, transform 0.4s ease-in-out 3.9s, -webkit-transform 0.4s ease-in-out 3.9s; }
    .catalog__item:not(.catalog__item--disabled):nth-of-type(39n) {
      -webkit-transition: max-height 0.3s linear, opacity 0.2s ease-in-out 4.05s, -webkit-transform 0.4s ease-in-out 4.05s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 4.05s, -webkit-transform 0.4s ease-in-out 4.05s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 4.05s, transform 0.4s ease-in-out 4.05s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 4.05s, transform 0.4s ease-in-out 4.05s, -webkit-transform 0.4s ease-in-out 4.05s; }
    .catalog__item:not(.catalog__item--disabled):nth-of-type(40n) {
      -webkit-transition: max-height 0.3s linear, opacity 0.2s ease-in-out 4.2s, -webkit-transform 0.4s ease-in-out 4.2s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 4.2s, -webkit-transform 0.4s ease-in-out 4.2s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 4.2s, transform 0.4s ease-in-out 4.2s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 4.2s, transform 0.4s ease-in-out 4.2s, -webkit-transform 0.4s ease-in-out 4.2s; }
    .catalog__item:not(.catalog__item--disabled):nth-of-type(41n) {
      -webkit-transition: max-height 0.3s linear, opacity 0.2s ease-in-out 4.35s, -webkit-transform 0.4s ease-in-out 4.35s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 4.35s, -webkit-transform 0.4s ease-in-out 4.35s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 4.35s, transform 0.4s ease-in-out 4.35s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 4.35s, transform 0.4s ease-in-out 4.35s, -webkit-transform 0.4s ease-in-out 4.35s; }
    .catalog__item:not(.catalog__item--disabled):nth-of-type(42n) {
      -webkit-transition: max-height 0.3s linear, opacity 0.2s ease-in-out 4.5s, -webkit-transform 0.4s ease-in-out 4.5s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 4.5s, -webkit-transform 0.4s ease-in-out 4.5s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 4.5s, transform 0.4s ease-in-out 4.5s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 4.5s, transform 0.4s ease-in-out 4.5s, -webkit-transform 0.4s ease-in-out 4.5s; }
    .catalog__item:not(.catalog__item--disabled):nth-of-type(43n) {
      -webkit-transition: max-height 0.3s linear, opacity 0.2s ease-in-out 4.65s, -webkit-transform 0.4s ease-in-out 4.65s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 4.65s, -webkit-transform 0.4s ease-in-out 4.65s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 4.65s, transform 0.4s ease-in-out 4.65s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 4.65s, transform 0.4s ease-in-out 4.65s, -webkit-transform 0.4s ease-in-out 4.65s; }
    .catalog__item:not(.catalog__item--disabled):nth-of-type(44n) {
      -webkit-transition: max-height 0.3s linear, opacity 0.2s ease-in-out 4.8s, -webkit-transform 0.4s ease-in-out 4.8s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 4.8s, -webkit-transform 0.4s ease-in-out 4.8s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 4.8s, transform 0.4s ease-in-out 4.8s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 4.8s, transform 0.4s ease-in-out 4.8s, -webkit-transform 0.4s ease-in-out 4.8s; }
    .catalog__item:not(.catalog__item--disabled):nth-of-type(45n) {
      -webkit-transition: max-height 0.3s linear, opacity 0.2s ease-in-out 4.95s, -webkit-transform 0.4s ease-in-out 4.95s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 4.95s, -webkit-transform 0.4s ease-in-out 4.95s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 4.95s, transform 0.4s ease-in-out 4.95s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 4.95s, transform 0.4s ease-in-out 4.95s, -webkit-transform 0.4s ease-in-out 4.95s; }
    .catalog__item:not(.catalog__item--disabled):nth-of-type(46n) {
      -webkit-transition: max-height 0.3s linear, opacity 0.2s ease-in-out 5.1s, -webkit-transform 0.4s ease-in-out 5.1s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 5.1s, -webkit-transform 0.4s ease-in-out 5.1s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 5.1s, transform 0.4s ease-in-out 5.1s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 5.1s, transform 0.4s ease-in-out 5.1s, -webkit-transform 0.4s ease-in-out 5.1s; }
    .catalog__item:not(.catalog__item--disabled):nth-of-type(47n) {
      -webkit-transition: max-height 0.3s linear, opacity 0.2s ease-in-out 5.25s, -webkit-transform 0.4s ease-in-out 5.25s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 5.25s, -webkit-transform 0.4s ease-in-out 5.25s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 5.25s, transform 0.4s ease-in-out 5.25s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 5.25s, transform 0.4s ease-in-out 5.25s, -webkit-transform 0.4s ease-in-out 5.25s; }
    .catalog__item:not(.catalog__item--disabled):nth-of-type(48n) {
      -webkit-transition: max-height 0.3s linear, opacity 0.2s ease-in-out 5.4s, -webkit-transform 0.4s ease-in-out 5.4s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 5.4s, -webkit-transform 0.4s ease-in-out 5.4s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 5.4s, transform 0.4s ease-in-out 5.4s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 5.4s, transform 0.4s ease-in-out 5.4s, -webkit-transform 0.4s ease-in-out 5.4s; }
    .catalog__item:not(.catalog__item--disabled):nth-of-type(49n) {
      -webkit-transition: max-height 0.3s linear, opacity 0.2s ease-in-out 5.55s, -webkit-transform 0.4s ease-in-out 5.55s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 5.55s, -webkit-transform 0.4s ease-in-out 5.55s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 5.55s, transform 0.4s ease-in-out 5.55s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 5.55s, transform 0.4s ease-in-out 5.55s, -webkit-transform 0.4s ease-in-out 5.55s; }
    .catalog__item:not(.catalog__item--disabled):nth-of-type(50n) {
      -webkit-transition: max-height 0.3s linear, opacity 0.2s ease-in-out 5.7s, -webkit-transform 0.4s ease-in-out 5.7s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 5.7s, -webkit-transform 0.4s ease-in-out 5.7s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 5.7s, transform 0.4s ease-in-out 5.7s;
      transition: max-height 0.3s linear, opacity 0.2s ease-in-out 5.7s, transform 0.4s ease-in-out 5.7s, -webkit-transform 0.4s ease-in-out 5.7s; }
    .catalog__item--disabled {
      position: absolute;
      max-height: 0px;
      -webkit-transform: translateY(60px);
              transform: translateY(60px);
      overflow: hidden;
      opacity: 0;
      -webkit-transition: none;
      transition: none; }
  .catalog__link {
    text-transform: uppercase;
    padding: 0.5em 0;
    font-size: 0.8125rem; }
  .catalog__more {
    padding: 3em 0 1em 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 2em;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    border-top: 1px solid black;
    font-size: 1.25rem;
    position: relative;
    bottom: 0;
    width: 100%;
    opacity: 1;
    background-color: var(--backgroundcolor);
    -webkit-transition: opacity 0.5s ease-in-out, background-color 0.4s ease-in;
    transition: opacity 0.5s ease-in-out, background-color 0.4s ease-in; }
    .catalog__more--disabled {
      opacity: 0;
      pointer-events: none; }
  .catalog__grid {
    position: relative;
    display: grid;
    grid-template-columns: auto;
    grid-row-gap: 2em;
    opacity: 1;
    min-height: 50vh;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition: opacity 0.5s linear 0.5s, -webkit-transform 1s ease-out 0.5s;
    transition: opacity 0.5s linear 0.5s, -webkit-transform 1s ease-out 0.5s;
    transition: opacity 0.5s linear 0.5s, transform 1s ease-out 0.5s;
    transition: opacity 0.5s linear 0.5s, transform 1s ease-out 0.5s, -webkit-transform 1s ease-out 0.5s; }
    .catalog__grid--fade {
      opacity: 0;
      -webkit-transform: translateY(20px);
              transform: translateY(20px);
      -webkit-transition: opacity 0.5s linear, -webkit-transform 1s ease-out;
      transition: opacity 0.5s linear, -webkit-transform 1s ease-out;
      transition: opacity 0.5s linear, transform 1s ease-out;
      transition: opacity 0.5s linear, transform 1s ease-out, -webkit-transform 1s ease-out; }
  @media only screen and (min-width: 37.5rem) {
    .catalog__grid {
      grid-template-columns: 1fr 1fr;
      grid-column-gap: 5%; }
    .catalog__more {
      padding-bottom: 3em; } }
  @media only screen and (min-width: 64.0625rem) {
    .catalog {
      opacity: 0;
      -webkit-transform: translateY(60px);
              transform: translateY(60px);
      -webkit-transition: opacity 0.25s linear, -webkit-transform ease-out 0.5s;
      transition: opacity 0.25s linear, -webkit-transform ease-out 0.5s;
      transition: opacity 0.25s linear, transform ease-out 0.5s;
      transition: opacity 0.25s linear, transform ease-out 0.5s, -webkit-transform ease-out 0.5s; }
      .catalog--animate {
        opacity: 1;
        -webkit-transform: translateY(0px);
                transform: translateY(0px); }
      .catalog__link:hover .catalog__image {
        -webkit-transform: scale(1.1);
                transform: scale(1.1); }
      .catalog__link:hover .catalog__media {
        -webkit-transform: scale(0.95);
                transform: scale(0.95); }
      .catalog__image {
        height: 100%;
        width: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        -webkit-transform: scale(1);
                transform: scale(1);
        -webkit-transition: -webkit-transform 0.25s linear;
        transition: -webkit-transform 0.25s linear;
        transition: transform 0.25s linear;
        transition: transform 0.25s linear, -webkit-transform 0.25s linear; }
      .catalog__media {
        overflow: hidden;
        -webkit-transform: scale(1);
                transform: scale(1);
        -webkit-transition: -webkit-transform 0.25s linear;
        transition: -webkit-transform 0.25s linear;
        transition: transform 0.25s linear;
        transition: transform 0.25s linear, -webkit-transform 0.25s linear; }
      .catalog__link--mobile {
        display: none; }
      .catalog__more {
        padding: 1em;
        margin-top: 1em;
        font-size: 3.75rem;
        margin-bottom: 1em; } }
  @media only screen and (min-width: 118.75rem) {
    .catalog__grid {
      grid-template-columns: 1fr 1fr 1fr;
      grid-column-gap: 5%; } }

.single main {
  background-color: var(--textcolor); }

.single .cta__title {
  color: #1f1f1f;
  line-height: 1.4em; }
  @media only screen and (min-width: 600px) {
    .single .cta__title {
      font-size: 5rem; } }
  @media only screen and (min-width: 1025px) {
    .single .cta__title {
      font-size: 7.5rem; } }

.single section h1 {
  color: #1f1f1f;
  line-height: 1.1em;
  letter-spacing: 1px; }
  @media only screen and (min-width: 600px) {
    .single section h1 {
      font-size: 2.8125rem; } }
  @media only screen and (min-width: 1025px) {
    .single section h1 {
      font-size: 4.375rem; } }

.single section h2 {
  color: #1f1f1f; }
  @media only screen and (min-width: 600px) {
    .single section h2 {
      font-size: 2.5rem; } }
  @media only screen and (min-width: 1025px) {
    .single section h2 {
      font-size: 3.125rem; } }

@-webkit-keyframes scrolling {
  0% {
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
    opacity: 0; }
  20% {
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
    opacity: 1; }
  80% {
    opacity: 1; }
  90% {
    opacity: 0; }
  100% {
    -webkit-transform: translateY(40px);
            transform: translateY(40px);
    opacity: 0; } }

@keyframes scrolling {
  0% {
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
    opacity: 0; }
  20% {
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
    opacity: 1; }
  80% {
    opacity: 1; }
  90% {
    opacity: 0; }
  100% {
    -webkit-transform: translateY(40px);
            transform: translateY(40px);
    opacity: 0; } }

.project-hero {
  padding: 0;
  margin-left: auto;
  margin-right: auto;
  height: 60vh;
  overflow: hidden;
  position: relative; }
  

@media only screen and (min-width: 37.5rem) {
	
	.project-hero {
		margin: 0;
		width: 100%;
		padding: 2em 0 2em 0; 
	} 
}


@media only screen and (min-width: 64.0625rem) {
	
	.project-hero {
		margin: 0;
		width: 100%;
		padding: 0 0 1em 0; 
	} 
	.project-hero > * {
		margin: 0 auto; 
	} 

}
		
		
  .project-hero__image {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-transition: -webkit-transform 2s ease-out;
    transition: -webkit-transform 2s ease-out;
    transition: transform 2s ease-out;
    transition: transform 2s ease-out, -webkit-transform 2s ease-out; }
  .project-hero__cursor {
    position: absolute;
    bottom: 10%;
    left: 0;
    right: 0;
    margin: auto;
    width: 60px;
    height: 60px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .project-hero__ball {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .project-hero__ball--small {
      position: absolute;
      top: 0px;
      -webkit-transform: translateY(15px);
              transform: translateY(15px);
      -webkit-animation-name: scrolling;
              animation-name: scrolling;
      -webkit-animation-duration: 2s;
              animation-duration: 2s;
      -webkit-animation-fill-mode: forwards;
              animation-fill-mode: forwards;
      -webkit-animation-iteration-count: infinite;
              animation-iteration-count: infinite; }
      .project-hero__ball--small rect {
        fill: #f1ebe5; }
    .project-hero__ball--big rect {
      stroke: #f1ebe5;
      fill: transparent; }
  .project-hero--animate .project-hero__image {
    -webkit-transform: scale(1);
            transform: scale(1); }

	.monogram {
		margin:auto;
		width:130px !important;
	}

	.monogram img{
		width:100%;
	}

.project-info {
  padding: 1em 15px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 3em; }
  @media only screen and (min-width: 37.5rem) {
    .project-info {
      padding: 1em calc(40px + 72px) 1em 40px; } }
  @media only screen and (min-width: 64.0625rem) {
    .project-info {
      margin-left: auto;
      margin-right: auto;
      padding: 2 calc(40px + 72px) 1em 40px; }
      .project-info > * {
        max-width: 100rem;
        margin: 0 auto; } }
		
  .project-info__back {
    font-size: 0.8125rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .project-info__back::before {
      content: '';
      display: block;
      width: 4.5rem;
      height: 0.875rem;
      background-image: url(../img/common/prev-slider.svg);
      background-position: center;
      background-repeat: no-repeat;
      margin-right: 1em;
      background-size: contain; }
  .project-info__link-container {
    position: absolute;
    top: 4em;
    bottom: 0;
    left: 0;
    height: 20px; }
  .project-info__item {
    font-size: 0.6rem;
	font-weight:300;  }
  .project-info__title {
    margin: 2em 0; }
  .project-info__list {
    opacity: 0;
    -webkit-transform: translateX(40px);
            transform: translateX(40px);
    -webkit-transition: all 0.4s ease-out 2s;
    transition: all 0.4s ease-out 2s; }
	
	.project-info__content {
		position: relative;
	}
	

    .project-info__content .separate-word__word {
      display: inline-block;
      opacity: 0;
      -webkit-transform: translateY(50px);
              transform: translateY(50px);
      -webkit-transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
      transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
      transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
      transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
      position: relative; }
    .project-info__content--animate .separate-word__word {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      opacity: 1; }
    .project-info__content--animate .project-info__list {
      opacity: 1;
      -webkit-transform: translateX(0px);
              transform: translateX(0px); }

.project-details {
  padding-top: 3em;
  opacity: 0;
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  -webkit-transition: opacity 0.2s linear, -webkit-transform 0.4s ease-out;
  transition: opacity 0.2s linear, -webkit-transform 0.4s ease-out;
  transition: opacity 0.2s linear, transform 0.4s ease-out;
  transition: opacity 0.2s linear, transform 0.4s ease-out, -webkit-transform 0.4s ease-out; }
  .project-details__container {
    height: 23.125rem; }
  .project-details__image {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover; }
  .project-details__macro {
    opacity: 0;
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    -webkit-transition-delay: 0.5s;
            transition-delay: 0.5s;
    display: block;
    right: 5%;
    width: 45%;
    top: 0%;
    bottom: 20%;
    margin: auto;
    position: absolute; }
  .project-details--animate {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px); }
    .project-details--animate .project-details__macro {
      opacity: 1; }

.project-navigation {
  padding: 1em 15px;
  margin-left: auto;
  margin-right: auto;
  background-color: transparent; }



	.specific {
		display:flex;
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
		text-align:center;
		align-items:center;
		margin:auto;
	}
	
	.specific span {
		font-family: 'Noto Serif Display', serif;
		font-weight:400;
		font-size:1.3em;
		margin:0;
		border-top:#1f1f1f thin solid;
		border-bottom:#1f1f1f thin solid;
		padding:1em 0;
	}
	
	.specific img {
		width:100%;
	}
	
	.spect-note {
		text-align:center;
		padding:2em;
	}
	
	.spect-note p {
		font-family: "NeueHaasGroteskText Pro Md", Helvetica, Arial, sans-serif;
		font-size:0.7em;
		letter-spacing:0 ;
		font-weight:normal;
		line-height:1.8 ;
	}	





@media only screen and (min-width: 37.5rem) {

	.specific {
		padding: 1em calc(40px + 54px) 2em 40px;
	}
	
	.specific span {
		font-size:1.9em;
		font-weight:300;
	}

	.spect-note {
		width:100%;
		padding: 0 calc(40px + 54px) 2em 40px;
	}

    .project-navigation {
		padding: 1em calc(40px + 72px) 1em 40px; } 
	  
}
  

@media only screen and (min-width: 48rem) {
	
	.specific {
		padding: 0 40px 2em 40px;
	}
	
	.specific span {
		font-size:3em;
		font-weight:300;
	}

	.spect-note {
		width:100%;
		padding: 0 40px 2em 40px;
	}
	  
}
  

@media only screen and (min-width: 64.0625rem) {

	.specific {
		padding: 0 calc(40px + 72px) 2em 40px;
	}
	
	.specific span {
		font-size:3.3em;
		font-weight:300;
		margin:auto;
		padding:0.5em;
	}

	.spect-note {
		padding: 0 calc(5em + 72px) 0 5em;
	}


    .project-navigation {
      margin-left: auto;
      margin-right: auto;
      padding: 1em calc(40px + 72px) 1em 40px; 
	}
	.project-navigation > * {
        max-width: 100rem;
        margin: 0 auto; 
	} 
		
}


/* Largest devices such as desktops (1280px and up) */
@media only screen and (min-width: 80em) {

	.specific span {
		font-size:4.3em;
		font-weight:400;
		margin:auto;
		padding:0.5em;
	}

	.spect-note {
		padding: 0 calc(15em + 72px) 0 15em;
	}


}



@media only screen and (min-width: 120rem) {



}






		
  .project-navigation__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    border-top: 1px #1f1f1f solid; }
    .project-navigation__container a {
      font-size: 0.875rem;
      padding: 2em 0; }

.project-dual .dual__container {
  -webkit-transition-delay: 2s;
          transition-delay: 2s; 
}

.bookmatch-container{

}

.bookmatch-v-line{
	position:absolute;
	width:0.3em;
	height:100%;
	top:0;
	background-color:#b1b1b1;
	z-index:3;
}		  
		  
.bookmatch-w{
	position:absolute;
	font-size:10px;
	z-index:2;
	bottom:5em;
	left:15%;
	color:#b1b1b1;
}

.bookmatch-b{
	position:absolute;
	font-size:10px;
	z-index:2;
	bottom:5em;
	left:15%;
	color:#1f1f1f;
}


@media only screen and (min-width: 37.5rem) {
  .project-hero {
    height: auto; }
  .project-info {
    padding-top: 0; }
    .project-info__content {
      padding: 1em 0 5em 0; }
    .project-info__title-container {
      display: grid;
      grid-template-columns: 1fr;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      grid-column-gap: 15%;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      width: 100%; }
    .project-info__title {
      margin-top: 0;
      margin-bottom: 0.5em; }
    .project-info__link--desktop {
      width: 100%; }
    .project-info__link-container {
      position: relative;
      margin: auto;
      top: 0;
      bottom: 0;
      left: 0;
      height: 20px;
      margin-top: 1.5em; }
  .project-details {
    padding: 1em 15px;
    margin-left: auto;
    margin-right: auto; } 
	


}
  

@media only screen and (min-width: 37.5rem) and (min-width: 37.5rem) {
	.project-details {
		padding: 1em 0 ; 
	}
}
  
  
@media only screen and (min-width: 37.5rem) and (min-width: 64.0625rem) {

	.project-details {
		margin-left: auto;
		margin-right: auto;
		padding: 1em calc(40px + 72px) 1em 40px; 
	}
      
	.project-details > * {
		max-width: 100%;
		margin: 0 auto; 
	} 
}

@media only screen and (min-width: 37.5rem) {
    .project-details__container {
      min-height: 36.25rem;
      position: relative;
      height: 60vh; }
  .project-navigation {
    padding: 1em 15px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 4em;
    background-color: transparent; } }
  @media only screen and (min-width: 37.5rem) and (min-width: 37.5rem) {
    .project-navigation {
      padding: 1em calc(40px + 72px) 1em 40px; } }
  @media only screen and (min-width: 37.5rem) and (min-width: 64.0625rem) {
    .project-navigation {
      margin-left: auto;
      margin-right: auto;
      padding: 1em calc(40px + 72px) 1em 40px; }
      .project-navigation > * {
        max-width: 100rem;
        margin: 0 auto; } }

@media only screen and (min-width: 37.5rem) {



	.project-navigation__container {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      border-top: 1px #1f1f1f solid; 
	}
	
	.project-navigation__container a {
		font-size: 1.25rem;
		padding: 2em 0; 
	} 

	.bookmatch-container{
		width:100%;
		margin-top:2em ;
		padding: 0 calc( 15px + 54px ) 0 15px;
	}

	.bookmatch-v-line{
		left:calc(50% - 36px - 0.15em);
	}

}


@media only screen and (min-width: 48em) {


}



@media only screen and (min-width: 64.0625rem) {

	.bookmatch-container{
		width:100%;
		margin-top:2em ;
		padding: 0 calc( 40px + 72px ) 0 40px;
	}

	.bookmatch-v-line{
		left:calc(50% - 36px - 0.15em);
	}




	.project-info {
		padding-bottom: 0em; 
	}
	
    .project-info__content {
		padding: 0em 0 3em 0; 
	}
	  
	.project-info__list {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-column-gap: 2%;
		margin: 0;
		width: 60rem; 
	}
	  
    .project-info__link--mobile {
      display: none; }
    .project-info__title-container {
      margin: 2em 0 1em 0 ;
      grid-column-gap: 5%; }
    .project-info__title {
      margin: 0; }
  .project-details {
    padding: 1em 15px;
    margin-left: auto;
    margin-right: auto; } }
  @media only screen and (min-width: 64.0625rem) and (min-width: 37.5rem) {
    .project-details {
      padding: 1em calc(40px + 72px) 1em 40px; } }
  @media only screen and (min-width: 64.0625rem) and (min-width: 64.0625rem) {
    .project-details {
      margin-left: auto;
      margin-right: auto;
      padding: 2rem 0 ; }
      .project-details > * {
        width: 100%;
        margin: 0 auto; } }

@media only screen and (min-width: 64.0625rem) {
    .project-details__container {
      position: relative;
      height: 100%; }
    .project-details__macro {
      display: block;
      right: 5%;
      width: 20%;
      top: -50%;
      position: absolute; }
	
	.project-navigation {
    	padding: 4em 0 2em 30px;
    	margin-top: 6em; 
	} 
}

.page-template-tp-360 main {
  background-color: var(--textcolor); }

.house360 {
  padding: 1em 15px;
  margin-left: auto;
  margin-right: auto;
  opacity: 0;
  -webkit-transform: translateY(100px);
          transform: translateY(100px);
  -webkit-transition: opacity 0.2s ease-out 3s, -webkit-transform 0.4s ease-out 3s;
  transition: opacity 0.2s ease-out 3s, -webkit-transform 0.4s ease-out 3s;
  transition: opacity 0.2s ease-out 3s, transform 0.4s ease-out 3s;
  transition: opacity 0.2s ease-out 3s, transform 0.4s ease-out 3s, -webkit-transform 0.4s ease-out 3s; }
  @media only screen and (min-width: 37.5rem) {
    .house360 {
      padding: 1em calc(40px + 72px) 1em 40px; } }
  @media only screen and (min-width: 64.0625rem) {
    .house360 {
      margin-left: auto;
      margin-right: auto;
      padding: 1em calc(40px + 72px) 1em 40px; }
      .house360 > * {
        max-width: 100rem;
        margin: 0 auto; } }
  .house360--animate {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-transition: opacity 0.2s ease-out 3s, -webkit-transform 0.4s ease-out 3s;
    transition: opacity 0.2s ease-out 3s, -webkit-transform 0.4s ease-out 3s;
    transition: opacity 0.2s ease-out 3s, transform 0.4s ease-out 3s;
    transition: opacity 0.2s ease-out 3s, transform 0.4s ease-out 3s, -webkit-transform 0.4s ease-out 3s; }
  .house360__house-title {
    margin-bottom: 1.2em; }
  .house360__room-link {
    text-transform: uppercase;
    padding: 1em 0;
    font-size: 0.8125rem;
    position: absolute;
    bottom: 0;
    right: 0; }
  .house360__room-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    margin-bottom: 1em;
    position: relative;
    padding-bottom: 2em; }
  .house360__room-list {
    margin-bottom: 2em;
    display: grid;
    grid-template-columns: 1fr; }
  .house360__room-container {
    width: 100%;
    position: relative;
    overflow: hidden; }
    .house360__room-container::after {
      content: '';
      display: block;
      padding-bottom: 100%; }
  .house360__room-image {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    max-height: 0px;
    position: absolute;
    opacity: 0;
    -webkit-transition: opacity 0.4s ease-in-out 0.5s, max-height 0s linear 0.8s;
    transition: opacity 0.4s ease-in-out 0.5s, max-height 0s linear 0.8s; }
    .house360__room-image--visible {
      opacity: 1;
      max-height: 2000px;
      -webkit-transition: max-height 0s linear, opacity 0.4s ease-in-out 0.4s;
      transition: max-height 0s linear, opacity 0.4s ease-in-out 0.4s; }
  @media only screen and (min-width: 37.5rem) {
    .house360__room-container {
      width: 100%;
      height: 100%; }
    .house360__room-link {
      padding: 0.5em 0; }
    .house360__room-item {
      margin-bottom: 2em;
      padding-bottom: 2em; }
      .house360__room-item:nth-of-type(1) {
        grid-area: big_left; }
      .house360__room-item:nth-of-type(2) {
        grid-area: small_right_1; }
      .house360__room-item:nth-of-type(3) {
        grid-area: small_right_2; }
      .house360__room-item:nth-of-type(4) {
        grid-area: small_left_1; }
      .house360__room-item:nth-of-type(5) {
        grid-area: small_left_2; }
      .house360__room-item:nth-of-type(6) {
        grid-area: big_right; }
    .house360__room-list {
      margin-bottom: 9.375rem;
      grid-column-gap: 1em;
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
      grid-template-areas: 'big_left big_left big_left big_left small_right_1 small_right_1' 'big_left big_left big_left big_left small_right_2 small_right_2' 'small_left_1 small_left_1 big_right big_right big_right big_right' 'small_left_2 small_left_2 big_right big_right big_right big_right'; } }
  @media only screen and (min-width: 64.0625rem) {
    .house360__house-item {
      margin-bottom: 4em; }
    .house360__room-link {
      display: none; }
    .house360__room-list {
      grid-column-gap: 1em;
      grid-row-gap: 1em; }
    .house360__room-item {
      margin: 0;
      padding: 0; } }

.about-hero {
  padding: 1em 15px;
  margin-left: auto;
  margin-right: auto;
  background-color: transparent;
  padding-top: 4em; }
  
  @media only screen and (min-width: 37.5rem) {
    
	.about-hero {
      padding: 1em calc(40px + 72px) 1em 40px; } 
	  }
	  
  @media only screen and (min-width: 64.0625rem) {
    .about-hero {
      margin-left: auto;
      margin-right: auto;
      padding: 1em calc(40px + 72px) 1em 40px; }
      .about-hero > * {
        max-width: 100rem;
        margin: 0 auto; } 
		}
		
  .about-hero__title {
    margin-bottom: 0.6em;
    width: 85%;
    text-align: left;
    opacity: 0;
    -webkit-transform: translateX(-30px);
            transform: translateX(-30px);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transition-delay: 1.8s;
            transition-delay: 1.8s; }
  .about-hero__text {
    opacity: 0;
    -webkit-transform: translateX(30px);
            transform: translateX(30px);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transition-delay: 2s;
            transition-delay: 2s; }
  .about-hero__info-container {
    margin-bottom: 4em; }
  .about-hero__list-label {
    padding-bottom: 1em;
    border-bottom: 1px solid #1f1f1f;
    font-size: 17px; }
  .about-hero__item {
    border-bottom: solid 1px transparent;
    padding-bottom: 2em;
    margin-bottom: 3em;
    overflow: hidden; }
    .about-hero__item:nth-of-type(1n) {
      -webkit-transition: all 0.3s ease-out 2.25s;
      transition: all 0.3s ease-out 2.25s; }
      .about-hero__item:nth-of-type(1n) .about-hero__item-text {
        -webkit-transition: all 0.2s ease-out 2.1s;
        transition: all 0.2s ease-out 2.1s; }
      .about-hero__item:nth-of-type(1n) .about-hero__item-title {
        -webkit-transition: opacity 0.2s ease-out 2s;
        transition: opacity 0.2s ease-out 2s; }
        .about-hero__item:nth-of-type(1n) .about-hero__item-title::after {
          -webkit-transition: all 0.4s ease-out 2s;
          transition: all 0.4s ease-out 2s; }
    .about-hero__item:nth-of-type(2n) {
      -webkit-transition: all 0.3s ease-out 2.4s;
      transition: all 0.3s ease-out 2.4s; }
      .about-hero__item:nth-of-type(2n) .about-hero__item-text {
        -webkit-transition: all 0.2s ease-out 2.25s;
        transition: all 0.2s ease-out 2.25s; }
      .about-hero__item:nth-of-type(2n) .about-hero__item-title {
        -webkit-transition: opacity 0.2s ease-out 2.15s;
        transition: opacity 0.2s ease-out 2.15s; }
        .about-hero__item:nth-of-type(2n) .about-hero__item-title::after {
          -webkit-transition: all 0.4s ease-out 2.15s;
          transition: all 0.4s ease-out 2.15s; }
    .about-hero__item:nth-of-type(3n) {
      -webkit-transition: all 0.3s ease-out 2.55s;
      transition: all 0.3s ease-out 2.55s; }
      .about-hero__item:nth-of-type(3n) .about-hero__item-text {
        -webkit-transition: all 0.2s ease-out 2.4s;
        transition: all 0.2s ease-out 2.4s; }
      .about-hero__item:nth-of-type(3n) .about-hero__item-title {
        -webkit-transition: opacity 0.2s ease-out 2.3s;
        transition: opacity 0.2s ease-out 2.3s; }
        .about-hero__item:nth-of-type(3n) .about-hero__item-title::after {
          -webkit-transition: all 0.4s ease-out 2.3s;
          transition: all 0.4s ease-out 2.3s; }
    .about-hero__item:nth-of-type(4n) {
      -webkit-transition: all 0.3s ease-out 2.7s;
      transition: all 0.3s ease-out 2.7s; }
      .about-hero__item:nth-of-type(4n) .about-hero__item-text {
        -webkit-transition: all 0.2s ease-out 2.55s;
        transition: all 0.2s ease-out 2.55s; }
      .about-hero__item:nth-of-type(4n) .about-hero__item-title {
        -webkit-transition: opacity 0.2s ease-out 2.45s;
        transition: opacity 0.2s ease-out 2.45s; }
        .about-hero__item:nth-of-type(4n) .about-hero__item-title::after {
          -webkit-transition: all 0.4s ease-out 2.45s;
          transition: all 0.4s ease-out 2.45s; }
    .about-hero__item:nth-of-type(5n) {
      -webkit-transition: all 0.3s ease-out 2.85s;
      transition: all 0.3s ease-out 2.85s; }
      .about-hero__item:nth-of-type(5n) .about-hero__item-text {
        -webkit-transition: all 0.2s ease-out 2.7s;
        transition: all 0.2s ease-out 2.7s; }
      .about-hero__item:nth-of-type(5n) .about-hero__item-title {
        -webkit-transition: opacity 0.2s ease-out 2.6s;
        transition: opacity 0.2s ease-out 2.6s; }
        .about-hero__item:nth-of-type(5n) .about-hero__item-title::after {
          -webkit-transition: all 0.4s ease-out 2.6s;
          transition: all 0.4s ease-out 2.6s; }
    .about-hero__item:nth-of-type(6n) {
      -webkit-transition: all 0.3s ease-out 3s;
      transition: all 0.3s ease-out 3s; }
      .about-hero__item:nth-of-type(6n) .about-hero__item-text {
        -webkit-transition: all 0.2s ease-out 2.85s;
        transition: all 0.2s ease-out 2.85s; }
      .about-hero__item:nth-of-type(6n) .about-hero__item-title {
        -webkit-transition: opacity 0.2s ease-out 2.75s;
        transition: opacity 0.2s ease-out 2.75s; }
        .about-hero__item:nth-of-type(6n) .about-hero__item-title::after {
          -webkit-transition: all 0.4s ease-out 2.75s;
          transition: all 0.4s ease-out 2.75s; }
  .about-hero__list {
    margin-top: 2em; }

.about-hero__video {
	-webkit-transform: translateY(150px);
	transform: translateY(150px);
    opacity: 0;
    width: 100%;
    -webkit-transition: opacity linear 1s, -webkit-transform fade-in 1s;
    transition: opacity linear 1s, -webkit-transform fade-in 1s;
    transition: opacity linear 1s, transform fade-in 1s;
    transition: opacity linear 1s, transform fade-in 1s, -webkit-transform fade-in 1s;
    -webkit-transition-delay: 1s;
	transition-delay: 1s; 
}
    
	
	.about-hero__video video {
      width: 100%; }
    .about-hero__video--animate {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      opacity: 1; }
  .about-hero__item-text {
    opacity: 0;
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px); }
  .about-hero__item-title {
    text-align: center;
    opacity: 0; }
    .about-hero__item-title::after {
      content: '';
      display: block;
      height: 0.25rem;
      width: 0.25rem;
      opacity: 0;
      background-color: #1f1f1f;
      -webkit-transform: translateY(-40px) rotate(0deg) scale(0);
              transform: translateY(-40px) rotate(0deg) scale(0);
      -webkit-transform-origin: center;
              transform-origin: center;
      margin: 0.5em auto 0.5em auto; }
  .about-hero--animate .about-hero__item-title {
    opacity: 1; }
    .about-hero--animate .about-hero__item-title::after {
      opacity: 1;
      -webkit-transform: translateY(0) rotate(45deg) scale(1);
              transform: translateY(0) rotate(45deg) scale(1); }
  .about-hero--animate .about-hero__item {
    border-bottom: solid 1px #1f1f1f; }
  .about-hero--animate .about-hero__item-text {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px); }
  .about-hero--animate .about-hero__title {
    opacity: 1;
    -webkit-transform: translateX(0px);
            transform: translateX(0px); }
  .about-hero--animate .about-hero__text {
    opacity: 1;
    -webkit-transform: translateX(0px);
            transform: translateX(0px); }

.about-product__banner-container {
  padding: 0;
  margin-left: auto;
  margin-right: auto;
  height: auto; }
  @media only screen and (min-width: 37.5rem) {
    .about-product__banner-container {
      margin: 0;
      width: calc(100% - 54px); } }
  @media only screen and (min-width: 64.0625rem) {
    .about-product__banner-container {
      margin: 0;
      width: calc(100% - 72px); }
      .about-product__banner-container > * {
        margin: 0 auto; } }

.about-product__banner {
  height: 100%;
  width: 100%; }

.about-product__title {
  margin-bottom: 1.5em;
  opacity: 0;
  -webkit-transform: translateX(-30px);
          transform: translateX(-30px);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.about-product__text {
  opacity: 0;
  -webkit-transform: translateX(30px);
          transform: translateX(30px);
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }

.about-product__link--mobile {
  position: absolute;
  top: 0;
  bottom: 5em; }

.about-product__info {
  padding: 1em 15px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 3em;
  padding-bottom: 3em;
  position: relative; }
  @media only screen and (min-width: 37.5rem) {
    .about-product__info {
      padding: 1em calc(40px + 72px) 1em 40px; } }
  @media only screen and (min-width: 64.0625rem) {
    .about-product__info {
      margin-left: auto;
      margin-right: auto;
      padding: 1em calc(40px + 72px) 1em 40px; }
      .about-product__info > * {
        max-width: 100rem;
        margin: 0 auto; } }
  .about-product__info--animate .about-product__title {
    opacity: 1;
    -webkit-transform: translateX(0px);
            transform: translateX(0px); }
  .about-product__info--animate .about-product__text {
    opacity: 1;
    -webkit-transform: translateX(0px);
            transform: translateX(0px); }

.product-filters {
  padding: 1em 15px;
  margin-left: auto;
  margin-right: auto;
  -webkit-transform: translateY(60px);
          transform: translateY(60px);
  opacity: 0;
  -webkit-transition: opacity 0.15s linear, -webkit-transform 0.3s ease-out;
  transition: opacity 0.15s linear, -webkit-transform 0.3s ease-out;
  transition: opacity 0.15s linear, transform 0.3s ease-out;
  transition: opacity 0.15s linear, transform 0.3s ease-out, -webkit-transform 0.3s ease-out; }
  @media only screen and (min-width: 37.5rem) {
    .product-filters {
      padding: 1em calc(40px + 72px) 1em 40px; } }
  @media only screen and (min-width: 64.0625rem) {
    .product-filters {
      margin-left: auto;
      margin-right: auto;
      padding: 1em calc(40px + 72px) 1em 40px; }
      .product-filters > * {
        max-width: 100rem;
        margin: 0 auto; } }
  .product-filters input[type='radio'] {
    position: absolute;
    visibility: hidden; }
  .product-filters ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
  .product-filters .sf-level-0 {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0.5em 0; }
    .product-filters .sf-level-0.sf-option-active {
      opacity: 1;
      background-color: transparent;
      border: none; }
      .product-filters .sf-level-0.sf-option-active .sf-label-radio {
        opacity: 1; }
    .product-filters .sf-level-0:not(:last-of-type)::after {
      content: '';
      width: 2rem;
      height: 0.0625rem;
      background-color: #1f1f1f;
      display: block;
      position: relative;
      top: 0;
      right: 0rem;
      bottom: 0;
      margin: auto; }
  .product-filters .sf-label-radio {
	font-weight:400;
	letter-spacing: 1px;
    opacity: 0.5;
    margin: 0 1em;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease; }
    .product-filters .sf-label-radio:hover {
      opacity: 1; }
  .product-filters--animate {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; }


.product-grid {
	padding: 1em 15px;
	margin-left: auto;
	margin-right: auto;
	-webkit-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out; 
}


@media only screen and (min-width: 37.5rem) {
	
	.product-grid {
		padding: 1em calc(40px + 54px) 1em 40px; 
	} 

}
	  
	  
@media only screen and (min-width: 64.0625rem) {
	.product-grid {
		width:100%;
		margin-left: auto;
		margin-right: auto;
		padding: 1em calc(40px + 72px) 1em 40px !important;
	}
      
	.product-grid > * {
		max-width: 100rem;
        margin: 0 auto; 
	} 
}
		
		
  .product-grid--hide {
    opacity: 0; }
  .product-grid__list {
    display: grid;
    grid-template-columns:auto;
    grid-row-gap: 2em; }
  .product-grid__info {
    padding: 2em;
    position: absolute;
    top: 0;
	  left: 0;
	      height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear; }
    .product-grid__info--open {
      background-color: #b1b1b1; }
      .product-grid__info--open .product-grid__top {
        -webkit-transform: translateY(0);
                transform: translateY(0);
        margin-bottom: 0;
        -webkit-transition: margin 0.3s linear 0s, -webkit-transform 0.3s ease-in-out 0s;
        transition: margin 0.3s linear 0s, -webkit-transform 0.3s ease-in-out 0s;
        transition: transform 0.3s ease-in-out 0s, margin 0.3s linear 0s;
        transition: transform 0.3s ease-in-out 0s, margin 0.3s linear 0s, -webkit-transform 0.3s ease-in-out 0s; }
  .product-grid__media {
    height: 35rem; }
  .product-grid__image {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-filter: brightness(0.8);
            filter: brightness(0.8); }
  .product-grid__top {
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
    -webkit-transition: margin 0.3s linear 0.5s, -webkit-transform 0.3s ease-in-out 0.3s;
    transition: margin 0.3s linear 0.5s, -webkit-transform 0.3s ease-in-out 0.3s;
    transition: transform 0.3s ease-in-out 0.3s, margin 0.3s linear 0.5s;
    transition: transform 0.3s ease-in-out 0.3s, margin 0.3s linear 0.5s, -webkit-transform 0.3s ease-in-out 0.3s;
    margin-bottom: 0; }
  .product-grid__bottom {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    -webkit-transition-delay: 0.1s;
            transition-delay: 0.1s; }
    .product-grid__bottom--open {
      max-height: 31.25rem;
      opacity: 1; }
  .product-grid__name {
    text-align: center;
    color: #b1b1b1;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear; }
    .product-grid__name--open {
      color: #000; }
  .product-grid__job {
    text-align: center;
    color: #f1ebe5;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear; }
    .product-grid__job--open {
      color: #000; }

.product-grid__bio {
	font-family: 'Noto Serif Display', serif;
	line-height: 1.2;
	font-size:1.7em;
	font-weight:500;
    text-align: center;
	font-style:italic;
	padding:1.5em 0 2em 0;
	border-top:#000 thin solid;
}
	
	
  .product-grid__contact {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 2em 0 0 0; }
	
	.product-grid__item {
    	position: relative;
    	overflow: hidden; 
		padding:1em 0 5em 0;
		text-align:center;
		border-bottom:#1f1f1f thin solid;
	}

	.product-grid__item h1{
		font-family: "NeueHaasGroteskText Pro Md", Helvetica, Arial, sans-serif;
		font-size:1.1em;
		margin: 0 auto 1em auto;
		font-weight:600;
		letter-spacing:0;
		line-height:1.3em;
	}



	.product-grid__item p{

		margin-bottom:1em;
	}		


  .product-grid__mail {
    font-size: 0.9375rem; }
  .product-grid__close {
    margin-bottom: 0rem;
    opacity: 0;
    height: 1.5625rem;
    width: 1.5625rem;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    pointer-events: none; }
    .product-grid__close--open {
      margin-bottom: 1.25rem;
      opacity: 1; }
  .product-grid__close-line {
    width: 25px;
    height: 1px;
    background-color: black;
    display: block;
    -webkit-transform-origin: center;
            transform-origin: center; }
    .product-grid__close-line:first-of-type {
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }
    .product-grid__close-line:last-of-type {
      -webkit-transform: rotate(315deg);
              transform: rotate(315deg); }
  .product-grid__linkedin {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .product-grid__linkedin img {
      height: 1rem;
      width: 1rem; }
    .product-grid__linkedin::after {
      content: '';
      width: 5rem;
      height: 0.0625rem;
      background-color: #1f1f1f;
      display: block;
      margin: 0 0.5em; }

.about-cta {
  padding: 1em 15px;
  margin-left: auto;
  margin-right: auto;
  opacity: 0;
  -webkit-transform: scaleX(0.01);
          transform: scaleX(0.01);
  -webkit-transition: opacity 0.1s linear, -webkit-transform 0.3s ease-out;
  transition: opacity 0.1s linear, -webkit-transform 0.3s ease-out;
  transition: opacity 0.1s linear, transform 0.3s ease-out;
  transition: opacity 0.1s linear, transform 0.3s ease-out, -webkit-transform 0.3s ease-out; }
  
@media only screen and (min-width: 37.5rem) {

.product-grid__bio {
	font-family: 'Noto Serif Display', serif;
	line-height: 1.5;
	font-size:1.7em;
	font-weight:400;
	padding:1em 2em;
}
	  
  .product-grid__info {
    padding: 2em;
	width:100%;
    height:100%
  }
	  
    .about-cta {
      padding: 1em calc(40px + 72px) 1em 40px; } 
}
	  
  @media only screen and (min-width: 64.0625rem) {

  .product-grid__info {
    padding: 0;
	width:100%;
    height:100%
  }

    .about-cta {
      margin-left: auto;
      margin-right: auto;
      padding: 1em calc(40px + 72px) 1em 40px; }
      .about-cta > * {
        max-width: 100rem;
        margin: 0 auto; }
}
		
		
  .about-cta__container {
    padding: 1.5em;
    background-color: #d8d8c8; }
  .about-cta__title {
    margin-top: 1em;
    margin-bottom: 1em;
    opacity: 0;
    -webkit-transform: translateX(-30px);
            transform: translateX(-30px);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s; }
  .about-cta__text {
    margin-bottom: 2em;
    opacity: 0;
    -webkit-transform: translateX(30px);
            transform: translateX(30px);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transition-delay: 0.4s;
            transition-delay: 0.4s; }

.link--borders {
	width: fit-content;
	padding:1em 2em;
	border:thin #1f1f1f solid;
	font-size:0.7em;
	font-weight:500;
	text-align:center;
	margin:0 auto 5em auto;
	text-transform:uppercase
	
}

  .about-cta__link--mobile {
    margin-top: 0;
    margin-bottom: 2em; }
  .about-cta--animate {
    opacity: 1;
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
    .about-cta--animate .about-cta__title {
      opacity: 1;
      -webkit-transform: translateX(0px);
              transform: translateX(0px); }
    .about-cta--animate .about-cta__text {
      opacity: 1;
      -webkit-transform: translateX(0px);
              transform: translateX(0px); }

.about-awards {
  padding: 1em 15px;
  margin-left: auto;
  margin-right: auto; }
  @media only screen and (min-width: 37.5rem) {
    .about-awards {
      padding: 1em calc(40px + 72px) 1em 40px; } }
  @media only screen and (min-width: 64.0625rem) {
    .about-awards {
      margin-left: auto;
      margin-right: auto;
      padding: 1em calc(40px + 72px) 1em 40px; }
      .about-awards > * {
        max-width: 100rem;
        margin: 0 auto; } }
  .about-awards__title-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 2em; }
  .about-awards__surtitle-separator {
    width: 9.0625rem;
    height: 0.0625rem;
    margin: 0 1em;
    background-color: #1f1f1f; }
  .about-awards__title {
    text-align: center; }
    .about-awards__title .separate-word__word {
      display: inline-block;
      opacity: 0;
      -webkit-transform: translateY(50px);
              transform: translateY(50px);
      -webkit-transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
      transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
      transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
      transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
      position: relative; }
    .about-awards__title--animate .separate-word__word {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      opacity: 1; }
  .about-awards__item.awards {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: left;
            transform-origin: left;
    -webkit-transition: -webkit-transform 0.5s ease-out;
    transition: -webkit-transform 0.5s ease-out;
    transition: transform 0.5s ease-out;
    transition: transform 0.5s ease-out, -webkit-transform 0.5s ease-out; }
  .about-awards__item > * {
    text-align: center;
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
    opacity: 0;
    -webkit-transition: opacity 0.25s linear 0.5s, -webkit-transform 0.5s ease-out 0.5s;
    transition: opacity 0.25s linear 0.5s, -webkit-transform 0.5s ease-out 0.5s;
    transition: opacity 0.25s linear 0.5s, transform 0.5s ease-out 0.5s;
    transition: opacity 0.25s linear 0.5s, transform 0.5s ease-out 0.5s, -webkit-transform 0.5s ease-out 0.5s; }
  .about-awards__list {
    margin-top: 2em; }
    .about-awards__list--animate .about-awards__item {
      -webkit-transform: scaleX(1);
              transform: scaleX(1); }
      .about-awards__list--animate .about-awards__item > * {
        -webkit-transform: translateX(0px);
                transform: translateX(0px);
        opacity: 1; }

.awards {
  margin: 0 1em;
  padding-top: 2em;
  padding-bottom: 2em; }
  .awards__category {
    margin: 1em 0; }
  .awards__title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  .awards__text {
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center;
    padding: 0 1em; }
  .awards__number {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
    .awards__number::after {
      content: '';
      width: 1.875rem;
      height: 0.0625rem;
      background-color: #1f1f1f;
      display: block;
      margin: 1em 0.5em; }

.about-partnership {
  padding: 1em 15px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 4em;
  padding-bottom: 4em;
  background-color: transparent; }
  @media only screen and (min-width: 37.5rem) {
    .about-partnership {
      padding: 1em calc(40px + 72px) 1em 40px; } }
  @media only screen and (min-width: 64.0625rem) {
    .about-partnership {
      margin-left: auto;
      margin-right: auto;
      padding: 1em calc(40px + 72px) 1em 40px; }
      .about-partnership > * {
        max-width: 100rem;
        margin: 0 auto; } }
  .about-partnership__title {
    margin-bottom: 1em;
    opacity: 0;
    -webkit-transform: translateX(-30px);
            transform: translateX(-30px);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
  .about-partnership__text {
    opacity: 0;
    -webkit-transform: translateX(30px);
            transform: translateX(30px);
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
  .about-partnership__logo {
    padding: 0 1em;
    -webkit-filter: brightness(0.3) grayscale(1);
            filter: brightness(0.3) grayscale(1);
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    -webkit-transition: -webkit-transform 0.5s ease-out 0.35s;
    transition: -webkit-transform 0.5s ease-out 0.35s;
    transition: transform 0.5s ease-out 0.35s;
    transition: transform 0.5s ease-out 0.35s, -webkit-transform 0.5s ease-out 0.35s; }
  .about-partnership__item {
    padding: 3em 0 0 0;
    height: calc(100% - 50px);
    border-bottom: 1px solid black;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    overflow: hidden;
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transition: -webkit-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; }
  .about-partnership__info {
    margin-bottom: 2em; }
    .about-partnership__info--animate .about-partnership__title {
      opacity: 1;
      -webkit-transform: translateX(0px);
              transform: translateX(0px); }
    .about-partnership__info--animate .about-partnership__text {
      opacity: 1;
      -webkit-transform: translateX(0px);
              transform: translateX(0px); }
  .about-partnership__list {
    padding: 2em 3em; }
    .about-partnership__list--animate .about-partnership__item {
      -webkit-transform: scaleX(1);
              transform: scaleX(1); }
    .about-partnership__list--animate .about-partnership__logo {
      -webkit-transform: translateY(0);
              transform: translateY(0); }

@media only screen and (min-width: 37.5rem) {
  .about-hero {
    padding-top: 4em; }
    .about-hero__title {
      max-width: 41.875rem;
      margin-bottom: 1em;
      text-align: left; }
    .about-hero__text {
      padding: 0 0 0 30vw; }
    .about-hero__list {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-column-gap: 2.5rem;
      margin-top: 6em; }
    .about-hero__item {
      width: 100%; }
    .about-hero__item-text {
      width: 80%;
      margin: auto; }
  .about-product__banner-container {
    height: auto; }
  .about-product__title {
    width: 60%;
    margin-top: 1.5em;
    margin-bottom: 0.5em; }
  .about-product__text {
    padding: 0 0 0 40vw; }
  .about-product__link--mobile {
    top: 11.25rem;
    height: 1.25rem; }
  .about-product__bottom {
    margin-top: 1em; }
  .about-partnership {
    padding-top: 5em; }
    .about-partnership__info {
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
    .about-partnership__title {
      width: 50%; }
    .about-partnership__text {
      width: 40%; }
    .about-partnership__list {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr;
      grid-column-gap: 1.25rem; }
  .about-awards {
    padding-bottom: 4em;
    padding-top: 4em; }
    .about-awards__container {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
    .about-awards__title-container {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: column-reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse;
      -webkit-justify-content: space-around;
          -ms-flex-pack: distribute;
              justify-content: space-around;
      -webkit-transform-origin: 50%;
              transform-origin: 50%;
      height: auto;
      margin: 0;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1; }
    .about-awards__surtitle-separator {
      display: table;
      width: 1px;
      height: 100px;
      margin: 1em 0; }
    .about-awards__surtitle {
      -webkit-writing-mode: vertical-rl;
          -ms-writing-mode: tb-rl;
              writing-mode: vertical-rl;
      -webkit-text-orientation: mixed;
              text-orientation: mixed;
      -webkit-transform: scale(-1);
              transform: scale(-1); }
    .about-awards__title.title-2 {
      width: 80%;
      margin: auto; }
    .about-awards__list {
      padding-left: 5%; }
    .about-awards .awards {
      padding: 1em 0; }
  .awards {
    display: grid;
    margin: 0;
    grid-template-columns: 3fr 1fr 2fr; }
    .awards__title {
      justify-self: start;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      text-align: left; }
    .awards__number {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row; }
    .awards__category {
      justify-self: center;
      -webkit-align-self: center;
          -ms-flex-item-align: center;
              align-self: center; }
    .awards__text {
      justify-self: start; }
      .awards__text p {
        text-align: left; }
  .product-filters .sf-label-radio {
    font-size: 0.7rem; }
  .product-filters__section {
    padding-bottom: 0; }
  .product-grid__list {
    grid-template-columns: 1fr;
    grid-column-gap: 2.25rem;
    grid-row-gap: 2.25rem; }
  .product-grid__top {
    -webkit-transform: translateY(150px);
            transform: translateY(150px); } }

@media only screen and (min-width: 64.0625rem) {
  .about-hero__info-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top:5vh;
    margin-bottom: 20vh; }
  .about-hero__title {
    font-size: 4.375rem;
    width: 55%;
    margin: 0; }
  .about-hero__text {
    padding: 0;
    width: 50%; }
  .about-hero__list {
    padding: 0 3em;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-column-gap: 5vw;
    max-width: 1440px; }
  .about-hero__item {
    width: 100%; }
  .about-product {
    padding-bottom: 5em; }
    .about-product__banner-container {
      height: auto; }
    .about-product__link {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 5em 0; }
    .about-product__title {
      margin: 0;
      width: 48%; }
    .about-product__text {
      padding: 0;
      width: 48%; }
    .about-product__info {
      padding-top: 8em;
      padding-bottom: 2em; }
    .about-product__link--mobile {
      display: none; }
  .about-cta__container {
    padding: 0; }
  .about-cta__link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 6em 3em;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .about-cta__link--mobile {
      display: none; }
  .about-cta__title {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 0 1em;
    margin: 0;
    max-width: 600px; }
  .about-cta__text {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 1em;
    margin: 0; }
  .about-partnership {
    padding-top: 10em;
    padding-bottom: 4em; }
    .about-partnership__info {
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
    .about-partnership__title {
      margin: 0; }
    .about-partnership__list {
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
    .about-partnership__logo {
      padding: 0 3em;
      image-rendering: -moz-crisp-edges;
      /* Firefox */
      image-rendering: -o-crisp-edges;
      /* Opera */
      image-rendering: -webkit-optimize-contrast;
      /* Webkit (non-standard naming) */
      image-rendering: crisp-edges;
      -ms-interpolation-mode: nearest-neighbor;
      /* IE (non-standard property) */ }
  .about-awards {
    padding-top: 10em;
    padding-bottom: 10em; }
    .about-awards__title-container {
      width: 30vh;
      position: absolute;
      left: -5%;
      height: auto; }
    .about-awards__title.title-2 {
      margin-top: 1em;
      margin-bottom: 1em;
      max-width: 760px; }
    .about-awards__content {
      width: 100%; }
    .about-awards__list {
      width: 90%;
      padding-left: 0;
      margin: auto; }
  .product-filters {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-bottom: 3em; }
    .product-filters__section {
      padding: 0; }
    .product-filters .sf-level-0 {
      -webkit-transition: opacity 0.3s ease-out;
      transition: opacity 0.3s ease-out; }
      .product-filters .sf-level-0:hover {
        opacity: 1; }
  .product-grid__media {
	  width:100%;
    min-width: 31.5625rem; }
  .product-grid__image {
    -webkit-filter: brightness(1);
            filter: brightness(1);
    -webkit-transition: -webkit-filter ease-in 0.3s;
    transition: -webkit-filter ease-in 0.3s;
    transition: filter ease-in 0.3s;
    transition: filter ease-in 0.3s, -webkit-filter ease-in 0.3s; }
  .product-grid__close {
    margin-bottom: 2.5rem; }
  .product-grid__list {
    grid-template-columns: 1fr; }
  .product-grid__item {
    -webkit-transition: -webkit-box-shadow 0.3s ease-in;
    transition: -webkit-box-shadow 0.3s ease-in;
    transition: box-shadow 0.3s ease-in;
    transition: box-shadow 0.3s ease-in, -webkit-box-shadow 0.3s ease-in; }
    .product-grid__item:hover .product-grid__image {
      -webkit-filter: brightness(0.5);
              filter: brightness(0.5); }
  .awards {
    grid-template-columns: 2fr 1fr 3fr;
    padding: 1em !important; }
    .awards__title {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      font-size: 1.25rem; }
    .awards__category {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      margin: 1em; }
    .awards__text {
      -webkit-box-flex: 2;
      -webkit-flex: 2;
          -ms-flex: 2;
              flex: 2; } }

.experience-hero {
  padding: 1em 15px;
  margin-left: auto;
  margin-right: auto;
  background-color: transparent;
  padding-top: 4em;
  padding-bottom: 1em; }
  @media only screen and (min-width: 37.5rem) {
    .experience-hero {
      padding: 1em calc(40px + 72px) 1em 40px; } }
  @media only screen and (min-width: 64.0625rem) {
    .experience-hero {
      margin-left: auto;
      margin-right: auto;
      padding: 1em calc(40px + 72px) 1em 40px; }
      .experience-hero > * {
        max-width: 100rem;
        margin: 0 auto; } }
  .experience-hero__title {
    margin-bottom: 1em;
    opacity: 0;
    -webkit-transform: translateX(-30px);
            transform: translateX(-30px);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transition-delay: 2.2s;
            transition-delay: 2.2s; }
  .experience-hero__text {
    margin-bottom: 3em;
    opacity: 0;
    -webkit-transform: translateX(30px);
            transform: translateX(30px);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transition-delay: 2.4s;
            transition-delay: 2.4s; }
  .experience-hero__image-container {
    padding-top: 2em;
    padding-bottom: 0;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-out 2s;
    transition: opacity 0.3s ease-out 2s; }
  .experience-hero__image-mask {
    overflow: hidden; }
    .experience-hero__image-mask--big {
      width: 80%;
      margin: auto; }
      .experience-hero__image-mask--big img {
        -webkit-transform: translateY(40px);
                transform: translateY(40px);
        -webkit-transition: -webkit-transform 0.8s ease-out 2s;
        transition: -webkit-transform 0.8s ease-out 2s;
        transition: transform 0.8s ease-out 2s;
        transition: transform 0.8s ease-out 2s, -webkit-transform 0.8s ease-out 2s; }
    .experience-hero__image-mask--small {
      margin-left: 2em;
      margin: auto;
      margin-bottom: 2em;
      width: 70%; }
      .experience-hero__image-mask--small img {
        -webkit-transform: translateY(100px);
                transform: translateY(100px);
        -webkit-transition: -webkit-transform 0.6s ease-out 2s;
        transition: -webkit-transform 0.6s ease-out 2s;
        transition: transform 0.6s ease-out 2s;
        transition: transform 0.6s ease-out 2s, -webkit-transform 0.6s ease-out 2s; }
  .experience-hero__image {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover; }
  .experience-hero--animate .experience-hero__title {
    opacity: 1;
    -webkit-transform: translateX(0px);
            transform: translateX(0px); }
  .experience-hero--animate .experience-hero__text {
    opacity: 1;
    -webkit-transform: translateX(0px);
            transform: translateX(0px); }
  .experience-hero--animate .experience-hero__image-container {
    opacity: 1; }
  .experience-hero--animate .experience-hero__image-mask img {
    -webkit-transform: translateY(0);
            transform: translateY(0); }

@media only screen and (min-width: 37.5rem) {
  .experience-hero {
    padding-top: 4em;
    padding-bottom: 2em; }
    .experience-hero__info-container {
      width: 70%; }
    .experience-hero__image-container {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-align-content: center;
          -ms-flex-line-pack: center;
              align-content: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 100%;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      padding-top: 7em;
      padding-bottom: 0; }
    .experience-hero__image-mask--small {
      margin: 0 2em 0 0;
      max-width: 40%;
      max-height: 30vh;
      width: auto; }
    .experience-hero__image-mask--big {
      width: auto;
      max-height: 40vh;
      margin: 0; } }

@media only screen and (min-width: 64.0625rem) {
  .experience-hero__info-container {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 3em;
    padding-bottom: 3em;
    margin-top: 15vh;
    margin-bottom: 0; }
  .experience-hero__title {
    width: 50%;
    padding-right: 3%;
    margin: 0; }
  .experience-hero__text {
    width: 50%;
    margin: 0; }
  .experience-hero__image-container {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around; }
  .experience-hero__image-mask--small {
    margin-right: 0;
    height: auto;
    max-height: none;
    max-width: 30%; }
  .experience-hero__image-mask--big {
    margin-right: 0;
    height: auto;
    max-height: none;
    max-width: 50%; } }

.page-template-tp-contact main {
  background-color: var(--textcolor); }

.contact-hero {
  padding: 1em 15px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 4em;
  padding-bottom: 4em; }
  @media only screen and (min-width: 37.5rem) {
    .contact-hero {
      padding: 1em calc(40px + 72px) 1em 40px; } }
  @media only screen and (min-width: 64.0625rem) {
    .contact-hero {
      margin-left: auto;
      margin-right: auto;
      padding: 1em calc(40px + 72px) 1em 40px; }
      .contact-hero > * {
        max-width: 100rem;
        margin: 0 auto; } }
  .contact-hero__title {
    text-align: center;
    margin: auto;
    margin-bottom: 2em;
    max-width: 700px;
    opacity: 0;
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    -webkit-transition: opacity 0.2s ease 2.5s, -webkit-transform 0.4s ease-out 2.5s;
    transition: opacity 0.2s ease 2.5s, -webkit-transform 0.4s ease-out 2.5s;
    transition: opacity 0.2s ease 2.5s, transform 0.4s ease-out 2.5s;
    transition: opacity 0.2s ease 2.5s, transform 0.4s ease-out 2.5s, -webkit-transform 0.4s ease-out 2.5s; }
    .contact-hero__title--animate {
      opacity: 1;
      -webkit-transform: translateY(0px);
              transform: translateY(0px); }

.showroom {
  font-size: 0.875rem;
  margin-bottom: 1em;
  margin: 4em 0; }
  .showroom__title {
    font-size: 0.875rem;
    margin: 0.5em 0;
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    -webkit-transition: opacity 0.2s ease 3.5s, -webkit-transform 0.4s ease-out 3.5s;
    transition: opacity 0.2s ease 3.5s, -webkit-transform 0.4s ease-out 3.5s;
    transition: opacity 0.2s ease 3.5s, transform 0.4s ease-out 3.5s;
    transition: opacity 0.2s ease 3.5s, transform 0.4s ease-out 3.5s, -webkit-transform 0.4s ease-out 3.5s; }
    .showroom__title--animate {
      opacity: 1;
      -webkit-transform: translateY(0px);
              transform: translateY(0px); }
  .showroom__image {
    opacity: 0;
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    -webkit-transition: opacity 0.2s ease 3s, -webkit-transform 0.4s ease-out 3s;
    transition: opacity 0.2s ease 3s, -webkit-transform 0.4s ease-out 3s;
    transition: opacity 0.2s ease 3s, transform 0.4s ease-out 3s;
    transition: opacity 0.2s ease 3s, transform 0.4s ease-out 3s, -webkit-transform 0.4s ease-out 3s; }
    .showroom__image--animate {
      opacity: 1;
      -webkit-transform: translateY(0px);
              transform: translateY(0px); }
  .showroom__description {
    padding: 2em 0 1em 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 15.625rem; }
    .showroom__description p {
      font-size: 0.875rem; }
    .showroom__description::before {
      content: '';
      display: block;
      width: 1.25rem;
      height: 1.25rem;
      background-image: url(asset/svg/small_arrow.svg);
      background-position: center;
      background-repeat: no-repeat;
      margin-right: 1em;
      margin-top: 0.4em;
      background-size: contain;
      -webkit-align-self: start;
          -ms-flex-item-align: start;
              align-self: start; }
  .showroom__link-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  .showroom__location-link {
    text-decoration: none;
    -webkit-transition: -webkit-text-decoration 0.2s ease;
    transition: -webkit-text-decoration 0.2s ease;
    transition: text-decoration 0.2s ease;
    transition: text-decoration 0.2s ease, -webkit-text-decoration 0.2s ease; }
    .showroom__location-link:hover {
      text-decoration: underline; }
  .showroom__phone-link {
    text-decoration: none;
    -webkit-transition: -webkit-text-decoration 0.2s ease;
    transition: -webkit-text-decoration 0.2s ease;
    transition: text-decoration 0.2s ease;
    transition: text-decoration 0.2s ease, -webkit-text-decoration 0.2s ease; }
    .showroom__phone-link:hover {
      text-decoration: underline; }
  .showroom__review {
    margin-top: 1em;
    font-size: 14px;
    border: 1px solid #1f1f1f;
    padding: 1em;
    max-width: 230px; }
  .showroom__review-title {
    font-size: 20px;
    margin-bottom: 0.5em; }
  .showroom__review-image {
    width: 72px;
    -webkit-filter: brightness(0.2);
            filter: brightness(0.2); }
  .showroom__review-link {
    margin-top: 3em;
    font-size: 14px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row; }
    .showroom__review-link::before {
      content: '+';
      display: block;
      margin-right: 1em; }

.contact__title {
  font: 500 3.125rem "ogg", Helvetica, Arial, sans-serif;
  color: #1f1f1f;
  line-height: 1.1em; }
  @media only screen and (min-width: 600px) {
    .contact__title {
      font-size: 5rem; } }
  @media only screen and (min-width: 1025px) {
    .contact__title {
      font-size: 7.5rem; } }

@media only screen and (min-width: 37.5rem) {
  .contact-hero__showroom__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .contact-hero__title {
    margin-top: 2em; }
  .contact-hero__review {
    margin-top: 2em; }
  .showroom {
    width: 48%; }
    .showroom:nth-child(1) {
      padding: 0 0rem 6em 0; }
    .showroom:nth-child(2) {
      padding: 6em 0 0 0rem; }
    .showroom__image {
      width: 100%; }
    .showroom__description {
      font-size: 1.0625rem;
      max-width: 100%; } }

@media only screen and (min-width: 64.0625rem) {
  .contact-hero__title {
    margin-bottom: 1em; }
  .showroom__title {
    font-size: 20px; }
  .contact__container {
    padding: 15vh 0; }
  .contact__title .separate-word__word {
    display: inline-block;
    opacity: 0;
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    -webkit-transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    position: relative; }
  .contact__title--animate .separate-word__word {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; } }

.page-template-tp-blog main {
  background-color: var(--textcolor); }

.blog-hero {
  padding: 1em 15px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 2em;
  padding-bottom: 2em; }
  @media only screen and (min-width: 37.5rem) {
    .blog-hero {
      padding: 1em calc(40px + 72px) 1em 40px; } }
  @media only screen and (min-width: 64.0625rem) {
    .blog-hero {
      margin-left: auto;
      margin-right: auto;
      padding: 1em calc(40px + 72px) 1em 40px; }
      .blog-hero > * {
        max-width: 100rem;
        margin: 0 auto; } }
  .blog-hero .separate-word__word {
    display: inline-block;
    opacity: 0;
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    -webkit-transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    position: relative; }
  .blog-hero--animate .separate-word__word {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; }
  .blog-hero__title {
    margin: auto;
    text-align: center;
    margin-bottom: 1em;
    max-width: 760px; }
  .blog-hero__button-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 3em;
    overflow: hidden; }
  .blog-hero__button {
    opacity: 0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
    -webkit-transition: opacity 0.2s linear, -webkit-transform 0.4s ease-out;
    transition: opacity 0.2s linear, -webkit-transform 0.4s ease-out;
    transition: opacity 0.2s linear, transform 0.4s ease-out;
    transition: opacity 0.2s linear, transform 0.4s ease-out, -webkit-transform 0.4s ease-out;
    -webkit-transition-delay: 2.7s;
            transition-delay: 2.7s; }
  .blog-hero__button-separator {
    width: 0.0625rem;
    height: 0.0625rem;
    opacity: 0;
    margin: 0 1em;
    background-color: #1f1f1f;
    -webkit-transition: opacity 0.2s linear, width 0.4s ease-out;
    transition: opacity 0.2s linear, width 0.4s ease-out;
    -webkit-transition-delay: 3s;
            transition-delay: 3s; }
  .blog-hero--animate .blog-hero__button {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px); }
  .blog-hero--animate .blog-hero__button-separator {
    opacity: 1;
    width: 5.3125rem; }

.blog-filters {
  -webkit-transform: translateY(60px);
          transform: translateY(60px);
  opacity: 0;
  -webkit-transition: opacity 0.2s linear, -webkit-transform 0.4s ease-out;
  transition: opacity 0.2s linear, -webkit-transform 0.4s ease-out;
  transition: opacity 0.2s linear, transform 0.4s ease-out;
  transition: opacity 0.2s linear, transform 0.4s ease-out, -webkit-transform 0.4s ease-out;
  -webkit-transition-delay: 3.5s;
          transition-delay: 3.5s; }
  .blog-filters--animate {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px); }
  .blog-filters input[type='radio'] {
    position: absolute;
    visibility: hidden; }
  .blog-filters ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
  .blog-filters .sf-level-0 {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0.5em 0; }
    .blog-filters .sf-level-0.sf-option-active {
      opacity: 1;
      background-color: transparent;
      border: none; }
      .blog-filters .sf-level-0.sf-option-active .sf-label-radio {
        opacity: 1; }
    .blog-filters .sf-level-0:not(:last-of-type)::after {
      content: '';
      width: 2rem;
      height: 0.0625rem;
      background-color: #1f1f1f;
      display: block;
      -webkit-transform: rotate(65deg);
              transform: rotate(65deg);
      position: relative;
      top: 0;
      right: 0rem;
      bottom: 0;
      margin: auto; }
  .blog-filters .sf-label-radio {
    font-size: 1.0625rem;
    opacity: 0.5;
    margin: 0 0.5em;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease; }
    .blog-filters .sf-label-radio:hover {
      opacity: 1; }

.blog-catalog {
  padding: 1em 15px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 10vh;
  -webkit-transform: translateY(60px);
          transform: translateY(60px);
  opacity: 0;
  -webkit-transition: opacity 0.2s linear, -webkit-transform 0.4s ease-out;
  transition: opacity 0.2s linear, -webkit-transform 0.4s ease-out;
  transition: opacity 0.2s linear, transform 0.4s ease-out;
  transition: opacity 0.2s linear, transform 0.4s ease-out, -webkit-transform 0.4s ease-out;
  -webkit-transition-delay: 3s;
          transition-delay: 3s; }
  @media only screen and (min-width: 37.5rem) {
    .blog-catalog {
      padding: 1em calc(40px + 72px) 1em 40px; } }
  @media only screen and (min-width: 64.0625rem) {
    .blog-catalog {
      margin-left: auto;
      margin-right: auto;
      padding: 1em calc(40px + 72px) 1em 40px; }
      .blog-catalog > * {
        max-width: 100rem;
        margin: 0 auto; } }
  .blog-catalog--animate {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px); }
  .blog-catalog__container {
    position: relative;
    overflow: hidden;
    padding: 0;
    -webkit-transition: opacity 0.5s ease-out, max-height 1.5s ease-in-out;
    transition: opacity 0.5s ease-out, max-height 1.5s ease-in-out; }
    .blog-catalog__container--extend {
      max-height: 1500vh; }
    .blog-catalog__container--hide {
      opacity: 0; }
  .blog-catalog__grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-row-gap: 2.5rem;
    margin-bottom: 3em;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition: opacity 0.5s linear 0.5s, -webkit-transform 1s ease-out 0.5s;
    transition: opacity 0.5s linear 0.5s, -webkit-transform 1s ease-out 0.5s;
    transition: opacity 0.5s linear 0.5s, transform 1s ease-out 0.5s;
    transition: opacity 0.5s linear 0.5s, transform 1s ease-out 0.5s, -webkit-transform 1s ease-out 0.5s; }
    .blog-catalog__grid--fade {
      opacity: 0;
      -webkit-transform: translateY(20px);
              transform: translateY(20px);
      -webkit-transition: opacity 0.5s linear, -webkit-transform 1s ease-out;
      transition: opacity 0.5s linear, -webkit-transform 1s ease-out;
      transition: opacity 0.5s linear, transform 1s ease-out;
      transition: opacity 0.5s linear, transform 1s ease-out, -webkit-transform 1s ease-out; }
  .blog-catalog__item {
    background-color: #ffffff66;
    padding: 1em;
    -webkit-transition: background-color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: background-color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); }
    .blog-catalog__item:hover {
      background-color: #fff; }
  .blog-catalog__post {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  .blog-catalog__media-container {
    height: 40vh; }
  .blog-catalog__image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover; }
  .blog-catalog__info-container {
    padding: 2em; }
  .blog-catalog__post-term {
    text-align: center;
    font-size: 1rem; }
  .blog-catalog__post-title {
    text-align: center;
    margin: 0.5em 0 1.5em 0;
    font-size: 1.25rem; }
  .blog-catalog__post-excerpt {
    text-align: center;
    font-size: 0.875rem; }
  .blog-catalog__link--mobile {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 1em;
    display: none; }
  .blog-catalog__more {
    padding: 3em 0 1em 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    border-top: 1px solid black;
    font-size: 1.25rem;
    position: absolute;
    bottom: 0;
    width: 100%;
    opacity: 1;
    background-color: var(--backgroundcolor);
    -webkit-box-shadow: 4px -6px 7px 3px #2727271c;
            box-shadow: 4px -6px 7px 3px #2727271c;
    -webkit-transition: opacity 0.5s ease-in-out, background-color 0.4s ease-in 0.6s;
    transition: opacity 0.5s ease-in-out, background-color 0.4s ease-in 0.6s; }
    .blog-catalog__more--disabled {
      opacity: 0;
      pointer-events: none; }

@media only screen and (min-width: 37.5rem) {
  .blog-hero {
    padding-top: 4em;
    padding-bottom: 4em; }
  .blog-catalog {
    padding-bottom: 10vh; }
    .blog-catalog__post-excerpt {
      width: 90%;
      margin: auto; }
    .blog-catalog__grid {
      grid-template-columns: 1fr 1fr;
      grid-column-gap: 1.25rem;
      grid-row-gap: 1.25rem; }
    .blog-catalog__media-container {
      height: 15vh;
      min-height: 10.3125rem; }
    .blog-catalog__info-container {
      padding: 1em; }
    .blog-catalog__more {
      padding: 2em 0; }
  .blog-filters__list {
    padding: 1em 15px;
    margin-left: auto;
    margin-right: auto;
    margin-left: auto;
    margin-right: auto; } }
  @media only screen and (min-width: 37.5rem) and (min-width: 37.5rem) {
    .blog-filters__list {
      padding: 1em calc(40px + 72px) 1em 40px; } }
  @media only screen and (min-width: 37.5rem) and (min-width: 64.0625rem) {
    .blog-filters__list {
      margin-left: auto;
      margin-right: auto;
      padding: 1em calc(40px + 72px) 1em 40px; }
      .blog-filters__list > * {
        max-width: 100rem;
        margin: 0 auto; } }

@media only screen and (min-width: 64.0625rem) {
  .blog-hero {
    padding-top: 20vh;
    padding-bottom: 5vh; }
  .blog-filters .sf-label-radio {
    font-size: 1.25rem; }
  .blog-catalog {
    padding-bottom: 10vh; }
    .blog-catalog__grid {
      grid-template-columns: 1fr 1fr 1fr;
      grid-column-gap: 1.875rem;
      grid-row-gap: 1.875rem; }
    .blog-catalog__more {
      padding-bottom: 4em; }
    .blog-catalog__media-container {
      height: 30vh;
      min-height: 10.3125rem; } }

.blogpost-hero {
  height: 100vh;
  padding: 0;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  position: relative; }
  @media only screen and (min-width: 37.5rem) {
    .blogpost-hero {
      margin: 0;
      width: calc(100% - 54px); } }
  @media only screen and (min-width: 64.0625rem) {
    .blogpost-hero {
      margin: 0;
      width:100%; }
      .blogpost-hero > * {
        margin: 0 auto; } }
  .blogpost-hero__image {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-transition: -webkit-transform 20s ease-out;
    transition: -webkit-transform 20s ease-out;
    transition: transform 20s ease-out;
    transition: transform 20s ease-out, -webkit-transform 20s ease-out; }
  .blogpost-hero__cursor {
    position: absolute;
    bottom: 10%;
    left: 0;
    right: 0;
    margin: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .blogpost-hero__ball {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .blogpost-hero__ball--small {
      position: absolute;
      top: 5px; }
      .blogpost-hero__ball--small rect {
        fill: #f1ebe5; }
    .blogpost-hero__ball--big rect {
      stroke: #f1ebe5;
      fill: transparent; }
  .blogpost-hero--animate .blogpost-hero__image {
    -webkit-transform: scale(1);
            transform: scale(1); }

.blogpost-info {
  padding: 1em 15px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 3em; }
  @media only screen and (min-width: 37.5rem) {
    .blogpost-info {
      padding: 1em calc(40px + 72px) 1em 40px; } }
  @media only screen and (min-width: 64.0625rem) {
    .blogpost-info {
      padding: 1em calc(40px + 72px) 1em 40px; }
      .blogpost-info > * {
        max-width: 60rem;
        margin: 0 auto; } }
  .blogpost-info__content {
    position: relative; }
  .blogpost-info__text-container {
    opacity: 0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
    -webkit-transition: opacity 0.2s linear 1s, -webkit-transform 0.4s ease-out 1s;
    transition: opacity 0.2s linear 1s, -webkit-transform 0.4s ease-out 1s;
    transition: opacity 0.2s linear 1s, transform 0.4s ease-out 1s;
    transition: opacity 0.2s linear 1s, transform 0.4s ease-out 1s, -webkit-transform 0.4s ease-out 1s; }


	.blogpost-info__text-container p {
		font-size:.85rem !important;
		line-height:1.3 !important;
		font-weight: lighter !important;
	}

  .blogpost-info__tag {
    text-transform: uppercase;
    font-size: 0.8125rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .blogpost-info__tag::before {
      content: '';
      display: block;
      width: 1.875rem;
      height: 1.875rem;
      background-image: url(../img/common/prev-slider.svg);
      background-position: center;
      background-repeat: no-repeat;
      margin-right: 1em;
      background-size: contain; }
  .blogpost-info__link-container {
    position: absolute;
    top: 4em;
    bottom: 0;
    left: 0;
    height: 20px; }
  .blogpost-info__title {
	  font-size:1.3em !important;
    margin: 1em 0 1em 0;
	line-height:1.2 !important; }
  .blogpost-info .separate-word__word {
    display: inline-block;
    opacity: 0;
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    -webkit-transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    position: relative; }
  .blogpost-info--animate .separate-word__word {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; }
  .blogpost-info--animate .blogpost-info__text-container {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px); }

.blogpost-info__content {
	border-top:#000 thin solid;
	margin-bottom:.5em;
	
}

@media only screen and (min-width: 37.5rem) {
  .blogpost-hero {
    height: 65vh; }
  .blogpost-info {
    padding-top: 2em; } }

@media only screen and (min-width: 64.0625rem) {
  .blogpost-info {
    padding-top: 3em; }
    .blogpost-info__content {
      padding: 1em 15px;
      margin-left: auto;
      margin-right: auto;
      padding-left: 0 !important;
      padding-right: 0 !important; } }
    @media only screen and (min-width: 64.0625rem) and (min-width: 37.5rem) {
      .blogpost-info__content {
        padding: 1em calc(40px + 72px) 1em 40px; } }
    @media only screen and (min-width: 64.0625rem) and (min-width: 64.0625rem) {
      .blogpost-info__content {
		  width:55%;
        padding: 1em calc(40px + 72px) 1em 0; }
        .blogpost-info__content > * {
          max-width: 100rem;
          margin: 0 auto; } }

.single-promotion section {
  background-color: transparent; }

.landing-hero {
  padding: 1em 15px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 2em;
  padding-bottom: 2em; }
  @media only screen and (min-width: 37.5rem) {
    .landing-hero {
      padding: 1em calc(40px + 72px) 1em 40px; } }
  @media only screen and (min-width: 64.0625rem) {
    .landing-hero {
      margin-left: auto;
      margin-right: auto;
      padding: 1em calc(40px + 72px) 1em 40px; }
      .landing-hero > * {
        max-width: 100rem;
        margin: 0 auto; } }
  .landing-hero__title {
    margin: auto;
    text-align: center;
    margin-bottom: 1em; }
  .landing-hero__button-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 3em; }
  .landing-hero__button-separator {
    width: 5.3125rem;
    height: 0.0625rem;
    margin: 0 1em;
    background-color: #1f1f1f; }
  .landing-hero__button {
    font-size: 1rem; }

@media only screen and (min-width: 37.5rem) {
  .landing-hero {
    padding-top: 4em;
    padding-bottom: 4em; } }

@media only screen and (min-width: 64.0625rem) {
  .landing-hero {
    padding-top: 5em;
    padding-bottom: 5em; }
    .landing-hero__title {
      font-size: 3.375rem; } }

.error {
  height: calc(100vh - 67px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start; }
  .error__info {
    width: 100%; }
  .error__title {
    margin: 0.5em 0;
    width: 100%; }
  .error__action {
    text-align: left;
    width: 100%; }

@media only screen and (min-width: 37.5rem) {
  .error {
    height: 100vh; } }

@media only screen and (min-width: 64.0625rem) {
  .error__title {
    margin: 0.5em 0;
    width: 80%; } }

@media print {
  @page {
    size: portrait; }
  *,
  *::before,
  *::after {
    color: #000 !important; }
  body {
    max-width: 670px; }
  html {
    font-size: 10px !important; } }

/*! Flickity v2.2.0
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
  position: relative; }

.flickity-enabled:focus {
  outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%; }

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%; }

/* draggable */
.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: none; }

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: none; }

/* ---- flickity-button ---- */
.flickity-button {
  position: absolute;
  background: rgba(255, 255, 255, 0.75);
  border: none;
  color: #333; }

.flickity-button:hover {
  background: white;
  cursor: pointer; }

.flickity-button:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0 5px #19f;
          box-shadow: 0 0 0 5px #19f; }

.flickity-button:active {
  opacity: 0.6; }

.flickity-button:disabled {
  opacity: 0.3;
  cursor: auto;
  /* prevent disabled button from capturing pointer up event. #716 */
  pointer-events: none; }

.flickity-button-icon {
  fill: currentColor; }

/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  /* vertically center */
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }



/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px; }

.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px; }

.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%; }

/* ---- page dots ---- */
.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1; }

.flickity-rtl .flickity-page-dots {
  direction: rtl; }

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer; }

.flickity-page-dots .dot.is-selected {
  opacity: 1; }

.height-calc {
  height: 100vh; }

body:not(#tinymce) {
  height: 100%; }
  body:not(#tinymce) .scrollbar-track-y {
    background: rgba(112, 112, 112, 0); }
  body:not(#tinymce) .scrollbar-track-y,
  body:not(#tinymce) .scrollbar-thumb {
    width: 2px; }
  body:not(#tinymce) .scrollbar-thumb {
    border-radius: 0;
    left: -1px;
    width: 2px;
    background: #707070; }

@media only screen and (min-width: 37.5rem) {
  body:not(#tinymce) .scrollbar-track-y {
    background: rgba(112, 112, 112, 0);
    right: calc(54px + 5px); }
  body:not(#tinymce) .scrollbar-thumb {
    left: 1px;
    width: 1px;
    background: #1f1f1f; } }

@media only screen and (min-width: 64.0625rem) {
  body:not(#tinymce) .scrollbar-track-y {
    right: calc(72px + 5px); } }

:root {
  --backgroundcolor: #d8d8c8;
  --textcolor: #e6e0d9; }

body:not(#tinymce) {
  -webkit-transition: background-color 0.7s ease;
  transition: background-color 0.7s ease;
  background-color: var(--backgroundcolor); }

body,
.wolfpack-container {
  height: 100vh; }

.scroll-content {
  overflow: hidden !important; }

[data-marquee-container] {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden; }

[data-marquee-content] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  -webkit-animation: marquee linear infinite running;
          animation: marquee linear infinite running; }

@-webkit-keyframes marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  100% {
    -webkit-transform: translate(-100%);
            transform: translate(-100%); } }

@keyframes marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  100% {
    -webkit-transform: translate(-100%);
            transform: translate(-100%); } }

[data-stay] {
  position: absolute;
  top: 0px;
  left: 0px; }

[data-cursor-container] {
  display: none;
  opacity: 1;
  pointer-events: none; }
  @media only screen and (min-width: 64.0625rem) {
    [data-cursor-container] {
      display: -webkit-box !important;
      display: -webkit-flex !important;
      display: -ms-flexbox !important;
      display: flex !important; } }

[data-cursor-pointer] {
  -webkit-transform: translate3d(0px, 0px);
          transform: translate3d(0px, 0px);
  position: fixed;
  z-index: 1000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }
  [data-cursor-pointer] svg {
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease; }

[data-separate-characters] {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }
  [data-separate-characters] .separate-character__letter {
    display: inline-block; }

[data-separate-words] {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }
  [data-separate-words] .separate-words__word {
    display: inline-block; }