/*

Theme Name: WP-Forge

Theme URI: http://themeawesome.com/responsive-wordpress-theme

Author: ThemeAwesome.com

Author URI: http://themeawesome.com/

Description: WP-Forge is A WordPress Foundation theme that combinds two powerful platforms: WordPress, the leading open source blogging tool and content management system and ZURB's Foundation, the most advanced responsive front-end framework in the world. Foundation comes packed with all kinds of goodies. You get cool things like tooltips, modal popups, a slider, pricing tables and a whole lot more. By combining WordPress and Foundation you get a theme that makes creating websites fun and exciting again!

Version: 5.5.3.1

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: light, black, white, one-column, two-columns, right-sidebar, left-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, full-width-template, microformats, post-formats, sticky-post, translation-ready, responsive-layout

Text Domain: wp-forge



This theme, like WordPress, is licensed under the GPL. I hope you utilize WP-Forge to learn something new, create something awesome, have fun and more importantly, I hope you share what you have learned with others.

*/



/**

 * Table of Contents

 *

 * 1.0 - Reset

 * 2.0 - Accessibility

 * 3.0 - Repeatable Patterns

 * 4.0 - Basic Structure

 * 5.0 - Main content and comment content

 * 6.0 - Archives

 * 7.0 - Single image attachment view

 * 8.0 - Post Formats

 * 9.0 - Page Links

 * 10.0 - Comments

 * 11.0 - Front Page Template

 * 12.0 - Widgets

 * 13.0 - Social Menu

 * 14.0 - Misc

 * 15.0 - Media Queries

 */



/**

 * 1.0 - Reset

 */

ins {

	background: #fff9c0;

	text-decoration: none;

	padding:0 0.1875rem;

}

sub,

sup {

	font-size: 75%;

	line-height: 0;

	position: relative;

	vertical-align: baseline;

}

sup {

	top: -0.5em;

}

sub {

	bottom: -0.25em;

}

small {

	font-size: smaller;

}

img {

	border: 0;

	-ms-interpolation-mode: bicubic;

}

.top-bar-section > .alert-box.secondary p {

	margin:0.5em 0;

}

.sticky {/* Style not used but left in case you want to style the sticky in some way */}



/**

 * 2.0 - Accessibility

 */

.says,

.assistive-text,

.screen-reader-text,

.site .screen-reader-text {

	clip: rect(1px, 1px, 1px, 1px);

	height: 1px;

	overflow: hidden;

	position: absolute !important;

	width: 0.0625rem;

}

.site .skip-link {

	background-color: #f1f1f1;

	box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);

	color: #21759b;

	display: block;

	font: bold 14px/normal "Noto Sans", sans-serif;

	left: -9999em;

	outline: none;

	padding: 15px 23px 14px;

	text-decoration: none;

	text-transform: none;

	top: -9999em;

}

.logged-in .site .skip-link {

	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);

	font: bold 14px/normal "Open Sans", sans-serif;

}

.site .skip-link:focus {

	clip: auto;

	height: auto;

	left: 6px;

	top: 7px;

	width: auto;

	z-index: 100000;

}



/**

 * 3.0 - Repeatable Patterns

 */



/* Small headers */

.archive-title,

.page-title,

.entry-content th,

.comment-content th {

	font-size: 0.6875rem;

	line-height: 2.181818182;

	font-weight:normal;

	text-transform: uppercase;

	color: #636363;

}

.widget-title {

	font-weight:normal;

	text-transform: uppercase;

	font-size:0.875rem	

}

select { /* Make sure select elements fit in widgets */

	cursor:pointer;

	max-width: 100%;

	padding:0.3em;

	border:1px solid #ccc;

}



/* Responsive images */

.entry-content img,

.comment-content img,

.widget img {

	max-width: 100%; /* Fluid images for posts, comments, and widgets */

}

img[class*="align"],

img[class*="wp-image-"],

img[class*="attachment-"] {

	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */

}

img.size-full,

img.size-large,

img.header-image,

img.wp-post-image {

	max-width: 100%;

	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */

}




.attachment-post-thumbnail {/* Centers post thumbnials */

    display:block;

    margin:0 auto 1.5rem;	

}



/* Make sure videos and embeds fit their containers */

embed,

iframe,

object,

video {

	max-width: 100%;

}

.entry-content .twitter-tweet-rendered {

	max-width: 100% ; /* Override the Twitter embed fixed width */

}

.size-auto, 

.size-full,

.size-large,

.size-medium,

.size-thumbnail {

	max-width: 100%;

	height: auto;

}



/* Images */

.alignleft {

	float: left;

}

.alignright {

	float: right;

}

.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}

figure {

	margin: 0 0 1rem;

}

figcaption, 

.wp-caption {

	max-width: 100%; /* Keep wide captions from overflowing their container. */

	padding: 4px;

}

figcaption, 

.wp-caption .wp-caption-text,

.gallery-caption,

.entry-caption {

	font-style: italic;

	font-size: 12px;

	line-height: 2;

	color: #757575;

}

img.wp-smiley,

.rsswidget img {

	border: 0;

	border-radius: 0;

	box-shadow: none;

	margin-bottom: 0;

	margin-top: 0;

	padding: 0;

}

.entry-content dl.gallery-item {

	margin: 0;

}

.gallery-item a,

.gallery-caption {

	width: 90%;

}

.gallery-item a {

	display: block;

}

.gallery-caption a {

	display: inline;

}

.gallery-columns-1 .gallery-item a {

	max-width: 100%;

	width: auto;

}

.gallery .gallery-icon img {

	height: auto;

	max-width: 90%;

	border:0;

}

.gallery-columns-1 .gallery-icon img {

	padding: 3%;

}



/* Post Navigation */

.nav-single {

	position:relative;

	float:left;

	width:100%;

	margin-bottom:3.75rem;

}

#nav-below  {

	position:relative;

	float:left;

	width:100%;

	margin-bottom:2rem;

}

.site-content nav {

	clear: both;

	line-height: 2;

	overflow: hidden;

}

.site-content #image-navigation {

	margin:1.5rem 0;

}

#nav-above {

	padding: 1.5rem 0;

}

#nav-above {

	display: none;

}

.paged #nav-above {

	display: block;

}

.nav-previous,

.previous-image {

	float: left;

	width: 50%;

}

.nav-next,

.next-image {

	float: right;

	text-align: right;

	width: 50%;

}

#comment-nav-below.columns {

	margin: 0 0 1.5rem;

	padding: 0;

}

.nav-single + .comments-area,

#comment-nav-above {

	margin: 3rem 0;

  	display: block;

  	position: relative;

  	clear: both;

}



/* Author profiles */

.author .archive-header {

	margin-bottom: 1.5rem;

}

.author-info {

  	border-bottom: 1px solid #ededed;

  	display: block;

	margin: 1.5rem 0;

	overflow: hidden;

	padding:20px 0;

	position: relative;

	float: left;

}

.author-description p {

	color: #757575;

	font-size: 0.875rem;

	line-height: 1.846153846;

}

.author.archive .author-info {

	border-top: 0;

	display: block;

	float: none;

	margin: 0 0 3rem;

	border-bottom: 1px solid #ededed;

	padding:10px 0;

	position: relative;

}

.author.archive .author-avatar {

	margin-top: 0;

}

.author.archive .author-avatar img {

	margin-top: 0;

	border-radius:50%;

}

