/* Table of Content
==================================================
	#Global
	#Header
	#Color Styles
	#Typography
	#Sections
	#Links
	#Lists
	#Images
	#Buttons
	#Responsive
	#Misc *//*
*/



/** Global
================================================== */
.the_content_wrapper pre	{ margin-bottom: 20px}
.rev_slider iframe 			{ max-width: 1220px;}
.rev_slider ul 				{ margin:0 !important;}
.ls-yourlogo 				{ z-index: 28;} 				

.section.center				{ text-align: center;}
.section.no-margin .column	{ margin-bottom:0;}

#Wrapper 					{ -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, .06); box-shadow: 0px 0px 15px rgba(0, 0, 0, .06);}

.alignleft { float: left; margin: 15px 15px 15px 0px; }
.alignright { float: right; margin: 15px 0px 15px 15px; }
.aligncenter { text-align: center; margin: 0 auto; display:block; }
.aligncenter img { display: inline; }
.sticky, .gallery-caption, .bypostauthor { }

html {
		height: 100%;
	}
body {
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
 	}

body {
	overflow-x: hidden;
}

a, a:visited, a:focus { text-decoration: none; outline: 0; }
	a:hover { /*text-decoration: underline;*/ }
	p a, p a:visited { line-height: inherit; }

hr { display: block; border: none; outline: none; height: 1px; width: 100%; margin: 0 auto 15px; clear: both; }
	hr, .hr_wide, .hr_zigzag, .hr_dots { margin: 0 auto 15px; clear: both; }
	hr.hr_narrow { width: 7%; }
	
	hr.no_line { height: 0; }




