/** FONTS **/

@font-face {
	font-family: 'bebas_neuebold';
	src: url('../fonts/bebasneue-bold-webfont.woff2') format('woff2'), url('../fonts/bebasneue-bold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
/** GENERAL STYLES **/

html, body {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	left: 0;
	top: 0;
	font-size: 110%;
}
::-moz-selection {
	background: #b3d4fc;
	text-shadow: none;
}
::selection {
	background: #b3d4fc;
	text-shadow: none;
}
audio, canvas, iframe, img, svg, video {
	vertical-align: middle;
}
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
textarea {
	resize: vertical;
}
.browserupgrade {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}
ol, ul {
	list-style: none;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0 0;
	padding: 0 0;
}
* {
	font-family: 'Zilla Slab', serif;
	line-height: 1.5;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased!important;
	-moz-osx-font-smoothing: grayscale;
	color: #0f2b3a;
	font-weight: normal;
}
.text-center {
	text-align: center
}
.text-left {
	text-align: left
}
.text-right {
	text-align: right;
}
p {
	font-size: 21px;
	line-height: 2.2;
	margin: 0 0;
	font-weight: 400;
}
p.sub-p {
	font-size: 18px;
	line-height: 1.75;
}
p.bold {
	font-weight: 600;
}
span.gold {
	color: #cab282;
	line-height: inherit
}
h2 span.gold {
	font-family: 'bebas_neuebold', serif;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'bebas_neuebold', serif;
	margin: 0 0;
}
h1 {
	font-size: 70px;
	line-height: 1.1;
}
h2 {
	font-size: 60px;
	line-height: 1.2
}
h3 {
	font-family: 'Zilla Slab', serif;
	font-size: 30px;
	line-height: 1.75;
	font-weight: 300;
}
h4 {
	font-size: 40px;
	color: #fff;
}
h5 {
	font-size: 28px;
}
[class*='grid'], [class*='col-'], [class*='mobile-'], .grid:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
[class*='col-'] {
	float: left;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px;
}
[class*='col-']:last-child {
	padding-right: 10px;
}
.col-left {
	padding-left: 0px;
	padding-right: 20px;
}
.grid {
	width: 100%;
	margin: 0 auto;
}
.grid:after {
	content: "";
	display: table;
	clear: both;
}
.grid-pad {
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 0;
}
.push-right {
	float: right;
}
.col-1-1 {
	width: 100%;
}
.col-2-3, .col-8-12 {
	width: 66.66%;
}
.col-1-2, .col-6-12 {
	width: 50%;
}
.col-1-3, .col-4-12 {
	width: 33.33%;
}
.col-1-4, .col-3-12 {
	width: 25%;
}
.col-1-5 {
	width: 20%;
}
.col-1-6, .col-2-12 {
	width: 16.667%;
}
.col-1-7 {
	width: 14.28%;
}
.col-1-8 {
	width: 12.5%;
}
.col-1-9 {
	width: 11.1%;
}
.col-1-10 {
	width: 10%;
}
.col-1-11 {
	width: 9.09%;
}
.col-1-12 {
	width: 8.33%
}
.col-11-12 {
	width: 91.66%
}
.col-10-12 {
	width: 83.333%;
}
.col-9-12 {
	width: 75%;
}
.col-5-12 {
	width: 41.66%;
}
.col-7-12 {
	width: 58.33%
}
.push-2-3, .push-8-12 {
	margin-left: 66.66%;
}
.push-1-2, .push-6-12 {
	margin-left: 50%;
}
.push-1-3, .push-4-12 {
	margin-left: 33.33%;
}
.push-1-4, .push-3-12 {
	margin-left: 25%;
}
.push-1-5 {
	margin-left: 20%;
}
.push-1-6, .push-2-12 {
	margin-left: 16.667%;
}
.push-1-7 {
	margin-left: 14.28%;
}
.push-1-8 {
	margin-left: 12.5%;
}
.push-1-9 {
	margin-left: 11.1%;
}
.push-1-10 {
	margin-left: 10%;
}
.push-1-11 {
	margin-left: 9.09%;
}
.push-1-12 {
	margin-left: 8.33%
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.center {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.justify {
	text-align: justify;
}
.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}
.container-sm {
	margin: 0 auto;
	width: 770px;
	position: relative;
}
.container-lg {
	max-width: 1320px;
	margin: 0 auto;
	position: relative
}
section {
	padding: 160px 0;
	margin: 0 0
}
section#spacer {
	height: 4000px;
	background-color: red
}
a.btn {
	display: inline-block;
	width: auto;
	padding: 10px 45px;
	color: #886f50;
	border: 3px solid #886f50;
	font-family: 'bebas_neuebold', serif;
	font-size: 22px;
	margin-top: 60px;
	text-decoration: none;
	-webkit-transition: all .25s linear;
	-moz-transition: all .25s linear;
	-ms-transition: all .25s linear;
	-o-transition: all .25s linear;
	transition: all .25s linear;
}
a.btn:hover {
	background-color: #886f50;
	color: #fff;
}
a.inline {
	display: inline;
	position: relative;
	overflow: hidden;
	text-decoration: none;
	font-weight: 600;
}
a.inline svg {
	fill: #494f5e;
	margin-left: 5px
}
a.inline:hover svg {
	fill: #0f2b3a
}
a.inline:hover {
	color: #0f2b3a
}
.inline:after {
	content: "";
	position: absolute;
	z-index: -1;
	right: 0;
	width: 0;
	bottom: -4px;
	background: #0f2b3a;
	height: 2px;
	transition-property: width;
	transition-duration: .3s;
	transition-timing-function: ease-out;
}
.inline:hover:after, .inline-a:focus:after, .inline-a:active:after {
	left: 0;
	right: auto;
	width: 100%
}
/** MENU **/

.nav {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px 0;
	z-index: 9999;
	background-color: transparent;
}
a.nav-btn {
	display: inline-block;
	width: auto;
	padding: 7px 30px;
	color: #cab282;
	border: 1px solid #cab282;
	font-family: 'bebas_neuebold', serif;
	font-size: 18px;
	text-decoration: none;
	-webkit-transition: all .25s linear;
	-moz-transition: all .25s linear;
	-ms-transition: all .25s linear;
	-o-transition: all .25s linear;
	transition: all .25s linear;
	margin-right: 20px;
}
a.nav-btn:hover {
	border-color: #fff;
	color: #fff;
}
.nav ul {
	margin-left: 20px;
}
.nav ul li {
	margin: 0 35px 0 0;
	display: inline-block;
}
.nav ul li a {
	background-image: url(../img/twitter.svg);
	background-position: 0 0;
	width: 22px;
	height: 22px;
	display: inline-block;
}
.nav ul li a.nav-linkedin {
	background-image: url(../img/linkedin.svg)
}
.nav ul li a.nav-instagram {
	background-image: url(../img/instagram.svg)
}
.nav ul li a:hover {
	background-position: 0 -22px;
}
/** HEADER **/

.top-bar {
	width: 100%;
	height: 4px;
	display: block;
	position: fixed;
	background-color: #cab282;
	z-index: 9999
}
section#header {
	height: 100%;
	padding: 0 0
}
.header-hero {
	position: relative;
	width: 100%;
	height: 65%;
	background-color: #0f2b3a;
	background-image: url(../img/hero.jpg);
	background-size: cover;
	background-position: bottom center;
}
.header-hero-logo {
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
}
.header-hero-logo img {
	width: 390px;
	margin-top: 25px;
}
.header-tagline {
	width: 100%;
	height: 35%;
	display: block;
	position: relative;
}
.header-tagline-h1 {
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
}
/** Intro **/

section#lead-text {
	padding: 0 0 175px 0
}
#lead-text p {
	margin-top: 0
}
/** Challenges **/

