
/* Header */
.header-small {  background-image: url("/content/images/default/contact/header_contact2.png"); background-position: center;  }

/* Contact section general */
.contact-section .section-container { display: flex; justify-content: space-between; }
.contact-section .section-container > div { display: block; flex-direction: column; width: 45%; min-height: 300px; justify-content: flex-start; }
.contact-section .section-container > div > p { margin-top: 50px; }
.h2 span.streak { left: 0; }

/* Contact form */
.contact-section .section-container form { margin-top: 30px; }
.contact-section .section-container .sm-button.sm-button-noarrow { margin-top: 0; }
.contact-section .section-container form input,
.contact-section .section-container form textarea
{
    margin-top: 25px;
    height: 45px; width: 100%;	border-radius: 2px;
    border: 1px solid #333333;
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    outline: none;
}

.contact-section .section-container form input { padding-left: 17px; padding-right: 17px; }
.contact-section .section-container form textarea { min-height: 180px; padding: 17px; margin-bottom: 25px; }

/* Form placeholder */
.contact-section .section-container form textarea::placeholder,
.contact-section .section-container form input::placeholder
{
    color: #888888;
    font-size: 14px;
    font-weight: 500;
}

/* Form focus */
.contact-section .section-container form textarea:focus,
.contact-section .section-container form input:focus
{
    height: 45px; width: 100%;	border-radius: 2px;
    border: 1px solid #29A8DF;
}

/* Contact raw */
.contact-section .section-container .contact a { display: flex; align-items: center; margin-top: 20px; }
.contact-section .section-container .contact a:first-of-type { margin-top: 50px; }
.contact-section .section-container .contact a img { margin-right: 30px; }

#notifHolder {
    display: none;
    position: fixed;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    font-size: 20px;
    color: #333;
    border: 1px solid #29A8DF;
    background: rgba(255, 255, 255, 0.8);
    padding: 15px 25px;
    z-index: 10001;
}
form .error-message, .form-fake .error-message {
    padding: 1em;
    opacity: 0;
    transition: .4s ease;
    font-size: 16px;
    color: #A30046;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 300;
}
form .error-message.active, .form-fake .error-message.active {
    opacity: 1;
}
.checkbox-wrapper {
    display: none;
    line-height: 34px;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 300;
    color: #909090;
    margin-bottom: 20px;
}

.error { border: 1px solid #df4729 !important; border-radius: 2px !important; }

/* Media mobile */
@media (max-width: 1250px)
{
    .contact-section .section-container { display: block; }
    .contact-section .section-container > div { width: 100%; }
    .contact-section .section-container .getintouch h2 { margin-top: 35px; position: relative; }
    .contact-section .section-container .contact h1,
    .contact-section .section-container .getintouch h2 { text-align: center; }
    .h2 span.streak { left: calc(100%/2 - 78px/2); }
}
