@font-face {
font-family: 'Alamain';
src: url('../fonts/Alamain.ttf.woff') format('woff'),
url('../fonts/Alamain.ttf.svg#Alamain') format('svg'), url('../fonts/Alamain.ttf.eot'), url('../fonts/Alamain.ttf.eot?#iefix') format('embedded-opentype');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Montserrat';
font-stretch: PERCENTAGE_RANGE_LOW_TO_HIGH;
/* Note that font-stretch is a % of normal width */
font-style: normal;
/* See note below */
font-weight: 500;
src: url('../fonts/Montserrat-VariableFont_wght.ttf') format('woff2');
}

@font-face {
font-family: 'Montserrat bold';
font-stretch: PERCENTAGE_RANGE_LOW_TO_HIGH;
/* Note that font-stretch is a % of normal width */
font-style: normal;
/* See note below */
font-weight: 600;
src: url('../fonts/Montserrat-VariableFont_wght.ttf') format('woff2');
}

.update-progress {
position: fixed;
height: 100%;
width: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 9999999;
text-align: center;
background-color: rgba(0, 0, 0, 0.7);
color: White;
}

.update-progress>div {
position: fixed;
height: 200px;
width: 100%;
top: 50%;
right: 0;
bottom: 50%;
left: 0;
margin: -100px 0;
}

.update-progress img {
margin: 0 auto;
}

.slogan {
font-family: 'Alamain';
text-transform: none;
text-align: center;
letter-spacing: 0;
font-weight: normal;
font-size: 1.8em;
margin: 0 auto 20px;
padding: 0 5%;
position: relative;
line-height: 1.8em;
z-index: 2;
}

.slogan::before {
content: url(../img/deco-left-slogan.png);
background-size: contain;
width: auto;
height: 100%;
position: relative;
margin-right: 5px;
vertical-align: middle;
}

.slogan::after {
content: url(../img/deco-right-slogan.png);
background-size: contain;
width: auto;
height: 100%;
position: relative;
margin-left: 5px;
vertical-align: middle;
}

.logo {
width: 100%;
height: auto;
max-width: 250px;
margin: 5px auto;
display: block;
position: relative;
transition: all 1s;
}

body,
html {
font-size: 18px;
color: #223A42 !important;
font-weight: 400;
margin: 0;
padding: 0;
overflow-x: hidden;
scroll-padding-top: 195px;
scroll-behavior: smooth;
}

.cartouches-home {
margin-bottom: 50px;
text-align: center;
}

.cartouches-home div {
height: 100%;
}

.cartouches-home h3 {
padding: 20px 10px;
}

.cartouches-home .body-content {
padding: 5% 5% 25px 5%;
}

.cartouches-home .col-sm-4 {
margin-bottom: 30px;
}
.cartouches-home .col-sm-4  .bg-primary{
border-radius: 25px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
-ms-border-radius: 25px;
-o-border-radius: 25px;
}
.cartouches-home .col-sm-4  .bg-primary img{
border-bottom-left-radius: 25px;
border-bottom-right-radius: 25px;
}
.no-padding {
padding: 0;
}

.contenus {
margin: 0 -15px;
padding: 5% 0;
position: relative;
text-align: justify;
}

.link-top {
display: inline-block;
float: right;
font-size: 0.4em;
vertical-align: top;
text-align: right;
margin-right: 1em;
}

.link-top ul {
margin: 0;
}

.link-top .btn-menu {
max-width: 180px;
margin: 0 auto;
transition: all 0.8s;
position: relative;
max-height: 100%;
width: 48%;
}

.link-top a.flag {
opacity: 0.4;
}

.link-top a.flag:hover {
opacity: 1;
}

.link-top a .fab {
color: #43C1B5 !important;
font-weight: normal;
font-size: 1.4em;
}

.btn-menu:hover {
transform: scale(0.8);
}

.btn-menu {
width: 100%;
width: 49%;
max-width: 220px;
margin: 10px auto;
transition: all 0.8s;
}

.mm-menu a .btn-menu {
width: 60% !important;
margin: 0 auto;
display: block;
}

.search-top {
display: inline-block;
font-size: 0.3em;
border-bottom: 1px solid #43C1B5;
padding-bottom: 5px;
margin: 2px 15px;
vertical-align: middle;
width: 20%;
}

.search-top.search-page {
width: 98%;
margin-bottom: 20px;
font-size: 1.2em;
}

.search-top.search-page input[type="text"] {
width: 95%;
}

.search-top input[type="text"] {
color: #43C1B5;
border: none;
border-collapse: collapse;
padding: 0 5px;
width: 85%;
}

.search-top #imageField {
max-width: 15%;
height: auto;
}

.search-menu {
display: none !important;
}

.search-top input,
.search-menu input {
vertical-align: middle;
position: relative;
}

.actif a {
opacity: 0.4;
cursor: default;
}

.actif a.flag {
cursor: pointer;
}

.link-top a {
color: #A70076;
font-weight: 900;
}

.link-top a:hover {
color: #999999;
text-decoration: none;
}

.link-menu {
display: none !important;
}

.titre {
margin: 20px auto 30px;
font-size: 2.5em;
padding-bottom: 1rem;
font-weight: 100;
color: #A70076;
display: inline-block;
position: relative;
word-wrap: break-word;
-moz-hyphens: auto;
hyphens: auto;
line-height: 1em;
text-transform: uppercase;
}

.titre:before {
content: "";
position: absolute;
width: 50%;
height: 1px;
bottom: 0;
left: 25%;
border-bottom: 2px solid var(--primary);
}

.ss-titre::before {
content: '--';
font-size: 3em;
line-height: 0em;
vertical-align: middle;
letter-spacing: -0.15em;
margin: 0 0.2em 0 -0.75em;
font-weight: 600;
}

.ss-titre {
margin: 0;
font-size: 1.5em;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 2.5em;
}

.plus {
color: White;
font-size: 1.4em;
border-radius: 100%;
display: block;
position: absolute;
padding: 0.35em 0.5em;
transition: all 1s;
line-height: 1.2em;
width: 50px;
height: 50px;
text-align: center;
left: 45%;
bottom: -25px;
}

.plus:hover {
opacity: 0.7;
}

.sub-footer {
margin-top: 0;
margin-bottom: 0;
}

.sub-footer p {
margin-top: 15px;
margin-bottom: 20px;
}

.sub-footer a {
color: #223A42;
}

.sub-footer h5 {
font-size: 1.2em;
text-transform: uppercase;
color: #A70076;
margin-top: 20px;
font-weight: 400;
}

.sub-footer h4 {
margin-top: 20px;
font-weight: 400;
}

