.put-up-banner {
  margin-top: -2rem; }

.card-1, .card-2 .header {
  position: relative;
  z-index: 1; }
  .card-1 .title-card, .card-2 .header .title-card {
    display: inline-block;
    color: #125182;
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
    margin-right: .5rem; }
  .card-1 .logo, .card-2 .header .logo {
    max-width: 60px;
    margin-right: 1rem; }
    .card-1 .logo img, .card-2 .header .logo img {
      max-width: 100%;
      height: auto; }
  .card-1 .title-news, .card-2 .header .title-news {
    /*max-width: 60%;*/ }
  .card-1::before, .card-2 .header::before {
    content: '';
    position: absolute;
    left: .5rem;
    top: 1.5rem;
    width: 180px;
    height: 60px;
    z-index: -1;
    background-repeat: no-repeat;
    background-position: left;
    background-image: url("../images/bg/wave.svg"); }
  .card-1 .date-card, .card-2 .header .date-card {
    display: block;
    color: #969696;
    padding-left: 1.2rem;
    background-image: url("../images/icons/calander.svg");
    background-size: 13px;
    background-repeat: no-repeat;
    background-position: left; }
  .card-1 .card-collapse-btn, .card-2 .header .card-collapse-btn {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    background-color: #2BB970;
    text-align: center;
    line-height: 27px;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in; }
    .card-1 .card-collapse-btn svg path, .card-2 .header .card-collapse-btn svg path {
      fill: white; }
    .card-1 .card-collapse-btn[aria-expanded="true"], .card-2 .header .card-collapse-btn[aria-expanded="true"] {
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transform: rotate(180deg); }

.card-2 .header::before {
  /* top: 2.5rem;*/ }

.humanitarian .header .sub-title-card {
  color: #FFC524;
  font-weight: 600;
  font-size: 20px;
  text-transform: uppercase; }

