/* reset */
body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

html,body {
	margin:0; 
	padding:0; 
	height:100%;
	width:100%;
}

body
{
	font-family: sans-serif;
	background: #FAFAFA;
	font-size:14px;
}

.social-small i {
	padding:10px 5px;
}
.author-bio {
	vertical-align:top;
	display:inline-block;
	padding:15px 15px;
	max-width:500px;

}
.author-image-container {
	width:100px;
	display:inline-block;
}
.image-and-bio {
	display:inline;
}
.pub.author {
	padding-top:15px
}
.author-articles {
	padding:15px;
	border:1px solid #EEE;
}
.author-article {
	padding:10px 5px;
}
.author-article a {
	color:#008;
}
.nomargin {
	margin:0;
}
.author-article h2 {
	font-weight:bold;
	color:#008
}
.article-image-secondary {
	max-width:100%;
}
.author-articles h2 {
	text-align:left;
}
.social-small a {
	color:#888;
}
.social-small a:hover {
	color:#88f;
	text-decoration: none;
}

#container {
	width:100%;
	height:100%;
	border-collapse:collapse;
	margin: 0 auto;
	padding: 0 auto;
	display:table;
}

.article-subtitle {
	font-size:90%;
	color:#888;
	font-weight:0;
	font-family:"Raleway",sans-serif;
}

.article-subtitle a {
	color:#888 !important;
}

.article-content p {
	line-height:150%;
}

h1
{
	font-weight: bold;
	font-size: 120%;
	margin-bottom: 1em;
}

.home-container h1 {
	font-family: 'Raleway', sans-serif;
	font-size:250%;
	color: #004;
	font-weight:0;
}

div.home-container-transparent {
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	opacity: 0.75;
	filter: alpha(opacity=75);
}

div.home-container {
	background-color:#668;
	width:100%;
	min-height:100%;
	height:100%;
	vertical-align:middle;
	position:relative;
	display:table;
}
.col-quote {
	padding:15px;
}

.col-quote-container {
	min-width:300px;
	vertical-align:middle;
	color:#004;
}
.white-bg {
	background:#fff;
}
div.home-container-caption {
	position:absolute;
	top:45%;
	width:100%;
	z-index:95;
	text-align:center;
	display:inline-block;
}
div.home-container-text {
	position:relative;
	padding:0% 15%;
	margin-top:50px;
	z-index:95;
	display:inline-block;
}
.row3 {
	position:relative;
	margin:0 auto;
	padding: 0 0 10% 0;
	width:70%;
}

.col2-container {
	height:100%;
	display:table;
	width:100%;
}

.col2.middle {
	 background:#fff;
	vertical-align:middle;
}

.col2 {
	min-height:200px;
	width:50%;
	border-collapse:collapse;
	display:table-cell;
	height:100%;
	font-family: sans-serif;
}
.col2.title {
	vertical-align:middle;
	height:100%;
	background-size:cover;
	background-repeat: no-repeat;
	position:relative;
}

.col2 p {
	font-family:'Raleway', sans-serif;
}

.col2 h1 {
	width:100%;
	height:100%;
	vertical-align:middle;
	text-align:center;
	padding: auto 0;
}
.col2 h2 {
	font-size:120%;
}

.col3 {
	display:inline-block;
	max-width:25%;
	min-width:300px; /* 250px */
	border-collapse:collapse;
	vertical-align:top;
}
.col3 ul li {
	list-style-type:none;
	font-weight:bold;
	color:#004;
}

