@charset "utf-8"; /*
Theme Name: Thème de BICIM
Theme URI: http://www.cdatagrid.com
License: Copyright © AFG Holding
Description: Template du site web BICIM.
Author: Cdatagrid
Author URI: http://www.cdatagrid.com
Version: 1.0
Tags:
*/
@font-face {
    font-family: Mark-Pro;
    src: url(https://afgbankmali.com/wp-content/themes/cdg/fonts/Mark-Pro.ttf);
}

body {
    font-family: 'Mark-Pro';
    font-size: 16px;
    font-weight: 400;
    color: #353535;
}

a {
    color: #00AD00;
}

a:focus, a:hover {
    color: #e20000;
}

input[type="checkbox"] {
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: #282828;
    font-family: 'Mark-Pro';
    margin: 0 0 15px;
    margin-bottom: 15px;
    font-weight: 600;
}

img {
    max-width: 100%;
    width: auto;
    height: auto;
    transition: .5s;
}

.p-defaut {
    padding: 60px 0;
}

.clr, .clear {
    clear: both;
}

.p-0 {
    padding: 0 !important;
}

.pl-0, .px-0 {
    padding-left: 0 !important;
}

.pr-0, .px-0 {
    padding-right: 0 !important;
}

.p10 {
    padding: 0 10%;
}

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

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

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

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

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

.mb-60 {
    margin-bottom: 50px;
}

.mt-5 {
    margin-top: 5px !important;
}

.mt-10 {
    margin-top: 10px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-50 {
    margin-top: 50px;
}

.mt-60 {
    margin-top: 60px;
}

.pb-10 {
    padding-bottom: 10px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pb-30 {
    padding-bottom: 30px;
}

.pb-40 {
    padding-bottom: 40px;
}

.pb-50 {
    padding-bottom: 50px;
}

.pb-60 {
    padding-bottom: 60px;
}

.pb-150 {
    padding-bottom: 150px;
}

.pt-10 {
    padding-top: 10px;
}

.pt-20 {
    padding-top: 20px;
}

.pt-30 {
    padding-top: 30px;
}

.pt-40 {
    padding-top: 40px;
}

.pt-50 {
    padding-top: 50px;
}

.pt-60 {
    padding-top: 60px;
}

.bg-color {
    background: #e3e3e3;
}

.color-theme1 {
    color: #00AD00 !important;
}

.color-theme2 {
    color: #e20000 !important;
}

.bg-theme1 {
    background-color: #00AD00 !important;
}

.bg-theme2 {
    background-color: #e20000 !important;
}

.uppercase {
    text-transform: uppercase;
}

.flex {
    display: flex;
}

.img img {
    max-width: 100%;
    height: auto;
}

.bloc-contenu ul {
    padding-left: 30px;
    margin-bottom: 10px;
}

.bloc-contenu li {
    display: inline-block;
    width: 100%;
    position: relative;
    padding-left: 20px;
}

.bloc-contenu li::before {
    display: inline-block;
    top: 6px;
    left: 0;
    line-height: 30px;
    background: #e20000;
    transition: all 0.5s ease-in-out;
    margin-right: 5px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    content: '';
}

.header-style-3.site-header .site-header-menu.sticky-header {
    background: transparent !important;
}

.header-style-3.site-header .site-header-menu-inner {
    background: #00AD00;
    display: inline-block;
    width: 100%;
}

.header-style-3.site-header .site-header-menu {
    background-color: rgba(255, 255, 255, 0.0);
    position: absolute;
    width: 100%;
    z-index: 999;
}

.form-control {
    font-weight: normal;
}

.small-icon {
    max-width: 80px;
    margin-right: 20px;
    border-radius: ;
    border: 2px solid #fff;
    padding: ;
}

.sidebar .recent-post-list a .img {
    max-width: 100px;
}

.widget .widget-title {
    font-family: 'Mark-Pro';
    font-weight: normal;
}

.limg {
    margin-right: 15px;
}

.footer .address-box i {
    color: #ffffff;
}

.amba-icon i {
    color: #ffffff;
    margin-right: 15px;
}

.amba-icon [class*=" flaticon-"]::before {
    font-size: 50px;
}

.langue ul li {
    clear: none;
    display: block;
    float: right;
    margin: 0 0 0 10px;
}

.langue h4 {
    display: none;
}

.langue ul {
    margin: 0;
    padding: 0;
    list-style: none;
    float: right;
}

.site-branding {
    margin-left: 0;
}

/* Actualités */
.container-actu {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}

.front-actu, .back-actu {
    background-size: cover;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.25);
    background-position: center;
    -webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    -o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    text-align: center;
    min-height: 280px;
    height: auto;
    color: #fff;
    font-size: 1.5rem;
}

.back-actu {
    background: #cedce7;
    background: -webkit-linear-gradient( 0deg, rgb(31,45,102) 0%, rgb(0,16,81) 100%);
    background: -o-linear-gradient( 0deg, rgb(31,45,102) 0%, rgb(0,16,81) 100%);
    background: linear-gradient( 0deg, rgb(31,45,102) 0%, rgb(0,16,81) 100%);
}

.front-actu:after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    content: '';
    display: block;
    opacity: .6;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.container-actu:hover .front-actu, .container-actu:hover .back-actu {
    -webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    -o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
}

.back-actu {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.inner-actu {
    -webkit-transform: translateY(-50%) translateZ(60px) scale(0.94);
    transform: translateY(-50%) translateZ(60px) scale(0.94);
    position: absolute;
    left: 0;
    width: 100%;
    padding: 2rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 1px solid transparent;
    -webkit-perspective: inherit;
    perspective: inherit;
    z-index: 2;
}

.front-actu .inner-actu {
    -webkit-transform: translateY(-0%) translateZ(60px) scale(0.94);
    transform: translateY(-0%) translateZ(60px) scale(0.94);
    bottom: 6px !important;
    left: 0;
    width: 100%;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 1px solid transparent;
    -webkit-perspective: inherit;
    perspective: inherit;
    z-index: 2;
    background: rgba(0,173, 0,0.7);
}

.front-actu .inner-actu h3 {
}

.front-actu .inner-actu h3 a {
    color: #ffffff;
    /* text-shadow: 0 0 5px rgba(0,0,0,0.7); */
}

.container-actu .back-actu {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.container-actu .front-actu {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.container-actu:hover .back-actu {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.container-actu:hover .front-actu {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.front-actu .inner-actu p {
    font-size: 2rem;
    margin-bottom: 2rem;
    position: relative;
}

.front-actu .inner-actu p:after {
    content: '';
    width: 4rem;
    height: 2px;
    position: absolute;
    background: #C6D4DF;
    display: block;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -.75rem;
}

.front-actu .inner-actu span {
    color: rgba(255,255,255,0.7);
    font-family: 'Mark-Pro';
    font-weight: 300;
}

.back-actu .inner-actu {
    top: 50%;
    color: #ffffff;
}

.back-actu .inner-actu p {
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
}

/* Actualités fin*/
.shape-1 {
    animation: hero-thumb-animation 2s linear infinite alternate;
}

.banner-imgs {
    padding: 20px 0 0;
    position: relative;
    width: 100%;
    float: right;
}

.banner-imgs .block-1 {
    position: absolute;
    bottom: 20px;
    left: -70px;
    z-index: 3;
    width: 220px;
    height: 260px;
}

.shape-2 {
    animation: hero-thumb-sm-animation 4s linear infinite alternate;
}

.block-2 {
    z-index: 3;
    position: absolute;
    top: 15%;
    right: -80px;
    height: 169px;
    width: 155px;
}

@keyframes hero-thumb-animation {
    0% {
        transform: translateY(-20px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes hero-thumb-sm-animation {
    0% {
        transform: translateY(-20px) translateX(50px)
    }

    to {
        transform: translateY(-20px) translateX(0)
    }
}

@keyframes hero-thumb-sm-2-animation {
    0% {
        transform: translateY(-50px)
    }

    to {
        transform: translateY(0)
    }
}

.shape-1 {
    animation: hero-thumb-animation 2s linear infinite alternate
}

.shape-2 {
    animation: hero-thumb-sm-animation 4s linear infinite alternate
}

.shape-3 {
    animation: hero-thumb-sm-2-animation 4s linear infinite alternate
}

.title1 {
    float: left;
    width: 100%;
}

.grd-lyr2-sudo::before, .grd-lyr2-sudo::after, .grd-bg-lyr2::before, .grd-lyr2, .serv-bx1.styl3 > i, .pckg-bx > a:hover, .cnt-inf > i, .expr-lst-wrp > div .enscroll-track > a.vertical-handle, .cmp-fct-bx > i, .tgl-styl.styl3 .tgl-itm > h4.actv {
    background-color: #e20000;
}

.title1 > .sudo-bottom::before {
    height: 6px;
    width: 71px;
    left: 50%;
    margin-left: -30.5px;
    background-color: #e20000;
    content: "";
    position: absolute;
    bottom: -20px;
    -webkit-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}

.title1 .sudo-bottom {
    letter-spacing: -.4px;
    margin: 0;
    position: relative;
    margin-bottom: 60px;
    color: #00ad00;
}

.blog-box.blog-style-2 .image-news {
    height: 210px;
}

.blog-style-2 .blog-content {
    padding: 0;
}

.blog-style-2 .blog-content .blog-date {
    font-weight: 400;
    padding-left: 0;
    letter-spacing: 0;
    font-size: 12px;
}

.blog-style-2 .blog-content .blog-box-title {
    margin-top: 10px;
    margin-bottom: 0;
}

.image-box {
    width: 100%;
    overflow: hidden;
}

.image-news {
    width: 100%;
    height: 300px;
    background-position: center;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    position: relative;
    display: block;
}

.image-news:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.image-box .content-overlay {
    background: rgba(0,0,0,0.7);
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0.54;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}

.image-box:hover .content-overlay {
    opacity: 0.8;
    background: rgb(0,112,26);
    background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.8) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0.2)), color-stop(100%,rgba(0,0,0,0.8)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.8) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.8) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.8) 100%);
    background: radial-gradient(center, ellipse cover, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.8) 100%);
}

.content-image {
    width: 100%;
}

.content-details {
    position: absolute;
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
    width: 100%;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.image-box:hover .content-details {
    top: 50%;
    left: 50%;
    opacity: 1;
}

.content-details h3 {
    color: #fff;
    margin-bottom: 0.5em;
    font-size: 20px;
    padding: 0 8%;
}

.content-details p {
    color: #fff;
    font-size: 12px;
    padding: 16px 11%;
    line-height: 19px;
}

.image-box:hover .content-details.fadeIn-bottom {
    top: 80%;
    left: 50%;
    opacity: 1;
}

.image-box:hover .content-details.fadeIn-top {
    top: 30%;
    left: 50%;
    opacity: 1;
}

.image-box:hover .content-details.fadeIn-left {
    top: 60%;
    opacity: 1;
}

.fadeIn-bottom {
    top: 70%;
    opacity: 1;
}

.fadeIn-top {
    top: 50%;
    opacity: 1;
}

.fadeIn-left {
    left: 20%;
}

.fadeIn-right {
    left: 80%;
}

.content-details span {
    background: #00AD00;
    color: #ffffff;
    display: table;
    padding: 3px 11px;
    margin: auto;
    font-size: 14px;
    border-radius: 3px;
}

.image-box:hover span {
    background: #e20000;
}

.page-news .b-news {
    padding: 2px;
}

.a-atouts {
}

.atouts {
}

.atouts .img {
    width: 60%;
    margin: auto;
}

.atouts h5 {
    font-size: 14px;
    text-align: center;
}

.desc-about p {
    margin: 0;
}

.desc-about ul {
    margin: 0 0 10px;
}

.engagement li, .desc-about li {
    display: inline-block;
    width: 100%;
    position: relative;
    padding-left: 20px;
}

.engagement li::before, .desc-about li::before {
    display: inline-block;
    top: 6px;
    left: 0;
    line-height: 30px;
    background: #e20000;
    transition: all 0.5s ease-in-out;
    margin-right: 5px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    content: '';
}

.iconbox-style-7 .iconbox-icon i {
    font-size: 45px;
    margin-top: 10px;
}

.floated-widget .iconbox-style-7 .iconbox-icon i {
    color: #ffffff;
}

.floated-widget {
    background-image: url("images/bg-nl.jpg");
    background-color: #e20000;
    background-size: cover;
    border-radius: 10px;
    box-shadow: 0 20px 45px 0 rgba(51, 77, 114, 0.15);
    padding: 40px 50px;
    position: absolute;
    top: -70px;
    left: 15px;
    right: 15px;
    z-index: 3;
}

.inner-banner.inner-career {
    background-image: url(images/banner/bg-ban-carr.jpg);
}

.inner-banner.inner-about {
    background-image: url(images/banner/bg-ban-about.jpg); */
}

.inner-banner.inner-team {
    background-image: url(images/banner/bg-ban-8.jpg);
}

.inner-banner.inner-bank {
    background-image: url(images/banner/bg-ban-6.jpg);
}

.inner-banner.inner-assurances {
    background-image: url(images/banner/bg-ban-2.jpg);
}

.inner-banner.inner-bourse {
    background-image: url(images/banner/bg-ban-10.jpg);
}

.inner-banner.inner-actualite {
    background-image: url(images/banner/bg-ban-7.jpg);
}

.inner-banner.inner-contact {
    background-image: url(images/banner/bg-ban-9.jpg);
}

.inner-banner.inner-history {
    background-image: url(images/banner/bg-ban-11.jpg);
}

.inner-banner.inner-jobs {
    background-image: url(images/banner/bg-ban-13.jpg);
}

.inner-banner.inner-fondation {
    background-image: url(images/banner/bg-ban-15.jpg);
}

.inner-banner.inner-app {
    background-image: url(images/banner/bg-ban-16.jpg);
}

.inner-banner.inner-carte {
    background-image: url(images/banner/bg-ban-17.jpg);
}

.inner-banner.inner-client {
    background-image: url(images/banner/bg-ban-18.jpg);
}

.inner-banner.inner-bank-service {
    background-image: url(images/banner/bg-ban-20.jpg);
}

.inner-banner.inner-rapport {
    background-image: url(images/banner/bg-ban-21.jpg);
}

.pprojet img {
    border: 1px solid rgba(0,0,0,0.1);
}

.team-details__img {
    width: 100%;
    max-width: 100%;
    height: auto;
}

.cdg-team-pic-box {
    padding: 35px;
    background-color: #fff;
    transition: all .5s ease;
    box-shadow: 0 10px 60px 0 rgb(0 0 0 / 10%);
    margin-bottom: 30px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.cdg-team-pic-box h3 {
    margin: 0;
    margin-bottom: 0px;
    font-size: 32px;
    color: var(--thm-black);
    margin-bottom: 5px;
    text-align: center;
}

.cdg_member_designation {
    margin-bottom: 20px;
}

.team-details__social .team-social-box.custom {
    display: flex;
    margin-right: 10px;
}

.team-details__social {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.team-details__social li {
    margin-right: 10px;
}

.team-details__social a {
    display: flex;
    justify-content: center;
    border-radius: 50%;
    align-items: center;
    width: 41px;
    height: 41px;
    background-color: #eff2f6;
    color: #0c2139;
    font-size: 13px;
    transition: all 500ms ease;
    border: 1px solid rgba(0,0,0,.06);
}

.team-details__content h2 {
    margin: 0;
    margin-bottom: 0px;
    color: var(--thm-black);
    font-size: 32px;
    line-height: 1;
    margin-bottom: 15px;
}

.team-details__content {
    margin-left: 40px;
}

.wpcf7-list-item label {
    display: flex;
}

.wpcf7-radio {
    display: flex;
}

.wpcf7-list-item {
    margin: 0 5px 0 0 !important;
}

.wpcf7-list-item span {
    font-size: 14px;
}

.wpcf7-list-item input[type="radio"] {
    margin-right: 0;
    margin-left: 5px;
}

.wpcf7-list-item input[type="radio"] {
    font-family: 'Mark-Pro';
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.1;
    display: grid;
    grid-template-columns: 1em auto;
    gap: 0.5em;
}

.wpcf7-list-item input[type="radio"]:hover, .wpcf7-list-item input[type="radio"]:focus {
    outline: 0px !important;
    border-color: #222;
    -webkit-appearance: auto;
    box-shadow: none !important;
}

.newsletter .form-news {
    margin-top: 20px;
}

.newsletter .iconbox p {
    margin: 0;
}

.newsletter .tnp-widget-minimal input.tnp-submit {
    width: 60%;
    box-sizing: border-box;
    padding: 10px;
    display: table;
    border: 1px solid transparent;
    background-color: #E20000;
    background-image: none;
    text-shadow: none;
    color: #fff;
    height: auto;
    margin: auto;
    border-radius: 50px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
    max-width: 220px;
}

.newsletter .tnp-widget-minimal input.tnp-submit:hover {
    background-color: #001051;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.18), 0 3px 6px rgba(0, 0, 0, 0.16);
}

.newsletter .tnp-widget-minimal input.tnp-email {
    width: 74%;
    box-sizing: border-box;
    padding: 6px;
    border: 1px solid #ddd;
    background-color: #fff;
    color: #444;
    font-size: 14px;
    border-radius: 50px;
    text-align: center;
    margin: 0 auto 10px;
    display: table;
    max-width: 320px;
}

.btn.rm {
    color: #fff;
    font-size: 12px;
    padding: 5px 17px;
    text-transform: inherit;
    letter-spacing: 0;
}

/* App fade */
#myapp {
    margin: auto;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    position: relative;
}

#myapp span {
    position: absolute;
    height: 100%;
    width: 100%;
}

#myapp span img {
    width: auto;
    height: 100%;
}

#myapp span:nth-of-type(1) {
    animation-name: fader;
    animation-delay: 4s;
    animation-duration: 1s;
    z-index: 20;
}

#myapp span:nth-of-type(2) {
    z-index: 10;
}

#myapp span:nth-of-type(n+3) {
    display: none;
}

