/* normalize.css */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:0.67em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}pre{white-space:pre-wrap;}q{quotes:"\201C" "\201D" "\2018" "\2019";}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}


* {
-webkit-backface-visibility: hidden;
-webkit-perspective: 0;
-webkit-tap-highlight-color: rgba(255,255,255,0.3);
}

::selection {
	background: #eeeb00; /* Safari */
	color:#000;
	}
::-moz-selection {
	background: #eeeb00; /* Firefox */
	color:#000;
}

body{
	margin:0;
	background:#111;
	font-family: "brandon-grotesque";
}



.logo{
	position: absolute;
	top:45px;
	z-index: 100000;
	left: 50px;
}

.video-container{
	position: relative;
	min-width:100%;
	height:100%;
	overflow: hidden;

}



.faded { display: none; }

video{
	position:fixed;
	right:0;
	bottom:0;
	min-width:100%;
	min-height:100%;
	width:auto;
	height:auto;
	z-index:-100;
	background:url('/assets/images/polina.jpg') no-repeat;
	background-size:cover;
}

.hero .text {
position: absolute;
top: auto;
bottom: 40px;
left: 50px;
right: 80px;
width: 75%;
max-width: 550px;
z-index: 100;
color:#fff;
font-family: "brandon-grotesque";
}

h1 {
font-size: 48px;
/*letter-spacing: 0.015em;*/
line-height: 1.2em;
font-weight: 600;
text-transform: uppercase;

margin-bottom: 0.42em;
}

p{
	font-family: "open-sans", arial, sans-serif;
	line-height: 28px;
	font-size: 17px;
	margin-bottom: 1.5em;
	color:#444;
}

.hero .text p{
	font-size: 24px;
line-height: 1.45em;
margin-bottom: 1em;
font-weight: 400;

}

.hero .text p a.btn{
	padding: 7px 27px;
border: 1px solid rgba(255,255,255,0.5);
background: rgba(255,255,255,0.1);
color: #fff;
font-weight: 600;
text-transform: uppercase;
text-decoration: none;
font-size: 15px;
border-radius: 3px;
display: inline-block;
margin-top: 10px;
-webkit-transition: all 0.2s;
	transition: all 0.2s;
	margin-right: 10px;
}

.hero .text p a.btn:hover{
	border: 1px solid rgba(255,255,255,1);
	background: #fff;
	color:#111;
}

.hero .text p a.cta{
	background: #111;
	color:#fff;
	border:1px solid #111;
}

.hero .text p a.cta:hover{
	background: #000;
	color:#fff;	
	border:1px solid #000;
}

.video-overlay{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	/*background: url(../img/gridtile.png);*/
	background: rgba(0,0,0,0.2);
	z-index: 1;
}



/* Overlay style */
.overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(231,43,31,0.85);
	z-index: 21;
}

/* Overlay closing cross */
.overlay .overlay-close {
	width: 80px;
	height: 80px;
	position: absolute;
	right: 20px;
	top: 20px;
	overflow: hidden;
	border: none;
	background: url(../img/cross.png) no-repeat center center;
	text-indent: 200%;
	color: transparent;
	outline: none;
	z-index: 100;
}

/* Menu style */
.overlay nav {
	text-align: center;
	position: relative;
	top: 50%;
	height: 60%;
	font-size: 54px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.overlay ul {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	display: inline-block;
	height: 100%;
	position: relative;
	
}

.overlay ul li {
	display: block;
	height: 20%;
	height: calc(100% / 5);
	min-height: 54px;
}

.overlay ul li a {
	
	display: block;
	color: #fff;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
	text-decoration: none;
}

.overlay ul li a:hover,
.overlay ul li a:focus {
	color: #f6c0bc;
}

.overlay-menu {
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 0.5s, visibility 0s 0.5s;
	transition: opacity 0.5s, visibility 0s 0.5s;
}

.overlay-menu.open {
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

.overlay-menu nav {
	-webkit-perspective: 1200px;
	perspective: 1200px;
}

.overlay-menu nav ul {
	opacity: 0.4;
	-webkit-transform: translateY(-25%) rotateX(35deg);
	transform: translateY(-25%) rotateX(35deg);
	-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
	transition: transform 0.5s, opacity 0.5s;
}

.overlay-menu.open nav ul {
	opacity: 1;
	-webkit-transform: rotateX(0deg);
	transform: rotateX(0deg);
}

.overlay-menu.close nav ul {
	-webkit-transform: translateY(25%) rotateX(-35deg);
	transform: translateY(25%) rotateX(-35deg);
}

@media screen and (max-height: 30.5em) {
	.overlay nav {
		height: 70%;
		font-size: 34px;
	}
	.overlay ul li {
		min-height: 34px;
	}
}










body {
	overflow: hidden;
}

/* Preloader */

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

#status {
    width:200px;
    height:200px;
    position:absolute;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:50%; /* centers the loading animation vertically one the screen */
    background-image:url(../img/status.gif); /* path to your loading animation */
    background-repeat:no-repeat;
    background-position:center;
    margin:-100px 0 0 -100px; /* is width and height divided by two */
}





#status ul {
  position: absolute;
  margin: auto;
  padding: 0;
  top: 0; left: 0; bottom: 0; right: 0;
  width: 50px;
  height: 50px;
  list-style: none;
}

