/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/* @define-mixin at1023 {
  @media (max-width: 1023px) {
    @mixin-content;
  }
} */

/* @define-mixin at1024 {
  @media (max-width: 767px) {
    @mixin-content;
  }
} */

/* @import "../fonts/helvetica/style"; */

@font-face {
  font-family: "FuturaPT";
  font-weight: 200;
  src: url("fonts/futuraPTLight.otf");
}

@font-face {
  font-family: "FuturaPT";
  font-weight: 300;
  src: url("fonts/futuraPTBook.otf");
}

@font-face {
  font-family: "FuturaPT";
  font-weight: 400;
  src: url("fonts/futuraPTMedium.otf");
}

@font-face {
  font-family: "Gotham";
  font-weight: 300;
  src: url("fonts/GothamBook.ttf");
}

/* @font-face {
  font-family: "Helvetica";
  font-weight: normal;
  src: url("fonts/Helvetica.ttf");
}
@font-face {
  font-family: "Helvetica";
  font-weight: bold;
  src: url("fonts/Helvetica-Bold.ttf"); 
}*/

.gotham-book {
  font-family: "Gotham";
  font-weight: 300;
}

@font-face {
	font-family: 'FuturaPT';
	font-weight: 200;
	src: url('fonts/futuraPTLight.otf');
}

@font-face {
	font-family: 'FuturaPT';
	font-weight: 300;
	src: url('fonts/futuraPTBook.otf');
}

@font-face {
	font-family: 'FuturaPT';
	font-weight: 400;
	src: url('fonts/futuraPTMedium.otf');
}

@font-face {
	font-family: 'Gotham';
	font-weight: 300;
	src: url('fonts/GothamBook.ttf');
}

.gotham-book {
	font-family: 'Gotham';
	font-weight: 300;
}

html,
body {
	height: 100%;
}

body {
	min-width: 320px;
	width: 100%;
	color: #231f20;
	background-color: #dddddd;
	font-family: Helvetica, 'Roboto', sans-serif;
	font-weight: 300;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	box-sizing: content-box;
	line-height: 1.3;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	transition: background-color 0.3s ease-in-out;
}

body.active-nav {
		overflow: hidden;
	}

img {
	max-width: 100%;
	height: auto;
}

* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

*::-moz-selection {
		background-color: rgba(90, 90, 90, 0.2);
	}

*::selection {
		background-color: rgba(90, 90, 90, 0.2);
	}

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

li {
	list-style: none;
}

.cf:after {
	content: '';
	display: table;
	clear: both;
}

.main-container {
	overflow-x: hidden;
	max-width: 100%;
	min-height: 100%;
}

.main-container .page-content {
		margin-left: 60vh;
		padding-left: 5vh;
		padding-right: 5vh;
		overflow-x: hidden;
	}

/* 
    @mixin at1480 {
      margin-left: 60vh;
    }
    @mixin at1367 {
      margin-left: 0vh;
    } */

@media (max-width: 1025px) {

.main-container .page-content {
			padding-left: 2.5vh;
			padding-right: 2.5vh
	}
	}

.main-container .page-content .title-buttons-container {
			display: flex;
			padding-top: 35vh;
		}

@media (max-width: 1025px) {

.main-container .page-content .title-buttons-container {
				padding-top: 10vh
		}
	}

.main-container .page-content .title-buttons-container .title-logo {
				height: 8vh;
				margin-right: 0.78em;
				/* box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.0.05); */
				-webkit-filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.05));
				        filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.05));
			}

.main-container .page-content .title-buttons-container .title-button {
				height: 8vh;
				width: 8vh;
				text-align: center;
				line-height: 8vh;
				font-size: 3vh;
				background-color: #fff;
				border-radius: 1vh;
				color: #6e6c6c;
				box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.05);
			}

.main-container .page-content .page-title {
			color: #525050;
			font-size: 6vw;
			line-height: 0.9em;
			margin: 0.4em 0 0.4em 0;
			letter-spacing: -0.02em;
		}

@media (max-width: 1025px) {

.main-container .page-content .page-title {
				font-size: 11vw;
				margin: 0.6em 0 1em 0
		}
	}

.main-container .page-content .page-tagline {
			color: #525050;
			font-size: 1.25em;
			max-width: 46em;
		}

@media (max-width: 1025px) {

.main-container .page-content .page-tagline {
				font-size: 1em
		}
	}

/* ui-elements */

.ui-logo {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
}

.ui-logo a {
		position: relative;
	}

.ui-logo__svg {
		margin: 2.5vh 5vh;
		width: 14rem;
		height: 5.25em;
		-webkit-filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.05));
		        filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.05));
	}

@media (max-width: 1025px) {

.ui-logo__svg {
			margin: 2.5vh 2.5vh
	}
	}

@media (max-width: 767px) {

.ui-logo__svg {
			width: 11.2rem;
			height: 4.2em
	}
	}

.ui-logo__aar {
		// margin: 2.5vh 5vh;
		position: absolute;
		width: 7rem;
		right: 0.5rem;
		bottom: 2.5vh;
	}

@media (max-width: 1025px) {

.ui-logo__aar {
			right: 0rem
	}
	}

@media (max-width: 767px) {

.ui-logo__aar {
			right: 0.5rem;
			width: 5rem
	}
	}

@media (max-width: 480px) {

.ui-logo__aar {
			display: none
	}
	}

