@charset "utf-8";
/* CSS Document */

/* Small screens */
@media only screen {
} /* Define mobile styles */
 /* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (max-width: 40em) {
.heroText-content h1 {
	font-size: 3.75rem;
	line-height: 1.75rem;
}
.heroText-content h2 {
	font-size: 2.125rem;
	line-height: 2.75rem;
}
.heading-highlight {
	font-size: 2rem;
	line-height: 2.5rem;
}
.howWeDo .howWeDo-desc, .howWeDo .howWeDo-process {
	width: 100%;
	float: none;
}
.howWeDo .howWeDo-container .howWeDo-desc .process-details {
	margin: 4.8125rem 0 4.8125rem 1.875rem;
}
.offset-padd-topBottom.services-Weprovide-highlight {
	padding-bottom: 3.5rem;
}
.abt-company-staff .abt-row .abt-cell {
	display: inline-block;
	vertical-align: middle;
	width: 50%;
	padding: 2.5rem 0.5rem;
	text-align: center;
	float: left;
	border: 1px solid rgba(255,255,255,0.2);
}
.process-stp .process-stp-content {
	height: 22.5rem;
}
}

/* Medium screens */
/* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) {
.abt-fft {
	border-top: 1px solid rgba(255,255,255,0.2);
	border-bottom: 1px solid rgba(255,255,255,0.2);
	width: 100%;
	padding: 0 10%;
}
.abt-company-staff {
	display: table;
	width: 100%;
	table-layout: fixed;
}
.abt-company-staff .abt-row {
	display: table-row;
}
.abt-company-staff .abt-row .abt-cell {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	border-right: 1px solid rgba(255,255,255,0.2);
	padding: 2.5rem;
	text-align: center;
}
.abt-company-staff .abt-row .abt-cell:last-child {
	border: none;
}
}
/* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
.heading-highlight {
	font-size: 2.5rem;
	line-height: 3.125rem;
}
.offset-padd-topBottom.services-Weprovide-highlight {
	padding-bottom: 3.5rem;
}
}
.fiftyFifty-column-list .fty-half-column .fty-box {
	height: 410px;
}
.fiftyFifty-column-list:nth-child(odd) > .fty-half-column:first-child .fty-box {
	padding: 0 3.25rem 0 3.75rem;
}
.fiftyFifty-column-list:nth-child(even) > .fty-half-column:first-child .fty-box {
	padding: 0 3.75rem 0 3.25rem;
}
/* Large screens */
@media only screen and (min-width: 64.063em) {
} /* min-width 1025px, large screens */
@media (max-width: 64.063em) {
.social-links li > a {
	width: 20px;
	height: 20px;
	line-height: 20px;
}
.fright > div.WeAccept img {
	max-width: 100%;
}
.fright > div.WeAccept {
	max-width: 54% !important;
}
}
@media only screen and (min-width: 64.063em) and (max-width: 90em) {
.fiftyFifty-column-list .fty-half-column .fty-box {
	height: 480px;
}
} /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

/* XLarge screens */
@media only screen and (min-width: 90.063em) {
.heroText-content h1 {
	font-size: 7.75rem;
	line-height: 6.75rem;
	padding: 0;
}
.fiftyFifty-column-list .fty-half-column .fty-box {
	height: 580px;
}
} /* min-width 1441px, xlarge screens */
 @media only screen and (min-width: 90.063em) and (max-width: 120em) {
} /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

