/**/
/* GLOBAL */
/**/

body {
  color: #6d6f72;
}

#page {
  padding-top: 125px;
}

.fh5co-loader {
  background: url(../images/loader.svg) center no-repeat #fff;
}

.gototop a i {
  text-indent: -2px;
}

.btn {
  text-transform: uppercase;
  font-weight: bold;
}

.admin-bar .fh5co-nav {
  top: 32px;
}

/* Typos */
.fh5co-heading h2 {
  margin-bottom: 40px;
}
.fh5co-heading h2:after {
  bottom: -18px;
}
.fh5co-heading p {
  font-size: 18px;
}

a[class^='link-'] {
  text-decoration: underline;
}
.link-dentistes {
  color: rgb(29, 59, 93);
}
.link-pharmaciens {
  color: rgb(24, 78, 46);
}
.link-professions-liberales {
  color: rgb(29, 59, 93);
}

.fh5co-heading h2 strong,
.sidebar .side h2 strong {
  color: rgb(29, 59, 93);
}

.metier-dentistes .fh5co-heading h2 strong,
.metier-dentistes .features .icon i,
.metier-dentistes .services .icon i,
.metier-dentistes .sidebar .side h2 strong {
  color: rgb(29, 59, 93);
}
.metier-dentistes .fh5co-heading h2:after,
.metier-dentistes .features:hover .icon,
.metier-dentistes .services:hover .icon,
.metier-dentistes .sidebar .side .post .icon {
  background: rgb(29, 59, 93);
}

.metier-pharmaciens .fh5co-heading h2 strong,
.metier-pharmaciens .features .icon i,
.metier-pharmaciens .services .icon i,
.metier-pharmaciens .sidebar .side h2 strong {
  color: rgb(24, 78, 46);
}
.metier-pharmaciens .fh5co-heading h2:after,
.metier-pharmaciens .features:hover .icon,
.metier-pharmaciens .services:hover .icon,
.metier-pharmaciens .sidebar .side .post .icon {
  background: rgb(24, 78, 46);
}

.metier-professions-liberales .fh5co-heading h2 strong,
.metier-professions-liberales .features .icon i,
.metier-professions-liberales .services .icon i,
.metier-professions-liberales .sidebar .side h2 strong {
  color: rgb(29, 59, 93);
}
.metier-professions-liberales .fh5co-heading h2:after,
.metier-professions-liberales .features:hover .icon,
.metier-professions-liberales .services:hover .icon,
.metier-professions-liberales .sidebar .side .post .icon {
  background: rgb(29, 59, 93);
}

/* hero */
#fh5co-hero,
#fh5co-hero .flexslider .slider-text {
  min-height: 550px;
}
#fh5co-hero .flexslider .slider-text > .slider-text-inner {
  height: 550px;
}
#fh5co-hero .flexslider .slides li {
  min-height: 530px;
}

#fh5co-hero.small,
#fh5co-hero.small .flexslider .slider-text {
  min-height: 250px;
}
#fh5co-hero.small .flexslider .slider-text > .slider-text-inner {
  height: 350px;
}
#fh5co-hero.small .flexslider .slides li {
  min-height: 230px;
}
#fh5co-hero.small h1 {
  line-height: 1.2;
  margin-bottom: 0 !important;
}
#fh5co-hero h1 > span {
  font-size: 65%;
}

#fh5co-hero .flexslider .slider-text > .slider-text-inner h2 {
  margin-bottom: 10px;
}
#fh5co-hero .flexslider .slider-text > .slider-text-inner h1 {
  margin-bottom: 40px;
  font-size: 36px;
  line-height: 1.2;
}

/**/
/* HEADER */
/**/

#fh5co-logo img {
  margin: 0;
  /* height: 75px; */
  /* width: 75px; */
  width: auto;
  max-width: 75px;
  -webkit-transition: 0.2s all;
  -o-transition: 0.2s all;
  transition: 0.2s all;
}
.fh5co-nav.small #fh5co-logo img {
  /* width: 57px;
  height: 57px;
  margin: 10px 0; */
  width: auto;
  max-width: 50px;
  /* padding: 10px 0; */
}

@media screen and (min-width: 768px) {
  #fh5co-logo img {
    max-width: 90px;
  }

  .fh5co-nav.small #fh5co-logo img {
    max-width: 50px;
  }
}

