@charset "UTF-8";
.text-green {
  color: #29DB8F !important;
}

.background-green {
  background-color: #29DB8F;
}

.text-white {
  color: #FFF !important;
}

.background-white {
  background-color: #FFF;
}

.text-blue-dark {
  color: #121069 !important;
}

.background-blue-dark {
  background-color: #121069;
}

.text-grey-dark {
  color: #636363 !important;
}

.background-grey-dark {
  background-color: #636363;
}

.text-dark {
  color: #292929 !important;
}

.background-dark {
  background-color: #292929;
}

.fsz-20 {
  font-size: 20px;
}

.fsz-18 {
  font-size: 18px;
}

/*!
 * Icon Font AWAM
 * Made with love by Icons8 [ https://icons8.com/ ] using FontCustom [ https://github.com/FontCustom/fontcustom ]
 *
 * Contacts:
 *    [ https://icons8.com/contact ]
 *
 * Follow Icon8 on
 *    Twitter [ https://twitter.com/icons_8 ]
 *    Facebook [ https://www.facebook.com/Icons8 ]
 *    Google+ [ https://plus.google.com/+Icons8 ]
 *    GitHub [ https://github.com/icons8 ]
 */
@font-face {
  font-family: "AWAM";
  src: url("../fonts/AWAM_9b6e731bf1e1d53e1f5299758ccc13fa.eot");
  src: url("../fonts/AWAM_9b6e731bf1e1d53e1f5299758ccc13fa.eot?#iefix") format("embedded-opentype"), url("../fonts/AWAM_9b6e731bf1e1d53e1f5299758ccc13fa.woff2") format("woff2"), url("../fonts/AWAM_9b6e731bf1e1d53e1f5299758ccc13fa.woff") format("woff"), url("../fonts/AWAM_9b6e731bf1e1d53e1f5299758ccc13fa.ttf") format("truetype"), url("../fonts/AWAM_9b6e731bf1e1d53e1f5299758ccc13fa.svg#AWAM") format("svg");
  font-weight: normal;
  font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "AWAM";
    src: url("../fonts/AWAM_9b6e731bf1e1d53e1f5299758ccc13fa.svg#AWAM") format("svg");
  }
}
[data-icons8]:before,
.icons8-back-arrow:before,
.icons8-behance:before,
.icons8-facebook:before,
.icons8-instagram:before,
.icons8-linkedin:before,
.icons8-long-arrow-left:before,
.icons8-mouse-scrolling:before,
.icons8-next-button:before,
.icons8-next-button-2:before,
.icons8-twitter:before {
  display: inline-block;
  font-family: "AWAM";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

[data-icons8]:before {
  content: attr(data-icons8);
}

.icons8-back-arrow:before {
  content: "";
}

.icons8-behance:before {
  content: "";
}

.icons8-facebook:before {
  content: "";
}

.icons8-instagram:before {
  content: "";
}

.icons8-linkedin:before {
  content: "";
}

.icons8-long-arrow-left:before {
  content: "";
}

.icons8-mouse-scrolling:before {
  content: "";
}

.icons8-next-button:before {
  content: "";
}

.icons8-next-button-2:before {
  content: "";
}

.icons8-twitter:before {
  content: "";
}

/*!
 * Icon Font Awam
 * Made with love by Icons8 [ https://icons8.com/ ] using webfont [ https://github.com/itgalaxy/webfont ]
 *
 * Contacts:
 *    [ https://icons8.com/contact ]
 *
 * Follow Icon8 on
 *    Twitter [ https://twitter.com/icons_8 ]
 *    Facebook [ https://www.facebook.com/Icons8 ]
 *    Google+ [ https://plus.google.com/+Icons8 ]
 *    GitHub [ https://github.com/icons8 ]
 */
@font-face {
  font-family: "Awam";
  src: url("../../fonts/Awam.eot");
  src: url("../../fonts/Awam.eot?#iefix") format("embedded-opentype"), url("../../fonts/Awam.woff2") format("woff2"), url("../../fonts/Awam.woff") format("woff"), url("../../fonts/Awam.ttf") format("truetype"), url("../../fonts/Awam.svg#font") format("svg");
  font-weight: normal;
  font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "Awam";
    src: url("../fonts/Awam.svg#Awam") format("svg");
  }
}
.icons8-marker:before,
.icons8-love:before,
.icons8-map-pin:before,
.icons8-expand-arrow:before,
.icons8-male:before,
.icons8-circled-play:before,
.icons8-instagram:before,
.icons8-facebook:before,
.icons8-linkedin:before,
.icons8-twitter:before,
.icons8-right-arrow:before,
.icons8-right:before,
.icons8-left-arrow:before,
.icons8-left:before,
.icons8-behance:before,
.icons8-mouse-scrolling:before,
.icons8-down:before,
.icons8-up-arrow:before,
.icons8-down-arrow:before,
.icons8-up:before,
[data-icons8]:before {
  display: inline-block;
  font-family: "Awam";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

[data-icons8]:before {
  content: attr(data-icons8);
}

.icons8-marker:before {
  content: "";
}

.icons8-love:before {
  content: "";
}

.icons8-map-pin:before {
  content: "";
}

.icons8-expand-arrow:before {
  content: "";
}

.icons8-male:before {
  content: "";
}

.icons8-circled-play:before {
  content: "";
}

.icons8-instagram:before {
  content: "";
}

.icons8-facebook:before {
  content: "";
}

.icons8-linkedin:before {
  content: "";
}

.icons8-twitter:before {
  content: "";
}

.icons8-right-arrow:before {
  content: "";
}

.icons8-right:before {
  content: "";
}

.icons8-left-arrow:before {
  content: "";
}

.icons8-left:before {
  content: "";
}

.icons8-behance:before {
  content: "";
}

.icons8-mouse-scrolling:before {
  content: "";
}

.icons8-down:before {
  content: "";
}

.icons8-up-arrow:before {
  content: "";
}

.icons8-down-arrow:before {
  content: "";
}

.icons8-up:before {
  content: "";
}

/* SPACINGS */
.mt-0 {
  margin-top: 0px;
}

.pt-0 {
  padding-top: 0px;
}

.mb-0 {
  margin-bottom: 0px;
}

.pb-0 {
  padding-bottom: 0px;
}

.ml-0 {
  margin-left: 0px;
}

.pl-0 {
  padding-left: 0px;
}

.mr-0 {
  margin-right: 0px;
}

.pr-0 {
  padding-right: 0px;
}

.mh-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.mv-0 {
  margin-left: 0px;
  margin-right: 0px;
}

.ph-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}

.pv-0 {
  padding-left: 0px;
  padding-right: 0px;
}

.bpt-0:before {
  content: "";
  display: block;
  padding-top: 0%;
}

.mt-5 {
  margin-top: 5px;
}

.pt-5 {
  padding-top: 5px;
}

.mb-5 {
  margin-bottom: 5px;
}

.pb-5 {
  padding-bottom: 5px;
}

.ml-5 {
  margin-left: 5px;
}

.pl-5 {
  padding-left: 5px;
}

.mr-5 {
  margin-right: 5px;
}

.pr-5 {
  padding-right: 5px;
}

.mh-5 {
  margin-top: 5px;
  margin-bottom: 5px;
}

.mv-5 {
  margin-left: 5px;
  margin-right: 5px;
}

.ph-5 {
  padding-top: 5px;
  padding-bottom: 5px;
}

.pv-5 {
  padding-left: 5px;
  padding-right: 5px;
}

.bpt-5:before {
  content: "";
  display: block;
  padding-top: 5%;
}

.mt-8 {
  margin-top: 8px;
}

.pt-8 {
  padding-top: 8px;
}

.mb-8 {
  margin-bottom: 8px;
}

.pb-8 {
  padding-bottom: 8px;
}

.ml-8 {
  margin-left: 8px;
}

.pl-8 {
  padding-left: 8px;
}

.mr-8 {
  margin-right: 8px;
}

.pr-8 {
  padding-right: 8px;
}

.mh-8 {
  margin-top: 8px;
  margin-bottom: 8px;
}

.mv-8 {
  margin-left: 8px;
  margin-right: 8px;
}

.ph-8 {
  padding-top: 8px;
  padding-bottom: 8px;
}

.pv-8 {
  padding-left: 8px;
  padding-right: 8px;
}

.bpt-8:before {
  content: "";
  display: block;
  padding-top: 8%;
}

.mt-10 {
  margin-top: 10px;
}

.pt-10 {
  padding-top: 10px;
}

.mb-10 {
  margin-bottom: 10px;
}

.pb-10 {
  padding-bottom: 10px;
}

.ml-10 {
  margin-left: 10px;
}

.pl-10 {
  padding-left: 10px;
}

.mr-10 {
  margin-right: 10px;
}

.pr-10 {
  padding-right: 10px;
}

.mh-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.mv-10 {
  margin-left: 10px;
  margin-right: 10px;
}

.ph-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.pv-10 {
  padding-left: 10px;
  padding-right: 10px;
}

