/* 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%; min-height: 100vh; }
body { width: 100%; min-height: 100vh; height: auto; overflow: auto; margin: 0; padding: 0; }

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


	/* lang */
	.langsel { position: fixed; top: 15px; right: 15px; z-index: 99999; }
	.langsel a { display: inline-block; padding: 5px; width: 42px; text-decoration: none; }
	.langsel a:hover { opacity: 0.7; }


/* REQUIRED */

.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; }
	.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; }


/* home bands, special styling for KBP */

	html body .big-container {
		background: #001e2b url(https://kbpsecret.hu/wp-content/uploads/2020/01/pattern2.gif) repeat !important; background-size: 200px !important; min-height: 100vh;
	}
	.abs0_columns { display: flex; align-items: center; justify-content: center; padding: 0 !important; }
	.abs0_column { padding-bottom: 0 !important; }
	.abs0_column h2 {
		font-size: 60px;
		background: linear-gradient(to right, #b89453 0%, #f4eca6 42.62%, #f9f5ac 45.45%, #d3ad53 68.63%, #be8b2d 78.63%, #a36027 100%);
    	-webkit-background-clip: text;
    	-webkit-text-fill-color: transparent;
    	line-height: 100%;
    }
    .abs0_column a { background: #fff; text-transform: uppercase; padding: 10px 20px; border-radius: 3px; color: #111; font-size: 13px; letter-spacing: 3px; }

	.start { background-position: bottom center; background-size: 100% auto; }
		.start .abs0_column img { max-height: 500px; width: auto; margin: 50px auto 0; display: block; }
	.intro { text-align: center; padding: 100px 0; background-position: bottom center; background-size: cover; }
		.intro img { max-width: 200px; margin-bottom: 50px; }
		.intro p { color: #fff; width: 50%; margin: 0px auto; }
	.topview { background-repeat: repeat !important; background-size: 200px; padding: 50px 0; position: relative; }
		.topview > div { z-index: 2; position: relative; }
		.topview:after {
			content: ''; background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.75)); height: 100%;
			display: block; position: absolute; width: 100%; top: 0; left: 0; z-index: 1; 
		}
		.topview .abs0_column img { max-width: 400px; margin: 0 auto; display: block; }
	.three { padding: 150px 0; background-size: 100% auto; background-position: center center; }
		.three .abs0_column { text-align: center; }
		.three h3 img { vertical-align: middle; max-width: 90px; margin-right: 15px; }
		.three h3 b { color: #fff; }
	.last {}
		.last .abs0_column img { max-height: 500px; width: auto; margin: 0 auto; display: block; }
		.last .image-mobile { display: none !important; }

	.contact { background-repeat: repeat !important; background-size: 200px; padding: 50px 0; position: relative; }
		.contact > div { z-index: 2; position: relative; }
		.contact:after {
			content: ''; background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5)); height: 100%;
			display: block; position: absolute; width: 100%; top: 0; left: 0; z-index: 1; 
		}
		.contact br { display: none; }
		.contact .wpcf7-form-control-wrap { display: table; margin: 0px auto; }
		.contact span.wpcf7-list-item { margin: 0 15px !important; }
		.contact input {
			background: #010f1a; border: 1px solid #0e2934 !important; padding: 10px 15px; text-align: center; width: 400px; margin: 0px auto; border-radius: 5px;
			color: #3e535c !important; text-transform: uppercase; font-weight: bold; font-size: 14px; letter-spacing: 1px; margin-bottom: 5px;
		}
		.contact input:focus { outline: 0; }
		.contact input::-webkit-input-placeholder { color: #3e535c !important; }
		.contact input::-moz-placeholder { color: #3e535c !important; }
		.contact::placeholder { color: #3e535c !important; }
		.contact input[type="submit"] {
			background: linear-gradient(to right, #b89453 0%, #f4eca6 42.62%, #f9f5ac 45.45%, #d3ad53 68.63%, #be8b2d 78.63%, #a36027 100%); color: #111 !important;
			margin: 30px auto; display: block;
		}
		.contact .wpcf7-checkbox { width: 600px; display: block; margin: 30px auto; text-align: center; }
		.contact .wpcf7-checkbox .wpcf7-list-item { color: #3d7490; font-family: Cinzel; font-size: 21px; width: 20%; position: relative; }
		
		.contact input[type=checkbox] { opacity: 0; width: 100%; position: absolute; height: 140px; left: 0; margin-top: 110px; }
		.contact input[type=checkbox] + span {
			background: url(../images/icon_check.png) no-repeat; padding: 0px 10px 60px; background-size: 50px; background-position: bottom center; display: block;
		}
		.contact input[type=checkbox]:checked + span {
			background: url(../images/icon_check2.png) no-repeat; background-size: 50px; background-position: bottom center; display: block; color: #d3ad53;
		}

		.contact .wpcf7-checkbox .wpcf7-list-item span:before {
			width: 100px; height: 100px; display: block; border-radius: 50px; margin: 0px auto 10px; border: 2px solid #3d7490; background-size: cover !important;
		}
		.contact input[type=checkbox]:checked + span:before { border-color: #d3ad53; }
		.contact .wpcf7-checkbox .wpcf7-list-item span:after { font-size: 13px; display: block; }
		.contact .wpcf7-checkbox .wpcf7-list-item:first-child span:before { background-image: url(../images/malna_small.jpg); }
			.contact .wpcf7-checkbox .wpcf7-list-item:first-child span:after { content: "Málna"; }
			.contact .englishfour .wpcf7-checkbox .wpcf7-list-item:first-child span:after { content: "Raspberry"; }
		.contact .wpcf7-checkbox .wpcf7-list-item:nth-child(2) span:before { background-image: url(../images/vilmoskorte_small.jpg); }
			.contact .wpcf7-checkbox .wpcf7-list-item:nth-child(2) span:after { content: "Vilmoskörte"; }
			.contact .englishfour .wpcf7-checkbox .wpcf7-list-item:nth-child(2) span:after { content: "William's Pear"; }
		.contact .wpcf7-checkbox .wpcf7-list-item:nth-child(3) span:before { background-image: url(../images/birsalma_small.jpg); }
			.contact .wpcf7-checkbox .wpcf7-list-item:nth-child(3) span:after { content: "Birsalma"; }
			.contact .englishfour .wpcf7-checkbox .wpcf7-list-item:nth-child(3) span:after { content: "Quince"; }
		.contact .wpcf7-checkbox .wpcf7-list-item:last-child span:before { background-image: url(../images/borparlat_small.jpg); }
			.contact .wpcf7-checkbox .wpcf7-list-item:last-child span:after { content: "Borpárlat"; }
			.contact .englishfour .wpcf7-checkbox .wpcf7-list-item:last-child span:after { content: "Brandy"; }

		.danbox {
			display: none; position: fixed; width: 500px; height: 500px; overflow: hidden; background-size: cover; 
			top: 0; left: 50%; margin:  50px 0 0 -250px; border: 2px solid #3d7490; z-index: 99999;
		}
		.danoverlay { display:none; top: 0; left: 0; width: 100%; height: 100%; position: fixed; z-index: 99998; background: rgba(0,0,0,0.8); }

		.contact .footerlogos { text-align: center; }
			.contact .footerlogos img { margin: 50px 30px; max-height: 120px; width: auto; }
		.contact p a { margin: 0px auto; display: table; }

		div.wpcf7-response-output { border: 1px dotted #d3ad53 !important; padding: 30px !important; text-align: center; }
		.wpcf7-not-valid-tip {
			background: #d3ad53 !important; color: #111 !important; text-align: center; font-size: 12px !important; display: inline !important; 
			position: absolute; border-radius: 5px; margin: 9px 0 0 -100px; padding: 0px 5px;
		}
		
	body, .big-container, .big-wrapper { height: 100%; }
	.beforelogin {
		background-repeat: repeat !important; background-size: 200px; background-image: url(https://kbpsecret.hu/wp-content/uploads/2020/01/pattern2.gif);
		padding: 150px 0; position: relative; display: flex; align-items: center; justify-content: center; min-height: 100vh;
	}
	.beforelogin > div { z-index: 2; position: relative; text-align: center; }
		.beforelogin:after {
			content: ''; background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5)); height: 100%;
			display: block; position: absolute; width: 100%; top: 0; left: 0; z-index: 1; 
		}
		.beforelogin img { max-width: 200px; margin-bottom: 50px; }
		.beforelogin input, .beforelogin button {
			background: #010f1a; border: 1px solid #0e2934 !important; padding: 10px 15px; text-align: center; width: 300px; margin: 0px auto; border-radius: 5px;
			color: #3e535c !important; text-transform: uppercase; font-weight: bold; font-size: 14px; letter-spacing: 1px; margin-bottom: 5px; display: block;
		}
		.beforelogin input::-webkit-input-placeholder { color: #3e535c !important; }
		.beforelogin input::-moz-placeholder { color: #3e535c !important; }
		.beforelogin::placeholder { color: #3e535c !important; }
		.beforelogin button { background: linear-gradient(to right, #b89453 0%, #f4eca6 42.62%, #f9f5ac 45.45%, #d3ad53 68.63%, #be8b2d 78.63%, #a36027 100%); color: #111 !important; }
		.beforelogin p  { color: #d3ad53; padding: 30px 0 0; }
		.beforelogin .error_message { color: #fff; padding: 50px; }

/* 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; }
.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; }

.page-title { position: relative; overflow: hidden; }
	.page-title h3 { font-size: 30px; }
.page-title + .page,
.page-title + .project-normal,
.page-title + .category-layout,
.page-title + .project-category-layout,
.page-title + .product,
.page-title + .search-list,
.page-title + .archive,
.page-title + .team,
.single50stripes + .home-list { margin-top: 50px; }
	.woo-shop + .related:before { display: block !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: 50px 0; 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; }

.single50stripes { position: relative; height: 50px; }
.single-normal .row { padding: 30px 0 30px; }
	.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 { margin: 5px 0 50px; font-size: 24px; }
	.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; }

	/* 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: 149px; }
.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 */

header { padding: 30px 0 10px; }
	.logo { float: left; }
	.slogan { float: left; border-left: 1px solid #ddd; padding: 15px; margin-left: 30px; }

.soc-icons { text-align: right; float: left; }
	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 {
		margin: 25px 0 0;
		overflow: hidden;
		border-top: 1px solid #ccc;
	}
	.hnav { float: left; }
	.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.2); color: #fff; }
	.hnav li ul {
		position: absolute; width: 240px; margin: 0;
		overflow: visible; padding: 10px; z-index: 1; display: none; z-index: 99999;
		-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
		-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;
	}
	.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.2); 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; }


/* 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; }
.hn-two > li > a::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 1px;
	background: #ff7c50;
	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(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}
.hn-two > li > a:hover::after, .hn-two > li > a:focus::after {
	height: 3px;
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}
/* 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 */

/* contact7 for quote */

.wpcf7 .tabcontainer > ul {
	background: #eee; padding: 15px 15px 0; margin-bottom: 0 0 -3px;
	-webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;
}
.wpcf7 .tab-content  { border: 3px solid #eee; clear: both !important; float: none !important;
	-webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;
}
.wpcf7  .abs0_tab_top li { padding: 5px 25px; display: inline-block; }
.wpcf7  .abs0_tab_top li a { color: #757575; font-weight: bold; }
.wpcf7  .abs0_tab_top .current a {
	background: #fff; color: #333; z-index: 9999; position: relative;
	-webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;
}
.wpcf7 .tab-content br { display: none; }
.wpcf7 .tab-content label { float: left; width: 40%; padding: 12px 6px 0 0; }
.wpcf7 .tab-content span { float: left; width: 60%; }
.wpcf7 .tab-content input[type="submit"] { margin-top: 30px; }


/* SHOP - WooCommerce and AjaxCart */

/* woocommerce image effect */
.woocommerce .products .product a img, .woocommerce-page .products .product a img {
	width: 120% !important; margin: 0 !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}
.woocommerce .products .product h3, .woocommerce-page .products .product h3 { padding: 0 !important; }
	.woocommerce .products .product h3 span.product-name, .woocommerce-page .products .product h3 span.product-name {
		background: #fff;
	}
	.woocommerce .products .product h3 span, .woocommerce-page .products .product h3 span { padding: 10px; }
	.woocommerce .products .effect-lily figcaption { height: 105px; }
	.woocommerce .products .effect-lily img { opacity: 1; }
	.woocommerce .products .effect-lily:hover img { opacity: 0.5; }
	.woocommerce .products .effect-lily h3 { -webkit-transform: translate3d(0,120px,0); transform: translate3d(0,120px,0); }
	.woocommerce .products .effect-lily:hover h3 {
		-webkit-transform: translate3d(0,50px,0); transform: translate3d(0,50px,0);
	}
	.woocommerce .products .type-product .effect-lily:hover h3 {
		-webkit-transform: translate3d(0,40px,0); transform: translate3d(0,40px,0);
	}

.shop-extra { background: #e0e0e0; margin-bottom: 30px; }
.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering { float: left !important; margin: 15px 0 !important; }

.woocommerce ul.products .product h3, .woocommerce-page .products .product h3 { font-size: 15px !important; }
.woocommerce .products .product-category h3 .count { color: #fff !important; }

.woocommerce .product_meta { display: block; }
.woocommerce .product_meta > span {
	font-size: 12px; background: #eee; display: table; padding: 5px 15px; margin: 0 0 30px;
	-moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;
}
.woocommerce .product_meta .sku_wrapper { float: right; color: #aaa; }
.woocommerce .product_meta .tagged_as { float: left; }
.woocommerce .product_meta .posted_in { display: none; }
.out-of-stock { margin: -48px 0 30px; font-size: 10px !important; text-transform: uppercase; }

/* woocommerce checkout */

#ship-to-different-address { width: 100%; }
#ship-to-different-address-checkbox,
.payment_methods .input-radio,
.place-order .terms .input-checkbox,
.woocommerce form.login .form-row label.inline {
	width: 24px; height: 24px; float: right; margin: 0 12px 0 0; cursor: pointer;
	-webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px;
}
.payment_methods .input-radio,
.place-order .terms .input-checkbox {
	float: left; margin: 0;
}
.woocommerce form.login .form-row label.inline {
	/* for rememberme */
	margin: 15px; padding: 0px; float: right; width: auto !important;
}
#rememberme { float: left; margin-right: 5px; }
.create-account #createaccount, #rememberme {
	width: 20px;
	border-radius: 30px;
	padding: 10px;
	display: inline-block;
	cursor: pointer;
}
#ship-to-different-address-checkbox:after,
.payment_methods .input-radio:after,
.place-order .terms .input-checkbox:after,
.create-account #createaccount:after,
#rememberme:after {
	content: '\f128'; font-family: FontAwesome; display: block; position: absolute; color: #ddd; margin: -8px -4px; font-size: 14px;
}
#ship-to-different-address-checkbox:checked:after,
.payment_methods .input-radio:checked:after,
.place-order .terms .input-checkbox:checked:after,
.create-account #createaccount:checked:after,
#rememberme:checked:after {
	content: '\f00c'; color: #333; margin: -8px -7px;
}
.main-content .payment_methods { padding-bottom: 0; }
.main-content .payment_methods li, .woocommerce-error li { margin: 0; }
.main-content .payment_methods li:before, .woocommerce-error li:before { display: none; }
.woocommerce form .place-order p.terms { border-top: none !important; }

.woocommerce #payment .terms, .woocommerce-page #payment .terms { text-align: left !important; }

div.create-account { padding: 30px; width: 100%; background: #f0f0f0; }
#account_password_field { border: none; padding: 0; margin: 0; }

.woocommerce form p:last-of-type { border: none !important; }
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
	float: right; padding: 30px !important; margin: 10px 10px 0;
}

.woocommerce .payment_box { padding: 30px; }
.woocommerce .payment_box p { padding: 0px !important; margin: 0px !important; }

.firefox #terms { -moz-appearance: checkbox; opacity: 1; margin: -2px 0 0 8px; }

/* woocommerce category */

.woocommerce .products .product .price, .woocommerce-page .products .product .price {
	color: #333 !important; font-size: 18px !important; padding: 10px !important; margin: 0 !important;
}
.woocommerce .products .product .price del, .woocommerce-page .products .product .price del {
	font-size: 14px !important; padding: 5px; margin-top: -35px !important; position: absolute;
	color: #fff !important; font-weight: lighter;
}
.woocommerce .products .product h3 span, .woocommerce-page .products .product h3 span { padding: 0 !important; }
.woocommerce .products .product .price ins, .woocommerce-page .products .product .price ins { text-decoration: none !important; }
.woocommerce .products .product .price, .woocommerce-page .products .product .price {
	padding: 5px; text-decoration: none;
}
.woocommerce .products .product h3.product-title {
	font-size: 17px !important; text-align: center; padding: 15px 10px !important; color: #333;
}
.woocommerce .products .product-category h3 span { padding: 5px !important; }
.woocommerce .products .product .onsale, .woocommerce-page .products .product .onsale {
	top: 0; right: 0; left: auto; position: absolute; z-index: 9999; background: red; min-height: 0;
	-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;
	-webkit-text-shadow: none; -moz-text-shadow: none; text-shadow: none;
	color: #fff; border-radius: 0; padding: 5px; margin: 3px !important; line-height: 100%; text-transform: uppercase;
}

/* price on product page */

.woocommerce .product .entry-summary .price ins {  text-decoration: none !important; }
.woocommerce .product .entry-summary .price { font-size: 32px !important; }
.woo-shop .row { position: relative; }
.woocommerce .product .onsale {
	z-index: 9999;
	background: red !important;
	padding: 10px !important;
	font-weight: normal !important;
	line-height: 0 !important;
	border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	left: 0 !important;
	top: auto !important;
	-webkit-text-shadow: none !important;
	-moz-text-shadow: none !important;
	text-shadow: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	min-height: 0 !important;
	display: table;
	line-height: 100% !important;
}

/* woocommerce buttons */
.woocommerce .button, .woocommerce button.button, .woocommerce .button, .woocommerce #respond input#submit, .woocommerce #content .button, .woocommerce-page .button, .woocommerce-page button.button, .woocommerce-page .button, .woocommerce-page #respond input#submit, .woocommerce-page #content .button {
	background: none !important;
	border: 1px solid !important;
	font-size: 12px !important;
	font-family: Arial, Helvetica, sans-serif !important;
	padding: 10px 15px !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	-webkit-text-shadow: none !important;
	-moz-text-shadow: none !important;
	text-shadow: none !important;
	color: #333 !important;
	letter-spacing: 0 !important;
}
.woocommerce .button:hover, .woocommerce button.button:hover, .woocommerce .button:hover, .woocommerce #respond input#submit:hover, .woocommerce #content .button:hover, .woocommerce-page .button:hover, .woocommerce-page button.button:hover, .woocommerce-page .button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page #content .button:hover { background: #333 !important; color: #fff !important; }
.woocommerce .products .product a, .woocommerce-page .products .product a {
	display: table; margin: 0 auto; text-align: center; font-size: 11px; text-transform: uppercase;
}
.woocommerce-page .woocommerce-message .button { color: #aaa !important; border: 1px solid #ddd !important; }
.woocommerce .products .product .button { margin: 0 auto !important; display: table !important; }
.woocommerce form p:last-of-type { padding-top: 30px; border-top: 3px double #ccc; margin-top: 30px; }
.woocommerce table.cart .remove { color: #aaa !important; }
.woocommerce table.cart .remove:hover { background: #aaa !important; color: #fff !important; }

.woocommerce-page .quantity .minus { right: -1px !important; }
.woocommerce-page .quantity .plus { right: 1px !important; }

/* cart */

.product-thumbnail { width: 150px; }
	.product-thumbnail a { line-height: 0; }
		.product-thumbnail a img { width: auto !important; }
.product-price, .product-subtotal, .product-quantity { width: 60px; text-align: right; }
.shop_table .product-name { width: auto; }
.shop_table .product-remove { width: 5px; }

#order_review, #order_review .shop_table { margin: 0 0 30px; }
#order_review .shop_table tfoot, #order_review .product-name { text-align: left; width: 150px; }


/* woocommerce ajaxcart */
#ajaxcart {
	display: none;
	height: auto;
	width: 300px;
	position: absolute;
	background: rgba(0,0,0,0.85);
	padding: 15px;
	z-index: 9999;
	top: 45px;
	right: 25px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 20px rgba(0,0,0,0.2);
	box-shadow: 0 0 20px rgba(0,0,0,0.2);
	font-size: 12px;
}
#ajaxcart:before {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent rgba(0,0,0,0.85) transparent;
	top: -10px;
	right: 10px;
	margin: 0;
	position: absolute;
}
.cartlist li { list-style: none; float: none; display: table; width: 100%; padding: 0 0 5px; }
.cartlist li > span { padding: 7px 3px; display: inline-block; float: right; color: rgba(255,255,255,0.6); }
	.cartlist li > span.cartimage { float: left; max-width: 60px; padding: 0; }
	.cartlist li > span.carttitle { float: left;}
		.cartlist li > span.carttitle a {
			white-space: nowrap;
			font-weight: normal;
			width: 125px;
			text-overflow: ellipsis;
			display: block;
			height: 16px;
			overflow: hidden;
			line-height: 100%;
			padding: 3px 7px;
		}
		.cartlist li > span.carttitle a:hover { color: #fff; }
	.cartlist li > span.cartquantity {}
	.cartlist li > span.cartremovelink a {
		background: #fff; width: 15px; height: 15px; line-height: 15px; border-radius: 10px; color: #333;
		text-align: center; padding: 0; display: block; font-size: 11px;
	}
.cartbutton, .checkoutbutton {
	padding: 5px !important; background: #fff; color: #333; border-radius: 3px; margin: 5px 0 0 5px; float: right;
	font-size: 11px;
}
.cartbutton { opacity: 0.5; }
.carticon:hover + #ajaxcart, #ajaxcart:hover { display: block; }

.woo-page-title { float: left; }
.woo-bread {
	position: relative;
	float: right;
	padding: 10px 15px;
	background: #fff;
	margin: 40px 0 0;
}
.woo-bread nav { margin: 0 !important; }

/* woocommerce related */

.related .product {
	max-width: 300px; float: none !important; display: inline-block; background: #fff;
	padding: 20px 10px !important; margin: 0 15px !important;
}
	.related .product a {}
		.related .product a img {
			-webkit-box-shadow: none !important;
			-moz-box-shadow: none !important;
			box-shadow: none !important;
		}
		.related .product h3 { color: #333; }
		.related .product span.price { font-size: 24px; font-weight: lighter; text-decoration: none; }
	.related .product .add_to_cart_button { display: none; }

.woocommerce .button.added:before, .woocommerce button.button.added:before, .woocommerce .button.added:before, .woocommerce #respond input#submit.added:before, .woocommerce #content .button.added:before, .woocommerce-page .button.added:before, .woocommerce-page button.button.added:before, .woocommerce-page .button.added:before, .woocommerce-page #respond input#submit.added:before, .woocommerce-page #content .button.added:before { margin: 5px 0; }
.woocommerce .related:after, .woocommerce .related:before, .woocommerce .upsells.products:after, .woocommerce .upsells.products:before, .woocommerce-page .related:after, .woocommerce-page .related:before, .woocommerce-page .upsells.products:after, .woocommerce-page .upsells.products:before { display: block !important; }

.wc-forward:after, .wc-forward a:after, .woocommerce .cart-collaterals .shipping_calculator .shipping-calculator-button:after {
	display: none;
}

/* woocommerce product */

.cart_totals h2 { font-size: 18px; color: #333; }
.woocommerce table.cart td.actions .coupon .input-text { width: 120px !important; padding: 10px 5px 7px !important; }
.shipping-calculator-button, .addresses header > a {
	border: 2px solid; padding: 5px 15px; font-size: 15px; border-radius: 50px; display: table; margin: 30px auto 0;
}
.addresses header > a { clear: both; float: left !important; display: block; margin: 0 0 30px; }

.woocommerce .woocommerce-tabs .panel h2 { display: none; }
.woocommerce .woocommerce-tabs .panel { padding: 15px 30px !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li {
	font-size: 13px; margin: 0 0 0 5px !important; background: #eee !important; box-shadow: none !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active { background: #fff !important; }
.woocommerce .woocommerce-tabs ul li:before, .woocommerce .woocommerce-tabs ul li:after { display: none; }

.woocommerce .product .price {
	color: #333 !important; font-size: 24px !important; text-decoration: none; font-weight: lighter !important;
}
.woocommerce .quantity, .woocommerce #content .quantity, .woocommerce-page .quantity, .woocommerce-page #content .quantity {
	width: 70px !important;
}

.woocommerce .product .price {
	padding: 15px 0 15px;
	border: 1px solid #ddd;
	border-left: none;
	border-right: none;
	margin-bottom: 30px;
}

.woocommerce .quantity .minus, .woocommerce .quantity .plus {
	height: 34px !important; background: #f0f0f0 !important; border: 1px solid #aaa !important;
	float: left !important; width: 20px !important; position: relative !important;
	-webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important;
}
.woocommerce .quantity .qty {
	margin: 0 -1px; position: relative; float: left !important; z-index: 1; border-radius: 0; height: 34px !important;
	border: 1px solid #aaa !important; width: 30px !important;
}

/* ////////// */
/* 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 .lpost-date, .lpost-list .lpost-tags, .lpost-list .lpost-readmore { display: none; }
		.lpost-list .lpost-title { font-size: 14px !important; width: 40% !important; margin: 10px 0 0 0 !important; }
		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; }

		.abs0_columns { flex-direction: column-reverse; }
		.abs0_column a { margin: 0px auto; display: table; }
		.abs0_column h2 { font-size: 36px; text-align: center; }
		.start { background-size: cover; }
		.intro img { max-width: 100%; }
		.start h2 { margin-top: 90px; }
		.topview .abs0_column img { max-width: 100%; margin: 50px auto; }
		.three { background-size: cover; padding: 50px 0; }
		div.last { background-size: cover; padding: 50px 0 0; }
			div.last img { display: none !important; }
			div.last img.image-mobile { display: block !important; margin-top: 50px; }
		.contact {}
		.contact .footerlogos img { margin: 15px 30px; }
			.contact input { width: 100%; }
			.contact .wpcf7-checkbox { width: 300px; }
			.contact .wpcf7-checkbox .wpcf7-list-item { display: block; width: 100%; margin: 0; padding: 15px 60px; }
		.danbox { width: 320px; height: 320px; margin-left: -160px; }
	}
	/* 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;
}

.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: 5px 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: 18px; color: #777; font-style: normal; border-bottom: 3px double #ddd;
	padding: 10px; margin-bottom: 20px; text-align: center;
}
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; }