html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, pre,
a, img, b, u, i, dl, dt, dd, ol, ul, li,
form, label, table, tbody, tfoot, thead, tr, th
canvas, embed, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

@font-face {
  font-family: 'Audi Type Extended';
  src: url('../fonts/AudiTypeV03-ExtendedBold.eot'); /* IE9 Compat Modes */
  src: url('../fonts/AudiTypeV03-ExtendedBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/AudiTypeV03-ExtendedBold.woff') format('woff'), /* Modern Browsers */
       url('../fonts/AudiTypeV03-ExtendedBold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/AudiTypeV03-ExtendedBold.svg#1ae38026612fd0aaa51827ece10c89a3') format('svg'); /* Legacy iOS */

  font-style:   normal;
  font-weight:  700;
}

* {
    box-sizing: border-box;
}

html {
  line-height: 1;
  background: #ffffff;
  font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
}

body {
    padding: 50px 0;
}

h1, h2, h3, h4, h5 {
    font-family: 'Audi Type Extended', Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #000000;
}

h1 {
    font-size: 36px;
    line-height: 40px;
    margin: 30px 0 20px 0;
}

h2 {
    font-size: 28px;
    line-height: 36px;
    margin: 30px 0 20px 0;
}

h3 {
    font-size: 18px;
    line-height: 30px;
    margin: 30px 0 20px 0;
}

h4 {
    font-size: 15px;
    line-height: 20px;
    margin: 20px 0 20px 0;
}

p {
    margin-bottom: 10px;
}

a {
    color: #000;
    text-decoration: underline;
}

form {
    margin: 20px 0;
}

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

.form-group.hidden {
    display: none;
}

.toggle-model-code {
    display: inline-block;
    margin-top: 10px;
    
    background: url('../images/arrow_red.png') no-repeat left center;
    padding-left: 12px;
}

.form-button-group {
  margin-top: 20px;
}

label {
    display: inline-block;
    font-weight: bold;
    margin-bottom: 4px;
}

label .required {
    color: #c03;
    margin-left: 2px;
}

.form-control {
    display: block;
    position: relative;
    
    width: 100%;
    font-size: 12px;
    font-weight: 500;
    font-family: inherit;
    line-height: 18px;
    color: #000;
    padding: 12px 15px;
    margin: 0;

    background-color: #fff;
    border: 1px solid #d0d3d4;
    border-radius: 0;
    transition: all .2s ease;

    outline: 0;

    -webkit-box-shadow: none;
    box-shadow: none;

    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -webkit-tap-highlight-color: transparent;
}

.form-control.uppercase {
    text-transform: uppercase;
}

.checkbox,
.radio,
.checkbox-inline,
.radio-inline {
    position: relative;
    display: block;
    margin-bottom: 10px;
    cursor: pointer;
    font-weight: bold;
    vertical-align: middle;
}

.checkbox-inline,
.radio-inline {
    display: inline-block;
    margin-bottom: 0;
}

.checkbox label,
.radio label,
.checkbox-inline label,
.radio-inline label {
    min-height: 42px;
    line-height: 42px;
    padding-left: 42px;
    margin-bottom: 0;

    background-position: left center;
    background-repeat: no-repeat;
}

.radio label,
.radio-inline label {
    background-image: url("../images/radiobutton.png");
}

.radio.checked label,
.radio-inline.checked label {
    background-image: url("../images/radiobutton-checked.png");
}

.checkbox label,
.checkbox-inline label {
    background-image: url("../images/checkbox.png");
}

.checkbox.checked label,
.checkbox-inline.checked label {
    background-image: url("../images/checkbox-checked.png");
}

.checkbox-inline+.checkbox-inline,
.radio-inline+.radio-inline {
    margin-top: 0;
    margin-left: 10px;
}

.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox],
.radio input[type=radio],
.radio-inline input[type=radio] {
    position: absolute;
    margin-left: -42px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: none;
}

input[type=checkbox],
input[type=radio] {
    margin: 4px 0 0;
    margin-top: 1px\9;
    line-height: normal;
    box-sizing: border-box;
    padding: 0;
}

input[type="radio"] {
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
}

.radio-selector {
    cursor: pointer;
}
.select-wrapper {
    padding: 0;
    cursor: pointer;
    border: none;
}

.select-wrapper select {
    z-index: 3;
    border: 0;
    height: 44px;
    border: 1px solid #d0d3d4;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
}

.select-wrapper::after {
    content: "";
    top: -2px;
    display: block;
    position: absolute;
    z-index: 2;
    top: -1px;
    right: -1px;
    bottom: -1px;
    width: 45px;
    line-height: 42px;
    background: url("../images/link_down.png");
    background-position: center center;
    background-repeat: no-repeat;
    
    color: #fff;
    text-align: center;
    border-radius: 0 3px 3px 0;
}

.btn {
    cursor: pointer;
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    line-height: 15px;
    color: #fff;
    display: block;
    padding: 12.5px 15px;
    margin: 0;
    text-decoration: none;
    background-color: #000;
    width: auto;
    outline: 0;
    border: none;
}

.btn:hover {
  background-color: #434c53;
}

.btn span.btn-icon-after {
    display: inline-block;
    margin: 0 -4px 0 7px;
    width: 7px;
    height: 8px;
    background-image: url("../images/arrow.png");
    background-repeat: no-repeat;
    background-position: center center;
}

#image {
    float: right;
}

#submit {
    float: right;
    min-width: 150px;
}

.text-muted {
    color: #535963;
}

.small {
    font-size: 10px;
    line-height: 16px;
}

/* Parsley ----------------------------------- */
input.parsley-success,
select.parsley-success,
textarea.parsley-success {
  /*
  color: #468847;
  background-color: #DFF0D8;
  border: 1px solid #D6E9C6;
  */
}

input.parsley-error,
select.parsley-error,
textarea.parsley-error {
  /*
  color: #B94A48;
  background-color: #F2DEDE;
  */
  border: 1px solid rgba(236,82,82,0.8);
}

.parsley-errors-list {
  padding: 0;
  list-style-type: none;
  font-size: 10px;
  opacity: 0;
  margin: 0;
  
    clear: left !important;
    color: #c03;
    font-weight: normal;
    line-height: 18px;
    white-space: normal;
    
  transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
}

.parsley-errors-list.filled {
    opacity: 1;
    margin-bottom: 10px;
    margin-top: 4px;
    margin: 2px 0 3px;
}

/* Iframe ------------------------------- */
body.iframe {
    padding: inherit;
}

body.iframe .container {
    width: inherit;
    overflow: hidden;
    padding: 0;
}

body.iframe .form-button-group {
    overflow: hidden;
}

/* Mobile ------------------------------- */
@media only screen and (max-width: 768px) {
    
    body {
        padding: 0 10px;
    }
    
    h1 {
        font-size: 26px;
        text-align: center; 
        line-height: 140%;
    }
    
    h2 {
        font-size: 18px;
        line-height: 140%;
    }

    h3 {
        font-size: 16px;
        line-height: 140%;
    }

    #submit {
        float: none;
        display: block;
        margin: 0 auto;
    }
    
    #submit {
        margin-bottom: 20px;
    }
    
    #submit {
        width: 100%;
    }
}