*,
*:after,
*:before {
  margin: 0;
  padding: 0;
   -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
       box-sizing: border-box;  
  
 }

/* Targets all elements */

[class*='bit-'] {
  float: left;
  /*padding: 0px;*/
  overflow: hidden;
   
  
}

[class*='bit-3Btn'] {
  float: right;
  padding: 0px;
  overflow: hidden;
   
  
}

/* Floats last ".bit-" to the right */
[class*='bit-']:last-of-type {
  /*padding-right: 0px;*/
  float: right;
  right:0;
  
}



[class*='bit-7IS']:last-of-type {

  float: left;
  
}







.cell{
	padding-left:5px;
}




/* Clearfix */
.frame:after {
  content: "";
  display: table;
  clear: both;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

/* Main Widths */
.bit-Logo{width:33.33%;}
.bit-btn{width:33%;}
.bit-1  {width: 100%;}
.bit-2  {width: 50%; }
.bit-3  {width: 33.33%;position:relative; }
.bit-3Btn{width: 50%;position:relative; }
.bit-3by4 {width:70%;}
.bit-3by4a {width:75%;}
.bit-4  {width: 25%;position:relative;}
.bit-4form {width: 28%;position:relative; padding-bottom:0; padding-right:5px;}
.bit-4btn  {width: 16%;position:relative;}
.bit-5  {width: 20%; position:relative; }
.bit-6  {width: 16.2%;}
.bit-6avail{width: 20%;}
.bit-7  {width: 14.2857142857%;position:relative;}
.bit-7IS {width: 14.2857142857%}
.bit-8  {width: 12.5%;position:relative;}
.bit-9  {width: 11.1111111111%;position:relative;}
.bit-10 {width: 10%;position:relative;}
.bit-11 {width: 9.09090909091%;position:relative;}
.bit-12 {width: 8.33%;position:relative;}
.bit-5attributes{min-height:400px; height:auto;position:relative;}

.bit-4Share  {width: 20%;
}

.bit-3by4Share{width: 80%;

}
.bit-3share{width: 33.33%;}

.bit-40{width: 40%;}

.bit-60{width: 60%;}


	div.sidebar-container.left{
	display:inline;
}

div.sidebar-container.top{
	display:none;
}
 
 .contactDtop{
	 display:inline;
 }
.contactMob{
	 display:none;
 }
 
 .span2{
	 width:50%;
 }
 
   .navMenuTop{
	 display:none;
	
}

.headerNew{
	padding-top:0;
}


.headerNew2{
	padding-top:0;
	width:69%;
	margin:auto;
	
}

.headerNew3{
	padding-top:0;
	width:69%;
	margin:auto;
	
}



.shareMobile{
		display:none;
	}
	
	.imgICalign{
		padding-left:0;
}

.textpadding{
	padding-right:0;
	
	}
	
	/* Form ApplyJobs.aspx */

.bit-3form{width: 30%;}

.bit-3formcol1{width: 30%;
text-align:right;
margin-left:10%

}


.bit-3formcol2{width: 50%;}

.bit-3formcol3{width: 30%;}

.bit-3ErrorMail{
	width: 100%;
	padding-left:40%;
	
}


.bit-3ErrorName{
	width: 100%;
	padding-left:40%;
	
}



.textFormNew{font-family:"Lao UI";	 
font-size:small;	 
color:#000;	 
padding:5px;
font-weight:bold;

	}
	
	
	.textFormNew2{
		font-family:"Lao UI";	 
font-size:small;	 
color:#000;	 
padding:5px;


	}
	
	
		.textFormRed{
/*font-family:"Lao UI";	 
font-size:small;	 
color:#F00;	*/ 
padding:5px;

	}
	
	.formLayout{
		background-color:#fff;
		}
	
	.formBase{
		width:55%;
	}

/* End Form ApplyJobs.aspx */


/* Start Input fields and button */

/*#inputContainer{

    position:relative;
    border:1px solid black;
}

.leftField{
	left:0;
}

.centerField{
	left:50%;
}

.rightField{
	right:0;
}


.inputBox{
    border:1px solid red;
   
   
}*/


.bit-input{
	width:90%;
	
}

.bit-button{
	width:10%
}


.input3Box{
	}
	
	
	.input12Box{
	}
	
	
	#tableForm{
		display:block;
	}
	
	
	#divForm{
		display:none;
	}
	
	
	.Membership-logo{
	min-width:38px;
	max-width:26%;
	border:0;
}



.bit-alljobsText{
	width:55%;
}


.bit-alljobsButton{
	width:45%;
}

