@font-face {
    font-family: "LuckiesGuy";
    font-style: normal;
    src: url("../fonts/LuckiestGuy-Regular.ttf") format("opentype");
}@font-face {
    font-family: "Georgia";
    font-style: normal;
    src: url("../fonts/georgia/Georgia\ Regular\ font.ttf") format("opentype");
}@font-face {
    font-family: "Georgia";
    font-style: bold;
    src: url("../fonts/georgia/georgia\ bold.ttf") format("opentype");
}@font-face {
    font-family: "ProximaNova";
    src: url("../fonts/ProximaNova/ProximaNova.ttf") format("opentype"),
        url("../fonts/ProximaNova/ProximaNova.woff") format("woff"),
        url("../fonts/ProximaNova/Proxima\ Nova.otf") format("opentype");
}@font-face {
    font-family: "Metropolis";
    font-weight: normal;
    src: url("../fonts/Metropolis/EOT/Metropolis-Regular.eot") format("opentype"),
        url("../fonts/Metropolis/WOFF/Metropolis-Regular.woff") format("woff"),
        url("../fonts/Metropolis/WOFF2/Metropolis-Regular.woff2") format("opentype");
}@font-face {
    font-family: "Metropolis";
    font-weight: bold;
    src: url("../fonts/Metropolis/EOT/Metropolis-Bold.eot") format("opentype"),
        url("../fonts/Metropolis/WOFF/Metropolis-Bold.woff") format("woff"),
        url("../fonts/Metropolis/WOFF2/Metropolis-Bold.woff2") format("opentype");
}@font-face {
    font-family: "Metropolis";
    font-weight: 400;
    src: url("../fonts/Metropolis/EOT/Metropolis-SemiBold.eot") format("opentype"),
        url("../fonts/Metropolis/WOFF/Metropolis-SemiBold.woff") format("woff"),
        url("../fonts/Metropolis/WOFF2/Metropolis-SemiBold.woff2") format("opentype");
}

:root {
    --l-font-special: "Metropolis";
    --l-color-dark: #161615;
    --l-color-red-main: #DA4D31;
    --l-color-grey: #707070;
    --l-color-red: #5F0101;
    --l-color-gold: #FFCB83;
}
html, body{
    margin: 0;
    padding: 0;
    overflow-x: hidden!important;
    font-family: var(--l-font-special);
    max-width: 100vw!important;
    background-color: #161615;
}

header {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 100000;
}
body {
    margin-top: 80px;
}
    
/* GENERAL */

.p-relative{position: relative;}
h1,h2,h3,h4,h5,h6{font-family: 'Georgia';font-weight: bold;}
.h2 {
    font-size: 1.8rem!important;
}
.z-index-max{z-index: 100;position: relative;}
.f-georgia{font-family: 'Georgia';}
h1{font-size: 4rem;margin-bottom: 1rem;}
.text-bold{font-weight: bold!important;}
.op-1{opacity: 1!important;}
.bandeau-red{background-image: url('../img/v2/bg-paysage.svg');background-repeat: no-repeat;background-size: contain;background-position: center;}
.text-title-bandeau{margin: 0;color: white;font-weight: bold;letter-spacing: 0.2rem;font-size: 2.5rem;}
.text-left{text-align: left;}
.tel-form{margin: 0;
    background: white;
    border: 2px solid white;
    padding: 0.5rem 3rem;
    margin-right: -6rem;
    position: absolute;
    top: 2rem;
    left: 11%;
    color: var(--l-color-red-main);text-decoration: none;
    transition: all ease 1s;}
.tel-form:hover{transition: all ease 1s;background-color: var(--l-color-red-main);color: white!important;}
.link-footer{color: white;text-decoration: none;transition: all ease 1s;font-size: .9rem;}
.link-footer:hover{border-bottom: 1px solid white;color: white;transition: all ease 1s;}
.list-none{list-style: none;}
.text-maj{text-transform: uppercase;}

/* GENERAL */
/* COLOR */

.text-black{color: var(--l-color-dark)!important;}
.text-white{color: white!important;}
.text-red {color: var(--l-color-red-main)!important;}
/* COLOR */
/* BACKGROUND */
.bg-black{background-color: rgb(48, 48, 48)!important;}
.bg-dark{background-color: var(--l-color-dark);}
.bg-red-main{background-color: var(--l-color-red-main);}
.bg-form-gold{
    background-image: url('../img/v2/bg-gold-1.webp');
    margin-top: 0rem;
    position: relative;
    z-index: 90;
    background-size: 100% auto;
    background-repeat: repeat-y;
}

