.main_head {
    height: 210px;
    width: 100%;
    background-color: #fff;
    position: relative;
    margin-bottom: -38px;
}
.mid_30 {
        height: 85px;
    width: 30%;
    background-color: #000;
    border-right-color: #000;
    border-width: 10px;
    border-top-color: #333;
    border-left-color: #666;
    border-bottom-color: #7a7575; 
    position: absolute;
    left: 35%;
    top: 8%;
    border-style: outset;
}
.main-chart-img {
    max-width: 100%;
    display: block;
    width: auto;
    height: auto;
    box-sizing: border-box;
    border: 1px solid #778c3e;
    background-color: transparent;
    background-image: none;
    opacity: 1;
}
.line_1 {
        width: 10px;
    height: 22%;
    background-color: #000;
    position: absolute;
    left: 49%;
    top: 48%;
}
.col_50 {
    height: 1000px;
    width: 95%;
    margin: auto;
    border: 10px solid #8fa84b;
    position: relative;
}
.col_30 {
    height: 350px;
    width: 60%;
    margin: auto;
    border: 10px solid #000;
    position: absolute;
    border-bottom: none;
    top: 3%;
    left: 18%;
}
.section_1 {
    top: 13%;
    height: 90px;
    width: 40%;
    background-color: #287d01;
    left: -18%;
    border: 10px solid #287d01;
    border-top-color: #539733;
        border-right-color: #14260c5c;
    border-bottom-color: #1f630040;
    border-left-color: #7eb166;
    position: absolute;
    border-style: outset;
}
.section_1 p {
    color: #fff;
    font-size: 12px;
    text-align: left;
    line-height: 17px;
    margin-bottom: 0;
    font-weight: bold;
    padding: 10px 15px;
    
}

