body {
  font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  overflow-x: hidden;
}
p {
  font-size: 20px;
}
p.small {
  font-size: 16px;
}

/* loading dots */

.loading:after {
  content: ' .';
  animation: dots 1s steps(5, end) infinite;}
  
  @keyframes dots {
  0%, 20% {
    color: rgba(0,0,0,0);
    text-shadow:
      .25em 0 0 rgba(0,0,0,0),
      .5em 0 0 rgba(0,0,0,0);}
  40% {
    color: black;
    text-shadow:
      .25em 0 0 rgba(0,0,0,0),
      .5em 0 0 rgba(0,0,0,0);}
  60% {
    text-shadow:
      .25em 0 0 black,
      .5em 0 0 rgba(0,0,0,0);}
  80%, 100% {
    text-shadow:
      .25em 0 0 black,
      .5em 0 0 black;}}

#hero {
	font-size:1.25em;
	margin: 20px 0px 10px 0px;
}

#hero2 {
	margin-bottom:20px!important;
}

#tagLineDiv {
	
}

.highlighted {
  background-color: #99cc00 !important;
}

.firstButtons {
	padding-bottom:1em;
}

.highlighted a:hover{
  color: #4e4e4e !important;
}

a,
a:hover,
a:focus,
a:active,
a.active {
  color: #99cc00;
  -webkit-transition: all .25s ease-in-out; 
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
}
.spaceMe, #reason, #euref{
	margin-bottom:20px;
}

.VSsays {
	margin-bottom:20px;
}

.donate {
	
}
.btn {
	padding:12px !important;
}
#pledge {	
	margin-bottom:20px;
	margin-top:20px;
}

#yesVS, #noVS, #donate {
	margin-top:20px;
}

#er2010, #er2015, #er2017{
	margin-bottom:20px;
}

#eResults {
	padding:20px;
}
.er {
	padding:5px;
    border-bottom: 1px solid #4c4c4c;
	
}

.noIndent{
	padding-left: 0px ;
margin-left: 0px ;
text-indent: 0px ;
}

.party{
	width:50%;
}
.candidate{
	width:35%;
}

.yearTitle{
	padding: 0px !important;
}

#viewElectionResults, #close, #viewOurMethodology, #closeOurMethodology{
	cursor: pointer;
	color: #99cc00;
	margin-bottom: 20px;
	font-size:16px;

}

#TV1view, #TV2view, #TV3view, #TV4view, #TV5view, #TV6view, #TV7view, #TV1close, #TV2close, #TV3close, #TV4close, #TV5close, #TV6close, #TV7close {
	cursor: pointer;
	color: #ff9933;
	

}

#eResults {
	background-color:#eeeeee;
	margin-bottom: 20px;
    transition:0.2s ease-out;
}

#viewElectionRessults:hover, #close:hover, #viewOurMethodology:hover, #closeOurMethodology:hover, #closeOurMethdology:hover, #TV1view:hover, #TV2view:hover, #TV3view:hover, #TV4view:hover, #TV5view:hover, #TV6view:hover, #TV7view:hover, #TV1close:hover, #TV2close:hover, #TV3close:hover, #TV4close:hover, #TV5close:hover, #TV6close:hover, #TV7close:hover {
	text-decoration: underline;
}

#close {
	font-size: 16px;
}

#TV1meth p, #TV2meth p, #TV3meth p, #TV4meth p, #TV5meth p, #TV6meth p, #TV7meth p{
		font-size: 16px!important;
}

#TV1meth td, #TV2meth td, #TV3meth td, #TV4meth td, #TV5meth td, #TV6meth td, #TV7meth td{
	padding:20px;
}

#viewOurMethodologyText,  #TV1meth, #TV2meth, #TV3meth, #TV4meth, #TV5meth, #TV6meth, #TV7meth, #TV1close, #TV2close, #TV3close, #TV4close, #TV5close, #TV6close, #TV7close {
	display:none;
}

#TV1close, #TV2close, #TV3close, #TV4close, #TV5close, #TV6close, #TV7close{
	padding-left:20px;
	margin-top:-20px;
}

.whyH {
  font-weight: 700;
  color:#ff9933;
  text-transform: none;
}

