@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700');
*,
button,
input {
  font-family: 'Lato', sans-serif;
}
p {
  font-size: 14px;
}
h1,
h2,
h3 {
  text-align: center;
  text-transform: uppercase;
  font-weight: lighter;
  color: #0c426f;
}
h1 {
  font-weight: normal;
}
h3 {
  margin-top: 50px;
}
hr {
  border-color: #0c426f;
  width: 50px;
  width: 50%;
  margin-bottom: 50px;
}
.clearfix::after {
  display: block;
  content: "";
  clear: both;
}
a {
  text-decoration: underline;
  color: inherit;
}
a:hover,
a:active {
  text-decoration: none;
}
body .container {
  background-color: #ededed;
}
body .container header {
  margin-bottom: 50px;
  background-color: #0c426f;
  border-bottom: 5px solid #f3b55b;
  padding: 20px 0;
}
@media screen and (max-width: 768px) {
  body .container header {
    text-align: center;
  }
}
body .container header .wrapper960 {
  width: 95%;
  max-width: 960px;
  box-sizing: border-box;
  margin: 0 auto;
}
body .container header .wrapper960 .title {
  color: white;
  display: inline-block;
  font-size: 28px;
  line-height: 60px;
}
@media screen and (max-width: 768px) {
  body .container header .wrapper960 .title {
    width: 100%;
  }
}
body .container header .wrapper960 img.logo {
  float: right;
}
@media screen and (max-width: 768px) {
  body .container header .wrapper960 img.logo {
    float: none;
  }
}
body .container .main-area {
  width: 95%;
  max-width: 960px;
  box-sizing: border-box;
  margin: 0 auto;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 15px;
  background-color: #fff;
}
body .container .main-area .row {
  display: block;
  border-bottom: 1px solid #ccc;
  padding: 10px 0;
}
body .container .main-area .row .col {
  display: inline-block;
  float: left;
  box-sizing: border-box;
}
body .container .main-area .row .col.col12 {
  width: 100%;
}
body .container .main-area .row .col.col11 {
  width: 92%;
}
body .container .main-area .row .col.co10 {
  width: 83%;
}
body .container .main-area .row .col.col9 {
  width: 75%;
}
body .container .main-area .row .col.col8 {
  width: 67%;
}
body .container .main-area .row .col.col7 {
  width: 58%;
}
body .container .main-area .row .col.col6 {
  width: 50%;
}
body .container .main-area .row .col.col5 {
  width: 42%;
}
body .container .main-area .row .col.col4 {
  width: 33%;
}
body .container .main-area .row .col.col3 {
  width: 25%;
}
body .container .main-area .row .col.col2 {
  width: 17%;
}
body .container .main-area .row .col.col1 {
  width: 8%;
}
body .container .main-area .row .question {
  padding-left: 15px;
}
@media screen and (max-width: 768px) {
  body .container .main-area .row .question {
    width: 50% !important;
    font-size: 14px;
  }
}
@media screen and (max-width: 425px) {
  body .container .main-area .row .question {
    width: 100% !important;
    padding: 0 0 10px 0;
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  body .container .main-area .row .answers {
    width: 50% !important;
    font-size: 14px;
  }
}
@media screen and (max-width: 425px) {
  body .container .main-area .row .answers {
    width: 100% !important;
  }
}
body .container .main-area .row .answers.question-type-1 label,
body .container .main-area .row .answers.question-type-1 input[type="radio"] {
  width: 33%;
}
body .container .main-area .row .answers.question-type-2 label,
body .container .main-area .row .answers.question-type-2 input[type="radio"] {
  width: 50%;
}
body .container .main-area .row .answers.question-type-3 textarea {
  width: 100%;
  padding: 15px;
  line-height: 1.2em;
  box-sizing: border-box;
}
body .container .main-area .row .answers label,
body .container .main-area .row .answers input[type="radio"] {
  display: inline-block;
  float: left;
}
body .container .main-area .row .answers label {
  text-align: center;
  margin-bottom: 10px;
  white-space: nowrap;
}
body .container .main-area .actions {
  border: none;
  padding: 0;
  margin: 25px 0 0 0;
}
body .container .main-area .actions .col {
  text-align: center;
}
body .container .main-area .actions .col button[type="submit"] {
  padding: 10px 25px;
  background-color: #004d81;
  color: white;
  border: none;
  text-transform: uppercase;
  font-weight: lighter;
  font-size: 22px;
  cursor: pointer;
  transition: background-color 1s;
}
body .container .main-area .actions .col button[type="submit"]:hover {
  background-color: #f3b55b;
}
body .container .main-area .actions .col button[type="submit"][disabled] {
  background-color: lightgrey;
}
body .container .main-area .actions .col button[type="submit"][disabled]:hover {
  background-color: lightgrey;
}
body .container .main-area .message-box {
  text-align: center;
  padding: 15px;
  border: none;
  background-color: lightgrey;
  width: 50%;
  margin: 20px auto 0 auto;
  display: none;
}
body .container .main-area .message-box.info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
  display: block;
}
body .container .main-area .message-box.success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
  display: block;
}
body .container .main-area .message-box.error {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
  display: block;
}
body .container footer {
  margin-top: 50px;
  background-color: #465157;
  padding: 20px;
}
body .container footer p {
  text-align: center;
  font-size: 12px;
  line-height: 1.5em;
  margin: 0;
  padding: 0;
  color: #8d99a1;
}