.fh5co-nav {
  position: fixed;
  top: 0;
  left: 0;
  border-bottom: 3px solid rgb(29, 59, 93);
  background: #fff;
}

.fh5co-nav .top-menu {
  -webkit-transition: 0.2s all;
  -o-transition: 0.2s all;
  transition: 0.2s all;
}
.fh5co-nav.small .top-menu {
  padding: 0;
}

.fh5co-nav ul {
  margin-top: 0;
}
.fh5co-nav ul li {
  display: inline-block;
  margin: 10px -2px;
}
.fh5co-nav ul li a {
  display: inline-block;
}
.fh5co-nav ul li.current_page_item > a {
  font-weight: 600;
  color: rgb(29, 59, 93);
}

.fh5co-nav ul li.has-dropdown .dropdown {
  width: max-content;
  top: 35px;
  left: 0px;
}
.fh5co-nav ul li.has-dropdown .dropdown li {
  margin-top: 0;
}

.fh5co-nav ul li.btn-cta {
  margin: 0;
  border: none;
}
.fh5co-nav ul li.btn-cta a {
  padding: 6px 0 !important;
  line-height: 1.2;
  transition: box-shadow 0.3s ease-in-out;
}
.fh5co-nav ul li.btn-cta a span {
  text-align: center;
}
.fh5co-nav ul li.btn-cta a:hover span {
  -webkit-box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.25);
}

/**/
/* HOME */
/**/

/* triptyque */
.intro-grid a {
  cursor: pointer !important;
}
.intro-grid .icon i {
  -webkit-transition: 0.2s all;
  -o-transition: 0.2s all;
  transition: 0.2s all;
}
.intro-grid:hover .icon i {
  color: rgba(255, 255, 255, 0.3);
}
.intro-grid .icon img {
  width: 200px;
  opacity: 0.1;
  -webkit-transition: 0.2s all;
  -o-transition: 0.2s all;
  transition: 0.2s all;
}
.intro-grid:hover .icon img {
  opacity: 0.3;
}
span.more {
  background: #fff;
  border-radius: 1000px;
  padding: 7px 20px;
}
.intro-grid.color-5 span.more {
  color: rgb(29, 59, 93);
  font-weight: 600;
}
.intro-grid.color-7 span.more {
  color: rgb(24, 78, 46);
  font-weight: 600;
}
.intro-grid.color-5 span.more {
  color: rgb(29, 59, 93);
  font-weight: 600;
}

/* services */
.services i {
  font-family: FontAwesome;
}
.services p {
  color: #6d6f72;
}

/* features */
.features .icon {
  background: #fff;
}
.features .icon i {
  color: rgb(29, 59, 93);
}
.features .icon,
.features .icon i {
  -webkit-transition: 0.2s all;
  -o-transition: 0.2s all;
  transition: 0.2s all;
}
.features .desc {
  padding-bottom: 50px;
}
.features p {
  color: #6d6f72;
}
.features p i {
  font-size: 140%;
  position: relative;
  top: 5px;
  left: 0;
  -webkit-transition: 0.2s all;
  -o-transition: 0.2s all;
  transition: 0.2s all;
}
.features:hover .icon {
  background: rgb(29, 59, 93);
}
.features:hover .icon i {
  color: #fff;
}
.features:hover p i {
  left: 5px;
}

.testimony .icon i {
  font-size: 28px;
}

/* couting numbers stripe */
.fh5co-counters .fh5co-counter-label {
  line-height: 1.2;
  margin: 0;
}

/**/
/* EXPERTISES */
/**/

.expertise {
  margin-bottom: 50px;
  color: #6d6f72;
}

.expertise figure {
  width: 100%;
  height: 120px;
  -webkit-background-size: cover !important;
  background-size: cover !important;
}

.expertise:hover span.btn {
  color: #fff;
  background: rgb(29, 59, 93);
  border-color: rgb(29, 59, 93);
}

.clearfix {
  width: 100%;
  display: block;
}

/**/
/* SINGLE EXPERTISTE x METIER */
/**/

.department-wrap .desc h1 {
  color: #fff;
  font-size: 32px;
}
.department-wrap .desc h2 {
  font-size: 26px;
  color: #fff;
}

.department-wrap.dentistes .grid-2,
.department-wrap.dentistes .desc {
  background: rgb(29, 59, 93);
}
.department-wrap.pharmaciens .grid-2,
.department-wrap.pharmaciens .desc {
  background: rgb(24, 78, 46);
}
.department-wrap.professions-liberales .grid-2,
.department-wrap.professions-liberales .desc {
  background: rgb(29, 59, 93);
}

