/* pie-chart section */

.piechart ,

.piechartrgb_section {

    float: left;

    width: 100%;

    background-size: 100%;

    background-repeat: no-repeat;

    background-position: top center;

    position: relative;

    height: 100vh;;

    /*top: 65px;*/

    background-attachment: fixed;

}

.piechart::before ,

.piechartrgb_section::before

{

    content: '';

    position: absolute;

    top: 0;

    right: 0;

    width: 260px;

    height: 260px;

    background-size: 100%;

    background-repeat: no-repeat;

    background-position: center;

}



#chart-container {

    display: flex;

    justify-content: center;

    align-items: center;

    height: 600px;

}



.piechart svg {

    background-color: transparent !important;

}

.piechart rect {

    background: transparent !important;

    fill: transparent;

}





g.amcharts-Container .amcharts-AxisLabelCircular-group:first-child img { height: 38px; }

g.amcharts-Container .amcharts-AxisLabelCircular-group:nth-child(2) img { height: 31px; }

g.amcharts-Container .amcharts-AxisLabelCircular-group:nth-child(3) img { height: 28px; }

g.amcharts-Container .amcharts-AxisLabelCircular-group:nth-child(4) img { height: 30px; }

g.amcharts-Container .amcharts-AxisLabelCircular-group:nth-child(5) img { height: 34px; }

g.amcharts-Container .amcharts-AxisLabelCircular-group:nth-child(6) img { height: 24px;margin-bottom: 5px; }

g.amcharts-Container .amcharts-AxisLabelCircular-group:last-child img { height: 37px; }



/* end pie-chart */

#chartdiv {

    width: 100%;

    height: 520px;

    top: 39px;

    position: relative;

  }



.labelname {

    float: left;

    width: 120px;

    max-width: 120px;

    white-space: normal;

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    line-height: 15px;

}



.labelname img {

    width: 100%;

    height: 39px;

    object-fit: contain;

}



.labelname p {

    text-align: center;

    font-size: 12px;

    margin: 0;

    padding-top: 5px;

}

.amcharts-Sprite-group.amcharts-Container-group.amcharts-Label-group {

    background-color: red !important;

    float: left;

    width: 100%;

    fill: #00365E;

   /* font-size: 11px; */

    font-weight:bold;

}



div#secondpiechart {

    width: 100%;

    height: 610px;

    }

    .piechart_section {

        float: left;

        width: 100%;

    }



    /* chart 2*/



    g.amcharts-Container.amcharts-Label.amcharts-AxisLabel.amcharts-AxisLabelCircular {

        font-size: 14px;

        font-family: 'Toshiba Sans';

        fill: #fff;

        font-weight: normal;

        }