.whyH2 {
  font-weight: 700!important;
  color:#ff9933;
  text-transform: none;
      font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
#voteResults{
	font-size: 36px;
	margin-bottom:10px;	  
	font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-weight: 700;
}

#disclaimer {
	margin:20px 0px 20px 0px;
}
#yourSelection{
	font-size:16px;
	margin-bottom:20px;
}
#noVSText, #pledge, #donate, #donate2, #numberAgree {
	    background-color: #eeeeee;
		padding: 20px;
}

#otherTVdata {
	    background-color: #eeeeee;
		padding: 0px 20px 20px 20px;
		margin-top:-10px !important;
}

#numberAgree, #ourMethodologyText, #closeOurMethdology {
	margin:20px 0px 20px 0px;

}

#ourMethodologyText, #closeOurMethodology {
	background-color:  #ffefde;   /* #f4fcdc;  */
		padding:20px 20px 0px 20px;
}
#closeOurMethodology {
	display:none;
	margin-top: -20px;
	padding-bottom:20px !important;
}

#ourMethodologyText p{
	
		font-size: 16px!important;
}

#viewTVrec{
	font-size:14px
}

.tickcross{
	width:15%;
}

.fa-check-circle {
	color: #99cc00;
	font-size:24px !important;
}

.fa-times-circle {
	color: #4e4e4e;
	font-size:24px !important;
}

.fa-minus-circle {
	content: ' –';
}

#numberAgree {
	margin:0px 0px 0px 0px;
}

#otherTVdata {
	margin:0px 0px 20px 0px;
}

.donating {
	margin:20px 0px 40px 0px!important;
    border: 0;
    border-top: 1px solid #000;
}

.logoList {
  overflow: hidden; /* simple clearfix */
  display: flex;
  align-items: center;
  justify-content: center;  
}

.logoList .item {
  float: left;
  width: 20%;
  max-height: 150px;
  margin-bottom:25px;
   margin-top:0px;
}

.logoList .item img{
    width: 50%;
    height: auto;
	vertical-align: middle;
	ms-filter: grayscale(1);
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -o-filter: grayscale(1);
    filter: grayscale(1);
}

.logoList .item img:hover{
   /* width: 50%;
    height: auto;
	vertical-align: middle;
	ms-filter: grayscale(0);
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);
	-webkit-transition: all .25s ease-in-out; */
}


select#places {
   -webkit-appearance: button;
   -webkit-border-radius: 2px;
   -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
   -webkit-padding-end: 20px;
   -webkit-padding-start: 2px;
   -webkit-user-select: none;
   background-image: url(https://votesmart2019.com/img/15xvbd5.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
   background-position: 97% center;
   background-repeat: no-repeat;
   border: 1px solid #AAA;
   color: #666666;
   font-size: 16px;
   margin-top: 30px;
   overflow: hidden;
   padding: 5px 10px;
   text-overflow: ellipsis;
   white-space: nowrap;
   
}

.voteRecommendation {
	width:100%;
	
	  color: #000000;
	  padding:20px;
	  margin-top:10px;
	  text-align:left;
	  
}