.department-wrap .desc .btn,
.department-wrap .desc .btn:hover {
  background: #fff !important;
  border-color: #fff !important;
}
.department-wrap.dentistes .desc .btn {
  color: rgb(29, 59, 93);
}
.department-wrap.pharmaciens .desc .btn {
  color: rgb(24, 78, 46);
}
.department-wrap.professions-liberales .desc .btn {
  color: rgb(29, 59, 93);
}

.department-wrap a {
  color: #fff;
  font-weight: bold;
}
.department-wrap a i {
  font-size: 150%;
  position: relative;
  top: 4px;
  -webkit-transition: 0.2s all;
  -o-transition: 0.2s all;
  transition: 0.2s all;
}
.department-wrap a:hover i {
  top: 10px;
}

.blog-desc,
.blog-desc p {
  font-size: 18px;
}
.blog-desc blockquote {
  font-size: 20px;
}

/* aside */

.sidebar .side .list li a {
  color: #6d6f72;
}

.sidebar .side .list li a i {
  -webkit-transition: 0.2s all;
  -o-transition: 0.2s all;
  transition: 0.2s all;
}
.sidebar .side .list li a:hover i {
  left: 10px;
}

.sidebar .side .post {
  margin-left: -25px;
}

.sidebar .side .post .desc {
  padding-left: 65px;
  width: 100%;
}

.sidebar .side .post .desc h3 {
  margin-bottom: 5px;
  font-weight: bold;
}

.sidebar .side .post .icon {
  display: inline-block;
  float: left;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background: rgb(29, 59, 93);
  text-align: center;
  font-size: 24px;
  color: #fff;
  line-height: 54px;
}

.sidebar .side .metier {
  position: relative;
  display: inline-block;
  width: 100%;
  color: #fff;
  padding: 15px 15px 15px 50px;
  line-height: 1.2;
}
.sidebar .side .metier.dentistes {
  background: rgb(29, 59, 93);
}
.sidebar .side .metier.pharmaciens {
  background: rgb(24, 78, 46);
}
.sidebar .side .metier.professions-liberales {
  background: rgb(29, 59, 93);
}

.sidebar .side a.metier i.arrow {
  font-size: 32px;
  width: 40px;
  text-align: center;
  position: absolute !important;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: 0.2s all;
  -o-transition: 0.2s all;
  transition: 0.2s all;
}
.sidebar .side a.metier:hover i.arrow {
  width: 50px;
}

.sidebar .side a.metier .icon {
  width: 55px;
  height: 55px;
  font-size: 55px;
  position: absolute;
  right: -15px;
  top: -5px;
  opacity: 0.2;
}
.sidebar .side a.metier .icon img {
  width: 100%;
}
.sidebar .side a.metier .icon i {
  top: 10px;
  position: relative;
}

/**/
/* SINGLE EXPERTISE */
/**/

.single-expertise .fh5co-heading p {
  text-align: justify;
}

.department-wrap .department-info .block {
  background: rgba(255, 255, 255, 0.25);
  line-height: 1;
  height: 120px;
}
.department-wrap .department-info .block:hover {
  background: rgba(255, 255, 255, 0.4);
}

/**/
/* SINGLE METIER */
/**/

.metier-single .features .icon {
  background: #f2f2f2;
}
.metier.dentistes .features:hover .icon,
.metier-dentistes .testimony .icon {
  background: rgb(29, 59, 93);
}
.metier.pharmaciens .features:hover .icon,
.metier-pharmaciens .testimony .icon {
  background: rgb(24, 78, 46);
}
.metier.professions-liberales .features:hover .icon,
.metier-professions-liberales .testimony .icon {
  background: rgb(29, 59, 93);
}

.features span.btn {
  -webkit-transition: 0.2s all;
  -o-transition: 0.2s all;
  transition: 0.2s all;
}
.metier-dentistes .features span.btn {
  color: rgb(29, 59, 93);
  border-color: rgb(29, 59, 93) !important;
}
.metier-pharmaciens .features span.btn {
  color: rgb(24, 78, 46);
  border-color: rgb(24, 78, 46) !important;
}
.metier-professions-liberales .features span.btn {
  color: rgb(29, 59, 93);
  border-color: rgb(29, 59, 93) !important;
}
.features:hover span.btn {
  color: #fff;
}
.metier-dentistes .features:hover span.btn,
.metier-dentistes .features span.btn:hover {
  background: rgb(29, 59, 93) !important;
}
.metier-pharmaciens .features:hover span.btn,
.metier-pharmaciens .features span.btn:hover {
  background: rgb(24, 78, 46) !important;
}
.metier-professions-liberales .features:hover span.btn,
.metier-professions-liberales .features span.btn:hover {
  background: rgb(29, 59, 93) !important;
}

