@import url("normalize.css");
@import url("../fonts/sentinal_bold.css");
@import url("../fonts/sentinel_black.css");
@import url("../fonts/fonts.css");


body {
	margin:0;
	font-size:100%;
	line-height:1.5;
	background-color:#000;
}

body, button, input, select, textarea {
	font-family: din, courier, monospace; 
	color:#000;
	
}


div, h3, p, li, ul, a, td,input {
	-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
	position: relative;
}


/*========== style.css includer after this comment ======*/



article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display:block;
}

audio, canvas, video {
	display:inline-block;
	*display:inline;
	*zoom:1;
}

audio:not( [controls ]) {
	display:none;
}

 [hidden ] {
	display:none;
}

html {
	font-size:100%;
	overflow-y:scroll;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
}

}

::-moz-selection {
	background:#fe57a1;
	color:#fff;
	text-shadow:none;
}

::selection {
	background:#fe57a1;
	color:#fff;
	text-shadow:none;
}

a {
	color:#959595;
		text-decoration:none;
}

a:visited {
	color:#959595;
}

a:hover {
	color:#000;
}

a:focus {
	outline:thin dotted;
}

a:hover, a:active {
	outline:0;
}

abbr [title ] {
	border-bottom:1px dotted;
}

b, strong {
	font-weight:bold;
}

blockquote {
	margin:1em 40px;
}

dfn {
	font-style:italic;
}

hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #ccc;
	margin:1em 0;
	padding:0;
}

ins {
	background:#ff9;
	color:#000;
	text-decoration:none;
}

mark {
	background:#ff0;
	color:#000;
	font-style:italic;
	font-weight:bold;
}

pre, code, kbd, samp {
	font-family:monospace, monospace;
	_font-family: 'courier new ', monospace;
	font-size:1em;
}

pre {
	white-space:pre;
	white-space:pre-wrap;
	word-wrap:break-word;
}

q {
	quotes:none;
}

q:before, q:after {
	content: " ";
	content:none;
}

small {
	font-size:85%;
}

sub, sup {
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline;
}

sup {
	top:-0.5em;
}

sub {
	bottom:-0.25em;
}

ul, ol {
	margin:1em 0;
	padding:0 0 0 40px;
}

dd {
	margin:0 0 0 40px;
}

nav ul, nav ol {
	list-style:none;
	list-style-image:none;
	margin:0;
	padding:0;
}

img {
	border:0;
	-ms-interpolation-mode:bicubic;
	vertical-align:middle;
}

svg:not(:root) {
	overflow:hidden;
}

figure {
	margin:0;
}

form {
	margin:0;
}

fieldset {
	border:0;
	margin:0;
	padding:0;
}

label {
	cursor:pointer;
}

legend {
	border:0;
	*margin-left:-7px;
	padding:0;
}

button, input, select, textarea {
	font-size:100%;
	margin:0;
	vertical-align:baseline;
	*vertical-align:middle;
}

button, input {
	line-height:normal;
	*overflow:visible;
}

table button, table input {
	*overflow:auto;
}

button, input [type= "button " ], input [type= "reset " ], input [type= "submit " ] {
	cursor:pointer;
	-webkit-appearance:button;
}

input [type= "checkbox " ], input [type= "radio " ] {
	box-sizing:border-box;
}

input [type= "search " ] {
	-webkit-appearance:textfield;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	box-sizing:content-box;
}

input [type= "search " ]::-webkit-search-decoration {
	-webkit-appearance:none;
}

button::-moz-focus-inner, input::-moz-focus-inner {
	border:0;
	padding:0;
}

textarea {
	overflow:auto;
	vertical-align:top;
	resize:vertical;
}

input:valid, textarea:valid {
}

input:invalid, textarea:invalid {
	background-color:#f0dddd;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

td {
	vertical-align:top;
}

.ir {
	display:block;
	border:0;
	text-indent:-999em;
	overflow:hidden;
	background-color:transparent;
	background-repeat:no-repeat;
	text-align:left;
	direction:ltr;
}

.ir br {
	display:none;
}

.hidden {
	display:none !important;
	visibility:hidden;
}

.visuallyhidden {
	border:0;
	clip:rect(0 0 0 0);
	height:1px;
	margin:-1px;
	overflow:hidden;
	padding:0;
	position:absolute;
	width:1px;
}

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
	clip:auto;
	height:auto;
	margin:0;
	overflow:visible;
	position:static;
	width:auto;
}

.invisible {
	visibility:hidden;
}

.clearfix:before, .clearfix:after {
	content: " ";
	display:table;
}

.clearfix:after {
	clear:both;
}

.clearfix {
	zoom:1;
}

@media print {
	* {
	background:transparent !important;
	color:black !important;
	text-shadow:none !important;
	filter:none !important;
	-ms-filter:none !important;
}

a, a:visited {
		text-decoration:none;
}

a [href ]:after {
	content: "( "attr(href) ") ";
}

abbr [title ]:after {
	content: "( "attr(title) ") ";
}

.ir a:after, a [href^= "javascript: " ]:after, a [href^= "# " ]:after {
	content: " ";
}

pre, blockquote {
	border:1px solid #999;
	page-break-inside:avoid;
}

thead {
	display:table-header-group;
}

tr, img {
	page-break-inside:avoid;
}

img {
	max-width:100% !important;
}

@page {
	margin:0.5cm;
}

p, h2, h3 {
	orphans:3;
	widows:3;
}

h2, h3 {
	page-break-after:avoid;
}

}.floatLeft {
	float:left;
}

.floatRight {
	float:right;
}

.clearBoth {
	clear:both;
}

#container {
	width:1017px;
	margin:0 auto;
	background-color:#ec008c;
	
}

header {
	width:1017px;
	height:88px;
	background:url(../images/common/TopGrad.gif) bottom repeat-x #fff;
}

header img {
	padding:3px 0 0 35px;
}

header:after 
{
content: url(../images/common/tagLine.png);
float:right;
padding:14px 50px 0  0;
}


nav.leftNav {
	width:135px;
	float:left;
}

section.slideShow {
	width:750px;
	height: 390px;
	float:left;
	border-right:4px solid #fff;
	border-left:4px solid #fff;
	overflow:hidden;
	background:url(../images/home/mainSlideShow/artOfPersuasionMain.png) top no-repeat  #000;
}

#slider img
{ 
  
    }

ul.thumbNav
{
    margin: 0 auto;
   display:block;
   width:58px;
   height:100px; 
   padding:15px 0 0 10px;
    }
ul.thumbNav li
{
     width:14px;
   height:14px; 
   display: inline;
   float:left;
   margin:0;
   padding:0 4px 6px 0;
   
    }

.adddot
{
    display:block;

	background:url(../images/nav/PinkDot.png) top no-repeat; 
	
	    }
    
   .cur
   {
           display:block;
  background:url(../images/nav/WhiteDot.png) top no-repeat;
   
  
       }

nav.rightNav {
	width:122px;
	float:left;
	text-align:center;
}


nav.rightNav div.slideshowArrows {
	padding:20px 0 0 0;
}

nav.rightNav div.slideshowTopNav {
	padding:20px 0 0 0;
}

nav.rightNav div.slideshowBtmNav {
	padding:5px 0 0 0;
}

nav.rightNav p {
	text-align:center;
}

section.bottomImages {
	height:120px;
	background-color:#fff;
	clear:both;
	border-top:10px solid #fff;
}

footer {
	height:40px;
	background:url(../images/common/BottomGrad.gif) bottom repeat-x #fff;
	clear:both;
}

footer p {
	float:right;
	padding:0 5px 0 0;
}
	
footer a{
	margin-left: 15px;
}
		
				
h3 {
	padding:0 0 0 0;
	margin:0 0 0 -10px;
	font-size:12px;
	color:#ec008c;
}

h3.noMar {
	padding:0 0 0 0;
	margin:0 0 0 0px;
	font-size:12px;
	color:#ec008c;
}

h3.Landing {
	padding:0 0 0 -12px;
	margin:8px 0 0 0px;
	font-size:12px;
	color:#ec008c;
}


.imageBarLeft {
	width:90px;
	height:74px;
	background-color:#666;
	margin:10px 5px 0 0;
	float:left;
}

.imageBarRight {
	width:90px;
	height:74px;
	background-color:#666;
	margin:10px 0 0 0;
	float:right;
}

.imagesBottom {
	width:152px;
	height:100px;
	float:left;
	padding:10px 0 0 11px;
	text-align:center;
}

.imagesBottom a {
	text-transform:uppercase;
	font-size:9px;
	font-weight:bold;
}

.imagesBottom span {
	display:block;
	margin:10px 0 0 0;
}

#navcontainer ul {
	list-style-type:none;
	text-align:left;
	padding:10px 0 0 25px;
}

#navcontainer ul li {
	padding:5px 0 0 0;
}

#navcontainer ul li a {
	background:url(../images/nav/PinkDotSmall.png) left center no-repeat;
	padding-left:20px;
	text-align:left;
	text-decoration:none;
	color:#fff;
	font:normal 11px "Lucida Grande ",  "Lucida Sans Unicode ", verdana, lucida, sans-serif;
}

#navcontainer ul li a:hover {
	background:url(../images/nav/WhiteDotSmall.png) left center no-repeat;
	color:#eee;vertical-align:text-top;
}

#navcontainer ul li a#current {
	background:url(../images/nav/WhiteDotSmall.png) left center no-repeat;
	color:#fff;
}



.bold {
	font-weight:bold;
}

.boldNo {
	font-weight:normal;
}

.pink {
	color:#ec008c;
}

.black {
	color:#000000;
}

a.pink {
	color:#ec008c;
	text-decoration:none;
}

a.pink:visited {
	color:#ec008c;
	text-decoration:none;
}

a.pink:hover {
	color:#ec008c;
	text-decoration:underline;
}

a.pink:focus {
	outline:thin dotted;
}

a.link {
	color:#000;
	text-decoration:none;
}

a.link:visited {
	color:#000;
	text-decoration:none;
}

a.link:hover {
	color:#000;
	text-decoration:none;
}

a.link:focus {
	color:#000;
	text-decoration:none;
}

#container.site {
	width:1017px;
	margin:0 auto;
	background-color:#fff;
}

section.site {
	width:820px;
	float:left;
}

article.left {
	width:445px;
	float:left;
	padding:15px 40px 0 50px;
	border-right:1px solid #dddddd;
}

article.leftNoBorder {
	width:445px;
	float:left;
	padding:15px 40px 0 50px;
}

article.right {
	width:200px;
	float:left;
	padding:15px 0 0 40px;
}

#rightBorderImage {
	float:right;
	width:47px;
}

nav.rightNavSite {
	height:465px;
	margin:-15px 0 0 0;
	background:url(../images/common/RightCorner.gif) right top no-repeat;
}

nav.rightNavSiteBottom {
	height:1132px;
	background-color:#b3b3b3;
}

nav.aboutR {
	height:350px;
	background-color:#b3b3b3;
}

nav.workR {
	height:1192px;
	backgroundcolor:#b3b3b3;
}

nav.leftNavSite {
	width:136px;
	background-color:#ec008c;
}

.leftNavSiteMiddle {
	width:137px;
	height:130px;
	background:url(../images/common/LeftCorner.gif) center bottom no-repeat;
	background-size:100% 100%;
}

#leftBorderImage {
	width:137px;
	height:1400px;
	float:left;
	overflow:hidden;
}

.leftNavSiteBottom {
	width:24px;
	height:1263px;
	background-color:#dddddd;
}

#leftBorderImage.aboutL {
	width:137px;
	height:800px;
	float:left;
	overflow:hidden;
}

#leftBorderImage.workL {
	width:137px;
	height:1642px;
	float:left;
	overflow:hidden;
}

#leftBorderImage.serviceL {
	width:137px;
	height:650px;
	float:left;
	overflow:hidden;
}

nav.aboutL {
	width:24px;
	height:800px;
	background-color:#dddddd;
}

#navlistPage {
}

#navcontainerSite ul {
	list-style-type:none;
	text-align:left;
	padding:25px 0 20px 10px;
}

#navcontainerSite ul li {
	padding:4px 0 4px 8px;
}

#navcontainerSite ul li a {
	text-align:left;
	text-decoration:none;
	color:#fff;
}

.grayNav {
	background-color:#e8e8e8;
	margin:8px 0 10px -10px;
	padding:3px 0 3px 10px;
}

.grayNav a{
	display:block;
	margin:0px 0 0px -10px;
	padding:0px 0 0px 10px;
}


footer.page {
	height:40px;
	background:url(../images/common/BottomGrad.gif) bottom repeat-x #fff;
	clear:both;
	border-right:47px solid #b3b3b3;
	border-left:24px solid #dddddd;
}

footer.page p {
font-weight:normal;
}



h2.google {
	font-size:14px;
	font-family: 'PT Sans ', sans-serif;
	line-height:15px;
	color:#7e7e7e;
	padding:0 0 10px 0;
}

h2.unindent {
	margin: 0 0 0 -10px;
}

h3.InformationBlock {
	color:#ec008c;
	padding:12px 0 0 8px;
}

h3.InformationBlockBlack {
	color:#000000;
	padding:0 0 0 0px;
}

.noUlPadding {
	padding:0 0 0 0;
}

.noUlPadding10left {
	padding:0 0 0 10px;
}

article.right li {
	padding:10px 0 0 0px;
}

div.leftPeople {
	width:475px;
	float:left;
	padding:15px 30px 0 30px;
}

.peopleImgRow1 {
	width:500px;
	height:160px;
}

.peopleImgRow2 {
	width:500px;
	height:149px;
}

.peopleImgRow3 {
	width:500px;
	height:136px;
}

.peopleImgRow4 {
	width:500px;
	height:136px;
}

#rightPeople {
	width:190px;
	float:left;
	margin:0 0 0 20px;
	padding:100px 0 0 60px;
	border-left:1px solid #dddddd;
}

h3.nameR {
	padding:0;
	margin:0;
	font-size:12px;
	color:#ec008c;
}

h4.titleR {
	padding:0;
	margin:0;
	font-size:11px;
	font-weight:normal;
}

.showArrow {
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:6;
	background:url(../images/common/arrow.png) left top no-repeat;
}

#rightPeople.rightPeople {
	float:left;
	margin:4px 0 0 0;
	width:100px;
	height:60px;
	background-color:#f00;
}

.rightPeopleArrow {
	margin:10px 0 0 0;
}

.rightArrow {
	float:right;
	width:10px;
	height:14px;
	background:url(../images/common/arrow_sm.gif) right top no-repeat;
}

#tim {
	margin:4px 8px 0 0;
	width:180px;
	height:160px;
	float:left;
	background:url(../images/people/tim.png) left top no-repeat;
}

#adam{
	margin:25px 4px 0 0;
	width:167px;
	height:131px;
	float:left;
	background:url(../images/people/adam-main.jpg) left top no-repeat;
}


#mark {
	margin:4px 4px 0 0;
	width:187px;
	height:136px;
	float:left;
	background:url(../images/people/mark-new.jpg) left top no-repeat;
}

#jessica {
	margin:4px 4px 0 0;
	width:196px;
	height:160px;
	float:left;
	background:url(../images/people/jessica.png) left top no-repeat;
}

/* 
#bob {
	margin:-37px 4px 0 0px;
	width:166px;
	height:221px;
	float:left;
	background:url(../images/people/bob-main3.jpg) left top no-repeat;
}
 */

#kathi {
	margin:4px 0px 0 9px;
	width:183px;
	height:136px;
	float:left;
	background:url(../images/people/kathi-new.jpg) left top no-repeat;
}

.RolloverText{
	margin:4px 4px 0 -70px;
	width:249px;
	height:174px;
	float:left;
	background:url(../images/people/rolloverToSee.gif) left bottom no-repeat;
}


#karla {
	margin:4px 4px 0 4px;
	width:128px;
	height:136px;
	float:left;
	background:url(../images/people/karla-new.jpg) left top no-repeat;
}

#gene {
	margin:4px 0px 0 4px;
	width:113px;
	height:136px;
	float:left;
	background:url(../images/people/gene-new.jpg) left top no-repeat;
}

#george {
	margin:4px 4px 0 0px;
	width:176px;
	height:144px;
	float:left;
	background:url(../images/people/george.png) left top no-repeat;
}

#mary {
	margin:4px 4px 0 0px;
	width:126px;
	height:136px;
	float:left;
	background:url(../images/people/mary-new.jpg) left top no-repeat;
}

#paul {
	margin:2px 4px 0 0px;
	width:149px;
	height:247px;
	float:left;
	background:url(../images/people/Paul-main-2.jpg) left top no-repeat;
}

#aaron {
	margin:2px 4px 0 0px;
	width:102px;
	height:140px;
	float:left;
	background:url(../images/people/aaron-main.jpg) left top no-repeat;
}

#jen {
	margin:2px 4px 0 0px;
	width:149px;
	height:247px;
	float:left;
	background:url(../images/people/jen-main.jpg) left top no-repeat;
}

#john {
	margin:4px 8px 0 0px;
	width:201px;
	height:144px;
	float:left;
	background:url(../images/people/pucci.png) left top no-repeat;
}

#trista {
	margin:4px 4px 0 0px;
	width:113px;
	height:136px;
	float:left;
	background:url(../images/people/trista.png) left top no-repeat;
}

.none {
	display:none;
}

.popOverMain {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100) ";
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;
}

.popLeft {
	float:left;
	padding:0 20px 0 45px;
	width:450px;
	height:300px;
}

.pop2Left {
	float:left;
	padding:0 20px 0 45px;
	width:450px;
	height:495px;
}

.popRight {
	float:left;
	padding:40px 0 0 0;
	width:200px;
	height:270px;
}

.popLowerThumbs {
	padding:5px 0 0 17px;
}

.brandResponse {
	width:700px;
	height:130px;
}

.workArtPersuasionImage {
	width:190px;
	height:130px;
	float:left;
}

.workArtPersuasion {
	padding:30px 0 0 0;
	width:235px;
	height:130px;
	float:left;
}

.workLeftArrow {
	width:800px;
	height:30px;
	margin:0 0 0 -100px;
	background:url(../images/work/LineLeft.png) left top no-repeat;
}

.workLeftWrap {
	width:900px;
	height:130px;
	margin:10px 0 0 -70px;
}

.workLeft {
	width:340px;
	height:130px;
	float:left;
}