.author-avatar {

	margin-top: 1.5rem;

  	text-align: center;

}

.author-avatar img {

	border-radius:50%;

}

.author-description h3 {

    text-align: center;

}

.author-description h2 {

	margin-top:0;

}



/**

 * 4.0 - Basic Structure

 */

body {

	color: #444444;

	background-color: #e6e6e6;

	text-rendering: optimizeLegibility;

	-ms-word-wrap: break-word;

	word-wrap: break-word;

}

/* main containers */

.header_container,

.nav_container,

.content_container,

.sidebar_container,

.footer_container {

	background-color: transparent;

	max-width: 100%;

	width: 100%;
	

}


.page-template-experience-page .content_container {
	margin-top: 110px;
	
	}

.content_wrap {
	

	

}

#header {

	padding:1.5rem 0;

}

.header-logo, 

.header-info {

	display:block;

	float:left;

	max-width:100%;

}

h1.site-title, 

h2 .site-description {

	margin: 0

}

h1.site-title a {

	display: block;

	line-height: 1.2;

	text-decoration: none;

}

h2.site-description {

	font-size: 1.6875rem;

	line-height:1.3;	

}

img.header-image {/* Remove fancy borders */

	border-radius: 0;

	box-shadow:none;

	margin-bottom: 1.5rem;

}

.widget-area .widget {

	-webkit-hyphens: auto;

	-moz-hyphens: auto;

	hyphens: auto;

	margin-bottom: 3rem;

}

.widget-area .widget ul {

	margin-left:2em;

}

.widget-area .widget h3 {

	margin-bottom: 5px;

}

.widget-area .widget p,

.widget-area .widget li {

	line-height: 1.846153846;

	font-size:0.875rem; /* equal to 14px */

}

.widget.widget_text {

	line-height: 1.846153846;

	font-size:0.875rem; /* equal to 14px */

}

.widget-area .widget p {

	margin-bottom: 1.5rem;

}

.widget-area .textwidget ul {

	list-style: disc outside;

	margin: 0 0 1.5rem;

}

.widget-area .textwidget li {

	margin-left: 36px;

}

footer[role="contentinfo"] {


	clear: both;

	line-height: 2;

	padding: 1.5rem 0;

}

footer[role="contentinfo"].inline-list {

	margin-bottom: 1rem;

}

footer > .site-info {

	margin-bottom:0;

}

footer > .site-info.lft {

	text-align:left;

}

footer > .site-info.rt {

	text-align:right;

}

footer > .site-info.cntr {

	text-align:center;

}

.table {

	display: table;   /* Allow the centering to work */

	margin: 0 auto;

}

.table ul.navcntr li {

	display: inline-block!important;

}

.footer_wrap p {

  margin-bottom:0;

}

.footer_wrap a {

	text-decoration:none;

}

.footer_wrap p, 

.footer_wrap a  {

	font-size: 1rem;

}

#secondary-sidebar {

	padding-top: 1.5rem;

	border-top: 1px solid #ededed;

}



/**

 * 5.0 - Main content and comment content

 */

.entry-meta {

	clear: both;

}

.entry-header {

	margin-bottom: 1.5rem;

}

.entry-meta-header,

.entry-meta-categories {

    color: #757575;

    font-size: 0.75rem;

    line-height: normal;

    margin-bottom: 1.5rem;

    text-transform: uppercase;

}

.entry-meta-header .genericon,

.entry-meta-categories .genericon {

    line-height:1;

    font-size: 1rem;

}

h1.entry-title {

	line-height: 1.2;

	margin-bottom: 1rem;

}

.entry-header .entry-title a {

	text-decoration: none;

}

span.edit-link {

	font-size: 0.75rem;

	margin-left: 0.3125rem;

}

span.edit-link-none {

	font-size: 0.75rem;

	margin: 0;

}

span.edit-link .genericon {

	font-size: 1rem;

	line-height: 1;

}

.attachment span.edit-link {

  margin-left: 0.5rem;

}

article .featured-post {

	border-top: 4px double #ededed;

	border-bottom: 4px double #ededed;

	color: #757575;

	font-size: 0.875rem;

	line-height: 3.692307692;

	margin-bottom: 1.5rem;

	text-align: center;

}

.entry-content ul, .entry-content ol {

	margin-left:2.125rem;

}

.entry-content [class*="block-grid-"] {

    margin: 0 0.625em;

}

.entry-content ul.pricing-table {

	margin-left:0;

}

.entry-content .f-dropdown {

	margin-bottom:0;

	margin-left:0;

	list-style:none;

}

.entry-content blockquote,

.comment-content blockquote {

	margin-bottom: 1.5rem;

	padding: 1.5rem;

	font-style: italic;

}

.entry-content blockquote p:last-child,

.comment-content blockquote p:last-child {

	margin-bottom: 0;

}

.entry-content pre,

.comment-content pre {

	background: #f9f9f9;

	color: #444;

	margin: 20px 0;

	overflow-x: auto;

	padding: 20px;

	line-height: 1.3rem;

	-ms-word-wrap:normal;

	word-wrap:normal;	

}

.entry-content pre code,

.comment-content pre code {

	background-color: transparent;

	border: 0;	

	font-weight: normal;

	display: block;

	line-height: 1.3rem;

}

.entry-content address,

.comment-content address {

	display: block;

	line-height: 1.714285714;

	margin: 0 0 1.5rem;

}

img.alignleft, .wp-caption.alignleft {

	margin: 12px 1.5rem 12px 0;

}

img.alignright, .wp-caption.alignright {

	margin: 12px 0 12px 1.5rem;

}

img.aligncenter {

	margin-top: 12px;

	margin-bottom: 12px;

}

img.alignnone {

	margin-bottom: 1.5rem;

}

.entry-content embed,

.entry-content iframe,

.entry-content object,

.entry-content video {

	margin-bottom: 1.5rem;

}

.entry-content dt,

.comment-content dt {

	font-weight: bold;

	line-height: 1.714285714;

}

.entry-content dd,

.comment-content dd {

	line-height: 1.714285714;

	margin-bottom: 1.5rem;

}

.entry-content table,

.comment-content table {

	border-bottom: 1px solid #ededed;

	color: #757575;

	line-height: 2;

	margin: 0 0 1.5rem;

	width: 100%;

}

.entry-content table caption,

.comment-content table caption {

	font-size: 16px;

	margin: 1.5rem 0;

}

.entry-content td,

.comment-content td {

	border-top: 1px solid #ededed;

	padding: 6px 10px;

}

.entry-content th,

.comment-content th,

.entry-content td,

.comment-content td {

	text-align: left;

}

article {

	border-bottom: 1px solid #ededed;

	margin-bottom: 35px;

	padding-bottom: 1.5rem;

	-webkit-hyphens: auto;

	-moz-hyphens: auto;

	hyphens: auto;

	-ms-word-wrap: break-word;

	word-wrap: break-word;

}

body.page article {

	border-bottom:none;

	margin-bottom:0;

	padding-bottom:0;

}

.error404 article {

	border-bottom:none;

}

.page-links {

	clear: both;

	line-height: 1.714285714;

}

footer.entry-meta {

	padding: 1rem 0;

	color: #757575;

}

.entry-meta-tags {

    color: #757575;

    font-size: 0.75rem;

    line-height: normal;

}

