@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Poppins:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");
:root{
--fr-color-site : 66 133 244;
--fr-color-site-dark : 20 40 74;
--fr-color-site-light : 142 182 249;
--fr-color-site-acc : 135 135 135;
--fr-color-site-acc-dark : 27 54 98;
--fr-color-site-yellow : 249 189 0;
--fr-color-site-green : 62 168 83;
--fr-color-font : 0 0 0;
--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.55), rgba(255, 255, 255, 0));
--fr-font1: Poppins;
--fr-font2: Poppins;
}
body{
font-family:var(--fr-font1), sans-serif;
color:rgb(var(--fr-color-font));
background-color: #ffffff;
}
.font1{
font-family:var(--fr-font1), sans-serif;
}
.font2{
font-family:var(--fr-font2), sans-serif;
}
.opacity-5{
--fr-opacity: 5% !important;
}
.opacity-10{
    --fr-opacity: 10% !important;
}
.opacity-20{
    --fr-opacity: 20% !important;
}
.opacity-30{
    --fr-opacity: 30% !important;
}
.opacity-40{
    --fr-opacity: 40% !important;
}
.opacity-50{
    --fr-opacity: 50% !important;
}
.opacity-60{
    --fr-opacity: 60% !important;
}
.opacity-70{
    --fr-opacity: 70% !important;
}
.opacity-80{
    --fr-opacity: 80% !important;
}
.opacity-90{
    --fr-opacity: 90% !important;
}
.opacity-100{
    --fr-opacity: 100% !important;
}
.bg-site{
--fr-opacity:100%;
background-color:rgb(var(--fr-color-site) / var(--fr-opacity)) !important;
}
.text-site{
--fr-opacity:100%;
color:rgb(var(--fr-color-site) / var(--fr-opacity)) !important;
}
.border-site{
--fr-opacity:100%;
border-color:rgb(var(--fr-color-site) / var(--fr-opacity)) !important;
}
.bg-site-5{
--fr-opacity:5%;
background-color:rgb(var(--fr-color-site) / var(--fr-opacity)) !important;
}
.bg-site-10{
--fr-opacity:10%;
background-color:rgb(var(--fr-color-site) / var(--fr-opacity)) !important;
}
.bg-site-20{
--fr-opacity:20%;
background-color:rgb(var(--fr-color-site) / var(--fr-opacity)) !important;
}
.bg-site-30{
--fr-opacity:30%;
background-color:rgb(var(--fr-color-site) / var(--fr-opacity)) !important;
}
.bg-site-40{
--fr-opacity:40%;
background-color:rgb(var(--fr-color-site) / var(--fr-opacity)) !important;
}
.bg-site-50{
--fr-opacity:50%;
background-color:rgb(var(--fr-color-site) / var(--fr-opacity)) !important;
}
.bg-site-60{
--fr-opacity:60%;
background-color:rgb(var(--fr-color-site) / var(--fr-opacity)) !important;
}
.bg-site-70{
--fr-opacity:70%;
background-color:rgb(var(--fr-color-site) / var(--fr-opacity)) !important;
}
.bg-site-80{
--fr-opacity:80%;
background-color:rgb(var(--fr-color-site) / var(--fr-opacity)) !important;
}
.bg-site-90{
--fr-opacity:90%;
background-color:rgb(var(--fr-color-site) / var(--fr-opacity)) !important;
}
.bg-site-100{
--fr-opacity:100%;
background-color:rgb(var(--fr-color-site) / var(--fr-opacity)) !important;
}
.bg-site-dark{
--fr-opacity:100%;
background-color:rgb(var(--fr-color-site-dark) / var(--fr-opacity)) !important;
}
.text-site-dark{
--fr-opacity:100%;
color:rgb(var(--fr-color-site-dark) / var(--fr-opacity)) !important;
}
.border-site-dark{
--fr-opacity:100%;
border-color:rgb(var(--fr-color-site-dark) / var(--fr-opacity)) !important;
}
.bg-site-dark-5{
--fr-opacity:5%;
background-color:rgb(var(--fr-color-site-dark) / var(--fr-opacity)) !important;
}
.bg-site-dark-10{
--fr-opacity:10%;
background-color:rgb(var(--fr-color-site-dark) / var(--fr-opacity)) !important;
}
.bg-site-dark-20{
--fr-opacity:20%;
background-color:rgb(var(--fr-color-site-dark) / var(--fr-opacity)) !important;
}
.bg-site-dark-30{
--fr-opacity:30%;
background-color:rgb(var(--fr-color-site-dark) / var(--fr-opacity)) !important;
}
.bg-site-dark-40{
--fr-opacity:40%;
background-color:rgb(var(--fr-color-site-dark) / var(--fr-opacity)) !important;
}
.bg-site-dark-50{
--fr-opacity:50%;
background-color:rgb(var(--fr-color-site-dark) / var(--fr-opacity)) !important;
}
.bg-site-dark-60{
--fr-opacity:60%;
background-color:rgb(var(--fr-color-site-dark) / var(--fr-opacity)) !important;
}
.bg-site-dark-70{
--fr-opacity:70%;
background-color:rgb(var(--fr-color-site-dark) / var(--fr-opacity)) !important;
}
.bg-site-dark-80{
--fr-opacity:80%;
background-color:rgb(var(--fr-color-site-dark) / var(--fr-opacity)) !important;
}
.bg-site-dark-90{
--fr-opacity:90%;
background-color:rgb(var(--fr-color-site-dark) / var(--fr-opacity)) !important;
}
.bg-site-dark-100{
--fr-opacity:100%;
background-color:rgb(var(--fr-color-site-dark) / var(--fr-opacity)) !important;
}
.bg-site-light{
--fr-opacity:100%;
background-color:rgb(var(--fr-color-site-light) / var(--fr-opacity)) !important;
}
.text-site-light{
--fr-opacity:100%;
color:rgb(var(--fr-color-site-light) / var(--fr-opacity)) !important;
}
.border-site-light{
--fr-opacity:100%;
border-color:rgb(var(--fr-color-site-light) / var(--fr-opacity)) !important;
}
.bg-site-light-5{
--fr-opacity:5%;
background-color:rgb(var(--fr-color-site-light) / var(--fr-opacity)) !important;
}
.bg-site-light-10{
--fr-opacity:10%;
background-color:rgb(var(--fr-color-site-light) / var(--fr-opacity)) !important;
}
.bg-site-light-20{
--fr-opacity:20%;
background-color:rgb(var(--fr-color-site-light) / var(--fr-opacity)) !important;
}
.bg-site-light-30{
--fr-opacity:30%;
background-color:rgb(var(--fr-color-site-light) / var(--fr-opacity)) !important;
}
.bg-site-light-40{
--fr-opacity:40%;
background-color:rgb(var(--fr-color-site-light) / var(--fr-opacity)) !important;
}
.bg-site-light-50{
--fr-opacity:50%;
background-color:rgb(var(--fr-color-site-light) / var(--fr-opacity)) !important;
}
.bg-site-light-60{
--fr-opacity:60%;
background-color:rgb(var(--fr-color-site-light) / var(--fr-opacity)) !important;
}
.bg-site-light-70{
--fr-opacity:70%;
background-color:rgb(var(--fr-color-site-light) / var(--fr-opacity)) !important;
}
.bg-site-light-80{
--fr-opacity:80%;
background-color:rgb(var(--fr-color-site-light) / var(--fr-opacity)) !important;
}
.bg-site-light-90{
--fr-opacity:90%;
background-color:rgb(var(--fr-color-site-light) / var(--fr-opacity)) !important;
}
.bg-site-light-100{
--fr-opacity:100%;
background-color:rgb(var(--fr-color-site-light) / var(--fr-opacity)) !important;
}
.bg-site-acc{
--fr-opacity:100%;
background-color:rgb(var(--fr-color-site-acc) / var(--fr-opacity)) !important;
}
.text-site-acc{
--fr-opacity:100%;
color:rgb(var(--fr-color-site-acc) / var(--fr-opacity)) !important;
}
.border-site-acc{
--fr-opacity:100%;
border-color:rgb(var(--fr-color-site-acc) / var(--fr-opacity)) !important;
}
.bg-site-acc-5{
--fr-opacity:5%;
background-color:rgb(var(--fr-color-site-acc) / var(--fr-opacity)) !important;
}
.bg-site-acc-10{
--fr-opacity:10%;
background-color:rgb(var(--fr-color-site-acc) / var(--fr-opacity)) !important;
}
.bg-site-acc-20{
--fr-opacity:20%;
background-color:rgb(var(--fr-color-site-acc) / var(--fr-opacity)) !important;
}
.bg-site-acc-30{
--fr-opacity:30%;
background-color:rgb(var(--fr-color-site-acc) / var(--fr-opacity)) !important;
}
.bg-site-acc-40{
--fr-opacity:40%;
background-color:rgb(var(--fr-color-site-acc) / var(--fr-opacity)) !important;
}
.bg-site-acc-50{
--fr-opacity:50%;
background-color:rgb(var(--fr-color-site-acc) / var(--fr-opacity)) !important;
}
.bg-site-acc-60{
--fr-opacity:60%;
background-color:rgb(var(--fr-color-site-acc) / var(--fr-opacity)) !important;
}
.bg-site-acc-70{
--fr-opacity:70%;
background-color:rgb(var(--fr-color-site-acc) / var(--fr-opacity)) !important;
}
.bg-site-acc-80{
--fr-opacity:80%;
background-color:rgb(var(--fr-color-site-acc) / var(--fr-opacity)) !important;
}
.bg-site-acc-90{
--fr-opacity:90%;
background-color:rgb(var(--fr-color-site-acc) / var(--fr-opacity)) !important;
}
.bg-site-acc-100{
--fr-opacity:100%;
background-color:rgb(var(--fr-color-site-acc) / var(--fr-opacity)) !important;
}
.bg-site-acc-light{
--fr-opacity:100%;
background-color:rgb(var(--fr-color-site-acc-light) / var(--fr-opacity)) !important;
}
.text-site-acc-light{
--fr-opacity:100%;
color:rgb(var(--fr-color-site-acc-light) / var(--fr-opacity)) !important;
}
.border-site-acc-light{
--fr-opacity:100%;
border-color:rgb(var(--fr-color-site-acc-light) / var(--fr-opacity)) !important;
}
.bg-site-acc-light-5{
--fr-opacity:5%;
background-color:rgb(var(--fr-color-site-acc-light) / var(--fr-opacity)) !important;
}
.bg-site-acc-light-10{
--fr-opacity:10%;
background-color:rgb(var(--fr-color-site-acc-light) / var(--fr-opacity)) !important;
}
.bg-site-acc-light-20{
--fr-opacity:20%;
background-color:rgb(var(--fr-color-site-acc-light) / var(--fr-opacity)) !important;
}
.bg-site-acc-light-30{
--fr-opacity:30%;
background-color:rgb(var(--fr-color-site-acc-light) / var(--fr-opacity)) !important;
}
.bg-site-acc-light-40{
--fr-opacity:40%;
background-color:rgb(var(--fr-color-site-acc-light) / var(--fr-opacity)) !important;
}
.bg-site-acc-light-50{
--fr-opacity:50%;
background-color:rgb(var(--fr-color-site-acc-light) / var(--fr-opacity)) !important;
}
.bg-site-acc-light-60{
--fr-opacity:60%;
background-color:rgb(var(--fr-color-site-acc-light) / var(--fr-opacity)) !important;
}
.bg-site-acc-light-70{
--fr-opacity:70%;
background-color:rgb(var(--fr-color-site-acc-light) / var(--fr-opacity)) !important;
}
.bg-site-acc-light-80{
--fr-opacity:80%;
background-color:rgb(var(--fr-color-site-acc-light) / var(--fr-opacity)) !important;
}
.bg-site-acc-light-90{
--fr-opacity:90%;
background-color:rgb(var(--fr-color-site-acc-light) / var(--fr-opacity)) !important;
}
.bg-site-acc-light-100{
--fr-opacity:100%;
background-color:rgb(var(--fr-color-site-acc-light) / var(--fr-opacity)) !important;
}
.fr-opacity-5{
--fr-opacity:5% !important;
}
.fr-opacity-10{
--fr-opacity:10% !important;
}
.fr-opacity-20{
--fr-opacity:20% !important;
}
.fr-opacity-30{
--fr-opacity:30% !important;
}
.fr-opacity-40{
--fr-opacity:40% !important;
}
.fr-opacity-50{
--fr-opacity:50% !important;
}
.fr-opacity-60{
--fr-opacity:60% !important;
}
.fr-opacity-70{
--fr-opacity:70% !important;
}
.fr-opacity-80{
--fr-opacity:80% !important;
}
.fr-opacity-90{
--fr-opacity:90% !important;
}
.fr-opacity-100{
--fr-opacity:100% !important;
}
.bg-gradient-dark{
background-image:linear-gradient(180deg, rgb(var(--fr-color-site-dark)/100%), rgb(var(--fr-color-site-dark)/0%))
}
.bg-gradient-white{
background-image:linear-gradient(180deg, rgb(255 255 255 /40%),  rgb(255 255 255/0%))
}
.bg-gradient-white-120{
background-image:linear-gradient(120deg, rgb(255 255 255 /40%),  rgb(255 255 255/0%))
}
.btn-site-acc {
--bs-btn-color: #fff;
background: rgb(var(--fr-color-site-acc));
--bs-btn-border-color: rgb(var(--fr-color-site-acc-dark));
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: rgb(var(--fr-color-site-acc-dark));
--bs-btn-hover-border-color: rgb(var(--fr-color-site-acc-dark));
--bs-btn-focus-shadow-rgb: 211, 212, 213;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: rgb(var(--fr-color-site-acc-dark));
--bs-btn-active-border-color: rgb(var(--fr-color-site-acc-dark));
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: rgb(var(--fr-color-site-acc-dark));
--bs-btn-disabled-border-color: rgb(var(--fr-color-site-acc-dark));
}
.btn-site {
--bs-btn-color: #fff;
--bs-btn-bg: rgb(var(--fr-color-site));
--bs-btn-border-color: rgb(var(--fr-color-site-dark));
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: rgb(var(--fr-color-site-dark));
--bs-btn-hover-border-color: rgb(var(--fr-color-site-dark));
--bs-btn-focus-shadow-rgb: 211, 212, 213;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: rgb(var(--fr-color-site-dark));
--bs-btn-active-border-color: rgb(var(--fr-color-site-dark));
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: rgb(var(--fr-color-site-dark));
--bs-btn-disabled-border-color: rgb(var(--fr-color-site-dark));
}
.btn-site-light {
--bs-btn-color: #fff;
--bs-btn-bg: rgb(var(--fr-color-site-light));
--bs-btn-border-color: rgb(var(--fr-color-site));
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: rgb(var(--fr-color-site-dark));
--bs-btn-hover-border-color: rgb(var(--fr-color-site-dark));
--bs-btn-focus-shadow-rgb: 211, 212, 213;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: rgb(var(--fr-color-site-dark));
--bs-btn-active-border-color: rgb(var(--fr-color-site-dark));
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: rgb(var(--fr-color-site-dark));
--bs-btn-disabled-border-color: rgb(var(--fr-color-site-dark));
}
.lh-normal{
line-height:normal !important;
}
.vertical-center {
min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
min-height: 100vh; /* These two lines are counted as one :-)       */

display: flex;
align-items: center;
}
.spooler{
display:none;
}
.preview{
display:none;
z-index:10000 !important;
}
.ft-12 {
font-size: 12px;
}
.ft-14 {
font-size: 14px;
}
.ft-16 {
font-size: 16px;
}
.ft-18 {
font-size: 18px;
}
.ft-19 {
font-size: 19px;
}
.ft-20 {
font-size: 20px;
}
.ft-24 {
font-size: 24px;
}
.ft-28 {
font-size: 28px;
}
.ft-32 {
font-size: 32px;
}
.ft-36 {
font-size: 36px;
}
.ft-40 {
font-size: 40px;
}
.ft-48 {
font-size: 48px;
}
.ft-52 {
font-size: 52px;
}

