@font-face {
	font-family:Montserrat;
	src: url("fonts/Montserrat-Light.woff");
	font-weight: 300;
}
@font-face {
	font-family:Montserrat;
	src: url("fonts/Montserrat-Regular.woff");
}
@font-face {
	font-family:Montserrat;
	src: url("fonts/Montserrat-Bold.woff");
	font-weight: 700;
}
body {margin:0; padding:0; font-size:100%; font-size:1vw; color:#666; letter-spacing:-.02em;}
*, html, body, footer {font-family:Montserrat, sans-serif; font-weight:400;}
.f300 {font-family:Montserrat; font-weight:300;}
.f400 {font-family:Montserrat;}
.f700 {font-family:Montserrat; font-weight:700;}
p {margin:0; padding:0;}
a, button {color:#d71793; text-decoration:none;}
a:hover, button:hover {color:#97347a; text-decoration:underline;}
img {border:none;}
li {list-style-type:none; display:inline-block;}

/* section, header, article, footer {border:1px solid #c00;} */
/* header styles */
header {padding:20px 30px; position:relative;}
nav {position:absolute; top:22%; right:2%; color:#999; font-family:Montserrat, sans-serif; font-weight:700;}
nav a, nav a:hover {color:#999; padding:0 5px;}
nav a:hover {color:#d71793; text-decoration:none;}
nav span, nav a span, nav a.toggleClose {color:#d71793;}
.menu {font-size:1.3em; display:block;}
.mobMenu {visibility:hidden;}
.items {font-size:1em; display:none;}
ul.nav, ul.nav li {margin:0; padding:0; font-size:1em;}
ul.subitems {margin:5px 0 0 0; padding:0; display:none; background-color:#fff;}
ul.subitems li {margin:0; padding:5px 0; display:block; font-size:.9em; font-weight:300;}
ul.subitems.Home {background-color:transparent !important;}

/* main style */
h2, h3, h4, h5 {text-transform:uppercase; font-size:2.3em; margin:0 0 10px 0; padding:0;}
h3 {font-size:1.8em;}
h4 {font-size:1.85em; color:#999; font-family:Montserrat; font-weight:300; margin:30px auto;}
h5 {text-transform:none; font-size:1em; line-height:2em; font-family:Montserrat; font-weight:300; padding:10px;}
.homeTop {margin:50px 0; padding-top:100px; text-align:center; text-transform:uppercase; width:100%; height:550px; color:#fff;}
.homeTop h3 {font-size:2.55em; text-shadow: 4px 4px #444;}
.homeBottom {padding:20px 0 100px 0; text-align:center; text-transform:uppercase; width:100%; background-color:#fff;}
.top {
	display:-webkit-box;
		display:-webkit-flex;
		display:-ms-flexbox;
		display:flex;
	-webkit-box-pack: center;
		-webkit-justify-content: center;
			-ms-flex-pack: center;
				justify-content: center;
	text-align: center; height:275px; margin:0; text-align:center; text-transform:uppercase; width:100%; color:#fff; background-color:#999;}
.homeTop h2 {font-size:4.7em; line-height:1em; padding-top:15px; text-shadow: 4px 4px #444;}
.top h2 {font-size:4.7em; text-shadow: 4px 4px #666;}
.top h5 {max-width:80%; margin:0 auto; padding:0 10%;}
@media (max-width: 1100px) {
	.top h5, .custInner h5 {max-width:1000px;}
}
.top.withNone {height:195px;}
.topInner {
	-webkit-align-self: center;
		-ms-flex-item-align: center;
			align-self: center;
}
.withTwo h5 {margin:0 15%;}
.withThree h5 {margin:0 12%;}
.top.withSubHdr h2 {padding-top:30px;}
.custInner h5 {max-width:1200px;}
.homeTop h2, .homeTop h3, .homeTop h5 {margin:0; padding:0;}
.bottom {text-align:center; padding:65px 0 45px 0;}
.bottom.customer {padding:0 0 45px 0; color:#fff; position:relative;}
.custOuter {position:relative; height:600px;}
#custNav {position:absolute; top:430px; left:12%; z-index:1000;}
#custNav a, #custNav img {display:inline-block !important; margin:0 5px 0 0; padding:0;}
.custScale, .custTrans,.custOpt, .custBelief {height:600px;}
.custScale {background:#666 url(../images/customer_scale.jpg) center top no-repeat;}
.custTrans {background:#666 url(../images/customer_transparency.jpg) center top no-repeat;}
.custOpt {background:#666 url(../images/customer_optimization.jpg) center top no-repeat;}
.custBelief {background:#666 url(../images/customer_belief.jpg) center top no-repeat;}
.custInner {margin:0 auto; width:84%; text-align:left;}
.custInner h3 {padding:100px 10px 80px 10px; font-weight:300;}
.custInner h2 {font-size:2.55em; text-shadow: 4px 4px #444; padding:0 5%; font-weight:700;}
.custInner h5, .custInner h6 {font-size:1em; line-height:2em; padding:0 5%;}
.custInner h6 {font-size:3em; line-height:1em; font-weight:bold}
.clients {margin:0 auto; background-color:#fff;}
.clients td {background-color:#bfbfbf; text-align:center; vertical-align:middle; width:20%; padding:40px 0;}
.bottom.contact {padding:0;}
@media (max-width: 1300px) {
	body {font-size:90%;}
	.withSubHdr h5 {margin:0 auto; padding:10px 0; max-width:750px;}
}
@media (max-width: 1100px) {
	body {font-size:85%;}
	.top h5 {padding:0 10px;}
}
@media (max-width: 900px) {
	body {font-size:80%;}
}
@media (max-width: 540px) {
	body {font-size:70%;}
	.top h2 {font-size:4em;}
	.withSubHdr {padding-top:20px; padding-bottom:20px;}
	.withSubHdr h5 {padding-left:15px; padding-right:15px;}
}
.ulThreeCol {text-align:center; margin:0 auto; padding:0;}
.ulThreeCol li {margin:10px; padding:0; width:25%; vertical-align:top; color:#999;}
.ulThreeCol li p {margin:0; padding:0; font-weight:300; text-align:left; font-size:1em; line-height:2em; font-weight:300;}
.ulThreeCol li span {display:block; padding:25px 0; font-size:1.85em; text-transform:uppercase; font-weight:300;}
div.hr {border-top:1px solid #999; margin:55px auto 75px auto; width:80%;}
div.pubs {margin:5px auto 40px auto; width:85%;}
.customer div.pubs h4 {margin-top:63px; margin-bottom:58px;}
div.pubs h3, .customer div.pubs h4 {color:#d71793; font-size:2.2em; font-weight:300;}
div.pubs img {margin:0 auto; display:block; width:95%;}

#ray, #pj, #steve {display:none;}
#sujay {display:block;}
#rayArrow, #pjArrow, #steveArrow {display:none;}
#sujayArrow {display:none;}
.arrow {position:absolute; bottom:-82px; left:13px; cursor:default;}

/* clear float issues */
.clearer {clear:both; height:0px; background-color:#FFF; text-align:left;}
.clearFix {*height:1%;}
.clearFix:after {clear:both; content:"."; height:0; display:block; visibility:hidden;}

/* footer styles */
footer {position:fixed; bottom:0; width:100%; font-size:.6em; background-color:#fff; padding:7px 0;} /* position:fixed; bottom:0; left:20px; right:20px; */
button {border:0; background-color:#fff; margin:0; padding:0;}
/* my-privacy my-terms */
footer ul, ul.coreProd, .ulFourCol {text-align:center; margin:0; padding:0;}
ul.teamText {margin:40px 6%; padding:50px 10px;}
footer ul li, .ulFourCol li {color:#666;}
footer ul li, ul.coreProd li, .ulFourCol li {text-transform:uppercase; display:inline-block; margin:4px 0; padding:1px 6px 0 8px;}
.ulFourCol {margin:0 10px;}
.ulFourCol li {width:21%; font-size:.81em; font-weight:300;}
.ulFourCol li a {display:inline-block; position:relative; width:100%;}
.ulFourCol li a, .ulFourCol li a:hover {text-decoration:none;}
.ulFourCol li img.sel {
	outline: 13px solid #999;
	outline-offset: -13px;
}
.ulFourCol li img.four {margin:auto; display:inline-block;} /* position:absolute; clip:rect(10px,50px,50px,10px); */
ul.teamText {color:#999; border-bottom:1px solid #999; border-top:1px solid #999; text-align:left;}
ul.teamText span {font-weight:300; line-height:1.8em;}
ul.teamText strong {color:#d71793; font-size:1.85em; font-weight:400;}
.names {color:#d71793; display:block; font-size:1em; font-weight:700;}
ul.coreProd {margin-top:40px;}
@media (max-width: 940px) {
	ul.coreProd {margin-top:0;}
}
ul.coreProd li {padding-top:15px;}
ul.coreProd li a {min-width:260px; font-size:1.15em; color:#fff; border:1px solid #888; display:inline-block; padding:8px 4px;}
ul.coreProd li a:hover {color:#fff; background-color:#ad2d63; opacity:0.8; text-decoration:none;}
li.lbdrs, li.lbdrs2, li.lbdrs3 {border-left:1px solid #666;}
li.img {vertical-align: middle; padding-left:0; margin:0 0 1px 0;}
li.col2, li.col3, li.col2Prod {margin:0; padding:0; width:0 !important; min-width:0 !important;}
#my-privacy, #my-terms {display:none;}
@media (max-width: px) {
}
@media (max-width: 940px) {
	footer, footer ul, footer ul li, footer a, footer button {font-size:.88em;}
	.bottom {padding:20px 0 75px 0;}
	.homeTop h5 {padding:0 10px;}
	.ulThreeCol li {width:80%;}
	li.col2 {display:block;}
	.arrow {display:none;}
	.ulFourCol li.col2 {display:inline-block;}
	li.lbdrs {border-left:none;}
}
@media (max-width: 800px) {
	ul.coreProd li.col2Prod {display:block; padding-top:0;}
	.ulFourCol li.col2 {display:block;}
	.ulFourCol li {width:40%;}
	/* nav {top:70%;} */
}
@media (max-width: 580px) AND (orientation: portrait) {
	body {background-color:#fff !important;}
	/* nav {top:70%;} */
	/* nav a, nav a:hover {padding:0 3px;} */
	ul.nav, ul.nav li {font-size:.84em;}
	.homeTop {margin:0; padding-top:10px;}
	.homeTop h5 {padding:0 40px;}
	.bottom {padding:20px 0 100px 0;}
	.ulFourCol li {width:80%;}
	li.col3 {display:block;}
	li.lbdrs2 {border-left:none;}
}
@media (max-width: 540px) AND (orientation: portrait) {
	.withOne {min-height:110px;}
}
		
	/*  Slider Mobile Menu CSS  */
	/*	default CSS styles for the header navigation. Main Page - white font on grey background*/
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700);
  *,*:before,*:after{box-sizing:inherit;}
  .cf:before,.cf:after{content:" ";display:table;}
  .cf:after{clear:both;}
  .cf{*zoom:1;}
  .smobitrigger,.mnuclose{display:none;}
  .logo{float:left;}
  .navigation{float:right; }
  .navigation nav ul{font-size:1em; display:block; padding:0px;margin:0px;list-style:none;color:#999;}
  .pinkBgNav {}
  .navigation nav ul li{display:inline-block;}
  .navigation nav ul li a, .navigation nav ul li a:hover{color:#999;font-weight:600;display:inline-block;text-transform:uppercase;text-decoration:none;padding:15px 20px;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;}
  .navigation nav ul li a:hover{background:rgba(255,255,255.90);color:#ccc;}

/* Styles for most Ipads */
@media screen and (max-device-width : 1024px) {
  .smobitrigger,.mnuclose{display:inline-block;}
  .smobitrigger{color:#d71793;font-size:30px;line-height:12px;padding:10px;}   /* change the size, color etc of the mobile menu icon  */
  .mnuclose{font-size:20px;padding:10px 20px;width:100%;background:rgba(0,0,0,0.18);}
  .smobitrigger span,.mnuclose span{font:0/0 a;text-shadow:none;color:transparent;}
  .navigation nav ul{padding-bottom:40px;overflow-y:auto; font-size: 1.5em;}
  .navigation nav ul li,.navigation nav ul li a{width:100%;}
  .navigation nav ul li a, .navigation nav ul li a:hover, nav a, nav a:hover {padding:15px 20px !important;}
  .navigation nav ul li a:hover{background:rgba(0,0,0,0.40);}
  .mobimenu{list-style:none;padding:20px;margin:0px;width:175px;position:fixed;height:100%;top:0px;right:-250px;}
  .mnuopn{right:0px!important;}
  .ovrActv{position:fixed;background:rgba(0,0,0,0.0);width:100%;height:100%;z-index:9998;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;}
}

/* Styles for Tooltip on Email page */
.emailToolTip {border: 1px solid #e3e3e3; font-size:.85em; background-color: #fff;}
.emailToolTip table {padding-left:20px; text-transform:uppercase;}
.bldGray {font-size: 3em; font-weight: bold; color: #999;}
.bldPnk {font-size: 2em; font-weight: bold; color: #e272b4;}
.hdrGray {font-size: 1em; color: #999;}
.hdrPnk {color: #d71793; font-weight: bold;}