.bg-form-dark-overlay {
    background-image: url('../img/v2/bg-black-top.webp');
    background-size: 100% auto;
    background-position: center top;
    margin-top: -5rem;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    position: relative;
    z-index: 500;
    padding-top: 5rem;

}

.bg-form-dark{
    background-image: url('../img/v2/bg-black-full.webp');
    background-size: 101% auto;
    background-position: 0rem -5rem;
    margin: 0rem;
    padding:0;
    height: 100%;
    width: 101%;
    background-repeat: repeat-y;    
    position: relative;
}
.bg-form-dark-after::after{
    content: "";
    position: absolute;
    top:100%;
    width: 100%;
    height: 10rem;
    left: 0;
    background-image: url('../img/v2/bg-black-bottom.webp');
    background-size: 100% auto;
    background-position: top center;
    z-index: 1000;
    background-repeat: no-repeat;
}
.coming-soon {
    position: relative;
}
.coming-soon::after {
    content: "";
    position: absolute;
    background-image: url('../img/v2/coming_soon_v.png');
    top: -1.5rem;
    left: 50%;
    width: 10rem;
    height: 4rem;
    background-size: contain;
    transform: rotate(-12deg);
    background-repeat: no-repeat;
}


.bg-form-gold-2{
    background-image: url('../img/v2/bg-gold-2-full.webp');
    background-size: 100% auto;
    background-position: 0 -6rem;
    position: relative;
    z-index: 500;
    background-repeat: repeat;
    padding-bottom:10rem;
}
.bg-form-gold-2::before {
    content: "";
    position: absolute;
    top: -5rem;
    left: 0;
    background-image: url('../img/v2/bg-gold-2-top.webp');
    background-size: 100%;
    background-position: top center;
    height: 100%;
    background-repeat: no-repeat;
    width: 100%;
    z-index: -1;
}
.bg-form-gold-2-content {
    position: relative;
    z-index: 1000;
}

.bg-form-dark-2{background-image: url('../img/v2/bg-dark.webp');margin-top: -4.5rem;position: relative;z-index: 50;background-repeat: no-repeat;background-size: 100% 100%;}

.bg-form-red-3{
    background-image: url('../img/v2/bg-red-1.webp');
    background-size: 100% 100%;
    position: relative;
    z-index: 40;
    background-repeat: no-repeat;
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.bg-dark-footer{
    background: #161615;position: relative;z-index: 300;background-repeat: no-repeat;background-size: 100% 100%;}

.bg-dark-footer::before {
    content: "";
    position: absolute;
    top: -4rem;
    left: 0;
    width: 100%;
    height: 5rem;
    background-image: url('../img/v2/footer-top-bottom.webp');
    background-repeat: no-repeat;
}
.bg-form-red{
    background-image: url('../img/v2/bg-red-1.webp');
    background-size: 100% auto;
    position: relative;
    z-index: 100;
    background-repeat: repeat;
}
.bg-form-red::after {
    content: "";
    position: absolute;
    bottom: -5rem;
    left: 0;
    background-image: url('../img/v2/bg-red-1-with-bottom.webp');
    background-size: 100%;
    background-position: bottom center;
    height: 100%;
    background-repeat: no-repeat;
    width: 100%;
    z-index: 200;
}
.bg-form-red-content {
    position: relative;
    z-index: 300;
}

.bg-form-red-2{
    background-image: url('../img/v2/bg-red-sunlight.webp');
    margin-top: 0;
    background-size: 100% 100%;
    position: relative;
    z-index: 70;
    background-repeat: no-repeat;
    padding-top: 10rem;
    padding-bottom: 10rem;
}


.bg-form-title{
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 79%);background-color: white;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 79%);background-color: white;
    width: 40%;
    margin-top: -1.5rem;
    padding-top: 3rem;
    padding-bottom: 0rem;
    margin-bottom: 0;
    text-align: left;
    padding: 3rem 1rem 5rem 1rem;
}
.bg-form-title-2{
    /* clip-path: polygon(0 0, 100% 0, 100% 100%, 0 79%);background-color: white; */
    background-color: white;
    width: 90%;
    margin-bottom: 0;
    text-align: left;
    padding: 2rem 1.5rem;
    box-shadow: 15px 15px 0px black;
}
.bg-point{
    position: relative;
    opacity: 1!important;
    --bs-bg-opacity: 1!important;
    border-top: 5px solid black;
}
.bg-point::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: repeat;
    background-size: 100%;
    z-index: 100;
    opacity: 0.2;
    background-image: url('../img/v2/filter-point.webp');
}
.bg-point-content {
    z-index: 500;
    opacity: 1;
    position: relative;
}
.bg-real{width: 100%;background-size: cover;
    background-position: center center;}


.filter-point{width: 100%;height: 100%;object-fit: cover;}