.ft-72 {
font-size: 72px;
}
@media (max-width: 768px){
.ft-sm-12{
font-size: 12px !important;
}
.ft-sm-14{
font-size: 14px !important;
}
.ft-sm-16{
font-size: 16px !important;
}
.ft-sm-18{
font-size: 18px !important;
}
.ft-sm-20{
font-size: 20px !important;
}
.ft-sm-24{
font-size: 24px !important;
}
.ft-sm-28{
font-size: 28px !important;
}
.ft-sm-32{
font-size: 32px !important;
}
.ft-sm-36{
font-size: 36px !important;
}
.ft-sm-48{
font-size: 48px !important;
}
.ft-sm-52{
font-size: 52px !important;
}
.ft-sm-58{
font-size: 58px !important;
}
}
    .fr-opacity-5{
    --fr-opacity: 5% !important;
    }
    .fr-opacity-10{
    --fr-opacity: 10% !important;
    }
    .fr-opacity-15{
    --fr-opacity: 15% !important;
    }
    .fr-opacity-20{
    --fr-opacity: 20% !important;
    }
    .fr-opacity-30{
    --fr-opacity: 30% !important;
    }
    .fr-opacity-40{
    --fr-opacity: 40% !important;
    }
    .fr-opacity-50{
    --fr-opacity: 50% !important;
    }
    .fr-opacity-60{
    --fr-opacity: 60% !important;
    }
    .fr-opacity-70{
    --fr-opacity: 70% !important;
    }
    .fr-opacity-80{
    --fr-opacity: 80% !important;
    }
    .fr-opacity-90{
    --fr-opacity: 90% !important;
    }
    .fr-opacity-100{
    --fr-opacity: 100% !important;
    }