.bpt-10:before {
  content: "";
  display: block;
  padding-top: 10%;
}

.mt-12 {
  margin-top: 12px;
}

.pt-12 {
  padding-top: 12px;
}

.mb-12 {
  margin-bottom: 12px;
}

.pb-12 {
  padding-bottom: 12px;
}

.ml-12 {
  margin-left: 12px;
}

.pl-12 {
  padding-left: 12px;
}

.mr-12 {
  margin-right: 12px;
}

.pr-12 {
  padding-right: 12px;
}

.mh-12 {
  margin-top: 12px;
  margin-bottom: 12px;
}

.mv-12 {
  margin-left: 12px;
  margin-right: 12px;
}

.ph-12 {
  padding-top: 12px;
  padding-bottom: 12px;
}

.pv-12 {
  padding-left: 12px;
  padding-right: 12px;
}

.bpt-12:before {
  content: "";
  display: block;
  padding-top: 12%;
}

.mt-15 {
  margin-top: 15px;
}

.pt-15 {
  padding-top: 15px;
}

.mb-15 {
  margin-bottom: 15px;
}

.pb-15 {
  padding-bottom: 15px;
}

.ml-15 {
  margin-left: 15px;
}

.pl-15 {
  padding-left: 15px;
}

.mr-15 {
  margin-right: 15px;
}

.pr-15 {
  padding-right: 15px;
}

.mh-15 {
  margin-top: 15px;
  margin-bottom: 15px;
}

.mv-15 {
  margin-left: 15px;
  margin-right: 15px;
}

.ph-15 {
  padding-top: 15px;
  padding-bottom: 15px;
}

.pv-15 {
  padding-left: 15px;
  padding-right: 15px;
}

.bpt-15:before {
  content: "";
  display: block;
  padding-top: 15%;
}

.mt-20 {
  margin-top: 20px;
}

.pt-20 {
  padding-top: 20px;
}

.mb-20 {
  margin-bottom: 20px;
}

.pb-20 {
  padding-bottom: 20px;
}

.ml-20 {
  margin-left: 20px;
}

.pl-20 {
  padding-left: 20px;
}

.mr-20 {
  margin-right: 20px;
}

.pr-20 {
  padding-right: 20px;
}

.mh-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.mv-20 {
  margin-left: 20px;
  margin-right: 20px;
}

.ph-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.pv-20 {
  padding-left: 20px;
  padding-right: 20px;
}

.bpt-20:before {
  content: "";
  display: block;
  padding-top: 20%;
}

.mt-25 {
  margin-top: 25px;
}

.pt-25 {
  padding-top: 25px;
}

.mb-25 {
  margin-bottom: 25px;
}

.pb-25 {
  padding-bottom: 25px;
}

.ml-25 {
  margin-left: 25px;
}

.pl-25 {
  padding-left: 25px;
}

.mr-25 {
  margin-right: 25px;
}

.pr-25 {
  padding-right: 25px;
}

.mh-25 {
  margin-top: 25px;
  margin-bottom: 25px;
}

.mv-25 {
  margin-left: 25px;
  margin-right: 25px;
}

.ph-25 {
  padding-top: 25px;
  padding-bottom: 25px;
}

.pv-25 {
  padding-left: 25px;
  padding-right: 25px;
}

.bpt-25:before {
  content: "";
  display: block;
  padding-top: 25%;
}

.mt-30 {
  margin-top: 30px;
}

.pt-30 {
  padding-top: 30px;
}

.mb-30 {
  margin-bottom: 30px;
}

.pb-30 {
  padding-bottom: 30px;
}

.ml-30 {
  margin-left: 30px;
}

.pl-30 {
  padding-left: 30px;
}

.mr-30 {
  margin-right: 30px;
}

.pr-30 {
  padding-right: 30px;
}

.mh-30 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.mv-30 {
  margin-left: 30px;
  margin-right: 30px;
}

.ph-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.pv-30 {
  padding-left: 30px;
  padding-right: 30px;
}

.bpt-30:before {
  content: "";
  display: block;
  padding-top: 30%;
}

.mt-35 {
  margin-top: 35px;
}

.pt-35 {
  padding-top: 35px;
}

.mb-35 {
  margin-bottom: 35px;
}

.pb-35 {
  padding-bottom: 35px;
}

.ml-35 {
  margin-left: 35px;
}

.pl-35 {
  padding-left: 35px;
}

.mr-35 {
  margin-right: 35px;
}

.pr-35 {
  padding-right: 35px;
}

.mh-35 {
  margin-top: 35px;
  margin-bottom: 35px;
}

.mv-35 {
  margin-left: 35px;
  margin-right: 35px;
}

.ph-35 {
  padding-top: 35px;
  padding-bottom: 35px;
}

.pv-35 {
  padding-left: 35px;
  padding-right: 35px;
}

.bpt-35:before {
  content: "";
  display: block;
  padding-top: 35%;
}

.mt-40 {
  margin-top: 40px;
}

.pt-40 {
  padding-top: 40px;
}

.mb-40 {
  margin-bottom: 40px;
}

.pb-40 {
  padding-bottom: 40px;
}

.ml-40 {
  margin-left: 40px;
}

.pl-40 {
  padding-left: 40px;
}

.mr-40 {
  margin-right: 40px;
}

.pr-40 {
  padding-right: 40px;
}

.mh-40 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.mv-40 {
  margin-left: 40px;
  margin-right: 40px;
}

.ph-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.pv-40 {
  padding-left: 40px;
  padding-right: 40px;
}

.bpt-40:before {
  content: "";
  display: block;
  padding-top: 40%;
}

.mt-45 {
  margin-top: 45px;
}

.pt-45 {
  padding-top: 45px;
}

.mb-45 {
  margin-bottom: 45px;
}

.pb-45 {
  padding-bottom: 45px;
}

.ml-45 {
  margin-left: 45px;
}

.pl-45 {
  padding-left: 45px;
}

.mr-45 {
  margin-right: 45px;
}

.pr-45 {
  padding-right: 45px;
}

.mh-45 {
  margin-top: 45px;
  margin-bottom: 45px;
}

.mv-45 {
  margin-left: 45px;
  margin-right: 45px;
}

.ph-45 {
  padding-top: 45px;
  padding-bottom: 45px;
}

.pv-45 {
  padding-left: 45px;
  padding-right: 45px;
}

.bpt-45:before {
  content: "";
  display: block;
  padding-top: 45%;
}

.mt-50 {
  margin-top: 50px;
}

.pt-50 {
  padding-top: 50px;
}

.mb-50 {
  margin-bottom: 50px;
}

.pb-50 {
  padding-bottom: 50px;
}

.ml-50 {
  margin-left: 50px;
}

.pl-50 {
  padding-left: 50px;
}

.mr-50 {
  margin-right: 50px;
}

.pr-50 {
  padding-right: 50px;
}

.mh-50 {
  margin-top: 50px;
  margin-bottom: 50px;
}

.mv-50 {
  margin-left: 50px;
  margin-right: 50px;
}

.ph-50 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.pv-50 {
  padding-left: 50px;
  padding-right: 50px;
}

.bpt-50:before {
  content: "";
  display: block;
  padding-top: 50%;
}

.mt-55 {
  margin-top: 55px;
}

.pt-55 {
  padding-top: 55px;
}

.mb-55 {
  margin-bottom: 55px;
}

.pb-55 {
  padding-bottom: 55px;
}

.ml-55 {
  margin-left: 55px;
}

.pl-55 {
  padding-left: 55px;
}

.mr-55 {
  margin-right: 55px;
}

.pr-55 {
  padding-right: 55px;
}

.mh-55 {
  margin-top: 55px;
  margin-bottom: 55px;
}

.mv-55 {
  margin-left: 55px;
  margin-right: 55px;
}

.ph-55 {
  padding-top: 55px;
  padding-bottom: 55px;
}

.pv-55 {
  padding-left: 55px;
  padding-right: 55px;
}

.bpt-55:before {
  content: "";
  display: block;
  padding-top: 55%;
}

.mt-60 {
  margin-top: 60px;
}

.pt-60 {
  padding-top: 60px;
}

.mb-60 {
  margin-bottom: 60px;
}

.pb-60 {
  padding-bottom: 60px;
}

.ml-60 {
  margin-left: 60px;
}

.pl-60 {
  padding-left: 60px;
}

.mr-60 {
  margin-right: 60px;
}

.pr-60 {
  padding-right: 60px;
}

.mh-60 {
  margin-top: 60px;
  margin-bottom: 60px;
}

.mv-60 {
  margin-left: 60px;
  margin-right: 60px;
}

.ph-60 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.pv-60 {
  padding-left: 60px;
  padding-right: 60px;
}

.bpt-60:before {
  content: "";
  display: block;
  padding-top: 60%;
}

.mt-70 {
  margin-top: 70px;
}

.pt-70 {
  padding-top: 70px;
}

.mb-70 {
  margin-bottom: 70px;
}