.map-humanitarian {
  max-width: 100%;
  height: 460px;
  margin-bottom: 1.5rem;
  position: relative;
  margin-top: -2rem;
  background-color: #FFC524;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../images/bg/map-humanitaires.png"); }

.map-contact {
  background-color: #FFC524;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../images/bg/map-contact.png"); }

.publications {
  margin-bottom: 1.5rem; }
  .publications .header::before {
    content: none !important; }
  .publications .body {
    margin-bottom: 2rem;
    text-align: justify; }
  .publications .card-2 {
    margin-bottom: 0;
    height: 100%; }

.card-1, .card-2 .header, .card-3, .card-page {
  padding: 1.5rem 1.5rem;
  background-color: white;
  -webkit-box-shadow: 1px 14px 35px 3px #eaeff6;
  -moz-box-shadow: 1px 14px 35px 3px #eaeff6;
  box-shadow: 1px 14px 35px 3px #eaeff6; }

.card-1, .card-2, .card-3 {
  margin-bottom: 1.5rem; }
  .card-1 .card-body, .card-2 .card-body, .card-3 .card-body {
    background-color: #ECEDEE;
    padding: 2rem 2rem;
    text-align: justify; }

.card-3 .title {
  display: inline-block;
  color: #186EB1;
  font-weight: 700;
  font-size: 24px;
  text-transform: uppercase; }
.card-3 .sub-title {
  display: inline-block;
  color: #FFC524;
  font-weight: 600;
  font-size: 20px;
  text-transform: uppercase; }
.card-3 .list-icon p {
  padding-left: 2.5rem;
  font-size: 16px;
  margin-bottom: 1rem;
  position: relative; }
  .card-3 .list-icon p::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 27px;
    height: 27px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background-color: #186EB1;
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center; }
  .card-3 .list-icon p.phone::before {
    background-image: url("../images/icons/phone2.svg"); }
  .card-3 .list-icon p.fax::before {
    background-image: url("../images/icons/fax.svg"); }
  .card-3 .list-icon p.mail::before {
    background-image: url("../images/icons/mail2.svg"); }
  .card-3 .list-icon p.address::before {
    background-image: url("../images/icons/address2.svg");
    background-size: 11px; }

.card-page {
  margin-bottom: 1.5rem;
  padding: 1.5rem 2rem; }
  .card-page .title-card {
    position: relative;
    display: inline-block;
    color: #125182;
    font-weight: 700;
    font-size: 35px;
    text-transform: uppercase;
    margin-bottom: 1.5rem;
    z-index: 0; }
    .card-page .title-card::before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      z-index: -1;
      width: 150px;
      height: 50px;
      background-repeat: no-repeat;
      background-position: left;
      background-size: contain;
      background-image: url("../images/bg/wave.svg"); }
  .card-page .sub-title-card {
    color: #F3A040;
    font-weight: 600;
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 1.5rem; }
  .card-page .body p {
    margin-bottom: 1rem; }
  .card-page .body .image {
    margin-top: 5px;
    margin-bottom: 5px; }
  .card-page .body img {
    max-width: 100%;
    height: auto; }
  .card-page .body ul {
    padding-left: 1rem; }
    .card-page .body ul li::marker {
      font-size: 9px; }
  .card-page .title-2 {
    font-weight: 700;
    text-transform: inherit;
    font-size: 25px;
    margin-bottom: 1rem;
    color: #2BB970; }
  .card-page .nav-2 li {
    text-align: justify;
    font-weight: 600;
    margin-bottom: 5px;
    font-size: 16px; }
  .card-page .icon {
    max-width: 110px;
    margin-right: 1rem; }
    .card-page .icon img {
      max-width: 100%;
      height: auto; }

.node__content .card-page:first-child, .cultural-block .card-page:first-child, .link-block .card-page:first-child {
  position: relative;
  top: -2rem; }

.project-block .card-2:first-child {
  position: relative;
  top: -2rem; }
.project-block .card-2 .header::before {
  top: 1rem; }
.project-block .card-body ul {
  margin-left: 1rem; }

.card-color {
  padding: 1.5rem 1.5rem;
  background-color: #EAEFF6; }
  .card-color .title {
    color: #2BB970;
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: .5rem; }
  .card-color .sub-title {
    color: #186EB1;
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 1rem; }

.form-contact {
  max-width: 450px;
  margin: 4rem auto 0 auto; }

.title-form {
  font-weight: 700;
  color: #186EB1;
  text-transform: uppercase;
  font-size: 24px;
  margin-top: .5rem;
  position: relative; }
  .title-form::before {
    content: '';
    position: absolute;
    left: 50%;
    width: 60px;
    height: 20px;
    bottom: -30px;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    background-image: url("../images/bg/wave3.svg");
    background-repeat: no-repeat;
    background-size: contain; }

.contact-form .banner-site {
  /*z-index: -1;*/ }
.contact-form .element {
  position: relative;
  top: -2rem; }

form .message-succes {
  text-align: center;
  margin-bottom: 2rem;
  font-weight: bold;
  font-size: 20px; }

.brochure-news {
  position: relative; }
  .brochure-news .brochure-banner {
    z-index: 1;
    position: relative;
    height: 360px;
    overflow: hidden;
    background-size: inherit;
    background-position: top left;
    background-repeat: no-repeat;
    background-color: #FFC524;
    padding: 2rem 5rem;
    margin: 0 3rem; }
    .brochure-news .brochure-banner .title {
      font-size: 35px;
      position: relative;
      margin-bottom: 2rem;
      color: #125182;
      font-weight: 400; }
      .brochure-news .brochure-banner .title span {
        font-weight: 700; }
    .brochure-news .brochure-banner .box-link a {
      font-weight: 700;
      text-transform: uppercase;
      background-color: white;
      padding: .5rem 1.5rem;
      font-size: 16px; }

.video-slider {
  /* position: absolute;
   right: 4rem;
   bottom: -5%;
   width: 240px;
   height: 150px;
   padding: 1rem;
   z-index: 1;
   background: {
     repeat: no-repeat;
     position: top left;
   }*/
  overflow: hidden;
  position: relative; }
  .video-slider::after {
    content: '';
    position: absolute;
    background-color: rgba(0, 0, 0, 0.5);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0; }
  .video-slider .title-video {
    font-size: 16px;
    font-weight: 600;
    color: white;
    position: absolute;
    left: 1rem;
    bottom: 1rem;
    z-index: 1; }
  .video-slider .video-btn {
    padding: 0;
    width: 50px;
    height: 50px;
    /* @include border-radius(50%);*/
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-image: url("../images/icons/play.svg");
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -5px;
    z-index: 1; }

.video-box {
  overflow: hidden;
  position: relative;
  margin: 1rem 0; }
  .video-box::after {
    content: '';
    position: absolute;
    background-color: rgba(0, 0, 0, 0.5);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0; }
  .video-box .title-video {
    font-size: 16px;
    font-weight: 600;
    color: white;
    position: absolute;
    left: 1rem;
    top: 1rem;
    z-index: 1;
    text-align: left; }
  .video-box .video-btn {
    padding: 0;
    width: 40px;
    height: 40px;
    background-image: url("../images/icons/play.svg");
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    z-index: 1;
    margin: 0; }
  .video-box .img {
    max-width: 100%;
    height: auto; }

.field__item picture {
  display: flex;
  justify-content: center; }

.card-position {
  border: 2px solid #EAEFF6;
  padding: 1.5rem 2rem 1.5rem 1.5rem;
  margin-top: 1.5rem;
  position: relative;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  border-radius: 0 !important; }
  .card-position .card-collapse-btn {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    position: absolute;
    right: 1rem;
    background-color: #186EB1;
    text-align: center;
    padding: 0;
    line-height: 25px;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in; }
    .card-position .card-collapse-btn svg path {
      fill: white; }
    .card-position .card-collapse-btn[aria-expanded="true"] {
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transform: rotate(180deg); }
  .card-position .header .num {
    font-size: 14px;
    font-weight: 600;
    background-color: #186EB1;
    color: white;
    padding: 2px 0.5rem;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px; }
  .card-position .header .title, .card-position .header .region {
    font-size: 16px;
    font-weight: 600;
    color: #186EB1; }
  .card-position .header .experience, .card-position .header .date {
    font-size: 14px;
    color: #758A9B; }
  .card-position .card-body {
    background-color: transparent;
    padding: 1rem 0rem 0rem 0rem; }

.title-position {
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  color: #186EB1; }

.cultural-page .img {
  max-width: 400px;
  margin: 0 auto; }
  .cultural-page .img img {
    max-width: 100%;
    height: auto; }
.cultural-page .img2 {
  max-width: 100%;
  margin: 0 auto;
  text-align: center; }
  .cultural-page .img2 img {
    max-width: 100%;
    height: auto; }
.cultural-page .body {
  margin-top: 1.5rem; }

.search-page form.search-form,
.search-page #block-amci-content h2 {
  display: none; }
.search-page .result-item {
  position: relative;
  top: -2rem; }
  .search-page .result-item .sub-title-card {
    font-size: 14px; }
  .search-page .result-item.card-2 .header::before {
    content: none; }

#search-block-form input[type=search] {
  padding-right: 3rem;
  border-bottom: 2px solid #F3A040;
  background-color: transparent;
  border-width: 0 0 2px 0;
  font-size: 30px;
  color: white;
  padding-left: 0; }
  #search-block-form input[type=search]:-moz-placeholder {
    color: white; }
  #search-block-form input[type=search]::-moz-placeholder {
    color: white; }
  #search-block-form input[type=search]:-ms-input-placeholder {
    color: white; }
  #search-block-form input[type=search]::-webkit-input-placeholder {
    color: white; }
  #search-block-form input[type=search]::placeholder {
    color: white; }
