body{
    background: #F0F6F6;
    font: 300 15px 'Poppins', sans-serif;
}
.header-area .main-header-area .main-menu ul li a{
    color: #565151;
    font-size: 0.85rem;
    margin-right: 15px;
    font-weight: 500;
    text-transform: uppercase;
}
.main-header-area{
    background-color: #ffffff;
    padding: 0;
}
.header-area .main-header-area .main-menu ul li{
    margin: 0 25px;
}
.header-area .main-header-area .main-menu ul li a:last-child{
    margin-right: 0;
}
.about-area .about-info-text .quote {
    color: #013b4f;
}
.project-active.owl-carousel .owl-nav {
    position: relative;
    left: -295px;
    top: -35px;
}
.slider-area .single-slider{
    height: 400px;
}
.project-area{
    padding: 60px 0;
}
.slider-area .single-slider .slider-content {
    padding: 8px;
    background-color: rgba(0 ,0 ,0 ,0.65);
    font-weight: 500;
    color: #fff;
    line-height: 25px;
    font-size: 14px;
    width: 100%;
    position: absolute;
    bottom: 0;
}
/*.section-title h2{*/
/*    text-align: center;*/
/*    padding-top: 0;*/
/*    padding-bottom: 25px;*/
/*    color: #2a454a;*/
/*    font-weight: 400;*/
/*    line-height: normal !important;*/
/*    margin-bottom: 24px;*/
/*    font-size: 45px;*/
/*}*/
.service-area {
    padding-top: 40px;
    padding-bottom: 120px;
}
h1 span, h2 span, h3 span {
    color: #01533b;
}
.slider-area .single-slider .slider-content h3{
    font-size: 18px;
    line-height: 50px;
    color: #ffffff;
}
.slider-area .slider-active .owl-dots div{
    border: 2px solid #dc3545;
}
.slider-area .slider-active .owl-dots div.active {
    background: #dc3545;
}
.single-slider.overlay:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    background: transparent;
}
.color-green-app{
    color: #394435;
}
.header-area .header-top {
    background: #fff;
    border-bottom: 1px solid #e7dcdc;
    padding: 3px 0;
    -webkit-transition: background 0.25s ease-in-out;
    -moz-transition: background 0.25s ease-in-out;
    -o-transition: background 0.25s ease-in-out;
    -ms-transition: background 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
}
.header-area .header-top .header-contact a{
    color: rgb(78, 102, 109);
}
.header-area .main-header-area .main-menu ul li{
    margin-right: 0;
    position: relative;
    top: 10px;
}
.header-area .main-header-area .main-menu ul li.contact{
    float: right;
    top: 0px;
    margin-left: 0;
    margin-right: 0;
}
.header-area .main-header-area .main-menu ul li.contact a{
    border: 1px solid #01533b;
    border-radius: 20px;
    padding: 5px 40px;
    transition: all 0.3s ease;
    display: inline-block;
    text-align: center;
    color: #01533b;
}
.header-area .main-header-area .main-menu ul li a:hover,
.header-area .main-header-area .main-menu ul li a.active{
    color: #dc3545;
}
.header-area .main-header-area .main-menu ul li.contact a:hover{
    color: #dc3545;
    border: 1px solid #dc3545;
}
.language-switcher-language-url{
    max-width: 60px;
    padding: 0 0 5px 5px;
}
.logo-img a{
    display: block;
    max-width: 125px;
}
.logo-img a img {
    max-width: 100%;
    padding: 5px 0;
}
.project-area.overlay::before {
    background-color: #fff;
}
.form-control:focus {
    outline: 0;
}
.section-title h3
,.service-area .single-service h3
,.service-area .single-service h3 a
,.service-area .single-service p{
    color: #073b53;
}
.service-area .single-service h3 a{
    font-size: 24px;
    display: block;
 }
.service-area .single-service .service-thumb a{
    display: block;
}
.footer-inner .list-icons li, .footer-inner .list li {
    padding: 5px 0;
    text-align: left;
}