.pb-10 {
    padding-bottom: 6rem!important;
}
.ofit-cover {
    object-fit: cover;
}
.filter-points-over {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url('../img/v2/filter-point.webp');
    top: 0;
    left: 0;
}

.bg-form-title p{margin-bottom: 0;}
.filter-gray{filter: grayscale(1);}
.filter-gray-anim{filter: grayscale(1);transition: all ease 1s;}
.filter-gray-anim:hover{filter: none;transition: all ease 1s;}

.filter-sepia{filter: sepia(1);}

.big-right-dots-border {
    position:relative;
}
.big-right-dots-border::before {
    content: "";
    position:absolute;
    top: 0;
    left: 0;
    background-size: contain;
    width: 100%;
    height: 100%;
    background-repeat: repeat-y;
    z-index: 20;
    background-image: url('../img/v2/big-dots-border.webp');
}

.dots-under {
    position: relative;
}
.dots-under::before {
    content: "";
    position: absolute;
    top: 2.5rem;
    left: 2.5rem;
    width: 100%;
    height: 100%;
    background-image: url('../img/v2/dots.webp');
    background-repeat: repeat;
    background-position:top right;
}.dots-under-2 {
    position: relative;
}
.dots-under-2::before {
    content: "";
    position: absolute;
    top: 2.5rem;
    left: 2.5rem;
    width: 90%;
    height: 100%;
    background-image: url('../img/v2/dots.webp');
    background-repeat: repeat;
    background-position:top right;
}
.testa-masking{
    
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    -webkit-mask-image: radial-gradient(circle, black 50%, rgba(0, 0, 0, 0.5) 100%);
    mask-image: radial-gradient(circle, black 50%, rgba(0, 0, 0, 0.5) 50%);
}
/* BACKGROUND */
/* NAVBAR */

.nav-item{list-style: none;}
.nav-link{text-decoration: none; color: white;text-transform: uppercase;border-bottom: 1px solid transparent;position: relative;letter-spacing: 0.1rem;transition: all ease 1s}
.nav-link.active::before{content: "";position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;border: 1px solid white;width: 80%;transition: all ease 1s;}
.nav-link:hover{color: white;transition: all ease 1s;text-decoration: none!important;}
.nav-link::before{content: "";position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;border: 1px solid transparent;width: 80%;transition: all ease 1s;}
.nav-link:hover::before{content: "";position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;border: 1px solid white;width: 80%;transition: all ease 1s;}
.navbar{padding: 0;}
.navbar-expand-lg .navbar-nav .nav-link {font-size: 0.9rem;padding-right:1rem;padding-left:1rem;}
.tel-bandeau{padding: 0.5rem 2rem;margin-right: 1rem;}
.nav-item a img{transition: all ease 0.5s;}
.nav-item a:hover img{padding-bottom: 0.5rem;transition: all ease 0.5s;}
.tel-menu{text-decoration: none; color: white;text-transform: uppercase;background-color: var(--l-color-red-main);transition: all ease 1s;}
.tel-menu:hover{color: var(--l-color-red-main);background-color: white;transition: all ease 1s;}
.navbar-nav {
    padding-left: 1rem;
}
/* NAVBAR */
/* PICTURE */

.logo-nav{height: 5rem;width: 5rem;object-fit: contain;}
.logo-google{height: 3rem;width: 3rem;object-fit: cover;margin-right: 0.5rem;}
.img-stars{object-fit: contain;height: 1.5rem;width: fit-content;margin-right: 0.5rem;}
.avatar-nav{height: 5rem;width: 5rem;object-fit: contain;position: absolute;left: -28%;right: 0;}
.bd-hero-section{object-fit: contain;height: 100%;width: 100%;}
.img-bandeau-title{height: 5.5rem;object-fit: cover;margin-bottom: 2.5rem;}
.dot-before-bandeau{position: absolute;top: 0;right: 0;z-index: 20;height: 100%;width: 100%;}
.img-bandeau-card{width: 100%;object-fit: cover;border-bottom: 2px solid black;position: relative;height: 20rem;}
.img-card{height: 20rem;width: 100%!important;object-fit: cover;}
.icon-description{height: 1.5rem;width: 1.5rem;margin-bottom: 0.5rem;}
.img-video{
    width: 100%;
    object-fit: contain;
    height: 15rem;}
.img-map{width: 100%;object-fit: cover;box-shadow: 15px 15px 0px rgba(0, 0, 0, 0.90);z-index: 100;position: relative;}
.point-before-map{position: absolute;
    height: 78%;
    width: 95%;
    z-index: 50;
    top: 7%;
    right: -4%;
    object-fit: cover;}
