@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
/************************** 
* Footer
***************************/
.site-header {
  padding: 36px 0 11px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
  transition: transform 0.4s;
  min-height: 80px; }
  .site-header .wrapper-menu .container {
    position: relative;
    max-width: 95%; }
  .site-header .menu-header {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .site-header .menu-header .logo-menu {
      display: flex;
      align-items: center;
      margin-right: 30px; }
      .site-header .menu-header .logo-menu .logo {
        max-width: 178px; }
        .site-header .menu-header .logo-menu .logo img {
          width: 100%; }
  .site-header #menuToggle input {
    display: none; }
  .site-header .logo-menu-mobile {
    display: none;
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1); }
    .site-header .box-tools{
      position: absolute;
      right: 0;
      top: -36px;
      display: flex;
      width: 196px;
      z-index: 10;
      justify-content: space-between;
    }
    .site-header .switch-lng {
      height: 30px;
      width: 34px;
      position: relative;
      overflow: hidden;
    }
    .site-header .switch-lng :before{
      content:"";
      position:absolute;
      top:0;
      left:0;
      display: block;
      width:100%;
      height: 6px;
      background:#FFE133;
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px;
    }
    
    .site-header .switch-lng.active{
        overflow: visible;
    }
    .site-header .switch-lng ul li.current-lang {
      top: 0;
    }
    .site-header .switch-lng ul li {
      height: 30px;
      width: 34px;
      display: flex;
      align-items: center;
      position: absolute;
      top: 30px;
      left: 0;
    }
    .site-header .switch-lng ul li a {
      text-decoration: none;
      color: #fff;
      display: block;
      font-size: 14px;
      font-weight: 500;
      height: 30px;
      line-height: 40px;
      width: 30px;
      text-align: center;
    }
    .site-header .switch-lng ul.active {
      height: auto;
    }
    .site-header .switch-lng.active ul li{
      background-color: #FFE133;
      padding-bottom: 10px;
    }
    .site-header .switch-lng.active ul li a{
      color: #000 !important;
    }
    .site-header .all-project{
      font-size: 14px;
      color:#fff;
      text-decoration: none;
      position: relative;
      padding-top: 15px;
      font-weight: 500;
    }
    .site-header .all-project:before{
      content:"";
      position:absolute;
      top:0;
      left:0;
      display: block;
      width:100%;
      height: 6px;
      background:#FFE133;
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px;
    }
    .site-header .all-project:hover{
      color: #FFE133;
    }
.scroll-down .site-header {
  transform: translate3d(0, -100px, 0); }

.scroll-up .site-header {
  transform: none; }

.links-phone {
  margin-right: 169px; }
  .links-phone .phone {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffe133;
    padding: 11px 32px;
    padding-left: 30px;
    border-radius: 50px;
    text-decoration: none;
    margin-top: -9px;
    transition: all 0.3s; }
    .links-phone .phone a {
      font-weight: 600;
      font-size: 18px;
      color: #000000;
      margin-left: 18px;
      transition: all 0.3s; }
  .links-phone:hover .phone {
    opacity: 0.7;
    transition: all 0.3s; }
    /*
    .links-phone:hover .phone a {
      color: #ffe133;
      transition: all 0.3s; }
      */
    .links-phone:hover .phone svg .cls-1 {
      fill: #ffe133; }

.logo-darna {
  position: absolute;
  top: 14px;
  right: 9px; }
  .logo-darna .logo {
    max-width: 111px; }
    .logo-darna .logo img {
      width: 100%; }

#menu {
  padding-left: 39px;
  display: flex;
  margin-top: -7px; }
  #menu li {
    padding: 0 12px;
    padding-right: 18px; }
    #menu li a {
      font-size: 15px;
      font-weight: 600;
      text-transform: capitalize;
      color: #fff;
      transition: all 0.3s;
      text-decoration: none;
      letter-spacing: 0.8px; }
      #menu li a:hover {
        color: #ffe133; }

/************************** 
* Media Query
***************************/
@media only screen and (max-width: 1200px) {
    /************************** 
*  navbar menu
***************************/
  .site-header #menuToggle {
    display: block;
    position: absolute;
    right: 15px;
    left: inherit;
    top: 20px; }
  .site-header .links-phone {
    display: none; }
  .site-header .logo-darna {
    display: none; }

  #menu {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    padding: 30px;
    padding-top: 125px;
    height: 100%;
    background: #351c48;
    list-style-type: none;
    -webkit-font-smoothing: antialiased;
    flex-direction: column;
    transform-origin: 0% 0%;
    transform: translate(-100%, -1%);
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1); }
    #menu li {
      padding: 20px 0;
      font-size: 22px;
      border-bottom: 1px solid #523469; }
      #menu li a {
        text-decoration: none;
        color: #fff;
        transition: color 0.3s ease;
        font-size: 21px;
        font-weight: 500;
        text-transform: uppercase; }

  #menuToggle span {
    display: block;
    width: 50px;
    height: 3px;
    margin-bottom: 5px;
    position: relative;
    background: #fff;
    border-radius: 3px;
    z-index: 1;
    transform-origin: 16px 0px;
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease; }

  .site-header.open-menu {
    transform: none; }
    .site-header.open-menu .logo-menu-mobile {
      display: block;
      position: fixed;
      left: 20px;
      top: 36px;
      z-index: 9;
      max-width: 178px; }
      .site-header.open-menu .logo-menu-mobile img {
        width: 100%; }
    .site-header.open-menu ul#menu {
      transform: translate(0%, 1%); }
    .site-header.open-menu .li-1 {
      opacity: 1;
      transform: rotate(45deg) translate(3px, -1px); }
    .site-header.open-menu .li-2 {
      opacity: 0; }
    .site-header.open-menu .li-3 {
      transform: rotate(-45deg) translate(0, -1px); } }
/************************** 
* Banner home
***************************/
.banner-home {
  width: 100%;
  height: 100vh; }
  .banner-home:before {
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    background: rgba(0, 0, 0, 0.2);
    position: absolute; }
  .banner-home .banner-home-content {
    z-index: 9;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    position: relative;
    max-width: 100%;
    display: flex; }
    .banner-home .banner-home-content .banner-home-title {
      max-width: 62%;
      position: absolute;
      bottom: 96px;
      left: 142px;
      font-size: 47px;
      font-weight: 600;
      line-height: 58px;
      color: #ffffff;
      letter-spacing: 2px;
      z-index: 2; }
    .banner-home .banner-home-content:after {
      content: "";
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
      position: absolute;
      z-index: 1; }
  .banner-home .swiper {
    width: 100%;
    height: 100%; }
  .banner-home .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .banner-home .icon-banner-home {
    position: absolute;
    bottom: 98px;
    right: 93px;
    width: 208px;
    z-index: 2; }
    .banner-home .icon-banner-home img {
      width: 100%;
      height: 100%; }