.footer-inner .list-icons li i {
    min-width: 25px;
    text-align: center;
}
.btn-outline-primary:hover {
    color: #fff;
    background-color: #013b4f;
    border-color: #013b4f;
}
.footer-content ul.menu-left li {
    padding: .8rem 0;
    list-style: none;
    border-bottom: 1px dotted #5c5a5a;
    text-align: left;
    color: #cdcdcd;
}

.footer h2.title {
    font-size: 22px;
    text-transform: none;
    margin-bottom: 10px;
}

.footer-content ul.menu-left li a {
    color: #cdcdcd;
}

.footer-content h2.title {
    font-size: 22px;
    text-transform: none;
    margin-bottom: 10px;
    text-align: left;
    color: #ffffff;
}

.footer-content .form-control {
    background-color: rgba(255, 255, 255, 0.15);
    border-color: #353535;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.8);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.8);
    color: #cdcdcd;
}
.header-area .header-top .header-top-menu ul li a{
    color: #01533b;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 12px;
}
.foot-fast-links li a:hover,
.header-area .header-top .header-contact a:hover{
    color: #01533b;
}
.footer-menu .footer-heading {
    color: #01533b;
    font-size: 18px;
}
.foot-fast-links li {
    margin-bottom: 10px;
}
.footer-menu div.d-flexx {
    line-height: 30px;
    display: flex;
    justify-content: space-between;
}
.footer-menu div.d-flexx  a{
    color: rgba(255, 255, 255, .8);
}
.boxed-btn {
    background: #013b4f;
    border-radius: 4px;
}
.boxed-btn2 {
    background: #013b4f;
}
.about-pro-active.owl-carousel .owl-nav{
    top: 100px;
}
.about-pro-active.owl-carousel .owl-nav div i {
    color: #013b4f;
    font-size: 20px;
}
.addres-area{
    padding: 20px 0;
}
.footer-menu div.d-flexx  a:hover{
    text-decoration: underline;
}
.newsletter-desc, .newsletter-desc p {
    color: rgba(255, 255, 255, .8);
    font-size: 13px;
    text-align: left;
    line-height: 20px;
}
.news-letter-form input {
    color: #495057;
    border: 0 !important;
    font-size: 15px;
    max-height: 40px;
    height: 40px;
}
#newsletter-form .invalid-feedback{
    font-size: .8rem;
    margin-bottom: 8px;
}
#newsletter-form .form-error-icon{
    display: none;
}
.footer-area .news-letter-form .input-group {
    border: 0;
    padding: 0;
}
.bg-blue-light {
    background-color: #c7e8f1;
}
.input-group-append .bg-blue-light {
    padding: 5px 10px;
    min-width: 85px;
    max-height: 34px;
    border-radius: 4px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border: 0;
    background: #01533b;
    color: #fff !important;
}
p {
    line-height: 25px;}
#btn-newletter{
    background: rgba(50,92,119,1);
    font-size: 15px;
    max-height: 40px;
    height: 40px;
}
.text-blue {
    color: #2a3181 !important;
}

.subfooter-inner .copyright {
    background-color: #013b4f;
    color: #d4d4d4;
    line-height: 25px;
}
.office-location{
    padding-top: 15px;
    border-bottom: 1px solid #ddd;
}
.office-location:last-child{
    border-bottom: 0;
}
#footer-logo img {
    max-width: 185px;
}

#footer .social {
    display: inline-block;
}

.social p {
    color: #d4d4d4;
    text-align: center;
    text-transform: uppercase;
    font-size: 10px;
}

.social a {
    display: inline-block;
    height: 35px;
    width: 35px;
    margin-right: 5px;
    border: 1px solid #fff !important;
    border-radius: 50%;
    color: #073b53;
    background: #fff;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
    font-size: 20px;
}

.btn.btn-app {
    background-color: #01533b;
    border-color: #db7818;
    color: #ffffff;
}

.btn.btn-app:hover {
    background-color: #dc7410;
    border-color: #db7818;
    color: #ffffff;
}

.has-feedback .form-control-feedback {
    width: 40px;
    height: 40px;
    line-height: 40px !important;
    top: 0;
    right: 0;
    color: #cdcdcd;
    position: absolute;
    text-align: center;
    margin-top: 0;
}

