body.noActive {
  overflow: hidden;
}

.noActivePoll,
.no-active-audience-qa {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 120%;
  z-index: 999;
}

/*Paul Salentiny*/
.chocolate {
  background: linear-gradient(45deg, #dca 12%, transparent 0, transparent 88%, #dca 0),
  linear-gradient(135deg, transparent 37%, #a85 0, #a85 63%, transparent 0),
  linear-gradient(45deg, transparent 37%, #dca 0, #dca 63%, transparent 0) #753;
  background-size: 25px 25px;
}

/*Divya Manian*/
.geometry {
  background-color: lightgray;
  background-image: radial-gradient(midnightblue 9px, transparent 10px),
  repeating-radial-gradient(midnightblue 0, midnightblue 4px, transparent 5px, transparent 20px, midnightblue 21px, midnightblue 25px, transparent 26px, transparent 50px);
  background-size: 30px 30px, 90px 90px;
  background-position: 0 0;
}

/*Atle Mo (design), Lea Verou (code)*/
.metal {
  background: radial-gradient(black 15%, transparent 16%) 0 0,
  radial-gradient(black 15%, transparent 16%) 8px 8px,
  radial-gradient(rgba(255, 255, 255, .1) 15%, transparent 20%) 0 1px,
  radial-gradient(rgba(255, 255, 255, .1) 15%, transparent 20%) 8px 9px;
  background-color: #282828;
  background-size: 16px 16px;
}

/*Marta Armada*/
.plead {
  background-color: hsl(2, 57%, 40%);
  background-image: repeating-linear-gradient(transparent, transparent 50px, rgba(0, 0, 0, .4) 50px, rgba(0, 0, 0, .4) 53px, transparent 53px, transparent 63px, rgba(0, 0, 0, .4) 63px, rgba(0, 0, 0, .4) 66px, transparent 66px, transparent 116px, rgba(0, 0, 0, .5) 116px, rgba(0, 0, 0, .5) 166px, rgba(255, 255, 255, .2) 166px, rgba(255, 255, 255, .2) 169px, rgba(0, 0, 0, .5) 169px, rgba(0, 0, 0, .5) 179px, rgba(255, 255, 255, .2) 179px, rgba(255, 255, 255, .2) 182px, rgba(0, 0, 0, .5) 182px, rgba(0, 0, 0, .5) 232px, transparent 232px),
  repeating-linear-gradient(270deg, transparent, transparent 50px, rgba(0, 0, 0, .4) 50px, rgba(0, 0, 0, .4) 53px, transparent 53px, transparent 63px, rgba(0, 0, 0, .4) 63px, rgba(0, 0, 0, .4) 66px, transparent 66px, transparent 116px, rgba(0, 0, 0, .5) 116px, rgba(0, 0, 0, .5) 166px, rgba(255, 255, 255, .2) 166px, rgba(255, 255, 255, .2) 169px, rgba(0, 0, 0, .5) 169px, rgba(0, 0, 0, .5) 179px, rgba(255, 255, 255, .2) 179px, rgba(255, 255, 255, .2) 182px, rgba(0, 0, 0, .5) 182px, rgba(0, 0, 0, .5) 232px, transparent 232px),
  repeating-linear-gradient(125deg, transparent, transparent 2px, rgba(0, 0, 0, .2) 2px, rgba(0, 0, 0, .2) 3px, transparent 3px, transparent 5px, rgba(0, 0, 0, .2) 5px);
}

/*Paul Salentiny*/
.honeyComb {
  background: radial-gradient(circle farthest-side at 0% 50%, #fb1 23.5%, rgba(240, 166, 17, 0) 0)21px 30px,
  radial-gradient(circle farthest-side at 0% 50%, #B71 24%, rgba(240, 166, 17, 0) 0)19px 30px,
  linear-gradient(#fb1 14%, rgba(240, 166, 17, 0) 0, rgba(240, 166, 17, 0) 85%, #fb1 0)0 0,
  linear-gradient(150deg, #fb1 24%, #B71 0, #B71 26%, rgba(240, 166, 17, 0) 0, rgba(240, 166, 17, 0) 74%, #B71 0, #B71 76%, #fb1 0)0 0,
  linear-gradient(30deg, #fb1 24%, #B71 0, #B71 26%, rgba(240, 166, 17, 0) 0, rgba(240, 166, 17, 0) 74%, #B71 0, #B71 76%, #fb1 0)0 0,
  linear-gradient(90deg, #B71 2%, #fb1 0, #fb1 98%, #B71 0%)0 0 #fb1;
  background-size: 40px 60px;
}

.tableCloth {
  background-color: white;
  background-image: linear-gradient(90deg, rgba(200, 0, 0, .5) 50%, transparent 50%),
  linear-gradient(rgba(200, 0, 0, .5) 50%, transparent 50%);
  background-size: 50px 50px;
}

.noActivePoll .author {
  position: absolute;
  bottom: 1px;
  right: 3px;
  font-size: 12px;
  font-family: verdana;
  text-shadow: 1px 1px white;
  color: black;
}

.stayTuned {
  margin: auto;
  overflow: visible;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: block;
  width: 100%;
  text-align: center;
  height: 8%;
  font-size: 40px;
  font-weight: bolder;
  text-shadow: 2px 3px black;
}

.noActivePoll.default,
.no-active-audience-qa.default {
  background-image: url(https://static.excitem.com/stay_tuned_rocket.png);
  background-repeat: no-repeat;
  background-size: cover;
}

#captcha {
  text-align: center;
  display: block;
  visibility: hidden;
  margin: 0 auto;
}

.g-recaptcha {
  display: inline-block;
}

.bar {
  overflow: visible !important;
}

.btn-nextpoll {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  transform: translateY(100%);
  opacity: 0;
  z-index: 35;
}

.show-results .btn-nextpoll {
  transition-delay: 2500ms;
  opacity: 1;
  transform: translateY(0);
}

.overlay .body .resultsPageMessage {
  font-size: 1.8em;
  display: block;
  width: 100%;
  text-align: center;
}

.warning {
  color: #ff4040;
  font-weight: bold;
}

.play-user-name {
  display: none;
}

.play-user-name:not(.header) p {
  float: right;
  padding: 5px 1%;
}

.templates {
  display: none;
}

.thankyou-end {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .35);
  z-index: 50;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 25px;
  opacity: 0;
  visibility: hidden;
  transition: all 500ms;
  perspective: 5000px;
}

.has-header .thankyou-end {
  top: 60px;
}

body.has-header {
  top: 60px;
}

.thankyou-inner {
  background-color: #fff;
  padding: 45px 25px;
  border-radius: 15px;
  color: #222;
  transition: all 700ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
  transform: scale(.5) rotate3d(1, 0, 0, 180deg);
  opacity: 0;
  max-width: 500px;
}

.thankyou-inner .picto {
  width: 150px;
  height: auto;
  margin-bottom: 10px;
  transition: all 500ms;
  opacity: 0;
  transform: scale(.3);
}

.thankyou-inner h5 {
  font-size: 1.5em;
  margin: 0;
  margin-bottom: 10px;
}

.thankyou-inner .btn {
  margin-top: 25px;
}

.thankyou-end.roll-in {
  visibility: visible;
  opacity: 1;
}

.thankyou-end.roll-in .thankyou-inner {
  transform: scale(1) rotate3d(1, 0, 0, 0deg);
  transition-delay: 400ms;
  opacity: 1;
}

.thankyou-end.roll-in .thankyou-inner .picto {
  transform: scale(1);
  opacity: 1;
  transition-delay: 1000ms;
}

@media only screen and (max-width: 360px) {
  .thankyou-inner .picto {
    width: 100px;
  }
}

.zoom {
  zoom: 1;
  -moz-transform: scale(1);
  -moz-transform-origin: 0 0;
}

.stay-tuned__iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  visibility: visible;
}
.header-template {
  display: none;
}

.grid-head {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #24262D;
  color: #fff;
  text-align: center;
  height: 60px;
  z-index: 25;
}

.grid-head .topnav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: none;
  margin: 0 auto;
  width: 100%;
}

@media only screen and (min-width: 992px) {
  .grid-head .topnav {
    width: auto;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}

.grid-head .topnav > a {
  text-align: center;
  border-radius: 0;
  padding: 10px 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 60px;
  color: #9AA1BA;
  font-weight: 600;
  border-color: transparent !important;
  -webkit-transition: .25s ease-out;
  transition: .25s ease-out;
}

@media only screen and (min-width: 992px) {
  .grid-head .topnav > a {
    width: 150px;
  }
}

.grid-head .topnav > a i {
  margin-right: 8px;
  font-size: .9em;
}

.grid-head .topnav > a:hover {
  color: #acb2c9;
  background-color: rgba(0, 0, 0, 0.1);
}

.grid-head .topnav > a.active {
  color: #F6A821;
  -webkit-box-shadow: inset 0 -3px 0 #F6A821;
  box-shadow: inset 0 -3px 0 #F6A821;
  background-color: transparent;
}

.grid-head .topnav > a.active:hover {
  background-color: transparent;
}

.has-header section.poll,
.has-header .results-section {
  margin-top: 60px;
}