/* Firms / Who We Are */

.TopContentImg { float: left; margin: 0 4.5% 0 0; }
.Firms.Stream h1 { float: left; clear: left; font-weight: 300; font-size: 37px; font-size: 1.92vw; margin: 0; line-height: 1; }
.Firms.Stream .TopContentStripe { float: left; clear: left; margin: 2% 0 0 3%; margin-top: 2vw; width: 10%; height: auto; display: block; }
.Firms.Stream .TopContentSection { float: right; width: 83%; /* width: calc(100% - 290px); */ font-size: 13px; line-height: 1.5; letter-spacing: .12em; }
.Firms.Stream .TopContentSection h2 { font-size: 37px; font-size: 1.92vw; font-weight: 300; font-family: "Open Sans" , sans-serif; letter-spacing: .08em; color: #fff; margin: 0 0 2%; margin: 0 0 2vw; line-height: 1; }
.Firms.Stream .TopContentSection h2 strong { font-weight: 700; }
.Firms.Stream .TopContentSection a { font-weight: bolder; }
.WereNot {padding: 2% 3%;}
.WereNot h2 { font-family: "Open Sans" , sans-serif; font-weight: 300; color: #000; font-size: 58.8px; font-size: 3.06vw; line-height: 1; }
.WereNot h2 img { display: inline-block; vertical-align: middle; margin: 0 0 0 -.1em; height: 1.33em; }
.NotBox { display: block; float: left; width: 31.333%; margin: 1%; position: relative; text-decoration: none; text-align: center; }
.NotBox__top { display: block; position: relative; padding-bottom: 71.38%; }
.NotBox__mainImage { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; color: #fff; }
.NotBox__mainImage i { display: block; width: 37px; height: 37px; background: #0086c2; position: absolute; top: 0; left: 0; }
.NotBox__mainImage i:before, .NotBox__mainImage i:after { content: ""; background: #fff; display: block; position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0; }
.NotBox__mainImage i:before { width: 19px; height: 3px; }
.NotBox__mainImage i:after { width: 3px; height: 19px; }
.NotBox__mainImage img { display: block; max-width: 100%; width: auto; height: auto; margin: 0 auto; }
.NotBox__overlay { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #0086c2; color: #fff; opacity: 0; visibility: hidden; -webkit-transition: .3s ease; transition: .3s ease; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; }
.NotBox:hover .NotBox__overlay, .NotBox:focus .NotBox__overlay { opacity: 1; visibility: visible; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.NotBox:focus {outline:none;}
.NotBox__detailImage { display: block; width: 100%; height: 57.29%; position: relative; }
.NotBox__detailImage img { display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; margin: 0 auto; }
.NotBox__text { height: 42.71%; overflow: hidden; }
.NotBox__heading { display: block; font-weight: 700; font-size: 20px; font-size: 1.41vw; line-height: 1; letter-spacing: .08em; padding: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.NotBox__desc { display: block; overflow: hidden; padding: 0 10%; font-size: 13px; font-size: .677vw; font-weight: 300; letter-spacing: .12em; line-height: 1.54; }
.NotBox__desc strong { font-weight: 600; font-size: 1.14em; }
.NotBox#FirmsiNETWeb .NotBox__mainImage i { display: none; }

@media only screen and (max-width:1500px) {
	.Firms.Stream .TopContentSection { font-size: 12px; }
}
@media only screen and (max-width:1300px) {
	.NotBox__desc { font-size: 10px; font-size: .77vw; }
	.Firms.Stream .TopContentSection { font-size: 11px; }
}
@media only screen and (max-width: 1100px) {
	.Firms.Stream .improvingEconomyMain { display: none; }
}
@media only screen and (max-width:1300px) and (min-width:1001px) {
	.NotBox__mainImage i { width: 24px; height: 24px; }
	.NotBox__mainImage i:before { width: 12px; height: 2px; }
	.NotBox__mainImage i:after { width: 2px; height: 12px; }
}
@media only screen and (max-width:1200px) {
	.NotBox { width: 48%; }
	.NotBox__heading { font-size: 16px; font-size: 2.2vw; }
	.NotBox__desc { font-size: 7.5px; font-size: 1.2vw; line-height:1.3}
}
@media only screen and (max-width:1000px) {
	.Firms.Stream .TopContentStripe { float: none; clear: both; margin: 20px auto 0; width: 200px; height: 162px; width:80%;height:80%;opacity:.4;position:absolute;top:0;left:0;right:0;}
	.Firms.Stream .TopContentSection { float: none; width: 100%; font-size: 12px; position: relative; z-index: 1; }
	.Firms.Stream h1 { padding-right: 1em; }
	.Firms.Stream h1, .Firms.Stream .TopContentSection h2 { font-size: 16.5px; font-size: 2.58vw; }
	.WereNot { padding: 20px; }
	.WereNot h2 { font-size: 24px; }
}

@media only screen and (max-width:800px) {
	.NotBox__heading { font-size: 15px; font-size: 2.3vw; }
	.NotBox__desc { font-size:10px;font-size: 1.5vw; }
    .NotBox__detailImage { height:47%;}
}

@media only screen and (max-width:700px) and (min-width:641px) {
	.NotBox__mainImage i { width: 24px; height: 24px; }
	.NotBox__mainImage i:before { width: 12px; height: 2px; }
	.NotBox__mainImage i:after { width: 2px; height: 12px; }
    .NotBox__detailImage { height:43%;}
}
@media only screen and (max-width:640px) {
	.Firms.Stream h1 { padding-right: .45em; }
	.Firms.Stream h1, .Firms.Stream .TopContentSection h2 { font-size: 15.5px; font-size: 4.9vw; line-height: 1.2; }
	.Firms.Stream .TopContentSection { font-size: 11px; }
	.WereNot h2 { font-size: 20px; }
	.NotBox { width: 100%; margin: 20px 0; }
	.NotBox__heading { font-size: 15px; font-size: 4.4vw; }
	.NotBox__desc { font-size: 8.2px; font-size: 2.55vw; }
}
@media only screen and (max-width:480px) {
	.WereNot h2 { font-size: 18px; }
	.NotBox__mainImage i { width: 24px; height: 24px; }
	.NotBox__mainImage i:before { width: 12px; height: 2px; }
	.NotBox__mainImage i:after { width: 2px; height: 12px; }
}
@media only screen and (max-width:360px) {
    .NotBox__detailImage { height:33%;}
}