.entry-meta-categories_bottom {

    color: #757575;

    font-size: 0.75rem;

    line-height: normal;

    margin-bottom: 0.25rem;

}

.entry-meta-tags .genericon {

    font-size: 1rem;

    line-height:1;

}

footer .entry-meta-footer .the-cats {

    margin-bottom: 5px;

}

.single-author .entry-meta .by-author {

	display: none;

}

span.sticky-post, 

span.entry-date,

span.byline,

span.pfont,

.entry-format {

	margin-right:0.3125rem; /* 5px */

}



.home-logos {
	text-align:center !important;
	margin-top:80px;
	
	}

.home-logos-wrap {
	max-width:36rem;
	margin-left:auto;
	margin-right:auto;
	
	
	}



/**

 * 6.0 - Archives

 */

.archive-header,

.page-header {

	margin-bottom: 3rem;

	padding-bottom: 22px;

	border-bottom: 1px solid #ededed;

}

.archive-meta {

	color: #757575;

	font-size: 12px;

	line-height: 2;

	margin-top: 22px;

}



/**

 * 7.0 - Single image attachment view

 */

.article.attachment {

	overflow: hidden;

}

.image-attachment div.attachment {

	text-align: center;

}

.image-attachment div.attachment p {

	text-align: center;

}

.image-attachment div.attachment img {

	display: block;

	height: auto;

	margin: 0 auto;

	max-width: 100%;

}

.image-attachment .entry-caption {

	margin-top: 8px;

}



/**

 * 8.0 - Post Formats

 */

article.format-aside h1 {

	margin-bottom: 1.5rem;

}

article.format-aside h1 a {

	text-decoration: none;

	color: #4d525a;

}

article.format-aside h1 a:hover {

	color: #2e3542;

}

article.format-aside .aside {

	padding: 1.5rem;

	background: #d2e0f9;

	border-left: 22px solid #a8bfe8;

}

article.format-aside p {

	font-size: 0.875rem;

	line-height: 1.846153846;

	color: #4a5466;

}

article.format-aside blockquote:last-child,

article.format-aside p:last-child {

	margin-bottom: 0;

}

article.format-image footer h1 {

	font-size: 0.875rem;

	line-height: 1.846153846;



	font-weight: normal;

}

article.format-image footer h2 {

	font-size: 11px;

	line-height: 2.181818182;

}

article.format-image footer a h2 {

	font-weight: normal;

}

.pformat {

	float: left;

	font-size: 26px;

	margin-right:5px;

	color:#888;

}

article.format-link header {

	padding: 5px 10px;

	float: right;

	font-size: 20px;

	text-transform: uppercase;

	color: #848484;

	background-color: #ebebeb;

	border-radius: 3px;

}

article.format-link .entry-content a {

	font-size: 22px;

	line-height: 1.090909091;

	text-decoration: none;

}

article.format-quote .entry-content p {

	margin: 0;

	padding-bottom: 1.5rem;

}

article.format-quote .entry-content blockquote {

	display: block;

	padding: 1.5rem 1.5rem 0;

	font-size: 15px;

	line-height: 1.6;

	color: #6a6a6a;

	background: #efefef;

}

.format-status .entry-header {

	margin-bottom: 2.813rem

}

.format-status .entry-header header {

	display: inline-block;

	margin-top: 1.5rem;	

}

.format-status .entry-header h1 {

	font-size: 15px;

	font-weight: normal;

	line-height: 1.6;

	margin: 0;

}

.format-status .entry-header h2 {

	font-size: 12px;

	font-weight: normal;

	line-height: 2;

	margin: 0;

}

.format-status .entry-header header a {

	color: #757575;

}

.format-status .entry-header header a:hover {

	color: #21759b;

}

.format-status .entry-header img {

	float: left;

	margin-right: 21px;

	border-radius: 50%;

}



/**

 * 9.0 - Page Links

 */

.page-links {

	clear: both;

	font-weight: normal;

	line-height: 2.2;

	margin: 20px 0;

}

.page-links > span {

	background: #fff;

	border: 1px solid #fff;

	padding: 1px 7px;

	text-decoration: none;

	margin:0 5px;

}

.page-links a {

	padding: 1px 7px;

	text-decoration: none;

	background: #2ba6cb;

	color: #fff;

}

.page-links a:hover {

	background: #e6e6e6;

	color:#555;

}



/**

 * 10.0 - Comments

 */

#comments ol {

	list-style: none;

}

.comments-title {

	margin-bottom: 3rem;

	font-size: 16px;

	line-height: 1.5;

	font-weight: normal;

}

.comments-area article {

	margin: 1.5rem 0;

}

.comments-area article header {

	margin: 0 0 3rem;

	overflow: hidden;

	position: relative;

}

.comments-area article header img {

	float: left;

	padding: 0;

	line-height: 0;

	border-radius: 50%;

}

.comments-area article header cite,

.comments-area article header time {

	display: block;

	margin-left: 80px;

}

.comments-area article header cite {

	font-style: normal;

	font-size: 15px;

	line-height: 1.42857143;

	margin-top:8px;

}

.comments-area article header time {

	line-height: 1.714285714;

	text-decoration: none;

	font-size: 12px;

	color: #5e5e5e;

}

.comments-area article header a {

	text-decoration: none;

	color: #5e5e5e;

}

.comments-area article header a:hover {

	color: #21759b;

}

.comments-area article header cite a {

	color: #444;

}

.comments-area article header cite a:hover {

	text-decoration: underline;

}

.comments-area article header h4 {

	position: absolute;

	top: 0;

	right: 0;

	padding: 6px 12px;

	font-size: 12px;

	font-weight: normal;

	color: #fff;

	background-color: #0088d0;

	background-repeat: repeat-x;

	background-image: -moz-linear-gradient(top, #009cee, #0088d0);

	background-image: -ms-linear-gradient(top, #009cee, #0088d0);

	background-image: -webkit-linear-gradient(top, #009cee, #0088d0);

	background-image: -o-linear-gradient(top, #009cee, #0088d0);

	background-image: linear-gradient(top, #009cee, #0088d0);

	border-radius: 3px;

	border: 1px solid #007cbd;

}

.comments-area li.bypostauthor cite span {

	background-color: #444444;

	background-image: none;

	border-radius: 2px;

	box-shadow: none;	

	color: #ffffff;

	position: absolute;

	margin:3px 0 0 5px;

	padding: 1px 5px 1.5px;

	font-size: 10px;

}

.reply {

  margin-top: 1.5rem;

}

a.comment-reply-link,

a.comment-edit-link {

	text-decoration:none;

  font-size: 0.75rem;

  line-height: normal;

  margin-bottom: 1.5rem;

}

p.edit-link {

  margin-bottom: 0;

}

.reply span.genericon,

p.edit-link .genericon {

	font-size: 1rem;

  	line-height:1.5;

}

.commentlist .pingback {

	line-height: 1.714285714;

	margin:1rem 0;

	list-style:none;

}

#respond {

	margin-top: 3rem;

	max-width: 99%;

	width: 99%;

}

#respond h3#reply-title {

	font-size: 1.4375rem;

	line-height: 1.5;

}

#respond h3#reply-title #cancel-comment-reply-link {

	margin-left: 10px;

	font-weight: normal;

	font-size: 12px;

}

#respond form {

	margin: 1.5rem 0;

}

#respond form p {

	margin: 11px 0;

}

#respond form p.logged-in-as {

	margin-bottom: 1.5rem;

}

