/* Import Fonts */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400|Lato:300,400,500);

body {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    line-height: 21px;
    font-weight:400;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    color: #444;
    background: #fff;
    cursor: default;
}
h1, h2, h3, h4, h5, h6{
    font-family: 'Lato';
    color:#000;
    letter-spacing: -1px;
}
h1{font-size: 48px; line-height: 60px; padding: 0; margin: 0; font-weight: 400; letter-spacing:-3px; color: #283d7c; font-family: 'Open Sans';}
h2{font-size: 26px; line-height: 30px; padding: 0 0 20px 0; margin: 0; font-weight: 400; color: #000;}
h5{font-size: 26px; line-height: 30px; padding: 0 0 20px 0; margin: 0; font-weight: 400; color: #000;}

a {
    color: #0255a3;
    text-decoration:none;
    font-weight: normal;
}
a:hover {text-decoration:underline;}


#maximage {
    display:none;
    position:fixed !important;
}

.gradient {
    left:0;
    height:100%;
    position:absolute;
    top:0;
    width:100%;
    z-index:999;
}

.show{display: block;}
.hide{opacity: 0;}

/* Set Page Elements */

.content { 
    float:left;
    margin:40px;
    padding-bottom: 40px;
    position:absolute;
    top:50px;
    width:600px;
    z-index:9999;
    -webkit-font-smoothing:antialiased;
}

#contact_form {
    display: block;
    padding:40px 40px 20px 40px;
    background:#FFF;
    position:absolute;
    right:0px;
    z-index:1100;
    color: #888;
}

textarea,
input[type="text"],
input[type="button"],
input[type="submit"] {
     -webkit-appearance: none;
     border-radius: 0;
}

form input:-webkit-autofill {
    -webkit-text-fill-color: #444 !important;
    -webkit-background-fill-color: #efefef !important;
}
#contact_form{min-height:370px; min-width:300px;}
#contact_form input, #contact_form textarea { background:#efefef; padding:8px 10px; border:none; color:#444444; font-size:14px; margin-bottom:0px; margin-top:0px; width:275px; font-family: 'Lato'; border:1px solid #FFF;  }
#contact_form textarea { height: 130px; margin-top:0}
#contact_form input.send { background:#283d7c; width:190px; color:#FFF; cursor:pointer; text-transform:uppercase; background-image: -webkit-gradient(linear, left top, left bottom, from(#283d7c), to(#283d7c)); background-image: linear-gradient(to bottom, #283d7c, #283d7c);  -webkit-transition:0.5s;  transition:0.5s; }
#contact_form input.send:hover { background:#3f981d; }
#contact_form input.send:disabled{background:#bbb; cursor: wait;}
#contact_form { top:150px; }
p.error { font-size:13px; color:red; margin:2px 0; padding:0}
p.thxinfo { text-align:center; padding:20px 0; color:#444}
p.thxinfo img { margin-top:40px; }
    
#form input.error, #form textarea.error, #form input:required, #form input:invalid {
border:1px solid #d20000; background:#fff0f0; -moz-transition:0.5s;  -webkit-transition:0.5s;  transition:0.5s; box-shadow:none;
}
textarea:focus, input:focus{
    outline: none;
    border:1px solid #ffffff;
}
    
    
    
@media only screen and (min-height: 50px) {
    .content { top:100px; }
}

@media only screen and (min-height: 750px) {
    .content { top:140px; }
}

@media only screen and (min-width: 50px) {
    #logo { display:none; }
    #partner { display:none; }
}


@media only screen and (min-width: 992px) {
    #logo {
        display:block;
        position:absolute;
        bottom:50px;
        left:40px;
        z-index:1000;
    }
    #logo img {   
      width:220px;
      height:68px;
    }

    #partner {
        display: block;
        position:absolute;
        bottom:50px;
        right:40px;
        z-index:1000;
        color: #888;
    }

    #partner img {
        margin-top: 12px;
        width:287px;
        height:63px;
    }

}

@media screen and (min-device-width: 50px) and (max-device-width: 991px) { 
body {
    background: url(../img/_bg_mobile.jpg) no-repeat center center fixed;
    background-size: cover;

 }
    #contact_form {
        display:block;
        position:absolute;
        top:750px;
        left:0px;
        }
#contact_form input, #contact_form textarea { font-size:18px !important; margin-bottom:4px; width:100% !important}
#contact_form textarea { height: 200px}
#maximage { display:none !important;}
.content { width:100%; padding-right:40px;}
}

@media screen and (min-device-width: 992px) and (max-device-width: 1024px) { 
    .content p { margin-right:50px; }
}

@media screen and (min-device-width: 50px) and (max-device-width: 1280px) { 
        .content { top:50px; }
        #contact_form { top:50px; }
}
@media only screen and (max-width: 415px) {
    #contact_form { top:680px ; }
}

@media screen and (min-device-width: 416px) and (max-device-width: 738px) { 
    #contact_form { top:520px ; }
}


input.error2:focus,textarea:focus{
    border-color: initial;
}

input.error2, textarea.error2{
    border:1px solid red;
}
input.invalid, textarea.invalid{
    border: 2px solid red;
}

input.valid, textarea.valid{
    border: 2px solid green;
}