.ui-hamburger {
	position: fixed;
	top: 0;
	right: 0;
	height: 4rem;
	width: 4rem;
	margin: 2.5vh 5vh;
	opacity: 0;
	z-index: 98;
	cursor: pointer;
}

@media (max-width: 1025px) {

.ui-hamburger {
		margin: 2.5vh 2.5vh
}
	}

.ui-hamburger span {
		position: absolute;
		left: 18%;
		right: 18%;
		height: 3px;
		background-color: #231f20;
		border-radius: 2px;
	}

.ui-hamburger span:nth-child(1) {
			top: 30%;
		}

.ui-hamburger span:nth-child(2) {
			top: 50%;
		}

.ui-hamburger span:nth-child(3) {
			top: 70%;
		}

@media (max-width: 1025px) {
	.home-page .ui-mobile-bar {
		background-color: #929393;
	}
	.ui-mobile-bar {
		background-color: #dddddd;
		height: 13vh;
		width: 100%;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 96;
		transition: background-color 0.3s ease-in-out;
	}
	}

.ui-top-right {
	position: fixed;
	top: 0;
	right: 0;
	margin: 5vh;
	letter-spacing: 0em;
	font-size: 0.8125rem;
	-webkit-filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.05));
	        filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.05));
	z-index: 99;
}

/* &:after {
    display: block;
    content: "";
    position: absolute;
    top: -1em;
    left: -1em;
    bottom: -1em;
    right: -1em;
    border-radius: 30%;
    background-color: white;
    filter: blur(5px);
    opacity: 0.3;
  } */

.ui-top-right a {
		z-index: 10;
		margin-left: 2em;
		position: relative;
	}

.ui-bottom-left {
	position: fixed;
	bottom: 0;
	left: 0;
	margin: 2vh 5vh;
	letter-spacing: 0em;
	-webkit-filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.05));
	        filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.05));
	z-index: 99;
	font-size: 0.7rem;
}

.ui-bottom-left span {
		margin-right: 2em;
	}

@media (max-width: 1025px) {

.ui-bottom-left {
		display: none
}
	}

.home-page .ui-bottom-left {
	color: white;
}

.ui-scroll-down {
	height: 8vh;
	width: 8vh;
	text-align: center;
	line-height: 8vh;
	font-size: 3vh;
	background-color: #fff;
	border-radius: 1vh;
	color: #6e6c6c;
	position: fixed;
	bottom: 3vh;
	left: 65vh;
	box-shadow: 4px 4px 3px rgba(0, 0, 0, 0.05);
	opacity: 0;
	visibility: hidden;
	z-index: 99;
	cursor: pointer;
	transition: all 0.05s ease-out;
}

.ui-scroll-down:active {
		box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
		-webkit-transform: translate(1px, 2px);
		        transform: translate(1px, 2px);
	}

.ui-scroll-down:after {
		content: '';
		display: block;
		position: absolute;
		top: 52%;
		left: 50%;
		height: 0;
		width: 0;
		border-top: #6e6c6c 1.3vh solid;
		border-left: transparent 0.8vh solid;
		border-right: transparent 0.8vh solid;
		-webkit-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
		transition: -webkit-transform 0.4s cubic-bezier(0.46, 0.03, 0.52, 0.97) 1s;
		transition: transform 0.4s cubic-bezier(0.46, 0.03, 0.52, 0.97) 1s;
		transition: transform 0.4s cubic-bezier(0.46, 0.03, 0.52, 0.97) 1s, -webkit-transform 0.4s cubic-bezier(0.46, 0.03, 0.52, 0.97) 1s;
		-webkit-transform-origin: 50% 45%;
		        transform-origin: 50% 45%;
	}

.ui-scroll-down.back-to-top:after {
			-webkit-transform: translate(-50%, -50%) rotate(180deg);
			        transform: translate(-50%, -50%) rotate(180deg);
		}

.ui-navigation-holder {
	transition: -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
	transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
	transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
	position: fixed;
	top: 16vh;
	bottom: 6vh;
	z-index: 99;
}

.ui-navigation {
	padding-top: 14vh;
	left: 0;
	margin: 5vh;
	margin-left: 0;
	padding-left: 5vh;
	font-size: 1.388vh;
	display: flex;
	transition: -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
	transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
	transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
	font-weight: 400;
}

@media (max-width: 1025px) {

.ui-navigation {
		font-size: 2.5vh;
		padding-top: 2vh;
		padding-left: 2.5vh
}
	}

.ui-navigation-menu li {
			box-sizing: border-box;
			height: 8vh;
			padding: 4em 1em 0 0.75em;
			border-radius: 0.75em;
			background-color: #fff;
			margin: 0 0.75em 0.75em 0;
			width: 13em;
			cursor: pointer;
			position: relative;
			color: #6e6c6c;
			box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.05);
			transition: all 0.1s ease;
		}

@media (max-width: 1025px) {

.ui-navigation-menu li {
				/* font-size: 2.2vh;
        height: 12vh; */
				height: auto;
				font-size: 1.3rem;
				padding: 4em 1em 0.4em 0.75em
		}
	}

@media (max-width: 767px) {

.ui-navigation-menu li {
				font-size: 1.1rem
		}
	}

