/* ========================================================================== HTML5 Boilerplate styles - h5bp.com (generated via initializr.com) ========================================================================== */
body#home *, #contact *, .elsewherebottom *, .workmatrix *, .windowshadow *, .windowshadow, .chrome, .chrome * {
	transition:all .2s ease-in-out;
	 -o-transition:all .2s ease-in-out;
	 -moz-transition:all .2s ease-in-out;
	 -webkit-transition:all .2s ease-in-out;
}

.contactthanksholder {
	position: fixed;
	top: 20px;
	width: 100%;
		z-index: 9999;
		display: none;
}
.contactthanksholder.showit {
	display: block;
}

.royalSlider > .rsImg, .royalSlider > .chromer  {
display: none; 
/* or display:none depending on your needs... */
}

header.noanim {
	
}
.contactthanks {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #3c4246;
	color: #fff; font-size: 16px;
	margin: 0 auto;
	font-weight: 300;
	max-width: 600px;

	text-align: center;
	padding: 30px;
}

.contactthanks span {
	font-size: 18px; font-weight: 500;
}


body.workpage {
	transition:all .2s ease-in-out;
	 -o-transition:all .2s ease-in-out;
	 -moz-transition:all .2s ease-in-out;
	 -webkit-transition:none ;
}

.thankyou {
	padding: 15px; width: 100%;
	border: 2px solid #fff;
	text-align: center;
	max-width: 600px;
	margin: 8px auto 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	opacity: 0;
}

#contactform.done input, #contactform.done textarea{
	opacity: .2;
	pointer-events: none;


}

#contactform.done input[type="submit"]  {
	opacity: 0;
display: none;
	height: 0;
	padding: 0;
	margin: 0;
	overflow: hidden;
		margin-bottom: 0;
}

#contactform.done .thankyou {
	opacity: 1;
}

.slideholder {
	min-height: 500px !important;
}

.windowholder {
	min-height: 250px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	   -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); /* this fixes the overflow:hidden in Chrome/Opera */
}

.windowshadow {
	min-height: 204px;
}

html,button,input,select,textarea {
	color:#222;
}
div {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
body {
	font-size:1em;
	line-height:1.5;
	background:#f0f3f5;
}
::-moz-selection {
	background:#b3d4fc;
	text-shadow:none;
}
::selection {
	background:#b3d4fc;
	text-shadow:none;
}
hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #ccc;
	margin:1em 0;
	padding:0;
}
img {
	vertical-align:middle;
}
fieldset {
	border:0;
	margin:0;
	padding:0;
}
textarea {
	resize:vertical;
}
.chromeframe {
	margin:0.2em 0;
	background:#ccc;
	color:#3c4246;
	padding: 40px;
	z-index: 9999;
	position: fixed;
	width: 100%;
	text-align: center;
}
/* ===== Initializr Styles ================================================== Author:Jonathan Verrecchia - verekia.com/initializr/responsive-template ========================================================================== */
body {
	font:16px/26px Helvetica,Helvetica Neue,Arial;
}
.wrapper,header {
	width:100%;
	/* margin: 0 10px;*/
}
/* =================== ALL =================== */
.addtoppadding, .main {
		padding-top:125px ;
}
.pastheader {
	
	display: block;
	
	padding-top: 25px;

	font-weight: 200;
	font-size: 1.5em;
	border-top: 1px solid #ccc !important;
	clear: both;
	margin: 25px auto 15px;
	width: 97%;
	color: rgb(143, 156, 165); letter-spacing: -1px;
}
.workpage .main {
		padding-top:0px !important;
}
.addbottompadding footer {
/*		 	padding-bottom:400px !important;*/
}
footer {
	font-size: 12px
}
footer a {
	color: #8f9ca5; font-weight: 300; padding: 0 2px ;
}
.header-container.fixed {
		position:fixed !important;
	height:60px;
	z-index:9999;
	background:#f0f3f5;
	width:100%;
	 -moz-box-shadow:0 0 10px rgba(0,0,0,0.17);
	 -webkit-box-shadow:0 0 10px rgba(0,0,0,0.17);
	 box-shadow:0 0 10px rgba(0,0,0,0.17);
	 	 border-bottom:1px solid #ccc;
}

.workpage .header-container {
		 -moz-box-shadow:0 0 10px rgba(0,0,0,0.17);
	 -webkit-box-shadow:0 0 10px rgba(0,0,0,0.17);
	 box-shadow:0 0 10px rgba(0,0,0,0.17);
	 	 border-bottom:1px solid rgba(0,0,0,0.4);
}
.header-container {
		width:100%;
	position:fixed;
	z-index:99;
	background:#f0f3f5;
	top:0;
	left:0;
}
body.workpage .header-container, body.workpage .header-container.fixed {
	position:static !important;
}
a {
		 	color:#ff9200;
		text-decoration:none;
}
a:hover {
		text-decoration:underline;
}
label.error {
	color:#ff9200;
	text-align:left;
	/*margin-top:-40px;position:absolute;right:120px;font-size:.8em;width:180px;text-align:right;line-height:1em;*/
}
input.error,textarea.error {
	border:2px solid #ff9200;
}
.header-container {
	text-align:center;
	height:60px;
}
.footer-container,.main aside {
}
.header-container,.footer-container, .main aside {
}
.title {
	color:white;
	width:60px;
	height:60px;
	background:#3c4246;
	text-align:center;
	padding-top:15px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	float:left;
	overflow:hidden;
	background-position:center center;
	font-weight:500;
	text-decoration:none;
	background-size:1px 1px;
	background-repeat:no-repeat;
	margin-left:10px;
	transition:all .2s ease-in-out;
	 -o-transition:all .2s ease-in-out;
	 -moz-transition:all .2s ease-in-out;
	 -webkit-transition:all .2s ease-in-out;
}
.title:hover {
	text-decoration:none;
}
.about {
	text-align:center;
	padding:20px 30px 50px 30px;
	color:#3c4246;
	background:#fff;
}
.about p,.contact p {
	text-align:center;
	font-weight:300;
	margin-left:auto;
	margin-right:auto;
	max-width:650px;
	font-size:1.1em;
	line-height:160%;
}
.contact {
	text-align:center;
	padding:20px 30px 30px 30px;
	color:#fff;
	background:#3c4246;
}
.contact p {
	text-align:center;
	color:rgba(255,255,255,0.7);
	padding-bottom:40px;
}
.meimage {
	background:transparent url("../img/me.png");
	background-size:130px 130px;
	width:130px;
	height:130px;
	/*position:absolute;top:40px;left:40px;*/ border-radius:130px;
	border:2px solid #fff;
	margin: 0 auto 30px;
}
/* ============== MOBILE:Menu ============== */
nav ul {
	margin:0;
	padding:0;
	margin:0 20px 0 0;
	float:right;
	display:block;
}
nav li {
	display:inline;
}
nav a {
	display:inline-block;
	height:60px;
	 margin-bottom:10px;
	padding:19px 10px;
	text-align:center;
	text-decoration:none;
	font-weight:500;
	color:#3c4246;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	transition:all .2s ease-in-out;
	 -o-transition:all .2s ease-in-out;
	 -moz-transition:all .2s ease-in-out;
	 -webkit-transition:all .2s ease-in-out;
}
nav a:hover {
	color:white;
	background:#3c4246;
	text-decoration:none;
}
.elsewhere {
	display:none;
}
.elsewherebottom {
	text-align:center;
	padding:30px 0px;
}
.elsewherebottom img {
	margin-right:25px;
	width:44px;
	vertical-align: middle;
}
.elsewherebottom a span {
	position:absolute;
	color:#fff;
	background:#32353d;
	font-size:12px;
	/*	text-transform:uppercase;*/
	padding:2px 0px 0;
	text-align:center;
	width:100px;
	top:45px;
	left:-30px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	opacity:0;
	line-height:24px;
}
.elsewhere {
	/*padding:25px 0 25px 40px;*/ bottom:auto;
	/*background:rgba(255,255,255,0.8);*/ /*width:100%;*/
	text-align:center;
	/*	border-top:1px solid rgba(0,0,0,0.05);*/
	box-sizing:border-box;
	display:none;
	position:static;
		/* 	margin-top:25px;*/ /*changed for even spacing*/
}
.elsewhere a,.elsewherebottom a {
	position:relative;
}
.elsewhere img {
	margin-right:14px;
	width:30px;
	vertical-align:middle;
}
.elsewhere a span {
	position:absolute;
	color:#fff;
	background:#32353d;
	font-size:12px;
	padding:2px 0px 0;
	text-align:center;
	width:100px;
	top:40px;
	left:-40px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	opacity:0;
	line-height:24px;
}
.elsewhere a:hover span,.elsewherebottom a:hover span {
	opacity:1;
}
.elsewhere a span:before,.elsewherebottom a span:before {
	content:'';
	width:0;
	height:0;
	border-left:6px solid transparent;
	border-right:6px solid transparent;
	border-bottom:6px solid #333333;
	font-size:0;
	line-height:0;
	position:absolute;
	left:50%;
	top:-6px;
	margin-left:-6px;
}
a.dribbble span {
		background:#c5356c;
}
a.dribbble span:before {
	border-bottom:6px solid #c5356c;
}
a.twitter span {
		background:#00adee;
}
a.twitter span:before {
	border-bottom:6px solid #00adee;
}
a.linkedin span {
		background:#0073B2;
}
a.linkedin span:before {
	border-bottom:6px solid #0073B2;
}
a.instagram span {
		background:#3F729B;
}
a.instagram span:before {
	border-bottom:6px solid #3F729B;
}
.elsewhere a.linkedin img,.elsewherebottom a.linkedin img {
	margin-right: 0px;
}
/* ============== MOBILE:Main ============== */
.main {
	text-align:center;
}
.main h1 {
	font-size:2.7em;
	color:#3c4246;
}
.main header {
	padding:0 0 40px;
}