#status li {
  position: absolute;
  margin: auto;
  padding: 0;
  top: 0; left: 0; bottom: 0; right: 0;
  width: 0;
  height: 0;
  background: #e72b1f;
  border-radius: 10px;
  opacity: 0;  
}

#status li:nth-child(1) {
  opacity: 1;
  width: 10px;
  height: 10px;
}

#status li:nth-child(2) { 
  animation:         circleround2 1.6s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite;
  -o-animation:      circleround2 1.6s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite;
  -ms-animation:     circleround2 1.6s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite;
  -moz-animation:    circleround2 1.6s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite;
  -webkit-animation: circleround2 1.6s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite;
}

@keyframes         circleround2 { 25%,75% { top: -100%; left: 0; width: 10px; height: 10px; opacity: 1;} }
@-o-keyframes      circleround2 { 25%,75% { top: -100%; left: 0; width: 10px; height: 10px; opacity: 1;} }
@-moz-keyframes    circleround2 { 25%,75% { top: -100%; left: 0; width: 10px; height: 10px; opacity: 1;} }
@-webkit-keyframes circleround2 { 25%,75% { top: -100%; left: 0; width: 10px; height: 10px; opacity: 1;} }

#status li:nth-child(3) {
  animation:         circleround3 1.6s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite;
  -o-animation:      circleround3 1.6s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite;
  -ms-animation:     circleround3 1.6s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite;
  -moz-animation:    circleround3 1.6s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite;
  -webkit-animation: circleround3 1.6s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite;
  animation-delay:         0.1s;
  -o-animation-delay:      0.1s;
  -ms-animation-delay:     0.1s;
  -moz-animation-delay:    0.1s;
  -webkit-animation-delay: 0.1s;
}

@keyframes         circleround3 { 25%,75% { top: -70%; left: 70%; width: 10px; height: 10px; opacity: 1;} }
@-o-keyframes      circleround3 { 25%,75% { top: -70%; left: 70%; width: 10px; height: 10px; opacity: 1;} }
@-moz-keyframes    circleround3 { 25%,75% { top: -70%; left: 70%; width: 10px; height: 10px; opacity: 1;} }
@-webkit-keyframes circleround3 { 25%,75% { top: -70%; left: 70%; width: 10px; height: 10px; opacity: 1;} }

#status li:nth-child(4) {
  animation:         circleround4 1.6s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite;
  -o-animation:      circleround4 1.6s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite;
  -ms-animation:     circleround4 1.6s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite;
  -moz-animation:    circleround4 1.6s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite;
  -webkit-animation: circleround4 1.6s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite;
  animation-delay:         0.2s;
  -o-animation-delay:      0.2s;
  -ms-animation-delay:     0.2s;
  -moz-animation-delay:    0.2s;
  -webkit-animation-delay: 0.2s;
}

@keyframes         circleround4 { 25%,75% { top: 0; left: 100%; width: 10px; height: 10px; opacity: 1;} }
@-o-keyframes      circleround4 { 25%,75% { top: 0; left: 100%; width: 10px; height: 10px; opacity: 1;} }
@-moz-keyframes    circleround4 { 25%,75% { top: 0; left: 100%; width: 10px; height: 10px; opacity: 1;} }
@-webkit-keyframes circleround4 { 25%,75% { top: 0; left: 100%; width: 10px; height: 10px; opacity: 1;} }

