/*----- CMS Version 3.0 Compatible -----*/

/* PRINT */
.PrintOnly,#printHeader{display:block}

/* DON'T PRINT */
.dontPrint,body>header>*:not(.wrap),#navContainer,#contentWrap>.wrap>aside,.fatFooter,#web-solutions-exposure,#seoFooter,.footerText ul,#content+aside,.showGrid,.stickyCTA,.homeHero video,.homeHero aside,.bgCircles, #cta .appear, #cta p, #more aside,.awardIcons,.articleContinue, #ContactForm{display:none}

/* OVERRIDES */
html{font-size: 11pt;box-sizing:border-box;}
*, *:before, *:after {margin:0;padding:0;border:0;outline:none;-webkit-text-size-adjust:none;box-sizing: inherit;}
body{background:#fff;margin-top: 1rem}
body *{color:#000}
#contentWrap,body>*>.wrap,#content, .wrap, body>footer{width:100%;padding:0;max-width: 35rem;margin-left: auto;margin-right:auto;}
body>footer{margin-top:2em}
#content ul, #content ul li {list-style-position:outside}
#content ul li {background-image:none;margin-top:1px;padding-left:0px}
#content ul, #content ol {margin-left:2rem}
#content ul li ul li {padding-left:0; background:none;}
#brand{width: 7rem;display: block;margin-bottom: 1rem}
#brand img{width: 100%;height: auto}

/* TYPOGRAPHY ------------------------------*/
html, .text, input, textarea, button, body>header h1,.bigSlide h1 span:first-child,h2,#content * h1,h3,h4,h5,
#content .member h1 em,.talentGroup div span, .portfolioPage blockquote footer,.smtext,.contactCircles .button {
	font-family:"pragmatica-web",sans-serif;
}

html, .text, input,textarea, button, body>header h1,.bigSlide h1 span:first-child,#content .member h1 em,body#tinymce	{
	font-weight:300;
	color:#666;
}

.text, p, .content ul, .band ul,.content ol, .band ol{bottom:.1rem}

h1, #cta header, #sidenav>ul>li>a, .intro, .band blockquote, .textCenter, .news article a, #content .articleList>article>div>h1, .articleList>article>div>h1+p,
.blogCredits+p, .blogCredits+figure+p, .teamFade strong, #content .member h1, #content section .hAlt, .caseSlide h2, #clients blockquote p,
.caseStudy blockquote p, #content .portfolioRight h1, .portfolioRight p, .portfolioRight h2, #content .highlight>h1, #content .blogTips>h1,
th, #content .caseStudy>section>h1, #content .cta h1,.thankyouNews h1 a, .thankyouBlog h1 a, .homeHero p, .talentGroup div, .articleGroup h2,
.positionsGroup h2, .activities li, .pageHeader span, .value,#more li, #content .stickyCTA header, .portfolioPage blockquote, .featuresList,
.bandRight h2, .textRight, .textCenter, .serviceCols strong, .serviceCircle, .contactCircles span, .contactCircles a {
	font-family: "lexia",serif;
	position: relative;
}