body { background: #ffffff;color: #222222;font: 120%/1.4 "Roboto", sans-serif; padding: 0; -webkit-text-size-adjust: 100%; }

a { color: gray; text-decoration: none; }
a:hover, a:focus { color: #222222; }
p { margin: 0 0 1em; }

a img { border: 0; outline: 0; }

h1 {font-size: 2.3em;line-height: 1;letter-spacing: -0.02em;margin: 0 0 0.2em; }
h2 {/*text-transform: lowercase;*/font-size: 2em;line-height: 1.1;margin: 0 0 0.4em; }
h3 {font-size: 1.3em;line-height: 1.1;margin: 0 0 0.2em;/*text-transform: lowercase; */}
h4 {font-size: 1em;/*text-transform: lowercase;*/margin: 0.5em 0; }
h2 a, h3 a { color: #222222; }
h2 a:hover, h3 a:hover { color: gray; }

blockquote {font-size: 1.3rem;font-style: italic;margin-left: 0;}
blockquote p {margin-bottom: 0; }

small {font-style: italic;color: rgba(0, 0, 0, 0.8);}
input[type=search] {-webkit-appearance: none;border-radius: 0; }
::-webkit-input-placeholder {color: #808080; }
:-moz-placeholder {color: #808080; }
code {background: rgba(0, 0, 0, 0.05);padding: 0.3em; }
pre {background: #222222;color: #ffffff;padding: 1rem;white-space: pre;overflow: auto; }


/* #Header                                     
===================================================================================================== */

.header { position: relative; padding: 0; overflow: hidden; /* background: rgba(0, 0, 0, 0.05); */}
.logo-header { position: relative; float: left; margin: 0.5em 0 0 0.5em; text-align: center; }
.logo-header a { display: block; padding: 0.1em 0.5em 0.1em 0.5em; color: #222222; position: relative; }
.logo-header h3 { display: block; padding: 0.1em 0.5em 0.1em 0.3em; margin: 0.2em 0 -0.3em 0; font-size: 1.9em;}
.logo-header h4 { display: block; padding: 0.1em 0.5em 0.1em 0.5em; margin: 0.1em 0 -0.3em 0;}
.logo-header a:hover { /*background: rgba(0, 0, 0, 0.05); */}
.logo-header .logo-image { position: absolute; top: 0; left: 0; width: 2.4em; height: 2.4em; }

.logo-container {max-width: 32rem;text-align: center;margin: 0 auto; }
.logo {text-transform: lowercase;margin: 0 auto;font-size: 3rem;position: relative;line-height: 1;margin: 0; }
.logo-image {display: block;width: 5rem;height: 5rem;margin: 0 auto;background: url(../images/logo-classic.png) no-repeat;background-size: 100% 100%;-webkit-animation: rotation 10s linear infinite;-moz-animation: rotation 10s linear infinite;-o-animation: rotation 10s linear infinite;animation: rotation 10s linear infinite; }

.tagline {text-transform: lowercase;font-size: 1.2em;position: relative;z-index: 1; }




/* #Top-Navigation                                   
===================================================================================================== */

/*---------------------------------------------------------
responsive-nav.js 1.0.23 by @viljamis http://responsive-nav.com/
---------------------------------------------------------*/

.nav ul {margin: 0;padding: 0;width: 100%;display: block;list-style: none; }
.nav h4 {margin: 0; }
.nav li {width: 100%;display: block; }
.nav a {display: block;padding: 1em;color: #222222;font-weight: bold;/*background: rgba(0, 0, 0, 0.05);*/text-transform: lowercase; }
.nav a:hover, .nav a:focus {/*background: rgba(0, 0, 0, 0.2) !important; */}
.nav.opened {max-height: 9999px; }

.js .nav {clip: rect(0 0 0 0);max-height: 0;position: absolute;display: block;overflow: hidden;zoom: 1;clear: both; margin-top: 18px;}

.nav-toggle {padding: 1em;float: right;display: block;text-transform: lowercase;text-align: center;font-weight: bold; margin-top: 18px; }
.nav-toggle:hover, .nav-toggle:focus {/*background: rgba(0, 0, 0, 0.05*/); }
.closed .nav-toggle {background: rgba(0, 0, 0, 0.05); }

/** Typography
================================================== */

	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: none; }
	h1 { margin-bottom: 15px; }
	h2 { margin-bottom: 15px; }
	h3 { margin-bottom: 15px; }
	h4 { margin-bottom: 5px; }
	h5 { margin-bottom: 15px; }
	h6 { margin-bottom: 15px; }

	p { margin: 0 0 15px 0; }

	em, i 			{ font-style: italic; }
	b, strong 		{ font-weight: bold; }
	big, .big 		{ font-size: 110%; line-height: 180%; }
	


/** Responsive Images
================================================== */

	img.scale-with-grid,
	#Content img {
		max-width: 100%;
		height: auto;
	}



/** Colors
================================================== */

	html { 
		background-color: #fdfdfd;
	}
	
	#Wrapper, #Content { 
		background-color: #1c1c1c;
	}
	

	body, ul.timeline_items, .icon_box a .desc, .icon_box a:hover .desc, .feature_list ul li a, .list_item a, .list_item a:hover,
	.widget_recent_entries ul li a, .flat_box a, .flat_box a:hover, .story_box .desc, .content_slider.carousel  ul li a .title {
		color: #848289;
	}
	
	a {
		color: #676666;
	}
	
	a:hover {
		color: #999999;
	}
	
	h1, h1 a, h1 a:hover, .text-logo #logo { color: #676666; }
	h2, h2 a, h2 a:hover { color: #676666; }
	h3, h3 a, h3 a:hover { color: #676666; }
	h4, h4 a, h4 a:hover { color: #676666; }
	h5, h5 a, h5 a:hover { color: #676666; }
	h6, h6 a, h6 a:hover, 
	a.content_link .title { color: #676666; }		
	

	a.button {
		background-color: #f7f7f7;
		color: #747474;
	}
	
	a.button_theme, button, input[type="submit"], input[type="reset"], input[type="button"] {
		background-color: #676666;
		color: #fff;
	}
	
	.column_column ul, .column_column ol, .the_content_wrapper ul, .the_content_wrapper ol {
		color: #737E86;
	}
	
	.hr_color, .hr_color hr, .hr_dots span {
		color: #676666;
		background: #676666;
	}
	
	

	
/** Footer Colors
================================================== */

	#Footer a {
		color: #817f86;
	}
	
	#Footer a:hover {
		color: #595464;
	}
	
	#Footer h1, #Footer h1 a, #Footer h1 a:hover,
	#Footer h2, #Footer h2 a, #Footer h2 a:hover,
	#Footer h3, #Footer h3 a, #Footer h3 a:hover,
	#Footer h4, #Footer h4 a, #Footer h4 a:hover,
	#Footer h5, #Footer h5 a, #Footer h5 a:hover,
	#Footer h6, #Footer h6 a, #Footer h6 a:hover {
		color: #3a3a3a;
	}
	
	
/* Image Gallery Frames */
	.image_frame .image_wrapper .image_links,
	.portfolio-section.allsidestouch-hover .portfolio-item .allsidestouch-hover-wrapper .hover-desc { 
		background: rgba(28, 28, 28, 0.91);
	}
	.image_frame .image_wrapper .image_links a {
		color: #ffffff;
	}
	.image_frame .image_wrapper .image_links a:hover {
		background: #ffffff;
		color: #676666;
	}	
	


	#Header_wrapper {
		background-color: #000119;
	}
	
	#Footer {
		background-color: #ececec;
	}

	
/** Font Definitions
================================================== */

 	body, button, span.date_label, .timeline_items li h3 span, input[type="submit"], input[type="reset"], input[type="button"],
	input[type="text"], input[type="password"], input[type="tel"], input[type="email"], textarea, select, .offer_li .title h3 {
				font-family: 'Roboto Slab', serif;
		font-weight: 400;
	}
	
	#menu > ul > li > a, .action_button, #overlay-menu ul li a {
				font-family: 'Roboto Slab', serif;
		font-weight: 400;
	}
	
	#Subheader .title {
				font-family: 'Roboto Slab', serif;
		font-weight: 400;
	}
	
	h1, .text-logo #logo {
				font-family: 'Roboto Slab', serif;
		font-weight: 300;
	}
	
	h2 {
				font-family: 'Roboto Slab', serif;
		font-weight: 300;
	}
	
	h3 {
				font-family: 'Roboto Slab', serif;
		font-weight: 300;
	}
	
	h4 {
				font-family: 'Roboto Slab', serif;
		font-weight: 300;
	}
	
	h5 {
				font-family: 'Roboto Slab', serif;
		font-weight: 700;
	}
	
	h6 {
				font-family: 'Roboto Slab', serif;
		font-weight: 400;
	}
	
	blockquote {
				font-family: 'Roboto Slab', serif;
	}


/** Font Sizes
================================================== */

	body {
		font-size: 14px;
		line-height: 22px;		
	}	
	nav > ul > li > a, .action_button {	
		font-size: 18px;
	}
	
	h1, #Subheader .title, .text-logo #logo { 
		font-size: 25px;
		line-height: 25px;	
	}	
	h2 { 
		font-size: 42px;
		line-height: 42px;	
	}	
	h3 {
		font-size: 30px;
		line-height: 32px;	
	}	
	h4 {
		font-size: 22px;
		line-height: 26px;	
	}	
	h5 {
		font-size: 16px;
		line-height: 21px;	
	}	
	h6 {		
		font-size: 14px;
		line-height: 21px;	
	}



