/*Google Fonts*/
@import url("https://fonts.googleapis.com/css?family=Montserrat:500,600,700");
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700");
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
body, html {
  height: 100%;
  width: 100%; }

body {
  font-size: 1rem;
  font-family: 'Source Sans Pro', sans-serif; }

/* ========== Universal Stylings ========== */
h1, h2, h3, h4, h5 {
  position: relative;
  font-family: 'Montserrat', sans-serif; }

h6 {
  position: relative;
  text-transform: uppercase; }

.bg-primary {
  background-color: #35CBDF !important; }

.text-inverse {
  color: #074052; }

.text-primary {
  color: #35CBDF !important; }

.btn {
  font-family: 'Montserrat', sans-serif;
  font-size: 1rem;
  font-weight: 600; }

.btn-primary {
  background-color: #35CBDF;
  border-color: #35CBDF;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); }

.btn-primary:hover, .btn-primary:focus {
  background-color: #00BED7;
  border-color: #00BED7; }

.btn-capsul {
  border-radius: 50px; }

i.box-circle-outline {
  border-color: inherit;
  border-width: 1px;
  border-style: solid;
  border-radius: 50%;
  height: 50px;
  line-height: 50px;
  text-align: center;
  width: 50px; }

i.box-circle-solid {
  background-color: #35CBDF;
  border-radius: 50%;
  color: #fff;
  font-size: 22px;
  height: 55px;
  line-height: 55px;
  text-align: center;
  width: 55px; }

.text-underline-white:before {
  content: "";
  position: absolute;
  width: 100px;
  height: 4px;
  left: 50%;
  margin-left: -50px;
  background: #fff;
  bottom: -15px;
  border-radius: 10px; }

.text-underline-rb-white:before {
  content: "";
  position: absolute;
  width: 100px;
  height: 4px;
  left: 0;
  background: #fff;
  bottom: -15px;
  border-radius: 10px; }

.text-underline-primary:before {
  content: "";
  position: absolute;
  width: 50px;
  height: 4px;
  left: 50%;
  margin-left: -25px;
  background: #35CBDF;
  bottom: -15px;
  border-radius: 10px; }

.text-underline-rb-primary:before {
  content: "";
  position: absolute;
  width: 100px;
  height: 4px;
  left: 0;
  background: #35CBDF;
  bottom: -15px;
  border-radius: 10px; }

.bg-overlay:before {
  content: "";
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  z-index: -1; }

.bg-overlay-light:before {
  content: "";
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  z-index: -1; }

.parallax {
  background-attachment: fixed !important; }

/* ========== Loader ========== */
.loaders {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap; }

.loaders .loader {
  box-sizing: border-box;
  display: flex;
  flex: 0 1 auto;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 25%;
  max-width: 25%;
  height: 200px;
  align-items: center;
  justify-content: center; }

.loader {
  display: table;
  height: 100%;
  position: fixed;
  width: 100%;
  z-index: 1200; }

.loader-bg {
  background: #35CBDF; }

.loader-inner {
  display: table-cell;
  text-align: center;
  vertical-align: middle; }

.loader .ball-clip-rotate-pulse {
  left: 50%;
  position: absolute;
  top: 50%; }

/* ========== Top Navigation ========== */
.top-nav {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  height: 80px;
  transition: 0.5s ease-in;
  -webkit-transition: 0.5s ease-in;
  -moz-transition: 0.5s ease-in; }

.top-nav .navbar-nav li .nav-link {
  color: #fff;
  font-size: 14px;
  padding: 29px 15px;
  font-weight: 600;
  text-transform: uppercase;
  transition: 0.5s ease-in;
  -webkit-transition: 0.5s ease-in;
  -moz-transition: 0.5s ease-in; }

.top-nav li a.nav-link:hover, .top-nav .nav-item.active a.nav-link {
  border-bottom: 3px solid #35cbdf;
  color: #35cbdf;
  transition: 0.5s ease-in;
  -webkit-transition: 0.5s ease-in;
  -moz-transition: 0.5s ease-in; }

.top-nav .navbar-brand {
  font-size: 28px;
  color: #fff;
  font-family: 'Montserrat', sans-serif; }

.top-nav.light-header {
  height: 60px;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.23);
  transition: 0.5s ease-in;
  -webkit-transition: 0.5s ease-in;
  -moz-transition: 0.5s ease-in; }

.top-nav.light-header .navbar-brand {
  color: #212121; }

.top-nav.light-header .navbar-nav li .nav-link {
  color: #212121;
  padding: 19px 15px;
  transition: 0.5s ease-in;
  -webkit-transition: 0.5s ease-in;
  -moz-transition: 0.5s ease-in; }

.top-nav.light-header li a.nav-link:hover, .top-nav.light-header .nav-item.active a.nav-link {
  border-bottom: 3px solid #35cbdf;
  color: #35cbdf;
  transition: 0.5s ease-in;
  -webkit-transition: 0.5s ease-in;
  -moz-transition: 0.5s ease-in; }

/* ========== Intro Header ========== */
.intro {
  width: 100%;
  display: flex;
  align-items: center;
  height: 100%;
  position: relative;
  z-index: 1; }

.intro.intro-small {
  height: 60%; }

.intro-bg {
  background: url("../img/intro-bg-03.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover; }

.caption-container {
  width: 50rem;
  margin: 0 auto; }

.caption-two-panel {
  display: flex;
  align-items: center; }

.intro h1 {
  font-weight: 700; }

.intro-caption .btn i {
  float: left;
  margin-right: 15px; }

.intro .carousel-item {
  height: 100vh; }

.intro .carousel-item::before {
  content: "";
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  width: 100%;
  height: 100vh; }

.intro .carousel-caption {
  top: 35%; }

/* ========== Qui sommes nous ========== */
.info-section {
  width: 100%;
  position: relative;
  z-index: 1; }

.info-section h2 {
  font-weight: 700;
  font-size: 2.5rem; }

.info-section .head-sec {
  float: left;
  width: 100%; }

.info-section h3 {
  font-size: 1.4rem; }

.info-section p {
  font-size: 1rem;
  line-height: 1.3rem; }

.info-section .box h2 {
  font-size: 24px;
  margin-bottom: 20px;
  margin-top: 0; }

.info-section .box i {
  font-size: 20px; }

.info-section .box {
  display: flex; }

.info-section .text-box {
  flex: 1 1 0;
  text-align: left; }

.info-section .icon-box {
  line-height: 1.2;
  width: 70px; }

.info-section .service-block-overlay {
  transition: .5s;
  -webkit-transition: .5s;
  -moz-transition: .5s; }

.info-section .service-block-overlay:hover {
  background: #fff none repeat scroll 0 0;
  border-radius: 5px;
  box-shadow: 0 0 90px rgba(0, 0, 0, 0.1);
  float: left;
  margin-top: -10px;
  position: relative;
  width: 100%;
  transition: .5s;
  -webkit-transition: .5s;
  -moz-transition: .5s; }

.content-half {
  color: #fff; }

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

.content-half ul li {
  margin: 15px 0;
  float: left;
  width: 100%; }

.content-half ul li i {
  float: left;
  font-size: 30px;
  padding-top: 10px;
  padding-bottom: 10px; }

.content-half ul li .list-content {
  float: left;
  margin-left: 60px; }

.content-half ul li strong {
  font-size: 19px;
  font-weight: 700; }

.content-half .btn {
  margin-top: 20px; }

.footer {
  font-size: 12px;
  font-weight: 500;
  color: #fff; }

div.footer {
  text-align: left; }
  div.footer div p {
    margin: 2px 0 !important;
    font-size: 13.5px !important; }
  div.footer a {
    font-size: 12px;
    font-weight: 500;
    color: #fff; }

.btn_fb {
  padding-top: 1px;
  position: relative;
  display: block;
  border-radius: 3px;
  background: #3b5998;
  width: 160px;
  height: 42px;
  padding-left: 60px;
  margin-top: 1rem; }
  .btn_fb:hover {
    text-decoration: none !important; }

.btn_fb:before {
  content: "";
  position: absolute;
  top: 6px;
  left: 15px;
  display: block;
  background: url(../images/facebook.png) no-repeat;
  width: 32px;
  height: 32px; }

.logo-cb {
  margin-left: -10px; }

.contact-footer {
  margin-top: 1rem !important;
  font-size: 13.5px !important; }

.margin-btn-accueil {
  margin-left: 3.7rem; }

.animate__animated.animate__zoomInLeft, .animate__backInLeft, .animate__zoomIn, .animate__zoomInRight, .animate__backInRight, .animate__backInUp {
  --animate-duration: 2s; }

.animate__rubberBand {
  --animate-duration: 1.5s; }

div.carousel-item img.img-carousel {
  height: 90vh; }

.carousel-control-next-icon, .carousel-control-prev-icon, .carousel-indicators li {
  display: none !important; }

.carousel-caption {
  bottom: 190px !important; }

#carouselExampleCaptions1::after {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  z-index: 99;
  background: rgba(187, 153, 85, 0.2); }

div#carouselExampleCaptions h2 {
  color: #fff;
  font-size: 2.5em;
  font-weight: 700; }

.carousel-caption2 {
  bottom: 260px !important; }

.font-carousel {
  font-size: 4rem; }

.font-carousel h2 {
  font-size: 4rem; }

#carouselExampleCaptions1::after {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  z-index: 99;
  background: rgba(0, 0, 0, 0.2); }

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 1000 !important;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center; }

/*# sourceMappingURL=style.css.map */