.avatar-form{object-fit: cover;z-index: 5;position: relative;}
.img-insta-footer{width: 100%;
    object-fit: cover;}
.icon-menu{height: 2.6rem;width:2.6rem;margin: 0 0.2rem;background-color:rgb(218, 77, 49);border-radius: 50px;display: flex;align-items: center;justify-content: center;transition: all ease 1s;}
.icon-menu:hover {
    transform: scale(0.9);
    transition: all ease 1s;
}
.img-hero-benefits{    height: 20rem;
    width: 90%;
    object-fit: cover;
    box-shadow: 15px 15px 0px black;}
    

/* PICTURE */
/* MARGIN */

.m-none{margin: 0;}

.mt-1{margin-top: 1rem!important;}
.mt-25{margin-top: 2.5rem!important;}
.mt-33{margin-top: 3.3rem;}
.mt-66{margin-top: 6.6rem;}

.mb-none{margin-bottom: 0;}
.mb-15{margin-bottom: 1.5rem;}
.mb-2{margin-bottom: 2rem!important;}
.mb-3{margin-bottom: 3rem!important;}
.mb-4{margin-bottom: 4rem!important;}
.mb-45{margin-bottom: 4.5rem!important;}
.mb-6{margin-bottom: 6rem;}
.mb-7{margin-bottom: 7rem;}

.mr-1{margin-right: 1rem;}

.ml-1{margin-right: 1rem;}

/* MARGIN */
/* PADDING */

.p-none{padding: 0;}
.pt-3{padding-top: 3rem!important;}
.pr-1{padding-right: 1rem;}
.pb-3{padding-bottom: 3rem!important;}
.pl-3{padding-left: 3rem!important;}
.pl-4{padding-left: 4rem!important;}
.pb-5{padding-bottom: 5rem;}

/* PADDING */
/* HEIGHT */

.h-100-p{height: 100%;}
.h-55{height: 55rem;}
.h-33{height: 33rem;}
.h-10{height: 12rem;}

/* HEIGHT */   
/* WIDTH */

.w-30{width: 30rem;}
.w-10{width: 10rem;}

/* WIDTH */
/* FONT SIZE */

.f-08{font-size: 0.8rem;}
.f-09{font-size: 0.9rem;}
.f-12{font-size: 1.2rem;}
.f-11{font-size: 1.1rem;}
.f-15{font-size: 1.5rem;}
.f-2{font-size: 2rem;}
.f-3{font-size: 3rem;}

.mb-05 {
    margin-bottom: 0.5rem!important;
}

.color-grey {
    color:var(--l-color-grey)
}

/* FONT SIZE */  
/* BUTTON */

.button-bd{padding: 0.5rem 1rem;
    color: black;
    text-decoration: none;
    border: 2px solid black;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1px;
    background-color: white;
    box-shadow: 5px 5px 0px black;
    transition: all ease 0.5s;
    display: block;
    width: fit-content;
}
.button-bd:hover{
    color: white;
    background-color: var(--l-color-red-main);
    box-shadow: 5px 5px 0px black;
    transition: all ease 0.5s;
}

.button-bd-black{padding: 0.5rem 1rem;
    color: white;
    text-decoration: none;
    border: 2px solid rgb(76, 76, 76);
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1px;
    background-color: rgb(29, 29, 29);
    box-shadow: 5px 5px 0px rgb(81, 81, 81);
    transition: all ease 0.5s;
    display: block;
    width: fit-content;
}
.button-bd-black:hover{
    color: black;
    background-color: white;
    box-shadow: 5px 5px 0px black;
    transition: all ease 0.5s;
    text-decoration: none!important;
}


.button-container {
    margin: auto;
    position: relative;
    height: auto;
    margin-bottom: 4rem;
    width: 100%;
    z-index: 0;
}
.button-bd-3 {
	padding: 0.5rem 1rem;
    text-decoration: none;
	color: #161615;
    font-weight: bold;
	text-align:center;
    text-transform: uppercase;
    letter-spacing: 1px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	border: #161615 2px solid;
	overflow: hidden;
	-webkit-transition: all 0.6s cubic-bezier(0.55, 0, 0.1, 1);
	-moz-transition: all 0.6s cubic-bezier(0.55, 0, 0.1, 1);
	-o-transition: all 0.6s cubic-bezier(0.55, 0, 0.1, 1);
	transition: all 0.6s cubic-bezier(0.55, 0, 0.1, 1);
	cursor: pointer;
	box-shadow: 0px 0px 0px #161615;
}

