@font-face {
    font-family: 'droid-assault';
    src: url('fonts/droid-assault-webfont.eot');
    src: url('fonts/droid-assault-webfont.eot?#iefix') format('rembedded-opentype'),
         url('fonts/droid-assault-webfont.woff') format('woff'),
         url('fonts/droid-assault-webfont.ttf') format('truetype'),
         url('fonts/droid-assault-webfont.svg#04b09regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

* {box-sizing:content-box}

html { font-size:0.625em }

#infoBanner, header, footer {
	font-size:1.9em;
	box-sizing:border-box !important;
	}
#infoBanner *, header *, footer * { box-sizing:border-box !important; }

@media all and (max-width:90em) {
	footer {font-size:1.65em !important;}
}
@media all and (max-width:75em) {
	footer {font-size:1.55em !important;}
}
@media all and (max-width:53em) {
	footer {font-size:1.45em !important;}
}
@media all and (max-width:20em) {
	footer {font-size:1.3em !important;}
}

@media all and (max-width:90em) {
	header {font-size:1.65em !important;}
}
@media all and (max-width:75em) {
	header {font-size:1.55em !important;}
}
@media all and (max-width:53em) {
	header {font-size:1.45em !important;}
}
@media all and (max-width:20em) {
	header {font-size:1.3em !important;}
}

body, #puppyContentWrap input, #puppyContentWrap select, #puppyContentWrap textarea, #droidAssault h5 {font:1rem/1rem Optima, Segoe, "Segoe UI", Candara, Calibri, "DejaVu Sans", Arial, sans-serif;}
#droidAssault body {margin:0;padding:0;background:#000;width:100%;}

#droidAssault #puppyContentWrap, #droidAssault #puppyContent, #droidAssault #page {
	width:100%;margin:0;padding:0;background:none;height:100%;overflow:hidden}

#droidAssault .group a, #droidAssault .group a:link, #droidAssault .group a:visited {color:#fff;text-decoration:none}
#droidAssault .group a:hover, #droidAssault .group a:active {color:#00f0ff;text-decoration:underline}

#droidAssault .group h1, .group h2, .group h3, .group h4  {text-transform:uppercase; font-size:3.0rem; line-height:2.8rem; font-family:droid-assault; color:#00f0ff; text-shadow: 0 0 1.0rem #00848c; margin: 0 2.0rem 1.0rem;
	text-align:left;font-weight:normal;}

#droidAssault #puppyContentWrap h1 {}
#droidAssault #puppyContentWrap h1 strong {font-size:4.8rem;font-size: calc( 3.8rem + 1vw );font-weight:normal}
#droidAssault #puppyContentWrap h3, #puppyContentWrap #droidAssault h4 {font-size:2.4rem;line-height:2.0rem}
#droidAssault #puppyContentWrap h5 { color:#00f0ff; text-align:left;font-weight:normal;text-transform:none;text-shadow: 0 0 1.0rem #00f0ff; }


#droidAssault .group p, #droidAssault .group li, #droidAssault #puppyContent label, #droidAssault th, #droidAssault td{ 
	font-size:1.3rem; line-height:1.9rem; padding:0; margin:0 0 1.0rem; color:#aaa; max-width:100%}

#droidAssault .intro, #droidAssault .group p.intro {
	font-size:1.7rem;line-height:2.5rem;margin-top:-0.3rem;text-align:left; color:#00f0ff; text-shadow: 0 0 1.5rem #00848c;font-style:italic}
#droidAssault #puppyContentWrap small {font-size:0.9rem}

#droidAssault #puppyContentWrap em {font-style:normal;}
#droidAssault #puppyContentWrap strong {font-weight:normal; }
#droidAssault #puppyContentWrap p strong, #droidAssault #puppyContentWrap li strong {color:#fff;}

