


 #contactForm{
    margin: 0;
     padding-top: 40px;
}

 #contactForm .input{
     margin-bottom: 20px;
     min-height: 60px;
 }



#contactForm label,
#contactForm input,
#contactForm select,
#contactForm textarea
{
    display: block;
    width: 100%;
    color: #303030;

}

#contactForm textarea{
    padding-top: 10px;
}

#contactForm input{
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 10px;

}


#contactForm label{
    margin-bottom: 5px;
}

#contactForm input:focus,
#contactForm textarea:focus,
#contactForm select:focus

{
    outline: none!important;
    border: 1px solid #e4051b;
}






#contactForm input,
#contactForm select,
#contactForm textarea{
    display: inline-block;
    box-sizing: border-box;
    /*margin: 0 20px;*/
    background-color: transparent;
    height: 40px;
    outline: none;
    border: 1px solid #d3d3d3;
    border-bottom: 1px solid transparent;
    /*margin: 0;*/
    font-size: 12px;
    -moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2)!important;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2)!important;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2)!important;
    color: #303030;
}

#contactForm textarea{
    height: 95px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 10px;

}




#contactForm #security_code{
    display: inline-block;
    width: 48.5%;

}

#contactForm .security{
   text-align: left;

}

img.sec-code{
    display: inline-block;
    height: 20px;
    margin-left: 30px;
}

#contactForm .send{
    clear: both;
    padding-top: 5px;
}

#contactForm #submit {
    display: block;
    width: 33%;
    float: none;
    margin: 0 auto;

}

#contactForm input#send{
    height: 40px;
    margin-top: 20px;
    /*text-transform: uppercase;*/
    background-color: #e4051b;
    border: 1px solid #e4051b;
    color: #fff;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}

#contactForm input#send:hover{
    background-color: rgba(4,2,4,.8);
    border: 1px solid rgba(4,2,4,.8);
    color: #fff;
}


 textarea::-webkit-input-placeholder {

     color: #7f7f7f;
 }
 textarea:-moz-placeholder {
     color:    #7f7f7f;
 }
 textarea::-moz-placeholder {
     color:    #7f7f7f;
 }


 input::-webkit-input-placeholder {
     color: #7f7f7f;
 }
 input:-moz-placeholder {
     color:    #7f7f7f;
 }
 input::-moz-placeholder {
     color:    #7f7f7f;
 }



#ajax_loader {

    display: none;

}

.success {

    border: 1px solid #00CC00;

    color: #4F8A10;

    background: #F2FFF2;

    display: none;

    margin-top: 3px;

    font-size: 11px;

    padding: 5px;

    text-align: center;

    margin-bottom: 5px;

    /** BORDER RADIUS HACKS **/

}

.error {

    display: none;

    margin-top: 3px;

    font-size: 11px;

    border: 1px solid #FF4F4F;

    color: #D6000E;

    background: #FFF2F2;

    padding: 5px;

    text-align: center;

    margin-bottom: 5px;

    /** BORDER RADIUS HACKS **/

}

.warning {

    display: none;

    position: absolute;

    width:100%;

    margin-top: 5px;

    font-size: 11px;

    color: #e4051b;

    background: transparent;

    border-left: 1px solid #e4051b;

    padding: 5px;

    text-align: left;

    padding-left: 13px;

    /** BORDER RADIUS HACKS **/

}

#contact_form .noicon {

    padding: 0px 7px 0 7px;

    text-align: center;

}


 #contactForm .inputInline{
     /*width: 30%;*/
     /*margin: 15px;*/
     /*display: inline-block;*/
 }

 #contactForm{
     padding: 15px 30px 50px;


 }



 /*-----------------------------------------------------

 (max-width: 1200px)

 -----------------------------------------------------*/

@media (max-width: 1199px) {

    #contactForm span {
        width: 47.5%;
    }
}



/*-----------------------------------------------------

(max-width: 990px)

-----------------------------------------------------*/

@media (max-width: 990px) {



    #contactForm span {
        width: 100%;
        margin: 5px 0;
        float: none;

    }


    img.sec-code {

        margin-left: 20%;
    }

    #contactForm #security_code {
        width: 49.5%;
    }

    #contactForm #submit {
        width: 100%;

    }

    #contactForm .input{
        display: block;
    }

    #contactForm .send {
        margin: 5px 0;
    }




}


/*-----------------------------------------------------

(max-width: 480px)

-----------------------------------------------------*/


@media (max-width: 480px) {

    #contactForm {
        padding-left: 10px;
        padding-right: 10px;

    }


}



