/* RESET */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; }

html { width: 100%; height: 100%; }
body { width: 100%; min-height: 100%; height: auto; overflow: auto; margin: 0; padding: 0; }

.gridlock .row { max-width: 100%; }

body.postid-45 .single-date { display: none; }

/* REQUIRED */

.category-c52-race-results .lpost-classic .lpost-item { width: 100% !important; margin: 0 10px 0px 0 !important; padding-bottom: 0px; padding-top: 0px; }
.category-c52-race-results .lpost-image, .category-c52-race-results .lpost-date, .category-c52-race-results .lpost-excerpt,
.category-c52-race-results .lpost-excerpt + a { display: none !important; }

.wp-caption { width: auto; display: table; float: none; border: 1px solid #ccc; padding: 10px; }
	.wp-caption a { display: table; line-height: 0; }
.wp-caption .wp-caption-text {
	padding: 8px 6px 0 !important; font-size: 11px; text-transform: uppercase; font-weight: bold; color: #999;
}
.sticky { background: #333; color: #aaa;; }
	.sticky .lpost-title a { color: #fff !important; }
	.sticky .lpost-image { background: none; }
	.sticky .lpost-image img { border: 3px solid transparent !important; }
.gallery { border: 1px solid #ddd; padding: 2px !important; margin: 10px 0 !important; }
	.gallery img { border: none !important; padding: 2px; margin: 0px !important;}
	.gallery-item { margin: 0 !important; }
		.gallery-caption { padding: 0 0 5px !important; }
.bypostauthor { color: #aaa; }

.alignnone {}
.aligncenter { margin: 0 auto; display: block; }
	.button.aligncenter { display: table; }
.alignright { float: right; }
.alignleft { float: left; }

/* DEFAULTS + BASICS */

	ul, ol { margin-bottom: 15px; }
	ol li { list-style-position: outside; margin: 0 30px 5px 30px; }
	ul li { list-style-position: inside; margin-bottom: 5px; }
	img, iframe { max-width: 100%; height: auto; }
	p { line-height: 135%; }
	.hidden { display: none; }
	.posrel { position: relative; }
	.maxwidth100 { max-width: 100%; }

	/* fromless */
	.clear { clear: both; }
	.distance100 { height: 100px; width: 100%; }
	.opacity0 { opacity: 0; }
	.greygradient {
		background-color: #dddddd;
		background-repeat: no-repeat;
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1a82f7), to(#2f2727));
		background: -webkit-linear-gradient(top, #ffffff, #dddddd);
		background: -moz-linear-gradient(top, #ffffff, #dddddd);
		background: -ms-linear-gradient(top, #ffffff, #dddddd);
		background: -o-linear-gradient(top, #ffffff, #dddddd);
	}
	.textshadow_light {
		-webkit-text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
		-moz-text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
		text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
	}
	.textshadow {
		-webkit-text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.75);
		-moz-text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.75);
		text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.75);
	}
	.centered {
		margin: 0 auto;
		display: block;
	}
	.rounded {
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	.circle {
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
	}
	.circle-outlined {
		font-size: 20px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		border: 2px solid;
		width: 40px;
		height: 40px;
		line-height: 38px;
		display: inline-block;
		text-align: center;
		margin: 0 5px;
	}
	.ucase { text-transform: uppercase; }
	.trans05 { -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; }
		.trans05:after { -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; }
	.trans10 { -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s; }
		.trans10:after { -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s; }
	.trans20 { -webkit-transition: all 2s; -moz-transition: all 2s; transition: all 2s; }
		.trans20:after { -webkit-transition: all 2s; -moz-transition: all 2s; transition: all 2s; }
	.delay10 { -webkit-transition-delay: 1s; -moz-transition-delay: 1s; transition-delay: 1s; }

	.nopadding { padding:0 !important; }

/* FROM THEME OPTIONS */

/* colors */
body { color: #666; }
	body .big-wrapper { background: url(../images/background.jpg) no-repeat center center; background-size: cover; }
.white-color { color: #ffffff; }
.white-bg { background: #ffffff; }

/* links */
a { color: #5a8aa8; text-decoration: none; }
a:hover { color: #000; }

/*****/

/* TYPO + PAGE */

h1, h2, h3, h4, h5, h6 {
	font-weight: normal; line-height: 100%; margin: 20px 0 30px; -webkit-font-smoothing: subpixel-antialiased;
}

.main-content {}
	.main-content p { padding-bottom: 20px; }
	.main-content ul, .main-content ol { padding-bottom: 15px; }
	.main-content ul li { margin: 0 0 10px 40px; list-style: none; }
		.main-content ul li:before {
			content: ''; height: 1px; background: #ccc; width: 12px; display: inline-block; margin: 0 8px 4px -22px;
		}
	.main-content ol li { line-height: 100%; margin: 0 0 15px 35px; padding: 0 0 0 5px; }
	.main-content ol li:before {
		content: ''; height: 20px; width: 20px; background: #eee; display: block; position: absolute; z-index: -1;
		margin: -17px 0 0 -27px;
	}
	.main-content blockquote {
		font: italic 18px/21px Adobe Garamond Pro, Georgia, serif; color: #999; width: 100%;
		padding: 10px 20px 0; border-left: 1px solid #eee; margin-bottom: 15px;
	}
	.main-content blockquote.alignleft, .main-content blockquote.alignright {
		margin: 5px 45px 15px; border: 1px solid #ccc; border-left: none; border-right: none; padding: 30px; width: 50%;
	}
		.main-content blockquote.alignleft { float: left; margin-left: -45px; }
		.main-content blockquote.alignright { float: right; margin-right: -45px; }
	.main-content blockquote p { line-height: 100%; }
	.main-content blockquote em { font: normal 12px/12px Arial, sans-serif; color: #ccc; }
	.main-content hr { border: none; border-bottom: 1px dotted #ddd; margin: 10px 0 20px; }
	.main-content p:empty { display: none; }

	.main-content img { float: left; margin: 0px 20px 10px 0px; max-width: 100%; height: auto; }

.page-title { position: relative; overflow: hidden; }
	.page-title h3 {
		font-size: 30px; display: table; padding: 15px; margin: 30px 0; background: #fff;
		position: relative; color: #777 !important;
	}

.home-list { margin-bottom: 30px; }

/* DEFAULTS */

.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
}

/* search */

.a-search { float: right !important; padding: 20px; }
	.a-search a { padding: 20px 10px 10px; }
.search-overlay {
	position: fixed; width: 100%; height: 100%; top: 0; z-index: 99998; display: none; opacity: 0.95;
}
.search-close { color: #fff; font-size: 30px; right: 15px; top: 15px; position: absolute; }
.search-overlay .soi { margin: 150px auto; display: table; position: relative; border-bottom: 1px solid rgba(255,255,255,0.2); }
.search-overlay input#s {
	border: 0 solid !important; background: none !important; color: #fff; font-size: 36px; font-weight: 100; padding: 10px;
	outline: none; z-index: 99999;
}
.search-overlay input#searchsubmit { display: none; }

::-webkit-input-placeholder { color: rgba(255,255,255,0.3); }
:-moz-placeholder { color: rgba(255,255,255,0.3); opacity: 1; }
::-moz-placeholder { color: rgba(255,255,255,0.3); opacity:  1; }
:-ms-input-placeholder { color: rgba(255,255,255,0.3); }
.search-overlay input[type="search"] { -moz-appearance: textfield; -webkit-appearance: textfield; appearance: textfield; }

.page-navigation {
	margin: 45px 0 15px; display: block; clear: both; border-top: 1px double #ddd; padding: 20px; float: left; width: 100%;
}
.page-navigation a { float: left; color: #aaa; font-size: 12px; }
.page-navigation .nav-next a { float: right; }

.simple-link-pages {
	text-align: center; padding: 15px; background: #eee; display: table; margin: 0 auto 30px; color: #bbb;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}
.simple-link-pages:empty { display: none; }
.simple-link-pages a {
	border: 1px solid; padding: 2px 5px; margin: 0 3px;
	-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}

/* text with background */

.text_bg {
	background: #333;
	-webkit-box-shadow: 10px 0 0 #333, -10px 0 0 #333;
	-moz-box-shadow: 10px 0 0 #333, -10px 0 0 #333;
	box-shadow: 10px 0 0 #333, -10px 0 0 #333;
}

/* single with big image */

.single-big {
	height: 500px; overflow: hidden; position: relative;
	background-repeat: no-repeat; background-size: cover; background-position: top center;
}
.single-big-img {
	position: absolute; z-index: 0; top: 0; min-height: 500px; height: auto; min-width: 100%; max-width: none; width: auto;
}
.single-big:after, .project-big:after {
	position: absolute;
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-image: -moz-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.9) 100%);
	background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.9) 100%);
	background-image: -ms-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.9) 100%);
	background-image: -o-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.9) 100%);
	background-image: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.9) 100%);
	opacity: 0.6;
	filter: alpha(opacity=80);
	z-index: 1;
}
.single-big .row { padding: 100px 50px; position: relative; z-index: 2; }
.single-big h2 {
	color: #fff;
	z-index: 2;
	font-size: 48px;
	font-weight: 100 !important;
}
.single-author {}
	.single-author span {
		color: rgba(255,255,255,0.8); font-size: 12px; padding: 8px 15px; display: block; float: left; font-weight: normal;
	}
	.single-author span.single-author-img {
		width: 42px; height: 42px; padding: 0; overflow: hidden; border: 2px solid; margin-top: -5px;
		-webkit-border-radius: 42px; -moz-border-radius: 42px; border-radius: 42px;
	}
	.single-author-img img { height: 100%; width: auto; }
.single-big-content .row { padding: 50px 100px 0; }
.single-big-content .row.notop { padding-top: 0; }
	.single-big-content .introtext {
		color: #aaa;
		background: #fff;
		z-index: 3;
		margin: -150px 0 0;
		position: relative;
		padding: 50px 50px 0;
		font-weight: 300;
		font-size: 21px;
	}
	.big-without-image.page-title h3 { margin: 30px auto !important; }
	.big-without-image .introtext { margin-top: -100px; }
	.big-without-image .fulltext {
		-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;
		-webkit-column-gap: 15px; -moz-column-gap: 15px; column-gap: 15px;
		padding-bottom: 30px !important;
	}
	.single-big-content .introtext:empty, .single-big-content .notop .introtext { margin: -50px 0 0 !important; }
	.single-big-content .introtext:empty + iframe, .single-big-content .notop .introtext + iframe { display: none; }
	.single-big-content .introtext p { line-height: 150%; }
	.single-big-content .introtext + iframe {
		border: none; overflow: hidden; height: 60px; margin: 30px 0 0 0; padding: 0 0 0 60px; width: 100%;
	}
	.single-big-content .fulltext { padding: 0 50px; }
	.single-big-content .single-extra { padding: 50px 50px; }
		.single-extra { float: none; }
		.single-extra a {
			color: #aaa; padding: 7px 20px 8px 20px; border-left: 1px solid #ccc; font-size: 10px;
			text-transform: uppercase; font-weight: bold;
		}
		.single-extra a:first-child { border-left: none; padding-left: 0; }
		.single-extra i { padding-right: 10px; font-size: 13px; }
		.single-extra a:hover { color: #333; }
	.se-box { margin: 50px; padding: 30px 30px 80px; clear: both; background: #f8f8f8; border: 1px solid #ddd; position: relative; }
	.se-box:after, .se-box:before {
		left: 17px; top: -22px; border: solid transparent; content: " "; border-color: transparent;
		height: 0; width: 0; position: absolute; pointer-events: none;
	}
	.se-box:before { border-bottom-color: #ddd; border-width: 11px; margin-left: -11px; /* border-color */ }
	.se-box:after { border-bottom-color: #f8f8f8; border-width: 13px; margin-left: -13px; /* backround-color */ }
	#respond-wrap:after, #respond-wrap:before { left: 147px; }
	#share-wrap:after, #share-wrap:before { left: 310px; }

.single-normal .post > .desktop-12, .catpage .desktop-12, body .page .desktop-12 { background: #fff; padding: 30px; margin: 0 !important; width: 100% !important; }
	body .page .mainslide .desktop-12 { background: none; padding: 0 10px; }
.single-normal .post > .sidebar-inside { width: 327px !important; margin: 0px 10px 0px 0px !important; }
	.single-normal .sidebar-inside .widget { width: 100%; float: none; background: #fff; display: table; margin: 0px 0px 10px; padding: 10px; }

.single-normal .row { padding: 0px; }
	.single-normal .row > .desktop-9 { padding: 15px; }
	.single-normal .single-image { position: relative; overflow: hidden; line-height: 0; }
	.single-image img { max-width: 100%; height: auto; }
	.single-meta {
		position: absolute; bottom: 0; right: 0; padding: 18px 20px 13px; z-index: 999;
		background: #fff; color: #555; font: bold 10px/12px 'Arial', sans-serif; text-transform: uppercase;
	}
		.single-meta a { color: #333; text-transform: uppercase; }
		.single-meta:before { content: ""; border-top: 1px solid #ccc; width: 20px; position: absolute; margin-top: -5px; }
	.single-normal .single-author { display: table; width: 100%; margin-top: 15px; }
		.single-normal .single-author span.single-author-img {
			width: 24px; height: 24px; -webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px;
		}
		.single-normal .single-author .single-date { color: #aaa; padding: 0 15px 0 0; }
		.single-normal .single-author .single-author-name { color: #aaa; padding: 0 0 0 15px; }
	.single-normal h2, .category-layout h3 {
		margin: 5px 0 15px; font-size: 24px; background-color: #3f3c3d; color: #fff; padding: 15px; display: table; width: 100%;
	}
	.single-normal h2 span { width: 80%; float: left; }
	.single-normal h2 span.single-date { font-size: 15px; width: 20%; float: right; text-align: right; }
	.single-normal .single-normal-content { padding: 0; }
	.single-normal .introtext {
		font: italic 18px/21px Adobe Garamond Pro, Georgia, serif; color: #999; padding: 0 0 15px; margin: 0;
	}
	.single-normal .introtext:empty { display: none; }
	.multicols {
		-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;
		-webkit-column-gap: 15px; -moz-column-gap: 15px; column-gap: 15px;
		padding-bottom: 15px;
	}
	.desktop-12 .multicols {
		-webkit-column-count: 3; -moz-column-count: 3; column-count: 3;
		-webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px;
	}
	.single-normal-content .single-extra { padding: 50px 0; }
	.single-normal-content .se-box { margin: 0; padding: 20px 30px 80px; }

	.simple-post-meta {
		font-size: 11px; padding: 10px 20px; background: #eee; display: table; margin: 10px auto; color: #aaa;
		-webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;
	}
	.simple-post-meta a { color: #555; }

	.single-quote { margin: 100px; }

	.desktop-9 .desktop-8 { padding: 15px 30px 30px; margin: 0px 0px 0px 10px !important; width: 620px !important; background: #fff; }
		.home .desktop-9 .desktop-8 { margin: 10px 0px 0px 5px !important; padding: 5px; }
		.home .desktop-4 { margin: 5px 10px 0px 5px !important; }
	.category-layout { padding: 10px 15px 0px !important; }

	/* calendar */

	section.full-content > .row { min-height: 300px; }
	section.full-content .row { background: #fff; padding: 0px 30px; }
		section.full-content .header-title .row { padding: 15px 30px; }
		section.full-content .project-image { margin-bottom: 45px; }
		#abs0_calendar { padding: 30px; }
		.fc-event { border: none !important; }
			.fc-event:hover { color: #fff; background: #111; }
			.fc-event-title { padding: 5px !important; display: table; line-height: 110%; }
	#catlist { float: right; margin: 0px 25px 50px; }
	.showcat { float: none; padding: 10px; cursor: pointer; display: inline-block; border: 1px solid #ddd; border-radius: 5px; margin: 5px; }
	.showcat:hover { background: #f0f0f0; border: 1px solid #aaa; }
	.showcat.active { background: #eee; }
	.showcat span {
		background-color: #ccc; width: 10px; height: 10px; display: inline-block; border-radius: 3px; margin: 0px 5px 0px 0px;
	}

	.widget_ultimate_posts li { clear: both; margin-bottom: 10px; display: table; }
	.upw-image { float: left; width: 30%; }
		.upw-image img { width: 100%; }
	.upw-content { float: right; width: 70%; padding-left: 10px; }
		.upw-content h4 { font-size: 14px; margin: 5px 0px 10px; }
			.upw-content h4 a { color: #111; }
		.upw-content .post-cats { font-size: 12px; }

	.upce, #mc-embedded-subscribe-form { padding: 0px 10px; }
	.upce li { padding: 5px 0px 5px; border-bottom: 1px solid #f4f4f4; }
		.upce li h5 { margin: 0px 0px 0px; }
		.upce li small { color: #aaa; font-size: 11px; }

	/* comments */

	.commentlist { border-left: 3px double #eee; margin: 30px 0 0 30px; width: 100%; display: table; }
	.commentlist .comment { list-style: none; padding: 15px; margin-left: -45px; }
		.main-content .commentlist li:before { display: none; }
		.commentlist .avatar {
			width: 60px; height: 60px !important; padding: 0; overflow: hidden; float: left !important; margin-right: 30px;
			border: 3px double #eee; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px;
		}
		.commentlist .avatar img { height: 100%; width: auto; max-width: none; }
		.commentlist .comment-meta { color: #aaa; font-size: 10px; font-style: italic; }
		.commentlist .author {
			font-size: 11px; padding: 5px 10px; background: #eee; display: inline-block; margin: 15px 0 0 -10px;
			-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
		}
		.commentlist .author strong { color: #333; }
		.commentlist .comment .comment-body { margin: 5px 0 0 90px; }
	.commentlist .children  { padding: 0; }
	.commentlist > li > .children { margin: 0 0 0 -40px; }
	.commentlist .children li { padding: 0; margin: 0 0 10px 40px; }
		.commentlist .children li:before {
			content: ''; height: 1px; background: #eee; position: absolute; display: block;
			width: 40px; margin: 30px 0 0 -40px;
		}
		.commentlist .children .children:before { width: 80px; margin: 30px 0 0 -80px; }
		.commentlist .children .children .children:before { width: 120px; margin: 30px 0 0 -120px; }
		.commentlist .children .children .children .children:before { width: 160px; margin: 30px 0 0 -160px; }

	/* no avatar */
	.commentlist2 { border-left: none; margin: 30px 0 0 50px; }
		.commentlist2 .comment { padding: 0; }
		.commentlist2 .children:before { display: none; }

	#commentform { margin: 15px 0 5px; display: table; }
		#commentform label { float: left; width: 25%; display: block; padding: 12px 3px 6px; font-size: 12px; }
		#commentform input, #commentform textarea { float: left; width: 70%; margin-bottom: 10px; }
	#comment-status { float: left; color: red; padding: 18px 24px; font-size: 11px; text-transform: uppercase; }
	.cancel-reply {
		font-size: 11px; text-transform: uppercase; color: #fff; background: #ccc; padding: 3px 5px; margin: 0 5px;
		-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	}

	/* default comment form */
	.logged-in-as {
		width: 95%; background: #eee; padding: 15px; margin: 0 0 30px;
		-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	}
	.comment-notes { margin: 0 0 30px; }
	.form-allowed-tags {
		clear: both; font-size: 11px; padding: 15px; background: #eee; margin: 30px 0; width: 95%;
		-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	}
	.form-submit { width: 95%; }
	#commentform .form-submit #submit { width: 100%; }


/* PORTFOLIO */

/* portfolio landing */

	.project-item { max-height: 180px; width: 100%; margin-bottom: 15px; }
	body .project-item > img { max-width: 120% !important; width: 120%; }

		.projectimg { width: 100%; }
		.clr {
			color: #000000;
			position: relative;
			-webkit-transition: all 0.5s;
			-moz-transition: all 0.5s;
			transition: all 0.5s;
			display: block;
			margin: 0;
			text-align: center;
			font-weight: bold;
			line-height: 1.8em;
			display: block;
			margin: 0;
			padding: 50px 0;
		}
		.project-type {height: 185px;padding: 0;float: left;margin: 5px;}
		.project-type a:hover span {padding: 10px 0;}
		.project-type a {
			display: block;
			margin: 0;
			padding: 0;
			line-height: 0;
			overflow: hidden;
			height: 185px;
		}
		.project-type a:hover img:first-child {margin-top: -40px;}
		.project-type a img{
			-webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;
			position: relative; height: 185px;
		}

	/* categories on top */

	.allcat { background: #fff; padding: 25px; margin: 30px 0; display: table; float: right; position: relative; }
	.allcat a, .allcat strong {
		color: #aaa; font-size: 13px; padding-right: 40px; text-transform: uppercase; font-weight: normal;
	}
	.allcat a:last-child, .allcat strong:last-child { padding-right: 20px; }
	.allcat strong { color: #000; font-weight: bold; }
	.allcat span {
		color: #fff; min-width: 14px; height: 14px; line-height: 15px; font-size: 9px; font-weight: bold; position: absolute;
		text-align: center; margin: -3px 0 0 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	}

	.filterlist.current { font-weight: bold; color: #000; }

/* project bigimage */

.project-big .owl-wrapper-outer { height: 100%; }
.project-big .owl-controls { margin-top: -135px; }
.project-big .owl-buttons { left: 50%; position: absolute; margin-left: 400px; }

/* .project-big .row div{top: 520px !important;padding: 0 13% !important;color:#fff !important;}
.project-tags .owl-next, .project-tags .owl-prev{float: left !important;z-index: 9;} */

.project-big { height: 600px; }
.project-big:after {
	background-image: -moz-linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.4) 100%);
	background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.4) 100%);
	background-image: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.4) 100%);
	pointer-events: none;
}
.project-big .item > div {
	position: absolute; color: rgba(255,255,255,0.6); padding: 0 60px; letter-spacing: 0.7px; z-index: 99; left: 50%;
	margin-left: -540px; margin-top: -50px;
}
.project-big .owl-next, .project-big .owl-prev {
	width: 30px; height: 30px; border: 1px solid rgba(255,255,255,0.3); position: relative; color: #fff;
	display: block; float: left; overflow: hidden; line-height: 100px; margin: -10px 0 0 5px;
}
.project-big .owl-next:before, .project-big .owl-next:after,
.project-big .owl-prev:before, .project-big .owl-prev:after {
	border-right: 1px solid;
	content: '';
	display: block;
	height: 12px;
	position: absolute;
	left: 12px;
	top: 17px;
	width: 0;
}
.project-big .owl-prev:before {
	margin-top: -13px;
	-moz-transform: rotate(225deg);
	-o-transform: rotate(225deg);
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
}
.project-big .owl-prev:after {
	margin-top: -5px;
	-moz-transform: rotate(315deg);
	-o-transform: rotate(315deg);
	-webkit-transform: rotate(315deg);
	transform: rotate(315deg);
}
.project-big .owl-next:before {
	margin-top: -13px;
	margin-left: 3px;
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
.project-big .owl-next:after {
	margin-top: -5px;
	margin-left: 3px;
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.project-big .owl-next:hover, .project-big .owl-prev:hover { background: rgba(255,255,255,0.2); }
.project-head {
	background: #fff;
	z-index: 3;
	margin: -150px 0 0;
	position: relative;
	padding: 50px 50px 0;
}
.project-head h2 {
	font-size: 30px;
	color: #333;
	margin: 0 0 30px;
}
.project-meta { padding: 15px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-bottom: 30px; }
.project-meta span { padding: 0 15px; border-left: 1px solid #ddd; }
	.project-meta span:first-child { border-left: none; padding-left: 0; }
.project-meta strong, .project-extra strong { text-transform: uppercase; color: #aaa; font-size: 10px; }
.project-meta iframe { float: right; height: 20px; margin-top: -2px; text-align: right; width: 140px; }
.project-link { margin: 30px auto; display: table; }
	.project-link .abs0_button {
		-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
	}
	.project-normal .project-link { margin: 30px 0; }

/* project normal */

.project-image {
	position: relative; overflow: hidden; margin-bottom: 15px;
	-webkit-box-shadow: inset 0 0 1000px rgba(0,0,0,0.25);
	-moz-box-shadow: inset 0 0 1000px rgba(0,0,0,0.25);
	box-shadow: inset 0 0 1000px rgba(0,0,0,0.25);
}
.project-normal { margin-bottom: 30px; }
.project-normal .project-big { width: 100%; height: auto; z-index: 2; position: relative;}
.project-thumblist { float: left; }
	.project-thumblist li { float: left; margin: 0 0 10px 10px; list-style: none; }
.project-thumbs { border: 1px solid #ddd; display: block; padding: 5px; line-height: 0%; cursor: pointer; }
	.project-thumbs img { width: 95px; }
.image-title {
	position: absolute; bottom: 0; right: 0; padding: 18px 20px 18px; z-index: 999;
	background: #fff; color: #555; font: bold 10px/12px 'Arial', sans-serif; text-transform: uppercase;
}
/* .image-title:before { content: ""; border-top: 1px solid #ccc; width: 20px; position: absolute; margin-top: -5px; } */
.center { margin: 0 auto; }
.project-desc { padding: 30px; }
.project-intro { font: italic 18px/21px Adobe Garamond Pro, Georgia, serif; color: #999; margin-bottom: 15px; }
.project-content { color: #555; font-size: 12px; }
.project-year a { font-size: 11px; color: #999; margin: 0 0 5px; display: block; }
.project-title { font-size: 24px; padding: 0 0 50px !important; color: #111; }
.project-title + div:before {
	content: ''; width: 40px; border-bottom: 1px solid #ccc; position: absolute; margin: -30px 0 0;
}
.project-image .loader { position: absolute; left: 50%; top: 50%; z-index: 0; }
.project-extra { padding: 20px 10px; margin-top: 30px; }
	.project-extra .button { margin-top: 20px; }
.project-catlist { color: #aaa; padding: 15px; margin: 15px 0; background: #fff; display: table; position: relative; }
.project-catlist a { color: #aaa; }
.project-image .item { line-height: 0; }

.project-landing { padding-bottom: 50px; }

.project-normal .project-extra > a { margin-top: 30px; }

/* related */

.related { padding: 0; position: relative; overflow: hidden; }
.related .row { width: 100%; padding: 30px; margin: 0 auto; text-align: center; }
.related .row > div {
	position: relative; padding: 0; margin: 0 auto; line-height: 0; overflow: hidden;
	background-size: 120% auto; background-position: center center; height: 200px;
	float: none !important; display: inline-block; width: 30% !important;
}
.related-big h4 {
	position: absolute; z-index: 200; padding: 25px 30px; margin: 0; width: 100%; height: 100%;
	text-align: right; box-sizing: border-box; color: #111;
}
.related-big h4 span {
	background: #fff; font-size: 14px; padding: 5px 0;
	-webkit-box-shadow: -5px 0 0 white, 5px 0 0 #fff;
	-moz-box-shadow: -5px 0 0 white, 5px 0 0 #fff;
	box-shadow: -5px 0 0 white, 5px 0 0 #fff;
	line-height: 200%; display: inline; margin-left: 100px;
}
.related-big .ri-img { height: 100%; }
.related-big .ri-img img { opacity: 1; width: 100%; height: auto; }
.related-big .ri-img:after {
	position: absolute;
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	bottom: -1px;
	left: 0;
	background-image: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0.6) 10%);
	background-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0.6) 100%);
	background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0.6) 100%);
	z-index: 1;
}
.related-big .row div:hover img { opacity: 0; }
.related-big div:hover { /* background-size: 111% auto; */ }

.related-small .row > div { background-image: none !important; height: auto; }
.related-small a {
	background: #fff; overflow: hidden; display: block; position: relative;
	width: 100%; height: 100px; border: 5px solid #eee;
}
.related-small h4 {
	float: left; height: 90px; padding: 2px 0 0 12px; box-sizing: border-box; margin: 0; display: table;
	font-size: 15px; color: #333; text-align: left; width: 45%;
}
.related-small span { vertical-align: middle; display: table-cell; position: relative; }
	.related-small a span:after {
		content: ''; height: 1px; width: 0; background: #ddd; position: absolute; bottom: 10px; left: 0;
	}
.related-small .ri-img { right: 0; position: absolute; height: 90px; background: #333; }
.related-small .ri-img img { height: 100%; width: auto; max-width: 200%; }
.related-small a:hover img { opacity: 0.3; }
.related-small a:hover span:after { width: 60%; }

/* LAYOUT */

.desktop-9, .desktop-9 { width: 927px !important; }
.desktop-3, .sidebar-hright { width: 235px !important; padding: 10px; margin: 0px 0px 15px 0px !important; background: #fff; }
	.desktop-9 .row { max-width: 200%; }
	.desktop-9 .desktop-4 { margin: 0px 10px 0px 7px; }
	.desktop-9 .desktop-4 .widget { float: none !important; width: 100% !important; padding: 15px; display: table; background: #fff; margin-bottom: 10px !important; }

header { background: #fff; margin-bottom: 15px; }
	header + .row { margin-bottom: 15px; }
	.logo { float: left; width: 250px; margin: 20px 0px 0px; }
	.slogan { float: left; border-left: 1px solid #ddd; padding: 15px; margin: 40px 0px 0px 20px; display: none; }

.soc-icons .searchicon { font-size: 15px; padding: 0px; margin: 0px 0px 0px; display: inline-block; line-height: 42px; }

.soc-icons { text-align: right; float: left; margin: 40px 0px 0px 20px; }
	header .soc-icons { float: right; }
.soc-icons a { background: #fff; color: #aaa; }
.soc-icons a:hover { background: #666; color: #fff; border: 2px solid #666; }
.soc-colors .soc-facebook { color: #507cbe; }
	.soc-colors .soc-facebook:hover { background: #507cbe; color: #fff; border: 2px solid #507cbe; }
.soc-colors .soc-twitter { color: #54abf4; }
	.soc-colors .soc-twitter:hover { background: #54abf4; color: #fff; border: 2px solid #54abf4; }
.soc-colors .soc-youtube { color: #e02c1c; }
	.soc-colors .soc-youtube:hover { background: #e02c1c; color: #fff; border: 2px solid #e02c1c; }
.soc-colors .soc-linkedin { color: #1683bb; }
	.soc-colors .soc-linkedin:hover { background: #1683bb; color: #fff; border: 2px solid #1683bb; }
.soc-colors .soc-pinterest-square { color: #ca231f; }
	.soc-colors .soc-pinterest-square:hover { background: #ca231f; color: #fff; border: 2px solid #ca231f; }
.soc-colors .soc-google-plus { color: #dc4c30; }
	.soc-colors .soc-google-plus:hover { background: #dc4c30; color: #fff; border: 2px solid #dc4c30; }
.soc-colors .soc-flickr { color: #ef0787; }
	.soc-colors .soc-flickr:hover { background: #ef0787; color: #fff; border: 2px solid #ef0787; }
.soc-colors .soc-instagram { color: #34628d; }
	.soc-colors .soc-instagram:hover { background: #34628d; color: #fff; border: 2px solid #34628d; }
.soc-colors .soc-skype { color: #15b3f2; }
	.soc-colors .soc-skype:hover { background: #15b3f2; color: #fff; border: 2px solid #15b3f2; }
.soc-colors .soc-vimeo-square { color: #1db7ef; }
	.soc-colors .soc-vimeo-square:hover { background: #1db7ef; color: #fff; border: 2px solid #1db7ef; }

.a-show { position: relative; overflow: auto; }
	.a-show ul { margin: 0; padding: 0; }
	.a-show ul li {
		list-style: none; float: left; min-height: 500px;
		background-size: cover;
		background-position: 50% 50%;
		background-repeat: no-repeat;
	}
	.a-show li div { padding: 100px 0 0; color: #fff; }
		.a-show li h2 { font-size: 48px; margin-bottom: 10px; }
		.a-show li h3 { font-size: 32px; }
		.a-show li a { margin-top: 30px; }
		.a-show li .a-right { text-align: right; }
		.a-show li .a-right a { float: right; }
		.a-show li .a-center { text-align: center; }
		.a-show li .a-center a { float: none; display: inline; }
	.a-show .dots {
		position: absolute;
		bottom: 10px;
		width: 100%;
		text-align: center;
	}
	.a-show .dots li {
		display: inline-block;
		width: 10px;
		height: 10px;
		margin: 0 4px;
		text-indent: -999em;
		border: 2px solid #fff;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
		cursor: pointer;
		opacity: .4;
		-webkit-transition: background .5s, opacity .5s;
		-moz-transition: background .5s, opacity .5s;
		transition: background .5s, opacity .5s;
	}
	.a-show .dots .active {
		background: #fff;
		opacity: 1;
	}

/* NAVIGATION */

	#navigat {
		overflow: hidden;
		border-top: 1px solid #ccc;
	}
	.hnav { margin: 0px; }
	.hnav li { display: block; float: left; }
	.hnav li a {
		display: block;
		color: #353535;
		padding: 10px;
		font-size: 15px;
		font-weight: normal;
		letter-spacing: 0;
	}

	/* more levels */
	.hnav ul li a { color: #fff; }
	.hnav ul li a:hover { background: rgba(255,255,255,0.1); color: #fff; }
	.hnav li ul {
		position: absolute; width: 240px; margin: 0; background: #3a3738 !important;
		overflow: visible; padding: 10px; z-index: 1; display: none; z-index: 99999;
		-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;
		box-shadow: 0px 0px 12px rgba(0,0,0,0.5);
	}
	.hnav li:hover ul { display: block; }
	.hnav li ul li { display: block; position: relative; border: none; float: none; }
		nav .hnav li ul li a {
			margin: 0 0 2px; padding: 10px 10px 8px;
			-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
		}
	.hnav li:hover ul ul { display: none; }
		.hnav li ul li:hover > ul { display: block }
			.hnav li ul li ul {
				display: none; position: absolute; top: -10px; margin-left: 120px; display: block;
			}

	/* more levels */
	.hsub-two li ul {
		height: 100%;
		top: 0;
		background: rgba(30,30,30,0.95) !important;
		-webkit-border-radius: 0 !important;
		-moz-border-radius: 0 !important;
		border-radius: 0 !important;
		position: fixed;
	}
	.hsub-two li ul li a { padding: 15px 20px; }
	.hsub-two li ul li ul {
		padding: 15px;
		height: 100%;
		background: rgba(50,50,50,0.95) !important;
		top: 0 !important;
		margin-left: 220px !important;
		position: fixed !important;
	}
	.hsub-two ul li a:hover { background: rgba(255,255,255,0.1); color: #fff; }

	/* mega */

	#navigat .mega > .sub-menu { width: 100%; left: 0px; }
	#navigat .mega > .sub-menu > li {
		float: left; border-right: 1px dotted rgba(255,255,255,0.1); padding: 15px 15px 0;
		min-width: 200px; max-width: 25%; overflow: hidden;
	}
	#navigat .mega > .sub-menu > li:last-child { border-right: none; }
	#navigat .mega > .sub-menu > li > a {
		border-bottom: 3px double rgba(255,255,255,0.2); background: none; cursor: default; text-transform: uppercase;
	}
	#navigat .mega .sub-menu .sub-menu {
		display: block; position: relative; margin: 0px; display: block; background: none; padding: 20px 0 0 0;
	}
	#navigat .mega .sub-menu .sub-menu li { padding: 0px; }
	#navigat .mega .sub-menu .sub-menu li a { padding: 10px; }

.hn-two .sub-menu li.current-menu-item a { background: #c41816; color: #fff; }

/* nav-effects */
.hnav a:after, .hnav a::before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.hnav a {
	position: relative;
	display: inline-block;
}

/* Effect 1: Brackets */
.hn-one > li > a { padding: 20px 10px 15px; }
.hn-one > li > a::before,
.hn-one > li > a::after {
	display: inline-block;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s;
	transition: transform 0.3s, opacity 0.2s;
}

.hn-one > li > a::before {
	margin-right: 5px;
	content: '[';
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	transform: translateX(20px);
}

.hn-one > li > a::after {
	margin-left: 5px;
	content: ']';
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	transform: translateX(-20px);
}

.hn-one > li > a:hover::before,
.hn-one > li > a:hover::after,
.hn-one > li > a:focus::before,
.hn-one > li > a:focus::after {
	opacity: 1;
	-webkit-transform: translateX(0px) translateY(0px);
	-moz-transform: translateX(0px) translateY(0px);
	transform: translateX(0px) translateY(0px);
}
/* Effect 2: bottom border enlarge */
.hn-two > li > a { padding: 20px 10px 15px; z-index: 2; }
.hn-two > li > a::after {
	position: absolute;
	top: 0%;
	left: 0;
	width: 100%;
	height: 1px;
	background: #c41816;
	content: '';
	opacity: 0;
	-webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
	transition: height 0.3s, opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(-20px);
	-moz-transform: translateY(-20px);
	transform: translateY(-20px);
	z-index: -1;
}
.hn-two > li > a:hover, .hn-two > li.current-menu-item > a, .hn-two > li.current-menu-parent > a { color: #fff; }
.hn-two > li > a:hover::after, .hn-two > li > a:focus::after, .hn-two > li.current-menu-item > a::after, .hn-two > li.current-menu-parent > a::after {
	height: 45px;
	opacity: 1;
	-webkit-transform: translateY(8px);
	-moz-transform: translateY(8px);
	transform: translateY(8px);
}
/* Effect 3: three circles */
.hn-three > li > a {
	padding: 20px 15px 15px;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}
.hn-three > li > a::before {
	position: absolute;
	top: 70%;
	left: 50%;
	color: transparent;
	content: '.';
	font-size: 10px;
	-webkit-text-shadow: 0 0 transparent;
	-moz-text-shadow: 0 0 transparent;
	text-shadow: 0 0 transparent;
	-webkit-transition: text-shadow 0.5s, color 0.5s;
	-moz-transition: text-shadow 0.5s, color 0.5s;
	transition: text-shadow 0.5s, color 0.5s;
}
.hn-three > li > a:hover::before, .hn-three > li > a:focus::before {
	color: #777;
	-webkit-text-shadow: -25px 0 #777, -20px 0 #777, -15px 0 #777, -10px 0 #777, -5px 0 #777, 5px 0 #777, 10px 0 #777, 15px 0 #777, 20px 0 #777, 25px 0 #777;
	-moz-text-shadow: -25px 0 #777, -20px 0 #777, -15px 0 #777, -10px 0 #777, -5px 0 #777, 5px 0 #777, 10px 0 #777, 15px 0 #777, 20px 0 #777, 25px 0 #777;
	text-shadow: -25px 0 #777, -20px 0 #777, -15px 0 #777, -10px 0 #777, -5px 0 #777, 5px 0 #777, 10px 0 #777, 15px 0 #777, 20px 0 #777, 25px 0 #777;
}
/* Effect 4: blur */
.hn-four > li > a {
	padding: 20px 15px 15px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}
.hn-four:hover > li > a {
	color: transparent !important;
	-webkit-text-shadow: 0 0 2px rgba(100,100,100, 0.5);
	-moz-text-shadow: 0 0 2px rgba(100,100,100, 0.5);
	text-shadow: 0 0 2px rgba(100,100,100, 0.5);
}
.hn-four > li > a:hover, .hn-four > li > a:focus {
	color: #000 !important;
	-webkit-text-shadow: none;
	-moz-text-shadow: none;
	text-shadow: none;
}


/* EXTRAS + TEAM */

.team .tm-image img { max-width: 500%; }
	.team .tm-social { text-align: left; }

/* FOOTER */

footer { background-size: cover !important; }
footer.f-light { background: url(../images/footer_light.gif) no-repeat top center; padding: 60px 0 60px; font-size: 13px; }
	footer.f-light .footer-address { color: #777; }
		footer.f-light .footer-address b { color: #444; font-weight: bold; width: 100px; display: inline-block; }
	footer.f-light .footer-logo { margin-bottom: 30px; }
	footer.f-light .copyright { margin-top: 30px; color: #777; font-weight: bold; }
		footer.f-light .copyright a { color: #111; }
	footer.f-light .footer-social { text-align: right; }
	footer.f-light .footer-social a {
		color: #444;
		font-size: 25px;
		border: 2px solid;
		width: 50px;
		height: 50px;
		line-height: 48px;
		margin-left: 20px;
	}
	footer.f-light .footer-social a:hover { background: #444; color: #aaa; border: 2px solid #444; }
footer.f-dark { background: url(../images/footer_dark.gif) no-repeat top center; padding: 80px 0 80px; text-align: center; }
	footer.f-dark .footer-logo { margin-bottom: 30px; }
	footer.f-dark .copyright { color: #777; }
		footer.f-dark .copyright a { color: #bbb; }
	footer.f-dark .footer-social { margin-top: 30px; }
	footer.f-dark .footer-social a { color: #bbb; }
	footer.f-dark .footer-social a:hover { background: #bbb; color: #333; border: 2px solid #bbb; }

/* FROM STYLING AND CONTACTFORM 7 */

#wpmem_reg { margin-top: 30px; }
#wpmem_login fieldset, #wpmem_reg fieldset { border: 1px solid #eee; border-radius: 3px; padding: 15px; }
#wpmem_login input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #f0f0f0 inset; }
#wpmem_login fieldset > legend, #wpmem_reg fieldset > legend {
	font-size: 12px; text-transform: uppercase; font-weight: bold; background: #fff; padding: 0px 21px;
}
#wpmem_login .div_text, #wpmem_reg .div_text { margin-bottom: 15px; }
#wpmem_login input[type="text"], #wpmem_login input[type="password"],
#wpmem_reg input[type="text"], #wpmem_reg input[type="password"] {
	border: 1px solid #eee !important; background: #f0f0f0; color: #111; padding: 10px;
}
#wpmem_login input[type="submit"], #wpmem_reg input[type="submit"] {}
#wpmem_login .button_div, #wpmem_reg .button_div { display: table; margin-top: 15px; }

#wpmem_login #rememberme { display: inline-block; margin: 10px; width: auto; }
#wpmem_reg .req-text { clear: both; margin: 10px 0px; }

#wpmem_login .link-text { text-align: left; }
#wpmem_login .button_div + .link-text { margin: 30px 0px 5px; }

::-webkit-input-placeholder { color: #aaa; }
:-moz-placeholder { color: #aaa; }
::-moz-placeholder { color: #aaa; }
:-ms-input-placeholder { color: #aaa; }

.search-overlay ::-webkit-input-placeholder { color: rgba(255,255,255,0.3); }
.search-overlay :-moz-placeholder { color: rgba(255,255,255,0.3); }
.search-overlay ::-moz-placeholder { color: rgba(255,255,255,0.3); }
.search-overlay :-ms-input-placeholder { color: rgba(255,255,255,0.3); }

label { font-size: 12px; margin: 5px; display: table; }
input, textarea, select {
	outline: none;
	/* -moz-appearance: none;
	-webkit-appearance: none; */
	color: #fff;
	cursor: text;
	resize: none;
	display: block;
	padding: 6px;
	margin: 0;
	width: 100%;
	height: auto;
	line-height: 1.4;
	font-size: 13px;
	font-family: Arial, sans-serif;
	background: #444142;
	border: none !important;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
select { cursor: pointer; width: 100%; }
input[type="submit"] {
	font-weight: bold; background: #c41816; color: #fff; border: none; display: block; padding: 8px 20px 6px; float: left; width: auto; cursor: pointer;
}

/* ////////// */
/* RESPONSIVE */
/* ////////// */

/* 240 > 500 >750 >980 > 1220 > 1400 */

#show-menu {
	padding: 15px;
	background: #333;
	color: #fff;
	font-size: 15px;
	cursor: pointer;
	position: fixed;
	z-index: 99999;
}
#show-menu.sm-wide {
	width: 100%;
}

	/* TOO SMALL */
	@media screen and (max-width: 240px) {
		.gridlock .row { width: 100%; }
	}
	/* MOBILE */
	@media screen and (max-width: 500px) {
		#wpadminbar { display: none; }
		.gridlock .row { max-width: 100%; }
		.logo { float: none; display: block; }
		.slogan { float: none; margin: 15px 0; }
		.icon-w-text { padding-bottom: 30px; display: block; }
		.single-big-content .row { padding: 30px 0 0; }
		.single-big-content .project-head { margin: 0; padding: 0; }
		.single-big-content .fulltext { padding: 0; }
		.lpost-list { background: #fff; }
		.lpost-list .lpost-date, .lpost-list .lpost-tags, .lpost-list .lpost-readmore { display: none; }
		.lpost-list .lpost-title { font-size: 14px !important; margin: 3px 0px 0px 3px !important; width: 98% !important; }
		.lpost-list .lpost-image { width: 95% !important; margin: -15px 5px 0px; display: table; }
		.lpost-list .lpost-desc { float: none; width: 90% !important; margin: 15px; }
		footer { background-size: auto 100% !important; }
		footer.f-light .footer-social a { margin: 20px 8px 0; }
		.wpcf7 .tab-content label { padding: 12px 6px 12px; display: block; float: none; width: auto; }
		.wpcf7 .tab-content span { float: none; width: auto; }
		.wpcf7 .tab-content span.wpcf7-list-item { clear: both; display: block; }
		.multicols, .big-without-image .fulltext {
			-webkit-column-count: auto !important; -moz-column-count: auto !important; column-count: auto !important;
		}
		.single-meta { display: none !important; }
		.testimonials-ticker .owl-item .item { padding: 20px 35px 10px 25px !important; }
		body .testimonials-ticker .owl-buttons .mobile-hide { display: block !important; }
		.testimonials-ticker .owl-controls .owl-buttons .owl-next { right: -20px !important; }
		.testimonials-ticker .owl-controls .owl-buttons .owl-prev { left: -20px !important; }
		.quote .lpost-classic .lpost-excerpt:before { display: none; }
		.woo-bread { display: none; }
		.single-big .row { padding: 0; height: 100%; position: relative; }
		.single-big .row h2 { position: absolute; bottom: 0; }
		.single-big-content .introtext { margin: 0 0 15px; padding: 0; }
		.single-author, .single-big-content .introtext + iframe { display: none; }
		.single-big-content .single-extra { padding: 50px 0; }
		.project-thumbs img { width: 118px !important; }
		.single-big-content .introtext:empty + iframe + .fulltext { padding-top: 50px; }

		body.home .page > .row > .desktop-9 { width: 100% !important; }
		body.home .a-show, body.home .owl-wrapper-outer { height: 170px !important; }
		body.home .owl-controls { display: none !important; }

		.home .desktop-9 .desktop-8 { background: none !important; }
		html body .mobile-3, html body.home .mobile-3 { float: left !important; width: 300px !important; margin: 5px 0px 15px 1px !important; }

		#widget-above_news-text-5 { clear: both; background: #fff; margin: -25px -3px 10px -7px; }
		    #widget-above_news-text-5 a { display: block; line-height: 0px; }
			#widget-above_news-text-5 img { margin: 0px !important; }
		body.home .main-content { margin: 0px -3px 0px -10px !important; display: block; overflow: hidden; }
		html body.home .mobile-3.sidebar-hright { margin: -10px 1px 0px !important; }
			.sidebar-hright a { width: 50%; display: block; float: left; max-height: 75px; overflow: hidden; }

		.single-normal .post > .desktop-6 { width: 300px !important; }
		.single-normal h2, .category-layout h3 { margin: -5px -5px 10px -5px; width: 280px; }
		.single-normal .post > .sidebar-inside { width: 301px !important; }
		.single-normal .sidebar-inside .widget { width: 100% !important; }

		body header .desktop-9 { width: 100% !important; }
		.desktop-9 .desktop-8 { margin: 0px !important; width: auto !important; } 

	}
	/* TABLET */
	@media screen and (min-width: 500px) and (max-width: 980px) {
		header { padding-top: 80px; }
		.lpost-list .lpost-tags, .lpost-list .lpost-readmore { display: none; }
		.hn-one > li > a { padding: 20px 5px 15px; }
		.single-big-content .row { padding: 100px 0 0; }
		.multicols, .big-without-image .fulltext {
			-webkit-column-count: auto !important; -moz-column-count: auto !important; column-count: auto !important;
		}
		.project-item { max-height: 220px; }
		.lpost-list .lpost-title { width: 50% !important; }
	}
	/* TABLET PORTRAIT */
	@media screen and (min-width: 500px) and (max-width: 750px) {
		.slogan { margin: 15px 0; }
		.related-small .row > div { width: 100%; }
		.related-small a { margin: 10px 0; }
		.single-big-content .row { padding: 100px 0 0; }
		.width300 { width: 45%; height: 150px; }
		.project-item { max-height: 280px; }
		.project-thumblist { display: none; }
		.single-big .row { padding: 100px 50px; }
		.lpost-list .lpost-title { width: 30% !important; }
	}
	/* TABLET + MOBILE */
	@media screen and (max-width: 980px) {
		html.abs0html { margin-top: 0 !important; }
		#wpadminbar { display: none; }
		header { padding: 80px 0 30px; }
		.single-extra a { border-left: none; padding: 10px 0 0; display: block; }
		.se-box { margin: 50px 0; padding: 30px 0; }
		.commentlist { margin: 30px 0 0 0; }
		.commentlist .comment-meta { margin-top: 15px; }
		.commentlist > li > .children { margin: 0 0 0 -20px; }
		.commentlist .children li { margin: 0 0 10px 20px; }
		#commentform label { float: none; width: 100%; clear: both; }
		#commentform input, #commentform textarea { float: none; width: 100%; clear: both; }
		.project-meta span { padding: 0 0 5px; border: none; display: block; }
		.project-meta iframe { display: none; }
		footer.f-light .footer-social { text-align: left; margin: 50px 0 0 -15px; }
		.project-big { height: 450px; }
		.project-big .owl-wrapper-outer { height: 100%; }
		.project-big .owl-wrapper { height: 100%; }
		.project-big .owl-item { height: 100%; overflow: hidden; }
		.project-big .owl-item .item { height: 100%; position: relative; }
		.project-big img.lazyOwl { width: 100%; }
		.project-big .item > div { top: 370px; margin-left: -400px; }
		.project-big .owl-buttons { margin-left: 270px; }
		.related-big .row > div { height: 125px; }
		.related-big h4 { padding: 10px 15px; }
		.related-big h4 span { font-size: 12px; padding: 4px 0; }
		.related-small h4 { font-size: 13px; }
		.related-small .ri-img { width: 100px; }
		.se-box > h3, .se-box > p { text-align: center; }
		#commentform { width: 100%; }
		.soc-icons { float: none !important; margin: 0 auto; display: table; }
		.single-normal .single-author { margin-top: 30px; }
		.single-meta { display: none; }
		.project-thumbs img { width: 139px; }
	}
	/* TABLET PORTRAIT + MOBILE */
	@media screen and (max-width: 750px) {
		.project-big { height: 400px; }
		.project-big .item > div, .project-big .owl-buttons { display: none; }
		.related { display: none; }
		.icon-with-text { margin-top: 30px; }
		body .parallax1 .parallax-bg, body .parallax2 .parallax-bg {
			background-size: 200% auto !important; background-position: 100% center !important;
		}
		body .tabcontainer > ul { padding: 15px !important; }
		.tm-left { width: 100% !important; padding-top: 15px; }
		.tm-right { min-height: 0 !important; }
		.tm-right .tm-excerpt { padding: 0 0 0 !important; }
		.allcat { display: none; }
		.project-thumbs img { width: 139px; }
		.single-meta { display: none; }
		.single-big-content .fulltext { float: none; }
		.related-small h4 { font-size: 13px; }
	}
	/* DESKTOP */
	@media screen and (min-width: 980px) and (max-width: 1220px) {
		.hn-one > li > a { padding: 20px 5px 15px; }
		.single-big-content .row { padding: 100px 0 0; }
		.project-big .item > div { margin-left: -500px; }
		.project-big .owl-buttons { margin-left: 380px; }
		.testimonials-ticker .owl-item .item { padding: 20px 100px !important; }
		.project-thumblist li { max-width: 135px; }
		.project-item { max-height: 150px; }
		.related-small h4 { font-size: 14px; }
		.related-small .ri-img { width: 160px; }
	}
	/* BIG DESKTOP */
	@media screen and (min-width: 1220px) {
		.single-big .row { padding: 100px 150px; }
	}
	/* HUGE DESKTOP */
	@media screen and (min-width: 1400px) {
		.a-show ul li {  background-size: 100% auto; }
	}

/* ------------------------------------------------------------------------
   MOBILE.CSS
------------------------------------------------------------------------ */

.big-wrapper {
	position: relative; padding-bottom: 30px; min-height: 100%;
}

.perspective {
	background: #aaa;
	position: relative;
	width: 100%;
}

.big-container {
	background: #fff;
	min-height: 100%;
	position: relative;
	outline: 1px solid rgba(0,0,0,0);
	z-index: 10;
	-webkit-transform: translateZ(0) translateX(0) rotateY(0deg); /* reset transforms (Chrome bug) */
	transform: translateZ(0) translateX(0) rotateY(0deg);
}

/* Modal View */

.perspective.modalview {
	position: fixed;
	-webkit-perspective: 1500px;
	perspective: 1500px;
}
.modalview .big-container {
	position: absolute;
	overflow: hidden;
	width: 100%;
	height: 100%;
	cursor: pointer;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.modalview .big-wrapper {
	-webkit-transform: translateZ(-1px);
}
.animate .big-container::after {
	opacity: 1;
	height: 101%;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

/* Outer Nav */

.outer-nav {
	position: absolute;
	height: auto;
	font-size: 2em;
	-webkit-transition: left 0.4s;
	transition: left 0.4s;
	opacity: 0;
}
.outer-nav.op100 { opacity: 1; }
.outer-vertical {
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.outer-horizontal {
	left: 50%;
	max-width: 1000px;
	text-align: center;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.outer-left { left: 25%; }
.outer-right { left: 30px; max-height: 100%; height: 100%; }
.outer-top { top: 25%; }
.outer-bottom { bottom: 25%; }

.outer-nav .menu-main-menu-container { height: 100%; width: 240px; display: table; }
	.outer-nav .menu-main-menu-container .menu { height: auto; display: table-cell; vertical-align: middle; }

/* General Look */
.outer-nav li { list-style: none; margin: 15px 0; font-size: 17px; }
.outer-nav li a { color: #333; font-size: 17px; padding: 5px 10px; }
.outer-nav li a:hover { background-color: #333 !important; color: #eee; border-radius: 5px; }

/* Subnavigation */
.showsub { left: -160px !important; }
.showsub2 { left: -520px !important; }
.sm3 { left: 540px !important; }
.outer-nav .sub-menu, .sm3 {
	/* position: absolute; left: 100%; margin-left: 50px; opacity: 0; border-left: 1px solid #aaa; padding-left: 50px;
	-webkit-transition: opacity 0.4s; transition: opacity 0.4s; display: none;
	top: 5%; height: 90%; overflow-y: auto; */
	position: absolute; left: 75%; margin: 0; opacity: 0; border-left: 1px solid #aaa; padding-left: 20px;
	-webkit-transition: opacity 0.4s; transition: opacity 0.4s; display: none; z-index: 999;
	width: 250px; max-height: 80%; /* top: 50%; transform: translate(0px,-50%); */
	overflow-y: auto;
}
.outer-nav .showme > .sub-menu, .sm3.showme { opacity: 1; display: block; }
.outer-nav .sub-menu > .backto, .sm3 .backto {
	font-size: 11px;
	background: #fff;
	color: #333;
	padding: 5px 15px 4px;
	margin: 0 0 30px 5px;
	display: table;
	border-radius: 30px;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
}
.outer-nav .menu-item-has-children > a:after {
	content: '\00BB';
	font-weight: bold;
	margin: 0 0 0 8px;
}

/* Effect rot3d */

.perspective {
	background-color: #eee;
	background-image: -webkit-radial-gradient(center center, circle cover, #eee 0%, #aaa 100%);
	background-image: -moz-radial-gradient(center center, circle cover, #eee 0%, #aaa 100%);
	background-image: -ms-radial-gradient(center center, circle cover, #eee 0%, #aaa 100%);
	background-image: -o-radial-gradient(center center, circle cover, #eee 0%, #aaa 100%);
}
.perspective .big-container {
	-webkit-transition: -webkit-transform 0.4s;
	transition: transform 0.4s;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}
.effect-rot3d.animate .big-container {
	-webkit-transform: translateZ(-1500px) translateX(100%) rotateY(-45deg);
	transform: translateZ(-1500px) translateX(100%) rotateY(-45deg);
}
.no-csstransforms3d .effect-rot3d.animate .big-container { left: 75%; }

/* Effect Move Right */
.effect-moveright.animate .big-container {
	-webkit-transform: translateX(85%);
	transform: translateX(85%);
}
.no-csstransforms3d .effect-moveright.animate .big-container { left: 75%; }

/* Effect Small Right */
.effect-smallright.animate .big-container {
	-webkit-transform: translateZ(-300px) translateX(90%);
	transform: translateZ(-300px) translateX(90%);
}
.no-csstransforms3d .effect-smallright.animate .big-container { left: 75%; }

/* RESPONSIVE MOBILE NAVIGATION */
/* 240 > 500 >750 >980 > 1220 > 1400 */

@media screen and (max-width: 980px) and (min-width: 750px) {
	.outer-top { top: 15%; }
	.outer-bottom { bottom: 15%; }
}
@media screen and (max-width: 750px) and (min-width: 500px) {
	.outer-top { top: 5%; }
	.outer-bottom { bottom: 5%; }
	.outer-horizontal { font-size: 18px; }
	.outer-horizontal a { display: block; text-align: left; }
	.outer-nav .sub-menu { width: 320px; }
}
/* mobile size */
@media screen and (max-width: 500px) {
	.outer-horizontal, .outer-vertical { font-size: 15px; }
	.outer-right { right: auto; left: 30px; }
	.outer-nav .sub-menu { padding-left: 20px; }
	.outer-nav a { padding: 10px 15px; }
}
/* really small */
@media screen and (max-width: 240px) {}


/* ------------------------------------------------------------------------
   LIGHTBOX.CSS
------------------------------------------------------------------------ */

.lb-overlay {
	width: 100%;
	height: 100%;
	position: fixed;
	overflow: hidden;
	left: 0;
	top: 0;
	padding: 0;
	z-index: 99;
	text-align: center;
	background:
	-webkit-radial-gradient( center, ellipse cover, rgba(255,255,255,0.8) 0%, rgba(100,100,100,0.95) 100% )
}
.lb-overlay > div {
	position: relative;
	background: #fff;
	width: 600px;
	height: 300px;
	margin: 40px auto 0 auto;
	-webkit-box-shadow: 0 0 25px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 25px rgba(0,0,0,0.2);
	box-shadow: 0 0 25px rgba(0,0,0,0.2);
}

/* ------------------------------------------------------------------------
   PROJECTEFFECT.CSS
------------------------------------------------------------------------ */

.effect-lily {
	position: relative;
	z-index: 1;
	display: inline-block !important;
	overflow: hidden;
	text-align: center;
	cursor: pointer;
	background-color: #aaa;
	background-position: center center;
	background-repeat: no-repeat;
	background: -webkit-gradient(radial, center center, 0, center center, 460, from(#aaa), to(#050505));
	background: -webkit-radial-gradient(circle, #aaa, #050505);
	background: -moz-radial-gradient(circle, #aaa, #050505);
	background: -ms-radial-gradient(circle, #aaa, #050505);
}
.effect-lily figcaption::before, .effect-lily figcaption::after { pointer-events: none; }
.effect-lily figcaption, .effect-lily a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.effect-lily a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}
.effect-lily img {
	max-width: 330px !important;
	width: 330px;
	opacity: 0.5;
	position: relative;
	display: block;
	/* min-height: 100%; */
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-40px,0, 0);
	transform: translate3d(-40px,0,0);
}
.effect-lily figcaption {
	top: auto;
	bottom: 0;
	height: 100%;
	text-align: left;
	padding: 15px;
	color: #fff;
	text-transform: uppercase;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.effect-lily h3 {
	color: #333 !important;
	background: #fff;
	padding: 10px;
	display: table;
	font-size: 14px;
	margin: 50% 0 0 0;
	-webkit-transform: translate3d(0,50px,0);
	transform: translate3d(0,50px,0);
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}
/* hover */
.effect-lily:hover img { opacity: 1; }
.effect-lily:hover img {
	-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);
}
.effect-lily:hover h3 {
	-webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0);
}


/* WIDGETS */

h3.widget-title, h3.widget-title a { font-size: 15px; color: #777; margin: 10px 0px 15px; }
	h3.widget-title span { background: #fff; padding: 10px; }
h3.widget-title a { border: none !important; }
.widget ul li { list-style: none; }
.widget_categories li, .widget_archive li {
	background: #aaa; font-size: 12px; padding: 10px; display: table; cursor: pointer;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
.widget_categories li a, .widget_archive li a { color: #fff; }
.widget_categories li:hover, .widget_archive li:hover { background: #333; }
.widget_nav_menu ul, .widget_pages ul { margin-left: 30px; }
.widget_nav_menu ul.children, .widget_pages ul.children { margin-top: 10px; }
	.widget_nav_menu li, .widget_pages li { font-size: 13px; }
		.widget_nav_menu li a, .widget_pages li a { color: #777; font-weight: normal;}
			.widget_nav_menu li a:before, .widget_pages li a:before {
				content: ''; display: block; width: 10px; background: #aaa;
				height: 1px; margin: 7px 0 0 -20px; position: absolute;
			}
			.widget_nav_menu li.current_page_item a, .widget_pages li.current_page_item a { color: #000; font-weight: bold; }
			.widget_nav_menu li a:hover, .widget_pages li a:hover { color: #333; }
.widget_tag_cloud .tagcloud { width: 80%; text-align: center; margin: 0px auto; }
.widget_tag_cloud a {
	-webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; border: 2px solid; padding: 4px 8px;
	display: inline-block; margin: 0 0 5px 0; font-weight: normal; font-size: 14px !important;
}
.widget_search input[type=text] { width: 120px; float: left; padding: 5px; margin-right: 5px; border: 2px solid #aaa; }
.widget_rss ul li { margin-bottom: 20px; }
.widget_rss ul li a.rsswidget {
	color: #333; font-weight: normal; display: block; border-bottom: 1px dotted #ccc; padding-bottom: 5px; margin-bottom: 5px;
}
.widget_rss ul li .rss-date { font-size: 11px; color: #aaa; }
.widget_recent_comments {}
	.widget_recent_comments li.recentcomments { font-size: 12px; color: #aaa; margin: 0 0 10px 30px; }
	.widget_recent_comments li.recentcomments:before {
		font-family: FontAwesome; content: '\f075'; display: block; padding: 5px; margin: -5px 0 0 -30px;
		position: absolute; font-size: 15px; height: 10px; color: #ccc;
	}
	.widget_recent_comments li.recentcomments a { display: block !important; font-size: 13px; }

#wp-calendar { max-width: 100%; margin-bottom: 15px; }
#wp-calendar caption {
	text-align: center; background: #eee; font-size: 12px; padding: 10px; margin-bottom: 15px; border-radius: 5px;
}
#wp-calendar thead { font-size: 10px; color: #aaa; }
#wp-calendar thead th { padding-bottom: 10px; }
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td {
	background: #f5f5f5; border: 1px solid #fff; text-align: center; padding: 5px; border-radius: 3px; cursor: pointer;
}
#wp-calendar tbody td:hover { color: #fff; background: #aaa; }
#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; }

/* IE */

.ie .outer-nav { position: fixed; }


/* twitter */

.tp_recent_tweets li { background-image: none !important; font-size: 13px !important; line-height: 135% !important; padding: 10px 0px 0px 10px !important; }
.tp_recent_tweets .twitter_time { margin-top: 5px; display: block; font-size: 12px; }