@charset "utf-8";
/* ========================== FORM ========================== */
form .contact-form-list, form .download-form-list {
    margin-bottom: 1.87rem;
}

form label {
    font-size: 1rem;
    display: block;
    font-weight: 600;
    margin-bottom: 0.62rem;
    text-align: left;
}

form label span {
    font-size: 1rem;
}

form label.mustfilled::after, .required::before {
    margin-left: 0.31rem;
    content: "\f069";
    font-family: FontAwesome;
    display: inline-block;
    color: rgb(155, 155, 155);
}

form .required {
    text-align: right;
    margin-top: 3.12rem;
    color: rgb(155, 155, 155);
}

form input[type=text], form textarea, form select {
    background: rgb(255, 255, 255);
    width: 100%;
    line-height: 1.8;
    border-radius: 0.18rem;
    padding: 0.81rem 0.93rem;
    margin-right: 0.25rem;
    margin-bottom: 1.87rem;
    font-size: 1.12rem;
    border: 1px solid #ccc;
}

form input[type=text]:hover, form textarea:hover {
    opacity: 0.5;
}

form select:hover {
    opacity: 0.5;
}

form textarea {
    height: 12.5rem;
    padding-top: 0.93rem;
}

form input[type="submit"], form button {
    width: 6.25rem;
    height: 2.5rem;
    font-size: 1rem;
}

form .contact-form-list input[type=checkbox], .download-form-list input[type=checkbox] {
    display: inline-block;
}

form .contact-form-list  input[type=checkbox] + label, .download-form-list input[type=checkbox] + label {
    position: relative;
    display: inline-block;
    font-size: 0.93rem;
    line-height: 1.87rem;
    cursor: pointer;
}

form .contact-form-list input[type=checkbox] + label::before, form .download-form-list input[type=checkbox] + label::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    box-sizing: border-box;
    display: block;
    width: 1.12rem;
    height: 1.12rem;
    margin-top: -0.5rem;
    border: 2px solid #ccc;
}

form .contact-form-list input[type=checkbox]:checked + label::after, form .download-form-list input[type=checkbox]:checked + label::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    box-sizing: border-box;
    display: block;
    width: 1rem;
    height: 0.5rem;
    margin-top: -0.5rem;
    border-left: 3px solid #000;
    border-bottom: 3px solid #000;
    transform: rotate(-45deg);
}

form select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

form .contact-form-list input[type=checkbox] + label, form .download-form-list input[type=checkbox] + label {
    padding: 0 0 0 1.5rem;
}

form .contact-form-list input[type=checkbox], form .download-form-list input[type=checkbox] {
    display: none;
    margin: 0;
}

form .contact-select, form .download-select {
    appearance: none;
    background-image: url(../img/ico-select.png);
    background-repeat: no-repeat;
    background-position: right 1.5rem top 50%;
}

form .contact-form-list.contact-accept, form .download-form-list.download-accept {
    text-align: left;
}

form .contact-form-list.contact-accept a, form .download-form-list.download-accept a {
    margin: auto 0.62rem;
}

form .contact-accept label, form .download-accept label {
    font-size: 1.12rem;
    font-weight: 400;
}

form input[type=submit], form button {
    width: auto;
}

form .contact-button input, form .download-button input,
form .contact-button button, form .download-button button {
    border-color: #eb6315;
    border-radius: 1rem;
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 400;
    color: rgb(255, 255, 255);
    background-color: rgb(236, 100, 24);
    box-shadow: rgb(236, 100, 24) 0 0 0 0.4rem inset;
    border: none;
    transition: all .25s cubic-bezier(0.390, 0.500, 0.150, 1.360);
    padding: 0.93rem 3.12rem 2.5rem;
}

form .contact-button input:hover,
form .contact-button input:focus,
form .contact-button input:active,
form .download-button input:hover,
form .download-button input:focus,
form .download-button input:active,
form .contact-button button:hover,
form .contact-button button:focus,
form .contact-button button:active,
form .download-button button:hover,
form .download-button button:focus,
form .download-button button:active {
    color: rgb(236, 100, 24);
    background-color: rgb(255, 255, 255);
    box-shadow: rgb(236, 100, 24) 0 0 0 0.02rem inset;
}

/*=== error ===*/
form .has-error input[type=text], form .has-error textarea {
    border: 2px solid #e71010;
}

form .has-error .download-select {
    border: 2px solid #e71010;
}

form .has-error select.contact-select {
    border: 2px solid #e71010;
}

form .has-error input[type=checkbox] + label::before {
    border: 2px solid #e71010;
}