.section_2 {
    height: 90px;
    width: 250px;
    background-color: #287d01;
    left: 82%;
    top: 13%;
    border: 10px solid #287d01;
    border-top-color: #539733;
    border-right-color: #14260c5c;
    border-bottom-color: #1f630040;
    border-left-color: #7eb166;
    position: absolute;
    border-style: outset;
}
.section_2 p {
    color: #fff;
    font-size: 12px;
    text-align: left;
    line-height: 17px;
    margin-bottom: 0;
    font-weight: bold;
    padding: 10px 15px;
    
}
.line {
    width: 10px;
    height: 30%;
    background-color: #000;
    position: absolute;
    left: 50%;
}
.section_3 {
    height: 90px;
    width: 40%;
    background-color: #287d01;
    left: 32%;
    top: 13%;
    border: 10px solid #287d01;
    border-top-color: #539733;
        border-right-color: #14260c5c;
    border-bottom-color: #1f630040;
    border-left-color: #7eb166;
    position: absolute;
    border-style: outset;
}
.section_3 p {
    color: #fff;
    font-size: 12px;
    text-align: left;
    line-height: 17px;
    margin-bottom: 0;
    font-weight: bold;
    padding: 10px 15px;
    
}
.section_4 {
    top: 100%;
    height:145px;
    width: 45%;
    background-color: #cda207;
    border: 13px solid #cda207;
        border-top-color: #d7b438;
    border-right-color: #7a610463;
    border-bottom-color: #a381053b;
    border-left-color: #e1c76a;
    position: absolute;
    border-style: outset;
    left: -24%;
}
.section_4 p {
    color: #fff;
    font-size: 12px;
    text-align: left;
    line-height: 17px;
    margin-bottom: 0;
    font-weight: bold;
    padding: 10px 15px;
    text-transform: uppercase;
}
.linear {
    width: 10px;
    height: 68%;
    background-color: #000;
    position: absolute;
    left: 50%;
    top: 39%;
}
.section_5 {
    top: 100%;
    height:145px;
    width: 45%;
    background-color: #cda207;
    border: 13px solid #cda207;
        border-top-color: #d7b438;
    border-right-color: #7a610463;
    border-bottom-color: #a381053b;
    border-left-color: #e1c76a;
    position: absolute;
    border-style: outset;
    left: 30%;
}
.section_5 p {
    color: #fff;
    font-size: 12px;
    text-align: left;
    line-height: 17px;
    margin-bottom: 0;
    font-weight: bold;
    padding: 10px 15px;
    text-transform: uppercase;
}
.section_6 {
    top: 100%;
    height:145px;
    width: 51%;
    background-color: #cda207;
    border: 13px solid #cda207;
        border-top-color: #d7b438;
    border-right-color: #7a610463;
    border-bottom-color: #a381053b;
    border-left-color: #e1c76a;
    position: absolute;
    border-style: outset;
    left: 82%;
}
.section_6 p {
    color: #fff;
    font-size: 12px;
    text-align: left;
    line-height: 17px;
    margin-bottom: 0;
    font-weight: bold;
    padding: 10px 15px;
    text-transform: uppercase;
}
.box_1 {
    left: 37%;
    height: 55px;
    width: 203px;
    background-color: #8fa84b;
    position: absolute;
    border-width: 12px;
    border-color: #3a5f1063;
        border-top-color: #a5b96f;
    border-right-color: #55642c61;
    border-bottom-color: #72863b5e;
    border-left-color: #bbca93;
    border-style: outset;
    top: -4%;
}
.box_1 p {
    color: #fff;
    text-align: left;
    margin-bottom: 0;
    line-height: 2;
    font-size: 16px;
    font-weight: bold;
    padding: 0px 15px;
    text-transform: uppercase;
}
.mid_box_1 {
    border-bottom: 10px solid #8fa84b;
    position: absolute;
    top: 60%;
    width: 100%;
}
.box_2 {
    top: -20px;
    height: 50px;
    width: 73%;
    background-color: #8fa84b;
    left: 13%;
    position: absolute;
    border-width: 8px;
    border-color: #8fa84b;
        border-top-color: #a5b96f;
    border-right-color: #55642c61;
    border-bottom-color: #72863b5e;
    border-left-color: #bbca93;
    border-style: outset;
}
.box_2 p {
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 2;
    margin-bottom: 0;
    padding-top: 6px;
    font-weight: bold;
    text-transform: uppercase;
}
.mid_box_2 {
    border-bottom: 10px solid #8fa84b;
    position: absolute;
    top: 70%;
    width: 100%;
}
.box_3 {
    top: -20px;
    height: 50px;
    width: 73%;
    background-color: #8fa84b;
    left: 13%;
    position: absolute;
    border-width: 8px;
    border-color: #8fa84b;
        border-top-color: #a5b96f;
    border-right-color: #55642c61;
    border-bottom-color: #72863b5e;
    border-left-color: #bbca93;
    border-style: outset;
}
.box_3 p {
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 2;
    margin-bottom: 0;
    padding-top: 6px;
    font-weight: bold;
    text-transform: uppercase;
}
.mid_box_3 {
    border-bottom: 10px solid #8fa84b;
    position: absolute;
    top: 90%;
    width: 100%;
}
.box_4 {
    top: -20px;
    height: 50px;
    width: 73%;
    background-color: #8fa84b;
    left: 13%;
    position: absolute;
    border-width: 8px;
    border-color: #8fa84b;
        border-top-color: #a5b96f;
    border-right-color: #55642c61;
    border-bottom-color: #72863b5e;
    border-left-color: #bbca93;
    border-style: outset;
}
.box_4 p {
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 2;
    margin-bottom: 0;
    padding-top: 6px;
    font-weight: bold;
    text-transform: uppercase;
}

.mid_box {
    border-bottom: 10px solid #8fa84b;
    position: absolute;
    top: 80%;
    width: 100%;
}
.box_7 {
    top: -20px;
    height: 50px;
    width: 73%;
    background-color: #8fa84b;
    left: 13%;
    position: absolute;
    border-width: 8px;
    border-color: #3a5f1063;
        border-top-color: #a5b96f;
    border-right-color: #55642c61;
    border-bottom-color: #72863b5e;
    border-left-color: #bbca93;
    border-style: outset;
}
.box_7 p {
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 2;
    margin-bottom: 0;
    padding-top: 6px;
    font-weight: bold;
    text-transform: uppercase;
}