.ui-navigation-menu li:after {
				display: block;
				content: '';
				position: absolute;
				right: 1vh;
				top: 1vh;
				width: 1vh;
				height: 1vh;
				background-color: #92d01d;
				border-radius: 50%;
				opacity: 0;
				transition: opacity 0.15s ease-out;
			}

@media (max-width: 1025px) {

.ui-navigation-menu li:after {
					right: 1.5vh;
					top: 1.5vh;
					width: 1.5vh;
					height: 1.5vh
			}
	}

.ui-navigation-menu li.active-nav {
				background: #231f20;
				color: white;
			}

.ui-navigation-menu li.active-nav:after {
					opacity: 1;
				}

.ui-navigation-menu li.half-width {
				width: 6em;
			}

.ui-navigation-menu li:hover {
				background-color: #231f20;
				color: white;
			}

@media (max-width: 1367px) {

.ui-navigation-menu li:hover {
					background-color: #fff;
					color: #6e6c6c
			}
	}

.ui-navigation-sub-menu {
		margin-left: 5px;
	}

@media (max-width: 1025px) {

.ui-navigation-sub-menu {
			display: none;

			visibility: hidden
	}
	}

.ui-navigation-sub-menu ul {
			display: none;
		}

.ui-navigation-sub-menu ul.active {
				display: block;
			}

.ui-navigation-sub-menu li {
			box-sizing: border-box;
			height: 8vh;
			padding: 2.7em 1.4em 0em 0.75em;
			border-radius: 0.75em;
			background-color: #231f20;
			color: white;
			margin: 0 0.75em 0.75em 0;
			min-width: 7em;
			display: inline-block;
			margin-left: -4px;
			cursor: pointer;
			position: relative;
			box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.05);
			/* &:hover:after {
                  opacity: 1;

          @mixin at1367{
            opacity: 0;
            &.active-nav{
                opacity:1;
            }
          }
      } */
		}

.ui-navigation-sub-menu li.medium {
				min-width: 10em;
			}

.ui-navigation-sub-menu li:after {
				display: block;
				content: '';
				position: absolute;
				right: 1vh;
				top: 1vh;
				width: 1vh;
				height: 1vh;
				background-color: #92d01d;
				border-radius: 50%;
				opacity: 0;
				transition: opacity 0.15s ease-out;
			}

.ui-navigation-sub-menu li.active-nav:after {
					opacity: 1;
				}

/* BreakpointHandler.js */

// layout

