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

/* Shifting the industry works for XL+ view, 1200 - 1500 px */
/* Home */
.dropdown-menu {
	background-color: #000;
	border-radius: 0;
}

.dropdown-item {
	color: #fff;
	background-color: #000;
}

.dropdown-menu:hover {
    color: #dd5993 !important;
}

.dropdown-item:hover {
    color: #dd5993 !important;
    text-decoration: underline !important;
	background-color: #000;
}


h2 {
font-weight: 200;
}

a:hover, a:hover figcaption {
    color: #dd5993 !important;
    text-decoration: underline !important;
	font-weight: normal;
}

a.site-logo:hover {
	color: transparent !important;
}

a.body-link {
    color: #000000;
    text-decoration: underline;
}

a.body-link:hover {
    color: #000000;
    text-decoration: none;
    /* font-weight: 700; */
}

.btn:hover a, .btn:hover a:hover {
	color: #ffffff !important;
	text-decoration: none !important;
}

.footer a {
	color: #000000;
}

.home-intro {
	margin-top: 100px;
	margin-bottom: 180px;
}

.home-background-full {
    	background: url('../img/home-background-full.png') no-repeat center top scroll;		
		background-size: cover;
  		background-position: center center;
		/* background-attachment: fixed;*/
  		/* padding: 20px; */
		/* margin-top: -265px; */
		/* margin-left: -200px; */
}

.home-background-left {
    	background: url('../img/home-a-background-left.png') no-repeat top scroll;		
		background-size: cover;
  		background-position: center center;
		/* background-attachment: fixed;*/
  		/* padding: 20px; */
		/* margin-top: -265px; */
		/* margin-left: -200px; */
}

.home-background-right {
    	background: url('../img/home-background-right.png') no-repeat left top scroll, url('../img/home-background-right.jpg') no-repeat right top scroll;		
		/* background-size: cover; */
  		/* background-position: center center; */
  		/* padding: 20px; */
		margin-top: -265px;
		margin-left: -200px;
}

.home-background-all {
	background: url('../img/home-background-right.jpg') no-repeat left top scroll, url('../img/home-a-background-left.png') no-repeat right top scroll;
		background-size: auto 117%, auto auto;
  		background-position: 93% 15%, 535% 49%;
		background-repeat: no-repeat, no-repeat;
	
}

.voom {
	padding-bottom: 40px;
}

.rmwidget-right {
	position: absolute;
	left: 600px;
    top: -171px;
    width: 1264px;
    height: 1074px;
    z-index: -1;
	
}

.rmwidget-left {
	position: absolute;
    left: -925px;
    top: -60px;
    width: 1201px;
    height: 1029px;
    z-index: -1;
    transform: rotateX(0deg) rotateY(0deg) rotateZ(-110deg) scaleX(-1) scaleY(-1);	
}

.intro-text h2 {
	font-family: "Montserrat", sans-serif !important;
    font-style: normal;
    font-weight: 700;
    font-size: 14px !important;
    line-height: 1px !important;
    letter-spacing: 1.4px;
	margin-bottom: 20px;
}

.widget-shape {
	left: 94px;
    top: 844px;
    width: 35px;
    height: 24px;
    z-index: 113;
}

.pink-bar {
	background-color: rgb(238, 91, 161);
	padding-top: 30px;
	padding-bottom: 30px;
}

.pink-bar h2 {
	font-family: "Montserrat", sans-serif !important;
    font-style: normal;
    font-weight: 700;
    font-size: 14px !important;
    line-height: 1px !important;
    letter-spacing: 1.4px;
	margin-bottom: 20px;
}

.woman-hat {
    margin-top: 10%;
}

.woman-left {
	position: relative;
    left: -280px;
    top: 189px;
}

.women-right {
	/* position: relative;
    right: -500px;
    top: 0px; */
	/*position: relative;
    right: -500px;
    /* top: -650px;
	z-index: 999999999999;
	/* margin-top: 200px;
	margin-bottom: 400px; */
}