.pb-70 {
  padding-bottom: 70px;
}

.ml-70 {
  margin-left: 70px;
}

.pl-70 {
  padding-left: 70px;
}

.mr-70 {
  margin-right: 70px;
}

.pr-70 {
  padding-right: 70px;
}

.mh-70 {
  margin-top: 70px;
  margin-bottom: 70px;
}

.mv-70 {
  margin-left: 70px;
  margin-right: 70px;
}

.ph-70 {
  padding-top: 70px;
  padding-bottom: 70px;
}

.pv-70 {
  padding-left: 70px;
  padding-right: 70px;
}

.bpt-70:before {
  content: "";
  display: block;
  padding-top: 70%;
}

.mt-80 {
  margin-top: 80px;
}

.pt-80 {
  padding-top: 80px;
}

.mb-80 {
  margin-bottom: 80px;
}

.pb-80 {
  padding-bottom: 80px;
}

.ml-80 {
  margin-left: 80px;
}

.pl-80 {
  padding-left: 80px;
}

.mr-80 {
  margin-right: 80px;
}

.pr-80 {
  padding-right: 80px;
}

.mh-80 {
  margin-top: 80px;
  margin-bottom: 80px;
}

.mv-80 {
  margin-left: 80px;
  margin-right: 80px;
}

.ph-80 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.pv-80 {
  padding-left: 80px;
  padding-right: 80px;
}

.bpt-80:before {
  content: "";
  display: block;
  padding-top: 80%;
}

.mt-100 {
  margin-top: 100px;
}

.pt-100 {
  padding-top: 100px;
}

.mb-100 {
  margin-bottom: 100px;
}

.pb-100 {
  padding-bottom: 100px;
}

.ml-100 {
  margin-left: 100px;
}

.pl-100 {
  padding-left: 100px;
}

.mr-100 {
  margin-right: 100px;
}

.pr-100 {
  padding-right: 100px;
}

.mh-100 {
  margin-top: 100px;
  margin-bottom: 100px;
}

.mv-100 {
  margin-left: 100px;
  margin-right: 100px;
}

.ph-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.pv-100 {
  padding-left: 100px;
  padding-right: 100px;
}

.bpt-100:before {
  content: "";
  display: block;
  padding-top: 100%;
}

.mt-150 {
  margin-top: 150px;
}

.pt-150 {
  padding-top: 150px;
}

.mb-150 {
  margin-bottom: 150px;
}

.pb-150 {
  padding-bottom: 150px;
}

.ml-150 {
  margin-left: 150px;
}

.pl-150 {
  padding-left: 150px;
}

.mr-150 {
  margin-right: 150px;
}

.pr-150 {
  padding-right: 150px;
}

.mh-150 {
  margin-top: 150px;
  margin-bottom: 150px;
}

.mv-150 {
  margin-left: 150px;
  margin-right: 150px;
}

.ph-150 {
  padding-top: 150px;
  padding-bottom: 150px;
}

.pv-150 {
  padding-left: 150px;
  padding-right: 150px;
}

.bpt-150:before {
  content: "";
  display: block;
  padding-top: 150%;
}

.mt-200 {
  margin-top: 200px;
}

.pt-200 {
  padding-top: 200px;
}

.mb-200 {
  margin-bottom: 200px;
}

.pb-200 {
  padding-bottom: 200px;
}

.ml-200 {
  margin-left: 200px;
}

.pl-200 {
  padding-left: 200px;
}

.mr-200 {
  margin-right: 200px;
}

.pr-200 {
  padding-right: 200px;
}

.mh-200 {
  margin-top: 200px;
  margin-bottom: 200px;
}

.mv-200 {
  margin-left: 200px;
  margin-right: 200px;
}

.ph-200 {
  padding-top: 200px;
  padding-bottom: 200px;
}

.pv-200 {
  padding-left: 200px;
  padding-right: 200px;
}

.bpt-200:before {
  content: "";
  display: block;
  padding-top: 200%;
}

.relative {
  position: relative;
}

.inline-block {
  display: inline-block;
}

.inline {
  display: inline;
}

.block {
  display: block;
}

.clear, .clearfix {
  clear: both;
}

.no-padding {
  padding: 0;
}

.no-padding-left {
  padding-left: 0;
}

.no-padding-right {
  padding-right: 0;
}

.no-padding-top {
  padding-top: 0;
}

.no-padding-bottom {
  padding-bottom: 0;
}

.padding {
  padding: 10px 15px;
}

.padding-left {
  padding-left: 15px;
}

.padding-right {
  padding-right: 15px;
}

.padding-top {
  padding-top: 10px;
}

.padding-bottom {
  padding-bottom: 10px;
}

.no-margin {
  margin: 0;
}

.no-margin-left {
  margin-left: 0;
}

.no-margin-right {
  margin-right: 0;
}

.no-margin-top {
  margin-top: 0;
}

.no-margin-bottom {
  margin-bottom: 0;
}

.margin {
  margin: 10px 15px;
}

.margin-left {
  margin-left: 15px;
}

.margin-right {
  margin-right: 15px;
}

.margin-top {
  margin-top: 10px;
}

.margin-bottom {
  margin-bottom: 10px;
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.absolute-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.full-width {
  width: 100%;
}

.green, .text-green {
  color: #29DB8F;
}

.overlay {
  background: #121069;
  opacity: 0.9;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.message.success {
  background: #29DB8F;
  text-align: center;
  padding: 10px;
  font-size: 15px;
  font-weight: 600;
  color: #FFF;
}

html, body {
  width: 100%;
  overflow-x: hidden;
  letter-spacing: 0;
}

body {
  font-family: "sofia-pro", sans-serif;
  background-color: #F5F5F5;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "sofia-pro", sans-serif;
  font-weight: 900;
  letter-spacing: 0;
}

p {
  color: #292929;
  font-family: "sofia-pro", sans-serif;
  font-size: 16px;
  line-height: 24px;
}

textarea {
  resize: none;
}

.modal-body {
  padding: 15px 30px;
}

.line-vertical {
  display: flex;
  align-items: center;
}
@media (max-width: 576px) {
  .line-vertical {
    flex-direction: column;
  }
}

.messages-flash {
  position: fixed;
  top: 100px;
  right: 60px;
  z-index: 999;
}
.messages-flash .message {
  display: block;
  margin-bottom: 10px;
  color: #FFF;
  padding: 10px 15px;
}
.messages-flash .message.error {
  background-color: #d21f4e;
}
.messages-flash .message.success {
  background-color: #29DB8F;
}

.contact.box-style {
  text-align: left;
}

.quote-card h5 strong {
  color: #747474;
}

nav.navbar[data-menu-style=transparent] {
  border: 0;
  box-shadow: none;
}
nav.navbar[data-menu-style=transparent].nav-small {
  box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.1);
}

.navbar-brand {
  margin-top: 60px;
}
.navbar-brand img {
  width: 180px;
  padding-left: 70px;
}
@media (max-width: 576px) {
  .navbar-brand img {
    padding-left: 0px;
  }
}

.navbar-collapse {
  padding: 0;
}

nav .nav {
  margin-right: 70px;
}

nav.nav-small .navbar-brand {
  margin-top: 20px;
}
nav.nav-small .navbar-nav > li > a {
  padding-top: 11px;
}

.nav-small[data-menu-style=transparent] .navbar-nav > li > a {
  font-weight: 600;
}

/* menu sticky */
nav.nav-small .navbar-nav > li > a {
  padding-top: 0;
}

.portfolio-item .item-image:after {
  background-color: #29DB8F;
}

.portfolio-item:hover .item-image:after {
  opacity: 0.9;
}

.item-caption {
  top: auto;
  bottom: 50px;
}

.item-caption p {
  color: #FFF;
}

.pre-loader {
  background-color: #29DB8F;
}
.pre-loader div {
  border: solid 2px rgba(255, 255, 255, 0.4);
  border-left: solid 2px #FFF;
}

#hero #letters {
  position: absolute;
  bottom: -5%;
  right: -15%;
  width: 80%;
  z-index: 2;
}
#hero .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.85;
  z-index: 1;
}
#hero h1 {
  color: #FFF;
  font-family: "sofia-pro", sans-serif;
  font-weight: 900;
  font-size: 45px;
  line-height: 45px;
  letter-spacing: 0;
  margin-left: -3px;
}
#hero h1 span {
  font-size: 100px;
  display: block;
  line-height: 120px;
  letter-spacing: -5px;
  color: #29DB8F;
  margin-left: -4px;
}
#hero > i {
  position: absolute;
  left: 50%;
  bottom: 5%;
  font-size: 40px;
  z-index: 999;
  color: #FFF;
  transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}

#presentation {
  margin-bottom: -15%;
}
#presentation:before {
  content: "";
  padding-top: 35%;
  display: block;
  min-height: 450px;
}
#presentation .overlay {
  background-color: #29DB8F;
  opacity: 0.95;
}
#presentation h2 {
  position: absolute;
  color: #FFF;
  font-family: "sofia-pro", sans-serif;
  font-size: 36px;
  font-weight: 900;
  top: 15%;
  left: 50%;
  margin: 0;
  transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}
