/*
Theme Name: the7dtchild
Author: Tukan
Author URI: https://tukan.fr
Description: Tukan Agency's child theme for Mycellia
Version: 1.0.1
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/
.breadcrumbs li.current::before {
   content: ">" !important;
}

/*HEADER*/
.mobile-header-bar .mobile-branding img {
   width: 95px;
}

.right-mobile-menu-close-icon .dt-close-mobile-menu-icon {
   border-radius: 50px;
}

.animate-position-mobile-menu-icon .dt-mobile-menu-icon .menu-line:nth-of-type(2) {
   display: none;
}

.dt-mobile-menu-icon .menu-line:first-of-type {
  top: 3px;
}

.animate-position-mobile-menu-icon .dt-mobile-menu-icon .menu-line:nth-of-type(3) {
  top: 13px;
}

.animate-position-mobile-menu-icon .dt-mobile-menu-icon .menu-line {
   height: 3px;
}

.mobile-logo,
.sticky-mobile-logo-second-switch img {
   width: 95px;
}

.branding img {
  width: 150px;
}

.home-top-header h1,
.home-top-header h2,
.home-top-header p {
   color: #fff;
}

.home-top-header .left-page-title {
   text-align: left;
}

.home-top-header .left-page-title h1::before {
   right: auto;
}

.vc_row.vc_row-o-content-bottom.left-page-title > .vc_column_container > .vc_column-inner {
   margin-bottom: 12%;
}

.home-top-header h1 {
   font-size: 36px;
   line-height: 40px;
   text-transform: none;
   position: relative;
}

.home-top-header h1::before {
   position: absolute;
   bottom: -20px;
   content: "";
   left: 0;
   right: 0;
   margin: 0 auto;
   height: 1px;
   width: 130px;
   background-color: #fff;
}

.home-top-header .home-page-title h1 {
   font-family: "EB Garamond", Helvetica, Arial, Verdana, sans-serif;
   font-weight: normal;
}

.current_page_item .menu-item-text {
   border-bottom: 1px solid #df0033;
}

.side-header .header-bar .branding a {
   padding: 0;
   margin-bottom: 20px;
}

.side-header .header-bar .branding a img {
   width: 100px;
}

body .wpb_content_element .wpb_accordion_header > a span {
   text-transform: uppercase;
   color: #fff;
}

body #page .wpb_content_element.dt-style .wpb_accordion_wrapper .wpb_accordion_header {
   display: inline-block;
   border-bottom: 1px solid #2c2d66;
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   transition: all 0.3s ease;
}

body #page .wpb_content_element.dt-style .wpb_accordion_wrapper .wpb_accordion_header:hover,
body #page .wpb_content_element.dt-style .wpb_accordion_wrapper .ui-accordion-header-active {
   border-bottom: 1px solid #e00034;
}

body #page .wpb_content_element .wpb_accordion_header a:hover span,
body #page .wpb_content_element.dt-style:not(.dt-accordion-bg-on) .wpb_accordion_header > a:hover::after {
   color: #fff;
}

.blue-bg-section .ui-accordion-content ul {
   max-width: 370px;
   margin: 0 auto !important;
}

body .wpb_content_element .wpb_accordion_header > a::after {
   color: #fff;
   font-size: 13px;
}

.header-side-right.ouside-menu-close-icon .menu-close-toggle {
   right: 0;
   background: #e00034;
   border-radius: 50px;
   padding: 7px;
}

.animate-position-menu-icon .menu-toggle .menu-line:nth-of-type(2) {
   display: none;
}

.menu-toggle .menu-line:first-of-type {
  top: 3px;
}

.animate-position-menu-icon .menu-toggle .menu-line:nth-of-type(3) {
  top: 13px;
}

.mixed-header.side-header-h-stroke .header-bar {
   position: absolute;
   width: 100%;
   margin: 0 auto;
   left: 0;
   right: 0;
}

.home-top-header {
   min-height: 70vh;
}

@media (min-width: 992px) {
   .home-top-header h1 {
      font-size: 50px;
      line-height: 65px;
   }

   .home-top-header {
      height: 90vh;
      min-height: 0;
   }

   .home-top-header h1 {
      margin-bottom: 50px !important;
   }

   .home-top-header p {
      font-size: 19px;
   }

   .short-top-header {
      height: 40vh;
   }
}

/*HEADER*/

span.tp-bullet-title {
   display: none !important;
}


/*HOME*/
#main .wpb_wrapper h2 {
   padding-left: 22px;
   position: relative;
   z-index: 1;
   font-size: 24px;
   display: inline-block;
}

#main .wpb_text_column .wpb_wrapper h2::before {
   content: "";
   background-color: #e00034;
   height: 50px;
   width: 50px;
   position: absolute;
   left: 0;
   top: -5px;
   border-radius: 50px;
   z-index: -1;
}

.section-1-heading {
   max-width: 1300px;
   margin: 0 auto;
   margin-bottom: 0px;
   margin-bottom: 25px;
   padding-left: 15px;
}

.section-2-heading {
   max-width: 1300px;
   margin: 0 auto;
   margin-bottom: 0px;
   margin-bottom: 15px;
   padding-left: 15px;
}

.bubble-section-1 {
   padding: 30px 0px 60px 0;
   background-repeat: no-repeat;
   background-position: bottom center;
   background-size: 350px;
}

