/*
Theme Name: NineZeroSeven
Theme URI: http://www.webcreations907.com
Author: webcreations907
Author URI: http://themeforest.net/user/webcreations907
Description: One Page Parallax Theme ~ If you need support please use the <a href="http://support.webcreations907.com/">Theme's Support Forum</a>
Version: 3.1.5.5
License: GNU General Public License
License URI: license.txt
Tags: black,white,orange,custom-background,custom-colors,featured-images,full-width-template,theme-options,translation-ready,left-sidebar,right-sidebar
*/

/************************************************************************
* WARNING: If you add override styles here it will get overwritten 
* when you update the theme to newer versions. 
*
* You should use the Custom CSS field in the Theme Options panel, or 
* use a child theme which you'll find a starter child theme in the 
* download pack.
*************************************************************************/

/* Webfont: fonts/PFDinTextCondPro-BoldItalic */@font-face {
font-family: 'PFDinTextCondPro';
src: url('fonts/PFDinTextCondPro-BoldItalic.eot'); /* IE9 Compat Modes */
src: url('fonts/PFDinTextCondPro-BoldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/PFDinTextCondPro-BoldItalic.woff') format('woff'), /* Modern Browsers */
url('fonts/PFDinTextCondPro-BoldItalic.svg#fonts/PFDinTextCondPro-BoldItalic') format('svg'); /* Legacy iOS */
font-style: italic;
font-weight: bold;
text-rendering: optimizeLegibility;
}
/* Webfont: fonts/PFDinTextCondPro-ThinItalic */@font-face {
font-family: 'PFDinTextCondProThin';
src: url('fonts/PFDinTextCondPro-ThinItalic.eot'); /* IE9 Compat Modes */
src: url('fonts/PFDinTextCondPro-ThinItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/PFDinTextCondPro-ThinItalic.woff') format('woff'), /* Modern Browsers */
url('fonts/PFDinTextCondPro-ThinItalic.svg#fonts/PFDinTextCondPro-ThinItalic') format('svg'); /* Legacy iOS */
font-style: italic;
font-weight: normal;
text-rendering: optimizeLegibility;
}
/* Webfont: fonts/PFDinTextStd-Light */@font-face {
font-family: 'PFDinTextStdLight';
src: url('fonts/PFDinTextStd-Light.eot'); /* IE9 Compat Modes */
src: url('fonts/PFDinTextStd-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/PFDinTextStd-Light.woff') format('woff'), /* Modern Browsers */
url('fonts/PFDinTextStd-Light.ttf') format('truetype'); /* Safari, Android, iOS */
url('fonts/PFDinTextStd-Light.svg#fonts/PFDinTextStd-Light') format('svg'), /* Legacy iOS */
font-style: normal;
font-weight: normal;
text-rendering: optimizeLegibility;
}
/* Webfont: fonts/PFDinTextStd-Light */@font-face {
font-family: 'PFDinTextStdLightItalic';
src: url('fonts/PFDinTextStd-LightItalic.eot'); /* IE9 Compat Modes */
src: url('fonts/PFDinTextStd-LightItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/PFDinTextStd-LightItalic.woff') format('woff'), /* Modern Browsers */
url('fonts/PFDinTextStd-LightItalic.ttf') format('truetype'); /* Safari, Android, iOS */
url('fonts/PFDinTextStd-LightItalic.svg#fonts/PFDinTextStd-Light') format('svg'), /* Legacy iOS */
font-style: normal;
font-weight: normal;
text-rendering: optimizeLegibility;
}

@-moz-document url-prefix() {
  p.hack {
    font-weight: normal;
  }
}

.headerimg {
	min-height: 100% !important;
	position: absolute;
	height: 2200px;
	width: 100%;
	z-index: 1;
	background-size: cover !important;
	z-index: -1;
	background-attachment: fixed;
	-webkit-transform: skew(0,41deg);
	-webkit-transform-origin: left;	
	-moz-transform-origin: left;
	-o-transform-origin: left;
	-ms-transform-origin: left;
	-moz-transform: skew(0,41deg);
	-o-transform: skew(0,41deg);
	-ms-transform: skew(0,41deg);
}
.caption-holder{
	-webkit-transform: skew(0,41deg);
	-webkit-transform-origin: left;
	-moz-transform-origin: left;
	-o-transform-origin: left;
	-ms-transform-origin: left;
	-moz-transform: skew(0,41deg);
	-o-transform: skew(0,41deg);
	-ms-transform: skew(0,41deg);
}

