/*
font-family: 'Roboto', sans-serif;
font-family: 'Lato', sans-serif;
*/
body {
	font-family: 'Roboto', sans-serif;
	background-image: url(../img/sitosnap-contact.jpg);
	background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Lato', sans-serif;
}
h2.main-title {
	color: #e1b51b;
}
.step {
	color: #e1b51b;
	font-size: 1.8rem;
	margin-right: 5px;
}
p {
	font-size: 1.35rem;
}
#contact-area {
    padding: 35px;
	padding-bottom: 0;
    color: #fff;
    min-height: 300px;
}
.form-box {
    width: 100%;
    background: rgba(81, 200, 206, 0.83);
    margin: 0 auto;
    padding: 20px 20px 25px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	color: #ffffff;
}
.form-box label {
	/*color: #fff;*/
	font-size: 1.1rem;
}
form ul li {
	list-style-type: none;
}
/*[type='checkbox'], [type='radio'] {
    margin: 0 0 1rem;
	margin-top: 8px;
    width: 15px;
    height: 15px;
}
[type='radio'] + label {
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
    margin-right: 0rem;
    margin-bottom: 0;
    width: calc(100% - 30px);
    margin-bottom: 10px;
}*/
[type='radio'] + label {
    margin-right: 0rem;
}

.quiz ul{
  list-style: none;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  margin-bottom: 20px;
  margin-left: 0;
  margin-top: -30px;
}


.quiz ul li{
  color: #AAAAAA;
  display: block;
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
	/*border-bottom: 1px solid #111111;*/
}

.quiz ul li input[type=radio]{
  position: absolute;
  visibility: hidden;
}

.quiz ul li label{
  display: block;
  position: relative;
  font-weight: 300;
  padding: 25px 0px 0px 50px;
  margin: 0px auto;
  margin-left: 0!important;
  height: 100%;
  z-index: 9;
  cursor: pointer;
  -webkit-transition: all 0.25s linear;
}

.quiz ul li:hover label{
	color: #FFFFFF;
}

.quiz ul li .check{
  display: block;
  position: absolute;
  border: 5px solid #ffffff;
  border-radius: 100%;
  height: 28px;
  width: 28px;
  top: 27px;
  left: 10px;
	z-index: 5;
	transition: border .25s linear;
	-webkit-transition: border .25s linear;
}

.quiz ul li:hover .check {
  border: 5px solid #FFFFFF;
}

.quiz ul li .check::before {
  display: block;
  position: absolute;
	content: '';
  border-radius: 100%;
  height: 12px;
  width: 12px;
  top: 3px;
	left: 3px;
  margin: auto;
	transition: background 0.25s linear;
	-webkit-transition: background 0.25s linear;
}

.quiz input[type=radio]:checked ~ .check {
 /* border: 5px solid #ad0000;*/
  border: 5px solid #e1b51b;
}

.quiz input[type=radio]:checked ~ .check::before{
  /*background: #ad0000;*/
  background: #e1b51b;
}

.quiz input[type=radio]:checked ~ label{
  color: #ffffff;
}
.quiz label.checkbox-label {
	display: inline;
	font-size: 0.8rem;
}
.quiz label.checkbox-label a {
	color: #ffffff;
}
.checkbox-label {
	font-size: 0.8rem;
}
#footer p {
	font-size: 0.8rem;
    color: #afafaf;
}
#footer p a {
    color: #afafaf;
}
.main-content {
  min-height: calc(100vh - 130px);
}
#footer {
  height: 50px;
}
.hollow.senape {
    border: 4px solid #e1b51b;
    color: #e1b51b;
}
.hollow.senape:hover {
    border: 4px solid #ffffff;
    color: #ffffff;
}