.women-table {

}

.about-site {
	padding-right: 10%;
}

.about-site h3{
	font-family: "Montserrat", sans-serif !important;
	font-size: 42px;
	line-height: 52px;
	font-weight: 100;
}

.country-adaptation {
	padding-left: 8%;
}

.country-adaptation h3{
	font-family: "Montserrat", sans-serif !important;
	font-size: 42px;
	line-height: 52px;
	font-weight: 100;
}

.shifting-industry h3{
    color: #ffffff;
    font-weight: 100;
    font-size: 48px;
    text-align: center;
	}

.shifting-industry p{
    color: #ffffff;
    font-weight: 100;
    text-align: center;
	margin-left: 20px;
	margin-right: 20px;
	}

.grayscale-v {
    width: 31px;
    height: 31px;
    display: block;
    margin-left: auto;
	margin-right: auto;
    margin-top: 50px;
    margin-bottom: 50px;
}

.learn-btn {
	background-color: #4c4c4c;
	margin-left: auto;
	margin-right: auto;
}

.step-img {
	width: 63px;
	height: 79px;
}

.step-caption-1 {
	font-family: "Montserrat", sans-serif !important;
	color: #ffffff;
	font-size: 11px;
	margin-left: -20px;
	margin-right: 75px;
}

.step-caption-2 {
	font-family: "Montserrat", sans-serif !important;
	color: #ffffff;
	font-size: 11px;
	margin-left: -10px;
	margin-right: 70px;
}

.step-caption-3 {
	font-family: "Montserrat", sans-serif !important;
	color: #ffffff;
	font-size: 11px;
	margin-left: 10px;
	margin-right: 80px;
}

.step-caption-4 {
	font-family: "Montserrat", sans-serif !important;
	color: #ffffff;
	font-size: 11px;
	margin-left: -10px;
}

#steps {
	margin-top: 50px;
	margin-left: 190px;
}

a.step-link {
    color: #ffffff;
    text-decoration: none;
    font-weight: 600;
}

a.step-link:hover {
    color: rgb(238, 91, 161);
    text-decoration: underline;
    font-weight: 600;
}

.circle-left {
	margin-top: -20px;
}

.circle-right {
	margin-top: -20px;
	margin-left: -40px;
}

/* .industry-bkgd {
    left: -293px;
    top: 1845px;
    width: 1651px;
    height: 1063px;
    z-index: 100;
} */

/* .container .shifting-industry {
	background-image: url("../img/shifting-industry-bkgd.jpg");
	background-color: #000000;
} */

/*/////////////*/
/* Background */
/*////////////*/
	.project-background-bkgd {
    	background: url('../img/project-background-bkgd-22.jpg') no-repeat center top scroll;		
		background-size: cover;
  		background-position: center center;
  		/* padding: 20px; */
		margin-top: -265px;
		
		/* height: 100vh; */
		
		/* Flexbox
		display: flex;
		align-items: center; */
		
		/*background-size: contain;
		background-position: center; */
		
		/*position: relative; */
    	/* width: 100%; */
    	/* height: 100%; */
    	/* z-index: 100; */
		
		/* opacity: 0.22; */
		
		/* width: 100%; */
		/* height: 100%; */
		
		/* What was almost working 
		background-repeat:no-repeat;
		background-position:center; */
	}

.background-intro {
	text-align: center;
	margin-top: 51%;
	margin-bottom: 45%;
}

.background-intro p {
	text-align: center;
	margin-top: 0;
	opacity: 1;
}

.background-body h2 {
	font-size: 44px;
	font-weight: 200;
}

.background-body h3 {
	font-size: 36px;
	font-weight: 200;
}

.human-centered {
	margin-top: 80px;
	margin-bottom: 15%;
}

.human-centered-body {
	padding-top: 7%;
}

.phases {
	padding-top: 10%;
}

.background-phases {
	background-color: rgb(249, 249, 249);
}


