.voter-header { margin: 0 !importand; padding: 0 !importand; }

.page-voter-information #skip-link { display: none !important }

.page-voter-information a:hover, a:focus { text-decoration: none !important }

.voters_slider_section {
  display: block;
  height: 100vh;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

/*.slider {
  height: 100vh;
}*/

.headerdiv {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  display: block;
  width: 80%;
  height: 65px;
  margin-top: 15px;
  margin-right: auto;
  margin-left: auto;
}

.voter-navbar {
  background-color: transparent;
}

.nav-link {
  padding-right: 10px;
  padding-left: 10px;
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.5px;
  text-transform: none;
}

.nav-link:hover {
  padding-bottom: 10px;
  border-bottom: 1px solid #fff;
  color: #fff;
}

.nav-link-2 {
  padding-right: 10px;
  padding-left: 10px;
  font-weight: 700;
}

.container {
  width: 100%;
}

.slide1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-image: -webkit-linear-gradient(270deg, hsla(0, 0%, 100%, .47), hsla(0, 0%, 53%, .41) 18%, rgba(0, 0, 0, .36) 66%), url('/sites/all/themes/anc/images/cyril1.jpg');
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .47), hsla(0, 0%, 53%, .41) 18%, rgba(0, 0, 0, .36) 66%), url('/sites/all/themes/anc/images/cyril1.jpg');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, cover;
}

.anc-logo {
  width: 125px;
}

.div-block {
  position: absolute;
  top: 35em;
  display: block;
  width: 80%;
  height: 250px;
  margin-right: auto;
  margin-left: auto;
}

.heading {
  color: #fff;
  font-size: 65px;
  text-align: center;
  letter-spacing: 2px;
}

.heading-2 {
  color: #ffcb03;
  font-weight: 700;
  text-align: center;
}

.slider2 {
  background-image: url('sites/all/themes/anc/images//cyril2.jpg');
  background-position: 0px 0px;
  background-size: 1250px;
}

.slide2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-image: -webkit-linear-gradient(270deg, hsla(0, 0%, 100%, .47), hsla(0, 0%, 53%, .41) 18%, rgba(0, 0, 0, .36) 66%), url('/sites/all/themes/anc/images/cyril1.jpg');
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .47), hsla(0, 0%, 53%, .41) 18%, rgba(0, 0, 0, .36) 66%), url('/sites/all/themes/anc/images/cyril1.jpg');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, cover;
}

.slide {
  background-image: url('/sites/all/themes/anc/images/cyril2.jpg');
  background-position: 0px 0px;
  background-size: cover;
}

.slider-2 {
  height: 100vh;
}

.slide-2 {
  background-image: url('/sites/all/themes/anc/images/cyril1.jpg');
  background-position: 0px 0px;
  background-size: cover;
}

.voterslider {
  height: 100vh;
  line-height: 2em;
}

.slide-1 {
  background-image: url('/sites/all/themes/anc/images/cyril-slider-image.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-attachment: fixed;
}

.slidertext {
  position: absolute;
  left: 0px;
  top: 25em;
  width: auto;
  height: auto;
  margin-left: 10em;
  padding: 20px;
  border: 2px solid #fff;
  background-color: #000;
}

.sliderh1 {
  margin: 10px 0 0!important;
  color: #fff !important;
  font-size: 36px !important;
  line-height: 1em !important;
  letter-spacing: 7px !important;
  text-transform: uppercase !important;
  font-weight: bold !important;
  padding: 0 !important;
  border: none !important;
}

.heading-3 {
  margin: 0px !important;
  padding-top: 8px !important;
  padding-right: 8px !important;
  padding-left: 8px !important;
  background-color: #ffcb03 !important;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif !important;
  color: #000 !important;
  font-size: 112px !important;
  line-height: 1em !important;
  font-weight: 900 !important;
  padding-bottom: 0 !important;
  border: none !important;
}

.heading-4 {
  margin: 10px 0 0 !important;
  color: #fff !important;
  font-size: 70px !important;
  line-height: 1em !important;
  letter-spacing: 12px !important;
  padding: 0 !important;
  border: none !important;
}

}

.text-span {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  color: #000;
}

.section {
  height: auto;
  padding-top: 35px;
  padding-bottom: 35px;
  background-color: #00a650;
}

