/*  -----------------------------------------------------------------------------------------
	
	Theme Name:  Pheno
	Theme URI: http://www.somniathemes.com
	Description:  A Parallax Theme
	Author: SomniaThemes
	Author URI: http://www.somniathemes.com
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Version: 2.0
	
---------------------------------------------------------------------------------------------

/* NOTE: If you want to make adjustments to your site, please use child themes. 
*  See the documentation for more information.
*/

/*
---------------------------------------------------------------------------------------------
	Document structure:
	----------------------------
	1. 	Resets & Helpers
	2.	Default Style
	3.	General Colors
	4.	General Page Layout Style
	5.	Header Style

	7.	Content Style
	8.	Sidebar Style
	9.	General Shortcodes
	10.	Special Pages
	11. Portfolio
	12. Untitled
	13. Sliders
	14. Footer Style
	99. Media Queries (Always at bottom)

/***************************
*	1. Resets & Helpers
****************************/

ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

a {
	color: #8c8c8c;
	text-decoration: none;
}

a, a:hover, a:active, a:link, a:visited, a:focus {
	text-decoration: none;
	border: none;
	outline: none;
}

ul li a:hover, a:hover {
	text-decoration: none;
}

/* Reset Google Chrome default focus outline and border */
input:focus, textarea:focus  {
	outline: 0!important;
	box-shadow: none!important;
	transition: none;
}

/* Reset Button */
button {
	border: none;
	background: none;
	box-shadow: none;
	color: #fff;
}

