html, body{
    padding:0;
    margin:0;
    width:100%;
    background:none;
    height: 100%;
}
*{
    font-family: "Titillium Web", sans-serif;
    word-wrap:break-word;
    font-size:14px;
}
a{
    text-decoration:none;
    color:inherit;
    cursor:pointer;
}

.header{
    position:relative;
    width:94%;
    height:80px;
    top:0px;
    background:#fff;
    border-bottom:1px solid #CCC;
    z-index:9;
    padding-left:3%;
    padding-right:3%;
}

.what_todo_input_div{
    position:relative;
    width:50%;
    height:auto;
    left:50%;
    margin-left:-25%;
    background:#fff;
    padding:20px;
    margin-bottom:30px;
    z-index:8;
    top:6px;
    color:#000;
}

.text_input{
    width:95%;
    height:45px;
    margin:10px;
    padding:5px;
    border:none;
    border:1px solid #CCC;
    color:#000;
}


.textarea{
    height:35%;
    width:95%;
    padding:5px;
    margin:10px;
}

.submit_btn{
    width:95%;
    margin:10px;
    height:60px;
    background:DodgerBlue;
    color:#fff;
    font-weight:bold;
    border:none;
}

.options-holder{
    position:relative;
    width:49%;
    left:50%;
    padding:10px;
    margin-left:-24%;
}

.who-holder{
    position:relative;
    margin-top:5px;
    margin-bottom:5px;
}

.loading{
    display:none;
}

.red-color{
    color:red;
}

.blue-color{
    color:#069;
}

.login-btn{
    position:relative;
    float:right;
    background:DodgerBlue;
    color:#fff;
    font-size:14px;
    font-weight:bold;
    width:auto;
    margin-right:5px;
    height:45px;
    top:17.5px;
    font-weight:bold;
    border:0px solid #000;
}

.round-border{
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}

.todo-btn{
    position:relative;
    width:auto;
    height:60px;
    border:0px solid #ccc;
}

.transparent-btn{
    background:none;
    border:none;
}

.img-fit{
    max-width:100%;
    max-height:100%;
}

.logo{
    position:absolute;
    width:120px;
    height:100%;
    left:5%;
    background:none;
    font-weight:bold;
    font-size:16px;
    border:none;
}

.by-logo{
    position:relative;
    height:100%;
}

.intro-holder{
    position:relative;
    width:100%;
    height:80%;
    text-align:center;
}

.platform-description{
    position:relative;
    width:60%;
    left:20%;
    height:250px;
    text-align:center;
    top:30%;
    font-size:32px;
    font-size:normal;
}

.platform-sub-description{
    position:relative;
    width:60%;
    left:20%;
    height:auto;
    text-align:center;
    top:0;
    font-size:22px;
    font-size:normal;
}

.holder{
    background:url("/electionscommunication/upload/");
}


*{
  font-family: "Titillium Web", sans-serif;
}

.transparent{
    background:none;
    border:none;
}

.logo-btn{
    position:absolute;
    width:300px;
    height:100%;
    left:50%;
    margin-left:-150px;
    font-size:19px;
    font-weight:bold;
    color:#000;
}


.register-btn{
    background:DodgerBlue;
    color:#fff;
    border:1px solid DodgerBlue;
}

.oval-btn{
    border-radius:35px;
    -moz-border-radius:35px;
    -webkit-border-radius:35px;
}

.background-holder{
    position:absolute;
    width:100%;
    height:99%;
    background:#fff;
    background-size: cover;
}

.content1{
    position:relative;
    width:100%;
    height:90%;
}

.intro-holder{
    width:500px;
    height:auto;
    position:absolute;
    left:5%;
    margin-left:0;
    text-align:center;
    top:30%;
    font-size:44px;
    font-weight:bold;
    color:#333;
}

.text_input{
    width:95%;
    height:35px;
    margin:10px;
    padding:2%;
    border:none;
    border:1px solid #CCC;
    color:#000;
}


.img-fit{
    max-width:100%;
    max-height:100%;
}

.reg_form_logo{
        position:relative;
        width:170px;
        height:170px;
        left:50%;
        margin-left:-85px;
    }
    
.scroll-down{
    position:absolute;
    bottom:30px;
    width:45px;
    height:45px;
    font-size:32px;
    background:none;
    border:none;
    border-bottom:1px solid #333;
    border-right:1px solid #333;
    font-weight:bold;
    left:50%;
    margin-left:-22.5px;
    color:#fff;
    transform: rotate(45deg);
}
.scroll-down{
    -webkit-animation:scroll-down 1.5s infinite;
    animation:scroll-down 1.5s infinite;
}

@-webkit-keyframes scroll-down {
  from {bottom: 40px} 
  to {bottom: 50px}
}

@keyframes scroll-down {
  from {bottom: 40px} 
  to {bottom: 50px}
}


.menu-btns-holder{
    position:absolute;
    width:90px;
    left:5%;
    height:100%;
    background:none;
    border:none;
}

.menu-btn{
    width:35px;
    height:3px;
    background:#000;
    margin-top:3px;
    margin-bottom:2px;
    position:relative;
    left:3px;
}
    
.menu-btn:hover{
    border-bottom:6px solid #0055d4ff;
    color:#0055d4ff;
}

.dot{
    position:relative;
    width:10px;
    height:10px;
    background:#fff;
    left:50%;
    margin-left:-5px;
}
    
.content2{
    position:relative;
    width:70%;
    height:auto;
    padding-left:15%;
    padding-right:15%;
    padding-top:10%;
    padding-bottom:10%;
    text-align:center;
    background:whitesmoke;
    z-index:19;
    top:0px;
}

.small-text{
    font-size:18px;
}

.large-text{
    font-size:38px;
    color:#333;
}

.text-btn{
    margin-bottom:25px;
    color:#333;
}