#presentation p {
  position: absolute;
  color: #FFF;
  opacity: 0.7;
  text-align: center;
  top: 35%;
  left: 50%;
  width: 65%;
  transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}

#infos-blocs {
  font-size: 0;
}

#description-agence {
  display: inline-block;
  background-color: #121069;
  color: #FFF;
  padding: 140px 80px 50px;
  width: 50%;
  vertical-align: bottom;
}
#description-agence h2 {
  color: #29DB8F;
  margin-top: 0px;
  margin-bottom: 40px;
  font-size: 36px;
}
#description-agence p {
  font-size: 16px;
  color: #FFF;
  line-height: 24px;
  margin-bottom: 40px;
}
#description-agence ul li {
  font-size: 20px;
  font-weight: 600;
  color: #FFF;
}
#description-agence ul li span {
  display: inline-block;
  margin-right: 5px;
}
#description-agence a {
  text-transform: uppercase;
  color: #FFF;
  font-size: 12px;
  margin-top: 40px;
  display: inline-block;
  line-height: 16px;
  letter-spacing: 1px;
}
#description-agence a i {
  font-size: 16px;
  vertical-align: sub;
}

#le-lab {
  display: inline-block;
  background-color: #FFF;
  padding: 150px 70px 50px;
  width: 50%;
  vertical-align: bottom;
}
#le-lab h2 {
  margin-top: 0px;
  margin-bottom: 40px;
  color: #29DB8F;
  font-size: 36px;
}
#le-lab p {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 80px;
}
#le-lab a {
  text-transform: uppercase;
  font-size: 12px;
  margin-top: 10px;
  display: inline-block;
  line-height: 16px;
  color: #29DB8F;
  letter-spacing: 1px;
}
#le-lab a i {
  font-size: 16px;
  vertical-align: sub;
}

#infos-blocs a i {
  display: inline-block;
  margin-left: 5Px;
}
#infos-blocs a:hover, #infos-blocs a:focus {
  opacity: 0.5;
}

.item-caption h4, .item-caption h2 {
  font-size: 18px;
  margin-bottom: 0;
  color: #FFF;
}
.item-caption p {
  margin: 5px 0 0;
  font-size: 12px;
  text-transform: uppercase;
  opacity: 0.5;
  font-weight: bold;
}
.item-caption i {
  right: 50px;
  position: absolute;
  bottom: 0;
  line-height: 1;
  font-size: 30px;
}
.item-caption .type {
  padding-right: 10px;
  display: inline-block;
  position: relative;
  letter-spacing: 1px;
}
.item-caption .type:not(:last-child):after {
  content: "+";
  position: absolute;
  right: 0;
}

#works h2 {
  color: #29DB8F;
  font-size: 36px;
}
#works #description {
  color: #292929;
  line-height: 1.2;
}
#works .portfolio .project:nth-of-type(4) {
  clear: left;
}
#works .portfolio .item-image:before {
  content: "";
  display: block;
  padding-top: 70%;
}

#header {
  height: 65vh;
  overflow: hidden;
}
#header img {
  position: absolute;
  width: 100%;
  height: auto;
}
#header .container {
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
#header h1 {
  color: #29DB8F;
  font-size: 45px;
  margin: 0;
  top: 30%;
  left: 50%;
  margin-bottom: 40px;
}
#header p {
  text-align: center;
  color: #FFF;
  top: 50%;
  left: 50%;
  width: 65%;
  position: relative;
  transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}
@media (max-width: 576px) {
  #header p {
    width: 100%;
  }
}

.portfolio-item .item-caption {
  padding: 0 50px;
  text-align: left;
  transform: none !important;
  -moz-transform: none !important;
  -webkit-transform: none !important;
}
.portfolio-item .item-caption .project-type {
  position: relative;
  display: block;
  text-transform: uppercase;
}
.portfolio-item .item-caption .project-type + i {
  position: absolute;
  right: 10%;
  bottom: 0;
  font-size: 30px;
  line-height: 1;
}

#projects .project .portfolio-item:before {
  content: "";
  padding-top: 70%;
  display: block;
}
#projects .project .portfolio-item .item-image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
#projects .project:nth-of-type(4n+2) .portfolio-item:before {
  padding-top: 90%;
}
#projects .project:nth-of-type(4n+2) + .project .portfolio-item:before {
  padding-top: 90%;
}

#project #header #content {
  position: absolute;
  top: 25%;
  left: 50%;
  width: 100%;
  max-width: 1170px;
  transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}
#project #header #content h1 {
  color: #FFF;
  position: static;
  transform: none;
  -moz-transform: none;
  -webkit-transform: none;
  text-align: center;
  margin-bottom: 20px;
}
#project #header #prev-project, #project #header #next-project {
  position: absolute;
  font-size: 14px;
  top: 15%;
  font-weight: bold;
  display: inline-block !important;
  width: auto !important;
  font-weight: 100;
  color: #FFF;
  opacity: 0.5;
}
#project #header #prev-project#prev-project, #project #header #next-project#prev-project {
  left: 0;
}
#project #header #prev-project#next-project, #project #header #next-project#next-project {
  right: 0;
}
#project #header #prev-project:hover, #project #header #next-project:hover {
  opacity: 1;
}
#project #header #prev-project i, #project #header #next-project i {
  vertical-align: sub;
  font-size: 20px;
}
#project #header #infos-project {
  text-align: center;
  width: 100%;
}
#project #header #infos-project #types {
  margin-bottom: 20px;
}
#project #header #infos-project #types .type {
  display: inline-block;
  position: relative;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 900;
  color: #FFF;
  opacity: 0.5;
}
#project #header #infos-project #types .type:not(:last-child) {
  padding-right: 13px;
}
#project #header #infos-project #types .type:not(:last-child):after {
  content: "+";
  position: absolute;
  right: 0;
}
#project #header #infos-project > p {
  color: #FFF;
  margin: 0 auto 20px;
  width: 65%;
  position: static;
  transform: none;
  -moz-transform: none;
  -webkit-transform: none;
}
#project #header #infos-project #links {
  color: rgba(255, 255, 255, 0.5);
}
#project #header #infos-project #links a {
  padding: 0 10px;
  display: inline-block !important;
  position: relative;
  color: rgba(255, 255, 255, 0.5);
  font-size: 16px;
  width: auto !important;
}
#project #header #infos-project #links a:hover {
  color: white;
}
#project #gallery {
  position: relative;
  padding: 0;
}
#project #gallery img {
  width: 100%;
  cursor: pointer;
}
#project #projects-links a {
  color: #292929;
  font-size: 14px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 100;
}
#project #projects-links a:hover {
  color: #29DB8F;
}
#project #projects-links a i {
  font-size: 20px;
  vertical-align: sub;
}

#projects #header, #project #header {
  height: 85vh;
  margin-bottom: -10%;
}
#projects #header .container, #project #header .container {
  top: 38%;
}

#agence #listings {
  background: url("/img/background-agence-listing.jpg") #29DB8F;
  background-size: cover;
  color: #FFF;
}
#agence #listings:before {
  content: "";
  display: block;
  padding-top: 30%;
}
#agence #listings .overlay {
  background-color: #29DB8F;
}
#agence #listings .container {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  max-width: 1170px;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
#agence #listings h3 {
  margin: 0;
  color: #FFF;
}
#agence #listings p {
  color: #FFF;
  text-align: center;
  margin-top: 50px;
  position: relative;
}
#agence #listings p span {
  font-weight: bold;
}
#agence #equipe h2 {
  color: #29DB8F;
  margin-bottom: 20px;
  text-align: center;
  font-size: 40px;
}
#agence #equipe p {
  text-align: center;
  float: none;
  margin: 0 auto 60px;
}
#agence #equipe .employee {
  padding: 0;
}
#agence #equipe .employee:nth-of-type(2) {
  margin-top: 40px;
}
#agence #equipe .employee:nth-of-type(3n+4) {
  clear: left;
}
#agence #equipe .employee .portfolio-item {
  border-radius: 0;
}
#agence #equipe .item-caption {
  top: 50%;
  text-transform: center;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  text-align: center;
}
#agence #equipe .item-caption h4, #agence #equipe .item-caption p {
  margin: 0;
  text-transform: uppercase;
}
#agence #equipe .item-image {
  position: relative;
}
#agence #equipe .item-image:before {
  content: "";
  padding-top: 100%;
  display: block;
}
#agence #equipe .item-image img {
  position: absolute;
  width: 100%;
  top: 0;
}

