html { 
  background: url(adminbg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body{
  
    margin: 0;
    font-family: 'Ubuntu Condensed';
     
}

.container{
  width: 100%;
  margin: 0 auto 0 auto;
}

@media(min-width: 576px){
  .container{
    max-width: 540px;
  }
}

@media(min-width: 768px){
  .container{
    max-width: 720px
  }
}

header{
    text-align: center;
    margin-bottom: 1.5rem;
}

h1{
  font-weight: 400;
}

#description{
  font-weight: 300;
font-family:'Ubuntu Condensed';
  font-style: italic;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5)
}
#survey-formblack{
   background: rgba(0, 0, 0, 44);
   padding: 2.3rem 0.5rem;
   border-radius: 0.3rem;
}
#survey-form{
   background: rgba(26, 27, 27, 100);
   padding: 2.3rem 0.5rem;
   border-radius: 0.3rem;
}

.form-input{
   margin: 0 2.5rem 1.2rem 2rem;
font-family:'Ubuntu Condensed';
}

.form-input2{
   margin: 0 0.5rem 1.2rem 2rem;
font-family:'Ubuntu Condensed';
}
.form-input3{
   margin: 0 0.5rem 1.2rem 0.5rem;
font-family:'Ubuntu Condensed';
}

.fineprint { font-size:10px; line-height:14px;}
.fineprint2 { font-size:24px; line-height:24px;}
.fineprint3 { font-size:22px; line-height:22px;}
.fineprint4 { font-size:16px; line-height:16px;}
.finelink { font-size:12px; line-height:12px; color:#aaaacc;}

.fineprint12 { font-size:12px; line-height:12px;}
.fineprint16 { font-size:16px; line-height:16px;}
.fineprint20 { font-size:20px; line-height:20px;}
.fineprint24 { font-size:24px; line-height:24px;}
.fineprint28 { font-size:28px; line-height:28px;}

.reporthead { background-color:#333366; color:#ffffff; font-family:'Ubuntu Condensed'; font-size:20px; line-height:20px; text-align:center;}
.reporthead2 { background-color:#333366; color:#ffffff; font-family:'Ubuntu Condensed'; font-size:16px; line-height:20px; text-align:center; font-variant: small-caps ;}

.reportheadb { background-color:#222244; color:#ffffff; font-family:'Ubuntu Condensed'; font-size:28px; line-height:28px; text-align:center;} 
.reportheadv { background-color:#994444; color:#ffffff; font-family:'Ubuntu Condensed'; font-size:28px; line-height:28px; text-align:center;}
.reportheadz { background-color:#226622; color:#ffffff; font-family:'Ubuntu Condensed'; font-size:28px; line-height:28px; text-align:center;}
.reportcell { background-color:#eeeeff; color:#222244; font-family:'Ubuntu Condensed';font-size:12px; line-height:13px;}
.reportcellx { background-color:#ddddff; color:#000000; font-family:'Ubuntu Condensed';font-size:14px; line-height:16px;}
.reportcellb { background-color:#222244; color:#ffffff; font-family:'Ubuntu Condensed';font-size:14px; line-height:16px;}
.reportcellv { background-color:#994444; color:#ffffff; font-family:'Ubuntu Condensed';font-size:14px; line-height:16px;}
.reportcellz { background-color:#226622; color:#ffffff; font-family:'Ubuntu Condensed';font-size:14px; line-height:16px;}
.reportcelly { background-color:#eeeebb; color:#333311; font-family:'Ubuntu Condensed';font-size:14px; line-height:16px;}
.reportcell2 { background-color:#eeeeff; color:#222244; font-family:'Ubuntu Condensed';font-size:18px; line-height:18px;}
.reportcell3 { background-color:#eeeeff; color:#333344; font-variant:'small-caps'; font-family:'Ubuntu Condensed';font-size:18px; line-height:18px;}
.reportcell3b { background-color:#eeeeff; color:#111133;  font-family:'Ubuntu Condensed';font-size:20px; line-height:20px;}
.reportcell3c { background-color:#eeeeff; color:#111133;  font-family:'Ubuntu Condensed';font-size:14px; line-height:14px;}
.reportcell4 { background-color:#e0e0f0; color:#333344;   font-family:'Ubuntu Condensed'; font-variant:'small-caps'; font-size:18px; line-height:18px;}
.reportcell4b { background-color:#e0e0f0; color:#111133;  font-family:'Ubuntu Condensed';font-size:20px; line-height:20px;}
.reportcellb2 { background-color:#222244; color:#ffffff; font-family:'Ubuntu Condensed';font-size:18px; line-height:18px;}
.linky { color:#ccccff; }
.linky2 { color:#9999bb; }
.reportcellj { background-color:#eeeeff; color:#222244; font-family:'Ubuntu Condensed';font-size:14px; line-height:16px;}
.reportcellj9 { background-color:#eeeeff; color:#222244; font-family:'Ubuntu Condensed';font-size:18px; line-height:20px;}
.reportcellv9 { background-color:#994444; color:#ffffff; font-family:'Ubuntu Condensed';font-size:18px; line-height:20px;}
.reportcellz9 { background-color:#226622; color:#ffffff; font-family:'Ubuntu Condensed';font-size:18px; line-height:20px;}
.reportcelly9 { background-color:#eeeebb; color:#333311; font-family:'Ubuntu Condensed';font-size:18px; line-height:20px;}

.thecell {font-family:'Ubuntu Condensed'; }
.f12 {font-size:12px; line-height:12px; }
.f14 {font-size:14px; line-height:14px; }
.f16 {font-size:16px; line-height:16px; }
.f18 {font-size:18px; line-height:18px; }
.f20 {font-size:20px; line-height:20px; }
.f22 {font-size:22px; line-height:22px; }
.f24 {font-size:24px; line-height:24px; }
.f26 {font-size:26px; line-height:26px; }
.f28 {font-size:28px; line-height:28px; }
.bwhite { background-color:#ffffff; color:#222244; }
.bgreen { background-color:#224422; }
.bblue { background-color:#222244; }
.bblue2 { background-color:#333366; }
.fblack { color:#000000; }
.fgreen { color:#224422; }
.fblue { color:#222244; }
.fwhite { color:#ffffff; }
.offers {font-variant:small-caps; font-family:'Fugaz One'; }


 
.win1 { background-color:#e0e0ff; color:#222244; text-align:center; font-size:16px;font-family:'Ubuntu Condensed'}
.win2 { background-color:#ccccff; color:#444455; text-align:center; font-size:13px;font-family:'Ubuntu Condensed'}
.winhead1 {  color:#e0e0ff; text-align:center; font-size:20px;font-family:'Ubuntu Condensed'}
.winhead2 {   color:#ccccff; text-align:center; font-size:16px;font-family:'Ubuntu Condensed'}
 

.normaltext { font-size:20px; line-height:24px;}

.superlarge { font-size:36px; line-height:40px;}

.form-input-size{
   display: block;
   width: 100%;
   height: 1.5rem;
   padding: 0.3rem 0.4rem;
   border-radius: 0.2rem;
   outline: 0;
   border-style: none;
   margin-top: 0.4rem;  
 font-weight: 400;
font-family:'Ubuntu Condensed';
font-style:italic;
}
.form-input-size2{
   display: block;
   width: 100%;
   height: 2.0rem;
   padding: 0.3rem 0.4rem;
   border-radius: 0.2rem;
   outline: 0;
   border-style: none;
   margin-top: 0.4rem;  
 font-weight: 400;
font-family:'Ubuntu Condensed';
font-style:italic;
}

p{
 font-size: 1.12rem;
}

#radio-btn,
#check-box {
 margin-right: 0.5rem;
 min-height: 1.2rem;
 min-width: 1.2rem;
}

label {
 display: flex;
 align-items: center;
 font-size: 1.125rem;
 margin-bottom: 0.5rem;
}

textarea{
 width: 100%;
 min-height: 6rem;
 resize: vertical;
 padding: 0.5rem 0 0 0.5rem;
}

#submit{
 width: 100%;
 padding: 0.8rem;
 background: rgb(90, 6, 184, 100);
 color: white;
 border-radius: 0.2rem;
 cursor: pointer;
 border: none;
  font-weight: 400;
 
font-family:'Ubuntu';
}

.subbutz{
 width: 100%;
 padding: 0.8rem;
 background: rgb(90, 6, 184, 100);
 color: white;
 border-radius: 0.6rem;
 cursor: pointer;
 border: none;
  font-weight: 400;
font-size:30px;
font-family:'Ubuntu';
}

.but2{
  padding: 0.8rem;
 background: rgb(208, 145, 147, 1);
 color: white;
 border-radius: 0.2rem;
 cursor: pointer;
 border: none;
  font-weight: 400;
font-family:'Ubuntu';
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-weight: 300;
font-family:'Ubuntu Condensed';
  font-style: italic;
}
::-moz-placeholder { /* Firefox 19+ */
  font-weight: 300;
font-family:'Ubuntu Condensed';
  font-style: italic;
}
:-ms-input-placeholder { /* IE 10+ */
   font-weight: 300;
font-family:'Ubuntu Condensed';
  font-style: italic;
}
:-moz-placeholder { /* Firefox 18- */
   font-weight: 300;
font-family:'Ubuntu Condensed';
  font-style: italic;
}

ul {
  list-style: square outside none;
}

.myfile { 
 font-weight: 300;
font-family:'Ubuntu Condensed';
  font-style: italic;
}
.button6{
display:inline-block;
padding:0.8em 1.4em;
margin:0 0.8em 0.8em 0;
border-radius:0.15em;
box-sizing: border-box;
text-decoration:none;
font-family:'Ubuntu Condensed';
 font-weight:400;
color:#FF0000;
background-color:#ffdddd;
box-shadow:inset 0 -0.6em 0 -0.35em rgba(0,0,0,0.17);
text-align:center;
position:relative;
}
.button6:active{
top:0.1em;
}
@media all and (max-width:30em){
a.button6{
display:block;
margin:0.4em auto;
}
}
.button7{
display:inline-block;
padding:0.8em 1.4em;
margin:0 0.8em 0.8em 0;
border-radius:0.15em;
box-sizing: border-box;
text-decoration:none;
font-family:'Ubuntu Condensed';
 font-weight:400;
color:#005500;
background-color:#ddffdd;
box-shadow:inset 0 -0.6em 0 -0.35em rgba(0,0,0,0.17);
text-align:center;
position:relative;
}
.button7:active{
top:0.1em;
}
@media all and (max-width:30em){
.button7{
display:block;
margin:0.4em auto;
}
}
.buttongreyed{
display:inline-block;
padding:0.8em 1.4em;
margin:0 0.8em 0.8em 0;
border-radius:0.15em;
box-sizing: border-box;
text-decoration:none;
font-family:'Ubuntu Condensed';
 font-weight:400;
color:#888888;
background-color:#444444;
box-shadow:inset 0 -0.6em 0 -0.35em rgba(0,0,0,0.17);
text-align:center;
position:relative;
}
.button7:active{
top:0.1em;
}
@media all and (max-width:30em){
.button7{
display:block;
margin:0.4em auto;
}
}
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }

.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.coolHandLuke { display: inline-block; margin: 0; }
.coolHandLuke li,
.coolHandLuke li a,
.coolHandLuke li span {
	display: block;
	float: left;
}
.coolHandLuke li {
	margin-bottom: 5px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	box-shadow: 1px 7px 2px 0 rgba(0,0,0,0.3);
	cursor: pointer;
	margin-left: 10px;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	transition: all 0.1s linear;
}
.coolHandLuke li:first-child {
	margin-left: 0;
}
.coolHandLuke li a {
text-decoration:none;
	border-left-width: 0;
	-moz-border-radius: 0 4px 4px 0;
	-webkit-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
	font-family: 'Ubuntu Condensed';
	
	color: #838383;
	text-shadow: 0 1px 0 #FFF;
	padding: 5px 15px;
	background: #e7e7f9;
	background: -moz-linear-gradient(top, #f7f7f7 0%, #e7e7f9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#e7e7f9));
	-moz-box-shadow: 0 -1px 0 0 rgba(255,255,255,0.5) inset, 0 5px 0 0 #c4c5d5, 0 1px 0 0 #FFF inset;
	-webkit-box-shadow: 0 -1px 0 0 rgba(255,255,255,0.5) inset, 0 5px 0 0 #c4c5d5, 0 1px 0 0 #FFF inset;
	box-shadow: 0 -1px 0 0 rgba(255,255,255,0.5) inset, 0 5px 0 0 #c4c5d5, 0 1px 0 0 #FFF inset;
	border-bottom-width: 0;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	transition: all 0.1s linear;
}
.coolHandLuke li span {
font-family: 'Ubuntu Condensed';
	-moz-border-radius: 4px 0 0 4px;
	-webkit-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
	-moz-box-shadow: 0 -1px 0 0 rgba(255,255,255,0.2) inset, 0 5px 0 0 #447700;
	-webkit-box-shadow: 0 -1px 0 0 rgba(255,255,255,0.2) inset, 0 5px 0 0 #447700;
	box-shadow: 0 -1px 0 0 rgba(255,255,255,0.2) inset, 0 5px 0 0 #447700;
	background: #f7f7f7;
	background: -moz-linear-gradient(top, #98c100 0%, #659506 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#98c100), color-stop(100%,#659506));
	text-shadow: 0 1px 0 rgba(0,0,0,0.3);
	color: #FFF;
	font-weight: bold;
	padding: 5px 5px;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	transition: all 0.1s linear;
}
.coolHandLuke li span.red {
	background: #ee706b;
	background: -moz-linear-gradient(top, #ee706b 0%, #9c3107 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ee706b), color-stop(100%,#9c3107));
	text-shadow: 0 1px 0 rgba(0,0,0,0.3);
	box-shadow: 0 -1px 0 0 rgba(255,255,255,0.2) inset, 0 5px 0 0 #722300;
	-moz-box-shadow: 0 -1px 0 0 rgba(255,255,255,0.2) inset, 0 5px 0 0 #722300;
	-webkit-box-shadow: 0 -1px 0 0 rgba(255,255,255,0.2) inset, 0 5px 0 0 #722300;
	
}
.coolHandLuke li span.yellow {
	background: -moz-linear-gradient(top, #ffd800 0%, #ffb400 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd800), color-stop(100%,#ffb400));
	box-shadow: 0 -1px 0 0 rgba(255,255,255,0.2) inset, 0 5px 0 0 #c79700;
	-moz-box-shadow: 0 -1px 0 0 rgba(255,255,255,0.2) inset, 0 5px 0 0 #c79700;
	-webkit-box-shadow: 0 -1px 0 0 rgba(255,255,255,0.2) inset, 0 5px 0 0 #c79700;
}
.coolHandLuke li span.blue {
	background: -moz-linear-gradient(top, #0066ff 0%, #0066cc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0066ff), color-stop(100%,#0066cc));
	box-shadow: 0 -1px 0 0 rgba(255,255,255,0.2) inset, 0 5px 0 0 #0067c7;
	-moz-box-shadow: 0 -1px 0 0 rgba(255,255,255,0.2) inset, 0 5px 0 0 #0067c7;
	-webkit-box-shadow: 0 -1px 0 0 rgba(255,255,255,0.2) inset, 0 5px 0 0 #0067c7;
}


.coolHandLuke li:hover a {
	background: -moz-linear-gradient(top, #FFFFFF 0%, #e7e7f9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#e7e7f9));
}
.coolHandLuke li:hover span.green {
	background: -moz-linear-gradient(top, #abcc00 0%, #659506 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#abcc00), color-stop(100%,#659506));
}
.coolHandLuke li:hover span.red {
	background: -moz-linear-gradient(top, #f0807c 0%, #9c3107 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0807c), color-stop(100%,#9c3107));
}
.coolHandLuke li:hover span.yellow {
	background: -moz-linear-gradient(top, #ffe300 0%, #ffb400 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe300), color-stop(100%,#ffb400));
}
.coolHandLuke li:hover span.blue {
	background: -moz-linear-gradient(top, #0066ff 0%, #0066e0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0066ff), color-stop(100%,#0066e0));
}

.coolHandLuke li:active {
	-webkit-transform: translateY(3px);
	-moz-transform: translateY(3px);
	transform: translateY(3px);
}

.coolHandLuke li:active a {
	box-shadow: 0 -1px 0 0 rgba(255,255,255,0.2) inset, 0 2px 0 0 #cecfe0;
	-moz-box-shadow: 0 -1px 0 0 rgba(255,255,255,0.2) inset, 0 2px 0 0 #cecfe0;
	-webkit-box-shadow: 0 -1px 0 0 rgba(255,255,255,0.2) inset, 0 2px 0 0 #cecfe0;
}
.coolHandLuke li:active span {
	box-shadow: 0 -1px 0 0 rgba(255,255,255,0.2) inset, 0 2px 0 0 #447700;
	-moz-box-shadow: 0 -1px 0 0 rgba(255,255,255,0.2) inset, 0 2px 0 0 #447700;
	-webkit-box-shadow: 0 -1px 0 0 rgba(255,255,255,0.2) inset, 0 2px 0 0 #447700;
}
.coolHandLuke li:active {
	box-shadow: 1px 3px 2px 0 rgba(0,0,0,0.3);
	-moz-box-shadow: 1px 3px 2px 0 rgba(0,0,0,0.3);
	-webkit-box-shadow: 1px 3px 2px 0 rgba(0,0,0,0.3);
}
.coolHandLuke li:active span.red {
	box-shadow: 0 -1px 0 0 rgba(255,255,255,0.2) inset, 0 2px 0 0 #722300;
	-moz-box-shadow: 0 -1px 0 0 rgba(255,255,255,0.2) inset, 0 2px 0 0 #722300;
	-webkit-box-shadow: 0 -1px 0 0 rgba(255,255,255,0.2) inset, 0 2px 0 0 #722300;
}
.coolHandLuke li:active span.yellow {
	-moz-box-shadow: 0 -1px 0 0 rgba(255,255,255,0.2) inset, 0 2px 0 0 #c79700;
	-webkit-box-shadow: 0 -1px 0 0 rgba(255,255,255,0.2) inset, 0 2px 0 0 #c79700;
	box-shadow: 0 -1px 0 0 rgba(255,255,255,0.2) inset, 0 2px 0 0 #c79700;
}
.coolHandLuke li:active span.blue {
	-moz-box-shadow: 0 -1px 0 0 rgba(255,255,255,0.2) inset, 0 2px 0 0 #0067c7;
	-webkit-box-shadow: 0 -1px 0 0 rgba(255,255,255,0.2) inset, 0 2px 0 0 #0067c7;
	box-shadow: 0 -1px 0 0 rgba(255,255,255,0.2) inset, 0 2px 0 0 #0067c7;
}
@-webkit-keyframes invalid {
  from { color: #222244; }
  to { color: #7777ee; }
}
@-moz-keyframes invalid {
  from { color: #222244; }
  to { color: #7777ee; }
}
@-o-keyframes invalid {
  from { color: #222244; }
  to { color: #7777ee; }
}
@keyframes invalid {
  from { color: #222244; }
  to { color: #7777ee; }
}
.invalid {
  -webkit-animation: invalid 2s infinite; /* Safari 4+ */
  -moz-animation:    invalid 2s infinite; /* Fx 5+ */
  -o-animation:      invalid 2s infinite; /* Opera 12+ */
  animation:         invalid 2s infinite; /* IE 10+ */
}
@-webkit-keyframes invalid2 {
  from { color: #222244; }
  to { color: #9999ff; }
}
@-moz-keyframes invalid2 {
  from { color: #222244; }
  to { color: #9999ff; }
}
@-o-keyframes invalid2 {
  from { color: #222244; }
  to { color: #9999ff; }
}
@keyframes invalid2 {
  from { color: #222244; }
  to { color: #9999ff; }
}
.invalid2 {
  -webkit-animation: invalid 1s infinite; /* Safari 4+ */
  -moz-animation:    invalid 1s infinite; /* Fx 5+ */
  -o-animation:      invalid 1s infinite; /* Opera 12+ */
  animation:         invalid 1s infinite; /* IE 10+ */
}
@keyframes blink1 {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
img.blinkslow {
    animation: blink1 2s;
    animation-iteration-count: infinite;
}
@keyframes blink2 {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
img.blinkfast {
    animation: blink2 1s;
    animation-iteration-count: infinite;
}