/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Aug 3, 2018, 9:26:05 AM
    Author     : aneeshdy
*/
/*h1,h2,h3,h4,h5,h6{
    font-weight: normal
}*/
button{
    outline: none
}
.active{color:yellow}
html,body{
    margin: 0;
    padding: 0;
    border: 0;
    font-family:PanchariUni;
    height: 100%;
    font-weight: normal !important;
    color: #4b506c;
    /*    overflow-x: hidden;*/


}
.heartbeat {
	-webkit-animation: heartbeat 1.5s ease-in-out infinite both;
	        animation: heartbeat 1.5s ease-in-out infinite both;
}
/* ----------------------------------------------
 * Generated by Animista on 2018-12-10 20:33:44
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation heartbeat
 * ----------------------------------------
 */
@-webkit-keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}

        .add{position: absolute; left: 10px; top: 10px; z-index: 10000;}
          .add-mob{}
        .add-mob img{}
/*html,body{
    margin: 0;
    padding: 0;
    border: 0;
    font-family: "PT Serif";
    height: 100%;
    font-weight: normal !important;
    color: #4b506c;
        overflow-x: hidden;


}*/
.text-right{text-align: right}
.text-left{text-align: left}
.section {
    width: 100%;
    height: 100%;
    position: relative;

}
::-webkit-scrollbar {
    display: none;
}
.web-only {
	display: block;
}
.mob-only {
	display: none;
}
.middle-div {
    position: relative;
    top: 50%;
    transform: translateY(-50%);

}
img, a, button{
    outline: none;
    border: 0;
    text-decoration: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
ul{
    margin: 0;
    padding: 0
}
li{
    list-style-type: none;
}
*{
    box-sizing: border-box;
}
.clearfix{
    clear: both;
}
.text-center{text-align:center}

footer p{margin:0;}
.social-media-main {
    width: 60px;
    height: 226px;
    float: left;
    position: fixed;
    bottom: 50%;
    z-index: 9;
    right: 30px;
    margin-bottom: -113px;
}

.social-media-ins {
    width: 50px;
    height: 215px;
    float: left;
    margin: 5px;
}
.social-media-head {
    width: 100%;
    height: auto;
    float: left;
    font-family: arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #FFFFFF;
    margin-bottom: 5px;
    text-align: center;
    line-height: 110%;
}
.social-media-icon {
    width: 50px;
    height: 50px;
    float: left;
    margin-bottom: 5px;
    cursor: pointer;
    background-image:url(../img/social.png);
    background-repeat:no-repeat;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%;
}
.tw-clr {
    background-position: 0 -102px;
    background-color: #2caafe;
}
.gl-clr{
    background-position: 0 -51px;
    background-color: #fb443e;
}
.wt-clr{
    background-position: 0 -153px;
    background-color: #13b345;
}

.fb-clr{
    background-color:#2b44a0;
    background-position: 0 0px;
}
@media only screen and (max-width: 768px){
    .social-media-main{width:100% !important; height:auto !important; position:inherit !important; padding:0px; text-align:center !important; bottom: auto !important; right: auto !important}
    .social-media-ins{width:100% !important; height:auto !important; margin:0 !important; display:inline-block}
    .social-media-icon{margin:0 !important}
    .social-media-icon{border-radius:0 !important; width:25% !important}
    .fb-clr{
        background-position: 50% 0px;
    }
    .tw-clr {
        background-position: 50% -102px;
    }
    .gl-clr {
        background-position: 50% -51px;

    }
    .wt-clr {
        background-position: 50% -153px;
    }
}
/***Fonts Uploaded Start***/
@font-face {font-family:EGGIndulekhaUni;
            src:url('../fonts/EGGIndulekha.eot');
            src:url('../fonts/EGGIndulekha.eot?#iefix') format('embedded-opentype'),
                url('../fonts/EGGIndulekha.ttf') format('truetype'), 
                url('../fonts/EGGIndulekha.woff') format('woff'),
                url('../fonts/EGGIndulekha.svg') format('svg');
}
@font-face {font-family:PanchariUni;
            src:url('../fonts/PanchariUniN.eot');
            src:url('../fonts/PanchariUniN.eot?#iefix') format('embedded-opentype'),
                url('../fonts/PanchariUniN.ttf') format('truetype'), 
                url('../fonts/PanchariUniN.woff') format('woff'),
                url('../fonts/PanchariUniN.svg') format('svg');
}
/***Fonts Uploaded End***/

.container{
    max-width:1200px;
    margin: 0 auto;
    padding: 0px 10px 0px 10px 
}
.text-center{
    text-align: center
}
.bg{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#49569b+0,222c62+100 */
    background: #49569b; /* Old browsers */
    background: -moz-linear-gradient(top, #49569b 0%, #222c62 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #49569b 0%,#222c62 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #49569b 0%,#222c62 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49569b', endColorstr='#222c62',GradientType=0 ); /* IE6-9 */
}
header{
    color: #fff;
    padding: 10px;
}
header h1{
    font-size: 55px
}
header  h2{
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 35px;
    font-weight: normal;
}
.mg-t-0{
    margin-top: 0
}
.mg-b-0{
    margin-bottom: 0
}
.map-block img{width: 100%;}
.block{
    width: 50%;
    float: left
}
.block-map{
/*    width: 50%;*/
    float: left
}
.vote-block{
    width: 50%;
    float: left;
    margin-left: -20px
}
.vote-block-right{
    width:48%;
    float: right;
    margin-left: 2%

}

.block-icon{
/*    width: 50%;*/
    float: left;
    color: #fff;
    /*    background-color: rgba(0, 0, 0, 0.1);*/
    border-radius:5px;
}
.block-icon h2{margin: 10px}
.map-block{
    padding: 10px;
    text-align: center
}

nav{
    width: 100%;
    text-align: center
}
nav ul{
    margin: 0;
    padding: 0;
    display: inline-block
}
nav ul li{
    list-style-type: none;
    float: left;

}
nav ul li a{
    text-decoration: none;
    color: #fff;
    padding: 0  10px 0 10px ;
    display: block;
    cursor: pointer;
    font-size:22px;
    border-left: 1px solid #717799

}
nav ul li a:hover{
    color: #909ce2
}


.map-block-main-wrapper{
    margin-top: 40px ;
    width: 100%;
    text-align: center
}
.map-block-main-wrapper-inner{
    display: inline-block
}
.icon-block-top{
    width: 100%;
    text-align: center;
/*    margin-top: 30px*/
}
.icon-block-inner{
    display: inline-block
}
.icon-block-bottom{
    width: 100%;
    text-align: center;
}
.icons{
    float: left;
    padding: 10px;
    color: #fff 
}
.icons h1,h3{
    margin: 0;
}
.icons h3{
    font-size:20px;
    font-weight: normal
}
.icons h1 {
    font-size: 50px;
    font-family: "PT Serif";
}

.closebtn{
    display: none
}
.mob{display: none}
.desk{display: block}
.mob-txt{display: none}
.desk-txt{display: block}

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #111946;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
  
    display: block;
    transition: 0.3s;
}

.sidenav a:hover {
    color: #f1f1f1;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
	z-index:1000
}
.mob-menu{
    font-size:30px;
    cursor:pointer;
    position: absolute;
    right: -5px; 
    top: 0
}
#main {
    transition: margin-left .5s;
    padding: 10px;
}