/* XXLarge screens */
@media only screen and (min-width: 120.063em) {
} /* min-width 1921px, xxlarge screens */
@media (min-width: 1200px) {
.feature-illustration-tablet{
    width: 938px;
    height: 694px;
}
.feature-illustration .feature-illustration-tablet img {
    top: 65px;
    left: 99px;
	max-width:100%;
}
.feature-illustration-container{
    height: 700px;
    position: relative;
}
.feature-illustration-mobile{
    bottom: -64px;
    left: 82px;
    width: 254px;
    height: 432px;
}
.feature-illustration .feature-illustration-mobile img{
    top: 58px;
    left: 26px;
    max-width: 100%;
}
.feature-work-desc h3{
	font-family: 'proxima_nova_rgbold';
    color: #fff;
    font-size: 4rem;
    line-height: 4rem;
    margin-bottom: 2.5rem;
}
}
@media (max-width: 1199px) {
}
@media (min-width: 992px) {
.mobileDevice-only {
	display: none;
}
.fleft {
	background-color: #F5F5F5;
	margin-left: -99999px;
	padding-left: 99999px;
}
.fleft > div {
	width: 500px;
	background-color: #F5F5F5;
	min-height: 178px;
	background: #F5F5F5;
	padding-top: 2.5rem;
	padding-bottom: 1.875rem;
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
}
}
@media (max-width: 991px) {
.menuAccess {
	display: none;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.wrap ul.wrap-nav li {
	width: 33%;
}
.ovWrapper {
    padding-top: 2.375rem;
}
.menuPanel-overlay .wrap h1{
    font-size: 4.25rem;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.fleft {
	background-color: #F5F5F5;
	width: 50%;
}
.fleft > div {
	width: 100%;
	background-color: #F5F5F5;
	min-height: 178px;
	padding-top: 2.5rem;
	padding-bottom: 1.875rem;
}
.wrap ul.wrap-nav li {
	width: 33%;
}
.ovWrapper {
    padding-top: 2.375rem;
}
.menuPanel-overlay .wrap h1{
    font-size: 3.25rem;
}
}
@media (min-width: 768px) {
.fiftyFifty-column-list:nth-child(odd) > .fty-half-column:first-child .fty-box {
	text-align: right;
}
.fiftyFifty-column-list:nth-child(even) > .fty-half-column:first-child .fty-box {
	text-align: left;
}
#heroSection {
	height: 100vh;
}
.whoWe-are .whoWe-are-highlight p, .innerLeading-text p {
    width: 50%;
}
.howWeDo .howWeDo-container .howWeDo-desc .process-details h2 {
	text-align: left;
}
.mf-right{
	float:right;
}
.wrap ul.wrap-nav ul {
	padding: 10px 0;
}
.otherFeature-works{
    padding-top: 9.5rem;	
}
.lead-projects{
	display:none;
}
}
@media (min-width: 768px) and (max-width: 1199px) {
.feature-illustration-tablet {
    width: 510px;
    height: 380px;
}
.feature-illustration .feature-illustration-tablet img {
    top: 34px;
    left: 50px;
    max-width: 82%;
}
.feature-illustration-container{
    height: 400px;
    position: relative;
}
.feature-illustration-mobile{
	bottom: -50px;
    left: 46px;
    width: 170px;
    height: 290px;
}
.feature-illustration .feature-illustration-mobile img {
    top: 38px;
    left: 17px;
    position: absolute;
    max-width: 72%;
}
.feature-work-desc .projects-platforms{
	    max-width: 60%;
}
.feature-work-desc h3 {
    font-family: 'proxima_nova_rgbold';
    color: #fff;
    font-size: 2rem;
    line-height: 2.5rem;
    margin-bottom: 2.5rem;
}
}
@media (max-width: 767px) {
	.brand-logo svg{
		width:2.8125rem;
		margin:6px 0;
	}
.footerPanel {
	width: 100%;
	display: inline-block;
}
.footerPanel > div {
	width: 100%;
	padding: 2.5rem 0;
}
.fright > div {
	display: inline-block;
	float: none;
	width: 100%;
	margin-bottom: 10px;
}
.fright > div.WeAccept {
	margin-left: 0;
}
.ft-title {
	margin-bottom: 0px;
}
.crew-members .crew-desc .crew-title {
	padding-top: 10%;
}
.fiftyFifty-column-list .fty-half-column .fty-box {
	padding: 3.75rem;
	min-height: 25rem;
}
.fiftyFifty-column-list .fty-half-column {
	padding: 0;
	width: 100%;
}
.fiftyFifty-column-list .fty-half-column .fty-box {
	text-align: left;
}
.fiftyFifty-column-list .fty-half-column .fty-box h1 {
	text-align: center;
}
.hero-left-text, .hero-right-text, .heroText-wrap .captionText, .mf-left {
	display: none;
}
.heroText-content .heroText-nav {
	margin: 0;
}
.footerPanel .fleft, .footerPanel .fright {
	width: 100% !important;
}
.wrap ul.wrap-nav {
	padding: 5px 6%;
}
.menuPanel-overlay .wrap {
    overflow: auto;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    padding-top: 5rem;
    padding-bottom: 10.625rem;
}
/*.ovWrapper {
    padding-top: 1.375rem;
}*/
.menuPanel-overlay .wrap h1{
    font-size: 2.25rem;
	padding:0px 6%;
}
.wrap ul.wrap-nav ul li a {
    padding-top: 8px;
	padding-bottom: 8px;

}
.wrap ul.wrap-nav li > .menu-header:after, .wrap ul.wrap-nav ul li:after {
    opacity: 0.4;
}
.wrap ul.wrap-nav ul li:after {
    border-bottom: 1px solid #fff;
    opacity: 0.1;
}
button, .button {
	    padding: 0.875rem 1.25rem 0.875rem 1.25rem;
		    font-size: 0.875rem;
}
.howWeDo .howWeDo-container .howWeDo-desc .process-details {
    margin:0;
	    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
	padding-top: 5rem;
    padding-bottom: 5rem;
	text-align:center;
}
.menuPanel-overlay .menu-footer .getSocial-row{
	text-align:center;
}
.menuPanel-overlay .menu-footer .getSocial-row .social-links{
	display:inline-block;
}
.wrap ul.wrap-nav ul li a {
	color: rgba(240, 240, 240, 0.65);
	font-family: 'proxima_novathin';
	font-size:12px;
}
.ovWrapper {
	margin:0;
	padding-top: 64px !important;
}
.feature-work-content, .feature-illustration{
	display:none;
}
.otherFeature-works ul > li {
    width:100%;
}
}
@media (max-width: 600px) {
}
@media (min-width: 481px) and (max-width: 767px) {
.heroText-content h1 {
	font-size: 2.5rem;
	line-height: 2.5rem;
	margin-bottom: 1.25rem;
}
.heroText-content h2 {
	font-size: 2.5rem;
	line-height: 2.5rem;
	margin-bottom: 1.25rem;
}
}
@media (max-width: 480px) {
.crew-members div[class*='columns'] {
	width: 100%;
	margin-bottom: 0.9375rem;
}
.crew-members {
	padding-left: 1.875rem;
	padding-right: 1.875rem;
}
.heroText-content h1 {
	font-size: 2.75rem;
	line-height: 2.75rem;
	margin-bottom: 1.25rem;
}
.heroText-content h2 {
	font-size: 1.75rem;
	line-height: 2.5rem;
	margin-bottom: 1.25rem;
}
}
@media (min-width: 320px) and (max-width: 479px) {
}
 @media (max-width: 320px) {
}