.schollbg {
	background-attachment: scroll !important;
}
.pp-embed-content {
width: 100%;
height: 100%;
}
.hide2 {
display: none;
}
#triangle_cont {
/*width: 478px;*/
position: absolute;
}
.triangle.page-section .page {
line-height: 1.4em;
font-size: 18px;
color: white;
color: #FFF;
max-width: 70%;
margin-top: -210px;
margin-left: 25%;
width: 90%;
/*  background-color: #000;*/
float: left;
}


#shapes {
z-index: 9;
/*height: 100%;*/
/* position: absolute; */
width: 100%;
margin-top: 0px;
top: 350px;
position: absolute;
   
/* position: relative; */
}

#ha {
/*  top: -500px;*/
}


#shapes .home, .works, .cap, .thenext, .brands, .team2 {
-webkit-transform: skew(0,-41deg);
-moz-transform: skew(0,-41deg);
-o-transform: skew(0,-41deg);
-ms-transform: skew(0,-41deg);
width: 5000px;
/* left: 50%; */
background: #141414;
-webkit-transform-origin: right; 
-moz-transform-origin: right; 
-o-transform-origin: right; 
-ms-transform-origin: right; 
/* margin-left: -1900px; */
width: 100%;
height: auto;
/*margin-bottom: 550px;*/
position: relative;
}
#shapes .home {
/*margin-top: 500px;*/
}
#shapes .works {height: 700px;/* margin-bottom: 448px; */}

.works img, .cap img {
position: absolute;
top: -100px;
right: 0px;
-webkit-transform: skew(0, 41deg);
-moz-transform: skew(0,41deg);
-o-transform: skew(0,41deg);
-ms-transform: skew(0,41deg);
}

.works img {
	top: 0px;
}

#community h1 {
  float: left;
}

#second-section img.alignleft {
margin-left: -200px;
margin-top: -100px;
z-index: -1;
position: relative;
float: none;
}
.video-icon {
	background: url('assets/img/video-icon.png') 0 no-repeat;
	width: 38px;
	height: 26px;
	opacity: .3;
	float: right;
	transition: all 0.3s ease-in-out;
	
}
.video-icon:hover {
	opacity: 1;
}

#shapes .lastribbon {
margin-bottom: 0px;
margin-top: 0px;
position: absolute;
bottom: 1100px;
}
#shapes .cap {/* margin-bottom: 800px; *//* margin-top: -200px; */ /* play with this*/}
.one-third p {
margin-bottom: 12px;
}

#second-section .contwrapper {
padding-top: 100px;
}

section.parallax {/*	-webkit-backface-visibility: hidden;
-webkit-transform: skew(0, -41deg);
overflow: hidden;
width: 100%;
max-height: 600px;
max-height: 1400px;
-webkit-transform-origin: center;
margin-top: -300px;
height: 100%;
overflow: hidden;*/width: 100%;/* margin-top: 200px; *//* max-height: 600px; *//* max-height: 1400px; */-webkit-transform-origin: center;/* margin-top: -8px; */min-height: 100%;z-index: -1;margin-top: -25vw;}

.magicwrap {
/*	-webkit-transform: skew(0,41deg);
height: 100%;
height: 200%;
width: 100%;
margin: 0 auto;
background-size: contain !important;
background-repeat: repeat !important;
*/
height: 100%;
height: 300%;
width: 100%;
margin: 0 auto;
background-size: cover !important;
background-repeat: no-repeat !important;
background-attachment: fixed !important;
position: relative;
}
#plax-125 .magicwrap {
margin-top: -50%;
}
section.parallax-sections-125 {
margin-bottom: 300px;
margin-top: -1000px;
height: 1400px;
}
.parallax-sections-4 {
height: 1600px;
}

.ribbs {
/*margin-top: 400px;*/
z-index: 9;
/* position: absolute;
-webkit-transform: rotate(-41deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
width: 5000px;
left: 50%;
background: #000;
-webkit-transform-origin: center;
margin-left: -1500px;
width: 4000px;*/
height: auto;
    

/* margin-top: 1000px; */
  

position: relative !important;
}
.ribbs#first-one {
margin-top: 20px;
}
#first-section .container img.alignleft, #capabilities .container img.alignleft {
/* position: absolute; */
margin-left: -300px;
margin-top: -100px;
z-index: -1;
}