.call-action-btn {
  display: initial;
  background: #ffe133;
  position: fixed;
  top: 45%;
  padding: 10px 20px;
  border-top-right-radius: 30px;
  border-top-left-radius: 30px;
  transform: rotate(-90deg);
  right: -62px;
  z-index: 2; }
  .call-action-btn a {
    color: #000000; }
  .call-action-btn span {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 600; }
    .call-action-btn span img {
      margin-left: 10px;
      width: auto;
      transform: rotate(80deg); }

/************************** 
* Media Query
***************************/
@media only screen and (max-width: 1200px) {
  /************************** 
  * Banner home
  ***************************/
  .banner-home {
    height: 100vh; }
    .banner-home .banner-home-content {
      display: flex;
      align-items: center; }
      .banner-home .banner-home-content .banner-home-title {
        max-width: 100%;
        bottom: auto;
        top: auto;
        left: 0;
        font-size: 32px;
        padding-left: 15px;
        padding-right: 15px;
        text-align: center; }

  .icon-banner-home {
    display: none; }

  .call-action-btn {
    display: none; } }
@media only screen and (max-width: 768px) {
    /************************** 
* Banner home
***************************/
  .banner-home .banner-home-content {
    display: flex;
    align-items: center; }
    .banner-home .banner-home-content .banner-home-title {
      max-width: 100%;
      bottom: auto;
      top: auto;
      left: 0;
      font-size: 32px;
      line-height: 50px;
      padding-left: 15px;
      padding-right: 15px; }

  .icon-banner-home {
    display: none; } }
/************************** 
* Into home
***************************/
.into-home {
  padding-top: 94px;
  padding-bottom: 199px;
  background-color: #351c48; }
  .into-home .into-home-content {
    display: flex;
    margin-bottom: 65px; }
    .into-home .into-home-content .col-into-home-content {
      width: 50%; }
  .into-home .intro-section {
    margin-bottom: 85px; }
    .into-home .intro-section h2 {
      font-size: 30px;
      color: #fff;
      font-weight: 600;
      display: flex;
      align-items: center; }
      .into-home .intro-section h2 img {
        margin-right: 19px; }
  .into-home .content-into-home-left img {
    margin-top: 14px; }
  .into-home .text-into-home {
    max-width: 500px;
    float: right; }
    .into-home .text-into-home p {
      font-weight: 400;
      color: #ffffff;
      font-family: "Roboto", sans-serif;
      font-size: 22px;
      line-height: 38px;
      margin-bottom: 38px;
      letter-spacing: 0.4px; }
      .into-home .text-into-home p strong {
        background-color: #ffe133;
        color: #000;
        font-weight: normal;
        font-family: "Roboto", sans-serif; }
      .into-home .text-into-home p:last-child {
        margin-bottom: 0; }
    .into-home .text-into-home h2:after {
      content: url(../../images/1.png);
      display: inline-block;
      position: absolute;
      top: -42px; }
  .into-home .title-into-home {
    color: #ffdd3a;
    margin-top: 14px;
    position: relative;
    text-align: right;
    font-size: 41px;
    margin-right: 112px;
    letter-spacing: 0.7px;
    display: initial;
    float: right; }
    .into-home .title-into-home img {
      position: absolute;
      top: -40px;
      right: -89px; }

/************************** 
* Media Query
***************************/
@media only screen and (max-width: 1200px) {
    /************************** 
* Into home
***************************/
  .into-home {
    padding: 50px 15px;
    position: relative; }
    .into-home .intro-section {
      margin-bottom: 50px; }
    .into-home .into-home-content {
      flex-direction: inherit;
      align-items: flex-start;
      margin-bottom: 39px; }
      .into-home .into-home-content .col-into-home-content {
        width: 100%; }
        .into-home .into-home-content .col-into-home-content .content-into-home-left img {
          max-width: 82%;
          position: initial; }
    .into-home .text-into-home {
      max-width: 100%;
      float: left; }
      .into-home .text-into-home p {
        font-size: 16px;
        margin-bottom: 20px; }
    .into-home .title-into-home {
      text-align: center;
      font-size: 20px;
      display: flex;
      align-items: center;
      justify-content: center; }
      .into-home .title-into-home img {
        top: 0;
        right: 0;
        position: initial;
        width: 37px;
        margin-left: 25px; } }
@media only screen and (max-width: 768px) {
    /************************** 
* Into home
***************************/
  .into-home {
    padding: 50px 15px;
    position: relative; }
    .into-home .intro-section {
      margin-bottom: 50px; }
    .into-home .into-home-content {
      flex-direction: column;
      align-items: flex-start; }
      .into-home .into-home-content .col-into-home-content {
        width: 100%; }
        .into-home .into-home-content .col-into-home-content .content-into-home-left img {
          max-width: 19%;
          margin-bottom: 30px;
          position: absolute;
          top: 8px;
          right: 15px; }
    .into-home .text-into-home {
      max-width: 100%;
      float: left; }
      .into-home .text-into-home p {
        font-size: 16px;
        margin-bottom: 20px; }
    .into-home .title-into-home {
      text-align: center;
      font-size: 20px;
      display: flex;
      align-items: center;
      justify-content: center; }
      .into-home .title-into-home img {
        top: 0;
        right: 0;
        position: initial;
        width: 37px;
        margin-left: 25px; } }
/************************** 
* maps
***************************/
.maps {
  position: relative;
  padding-bottom: 99px; }
  .maps .intro-section {
    margin-bottom: 85px;
    display: flex;
    justify-content: space-between; }
    .maps .intro-section h2 {
      font-size: 30px;
      color: #fff;
      font-weight: 600;
      display: flex;
      align-items: center; }
      .maps .intro-section h2 img {
        margin-right: 13px; }
  .maps .maps-img {
    height: 692px;
    padding-top: 58px;
    background-size: cover !important;
    background-repeat: no-repeat !important; }
    .maps .maps-img img {
      width: 100%;
      height: 100%; }
  .maps .content-maps {
    min-height: 444px;
    background: #f7b547;
    padding: 60px 48px;
    padding-left: 97px;
    margin-top: -50px;
    z-index: 1;
    position: relative; }
    .maps .content-maps .intro-section {
      margin-bottom: 30px;
      position: relative; }
      .maps .content-maps .intro-section h2 {
        font-size: 41px;
        color: #000000; }
      .maps .content-maps .intro-section img {
        position: absolute;
        top: 9px;
        right: 135px; }
  .maps .btm-maps {
    display: flex;
    padding-top: 40px; }
    .maps .btm-maps .text-maps {
      width: 50%;
      padding-right: 65px; }
      .maps .btm-maps .text-maps p {
        font-weight: 400;
        color: #000000;
        font-family: "Roboto", sans-serif;
        font-size: 18px;
        line-height: 24px; }
      .maps .btm-maps .text-maps:nth-child(02) p {
        padding-left: 33px; }
        .maps .btm-maps .text-maps a{
           display: inline-block;
            font-size: 14px;
            color: #fff;
            background: #351C48;
            border-radius: 20px;
            padding: 13px 40px;
            transition: all 0.3s;
            margin-left: 35px;
            margin-top: 35px;
        }
        .maps .btm-maps .text-maps a:hover{
          background: #000;
        }
    .maps .btm-maps .btm-maps-img {
      position: absolute;
      top: -67px;
      left: -58px;
      max-width: 187px; }
      .maps .btm-maps .btm-maps-img img {
        width: 100%; }

/************************** 
* Media Query
***************************/
@media only screen and (max-width: 1200px) {
    /************************** 
* maps
***************************/
  .maps {
    padding-bottom: 50px; }
    .maps .intro-section h2 {
      font-size: 26px;
      margin-bottom: 0; }
    .maps .intro-section img {
      display: initial; }
    .maps .container {
      padding-left: 15px;
      padding-right: 15px; }
    .maps .maps-img {
      height: 300px; }
    .maps .content-maps {
      min-height: auto;
      padding: 60px 20px 40px 20px;
      border-radius: 10px; }
    .maps .btm-maps {
      flex-direction: column;
      align-items: flex-start; }
      .maps .btm-maps .btm-maps-img {
        display: none; }
      .maps .btm-maps .text-maps {
        margin-bottom: 20px;
        width: 100%;
        padding-right: 0; }
        .maps .btm-maps .text-maps:nth-child(02) p {
          padding-left: 0px; }
        .maps .btm-maps .text-maps:nth-child(02) {
          margin-bottom: 0; } }
@media only screen and (max-width: 768px) {
    /************************** 
* maps
***************************/
  .maps .intro-section h2 {
    font-size: 26px;
    margin-bottom: 0; }
  .maps .intro-section img {
    display: none; }
  .maps .container {
    padding-left: 15px;
    padding-right: 15px; }
  .maps .maps-img {
    height: 300px; }
  .maps .content-maps {
    min-height: auto;
    padding: 60px 20px 40px 20px;
    border-radius: 10px; }
  .maps .btm-maps {
    flex-direction: column;
    align-items: flex-start; }
    .maps .btm-maps .btm-maps-img {
      display: none; }
    .maps .btm-maps .text-maps {
      margin-bottom: 20px;
      width: 100%;
      padding-right: 0; }
      .maps .btm-maps .text-maps:nth-child(02) p {
        padding-left: 0px; }
      .maps .btm-maps .text-maps:nth-child(02) {
        margin-bottom: 0; } }
/************************** 
* Produit
***************************/
.produit {
  width: 100%;
  height: 800px;
  position: relative; }
  .produit .container {
    padding-top: 82px;
    padding-bottom: 45px;
    position: relative; }
  .produit .img-cnt {
    height: 100%;
    width: 100%;
    left: 0;
    position: absolute; }
  .produit .img-1 {
    position: absolute;
    top: 181px;
    right: 68px; }
  .produit .img-2 {
    position: absolute;
    top: 189px;
    left: 32%; }
  .produit .intro-section h2 {
    font-size: 30px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 30px;
    display: flex;
    align-items: center; }
    .produit .intro-section h2 img {
      margin-right: 19px; }

.item-produit {
  z-index: 2;
  margin-top: -150px;
  position: relative;
  margin-bottom: 100px; }
  .item-produit .all-items {
    display: flex;
    justify-content: space-between; }
  .item-produit .items {
    max-width: 380px;
    min-height: 300px;
    width: 380px;
    text-align: center;
    padding: 30px;
    padding-top: 20px;
    transition: all 0.3s; }
    .item-produit .items .img {
      height: 100px;
      width: 100px;
      line-height: 100px;
      margin: 0 auto;
      margin-bottom: 5px;
      align-items: center;
      justify-content: center;
      display: flex; }
    .item-produit .items h4 {
      font-size: 30px;
      color: #ffffff;
      font-weight: 600;
      margin-bottom: 40px; }
    .item-produit .items a {
      font-size: 12px;
      color: #000000;
      padding: 13px 38px;
      display: inline-block;
      background-color: #f1ea55;
      border-radius: 50px;
      transition: all 0.3s; }
    .item-produit .items:nth-child(01) {
      background-color: #0ea08f; }
    .item-produit .items:nth-child(02) {
      background-color: #1d74bc; }
    .item-produit .items:nth-child(03) {
      background-color: #ce5861; }
    .item-produit .items:hover a {
      background-color: #000000;
      color: #ffffff;
      transition: all 0.3s; }

/************************** 
* Media Query
***************************/
@media only screen and (max-width: 1200px) {
  /************************** 
  *  Produit
  ***************************/
  .produit {
    height: 300px; }
    .produit .container {
      padding-left: 15px;
      padding-right: 15px; }
    .produit .img-1 {
      top: 0px; }

  .item-produit {
    margin: 0;
    padding: 50px 0;
    margin-top: -150px; }
    .item-produit .container {
      padding-left: 15px;
      padding-right: 15px; }
    .item-produit .all-items {
      flex-direction: inherit; }
    .item-produit .items {
      min-height: auto;
      margin-bottom: 20px; } }
@media only screen and (max-width: 768px) {
  .item-produit {
    margin: 0;
    padding: 50px 0; }
    .item-produit .all-items {
      flex-direction: column;
      display: flex;
      align-items: center; }
    .item-produit .items {
      min-height: auto;
      margin-bottom: 20px; } }
@media only screen and (max-width: 480px) {
  .intro-section {
    padding-left: 0px;
    padding-right: 0px; } }
/************************** 
* A propos Section
***************************/
.apropos {
  padding-bottom: 102px; }
  .apropos .container .intro-section {
    margin-bottom: 98px; }
    .apropos .container .intro-section h2 {
      font-size: 30px;
      color: #000000;
      font-weight: 600;
      margin-bottom: 30px;
      display: flex;
      align-items: center; }
      .apropos .container .intro-section h2 img {
        margin-right: 19px; }
  .apropos .apropos-home-content {
    display: flex;
    margin-bottom: 84px;
    align-items: center; }
    .apropos .apropos-home-content .col-apropos-home-content {
      width: 50%; }
      .apropos .apropos-home-content .col-apropos-home-content img {
        margin-left: 70px;
        margin-top: 3px; }
      .apropos .apropos-home-content .col-apropos-home-content p {
        font-weight: 400;
        font-family: "Roboto", sans-serif;
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 24px; }
        .apropos .apropos-home-content .col-apropos-home-content p:last-child {
          margin-bottom: 0; }
          .apropos .apropos-home-content .col-apropos-home-content a{
            display: inline-block;
            font-size: 14px;
            color: #fff;
            background: #2BBAB5;
            border-radius: 20px;
            padding: 13px 40px;
            transition: all 0.3s;
          } 
          .apropos .apropos-home-content .col-apropos-home-content a:hover{
            background: #000;
          }
  .apropos .note {
    color: #1970b5;
    font-size: 41px;
    font-weight: 600; }
    .apropos .note strong {
      font-weight: 600;
      color: #2bbab5; }

/************************** 
* A propos page
***************************/
.a-propos {
  padding-top: 116px; }
  .a-propos .container {
    padding-left: 141px; }
  .a-propos h2 {
    color: #00b8ad;
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 15px;
    max-width: 78%;
    text-align: left; }
  .a-propos h4 {
    color: #2173b5;
    font-size: 30px;
    font-weight: 600;
    text-align: left;
    margin-bottom: 47px; }
  .a-propos p {
    font-family: "Roboto", sans-serif;
    font-size: 23px;
    font-weight: 400;
    margin-bottom: 42px;
    text-align: left;
    max-width: 84%;
    line-height: 38px; }
    .a-propos p:last-child {
      margin-bottom: 0; }

/************************** 
* A propos items
***************************/
.a-propos-items {
  padding-top: 79px;
  padding-bottom: 132px; }
  .a-propos-items .container {
    max-width: 1240px;
    padding-left: 0;
    padding-right: 0;
    padding-left: 107px; }
  .a-propos-items .items-apropos {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 52px; }
    .a-propos-items .items-apropos .item-apropos {
      margin-bottom: 63px;
      width: 271px;
      text-align: center; }
      .a-propos-items .items-apropos .item-apropos img {
        margin-bottom: 31px; }
      .a-propos-items .items-apropos .item-apropos p {
        text-align: center;
        font-size: 16px;
        margin-right: auto;
        padding-left: 43px;
        letter-spacing: 0.8px;
        line-height: 19px; }

/************************** 
* Media Query
***************************/
@media only screen and (max-width: 1200px) {
    /************************** 
* A propos
***************************/
  .apropos {
    padding: 50px 15px; }
    .apropos .container .intro-section {
      margin-bottom: 50px; }
    .apropos .apropos-home-content {
      flex-direction: inherit;
      margin-bottom: 20px; }
      .apropos .apropos-home-content .col-apropos-home-content {
        width: 100%;
        text-align: center; }
        .apropos .apropos-home-content .col-apropos-home-content img {
          margin-left: 0;
          margin-top: 0;
          margin-bottom: 30px;
          text-align: left; }
        .apropos .apropos-home-content .col-apropos-home-content p {
          font-size: 16px;
          margin-bottom: 20px;
          text-align: left; }
    .apropos .note {
      font-size: 28px;
      text-align: center; }

  .a-propos {
    padding: 50px 15px; }
    .a-propos .container {
      max-width: 100%;
      padding-left: 0; }
    .a-propos h2 {
      max-width: 100%; }
    .a-propos p {
      max-width: 100%;
      margin-bottom: 20px; }

  .a-propos-items {
    padding-bottom: 0; }
    .a-propos-items .container {
      padding-left: 0; }
    .a-propos-items .items-apropos .item-apropos {
      width: 50%; }
      .a-propos-items .items-apropos .item-apropos p {
        padding-left: 0; }

  .typologie-swiper .typologie-content .intro-section {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 50px; }
  .typologie-swiper .swiper .swiper-wrapper {
    height: 500px; }
  .typologie-swiper .swiper-slide-content {
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px; }
    .typologie-swiper .swiper-slide-content .col-swiper-slide-content {
      width: 100%; }
      .typologie-swiper .swiper-slide-content .col-swiper-slide-content .text {
        margin-top: 20px; } }
@media only screen and (max-width: 768px) {
    /************************** 
*  A propos
***************************/
  .apropos {
    padding: 50px 15px; }
    .apropos .container .intro-section {
      margin-bottom: 50px; }
    .apropos .apropos-home-content {
      flex-direction: column;
      align-items: flex-start;
      margin-bottom: 39px;
      margin-bottom: 20px; }
      .apropos .apropos-home-content .col-apropos-home-content {
        width: 100%;
        text-align: center; }
        .apropos .apropos-home-content .col-apropos-home-content img {
          margin-left: 0;
          margin-top: 0;
          margin-bottom: 30px;
          text-align: left; }
        .apropos .apropos-home-content .col-apropos-home-content p {
          font-size: 16px;
          margin-bottom: 20px;
          text-align: left; }
    .apropos .note {
      font-size: 28px; } }
/************************** 
*contact
***************************/
.contact-v {
  padding-top: 88px;
  padding-bottom: 108px;
  background-color: #f7b547; }
  .contact-v .contact-content {
    display: flex; }
    .contact-v .contact-content .col-contact-content:nth-child(01) {
      width: 35.5%; }
      .contact-v .contact-content .col-contact-content:nth-child(02) {
        width: 64.5%; }
        .contact-v .contact-content .col-contact-content:nth-child(02) *{
          width: 100% !important;
          max-width: 100% !important;
        }
    .contact-v .contact-content .col-contact-content h4 {
      font-size: 30px;
      font-weight: 600;
      color: #000000;
      margin-top: 36px;
      margin-bottom: 28px; }
    .contact-v .contact-content .col-contact-content p {
      color: #000000;
      font-size: 20px;
      font-family: "Helvetica 65 Medium", sans-serif;
      font-weight: 400;
      line-height: 29px;
      margin-bottom: 34px;
      max-width: 64%; }
    .contact-v .contact-content .col-contact-content .phone {
      display: flex; }
      .contact-v .contact-content .col-contact-content .phone img {
        color: #000000;
        margin-right: 17px;
        margin-top: 0; }
      .contact-v .contact-content .col-contact-content .phone a {
        color: #000000;
        font-size: 20px;
        font-weight: 600;
        letter-spacing: 1px; }
    .contact-v .contact-content .col-contact-content img {
      margin-top: 23px; }

/************************** 
* Media Query
***************************/
@media only screen and (max-width: 1200px) {
  .contact-v {
    padding: 50px 15px; }
    .contact-v .container {
      max-width: 100%; }
    .contact-v .contact-content {
      flex-direction: column;
      align-items: flex-start; }
      .contact-v .contact-content .col-contact-content:nth-child(01),
      .contact-v .contact-content .col-contact-content:nth-child(02) {
        width: 100%;
        margin-bottom: 30px; }
      .contact-v .contact-content .col-contact-content h4 {
        margin-top: 0; }
      .contact-v .contact-content .col-contact-content p {
        max-width: 100%; }
      .contact-v .contact-content .col-contact-content iframe {
        width: 100%; } }
/************************** 
*  suivi-chantier-dossiers
***************************/
.suivi-item {
  padding-top: 100px;
  padding-bottom: 65px; }
  .suivi-item .suivi-items {
    display: flex;
    flex-wrap: wrap; }
    .suivi-item .suivi-items .col-suivi-items {
      flex: 413px;
      margin-bottom: 51px; }
      .suivi-item .suivi-items .col-suivi-items .item-img {
        margin-bottom: 13px;
        padding: 10px; }
        .suivi-item .suivi-items .col-suivi-items .item-img img {
          width: 100%; }
      .suivi-item .suivi-items .col-suivi-items h4 {
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 7px; }
        .suivi-item .suivi-items .col-suivi-items h4 a {
          color: #351c48; }
      .suivi-item .suivi-items .col-suivi-items .date {
        font-size: 16px;
        font-weight: 400;
        margin-bottom: 9px; }
      .suivi-item .suivi-items .col-suivi-items .number {
        font-size: 16px;
        font-weight: 400; }

/************************** 
*Suivi chantier détail liste
***************************/
.detail-chantier {
  padding-top: 51px;
  padding-bottom: 50px; }
  .detail-chantier .topnavigation {
    margin-bottom: 47px; }
    .detail-chantier .topnavigation ul {
      display: inline-block; }
      .detail-chantier .topnavigation ul li {
        align-items: center;
        display: flex;
        float: left;
        margin-right: 32px;
        font-size: 12px;
        font-weight: 600; }
        .detail-chantier .topnavigation ul li img {
          margin-right: 9px; }

.chantier-items {
  display: flex;
  flex-wrap: wrap;
  align-items: center; }
  .chantier-items .item {
    flex: 33.33%;
    margin-bottom: 48px;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 10px; }
    .chantier-items .item a {
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center; }
    .chantier-items .item img {
      max-width: 100%;
      max-height: 100%; }
    .chantier-items .item:nth-child(02) {
      text-align: center; }
    .chantier-items .item:nth-child(03) {
      text-align: center; }
    .chantier-items .item:nth-child(05) {
      text-align: center; }
    .chantier-items .item:nth-child(08) {
      text-align: center; }
    .chantier-items .item:nth-child(09) {
      text-align: center; }

@media only screen and (max-width: 1200px) {
  .detail-chantier .topnavigation {
    display: flex;
    justify-content: center; }
  .detail-chantier .chantier-items {
    padding-left: 15px;
    padding-right: 15px; }
    .detail-chantier .chantier-items .item {
      flex: 33% !important;
      padding: 20px;
      text-align: center; }

  .suivi-item {
    padding: 50px 5px;
    padding-bottom: 0; }
    .suivi-item .suivi-items .col-suivi-items {
      flex: 50%;
      margin-bottom: 51px; } }
@media only screen and (max-width: 768px) {

  .site-header .menu-header .logo-menu{
    padding-left: 20px;
  }
  .detail-chantier .chantier-items .item {
    flex: 50% !important; } }
@media only screen and (max-width: 480px) {
  .suivi-item .suivi-items .col-suivi-items {
    flex: 100%; } }
/************************** 
* Footer
***************************/
.footer {
  background-color: #351c48;
  display: flex;
  align-items: center; 
  padding-top: 100px;
  padding-bottom: 100px;
}
  .footer .container {
    position: relative; }
  .footer .footer-items {
    display: flex;
    position: relative;
    flex-wrap: wrap;
  }
    .footer .row-footer-logo{
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: flex-start;
    }
    .footer .row-footer-logo .link-brochure{
      width: 419px;
      border: 1px solid #FFE133;
      border-radius: 25px;
      padding: 15px 30px;
      font-size: 20px;
      font-weight: 500;
      position: relative;
      color: #fff;
    }
    .mfp-close-btn-in .mfp-close {
      color: #fff;
    }
    .mfp-bg{
      background-color: #0EA08F;
      opacity: 0.5;
    }
    .footer .row-footer-logo .link-brochure:hover{
      background-color: #FFE133;
      color: #000;
    }
    .footer .row-footer-logo .link-brochure:after{
      content: "";
      display: block;
      position: absolute;
      top: 0;
      right: -1px;
      width: 80px;
      height: 50px;
      border-radius: 25px;
      background: url(../../images/icon-brochure.png) center center no-repeat #FFE133;
    }
    .footer .row-footer-logo .col-footer-map{
      padding-top: 90px;
      width: 50%;
      display: flex;
      flex-wrap: wrap;
    }
    .footer .row-footer-logo .col-footer-map .item-col-footer{
      width: 50%;
      padding-right: 40px;
    }
    .footer .row-footer-logo .col-footer-map .item-col-footer.adresse p{
      font-size: 17px;
      line-height: 24px;
    }
    .footer .row-footer-logo .col-footer-contact{
      padding-top: 90px;
      width: 50%;
    }
    .footer .row-footer-logo .col-tel{
      width: 100%;
    }
    .footer .row-footer-logo .col-map{
      width: 100%;
      padding-right: 40px;
    }
    

    .footer .footer-items .footer-item {
      position: relative; }
      .footer .footer-items .footer-item .logo-footer {
        width: 100%;
        max-width: 178px; }
      .footer .footer-items .footer-item .icons-footer {
        width: auto;
        margin-top: 69px; }
        .footer .footer-items .footer-item .icons-footer img {
          margin-left: 23px; }
      .footer .footer-items .footer-item h4 {
        font-size: 16px;
        font-weight: 600;
        color: #fff;
        margin-top: 36px;
        margin-bottom: 28px; }
      .footer .footer-items .footer-item p {
        color: #ffffff;
        font-size: 20px;
        font-family: "Helvetica 65 Medium", sans-serif;
        font-weight: 400;
        line-height: 29px;
        margin-bottom: 34px; }
      .footer .footer-items .footer-item .phone {
        display: flex; }
        .footer .footer-items .footer-item .phone img {
          color: #fff;
          margin-right: 17px; }
        .footer .footer-items .footer-item .phone a {
          color: #FFE133;
          font-size: 20px;
          font-weight: 600;
          letter-spacing: 1px; }
      .footer .footer-items .footer-item.forms-contact .form-ft {
        max-width: 570px;
        margin-left: auto;
        margin-right: 0; }
        .footer .footer-items .footer-item.forms-contact .form-ft h4 {
          font-size: 20px;
          margin-bottom: 27px; }
        .footer .footer-items .footer-item.forms-contact .form-ft .form-group {
          margin-bottom: 20px; }
      .footer .footer-items .footer-item.forms-contact .form-control {
        border-radius: 0;
        background: transparent;
        border-top: transparent;
        border-left: transparent;
        border-right: transparent;
        padding-left: 0;
        font-size: 16px;
        color: #ffffff;
        font-weight: 400;
        border-color: #ffffff;
        padding-bottom: 15px; }
        .footer .footer-items .footer-item.forms-contact .form-control:focus,
        .form input[type="text"]:focus, .form input[type="email"]:focus {
          border-color: #ffffff;
          box-shadow: none; }
        .footer .footer-items .footer-item.forms-contact .form-control::placeholder,
        .footer .footer-items .footer-item.forms-contact textarea::placeholder,
        .form input[type="text"]::placeholder, .form input[type="email"]::placeholder {
          color: #ffffff; }
        .footer .footer-items .footer-item.forms-contact .form-control ::-webkit-input-placeholder,
        .footer .footer-items .footer-item.forms-contact textarea::-webkit-input-placeholder,
        .form input[type="text"]::placeholder, .form input[type="email"]::placeholder {
          color: #ffffff; }
          .row-action{
            position: relative;
          }
          .row-action .wpcf7-spinner{
            position: absolute;
            left: 0;
            top: 5px;
          }
      .footer .footer-items .footer-item.forms-contact textarea {
        width: 100%;
        background-color: transparent;
        border-top: transparent;
        border-left: transparent;
        border-right: transparent;
        border-color: #fff;
        color: #fff;
        padding-bottom: 12px;
        max-height: 85px;
        outline: 0;
        resize: none; }
      .footer .footer-items .footer-item.forms-contact input[type="submit"] {
        float: right;
        border-radius: 50px;
        padding: 6px 37px;
        background-color: #f1ea55;
        border-color: #f1ea55;
        color: #000000;
        font-weight: 600;
        text-transform: uppercase;
        font-size: 14px;
        margin-top: 18px; }
        .footer .footer-items .footer-item.forms-contact input[type="submit"]:hover {
          background-color: #000000;
          border-color: #000000;
          color: #ffffff; }
      .footer .footer-items .footer-item .logo-form {
        max-width: 150px;
        position: absolute;
        right: 0;
        top: -15px; }
        .footer .footer-items .footer-item .logo-form img {
          width: 100%; }
  .footer .copyright {
    color: #fff;
    margin-top: -32px;
    display: inline-block;
    position: absolute;
    bottom: 0; }

/************************** 
* Media Query
***************************/
@media only screen and (max-width: 1200px) {
    /************************** 
* footer
***************************/
  .footer {
    height: 100%;
    padding: 50px 15px; }
    .footer .footer-items {
      flex-direction: inherit;
      margin-bottom: 20px; }
      .footer .footer-items .footer-item .footer-item.forms-contact form {
        max-width: 100%; }
      .footer .footer-items .footer-item .icons-footer {
        display: inherit; }
    .footer .copyright {
      position: inherit;
      text-align: center;
      width: 100%;
      margin-top: 20px; } }
@media only screen and (max-width: 768px) {
  /************************** 
  * footer
  ***************************/
  .footer {
    height: 100%;
    padding: 50px 15px; }
    .footer .footer-items {
      flex-direction: column;
      align-items: flex-start;
      margin-bottom: 20px; }
      .footer .footer-items .footer-item:nth-child(01), .footer .footer-items .footer-item:nth-child(02), .footer .footer-items .footer-item:nth-child(03) {
        width: 100% !important; }
      .footer .footer-items .footer-item.forms-contact form {
        max-width: 100%; }
      .footer .footer-items .footer-item .icons-footer {
        display: none; }
    .footer .copyright {
      position: inherit;
      text-align: center;
      width: 100%;
      margin-top: 20px; } }
/************************** 
* Title Header
***************************/
.title-header {
  padding-top: 152px;
  padding-bottom: 42px;
  text-align: center;
  background: #351c48; }
  .title-header .intro-section {
    position: relative; }
    .title-header .intro-section h1 {
      font-size: 40px;
      color: #ffffff; }
      .title-header .intro-section h1 img {
        margin-right: 16px; }
      .title-header .intro-section h1 .retour_link a {
        font-size: 16px;
        color: #ffe133;
        font-weight: 500; }
    .title-header .intro-section .retour_link {
      left: 112px;
      position: absolute;
      top: 20px; }
      .title-header .intro-section .retour_link a {
        color: #ffe133;
        font-size: 16px;
        font-weight: 500; }
      .title-header .intro-section .retour_link img {
        margin-right: 10px; }

/************************** 
* Header Style One
***************************/
.header-style-one {
  position: relative; }
  .header-style-one .content-header .img img {
    width: 100%;
    display: block;
    height: 100%; }
  .header-style-one .content-header .icons-header-style-one {
    position: absolute;
    top: 22.1%;
    right: 28.9%; }

/************************** 
* Link retour
***************************/
.link-retour {
  font-size: 31px;
  font-weight: 600;
  letter-spacing: 0.4px;
  color: #351c48;
  position: relative;
  margin-bottom: 118px;
  display: inline-block;
  transition: all 0.3s; }
  .link-retour:after {
    content: "";
    width: 100%;
    position: absolute;
    bottom: -18px;
    background-color: #351c48;
    height: 4px;
    max-width: 92%;
    left: 6px;
    right: auto;
    transition: all 0.3s; }
  .link-retour:hover {
    color: #00b8ad;
    transition: all 0.3s; }
    .link-retour:hover:after {
      background-color: #00b8ad;
      transition: all 0.3s; }

/************************** 
* Typologie swiper
***************************/
.typologie-swiper {
  background-color: #0ea08f;
  padding-top: 100px;
  padding-bottom: 103px;
  margin-bottom: 94px; }
  .typologie-swiper .container {
    max-width: 1240px;
    padding-left: 0;
    padding-right: 0; }
  .typologie-swiper .swiper .btn-open,
  .typologie-swiper .swiper .btn-close {
    position: absolute; }
  .typologie-swiper .swiper .btn-open {
    top: 29px;
    z-index: 9;
    right: 28px;
    cursor: pointer; }
  .typologie-swiper .swiper .btn-close {
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    align-items: center;
    justify-content: center;
    right: 0;
    z-index: 9;
    background: rgba(0, 0, 0, 0.8);
    cursor: pointer;
    display: none; }
  .typologie-swiper .swiper .swiper-wrapper {
    height: 854px;
    position: relative; }
    .typologie-swiper .swiper .swiper-wrapper .swiper-slide .swiper-slide-img {
      position: relative; }
    .typologie-swiper .swiper .swiper-wrapper .swiper-slide img {
      width: 100%;
      height: 100%; }
  .typologie-swiper .fullScreen .btn-close {
    display: flex; }
  .typologie-swiper .fullScreen .btn-open {
    display: none; }
  .typologie-swiper .typologie-content {
    margin-top: -277px; }
    .typologie-swiper .typologie-content .intro-section {
      margin-bottom: 30px; }
      .typologie-swiper .typologie-content .intro-section h2 {
        font-size: 40px;
        font-weight: 600; }
  .typologie-swiper .swiper-counter {
    width: 230px;
    height: 50px;
    line-height: 50px;
    position: absolute;
    bottom: 32px;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 9;
    text-align: center; }
  .typologie-swiper .swiper-button-prev,
  .typologie-swiper .swiper-button-next {
    width: 50px;
    height: 50px;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 50px; }
  .typologie-swiper .swiper-button-next:after,
  .typologie-swiper .swiper-rtl .swiper-button-prev:after {
    display: none !important; }
  .typologie-swiper .swiper-button-prev:after,
  .typologie-swiper .swiper-rtl .swiper-button-next:after {
    display: none !important; }
  .typologie-swiper .swiper-pagination {
    width: 71px;
    height: 31px;
    line-height: 30px;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 4px;
    color: #fff;
    left: 35%;
    font-size: 12px;
    bottom: 7px; }
  .typologie-swiper .swiper-pagination span {
    font-size: 12px;
    font-family: "Roboto", sans-serif;
    color: #ffffff; }
  .typologie-swiper .swiper-slide-content {
    display: flex;
    margin-top: 49px; }
    .typologie-swiper .swiper-slide-content .col-swiper-slide-content {
      width: 50%; }
      .typologie-swiper .swiper-slide-content .col-swiper-slide-content ul {
        margin-top: 5px; }
        .typologie-swiper .swiper-slide-content .col-swiper-slide-content ul li {
          margin-bottom: 11px; }
          .typologie-swiper .swiper-slide-content .col-swiper-slide-content ul li p {
            color: #fff;
            font-size: 18px;
            line-height: 28px;
            font-family: "Roboto", sans-serif;
            font-weight: 400; }
          .typologie-swiper .swiper-slide-content .col-swiper-slide-content ul li:last-child {
            margin-bottom: 0; }
      .typologie-swiper .swiper-slide-content .col-swiper-slide-content .text {
        font-size: 17px;
        color: #ffffff;
        font-family: "Roboto", sans-serif;
        margin-top: 0px;
        padding-left: 1px;
        line-height: 27px;
        letter-spacing: 0.5px;
        font-weight: 400; }

.typologie-content.fullScreen {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100vh;
  margin-top: 0;
  z-index: 9999999999999999999999;
  padding: 100px;
  padding-top: 30px;
  padding-bottom: 30px; }
  .typologie-content.fullScreen .container {
    max-width: 100%;
    padding: 0;
    height: 100%; }
  .typologie-content.fullScreen .intro-section {
    display: none; }
  .typologie-content.fullScreen:before {
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
    position: absolute; }
  .typologie-content.fullScreen .swiper-pointer-events {
    touch-action: pan-y;
    height: 100%; }
  .typologie-content.fullScreen .swiper-button-next,
  .typologie-content.fullScreen .swiper-rtl .swiper-button-prev {
    top: auto !important;
    bottom: 10%; }
  .typologie-content.fullScreen .swiper-button-prev,
  .typologie-content.fullScreen .swiper-rtl .swiper-button-next {
    top: auto !important;
    bottom: 10%; }
  .typologie-content.fullScreen .swiper-pagination.swiper-pagination-fraction.swiper-pagination-horizontal {
    top: auto !important;
    bottom: 12% !important; }

/************************** 
* Media Query
***************************/
@media only screen and (max-width: 1200px) {
  .header-style-one {
    height: 300px;
    max-height: 300px; }
    .header-style-one .content-header {
      height: 100%; }
      .header-style-one .content-header .img {
        height: 100%; }
      .header-style-one .content-header .icons-header-style-one {
        top: 0;
        right: 28.9%; } }
@media only screen and (max-width: 768px) {
  .title-header .intro-section .retour_link {
    position: inherit;
    margin-top: 20px;
    display: block;
    left: 0; }

  .typologie-swiper .typologie-content .intro-section {
    padding-left: 15px;
    padding-right: 15px; }
  .typologie-swiper .swiper .swiper-wrapper {
    height: 300px; }
  .typologie-swiper .swiper-slide-content {
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px; }
    .typologie-swiper .swiper-slide-content .col-swiper-slide-content {
      width: 100%; }
      .typologie-swiper .swiper-slide-content .col-swiper-slide-content .text {
        margin-top: 20px; } }
@font-face {
  font-family: "icomoon";
  src: url("../../fonts/icomoon.eot?l55v5d");
  src: url("../../fonts/icomoon.eot?l55v5d#iefix") format("embedded-opentype"), url("../../fonts/icomoon.ttf?l55v5d") format("truetype"), url("../../fonts/icomoon.woff?l55v5d") format("woff"), url("../../fonts/icomoon.svg?l55v5d#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block; }
[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-arrow-right:before {
  content: "\e902"; }

.icon-client:before {
  content: "\e903";
  color: #fff; }

.icon-contact:before {
  content: "\e904";
  color: #fff; }

.icon-fournisseur:before {
  content: "\e905";
  color: #fff; }

.icon-home:before {
  content: "\e906"; }

.icon-info-offre:before {
  content: "\e907"; }

.icon-infos:before {
  content: "\e908";
  color: #009ede; }

.icon-left:before {
  content: "\e909";
  color: #fff; }

.icon-moins:before {
  content: "\e90a";
  color: #009ede; }

.icon-plus:before {
  content: "\e90b";
  color: #009ede; }

.icon-pointer:before {
  content: "\e90c";
  color: #009ede; }

.icon-right:before {
  content: "\e90d";
  color: #fff; }

.icon-type-time:before {
  content: "\e90e"; }

.icon-icon-calander:before {
  content: "\e900"; }

.icon-icon-cheked:before {
  content: "\e901"; }

.icon-arrow-left2:before {
  content: "\ea40"; }

.icon-facebook:before {
  content: "\ea90"; }

.icon-instagram:before {
  content: "\ea92"; }

.icon-twitter:before {
  content: "\ea96"; }

.icon-linkedin2:before {
  content: "\eaca"; }

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #ffffff; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #ffffff; }

:-ms-input-placeholder {
  /* IE 10+ */
  color: #ffffff; }

:-moz-placeholder {
  /* Firefox 18- */
  color: #ffffff; }

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

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

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

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

.d-none {
  display: none; }

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block; }

body {
  line-height: 1; }

* {
  box-sizing: border-box;
  font-family: "Montserrat", sans-serif; }

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

.btn-primary.focus,
.btn-primary:focus {
  box-shadow: none; }

ol,
ul {
  list-style: none; }

blockquote,
q {
  quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

a {
  text-decoration: none; }

.container {
  max-width: 1240px;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  margin: 0 auto; }

@media (min-width: 768px) {
  .fslightbox-caption-inner {
    padding: 0;
    max-width: 90px; }
    .fslightbox-caption-inner img {
      width: 100%; } }


     .scroll-up .site-header{
        background: #351c48;
      }
      .wrmn{
        display:block
      }


    /* galerie image */
    .wraper-galerie{
      overflow: hidden;
      padding: 220px 0;
      width: 100%;
    }
    .wraper-galerie .items-galerie{
        max-width: 1192px;
        width: 100%;
        margin: 0 auto;
        position: relative;
    }
    .wraper-galerie .items-galerie .swiper-slide{
      width: 100%;
      padding-left: 100px;
      padding-right: 100px;
      cursor: url(../../images/icon-drag.png) 90 90, pointer;
    }
    .wraper-galerie .items-galerie .swiper-slide.swiper-slide-active{
      z-index: 99;
    }
    .wraper-galerie .items-galerie .swiper-slide.swiper-slide-active img{
      transform: scale(1.2);
    }
    .wraper-galerie .items-galerie .swiper-slide img{
      display: block;
      width: 100%;
      transition: all 0.4s;
    }
    .wraper-galerie  .swiper-button-next.swiper-button-disabled,.wraper-galerie .swiper-button-prev.swiper-button-disabled{
      opacity: 1;
    }
    .wraper-galerie .swiper-button-next:after,  .wraper-galerie .swiper-button-prev:after{
      color: #fff;
      font-size: 80px;
    }
    .wraper-galerie .swiper-button-prev, .swiper-rtl .swiper-button-next{
      left: 45px;
    }
    .wraper-galerie .swiper-button-next,.wraper-galerie .swiper-rtl .swiper-button-prev{
      right: 45px;
    }

    .form-modal{
      max-width:748px;
      width: 100%;
      margin: 0 auto;
      background: #351C48;
      border-radius: 20px;
      padding:50px 90px;
    }
    .form-modal h2{
      text-align: center;
      font-size: 30px;
      font-weight: 500;
      color: #FFE133;
      padding-bottom: 30px;
    }
    .form-modal p{
      text-align:center ;
      font-size: 17px;
      padding-bottom: 40px;
      color: #fff;
      line-height: 24px;
    }
    .form input[type="text"],
    .form input[type="email"]{
      border-radius: 0;
      background: transparent;
      border-top: transparent;
      border-left: transparent;
      border-right: transparent;
      padding-left: 0;
      font-size: 16px;
      color: #ffffff;
      font-weight: 400;
      border-color: #ffffff;
      padding-bottom: 15px;
      padding-top: 5px;
      width: 100%;
    }
    .form input[type="text"]:focus{
      outline: none;
    }
    .form select,
    .wpcf7 select{
      width: 100%;
      border: none;
      border-bottom: 1px solid #fff;
      font-size: 16px;
      color: #ffffff;
      font-weight: 400;
      padding-bottom: 15px;
      padding-top: 5px;
      background: none;

      overflow: hidden;
      overflow: -moz-hidden-unscrollable;
      /*background: url([IMAGE]) no-repeat right [BACKGROUND-COLOR];*/
      background: url(../../images/ico-select.svg) no-repeat right 35%;
      -webkit-appearance: none;
      -moz-appearance: none;
      border-radius: 0;
    }
    .form select:focus,
    .wpcf7 select:focus{
      outline: none;
    }
    .form select option,
    .wpcf7 select option
    {
      color: #000;
    }
    .form .row-action{
      text-align: center;
      justify-content: center;
    }
    .form input[type="submit"]{
      display: inline-block;
      border-radius: 50px;
      padding: 10px 37px;
      background-color: #f1ea55;
      border-color: #f1ea55;
      color: #000000;
      font-weight: 600;
      text-transform: uppercase;
      font-size: 14px;
      box-shadow: none;
border: 0;
    }
    .form .row-form,
    .wpcf7 .row-form{
      margin-bottom: 20px;
      display: flex;
      flex-wrap: wrap;
    }
    .form .row-form .col-form-1{
      width: 100%;
    }
    .form .row-form .col-form-2,
    .wpcf7 .col-form-2{
      width: 50%;
      padding-right: 13px;
    }
    .form .row-form .col-form-2:nth-child(2n),
    .wpcf7 .col-form-2:nth-child(2n){
      width: 50%;
      padding-right: 0;
      padding-left: 13px;
    }
    
    .rtl .footer .row-footer-logo .link-brochure::after {
      right: auto;
      left: -1px;
    }
    .rtl .footer .footer-items .footer-item.forms-contact .form-ft {
      margin-left: 0;
      margin-right: auto;
    }
    .rtl .wpcf7{
      direction: rtl;
    }
    body.rtl .footer .footer-items .footer-item .phone img,
    .rtl .contact-v .contact-content .col-contact-content .phone img {
      transform: rotate(-90deg);
      -webkit-transform: rotate(-90deg);
    }
    .rtl .contact-v .contact-content .col-contact-content .phone img{
      margin-right: 0;
      margin-left: 17px;
    }

    .destination-2 .wrap {
      margin-bottom: 0px;
    }
    /* page destination */
    .intro-destination{
      background: #F7B547;
      padding-top: 75px;
      padding-bottom: 75px;
    }
    .content-intro-destination{
      display: flex;
      padding-right: 140px;
    }
    .content-intro-destination .desc-intro{
      padding-right: 40px;
    }
    .content-intro-destination .desc-intro h2{
      font-size: 41px;
      color: #000000;
      font-weight: 500;
      padding-bottom: 30px;
      padding-right: 100px;
    }
    .rtl .content-intro-destination .desc-intro h2{
      padding-left: 100px;
      padding-right: 0;
    }
    .content-intro-destination .desc-intro p{
      font-family: "Roboto", sans-serif;
      font-size: 18px;
      line-height: 24px;
      padding-bottom: 20px;
    }
    .content-intro-destination .visu-intro img{
      display: block;
      width: 114px;
    }

    .quartier{
      padding-top: 100px;
      padding-bottom: 100px;
    }
    .quartier .head-quartier{
      display: flex;
      align-items: center;
      padding-right: 100px;
      padding-bottom: 75px;
    }
    .rtl .quartier .head-quartier{
      padding-right: 0;
      padding-left: 100px;
    }
    .quartier .head-quartier h2{
      color: #0EA08F;
      font-size: 41px;
    }
    .rtl .quartier .head-quartier h2 {
      padding-left: 100px;
    }

    .quartier .head-quartier img{
      width: 196px;
    }
    .quartier .content-quartier{
      display: flex;
      align-items: center;
    }
    .quartier .visu-quartier{
      width: 50%;
      position: relative;
    }
    .quartier .visu-quartier .ico-quartier{
      display: block;
      width: 72px;
      position: absolute;
      top: 50%;
      right: -36px;
      transform: translate(0,-50%);
    }

    .rtl .quartier .visu-quartier .ico-quartier{
      right: auto;
      left: -36px;
    }

    .quartier .visu-quartier img{
      display: block;
      width: 100%;
    }
    .quartier .text-quartier{
      width: 50%;
      padding-left: 100px;
    }
    .rtl .quartier .text-quartier{
      padding-right: 100px;
      padding-left: 0;
    }

    .quartier .text-quartier p{
      font-size: 18px;
      line-height: 22px;
      color: #000;
      font-family: "Roboto", sans-serif;
      padding-bottom: 20px;
    }
    .quartier .text-quartier p:last-child{
      padding-bottom: 0;
    }


    .projet{
      position: relative;
    }
    .projet img{
      display: block;
      width: 100%;
    }
    .projet .container{
      position: absolute;
      left: 50%;
      bottom: 100px;
      transform: translate(-50%,0);
      display: flex;
      justify-content: flex-end;
    }
    .projet .info-projet{
      background: #fff;
      width: 310px;
      padding: 35px;
    }
    .projet .info-projet .nbr-projet{
      display: flex;
      padding-bottom: 15px;
      justify-content: space-between;
      align-items: center;
    }
    .projet .info-projet .nbr-projet img{
      width: 96px;
    }
    .projet .info-projet .nbr-projet span{
      color: #F7B547;
      font-size: 100px;
      font-family: "Roboto", sans-serif;
      font-weight: 700;
    }
    .projet .text-info-projet{
      font-size: 18px;
      line-height: 22px;
      color: #000;
      font-family: "Roboto", sans-serif;
    }

    .wysiwyg-type-2 .container{
      position: relative;
    }
    .wysiwyg-type-2 h2{
      padding-right: 140px;
      margin-bottom: 50px;
    }
    .in-the-right{
      position: absolute;
      right: 200px;
      top: 20px;
      max-width: 120px;

    }
    .wysiwyg-type-2{
      margin-bottom: 100px;
    }
    .wpcf7-not-valid-tip {
      padding-top: 15px;
  }
  .rtl .site-header .box-tools {
    right: auto;
    left: 0;
  }
  .rtl .banner-home .banner-home-content .banner-home-title{
    letter-spacing: 1px;
  }
  .rtl .call-action-btn a {
    position: relative;
    top: 5px;
  }
  .rtl .into-home .intro-section h2 img {
    margin-right: 0;
    margin-left: 19px;
  }
  .rtl .maps .btm-maps .text-maps {
    padding-right: 0;
    padding-left: 65px;
  }
  body.rtl .maps .btm-maps {
    flex-direction: initial !important;
  }
  .rtl .wpcf7 .col-form-2 {
    padding-left: 13px;
    padding-right: 0px;
  }
  .rtl .wpcf7 .col-form-2:nth-child(2n) {
    padding-right: 13px;
    padding-left: 0px;
  }
  .rtl .footer .row-footer-logo .col-footer-map .item-col-footer,
  .rtl .footer .row-footer-logo .col-map {
    padding-left: 40px;
    padding-right: 0px;
  }
  
  .rtl .footer .footer-items .footer-item.forms-contact .form-control{
    text-align: right;
  }
  .rtl .footer .footer-items .footer-item.forms-contact input[type="submit"]{
    float: left;
  }
  .rtl .form input[type="text"], .rtl .form input[type="email"]{
    text-align: right;
  }
  .page-id-263 .wrap{
    margin-bottom: 0;
  }
  .rtl .wysiwyg-type-2 h2 {
    padding-left: 140px;
    padding-right: 0;
  }

  .rtl .in-the-right {
    left: 200px;
    right: auto;
    top: -30px;
  }
    @media only screen and (max-width: 1240px) {
      .content-intro-destination{
        padding-left: 30px;
        padding-right: 30px;
      }
      .content-intro-destination .desc-intro h2{
        font-size: 26px;
      }
      .quartier{
        padding-left: 30px;
        padding-right: 30px;
      }
      .quartier .head-quartier{
        padding-right: 0;
      }
      .quartier .head-quartier h2{
        font-size: 26px;
      }
    }
    @media only screen and (max-width: 768px) {
      .rtl .quartier .visu-quartier .ico-quartier,
      .wraper-galerie .swiper-button-next, .wraper-galerie .swiper-button-prev{
        display: none;
      }
      .wraper-galerie {
        overflow: hidden;
        padding: 50px 85px;
      }
      .wraper-galerie .items-galerie .swiper-slide {
        padding-left: 0;
        padding-right: 0;
      }
      
      .form-modal {
        padding: 50px 30px !important;
      }
      .quartier {
        padding-top: 50px;
        padding-bottom: 50px;
      }
      .rtl .quartier .text-quartier {
        padding-right: 0;
        padding-left: 0;
    }
    .wysiwyg-type-2 h2 {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
      .rtl .site-header .box-tools{
        width: 135px;
      }
      .rtl .maps .btm-maps .text-maps {
        padding-right: 0;
        padding-left: 0px;
      }
      body.rtl .maps .btm-maps {
        flex-direction: column !important;
      }
      .maps .content-maps .intro-section h2 {
        font-size: 26px !important;
        color: #000000;
      }
      .produit .intro-section h2 {
        padding-top: 40px;
    }
      .quartier,
      .content-intro-destination,
      .projet .info-projet {
        padding-left: 15px !important;
        padding-right: 15px !important;
      }
      .site-header .menu-header .logo-menu {
        padding-left: 0 !important;
      }
      .footer .footer-items .footer-item p {
        color: #ffffff;
        font-size: 16px;
      }
      .apropos .apropos-home-content .col-apropos-home-content img{
        max-width: 100%;
      }
      .container{
        padding: 0 15px !important;
      }
      .chantier-items .item{
        height: auto;
      }
      .footer .row-footer-logo .link-brochure{
        font-size: 14px;
      }
      .link-retour{
        margin-bottom: 40px;
      }
      .typologie-swiper .swiper-slide-content{
        display: none;
      }
      .typologie-swiper .typologie-content {
        margin-top: 0;
      }
      .typologie-swiper {
        background-color: #fff;
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: 80px;
        clear: both;
    }
      .footer .footer-items .footer-item .logo-form {
        max-width: 100px;
      }
      .item-produit {
        margin: 0;
        padding: 50px 0 0 !important;
      }
      .content-intro-destination .visu-intro,
      .quartier .head-quartier img {
        display: none !important;
      }
      .footer .row-footer-logo .col-footer-contact {
        padding-top: 20px !important;
        width: 100% !important;
      }
      .footer .row-footer-logo .col-footer-map {
        padding-top: 40px;
        width: 100%;
      }
      .footer .row-footer-logo .col-map {
        width: 100%;
        padding-right: 0 !important;
      }
      .footer .footer-items .footer-item .logo-footer {
        margin-bottom: 40px;
      }
      .into-home .title-into-home {
        float: none;
        margin: 0;
      }
      .maps .btm-maps {
        display: flex;
        padding-top: 0px;
      }
      .content-intro-destination .desc-intro h2{
        padding-right: 0;
      }
      .wysiwyg-type-2{
        margin-bottom: 30px;
      }
      .in-the-right{
        display: none;
      }
      .wysiwyg-type-2 h2{
        padding-right: 0px;
      }
      .content-intro-destination .desc-intro{
        padding-right: 0;
      }
      .quartier .content-quartier{
        flex-direction: column;
      }
      .quartier .visu-quartier{
        width: 100%;
        padding-bottom: 65px;
      }
      .quartier .head-quartier{
        flex-direction: column-reverse;
      }
      .quartier .text-quartier{
        width: 100%;
        padding-left: 0;
      }
      .quartier .visu-quartier .ico-quartier{
        top: inherit;
        right: inherit;
        transform: translate(-50%,0);
        bottom: 10px;
        left: 50%;
      }
      .projet .container{
        position: static;
        transform: inherit;
        justify-content: center;
      }

    }
    @media only screen and (max-width: 600px) {
      .content-intro-destination{
        flex-direction: column-reverse;
      }
      .content-intro-destination .visu-intro{
        padding-bottom: 30px;
      }
      .content-intro-destination .visu-intro img{
        margin:0 auto
      }
      .wraper-galerie {
        padding: 50px 30px;
      }
      
    }