/* Reset Bootstrap input font family to Arial */
input, textarea {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.nomargin {
	margin: 0 0 10px 0;
}

.clear {
	clear: both;
}

.spacer {
	clear: both;
	height: 80px;
	width: 100%;
}

/* Background Attachment fixed for non webkit browsers */
html.use-bg-fixed .parallax {
	background-attachment: fixed;
}

.content-box, .special-page, .parallax {
	position: relative;
}

/* Helpers for waypoints.js */
.csstransitions .animated {
    visibility: hidden;
}

.csstransitions .animated.visible {
    visibility: visible;
}

.no-js .animated {
    visibility: visible;
}
.csstransitions span.animated {
    display: inline-block;
}

/***********************
*	2. Default Style
************************/

/* WordPress Default Style */
/* 1.1 WordPress Core */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter, div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.framebox {
	background-color: #f9f9f9;
	text-align: center;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f9f9f9;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size:11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

.sticky {

}

.no-padding {
	padding: 0!important;
}

.bypostauthor {

}

.gallery-caption {

}

.pattern {
	width: 100%;
	height: 100%;
}

.entry_edit {
	font-size: 14px;
	padding: 0 20px;
}

.no-list-style {
	list-style-type: none;
}

.page-link {
	margin: 10px 0;
	font-style: italic;
	padding: 5px 0;
	width: 200px;
	border-bottom: 1px solid #D7D7D7;
	border-top: 1px solid #D7D7D7;
}
	.page-link a {
		padding: 0 3px;
	}
	
table {
	margin: 10px 0 20px 0;
	width: 100%;
	text-align: center;
}	

table th {
	color: #38A4FC;
	padding-top: 5px;
	background-color: #f9f9f9;
	width: 200px;
	height: 30px;
	border: 1px solid #d7d7d7;
	border-bottom: none;
}

table td {
	background-color: #fff;
	height: 35px;
	border: 1px solid #d7d7d7;
	padding: 10px;
}

table tr:hover td {
	background-color: #eee;
}

dl {
	margin: 10px 0 20px 20px;
}
	dt {
		font-weight: bold;
	}
	
	dd {
		margin-bottom: 20px;
	}
	
em, em, i {
	font-style: italic;
}


.content ul ul, .content ul ol, .content ol ol, .content ol ul {
	margin: 0;
}

.content ul ul, ol ol{
	margin-left: 30px;
}

ol {
	list-style-type: decimal;
	margin-left: 20px;
}

.content ul, .content ol {
	margin-bottom: 20px;
}

.content ol ol {
	list-style-type: upper-alpha;
}

.content ol ol ol {
	list-style-type: lower-roman;
}

kbd {
	font: 12px Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace
}

address {
	margin-bottom: 20px;
}

abbr, acronym {
	cursor: help;
	border-bottom: 1px dotted #D7D7D7;
}

ins {
	background-color: #FFF9C0;
	text-decoration: none;
}

strong {
	font-weight: bold;
}

sub {
	top: 5px;
}

sup, sub {
	font-size: 10px;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}

sup {
	bottom: 5px;
}

img[class*="align"], img[class*="wp-image-"], #content .gallery .gallery-icon img {
	padding: 5px;
}

.wp-caption img {
	padding: 0;
	border-color: #fff;
}

img.size-full {
	max-width: 98%;
	height: auto;
}

img.background{
	background-color: #fff;
	border: 1px solid #e3e3e3;
}

.entry_edit {
	margin: 20px 0;
}

/* Theme Core */
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

body {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 300;
	color: #787878;
	font-size: 16px;
	line-height: 24px;
	overflow: auto;
	-webkit-font-smoothing: antialiased;
	-ms-overflow-x: hidden;
	overflow-x: hidden;
	position: relative;
}

html, body {
	height: 100%;
}

/*****
3. General Colors
*****/

/* Main Color */
.themecolor, .fact-iconactive, .widget_categories ul li a:hover, .widget_menu ul li a:hover, .widget_archive ul li a:hover, 
.widget_meta ul li a:hover, .widget_rss ul li a:hover, .widget_nav_menu .menu li a:hover,
.widget_pages ul li a:hover, .widget_recent_entries ul li a:hover,
.widget_product_categories ul li a:hover, .widget_layered_nav ul li a:hover,
.widget_recent_comments ul li a:hover, .widget_text a:hover,
.single-content p:first-child, .meta-navigation a:hover, a:hover,
.shortcode-blogpost .post-content-wrap:hover a,
.post-content-wrap a:hover h2,
.teamslider-nav a:hover, .contactform_shortcode span, .teamslider-nav a:hover, .tweet_text a,
.portfolio-filter ul li a.filter-active, .footer-menu ul li a:hover {
	color: #ee4f2a;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.themebgcolor, .page-title:after, .page-title:before, .widget-social-media ul li a:hover, 
#wp-calendar tbody td:hover, .widget_tag_cloud .tagcloud a:hover, .icon-shortcode, .button, button,
.widget-trigger a, .teamslider_frame ul li.active, .timeline-title-border,
.timeline-item .timeline-title-border, .timeline-item .timeline-line span,
.number-shortcode .icon, .pricing-table .title-row
.contactform_shortcode .formhidden, .overlay-close, .iconbox-shortcode .icon, 
.portfolio-wrap .portfolio-item div.portfolio-overlay
.number-shortcode .icon, .shortcode_teammember_meta,
.timeline-item-title, .inline-menu, .menu-push .top-bar,
#menu-mobile-holder {
	background-color: #ee4f2a;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.themebcolor, .contactform_shortcode span, .contactform_shortcode .formhidden, 
.contactform_shortcode .formhidden a, .contactform_shortcode span {
	border-color: #ee4f2a;
}

.alt-color h1,
.alt-color h2,
.alt-color h2,
.alt-color h3,
.alt-color h4,
.alt-color h5,
.alt-color h6,
.alt-color p {
	color: #fff;
}

/* Second Color */
.button, button, a.button, .iconbox-shortcode .icon, .number-shortcode .icon {
        -webkit-box-shadow: 0 5px #bf3b1c;
        box-shadow: 0 5px #bf3b1c;
}

.button:hover, button:hover, a.button:hover {
        -webkit-box-shadow: 0 3px #bf3b1c;
        box-shadow: 0 3px #bf3b1c;
}

.button:active, button:active, a.button:active {
        -webkit-box-shadow: 0 0 #bf3b1c;
        box-shadow: 0 0 #bf3b1c;
        /* Second Theme Color */
}

.icon-shortcode{
	box-shadow: 0 5px #bf3b1c;
}

/* Font */
h1, h2, h3, h4, h5, h6, .fact-shortcode, .main-nav ul li a, 
.widget-title, .widget-title a.rsswidget,
.button, button, .button span, button span,
.tweet_text, .title-row, .pricing-table .pricing-row {
	font-family: 'Merriweather', serif;
}

h1, h2, h3, h4, h5, h6 {
	color: #444;
	margin: 0 0 10px 0;
	font-weight: 300;
}

h1 {
	font-size: 50px;
	line-height: 75px;
}

h2 {
	font-size: 40px;
	line-height: 60px;
}

h3 {
	font-size: 30px;
	line-height: 45px;
}

h4 {
	font-size: 24px;
	line-height: 36px;
}

h5 {
	font-size: 21px;
	line-height: 30.5px;
	margin: 0;
}

h6 {
	font-size: 21px;
	line-height: 32px;
}

p {
	margin: 0 0 20px 0;
}

a, a:hover {
	text-decoration: none;
	font-weight: 300;
}

.button, button {
		border-radius: 3px;
        padding: 20px 50px;
        display: inline-block;
        position: relative;
        margin: 0 0 20px 0;
        font-size: 21px;
        color: #fff;
        -webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		-ms-transition: none;
		transition: none;
        border: none;
}

.button:hover span, .button:hover i, .widget-trigger a:hover, a.button:hover {
	color: #fff;
}

a.button {
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;
}

.button:hover, button:hover, a.button:hover{
        top: 3px;
}

.button:active, button:active, a.button:active{
        top: 5px;
}

.button i {
	margin: 0 10px 0 0;
}

a.button { color: #fff; }

::selection {
	color: #ee4f2a; /* Theme Color */
	background-color: rgba(238, 79, 42, 0.5); /* Theme Color in RGBA, Opacity 0.5 */
}

::-moz-selection {
	color: #ee4f2a; /* Theme Color */
	background-color: rgba(238, 79, 42, 0.5); /* Theme Color in RGBA, Opacity 0.5 */
}

/*****
4. General Page Layout Styles
*****/
.index {
	padding: 60px 0;
}

.single .index { padding: 0; }

.wrap {
	background-color: white;
	top: 100%;
	width: 100%;
	z-index: 99;
	overflow: hidden;
	position: absolute;
}

.header {
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 99;
	min-width: 100%;
	min-height: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left top;	
}

.header .header-background-overlay {
	position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(26,58,71,0.7);
}

.header-video-overlay {
	z-index: 2;
}

.video-insert {
	width: 100%;
	height: 100%;
	position: absolute;
}

.portfolio-video {
	position: relative;
	height: 100%;
	z-index: 1;
}

.video-poster {
	position: relative;
	z-index: 10;
	width: 100%;
	height: 100%
}

	.hideposter {
		visibility: hidden;
	}

.header-video-text {
	z-index: 4;
}

.video-controls {
	position: absolute;
	bottom: 50px;
	z-index: 11;
	left: 49%;
}

.video-controls .videopause {
	display: block;
	height: 50px;
	width: 50px;
	background-color: rgba(0,0,0,0.6);
	color: #fff;
	line-height: 50px;
	text-align: center;
	font-size: 30px;
	border-radius: 5px;
}



.menu-push .menu-wrap {
	width: 100%;
	height: 100%;
	top: 0;
	z-index: 10;
	position: fixed;
	background-color: #363f48;
	left: 0;
	padding: 60px 0 0 0;
}

.menu-inner {
	height: 100%;
	text-align: center;
	width: 25%;
	overflow-y: hidden;
	overflow-x: hidden;
	display: none;
	padding: 0 0 20px 0;
	margin: 28px 0 0 0;
}

.menu-open .menu-inner {
	overflow-y: auto;
}

.menu-push .top-bar {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999;
	height: 60px;
}

.admin-bar .top-bar {
	top: 28px;
}

.menu-push .wrap, .menu-push .header, .menu-push .top-bar {
	-webkit-transform: translateX(0);
	-o-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}

.menu-push .menu-wrap, .menu-push .wrap, .menu-push .header, .menu-push .top-bar {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.csstransforms .menu-push .menu-wrap {
	-webkit-transform: translateX(-0%);
	-moz-transform: translateX(-0%);
	-o-transform: translateX(-0%);
	-ms-transform: translateX(-0%);
	transform: translateX(-0%);
}

.csstransforms .menu-open .wrap, .csstransforms .menu-open .header, .csstransforms .menu-open .top-bar {
	-webkit-transform: translateX(25%);
	-moz-transform: translateX(25%);
	-o-transform: translateX(25%);
	-ms-transform: translateX(25%);
	transform: translateX(25%);
}

.content {
	padding: 20px 0;
}

/* Special Page */
.special-page {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
}

.special-page .page-content {
	padding: 60px 0 40px 0;
}

/* Blockquote */
blockquote {
	text-align: center;
	padding: 20px;
	font-size: 24px;
	line-height: 36px;
	color: #999;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin: 20px 0;
}

blockquote p {
	margin: 0;
	padding: 0;
	font-style: normal;
}

/* Code & Pre */
pre, code {
    display: block;
    font-family: Consolas, "Andale Mono", Courier, "Courier New", monospace;
    margin: 0 0 18px;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 20px;
	word-wrap: break-word;
	border-radius: 3px;
}

.post-body blockquote p:first-child {
	font-style: normal;
}
/* Page Overlay */
.page-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	visibility: hidden;
	opacity: 0;
	background-color: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-transform: scale(0.8) translateX(5%) translateY(5%);
	-moz-transform: scale(0.8) translateX(5%) translateY(5%);
	-ms-transform: scale(0.8) translateX(5%) translateY(5%);
	transform: scale(0.8) translateX(5%) translateY(5%);
}

.page-overlay.overlay-show {
	visibility: visible;
	z-index: 99999;
	opacity: 1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-transform: scale(1) translateX(0%) translateY(0%);
	-moz-transform: scale(1) translateX(0%) translateY(0%);
	-ms-transform: scale(1) translateX(0%) translateY(0%);
	transform: scale(1) translateX(0%) translateY(0%);
}

.overlay-inner {
	overflow-x: hidden;
	overflow-y: auto;
	height: 100%;
}

body.overlay-open {
	/*overflow: hidden;*/
}

/* Index Blog */
.blog-navigation {
	margin: 40px 0;
	width: 100%;
	display: inline-block;
	text-align: center;
}
.blog-navigation a, .blog-navigation span {
	width: 28px;
	padding: 5px 10px;
	margin: 0 5px 0 0;
	text-shadow: none;
	background-color: #fff; 
	border: 1px solid #ddd;
	border-radius: 3px;
}

.content .blog-navigation a {
	color: #444;
}
/* Overlay Blog & Portfolio */
.overlay-close {
	position: absolute;
	top: 10px;
	right: 10px;
	color: #fff;
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	text-align: center;
	display: inline-block;
	border-radius: 3px;
	z-index: 99999;
}

.overlay-close:hover {
	color: #fff;
}

/* remove full-page photo at top of posts
http://themeforest.net/item/pheno-one-page-parallax-wordpress-theme/5455518/comments?filter=buyer-author&term=rec3141&utf8=%E2%9C%93
.blogpost-single .single-image img, 
*/ 

.portfolio-single .single-image img {
	width: 100%!important;
} 

.post-content {
	padding: 70px 0;
}

.post-content a:hover {
	border-bottom: 1px dotted #fff;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear; 
}

.post-content #comments a:hover{
	border: none;
}
.post-sidebar {
	text-align: left;
	padding: 135px 0 30px 30px;
	position: relative;
}

.post-meta {
	margin: 0 0 20px 0;
}

.post-meta h4 {
	margin: 0;
}
.post-meta p, .author-name p {
	font-style: normal;
	margin: 0;
	color: #787878;
}

.post-sidebar-divider {
	background-color: #eee;
	width: 1px;
	height: 100%;
	left: 0;
	position: absolute;
}

.meta-author {
	padding: 30px 0 0 0;
	position: relative;
}

.meta-author .author-social a {
	opacity: 0.7;
}
.meta-author .author-social a:hover {
	color: #fff;
	opacity: 1;
}

.author-avatar img {
	border-radius: 3px;
	margin: 0 0 10px 0;
}

.author-desc p {
	margin: 0 0 20px 0;
}

.author-divider {
	display: inline-block;
	height: 1px;
	background-color: #eee;
	width: 20%;
	position: absolute;
	top: 0;
	left: 0;
}

.author-social a {
	margin: 0 10px 0 0;
	float: left;
	border-radius: 3px;
	font-size: 16px;
	color: #fff;
	display: block;
	line-height: 30px;
	width: 30px;
	height: 30px;
	text-align: center;
}

.author-social a:hover {
	color: #fff;
}

.author-social a.icon-twitter {
	background-color: #60d7fd;
}

.author-social a.icon-facebook {
	background-color: #5975b1;
}

.author-social a.icon-linkedin {
	background-color: #52a2c6;
}

.meta-navigation {
	position: relative;
	font-size: 14px;
	padding: 20px 0;
}

.meta-navigation span.nav-arrow {
	display: block;
	font-size: 20px;
	color: #d3d3d3;
	float: left;
	margin: 0 10px 10px 0;
	position: absolute;
	right: 5px;
	top: 2px;
}

.meta-navigation p {
	font-weight: 500;
	font-style: normal;
	margin: 0;
	color: #787878;
}

.meta-navigation .navigation-right {
	position: relative;
	padding: 0 50px 0 0;
}

.meta-navigation .navigation-left {
	position: relative;
	padding: 0 50px 10px 0;
	border-bottom: 1px solid #eee;
	margin: 0 0 10px 0;
}

.meta-navigation a {
	display: block;
}

/* Comments Styling */
#comments {
	margin: 40px 0 0 0;
}

#comments h5 {
	margin: 0 0 20px 0;
}