.contact-section .default-icon .aio-icon-default {
   float: left;
}

.contact-section .aio-icon-description {
   display: inline-block;
   width: auto;
}

.aio-icon-component {
   margin-bottom: 30px;
}

.bubble-section-2 {
   padding: 15px 0 90px 0;
   background-position: left 60px center;
   background-position: bottom center;
   background-size: 350px;
   background-repeat: no-repeat;
}

.bubble-section-3 .vc_column-inner {
   background-position: right 60px center;
   background-repeat: no-repeat;
   background-size: contain;
}

body .bubble-section-4 {
   background-position: right center !important;
   background-repeat: no-repeat !important;
   background-size: 550px !important;
}

body .bubble-section-right {
   background-position: right center !important;
   background-repeat: no-repeat !important;
   background-size: contain !important;
}

body .bubble-section-left {
   background-position: left center !important;
   background-repeat: no-repeat !important;
   background-size: contain !important;
}

@media (min-width: 768px) {

}

@media (min-width: 992px) {
   .bubble-section-1 {
      padding: 30px 0px 60px 0;
      background-repeat: no-repeat;
      background-position: right;
      background-size: contain;
   }

   .section-1-heading,
   .section-2-heading {
      padding-left: 0;
   }

   .bubble-section-1 {
      padding: 30px 0px 90px 0;
   }

   .bubble-section-2 {
      padding: 25px 0 100px 0;
      background-position: left 60px center;
   }

   .bubble-section-4 {
      background-position: left 60px center;
   }
}

.full-width-img figure,
.full-width-img figure .vc_single_image-wrapper,
.full-width-img figure .vc_single_image-wrapper img {
   width: 100%;
}

.parallax-section {
   padding-top: 50px;
   padding-bottom: 50px;
}

.parallax-section p {
   text-align: center;
   color: #fff;
   font-size: 22px;
   line-height: 30px;
}

.center-heading .wpb_wrapper {
   text-align: left;
}

.right-heading .wpb_wrapper {
   text-align: left;
}

.link-box .vc_column-inner .wpb_wrapper .wpb_wrapper {
   border-radius: 15px;
   box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;;
   background-color: #fff;
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   transition: all 0.3s ease;
   min-height: 110px;
   display: flex;
   width: 100%;
   align-items: center;
   justify-content: center;
}

.link-box .vc_column-inner .wpb_wrapper .wpb_wrapper:hover {
   background-color: #df0234;
}

.link-box .vc_column-inner .wpb_wrapper .wpb_wrapper p {
   color: #232960;
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   transition: all 0.3s ease;
   padding: 5px;
   line-height: 20px;
}

.link-box .vc_column-inner .wpb_wrapper .wpb_wrapper:hover p {
   color: #fff;
}

@media (min-width: 768px) {
   .center-heading .wpb_wrapper {
      text-align: center;
   }

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

   .parallax-section p {
      font-size: 26px;
      line-height: 40px;
   }
}

@media (min-width: 992px) {
   .link-box {
      padding: 0 70px;
   }

   .link-box .vc_column-inner .wpb_wrapper .wpb_wrapper p {
      line-height: 25px;
   }
}

.vous-etes-row img {
   width: 150px;
}

.vous-etes-row .vc_column-inner {
   box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
   border-radius: 15px;
}

.vous-etes-box-title {
   margin-bottom: 40px;
}

.vous-etes-row .vous-etes-box-title h3 {
   color: #fff;
   position: relative;
   padding-bottom: 5px;
   font-size: 20px;
}

.vous-etes-row .vous-etes-box-title h3::before {
   content: "";
   position: absolute;
   left: 0;
   right: 0;
   width: 70px;
   height: 1px;
   background-color: #e00034;
   bottom: -5px;
   margin: 0 auto;
}

.vous-etes-row .vc_column-inner p {
   color: #fff;
}

.vous-etes-section {
   margin: 45px 0 50px 0;
   padding-top: 5px;
}

#page .vous-etes-row .custom-btn {
   margin-bottom: 40px;
}

#page .vous-etes-row .custom-btn.blue {
   background-color: #3db7e4;
   color: #202554;
}

#page .vous-etes-row .custom-btn.blue:hover {
   color: #3db7e4;
   background-color: #fff;
}

#page .vous-etes-row .custom-btn.yellow {
   background-color: #fdc82f;
   color: #202554;
}

#page .vous-etes-row .custom-btn.yellow:hover {
   color: #fdc82f;
   background-color: #fff;
}

.carousel-section .dt-owl-item {
   background-color: #fff;
   box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
   border-radius: 25px;
   overflow: hidden;
   margin-top: 15px;
}

.carousel-section .dt-owl-item .vc_column-inner > .wpb_wrapper {
   padding-left: 25px;
   padding-right: 25px;
   text-align: center;
}

.carousel-section .owl-carousel .owl-stage-outer {
   padding-bottom: 25px;
}

.carousel-section .owl-carousel .wpb_text_column {
   margin: 0 -25px;
   padding: 30px 60px;
}

.carousel-section .dt-owl-item:nth-child(odd) .wpb_text_column {
  background: #3db7e4;
}

.carousel-section .dt-owl-item:nth-child(even) .wpb_text_column {
  background: #fdc82f;
}