.box_8 {
    height: 50px;
    width: 73%;
    background-color: #8fa84b;
    top: 98%;
    position: absolute;
    left: 13%;
    border-width: 8px;
    border-color: #8fa84b;
        border-top-color: #a5b96f;
    border-right-color: #55642c61;
    border-bottom-color: #72863b5e;
    border-left-color: #bbca93;
    border-style: outset;
}
.box_8 p {
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 2;
    margin-bottom: 0;
    padding-top: 6px;
    font-weight: bold;
    text-transform: uppercase;
}

.col_40
{
	height: 85px;
    width: 78%;
    margin: auto;
    border: 10px solid #287d01;
    position: absolute;
    border-bottom: none;
    top: 22%;
    left: 14%;
}

.subsec_1
{
    
    
    height: 39px;
    width: auto;
    background-color: #3a34cc;
    position: absolute;
        top: 57%;
    left: -12%;
    background: url(../img/bg/Layer1.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 45px;
    width: 184px;

    
}
.subsec_2
{
    height: 39px;
    width: auto;
    background-color: #3a34cc;
    position: absolute;
    top: 57%;
    left: 20%;
        background: url(../img/bg/Layer1.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 45px;
    width: 130px;
}
.subsec_3
{
	height: 39px;
    width: auto;
    background-color: #3a34cc;
    position: absolute;
    top: 57%;
    left: 48%;
        background: url(../img/bg/Layer1.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
        height: 45px;
    width: 140px;
}
.subsec_4
{
	/*height: 39px;
    width: auto;
    background-color: #3a34cc;
    position: absolute;
    top: 57%;
    left: 75%;
        background: url(../img/bg/Layer1.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 50px;
    width: 190px;*/
    background-color: #3a34cc;
    position: absolute;
    top: 68%;
    left: 73%;
    background: url(../img/bg/Layer1.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
        height: 39px;
    width: 110px;
}
.subsec_5
{
	/*height: 39px;
    width: auto;
    background-color: #3a34cc;
    position: absolute;
    top: 57%;
    left: 92%;
        background: url(../img/bg/Layer1.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 50px;
    width: 190px;*/
        height: 39px;
    width: auto;
    background-color: #3a34cc;
    position: absolute;
    top: 70%;
    left: 92%;
    background: url(../img/bg/Layer1.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 40px;
    width: 110px;

}

.subsec_1 p, .subsec_2 p, .subsec_3 p, .subsec_4 p, .subsec_5 p, .subsec_6 p
{
	color: #fff;
    font-size: 12px;
    text-align: center;
    white-space: nowrap;
    line-height: 2;
    margin-bottom: 0;
    padding: 11px 0px;
    font-weight: bold;
}
.subsec_4 p
{
        padding: 8px 40px;
}
.line1
{
	width: 10px;
    height: 7%;
    background-color: #287d01;
    position: absolute;
    left: 14%;
    top: 15.7%;
}
.line2
{
	width: 10px;
    height: 7%;
    background-color: #287d01;
    position: absolute;
    left: 46%;
    top:15.7%;
}
.line3
{
	width: 10px;
    height: 7%;
    background-color: #287d01;
    position: absolute;
    left: 75%;
    top: 15.7%;
}
.line_2
{
	width: 10px;
    height: 60px;
    background-color: #287d01;
    position: absolute;
    left: 26%;
    top: 0;
}

.line_3
{
	width: 10px;
    height: 60px;
    background-color: #287d01;
    position: absolute;
    left: 58%;
    top: 0;
}
.line_4
{
	width: 10px;
    height: 60px;
    background-color: #287d01;
    position: absolute;
    left: 79%;
    top: 0;
}
.indication
{
    position: absolute;
    left: 3%;
    top: 31%;
}
.indication p
{
    font-size: 12px;
    color: black;
    font-weight: bold;
    margin-bottom: 0px;
}

.flw-chrt-img
{
    display:block;
}

@media (max-width: 991px) {
.flw-chrt-img
{
    display:block;
}
.flw-chrt
{
    display:none;
}
}