.sub-footer .btn-lg {
width: 20%;
font-size: 1em;
padding-left: 5%;
padding-right: 5%;
border: none;
}

.sub-footer .form-control-lg {
width: 75%;
font-size: 1em;
}

.footer {
/* background: #EFEFEF url(../img/ComiteCharte_Don_logo_RVB1.png) left center no-repeat;
background-size: contain; */
padding: 1% 0 5px;
color: #223A42;
font-size: 0.9em;
}

.footer .list-unstyled {
display: inline-block;
vertical-align: middle;
}

.footer-bo {
font-size: 0.7em;
background-image: none;
margin-top: 30px;
padding-bottom: 2%;
}

.footer-bo::before {
content: '';
display: none !important;
}

.copyright {
font-size: 0.8em;
}

.copyright a {
color: #666666 !important;
}

/* .footer .list-unstyled li::after {
content: '///';
margin-left: 1em;
color: #43C1B5;
}

.footer ul.list-unstyled li:last-child::after {
content: '';
} */

.footer a {
color: #223A42;
}

.footer .reseaux a {
color: #43C1B5;
}

.footer .list-unstyled.reseaux li::after {
content: '';
}

/* .footer::before {
content: url(../img/arbre-toutes-a-lecole.png);
display: block;
position: absolute;
margin: -95px 45% 0;
} */

.sticky-wrapper.is-sticky .logo {
max-width: 185px;
}

#header-sticky-wrapper {
z-index: 10 !important;
height: auto !important;
min-width: 100%;
}

#header {
background: White;
z-index: 10 !important;
min-width: 100%;
}

.sticky-wrapper.is-sticky .navbar {
padding: 5px;
}

.sticky-wrapper.is-sticky #header {
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);
}

.header {
overflow: hidden;
position: relative;
color: White;
}

.header .icon {
float: left;
font-size: 4em;
}

.header h1 {
padding: 2px 0 2px 2.5%;
display: inline-block;
margin: 0;
vertical-align: middle;
width: 100%;
}

.nom {
text-align: center;
color: #A70076;
font-size: 1.1em;
font-weight: 600;
clear: both;
margin-top: 15px;
}

#slider .carousel-caption {
right: 15%;
bottom: 45px;
left: 15%;
z-index: 10;
padding-top: 10px;
padding-bottom: 10px;
color: inherit;
text-align: center;
background: rgba(255, 255, 255, 0.8);
}

#slider .carousel-caption.slogan h2 {
font-size: 1.2em !important;
color: White;
display: inline-block;
text-shadow: 0 3px 6px #333333;
}

#slider .carousel-caption.slogan {
background: transparent;
position: absolute;
left: 0;
right: 0;
}

#slider .carousel-caption.slogan::before,
#slider .carousel-caption.slogan::after {
display: inline-block;
position: relative;
}

#slider .carousel-caption h2 {
font-size: 2.6em !important;
margin-top: 0;
margin-bottom: 0;
}

#slider .carousel-caption h3 {
font-size: 1.3em !important;
font-weight: 600;
margin: 0 auto 10px;
}

.temoins {
top: 0;
}

.temoins .carousel-inner {
width: 80%;
margin: 0 auto;
}

.temoins .portrait {
width: 100% !important;
float: left;
}

.temoins .carousel-caption {
width: 100%;
text-align: left;
float: right;
position: relative;
left: 0;
right: 0;
padding: 20px 0 20px 20px;
color: #223A42;
font-style: italic;
}

.portrait::before {
content: url(../img/deco-ph-temoins.png);
position: absolute;
top: -10px;
left: -20px;
}

.instafeed {
max-height: 350px;
overflow: hidden;
border-bottom: 30px solid #43C1B5;
background-color: #43C1B5 !important;
}

.instafeed img {
max-height: 350px;
width: auto;
}

.instagram-photo {
display: inline-block;
margin: 0;
position: relative;
width: 20%;
overflow: hidden;
}

.demo a:nth-child(n+6) {
display: none !important;
}

.instagram-photo .instagram-hover-cover {
background: url("/js/fancybox-hover.png") no-repeat scroll 50% 50% Black;
position: absolute;
top: 0;
}

.article p {
text-align: justify;
}

.extrait-articleUne {
width: 50%;
}

.photo-article {
width: auto;
max-width:50%;
}

.photo-article img {
width: 100%;
}

.legend {
font-size: 0.8em;
font-style: italic;
}

.text-white a {
color: White !important;
}

.text-white a:hover {
color: #CCCCCC;
}

#cookie-bar.fixed {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
}

#cookie-bar.fixed.bottom {
bottom: 0;
top: auto;
background: White;
padding: 40px 20px;
text-align: center;
}

#cookie-bar p {
margin: 0;
padding: 0;
}

#cookie-bar a {
color: White;
display: inline-block;
text-decoration: none;
padding: 0 6px;
margin-left: 8px;
}

#cookie-bar .cb-enable {
background: #A70076;
}

#cookie-bar .cb-enable:hover {
background: #223A42;
}

#cookie-bar .cb-disable {
background: #CCCCCC;
}

#cookie-bar .cb-disable:hover {
background: #43C1B5;
}

#cookie-bar .cb-policy {
background: transparent;
color: #223A42;
}

#cookie-bar .cb-policy:hover {
background: #223A42;
color: White;
}

.faq1 {
background: #EFEFEF;
padding: 10px 20px;
}

.faq2 {
background: #C8EEEA;
padding: 10px 20px;
}

.header-compte h1 {
margin: 0;
height: 100%;
position: relative;
width: 150px;
background: White;
padding: 5px;
display: inline-block;
vertical-align: middle;
}

.header-compte {
background: #43C1B5 !important;
height: 76px;
padding: 2px;
}

.header-compte .link-top {
font-size: 1em;
vertical-align: middle;
width: 85%;
}

.header-compte .link-top a {
color: White;
}

.icone-compte {
display: inline-block;
font-weight: 400 !important;
font-size: 1.3em;
background: rgba(255, 255, 255, 0.6);
border-radius: 100%;
width: 50px;
height: 50px;
vertical-align: middle;
color: #A70076 !important;
text-align: center;
line-height: 2.2em;
border: 2px solid White;
}

.nav-link {
display: block;
background: #EFEFEF;
padding: 2em;
text-transform: uppercase;
border: 2px solid White;
}

.nav-pills .nav-link {
border-radius: 0;
}

.nav-link img {
max-height: 50px;
vertical-align: middle;
}

/*++++++++++++++ TABLEAU BACK OFFICE +++++++++++*/
table.bk-office {
border: 1px solid #43C1B5;
background-color: White;
width: 100%;
text-align: left;
border-collapse: collapse;
}

table.bk-office tr {
cursor: pointer;
transition: all 0.4s;
}