#wrapper {
width: 100%;
/* overflow: hidden; */
     
position: relative; 
  
/* margin-top: 500px; */
height: 100%;
min-height: 100%;
/*margin-top: -530px;*/
padding-top: 1000px;
}
#skrollr-body {
position: relative;
width: 100%;
overflow: hidden;
}
.ribbs > .container {
padding: 0 120px;
/*  -webkit-transform: rotate(41deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
left: 50%;
margin-left: -1200px;
max-width: 19%;
-webkit-transform-origin: bottom;*/
margin-top:0px;
}
p {
/* margin: 0 0 20px 0; */ 
}
.contwrapper {
color: white;
font-family: 'PFDinTextStdLight', sans-serif;
font-size: 20px;
/*padding-top:250px;*/
}
.first-one .contwrapper {
  padding-bottom: 150px;
}
#second-section {
	margin-top: 300px;
}
#second-section .contwrapper {
padding-top: 100px;
padding-bottom: 200px;
}


.parallax {
background-size: contain;
position: absolute;
}
.page-sections-26 {
/* margin-top: 500px;*/
/* height: 500px;*/
}
.triangle .top-angle {
margin-top: -20px;
}
 
#the-nest {
margin-top: 0px;
}
#the-nest h1 {
margin-top: 0px;
text-align: left;
right: 0px;
margin: 0px;
padding-bottom: 55px;

}
#the-nest {
	margin-top: 130px;
}
#the-nest .contwrapper {padding-top: 30px;padding-bottom: 100px;}

#the-nest h2 {
text-align: left;
max-width: 400px;
float: none;
text-transform: initial;
font-family: 'PFDinTextStdLight', sans-serif;
font-size: 20px;
font-style: normal;
letter-spacing: 0px;
line-height: 1.4em;
max-width: 400px;
color: white;
}

#the-nest .topworkimage {
clear: both;
}
#the-nest .nest-icon, #contact .nest-icon, #community .nest-icon {

font-family: 'PFDinTextStdLight', sans-serif;
width: 190px;
height: 60px;
color: #FFF;
line-height: 1.4em;
padding: 10px;
float: left;
margin-top: 50px;
clear: both;
text-transform: uppercase;
border: 1px solid #cc0066;
font-size: 26px;
font-style: italic;
}

.owl-buttons {
  position: relative;
}
#community .nest-icon {
margin: 0 auto;
  text-align: center;
    margin: 0 auto;
  text-align: center;
  float: none;
  display: block;
  margin-top: 100px;
}

ul {
  list-style: none outside;
}
#capabilities li {
  list-style: none;
  line-height: initial;
  font-size: smaller;
}

ul {
  list-style: none outside;
}
ul.disc {
    margin-left: 0px;
}
#capabilities li {
  list-style: none;
  line-height: initial;
  font-size: smaller;
}
.six.columns.omega {
  padding-top: 196px;
}



#the-nest .nest-icon:hover, #contact .nest-icon:hover, #community .nest-icon:hover {
border: 1px solid #cccccc;
}


#capabilities {
	  margin-top: 0px;
}
#capabilities h1 {
text-align: right;
}
	  
#capabilities .contwrapper {padding-top: 75vw;}
h1 span {
font-family: 'PFDinTextCondProThin', sans-serif;
font-size: 26px;
letter-spacing: normal;
display: block;
text-align: right;
line-height: 1em;
}
#the-nest h1 span, #brands-weve-worked-with h1 span {
text-align: left;
}

#brands-weve-worked-with {
}
#brands-weve-worked-with h1 {
text-align: left;
}
#brands-weve-worked-with .contwrapper {padding-top: 75vw;}
 
#another-section {
	margin-top: 80px;
}
#another-section .contwrapper {
padding-top: 100px;
}
#another-section li {margin-bottom: 28px;padding-left: 20px;}
#another-section li .teamtitle {
font-style: italic;
text-align: left;
margin-top: 0px;
font-family: 'PFDinTextCondPro', sans-serif;
line-height: normal;
letter-spacing: -1px;
line-height: 1.2em;
font-size: 24px;
}
#another-section li a {
color: white;
}
  