#lab .project.left .text-container {
  right: 0;
}
#lab .project.right .img-container {
  margin-right: 0;
  margin-left: auto;
}
#lab .project .img-container {
  width: 55%;
}
#lab .project .text-container {
  position: absolute;
  background-color: #FFF;
  bottom: 0;
  height: 88%;
  padding: 6%;
  max-height: 100%;
  width: 55%;
}
#lab .project .text-container .project-name {
  font-size: 36px;
  text-transform: uppercase;
  margin: 0;
}
#lab .project .text-container .baseline {
  font-weight: bold;
}
#lab .project .text-container .meta-desc {
  margin-top: 20px;
  margin-bottom: 20px;
}
#lab .project .text-container .project-link {
  color: #747474;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
#lab .project .text-container .project-link i {
  font-size: 20px;
  display: inline-block;
  vertical-align: sub;
  margin-left: 10px;
}
#lab .project .text-container a.project-link {
  color: #29DB8F;
}
#lab .project .freddys {
  height: 70%;
}

#clusters #works .vossen-portfolio-filters li {
  color: #747474;
}
#clusters #works .vossen-portfolio-filters li.active {
  color: #29DB8F;
}
#clusters #works .portfolio .item-image:before {
  content: inherit;
  display: inherit;
  padding-top: inherit;
}

#contact, #invitation {
  background-color: #FFF;
}
#contact #header, #invitation #header {
  height: 65vh;
}
#contact h2, #invitation h2 {
  font-weight: 200;
}
#contact span.color, #invitation span.color {
  color: #29DB8F;
}
#contact input[type=submit], #invitation input[type=submit] {
  background-color: #29DB8F;
}
#contact #awam-adresse, #invitation #awam-adresse {
  position: absolute;
  left: 58%;
  bottom: 20%;
}

#invitation p.green {
  color: #29DB8F;
}
#invitation .container.form-invitation {
  height: 850px;
}
#invitation .overlay {
  opacity: 0.6;
}

#footer {
  background-color: #292929;
  padding: 120px 20px 20px;
}
#footer .footer-content {
  text-align: center;
}
#footer .footer-content .socials i {
  color: #29DB8F;
  font-size: 18px;
  letter-spacing: 8px;
}
#footer .footer-content .legals {
  margin-top: 50px;
}

.vossen-portfolio-filters {
  margin-top: 50px;
  margin-bottom: 0;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
}
.vossen-portfolio-filters li {
  background-color: initial;
  font-size: 14px;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.5);
  line-height: 1;
  padding: 0 5px !important;
}
.vossen-portfolio-filters li.active {
  color: #FFF;
}

.costumers-carousel {
  background: #FFF;
}
.costumers-carousel h2 {
  color: #29DB8F;
  font-size: 36px;
}
.costumers-carousel .home-clients-carousel img {
  filter: grayscale(1);
}

@media (max-width: 1024px) {
  .navbar-nav > li > a {
    padding-top: 16px;
  }

  .navbar-brand {
    margin-top: 26px;
  }

  #lab .project .text-container {
    height: 100%;
  }

  #header .container {
    width: 70%;
  }

  #project #header #content {
    max-width: 970px;
  }
}
@media (max-width: 990px) {
  .hero-fullscreen {
    min-height: 50vh;
    height: auto;
  }

  .navbar-brand img, .nav-small .navbar-brand img {
    margin-top: 15px;
    width: auto;
  }

  .navbar-nav > li > a {
    padding-top: 15px;
    border: 0 !important;
  }
  .navbar-nav > li > a:hover, .navbar-nav > li > a:focus {
    color: #29DB8F;
    padding: 15px 13px 0;
  }

  #description-agence {
    padding: 70px 40px 25px;
  }

  #le-lab {
    padding: 75px 35px 25px;
    transform: none;
    -moz-transform: none;
    -webkit-transform: none;
  }

  #presentation p {
    width: 90%;
    top: 40%;
  }

  .portfolio-item .item-image:after, .portfolio-item:hover .item-image:after {
    opacity: 0.6;
    background: rgba(0, 0, 0, 0.4);
  }

  .item-caption h2, .item-caption h4 {
    margin-top: 0;
  }

  #agence #listings > .container > div {
    margin-bottom: 20px;
  }

  #project #header, #projects #header {
    margin-bottom: -50%;
  }
}
@media (max-width: 768px) {
  .navbar-brand {
    margin-top: 0;
  }
  .navbar-brand img {
    height: 25px;
  }

  .item-caption {
    bottom: 10%;
  }

  .hero-fullscreen {
    padding: 0;
  }

  #hero h1 {
    font-size: 25px;
    line-height: 30px;
    margin-left: 0;
  }
  #hero h1 span {
    font-size: 70px;
  }

  #presentation {
    min-height: 33vh;
  }
  #presentation h2 {
    width: 80%;
  }

  #description-agence, #le-lab {
    width: 100%;
  }

  #works .portfolio .project:nth-of-type(4) {
    clear: none;
  }

  #header p {
    font-size: 14px;
  }

  #agence #listings {
    padding: 40px 15px;
  }
  #agence #listings:before {
    display: none;
  }
  #agence #listings > .container > div {
    padding: 0;
  }
  #agence #listings .container {
    position: static;
    transform: none;
    -moz-transform: none;
    -webkit-transform: none;
  }
  #agence #listings #equipe .employee {
    margin-top: 0 !important;
    margin-bottom: 20px;
  }

  #lab .project .text-container {
    width: 100%;
    position: static;
    display: block;
    padding: 25px;
  }
  #lab .project .img-container {
    width: 100%;
  }
  #lab .project .img-container img {
    width: 100%;
  }

  #project #header #next-project, #project #header #prev-project {
    top: -35%;
    width: auto !important;
  }
  #project #header #next-project#prev-project, #project #header #prev-project#prev-project {
    left: 5%;
  }
  #project #header #next-project#next-project, #project #header #prev-project#next-project {
    right: 5%;
  }
  #project #header #infos-project {
    width: 100%;
    top: 25%;
  }
  #project #gallery {
    padding: 0 15px;
    background: none;
  }

  #invitation #header h1 {
    font-size: 35px;
  }
  #invitation #header p {
    width: 100%;
  }

  #invitation .container.form-invitation {
    height: 600px;
  }
}
@media (max-width: 480px) {
  #header .container {
    width: 90%;
  }

  #agence #equipe .employee:nth-of-type(2) {
    margin: 0;
  }

  .hero-fullscreen {
    padding-bottom: 15vh;
    min-height: 55vh;
  }

  #infos-blocs {
    padding: 0;
  }

  #presentation {
    min-height: 75vh;
    margin: 0;
  }

  .vossen-portfolio {
    height: auto !important;
  }
  .vossen-portfolio > div.reveal {
    position: static !important;
  }

  #contact #awam-adresse {
    position: static;
    text-align: center;
    margin-top: 40px;
  }

  #project #header {
    height: auto;
    min-height: 85vh;
    padding: 100px 0 50px;
  }
  #project #header #next-project, #project #header #prev-project {
    top: -25%;
  }
  #project #header #content {
    position: relative;
    left: 0;
    transform: none;
    -moz-transform: none;
    -webkit-transform: none;
  }
  #project #projects-links {
    padding: 0 15px;
  }
}
.item-contact a {
  background-color: #29DB8F;
  padding: 0 20px !important;
}

.nav-small li > a {
  padding: 0 20px !important;
}
.nav-small .item-contact > a {
  color: white !important;
}
.nav-small .navbar-nav {
  margin-top: 0px;
}

.navbar-nav {
  margin-top: 30px;
}

.btn-more {
  background-color: #29DB8F !important;
  color: white !important;
  display: inline-block !important;
  width: auto !important;
  padding: 15px 30px;
  font-weight: bold;
}

.block-fixed {
  position: fixed;
  right: 0px;
  top: 200px;
  background: #29DB8F;
  color: white;
  padding: 15px;
  font-weight: bold;
  z-index: 10;
}
@media (max-width: 576px) {
  .block-fixed {
    bottom: 0px;
    top: inherit;
    left: 50%;
    transform: translate(-50%, 0%);
    text-align: center;
    padding: 10px;
    border: 1px solid #FFF;
  }
}

@media (max-width: 576px) {
  .icon-bar {
    background-color: #29DB8F !important;
    height: 2px !important;
  }
}

.row-rs {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 576px) {
  .d-xs-none {
    display: none !important;
  }
}

@media (max-width: 576px) {
  .menu-right li a {
    color: #FFF !important;
    font-size: 16px;
    padding: 10px 20px;
  }
  .menu-right li a:hover {
    color: #FFF !important;
    font-size: 16px;
    padding: 10px 20px;
  }
  .menu-right li.item-contact {
    padding: 15px 10px !important;
    display: inline-block !important;
  }
  .menu-right li.item-contact a {
    padding: 10px 30px !important;
  }
}

.listing-rs-mob {
  display: none;
}
@media (max-width: 576px) {
  .listing-rs-mob {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 20px;
  }
  .listing-rs-mob a {
    margin: 0 5px;
  }
  .listing-rs-mob a i {
    font-size: 30px;
    color: white;
  }
}

@media (max-width: 576px) {
  .portfolio-item {
    margin: 10px 0 !important;
  }
}

