/* MAIN */

.iphone-only {display:none;}
.iphone-hidden {display:inline;}
.print-only {display:none;}
.logo-print-only {display:none;}

@media (max-width: 425px) {
	.iphone-only {display:inline;}
	.iphone-hidden {display:none;}
}

@media (min-width: 768px){

	.container {
    	padding: 0 80px;
	}
	.header__content-pic img {width:93%;}
}

@media (min-width: 1199px) {
	section.education .container {
    	padding: 0 180px;
	}
}

:active, :focus { outline: none; -moz-outline-style: none; }

.education__pillar .pic-1 { width: 190px;}
.education__pillar .pic-2 { width: 190px;}
.education__pillar .pic-3 { width: 190px;}

.footer__nav a.active {
  font-weight: 600;
}

#logo-footer								{width:24px;position:relative;top:7px;}



@media (max-width: 767px) {
	.map:after {
		margin-top: 20px;
		background: url("../img/map.jpg") 50% 0 no-repeat;
		background-size: auto 100%;
		height: 150px;
	}
}

/* LOGO */
@media (min-width: 767px) {
	.header__logo {
		margin-top: -22px;
		margin-bottom: 250px;
		float: left;
	}
}

/* MENU */
.header__nav a.link--home:before, .header__nav a:hover:before {background-color: transparent;}
.header__nav a {font-weight:400;}
.header__nav li {line-height: 50px;}
.header__nav.open {padding: 100px 0 500%;}

.link--home {
  width: 30px;
  height: 34px;
  background: url("../img/linkHome-4.png") 0 -34px no-repeat;
  background-size: 30px;
  display: inline-block;
  text-indent: -9999px;
}
.link--home:hover, .link--home.active {
  background-position: 0 0;
}

/* HEADER TITLES */
.header__gradient-text text {
	font-weight: 300!important;
}
.header__title {margin-bottom: 5px;}

@media (max-width: 767px) {
	.header__author {
		display:inline;
		font-size: 20px;
	}
	.header__gradient-text text,
	.header__title {
		font-size: 24px;
	}
}


@media (max-width: 425px) {
	.header__author {
		display:inline;
		font-size: 15px;
	}
}


/* titles */

.investing__title		{margin:0;}
.investing__subtitle	{color: #34527a;}

.investing__title, 
.education__title,
.reasons__title,
.offer__title,
.slider__title,
.loan__title,
.faq__title,
.downloads__title,
.about__title,
.social__title,
.stories__title,
.directory__title,
.map__title,
.contact-us__title		{font-weight:400!important;font-size: 28px!important;line-height: 28px!important;letter-spacing: 0.05em!important;}
.investing__subtitle, 
.education__subtitle,
.reasons__subtitle,
.faq__subtitle,
.downloads__subtitle,
.offer__label, .offer__text,
.about__subtitle,
.directory__division,
.stories__name,
.contact-us__subtitle	{letter-spacing: 0.05em!important;text-transform:none!important;font-size: 20px!important;font-weight: 400!important;}

@media (max-width: 425px) {
.investing__title, 
.education__title,
.reasons__title,
.offer__title,
.slider__title,
.loan__title,
.faq__title,
.downloads__title,
.about__title,
.social__title,
.stories__title,
.directory__title,
.map__title,
.contact-us__title		{font-weight:300!important;font-size: 22px!important;line-height: 22px!important;letter-spacing: 0.05em!important;}
.investing__subtitle, 
.education__subtitle,
.reasons__subtitle,
.faq__subtitle,
.downloads__subtitle,
.offer__label, .offer__text,
.about__subtitle,
.directory__division,
.stories__name,
.contact-us__subtitle	{letter-spacing: 0.05em!important;text-transform:none!important;font-size: 20px!important;font-weight: 400!important;}

}



.investing__title, 
.education__title,
.reasons__title,
.offer__title,
.faq__title,
.downloads__title,
.about__title,
.social__title,
.contact-us__title		{margin-bottom:5px!important;}

section.reasons div ul li > div > span,
section.offer div ul li > span {font-size: 18px!important;letter-spacing: 0.05em!important;}
section.offer > div > ul > li > p {font-size: 18px!important;font-weight: 300!important;}

section.faq div > ul > li > div.faq__question > p {font-size: 18px!important;letter-spacing: 0.05em!important;text-transform:none!important;}

.directory__label  {font-size: 16px!important;font-weight: 400!important;}

/* Home page */

.education__pillar-list {
  background: none;
}

.quote p 				{font-size: 25px;}

@media (min-width: 1024px) {
	.pic-1 {margin-top:-30px;margin-bottom:27px;}
	.pic-2 {margin-top:-10px;margin-bottom:0px;}
	.pic-3 {margin-top:-10px;margin-bottom:0px;}
	.texte-1 {margin-top:20px;}
	.education__pillar .gfx{margin-bottom: 40px;}
}

@media (max-width: 425px) {
	.education__pillar h4{margin-bottom:20px;}
	.education__pillar .text-field {margin-bottom:50px;}
}

/* FOOTER */
@media (max-width: 425px) {
	.footer__logo { display:none;}
	.footer__top { padding: 10px 0 10px;}
}
.love__text {
	font-size: 40px;
}

/* Buttons */
.btn  {
    transition-duration: 0.3s;
    min-width: 220px;
	letter-spacing: 0.10em;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

/* Popup investors */
.popup__content p {
    font-size: 16px;
    line-height: 20px;
    margin: 0 auto 20px;
}

@media (max-width: 767px) {
	.popup__content p {
		font-size: 9px;
		line-height: 10px;
		margin-bottom: 10px;
	}
}
@media (max-width: 991px) {
	.popup__content p {
		font-size: 13px;
		line-height: 14px;
		margin-bottom: 14px;
	}
}

/* Students + Investors*/
.reasons__text-field span {font-weight:400;}
.notification__message {padding-left:20px;padding-right:10px;}
/* Students */
.offer__label {font-weight:400;}
.faq__question p{font-weight:400;}
.reasons__number {font-size:20px;}
.reasons__text-field span {padding: 0px 0 11px;}

.notification--green .notification__label{color:#FFFFFF;background:#34527a;}
.notification--green { border-color: #34527a;}
.notification--green .notification__message{ border-color: #34527a;}

body.students .faq__answer p a {color: #34527a;border-bottom: 1px solid #34527a;text-decoration:none;}
body.investors .faq__answer p a {color: #FFFFFF;border-bottom: 1px solid #FFFFFF;text-decoration:none;}
.reasons__text-field a {border-bottom: 1px solid #34527a;text-decoration:none;}

.stories__text a {border-bottom: 1px solid #92fbf7;text-decoration:none;}
.stories__text a.white {border-bottom: 1px solid #FFFFFF;text-decoration:none;color:#FFFFFF;}
.stories__text a.green-fluo {border-bottom: 1px solid #84f5a1;text-decoration:none;color:#84f5a1;font-size:18px}

section.stories div.container div span {color:#84f5a1;}

/* Carousel */
.owl-carousel .owl-stage {margin-top:50px;}
.owl-prev,
.owl-next {position: absolute;top: 50%;margin-top: -25px;font-size:50px!important;}
.owl-theme .owl-nav [class*=owl-] {background: transparent!important;}
@media (max-width: 600px) {
	.owl-prev {left: -20px;top:50px;}
	.owl-next {right:-20px;top:50px;}

	.stories__gfx {
		width: 100%;
		max-width:180px;
		margin-right: auto;
		margin-left: auto;
		padding: 8px 0 0 8px;
	}
	.stories__text {
		float: left;
		width: 100%;
	}
}

@media (min-width: 601px) {
	.owl-prev {left: -80px;top:30%;}
	.owl-next {right:-80px;top:30%;}

	.stories__gfx {
		width: 100%;
		max-width:180px;
		margin-right: auto;
		margin-left: auto;
		padding: 8px 0 0 8px;
	}
	.stories__text {
		float: left;
		width: 100%;
	}
}

/* Carousel */
body.contact .about a {border-bottom: 1px solid #34527a;text-decoration:none;color:#34527a;}
.investing__subtitle a {color: #34527a;border-bottom: 1px solid #34527a;text-decoration:none;}

.social__col--left a {border-bottom: 1px solid #34527a;text-decoration:none;}
.map  a {border-bottom: 1px solid #000000;text-decoration:none;color:#000000}
.contact-us__info a {border-bottom: 1px solid #FFFFFF;color:#ffffff; text-decoration:none;}

/* Contact */
@media (max-width: 767px) {
	.about {text-align:center;}
	.social {text-align:center;}
	.directory {text-align:center;}
	.stories {text-align:center;}
	.contact-us {text-align:center;}
	.directory__label {max-width:100%;}
	.contact-us__title {max-width:100%;}
	.social blockquote {text-align:center;margin: 20px 0 42px 20px;}
}

.social blockquote p:after {bottom: -13px;}
.form__input, .form__textarea{font-weight: 300;}
#contact-msg.error {border-color: #f00;}
.form__success {color: #84f5a1;font-size: 24px!important;line-height: 26px!important;letter-spacing: 0.05em!important;}

@media (min-width: 769px) {
	.directory__col--left {border-right:none;margin-right:0;padding-right:5%;width:45%}
	.directory__col--right {border-left: 1px solid #84f5a1;margin-left: 5%;padding-left:5%;width:45%}
	.directory__col--left .directory__label {width:180px;}
	.directory__col--right .directory__label {width:180px;}
	.directory__col--right .directory__text{width:60%;}
	.directory__col--left .directory__text{width:60%;}
}

.stories__item {
    border-bottom: 1px solid #D9D9D9;
}

.directory__text a {border-bottom: 1px solid #FFFFFF;color:#ffffff; text-decoration:none;}

/* Parralax effect */
section.parallax, div.parallax {
	background-image: url("../img/img_parallax.jpg");
	min-height: 100%;
	position: relative;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.separator__bot {
	background-color: rgb(53, 82, 122);
  	height:10px;
}

.reasons__text-field p {
  margin: 0;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.035em;
}


/* UPDATES 30/03/2017 */
.about__title 								{color: #FFFFFF!important;}
.about__subtitle							{color: #85efa7;}
.education a									{color: #85efa7;border-bottom: 1px solid #85efa7;text-decoration: none;}
.education p 								{color: #FFFFFF!important;line-height: 24px;}

.investing__subtitle 						{line-height: 24px;margin-bottom:0px;}

.stories 									{padding:82px 0 82px;background:none;background-color:#35527a}

.stories__item:last-child					{border-bottom:none;padding-bottom:0;}
.notification:before, .notification:after 	{content:"";display:none;}

.faq__answer p a 								{color: #34527a;border-bottom: 1px solid #34527a;text-decoration: none;}

.love--with-quote 							{padding: 54px 0 54px;}

.education__title,
.education__subtitle,
.investing__title,
.investing__subtitle 						{text-align:left;}
@media (min-width: 767px) {
	.header__gradient-text text,
	.header__title 								{font-size: 47px;line-height: 49px;}
	section.education .container 				{padding: 0 80px;}
}

.love 										{background:none;}
.love__text									{color:#35527a;}

.education 									{background: url(../img/background-pictures-about-us-3.jpg) 50% 50% no-repeat;background-size: cover;}

.offer__gfx img 								{max-width: 90%;}
.offer 										{padding:82px 0 82px;}

div.stories__gfx > img						{margin-bottom: 25px;}

@media (max-width: 767px) {
	.header__nav {
 		background:none;background-color:#36537d;
	}
}

@media (max-width: 480px) {
	.popup__body 		{left: calc(50% - 230px);}
	.popup__content 	{max-width: 80%;}
	.popup__content p 	{font-size: 7px;line-height: 8px;}
}

@media (max-width: 767px) {
	.reasons__title, .reasons__subtitle, .offer__title, .offer__item,.about__subtitle, .about__title, .education__title, .education__subtitle {
		text-align: center;
	}
}
/*
| ====================================================================
| = Button To Top
  ====================================================================
*/

a.cd-top  {
	text-decoration: none;
}

.cd-top {
  display: inline-block;
  height: 30px;
  width: 30px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
  border: 1px solid #84f5a1;
  text-align: center;
  display:table;
  border-radius: 50%;
  background-color:rgba(132, 245, 161, 0.4);
}

.cd-top:hover {
	background-color:rgba(132, 245, 161, 1);
  	-webkit-transition: opacity .3s 0s, visibility 0s 0s;
  	-moz-transition: opacity .3s 0s, visibility 0s 0s;
  	transition: opacity .3s 0s, visibility 0s 0s;
  	border-radius: 50%;
}

.cd-top i {
    font-size: 19px;
    margin-top: 4px;
    line-height: 1;
    color: #FFFFFF;
    opacity: 0.75;
    display:table-cell;
    vertical-align:middle;
	}

.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  opacity: .8;
}
.no-touch .cd-top:hover {
  background-color: transparent;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 40px;
    width: 40px;
    right: 30px;
    bottom: 30px;
  }
}
/* UPDATES 30/03/2017 */