#respond form label {

	display: block;

	line-height: 1.714285714;

}

#respond form input[type="text"],

#respond form textarea {

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	line-height: 1.714285714;

	width: 100%;

}

#respond form input[type="text"],

#respond form input[type="email"],

#respond form input[type="url"] {

	width: 100%;

}

#respond form textarea.blog-textarea {

	width: 79.666666667%;

}

#respond form p.form-allowed-tags {

	margin: 0;

	font-size: 0.6875rem;

	color: #5e5e5e;

}

#respond .form-allowed-tags code {

	font-size: 0.68rem;

}

.required {

	color: red;

}

p.comment-notes {

	font-size: 0.75rem;

}

p.comment-form-author, p.comment-form-email {

	padding-left: 0;

}

p.comment-form-email {

	padding-right: 0;

}



/**

 * 11.0 - Front page template

 */

.front-image {

	float: right;

}

.front-content {

	float: left;

}

.template-front-page .site-content article {

	border: 0;

	margin-bottom: 0;

}

.template-front-page .widget-area {

	clear: both;

	float: none;

	width: auto;

	padding-top: 1.5rem;

	border-top: 1px solid #ededed;

}



/**

 * 12.0 - Widgets

 */

.widget-area .widget ul ul {

	margin-left: 12px;

}

.widget_rss li {

	margin: 12px 0;

}

.widget_recent_entries .post-date,

.widget_rss .rss-date {

	color: #aaa;

	margin-left: 12px;

}

#wp-calendar {

	margin: 0;

	width: 100%;

	font-size: 0.875rem;

	line-height: 1.846153846;

	color: #686868;

}

#wp-calendar th,

#wp-calendar td,

#wp-calendar caption {

	text-align: left;

}

#wp-calendar #next {

	padding-right: 1.5rem;

	text-align: right;

}

.widget_search label {

	line-height: 1.846153846;

	display:none;

}

.widget_twitter li {

	list-style-type: none;

}

.widget_twitter .timesince {

	display: block;

	text-align: right;

}



/**

 * 13.0 - Social Menu

 */

.social_wrap {

	margin: 1.3rem 0 0;

 	padding: 0;

}

.social-navigation a:before {

	-moz-osx-font-smoothing: grayscale;

	-webkit-font-smoothing: antialiased;

	display: inline-block;

	font-family: "Genericons";

	font-size: 16px;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	line-height: 1;

	speak: none;

	text-align: center;

	text-decoration: inherit;

	text-transform: none;

	vertical-align: top;

}

.social-navigation {

	position: relative;

}

.social-navigation ul:before,

.social-navigation ul:after {

	content: "";

	display: table;

}

.social-navigation ul {

	list-style: none;

	margin: 0;

	text-align: center;

}

.social-navigation li {

	display: inline-block;

}

.social-navigation a {

	display: block;

	height: 1.5rem;

	position: relative;

	width: 1.8rem;

}

.social-navigation a:before {

	content: "\f415";

	font-size: 24px;

	position: absolute;

	top: 0;

	left: 0;

}

.social-navigation a[href$="/feed/"]:before {

	content: "\f413";}

.social-navigation a[href*="codepen.io"]:before {

	content: "\f216";}

.social-navigation a[href*="digg.com"]:before {

	content: "\f221";}

.social-navigation a[href*="dribbble.com"]:before {

	content: "\f201";}

.social-navigation a[href*="dropbox.com"]:before {

	content: "\f225";}

.social-navigation a[href*="facebook.com"]:before {

	content: "\f203";}

.social-navigation a[href*="flickr.com"]:before {

	content: "\f211";}

.social-navigation a[href*="foursquare.com"]:before {

	content: "\f226";}

.social-navigation a[href*="plus.google.com"]:before {

	content: "\f206";}

.social-navigation a[href*="github.com"]:before {

	content: "\f200";}

.social-navigation a[href*="instagram.com"]:before {

	content: "\f215";}

.social-navigation a[href*="linkedin.com"]:before {

	content: "\f208";}

.social-navigation a[href*="pinterest.com"]:before {

	content: "\f210";}

.social-navigation a[href*="getpocket.com"]:before {

	content: "\f224";}

.social-navigation a[href*="polldaddy.com"]:before {

	content: "\f217";}

.social-navigation a[href*="reddit.com"]:before {

	content: "\f222";}

.social-navigation a[href*="stumbleupon.com"]:before {

	content: "\f223";}

.social-navigation a[href*="tumblr.com"]:before {

	content: "\f214";}

.social-navigation a[href*="twitter.com"]:before {

	content: "\f202";}

.social-navigation a[href*="vimeo.com"]:before {

	content: "\f212";}

.social-navigation a[href*="wordpress.com"]:before,

.social-navigation a[href*="wordpress.org"]:before {

	content: "\f205";}

.social-navigation a[href*="youtube.com"]:before {

	content: "\f213";}

.social-navigation a[href*="mailto:"]:before {

	content: "\f410";}

.social-navigation a[href*="spotify.com"]:before {

	content: "\f515";}

.social-navigation a[href*="twitch.tv"]:before {

	content: "\f516";}



/**

 * 14.0 - Misc

 */

 .top-bar-section .dropdown li.title h5 {

 	font-size: 0.85rem;

 }

.content_container hr {

	border-color: #ededed;

	margin: 0 0 1.5rem!important;

}

ul.off-canvas-list li, 

ul.off-canvas-list li li, 

ul.off-canvas-list li li li, 

ul.off-canvas-list li li li li,

ul.off-canvas-list li li li li li,

ul.off-canvas-list li li li li li li {

	list-style-type:none;

}

section.tab-bar-section.go-left{

	text-align:left;

}

section.tab-bar-section.go-right {

	text-align:right;

}

section.tab-bar-section.middle a {

	color:#fff;

	font-weight:normal;

}

.top-bar .name a {

	line-height: 45px;

	font-size: 0.8125rem; 

	font-weight: normal;

	color: white;

	display: block;

	padding: 0 15px; 

}

.top-bar .toggle-topbar a {

	font-weight:normal;

}

.orbit-bullets li {

	cursor:pointer;

	display:inline-block;

}

.orbit-container {

	margin-bottom:1.714em;

}

.orbit-container img.alignnone {

	margin-bottom: 0;

}

.entry-content > [data-magellan-expedition] {

	margin:0 0 1.714em;

}

.entry-content dl.sub-nav {

	margin:0;

}

#backtotop {

	position: fixed;

	right: 1rem;

	bottom:1rem;

	z-index: 99;

	cursor: pointer;

	display: none;

	font-size: 1.2rem;

	width:1.5rem;

	height:1.5rem;

	line-height:1.5rem;

	text-align:center;

	border-radius:10%;

	opacity: 0.5;

}

#backtotop span.genericon {

	line-height: 1.5;

	margin-left: 0.125rem;

}

#backtotop:hover {

	opacity: 1.0;

}