.workRight {
	width:380px;
	height:130px;
	float:left;
}

div.image {
	width:185px;
	height:130px;
	float:left;
}

div.text {
	padding:10px 0 0 0;
	width:140px;
	height:130px;
	float:left;
}

div.text h3 {
	padding:0 0 0 10px;
}

.workRight div.text {
	padding:10px 0 0 0;
	width:190px;
	height:130px;
	float:left;
}

.caseLeftWrap {
	width:800px;
	height:80px;
	margin:10px 0 0 0;
}

.caseLeft {
	width:600px;
	height:75px;
	float:left;
}

div.caseImage {
	width:59px;
	height:51px;
	float:left;
}

div.caseText {
	padding:0 0 0 20px;
	width:350px;
	height:70px;
	float:left;
}

.soultionsLeftWrap {
	width:800px;
	height:80px;
	margin:10px 0 0 0;
}

.soultionsLeft {
	width:600px;
	height:75px;
	float:left;
}

div.soultionsImage {
	margin:5px 0 0 0;
	width:59px;
	height:51px;
	float:left;
}

div.soultionsText {
	padding:0 0 0 20px;
	width:350px;
	height:70px;
	float:left;
}

.contactLeft {
	width:550px;
	height:130px;
	padding:20px 0 0 0;
	float:left;
}

.addressBlockImg {
	width:147px;
	height:117px;
	float:left;
}

.addressBlock {
	margin:0 0 0 24px;
	width:200px;
	height:130px;
	float:left;
}

.sotutionsLI {
	margin-top:8px;
}



.clickable {
	cursor:pointer;
}

.fullSolid {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100) ";
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;
}

.popupWrapper {
	padding:5px 0 0 30px;
}

.workLeft b, .workRight b {
	color:#7e7e7e;
}

.workLeft h3, .workRight h3 {
	padding:0 0 0 0;
	margin:0 0 0 -10px;
	font-size:12px;
	color:#000;
}


.OlSpan
{
    color:#000;
    font-weight:normal;
    }

article.left ol li {
	padding:10px 0 0 0px;
}





/*========== style.css includer end before this comment ======*/

.clearfix {}
 	.clearifx:before,
 	.clearfix:after {
		content: " ";
		display: table;
	}
	.clearfix:after {
		clear: both;
	}
	.clearfix { z-index: 900; }
 .pull-left {
 	float: left !important;
 }
 .pull-right {
 	float: right !important;
 }




.container {}
	.container { max-width: 100%; }
	.container .wrapper {
		/* HDI */
		/*max-width: 80%;*/
		max-width: 1385px;
		width: 100%; 
		margin-left: auto;
		margin-right: auto;

		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

#close{position:absolute; top:2%; right:2%; color:#ec008c; font-weight:bold; font-size:18px; font-family:din,courier,monospace;
cursor:pointer;}

@media only screen and (max-width: 1024px) {
	.container .wrapper {
		max-width: 100%;
	}
}


@media (min-width:0px) and (max-width:767px) {
	.has-beed-resize { height: auto !important; }
	.container .wrapper {
		font-size: 20px;
	}
}

.pink { color: #ec008c; }



/**
 * transition
 */
.transition {
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	transition: all .2s ease;
}


.pCheck {
	cursor: pointer;
}





/* the z-index */
#navigation { z-index: 20; }
#slider { z-index: 18; }





i.ARIAL {
	font-family: Arial;
	font-style: normal;
}





#navigation	{}
	#navigation {
		background: #1a1a1a;
		position: relative;
		z-index: 40000;
	}
	#navigation:after {
		content: '';
		display: block;
		width: 100%;
		height: 0.15em;
		background: -moz-linear-gradient(left,  rgba(232,0,137,0.25) 0%, rgba(232,0,137,0.25) 5%, rgba(232,0,137,0.77) 14%, rgba(232,0,137,1) 18%, rgba(232,0,137,1) 50%, rgba(232,0,137,1) 82%, rgba(232,0,137,0.88) 84%, rgba(232,0,137,0.25) 95%, rgba(232,0,137,0.25) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(232,0,137,0.25)), color-stop(5%,rgba(232,0,137,0.25)), color-stop(14%,rgba(232,0,137,0.77)), color-stop(18%,rgba(232,0,137,1)), color-stop(50%,rgba(232,0,137,1)), color-stop(82%,rgba(232,0,137,1)), color-stop(84%,rgba(232,0,137,0.88)), color-stop(95%,rgba(232,0,137,0.25)), color-stop(100%,rgba(232,0,137,0.25))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left,  rgba(232,0,137,0.25) 0%,rgba(232,0,137,0.25) 5%,rgba(232,0,137,0.77) 14%,rgba(232,0,137,1) 18%,rgba(232,0,137,1) 50%,rgba(232,0,137,1) 82%,rgba(232,0,137,0.88) 84%,rgba(232,0,137,0.25) 95%,rgba(232,0,137,0.25) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left,  rgba(232,0,137,0.25) 0%,rgba(232,0,137,0.25) 5%,rgba(232,0,137,0.77) 14%,rgba(232,0,137,1) 18%,rgba(232,0,137,1) 50%,rgba(232,0,137,1) 82%,rgba(232,0,137,0.88) 84%,rgba(232,0,137,0.25) 95%,rgba(232,0,137,0.25) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left,  rgba(232,0,137,0.25) 0%,rgba(232,0,137,0.25) 5%,rgba(232,0,137,0.77) 14%,rgba(232,0,137,1) 18%,rgba(232,0,137,1) 50%,rgba(232,0,137,1) 82%,rgba(232,0,137,0.88) 84%,rgba(232,0,137,0.25) 95%,rgba(232,0,137,0.25) 100%); /* IE10+ */
		background: linear-gradient(to right,  rgba(232,0,137,0.25) 0%,rgba(232,0,137,0.25) 5%,rgba(232,0,137,0.77) 14%,rgba(232,0,137,1) 18%,rgba(232,0,137,1) 50%,rgba(232,0,137,1) 82%,rgba(232,0,137,0.88) 84%,rgba(232,0,137,0.25) 95%,rgba(232,0,137,0.25) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40e80089', endColorstr='#40e80089',GradientType=1 ); /* IE6-9 */
	}
	#navigation .logo {
		float: left;
		width: 30%;
		overflow: hidden;
		cursor: pointer;
	}
	#navigation .logo img {
		width: 100%;
		float: left;
	}
	#navigation .nav {
		float: right;
		width: 70%;
		text-align: right;
		position: absolute;
		top: 50%;
		right: 0px;
	}
	#navigation .nav .mobile-menu {
		display: none;
		position: absolute;
		top: 50%;
		right: 5%;
		-webkit-transform: translate(0%, -20%);
		-moz-transform: translate(0%, -20%);
		transform: translate(0%, -20%);
	}
	#navigation .nav ul {
		margin: 0px;
		padding: 0px;
		height: 100%;
		list-style: none;
		display: block;

	}
	#navigation .nav > ul { 		
	/*	-webkit-transform: translate(0%, -50%);
		-moz-transform: translate(0%, -50%);
		transform: translate(0%, -50%);
	*/
		margin-top: -1em;
	}
	#navigation .nav ul li {
		display: inline-block;
		position: relative;
		padding-bottom: 5em;
	}
	#navigation .nav ul li a {
		color: #fff;
		text-decoration: none;
		padding: 0px 5%;
		display: block;
		text-transform: uppercase;
		position: relative;
		z-index: 500;
	}
	body.v2 #navigation .nav > ul > li > a { font-size: 1em; margin-right: 1em; }
	#navigation .nav ul li a:hover,
	#navigation .nav ul li.active a,
	#navigation .nav ul li a.active {
		color: #ec008c;
	}
	#navigation .nav ul li a:before {
		content: '+';
		color: #ec008c;
		margin-right: 2px;
		font-size: 130%;
		font-weight: 500;
	}

	body.v2 #navigation .nav ul ul {
		margin: 0px; 
		padding: 0px;
		position: absolute;
		left: 0.4em;
		top: 100%;
		height: auto;
		z-index: 200;
		display: none;
		-webkit-transform: none !important;
		-moz-transform: none !important;
		transform: none !important;
	}
	body.v2 #navigation .nav ul li:hover > ul,
	body.v2 #navigation .nav ul ul li:hover > ul
	{ display: block !important; }
	#navigation .nav ul ul li {
		background: #6c6b6b;
		display: block;
		margin: 0px;
		padding: 0px;
		border-top: 1px solid #9c9c9c;
		text-align: left;
		position: relative;
	}
	#navigation .nav ul ul li:first-child {

		-webkit-box-shadow: inset 0px 1em 1em -0.9em rgba(0,0,0,0.6);
		-moz-box-shadow: inset 0px 1em 1em -0.9em rgba(0,0,0,0.6);
		box-shadow: inset 0px 1em 1em -0.9em rgba(0,0,0,0.6);
	}
	#navigation .nav ul ul li:last-child {
		-webkit-box-shadow: inset 0px -1em 1em -0.9em rgba(0,0,0,0.4);
		-moz-box-shadow: inset 0px -1em 1em -0.9em rgba(0,0,0,0.4);
		box-shadow: inset 0px 1em -1em -0.9em rgba(0,0,0,0.4);
	}
	body.v2 #navigation .nav ul ul li:hover > a { color: #000 !important; }
	#navigation .nav ul ul li a {
		white-space: nowrap;
		display: block;
		font-size: 0.8em;
		line-height: 250%;
		padding: 0px 1.3em;
		margin: 0px;
		text-transform: uppercase;
		color: #fff !important;
	}
	/*#navigation .nav > ul > li > ul > li:nth-child(2),*/
	#navigation .nav ul ul li:first-child
	 { border-top: none; }
	#navigation .nav ul ul li:last-child {  }
	#navigation .nav ul ul li a:before { 
		display: none; 
	}

	body.v2 #navigation .nav ul ul ul {
		position: absolute;
		top: 0em;
		left: 100%;
	}
	#navigation .nav ul ul ul li { background: #8c8c8c;}
	#people .leadership .cell {
			float: left;
			width: 25%;
			position: relative;
			cursor: pointer;
			z-index: 1000;
	} 


	@media only screen and (min-width: 1200px) {
		body.v2 #navigation .nav > ul > li > a { font-size: 16px; }
		body.v2.home #navigation .nav > ul > li > a {
			font-weight: 500 !important;
		}
		body.v2 #navigation .nav > ul > li:not(:last-child) > a {
			padding-right: 0 !important;
			padding-left: 0 !important;
			margin-right: 0em;
			position: relative;
		}
		body.v2 #navigation .nav > ul > li:last-child > a { padding-left: 0 !important; }
	
		body.v2 #navigation .nav > ul > li:nth-child(1) { right: 7.5em; }
		body.v2 #navigation .nav > ul > li:nth-child(2) { right: 6em; }
		body.v2 #navigation .nav > ul > li:nth-child(3) { right: 4.5em; }
		body.v2 #navigation .nav > ul > li:nth-child(4) { right: 3em; }
		body.v2 #navigation .nav > ul > li:nth-child(5) { right: 1.5em; }
	}


	@media only screen and (max-width: 1400px) {
		#navigation .nav ul li a {
			font-size: 1.1vw;
		}
	}


	@media only screen and (max-width: 1024px) {
		#navigation .nav {
			padding-right: 2%;
		}
		#navigation .nav ul li a {
			font-size: 1.4vw;
			font-size: 0.8em;
		}
		body.v2 #navigation .nav > ul > li > a {
			font-size: 1.4vw;
		}
	}

	@media only screen and (max-width: 950px) {
		#navigation .nav ul li a {
			font-size: 0.7em;
		}
	}

	@media only screen and (min-width: 851px) {
		/*body.v2 #navigation .nav > ul > li > ul > li:first-child { display: none; }*/
	}

	@media only screen and (max-width: 825px) {

		#navigation .wrapper {
			padding: 5% 5% 0px;
		}
		#navigation:after {
			background: #E80089;
		}
		#navigation .logo {
			width: 60%;
		}
		#navigation .nav {
			padding-right: 0px;
			width: 40%;
			position: static;
			text-align: right;
			top: 0px;
			-webkit-transform: none;
			-moz-transform: none;
			transform: none;
		}
		#navigation .nav ul {
			-webkit-transform: none;
			-moz-transform: none;
			transform: none;
		}
		#navigation .nav ul {
			position: absolute;
			display: none;
			height: auto;
			margin-top: 0.1em;
			top: 100%;
			left: 0px;
			z-index: 9999;
			text-align: center;
			width: 100%;
			background: #000;
			padding-top: 5px;
			padding-bottom: 5px;
			border-bottom: 2px solid #ec008c;
		}
		#navigation .nav ul li {
			text-align: center;
			background: #000;
			display: block;
			padding-bottom: 0em;
		}
		body.v2 #navigation .nav > ul > li > a { margin-right: 0em !important; padding: 0em; }
		body.v2 #navigation .nav ul ul {
			padding-top: 0;
			position: relative;
			top: 0em;
			left: 0em;
			border-bottom: none;border-bottom: 1px solid #222;
		}
		body.v2 #navigation .nav ul ul li { 
			text-align: center;
		}
		body.v2 #navigation .nav ul ul li a { padding: 0em !important; }
		#navigation .nav ul li a,
		body.v2 #navigation .nav ul li a {
			line-height: 25px;
			font-size: 14px;
			background: #000;
		}
		body.v2 #navigation .nav ul li:hover > a,
		body.v2 #navigation .nav ul ul li:hover > a,
		body.v2 #navigation .nav ul ul ul li:hover > a
		{ color :#eee !important; }
		#navigation .nav ul ul li { border-top: 1px solid #222; }
		#navigation .nav ul li a:before {
			display: none;
		}
		#navigation .nav .mobile-menu {
			display: block;
		}
		#navigation .nav ul ul {
			position: relative;
			top: 0;
		} 
		body.v2 #navigation .nav ul ul ul {
			position: relative;
			left: 0px;
			right: 0px;
			top: 0px;
		}
	}

	@media only screen and (min-width: 767px) and (max-width: 824px) {
		#navigation .logo {
			width: 40%;
		}
		#navigation .wrapper {
			padding: 3% 3% 0px;
		}
		#navigation .nav ul li a {
			font-size: 1.1em;
			line-height: 160%;
		}
		#navigation .nav ul {
			padding-top: 0.7em;
			padding-bottom: 0.7em;
		}
	}

	@media only screen and (max-width: 400px) {
		#navigation .logo {
			width: 70%;
		}
		#navigation .nav {
			width: 30%;
		}
	}

	@media only screen and (min-width: 826px) {
		#navigation .nav > ul > li > ul {
			position: fixed !important;
			top: 0px;
			left: 0px;
		}
	}



#slider {}
	#slider {}
	body.v2 #slider > .wrapper {
		-webkit-box-shadow: 0px 0em 10em -2em #999;
		-moz-box-shadow: 0px 0em 10em -2em #999;
		box-shadow: 0px 0em 10em -2em #999;
	}
	body.v2.home #slider > .wrapper {
		-webkit-box-shadow: 0px 0em 10em -2em #999;
		-moz-box-shadow: 0px 0em 10em -2em #999;
		box-shadow: 0px 0em 10em -2em #999;
	}
	#slider .images {}
	#slider .images ul {
		margin: 0px;
		padding: 0px;
		width: 100%;
		position: relative;
	}
	#slider .images ul li {
		list-style: none;
		padding: 0px;
		margin: 0px;
		overflow: hidden;
		width: 100%;
		position: absolute;
		top: 0px;
		left: 0px;
		display: none;
	}
	#slider .images ul li:first-child {
		display: block;
		position: relative;
	}
	#slider .images ul li img {
		width: 100%;
		float: left;
	}
	#slider .controls {
		display: block;
		text-align: center;
		padding: 1.5% 0px;
		position: absolute;
		width: 100%;
	}
	#slider .controls .arr-left {
		display: inline-block;
		vertical-align: middle;
		margin-right: 10px;
		cursor: pointer;
	}
	#slider .controls .arr-right {
		display: inline-block;
		vertical-align: middle;
		margin-left: 10px;
		cursor: pointer;
	}
	#slider .controls ol {
		display: inline-block;
		margin: 0px;
		padding: 0px;
		position: relative;
		top: -2px;
	}
	#slider .controls ol li {
		display: inline-block;
		text-indent: -100000px;
		overflow: hidden;
		width: 20px;
		height: 20px;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		background: #959595;
		vertical-align: middle;
		margin: 0px 11px;
		cursor: pointer;
	}
	#slider .controls ol li.active {
		background: #ec008c;
	}


	@media only screen and (max-width: 1800px) {
		#slider .controls ol li {
			margin: 0px 8px;
			width: 15px;
			height: 15px;
		}
		#slider .controls .arr-left img,
		#slider .controls .arr-right img {
			width: 15px;
		}
	}

	@media only screen and (max-width: 1366px) {
		#slider .controls ol li {
			margin: 0px 6px;
			width: 11px;
			height: 11px;
		}
		#slider .controls .arr-left img,
		#slider .controls .arr-right img {
			width: 10px;
		}
		#slider .controls .arr-left { margin-right: 6px; }
		#slider .controls .arr-right { margin-left: 6px; }
	}

	@media only screen and (max-width: 1024px) {
		#slider .controls ol li {
			width: 10px;
			height: 10px;
			margin: 0px 4px;
		}
		#slider .controls .arr-left img,
		#slider .controls .arr-right img {
			width: 10px;
		}
		#slider .controls .arr-left { margin-right: 4px; }
		#slider .controls .arr-right { margin-left: 4px; }
	}

	@media only screen and (max-width: 767px) {
		#slider .controls ol {
			top: -1px;
		}
		#slider .controls ol li {
			width: 7px;
			height: 7px;
			margin: 0px 3px;
		}
		#slider .controls .arr-left img,
		#slider .controls .arr-right img {
			width: 8px;
		}
		#slider .controls .arr-left { margin-right: 3px; }
		#slider .controls .arr-right { margin-left: 3px; }	
	}