#status li:nth-child(5) { 
  animation:         circleround5 1.6s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite;
  -o-animation:      circleround5 1.6s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite;
  -ms-animation:     circleround5 1.6s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite;
  -moz-animation:    circleround5 1.6s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite;
  -webkit-animation: circleround5 1.6s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite;
  animation-delay:         0.3s;
  -o-animation-delay:      0.3s;
  -ms-animation-delay:     0.3s;
  -moz-animation-delay:    0.3s;
  -webkit-animation-delay: 0.3s;
}

@keyframes         circleround5 { 25%,75% { top: 70%; left: 70%; width: 10px; height: 10px; opacity: 1;} }
@-o-keyframes      circleround5 { 25%,75% { top: 70%; left: 70%; width: 10px; height: 10px; opacity: 1;} }
@-moz-keyframes    circleround5 { 25%,75% { top: 70%; left: 70%; width: 10px; height: 10px; opacity: 1;} }
@-webkit-keyframes circleround5 { 25%,75% { top: 70%; left: 70%; width: 10px; height: 10px; opacity: 1;} }

#status li:nth-child(6) {
  animation:         circleround6 1.6s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite;
  -o-animation:      circleround6 1.6s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite;
  -ms-animation:     circleround6 1.6s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite;
  -moz-animation:    circleround6 1.6s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite;
  -webkit-animation: circleround6 1.6s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite;
  animation-delay:         0.4s;
  -o-animation-delay:      0.4s;
  -ms-animation-delay:     0.4s;
  -moz-animation-delay:    0.4s;
  -webkit-animation-delay: 0.4s;
}

@keyframes         circleround6 { 25%,75% { top: 100%; left: 0; width: 10px; height: 10px; opacity: 1;} }
@-o-keyframes      circleround6 { 25%,75% { top: 100%; left: 0; width: 10px; height: 10px; opacity: 1;} }
@-moz-keyframes    circleround6 { 25%,75% { top: 100%; left: 0; width: 10px; height: 10px; opacity: 1;} }
@-webkit-keyframes circleround6 { 25%,75% { top: 100%; left: 0; width: 10px; height: 10px; opacity: 1;} }

#status li:nth-child(7) { 
  animation:         circleround7 1.6s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite;
  -o-animation:      circleround7 1.6s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite;
  -ms-animation:     circleround7 1.6s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite;
  -moz-animation:    circleround7 1.6s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite;
  -webkit-animation: circleround7 1.6s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite;
  animation-delay:         0.5s;
  -o-animation-delay:      0.5s;
  -ms-animation-delay:     0.5s;
  -moz-animation-delay:    0.5s;
  -webkit-animation-delay: 0.5s;
}

@keyframes         circleround7 { 25%,75% { top: 70%; left: -70%; width: 10px; height: 10px; opacity: 1;} }
@-o-keyframes      circleround7 { 25%,75% { top: 70%; left: -70%; width: 10px; height: 10px; opacity: 1;} }
@-moz-keyframes    circleround7 { 25%,75% { top: 70%; left: -70%; width: 10px; height: 10px; opacity: 1;} }
@-webkit-keyframes circleround7 { 25%,75% { top: 70%; left: -70%; width: 10px; height: 10px; opacity: 1;} }

#status li:nth-child(8) {
  animation:         circleround8 1.6s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite;
  -o-animation:      circleround8 1.6s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite;
  -ms-animation:     circleround8 1.6s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite;
  -moz-animation:    circleround8 1.6s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite;
  -webkit-animation: circleround8 1.6s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite;
  animation-delay:         0.6s;
  -o-animation-delay:      0.6s;
  -ms-animation-delay:     0.6s;
  -moz-animation-delay:    0.6s;
  -webkit-animation-delay: 0.6s;
}

@keyframes         circleround8 { 25%,75% { top: 0; left: -100%; width: 10px; height: 10px; opacity: 1;} }
@-o-keyframes      circleround8 { 25%,75% { top: 0; left: -100%; width: 10px; height: 10px; opacity: 1;} }
@-moz-keyframes    circleround8 { 25%,75% { top: 0; left: -100%; width: 10px; height: 10px; opacity: 1;} }
@-webkit-keyframes circleround8 { 25%,75% { top: 0; left: -100%; width: 10px; height: 10px; opacity: 1;} }