#droidAssault .group ul {margin:0 0 1.5rem; padding:0;}
#droidAssault .group li {list-style:none;margin:0 0 0.8rem 0rem; padding:0 0 0 2.0rem;text-align:left;
	background:url(images/bullet.gif) left 0.6rem no-repeat;
}

#droidAssault #puppyContentWrap a img, #droidAssault iframe {border:0;}

#droidAssault #header, #droidAssault .sectionWrap, #droidAssault .downloadWrap, #droidAssault #videoFrame {
		margin:0;padding:0;width:100%;clear:both; text-align:center; }

#droidAssault .section, #droidAssault .download { max-width:90.0rem; margin:0 auto; padding:0 2vw; } /*  change to overflow hidden to stop abs pos'd elrements causing scrollbar */

#droidAssault .group:before, #droidAssault .group:after { content: ""; display:table;} 
#droidAssault .group:after { clear: both;}


/* FLEX OVERRIDE OLD STUFF  --------------------------------------------------------------------------------- */

#droidAssault .flexRow { display:flex; flex-flow:row wrap; justify-content:center; align-items:flex-start }
#droidAssault #puppyContentWrap .flexRow .youTubeVid, 
#droidAssault #puppyContentWrap .flexRow .youTubeVid img 
	{width:100%;height:100%;position:relative}


/* DOWNLOAD  --------------------------------------------------------------------------------- */

#droidAssault #puppyContentWrap .downloadWrap { padding-left:4%;padding-right:4%;width:92% }

#droidAssault .download {background:url('images/download.button.frame.2.png') center center no-repeat;
	 background-size:contain; min-width:20.0rem; max-width:36.0rem; width:100%; height:9rem; margin:0 auto; padding:0;
	 } /*padding-bottom:6.0rem;*/

#droidAssault .download a { display:block; margin:0; width:100%; height:100%;color:#00f0ff; text-shadow: 0 0 1.0rem #00848c; position:relative;}

#droidAssault .download a .daButton { display:block; margin:0; height:100%; color:#00f0ff; text-shadow: 0 0 1.0rem #00848c; position:relative;
		background:url('images/download.button.main.png') center center no-repeat; width:100%; opacity:0.35;
		background-size:contain; 
		transition: opacity 2s;
		-webkit-transition: opacity 2s; /* Safari */
	}




#droidAssault .download a:hover .daButton { color:#00f0ff; text-shadow:none;
		opacity:1.0;
		transition: opacity 0.25s;
		-webkit-transition: opacity 0.25s; /* Safari */
	}	

#droidAssault .download a .buttonText {position:absolute;top:50%;left:38%;
		font-family:droid-assault;font-size:3rem;line-height:1rem;text-transform:uppercase;text-align:left;
	}



#droidAssault .download a strong {font-weight:normal;color:#fff; text-shadow: 0 0 1.0rem #00f0ff; }
	

#droidAssault .downloadIcon  {display:block;position:absolute;top:0.5rem;left:2.7rem;height:81px;width:98px;background:url('images/steam.icon.png') center top no-repeat;opacity:0.5;
		background-size:cover; transition: opacity 2s;
		-webkit-transition: opacity 2s; /* Safari */
		}

@media all and (max-width:24em) {
	#droidAssault .download a .buttonText {top:48%;left:38%; font-size:2.25rem;font-size:calc( 1rem + 4vw ) ;}
	#droidAssault .downloadIcon  { height:61.5px; width:72px; top:1.5rem; left:10%; }
}

#droidAssault .download a:hover .downloadIcon {
	opacity:1.0;
	transition: opacity 0.25s;
	-webkit-transition: opacity 0.25s; /* Safari */
	}	

#droidAssault .download a:hover .downloadIcon {
	-moz-animation: iconAnim 0.5s ease 0.1s;
	-webkit-animation: iconAnim 0.5s ease 0.1s;
	-o-animation: iconAnim 0.5s ease 0.1s;
	animation: iconAnim 0.5s ease 0.1s;
	
}