.col3 h2 {
	width:100%;
	text-align:center;
	color: #004;
	font-size:125%;
	font-family: 'Raleway', sans-serif;
}
span.main-text,
div.main-text {
	color: #004;
	font-size: 200%;
	font-weight:100;
	font-family: 'Raleway', sans-serif;
	text-align:left;
	padding:25px;
	display:block;
}
.main-text.mid > p {
	font-size:75%;
	line-height:150%;
}
.main-text a {
	color:#008;
	font-weight:bold;
}
.main-text > p {
	font-family: 'Raleway', sans-serif;
}
h1.about {
	margin-top:35px;
	margin-bottom:35px;
	text-align:center;
}
h1.main-header {
	color:#FFF;
	font-size: 400%;
	font-weight:500;
	display:inline;
	font-family: 'Raleway', sans-serif;
}
h2
{
	font-weight: bold;
	font-size: 110%;
	margin: 1em 0;
}
h2.pub {
    margin: 5px !important;
	font-family: 'Raleway', sans-serif;
}
h1.pub {
	border-bottom:1px solid #DDD;
	margin-bottom:10px;
	font-family: 'Raleway', sans-serif;
}
p
{
    margin: 1em 0;
    padding-left: 10px;
    font-family: sans-serif;
}
ul,
ol
{
	padding-left: 2em;
	margin-bottom:10px;
}
li {
    margin:3px;
}
pre
{
	margin: 0 3em;
#	padding: .5em;
#	border: 1px solid #D5D4B9;
#	background: #F1F0DD;
	width:auto;
	display:inline-block;
	white-space: pre-wrap;
}
a
{
	color: #00c;
	text-decoration:none;
}
a:hover
{
	text-decoration:underline;
}

.path
{
	font-weight: bold;
}
.note
{
	color: #999;
	font-size: 90%;
}

#altheader {
    z-index:100;
    display:none;
    position:fixed;
    top:0;
    left:0;
    height:65px;
    border:1px solid #EEE;
    background:#fff;
    width:100%;
}
#altheader > a > img {
	position:relative;
	height:65px;
	padding:0px 15px;
}
#header
{
	background: #fff;
	color: #fff;
	letter-spacing: 2px;

	margin: 35px auto;
	padding: 1em;
	text-align: center;
}

#footer
{
	padding-top:30px !important;
#	border-top:1px solid #eee;
	font-size:10px;
	text-align:center;
	z-index:0;
	/*
	position:absolute;
	width:100%;
	display:table-row;
	*/
}

#footer > #copyright {
	padding:15px 0;
	font-family:"Raleway",sans-serif;
}

#header > #headlinks > a {
	display:inline-block;
	margin:5px;
}

#header > #headlinks > a:not(:first-child):before {
	content:"|";
	padding-right:15px;
	color:#000;
}

#header > #headlinks > a:hover:before {
	text-decoration:none !important;
	display:inline-block;
}

#altheader > #headlinks {
	display:table;
	float:right;
	right:10px;
	top:0px;
}
#altheader > #headlinks > a {
	font-family: 'Raleway', sans-serif;
	height:36px;
	display:table-cell;
	vertical-align:middle;
	border-collapse:collapse;
	top:0;
}
#altheader > #headlinks > a:hover {
	text-decoration:none;
	border-bottom: 3px solid #88f;
	background-color: #FAFAFF;
	font-weight:900;
}
#altheader > #headlinks > a {
	padding:0px 15px;
	height:98%;
	font-size:120%;
	line-height:400%;
}
#altheader > #headlinks,
#header > #headlinks {
	margin: 0px 0px 0px 0px;
}
#headlinks
{
	color: #000;
	font-size:14px;
	font-weight: 600;
	height:100%;
	position:relative;
}
.col-overlay {
	z-index:95;
	position:absolute;
	width:100%
}
#content
{
	max-width: 670px;
	margin: -1em auto;
	padding: 1em;
	background: #fff;
	border-radius:15px;
}

#content p {
/*
	line-height:150%;
	font-size:120%;
*/
}

