body{background-color: black;}
.itemprop{display:none;}
.wrapper{max-width: 960px; margin:0 auto;}
h2{font-family: 'hyundai_sans_headmedium',Arial,sans-serif;}
h3{font-family: 'hyundai_sans_headbold',Arial,sans-serif;}
img{max-width:100%; height:auto;}

table tr td{color:black}
table tr th{color:black}

input[type=text], input[type=email], input[type=password] {
  background-color: transparent;
  outline: 0.1em solid rgb(158, 157, 157);
  outline-offset: 0.1em;
  border: 0;
  min-height: 32px;
  color: #FFF;
  border-radius: 0.05rem;
  height: auto;
}
input[type=text]:focus, input[type=email]:focus {
  color: #FFF;
  background-color: rgba(231, 231, 231, 0.137);
  outline: 0.1em solid rgb(158, 157, 157);
  box-shadow: 0 0 0;
}
.login-form input[type=text], .login-form input[type=email], .login-form input[type=password],
.login-form input[type=text]:focus, .login-form input[type=email]:focus {
    color: #333;
}

div.options > label > input {
  visibility: hidden;
}

div.options > label {
  display: block;
  margin: 0 0 0 -10px;
  padding: 0 0 20px 0;  
  height: 20px;
  
}

div.options > label > img {
  display: inline-block;
  padding: 0px;
  height:30px;
  width:30px;
  background: none;
  margin-left: 10px;;
}

div.options > label > input:checked  + img {  
  background: url(../img/30556.png);
  background-repeat: no-repeat;
  background-position:center center;
  background-size:30px 30px;
}

div.options > label > input:checked  + sup + img {  
  background: url(../img/30556.png);
  background-repeat: no-repeat;
  background-position:center center;
  background-size:30px 30px;
}

.form-group{margin-bottom: 30px;}

input[type=text][name=customer_name] {min-width:400px}
input[type=text][name=customer_surname] {min-width:400px}
input[type=email][name=customer_email] {min-width:400px}
@media screen and (max-width: 768px) {
  input[type=text][name=customer_name] {min-width:0}
  input[type=text][name=customer_surname] {min-width:0}
  input[type=email][name=customer_email] {min-width:0}
}