#another-section li a:hover {
color: #DC0963;
}
 
 
#another-section li span {
font-size: 14px;
color: #999;
font-style: italic;
text-align: left;
margin-top: 2px;
/* letter-spacing: -1px; */
line-height: 1.2em;
font-family: 'PFDinTextCondProThin', sans-serif;
text-transform: uppercase;
display: block;
}



#contact {
margin-top: 160px;
padding-bottom: 100px;

margin-bottom: -1000px;
}
#contact .contwrapper {padding-top: 0px;line-height: 1.5em;font-family: 'PFDinTextCondProThin', sans-serif;font-style: italic;}


#contact h1 {
padding-bottom: 30px;
text-align: left;
}
#contact .nest-icon.visitus {
	background-image: url('images/btn-map-60x104.png');
	padding-left: 66px;
	background-repeat: no-repeat;
		background-position: 0px 2px;
	
}
#contact .nest-icon.visitus:hover {
background-position: 0px -50px;	
}
#contact .nest-icon.emailus {
	background-image: url('images/btn-email-60x104.png');
	padding-left: 66px;
	background-repeat: no-repeat;
	background-position: 0px 2px;
	
}
#contact .nest-icon.emailus:hover {
background-position: 0px -50px;
	
}
/*btn-email-60x20*/

#animation {

height: 2660px;
width: 100%;
/*margin-top: -50%;*/


z-index: -1;
position: relative;

background-color: white;
}
#animation div {
	
	width: 100%; 
	height: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat ;
	background-attachment: fixed ;
	position: absolute;
	z-index: 1;
	/*-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s ease-in;
	-o-transition: all 0.8s ease-in;
	transition: all 0.8s;*/
	/*background-position-y: 310px;*/
	
/*	visibility: hidden;*/
	/* -webkit-transition: opacity 1s ease-in-out; */
}
#bottom-animation { 
	z-index: 8 !important;
	background: #FFF;
	margin-top: -150px;
}
#animation div.finishedanim {
width: 1400px;
/* min-height: 75%; */
display: block !important;
background-size: contain;
background-position: initial;
background-attachment: initial;
left: -700px;
background-position: bottom;
margin-left: 50%;
/* background-position: 50% 105%; */
-webkit-transition: opacity 1s ease-in-out;
}
#finaldiv {
	width: 100%;
	color: #000;
	/* text-align: center; */
	bottom: 100px;
	max-width: 530px;
	min-height: 400px;
	z-index: 999;
	/* position: absolute; */
	
	margin: 0 auto;

	z-index: 99;
	
	margin-top: -100px;
}
#finaldiv #message {
	background-image: url('assets/img/greyline.png');
background-repeat: repeat;
margin-bottom: 40px;
}
#finaldiv h3 {
	float: right;
	color: #000;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus {
 border: none;
color: black;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}

::-webkit-input-placeholder {
   color: #888888;
}

:-moz-placeholder { /* Firefox 18- */
  color: #888888;
}

::-moz-placeholder {  /* Firefox 19+ */
  color: #888888;
}

:-ms-input-placeholder {  
  color: #888888;
}

#topbottom {
	background: url('images/topbottom.png') no-repeat;
	margin: 0 auto;
	margin-top: 140px;
	text-align: center;
	padding-bottom: 20px;
	font-family: 'PFDinTextCondProThin', sans-serif;
	font-style: italic;
	color: #000;
	text-transform: uppercase;
	font-size: 16px;
	width: 74px;
	padding-top: 24px;
}
#topbottom a{
color: black;
}
#topbottom a:hover {
color: #888888;
}

.container .one-third.column {
width: 31.3%;
}
#contact .container p {
font-size: 26px;
max-width: 370px;
text-align: left;
line-height:1.6em;
}
#header-option {height: 125vw;position: absolute;width: 100%;overflow: hidden;-webkit-transform: skew(0,-41deg);-webkit-transform-origin: left;-moz-transform-origin: left;-o-transform-origin: left;-ms-transform-origin: left;-moz-transform: skew(0,-41deg);-o-transform: skew(0,-41deg);-ms-transform: skew(0,-41deg);}
#header-option .message {
padding-top: 220px;
z-index: 999;
text-align: right;
}



	
	