#content {}
	#content {
		color: #000;
	}
	body.v2.home #content {
		margin-top: 4.5em;
	}
	body:not(.v2) #content > .wrapper {
		-webkit-box-shadow: 0px 15em 40em -13em #999;
		-moz-box-shadow: 0px 15em 40em -13em #999;
		box-shadow: 0px 15em 40em -13em #999;
	}
	body.v2 #content > .wrapper {
		-webkit-box-shadow: 0px 0em 10em -2em #999;
		-moz-box-shadow: 0px 0em 10em -2em #999;
		box-shadow: 0px 0em 10em -2em #999;
	}
	body.v2.home #content > .wrapper {
		-webkit-box-shadow: 0px 0em 0em -2em #999;
		-moz-box-shadow: 0px 0em 0em -2em #999;
		box-shadow: 0px 10em 10em -2em #999;
	}
	#content .content-header {
		cursor: pointer;
		text-align: center;
		color: #fff;
		position: relative;
		z-index: 100;
		background: rgb(13,13,13); /* Old browsers */
		background: -moz-linear-gradient(left,  rgba(13,13,13,1) 0%, rgba(48,48,48,1) 50%, rgba(13,13,13,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(13,13,13,1)), color-stop(50%,rgba(48,48,48,1)), color-stop(100%,rgba(13,13,13,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left,  rgba(13,13,13,1) 0%,rgba(48,48,48,1) 50%,rgba(13,13,13,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left,  rgba(13,13,13,1) 0%,rgba(48,48,48,1) 50%,rgba(13,13,13,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left,  rgba(13,13,13,1) 0%,rgba(48,48,48,1) 50%,rgba(13,13,13,1) 100%); /* IE10+ */
		background: linear-gradient(to right,  rgba(13,13,13,1) 0%,rgba(48,48,48,1) 50%,rgba(13,13,13,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d0d0d', endColorstr='#0d0d0d',GradientType=1 ); /* IE6-9 */
	}
	#content .content-header:after {
		content: '';
		width: 100%;
		display: block;
		height: 0.15em;
		background: -moz-linear-gradient(left,  rgba(232,0,137,0.25) 0%, rgba(232,0,137,0.25) 5%, rgba(232,0,137,0.77) 14%, rgba(232,0,137,1) 18%, rgba(232,0,137,1) 50%, rgba(232,0,137,1) 82%, rgba(232,0,137,0.88) 84%, rgba(232,0,137,0.25) 95%, rgba(232,0,137,0.25) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(232,0,137,0.25)), color-stop(5%,rgba(232,0,137,0.25)), color-stop(14%,rgba(232,0,137,0.77)), color-stop(18%,rgba(232,0,137,1)), color-stop(50%,rgba(232,0,137,1)), color-stop(82%,rgba(232,0,137,1)), color-stop(84%,rgba(232,0,137,0.88)), color-stop(95%,rgba(232,0,137,0.25)), color-stop(100%,rgba(232,0,137,0.25))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left,  rgba(232,0,137,0.25) 0%,rgba(232,0,137,0.25) 5%,rgba(232,0,137,0.77) 14%,rgba(232,0,137,1) 18%,rgba(232,0,137,1) 50%,rgba(232,0,137,1) 82%,rgba(232,0,137,0.88) 84%,rgba(232,0,137,0.25) 95%,rgba(232,0,137,0.25) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left,  rgba(232,0,137,0.25) 0%,rgba(232,0,137,0.25) 5%,rgba(232,0,137,0.77) 14%,rgba(232,0,137,1) 18%,rgba(232,0,137,1) 50%,rgba(232,0,137,1) 82%,rgba(232,0,137,0.88) 84%,rgba(232,0,137,0.25) 95%,rgba(232,0,137,0.25) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left,  rgba(232,0,137,0.25) 0%,rgba(232,0,137,0.25) 5%,rgba(232,0,137,0.77) 14%,rgba(232,0,137,1) 18%,rgba(232,0,137,1) 50%,rgba(232,0,137,1) 82%,rgba(232,0,137,0.88) 84%,rgba(232,0,137,0.25) 95%,rgba(232,0,137,0.25) 100%); /* IE10+ */
		background: linear-gradient(to right,  rgba(232,0,137,0.25) 0%,rgba(232,0,137,0.25) 5%,rgba(232,0,137,0.77) 14%,rgba(232,0,137,1) 18%,rgba(232,0,137,1) 50%,rgba(232,0,137,1) 82%,rgba(232,0,137,0.88) 84%,rgba(232,0,137,0.25) 95%,rgba(232,0,137,0.25) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40e80089', endColorstr='#40e80089',GradientType=1 ); /* IE6-9 */
	}
	#content .content-header.shadow {
		-webkit-box-shadow: 0px 0px 1.5em #000;
		-moz-box-shadow: 0px 0px 1.5em #000;
		box-shadow: 0px 0px 1.5em #000;
	}	
	#content .content-header h1 {
		font-size: 2.8vw;
		/*font-size: 2.4em;*/
		font-size: 38px;
		line-height: 5.5vw;
		line-height: 200%;
		margin: 0px;
		font-weight: 500;
		position: relative;
		display: inline;
		font-family: din, courier, monospace;
		/*top: -0.05em;*/
	}
	#content .content-header h1 a { text-decoration: none; color: inherit; display: block; }
	#content .content-header h1 span {
		color: #ec008c;
		display: inline;
		font-size: 162%;
		font-weight: normal;
		line-height: 50%;
		line-height: 98%;
		position: relative;
		top: 0.06em;
	}
	#content .content-body {
		position: relative;
		z-index: 99;
	}
	#content .content-body article {
		font-size: 1.7vw;
		padding: 2.3em 11% 2.3em 7%;
		line-height: 130%;
		font-weight: 500;
	}
	#content .content-body article h1 { 
		margin: 0px; 
		font-size: 3.6vw;
		line-height: 105%;
		font-weight: 500;
		margin-bottom: 0.2em;
	}
	#content .content-body article h2 {
		margin: 0px;
		font-weight: 500;
		font-size: 2.3vw;
		line-height: 120%;
		color: #626469;
		margin-bottom: 0.8em; 
	}
	#content .content-body article p {
		margin: 0px;
	}
	#content .content-body article strong { font-weight: 600; } 
	#content .content-body article .pink { color: #ec008c; }
	#content .content-body article a { color: #ec008c; text-decoration: none; outline: none; }

	@media only screen and (max-width: 1800px) {
		/*
		body:not(.v2) #content > .wrapper {
			-webkit-box-shadow: 0px 10em 50em -7em #999;
			-moz-box-shadow: 0px 10em 50em -7em #999;
			box-shadow: 0px 10em 50em -7em #999;
		}
		*/		
	}

	@media only screen and (max-width: 1024px) {
		#content .content-body article {
			font-size: 2.1vw;
		}
		#content .content-body article h1 { 
			font-size: 4.5vw;
		}
		#content .content-body article h2 { 
			font-size: 3vw;
		}
	}

	@media only screen and (max-width: 767px) {
		#content .content-header:after {
			height: 0.1em;
			background: #ec008c;
		}
		#content .content-header.shadow {
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			box-shadow: none;
		}
		#content .content-header h1 {
			font-size: 110%;
			line-height: 200%;
			top: 0em;
		}
		#content .content-header h1 span {
			/*
			font-weight: inherit;
			line-height: 0%;
			font-weight: 400;
			top: 0.06em;*/
		}
		#content .content-body article {
			padding: 10% 7% 10% 7%;
			font-size: 79%;
		}
		#content .content-body article h1 { 
			font-size: 180%;
		}
		#content .content-body article h2 { 
			font-size: 130%;
		}	

		body:not(.v2) #content .content-body {
			display: none;
		}
		html.no-js #content > .wrapper > *:hover .content-body {
			display: block;
		}
	}




	#clients {}
		#clients {
			overflow: hidden;
			background: #fff;
		}

		#content #clients article h1 {
			color: #626469;
			font-size: 2.6vw;
			padding-right: 10%;
			font-weight: 500;
			margin-bottom: 0.8em;
		}
		
		body.v2 #content #clients .content-body article {
			padding-right: 2em;
			padding-top: 1.5em;
			padding-left: 3em;
			padding-bottom: 0em;
		}
		body.v2 #content #clients article h1 {
			font-size: 1.05em;
			padding-right: 0em;
			color: #eb008b;
			margin-bottom: 0.8em;
			line-height: 115%;
		}
		body.v2 #content #clients article p {
			font-size: 0.9em;
			line-height: 129%;
			margin-top: 0.4em;
		}

		#clients .logos {
			display: block;
		}
		#clients .logos .cell {
			overflow: hidden;
			float: left;
			width: 12.5%;
			-webkit-transition: all .4s ease;
			-moz-transition: all .4s ease;
			transition: all .4s ease;
			/*
			-webkit-box-shadow: inset 0px 0px 4em 0.5em #ddd;
			-moz-box-shadow: inset 0px 0px 4em 0.5em #ddd;
			box-shadow: inset 0px 0px 4em 0.5em #ddd;
			*/
			background-image: url(../images/client-bg.jpg);
			background-size: 100% 100%;
			background-repeat: no-repeat;
		}
		#clients .logos .cell img {
			width: 100%;
			margin: 0px auto;
			opacity: 1;
		}
		#clients .logos .cell:nth-child(4n+1) img {
			-webkit-transition: all .1s ease;
			-moz-transition: all .1s ease;
			transition: all .1s ease;
		}
		#clients .logos .cell:nth-child(4n+2) img {
			-webkit-transition: all .4s ease;
			-moz-transition: all .4s ease;
			transition: all .4s ease;
		}
		#clients .logos .cell:nth-child(4n+3) img {
			-webkit-transition: all 1s ease;
			-moz-transition: all 1s ease;
			transition: all 1s ease;
		}
		#clients .logos .cell:nth-child(4n+4) img {
			-webkit-transition: all 1.3s ease;
			-moz-transition: all 1.3s ease;
			transition: all 1.3s ease;
		}

		#clients .logos.new { 
			text-align: center; 
			padding: 0.8em; 
			padding: 0em;
			padding-top: 0.4em;
		}
		#clients .logos.new a {
			display: inline-block;
			vertical-align: middle;
			margin: 0em;
		}

		#clients.page .logos.new .cell:not(.link) { /*opacity: 0.5;*/ }
		#clients.page .logos.new .cell:not(.link) img { /*
			-webkit-filter: grayscale(100%); 
			-moz-filter: grayscale(100%); 
			-o-filter: grayscale(100%); 
			filter: grayscale(100%);
			opacity: 0.5; */
		}

		#clients .logos.new > div { overflow: hidden; }

		#clients.page .logos.new .cell.link:hover {
			background-image: url(../images/client-bg-hover.jpg);
		}
		#clients.page .logos.new .cell.link:after {
			content: '';
			width: 0px;
			height: 0px;
			border-left: 20px solid transparent;
			border-right: 20px solid transparent;
			border-top: 20px solid #eb008b;
			position: absolute;
			top: 0px;
			right: -20px;
			z-index: 40;
		}

		#clients.page .symbol-logo {
			position: relative;
			bottom: -4px;
			margin-left: 3px;
			margin-right: 5px;
		}

		@media only screen and (max-width: 500px) {
			#clients.page .symbol-logo { width: 13px; height: 13px; bottom: -2px; }
			#clients.page .logos.new .cell.link:after {
				border-left: 13px solid transparent;
				border-right: 13px solid transparent;
				border-top: 13px solid #eb008b;
				right: -13px;
			}
		}

		body.v2 #content #clients.page.v2 .content-body article .content-pattern-v1 h1 { 
			font-weight: 500; 
			font-size: 1.1em;
		}
		body.v2 #content #clients.page.v2 .content-body article .content-pattern-v1 p {
			font-size: 0.85em;
			margin-bottom: 1em;
			font-weight: normal;
		} 
		body.v2 #content #clients.page.v2 .content-body article .content-pattern-v1 p.text-muted {
			color: #818181;
		}


		#clients .t1 { color: #939598; }
		#clients .t2 { color: #000; }
		#clients .t3 { color: #eb008b; }

		#clients .info-swipe { display: none; color: #999; font-size: 0.7em; text-align: center; }
		#clients .info-swipe span { font-size: 1.5em; }

		/*
		@media only screen and (max-width: 1800px) {	
			#clients .logos .cell {
				-webkit-box-shadow: inset 0px 0px 3em 0.25em #ddd;
				-moz-box-shadow: inset 0px 0px 3em 0.25em #ddd;
				box-shadow: inset 0px 0px 3em 0.25em #ddd;
			}
		}

		@media only screen and (max-width: 1400px) {
			#clients .logos .cell {
				-webkit-box-shadow: inset 0px 0px 2em 0.15em #ddd;
				-moz-box-shadow: inset 0px 0px 2em 0.15em #ddd;
				box-shadow: inset 0px 0px 2em 0.15em #ddd;
			}
		}

		@media only screen and (max-width: 1200px) {
			#clients .logos .cell {
				-webkit-box-shadow: inset 0px 0px 1em 0.01em #ddd;
				-moz-box-shadow: inset 0px 0px 1em 0.01em #ddd;
				box-shadow: inset 0px 0px 1em 0.01em #ddd;
			}
		}
		*/

		@media only screen and (min-width: 1400px) {
			#clients .logos.new a { margin-bottom: 1px; } 
		}

		@media only screen and (min-width: 1024px) {
			#clients .logos .cell {
				width: 12.5%;
			}
			body.v2 #clients .logos .cell {
				width: 12.5%;
			}
		}
		@media only screen and (max-width: 825px) {
			#clients .logos .cell img {
				left: 0% !important;
			}
		}
		/*
		@media only screen and (max-width: 800px) {
			#clients .logos .cell {
				-webkit-box-shadow: inset 0px 0px 1em 0.05em #ddd;
				-moz-box-shadow: inset 0px 0px 1em 0.05em #ddd;
				box-shadow: inset 0px 0px 1em 0.05em #ddd;
			}
		}
		*/

		@media only screen and (max-width: 767px) {
			#clients .info-swipe { display: block; }
			#clients .logos .cell img {
				left: 0% !important;
			}
			#clients .content-body { display: block; }
			#content #clients article h1 {
				font-size: 110%;
			}


			body.v2 #content #clients .content-body article {
				padding-left: 1.5em;
				padding-right: 1.5em;
			}

			#clients .content-pattern-v1 .cpv-title h1 span {
				margin-bottom: 12px;
				display: block;
			}
			#clients .content-pattern-v1 .cpv-title h1 br { display: none; }

			#clients .clients-wrapper {
				width: 100%;
				overflow: auto;
			}
			#clients .clients-wrapper .logos {
				width: 200%;
			}

			body.v2 #content #clients.page.v2 .content-body article .content-pattern-v1 p {
				font-size: 1em;
			}
		}






	#mission {}
		#mission {
			overflow: hidden;
			background: #fff;
			z-index: 100;
		}
		#mission img {
			width: 100%;
			-webkit-box-shadow: 0px 0px 4em -1em #000;
			-moz-box-shadow: 0px 0px 4em -1em #000;
			box-shadow: 0px 0px 4em -1em #000;

			-webkit-box-shadow: 0px 0px 1.5em #000;
			-moz-box-shadow: 0px 0px 1.5em #000;
			box-shadow: 0px 0px 1.5em #000;
			position: relative;
			z-index: 100;
		}
		#mission article h2 {
			margin-bottom: 0px !important;
			font-size: 2.1vw !important;
		}
		body.v2 #mission article {
			padding-right: 2em;
			padding-top: 1.3em;
			background: #fff;
			padding-bottom: 1.3em;
		}
		body.v2 #mission article h2 {
			font-size: 0.9em !important;
			color: #ec008c;
			margin-bottom: 0.2em !important;
		}
		body.v2 #mission article p {
			font-size: 0.8em;
			line-height: 129%;
			font-weight: normal;
		}
		body.v2 #mission figure { overflow: hidden; margin: 0px; padding: 0px; }
		body.v2 #mission figure img {
			float: left;
			width: 100%;
			position: relative;
			left: 0px;
			top: 0px;
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			box-shadow: none;
		}
		body.v2 #mission figure img.hover { 
			opacity: 0; 
			position: absolute;
			z-index: 100;
			left: 0px;
			top: 0px;
			display: block;
			-webkit-transition: all .3s ease;
			-moz-transition: all .3s ease;
			transition: all .3s ease;
		}
		body.v2 #mission figure a:hover img.hover { opacity: 1; display: block; }
		body.v2 #mission figure a {
			float: left;
			width: 50%;
			position: relative;
		}
		body.v2 #mission figure a:first-child { padding-right: 0.1%; }
		body.v2 #mission figure a:last-child { padding-left: 0.1%; float: right; }

		#mission ul.links {
			display: block;
			margin: 0px;
			padding: 0px;
			overflow: hidden;
			margin-top: 0.5em;
		}
		#mission .links li {
			list-style: none;
			float: left;
			width: 25%;
		}
		#mission ul.links a {
			position: relative;
			color: #000;
			line-height: 140%;
		}
		#mission ul.links a:before {
			content: '+ ';
			color: #ec008c;
		}
		#mission ul.links a:hover {
			color: #ec008c;
		}


		#mission .t1 { color: #939598; }
		#mission .t2 { color: #000; }
		#mission .t3 { color: #eb008b; }

		#mission .three-columns {
			overflow: hidden;
			margin-top: 1.3em;
			margin-top: 0.3em;
		}
		#mission .three-columns .columns {
			width: 33.333333333%;
			float: left;
			padding-right: 1.5em;
		}
		#mission .three-columns .columns ul { margin: 0px; padding: 0px; }
		#mission .three-columns .columns ul li { 
			line-height: normal; font-size: 0.7em; 
			list-style: none;
			padding-left: 15px;
			font-weight: normal;
			line-height: 130%;
		}
		#mission .three-columns .columns ul li:before { 
			content: '•'; 
			position: absolute;
			left: 0px;
			color: #ec008c;
			font-weight: bold;
		}

		#mission.page-strategic article h1 {
			color: #ec008c;
			font-size: 1.2em;
			font-weight: bold;
			margin-bottom: 0.8em;
		}

		#mission.page-strategic.page-proven-results article h1 {
			line-height: 130%;
		}

		#mission h1 .p1 { color: #939598; display: block;/* white-space: nowrap;*/ }
		#mission h1 .p2 { color: #000; white-space: nowrap; }

		#mission.page-proven-results article img {
			width: 95%;
			-webkit-box-shadow: none !important;
			-moz-box-shadow: none !important;
			box-shadow: none !important;
		}




		@media only screen and (max-width: 1024px) {
			#mission article h2 {
				font-size: 2.6vw !important;
			}
			#mission .three-columns .columns ul li { font-size: 0.9em; }
			body.v2 #mission article p { font-size: 1em; }
		}

		@media only screen and (max-width: 767px) {
			#mission h1 .p2 { white-space: normal; }
			#mission .three-columns .columns {
				float: none;
				width: 100%;
				padding: 0em;
				margin-bottom: 1em;
			}
			#mission article h2 { 
				font-size: 120% !important;
				line-height: 130% !important;
				margin-bottom: 0.5em !important;
			}	
			#mission ul.links li {
				width: 50%;
			}
			body.v2 #mission figure a {
				width: 100%;
				float: left;
			}

			body.v2 #mission article p { font-size: 1em; }
			#mission .three-columns .columns ul li { font-size: 1em; }
			body.v2 #mission article h2 { font-size: 1.1em !important; }
			#mission img {
				-webkit-box-shadow: none;
				-moz-box-shadow: none;
				box-shadow: none;
			}
		}




	#work {}
		#work {
			overflow: hidden;
		}
		#work .video-main {
			margin-bottom: 2%;
			-webkit-box-shadow: 0px 0px 10em -2.3em #ec008c;
			-moz-box-shadow: 0px 0px 10em -2.3em #ec008c;
			box-shadow: 0px 0px 10em -2.3em #ec008c;
		}
		#work .video-main img {
			width: 100%;
		}
		#work .video-lists {
			overflow: hidden;
			padding: 3%;
			position: relative;
		}
		body.v2 #work .video-lists {
			padding: 0.7em; 
		}
		#work .video-lists:before {
			content: '';
			width: 70%;
			height: 70%;
			position: absolute;
			top: 15%;
			left: 15%;
			display: block;
			background: #1d0011;
			-webkit-box-shadow: 0px 0px 30em 13em #1d0011;
			-moz-box-shadow: 0px 0px 30em 13em #1d0011;
			box-shadow: 0px 0px 30em 13em #1d0011;
		}
		#work .video-lists .video {
			width: 33.333333333333%;
			padding: 0px 1.5% 3%;
			float: left;
			cursor: pointer;
		}
		body.v2 #work .video-lists .video { 
			width: 25%; 
			padding: 0.2em;
			overflow: hidden;
			-webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;
     box-sizing: border-box; 
		}
		#work .video-lists .video img { width: 100%; }
		body.v2 #work .video-lists .video img { float: left; } 

		#work.page .content-body .video-lists:before { display: none; }

		@media only screen and (max-width: 767px) {
			#work .video-lists .vide,
			body.v2 #work .video-lists .video {
				width: 100%;
				padding: 0px 3% 5%;
			}
		}