@media (max-width: 576px) {
  .vossen-portfolio {
    height: auto !important;
  }
}

.text-green {
  color: #29DB8F !important;
}

.background-green {
  background-color: #29DB8F;
}

.text-white {
  color: #FFF !important;
}

.background-white {
  background-color: #FFF;
}

.text-blue-dark {
  color: #121069 !important;
}

.background-blue-dark {
  background-color: #121069;
}

.text-grey-dark {
  color: #636363 !important;
}

.background-grey-dark {
  background-color: #636363;
}

.text-dark {
  color: #292929 !important;
}

.background-dark {
  background-color: #292929;
}

.fsz-20 {
  font-size: 20px;
}

.fsz-18 {
  font-size: 18px;
}

/*!
 * Icon Font AWAM
 * Made with love by Icons8 [ https://icons8.com/ ] using FontCustom [ https://github.com/FontCustom/fontcustom ]
 *
 * Contacts:
 *    [ https://icons8.com/contact ]
 *
 * Follow Icon8 on
 *    Twitter [ https://twitter.com/icons_8 ]
 *    Facebook [ https://www.facebook.com/Icons8 ]
 *    Google+ [ https://plus.google.com/+Icons8 ]
 *    GitHub [ https://github.com/icons8 ]
 */
@font-face {
  font-family: "AWAM";
  src: url("../fonts/AWAM_9b6e731bf1e1d53e1f5299758ccc13fa.eot");
  src: url("../fonts/AWAM_9b6e731bf1e1d53e1f5299758ccc13fa.eot?#iefix") format("embedded-opentype"), url("../fonts/AWAM_9b6e731bf1e1d53e1f5299758ccc13fa.woff2") format("woff2"), url("../fonts/AWAM_9b6e731bf1e1d53e1f5299758ccc13fa.woff") format("woff"), url("../fonts/AWAM_9b6e731bf1e1d53e1f5299758ccc13fa.ttf") format("truetype"), url("../fonts/AWAM_9b6e731bf1e1d53e1f5299758ccc13fa.svg#AWAM") format("svg");
  font-weight: normal;
  font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "AWAM";
    src: url("../fonts/AWAM_9b6e731bf1e1d53e1f5299758ccc13fa.svg#AWAM") format("svg");
  }
}
[data-icons8]:before,
.icons8-back-arrow:before,
.icons8-behance:before,
.icons8-facebook:before,
.icons8-instagram:before,
.icons8-linkedin:before,
.icons8-long-arrow-left:before,
.icons8-mouse-scrolling:before,
.icons8-next-button:before,
.icons8-next-button-2:before,
.icons8-twitter:before {
  display: inline-block;
  font-family: "AWAM";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

[data-icons8]:before {
  content: attr(data-icons8);
}

.icons8-back-arrow:before {
  content: "";
}

.icons8-behance:before {
  content: "";
}

.icons8-facebook:before {
  content: "";
}

.icons8-instagram:before {
  content: "";
}

.icons8-linkedin:before {
  content: "";
}

.icons8-long-arrow-left:before {
  content: "";
}

.icons8-mouse-scrolling:before {
  content: "";
}

.icons8-next-button:before {
  content: "";
}

.icons8-next-button-2:before {
  content: "";
}

.icons8-twitter:before {
  content: "";
}

/*!
 * Icon Font Awam
 * Made with love by Icons8 [ https://icons8.com/ ] using webfont [ https://github.com/itgalaxy/webfont ]
 *
 * Contacts:
 *    [ https://icons8.com/contact ]
 *
 * Follow Icon8 on
 *    Twitter [ https://twitter.com/icons_8 ]
 *    Facebook [ https://www.facebook.com/Icons8 ]
 *    Google+ [ https://plus.google.com/+Icons8 ]
 *    GitHub [ https://github.com/icons8 ]
 */
@font-face {
  font-family: "Awam";
  src: url("../../fonts/Awam.eot");
  src: url("../../fonts/Awam.eot?#iefix") format("embedded-opentype"), url("../../fonts/Awam.woff2") format("woff2"), url("../../fonts/Awam.woff") format("woff"), url("../../fonts/Awam.ttf") format("truetype"), url("../../fonts/Awam.svg#font") format("svg");
  font-weight: normal;
  font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "Awam";
    src: url("../fonts/Awam.svg#Awam") format("svg");
  }
}
.icons8-marker:before,
.icons8-love:before,
.icons8-map-pin:before,
.icons8-expand-arrow:before,
.icons8-male:before,
.icons8-circled-play:before,
.icons8-instagram:before,
.icons8-facebook:before,
.icons8-linkedin:before,
.icons8-twitter:before,
.icons8-right-arrow:before,
.icons8-right:before,
.icons8-left-arrow:before,
.icons8-left:before,
.icons8-behance:before,
.icons8-mouse-scrolling:before,
.icons8-down:before,
.icons8-up-arrow:before,
.icons8-down-arrow:before,
.icons8-up:before,
[data-icons8]:before {
  display: inline-block;
  font-family: "Awam";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

[data-icons8]:before {
  content: attr(data-icons8);
}

.icons8-marker:before {
  content: "";
}

.icons8-love:before {
  content: "";
}

.icons8-map-pin:before {
  content: "";
}

.icons8-expand-arrow:before {
  content: "";
}

.icons8-male:before {
  content: "";
}

.icons8-circled-play:before {
  content: "";
}

.icons8-instagram:before {
  content: "";
}

.icons8-facebook:before {
  content: "";
}

.icons8-linkedin:before {
  content: "";
}

.icons8-twitter:before {
  content: "";
}

.icons8-right-arrow:before {
  content: "";
}

.icons8-right:before {
  content: "";
}

.icons8-left-arrow:before {
  content: "";
}

.icons8-left:before {
  content: "";
}

.icons8-behance:before {
  content: "";
}

.icons8-mouse-scrolling:before {
  content: "";
}

.icons8-down:before {
  content: "";
}

.icons8-up-arrow:before {
  content: "";
}

.icons8-down-arrow:before {
  content: "";
}

.icons8-up:before {
  content: "";
}

/* SPACINGS */
.mt-0 {
  margin-top: 0px;
}

.pt-0 {
  padding-top: 0px;
}

.mb-0 {
  margin-bottom: 0px;
}

.pb-0 {
  padding-bottom: 0px;
}

.ml-0 {
  margin-left: 0px;
}

.pl-0 {
  padding-left: 0px;
}

.mr-0 {
  margin-right: 0px;
}

.pr-0 {
  padding-right: 0px;
}

.mh-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.mv-0 {
  margin-left: 0px;
  margin-right: 0px;
}

.ph-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}

.pv-0 {
  padding-left: 0px;
  padding-right: 0px;
}

.bpt-0:before {
  content: "";
  display: block;
  padding-top: 0%;
}

.mt-5 {
  margin-top: 5px;
}

.pt-5 {
  padding-top: 5px;
}

.mb-5 {
  margin-bottom: 5px;
}

.pb-5 {
  padding-bottom: 5px;
}

.ml-5 {
  margin-left: 5px;
}

.pl-5 {
  padding-left: 5px;
}

.mr-5 {
  margin-right: 5px;
}

.pr-5 {
  padding-right: 5px;
}

.mh-5 {
  margin-top: 5px;
  margin-bottom: 5px;
}

.mv-5 {
  margin-left: 5px;
  margin-right: 5px;
}

.ph-5 {
  padding-top: 5px;
  padding-bottom: 5px;
}

.pv-5 {
  padding-left: 5px;
  padding-right: 5px;
}

.bpt-5:before {
  content: "";
  display: block;
  padding-top: 5%;
}

.mt-8 {
  margin-top: 8px;
}

.pt-8 {
  padding-top: 8px;
}

.mb-8 {
  margin-bottom: 8px;
}

.pb-8 {
  padding-bottom: 8px;
}

.ml-8 {
  margin-left: 8px;
}

.pl-8 {
  padding-left: 8px;
}

.mr-8 {
  margin-right: 8px;
}

.pr-8 {
  padding-right: 8px;
}

.mh-8 {
  margin-top: 8px;
  margin-bottom: 8px;
}

.mv-8 {
  margin-left: 8px;
  margin-right: 8px;
}

.ph-8 {
  padding-top: 8px;
  padding-bottom: 8px;
}

.pv-8 {
  padding-left: 8px;
  padding-right: 8px;
}

.bpt-8:before {
  content: "";
  display: block;
  padding-top: 8%;
}

.mt-10 {
  margin-top: 10px;
}

.pt-10 {
  padding-top: 10px;
}

.mb-10 {
  margin-bottom: 10px;
}

.pb-10 {
  padding-bottom: 10px;
}

.ml-10 {
  margin-left: 10px;
}

.pl-10 {
  padding-left: 10px;
}

.mr-10 {
  margin-right: 10px;
}

.pr-10 {
  padding-right: 10px;
}