.signup-btn{
    width:300px;
    height:60px;
    background:DodgerBlue;
    color:#fff;
    font-size:16px;
    font-weight:bold;
    border:1px solid DodgerBlue;
    margin-top:5px;
}

.blu-text{
    color:blue;
}

.footer{
    position:relative;
    top:150px;
    width:90%;
    padding-left:5%;
    padding-right:5%;
    height:80px;
    background:#fff;
}

.footer-btn{
    width:auto;
    height:100%;
    background:none;
    border:none;
    font-size:14px;
    font-weight:bold;
    color:#333;
}

.round-borders{
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
}

.holder{
    position:absolute;
    width:550px;
    height:auto;
    left:50%;
    margin-left:-300px;
    padding:25px;
    border:1px solid #CCC;
    top:70px;
    white-space: pre-line;
}

.funds-holder{
    width:95%;
    height:45px;
    padding:15px;
    border:0px solid #CCC;
}

.funds-btn{
    width:45%;
    height:100%;
    text-align:left;
    font-size:19px;
    border:none;
    background:none;
    float:left;
}

.balance-btn{
    font-size:28px;
    font-weight:bold;
}

.funds-holder2, .funds-holder3{
    width:90%;
    height:45px;
    padding:15px;
    color:#333;
}

.funds-holder3{
    margin-bottom:25px;
    background:none;
    height:auto;
}

.menu-text{
    position:absolute;
    right:8px;
    top:22px;
}

.funds-activity-btn{
    width:95%;
    height:45px;
}

.dim{
    position:absolute;
    width:100%;
    height:100%;
    background:rgba(0, 0, 0, 0.9);
    z-index:1;
    display:none;
}

.pop-up-form{
    position:absolute;
    width:500px;
    height:auto;
    padding:15px;
    left:50%;
    margin-left:-265px;
    background:#fff;
    border:1px solid #CCC;
    z-index:2;
    top:10px;
    display:none;
}

label{
    font-weight:bold;
    font-size:14px;
    margin-bottom:15px;
    color:#069;
}

.text-input{
    width:100%;
    height:40px;
    padding-left:2%;
    padding-right:2%;
    border:1px solid #CCC;
    margin-bottom:15px;
}

.text-area{
    height:60px
}

.hide-btn{
    position:relative;
    left:90%;
    width:10%;
    height:45px;
    font-size:22px;
    font-weight:bold;
    border:none;
    background:none;
}

#invest-btn{
    width:95%;
    background:#ff2a2aff;
}

#request-btn{
   width:95%;
   background:#d4aa00ff; 
}

.profile-pic-holder{
    position:absolute;
    width:280px;
    height:auto;
    padding:10px;
    border:1px solid #ffeeaaff;
    background:#ffeeaaff;
    top:70px;
    left:5%;
    z-index:3;
}

.profile_pic{
    position:absolute;
    width:110px;
    height:110px;
    left:10px;
    background:#CCC;
}

.fullname-holder{
    position:relative;
    width:auto;
    height:auto;
    margin-bottom:15px;
    left:5%;
    font-weight:bold;
    font-size:18px;
}

#content3{
    background:#f2f2f2ff;
}

.sincewhen{
    font-size:13px;
}

.phone-holder{
    position:absolute;
    right:15%;
    top:70px;
    width:auto;
    height:800px;
    background:none;
    border-radius: 45px;
}

.iphone {
  width: 290px;
  height: 586px;
  background: whitesmoke;
  border: 5px solid white;
  border-radius: 45px;
  opacity: 0.8;
}

.highlight {
  width: 282px;
  height: 575px;
  border: 0 solid #fff;
  border-radius: 45px;
  position: relative;
  z-index: 10;
  top: -1175px;
  left: 6px;
}

.circle {
  width: 11px;
  height: 11px;
  background: #333;
  border-radius: 50%;
  position: relative;
  top: -575px;
  left: 145px;
}

.camera {
  width: 14px;
  height: 14px;
  background: #333;
  border-radius: 50%;
  position: relative;
  top: -590px;
  left: 100px;  
}

.speaker {
  width: 61px;
  height: 6px;
  background: #333;
  border-radius: 5px;
  position: relative;
  top: -585px;
  left: 121px;  
}

.screen {
  width: 256px;
  height: 460px;
  border: 3px solid #fff;
  border-radius: 5px;
  position: relative;
  left: 18px;
  top: -570px;
  background:whitesmoke;
}  

.home1 {
  width: 40px;
  height: 40px;
  background: lightpink;
  border-radius: 50%;
  position: relative;
  top: -555px;
  left: 139px;
  z-index: 2;
}