@keyframes fader {
    from {
        opacity: 1.0;
    }

    to {
        opacity: 0.0;
    }
}

/*Fin App fade */
#Bannerslider {
    background: #00AD00;
}

.engagement-wrapper {
    background-color: #fff;
    box-shadow: 0 0 1px 2px #0070ba2b;
    position: relative;
    z-index: 1;
    transition: .5s;
    overflow: hidden;
    cursor: pointer;
    padding: 20px;
}

.engagement-icon {
    margin-bottom: 20px;
    text-align: center;
    width: 30%;
    color: #fff;
    font-size: 40px;
    transition: .5s;
}

.footer .info-foot p {
    padding-bottom: 0;
    margin: 0;
}

.section-mdt .contact-appointment {
    margin-bottom: 70px;
    z-index: 1;
}

.section-mdt .appointment-image {
    background-image: url(images/contact.jpg);
}

#contact_form p {
    padding: 0;
    margin: 0;
}

#contact_form br {
    display: none;
}

.home-slider-two .carousel-inner {
    max-height: 530px;
}

.home-banner.home-slider-two .carousel-item .shapewrapper-inner, .slideshow .slide .text {
    display: inline-block;
    padding: 7px 10px;
    background: none;
    text-shadow: 0 0 5px rgba(0,0,0,0.9);
    text-transform: initial;
    letter-spacing: 0;
    font-size: 22px;
    line-height: normal;
    color: #ffffff;
}

.compte .account-btn {
    padding: 0 7px;
    line-height: 40px;
    overflow: hidden;
    position: relative;
    border-radius: 5px;
    font-weight: 700;
    display: inline-block;
    transition: all 0.4s ease-in-out 0s;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.18), 0 3px 6px rgba(0, 0, 0, 0.16);
    letter-spacing: 0;
    text-transform: none;
    background: #e20000;
    border-color: #e20000;
}

.compte .account-btn:hover {
    background: #00AD00;
    border-color: #00AD00;
}

.home-banner.home-slider-two .square-shape {
    padding: 10px;
}

.carousel-item h1, .home-banner .carousel-item h1 {
    margin-top: -50px !important;
}

.app-slide {
    position: absolute;
    z-index: 1;
    right: 0%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 19px 0 0 0;
    width: 45%;
    height: 97%;
}

.app-slide-link p {
    color: #ffffff;
    font-weight: 700;
    text-shadow: 0 1px 8px rgba(0,0,0,0.8);
    font-size: 12px;
    margin-bottom: 10px;
    text-align: center;
}

.app-slide-img {
    max-width: 245px;
    width: 50%;
    height: 100%;
}

.app-slide-img img {
    width: 100%;
    height: auto;
}

.apps-craft-download-store-btn-group {
    margin-top: 0px;
    text-align: center;
    display: flex;
}

.apps-craft-btn.play-store-btn {
    width: auto;
    height: auto;
    border-radius: 3px;
    text-align: center;
    line-height: normal;
    display: table;
    padding: 4px 17px;
    margin: 0;
    background: #ffffff;
    margin: 0 7px;
}

.apps-craft-btn.app-store-btn {
    background-image: -webkit-linear-gradient( 0deg, rgb(31,45,102) 0%, rgb(0,16,81) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(31,45,102) 0%, rgb(0,16,81) 100%);
    background-color: transparent;
}

.apps-craft-btn {
    margin: 0 60px 0 0;
}

.apps-craft-btn.app-store-btn {
    width: auto;
    height: auto;
    border-radius: 3px;
    text-align: center;
    line-height: normal;
    display: table;
    padding: 4px 17px;
    margin: 0;
    margin: 0 7px;
}

.atout-item.solution-blue a:hover {
    color: #aad5ff
}

.atout-item.solution-blue a {
    color: #30d788;
    position: relative;
    z-index: 10;
}

.atout-item.solution-blue {
    background: #00AD00;
    color: #ffffff;
    padding-top: 20px;
}

.atout-item {
    background: #F7F9FA;
    border-radius: 7px;
    display: flex;
    position: relative;
    overflow: hidden;
    height: 100%;
    padding: 25px 20px;
    flex-direction: column;
    margin-bottom: 0px;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -o-transition: all 0.35s;
    z-index: 1;
}

.atout-item h4 {
    color: #00AD00;
    font-size: 18px;
    line-height: normal;
}

.atout-item.solution-blue h4 {
    color: #ffffff;
    text-align: center;
}

.e-step {
    font-weight: 500;
    text-align: center;
    font-style: italic;
    border-bottom: 1px solid rgba(255,255,255,0.2);
    margin-bottom: 20px;
    padding: 0 0 10px;
}