.triangle {
position: absolute !important;
z-index: 10;
height: 100%;
padding: 0px;
/* z-index: 9;
position: absolute;
-webkit-transform: rotate(-41deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
margin-left: -1500px;
width: 300%;
left: 50%;
background: #F5F5DC;
padding-top: 200px;
height: 100%;
margin-top: 1500px;
-webkit-transform-origin: top left;*/
}
section.page-section {
/* position: absolute; */
z-index: 10;
    
/* background: transparent; */
/* margin: 0 auto; */
/* text-align: center; */
/* margin-left: 10%; */
/* margin-right: 10px; */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
    
section h1 {
color: white;
font-size: 74px;
font-style: italic;
text-align: right;
padding-bottom: 90px;
margin-top: 0px;
/* position: absolute; */
font-family: 'PFDinTextCondPro', sans-serif;
line-height: normal;
letter-spacing: -2px;
line-height: 1.2em;
/* z-index: 999; */
}
.first-one h1 {
font-size: 108px;
right: 20px;
top: -600px;
}
  

#header-option h1 {font-size: 108px;right: 130px;top: 425px;z-index: 10;color: white;font-style: italic;text-align: right;margin-bottom: 90px;margin-top: -150px;position: absolute;font-family: 'PFDinTextCondPro', sans-serif;line-height: normal;letter-spacing: -2px;line-height: 1em;text-shadow: -1px -1px 15px rgba(0, 0, 0, 0.1), 1px -1px 15px rgba(5, 5, 5, 0.1), -1px 1px 15px rgba(0, 0, 0, 0.1), 1px 1px 15px rgba(0, 0, 0, 0.1);}
 
  
.first-one {margin-top: 0px;padding-bottom: 200px;}
section h2 {text-align: left;color: white;font-size: 77px;line-height: 1.5em;font-family: 'PFDinTextCondPro', sans-serif;font-style: italic;clear: both;width:  100%;}
.contwrapper .column {
margin-left: 0px !important;
}
h3 {
font-size: 30px;
line-height: 60px;
font-family: 'PFDinTextCondPro', sans-serif;
font-style: italic;
letter-spacing: -1px;
color: white;
margin-bottom: 25px;
}
h4 {
font-size: 18px;
line-height: 110px;
font-family: 'PFDinTextStdLight', sans-serif;
letter-spacing: 2px;
color: #888888;
}
.contwrapper .columns h5 {font-size: 26px;line-height: 50px;font-family: 'PFDinTextCondPro', sans-serif;font-style: italic;letter-spacing: -1px;color: #FFF;margin-bottom: 20px;text-align: left;line-height: 1em;margin-top: 14px;}
ul li.columns {
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
}

ul li.columns:nth-child(odd) {
margin-right: 40px;
margin-left: 0px;
}
ul li.columns:nth-child(even) {
margin-right: 0px;
margin-left: 0px;
}
.top-angle {
width: 0;
height: 0;
border-color: rgba(255, 255, 255, 0) black;
border-style: solid solid solid dashed;
border-width: 400px 0 0 0;
margin-top: 550px;
}
.bottom-angle {
width: 0;
height: 0;
border-color: rgba(255, 255, 255, 0) black;
border-width: 0 0 333px 0;
border-style: solid solid solid dashed;
}
.bottom-angle2 {
width: 0;
height: 0;
border-color: rgba(255, 255, 255, 0) white;
border-width: 0 0 333px 0;
border-style: solid solid solid dashed;
top: 0px;
z-index: 12;
border-left-width: 439px;
border-bottom-width: 383px;
position: absolute;
}

.bottom-angle2-sticky {
position: fixed !important;
top: -206px;
z-index: 12;
}
   
h1.hide-text {
width: 100%;
background: url('images/logo-big.png') no-repeat top left;
height: 170px;
width: 183px;
margin-left: 20px;
position: relative;
z-index: 99;
margin-top: 20px;
/* height: auto; */
transition: all .5s;
-ms-transition: all .3s;
-moz-transition: all .3s;
-webkit-transition: all .3s;
background-size: contain !important;
}
h1.hide-text2 {
display: none;
}

nav.mainMenu {
margin-right: 100px;
}

.mobile-menu2 {
display: inline !important;
}
.littlebird {
background: url('images/little-bird.png') no-repeat top left;
position: absolute;
width: 92px;
height: 96px;
left: -100px;
top: 100px;
position: fixed;
z-index: 13;
transition: all .3s;
-ms-transition: all .3s;
-moz-transition: all .3s;
-webkit-transition: all .3s;
opacity: 0;
}
.littlebird2 {
left: 0px;
top: 0px;
opacity: 1;
}
nav.mobiletype2 {
	position: absolute;
	top: 0px;
	display: none;
	/* background-color: #2B2B2B; */
	margin-top: 5px;
	/* padding: 15px 10px 5px 20px; */
	width: 600px;
	right: 0px;
	margin-right: 60px;
}
.diagmenuholder {
	width: 100%;
	height: 100%;
	position: absolute;
	border-color: rgba(255, 255, 255, 0) #DDC0CC;
	/* border-width: 0 0 333px 0; */
	/* border-style: solid solid solid dashed; */
	/* top: -120px; */
	/* position: absolute; */
	-webkit-transform: skew(41deg, 0);
	-moz-transform: skew(41deg, 0);
	-o-transform: skew(41deg, 0);
	-ms-transform: skew(41deg, 0);
	margin-top: -17px;
	right: -450px;
	background-color: #2B2B2B;
	opacity: 0;
	width: 560px;
	transition: right .5s, opacity 0.4s, ease;
}
.diagmenuholder_repo {
	right: -50px;
	opacity: 1;
	
}	
  
a.logo {
width: 188px;
display: block;
}
section > .top-angle {
width: 0;
height: 0;
border-color: rgba(255, 255, 255, 0) black;
border-style: solid solid solid dashed;
    

/* border-width: 400px 0 0 0; */
border-right-width: 1427px;
border-top-width: 785px;
/* margin-top: -70%;*/
z-index: 9992;
display: block;
margin-top: -450px;
}
section > .bottom-angle {
width: 0;
height: 0;
border-color: rgba(255, 255, 255, 0) black;
border-style: solid solid solid dashed;
border-width: 0px 0 400px 0;
margin: 0px;
border-left-width: 1427px;
border-bottom-width: 885px;
}
section.triangle > .container {
/* margin-left: 0px; */
width: 100%;
background-color: #000;
padding-bottom: 100px;
/* padding-top: 100px;*/
}

.navhid {
display: none;
}

.ribbs.page-section .page {
line-height: 1.4em;
font-size: 18px;
color: white;
/*font-family: 'PFDinTextCondPro', sans-serif;*/
font-family: 'PFDinTextStdLight', sans-serif;
line-height: 30px;
}
.ribbs.page-section .page p {line-height: 1.4em;font-size: 26px;color: white;font-family: 'PFDinTextStdLight', sans-serif;line-height: 1.3em;font-style: italic;font-family: 'PFDinTextCondPro', sans-serif;font-weight: 300;text-transform: uppercase;}

section.triangle > .container .page {
color: #FFF;
max-width: 70%;
margin-top: -210px;
margin-left: 25%;
width: 90%;
/*     background-color: #000;*/
float: left;
padding-bottom: 40px;
line-height: 1.4em;
font-size: 18px;
}

#parallax-sections-4 {
/*  width: 5000px;
-webkit-transform-origin: 50% 50%;
-webkit-transform: rotate(-41deg);
background-position: 50% 1px;
top: -2400px;
margin-left: -800px;*/
}
#parallax-sections-6 {
/*  background: url("http://goto.thisismkg.com/sparrow/wp-content/uploads/2014/05/Old_timer_structural_worker2.jpg") repeat 50% -3px rgba(0, 0, 0, 0);
*/
/*  background-attachment: scroll !important;
-webkit-transform: rotate(-49deg);*/
/* -webkit-transform-origin: top; */
}