.carousel-logo {
   height: 100px;
   background-color: #fff;
   position: relative;
   margin: 0;
}

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

.blue-bg-section > .vc_column-inner > .wpb_wrapper {
   background-color: #2c2d66;
   padding: 20px 20px;
}

@media (min-width: 992px) {
   .blue-bg-section > .vc_column-inner > .wpb_wrapper {
      background-color: #2c2d66;
      padding: 60px 60px;
   }
}

.yellow-bg-section > .vc_column-inner > .wpb_wrapper {
   background-color: #fdc82f;
   padding: 40px 20px;
}

.blue-bg-section-2 > .vc_column-inner > .wpb_wrapper {
   background-color: #3db7e4;
   padding: 60px 20px;
}

.blue-bg-section.full-width-blue > .vc_column-inner,
.blue-bg-section-2.full-width-blue-2 > .vc_column-inner,
.yellow-bg-section.full-width-yellow > .vc_column-inner {
   position: relative;
}

.blue-bg-section .wpb_wrapper p,
.blue-bg-section .wpb_text_column .wpb_wrapper ul li {
   color: #fff;
}

.yellow-bg-section .wpb_wrapper p,
.yellow-bg-section .wpb_wrapper ul li {
   color: #000;
}

.blue-bg-section .wpb_wrapper ul,
.yelllow-bg-section .wpb_wrapper ul {
   margin: 0;
}

.blue-bg-section .wpb_text_column .wpb_wrapper ul li,
.yellow-bg-section .wpb_wrapper ul li,
.vous-etes-row .wpb_wrapper ul li {
   list-style: none;
   position: relative;
   padding-left: 35px;
   text-align: left;
}

.vous-etes-row .wpb_wrapper ul li {
   color: #fff;
}

:not(#partners).blue-bg-section .wpb_text_column .wpb_wrapper ul li::before,
.yellow-bg-section .wpb_wrapper ul li::before,
.vous-etes-row .wpb_wrapper ul li::before {
   background-color: #e00034;
   position: absolute;
   left: 0;
   top: 8px;
   content: "";
   height: 10px;
   width: 10px;
   border-radius: 50px;
}

.text-center .vc_column-inner > .wpb_wrapper,
.text-center .vc_column-inner .vc_toggle {
   text-align: center;
}

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

.blue-bg-section .vc_column-inner .vc_toggle ul {
   max-width: 300px;
   margin: 0 auto;
}

.blue-bg-section .vc_column-inner .vc_toggle ul li,
.blue-bg-section .pipe-list ul li {
   text-align: left;
   padding-left: 30px;
}

.blue-bg-section .pipe-list ul li {
   margin-bottom: 20px;
}

.accordion-section .vc_column-inner {
   background-size: contain;
   background-repeat: no-repeat;
}

.blue-bg-section .vc_column-inner .vc_toggle ul li::before,
.blue-bg-section .pipe-list ul li::before,
.blue-bg-section .ui-accordion-content ul li::before {
   left: 9px;
   top: 5px;
   width: 6px;
   height: 13px;
   border: solid #e00034;
   border-top-width: medium;
   border-right-width: medium;
   border-bottom-width: medium;
   border-left-width: medium;
   border-top-width: medium;
   border-right-width: medium;
   border-bottom-width: medium;
   border-left-width: medium;
   border-width: 0 4px 4px 0;
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
   position: absolute;
   content: '';
   background-color: transparent;
   border-radius: 0;
}

.blue-bg-section .vc_toggle_title > h4 {
  color: #fff;
}

.blue-bg-section .vc_toggle_title > h4 {
   border-bottom: 1px solid #2c2d66;
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   transition: all 0.3s ease;
}

.blue-bg-section .vc_toggle_active .vc_toggle_title > h4,
.blue-bg-section .vc_toggle_title:hover > h4 {
   border-bottom: 1px solid #e00034;
}

.iso-grid.iso-item-ready article {
   background-color: #fff;
   box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

body.page-template-template-blog-masonry-php .entry-meta {
   display: none;
}

.iso-grid.iso-item-ready article .blog-media p,
.iso-grid.iso-item-ready article .blog-media p a {
   margin: 0;
}

.iso-grid.iso-item-ready article .blog-content {
   padding: 10px 20px;
}

.iso-grid.iso-item-ready article .blog-content .entry-title {
   line-height: 25px;
}

.iso-grid.iso-item-ready article .blog-content .entry-title a {
   color: #fff;
   background: #e00034;
   padding: 0 5px;
   font-size: 16px;
   font-weight: 100;
}

.iso-grid.iso-item-ready article .blog-content > p {
   font-size: 16px;
   font-weight: 100;
   line-height: 22px;
   font-family: "Nunito Sans", Helvetica, Arial, Verdana, sans-serif;
}

.iso-grid.iso-item-ready article .blog-content .more-link {
   float: right;
   color: #202554;
   font-size: 14px;
   font-weight: 600;
}

.iso-grid.iso-item-ready article .blog-content .details::after {
   display: none;
}

#comments {
   display: none !important;
}

.single .post:not(.type-event) .post-thumbnail img {
  width: 100%;
  height: 500px;
  object-fit: cover;
}

.home-section-2 {

}
/*HOME*/

/*CONTACT*/
input[type="text"],
input[type="tel"],
input[type="email"] {
   border: 1px solid #202554;
   border-radius: 25px;
   background-color: #fff;
   height: 60px;
   color: #202554;
}

textarea {
   border: 1px solid #202554;
   border-radius: 25px;
   background-color: #fff;
   color: #202554;
   height: 100px;
}

::-webkit-input-placeholder {
  color: #202554;
  opacity: 1;
}

:-ms-input-placeholder {
  color: #202554;
  opacity: 1;
}

::placeholder {
  color: #202554;
  opacity: 1;
}

.contact-form-row {
   display: table;
}

.contact-form-left {
   display: table-cell;
   padding-right: 5px;
}

.contact-form-right {
   display: table-cell;
   padding-right: 5px;
}

.contact-form .custom-btn {
   height: auto;
   line-height: normal !important;
   float: right;
   margin-bottom: 30px;
}

@media (min-width: 768px) {
 :not(#partners).blue-bg-section.full-width-blue > .vc_column-inner::before {
      content: "";
      background-color: #2c2d66;
      position: absolute;
      right: -985px;
      top: 0;
      height: 100%;
      width: 1000px;
   }

   .blue-bg-section-2.full-width-blue-2 > .vc_column-inner::before {
      content: "";
      background-color: #3db7e4;
      position: absolute;
      right: -985px;
      top: 0;
      height: 100%;
      width: 1000px;
   }

   .yellow-bg-section.full-width-yellow > .vc_column-inner::before {
      content: "";
      background-color: #fdc82f;
      position: absolute;
      right: -985px;
      top: 0;
      height: 100%;
      width: 1000px;
   }
}

@media (min-width: 992px) {
   .yellow-bg-section > .vc_column-inner > .wpb_wrapper {
      background-color: #fdc82f;
      padding: 40px 60px;
   }

   .blue-bg-section-2 > .vc_column-inner > .wpb_wrapper {
      background-color: #3db7e4;
      padding: 60px 60px;
   }

   .contact-form .custom-btn {
      float: right;
      margin-bottom: 0;
   }
}

.owl-carousel .owl-nav.disabled, .owl-nav.disabled {
   display: block !important;
}
/*CONTACT*/

/*BTN*/
html body #main .custom-btn {
   border-radius: 20px;
   text-transform: uppercase;
   font-weight: normal;
   letter-spacing: 1px;
   padding: 12px 30px;
   text-decoration: none;
}

