@import url(css.css);

body { background: none; font-size: 16px; font-family: 'Open Sans', sans-serif; }


html { 
background: #000 url(../images/banner-bg.jpg) no-repeat center center fixed; /*change bg image here or remove image url*/
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover; 
background-size: cover; 
}

.panel { border: none; box-shadow: 0 0 4px rgba(0, 0, 0, 0.5); background-color: transparent; }
.panel-body { background: #fff none repeat scroll 0 0;}
.panel-footer { background-color: rgba(34, 34, 34, 0.68); border-color: #222; padding-bottom: 20px; color: #fff; }

.voffset-20 { margin-top: 20px }
.primary { color: #ffc23c }
.btn-primary { background: #ffc23c; border-width:2px; border-color: #ffc23c; color: #222; opacity: .9; font-size: 1.4em; font-weight:bold }
.btn-primary:hover { background: #ffc23c; border-color: #ffc23c; color: #222; opacity: 1; }
h1, h2, h3{ color: #ffc23c;  }
h2.small { color: #222; font-size: 18px; font-weight:900; margin-top:0px; margin-bottom: 20px  }
h1 { font-size: 70px; font-weight:bold; text-transform:uppercase; margin-bottom:0px; margin-top: 0px }

h3 { font-size: 20px }
h3 { font-size: 16px }
.panel-footer h2{margin-top:10px;}
.panel-footer h3{color:#fff;margin-top:10px; margin-bottom:20px}
.panel-footer h3.evalTitle{ color: #ffc23c;margin-bottom:20px; margin-top:20px   }
.panel-footer h3.evalText{color:#fff; font-size: 14px; margin-top:20px;}

.red { color: #FF000F }


#questionBox article, #surveyEval, #congratsBox{ display:none}
#questionBox article:first-child{ display:block}
#surveyEval h3{display:none}
#surveyEval h3#pss1-title, #surveyEval h3#pss1-text{ display:block}
button{min-width:350px}
a.stepButton{max-width:500px; margin:0 auto; text-transform:uppercase}
.panel-footer .small{font-size:11px}

/*button theme
.btn-primary { background-color: hsl(38, 100%, 51%) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffc86b", endColorstr="#ffa305"); background-image: -khtml-gradient(linear, left top, left bottom, from(#ffc86b), to(#ffa305)); background-image: -moz-linear-gradient(top, #ffc86b, #ffa305); background-image: -ms-linear-gradient(top, #ffc86b, #ffa305); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffc86b), color-stop(100%, #ffa305)); background-image: -webkit-linear-gradient(top, #ffc86b, #ffa305); background-image: -o-linear-gradient(top, #ffc86b, #ffa305); background-image: linear-gradient(#ffc86b, #ffa305); border-color: #ffa305 #ffa305 hsl(38, 100%, 46%); color: #333 !important; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.33); -webkit-font-smoothing: antialiased; }*/


@media (min-width: 768px) { 
    .container { width: 100% }
}
@media (min-width: 992px) { 
    .container { width: 970px; padding-right: 15px; padding-left: 15px; }
    body { margin: 50px auto }
}
@media (min-width: 1200px) { 
    .container { width: 970px; padding-right: 15px; padding-left: 15px; }
    body { margin: 50px auto }
}
@media (max-width: 768px) { 
    body { margin: 0px }
    .panel { border: none; box-shadow: none; border-radius: 0; margin: 0 -15px; }
    .col-sm-5 + .col-sm-5 .btn { margin-top: 20px }
	
img.img-responsive { max-height: 200px; width: auto;}
h1{ font-size: 40px}
}