@charset "utf-8";

/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

body{ margin:0; padding:0; font-family:Poppins, Geneva, sans-serif;}



#wrapper{ width:1150px; margin:0 auto; height:auto;}



#innerwrapper{min-height:500px; float:left; height:auto; width:92%; border:1px solid #CCC; padding:4% 2%; margin:1%; }



#header{ width:100%; float:left; height:auto;}



#logo{width:25%; float:right;}



#title{width:75%; height:auto; float:left;}



#title h2{ text-transform:uppercase; font-size:2em; color:#ec1c24; float:left; font-family:Poppins, sans-serif;

  font-style: normal; font-weight: 500; margin-top:0; margin-bottom:0; width:100%; text-align:left;}

  

#formouter{ width:100%; float:left; height:auto;}

 

.rowcell{ width:100%; float:left; height:auto; margin-bottom:30px;}



.row-left{ width:30%; float:left; height:auto;}



.row-right{ width:70%; float:left; height:auto;}



.row-right textarea{ width:98%; float:left; height:70px; border:none; border:1px solid #CCC; border-radius:5px; padding:4px 10px; margin-top:12px;}



.row-right input{ width:98%; float:left; height:30px; border:none; border:1px solid #CCC; border-radius:5px!important; padding:4px 10px;}



.row-right input:focus{ border:1px solid #ec1c24;}



.row-full{ width:100%; float:left; height:auto;}



.row-full label{ color:#ec1c24; width:100%;  margin-bottom:12px; font-size:16px; font-weight:600;}



.row-left label{ font-size:14px; font-weight:500;}



.row-full textarea{ width:98%; float:left; height:150px; border:none; border:1px solid #CCC; border-radius:5px; padding:1%; margin-top:12px;}







.secdiv{ width:100%; float:left; margin-top:20px; margin-bottom:20px; border-top: 1px dotted #cccccc; color: #fff;

  background-color: #fff;

  }

  

 .btn{ background-color:#ec1c24; text-transform:uppercase;  color:#FFF; border:none !important; padding:5px; border-radius:5px; cursor:pointer;    font-family: 'Poppins';}

 

 .btn:hover{ background-color: #000;

    -webkit-transition: background-color 500ms linear;

    -moz-transition: background-color 500ms linear;

    -o-transition: background-color 500ms linear;

    -ms-transition: background-color 500ms linear;

    transition: background-color 500ms linear;}

	

.error{ float:left; margin-top:3px; font-size:11px; color:#ec1c24; width:100%;}



.projdiv{float:left !important; width:44% !important;}



.projtxt{width:82% !important; height:37px !important;}



.jobdiv{float:left !important; width:51% !important; padding-left:5% !important;}



.jobtxt{width:70% !important; margin-left:8% !important; height:37px !important; float:right !important;}



#crform input{ outline:none !important; 

   height: 25px;

    padding: 4px 10px;

    border-radius: 5px;}

input#fupload {

    padding: 6px 10px 2px;

}

#crform label {

    font-size: 16px;

}
#crform label.error{
  font-size: 14px;
}

#selopt{    border-radius: 5px;}

.row-left input{ outline:none !important;}



.row-right{outline:none !important;}



.row-full{outline:none !important;}







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



#wrapper{ width:100%; float:left;}



#innerwrapper{ margin:0; width:95%;}



#title{ width:50%; float:left;}	



#logo{ width:50%; float:left; text-align:right !important;}	



.page_left{ margin:0% !important; padding-left:2%; padding-right:2%; width:96% !important; float:left;}

	

}



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







#title{ width:50%; float:left;}	



#title h2{ font-size:1.3em;}

}