@-moz-keyframes glowAnim { from {text-shadow: 0 0 2.0rem #00f0ff;color:#fff;} to {text-shadow: 0 0 1.0rem #00848c;color:#82f8ff;} }
@-webkit-keyframes glowAnim { from {text-shadow: 0 0 2.0rem #00f0ff;color:#fff;} to {text-shadow: 0 0 1.0rem #00848c;color:#82f8ff;} }
@-o-keyframes glowAnim { from {text-shadow: 0 0 2.0rem #00f0ff;color:#fff;} to {text-shadow: 0 0 1.0rem #00848c;color:#82f8ff;} }
@keyframes glowAnim { from {text-shadow: 0 0 2.0rem #00f0ff;color:#fff;} to {text-shadow: 0 0 1.0rem #00848c;color:#82f8ff;} }

@-moz-keyframes iconAnim { 0% {-moz-transform:scale(1);} 20% {-moz-transform:scale(1.2);} 100% {-moz-transform:scale(1);} }
@-webkit-keyframes iconAnim { 0% {-webkit-transform:scale(1);} 20% {-webkit-transform:scale(1.2);} 100% {-webkit-transform:scale(1);} }
@-o-keyframes iconAnim { 0% {-o-transform:scale(1);} 20% {-o-transform:scale(1.2);} 100% {-o-transform:scale(1);} }
@keyframes iconAnim { 0% {transform:scale(1);} 20% {transform:scale(1.2);} 100% {transform:scale(1);} }

#droidAssault .download a em {
	}
#droidAssault .download a:hover em {
	color:#00f0ff; text-shadow:none; 
	
}

/* PLAY BUTTON --------------------------------------------------------------------------------- */

#droidAssault #puppyContentWrap .youTubeVid .daPlayButton { background:url('images/play.button.frame.png') center center no-repeat;width:20.0rem;height:6.0rem;background-size:contain;
	opacity:1.0;position:absolute;top:37%;left:50%;margin:0 0 0 -10.0rem;overflow:hidden;

	}

#droidAssault #vid .daPlayButton {height:7.4rem}

#droidAssault .youTubeVid .daPlayButton .daButton { position:absolute;left:0;top:0;width:100%;height:100%;
		background:url('images/play.button.png') center center no-repeat;background-size:contain;
		opacity:0.5;
		transition: opacity 2s;
		-webkit-transition: opacity 2s; /* Safari */
	}

#droidAssault .youTubeVid:hover .daPlayButton .daButton{ 
		opacity:1.0;
		transition: opacity 0.25s;
		-webkit-transition: opacity 0.25s; /* Safari */
	}	

#droidAssault .playIcon {display:block;position:absolute;top:0;left:0;background:url('images/play.icon.png') center top no-repeat;opacity:0.5;
		width:100%;height:200%;background-size:contain;
		transition: opacity 2s;
		-webkit-transition: opacity 2s; /* Safari */
		}

#droidAssault .youTubeVid:hover .playIcon{
	top:-100%;
	opacity:1.0;
	transition: opacity 0.25s;
	-webkit-transition: opacity 0.25s; /* Safari */
	}	


/* HEADER  AND MAIN VID --------------------------------------------------------------------------------- */

#droidAssault #puppyContent {max-width:2750px;background:#000 url('images/header.jpg') no-repeat top center;background-size:contain;}	
#droidAssault #header {margin:0 auto 3rem ; max-width:140rem; width:100%;position:relative}

/* #droidAssault #header + .sectionWrap {margin-top:-8.0rem} */

#droidAssault #videoFrame, #video { padding:0;margin:0;background:none;overflow:visible}

#droidAssault #vidFrameWrap1  {width:100%;margin:0 auto;}
#droidAssault #vidWrap  {margin:0 auto 0;} /* frame width smaller so vid extends out into borders */

#droidAssault #videoFrame {position:absolute; width:92%; left:4% }
#droidAssault #vidFrame {position: absolute; width:100%;height:100%;left:-7rem;bottom:-2.0rem;border: solid 6.4rem #000;padding-bottom:0rem; /* extra frame at bottom */
	border-image:url('images/video.box.2.png') 64 fill repeat stretch;
	border-width:0rem 7rem 7rem;
	border-image-width: 3rem;
	}