/* Section: Portfolio
================================================== */
.section.full-width .section_wrapper { width:100% !important;}
.section.full-width .section_wrapper .column.one { width:100%; margin: 0 !important; }


/* #Portfolio
================================================== */
.portfolio-section { margin:0 !important;}
.portfolio-section .portfolio-item { list-style:none !important;}

.portfolio-section :not(.list) .portfolio-item { background: none !important; }
.portfolio-section .portfolio-item .list_style_header { display: none; overflow: hidden; margin-bottom: 20px; position: relative; min-height: 43px; padding-right: 275px; }
.portfolio-section .portfolio-item .list_style_header h3 { margin-bottom: 0; margin-top: 7px; }
.portfolio-section .portfolio-item .list_style_header .links_wrapper { position: absolute; right: 0; top: 0; }
.portfolio-section .portfolio-item .list_style_header .links_wrapper a { margin-bottom: 0; } 
.portfolio-section .portfolio-item .list_style_header .links_wrapper a:last-child { margin-right: 0; }
.portfolio-section .portfolio-item:first-child .list_style_header .links_wrapper a.portfolio_prev_js { display: none; }
.portfolio-section .portfolio-item:last-child .list_style_header .links_wrapper a.portfolio_next_js { display: none; }

.portfolio-section .portfolio-item .image_frame { width: 100%; }

.section_wrapper .portfolio_wrapper .column.one.pager_wrapper { margin: 40px 0 !important; }

.template-slider .section-portfolio-header { margin-top:30px;}


/* Grid */
ul.portfolio-grid { overflow: hidden; }
ul.portfolio-grid li { float: left; }
ul.portfolio-grid li .image_frame { border: 0; }
	
