/*----------Bar Shapes Start---------- */
/*-----Bar Gray Start----- */
.bglt_0  {
    height: 40px;
    width: 17%;
    background: #E4E4E7;
    position: absolute;
    top: 0;
}
.bgrt_0  {
    height: 40px;
    width: 17%;
    background: #E4E4E7;
    position: absolute;
    top: 0;
    right: 0;
}
.bgltm_40  {
    height: 40px;
    width: 17%;
    background: #E4E4E7;
    position: absolute;
    top: -40px;
}
/*-----Bar Gray End----- */

/*-----Bar Blue Start----- */
.bbrtm_40 {
    height: 40px;
    width: 17%;
    background: #007AFF;
    position: absolute;
    right: 0;
    top: -40px;
}
.bbltm_40 {
    height: 40px;
    width: 17%;
    background: #007AFF;
    position: absolute;
    left: 0;
    top: -40px;
}
.bblt_0 {
    height: 40px;
    width: 17%;
    background: #007AFF;
    position: absolute;
    left: 0;
    top: 0;
}
.bbrt_0 {
    height: 40px;
    width: 17%;
    background: #007AFF;
    position: absolute;
    right: 0;
    top: 0;
}

/*-----Blue Shapes Half------ */
.bbl_0tm_60 {
    height: 40px;
    width: 8%;
    background: #007aff;
    position: absolute;
    right: 0;
    top: -60px;
    z-index: 99;
}
.bbl_0t_20 {
    height: 40px;
    width: 8%;
    background: #007aff;
    position: absolute;
    left: 0;
    top: 20px;
    z-index: 99;
}
.bblhct_0 {
    height: 40px;
    width: 8%;
    background: #007AFF;
    position: absolute;
    top: 0;
    left: 8%;
    transform: translate(-50%, -50%);
    z-index: 99;
}
.bbrhct_40{
    height: 40px;
    width: 8%;
    background: #007AFF;
    position: absolute;
    right: 0;
    top: 40px;
    transform: translate(-50%, -50%);
    z-index: 99;
}
.bbrhct_0{
    height: 40px;
    width: 8%;
    background: #007AFF;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(-50%, -50%);
    z-index: 99;
}
.bbrhctm_40{
    height: 40px;
    width: 8%;
    background: #007AFF;
    position: absolute;
    top: -40px;
    left: 8%;
    transform: translate(-50%, -50%);
    z-index: 99;
}
/*-----Bar Blue End----- */

/*-----Bar Yellow Start----- */
.bylt_0 {
    height: 40px;
    width: 17%;
    background: #FDC528;
    position: absolute;
    left: 0;
    top: 0;
}
.byltm_40 {
    height: 40px;
    width: 17%;
    background: #FDC528;
    position: absolute;
    left: 0;
    top: -40px;
}
.byrt_0 {
    height: 40px;
    width: 17%;
    background: #FDC528;
    position: absolute;
    right: 0;
    top: 0;
}
.byrtm_40 {
    height: 40px;
    width: 17%;
    background: #FDC528;
    position: absolute;
    right: 0;
    top: -40px;
}

/*-----Yellow Half Shapes----- */
.bylshft_0{
    height: 40px;
    width: 17%;
    background: #FDC528;
    position: absolute;
    top: 0;
    left: 9%;
    z-index: -1;
}

.byr_0t_20{
    height: 40px;
    width: 8%;
    background: #FDC528;
    position: absolute;
    right: 0;
    top: 20px;
    z-index: 99;
}
.byr_0t_40{
    height: 40px;
    width: 8%;
    background: #FDC528;
    position: absolute;
    right: 0;
    top: 40px;
    z-index: 99;
}
.byr_0tm_20{
    height: 40px;
    width: 8%;
    background: #FDC528;
    position: absolute;
    right: 0;
    top: -20px;
    z-index: 99;
}
.byl_0tm_20{
    height: 40px;
    width: 8%;
    background: #FDC528;
    position: absolute;
    left: 0;
    top: -20px;
    z-index: 99;
}
.byrhct_0{
    height: 40px;
    width: 8%;
    background: #fdc528;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(-50%, -50%);
    z-index: 99;
}
.bylhct_0{
    height: 40px;
    width: 8%;
    background: #fdc528;
    position: absolute;
    right: 0;
    top: 0;
    left: 8%;
    transform: translate(-50%, -50%);
    z-index: 99;
}
.byrhctm_40 {
    height: 40px;
    width: 8%;
    background: #FDC528;
    position: absolute;
    right: 0;
    top: -40px;
    transform: translate(-50%, -50%);
    z-index: 99;
}
.byrhct_40 {
    height: 40px;
    width: 8%;
    background: #FDC528;
    position: absolute;
    right: 0;
    top: 40px;
    transform: translate(-50%, -50%);
    z-index: 99;
}
.bylhctm_40 {
    height: 40px;
    width: 8%;
    background: #fdc528;
    position: absolute;
    top: -40px;
    left: 8%;
    transform: translate(-50%, -50%);
    z-index: 99;
}
/*-----Bar Yellow End----- */