.form-ajax-3 input[type=submit] {
    float: left;
}

.popular-courses-area .single-popular-course {
    min-height: 400px;
    max-height: 400px;
    margin-bottom: 15px;
}

.cam-main-menu .classy-navbar .nav-brand {
    margin-right: 0;
}

@media (min-width: 1266px) {
    .container {
        max-width: 1250px;
    }
}

.slick-initialized .slick-slide {
    padding: 0 5px;
    min-height: 405px;
}

.customer-logos.slick-initialized .slick-slide {
    min-height: auto;
    max-height: 100px;
}

.customer-logos.slick-initialized .slick-slide a {
    display: block;
    max-width: 120px;
}

#home-projects .single-popular-course .course-content h4 a {
    margin-bottom: 5px;
    font-size: 18px;
    color: #01533b;
}

.single-cool-facts-area .icon {
    color: #01533b;
    background: transparent;
    font-size: 30px;
    font-weight: 700;
}

.classy-nav-container {
    box-shadow: 0 0px 2px rgba(0, 0, 0, 0.15);
}

.projects h1 {
    color: rgba(0, 0, 0, 0.45);
    font-size: 25px;
}

.social a.twitter a:hover {
    border-color: #55acee;
}

.social a.twitter:hover,
.social a.twitter:after {
    background-color: #55acee;
    border-color: #55acee !important;
    color: #ffffff;
}

.social a.skype a:hover {
    border-color: #00aff0;
}

.social a.skype:hover,
.social a.skype:after {
    background-color: #00aff0;
    border-color: #00aff0 !important;;
    color: #ffffff;
}

.social a.linkedin a:hover {
    border-color: #0976b4;
}

.social a.linkedin:hover,
.social a.linkedin:after {
    background-color: #0976b4;
    border-color: #0976b4 !important;;
    color: #ffffff;
}

.social a.googleplus a:hover {
    border-color: #dd4b39;
}

.social-links:not(.animated-effect-1) li.googleplus a:hover,
.colored.social-links li.googleplus a,
.social a.googleplus a:after,
.btn.googleplus {
    background-color: #dd4b39;
    border-color: #dd4b39;
    color: #ffffff;
}

.social a.youtube a:hover {
    border-color: #b31217;
}

.social a.youtube:hover,
.social a.youtube:after {
    background-color: #b31217;
    border-color: #b31217 !important;;
    color: #ffffff;
}

.social a.facebook a:hover {
    border-color: #3b5998;
}

.social a.facebook:hover,
.social a.facebook:after {
    background-color: #3b5998;
    border-color: #3b5998 !important;;
    color: #ffffff;
}

.social a.instagram:hover {
    border-color: #517fa4;
}

.social a.instagram:hover,
.social a.instagram:after {
    background-color: #517fa4;
    border-color: #517fa4 !important;;
    color: #ffffff;
}

.more-back-link-content {
    border-bottom: 1px solid #db7818;
    padding-bottom: 2px;
    color: #db7818;
    font-size: 13px;
}

.side-title {
    color: #1964B6;
    font-size: 18px;
}

.side-opportunities li a {
    font-size: 12px;
    color: #5a5a5a;
}

.side-opportunities li a:hover {
    color: #1964B6;
}

.projects-stats .single-cool-facts-area {
    background-color: #1964B6;
}

.projects-stats .single-cool-facts-area h2 .counter,
.projects-stats .single-cool-facts-area h5 {
    color: #ffffff;
}

.form-group {
    position: relative;
}

.contact_form .form-group .form-control {
    color: #999;
    padding-left: 50px;
    font-size: 25px;
    border: 1px solid #eaeaea;
    background-color: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}

.contact_form .form-group textarea.form-control {
    height: 135px;
}

.contact_form button {
    font-size: 20px;
}

.contact_form .form-group .form-control ~ i {
    position: absolute;
    top: 10px;
    left: 15px;
    font-size: 20px;
}

.contact_form .badge-danger {
    display: none;
}