.mh-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.mv-10 {
  margin-left: 10px;
  margin-right: 10px;
}

.ph-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.pv-10 {
  padding-left: 10px;
  padding-right: 10px;
}

.bpt-10:before {
  content: "";
  display: block;
  padding-top: 10%;
}

.mt-12 {
  margin-top: 12px;
}

.pt-12 {
  padding-top: 12px;
}

.mb-12 {
  margin-bottom: 12px;
}

.pb-12 {
  padding-bottom: 12px;
}

.ml-12 {
  margin-left: 12px;
}

.pl-12 {
  padding-left: 12px;
}

.mr-12 {
  margin-right: 12px;
}

.pr-12 {
  padding-right: 12px;
}

.mh-12 {
  margin-top: 12px;
  margin-bottom: 12px;
}

.mv-12 {
  margin-left: 12px;
  margin-right: 12px;
}

.ph-12 {
  padding-top: 12px;
  padding-bottom: 12px;
}

.pv-12 {
  padding-left: 12px;
  padding-right: 12px;
}

.bpt-12:before {
  content: "";
  display: block;
  padding-top: 12%;
}

.mt-15 {
  margin-top: 15px;
}

.pt-15 {
  padding-top: 15px;
}

.mb-15 {
  margin-bottom: 15px;
}

.pb-15 {
  padding-bottom: 15px;
}

.ml-15 {
  margin-left: 15px;
}

.pl-15 {
  padding-left: 15px;
}

.mr-15 {
  margin-right: 15px;
}

.pr-15 {
  padding-right: 15px;
}

.mh-15 {
  margin-top: 15px;
  margin-bottom: 15px;
}

.mv-15 {
  margin-left: 15px;
  margin-right: 15px;
}

.ph-15 {
  padding-top: 15px;
  padding-bottom: 15px;
}

.pv-15 {
  padding-left: 15px;
  padding-right: 15px;
}

.bpt-15:before {
  content: "";
  display: block;
  padding-top: 15%;
}

.mt-20 {
  margin-top: 20px;
}

.pt-20 {
  padding-top: 20px;
}

.mb-20 {
  margin-bottom: 20px;
}

.pb-20 {
  padding-bottom: 20px;
}

.ml-20 {
  margin-left: 20px;
}

.pl-20 {
  padding-left: 20px;
}

.mr-20 {
  margin-right: 20px;
}

.pr-20 {
  padding-right: 20px;
}

.mh-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.mv-20 {
  margin-left: 20px;
  margin-right: 20px;
}

.ph-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.pv-20 {
  padding-left: 20px;
  padding-right: 20px;
}

.bpt-20:before {
  content: "";
  display: block;
  padding-top: 20%;
}

.mt-25 {
  margin-top: 25px;
}

.pt-25 {
  padding-top: 25px;
}

.mb-25 {
  margin-bottom: 25px;
}

.pb-25 {
  padding-bottom: 25px;
}

.ml-25 {
  margin-left: 25px;
}

.pl-25 {
  padding-left: 25px;
}

.mr-25 {
  margin-right: 25px;
}

.pr-25 {
  padding-right: 25px;
}

.mh-25 {
  margin-top: 25px;
  margin-bottom: 25px;
}

.mv-25 {
  margin-left: 25px;
  margin-right: 25px;
}

.ph-25 {
  padding-top: 25px;
  padding-bottom: 25px;
}

.pv-25 {
  padding-left: 25px;
  padding-right: 25px;
}

.bpt-25:before {
  content: "";
  display: block;
  padding-top: 25%;
}

.mt-30 {
  margin-top: 30px;
}

.pt-30 {
  padding-top: 30px;
}

.mb-30 {
  margin-bottom: 30px;
}

.pb-30 {
  padding-bottom: 30px;
}

.ml-30 {
  margin-left: 30px;
}

.pl-30 {
  padding-left: 30px;
}

.mr-30 {
  margin-right: 30px;
}

.pr-30 {
  padding-right: 30px;
}

.mh-30 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.mv-30 {
  margin-left: 30px;
  margin-right: 30px;
}

.ph-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.pv-30 {
  padding-left: 30px;
  padding-right: 30px;
}

.bpt-30:before {
  content: "";
  display: block;
  padding-top: 30%;
}

.mt-35 {
  margin-top: 35px;
}

.pt-35 {
  padding-top: 35px;
}

.mb-35 {
  margin-bottom: 35px;
}

.pb-35 {
  padding-bottom: 35px;
}

.ml-35 {
  margin-left: 35px;
}

.pl-35 {
  padding-left: 35px;
}

.mr-35 {
  margin-right: 35px;
}

.pr-35 {
  padding-right: 35px;
}

.mh-35 {
  margin-top: 35px;
  margin-bottom: 35px;
}

.mv-35 {
  margin-left: 35px;
  margin-right: 35px;
}

.ph-35 {
  padding-top: 35px;
  padding-bottom: 35px;
}

.pv-35 {
  padding-left: 35px;
  padding-right: 35px;
}

.bpt-35:before {
  content: "";
  display: block;
  padding-top: 35%;
}

.mt-40 {
  margin-top: 40px;
}

.pt-40 {
  padding-top: 40px;
}

.mb-40 {
  margin-bottom: 40px;
}

.pb-40 {
  padding-bottom: 40px;
}

.ml-40 {
  margin-left: 40px;
}

.pl-40 {
  padding-left: 40px;
}

.mr-40 {
  margin-right: 40px;
}

.pr-40 {
  padding-right: 40px;
}

.mh-40 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.mv-40 {
  margin-left: 40px;
  margin-right: 40px;
}

.ph-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.pv-40 {
  padding-left: 40px;
  padding-right: 40px;
}

.bpt-40:before {
  content: "";
  display: block;
  padding-top: 40%;
}

.mt-45 {
  margin-top: 45px;
}

.pt-45 {
  padding-top: 45px;
}

.mb-45 {
  margin-bottom: 45px;
}

.pb-45 {
  padding-bottom: 45px;
}

.ml-45 {
  margin-left: 45px;
}

.pl-45 {
  padding-left: 45px;
}

.mr-45 {
  margin-right: 45px;
}

.pr-45 {
  padding-right: 45px;
}

.mh-45 {
  margin-top: 45px;
  margin-bottom: 45px;
}

.mv-45 {
  margin-left: 45px;
  margin-right: 45px;
}

.ph-45 {
  padding-top: 45px;
  padding-bottom: 45px;
}

.pv-45 {
  padding-left: 45px;
  padding-right: 45px;
}

.bpt-45:before {
  content: "";
  display: block;
  padding-top: 45%;
}

.mt-50 {
  margin-top: 50px;
}

.pt-50 {
  padding-top: 50px;
}

.mb-50 {
  margin-bottom: 50px;
}

.pb-50 {
  padding-bottom: 50px;
}

.ml-50 {
  margin-left: 50px;
}

.pl-50 {
  padding-left: 50px;
}

.mr-50 {
  margin-right: 50px;
}

.pr-50 {
  padding-right: 50px;
}

.mh-50 {
  margin-top: 50px;
  margin-bottom: 50px;
}

.mv-50 {
  margin-left: 50px;
  margin-right: 50px;
}

.ph-50 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.pv-50 {
  padding-left: 50px;
  padding-right: 50px;
}

.bpt-50:before {
  content: "";
  display: block;
  padding-top: 50%;
}

.mt-55 {
  margin-top: 55px;
}

.pt-55 {
  padding-top: 55px;
}

.mb-55 {
  margin-bottom: 55px;
}

.pb-55 {
  padding-bottom: 55px;
}

.ml-55 {
  margin-left: 55px;
}

.pl-55 {
  padding-left: 55px;
}

.mr-55 {
  margin-right: 55px;
}

.pr-55 {
  padding-right: 55px;
}

.mh-55 {
  margin-top: 55px;
  margin-bottom: 55px;
}

.mv-55 {
  margin-left: 55px;
  margin-right: 55px;
}

.ph-55 {
  padding-top: 55px;
  padding-bottom: 55px;
}

.pv-55 {
  padding-left: 55px;
  padding-right: 55px;
}

.bpt-55:before {
  content: "";
  display: block;
  padding-top: 55%;
}

.mt-60 {
  margin-top: 60px;
}

.pt-60 {
  padding-top: 60px;
}

.mb-60 {
  margin-bottom: 60px;
}

.pb-60 {
  padding-bottom: 60px;
}

.ml-60 {
  margin-left: 60px;
}

.pl-60 {
  padding-left: 60px;
}

.mr-60 {
  margin-right: 60px;
}

.pr-60 {
  padding-right: 60px;
}

.mh-60 {
  margin-top: 60px;
  margin-bottom: 60px;
}

.mv-60 {
  margin-left: 60px;
  margin-right: 60px;
}

.ph-60 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.pv-60 {
  padding-left: 60px;
  padding-right: 60px;
}

.bpt-60:before {
  content: "";
  display: block;
  padding-top: 60%;
}

.mt-70 {
  margin-top: 70px;
}

