/* colors */
/* grey: #74767a */
/* green: #dfe450 */

/* global */
::-moz-selection { background: #dfe450; color: #74767a; }
::selection { background: #dfe450; color: #74767a; }

body {font-family: 'Open Sans', sans-serif;}
.row {max-width: 1000px; padding: 0;}
#logo {margin-top: 20px; margin-bottom: 10px;}
.fullwidth {width: 100%; height: auto;}
.nopad {padding: 0 !important;}
/* fonts */
@font-face {
	font-family: 'Gotham';
	src: url('../fonts/GothamBlack.eot');
	src: url('../fonts/GothamBlack.eot?#iefix') format('embedded-opentype'),
		url('../fonts/GothamBlack.woff2') format('woff2'),
		url('../fonts/GothamBlack.woff') format('woff'),
		url('../fonts/GothamBlack.ttf') format('truetype'),
		url('../fonts/GothamBlack.svg#GothamBlack') format('svg');
	font-weight: 900;
	font-style: normal;
}
h1, h2, h3, h4, h5, h6 {font-family: 'Gotham', 'Open Sans', sans-serif; color: #dfe450;}
.title {font-size: .9rem !important; font-family: 'Gotham', 'Open Sans', sans-serif; line-height: 20px;}
	.title span {font-size: 1.2rem;}
.title_green {font-size: 16pt; font-family: 'Gotham', 'Open Sans', sans-serif; line-height: 22px; color: #dfe450;}

/* navigation */
#main-nav {margin-top: 35px;}
	#main-nav ul li {float: right;}
		#main-nav ul li:hover {background-color: #dfe450;}
	#main-nav a {color: #74767a; font-weight: 400;}

#mobile-nav {background: #74767a; width: 100%; display: none;}
.mobile-menu li {
	display: block;
    float: left;
    width: 50%;
    text-align: center;
    padding: 40px 0;
}
	.mobile-menu li a{
		color: #fefefe;
		font-family: 'Gotham', 'Open Sans', sans-serif;
	}

/* home page specific */
.home-row {margin-bottom: 4px;}
.left {margin-right: 4px;}

#first-row {background: #7dccd4;}
#second-row {max-width: 690px; background: #353951;}
#third-row {max-width: 306px;}
#fourth-row {
	position: relative;
	max-width: 288px;
	max-height: 493px;
	color: #FFF;
	background-color: #f0942d;
	background-image: url(../img/home/fourth.png);
	margin-bottom: 4px;
}
	#fourth-row p{font-size: 11pt; line-height: 16px; margin-bottom: 10px;}
#fifth-row {max-width: 708px;}

#hundred-spacer {width: 100%; height: 100px;}
#copySwapBlock {height: auto; padding: 23px;}
#navigationSwap { position: absolute; right: 20px; bottom: 10px;}
	#navigationSwap a {font-family: 'Gotham', 'Open Sans', sans-serif; color: #FFF; }
	#swap-link1 {opacity: .6;}
/* end homepage specific */

/* subpages */
.copy {color: #74767a;}
.final_image {margin-top: 10px; display: block; margin: 0 auto;}
.quote {padding: 10px 40px 10px 40px;}
	.quote p{color: #dfe450; font-size: 28pt; font-family: 'Gotham', 'Open Sans', sans-serif; text-align: right; line-height: 38px;}
.quote ::-moz-selection { background: #dfe450; color: #FFF; }
.quote ::selection { background: #dfe450; color: #FFF; }
.form_box {padding: 0 60px;}
.button {background-color: #dfe450; font-family: 'Gotham', 'Open Sans', sans-serif;}
	.button:hover {background-color: #8d62ac;}

/* client subpage specifics */
.client {max-width: 203px; margin-bottom: 20px;}

/* product subpage specifics */
.product {margin-top: 40px; margin-bottom: 40px;}
.product_pic {width: 100%; height: 100%;}
.product_description {
	position: relative;
	max-height: 370px;
	overflow: hidden;
}
.more {
	width: 100%; 
	height: 145px; 
	background-image: url(../img/subpage/gradient.png); 
	position: absolute; 
	bottom: 0; 
	z-index: 20; 
	text-align: center;
	cursor: pointer;
}
	.more span {
		position: absolute;
		left: 0;
		right: 0;
		top: 82px;
		color: #dfe450;
		font-weight: 400;
		font-size: 14pt;
		letter-spacing: 2px;
		margin-left: -13px;
		font-family: 'Gotham', 'Open Sans', sans-serif;
		cursor: pointer;
	}
.less {
	display: none;
	width: 100%;
	position: absolute; 
	bottom: -7px; 
	z-index: 20; 
	text-align: center;
	cursor: pointer;	
}
	.less span {
		color: #dfe450;
		font-weight: 400;
		font-size: 14pt;
		letter-spacing: 2px;
		margin-left: -13px;
		font-family: 'Gotham', 'Open Sans', sans-serif;
		cursor: pointer;
	}

/* media queries / mobile controls */
#first-row_mobile {display: none;}
.mobileText {display: none;}
@media all and (max-width: 1024px) {
	.form_box {margin: 0; margin-bottom: 30px; padding: 0;}
}
@media all and (max-width: 1014px) {
  body {
	/*background: magenta;*/
	padding: 0 40px;
  }
#second-row {max-width: 100%;}
#second-row img {max-width: 690px;}
#third-row {max-width: 50%; padding-right: 4px !important;}
#fourth-row {max-width: 50%; margin: 0; margin-bottom: 4px;}
#fifth-row {display: none;}
}
@media all and (max-width: 990px) {
	.quote p{font-size: 24pt; line-height: 36px;}
}
@media all and (max-width: 900px) {
	.mobileText {display: block;}
	.screenText {display: none;}
	.quote p{text-align: left;}
}
@media all and (max-width: 845px) {
	#third-row {max-width: 45%;}
	#fourth-row {max-width: 55%;}
}
@media all and (max-width: 639px) {
	#main-nav {margin-top: 35px; margin-bottom: 10px;}
	.menu > li > a {font-size: 10pt; padding: 0.7rem .45em; padding-right: 0;}
	#main-nav ul li:hover {background-color: #fefefe;}
	.product_pic {margin-top: 20px;}
}
@media all and (max-width: 550px) {
	#main-nav ul li {font-size: 11pt;}
	#first-row {display: none;}
	#second-row {display: none;}
	#third-row {display: none;}
	#fourth-row {max-width: 100%;}
	#first-row_mobile {display: block;}
}
@media all and (max-width: 482px) {
	.quote p{font-size: 18pt; line-height: 22pt;}
}
@media (max-width: 320px) {
	#fourth-row {max-height: 580px;}
	.menu > li > a {padding: 0;}
}