.counter-area-1 {
    padding-top:50px;
}

.modal {
    z-index: 1000000;
}

.highlightFadeIn {
    color: var(--theme-color);
}

.highlightFadeOut {
    color: var(--title-color);
}

.circle-icon {
    background: #dd1a4f;
    color: #ffffff;
    padding:8px;
    border-radius: 50%;
}

.md-circle-icon {
    background: #dd1a4f;
    color: #ffffff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    vertical-align: middle;
}

.lg-circle-icon {
    background: #dd1a4f;
    color: #ffffff;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    text-align: center;
    line-height: 60px;
    vertical-align: middle;
}

.xl-circle-icon {
    background: #dd1a4f;
    color: #ffffff;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    text-align: center;
    line-height: 80px;
    vertical-align: middle;
    padding-top:24px;
}

.call-us {
    width:80px;
    height:80px;
    display:flex;
    align-items:center;
    justify-content:space-around;
    box-sizing:border-box;
}

.blog-content p {
    font-size: 16px;
}

/*
Carte de recherche de licences
*/

@media (max-width: 1200px){
    .xl-lg-search {
        display: none;
    }
    .md-sm-search {
        display: inline;
    }
}

@media (min-width: 1201px) {
    .xl-lg-search {
        display: inline;
    }
    .md-sm-search {
        display: none;
    }
}

.carte {
    width: 90%;
    margin: 0 auto;
}
path {
    stroke: #ffffff;
    stroke-width: 3px;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-opacity: 1;
    fill: #86aae0;
}
g:hover path {
    fill: #003f5e;
}
g path:hover {
    fill: #dd1a4f;
    cursor: pointer;
}


/*-----------------
    Select2
-----------------------*/
.select2.select2-container {
    width: 100% !important;
    height: 60px !important;
    padding: 0 10px !important;
    border: 1px solid transparent !important;
    color: var(--body-color) !important;
    background-color: var(--smoke-color) !important;
    font-size: 16px !important;
    font-family: var(--body-font) !important;
    transition: 0.4s ease-in-out !important;
    padding-right: 45px !important;
    border-radius: 5px !important;
}

.select2-container--default .select2-selection--single {
    width: 100% !important;
    height: 60px !important;
    border: 1px solid transparent !important;
    color: var(--body-color) !important;
    background-color: var(--smoke-color) !important;
    font-size: 16px !important;
    font-family: var(--body-font) !important;
}

.select2.select2-container .select2-selection .select2-selection__arrow {
    display:none;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    height: 60px !important;
    color: var(--body-color) !important;
    line-height: 60px;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: var(--body-color) !important;
}

.select2-container .select2-dropdown {
    background-color: var(--smoke-color) !important;
    border: 1px solid transparent !important;
}

.select2-container .select2-dropdown .select2-search {
    background-color: transparent;
}

.select2-container .select2-dropdown .select2-search input {
    width: 96%;
    border: 1px solid transparent !important;
    background-color: var(--white-color);
    border-bottom: none !important;
    padding: 4px 8px !important;
    height: 42px;
    margin-left: 8px;
}

.select2-container .select2-dropdown .select2-results {
    padding: 8px 10px;
}

.select2-container .select2-dropdown .select2-results ul {
    background-color: var(--smoke-color) !important;
    border: 1px solid transparent !important;
}

.select2-container .select2-dropdown .select2-results ul .select2-results__option--highlighted[aria-selected] {
    background-color: var(--theme-color);
    color: var(--white-color);
    border-radius: 5px !important;
}


/*-----------------
    Erreur de validation mail
-----------------------*/
.error {
    font-size: 12px;
    font-weight:600;
    color: var(--theme-color);
}


.img-background-1 {
    border: 7px solid var(--white-color);
    border-radius: 5px;
    /*box-shadow: var(--theme-color) 0px 19px 38px, var(--theme-color) 0px 15px 12px;*/
    box-shadow: 50px 50px 0px 0px rgba(221, 26, 79, 0.3);
}

.img-background-2 {
    border: 7px solid var(--white-color);
    border-radius: 5px;
    /*box-shadow: var(--theme-color) 0px 19px 38px, var(--theme-color) 0px 15px 12px;*/
    box-shadow: -50px -50px 0px 0px rgba(221, 26, 79, 0.3);
}

.img-background-3 {
    border: 7px solid var(--white-color);
    border-radius: 5px;
    /*box-shadow: var(--theme-color) 0px 19px 38px, var(--theme-color) 0px 15px 12px;*/
    box-shadow: 50px 50px 0px 0px rgba(174, 197, 248, 0.3);
}




/*-----------------
    Scrollspy bootstrap
-----------------------*/
a.nav-link {
    color: var(--body-color);
    transition: all 0.1s;
    font-size:13px;
}

.sidebar-area a.active {
    color: var(--theme-color) !important;
    font-weight: bold;
    background-color: transparent !important;
}

.nav-link {
    padding: .05rem 1rem !important;
}

.sticky-top { top: 120px; }

.blog-area { top: 120px; }


/*-----------------
    Lists styling
-----------------------*/
ul.fa-ul li {
    padding: 10px 0px;
}

.fa-li {
    color: var(--theme-color);
}


.widget_search a {
    color:var(--body-color);
}

.widget_search a:hover {
    color:var(--theme-color);
}

/*-----------------
    image styling
-----------------------*/
.dept-image {
    max-height:50px; 
    max-width:80px;
    margin-bottom:30px;
    -webkit-filter: opacity(30%);
    -moz-filter: opacity(30%);
    filter: opacity(30%);
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    filter: grayscale(1);
}

.dept-image:hover {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    filter: grayscale(0);
    -webkit-filter: opacity(100%);
    -moz-filter: opacity(100%);
    filter: opacity(100%);
}

.licence_link {
    color:var(--body-color);
}

.licence_link:hover {
    color:var(--theme-color);
}