@import 'https://fonts.googleapis.com/css?family=Raleway:300,400,700';
/*CLASSI RIUTILIZZABILI*/
html {
  height: 100%;
  min-height: 100%;
}
html body {
  font-family: 'Raleway', sans-serif;
  height: 100%;
  min-height: 100%;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
html body .wrap footer {
  width: 100%;
}
html body .wrap footer .container .bottom-logo {
  width: 48%;
  background: rgba(0, 0, 0, 0.51);
  height: 120px;
}
@media (max-width: 991px) {
  html body .wrap footer .container .bottom-logo {
    width: 46%;
  }
}
@media (max-width: 767px) {
  html body .wrap footer .container .bottom-logo {
    width: 45%;
    height: 90px;
  }
}
html body .wrap footer .container .bottom-logo.pull-left {
  margin-left: 15px;
}
html body .wrap footer .container .bottom-logo.pull-right {
  margin-right: 15px;
}
html body .wrap footer .container .bottom-logo a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
html body .wrap footer .container .bottom-logo a img {
  position: absolute;
  bottom: 20px;
  width: 140px;
  left: 50%;
  margin-left: -70px;
  height: auto;
}
@media (max-width: 767px) {
  html body .wrap footer .container .bottom-logo a img {
    width: 80px;
    margin-left: -40px;
  }
}
html body .wrap .container section.content {
  display: table;
  padding-bottom: 30px;
}
@media (max-width: 991px) {
  html body .wrap .container section.content {
    padding-bottom: 20px;
  }
}
html body .wrap .container section.content form {
  overflow: hidden;
}
html body .wrap .container section.content form .form-content {
  display: table;
  widht: 100%;
}
html body .wrap .container section.content form .form-content.personal-data {
  background: rgba(0, 0, 0, 0.4);
  padding: 25px 10px;
}
html body .wrap .container section.content form .form-content.question-data {
  float: right;
  width: 100%;
  background: rgba(0, 157, 224, 0.6);
  padding: 15px 10px 300px;
  margin-bottom: -300px;
}
html body .wrap .container section.content form .form-content.question-data h3 {
  text-transform: uppercase;
  color: #000;
  margin: 0px 0px 15px;
}
html body .wrap .container section.content form .form-content.question-data .radio,
html body .wrap .container section.content form .form-content.question-data .checkbox {
  color: #fff;
  margin-bottom: 25px;
}
html body .wrap .container section.content form .form-content.question-data .radio p,
html body .wrap .container section.content form .form-content.question-data .checkbox p,
html body .wrap .container section.content form .form-content.question-data .radio label,
html body .wrap .container section.content form .form-content.question-data .checkbox label {
  margin-bottom: 0px;
  text-transform: uppercase;
}
html body .wrap .container section.content form fieldset button.btn {
  background: url(../images/btn.png) no-repeat center center transparent;
  background-size: contain;
  padding: 2px 15px;
  text-transform: uppercase;
  color: #fff;
  margin-top: 60px;
}
html body .wrap .container section.content form fieldset > label.title {
  text-transform: uppercase;
  color: #000;
}
@media (max-width: 991px) {
  html body .wrap .container section.content form fieldset > label.title {
    margin-top: 25px;
  }
}
html body .wrap .container section.content form fieldset > p {
  color: #fff;
  margin-bottom: 0px;
  line-height: 120%;
}
html body .wrap .container section.content form fieldset > p.intro {
  text-transform: uppercase;
  margin-top: 10px;
}
html body .wrap .container section.content form fieldset .radio,
html body .wrap .container section.content form fieldset .checkbox {
  color: #fff;
}
html body .wrap .container section.content form fieldset .checkbox label a {
  border-bottom: 1px dotted #fff;
  color: #fff;
}
html body .wrap .container section.content form fieldset .checkbox label a:hover {
  text-decoration: none;
}
html body .wrap .container section.content form fieldset .input-group {
  margin-bottom: 20px;
  width: 100%;
}
html body .wrap .container section.content form fieldset .input-group.has-error select {
  border-color: #a94442;
}
html body .wrap .container section.content form fieldset .input-group input[type="text"],
html body .wrap .container section.content form fieldset .input-group select {
  width: 100%;
  border-width: 4px;
  font-size: 12px;
}
html body .wrap .container section.content form fieldset .input-group select {
  height: 40px;
  padding: 8px;
  border-radius: 0px;
  text-transform: capitalize;
  border: 4px solid #CCC;
}
html body .wrap .container header {
  margin-top: 60px;
  width: 100%;
  display: table;
  margin-bottom: 60px;
}
@media (max-width: 991px) {
  html body .wrap .container header {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
html body .wrap .container header .site-title h1 {
  margin: 0px;
  font-weight: 700;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  html body .wrap .container header .site-title h1 {
    text-align: center;
    margin-bottom: 25px;
  }
}
html body .wrap .container header .site-title h1 span {
  font-weight: 300;
}
html body .wrap .container header .site-logo {
  text-align: right;
}
@media (max-width: 767px) {
  html body .wrap .container header .site-logo img {
    margin: 0 auto;
    display: block;
  }
}
.evidence {
  color: red;
}