.infobox-container {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 100%;
}
.infobox {
    width: 100%;
    background: #424242;
    padding: 3px 0px 0px 0px;
    margin:10px;
    color: #fff;
    font-size: 90%;
}
.infobox h3 {
    background: #3198dd;
    width: 270px;
    color: #fff;
    padding: 10px 5px;
    margin: 0;
    font-size: 160%;
    text-align: center;
    font-weight: bold;
}
.infobox h3 {
    position: relative;
    left: 9px;
top: -17px;
width:55%;
}
.infobox-container .triangle-l {
    border-color: transparent #C9004E transparent transparent;
    border-style:solid;
    border-width:13px;
    height:0;
    width:0;
}
.infobox-container .triangle-r {
    border-color: transparent transparent transparent #C9004E;
    border-style:solid;
    border-width:13px;
    height:0;
    width:0;
}
.infobox-container .triangle-l {
    position: absolute;
    left: -3px;
   /* top: 45px;*/
   top: -4px;
}
.infobox-container .triangle-r {
    position: absolute;
    left:59.3%;
    top: -4px;
}
.infobox {
    position: relative;
    z-index: 90;
}
.infobox h3 {
    position: relative;
    z-index: 100;
}
 
.infobox-container .triangle-l {
    z-index: 0; /* displayed under the infobox */
}
.infobox-container .triangle-r {
    z-index: 0; /* displayed under the infobox */
}
.infobox {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.55);
    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.55);
    box-shadow: 0px 0px 3px rgba(0,0,0,0.55);
	background:#FFFFFF;
   
}
.infobox h3 {
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.55);
    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.55);
    box-shadow: 0px 0px 3px rgba(0,0,0,0.55);
   background:#FFFFFF;
	color:#C9004E;
	-webkit-border-bottom-right-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-right-radius:8px;
border-bottom-left-radius: 8px;
   
}

/*humsafar_center*/
.humsafar_center .triangle-l {
    border-color: transparent #C9004E transparent transparent;
    border-style:solid;
    border-width:13px;
    height:0;
    width:0;
}
.humsafar_center .box_tit{ background-color:#C9004E; width:100%; height:30px; color:#ffffff; padding:3px 10px; font-size:18px;}
.humsafar_center .triangle-r {
    border-color: transparent transparent #C9004E transparent;
    border-style:solid;
    border-width:30px;
    height:0;
    width:0;
}
.humsafar_center .triangle-l {
    position: absolute;
    left: -3px;
   /* top: 45px;*/
   top: -4px;
}
.humsafar_center .triangle-r {
    position: absolute;
    left:86%;
    top: -30px;
}
.infobox {
    position: relative;
    z-index: 90;
}
.infobox h3 {
    position: relative;
    z-index: 100;
}
 
.humsafar_center .triangle-l {
    z-index: 0; /* displayed under the infobox */
}
.humsafar_center .triangle-r {
    z-index: 0; /* displayed under the infobox */
}
.infobox {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.55);
    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.55);
    box-shadow: 0px 0px 3px rgba(0,0,0,0.55);
	background:#FFFFFF;
   
}
.infobox h3 {
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.55);
    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.55);
    box-shadow: 0px 0px 3px rgba(0,0,0,0.55);
   background:#FFFFFF;
	color:#C9004E;
	-webkit-border-bottom-right-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-right-radius:8px;
border-bottom-left-radius: 8px;
   
}