.signingUp {
	margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #000;
}
select option {
    margin: 40px;
    background: #fff;
    color: #000;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}

select option:hover {
            background: #663366;
			color:#fff;
        }

select option:active, select option:checked {
            background: #99cc00;
			color:#000;
        }		

hr.star-light,
hr.star-primary {
  padding: 0;
  border: none;
  border-top: solid 5px;
  text-align: center;
  max-width: 250px;
  margin: 25px auto 30px;
}
hr.star-light:after,
hr.star-primary:after,
hr.star-light-one:after,
hr.star-light-two:after,
hr.star-light-three:after {
  content: "\f2d4";
  font-family: FontAwesome;
  display: inline-block;
  position: relative;
  top: -0.8em;
  font-size: 2em;
  padding: 0 0.25em;
}
hr.star-light {
  border-color: white;
}
hr.star-light-one:after {
  background-color: #ff9933;
  color: white;
}

hr.star-light-two,  hr.star-light-three {
  margin-bottom:40px !important;
  
  }
hr.star-light-two:after {
  background-color: #99cc00;
  color: white;
}

hr.star-light-three:after {
  background-color: #663366;
  color: white;
}


hr.star-primary {
  border-color: #2C3E50;
  
}
hr.star-primary:after {
  background-color: white;
  color: #2C3E50;
}
.img-centered {
  margin: 0 auto;
}
header {
  text-align: center;
  background: #ff9933;
  color: white;
}
header .container {
  padding-top: 100px;
  padding-bottom: 25px;
}
header img {
  display: block;
  margin: 0 auto 20px;
}
header .intro-text .name {
  display: block;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 2em;
}
header .intro-text .skills {
  font-size: 1.25em;
  font-weight: 300;
}
@media (min-width: 768px) {
  header .container {
    padding-top: 135px;
    padding-bottom: 25px;
  }
  header .intro-text .name {
    font-size: 4.75em;
  }
  header .intro-text .skills {
    font-size: 1.75em;
  }

  .tagLineTxt{
	font-size: 1.75em;
	font-weight: 700;
  }

}
.navbar-custom {
  background: #4e4e4e;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  border: none;
}
.navbar-custom .navbar-brand {
  color: white;
  margin-top:-22px;
}
.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus,
.navbar-custom .navbar-brand:active,
.navbar-custom .navbar-brand.active {
  color: white;
}
.navbar-custom .navbar-nav {
  letter-spacing: 1px;
}
.navbar-custom .navbar-nav li a {
  color: white;
}
.navbar-custom .navbar-nav li a:hover {
  color: #99cc00;
}
.navbar-custom .navbar-nav li a:focus,
.navbar-custom .navbar-nav li a:active {
  color: white;
}
.navbar-custom .navbar-nav li.active a {
  color: white;
  background: #ff9933;
}
.navbar-custom .navbar-nav li.active a:hover,
.navbar-custom .navbar-nav li.active a:focus,
.navbar-custom .navbar-nav li.active a:active {
  color: white;
  background: #ff9933;
}
.navbar-custom .navbar-toggle {
  color: white;
  text-transform: uppercase;
  font-size: 10px;
  border-color: white;
}
.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
  background-color: #ff9933;
  color: white;
  border-color: #ff9933;
}

.smallText {
	font-size:14px;
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { .page-scroll a, .highlighted a {font-size:10px;} }

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1366px) 
and (orientation : landscape) {.circle {
	  height: 200px !important; 
	  
  }  }

	
	
	
@media (min-width: 768px) {

  .navbar-custom {
    padding: 25px 0;
    -webkit-transition: padding 0.3s;
    -moz-transition: padding 0.3s;
    transition: padding 0.3s;
  }
  .navbar-custom .navbar-brand {
    font-size: 2em;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }
  .navbar-custom.affix {
    padding: 10px 0;
  }
  .navbar-custom.affix .navbar-brand {
    font-size: 1.5em;
  }
}

@media (max-width: 767px) {
  .img-responsive {
    height: 44px !important;
	margin-top:10px !important;
  }
  
  .circle {
	  height: 150px !important; 
	  margin-top:0px !important; 
  }
p {
  font-size: 18px;
}
.btn{
	font-size: 14px!important;
	padding:10px 5px!important;
}
  select#places {
	  font-size: 15px;  
}
  .er {
	font-size:0.6em;
}

}


section {
  padding: 100px 0;
}
section h2 {
  margin: 0;
  font-size: 3em;
}
section.whatSection, section.signupSection {
 background: #99cc00;
  color: white;
}

section.donateSection {
 background: #ff9933;
  color: white;
}

section.whySection {
  
   background: #663366;
  color: white;
}

section.keyFactSection {
  background: #ff9933;
  color: white;
}

@media (max-width: 767px) {
  section {
    padding: 75px 0;
  }
  section.first {
    padding-top: 75px;
  }
  section h2 {
  margin: 0;
  font-size: 2em;
}

.btn-ready, .btn-notReady {

  font-size:0.75em!important;
  padding:0.75em!important;
  margin-right:0.75em!important;
}

}