div.multilist {
    margin-left:15px;
    font-size:12px;
}
#social {
    display:block;
    font-size:24px;
    padding-bottom:15px;
}
#social > a {
    text-decoration:none;
    margin:1%;
}
#social > a > i {
    background:#88f;
    color:#fff;
    border-radius: 20px;
    width: 35px;
    height: 30px;
    text-align: center;
    padding-top: 5px;
}
.client-logo {
    width:240px;
}
.client-logo-container {
    border:#1px solid #000;
	text-align:center;
}
.author-image {
	width:100px;
	border:1px solid #888;
}
a.article-link {
	color:#004;
}
.w15 {
}
.w30 {
    max-width:210px;
    width:100%;
}
.w60 {
    max-width:420px;
    width:100%;
}
.w100 {
    width:100%;
}
.h100 {
    height:100% !important;
}
.f125 {
    font-size:125% !important;
}
.f200 {
    font-size:200%;
}
.learn-more {
    margin-top:15px;
    margin-left:35px;
}
div.article-image-container {
    padding:10px 15px;
}

.projects {
	padding-left: 0em;
}

.project-container {
	display:inline-block;
	width:100%;
}

.project-image {
	display:inline-block;
	float:left;
	width:250px;
	height:auto;
}
.project-image > img {
	padding:15px;
}

.project-info {
	float:left;
	max-width:400px;
}

#mobile-menu {
	display:none;
}

#mobile_dropdown {
	display:none;
	float:left;
	left:0;
	top:60px;
}

.col3 .fa-check {
	padding-right:15px;
	color:#080;
}

.col3 a {
	font-weight: bold;
}

.youtube {
	width:640px;
	height:480px;
}

.container {
  height:100%;
}

.fzpl-video {
    text-align:center;
    margin:15px;
}

@media only screen and (max-width: 768px) {
	/* mobile layout */ 

	body, td, textarea, div, a, span, ul {
		font-size: 100%; 
	}

	h1, .main-text {
		font-size:125% !important;
	}

	not(.about) .main-text {
		padding-top:0 !important;
	}

	.main-text p {
		font-size:90%;
	}

	#content {
		margin-top:3em;
	}
	
	#content p {
		font-size:12px;
	}
	li {
		font-size:12px;
	}
	div.multilist > ul > li {
		font-size:12px;
	}
	h2.pub {
		font-size:12px;
	}

	#mobile_menu {
		top:0;
		left:0;
		text-align:left;
//		border:1px solid #DDD;
		background:#fff;
		z-index:100;
		width:inherit;
		position:fixed;
		height:60px;
		display:table;
	}

	#mobile_content {
		background:#fff;
		width:100%;
		vertical-align:middle;
		display:table-cell;
		height:inherit;
	}
	#menu_button {
		font-size:48px;
		top:8px;
		//right:15px;
		right:15px;
		padding:0 5px;
		position:fixed;
		position:absolute;
	}
	#menu_logo {
		display:inline-block;
	}
	#menu_logo > img {
		padding:10px;
		height:20px;
		width:auto;
	}
	#menu_button > a {
		color:#44A;
	}
	#mobile_dropdown {
		position:fixed;
		width:100%;
		border: 1px solid #DDD;
		border-top: none;
		background:#fff;//#fafafa;
		padding:0px 10px;
		padding-bottom:10px;
		top:60px;
	}
	#mobile_dropdown > #headlinks > a {
		display:table-row;
		height:30px;
		line-height:30px;
	}
	#mobile_dropdown > #headlinks > a > span {
		margin-right:auto;
	}

	#altheader > #headlinks > a > span {
		font-size:50%;
	}

	.col3 h2 {
		text-align:left;
	}

	.col2 {
		width:100%;
		display:inline-block;
		min-height:150px;
	}

	.white-bg .col2 {
		width:90% !important;
	}

	.col2.title {
		height:150px;
	}

	.col2-container {
		position:relative;
		height:auto;
		min-height:auto;
	}

	home-container.about .col2 p {
	    padding-left:0;
	}

	.toleftright {
		display:flex;
		flex-direction: column-reverse;
	}

	.col2 h1 {
		margin-top:65px;
	}
	.home-container:not(first-child) {
		height:auto;
		min-height:auto;
	}
	.home-container.about{
	    margin-top:65px;
	}
	div.home-container-text {
		padding:0% 0px;
		margin-top:0px;
	}
	.row3 {
		width:80%;
	}
	.row3 h2 {
//		text-align:center;
	}

	.youtube {
		width:auto;
		height:auto;
	}

}