.commentlist {
	padding: 0;
	margin: 0;
}

.commentlist li.comment {
	padding: 0 0 0 65px;
}
		
#comments .commentlist > li {
	padding: 0;
	list-style-type: none;
}

.commentlist .children {
	list-style-type: none;
}

.comment-container {
	margin: 0 0 30px 0;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #eee;
}

.comment-content { 
	clear: both; 
	padding: 10px 0 0 0;
}

.comment-content p {
	font-style: normal;
	font-size: 14px;
}

.comment-content ul, .comment-content ol {
	margin-bottom: 20px;
}

.comment-content ol ol, .comment-content ul ul, .comment-content ul ol, .comment-content ol ul {
	margin: 0;
}

.comment-content ul {
	list-style-type: circle;
	margin-left: 20px;
}

.comment-content ul ul, .comment-content ol ol{
	margin-left: 30px;
}

.comment-content ol {
	list-style-type: decimal;
	margin-left: 20px;
}

.comment-content ul, .comment-content ol {
	margin-bottom: 20px;
}

.comment-content ol ol {
	list-style-type: upper-alpha;
}

.comment-content ol ol ol {
	list-style-type: lower-roman;
}

.comment-container:after {
	content: "";
	display: table;
	line-height: 0;
}

.comment-avatar {
	float: left;
	margin: 0 20px 0 0;
	width: 80px;
	height: 80px;
}

.comment-avatar img {
	border-radius: 3px;	
}

.comment-author {
	float: left;
	font-weight: 500;
	font-style: normal;
	margin: 0;
	color: #787878;
}

.comment-body {
	overflow: hidden;
}

.comment-date {
	float: right;
	margin: 0;
	font-size: 12px;
	color: #a1a1a1;
}

.comment-date p { margin: 0; }

.comment-reply-link, .comment-edit-link {
	font-size: 12px;
	float: right;
	margin: 0 10px 0 0;
}

.comment-button {
	clear: both;
	margin: 10px 0 0 0;
	float: left;
}

.form-loader {
	display: none;
	margin: 10px 0 0 0;
	float: left;
	width: 60px;
	height: 55px;
	background: url('img/loader.gif') no-repeat 50% 50%;
}

.error-wrap {
	height: 55px;
	line-height: 55px;
	margin: 10px 0 0 20px;
	font-size: 14px;
	float: left;
	display: none;
	font-style: italic;
}

.form-error .error-wrap {
	display: inline-block;
}

/* Respond */
.respond p {
	margin: 0 0 10px 0;
}

#respond h5 {
	margin: 0;
}

#respond .form {
	margin: 20px 0 0 0;
}

.form input[type="text"] {
	height: 30px;
}

.form textarea { 
	height: 130px;
	resize: vertical;
}

.input-wrap {
	position: relative;
}

.form input[type="text"], .form textarea {
	width: 100%;
	background-color: #f9f9f9;
	border-radius: 0;
	margin: 0;
	border: none;
	padding: 10px;
	color: #787878;
}

.form textarea {
	min-height: 160px;
}

.form input[type="text"] {
	padding: 20px 10px;
}

#commentform .button {
	margin: 0 0 10px 0;
	border: none;
}

.form input[type="text"]:focus, 
.form textarea:focus,
.form input[type="text"]:hover, 
.form textarea:hover,
input.input-text:hover,
input.input-text:focus {
	background-color: #f9f9f9;
	color: #787878;
}

.protected-post-form input[type="password"]{
	width: 200px;
	float: left;
	height: 34px;
	border: 1px solid #e2e2e2;
	margin: 0 20px 10px 0;
	border-radius: 0;
}

/* Parallax scrolling */
.parallax {
	margin: 0 auto;
	width: 100%;
	position: relative;
	background-position: 50% -100px;
	background-attachment: scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-repeat: repeat-y;
	overflow: hidden;
}

.parallax-overlay {
    background-color: rgba(26,58,71,0.7);
}

.parallax-pattern-overlay, .parallax-overlay {
	position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    right: 0;
}

.parallax-pattern-overlay {
	background:url(
	data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAIUlEQVQIW2NkwAT/GYFi/4EYRMMBjIMigawCLoGiDWYUAABOBQVy02GoAAAAAElFTkSuQmCC
   ) repeat;
	opacity: 0.1;
}

.parallax-content {
	margin: 100px auto;
	position: relative;
	text-align: center;
	padding: 40px 20px;
	color: #fff;
}

.parallax-content h1, .parallax-content h2, .parallax-content h3,
.parallax-content h4, .parallax-content h5, .parallax-content h6 {
	color: #fff;
}


/*****
5. Header Style
*****/
.header-background {
	width: 100%;
	height: 500px;
	position: relative;
}

.header-background h1 {
	color: #fff;
	height: 50px;
	margin: 0;
}

.header-background ul {
	margin: 0 0 0 5px;
	float: left;
	height: 50px;
	line-height: 50px;
}

.header-background ul li {
	display: none;
	line-height: 50px;
	color: #3ec9a9;
}

.header-background ul li.active {
	display: block;
}

.header-text {
	padding: 25px 60px;
	width: 80%;
	border-radius: 3px;
	position: relative;
	margin: 200px auto 80px auto;
	text-align: center;
}

.header-text .portfolio-button {
	margin: 40px 0 0;
	display: inline-block;
	border: 2px solid rgba(255,255,255, 0.7);
	border-radius: 3px;
	padding: 20px 30px;
	color: #fff;
	font-size: 21px;
}

.header-text .portfolio-button:hover {
	border-color: #fff;
}

.header-text h1, .header-text h2, .header-text h3, .header-text h4, .header-text h5, .header-text h6, .header-text p {
	color: #fff;
	margin: 0;
}

.trigger-down {
	text-align: center;
}

.trigger-down a {
	position: relative;
	z-index: 99;
	display: inline;
	font-size: 50px;
	color: rgba(255,255,255, 0.7);
	border-radius: 50%;
	padding: 23px 26px;
	border: 2px dashed rgba(255,255,255, 0.7);
}

.trigger-down a:hover {
	color: #fff;
	border-color: #fff;
}

/* Menu */
.top-bar-logo {
	text-align: center;
}

.top-bar-logo .header-logo h4, .header-logo h4 {
	margin: 12px 0 0 0;
	font-weight: 600;
	color: #fff;
	text-transform: uppercase;	
}

.header-logo h4 {
	margin: 7px 0 0 0;
}

.top-bar .header-logo img {
	margin: 10px 0 0 0;
}

.top-bar .social-media .widget-social-media ul li {
	margin: 0;
	width: 60px;
	height: 60px;
}

.top-bar .social-media .widget-social-media ul li:first-child a {
	border-left: 1px solid rgba(0,0,0, 0.05);
}

.top-bar .social-media .widget-social-media ul li a{
	background-color: rgba(255,255,255, 0.1);
	font-size: 20px;
	padding-top: 12px;
	border-radius: 0;
	border-right: 1px solid rgba(0,0,0, 0.05);
}