td#c11_i table:last-child td {
    padding: 5px;
}





	



	#performance {}
		#performance { overflow: hidden; background: #fff; }
		#performance .solutions {
			width: 100%;
			-webkit-box-shadow: 0px 0px 2.3em #666;
			-moz-box-shadow: 0px 0px 2.3em #666;
			box-shadow: 0px 0px 2.3em #666;
		}
		#performance article h2 {
			margin-bottom: 1em !important;
			font-size: 2.1vw !important;
			color: #ec008c !important;
		}
		#performance article p {
			font-size: 1.5vw !important;
		}

		@media only screen and (max-width: 1024px) {
			#performance article h2 {
				font-size: 2.6vw !important;
			}
			#performance article p {
				font-size: 1.8vw !important;
			}
			#people .leadership .cell {
				float: left;
				width: 33.33%;
				position: relative;
				cursor: pointer;
				z-index: 1000;
			} 	
		}

		@media only screen and (max-width: 767px) {
			#performance article h2 { 
				font-size: 120% !important;
				line-height: 130% !important;
			}	
			#performance article p {
				font-size: 100% !important;
			}
		}






	#people {}
		#people {}
		#people header {
			color: #ec008c;
			font-size: 3vw;
			padding: 0.3em 1.2em 0.6em;
		}
		#people .leadership {
			overflow: hidden;
		}

		#people .leadership figure {
			margin: 0px;
			padding: 0px;
			width: 100%;
			overflow: hidden;
			position: relative;
		}
		#people .leadership figure .bw {
			position: absolute;
			top: 0;
			left: 0;
			z-index: 100;
			opacity: 1;
			-webkit-transition: background .3s ease;
			-moz-transition: background .3s ease;
			transition: background .3s ease;
		}
		#people .leadership figure:hover .bw { opacity: 0; }
		#people .leadership figure img {
			float: left;
			width: 100%;
		}
		#people .leadership figcaption {
			z-index: 101;
			position: absolute;
			bottom: 0px;
			width: 100%;
			background: rgba(0,0,0,0.8);
			margin: 0px;
			padding: 0.5em 1.5em;
			min-height: 5.3em;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			-webkit-transition: background .3s ease;
			-moz-transition: background .3s ease;
			transition: background .3s ease;
		}
		#people .leadership .cell:hover figcaption {
			background: rgba(0,0,0,0.9);
		}
		


		#people .leadership figcaption p {
			color: #fff;
			font-size: 1.2em;
			margin: 0px;
			margin-bottom: 0.1em;
			font-weight: 600;
		}
		#people .leadership figcaption span {
			color: #ec008c;
			font-size: 1em;
		}
		#people .team {
			overflow: hidden;
			margin-left: -0.2em;
			margin-right: -0.2em;
		}
		#people .team div {
			float: left;
			width: 12.5%;
			padding: 0.2em 0.17em;
		}
		#people .team div img {
			float: left;
			width: 100%;
		}








		@media only screen and (max-width: 1024px) {
			#people .leadership figcaption {
				min-height: 5em;
				padding: 0.5em 1em 0.2em;
			}
			#people .leadership figcaption p {
				font-size: 1.7vw;
				margin-bottom: 0.2em;
			}
			#people .leadership figcaption span {
				font-size: 1.4vw;
				display: block;
				line-height: 138%;
			}
			#people header {
				padding-top: 0.6em;
				font-size: 3.5vw;
			}
		}

		@media only screen and (max-width: 800px) {
			#people .leadership figcaption {
				min-height: 5em;
				padding: 0.5em 1em 0.2em;
			}
			#people .leadership figcaption p {
				font-size: 1.6vw;
				margin-bottom: 0.1em;
			}
			#people .leadership figcaption span {
				font-size: 1.5vw;
				display: block;
				line-height: 138%;
			}
		}

		@media only screen and (max-width: 767px) {
			#people figure .bw {
				display: none;
			}
			#people header {
				font-size: 130%;
				padding-left: 5%;
				padding-right: 5%;
			}
			#people .leadership,
			#people .team {
				padding-left: 5%;
				padding-right: 5%;
			}
			#people .leadership .cell {
				width: 50%;
			}
			#people .leadership figcaption {
				min-height: 3.7em;
				padding: 0.3em 0.4em 0.1em;
			}
			#people .leadership figcaption p {
				font-size: 90%;
				margin-bottom: 0.1em;
			}
			#people .leadership figcaption span {
				font-size: 70%;
				display: block;
				line-height: 118%;
			}
			#people .team {
				margin-left: 0px;
				margin-right: 0px;
				display: none !important;
			}
			#people .team div {
				width: 33.3333333%;
			}
			#content .wrapper #people .butdesktop.show-on-mobile,
			#people .leadership + header {
				display: none !important;
			}
			#people .leadership { margin-bottom: 1em; }
		}

		@media only screen and (max-width: 500px) {
			#people .leadership .cell {
				width: 100%;
			}
		}

		@media only screen and (max-width: 600px) {
			#people .leadership figcaption {
				min-height: 2.7em;
			}
			#people .leadership figcaption p {
				font-size: 100%;
				margin-bottom: 0.2em;
			}
			#people .leadership figcaption span {
				font-size: 80%;
			}
		}

		@media only screen and (max-width: 600px) {
			#people .leadership figcaption {
				min-height: 0em;
				padding: 0.3em 0.8em 0.5em;
				text-align: center;
			} 
			#people .leadership figcaption p {
				font-size: 100%;
				margin-bottom: 0.2em;
				font-weight: 600;
			}
			#people .leadership figcaption span {
				font-size: 80%;
			}
		}




	#contact {}
		#contact {
			z-index: 98;
		}

		#contact .content-body {
			background: #fff;
			padding-bottom: 0em;
		}
		#contact article { overflow: hidden;}
		body.v2 #contact article {
			padding-top: 0.8em;
			padding-bottom: 0.5em;
			padding-left: 6%;
			padding-right: 6%;
		}
		#contact article > h3 {
			margin: 0px;
			padding-bottom: 0.6em;
			color: #626469;
		}
		#contact .content-body article > h3 {
			font-size: 1.7vw;
			margin-top: 0.4em;
			margin-bottom: 1em;
			padding-bottom: 0.8em;
		}
		body.v2 #contact .content-body article > h3 {
			color: #ec008c;
			font-size: 1.2em;
			margin-bottom: 1.5em;
			padding-bottom: 0em;
		}
		#contact .content-body footer h2,
		#contact .content-body .map h3 {
		}
		#contact .content-body .map {
			overflow: hidden;
			float: left;
			width: 47%;
		}
		#contact .content-body .map .left {
			float: left;
			text-align: center;
			width: 100%;
		}
		#contact .content-body .map .right {
			float: right;
			text-align: center;
			width: 100%;
			margin-top: 3em;
			margin-bottom: 2em;
		}
		#contact .content-body .map figure {
			margin: 0px;
			padding: 0px;
			overflow: hidden;
			position: relative;
		}
		#contact .content-body .map figure img {
			float: left;
			position: relative;
			width: 100%;
			z-index: 99;
			top: 0%;
		}
		#contact .content-body .map figure .place {
			position: relative;
			top: 0em;
			-webkit-transition: all .2s ease;
			-moz-transition: all .2s ease;
			transition: all .2s ease;
		}
		#contact .content-body .map figure .maps {
			position: absolute;
			top: 100%;
			left: 0%;
			z-index: 100;
			-webkit-transition: all .3s ease;
			-moz-transition: all .3s ease;
			transition: all .3s ease;
		}
		#contact .content-body .map figure:hover .maps,
		#contact .content-body .map figure:focus .maps {
			top: 0%;
		}

		#contact .content-body .map figure:hover .place,
		#contact .content-body .map figure:focus .place {
			top: -2em;
		}

		#contact .content-body .map h3 {
			margin: 0.8em 0 0;
			font-size: 0.95em;
		}
		#contact .content-body .map p {
			margin: 0;
			font-size: 0.6em;
			line-height: 165%;
		}
		body.v2 #contact .content-body .map p {
			font-size: 0.65em;
			font-weight: bold;
			color: #7d7d7d;
		}
		#contact .content-body footer {
			margin-top: 1.5em;
			padding: 1.4em 0em 0em;
			border-top: 0.1em solid #ec008c;
			overflow: hidden;
		}
		body.v2 #contact .content-body footer {
			margin-top: 0.6em;
			padding-top: 0em;
			border-top: 0.15em solid #ec008c;
		}
		#contact .content-body footer div {
			float: left;
			text-align: center;
			width: 50%;
			font-family: din;
		}
		#contact .content-body footer div.right {
			float: right;
		}
		#contact .content-body footer div.center {
			width: 38%;
		}
		#contact .content-body footer div.center2 {
			width: 18%;
		}
		#contact .content-body footer div h2 {
			margin: 0px;
			font-size: 0.95em;
			color: #000;
			display: inline-block;
			font-weight: 600;
			margin-right: 0.3em;
		}
		#contact .content-body footer div p {
			margin: 0px;
			line-height: 240%;
			display: inline-block;
		}
		#contact .content-body footer div p a {
			display: inline-block;
			margin: 0.2em 0.1em;
		}
		#contact .content-body footer div p a img {
			width: 1em;
			margin-top: 0.3em;
		}

		#contact .form-contact {}
			#contact .form-contact {
				width: 50%;
				margin-bottom: 2em;
				float: right;
			}
			#contact .form-contact h3 {
				font-size: 1em;
				margin: 0em 0em 0.5em;
			}
			body.v2 #contact .form-contact h3 { display: inline-block; }
			body.v2 #contact .form-contact h3:first-child { margin-right: 3em; }
			#contact .form-contact h3 a {
				text-decoration: none;
				color: #ec008c;
			}
			#contact .form-contact h3 a:hover { color: #444;}
			#contact .form-contact form {}
			#contact .form-contact .split-input {
				overflow: hidden;
			}
			#contact .form-contact .full-input {
				overflow: hidden;
			}
			#contact .form-contact .input { 
				width: 100%; padding: 0.6em 0em;
				float: left; 
			}
			#contact .form-contact .split-input .input { 
				width: 55%; 
				padding-left: 0.4em;
			}
			#contact .form-contact .split-input .input:first-child { 
				width: 45%; 
				padding-left: 0em;
				padding-right: 0.4em;
			}
			#contact .form-contact input,
			#contact .form-contact textarea { 
				width: 100%; 
				background: #e4e4e5; 
				color: #444;
				border: none; 
				padding: 0.5em 0.7em; 
				font-weight: normal;
				font-size: 0.7em;
			}
			#contact .form-contact .mid input { width: 100%; }
			#contact .form-contact .submit { 
				margin-top: 0.3em; 
				text-align: right;
			}
			#contact .form-contact .submit input[type="submit"] {
				width: auto;
				padding: 0.3em 0.7em;
				font-size: 0.7em;
				color: #fff;
				-webkit-border-radius: 8px;
				-moz-border-radius: 8px;
				border-radius: 8px;
			    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ec008c+0,d4007e+100 */
				background: rgb(236,0,140); /* Old browsers */
				background: -moz-linear-gradient(top,  rgba(236,0,140,1) 0%, rgba(212,0,126,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(236,0,140,1)), color-stop(100%,rgba(212,0,126,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top,  rgba(236,0,140,1) 0%,rgba(212,0,126,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top,  rgba(236,0,140,1) 0%,rgba(212,0,126,1) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(top,  rgba(236,0,140,1) 0%,rgba(212,0,126,1) 100%); /* IE10+ */
				background: linear-gradient(to bottom,  rgba(236,0,140,1) 0%,rgba(212,0,126,1) 100%); /* W3C */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec008c', endColorstr='#d4007e',GradientType=0 ); /* IE6-9 */
			}
			#contact .form-contact .submit input[type="submit"]:hover {
				background: #D90081; background: #000;
			}


		@media only screen and (max-width: 1024px) {
			#contact .content-body article > h3 {
				font-size: 2vw;
			}
		}

		@media only screen and (max-width: 767px) {
			#contact .content-body .map { width: 100%; }
			#contact .form-contact {
				width: 100%; margin-top: 2em;
			}
			#contact .form-contact .split-input .input { width: 100%; padding-left: 0em; }
			#contact .form-contact .split-input .input:first-child { width: 100%; padding-right: 0em;}
			#contact .content-body .map .left {
				margin-bottom: 1em;
			}
			#contact .content-body .map .left,
			#contact .content-body .map .right {
				float: none;
				padding-right: 0px;
				padding-left: 0px;
				width: 100%;
			}
			#contact .content-body article > h3 {
				font-size: 140%;
				line-height: 130%;
			}
			#contact .content-body .map h3 {
				font-size: 125%;
				font-family: din;
				font-weight: 600;
			}
			#contact .content-body .map p {
				margin-top: 0.5em;
				font-size: 100% !important;
				line-height: 140%;
				color: #626469;
			}
			#contact .content-body footer {
				padding-top: 1em;
				padding-bottom: 0.1em;
			}
			body.v2 #contact .content-body footer {
				padding-top: 1em;
			}
			#contact .content-body footer div {
				float: none;
				width: 100% !important;
				display: block;
			}
			#contact .content-body footer div h2 {
				font-size: 120%;
				font-family: din;
				font-weight: 600; 
			}
			#contact .content-body footer div p {
				font-size: 100%;
				line-height: 100%;
				margin-bottom: 1em;
			}
			#contact .content-body .map .right {
				margin-top: 2em;
				float: none;
				/*display: block;*/
			}
			body.v2 #contact .content-body .map .right {
				margin-top: 1em;
			}
 			/*#contact .content-body .map figure .maps { display: block; position: relative; }
			#contact .content-body .map figure .place { display: none; }
			*/

			#contact .form-contact input { line-height: 1.7em; font-size: 0.9em; }
			#contact .form-contact .submit input[type="submit"] { line-height: 2em; font-size: 0.9em; padding-left: 2em; padding-right: 2em; }
			#contact .form-contact .mid input { width: 100%; }
		}

		@media only screen and (max-width: 350px) {
			#contact .form-contact h3 { font-size: 0.9em; }
		}




	#careers {}
		#careers {}
		#careers .photos {
			overflow: hidden;
			-webkit-box-shadow: 0px 0px 4em -1em #000;
			-moz-box-shadow: 0px 0px 4em -1em #000;
			box-shadow: 0px 0px 4em -1em #000;

			-webkit-box-shadow: 0px 0px 1.5em #000;
			-moz-box-shadow: 0px 0px 1.5em #000;
			box-shadow: 0px 0px 1.5em #000;
			position: relative;
			z-index: 100;
		}
		#careers .photos > div {
			float: left;
		}
		#careers .photos .l { 
			width: 30.2%; 
		}
		#careers .photos .m {
			width: 40.25%;
		}
		#careers .photos .r {
			width: 29.55%;
		}
		#careers .photos figure {
			margin: 0px; padding: 0px;
			overflow: hidden;
			position: relative;
			width: 100%;
		}
		#careers .photos figure img {
			float: left;
			position: relative;
			z-index: 99;
			width: 100%;
		}
		#careers .photos figure > img:first-child + img {
			position: absolute;
			z-index: 100;
			opacity: 0;
			left: 0px;
			top: 0px;
			-webkit-transition: all .5s ease;
			-moz-transition: all .5s ease;
			transition: all .5s ease;
		}
		#careers .photos figure > img:first-child + img, 
		#careers .photos figure:hover > img:first-child + img, 
		#careers .photos figure:focus > img:first-child + img {
			opacity: 1;
		}
		#careers .content-body article {
			background: #fff;
			padding: 3.5% 7% 4%;
			-webkit-box-shadow: inset 0em -0.5em 1em -0.5em #333;
			-moz-box-shadow: inset 0em -0.5em 1em -0.5em #333;
			box-shadow: inset 0em -0.5em 1em -0.5em #333;
		}
		body.v2 #careers .content-body article {
			padding-top: 1em;
			padding-bottom: 0.7em;
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			box-shadow: none;
		}
		body.v2 #careers.culture .content-body article {
			padding-top: 1.5em; 
			padding-bottom: 1.2em;
		}
		#careers .content-body article > h1 {
			font-size: 2.4vw;
			font-weight: 600;
			color: #626469;
			margin-bottom: 0.5em;
		}
		body.v2 #careers.culture .content-body article > h1 {
			font-size: 2.25vw;
		}
		body.v2 #careers.culture .content-body article > h1 { margin-bottom: 0.6em; }
		body.v2 #careers .content-body article > h1 {
			text-transform: capitalize;
			margin-bottom: 0.2em; 
		}
		body.v2 #careers .content-body article > h1 { color: #000; }
		#careers .content-body article p {
			margin-bottom: 1em;
		}
		body.v2 #careers .content-body article p { font-weight: normal; line-height: 129%; }
		#careers .content-body article > p {
			font-size: 1.3vw;
			line-height: 140%;
			margin-bottom: 1.8em;
		}
		#careers.culture .content-body article > p {
			font-size: 1.5vw;
		}
		body.v2 #careers .content-body article > p {
			margin-bottom: 1em;
		}
		#careers .content-body article .groups {
			overflow: hidden;
		}
		#careers .content-body article .groups div {
			float: left;
			width: 25%;
		}
		#careers .content-body article .groups div:nth-child(1),
		#careers .content-body article .groups div:nth-child(2) {
			width: 37.5%;
		}
		#careers .content-body article .groups div p {
			font-size: 1.3vw;
			line-height: 140%;
			margin-bottom: 1.4em;
			font-weight: 400;
		}
		body.v2 #careers .content-body article .groups div p {
			color: #000;
			text-transform: uppercase;
			line-height: 129%;
			font-size: 0.7em;
			margin-bottom: 1em; 
		}
		#careers .content-body article a.button {
			font-size: 1.3vw;
			font-size: 1em;
			line-height: 129%;
			color: #fff;
			background: #ec008c;
			padding: 0.4em 0.8em;
			margin-top: 0.4em;
			display: inline-block;
		    -webkit-border-radius: 10px;
		    -moz-border-radius: 10px;
		    border-radius: 10px;
		    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ec008c+0,d4007e+100 */
			background: rgb(236,0,140); /* Old browsers */
			background: -moz-linear-gradient(top,  rgba(236,0,140,1) 0%, rgba(212,0,126,1) 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(236,0,140,1)), color-stop(100%,rgba(212,0,126,1))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  rgba(236,0,140,1) 0%,rgba(212,0,126,1) 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  rgba(236,0,140,1) 0%,rgba(212,0,126,1) 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  rgba(236,0,140,1) 0%,rgba(212,0,126,1) 100%); /* IE10+ */
			background: linear-gradient(to bottom,  rgba(236,0,140,1) 0%,rgba(212,0,126,1) 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec008c', endColorstr='#d4007e',GradientType=0 ); /* IE6-9 */
		}
		#careers .content-body article a.button:hover { background: #d2007d; background: #000; }

		#careers .content-body .p1 { color: #939598; }
		#careers .content-body .p2 { color: #ec008c; }

		#careers.culture img.banner {
			width: 100%;
			display: inline-block;
			margin-bottom: -4px;
			z-index: 1000;
			position: relative;
			-webkit-box-shadow: 0px 0px 4em -1em #000;
			-moz-box-shadow: 0px 0px 4em -1em #000;
			box-shadow: 0px 0px 4em -1em #000;

			-webkit-box-shadow: 0px 0px 1.5em #000;
			-moz-box-shadow: 0px 0px 1.5em #000;
			box-shadow: 0px 0px 1.5em #000;
		}

		@media only screen and (max-width: 1024px) {
			#careers .content-body article > h1 { font-size: 130%; }
			#careers .content-body article > p { font-size: 80%; }
			#careers .content-body article .groups div p { font-size: 80%; }
			#careers .content-body article a.button { font-size: 1.5vw; }
		}


		@media only screen and (max-width: 879px) {
			#careers .content-body article > h1 { font-size: 130%; }
			#careers .content-body article > p { font-size: 90%; }
			#careers .content-body article .groups div p { font-size: 100%; }
			#careers .content-body article a.button { font-size: 1em; }
		}



		@media only screen and (max-width: 767px) {
			#careers .photos {
				-webkit-box-shadow: none;
				-moz-box-shadow: none;
				box-shadow: none;
			}
			#careers .photos .l, 
			#careers .photos .r { display: none; }
			#careers .photos .m {
				width: 100%;
			}
			#careers .photos .m figure:first-child { display: none; }
			#careers .photos .m figure > img:first-child { display: none; }
			#careers .photos .m figure > img:first-child + img { 
				opacity: 1;
				position: relative;  
			}
			#careers .content-body article > h1 { font-size: 130%; }
			#careers .content-body article > p { font-size: 100%; }
			#careers .content-body article .groups div { width: 100% !important; }
			#careers .content-body article .groups div p { font-size: 100%; }
			body.v2 #careers .content-body article .groups div p { font-size: 100%; text-align: center; }
			#careers .content-body article a.button { 
				display: block; 
				text-align: center;
				font-size: 100%;
			}
			#careers .content-body article {
				padding-bottom: 2em;
			}

			body.v2 #careers.culture .content-body article > h1 { font-size: 1.3em; }
			body.v2 #careers.culture .content-body article > h1 span { display: block; }
			body.v2 #careers.culture .content-body article > p { font-size: 1em; }
			#careers.culture img.banner {
				-webkit-box-shadow: none;
				-moz-box-shadow: none;
				box-shadow: none;
			}
		}






	#footer {}
		#footer {
			margin-bottom: 5em;
		}
		body:not(.v2) #footer .wrapper {
			-webkit-box-shadow: 0px 2em 5em -2em #000,0px 0px 20em 20em #000;
			-moz-box-shadow: 0px 2em 5em -2em #000,0px 0px 20em 20em #000;
			box-shadow: 0px 2em 5em -2em #000,0px 0px 20em 20em #000;
		}
		body.v2.home #footer .wrapper {
			-webkit-box-shadow: 0px 0em 10em 10em #000;
			-moz-box-shadow: 0px 0em 10em 10em #000;
			box-shadow: 0px 0em 10em 10em #000;
		}
		#footer .wrapper {
			/*border-top: 0.2em solid #000;*/
			overflow: hidden;
			text-transform: uppercase;
			background: rgb(1,1,1); /* Old browsers */
			background: -moz-linear-gradient(left,  rgba(1,1,1,1) 0%, rgba(53,53,53,1) 31%, rgba(53,53,53,1) 50%, rgba(53,53,53,1) 69%, rgba(1,1,1,1) 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(1,1,1,1)), color-stop(31%,rgba(53,53,53,1)), color-stop(50%,rgba(53,53,53,1)), color-stop(69%,rgba(53,53,53,1)), color-stop(100%,rgba(1,1,1,1))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(left,  rgba(1,1,1,1) 0%,rgba(53,53,53,1) 31%,rgba(53,53,53,1) 50%,rgba(53,53,53,1) 69%,rgba(1,1,1,1) 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(left,  rgba(1,1,1,1) 0%,rgba(53,53,53,1) 31%,rgba(53,53,53,1) 50%,rgba(53,53,53,1) 69%,rgba(1,1,1,1) 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(left,  rgba(1,1,1,1) 0%,rgba(53,53,53,1) 31%,rgba(53,53,53,1) 50%,rgba(53,53,53,1) 69%,rgba(1,1,1,1) 100%); /* IE10+ */
			background: linear-gradient(to right,  rgba(1,1,1,1) 0%,rgba(53,53,53,1) 31%,rgba(53,53,53,1) 50%,rgba(53,53,53,1) 69%,rgba(1,1,1,1) 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#010101', endColorstr='#010101',GradientType=1 ); /* IE6-9 */
		}
		#footer .wrapper:after {
			content: '';
			width: 100%;
			display: block;
			height: 0.2em;
			background: -moz-linear-gradient(left,  rgba(232,0,137,0.25) 0%, rgba(232,0,137,0.25) 5%, rgba(232,0,137,0.77) 14%, rgba(232,0,137,1) 18%, rgba(232,0,137,1) 50%, rgba(232,0,137,1) 82%, rgba(232,0,137,0.88) 84%, rgba(232,0,137,0.25) 95%, rgba(232,0,137,0.25) 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(232,0,137,0.25)), color-stop(5%,rgba(232,0,137,0.25)), color-stop(14%,rgba(232,0,137,0.77)), color-stop(18%,rgba(232,0,137,1)), color-stop(50%,rgba(232,0,137,1)), color-stop(82%,rgba(232,0,137,1)), color-stop(84%,rgba(232,0,137,0.88)), color-stop(95%,rgba(232,0,137,0.25)), color-stop(100%,rgba(232,0,137,0.25))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(left,  rgba(232,0,137,0.25) 0%,rgba(232,0,137,0.25) 5%,rgba(232,0,137,0.77) 14%,rgba(232,0,137,1) 18%,rgba(232,0,137,1) 50%,rgba(232,0,137,1) 82%,rgba(232,0,137,0.88) 84%,rgba(232,0,137,0.25) 95%,rgba(232,0,137,0.25) 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(left,  rgba(232,0,137,0.25) 0%,rgba(232,0,137,0.25) 5%,rgba(232,0,137,0.77) 14%,rgba(232,0,137,1) 18%,rgba(232,0,137,1) 50%,rgba(232,0,137,1) 82%,rgba(232,0,137,0.88) 84%,rgba(232,0,137,0.25) 95%,rgba(232,0,137,0.25) 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(left,  rgba(232,0,137,0.25) 0%,rgba(232,0,137,0.25) 5%,rgba(232,0,137,0.77) 14%,rgba(232,0,137,1) 18%,rgba(232,0,137,1) 50%,rgba(232,0,137,1) 82%,rgba(232,0,137,0.88) 84%,rgba(232,0,137,0.25) 95%,rgba(232,0,137,0.25) 100%); /* IE10+ */
			background: linear-gradient(to right,  rgba(232,0,137,0.25) 0%,rgba(232,0,137,0.25) 5%,rgba(232,0,137,0.77) 14%,rgba(232,0,137,1) 18%,rgba(232,0,137,1) 50%,rgba(232,0,137,1) 82%,rgba(232,0,137,0.88) 84%,rgba(232,0,137,0.25) 95%,rgba(232,0,137,0.25) 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40e80089', endColorstr='#40e80089',GradientType=1 ); /* IE6-9 */
		}
		#footer .left {
			float: left;
			padding-left: 2%;
			position: relative;
			z-index: 1000;
			margin-top: 0.8em;
		}
		#footer .right {
			float: left;
			margin-left: 6.3em;
			overflow: hidden;
			padding-left: 0%;
			padding-right: 2%;
			position: relative;
			z-index: 1000;
			margin-top: 0.8em;
		}
		#footer .right b {
			color: #ec008c;
			margin: 0px 0.5em;
		}
		#footer.v2 .right,
		#footer.v2 .left {
			margin-top: 1.3em;
			margin-bottom: 1.1em;
		}
		#footer .left ul {
			margin: 0px;
			padding: 0px;
			height: 100%;
			list-style: none;
			display: block;
		}
		#footer .left ul li {
			display: inline-block;
		}
		#footer .left ul li a {
			color: #fff;
			text-decoration: none;
			padding: 0px 2%;
			display: block;
			/*font-size: 65%;*/
			font-size: 11px;
			text-transform: uppercase;
			line-height: 2.8em;
		}
		#footer .left ul li a:hover,
		#footer .left ul li a.active {
			color: #ec008c;
		}
		#footer .left ul li a:before {
			content: '+';
			color: #ec008c;
			margin-right: 2px;
			font-size: 130%;
			font-weight: 500;
		}
		#footer .right p {
			font-size: 11px;
			margin: 0px;
			line-height: 2.8em;
			color:#fff;
		}
		#footer .right p.l {
			float: left;
		}
		#footer .right p.r {
			float: right;
		}
		#footer a {
			color: #fff;
			text-decoration: none;
		}
		#footer .left.middle {
			width: 100%;
			margin-top: 0px;
			margin-bottom: 0.7em;
		}
		#footer.v2 .left.middle {
			display: none !important;
		}
		#footer .left.middle ul li { float: left; padding: 0.5em 0em; }
		#footer .left.middle ul li a {
			text-transform: capitalize;
			color: #fff;
			padding: 0px 0.7em 0em;
			display: block;
			border-left: 1px solid #ec008c;
			line-height: 100%;
			text-transform: uppercase;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			white-space: nowrap;
		}
		#footer .left.middle ul li:first-child a { border-left: none; padding-left: 0em; }
		#footer .left.middle ul li a:before {
			display: none;
		}
		#footer .left.middle ul li a:hover {
			color: #ec008c;
		}
		#footer .social { 
			position: absolute;
			bottom: 1em;
			right: 1.5em;
			z-index: 2000;
		}

		#footer a.soc { overflow: hidden; display: inline-block; float: left; margin-left: 4px; }
		#footer a.soc:first-child { margin-left: 0px; }
		#footer a.soc img { float: left; }
		#footer a.soc img.hover { display: none; position: absolute; left: 0; top: 0; z-index: 10; }
		#footer a.soc:hover img.hover { display: block; }

		#footer .social a img { max-width: 20px;}

		@media only screen and (max-width: 1550px) {
			body:not(.v2) #footer .wrapper {
				border-top: 0.1em solid #000;
				-webkit-box-shadow: 0px 1em 2em -1em #000,0px 0px 20em 20em #000;
				-moz-box-shadow: 0px 1em 2em -1em #000,0px 0px 20em 20em #000;
				box-shadow: 0px 1em 2em -1em #000,0px 0px 20em 20em #000;
			}
			#footer .wrapper:after {
				height: 0.15em;
			}
			#footer .left ul li a,
			#footer .right p {
				font-size: 0.7em;
			}
		}

		@media only screen and (max-width: 1024px) {
			#footer .left ul li a,
			#footer .right p {
				font-size: 1vw;
			}
			#footer { margin-bottom: 0px; }
			#footer .wrapper {
				-webkit-box-shadow: none;
				-moz-box-shadow: none;
				box-shadow: none;
			}
		}


		@media only screen and (max-width: 1200px) and (min-width: 768px) {
			#footer.v2 .wrapper {
				padding-top: 0.6em;
				padding-bottom: 1em;
			}
			body.v2 #footer.v2 .left,
			body.v2 #footer.v2 .right {
				width: 100%;
				display: block;
				float: none;
				text-align: center;
				margin: 0em;
				padding: 0em;
			}
			#footer.v2 .left ul li a { font-size:1.2vw; }
			#footer.v2 .right p.l,
			#footer.v2 .right p.r {
				float: none;
				display: inline;
				line-height: 1.4em; 
				font-size:1.1vw;
			}
			#footer .wrapper:after {
				height: 0.1em;
				position: absolute;
				bottom: 0em;
			}
		}

		@media only screen and (max-width: 1200px) and (min-width: 1101px) {
			#footer.v2 .left ul li a { font-size: 1vw; }
			#footer.v2 .right p.l,
			#footer.v2 .right p.r {
				font-size: 1vw;
			}
		}

		@media only screen and (max-width: 1090px) and (min-width: 900px) {
			#footer.v2 .wrapper {
				padding-top: 0.9em;
				padding-bottom: 0.9em;
			}
			#footer.v2 .left ul li a { line-height: 2em; font-size: 1vw; }
			#footer.v2 .right p.l,
			#footer.v2 .right p.r {
				line-height: 2em;
				font-size: 1vw;
			}
		}

		@media only screen and (max-width: 1000px) and (min-width: 768px) {
			#footer .left ul li a ,
			#footer .right p.l,
			#footer .right p.r {
				font-size: 0.6em;
				line-height: 2em;
			}
			#footer .right { margin-left: 4.3em; }
		}

		@media only screen and (max-width: 1024px) and (min-width: 768px) {
			#footer .social {
				bottom: auto;
				top: 1em;
			}
		}

		@media only screen and (max-width: 950px) and (min-width: 768px) {
			#footer .right { margin-left: 2em; }
			#footer .right p.l,
			#footer .right p.r,
			#footer .left ul li a { font-size: 0.67em; line-height: 2.2em; }
			#footer .right {
				display: block; float: none;
				width: 100%;
				text-align: left;
				margin-top: 0em;
				margin-left: 1.2em;
			}
			#footer .right p.r { float: left;  }
		}

		@media only screen and (max-width: 850px) and (min-width: 768px) {
			#footer .social a img { max-width: 16px; }
			/*
			#footer .right p.l,
			#footer .right p.r {
			}
			*/
			body.v2 #footer .middle ul li a { font-size: 0.7em; line-height: 130%;}
			#footer .right p.l, #footer .right p.r, #footer .left ul li a { font-size: 0.75em; }
		}

		@media only screen and (max-width: 895px) {
		/*@media only screen and (max-width: 850px) {*/
		/*@media only screen and (max-width: 767px) {*/
			#footer .wrapper {
				border-top: 2px solid #ec008c;
			}
			#footer .left { display: block; }
			#footer .left:not(.middle) { display: none; }
			#footer .right {
				float: none;
				width: 100%;
				text-align: center; 
				margin-top: 0em;
			}
			#footer .right p {
				font-size: 70%;
				line-height: 130%;
			}
			#footer .left ul li a { font-size: 0.5em; line-height: normal; }
			#footer .left ul li {display: block; text-align: center; width: 100%;}
			#footer .right p.l,
			#footer .right p.r { float: none; display: block; }
			#footer .right p.l { margin-top: 1em; }
			#footer .right p.r { margin-bottom: 1em; }
			#footer { margin-bottom: 0; }

			body.v2 #footer .wrapper {padding: 0em 1em;}
			body.v2 #footer .wrapper a { white-space: nowrap; }
			body.v2 #footer .left,
			body.v2 #footer .right {
				margin: 0em;
				line-height: 140%;
			}
			body.v2 #footer .wrapper { padding-top: 0.5em; padding-bottom: 26px; }
			body.v2 #footer .social {
				width: 100%;
				bottom: 0.2em;
				top: auto;
				left: 0em;
				text-align: center;
			}
			body.v2 #footer .social a {}
			body.v2 #footer .left { width: 100%; margin-bottom: 1em; }

			body.v2 #footer .wrapper:after {
				position: absolute;
				bottom: 0px;
				height: 1px;
				width: 100%;
				top: auto;
				left: 0px;
			}
			#footer .middle.left ul li a { border-left: none; line-height: normal; }
			#footer .middle.left ul li { padding: 0.1em 0em; }

			body.v2 #footer .right {
				display: block;
				float: none;
				margin-bottom: 0.6em;
				padding: 0.3em 0em;
				border-top: 1px solid rgba(255,255,255,0.1);
				border-bottom: 1px solid rgba(255,255,255,0.1);
				-webkit-box-shadow: 0px 1px 0px rgba(0,0,0,0.5), 0px -1px 0px rgba(0,0,0,0.5);
			}
			#footer .right p.r { margin-bottom: 0em; padding: 0em 0.3em; line-height: 1.5em; }

			body.v2 #footer .social {
				left: auto;
				right: auto;
				width: auto;
				bottom: 0.5em;
				left: 50%;
				-webkit-transform: translate(-50%, 0%);
				-moz-transform: translate(-50%, 0%);
				transform: translate(-50%, 0%);
			}
		}

		@media only screen and (max-width: 450px) {
			body.v2 #footer .left p,
			body.v2 #footer .right p,
			#footer .middle.left ul li a {
				font-size: 0.7em;
			}
		}

		@media only screen and (max-width: 375px) {
			body.v2 #footer .left p,
			body.v2 #footer .right p,
			#footer .middle.left ul li a {
				font-size: 0.6em;
			}
		}








	#loader {}
		#loader {
			position: fixed;
			z-index: 12000;
			top: 0px;
			left: 0px;
			width: 100%;
			height: 100%;
			background: #111; 
		}
		#loader.middle {
			background: rgba(0,0,0,0.9);
		}
		#loader .ctx {
			position: absolute;
			top: 50%;
			left: 50%;
			text-align: center;
			-webkit-transform: translate(-50%, -50%);
			-moz-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
		}
		#loader .ctx figure {
			margin: 0px;
			padding: 0px;
			overflow: hidden;
			position: relative;
			display: inline-block;
			width: 50%;
			margin-bottom: 1.5em;
		}
		#loader .ctx figure img {
			width: 100%;
			float: left;
			position: relative;
			z-index: 100;
		}
		#loader .ctx figure .bg {
			content: '';
			width: 100%;
			height: 100%;
			position: absolute;
			left: 0px;
			top: 100%;
			background: #ec008c;
			z-index: 99;
		}
		#loader .ctx figcaption {
			font-size: 2vw;
			color: #ddd;
		}
		#loader .ctx figcaption span {}
		
		@media only screen and (max-width: 767px) {
			#loader .ctx figure {
				margin-bottom: 1em;
			}
			#loader .ctx figcaption {
				font-size: 100%;
			}
		}






	#popup {}
		#popup {
			position: fixed;
			top: 0px;
			left: 0px;
			width: 100%;
			height: 100%;
			z-index: 99999;
			background: rgba(0,0,0,0.9);
			display: none;
		}
		#popup.case-studies { 
			display: none;
			background: rgba(0,0,0,0.5);
			position:fixed;
		}
		#popup .content {
			position: absolute;
			width: 80%;
			height: 80%;
			left: 10%;
			top: 10%;
			padding: 2% 3%;
			color: #323232;
			background: rgba(250,250,250,0.9);
			border-top: 3px solid #ec008c;
			border-bottom: 3px solid #ec008c;
			border: none;
			-webkit-box-shadow: inset 0em 0em 5em -1em #000;
			-moz-box-shadow: inset 0em 0em 5em -1em #000;
			box-shadow: inset 0em 0em 5em -1em #000;
			overflow: hidden;
		}
		#popup.case-studies .content {
			background: #fff;
			width: 100%;
			height: 70%;
			left: 35%; margin:0 0 0 -378px;
			top: 15%;
			padding: 3% 50px;
			border-top: none;
			border-bottom: none;
			position: relative;
			max-width:900px;
		}
		#popup .content { overflow: auto; }
		#popup .content:before,
		#popup .content:after {
			content: '';
			position: fixed;
			display: block;
			top: 10%;
			left: 10%;
			width: 80%;
			height: 3px;
			background: #ec008c;
			background: -moz-linear-gradient(left,  rgba(232,0,137,0) 0%, rgba(232,0,137,0.25) 5%, rgba(232,0,137,0.77) 14%, rgba(232,0,137,1) 18%, rgba(232,0,137,1) 50%, rgba(232,0,137,1) 82%, rgba(232,0,137,0.88) 84%, rgba(232,0,137,0.25) 95%, rgba(232,0,137,0) 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(232,0,137,0)), color-stop(5%,rgba(232,0,137,0.25)), color-stop(14%,rgba(232,0,137,0.77)), color-stop(18%,rgba(232,0,137,1)), color-stop(50%,rgba(232,0,137,1)), color-stop(82%,rgba(232,0,137,1)), color-stop(84%,rgba(232,0,137,0.88)), color-stop(95%,rgba(232,0,137,0.25)), color-stop(100%,rgba(232,0,137,0))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(left,  rgba(232,0,137,0) 0%,rgba(232,0,137,0.25) 5%,rgba(232,0,137,0.77) 14%,rgba(232,0,137,1) 18%,rgba(232,0,137,1) 50%,rgba(232,0,137,1) 82%,rgba(232,0,137,0.88) 84%,rgba(232,0,137,0.25) 95%,rgba(232,0,137,0) 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(left,  rgba(232,0,137,0) 0%,rgba(232,0,137,0.25) 5%,rgba(232,0,137,0.77) 14%,rgba(232,0,137,1) 18%,rgba(232,0,137,1) 50%,rgba(232,0,137,1) 82%,rgba(232,0,137,0.88) 84%,rgba(232,0,137,0.25) 95%,rgba(232,0,137,0) 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(left,  rgba(232,0,137,0) 0%,rgba(232,0,137,0.25) 5%,rgba(232,0,137,0.77) 14%,rgba(232,0,137,1) 18%,rgba(232,0,137,1) 50%,rgba(232,0,137,1) 82%,rgba(232,0,137,0.88) 84%,rgba(232,0,137,0.25) 95%,rgba(232,0,137,0) 100%); /* IE10+ */
			background: linear-gradient(to right,  rgba(232,0,137,0) 0%,rgba(232,0,137,0.25) 5%,rgba(232,0,137,0.77) 14%,rgba(232,0,137,1) 18%,rgba(232,0,137,1) 50%,rgba(232,0,137,1) 82%,rgba(232,0,137,0.88) 84%,rgba(232,0,137,0.25) 95%,rgba(232,0,137,0) 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40e80089', endColorstr='#40e80089',GradientType=1 ); /* IE6-9 */
		}
		#popup .content:after { top: auto; bottom: 10%; }

		#popup.case-studies .content:before,
		#popup.case-studies .content:after { width: 100%; left: 0em; position: absolute; }
		#popup.case-studies .content:before { top: 0%; }
		#popup.case-studies .content:after { bottom: 0%; }

		#popup.case-studies.contact .content:before,
		#popup.case-studies.contact .content:after { width: 100%; left: 0em; position: absolute; }
		#popup.case-studies.contact .content:before { top: 0%; }
		#popup.case-studies.contact .content:after { bottom: 0%; }

		#popup.case-studies.contact .content {
			padding: 5em 8%;
			top: 25%;
			bottom: auto;
			height: auto;
		}
		#popup.case-studies .content h1 {
			font-size: 1.5em;
			margin-bottom: 1em;
		}
		#popup.case-studies.contact .content h1 {
			line-height: 150%;
		}
		#popup.case-studies .content .full-input { width: 100%; overflow: hidden; }
		#popup.case-studies .content .half-input { overflow: hidden; }
		#popup.case-studies .content .half-input .input { width: 65%; padding-left: 1.5%; }
		#popup.case-studies .content .half-input .input:first-child { width: 35%; padding-right: 1.5%; padding-left: 0em; }
		#popup.case-studies .content .input { float: left; margin-bottom: 1.5em; width: 100%; }
		#popup.case-studies .content .input input { 
			width: 100%; 
			background: #e0e1e1;
			border: none;
			padding: 0.5em;
		}
		#popup.case-studies .content .submit { margin-top: 0.8em; }
		#popup.case-studies .content .submit button {
			color: #fff;
			border: none;
			padding: 0.5em 1em;
			-webkit-border-radius: 8px;
			-moz-border-radius: 8px;
			border-radius: 8px;
		    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ec008c+0,d4007e+100 */
			background: rgb(236,0,140); /* Old browsers */
			background: -moz-linear-gradient(top,  rgba(236,0,140,1) 0%, rgba(212,0,126,1) 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(236,0,140,1)), color-stop(100%,rgba(212,0,126,1))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  rgba(236,0,140,1) 0%,rgba(212,0,126,1) 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  rgba(236,0,140,1) 0%,rgba(212,0,126,1) 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  rgba(236,0,140,1) 0%,rgba(212,0,126,1) 100%); /* IE10+ */
			background: linear-gradient(to bottom,  rgba(236,0,140,1) 0%,rgba(212,0,126,1) 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec008c', endColorstr='#d4007e',GradientType=0 ); /* IE6-9 */
		}
		#popup.case-studies .content .submit button:hover { background: rgb(236,0,140); background: #000; }
		#popup .content header {
			font-size: 600;
		}
		#popup .content header h2 {
			font-size: 1.6vw;
			margin: 0px;
			line-height: 150%;
		}
		#popup .content header h3 {
			font-size: 1.4vw;
			margin: 0px;
			color: #ec008c;
		}
		#popup .content article {
			margin-top: 1em;
		}
		#popup .content article img {
			float: right;
			margin-left: 3em;
			margin-bottom: 1.5em;
			margin-top: 0.1em;
			max-width: 26%;
			-webkit-box-shadow: 0px 0px 4em -1em #000;
			-moz-box-shadow: 0px 0px 4em -1em #000;
			box-shadow: 0px 0px 4em -1em #000;
		}
		#popup .content article p {
			font-size: 1.4vw;
			font-weight: normal;
			line-height: 140%;
		}
		#popup .content .close {
			color: #ec008c;
			font-size: 2.5vw;
			position: absolute;
			top: 4%;
			right: 4%;
			font-weight: 600;
			z-index: 9999;
			cursor: pointer;
		}

		@media only screen and (min-width: 1024px) {
			#popup.case-studies:not(.contact) .content {
				height: auto;
				top: 50%;
				-webkit-transform: translate(0%, -50%);
				-moz-transform: translate(0%, -50%);
				transform: translate(0%, -50%);
			}
		}

		@media only screen and (max-width: 1024px) {
			#popup .content header h2 { font-size: 130%; }
			#popup .content header h3 { font-size: 120%; }
			#popup .content article p { font-size: 110%; }
			#popup .content article img {
				margin-left: 2em;
				margin-bottom: 1.2em;
				max-width: 35%;
			}
			#popup.case-studies .content h1 { font-size: 1.2em; }
		}

		@media only screen and (max-width: 850px) and (min-width: 768px) {
			#popup.case-studies.contact .content {
				width: 80%; 
				left: 10%;
			}
		}

		@media only screen and (max-width: 767px) {
			#popup .content .close {
				font-size: 150%;
				top: 0em;
				right: 0.5em;
			}
			#popup .content {
				padding: 1em 2em;
			}
			#popup .content article {
				padding-top: 2em;
			}
			#popup .content article img {
				max-width: 100%;
				margin-left: 0;
				margin-top: -1em;
			}
			#popup .content header h2 { font-size: 120%; }
			#popup .content header h3,
			#popup .content article p { font-size: 100%; }
			#popup .content article img {
				-webkit-box-shadow: none;
				-moz-box-shadow: none;
				box-shadow: none;
			}
			#popup.case-studies .content { width: 100%; left: 0px;}
			#popup.case-studies.contact .content {
				top: 5%;
			}
			#popup.case-studies.contact .content h1 { font-size: 1.3em; line-height: 160%; }
			
			#popup.case-studies .content {
				background: #fff;
				width: 90%;
				height: 70%;
				left: 5%; margin:0;
				top: 15%;
				padding: 3% 5%;
				border-top: none;
				border-bottom: none;
				position: relative;
				
			}
		}

		@media only screen and (max-width: 800px) and (min-width: 401px) {
			#popup .content .close {
				top: 0.1em;
				right: 1em;
				font-size: 1.5em; 		
			}
		}

		@media only screen and (max-width: 400px) {
			#popup .content .close {
				font-size: 150%;
				top: 0em;
				right: 0.5em;
			}
			#popup .content {
				padding: 1em;
				border-top: 0.1em solid #ec008c;
				border-bottom: 0.1em solid #ec008c;
			}
			#popup .content article {
				padding-top: 1em;
			}
			#popup .content article img {
				max-width: 100%;
				margin-bottom: 1em;
				margin-left: 0;
			}
			#popup .content header h2 { font-size: 85%; }
			#popup .content header h3,
			#popup .content article p { font-size: 80%; }
		}




	#popup-loader {
		display: none;
		position: fixed;
		top: 50%;
		left: 50%;
		padding: 1em 1.5em;
		background: #ec008c;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		z-index: 99999;
		-webkit-border-radius: 0.3em;
		-moz-border-radius: 0.3em;
		border-radius: 0.3em;
	}











	#content .wrapper .hide-on-mobile {}
		#content .wrapper .hide-on-mobile.butdesktop:not(.buttablet) { display: none;}
		@media only screen and (max-width: 767px) {
			#content .wrapper .hide-on-mobile {
				display: none;
			}
		}
		@media only screen and (max-width: 1024px) {
			#content .wrapper .hide-on-mobile.buttablet { display: none; 	}
		}

	#content .wrapper .show-on-mobile {}
		#content .wrapper .show-on-mobile {
			display: none;
			font-size: 130%;
			line-height: 160%;
			text-align: center;
			color: #626469;
			margin-bottom: 0.5em;
			cursor: pointer;
		}
		#content .wrapper .show-on-mobile.light {
			color: #eee;
		}
		#content .wrapper .show-on-mobile span {
			color: #fff;
			background: #ec008c;
			line-height: 160%;
			font-size: 15pt !important;
			padding: 0px 0.8em;
			position: relative;
			display: inline-block;
			margin: 0px auto;
			padding-bottom: 0.15em;
		}
		#content .wrapper .show-on-mobile.button span:after {
			content: '';
			width: 0;
			height: 0;
			border-top: 0.5em solid #ec008c;
			border-left: 0.3em solid transparent;
			border-right: 0.3em solid transparent;
			position: absolute;
			display: block;
			top: 100%;
			left: 50%;
			margin-left: -0.3em;
		}
		#content .wrapper .show-on-mobile.button.new {
			width: 100%;
			background: #fff;
			line-height: 3em;
			margin-bottom: 0;
		}
		#content .wrapper .show-on-mobile.button.new.dark {
			background: none;
		}
		#content .wrapper .show-on-mobile.button.new span {
			background: none;
			color: #000;
			line-height: normal;
			font-weight: 500;
		}
		#content .wrapper .show-on-mobile.button.new.dark span { color: #fff; }
		#content .wrapper .show-on-mobile.button.new span:after,
		#content .wrapper .show-on-mobile.button.new span:before {
			content: '';
			width: 0;
			height: 0;
			border: none;
			border-left: 0.5em solid transparent;
			border-right: 0.5em solid transparent;
			border-top: 0.7em solid #ec008c;
			position: absolute;
			right: -10%;
			left: auto;
			top: 50%;
			margin-top: -0.35em;
		}
		#content .wrapper .show-on-mobile.button.new span:before {
			right: auto;
			left: -10%;
		}

		@media only screen and (min-width: 1600px) {
			#content .wrapper .show-on-mobile.button.new {
				line-height: 4em;
			}
		}

		@media only screen and (min-width: 1025px) {
			#content .wrapper .show-on-mobile.butdesktop.buttablet { display: none; }
		}
		@media only screen and (max-width: 1024px) {
			#content .wrapper .show-on-mobile.butdesktop.buttablet { display: block; }
		}
		@media only screen and (max-width: 1024px) and (min-width: 768px) {
			#content .wrapper .show-on-mobile.butdesktop span { font-size: 0.9em !important; }
		} 
		@media only screen and (min-width: 768px) {
			#content .wrapper .show-on-mobile.butdesktop { margin-bottom: 2.5em; }
			/*#content .wrapper .show-on-mobile.butdesktop span { font-size: 1.3vw !important; }*/
			#content .wrapper .show-on-mobile.butdesktop { display: block; }
			.mobi{
			display:none;	
			}
		}
		@media only screen and (max-width:  768px) and (min-width: 768px) {
			#content .wrapper .show-on-mobile.butdesktop span { font-size: 100% !important; }
		}
		@media only screen and (max-width: 767px) {
			#content .wrapper .show-on-mobile {
				display: block;			
			}
			#content .wrapper .show-on-mobile.button.new { line-height: 2em; }
			#content .wrapper .show-on-mobile.new span { font-size: 13pt !important; }
			#content .wrapper .show-on-mobile.button.new span:after { right: -2%; }
			#content .wrapper .show-on-mobile.button.new span:before { left: -2%; }
		}
		@media only screen and (max-width: 400px) {
			#content .wrapper .show-on-mobile.button.new span { font-size: 10pt !important; }
		}






	#about {}
		#about {
			z-index: 99;
		}
		#about .wrapper {}
		#about .content-body { background: #fff; }
		#about .content-body section {
			background: #fff;
			padding: 3.5em 5em;
			overflow: hidden;
		}
		#about .content-body article { background: #fff; }
		#about .content-body figure { margin: 0px; padding: 0px; }
		#about .content-body figure img { width: 100%; }
		#about .left {
			float: left;
			width: 34%;
		}
		#about .content-body article.right {
			width: 66%;
			float: right;
			padding: 0em;
			padding-left: 2em;	
		}
		#about.page .content-body .left { width: 27%; z-index: 1001; }
		#about.page .content-body article.right { width: 73%; z-index: 1001; }
		#about .content-body article.right h1 {
			margin-top: 0em;
			font-size: 1.3em;
			margin-bottom: 0.5em;
			color: #ec008c;
			margin-top: 1em;
		}
		#about.page .content-body article.right h1 { font-size: 1.05em; }
		#about .content-body article.right p {
			margin-top: 0em;
			margin-bottom: 0.5em;
			line-height: 129%;
		}
		#about.page .content-body article.right p { font-size: 0.85em; font-weight: normal; }
		#about .content-body > figure.two-img {
			overflow: hidden;
			background: #fff;
		}
		#about .content-body > figure.two-img a {
			width: 49.95%;
			float: left;
			display: block;
			overflow: hidden;
		}
		#about .content-body > figure.two-img img { width: 100%; float: left;  }
		#about .content-body > figure.two-img a:first-child { margin-right: 0.1%; }
		#about .content-body > figure.two-img a:hover img.hover { opacity: 1; }
		#about .content-body > figure.two-img a img.hover {
			position: absolute;
			left: 0px;
			top: 0px;
			z-index: 100;
			opacity: 0;
			-webkit-transition: all .3s ease;
			-moz-transition: all .3s ease;
			transition: all .3s ease;
		}

		#about.page section footer {
			overflow: hidden;
			font-size: 1em;
			line-height: 130%;
		}
		#about.page section footer img {
			float: right;
			margin-left: 15px;
			max-width: 100px;
		}




		#about .t1 { color: #939598; }
		#about .t2 { color: #000; }
		#about .t3 { color: #eb008b; }

		#about .new-button-group { margin-top: -2.5em; }

		#about.page .new-button-group { margin-top: -3em; padding-top: 1em; }

		@media only screen and (max-width: 850px) and (min-width: 767px) {
			#about.page .new-button-group { padding-top:1em; margin-top: -3em; }
			#about.page .content-body article.right p { font-size: 1em; }
			#about.page .content-body article.right h1 { margin-top: 0em; font-size: 1.1em; }
		}

		@media only screen and (max-width: 767px) {
			#about .content-body > figure.two-img a {
				float: none;
				width: 100%;
			}
			#about .content-body section {
				padding: 2em;
			}
			#about .content-body article.right,
			#about .content-body .left {
				float: none;
				width: 100%;
				padding: 0em;
			}
			#about.page .content-body article.right,
			#about.page .content-body .left {
				width: 100%;
			}
			#about.page .content-body article.right h1 { font-size: 1.2em;}
			#about.page .content-body article.right p { font-size: 1em; }
			#about.page .content-body footer p {
				font-size: 0.8em;
				color: #333;
				line-height: normal; 
			}
			#about.page .content-body footer { margin-top: 0.6em; margin-bottom: 0.5em; }
			#about.page .content-body footer img { 
				margin-bottom: 0em; 
				float: left; 
				margin-left: 0em;
				margin-right: 1em;
			}
			#about .new-button-group { margin-top: 0em; }
		}








	#analytics {}
	#analytics .wrapper {}
	#analytics .content-body {}
	#analytics .content-body .box {
		width: 100%;
		background-size: 100% 100%;
		background-repeat: no-repeat;
		text-align: center;
		padding: 1em 1em 1.2em;
	}
	#analytics .content-body .box img {
		max-width: 100%;
		display: inline-block;
		margin-bottom: -4px;
	}
	#analytics .content-body .box p {
		font-size: 0.9em;
		color: #what;
		margin-bottom: 0em;
		margin-top: 1em;
		line-height: 150%;
		color: #363738;
	}
	#analytics .content-body .big {
		overflow: hidden;
		background: #000;
		background-image: url(../images/logos-background.jpg);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		border-bottom: 1px solid #000;
	}
	#analytics .content-body .big .box {
		width: 50%;
		float: left;
		padding: 4em;
	}
	#analytics .content-body .boxs {
		background-image: url(../images/logos-background.jpg);
		background-size: 100% 100% !important;
		overflow: hidden;
		display: table-row;
		background: url(../images/logos-background.jpg) repeat-x 100% 100%;
	}
	#analytics .content-body .boxs .box {
		width: 25%;
		border-right: 1px solid #000;
		display: table-cell;
		vertical-align: top;
	}
	#analytics .content-body .boxs .box:last-child { border-right: none; }
	#analytics .content-body .boxs .box:first-child { padding: 1.5em 2.3em; }
	#analytics .content-body .boxs .box:nth-child(2) img { max-width: 70%; }
	#analytics .content-body .boxs .box:nth-child(3) img { max-width: 85%; }
	#analytics .content-body .boxs .box:nth-child(4) img { max-width: 62%; border-right: none; }
	#analytics .content-body .box-text {
		width: 50%;
		background: none;
		color: #fff;
		float: left;
		padding: 2.2em 3em 2.2em 1em;
		position: relative;
	}
	#analytics .content-body .box-text p {
		margin: 0em;
		line-height: 150%;
		font-size: 1.2em;
		color: #626469;
		text-align: center;
	}
	#analytics .content-body .box-text:before {
		content: '';
		width: 0px;
		height: 0px;
		border-top: 0.7em solid transparent;
		border-bottom: 0.7em solid transparent;
		border-left: 1.2em solid #fefefe;
		position: absolute;
		display: block;
		left: -1px;
		top: 50%;
		margin-top: -0.7em; display: none;
	}

	@media only screen and (min-width: 1400px) {
		#analytics .content-body .box {
			padding-left: 1.5em;
			padding-right: 1.5em;
		}
		#analytics .content-body .boxs .box:first-child {
			padding: 1em 3em;
		}
		#analytics .content-body .boxs .box:first-child p {
			padding-left: 1.4em;
			padding-right: 1.4em;
		}
		#analytics .content-body .big .box-text p {
			font-size: 1.5em;
		}
	}

	@media only screen and (max-width: 900px) {
		#analytics .content-body .box p {
			line-height: 140%;
		}
		#analytics .content-body .boxs .box:first-child {
			padding: 1.3em 1em;
		}
		#analytics .content-body .boxs .box img { max-width: 90% !important; }
		#analytics .content-body .big .box-text p {
			font-size: 1em;
			line-height: 140%;
		}
	}

	@media only screen and (max-width: 767px) {
		#analytics .content-body .big {
		}
		#analytics .content-body .big .box {
			width: 100%;
			float: none;
			padding: 2em; 
		}
		#analytics .content-body .big .box-text {
			float: none;
			width: 100%;
			display: block;
			padding: 2em;
			padding-top: 0em;
		}
		#analytics .content-body .big .box-text:before {
			top: -1px;
			left: 50%;
			margin-left: -0.7em;
			margin-top: 0em;
			border-left: 0.7em solid transparent;
			border-right: 0.7em solid transparent;
			border-top: 1em solid #fefefe;
			border-bottom: none;
		}
		#analytics .content-body .boxs {
			display: block;
			background: none;
		}
		#analytics .content-body .boxs .box {
			display: block;
			border: none;
			border-bottom: 1px solid #000; 
			padding: 1.5em !important;
			width: 100%;
			background-image: url(../images/logos-background.jpg);
			background-size: 100% 100%;
		}
		#analytics .content-body .boxs .box img { max-width: 100% !important; }
	}

	@media only screen and (max-width: 400px) {
		#analytics .content-body .big .box-text {
			padding: 2em 1.5em;
			padding-top: 0em;
		}
		#analytics .content-body .big .box-text p {
			font-size: 0.9em; 
		}
		#analytics .content-body .big .box-text:before {
			border-top: 0.6em solid #fefefe;
		}
	}





	#client-page {}
		#client-page .content-body {
			overflow: hidden;
			padding: 2em 3em;
			background: #fff;
			-webkit-box-shadow: inset 0em 10em 15em -17em  #000;
			-moz-box-shadow: inset 0em 10em 15em -17em  #000;
			box-shadow: inset 0em 10em 15em -17em  #000;
		}
		#client-page figure.right {
			padding: 0em;
			margin: 0em;
			float: right;
			width: 37%;
			float: left;
		}
		#client-page figure.right img {
			max-width: 100%;
			max-height: 646px;
		}
		#client-page article { position: relative; }
		#client-page article.left {
			padding: 0em;
			width: 60%;
			float: left;
			padding-top: 0.5em;
			padding-right: 2em;
			margin-bottom: 3em;
			font-size: 150%;
		}
		#client-page article.left h1 {
			font-size: 1.15em;
			color: #ec008c;
			font-weight: bold;
			line-height: 110%;
			margin: 0em;
		}
		#client-page article.left h2 { 
			font-weight: normal; 
			font-size: 0.95em;
			color: #000;
			line-height: 120%;
			margin: 0em;
			margin-bottom: 1em;
		}
		#client-page article.left h2.pink {
			color: #ec008c;
			font-weight: bold;
		}
		#client-page article.left p {
			font-size: 0.67em;
			color: #666;
			line-height: 130%;
			font-weight: normal;
			margin-bottom: 1em;
		}
		#client-page article.left p strong {
			color: #000;
		}

		#client-page .commercial {
			position: absolute;
			top: 0px;
			right: 15px;
			font-size: 0.65em;
			color: #666 !important;
		}
		#client-page .commercial:hover { color: #ec008c !important; }
		#client-page .commercial img {
			position: relative;
			margin-left: 5px;
			-webkit-transform: translate(0%, 25%);
			-moz-transform: translate(0%, 25%);
			transform: translate(0%, 25%);
		}

		#client-page .contact-sc {
			position: absolute;
			/*left: 3em;*/
			left: 0;
			padding-left: 3em;
			bottom: 2em;
			width: 60%;
		}
		#client-page .contact-sc > img { display: none; }
		body.v2 #client-page .contact-sc p {
			color: #666;
			font-weight: normal;
			margin: 0em;
			line-height: 130%; 
			font-size: 0.9em;
		}
		body.v2 #client-page .contact-sc p:nth-child(2) {
			color: #ec008c;
			font-weight: bold;
			border-top: 2px dotted #666;
			display: inline-block;
			padding-top: 0.3em;
		}
		body.v2 #client-page .contact-sc a { color: #666; text-decoration: none; }
		body.v2 #client-page .contact-sc a:hover { color: #ec008c; }

		#client-page .nav-groups {
			position: absolute;
			bottom: -7px;
			right: 15px;
			right: 20px;
		}
		#client-page .nav-groups a { 
			margin: 0em 0.3em; 
			display: block; 
			float: left; 
		}

		@media only screen and (max-width: 1024px) and (min-width: 768px) {
			#client-page .commercial {
				right: -50%;
			}
			#client-page figure.right { margin-top: 3.5em; }
		}


		@media only screen and (max-width: 850px) {
			#client-page .commercial img { width: 20px;  }
			#client-page .contact-sc .nav-groups img {
				max-width: 10px;
			}
			#client-page .nav-groups { bottom: -3px; }
		}


		@media only screen and (max-width: 767px) {
			#client-page .content-body {
				padding: 1em;
			}
			#client-page article.left,
			#client-page figure.right {
				float: none;
				width: 100%;
				display: block;
				padding: 0em;
			}
			#client-page article.left { margin-bottom: 1em; }
			#client-page article.left h1 { font-size: 1.2em; }
			#client-page article.left h2 { font-size: 1em; }
			#client-page article.left p { font-size: 0.9em; }

			#client-page .commercial {
				position: relative;
				right: auto;
			}
			#client-page .contact-sc {
				position: relative;
				left: auto;
				bottom: auto;
				width: 100%;
				margin-top: 2em;
			}
			body.v2 #client-page .contact-sc p { font-size: 0.7em; }
			#client-page .contact-sc .nav-groups { bottom: -5px; }
			#client-page .contact-sc .nav-groups a { margin: 0em 0.2em;  }
			.desk{
			display:none;	
			}
		}




