/**/
/* ABOUT */
/**/

.about-page .service {
  margin-bottom: 50px;
}

.about-page .service .icon {
  display: inline-block;
  width: 75px;
  height: 75px;
  border-radius: 1000px;
  line-height: 90px;
  text-align: center;
  background: #f2f2f2;
  margin-bottom: 25px;
}
.about-page .service i {
  color: rgb(29, 59, 93);
  font-size: 32px;
}

/**/
/* FOOTER */
/**/

#fh5co-footer .copyright .block a {
  color: #fff;
  text-decoration: underline;
}

#fh5co-footer img {
  width: 75px;
  height: 75px;
}

#fh5co-footer .fh5co-footer-links li a {
  -webkit-transition: 0.2s all;
  -o-transition: 0.2s all;
  transition: 0.2s all;
}
#fh5co-footer .fh5co-footer-links li a:hover {
  color: #fff;
  text-decoration: none;
}

/*  */
/* MOBILE MENU */
/*  */

.fh5co-nav-toggle {
  top: 40px;
}
.fh5co-nav-toggle.fh5co-nav-white > i,
.fh5co-nav-toggle.fh5co-nav-white > i::before,
.fh5co-nav-toggle.fh5co-nav-white > i::after {
  background: #6d6f72;
}
.fh5co-nav-toggle.fh5co-nav-white.active > i {
  background: rgb(29, 59, 93);
}

#fh5co-offcanvas {
  padding-top: 42px;
  padding-right: 85px;
  background: rgb(29, 59, 93);
}
#fh5co-offcanvas ul li {
  margin-bottom: 20px;
  display: inline-block;
  width: 100%;
}
#fh5co-offcanvas ul.dropdown li {
  line-height: 1.4 !important;
  margin: 10px -20px 0;
}
#fh5co-offcanvas ul li > ul {
  padding-top: 10px;
  padding-bottom: 10px;
}
#fh5co-offcanvas a {
  color: #fff;
  padding-right: 20px;
  line-height: 1.2;
}
#fh5co-offcanvas ul li.offcanvas-has-dropdown > a:after {
  color: rgba(255, 255, 255, 0.5);
  top: 0;
}
#fh5co-offcanvas ul li.offcanvas-has-dropdown.active a:after {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

/*  */
/* DOWNLOAD */
/*  */

.big span {
  padding: 12px 20px !important;
  font-size: 16px !important;
}

#download div.intro {
  background-image: linear-gradient(
    180deg,
    rgba(148, 201, 73, 0.1) 0%,
    #fff 90%
  );
  padding: 150px 0;
  text-align: center;
  width: 100%;
}

#download div.intro div.row {
  width: 100%;
}

#download div.intro p {
  margin-top: 40px;
}

#download div.intro a.btn {
  margin-top: 40px;
}

#download div.grid {
  display: grid;
  grid-template-columns: 50% 50%;
  width: 100%;
  max-width: 1170px;
  margin: 0 auto;
}

#download img {
  width: 100%;
  height: auto;
}

#download div.grid > div:last-child {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
}

#download div.grid div.wpcf7 {
  padding: 40px 0;
}

#download form.wpcf7-form {
  border-color: rgb(29, 59, 93);
}

#download div.more {
  padding: 60px 20px;
}

#download div.more h2 {
  padding: 40px 0;
}

#download div.more p {
  padding-bottom: 40px;
}

#download .features .icon {
  background: rgb(29, 59, 93);
}
#download .features .icon i {
  color: #fff;
}

body.page-id-802 a.fh5co-nav-toggle {
  display: none;
}

.fh5co-nav.small ul li.btn-cta.big {
  width: 350px;
}

nav .row {
  display: flex;
  align-items: center;
}

@media (max-width: 768px) {
  #download div.intro {
    padding: 80px 40px;
  }
}

@media (max-width: 1024px) {
  #download div.grid {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
  }
}

/**/
/* RESPONSIVE */
/**/