.button-bd-3:hover {
	box-shadow: 5px 5px 0px #161615, -5px -5px 0px #161615;
    color: white!important;
    border: #161615 2px solid;
}
.button-bd-3-bg {
	width: 100%;
	height: 100%;
	position: absolute;
	background: transparent;
	top: 0;
	left: 0;
	transform: translate3d(0px, 50px, 0px);
	-webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
	-moz-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
	-o-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
	transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
	z-index: -1;
}
.button-bd-3:hover .button-bd-3-bg{
    opacity: 1;
	background-image: url('../img/v2/bg-red-1.webp');
    transform: translate3d(0px, 0px, 0px);
    
}

.button-bd-2{
    padding: 0.5rem 1rem;
    color: black;
    text-decoration: none;
    border: 2px solid black;
    font-weight: 900;
    text-transform: uppercase;
    --bs-bg-opacity: 1;
    letter-spacing: 1px;
    background-color: white;
    font-size: 0.7rem;
    display: inline-block;
    margin-bottom: 5px;
}
.button-bd-2:hover {
    color: var(--l-color-red-main);
}

/* BUTTON */
/* HERO SECTION */

#triangle-red-dark {
    clip-path: polygon(0 0, 100% 0, 100% 47%, 0% 100%);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 47%, 0% 100%);
    background-color: var(--l-color-red);
    padding: 1rem 0 0 0;
    height: 6rem;
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    width: 100%;
  }
#triangle-white {
    clip-path: polygon(0 12%, 100% 0, 100% 100%, 0% 100%);
    -webkit-clip-path: polygon(0 12%, 100% 0, 100% 100%, 0% 100%);
    background-color: white;
    height: 29rem;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    text-align: center;
    padding: 0 2rem 0 1.5rem;
}

/* HERO SECTION */
/* CARD */

.card-category{border: 2px solid black;padding: 0;box-shadow: 15px 15px 0px rgba(0, 0, 0, 0.90);z-index: 100;position: relative;}
.content-card{padding: 2rem 3rem 2rem 3rem;text-align: center;background-color: white;position: relative;}
.card-bg-dark{
    clip-path: polygon(0 0, 100% 10%, 100% 99%, 0 89%);
    -webkit-clip-path: polygon(0 0, 100% 10%, 100% 99%, 0 89%);
}

/* CARD */
/* PICTURE FORM */

#triangle-img-top{
    clip-path: polygon(0 0, 100% 0, 100% 13%, 0% 28%);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 13%, 0% 28%);
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    width: 100%;
    background-size: 100% 35%;
}
#triangle-img-top::after {
    content: "";
    position: absolute;
    clip-path: polygon(0 0, 100% 0, 100% 30%, 0% 100%);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 30%, 0% 100%);
    height: 100%;
    top: 0;
    right: 0;
    width: 100%;
   /* background-image: url('../img/v2/filter-point-2x.webp');*/
    background-repeat: repeat;
    background-size: cover;
}
#triangle-img-right{ 
    clip-path: polygon(0 30%, 33% 25%, 33% 100%, 0% 100%);
    -webkit-clip-path: polygon(0 30%, 33% 25%, 33% 100%, 0% 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    height: 100%;
    background-size: 34% 75%;
    background-position: bottom left;
}
#triangle-img-left{
    clip-path: polygon(35% 24.7%, 100% 15%, 100% 100%, 35% 100%);
    -webkit-clip-path: polygon(35% 24.7%, 100% 15%, 100% 100%, 35% 100%);
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    text-align: center;
    background-position: bottom right;
    /*background-size: 65% 85%;*/
    background-size: 85% auto;
}

/* SLIDE */
.splide__arrows {
    position: absolute!important;
    height: 100%!important;
    width: 100%!important;
}
.splide__arrow.splide__arrow--prev {
    border-radius: 0!important;
    background-color: white!important;
    border: 2px solid black!important;
    box-shadow: 5px 5px 0px black;
    position: absolute!important;
    top: 50%!important;
    left: 0!important;
}
/*.splide__arrow{top: 95%!important;}*/
.splide__arrow.splide__arrow--next{
    position: absolute!important;
    top: 50%!important;
    left:calc(-2rem + 100%)!important;
    border-radius: 0!important;
    background-color: white!important;
    border: 2px solid black!important;
    box-shadow: -5px 5px 0px black;}