.side-rigth {
    border-left: 1px solid rgba(0, 0, 0, .125);
    background-color: #fff;
}

.card-orange {
    background-color: #db7818;
    border-bottom: none;
    color: #fff;
}

.card-blue {
    background-color: #1964B6;
    border-bottom: none;
    color: #fff;
}

.card-blue .side-title,
.card-orange .side-title,
.card-orange .card-text,
.card-blue .card-text {
    color: #fff;
}
.project-area .more-project a{
    margin-top: unset;
    display: inline-block;
    position: absolute;
    bottom: -30px;
    left: 15px;
    text-transform: uppercase;
    color: #01533b;
    font-size: 0.77778rem;
    line-height: 1.11111rem;
    font-weight: 600;
}
#home-references .single-project .project-info span {
    color: #fdad3c;
    display: block;
    font-size: 12px;
}
#home-references .single-project .project-info h3 {
    font-size: 14px;
}
.about-us-page {
    background-color: rgba(40, 246, 246,0 );
    padding: 50px 0;
}

.about-us-page .projects-stats .single-cool-facts-area {
    background-color: transparent;
    border: 0;
}

.about-us-page .projects-stats .single-cool-facts-area h5,
.about-us-page .projects-stats .single-cool-facts-area h2 .counter {
    color: #6c6c6c;
}

.about-us-page .single-cool-facts-area h2 {
    font-size: 20px;
    margin-top: 5px;
}

.cam-main-menu .breakpoint-off .classynav ul li .dropdown {
    left: unset;
}

.cam-main-menu .classynav ul li {
    position: relative;
}
.head-word{
    text-align: center;
    border: 1px solid #f1f1f1;
    padding: 5px;
}
.head-word-desc{
    padding: 8px;
    background-color: rgba(1 ,83 ,59 ,0.5);
    font-weight: 500;
    color: #fff;
    line-height: 25px;
    font-size: 14px;
    width: 87%;
    position: absolute;
    bottom: 5px;
}
.classynav ul li .dropdown li a {
    border-bottom: 0;
    display: inline-block;
    width: 100%;
    font-size: 13px;
    line-height: 1;
    height: unset;
    padding: 5px 20px;
}

.breakpoint-off .classynav ul li .dropdown {
    width: 240px;
}

/*Clients sliders*/
/* carousel */
.media-carousel {
    margin-bottom: 0;
    padding: 0 40px 30px 40px;
    margin-top: 30px;
}

/* Previous button  */
.media-carousel .carousel-control.left {
    left: -12px;
    background-image: none;
    background: none repeat scroll 0 0 #222222;
    border: 4px solid #FFFFFF;
    border-radius: 23px 23px 23px 23px;
    height: 40px;
    width: 40px;
    margin-top: 30px
}

/* Next button  */
.media-carousel .carousel-control.right {
    right: -12px !important;
    background-image: none;
    background: none repeat scroll 0 0 #222222;
    border: 4px solid #FFFFFF;
    border-radius: 23px 23px 23px 23px;
    height: 40px;
    width: 40px;
    margin-top: 30px
}

/* Changes the position of the indicators */
.media-carousel .carousel-indicators {
    right: 50%;
    top: auto;
    bottom: 0px;
    margin-right: -19px;
}

/* Changes the colour of the indicators */
.media-carousel .carousel-indicators li {
    background: #c0c0c0;
}

.media-carousel .carousel-indicators .active {
    background: #333333;
}

.media-carousel img {
    width: 250px;
    height: 100px
}

/* End carousel */
.customer-section {
    padding-top: 20px;
    padding-bottom: 20px;
    background: #dae6ef;
}

.customer-section hr {
    width: 100%;
    margin-top: 10px;
    position: relative;
    border-color: #e2e2e2;
    margin: 0;
    top: 11px;
}

.customer-section .innerContainer {
    text-align: center;
    margin-bottom: 15px;
    background: transparent;
}

.customer-section span {
    background-color: transparent;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 20px;
    margin-bottom: 15px;
    color: #6c6c6c;
    display: inline-block;
    z-index: 1;
    position: relative;
}