.map-block-result {
    padding: 10px;
}
.map-block-result img{
    width: 100%;
}
.section-wrapper{
    padding: 60px 0 70px 0;
    background-color: #f0f0f0
}
.section-gap{
    padding: 60px 0 70px 0;
    background-color: #f0f0f0
}
.section-wrapper-small{
    padding: 60px 0 60px 0;
    background-color: #f0f0f0
}
.section-wrapper-bg-white{
    padding: 60px 0 70px 0;
    background-color: #fff
}
.section-wrapper h1, .section-gap h1, .section-wrapper-bg-white h1, .section-wrapper-small h1{font-size: 30px; margin-top: 0}
.party-btn{
    padding: 6px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    width: 82px;
    border-radius: 5px;
    font-size: 14px;
   
}
.clr-bjp{
    background-color: #f2673b; 
    /*    border: 1px solid #e17e0a;*/
}
.clr-bjp:hover{
    background-color: #be4822; 
}
.clr-inc{
    background-color: #486cb7;
    /*    border: 1px solid #32549c;*/
}
.clr-inc:hover{
    background-color: #2950a1;
    /*    border: 1px solid #32549c;*/
}
.clr-oth{
    background-color: #4b506c;
    /*    border: 1px solid #323754;*/
}
.clr-oth:hover{
    background-color: #2c3251;
    /*    border: 1px solid #323754;*/
}
.clr-reset{
    background-color: #d5d5d5;
    /*    border: 1px solid #a2a2a2;*/
    color: #000 !important
}
.clr-reset:hover{
    background-color: #b4b4b4;
    /*    border: 1px solid #a2a2a2;*/
    color: #000 !important
}
.clr-bjp-txt{
    color: #ff8a00; 

}
.clr-inc-txt{
    color: #486cb7;

}
.clr-oth-txts{
    color: #4b506c;

}

p{font-size: 20px; margin: 0}
@media screen and (max-width:900px) {
  .telangana-block{display: block !important; width: 100% !important; margin-top: 50px !important;}
    /*    .middle-div {position: relative; top: auto !important; transform: none !important; height: 100%}*/
    .icons h3{font-size: 19px}
    .map-block{text-align: center; padding: 0; display: none}
    .icons{padding-top: 0; padding-bottom: 0}
    .icons img {width: 75px; height: 63px;}
    header{padding:0}
    header h1{font-size: 30px;}
    header h2{font-size: 20px;}
    .block, .block-icon{width: 100%;}
    .icon-block-top{ margin-top: 0}
    .map-block-main-wrapper{ margin: 0 }
    .nav{ display: none;}
    .mob{display: block !important}
    .desk{display: none !important}
    .party-btn{width: 60px !important;}
    .graph-column-bars-t-value{display: none}
    .graph-column-bars{width: 70% !important}
    .bjp-column-bar-2013{top: 55% !important; border-left: 2px solid #fff}
    .cong-column-bar-2013{top: 67% !important; border-left: 2px solid #fff}
    .oth-column-bar-2013{top: 78% !important; border-left: 2px solid #fff}
    .column-bar-2008-value{display: block !important}
    .column-bar-2013-value{display: block !important}
    .column-bar-year{display: block !important}
    .party-name{bottom: -40px !important}
    .vote-block-right{display: none }
    .section-wrapper, .section-wrapper-bg-white, .section-gap, .section-wrapper-small{padding: 30px 0 50px 0;}
    .vote-block h1{margin-top: 0}
    .vote-block h2{font-size: 18px;}
    .pie-chart{width: 100% !important}
    .pie-chart-inner{margin: 0 auto !important}

    .vote-block{width:100%; margin: 0}
    #main{padding: 0}
    .web-only {
	display: none;
	}
	.mob-only {
		display: block;
	}

}
@media screen and (max-width:320px) {
    header h2.mob{display:none !important}  
}

@media screen and (max-width: 414px) {
    .hide-400-mob{display: none}
    .container-progress{width: 100% !important}
}
@media screen and (max-width: 768px) {
    .label{margin-left: 0 !important; margin-right: 0 !important}
    .container-progress{width: 100% !important}
    .news-wraper{margin: 0 !important; width: 100% !important; margin-bottom: 15px !important;}
}
/*@media screen and (max-height:750px) {
    .map-block img{width: 70%;}
    .map-block{text-align: center}
}
*/@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}

}
@media screen and (max-width:320px) {
    .map-block img{opacity: 0.2} 
}

@media screen and (max-width:450px) {

    /*    .block-icon{position: absolute; right: 0; left: 0; bottom: 10px; width: 100%; z-index: 100; background-color: rgba(0, 0, 0, 0.2); padding-top: 20px; padding-bottom: 20px}*/
    /*    .map-block img{width:320px;}*/

    .icons h1{font-size: 35px;}
}
/*@media screen and (max-height:620px) {
    .map-block img{opacity: 0.1}
    .block-icon{position: absolute; right: 0; left: 0; bottom: 0; width: 100%; z-index: 100}
    .map-block img{width:100%;}
}*/

.graph {
    height: 300px;
    position: relative;
    background-image: url(../img/grid.png);
    background-repeat: repeat;
    margin-top: 40px;
}
.graph-value{
    width: 7%;
    float: left;
    background-color: #fff;
    height: 100%;
    text-align: center; 
}
.graph-value-block{
    height: 20%;
    position: relative;
}
.graph-value-per{
    position: absolute;
    bottom: -8px;
    right: 5px;
}
.graph-value-per-t{
    position: absolute;
    top: -8px;
    right: 5px;
}
.graph-column-bar{
    width: 31%;
    float: left;
    height: 300px;
    position: relative
}
.graph-column-bar-x-axis-b-l{
    height: 18px;
    width: 1px;
    background-color: #ccc;
    position: absolute;
    bottom: -18px;
    left: 0
}
.graph-column-bar-x-axis-b-r{
    height: 18px;
    width: 1px;
    background-color: #ccc;
    position: absolute;
    bottom: -18px;
    right: 0
}
.graph-column-bars{
    width: 50%;
    height: 300px;
    margin: 0 auto;
    position: relative;
}

.bjp-column-bar-2008{
    width: 50%;
    position: absolute;
    top: 66%;
    left: 0;
    bottom: 0;
    background-color: #ff8a00;
    -webkit-animation:scale-in-ver-bottom  5s 0.2s ease-in-out infinite;
    animation: scale-in-ver-bottom  5s 0.2s ease-in-out infinite;

}
.bjp-column-bar-2013{
    width: 50%;
    position: absolute;
    top: 66%;
    left: 50%;
    bottom: 0;
    background-color: #ff8a00;
    -webkit-animation:scale-in-ver-bottom  5s 0.2s ease-in-out infinite;
    animation: scale-in-ver-bottom  5s 0.2s ease-in-out infinite;

}
.cong-column-bar-2008{
    width: 50%;
    position: absolute;
    top: 63%;
    left: 0;
    bottom: 0;
    background-color: #486cb7;
    -webkit-animation:scale-in-ver-bottom  5s 0.5s ease-in-out infinite;
    animation: scale-in-ver-bottom  5s 0.5s ease-in-out infinite;
}
.cong-column-bar-2013{
    width: 50%;
    position: absolute;
    top: 63%;
    left: 50%;
    bottom: 0;
    background-color: #486cb7;
    -webkit-animation:scale-in-ver-bottom  5s 0.5s ease-in-out infinite;
    animation: scale-in-ver-bottom  5s 0.5s ease-in-out infinite;
}
.oth-column-bar-2008{
    width: 50%;
    position: absolute;
    top: 71%;
    left: 0;
    bottom: 0;
    background-color: #4b506c;
    -webkit-animation:scale-in-ver-bottom  5s 0.8s ease-in-out infinite;
    animation: scale-in-ver-bottom  5s 0.8s ease-in-out infinite;
}
.oth-column-bar-2013{
    width: 50%;
    position: absolute;
    top: 71%;
    left: 50%;
    bottom: 0;
    background-color: #4b506c;
    -webkit-animation:scale-in-ver-bottom  5s 0.8s ease-in-out infinite;
    animation: scale-in-ver-bottom  5s 0.8s ease-in-out infinite;
}


.column-bar-2008-value{
    position: absolute; 
    top: -20px;
    left: 0;
    right:0 ; 
    text-align: center;
    display: none
}
.column-bar-2013-value{
    position: absolute; 
    top: -20px;
    left: 0;
    right:0 ;
    text-align: center;
    display: none
}

.column-bar-year{
    position: absolute; 
    bottom: -20px;
    left: 0;
    right:0 ; 
    text-align: center;
    display: none
}
.graph-column-bars-t-value{
    position: absolute;
    top: -20px;
    left: 35px;
    right:0 ;
    text-align: center
}

.party-name{
    position: absolute;
    bottom: -20px;
    left: 0; 
    right:0 ;
    text-align: center;
    font-weight: bold
}
.voters-bar{
    margin-bottom: 10px
}
.voters-bar-label{
    width:15%; 
    float: left;

    padding-right: 10px
}
.voters-column-bar{
    width: 70%;
    float: left
}
.voters-column-bar-vlaue-bar-bg{
    height: 19px;
    background-color: #ccc;
    border-radius: 10px;
    width: 100%;
    position: relative
}
.voters-column-bar-vlaue-bar-voters{
    height: 19px;
    border-radius: 10px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;

}
.voters-bar-count{
    width: 15%;
    float: left;
    padding-left: 10px
}
.pie-chart{
    float: left; 
    width: 33.333333333333%
}
.pie-chart-inner{
    width: 100%;
    margin: 0 auto
}
.container-progress {
    width:70%;
    text-align: center;
    margin: 0 auto
}

.container-progress .progress {
    margin: 0 auto;
    width: 80%;
}

.progress {
    padding: 4px;
    background-color: #e0e0e0;
    border-radius: 10px;

}

.progress-bar {
    height: 16px;
    border-radius: 10px;
    background-color: #e0e0e0;
    transition: 0.4s linear;
    transition-property: width, background-color;

}

/*
 * Note: using adjacent or general sibling selectors combined with
 *       pseudo classes doesn't work in Safari 5.0 and Chrome 12.
 *       See this article for more info and a potential fix:
 *       https://css-tricks.com/webkit-sibling-bug/
 */
#seat:checked ~ .progress > .progress-bar {
    width: 100%;
    background-color: #4b506c
}
#female:checked ~ .progress > .progress-bar {
    width: 47.3%;
    background-color: #4b506c
}

#male:checked ~ .progress > .progress-bar {
    width: 52.7%;
    background-color:  #4b506c
}
#oldvote:checked ~ .progress > .progress-bar {
    width: 66.25%;
    background-color:  #4b506c
}
#oldvotes:checked ~ .progress > .progress-bar {
    width:75.04% ;
    background-color:  #4b506c
}
#other:checked ~ .progress > .progress-bar {
    width:1% ;
    background-color:  #4b506c
}
#value{font-size: 35px}
#values{font-size: 35px}





.radio {
    display: none;
}

.label {
    display: inline-block;
    margin: 0 5px 20px;
    padding: 3px 8px;
    font-size: 20px;
    border-radius:5px;
    cursor: pointer;
}

.radio:checked + .label {
    color: #fff;
    background: #4b506c
}
.highcharts-title{ font-size: 30px;}
.highcharts-exporting-group{display: none}
.highcharts-credits{display: none}
.highcharts-data-labels .highcharts-series-0 .highcharts-pie-series .highcharts-tracker {display: none !important; opacity: 0}
.voting-date{
    max-width:800px;
    padding:20px;
    background-color: #434b77;
    color: #fff;
    margin: 0 auto;
    background-image: url(../img/vote-bg.png);
    background-repeat: no-repeat ;
    background-position: right center;
    border-radius: 10px;
    font-weight: bold;
    padding-bottom: 0;
}
.voting-date table{
    width:100%
}
.voting-date-w{
    width: 45%
}
.voting-date table tr td{
    padding-bottom: 20px;
}
.news-wraper{
    float: left;
    width: 31.33333333333333%;
    margin-right: 2%;
}
.news-wraper img{
    width: 100%;
    border-radius: 8px;
}
.news-wraper a {
    color: #000;
}
@-webkit-keyframes scale-in-center {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1;
    }
    8% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
@keyframes scale-in-center {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1;
    }
    8% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
@keyframes flipParty {
    0% {

        transform: rotateY(0deg)
    }
    25% {

        transform: rotateY(360deg)
    }
    26%,
    100% {

        transform: rotateY(360deg);

    }
}
@-webkit-keyframes flipParty {
    0% {

        transform: rotateX(0deg)
    }
    25% {

        transform: rotateX(360deg)
    }
    26%,
    100% {

        transform: rotateX(360deg);

    }
}
@-webkit-keyframes scale-in-ver-bottom {
    0% {
        -webkit-transform: scaleY(0.2);
        transform: scaleY(0.2);
        -webkit-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        opacity: 1;

    }
    8% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        opacity: 1;

    }
    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        opacity: 1;

    }
}

@keyframes scale-in-ver-bottom {
    0% {
        -webkit-transform: scaleY(0.2);
        transform: scaleY(0.2);
        -webkit-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        opacity: 1;

    }
    8% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        opacity: 1;

    }
    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        opacity: 1;

    }
}

/*
#one{
    -webkit-animation: scale-in-center  8s ease-in-out 0.2s infinite ;
    animation: scale-in-center  8s ease-in-out 0.2s infinite ;
}
#two{
    -webkit-animation: scale-in-center  8s ease-in-out 0.5s infinite ;
    animation: scale-in-center  8s ease-in-out 0.5s infinite ;
}
#three{
    -webkit-animation: scale-in-center  8s ease-in-out 0.8s infinite ;
    animation: scale-in-center  8s ease-in-out 0.8s infinite ;
}
#four{
    -webkit-animation: scale-in-center  8s ease-in-out 1.1s infinite ;
    animation: scale-in-center  8s ease-in-out 1.1s infinite ;
}
#five{
    -webkit-animation: scale-in-center  8s ease-in-out 1.4s infinite ;
    animation: scale-in-center  8s ease-in-out 1.4s infinite ;
}*/
#pie-chart-one{
    -webkit-animation:flipParty  5s 0.2s ease-in-out infinite;
    animation: flipParty  5s 0.2s ease-in-out infinite;
}
#pie-chart-two{
    -webkit-animation:flipParty  5s 0.5s ease-in-out infinite;
    animation: flipParty  5s 0.5s ease-in-out infinite;
}
#pie-chart-three{
    -webkit-animation:flipParty  5s 0.8s ease-in-out infinite;
    animation: flipParty  5s 0.8s ease-in-out infinite;
}


/* ----------------------------------------------
 * Generated by Animista on 2018-11-7 19:1:27
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation tracking-in-contract
 * ----------------------------------------
 */
@-webkit-keyframes tracking-in-contract {
    0% {
        letter-spacing: 1em;
        opacity: 0;
    }
    40% {
        opacity: 0.6;
    }
    100% {
        letter-spacing: normal;
        opacity: 1;
    }
}
@keyframes tracking-in-contract {
    0% {
        letter-spacing: 1em;
        opacity: 0;
    }
    40% {
        opacity: 0.6;
    }
    100% {
        letter-spacing: normal;
        opacity: 1;
    }
}
/* ----------------------------------------------
 * Generated by Animista on 2018-11-7 19:2:45
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation tracking-in-contract-bck
 * ----------------------------------------
 */
@-webkit-keyframes tracking-in-contract-bck {
    0% {
        letter-spacing: 1em;
        -webkit-transform: translateZ(400px);
        transform: translateZ(400px);
        opacity: 0;
    }
    40% {
        opacity: 0.6;
    }
    100% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}
@keyframes tracking-in-contract-bck {
    0% {
        letter-spacing: 1em;
        -webkit-transform: translateZ(400px);
        transform: translateZ(400px);
        opacity: 0;
    }
    40% {
        opacity: 0.6;
    }
    100% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}
/* ----------------------------------------------
 * Generated by Animista on 2018-11-7 19:6:9
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation kenburns-bottom
 * ----------------------------------------
 */
@-webkit-keyframes kenburns-bottom {
    0% {
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0);
        -webkit-transform-origin: 50% 84%;
        transform-origin: 50% 84%;
    }
    100% {
        -webkit-transform: scale(1.25) translateY(15px);
        transform: scale(1.25) translateY(15px);
        -webkit-transform-origin: bottom;
        transform-origin: bottom;
    }
}
@keyframes kenburns-bottom {
    0% {
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0);
        -webkit-transform-origin: 50% 84%;
        transform-origin: 50% 84%;
    }
    100% {
        -webkit-transform: scale(1.25) translateY(15px);
        transform: scale(1.25) translateY(15px);
        -webkit-transform-origin: bottom;
        transform-origin: bottom;
    }
}


header h1{
    /*   -webkit-animation:kenburns-bottom 8s 0.4s ease-in-out infinite;
            animation: kenburns-bottom 8s 0.4s ease-in-out infinite;*/
}
/*.map-block img{
            -webkit-animation:kenburns-bottom 10s 1s ease-in-out infinite;
            animation: kenburns-bottom 10s 1s ease-in-out infinite;
}*/
.scrollup {
    width: 30px;
    height: 30px;
    opacity: 0.8;
    position: fixed;
    bottom: 5px;
    right: 5px;
    display: none;
    text-indent: -9999px;
    background: url('../img/top.png') no-repeat;
    z-index: 1000000;

}
/* ----------------------------------------------
 * Generated by Animista on 2018-11-8 16:49:5
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation blink-1
 * ----------------------------------------
 */
@-webkit-keyframes blink-1 {
    0%,
    50%,
    100% {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}
@keyframes blink-1 {
    0%,
    50%,
    100% {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}
i img{
    -webkit-animation:blink-1   0.8s ease-in-out infinite;
    animation: blink-1   0.8s ease-in-out infinite; 
    width: auto !important
}
/*.party-btn i{
    position: absolute;
    right:10px
}
.party-btn{
    position: relative
}*/