section#challenges {
	background-color: #f1ebdf;
	padding-bottom: 0px;
}
.challenges-block {
	height: 400px;
	position: relative;
	background-color: #000;
	background-position: center center;
	overflow: hidden;
	padding: 0 0
}
.challenges-block-h4 {
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	display: block;
}
#challenges .challenges-block-outer {
	margin-top: 140px;
}
#team {
	background-image: url(../img/team.jpg)
}
#talent {
	background-image: url(../img/talent.jpg)
}
#customers {
	background-image: url(../img/customers.jpg)
}
.challenges-block-inner {
	height: 100%;
	width: 100%;
	transition: all 0.7s ease;
	background-image: url('../img/team.jpg');
	background-size: cover;
	background-position: center center;
}
.challenges-block-inner:hover {
	transform: scale(1.1);
}
/** Experience **/

section#experience {
	padding: 160px 0 175px
}
.brands img {
	max-width: 200px;
	margin-top: 120px;
}
/** Pull **/

section#pull {
	background-color: #0f2b3a;
	background-image: url(../img/pullbg.jpg);
	background-position: center center;
	background-size: cover;
	position: relative;
	overflow: hidden;
}
#pull p {
	color: #f1ebdf;
	line-height: 2;
	font-weight: 300;
	font-size: 24px;
}
#pull video {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: 0;
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	z-index: 777;
	filter: grayscale(100%);
}
#pull .overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #072432;
	opacity: 0.9;
	z-index: 888;
	top: 0;
	left: 0;
}
#pull .text-overlay {
	z-index: 999;
}
#pull h5 {
	color: #cab282;
	margin-top: 35px;
}
/** Truth **/