.top-bar .social-media .widget-social-media ul li a:hover {
	background-color: rgba(255,255,255, 0.2);
}

.top-bar .social-media .socialmedia-menu {
	text-align: right;
	margin: 0;
}

.menu-trigger {
	display: inline-block;
	cursor: pointer;
	height: 60px;
	width: 60px;
	background-color: rgba(255,255,255, 0.1);
	border-right: 1px solid rgba(0,0,0, 0.05);
	text-align: center;
}

.menu-trigger span {
	display: block;
	margin-top: 20px;
}

.menu-trigger span:before {
	left: 10px;
	font-size: 20px;
	color: #fff;
}

.header-contact a {
	text-transform: uppercase;
	font-size: 14px;
	padding: 15px 50px;
}

.main-nav ul {
	text-align: left;
	margin: 0 0 40px 0;
}

.main-nav ul li {
	border-bottom: 1px solid #4a535b;
}

.main-nav ul li a {
	font-size: 16px;
	display: block;
	width: 100%;
	padding: 15px 0;
	color: #eee;
	text-align: center;
}

.main-nav ul li a:hover, .main-nav ul li a.active {
	background-color: #4a535b;
}

.close-menu {
	color: #fff;
	position: absolute;
	top: 20px;
	font-size: 14px;
	left: 20px;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
} 

.admin-bar .close-menu {
	top: 40px;
}

.close-menu:hover { color: #fff; }

.socialmedia-menu {
	text-align: center;
	margin: 20px 0 0 0;
}

.socialmedia-menu ul {
	max-width: 80%;
	margin: 0;
	display: inline-block;
}

/* Inline Menu */
.inline-menu-wrap, .inline-menu {
	height: 80px;
}

.inline-menu {
	width: 100%;
	position: relative;
	z-index: 9999;
	-webkit-box-shadow: 0px 1px 5px rgba(0,0,0,0.1);
	box-shadow: 0px 1px 5px rgba(0,0,0,0.1);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;

}

.inline-menu a {
	color: rgba(255,255,255, 0.8);
}

.inline-menu .menu a:hover, .inline-menu .menu a.active {
	color: #fff;
	border-bottom: 1px solid rgba(255,255,255, 0.5);
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}

.menu-fixed {
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;
	position: fixed;
	top: 0;
	z-index: 9999;
} 

.inline-menu .menu {
	float: right;
	padding: 28px 0 27px 0;
	display: block
}

.inline-menu .menu li {
	height: 100%;
	display: block;
	padding: 0 20px;
	float: left;
}

.inline-menu a {
	display: inline-block;
	height: 100%;
}

.inline-menu .header-logo {
	margin: 15px 0;
	height: 100%;
}

.menu-mobile-wrapper.span4 {
	text-align: right;
	position: relative;
	display: none;
}

.menu-mobile-wrapper a#menu-mobile-trigger {
	display: inline-block;
	width: 60px;
	margin: 10px 0 10px 0;
	background-color: rgba(255,255,255, 0.1);
	color: #fff;
	font-size: 30px;
	text-align: center;
	line-height: 60px;
	cursor: pointer;
}

#menu-mobile-holder {
	text-align: center;
	right: 0;
	color: #fff;
	max-width: 300px;
	position: absolute;
	z-index: 9999;
	display: none;
}

#menu-mobile-holder.mobile-menu-open {
	display: block;
}

#menu-mobile-holder ul li a {
	display: block;
	width: 100%;
	padding: 10px 50px;
	height: 100%;
	border-bottom: 1px solid rgba(255,255,255, 0.1);
}

#menu-mobile-holder ul li a:hover {
	color: #fff;
}

/* Header portfolio */
.header-portfolio {
	position: relative;
	height: 100%;
}

.header-wrap {
	position: relative;
	overflow: hidden;
}

.header-portfolio article {
	margin: 0;
	border-radius: 0;
	display: none;
	float: left;
	background-color: #000;
	position: relative;
}

.header-portfolio article img { 
	border-radius: 0; 
	width: 100%;
	height: 100%;
	opacity: 1;
	display: block;
}

.header-portfolio article:hover .image-overlay {
	background: none;
}

.header-portfolio article .image-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(26,58,71,0.7);
}

.header-portfolio .portfolio-nav {
	position: absolute;
	top: 45%;
	width: 100%;
	height: 0;
	z-index: 999;
}

.header-portfolio .portfolio-nav ul li {
	display: inline-block;
}

.header-portfolio .portfolio-nav ul li a {
	color: #fff;
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	text-align: center;
	display: inline-block;
	background-color: rgba(0,0,0,0.7);
	border-radius: 3px;
}

.header-portfolio li.nav-right { float: right; margin: 0 20px 0 0; }
.header-portfolio li.nav-left { float: left; margin: 0 0 0 20px; }

.overlay-text {
	position: absolute;
	z-index: 99;
	top: 30%;
	width: 100%;
	display: inline-block;
}

.overlay-text .header-text {
	margin: 0 auto;
}

.overlay-text .header-text .button {
	margin: 20px 0 0 0;
}

/*****
7. Content Style
*****/

.page-content {
	padding: 60px 0;
}

.page-content p a {
	border-bottom: 1px dotted #fff;
}

.page-content p a:hover {
	color: #fff;
}

.hero {
	text-transform: uppercase;
}

.hero h1, .hero h2 {
	font-weight: 600;
}

.hero p {
	font-size: 22px;
}

.title-wrap {
	position: relative;
	min-height: 100px;
	padding: 40px 0;
	text-align: center;
	color: #fff;
	border-bottom: 1px solid #eee;
}

.page-title {
	position: relative;
	color: #444;
	text-align: center;
	display: inline-block;
	padding: 0 40px;
}

 .page-title:after, .page-title:before {
	display: inline-block;
	content: '';
	position: relative;
	width: 100px;
	height: 3px;
	margin: 0 0 0 20px;
	top: -10px;
} 

.page-title:before {
	margin: 0 20px 0 0;
}

.page-subtitle {
	color: #999;
}

h3.page-subtitle {
	margin: 0 0 10px 0;
}

/*****
8. General Shortcodes
*****/

/* Divider */

.divider {
	position: relative;
}
.divider h1:before, .divider h2:before, .divider h3:before, .divider h4:before, .divider h5:before, .divider h6:before {
	content: "";  
    display: block;  
    border-bottom: solid 1px #ddd;
    color: #ddd;
    width: 100%;  
    height: 1px;  
    position: absolute;  
    top: 50%;  
    z-index: 1;  
}

.divider h1 span, .divider h2 span, .divider h3 span, 
.divider h4 span, .divider h5 span, .divider h6 span {
	background: #fff;  
    padding: 0 40px;  
    position: relative;  
    z-index: 5;  
}

.divider-right h1 span, .divider-right h2 span, .divider-right h3 span, 
.divider-right h4 span, .divider-right h5 span, .divider-right h6 span {
	padding: 0 0 0 40px;  
}

.divider-left h1 span, .divider-left h2 span, .divider-left h3 span, 
.divider-left h4 span, .divider-left h5 span, .divider-left h6 span {
	padding: 0 40px 0 0;  
}

.divider-center {
	text-align: center;
}

.divider-left {
	text-align: left;
}

.divider-right {
	text-align: right;
}

.divider h5, .divider h6 {
	margin: 0 0 20px 0;
}

/* Timeline */
.timeline-title {
	text-align: center;
}

.timeline-title h4 {
	display: inline-block;
	margin: 0;
	line-height: 20px;
	color: #999;
}

.timeline-content {
	position: relative;
	text-align: center;
	padding: 60px 0 20px 0;
}

.timeline-content .timeline-border {
	height: 90%;
	width: 2px;
	display: inline-block;
	position: absolute;
	background-color: #eee;
	top: 20px;
	z-index: -9;
	left: 50%;
}

.timeline-item {
	clear: both;
	position: relative;
	width: 50%;
}

.timeline-item-content-wrap {
	border-radius: 3px;
	text-align: left;
	width: 90%;
	background-color: #fff;
	margin: 0 10% 20px 0;
}

.timeline-item-title {
	padding: 20px;
	color: #fff;
	border-radius: 5px 5px 0 0;
}

.timeline-item-title h5 {
	color: #fff;
}

.timeline-item-content {
	padding: 20px;
	background-color: #f9f9f9;
	border-radius: 0 0 5px 5px;
}