table.bk-office tr:hover {
background-color: rgba(167, 0, 118, 0.60);
color: White;
}

table.bk-office tr:nth-child(even):hover {
color: Black;
background: #CCCCCC;
}

table.bk-office td,
table.bk-office th {
border: 1px solid #43C1B5;
padding: 3px 3px;
}

table.bk-office tbody td {
font-size: 13px;
}

table.bk-office tr:nth-child(even) {
background: #EFEFEF;
}

table.bk-office thead {
background: #43C1B5;
border-bottom: 2px solid #43C1B5;
}

table.bk-office thead th {
font-size: 16px;
font-weight: normal;
color: White;
text-align: center;
border-left: 2px solid White;
}

table.bk-office thead th:first-child {
border-left: none;
}

table.bk-office tfoot {
font-size: 14px;
font-weight: bold;
color: White;
background: #A70076;
border-top: 2px solid White;
}

table.bk-office tfoot td {
font-size: 14px;
}

table.bk-office tfoot .links {
text-align: right;
}

table.bk-office tfoot .links a {
display: inline-block;
background: White;
color: #A70076;
padding: 2px 8px;
border-radius: 5px;
}

.form-control:disabled,
.form-control[readonly] {
background-color: #EFEFEF;
opacity: 1;
color: Black !important;
cursor: not-allowed;
}

dt {
font-weight: 700;
border-right: 4px solid #EFEFEF;
margin-bottom: 10px;
}

dd {
margin-bottom: .5rem;
margin-left: 0;
color: #666666 !important;
}

/*++++++++++++ COSTUM ++++++++++++ */
hr {
border-top: none;
height: 0.7rem;
clear: both;
display: block;
width: 25%;
margin-bottom: 2.5rem;
}

.btn-link {
color: Black;
font-weight: 800;
font-size: 0.8em;
}

[class*="btn-outline-"] {
border-width: 1px;
}

.anges .card {
width: 100%;
max-width: 400px;
margin-top: 20px;
margin-bottom: 20px;
border: none;
text-align: center;
padding: 4%;
}

.w-20 {
width: 20% !important;
}

.card {
position: relative;
padding: 0;
}

.anges .card-title {
position: relative;
text-align: center;
font-size: 1.75em;
}

.anges .card-img-top {
width: 100%;
border-top-left-radius: 0;
border-top-right-radius: 0;
}

.btn-lg,
.btn-group-lg>.btn {
vertical-align: middle;
padding: 0.5rem 1rem;
font-size: 1.15rem;
line-height: 1.5;
border-radius: 0;
}

.form-control,
.form-control-lg,
input[type="password"],
input[type="text"] {
box-shadow: none;
border: none;
vertical-align: middle;
border-radius: 0;
}

.form-control.radio {
display: table;
width: 100%;
padding: 0;
}

.form-control.radio td {
padding: 0.375rem 0.75rem;
}

.form-control.radio label {
margin-bottom: 0;
margin-left: 2rem;
}

td.custom-control {
display: table-cell;
}

.custom-control {
display: inline-block;
}

.modal .form-control {
border: 1px solid #CCCCCC;
}

.container {
max-width: 1380px;
}

.carousel.slide {
margin-bottom: 40px;
z-index: 0;
overflow: hidden;
}

.carousel-control-prev,
.carousel-control-next {
height: 100%;
font-size: 5em;
color: White;
width: auto;
}

.carousel-control-prev {
left: 10px;
}

.carousel-control-next {
right: 10px;
}

.carousel-indicators {
text-align: center;
bottom: 0px;
}

.carousel-indicators li {
position: relative;
display: inline-block;
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
width: 15px;
height: 15px;
margin-right: 3px;
margin-left: 3px;
text-indent: -999px;
background-color: White;
border-radius: 100%;
}

.carousel-indicators .active {
background-color: #A70076;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
color: inherit;
}

/* .video-home {
padding: 0 5%;
margin-bottom: 5%;
} */

.actus {
font-size: 0.8em;
margin-bottom: 30px;
}

.extrait {
position: relative;
border: 1px solid rgba(0, 0, 0, 0.125);
padding: 1.5%;
}

.extrait p {
min-height: 3em;
}

.resume {
display: inline-block;
vertical-align: middle;
width: 60%;
position: relative;
}

.vignette img {
width: 100%;
height: auto;
position: relative;
display: inline-block;
align-content: center;
}

.vignette {
position: relative;
display: inline-block;
width: 39%;
overflow: hidden;
vertical-align: middle;
text-align: center;
align-content: center;
margin: 0;
}

.partenaires {
margin-top: 30px;
margin-bottom: 50px;
}

.partenaires div div {
vertical-align: middle;
align-content: center !important;
text-align: center;
width: 100%;
height: 100%;
}

.partenaires a:hover {
background: #EFEFEF;
}

.partenaires img {
display: inline-block;
position: relative;
margin: 5px auto;
width: 75%;
height: auto;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
transition: all 0.8s;
}

.partenaires a:hover img {
-webkit-filter: none;
filter: none;
}

.partenaires a {
position: relative;
display: block;
height: 100%;
width: 100%;
border: 1px solid #EFEFEF;
text-align: center;
vertical-align: middle;
transition: all 0.3s;
}

.badge {
white-space: initial;
}

/*++++++++++ MEDIAS QUERIES +++++++++++*/
@media only screen and (min-width:1025px) {
body {
font-size: 20px;
line-height: 27px;
}
}

@media only screen and (max-width:1024px) {
body {
font-size: 15px;
}

.header {
font-size: 1.8em;
}
}

@media only screen and (max-width:991px) {
.navbar {
padding: 5px;
}

.logo {
max-width: 200px;
}
}

@media only screen and (min-width:992px) {
.navbar-brand {
display: none;
}
}

@media only screen and (max-width:980px) {
.w-20 {
width: 50% !important;
}

body {
font-size: 14px;
}

.header {
font-size: 1.6em;
}

#slider .carousel-caption.slogan h2 {
font-size: 1em !important;
}

#slider .carousel-caption h2 {
font-size: 2em !important;
}

.link-top .btn-menu {
max-width: 120px;
}
}

@media only screen and (max-width:800px) {
.anges .card {
max-width: none !important;
}

.instafeed img {
width: 100%;
max-height: none !important;
}

.instafeed {
max-height: none !important;
}

.instagram-photo {
display: block !important;
margin: 0;
position: relative;
width: 100%;
}

body {
font-size: 13px !important;
}

.titre {
font-size: 3em;
}
}