.cat-des .img img {
    max-width: 100px;
}

.categorie-service {
    margin-top: 50px;
}

.cat-des {
    background: #00ad00;
    color: #ffffff;
    border-radius: 7px;
    display: flex;
    position: relative;
    overflow: hidden;
    height: 100%;
    padding: 10px 10px;
    flex-direction: column;
    margin-bottom: 0px;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -o-transition: all 0.35s;
    z-index: 1;
}

.cat-des:hover {
    background: #00AD00;
}

.cat-des:hover::after {
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 101deg) translate3d(0, 130%, 0);
    -moz-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 101deg) translate3d(0, 130%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 101deg) translate3d(0, 130%, 0);
    opacity: 0.15;
}

.cat-des::after {
    content: '';
    z-index: 2;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
    right: -90%;
    opacity: 0.3;
    background: #ffffff;
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 101deg) translate3d(0, -22%, 0);
    -moz-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 101deg) translate3d(0, -22%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 101deg) translate3d(0, -22%, 0);
}

.cat-des h5 {
    color: #ffffff;
    font-size: 16px;
    line-height: normal;
    margin-bottom: 0;
}

.location-module img {
    max-width: 100%;
}

.location-module {
    position: relative;
    display: block;
    overflow: hidden;
    transform: scale(1);
}

.location-module__name {
    position: absolute;
    color: #ffffff;
    right: 0;
    bottom: 0;
    background: rgba(44,103, 161,0.5);
    color: #fff;
    font-weight: 500;
    padding: 10px 20px;
    width: 100%;
    z-index: 2;
    margin: 0;
}

.location-module:hover img {
    transform: scale(1.1);
}

.title-filigrane {
    position: absolute;
    right: 0px;
    top: 0;
    bottom: 0;
    opacity: .2;
}

.title-filigrane .emptytext {
    -webkit-text-stroke-color: #00AD00;
    display: inline-block;
    line-height: 1;
    font-weight: 700;
    font-size: 258px;
    word-break: break-word;
    color: transparent;
    -webkit-text-stroke-width: 1px;
}

.atout-item.solution-blue .title-filigrane .emptytext {
    -webkit-text-stroke-color: #ffffff;
}

.p-about {
    padding: 60px 0 60px;
}

.p-about .award-box__shape {
    position: absolute;
    left: 20px;
    right: 20px;
    top: 20px;
    bottom: 20px;
    background-color: var(--theme-color);
    box-shadow: 0px 4px 20px rgba(14,89,242,.33);
    border-radius: 5px;
    z-index: 1;
}

.p-about .img-box3 .award-box {
    position: absolute;
    left: 78px;
    top: 0px;
    margin: 0 0 0 auto;
    background-color: #00ad00;
    padding: 182px 114px 81px 160px;
    display: flex;
}

.p-about .img-box3 .img-2 {
    margin: -00px 0 0 0;
    position: absolute;
    z-index: 2;
    max-width: 71%;
    top: 103px;
}

.p-about .img-box3 .img-3 {
    margin: -00px 0 0 0;
    position: absolute;
    z-index: 2;
    max-width: 83%;
    top: 284px;
}

.p-about .img-box3 .img-3 img {
    border-style: solid;
    border-width: 10px 10px 0px 0px;
    border-color: #ffffff;
    padding: 0;
}

.p-about .img-box3 .img-4 {
    text-align: right;
    position: relative;
    padding-top: 60px;
    z-index: 1;
    margin-left: 83px;
    width: 95%;
}

.p-about .img-box3 img {
    border-radius: 5px;
    padding: 0 20px;
}

.p-about .img-box3 .img-1 {
    text-align: right;
    position: relative;
    padding-top: 60px;
    z-index: 1;
    margin-left: 130px;
    width: 85%;
}

.p-about .img-box3 {
    position: relative;
}

.read-about {
    color: #fff;
    background-color: #101828;
    border-radius: 50px;
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    padding: 22px 32px;
    transition: .2s;
    letter-spacing: .45px;
    border-radius: 50px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    display: inline-block;
    border: 1px solid transparent;
}

.sec-subtitle {
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 50px;
    display: block;
    margin-bottom: 10px;
}

.blog-entry-meta .list-inline {
    margin-top: 20px;
}

.blog-entry-meta .list-inline i {
    color: #e20000;
}

.b-don {
    display: inline-block;
    float: right;
    padding: 0px 25px 6px 24px;
    position: relative;
    z-index: 99;
    float: right;
}

.b-don > a:hover {
    color: #cb0a1f;
}

.video-bloc {
    background-image: url("images/video-bg.jpg");
    position: relative;
    z-index: 9;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #223977
}

.wp-video {
    margin: auto;
}

.musesStyleReset {
    margin: auto;
}

.b-don > a {
    # background-image: url("images/online-shope.png");
    position: relative;
    z-index: 9;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 20px;
    text-align: center;
    font-weight: 600px;
    display: block;
}

.b-don > a i {
    color: #cb0a1f;
    font-size: 24px;
    margin-right: 6px;
}

.b-don::after {
    background-image: url("images/cart_bg.png");
    content: "";
    right: 0;
    position: absolute;
    top: 0;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}

.header-style-3.site-header .site-navigation ul.navigation > li > a {
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding: 28px 16px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.4s ease 0s;
    height: auto;
    line-height: normal;
    letter-spacing: normal;
}

.header-style-3.site-header .site-header-menu-inner {
}

.pre-header-right {
}

.pricing-table-sec {
    padding-bottom: 30px;
}

.menu-search-box {
    float: left;
}

.site-navigation {
    float: left;
}

.header-style-3 .info-widget h3, .header-style-3 .info-widget h6 {
    font-family: 'Mark-Pro'
}

.header-style-3 .info-widget h3 {
    font-size: 16px;
    font-weight: 500;
    color: #42464e;
}

.site-header .search-btn {
    line-height: 84px !important;
    height: 84px;
    display: block;
    background: #001051;
    color: #ffffff;
    padding: 0 20px;
    margin: 0;
}

.site-header .search-btn:hover {
    color: #00AD00;
}

.cspt-header-info-inner .cspt-header-box {
    margin-right: 30px;
    padding-right: 0;
    position: relative;
    padding-left: 60px;
}

.social-icons li {
    min-width: 24px;
    font-size: 11px;
}

.social-icons li > a {
    margin-right: 2px;
}

.langue {
    float: right;
}

.pre-header-right .social-icons {
    margin: 0px;
    padding: 0px;
    font-size: 14px;
    float: right;
    margin-left: 6px;
    padding-left: 5px;
    border-left: 1px solid rgba(255,255,255,0.3);
}

.site-header .site-navigation ul.navigation > li > a {
    height: 80px;
    line-height: 80px;
}

.header-style-1 .pre-header i {
    transition: all 0.4s ease-in-out 0s;
}

.header-style-1 .pre-header i:hover, .header-style-1 .pre-header a:hover, .site-header .social-icons li > a:hover {
    color: rgba(255,255,255,0.7);
}

.header-style-1 .pre-header a {
    color: #fff;
    /* text-transform: uppercase; */
}

.btn.btn-outline {
    padding: 8px 14px;
}

.menu-search-box {
    display: inline-block;
    padding: 24px 20px;
    position: relative;
}

.menu-search-box {
}

.header-style-1 .pre-header {
    padding: 5px 0;
}

.site-branding {
    padding: 10px 0;
}

.b-research {
}

.top-contact li {
    letter-spacing: 0;
}

.creativesplanet-box-content {
    background-color: #fff;
    border-radius: 2px;
    margin: -30px 15px 0;
    box-shadow: 0 30px 50px rgba(0,0,0,.03);
    position: absolute;
    width: calc(100% - 30px);
    transform: translateY(0);
    -webkit-transition: all 0.5s cubic-bezier(.645,.045,.355,1);
    -o-transition: all 0.5s cubic-bezier(.645,.045,.355,1);
    transition: all 0.5s cubic-bezier(.645,.045,.355,1);
}

.creativesplanet-box-content-inner {
    padding: 20px 30px;
}

.img.img-border {
    border: 1px solid #efefef;
}

.cspt-service-icon-wrapper {
    background-color: #00AD00;
    height: 45px;
    width: 45px;
    line-height: 45px;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    display: block;
}

.cspt-service-icon-wrapper img {
    width: 100%;
    height: auto;
}

.cspt-service-icon-wrapper:hover, .service-style-1:hover .cspt-service-icon-wrapper {
    background-color: #e20000;
}

.service-style-1:hover .creativesplanet-box-content {
    transform: translateY(-10px);
}

.cspt-service-category {
    font-size: 13px;
    text-transform: uppercase;
    line-height: 23px;
    font-weight: 500;
    padding-bottom: 3px;
    letter-spacing: 1px;
    text-align: left;
    color: #222;
}

.cspt-service-title a:hover, .cspt-service-cat a:hover {
    color: #00AD00;
}

.service-style-1 {
    position: relative;
}

.cspt-service-title a, .cspt-service-cat a {
    color: #222;
}

.cspt-service-title {
    position: relative;
    font-size: 22px;
    line-height: 30px;
    margin: 0;
    text-align: left;
}

.iconbox-icon.skincolor.bg-c {
    padding-right: 30px;
    padding-top: 5px;
}

.iconbox-icon.skincolor.bg-c .icon-a {
    height: 65px;
    width: 65px;
    font-size: 30px;
    line-height: 65px;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    background-color: #00AD00;
}

.iconbox-style-1 {
    text-align: center;
    margin-bottom: 20px;
    margin-right: 20px;
    margin-top: 40px;
}

.b-contact h5 {
    margin-bottom: 0;
}

.ddsc {
    margin-bottom: 30px;
}

.b-contact {
    padding: 80px 60px;
    margin-top: -80px;
}

.cont-form .wpcf7-textarea {
    min-height: 150px;
}

.cont-form p {
    padding: 0;
    margin: 0;
}

.sidebar {
    padding: 20px;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.07) 0px 0px 15px;
}

.sidebar .widget {
    margin: 0px 0 35px;
    font-size: 14px;
}

.best-about {
    background-image: url(images/about-new.jpg);
    background-position: 0 0;
    background-size: auto;
    background-size: cover;
    background-position: center;
}

.ctn-about {
    padding: 60px 180px 60px 80px;
}

.cspt-static-box-inner {
    padding: 30px 20px;
    margin-left: -30px;
    height: 100%;
    text-align: left;
    background-color: #f7f9fa;
    position: relative;
    line-height: 24px;
    color: #888888;
    font-size: 16px;
}

/* Team bloc */
.team-block .inner-box {
    position: relative;
    overflow: hidden;
    background-color: #fff;
    transition: all .5s ease;
    box-shadow: 0 0 8px #0000001a;
}

.animate-img {
    position: relative;
    overflow: hidden;
}

.full-width {
    width: 100%;
}

.team-row.bg-gradient .slick-dots li button {
    border-color: #fff;
    background-color: #fff
}

.team-row .team-block .inner-box:hover {
    box-shadow: rgba(63, 93, 101, 0.2) 6px 16px 17px 0px;
}

.team-row .team-block .inner-box {
    position: relative;
    overflow: hidden;
    background-color: #fff;
    transition: all .5s ease;
    box-shadow: 0 0 8px #0000001a
}