.parallax-sections-37 {
margin-top: -1000px !important;
}

.parallax-sections-37 {
/*background-size: contain !important;*/
}
.pturn {
margin-top: -250px;
-webkit-transform: rotate(49deg);
overflow: hidden;
margin-left: 0px;/* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/
}


.topworkimage img {
width: 100%;

}
.whiteoverlay {
width: 100%;
height: 100%;
position: absolute;
-webkit-transition: background 0.2s ease-in;
-moz-transition: background 0.2s ease-in;
-o-transition: background 0.2s ease-in;
transition: background 0.2s ease-in;
}
.gal-over {
background-color: rgba(255, 255, 255, 0.29);
}

.work_wrapper {
height: 100%;
width: 100%;
background-position: 0;
background-size: cover !important;
}
.inline_work_wrapper {
height: 100%;
text-align: center;
background-color: rgba(255, 255, 255, 0.86);
color: black;
}
.inline_work_wrapper2 {
height: 100%;
text-align: center;
background-color: initial;
color: black;
}
.inline_work_wrapper_center2 {
width: 70%;
max-height: 60%;
overflow: auto;
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
color: white;
}
.inline_work_wrapper_center {
width: 70%;
max-height: 70%;
overflow: visible;
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.inline_work_wrapper_center h1 {
	
	font-family: 'PFDinTextCondPro', sans-serif;
	color: black;
	font-style: italic;
	font-size: 80px;
	letter-spacing: -2px;
	margin-bottom: 40px;
	line-height: 1em;
	
}
.inline_work_wrapper_center {
	font-family: 'PFDinTextCondProThin', sans-serif;
	font-size: 20px;
	font-weight: 200;
	line-height: initial;
	font-style: italic;
	line-height: 1.3em;
	
}
.fancybox-outer .column img {
	margin: 0px;
	margin-bottom: 70px;
	
}



/*body {
visibility: visible;
}
*/
body {
	background-color: black;
}

.skrollr-mobile .skrollable {
/*
May cause issues on Android default browser (see #331 on GitHub).
*/
/*  position:absolute;*/
}

.skrollable .skrollable {
/*
* Second-level skrollables are positioned relative their parent skrollable
*/
position:absolute;
}

.skrollable .skrollable .skrollable {
/*
* Third-level (and below) skrollables are positioned static
*/
position:static;
}

@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max--moz-device-pixel-ratio: 2) {  
    /* Put CSS here */  
}

