/*	Less Framework 3 by Joni Korpi http://lessframework.com	*/
	
	
	/*	Resets	------	*/
	
	html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figure,figcaption,hgroup,menu,header,footer,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0}article,aside,canvas,figure,figure img,figcaption,hgroup,footer,header,nav,section,audio,video{display:block}a img{border:0}figure{position:relative}figure img{width:100%}
	
	
	/*	Typography presets	------------------	*/
	
	.gigantic {
	font-size: 40px;
	line-height: 50px;
	letter-spacing: 0px;
	}
	
	h1, h2, h3, h4, h5, h6 { 
	font-weight: 400; 
	}
	
	.huge,
	h1 {
	font-size: 32px;
	line-height: 42px;
	letter-spacing: 0px;
	}
	
	.large,
	h2
	{
	font-size: 28px;
	line-height: 38px;
	}
	
	.big,
	h3
	{
	font-size: 24px;
	line-height: 30px;
	}
	
	h4 {
	font-size: 20px;
	line-height: 28px;
	}
	
	h5 {
	font-size: 18px;
	line-height: 26px;
	}
	
	h6 {
	font-size: 16px;
	line-height: 22px;
	}
	
	.normal,
	body,
	blockquote,
	input,
	textarea {
	font-size: 16px;
	line-height: 20px;
	font-family: Arial, sans-serif;
	}
	
	pre {
	white-space: normal;
	margin-bottom: 10px;
	}
	
	address {
	margin-bottom: 10px;
	}
	
	.pagerbox a {
	padding: 14px 22px;
	}
	
	#content #comments .vcard img {
	height: 40px;
	width: 40px;
	}
	
	.comment-content {
	margin: 10px 0 0 0;
	}
	
	#nav-primary ul a {
	font-size: 22px;
	}
	
	.mobilemenu, 
	.mobilemenu .menu { 
	width: 100%;
	}
	
	.mobilemenu .menu { 
	margin: 0;
	}
	
	.orbit-wrapper .orbit-caption {
	font-size: 14px;
	}
	
	.small {
	font-size: 13px;
	line-height: 18px;
	}
	
	abbr,
	acronym{
	border-bottom: 1px dotted;
	cursor: help;
	font-variant: small-caps;
	}
	
	address,
	cite,
	em,
	i{
	font-style: italic;
	}
	
	a {
	text-decoration: none;
	outline: none;
	}
	
	a:active,
	a:focus {
	text-decoration: underline;
	}
	
	
	
	
	/*	13-column layout
	60 px columns, 24 px gutters, 72 px margins, 1212 px total (extra space for scrollbars)
	*********************************************************************************************************************************************
	1     2      3      4      5      6      7      8      9      10     11     12     13
	60px  144px  228px  312px  396px  480px  564px  648px  732px  816px  900px  984px  1068px	*/
	
	
	
	.container {
	padding: 0;
	margin: 0 auto;
	}
	
	#filters {
	display: block;	
	}
	
	#filter-mobile {
	display: none;	
	}
	
	#main-body,
	#footer {
	max-width: 3400px;	
	}
	
	#main-body,
	#footer,
	#header-box,
	#container-mobile-icons {
	margin-left: auto;
	margin-right: auto;	
	}
	
	.mobilemenu,
	#icons-mobile {
	display:none; 
	}	
	
	.su-column img,
	#header-right img,
	.custom-html img {
	max-width: 100% !important;
	}
	
	#content {
	width: 100%; /* 8 columns */
	float: left;
	margin: 0;
	}
	
	#sidebar {
	width: 35%; /* 5 columns */
	float: right;
	margin: 0;
	padding: 0px;
	overflow: hidden;
	}
	
	#sidebar .widget-area {
	margin-bottom: 15px;
	}
		
	#footer .widget-footer {
	float: left;
	}	
	
	h1 {
	font-size: 32px;
	}
	
	.depth-2 .comment-wrapper {
	padding-left: 63px;
	}
	
	.depth-3 .comment-wrapper {
	padding-left: 126px;
	}
	
	.depth-4 .comment-wrapper {
	padding-left: 189px;
	}
	
	.depth-5 .comment-wrapper {
	padding-left: 252px;
	}
	
	.depth-6 .comment-wrapper {
	padding-left: 315px;
	}
	
	.depth-7 .comment-wrapper {
	padding-left: 378px;
	}
	
	.depth-8 .comment-wrapper {
	padding-left: 441px;
	}
	
	.depth-9 .comment-wrapper {
	padding-left: 504px;
	}
	
	.depth-10 .comment-wrapper {
	padding-left: 567px;
	}
	
	.single-project .featured-thumbnail img, 
	.page-template-page_full-width-php .container #content img {
	height: auto;
	max-width: 100%;
	}
	
	#content img {
	height: inherit;
	max-width: 100%;
	}
	
	#content .su-frame-shell a img {
	margin: 0;
	border: none;
	}
	
	.su-jcarousel {
	height: auto;
	max-width: 100%;
	}
	
	#social-mobile {
	display: none;	
	}
		
	
	@media only screen and (max-width: 1030px) and (min-width: 767px) {
	
	/* 8-column layout
	60 px columns, 24 px gutters, 60 px margins, 768 px total
	*********************************************************************************************************************************************
	1     2      3      4      5      6      7      8     
	60px  144px  228px  312px  396px  480px  564px  648px	*/
	
	
	.mobilemenu { 
	display: none; 
	}
	
	#filters,
	#icons-mobile {
	display: none;	
	}
	
	#filter-mobile {
	display: none;	
	}
	 
	#nav-primary ul li,
	#nav-primary ul li a { 
	padding: 4px;
	}
	
	#nav-primary ul li ul {
	margin-top: 4px !important;	
	}
			
	.container {
	padding: 0;
	margin: 0 auto;
	}
	
	.post-size-large {
	font-size: 20px !important;	
	line-height: 30px !important;
	}
	
	#nav-wrap-right {
	float: left;
	width: 100%;
	margin-top: 20px;
	}
	
	#header #nav-primary {
	padding-left: 25px;
	}
	
	.su-gmap {
	height: auto !important;
	width: 100% !important;	
	}
			
	#sidebar .widget-area {
	margin-bottom: 16px;
	}
	
	.page-template-page_contacts-php #main .container .maps {
	height: 190px;
	}
	
	.post-meta div {
	float: none !important;	
	}
	
	.meta-author, 
	.meta-cat, 
	.meta-date, 
	.meta-comment-count,
	.post-tags {
	margin: -14px 0 12px 17px !important;
	white-space: nowrap;
	}
	
	.depth-2 .comment-wrapper {
	padding-left: 63px;
	}
	
	.depth-3 .comment-wrapper {
	padding-left: 126px;
	}
	
	.depth-4 .comment-wrapper {
	padding-left: 189px;
	}
	
	.depth-5 .comment-wrapper {
	padding-left: 252px;
	}
	
	.depth-6 .comment-wrapper {
	padding-left: 252px;
	}
	
	.depth-7 .comment-wrapper {
	padding-left: 252px;
	}
	
	.depth-8 .comment-wrapper {
	padding-left: 252px;
	}
	
	.depth-9 .comment-wrapper {
	padding-left: 252px;
	}
	
	.depth-10 .comment-wrapper {
	padding-left: 252px;
	}
	
	#footer .widget-footer {
	float: left;
	}
	
	#content .su-frame-shell a img {
	margin: 0;
	border: none;
	}
			
	}
	
	
	
	/*	5-column layout
	60 px columns, 24 px gutters, 42 px margins, 480 px total
	*********************************************************************************************************************************************
	1     2      3      4      5
	60px  144px  228px  312px  396px	*/
	
	@media only screen and (max-width: 767px) and (min-width: 480px) {
		
	.mobilemenu,
	#icons-mobile { 
	display:block; 
	clear: both; 
	}
	
	.mobilemenu .dropdown-menu {
	padding: 20px;
	background-color: #666666;
	color: #999999;
	border: none;
	font-size: 16px;
	}
	
	.mobilemenu {
	margin-top: 16px;
	float: left;	
	}
	
	.post-size-large {
	font-size: 20px !important;	
	line-height: 30px !important;
	}
	
	.iso-masonry .post-size-large .post-wrapper .post-content {
	padding: 22px 25px !important;
	}
	
	#header #filters {
	float: none;	
	}
	
	#header #header-box {
	background-color: transparent !important;	
	}
	
	#social-top {
	float: none !important;
	text-align: center;
	}
	
	#header-box #searchform {
	float: left !important;
	margin: 0 40px 0 0 !important;	
	}
	
	#filters {
	display: none;	
	}
	
	#filter-mobile {
	display: block;	
	}
	
	#social-mobile {
	display: block;	
	}
			
	.single-project #respond {
	padding: 20px 0 !important;	
	}
			
	.page-template-page_full-width-php .page-content,
	.page-template-page_full-width-php .post-edit {
	width: 100%;	
	}
	
	.post-layout-full-width #respond, 
	.page-template-page_full-width-php #respond {
	width: 100% !important;
	}
	
	#content .format-quote .post-quote h2,
	#content .format-link .post-link h2 a {
	font-size: 20px !important;	
	}
		
	#nav-primary, 
	#iconmenu { 
	display: none !important; 
	}
	
	#header #nav-wrap-right {
	float: left;	
	}
	
	#header .container {
	padding-top: 40px;
	padding-bottom: 12px;
	}
		
	.su-gmap {
	height: auto !important;
	width: 100% !important;	
	}
	
	#title {
	height: 60px !important;
	}
	
	body #main-body #content {
	width: 100%;
	}
	
	.blog #content, 
	.page-portfolio #content {
	padding: 0;	
	}
	
	#sidebar {
	width: 100%;
	padding: 0px;
	border-top: 2px dotted;
	}
	
	#footer .widget-footer {
	width: 100%;
	margin-left: 0 !important;	
	}
	
	#logo-wrap {
	display: block !important;
	float: none !important;	
	}
	
	#logo {
	display: block !important;
	}
				
	#main-body .su-tabs-style-3 .su-tabs-nav {
	width: auto !important;
	float: none !important;	
	}
	
	#main-body .su-tabs-style-3 .su-tabs-panes {
	margin-left: 0px !important;
	margin-top: 20px !important;	
	}
	
	.gigantic {
	font-size: 68px;
	line-height: 72px;
	letter-spacing: -2px;
	}
	
	.blog .post-header h2 a {
	font-size: 24px !important;	
	}
	
	.huge,
	h1 {
	font-size: 28px;
	line-height: 32px;
	font-weight: 400;
	}
	
	.large,
	h2 {
	font-size: 24px;
	line-height: 28px;
	font-weight: 400;
	}
	
	.big, h3 {
	font-size: 20px;
	line-height: 24px;
	font-weight: 400;
	}
	
	h4 {
	font-size: 18px;
	line-height: 22px;
	font-weight: 400;
	}
	
	h5 {
	font-size: 16px;
	line-height: 18px;
	font-weight: 400;
	}
	
	h6 {
	font-size: 16px;
	line-height: 18px;
	font-weight: 400;
	}
	
	.normal,
	body  {
	font-size: 14px !important;
	line-height: 18px;
	}
	
	.small {
	font-size: 11px;
	line-height: 16px;
	}
	
	.depth-5 .comment-wrapper {
	padding-left: 189px;
	}
	
	.depth-6 .comment-wrapper {
	padding-left: 189px;
	}
	
	.depth-7 .comment-wrapper {
	padding-left: 189px;
	}
	
	.depth-8 .comment-wrapper {
	padding-left: 189px;
	}
	
	.depth-9 .comment-wrapper {
	padding-left: 189px;
	}
	
	.depth-10 .comment-wrapper {
	padding-left: 189px;
	}
		
	.meta-author, 
	.meta-cat, 
	.meta-date, 
	.meta-comment-count,
	.post-tags {
	margin: -14px 0 12px 17px !important;
	white-space: nowrap;
	}
	
	.post-meta div {
	float: none !important;	
	}
	
	#content #portfolio-list a img {
	margin-bottom: 4px !important;
	}
		
	.su-column-1-2, 
	.su-column-1-3, 
	.su-column-2-3, 
	.su-column-3-4, 
	.su-column-1-4, 
	.su-column-1-5, 
	.su-column-2-5, 
	.su-column-3-5, 
	.su-column-4-5, 
	.su-column-1-6, 
	.su-column-5-6 {
	float: none !important;
	width: 100% !important;
	}
	
	table, 
	tbody,  
	th, 
	td {
	display: inline-block;
	text-align: left !important;	
	}
	
	tr {
	display: inline;
	}
		
	#error-text,
	#error-archives {
	float: none !important;
	width: 100% !important;
	padding-left: 0 !important;
	}
		
	#content .format-quote .post-quote h2 {
	font-size: 22px; 	
	}
		
	#footer #copyright {
	padding: 30px 10% !important;	
	}
	
	#footer-widget-area {
	margin-left: 0 !important;	
	}
	
	#container-footer {
	padding: 70px 10% 0 10% !important;	
	}
	
	#footer .widget-footer {
	margin-left: 0 !important;
	width: 100%;	
	}
	
	}
	
	
	/*	3-column layout
	60 px columns, 24 px gutters, 46 px margins, 320 px total
	*********************************************************************************************************************************************
	1     2      3
	60px  144px  228px	*/
	
	@media only screen and (max-width: 479px) {
	
	.mobilemenu,
	#icons-mobile { 
	display:block; 
	clear: both; 
	}
	
	.mobilemenu .dropdown-menu {
	padding: 20px;
	background-color: #666666;
	color: #999999;
	border: none;
	font-size: 16px;
	}
		
	#filters {
	display: none;	
	}
	
	#filter-mobile {
	display: block;	
	}
	
	#social-top {
	float: none;
	text-align: center;
	width: 100%;	
	}
		
	#social-mobile {
	display: block;	
	}
	
	.post-size-large {
	font-size: 20px !important;	
	line-height: 30px !important;
	}
	
	.iso-masonry .post-size-large .post-wrapper .post-content {
	padding: 22px 25px !important;
	}
						
	#header #header-box {
	background-color: transparent !important;
	height: auto !important;	
	}
	
	.single-project #respond {
	padding: 20px 0 !important;	
	}
	
	.post-layout-full-width #respond, 
	.page-template-page_full-width-php #respond {
	width: 100% !important;
	}
	
	.page-template-page_full-width-php .page-content,
	.page-template-page_full-width-php .post-edit,
	.page-portfolio .portfolio-item .post-header, 
	.single-project .portfolio-item .post-header {
	width: 100%;	
	}
	
	#content .format-quote .post-quote h2,
	#content .format-link .post-link h2 a {
	font-size: 20px !important;	
	}
	
	#nav-primary, 
	#iconmenu { 
	display: none !important; 
	}
	
	#header #nav-wrap-right {
	float: left;	
	}
		
	.widget-header {
	padding: 5px 10px 5px 0 !important;
	float: left;
	}
	
	.scrolltop {
	display: none;
	}
	
	#controls-wrapper {
	margin-left: -18px !important;	
	}
	
	#header #header-box {
	display: block;
	}
		
	#logo-wrap {
	display: block !important;	
	float: none !important;
	}
	
	#logo {
	display: block !important;
	}
	
	.su-gmap {
	height: auto !important;
	width: 100% !important;	
	}
	
	table, 
	tbody,  
	th, 
	td {
	display: inline-block;
	text-align: left !important;	
	}
	
	tr {
	display: inline;
	}
	
	#main-body .su-tabs .su-tabs-nav {
	width: auto !important;
	float: none !important;	
	}
	
	#main-body .su-tabs-style-3 .su-tabs-panes {
	margin-left: 0px !important;
	margin-top: 20px !important;	
	}
	
	.su-tabs-style-1 .su-tabs-panes {
	margin-right: 2px !important;
	}
	
	.su-tabs-style-1 .su-tabs-nav,
	.su-tabs-style-2 .su-tabs-nav {
	height: auto !important;	
	}
	
	.su-tabs-style-2 .su-tabs-nav span {
	margin-right: 0 !important;	
	}
	
	.su-tabs-style-1 .su-tabs-nav span,
	.su-tabs-style-2 .su-tabs-nav span {
	float: none !important;	
	margin-bottom: 1px !important;	
	}
	
	#title {
	height: 60px !important;
	}
		
	.timer {
	display: none;
	}
	
	.orbit-wrapper .orbit-caption {
	font-size: 10px;
	}
	
	body #main-body #content {
	width: 100%;
	}
	
	.blog #content, 
	.page-portfolio #content {
	padding: 0;	
	}
	
	#sidebar {
	padding: 0;
	width: 100%;
	border-top: 2px dotted;
	}
		
	#content #comments .vcard img {
	height: 30px;
	width: 30px;
	}
	
	#comment-info {
	margin-left: 35px;
	}
	
	.comment-content {
	margin-left: 45px;
	}
	
	.post-single .post-meta .meta-img,
	.single-post #post-meta .meta-img {
	margin: 10px 0 0 0 !important;
	white-space: nowrap;
	float: left;
	}
	
	.meta-author, 
	.meta-cat, 
	.meta-date, 
	.meta-comment-count,
	.post-tags {
	margin: -14px 0 12px 17px !important;
	white-space: nowrap;
	}
	
	.post-meta div {
	float: none !important;	
	}
	
	.blog .post-header h2 a {
	font-size: 24px !important;	
	}
	
	.huge,
	h1 {
	font-size: 28px;
	line-height: 32px;
	font-weight: 400;
	}
	
	.large,
	h2 {
	font-size: 24px;
	line-height: 28px;
	font-weight: 400;
	}
	
	.big, h3 {
	font-size: 20px;
	line-height: 24px;
	font-weight: 400;
	}
	
	h4 {
	font-size: 18px;
	line-height: 22px;
	font-weight: 400;
	}
	
	h5 {
	font-size: 16px;
	line-height: 18px;
	font-weight: 400;
	}
	
	h6 {
	font-size: 16px;
	line-height: 18px;
	font-weight: 400;
	}
	
	.normal,
	body  {
	font-size: 14px !important;
	line-height: 18px;
	}
	
	.small {
	font-size: 11px;
	line-height: 16px;
	}
	
	.depth-2 .comment-wrapper, 
	.depth-3 .comment-wrapper, 
	.depth-4 .comment-wrapper, 
	.depth-5 .comment-wrapper, 
	.depth-6 .comment-wrapper, 
	.depth-7 .comment-wrapper, 
	.depth-8 .comment-wrapper, 
	.depth-9 .comment-wrapper, 
	.depth-10 .comment-wrapper {
	padding-left: 16px;
	}
		
	.su-column-1-2, 
	.su-column-1-3, 
	.su-column-2-3, 
	.su-column-3-4, 
	.su-column-1-4, 
	.su-column-1-5, 
	.su-column-2-5, 
	.su-column-3-5, 
	.su-column-4-5, 
	.su-column-1-6, 
	.su-column-5-6 {
	float: none !important;
	width: 100% !important;
	}
	
	#error-text,
	#error-archives {
	float: none !important;
	width: 100% !important;
	padding-left: 0 !important;
	}
	
	.post-icon,
	.meta-icon {
	display: none !important;
	}
	
	#footer #copyright {
	padding: 30px 10% !important;	
	}
	
	#footer-widget-area {
	margin-left: 0 !important;	
	}
	
	#container-footer {
	padding: 70px 10% 0 10% !important;	
	}
	
	#footer .widget-footer {
	margin-left: 0 !important;
	width: 100%;	
	}
	
	
	}
	
	/*	Retina media query.
	Overrides styles for devices with a 
	device-pixel-ratio of 2+, such as iPhone 4.
	-----------------------------------------------    */
	
	@media 
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min-device-pixel-ratio: 2) {
	
	body {
	
	}
	
	}