/** WHY PLAN *********************************/

.why-plan-scenarios img {
	max-width: 70%;
}

.why-plan-scenarios .scenario {
	margin-bottom: 2em;
}


/** OUR PHILOSOPHY ***************************/

.our-philosophy {
	background: url('../img/howwedoit.png') no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	color: #fff;
	/*text-align: justify;*/
	padding: 5em 0;
}

.our-philosophy h1 {
	color: #fff;
}

.our-philosophy .btn {
	margin-top: 2em;
}


/** WHAT WE OFFER ***************************/

.what-we-offer-services .fas {
	font-size: 2em !important;
	color: #225f8e;
	margin-top: 0.2em;
}

.what-we-offer-services h2 {
	font-size: 1em;
	text-transform: uppercase;
}

.what-we-offer-services div[class*="col-"] {
	margin-bottom: 1.3em;
}


/** INVESTEC *********************************/

.investec {
	background: #e1e1e1;
}

.investec h2 {
	text-transform: uppercase;
	font-size: 1.2em;
	margin-bottom: 1.5em;
}

.investec ul {
	padding: 0 0 0 1em;
	margin-bottom: 0;
}

.investec ul li {
	margin-bottom: 1em;
}

/** PARTNERS ********************************/

.partners .partner {
	text-align: center;
	padding: 0.5em 1em;
	position: relative;
}

.partners .partner img {
	height: 100% !important;
	width: auto;
}


/** TEAM ************************************/

.our-team {
	background: #e1e1e1;
}

.team-member img {
	border: 1px solid #000;
	width: 100%;
}

.team-member h4 {
	color: #777;
	margin: 0.5em 0 0 0;
}

.team-member .team-title {
	color: #777;
	font-style: italic;
}

.team-member .social-links a {
	display: inline-block;
	color: #777;
	margin: 0 0.3em;
}

.team-member .social-links a:hover {
	color: #225f8e;
	transform: scale(1.1);
}

.our-team .trigger-bio {
	color: #777;
	cursor: pointer;
	transition: color .2s;
}

.our-team .trigger-bio:hover {
	color: #ed1941;
}

/** GENERAL *********************************/

h1, h2, h3, h4, h5, h6 {
	color: #225f8e;
	font-weight: 600;
}

h1 {
	text-transform: uppercase;
	margin-bottom: 1em;
	font-size: 2em;
}

h2 {
	font-size: 1.4em;
	font-weight: bold;
}

h3 {
	font-size: 1.2em;
}

h4 {
	font-size: 1.1em;
}

.btn i {
	margin-left: 0.6em;
}

.full-img {
	height: 100%;
	background-size: cover;
	background-position: 50% 50%;
}

p:last-child, li:last-child {
	margin-bottom: 0 !important;
}

footer h5 {
	color: #ccc;
	font-weight: normal;
}

/* FORMS *********************************************************************/

.new-form label {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 0.75em;
	margin:1em 0 0.3em 0;
	float: left;
	position: relative;
	width: 100%;
	text-align: left;
	display: block;

}

.new-form label label {
	position: absolute;
	bottom: 0;
	right: 0;
	float: none;
	text-align: right;
	color: rgba(237, 24, 63, 1);
}

.new-form .form-control.error {
    border: 1px solid rgba(237, 24, 63, 0.5);
}

.new-form .form-check {
	clear: both;
	text-align: left;
}

.new-form .form-check label {
	margin: unset;
	float: none;
	display: inline;
	font-weight: normal;
}

.fa-spin {
	font-size: 2em;
	display: block;
	margin: 1em 0;
	color: #225f8e;
}


/** FINAMETRICA *****************************/

#finametrica-form {
	padding: 0 1em;
}

#finametrica-form h3 {
	display: none;
}

.steps {
	margin-bottom: 3em;
	border-bottom: 1px solid #eee;
}

.steps ul {
	list-style: none;
	padding: 0;
}

.steps ul li {
	border: 1px solid #eee;
	border-bottom: none;
	border-radius: 8px 8px 0 0;
	float: left;
	text-transform: uppercase;
	padding: 0.5em 1em;
	transition: background .2s;
}

.steps ul li.current,
.steps ul li:hover {
	background: #eee;
}

.steps ul li.current {
	font-weight: bold;
}

.current-info {
	font-weight: bold;
}

.steps ul li a:hover {
	text-decoration: none;
	color: #225f8e;
}

.actions {
	margin-top: 3em;
}

.actions ul {
	list-style: none;
	padding: 0;
}

.actions ul li {
	background: #225f8e;
	float: left;
	margin: 0 0.5em 0 0;
	padding: 0.5em 1em;
}

.actions ul li a {
	color: #fff;
	text-decoration: none;
}	

.actions ul li a:hover {
	text-decoration: none;
}

.risk-profile {
	background: url(../img/risk-profile.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
	min-height: 20em;
	position: relative;
}

.risk-profile h2 {
	background: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-size: 1.5em;
	text-transform: uppercase;
	padding: 0.2em;
	text-align: center;
}

.question span.question-number {
	color: #333;
	font-weight: bold;
}

.question span.question-text {
	font-weight: 500;
	color: #225f8e;
	font-size: 1.1em;
}

.finametrica-answer {
	margin: 0.1em 0 0.1em;
	color: #333;
	padding: 0.3em 0.5em 0 0.5em;
	transition: background .2s;
}

.finametrica-answer:hover {
	background: #fcf8d6;
	cursor: pointer !important;
}

.finametrica-answer label {
	cursor: pointer;
}

label.error {
	color: red;
	font-size: 11px;
}

.form-control.error {
	outline: 1px solid red;
}


/** MEDIA QUERIES ***************************/

/* XS */
@media screen and (max-width: 320px) {
	
}	

/* SM ***/
@media screen and (min-width: 576px) {
	
	.two-col {
		column-count: 2;
		column-gap: 2em;
	}
	

}

/* MD ***/
@media screen and (min-width: 768px) {
	.our-philosophy .container {
		padding: 0 4em;
	}

	
}

/* LG ***/
@media screen and (min-width: 992px) {
	
	.main-menu nav.full .nav-link {
		padding-left: 1.5em;
		padding-right: 1.5em;
	}



	.our-philosophy .container {
		padding: 0 6em;
	}

	.risk-profile h2 {
		font-size: 3em;
	}



}

/* XL ***/
@media screen and (min-width: 1200px) {

	.our-philosophy .container {
		padding: 0 8em;
	}
}

/* BIG PHONES */
@media only screen and (min-device-width: 375px) and (max-device-height: 823px) and (orientation: landscape) {
	
}

/* BIG TABLET */

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation: portrait) {
	
}

/** TEMP ***************************/

.team-member .social-links {
	display: none;
}

/*.container {
	outline: 1px dotted red;
}	
*/