.language-item span,
.the-group > a span,
span.language-item {
    margin: 0 10px;
}

.footer-area{
    /*background-color: rgba(50,92,119,1);*/
    background-color: #394435;
    padding-top: 50px;
}
.breadcrumb {
    background-size: cover;
    margin: 0 !important;
    background-color: #fff;
    border-radius: 0;
    border-top: 1px solid #ddd;
}
.breadcrumb .breadcrumb_iner .breadcrumb_iner_item p {
    color: #2c322a;
    font-size: 12px;
    font-weight: 400;
}
.banner-bg-1 {
    background-image: url(../../img/banner/banner.png);
}
.ptb200 {
    padding-top: 50px;
    padding-bottom: 50px;
}
.contact-info .ik{
    margin-right: 10px;
}
#with-rigth-side{
    padding-bottom: 50px;
}
.contact #with-rigth-side{
    padding-bottom: 0px;
}
.about-us-content{
    border: 1px solid #f1f1f1;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 25px;
}
.elementor-widget-wrap {
    align-content: center;
    align-items: center;
}
.elementor-widget-wrap>.elementor-element {
    width: 100%;
}
.elementor-element.elementor-element-66d5bff1 > .elementor-widget-container {
    margin: 0px 0px 0px 0px;
    padding: 15px;
    background-color: rgba(50,92,119,1);
    border-radius: 100px 100px 100px 100px;
}
.elementor-view-default .elementor-icon {
    color: #ffffff;
    border-color: #ffffff;
    font-size: 20px;
}
.elementor-column-wrap {
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.elementor-element-populated {
    padding: 10px;
}
.elementor-widget-heading .elementor-heading-title.elementor-size-large {
    font-size: 30px;
    text-transform: uppercase;
}
/*.elementor-heading-title {*/
/*    color: #6c7269;*/
/*    font-size: 20px;*/
/*    margin-bottom: 30px !important;*/
/*    text-transform: uppercase;*/
/*}*/
.about-us .about-us-page{
    background: #020c26
}
.section-title .para-text{
    color: #5c5c5c;
    margin-top: 25px;
    margin-bottom: 55px;
    font-size: 16px;
    line-height: 25px;
}
.section-title .para-text ul{
    margin-top: 25px;
    padding-left: 25px
}
.section-title span{
    line-height: 25px;
}
.ctalink {
    text-transform: uppercase;
    font-size: 0.77778rem;
    line-height: 1.11111rem;
    font-weight: 600;
    color: #01533b;
    display: inline-block;
    float: right;
}
.about-us .about-us-page .elementor-heading-title {
    font-size: 20px;
    text-transform: uppercase;
    color: #01533b;
    margin-bottom: 32px !important;
}
.top-footer-area{
    padding-bottom: 25px;
}
.bottom-footer-area{
    text-align: center;
    position: relative;
    font-weight: 300;
    padding: 10px 0;
    /*background: #191B1B;*/
    background: #2c322a;
    font-size: 0.72222rem;
    line-height: 0.88889rem;
    color: #fff;
    font-style: normal;
    text-transform: uppercase;
}
.bottom-footer-area::before {
    border-color: transparent transparent rgb(78, 102, 109);
    border-width: 0px 0px 60px 100vw;
}
.footer-col{
    padding: 0;
    margin-right: 15px;
}
.footer-col li + li {
    margin-top: 6px;
    padding-top: 6px;
    border-top: 1px solid rgba(102,102,102,0.5);
}
.footer-col a:hover{
    color: #f57e20;
}
.footer-col h4{
    font-size: 1rem;
    line-height: 15px;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 10px;
    color: #a7bbc3;
}
.footer-col li a,
.footer-inner .top-footer p{
    color: #fff;
    font-size: 14px;
    padding: 4px 0;
    font-weight: 300;
    line-height: normal;
}
.footer-inner .top-footer p{
    line-height: 25px;
}
.logo-desc{
    position: relative;
    top: 18px;
    left: 10px;
    display: block;
}
.logo-desc p{
    color: #01533b;
    font-weight: 500;
    font-size: 0.8rem;
    line-height: 18px;
    margin-top: 5px;
}
.logo-desc span{
    color: #6e6d6d;
    font-weight: 500;
}
/***
Custom Scrollbars
***/
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    background-color: #FAFAFA;
    border-left: 1px solid #FAFAFA;
}
::-webkit-scrollbar-thumb {
    background-color: #89a180;
}
::-webkit-scrollbar-thumb:hover {
    background-color: #89a180;
}
::-webkit-scrollbar-track {
    border-radius: 0;
    box-shadow: none;
    border: 0;
}
::-webkit-scrollbar-thumb {
    border-radius: 0;
    box-shadow: none;
    border: 0;
}