.team-row .team-block .image .overlay-box {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.team-row .team-block .image .overlay-box:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    top: 100%;
    transition: all .9s ease;
    background-image: linear-gradient(180deg,#fff0 0,#001051);
}

.team-row .team-block .inner-box:hover .overlay-box:before {
    opacity: 1;
    top: 0
}

.team-row .team-block .inner-box:hover .lower-content h4 a {
    color: 0aac8e!important
}

.team-row .team-social-box.btn-opopup {
    position: absolute;
    right: 15px;
    bottom: 10%;
    transform: translateY(10%);
    left: initial;
    top: initial;
}

.team-row .team-social-box {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%)
}

.team-row .team-social-box li {
    position: relative;
    left: -70px;
    margin-bottom: 10px;
    transition: all .9s ease
}

.team-row .team-social-box.btn-opopup li {
    left: initial;
    right: -70px;
    transition: all .9s ease
}

.team-row .team-social-box li a {
    position: relative;
    width: 36px;
    height: 36px;
    z-index: 1;
    line-height: 36px;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    background-color: #fff
}

.team-row .team-social-box li .social-name {
    position: relative;
    opacity: 0;
    visibility: hidden;
    margin-left: -32px;
    text-transform: capitalize;
    display: inline-block;
    border-radius: 0 50px 50px 0;
    background-color: #fff;
    transition: all .3s ease;
    padding: 4px 14px 4px 15px;
    top: -1px
}

.team-row .team-social-box li:last-child {
    margin-bottom: 0
}

.team-row .team-block .inner-box:hover .image .overlay-box .team-social-box li, .team-row .team-block .inner-box:hover .image .overlay-box .team-social-box li:nth-child(2), .team-row .team-block .inner-box:hover .image .overlay-box .team-social-box li:nth-child(3), .team-row .team-block .inner-box:hover .image .overlay-box .team-social-box li:nth-child(4) {
    left: 0
}

.team-row .team-block .inner-box:hover .image .overlay-box .team-social-box li:nth-child(2) {
    transition-delay: .5s
}

.team-row .team-block .inner-box:hover .image .overlay-box .team-social-box li:nth-child(3) {
    transition-delay: .75s
}

.team-row .team-block .inner-box:hover .image .overlay-box .team-social-box li:nth-child(4) {
    transition-delay: 1s
}

.team-row .team-social-box li:hover .social-name {
    opacity: 1;
    margin-left: -9px;
    visibility: visible
}

.team-row .team-social-box li.youtube a {
    color: #ffffff;
    background: red;
}

.team-row .team-social-box li.linkedin a {
    background: #0077b7;
    color: #ffffff;
}

.team-row .team-social-box li.facebook a {
    color: #ffffff;
    background: #1977f3;
}

.team-row .team-social-box li.instagram a {
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
    color: #ffffff;
}

.team-row .team-social-box li.twitter a {
    color: #ffffff;
    background: #1da1f2;
}

.team-row .team-social-box li.youtube .social-name {
    background-color: red
}

.team-row .team-social-box li.linkedin .social-name {
    background-color: #0077b7;
}

.team-row .team-social-box li.facebook .social-name {
    background-color: #1977f3
}

.team-row .team-social-box li.twitter .social-name {
    background-color: #1da1f2
}

.team-row .team-block .lower-content {
    border: 1px solid #f5f5f5;
    padding-top: 20px
}

.team-row .team-block .lower-content h4 {
    margin-bottom: 5px;
    margin-top: -5px;
    color: #00AD00;
    font-size: 15px;
}

.team-row .team-block .lower-content h4 p {
    margin: 0 0 20px;
    font-size: 14px;
}

.doctors-slider-2 .slide-item, .doctors-slider .slide-item {
    margin: 5px
}

/* Fin Team bloc */
.inner-banner::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    line-height: 1em;
    font-size: 14px;
    /* background: rgb(0 173 0); */
    width: 100%;
    height: 100%;
}

#mainNav a {
    cursor: pointer;
}

.main-menu .navigation > li > ul a:hover {
    background: #e20000;
    color: #ffffff;
}

.main-menu .navigation > li > ul a {
    font-weight: normal;
    text-transform: none;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0px;
    color: #ffffff;
    background-color: #00ad00;
}

.site-header .site-branding img {
    max-height: 60px;
}

.btn-download a {
    width: 30%;
    display: block;
    margin: 0 15px 0 0;
    max-width: 150px;
}

.btn-download {
    display: flex;
    justify-content: left;
}

#about .iconbox-style-2 .iconbox-title h2 {
    border-bottom: 1px solid rgba(0,0,0,0.1);
    padding-bottom: 17px;
}

#about .counter-style-1 .counter-contents {
    text-align: left;
    color: #00AD00;
}

.home-banner.home-slider-two .square-shape {
    border: none;
}

.infostack-right-content [class*=" flaticon-"]::before {
    font-size: 50px;
}

.header-style-3.site-header .site-navigation ul.navigation > li > a:hover, .header-style-3.site-header .site-navigation ul.navigation > li.active > a, .site-navigation ul.navigation > li.active > a, .site-header .site-navigation ul.navigation > li > a:hover {
}

.site-header .site-navigation ul.navigation > li > a:hover {
    background: none;
    color: #00ad00;
}

.header-style-3 .menu-right-box a {
    color: #ffffff;
    text-transform: uppercase;
    font-family: 'Mark-Pro';
    font-size: 18px;
}

.header-style-3 .menu-right-box a:hover {
    color: #cb0a1f;
}

.service-team {
    margin-bottom: 140px;
}

.cat-services .service-box {
    margin-bottom: 140px;
}

.text-team {
    text-align: center !important;
    justify-content: center;
}

.text-team .social-icons {
    display: none;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.service-style-1:hover .text-team .social-icons {
    display: block;
}

.shadow-none {
    box-shadow: none;
}

.team h4 {
    font-size: 14px;
}

.team .slick-slide img {
    max-width: 100%;
    height: auto;
    border-radius: 7px;
}

.subheading p {
    margin-bottom: 0;
    font-weight: 600;
    font-size: 14px;
}

.teambox-style-1 .teambox-content {
    text-align: center;
    padding: 30px 10px;
}

.teambox-style-1:hover .team-title h4, .teambox-style-1:hover .color-theme1 {
    color: #ffffff !important;
}

.teambox-style-1 .team-title h4 {
    font-size: 18px;
    margin-bottom: 0;
}

a.link-btn, .link-btn a {
    font-family: "Mark-Pro";
    font-weight: 600;
    text-transform: initial;
    font-size: 14px;
    letter-spacing: 0;
}

.innovations .projects-style-1 {
    margin-bottom: 60px;
}

.cat-projetcs .teambox-style-1 {
    background-color: #fff;
    box-shadow: 0 0 30px rgba(115, 128, 157, .1);
    margin-bottom: 60px;
}

.container .gallery a img {
    float: left;
    width: 25%;
    height: auto;
    border: 2px solid #fff;
    -webkit-transition: -webkit-transform .15s ease;
    -moz-transition: -moz-transform .15s ease;
    -o-transition: -o-transform .15s ease;
    -ms-transition: -ms-transform .15s ease;
    transition: transform .15s ease;
    position: relative;
}

.url.fn.n i {
    color: #fff;
}

.pl-200 {
    padding-left: 200px;
}

.bandebleu .footer-top {
    padding: 40px 0;
}

.creativesplanet-ele-fid-style-3 {
    border-radius: 0;
    padding-left: 100px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #222;
    position: absolute;
    left: 45px;
    top: 45px;
    z-index: 2;
    width: 240px;
    background-color: #fff;
}

.creativesplanet-ele-fid-style-3::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #fff;
    position: absolute;
    bottom: -15px;
    left: 30px;
}

.creativesplanet-ele-fid-style-3 .cspt-sbox-icon-wrapper {
    font-size: 55px;
    line-height: 65px;
    color: #e20000;
}

.creativesplanet-ele-fid-style-3 .cspt-sbox-icon-wrapper {
    position: absolute;
    left: 0;
    width: 79px;
    margin-left: 10px;
}

.blog-box .blog-entry-meta .blog-categories.cat-blog::after {
    content: "";
    position: absolute;
    right: -20px;
    background-color: rgba(0,0,0,0);
    width: 1px;
    height: 80%;
    top: 50%;
    transform: translateY(-50%);
}

.page-blog .blog-single-detail .blog-entry-meta .blog-date {
    padding-left: 0;
}

.cspt-portfolio-lines-ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -ms-grid;
    display: grid;
}

.cspt-portfolio-line-li {
    margin-bottom: 10px;
}

.cspt-portfolio-line-title {
    display: initial;
}

.wpb_wrapper {
    box-shadow: 0 0 40px 0 rgba(0,0,0,.1);
    border-radius: 2px;
    background: #fff;
    padding-right: 40px;
}

.wpb_wrapper-btn a {
    font-size: 20px;
    font-weight: 600;
    border: none;
    box-shadow: inherit;
    text-transform: inherit;
    color: #232323;
    letter-spacing: 0;
    padding-right: 50px !important;
    padding-left: 30px;
    display: block;
    padding-top: 12px;
    padding-bottom: 12px;
}

.wpb_wrapper-btn i {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    line-height: 45px;
    right: 0 !important;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background-color: #00AD00;
    display: block;
    position: absolute;
    top: 10px;
}

.cspt-fid-title span {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: #a4a4a4;
}

.cspt-fid-title {
    line-height: 22px;
}

.site-footer .recent-post-thum {
    display: block;
    width: 81px;
    margin-right: 14px;
}

.temoignage .testimonialbox-style-2 .testimonialbox-thumbnail img {
    background-color: #00AD00;
    padding: 0;
}

.temoignage .testimonialbox-style-2 .author-name {
    color: #222;
    font-weight: 700;
    font-size: 14px;
}

.pl-test {
    padding-left: 80px;
}

.testimonialbox-style-2 span {
    color: #888888;
}

.temoignage .testimonialbox-style-2::after {
    color: #00AD00;
    opacity: 1;
}

.temoignage .testimonialbox-style-2 .testimonialbox-desc blockquote {
    color: #999;
}

.wpb_wrapper-btn a:hover i {
    background-color: #e20000;
}

.wpb_wrapper-btn {
    display: block;
    margin-bottom: 21.73913043px;
    max-width: 100%;
    padding: 10px 0;
    position: relative;
}

.btn.btn-yellow:hover {
    background: #e20000;
    border-color: #e20000;
    color: #fff;
}

.basic-information .dots-right .slick-dots {
    width: auto;
    text-align: right;
    right: 26px;
    bottom: -42px;
}

.basic-information .cspt-service-category {
    color: #e20000;
}

.basic-information .creativesplanet-box-content {
    position: relative;
}

.basic-information {
    padding-top: 90px;
    padding-bottom: 180px;
    background-image: url(images/pattern-right.jpg);
    background-position: top right;
    background-repeat: repeat-y;
}

.basic-history {
    padding-top: 60px;
    padding-bottom: 60px;
    background-image: url(images/pattern-left.jpg);
    background-position: top left;
    background-repeat: repeat-y;
}

.img-h-f img {
    border-radius: 2px;
    box-shadow: 0 30px 50px rgba(0,0,0,.05);
}

.img-h-f {
    position: relative;
    z-index: 2;
}