.bg-site{
    --fr-opacity:100%;
    background-color:rgb(var(--fr-color-site) / var(--fr-opacity)) !important;
}
.text-site{
    --fr-opacity:100%;
    color:rgb(var(--fr-color-site) / var(--fr-opacity)) !important;
}
.bg-site-dark{
    --fr-opacity:100%;
    background-color:rgb(var(--fr-color-site-dark) / var(--fr-opacity)) !important;
}
.text-site-dark{
    --fr-opacity:100%;
    color:rgb(var(--fr-color-site-dark) / var(--fr-opacity)) !important;
}
.bg-site-acc{
    --fr-opacity:100%;
    background-color:rgb(var(--fr-color-site-acc) / var(--fr-opacity)) !important;
}
.text-site-acc{
    --fr-opacity:100%;
    color:rgb(var(--fr-color-site-acc) / var(--fr-opacity)) !important;
}
.bg-site-acc-dark{
    --fr-opacity:100%;
    background-color:rgb(var(--fr-color-site-acc-dark) / var(--fr-opacity)) !important;
}
.text-site-acc-dark{
    --fr-opacity:100%;
    color:rgb(var(--fr-color-site-acc-dark) / var(--fr-opacity)) !important;
}
.bg-site-yellow{
    --fr-opacity:100%;
    background-color:rgb(var(--fr-color-site-yellow) / var(--fr-opacity)) !important;
}
.text-site-yellow{
    --fr-opacity:100%;
    color:rgb(var(--fr-color-site-yellow) / var(--fr-opacity)) !important;
}
.bg-site-green{
    --fr-opacity:100%;
    background-color:rgb(var(--fr-color-site-green) / var(--fr-opacity)) !important;
}
.text-site-green{
    --fr-opacity:100%;
    color:rgb(var(--fr-color-site-green) / var(--fr-opacity)) !important;
}