/* chart 3*/

        .piechartrgb_section {

            width: 100%;

            float: left;

            /*top: 65px;*/

            position: fixed;

            }

            div#piechartrgb {

                width: 100%;

                height: 700px;

                position: relative;


            }



            .piechartrgb_section {

                height: 900px;

            }



            .rgblabelname {

                width: 100%;

                float: left;

                display: flex;

                justify-content: center;

                flex-wrap: wrap;

                opacity: 1;

                }

                .rgblabelname p {

                    width: 100%;
                    text-align: center;
                    margin: 0;
                    text-transform: capitalize;
                    float: left;
                    display: flex;
                    align-items: center;
                    flex-wrap: wrap;
                    font-size: 11px;
                    line-height: 14px;
                    font-weight: bold;
                    justify-content: center;
                    font-family: 'Montserrat-Regular';
                    font-style: normal;
                    padding-left: 12px;
                    padding-top: 5px;

                }



                g.amcharts-Container .amcharts-AxisLabelCircular-group .rgblabelname img {

                    height:40px;

                    width: 100%;

                    object-fit: contain;

                    padding-top: 10px;

                }



                .rgblabelname p span {

                    font-size: 20px;

                    padding-right: 4px;

                    font-family: 'Helvetica Neue';

                }
				
				.piechart_section .amcharts-PieSeries-group{
					-webkit-animation:spin 4s linear infinite;

                    -moz-animation:spin 4s linear infinite;

                    animation:spin 100s linear infinite;
				}

                @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }

                @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }

                @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }





                .amcharts-Sprite-group.amcharts-Container-group.amcharts-AmChartsLogo-group {

                    display: none;

                }

                /* chart-scroll */





                .piechart.piechart-frame-one {

                    position: absolute;

                    top: 0px;

                    opacity: 1;
					

                }

                .piechart_section {

                    float: left;

                    width: 100%;

                    position: absolute;

                    top: 0px;

                    opacity: 0;

                    transition:0.8s;

                    height: 100vh;

                }

                .piechart_section #secondpiechart {

                    /*position: fixed;*/

                }

                .piechart_section.piechart-frame-two #secondpiechart {

                    transition: 0.6s;

                    cursor: default;

                  /*  transform: rotate(360deg);*/

                    transition: all 0.6s ;

                }

                .piechart_section #secondpiechart {

                    transition: 0.6s;

                   /* transform: rotate(0deg); */

                }



                .piechart div#chartdiv

				{

                    transition: 0.6s;

                }

                .piechart.piechart-frame-one div#chartdiv {

                    /*transform: rotate(-360deg); */

                    transition:0.3s;

                    -webkit-transition:0.3s;

                }



                .piechart div#chartdiv {

                    /*transform: rotate(0deg); */

                    transition:0.3s;

                }

                .piechart.piechart-frame-one.pc-one div#chartdiv {

                   /* transform: rotate(-360deg); */

                   transition:0.3s;

                   -webkit-transition:0.3s;

                }

                .piechart_section.piechart-frame-two {

                    opacity: 1;

                    transition:0.3s;

                }



                .piechartrgb_section #piechartrgb {

                  /*/  transform: rotate(0deg); */

                  transition:0.3s;

                    -webkit-transition:0.3s;

                }



                .piechartrgb_section.piechart-frame-three #piechartrgb{

                    /*transform: rotate(-360deg); */

                     transition:0.3s;

                    -webkit-transition:0.3s;

                }



                .piechartrgb_section {

                    opacity: 0;

                }

                .piechartrgb_section.piechart-frame-three {

                    opacity: 1;

                }



                .piechartrgb_section.piechart-frame-three_remove .amcharts-rgb-g2 .amcharts-Slice-group {

                    transform: scale(0) !important;

                    -webkit-transform: scale(0) !important;

                    transition: initial !important;

                    animation: initial !important;

                    outline: currentcolor none medium;

                }

                .piechartrgb_section.piechart-frame-three_remove .amcharts-rgb-g2 .amcharts-Sprite-group .rgblabelname

				{

                    opacity: 0;

                }

				.blue.hide-blue .piechart.piechart-frame-one.pc-one, .blue.hide-blue .piechart_section.piechart-frame-two {

                    opacity: 0;

                    display: none;

                }

                .header_block.remove-head {

                    opacity: 0;

                    z-index: -999;

                }


                body {

                    overflow-x: hidden;

                    position: relative};

                footer {

                    float: left;

                    width: 100%;

                    float: left;

                    width: 100%;

                }



                .blue {

                    overflow: hidden;

                    /*height: 1000px;*/

                    width: 100%;

                }



                section.blue.hide-blue {

                }

                .labelname p {

                    padding: 0 5px 0 5px;

                    }

                .piechartrgb_section div#piechartrgb .amcharts-rgb-g2 .amcharts-Slice-group{

                    transform: scale(0);

                    -webkit-transform: scale(0);

                }



                section.blue.hide-blue .piechart.piechart-frame-one.pc-one,

                .piechart-frame-three_remove { opacity: 0;   }

                .piechartrgb_section.piechart-frame-three_remove .rgblabelname {

                    opacity: 0 !important;

                    transition: initial !important;

                    animation: initial !important;

                    outline: currentcolor none medium;

                }

                  .item {



                    width: 20vw;

                    background-color: red;

                    max-width: 20%;

                    height: 20vw;

                    text-align: center;

                    line-height: 20vw;

                    font-size: 20vw;

                    font-family: Arial;

                    color: #ffffff;

                  }


                .arrowleft-img img {

                    max-width: 100%;

                }

                .arrowright-img img {

                    max-width: 100%;

                }


                section.blue.hide-blue .piechartrgb_section.piechart-frame-three {

                    position: relative;

                }



                .piechartrgb_section g.amcharts-Container .amcharts-AxisLabelCircular-group:nth-child(6) img { margin-top: 14px; }

                .piechartrgb_section div#piechartrgb .amcharts-rgb-g2 .amcharts-Sprite-group:nth-child(6) .rgblabelname { margin-top: 12px;  }

                .piechartrgb_section div#piechartrgb .amcharts-rgb-g2 .amcharts-Sprite-group:nth-child(6) .rgblabelname img {  margin-top: -1px; }

                .piechart_section .amcharts-Sprite-group.amcharts-Container-group.amcharts-Label-group:nth-child(3) .labelname {  margin: -1px 0 0px -5px; }


                
                section.blue-inner {

                    float: left;

                    width: 100%;

                    height: 100%;

                }

/* IE11 */
@media all and (-ms-high-contrast:none)
     {

    *::-ms-backdrop, .header_block .mainlogo img {padding: 22px 0 0; min-height: 0; }

    *::-ms-backdrop, .header_block .sublogo img {padding: 24px 0 0; min-height: 0; }

    *::-ms-backdrop, .header_block  { height: 64px;}

    *::-ms-backdrop, .footer_block .footer_logo { display: block; }

}


@keyframes mouse-wheel-down
{

  0% {
    transform: translateY(-.714285714285714em);
    opacity: 0;
    }

    40% {
    opacity: 1;
    }
    80% {
    transform: translateY(.714285714285714em);
    opacity: 0;
    }
    100% {
    opacity: 0;
    }
}

@keyframes chevron-anim {

0% {
    transform: translateY(0);
}
20% {
    transform: translateY(10px);
}
40% {
    transform: translateY(0);
}

}

/* preloader */
#preloader {
    background: white none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999999;
    height: 100vh;
    width: 100vw;
}

.mobile-width-auto-scroll{
    display: none;
      
}
.mobile-width{
   width: 100%;
    overflow: auto;  
}
.mobile-view-width{
        width: auto;
}