.img-h-s img {
    border-radius: 2px;
    box-shadow: 0 30px 50px rgba(0,0,0,.05);
}

.img-h-s {
    position: absolute;
    bottom: -30px;
    right: 0;
    z-index: 3;
}

.our-projects::before {
    background-color: rgba(16,112,188,0);
    content: "";
    display: inline-block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

.our-projects .container {
    position: relative;
    z-index: 2;
}

.our-projects {
    background-color: #00AD00;
    background-image: url(images/bg-projects.jpg);
    background-position: bottom;
    background-size: cover;
    padding-top: 90px;
    padding-bottom: 243px;
    position: relative;
}

.our-projects-sec .container {
    position: relative;
    z-index: 2;
}

.our-projects-sec > .container > .row {
    margin-top: -200px;
    z-index: 2;
}

.teambox-style-1:hover {
    background: #e20000;
}

.row-team {
    align-items: center;
    justify-content: center;
}

.teambox-style-2 .teambox-content {
    text-align: center;
    padding: 30px 0;
}

.teambox-style-2 .team-title h4 {
    font-size: 18px;
    margin-bottom: 0px;
}

.teambox-style-2 .teambox-content {
    padding: 15px 0 25px;
}

.projects-style-1 .project-link:hover {
    background: #e20000;
}

.projects-style-1 .projects-overlay {
    background: rgba(39, 69, 159, .7);
}

.get-appointment {
    padding-top: 50px;
    padding-bottom: 287px;
}

.appointment-inner {
    padding: 40px 57px 20px;
}

.get-appointment {
    background-size: 620px;
}

..cspt-static-box-inner {
    color: #353535;
}

.cspt-static-box-inner li, .solution-item li {
    font-size: 14px;
    color: #42464e;
    padding-left: 15px;
    position: relative;
}

.cspt-static-box-inner li::before, .solution-item li::before {
    font-family: "optico-icons";
    content: "\e839";
    position: absolute;
    top: 4px;
    left: -5px;
    line-height: 1em;
    font-size: 14px;
    color: #00AD00;
    font-weight: 800;
}

.section-title h4.subheading {
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0;
    font-family: "Mark-Pro";
    margin-bottom: 0;
    text-transform: uppercase;
}

.section-title h2, .section-title h2 p {
    font-weight: 700;
    font-size: 36px;
    line-height: 46px;
    font-family: 'Mark-Pro';
    margin: 0 0 15px;
}

.service-style-1 .service-inner .service-box-title {
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
    letter-spacing: 0;
    margin-bottom: 5px;
    font-family: "Mark-Pro";
    color: #00AD00;
}

.service-style-1 .service-inner .service-box-title a {
    color: #00AD00;
}

.service-desc {
    display: flex;
}

.accordion.accordion-02 .btn.btn-link.collapsed {
    color: #333;
}

.accordion.accordion-02 .btn.btn-link.collapsed:hover, .accordion.accordion-02 .btn.btn-link:hover {
    background: #00AD00;
    color: #ffffff;
}

.accordion.accordion-02 .btn.btn-link {
    color: #ffffff;
}

.article ul {
    margin-top: 20px;
    margin-bottom: 30px;
}

.footer {
    font-size: 14px;
}

.footer .recent-post-list .post-date {
    color: #ffffff;
    font-size: 13px;
    display: block
}

.footer .address-box i {
    font-size: 16px;
    margin-right: 5px;
}

.footer .social-icons li > a i {
    margin-right: 0;
}

.footer .social-icons li > a {
    border: none;
    color: #ffffff;
    margin-right: 0;
    height: 25px;
    width: 25px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer .social-icons {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 0;
    clear: both;
    display: table;
}

.footer .social-icons li > a:hover {
    color: transparent;
    border: none;
}

.page-not-found-main h1 {
    font-size: 111px;
}

.article li {
}

.article li::before {
    background-image: url(images/list.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 13px;
    margin-right: 10px;
    width: 12px;
}

.history-left {
    padding-right: 50px;
}

.history-right {
    padding-left: 50px;
}

.creativesplanet-box-content2 {
    padding: 30px 50px;
    background: #fff;
    margin-top: -55px;
    z-index: 5;
    position: relative;
    margin-right: 25px;
    margin-left: 0;
}

section div.pagination {
    padding: 3px;
    margin: 3px;
    text-align: center;
    display: flex;
    align-items: center;
    width: max-content;
    margin: auto;
}

.service-history {
    margin-bottom: 60px;
}

.actif {
    margin-left: auto;
    font-size: 13px;
}

.service-desc i {
    margin-right: 5px;
    color: blue;
}

.row-reverse {
    flex-direction: row-reverse;
}

.get-volontaire .form-control {
    padding: 10px 20px;
}

.get-volontaire {
    background-image: url("images/bg-volunteer.jpg");
    background-color: #00AD00;
    /* background-position: -140px 0px; */
    background-repeat: no-repeat;
    background-size: cover;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin-top: -14px;
    margin-bottom: 0px;
    padding: 120px 0px 100px 0px;
    position: relative;
}

.get-don {
    background-image: url("images/bg-don.jpg");
    background-color: #00AD00;
    background-repeat: no-repeat;
    background-size: cover;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin-top: -14px;
    margin-bottom: 0px;
    padding: 120px 0px 100px 0px;
    position: relative;
}

.carousel-item h1, .home-banner .carousel-item h1, .slideshow .slide .title {
    line-height: 45px;
    letter-spacing: -1px;
    font-weight: 300;
    font-size: 40px;
    margin-bottom: 15px;
    margin-top: 10px;
    text-shadow: 0 0 5px rgba(0,0,0,0.7);
    font-weight: 800;
}

.service-title {
    text-align: center;
}

.service-title h4 {
    font-size: 19px;
    margin-bottom: 0;
}

.blog-thumbnail [class*=" flaticon-"]::before, .service-box-icon [class*=" flaticon-"]::before {
    font-size: 76px;
}

.service-box-icon i, .blog-thumbnail i {
    color: #e20000;
    text-align: center;
    display: block;
    margin-bottom: 20px;
}

.post-info p {
    margin: 0 0 5px;
}

.breadcrumb i {
    margin: 0 4px;
}

.bloc-form p {
    margin: 0;
}

.bloc-content li i {
    margin-right: 20px;
    display: inline-block
}

.bloc-content li span {
    display: block;
    padding-left: 30px;
}

.bloc-form textarea {
    height: 100px;
}

.header-style-3.site-header .site-navigation ul.navigation > li.current-menu-parent > a, .header-style-3.site-header .site-navigation ul.navigation > li.current-dropdown > a {
    color: #ffbf1f;
}

.sidebar .testimonialbox-style-2 .testimonialbox-desc blockquote {
    padding: 0;
    font-size: 13px;
    font-style: italic;
    line-height: normal;
    font-weight: 300;
    color: #fff;
    letter-spacing: normal;
}

.sidebar .testimonialbox-style-2 .testimonialbox-thumbnail {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    overflow: hidden;
    margin: 5px 0 10px;
    display: inline-block;
}

.sidebar .recent-post-list li {
    padding: 6px 0px;
    font-weight: 400;
}

.el-cn ul {
    padding-left: 20px;
    list-style: disc;
}

.temoignages {
    background-image: url("images/parallax.jpg");
    background-size: cover;
    background-attachment: fixed;
}

.creative-shape img {
    max-width: 100%;
    height: auto;
}

.creative-shape {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: auto;
    z-index: 1;
}

a.btn:not([href]):not([tabindex]) {
    color: #ffffff;
}

.ts-search-overlay input[type="search"] {
    font-weight: normal;
}

.ts-search-overlay .ts-site-searchform button {
    background: #00AD00;
}

.ts-search-overlay .ts-site-searchform button:hover {
    background: #E20000;
}

.ts-search-outer .ts-search-logo img {
    max-height: none;
}

.our-pricing-sec {
    background-image: url("images/bg-blog.jpg");
    background-size: cover;
}

.footer a:hover, .footer .footer-link-list li a:hover {
    color: #00ad00;
}

.footer .footer-link-list li a, .footer a {
    color: #ffffff;
}

.footer {
    background-image: url("images/map.png");
    padding-top: 150px;
    background-position: top right;
    background-color: #001051;
    background-repeat: no-repeat;
}

.footerlogo img {
    max-height: none;
    max-width: 100%;
    width: 224px;
    display: block;
}

.footer .social-icons .tooltip-top::after {
    width: 160px;
    background-color: #e20000;
    margin-left: -80px;
}

.footer .social-icons .tooltip-top::before {
    border-top-color: #e20000;
}

.footer .footer-widget-title {
    text-transform: uppercase;
    font-size: 16px;
    line-height: 32px;
    color: #fff;
    margin-bottom: 26px;
    position: relative;
    font-weight: 600;
    margin-top: 10px;
}

.footer .footer-widget-title::after {
    background: #ffffff;
}

.footer-bottom a:hover {
    color: #00ad00;
}

.footer-bottom {
    color: #ffffff;
}

.iconbox-contents h3 {
    text-align: left;
}

.bottom-footer {
    border-top: 1px solid #e5e5e5;
    margin-top: 0px;
    line-height: 30px;
    color: rgba(0, 0, 0, 0.6);
    padding: 16px 0;
}

.footer p {
    margin: 0 0 7px;
}

.footer ul li {
    padding-bottom: 6px;
}

.pets .front-actu .inner-actu h3 {
    line-height: normal;
    margin-bottom: 0;
    font-size: 18px;
}

.testimonialbox-content .img img {
    margin: 0 auto 15px;
    border-radius: 10px;
}

.pets .front-actu .inner-actu h3 a {
    line-height: normal !important;
}

.coo-style img {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.coo-style img:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity: 1;
}

.firtb-card::after, .faqm li::after {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 0px;
    height: 100%;
    content: "";
    background-color: #00AD00;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    transition: all 0.3s ease 0s;
}

.firtb-card span {
    color: #282828;
}

.firtb-card:hover .coo-info h3, .firtb-card:hover .coo-info span {
    color: #ffffff;
    transition: all 0.3s ease 0s;
}

.firtb-card, .faqm li {
    background-color: rgb(255, 255, 255);
    border-radius: 5px;
    margin: 0px 0px 25px;
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.07) 0px 0px 15px;
    z-index: 1;
    padding: 10px;
    display: block;
}

.firtb-card .coo-info-area {
    -moz-box-align: center;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0px;
}

.firtb-card .coo-info-area .coo-info-wrap {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 40px);
}

.firtb-card .coo-info-area .coo-info-wrap .coo-img {
    width: 65px;
    height: 65px;
    border-radius: 50%;
}

.firtb-card .coo-info-area .coo-info-wrap .coo-img img {
    border-radius: 3px;
    display: block;
    width: 100%;
    border: 1px solid rgba(255,255,255,0.7);
}

.firtb-card .coo-info-area .coo-info-wrap .coo-info {
    width: calc(100% - 85px);
    margin-left: 20px;
}

.firtb-card .coo-info-area .coo-info-wrap .coo-info h3 {
    font-size: 22px;
    line-height: 1.2;
    margin-bottom: 4px;
    transition: all 0.4s ease 0s;
}

.firtb-card .coo-info-area .coo-info-wrap .coo-info span {
    font-size: 14px;
    display: block;
    line-height: normal;
    transition: all 0.4s ease 0s;
}

.firtb-card:hover::after, .faqm li:hover::after {
    visibility: visible;
    opacity: 1;
    width: 100%;
}

.pro-ser .firtb-card .coo-info-area .coo-info-wrap {
    align-items: center;
}

.pro-ser .firtb-card .coo-info-area .coo-info-wrap .coo-img {
    width: 65px;
    height: auto;
    border-radius: 50%;
}

.pro-ser .firtb-card .coo-info-area .coo-info-wrap .coo-info h3 {
    font-size: 18px;
}

.faqm li {
    background-color: rgb(255, 255, 255);
    border-radius: 5px;
    margin: 0px 0px 9px;
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.07) 0px 0px 10px;
    z-index: 1;
    padding: 7px 10px;
    display: block;
    border: 1px solid rgba(0,0,0,0.1);
}

