/*
 * Forms and form fields
 */
input,
button,
select {vertical-align: middle; outline: none}
textarea {vertical-align: top; outline: none}
input,
button,
textarea {-webkit-appearance: none}

button,
select,
label[for],
input[type="reset"],
input[type="radio"],
input[type="button"],
input[type="submit"],
input[type="checkbox"] {cursor: pointer}

button[disabled],
select[disabled],
label[disabled][for],
input[disabled][type="reset"],
input[disabled][type="radio"],
input[disabled][type="button"],
input[disabled][type="submit"],
input[disabled][type="checkbox"] {cursor: default}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {margin: 0; -webkit-appearance: none}
input[type="number"] {-moz-appearance: textfield}


button,
.button {display: inline-block; padding: 14px 50px 12px; border: 2px solid #b3cc89; border-width: 2px 0 0; border-radius: 4px; color: #fff; font-size: 18px; font-weight: 700}
button,
.button {
    background: #78a42c;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc4YTQyYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1Zjg0MWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -webkit-linear-gradient(top,  #78a42c 0%,#5f841f 100%);
    background: -ms-linear-gradient(top,  #78a42c 0%,#5f841f 100%);
    background: linear-gradient(to bottom,  #78a42c 0%,#5f841f 100%);
}

button:hover,
.button:hover,
button.active,
.button.active,
.active button,
.active .button {border-color: #a88e1c; text-decoration: none}
button:hover,
.button:hover,
button.active,
.button.active,
.active button,
.active .button {
    background: #f8cb00;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4Y2IwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkYmIzMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -webkit-linear-gradient(top,  #f8cb00 0%,#dbb300 100%);
    background: -ms-linear-gradient(top,  #f8cb00 0%,#dbb300 100%);
    background: linear-gradient(to bottom,  #f8cb00 0%,#dbb300 100%);
}

button.secondary,
.button.secondary {padding-right: 25px; padding-left: 25px; border-color: #5d821c; background: #78a42c}

button.tertiary,
.button.tertiary {padding: 12px 15px; border: none; background: #b0b2b3; font-size: 14px}

input,
select {width: 100%; height: 41px; padding: 0 15px; border: 1px solid #b0b2b3; border-radius: 5px; font-size: 13px}
input:focus {border-color: #78a42c; background: #f4f4f4}
select {padding: 0 0 0 15px}

input[type="checkbox"],
input[type="radio"] {display: none; width: auto; height: auto}
input[type="checkbox"]+label {position: relative; color: #a0a0a0; font-style: italic}
input[type="checkbox"]+label:before {content: ''; display: inline-block; width: 20px; height: 20px; margin: 0 11px -6px 0; border: 1px solid #b0b2b3; border-radius: 5px}
input[type="checkbox"]:checked+label:after {position: absolute; top: 4px; left: 4px; width: 13px; height: 9px; color: #78a42c; font-family: 'icons', sans-serif; font-size: 9px; font-style: normal}


label {font-size: 13px}
.fields-container label{font-weight:normal;}

label.hint {color: #a0a0a0; font-style: italic}
label.hint a {color: #037523; font-weight: 700; font-style: normal}
label.hint.middle {display: inline-block; padding-top: 32px}


/*
 * Errors
 */
input.error {border-color: #e56b6b}
label.error {display: inline-block; width: 100%; padding: 13px 15px 12px; border-radius: 5px; background: #e56b6b; color: #fff; font-size: 13px}
.error-bottom+label.error {position: static; width: 100%}
span.relative>label.error {top: 0}


.fields-container {margin-top: 24px}
.fields-container+p {margin-top: 25px}