@media only screen and (max-width:767px) {
.extrait-articleUne {
width: 100%;
}

.w-20 {
width: 100% !important;
}

.carousel-caption h2 {
font-size: 2.1em;
}

.carousel-caption h3 {
font-size: 1.4em;
}

.search-top {
display: none;
}

.header h1 {
width: 100%;
padding: 0;
}

.resume {
width: 100%;
font-size: 1.4em;
}
}

@media only screen and (max-width:480px) {
body {
font-size: 12px !important;
}

.anges .w-25 .card {
display: block;
margin: 0 auto;
}

.anges .w-25 {
width: 100% !important;
display: block !important;
margin: 20px auto;
float: none;
align-items: center !important;
position: relative;
}

.temoins {
top: 0;
}

.temoins .carousel-caption,
.temoins .portrait {
width: 100% !important;
float: none;
}

.footer {
background-size: 20% !important;
}
}

@media only screen and (max-width:479px) {
body {
font-size: 11px;
}
}

@media only screen and (min-width:768px) {
body>.navbar-transparent {
box-shadow: none;
}

body>.navbar-transparent .navbar-nav>.open>a {
box-shadow: none;
}
}

@media only screen and (max-width:767px) {
.carousel-caption {
display: none;
}

.footer {
background-size: 10%;
}

.footer::before {
content: '';
display: none;
}

.photo-bck {
top: 0;
}

.no-mobile {
display: none;
}

.header .icon {
float: none;
margin: 10px auto;
}

.header {
text-align: center;
}

.search-menu {
display: block !important;
font-size: 0.3em;
padding-bottom: 5px;
margin: 4px 0 10px;
width: 100%;
}

.search-menu input[type="text"] {
color: White;
border: none;
border-collapse: collapse;
padding: 10px 5px;
width: 80%;
background: transparent;
font-size: 14px;
border-bottom: 1px solid White;
}

.link-top {
display: none;
}

.link-menu {
display: block !important;
width: 100%;
font-size: 1.2em;
text-align: center;
}

.link-menu a .fab {
color: White !important;
font-weight: normal;
font-size: 1.4em;
}

.link-menu a {
color: White;
font-weight: 900;
}

.link-menu a:hover {
color: #CCCCCC;
text-decoration: none;
}
}

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

.bg-jaune {
background: #fbf6ee;
}

.bg-rose {
background: #fbf3f3;
}

.nom {
font-family: 'Bad Script', cursive;
font-weight: 400;
}

/* MISE À JOUR 29/07/2022 */

.list-inline-item:not(:last-child) {
margin-right: 0px;
}

.bg-video-wrap {
position: relative;
overflow: hidden;
width: 100%;
max-height: calc(100vh - 98px);
}

.bg-video-wrap video {
width: 100%;
max-height: 100vh;
z-index: 1;
object-fit: cover;
}

.overlay {
width: 100%;
height: 100vh;
position: absolute;
top: 0;
left: 0;
background-image: linear-gradient(45deg, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .7) 50%);
background-size: 3px 3px;
z-index: 2;
}

body .arrows {
position: absolute;
width: 60px;
height: 60px;
left: 50%;
bottom: 65px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}

body .arrows:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
border-left: 26.6666666667px solid rgba(0, 0, 0, 0.7);
border-bottom: 26.6666666667px solid rgba(0, 0, 0, 0.7);
transform: translate(26.6666666667px, 106.6666666667px) rotate(-45deg);
animation: arrows 3s linear infinite;
}

body .arrows:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
border-left: 26.6666666667px solid rgba(0, 0, 0, 0.7);
border-bottom: 26.6666666667px solid rgba(0, 0, 0, 0.7);
transform: translate(53.3333333333px, 0px) rotate(-45deg);
animation: arrows 3s linear infinite -1.5s;
}

@keyframes arrows {
0% {
border-left: 15.6666666667px solid rgba(0, 0, 0, 0);
border-bottom: 15.6666666667px solid rgba(0, 0, 0, 0);
transform: translate(-13.3333333333px, -53.3333333333px) rotate(-45deg);
}

10%,
90% {
border-left: 15.6666666667px solid rgba(0, 0, 0, 0);
border-bottom: 15.6666666667px solid rgba(0, 0, 0, 0);
}

50% {
border-left: 15.6666666667px solid rgba(0, 0, 0, 0.7);
border-bottom: 15.6666666667px solid rgba(0, 0, 0, 0.7);
transform: translate(-13.3333333333px, 0px) rotate(-45deg);
}

100% {
border-left: 15.6666666667px solid rgba(0, 0, 0, 0);
border-bottom: 15.6666666667px solid rgba(0, 0, 0, 0);
transform: translate(-13.3333333333px, 53.3333333333px) rotate(-45deg);
}
}

.rounded-right-bottom {
position: absolute;
width: 26vw;
height: 26vw;
max-width: 325px;
max-height: 325px;
background: rgba(67, 193, 181, 0.8);
right: -15px;
bottom: -15px;
border-radius: 300% 00% 0% 0%;
cursor: pointer;
}

/* TEXT ROUNDED */

.rounded-right-bottom span {
font-size: 26px;
font-family: 'Montserrat', 'Alamain';
color: white;
max-height: 273px;
height: calc(26vw + 10px);
position: absolute;
width: 3px;
right: 12px;
bottom: 23px;
transform-origin: bottom center;
}

.char1 {
transform: rotate(-85deg);
}

.char2 {
transform: rotate(-79deg);
}

.char3 {
transform: rotate(-75deg);
}

.char4 {
transform: rotate(-68deg);
}

.char5 {
transform: rotate(-62deg);
}

.char6 {
transform: rotate(-55deg);
}

.char7 {
transform: rotate(-49deg);
}

.char8 {
transform: rotate(-43deg);
}

.char9 {
transform: rotate(-37deg);
}

.char10 {
transform: rotate(-30deg);
}

.char11 {
transform: rotate(-25deg);
}

.char12 {
transform: rotate(-20deg);
}

.char13 {
transform: rotate(-14deg);
}

.char14 {
transform: rotate(-9deg);
}