section#truth {
	background-color: #f1ebdf;
}
#truth h2 {
	max-width: 385px;
	margin: 0 auto 58px;
}
.process {
	margin-top: 78px;
}
.process p {
	width: 74%;
	margin: 32px 13% 0;
}
.process-icon {
	background-image: url(../img/process.png);
	display: block;
	width: 90px;
	height: 70px;
	margin: 0 auto 43px;
}
.write {
	background-position: -90px 0;
}
.build {
	background-position: -180px 0;
}
/** Services **/

section#services {
	background-color: #e8eaec;
	background-image: url(../img/birds.jpg);
	background-size: cover;
	background-position: bottom center
}
#services h2 {
	margin-bottom: 52px;
}
#services ul {
	margin: 0 0 550px 0;
}
#services ul li {
	display: inline;
}
#services ul li h3 {
	display: inline-block;
	font-weight: 400
}
#services ul li span.gold {
	font-size: 20px;
	padding: 0 15px;
	line-height: inherit
}
/** Form **/

section#form {
	background-color: #0f2b3a;
}
#form h2 {
	color: #f1ebdf;
	margin-bottom: 58px
}
#form p {
	color: #f1ebdf;
}
form {
	margin-top: 78px;
}
#form label {
	width: 93%;
	color: #f1ebdf;
	font-family: 'bebas_neuebold', serif;
	margin: 0 0;
	font-size: 24px;
	display: block;
}
#form input, textarea {
	width: 93%;
	padding: 14px 2% 14px 2%;
	background-color: #0f2b3a;
	font-size: 19px;
	color: #fff;
	border: 1px solid #f1ebdf;
	margin-top: 5px;
	font-weight: 300;
}
#form .email label {
	margin-left: 3%;
}
#form .email input {
	margin-left: 3%;
}
#form textarea {
	width: 96%
}
#form .message label {
	margin-top: 38px;
}
#form input.button {
	display: inline-block;
	width: auto;
	padding: 10px 45px;
	color: #cab282;
	background-color: transparent;
	border: 3px solid #cab282;
	font-family: 'bebas_neuebold', serif;
	font-size: 22px;
	margin-top: 60px;
	text-decoration: none;
	-webkit-transition: all .25s linear;
	-moz-transition: all .25s linear;
	-ms-transition: all .25s linear;
	-o-transition: all .25s linear;
	transition: all .25s linear;
	cursor: pointer
}
#form input.button:hover {
	background-color: #cab282;
	color: #0f2b3a;
}
label[for="sweet"], #sweet {
	display: none;
	visibility: hidden;
}
/** Footer **/

section#footer {
	padding: 60px 0;
}
ul.social-footer {
	text-align: center;
	display: block;
	margin: 0 auto;
}
ul.social-footer li {
	display: inline-block;
	width: 22px;
	height: 22px;
	margin: 0 30px;
	background-position: 0 0;
}
ul.social-footer li:hover {
	background-position: 0 -44px
}
ul.social-footer li.twitter {
	background-image: url(../img/twitter.svg);
}
ul.social-footer li.linkedin {
	background-image: url(../img/linkedin.svg);
}
ul.social-footer li.instagram {
	background-image: url(../img/instagram.svg);
}
.footer-logo img {
	width: 260px;
	margin: 140px 0
}
#footer p {
	font-size: 20px;
	line-height: 1.5
}
.bottom-bar {
	background-color: #cab282;
	padding: 15px 0;
}
.bottom-bar p {
	font-size: 16px;
	line-height: 1;
	color: #886f50;
}
.bottom-bar a {
	color: #886f50;
}
/** HOLDING PAGE **/

.hold-outer {
	width: 100%;
	height: 100%;
	background-image: url(../img/hold-hero.jpg);
	background-size: cover;
	background-position: center center;
	position: relative;
}
.hold-logo {
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	text-align: center;
}
.hold-logo img {
	max-width: 400px;
}
.hold-social {
	position: absolute;
	left: 0;
	top: 40px;
	width: 100%;
}
.hold-social ul li {
	display: inline-block;
	width: 22px;
	height: 22px;
	margin: 0 25px;
}
.hold-text {
	position: absolute;
	left: 0;
	bottom: 40px;
	width: 100%;
	text-align: center;
}
.hold-text h3 {
	color: #fff;
}
/** FORM ACCEPT **/

