#graph {width:900px; height:400px;}

#chart-map { width: 800px;height:700px; }

div.choose-epci {text-align:center;margin:0 auto;color:#e8e3e3;font-size:3.3em;}

#epci-input {font-size:2.2em;color:#777}

.main-year-ref {text-align: center;color: #b891f2;font-size: 0.7em;display: block;text-align: right;}

.footer-text h2 {display:none;}

.client-thumbnail { opacity:0.2 }

.client-feedback-text img {width:120px;height;120px;}

.filiere h5 { font-size:2.2em;color:#864CDF;margin:0.5em 0 0.8em 0;}
.filiere p { font-weight: bold;color:#777;line-height:1.1em;}

.single-special p {font-weight: bold;color:#777;}

.clients-feedback-area .slick-slide img {
    display: block;
    width: 120px !important;
    height: 15
        0px !important;
    border-radius:0 ! important;
    border: 5px solid #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.clients-feedback-area .slick-slide.slick-current img {
    width: 120px !important;
    height: 120px !important;
}

p.notice {color:#efefef;font-weight: bold;font-size:1.2em;}

.notice_area {
    position: relative;
    z-index: auto;
    background: #3eb7bc;
    background: linear-gradient(to left, #3eb7bc, #3eb7bc);
    padding: 80px 0 50px 0;
    top: 0px;
}

.notice_area h3 {
	color: #2a9599;
	text-transform: uppercase;
	font-weight: bold;
	}

.notice_area:after {
    position: absolute;
    bottom: -100px;
    left: 0;
    right: 0;
    width: 100%;
    height: 60px;
    background-color: #fff;
    content: ''
}

.modal-header h5 { color:#B591ED; font-weight:bold;text-transform: uppercase; }
.modal-body h6 {color:#3EB7BC;font-weight:bold;text-transform: uppercase; margin:1.3em 0 0.5 ! important; border-bottom:1px solid;}
.modal-body ul { padding:1em 1.3em 1.8em 1.3em}
.modal-body ul li {
	list-style: square;
}

#logo-enzo {width:100px}

.single-cool-fact i {font-size:40px;}

.get-started-button > a {min-width:250px;}

/* --------------------------
:: 7.0 Cool Facts Area CSS
-------------------------- */

.cool_facts_area {
    padding: 120px 0 80px 0;
    top: -100px;
}


.cool-facts-content > i {
    color: #ffffff;
    font-size: 42px;
}


.counter-area > h3 {
    font-size: 33px;
    text-align: center;
}

.cool-facts-content > p {
	margin-left:0.5em;
    font-size: 20px;
    color: #ffffff;
    margin-bottom: 0;
}

/**
#ges-list {border-left:1px solid white;}
*/

.switch-ges-view {width:100%}
.switch-ges-view button.btn.btn-secondary {width:50%;background-color:#8071eb;border-color:white;box-shadow:none;}
.switch-ges-view button.btn.btn-secondary.active {background-color:#5b32b4;border-color:white;box-shadow:none;}

span.percent {color:#ffcb6b;font-size:0.9em;margin-left:1.2em;float:right;}
span.percent::before {content:"("}
span.percent::after {content:" %)"}

.ges-note p {color:#bbb5e8;font-size:0.8em;opacity:0.7;text-align:center;margin:2em 0 0 0;}
.ges-note p a {color:#efefef;}

h2#ges-title {margin:2em 0;border-top:1px solid #ffffff;padding:1em 0 0.5em 0;font-size:1.8em;font-weight:bold;/*color:white; */color:#5b32b4;}
#ges-list ul  {
	color:#ffffff;
}
#ges-comment {
  color: #ffcb6b;
  font-size: 1.2em;
  margin: -3em 0 2.5em 0;
  font-weight: bold;
}

#ges-list ul li {
border-bottom:1px dotted #9c91f5;
padding:0.5em 2em;
}
#ges-list ul li:last-child {border:none;}
#ges-total  { font-weight:bold; color:#5b32b4;font-size: 1.1em;}

p.prod-percentage { color:#9581B5;font-size:0.9em;font-variant:italic;font-weight:normal;font-style:italic;}


#ges_chart h3 {color:#b49aea;color:#fff;text-align:center;padding:1em 3em;display:inline-block;border:5px solid #fff;border-radius:50px;margin-top:3em;}