html body .booking-button {
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   transition: all 0.3s ease;
   background-color: #e00034 !important;
   color: #ffffff !important;
   text-decoration: none !important;
   font-weight: 500;
   padding: 10px 20px !important;
   font-size: 15px !important;
   letter-spacing: 1px;
   border-radius: 50px;
}

html body .booking-button:hover {
   color: #e00034 !important;
   background-color: #ffffff !important
}

@media (min-width: 992px) {
   html body .booking-button {
      margin-right: 20px;
   }
}


html body #main .custom-btn.red,
.booking-button {
   background: #e00034;
   border: 1px solid #e00034;
}

html body #main .custom-btn.red:hover,
.booking-button {
   background: #fff;
   color: #e00034;
   border: 1px solid #e00034;
}

html body #main .custom-btn.xl {
   padding: 12px 45px;
   font-size: 17px;
}

html body #main .custom-btn.transparent-red {
   border-radius: 20px;
   text-transform: uppercase;
   font-weight: normal;
   letter-spacing: 1px;
   padding: 12px 30px;
   border: 1px solid #e00034;
   color: #000000;
}

html body #main .custom-btn.transparent-red:hover {
   background-color: #e00034;
   color: #fff;
}
/*BTN*/

/*NOS OFFRES*/
#main .short-top-header .wpb_wrapper {
   text-align: center;
}

#main .short-top-header .wpb_wrapper h1 {
   padding-left: 22px;
   position: relative;
   color: #fff;
   z-index: 1;
   font-size: 46px;
   display: inline-block;
   font-weight: bold;
   text-transform: none;
   font-family: "Nunito Sans", Helvetica, Arial, Verdana, sans-serif;
}

#main .short-top-header .wpb_wrapper h1::before {
   content: "";
   background-color: #e00034;
   height: 70px;
   width: 70px;
   position: absolute;
   left: 0;
   top: -5px;
   border-radius: 50px;
   z-index: -1;
}

.short-header-1 p {
   color: #fff;
   line-height: 22px;
}

.short-header-2 p {
   color: #000;
   line-height: 22px;
}

.short-header-3 p {
   color: #fff;
   line-height: 22px;
}

.short-header-1 > .vc_column_container,
.short-header-2 > .vc_column_container,
.short-header-3 > .vc_column_container {
   padding: 50px 50px 40px 50px !important;
}

.short-header-1 > .vc_column_container > .vc_column-inner,
.short-header-2 > .vc_column_container > .vc_column-inner,
.short-header-3 > .vc_column_container > .vc_column-inner {
   padding-top: 0;
}

.short-header-1,
.short-header-2,
.short-header-3 {

}

.flip-card {
  background-color: transparent;

  perspective: 1000px;
}

.flip-card > .vc_column_container > .vc_column-inner > .wpb_wrapper {
  position: relative;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  height: 100%;
  width: 100%;
}