@media only screen and (max-device-width: 1023px) and (min-device-width: 320px) {


html, body {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
overflow-x: hidden;
}

/*#header-option {
height: 1100px;
}*/

.nzs-mobile-menu nav.mainMenu_m {
position: absolute;
top: 100%;
display: none;
background-color: #FFF;
margin-top: 0;
/* padding: 15px 10px 5px 20px; */
width: 100%;
padding: 0px;
margin-right: 0px;
}
.nzs-mobile-menu nav.mainMenu_m ul li,
.nzs-mobile-menu nav.mainMenu_m ul li ul,
.nzs-mobile-menu nav.mainMenu_m ul li ul li a{
	display: block;
	width: 100%;
	float: none;
	/*padding: 13px 10px 13px 10px;*/
	border-bottom: 1px solid #ECEBEB;
	text-align: center;
	font-size: 30px !important;
	margin-bottom: 0;
	
}
nav.mainMenu_m ul li > a:hover, nav.mainMenu_m ul li.active > a {
	color: black !important;
	}
	.mainMenu_m.mobile-show ul {
		margin-bottom: 0px;
		width: 100%;

	}
.topBar.nzs-mobile-menu_m .mainMenu {
	margin: 0 auto;
	float: none;
	margin-top: -90px;
	padding-top: 50px;
}


.littlebird2 {
	left: 5px;
	top: 120px;
	width: 46px;
	height: 48px;
	position: fixed;
	z-index: 13;
	transition: all .3s;
 -ms-transition: all .3s;
 -moz-transition: all .3s;
 -webkit-transition: all .3s;
	background-size: cover;	
	}

#shapes {
	 -webkit-backface-visibility: hidden; -webkit-perspective: 1000;
	 transition: all .3s;
	 -o-transition: all .3s;
	 -ms-transition: all .3s;
	 -moz-transition: all .3s;
	 -webkit-transition: all .3s;
}

.littlebird {
	position: absolute;
}
.bottom-angle2 {
border-left-width: 268px;
border-bottom-width: 230px;
}
.topBar .container2 {
	position: absolute;
}
h1.hide-text {
height: 100px;
width: 107px;
}
.ribbs > .container {
padding: 0 15px;
}

.first-one {
	padding-bottom: 0px;
}
.first-one .contwrapper {
	padding-top: 150px;
}	
.first-one h1 {
font-size: 60px;
letter-spacing: 0px;
}
section h1 {
font-size: 50px;
text-align: center ;
}
section h1 span {
	text-align: center;
}	
/*section.parallax {
margin-top: -450px;
max-height: 200%;
height: 500px;
}*/
#second-section h1 {
font-size: 50px;
text-align: right !important;
}
#second-section h1 span {
	text-align: right !important;
}

	
.parallax-sections-37 {
	 margin-top: -200px !important; 
	}	