body{line-height: 1.5rem}
p,h1,h2,h3,h4,.content ul,.contentEditor ul,.landingText ul,blockquote,dd,ol,.highlight,.blogTips,.band ul{margin-top:1rem;clear: both}
h1, h2, h3, h4, h5, h6, th,.content * h1{font-weight:400}
p + h2, p + h3, p + h4, p + h5, p + h6 {margin-top:2rem;}
.textColor, h1, h2, h3, h4, h5, h6, th, dt,b, strong,.intro,.articleList>article>div>h1+p,.blogCredits+p,.blogCredits+figure+p{color:#000}

input[type="text"], input[type="password"], input[type="tel"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], textarea,select {
	border: 1px solid rgba(0, 0, 0, .1);
	background-color: #fff;
	padding: 0 .5rem;
}

a, a *{ color:rgba(197, 0, 62, 1); }

button, .button,input[type="submit"]{color:rgba(197, 0, 62, 1);text-decoration: none;border: solid 1px rgba(197, 0, 62, 1);border-radius: .2rem;padding:.2em .5em;font-size:1rem}
em, i, q, cite, .italic{font-style: italic}
b, strong{font-weight:400}
.content li h1{bottom:inherit}
h1 b, h1 strong{font-weight:600}
.content>h1{margin-top: 0}
u { text-decoration:none}
hr{border-top:1px solid rgba(0,0,0,.15);margin-top:2rem;margin-bottom: 2rem;height:0;text-align:left;}
.intro,.articleList>article>h1+p,/*.articleList>article>h1+figure+p,*/.blogCredits+p,.blogCredits+figure+p{font-size: 1.5rem;font-weight: 300;bottom: .6rem;line-height: 2rem;clear: none}
h1{display: block;line-height: 2rem;margin-bottom: 1rem}
.intro{display: block;line-height: 2rem;margin-bottom: 1rem}
.landing main h1, #cta header, #more h1{font-weight: 600;margin-top: 0;margin-bottom: 0}
main h1,.content .articleList article>div>h1,#content .portfolioRight h1{font-weight: 700}
#content>section{margin:2rem 0}
h2, .content * h1,th{font-size:1.3rem;bottom: .45rem;line-height: 2rem}
.content .articleList h1{bottom: .5rem}
.content .articleList p{bottom: 0rem}
.content .articleList h1+p{bottom: .45rem}
h4,h5 {font-size:1.8rem}
h6 {font-size:1rem}
h7, h8, h9{font-size:1rem}
sup, sub { font-size:.6em; line-height:.6em;vertical-align:baseline;position:relative}
sup {bottom:1ex}
sub {top:.5ex}
address{font-style: normal}

.button{text-transform: lowercase}

#content .photoright, #content .photoleft{height:auto;}
#content .photoright img,#content .photoleft img {width:auto;max-width:100%;height:auto}
#content img.phototreatment{max-width:100%;height:auto}
#content .articleList article .photoright img {max-width: 100%; height: auto; width: inherit; max-height: 18em}
img.phototreatment,img.photoright,img.photoleft,.photoright img,.photoleft img {}
figcaption{font-style:italic;font-size: .9rem;line-height: 1.5rem}
	figcaption a:after{content: "\00A0\203A";color:#000;}
    figcaption.noArrow a:after{content:""}
.fullImg{width:100%;margin-top: 2rem;height: auto}
	.fullImg img,.fullImgRes img{width: 100%;height: auto;}
	h1+.fullImg{margin-top: -1rem}
.textRight,.textCenter,.band blockquote, #content.portfolioPage blockquote{font-style:italic;font-size: 1.3rem;bottom:.15rem}
.textRight, .textCenter{font-weight: 400}
.band blockquote cite, #content.portfolioPage blockquote cite, #content.portfolioPage blockquote footer{font-size: 1rem;}
#quote blockquote{font-size: 1.4rem;line-height: 2rem;font-weight:400;color: #000}
#quote blockquote footer{font-weight: 300;margin-top: 2rem;color: #666}
/*#background .wrap{padding-bottom: 5vh}*/
/*#quote .wrap{min-height: 0;padding-top: 5vh}*/
.textRight li{font-size: 1rem}
.photorightcolumn{width:25%;float: right;text-align: center}
.photorightcolumn img{width: 50%;}
#content .photoright,
#content .photoleft,
.textRight {
	max-width: 43.75%;
	width: auto;
	position: relative;
	z-index: 1;
}
#content .photoright.highlight,.textRight {
	width: 43.75%
}
#sidenav {
	padding: 0 25% 0 0
}
#sidenav a:hover {
	-webkit-animation: bounce-right .2s;
	animation: bounce-right .2s;
}
#content .highlight,.blogTips {
	padding: 1.5rem;
	border-radius: .5rem;
	border: 1px solid rgba(0,0,0,.15)
}
#content .highlight.blogRelatedServices{margin-top:2rem}
.blogRelatedServices>*:last-child{display: none}
#content .highlight>*:first-child {margin-top: 0}
#content .highlight>*:first-child:after {content: " 203-235-7777";white-space: nowrap}
.photoright,
.textRight {
	float: right;
	margin: 0 0 2rem 6.25% !important;
	clear: right
}
.photoleft {
	float: left;
	margin: 0 6.25% 2em 0;
	clear: left;
}
.portfolioRight .textRight {
	float: none;
	margin: 4rem 0 0 !important;
	width: 100%;
	font-size: 1rem;
	line-height: 1.5rem
}
.photoright~p{clear: none}