.timeline-item-content img {
	border-radius: 3px;
	opacity: 0.7;
}

.timeline-item-content img:hover {
	opacity: 1;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;

}
.timeline-item .timeline-line {
	height: 2px;
	position: absolute;
	top: 30px;
	width: 100px;
	z-index: -1;
	background-color: #eee;
	display: inline-block;
}

.timeline-item .timeline-line span {
	display: block;
	border-radius: 45%;
	height: 9px;
	width: 9px;
	position: absolute;
	z-index: 99;
	top: -4px;
	border: 2px solid #eee;
	outline: 7px solid #fff;
}

.timeline-item h5 {
	line-height: 1;
}

.timeline-item.left { float: left; }
.timeline-item.right { float: right; }
.timeline-item.right .timeline-item-content-wrap { margin: 0 0 20px 10%; }

.timeline-item.left .timeline-line { right: 0; }
.timeline-item.left .timeline-line span { right: -5px; }

.timeline-item.right .timeline-line { left: 0; }
.timeline-item.right .timeline-line span { left: -3px; }

/* Blog Shortcode */
.shortcode-blogpost article, article.content-blog {
	margin: 0 0 80px 0;
}

.shortcode-blogpost .post-image-wrap img, .content-blog .post-image-wrap img {
	border-radius: 3px;
}

.shortcode-blogpost .post-content-wrap a, .content-blog .post-content-wrap a {
	display: block;
}

.shortcode-blogpost .content-title a, .content-blog .content-title a {
	color: #444;
	width: 100%;
	display: block;
}

.post-content-wrap .content-date h3 {
	margin: 0;
}

.shortcode-blogpost .content-date h3, .content-blog .content-date h3 {
	color: #999;
}

.posts-load-more {
	text-align: center;
	margin: 40px 0 0 0;
}

.load-more-blogposts {
	font-size: 21px;
}

.new-posts {
	display: none;
}

.no-more-posts {
	width: 100%;
	text-align: center;
	padding: 40px 0;
	color: #999;
	background-color: #f9f9f9;
	border-radius: 3px;
	font-size: 20px;
}

/* Pricing Shortcode */
.pricing-table { 
	padding: 20px 0;
}

.pricing-full-width .column {
	float: left;
	text-align: center;
	margin-bottom: 20px;
}

.pricing-table .title-row {
	color: #fff;
	font-size: 40px;
	padding: 40px 0;
	border-radius: 3px 3px 0 0;
}

.pricing-table .featured-column .title-row {
	background-color: #444;
}

.pricing-table .pricing-row {
	background-color: #f9f9f9;
	padding: 20px 0;
	font-size: 21px;
}

.pricing-table .pricing-row span {
	color: #999;
	font-size: 16px;
}

.pricing-table .pricing-content {
	border: 1px solid #eee;
	border-width: 0 1px 1px 1px;	
	border-radius: 0 0 3px 3px;
}

.pricing-table ul li ul li {
	border-bottom: 1px solid #eee;
	padding: 10px 0;
}

.pricing-table ul ul {
	margin: 0;
}

.pricing-table .footer-row {
	background-color: #f9f9f9;
	padding: 20px 0 25px 0;
	border-radius: 0 0 3px 3px;
}

.pricing-table .footer-row a {
	padding: 15px 20px;
	margin: 0;
}

.pricing-content ul li {
	width: 100%;
}

/* Chart shortcodes */
.linechart-shortcode {
	margin: 0 0 20px 0;
}

/* Icon Box shortcode & Number Shortcode */
.iconbox-shortcode, .number-shortcode {
	margin: 0 0 20px 0;
}

.iconbox-shortcode .icon, .number-shortcode .icon {
	display: inline-block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border-radius: 50px;
	color: #fff;
	font-size: 24px;
}

.iconbox-shortcode .iconbox-content {
	width: 80%;
	float: right;
	padding: 20px;
	background-color: #fff;
	border-radius: 3px;
}

.number-shortcode .icon-wrap {
	float: left;
	width: 70px
}

.number-shortcode .number-content {
	text-align: left;
	overflow: hidden;
}

.number-shortcode .number-content h2 {
	margin: 0;
}

/* Tabs */
.shortcode-tabs {
	margin: 0 0 20px 0;
}
.shortcode-tabs ul li {
	float: left;
}

a.tab-button {
	border-radius: 3px;
	color: #787878;
	display: inline-block;
	padding: 10px 20px;
}

.tab-button:hover {
	color: #444;
	background-color: #f9f9f9;
}

.ui-tabs-active .tab-button {
	background-color: #f9f9f9;
	color: #444;
}

.shortcode-tabs .tabs-nav {
	margin: 0 0 10px 0;
}

.shortcode-tabs ul li a { margin: 0 5px 15px 0; text-decoration: none; }

.shortcode-tabs .tab-panel {
	clear: both;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	border-radius: 3px;
}

/* Vertical Tabs */
.shortcode-tabs-vertical .tab-panel {
	padding: 0 10px;
}
.shortcode-tabs-vertical {}

.shortcode-tabs-vertical ul li a{
	margin: 0 5px 5px 0;
}

.shortcode-tabs-vertical ul li {
	float: none;
	margin: 0;
}

.shortcode-tabs-vertical .tabsul li a {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.shortcode-tabs-vertical .tab-content {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.accordion-heading, .trigger {
	border: 1px solid #ddd;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	cursor: pointer;
	border-radius: 3px;
}

.trigger a:hover {
	color: #787878;
}
.trigger.active {
	border-radius: 3px 3px 0 0;
	background-color: #f9f9f9;
}

.trigger:hover {
	background-color: #f9f9f9;
}

.trigger.active a:hover {
	color: #444;
}

.trigger.active a {
	color: #444;
}

.trigger h4 {
	margin: 0;
}

.faq {
	margin: 10px 0 0 0;
}

.trigger a {
	display: block;
	padding: 10px 20px;
	color: #787878;
}

.toggle_container {
	border: 1px solid #ddd;
	padding: 20px 20px 0 20px;
	display: none;
	border-width: 0 1px 1px 1px;
	border-radius: 0 0 3px 3px;
}

/* Icon Shortcode */
.icon-shortcode {
	display: block;
	border-radius: 55%;
	color: #fff;
	width: 60px;
	height: 60px;
	line-height: 60px;
	font-size: 22px;
	text-align: center;
	float: left;
	margin: 0 10px 10px 0;
}

.icon-wrap h5 { float: left; line-height: 80px; }

/* Contact form shortcode */
.contactform_shortcode {
	text-align: center;
	font-size: 40px;
	line-height: 60px;
}

.contactform_shortcode p {
	margin: 0 0 30px 0;
}

.contactform_shortcode span {
	position: relative;
	display: inline-block;
	cursor: pointer;
	border-width: 0 0 2px 0;
	border-style: dotted;
}

.contactform_shortcode .formhidden a {
	display: inline-block;
	color: #fff;
	height: 80px;
	line-height: 80px;
	width: 80px;
	border-width: 0 0 0 1px;
	border-style: solid;
}

.contactform_shortcode ul li {
	float: left;
	display: inline-block;
}

.form-response {
	display: none;
	background: #f9f9f9;
	border-radius: 3px;
	margin: 40px 0;
	padding: 20px;
	font-size: 21px;
	line-height: 30.5px;
}

.contactform_shortcode .formhidden ul li label {
	display: none;
	visibility: hidden;
}

.contactform_shortcode .formhidden {
	font-size: 30px;
	color: #fff;
	border-radius: 3px;
	width: 342px;
	
	position: absolute;
	left: -10px;
    top: 50%;
	visibility: hidden;
	opacity: 0;
	-webkit-transform: translateY(-40%) scale(0.9);
	-moz-transform: translateY(-40%) scale(0.9);
	transform: translateY(-40%) scale(0.9);
	-webkit-transition: visibility 0s 0.3s, opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: visibility 0s 0.3s, opacity 0.3s, -moz-transform 0.3s;
	transition: visibility 0s 0.3s, opacity 0.3s, transform 0.3s;
}

.contactform_shortcode .formhidden input,
.contactform_shortcode .formhidden textarea {
	width: 260px;
	height: 80px;
	color: #fff;
	border: none;
	box-shadow: none;
	padding: 2px 10px;
	background-color: transparent;
	font-family: 'Merriweather';
}

.contactform_shortcode .formhidden textarea {
	padding: 10px;
	width: 322px;
	height: 180px;
	resize: vertical;
	font-size: 16px;
	line-height: 24px;
}

.contactform_shortcode .formhidden.formopen {
	z-index: 99999;
	visibility: visible;
    opacity: 1;
	-webkit-transform: translateY(-50%) scale(1);
	-moz-transform: translateY(-50%) scale(1);
	transform: translateY(-50%) scale(1);
	-webkit-transition: visibility 0s 0s, opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: visibility 0s 0s, opacity 0.3s, -moz-transform 0.3s;
	transition: visibility 0s 0s, opacity 0.3s, transform 0.3s;
}

textarea.formhidden {
	padding: 10px;
}

.contactform_shortcode .placeholder {
	color: #fff;
}

.contactform_shortcode .form-field-error {
	background-color: #f5cac1;
	color: #b57466;
	border: none;
	border-radius: 3px;
}

/* TeamMember Shortcode */
.shortcode_teammember_meta {
	width: 100%;
	padding: 20px;
}

.shortcode_teammember_meta h5 {
	width: 70%;
	float: left;
	color: #fff;
}

.shortcode_teammember_meta a {
	text-align: right;
	margin: 3px 0 0 0;
	width: 30%;
	float: right;
	color: rgba(255,255,255, 0.5);
}

.shortcode_teammember_meta a:hover {
	color: #fff;
}



.shortcode_teammember_desc {
	background-color: #f9f9f9;
	padding: 20px;
}
/* Call to action */
.calltoaction {
	padding: 30px 30px 35px 30px;
	background-color: #f9f9f9;
	margin: 40px 0;
}

.calltoaction .button {
	margin: 0;
}

/* TweetBox Shortcode */
.tweet_text{
	font-size: 30px;
	line-height: 45px;
}

.follow-container{
	margin: 40px 0 0 0;
}

.follow-container h5 {
	color: #fff;
}
/* Client Shortcode */

#client_shortcode{
	overflow:hidden; /* Hides extra elements, those outside the viewport area */
}
#client_shortcode ul{
	position: relative; /* Enables positionning of elements inside viewport */
	padding: 0; /* Resets default - User Agent - style */
}