/*----------Bar Shapes Start---------- */

@media only screen and (max-width: 1025px) {
    /*----------Bar Shapes Start---------- */
    /*-----Bar Gray Start----- */
    .bglt_0  {
        width: 12%;
    }
    .bgrt_0  {
        width: 12%;
    }
    .bgltm_40  {
        width: 12%;
    }
    /*-----Bar Gray End----- */

    /*-----Bar Blue Start----- */
    .bbrtm_40 {
        width: 12%;
    }
    .bbltm_40 {
        width: 12%;
    }
    .bblt_0 {
        width: 12%;
    }
    .bbrt_0 {
        width: 12%;
    }

    /*-----Blue Shapes Half------ */
    .bbl_0tm_60 {
        width: 6%;
    }
    .bbl_0t_20 {
        width: 6%;
    }
    .bblhct_0 {
        width: 6%;
        left: 3%;
    }
    .bbrhct_40{
        width: 6%;
        right: -3%;
    }
    .bbrhct_0{
        width: 6%;
        right: -3%;
    }
    .bbrhctm_40{
        width: 6%;
        left: 3%;
    }
    /*-----Bar Blue End----- */

    /*-----Bar Yellow Start----- */
    .bylt_0 {
        width: 12%;
    }
    .byltm_40 {
        width: 12%;
    }
    .byrt_0 {
        width: 12%;
    }
    .byrtm_40 {
        width: 12%;
    }

    /*-----Yellow Half Shapes----- */
    .bylshft_0{
        width: 20%;
        left: 0;
    }

    .byr_0t_20{
        width: 6%;
    }
    .byr_0t_40{
        width: 6%;
    }
    .byr_0tm_20{
        width: 6%;
    }
    .byl_0tm_20{
        width: 6%;
    }
    .byrhct_0{
        width: 6%;
        right: -3%;
    }
    .bylhct_0{
        width: 6%;
        left: 3%;
    }
    .byrhctm_40 {
        width: 6%;
        right: -3%;
    }
    .byrhct_40 {
        width: 6%;
        right: -3%;
    }
    .bylhctm_40 {
        width: 6%;
        left: 3%;
    }
    /*-----Bar Yellow End----- */
}
@media only screen and (max-width: 769px) {

    /*----------Bar Shapes Start---------- */
    /*-----Bar Gray Start----- */
    .bglt_0  {
        width: 8%;
    }
    .bgrt_0  {
        width: 8%;
    }
    .bgltm_40  {
        width: 8%;
    }
    /*-----Bar Gray End----- */

    /*-----Bar Blue Start----- */
    .bbrtm_40 {
        width: 8%;
    }
    .bbltm_40 {
        width: 8%;
    }
    .bblt_0 {
        width: 8%;
    }
    .bbrt_0 {
        width: 8%;
    }

    /*-----Blue Shapes Half------ */
    .bbl_0tm_60 {
        width: 4%;
    }
    .bbl_0t_20 {
        width: 4%;
    }
    .bblhct_0 {
        width: 4%;
        left: 2%;
    }
    .bbrhct_40{
        width: 4%;
        right: -2%;
    }
    .bbrhct_0{
        width: 4%;
        right: -2%;
    }
    .bbrhctm_40{
        width: 4%;
        left: 2%;
    }
    /*-----Bar Blue End----- */

    /*-----Bar Yellow Start----- */
    .bylt_0 {
        width: 8%;
    }
    .byltm_40 {
        width: 8%;
    }
    .byrt_0 {
        width: 8%;
    }
    .byrtm_40 {
        width: 8%;
    }

    /*-----Yellow Half Shapes----- */
    .bylshft_0{
        width: 15%;
    }

    .byr_0t_20{
        width: 4%;
    }
    .byr_0t_40{
        width: 4%;
    }
    .byr_0tm_20{
        width: 4%;
    }
    .byl_0tm_20{
        width: 4%;
    }
    .byrhct_0{
        width: 4%;
        right: -2%;
    }
    .bylhct_0{
        width: 4%;
        left: 2%;
    }
    .byrhctm_40 {
        width: 4%;
        right: -2%;
    }
    .byrhct_40 {
        width: 4%;
        right: -2%;
    }
    .bylhctm_40 {
        width: 4%;
        left: 2%;
    }
    /*-----Bar Yellow End----- */

}