.flip-card .flip-card-inner:hover > .vc_column-inner > .wpb_wrapper {
  transform: rotateY(180deg);
}

.flip-card-front,
.flip-card-back {
   height: 100%;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   border-radius: 15px;
   box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.flip-card-front {
  background-color: #fff;
  color: #2c2d66;
  padding: 10px 5px;
}

.flip-card-back {
   background-color: #2c2d66;
   color: #fff;
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   transform: rotateY(180deg);
   font-size: 15px;
   line-height: 25px;
   padding: 10px 7px;
}

#content .flip-back {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   opacity: 0;
   z-index: 0;
   -webkit-transition: all 0.2s ease;
   -moz-transition: all 0.2s ease;
   transition: all 0.2s ease;
}

#content .short-header-1:hover + .flip-back.short-header-1-back,
#content .flip-back.short-header-1-back:hover {
   z-index: 1;
   opacity: 1;
}
#content .short-header-2:hover + .flip-back.short-header-2-back,
#content .flip-back.short-header-2-back:hover {
   z-index: 1;
   opacity: 1;
}
#content .short-header-3:hover + .flip-back.short-header-3-back,
#content .flip-back.short-header-3-back:hover {
   z-index: 1;
   opacity: 1;
}

.flip-back.short-header-1-back {
   color: #fff;
   z-index: 1;
   font-size: 15px;
   line-height: 22px;
}

.flip-back.short-header-2-back {
   color: #fff;
   z-index: 1;
   font-size: 15px;
   line-height: 22px;
}

.flip-back.short-header-3-back {
   color: #fff;
   z-index: 1;
   font-size: 15px;
   line-height: 22px;
}

.flip-back .s-text {
   position: absolute;
   bottom: 5px;
   left: 0;
   right: 0;
}

.flip-back > .vc_column_container,
.flip-back > .vc_column_container > .vc_column-inner {
   height: 100%;
}

.flip-back .s-text p {
   font-size: 13px;
   font-weight: 100;
   line-height: 16px;
}

.short-header-1 .wpb_text_column,
.short-header-2 .wpb_text_column,
.short-header-3 .wpb_text_column {
   text-align: center;
}

.short-header-1-outer .vc_column-inner > .wpb_wrapper,
.short-header-1-outer .vc_column-inner > .wpb_wrapper .short-header-1,
.short-header-2-outer .vc_column-inner > .wpb_wrapper,
.short-header-2-outer .vc_column-inner > .wpb_wrapper .short-header-2,
.short-header-3-outer .vc_column-inner > .wpb_wrapper,
.short-header-3-outer .vc_column-inner > .wpb_wrapper .short-header-3 {
   height: 100%;
}

.short-header-2-img-text img,
.short-header-3-img-text img {
   margin: 0 15px 0 0;
   width: 45px;
   vertical-align: middle;
   height: auto;
}

.short-header-2-img-text p,
.short-header-3-img-text p {
   font-size: 22px;
   display: inline-block;
   color: #fff;
}

.logo-text img {
   margin: 0 15px 0 0;
   width: 50px;
   vertical-align: text-bottom;
   height: auto;
}

.stretches-row {
   overflow: visible !important;
}

.blue-bg-section.stretches-right,
.blue-bg-section.stretches-left {
   position: relative;
   margin-bottom: -50px;
}

.blue-bg-section.stretches-right::before {
   background-color: #2c2d66;
   content: "";
   position: absolute;
   left: -200px;
   top: 0;
   height: 100%;
   width: 200px;
}

.blue-bg-section.stretches-left::before {
   background-color: #2c2d66;
   content: "";
   position: absolute;
   right: -200px;
   top: 0;
   height: 100%;
   width: 200px;
}

@media (min-width: 992px) {
   .short-header-1 > .vc_column_container,
   .short-header-2 > .vc_column_container,
   .short-header-3 > .vc_column_container {
      padding: 50px 70px 40px 70px !important;
   }
}

@media (min-width: 1200px) {
   .stretches-row .blue-bg-section .logo-text {
      position: relative;
      margin: -140px 0 50px 0;
      font-size: 23px;
      font-weight: bold;
   }
}
/*NOS OFFRES*/

/*Pourquoi mycellia*/
.shadow-boxes > .vc_column_container > .vc_column-inner {
   background-color: #fff;
   border-radius: 15px;
   box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
   padding-top: 20px;
   padding-bottom: 20px;
}

body #page .flip-box-wrap .horizontal_flip_left .ifb-front {
   background-color: #fff;
}

body #page .ifb-flip-box {
   border-radius: 15px;
   overflow: hidden;
}

body #page .flip-box-wrap .horizontal_flip_left .ifb-back,
body #page .flip-box-wrap .horizontal_flip_left .ifb-front {

   box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.team-row .ult-team-member-image img {
   max-width: 280px;
   margin: 0 auto;
}

.team-row .ult-team-member-image {
   text-align: center;
}

.logo-row img {
   max-height: 70px;
   width: auto;
}

body .ult-style-3 .ult-team-member-name-wrap .ult-team-member-name {
   margin-top: 10px;
   line-height: 15px;
}

@media (min-width: 992px) {
   .logo-row {
      margin-bottom: 100px;
   }
}
/*Pourquoi mycellia*/

/*Secteur Privé*/
.vertical-list .uavc-list-icon ul {
}