.formWidth{
	width:55%;
	margin:auto;
	/*min-width:600px;*/

	
}


	.formWidth:after {
  content: "";
  display: table;
  clear: both;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
		  
}



/*.bit-4formLeft  {width: 33.33%; position:relative; left:0;}

.bit-4formCenter  {width: 33.33%; position:relative;}

.bit-4formRight  {width: 33.33%; position:relative; right:0;}


.formWrapper{
	width:80%;
	margin:auto;
	position:relative;
	background-color:#FFF;
}
*/


/* End Input fields and button */


.bit-3Alert{
	width:35%;
	text-align:right;
	padding-right:2%;

}

.bit-7Alert{
	width:65%;
}
	
	
/* Landscape mobile & down
===============================*/
@media (max-width: 480px) {
	
	.bit-40{width: 100%;}

.bit-60{width: 100%;}
	
	.textpadding{
	padding-right:15px;
	
	}
	
	.imgICalign{
	padding-left:20px;
	

}
	
	.bit-4Share  {width: 100%;
	margin-top:4%;
	}
	
	.bit-3by4Share{width: 100%;
	display:block;
	
	}
	
	.shareMobile{
		width:50%;
		display:inline;
	}
	
	
	
	.headerNew{
	padding-top:0;
}

.headerNew2{
	padding-top:7%;
	width:100%;
	
}

.headerNew3{
	padding-top:7%;
	width:100%;
	
}


	
	.bit-3{
	  	  float: right;
		  clear:both;
  }
  

  
  .span2{
	float:left;
}
	.span2,
  .bit-1,
  .bit-2,
  .bit-3,
 
  .bit-4,
  .bit-4form,
  .bit-4btn,
  .bit-5,
  .bit-6,
  .bit-7,
  .bit-8,
  .bit-9,
  .bit-10,
  .bit-11,
  .bit-12,
  .bit-6avail
  {
    width: 100%;
	
  }
  
  .bit-3Btn{width: 55%;
   
  
  }
  
 .bit-7IS {width: 50%}
  
.bit-5attributes{min-height:inherit; height:auto; border-bottom:#333 1px solid; border-right:none;}

  .frame .bit-4:nth-child(2) {
    float: right;
  }
 
 /* .frame .bit-4form:nth-child(2) {
    float: right;
  } */ 
  

  .frame .bit-4:nth-child(3) {
    clear: both;
    float: left;
  }
  
 /* .frame .bit-4form:nth-child(3) {
    clear: both;
    float: left;
  }*/
  
  


  .frame .bit-4:nth-child(4) {
    float: right;
  }
  
  
  
  	.bit-Logo,
	.bit-3by4 {
	width:100% !important;
}

.header {
	margin-top:40px;
	width:100%;
}
div.sidebar-container.left{
	display:none;
}

div.sidebar-container.top{
	display:inline;
	
}

.contactDtop{
	 display:none;
 }
.contactMob{
	 display:inline;
 }
.navMenuTop{
	 display:inline;
}

/* Form ApplyJobs.aspx */

.bit-3form{width: 100%;}

.bit-3formcol1{width: 100%;
text-align:left;
margin-left:0;

}

.bit-3formcol2{width: 100%;}

.bit-3formcol3{width: 100%;}

.bit-3ErrorMail{width: 100%;
padding-left:2%;

}


.bit-3ErrorName{
	width: 50%;
	padding-left:2%;
	padding-right:6%;
	
}

.formLayout{
	margin:auto;
	width:90%;
	
	}
	
	


/* End Form ApplyJobs.aspx */
.formBase{
		width:90%;
		
	}


	.bit-input{
	width:100%;
	
}

.bit-button{
	width:100%
}
	
	
.input3Box{
		float:left;
	}

.input12Box{
	padding-left:0px;
	}
	
	
	#tableForm{
		display:none;
	}
	
	#divForm{
		display:block;
	}
	
				.bit-alljobsText{
	width:100%;
}


.bit-alljobsButton{
	width:100%;
}


	
	.formWidth{
	width:99%;
	margin:auto;
}


.bit-3Alert{
	width:100%;
	text-align:left;
	padding-right:2%;
}

.bit-7Alert{
	width:100%;
}

}

