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

.nav-link {
	color: #A7A7A7;
	letter-spacing: 2px;	
}


.navbar-toggler-icon{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.container{
	z-index: 2;
}


.Line {
	color: #e5e5e5;
	background-color: #e5e5e5;
	height: 2.5px;
	width: 90%;
	border-width: 0;
	margin-left: auto;
	margin-right: auto;
}

.Line1 {
	color: #7371fc;
	background-color: #7371fc;
	height: 2.5px;
	width: 85%;
	border-width: 0;
	margin-left: auto;
	margin-right: auto;
}

.rectangle1{
	width: 100%;
	background-color: #e5e5e5;
}

.rectangle2{
	width: 100%;
	background-color: #58040B;
}

.rectangle3{
	width: 100%;
	background-color: black;
}

.icons{
	width: 100px;
}

.nav-tabs .nav-link.active {
	background-color:#58040B;
	color: white;
}

.ES{
	color: #A7A7A7;
	font-weight: bold;
	letter-spacing: .5px;
}

.IS{
	font-weight: bold;
	letter-spacing: .5px;
}


.Talent{
	font-size: 37px;
}


.Ellipse {
	position: absolute;
	display: block;
	margin-left: auto;
	margin-right: 10%;
	right: 0px;
	top: 250px;
	padding-bottom: 50px;
}

.Ellipse_S {
	overflow: hidden;
}

		.casestudies {
		  opacity: 1;
		  display: block;
		  width: 100%;
		  height: auto;
		  transition: .5s ease;
		  backface-visibility: hidden;
		}

		.middle {
		  transition: .5s ease;
		  opacity: 0;
		  position: absolute;
		  top: 50%;
		  left: 50%;
		  transform: translate(-50%, -50%);
		  -ms-transform: translate(-50%, -50%);
		  text-align: center;
		}

		.cases:hover .casestudies {
		  opacity: 0.3;
		}

		.cases:hover .middle {
		  opacity: 1;
		}

		.casetext {
		  color: black;
		  padding: 16px 32px;
		}


@media screen and (max-width: 600px) {
  .Talent {
    font-size: 27px;
  }
	.Mission {
		font-size: 15px;
		max-width: calc(100vw - 41px);
	}
	.missiontext {
		margin: 0px 0px;
	}
	.line {
		display: none;
	}
	.AService{ 
		width: 90%;
	}
}

@media only screen and (max-width: 1200px) {
    .Ellipse {
        display: none;
    }
	.logo {
		left: 5%;	
	}
}

@media only screen and (min-width: 1200px) {
    .Ellipse_S {
        display: none;
    }
	.Ellipse {
		width: 550px;
	}
	.missiontext {
		margin: 0px 80px;
	}
	.logo {
		 left: 13%
	}
}
@media only screen and (min-width: 800px) {
	.about2{
		width: 60%;
	}
	.about3{
		width: 55%
	}
	.missiontext {
		margin: 0px 100px;
	}
}
@media only screen and (min-width: 2030px) {
	.career-navbar {
		max-width: 2017px !important;
	}
}

@media screen and (min-width: 900px) {
	.everything{
		margin: auto;
		padding: 0px 100px;
	}
	.AService{ 
		width: 100%;
	}
	.clientlogo{
		position: absolute; 
		top: -100px; 
		left: 50px;
		z-index: -10px;
	}

}

@media screen and (min-width: 400px) {
	.quote{
		margin: auto;
		padding: 0px 0px;
	}
		
	
}

.everything{
	max-width: 1560px;
}

.row {
	display: flex;
}

.fourcol{
	flex: 20%
}

.industrycol{
	flex: 20%
}

.halfcol{
	flex: 50%
}

.client{
	flex:15%;
}

.third{
	flex:33%
}

.quarters{
	flex:25%
}

/* below are styles implemented on 6/15 for mobile responsiveness */

.mobile-services-media {
	display: none !important;
}

@media (max-width: 500px) {
	.logo {
		margin-top: -12px;
		margin-left: -20px;
	}
	.navbar {
		padding: 0 0 0 0 !important;
	}
	.navbar-toggler {
		margin-top: 5px;
	}
	.missiondiv {
		width: 89vw;
	}
	.missioncontainer {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.MissionB {
		font-size: 26px;
		margin-top: -16px;
	}
	.MissionB-offset {
		margin-top: 0;
	}
	.bubblediv {
		width: 93vw !important;
		margin-top: -24px;
		margin-bottom: -12px;
	}
	.learnmore {
		white-space: nowrap;
		width: auto !important;
	}
	.mainquotesdiv {
		display: flex;
		/* justify-content: center;` */
		width: 100%;
		flex-direction: column;
		align-items: center;
	}
	.quotesdiv {
		flex-direction: column;
		align-items: flex-start;
		width: 94%;
		margin: 0 0 0 0 !important;
		text-align: center;
	}
	.talentdiv {
		width: 100% !important;
		padding: 0 0 0 0 !important;
		margin-top: 12px;
	}
	.Talent {
		padding: 0 0 0 0 !important;
		width: 100% !important;
		text-align: center;
	}
	.blockquote {
		margin: 0 0 0 0 !important;
		text-align: center !important;

	}
	.quotedwhiteletters {
		padding: 0 0 0 0 !important;
		margin-top: 54px;
	}
	.clientpics {
		/* display: none; */
	}
	.web-contact {
		display: none;
	}
	.mobile-contact {
		display: block !important;
	}
	.casestudies {
		text-align: left;
	}
	.everything {
		/* to be carousel */
	}
	.col-lg-8 {
		margin-top: 24px;
		margin-bottom: 12px;
	}
	.dropdown-menu {
		box-shadow: none !important;
	}
	.nav-link {
		border: none !important;
	}
	.navbar-collapse::before {
		content: "";
		width: 100%;
		height: 1px;
		background-color: rgba(0, 0, 0, 0.1);
		position: absolute;
		width: 100vw; 
		left: -31px;
		top: 12px;
	}
	.fa-caret-down {
		margin-top: -1px;
	}
	.caret-flip {
		transform: rotate(180deg);
		padding-bottom: 1px;
	}

	/* services page */

	.services-img {
		object-fit: cover;
	}
	.services-media {

		display: none !important;
	}
	.services-media-top {
		display: flex;
	}
	.service-list {
		margin-top: 70px;
	}
	.mobile-services-media {
		padding: 0 !important;
		display: flex !important;
		flex-direction: column;
	}
	.services-media-top> img {
		width: 80px !important;
		padding: 0 !important;
		margin: 0 14px;
	}
	.services-media-top> .media-heading {
		font-size: 23px;
		padding-top: 12px;
		font-weight: 500 !important;
		margin-left: 8px;
	}
	.hub-media-body {
		margin-top: 24px;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.hub-media-body>p {
		padding: 0 6px;
		font-size: 18px;
	}
	.hub-media-body>a {
		font-size: 14px;
	}
	.services-img {
		max-width: 100vw !important;
		margin-left: -15px;
	}
	.service-img-div {
		/* height: 390px !important; */
		
	}
	.service-img-div>img {
		max-width: 100vw !important;
		margin-left: -15px;
		height: 390px !important;
		object-fit: cover;
	}
	.content-div {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.content-div>div:first-child {
		margin-bottom: -48px;
	}
	.content-column {
		display: flex !important;
		flex-direction: row;
		left: 0 !important;
		margin: 0 !important;
		margin-left: 0 !important;
	}
	.content-column>div {
		width: 100% !important;
		padding: 0 !important;
	} 
	.content-column>div>div {
		padding: 15px 20px !important;
	} 
	.row {
		margin: 0 !important;
	}
	.content-column>div:last-child {
		margin-bottom: -48px;
	}
	.di-content-div {
		margin-top: 24px;
	}
	.di-image-fluid {
		padding-top: 14px !important;
	}
	.di-solutions {
		margin-left: 12px;
	}
	.casestudies-topgap {
		margin-top: -42px;
	}
	.cd-content-firstdiv {
		margin-top: 42px !important;
	}
	.casestudies-topgapp {
		margin-top: -94px;
	}
	.cd-contact-email {
		overflow: wrap;
	}
	.bring-arrow-front {
		z-index: 2000;
	}
	.align-title-text {
		padding-left: 40px !important;
	}
	.mobile-only-divider {
		display: block !important;
		margin-top: 48px;
	}
	.about-us-simple {
		font-size: 22px;
		text-align: center;
	}
	.aboutus-double-column {
		padding: 0 !important;
	}
	.aboutus-overview {
		padding: 0 !important;
		text-align: center;
		padding: 0 12px !important;
	}
	.mobile-footer {
		padding: 0 30px !important;
	}
	.aboutus-image {
		object-fit: cover;
	}
	.about-ourteam {
		margin-top: -80px !important;
		padding-left: 30px !important;
	}
	.ourteam-text {
		width: 70vw !important;
	}
	.about-founder-title {
		max-width: 98vw;
		font-size: 29.5px;
	}
	.ourteam-content {
		padding: 0 !important;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.liang-headshot-div {
		display: flex;
		align-items: center;	
		justify-content: center;
	}
	.liang-headshot {
		width: 70vw !important;
	}
	.founding-paragraph {
		padding: 20px 40px !important;
		text-align: center;
	}
	.member-desc {
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
	.ourteam-icons {
		display: none;
	}
	.mobile-team-icons {
		display: flex !important;
		flex-wrap: wrap;
		margin-top: -86px;
		margin-bottom: 70px;
		padding: 0 6px
	}
	.mobile-team-icons>a {
		width: 50%;
		box-sizing: border-box;
		text-align: center;
	}
	.mobile-team-icons>a>img {
		width: 100%;
		padding: 0 6px;
	}
	#LiangBlock {
		height: 20px;
		background-color: transparent;
		margin-top: -69px;
		padding-bottom: 69px;
		display: block !important;
	}
	.member-flex {
		flex-direction: column-reverse !important;
	}
	.clients-title {
		max-width: calc(100vw - 55px);
		left: 42px !important; 
	}
	.clients-top-text {
		left: 12px !important;
		max-width: calc(100vw - 28px);
	}
	.clients-top-text>span {
		font-size: 32px !important;
	}
	.clients-icons {
		left: 0 !important;
		margin-top: -36px;
	}
	.clients-icons>div {
		padding: 0;
	}
	.clients-icons>div>div>img {
		scale: 1.5;
		margin: 12px 0;
	}
	.partners-icons {
		left: 0 !important;
	}
	.careers-title {
		margin-top: -52px;
		margin-left: 10px;
	}
	.career-blob-align {
		padding: 0 !important;
	}
	.logo {
		height: 78.94px !important;
	}
}

/* .resize-vp-icons {
	max-width: 50% !important;
	flex: 0 0 50% !important;
} */