.vertical-list .uavc-list-icon li {
   position: relative;
}

.vertical-list .uavc-list-content span.uavc-list-desc {
   display: block;
   text-align: center;
   text-transform: uppercase;
   color: #000;
   font-size: 16px;
   line-height: 20px;
}

.vertical-list .aio-icon {
   font-size: 24px !important;
}

@media (min-width: 992px) {
   .logo-row .wpb_text_column {
      height: 70px;
   }

   .vertical-list {
      margin-top: 50px;
   }

   .vertical-list .uavc-list-icon ul {
      display: flex;
   }

   .vertical-list .uavc-list-icon li {
      flex: 1;
      position: relative;
   }

   .vertical-list .uavc-list-icon li::before {
      content: "";
      background-color: #df0635;
      width: 50%;
      height: 1px;
      position: absolute;
      top: 12px;
      right: -9px;
   }

   .vertical-list .uavc-list-icon li::after {
      content: "";
      background-color: #df0635;
      width: 50%;
      height: 1px;
      position: absolute;
      top: 12px;
      left: -9px;
   }

   .vertical-list .uavc-list-icon li:first-child::after {
      display: none;
   }

   .vertical-list .uavc-list-icon li:last-child::before {
      display: none;
   }
}

/*Secteur Privé*/

/*service public*/
.vous-etes-row .blue-text p {
   color: #3db7e4;
   text-transform: uppercase;
   font-size: 20px;
}
/*service public*/

/*FOOTER*/
.footer .menu li {
   border: none;
   text-align: center;
}

.footer .menu li a {
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   transition: all 0.3s ease;
   text-decoration: none;
}

#bottom-bar .wf-container-bottom {
   border: none;
}

#bottom-bar .wf-float-left {
   text-align: center;
   width: 100%;
}

.wf-container-footer #block-5 .wp-block-image img {
   width: 220px;
}

#footer {
   position: relative;
}

.wf-container-footer #block-6 .wp-block-image img {
   width: 75px;
}

.wp-block-group__inner-container {
   font-family: "Nunito Sans", Helvetica, Arial, Verdana, sans-serif;
   font-size: 14px;
   font-weight: 100;
   text-align: center;
}

.wp-block-group__inner-container h2 {
   text-transform: none;
   font-weight: normal;
   font-size: 22px;
   text-align: center;
}

.menu-toggle {
   margin-right: 30px;
}

.footer .menu li {
   font-size: 18px;
}

.offres-row-1,
.offres-row-3 {
   padding-bottom: 50px;
}

.offres-row-2 {
   padding-top: 50px;
   padding-bottom: 50px;
}

@media (min-width: 992px) {
   .wf-container-footer #block-6 .wp-block-image img {
      position: absolute;
      right: 15px;
      top: 15px;
   }
}

@media (min-width: 768px) {
   .footer .menu li {
      font-size: 18px;
   }

   .offres-row-1 {
      padding-bottom: 150px;
   }

   .offres-row-3 {
      padding-bottom: 100px;
   }

   .offres-row-2 {
      padding-top: 100px;
      padding-bottom: 150px;
   }
}
/*FOOTER*/

/*ANIMATION*/

html body .left-side-parallax .upb_row_bg {
   width: 100%!important;
}

html body .right-side-parallax .upb_row_bg {
   width: 100%!important;
}

@media (min-width: 768px) {
   html body .left-side-parallax .upb_row_bg {
      width: 50%!important;
      left: 0!important;
      min-width: 0!important;
      background-size: 500px !important;
   }

   html body .right-side-parallax .upb_row_bg {
      width: 50%!important;
      right: 0!important;
      min-width: 0!important;
      background-size: 500px !important;
      left: auto !important;
   }

   .left-to-right > .wpb_wrapper {
      padding-top: 35px;
   }

   .right-to-left > .wpb_wrapper {
      padding-top: 35px;
   }

   .left-to-right.remove-padding > .wpb_wrapper {
      padding: 0;
   }

   .home-section-4 {
      padding-top: 30px;
      padding-bottom: 50px;
   }
}



html body .right-side-parallax.bottom-layer .upb_row_bg::before {
   content: "";
   background: linear-gradient(to bottom, rgba(255,255,255,0) 5%,rgba(255,255,255,0.3)40%, rgb(255, 255, 255) 100%);
   position: absolute;
   left: 0;
   width: 100%;
   height: 50px;
   bottom: 0;
}

html body .left-side-parallax.top-layer .upb_row_bg::before {
   content: "";
   background: linear-gradient(to top, rgba(255,255,255,0) 5%,rgba(255,255,255,0.3)40%, rgb(255, 255, 255) 100%);
   position: absolute;
   left: 0;
   width: 100%;
   height: 50px;
   top: 0;
}

html body .right-side-parallax.top-bottom-layer .upb_row_bg::before {
   content: "";
   background: linear-gradient(to top, rgba(255,255,255,0) 5%,rgba(255,255,255,0.3)40%, rgb(255, 255, 255) 100%);
   position: absolute;
   left: 0;
   width: 100%;
   height: 50px;
   top: 0;
}