.rounded-right-bottom img {
height: 6vw;
position: absolute;
top: 47%;
left: 50%;
filter: drop-shadow(.1em .5em 0px #a20875);
-webkit-filter: drop-shadow(.1em .5em 0px #a20875);
animation: play 5s 1s infinite;
-webkit-animation: play 5s 1s infinite;
}
.rounded-right-bottom{
transform: scale(1.1);
transition: all .3s ease;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
animation: heartbeat 5s 1s infinite;
-webkit-animation: heartbeat 5s 1s infinite;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
}

@keyframes play {
3% {
top: 50%;
filter: drop-shadow(0em 0em 0px #a20875);
-webkit-filter: drop-shadow(0em 0em 0px #a20875);
}
13%{
top: 47%;
filter: drop-shadow(.1em .5em 0px #a20875);
-webkit-filter: drop-shadow(.1em .5em 0px #a20875);
}
}

@keyframes heartbeat {
20% {
transform: scale(.95);
-webkit-transform: scale(.95);
-moz-transform: scale(.95);
-ms-transform: scale(.95);
-o-transform: scale(.95);
background:rgba(67, 193, 181, 1);
}

40% {
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
background: rgba(67, 193, 181, 0.8);
}
}




.modal-dialog {
height: 90vh;
max-width: 78vw;
justify-content: center;
}

.modal-content,
.video-block {
border-radius: 25px;
overflow: hidden;
width: auto;
}

#fullscreen_video .modal-content video {
width: 100%;
height: auto;
}

#fullscreen_video .close {
position: absolute;
right: 20px;
color: white;
font-size: 50px;
}

.border-radius {
border-radius: 25px !important;
}

.horizontal-card img {
border-top-left-radius: 25px;
border-bottom-left-radius: 25px;
object-fit: cover;
height: 100%;
}

.bg-grey {
background-color: #f1f2f6;
}

.btn-rounded {
border-radius: 15px !important;
padding: 10px 25px;
}

.btn {
font-style: italic;
}

.subtitle {
font-size: 1.3em;
color: #A70076;
margin-top: 20px;
font-weight: 400;
line-height: 140%;
}

.subtitle img {
height: 2.5em;
position: relative;
bottom: 10px;
margin-right: 5px;
}

.col-xxl-5 {
flex: 0 0 100%;
max-width: 100%;
}

.col-xxl-5.flex-column {
flex-direction: row !important;
}

.edito-cards .horizontal-card {
width: 50%;
}

.edito-cards .horizontal-card:first-child {
margin-right: 2rem;
}

.col-xxl-6 {
flex: 0 0 91.66667%;
max-width: 91.66667%;
margin-top: 2rem;
padding-right: 15px;
padding-left: 15px;
}

.list-stylisee {
display: block;
margin-left: -10px;
}

.list-stylisee li {
display: block;
position: relative;
font-size: 18px;
}

.list-stylisee li:not(:last-child) {
margin-bottom: 16px;
}

.list-stylisee li:before {
content: "";
position: absolute;
top: 1.2em;
left: -30px;
margin-top: -.9em;
background: #f69ec4;
height: 12px;
width: 12px;
border-radius: 50%;
}

.list-stylisee-secondary li:before {
background: #B8E3E3;
}

.parraine-btn {
width: auto;
max-height: 70px;
transition: all 0.8s;
max-width: 155px;
}

.footer-horizontal-card:hover .parraine-btn {
transform: scale(0.8);
}

/* #header {
backdrop-filter: blur(20px);
background-color: rgba(255, 255, 255, 0.25);
} */

@media only screen and (min-width:1550px) {
.col-xxl-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%;
}

.col-xxl-5.flex-column {
flex-direction: column !important;
}

.edito-cards .horizontal-card {
width: 100%;
}

.edito-cards .horizontal-card.mt-4 {
margin-top: 2rem !important;
}

.col-xxl-6 {
flex: 0 0 50%;
max-width: 50%;
margin-top: 0rem;
}

#anges-cards .col-xxl-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%;
}

.parraine-btn {
width: 75%;
max-height: none;
}
}

@media only screen and (max-width:1344px) {
.rounded-right-bottom {
right: 0px;
bottom: 0.7vw;
}

.rounded-right-bottom img {
height: 6vw;
}
}

@media only screen and (max-width:1150px) {
.rounded-right-bottom span {
font-size: 2.3vw;
height: calc(19vw + 13px);
position: absolute;
width: 9px;
right: 1.8vw;
bottom: 3vw;
}

.char1 {
transform: rotate(-90deg);
}

.char2 {
transform: rotate(-83deg);
}

.char3 {
transform: rotate(-79deg);
}

.char4 {
transform: rotate(-71deg);
}

.char5 {
transform: rotate(-65deg);
}

.char6 {
transform: rotate(-60deg);
}

.char7 {
transform: rotate(-51deg);
}

.char8 {
transform: rotate(-45deg);
}

.char9 {
transform: rotate(-38deg);
}

.char10 {
transform: rotate(-30deg);
}

.char11 {
transform: rotate(-24deg);
}

.char12 {
transform: rotate(-18deg);
}

.char13 {
transform: rotate(-11deg);
}

.char14 {
transform: rotate(-5deg);
}
}

@media only screen and (max-width:992px) {
.sidebar .burger {
left: 330px !important;
top: 0px;
height: 80px !important;
}

a.burger {
font-size: 13px !important;
text-decoration: none;
}

.col-xxl-5.flex-column {
flex-direction: column !important;
}

.col-xxl-5 .horizontal-card {
width: 100%;
}

.burger-icon:before, .burger-icon span, .burger-icon:after {
width: 24% !important;
left: 18% !important;
}
}

@media only screen and (max-width:900px) {

.counter h3 {
font-weight: normal;
font-size: 10vw !important;
margin-bottom: 0;
margin-top: 0;
color: white;
}
}

@media only screen and (max-width:650px) {
.rounded-right-bottom {
right: 0px;
bottom: 6px;
}

.rounded-right-bottom img {
height: 6vw;
}

.rounded-right-bottom span {
font-size: 2.5vw;
height: calc(20vw + 10px);
position: absolute;
width: 0px;
right: 1.5vw;
bottom: 2vw;
}
}

.card {
border-top-left-radius: 15px;
border-top-right-radius: 15px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
padding: 1.5rem;
background: white;
position: relative;
display: flex;
align-items: flex-end;
border: 0px;
height: 280px;
}

.card:hover:before {
opacity: 1;
}

.card:hover .info {
opacity: 1;
transform: translateY(0px);
}

.card:before {
content: "";
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background: rgba(67, 193, 181, 0.7);
backdrop-filter: blur(7px);
z-index: 2;
transition: 0.5s;
opacity: 0;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}

.card img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
object-position: top;
position: absolute;
top: 0;
left: 0;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}

.card .info {
position: relative;
z-index: 3;
color: white;
opacity: 0;
transform: translateY(30px);
transition: 0.5s;
}

.card .info h1 {
margin: 0px;
}

.card .info p {
letter-spacing: 1px;
font-size: 20px;
margin-top: 8px;
}

.card .info button {
padding: 0.6rem;
outline: none;
border: none;
border-radius: 3px;
background: white;
color: black;
font-weight: bold;
cursor: pointer;
transition: 0.4s ease;
}

.card .info button:hover {
background: dodgerblue;
color: white;
}

.card-title {
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
font-size: 1.6rem;
}

.text-decoration-none:hover {
text-decoration: none;
}

/* ++++++++++ SLIDING BACKGROUND ++++++++++++++++++ */
#sliding-bg {
position: relative;
background-color: #000;
padding: 50px 0px;
}

