@import url("normalize.css");


/* ----------------------------------STYLE SHEET LAYOUT--------------------------------------------- */
body{width:100%;height:100%;font-size:14px;font-family: 'montserratlight';line-height:normal !important;background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 20%, rgba(65,107,59,1) 100%);}
figure{margin:0 !important;padding:0 !important;}
.table th, .table td{padding:6px;}
a:hover{text-decoration:none;-webkit-transform: all 0.5s linear 0s;
   -moz-transform: all 0.5s linear 0s;
    -ms-transform: all 0.5s linear 0s;
     -o-transform: all 0.5s linear 0s;
        transform: all 0.5s linear 0s;}


/*---------------- Header Css ---------------*/



/*---------------/ Header Css ---------------*/


/* -------------- Content Css -------------- */

#form{width: 100%;height: 100%;padding-top: 100px;padding-bottom: 100px;}
#form .form_section{width: 55%;display: block;margin:0 auto;background-color: #fff;text-align: center;padding:30px 40px 50px 40px;}
#form .form_section .form_content{position: relative;}
#form .form_section .form_content .close_icon{text-align: right;margin-bottom: 10px;}
#form .form_section .form_content .close_icon span{font-size: 20px;background: rgb(65,107,59);
background: -moz-linear-gradient(left, rgba(65,107,59,1) 0%, rgba(193,214,143,1) 100%);
background: -webkit-linear-gradient(left, rgba(65,107,59,1) 0%,rgba(193,214,143,1) 100%);
background: linear-gradient(to right, rgba(65,107,59,1) 0%,rgba(193,214,143,1) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}

#form .form_section .form_content .form_heading{margin-bottom: 35px;}
#form .form_section .form_content .form_heading .title{font-size: 30px;background: rgb(65,107,59);
background: -moz-linear-gradient(left, rgba(65,107,59,1) 0%, rgba(193,214,143,1) 100%);
background: -webkit-linear-gradient(left, rgba(65,107,59,1) 0%,rgba(193,214,143,1) 100%);
background: linear-gradient(to right, rgba(65,107,59,1) 0%,rgba(193,214,143,1) 100%);
-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family: 'montserratextrabold';}

#form .form_section .form_content .form_inner_part{width: 90%;display: block;margin:0 auto;}
#form .form_section .form_content .form_inner_part .form-group{margin-bottom: 25px;position: relative;}
#form .form_section .form_content .form_inner_part .form-group .form-control{border-style: solid;border-color: rgb(65,107,59);border-width: 0 0 2px 0;border-radius: 0;font-size: 18px;color: #000;padding:15px 20px;font-family: 'montserratregular';height: auto}
#form .form_section .form_content .form_inner_part .form-group .form-control::-webkit-input-placeholder{color: #000;}
#form .form_section .form_content .form_inner_part .form-group .form-control::-moz-placeholder{color: #000;}
#form .form_section .form_content .form_inner_part .form-group .form-control:-ms-input-placeholder{color: #000;}
#form .form_section .form_content .form_inner_part .form-group .form-control:-moz-placeholder{color: #000;}

#form .form_section .form_content .form_inner_part .form-group .message_box{height: 150px;resize: none;}

#form .form_section .form_content .form_inner_part .form-group input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
#form .form_section .form_content .form_inner_part .form-group .form-control:focus{box-shadow: none;}
#form .form_section .form_content .form_inner_part .service_box .form-control{-webkit-appearance: none;}

#form .form_section .form_content .form_inner_part .term_chechbox_part{margin: 40px 0 50px;}
#form .form_section .form_content .form_inner_part .term_chechbox_part label .terms_checkbox{width: 20px;height: 20px;display: inline-block;border:2px solid#0f6de7;position: relative;}
#form .form_section .form_content .form_inner_part .term_chechbox_part label .terms_checkbox i{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);font-size: 15px;background: rgb(65,107,59);
background: -moz-linear-gradient(left, rgba(65,107,59,1) 0%, rgba(193,214,143,1) 100%);
background: -webkit-linear-gradient(left, rgba(65,107,59,1) 0%,rgba(193,214,143,1) 100%);
background: linear-gradient(to right, rgba(65,107,59,1) 0%,rgba(193,214,143,1) 100%);
-webkit-background-clip:text;-webkit-text-fill-color:transparent;opacity: 0;}
#form .form_section .form_content .form_inner_part .term_chechbox_part label{cursor: pointer;}
#form .form_section .form_content .form_inner_part .term_chechbox_part label .accept_text{width: calc(100% - 20px);text-align: left;padding-left: 15px;font-size: 14px;font-family: 'montserratlight';}
#form .form_section .form_content .form_inner_part .term_chechbox_part .terms_input:checked + label .terms_checkbox i{opacity: 1;}

#form .form_section .form_content .form_inner_part .submit_btn input{font-size: 20px;color: #fff;background: rgb(65,107,59);
background: -moz-linear-gradient(left, rgba(65,107,59,1) 0%, rgba(193,214,143,1) 100%);
background: -webkit-linear-gradient(left, rgba(65,107,59,1) 0%,rgba(193,214,143,1) 100%);
background: linear-gradient(to right, rgba(65,107,59,1) 0%,rgba(193,214,143,1) 100%);text-transform: uppercase;border: 0;padding:20px 100px;font-family: 'montserratregular';cursor: pointer;}

span.errorMsg {
    position: absolute;
    right: 25px;
    top: 20px;
    font-size: 18px;
}

span.recaptchaMsg{
    display: none;
    position: static;
    text-align: left;
}
.formLoader{
    width: 100%;
    height: 100%;
    background-color: rgb(255,255,255,1);
    position: absolute;
    z-index: 9999;
    border: 2px solid rgb(65,107,59);
    display: none
}

.formLoader span{
    width: 80px;
    height: 80px;
    display: block;
    border: 5px solid #0093d1;
    border-radius: 100%;
    border-top-color:rgb(65,107,59);
    top: 50%;
    left: 50%;
    position: absolute;
    animation: loader 1s linear 0s infinite;
    transform: translate(-50%,-50%);
}

@-webkit-keyframes loader {
    from {transform: translate(-50%,-50%) rotate(0deg)}
    to {transform: translate(-50%,-50%) rotate(360deg)}
}
@-moz-keyframes loader {
    from {transform: translate(-50%,-50%) rotate(0deg)}
    to {transform: translate(-50%,-50%) rotate(360deg)}
}
@-ms-keyframes loader {
    from {transform: translate(-50%,-50%) rotate(0deg)}
    to {transform: translate(-50%,-50%) rotate(360deg)}
}
@-o-keyframes loader {
    from {transform: translate(-50%,-50%) rotate(0deg)}
    to {transform: translate(-50%,-50%) rotate(360deg)}
}
@keyframes loader {
    from {transform: translate(-50%,-50%) rotate(0deg)}
    to {transform: translate(-50%,-50%) rotate(360deg)}
}

/* -------------/ Content Css -------------- */


/* -------------- Footer Css --------------- */



/* ------------ / Footer Css --------------- */