.carousel-padding {
	padding-top: 3%;
	padding-bottom: 14%;
}

/*
.carousel-control-prev-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231f7f9b' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}
.carousel-control-next-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231f7f9b' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}
*/
/* by default Bootstrap uses dashes. This will change it to dots */
.carousel-indicators li {
	border-radius: 50%;
	height: 10px;
	width: 10px;
}


.methods h2 {
	padding-top: 9%;
    padding-bottom: 6%;
}

.methods-caption {
	padding-top: 20px;
}

.methods-row {
	padding-bottom: 50px;
}

.research-video h3 {
	margin-bottom: 2%;
}

.partners h3 {
	margin-top: 10%;
	margin-bottom: 5%;
}

.partner-logos {
	padding-bottom: 4%;
}

.partner-logos-last {
	margin-bottom: 20%;
}

.hg-logo {
	margin-top: -12%;
}

.ideo-logo {
	margin-top: 22%;
}

.caprisa-logo {
	margin-top: 25%;
}

.rti-logo {
	margin-top: -5%;
}

/* Research */
.research-bkgd {
    background: url('../img/research-bkgd-36.jpg') no-repeat center top scroll;		
	background-size: cover;
  	background-position: center center;
  	/* padding: 20px; */
	margin-top: -147px;
	min-height: 1169px;
	}

.research-intro {
	text-align: center;
	margin-top: 29%;
	margin-bottom: 45%;
}

/* .research-intro p {
	text-align: center;
	margin-top: 0;
	opacity: 1;
} */

.research-body h2 {
	font-size: 44px;
	font-weight: 200;
	margin-bottom: 2%;
}

.research-body h3 {
	font-size: 36px;
	font-weight: 200;
}

.participants {
	margin-top: 6%;
}

.summary {
	margin-bottom: 5%;
}

.summary-cols {
	margin-top: 5%;
}

.summary-cols h2 {
	font-size: 14px;
	font-weight: 900;
}

.insights {
	padding-top: 5%;
	background-color: rgb(249, 249, 249);
	padding-bottom: 4%;
}

.insight-items {
	padding-top: 5%;
}

.insight-items h3 {
	font-weight: 200;
}

.want {
	padding-top: 5%;
	padding-bottom: 10%;
}

.principles {
	padding-top: 5%;
}

/* Implementation */
.implementation h2 {
	margin-top: 5%;
}

.implementation h3 {
	font-size: 14px;
	font-weight: 900;
	margin-top: 3%;
}

.implementation-table {
	margin-top: 5%;
}

.btn-estimator {
	width: 310px;
}
.btn-link-estimator {
	font-size: 11px !important
}

a.btn-link-estimator:hover {
    color: #ffffff !important;
    text-decoration: none !important;
	font-weight: normal;
}

a.btn-link-estimator:visited {
    text-decoration: none !important;
	font-weight: normal;
}

/*////////////////*/
/* Implementation */
/*////////////////*/
	.suppliers {
		padding-bottom: 2%;
	}

	.supply-type {
	padding-bottom: 1%;
	}

	.margin-last {
		margin-bottom: 15%;
	}

	.table td {
	vertical-align: middle;
	}

	.table td, .table th {
	border-top: none;
	}

	.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > 	th {
	background-color: #fbfbfb;
	}	

	.table-striped > tbody > tr:nth-child(even) > td, .table-striped > tbody > tr:nth-child(even) > 	th {
	background-color: #f2f2f2;
	}

	.th-border {
		border-bottom: 5px solid #ffffff;
	}

/*///////////////*/
/* V Experience */
/*//////////////*/
	.experience-bkgd {
    	background: url('../img/v-experience-bkgd-27.jpg') no-repeat center top scroll;		
		background-size: cover;
  		background-position: center center;
  		/* padding: 20px; */
		margin-top: -206px;
}

.experience-intro {
	text-align: center;
	margin-top: 37%;
	margin-bottom: 45%;
}

.experience-intro p {
	text-align: center;
	margin-top: 0;
	opacity: 1;
}