#sliding-bg h2 {
z-index: 1;
color: white;
position: relative;
padding-bottom: 1rem;
font-size: 2.5rem;
}

#sliding-bg h2:before {
content: "";
position: absolute;
width: 50%;
height: 1px;
bottom: 0;
left: 25%;
border-bottom: 2px solid white;
}

.col-bg-slide {
color: #fff;
border: solid 1px #fff;
padding: 2rem;
border-radius: 16px;
margin: 5rem auto;
z-index: 1;
}

#bg {
-moz-transition: opacity 2s ease-in-out;
-webkit-transition: opacity 2s ease-in-out;
-ms-transition: opacity 2s ease-in-out;
transition: opacity 2s ease-in-out;
height: 100%;
opacity: 0.6;
width: 100%;
z-index: 0;
position: absolute;
top: 0;
left: 0;
}

#bg div {
-moz-transition: opacity 3s ease;
-webkit-transition: opacity 3s ease;
-ms-transition: opacity 3s ease;
transition: opacity 3s ease;
background-size: cover;
height: 100%;
opacity: 0;
visibility: hidden;
position: absolute;
overflow: hidden;
width: 150%;
}

#bg div.visible {
-moz-animation: bg 45s linear infinite;
-webkit-animation: bg 45s linear infinite;
-ms-animation: bg 45s linear infinite;
animation: bg 45s linear infinite;
opacity: 1;
visibility: visible;
z-index: 1;
}

#bg div.visible.top {
z-index: 2;
}

.case-studies-block {
display: none;
}

@media screen and (max-width: 1280px) {
#bg div.visible {
-moz-animation: bg 29.25s linear infinite;
-webkit-animation: bg 29.25s linear infinite;
-ms-animation: bg 29.25s linear infinite;
animation: bg 29.25s linear infinite;
}

.grid-4 {
grid-template-columns: 1fr 1fr !important;
}
}

@media screen and (max-width: 736px) {
#bg div.visible {
-moz-animation: bg 18s linear infinite;
-webkit-animation: bg 18s linear infinite;
-ms-animation: bg 18s linear infinite;
animation: bg 18s linear infinite;
}

.sidebar .burger {
height: 73px !important;
}

.burger-icon:before, .burger-icon span, .burger-icon:after {
width: 30% !important;
left: 10% !important;
}

.burger-name {
font-size: 11px !important;
}
}

#bg div:only-child {
-moz-animation-direction: alternate !important;
-webkit-animation-direction: alternate !important;
-ms-animation-direction: alternate !important;
animation-direction: alternate !important;
}

body.is-preload #bg {
opacity: 0;
}

@-moz-keyframes bg {
0% {
-moz-transform: translateX(0);
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}

100% {
-moz-transform: translateX(-25%);
-webkit-transform: translateX(-25%);
-ms-transform: translateX(-25%);
transform: translateX(-25%);
}
}

@-webkit-keyframes bg {
0% {
-moz-transform: translateX(0);
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}

100% {
-moz-transform: translateX(-25%);
-webkit-transform: translateX(-25%);
-ms-transform: translateX(-25%);
transform: translateX(-25%);
}
}

@-ms-keyframes bg {
0% {
-moz-transform: translateX(0);
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}

100% {
-moz-transform: translateX(-25%);
-webkit-transform: translateX(-25%);
-ms-transform: translateX(-25%);
transform: translateX(-25%);
}
}

@keyframes bg {
0% {
-moz-transform: translateX(0);
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}

100% {
-moz-transform: translateX(-25%);
-webkit-transform: translateX(-25%);
-ms-transform: translateX(-25%);
transform: translateX(-25%);
}
}

.counter h3 {
font-weight: normal;
font-size: 6em;
margin-bottom: 0;
margin-top: 0;
color: white;
}

.counter {
width: 18%;
margin-bottom: 0.5rem;
padding: 2rem 1rem;
border-radius: 16px;
align-content: center;
align-self: stretch;
display: flex;
flex-direction: column;
justify-content: space-between;
z-index: 1;
text-align: center;
}

.counter p {
margin-bottom: 0;
font-size: 19px;
text-align: center;
color: var(--light);
}

.card-actu {
background-color: #f1f2f6;
border-radius: 25px;
/* box-shadow: 0 2px 20px rgba(0, 0, 0, 0.2); */
overflow: hidden;
}

.card-header {
padding: 0px;
}

.card-header img {
width: 100%;
height: 300px;
object-fit: cover;
}

.card-body {
display: flex;
flex-direction: column;
justify-content: space-around;
align-items: flex-start;
padding: 30px;
min-height: 250px;
background-color: #f1f2f6;
position: relative;
}

.card-link p {
color: #223A42 !important;
}

.card-link:hover .arrowbtn {
position: absolute;
width: 40px;
height: 40px;
border-radius: 100px;
color: white;
background-color: var(--primary);
cursor: pointer;
right: 3%;
bottom: 5%;
line-height: 40px;
transition: all 0.25s;
}

.arrowbtn {
position: absolute;
width: 40px;
height: 40px;
border-radius: 100px;
color: white;
background-color: var(--primary);
cursor: pointer;
right: -20%;
bottom: 5%;
line-height: 40px;
transition: all 0.25s ease-in-out;
}

.arrowbtn:after {
position: absolute;
display: inline-block;
content: "";
width: 15px;
height: 15px;
top: 50%;
left: 50%;
}

.arrowbtn-up:after {
margin-left: -10.5px;
margin-top: -6.25px;
border-top: 2px solid;
border-left: 2px solid;
transform: rotateZ(135deg);
}

.sub-footer input {
border-radius: 10px;
opacity: 0.95;
}

.footer .list-unstyled li {
margin: 0px 10px;
}

.blockquote {
font-style: italic;
margin-top: 30px;
padding-bottom: 25px;
padding-left: 20px;
padding-right: 20px;
font-size: 21px;
margin-bottom: 0px;
}

.blockquote img {
position: absolute;
height: 60px;
opacity: 0.3;
top: -25px;
left: 0px;
}

.carousel-control-prev-icon {
background-image: url("../img/001-left.svg");
background-size: 40px;
}

.carousel-control-next-icon {
background-image: url("../img/002-next.svg");
background-size: 40px;
}

.hover-small {
transition: all 0.8s;
}

.hover-small:hover {
transform: scale(0.93);
}

.no-text-decoration:hover {
text-decoration: none;
}

.arrow-anges {
right: -15px;
bottom: -35px;
}