#status li:nth-child(9) { 
  animation:         circleround9 1.6s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite;
  -o-animation:      circleround9 1.6s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite;
  -ms-animation:     circleround9 1.6s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite;
  -moz-animation:    circleround9 1.6s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite;
  -webkit-animation: circleround9 1.6s cubic-bezier(0.250, 0.100, 0.250, 1.000) infinite;
  animation-delay:         0.7s;
  -o-animation-delay:      0.7s;
  -ms-animation-delay:     0.7s;
  -moz-animation-delay:    0.7s;
  -webkit-animation-delay: 0.7s;
}

@keyframes         circleround9 { 25%,75% { top:  -70%; left:  -70%; width: 10px; height: 10px; opacity: 1;} }
@-o-keyframes      circleround9 { 25%,75% { top:  -70%; left:  -70%; width: 10px; height: 10px; opacity: 1;} }
@-moz-keyframes    circleround9 { 25%,75% { top:  -70%; left:  -70%; width: 10px; height: 10px; opacity: 1;} }
@-webkit-keyframes circleround9 { 25%,75% { top:  -70%; left:  -70%; width: 10px; height: 10px; opacity: 1;} }


















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

html,
body,
.st-container,
.st-pusher,
.st-content {
	height: 100%;
}

.st-pusher{
	height: 100%;
}

.st-content {
	-webkit-overflow-scrolling: touch;
	
}

button{
	z-index: 100;
position: relative;
float: right;
background: none;
border: none;
font-size: 24px;
margin:40px 50px 0px 0px;
}

button span{
	color:#fff;
	font-size:14px;
	text-transform: uppercase;
	position: relative;
	top:-3px;
	margin-right: 8px;
	font-family: "brandon-grotesque";
}

button:focus{
	outline: none;
}

button i{
	color: #fff;
}

.st-content,
.st-content-inner {
	position: relative;
}

body{
	overflow-x: hidden !important;
}

.st-container {
	position: relative;
	overflow-x: hidden;
}

.st-container.st-menu-open{
	overflow: hidden;
}

.st-pusher {
	position: relative;
	left: 0;
	z-index: 99;
	height: 100%;
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
}

.st-pusher::after {
	position: absolute;
	z-index: 9999;
	top: 0;
	right: 0;
	width: 0;
	height: 0;
	background: rgba(0,0,0,0.5);
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
	transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
}

.st-menu-open .st-pusher::after {
	width: 100%;
	height: 100%;
	opacity: 1;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

.st-menu {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 100;
	visibility: hidden;
	width: 200px;
	height: 100%;
	background: #111;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	font-family: "brandon-grotesque";
}

.st-menu::after {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.2);
	content: '';
	opacity: 1;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

.st-menu-open .st-menu::after {
	width: 0;
	height: 0;
	opacity: 0;
	-webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
	transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
}

/* content style */

.st-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	margin-top: 38px;
}

.st-menu h2 {
	margin: 0;
	padding: 1em;
	color: rgba(0,0,0,0.4);
	text-shadow: 0 0 1px rgba(0,0,0,0.1);
	font-weight: 300;
	font-size: 2em;
}

.st-menu ul li a {
	display: block;
	padding: 0.7em 1em 0.7em 1.6em;
	outline: none;
	
	color: #999;
	font-size: 13px;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: 400;
	-webkit-transition: background 0.3s, box-shadow 0.3s;
	transition: all 0.3s;
}

nav .footer {
	padding: 0.7em 1em 0.7em 1.4em;
}

nav .footer p{
	color:#444;
	font-size:13px;
}



.st-menu ul li a:hover {
	color:#fff;
}

/* Individual effects */

/* Effect 1: Slide in on top */
.st-effect-1.st-menu {
	visibility: visible;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
}