section.parallax {
	margin-top: -100px;
	/* max-height: 200%; */
	height: 1000px;
	width: 300%;
}
.magicwrap {
	width: 100%;
	height: 100%;
	/* width: 100%; */
	margin: 0 auto;
	background-size: contain !important;
	background-repeat: repeat !important;
	/* background-attachment: fixed !important; */
	position: relative;
	background-position-x: 50%;
	background-position-y: 0%;
	background-size: initial;
	background-repeat-x: no-repeat;
	background-repeat-y: no-repeat;
	background-attachment: initial !important;
	background-origin: initial;
	background-clip: initial;
	background-color: initial;
	height: 50% !important;
	width: 200%;
	z-index: 1;
	background-size: contain !important;
	}


#second-section {
margin-top: 0px;
}
#second-section .contwrapper {
		padding-top: 100px;
		padding-bottom: 0px;
	}
#second-section h1 {
}
#ca.cap.shape {
margin-bottom: 0px;
}
#capabilities {
/*margin-top: 200px;*/
}

#capabilities h1 {
	text-align: center;
}
#capabilities .contwrapper {
padding-top: 100px;
}
#capabilities .contwrapper .one-third {
width: 100% !important;
}
.one-third p {
text-align: center !important;
}

#the-nest {
margin-top: 0px;
}

#the-nest .contwrapper {
padding-top: 100px;
padding-bottom: 0px;
}
#the-nest h2 {
margin-bottom: 55px;
}

#the-nest .nest-icon {
	float: none;
	margin: 0 auto;
}
 #contact .nest-icon {
	 margin-bottom: 20px;
	 display: block;
	 float: none;
	 margin: 0 auto;
	 margin-top: 30px;
	 
 }


#brands-weve-worked-with {
margin-top: 0px;
}
#brands-weve-worked-with .contwrapper {
padding-top: 200px;
}

#brands-weve-worked-with img.size-full{
	display: block;
}
#brands-weve-worked-with h1 {
	text-align: left;
	
}
#brands-weve-worked-with h1 span {
	text-align: left;
	
}

#another-section .contwrapper {
	padding-top: 200px;
}
#another-section h1 {
	text-align: left;
}
#another-section h1 span {
	text-align: left;
}

#contact {
	
background: #141414;
	margin-bottom:0px;
	
}
#contact .contwrapper {
	padding-top: 100px;
}

#bottom-animation {
z-index: 98 !important;
background: #FFF;
margin-top: 0px;
}


#header-option .caption-holder {
/*position: absolute;*/
}
#header-option  h1 {
font-size: 70px;
font-size: 500%;
right: 10px;
margin-top: -120px;
position:relative;
}
 
 #header-option {
margin-bottom: 0px;
height: 700px;
position: absolute;
width: 100%;
overflow:hidden;
}
#header-option .hidingtitle {
/*visibility: hidden;*/
}
#skrollr-body {
	overflow: visible;
} 
#wrapper {
	overflow: visible;
	padding-top: 400px;
	/*padding-bottom: 250px;*/
}
#shapes {
	/*top: 100px;*/
} 
#shapes .home, .works, .cap, .thenext, .brands, .team2 {
/*margin-bottom: 400px;*/
-webkit-font-smoothing: antialiased;	
}
#shapes .works, .cap, .thenext, .brands, .team2 {
-webkit-transform: none;
padding-bottom: 300px;	
}
#shapes img {
	display: none;
}

.scrollpos {
position: fixed;
z-index: 100;
background: #ffffff;
top: 0;
right: 0;
}
.headerimg {
	background-position-x: 50%;
	background-position-y: 0%;
	background-size: initial;
	background-repeat-x: no-repeat;
	background-repeat-y: no-repeat;
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-color: initial;
	height: 50% !important;
	width: 200%;
	z-index: 1;
	background-size: cover !important;
	z-index: -1;
	background-attachment: fixed;
	background-position: 50% 0;
	/* width: 440px; */
	overflow: hidden;
	}

.inline_work_wrapper_center {
max-height: 80%;
width: 90%;
font-size: 16px;

}	
.inline_work_wrapper_center h1 {
	margin-bottom: 20px;
	font-size: 40px;
}	

.size-full {
	display: none;
}
.fancybox-wrap .size-full {
	display: inline-block;
	margin: 0px !important;
}	
.fancybox-image {
	/*width: 100%;*/
}
.container .one-third.column {
	width: 100%;


}
}

 @media only screen and (max-width: 767px) {

section h2 {
  font-size: 67px;
   }
}