.one.column-portfolio-grid li,
.three-fourth.column-portfolio-grid li { width: 25%; }
.two-third.column-portfolio-grid li,
.one-second.column-portfolio-grid li { width: 50%; }
.one-third.column-portfolio-grid li,
.one-fourth.column-portfolio-grid li { width: 100%; float: none; }
		
	
.detail_group.detail-hover .detail-item { width: 100%; }	
.detail_group.detail-hover .detail-item .detail-hover-wrapper { position: relative; overflow: hidden; }
.detail_group.detail-hover .detail-item .detail-hover-wrapper .detail-hover-desc { opacity: 0; position: absolute; left: 0; top: 0; background-color: rgba(0,0,0,.3); height: 100%; width: 100%; padding: 10% 10% 50px; box-sizing: border-box; }
.detail_group.detail-hover .detail-item .detail-hover-wrapper .detail-hover-desc h3:after { content: ""; display: block; margin: 15px 0; width: 20px; height: 3px; background: #fff; }
.detail_group.detail-hover .detail-item .detail-hover-wrapper .detail-hover-desc h3 a { color: #fff; }
.detail_group.detail-hover .detail-item .detail-hover-wrapper .detail-hover-desc h2 { font-size: 25px; }
.detail_group.detail-hover .detail-item .detail-hover-wrapper .detail-hover-desc .detail-desc-inner { height: 100%; overflow: hidden; color: #fff; }
.detail_group.detail-hover .detail-item .detail-hover-wrapper .detail-hover-desc .detail-desc-inner p {font-size:14px; }
.detail_group .detail-desc-inner h3{ margin-bottom: 15px; margin-top: 10px; margin-left: 10px; font-size: 32px; line-height: 1.2}
.detail_group .detail-desc-inner h2{ margin-bottom: 15px; margin-top: 10px; margin-left: 10px; font-size: 32px; line-height: 1.2}
.detail_group .detail-desc-inner p{ margin-bottom: 15px; margin-top: 10px; margin-left: 10px; font-size: 22px; line-height: 1.2}

/* allsidestouch hover */
/*.portfolio-section.allsidestouch-hover .portfolio-item { width: 31.2%; margin: 0 1% 20px; }*/
.portfolio-section.allsidestouch-hover .portfolio-item { width: 33.333%; }	
.portfolio-section.allsidestouch-hover .portfolio-item .allsidestouch-hover-wrapper { position: relative; overflow: hidden; }
.portfolio-section.allsidestouch-hover .portfolio-item .allsidestouch-hover-wrapper .hover-desc { opacity: 0; position: absolute; left: 0; top: 0;/* background-color: rgba(0,0,0,.3);*/ height: 100%; width: 100%; padding: 10% 10% 50px; box-sizing: border-box; }
/*.portfolio-section.allsidestouch-hover .portfolio-item .allsidestouch-hover-wrapper .hover-desc h3:after { content: ""; display: block; margin: 15px 0; width: 20px; height: 3px; background: #fff; }*/
.portfolio-section.allsidestouch-hover .portfolio-item .allsidestouch-hover-wrapper .hover-desc h3 a { color: #fff; }
.portfolio-section.allsidestouch-hover .portfolio-item .allsidestouch-hover-wrapper .hover-desc h2 { font-size: 25px; }
.portfolio-section.allsidestouch-hover .portfolio-item .allsidestouch-hover-wrapper .hover-desc .desc-inner { height: 100%; overflow: hidden; color: #fff; line-height: 1.3;}
.portfolio-section.allsidestouch-hover .portfolio-item .allsidestouch-hover-wrapper .hover-desc .desc-inner h3{ margin-bottom: 15px; margin-top: 10px; font-size: 32px; line-height: 1.2}
.portfolio-section.allsidestouch-hover .portfolio-item .allsidestouch-hover-wrapper .hover-desc .desc-inner p{ font-size: 14px; line-height: 1.4}
.portfolio-section.allsidestouch-hover .portfolio-item .allsidestouch-hover-wrapper .hover-desc .links-wrappper { bottom: 18px; box-sizing: border-box; left: 0; padding: 0 7% 0 8%; position: absolute; width: 100%; }


.portfolio-section.allsidestouch-hover .portfolio-item .allsidestouch-hover-wrapper .hover-desc .links-wrappper a.zoom,
.portfolio-section.allsidestouch-hover .portfolio-item .allsidestouch-hover-wrapper .hover-desc .links-wrappper a.link,
.portfolio-section.allsidestouch-hover .portfolio-item .allsidestouch-hover-wrapper .hover-desc .links-wrappper a.external { font-size: 25px; color: #fff; position: relative; top: 0; }

.portfolio-section.allsidestouch-hover .portfolio-item .allsidestouch-hover-wrapper .image-wrapper .mask { position: absolute; left: 0; top; 0; width: 100%; height: 100%; z-index: 2; }
.portfolio-section.allsidestouch-hover .portfolio-item .allsidestouch-hover-wrapper .image-wrapper .mask { -webkit-box-shadow:inset 0 0 5px 2px rgba(0,0,0,.07);
	box-shadow:inset 0 0 5px 2px rgba(0,0,0,.07); }
.portfolio-section.allsidestouch-hover .portfolio-item .allsidestouch-hover-wrapper .image-wrapper .mask:after { background: rgba(255,255,255,.4);}

.portfolio-section.allsidestouch-hover .portfolio-item .allsidestouch-hover-wrapper .hover-desc .links-wrappper a.zoom {  }
.portfolio-section.allsidestouch-hover .portfolio-item .allsidestouch-hover-wrapper .hover-desc .links-wrappper a.link { float: right; }
.portfolio-section.allsidestouch-hover .portfolio-item .allsidestouch-hover-wrapper .hover-desc .links-wrappper a.external {}
.portfolio-section.allsidestouch-hover .portfolio-item .image-wrapper { line-height: 0; }

.portfolio-section.allsidestouch-hover .portfolio-item .allsidestouch-hover-wrapper:hover .hover-desc { opacity: 1; }

.portfolio-section.allsidestouch-hover .portfolio-item .allsidestouch-hover-wrapper .hover-desc .links-wrappper a.zoom,
.portfolio-section.allsidestouch-hover .portfolio-item .allsidestouch-hover-wrapper .hover-desc .links-wrappper a.link,
.portfolio-section.allsidestouch-hover .portfolio-item .allsidestouch-hover-wrapper .hover-desc .links-wrappper a.external,		
.portfolio-section.allsidestouch-hover .portfolio-item .allsidestouch-hover-wrapper .hover-desc { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

	
	

/* #Buttons
================================================== */

	a.button, button, input[type="submit"], input[type="reset"], input[type="button"] {
		display: inline-block;
		padding: 11px 20px;
		margin-bottom: 15px;
		cursor: pointer;
		margin-right: 7px;
		border: 0;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		position: relative;
		overflow: hidden;
		-webkit-box-shadow:inset 0 0 0 1px rgba(0,0,0,.03);
		box-shadow:inset 0 0 0 1px rgba(0,0,0,.03);
		/*background-image: url(../../images/box_shadow_button.png);
		background-repeat: repeat-x;*/
	}
	a.button_js {
		padding: 0;
	}
	
	a.button.button_large,
	button.button_large,
	input[type="submit"].button_large,
	input[type="reset"].button_large,
	input[type="button"].button_large {
		font-size: 110%;
		line-height: 110%;
	}
	
	/* Button label & icon */
	a.button .button_label { display: block; float: left; position: relative; z-index: 2; }	
	a.button .button_icon { display: block; float: left; background: rgba(0,0,0,.05); }
	
	a.button .button_icon i { color: rgba(0,0,0,.5); }
	
	/* Paddings */
	a.button .button_label { padding: 11px 20px; }	
	a.button .button_icon { padding: 11px 13px; }
	
	
	/* Hover */
	@media only screen and (min-width: 768px){
		a.button:after, button:after, input[type="submit"]:after, input[type="reset"]:after, input[type="button"]:after {
			content: ""; position: absolute; opacity: 0; left: 0; top: 0; height: 100%; width: 100%; z-index: 1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; background: rgba(0,0,0,.45);
		}
			
		a:hover.button { text-decoration: none; }
		a.button:hover:after, button:hover:after, input[type="submit"]:hover:after, input[type="reset"]:hover:after, input[type="button"]:hover:after {
			/*width: 100%;*/
			opacity:1;
		}
	}

	/* Fix for odd Mozilla border & padding issues */
	button::-moz-focus-inner, input::-moz-focus-inner {
    	border: 0;
    	padding: 0;
	}





	
/* #Base 1200 Grid
================================================== */

html { overflow-x: hidden; }

body							{ min-width: 1240px; padding:0px 0;}

#Wrapper 						{ width: 1240px; margin: 0px auto; overflow:hidden;}

.layout-full-width 				{ padding: 0; }
.layout-full-width #Wrapper 	{ width: 100% !important; margin: 0 !important; }

/* #Content
=============================== */

#Content 						{ width:100%; }
body:not(.template-slider) #Content { padding-top: 0px; }

.section						{ position: relative; }

.section_wrapper,
.container						{ /*width: 1200px;*/ margin:0 auto; position:relative;}

.section_wrapper:after,
.container:after				{ clear: both; content: " "; display: block; height: 0; visibility: hidden;}

.column, .columns				{ float: left; margin:0 1% 40px;}
.column.column_divider			{ margin-bottom: 0;}

.the_content_wrapper			{ margin:0 1%;}
.column_content .the_content_wrapper { margin:0;}

.column_attr.align_left			{ text-align:left;}
.column_attr.align_right		{ text-align:right;}
.column_attr.align_center		{ text-align:center;}
.column_attr.align_justify		{ text-align:justify;}

.section_wrapper,
.paragraph-container						{ width: 1200px; margin:0 auto; position:relative;}

.section_wrapper:after,
.paragraph-container:after				{ clear: both; content: " "; display: block; height: 0; visibility: hidden;}	


/* #Base Grid
=============================== */

.one-sixth.column				{ width: 14.666%; }		/* 1/6 */
.one-fifth.column				{ width: 18%; }			/* 1/5 */
.four.columns,
.one-fourth.column				{ width: 23%; }			/* 1/4 */
.one-third.column				{ width: 31.333%; }		/* 1/3 */
.one-second.column				{ width: 48%; }			/* 1/2 */
.two-third.column				{ width: 64.666%; }		/* 2/3 */
.three-fourth.column			{ width: 73%; }			/* 3/4 */
.one.column						{ width: 98%; }			/* 1/1 */


/* #Clearing
================================================== */

/* Self Clearing Goodness */
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

/* Use clearfix class on parent to clear nested columns, or wrap each row of columns in a <div class="row"> */
.clearfix:before,
.clearfix:after,
.row:before,
.row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.row:after,
.clearfix:after { clear: both; }
.row,
.clearfix { zoom: 1; }

/* You can also use a <br class="clear" /> to clear columns */
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}	


/* Image frames */
	.image_frame, .wp-caption { border-width: 8px; border-style: solid; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	.image_frame .image_wrapper, .wp-caption img { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	.image_frame a, .wp-caption a { display: block; }
	.wp-caption-text { display: block; text-align: center; margin:0; padding: 10px 0 5px; line-height: normal; }
	
	.the_content_wrapper .image_frame,
	.the_content_wrapper .wp-caption { margin-bottom:20px;}
	.the_content_wrapper .wp-caption.alignnone,
	.the_content_wrapper .wp-caption.aligncenter { clear:both;}
	
	.image_frame .image_wrapper { position: relative; overflow: hidden; }
	.image_frame .image_wrapper .mask { position: absolute; left: 0; top; 0; width: 100%; height: 100%; z-index: 2; }


	.image_frame .image_wrapper img:not(.ls-l) { position: relative; top: 0; -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); }
	.image_frame:not(.no_link) .image_wrapper img:not(.ls-l) { margin-bottom: -15px !important; }
	.image_frame:hover .image_wrapper img,
	.image_frame.hover .image_wrapper img { top: -15px; }
	.image_frame:hover .image_wrapper .ls-container img,
	.image_frame.no_link:hover .image_wrapper img { top: 0; }
	.image_frame .image_wrapper .mask:after { content: ""; display: block; position: absolute; left: 0; top; 0; width: 100%; height: 100%; z-index: 3; filter: alpha(opacity=0); opacity: 0; }
	.image_frame:hover .image_wrapper .mask:after,
	.image_frame.hover .image_wrapper .mask:after { filter: alpha(opacity=100); opacity: 1; }
	.image_frame.no_link:hover .image_wrapper .mask:after { filter: alpha(opacity=0); opacity: 0; }
	.image_frame .image_wrapper .image_links { width: 100%; height: 60px; position: absolute; left: 0; bottom: -60px; z-index: 4; overflow: hidden; text-align: center;}
	.image_frame:hover .image_wrapper .image_links,
	.image_frame.hover .image_wrapper .image_links { bottom: 0; }
	.image_frame .image_wrapper .image_links a { display: block; font-size: 25px; line-height: 60px; width: 100%; text-align: center; }
	.image_frame .image_wrapper .image_links h2:after { position:absolute; font-size: 22px;opacity:1;top:0px; }
	.image_frame .image_wrapper .image_links.double a { width: 50%; display: block; float: left; }
	.image_frame .image_wrapper .image_links.double a:first-child { -webkit-box-shadow:inset -1px 0 0 0 rgba(255,255,255,.2); box-shadow:inset -1px 0 0 0 rgba(255,255,255,.2); }
	.image_frame .image_wrapper .image_links.triple a { width: 33%; display: block; float: left; -webkit-box-shadow:inset -1px 0 0 0 rgba(255,255,255,.2); box-shadow:inset -1px 0 0 0 rgba(255,255,255,.2); }
	.image_frame .image_wrapper .image_links.triple a:last-child { -webkit-box-shadow: 0 0 0; box-shadow: 0 0 0; width: 34%; }
	
	.image_frame.no_border { border-width: 0; }	
		
		/* Animation */
		.image_frame .image_wrapper img,
		.image_frame .image_wrapper .mask:after,
		.image_frame .image_wrapper .image_links { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
		.image_frame .image_wrapper .image_links a { -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }





/* Responsive */


		
/*                                        34 (544px)
====================================================================================================== */


@media all and (min-width: 34em) {
    /*h1 {
      font-size: 3em; 
      }
    h2 {
     font-size: 3em; 
     } 
     .logo {
      font-size: 4rem;
      display: inline-block;
      padding-left: 6rem; 
    }
      .logo .logo-image {
        position: absolute;
        top: 0.5rem;
        left: 0;
        z-index: 1; 
      } 
    .tagline {
      text-align: right;
      padding-right: 0.8rem;
      margin-top: -0.7em; 
    } 
    .section h1 {
      text-align: center; 
    } 
    .section {
    padding: 4em 1em; 
    } */
  .section-title {
      text-align: center; 
      } 
  .intro {
      text-align: center;
      max-width: 25em;
      margin: 0 auto; 

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


@media all and (max-width: 34em) {
    .btn {
      display: block;
      margin-bottom: 0.25em; 
      } 
}






/*                                        40 (640px)
====================================================================================================== */

@media all and (max-width: 40em) {
    .nav li:nth-child(1) a {
      /*background: transparent; */
      background: rgba(0, 0, 0, 0.02); 
    }
    .nav li:nth-child(2) a {
      /*background: rgba(0, 0, 0, 0.02); */
      border-top: 1px dashed #999;
    }
    .nav li:nth-child(3) a {
      background: rgba(0, 0, 0, 0.04); 
    }
    .nav li:nth-child(4) a {
      background: rgba(0, 0, 0, 0.06); 
    }
    .nav li:nth-child(5) a {
      background: rgba(0, 0, 0, 0.08); 
    } 
}
@media all and (min-width: 40em) {
    .footer {
      padding-top: 4em;
      padding-bottom: 4em; 
      }
      .btn-group .btn {
      display: inline-block;
      margin: 0 0.25em; 
      } 
      .example-block {
      float: left;
      width: 33.33333333%; 
      }  
}


/*                                        42 (672px)
====================================================================================================== */

@media all and (min-width: 42em) {
    .nav a {
      padding: 0.5em 1em; } 
}


/*                                        50 (800px)
====================================================================================================== */

@media all and (min-width: 50em) {
      .footer-nav {
      text-align: center; 
      } 
      .footer-nav li {
        display: inline-block;
        border: 0; 
      } 

      .footer-nav ul {
        margin-left: -50px;
      }
}



/*                                        57 (912px)
====================================================================================================== */
@media all and (min-width: 57em) {
    .header {
      padding: 1.5em 1em; 

    } 
    .logo-header {
      margin: 0; 
    } 
    .nav li {
      float: left;
      width: auto;
      margin-right: 0.5em; 
      }

    .nav {
    overflow: hidden;
    float: right; 
  } 

}

@media screen and (min-width: 57em) {
  .js .nav {
    position: relative;
    clear: none; 
  }

  .js .nav.closed {
    max-height: none; 
  }

  .nav-toggle {
    display: none; 
  } 

}
				
		@media only screen and (min-width: 768px) and (max-width: 959px){	
			body {
				font-size: 13px;		
				line-height: 20px;		
			}
			#menu > ul > li > a {	
				font-size: 14px;
			}
			
			h1, #Subheader .title, .text-logo #logo { 
				font-size: 23px;
				line-height: 23px;	
			}	
			h2 { 
				font-size: 38px;
				line-height: 38px;	
			}	
			h3 {
				font-size: 27px;
				line-height: 29px;	
			}	
			h4 {
				font-size: 20px;
				line-height: 24px;	
			}	
			h5 {
				font-size: 14px;
				line-height: 18px;	
			}	
			h6 {		
				font-size: 13px;
				line-height: 19px;	
			}
		}
		
				
		@media only screen and (min-width: 480px) and (max-width: 767px){
			body {
				font-size: 13px;		
				line-height: 20px;		
			}
			#menu > ul > li > a {	
				font-size: 13px;
			}
			
			h1, #Subheader .title, .text-logo #logo { 
				font-size: 20px;
				line-height: 20px;	
			}	
			h2 { 
				font-size: 34px;
				line-height: 34px;	
			}	
			h3 {
				font-size: 24px;
				line-height: 26px;	
			}	
			h4 {
				font-size: 18px;
				line-height: 22px;	
			}	
			h5 {
				font-size: 13px;
				line-height: 17px;	
			}	
			h6 {		
				font-size: 13px;
				line-height: 18px;	
			}
		}
		
				
		@media only screen and (max-width: 479px){
			body {
				font-size: 13px;		
				line-height: 20px;		
			}
			#menu > ul > li > a {	
				font-size: 13px;
			}
			
			h1, #Subheader .title, .text-logo #logo { 
				font-size: 18px;
				line-height: 18px;	
			}	
			h2 { 
				font-size: 29px;
				line-height: 29px;	
			}	
			h3 {
				font-size: 21px;
				line-height: 23px;	
			}	
			h4 {
				font-size: 15px;
				line-height: 18px;	
			}	
			h5 {
				font-size: 13px;
				line-height: 16px;	
			}	
			h6 {		
				font-size: 13px;
				line-height: 17px;	
			}
		}
		
	

/* #Desktop 																				960 - 1239
====================================================================================================== */
@media only screen and (min-width: 960px) and (max-width: 1239px)
{	
	body 							{ min-width:0; }
	#Wrapper 						{ width: 960px; }
	
	.section_wrapper,
	.container,
	.with_aside .content_wrapper	{ width: 940px; }

	/* ======================================================= */
	
	/* Top bar width */
	/*#Top_bar .top_bar_left { width: 729px; }*/
	
	/* Google maps */
	/*.column_map .google-map-contact-wrapper { width: 921px; margin-left: -460px; }*/

	/* Portfolio list */
	body:not(.with_aside) .portfolio-section.list .portfolio-item .portfolio-item-fw-wrapper { width: 921px; }

}


/* #Header Creative always Open 															1240 - 1489
====================================================================================================== */
@media only screen and (min-width: 1240px) and (max-width: 1489px)
{	
	body.header-open							{ min-width:0; }
	.header-open #Wrapper 						{ width: 960px; }
	
	.header-open .section_wrapper,
	.header-open .container,
	.header-open .with_aside .content_wrapper	{ width: 940px; }

	/* ======================================================= */

	body.header-open:not(.with_aside) .portfolio-section.list .portfolio-item .portfolio-item-fw-wrapper { width: 921px; }

}




/*																								> 1240
===================================================================================================== */
@media only screen and (min-width: 1240px) 
{

}


/* 																								< 1240
===================================================================================================== */
@media only screen and (max-width: 1239px)
{

}


/* #Tablet (Landscape) 																			> 960
===================================================================================================== */
/*@media only screen and (min-width: 960px)
{	
	.hide-desktop { display:none !important;}
}*/


/* #Tablet (Landscape) 																		768 - 959
===================================================================================================== */
@media only screen and (min-width: 768px) and (max-width: 959px)
{	
	body							{ min-width:0; }
	#Wrapper						{ width: 728px; }

	.section_wrapper,
	.container,
	.with_aside .content_wrapper	{ /*width: 708px;*/ }

	.footer-fixed #Content,
	.footer-sliding #Content { margin-bottom: 0 !important; }
	.footer-fixed #Footer,
	.footer-sliding #Footer { position: static;}
		

	body:not(.with_aside) .portfolio-section.list .portfolio-item .portfolio-item-fw-wrapper { width: 694px; }

	.portfolio-photo .portfolio-item .portfolio-details:hover .details { opacity: 1; }
	.portfolio-photo .portfolio-item .portfolio-details .more { display: none; }

	.get_in_touch { padding-left:20px; word-wrap: break-word;}
	.get_in_touch ul li { padding-left: 0; padding-right: 0; }
	.get_in_touch ul li .icon { display: none; }

}


/* #Tablet (Portrait) & Mobile - COMMON 														< 768	*
===================================================================================================== */
@media only screen and (max-width: 767px) 
{
	body 							{ min-width:0;}
	#Wrapper						{ width: 300px;}
	
	.section_wrapper .column,
    .container .column,
	.sections_group,
	.four.columns					{ margin:0; width: 100% !important; clear: both; }
	.aside_both .sections_group		{ margin:0 auto;}
	
	.section_wrapper,
	.container,
	.four.columns					{ /*width: 260px !important;*/ }

	.left-sidebar .items_group,
	.right-sidebar .items_group,
	.with_aside .content_wrapper 	{ width:100%;}

	.section_wrapper .column		{ margin:0 0 20px;}
	
	.four.columns					{ float: none !important; margin:0 auto; }

	.section { background-attachment:scroll !important; height: auto !important; }

	.footer-fixed #Content,
	.footer-sliding #Content { margin-bottom: 0 !important; }
	.footer-fixed #Footer,
	.footer-sliding #Footer { position: static;}

	ul.portfolio-grid li { width: 100% !important; float: left ; }

	.portfolio-section .portfolio-item { width: 100% !important; float: none; }
	
	.portfolio-section .portfolio-item .list_style_header { padding-right: 0; min-height: inherit; }
	.portfolio-section .portfolio-item .list_style_header h3 { margin: 0px; }
	.portfolio-section .portfolio-item .list_style_header .links_wrapper { display: none; }
	.portfolio-section .portfolio-item .desc .desc-wrapper { margin-right: 0px; }
	.portfolio-section .portfolio-item .desc .details-wrapper { float: none; width: 100%; padding-left: 0; border-left-width: 0px; border-bottom-width: 1px; padding-bottom: 15px; margin-bottom: 15px; }
	
	.portfolio-section.list .portfolio-item .desc { padding-top: 10px; }
	.portfolio-section.list .portfolio-item .portfolio-item-fw-bg { background-image: none !important; padding-bottom: 0; } 
	body:not(.with_aside) .portfolio-section.list .portfolio-item .portfolio-item-fw-wrapper { width: 380px; }

	.hr_full hr, .aside_left .hr_full hr, .aside_right .hr_full hr { position: absolute; left: -1000px; top: 0; width: 3000px; }

	ul.clients:not(.clients_slider_ul) li { width: 50% !important; }

	.image_frame { margin-top:0 !important;}

	.portfolio-photo .portfolio-item .portfolio-details .details { display: none; }
	.portfolio-photo .portfolio-item .portfolio-details .more { opacity: 1; }

	#Footer .footer_copy { text-align: center; }
	#Footer .footer_copy .copyright { float: none; margin: 0 0 10px 0; }
	#Footer .footer_copy a#back_to_top { float: none; margin: 0 0 10px 0; }
	#Footer .footer_copy .social { float: none; margin: 0; }
	#Footer .footer_copy .social-menu { float: none; margin: 0; }





/* #Tablet (Portrait) & #Mobile (Landscape)													480 - 767	*
===================================================================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px)
{
    #Wrapper						{ width: 420px;}
	
	.section_wrapper,
	.container,
	.four.columns					{ width: 100% !important;}

	/*.with_aside .content_wrapper 	{ width:100%;}*/
	
	/* ======================================================= */

}


/* 	#Mobile (Portrait)																			< 480
===================================================================================================== */
@media only screen and (max-width: 479px) {

	body:not(.with_aside) .portfolio-section.list .portfolio-item .portfolio-item-fw-wrapper { width: 260px; }
		
}

/* ============================================  Retina  ============================================ */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (-o-min-device-pixel-ratio: 3/2),
    only screen and (min--moz-device-pixel-ratio: 1.5),
    only screen and (min-device-pixel-ratio: 1.5) {

}