#client_shortcode ul li{
	width: 300px;
	margin: 0 100px 0 0;
	min-height: 50px;
	float: left; /* Places list items side by side*/
}

.clientPrev, .clientNext, .testimonial-prev, .testimonial-next {
	cursor: pointer;
	width: 30px;
	height: 30px;
	border-radius: 3px;
	border: 2px solid rgba(255,255,255, 0.7);
	margin: 40px 0 0 0;
	padding: 7px 0 0 0;
	display: inline-block;
	text-align: center;
	font-size: 14px;
	color: #fff;
}

.clientPrev:hover, .clientNext:hover, .testimonial-prev:hover, .testimonial-next:hover {
	color: #fff;
	background-color: rgba(255,255,255, 0.3);
	border: 2px solid #fff;
}


/* Lightbox shortcode */
a.lightbox-shortcode {
	border: none!important;
	display: inline-block;
	margin: 0 10px 0 0;
}

.page-content p a.lightbox-shortcode:hover, a.lightbox-shortcode:hover {
	background: none!important;
	border: none!important;
}
	
/* Newsletter Shortcode */
.newsletter-shortcode{
	background: #f9f9f9;
	padding: 40px 0;
	text-align: center;
}

.newsletter-shortcode h2{
	margin: 0;
}

.newsletter-shortcode input[type="text"]{
	border: none;
	box-shadow: none;
	border-radius: 3px;
	padding: 20px;
	margin: 40px 0;
	color: #999;
	text-align: center;
	font-size: 21px;
	line-height: 30.5px;
	border: 1px solid #eee;
}

.newsletter-shortcode input[type="submit"] {
	border: none;
	font-size: 21px;
	line-height: 30.5px;
}

.newsletter-response {
	display: none;
	background: #fff;
	border-radius: 3px;
	margin: 40px 0;
	padding: 20px;
	font-size: 21px;
	line-height: 30.5px;
}

/* InfoBox Shortcode */

/* InfoBoxes */
.infobox {
	margin: 0 0 30px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding: 20px;
	min-height: 70px;
	position: relative;
	border-radius: 3px;
}

.infobox p {
	margin: 0;
}

.infobox.info-succes {
	background-color: #c4daa0;
	color: #78924e;
}

.infobox.info-succes .info-hide {
	color: #78924e;
}

.infobox.info-error {
	background-color: #f5cac1;
	color: #b57466;
}

.infobox.info-error .info-hide {
	color: #b57466;
}

.infobox.info-warning {
	background-color: #f2dc83;
	color: #c6a935;
}

.infobox.info-warning .info-hide {
	color: #c6a935;
}

.infobox.info-info {
	background-color: #aedbe5;
	color: #5ba0af;
}

.infobox.info-info .info-hide {
	color: #5ba0af;
}

.infobox-wrap {
	overflow: hidden;
	display: inline-block;
	width: 90%;
}

.infobox p.info-hide-wrap {
	width: 10%;
}

.infobox .info-hide {
	font-size: 12px;
	position: absolute;
	top: 30px;
	right: 20px;
}

.infobox .info-hide:hover {
	opacity: 0.5;
}

/* Contact Information Shortcode */
.contactinfo-email a {
	color: #fff;
}

.contactinfo-address {
	padding: 20px 0;
	border-top: 2px solid rgba(255,255,255, 0.7);
	border-bottom: 2px solid rgba(255,255,255, 0.7);
}

.contactinfo-gmaps {
	font-size: 24px;
	line-height: 36px;
}

/* List Shortcode */
.list-shortcode ul li:before{
	position: absolute;
	font-family: 'Icomoon';
	left: 0;
}
.list-shortcode ul li {
	font-family: inherit;
	position: relative;
	line-height: 27px;
	padding: 0 0 0 25px;
	margin: 0 0 8px 0;
	font-weight: inherit;
	font-weight: 300;
}


/* Testimonial Shortcode */
.testimonial-shortcode {
	position: relative;
}

.testimonial_cycle{
	position: relative;
}

.testimonial-content {
	border-top: 2px solid rgba(255,255,255, 0.7);
	border-bottom: 2px solid rgba(255,255,255, 0.7);
	padding: 20px 0;
	margin: 0 0 20px 0;
	text-align: center;
}

.testimonial-meta{
	position: relative;
	float: left;
}

.testimonial-author-image {
	border-radius: 3px;
	width: 60px;
	height: 60px;
	float: left;
	margin: 0 20px 0 0;
}

.testimonial-author-name {
	float: left;
	text-align: left;
}

.testimonial-author-name span {
	color: #ddd;
}

.testimonial-nav {
	text-align: right;
	float: right;
}

.testimonial-nav a{
	color: #fff;
}

.testimonial-nav a.testimonial-next{
	margin: 0 30px 0 0;
}

.testimonial-nav a:hover{
	cursor: pointer;
}

/* Fact Shortcode */
.fact-shortcode {
	text-align: center;
	margin: 0 0 20px 0;
}

.fact-title-wrap {
	display: inline-block;
	margin: 0 50px 0 0;
	width: 300px;
	text-align: left;
}

.fact-shortcode .fact-number {
	font-size: 40px;
	margin: 0 10px 0 0;
	line-height: 60px;
}

.fact-shortcode .fact-title {
	display: inline;
}

.fact-shortcode .fact-iconwrap {
	font-size: 40px;
	height: 50px;
	padding: 15px 0 0 0;
	display: inline-block;
}

.fact-shortcode .fact-iconwrap span {
	margin: 0 5px 0 0;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;
}


/*****
10. Special Pages
*****/

.error-page {
	min-height: 500px;
}

/*****
11. Portfolio
*****/

.portfolio-wrap {
	padding: 0 20px;
}

.portfolio-wrap article {
	float: left;
}

.portfolio-filter {
	text-align: center;
	margin: 0 0 20px 0;
}

.portfolio-filter ul {
	display: inline-block;
}

.portfolio-filter ul li {
	float: left;
	font-size: 24px;
}

.portfolio-filter ul li a {
	padding: 0 10px;
}

.portfolio-wrap .portfolio-item {
	margin: 5px;
	border-radius: 3px;
}