.floating-label-form-group {
  position: relative;
  margin-bottom: 0;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #eeeeee;
  border-top: 1px solid #eeeeee;
  
}
.floating-label-form-group input,
.floating-label-form-group textarea {
  z-index: 1;
  position: relative;
  padding-right: 0;
  padding-left: 0;
  border: none;
  border-radius: 0;
  font-size: 1.5em;
  background: none;
  box-shadow: none !important;
  resize: none;
}
.floating-label-form-group label {
  display: block;
  z-index: 0;
  position: relative;
  top: 2em;
  margin: 0;
  font-size: 0.85em;
  line-height: 1.764705882em;
  vertical-align: middle;
  vertical-align: baseline;
  opacity: 0;
  -webkit-transition: top 0.3s ease,opacity 0.3s ease;
  -moz-transition: top 0.3s ease,opacity 0.3s ease;
  -ms-transition: top 0.3s ease,opacity 0.3s ease;
  transition: top 0.3s ease,opacity 0.3s ease;
}
.floating-label-form-group:not(:first-child) {
  padding-left: 14px;
  border-left: 1px solid #eeeeee;
}
.floating-label-form-group-with-value label {
  top: 0;
  opacity: 1;
}
.floating-label-form-group-with-focus label {
  color: #ff9933;
}
form .row:first-child .floating-label-form-group {
  border-top: 1px solid #eeeeee;
}
footer {
  color: white;
}
footer h3 {
  margin-bottom: 30px;
}
footer .footer-above {
  padding-top: 50px;
  background-color: #555555;
}
footer .footer-col {
  margin-bottom: 50px;
}
footer .footer-below {
  padding: 25px 0;
  background-color: #444343;
}
.btn-outline {
  color: white;
  font-size: 20px;
  border: solid 2px white;
  background: transparent;
  transition: all 0.3s ease-in-out;
  margin-top: 15px;
}
.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active,
.btn-outline.active {
  color: #ff9933;
  background: white;
  border: solid 2px white;
 
}
.btn-primary {
  color: white;
  background-color: #2C3E50;
  border-color: #2C3E50;
  font-weight: 700;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: white;
  background-color: #1a242f;
  border-color: #161f29;
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #2C3E50;
  border-color: #2C3E50;
}
.btn-primary .badge {
  color: #663366;
  background-color: white;
}
.btn-success {
  color: white;
  background-color: #ff9933;
  border-color: #ff9933;
  font-weight: 700;

}

.btn-ready, .btn-notReady {
  color: white;
  font-weight: 700;
  text-transform: uppercase;
  font-size:1.0em;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding:1.0em!important;
  margin-right:1em;
}

.btn-ready:hover, .btn-notReady:hover {
  background-color: #663366;
  border-color: #663366;
    color: white;
}
.btn-notReady, .btn-notReady:active {
  background-color: #4e4e4e;
  border-color: #4e4e4e;
  color: #fff !important;
}

.btn-ready, .btn-ready:active {
  background-color: #99cc00;
  border-color: #99cc00;
  color: #fff !important;
}

.btn-no {
  color: white;
  background-color: #663366!important;
  border-color: #663366;
  font-weight: 700;
}

.btn-no:hover, 
.btn-no:focus,
.btn-no:active{
  color: white;
  background-color: #ff9933 !important;
  border-color: #ff9933;
   -webkit-transition: all .25s ease-in-out;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  color: white;
  background-color: #663366;
  border-color: #663366;
   -webkit-transition: all .25s ease-in-out;
}
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #ff9933;
  border-color: #ff9933;
}
.btn-success .badge {
  color: #ff9933;
  background-color: white;
}
.btn-social {
  display: inline-block;
  height: 50px;
  width: 50px;
  border: 2px solid white;
  border-radius: 100%;
  text-align: center;
  font-size: 20px;
  line-height: 45px;
}
.scroll-top {
  position: fixed;
  right: 2%;
  bottom: 2%;
  width: 50px;
  height: 50px;
  z-index: 1049;
}
.scroll-top .btn {
  font-size: 20px;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  line-height: 28px;
}

#skipnav a {
  padding: 6px;
  position: absolute;
  top: -40px;
  left: 0px;
  color: white;
  border-right: 1px solid white;
  border-bottom: 1px solid white;
  border-bottom-right-radius: 8px;
  background: transparent;
  transition: top 1s ease-out, background 1s linear;
  z-index: 2000;
}
#skipnav a:focus {
  position: absolute;
  left: 0px;
  top: 0px;
  background: #ff9933;
  outline: 0;
  transition: top 0.1s ease-in, background 0.5s linear;
}
div#maincontent {
  outline: none;
}

/*!
 * Start Bootstrap
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */