.home {
  background-image: url("../img/background_home.jpg");
  background-size: cover;
  background-position: center;
  padding: 80px 0px;
  color:#1C62B4;
}

.home__title {
  line-height: 45px;
  margin-bottom: 0px;
  text-align: left;
}

.color_blue {
  color:#1C62B4;
}

.color_white {
  color:#FFFFFF;
}

.avatar {
  height:50px;
  border-radius:25px;
}

.home-developer {
  background-image: url("../img/background_developer.jpg");
  padding-bottom:160px;
}

.yourmaps {
	background: linear-gradient(227.33deg, #176ED4 0%, #1C62B4 100%);
	padding-top: 80px;
}

.frame-demo {
	background-color: white;
	padding:30px;
	border-radius:10px;
  }

.yourmaps__btn {
	margin: auto;
	position: relative;
	top: 27px;
}

.home > .container-fluid, .certificat > .container-fluid {
  padding:0px;
}

.home-agent {
  height:500px;
}

.plateforme-img > div {
  right:0;
}

.home__subtitle, home__title {
  text-shadow: 0 0px 20px rgba(255, 255, 255, 1);
}

.home__subtitle {
  margin-top:15px;
  color:#03162D;
}

.notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

@media (max-width: 991px) {
  .home img {
    height: auto;
  }
}

section {
  padding-top: 60px;
  padding-bottom: 80px;
  padding-left: 0px;
  padding-right: 0px;
}

.video-platform {
  border-radius: 10px;
  border-top: 10px solid black;
  border-bottom: 10px solid black;
  border-left: 5px solid black;
  border-right: 5px solid black;
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.4);
  background-color: black;
  max-width: 600px;
  width: 100%;
  height: auto;
}

.background-clear {
  background-color:#F1F7FD;
}

.background-clear h2 {
  color: #1C62B4;
}

section h2 {
  margin-bottom: 50px;
  text-align: center;
}

.background-blue {
  color:white;
  background-color: #1C62B4;
}

/* PROPOSITIONS */

.title_proposition {
  font-family: 'VAG-Rounded-Next-Bold', Arial, sans-serif;
  color:#1C62B4;
  font-size:26px;
  line-height:30px;
}

.subtitle_proposition {
  font-size:20px;
  margin-top:5px;
}

.description_proposition {
  margin-top: 20px;
  font-family: 'VAG-Rounded-Next-Light', Arial, sans-serif;
}

.bulle-consultation {
  max-height: 400px;
}

/* CHIFFRES */
.chiffres {
  background: linear-gradient(180deg, #F1F7FD 50%, #176ED4 50%);
  padding:15px;
}

.chiffres-rounded {
  background-color: #FFFFFF;
  padding:50px 40px;
  border-radius:15px;
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.4);
}

.chiffre-value {
  color:#1C62B4;
  font-family: 'VAG-Rounded-Next-Bold', Arial, sans-serif;
  font-size:50px;
  display: inline-block;
  white-space:nowrap;
}

.contact a {
  color: #1C62B4;
}

.contact a:hover {
  color: #003F8B;
}

.contact .material-icons {
  color: #1C62B4;
}

.contact {
  background-color: white;
  border-radius: 20px;
  padding: 30px;
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2);
}

.contact .sitemap__link {
  opacity: 1;
}

.chiffre-underline {
  box-shadow: 0 10px 0 0 #FFDF00;
  background: transparent;
  height:10px;
  border-radius:10px;
  margin-top: -35px;
  margin-bottom:20px;
  margin-left:-10px;
  margin-right:-10px;
}

.chiffre-text {
  font-family: 'VAG-Rounded-Next-Light', Arial, sans-serif;
  font-size: 14px;
}

@media (max-width: 768px) {
  .middle-chiffre {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

@media (min-width: 768px) {
  .chiffre-value {
    font-size:60px;
  }
  .chiffre-underline {
    box-shadow: 0 15px 0 0 #FFDF00;
    background: transparent;
    height:15px;
    border-radius:15px;
    margin-top: -45px;
    margin-bottom:40px;
    margin-left:-10px;
    margin-right:-10px;
  }
  .chiffre-text {
    font-family: 'VAG-Rounded-Next-Light', Arial, sans-serif;
    font-size: 16px;
  }
}

@media (min-width: 1200px) {
  .chiffre-value {
    font-size:70px;
  }
  .chiffre-underline {
    box-shadow: 0 20px 0 0 #FFDF00;
    background: transparent;
    height:20px;
    border-radius:20px;
    margin-top: -55px;
    margin-bottom:40px;
    margin-left:-10px;
    margin-right:-10px;
  }
 }

/* POURQUOI SOLEN */
.why-solen img {
  width: 180px;
}

.why-solen-rounded {
  background-color: #FFFFFF;
  padding:20px;
  padding-top:60px;
  padding-bottom: 80px;
  border-radius:15px;
}

.why-solen img {
  margin-left: auto;
  margin-right: auto;
  height:200px;
  display:block;
}
 .testimonies {
   overflow: hidden;
 }

.testimonies h2 {
  margin: 60px 0px 80px;
  text-align: center;
}

/* HOW */

.video {
  padding-bottom:20px;
  background-color: #176ED4;
}

.blue-section {
  color:white;
  background-color: #1C62B4;
  padding: 50px 0px;
}

.how-calculate {
  color:white;
  background-color: #1C62B4;
  padding:50px 0px;
}

.btn {
  text-transform: uppercase;
  font-size: 15px;
  line-height: 15px;
  padding: 20px 40px;
  border-radius: 100px;
  border: none;
  font-family: 'VAG-Rounded-Next-Bold', Arial, sans-serif;
}

.certificat__list__item {
	border-radius: 16px;
	cursor: pointer;
}

.certificat__list__item > img {
	width: 45px;
}

.certificat__list__title {
	font-family: 'VAG-Rounded-Next-Bold', Arial, sans-serif;
	font-size: 20px;
}

.certificat__list__item:hover {
	color: #1C62B4;
	background-color: white;
}

.deal {
  background-color: #1C62B4;
}

.how__list {
  list-style: none;
  font-size: 18px;
}

.how__list__link {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 10px 20px;
  cursor: pointer;
}

.how__list__icon {
  background-size: contain;
  background-repeat: no-repeat;
  height: 60px;
  width: 60px;
  margin-right: 20px;
}

.how__img {
  max-width: 640px;
}

.how__list__icon.telecharger {
  background-image: url("../img/icons/telecharger_off.svg");
}

.how__list__link:hover .how__list__icon.telecharger {
  background-image: url("../img/icons/telecharger_on.svg");
}

.how__list__icon.prisedevue {
  background-image: url("../img/icons/prisedevue_off.svg");
}

.how__list__link:hover .how__list__icon.prisedevue {
  background-image: url("../img/icons/prisedevue_on.svg");
}

.how__list__icon.expertsolen {
  background-image: url("../img/icons/expertsolen_off.svg");
}

.how__list__link:hover .how__list__icon.expertsolen {
  background-image: url("../img/icons/expertsolen_on.svg");
}

.how__list__icon.certificat24h {
  background-image: url("../img/icons/certificat24h_off.svg");
}

.how__list__link:hover .how__list__icon.certificat24h {
  background-image: url("../img/icons/certificat24h_on.svg");
}

.how__list__icon.rassurez {
  background-image: url("../img/icons/rassurez_off.svg");
}

.how__list__link:hover .how__list__icon.rassurez {
  background-image: url("../img/icons/rassurez_on.svg");
}

.how__hover {
  border-radius: 16px;
}

.how__hover:hover {
  color: #1C62B4;
  background-color: white;
}

.yellowform--right {
  position: absolute;
  right: 30px;
  top: 0;
}

.yellowform--left {
  position: absolute;
  left: 30px;
  top: 0;
}

.download {
  font-size: 20px;
  font-family: 'VAG-Rounded-Next-Bold', Arial, sans-serif;
}

.how__first {
  font-size: 14px;
  font-family: 'VAG-Rounded-Next-Light', Arial, sans-serif;
}

.how__first__free {
  font-family: 'VAG-Rounded-Next-Bold', Arial, sans-serif;
  background-color: #FFEA00;
  border-radius: 16px;
  padding: 4px 7px;
}

/* CERTIFICAT */
.certificat {
  padding-bottom: 0px !important;
}

.certificat__list__item {
	border-radius: 16px;
	cursor: pointer;
}

.certificat__list__item > img {
	width: 45px;
}

.img_superposed {
	opacity: 0;
	transition: opacity .3s;
}

.certificat__list__item:hover {
	color: #1C62B4;
	background-color: white;
}

.certificat__list__title {
  font-family: 'VAG-Rounded-Next-Bold', Arial, sans-serif;
  font-size: 20px;
}

.certificat__list__text {
  font-family: 'VAG-Rounded-Next-Light', Arial, sans-serif;
}

/* BRIGHTNESS */
.brightness {
  padding: 80px 0px 0px;
}

.brightness__list__item {
  font-size: 18px;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 30px;
}

.brightness__list__icon {
  margin-right: 20px;
}

.list, ol, ul {
  list-style-type: none;
}

a {
  color: inherit;
}
a:hover {
  color: inherit;
  text-decoration: none;
}

@media (max-width: 992px) {

  .btn {
    padding: 20px 20px;
  }

  h2 {
    font-size:22px;
    line-height: normal;
  }

  .video h2 {
    margin-top:0px;
  }

  .home__title {
    line-height: 45px;
    font-size: 30px;
    margin-bottom: 0px;
  }

  .certificat {
    padding: 40px 0px 20px;
  }

  .brightness {
    padding: 0px 0px 20px;
  }

  .how {
    padding-top:40px;
  }

  .video {
    padding-top:40px;
  }

  .yourmaps {
    padding-top:40px;
  }

  .why-solen {
    padding:20px 20px;
    font-size:16px;
    line-height: 22px;
  }

  .why-solen-rounded {
    padding-top:40px;
  }

  .testimonies h2 {
    margin: 40px 0px 60px;
    text-align: center;
  }

  .why-solen h2 {
    margin-bottom:0px;
  }
}

@media (min-width: 992px) {

	.certificat__small__img {
		text-align: left;
		width:80%;
	}

	.certificat__subtitle {
		line-height: 38px;
		font-size: 30px;
	}
}


/* Bottom bar */

#bottom-calltoaction {
	background-color:white;
	position:fixed;
	bottom: -80px; /* Hide the navbar 50 px outside of the top view */
	width: 100%; /* Full width */
	height:80px;
	transition: bottom 0.3s;
	z-index:50;
	box-shadow: 0 2px 11px 0 rgba(0, 0, 0, 0.16);
}

#bottom-calltoaction .title {
  font-size: 14px;
  margin-top:5px;
}

.bottomlink {
  height:600px;
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: contain;
  display:flex;
  align-items: center;
  margin-top: 100px;
}

.bottomlink__hook {
  text-align: center;
  background-color: white;
  height: 409px;
  width: 409px;
  box-shadow: 0 20px 44px 0 rgba(0, 0, 0, 0.2);
  border-radius: 100%;
  padding: 60px;
  margin-left:50%;
}

.bottomlink__title {
  font-size: 35px;
  margin: 25px 0 20px;
}

.bottomlink__text {
  font-size: 18px;
  margin-bottom: 30px;
}

@media (max-width: 992px) {
  .bottomlink {
    height: 400px;
    justify-content: center;
  }

  .bottomlink__hook {
    margin-left:0px;
    width: 290px;
    height: 290px;
    padding: 55px 20px;
  }

  .bottomlink__title {
    font-size: 28px;
    line-height: 30px;
    margin: 0 0 10px;
  }

  .bottomlink__text {
    font-size: 16px;
    margin-bottom: 15px;
  }

  section {
    padding-bottom: 40px;
  }

  section h2 {
    margin-bottom: 30px;
  }
}