.slide-1a {
  background-image: url('/sites/all/themes/anc/images/ANC-crowd4.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-attachment: scroll;
}

.heading-5 {
  margin-top: 10px !important;
  margin-bottom: 0px !important;
  color: #000 !important;
  font-size: 25px !important;
  text-transform: uppercase !important;
  padding: 0 !important;
  border: none !important;
}

.heading-5._2 {
  margin-top: 0px !important;
  color: #fff !important;
  font-size: 21px !important;
  letter-spacing: 1px !important;
}

.text-span-2 {
  color: #ffcb03;
  font-size: 27px;
  letter-spacing: 0px;
}

.column {
  padding-bottom: 5px;
  padding-left: 25px;
  border: 2px none #000;
}

.greenblockdiv {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 140px;
  padding: 5px 15px 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 2px solid #000;
  border-radius: 3px;
  background-color: hsla(0, 0%, 100%, .08);
}

.checkdiv {
  height: 140px;
  padding: 17px 10px 17px 13px;
  background-color: #ffcb03;
}

.slidertext-2 {
  position: absolute;
  left: 0px;
  top: 50em;
  width: auto;
  height: auto;
  margin-left: 10em;
  padding: 0px;
  border: 2px none #fff;
  background-color: transparent;
}

.heading-3-smaller {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  padding: 8px !important;
  background-color: #000 !important;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif !important;
  color: #fff !important;
  font-size: 32px !important;
  line-height: 1.4em !important;
  font-weight: 900 !important;
  letter-spacing: 3px !important;
  text-transform: none !important;
  border: none !important;
  font-weight: normal !important
}

.text-span-3 {
  color: #ffcb03;
  letter-spacing: 2px;
}

.image {
  margin-right: 3px;
  padding-right: 0px;
  float: left;
}

.heading-6 {
  margin-top: 0px !important;
  margin-bottom: 10px !important;
  float: none !important;
  color: #000 !important;
  font-size: 22px !important;
  line-height: 1.2em !important;
  padding: 0 !important;
}


.paragraph {
  color: #000;
  font-size: 12px;
  line-height: 1.3em;
  font-weight: 700;
  text-align: center;
}

.section-2 {
  height: auto;
  padding-top: 35px;
  background-color: rgba(0, 0, 0, .03);
}

.container-2 {
  padding-top: 35px;
}

.introtext {
  margin-bottom: 0px;
  font-size: 21px;
  line-height: 1.3em;
  font-weight: 700;
}

.slide-1b {
  background-image: url('/sites/all/themes/anc/images/mandela.jpeg');
  background-position: 50% 50%;
  background-size: cover;
  background-attachment: scroll;
}

.div-block-2 {
  display: block;
  width: 80%;
  margin-top: 0px;
  margin-right: auto;
  margin-left: auto;
}

.image-2 {
  display: block;
  width: 60%;
  max-width: auto;
  margin-right: auto;
  margin-left: auto;
}

.div-block-3 {
  display: block;
  width: 80%;
  margin-right: auto;
  margin-left: auto;
}

.section-3 {
  padding-top: 35px;
  background-color: #f4f4f4;
}

.image-3 {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.clickbtn {
  height: 140px;
  padding: 14px;
  border-radius: 3px;
  background-color: #ffcb03;
  text-decoration: none;
}

.clickbtn:hover {
  box-shadow: inset 0 0 8px 0 rgba(0, 0, 0, .63);
  -webkit-transform: scale(1.02);
  -ms-transform: scale(1.02);
  transform: scale(1.02);
}

.social h4 { margin-left: 15px !important; margin-right: 15px !important; }

.clickbtn2 {
  height: 140px;
  padding: 14px;
  border-radius: 3px;
  background-color: #ffcb03;
  text-decoration: none;
}

.clickbtn2:hover {
  box-shadow: inset 0 0 8px 0 rgba(0, 0, 0, .63);
  -webkit-transform: scale(1.02);
  -ms-transform: scale(1.02);
  transform: scale(1.02);
}

.image-vote {
  margin-right: 0px;
  padding-right: 0px;
  float: left;
}

.section-4 {
    height: auto;
/*    padding: 0 3%; */
    background-color: #000;
	text-align: center !important
}

[class^="w-icon-"], [class*=" w-icon-"] {
    font-family: 'webflow-icons' !important;
    speak: none !important;
    line-height: 1 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

.w-nav-button {
    color: #FFF !important;
}

.w-icon-nav-menu {
	padding: 9px 10px;
	background-image: none !important;
	border: 1px solid transparent !important;
	border-radius: 4px;
	color: #FFF !important;
	font-size: 24px !important
}


.w-nav-button {
    padding: 0 !important;
    font-size: 24px !important;
}

@media (max-width: 1160px) {
  .slidertext {
    top: 40em !important;
  }
}


@media (max-width: 991px) {
  .slide1 {
    background-position: 50% 50% !important;
  }
  .slide2 {
    background-position: 50% 50% !important;
  }
  .voterslider {
    height: 90vh !important;
  }
  .slide-1 {
    left: 0px !important;
    top: 0px !important;
    bottom: 0px !important;
    background-position: 100% 100% !important;
    background-size: cover !important;
    background-attachment: scroll !important;
  }
  .slidertext {
    top: 43em !important;
    width: auto !important;
    height: auto !important;
    margin-left: 5em !important;
    padding-top: 10px !important;
    background-color: #000 !important;
  }
  .sliderh1 {
    font-size: 28px !important;
    letter-spacing: 5px !important;
  }
  .heading-3 {
    font-size: 84px !important;
    letter-spacing: 1px !important;
  }
  .heading-4 {
    margin-top: 0px !important;
    font-size: 50px !important;
  }
  .slide-1a {
    background-position: 100% 0px !important;
  }
  .heading-5 {
    font-size: 18px !important;
	line-height: 1.1 !important;
  }
  .heading-5._2 {
    font-size: 16px !important;
  }
  .text-span-2 {
    font-size: 20px !important;
  }
  .slidertext-2 {
    top: 49em !important;
    width: auto !important;
    height: auto !important;
    margin-left: 5em !important;
    padding: 7px !important;
    background-color: #000 !important;
  }
  .heading-3-smaller {
    font-size: 25px !important;
  }
  .heading-6 {
    font-size: 16px !important;
  }
  .paragraph {
    font-size: 11px !important;
  }
  .introtext {
    font-size: 19px !important;
    line-height: 1.6em !important;
  }
  .slide-1b {
    background-position: 100% 0px !important;
  }
  .image-2 {
    width: 80% !important;
  }
}

@media (max-width: 767px) {
  .voterslider {
    height: 80vh !important;
  }
  .slidertext {
    top: 33.5em !important;
	margin-left: 3em !important;
    width: auto !important;
    height: auto !important;
    background-color: #000 !important;
  }
  .sliderh1 {
    font-size: 19px !important;
    letter-spacing: 3px !important;
  }
  .heading-3 {
    font-size: 58px !important;
  }
  .heading-4 {
    margin-top: 5px !important;
    font-size: 32px !important;
    letter-spacing: 9px !important;
  }
  .section {
    padding-bottom: 25px !important;
  }
  .heading-5 {
    font-size: 26px;
	line-height: 1.1 !important;
  }
  .heading-5._2 {
    font-size: 21px !important;
  }
  .text-span-2 {
    font-size: 32px !important;
  }
  .column {
    padding-left: 10px !important;
  }
  .greenblockdiv {
    height: auto !important;
  }
  .slidertext-2 {
    top: 43em !important;
    width: auto !important;
    height: auto !important;
    background-color: #000 !important;
  }
  .heading-3-smaller {
    font-size: 18px !important;
  }
  .image {
    margin-right: 6px !important;
  }
  .heading-6 {
    margin-bottom: 5px !important;
    font-size: 20px !important;
  }
  .paragraph {
    font-size: 13px !important;
    text-align: left !important;
  }
  .clickbtn {
    width: 100% !important;
    height: auto !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    padding-bottom: 5px !important;
  }
  .clickbtn2 {
    width: 100% !important;
    height: auto !important;
    padding-bottom: 5px !important;
  }
  .image-vote {
    margin-right: 6px !important;
  }
}

@media (max-width: 479px) {

  .voterslider {
    height: 60vh !important;
  }
  .slidertext {
    top: 25em !important;
    width: auto !important;
    height: auto !important;
    margin-left: 2em !important;
    padding: 8px !important;
  }
  .sliderh1 {
    margin-top: 0px !important;
    font-size: 16px !important;
    letter-spacing: 2px !important;
  }
  .heading-3 {
    font-size: 40px !important;
  }
  .heading-4 {
    font-size: 30px !important;
    letter-spacing: 5px !important;
  }
  .slide-1a {
    background-position: 50% 50% !important;
  }
  .heading-5 {
    margin-bottom: 10px !important;
    font-size: 16px !important;
    line-height: 1.2em !important;
  }
  .heading-5._2 {
    font-size: 18px !important !important;
    line-height: 1.4em !important;
  }
  .text-span-2 {
    font-size: 26px !important;
  }
  .greenblockdiv {
    height: 110px !important;
  }
  .slidertext-2 {
    top: 32em !important;
    width: auto !important;
    height: auto !important;
    margin-left: 5em !important;
    padding: 8px !important;
  }
  .heading-3-smaller {
    font-size: 14px !important;
    letter-spacing: 0px !important;
  }
  .text-span-3 {
    letter-spacing: 0px !important;
  }
  .introtext {
    font-size: 16px !important;
    line-height: 1.3em !important;
  }
  .slide-1b {
    background-position: 50% 50% !important;
  }
  .image-2 {
    width: 100% !important;
  }
}

@media only screen and  (min-width:1160px) and (max-width: 1279px) {
#views-bootstrap-carousel-2 .heading-3 { font-size:30px!important;}
#views-bootstrap-carousel-2 .heading-4 { font-size:45px!important;} 
#views-bootstrap-carousel-2 > div > div > div.carousel-caption { display:block!important; left:5em!important}
#views-bootstrap-carousel-2 .slidertext { top:10%!important;}
#views-bootstrap-carousel-2 .slidertext-2 { top: 40%!important; margin-left:5em!important}
views-bootstrap-carousel-2 .carousel-inner  .item  img { 
    max-width: 100%!important;
	}
	.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img { max-width:100%!important;}
.front div.textright {
padding-left: 52%!important;

}
.view-currentofficials h4 a {
    font-size: 16px!important;
	color:#009a46 !important;
}
.view-currentofficials h3 {
	padding:0!important;
    font-size: 18px!important;}
}
@media only screen and (min-width:1680px) and (max-width:1920px {
.front div.textright {
padding-left: 40%!important;
}

}
@media only screen and (min-width:1280px) {
#views-bootstrap-carousel-2 > div > div > div.carousel-caption { display:block!important; left:5em!important}
#views-bootstrap-carousel-2 .slidertext { top:10%!important;margin-left:5em!important;}
#views-bootstrap-carousel-2 .slidertext-2 { top:55%!important; margin-left:5em!important}
#views-bootstrap-carousel-2 .heading-3 { font-size:112px!important;}
#views-bootstrap-carousel-2 .heading-4 { font-size:70px!important;} 
.front div.textright {
padding-left: 55%!important;
}
}

@media  (min-width:1024px) and (max-width: 1159px) { 
#views-bootstrap-carousel-2 .slidertext { top:20%!important;margin-left:5em!important;}
#views-bootstrap-carousel-2 .slidertext-2 { top:65%!important; margin-left:5em!important}
.front div.textright h4 a {
    font-size: 16px!important;
	color:#009a46 !important;
}
.front div.textright h3 {
	padding:0!important;
    font-size: 18px!important;}
	.front div.textright {
padding-left: 65%!important;
}
}
@media only screen and (min-width:768px) and (max-width:1023px) { 

#views-bootstrap-carousel-2 .slidertext { top:20%!important;}
#views-bootstrap-carousel-2 .slidertext-2 { top:60%!important; margin-left:5em!important}
#views-bootstrap-carousel-2 .heading-3 { font-size:32px!important;}
#views-bootstrap-carousel-2 .heading-4 { font-size:38px!important;} 
.front div.textright {
padding-left: 65%!important;
}
}
@media only screen and (min-width:481px) and (max-width: 767px) {

#views-bootstrap-carousel-2 .heading-4 {
    font-size: 25px!important;}
	#views-bootstrap-carousel-2 .heading-3 {
    font-size: 28px!important;}
.front div.textright {
padding-left: 0!important;
}
}
@media only screen and (max-width:479px) { 

#views-bootstrap-carousel-2 .slidertext { top:10%!important;}
#views-bootstrap-carousel-2 .slidertext-2 { top:50%!important; margin-left:5em!important}
#views-bootstrap-carousel-2 .heading-3 { font-size:28px!important;}
#views-bootstrap-carousel-2 .heading-4 { font-size:36px!important;} 
.slidertext { display:none!important;}
}

.slide { background:#333!important;}