#droidAssault #video {overflow:hidden;padding:0;width:92%;margin:0 auto} /* frame width at top */ 
#droidAssault #video:after {content:none}

#droidAssault #vid, #droidAssault #vidFrameWrap2 {margin:0;position:relative;height:0;overflow:visible;padding-bottom: 56.25%;} /* padding = div ratio */ 
#droidAssault #vid {background:#000;}

#droidAssault #vid iframe, #droidAssault #vid img {position: absolute;top:0;left:0;width:100%;height:100%;background:#000;}
#droidAssault #vidFrameWrap2 {margin:0 5.0rem;}	

#droidAssault .youTubeVid {cursor:pointer}
#droidAssault .youTubeVid iframe {position:absolute;top:0;border:none;margin:0;padding:0;width:100%;height:100%}

#droidAssault .youTubeVid .youTubePic, #droidAssault .youTubeVid .daPlayButton {
	transition: opacity 0.5s;
	-webkit-transition: opacity 0.5s; /* Safari */
}

#droidAssault .youTubeVid {position:relative;background:#000;}
#droidAssault .columns .inset .youTubeVid {width:57.0rem;height:32.0rem;padding:0rem;margin:0;}
#droidAssault .youTubePic {position:relative;width:100%;height:100%;margin:0;padding:0;}



/* DOWNLOAD   --------------------------------------------------------------------------------- */
	
#droidAssault .downloadWrap { padding:0 0 15.0rem;height:14.3rem;background:url('images/download.section.purple.jpg') top center no-repeat;}
#droidAssault .downloadWrap .download { position:relative;top:3.2rem;}

#droidAssault #downloadTop {margin:0.125rem 0 0;background:none !important;} /* gap between vid and button */ 
#droidAssault #downloadTop  .download { top:0;
	/* background:url('images/download.button.frame.png') top center no-repeat; */
}
#droidAssault #downloadTop  .download a {}

#droidAssault #downloadBottom {background-image:url('images/download.section.blue.jpg');padding-bottom:25.0rem;margin-bottom:-16.0rem;}
#droidAssault #downloadBottom .download {top:7.8rem;}

#droidAssault #downloadTop + .sectionWrap {margin-top:-15.0rem;}
#droidAssault .downloadWrap + .sectionWrap {margin-top:-13.0rem;}

#droidAssault #alt .downloadWrap{background-image:url('images/download.section.3.jpg') }
#droidAssault #alt2 .downloadWrap{background-image:url('images/download.section.4.jpg') }
#droidAssault #alt3 .downloadWrap{background-image:url('images/download.section.5.jpg') }

/* SECTION   --------------------------------------------------------------------------------- */

#droidAssault .sectionWrap { padding:3.0rem 0 2.0rem;background:url(images/section.jpg) bottom center no-repeat;overflow:hidden}
#droidAssault .section {text-align:left;color:#fff; }
#droidAssault .columns div {float:left;width:27.0rem;margin:0 1.5rem;text-align:justify} 
#droidAssault .columns .split {width:42.0rem;} 
#droidAssault .columns .double {width:57.0rem;} 