/* Mobile to Tablet Portrait
===============================*/
@media (min-width: 481px) and (max-width: 901px) {
	
	
	.bit-40{width: 100%;}

.bit-60{width: 100%;}

	
	.shareMobile{
		width:50%;
		display:inline;
	}
	
	
	.bit-4Share  {width: 100%;
	margin-top:4%;

	}
	
	.bit-3by4Share{width: 100%;
	display:block;
	
	}
	
		.headerNew{
	padding-top:0;
}

.headerNew2{
	padding-top:0;
	width:100%;
}

.headerNew3{
	padding-top:0;
	width:100%;
	margin-left:-7%;
}


  
  .bit-3{
	  	  float: right;
		  clear:both;
  }
  
  .bit-3Btn{
	  	  float: right;
		  clear:both;
		    width:70%;
		
		
  }
  
  .bit-4{
	  width:100%;
  }
  
  
   .bit-4form{
	  width:99%;
	 
  }
  
  .bit-4btn{
	  width:100%;
	 
  }
  
  .bit-3by4{
	  width:100%;
  }
  .bit-6,
   .bit-8,
  .bit-10,
  .bit-12 {
    width: 50%;
  }
  
 .bit-6avail{width: 100%;}
 
	.bit-7IS {width: 50%}
	
	.bit-Logo{

	width:45%;
}


.bit-btn{width:100%;
}
.span2{
	float:left;
}

  .span2,
  .bit-1,
  .bit-2,
  .bit-3,
   .bit-3Btn,
  .bit-5,
  .bit-7,
  .bit-9,
  .bit-11 {
    width: 100%;
  }
  .bit-5attributes{min-height: inherit; height:auto; border-bottom:#333 1px solid; border-right:none;}
  
  
  .header {
	margin-top:30px;
}
  div.sidebar-container.left{
	display:none;
}

div.sidebar-container.top{
	display:inline;
}
.contactDtop{
	 display:inline;
 }
.contactMob{
	 display:none;
 }
 
 .navMenuTop{
	 display:inline;
}

/* Form ApplyJobs.aspx */
  
  .bit-3formcol3{width: 100%;
  padding-left:35%;}
  
  .bit-3ErrorMail{width: 100%;
  padding-left:35%;}
  
  .bit-3ErrorName{
	width: 80%;
	padding-left:35%;
	
}
  
  
  .bit-3formcol2{width: 60%;}
  
  /* End Form ApplyJobs.aspx */

 .formBase{
		width:90%;
	
		
		
	}
	
	
	.bit-input{
	width:100%;
	
}

.bit-button{
	width:100%
}
	
	
	/*.input3Box{
		float:left;
	}*/
	
	.input12Box{
	padding-left:7px;
	}
	
	#tableForm{
		display:none;
	}
	
	
	#divForm{
		display:block;
	}
	
			.bit-alljobsText{
	width:100%;
}


.bit-alljobsButton{
	width:100%;
}
	

	.formWidth{
	width:80%;
	margin:auto;
}

.bit-3Alert{
	width:35%;
}

.bit-7Alert{
	width:65%;
}

}

/* Landscape Tablet to Desktop
===============================*/
@media (min-width: 900px) and (max-width: 1300px) {
   
  .bit-2,
  .bit-7 {
    width: 49.8%;

  }
  
  .headerNew2{
	padding-top:0;
	width:100%;
	min-width:900px;
	max-width:1275px;

}

 .headerNew3{
	padding-top:0;
	width:100%;
	min-width:900px;
	max-width:1275px;
	

}



  .formWidth{
	width:80%;
	margin:auto;
}
  
 .span2 
 {
    width: 50%;

  }
  
.bit-Logo
{
	
	width:40%;
}
.bit-btn{width:100%;
}

.bit-3{
	width:32%;
}
.bit-3Btn{
	width:49%;
}
 .bit-4{
	  width:25%;
  }
  
  .bit-4form{
	  width:29%;
  }
  
  
   .bit-4btn{
	  width:100%;
  }
  
  
  
  .bit-5{
	   width:20%;
  }
  .bit-6{
	  width:16%;
	  padding:1px 3px 0px 3px;
  }
  
  .bit-6avail{
	  width: 30%;
	  }
  
  .bit-3by4{
	  width:65%;
  }
  
  .bit-3by4a {width:95%;}
  
  .bit-8,
  .bit-10,
  .bit-12 {
    width: 50%;
  }
  .bit-5attributes{min-height: inherit; height:auto;}
  
  div.sidebar-container.left{
	display:inline;
}

div.sidebar-container.top{
	display:none;
}

.contactDtop{
	 display:inline;
 }
.contactMob{
	 display:none;
 }
 
  .navMenuTop{
	 display:none;
	 background-color:#0F6;
	 
}

.formBase{
		width:70%;
	}
	
#divForm{
		display:none;
	}
	
	#tableForm{
		display:block
	}
	
	
		.bit-alljobsText{
	width:60%;
}


.bit-alljobsButton{
	width:40%;
}


 .bit-3ErrorName{
	width: 80%;
	padding-left:40%;
	
}

.bit-3Alert{
	width:35%;
}

.bit-7Alert{
	width:65%;
}

}