.experience-body h2 {
	font-size: 44px;
	font-weight: 200;
}

.experience-body h3 {
	font-size: 36px;
	font-weight: 200;
}

.is-not {
	/* margin-top: 5%; */
	padding-top: 5%;
	background-color: rgb(0, 0, 0);
	padding-bottom: 4%;
	color: rgb(255, 255, 255);
}

.is-not-items {
	padding-top: 3%;
}

.is-not h2 {
	font-size: 44px;
	font-weight: 200;
	margin-top: 5%;
}

.is-not h3 {
	font-size: 14px;
	font-weight: 900;
	margin-top: 3%;
	margin-bottom: 3%;
}

#vibrant {
	margin-bottom: 10%;
	min-height: 95px;
}

#intelligent {
	margin-bottom: 10%;
}

#bold {
	margin-bottom: 1%;
	min-height: 135px;
}

#warm {
	margin-bottom: 11%;
}

#sassy {
	margin-bottom: 1%;
}

#girly {
	margin-bottom: 14%;
	min-height: 95px;
}

#patronizing {
	margin-bottom: 10%;
}

#revolutionary {
	margin-bottom: 10%;
}

#disingenuous {
	margin-bottom: 11%;
}

#arrogant {
	margin-bottom: 1%;
}

.is-not p {
	font-weight: 200;
}

.formative {
	background-color: rgb(249, 249, 249);
	margin-top: 6%;
	margin-bottom: 6%;
	padding-top: 3%;
	padding-bottom: 3%;
	padding-left: 4%
}

.formative h3 {
	font-size: 14px;
    font-weight: 900;
    margin-top: 3%;
    margin-bottom: 3%;
}

.formative ol {
	padding-left: 2%;
}

.formative li {
	padding-bottom: 1%;
}

.experience-steps-bkgd {
    	background: url('../img/experience-bkgd-right-rotated-16-new.png'), url('../img/experience-bkgd-left-rotated-10.png');		
		background-size: auto 33%, auto auto;
  		background-position: -44% 30%, auto auto;
		background-repeat: no-repeat, no-repeat;
  		/* padding: 20px; */
		/* margin-top: -206px; */
}


.experience-steps {
	margin-top: 5%;
    padding-right: 3.5%; /* Added to match text wrap desktop 1330*/
    padding-left: 1%; /* Added to match text wrap desktop 1330*/
}

.experience-steps h2 {
	font-size: 44px;
	font-weight: 200;
	margin-top: 5%;
}

.experience-step-img {
	margin-top: 12%;
}

a.exp-steps-link {
	color: rgb(0, 0, 0);
	text-decoration: none;
}

.exp-steps-link:hover {
    color: #dd5993 !important;
    text-decoration: underline !important;
	font-weight: normal;
}

.funding-tight h3 {
	font-size: 14px;
    font-weight: 900;
    margin-top: 3%;
    margin-bottom: 2%;
}

.hz-rule {
	margin-top:5%;
}

.imp-assets h3 {
	font-size: 14px;
    font-weight: 900;
    margin-top: 5%;
    margin-bottom: 3%;
}

.bottom-nav h3 {
	font-size: 14px;
	font-weight: 900;
	margin-bottom: 1%;
}

a.next-nav {
	color: rgb(256, 256, 256);
	text-decoration: none;
}

a.next-nav:hover {
    color: #000000;
    text-decoration: none;
    font-weight: 700;
}

.pink-nav {
	background-color: rgb(238, 91, 161);
	padding-top: 3%;
	padding-bottom: 3%;
}


@media (max-width: 575px){	
/* Research */
	.studies {
		margin-top: 4%;
		margin-bottom: -7%;
		margin-left: 12%;
	}
	
	.participants {
		margin-top: -15%;
		margin-bottom: -5%;
	}
		
	.studies-caption{
		margin-left: 28%;
		margin-top: 3%;
	}
	
	.participants-caption{
		margin-left: 0;
		margin-top: 3%;
	}
}