.text-notice{
    padding: 2rem;
}
.text-notice::before,
.text-notice::after {
  content: "";
  position: absolute;
  width: 88%;
  height: 80%;
  border: 5px solid transparent;
}
.text-notice::before {
    border-top-color: black;
    border-right-color: black;
    top: 0;right: 0;
}
.text-notice::after {
    border-bottom-color: black;
    border-left-color: black;
    left: 0;bottom: 0;
}
.text-notice-white{
    padding: 2rem;
}
.text-notice-white::before,
.text-notice-white::after {
  content: "";
  position: absolute;
  width: 88%;
  height: 80%;
  border: 5px solid transparent;
}
.text-notice-white::before {
    border-top-color: white;
    border-right-color: white;
    top: 0;right: 0;
}
.text-notice-white::after {
    border-bottom-color: white;
    border-left-color: white;
    left: 0;bottom: 0;
}
.quote-notice::before,.quote-notice::after{
    position: absolute;
    content: "";
    background-image: url('../img/v2/quote-left.webp');
    height: 2rem;
    width: 2rem;
    background-repeat: no-repeat;
    background-size: cover;
}
.quote-notice::before{
    left: -0.7rem;
    top: -0.7rem;
}
.quote-notice::after{
    right: -0.7rem;
    bottom: -0.7rem;
    rotate: 180deg;
}
.splide__list{padding-top: 3rem!important;}
.splide__list.p-0{padding-top: 0!important;}
.splide-photos {
    background:white;
}
.splide-photos .splide__arrows {
    left:0!important;
}
.splide-photos .splide__slide {
    text-align: center;
}
.splide-photos .splide__arrows button.splide__arrow.splide__arrow--prev {
    left: 0.5rem!important;
}
.splide-photos .splide__arrows button.splide__arrow.splide__arrow--next {
    left:initial!important;
    right:0.5rem;
}
.splide-photos .splide__pagination__page.is-active {
    background: black;
}
/* SLIDE */
/* FORM */

.input-form{width: 100%;
    padding: 0.5rem;
    border: 3px solid black;
    margin-bottom: 0.5rem;
    border-radius: 0!important;}

.form-control:focus {
    color: #262626;
    background-color: #fff;
    border: 3px solid black;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(27, 27, 27, 0.3);
}
form{margin-top: 1rem;}
form .mb-3{margin-bottom: 1rem!important;}

/* FORM */
/* FOOTER */

.text-overlay{    width: fit-content;
    padding: 0.5rem 2rem;
    box-shadow: 5px 5px 0px black;
    border: 1px solid black;}

.overlay-footer{
    top: 50%;
    position: absolute;
    left: 48%;
    transform: translate(-50%, -50%);
    width: fit-content;
}
/* FOOTER */
.img-card-product{object-fit: cover;width: 100%;
    height: 20rem;}
.title-card-product{margin: 0;
    height: 2.5rem;
    padding: 0.2rem 0 1rem 0;
    color: white;}
.bg-bubble{
    background-image: url('../img/v2/bubble.webp');
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}
.bubble-overlay{position: relative;}
.bubble-overlay::before{
    background-image: url('../img/v2/home_speech_bubble.webp');
    content: "";
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    height: auto;
    width: 20rem;
    top: 19%;
    left: 45%;
    padding: 10%;
}
.bubble-overlay::after{
    position: absolute;
    top: 20%;
    right: 9%;
    height: 9.1rem;
    width: 17rem;
    padding: 1rem;
    overflow: hidden;
    text-align: center;
}

.overlay-footer a {
    color: black;
    text-decoration: none;
    transition: all ease 1s
}
.overlay-footer a:hover {
    color: black;
    text-decoration: underline;
    transition: all ease 1s
}

.footer-link {
    color:white;
    text-decoration: none;
    transition: all ease 1s
}
.footer-link:hover {
    text-decoration: underline;
    color: white;
    transition: all ease 1s
}

.bg-white a {
    color:black;
    text-decoration: none;
    transition: all ease 1s
}
.bg-white a:hover {
    color:black;
    text-decoration: underline;
    transition: all ease 1s
}

.text-white a {
    color:white;
    text-decoration: none;
    transition: all ease 1s
}
.text-white a:hover {
    color:white;
    text-decoration: underline;
    transition: all ease 1s
}

a.bg-red-main.text-white {
    text-decoration: none;
    transition: all ease 1s;
}
a.bg-red-main.text-white:hover {
    color: var(--l-color-red-main)!important;
    background-color: white!important;
    transition: all ease 1s;
}

.spin {
    animation: spin 2s infinite linear;
    display: inline-block;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform:rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform:rotate(360deg)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform:rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform:rotate(360deg)
    }
}


.button-bd:disabled {
    background-color: #808080;
}

.bg-red-form {
    width: fit-content;
    padding-right:1rem;
    padding-left:1rem;
    background-color:#da4d31;
    clip-path: polygon( 1.477% 0%,52.361% 6.849%,76.208% 0%,84.015% 3.567%,100% 4.939%,97.274% 51.506%,100% 100.005%,47.213% 97.262%,1.983% 100.005%,0% 53.424% );
    -webkit-clip-path: polygon(1.477% 0%, 52.361% 6.849%, 76.208% 0%, 84.015% 3.567%, 100% 4.939%, 97.274% 51.506%, 100% 100.005%, 47.213% 97.262%, 1.983% 100.005%, 0% 53.424%);
}


