/* © copyright Intouch Interactive Marketing - Carl-Heinz Benseler :: the css gods will strike down on tables with great vengence! */
html, body, div, h1, h2, h3, h4, h5, h6, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, input, figure, hr{margin:0; padding:0; font-size:100%; outline:none} 
h1,h2,h3,h4,h5,h6{font-weight:normal; font-size:100%; line-height:100%; font-family:'OpenSans-Light', Arial, sans-serif}
input[type="submit"]{cursor:pointer}img{border:none}ul,ol{padding:0 0 0 30px; margin:0; text-align:left}

a {color:#000; cursor:pointer; outline:none;}
a:link,  a:visited {color:#000; cursor:pointer;}
a:hover, a:active {color:#ccc; cursor:pointer;}

body{font-family:"Font-Regular", Arial, Helvetica, sans-serif; font-size:14px; color:#000; position:relative; background:#fff;}

input, select, textarea, button{font-family:"Font-Regular", sans-serif; font-size:100%; resize:none; color:#666; -webkit-appearance: none; border:none; line-height:20px; padding:10px 20px}
a,input,button,input,i{transition:all 0.3s ease}button{cursor:pointer}

hr{width:60%; height:2px; border:none; margin:20px 20%; background:#fff; box-shadow:0 0 5px rgba( 0,0,0,0.2)}
strong{font-family:"Font-Bold", sans-serif; font-weight:normal}
img{width:100%; display:block; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.lazy{background:url(../images/loader.gif) no-repeat center}
.hide{display:none}
.invisible{visibility:hidden}

.select-style{line-height:18px; padding:10px 0; display:inline-block; /*overflow:hidden;*/ color:#000; position:relative; background:#fff; float:left}
	.select-style:after{width:40px; height:40px; line-height:40px; content:'e'; color:#000; text-align:center; position:absolute; z-index:0; top:0; right:0;}
	.select-style select{height:20px; padding:0 25% 0 5%; color:#000; position:relative; z-index:1; border:none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
	.select-style select:focus{outline: none;}
	.select-style option{height:20px; padding:0 5px;}
	
.checkbox-custom, .radio-custom {opacity:0; position:absolute;}
	.checkbox-custom, .checkbox-custom-label, .radio-custom, .radio-custom-label {display:inline-block; vertical-align:middle; cursor:pointer;}
	.checkbox-custom-label, .radio-custom-label {position:relative;}
	.checkbox-custom + .checkbox-custom-label:before, .radio-custom + .radio-custom-label:before {font-size:15px; content:'j'; float:left; width:15px; height:15px; margin-right:10px; text-align:center;}
	.checkbox-custom:checked + .checkbox-custom-label:before {background:rebeccapurple;}
	.radio-custom + .radio-custom-label:before {border-radius:50%;}
	.radio-custom:checked + .radio-custom-label:before {content:'i';}

.table{width:100%; height:100%; display:table;}
	.table > div,.table > ul{width:100%; height:100%; display:table-cell; vertical-align:middle;}

a.btn{width:80px; height:60px; padding:20px 10px; margin-right:10px; display:inline-block; text-align:center; line-height:100%; text-transform:uppercase; text-decoration:none}
a.btn i{display:block; font-size:214%; line-height:30px; text-transform:none}
a.btn span{font-size:85%; margin-top:5px; display:block;}
a.orange{background:#ff6600; color:#fff}
a.black{background:#000; color:#fff}
a.white{background:#fff; color:#000}

.prepend-anchor{ width:0; height:0; position:absolute; top:0; left:0;}

#nav{height:100%; position:fixed; top:0; right:0; z-index:2; transition:all 0.3s ease}
	#nav > div{width:40px; padding:0 0; height:100%; display:table; transition:all 0.3s ease;}
	#nav > div:hover{width:200px;}
	#nav nav{height:100%; display:table-cell; vertical-align:middle;}
	#nav a{display:block; text-decoration:none; font-family:"Font-Bold", sans-serif; text-align:right; white-space:nowrap; margin:10px 0; font-size:150%;}
		.nav-image{width:auto; display:inline-block; margin:20px 15px}
		#nav a span{width:0; line-height:60px; display:inline-block; vertical-align:top; overflow:hidden; transition:all 0.3s ease; text-transform:uppercase; }
			#nav:hover a span{width:190px;}
			#nav a span div{color:#000; background:none; display:inline-block; padding:0 20px;}
		#nav a i{width:50px; line-height:60px; height:60px; font-size:150%; display:inline-block; vertical-align:top; text-align:center; background:rgba(0,0,0,1); color:#fff; position:relative}
			#nav a:hover i{margin-left:20px}
			#nav a:hover span{font-family:"Font-Bold", sans-serif;}
			#nav a:hover i,#nav a.active i,#nav a:hover span,#nav a.active span{background:none; color:#000}
		
	#nav.change a span div{color:#fff; background:rgba(0,0,0,0.8);}
	#nav.change a i{background:rgba(255,255,255,1); color:#000;}
	#nav.change a:hover i,#nav.change a.active i,#nav.change a:hover span,#nav.change a.active span{background:none; color:#fff}

/*Fixed Support Button*/
.intouch-support-rotate {background: #ff6600; position: fixed; font-weight: 600; top: 20%; left: -25px; padding: 10px; z-index: 2; font-size: 16px;
	/* Safari */
	-webkit-transform: rotate(-90deg);
	/* Firefox */
	-moz-transform: rotate(-90deg);
	/* IE */
	-ms-transform: rotate(-90deg);
	/* Opera */
	-o-transform: rotate(-90deg);
	/* Internet Explorer */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.intouch-support-rotate:focus, .intouch-support-rotate:hover {background: #000;}
.intouch-support-rotate a {text-decoration: none; color: #fff;}

#ticker{width:100%; height:50px; position:fixed; bottom:0; left:0; right:0; background:rgba(0,0,0,0.8); z-index:2;}
	#ticker > a{position:absolute; top:0; background:#fff; text-align:center; z-index:1;}
	#ticker > a i{width:50px; line-height:50px; font-size:25px; }
		#ticker a.news-link{left:0;}
		.slider-ticker-next{right:0}
		.slider-ticker-prev{right:50px}
	#ticker .slider-ticker{position: absolute; right:100px; left:50px; z-index:0; overflow:hidden}
		.slider-ticker .item{width:100%; white-space:nowrap}
		.slider-ticker .item > div{padding:15px 20px; color:#fff; font-size:140%; text-shadow:1px 1px 1px #000}
		.slider-ticker .item span{font-size:80%;}
		.slider-ticker .item h2{display:inline-block; font-family:"Font-Bold", sans-serif; text-transform:uppercase;}
		.slider-ticker .item h2 a{color:#ff9900;}
		.slider-ticker .item p{display:inline-block}
		.slider-ticker .item .url a{color:#fff}
		.slider-ticker .item .url a:hover{color:#ff6600}
		.slider-ticker .item .desc{font-size:80%;}
		.slider-ticker .item .desc a{position:absolute; right:0; background:#000; padding:0 20px;}

#fullpage{z-index:1;}
	.section{position:relative; box-shadow:0 0 50px rgba(0,0,0,0.5)}
	.section .background,.section .background-blur{width:100%; height:100%; background-position:center; background-size:cover; position:absolute; top:0; left:0; z-index:0}
	
	h2.heading{font-family:"Font-Light", sans-serif; text-transform:uppercase; font-size:500%}
	
	/*Home*/
	#section0{padding:0 5%;}
		#section0 .fp-tableCell{vertical-align:bottom}
		#section0 .background-wrapper{width:100%; height:100%; position:absolute; top:0; left:0; overflow:hidden}
		#section0 .background{background-image:url(../images/background1.jpg); 
			-moz-animation-duration: 6s; 
			-webkit-animation-duration: 6s; 
			animation-duration: 6s;}
		#section0 .background-blur{background-image:url(../images/background-blur.png); z-index:1 !important; 
			-moz-animation-delay: 3s; 
			-webkit-animation-delay: 3s; 
			animation-delay: 3s; 
			-moz-animation-duration: 6s; 
			-webkit-animation-duration: 6s; 
			animation-duration: 6s;}
		
			.logo{width:30%; white-space:nowrap; margin-bottom:8%; display:block; position:relative; z-index:2}
			.logo img{display:inline-block; padding:0; vertical-align:top}
				.logo img.type{width:29.729%; margin-right:3.603%}
				.logo img.text{width:66.666%}
			.logo p{width:150%; font-size:360%; margin:30px 0 0 33.332%;  clear:both; text-transform:uppercase; font-family:"Font-Light", sans-serif; color:#fff; white-space: normal;}
			.logo p strong{color:#ff6600}
	
		.highlight{}
			.highlight span {background-color:rgba(0,0,0,0.5); color: #fff; display:inline; padding:5px 10px; box-decoration-break:clone;}
		
	
	/*What-We-Do*/
	#section1{}
		#section1 .fp-tableCell{vertical-align:bottom}
		#section1 .background{background-image:url(../images/background2.png);}
		#section1 h2.heading{width:100%; line-height:100%; position:absolute; top:7%; left:0; color:#fff; z-index:1; text-align:center}
		#section1 .body{max-height:60%;/*max-height:50%;*/ color:#fff; margin:0 5% 0 25%; padding:5%; background:rgba(0,0,0,0.5); position:relative}
			#section1 h3{color:#ff9900; font-size:220%; font-family:"Font-Bold", sans-serif; text-transform:uppercase; padding:5px;}
			#section1 h4{font-family:"Font-Bold", sans-serif; line-height:25px; padding:5px;}
			#section1 p{line-height:25px; padding:5px;}
		#section1 .links{width:100%; text-align:right; position:absolute; top:90%; right:0; 
		-moz-animation-duration: 0.2s; 
		-webkit-animation-duration: 0.2s; 
		-ms-animation-duration: 0.2s; 
		animation-duration: 0.2s;}
		#section1 .links a.btn{display:inline-block; margin:0 0 0 10px;}
		
		.what-we-do{width:80%; margin:auto; position:relative; z-index:1;}
		
		.slider-ipad{width:64.6%; height:75.8%; position:absolute; top:7.8%; left:17.7%; z-index:1; overflow:hidden;}
			.slider-ipad .item{width:100%; height:100%; background: url(../images/background1.jpg) center; background-size:cover}
			.what-we-do > i{width:50px; line-height:50px; text-align:center; font-size:150%; background:#000; color:#fff; position:absolute; bottom:50%; z-index:2; cursor:pointer; border-radius:50%}
			.slider-ipad .gesture{width:13.253%; position:absolute; top:1.136%; right:0.803%; z-index:1}
			.slider-ipad-next{right:5%; margin:-25px -25px 0 0}
			.slider-ipad-prev{left:5%; margin:-25px 0 0 -25px}
		.slider-ipad-nav{width:20%; position:absolute; top:0; left:0; z-index:2;}
			.slider-ipad-nav .button{background:rgba(0,0,0,0.5); padding:5px 10px; margin:5px 0; color:#fff; text-transform:uppercase; display:block; }
			.slider-ipad-nav .button.is-selected{color:#000; background:#FFF;}
		
		.what-we-do .ipad{width:78.8%; margin:auto; padding-bottom:6.8%; position:relative; z-index:0}
		.what-we-do .hand{width:18%; position:absolute; bottom:0; z-index:1;}
		.what-we-do .left{left:0.6%;}
		.what-we-do .right{right:0.6%; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH";}

		.play-btn {position: absolute; left: 50%; top: 50%; width: 68px; height: 48px; margin-left: -34px; margin-top: -24px; -moz-transition: opacity .25s cubic-bezier(0.0,0.0,0.2,1); -webkit-transition: opacity .25s cubic-bezier(0.0,0.0,0.2,1); transition: opacity .25s cubic-bezier(0.0,0.0,0.2,1);}
		.what-we-do-video img {/*margin: -5% 0;*/}

		.what-we-do-heading {margin-top: -5%;}

	
	
	/*Who-We-Are*/
	#section2{}
		#section2 .fp-tableCell{vertical-align:bottom}
		#section2 .background{background-image:url(../images/background3.png);}
		#section2 h2.heading{width:100%; line-height:100%; position:absolute; top:7%; left:0; color:#fff; z-index:1; text-align:center}
		#section2 .body{max-height:60%;/*max-height:50%;*/ color:#fff; margin:0 10% 0 30%; padding:5%; background:rgba(0,0,0,0.5); position:relative}
			#section2 h3{color:#ff9900; font-size:220%; font-family:"Font-Bold", sans-serif; text-transform:uppercase; padding:5px;}
			#section2 h4{font-family:"Font-Bold", sans-serif; line-height:25px; padding:5px;}
			#section2 p{line-height:25px; padding:5px;}
		/*#section2 .links{width:100%; text-align:right; position:absolute; top:90%; right:0; 
		-moz-animation-duration: 0.2s; 
		-webkit-animation-duration: 0.2s; 
		-ms-animation-duration: 0.2s; 
		animation-duration: 0.2s;}*/
		#section2 .links a.btn{display:inline-block; margin:0 0 0 10px;}
		
		.who-we-are{width:80%; margin:auto; position:relative; z-index:1}
	
		.slider-monitor{width:83.4%; height:75.1%; position:absolute; top:1.5%; left:8.3%; z-index:1; overflow:hidden;}
			.slider-monitor .item{width:100%; height:100%; background: url(../images/background1.jpg) center; background-size:cover}
			.who-we-are > i{width:2.5%; height:1.6%; padding:0.8% 0; text-align:center; background:#ff6600; color:#fff; position:absolute; bottom: 32.5%; /*bottom:37.5%;*/ z-index:2; cursor:pointer; border-radius:50%}
			.slider-monitor .gesture{width:12.712%; position:absolute; top:1.372%; right:0.770%; z-index:1}
			.slider-monitor-next{left:8.6%;}
			.slider-monitor-prev{left:5.3%;}
		.slider-monitor-nav{width:20%; height:90%; position:absolute; top:0; left:0; z-index:2;}
			.slider-monitor-nav .button{background:rgba(0,0,0,0.5); padding:5px 10px; margin:5px 0; color:#fff; text-transform:uppercase; display:block; }
			.slider-monitor-nav .button.is-selected{color:#000; background:#FFF;}
		
		.who-we-are .monitor{width:85%; margin:auto; padding-bottom:6.5%; position:relative; z-index:0}
		.who-we-are .remote{width:17.2%; position:absolute; bottom: -5%; /* bottom:0;*/ left:-3%; z-index:1}

		.who-we-are-heading {margin-top: -9%;}
		.who-we-are-video {}
	
	/*Our-Team*/
	#section3{}
		#section3 .fp-tableCell{overflow:hidden}
		#section3 .background{background-image:url(../images/background3.png);}
		#section3 h2.heading{line-height:70px; position:absolute; top:19%; left:24.1%; margin-top:-35px}
		.our-team{width:100%; position:relative; z-index:1;}

		.slider-camera{width:21.3%; height:29.8%; position:absolute; top:29.2%; left:27.1%; z-index:1; overflow:hidden;}
			.slider-camera .item{width:100%; height:100%;}
			.slider-camera .item img{width:100%; display:block}
			.slider-camera .gesture{width:41.147%; position:absolute; top:3.559%; right:2.494%; z-index:1}
			
		.slider-bio{width:40%; position:absolute; top:28%; left:50%; overflow:hidden}
			.slider-bio .item{width:100%}
			.slider-bio .item > section{padding:0 20px;}
			.slider-bio h2{font-size:360%; text-transform:uppercase; font-family:"Font-Light", sans-serif;}
			.slider-bio h3{font-size:214%; text-transform:uppercase; color:#ff9900}
			.slider-bio .bio{height:150px;/*height:100px;*/ margin:20px 0; overflow:auto}
			.slider-bio .bio p{line-height:25px;}
			
		.slider-bio-nav{width:50%; position:absolute; left:24.1%; top:73.546%;/*top:66.546%;*/ overflow:hidden; z-index:1;}
			.slider-bio-nav .item{width:25%}
			.slider-bio-nav .item > div{display:block; border:1px solid #000; padding:10px; margin:5px; cursor:pointer}
			.slider-bio-nav .item > div:hover,.slider-bio-nav .item.is-selected > div{border-color:#000; background:#000; color:#fff}
		
		.our-team .camera{width:50%; padding-bottom:3.5%; position:relative; z-index:0}
	
	/*Testimonials*/
	#section4{display:block;table-layout:fixed;}
		#section4 .background{background-image:url(../images/background4.png);}
		#section4 h2.heading{line-height:70px; text-align:center; margin-bottom:30px}
		
		.testimonials{width:80%; margin:0 10%; position:relative; z-index:1}
	
		.slider-testimonials{width:100%; z-index:1; position:relative; overflow:hidden}
			.slider-testimonials .item{width:100%;/*width:33.333%;*/}
			.slider-testimonials figure{padding:20px;}
			.slider-testimonials figure h3{font-size:150%; font-family:"Font-Bold", sans-serif; text-transform:uppercase; margin-bottom:20px}
			.slider-testimonials blockquote{max-height:150px; overflow:auto; padding:0 10px 15px 60px; position:relative; line-height:25px}
			.slider-testimonials blockquote:before{width:40px; height:40px; font-family:"icons"; content:'\41'; font-size:360%; color:#ff9900; position:absolute; top:0; left:0;}
			.slider-testimonials footer{border-top:2px solid #000; padding-top:10px; text-align:right;}
			.slider-testimonials .title{display:block; line-height:100%; color:#999; padding:5px 0}

		.testimonials .keyboard{width:100%; margin:auto; position:relative; z-index:0}
			.testimonials .keyboard i{height:21.053%; position:absolute; bottom:16.316%; z-index:2; cursor:pointer;}
			.slider-testimonials-next{width:4.688%; right:19.688%;}
			.slider-testimonials-prev{width:4.375%; right:28.438%;}
			
		.testimonials .gesture img{width:auto; margin:auto;}
		.slider-testimonials-nav{height:36px; margin:auto; text-align:center}
			.slider-testimonials-nav button{width:10px; height:10px; padding:5px; margin:8px; border-radius:50%; background:#000; display:inline-block}
			.slider-testimonials-nav button.is-selected{padding:10px;}
	
	/*Contact-Us*/
	#section5{}
		#section5 .fp-tableCell{overflow:hidden}
		#section5 .background{background-image:url(../images/background5.png);}
		#section5 h2.heading{line-height:70px; text-align:center; margin-bottom:60px; color:#fff}

		#contactform #btnmessage {padding: 0; background: #fff; text-transform: uppercase;}
		#errormsg {width: auto; padding:10px 4% 10px 1%; border: 1px solid transparent; color: #a94442; background-color: #f2dede; border-color: #ebccd1; margin: 10px 0; text-shadow:none; display: none;}
		#successmsg {width: auto; padding:10px 4% 10px 1%; border: 1px solid transparent; color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; margin: 10px 0 10px 0; text-shadow:none; display: none;}
		
		.contact-us{width:100%; position:relative; z-index:1;}
		
			.contact-us > .left{width:50.781%; margin-bottom:150px; position:relative; display:inline-block }
				.contact-us .left .hand{width:61.538%; position:relative; z-index:1}
				.contact-us .left .card{width:51.282%; position:absolute; top:-7.7%; right:0; z-index:0}
					.contact-us .left section{width:100%; position:relative; z-index:1; position:absolute; top:0; left:0; z-index:1}
					.contact-us .left section > div{padding:6% 8%; overflow:auto}
					.contact-us .left section .left{width:25%; float:left;}
					.contact-us .left section .right{width:65%; margin-left:5%; float:left; }
					.contact-us .left section .right div{color:#fff; margin:10px 0; font-size: 85%;}
					.contact-us .left section .right div div{font-size:115%; font-family:"Font-Bold", sans-serif; display: inline;}
					.contact-us .left section a.email{color:#fff; text-decoration:none}
					.contact-us .left section .right i{display:inline-block; text-align:center; width:20px; line-height:20px; padding:5px; margin-right:5px; background:#ff9900;}
							
			.contact-us > .right{width:58.646%; margin-top:150px; position:absolute; top:0; right:0; text-align:right}
				.contact-us .right .hand{width:53.108%; position:relative; display:inline-block; z-index:1; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
				.contact-us .right .iphone{width:57.726%; position:absolute; bottom:-14%; left:0; z-index:0;}
					.contact-us .right .iphone-nav{position:absolute; bottom:59%; left:17.4%; z-index: 2;}
						.contact-us .right a.orange{}
						.contact-us .right a.white{}
						.contact-us .right a.black{}
						
					.contact-us .right .iphone img{position:relative; z-index:0;}
		
			.slider-contact{width:74%; height:87.5%; position:absolute; top:6.2%; right:11.5%; z-index:1; overflow:hidden}
				.slider-contact .item{width:100%; height:100%; color:#fff}
				
				.slider-contact .item.feedback{background:url(../images/feedback-bg.png); background-size:cover; overflow:auto}
				.slider-contact .item.feedback > div{padding:20px; text-align:left; }
					.slider-contact .item h2{font-size:160%; font-family:"Font-Bold", sans-serif; text-transform:uppercase;}
					.slider-contact .item p{padding:10px 0;}
					.slider-contact .feedback label{padding:5px 0; display:block}
					.slider-contact .feedback input[type="text"]{width:90%; padding:10px 5%; display:block; border:1px solid #fff; background:none; color:#fff}
					.slider-contact .feedback input[type="text"]:hover{box-shadow:inset 0 0 5px #fff;}
					.slider-contact .feedback input[type="submit"]{width:90%; display:block; margin:auto}
					.slider-contact .feedback textarea{width:90%; height:100px; padding:10px 5%; display:block; border:1px solid #fff; background:none; color:#fff}
					.slider-contact .feedback textarea:hover{box-shadow:inset 0 0 5px #fff;}
					.slider-contact .feedback a.btn{width:auto; display:block; padding:10px 0; margin:0;}
				
				
				.slider-contact .item.support{background:url(../images/support-bg.png); background-size:cover;}
				.slider-contact .item.support > div{padding:15%; text-align:center}
					.slider-contact .support a.btn{margin:0;}
			

.content{width:100%; height:100%; background-size:cover; position:absolute; top:0; left:0; right:0; bottom:0; }
	.split-left{width:22%; padding-right:3%; float:left}
	.split-right{width:75%; float:left}
	.filter .header{overflow:hidden;/*overflow:auto*/}
		.header .split-left{text-align:center;}
			.header .logo{width:80%; padding:80px 0 0 0; display:inline-block; white-space:nowrap; margin-bottom:0; position:relative; z-index:1}
			.header .logo img{display:inline-block; padding:0; vertical-align:top}
				.header .logo img.type{width:29.729%; margin-right:3.603%}
				.header .logo img.text{width:66.666%}
		.header .split-right{padding:80px 0 0 0; position:relative}
			.header .title{}
				.header h2{font-size:500%; color:#fff; font-family:"Font-Bold", sans-serif; text-transform:uppercase}
				.header h3{font-size:150%; color:#000; font-family:"Font-Bold", sans-serif; text-transform:uppercase; padding:6px 0}
				.header p{padding:5px 0}
				.header a{display:block; font-size:150%; color:#ff9900; font-family:"Font-Light", sans-serif; text-transform:uppercase; text-decoration:none}
				.header a i{text-transform: none; font-size:75%;}
			.header .desc{width:96%; padding:15px 2%; color:#000; background:#fff; line-height:25px; display:inline-block; margin-top:20px; position:relative}
			.header .desc .expander{width:77%; height:60px; margin-right:3%; display:inline-block; overflow:hidden; float:left; transition:all 0.3s ease;}
			.header .desc .expanded{height:300px; overflow:auto;}
			.header button{width:20%; height:60px; color:000; background:rgba(0,0,0,0.9); display:inline-block; float:left; color:#fff; font-size:16px; line-height:20px; padding:10px 20px; text-transform:uppercase; vertical-align:top;}
			.header .desc .social{text-align:right}
			.header .desc .social a{width:20px; line-height:20px; padding:10px; margin:0 3px; text-align:center; color:#fff; display:inline-block; background:#000}
			.header .desc .social a:hover{background:#ff6600}
	.content .body{ overflow:auto;}
		.body .split-left{color:#fff; text-align:right;}
			.body .split-left h2{font-size:320%; padding:10px 0; font-family:"Font-Light", sans-serif; text-transform:uppercase;}
			.body .split-left ul{list-style:none; padding:0; text-align:right}
			.body .split-left ul li{padding:5px 0}
			.body .split-left ul a{background:rgba(0,0,0,0.5); display:inline-block; color:#fff; font-size:150%; line-height:20px; padding:10px 20px; text-transform:uppercase; text-decoration:none;}
			.body .split-left ul a:hover,.body .split-left ul a.active{color:#000; background:#fff; margin-right:20px}
			.body .split-left ul a.active{margin-right:0}
		.body .split-right{padding:5px 0 50px 0}
			.body .item{width:23.5%; height:300px; margin:10px 1.5% 10px 0; background:#fff; float:left;}
			.body .item > div{overflow:hidden !important; position:relative;}
			.body .item > div > img{width:90%; padding:0 5%; transition:all 0.3s ease}
			.body .item:hover > div > img{width:60%; padding:0 20%;}
			.body .item .info{padding:20px; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(255,255,255,0.9); line-height:25px; text-align:center;
				-moz-animation-duration: 0.5s; 
				-webkit-animation-duration: 0.5s; 
				-ms-animation-duration: 0.5s; 
				animation-duration: 0.5s;}
				.body .item .info h2{font-size:190%; font-family:"Font-Light", sans-serif; padding:5px 0}
				.body .item .info p{padding:5px 0;}
				.body .item .info p.date{font-size:12px; padding:0}
				.body .item .info p.date span{margin-left:10px}
				.body .item .info p.desc{height:75px; overflow:hidden}
				.body .item .info p.urls{padding:10px 0;}
					.body .item .info a{color:#fff; text-decoration:none; padding:10px 15px; display:inline-block}
					.body .item .info a i{font-size:16px; line-height:100%;}
					.body .item .info a.web{background:#000;}
					.body .item .info a.more{background:#ff6600;}
					
.content #nav{width:auto; height:auto; left:25%; background:rgba(0,0,0,0.8); padding:0 0 10px 0;}
	.content #nav > div{width:auto; height:60px; }
	.content #nav > div:hover{}
	.content #nav a{margin:0 10px 0 0; float:left}
		.content #nav a span{width:0;}
			.content #nav:hover a span{width:0;}
			.content #nav a span div{display:inline-block; padding:0 5px 0 20px; background:none}
		.content #nav a i{width:50px; background:#fff; color:#000; position:relative}
			.content #nav a:hover i{margin-left:0; background:#fff; color:#000}
			.content #nav a:hover span{width:0; font-family:"Font-Bold", sans-serif;}
			.content #nav a:hover i,.content #nav a.active i,.content #nav a:hover span,.content #nav a.active span{background:none; color:#fff}
			.content #nav a:hover span,.content #nav a.active span{width:160px;}
			
.client{overflow:hidden; position:relative; padding:15px 0}
	.client > div{width:48%; float:left; position:relative; vertical-align:top; color:#000}
	.client > div img{z-index:0;}
	.client .angle{width:0; height:0; position:absolute; margin-top:-20px; top:50%;}
	.client:nth-child(odd) > div:nth-child(odd){margin-right:50%;}
	.client:nth-child(odd) > div:nth-child(even){height:100%; position:absolute; top:0; right:0;}
	.client:nth-child(odd) .angle{right:100%; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-right: 20px solid #fff;}
	.client:nth-child(even) > div:nth-child(odd){margin-left:50%;}
	.client:nth-child(even) > div:nth-child(even){height:100%; position:absolute; top:0; left:0; text-align:right}
	.client:nth-child(even) .angle{left:100%; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 20px solid #fff;}
		.client .table > div > div{max-height:70%; background:#fff; padding:20px 5%; overflow:auto; position:relative}
		
		.client h2{line-height:25px; padding:5px 0; font-family:"Font-Bold", sans-serif; color:#ff9900; font-size:160%; text-transform:uppercase}
		.client p{line-height:25px; padding:5px 0}
		.slider-laptop{width:76.5%; height:77.9%; position:absolute; top:5.8%; left:12%; z-index:1; overflow:hidden;}
			.slider-laptop .item{width:100%; height:100%; background: url(../images/background1.jpg) center; background-size:cover; margin:0;}
			.slider-laptop .gesture{height:40px; position:absolute; bottom:0; left:0; right:0; z-index:1; background:rgba(0,0,0,0.8)}
			.slider-laptop .gesture img{width:auto; height:36px; float:right; padding:2px;}
			.slider-laptop .item-image{opacity: 0; -webkit-transition: opacity 0.4s; transition: opacity 0.4s;}
			.slider-laptop .item-image.flickity-lazyloaded,.slider-laptop .item-image.flickity-lazyerror{opacity:1;}
		.flickity-page-dots{height:40px; padding:0 10px; position:absolute; bottom:0; left:0; z-index:1}
			.flickity-page-dots .dot{width:10px; height:10px; margin:15px 5px; border-radius:50%; background:#fff !important; display:inline-block; cursor:pointer}
			.flickity-page-dots .dot.is-selected{background:#ff6600 !important;}


.news{overflow:hidden; position:relative; padding:15px 0; width: 90%; margin: 30px auto;}
	.news > div{width:48%; float:left; position:relative; vertical-align:top; color:#000}
	.news > div img{z-index:0}
	.news .angle{width:0; height:0; position:absolute; margin-top:-20px; top:50%;}
	.news:nth-child(odd) > div:nth-child(odd){/*margin-right:30%;*/margin-right:2%;}
	.news:nth-child(odd) > div:nth-child(even){/*height:100%; position:absolute; top:0; right:0;*/height: 100%;position: relative; top: 0; right: 0; /*overflow: hidden;*/ padding: 0 0 0 4%;}
	.news:nth-child(odd) .angle{right:94%; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-right: 20px solid #fff;}
	.news:nth-child(even) > div:nth-child(odd){/*margin-left:70%;*/margin-left:2%; float:right;}
	.news:nth-child(even) > div:nth-child(even){/*height:100%; position:absolute; top:0; left:0; text-align:right*/height: 100%; position: relative; top: 0; left: 0; text-align:right;}
	.news:nth-child(even) .angle{left:99.9%; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 20px solid #fff;}
		.news .table > div > div{max-height:50%; background:#fff; padding:20px 5%; position: relative;}

		.news h2{line-height:25px; padding:5px 0; font-family:"Font-Bold", sans-serif; color:#ff9900; font-size:160%; text-transform:uppercase}
		.news p{line-height:25px; padding:5px 0}
		.slider-laptop{width:76.5%; height:77.9%; position:absolute; top:5.8%; left:12%; z-index:1; overflow:hidden;}

		.news .flickity-page-dots{display: none;}

		.news .table{width:100%; height:100%; display: block; margin-top: 30px;}
			.news .table > div,.table > ul{width:100%; /*height:100%;*/}

		.news .right {width:64%;}

		.news .left {width:30%;}






.popup{width:100%; height:100%; position:fixed; top:0; left:0; background: url(../images/bg-white-80.png); display:none; z-index:9;}
	
	.popup .table{text-align:center; position:relative}
	.popup .feedback{width:40%; display:inline-block; transition:all 0.3s ease; }
		.popup .feedback h2{font-family:"Font-Light", sans-serif; font-size:360%; line-height:100%; text-transform:uppercase;}
		.popup .feedback p{padding:5px 0}
		.popup .feedback label{width:46%; display:inline-block; padding:5px 2%}
		.popup .feedback span{display:block; line-height:20px; padding:10px 0}
		.popup .feedback input[type="text"]{width:90%; padding:10px 5%; display:block; border-radius:10px; border:1px solid #000; background:none}
		.popup .feedback input[type="text"]:hover{box-shadow:inset 0 0 2px #000;}
		.popup .feedback input[type="submit"]{width:90%; display:block; margin:auto}
		.popup .feedback textarea{width:92%; height:100px; padding:10px 2%; display:block; margin:10px auto; border-radius:10px; border:1px solid #000; background:none}
		.popup .feedback textarea:hover{box-shadow:inset 0 0 2px #000;}
	.popup .close{width:30px; line-height:30px; position:absolute; top:10px; right:10px; font-size:220%; cursor:pointer; text-align:center; vertical-align:top; padding:5px}

#slick-home{width:100%; height:100%; position:relative;}
	#slick-home .slick-list, #slick-home .slick-track{height:100%;}
	#slick-home .slick-slide{width:100%; height:100%; position:relative}
	#slick-home .slick-slide > img{width:100%; display:block; position:absolute; top:0; left:0; z-index:0}

.map_pop{}
.map_pop p{line-height:20px; padding:5px 0}
.map_pop .head{font-family:"Font-Bold", sans-serif; text-transform:uppercase}
.gm-style,.gm-style .gm-style-iw{font-family:"Font-Light", sans-serif; font-weight:normal; font-size:100%; text-align:center}

#pre_load{width:100%; height:100%; position:fixed; top:0; left:0; background:url(../images/texture-white.png) rgba(0,0,0,0.9); display:table; z-index:10}
	#pre_load div{width:100%; height:100%; display:table-cell; vertical-align:middle; text-align:center}
	#pre_load img{width:auto; display:block; margin:0 auto; padding:10px 0;}

#recaptcha div > div{margin:auto !important}

.design{position: fixed; bottom:0; right:20px; text-align:right; padding:10px 0; font-size:80%; z-index:2}
.design a{color:#000}


@media (max-width:1600px) {	
	body{font-size:12px;}
	
}

@media (max-width:1366px) {
	body{font-size:11px;}
	
	a.btn{width:50px; height:50px; padding:10px; margin-right:5px;}
	a.btn i{line-height:25px;}
	a.btn span{margin-top:5px;}
	
	
	.logo{width:30%}
	.highlight span{padding-top:0; padding-bottom:0}
	
	#nav{height:100%;}
	#nav > div{width:40px;}
		.nav-image{margin:10px 5px}
		#nav a span{line-height:50px;}
			#nav a span div{padding:0 15px; background:rgba(255,255,255,0.8)}
		#nav a i{width:40px; line-height:50px; height:50px;}
			#nav a:hover i{margin-left:10px}
	
	#ticker{height:40px;}
	#ticker > a i{width:40px; line-height:40px; font-size:200%; }
		.slider-ticker-prev{right:40px}
	#ticker .slider-ticker{right:80px; left:40px;}
		.slider-ticker .item > div{padding:10px 20px; overflow:hidden}
	
	h2.heading{font-size:400%;}
	#section0{padding:0 5%;}


	/*What-We-Do*/
	#section1{}
		#section1 .body{max-height:50%; margin:0 0 0 30%; padding:3%;}
			#section1 h3{line-height:18px; padding:3px 0}
			#section1 h4{line-height:18px; padding:3px 0}
			#section1 p{line-height:18px; padding:3px 0}
		#section1 .links{top:100%;}
		#section1 .links a.btn{margin:0 0 0 5px;}
		
		.what-we-do{width:76%;}

		.play-btn {left: 36%; top: 60%;}
		.what-we-do-heading {margin-top: 0%;}
		.what-we-do-video {width: 76%;}
		
		.slider-ipad-nav{width:30%;}
			.slider-ipad-next{right:7%;}
			.slider-ipad-prev{left:7%;}



	/*Who-We-Are*/
	#section2{}
		#section2 .body{max-height:50%; margin:0 0 0 30%; padding:3%;}
			#section2 h3{line-height:18px; padding:3px 0}
			#section2 h4{line-height:18px; padding:3px 0}
			#section2 p{line-height:18px; padding:3px 0}
		#section2 .links{top:100%;}
		#section2 .links a.btn{margin:0 0 0 5px;}
		
		.who-we-are{width:76%;}
			.who-we-are > i{font-size:80%}
			
		.slider-monitor-nav{width:30%;}

		.who-we-are-heading {margin-top: -5%;}
		.who-we-are .play-btn {left: 32%; top: 60%;}
		.who-we-are-video {width: 68%;}
			
	/*Our-Team*/
	#section3{}
		#section3 h2.heading{left:19.4%; top:5%; margin:0; line-height:100%}
		.slider-camera{width:16.99%; height:29.8%; top:28.7%; left:21.7%;}
			
		.slider-bio{width:50%; top:19%; left:40%;}
			.slider-bio .item > section{padding:0 15px;}
			.slider-bio h2{font-size:260%;}
			.slider-bio h3{font-size:160%;}
			.slider-bio .bio{height:75px; margin:5px 0}
			.slider-bio .bio p{line-height:18px;}
			
		.slider-bio-nav{width:70%; left:19.4%; top:74%;}
			.slider-bio-nav .item{width:25%}
		
		.our-team .camera{width:40%;}
		
	/*Testimonials*/
	#section4{}
		#section4 h2.heading{line-height:100%; margin-bottom:20px}
		
		.testimonials{width:90%;}
	
			.slider-testimonials figure{padding:10px;}
			.slider-testimonials figure h3{font-size:140%; margin-bottom:10px}
			.slider-testimonials blockquote{max-height:140px; padding:0 10px 15px 40px; line-height:18px}
			.slider-testimonials blockquote:before{width:20px; height:20px; font-size:260%;}
			.slider-testimonials .title{padding:5px 0}
		
			
			.testimonials .keyboard i{height:21.053%; position:absolute; bottom:16.316%; z-index:2; cursor:pointer;}
			.slider-testimonials-next{width:4.688%; right:19.688%;}
			.slider-testimonials-prev{width:4.375%; right:28.438%;}

			.testimonials .gesture{width:15%; margin:auto;}
			.testimonials .gesture img{width:100%; margin:auto;}
			
	/*Contact-Us*/
	#section5{}
		#section5 h2.heading{line-height:100%; }
		
		.contact-us{overflow:hidden}
		
			.contact-us > .left{width:55.781%; left:-5%; margin-bottom:50px;}
				.contact-us .left .hand{width:61.538%;}
				.contact-us .left .card{width:51.282%; top:-7.7%;}
					.contact-us .left section .left{width:25%;}
					.contact-us .left section .right{width:70%;}
					.contact-us .left section .right div{margin:5px 0; font-size: 85%;}
					.contact-us .left section .right div div{font-size:115%;}
					.contact-us .left section .right i{width:10px; line-height:10px; padding:5px; margin-right:5px;}
							
			.contact-us > .right{width:63.646%; right:-5%; margin-top:50px;}
					.contact-us .right .iphone-nav{left:16.4%;}
					
				.slider-contact .item.feedback > div{padding:10px;}
					.slider-contact .item p{padding:5px 0;}
					.slider-contact .feedback input[type="text"]{padding:5px 5%;}
					.slider-contact .feedback textarea{padding:5px 5%;}
				
				.slider-contact .item.support > div{padding:10%;}
				

	.split-left{width:22%; padding-right:3%;}
				.body .split-left h2{font-size:240%;}
	.split-right{width:75%;}
			.header .logo{width:85%; padding:80px 0 0 0;}
				.header .logo img.type{width:29.729%; margin-right:3.603%}
				.header .logo img.text{width:66.666%}
		.header .split-right{padding:80px 0 0 0;}
				.header h2{font-size:400%;}
				.header h3{font-size:150%; padding:5px 0}
				.header a{font-size:150%;}
				.header a i{font-size:75%;}
			.header .desc{padding:10px 1.5%; line-height:20px; margin-top:10px;}
			.header .desc .expander{height:50px;}
			.header .desc .expanded{height:300px;}
			.header button{height:50px; font-size:100%; padding:10px 20px;}
			.header .desc .social a{width:20px; line-height:20px; padding:10px; margin:0 3px;}
			
			.body .split-left h2{padding:5px 0;}
			.body .split-left ul li{padding:5px 0}
			.body .split-left ul a{font-size:140%; line-height:20px; padding:5px 15px;}
			.body .split-left ul a:hover,.body .split-left ul a.active{margin-right:10px}
		
		.body .split-right{padding:10px 0 50px 0}
			.body .item{width:31.888%; height:200px; margin:5px 1.445% 5px 0;}
			.body .item .info{padding:10px; line-height:18px;}
				.body .item .info h2{font-size:160%; padding:3px 0}
				.body .item .info p{padding:3px 0;}
				.body .item .info p.date{font-size:10px;}
				.body .item .info p.date span{margin-left:5px}
				.body .item .info p.desc{height:50px;}
				.body .item .info p.urls{padding:5px 0;}
					.body .item .info a{padding:5px 10px;}
					.body .item .info a i{font-size:100%; line-height:100%;}
					
.content #nav{width:auto; height:auto; left:25%; background:rgba(0,0,0,0.8); padding:0 0 10px 0;}
	.content #nav > div{width:auto; height:50px;}
	.content #nav a{margin:0 10px 0 0; float:left}
		.content #nav a span{width:0;}
			.content #nav a span div{display:inline-block; padding:0 5px 0 20px;}
		.content #nav a i{width:40px;}

.client{padding:10px 0}
		.client .table > div > div{padding:5% 5%}
		
		.client h2{line-height:18px; padding:3px 0}
		.client p{line-height:18px; padding:3px 0}
			.slider-laptop .item{width:100%; height:100%;}
			.slider-laptop .gesture{height:20px;}
			.slider-laptop .gesture img{width:auto; height:16px;}
		.flickity-page-dots{height:20px;}
			.flickity-page-dots .dot{margin:10px 5px;}


.news{padding:10px 0}
		.news .table > div > div{padding:5% 5%}
		
		.news h2{line-height:18px; padding:3px 0}
		.news p{line-height:18px; padding:3px 0}


}

@media (max-width:1024px) {
		
	.logo{width:40%}
		.what-we-do{width:98%;}
		.who-we-are{width:98%;}
		.testimonials{width:90%; margin:0 5%;}
		.contact-us{width:100%; overflow:hidden}
			.contact-us > .left{width:65.781%; left:-15%; margin-bottom:80px;}
					.contact-us .left section .right div div{font-size:120%;}
			.contact-us > .right{width:73.646%; right:-15%; margin-top:80px;}
					.contact-us .right .iphone-nav{left:14.4%;}

		.play-btn {left: 40%; top: 60%;}
		.what-we-do-video {width: 80%;}

		.who-we-are .play-btn {left: 30%;}
		.who-we-are-video {}

}

@media (max-width:799px) {

.intouch-support-rotate {display: none;}

body{font-size:14px}
	
.invisible{visibility:visible}
.ipad,.hand,.remote,.monitor,.keyboard,.camera,.card > img,.iphone > img,.slider-camera,
.slider-monitor-next,.slider-monitor-prev,.slider-ipad-next,.slider-ipad-prev,.section .gesture,.slider-testimonials-nav,.contact-us .right .iphone-nav{display:none !important;}
#mobile-nav{width:40px; line-height:20px; height:20px; padding:15px 0; text-align:center; position:fixed; top:0; right:0; z-index:3; font-size:160%; background:#fff; display: block;}
	#mobile-nav.active,#mobile-nav:hover{background:#ff6600; color:#fff}

a.btn{width:80px; height:60px; padding:15px 5px}

.slider-ipad,.slider-monitor,.slider-camera,.slider-bio{width:100%; height:auto; left:auto; right:auto; top:auto; bottom:auto; overflow:visible; position:relative}

	#nav, .content #nav{height:100% !important; padding-top:50px; top:0; left:100% !important; background: rgba(0,0,0,0.5) !important; z-index:3;}
	#nav.active,.content #nav.active{left:0% !important}
	#nav > div,.content #nav > div{width:100%; height:auto;}
	#nav > div:hover{width:100%;}
	#nav nav{width:100%; height:auto}
	#nav a,.content #nav a{margin:5px 0; float:none;}
		#nav a span,.content #nav a span{width:auto; line-height:50px;}
		.content #nav:hover a span{width:auto;}
		#nav.change a span div,.content #nav a span div{background: rgba(0,0,0,0.6); padding:0 15px;}
		#nav.change a i,.content #nav.change a i{height:50px; line-height:50px; font-size:90%;}
		#nav a:hover i,.content #nav a:hover i{margin-left:10px}
	


.fp-tableCell{display:block !important}
.section{box-shadow:none; border-bottom:5px solid #000; padding:20px 0; display:block !important; height:auto !important;}
.what-we-do,.who-we-are{width:96%;}

.play-btn {left: 48%; top: 38%;}
.what-we-do-heading {margin: 10px 0;}
.what-we-do-video {width: 100%;}

#section1 .body,#section2 .body,#section3 .body,#section4 .body,#section5 .body{margin:auto; max-height:none; background:none; padding:0; color:#000;}
#section1 h2.heading,#section2 h2.heading,#section3 h2.heading,#section4 h2.heading,#section5 h2.heading{position:relative; top:auto; bottom:auto; left:auto; right:auto; padding:0; margin:10px 0; line-height:100%; color:#000; text-align:left; font-size:280%;}
#section1 p,#section2 p,#section3 p,#section4 p,#section5 p,#section5 .left section .right div{line-height:25px}
#section1 h2,#section2 h2{font-size:200%; margin:10px 0; line-height:100%;}
#section1 h3,#section2 h3{font-size:140%; margin:10px 0; line-height:100%;}
#section1 .background,#section2 .background,#section3 .background,#section4 .background,#section5 .background{background: url(../images/texture-black.png);}
#section1 .links,#section2 .links,#section3 .links,#section4 .links,#section5 .links{position:relative; top:auto; right:auto; text-align:left; padding:10px 0 20px 0}

.slider-ipad .item,.slider-monitor .item,.slider-monitor .item,.slider-bio .item{background:none; display:none; width:100%}
.slider-bio-nav .item,.slider-testimonials .item{width:100%;}

.slider-ipad-nav,.slider-monitor-nav,.slider-bio-nav{width:100%; position:relative; left:auto; top:auto; right:auto; bottom:auto; margin:20px 0}
.slider-ipad-nav .button,.slider-monitor-nav .button{background:#000; margin: 10px 0;}
.slider-ipad-nav .button.is-selected,.slider-monitor-nav .button.is-selected{background:#ff6600; color:#fff}

.slider-ticker .item > div{font-size:100%; padding:10px 10px;}
#ticker > a i{font-size:140%}

/*Home*/
#section0{padding-top:30%; padding-bottom:30%}
.logo{width:100%; margin-bottom:0}
.logo p{width:auto; font-size:180%; margin-top:10px}

/*Who We Are*/
.who-we-are-heading {margin: 10px 0;}
.who-we-are .play-btn {left: 50%;}
.who-we-are-video {margin: 0; width: 100%;}

/*Team*/
.slider-bio .bio{height:auto}
.slider-bio h2{font-size:240%}
.slider-bio h3{font-size:140%}

/*Testimonials*/
.testimonials{width:96%; margin:0 2%;}
.slider-testimonials figure{padding-top:20px}
.slider-testimonials figure h2{margin-bottom:10px;}
.slider-testimonials blockquote{max-height:none; line-height:25px}
.slider-testimonials footer{border-top:none; padding:0;}

/*Contact Us*/
#section5 h2.heading{text-align:center}
.contact-us{width:100%; overflow: visible}
.contact-us > .left,.contact-us .left .card,.contact-us > .right,.contact-us .right .iphone,
.contact-us .left section,.slider-contact{width:100%; top:auto; left:auto; right:auto; bottom:auto; margin:0; display:block; position:relative;}
.contact-us .left section > div{padding:0}
.contact-us .left section .left{display:none}
.contact-us .left section .right{width:100%; float:none; margin:0; padding-bottom:20px; text-align:center}
.contact-us .left section .right div,.contact-us .left section a.email{color:#000;}
.slider-contact .item.feedback > div,.slider-contact .item.support > div{padding:30px 10px}


.content{width:96%; height:auto; padding:0 2%; background:rgba(0,0,0,0.5); bottom:auto; right:auto; left:auto; top:auto; position:relative}
.split-left{ width:100%; padding:0}
	.header .logo{ padding-top:60px; padding-bottom:20px}
	.header .split-right{ padding-top:0}
	
.split-right{width:100%;}
	.header h2{font-size:280%; text-align:center}
	.header a{ text-align:center}
	
	.body .split-left{ text-align:left; padding-top:20px}
	.body .split-left h2{ font-size:180%}
	.body .split-left ul li{ padding:0; margin-bottom:5px; text-align:left }
	.body .split-left ul a{ font-size:100%; background:#000}
	.body .split-left ul a:hover, .body .split-left ul a.active{ margin:0; background:#ff6600; color:#fff}
	
	.body .item{width:100%; height:250px; margin-right:0;}
	.body .item .info p.desc{ margin:10px 0;}
	.body .item .info a{ padding:10px;}
	
	.header .desc .expander{ width:100%; margin:0}
	.header h3{ padding:0}
	.header button{ width:100%; height:40px; padding:0; float:none; display:block;}
	.header .desc .social a{ margin:0 1px; padding:10px 5px}
	
	.client > div{ width:auto !important; position:relative !important; float:none !important; text-align:left !important; left:auto !important; top: auto !important; margin:0 !important}
	.client > div:nth-child(odd){width:80% !important; margin-bottom:-20px !important; margin-left:auto !important; margin-right:auto !important; z-index:1}
	.client > div:nth-child(even) .table > div > div{padding-top:30px}
	.client .table > div > div{max-height:none}
		.client h2,.client p{ line-height:25px;}


	.news > div{ width:auto !important; position:relative !important; float:none !important; text-align:left !important; left:auto !important; top: auto !important; margin:0 !important}
	.news > div:nth-child(odd){width:80% !important; margin-bottom:-20px !important; margin-left:auto !important; margin-right:auto !important; z-index:1}
	.news > div:nth-child(even) .table > div > div{padding-top:30px}
	.news .table > div > div{max-height:none}
		.news h2,.news p{ line-height:25px;}

		.news .angle {display: none;}

	.news:nth-child(odd) > div:nth-child(even) {padding: 0;}


}
@media (max-height:320px) {
	#mobile-nav{padding:10px 0;}
	#nav{height:100%; padding-top:40px;}
	#nav a{margin:5px 0;}
		#nav a span{width:auto; line-height:40px;}
		#nav.change a i{height:40px; line-height:40px; font-size:90%;}
}

#javaMessage{width:100%; height:100%; line-height:40px; background: url(../images/background_1.png); text-align:center; color:#333; position:absolute; top:0; left:0; z-index:100; display:none}

/* © copyright Intouch Interactive Marketing - Carl-Heinz Benseler :: the css gods will strike down on tables with great vengence! */