@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700);


.form h3 {
	margin-bottom: 30px;
  font-size: calc(20 / 16 * 1rem);
}

@media only screen and (max-width: 640px) {
    .site-content .container .form h3 {
       margin-bottom: 15px;
  		font-size: calc(20 / 16 * 1rem);
    }

} 

fieldset {
max-width: inherit !important}

   

.hs-form-required,
.hs-error-msgs{
   color: rgb(255, 0, 0);
}
.form .hs-form .hs-form-field {
    margin-bottom: 20px;
}

.form .hs-form li>label {
    margin: 0;
}
.form .hs-form .hs-error-msgs {
    margin-top: 5px;
}
.form .hs-form .hs_checkprivacy_mail_magazine label,
.form .hs-form .hs-error-msgs label{
    margin: 0;
}

.form .hs-form .hs-form-field .input{
    margin-top: 10px;
}
.form fieldset.form-columns-1 .input {
margin-right: 0 !important;}
.form fieldset.form-columns-1 .hs-input {
  width: 100% !important;
}

.form input[type="email"],
.form input[type="text"],
.form input[type="date"],
.form input[type="number"],
.form input[type="tel"],
.form textarea{
    width: 100%;
  padding: 5px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  font-size: calc(16 / 16 * 1rem);
  color: #333333;
}
.form input[type="text"]:focus,
.form input[type="email"]:focus,
.form input[type="date"]:focus,
.form input[type="number"]:focus,
.form input[type="tel"]:focus,
.form textarea:focus{
    background-color: #ffffff;
  	border: 1px solid #3c92cf;
}
.form textarea {
  height: 200px;
}

.form fieldset.form-columns-1 input[type="checkbox"],
.form fieldset.form-columns-1 input[type="radio"] {
  width: auto !important;
}
.form input[type="radio"],
.form input[type="checkbox"] {
    vertical-align: middle;
    margin-right: 5px;
}

.form .input ul {
    margin-top: 0;
}

.form fieldset.form-columns-2>div:first-child .input {
margin-right: 20px;
}
.form fieldset.form-columns-2>div:last-child .input {
margin-right: 0;
}
.form .actions {
  position: static;
  margin: 40px auto 0;
  max-width: 408px;
	border: 1px solid #05314c;
    background-color: #05314c;
    color: #ffffff;
    
    position: relative;
    z-index: 1;
    letter-spacing: 0.1em;
    box-sizing: border-box;
    transition-property: all;
    transition-duration: 0.3s;
    transition-delay: 0s;
    transition-timing-function: ease;
}


.form .actions>.hs-button {
  width: 100%;
  background-color: transparent;
 	border: none;
  display: block;
  color: #ffffff;
  padding: 20px 32px 20px 20px;
  background-repeat: no-repeat;
    background-position: right 20px center;
  background-size: 8px auto;
  cursor: pointer;
  font-size: calc(16 / 16 * 1rem);
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4IDEyIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjtmaWxsLXJ1bGU6ZXZlbm9kZDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFuZ2xlLXJpZ2h0PC90aXRsZT48ZyBpZD0i44Os44Kk44Ok44O8XzIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDIiPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMS0yIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvCAxIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0wLDEyLDYsNiwwLDBIMkw4LDYsMiwxMloiLz48L2c+PC9nPjwvc3ZnPg==);
	transition-property: all;
    transition-duration: 0.3s;
    transition-delay: 0s;
    transition-timing-function: ease;
}
@media (min-width: 769px) {
  .form .actions:hover {
      background-color: #ffffff;
    border-color: #05314c;
    color: #05314c;
  }
  .form .actions:hover>.hs-button {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1LjY2IDkuOSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMwNTMxNGM7ZmlsbC1ydWxlOmV2ZW5vZGQ7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT48L3RpdGxlPjxnIGlkPSJsYXllcl8yIiBkYXRhLW5hbWU9ImxheWVyIDIiPjxnIGlkPSJsYXllcl8xLTIiIGRhdGEtbmFtZT0ibGF5ZXIgMSI+PHBvbHlnb24gY2xhc3M9ImNscy0xIiBwb2ludHM9IjUuNjYgNC45NSAwLjcxIDAgMCAwLjcxIDQuMjQgNC45NSAwIDkuMTkgMC43MSA5LjkgNC45NSA1LjY2IDQuOTUgNS42NiA1LjY2IDQuOTUiLz48L2c+PC9nPjwvc3ZnPg==);
    background-position: right 15px center;
    color: #05314c;
  }
}  
li.hs-form-booleancheckbox {
    margin: 0;
}
@media only screen and  (max-width: 768px) {
    .hs-form fieldset {
        max-width: 100% !important;     
    }
}