.generic-form fieldset,.contact-form fieldset {
    border: 0;
    margin: 0;
    margin-bottom: 1rem;
    padding: 0
}

.generic-form legend.head-label {
    font-weight: normal;
    background-color: transparent;
    margin: 2rem 0
}

.generic-form .error small.error {
    padding: .188rem .625rem!important;
    text-transform: lowercase!important;
    position: relative;
    display: inline-block!important
}

.generic-form .error.check-privacy small.error {
    margin-top: .313rem!important;
    display: block!important
}

.generic-form small.error::before {
    content: ' ';
    position: absolute;
    left: 5px;
    top: -5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #c60f13 transparent;
    -webkit-transform: rotate(360deg)
}

.generic-form label,.contact-form label {
    font-size: .813rem;
    text-transform: lowercase;
    margin-left: 0!important
}

.generic-form label:first-letter ,.contact-form label:first-letter {
    text-transform: uppercase
}

div.filter-bar label {
    text-transform: uppercase;
    width: 100%;
    margin: 0
}

div.filter-bar label:hover {
    color: #da1f27
}

.generic-form select {
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: .01px;
    text-overflow: "";
    height: auto
}

.generic-form select option {
    padding: 1rem;
    display: block
}

.generic-form input,.generic-form textarea,.generic-form select {
    margin-top: .313rem;
    font-size: .875rem;
    font-family: "Open Sans",Helvetica,Arial,sans-serif!important
}

.generic-form input:focus,.generic-form textarea:focus,.generic-form select:focus {
    font-family: "Open Sans",Helvetica,Arial,sans-serif!important;
    color: #323232
}

.generic-form input[type="text"],
.generic-form input[type="email"],
.generic-form textarea,
.generic-form input[type="text"]:focus,
.generic-form input[type="email"]:focus,
.generic-form textarea:focus,
.newsletter-field input[type="email"],
.newsletter-field input[type="email"]:focus,
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="text"]:focus,
.contact-form input[type="email"]:focus,
.contact-form textarea,
.contact-form textarea:focus{
    padding-left: 2.500rem;
    background-image: url(../images/pencil_icon.svg);
    background-position: 10px 15px;
    background-repeat: no-repeat;
    background-size: 20px 15px;
    -webkit-background-size: 20px 15px;
    -moz-background-size: 20px 15px;
    -o-background-size: 20px 15px;
    -ms-background-size: 20px 15px
}
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="text"]:focus,
.contact-form input[type="email"]:focus,
.contact-form textarea,
.contact-form textarea:focus{
    background-position: 10px 21px;
}

.generic-form textarea {
    min-height: 8.938rem;
    line-height: 1.6;
    padding-top: 12px
}

.generic-form .check input {
    height: auto
}

.generic-form .check label {
    margin-left: 0!important;
    text-transform: none!important;
    display: block
}

.generic-form div:not(.switch) input[type="checkbox"],.generic-form div:not(.switch) input[type="radio"],.contact-form div:not(.switch) input[type="checkbox"],.contact-form div:not(.switch) input[type="radio"] {
    display: none
}

.generic-form div:not(.switch) input[type="checkbox"]+label span.check-shape,.generic-form div:not(.switch) input[type="radio"]+label span.check-shape,.contact-form div:not(.switch) input[type="checkbox"]+label span.check-shape,.contact-form div:not(.switch) input[type="radio"]+label span.check-shape {
    display: inline-block;
    width: 1.250rem;
    height: 1.250rem;
    margin: 0 .5rem -0.375rem 0;
    background-color: #fff;
    border: 0;
    border: 1px solid #ccc;
    cursor: pointer
}

.generic-form div:not(.switch) input[type="radio"]+label span.check-shape,.contact-form div:not(.switch) input[type="radio"]+label span.check-shape {
    border-radius: 100%;
    -moz-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    -webkit-border-radius: 100%
}

.generic-form div:not(.switch) input[type="checkbox"]:checked+label span.check-shape,.generic-form div:not(.switch) input[type="radio"]:checked+label span.check-shape,.contact-form div:not(.switch) input[type="checkbox"]:checked+label span.check-shape,.contact-form div:not(.switch) input[type="radio"]:checked+label span.check-shape {
    background-color: #fff
}

.generic-form div:not(.switch) input[type="checkbox"]:checked+label span.check-shape:after,.contact-form div:not(.switch) input[type="checkbox"]:checked+label span.check-shape:after {
    content: ' ';
    display: block;
    position: absolute;
    top: .563rem;
    line-height: 1.4;
    text-align: center;
    width: 1.250rem;
    height: 1.250rem;
    filter: alpha(opacity=75);
    -moz-opacity: .75;
    --khtml-opacity: .75;
    opacity: .75;
    background-image: url('../images/check.svg');
    background-position: center center;
    background-size: 70% 70%;
    background-repeat: no-repeat
}