/* October 2015 updated */
.content-pattern-v1 {}

	.content-pattern-v1 {
		margin-bottom: 1em;
	}

	.content-pattern-v1 .cpv-title {
		overflow: hidden;
		padding-bottom: 0.5em;
	}

	body.v2 #content #mission .content-pattern-v1 { 
		margin-bottom: -0.3em;
		padding-bottom: 0em; 
	}
	body.v2 #content #about .content-pattern-v1 {
		padding-bottom: 0em;
		margin-bottom: 0em;
	} 

	.content-pattern-v1 .cpv-title h1, 
	body.v2 #content #clients article .content-pattern-v1 .cpv-title h1, 
	body.v2 #content #mission article .content-pattern-v1 .cpv-title h1, 
	body.v2 #content #about article .content-pattern-v1 .cpv-title h1 
	{
		color: #ec008c;
		font-size: 2em;
		font-weight: bold;
		margin-bottom: 0em;
		letter-spacing: -0.05em;
		display: inline-block;
		vertical-align: middle;
	}

	body.v2 #content #about article .content-pattern-v1 .cpv-title h1 { margin-left: 0.5em; line-height: 115%; }

	.content-pattern-v1 .cpv-title figure, 
	body.v2 #content #about .content-pattern-v1 .cpv-title figure 
	{
		width: 28%;
		margin: 0px;
		padding: 0px;
		display: inline-block;
		vertical-align: middle;
	}

	.content-pattern-v1 .cpv-title figure img, 
	body.v2 #content #about .content-pattern-v1 .cpv-title figure img 
	{
		width: 100%;
	}

	.content-pattern-v1 .cpv-footer 
	{}

	.content-pattern-v1 .cpv-footer p, 
	body.v2 #content #clients .content-pattern-v1 .cpv-footer p, 
	body.v2 #content #mission .content-pattern-v1 .cpv-footer p, 
	body.v2 #content #about .content-pattern-v1 .cpv-footer p 
	{
		color: #7d7d7d;
	    font-size: 0.99em;
	    font-weight: normal;
	    letter-spacing: -0.01em;
	    margin-top: 0.1em;
	    line-height: 140%;
	}
	body.v2 #content #mission .content-pattern-v1 .cpv-footer p { 
		font-size: 1em; 
		margin-bottom: 0em;
	}
	body.v2 #content #about .content-pattern-v1 .cpv-footer p { font-size: 0.99em; margin-top: 0.8em; }

	.content-pattern-v1 .cpv-footer a.button, 
	body.v2 #content #clients .content-pattern-v1 .cpv-footer a.button,
	body.v2 #content #mission .content-pattern-v1 .cpv-footer a.button,
	body.v2 #content #about .content-pattern-v1 .cpv-footer a.button
	{
		background: #ec008c;
	    text-decoration: none;
	    font-size: 64%;
	    color: #fff;
	    letter-spacing: 0em;
	    display: inline-block;
	    text-transform: uppercase;
	    padding: 0px 0.8em;
	    position: relative;
	    top: -2px;
	    margin-left: 0.5em;
	    -webkit-border-radius: 10px;
	    -moz-border-radius: 10px;
	    border-radius: 10px;
	    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ec008c+0,d4007e+100 */
		background: rgb(236,0,140); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(236,0,140,1) 0%, rgba(212,0,126,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(236,0,140,1)), color-stop(100%,rgba(212,0,126,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(236,0,140,1) 0%,rgba(212,0,126,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(236,0,140,1) 0%,rgba(212,0,126,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(236,0,140,1) 0%,rgba(212,0,126,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(236,0,140,1) 0%,rgba(212,0,126,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec008c', endColorstr='#d4007e',GradientType=0 ); /* IE6-9 */

	}
	.content-pattern-v1 .cpv-footer a.button:hover,
	body.v2 #content #clients .content-pattern-v1 .cpv-footer a.button:hover, 
	body.v2 #content #mission .content-pattern-v1 .cpv-footer a.button:hover, 
	body.v2 #content #about .content-pattern-v1 .cpv-footer a.button:hover 
	{ 
		background: #D90081;
		background: #000;
	}



	@media only screen and (max-width: 767px) {
		.content-pattern-v1 {
			margin-bottom: 2em;
		}

		.content-pattern-v1 .cpv-title h1,
		body.v2 #content #clients article .content-pattern-v1 .cpv-title h1,
		body.v2 #content #mission article .content-pattern-v1 .cpv-title h1, 
		body.v2 #content #about article .content-pattern-v1 .cpv-title h1 
		{
			font-size: 1.8em;
			line-height: 110%;
			margin-bottom: 0.3em;
		}

		.content-pattern-v1 .cpv-footer a.button, 
		body.v2 #content #clients .content-pattern-v1 .cpv-footer a.button, 
		body.v2 #content #mission .content-pattern-v1 .cpv-footer a.button, 
		body.v2 #content #about .content-pattern-v1 .cpv-footer a.button 
		{
			margin-top: 1em;
			margin-left: 0em;
			top: 0em;
			font-size: 0.8em;
			display: block;
			text-align: center;
			line-height: 2em;
		}

		.content-pattern-v1 .cpv-footer a.button:before, 
		body.v2 #content #clients .content-pattern-v1 .cpv-footer a.button:before,
		body.v2 #content #mission .content-pattern-v1 .cpv-footer a.button:before,
		body.v2 #content #about .content-pattern-v1 .cpv-footer a.button:before
		{
			width: 100%;
			content: '';
			height: 1px;
			clear: both;
			display: block;
		}

		.content-pattern-v1 .cpv-title figure, 
		body.v2 #content #about .content-pattern-v1 .cpv-title figure {
			width: 100%;
		}

		body.v2 #content #about article .content-pattern-v1 .cpv-title h1 { margin-left: 0em; display: block; }

		body.v2 #content #about .content-pattern-v1 .cpv-footer p, 
		body.v2 #content #clients .content-pattern-v1 .cpv-footer p, 
		body.v2 #content #mission .content-pattern-v1 .cpv-footer p 
		{ font-size: 1.2em; }
	}










#numbers-animate {}
	#numbers-animate {
		margin-top: 1.5em;
		overflow: hidden;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e1e1e+0,191919+30,191919+50,191919+70,1e1e1e+100 */
		background: rgb(30,30,30); /* Old browsers */
		background: -moz-linear-gradient(left,  rgba(30,30,30,1) 0%, rgba(25,25,25,1) 30%, rgba(25,25,25,1) 50%, rgba(25,25,25,1) 70%, rgba(30,30,30,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(30,30,30,1)), color-stop(30%,rgba(25,25,25,1)), color-stop(50%,rgba(25,25,25,1)), color-stop(70%,rgba(25,25,25,1)), color-stop(100%,rgba(30,30,30,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left,  rgba(30,30,30,1) 0%,rgba(25,25,25,1) 30%,rgba(25,25,25,1) 50%,rgba(25,25,25,1) 70%,rgba(30,30,30,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left,  rgba(30,30,30,1) 0%,rgba(25,25,25,1) 30%,rgba(25,25,25,1) 50%,rgba(25,25,25,1) 70%,rgba(30,30,30,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left,  rgba(30,30,30,1) 0%,rgba(25,25,25,1) 30%,rgba(25,25,25,1) 50%,rgba(25,25,25,1) 70%,rgba(30,30,30,1) 100%); /* IE10+ */
		background: linear-gradient(to right,  rgba(30,30,30,1) 0%,rgba(25,25,25,1) 30%,rgba(25,25,25,1) 50%,rgba(25,25,25,1) 70%,rgba(30,30,30,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e1e1e', endColorstr='#1e1e1e',GradientType=1 ); /* IE6-9 */
	}
	#numbers-animate .part {
		width: 25%;
		text-align: center;
		padding: 1em 0em;
		float: left;
		position: relative;
		overflow: hidden;
	}
	#numbers-animate .part:before {
		content: '';
		width: 2px;
		height: 10em;
		max-height: 100%;
		background: #ec008c;
		position: absolute;
		left: -1px;
		top: 0px;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e1e1e+0,ec008c+23,ec008c+50,ec008c+77,1e1e1e+100&0+1,1+23,1+50,1+77,0+100 */
		background: -moz-linear-gradient(top,  rgba(30,30,30,0) 0%, rgba(39,29,35,0) 1%, rgba(236,0,140,1) 23%, rgba(236,0,140,1) 50%, rgba(236,0,140,1) 77%, rgba(30,30,30,0) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,30,30,0)), color-stop(1%,rgba(39,29,35,0)), color-stop(23%,rgba(236,0,140,1)), color-stop(50%,rgba(236,0,140,1)), color-stop(77%,rgba(236,0,140,1)), color-stop(100%,rgba(30,30,30,0))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(30,30,30,0) 0%,rgba(39,29,35,0) 1%,rgba(236,0,140,1) 23%,rgba(236,0,140,1) 50%,rgba(236,0,140,1) 77%,rgba(30,30,30,0) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(30,30,30,0) 0%,rgba(39,29,35,0) 1%,rgba(236,0,140,1) 23%,rgba(236,0,140,1) 50%,rgba(236,0,140,1) 77%,rgba(30,30,30,0) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(30,30,30,0) 0%,rgba(39,29,35,0) 1%,rgba(236,0,140,1) 23%,rgba(236,0,140,1) 50%,rgba(236,0,140,1) 77%,rgba(30,30,30,0) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(30,30,30,0) 0%,rgba(39,29,35,0) 1%,rgba(236,0,140,1) 23%,rgba(236,0,140,1) 50%,rgba(236,0,140,1) 77%,rgba(30,30,30,0) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e1e1e', endColorstr='#001e1e1e',GradientType=0 ); /* IE6-9 */
	}
	#numbers-animate .part:first-child:before { display: none; }
	#numbers-animate .part h3 {
		margin: 0px;
		color: #ec008c;
		font-size: 1.2em;
	}
	#numbers-animate .part p {
		color: #fff;
		margin: 0px;
		font-size: 0.7em;
		text-transform: uppercase;
		font-weight: bold;
		margin-top: 0.2em;
	}

	@media only screen and (max-width: 767px) {
		#numbers-animate {
			margin-top: 0em;
		}
		#numbers-animate .part {
			display: block;
			width: 100%;
			padding: 0.7em;
		}
		#numbers-animate .part:before {
			height: 1px;
			width: 100%;
			/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e1e1e+0,ec008c+23,ec008c+50,ec008c+77,1e1e1e+100&0+1,1+23,1+50,1+77,0+100 */
			background: -moz-linear-gradient(left,  rgba(30,30,30,0) 0%, rgba(39,29,35,0) 1%, rgba(236,0,140,1) 23%, rgba(236,0,140,1) 50%, rgba(236,0,140,1) 77%, rgba(30,30,30,0) 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(30,30,30,0)), color-stop(1%,rgba(39,29,35,0)), color-stop(23%,rgba(236,0,140,1)), color-stop(50%,rgba(236,0,140,1)), color-stop(77%,rgba(236,0,140,1)), color-stop(100%,rgba(30,30,30,0))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(left,  rgba(30,30,30,0) 0%,rgba(39,29,35,0) 1%,rgba(236,0,140,1) 23%,rgba(236,0,140,1) 50%,rgba(236,0,140,1) 77%,rgba(30,30,30,0) 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(left,  rgba(30,30,30,0) 0%,rgba(39,29,35,0) 1%,rgba(236,0,140,1) 23%,rgba(236,0,140,1) 50%,rgba(236,0,140,1) 77%,rgba(30,30,30,0) 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(left,  rgba(30,30,30,0) 0%,rgba(39,29,35,0) 1%,rgba(236,0,140,1) 23%,rgba(236,0,140,1) 50%,rgba(236,0,140,1) 77%,rgba(30,30,30,0) 100%); /* IE10+ */
			background: linear-gradient(to right,  rgba(30,30,30,0) 0%,rgba(39,29,35,0) 1%,rgba(236,0,140,1) 23%,rgba(236,0,140,1) 50%,rgba(236,0,140,1) 77%,rgba(30,30,30,0) 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e1e1e', endColorstr='#001e1e1e',GradientType=1 ); /* IE6-9 */
		}
		#numbers-animate .part h3 {
			font-size: 0.9em;
		}
		#numbers-animate .part p {
			font-size: 0.7em;
		}
	}












.new-button-group {}
	.new-button-group {
		overflow: hidden;
		text-transform: capitalize;
		margin-top: -0.5em;
		padding-top: 0.5em;
		text-align: left;
		padding-left: 7%;
		padding-right: 11%;
	}
	.new-button-group.inner-page-no-padding {
		padding-left: 0%;
		padding-right: 0%;
		margin-top: 0.5em;
	}
	.new-button-group a {
	    text-align: center;
	    width: 30%;
	    margin: 0.2em 0.5em 1.6em;
	    display: inline-block;
	    background: #999;
	    line-height: 212%;
	    text-decoration: none;
	    text-transform: uppercase;
	    color: #000;
	    font-weight: normal;
	    /*font-size: 1.3em;*/
		font-size:21px;
	    overflow: hidden;
	    -webkit-border-radius: 8px;
	    -moz-border-radius: 8px;
	    border-radius: 8px;
	    position: relative;
	    overflow: hidden;
	    -webkit-box-shadow: 0px 0.3em 1.5em -0.3em rgba(0,0,0,0.9), inset -0.1em -0.1em 0.1em rgba(0,0,0,0.1);
	    -moz-box-shadow: 0px 0.3em 1.5em -0.3em rgba(0,0,0,0.9), inset -0.1em -0.1em 0.1em rgba(0,0,0,0.1);
	    box-shadow: 0px 0.3em 1.5em -0.3em rgba(0,0,0,0.9), inset -0.1em -0.1em 0.1em rgba(0,0,0,0.1);
	    -webkit-transition: background .3s ease;
	    -moz-transition: background .3s ease;
	    transition: background .3s ease;
	    background: #030303;
	    -webkit-box-shadow: none !important;
	    -moz-box-shadow: none !important;
	    box-shadow: none !important;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#edecec+1,d5d4d4+100 
		background: rgb(237,236,236); 
		background: -moz-linear-gradient(top,  rgba(237,236,236,1) 1%, rgba(213,212,212,1) 100%); 
		background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(237,236,236,1)), color-stop(100%,rgba(213,212,212,1))); 
		background: -webkit-linear-gradient(top,  rgba(237,236,236,1) 1%,rgba(213,212,212,1) 100%); 
		background: -o-linear-gradient(top,  rgba(237,236,236,1) 1%,rgba(213,212,212,1) 100%); 
		background: -ms-linear-gradient(top,  rgba(237,236,236,1) 1%,rgba(213,212,212,1) 100%); 
		background: linear-gradient(to bottom,  rgba(237,236,236,1) 1%,rgba(213,212,212,1) 100%); 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edecec', endColorstr='#d5d4d4',GradientType=0 ); 
		/**/
	}
	.new-button-group a:last-child { margin-right: 0em; }
	.new-button-group.inner-page-no-padding a {
		width: 25%;
		font-size: 0.6em;
		margin-left: 0em;
		margin-right: 8.3333%;
		margin-bottom: 0em;
		margin-top: 0em;
	}
	.new-button-group.inner-page-no-padding a:last-child { margin-right: 0%; }
	.new-button-group a:after {
		content: '';
		display: none;
		position: absolute;
		left: -2px;
		right: -2px;
		top: -2px;
		bottom: -2px;
		z-index: 100;
		-webkit-transition: all .4s ease;
		-moz-transition: all .4s ease;
		transition: all .4s ease;
		-webkit-box-shadow:
			inset 0px 3px 0px rgba(0,0,0,0.1), 
			inset -8px 0px 4px rgba(0,0,0,0.9),
			inset 0px -8px 4px rgba(0,0,0,0.9),
			inset 8px 0px 4px rgba(100,100,100,0.6),
			inset 0px 8px 4px rgba(255,255,255,0.9);
		-moz-box-shadow:
			inset 0px 3px 0px rgba(0,0,0,0.1), 
			inset -8px 0px 4px rgba(0,0,0,0.9),
			inset 0px -8px 4px rgba(0,0,0,0.9),
			inset 8px 0px 4px rgba(100,100,100,0.6),
			inset 0px 8px 4px rgba(255,255,255,0.9);
		box-shadow:
			inset 0px 3px 0px rgba(0,0,0,0.1), 
			inset -8px 0px 4px rgba(0,0,0,0.9),
			inset 0px -8px 4px rgba(0,0,0,0.9),
			inset 8px 0px 4px rgba(100,100,100,0.6),
			inset 0px 8px 4px rgba(255,255,255,0.9);
	}
	.new-button-group a:before {
		content: ' ';
		width: 18%;
		float: right;
		position: absolute;
		right: 0px;
		top: 0px;
		background: none;
		color: #fff;
		font-size: 180%;
		line-height: 128%;
		height: 100%;
		z-index: 101;
		border-left: 1px solid rgba(255,255,255,0.4);
		-webkit-box-shadow: -1px 0px 0px rgba(255,255,255,0.2);
		-moz-box-shadow: -1px 0px 0px rgba(255,255,255,0.2);
		box-shadow: -1px 0px 0px rgba(255,255,255,0.2);
	}
	.new-button-group a span {
		float: left;
		width: 82%;
		font-weight: bold;
		position: static;
	}

	.new-button-group a span:after {
	    content: '';
	    width: 0px;
	    height: 0px;
	    border-bottom: 7px solid transparent;
	    border-top: 7px solid transparent;
	    border-left: 12px solid #ec008c;
	    display: block;
	    position: absolute;
	    left: 90%;
	    top: 0.69em;
	    top: 50%;
	    margin-top: -7px;
	}

	.new-button-group a.orange:before {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eb5e00+0,ce5300+100 */
		background: rgb(235,94,0); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(235,94,0,1) 0%, rgba(206,83,0,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(235,94,0,1)), color-stop(100%,rgba(206,83,0,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(235,94,0,1) 0%,rgba(206,83,0,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(235,94,0,1) 0%,rgba(206,83,0,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(235,94,0,1) 0%,rgba(206,83,0,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(235,94,0,1) 0%,rgba(206,83,0,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb5e00', endColorstr='#ce5300',GradientType=0 ); /* IE6-9 */
	}
	.new-button-group a.green:before {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8dea00+2,7cce00+100 */
		background: rgb(141,234,0); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(141,234,0,1) 2%, rgba(124,206,0,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,rgba(141,234,0,1)), color-stop(100%,rgba(124,206,0,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(141,234,0,1) 2%,rgba(124,206,0,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(141,234,0,1) 2%,rgba(124,206,0,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(141,234,0,1) 2%,rgba(124,206,0,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(141,234,0,1) 2%,rgba(124,206,0,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8dea00', endColorstr='#7cce00',GradientType=0 ); /* IE6-9 */
	}
	.new-button-group a.blue:before {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#008deb+0,007cce+100 */
		background: rgb(0,141,235); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(0,141,235,1) 0%, rgba(0,124,206,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,141,235,1)), color-stop(100%,rgba(0,124,206,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(0,141,235,1) 0%,rgba(0,124,206,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(0,141,235,1) 0%,rgba(0,124,206,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(0,141,235,1) 0%,rgba(0,124,206,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(0,141,235,1) 0%,rgba(0,124,206,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008deb', endColorstr='#007cce',GradientType=0 ); /* IE6-9 */
	}

	.new-button-group a.orange:before,
	.new-button-group a.blue:before,
	.new-button-group a.green:before { background: none; }

	.new-button-group a.orange span { color: #eb5e00; }
	.new-button-group a.green span { color: #5fbb00; }
	.new-button-group a.blue span { color: #008deb; }

	.new-button-group a.orange span,
	.new-button-group a.green span,
	.new-button-group a.blue span,
	.new-button-group a span { color: #fff; }

	/* while hover */
	.new-button-group a:hover {
		-webkit-box-shadow: 0em 0.1em 1.5em -0.3em rgba(0,0,0,0.8);
		-moz-box-shadow: 0em 0.1em 1.5em -0.3em rgba(0,0,0,0.8);
		box-shadow: 0em 0.1em 1.5em -0.3em rgba(0,0,0,0.8);
		background: #ec008c;
	}
	.new-button-group a:hover:before {}
	.new-button-group a:hover span:after { border-left: 13px solid #000; }
	.new-button-group a:hover:after {
		-webkit-box-shadow:
			inset 0px 3px 0px rgba(217,6,130,0.1), 
			inset -8px 0px 4px rgba(217,6,130,0.9),
			inset 0px -8px 4px rgba(217,6,130,1),
			inset 8px 0px 4px rgba(247,52,167,0.6),
			inset 0px 8px 4px rgba(255,255,255,0.9);
		-moz-box-shadow:
			inset 0px 3px 0px rgba(217,6,130,0.1), 
			inset -8px 0px 4px rgba(217,6,130,0.9),
			inset 0px -8px 4px rgba(217,6,130,1),
			inset 8px 0px 4px rgba(247,52,167,0.6),
			inset 0px 8px 4px rgba(255,255,255,0.9);
		box-shadow:
			inset 0px 3px 0px rgba(217,6,130,0.1), 
			inset -8px 0px 4px rgba(217,6,130,0.9),
			inset 0px -8px 4px rgba(217,6,130,1),
			inset 8px 0px 4px rgba(247,52,167,0.6),
			inset 0px 8px 4px rgba(255,255,255,0.9);
	}

	body:not(.home) #mission .new-button-group a span {
	    color: #fff;
	    font-size: 1.5em;
	    line-height: 211%;
	}
	body:not(.home) #mission .new-button-group a {
		width: 100%;
		margin-bottom: 1em;
	}

	@media only screen and (min-width:1500px) {
		body:not(.home) #mission .new-button-group a span {
		    color: #fff;
		    font-size: 1.3em;
		    line-height: 211%;
		}
	}

	@media only screen and (max-width: 767px) {
		body:not(.home) #mission .new-button-group { width: 100% !important; }
		body:not(.home) #mission .new-button-group a  {
			margin: 0px;
			display: block;
			width: 100% !important;
		}
	}

	@media only screen and (max-width: 1000px) {
		.new-button-group a {
			font-size: 115%;
		}
	}

	@media only screen and (max-width: 850px) and (min-width: 768px) {
		.new-button-group a {
			font-size: 0.9em;
			-webkit-box-shadow: 0px 0.3em 1em -0.3em rgba(0,0,0,0.9), inset -0.1em -0.1em 0.1em rgba(0,0,0,0.1);
			-moz-box-shadow: 0px 0.3em 1em -0.3em rgba(0,0,0,0.9), inset -0.1em -0.1em 0.1em rgba(0,0,0,0.1);
			box-shadow: 0px 0.3em 1em -0.3em rgba(0,0,0,0.9), inset -0.1em -0.1em 0.1em rgba(0,0,0,0.1);
		}
	}

	@media only screen and (max-width: 767px) {
		.new-button-group {
			padding-bottom: 1.2em;
			margin-top: 1em;
		}
		.new-button-group a {
			width: 85%;
			font-size: 100%;
			margin-bottom: 0.5em;
			margin-left: 0em;
			margin-right: 0em;
			-webkit-box-shadow: 0px 0.3em 1em -0.3em rgba(0,0,0,0.9), inset -0.1em -0.1em 0.1em rgba(0,0,0,0.1);
			-moz-box-shadow: 0px 0.3em 1em -0.3em rgba(0,0,0,0.9), inset -0.1em -0.1em 0.1em rgba(0,0,0,0.1);
			box-shadow: 0px 0.3em 1em -0.3em rgba(0,0,0,0.9), inset -0.1em -0.1em 0.1em rgba(0,0,0,0.1);
		}
	}







#input-captcha {}
	#input-captcha {
		position: fixed;
		z-index: 100000;
		background: rgba(0,0,0,0.5);
		left: 0;
		top: 0;	
		width: 100%;
		height: 100%;
		display: none;
	}
	#input-captcha .content {
		position: absolute;
		left: 50%;
		top: 50%;
		background: #fff;
		padding: 20px;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	#input-captcha .content figure {
		margin: 0px;
		padding: 0px;
		margin-bottom: 10px;
	}
	#input-captcha .content figure img {}
	#input-captcha .content figcaption {
		margin: 0px;
		padding: 0px;
		margin-bottom: 10px;
	}
	#input-captcha .content figcaption input {
		width: 100%;
		line-height: 2em;
		font-size: 1em;
		padding-left: 10px;
		padding-right: 10px;
		background: #fff;
		border: 1px solid #ddd;
		color: #000;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
	}
	#input-captcha .content figcaption input:focus {
		outline: none;
		border: 1px solid #000;
	}
	#input-captcha .content footer {
		overflow: hidden;
	}
	#input-captcha .content footer input {
		width: 50%;
		float: left;
		margin-left: 25%;
		line-height: 2em;
		font-size: 1em;
		background: #000;
		color: #fff;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		border: none;
	}
	#input-captcha .content footer input[disabled='disabled'] { background: #999; }