.hvr-fade {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: translateZ(0);

  transform: translateZ(0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  -moz-osx-font-smoothing: grayscale;

  overflow: hidden;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-property: color, background-color;

  transition-property: color, background-color;

}

ul.breadcrumbs,

ul.button-group {

	margin-left: 0!important;

}

.breadcrumb {
	line-height:80px;
	
	}
.breadcrumb a {
	color:#666666 !important;
	font-weight:300;
	text-transform:uppercase;
	
	}

.breadcrumb a.selected {
	color: rgba(0, 117, 255, 1) !important;
	
	}	
	
	

button,

.button,

button.secondary, 

.button.secondary,

button.success, 

.button.success,

button.alert, 

.button.alert,

button.warning, 

.button.warning,

button.info, .button.info {

	border-color: transparent;

}

.keystroke, kbd, code {

	padding: 0.125rem 0.25rem 0.125rem;

	font-size: 0.875rem;

}

.tabs.vertical {

margin: 0 0 1.25rem!important; 

}

.nudge {

	margin-right: 0.5rem;

}

img#wpstats{

	display:none

}



/* Search button fix */

.postfix.button {

  padding: 0;

  font-size: 0.875rem;

}

button.tiny, .button.tiny {

  font-size: 0.875rem;

}

input[type=submit] {

	font-size: 0.875rem!important;

}











.smbuttons {
	
	}

.widget-area {
	float:right !important;
	 top:55px;
	 width:36px;
	 margin-bottom:0px;
	
	}


.circle-wrap img {
	height:100% !important;
	width:auto !important;
	background-size:auto !important;
	
	}


.circle-wrap {
	
	background: #eee none repeat scroll 0 0;
    border-radius: 50%;
    display: block;
    height: 160px !important;
    overflow: hidden;
    transition: all 200ms ease-in-out 0s;
    width: 160px !important;
	
	}

div.textblock div img {
	display:none;
	
	
	}





p .small-text {
	font-size:14px;
	line-height:0.8 !important;
	
	
	}






/* Gravity Forms button - Only applies if you use the Gravity Forms plugin */

.gf_browser_ie.gform_wrapper .gform_footer input.button {

	padding: 0.62rem 1.25rem 0.68rem!important;

}





.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
	background-color: transparent !important;
    border-bottom: 1px solid #84FF00 !important;
    border-top: 1px solid #84FF00 !important;
    margin-bottom: 0.375em !important;
    padding: 0;
	
	
	}



.gform_wrapper div.validation_error {
    border-bottom: 2px solid #84FF00 !important;
    border-top: 2px solid #84FF00 !important;
    clear: both;
    color: #84FF00 !important;
    font-size: 1.2em;
    font-weight: 700;
    margin-bottom: 1.6em;
    padding: 1em 0;
    width: 97.5%;
}
#gform_confirmation_message_1 {
	color: #84FF00 !important;
    font-weight: 700;
	font-size: 1.2em;
	
	}

.gform_wrapper .validation_message {
    color: #84FF00 !important;
    font-weight: 700;
    letter-spacing: normal;
}



.gform_wrapper li.gfield_error input[type="email"], .gform_wrapper li.gfield_error input[type="number"], .gform_wrapper li.gfield_error input[type="password"], .gform_wrapper li.gfield_error input[type="tel"], .gform_wrapper li.gfield_error input[type="text"], .gform_wrapper li.gfield_error input[type="url"], .gform_wrapper li.gfield_error textarea {
    border: 1px solid #84FF00 !important;
}
div.ginput_container.ginput_container_text input.large {
    color: #ffffff !important;
}






































/**

 * 15.0 - Media Queries

 */



// Small screens

@media only screen { /* Define mobile styles */

	

	p.site-title a {

		font-size:1.875rem;

	}

  	p.site-description {

    	font-size:1.5rem;

    }

	#wrapper {

		padding:0;

	}

	.site-header {

		padding-top:0.9375rem;

	}

  	.comment-count {

    	margin-top: 2rem;

    }

	footer > .site-info {

		text-align:center;

		font-size:0.75rem;

	}

	#backtotop {

		bottom:1rem;

		font-size:0.5625rem;

		color:rgb(0, 0, 0) ; opacity: 0.4;

	}

	#backtotop:hover {

		color: rgb(0, 0, 0) ; opacity: 1;

	}

	#wpadminbar {

		top: -2.875rem;

	}	

	section.tab-bar-section.middle a {

		color:#fff;

		font-weight:normal;

	}	

	p.comment-form-author, p.comment-form-email {

		padding-left: 0;

		padding-right: 0;

	}

	.author-avatar img {

	    margin-top: 8px;

	    border-radius: 50%;

	}

	header.entry-header h1 {

    	font-size: 1.6875rem;

    }
	
	
}



.navbar-toggle {
	display:none;
	
	}	


@media only screen and (max-width: 40em) { 

.contact-text {
		margin-top:10px !important;
		
		}	




.windowsize::after {
    content: "max-width: 40em";
}

.element {
	width:100% !important;
    margin-right: 0%;
}



.main-menu {
		display:none;
		
		}
.navbar-toggle {
	display:block;
	
	}		
		
svg.logo {
	width:200px !important;
	margin-top:-2px !important;
	
	}		
	
	.row {
  padding-left: 1em !important;
  padding-right: 1em !important;
}


} /* max-width 640px, mobile-only styles, use when QAing mobile issues */



// Medium screens

@media only screen and (min-width: 40.063em) { 


.main-menu {
		display:none;
		
		}
		
.navbar-toggle {
	display:block;
	
	}		


} /* min-width 641px, medium screens */



@media only screen and (min-width: 40.063em) and (max-width: 64em) { 


.windowsize::after {
    content: "max-width: 64em";
}



.main-menu {
		display:none;
		
		}
		
.navbar-toggle {
	display:block;
	
	}		

} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */



// Large screens

@media only screen and (min-width: 64.063em) { 


.element {
	width:32% !important;
    margin-right: 1%;
}


} /* min-width 1025px, large screens */



@media only screen and (min-width: 64.063em) and (max-width: 90em) { 



.windowsize::after {
    content: "max-width: 90em";
}



.element {
	width:32% !important;
    margin-right: 1%;
}


} /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */



// XLarge screens

@media only screen and (min-width: 90.063em) { 




.element {
	width:32% !important;
    margin-right: 1%;
}


} /* min-width 1441px, xlarge screens */



@media only screen and (min-width: 90.063em) and (max-width: 120em) { 


.windowsize::after {
    content: "max-width: 120em";
}



.element {
	width:32% !important;
    margin-right: 1%;
}


} /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */



// XXLarge screens

@media only screen and (min-width: 120.063em) { 



.element {
	width:32% !important;
    margin-right: 1%;
	border: solid 3px rgba(198,31,34,1.00) !important;
}

} /* min-width 1921px, xxlarge screens */







@media only screen and (min-width: 120.063em) and (max-width: 220em) {
.windowsize::after {
    content: "all above";
}


.element {
	width:32% !important;
    margin-right: 1%;
}


}






/*Set custom column padding*/
@media only screen {
  .row .columns, .row .column {
    padding-left: 3px; /* change the values to anything that you want */
    padding-right: 3px;
  }
  

  
}



/*Set custom outer padding*/
.row {
  padding-left: 2em;
  padding-right: 2em;
}

.padding-none {
	padding:0px;
	
	}
	
.panel {
	padding:0px;
	}	
	
	
	
	
