/* colors 

    green:  #01ae9e
lime green: #96C25F
      gray: #9B9E9B
     
*/

body, html {
  height: 100%;
  min-height: 100%;
}

body{
	padding-top:85px; 
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  overflow-x: hidden;
  height:none !important;
}

.container-fluid{
	padding-right:0;
	padding-left:0;
}

.container .jumbotron, 
.container-fluid .jumbotron {border-radius:0;}

.jumbotron {background:transparent;}

.jumbotron h1{
	font-family:Karla,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: bold;
	color:#01ae9e;
	font-size:50px;
  padding-top: 30px;
}

h2,
h3,
h4,
a,
.special{color:#01ae9e;}

ul,ol{
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 19px;
	font-weight: 200;
  list-style-type: none;
  list-style-image: url('../img/arrow.png');
  list-style-position: outside;
  padding-left: 18px;
}

ol {
    list-style: none;
    padding:0;
    margin:0;
    counter-reset: li;
}

ol li:before {
  content: counter(li);
  counter-increment: li;
  font-size: 50px;
  padding-right: 12px;
  font-weight: bold;
  position: relative;
  top: 10px;
  left:-5px;
  color:#9FC874;
}

ol li { 
    padding-left: 2em; 
    text-indent: -2em;
    margin-bottom: 25px;
}

ul li { margin-bottom: 14px;}

li{line-height:1.7em;}

.jumbotron p {
  margin-bottom:30px;
  font-size:19px;
}

.primary-nav{
	background-color:#f3f7f9;
	height:84px;
}

.navbar-collapse{
	min-width:200px;
	position: absolute;
  	right: 28px;
  	top: 17px;
}

.logo{
	width: 185px;
	position: relative;
	top: 8px;
}

.navbar .download img {
  width:57px;
  margin-right:6px;
}

.navbar .download a{
	position: relative;
	top: 15px;
}

.boxed,
.boxed2{
  background-color:#fff;
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   border-radius: 15px; 
   margin-bottom:50px
}

.icon{ max-width:95px; width:100% height:auto;}

.shadow {
    -webkit-filter: drop-shadow( 5px 5px 5px #bfbfbf );
            filter: drop-shadow( 10px 10px 5px #000 );
}

#support img {max-width:400px;}

#slide-1 [class*='col-'] { 
	padding-top:45px; 
	padding-bottom:75px;
	padding-left: 0;
	padding-right:0;	
}

#slide-1 img{width:100%;}

.bcg {
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	height: 100%;
	width: 100%;
}

#slide-6,
#slide-8{background-color:#F0F4F7;}


#slide-1 {
  padding-top:35px;
  height:800px !important;
}

/*#slide-1 {background:url('../img/intro2.png') no-repeat -11px 50px;}*/

#slide-2 .bcg{background-image:url('../img/worldbg.png');}
#slide-2 {height:800px !important;}

#slide-3 .bcg {background-image:url('../img/election.jpg');}
#slide-3 {height:1250px !important; }

#slide-4 .bcg{background-image:url('../img/samplebackground4.png');}
/*#slide-4 {height:950px !important;}*/

/*#slide-5 .bcg{background-image:url('../img/end-2-end-bg2.png');}*/
#slide-5 {height:700px !important;}
/* #slide-5 .bcg{background-image:url('../img/samplebackground3.png');} */

#slide-6 .bcg{background-color:#E9EFF2;}
#slide-6 {height:1550px !important;}
/* #slide-6 .bcg{background-image:url('../img/samplebackground5.png');} */


#slide-7 .bcg{background-image:url('../img/polling_place.jpg');}
#slide-7 {height:950px !important;}
#slide-7 span, #slide-7 p, #slide-7 ol li {color:#fff;}


#slide-8 {height:1375px !important;}
#slide-8 .bcg{background:#E9EFF2;}

#about .bcg{background-image:url('../img/worldbg2.png');}
#about {height:2800px !important;}

#download {height:300px !important;}
#download h2 {margin-top:36px;}

#support {height:250px !important;}


@media (min-width: 480px) {
/* centers images vertically */

.table-container {
        display: table;
        table-layout: fixed;
        width: 100%;
    }

.table-container .col-table-cell {
    display: table-cell;
    vertical-align: middle;
    float: none;
}

}

/* Portrait phones and smaller */
@media (max-width: 480px) {

  p{font-size: 16px !important;}
  h1{font-size: 30px !important;text-align: center;}
  ol li:before {font-size: 40px;}

  .icon{
    max-width: 65px;
    margin-top: 12px;
  }
  .boxed,
  .boxed2,
  .download{text-align: center;}


  #slide-1 {
    height: 350px !important;
    background: url('../img/intro.svg') no-repeat;
    background-size: 184%;
    background-position: -141px;
  }

  #slide-2 {height:1100px !important;}

  #slide-3 {height:1700px !important;}

  #slide-5 {height:900px !important;}

  #slide-6 {height:1900px !important;}

  #slide-7 {height:1500px !important;}
  .slide-7.bcg{
    background-position: 0%,0% !important;
  }

  #slide-8 h2{font-size: 21px !important;}
  #slide-8 {height:1600px !important;}

  #support img{max-width:200px}
#about {height:auto !important;}
}

/*
nav ul,
nav ol, 
nav li {
    margin: 0;
    padding: 0;
    float: left;
}
nav a {
    display: block;
    padding: 1em;
    text-decoration: none;
    color: #d0d0d0;
    font-size:13px;
}
nav ul ul {
    max-width: 11em;
    background-color: #585858;
    position: absolute;
    z-index: 99;
    display: none;
}
nav li:hover ul {
    display: block;
}
nav ul ul li {
    width: 100%;
}

nav.page-navigation {
    width: 95px;
    position: fixed;
    top:13%;
    right:0;
    margin-right: 6%;
}

nav.page-navigation li {
    width: 100%;
}
nav.page-navigation a {
    padding: 0.6em 10%;
    width: 150%;
}
nav.page-navigation .current a {
    background-color: #d2d2d2;
    color: #fff;
}
*/