.top-footer {
    font-size: 25px;
    line-height: 25px;
    padding-top: 40px;
    padding-bottom: 0px;
    margin-bottom: 0;
    position: relative;
}
.top-footer.last .footer-col{
    border-left: 0;
    padding: 0;
}
.top-footer.last .footer-col h3{
    color: #ffffff;
    font-size: 18px;
    font-weight: 300;
}
.top-footer.last .footer-col h3 span{
    color: #ffffff;
    display: block;
}

.alert-custormer {
    font-size: 25px;
    font-weight: 400;
    text-align: center;
    max-width: 810px;
    margin: 0 auto;
    color: #a7bbc3;
    margin-top: 35px;
}

.legal-terms {
    clear: both;
    text-align: left;
    margin-left: -15px;
}

.legal-terms a{
    font-size: 11px;
    color: #fff;
    line-height: 16px;
    border-right: 1px solid #fff;
    margin-right: 8px;
    padding-right: 8px;
}
.legal-terms a:hover{
    color: rgba(50,92,119,1);
}
.legal-terms a:last-child{
    border-right: 0;
}
.bottom-footer-area p{
    line-height: unset;
}

/*Style pour les référence 28/03/2020*/
.view-content {
    display: flex;
    flex-wrap: wrap;
}
.newslisting {
    margin-bottom: 25px;
}
.bordertid10 {
    border-top: 8px solid #5FBCC2;
}
.newslistingtitle a, .newslistingtitle a:hover, .newslistingtitle a:active, .newslistingtitle a:visited {
    font-size: 15px;
}
img {
    max-width: 100%;
    height: auto;
}
.newslistingbottom {
    min-height: 50px;
}
.newslistingdate {
    color: #000;
    padding: 15px 0;
}
.newslisting .newslistingoverlay {
    opacity: 0;
}
.tid10 {
    background-color: #5FBCC2;
}
.newslistingintro p{
    color: #fff;
    padding: 15px;
    font-size: 18px;
}
.newsreadmore {
    bottom: 0;
    padding: 15px;
    position: absolute;
}
.newsreadmore a {
    color: #293941;
    background-color: #fff;
    padding: 5px 20px;
    border-radius: 5px;
    font-size: 18px;
}
.newsreadmore a:hover {
    color: #f58212;
    background-color: #fff;
}
.newslistingoverlay {
    position: absolute;
    bottom: 30px;
    height: calc(100% - 30px);
    width: calc(100% - 30px);
    transition: all .3s ease;
}
.newslistingoverlay {
    bottom: 60px;
    height: calc(100% - 60px);
}
.newslisting:hover .newslistingoverlay {
    opacity: 1;
}
.main-menu{
    position: relative;
    top: -10px;
}
.csArrow {
    z-index: 99;
    font-size: 0;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 50px;
    width: 50px;
    background: #01533b;
    border-radius: 100%;
    top: -25px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 0 9px rgba(0, 0, 0, 0.47);
}
.csArrow i{
    color: rgba(254 ,209 ,22);
    font-size: 40px;
    left: 12px;
    top: 4px;
    position: relative;
}
.csArrow.bottom-arraw{
    right: 30px;
    left: unset;
}
.csArrow.bottom-arraw i{
    left: 2px;
}
.csArrow:hover {
    background: #F0F6F6;
}
.un-block img{
    margin-right: 10px;
}
.un-block a{
    margin-top: 15px;
    display: block;
}
.un-block .mark-un {
    margin-bottom: 0.625rem;
}
/*PROJET MAP STYLE*/
.map-project{
    max-width: 300px;
}
.map-project .card .card-title {
    font-size: 14px;
    color: #245c86;
    margin-bottom: 14px;
    font-family: 'Roboto Condensed Bold', Arial, sans-serif;
    text-align: left;
}
.map-project .card h5 {
    text-align: left;
}
.map-project .card {
    box-shadow: none;
    margin-bottom: 0 !important;
    border: 0;
    padding-top: 15px;
}
.map-project .card .card-body {
    padding-top: 0;
    padding-bottom: 0;
    border: 0 !important;
}
.map-project .thead {
    background-color: #deebff;
    color: #245c86;
    font-size: 14px;
    text-align: left;
    font-family: "Roboto Condensed Bold", Arial, sans-serif;
    padding: 0.5rem 0.75rem;
}
.map-project .tbody .ttr {
    vertical-align: top;
}
.map-project .tbody .ttd {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding: 0.5rem 0.75rem;
    text-align: left;
    content: "\a";
    white-space: break-spaces;
}
.map-project .age-key {
    font-family: "Roboto Condensed Bold", Arial, sans-serif;
    color: #051d4d;
    font-size: 14px;
}
/* Dropdown Button */
.dropbtn {
    background-color: #04AA6D;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #ffffff;
    min-width: 300px;
    z-index: 999999;
    width: 100%;
    border: 0;
    padding-top: 20px;
}
.header-area .main-header-area .main-menu ul li.dropdown .dropdown-content a {
    color: #565151;
    font-size: 0.75rem;
    margin-right: 15px;
    font-weight: 500;
    text-transform: uppercase;
    display: block;
    width: 100%;
    text-align: left;
    padding: 15px 10px;
    line-height: 25px;
}
.header-area .main-header-area .main-menu ul li a i{
    font-size: 18px;
    position: relative;
    top: 1px;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1; color: #dc3545;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #3e8e41;}

.page_title {
    margin-bottom: 2.5rem;
    margin-top: 2.5rem;
}
.site-content-top {
    border-bottom: 1px solid #e6e6e6;
}
.item-contain{
    padding-top: 40px;
}
.pubdate {
    background: #e6e6e6;
    border-radius: 2px;
    color: #404040;
    display: inline-block;
    font-size: 0.8em;
    line-height: 2;
    padding: 0 0.5em 0 25px;
    vertical-align: text-top;
}
.about-links li a{
    display: block;
    width: 100%;
    background-color: #4c5e45;
    padding: 5px 10px;
    margin: 15px 0;
    color: rgba(254 ,209 ,22);
}
.about-links li a:hover{
    background-color: #01533b;
}
.app_front_about_statistic .cool-facts-area {
    padding-top: 0;
    padding-bottom: 0;
}
.app_front_about_statistic .cool-facts-area h3{
   display: none;
    height: 0;
}
.table-scroll{
    min-height: 100px !important;
    max-height: 200px !important;
    overflow-y: auto !important;
}
.project-popup .stats-project-popup{
    display: block;
}
.project-popup .stats-project-popup li{
    display: block;
}
.project-popup .stats-project-popup li span{
    font-weight: 600;
}
.project-popup tfoot td, .project-popup tfoot th, .project-popup thead td, .project-popup thead th {
    padding: 0.5rem 0.625rem 0.625rem;
    font-weight: 700;
    text-align: left;
}
.project-popup tbody td, .project-popup tbody th {
    padding: 0.5rem 0.625rem 0.625rem;
}
.project-popup table tbody tr {
    border-top: 1px solid #e5e5e5;
}
.project-popup tbody tr:nth-child(even) {
    border-bottom: 0;
    background-color: #f1f1f1;
}
.project-popup table {
    border-left: 1px solid #F1F1F1;
    border-right: 1px solid #F1F1F1;
    border-bottom: 2px solid #2eabe1;
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 1rem;
    border-radius: 3px;
}