/*-------------------------------------
        5. List-topuics
--------------------------------------*/
.list-topics-content {
    position: relative;
    top: 0px;
    z-index: 1;
}
.list-topics-content ul li {display: inline-block;}

.single-list-topics-content{
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    width: 225px;
    height: 215px;
    background:#474747;
    border-radius: 3px;
    margin-right: 20px;
    margin-bottom: 10px;
    box-shadow: 0 0px 10px rgba(71,71,71,.2);
    -webkit-transition: .3s linear; 
    -moz-transition:.3s linear; 
    -ms-transition:.3s linear; 
    -o-transition:.3s linear;
    transition: .3s linear;
}

.single-list-topics-content:hover{
    color: #fff;
    background:#155379;
    box-shadow: 0 5px 10px rgba(71,71,71,.4);
}




/*-------------------------------------       
        9.  CHARTS
--------------------------------------*/
 .chartWithOverlay {
           position: relative;
           width: 100%;
		   z-index: 2;
    }
	
.overlayhaut {
           width: 90%;
           height: 150px;
           position: absolute;
           top: 30px;   /* chartArea top  */
           left: 20px; /* chartArea left */
    }
 .overlaytreshaut {
           width: 90%;
           height: 150px;
           position: absolute;
           top: -150px;   /* chartArea top  */
           left: 20px; /* chartArea left */
    }
	 .overlaybas {
           width: 90%;
           height: 150px;
           position: absolute;
           bottom: 0px;   /* chartArea top  */
           left: 20px; /* chartArea left */
    }
.overlay1_text {	
font-family:'Arial Black'; 
font-size: 350%;}

.overlay2_text {
color: #b44; font-family:'Arial Black'; font-size: 80%; 
letter-spacing: .12em; margin-top:15px; margin-left:5px;
}	
	
.chartprofil {
  width: 120%; 
  min-height: 800px;
}
.chartmarque {
 width: 120%; 
 min-height: 600px;
 
  
}

/* blog section start */

.blog_section {
    width: 100%;
    float: left;
    padding-bottom: 50px;
}

.blog_section_2{
    width: 100%;
    border: 2px solid #000;
    padding: 20px;
    margin-top: 10px;
}
.news_text{
    width: 100%;
    font-size: 16px;
    text-align: center;
    margin: 0px;
    color: #0e0e0e;
    font-family: 'Open Sans', sans-serif;
}

.news_section_2{
    width: 100%;
    float: left;
    padding-top: 90px;
}

.news_section_2{
    width: 100%;
    float: left;
    padding-top: 90px;
}

.news_taital_box {
    width: 100%;
    border: 2px solid #9a9a9a;
    padding: 50px;
    margin-top: 23px;
}