.st-effect-1.st-menu-open .st-effect-1.st-menu {
	visibility: visible;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.st-effect-1.st-menu::after {
	display: none;
}

/* Effect 2: Reveal */
.st-effect-2.st-menu-open .st-pusher {
	-webkit-transform: translate3d(-300px, 0, 0);
	transform: translate3d(-300px, 0, 0);
}

.st-effect-2.st-menu {
	z-index: 1;
}

.st-effect-2.st-menu-open .st-effect-2.st-menu {
	visibility: visible;
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
}

.st-effect-2.st-menu::after {
	display: none;
}

/* Effect 3: Push*/
.st-effect-3.st-menu-open .st-pusher {
	-webkit-transform: translate3d(-200px, 0, 0);
	transform: translate3d(-200px, 0, 0);
}

.st-effect-3.st-menu {
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
}

.st-effect-3.st-menu-open .st-effect-3.st-menu {
	visibility: visible;
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
}

.st-effect-3.st-menu::after {
	display: none;
}

/* Effect 4: Slide along */
.st-effect-4.st-menu-open .st-pusher {
	-webkit-transform: translate3d(-300px, 0, 0);
	transform: translate3d(-300px, 0, 0);
}

.st-effect-4.st-menu {
	z-index: 1;
	-webkit-transform: translate3d(50%, 0, 0);
	transform: translate3d(50%, 0, 0);
}

.st-effect-4.st-menu-open .st-effect-4.st-menu {
	visibility: visible;
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.st-effect-4.st-menu::after {
	display: none;
}

/* Effect 5: Reverse slide out */
.st-effect-5.st-menu-open .st-pusher {
	-webkit-transform: translate3d(-300px, 0, 0);
	transform: translate3d(-300px, 0, 0);
}

.st-effect-5.st-menu {
	z-index: 1;
	-webkit-transform: translate3d(-50%, 0, 0);
	transform: translate3d(50%, 0, 0);
}

.st-effect-5.st-menu-open .st-effect-5.st-menu {
	visibility: visible;
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

/* Effect 6: Rotate pusher */

.st-effect-6.st-container {
	-webkit-perspective: 1500px;
	perspective: 1500px;
}

.st-effect-6 .st-pusher {
	-webkit-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.st-effect-6.st-menu-open .st-pusher {
	-webkit-transform: translate3d(-250px, 0, 380px) rotateY(15deg);
	transform: translate3d(-250px, 0, 380px) rotateY(15deg);
}

.st-effect-6.st-menu {
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
	-webkit-transform-origin: 0% 100%;
	transform-origin: 0% 100%;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.st-effect-6.st-menu-open .st-effect-6.st-menu {
	visibility: visible;
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	-webkit-transform: translate3d(100%, 0, 0) rotateY(-15deg);
	transform: translate3d(100%, 0, 0) rotateY(-15deg);
}

.st-effect-6.st-menu::after {
	display: none;
}

/* Effect 7: 3D rotate in */

.st-effect-7.st-container {
	-webkit-perspective: 1500px;
	perspective: 1500px;
	-webkit-perspective-origin: 0% 50%;
	perspective-origin: 0% 50%;
	overflow: hidden;
}

.st-effect-7 .st-pusher {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.st-effect-7.st-menu-open .st-pusher {
	-webkit-transform: translate3d(-300px, 0, 0);
	transform: translate3d(-300px, 0, 0);
}

.st-effect-7.st-menu {
	-webkit-transform: translate3d(100%, 0, 0) rotateY(90deg);
	transform: translate3d(100%, 0, 0) rotateY(90deg);
	-webkit-transform-origin: 0% 100%;
	transform-origin: 0% 100%;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.st-effect-7.st-menu-open .st-effect-7.st-menu {
	visibility: visible;
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	-webkit-transform: translate3d(100%, 0, 0) rotateY(0deg);
	transform: translate3d(100%, 0, 0) rotateY(0deg);
}

/* Effect 8: 3D rotate out */

.st-effect-8.st-container {
	-webkit-perspective: 1500px;
	perspective: 1500px;
	-webkit-perspective-origin: 0% 50%;
	perspective-origin: 0% 50%;
}

.st-effect-8 .st-pusher {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.st-effect-8.st-menu-open .st-pusher {
	-webkit-transform: translate3d(-300px, 0, 0);
	transform: translate3d(-300px, 0, 0);
}

.st-effect-8.st-menu {
	-webkit-transform: translate3d(100%, 0, 0) rotateY(-120deg);
	transform: translate3d(100%, 0, 0) rotateY(-120deg);
	-webkit-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.st-effect-8.st-menu-open .st-effect-8.st-menu {
	visibility: visible;
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	-webkit-transform: translate3d(100%, 0, 0) rotateY(0deg);
	transform: translate3d(100%, 0, 0) rotateY(0deg);
}

.st-effect-8.st-menu::after {
	display: none;
}

/* Effect 9: Scale down pusher */

.st-effect-9.st-container {
	-webkit-perspective: 1500px;
	perspective: 1500px;
}

.st-effect-9 .st-pusher {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.st-effect-9.st-menu-open .st-pusher {
	-webkit-transform: translate3d(0, 0, -300px);
	transform: translate3d(0, 0, -300px);
}

.st-effect-9.st-menu {
	opacity: 1;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
}

.st-effect-9.st-menu-open .st-effect-9.st-menu {
	visibility: visible;
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.st-effect-9.st-menu::after {
	display: none;
}

/* Effect 10: Scale up */

.st-effect-10.st-container {
	-webkit-perspective: 1500px;
	perspective: 1500px;
	-webkit-perspective-origin: 0% 50%;
	perspective-origin: 0% 50%;
}

.st-effect-10.st-menu-open .st-pusher {
	-webkit-transform: translate3d(-300px, 0, 0);
	transform: translate3d(-300px, 0, 0);
}

.st-effect-10.st-menu {
	z-index: 1;
	opacity: 1;
	-webkit-transform: translate3d(0, 0, -300px);
	transform: translate3d(0, 0, -300px);
}

.st-effect-10.st-menu-open .st-effect-10.st-menu {
	visibility: visible;
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

/* Effect 11: Scale and rotate pusher */

.st-effect-11.st-container {
	-webkit-perspective: 1500px;
	perspective: 1500px;
}

.st-effect-11 .st-pusher {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.st-effect-11.st-menu-open .st-pusher {
	-webkit-transform: translate3d(10px, 0, -300px) rotateY(20deg);
	transform: translate3d(10px, 0, -300px) rotateY(20deg);
}

.st-effect-11.st-menu {
	opacity: 1;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
}

.st-effect-11.st-menu-open .st-effect-11.st-menu {
	visibility: visible;
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.st-effect-11.st-menu::after {
	display: none;
}

/* Effect 12: Open door */

.st-effect-12.st-container {
	-webkit-perspective: 1500px;
	perspective: 1500px;
}

.st-effect-12 .st-pusher {
	-webkit-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.st-effect-12.st-menu-open .st-pusher {
	-webkit-transform: rotateY(10deg);
	transform: rotateY(10deg);
}

.st-effect-12.st-menu {
	opacity: 1;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
}

.st-effect-12.st-menu-open .st-effect-12.st-menu {
	visibility: visible;
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.st-effect-12.st-menu::after {
	display: none;
}

/* Effect 13: Fall down */

.st-effect-13.st-container {
	-webkit-perspective: 1500px;
	perspective: 1500px;
	-webkit-perspective-origin: 0% 50%;
	perspective-origin: 0% 50%;
}

.st-effect-13.st-menu-open .st-pusher {
	-webkit-transform: translate3d(-300px, 0, 0);
	transform: translate3d(-300px, 0, 0);
}

.st-effect-13.st-menu {
	z-index: 1;
	opacity: 1;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
}

.st-effect-13.st-menu-open .st-effect-13.st-menu {
	visibility: visible;
	-webkit-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
	-webkit-transition-property: -webkit-transform;
	transition-property: transform;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition-speed: 0.2s;
	transition-speed: 0.2s;
}

/* Effect 14: Delayed 3D rotate */

.st-effect-14.st-container {
	-webkit-perspective: 1500px;
	perspective: 1500px;
	-webkit-perspective-origin: 0% 50%;
	perspective-origin: 0% 50%;
}

.st-effect-14 .st-pusher {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.st-effect-14.st-menu-open .st-pusher {
	-webkit-transform: translate3d(-300px, 0, 0);
	transform: translate3d(-300px, 0, 0);
}

.st-effect-14.st-menu {
	-webkit-transform: translate3d(100%, 0, 0) rotateY(90deg);
	transform: translate3d(100%, 0, 0) rotateY(90deg);
	-webkit-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.st-effect-14.st-menu-open .st-effect-14.st-menu {
	visibility: visible;
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
	-webkit-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
	-webkit-transition-property: -webkit-transform;
	transition-property: transform;
	-webkit-transform: translate3d(100%, 0, 0) rotateY(0deg);
	transform: translate3d(100%, 0, 0) rotateY(0deg);
}

/* Fallback example for browsers that don't support 3D transforms (and no JS fallback) */
.no-csstransforms3d .st-pusher,
.no-js .st-pusher {
	padding-left: 300px;
}


section.description{
	padding-bottom: 2em;
}
section.description h2{
	text-align: center;
	
	font-weight: 300;

	margin-bottom: 0.35em;
	font-family: "brandon-grotesque";
font-size: 42px;
}

section.description p{
color: #666;
text-align: center;
line-height: 1.65em;
font-size: 17px;
font-weight: 300;
}


.feat-image-wrap{
	position: relative;
	background:url(http://hyperakt.com/assets/hyperakt4.jpg) top right no-repeat; 
	background-position:fixed !important;
/*background-image: url(http://hyperakt.com/assets/hyperakt4.jpg);
background-size: cover;
background-attachment: fixed;*/
padding-top: 37.5%;
margin-bottom: 4em;


/*background-size: 100% auto;




margin: 0;


 background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
*/
}

.feat-image-wrap .title {
width: 100%;
text-align: center;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

.feat-image-wrap .title h1{
	text-transform: none;
	color:#fff;
	padding: 0 25%;
	font-size: 4.5em;
	letter-spacing: -0.03em;
	line-height: 1.2em;
	font-weight: 400;
}




span {
font-size: 66px;
color: #555;
margin-bottom: 350px;
display: inline-block;
font-weight: 400;
text-align: center;
}






.withLove .heart {
  margin: 0 -2px;
  position: relative;
  z-index: 3;
  -webkit-animation: throb 1.33s ease-in-out infinite;
  animation: throb 1.33s ease-in-out infinite;
}
.withLove .heart path {
  fill: #ff005d;
}
@media screen and (min-width: 300px) {
  .withLove .heart {
    width: 30px;
    height: 30px;
    top: .66em;
  }
}
@media screen and (min-width: 460px) {
  .withLove .heart {
    top: .8em;
    width: 50px;
    height: 50px;
  }
}

@-webkit-keyframes throb {
  0% {
    -webkit-transform: scale(1);
  }

  50% {
    -webkit-transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(1);
  }
}

@keyframes throb {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(0.8);
  }

  100% {
    transform: scale(1);
  }
}








* {

-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
text-align: center;
}



/*! Pushy - v0.9.1 - 2013-9-16
* Pushy is a responsive off-canvas navigation menu using CSS transforms & transitions.
* https://github.com/christophery/pushy/
* by Christopher Yee */

/* Menu Appearance */

.pushy{
    position: fixed;
    width: 200px;
    height: 100%;
    top: 0;
    right:0;
    z-index: 9999;
    background: #333332;
    font-size: 0.9em;
    font-weight: bold;
    -webkit-box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, .7);
    -moz-box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, .7);
    box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, .7);
    overflow: auto;
    -webkit-overflow-scrolling: touch; /* enables momentum scrolling in iOS overflow elements */
}

.pushy a{
    display: block;
    color: #b3b3b1;
    padding: 15px 30px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    border-top: 1px solid rgba(255, 255, 255, .1);
    text-decoration: none;
}

.pushy a:hover{
    background: #00b4ff;
    color: #FFF;
}

/* Menu Movement */

.pushy-left{
    -webkit-transform: translate3d(-200px,0,0);
    -moz-transform: translate3d(-200px,0,0);
    -ms-transform: translate3d(-200px,0,0);
    -o-transform: translate3d(-200px,0,0);
    transform: translate3d(-200px,0,0);
}

.pushy-right{
    -webkit-transform: translate3d(200px,0,0);
    -moz-transform: translate3d(200px,0,0);
    -ms-transform: translate3d(200px,0,0);
    -o-transform: translate3d(200px,0,0);
    transform: translate3d(200px,0,0);
}

.pushy-open{
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.container-push, .push-push{
    -webkit-transform: translate3d(-200px,0,0);
    -moz-transform: translate3d(-200px,0,0);
    -ms-transform: translate3d(-200px,0,0);
    -o-transform: translate3d(-200px,0,0);
    transform: translate3d(-200px,0,0);
}

/* Menu Transitions */

.pushy, #container, .push{
    -webkit-transition: -webkit-transform .2s cubic-bezier(.16, .68, .43, .99);
    -moz-transition: -moz-transform .2s cubic-bezier(.16, .68, .43, .99);
    -o-transition: -o-transform .2s cubic-bezier(.16, .68, .43, .99);
    transition: transform .2s cubic-bezier(.16, .68, .43, .99);
    /* improves performance issues on mobile*/
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
}

/* Site Overlay */

.site-overlay{
    display: none;
}

.pushy-active .site-overlay{
    display: block;
    position: fixed;
    top: 0;
    right: 200px;
    bottom: 0;
    left: 0px;
    z-index: 9999;
}

 .menu-btn { 
    position:absolute;
    top:0;
    right:0;
}

/* Example Media Query */

@media screen and (max-width: 768px){
    .pushy{
        font-size: 1.0em;
    }
}