.faqm li a {
    display: block;
    border-radius: 5px;
    font-weight: 600;
    color: #222;
}

.faqm li:hover a {
    color: #ffffff;
}

.b-rec-ctn {
    display: flex;
}

.b-rec-img {
    width: 60%;
}

.b-rec-i {
    font-size: 30px;
    font-weight: 600;
    padding: 20px 0 20px 20px;
    width: 50%;
    line-height: 34px;
}

.b-rec .cat-des h5 {
    font-size: 22px;
}

.b-rec a:hover .btn {
    background: #e20000;
    border-color: #e20000;
}

.b-rec-i span {
    text-transform: initial;
}

.menu-faq .section-title {
    margin-bottom: 20px;
}

.bloc-history .title1 .sudo-bottom, .s-agence .title1 .sudo-bottom, .bt-white .title1 .sudo-bottom {
    color: #ffffff;
}

.bloc-history .title1 > .sudo-bottom::before, .s-agence .title1 > .sudo-bottom::before, .bt-white .title1 .sudo-bottom::before {
    background-color: #ffffff;
}

.bt-white .title1 .sudo-bottom {
    letter-spacing: -0.05em;
}

.bloc-history {
    background-color: #e20000;
    background-image: url(images/bg-hist.jpg);
    background-position: bottom;
    background-size: cover;
    padding-top: 60px;
    padding-bottom: 60px;
    position: relative;
}

.s-agence {
    background-color: #001051;
    background-image: url(images/bg-map.jpg);
    background-position: bottom;
    background-size: cover;
    padding-top: 60px;
    padding-bottom: 60px;
    position: relative;
}

.content-page-c {
}

.content-page-c h1 {
}

.content-page-c h2 {
}

.content-page-c h3 {
    color: #00AD00;
}

.content-page-c h4 {
    color: #e20000;
}

.content-page-c h5 {
}

.content-page-c h6 {
}

.content-page-c ul, .mini-content-page-c ul {
    padding-left: 20px;
    margin-bottom: 15px;
}

.content-page-c p {
    margin: 0 0 10px;
}

.content-page-c ul li, .mini-content-page-c ul li {
    position: relative;
    padding-left: 15px;
}

.content-page-c ul li::before, .mini-content-page-c ul li::before {
    content: '\f105';
    font-family: "FontAwesome";
    position: absolute;
    top: 4px;
    left: 0px;
    line-height: 1em;
    font-size: 14px;
    color: #00AD00;
}

.form-postuler .form-control {
    height: 30px;
}

.form-postuler br {
    display: none;
}

.form-postuler textarea {
    font-weight: normal;
    min-height: 160px;
}

.form-postuler label {
    margin-bottom: 0;
    margin-top: 10px;
}

.form-postuler .form-submit {
    text-align: center;
}

.title-fpost {
    color: #00AD00;
}

.menu-job li {
    display: flex;
    margin-bottom: 10px;
}

.menu-job li .job-label {
    font-weight: 700;
    padding-right: 5px;
    width: 123px;
    min-width: 123px;
}

.menu-job li .label-content {
}

a.projet-jobs:focus {
    color: #353535;
}

.projet-jobs {
    position: relative;
    padding: 20px;
    display: block;
    width: 100%;
    float: left;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 6px;
    z-index: 1;
    box-shadow: /* rgba(0, 0, 0, 0.05) 0px 1px 8px */ rgb(0, 0, 0) 0px 2px 7px -5px;
    transition: all 0.3s ease 0s;
    background: rgb(255, 255, 255);
    color: #353535;
}

a.projet-jobs:hover {
    background: #00AD00;
    color: #ffffff;
}

.projet-jobs .title-job {
    font-size: 20px;
}

a.projet-jobs:hover .title-job {
    color: #ffffff;
}

.projet-jobs .localisation i {
    font-size: 12px;
    margin-right: 7px;
    margin-top: 3px;
}

.projet-jobs .localisation {
    display: flex;
    font-size: 14px;
    line-height: 20px;
    margin-top: 10px;
}

.projet-jobs .company-logo img {
    width: 100%;
    height: 100%;
    padding: 2px;
    border-radius: 50px;
    object-fit: cover;
    transform: translate3d(0px, 0px, 0px);
    vertical-align: middle;
    border-style: none;
    box-sizing: border-box;
}

.projet-jobs .company-logo {
    width: 80px;
    height: 80px;
    margin-right: 25px;
    top: 0px;
    padding: 2px;
    border: 3px solid rgba(0, 0, 0, 0.08);
    border-radius: 50%;
    flex: 1 1 0%;
    max-width: 80px;
    background: #ffffff;
}

.projet-jobs .listing-description {
    flex: 1 1 0%;
    padding-top: 0px;
    margin-top: -2px;
}

.projet-jobs .listing-details {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0px;
    top: 0px;
}

.projet-jobs .list-apply-button {
    right: 0px;
    padding: 6px 10px;
    line-height: 24px;
    position: relative;
    font-size: 12px;
    font-weight: 600;
    display: inline-block;
    transition: all 0.3s ease 0s;
    border-radius: 4px;
    color: #ffffff;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 6px;
    text-align: center;
    background-color: #00AD00;
    border: 2px solid #00AD00;
}

a.projet-jobs:hover .listing-details {
}

a.projet-jobs:hover .list-apply-button {
    box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 6px;
    background-color: #ffffff;
    border: 2px solid #ffffff;
    color: #e20000;
}

.d-location p, .d-location:hover p {
    margin: 0;
    color: rgba(0,0,0,0.58);
    font-size: 14px;
    line-height: normal;
}

.d-location {
    display: flex;
    border-bottom: 1px solid #e9e9e9;
}

.i-location h4 {
    margin-bottom: 0;
    font-size: 17px;
    line-height: normal;
    margin-bottom: 5px;
}

.i-location h4 {
    margin-bottom: 0;
    font-size: 16px;
    margin-bottom: 3px;
}

.i-location p {
}

.loc-filtre {
    position: relative;
}

.all-location {
    position: relative;
}

.all-location-2 {
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    flex: 1;
    position: relative;
    height: 350px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: ;
}

.all-location-3 {
    padding: 0;
    width: 100%;
}

#myDIV {
    padding: 14px 5px 13px 10px;
    border: 2px solid #e9e9e9;
    position: relative;
}

#jTabs .jTab-menu li a {
    padding: 10px;
    display: block;
    background: #ffffff;
}

#jTabs .jTab-menu li a.active_jTab {
    background: #fafafa;
}

#jTabs {
    display: flex;
}

#jTabs *, #jTabs *:before, #jTabs *:after {
    box-sizing: border-box;
}

#jTabs .jTab-menu:before, #jTabs .jTab-menu:after {
    content: " ";
    display: table;
}

#jTabs .jTab-menu:after {
    clear: both;
}

#jTabs .jTab-menu li {
}

#jTabs .jTab-menu li a {
    color: #8d8989 text-decoration: none;
    transition: all 0.25s ease;
    border-bottom: 1px solid white;
}

#jTabs .jTab-menu li a:hover {
}

#jTabs .jTab-menu li a.active_jTab {
}

#jTabs .jTab {
    border: 5px solid white;
    background-color: #F1F3F4;
    width: 100%;
    height: auto;
    display: none;
    position: static;
}

#jTabs .jTab:first-child, #jTabs .jTab .jTab_active {
    display: block;
}

#alllocation {
    width: 30%;
    background: #fff;
    padding: 20px 15px;
}

.jTab-holder {
    width: 70%;
}

.map-info {
    position: absolute;
    padding: 10px;
    right: 15px;
    top: 15px;
    border-radius: 7px;
    background: #fff;
    border: 3px solid #fff;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
    font-size: 14px;
    max-width: 300px;
    line-height: normal;
}

.map-info h5 {
    color: #00AD00;
    font-size: 16px;
    margin-bottom: 5px;
    line-height: normal;
}

.map-info p {
    font-size: 14px;
    margin-bottom: 5px;
    line-height: normal;
    margin-bottom: 5px;
}

.days {
    display: flex;
    margin-bottom: 5px;
}

.day {
    display: flex;
    flex-direction: column;
    padding-right: 20px;
    line-height: normal;
    align-items: center;
    text-align: center;
}

.day span {
    font-size: 12px;
}

.map-Carte img {
    margin: auto;
    display: block;
}

.plan-location {
    margin-left: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn.btn-pp.md-trigger {
    padding: 5px 10px;
    font-size: 12px;
    letter-spacing: 0;
    font-weight: 500;
    width: auto;
    height: auto;
    border-radius: 5px;
    background: #00AD00;
    border-color: #00AD00;
    line-height: normal;
    box-shadow: none;
}

.btn.btn-pp.md-trigger:hover {
    background: #e20000;
    border-color: #e20000;
}

#myInput::before {
    font-family: "optico-icons";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    opacity: .8;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    font-size: 120%;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#myInput {
    background: url("images/bg-search.png") no-repeat top right #ffffff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
    border: 1px solid #dadce0;
    border-radius: 8px;
    height: 40px;
    padding-left: 18px;
    position: relative;
    min-width: 50%;
    margin-bottom: 5px;
    width: 100%;
}

#myInput:active, #myInput:focus {
    background: url("images/bg-search.png") no-repeat top right #f9f9f9;
}

/* Debut du simulateur */
.input_form_echeance {
    border: none;
    outline: none;
    margin: 7px 0;
    background-color: white;
    height: 28px ;
    width: 100%;
    color: #00000080;
    padding: 0px 5px;
}

#resultat_echeance {
    width: -webkit-fill-available;
    height: 29px;
    color: #00000080;
    padding: 0px 5px;
    display: flex;
    align-items: center;
}

.select_option {
    width: -webkit-fill-available;
    height: 29px;
    color: #00000080;
    padding: 0px 5px;
}

.le_formulaire {
    background-color: #001051;
    color: #ffffff;
    width: 100%;
    padding: 20px 20px;
    margin: 0 auto;
}

.desc-sim {
    color: #ffffff;
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 20px;
}

.simulateur_form {
}

.simulateur_form label {
    width: 100%;
}

.simulateur_form .form-group {
    margin-bottom: 0;
    margin-top: 6px;
}

.simulateur_form .select_option, .simulateur_form input, #resultat_echeance {
    height: 40px;
    padding: 2px 8px;
    border-radius: 5px;
    margin: 0;
}

.le_formulaire .title1 .sudo-bottom {
    margin-bottom: 40px;
}