.contact-img-form-left {
    position:relative;
    height:100%;
    width: 100%;
    object-position:top left;
    object-fit:cover;
    clip-path: polygon(0 0, 72% 0, 22% 100%, 0 100%);
    -webkit-clip-path: polygon(0 0, 72% 0, 22% 100%, 0 100%);
}

.contact-img-form-right {
    height:100%;
    width:100%;
    position:absolute;
    right:0.7rem;
    bottom:0;
    object-fit:cover;
    object-position:bottom right;
    clip-path: polygon(75% 0, 100% 0, 100% 100%, 25% 100%);
    -webkit-clip-path: polygon(75% 0, 100% 0, 100% 100%, 25% 100%);
}


#product-rdv-img-1 {
    position:absolute;
    height:100%;
    width:40%;
    clip-path: polygon(0 0, 17% 0, 77% 100%, 0 100%);
    -webkit-clip-path: polygon(0 0, 17% 0, 77% 100%, 0 100%);
    object-fit:cover;
    background-position:center left;
}

#product-rdv-white-bloc {
    clip-path: polygon(16% 0%, 100% 0%, 100% 100%, 60% 100%);
    -webkit-clip-path: polygon(16% 0%, 100% 0%, 100% 100%, 60% 100%);
}

.navbar-toggler {
    color: white;
    font-size: 2rem;
}

.pr-2 {
    margin-right: 1rem;
}

a{
    color:black;
    text-decoration: none;
}
a:hover{
    color:black;
    text-decoration: underline;
}

.bg-point-content {
    overflow: hidden;
}
.bg-point-content a {
    white-space: nowrap;
    margin-bottom: 0.5rem;
    margin-right: 0.5rem;
    display: inline-block;
}
.bg-point-content a:last-child {
    margin-bottom: 0!important;
}
#page-product-col-block {
    overflow: hidden!important;
}

.product-clip-path-2 {
    position:absolute;
    width:100%;
    height:30%;
    bottom:0;
    left:0;
    --bs-gutter-x: 1.5rem;
    margin-right: calc(var(--bs-gutter-x) * .5);
    margin-left: calc(var(--bs-gutter-x) * .5);
    clip-path: polygon(0 58%, 100% 15%, 100% 100%, 0 100%);
    -webkit-clip-path:polygon(0 58%, 100% 15%, 100% 100%, 0 100%);
    --bs-gutter-y: 0;
}

.product-clip-path-1 {
    clip-path: polygon(0 0, 100% 0, 100% 80%, 0 95%);
    -webkit-clip-path:polygon(0 0, 100% 0, 100% 80%, 0 95%);
    position:relative;
    transition:all ease 1s;
    height: 90%;
    object-fit: cover;
    object-position: center center;
}

.product-clip-path-2 img {
    padding-right: 1rem;
    object-fit: cover;
    object-position: center center;
}

.overlay-see {
    position: relative;
    filter: grayscale(1);transition: all ease 1s;
}
.overlay-see:hover {
    position: relative;
    cursor: pointer;
    filter: none;transition: all ease 1s;
}


.carousel-photos {
    height:30rem;object-fit:contain;width: 100%;
}