#nav-toggle { position: absolute; left: 50%; top: 50%; }
#nav-toggle { cursor: pointer; padding: 10px 35px 16px 0px; }
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 5px;
  width: 35px;
  background: white;
  position: absolute;
  display: block;
  content: '';
}
#nav-toggle span:before {
  top: -10px; 
}
#nav-toggle span:after {
  bottom: -10px;
}
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
  transition: all 500ms ease-in-out;
}
#nav-toggle.active span {
  background-color: transparent;
}
#nav-toggle.active span:before, #nav-toggle.active span:after {
  top: 0;
}
#nav-toggle.active span:before {
  transform: rotate(45deg);
}
#nav-toggle.active span:after {
  transform: rotate(-45deg);
}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	.image-wrapper {
  width: 100%;
  height: 100%;
  border: 1px solid rgba(0, 0, 0, 0.04);
  overflow: hidden;
  position: relative;
  text-align: center;
  border-radius: 4px; }

.image-overlay-content {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0; }

.overlay-fade-in p {
  letter-spacing: 0.15em;
  color: #f4f4f4;
  font-size: 28px;
  opacity: 0;
  transition: all 0.2s linear; }
.overlay-fade-in img {
  transition: all 0.2s linear; }
.overlay-fade-in .image-overlay-content {
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.4);
  transition: all 0.4s ease-in-out; }
.overlay-fade-in h2 {
  color: #f2f2f2;
  font-size: 1.8rem;
  margin-top: 40%;
  opacity: 0;
  transition: all 0.2s ease-in-out;
  background: rgba(0, 0, 0, 0.7); }
