/*
Theme Name: Flatsome MB Labo
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/* Navigation */

.tilted-left {
  transition: transform 0.2s ease-in-out;
}
.tilted-left:hover{
 transform: rotate(0deg);
}

.tilted-right {
  transition: transform 0.2s ease-in-out;
}
.tilted-right:hover{
 transform: rotate(0deg);
}

.animate-moove-up {
  transition: transform 0.3s ease-in-out;
}

.animate-moove-up:hover {
  transform: translateY(-3px);
}

.animate-moove-left {
  transition: transform 0.3s ease-in-out;
}

.animate-moove-left:hover {
  transform: translateX(-3px);
}

.animate-moove-right {
  transition: transform 0.3s ease-in-out;
}

.animate-moove-right:hover {
  transform: translateX(3px);
}

.header_logo {
  transition: transform 0.3s ease-in-out !important;
}

.header_logo:hover {
  transform: translateY(-3px);
}

.grecaptcha-badge{
	visibility:hidden !important;
}

*{
	transition-delay: 0s !important;
	animation-delay: 0s !important;
}

.anim-delay-1 {
	transition-delay: 1s !important;
}

.anim-delay-2 {
	transition-delay: 2s !important;
}

.anim-delay-3 {
	transition-delay: 3s !important;
}

.anim-delay-4 {
	transition-delay: 4s !important;
}

.anim-delay-5 {
	transition-delay: 5s !important;
}

.anim-delay-6 {
	transition-delay: 6s !important;
}

.anim-delay-6 {
	transition-delay: 6s !important;
}

.slow-transi {
	transition-duration: 1.5s;
}

.blog-shadow-diffuse {
    box-shadow: 0 1px 1px rgba(0,0,0,0.08), 
                0 2px 2px rgba(0,0,0,0.12), 
                0 4px 4px rgba(0,0,0,0.16), 
                0 8px 8px rgba(0,0,0,0.20);
}

.blog-shadow-diffuse-card {
    box-shadow: 0px 0px 16px rgba(0,0,0,0.08), 
                2px 2px 2px rgba(0,0,0,0.12), 
                4px 4px 4px rgba(0,0,0,0.16), 
                8px 8px 8px rgba(0,0,0,0.20);
}

.blog-shadow-dreamy {
    box-shadow: 0 1px 2px rgba(0,0,0,0.07), 
                0 2px 4px rgba(0,0,0,0.07), 
                0 4px 8px rgba(0,0,0,0.07), 
                0 8px 16px rgba(0,0,0,0.07),
                0 16px 32px rgba(0,0,0,0.07), 
                0 32px 64px rgba(0,0,0,0.07);
}

.blog-shadow-dreamy-card {
    box-shadow: 1px 1px 2px rgba(0,0,0,0.07), 
                2px 2px 4px rgba(0,0,0,0.07), 
                4px 4px 8px rgba(0,0,0,0.07), 
                8px 8px 16px rgba(0,0,0,0.07),
                16px 16px 32px rgba(0,0,0,0.07), 
                32px 32px 64px rgba(0,0,0,0.07);
}

.border-radius-10-all{
	border-radius: 10px;
}

[data-animate] {
	transition: filter .6s, transform .8s,opacity .6s ease-in !important;
}

/* Bandeau infini hero 1ère page */
.wrapper {
  max-width: 100%;
  overflow: hidden;
}
/* Fin bandeau infini hero première page */

.mp0 {
	margin-bottom:0;
	padding-bottom:0;
}

.z999{
	z-index:999;
}

.title-bg-vert {
	background-color: #99C24C;
}

.title-bg-bleu {
	background-color: #01B3A2;
}

.title-bg-orange {
	background-color: #F7A196;
}

.banner-full-responsive-h {
	height: 100%;
}

.testitest {
	transition: transform .2s ease-in-out;
}

.testitest:hover {
	transform: translate(-2px, -1px);
}