@media (max-width: 767px){	
/* Background */
	.project-background-bkgd {
    	background: none;		
		background-size: cover;
  		background-position: center center;
		margin-top: 0;
	}
	
	.background-intro {
	text-align: left;
	margin-top: 9%;
	margin-bottom: 0;
}
	
    .background-intro p {
	text-align: left;
}
	
	.human-centered {
	margin-top: 0;
}
	
	.human-centered-body {
	padding-top: 5%;
}
/* Research */	
	.research-bkgd {
    	background: none;		
		background-size: cover;
  		background-position: center center;
		margin-top: 0;
		min-height: 0;
	}
	
	.research-intro {
	text-align: left;
	margin-top: 9%;
	margin-bottom: 0;
}	
	.research-intro p {
	text-align: left;
}	
	
	/*
	.studies-num{
	margin-left: 33%;
	}
	*/
	
	.participants-caption{
	margin-left: 33%;
	}
	
	.summary-cols {
		margin-top: 0;
	}
	
	.summary-cols h2 {
		margin-top: 5%;
	}
	
	/* V Experience */
	.experience-bkgd {
    	background: none;		
		background-size: cover;
  		background-position: center center;
		margin-top: 0;
	}
	
	.experience-intro {
	text-align: left;
	margin-top: 9%;
	margin-bottom: 0;
}
	
    .experience-intro p {
	text-align: left;
}
}
	
@media (min-width: 768px){
/* Home */
	.pink-bar {
		background-color: rgb(238, 91, 161);
		padding-top: 30px;
		padding-bottom: 30px;
		z-index: 999;
	}
	
	.industry-bkgd {
		background-image: url(../img/shifting-industry-bkgd.jpg);
		background-size: cover;
		/* position: absolute; */
		/* left: -81px; */
		width: auto;
		min-height: 1076px;
		z-index: 100;
	}
		
	.shifting-industry {
		position: absolute;
		background-color: #000000;
   		left: 350px;
    	top: 104px;
    	width: 954px;
    	height: 849px;
    	z-index: 184;
	}
	
	.shifting-arrow {
		display: block;
		position: relative;
		width: 375px;
		height: 64px;
		margin-top: 50px;
		margin-bottom: 40px;
		margin-left: 40px;
		
	}
}
	
	
@media only screen and (max-width: 767px){
/* Home */
	.rmwidget-left {
		display: none;
	}
}


@media (max-width: 767px){
/*V Experience */
	#vibrant {
		margin-bottom: 4%;
	}
	
	#intelligent {
		margin-bottom: 4%;
	}
	
	#bold {
		margin-bottom: 4%;
	}
	
	#warm {
		margin-bottom: 4%;
	}
	
	#sassy {
		margin-bottom: 4%;
	}	
}


@media (min-width: 576px) and (max-width: 767px){
/* Research */
	.studies-caption{
	margin-left: 33%;
	}
	
	.participants-caption{
	margin-left: 0;
	}
}
	
	
	

@media (min-width: 768px) and (max-width: 991px){	
/* Background */
	.human-centered {
		margin-top: 0;
	}
	
	.human-centered-img {
		padding-top: 30%;
	}
	
	/* Research */
	.studies {
		margin-top: -33%;
	}
	
	.participants {
		margin-top: -15%;
		margin-bottom: -5%;
	}
	
	/* V Experience */
	.experience-row {
		margin-left: -65px;
	}
}

@media (max-width: 991px){
/* Implementation */
	.suppliers p {
		margin-top: 1rem;
		margin-bottom: 1rem;
	}
	
}

@media (min-width: 992px){		
	/* Research */
	.studies {
		margin-top: -20%
	}
	
	.participants {
		margin-top: -8%;
		margin-bottom: 2%;
	}
	
	.participants-caption{
	margin-left: 7%;
	}
	/* Implementation */
	/* .suppliers p {
		margin-top: 0;
		margin-bottom: 0;
	} */
}