@charset "utf-8";

@import url(https://fonts.googleapis.com/css?family=Martel:200);

/*	-------------------------------------------------------------
	RESET
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
	form,fieldset,input,textarea,p,blockquote,th,td {padding: 0; margin: 0}
	a												{text-decoration:none;}
	table 											{border-spacing: 0}
	fieldset,img 									{border: 0}
	address,caption,cite,code,dfn,em,strong,th,var 	{font-weight: normal; font-style: normal}
	strong											{font-weight: bold}
	ol,ul 											{list-style: none; margin:0; padding:0}
	caption,th 										{text-align: left}
	h1,h2,h3,h4,h5,h6 								{font-weight: normal; font-size: 100%; margin:0; padding:0; color:#000}
	q:before,q:after 								{content:'';}
	abbr,acronym 									{border: 0}

	embed, object, iframe 							{width: 100%; height: auto; min-height: 300px}

/*	-------------------------------------------------------------
	HACKS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	.clearfix:after 					{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0}
	.clearfix 							{display: inline-block}
	.clearfix 							{display: block; zoom: 1}	

	#fixed 								{width:100%; z-index: 10; position: relative; margin: 0 auto; padding: 0}
	
	.maxLayout							{position:relative; margin:0 auto; padding:0; max-width:1280px; width:100%; height:100%}

	html, body							{height:100%} 
	body								{color: #333; font-family: 'lexia', 'LexiaRegular', 'Martel', Arial, serif, Helvetica, Verdana; font-weight:200}
	.wrap								{margin-left: auto; margin-right: auto; width: 960px; position: relative}
	h1									{font-size: 6em}
	p									{font-size: 2em}
	.intro p							{width: 50%; margin: 0 auto; font-size: 1.5em}
	.section							{text-align:center}

	.menu li 							{display:inline-block; float:left; margin: 0; padding:27px 62px 26px 0; color: #000; vertical-align: middle; font-size:13px; font-weight:300}
	.menu li#contactBlanLink 			{padding:27px 0 26px 0 !important; float:right !important}
	.menu li.active						{color: #000; font-weight:700}
	.menu li a							{text-decoration:none; color: #000; text-align:center}
	.menu li.active a:hover				{color: #000}
	.menu li:hover						{}
	.menu li a,
	.menu li.active a					{display:block; color: #000}

	.menu								{position:absolute; height: 70px; z-index: 70; width:100%; padding: 0; margin:0}
	.menu ul 							{display: none}
	.menu li:hover > ul 				{display: block}
	.menu ul 							{background:url('../images/trans.png'); padding: 0; position: absolute; top: 100%; width:180px}
	.menu ul li 						{float: left; position: relative; display:block; padding:0 5px !important}
	.menu ul li a 						{padding: 0px 40px  12px 0 !important; color:#000}
	.menu ul li a:hover 				{font-weight:700}
	.menu ul ul 						{position: absolute; left: 100%; top: 0}
	.menu li.firstItem					{text-align:center}
	.menu li.firstItem img				{padding:8px 0 0}
	
	.section							{text-align:center}

	#section0,
	#section1,
	#section1 #slide1,
	#section2,
	#section3 #slide1,
	#section4							{background-size:cover; background-attachment: fixed; background-repeat:no-repeat; background-color:#fff}


	#section1 #slide2,
	#section1 #slide3,
	#section3 #slide1,
	#section3 #slide2,
	#section3 #slide3,
	#section3 #slide4,
	#section3 #slide5,
	#section3 #slide6,
	#section4 #slide1,
	#section4 #slide2,
	#section4 #slide3,
	#section4 #slide4,
	#section4 #slide5					{background-size:cover; background-repeat:no-repeat; background-color:#fff}


	#section0					{background-image: url('../images/animation/1920x1200-1.jpg'); padding: 0}
	.rst1						{background-image: url('../images/animation/1920x1200-1.jpg') !important; padding: 0}
	.rst2						{background-image: url('../images/animation/1920x1200-2.jpg') !important; padding: 0}
	.rst3						{background-image: url('../images/animation/1920x1200-3.jpg') !important; padding: 0}
	.rst4						{background-image: url('../images/animation/1920x1200-4.jpg') !important; padding: 0}
	.rst5						{background-image: url('../images/animation/1920x1200-5.jpg') !important; padding: 0}
	.rst6						{background-image: url('../images/animation/1920x1200-6.jpg') !important; padding: 0}
	.rst7						{background-image: url('../images/animation/1920x1200-7.jpg') !important; padding: 0}
	.rst8						{background-image: url('../images/animation/1920x1200-8.jpg') !important; padding: 0}

	#section1 #slide1					{background-image: url('../images/bg/p2-blank.jpg'); padding: 0}
	#section1 #slide2					{background-image: url('../images/bg/What-we-do-Subpage-background.jpg'); padding: 0}
	#section1 #slide3					{background-image: url('../images/bg/What-we-do-Subpage-background.jpg'); padding: 0}
	
	#section2							{background-image: url('../images/bg/p3-blank.jpg'); padding: 0}
	
	#section3 #slide1					{background-image: url('../images/bg/p4-blank.jpg'); padding: 0}
	#section3 #slide2					{background-image: url('../images/bg/Where-we-ve-done-it-Subpage-background.jpg'); padding: 0}
	#section3 #slide3					{background-image: url('../images/bg/Where-we-ve-done-it-Subpage-background.jpg'); padding: 0}
	#section3 #slide4					{background-image: url('../images/bg/Where-we-ve-done-it-Subpage-background.jpg'); padding: 0}
	#section3 #slide5					{background-image: url('../images/bg/Where-we-ve-done-it-Subpage-background.jpg'); padding: 0}
	#section3 #slide6					{background-image: url('../images/bg/Where-we-ve-done-it-Subpage-background.jpg'); padding: 0}
	
	#section4 #slide1					{background-image: url('../images/bg/p5-blank.jpg'); padding: 0}
	#section4 #slide2					{background-image: url('../images/bg/What-makes-us-different-Subpage-background.jpg'); padding: 0}
	#section4 #slide3					{background-image: url('../images/bg/What-makes-us-different-Subpage-background.jpg'); padding: 0}
	#section4 #slide4					{background-image: url('../images/bg/What-makes-us-different-Subpage-background.jpg'); padding: 0}
	#section4 #slide5					{background-image: url('../images/bg/What-makes-us-different-Subpage-background.jpg'); padding: 0}

	#slide1								{background-image: url(../imgs/bg2.jpg); padding: 0}
	#slide2								{background-image: url(../imgs/bg5.jpg); padding: 0}

	.s01Content 						{position: absolute; width: 566px; left: 50px; top: 332px; font-size: 32px; color: #4e4e56; line-height: 44px; font-style: normal; font-weight: 100; text-align: left; height:450px}
	
	.s02Content 						{position: absolute; width: 566px; left: 50px; top: 300px; font-size: 32px; color: #4e4e56; line-height: 44px; font-style: normal; font-weight: 100; background: #ff6611; text-align: left; height:450px; overflow:hidden}
	.s02Content .frame 					{padding:15px 20px; margin:0; color:#fff}
	.s02Content .frame 					{padding: 15px 20px 0; margin: 0; color: #fff}
	.s02Content .frame span 			{display: block; font-size: 45px; color: #fff; line-height: 53px; padding: 0 0 7px}
	.s02Content ul li:last-child 		{padding: 0 !important}
	.s02Content .frame p.rows01			{display:block; padding:0 0 40px 0; margin:0; font-size:19px;font-weight:300}

	.s03Content 						{position: absolute; width: 566px; left: 50px; top: 300px; font-size: 37px; color: #fff; line-height: 44px; font-style: normal; font-weight: 100; background: #6d3a64; text-align: left; height:450px; overflow:hidden}
	.s03Content .frame 					{padding:15px 20px; margin:0; color:#fff}
    .s03Content .frame a 				{color:#fff; text-decoration:underline}
	.s03Content .frame span				{display:block; font-size:35px; color:#fff; line-height:53px; padding:0 0 20px}
	.s03Content .frame p.rows01			{display:block; padding:0 0 19px 5px; margin:0; font-size:15px; line-height:24px}
	.s03Content .frame p.rows02			{display:block; padding:0 0 3px 5px; margin:0; font-size:15px; line-height:24px}

	.s04Content 						{position: absolute; width: 566px; left: 50px; top: 305px; font-size: 37px; color: #fff; line-height: 44px; font-style: normal; font-weight: 100; background: #3CC0EC; height:450px; text-align: left}
	.s04Content .frame 					{padding: 15px 18px 15px 20px; margin:0; color:#fff}
    .s04Content .frame span				{display:block; font-size:37px; color:#fff; line-height:54px; padding:0 0 18px; font-weight:300}
    .s04Content .frame p.rows01			{display:block; padding:0 0 26px 5px; margin:0; font-size:15px; line-height:24px}
    .s04Content .frame p.rows02			{display:block; padding:0 0 0 5px; margin:0; font-size:15px; line-height:24px}
    .s04Content .frame p.rows03			{display:block; padding:6px 0 2px 5px; margin:0; font-size:15px; line-height:24px}

	.s05Content 						{position: absolute; width: 566px; left: 50px; top: 305px; font-size: 37px; color: #fff; line-height: 44px; font-style: normal; font-weight: 100; background:#E6386D; height:450px; text-align: left}	
	.s05Content .frame 					{padding:15px 18px 15px 20px; margin:0; color:#fff}
    .s05Content .frame span				{display:block; font-size:37px; color:#fff; line-height:45px; padding:0 0 25px; font-weight:300}
    .s05Content .frame p.rows01			{display:block; padding:0 0 41px 5px; margin:0; font-size:15px; line-height:24px}
	
	.list								{list-style: none; margin: 0 0 10px; padding: 50px 0 10px; display:block; width:100%}
	.list li							{background: url('../images/arrow-white.png') no-repeat center left; padding: 0 0 0 25px; margin: 0 15px 0 0; display:inline-block; /*width:20%;*/ font-size:15px; float:left}
	.list li a 							{color:#fff; text-decoration:none}
	.list li:last-child					{margin: 0 !important}
	
	.slicknav_menu 						{display:none}	
	.newboxesBlank,
	.newboxes2 							{position:relative}

	#logoMenu							{display:block; position:relative;padding:10px 0 0 50px; width:145px; z-index:10001}

    .contactLink						{cursor:pointer}
    .contactLink.p1						{display:block; position:absolute; top:20px; right:20px; width:16px; height:17px}
    
	#contactFrame						{position:absolute; top:0; right:0; width:282px; height:370px; z-index:10001; display:none}
    #contactFrame div					{position:relative; padding:20px; margin:70px 0 0; /*background:#fff  url('../images/trans.png') */ background-color:rgba(255,255,255,0.95) }

    #contactFrame div p					{font-size:13px; color:#000; padding:0 0 15px; margin:0; display:block;}
    #contactFrame div a					{color:#fff; text-decoration:none}
    #contactFrame div a.linkModal		{color:#000 !important}
    
    .fp-controlArrow					{display:none !important}
    
	.slide								{position:relative}
    #slide3 a 							{color:#000; text-decoration:none}
    #slide3 p 							{display:block; padding:0 0 10px; margin:0; line-height:17px; font-size:16px !important; font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; font-weight: 300;}
    
    #slide2 a 							{color:#000; text-decoration:none}
    #slide2 p 							{display:block; padding:0 0 10px; margin:0; line-height:17px; font-size:16px !important; font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; font-weight: 300;}
    
    #slide4 a 							{color:#000; text-decoration:none}
    #slide4 p 							{display:block; padding:0 0 10px; margin:0; line-height:17px; font-size:16px !important; font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; font-weight: 300;}
    
    #slide5 a 							{color:#000; text-decoration:none}
    #slide5 p 							{display:block; padding:0 0 10px; margin:0; line-height:17px; font-size:16px !important; font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; font-weight: 300;}
    
    #slide6 a 							{color:#000; text-decoration:none}
    #slide6 p 							{display:block; padding:0 0 10px; margin:0; line-height:17px; font-size:16px !important; font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; font-weight: 300;}
    
    .inline-box							{position:absolute; top:0; left:0; width:372px; height:372px; display:none}
    .inline-box 						{ top: 60px !important; left: 248px !important }
	
    .tabs-menu 							{height: 30px; float: left; clear: both; width:100%}
	
	.innlink01							{display:block; background:url('../images/litarrow01.png') no-repeat center left; background-size:6px 10px; padding:0 0 0 10px}
	
	.tabs-menu li 						{height: 33px; line-height: 33px; float: left; width:21.5%; margin-right: 15px; background-color:#3CC0EC; overflow: hidden; padding: 0 0 0 15px !important;}
	.tabs-menu li:last-child 			{width:23% !important; margin-right: 0 !important;}
    .tabs-menu li.current 				{position: relative; z-index: 5}
    .tabs-menu li a 					{display:block; height:100%; padding: 0 0 0 20px; color: rgba(255,255,255,0.8) !important; text-decoration: none; background:url('../images/not-selected.png') no-repeat center left; font-weight:300} /*F7B4C8*/
    .tabs-menu .current a 				{color: #fff !important; background:url('../images/arrow-white-down.png') no-repeat center left; font-weight:700 }
    .tab 								{float: left; margin-top: 20px; width: 100%}
    .tab-content 						{width: 100%; padding: 10px 0; display: none}
    
    #tab-1 								{display: block}
    
    .showSingleClose 					{cursor:pointer; display:none}
    
    #nav 								{position: fixed; top: 0; left: 0; height: 70px; z-index: 70; width: 100%; padding: 0; margin: 0; background: url('../images/trans.png')}
    .slicknav_menu 						{float: right; width: 50%}
    .infoBox 							{position:absolute; top:120px; font-size:18px; line-height:22px; width:260px; text-align:left; color:#000; height:240px}
    .infoBox span 						{display:block; padding:10px 0 0; font-size:14px}
    .infoBox div						{display:table; height:240px; width:100%}
    .infoBox div div					{display:table-cell; height:240px; vertical-align:bottom}
	
	
	
    ul 									{list-style-type: none; display:block; margin:0; padding:0}
    li img 								{float: left; margin: 0}
    li img:hover 						{}
    
    p.videolinkUrl						{display:block; font-size:17px; position:absolute; bottom:0}
    p.videolinkUrl a					{color:#fff; display:inline-block; font-size:19px; padding:0 20px; background:url('../images/arrow-white.png') no-repeat center left}
    
    #slide1 p.format15px,
    #slide2 p.format15px,
    #slide3 p.format15px,
    #slide4 p.format15px,
    #slide5 p.format15px,
    #slide6 p.format15px				{font-size:13px !important}
    
    #slide1 p.format13px,
    #slide2 p.format13px,
    #slide3 p.format13px,
    #slide4 p.format13px,
    #slide5 p.format13px,
    #slide6 p.format13px				{font-size:13px !important}
    
    #slide1 p.format13pxBlank,
    #slide2 p.format13pxBlank,
    #slide3 p.format13pxBlank,
    #slide4 p.format13pxBlank,
    #slide5 p.format13pxBlank,
    #slide6 p.format13pxBlank			{font-size:13px !important}
    
    #slide1 p.format13pxHeight,
    #slide2 p.format13pxHeight,
    #slide3 p.format13pxHeight,
    #slide4 p.format13pxHeight,
    #slide5 p.format13pxHeight,
    #slide6 p.format13pxHeight			{font-size:13px !important; height:60px; padding:0 0 0 10px !important}
	
    #slide1 p.format80pxHeight,
    #slide2 p.format80pxHeight,
    #slide3 p.format80pxHeight,
    #slide4 p.format80pxHeight,
    #slide5 p.format80pxHeight,
    #slide6 p.format80pxHeight			{font-size:13px !important; height:80px; padding:5px 0 5px 10px !important}
	
	
	#slide1 p.format80pxHeight.current,
    #slide2 p.format80pxHeight.current,
    #slide3 p.format80pxHeight.current,
    #slide4 p.format80pxHeight.current,
    #slide5 p.format80pxHeight.current,
    #slide6 p.format80pxHeight.current { background:#E6386D; color:#fff}
	
    #slide1 p.insideBox01,
    #slide2 p.insideBox01,
    #slide3 p.insideBox01,
    #slide4 p.insideBox01,
    #slide5 p.insideBox01,
    #slide6 p.insideBox01				{display:block; padding:5px 0; text-align:left; font-size:12px !important; font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; line-height:14px !important}
	
	#slide1 p.insideBox02,
    #slide2 p.insideBox02,
    #slide3 p.insideBox02,
    #slide4 p.insideBox02,
    #slide5 p.insideBox02,
    #slide6 p.insideBox02				{display:block; padding:5px 0 0; text-align:left; font-size:12px !important; font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; line-height:14px !important}
	
	#slide1 p.insideBox03 
	#slide1 p.insideBox03,
    #slide2 p.insideBox03,
    #slide3 p.insideBox03,
    #slide4 p.insideBox03,
    #slide5 p.insideBox03,
    #slide6 p.insideBox03				{font-size:15px !important; margin:15px 0 0}
	
    span.navBottomLeft					{display:block; position:relative; float:left; width:50%; padding:0; margin:0; z-index:1001; text-align:left}
    span.navBottomLeft a				{display:inline-block; padding:4px 18px 0; background:url('../images/arrow-prev.png') no-repeat center left}
    
    span.navBottomRight					{display:block; position:relative; float:right; width:50%; padding:0; margin:0; z-index:1001; text-align:right}
    span.navBottomRight a				{display:inline-block; padding:0 20px; background:url('../images/arrow-next.png') no-repeat center right}
    
    .floatLeftBox						{float:left; width:260px; margin:0 3.5% 0 0; line-height:20px; font-size:14px !important; font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; font-weight: 300}
    .floatLeftBoxNoMarg					{float:left; width:260px; margin:0 0 0 0; line-height:20px; font-size:14px !important; font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; font-weight: 300}
    
    .closeBox							{display:block; padding:12px 0 0; font-size:13px !important}
    .closeBoxLess						{display:block; padding:5px 0 0; font-size:13px !important}
    
    h2									{display:block; padding:2px 0 20px; margin:0; font-size:40px; line-height:40px; font-weight:300}
    h2.littleSize						{display:block; padding:2px 0 20px; margin:0; height:58px; font-size:26px !important; font-weight:300}
    
	.slideWrapper						{position:absolute; top:313px; left:50px; right:25px; width:92%; text-align:left; color:#000; z-index:101}

    .windowFrame01						{float:left; width:270px; margin:0 40px 0 0; font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; line-height:22px}
    .windowFrame02						{float:left; width:270px; margin:0 40px 0 0; font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; line-height:22px; font-size: 13px}
	.windowFrame03 						{float:left; width:73%; margin:0; line-height:20px; font-size:14px !important; font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; font-weight: 300}
    
	.windframe01 						{float:left; position:relative; width:71%; margin:0; text-align:center; background-color:#ff6611}
	.windframe01 div#videoFrame			{position:absolute; top:-100px; right:0; left:0} /*top:-65px; */

	.winTiny01 							{position:absolute; top:16%; right:9%; font-size:22px; width:40%; text-align:left; color:#000}
	.winTiny01 span						{display:block; padding:10px 0 0; font-size:14px}

	.floatLeftBoxInner					{float:left; width:23%; margin:0 3% 0 0; font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; line-height:22px}

	.profDesc							{position:absolute; bottom:0; left:0; right:0; width:100%; background:url('../images/trans.png')}
	.profDesc div						{padding:10px !important}

	#teamFrameLeft 						{float:left; width:20%; margin:0 47px 0 0; font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; line-height:18px}
	#teamFrameRight 					{float:left; position:relative; width:74%; margin:0; text-align:center}
	#teamFrameRight .teamWrapper		{position:absolute; top:-210px; right:0; left:30px; width:868px; overflow:hidden} /*top:-220px; :-130px*/

	.teamList 							{width:994px !important}

	#partnersFrame 						{position:absolute; top:313px; left:59px; right:25px; width:92%; text-align:left; color:#000}

	.loader 							{position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background: url('../images/loading_page.gif') 50% 50% no-repeat rgb(249,249,249)}


	#moveleft							{position:absolute; top:0; left:0; margin:0; padding:0;width:17px; height:33px; cursor:pointer}
	#moveright							{position:absolute; top:0; right:-57px; margin:0; padding:0;width:17px; height:33px; cursor:pointer}



	.desktopOnly						{}
	.mobileOnly							{display:none !important}
	#menuMobile							{display:none}

	.introlist							{list-style: none; margin: 0 0 10px; padding: 0; display:block; width:100%; position: absolute; bottom: 10px}
	.introlist li						{background: url('../images/litarrow01.png') no-repeat center left; padding: 3px 0 0 15px; margin: 0 5% 0 0; display:inline-block; width:25%; font-size:21px; float:left}
	.introlist li a 					{color:#4e4e56; text-decoration:none}
	.introlist li:last-child			{margin: 0}

	.litabs01 							{width:30% !important}
	.litabs02 							{width:30% !important}
	.litabs03 							{width:25% !important}
	
	.pad90Important 					{padding: 0 !important; position: absolute; bottom: 0}
	.pad80Important 					{padding: 0 !important; position: absolute; bottom: 0}
	
	.list li.k1 						{width: 26% !important}
	.list li.k2 						{width: 18% !important}
	.list li.k3 						{width: 19% !important}
	.list li.k4 						{width: 14% !important}

	.strcsHeader 						{font-size: 13px !important; display: block; height: 50px !important; color: #fff; background-color:#8ad9f4; overflow: hidden; padding: 5px 0 5px 10px !important; margin: 0 0 10px !important}
	.tabsOn								{background-color:#3CC0EC !important}
	
	#slide4 p.strcsHeader 				{font-size: 13px !important}
	#slide5 p.strcsHeader 				{font-size: 13px !important}
	#slide6 p.strcsHeader 				{font-size: 13px !important}
	
	.csHeader 							{font-size: 13px !important; display: block; height: 33px !important; line-height: 33px !important; color: #fff; background-color: #3CC0EC; overflow: hidden; padding: 0 0 0 10px !important; margin: 0 0 10px !important}
	#slide3 p.csHeader 					{font-size: 13px !important}
	.wedoHeader 						{font-size: 13px !important; display: block; height: 33px !important; line-height: 33px !important; color: #fff; background-color: #FF6510; overflow: hidden; padding: 0 0 0 10px !important; margin: 0 0 10px !important}
	#slide3 p.wedoHeader 				{font-size: 13px !important}
	.partnerHeader 						{font-size: 13px !important; display: block; height: 33px !important; line-height: 33px !important; color: #fff; background-color:#E6386D; overflow: hidden; padding: 0 0 0 10px !important; margin: 0 0 10px !important}
	#slide4 p.partnerHeader 			{font-size: 13px !important}
	.pBoxes 							{padding: 0 0 0 10px !important; margin: 10px 0 !important; display: block !important}
	.padded10 							{padding: 0 0 0 10px !important; margin:0 0 10px}
	
	.newboxes2.padded10 				{font-size:13px}
	
	.textItem 							{position:absolute; display:none}
	span.navArrow 						{display:block; position:absolute; margin:0 auto; bottom:20px; width:33px; height:17px; z-index:1; left:48%; right:48%}

	.csHeader a.current 				{color: #fff !important; background: url('../images/arrow-white-down.png') no-repeat center left; font-weight: 700}
	.csHeader a 						{display: block; height:100%; padding: 0 0 0 20px; color: rgba(255,255,255,0.8) !important; text-decoration: none; background: url('../images/not-selected.png') no-repeat center left; font-weight: 300}

	.quoteBoxesFrame					{display:none; float:right; width:73.6%; position:relative; padding:0; margin:0; font-size:15px; color:#fff}
	.quoteBoxesFrame.current			{display:block}
	.quoteBoxesFrame .quotebox 			{float:left; width:260px; height:280px; padding:11px; margin:0 10px 0 0; font-size:21px}
	.box1 								{background:url('../images/box01.png') no-repeat 0 0}
	.box2 								{background:url('../images/box02.png') no-repeat 0 0}
	.box3 								{background:url('../images/box03.png') no-repeat 0 0}
	.quoteBoxesFrame .quotebox.last 	{margin:0 !important}

	.navBarFooter						{position:absolute; display:block; bottom:20px; right:50px; left:50px; margin:0 auto}
	
	.fixedRight 						{float: left; width: 360px}
	.fluid 								{margin-left: 360px}
	
	.inHome								{position:relative; max-width:865px; width:100%; height:70px; padding:0; margin:0}

	.strH1								{text-indent:-999999px}



	#slide3 p.wedoHeader a 				{display: block; height: 100%; padding: 0 0 0 20px; color: rgba(255,255,255,0.8) !important; text-decoration: none; background: url('../images/arrow-white.png') no-repeat center left; font-weight: 300}
	#slide3 p.wedoHeader a.current 		{color: #fff !important; background: url('../images/arrow-white-down.png') no-repeat center left; font-weight: 700}


	.landscapeOnly 						{display:block}
	.portraitOnly 						{display:none !important}
	

	.carousel-no-style ul 									{display:block; width:867px; padding:0; margin:0}
	.carousel-no-style ul li 								{display:block; float:left; width:275px; height:302px; overflow:hidden; padding:0; margin:0 8px 0 0}
	.carousel-no-style ul li .quoteBoxesFrame 				{width:95% !important; display:block !important}
	.carousel-no-style ul li .quoteBoxesFrame .quotebox 	{width: 230px; height: 270px; padding: 16px 16px; margin: 0; font-size: 17px; font-weight:300; line-height:24px}
	.carousel-no-style ul li .box1 							{background: url('../images/box01.png') no-repeat center right !important}
	
	span.prev-no-style										{display:block; position:absolute; top:190px; left:297px; width:19px; height:33px; overflow:hidden; cursor:pointer}
	span.next-no-style										{display:block; position:absolute; top:190px; right:0; width:19px; height:33px; overflow:hidden; cursor:pointer}


	.adjustText {padding: 0 0 5px !important; line-height: 15px !important}


    .teamWrapper ul.teamList li 			{position:relative; float:left; padding:0; margin:0; width:124px; height:124px}
    .teamWrapper ul.teamList li span i 		{display:inline-block; padding:0 15px 0 5px; font-style:normal; background:url('../images/team-arrow.png') no-repeat bottom right}
    span.caption 							{position: absolute !important; background: rgba(255,255,255,0.8); color: #000 !important; display: none; padding: 100px 0 0 0 !important; text-align: left; position: absolute !important; bottom: 0 !important; left: 0 !important; width:124px; height:24px; font-size:12px; cursor:pointer; font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif}
    .showSingleClose 						{display: block !important; z-index:101}
    .closemini 								{display:block; position:absolute; padding:0; margin:0; top:10px; right:10px; height:9px; width:9px; z-index:100000001}


	
@media screen and (max-width: 768px) 
{
	.fixedRight 						{float: left; width: 145px}
	.fluid 								{margin-left: 0; float:right; width:200px}
	
	#logoMenu 							{display: block; position: absolute; top:0; left:10px; padding: 10px 0 0 0; width: 145px; z-index: 10001}
	#logoMenu img 						{display:block; max-width:100% !important}
	#logoMenu a 						{display: block; height:100%}
	span.navArrow 						{display:block; position:absolute; margin:0 auto; bottom:20px; width:100%; height:40px; z-index:100000001; left:0; right:0}
	span.navArrow a 					{display:block; height:100%; padding:0; margin:0}
	.maxLayout 							{position: relative; margin: 0 auto; padding: 0; max-width: 100%; width: 100%; height: 100%}

	.slicknav_nav li span.contactLink 	{display:none !important}

	.desktopOnly						{display:none !important}
	.mobileOnly							{display:block !important}
	
	.slicknav_menu 						{display:block; position:absolute; top:-10px; width:300px; right:0; z-index:9999999}	
	#contactBlanLink 					{display:none !important}

	#logoMenu							{left:15px}
	
	#section0,
	#section1,
	#section1 #slide1,
	#section1 #slide2,
	#section1 #slide3,
	#section2,
	#section3 #slide1,
	#section3 #slide2,
	#section3 #slide3,
	#section3 #slide4,
	#section3 #slide5,
	#section3 #slide6,
	#section4 #slide1,
	#section4 #slide2,
	#section4 #slide3,
	#section4 #slide4,
	#section4 #slide5,
	#section4							{background-size:cover}

	.s01Content 						{position: absolute; width: 300px; left: 20px; bottom:20px; top:auto; font-size: 30px; color: #4e4e56; line-height: 35px; font-style: normal; font-weight: 100; text-align: left}

	.s02Content 						{position: absolute; width: 370px; left: 20px; bottom:20px; top: auto; font-size: 25px; color: #4e4e56; line-height: 30px; font-style: normal; font-weight: 100; background: #ff6611; text-align: left; height:395px; overflow:hidden}
	.s02Content .frame span 			{display: block; font-size: 35px; color: #fff; line-height: 35px; padding: 0 0 7px}

	.s03Content 						{position: absolute; width: 300px; left: 20px; right:0; top: auto; bottom: 20px; font-size: 35px; color: #fff; line-height: 30px; font-style: normal; font-weight: 100; background: #38c1ed; text-align: left; height:auto}
	.s03Content .frame span 			{display: block; font-size: 30px; color: #fff; line-height: 35px; padding: 0 0 20px}
	.s03Content .frame p.rows01 		{display: block; padding: 0 0 15px 5px; margin: 0; font-size: 15px; line-height: 20px}
	.s03Content .frame p.rows02 		{display: block; padding: 0 0 3px 5px; margin: 0; font-size: 15px; line-height: 20px}

	.s04Content 						{position: absolute; width: 370px !important; left: 20px; top: auto; bottom: 20px; font-size: 35px; color: #fff; line-height: 30px; font-style: normal; font-weight: 100; background: #e7366c; text-align: left; height:auto}
	.s04Content .frame span 			{display: block; font-size: 30px; color: #fff; line-height: 35px; padding: 0 0 20px}

	.s05Content 						{position: absolute; width: 566px; left: 54px; top: 305px; font-size: 37px; color: #fff; line-height: 44px; font-style: normal; font-weight: 100; background: #6D3A64; text-align: left}	
	.s05Content .frame 					{padding:15px 18px 15px 20px; margin:0; color:#fff}
    .s05Content .frame span				{display:block; font-size:49px; color:#fff; line-height:54px; padding:0 0 25px; font-weight:300}
	
	.s05Content .frame p.rows01 		{display: block; padding: 0 0 15px 5px; margin: 0; font-size: 21px; line-height: 24px}

	.list 								{display: none}
	
	
	#nav 								{height: 55px}
	
	
}

@media screen and (max-height: 768px) 
{	

	#section0							{background-image: url('../images/animation/1366x768-1.jpg'); padding: 0}
	.rst1								{background-image: url('../images/animation/1366x768-1.jpg') !important; padding: 0}
	.rst2								{background-image: url('../images/animation/1366x768-2.jpg') !important; padding: 0}
	.rst3								{background-image: url('../images/animation/1366x768-3.jpg') !important; padding: 0}
	.rst4								{background-image: url('../images/animation/1366x768-4.jpg') !important; padding: 0}
	.rst5								{background-image: url('../images/animation/1366x768-5.jpg') !important; padding: 0}
	.rst6								{background-image: url('../images/animation/1366x768-6.jpg') !important; padding: 0}
	.rst7								{background-image: url('../images/animation/1366x768-7.jpg') !important; padding: 0}
	.rst8								{background-image: url('../images/animation/1366x768-8.jpg') !important; padding: 0}

	#section1 #slide1 					{background-image: url('../images/bg/1366x672-Landing-image-3.jpg')}
	#section2 							{background-image: url('../images/bg/p3-blank.jpg');}
	#section3 #slide1 					{background-image: url('../images/bg/1366x672-Landing-image-4.jpg'); padding: 0}
	#section4 #slide1 					{background-image: url('../images/bg/1366x672-Landing-image-5.jpg')}
	
	.s01Content 						{top:auto; bottom:3%; width: 440px; height:370px; font-size: 35px; line-height: 36px}
	.s01Content .introlist 				{padding: 20px 0 10px}
	
	.s02Content 						{top:auto; bottom:5%; width: 440px; height:350px}
	
	.s02Content .frame 					{padding: 15px}
	.s02Content .frame span 			{font-size: 41px; line-height: 45px}
	p.videolinkUrl a 					{font-size: 19px}
	
	.s03Content 						{top:auto; bottom:5%; width: 440px; height:350px}
	.s03Content .frame 					{padding: 15px}
	.s03Content .frame span 			{font-size: 35px; line-height: 35px}
	.s03Content .frame p.rows01 		{}
	.s03Content .frame p.rows02 		{}
	.s03Content a						{display:block}
	
	.s04Content 						{top:auto; bottom:5%; width: 440px; height:350px}
	.s04Content .frame 					{padding: 15px}
	.s04Content .frame span 			{font-size: 40px; line-height: 43px}
	.s04Content .frame p.rows01,
	.s04Content .frame p.rows02 		{}
	
	.s05Content 						{top:auto; bottom:5%; width: 440px; height:350px}
	.s05Content .frame 					{padding: 15px}
	.s05Content .frame span 			{font-size: 40px; line-height: 43px; padding:0 0 18px}
	.s05Content .frame p.rows01 		{padding: 0 0 22px 5px}

	.litabs01 							{width:25% !important}
	.litabs02 							{width:25% !important}
	.litabs03 							{width:25% !important}

	.list li.k1 						{width: 28% !important}
	.list li.k2 						{width: 14% !important}
	.list li.k3 						{width: 19% !important}
	.list li.k4 						{width: 13% !important}
	
	.list li 							{padding: 0 0 0 20px}
		
	#partnersFrame 						{top: 180px}
	.slideWrapper 						{top: 150px}/
	
	#teamFrameRight .teamWrapper 		{top: -200px !important}

    #slide1 p.format15px,
    #slide2 p.format15px,
    #slide3 p.format15px,
    #slide4 p.format15px,
    #slide5 p.format15px,
    #slide6 p.format15px				{font-size:14px !important}

	.infoBox 							{width:260px; font-size: 18px; line-height: 18px;}
	.infoBox 							{top: 12%}
	.floatLeftBoxInner 					{margin: 0 55px 0 0 !important}
	
	 .infoBox 							{position:absolute; top:30px; font-size:15px; line-height:20px; width:260px; /*top:16%; right:9%; font-size:22px;width:40%*/; text-align:left; color:#000; height:240px}
	 .specHeight90						{top:200px !important}
	
}

/*iPad in portrait */
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) 
{
	#section0,
	#section1,
	#section1 #slide1,
	#section1 #slide2,
	#section1 #slide3,
	#section2,
	#section3 #slide1,
	#section3 #slide2,
	#section3 #slide3,
	#section3 #slide4,
	#section4 #slide1,
	#section4 #slide2,
	#section4 #slide3,
	#section4							{background-size:contain}
		
	#section0							{background-color:transparent !important}

	#section0							{background-image: url('../images/animation/iPad-Horisontal-1.jpg'); padding: 0}
	.rst1								{background-image: url('../images/animation/iPad-Horisontal-1.jpg') !important; padding: 0}
	.rst2								{background-image: url('../images/animation/iPad-Horisontal-2.jpg') !important; padding: 0}
	.rst3								{background-image: url('../images/animation/iPad-Horisontal-3.jpg') !important; padding: 0}
	.rst4								{background-image: url('../images/animation/iPad-Horisontal-4.jpg') !important; padding: 0}
	.rst5								{background-image: url('../images/animation/iPad-Horisontal-5.jpg') !important; padding: 0}
	.rst6								{background-image: url('../images/animation/iPad-Horisontal-6.jpg') !important; padding: 0}
	.rst7								{background-image: url('../images/animation/iPad-Horisontal-7.jpg') !important; padding: 0}
	.rst8								{background-image: url('../images/animation/iPad-Horisontal-8.jpg') !important; padding: 0}

	#section1 #slide1					{background-image: url('../images/ipad-portrait/What-we-do.jpg'); padding: 0}
	#section2							{background-image: url('../images/ipad-portrait/What-we-believe.jpg'); padding: 0}	
	#section3 #slide1					{background-image: url('../images/ipad-portrait/Where-weve-done-it.jpg'); padding: 0}
	#section4 #slide1					{background-image: url('../images/ipad-portrait/What-makes-us-differen.jpg'); padding: 0}

	.txt09,
	.txt08								{font-size:25px !important; line-height:30px !important; padding:0 0 10px !important}
	.txt11								{font-size:25px !important; line-height:30px !important; padding:0 0 0 !important}

	#section1 #slide2
	#section1 #slide3,
	#section3 #slide2,
	#section3 #slide3,
	#section3 #slide4,
	#section3 #slide5,
	#section3 #slide6,
	#section4 #slide2,
	#section4 #slide3,
	#section4 #slide4,
	#section4 #slide5					{display:none !important}

	.s01Content 						{position: absolute; background:#403f4d; width: 90%; height:380px; left: 0; right:0; padding:5%; top:auto; bottom: 0; font-size: 45px; color: #fff; line-height: 58px; font-style: normal; font-weight: 100; text-align:left}
		
	.s01Content p 						{}

	.s02Content 						{position: absolute; width: 90%; padding:2% 5%; left: 0; top:auto; bottom: 0; font-size: 37px; color: #4e4e56; line-height: 44px; font-style: normal; font-weight: 100; background: #ff6611; text-align: left; height:auto}
	.s02Content br 						{display: none !important}
	.s02Content .frame span 			{display: block; font-size: 48px; color: #fff; line-height: 55px; padding: 0 0 20px}
	.s02Content ul li a 				{display:none}
	
	.txt01 								{padding: 0 0 30px !important}
	.txt02 								{font-size: 31px !important; line-height: 35px !important; padding: 0 0 25px !important}
	p.videolinkUrl a 					{font-size: 31px; padding: 0 20px 25px}	
	
	.s03Content 						{position: absolute; width: 90%; padding:2% 5%; left: 0; right:0; top: auto; bottom: 0; font-size: 37px; color: #fff; line-height: 44px; font-style: normal; font-weight: 100; background: #38c1ed; text-align: left; height:auto}
	.s03Content .frame span				{display:block; font-size:37px; color:#fff; line-height:53px; padding:0 0 20px}
	.s03Content .frame p.rows01			{display:block; padding:0 0 19px 5px; margin:0; font-size:17px; line-height:22px}
	.s03Content .frame p.rows02			{display:block; padding:0 0 3px 5px; margin:0; font-size:17px; line-height:22px}


	.s04Content 						{position: absolute; width: 90% !important; padding:4% 5%; left: 0; top: auto; bottom: 0; font-size: 37px; color: #fff; line-height: 44px; font-style: normal; font-weight: 100; background: #e7366c; text-align: left; height:auto}
    .s04Content br 						{display: none !important}
	.s04Content .frame span				{display:block; font-size:45px; color:#fff; line-height:54px; padding:0 0 18px; font-weight:300}
    .s04Content .frame p.rows01			{display:block; padding:0 0 26px 5px; margin:0; font-size:20px; line-height:24px}
    .s04Content .frame p.rows02			{display:block; padding:0 0 0 5px; margin:0; font-size:20px; line-height:24px}
    .s04Content .frame p.rows03			{display:block; padding:6px 0 2px 5px; margin:0; font-size:22px; line-height:24px}
	
	.s05Content 						{position: absolute; width: 90%; padding:4% 5%; left: 0; top: auto; bottom: 0; font-size: 37px; color: #fff; line-height: 44px; font-style: normal; font-weight: 100; background: #6D3A64; text-align: left; height:auto}
    .s05Content .frame span				{display:block; font-size:49px; color:#fff; line-height:54px; padding:0 0 25px; font-weight:300}
	.s05Content .list 					{display:none !important}
    .s05Content .frame p.rows01			{display:block; padding:0 0 41px 5px; margin:0; font-size:21px; line-height:24px}

	.list 								{display: none}
	
	.landscapeOnly {display:none !important}
	.portraitOnly {display:block !important}
}

/*iPad in portrait */
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) 
{
	.rst1								{background-image: url('../images/animation/iPad-Vertical-1.jpg') !important; padding: 0}
	.rst2								{background-image: url('../images/animation/iPad-Vertical-2.jpg') !important; padding: 0}
	.rst3								{background-image: url('../images/animation/iPad-Vertical-3.jpg') !important; padding: 0}
	.rst4								{background-image: url('../images/animation/iPad-Vertical-4.jpg') !important; padding: 0}
	.rst5								{background-image: url('../images/animation/iPad-Vertical-5.jpg') !important; padding: 0}
	.rst6								{background-image: url('../images/animation/iPad-Vertical-6.jpg') !important; padding: 0}
	.rst7								{background-image: url('../images/animation/iPad-Vertical-7.jpg') !important; padding: 0}
	.rst8								{background-image: url('../images/animation/iPad-Vertical-8.jpg') !important; padding: 0}
	
	#section1 #slide1					{background-image: url('../images/ipad-landscape/What-we-do.jpg'); padding: 0}
	#section2							{background-image: url('../images/ipad-landscape/What-we-believe.jpg'); padding: 0}	
	#section3 #slide1					{background-image: url('../images/ipad-landscape/Where-weve-done-it.jpg'); padding: 0}
	#section4 #slide1					{background-image: url('../images/ipad-landscape/What-makes-us-differen.jpg'); padding: 0}

}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) 
{
	.slicknav_nav li span.contactLink 	{display:none !important}

	.desktopOnly						{display:none !important}
	.mobileOnly							{display:block !important}
	
	.slicknav_menu 						{display:block; position:absolute; top:0; width:300px; right:20px; z-index:9999999}	
	#contactBlanLink 					{display:none !important}
}

@media only screen and (min-width : 320px) and (max-width : 667px) 
{
	.txt01								{font-size:21px !important; line-height:24px !important; padding:0 0 5px !important}
	.txt02								{font-size:14px !important; line-height:20px !important; padding:0 0 5px !important}
	.txt03								{font-size:14px !important; line-height:20px !important; padding:0 0 5px !important}
	.txt04								{font-size:18px !important; line-height:24px !important; padding:0 0 5px !important}
	.txt05								{font-size:13px !important; line-height:18px !important; padding:0 0 5px !important}
	.txt06								{font-size:13px !important; line-height:18px !important; padding:0 0 0 !important}
	
	.txt07								{font-size:22px !important; line-height:28px !important; padding:0 0 10px !important}
	.txt08								{font-size:13px !important; line-height:18px !important; padding:0 0 10px !important}
	.txt09								{font-size:13px !important; line-height:18px !important; padding:0 0 0 !important}
	.txt10								{font-size:22px !important; line-height:28px !important; padding:0 0 10px !important}
	.txt11								{font-size:13px !important; line-height:18px !important; padding:0 0 0 !important}

	#logoMenu img 						{display:block; width:100px !important}
	
	.rst1								{background-image: url('../images/animation/iPhone-Vertical-1.jpg') !important; padding: 0}
	.rst2								{background-image: url('../images/animation/iPhone-Vertical-2.jpg') !important; padding: 0}
	.rst3								{background-image: url('../images/animation/iPhone-Vertical-3.jpg') !important; padding: 0}
	.rst4								{background-image: url('../images/animation/iPhone-Vertical-4.jpg') !important; padding: 0}
	.rst5								{background-image: url('../images/animation/iPhone-Vertical-5.jpg') !important; padding: 0}
	.rst6								{background-image: url('../images/animation/iPhone-Vertical-6.jpg') !important; padding: 0}
	.rst7								{background-image: url('../images/animation/iPhone-Vertical-7.jpg') !important; padding: 0}
	.rst8								{background-image: url('../images/animation/iPhone-Vertical-8.jpg') !important; padding: 0}
	
	#section1 #slide1					{background-image: url('../images/bg/iphone/s02.png'); padding: 0}
	#section2							{background-image: url('../images/bg/iphone/s03.png'); padding: 0}
	#section3 #slide1					{background-image: url('../images/bg/iphone/s04.png'); padding: 0}
	#section4 #slide1					{background-image: url('../images/bg/iphone/s05.png'); padding: 0}
	
	#section0,
	#section1,
	#section1 #slide1,
	#section1 #slide2,
	#section1 #slide3,
	#section2,
	#section3 #slide1,
	#section3 #slide2,
	#section3 #slide3,
	#section3 #slide4,
	#section4 #slide1,
	#section4 #slide2,
	#section4 #slide3,
	#section4							{background-size:contain}
	#section0							{}

	.s01Content 						{position: absolute; background:#403f4d; width: 100% !important; left: 0; right:0; padding:0%; top:auto; bottom: 0 !important; font-size: 25px !important; color: #fff; line-height: 30px; font-style: normal; font-weight: 100; text-align:left}
	.s01Content .frame 					{padding: 15px 4%; width: 92%}
	
	.s02Content 						{position: absolute; width: 100%; left: 0; top:auto; bottom: 0; font-size: 25px; color: #4e4e56; line-height: 30px; font-style: normal; font-weight: 100; background: #ff6611; text-align: left; height: 230px}
	.s02Content .frame 					{padding: 15px 4%; width: 92%}
	.s02Content .frame span 			{display: block; font-size: 30px; color: #fff; line-height: 35px; padding: 0 0 20px}
	.s02Content ul li a 				{display:none}
	
	.s03Content 						{position: absolute; width: 100%; left: 0; right:0; top: auto; bottom: 0; font-size: 35px; color: #fff; line-height: 30px; font-style: normal; font-weight: 100; background:#6d3a64; text-align: left; height: 230px}
	.s03Content .frame 					{padding: 15px 4%; width: 92%}
	.s03Content .frame span 			{display: block; font-size: 30px; color: #fff; line-height: 35px; padding: 0 0 20px}
		
	.s04Content 						{position: absolute; width: 100% !important; left: 0; top: auto; bottom: 0; font-size: 35px; color: #fff; line-height: 30px; font-style: normal; font-weight: 100; background:#3CC0EC; text-align: left; height: 230px}
	.s04Content .frame 					{padding: 15px 4%; width: 92%}
	.s04Content .frame span 			{display: block; font-size: 30px; color: #fff; line-height: 35px; padding: 0 0 20px}
	
	
	
	.s05Content 						{position: absolute; width: 100%; left: 0; top: auto; bottom: 0; font-size: 35px; color: #fff; line-height: 30px; font-style: normal; font-weight: 100; background:#E6386D; text-align: left; height: 230px}
	.s05Content .frame 					{padding: 15px 4%; width: 92%}
	.s05Content .frame span 			{display: block; font-size: 30px; color: #fff; line-height: 35px; padding: 0 0 20px}
	.s05Content .list 					{display:none !important}
	.s05Content .frame p.rows01 		{display: block; padding: 0 0 15px 5px; margin: 0; font-size: 21px; line-height: 24px}

	.list 								{display: none}
	
	span.navArrow 						{bottom:-15px}
	
	.s01Content 						{height: 200px; font-size: 22px !important; line-height: 27px}

}

@media only screen and (min-width : 375px) and (max-width : 667px) and (orientation : landscape) 
{
	
	.s01Content 						{position: absolute; width: 50% !important; left: 20px; padding:0; top:80px !important; font-size: 20px !important; line-height: 30px; font-style: normal; font-weight: 100; text-align:left; height:230px !important}
	.s01Content 						{color:#000}
	
	#section0 							{background-color: #fff !important}
	.s01Content 						{background:none !important}

	.s01Content .frame 					{padding: 10px 0; width: 100%}
	
	.s02Content 						{position: absolute; width: 50%; left: 20px; top: 100px !important; font-size: 37px; color: #4e4e56; line-height: 40px; font-style: normal; font-weight: 100; background:#ff6611; text-align: left; overflow: hidden; height:230px !important}
	
	.s03Content 						{position: absolute; width: 50%; left: 20px; right:0; top: 90px !important; font-size: 37px; color: #fff; line-height: 44px; font-style: normal; font-weight: 100; background: #38c1ed; text-align: left; height:230px !important}
	.s04Content 						{position: absolute; width: 50% !important; left: 20px; top: 90px !important; font-size: 35px; color: #fff; line-height: 30px; font-style: normal; font-weight: 100; background: #e7366c; text-align: left; height:230px !important}
	.s05Content 						{position: absolute; width: 50%; left: 20px; top: 90px !important; font-size: 35px; color: #fff; line-height: 30px; font-style: normal; font-weight: 100; background: #6D3A64; text-align: left; height:230px !important}

	.txt01								{font-size:19px !important; line-height:24px !important; padding:0 0 5px !important}
	.txt02								{font-size:13px !important; line-height:20px !important; padding:0 0 5px !important}
	.txt03								{font-size:12px !important; line-height:16px !important; padding:0 0 5px !important}
	
	.txt04								{font-size:17px !important; line-height:22px !important; padding:0 0 10px !important}
	.txt05								{font-size:12px !important; line-height:15px !important; padding:0 0 5px !important}
	.txt06								{font-size:12px !important; line-height:15px !important; padding:0 0 0 !important}
	
	.txt07								{font-size:22px !important; line-height:28px !important; padding:0 0 10px !important}
	.txt08								{font-size:13px !important; line-height:15px !important; padding:0 0 10px !important}
	.txt09								{font-size:13px !important; line-height:15px !important; padding:0 0 0 !important}
	
	.txt10								{font-size:22px !important; line-height:28px !important; padding:0 0 10px !important}
	.txt11								{font-size:13px !important; line-height:15px !important; padding:0 0 0 !important}

	#logoMenu img 						{display:block; width:100px !important}

	.rst1								{background-image: url('../images/animation/iPhone-Horisontal-1.jpg') !important; padding: 0}
	.rst2								{background-image: url('../images/animation/iPhone-Horisontal-2.jpg') !important; padding: 0}
	.rst3								{background-image: url('../images/animation/iPhone-Horisontal-3.jpg') !important; padding: 0}
	.rst4								{background-image: url('../images/animation/iPhone-Horisontal-4.jpg') !important; padding: 0}
	.rst5								{background-image: url('../images/animation/iPhone-Horisontal-5.jpg') !important; padding: 0}
	.rst6								{background-image: url('../images/animation/iPhone-Horisontal-6.jpg') !important; padding: 0}
	.rst7								{background-image: url('../images/animation/iPhone-Horisontal-7.jpg') !important; padding: 0}
	.rst8								{background-image: url('../images/animation/iPhone-Horisontal-8.jpg') !important; padding: 0}

	#section1 #slide1					{background-image: url('../images/iphone-landscape/What-we-do.jpg'); padding: 0}
	#section2							{background-image: url('../images/iphone-landscape/What-we-believe.jpg'); padding: 0}	
	#section3 #slide1					{background-image: url('../images/iphone-landscape/Where-we-ve-done-it.jpg'); padding: 0}
	#section4 #slide1					{background-image: url('../images/iphone-landscape/What-makes-us-different.jpg'); padding: 0}

	#section0,
	#section1,
	#section1 #slide1,
	#section1 #slide2,
	#section1 #slide3,
	#section2,
	#section3 #slide1,
	#section3 #slide2,
	#section3 #slide3,
	#section3 #slide4,
	#section4 #slide1,
	#section4 #slide2,
	#section4 #slide3,
	#section4							{background-size:cover}
	
	.s02Content .frame {
		padding: 10px 3%;
		width:94%
	}
	.s03Content .frame {
		padding: 10px 3%;
		width:94%
	}
	.s04Content .frame {
		padding: 10px 3%;
		width:94%
	}
	.s05Content .frame {
    	padding: 10px 3%;
		width:94%
	}
	
	span.navArrow 						{bottom:0px !important}
	
	.landscapeOnly 						{display:none !important}
	.portraitOnly 						{display:block !important}

}

@media only screen and (min-width : 375px) and (max-width : 667px) and (orientation : portrait) 
{
	#section0,
	#section1,
	#section1 #slide1,
	#section1 #slide2,
	#section1 #slide3,
	#section2,
	#section3 #slide1,
	#section3 #slide2,
	#section3 #slide3,
	#section3 #slide4,
	#section4 #slide1,
	#section4 #slide2,
	#section4 #slide3,
	#section4							{background-size:contain}

	.s01Content {height: 230px; font-size: 19px !important; line-height: 27px}
	.s01Content span{display:block}
	.landscapeOnly {display:none !important}
	.portraitOnly {display:block !important}
}

@media only screen 
and (max-device-width : 320px) 
and (max-device-height : 568px)
and (device-aspect-ratio: 40/71)
and (orientation : portrait)
{
	.txt01								{font-size:22px !important; line-height:25px !important; padding:0 0 5px !important}
	.txt02								{font-size:16px !important; line-height:20px !important; padding:0 0 5px !important}
	.txt03								{font-size:14px !important; line-height:16px !important; padding:0 0 5px !important}
	
	.txt04								{font-size:20px !important; line-height:23px !important; padding:0 0 5px !important}
	.txt05								{font-size:12px !important; line-height:14px !important; padding:0 0 5px !important}
	.txt06								{font-size:13px !important; line-height:16px !important; padding:0 0 0 !important}
	
	.txt07								{font-size:22px !important; line-height:25px !important; padding:0 0 5px !important}
	.txt08								{font-size:13px !important; line-height:14px !important; padding:0 0 10px !important}
	.txt09								{font-size:13px !important; line-height:14px !important; padding:0 0 0 !important}
	
	.txt10								{font-size:22px !important; line-height:25px !important; padding:0 0 5px !important}
	.txt11								{font-size:13px !important; line-height:14px !important; padding:0 0 0 !important}

	#logoMenu img 						{display:block; width:100px !important}
	
	.rst1							{background-image: url('../images/animation/iPhone-Vertical-1.jpg') !important; padding: 0}
	.rst2								{background-image: url('../images/animation/iPhone-Vertical-2.jpg') !important; padding: 0}
	.rst3								{background-image: url('../images/animation/iPhone-Vertical-3.jpg') !important; padding: 0}
	.rst4								{background-image: url('../images/animation/iPhone-Vertical-4.jpg') !important; padding: 0}
	.rst5								{background-image: url('../images/animation/iPhone-Vertical-5.jpg') !important; padding: 0}
	.rst6								{background-image: url('../images/animation/iPhone-Vertical-6.jpg') !important; padding: 0}
	.rst7								{background-image: url('../images/animation/iPhone-Vertical-7.jpg') !important; padding: 0}
	.rst8								{background-image: url('../images/animation/iPhone-Vertical-8.jpg') !important; padding: 0}

	#section1 #slide1					{background-image: url('../images/bg/iphone/s02.png'); padding: 0}
	#section2							{background-image: url('../images/bg/iphone/s03.png'); padding: 0}
	#section3 #slide1					{background-image: url('../images/bg/iphone/s04.png'); padding: 0}
	#section4 #slide1					{background-image: url('../images/bg/iphone/s05.png'); padding: 0}
	
	#section0,
	#section1,
	#section1 #slide1,
	#section1 #slide2,
	#section1 #slide3,
	#section2,
	#section3 #slide1,
	#section3 #slide2,
	#section3 #slide3,
	#section3 #slide4,
	#section4 #slide1,
	#section4 #slide2,
	#section4 #slide3,
	#section4							{background-size:contain}
	#section0							{}

	.s01Content 						{position: absolute; background:#403f4d; width: 100% !important; left: 0; right:0; padding:0%; top:auto; bottom: 0 !important; font-size: 20px !important; color: #fff; line-height: 30px; font-style: normal; font-weight: 100; text-align:left}
	.s01Content .frame 					{padding: 15px 4%; width: 92%}
		
	.s02Content 						{position: absolute; width: 100%; left: 0; top:auto; bottom: 0; font-size: 25px; color: #4e4e56; line-height: 30px; font-style: normal; font-weight: 100; background: #ff6611; text-align: left; height: auto}
	.s02Content .frame 					{padding: 15px 4%; width: 92%}
	.s02Content .frame span 			{display: block; font-size: 30px; color: #fff; line-height: 35px; padding: 0 0 20px}
	.s02Content ul li a 				{display:none}
	
	.s03Content 						{position: absolute; width: 100%; left: 0; right:0; top: auto; bottom: 0; font-size: 35px; color: #fff; line-height: 30px; font-style: normal; font-weight: 100; background: #38c1ed; text-align: left; height:auto}
	.s03Content .frame 					{padding: 15px 4%; width: 92%}
	.s03Content .frame span 			{display: block; font-size: 30px; color: #fff; line-height: 35px; padding: 0 0 20px}
		
	.s04Content 						{position: absolute; width: 100% !important; left: 0; top: auto; bottom: 0; font-size: 35px; color: #fff; line-height: 30px; font-style: normal; font-weight: 100; background: #e7366c; text-align: left; height:auto}
	.s04Content .frame 					{padding: 15px 4%; width: 92%}
	.s04Content .frame span 			{display: block; font-size: 30px; color: #fff; line-height: 35px; padding: 0 0 20px}
	
	
	
	.s05Content 						{position: absolute; width: 100%; left: 0; top: auto; bottom: 0; font-size: 35px; color: #fff; line-height: 30px; font-style: normal; font-weight: 100; background: #6D3A64; text-align: left; height:auto}
	.s05Content .frame 					{padding: 15px 4%; width: 92%}
	.s05Content .frame span 			{display: block; font-size: 30px; color: #fff; line-height: 35px; padding: 0 0 20px}
	.s05Content .list 					{display:none !important}
	.s05Content .frame p.rows01 		{display: block; padding: 0 0 15px 5px; margin: 0; font-size: 21px; line-height: 24px}

	.list 								{display: none}
	
	span.navArrow 						{bottom:-15px}
	
	
	.s01Content {

    height: auto;
	font-size: 19px !important;
    line-height: 24px;
}

.s03Content a {
    display: inline;
}

.landscapeOnly {display:none !important}
.portraitOnly {display:block !important}


}



/* modifications 8/12/15 */

@media only screen and (max-height : 768px) and (orientation: landscape) {
/* Styles */
	.s01Content {
		top: 30%;
		font-size: 25px;
	}
	.s02Content {
		height: 75vh;
	}
		.s02Content  .frame span {
			font-size: 35px;
		}
	
	.s03Content {
		height: 75vh;
	}
		.s03Content  .frame span {
			font-size: 35px;
		}
	
	.s04Content {
		height: 75vh;
	}
		.s04Content  .frame span {
			font-size: 35px;
		}
	
	.s05Content {
		height: 75vh;
		/*left: 20px;*/
	}
		.s05Content  .frame span {
			font-size: 35px;
		}
	
}


/* modifications 16/12/15 - copied from screen-tabletv1.css */

.inhome {
	max-width: 100%;
}

.menu li {
	padding:27px 6.5% 26px 0;
}


/* Desktops and laptops ----------- */
@media only screen and (max-width : 1224px) {
/* Styles */
	#nav .menu li {
		padding: 27px 2.5% 26px;
	}
}

@media only screen and (max-width : 1178px) {
/* Styles */
	#nav .menu li {
		padding: 27px 2.1% 26px;
	}
}

@media only screen and (max-width : 1148px) {
/* Styles */
	#nav .fluid {
		margin-left: 325px;
	}
	#nav .menu li {
		padding: 27px 10px 26px;
	}
}

@media only screen and (max-width : 1085px) {
/* Styles */
	#nav .menu li {
		padding: 27px 7px 26px;
	}
}

@media only screen and (max-width : 1025px) {
/* Styles */
	#nav .fluid {
		margin-left: 300px;
	}
	#nav .menu li {
		padding: 27px 7px 26px;
	}
}

@media only screen and (max-width : 1000px) {
/* Styles */
	#nav .fluid {
		margin-left: 270px;
	}
}

@media only screen and (max-width : 968px) {
/* Styles */
	#nav .fluid {
		margin-left: 250px;
	}
	#nav .menu li#first {
		padding: 27px 7px 26px 0 !important;
	}
}

@media only screen and (max-width : 920px) {
/* Styles */
	#nav .desktopOnly {
		display: none !important;
	}
	#nav .slicknav_menu {
		display: block;
		position: absolute;
		top: 0;
		width: 300px;
		right: 0px;
		z-index: 9999999;
	}
	#nav .mobileOnly {
    	display: block !important;
	}
	#nav .slicknav_menu li.tel {
		padding: 5px 0px 1px !important;
		margin: 2px 0px 0 !important;
		text-align: right !important;
		color: #000 !important;
		line-height:18px
	}
	#nav .slicknav_menu li .contactLink {
		display: none;
	}
}



@media screen and ( max-height: 600px ){
        .teamWrapper ul.teamList li {
			height: 100px;
			overflow:hidden
		}
		h2 {
			padding: 2px 0 10px;
			font-size: 40px;
			line-height:36px
		}
		#teamFrameRight .teamWrapper {
				top: -100px !important;
			}
			
		.inline-box {
			top: 0 !important;
			left: 248px !important;
		}
		
		.slideWrapper {
			top: 100px;
		}
		
		.specHeight90 {
			top: 100px !important;
		}
		
		#partnersFrame {
			top: 100px;
		}
		
		
}