.main .intro {
	font-size:1em;
	font-weight:300;
	color:#8f9ca5;
	max-width:500px;
	margin:0 auto .2em;
	line-height: 1.4em;
}
.intro span {
	white-space: nowrap;
}
 .intro a {
 	color: #3c4246;
 }
.main-container h2 {
	font-size:3em;
	line-height:1em;
	color:#3c4246;
}
.contact h2 {
	color:#fff;
}
.footer-container footer {
	padding:20px 0;
	text-align:center;
	color:#8f9ca5;
	border-top: 1px solid #e1e1e1;
}
/* =============== ALL:IE Fixes =============== */
.ie7 .title {
	/* padding-top: 20px;*/
}
/* form */
input,textarea {
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	display:block;
	margin:8px auto 0;
	width:100%;
	max-width:600px;
	padding:15px 10px;
	text-align:left;
		border:2px solid #ccc;
	color:#3c4246;
	box-sizing:border-box !important;
	-moz-box-sizing:border-box !important;
	background:#ccc;
	height:auto;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	-webkit-appearance:caret;
	-moz-appearance:caret;
	/* mobile firefox too! */
}
textarea {
	height:80px;
}
input {
}
form {
	margin-bottom:40px;
}
input:focus,textarea:focus {
	outline:none;
	border:2px solid transparent;
	color:#3c4246;
	background:#fff;
	-moz-box-shadow:inset 0 0 5px rgba(0,0,0,0.34);
	-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.34);
	box-shadow:inset 0 0 5px rgba(0,0,0,0.34);
}
::-webkit-input-placeholder {
	color:#8f9ca5;
	font-weight:300;
}
::-moz-placeholder {
	color:#8f9ca5;
	font-weight:300;
}
/* firefox 19+*/:-ms-input-placeholder {
	color:#8f9ca5;
	font-weight: 300;
}
/* ie */
input:-moz-placeholder {
	color:#8f9ca5;
	font-weight:300;
}
::-webkit-textarea-placeholder {
	color:#8f9ca5;
	font-weight:300;
}
::-moz-placeholder {
	color:#8f9ca5;
	font-weight:300;
}
/* firefox 19+*/:-ms-textarea-placeholder {
	color:#8f9ca5;
	font-weight: 300;
}
/* ie */
textarea:-moz-placeholder {
	color:#8f9ca5;
	font-weight:300;
}
button,html input[type="button"],input[type="reset"],input[type="submit"] {
	background:#ff9200;
	text-align:center;
	color:#fff;
	border:2px solid transparent;
}
textarea:focus {
/*	height:160px;*/
}
input:hover,textarea:hover,input:focus,textarea:focus {
	border:2px solid #fff;
}
input[type="submit"]:hover,input[type="submit"]:focus {
	border:2px solid #fff;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	background-color: #fdb41f;
}
/* ========================================================================== Author's custom styles ========================================================================== */

.ip5 {
	width: 384px; height: 824px; background: transparent url('../images/ip5.png') no-repeat left top;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding-top: 138px;
	position: relative;
}

.ip5:before {
	content: " ";
	width: 208px;
	height: 587px;
	position: absolute; top: 14px; right: 12px;
	background: transparent url('../images/ip-glare.png') no-repeat right top;
	pointer-events:none;
}

.ipimg {
	margin: 0 0 0 32px; width: 320px; height: 548px; overflow: scroll;  /*-webkit-overflow-scrolling: touch;*/
	 
}
.workmatrix {
	text-align:center;
}
.imgholder {
	width:300px;
	height:300px;
	margin:0 auto 80px;
	position:relative;
	 box-shadow:inset 0 0 80px rgba(0,0,0,0.4);
	 display:block;
}
.aboutimage {
	position:absolute;
	bottom:-60px;
	height:60px;
	display:block;
	text-align:center;
	width:300px;
	
	transition:all .2s ease-in-out;
	 -o-transition:all .2s ease-in-out;
	 -moz-transition:all .2s ease-in-out;
	 -webkit-transition:all .2s ease-in-out;
}
.aboutimage span {
	display:none;
}
.aboutimage strong {
	display:block;
	line-height:.6em;
	padding-top:15px;
	font-weight:500;
	color:#3c4246;
}
.aboutimage em {
	font-size:.75em;
	font-style:normal;
	color:#aaa;
}
.imgholder.mt {
	background:#f5f5f5 url('../img/tn-mt.png') no-repeat left top;
}
.imgholder.mtv {
	background:#f5f5f5 url('../img/tn-mtv.png') no-repeat left top;
}
.imgholder.ponga {
	background:#f5f5f5 url('../img/ponga-home.jpg') no-repeat left top;
}
.imgholder.colorflow {
	background:#f5f5f5 url('../img/tn-colorflow.png') no-repeat left top;
}
.imgholder.handg {
	background:#f5f5f5 url('../img/tn-handg.png') no-repeat left top;
}
.imgholder.re {
	background:#f5f5f5 url('../img/tn-re.png') no-repeat left top;
}
.imgholder.chair {
	background:#f5f5f5 url('../img/tn-chair.png') no-repeat left top;
}
.imgholder.koding {
	background:#f5f5f5 url('../img/tn-koding.png') no-repeat left top;
}
.imgholder.dsc {
	background:#f5f5f5 url('../img/dsc-home.jpg') no-repeat left top;
}
.imgholder.bm {
	background:#f5f5f5 url('../img/bm-home.png') no-repeat center center;
}
.imgholder.switchcam {
	background:#f5f5f5 url('../img/switchcam-home.jpg') no-repeat left top;
}
.imgholder.freshdish {
	background:#f5f5f5 url('../img/freshdish-home.jpg') no-repeat left top;
}
.imgholder.lyatiss {
	background:#f5f5f5 url('../img/lyatiss-home.jpg') no-repeat left top;
}
.imgholder.rxv {
	background:#f5f5f5 url('../img/rxvhome.jpg') no-repeat left top;
}
/*.title:after {
	content:"under 480";
	position:absolute;
	bottom:-30px;
	color:#ccc;
	font-size:13px;
}*/
.itemlogo {
	display:block;
	margin:40px auto 80px;
	text-align: center;
}