header:before{
background-image: url(https://e-ads.frdev.ovh/e-ads/img/e-ads-bg-right.svg);background-position: top right;
background-size: contain;
content: ' ';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
}
.border-deco{
position: relative;
}
.border-deco hr{
border-color: rgb(var(--fr-color-site)) !important;
border-width: 3px !important;
opacity: 1;
}
.rond-1, .rond-2, .rond-3 {
position: absolute;
width: 20px;
height: 20px;
border-radius: 50rem;
top: 50%;
left: 50%;
font-size: 22px;
}
.rond-1{
transform: translate(-120%,-50%);
}
.rond-2{
transform: translate(-50%,-50%);
}
.rond-3{
transform: translate(20%,-50%);
}
.bg-left {
background-image: url(https://e-ads.frdev.ovh/assets/img/bg-left.svg);
background-position: left top;
background-repeat: no-repeat;
background-size: 130px;
}
#ggavis{
width: fit-content;
}
.btn-site-light{
--bs-btn-color: #fff;
--bs-btn-bg: rgb(var(--fr-color-site-light));
--bs-btn-border-color: rgb(var(--fr-color-site-light));
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: rgb(var(--fr-color-site));
--bs-btn-hover-border-color: rgb(var(--fr-color-site));
--bs-btn-focus-shadow-rgb: 49, 132, 253;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: rgb(var(--fr-color-site));
--bs-btn-active-border-color: rgb(var(--fr-color-site));
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: rgb(var(--fr-color-site-light));
--bs-btn-disabled-border-color: rgb(var(--fr-color-site-light));
}
::placeholder {
color: #666666 !important;
font-size:12px;
opacity: 1; /* Firefox */
}
::-ms-input-placeholder { /* Edge 12-18 */
color: #666666 !important;
font-size:12px;
}
.ratio-9x16{
padding-top: calc(16 / 9 * 100%);
}
.carousel-img{
object-fit: cover;
object-position: top;
}
.carousel-img:hover{
object-fit: contain;
object-position: center;
box-shadow: 0 0 15px rgba(0, 0, 0, .5);
}
.navbar-transparent {
background: rgb(var(--fr-color-site-dark)/0%);
}
.logo {
width: 120px;
}
@media (max-width: 768px){
@media (max-width: 992px) {
.navbar-transparent {
background: rgb(var(--fr-color-site-dark)/90%);
}
}
@media (max-width: 820px){
header:before{
background-size: cover;
opacity: .3;
}
}
@media (max-width: 768px){
header:before{
background-position: top right;
background-repeat: no-repeat;
background-size: cover;
opacity: .3;
}
.ratio-sm-4x3{
padding-top: calc(3 / 4 * 100%);
}
}

.navbar{
transition: all 0.5s ease-in-out;
}