.portfolioGroup, .servicesGroup, .talentGroup{margin-top:1rem}
.servicesGroup a, .serviceColsGroup a{float:left;width: 32%;margin-right: 1%;}
.serviceColsGroup a:nth-child(3n+1){clear: left}
.portfolioSquares .portfolioGroup a{float:left;width: 24%;margin-right: 1%;}
.portfolioSquares .portfolioGroup img{width: 100%;height: auto}
.portfolioSquares .portfolioGroup div img{display: none}
.portfolio .portfolioGroup a{background: none !important}
.portfolio #btnLoadMore{display: none}
.portfolio #loadMoreGroup{display: block!important}
.portfolio:not(.portfolioSquares) .portfolioGroup {
	-webkit-columns: 13em;
	columns: 13em;
}
.twoCol *,
.threeCol *,
.fluidCol * {
	-webkit-column-break-inside: avoid;
	break-inside: avoid;
}

.portfolioPage main img{max-width: 100%}

.home main .wrap,.landing main .wrap,#cta .wrap, #more .wrap,.articleList>*,.member,.portfolioPage.content figure{border-top:1px solid rgba(0,0,0,.15);margin-top: 1em;padding-top: 1em;}
.band .wrap > p, .band .wrap > blockquote, .home .homeHero, .home #services, #portfolio, .home #clients, .home #talent, #servicesWrap, .topBand h1,#awards,#clients,#talent,#culture h1,#growth h1,#inquiries,#location{text-align: center;}
#news p{text-align: left}
/*.band .wrap > p{margin-top:2rem}*/
.topBand .left{float: left;width: 67%}
.topBand .right{float: right;width: 33%}
/*.circleLeft figure{float: left;width:33%;padding-right: 5%}*/
.circleBand figure{float: right;width:33%;padding:0 0 5% 3%}
/*.circleText{float: left;width:67%}*/
.circleText h1,.circleText p{clear: none}
.circleText ul, #more ul{padding-left: 2em}
.circleBand img{max-width: 100%}

.topBand .left h1{text-align: left}
.logosHome a{display: block;float:left;width: 25%;height: 3rem;margin-top: 1rem}
.logosHome a div{display: block;width: 100%;height: 100%;background-size: contain;background-repeat: no-repeat;background-position: center}

#cta header{font-size: 1.5em}
#cta h1:after,#cta header:after{content: " 203-235-7777";white-space: nowrap}
#our-results ul{margin-left: 2em}
#our-results li{margin-bottom: 1em}
#our-results header{font-size: 1.5em}
#our-results .value, #our-results p span:first-child{font-weight: bold}
#our-results p span:first-child:after{content:":"}
#our-results header+p{margin: 0;}

#email-platforms .badges {margin-top: 1em}
#email-platforms .badges img{max-width: 1in; margin-right: 1em}

.acquisitions{list-style-type: none}
.acquisitions li{float: left; width: 33%;text-align: center}
.acquisitions img{width: 80%;height: .5in;object-fit: contain;object-position: center center}

#content .articleList figure{float: right;margin: 0 0 5% 3%;width: 33%}
#content .articleList figure img{max-width: 100%}
#content .articleList h1,#content .articleList p{clear: none}
.articleList aside p{margin-top: 0}
.articleGroup h2{margin-top: 0}
.articleGroup article{margin-top: 2rem}
.articleGroup p{margin-top: 0}

.talentGroup span{font-style: italic}
.member div{display: none}
.fullTeam>section:not(.member){margin-top: 8rem}
.fullTeam>section:not(.member)>h1{margin-bottom: -1rem;font-size: 1.2em}

.positionsGroup a{display: block;text-align: center}
#culture ul,#growth ul{padding-left: 2rem}
#culture ul+ul,#growth ul+ul{padding-left: 4rem}
#culture li,#growth li{background: none !important}
#inquiries ul{list-style-type: none}
.contactCircles li>span{display: block}
.contactCircles header>span{font-weight: bold}
.contactCircles header>span:after{content: ":"}
.contactCircles li{margin-bottom: 1rem}
#location2 .wrap>div{float: left;width: 50%;margin-bottom: 2rem}
#location2 .wrap>div+div{text-align: right}

.loginForms section{float: left;width: 33%}
.landingIcon img{width: 100%;height: 1in;object-fit: contain;object-position: left center}

.clearfix:after, .wrap:after, .portfolioGroup:after, .servicesGroup:after, .acquisitions:after {
  content: "";
  display: table;
  clear: both;
}