.rotato-potato {
  animation: rotateForever 8s linear infinite;
}

@keyframes rotateForever {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.mpb0 {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

.pb10 {
	padding-bottom:10px !important;
}

@media only screen and (max-width: 1437px) {
	.display-no-xl-none {
		display:none !important;
	}
	.display-no-xl-true {
		display:true !important;
	}
}

@media only screen and (min-width: 1438px) {
	.display-no-xl-true {
		display:none !important;
	}
}

.tilted-left-card {
	transform: rotate(-3deg);
}
.tilted-right-card {
	transform: rotate(3deg);
}

.tilted-half-left {
	transform: rotate(-45deg);
}
.tilted-half-right {
	transform: rotate(45deg);
}

.row-horizontal-scroll {
	flex-direction: row !important;
    flex-wrap: nowrap !important;
    overflow-x: scroll !important;
}

.row-horizontal-scroll > .col {
	flex: 0 0 auto;
}

.row-horizontal-scroll > .col > .col-inner {
/* 	width: 1000px; */
}

.ux-body-overlay{
	background:none !important;
	transition:none !important;
}
.ux-body-overlay--hover-active {
	background: none !important;
	transition: none !important;
}

.transparent .header-main {
	height: 60px !important;
}
.hover-header-button-secondary{
	color:#f58056 !important;
}
.hover-header-button-secondary:hover {
	color:#fff !important;
}

.header-inner.container {
	max-width:1300px;
}

@media only screen and (min-width: 1450px) {
	.header-inner.container {
		font-size: 1em !important;
	}
	
	.background-linear-devsurmesure {
		background: rgb(255,255,255);
		background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 15%, rgba(189, 228, 216,1) 15%, rgba(189, 228, 216,1) 85%, rgba(255,255,255,1) 85%, rgba(255,255,255,1) 100%);
	}
}

@media only screen and (min-width: 850px) and (max-width: 1449px){
	.header-inner.container {
		font-size: .9em !important;
	}
}

.slider-500 > .slider {
	height:500px;
}
/* 
.space-between-col-inner > .col-inner {
	display: flex;
    flex-direction: column;
    justify-content: space-between;
} */

.header .shade, .header .shade-top {
	background: none !important;
}

.footer-links a{
	color:#585858;
}

.footer-links a:hover{
	color:#585858;
}

.background-blur .box-image img {
	filter: blur(2px);
}

.row-accordion-choix-complement {
	min-height: 618px !important;
}

.font-100-screen {
	font-size: 3.6vw !important;
}

.z-999{
	z-index : 0;
}

.insta-title-offset {
	margin-bottom : -4.3vw !important;
}

.tabbed-content a[aria-selected="true"] {
    background-color: #841811 !important;
    color: #ffffff; 
}

.round-button-read-more {
	width: 95px;
	height: 95px;
	border-radius: 100%;
	display: flex;
  	align-items: center;
}

.text-box-item-center {
	display: flex;
	align-items: center;
	justify-content: center;
}

.search-bar {
	padding: 0px !important;
}

.search-box-article input {
	background-color: #FFF9F1 !important;
}

.has-transparent li a{
	color: #01b3a2 !important;
	transition: color .2s ease-in-out !important;
}

.has-transparent li a:hover, .has-transparent li a:active  {
	color: #01b3a2 !important;
}

.header:not(.transparent) .header-nav-main.nav > li.active > a {
	color: #01b3a2 !important;
}

.header:not(.transparent) .header-nav-main.nav > li.active:hover > a {
	color: #01b3a2 !important;
}

.accordion-title.active {
	color: #01b3a2 !important;
}

.img-rounded img{
	border-radius: 50%;
}

.iframe-ratio {
	aspect-ratio: 9 / 16;
	height: 100%;
	width: 100%;
}

.slider-style-container .flickity-slider>:not(.is-selected) {
	opacity: 1 !important;
}

.icon-box .icon-box-text, .icon-box .icon-box-img {
	display: flex;
	align-items: center;
}

.steps-numbers {
	border-radius: 50%;
    width: 85px;
    height: 85px;
    background-color: rgb(255, 239, 211);
}

.steps-numbers-bento {
	border-radius: 50%;
    width: 85px;
    height: 85px;
	background-color: rgb(132, 24, 17);
}

.gradient-esthe {
	background: rgb(255,249,241);
	background: linear-gradient(180deg, rgb(255, 249, 241) 0%, rgb(255, 239, 211) 100%);
}

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

/* HERO BENTO */
.br-15 {
	border-radius: 5px;
}

.br-15 .col-inner{
	border-radius: 5px;
}

.banner-br-15 {
	border-radius: 5px;
}

.banner-br-15 .banner-bg {
	border-radius: 5px;
}

.ani-delay-1  {
	transition-delay: 2s !important;
}
.ani-delay-2 {
	transition-delay: 3s !important;
}
.ani-delay-3 {
	transition-delay: 4.5s !important;
}
.ani-delay-4 {
	transition-delay: 5s !important;
}
.ani-delay-5 {
	transition-delay: 5.5s !important;
}
.ani-delay-6 {
	transition-delay: 7s !important;
}
.ani-delay-7 {
	transition-delay: 7.5s !important;
}
.ani-delay-8 {
	transition-delay: 8s !important;
}

.gradient-bento-red{
	background: rgb(132,24,17);
	background: linear-gradient(36deg, rgba(132,24,17,1) 0%, rgba(92,17,12,1) 33%, rgba(150,38,31,1) 66%, rgba(132,24,17,1) 100%);
}

.gradient-bento-beige {
	background: rgb(255,234,196);
	background: linear-gradient(25deg, rgba(255,234,196,1) 0%, rgba(255,242,220,1) 33%, rgba(255,244,225,1) 66%, rgba(255,242,220,1) 100%);
}

.border-made-in-france {
  border: 5px solid;
	border-radius: 5px;
  border-image: linear-gradient(90deg, #000091 33%, white 33%, white 66%, #E1000F 66%) 1;
}

/* .video-shrink {
	position: absolute;
	top:0;
	left:0;
	height:96vh;
	width:100vw;
	z-index:1;
	transition: transform, 2s, ease-in;
} */

/* .video-shrink {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 96vh;
  z-index:1;
  animation: shrinkToCenter 4s ease-in-out forwards;
background-color:red;
}

.video-shrink .banner-bg {
	object-fit:cover;
	object-position: center;
	width:100%;
} */

.anim-blur .banner-layers {
	border-radius: 5px;
	animation: glassBlur 3s linear 12s forwards !important;
}

@keyframes glassBlur {
  0% {
    backdrop-filter: blur(2px);
  }
  100% {
    backdrop-filter: blur(8px);
  }
}

.bg-blur{
	backdrop-filter: blur(1px);
}

.icones-bordeaux i{
	color: rgb(132, 24, 17);
}

.zind-marg-top-neg{
	z-index:999;
	margin-top:-3px;
}

.wpcf7 .wpcf7-not-valid-tip {
background-color: #01B3A2 !important;
color: #FFF !important;
margin-bottom: 5px;
}

.wpcf7 .wpcf7-not-valid-tip:after {*
border: 10px solid #01B3A2 !important;
border-bottom-color: #01B3A2 !important;
}

.wpcf7-not-valid {
	border: solid 2px !important;
	border-color: #01B3A2 !important;
}

input[type=text].wpcf7-not-valid, input[type=tel].wpcf7-not-valid, input[type=email].wpcf7-not-valid,
input[type=date].wpcf7-not-valid,
select.wpcf7-not-valid {
 	color:#505050 !important;
	border-bottom: solid 1px !important;
	border-color: var(--fs-color-alert) !important;
}

#center-submit > input{
	display:block !important;
	margin:auto;
	font-weight: bold;
}