.portfolio-wrap .portfolio-item a {
	display: block;
	width: 100%;
	width: 100%;
	position: relative;
	overflow: hidden;
}

.portfolio-wrap .portfolio-item div.portfolio-overlay {
	width: 100%;
	height: 100%;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	border-radius: 3px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	text-align: center;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	z-index: 2;
}

.overlay-icon {
	display: block;
	height: 40px;
	width: 40px;
	color: #fff;
	line-height: 40px;
	font-size: 30px;
	text-align: center;
	position: absolute;
	top: 43%;
	left: 43%;
	z-index: 1;
	opacity: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.header-wrap .portfolio-item a:hover .overlay-icon {
	opacity: 1;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;	
}

.portfolio-wrap .portfolio-item a:hover .portfolio-overlay {
	opacity: 1;
}

.portfolio-wrap .portfolio-item div.portfolio-overlay span {
	display: block;
	color: #fff;
	position: relative;
	top: 48%;
}

.portfolio-wrap .portfolio-item div h4 {
	font-size: 26px;
	line-height: 45px;
	color: #fff;
}

.portfolio-wrap .portfolio-item.portfolio-small h4 {
	margin: 0;
}

.portfolio-wrap .portfolio-item div span.portfolio-icon {
	position: absolute;
	bottom: 10px;
	right: 10px;
	height: 20px;
	width: 20px;
	font-size: 20px;
	line-height: 20px;
	text-align: center;
	color: #fff;
}


.portfolio-wrap .portfolio-item img {
	border-radius: 3px;
}

.portfolio-medium {
	width: 310px;
	height: 310px;
}

.portfolio-small {
	width: 150px;
	width: 150px;
}

.portfolio-stretch {
	width: 310px;
	height: 150px;
}

.portfolio-long {
	width: 150px;
	height: 310px;
}

.portfolio-large {
	width: 470px;
	height: 470px;
}

.portfolio-xlong {
	width: 470px;
	height: 150px;
}

.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -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;
}

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

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

.flexslider {
	position: relative;
}

.flexslider ul {
	text-align: center;
}

.flexslider ul li { 
	display: inline-block;
	margin: 0 5px 0 0;
}

.flexslider ul li img {
	width: 100%;
  	height : 100%;
}

.flex-direction-nav {
	position: absolute;
	height: 40px;
	width: 100%;
	bottom: 10px;
	text-align: center;
}

.flexslider .flex-next, .flexslider .flex-prev {
	color: #fff;
	height: 40px;
	width: 40px;
	text-align: center;
	line-height: 40px;
	font-size: 24px;
	background-color: rgba(0,0,0,0.6);
	display: block;
	border-radius: 3px;
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
}

.flexslider .flex-prev:before { content: "\e12e"; }
.flexslider .flex-next:before { content: "\e12a";}


/*****
X. Widgets
*****/

.widget-area .box {
	margin-bottom: 20px;
}

.widget-title, .widget-title a.rsswidget {
	color: #fff;
	font-size: 18px;
}

/* Widget: Social Media */
.widget-social-media ul {
	margin-left: -5px;
}

.widget-social-media ul li {
	float: left;
	width: 35px;
	height: 35px;
	margin: 0 0 5px 5px;

}

.widget-social-media ul li a {
	color: #fff;
	line-height: 35px;
	font-size: 18px;
	width: 100%;
	height: 100%;
	text-align: center;
	display: block;
	background-color: #4a535b;
	border-radius: 3px;
}

/* Widget: Flickr */
	.flickr-wrap div {
		float: left;
		width: 60px;
		height: 60px;
		margin: 0 4.16% 10px 0;
		position: relative;
		background-color: #fff;
		border-radius: 3px;
	}

		.flickr-wrap div a {
			display: block;
		}

		.flickr-wrap div img {
			opacity: 0.75;
			border-radius: 3px;
		}

		.flickr-wrap div img:hover {
			opacity: 1;
		}

		.span3 .flickr-wrap div:nth-of-type(3n+3), .span4 .flickr-wrap div:nth-of-type(4n+4) {
			margin-right: 0;
		}

/* Widget: Categories, parts of widget list and widget menu */
	.widget_categories ul li, .widget_menu ul li, .widget_archive ul li, 
	.widget_meta ul li, .widget_rss ul li, .widget_nav_menu .menu li,
	.widget_pages ul li, .widget_recent_entries ul li,
	.widget_product_categories ul li, .widget_layered_nav ul li,
	.widget_recent_comments ul li {
		border-bottom: 1px solid #4a535b;
	}	

	.widget_categories ul li a, .widget_menu ul li a, .widget_archive ul li a, 
	.widget_meta ul li a, .widget_rss ul li a, .widget_nav_menu .menu li a,
	.widget_pages ul li a, .widget_recent_entries ul li a,
	.widget_product_categories ul li a, .widget_layered_nav ul li a,
	.widget_recent_comments ul li, .widget_recent_comments ul li a {
		padding: 5px;
		display: inline-block;
		width: 100%;
		height: 100%;
		color: #eee;
		font-size: 16px;
	}

/* Widget: Custom Menu */
.widget_nav_menu ul.menu li ul li {
	border: 0;
	margin: 0 0 0 20px;
}

/* Widget Recent Posts */
.widget_recent_entries span.post-date {
	width: 100%;
	font-size: 14px;
	padding: 0 5px;
	margin: -10px 0 5px 0;
	display: block;
}

/* Widget RSS */
.widget_rss a.rsswidget {
	margin: 0 0 10px 0;
	display: block;
}

.widget_rss ul li a{
	padding: 0;
}

.widget_rss ul li{
	margin: 0 0 10px 0;
}
.widget_rss span {
	font-weight: bold;
	font-size: 14px;
	line-height: 21px;
}

.widget_rss .rssSummary{
	font-size: 14px;
	line-height: 21px;
	margin: 0 0 10px 0;
}

/* Widget RSS */
.widget_text{
	font-size: 14px;
	line-height: 21px;
}

.widget_text a{
	color: #eee;
}

/* Widget Calendar */
#wp-calendar caption {
	text-align: left; 
	margin: 0 0 10px 0;
	font-size: 14px;
	line-height: 21px;
	color: #aaa;
}

#wp-calendar thead th, #wp-calendar tfoot td{
	border: none;
	background: transparent;
}

#wp-calendar thead { 
	font-size: 10px;
}

#wp-calendar thead th { 
	padding-bottom: 10px; 
	color: #fff;
}

#wp-calendar a{
	color: #fff;
}

#wp-calendar tbody{
	border-radius: 3px;
	color: #aaa;
	font-size: 14px;
	line-height: 21px;
}

#wp-calendar tbody td { 
	border: 1px solid #4a535b; 
	text-align: center; 
	padding:8px;
	background: transparent;
}

#wp-calendar tbody td:hover { 
	color: #fff;
	cursor: pointer;
}

#wp-calendar tbody .pad { 
	background: none; 
}

#wp-calendar tfoot #next { 
	font-size: 10px; 
	text-transform: uppercase; 
	text-align: right; 
}

#wp-calendar tfoot #prev { 
	font-size: 10px; 
	text-transform: uppercase; 
	padding-top: 10px; 
}

/* Widget Search */

.widget_search #searchform input {
	color: #eee;
	background-color: #4a535b;
	border-radius: 3px;
	width: 100%;
	height: 50px;
	border: none;
	padding: 0 0 0 20px;
	font-size: 14px;
	line-height: 21px;
}	

.widget_search .searchform{ 
	width: 100%;
}

/* Widget: Tags */
.widget_tag_cloud .tagcloud a{
	margin: 0 0 5px 0;
	display: inline-block;
	background-color: #4a535b;
	padding: 8px 15px;
	font-size: 14px!important;
	line-height: 21px;
	color: #eee;
	border-radius: 3px;
}

.widget_tag_cloud .tagcloud a:hover{
	color: #fff;
}

/* Widget Area: Text */
.widget_recent_comments ul li, .widget_recent_entries span.post-date, .widget_rss .rssSummary,
.widget_rss span, .widget_text{
	color: #aaa;
}



/*****
14. Footer Style
*****/
.footer {
	position: relative;
	background: #363f48;
	color: #fff;
}

.footer-menu ul li {
	color: #fff;
	float: left;
	margin: 0 20px 0 0;
	line-height: 60px;
}