#search-block-form input[type=submit] {
  border: none;
  width: 35px;
  height: 37px;
  font-size: 0;
  position: absolute;
  top: 0;
  right: 1rem;
  bottom: 0;
  margin: auto;
  background-color: transparent;
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../images/icons/search.svg"); }

.block-search .modal-content {
  background-color: rgba(18, 81, 130, 0.9); }
  .block-search .modal-content .btn-close {
    position: absolute;
    right: 1rem;
    top: 1rem;
    font-size: 21px;
    color: #F3A040;
    opacity: 1;
    z-index: 10;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23F3A040'%3E%3Cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3E%3C/svg%3E"); }

.cultural-prev,
.cultural-next {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  width: 28px;
  height: 28px;
  color: white;
  background-color: #186EB1;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%); }
  .cultural-prev:after,
  .cultural-next:after {
    font-size: 14px;
    font-weight: bold; }

.cultural-swiper {
  padding: 0 1rem; }
  .cultural-swiper .swiper-slide .block-img {
    display: flex;
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    /* .btn {
       position: absolute;
       left: 50%;
       @include transform(translate(-50%, 0));
       bottom: 1rem;
       font-size: 12px;
       z-index: 1;
     }*/ }
    .cultural-swiper .swiper-slide .block-img::before {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      top: 0;
      background-color: rgba(0, 0, 0, 0.4); }
    .cultural-swiper .swiper-slide .block-img img {
      max-height: 170px;
      height: 170px; }
  .cultural-swiper .swiper-slide .btn {
    font-size: 12px;
    z-index: 1;
    color: #186EB1;
    background: #CCD5DC;
    border-color: #CCD5DC; }

.box-figure {
  margin-bottom: 1.5rem; }

.card-figure {
  /* margin-bottom: 1.5rem;*/
  padding: 1.5rem 1.5rem;
  background-color: white;
  -webkit-box-shadow: 1px 14px 35px 3px #eaeff6;
  -moz-box-shadow: 1px 14px 35px 3px #eaeff6;
  box-shadow: 1px 14px 35px 3px #eaeff6;
  height: 100%;
  font-size: 15px;
  /* .title-card {
     position: relative;
     display: inline-block;
     color: $color-site;
     font-weight: $font-weight-bold;
     font-size: 35px;
     text-transform: uppercase;
     margin-bottom: 1.5rem;
     z-index: 0;

     &::before {
       content: '';
       position: absolute;
       left: 0;
       top: 0;
       z-index: -1;
       width: 150px;
       height: 50px;
       background: {
         repeat: no-repeat;
         position: left;
         size: contain;
         image: url("../images/bg/wave.svg");
       }
     }
   }
   .sub-title-card {
     color: $color-2;
     font-weight: $font-weight-semi-bold;
     font-size: 20px;
     text-transform: uppercase;
     margin-bottom: 1.5rem;
   }

   .body {
     p {
       margin-bottom: 1rem;
     }

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

     img {
       max-width: 100%;
       height: auto;
     }

     ul {
       padding-left: 1rem;

       li::marker {
         font-size: 9px;
       }
     }
   }*/ }
  .card-figure .title-card {
    color: #2BB970;
    font-size: 34px;
    font-weight: 700;
    margin-bottom: .5rem; }
    .card-figure .title-card .figure {
      display: inline-block;
      margin: 0 5px; }
  .card-figure .body {
    text-align: justify;
    font-weight: 600;
    font-size: 14px; }

.title-card-figure {
  display: inline-block;
  color: #186EB1;
  font-weight: 700;
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 1.5rem;
  padding-left: 1rem;
  margin-top: 2rem; }

.title-card-figure.mode-2 {
  font-size: 18px;
  margin-bottom: 1rem; }

@media (max-width: 991px) {
  .brochure-news {
    position: relative; }
    .brochure-news .brochure-banner {
      height: 240px;
      padding: 1rem 1rem;
      margin: 0 .5rem;
      background-size: cover;}

  .video-slider {
    position: relative;
    right: 0;
    bottom: 0;
    margin: 0 auto; }

  .card-1 .title-news, .card-2 .header .title-news {
    max-width: 100%; }

  .card-page {
    padding: 1.5rem 1.5rem; }
    .card-page .d-flex {
      display: block !important; }
    .card-page .title-card {
      font-size: 23px;     text-align: left;}
      .card-page .title-card::before {
        width: 125px;
        height: 38px; }
    .card-page .body .image {
      margin-bottom: .5rem;
      width: 100%;
      text-align: center;
      }
  .card-page .body .image img{
    text-align: center;
    float: initial !important;
  }
    .card-page .body p {
      font-size: 15px;
      text-align: justify; }

  .card-1 .card-body, .card-2 .card-body, .card-3 .card-body, .project-block .card-body, .card-position .card-body {
    text-align: justify !important; }

  .node__content .card-page:first-child, .cultural-block .card-page:first-child, .link-block .card-page:first-child {
    top: 0rem; }

  .project-block .card-2:first-child {
    top: 0rem; }
  .map-humanitarian {
    max-width: 100%;
    height: 200px;
    background-size: cover;
  }
  .humanitarian.card-2 .header .logo {
    max-width: 2rem;
    position: absolute;
    top: 1rem;
  }
  .humanitarian.card-2 .header .title-card {
    margin-top: 1rem;
    text-align: justify;
    font-size: 18px;
  }
  .humanitarian .header .sub-title-card {
    text-transform: uppercase;
  }
}
.body, .card-body {
  text-align: justify; }