/* WORK PAGE ITEMS*/
	
	.workpage .workitems {
			position:relative;
			
	}
	
	.lcol {
position:absolute;
left:-190px;
top:0px;
width:200px;
z-index:9999;
text-align:left;
padding:15px 0 0 15px;
display: block;
height: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
/*border-right: 1px solid rgba(255,255,255,0.2);*/
/*background: rgba(255,255,255,0.1);*/
display: none;
	}
	
	.lcol:hover {
		left: 0px;
/*		background: rgba(0,0,0,0.5);*/
	}
		.lcol a {
			color:#fff;
		display:block;
				padding: 0px 8px;
/*				border-radius: 4px;*/
				line-height: 30px; font-weight: 300;
				margin: 5px 0;
	}
	.lcol a:first-child{
		margin-top: 0px;
	} 
	.workpage .title:hover { background-image: none !important; text-indent: 0 !important;
		
	}
	.lcol a:hover { background: rgba(60,66,76,0.2); text-decoration: none;
		
	}
	
	.lcol a.active {
		background: #000;
		
		background: rgba(60,66,76,0.7);

	}
	
	
	.worknav {
/*				background: rgba(0,0,0,0.4);*/
/*				padding: 18px;*/
		
	}
		.anitem {
		overflow:hidden;
		padding:40px 0px 40px;
		display: block;
		width: 100%;
	}
					.address img {
			width:16px ;
			height: 16px;
		vertical-align:middle;
		display:inline !important;
	}
		.innerslide {
			padding:0 8%;
		margin: 0 auto;
		text-align: center !important;
		display: inline-block !important;
	}
	
	 a.address {
		color: #000; text-decoration: none !important;
	}
	
	img.aslide.iphone {
/*		width: auto !important;
		height: 100% !important;
		margin: 0 auto !important;
		max-width: 975px;*/
		
	}
			.windowshadow {
			 margin:0px auto 30px 0;
		border-radius:5px;
				-moz-box-shadow:0 0 1px rgba(0,0,0,0.65),0 10px 15px rgba(0,0,0,0.51);
			-webkit-box-shadow:0 0 1px rgba(0,0,0,0.65),0 10px 15px rgba(0,0,0,0.51);
			box-shadow:0 0 1px rgba(0,0,0,0.65),0 10px 15px rgba(0,0,0,0.51);
			box-sizing:border-box;
			
					/*border:1px solid rgba(0,0,0,0.5);*/
		height:auto;
/*		max-height: 600px !important;*/
				overflow:hidden;
				max-width: 300px;
	}
			.flexslider {
			margin:0 0 20px;
		height:550px;
		padding-bottom: 60px;
/*		height: 90% !important;*/
	}
				.flex-viewport {
			padding-bottom: 20px;
	}
		.windowholder {
			display:block;
		-webkit-border-bottom-right-radius:5px;
			-webkit-border-bottom-left-radius:5px;
			-moz-border-radius-bottomright:5px;
			-moz-border-radius-bottomleft:5px;
			border-bottom-right-radius:5px;
			border-bottom-left-radius:5px;
				margin-bottom:0px;
		padding-bottom:0px;
		-webkit-overflow-scrolling: touch !important;
		background: #f5f5f5 url('../images/NSLinenBackgroundPattern.png') repeat; 
/*		max-height: 556px;*/
		/*	overflow:scroll;*/
/*		height:454px;*/
	}
	
	
	.cloudweaver .windowholder {
		background: #e7e7e7;
	}