html body .right-side-parallax.top-bottom-layer .upb_row_bg::after {
   content: "";
   background: linear-gradient(to bottom, rgba(255,255,255,0) 5%,rgba(255,255,255,0.3)40%, rgb(255, 255, 255) 100%);
   position: absolute;
   left: 0;
   width: 100%;
   height: 50px;
   bottom: 0;
}
/*ANIMATION*/

/*MOBILE VERSION*/
@media (max-width: 768px) {

   body.single-portfolio .content .bubble-one {
      top: -45px;
      position: relative;
   }

   #main .short-top-header .wpb_wrapper h1 {
      display: inline;
   }

   .sticky-mobile-header:not(.transparent):not(.hidden-header) .mobile-header-space {
      display: none !important;
   }

   .masthead .top-bar .left-widgets .in-top-bar.text-area {
      z-index: 999;
   }

   .top-bar {
      width: auto;
      position: absolute;
      left: 0;
      right: 0;
      top: 6px;
   }

   .vc_rtl-columns-reverse {
      flex-flow: column-reverse;
   }

   /*.bubble-section-1 .blue-bg-section,
   .bubble-section-2 .blue-bg-section {
      margin-top: 100px;
   }*/

   .mobile-size-img img {
      max-height: 400px;
      object-fit: cover;
   }

   .blue-bg-section .vc_toggle_title > h4 {
      font-size: 15px !important;
   }

   .blue-bg-section .vc_column-inner .vc_toggle ul li {
      font-size: 14px;
   }

   .blue-bg-section .vc_toggle:last-of-type {
      margin-bottom: 0;
   }

   .blue-bg-section .vc_toggle {
      margin: 0;
   }

   .contact-row .text-right > .wpb_wrapper {
      text-align: left;
   }

   .home-top-header p {
      line-height: 24px;
   }
}

@media (max-width: 992px) {
   .link-box-outer {
      margin-top: 50px;
      padding-bottom: 40px;
   }

   .link-box {
      margin: 0 10px !important;
   }

   .dt-breadcrumbs-shortcode {
      margin-bottom: 40px;
   }

   .img-text-row .wpb_single_image {
      text-align: center;
      margin-bottom: 30px !important;
   }

   .img-text-row .blue-bg-section .vc_column-inner > .wpb_wrapper,
   .img-text-row .yellow-bg-section .vc_column-inner > .wpb_wrapper,
   .img-text-row .blue-bg-section-2.full-width-blue-2 .vc_column-inner > .wpb_wrapper {
      margin: 0 -20px;
   }

   .logo-row .vc_col-sm-3 {
      margin-bottom: 50px;
   }

   .logo-row .vc_col-sm-3  .vc_separator {
      margin-bottom: 20px;
      margin-top: 30px;
   }

   .vous-etes-section {
     padding-left: 20px !important;
     padding-right: 20px !important;
   }

   .breadcrumbs {
      padding-left: 0 !important;
   }

   .heading-mobile {
      margin-left: 20px;
   }

   body .mobile-center .uavc-list-icon .uavc-list {
      margin: 0 20px !important;
   }

   .short-top-header {
      padding-top: 40px;
   }
}

@media (max-width: 1200px) {
   .img-max-h img {
      max-height: 450px;
      object-fit: cover;
   }

   .flip-card-inner {
      margin-bottom: 35px;
   }
}
/*MOBILE VERSION*/






body .portfolio-shortcode .post-thumbnail-wrap {
   width: auto;
   top: 15px;
   text-align: center;
}

body .portfolio-shortcode .post-thumbnail:not(.overlay-placeholder) > .post-thumbnail-rollover img {
   height: auto;
   width: 120px;
}

body .portfolio-shortcode .post-details.details-type-link {
   float: right;
   color: #e00034;
}

body .portfolio-shortcode .post-details.details-type-link i {
   display: none;
}

body .portfolio-shortcode .entry-title {
   margin-bottom: 55px !important;
}

body .portfolio-shortcode article {
   border: 1px solid #3db7e4;
}

body .portfolio-shortcode .dt-css-grid .wf-cell {
   margin-bottom: 35px;
}

body .portfolio-shortcode .entry-excerpt {
   margin-bottom: 25px !important;
}




.relative {
   position: relative;
}

.z-index-min {
   z-index: -1;
}

html body .content .bubble-one {
    height: 500px;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 500px;
}

.bubble-one li {
    margin: 0;
    padding: 0;
    position: absolute;
}

.bubble-one .bubble-1 {

    top: 50%;
    transform: translateY(-50%);
}

.bubble-one .bubble-2 {
    left: 125px;
    top: 50%;
    transform: translateY(-50%);
}

.bubble-one .bubble-3 {
    left: 235px;
    top: 50%;
    transform: translateY(-50%);
}

.bubble-one .bubble-4 {
    left: 345px;
    top: 50%;
    transform: translateY(-50%);
}

.bubble-one .bubble-5 {
    left: 455px;
    top: 50%;
    transform: translateY(-50%);
}

.bubble-one .bubble-6 {
    left: 345px;
    top: 50%;
    transform: translateY(-50%);
    margin-top: -120px;
}

.bubble-one .bubble-7 {
    left: 235px;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 120px;
}

.bubble-one .bubble-8 {
    left: 240px;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 230px;
}

.bubble-one .bubble-9 {
    left: 255px;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 325px;
}

.bubble-one .bubble-10 {
    left: 115px;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 115px;
}

