#contact{

    position: relative;

    margin: 0 auto;

    width: 100%;

    overflow:hidden;

    padding-top:100px;

}

.parallax2 {

    background: url('../images/banner111.jpg') repeat fixed;

    background-size: cover;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: -1;

    width:100%;

}

@media only screen and (min-width: 1930px) { .parallax2 { background-size: cover; } }

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

    .parallax2 { background-size: cover; background-attachment: scroll; background-position: top center!important; }

}

@media only screen and (max-width: 959px) {

    .parallax2 { background-size: cover; background-attachment: scroll; background-position: top center!important; }

}



.contact-wrap{

    position: relative;

    margin: 0 auto;

    overflow:hidden;

    padding-top:40px;

    padding-bottom:40px;

    padding-left:40px;

    padding-right:40px;

    background:rgba(0,0,0,.4);

}

.contact-wrap h1{

    padding-bottom:25px;

    text-align:center;

    color:#fff;

}

.contact-wrap p{

    padding-bottom:30px;

    text-align:center;

    color:#fff;

    opacity:.8;

}

.contact-wrap p span{

    font-family: 'Open Sans', sans-serif;

    color:#fff;

    font-size: 20px;

    line-height: 20px;

    text-transform:uppercase;

    padding-right:10px;

    font-weight: 800;

}

.icon-contact1{

    font-family: 'FontAwesome';

    font-size: 20px;

    line-height: 20px;

    text-align:center;

    z-index:6;

    padding-right:10px;

}



.contact-wrap p:last-child{

    padding-bottom:0;

}

#ajax-form {

    width: 100%;

    font-family: 'OpenSans-Light-webfont';

    font-size: 10px;

    line-height:14px;

    color:#fff;

    margin:0 auto;text-transform:uppercase;

}

label {

    display: block;

    font-family: 'OpenSans-Light-webfont';

    font-size: 14px;

    line-height:32px;

}

input{

    width: 96%;

    border:none;

    margin-bottom:10px;

    font: 13px/22px 'Open Sans', sans-serif;

    padding-top: 5px;

    padding-bottom: 5px;

    background: rgba(0,0,0,0);

}

textarea {

    width:96%;

    font: 13px/22px 'Open Sans', sans-serif;

    height:90px;

    margin-top:2px;

    padding-top: 5px;

    padding-bottom: 5px;

    border:none;

    background: rgba(0,0,0,0);

}

.error {

    font: 10px/22px 'Open Sans', sans-serif;

    text-transform:uppercase;

    display: none;

    color:#fff;

}

#ajaxsuccess {

    background: #f5f5f5;

    color:#000;

    font: 20px/60px 'Open Sans', sans-serif;

    height:60px;

    display: none;

    padding-left:10px;

    width: 100%;

    margin-left: auto;

    margin-right: auto;

    margin-top: 30px;

}

#button-con {

    position:relative;

    text-align:center;

    width: 100%;

    margin:0 auto;

    margin-top:10px;

}

#button-con button{

    width:100%;

    height:40px;

    padding-top:0;

    margin:0 auto;

    text-align:center;

    font-family: 'Open Sans', sans-serif;

    font-size: 13px;

    line-height:40px;

    color:#fff;

    background: rgba(0,0,0,.4);

    text-transform:uppercase;

}

#button-con button:hover{

    background: rgba(0,0,0,.6);

}

#button-con button:focus{

    outline: none !important;

}

.text-align-center{

    text-align:center;

    padding-top:10px;

}

#ajax-form textarea:active,

#ajax-form input:active {

    color: #fff;

    border-bottom:1px solid rgba(100,100,100,.3);}

#ajax-form textarea:active,

#ajax-form input:hover {

    color: #fff;

    border-bottom:1px solid rgba(255,255,255,.3);}

#ajax-form textarea:focus,

#ajax-form input:focus {

    outline: none !important;

    border-color: rgba(255,255,255,.6);

    box-shadow: 0 0 10px rgba(0,0,0,.4);}

#ajax-form textarea,

#ajax-form input {

    color: #fff;

    border-bottom:1px solid rgba(255,255,255,.3);}



#ajax-form input[type="text"]{

    padding-left:2%;

    padding-right:2%;

}

#ajax-form input[type="text"], textarea{

    padding-left:2%;

    padding-right:2%;

}
.con{
    width: 100%;
    height: 500px;
    background: goldenrod;
    float: left;
}
.footer{
    width: 100%;
    height: 100px;
    background: black;
    float: left;
}