.pt-70 {
  padding-top: 70px;
}

.mb-70 {
  margin-bottom: 70px;
}

.pb-70 {
  padding-bottom: 70px;
}

.ml-70 {
  margin-left: 70px;
}

.pl-70 {
  padding-left: 70px;
}

.mr-70 {
  margin-right: 70px;
}

.pr-70 {
  padding-right: 70px;
}

.mh-70 {
  margin-top: 70px;
  margin-bottom: 70px;
}

.mv-70 {
  margin-left: 70px;
  margin-right: 70px;
}

.ph-70 {
  padding-top: 70px;
  padding-bottom: 70px;
}

.pv-70 {
  padding-left: 70px;
  padding-right: 70px;
}

.bpt-70:before {
  content: "";
  display: block;
  padding-top: 70%;
}

.mt-80 {
  margin-top: 80px;
}

.pt-80 {
  padding-top: 80px;
}

.mb-80 {
  margin-bottom: 80px;
}

.pb-80 {
  padding-bottom: 80px;
}

.ml-80 {
  margin-left: 80px;
}

.pl-80 {
  padding-left: 80px;
}

.mr-80 {
  margin-right: 80px;
}

.pr-80 {
  padding-right: 80px;
}

.mh-80 {
  margin-top: 80px;
  margin-bottom: 80px;
}

.mv-80 {
  margin-left: 80px;
  margin-right: 80px;
}

.ph-80 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.pv-80 {
  padding-left: 80px;
  padding-right: 80px;
}

.bpt-80:before {
  content: "";
  display: block;
  padding-top: 80%;
}

.mt-100 {
  margin-top: 100px;
}

.pt-100 {
  padding-top: 100px;
}

.mb-100 {
  margin-bottom: 100px;
}

.pb-100 {
  padding-bottom: 100px;
}

.ml-100 {
  margin-left: 100px;
}

.pl-100 {
  padding-left: 100px;
}

.mr-100 {
  margin-right: 100px;
}

.pr-100 {
  padding-right: 100px;
}

.mh-100 {
  margin-top: 100px;
  margin-bottom: 100px;
}

.mv-100 {
  margin-left: 100px;
  margin-right: 100px;
}

.ph-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.pv-100 {
  padding-left: 100px;
  padding-right: 100px;
}

.bpt-100:before {
  content: "";
  display: block;
  padding-top: 100%;
}

.mt-150 {
  margin-top: 150px;
}

.pt-150 {
  padding-top: 150px;
}

.mb-150 {
  margin-bottom: 150px;
}

.pb-150 {
  padding-bottom: 150px;
}

.ml-150 {
  margin-left: 150px;
}

.pl-150 {
  padding-left: 150px;
}

.mr-150 {
  margin-right: 150px;
}

.pr-150 {
  padding-right: 150px;
}

.mh-150 {
  margin-top: 150px;
  margin-bottom: 150px;
}

.mv-150 {
  margin-left: 150px;
  margin-right: 150px;
}

.ph-150 {
  padding-top: 150px;
  padding-bottom: 150px;
}

.pv-150 {
  padding-left: 150px;
  padding-right: 150px;
}

.bpt-150:before {
  content: "";
  display: block;
  padding-top: 150%;
}

.mt-200 {
  margin-top: 200px;
}

.pt-200 {
  padding-top: 200px;
}

.mb-200 {
  margin-bottom: 200px;
}

.pb-200 {
  padding-bottom: 200px;
}

.ml-200 {
  margin-left: 200px;
}

.pl-200 {
  padding-left: 200px;
}

.mr-200 {
  margin-right: 200px;
}

.pr-200 {
  padding-right: 200px;
}

.mh-200 {
  margin-top: 200px;
  margin-bottom: 200px;
}

.mv-200 {
  margin-left: 200px;
  margin-right: 200px;
}

.ph-200 {
  padding-top: 200px;
  padding-bottom: 200px;
}

.pv-200 {
  padding-left: 200px;
  padding-right: 200px;
}

.bpt-200:before {
  content: "";
  display: block;
  padding-top: 200%;
}

.relative {
  position: relative;
}

.inline-block {
  display: inline-block;
}

.inline {
  display: inline;
}

.block {
  display: block;
}

.clear, .clearfix {
  clear: both;
}

.no-padding {
  padding: 0;
}

.no-padding-left {
  padding-left: 0;
}

.no-padding-right {
  padding-right: 0;
}

.no-padding-top {
  padding-top: 0;
}

.no-padding-bottom {
  padding-bottom: 0;
}

.padding {
  padding: 10px 15px;
}

.padding-left {
  padding-left: 15px;
}

.padding-right {
  padding-right: 15px;
}

.padding-top {
  padding-top: 10px;
}

.padding-bottom {
  padding-bottom: 10px;
}

.no-margin {
  margin: 0;
}

.no-margin-left {
  margin-left: 0;
}

.no-margin-right {
  margin-right: 0;
}

.no-margin-top {
  margin-top: 0;
}

.no-margin-bottom {
  margin-bottom: 0;
}

.margin {
  margin: 10px 15px;
}

.margin-left {
  margin-left: 15px;
}

.margin-right {
  margin-right: 15px;
}

.margin-top {
  margin-top: 10px;
}

.margin-bottom {
  margin-bottom: 10px;
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.absolute-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.full-width {
  width: 100%;
}

.green, .text-green {
  color: #29DB8F;
}

.overlay {
  background: #121069;
  opacity: 0.9;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.message.success {
  background: #29DB8F;
  text-align: center;
  padding: 10px;
  font-size: 15px;
  font-weight: 600;
  color: #FFF;
}

html, body {
  width: 100%;
  overflow-x: hidden;
  letter-spacing: 0;
}

body {
  font-family: "sofia-pro", sans-serif;
  background-color: #F5F5F5;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "sofia-pro", sans-serif;
  font-weight: 900;
  letter-spacing: 0;
}

p {
  color: #292929;
  font-family: "sofia-pro", sans-serif;
  font-size: 16px;
  line-height: 24px;
}

textarea {
  resize: none;
}

.modal-body {
  padding: 15px 30px;
}

.line-vertical {
  display: flex;
  align-items: center;
}
@media (max-width: 576px) {
  .line-vertical {
    flex-direction: column;
  }
}

.list-dates-cle {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: 40px 0;
}
@media (max-width: 576px) {
  .list-dates-cle {
    flex-wrap: wrap;
  }
}
.list-dates-cle > li {
  margin: 0 30px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
@media (max-width: 576px) {
  .list-dates-cle > li {
    flex-direction: column;
  }
}
.list-dates-cle > li:last-child::after {
  display: none;
}
.list-dates-cle > li::after {
  content: "";
  font-size: 30px;
  display: inline-block;
  margin: 0 40px;
  color: #121069;
}
@media (max-width: 576px) {
  .list-dates-cle > li::after {
    display: block;
  }
}
.list-dates-cle > li .date {
  font-size: 40px;
  color: #29DB8F;
  font-weight: bold;
}

.box-content-adress {
  min-height: 250px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-image: url(../img/emploi/bg-box-adresse.png);
  background-repeat: no-repeat;
  background-position-y: bottom;
  background-position-x: -60px;
}
.box-content-adress .icone {
  font-size: 40px;
}

.box-video .img-responsive {
  position: relative;
}

.legende-video {
  position: absolute;
  bottom: 20px;
  left: 50px;
  opacity: 1;
}
.legende-video > span {
  margin-left: 10px;
}

.container-list-job {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.container-list-job .box-list-job {
  padding: 50px;
  width: 100%;
}
.container-list-job .box-list-job ul .single-job {
  padding: 20px;
  margin: 20px 0;
  position: relative;
}
.container-list-job .box-list-job ul .single-job:hover .more {
  opacity: 1;
}
.container-list-job .box-list-job ul .single-job .title-job {
  margin-bottom: 5px;
}

.more {
  position: absolute;
  right: 0px;
  bottom: 0px;
  top: 0px;
  background-color: #29DB8F;
  border: none;
  padding: 10px;
  opacity: 0;
  transition: all 1s ease-out;
}
.more .icon-more {
  font-size: 25px;
}
.more .icon-more::before {
  transform: rotate(-90deg);
}

.container-jobs {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
@media (max-width: 576px) {
  .container-jobs {
    flex-direction: column;
    height: auto;
  }
}
.container-jobs .middle-job {
  min-width: 50%;
  width: 50%;
  height: 100%;
}
@media (max-width: 576px) {
  .container-jobs .middle-job {
    width: 100%;
    min-width: 100%;
  }
}

.modal-footer {
  border-top: none;
}

.before-line {
  display: flex;
  flex-direction: revert;
  align-items: center;
  margin: 30px 0;
}
.before-line::before {
  content: "";
  width: 30px;
  height: 2px;
  background-color: #29DB8F;
  display: inline-block;
  margin-right: 20px;
}

.action-apply .submit {
  margin: 30px 0 30px 0;
}