a.burger {
font-size: 20px;
text-decoration: none;
}

.header a.burger {
display: block;
padding: 1.15% 2.5% 4% 1.75% !important;
}

.info-icon {
text-transform: lowercase;
border: 1px solid var(--primary);
border-radius: 100%;
font-size: 1rem;
padding: 1px 8px;
}

.info-icon-link {
position: absolute;
top: 10px;
right: 10px;
}

.border-bottom-radius {
border-bottom-left-radius: 25px;
border-bottom-right-radius: 25px;
}

.no-border-bottom-left-radius {
border-bottom-left-radius: 0px !important;
}

.price {
font-size: 2.25rem;
font-style: italic;
}

.slick-track {
display: flex !important;
}

.slick-slide {
height: inherit !important;
}

label {
float: left;
clear: none;
display: block;
padding: 0px 2em 0px 0px;
}

input[type=radio],
input.radio {
float: left;
clear: none;
margin: 2px 0 0 2px;
}

.formulaire h4 {
font-size: 17px;
line-height: 27px;
}

.border-radius-medium {
border-radius: 10px !important;
}

.border-radius-medium-left {
border-top-left-radius: 10px !important;
border-bottom-left-radius: 10px !important;
}

.border-radius-medium-right {
border-top-right-radius: 10px !important;
border-bottom-right-radius: 10px !important;
}

.left-0 {
left: 0px;
}

.bottom-0 {
bottom: 0px;
}

.z-index-2 {
z-index: 2;
}

.footer-card-link {
z-index: 2;
bottom: 0px;
left: 0px;
position: absolute;
height: 100%;
width: 100%;
}

.footer-horizontal-card:hover .btn-primary {
color: #fff;
background-color: #81005b;
border-color: #740052;
}

.footer-horizontal-card:hover .btn-secondary {
color: #fff;
background-color: #37a79c;
border-color: #349d93;
}

.w-35 {
width: 35%;
}

.bg-formulaire {
background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url("../img/TAE-wall.jpg") no-repeat bottom center fixed;
height: 100%;
}

.card-input-element {
display: none;
}

.card-input {
transition: 0.4s all;
background-color: white;
height: 100%;
}

.card-input:hover {
cursor: pointer;
}

.card-input-element:checked+.card-input {
box-shadow: 0 0 1px 1px var(--primary);
background-color: var(--primary);
color: white;

}

.card-input-element:checked+.card-input .payment-icon {
filter: brightness(0) invert(1);
}

.payment-icon {
height: 40px !important;
border-top-left-radius: 0px !important;
border-bottom-left-radius: 0px !important;
}

.grid-2 {
display: inline-grid;
grid-template-columns: 1fr 1fr;
gap: 1rem;
}

.grid-3 {
display: inline-grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 1rem;
}

.grid-4 {
display: inline-grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 1rem;
}

.validation-payment {
font-size: 20px;
}

/* .arrows-relative {
position: relative !important;
width: 100px;
height: 100px;
left: 50%;
bottom: 65px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}

body .arrows-relative:before {
content: "";
position: absolute;
top: 80%;
left: 50%;
width: 30px;
height: 30px;
border-left: 16.6666666667px solid rgba(0, 0, 0, 0.7);
border-bottom: 16.6666666667px solid rgba(0, 0, 0, 0.7);
transform: translate(16.6666666667px, 106.6666666667px) rotate(-45deg);
animation: arrows-small 3s linear infinite;
}

body .arrows-relative:after {
content: "";
position: absolute;
top: 80%;
left: 50%;
width: 30px;
height: 30px;
border-left: 26.6666666667px solid rgba(0, 0, 0, 0.7);
border-bottom: 26.6666666667px solid rgba(0, 0, 0, 0.7);
transform: translate(53.3333333333px, 0px) rotate(-45deg);
animation: arrows-small 3s linear infinite -1.5s;
}


@keyframes arrows-small {
0% {
border-left: 5.6666666667px solid rgba(0, 0, 0, 0);
border-bottom: 5.6666666667px solid rgba(0, 0, 0, 0);
transform: translate(-13.3333333333px, -23.3333333333px) rotate(-45deg);
}

10%,
90% {
border-left: 5.6666666667px solid rgba(0, 0, 0, 0);
border-bottom: 5.6666666667px solid rgba(0, 0, 0, 0);
}

50% {
border-left: 5.6666666667px solid rgba(0, 0, 0, 0.7);
border-bottom: 5.6666666667px solid rgba(0, 0, 0, 0.7);
transform: translate(-13.3333333333px, 0px) rotate(-45deg);
}

100% {
border-left: 5.6666666667px solid rgba(0, 0, 0, 0);
border-bottom: 5.6666666667px solid rgba(0, 0, 0, 0);
transform: translate(-13.3333333333px, 53.3333333333px) rotate(-45deg);
}
} */

