html {
  background: #000;
    background: url(/images/dmImage/SourceImage/votesticks%5Fon1%2Ejpg) no-repeat bottom center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

body {
  font-family: "Dosis", "Source Sans Pro", Helvetica, Arial, sans-serif;
  font-size:20pt !important;
  background: transparent;
  color: #fff;
  text-align: center;
  overflow: hidden;
}

.black-halo {
	background: radial-gradient(circle, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.3) 40%, rgba(0,0,0,0) 100%);
}

.fullscreenBg {
    background: url(/images/dmImage/SourceImage/votesticks%5Fon1%2Ejpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


h1{
  font-size:55pt;
}
h2{
  font-size:45pt;
}
h3 {
  font-size:35pt;
}
h4 {
  font-size:25pt;
}

.logo {
  position: absolute;
}
.logo-med {
  max-width: 300px;
  top:5%;
  left:10%;
}
.strapline {
	text-shadow: 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);
}
.logo-catalyst {
  max-width: 250px;
  right:10%;
  bottom:10%
}

.dev-tools {
	margin-top:10px;	
} 

.wrapper {
  background: transparent;
  padding-top:0px;
}

.bannerDestination {
    min-height: unset; 
    padding: 0px 0px 0px 0px;
}

.footer {
  margin-top:0px;
}

.vote-row {
  padding-top:3%;
}


.carousel {
  position: relative;
}

.carousel-control {
  display:none; 
}

.carousel:hover .carousel-caption, .carousel.contrast .carousel-caption {
    background-color: rgba(0,0,0,0);
}

.carousel-caption {
  top: 10%;
  right: 10%;
  left: auto;
  bottom: auto;
  text-align:left;
  text-shadow: 
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
}

.carousel-caption.fullMed {
    top: 30%;
    right: 10%;
    left: 10%;
    bottom: auto;
    text-align: center;
}


.carousel-inner>.item>a>img, .carousel-inner>.item>img {
    width:auto;
    max-width: none;
}

/*
inspired from http://codepen.io/Rowno/pen/Afykb 
https://stackoverflow.com/questions/26770055/bootstrap-carousel-fade-no-longer-working-with-maxcdn-3-3-bootstrap-min-css
*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
  transition-duration: 3s;
  transition-timing-function:linear;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}




.blackOut{
    background-color: rgba(0, 0, 0, 1);
    -webkit-transition:background-color 3s;
    -moz-transition:background-color 3s;
    transition:background-color 3s;
}
.unBlackOut{
    background-color: rgba(0, 0, 0, 0);
    -webkit-transition:background-color 3s;
    -moz-transition:background-color 3s;
    transition:background-color 3s;
}
.blackOut50{
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-transition:background-color 3s;
    -moz-transition:background-color 3s;
    transition:background-color 3s;
}


.loadmask{
  opacity: 0;
  background-color: #000;
}
.row {
  margin-left: 0px;
  margin-right: 0px;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
  padding-left: 0px;
  padding-right: 0px;
}

.vote-grid {
  padding-top:2%;
  padding-right:4%;
  padding-left:4%;
  margin-bottom:2%;
}


.btn-catalyst-control {
  border: none;
  font-size: 0px;
  border-radius: 0px;
  padding: 0px;
  height: 5px;
  width: 12px;
}

.btn-catalyst-control:hover, .btn-catalyst-control:focus {
  height: 10px;
}


.btn-med-vote, .btn-med-vote.unfocused, .btn-med-vote:hover, .btn-med-vote:focus {
    padding: 0;
    margin: 0;
    border: none; 
    outline: none;
}

.btn-sample, .btn-sample.unfocused, .btn-sample:hover, .btn-sample:focus {
    padding: 0;
    margin: 0;
    border: 10px solid red; 
    outline: none;
}
 
.btn-vote, .btn-vote.unfocused, .btn-vote:hover, .btn-vote:focus {
    opacity: 1;  
    color: #fff;
    background-color: transparent; 
    border: none; 
    outline: none;
    -webkit-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.btn-vote.unfocused{
    opacity: 0.5;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

.btn-vote:focus {
    -webkit-transform: scale(1.005);
    transform: scale(1.005);
    box-shadow: 0 0 80px rgba(255, 255, 255, 1);
    transition-property: box-shadow;
    -webkit-transition-property: box-shadow;
}


.vote-tick {
  font-size: 50px;
  margin-top: -80px;
  margin-bottom: -40px;
  z-index: 100;
}



@-webkit-keyframes slideOutLeft50 {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }
}
@keyframes slideOutLeft50 {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }
}
.slideOutLeft50 {
  -webkit-animation-name: slideOutLeft50;
  animation-name: slideOutLeft50;
}





@-webkit-keyframes slideOutRight50 {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0);
  }
}
@keyframes slideOutRight50 {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0);
  }
}
.slideOutRight50 {
  -webkit-animation-name: slideOutRight50;
  animation-name: slideOutRight50;
}








@-webkit-keyframes slideOutUp50 {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
  }
}
@keyframes slideOutUp50 {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
  }
}
.slideOutUp50 {
  -webkit-animation-name: slideOutUp50;
  animation-name: slideOutUp50;
}





@-webkit-keyframes slideOutDown50 {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0);
  }
}
@keyframes slideOutDown50 {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0);
  }
}
.slideOutDown50 {
  -webkit-animation-name: slideOutDown50;
  animation-name: slideOutDown50;
}









@-webkit-keyframes slideOutRightDown50 {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(50%, 40%, 0);
    transform: translate3d(50%, 40%, 0);
  }
}
@keyframes slideOutRightDown50 {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    -webkit-transform: translate3d(50%, 40%, 0);
    transform: translate3d(50%, 40%, 0);
  }
}
.slideOutRightDown50 {
  -webkit-animation-name: slideOutRightDown50;
  animation-name: slideOutRightDown50;
}





@-webkit-keyframes slideOutLeftDown50 {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-50%, 40%, 0);
    transform: translate3d(-50%, 40%, 0);
  }
}
@keyframes slideOutLeftDown50 {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    -webkit-transform: translate3d(-50%, 40%, 0);
    transform: translate3d(-50%, 40%, 0);
  }
}
.slideOutLeftDown50 {
  -webkit-animation-name: slideOutLeftDown50;
  animation-name: slideOutLeftDown50;
}








@-webkit-keyframes slideOutRightUp50 {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(50%, -60%, 0);
    transform: translate3d(50%, -60%, 0);
  }
}
@keyframes slideOutRightUp50 {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    -webkit-transform: translate3d(50%, -60%, 0);
    transform: translate3d(50%, -60%, 0);
  }
}
.slideOutRightUp50 {
  -webkit-animation-name: slideOutRightUp50;
  animation-name: slideOutRightUp50;
}





@-webkit-keyframes slideOutLeftUp50 {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-50%, -60%, 0);
    transform: translate3d(-50%, -60%, 0);
  }
}
@keyframes slideOutLeftUp50 {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    -webkit-transform: translate3d(-50%, -60%, 0);
    transform: translate3d(-50%, -60%, 0);
  }
}
.slideOutLeftUp50 {
  -webkit-animation-name: slideOutLeftUp50;
  animation-name: slideOutLeftUp50;
}






@-webkit-keyframes fadeOutEyesClosed {
  from {
    opacity: 0.5;
  }

  to {
    opacity: 0.3;
  }
}

@keyframes fadeOutEyesClosed {
  from {
    opacity: 0.5;
  }

  to {
    opacity: 0.3;
  }
}

.fadeOutEyesClosed {
  -webkit-animation-duration: 25.00s;
  animation-duration: 25.00s;
  -webkit-animation-name: fadeOutEyesClosed;
  animation-name: fadeOutEyesClosed; }




@-webkit-keyframes fadeInEyesClosed {
  from {
    opacity: 0.3;
  }

  to {
    opacity: 0.85;
  }
}

@keyframes fadeInEyesClosed {
  from {
    opacity: 0.3;
  }

  to {
    opacity: 0.85;
  }
}
.fadeInEyesClosed {
  -webkit-animation-duration: 60.00s;
  animation-duration: 60.00s;
  -webkit-animation-name: fadeInEyesClosed;
  animation-name: fadeInEyesClosed; }




@-webkit-keyframes fadeOutSlow {
  from {
    opacity: 0.85;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOutSlow {
  from {
    opacity: 0.85;
  }

  to {
    opacity: 0;
  }
}

.fadeOutSlow {
  -webkit-animation-duration: 10.00s;
  animation-duration: 10.00s;
  -webkit-animation-name: fadeOutSlow;
  animation-name: fadeOutSlow; }






.hvr-bob2 {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-animation-name: hvr-bob-float, hvr-bob;
    animation-name: hvr-bob-float, hvr-bob;
    -webkit-animation-duration: .3s, 1.5s;
    animation-duration: .3s, 1.5s;
    -webkit-animation-delay: 0s, .3s;
    animation-delay: 0s, .3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate;
}





@media (min-width: 500px){
  .col-sm-6 {
    max-width: unset;
  }
}















/* latin-ext */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 400;
  src: local('Dosis Regular'), local('Dosis-Regular'), url(/css/fonts/HhyaU5sn9vOmLzlmC_W6EQ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 400;
  src: local('Dosis Regular'), local('Dosis-Regular'), url(/css/fonts/HhyaU5sn9vOmLzloC_U.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 500;
  src: local('Dosis Medium'), local('Dosis-Medium'), url(/css/fonts/HhyXU5sn9vOmLzGbKOCLMItyTA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 500;
  src: local('Dosis Medium'), local('Dosis-Medium'), url(/css/fonts/HhyXU5sn9vOmLzGbKOCFMIs.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 600;
  src: local('Dosis SemiBold'), local('Dosis-SemiBold'), url(/css/fonts/HhyXU5sn9vOmLzG3L-CLMItyTA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 600;
  src: local('Dosis SemiBold'), local('Dosis-SemiBold'), url(/css/fonts/HhyXU5sn9vOmLzG3L-CFMIs.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 700;
  src: local('Dosis Bold'), local('Dosis-Bold'), url(/css/fonts/HhyXU5sn9vOmLzHTLuCLMItyTA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 700;
  src: local('Dosis Bold'), local('Dosis-Bold'), url(/css/fonts/HhyXU5sn9vOmLzHTLuCFMIs.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}