.home2 {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  position: relative;
  top: -600px;
  left: 135px;
  background: lightpink;
  background: -webkit-linear-gradient(#e2e3e4, #7f8282);
  background: -o-linear-gradient(#e2e3e4, #7f8282);
  background: -moz-linear-gradient(#e2e3e4, #7f8282);
  background: linear-gradient(#e2e3e4, #7f8282);
}

.rect-auto, .c100.p51 .slice, .c100.p52 .slice, .c100.p53 .slice, .c100.p54 .slice, .c100.p55 .slice, .c100.p56 .slice, .c100.p57 .slice, .c100.p58 .slice, .c100.p59 .slice, .c100.p60 .slice, .c100.p61 .slice, .c100.p62 .slice, .c100.p63 .slice, .c100.p64 .slice, .c100.p65 .slice, .c100.p66 .slice, .c100.p67 .slice, .c100.p68 .slice, .c100.p69 .slice, .c100.p70 .slice, .c100.p71 .slice, .c100.p72 .slice, .c100.p73 .slice, .c100.p74 .slice, .c100.p75 .slice, .c100.p76 .slice, .c100.p77 .slice, .c100.p78 .slice, .c100.p79 .slice, .c100.p80 .slice, .c100.p81 .slice, .c100.p82 .slice, .c100.p83 .slice, .c100.p84 .slice, .c100.p85 .slice, .c100.p86 .slice, .c100.p87 .slice, .c100.p88 .slice, .c100.p89 .slice, .c100.p90 .slice, .c100.p91 .slice, .c100.p92 .slice, .c100.p93 .slice, .c100.p94 .slice, .c100.p95 .slice, .c100.p96 .slice, .c100.p97 .slice, .c100.p98 .slice, .c100.p99 .slice, .c100.p100 .slice {
  clip: rect(auto, auto, auto, auto);
}

.pie, .c100 .bar, .c100.p0 .fill, .c100.p51 .fill, .c100.p52 .fill, .c100.p53 .fill, .c100.p54 .fill, .c100.p55 .fill, .c100.p56 .fill, .c100.p57 .fill, .c100.p58 .fill, .c100.p59 .fill, .c100.p60 .fill, .c100.p61 .fill, .c100.p62 .fill, .c100.p63 .fill, .c100.p64 .fill, .c100.p65 .fill, .c100.p66 .fill, .c100.p67 .fill, .c100.p68 .fill, .c100.p69 .fill, .c100.p70 .fill, .c100.p71 .fill, .c100.p72 .fill, .c100.p73 .fill, .c100.p74 .fill, .c100.p75 .fill, .c100.p76 .fill, .c100.p77 .fill, .c100.p78 .fill, .c100.p79 .fill, .c100.p80 .fill, .c100.p81 .fill, .c100.p82 .fill, .c100.p83 .fill, .c100.p84 .fill, .c100.p85 .fill, .c100.p86 .fill, .c100.p87 .fill, .c100.p88 .fill, .c100.p89 .fill, .c100.p90 .fill, .c100.p91 .fill, .c100.p92 .fill, .c100.p93 .fill, .c100.p94 .fill, .c100.p95 .fill, .c100.p96 .fill, .c100.p97 .fill, .c100.p98 .fill, .c100.p99 .fill, .c100.p100 .fill {
  position: absolute;
  border: 0.09em solid #000000;
  width: 0.82em;
  height: 0.82em;
  clip: rect(0em, 0.5em, 1em, 0em);
  border-radius: 50%;
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.pie-fill, .c100.p51 .bar:after, .c100.p51 .fill, .c100.p52 .bar:after, .c100.p52 .fill, .c100.p53 .bar:after, .c100.p53 .fill, .c100.p54 .bar:after, .c100.p54 .fill, .c100.p55 .bar:after, .c100.p55 .fill, .c100.p56 .bar:after, .c100.p56 .fill, .c100.p57 .bar:after, .c100.p57 .fill, .c100.p58 .bar:after, .c100.p58 .fill, .c100.p59 .bar:after, .c100.p59 .fill, .c100.p60 .bar:after, .c100.p60 .fill, .c100.p61 .bar:after, .c100.p61 .fill, .c100.p62 .bar:after, .c100.p62 .fill, .c100.p63 .bar:after, .c100.p63 .fill, .c100.p64 .bar:after, .c100.p64 .fill, .c100.p65 .bar:after, .c100.p65 .fill, .c100.p66 .bar:after, .c100.p66 .fill, .c100.p67 .bar:after, .c100.p67 .fill, .c100.p68 .bar:after, .c100.p68 .fill, .c100.p69 .bar:after, .c100.p69 .fill, .c100.p70 .bar:after, .c100.p70 .fill, .c100.p71 .bar:after, .c100.p71 .fill, .c100.p72 .bar:after, .c100.p72 .fill, .c100.p73 .bar:after, .c100.p73 .fill, .c100.p74 .bar:after, .c100.p74 .fill, .c100.p75 .bar:after, .c100.p75 .fill, .c100.p76 .bar:after, .c100.p76 .fill, .c100.p77 .bar:after, .c100.p77 .fill, .c100.p78 .bar:after, .c100.p78 .fill, .c100.p79 .bar:after, .c100.p79 .fill, .c100.p80 .bar:after, .c100.p80 .fill, .c100.p81 .bar:after, .c100.p81 .fill, .c100.p82 .bar:after, .c100.p82 .fill, .c100.p83 .bar:after, .c100.p83 .fill, .c100.p84 .bar:after, .c100.p84 .fill, .c100.p85 .bar:after, .c100.p85 .fill, .c100.p86 .bar:after, .c100.p86 .fill, .c100.p87 .bar:after, .c100.p87 .fill, .c100.p88 .bar:after, .c100.p88 .fill, .c100.p89 .bar:after, .c100.p89 .fill, .c100.p90 .bar:after, .c100.p90 .fill, .c100.p91 .bar:after, .c100.p91 .fill, .c100.p92 .bar:after, .c100.p92 .fill, .c100.p93 .bar:after, .c100.p93 .fill, .c100.p94 .bar:after, .c100.p94 .fill, .c100.p95 .bar:after, .c100.p95 .fill, .c100.p96 .bar:after, .c100.p96 .fill, .c100.p97 .bar:after, .c100.p97 .fill, .c100.p98 .bar:after, .c100.p98 .fill, .c100.p99 .bar:after, .c100.p99 .fill, .c100.p100 .bar:after, .c100.p100 .fill {
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.wrapper {
    position:relative;
    top:15px;
    width: 200px;
    height:200px;
    margin: 0 auto;
    left:-40px;
    background:none;
}

.c100 {
  position: relative;
  font-size: 160px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  float: left;
  margin: 0.4em;
  background-color: #dfe8ed;
}
.c100 *, .c100 *:before, .c100 *:after {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.c100 > span {
  position: absolute;
  width: 100%;
  z-index: 1;
  left: 0;
  top: 0;
  width: 5em;
  line-height: 5em;
  font-size: 0.2em;
  font-weight:bold;
  color: #333;
  display: block;
  text-align: center;
  white-space: nowrap;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.c100:after {
  position: absolute;
  top: 0.09em;
  left: 0.09em;
  display: block;
  content: " ";
  border-radius: 50%;
  background-color: #ffffff;
  width: 0.82em;
  height: 0.82em;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}
.c100 .slice {
  position: absolute;
  width: 1em;
  height: 1em;
  clip: rect(0em, 1em, 1em, 0.5em);
}
.c100.p1 .bar {
  -moz-transform: rotate(3.6deg);
  -ms-transform: rotate(3.6deg);
  -webkit-transform: rotate(3.6deg);
  transform: rotate(3.6deg);
}
.c100.p2 .bar {
  -moz-transform: rotate(7.2deg);
  -ms-transform: rotate(7.2deg);
  -webkit-transform: rotate(7.2deg);
  transform: rotate(7.2deg);
}
.c100.p3 .bar {
  -moz-transform: rotate(10.8deg);
  -ms-transform: rotate(10.8deg);
  -webkit-transform: rotate(10.8deg);
  transform: rotate(10.8deg);
}
.c100.p4 .bar {
  -moz-transform: rotate(14.4deg);
  -ms-transform: rotate(14.4deg);
  -webkit-transform: rotate(14.4deg);
  transform: rotate(14.4deg);
}
.c100.p5 .bar {
  -moz-transform: rotate(18deg);
  -ms-transform: rotate(18deg);
  -webkit-transform: rotate(18deg);
  transform: rotate(18deg);
}
.c100.p6 .bar {
  -moz-transform: rotate(21.6deg);
  -ms-transform: rotate(21.6deg);
  -webkit-transform: rotate(21.6deg);
  transform: rotate(21.6deg);
}
.c100.p7 .bar {
  -moz-transform: rotate(25.2deg);
  -ms-transform: rotate(25.2deg);
  -webkit-transform: rotate(25.2deg);
  transform: rotate(25.2deg);
}
.c100.p8 .bar {
  -moz-transform: rotate(28.8deg);
  -ms-transform: rotate(28.8deg);
  -webkit-transform: rotate(28.8deg);
  transform: rotate(28.8deg);
}
.c100.p9 .bar {
  -moz-transform: rotate(32.4deg);
  -ms-transform: rotate(32.4deg);
  -webkit-transform: rotate(32.4deg);
  transform: rotate(32.4deg);
}
.c100.p10 .bar {
  -moz-transform: rotate(36deg);
  -ms-transform: rotate(36deg);
  -webkit-transform: rotate(36deg);
  transform: rotate(36deg);
}
.c100.p11 .bar {
  -moz-transform: rotate(39.6deg);
  -ms-transform: rotate(39.6deg);
  -webkit-transform: rotate(39.6deg);
  transform: rotate(39.6deg);
}
.c100.p12 .bar {
  -moz-transform: rotate(43.2deg);
  -ms-transform: rotate(43.2deg);
  -webkit-transform: rotate(43.2deg);
  transform: rotate(43.2deg);
}
.c100.p13 .bar {
  -moz-transform: rotate(46.8deg);
  -ms-transform: rotate(46.8deg);
  -webkit-transform: rotate(46.8deg);
  transform: rotate(46.8deg);
}
.c100.p14 .bar {
  -moz-transform: rotate(50.4deg);
  -ms-transform: rotate(50.4deg);
  -webkit-transform: rotate(50.4deg);
  transform: rotate(50.4deg);
}
.c100.p15 .bar {
  -moz-transform: rotate(54deg);
  -ms-transform: rotate(54deg);
  -webkit-transform: rotate(54deg);
  transform: rotate(54deg);
}
.c100.p16 .bar {
  -moz-transform: rotate(57.6deg);
  -ms-transform: rotate(57.6deg);
  -webkit-transform: rotate(57.6deg);
  transform: rotate(57.6deg);
}
.c100.p17 .bar {
  -moz-transform: rotate(61.2deg);
  -ms-transform: rotate(61.2deg);
  -webkit-transform: rotate(61.2deg);
  transform: rotate(61.2deg);
}
.c100.p18 .bar {
  -moz-transform: rotate(64.8deg);
  -ms-transform: rotate(64.8deg);
  -webkit-transform: rotate(64.8deg);
  transform: rotate(64.8deg);
}
.c100.p19 .bar {
  -moz-transform: rotate(68.4deg);
  -ms-transform: rotate(68.4deg);
  -webkit-transform: rotate(68.4deg);
  transform: rotate(68.4deg);
}
.c100.p20 .bar {
  -moz-transform: rotate(72deg);
  -ms-transform: rotate(72deg);
  -webkit-transform: rotate(72deg);
  transform: rotate(72deg);
}
.c100.p21 .bar {
  -moz-transform: rotate(75.6deg);
  -ms-transform: rotate(75.6deg);
  -webkit-transform: rotate(75.6deg);
  transform: rotate(75.6deg);
}
.c100.p22 .bar {
  -moz-transform: rotate(79.2deg);
  -ms-transform: rotate(79.2deg);
  -webkit-transform: rotate(79.2deg);
  transform: rotate(79.2deg);
}
.c100.p23 .bar {
  -moz-transform: rotate(82.8deg);
  -ms-transform: rotate(82.8deg);
  -webkit-transform: rotate(82.8deg);
  transform: rotate(82.8deg);
}
.c100.p24 .bar {
  -moz-transform: rotate(86.4deg);
  -ms-transform: rotate(86.4deg);
  -webkit-transform: rotate(86.4deg);
  transform: rotate(86.4deg);
}
.c100.p25 .bar {
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.c100.p26 .bar {
  -moz-transform: rotate(93.6deg);
  -ms-transform: rotate(93.6deg);
  -webkit-transform: rotate(93.6deg);
  transform: rotate(93.6deg);
}
.c100.p27 .bar {
  -moz-transform: rotate(97.2deg);
  -ms-transform: rotate(97.2deg);
  -webkit-transform: rotate(97.2deg);
  transform: rotate(97.2deg);
}
.c100.p28 .bar {
  -moz-transform: rotate(100.8deg);
  -ms-transform: rotate(100.8deg);
  -webkit-transform: rotate(100.8deg);
  transform: rotate(100.8deg);
}
.c100.p29 .bar {
  -moz-transform: rotate(104.4deg);
  -ms-transform: rotate(104.4deg);
  -webkit-transform: rotate(104.4deg);
  transform: rotate(104.4deg);
}
.c100.p30 .bar {
  -moz-transform: rotate(108deg);
  -ms-transform: rotate(108deg);
  -webkit-transform: rotate(108deg);
  transform: rotate(108deg);
}
.c100.p31 .bar {
  -moz-transform: rotate(111.6deg);
  -ms-transform: rotate(111.6deg);
  -webkit-transform: rotate(111.6deg);
  transform: rotate(111.6deg);
}
.c100.p32 .bar {
  -moz-transform: rotate(115.2deg);
  -ms-transform: rotate(115.2deg);
  -webkit-transform: rotate(115.2deg);
  transform: rotate(115.2deg);
}
.c100.p33 .bar {
  -moz-transform: rotate(118.8deg);
  -ms-transform: rotate(118.8deg);
  -webkit-transform: rotate(118.8deg);
  transform: rotate(118.8deg);
}
.c100.p34 .bar {
  -moz-transform: rotate(122.4deg);
  -ms-transform: rotate(122.4deg);
  -webkit-transform: rotate(122.4deg);
  transform: rotate(122.4deg);
}
.c100.p35 .bar {
  -moz-transform: rotate(126deg);
  -ms-transform: rotate(126deg);
  -webkit-transform: rotate(126deg);
  transform: rotate(126deg);
}
.c100.p36 .bar {
  -moz-transform: rotate(129.6deg);
  -ms-transform: rotate(129.6deg);
  -webkit-transform: rotate(129.6deg);
  transform: rotate(129.6deg);
}
.c100.p37 .bar {
  -moz-transform: rotate(133.2deg);
  -ms-transform: rotate(133.2deg);
  -webkit-transform: rotate(133.2deg);
  transform: rotate(133.2deg);
}
.c100.p38 .bar {
  -moz-transform: rotate(136.8deg);
  -ms-transform: rotate(136.8deg);
  -webkit-transform: rotate(136.8deg);
  transform: rotate(136.8deg);
}
.c100.p39 .bar {
  -moz-transform: rotate(140.4deg);
  -ms-transform: rotate(140.4deg);
  -webkit-transform: rotate(140.4deg);
  transform: rotate(140.4deg);
}
.c100.p40 .bar {
  -moz-transform: rotate(144deg);
  -ms-transform: rotate(144deg);
  -webkit-transform: rotate(144deg);
  transform: rotate(144deg);
}
.c100.p41 .bar {
  -moz-transform: rotate(147.6deg);
  -ms-transform: rotate(147.6deg);
  -webkit-transform: rotate(147.6deg);
  transform: rotate(147.6deg);
}
.c100.p42 .bar {
  -moz-transform: rotate(151.2deg);
  -ms-transform: rotate(151.2deg);
  -webkit-transform: rotate(151.2deg);
  transform: rotate(151.2deg);
}
.c100.p43 .bar {
  -moz-transform: rotate(154.8deg);
  -ms-transform: rotate(154.8deg);
  -webkit-transform: rotate(154.8deg);
  transform: rotate(154.8deg);
}
.c100.p44 .bar {
  -moz-transform: rotate(158.4deg);
  -ms-transform: rotate(158.4deg);
  -webkit-transform: rotate(158.4deg);
  transform: rotate(158.4deg);
}
.c100.p45 .bar {
  -moz-transform: rotate(162deg);
  -ms-transform: rotate(162deg);
  -webkit-transform: rotate(162deg);
  transform: rotate(162deg);
}
.c100.p46 .bar {
  -moz-transform: rotate(165.6deg);
  -ms-transform: rotate(165.6deg);
  -webkit-transform: rotate(165.6deg);
  transform: rotate(165.6deg);
}
.c100.p47 .bar {
  -moz-transform: rotate(169.2deg);
  -ms-transform: rotate(169.2deg);
  -webkit-transform: rotate(169.2deg);
  transform: rotate(169.2deg);
}
.c100.p48 .bar {
  -moz-transform: rotate(172.8deg);
  -ms-transform: rotate(172.8deg);
  -webkit-transform: rotate(172.8deg);
  transform: rotate(172.8deg);
}
.c100.p49 .bar {
  -moz-transform: rotate(176.4deg);
  -ms-transform: rotate(176.4deg);
  -webkit-transform: rotate(176.4deg);
  transform: rotate(176.4deg);
}
.c100.p50 .bar {
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.c100.p51 .bar {
  -moz-transform: rotate(183.6deg);
  -ms-transform: rotate(183.6deg);
  -webkit-transform: rotate(183.6deg);
  transform: rotate(183.6deg);
}
.c100.p52 .bar {
  -moz-transform: rotate(187.2deg);
  -ms-transform: rotate(187.2deg);
  -webkit-transform: rotate(187.2deg);
  transform: rotate(187.2deg);
}
.c100.p53 .bar {
  -moz-transform: rotate(190.8deg);
  -ms-transform: rotate(190.8deg);
  -webkit-transform: rotate(190.8deg);
  transform: rotate(190.8deg);
}
.c100.p54 .bar {
  -moz-transform: rotate(194.4deg);
  -ms-transform: rotate(194.4deg);
  -webkit-transform: rotate(194.4deg);
  transform: rotate(194.4deg);
}
.c100.p55 .bar {
  -moz-transform: rotate(198deg);
  -ms-transform: rotate(198deg);
  -webkit-transform: rotate(198deg);
  transform: rotate(198deg);
}
.c100.p56 .bar {
  -moz-transform: rotate(201.6deg);
  -ms-transform: rotate(201.6deg);
  -webkit-transform: rotate(201.6deg);
  transform: rotate(201.6deg);
}
.c100.p57 .bar {
  -moz-transform: rotate(205.2deg);
  -ms-transform: rotate(205.2deg);
  -webkit-transform: rotate(205.2deg);
  transform: rotate(205.2deg);
}
.c100.p58 .bar {
  -moz-transform: rotate(208.8deg);
  -ms-transform: rotate(208.8deg);
  -webkit-transform: rotate(208.8deg);
  transform: rotate(208.8deg);
}
.c100.p59 .bar {
  -moz-transform: rotate(212.4deg);
  -ms-transform: rotate(212.4deg);
  -webkit-transform: rotate(212.4deg);
  transform: rotate(212.4deg);
}
.c100.p60 .bar {
  -moz-transform: rotate(216deg);
  -ms-transform: rotate(216deg);
  -webkit-transform: rotate(216deg);
  transform: rotate(216deg);
}
.c100.p61 .bar {
  -moz-transform: rotate(219.6deg);
  -ms-transform: rotate(219.6deg);
  -webkit-transform: rotate(219.6deg);
  transform: rotate(219.6deg);
}
.c100.p62 .bar {
  -moz-transform: rotate(223.2deg);
  -ms-transform: rotate(223.2deg);
  -webkit-transform: rotate(223.2deg);
  transform: rotate(223.2deg);
}
.c100.p63 .bar {
  -moz-transform: rotate(226.8deg);
  -ms-transform: rotate(226.8deg);
  -webkit-transform: rotate(226.8deg);
  transform: rotate(226.8deg);
}
.c100.p64 .bar {
  -moz-transform: rotate(230.4deg);
  -ms-transform: rotate(230.4deg);
  -webkit-transform: rotate(230.4deg);
  transform: rotate(230.4deg);
}
.c100.p65 .bar {
  -moz-transform: rotate(234deg);
  -ms-transform: rotate(234deg);
  -webkit-transform: rotate(234deg);
  transform: rotate(234deg);
}
.c100.p66 .bar {
  -moz-transform: rotate(237.6deg);
  -ms-transform: rotate(237.6deg);
  -webkit-transform: rotate(237.6deg);
  transform: rotate(237.6deg);
}
.c100.p67 .bar {
  -moz-transform: rotate(241.2deg);
  -ms-transform: rotate(241.2deg);
  -webkit-transform: rotate(241.2deg);
  transform: rotate(241.2deg);
}
.c100.p68 .bar {
  -moz-transform: rotate(244.8deg);
  -ms-transform: rotate(244.8deg);
  -webkit-transform: rotate(244.8deg);
  transform: rotate(244.8deg);
}
.c100.p69 .bar {
  -moz-transform: rotate(248.4deg);
  -ms-transform: rotate(248.4deg);
  -webkit-transform: rotate(248.4deg);
  transform: rotate(248.4deg);
}
.c100.p70 .bar {
  -moz-transform: rotate(252deg);
  -ms-transform: rotate(252deg);
  -webkit-transform: rotate(252deg);
  transform: rotate(252deg);
}
.c100.p71 .bar {
  -moz-transform: rotate(255.6deg);
  -ms-transform: rotate(255.6deg);
  -webkit-transform: rotate(255.6deg);
  transform: rotate(255.6deg);
}
.c100.p72 .bar {
  -moz-transform: rotate(259.2deg);
  -ms-transform: rotate(259.2deg);
  -webkit-transform: rotate(259.2deg);
  transform: rotate(259.2deg);
}
.c100.p73 .bar {
  -moz-transform: rotate(262.8deg);
  -ms-transform: rotate(262.8deg);
  -webkit-transform: rotate(262.8deg);
  transform: rotate(262.8deg);
}
.c100.p74 .bar {
  -moz-transform: rotate(266.4deg);
  -ms-transform: rotate(266.4deg);
  -webkit-transform: rotate(266.4deg);
  transform: rotate(266.4deg);
}
.c100.p75 .bar {
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}
.c100.p76 .bar {
  -moz-transform: rotate(273.6deg);
  -ms-transform: rotate(273.6deg);
  -webkit-transform: rotate(273.6deg);
  transform: rotate(273.6deg);
}
.c100.p77 .bar {
  -moz-transform: rotate(277.2deg);
  -ms-transform: rotate(277.2deg);
  -webkit-transform: rotate(277.2deg);
  transform: rotate(277.2deg);
}
.c100.p78 .bar {
  -moz-transform: rotate(280.8deg);
  -ms-transform: rotate(280.8deg);
  -webkit-transform: rotate(280.8deg);
  transform: rotate(280.8deg);
}
.c100.p79 .bar {
  -moz-transform: rotate(284.4deg);
  -ms-transform: rotate(284.4deg);
  -webkit-transform: rotate(284.4deg);
  transform: rotate(284.4deg);
}
.c100.p80 .bar {
  -moz-transform: rotate(288deg);
  -ms-transform: rotate(288deg);
  -webkit-transform: rotate(288deg);
  transform: rotate(288deg);
}
.c100.p81 .bar {
  -moz-transform: rotate(291.6deg);
  -ms-transform: rotate(291.6deg);
  -webkit-transform: rotate(291.6deg);
  transform: rotate(291.6deg);
}
.c100.p82 .bar {
  -moz-transform: rotate(295.2deg);
  -ms-transform: rotate(295.2deg);
  -webkit-transform: rotate(295.2deg);
  transform: rotate(295.2deg);
}
.c100.p83 .bar {
  -moz-transform: rotate(298.8deg);
  -ms-transform: rotate(298.8deg);
  -webkit-transform: rotate(298.8deg);
  transform: rotate(298.8deg);
}
.c100.p84 .bar {
  -moz-transform: rotate(302.4deg);
  -ms-transform: rotate(302.4deg);
  -webkit-transform: rotate(302.4deg);
  transform: rotate(302.4deg);
}
.c100.p85 .bar {
  -moz-transform: rotate(306deg);
  -ms-transform: rotate(306deg);
  -webkit-transform: rotate(306deg);
  transform: rotate(306deg);
}
.c100.p86 .bar {
  -moz-transform: rotate(309.6deg);
  -ms-transform: rotate(309.6deg);
  -webkit-transform: rotate(309.6deg);
  transform: rotate(309.6deg);
}
.c100.p87 .bar {
  -moz-transform: rotate(313.2deg);
  -ms-transform: rotate(313.2deg);
  -webkit-transform: rotate(313.2deg);
  transform: rotate(313.2deg);
}
.c100.p88 .bar {
  -moz-transform: rotate(316.8deg);
  -ms-transform: rotate(316.8deg);
  -webkit-transform: rotate(316.8deg);
  transform: rotate(316.8deg);
}
.c100.p89 .bar {
  -moz-transform: rotate(320.4deg);
  -ms-transform: rotate(320.4deg);
  -webkit-transform: rotate(320.4deg);
  transform: rotate(320.4deg);
}
.c100.p90 .bar {
  -moz-transform: rotate(324deg);
  -ms-transform: rotate(324deg);
  -webkit-transform: rotate(324deg);
  transform: rotate(324deg);
}
.c100.p91 .bar {
  -moz-transform: rotate(327.6deg);
  -ms-transform: rotate(327.6deg);
  -webkit-transform: rotate(327.6deg);
  transform: rotate(327.6deg);
}
.c100.p92 .bar {
  -moz-transform: rotate(331.2deg);
  -ms-transform: rotate(331.2deg);
  -webkit-transform: rotate(331.2deg);
  transform: rotate(331.2deg);
}
.c100.p93 .bar {
  -moz-transform: rotate(334.8deg);
  -ms-transform: rotate(334.8deg);
  -webkit-transform: rotate(334.8deg);
  transform: rotate(334.8deg);
}
.c100.p94 .bar {
  -moz-transform: rotate(338.4deg);
  -ms-transform: rotate(338.4deg);
  -webkit-transform: rotate(338.4deg);
  transform: rotate(338.4deg);
}
.c100.p95 .bar {
  -moz-transform: rotate(342deg);
  -ms-transform: rotate(342deg);
  -webkit-transform: rotate(342deg);
  transform: rotate(342deg);
}
.c100.p96 .bar {
  -moz-transform: rotate(345.6deg);
  -ms-transform: rotate(345.6deg);
  -webkit-transform: rotate(345.6deg);
  transform: rotate(345.6deg);
}
.c100.p97 .bar {
  -moz-transform: rotate(349.2deg);
  -ms-transform: rotate(349.2deg);
  -webkit-transform: rotate(349.2deg);
  transform: rotate(349.2deg);
}
.c100.p98 .bar {
  -moz-transform: rotate(352.8deg);
  -ms-transform: rotate(352.8deg);
  -webkit-transform: rotate(352.8deg);
  transform: rotate(352.8deg);
}
.c100.p99 .bar {
  -moz-transform: rotate(356.4deg);
  -ms-transform: rotate(356.4deg);
  -webkit-transform: rotate(356.4deg);
  transform: rotate(356.4deg);
}
.c100.p100 .bar {
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}
.c100:hover {
  cursor: default;
}
.c100:hover > span {
  width: 3.33em;
  line-height: 3.33em;
  font-size: 0.3em;
  color: #3c4761;
}
.c100:hover:after {
  top: 0.07em;
  left: 0.07em;
  width: 0.86em;
  height: 0.86em;
}
.c100.blue .bar, .c100.blue .fill {
  border-color: #30bae7 !important;
}
.c100.blue:hover > span {
  color: #3c4761;
}
.c100.pink .bar, .c100.pink .fill {
  border-color: #d74680 !important;
}
.c100.pink:hover > span {
  color: #3c4761;
}
.c100.green .bar, .c100.green .fill {
  border-color: #15c7a8 !important;
}
.c100.green:hover > span {
  color: #3c4761;
}
.c100.orange .bar, .c100.orange .fill {
  border-color: #eb7d4b !important;
}
.c100.orange:hover > span {
  color: #3c4761;
}

.money-holder{
    position:relative;
    top:60px;
    width:100%;
    height:auto;
}

.m-holder-btn{
    width:49%;
    height:35px;
    text-align:center;
    border:none;
    background:none;
    font-weight:bold;
}

.color-white{
    color:#FFF;
}

.no-growth-color{
    color:lightgrey;
}

.white-border{
    border:1px solid #FFF;
}

.white-background{
    background:#FFF;
}

.holder2{
    background:#CCC;
    padding:15px;
    margin-bottom:15px;
}

.activity-btn{
    position:relative;
    width:150px;
    height:40px;
    left:45%;
    font-wieght:bold;
    font-size:18px;
    border:1px solid DodgerBlue;
    color:DodgerBlue;
    font-weight:bold;
    font-size:14px;
    background:none;
    margin-left:5px;
    margin-bottom:5px;
    top:-5px;
}

.holder-within{
    position:relative;
    background:#fff;
    padding:15px;
    width:100%;
    height:400px;
    overflow: scroll;
}

.top-holder{
    position:absolute;
    top:25%;
    width:85%;
    height:auto;
    background:#000;
    color:#fff;
    padding:15px;
    z-index:1;
}

.top-top-holder{
    z-index:2;
}

.activity-btns-holder{
    position:relative;
    width:85%;
    height:auto;
    margin-top:10px;
    margin-bottom:5px;
    background:none;
    text-align:left;
}

.blu-background{
    background:dodgerblue;
    border:none;
    margin-right:2px;
    color:#fff;
}

.wrapper-home{
    top:-15px;
}

.maroon-text{
    color:maroon;
}

#top_holder{
 z-index:9;   
}

.all-wide-holder{
    width:100%;
}

.menu-holder{
    position:fixed;
    width:100%;
    height:100%;
    background:dodgerblue;
    z-index:103;
}

.menu-btn-redirect{
    width:100%;
    height:15%;
    font-size:18px;
    font-weight:bold;
    text-transform: capitalize;
    background:none;
    border:none;
    color:#fff;
}

.page-heading{
    position:relative;
    width:100%;
    height:200px;
    top:0px;
    background:none;
    border:none;
    font-weight:bold;
    font-size:32px;
    border-bottom:1px solid #CCC;
    color:#333;
}

.info-holder{
  top:265px;  
}

.output-holder{
    position:relative;
    background:none;
    text-align:left;
}

.font-14{
    font-size:12px;
}

.show-messages-holder{
    position:relative;
    height:150px;
    width:96%;
    padding:2%;
    background:#fff;
    overflow-y:scroll;
    color:#333;
}

.you-msg-holder, .other-msg-holder{
    background:lightgreen; 
    padding:5px;
    margin-bottom:10px; 
    color:#333;
}

.other-msg-holder{
    background:darkgold; 
}

.bold-text{
    font-weight:bold;
    font-size:14px;
}

.holder3{
   padding-bottom:5px;
   margin-bottom:15px;
   border-bottom:1px solid #CCC;
   background:lightblue;
}

.red-text{
    color:red;
}

#people-holder{
    width:100%;

}

.send-person-btn{
    width:100%;
    height:45px;
    border:1px solid #CCC;
    font-weght:bold;
    margin:5px;
}

.height-35{
    height:25px;
    margin:5px;
}

.select-group-recipient-holder{
   position:relative;
   width:94.5%;
   left:1.5%;
   height:auto;
   z-index:1;
   border:1px solid #000;
   background:lightgrey;
   color:#333;
   padding-bottom:25px;
   margin-bottom:25px;
}

.logo-text {
    position:absolute;
    left:5%;
    width:100px;
    margin-left:-40px;
    height:100%;
    font-weight:bold;
}

.delete-btn{
    position:relative;
    left:88%;
    top:1px;
    background:none;
    border:none;
    width:auto;
    height:auto;
    font-weight:bold;
    font-size:18px;
}

.pend-holder{
    position:relative;
}

.pend-fetch-holder{
    position:relative;
    padding:15px;
    border:1px solid #CCC;
    margin-bottom:15px;
}

.pend-mode-holder, .pend-message-holder, .pend-recipient-holder{
    position:relative;
    font-size:16px;
    font-weight:bold;
    color:#069;
}

.separate-div{
    margin-bottom:15px;
    margin-top:15px;
}

@media screen and (max-width: 900px) {
    .register-btn{
        width:70px;
        right:2%;
    }
    
    
    .logo-btn{
        font-size:14px;
        left:47%;
    }
    
    .menu-text{
        display:none;
    }
    
    .login-btns-holder{
        right:2%;
    }
    
    .menu-btns-holder{
        left:0;
        width:65px;
    }
    
    .menu-btn{
        left:50%;
        margin-left:-12.5px;
    }
    
    .intro-holder{
        width:80%;
        left:10%;
        margin-left:0;
        top:15%;
        font-size:44px;
    }
    
    .signup-btn{
        width:100%;
        height:60px;
        font-size:16px;
        font-weight:bold;
    }
    
    .footer{
        height:auto;
        top:470px;
    }
    
    .footer-btn{
        width:auto;
        height:45px;
        background:none;
        border:none;
        font-size:12px;
        font-weight:bold;
        color:#333;
    }
    
    .holder{
        width:80%;
        left:5%;
        margin-left:0px;
        padding:5%;
        top:70px;
    }
    
    .funds-btn{
        font-size:16px;
    }
    
    .balance-btn{
        font-size:18px;
    }
    
    .what_todo_input_div{
        width:80%;
        left:5%;
        margin-left:0;
        padding:5%;
    }
    
    .content2{
        width:90%;
        padding:5%;
        top:350px;
        background:white;
    }
    
    .inv-guide-img{
        position:relative;
        width:90%;
        height:auto;
    }
    
    .phone-holder{
        top:430px;
        right:5%;
    }
    
    
    .scroll-down{
        position:absolute;
        width:30px;
        height:30px;
        top:63%;
        display:none;
    }
    
    .info-holder{
        top:265px;  
      }
      
      .activity-btn{
            position:relative;
            width:150px;
            left:30%;
      }
      
      
        .profile-pic-holder{
            position:relative;
            width:83%;
            border-bottom:none;
        }
        
        .wrapper-home{
            top:35px;
        }
        
        .down_30_holder{
         top:160px;   
        }
        
        .submit-btn{
            font-size:15px;
        }
        
        .pop-up-form{
            position:absolute;
            width:85%;
            height:auto;
            padding:15px;
            left:5%;
            margin-left:0;
        }
        
        .header-icon-text{
            display:block;
        }
        
        .btn30{
            width:30%;
        }
        
    .logo-text {
        position:absolute;
        left:10%;
    }
    
    .options-holder{
        position:relative;
        width:99%;
        left:0;
        padding:10px;
        margin-left:0;
    }
}