.overlay-fade-in .button {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  background: #FFF;
  color: #222;
  text-transform: uppercase;
  box-shadow: 0 0 1px #000;
  position: relative;
  border: 1px solid #999;
  opacity: 0;
  transition: all 0.2s ease-in-out; }
  .overlay-fade-in .button:hover {
    box-shadow: 0 0 5px #000; }
.overlay-fade-in:hover img {
  transform: scale(1.2); }
.overlay-fade-in:hover .image-overlay-content {
  opacity: 1; }
.overlay-fade-in:hover h2, .overlay-fade-in p, .overlay-fade-in .button {
  opacity: 1; }
.overlay-fade-in:hover p {
  transition-delay: 0.1s; }
.overlay-fade-in:hover .button {
  transition-delay: 0.2s; }

.overlay-slide-in-left img {
  transition: all 0.3s ease-in-out; }
.overlay-slide-in-left .image-overlay-content {
  background-image: url(http://www.awwwards.com/awards/images/2015/04/pattern.jpg);
  background-color: rgba(0, 0, 0, 0.3);
  transform: translateX(-110%);
  opacity: 1;
  transition: all 0.4s ease-in-out;
  box-shadow: 0 0 7px #ccc; }
.overlay-slide-in-left h2 {
  font-size: 1.8rem;
  background: rgba(255, 255, 255, 0.7);
  margin-top: 40%;
  color: #000;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); }
.overlay-slide-in-left p {
  opacity: 0;
  color: #333;
  transition: all 0.2s linear; }
.overlay-slide-in-left .button {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  background: #000;
  color: #fff;
  text-transform: uppercase;
  box-shadow: 0 0 1px #000;
  position: relative;
  border-radius: 7px; }
  .overlay-slide-in-left .button:hover {
    background-color: #444; }
.overlay-slide-in-left:hover .image-overlay-content {
  transform: translateX(0px); }
.overlay-slide-in-left:hover img {
  transform: translateX(80%);
  transition-delay: 0.1s; }
.overlay-slide-in-left:hover p {
  opacity: 1;
  transition-delay: 0.4s; }

.overlay-fade-in-new-background .button {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  background: #000;
  color: #fff;
  text-transform: uppercase;
  border-radius: 5px;
  box-shadow: 0 0 1px #000;
  position: relative;
  opacity: 0;
  transition: all 0.2s ease-in-out; }
  .overlay-fade-in-new-background .button:hover {
    box-shadow: 0 0 5px #fff;
    background-color: #222; }
.overlay-fade-in-new-background p {
  font-size: 28px; }
.overlay-fade-in-new-background .image-overlay-content {
  opacity: 0;
  background-image: url(http://subtlepatterns.com/patterns/gplaypattern.png);
  background-color: rgba(255, 255, 255, 0.5);
  transition: all 0.4s ease-in-out; }
.overlay-fade-in-new-background h2 {
  color: #000;
  font-size: 1.6rem;
  margin-top: 30%;
  opacity: 0;
  transition: all 0.2s ease-in-out; }
.overlay-fade-in-new-background p {
  opacity: 0;
  transition: all 0.2s linear; }
.overlay-fade-in-new-background img {
  transition: all 0.2s ease-in-out; }
.overlay-fade-in-new-background:hover img {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  filter: gray;
  -webkit-filter: grayscale(100%);
  transform: scale(1.5); }
.overlay-fade-in-new-background:hover .image-overlay-content {
  opacity: 1; }
.overlay-fade-in-new-background:hover h2, .overlay-fade-in-new-background p, .overlay-fade-in-new-background .button {
  opacity: 1; }
.overlay-fade-in-new-background:hover p {
  transition-delay: 0.1s; }
.overlay-fade-in-new-background:hover .button {
  transition-delay: 0.2s; }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  body,
  h1, h2, h3, h4, h5, h6 {
	  font-family: "proxima-nova",sans-serif !important;
	  font-weight:100 !important;
	  hyphens: none !important;
	  
	  }
  
  
  
  
  
  
  .navbar-toggle {
    background-color: transparent;
    float: right;
    margin-bottom: 8px;
    padding: 9px 10px;
    position: relative;
	
	border: 0px solid transparent !important;
	border-radius: 0px !important;
	margin-top: -8px !important;
	margin-right: 0px !important;
	width:40px;
	height:40px;
	
	background-image:url(images/mob-menu-btn.svg);
	background-repeat:no-repeat;
	background-position:center center;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.page-template-media-page .navbar-toggle {
    background-image: url("images/mob-menu-btn-grey.svg");	
	background-repeat:no-repeat;
	background-position:center center;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
	background-color: transparent;
    float: right;
    margin-bottom: 8px;
    padding: 9px 10px;
    position: relative;
	
	border: 0px solid transparent !important;
	border-radius: 0px !important;
	margin-top: -8px !important;
	margin-right: 0px !important;
	width:40px;
	height:40px;
	}




.navbar-toggle:hover {
	opacity:0.95;
	background-color:transparent !important;
}

.menu-mobile-menu-container {
	margin-top:20px;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	 background-color:transparent !important;
}

.menu-header {
	float:right;
	}

.menu-header li {
	float:left;
	list-style-type:none;
	margin-right:12px;
	}
	
	
header {
	position:fixed;
	width:100%;
	z-index:9999 !important;
	top: 0;
	height: 95px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
	background-color: rgba(255, 255, 255, 0);
	padding-top:40px;
	
	}	
	
header.smaller {
	-webkit-transition: all 1s;
    transition: all 0.5s;
    height: 45px;
	top: 0;
	background-color: rgba(255, 255, 255, 1);
	padding-top:10px;
}	

header.smaller a {
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
	color: rgba(0, 0, 0, 1);
}

	
.home .content_wrap {
	padding-top:0px !important;
	
	}

img.main-logo {
	width:300px;
	margin-top:-10px;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
	
	}	

.smaller img.main-logo {
	width:200px;
	margin-top:-10px;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
	
	}
path, polygon, rect {
    fill: white;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.page-template-media-page header #content path, 
.page-template-media-page header #content polygon, 
.page-template-media-page header #content rect
 {
    fill: rgb(68, 68, 68);
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.page-template-media-page .main-menu a
 {
    color: rgba(68, 68, 68, 1) !important;
	}


.overlay.overlay-hugeinc svg {
	display:block;
	width:420px !important;
	height:auto;
	margin-left:auto !important;
	margin-right:auto !important;
	
	}


.smaller path, .smaller polygon, .smaller rect {
    fill: rgb(68, 68, 68);
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
}

svg.logo {
	width:300px;
	margin-top:-14px;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
	
	}
.smaller svg.logo {
	width:200px;
	margin-top:-2px;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
	
	}

.smaller .navbar-toggle {
   
    margin-bottom: 8px;
    padding: 9px 10px;
	margin-top: -4px !important;
	width:30px;
	height:30px;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
}

	

.footer-wrap,
.footer-wrap a,
footer[role="contentinfo"]  {
		color:#8D8B8C !important;
		text-decoration:none !important;
		
		}
		
body.page-template-experience-page,
body.error404,
body.error404 .footer_wrap,
body.error404 .content_wrap

 {
	background-color:#CDDEE6 !important;
	
	}		
	
body.page-template-experience-page .content_wrap,
body.page-template-experience-page .footer_wrap {
	background-color:#CDDEE6 !important;
	
	}	

body.page-template-experience-page .content_container

 {
	margin-top:110px;
	
	}		


body.single-post .content_container

 {
	
	margin-top:40px;
	}


	
body.single-post .entry-meta-categories {
	display:none !important;
	
	}
	
body.page-template-experience-page header.smaller {
	-webkit-transition: all 1s;
    transition: all 0.5s;
    height: 45px;
	top: 0;
	background-color: rgba(205, 222, 230, 1);
	padding-top:10px;
}

body.single-post header.smaller,
body.page-template-projects-page header.smaller
 {
	-webkit-transition: all 1s;
    transition: all 0.5s;
    height: 45px;
	top: 0;
	background-color: rgba(205, 205, 205, 1) !important;
	padding-top:10px;
}

.down-btn {
	display:block;
	width: 40px;
	height: 40px;
	position: relative;
	margin-top:-40px;
	background: url(images/down-btn.svg) no-repeat center center;
	z-index: 99;
	opacity:1;
	-webkit-transition: all 1s;
    transition: all 0.5s;
}

.smaller .down-btn {
	opacity:0.4;
	-webkit-transition: all 1s;
    transition: all 0.5s;
	}


@keyframes pound {
	from { transform: none; }
	50% { transform: scale(1.4); }
	to { transform: none; }
}

.pulse-anim {
	/* ... */
	animation: pound .5s infinite;
}



.page-template-projects-page .content_wrap,
.page-template-projects-page .footer_wrap


 {
	background-color:transparent !important;
	
	}



.page-template-projects-page,
body.single-post
 {
	background-color: rgba(205, 205, 205, 1) !important;
	
	}
	
.single-post .content_wrap,
.single-post .footer_wrap

 {
	background-color:transparent !important;
	
	
	}	











/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */



/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
}


/**** Base styles ****/


a img { border: none; }


/**** Isotope styles ****/

/* required for containers to inherit vertical size from window */


#container {
  border: 0px solid #666;
  padding: 0px;
  margin: 0px;

 
}



.element {
    float: left;
	width:48%;
	background-color: rgba(0, 117, 255, 0.95) !important;
	
    margin-bottom: 4px;
    margin-right: 1%;
	overflow:hidden;
}


.element .text-hidden {
	margin-top:0px;
	position:relative;
	height:40px;
	background-color: rgba(205, 205, 205, 1);
}

.element .text-hidden p {
	padding-left:16px;
	position: absolute;
	font-weight:300;
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	text-transform:uppercase;
	line-height:40px;
	font-size:1rem;
}


.element:hover .text-hidden p {
    margin-top:-40px;
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	color: rgba(255, 255, 255, 1);
}








.element.alkali          { background: #F00; background: hsl(   0, 100%, 50%); }
.element.alkaline-earth  { background: #F80; background: hsl(  36, 100%, 50%); }
.element.lanthanoid      { background: #FF0; background: hsl(  72, 100%, 50%); }
.element.actinoid        { background: #0F0; background: hsl( 108, 100%, 50%); }
.element.transition      { background: #0F8; background: hsl( 144, 100%, 50%); }
.element.post-transition { background: #0FF; background: hsl( 180, 100%, 50%); }
.element.metalloid       { background: #08F; background: hsl( 216, 100%, 50%); }
.element.other.nonmetal  { background: #00F; background: hsl( 252, 100%, 50%); }
.element.halogen         { background: #F0F; background: hsl( 288, 100%, 50%); }
.element.noble-gas       { background: #F08; background: hsl( 324, 100%, 50%); }


.element * {
  margin: 0;
}

.element .symbol {
  left: 0.2em;
  top: 0.4em;
  font-size: 3.8em;
  line-height: 1.0em;
  color: #FFF;
}
.element.large .symbol {
  font-size: 4.5em;
}

.element.fake .symbol {
  color: #000;
}

.element .name {
  left: 0.5em;
  bottom: 1.6em;
  font-size: 1.05em;
}

.element .weight {
  font-size: 0.9em;
  left: 0.5em;
  bottom: 0.5em;
}

.element .number {
  font-size: 1.25em;
  font-weight: bold;
  color: hsla(0,0%,0%,.5);
  right: 0.5em;
  top: 0.5em;
}



.clickable .element:hover {
  cursor: pointer;
}

.clickable .element:hover h3 {
  text-shadow:
    0 0 10px white,
    0 0 10px white
  ;
}

.clickable .element:hover h2 {
  color: white;
}



#top .scroll-down-link {
height: 60px;
width: 80px;
margin: 0px 0 0 -40px;
line-height: 60px;
position: absolute;
left: 50%;
bottom: 0px;
color: #FFF;
text-align: center;
font-size: 70px;
z-index: 100;
text-decoration: none;
text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);

-webkit-animation: avia_fade_move_down 2s ease-in-out infinite;
animation:         avia_fade_move_down 2s ease-in-out infinite;
}


/*animated arrow animation*/
@-webkit-keyframes avia_fade_move_down {
  0%   { -webkit-transform:translate(0,-20px); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { -webkit-transform:translate(0,20px); opacity: 0; }
}
@keyframes avia_fade_move_down {
  0%   { transform:translate(0,-20px); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { transform:translate(0,20px); opacity: 0; }
}

.reveal-modal-bg {
	background-color:rgba(0, 117, 255, 0.95) !important;
	z-index:9999 !important;
	
	}

.reveal-modal {
	width:100% !important;
	background-color: transparent !important;
	z-index:99999 !important;
	border:none !important;
	box-shadow:none !important;
	}
	
#myModal {
	top:0 !important;
	color:rgba(255,255,255,1.00);
	
	}

nav.mobile-menu div.menu-main-menu-container ul#menu-main-menu-1.menu li.myModal.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-91 a:nth-child(1)
 {
	 display:none;
	}


	
.main-menu a {
	font-size:21px;
	color: rgba(255, 255, 255, 1);
	-webkit-transition: all 1s;
    transition: all 0.2s;
	text-decoration:none;
	text-transform:uppercase;
	
	}
	
.main-menu a:hover,
.main-menu .current-menu-item.active a:hover

 {
	color: rgba(0, 90, 255, 1);
	-webkit-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
	
	border-bottom:solid 2px rgba(0, 117, 255, 1);
	padding-bottom:6px;
	
	}	

.main-menu .current-menu-item.active a {
	color: rgba(0, 117, 255, 1) !important;
	border-bottom:solid 2px rgba(0, 117, 255, 0);
	padding-bottom:0px;
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	
	}


.page-template-media-page .element .text-hidden {
    background-color: rgba(205, 205, 205, 0);
    margin-top: 0;
    position: relative;
	line-height:10px;
}



.page-template-media-page .element img {
	background-size: cover !important;
	height:100% !important;
	
	
	}


.page-template-media-page .element {
	background-color:transparent !important;
	width: 160px !important;
	margin-left:12px !important;
	margin-right:12px !important;
	margin-bottom:24px !important;
	height:300px;
	}


.text-block-btm-grad {
	width:100%;
	height:50px;
	position:absolute;
	bottom:0;
	background-repeat:repeat-x;
	background-image:url(images/text-block-btm-grad.png)
	}

.instagram.isotope-item div.textblock div div {
	 font-size: 0.9rem;
	line-height: 0.9rem !important;
	
	
	}



.page-template-media-page .element .text-hidden p {

 line-height: inherit;
    padding-left: 0px;	
	
	}
.page-template-media-page .element a {
	display: block;
  	overflow: hidden;
  	
 
    background:#eee;
	
	width: 160px !important;
    height:160px !important;
     
    -moz-border-radius: 50%; 
    -webkit-border-radius: 50%; 
    border-radius: 50%;
	
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	
	}
	

.page-template-media-page .element a:hover {
	display: block;
  	overflow: hidden;
  	
 
    background:#eee;
	
	width: 160px !important;
    height:160px !important;
     
    -moz-border-radius: 50%; 
    -webkit-border-radius: 50%; 
    border-radius: 50%;
	
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	
	opacity:0.5;
	
	}		
	
	
	
	.page-template-projects-page .element:hover img {
	opacity:0.2;
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}



page-template-projects-page .element img {
	opacity:1;
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	
}

	
	
	
	
	
	
	
	
		
	
.page-template-media-page .project-element-title p {
	font-weight:500 !important;
	margin-top:12px;
	
	
	}	
	

	
	
	path, polygon, rect {
    fill: white;
    transition: all 0.5s ease 0s;
}


.hidden{
     /*opacity:0;*/
}
.visible{
     opacity:1;
}


.element .textblock p {
	font-size:.9rem;
	line-height:.9rem;

	}
	
	
	
.single-post h1 {
	text-transform:uppercase;
	color: rgba(0, 117, 255, 1) !important;
	margin-bottom:10px;
	font-size:23px !important;
	font-weight:300;
	}
	
.single-post h2 {
	text-transform:uppercase;
	color: rgba(102, 102, 102, 1) !important;
	margin-top:40px;
	margin-bottom:20px;
	font-size:23px !important;
	font-weight:300;
	}	
	
.underline {
	border-bottom: 2px solid rgba(0, 117, 255, 1) !important;
	
	}
	
.element.via.twitter.isotope-item div.sm-media-icon {
	background-image:url(images/icon-twitter.png);
	background-size:cover;
	width:23px;
	height:23px;
	margin-top:-23px;
	
	}	
.element.via.instagram.isotope-item div.sm-media-icon {
	background-image:url(images/icon-instagram.png);
	background-size:cover;
	width:23px;
	height:23px;
	margin-top:-23px;
	
	}	
	
	.media-date {
		color: rgba(0, 117, 255, 1) !important;
		font-size:13px;
		margin-top:8px;
		font-weight:300;
		
		}	

.sm-links {
	text-align:center;
	
	}
		
.sm-links img {
	width:34px;
	height:34px;
	margin:2px;
	margin-bottom:12px;
	
	
	}		
	
	
/*grabity forms styles*/
	
	
	
	
	
.gform_wrapper .ginput_container input.large {
	background-color:transparent !important;
	color:rgba(255,255,255,1.00) !important;
	
	border: none;
	border-bottom:solid 2px #FFFFFF !important;
	font-size:1.4em;
	}	
	

.gform_wrapper textarea {
	background-color:transparent !important;
	border: none;
	border-bottom:solid 2px #FFFFFF !important;
	
	font-size:1.4em !important;
	color:rgba(255,255,255,1.00) !important;
	
	}	
	
.gform_wrapper label,
.gform_wrapper *::-moz-placeholder {
	color:rgba(255,255,255,1.00) !important;
	font-weight:300 !important;
	
	}
	
.gform_wrapper button, 
.gform_wrapper .button, 
.gform_wrapper #content dl.sub-nav dd.active a {
	background-color:transparent !important;
	border: solid 2px #ffffff !important;
	text-transform:uppercase;
	
	}
	
.gform_wrapper li#field_1_5.gfield.field_sublabel_below.field_description_below {
	 margin-top:20px;
	 margin-right:2%;
	 padding-left:2%;
	 
	 border: dashed 2px #ffffff !important;
	text-transform:uppercase;
	
	 }	
	 
	
	li#field_1_5.gfield.field_sublabel_below.field_description_below div.ginput_container input#input_1_5.medium {
		color:#FFFFFF !important;
		
		} 
		

div.ginput_container.ginput_container_text input.large {
	color:#FFFFFF !important;
	
	}


#field_1_5 > label





html.js.flexbox.flexboxlegacy.canvas.canvastext.webgl.no-touch.geolocation.postmessage.no-websqldatabase.indexeddb.hashchange.history.draganddrop.websockets.rgba.hsla.multiplebgs.backgroundsize.borderimage.borderradius.boxshadow.textshadow.opacity.cssanimations.csscolumns.cssgradients.no-cssreflections.csstransforms.csstransforms3d.csstransitions.fontface.generatedcontent.video.audio.localstorage.sessionstorage.webworkers.applicationcache.svg.inlinesvg.smil.svgclippaths.wf-proximanova-n1-active.wf-proximanova-n3-active.wf-proximanova-n4-active.wf-proximanova-n6-active.wf-active body.page.page-id-27.page-template.page-template-page-templates.page-template-projects-page.page-template-page-templatesprojects-page-php.logged-in.admin-bar.custom-background.full-width.front-page.single-author.customize-support div#myModal.reveal-modal.open div#content.medium-8.large-8.columns div#gform_wrapper_1.gf_browser_gecko.gform_wrapper form#gform_1 div.gform_body ul#gform_fields_1.gform_fields.top_label.form_sublabel_below.description_below li#field_1_4.gfield.field_sublabel_below.field_description_below {
	margin-top:40px;
	
	}



.reveal-modal .column, 
.reveal-modal .columns {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
}
		
	
	.contact-text {
		color:#FFFFFF !important;
		margin-top:107px
		
		}	

.modal-close, .modal-close:hover, .modal-close:focus
{
    width: 40px;
    height: 40px;
    position: absolute;
    right: 20px;
    top: 30px;
    overflow: hidden;
    border: none;
    background: url(images/close-btn.svg) no-repeat center center;
    text-indent: 200%;
    color: transparent;
    outline: none;
    z-index: 100;
}

@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) 
{ @media {
	body {
		font-weight:300 !important;
		
		} 
	h1, h2, h3, h4, h5, h6 {
		font-weight:100 !important;
		
		} 	

    }
}}