.windowholder img {
			display:block;
		-webkit-border-bottom-right-radius:5px;
			-webkit-border-bottom-left-radius:5px;
			-moz-border-radius-bottomright:5px;
			-moz-border-radius-bottomleft:5px;
			border-bottom-right-radius:5px;
			border-bottom-left-radius:5px;
				margin-bottom:0px;
		padding-bottom:0px;
			height:auto;
	}

		.chrome {
			display:block;
				background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0.157,#b6b7b6),to(#e6e7e6));
			background-image:-moz-linear-gradient(90deg,#b6b7b6 15.7%,#e6e7e6 100%);
			-webkit-border-top-left-radius:5px;
			-webkit-border-top-right-radius:5px;
			-moz-border-radius-topleft:5px;
			-moz-border-radius-topright:5px;
			border-top-left-radius:5px;
			border-top-right-radius:5px;
			-moz-box-shadow:0 1px 1px black,inset 0 1px 0 rgba(255,255,255,0.84);
			-webkit-box-shadow:0 1px 1px black,inset 0 1px 0 rgba(255,255,255,0.84);
			box-shadow:0 1px 1px black,inset 0 1px 0 rgba(255,255,255,0.84);
		/*	border:1px solid rgba(0,0,0,0.2);	border-top-color:#bebebe;	box-sizing:border-box;	border-bottom:0px solid transparent;*/
		padding:5px 4px;
			text-align:left;
			border-bottom:1px solid rgba(0,0,0,0.40);
			height: 25px;
			overflow: hidden;
	}
	.addressbar {
		color:#111;
		padding:1px;
			background-image:-webkit-gradient(linear,left bottom,left top,from(#bcbdbc),to(#aeb0ae));
			background-image:-moz-linear-gradient(90deg,#bcbdbc 0%,#aeb0ae 100%);
				border-radius:3px;
			-moz-box-shadow:0 1px 0 rgba(255,255,255,0.57);
			-webkit-box-shadow:0 1px 0 rgba(255,255,255,0.57);
			box-shadow:0 1px 0 rgba(255,255,255,0.57);
	}
	.addressbar:hover {
			background-image:-webkit-gradient(linear,left bottom,left top,from(#84a4c1),to(#8bacc9));
			background-image:-moz-linear-gradient(90deg,#84a4c1 0%,#8bacc9 100%);
	}
				.address {
			background:#fff;
		border-radius:3px;
			-moz-box-shadow:inset 0 1px 1px #e4e5e4;
			-webkit-box-shadow:inset 0 1px 1px #e4e5e4;
			box-shadow:inset 0 1px 1px #e4e5e4;
			display:block;
		font-size:8px;
			font-family:Helvetica,sans-serif;
		line-height:8px;
		padding:3px;
				opacity
	}
		.address:hover {
			-moz-box-shadow:inset 0 0 1px #1e5787;
			-webkit-box-shadow:inset 0 0 1px #1e5787;
			box-shadow:inset 0 0 1px #1e5787;
	}
		.address:hover span {
			background:#b6d7fe;
	}
		.address img {
			vertical-align:middle;
		margin-right:2px;
		margin-left:2px;
		width: 8px ;
		height: 8px ;
	}
			.itemlogo {
			display:block;
		margin:0 auto;
		text-align:center;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		padding:0 0 30px 0;
	}
	
	.itemlogo.royal {
		padding-top: 25px ;
	
	}
		.itemlogo.royal img {
			
		
	height: 60px;
	width: auto;}
		.itemlogo img {
			height: 50px ;
		height:auto;
	}


.freshdish {
	background:#55bb2d;
	/* Old browsers */
	background:-moz-radial-gradient(center,ellipse cover,#55bb2d 0%,#355e22 100%);
	/* FF3.6+*/
	background:-webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,#55bb2d),color-stop(100%,#355e22));
	/* Chrome,Safari4+*/
	background:-webkit-radial-gradient(center,ellipse cover,#55bb2d 0%,#355e22 100%);
	/* Chrome10+,Safari5.1+*/
	background:-o-radial-gradient(center,ellipse cover,#55bb2d 0%,#355e22 100%);
	/* Opera 12+*/
	background:-ms-radial-gradient(center,ellipse cover,#55bb2d 0%,#355e22 100%);
	/* IE10+*/
	background:radial-gradient(ellipse at center,#55bb2d 0%,#355e22 100%);
	/* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#55bb2d',endColorstr='#355e22',GradientType=1 );
	/* IE6-9 fallback on horizontal gradient */
}
	.dsc {
		background:#eb6724;
	/* Old browsers */
	background:-moz-radial-gradient(center,ellipse cover,#eb6724 0%,#963b0e 100%);
	/* FF3.6+*/
	background:-webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,#eb6724),color-stop(100%,#963b0e));
	/* Chrome,Safari4+*/
	background:-webkit-radial-gradient(center,ellipse cover,#eb6724 0%,#963b0e 100%);
	/* Chrome10+,Safari5.1+*/
	background:-o-radial-gradient(center,ellipse cover,#eb6724 0%,#963b0e 100%);
	/* Opera 12+*/
	background:-ms-radial-gradient(center,ellipse cover,#eb6724 0%,#963b0e 100%);
	/* IE10+*/
	background:radial-gradient(ellipse at center,#eb6724 0%,#963b0e 100%);
	/* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb6724',endColorstr='#963b0e',GradientType=1 );
	/* IE6-9 fallback on horizontal gradient */
}
	.cloudweaver {
	background:#00799b;
	/* Old browsers */
	background:-moz-radial-gradient(center,ellipse cover,#00799b 0%,#004e64 100%);
	/* FF3.6+*/
	background:-webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,#00799b),color-stop(100%,#004e64));
	/* Chrome,Safari4+*/
	background:-webkit-radial-gradient(center,ellipse cover,#00799b 0%,#004e64 100%);
	/* Chrome10+,Safari5.1+*/
	background:-o-radial-gradient(center,ellipse cover,#00799b 0%,#004e64 100%);
	/* Opera 12+*/
	background:-ms-radial-gradient(center,ellipse cover,#00799b 0%,#004e64 100%);
	/* IE10+*/
	background:radial-gradient(ellipse at center,#00799b 0%,#004e64 100%);
	/* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00799b',endColorstr='#004e64',GradientType=1 );
	/* IE6-9 fallback on horizontal gradient */
}
.clo {
		background:#154e48;
	/* Old browsers */
	background:-moz-radial-gradient(center,ellipse cover,#154e48 0%,#101013 100%);
	/* FF3.6+*/
	background:-webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,#154e48),color-stop(100%,#101013));
	/* Chrome,Safari4+*/
	background:-webkit-radial-gradient(center,ellipse cover,#154e48 0%,#101013 100%);
	/* Chrome10+,Safari5.1+*/
	background:-o-radial-gradient(center,ellipse cover,#154e48 0%,#101013 100%);
	/* Opera 12+*/
	background:-ms-radial-gradient(center,ellipse cover,#154e48 0%,#101013 100%);
	/* IE10+*/
	background:radial-gradient(ellipse at center,#154e48 0%,#101013 100%);
	/* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#154e48',endColorstr='#101013',GradientType=1 );
	/* IE6-9 fallback on horizontal gradient */
}
.ponga {
		background:#71757e;
	/* Old browsers */
	background:-moz-radial-gradient(center,ellipse cover,#71757e 0%,#424953 100%);
	/* FF3.6+*/
	background:-webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,#71757e),color-stop(100%,#424953));
	/* Chrome,Safari4+*/
	background:-webkit-radial-gradient(center,ellipse cover,#71757e 0%,#424953 100%);
	/* Chrome10+,Safari5.1+*/
	background:-o-radial-gradient(center,ellipse cover,#71757e 0%,#424953 100%);
	/* Opera 12+*/
	background:-ms-radial-gradient(center,ellipse cover,#71757e 0%,#424953 100%);
	/* IE10+*/
	background:radial-gradient(ellipse at center,#71757e 0%,#424953 100%);
	/* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#71757e',endColorstr='#424953',GradientType=1 );
	/* IE6-9 fallback on horizontal gradient */
}
.switchcam, .koding {
	background:#fcc558;
	/* Old browsers */
	background:-moz-radial-gradient(center,ellipse cover,#fcc558 0%,#f6802e 100%);
	/* FF3.6+*/
	background:-webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,#fcc558),color-stop(100%,#f6802e));
	/* Chrome,Safari4+*/
	background:-webkit-radial-gradient(center,ellipse cover,#fcc558 0%,#f6802e 100%);
	/* Chrome10+,Safari5.1+*/
	background:-o-radial-gradient(center,ellipse cover,#fcc558 0%,#f6802e 100%);
	/* Opera 12+*/
	background:-ms-radial-gradient(center,ellipse cover,#fcc558 0%,#f6802e 100%);
	/* IE10+*/
	background:radial-gradient(ellipse at center,#fcc558 0%,#f6802e 100%);
	/* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcc558',endColorstr='#f6802e',GradientType=1 );
	/* IE6-9 fallback on horizontal gradient */
}

.mediatemple {
background: #3f4454; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #3f4454 0%, #20222b 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#3f4454), color-stop(100%,#20222b)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #3f4454 0%,#20222b 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #3f4454 0%,#20222b 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #3f4454 0%,#20222b 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  #3f4454 0%,#20222b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f4454', endColorstr='#20222b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	
}

.reinvigorate {
	background: #11b252; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #11b252 0%, #187a3e 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#11b252), color-stop(100%,#187a3e)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #11b252 0%,#187a3e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #11b252 0%,#187a3e 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #11b252 0%,#187a3e 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  #11b252 0%,#187a3e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#11b252', endColorstr='#187a3e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	
}


.rxvantage {
	background: #f66529; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #f66529 0%, #b03011 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#f66529), color-stop(100%,#b03011)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #f66529 0%,#b03011 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #f66529 0%,#b03011 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #f66529 0%,#b03011 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  #f66529 0%,#b03011 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f66529', endColorstr='#b03011',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	
	
}

body.royally .workmatrix.active {
	height: 3200px;
}

.worknavi em {
	display: none;
}

.worknavi .lefty, .worknavi  .righty {
	
	width: 70px;
}







.royalSlider {
position: absolute;
left: 0;
top: 0px;
right: 0;
bottom: 00px;
height: auto !important;
width: auto !important;
padding-top: 40px !important;
padding-bottom: 00px;

}

.anitem {
	height: 100% !important;
}

html, body {
	height: 100% !important; width: 100% !important;
}

.rsImg { margin-top: 0px;  }

.slideholder {
	width:100%;
height: 100%;	
	position: relative;
/*	max-width: 1160px;*/
margin: 0 !important;
}

.windowshadow {
	margin: 0 auto !important; 
}
.windowholder img {
	width:100%;
	height: auto;
}

.rsSlide {
	
}

.chromer {
	padding: 0 40px 0px;

}



.windowholder {
	overflow-x: auto;
	overflow-y: scroll !important;
}

.rsdefault {
	background-color: transparent;
}



.workname {
	position: absolute;
	left: 100px;
	top: 16px;
	font-size: 18px;
	font-weight: 300;
	color: #8f9ca5;
	display:none;
	
}
.workname strong {
	font-weight: 500;
	font-size: 22px;
	color: #3c4246;
}
.worknavi {
	height: 62px; border-top: 1px solid rgba(0,0,0,0.3); border-bottom: 1px solid rgba(0,0,0,0.1); position: relative; width: 100%; font-weight: 300; font-size: 16px; line-height: 60px; background: #f0f3f5; text-align: center;
}
.lefty {
	/* position: absolute; top: 0; left: 0;*/  height: 60px; width: 60px; display: block; font-size: 16px; font-weight: bold; float: left; width: 200px; font-weight: 300; color: #3c4246; text-align: left;
} 

.righty {
	 /* position: absolute; top: 0; right: 0;*/ height: 60px; width: 60px; display:block; font-size: 16px; font-weight: bold; float: right;width: 200px; font-weight: 300; text-align: right; color: #3c4246;

}


.leftarrow, .rightarrow { height: 60px; width: 60px; display: inline-block; font-size: 30px; font-weight: bold;
	  text-align: center; line-height: 60px; font-family: "lucida grande", helvetica, sans-serif;
	
}

.leftarrow {border-right: 1px solid rgba(0,0,0,0.15); margin-right: 15px; float: left;
	
}

.rightarrow {border-left: 1px solid rgba(0,0,0,0.15);   margin-left: 15px;  float: right;
	
}

.lefty.inactive {
	color: #b4bcc2 !important;
}

.worknavi em {
	font-style: normal;
	
}

body.royally .workmatrix {
	height: 0px; overflow: hidden;
	padding-bottom: 0px;
	transition:height .3s ease-in-out;
	 -o-transition:all .3s ease-in-out;
	 -moz-transition:all .3s ease-in-out;
	 -webkit-transition:all .3s ease-in-out ;
}











/* ========================================================================== Media Queries ========================================================================== */
@media only screen and (min-width:480px) {
	/* ==================== INTERMEDIATE:Menu ==================== */
	
	footer {
		font-size: 14px
	}
	.workname {
		position: absolute;
		left: 100px;
		top: 18px;
		font-size: 14px;
		font-weight: 300;
		color: #8f9ca5;
		display:block;
		
	}
	
	.workname span {
		display: none;
	}
	
	
	.workname strong {
		display: inline;
		font-size: 18px;
	}
	
	
	
	body.royally .workmatrix.active {
		height: 2700px;
	}
	
	.worknavi .lefty, .worknavi  .righty {
		
		width: 180px;
	}
	.worknavi em {
		display: inline-block;
	}

	
	nav ul {
			float:right;
			margin-right:25px;
	}
	nav a {
			/* margin:0;padding:25px 2%;margin-bottom:0;*/
	}
	nav li:first-child a {
			margin-left:0;
	}
	nav li:last-child a {
			margin-right:0;
	}
	.imgholder {
			width:48%;
			max-width:300px;
			min-width:160px;
			height:230px;
			float:left;
			margin:10px 1% 80px;
	}
	
	.imgholder.lg.wider {
	width:98%;
			max-width:600px;
			min-width:160px;
			display: block;
	}
	.aboutimage {
			width:100%;
	}
	.workmatrix {
			text-align:center;
			margin:0 auto;
			display:block;
			max-width: 600px;
			
			
	}
	
	
	.windowshadow { max-width: 400px;
	}
	.main .intro {
		font-size: 1.1em;
	}
	
	/* ======================== INTERMEDIATE:IE Fixes ======================== */
	nav ul li {
			/* display:inline;*/
	}
	.oldie nav a {
			margin:0 0.7%;
	}
/*	.title:after {
				content:"min 480";
	}*/
}
@media only screen and (min-width:600px) {
	

footer {
	font-size: 16px
}

.workname {
	position: absolute;
	left: 100px;
	top: 18px;
	font-size: 14px;
	font-weight: 300;
	color: #8f9ca5;
	display:block;
	
}



.workname span {
	display: none;
}
.workname strong {
	font-weight: 500;
	font-size: 22px;
	color: #3c4246;
}
	
	.chrome {
			display:block;
				background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0.157,#b6b7b6),to(#e6e7e6));
			background-image:-moz-linear-gradient(90deg,#b6b7b6 15.7%,#e6e7e6 100%);
			-webkit-border-top-left-radius:5px;
			-webkit-border-top-right-radius:5px;
			-moz-border-radius-topleft:5px;
			-moz-border-radius-topright:5px;
			border-top-left-radius:5px;
			border-top-right-radius:5px;
			-moz-box-shadow:0 1px 1px black,inset 0 1px 0 rgba(255,255,255,0.84);
			-webkit-box-shadow:0 1px 1px black,inset 0 1px 0 rgba(255,255,255,0.84);
			box-shadow:0 1px 1px black,inset 0 1px 0 rgba(255,255,255,0.84);
		/*	border:1px solid rgba(0,0,0,0.2);	border-top-color:#bebebe;	box-sizing:border-box;	border-bottom:0px solid transparent;*/
/*		padding:10px 8px;*/
/*			box-sizing:border-box;*/
box-sizing: content-box;
			text-align:left;
			border-bottom:1px solid rgba(0,0,0,0.40);
			
			height: 45px;
			overflow: hidden;
			padding: 0 !important;
	}
	.addressbar {
		color:#111;
		padding:1px;
		margin:10px 8px;
			background-image:-webkit-gradient(linear,left bottom,left top,from(#bcbdbc),to(#aeb0ae));
			background-image:-moz-linear-gradient(90deg,#bcbdbc 0%,#aeb0ae 100%);
				border-radius:3px;
			-moz-box-shadow:0 1px 0 rgba(255,255,255,0.57);
			-webkit-box-shadow:0 1px 0 rgba(255,255,255,0.57);
			box-shadow:0 1px 0 rgba(255,255,255,0.57);
	}
	.addressbar:hover {
			background-image:-webkit-gradient(linear,left bottom,left top,from(#84a4c1),to(#8bacc9));
			background-image:-moz-linear-gradient(90deg,#84a4c1 0%,#8bacc9 100%);
	}
				.address {
			background:#fff;
		border-radius:3px;
			-moz-box-shadow:inset 0 1px 1px #e4e5e4;
			-webkit-box-shadow:inset 0 1px 1px #e4e5e4;
			box-shadow:inset 0 1px 1px #e4e5e4;
			display:block;
		font-size:12px;
			font-family:Helvetica,sans-serif;
		line-height:16px;
		padding:3px;
				opacity
	}
		.address:hover {
			-moz-box-shadow:inset 0 0 1px #1e5787;
			-webkit-box-shadow:inset 0 0 1px #1e5787;
			box-shadow:inset 0 0 1px #1e5787;
	}
		.address:hover span {
			background:#b6d7fe;
	}
		.address img {
			vertical-align:middle;
		margin-right:5px;
		margin-left:5px;
		width: 16px;
		height: 16px;
	}.title:hover {
			background:#3c4246 url("../img/me.png");
			text-indent:-80px;
				 text-decoration:none;
			background-position:center center;
			background-size:130px 130px;
			background-repeat:no-repeat;
			width: 60px; height: 60px ;
	}
	nav ul {
			float:right;
	}
	.elsewhere {
			display:none;
			float:right;
			margin-top:15px;
			margin-right:25px;
	}
	.main h1 {
			font-size:3em;
	}


	.workmatrix {
			width:660px;
			max-width:630px;
			padding-bottom:60px;
	}
	.imgholder {
			max-width:600px;
			width:100%;
			margin-right:15px;
			margin-left:15px;
			margin-bottom:15px;
			margin-top:15px;
			height:300px;
			overflow:hidden;
	}
	.imgholder.lg {
			max-width:600px;
			width:100%;
	}
	

	.aboutimage {
			position:absolute;
			bottom:-300px;
			height:300px;
	}
	.imgholder:hover .aboutimage {
			bottom:0px;
	}
	a .aboutimage strong {
			color:#fff;
			font-weight:400;
	}
	.mt .aboutimage {
			background:rgba(32,35,45,0.9);
			color:#fff;
			font-weight:100;
			font-size:16px;
	}
	.chair .aboutimage {
			background:rgba(103,192,207,0.95);
			color:#fff;
			font-weight:100;
			font-size:16px;
	}
	.handg .aboutimage {
			background:rgba(68,188,238,0.97);
			color:#fff;
			font-weight:100;
			font-size:16px;
	}
	.koding .aboutimage {
			background:rgba(246,161,18,0.97);
			color:#fff;
			font-weight:100;
			font-size:16px;
	}
	.mtv .aboutimage {
			background:rgba(47,48,53,0.9);
			color:#fff;
			font-weight:100;
			font-size:16px;
	}
	.ponga .aboutimage {
			background:rgba(225,101,56,0.95);
			color:#fff;
			font-weight:100;
			font-size:16px;
	}
	.re .aboutimage {
			background:rgba(83,179,90,0.97);
			color:#fff;
			font-weight:100;
			font-size:16px;
	}
	.colorflow .aboutimage {
			background:rgba(156,75,141,0.97);
			color:#fff;
			font-weight:100;
			font-size:16px;
	}
	.switchcam .aboutimage {
			background:rgba(161,73,1,0.95);
			color:#fff;
			font-weight:100;
			font-size:16px;
	}
	.dsc .aboutimage {
			background:rgba(234,103,34,0.95);
			color:#fff;
			font-weight:100;
			font-size:16px;
	}
	.bm .aboutimage {
			/* IE9 SVG, needs conditional override of 'filter' to 'none' */
			background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjOGMyNzhiIiBzdG9wLW9wYWNpdHk9IjAuOSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTMxODM3IiBzdG9wLW9wYWNpdHk9IjAuOSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
			background: -moz-linear-gradient(45deg,  rgba(140,39,139,0.9) 0%, rgba(227,24,55,0.9) 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(140,39,139,0.9)), color-stop(100%,rgba(227,24,55,0.9))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(45deg,  rgba(140,39,139,0.9) 0%,rgba(227,24,55,0.9) 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(45deg,  rgba(140,39,139,0.9) 0%,rgba(227,24,55,0.9) 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(45deg,  rgba(140,39,139,0.9) 0%,rgba(227,24,55,0.9) 100%); /* IE10+ */
			background: linear-gradient(45deg,  rgba(140,39,139,0.9) 0%,rgba(227,24,55,0.9) 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e68c278b', endColorstr='#e6e31837',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
						color:#fff;
			font-weight:100;
			font-size:16px;
	}
	.lyatiss .aboutimage {
			background:rgba(0,136,190,0.95);
			color:#fff;
			font-weight:100;
			font-size:16px;
	}
	.rxv .aboutimage {
			background:rgba(179,38,23,0.95);
			color:#fff;
			font-weight:100;
			font-size:16px;
	}
	.freshdish .aboutimage {
			background:rgba(60,135,30,0.95);
			color:#fff;
			font-weight:100;
			font-size: 16px;
	}
	.aboutimage em {
			/*font-style:normal;color:rgba(255,255,255,0.7);text-transform:uppercase;font-size:14px;display:block;margin-bottom:20px;padding-bottom:20px;/*border-bottom:1px solid rgba(255,255,255,0.1);*!/*/
		font-size:.9em;
			color:rgba(255,255,255,0.7);
			font-weight:300;
			letter-spacing:1px;
	}
	.aboutimage strong {
			padding-top:130px;
			font-size:1.4em;
			font-weight:500;
			padding-bottom:5px;
	}
	.aboutimage span {
			/*	/*display:inline-block;*!/ margin-right:5px;margin-bottom:4px;background-color:rgba(0,0,0,0.2);padding:0px 8px;display:none;*/
	}
	
	.windowshadow { max-width: 400px;
	}
	/*.title:after {
			content: "min 600";
	}*/
}
@media only screen and (min-width:768px) {
	/* ==================== WIDE:CSS3 Effects ==================== */
	
	
	.workname {
		position: absolute;
		left: 100px;
		top: 18px;
		font-size: 18px;
		font-weight: 300;
		color: #8f9ca5;
		display:block;
		
	}
	
	.workname span {
		display:inline;
	}
	
	.header-container,.main aside {
	}
	nav a {
				font-size:1.2em;
				padding:19px 15px;
				margin: 0;
	}
	/* ============ WIDE:Menu ============ */
	.title {
			/* float:left;*/
	}
	nav {
			/* float:right;width: 38%;*/
	}
	/* ============ WIDE:Main ============ */
	.main header {
			padding:50px 0 120px;
	}
	.main h1 {
			 font-size:4.5em;
	}
	.main .intro {
			font-size:1.4em;
			max-width:600px;
	}
	
	.windowshadow { max-width: 550px;
	}
/*	.title:after {
			content: "min 768";
	}*/
}
@media only screen and (min-width:960px) {
	/* =============== Maximal Width =============== */
	
	.imgholder.lg.wider  {
			max-width:930px;
			width:100%;
	}
	.workmatrix {
				max-width:960px;
				width:100%;
	}
	
	body.royally .workmatrix.active {
		height: 1800px;
	}
	
/* WORK PAGE ITEMS*/
	
	
	.workpage .main {
		padding-top: 0px !important;  position: relative;
	}
	.workpage .workitems {
/*			position:relative;*/
	}
	
	.workpage header {
		width: 100%;
	}
	
	
	
	.lcol {
		position:absolute;
		left:0px;
		top:100px;
		width:200px;
		z-index:9999;
		text-align:left;
		display: block;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		height: auto;
/*		border-right: 1px solid rgba(255,255,255,0.3);*/
	}
	
	
	
	.lcol.fixed { position: fixed;
/*	height: 100% !important;*/
		
	}
		.lcol a {
			color:#fff;
		display:block;
	}
	
		.anitem {
		
		overflow:hidden;
		padding:40px 0px 40px 200px;
	}
	
	
	.royalSlider {
	}
					.address img {
			width:16px !important;
		vertical-align:middle;
		display:inline !important;
	}
		.innerslide {
			padding:0 8%;
		margin: 0 auto;
	}
			.windowshadow {
/*			 margin:0px auto 30px 0 !important;*/
		border-radius:5px;
				-moz-box-shadow:0 0 1px rgba(0,0,0,0.65),0 10px 15px rgba(0,0,0,0.51);
			-webkit-box-shadow:0 0 1px rgba(0,0,0,0.65),0 10px 15px rgba(0,0,0,0.51);
			box-shadow:0 0 1px rgba(0,0,0,0.65),0 10px 15px rgba(0,0,0,0.51);
			box-sizing:border-box;
					/*border:1px solid rgba(0,0,0,0.5);*/
/*		height:500px;*/
	
	height: auto;
	
		max-width: 750px;
		
		
				overflow:hidden;
	}
	
	
	
			.flexslider {
			margin:0 0 20px;
		height:550px;
	}
				.flex-viewport {
			padding-bottom: 20px;
	}
		.windowholder {
			display:block;
		-webkit-border-bottom-right-radius:5px;
			-webkit-border-bottom-left-radius:5px;
			-moz-border-radius-bottomright:5px;
			-moz-border-radius-bottomleft:5px;
			border-bottom-right-radius:5px;
			border-bottom-left-radius:5px;
				margin-bottom:0px;
		padding-bottom:0px;
			overflow:scroll;
/*		height:454px;*/
	}
.windowholder img {
			display:block;
		-webkit-border-bottom-right-radius:5px;
			-webkit-border-bottom-left-radius:5px;
			-moz-border-radius-bottomright:5px;
			-moz-border-radius-bottomleft:5px;
			border-bottom-right-radius:5px;
			border-bottom-left-radius:5px;
				margin-bottom:0px;
		padding-bottom:0px;
			height:auto;
	}

		.chrome {
			display:block;
				background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0.157,#b6b7b6),to(#e6e7e6));
			background-image:-moz-linear-gradient(90deg,#b6b7b6 15.7%,#e6e7e6 100%);
			-webkit-border-top-left-radius:5px;
			-webkit-border-top-right-radius:5px;
			-moz-border-radius-topleft:5px;
			-moz-border-radius-topright:5px;
			border-top-left-radius:5px;
			border-top-right-radius:5px;
			-moz-box-shadow:0 1px 1px black,inset 0 1px 0 rgba(255,255,255,0.84);
			-webkit-box-shadow:0 1px 1px black,inset 0 1px 0 rgba(255,255,255,0.84);
			box-shadow:0 1px 1px black,inset 0 1px 0 rgba(255,255,255,0.84);
		/*	border:1px solid rgba(0,0,0,0.2);	border-top-color:#bebebe;	box-sizing:border-box;	border-bottom:0px solid transparent;*/
		padding:10px 8px;
/*			box-sizing:border-box;*/
			text-align:left;
			border-bottom:1px solid rgba(0,0,0,0.40);
	}
	.addressbar {
		color:#111;
		padding:1px;
			background-image:-webkit-gradient(linear,left bottom,left top,from(#bcbdbc),to(#aeb0ae));
			background-image:-moz-linear-gradient(90deg,#bcbdbc 0%,#aeb0ae 100%);
				border-radius:3px;
			-moz-box-shadow:0 1px 0 rgba(255,255,255,0.57);
			-webkit-box-shadow:0 1px 0 rgba(255,255,255,0.57);
			box-shadow:0 1px 0 rgba(255,255,255,0.57);
	}
	.addressbar:hover {
			background-image:-webkit-gradient(linear,left bottom,left top,from(#84a4c1),to(#8bacc9));
			background-image:-moz-linear-gradient(90deg,#84a4c1 0%,#8bacc9 100%);
	}
				.address {
			background:#fff;
		border-radius:3px;
			-moz-box-shadow:inset 0 1px 1px #e4e5e4;
			-webkit-box-shadow:inset 0 1px 1px #e4e5e4;
			box-shadow:inset 0 1px 1px #e4e5e4;
			display:block;
		font-size:12px;
			font-family:Helvetica,sans-serif;
		line-height:16px;
		padding:3px;
				opacity
	}
		.address:hover {
			-moz-box-shadow:inset 0 0 1px #1e5787;
			-webkit-box-shadow:inset 0 0 1px #1e5787;
			box-shadow:inset 0 0 1px #1e5787;
	}
		.address:hover span {
			background:#b6d7fe;
	}
		.address img {
			vertical-align:middle;
		margin-right:5px;
		margin-left:5px;
		width: 16px;
		height: 16px;
	}
	
	
								.imgholder {
			/* margin-right:1px;margin-top:0px;*/ width:300px;
	}
	.imgholder.lg {
				width: 600px;
	}
	.inner {
				margin:0 auto;
			/* 	width:960px;*/
		position:relative;
	}
	.inner h2 {
	}
	header {
				width:960px;
			margin:0 auto;
	}
	/* .meimage{background:transparent url("../img/me.png");background-size:130px 130px;width:130px;height:130px;position:absolute;top:130px;left:0px;border-radius:130px;border:2px solid #fff;margin:0 auto 30px;}.about .inner p{margin-left: 200px;}*/
/*	.title:after {
			content: "min 910";
	}*/
}
@media only screen and (min-width:1026px) {
	.wrapper {
			/*width:1026px;*/ /* 1140px - 10% for margins */
		margin:0 auto;
			/* background:#fff;*/
		/*-moz-box-shadow:0 0 60px rgba(0,0,0,0.06);
			 -webkit-box-shadow:0 0 60px rgba(0,0,0,0.06);
			 box-shadow:0 0 60px rgba(0,0,0,0.06);*/
	}
	/*header{width:950px;margin: 0 auto;}*/
	body {
			/* 	background:url(../img/shattered.png);*/
	}
	.title {
				margin-left:15px;
	}
/*	.title:after {
				content: "min 1026";

	}*/

.windowshadow { max-width: 850px;
}

}



@media only screen and (min-width:1360px) {
.windowshadow { max-width: 1160px;
}

.mediatemple .windowshadow, .reinvigorate .windowshadow  {
	max-width: 1000px;
}
.royalSlider {
	padding-left: 0px;
}
}
/* ========================================================================== Helper classes ========================================================================== */
.ir {
	background-color:transparent;
	border:0;
	overflow:hidden;
	*text-indent:-8f9ca59px;
}
.ir:before {
	content:"";
	display:block;
	width:0;
	height:150%;
}
.hidden {
	display:none !important;
	visibility:hidden;
}
.visuallyhidden {
	border:0;
	clip:rect(0 0 0 0);
	height:1px;
	margin:-1px;
	overflow:hidden;
	padding:0;
	position:absolute;
	width:1px;
}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {
	clip:auto;
	height:auto;
	margin:0;
	overflow:visible;
	position:static;
	width:auto;
}
.invisible {
	visibility:hidden;
}
.clearfix:before,.clearfix:after {
	content:" ";
	display:table;
}
.clearfix:after {
	clear:both;
}
.clearfix {
	*zoom: 1;
}



@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) {
	/* 2x =================================================== */
	
	.ip5 {
		background: transparent url('../images/ip5@2x.png') no-repeat left top;
				background-size: 384px 824px;
				padding-top: 139px;
		
	}
	
	.ip5:before {
	
		background: transparent url('../images/ip-glare@2x.png') no-repeat right top;
		background-size: 208px 587px;
		pointer-events:none;
	}
	.ipimg {
		margin: 0 0 0 33px; width: 320px; height: 556px;
	}
	
	.meimage {
			background-image:url("../img/me@2x.png");
	}
	.imgholder.mt {
				background:#f5f5f5 url('../img/tn-mt@2x.png') no-repeat left top;
	}
	.imgholder.mtv {
				background:#f5f5f5 url('../img/tn-mtv@2x.png') no-repeat left top;
	}
	.imgholder.ponga {
				background:#f5f5f5 url('../img/ponga-home@2x.jpg') no-repeat left top;
	}
	.imgholder.colorflow {
				background:#f5f5f5 url('../img/tn-colorflow@2x.png') no-repeat left top;
	}
	.imgholder.handg {
				background:#f5f5f5 url('../img/tn-handg@2x.png') no-repeat left top;
	}
	.imgholder.re {
				background:#f5f5f5 url('../img/tn-re@2x.png') no-repeat left top;
	}
	.imgholder.chair {
				background:#f5f5f5 url('../img/tn-chair@2x.png') no-repeat left top;
	}
	.imgholder.koding {
				background:#f5f5f5 url('../img/tn-koding@2x.png') no-repeat left top;
	}
	.imgholder.dsc {
			background:#f5f5f5 url('../img/dsc-home@2x.jpg') no-repeat left top;
	}
	.imgholder.bm {
			background:#f5f5f5 url('../img/bm-home@2x.png') no-repeat center center; 
	}
	.imgholder.switchcam {
			background:#f5f5f5 url('../img/switchcam-home@2x.jpg') no-repeat left top;
	}
	.imgholder.freshdish {
			background:#f5f5f5 url('../img/freshdish-home@2x.jpg') no-repeat left top;
	}
	.imgholder.lyatiss {
			background:#f5f5f5 url('../img/lyatiss-home@2x.jpg') no-repeat left top;
	}
	.imgholder.rxv {
			background:#f5f5f5 url('../img/rxvhome@2x.jpg') no-repeat left top;
	}
	.imgholder {
			background-size:auto 300px !important;
	}
	.imgholder.lg {
			background-size: auto 300px !important;
	}
}
/* ========================================================================== Print styles ========================================================================== */
@media print {
	* {
			background:transparent !important;
			color:#3c4246 !important;
			/* Black prints faster:h5bp.com/s */
		box-shadow:none !important;
			text-shadow:none !important;
	}
	a,a:visited {
			text-decoration:none;
	}
	a[href]:after {
			content:" (" attr(href) ")";
	}
	abbr[title]:after {
			content: " (" attr(title) ")";
	}
	/* * Don't show links for images,or javascript/internal links */
	.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after {
			content:"";
	}
	pre,blockquote {
			border:1px solid #8f9ca5;
			page-break-inside:avoid;
	}
	thead {
			display:table-header-group;
			/* h5bp.com/t */
	}
	tr,img {
			page-break-inside:avoid;
	}
	img {
			max-width:100% !important;
	}
	@page {
			margin:0.5cm;
	}
	p,h2,h3 {
			orphans:3;
			widows:3;
	}
	h2,h3 {
			page-break-after:avoid;
	}
}
.animated {
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:1.5s;
	-moz-animation-duration:1.5s;
	-ms-animation-duration:1.5s;
	-o-animation-duration:1.5s;
	animation-duration:1.5s;
}

.animated-b {
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:.5s;
	-moz-animation-duration:.5s;
	-ms-animation-duration:.5s;
	-o-animation-duration:.5s;
	animation-duration:.5s;
}
.animated-bounce {
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	-ms-animation-duration:1s;
	-o-animation-duration:1s;
	animation-duration:1s;
}
.animated.hinge {
	-webkit-animation-duration:2s;
	-moz-animation-duration:2s;
	-ms-animation-duration:2s;
	-o-animation-duration:2s;
	animation-duration:2s;
}
@-webkit-keyframes fadeInUp {
	0% {
				opacity:0;
				-webkit-transform:translateY(80px);
	}
		100% {
				opacity:1;
				-webkit-transform:translateY(0);
	}
}
@-moz-keyframes fadeInUp {
	0% {
				opacity:0;
				-moz-transform:translateY(80px);
	}
		100% {
				opacity:1;
				-moz-transform:translateY(0);
	}
}
@-o-keyframes fadeInUp {
	0% {
				opacity:0;
				-o-transform:translateY(80px);
	}
		100% {
				opacity:1;
				-o-transform:translateY(0);
	}
}
@keyframes fadeInUp {
	0% {
				opacity:0;
				transform:translateY(80px);
	}
		100% {
				opacity:1;
				transform:translateY(0);
	}
}
.fadeInUp {
	-webkit-animation-name:fadeInUp;
	-moz-animation-name:fadeInUp;
	-o-animation-name:fadeInUp;
	animation-name:fadeInUp;
}
@-webkit-keyframes fadeOutDown {
	0% {
				opacity:1;
				-webkit-transform:translateY(0);
	}
		100% {
				opacity:0;
				-webkit-transform:translateY(20px);
	}
}
@-moz-keyframes fadeOutDown {
	0% {
				opacity:1;
				-moz-transform:translateY(0);
	}
		100% {
				opacity:0;
				-moz-transform:translateY(20px);
	}
}
@-o-keyframes fadeOutDown {
	0% {
				opacity:1;
				-o-transform:translateY(0);
	}
		100% {
				opacity:0;
				-o-transform:translateY(20px);
	}
}
@keyframes fadeOutDown {
	0% {
				opacity:1;
				transform:translateY(0);
	}
		100% {
				opacity:0;
				transform:translateY(20px);
	}
}
.fadeOutDown {
	-webkit-animation-name:fadeOutDown;
	-moz-animation-name:fadeOutDown;
	-o-animation-name:fadeOutDown;
	animation-name:fadeOutDown;
}
@-webkit-keyframes fadeInDownBig {
	0% {
				opacity:0;
				-webkit-transform:translateY(-2000px);
	}
		100% {
				opacity:1;
				-webkit-transform:translateY(0);
	}
}
@-moz-keyframes fadeInDownBig {
	0% {
				opacity:0;
				-moz-transform:translateY(-2000px);
	}
		100% {
				opacity:1;
				-moz-transform:translateY(0);
	}
}
@-o-keyframes fadeInDownBig {
	0% {
				opacity:0;
				-o-transform:translateY(-2000px);
	}
		100% {
				opacity:1;
				-o-transform:translateY(0);
	}
}
@keyframes fadeInDownBig {
	0% {
				opacity:0;
				transform:translateY(-2000px);
	}
		100% {
				opacity:1;
				transform:translateY(0);
	}
}
.fadeInDownBig {
	-webkit-animation-name:fadeInDownBig;
	-moz-animation-name:fadeInDownBig;
	-o-animation-name:fadeInDownBig;
	animation-name:fadeInDownBig;
}
@-webkit-keyframes bounceInDown {
	0% {
				opacity:0;
				-webkit-transform:translateY(-99px);
	}
		80% {
				opacity:1;
				-webkit-transform:translateY(4px);
	}
		90% {
				-webkit-transform:translateY(0px);
	}
		100% {
				-webkit-transform:translateY(0);
	}
}
@-moz-keyframes bounceInDown {
	0% {
				opacity:0;
				-moz-transform:translateY(-99px);
	}
		60% {
				opacity:1;
				-moz-transform:translateY(4px);
	}
		80% {
				-moz-transform:translateY(0px);
	}
		100% {
				-moz-transform:translateY(0);
	}
}
@-o-keyframes bounceInDown {
	0% {
				opacity:0;
				-o-transform:translateY(-99px);
	}
		60% {
				opacity:1;
				-o-transform:translateY(4px);
	}
		80% {
				-o-transform:translateY(0px);
	}
		100% {
				-o-transform:translateY(0);
	}
}
@keyframes bounceInDown {
	0% {
				opacity:0;
				transform:translateY(-99px);
	}
		60% {
				opacity:1;
				transform:translateY(4px);
	}
		80% {
				transform:translateY(0px);
	}
		100% {
				transform: translateY(0);
	}
}

@-webkit-keyframes bounceOutDown {
	0% {
		-webkit-transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		-webkit-transform: translateY(-20px);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
	}
}

@-moz-keyframes bounceOutDown {
	0% {
		-moz-transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		-moz-transform: translateY(-20px);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateY(2000px);
	}
}

@-o-keyframes bounceOutDown {
	0% {
		-o-transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		-o-transform: translateY(-20px);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateY(2000px);
	}
}

@keyframes bounceOutDown {
	0% {
		transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		transform: translateY(-20px);
	}
	
	100% {
		opacity: 0;
		transform: translateY(2000px);
	}
}

.bounceOutDown {
	-webkit-animation-name: bounceOutDown;
	-moz-animation-name: bounceOutDown;
	-o-animation-name: bounceOutDown;
	animation-name: bounceOutDown;
}

.bounceInDown {
	animation-delay:0s;
	-moz-animation-delay:0s;
	/* Firefox */
	-webkit-animation-delay:0s;
	/* Safari and Chrome */
	-o-animation-delay:0s;
	/* Opera */
	-webkit-animation-name:bounceInDown;
	-moz-animation-name:bounceInDown;
	-o-animation-name:bounceInDown;
	animation-name:bounceInDown;
}
@media all and (device-width:768px) and (device-height:1024px) and (orientation:portrait) {
	
	.slideholder {
		max-height: 804px !important;
	}
	.chromer {
		padding: 0px;
	}
	.windowholder {
		max-height: 635px;
		
	}
	
	.royalSlider {
		bottom: 00px !important;
		height: auto !important;
		width: auto !important;
		padding-top: 40px !important;
		padding-bottom: 0px !important;
	} 
	.imgholder {
			overflow:visible;
			box-sizing:border-box;
			-moz-box-sizing:border-box;
				-webkit-tap-highlight-color:rgba(255,255,255,0.2);
	}
	
	.windowshadow {
		max-width: 680px;
	}
	.aboutimage,.imgholder:hover .aboutimage {
			position:absolute;
			bottom:-60px;
			height:60px;
			display:block;
			text-align:center;
			width:100%;
			background-color:transparent !important;
			background:#fff !important;
			box-sizing:border-box;
			-moz-box-sizing:border-box;
			padding:17px 15px 15px;
			border:1px solid rgba(0,0,0,0.1);
			border-top:0px;
	}
	.aboutimage span {
				display:none;
	}
	a .aboutimage strong {
			display:block;
			line-height:.5em;
			padding-top:0px;
			font-weight:500;
			color:#3c4246;
			font-size:1em;
			padding-bottom:0px;
	}
	.aboutimage em {
				font-size:.75em;
			font-style:normal;
			color:#999;
			font-weight:300;
			line-height:1em;
	}
	.imgholder,.imgholder.lg {
			width:339px;
			max-width:339px;
			height:250px;
			float:left;
			margin:10px 15px 80px;
	}
	.aboutimage {
			width:100%;
	}
	.workmatrix {
			text-align:center;
			margin:0 auto;
			display:block;
			width:738px;
			max-width:738px;
	}
	.title:hover {
			background:#3c4246 none no-repeat left top !important;
			text-indent:0;
	}
	.title {
			margin-left: 20px;
	}
	
	.workname span {
		font-size: 14px;
	}
}
/*@media all and (device-width:1024px) and (device-height:768px) and (orientation:landscape){*/
@media all and (device-width:768px) and (device-height:1024px) and (orientation:landscape) {
	
	.royalSlider {
		bottom: 00px !important;
		height: auto !important;
		width: auto !important;
		padding-top: 30px !important;
		padding-bottom: 0px !important;
	} 
	
	.chromer {
		padding-bottom: 30px;
	}
	.title:hover {
			background:#3c4246 none no-repeat left top !important;
			text-indent:0;
	}
	
	.windowshadow {
		max-width: 700px !important;
				height: 586px !important;
		
	}
	
	.slideholder {
		max-height: 550px !important;
	}
	
	.windowholder {
		max-height: 546px;
		
	}
	.imgholder {
			overflow:visible;
			box-sizing:border-box;
			-moz-box-sizing:border-box;
			-webkit-tap-highlight-color:rgba(255,255,255,0.2);
	}
	.aboutimage, .imgholder:hover .aboutimage {
			position:absolute;
			bottom:-60px;
			height:60px;
			display:block;
			text-align:center;
			width:100%;
			background-color:transparent !important;
			background:#fff !important;
			box-sizing:border-box;
			-moz-box-sizing:border-box;
			padding:17px 15px 15px;
			border:1px solid rgba(0,0,0,0.1);
			border-top:0px;
	}
	.aboutimage span {
				display:none;
	}
	a .aboutimage strong {
			display:block;
			line-height:.5em;
			padding-top:0px;
			font-weight:500;
			color:#3c4246;
			font-size:1em;
			padding-bottom:0px;
	}
	.aboutimage em {
				font-size:.75em;
			font-style:normal;
			color:#999;
			font-weight:300;
			line-height:1em;
	}
	.imgholder,.imgholder.lg {
			width:334px;
			max-width:334px;
			height:250px;
			float:left;
			margin:10px 15px 80px;
	}
	.imgholder.lg {
			width:600px;
			max-width:600px;
	}
	.aboutimage {
			width:100%;
	}
	.workmatrix {
			text-align:center;
			margin:0 auto;
			display:block;
			width:994px;
			max-width:994px;
			padding:0;
	}
	.title {
			margin-left: 20px;
	}
}
/* iPhone [portrait+landscape] */

@media only screen and (device-width:320px) and (orientation:landscape)  { 



.royalslider {
	height: 500px !important;
}

.slideholder {
	height: 500px;
}

}

@media only screen and (max-device-width:480px) {
	.title {
			color:white;
			width:44px;
			height:44px;
			background:#3c4246;
			text-align:center;
			padding-top:7px;
			box-sizing:border-box;
			-moz-box-sizing:border-box;
			float:left;
			overflow:hidden;
			background-position:center center;
			font-weight:500;
			text-decoration:none;
			background-size:1px 1px;
			background-repeat:no-repeat;
	}
	.header-container,.header-container.fixed {
				height:44px;
	}
	nav a {
				padding-top:10px;
			height:44px;
	}
	nav a:hover,nav a:focus {
				background-color:#ff9200;
	}
	.main {
				padding-top:75px !important;
	}
	.main header {
			padding-bottom: 50px;
	}
	
	.windowholder {
		min-height: 200px;
	}
}