.generic-form div:not(.switch) input[type="radio"]:checked+label span.check-shape:after,.contact-form div:not(.switch) input[type="radio"]:checked+label span.check-shape:after {
    content: '•';
    display: block;
    position: absolute;
    top: .250rem;
    font-size: 1.375rem;
    line-height: 1.4;
    text-align: center;
    width: 1.250rem;
    filter: alpha(opacity=75);
    -moz-opacity: .75;
    --khtml-opacity: .75;
    opacity: .75
}

.generic-form .switch input[type="checkbox"]+label,.generic-form .switch input[type="radio"]+label {
    color: inherit!important;
    text-indent: 4.375rem;
    white-space: nowrap
}

.generic-form .switch input[type="checkbox"]+label:hover,.generic-form .switch input[type="radio"]+label:hover {
    background-color: #999;
    color: #262626!important
}

.generic-form .custom-select {
    width: 100%
}

.generic-form .custom-select select {
    margin: 0;
    background-color: transparent;
    color: rgba(12,12,12,0.5);
    opacity: 1;
    -moz-appearance: none;
    border-radius: 0;
    border-radius: 0;
    outline: none!important;
    width: 100%!important;
    height: 2.500rem
}

.generic-form .custom-select select option {
    padding: 1rem
}

.generic-form .custom-select.large-field select {
    height: 3.750rem
}

.generic-form .custom-select select:focus,.generic-form .custom-select select:hover {
    background-color: transparent
}

.generic-form .custom-select select option[default] {
    display: none
}

.generic-form .custom-select {
    display: inline-block;
    position: relative;
    vertical-align: middle
}

.generic-form .custom-select:after,.generic-form .custom-select:before {
    content: "";
    pointer-events: none;
    position: absolute
}

.generic-form .custom-select:after {
    content: " ";
    width: 40px;
    height: 20px;
    line-height: 1;
    margin-top: -10px;
    right: 1px;
    top: 50%;
    background-image: url(../images/accordion_open_arrow.svg)!important;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-color: transparent
}

.generic-form .custom-select:before {
    bottom: 1px;
    right: 1px;
    top: 1px;
    width: 40px;
    height: 38px;
    background-color: #fff
}

.generic-form .custom-select.large-field:before {
    height: 58px
}

.newsletter-field {
    padding-bottom: 1.25rem
}

.newsletter-field .title {
    font-size: 1rem
}

.newsletter-field .row.collapse:before,.newsletter-field .row.collapse:after {
    position: absolute;
    top: 210%;
    content: ' ';
    display: block;
    width: 11.563rem;
    height: .063rem;
    background-color: #bababa;
    background-color: rgba(12,12,12,0.20)
}

.newsletter-field .row.collapse:before {
    left: -12.500rem
}

.newsletter-field .row.collapse:after {
    right: -12.500rem
}

.newsletter-field input {
    border: 0;
    padding-left: 2.500rem;
    padding-right: .938rem;
    background-color: rgba(255,255,255,0.8)
}

.newsletter-field input,.arrow-button {
    height: 3.000rem
}

.arrow-button {
    background-color: #b2b1b1;
    background-image: url(../images/arrow_button_negative.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 26px 21px
}

.arrow-button:hover {
    background-color: rgba(50,50,50,0.50)
}

footer .newsletter-field input,footer .arrow-button {
    margin-bottom: 0
}

.contact-form .form-container {
    background-color: rgba(50,50,50,0.5);
    padding: 1px;
    margin-bottom: 2rem
}

.contact-form .form-container>.row>.column {
    padding-bottom: 1px
}

.contact-form .form-container>.row:last-child>.column {
    padding-bottom: 0
}

.contact-form .form-container>.row:first-child>.column:first-child,.contact-form .form-container>.row:nth-child(2)>.column:first-child {
    padding-right: 1px
}

.contact-form input,.contact-form input:focus,.contact-form textarea,.contact-form textarea:focus {
    margin: 0;
    border: 0;
    padding: 1.250rem 1rem 1.250rem 2.500rem;
    height: auto;
    background-position: 10px 22px
}

.contact-form input,.contact-form textarea {
    background-color: #fff
}

.contact-form textarea:focus {
    background-color: #fafafa
}

.contact-form div:not(.switch) input[type="checkbox"]+label span.check-shape,.contact-form div:not(.switch) input[type="radio"]+label span.check-shape {
    background-color: #fff;
    border-color: rgba(50,50,50,0.5)
}

.generic-form input,.generic-form .custom-select,.generic-form textarea {
    margin-top: .188rem
}

.generic-form input,.generic-form .custom-select,.generic-form .custom-select select {
    height: 3rem
}

.generic-form .custom-select:before {
    height: 46px
}

.generic-form .custom-select select,.generic-form .custom-select select:focus,.generic-form .custom-select select:hover {
    background-color: #fff
}

@media only screen and (max-width: 40em) {
    .contact-form .form-container>.row:first-child>.column:first-child,.contact-form .form-container>.row:nth-child(2)>.column:first-child {
        padding-right:0
    }
}