#droidAssault .columns  h2, #droidAssault .columns h3 {margin-left:0;margin-right:0;}

	/* review   --------------------------------------------------------------------------------- */

	#droidAssault .review {position:relative;padding:0 0 5.5rem;}
	#droidAssault .review  .quote {color:#00f0ff;margin:0 -0.5rem 0 -0.5rem;padding:0.8rem 1.0rem; height:auto; text-align:left;position:relative;
		width:auto;
		display:		block;
		overflow:		visible;
		border: solid 1.0rem transparent;
		background:transparent;
		border-image:url('images/bubble.png') 10 fill repeat stretch;
				
	}

	@media screen and (min-width:0\0) {  
        /* IE9 and IE10 */  
		#droidAssault .review  .quote {background:rgba(0,76,82,0.75)}
    }  
	
	#droidAssault .review .quote:after {content:"";display:block;width:2.0rem;height:2.0rem;position:absolute;bottom:-3.0rem;right:9.0rem;
		background:url('images/bubble.tail.right.png') 0 0 no-repeat;}
	
	#droidAssault .review.alt .quote:after {left:9.0rem;
		background:url('images/bubble.tail.left.png') 0 0 no-repeat;}

	#droidAssault .review  .quote  p {color:#00f0ff;font-size:1.6rem;line-height:1.4rem;text-transform:uppercase;font-family:droid-assault; }
	
	#droidAssault .review  .credit {font-size:1.2rem;line-height:1.4rem;color:#888;text-align:right;position:absolute;bottom:0;right:10.0rem;font-style:italic}
	#droidAssault .review.alt  .credit {text-align:left;left:10.0rem;}
	
	#droidAssault .review  img {position:absolute;bottom:0;right:1.0rem;}
	#droidAssault .review.alt img {left:1.0rem;}

	#droidAssault .columns div .review {margin:1.5rem 0}

	/* inset   --------------------------------------------------------------------------------- */

	#droidAssault .columns .inset, #totalBiscuit {width:29.0rem;float:left;margin:0 -7.0rem 1.0rem 0.5rem;
		padding:0.5vw 0.75vw;
		border: solid 2.4rem transparent;
		border-image:url('images/inset.box.black.png') 24 fill repeat stretch;
	}

	#droidAssault .columns .double.inset.iframeTremp {width:57.0rem;padding:0.5rem 1.0rem;}

	@media screen and (min-width:0\0) {  
        /* IE9 and IE10 */  
		#droidAssault .columns .inset {background:rgba(0,0,0,0.75);box-shadow: 0 0 2.0rem rgba(0,236,255,0.25);}
    }  

	#droidAssault .columns .double .inset,  #droidAssault .columns .double.inset {width:57.0rem;float:left;margin:0 0.2rem 1.0rem -5.3rem;}
	#droidAssault .columns > div + .double .inset,  #droidAssault .columns > div + .double.inset {margin:0 -5.3rem 1.0rem 0.2rem;}

	#droidAssault .inset .columns {width:59.0rem;margin:0;}
	#droidAssault .double .inset .columns div {width:26.5rem;}
	#droidAssault .double .inset .columns .quote {width:auto;}
	
	/* snippet   --------------------------------------------------------------------------------- */
	
		#droidAssault #puppyContentWrap h5 {margin:2.5rem 0 2.5rem 0; font-size:2.2rem;font-style:italic; line-height:2.4rem;}
		#droidAssault #puppyContentWrap h5.alt {margin:2.5rem 0 2.5rem 0; text-align:left;font-size:2.4rem;line-height:2.2rem;font-family:droid-assault;text-transform:uppercase;font-style:normal;text-shadow: 0 0 1.0rem #00848c;}

	/* slideshow   --------------------------------------------------------------------------------- */
	
	#droidAssault div.slideshowWrap { width:100%; margin:0 auto; padding:0; position:relative; overflow:hidden;
		border:solid 2.4rem transparent;
		border-image:url('images/inset.box.black.png') 24 fill repeat stretch;
		box-sizing:border-box!important;
	}
	#droidAssault div.slideshow	{ width:100%; height:0; padding:0 0 56.25%; margin:0 }
	#droidAssault div.slideshow img.slideshow { position:absolute; display:none; width:100%; padding:0; margin:0; }
	


	/* special   --------------------------------------------------------------------------------- */

	#droidAssault #allOS {margin:0.5rem auto -1rem; animation:allOSpulse 1s infinite;}
	@keyframes allOSpulse {
	  0% 	{ opacity:0.5;}
	  55% 	{ opacity:1;}
	  100% 	{ opacity:0.5;}
	}


	#droidAssault #reviews {padding:0 0 29.0rem;background-image:url('images/section.refl.jpg');overflow:hidden;}
	#droidAssault #reviews .section {padding:0;width:100%;max-width:96.0rem;margin:auto}
	#droidAssault #reviews .review { margin:1rem 2.0rem 0rem; flex:1 1 auto; max-width:30rem}
	#droidAssault #reviews .flexRow { align-items:flex-end; }
	
	@media screen and (max-width:929px) {  
		#droidAssault #reviews .review:nth-child(2){order:3}
		#droidAssault #reviews .review:nth-child(3){order:2}
		#droidAssault #allOS {margin-bottom:1rem;}
	}

	
	
	#droidAssault #reviews .review  .quote {height:6.8rem}
	#droidAssault #reviews .middle  .quote {height:4.4rem;}
	
	#droidAssault #reviews .review img {bottom:-7.0rem;right:-9.0rem;}
	#droidAssault #reviews .review .credit {bottom:1.0rem;right:11.0rem;}
	
	#droidAssault #destroyAllDroids {margin-top:-27.0rem;}	
	#droidAssault #destroyAllDroids .section { padding:0 2vw; max-width:112rem }
	
	#droidAssault #destroyAllDroids h1 {margin-bottom:2.0rem;text-align:center;
		line-height:120%; line-height:calc( 1vw + 100% );position:relative;z-index:1000}
	#droidAssault #destroyAllDroids .intro {text-align:center}
	#droidAssault #destroyAllDroids h5 {margin-top:0.5rem}

	#droidAssault #destroyAllDroids .columns div {float:none}
	#droidAssault #destroyAllDroids .double {text-align:center;margin:1rem auto;width:100%;max-width:80em}
	#droidAssault #destroyAllDroids .flexRow { margin:2rem auto 0;max-width:90rem;width:100%}
	#droidAssault #destroyAllDroids .flexRow > div {flex:1 1 24em;margin:0 2rem;max-width:36em;}
	#droidAssault #destroyAllDroids .flexRow > div .review {width:100%}
	#droidAssault #destroyAllDroids .flexRow > div > p {margin-bottom:3rem}


	#droidAssault #totalBiscuit {max-width:78.0rem;width:100%;float:none;margin:0 auto;box-sizing:border-box}
	#droidAssault #totalBiscuit .flexRow {width:100%;margin:0 auto}
	
	#droidAssault #totalBiscuit .flexRow > div {flex:1 1!important;min-width:20em;margin:1rem}
	#droidAssault #totalBiscuit .flexRow > div:first-of-type {min-width:22.5rem;}
	#droidAssault #totalBiscuit .flexRow > div > p {margin:0}
	#droidAssault #totalBiscuit #biscuitVid {width:100%;margin:0}
	
	/* #droidAssault #totalBiscuit .review {margin:-1.0rem 0 0 0 !Important;} */
	#droidAssault #totalBiscuit .review .quote {height:auto}
	#droidAssault #totalBiscuit .review .credit {margin:0 0 1rem}
	
	#droidAssault #gameplay_1 .section {text-align:center}
	#droidAssault #gameplay_1 .flexRow { align-items:center}
	#droidAssault #gameplay_1 img.transfer {margin:auto;max-width:100%}
	#droidAssault #gameplay_1 .section > img {margin:1.5rem auto 0.5rem;max-width:100%}
	
	#droidAssault #gameplay_1 .section, #droidAssault #gameplay_2 .section { max-width:96rem }
	#droidAssault #gameplay_1 h2, #droidAssault #gameplay_2 h2 { margin:0 auto 1rem; text-align:center }
	#droidAssault #gameplay_1 .flexRow > div, #droidAssault #gameplay_2 .flexRow > div 
		{ flex:1 1 27rem; min-width:20rem; max-width:40rem; margin:1rem 2rem; text-align:center }
	#droidAssault #gameplay_1 .flexRow > div.double.inset, #droidAssault #gameplay_2 .flexRow > div.double.inset  
		{ flex:1 1 57rem; min-width:20rem; max-width:57rem; margin:0.5rem -0.5rem }
	#droidAssault #gameplay_1 p, #droidAssault #gameplay_2 p {text-align:justify}
	#droidAssault #gameplay_1 p.intro, #droidAssault #gameplay_2 p.intro {text-align:left}

	@media screen and (max-width:669px) {  
		#droidAssault #gameplay_2 .flexRow > div:nth-child(3) { order:4 }
		#droidAssault #gameplay_2 .flexRow > div:nth-child(4) { order:3 }
    }  


	#droidAssault #dlc {height:40.0rem;}

	#droidAssault #newFeatures {background-image:url('images/section.refl.2.jpg'); padding-bottom:7.0rem}
	#droidAssault #newFeatures + .sectionWrap{margin-top:-9.6rem} 
	#droidAssault #newFeatures .section {max-width:100.0rem;margin:auto;text-align:center;padding:0 2vw}

	#droidAssault #newFeatures h2 {text-align:center;}
	
	#droidAssault #newFeatures .columns.flexRow  {margin:auto;align-items:center}
	#droidAssault #newFeatures .columns.flexRow > div {flex: 1 1 29rem; max-width:60rem; min-width:18rem;margin:0}
	#droidAssault #newFeatures .columns.flexRow > div.double {flex: 1 1 65rem; max-width:90rem; min-width:20rem;}
	#droidAssault #newFeatures .columns.flexRow > div:first-of-type {display:flex;flex-flow:row wrap;justify-content:center;align-items:flex-start}
	#droidAssault #newFeatures .columns.flexRow > div:first-of-type div {flex: 1 1 18rem;min-width:18rem;max-width:26rem;margin:0 1rem}

	#droidAssault #newFeatures .section > img {margin:auto; max-width:100%}

	#droidAssault #newFeatures #newFeaturesSticker {max-width:199px;min-width:120px;width:30%;position:absolute;z-index:1000;
		top:-20%;right:-5%; animation:pulse 1s infinite; transition-timing-function: cubic-bezier(.77,-1.23,.27,1.55);}
	
	@keyframes pulse {
	  0% 	{ opacity:0.8; 	transform: scale(0.9) rotate(45deg) translateY(0em)}
	  55% 	{ opacity:1; 	transform: scale(1.0) rotate(45deg) translateY(-0.5em)}
	  100% 	{ opacity:0.8; 	transform: scale(0.9) rotate(45deg) translateY(0em)}
	}

	#droidAssault #newFeatures #newFeaturesIcons {margin:1rem auto -5%}
	#droidAssault #newFeatures #newFeaturesCards {margin:0 auto 0}

	#droidAssault #xmas {overflow:hidden}
	#droidAssault #xmas.sectionWrap { background:url(images/section.xmas.jpg) 45% bottom no-repeat;
		padding-bottom:22.5rem;margin-bottom:-20.8rem;
	}
	#droidAssault #xmas .section {max-width:100%!important; position:relative;overflow:visible;padding:0 2vw}
	#droidAssault #xmas .flexRow  {max-width:125.0rem;margin:auto}
	#droidAssault #xmas .flexRow > div.double {flex: 1 1 57rem; max-width:57rem; min-width:20rem; margin:0}
	#droidAssault #xmas .flexRow > div.double p,
	#droidAssault #xmas .flexRow > div.double h2,
	#droidAssault #xmas .flexRow > div.double h3
		{margin-left:2rem;margin-right:2rem;}
	
	#droidAssault #xmas .flexRow > div.inset {flex: 0.1 1 26rem; max-width:36rem; min-width:18rem}
	
	#droidAssault #xmas h3 {margin:2.0rem 0 1.5rem}
	
	#droidAssault #xmas .inset {position:relative;padding:3.5rem 0.5rem 1.0rem;margin:1.0rem 0;
		border-image:url('images/xmas.inset.box.png') 24 fill repeat stretch;
		}
	#droidAssault #xmas .inset div {width:auto;margin:0 3%}	
	#droidAssault #xmas .inset h2 {margin-top:-6.2rem;text-shadow: 0 0 2.0rem #00f0ff;line-height:3.0rem;}	
	#droidAssault #xmas .inset h2 strong {font-weight:normal;
		font-size:6.4rem;font-size:calc( 1.0vw + 5.4rem );position:relative;z-index:1000;}
	#droidAssault #xmas .inset h2 em {font-style:normal;font-size:3.6rem;}

	#droidAssault #xmas .inset h2 em, #droidAssault #xmas .inset h2 strong, #droidAssault #destroyAllDroids h1 strong, #last h2 { 
		-moz-animation: glowAnim 0.5s ease-out 0s infinite alternate;
	-webkit-animation: glowAnim 0.5s ease-out 0s infinite alternate;
	-o-animation: glowAnim 0.5s ease-out 0s infinite alternate;
	animation: glowAnim 0.5s ease-out 0s infinite alternate;
	}

	#droidAssault #xmas .slideshowWrap {margin:0 0 1.5rem;}

	#xmasDroidsWrap {position:relative;height:1px;margin:0 auto 0 45%;width:1px;}
	#xmasDroids {position:absolute;bottom:-1px;right:-562px}

	@media all and (max-width:140em) {
		#droidAssault #xmas.sectionWrap{ background-position: 60% bottom; }
		#xmasDroidsWrap{margin-left:60%}
		#xmasDroids {right:-273px}
	}

	@media all and (max-width:100em) {
		#droidAssault #xmas.sectionWrap{ background-position: 55% bottom; }
		#xmasDroidsWrap{margin-left:55%}
		#xmasDroids {right:-370px}
	}

	@media all and (max-width:924px) {
		#droidAssault #xmas.sectionWrap{ background-position: 50% bottom;  background-image:url(images/section.xmas.2.jpg)}
		#xmasDroidsWrap{margin-left:50%}
		#xmasDroids {right:-129px}
		#droidAssault #xmas .section {padding-bottom:7em}
	}


	#droidAssault #last { overflow:visible;background:none; padding-top:3.5rem;}
	#droidAssault #last .section { max-width:120rem;margin:0 auto }
	#droidAssault #last h3 { margin:0 auto 2rem}
	#droidAssault #last p { margin:1rem auto 3rem; text-align:center}
	#droidAssault #last .flexRow { align-items:center; flex-direction:row-reverse}
	#droidAssault #last .flexRow > img, #droidAssault #last .flexRow > div{ flex: 1 0 }
	#droidAssault #last .flexRow > div { max-width: 56rem; height:auto}
	#droidAssault #last .flexRow > img { flex: 1 1; max-width: 427px; min-width:200px;margin-bottom:-3rem }
	
	#droidAssault #last #humbleWrap{min-width:20em;height:400px; position:relative; overflow:hidden; }
	#droidAssault #last #humbleWrap iframe { position:absolute; top:0; left:0; width:100%; height:100% }
	
	@media all and (max-width:40em) {
		#droidAssault #last .flexRow > img { display:none }
	}	
	@media all and (max-width:65em) {
		#droidAssault #last #humbleWrap{height:300px;width:300px;max-width:300px;}
	}