@media (max-width: 625px) {
    .le_formulaire {
    }

    .gogo {
        background-color: rgb(25, 155, 69);
        font-size: 1rem;
        height: 50px !important;
        padding: 5px 25px;
        width: 200px;
        border-radius: 40px;
        margin: auto;
        display: flex;
        justify-content: center;
        color: white;
        size: large;
    }

    .input_form_echeance {
        font-size: 1rem;
        border: none;
        outline: none;
        margin: 7px 0;
        background-color: white;
        height: 40px ;
        width: 100%;
        color: #00000080;
        padding: 0px 5px;
    }

    #resultat_echeance {
        width: -webkit-fill-available;
        height: 41px;
        color: #00000080;
        padding: 0px 5px;
        display: flex;
        align-items: center;
    }

    .select_option {
        width: -webkit-fill-available;
        height: 41px;
        color: #00000080;
        padding: 0px 5px;
    }
}

#echec {
    font-size: 1rem;
    color: #e88d8d;
}

.trait {
    border: white solid 3px;
    margin: auto;
    width: 80px;
}

.gogo {
    background-color: rgb(25, 155, 69);
    height: 40px ;
    padding: 5px 25px;
    width: 200px;
    border-radius: 40px;
    margin: auto;
    display: flex;
    justify-content: center;
    color: white;
    size: large;
}

/* Fin du simulateur */
/* TIMELINE
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.timeline {
    white-space: nowrap;
    overflow-x: hidden;
}

.timeline ol {
    font-size: 0;
    width: 100vw;
    padding: 250px 0;
    transition: all 1s;
}

.timeline ol li {
    position: relative;
    display: inline-block;
    list-style-type: none;
    width: 160px;
    height: 3px;
    background: #fff;
}

.timeline ol li:last-child {
    width: 280px;
}

.timeline ol li:not(:first-child) {
    margin-left: 14px;
}

.timeline ol li:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 50%;
    left: calc(100% + 1px);
    bottom: 0;
    width: 12px;
    height: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
    background: #00AD00;
}

.timeline ol li div {
    position: absolute;
    left: calc(100% + 7px);
    width: 280px;
    padding: 15px;
    font-size: 1rem;
    white-space: normal;
    background: #fff;
    cursor: grabbing;
}

.timeline ol li div::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
}

.timeline ol li:nth-child(odd) div {
    top: -16px;
    transform: translateY(-100%);
}

.timeline ol li:nth-child(odd) div::before {
    top: 100%;
    border-width: 8px 8px 0 0;
    border-color: white transparent transparent transparent;
}

.timeline ol li:nth-child(even) div {
    top: calc(100% + 16px);
}

.timeline ol li:nth-child(even) div::before {
    top: -8px;
    border-width: 8px 0 0 8px;
    border-color: transparent transparent transparent white;
}

.timeline time {
    display: block;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 8px;
    color: #00AD00;
}

/* TIMELINE ARROWS
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.timeline .arrows {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

.timeline .arrows .arrow__next {
    background: #00AD00;
    border: none;
    border-radius: 50%;
    padding: 7px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.timeline .arrows .arrow__prev {
    margin-right: 20px;
    background: #00AD00;
    border: none;
    border-radius: 50%;
    padding: 7px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.timeline .disabled {
    opacity: 0.5;
}

.timeline .arrows img {
    width: 45px;
    height: 45px;
}

/* GENERAL MEDIA QUERIES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media screen and (max-width: 599px) {
    .timeline ol, .timeline ol li {
        width: auto;
    }

    .timeline ol {
        padding: 0;
        transform: none !important;
    }

    .timeline ol li {
        display: block;
        height: auto;
        background: transparent;
    }

    .timeline ol li:first-child {
        margin-top: 25px;
    }

    .timeline ol li:not(:first-child) {
        margin-left: auto;
    }

    .timeline ol li div {
        position: static;
        width: 94%;
        height: auto !important;
        margin: 0 auto 25px;
    }

    .timeline ol li:nth-child(odd) div {
        transform: none;
    }

    .timeline ol li:nth-child(odd) div::before, .timeline ol li:nth-child(even) div::before {
        left: 50%;
        top: 100%;
        transform: translateX(-50%);
        border: none;
        border-left: 1px solid white;
        height: 25px;
    }

    .timeline ol li:last-child, .timeline ol li:nth-last-child(2) div::before, .timeline ol li:not(:last-child)::after, .timeline .arrows {
        display: none;
    }
}

/* -----------------------------------------------
 * Timeline
 * --------------------------------------------- */
.timeline-vertical {
    list-style: none;
    padding: 10px 0;
    position: relative;
}

.timeline-vertical:before {
    top: 0;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 2px;
    background: #00AD00;
    left: 50%;
    margin-left: -1.5px;
}

.timeline-vertical > li {
    margin-bottom: 20px;
    position: relative;
    width: 50%;
    float: left;
    clear: left;
}

.timeline-vertical > li:before, .timeline-vertical > li:after {
    content: " ";
    display: table;
}

.timeline-vertical > li:after {
    clear: both;
}

.timeline-vertical > li:before, .timeline-vertical > li:after {
    content: " ";
    display: table;
}

.timeline-vertical > li:after {
    clear: both;
}

.timeline-vertical > li > .timeline-panel {
    width: calc(100% - 25px);
    width: -moz-calc(100% - 25px);
    width: -webkit-calc(100% - 25px);
    float: left;
    border: 1px solid #dcdcdc;
    background: #ffffff;
    position: relative;
}

.timeline-vertical > li > .timeline-panel:before {
    position: absolute;
    top: 26px;
    right: -15px;
    display: inline-block;
    border-top: 15px solid transparent;
    border-left: 15px solid #dcdcdc;
    border-right: 0 solid #dcdcdc;
    border-bottom: 15px solid transparent;
    content: " ";
}

.timeline-vertical > li > .timeline-panel:after {
    position: absolute;
    top: 27px;
    right: -14px;
    display: inline-block;
    border-top: 14px solid transparent;
    border-left: 14px solid #ffffff;
    border-right: 0 solid #ffffff;
    border-bottom: 14px solid transparent;
    content: " ";
}

.timeline-vertical > li > .timeline-badge {
    color: #ffffff;
    width: 24px;
    height: 24px;
    line-height: 50px;
    text-align: center;
    position: absolute;
    top: 16px;
    right: -12px;
    z-index: 100;
}

.timeline-vertical > li.timeline-inverted > .timeline-panel {
    float: right;
}

.timeline-vertical > li.timeline-inverted > .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto;
}

.timeline-vertical > li.timeline-inverted > .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
}

.timeline-badge > a {
    color: #e20000 !important;
    font-size: 14px;
}

.timeline-badge a:hover {
    color: #00AD00 !important;
}

.timeline-badge > a i {
}

.timeline-badge > a i:hover {
}

.timeline-title {
    margin-top: 0;
    color: inherit;
}

.timeline-heading h4 {
    padding: 15px 15px 0 15px;
    color: #00AD00;
    margin-bottom: 5px;
}

.timeline-body {
    padding: 0 15px 15px 15px;
}

.timeline-body > p, .timeline-body > ul {
    padding: 10px 15px;
    margin-bottom: 0;
}

.timeline-footer {
    padding: 5px 15px;
    background-color: #f4f4f4;
}

.timeline-footer p {
    margin-bottom: 0;
}

.timeline-footer > a {
    cursor: pointer;
    text-decoration: none;
}

.timeline-vertical > li.timeline-inverted {
    float: right;
    clear: right;
}

.timeline-vertical > li:nth-child(2) {
    margin-top: 60px;
}

.timeline-vertical > li.timeline-inverted > .timeline-badge {
    left: -12px;
}

.no-float {
    float: none !important;
}