.hover-text-primary {
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.hover-text-primary:hover {
color: var(--primary);
}

.plus-icon {
position: relative;
bottom: 2px;
padding-left: 0.25em;
}

.bd-example-modal-sm .modal-dialog {
height: inherit;
max-width: 600px;
justify-content: center;
}

.btn-outline-primary:hover .btn-arrow-down {
filter: brightness(0) invert(1);
}

.close-top-right {
position: absolute;
top: 10px;
right: 15px;
color: white;
font-size: 35px;
}

aside {
width: 330px;
left: 0;
top: 0px;
z-index: 1001;
position: fixed;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
background-color: #fff;
-webkit-transition: 1s -webkit-transform cubic-bezier(0.23, 1, 0.32, 1);
transition: 1s -webkit-transform cubic-bezier(0.23, 1, 0.32, 1);
-o-transition: 1s transform cubic-bezier(0.23, 1, 0.32, 1);
transition: 1s transform cubic-bezier(0.23, 1, 0.32, 1);
transition: 1s transform cubic-bezier(0.23, 1, 0.32, 1), 1s -webkit-transform cubic-bezier(0.23, 1, 0.32, 1);
}

.show-sidebar aside {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}

aside .toggle {
padding-left: 30px;
padding-top: 30px;
position: absolute;
right: 0;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}

.show-sidebar aside .toggle .burger:before,
.show-sidebar aside .toggle .burger span,
.show-sidebar aside .toggle .burger:after {
background: #000;
}

.show-sidebar aside {
-webkit-box-shadow: 10px 0 30px 0 rgba(0, 0, 0, 0.1);
box-shadow: 10px 0 30px 0 rgba(0, 0, 0, 0.1);
}

aside .side-inner {
padding-bottom: 30px;
height: 100vh;
-webkit-overflow-scrolling: touch;
}

aside .side-inner .profile {
margin-left: auto;
margin-right: auto;
text-align: center;
padding-top: 32px;
padding-bottom: 32px;
border-bottom: 1px solid #efefef;
background-color: var(--secondary);
color: white;
}

aside .side-inner .profile img {
width: 80px;
margin: 0 auto 20px auto;
border-radius: 50%;
}

aside .side-inner .profile .name {
font-size: 1.8rem;
margin: 0;
}

aside .side-inner .profile .country {
font-size: 14px;
color: #cfcfcf;
}

aside .side-inner .counter {
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #efefef;
text-align: center;
}

aside .side-inner .counter div .number {
display: block;
font-size: 20px;
color: #000;
}

aside .side-inner .counter div .number-label {
color: #cfcfcf;
}

aside .side-inner .nav-menu ul,
aside .side-inner .nav-menu ul li {
padding: 0;
margin: 0px;
list-style: none;
}

aside .nav-menu .menu-item {
display: block;
padding-left: 30px;
padding-right: 30px;
padding-top: 10px;
padding-bottom: 10px;
color: #223A42;
position: relative;
-webkit-transition: .3s padding-left ease;
-o-transition: .3s padding-left ease;
transition: .3s padding-left ease;
text-decoration: none;
}

aside .nav-menu .menu-item:active,
aside .nav-menu .menu-item:focus,
aside .nav-menu .menu-item:hover {
outline: none;
}

aside .nav-menu .menu-item:hover {
background: #fcfcfc;
color: #000;
}

/* aside .nav-menu .menu-item:hover:before {
width: 4px;
opacity: 1;
visibility: visible;
} */

aside .side-inner .nav-menu ul li.active a {
background: #fcfcfc;
color: #000;
}

aside .side-inner .nav-menu ul li.active a:before {
opacity: 1;
visibility: visible;
width: 4px;
}

aside .side-inner .nav-menu ul li .collapsible {
position: relative;
}

aside .nav-menu .collapsible:after {
position: absolute;
display: inline-block;
content: "";
width: 10px;
height: 10px;
top: 50%;
right: 20px;
margin-left: -10.5px;
margin-top: -6.25px;
border-top: 2px solid;
border-left: 2px solid;
transform: rotateZ(135deg);
transition: 0.5s all;
}

/* aside .side-inner .nav-menu .collapsible[aria-expanded="true"] {
background: var(--primary)!important;
color: white;
} */

aside .side-inner .nav-menu .collapsible[aria-expanded="true"] {
background: white!important;
color: var(--primary)!important;
}



aside .side-inner .nav-menu .collapsible[aria-expanded="true"]:before {
opacity: 1;
visibility: visible;
width: 4px;
}

aside .side-inner .nav-menu .collapsible[aria-expanded="true"]:after {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}

#page {
opacity: 1;
transition: 0.5s all;
}

.sidebar {
height: 100vh;
}

.nav-menu {
overflow: auto;
height: calc(100vh - 311px);
display: flex;
flex-direction: column;
}

.show-sidebar #page {
opacity: 0.2;
overflow: hidden;
}

.sidebar .burger {
left: 330px !important;
top: 0px;
height: 99px;
}

.show-sidebar .bg-menu-open {
background: rgba(255, 255, 255, 0.7);
position: absolute;
top: 0px;
left: 0px;
z-index: 200;
width: 100vw;
height: 100vh;
}

.burger-icon {
height: 35px;
}

.burger-name {
position: relative;
left: 5px;
}

aside .burger.active .burger-name {
display: none;
}

aside .burger.active {
justify-content: center;
height: 99px !important;
}

/*.collapsing,
.collapse.show {
background-color: rgba(167, 0, 118, 0.09);
}*/
.collapsing,
.collapse.show{
transition:all .3s ease;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .3s ease;
}
.show .menu-item {
padding-left: 55px !important;
}
.show .menu-item .show .menu-item {
padding-left: 50px !important;
}

aside .side-inner .nav-menu ul .collapse.show a,
aside .side-inner .nav-menu ul .collapsing a {
padding-left: 40px;
}

aside .side-inner .nav-menu .submenu-item {
padding-left: 50px !important;
}

.cursor-pointer {
cursor: pointer;
}

aside .side-inner,
aside .side-inner .container-fluid.position-fixed
{
background: #43c1b5;
}


aside .side-inner .profile,
aside .side-inner .container-fluid.position-fixed{
border-color: transparent!important;
}


aside .side-inner .nav-menu div#accordionExample a {
color: #fff;
}

aside .side-inner .nav-menu div#accordionExample a:hover{
background: transparent;
}

aside .side-inner #headingOne, 
aside .side-inner #headingTwo, 
aside .side-inner #headingThree{
border-bottom: 2px solid #43c1b5;
}
aside .side-inner #headingSubOne, 
aside .side-inner #headingSubTwo, 
aside .side-inner #headingSubThree{
border-bottom: 2px solid #50b7ad;
border-top: 2px solid #50b7ad;

}

aside .side-inner #collapseSubOne, 
aside .side-inner #collapseSubTwo, 
aside .side-inner #collapseSubThree{
background:#3eada2!important;
}

aside .side-inner #collapseOne,
aside .side-inner #collapseTwo,
aside .side-inner #collapseThree,
aside .side-inner #collapseFour {
background: #50b7ad;
font-size: .9rem;
}
aside .side-inner a:not(aside .side-inner #collapseOne a, aside .side-inner #collapseTwo a, aside .side-inner #collapseThree a, aside .side-inner #collapseFour a) {
font-weight: 600 !important;
}

aside .side-inner #collapseSubOne.show a,
aside .side-inner #collapseSubTwo.show a,
aside .side-inner #collapseSubThree.show a{
transition: all .3s ease;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
}

aside .side-inner #collapseSubOne.show a,
aside .side-inner #collapseSubTwo.show a,
aside .side-inner #collapseSubThree.show a{
padding-left: 75px!important;
}


aside ::-webkit-scrollbar {
width: 10px;
}
aside ::-webkit-scrollbar-track {
background: white;
}
aside ::-webkit-scrollbar-thumb {
background: #3eada2 ;
}
aside ::-webkit-scrollbar-thumb:hover {
background: #308b82 ; 
}

aside a {
transition: all .5s ease!important;
-webkit-transition: all .5s ease!important;
-moz-transition: all .5s ease!important;
-ms-transition: all .5s ease!important;
-o-transition: all .5s ease!important;
}

aside .side-inner a:hover:not( aside .side-inner .container-fluid.position-fixed a:hover, a.burger:hover){
color: #3eada2;
background: rgba(255, 255, 255, 1)!important;
}
aside .side-inner .nav-menu div#accordionExample a:hover{
color: #3eada2;
}