.bubble-one .bubble-11 {
    left: 115px;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 215px;
}

.bubble-one .bubble-12 {
    left: 40px;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 111px;
}

.bubble-one .bubble-13 {
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
    margin-top: -125px;
}

.bubble-one .bubble-14 {
    left: 372px;
    top: 50%;
    transform: translateY(-50%);
    margin-top: -300px;
}

.bubble-one .bubble-15 {
    left: 345px;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 120px;
}

.bubble-one .bubble-16 {
    left: 360px;
    top: 50%;
    transform: translateY(-50%);
    margin-top: -200px;
}

.bubble-one .bubble-17 {
    left: 215px;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 285px;
}

.bubble-one .bubble-18 {
    left: 270px;
    top: 50%;
    transform: translateY(-50%);
    margin-top: -350px;
}

.bubble-one .bubble-19 {
    left: 265px;
    top: 50%;
    transform: translateY(-50%);
    margin-top: -300px;
}

.bubble-one .bubble-20 {
    left: 260px;
    top: 50%;
    transform: translateY(-50%);
    margin-top: -100px;
}

.bubble-one .bubble-21 {
    left: 45px;
    top: 50%;
    transform: translateY(-50%);
    margin-top: -200px;
}

.bubble-one .bubble-1 img,
.bubble-one .bubble-2 img,
.bubble-one .bubble-3 img,
.bubble-one .bubble-4 img,
.bubble-one .bubble-5 img,
.bubble-one .bubble-6 img,
.bubble-one .bubble-7 img {
    width: 110px;
}

.bubble-one .bubble-8 img {
    width: 100px;
}

.bubble-one .bubble-9 img {
    width: 70px;
}

.bubble-one .bubble-10 img,
.bubble-one .bubble-11 img{
    width: 80px;
}

.bubble-one .bubble-12 img{
    width: 60px;
}

.bubble-one .bubble-13 img{
    width: 80px;
}

.bubble-one .bubble-14 img{
    width: 60px;
}

.bubble-one .bubble-15 img{
    width: 110px;
}

.bubble-one .bubble-16 img{
    width: 80px;
}

.bubble-one .bubble-17 img{
    width: 40px;
}

.bubble-one .bubble-18 img{
    width: 40px;
}

.bubble-one .bubble-19 img{
    width: 50px;
}

.bubble-one .bubble-20 img{
    width: 60px;
}

.bubble-one .bubble-21 img{
    width: 50px;
}

.bubble-bg-right {
   position: absolute;
   right: 0;
   top: 0;
}

.bubble-bg-left {
   position: absolute;
   left: 0;
}

.mirror {
   -webkit-transform: scaleX(-1);
   transform: scaleX(-1);
}

.bubble-bg-left.bubble-bg-left-top {
   top: 0;
}

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

.testimonial-carousel .entry-title {
   display: none;
}

html body .testimonial-carousel .post-thumbnail-wrap {
   position: relative;
   height: 100px;
   text-align: center;
   right: 0;
   left: 0;
   margin: 0 auto;
   top: 0;
   width: 100%;
}

body .testimonial-carousel .post-thumbnail {
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
}

body .testimonial-carousel .dt-owl-item:nth-child(2n+1) .post-entry-content {
   padding: 30px 60px;
   background: #3db7e4;
}

body .testimonial-carousel .dt-owl-item:nth-child(2n) .post-entry-content {
   background: #fdc82f;
   padding: 30px 60px;
}

body .testimonial-carousel article {
   border: none;
}

body.single-portfolio .breadcrumbs {
   position: absolute;
   bottom: -70px;
   left: 30px;
   font-size: 16px;
   display: block !important;
   text-align: left !important;
}

body.single-portfolio .title-center > .wf-wrap {
   justify-content: end;
}

body.single-portfolio .fancy-header.title-center .hgroup {
   margin-bottom: 35px;
   overflow: visible;
}

body.single-portfolio .fancy-header.title-center .hgroup h1 {
   position: relative;
}

body.single-portfolio .fancy-header.title-center .hgroup h1::before {
   content: "";
   background-color: #e00034;
   height: 70px;
   width: 70px;
   position: absolute;
   left: -20px;
   top: -17px;
   border-radius: 50px;
   z-index: -1;
}

.breadcrumbs li::before, .fancy-header .breadcrumbs li::before {
   content: ">";
}

body.single-portfolio .nav-links {
   display: none;
}

.white-text p,
.white-text h2,
.white-text h3,
.white-text h4,
.white-text ul li {
   color: #fff
}


html body .fade-carousel .owl-stage .dt-owl-item.cloned {
   opacity: 1 !important;
}

@media (min-width: 768px) {
   body .portfolio-shortcode .post-thumbnail-wrap {
      position: absolute;
      right: 15px;
      width: auto;
      top: 15px;
   }

   body .portfolio-shortcode .entry-title {
      padding-right: 130px;
   }

   body.single-portfolio .breadcrumbs {
      left: 60px;
   }

   html body .content .bubble-one {
       height: 700px;
       list-style: none;
       margin: 0;
       padding: 0;
       width: 500px;
   }

   .bubble-bg-right {
      right: 30px;
   }

   .bubble-bg-left {
      position: absolute;
      left: 30px;
   }
}

.hide {
   display: none !important;
}