.footer-menu ul li a { color: #fff; display: block; width: 100%; height: 100%; }


.f-copyright {
	height: 60px;
}

.widget-trigger { 
	text-align: center;
	height: 0px;
}

.widget-trigger a {	
	position: relative;
	margin: 0 auto;
	display: inline;
	font-size: 30px;
	color: #fff;
	border-radius: 50%;
	padding: 18px 21px;
}

.widget-trigger:hover {
	color: #fff;
}

.copyright-text {
	font-size: 16px;
	float: right;
	height: 60px;
	line-height: 60px;
	text-align: right;
}

.copyright-text a {
	border-bottom: 1px dotted #fff;
	color: #fff;
}

.copyright-text a:hover {
	border-bottom: none;
}

.widget-area {
	margin: 40px 0 0 0;
	padding: 20px 0 20px 0;
	display: none;
}

.widget-area-active:before {
	content: "\e12c";
}

/*****
99. Media Queries (Always at bottom)
*****/

/* Large desktop */
@media (min-width: 1200px) {

	.flickr-wrap div {
		width: 70px;
		height: 70px;
		margin: 0 6.5% 6.5% 0;
	}
}

@media (min-width: 979px) and (max-width: 1200px) { 
	.c-chart, .p-chart {
		width: 100%!important;
    	height: auto!important;
	}

}

/* Portrait tablet to landscape and desktop */
@media (max-width: 979px) and (min-width: 768px) { 
	.c-chart, .p-chart {
		width: 100%!important;
    	height: auto!important;
	}

	.menu-inner { width: 35%; }

	.csstransforms .menu-open .wrap, 
	.csstransforms .menu-open .header, 
	.csstransforms .menu-open .top-bar {
		-webkit-transform: translateX(35%);
		-moz-transform: translateX(35%);
		-o-transform: translateX(35%);
		-ms-transform: translateX(35%);
		transform: translateX(35%);
	}

	.flickr-wrap div:nth-of-type(3n+3) {
		margin-right: 9%;
	}

	.flickr-wrap div {
		margin-right: 9%;
	}
	
	.top-bar .social-media {
		display: none;
	}

	.inline-menu .menu-holder { display: none; }
	.menu-mobile-wrapper, .menu-mobile-wrapper.span4 { display: block; }

	.iconbox-shortcode {
		text-align: center;
	}

	.iconbox-shortcode .iconbox-content { 
		margin: 20px 0 0 0;
		clear: both;
		width: 100%;
	}
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 
	body { padding: 0; }
	.container { padding: 0 20px 20px 20px; }

	.overlay-text {
		top: 20px;
	}
	
	.top-bar .social-media {
		display: none;
	}
	.header-text { 
		margin: 100px auto 80px auto;
	}

	.overlay-text h1, .overlay-text h2, 
	.header-text h1, .header-text h2 { 
		font-size: 26px;
		line-height: 39px;
	}

	.title-wrap { 
		margin: 0 0 30px 0;
	}

	.parallax-content {
		padding: 40px 20px;
	}

	.c-chart, .p-chart {
		width: 100%!important;
    	height: auto!important;
	}

	.fact-shortcode { 
		margin: 0 0 10px 0;
	}

	.fact-shortcode .fact-title-wrap {
		width: 100%;
		text-align: center;
	}

	.fact-shortcode .fact-iconwrap {
		width: 100%;
	}

	.fact-shortcode .fact-iconwrap span {
		margin: 0 0 10px 0;
		font-size: 32px;
	}

	.contactform_shortcode { 
		margin: 0 0 20px 0;
	}

	.contactform_shortcode span {
		position: static;
	}

	.contactform_shortcode form {
		position: relative;
	}

	.contactform_shortcode .formhidden {
		left: 40px;
		top: 20%;
	}

	.shortcode-blogpost .content-wrap {
		padding: 20px;
	}

	.footer .f-copyright {
		height: auto;
	}

	.copyright-text { text-align: center; }

	.widget-trigger a {
		top: -30px;
	}

	.footer-menu {
		padding: 20px 0 0 0;
		text-align: center;
		min-height: 20px;
	}

	.footer-menu ul { 
		display: inline-block;
	}

	.menu-inner { 
		width: 60%; 
		height: 100%; 
		overflow-y: scroll;
		overflow-x: hidden;
	}

	.csstransforms .menu-open .wrap, 
	.csstransforms .menu-open .header, 
	.csstransforms .menu-open .top-bar {
		-webkit-transform: translateX(60%);
		-moz-transform: translateX(60%);
		-o-transform: translateX(60%);
		-ms-transform: translateX(60%);
		transform: translateX(60%);
	}

	.flickr-wrap div {
		margin: 0 10px 10px 0;
	}

	.flickr-wrap div:nth-of-type(3n+3) {
		margin-right: 10px;
	}

	.footer-menu ul li {
		line-height: 40px;
		margin: 0 10px 0 0;
	}

	.post-content { padding: 30px 0; }

	.post-sidebar {
		padding: 30px 0;
	}

	.post-sidebar .post-sidebar-divider { display: none; }

	.inline-menu .menu-holder { display: none; }
	.menu-mobile-wrapper, .menu-mobile-wrapper.span4 { display: block; }

	.inline-menu .span3, .inline-menu .span4 {
		display: inline-block;
		width: 100px;
		float: left;
	}

	.inline-menu .span4 {
		float: right;
	}

	.special-page .page-content { 
		padding: 60px 20px 40px 20px;
	}

	.iconbox-shortcode .iconbox-content {
		width: 88%;
	}
	
	.post-image-wrap img {
		width: 100%;
		margin: 0 0 20px 0;
	}

	.top-bar .span4 {
		display: inline-block;
		float: left;
		width: auto;
	}

	.top-bar .top-bar-logo {
		float: right;
		margin: 0 20px 0 0;
	}

	.top-bar .social-media {
		display: none;
	}
}
 
/* Landscape phones and down */
@media (max-width: 480px) {

	.close-menu {
		display: block;
	}
	body { padding: 0; }

	.wrap { overflow: hidden; }

	.c-chart, .p-chart {
		width: 100%!important;
    	height: auto!important;
	}

	.button, button {
		padding: 20px;
	}

	.page-title:after, .page-title:before {
		width: 40px;
	}

	.timeline-shortcode .timeline-border {
		left: 10%;
	}

	.timeline-shortcode .timeline-item {
		float: left;
		left: 10%;
		width: 80%;
		margin: 0 0 20px 0;
	}

	.timeline-item.left .timeline-line {
		left: 0;
	}

	.timeline-item.left .timeline-item-content-wrap {
		margin: 0 0 0 10%;
	}

	.timeline-item.left .timeline-line span {
		left: -3px;
	}

	.fact-shortcode .fact-iconwrap span {
		font-size: 22px;
	}

	.portfolio-wrap {
		padding: 0;
	}

	.portfolio-wrap article.portfolio {
		width: 100%;
		margin: 0 0 10px 0;
		height: auto;
	}

	.portfolio-wrap article.portfolio img {
		width: 100%;
		height: auto;
	}

	.contactform_shortcode .formhidden {
		left: 20px;
		top: 20%;
	} 

	.contactform_shortcode .formhidden textarea {
		height: 100px;
	}

	.menu-inner {
		width: 100%; 
		height: 100%; 
		overflow-y: scroll;
		overflow-x: hidden;
	}

	.contactform_shortcode h2 {
		font-size: 26px;
	}

	.csstransforms .menu-open .wrap, 
	.csstransforms .menu-open .header, 
	.csstransforms .menu-open .top-bar {
		-webkit-transform: translateX(100%);
		-moz-transform: translateX(100%);
		-o-transform: translateX(100%);
		-ms-transform: translateX(100%);
		transform: translateX(100%);
	}

	.inline-menu .menu-holder { display: none; }
	.menu-mobile-wrapper, .menu-mobile-wrapper.span4 { display: block; }

	.portfolio-filter ul li {
		margin: 0 0 10px 0;
	}

	.iconbox-shortcode {
		text-align: center;
	}

	.iconbox-shortcode .iconbox-content { 
		margin: 20px 0 0 0;
		clear: both;
		width: 100%;
	}

	.contactinfo-email a {
		word-break: break-word;
	}
}

/* Retina Screens */

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	.header-logo img {
		height: 50%!important;
		width: 50%!important;
	}
}