.ui-navigation {
  transition: -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.page-content {
  margin-left: 0vh;
  transition: margin-left 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.ui-logo {
  transition: -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.ui-hamburger {
  transition: opacity 0.25s ease-out 0s;
}

@media (max-width: 1367px) {
    
    .wwd-section .section-icon-container {
      float: none;
      position: relative;
      width: calc(100vw - 5vh);
      /* height: calc(100vw - 5vh); */
      padding: 0 1em;
      margin-bottom: 4rem;
    }
      .wwd-section .section-icon-container svg {
        height: auto;
        width: auto;
        position: relative;
        top: 0;
        left: 0;
        -webkit-transform: none;
                transform: none;
        padding: 0.5em;
        width: 100%;
        max-width: 380px;
        margin:0 auto;
        display: block;
      }
        .wwd-section .section-icon-container svg.wwd-icon--1 {
          -webkit-transform: rotate(-20deg);
                  transform: rotate(-20deg);
        }
    .wwd-section .section-text-container {
      float: none;
      height: auto;
      width: calc(100vw - 5vh);
    }

      .wwd-section .section-text-container .section-text {
        position: relative;
        top: 0;
        padding: 0 1em;
      }
        .wwd-section .section-text-container .section-text h3.section-title {
          font-size: 1.4em;
        }
          .wwd-section .section-text-container .section-text h3.section-title br {
            display: none;
          }
	}

/* hidden nav */

body.hidden-nav .ui-navigation-holder {
    pointer-events: none;
  }

body.hidden-nav .ui-navigation {
    -webkit-transform: translateX(-60vh);
            transform: translateX(-60vh);
  }

@media (max-width: 1025px) {

body.hidden-nav .ui-navigation {
      -webkit-transform: translateX(-100vw);
              transform: translateX(-100vw)
  }
	}

body.hidden-nav .page-content {
    margin-left: 0vh;
  }

body.hidden-nav .ui-scroll-down {
    bottom: 6vh;
    left: inherit;
    left: 5vh;
  }

@media (max-width: 1025px) {

body.hidden-nav .ui-scroll-down {
      left: 2.5vh
  }
	}

body.hidden-nav .ui-hamburger {
    opacity: 1;
  }

body.hidden-nav .section-icon-container {
    width: calc((100vw - 10vh) / 2);
  }

@media (max-width: 1367px) {
    body.hidden-nav .section-icon-container {
      float: none;
      position: relative;
      width: calc(100vw - 5vh);
      /* height: calc(100vw - 5vh); */
      padding: 0 1em;
      margin-bottom: 4rem;
    }
      
      body.hidden-nav .section-icon-container svg {
        height: auto;
        width: auto;
        position: relative;
        top: 0;
        left: 0;
        -webkit-transform: none;
                transform: none;
        padding: 0.5em;
        width: 100%;
        max-width: 380px;
        margin:0 auto;
        display: block;
            margin-right: auto;
    margin-left: 0;
      }
        body.hidden-nav .section-icon-container svg.wwd-icon--1 {
          -webkit-transform: rotate(-20deg);
                  transform: rotate(-20deg);
        }
    body.hidden-nav .section-text-container {
      float: none;
      height: auto;
      width: calc(100vw - 5vh);
    }

      body.hidden-nav .section-text-container .section-text {
        position: relative;
        top: 0;
        padding: 0 1em;
            margin-right: auto;
    margin-left: 0;
    max-width:80%;
      }
    @media (max-width: 767px) {

      body.hidden-nav .section-text-container .section-text {
            max-width:100%
      }
	}
        body.hidden-nav .section-text-container .section-text h3.section-title {
          font-size: 1.4em;
        }
          body.hidden-nav .section-text-container .section-text h3.section-title br {
            display: none;
          }
	}

/* hidden nav homepage fixed */

/* .ui-navigation {
    transform: translateX(0vh);
  } */

body.home-page.hidden-nav .page-content {
    margin-left: 0vh;
  }

body.home-page.hidden-nav .ui-logo {
    -webkit-transform: translateX(0) translateY(0);
            transform: translateX(0) translateY(0);
  }

body.home-page.hidden-nav .ui-hamburger {
    opacity: 1;
  }

body.home-page.hidden-nav .ui-navigation-holder {
    pointer-events: initial;
  }

/* END hidden nav */

/* activating nav */

body.hidden-nav.active-nav .translateX60vh {
    -webkit-transform: translateX(60vh);
            transform: translateX(60vh);
  }

@media (max-width: 1025px) {

body.hidden-nav.active-nav .translateX60vh {
      -webkit-transform: translateX(100vw);
              transform: translateX(100vw)
  }
	}

body.hidden-nav.active-nav .ui-navigation-holder {
    pointer-events: initial;
  }

.ui-navigation-holder {
  transition: -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.page-content {
  transition: -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.ui-scroll-down {
  transition: -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.section-icon-container {
  transition: -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.screen-holder {
  transition: -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.wws-section-inner {
  transition: -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.wwd-section.hero {
  transition: -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.#home-video {
  transition: -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.homepage-title-text {
  transition: -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

body.hidden-nav.active-nav .homepage-title-text.translateX60vh {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

@media (max-width: 1025px) {
  body.hidden-nav.active-nav .homepage-title-text.translateX60vh {
    -webkit-transform: translateX(100vw);
            transform: translateX(100vw);
  }
	}

.wwd-section.hero {
  transition: -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

/* fix for what-we-do specific element */

body.hidden-nav.active-nav .section-text.translateX60vh {
  -webkit-transform: translateX(60vh) translateY(0);
          transform: translateX(60vh) translateY(0);
}

@media (max-width: 1025px) {

body.hidden-nav.active-nav .section-text.translateX60vh {
    -webkit-transform: translateX(100vw) translateY(0);
            transform: translateX(100vw) translateY(0)
}
	}

.section-text {
  transition: -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

/*  */

.contact-hand-holder {
  transition: -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

body.hidden-nav.active-nav .contact-hand-holder {
  -webkit-transform: translate(calc(-50% + 60vh), -50%);
          transform: translate(calc(-50% + 60vh), -50%);
}

@media (max-width: 1025px) {

body.hidden-nav.active-nav .contact-hand-holder {
    -webkit-transform: translate(100vw, 0);
            transform: translate(100vw, 0)
}
	}

/* .wwd-icon {
}
body.hidden-nav.active-nav {
  .wwd-icon {
    &:nth-child(1) {
      transform: translateY(100vh) translateX(-50%);
    }
    &:nth-child(2) {
      top: 235vh;
    }
    &:nth-child(3) {
      top: 335vh;
    }
    &:nth-child(4) {
      top: 435vh;
    }
    &:nth-child(5) {
      top: 535vh;
    }
    &:nth-child(6) {
      top: 635vh;
    }
  }
} */

/* pages */

body.home-page {
	background-color: #929393;
}

body.home-page .ui-hamburger {
		display: none;
	}

@media (max-width: 1025px) {

body.home-page .ui-hamburger {
			display: block
	}
	}

body.home-page .ui-navigation {
		-webkit-transform: translateX(0vh);
		        transform: translateX(0vh);
	}

@media (max-width: 1025px) {

body.home-page .ui-navigation {
			-webkit-transform: translateX(-100vw);
			        transform: translateX(-100vw)
	}
	}

.homepage-title-text {
	color: white;
	position: absolute;
	top: calc(6rem + 5vh);
	left: 5vh;
	font-size: 1vh;
	-webkit-filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.05));
	        filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.05));
}

.homepage-title-text h1 {
		font-size: 5em;
		margin-bottom: 0;
		margin-top: 0;
		letter-spacing: -0.02em;
	}

.homepage-title-text h1 .mobile-vis {
			display: none;
		}

.homepage-title-text h3 {
		font-size: 1.825em;
		font-weight: 400;
	}

.homepage-title-text .mobile-footer {
		display: none;
	}

@media (max-width: 1025px) {
	.homepage-title-text {
		position: absolute;
		top: 0;
		right: 2.5vh;
		left: 2.5vh;
		max-width: calc(100vw - 5vh);
		padding-bottom: 4rem;
		min-height: 100%;

		display: flex;
		flex-direction: column;
	}

		.homepage-title-text h1 {
			margin-top: 13vh;
			position: relative;
			font-size: 5.6vw;
			font-weight: 700;
		}
			.homepage-title-text h1 .mobile-hidden {
				display: none;
			}
			.homepage-title-text h1 .mobile-vis {
				display: block;
			}
		.homepage-title-text h3 {
			position: relative;
			margin-top: 0.5em;
			margin-bottom: 1em;
			font-size: 3vw;
			font-weight: 300;
		}
		.homepage-title-text .mobile-video-holder {
			flex-grow: 1;
			display: flex;
			justify-content: center;
			align-items: center;
		}
			.homepage-title-text .mobile-video-holder .mobile-video-container {
				width: 100%;
			}
		.homepage-title-text .mobile-footer {
			display: block;
			position: absolute;
			/* margin-top: 3em;
      margin-bottom: 1em; */
			font-size: 0.7rem;
			bottom: 2em;
		}
	}

.home-video {
	width: 100vw;
	height: 100vh;
	-o-object-fit: cover;
	   object-fit: cover;
	display: block;
}

.full-vid {
	display: block;
}

.small-vid {
	display: none;
}

.ipad-frame {
	display: none;
}

@media (max-width: 1025px) {
	.home-video {
		display: block;
		height: auto;
		min-height: 42vh;
		/* margin-bottom: 8vh; */
		position: relative;
		left: -2.5vh;
	}

	.full-vid {
		display: none;
	}

	.mobile-video-container {
		position: relative;
	}

		.mobile-video-container .ipad-frame {
			width: 100%;
			display: block;
		}

		.mobile-video-container .small-vid {
			display: block;
			position: absolute;
			top: 5.1%;
			left: 5%;
			width: 90.3%;
			z-index: -1;
			-o-object-fit: cover;
			   object-fit: cover;
			min-height: 0;
			height: 88%;
		}
	}

/* video source {
  width: 100%;
  height: auto;
} */

.wwd-section {
  height: 100vh;

  
}

.wwd-section.hero {
    margin: 0;
    height: 100vh;
  }

@media (max-width: 1367px) {

.wwd-section {
    height: auto;
    margin: 6em 0 6em 0

  
}
	}

@media (max-width: 1025px) {
    .wwd-section.hero {
        min-height: 100vh;
        display: flex;
        margin-top: 0;
        flex-direction: column;
        justify-content: center;
      }

        .wwd-section.hero .title-buttons-container{
            padding-top: 0;
        }
  
        .wwd-section.hero h1.page-title{
            margin-top: 0.2em;
        }
	}

@media (max-width: 767px) {
        
        .wwd-section.hero h1.page-title{
            margin-top: 0.6em;
        }
	}

.wwd-section .section-icon-container {
    width: 50%;
    float: left;
    height: 100%;
    position: relative;
    padding: 0 1em 0 1em;
    pointer-events: none;

    position: fixed;
    top: 0;
    width: calc((100vw - 70vh) / 2);
  }

.wwd-section .section-icon-container svg {
      height: 35vh;
      position: absolute;
      top: 35vh;
      left: 50%;
      max-width: 100%;
      max-height: 60vh;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      padding-right: 2em;
    }

.wwd-section .section-icon-container .wwd-icon--1 {
      -webkit-transform: translateX(-50%) rotate(-20deg);
              transform: translateX(-50%) rotate(-20deg);
    }

.wwd-section .section-icon-container.smtest {
    }

.wwd-section .section-icon-container .wwd-icon rect.icon-pixel {
      opacity: 0;
    }

@media (max-width: 1367px) {
      .wwd-section .section-icon-container .wwd-icon rect.icon-pixel {
        opacity: 1;
      }
	}

.wwd-section .section-icon-container .icon-visible rect.icon-pixel {
      opacity: 1;
    }

.wwd-section .section-text-container {
    height: 100%;
    width: 50%;
    float: right;
    position: relative;
  }

.wwd-section .section-text-container .section-text {
      position: absolute;
      top: 34.6vh;
      max-width: 29em;
      padding: 0 1em 0 2em;
      margin: 0 auto;
    }

.wwd-section .section-text-container .section-text h3.section-title {
        font-size: 2em;
        color: #525050;
      }

.wwd-section .section-text-container .section-text p.section-description {
        margin-top: 1.6em;
        line-height: 1.33;
        color: #525050;
      }

.icon-holder {
  width: calc(100vw - 65vh - 30em);
  min-height: 33vh;
  position: absolute;
  top: 150vh;
  left: 55vh;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  padding: 0 1em;
}

@media (max-width: 1367px) {
    
    .wwd-section .section-icon-container {
      float: none;
      position: relative;
      width: 100%;
      /* height: calc(100vw - 5vh); */
      padding: 0 1em;
      margin-bottom: 4rem;
    }
      .wwd-section .section-icon-container svg {
        height: auto;
        width: auto;
        position: relative;
        top: 0;
        left: 0;
        -webkit-transform: none;
                transform: none;
        padding: 0.5em;
        width: 100%;
        max-width: 380px;
        margin:0 auto;
        display: block;
      }
        
        .wwd-section .section-icon-container svg.wwd-icon--1 {
          -webkit-transform: rotate(-20deg);
                  transform: rotate(-20deg);
        }
    .wwd-section .section-text-container {
      float: none;
      height: auto;
      width: 100%;
    }

      .wwd-section .section-text-container .section-text {
        position: relative;
        top: 0;
        padding: 0 1em;
      }
        .wwd-section .section-text-container .section-text h3.section-title {
          font-size: 1.4em;
        }
          .wwd-section .section-text-container .section-text h3.section-title br {
            display: none;
          }
	}

.wws-section-inner {
  padding-left: 8%;
  margin-left: 8%;
  max-width: 70%;
}

@media (max-width: 1025px) {

.wws-section-inner {
    padding-left: 1em;
    /* margin-left: 0; */
    max-width: 100%
}
	}

.wws-section-inner--first {
    margin-top: 35vh;
    padding-top: 5vh;
  }

@media (max-width: 1025px) {

.wws-section-inner--first {
      margin-top: 20vh
  }
        .wws-section-inner--first h2 {
        margin-top: 1em;
      }
	}

@media (max-width: 767px) {

.wws-section-inner--first {
        margin-top: 0
  }
	}

.wws-section-inner--last {
    margin-bottom: 10em;
  }

.wws-section-inner h2 {
    font-size: 5.5vw;
    padding-left: 1.5em;
    position: relative;
    color: #525050;
  }

@media (max-width: 1025px) {

.wws-section-inner h2 {
      padding-left: 3em;
      line-height: 2.4em
  }
	}

.wws-section-inner h2 span {
      position: absolute;
      left: 0;
      bottom: 0;
      background-color: black;
      color: white;
      width: 2.4em;
      height: 2.4em;
      display: inline-block;
      border-radius: 50%;
      font-size: 0.5em;
      text-align: center;
      line-height: 2.4;
      font-weight: lighter;
      letter-spacing: -1px;
      margin-right: 0.5em;
    }

@media (max-width: 1025px) {

.wws-section-inner h2 span {
        width: 2.4em;
        height: 2.4em;
        font-size: 1em
    }
	}

.wws-section-inner p {
    max-width: 42em;
    margin-top: 1.6em;
    margin-bottom: 3em;
    padding-left: calc(2.75vw * 3.07);
  }

@media (max-width: 1025px) {

.wws-section-inner p {
      padding-left: 0
  }
	}

.screen-holder {
  position: relative;
  top: 18vh;
  z-index: 10;
  pointer-events: none;
}

.screen-holder.fixed-screen {
    position: fixed;
    top: 18vh;
  }

@media (max-width: 1023px) {
  .screen-holder {
    left: -0.2vh;
    top: 0;
    
  }

    .screen-holder.fixed-screen {
      top: 18vh;
      left: 2.3vh;
    }
}

/* 
@mixin at1024 {
  .screen-holder {
    left: -0.2vh;
    top: 0;

    &.fixed-screen {
      top: 18vh;
      left: 2.3vh;
    }
    
  }
} */

.wws-screen-blocker {
  position: absolute;
  top: -35vh;
  left: 0;
  content: "";
  display: block;
  width: 100vw;
  height: 37vh;
  background-color: #dddddd;
  z-index: -1;
}

@media (max-width: 767px) {

.wws-screen-blocker {
    top: -18vh;
    height: 20vh
}
	}

.wws-screen {
  width: 140vw;
  max-width: none;
  position: absolute;
  background-image: url(../images/screen-min.png);
  background-position: top left;
  background-repeat: no-repeat;
  background-size: contain;
  height: 140vh;
  z-index: 10;
}

@media (max-width: 1025px) {

.wws-screen {
    width: 200vw
}
	}

.contact-hand-holder {
  position: fixed;
  left: 49%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media (max-width: 1025px) {

.contact-hand-holder {
    position: initial;
    left: 0;
    top: 0;
    -webkit-transform: initial;
            transform: initial
}
	}

.contact-hand-holder img.contact-hand {
    width: 3887px;
    max-width: none;
  }

@media (max-width: 1025px) {
    .contact-hand-holder img.contact-hand {
      display: none;
    }
    .contact-hand-holder .contact-hand {
      opacity: 0;
    }
	}

.mobile-screen {
  width: 296px;
  height: 527px;
  background-image: url(../images/mobile-screen-min.png);
  position: absolute;
  left: 1800px;
  top: 510px;
}

@media (max-width: 1025px) {

.mobile-screen {
    font-size: 1.4em;
    width: 100vw;
    height: 527px;
    left: initial;
    height: 100%;
    position: relative;
    top: 0;
    bottom: 0;
    background-image: none;
    background-color: white
}

    .mobile-screen .mobile-screen-content {
      font-weight: normal;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
    }

    .mobile-screen .mobile-screen-content-top {
      position: relative;
      height: 45vh;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
    }
      .mobile-screen .mobile-screen-content-top .top-content {
        bottom: 2em;
        position: absolute;
        width: 100%;
      }
    .mobile-screen .mobile-screen-content-bottom {
      position: initial;
      min-height: 55vh;
    }
	}

.mobile-screen-content {
    opacity: 1;
    position: absolute;
    top: 46px;
    left: 0;
    right: 0;
    bottom: 35px;
    background-color: #fbfaff;
    font-size: 0.85em;
    font-weight: bold;
    letter-spacing: 0em;
  }

.mobile-screen-content-top {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 275px;
    }

.mobile-screen-content-top .top-content {
        margin: 0 auto;
        margin-top: 4em;
        text-align: center;
        width: 10em;
      }

.mobile-screen-content-top .top-content .title {
          font-size: 1.4em;
        }

.mobile-screen-content-top .top-content .tagline {
          font-size: 0.8em;
          color: #6e6c6c;
        }

.mobile-screen-content-top .top-content .button {
          display: inline-block;
          margin: 0.9em 0.9em;
          width: 2.4em;
          height: 2.4em;
          border-radius: 50%;
          background-color: #3478f6;
          position: relative;

          background-position: center;
          background-repeat: no-repeat;
        }

.mobile-screen-content-top .top-content .button:after {
            display: block;
            position: absolute;
            content: "";
            top: 120%;
            width: 100%;
            text-align: center;
            color: #3478f6;
            font-size: 0.8em;
          }

.mobile-screen-content-top .top-content .button--call {
            background-size: 50%;
            background-image: url(../images/phone-icon.svg);
          }

.mobile-screen-content-top .top-content .button--call:after {
              content: "call";
            }

.mobile-screen-content-top .top-content .button--email {
            background-size: 65%;
            background-image: url(../images/email-icon.svg);
          }

.mobile-screen-content-top .top-content .button--email:after {
              content: "email";
            }

.mobile-screen-content-bottom {
      position: absolute;
      top: 171px;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: #fff;
    }

.mobile-screen-content-bottom .info-item {
        border-bottom: #f0f0f1 1px solid;
        padding: 0.5em 0.6em;
      }

@media (max-width: 1025px) {

.mobile-screen-content-bottom .info-item {
          padding: 1em 1.2em
      }
	}

.mobile-screen-content-bottom .info-item:nth-child(1) {
          border-top: #f0f0f1 1px solid;
        }

@media (max-width: 1025px) {

.mobile-screen-content-bottom .info-item span.title {
            font-size: 0.8em
        }
	}

.mobile-screen-content-bottom .info-item span.link {
          display: block;
          color: #3478f6;
        }

.mobile-screen-content-bottom .address {
        padding: 2.5em 0.6em 0.6em 0.6em;
      }

@media (max-width: 1025px) {

.mobile-screen-content-bottom .address {
          font-size: 0.8em;
          padding: 1em 1.2em
      }
	}

.main-container .promotion-content {
  margin-left: 30vh;
  display: flex;
  color: #525050;
}

@media (max-width: 1025px) {

.main-container .promotion-content {
    flex-direction: column
}
	}

.container-660 {
  max-width: 660px;
  margin: 0 auto;
}

.promotion-main-content {
  width: 50%;
  padding-right: 5em;
  padding-bottom: 5em;
}

/* max-width: 660px; */

@media (max-width: 1025px) {

.promotion-main-content {
    width: 100%;
    padding-right: 0
}
	}

.promotion-main-content .promotion-heading {
    padding-top: 15vh;
    margin-bottom: 4vh;
    margin-left: auto;
    margin-right: auto;
  }

@media (max-width: 1025px) {

.promotion-main-content .promotion-heading {
      margin-bottom: 1rem
  }
	}

.promotion-main-content .promotion-subheading {
    font-size: 1.2rem;
    margin-bottom: 2rem;
    color: #525050;
  }

.promotion-main-content p {
    /* font-size: 1.25rem; */
    font-weight: 300;
    margin: 1.2em 0;
  }

.mobile-promotion-images {
  display: none;
}

@media (max-width: 1025px) {

.mobile-promotion-images {
    margin-top: 2rem;
    display: flex;
    justify-content: space-around;
    align-items: flex-end
}
    .mobile-promotion-images img {
    }
	}

.mobile-promotion-images .mobile-promotion-image--1 {
      width: 45%;
    }

.mobile-promotion-images .mobile-promotion-image--2 {
      width: 45%;
      margin-bottom: 0.6rem;
      margin-right: 0.5rem;
    }

.promotion-form {
  margin-top: 3em;
  display: flex;
  flex-wrap: wrap;
}

.promotion-form input {
    border-radius: 9999px;
    width: 100%;
    border: none;
    padding: 1em 2em;
    margin-bottom: 1.6em;
    color: #525050;
  }

@media (max-width: 1025px) {

.promotion-form input {
      font-size: 1rem;
      margin-bottom: 1.2em;
      padding: 0.6em 1.2em
  }
	}

.promotion-form input:focus {
      outline: none;
    }

.promotion-form input.error {
      border: 1px solid #f44336;
    }

.promotion-form .first-name-input {
    width: 50%;
    padding-right: 0.8em;
  }

@media (max-width: 1025px) {

.promotion-form .first-name-input {
      width: 100%;
      padding: 0
  }
	}

.promotion-form .last-name-input {
    width: 50%;
    padding-left: 0.8em;
  }

@media (max-width: 1025px) {

.promotion-form .last-name-input {
      width: 100%;
      padding: 0
  }
	}

.promotion-form .company-input {
    width: 100%;
  }

.promotion-form .email-input {
    width: 100%;
    margin-bottom: 0.2rem;
  }

.promotion-form .checkbox-line-container {
    width: 100%;
    display: flex;
    margin-bottom: 1.6rem;
    justify-content: space-between;
    align-items: center;
  }

@media (max-width: 1025px) {

.promotion-form .checkbox-line-container {
      flex-wrap: wrap
  }
	}

@media (max-width: 1025px) {

.promotion-form .checkbox-line-container .checkbox-text {
        margin-top: 0.8rem;
        width: 18em;
        margin-left: 1.5rem
    }
	}

.promotion-form .checkbox-line-container .checkboxes-container {
      display: flex;
    }

@media (max-width: 1025px) {

.promotion-form .checkbox-line-container .checkboxes-container {
        margin-top: 0.8rem
    }
	}

.promotion-form .checkbox-line-container .checkbox-container {
      display: flex;
      align-items: center;
      margin-left: 1.5rem;
    }

.promotion-form .checkbox-line-container .checkbox {
      background-color: #fff;
      height: 2.4rem;
      width: 2.4rem;
      border-radius: 100%;
      margin-left: 1.5rem;
      position: relative;
    }

.promotion-form .checkbox-line-container .checkbox.checked::after {
          content: "";
          position: absolute;
          display: block;
          width: 40%;
          height: 40%;
          background-color: #000;
          border-radius: 9999px;
          top: 30%;
          left: 30%;
        }

.promotion-form .checkbox-line-container.error .checkbox {
        border: 1px solid #f44336;
      }

.promotion-form-submit {
    border-radius: 9999px;
    width: 100%;
    border: none;
    padding: 1em;
    text-align: center;
    background-color: #000000;
    color: white;
    margin: 0.5em 0;
  }

@media (max-width: 1025px) {

.promotion-form-submit {
      font-size: 1rem;
      margin-bottom: 1.2em;
      padding: 0.6em 1.2em
  }
	}

.promotion-form .mobile-prize-brands {
    display: none;
  }

@media (max-width: 1025px) {

.promotion-form .mobile-prize-brands {
      display: block
  }
	}

.promotion-terms {
  font-size: 0.75rem;
  cursor: pointer;
}

.promotion-prizes {
  width: 50%;
  margin-left: 4rem;
  z-index: 100;
}

@media (max-width: 1025px) {

.promotion-prizes {
    display: none
}
	}

.promotion-prizes-content {
    position: fixed;
    padding: 120px 40px 60px 113px;
    /* width: 50%; */
    margin-top: 15vh;
    height: 85vh;
    display: flex;
    flex-direction: column;
  }

.promotion-prizes .promotion-screen {
    background-size: 1320px;
  }

.promotion-prizes .prize-container {
    display: flex;
    align-items: center;
    margin: 2vh 0;
    /* height: 15vh; */
    /* flex: 1 0 auto; */
    flex-shrink: 1;
  }

.promotion-prizes .prize-container__image {
      max-height: 100%;
      max-width: 50%;
      -o-object-fit: contain;
         object-fit: contain;
      -o-object-position: center;
         object-position: center;
    }

.promotion-prizes .prize-container__text {
      margin-left: 4rem;
      margin-bottom: 2rem;
      color: #525050;
    }

.promotion-prizes .prize-brands {
    border-top: 1px solid black;
    margin-top: 3rem;
  }

.promotion-thanks-overlay {
  display: flex;
  justify-content: space-around;
  align-items: center;
  text-align: center;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.79);
  visibility: hidden;
  opacity: 0;
}

.promotion-thanks-modal {
  background-color: #eee;
  color: #000;
  padding: 4rem 2rem;
  width: 40em;
  max-width: 100%;
  position: relative;
  max-height: 90%;
  overflow: auto;
}

.promotion-thanks-modal h1 {
    margin: 0;
    font-weight: bold;
    font-size: 4.6rem;
    letter-spacing: -0.04em;
  }

.promotion-thanks-modal p {
    max-width: 20em;
    font-size: 1.2rem;
    margin-top: 0.6em;
    margin-bottom: 1.8em;
    margin-left: auto;
    margin-right: auto;
  }

.promotion-thanks-modal .modal-logo {
    width: 6.6rem;
  }

.promotion-thanks-modal .modal-close-btn {
    position: absolute;
    right: 1.4rem;
    top: 1.4rem;
    width: 1.4rem;
    height: 1.4rem;
    cursor: pointer;
  }

.promotion-terms-overlay {
  display: flex;
  justify-content: space-around;
  align-items: center;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.79);
  visibility: hidden;
  opacity: 0;
}

.promotion-terms-modal {
  background-color: #eee;
  color: #000;
  padding: 4rem 4rem;
  width: 60em;
  max-width: 100%;
  position: relative;
  max-height: 90%;
  overflow: auto;
}

@media (max-width: 767px) {

.promotion-terms-modal {
    padding: 2rem
}
	}

.promotion-terms-modal h1 {
    margin: 0 0 0.4em 0;
    font-weight: bold;
    font-size: 2.4rem;
    letter-spacing: -0.04em;
  }

.promotion-terms-modal p {
    font-size: 1rem;
    margin-top: 0.6em;
    margin-bottom: 1.8em;
    margin-left: auto;
    margin-right: auto;
  }

.promotion-terms-modal .modal-logo {
    width: 6.6rem;
  }

.promotion-terms-modal .modal-close-btn {
    position: absolute;
    right: 1.4rem;
    top: 1.4rem;
    width: 1.4rem;
    height: 1.4rem;
    cursor: pointer;
  }

.award-badge {
	position: fixed;
	top: 1rem;
	right: 1rem;
	width: 6.8rem;
	z-index: 99;
}

@media (max-width: 1687px) {

.award-badge {
		right: 10rem
}
	}

@media (max-width: 1025px) {

.award-badge {
		right: 8rem
}
	}

@media (max-width: 480px) {

.award-badge {
		right: 7rem;
		width: 4rem
}
	}