@media (max-width: 767px) {
    ul.timeline-vertical:before {
        left: 40px;
    }

    ul.timeline-vertical > li {
        margin-bottom: 0px;
        position: relative;
        width: 100%;
        float: left;
        clear: left;
    }

    ul.timeline-vertical > li > .timeline-panel {
        width: calc(100% - 65px);
        width: -moz-calc(100% - 65px);
        width: -webkit-calc(100% - 65px);
    }

    ul.timeline-vertical > li > .timeline-badge {
        left: 28px;
        margin-left: 0;
        top: 16px;
    }

    ul.timeline-vertical > li > .timeline-panel {
        float: right;
    }

    ul.timeline-vertical > li > .timeline-panel:before {
        border-left-width: 0;
        border-right-width: 15px;
        left: -15px;
        right: auto;
    }

    ul.timeline-vertical > li > .timeline-panel:after {
        border-left-width: 0;
        border-right-width: 14px;
        left: -14px;
        right: auto;
    }

    .timeline-vertical > li.timeline-inverted {
        float: left;
        clear: left;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .timeline-vertical > li.timeline-inverted > .timeline-badge {
        left: 28px;
    }
}

.popup img {
    max-width: 100%;
}

.service-thumbnail-inner img {
    cursor: pointer;
}

.testimonialbox-style-2 .testimonialbox-desc blockquote {
    padding: 0;
    font-size: 14px;
    font-style: italic;
    line-height: 27px;
    font-weight: 300;
    color: #fff;
    letter-spacing: normal;
}

.testimonialbox-style-2 .author-name, .testimonialbox-style-1 .author-name {
    font-size: 18px;
    line-height: 24px;
    font-weight: normal;
}

.testimonialbox-style-1 .testimonialbox-desc {
    font-size: 14px;
    font-style: italic;
    line-height: 23px;
    font-weight: 400;
    margin-bottom: 15px;
}

.inner-banned {
    background-color: #1d3b95;
}

.inner-banned::before {
    background-color: rgba(0,0,0,.0);
    content: "";
    display: inline-block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

.inner-banner .align-items-center {
    z-index: 1;
    position: relative;
}

.header-style-3.site-header .site-header-menu.sticky-header {
    position: absolute;
}

.bloc-presi {
    background: #efefef;
    padding: 20px;
}

.img img {
    max-width: 100%;
    height: auto;
}

.inner-banner .inner-page-title {
    font-family: 'Mark-Pro';
}

.iconbox-contents {
    text-align: justify;
}

.popup {
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    background: rgba(0, 0, 0, 0.75);
    text-align: center;
    z-index: 999;
    overflow: hidden;
    overflow-y: auto;
}

.popup:before {
    content: "";
    display: inline-block;
    height: 100%;
    margin-right: -4px;
    vertical-align: middle;
}

.popup-inner {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    position: relative;
    max-width: 700px;
    width: 90%;
    padding: 40px;
    box-shadow: 0px 2px 6px #000;
    border-radius: 3px;
    background: #fff;
    text-align: center;
}

.popup-inner h1 {
    font-family: "Mark-Pro" ;
    font-weight: 700;
}

.popup-inner p {
    font-size: 24px;
    font-weight: 400;
}

.popup-close {
    width: 34px;
    height: 34px;
    padding-top: 4px;
    display: inline-block;
    position: absolute;
    top: 20px;
    right: 20px;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    border-radius: 100%;
    background: transparent;
    border: solid 4px #808080;
}

.popup-close:after, .popup-close:before {
    content: "";
    position: absolute;
    top: 11px;
    left: 5px;
    height: 4px;
    width: 16px;
    border-radius: 30px;
    background: #808080;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.popup-close:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.popup-close:hover {
    -webkit-transform: translate(50%, -50%) rotate(180deg);
    transform: translate(50%, -50%) rotate(180deg);
    background: #f00;
    text-decoration: none;
    border-color: #f00;
}

.popup-close:hover:after, .popup-close:hover:before {
    background: #fff;
}

.b-pays.b-pays-popup {
    position: absolute;
    right: 0;
}

.b-pays .pays {
    font-size: 0;
    width: 28px;
    background-repeat: no-repeat;
    background-size: 28px auto;
    position: absolute;
    right: 6px;
    top: 6px;
}

.b-pays .pays.coast {
    background-image: url(images/ci.png)
}

.b-pays .pays.Cameroon {
    background-image: url(images/cmr.png)
}

.b-pays .pays.Benin {
    background-image: url(images/benin.png)
}

.b-pays .pays.Gabon {
    background-image: url(images/gb.png)
}

.b-pays .pays.France {
    background-image: url(images/fr.png)
}

.b-pays .pays.Mali {
    background-image: url(images/mali.png)
}

.b-pays .pays.RDC {
    background-image: url(images/rdc.jpg)
}

.b-pays .pays.Senegal {
    background-image: url(images/senegal.png)
}

.b-pays .pays.Congo {
    background-image: url(images/congo.jpg)
}

.b-pays .pays.Togo {
    background-image: url(images/togo.png)
}

.titre-form-career {
    text-align: center;
    background: #e20000;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
}

.our-pricing-sec {
    position: relative;
}

.our-pricing-sec::after {
    content: "";
    display: inline-block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    background: #00AD00;
    opacity: 0.8;
}

.c-our-p {
    position: relative;
    z-index: 1;
}

.contact-form-carrer select {
    width: 100%;
}

.elt-mission {
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    background: #fff;
    margin-bottom: 30px;
}

.logo-c-part img {
    max-height: 160px;
    width: auto;
    margin: 0 20px 10px 0;
}

.elt-mission .elt-mission-img {
    float: left;
    width: 100%;
    position: relative;
    z-index: 1;
}

.elt-mission .elt-mission-img img {
    height: auto;
    max-width: 100%;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.elt-mission .elt-mission-st {
    position: absolute;
    bottom: -16px;
    color: #ffffff;
    background: #e20000;
    padding: 5px 20px;
    right: 20px;
    z-index: 2;
}

.elt-mission .elt-mission-st h4 {
    color: #ffffff;
    margin: 0;
    font-size: 18px;
}

.elt-mission .elt-mission-title {
    position: absolute;
    top: 16px;
    color: #ffffff;
    background: rgba(44, 103, 161, 1);
    padding: 5px 20px;
    z-index: 1;
}

.elt-mission .elt-mission-desc p {
    margin: 0;
}

.elt-mission .elt-mission-desc {
    float: left;
    width: 100%;
    padding: 40px;
    position: relative;
    z-index: 1;
}

.elt-mission-first {
    background: #e20000;
    color: #ffffff;
    position: relative;
}

.elt-mission-first .elt-mission-img img {
    opacity: 0.6;
}

.elt-mission-first h2 {
    color: #ffffff;
}

.elt-mission-first-absolute {
    background-size: cover;
    opacity: 0.25;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
}

@media (min-width: 1200px) {
    #mainNav > .current-dropdown > a, #mainNav > .current-menu-ancestor > a {
        color:#00ad00;
    }

    #mainNav li .current-dropdown > a, #mainNav li .current-menu-ancestor > a {
        background: #00ad00;
        color: #ffffff;
    }
}

@media (min-width: 768px) {
}

@media screen and (max-width: 1199px) {
    .header-style-3.site-header .site-header-menu-inner {
        background:rgba(0,0,0,0);
    }

    .site-header .search-btn {
        color: #00AD00;
    }

    .menu-search-box {
        display: inline-block;
        padding: 0;
        position: relative;
        float: right;
    }

    .header-style-3.site-header .site-header-menu {
        position: relative;
    }

    .main-menu .navbar-collapse {
        background-color: #00AD00;
        border-top: 3px solid #7fc540;
    }

    .site-header .site-navigation ul.navigation .righticon {
    }

    .navbar-header {
        position: absolute;
        top: 22px !important;
        right: 20px;
    }

    .menu-search-box {
        display: inline-block;
        padding: 0;
        position: absolute;
        float: right;
        right: 29px;
        top: 32px;
    }

    .header-style-3.site-header .site-navigation ul.navigation > li > a {
        font-size: 13px;
        padding: 9px 16px;
    }
}

@media screen and (max-width: 1199px) {
    .site-header .site-navigation ul.navigation > li > a {
        color: #fff;
    }

    .site-header .site-navigation ul.navigation .righticon {
        color: #fff;
    }

    .site-header .site-header-menu {
        padding: 0;
    }

    .navbar-header {
        top: 8px;
    }

    .site-header .header-button, .site-header .pre-header {
        display: block;
    }

    .site-header .site-navigation ul.navigation > li > a {
        color: #fff;
        padding: 0 10px;
        line-height: 42px;
        height: 42px;
    }

    .main-menu .navbar-collapse {
        top: 72px;
    }

    .sticky-header .navbar-header {
        top: 14px !important;
    }

    .sticky-header .main-menu .navbar-collapse {
        top: 54px;
    }

    .site-header .site-branding img {
        max-height: 55px;
    }

    .inner-banner {
        height: 200px;
    }

    .site-header .site-navigation ul.navigation .righticon, .site-header .site-navigation ul.navigation .dropdown-has-children.expanded0 .expanded0 .righticon, .site-header .site-navigation ul.navigation .dropdown-has-children.expanded0 .dropdown-has-children.expanded0 .expanded0 .righticon {
        display: none;
    }

    .site-header .site-navigation ul.navigation .dropdown-has-children.expanded0 .righticon, .site-header .site-navigation ul.navigation .dropdown-has-children.expanded0 .dropdown-has-children.expanded0 .righticon, .site-header .site-navigation ul.navigation .dropdown-has-children.expanded0 .dropdown-has-children.expanded0 .dropdown-has-children.expanded0 .righticon {
        display: block;
    }

    .site-header .site-navigation ul.navigation .dropdown-toggle::after {
        display: none;
    }

    .site-header .site-navigation ul.navigation > li > a:hover {
        color: #fff;
        background: #e20000;
    }

    .p-about .img-box3 .img-1 {
        width: 60%;
    }

    .p-about .img-box3 .img-2 {
        max-width: 54%;
    }

    .header-style-1 .menu-right-box {
        display: flex !important;
        margin-right: 20px;
    }

    .site-header .search-btn {
        line-height: 40px !important;
        height: 40px;
    }

    .compte {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: -15px;
    }

    .compte .account-btn {
        padding: 0 7px;
        line-height: 28px;
        box-shadow: none;
    }
}

@media screen and (max-width: 991px) {
    .service-box.service-style-1 {
        margin-bottom: 82px;
    }

    #mainNav {
        padding: 0 20px;
    }

    .cspt-header-info-inner .cspt-header-box {
        margin-right: 48px;
        padding-right: 0;
        position: relative;
        padding-left: 2px;
    }

    .navbar-header {
        top: 8px;
        right: 27px;
    }

    .basic-history {
        padding-bottom: 0px;
    }

    .basic-information {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .floated-widget {
        padding: 25px 33px;
        top: -95px;
    }

    .pd-contact .iconbox-style-7 .iconbox-title h2 {
        margin: 0 0 10px 0;
    }

    .pd-contact .iconbox-inner.d-flex {
        justify-content: initial;
        align-items: center;
        margin-bottom: 20px;
        border: 1px solid #dbd8d8;
        padding: 10px 0;
    }

    .iconbox-inner.d-flex {
        justify-content: center;
    }

    .newsletter .form-news {
        margin-top: 12px;
    }

    .app-slide-link-footer {
        font-size: 12px;
    }

    .cat-des .img img {
        max-width: 65px;
    }
}

@media screen and (max-width: 767px) {
    .blog-style-3 .blog-content h4 {
        text-align:center;
    }

    .offset-3 {
        margin-left: 0;
    }

    .teambox-style-2 .teambox-content {
        text-align: center;
        padding: 16px;
    }

    .img-fluid.img-shadow.shadow-none {
        display: none;
    }

    .history-right, .history-left {
        padding: 0;
    }

    .site-header .sticky-header .site-branding img {
        max-height: 46px;
    }

    .cspt-header-box-title {
        font-size: 14px;
    }

    .pl-test {
        padding-left: 0;
    }

    .atouts .img img {
        max-width: 66%;
        height: auto;
        display: table;
        margin: auto;
    }

    .title1 > .sudo-bottom::before {
        height: 4px;
        width: 71px;
        left: 50%;
        bottom: -12px;
    }

    .title1 .sudo-bottom {
        position: relative;
        margin-bottom: 40px;
        font-size: 25px;
    }

    .pre-header-right .social-icons {
        display: none !important;
    }

    .app-slide {
        display: none;
    }

    .p-about .img-box3 .img-3 {
        margin: -00px 0 0 0;
        position: absolute;
        z-index: 2;
        max-width: 83%;
        top: 168px;
    }

    .p-about .img-box3 .img-4 {
        text-align: right;
        position: relative;
        padding-top: 00px;
        z-index: 1;
        margin-left: 83px;
        width: 95%;
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 575px) {
    .site-header .site-branding img {
        max-height: 39px;
    }

    .p-about .img-box3 .img-3 {
        max-width: 83%;
        top: 149px;
    }

    .p-about .img-box3 .img-4 {
        margin-left: 27px;
        width: 95%;
    }

    .projet-jobs .listing-details {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        padding: 0px;
        top: 0px;
        flex-direction: column;
        text-align: center;
    }

    .projet-jobs .localisation {
        display: block;
        font-size: 14px;
        line-height: 20px;
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .projet-jobs .company-logo {
        width: 80px;
        height: 80px;
        margin-right: 25px;
        top: 0px;
        padding: 2px;
        border: 3px solid rgba(0, 0, 0, 0.08);
        border-radius: 50%;
        flex: auto;
        display: flex;
    }

    .b-contact {
        padding: 40px 30px;
    }

    .pl-200.b-tc {
        padding-left: 20px;
    }

    .newsletter .iconbox-contents h3 {
        text-align: left;
        font-size: 16px;
        text-align: center;
        line-height: 16px;
    }

    .newsletter .iconbox p {
        margin: 0;
        font-size: 13px;
    }

    .iconbox-style-7 .iconbox-icon {
        margin-bottom: 0px;
        margin-right: 0;
    }

    .iconbox-inner.d-flex {
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }

    .iconbox-style-7 .iconbox-icon i {
        font-size: 40px;
        margin-top: 0;
        line-height: 15px;
    }

    .newsletter .floated-widget {
        padding: 20px 10px;
        top: -95px;
    }

    .newsletter .iconbox p {
        margin: 0;
        font-size: 13px;
        line-height: initial;
        text-align: center;
        margin-top: 10px;
    }

    .pre-header-right .social-icons {
        display: none !important;
    }

    .compte .account-btn span {
        display: none;
    }

    .home-banner.home-slider-two .carousel-item h1 {
        font-size: 18px;
        line-height: 20px;
        margin-top: 27px !important;
    }

    .home-banner.home-slider-two .carousel-item .shapewrapper-inner {
        font-size: 14px;
    }

    .cspt-static-box-inner {
        margin-left: 0;
    }
}