.accept-header {
	width: 100%;
	height: 45%;
	background-image: url(../img/hold-hero.jpg);
	background-size: cover;
	background-position: center center;
	position: relative;
}
.accept-logo-block {
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	text-align: center;
}
.accept-logo-block img {
	max-width: 360px;
}
.accept-body {
	height: 55%;
	width: 100%;
	position: relative;
}
.accept-body-block {
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
}
.accept-body-block p {
	margin-top: 50px;
	line-height: 1.75
}
.accept-body-return {
	margin-top: 50px;
	width: 100%;
}
.accept-body-social {
	margin-top: 40px;
	width: 100%;
}
@media only screen and (max-width:1439px) {
	.container-sm {
		width: 660px;
	}
	.container-lg {
		width: 1024px;
	}
	h1 {
		font-size: 60px;
	}
	h2 {
		font-size: 55px;
	}
	h3 {
		font-size: 30px;
	}
	h4 {
		font-size: 35px;
	}
	.header-hero-logo img {
		width: 340px;
	}
	.accept-logo-block img {
		max-width: 320px;
	}
	#services ul {
		margin: 0 0 350px 0;
	}
}
@media only screen and (max-width:1025px) {
	.container-sm {
		width: 550px;
	}
	.container-lg {
		width: 90%;
	}
	p {
		font-size: 19px;
	}
	p.sub-p {
		font-size: 16px;
	}
	.header-hero-logo img {
		width: 280px;
	}
	.accept-logo-block img {
		max-width: 280px;
	}
	h1 {
		font-size: 50px;
	}
	h2 {
		font-size: 50px;
	}
	h3 {
		font-size: 28px;
	}
	h4 {
		font-size: 30px;
	}
	.brands img {
		max-width: 175px;
	}
	#form label {
		font-size: 20px;
	}
	.nav {
		display: none;
	}
	.col-8-12 {
		width: 83.33.%;
		margin-left: 8.33%;
	}
	#form input, textarea {
		padding: 10px 2% 10px 2%;
		font-size: 17px;
	}
	.process p {
		width: 86%;
		margin: 32px 7% 0;
	}
	#services ul {
		margin: 0 0 200px 0;
	}
	#form .message label {
		margin-top: 19px;
	}
}
@media only screen and (max-width:720px) {
	.container-sm {
		width: 450px;
	}
	.col-4-12 {
		width: 100%
	}
	.challenges-block {
		height: 300px;
	}
	h4 {
		font-size: 35px;
	}
	.brands .col-4-12 {
		width: 50%;
	}
	.col-8-12 {
		width: 100%;
		margin-left: 0;
	}
	#pull p {
		font-size: 21px;
		line-height: 1.75;
	}
	.write {
		margin-top: 78px;
	}
	.build {
		margin-top: 78px;
	}
	#services .col-10-12 {
		width: 100%;
		margin: 0 0;
	}
	#services ul li span.gold {
		padding: 0 5px;
	}
	#services ul {
		margin: 0 0 200px 0;
	}
	#form .col-10-12 {
		width: 100%;
		margin: 0 0;
		padding-left: 0px;
		padding-right: 0px;
	}
	.process p {
		max-width: 450px;
		margin: 32px auto 0;
	}
	#form input, textarea {
		padding: 10px 1% 10px 1%;
	}
	#form input, textarea {
		width: 95%
	}
	#form textarea {
		width: 98%;
	}
	a.btn {
		padding: 8px 43px;
		font-size: 20px;
	}
	#form input.button {
		padding: 8px 43px;
		font-size: 20px;
	}
}
@media only screen and (max-width:600px) {
	.container-sm {
		width: 90%;
	}
	#services ul {
		margin-bottom: 250px;
	}
	#services ul li span.gold {
		display: none;
	}
	#services ul li {
		display: block;
	}
}
@media only screen and (max-width:480px) {
	.header-hero {
		height: 60%;
	}
	.header-tagline {
		height: 40%;
	}
	p {
		line-height: 1.95;
		font-size: 18px;
	}
	.brands .col-4-12 {
		width: 100%;
	}
	.brands {
		margin-top: 60px;
	}
	.brands img {
		margin-top: 60px;
	}
	h3 {
		font-size: 25px;
	}
	#form .col-6-12 {
		width: 100%;
		margin: 0 0;
	}
	#form .email label {
		margin-left: 0;
		margin-top: 19px;
	}
	#form .email input {
		margin-left: 0;
	}
	#footer ul li {
		margin: 0 25px;
	}
	#footer p {
		font-size: 18px;
	}
	#truth h2 {
		max-width: 320px;
	}
}
@media only screen and (max-width:360px) {
	h1 {
		font-size: 40px;
	}
	h2 {
		font-size: 40px;
	}
	h4 {
		font-size: 30px;
	}
	h3 {
		font-size: 22px;
	}
	.header-hero-logo img {
		width: 230px;
		margin-top: 35px;
	}
	.accept-logo-block img {
		max-width: 230px;
	}
	.process-icon {
		margin-bottom: 33px;
	}
	.process p {
		margin-top: 22px;
	}
}

.gold-link {
	color: #cab282;
	text-decoration: underline;
}