@charset "utf-8";
/* CSS Document */


.splash {
    background-image: url('https://www.artnet.com/services/productpages/assets/images/splash-mb.jpg') !important;
}


#contact {
}

    #contact h2 {
        margin-bottom: 50px;
    }

    #contact .form-field {
        margin-top: 20px;
    }

    #contact .form-field label {
        font-weight:normal;
    }
                    
    #contact input, textarea {
        border-radius: 0;
    }

    #contact input[type="text"], textarea {
        width: 100%;
        display: block;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        border: 1px #ddd solid;
        font-family: 'HelveticaNeue', 'Arial', sans-serif;
        padding: 10px;
        box-sizing: border-box;
        font-size: 12px;
        line-height: 18px;
        letter-spacing: 1px;
    }

    #contact input.invalid {
        border: 1px red solid;
    }
    
    #contact textarea {
        box-sizing: border-box;
        height: 100px;
        resize: none;
    }
    
    #contact input.invalid {
        border: 1px red solid;
    }
    
    #contact .error-message{
        visibility: hidden;
        letter-spacing: 1px;
        margin-top: 3px;
        padding-left: 3px;
        color: red;
        font-size: 12px;
        line-height: 18px;
    }

    #contact input.invalid + .error-message {
        visibility:visible;
    }

    #contact input[type="submit"] {
        display: block;
        margin: 70px auto 70px auto;
        appearance: none;
        -webkit-appearance: none;
        background-color: black;
        color: white;
        border: 0;
        text-transform: uppercase;
        font-weight: bold;
        letter-spacing: 1px;
        font-family: 'HelveticaNeue', 'Arial', sans-serif;
        font-size: 15px;
        padding: 10px;
        width: 300px;
    }

    #contact input[type="submit"]:hover {
        background-color: #888;
        cursor: pointer;
    }

    #contact .talk {
        margin-bottom:40px;
    }

    #contact .talk, 
    #contact .success {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: 1px;
        text-transform: uppercase;
        text-align: center;
    }
    
    #contact-fields.success {
        display:none;
    }

    #contact-confirmation {
        display:none;
    }

    #contact-fields.success + #contact-confirmation {
        display:block;
    }

    #contact-confirmation p {
        text-align: center;
        text-transform: inherit;
        font-size: 12px;
        line-height: 18px;
    }

    #contact .cta-text {
        margin:0; 
    }
    
#galleries {
    background-color: white;
}
    
    #galleries img {
        margin-bottom: 15px;
    }
    
    #galleries h3 {
        text-align: center;
        letter-spacing: 1px;
        font-size: 15px;
        line-height: 20px;
    }

    #galleries h4 {
        text-align: center;
        letter-spacing: 1px;
        font-size: 12px;
        line-height: 18px;
        margin: 0 0 35px 0;
    }
    
    #galleries .cta {
        margin:35px auto 0;
    }
    

#reach {
    background-color: white;
}


#following {
}
    
    #following .social-statistics {
        text-align: center;
    }
    
    h3.social-label {
        font-family: 'HelveticaNeueCond', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
        text-transform: uppercase;
        font-size: 40px;
        line-height: 40px;
        letter-spacing: 1px;
        text-align: center;
        margin-bottom: 10px;
    }
    
    .social-statistics img {
        width: 60px;
        height: auto;
    }
    
#advantages {
}
    
    #advantages img {
        width: 100px;
        height: auto;
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
    }
    
#service {
}
    
    #service img {
        width: 100%;
        max-width: 175px;
        height: auto;
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
        border-radius: 50%;
    }
    
    #service h3 {
        text-align: center;
        letter-spacing: 1px;
        font-size: 15px;
        line-height: 20px;
        margin-bottom: 5px;
    }

    #service h4 {
        text-align: center;
        letter-spacing: 1px;
        font-size: 12px;
        line-height: 18px;
        text-transform: uppercase;
        margin: 0;
    }

    #service .specialist {
        margin: 0 auto 55px;
    }


@media (max-width: 1320px) {
    h3.social-label {
        font-size: 40px;
        line-height: 40px;
    }

}

@media (max-width: 991px) {
    .social-statistics + .social-statistics {
        margin-top: 70px;
    }
}

    
@media (max-width: 767px) {    
    #contact input[type="submit"] {
        width: 100%;
    }
}