/* Burger Menu */
@media screen and (max-width: 1200px) {
  /* menu */
  .fh5co-nav {
    position: absolute;
  }
  /* .fh5co-nav.small #fh5co-logo img { width: 75px !important; height: 75px !important; } */
  .fh5co-nav .top-menu {
    padding: 22px 0 !important;
    margin-right: 52px !important;
  }
  .fh5co-nav.small ul li.btn-cta {
    position: fixed;
    width: 120px;
    right: 10px;
    top: 10px;
  }
}

/* Tablet Landscape */
@media screen and (max-width: 64em) {
  .admin-bar .fh5co-nav {
    top: 0 !important;
  }
}

/* Tablets Portrait */
@media screen and (max-width: 64em) and (orientation: portrait) {
}

/* Phones Landscape */
@media screen and (max-width: 767px) {
  .department-wrap .grid-2 .desc {
    padding: 2em 1em;
  }

  /* header cta */
  .fh5co-nav ul li.btn-cta a {
    font-size: 100%;
    position: relative;
  }
  .fh5co-nav ul li.btn-cta a span {
    -webkit-transition: 0s !important;
    -o-transition: 0s !important;
    transition: 0s !important;
  }
}

/* Phones Portrait */
@media screen and (max-device-width: 480px) {
  /* header cta */
  .fh5co-nav ul li.btn-cta a {
    font-size: 12px;
    position: relative;
    top: 0;
    right: 0;
  }
  .fh5co-nav ul li.btn-cta a span {
    -webkit-transition: 0s !important;
    -o-transition: 0s !important;
    transition: 0s !important;
  }

  /* home */
  #fh5co-hero .flexslider .slider-text > .slider-text-inner h1 {
    font-size: 24px;
  }
  .features .icon {
    left: 15px;
  }
  #fh5co-counter span.icon {
    margin-top: 50px;
    display: inline-block;
  }

  /* parent expertise */
  .features .desc {
    padding-left: 0;
    padding-top: 110px;
  }

  /* single aside */
  .sidebar .side .post {
    margin-left: 0;
  }
  .sidebar .side .post .desc {
    padding-left: 0;
    clear: both;
    padding-top: 15px;
  }

  /* footer */
  div#footer-form iframe {
    min-width: auto !important;
    width: 90% !important;
  }
}

/* ----------- User Area Stling ----------- */

/* header profile */

.ua-header-avatar {
  background: rgb(29, 59, 93);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 42px;
  height: 42px;
  padding: 12px;
  border-radius: 100%;
  cursor: pointer;
  transition: 0.3s;
}

.ua-header-avatar:hover {
  box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.25);
}

.ua-header-avatar img {
  width: 23px;
  height: 23px;
}

.ua-dropdown {
  z-index: 1002;
  background: #000;
  position: absolute;
  top: 56px;
  left: -18px;
  display: none;
  flex-direction: column;
  width: max-content;
  text-align: left;
  padding: 10px 20px !important;
  border-radius: 4px;
  transition: 0.5s;
  box-shadow: 0px 14px 33px -9px rgba(0, 0, 0, 0.75);
}

.ua-dropdown:before {
  bottom: 100%;
  left: 40px;
  border: solid transparent;
  content: ' ';
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-bottom-color: #000;
  border-width: 8px;
  margin-left: -8px;
}

.ua-dropdown.active {
  display: flex !important;
}

.ua-dropdown li a {
  padding: 2px 0 !important;
  display: block !important;
  color: #999999 !important;
  line-height: 1.2 !important;
  text-transform: none !important;
  font-size: 13px !important;
  letter-spacing: 0 !important;
  transition: 0.5s !important;
}

.ua-dropdown a:hover {
  color: #fff !important;
}

/* testimony page styling */

.testimonial-container {
  column-count: 1 !important;
  column-gap: 30px !important;
}

.testimonial-item {
  display: inline-block !important;
  width: 100% !important;
  margin-bottom: 12px !important;
}

@media (min-width: 768px) {
  .testimonial-container {
    column-count: 2 !important;
  }

  .testimonial-item {
    margin-bottom: 56px !important;
  }
}

@media (min-width: 992px) {
  .testimonial-container {
    column-count: 3 !important;
  }

  .testimonial-item {
    margin-bottom: 64px !important;
  }
}

/* testimonial section styling */

.testimony-action {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 54px 0;
}

/* thank you page styling */

.thank-you-content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}