@media (max-width: 1010px) {
    #product-rdv-img-1 {
        width: 65%;
    }
    #page-product-block {
        display: flex!important;
        flex-direction: column-reverse!important;
        
    }
    #page-product-block #page-product-block-img {
        margin-bottom: 2rem;
        height: 57vh;
        max-height: 57vh!important;
        min-height: 57vh!important;
    }
    #page-product-block #page-product-block-img img:first-child {
        height: 50vh!important;
        max-height: 50vh!important;
        min-height: 50vh!important;
    }
    #page-product-block #page-product-block-img img:last-child {
        height: 20vh;
        max-height: 20vh!important;
        min-height: 20vh!important;
    }

    
    #page-product-block #page-product-block-content {
   
    }
    
    .navbar-collapse.collapse,
    .navbar-collapse.collapsing,
    .navbar-collapse.collapse.show  {
        text-align: center!important;
    }
    .navbar-collapse.collapse ul.navbar-nav,
    .navbar-collapse.collapsing ul.navbar-nav,
    .navbar-collapse.collapse.show ul.navbar-nav {
        margin-bottom: 2rem!important;
    }
    .navbar-collapse.collapse li.nav-item,
    .navbar-collapse.collapsing li.nav-item,
    .navbar-collapse.collapse.show li.nav-item  {
        width: 80%!important;
        margin-left: 10%!important;
    }

    .navbar-collapse.collapse.show li.nav-item a.nav-link,
    .navbar-collapse.collapsing li.nav-item a.nav-link,
    .navbar-collapse.collapse li.nav-item a.nav-link {
        text-decoration: none;
        font-size: 1.1rem!important;
        padding-top: 2rem!important;
    }


    .img-map {
        height: 20rem!important;
        max-height: 20rem!important;
    }
    #footer-row {
        display: flex;
        flex-direction: column-reverse;
    }
    .big-right-dots-border::before {
        background-size: initial;
    }
    #heart-product {
        display: flex;
        flex-direction: column-reverse;
    }
    #heart-product-content {
        width: 100%!important;
    }
    #heart-product-content .bg-red-form p.text-title-bandeau.f-2 {
        font-size: 1.5rem!important;
    }
    #hearts-product-img {
        height: 50vh;
        margin-bottom: 2rem;
        width: 100%!important;
    }
    #hearts-product-img .d-flex.p-relative {
        overflow: hidden;
    }
    #hearts-product-img #triangle-img-left {
        background-size: 85% 85%;
    }
    .f-3 {
        font-size: 2rem!important;
    }
    .splide__arrows {
        width: 96%!important;
        margin-left: 2%!important;
    }

    .quote-notice::after {
        left: 90%!important;
        bottom: 0%!important;
    }
    .quote-notice::before {
        top: -1rem!important;
        left: -1.5rem!important;
    }
}
@media (min-width: 1020px) and (max-width: 1470px) {
    #triangle-white {
        height: auto!important;
        clip-path: initial;
        -webkit-clip-path: initial;
        position: relative;
    }
    #triangle-white h1 {
        margin-top: 2rem;
        font-size: 2.5rem!important;
    }
}

@media (min-width: 1200px) and (max-width: 1450px) {
    #triangle-white .col-12.col-xl-4 {
        width: 100%!important;
    }
}
/***
iPad size
****/
@media (min-width: 810px) and (max-width: 1020px) {
    #last-projects-title {
        width: 70%;
        margin-bottom: 3rem;
    }

    #triangle-white {
        margin-top: 2rem;
        clip-path: initial;
        -webkit-clip-path: initial;
        height: auto;
        padding: 2rem;
        position: relative;
    }
}
/***
iPad Pro size
****/
@media (min-width: 1006px) and (max-width: 1420px) {
    .bg-form-gold .col-12.col-md-10.col-xxl-11 {
        width: 90%!important;
    }
    .bg-form-gold .col-12.col-md-10.col-xxl-11 .col-11.mx-md-auto.col-lg-4.p-5 {
        padding: 1.8rem!important;

    }
    .content-card {
        padding: 1rem!important;
    }
    .content-card h2 {
        font-size: 1.2rem!important;
    }
    .content-card .mb-2 {
        margin-bottom: 2.5rem!important;
    }
    .img-bandeau-card {
        height: 13rem!important;
    }
}

@media (max-width: 600px) {
    #product-rdv-white-bloc {
        clip-path: initial;
        -webkit-clip-path: initial;
    }
    #product-rdv-calendar {
        height: 100vh;
    }
}

@media (max-width: 800px) {

    #triangle-white {
        clip-path: initial;
        -webkit-clip-path: initial;
        height: auto;
        padding: 2rem;
        position: relative;
    }
    h1 {
        font-size: 2.2rem;
    }
    .h-33 {
        height: auto;
    }
    .bubble-overlay::before {
        padding: 15%;
    }

    .col-12.col-lg-6.bubble-overlay {
        margin-bottom: 1.5rem;
    }
    .mb-45 {
        margin-bottom: 0!important;
    }
    .mt-25 {
        margin-top: 0!important;
    }
    .content-card {
        padding: 1rem;
    }
    .f-15 {
        font-size: 1.3rem;
    }
    .img-bandeau-card {
        height: 15rem;
    }
    .bg-form-title {
        width: 90%;
        margin-left: 4%;
    }
    .mt-33, .mt-66 {
        margin-top: 0;
    }

    .bg-form-red-2 {
        padding-top: 2rem;
        padding-bottom: 5rem;
    }
    .carousel-photos {
        height:25rem;object-fit:contain;width: 100%;
    }
}

.min-h {
    min-height: 100%;
}
.text-justify {
    text-align: justify!important;
}

.to-full-hd {
    filter: blur(3px);
    -webkit-filter: blur(3px); 
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=4)";
  }
  .to-full-hd.loaded {
    filter: blur(0px)!important;
    -webkit-filter: blur(0px)!important; 
    -moz-filter: blur(0px);
    -o-filter: blur(0px);
    -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=4)";
    transition: all ease 0.4s;
  }