* 
{
  /*-webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;*/
}


input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* Firefox 18- */
input:focus::-moz-placeholder { color:transparent; } /* Firefox 19+ */
input:focus:-ms-input-placeholder { color:transparent;
opacity: 0;
 } /* oldIE ;) */


@font-face {
	font-family:"Lao UI";	
	src:url('fonts/LaoUI.ttf'), url('fonts/LaoUIb.ttf') format('truetype'),
	url('fonts/LaoUI.woff'), url('fonts/LaoUIb.woff')  format('woff'),
	 url('fonts/LaoUI.eot'), url('fonts/LaoUIb.eot'),
	 url('fonts/LaoUI.otf'), url('fonts/LaoUIb.otf');	
	 
	
}


body { background: #fff;  word-spacing:2px;}
p {margin-bottom:1.5em;	}
footer {  margin-top:50px;  text-align: center;  padding:40px;}
.frame {  width: 85%;  max-width:1920px;  min-width:320px;  margin: 0px auto;}
.frameBorder {	border-top:#666 solid 1px;	border-left:#666 solid 1px;	border-right:#666 solid 1px;}
.frameBorderSearch {	border-bottom:#4a176d solid 5px;	border-left:#666 solid 1px;	border-right:#666 solid 1px;}
.box {  font: 1em;  color: #000;  padding:15px;}
.boxSml{	padding:5px;}
.img {    width: 100%;    height: auto;	border:none;}
.imgJobs {    max-width:30%;border:none;}
.imgLogo {    max-width: 60%;    height: auto;	border:none; }
.imgLogoJobs {    max-width: 60%;    height: auto;	border:none; }
.img2 {	display: block;    width: 100%;    height: auto;!important border:none;}
#image {	display: inline-block;	width: 100%;	font-size: 0;	line-height: 0;	vertical-align: middle;	background-size: 100%;	background-position: 50% 50%;	background-repeat: no-repeat;	background-image: url(file://///192.168.35.226/sb_eroseNew/sb_erose/Jobs/img/img_2.jpg);}
#image-inner {	display: block;	height: 0;	padding-top: 56.25%;}
.imgTopMargin {	position:relative;	margin:-10px auto;}
.bodyTextHeading3{	position:relative;	font-family:"Lao UI";	font-size: 2.35em;	color:#FFF;	text-align:center;	padding:14% 0 0 1%;	margin:0 auto;}
.bodyTextHeading3New{	position:relative;	font-family:"Lao UI";	font-size: 2.35em;	color:#FFF;	text-align:center;	padding:10% 0 0 1%;	margin:0 auto;}
.bodyTextHeading5{	font-family:"Lao UI";	font-size: 1.5em;		color:#4b186e;	text-align: left;}
.bodyTextHeading5a{	font-family:"Lao UI";	font-size: 1.350em;		color:#4b186e;	text-align: left;}
.bodyTextShareLarge{	font-family:"Lao UI";	font-size: 1em;		color:#4b186e;	text-align: left;	display:block;}
.bodyTextShareMobile{	font-family:"Lao UI";	font-size: 1em;		color:#4b186e;	text-align: left;	display:none;}
.footerTextWhite{	font-family:"Lao UI";	font-size:1.4em;	color:#fff;	text-align:center;	text-wrap:normal	height:28px;	line-height:28px;	padding-top:8px;}
.footerTextPurple{	font-family:"Lao UI";	font-size: .9em;		font-weight: 700;	color:#4b186e;	text-align: left;}
.footerTextBlack{	font-family:"Lao UI";	font-size: 1em;		color:#000;	text-align: left;}
.footerTextBlack li {	text-indent:-1px;	list-style-image:none;	padding:2px 0 2px 0;}
.footerTextBlack a{	font-family:"Lao UI";	font-size: .8em;		color:#000;	text-align: left;	text-decoration:none;}
.footerTextBlack a:hover{	font-family:"Lao UI";	font-size: .8em;	color:#000;	text-align: left;	text-decoration:underline;}
.footerHeading{	font-family:"Lao UI";	font-size: 1.875em;	color:#FFF;	border-right:1px solid #000;	text-align:center;	height:50px; line-height:50px;}
.icnlk{	width:15%;}
.icnfb{	width:15%;}
.textPlaceholder{font-family:"Lao UI"; font-size:15px; color:#4b186e; text-align:left; }

/* ===========================
   ====== Contact Form ======= 
   =========================== */
.formHeader{	 background-color:#4b186e;	 padding:5px;}
 .textFormTitle{	 font-family:"Lao UI";	 font-size:1em;	 color:#FFF;	 text-align:center;}
.textFormBlack{	 font-family:"Lao UI";	 font-size:1em;	 color:#000;	 text-align:center;	  padding:15px;}
.textForm{font-family:"Lao UI";	 font-size:small;	 color:#000;	 text-align:left;	 padding:5px;	}
textarea {	width: 300px;	height: 70px;	max-width: 400px;	line-height: 18px;	border:1px solid #4b186e;}
.formFooter{	font-size:12px;	color:#F00;	font-family:"Lao UI";}
.closeBtn{	text-align:center;	height:auto;	width:70px;	cursor:pointer;	}
.imgJobs2 {	display:none;	}
.spacing{	display:block;}
.shareBut{	text-align:right;}
.shareBut2{	float:right;}
.paddingSrhTble{	padding:25px 0 5px 0;}
	
@media (max-width: 480px) {
	
.paddingSrhTble{	padding:0 0 5px 0;}
.bodyTextHeading5a{	font-family:"Lao UI";	font-size: 1.350em;	color:#4b186e;	text-align:center;}
.spacing{	display:none}
.bodyTextShareLarge{	font-family:"Lao UI";	font-size: 1em;		color:#4b186e;	text-align: left;	display:None;}
.bodyTextShareMobile{	font-family:"Lao UI";	font-size: 1em;		color:#4b186e;	text-align: left;	display:block;}
.shareBut{	text-align:center;}
.shareBut2{	text-align:center;	float:none;}
.bodyTextHeading5{	font-family:"Lao UI";	font-size: 1.2em;		color:#4b186e;	text-align: left;	}
.bodyTextHeading2{	font-family:"Lao UI";	font-size: 1.2em;		color:#4b186e;	text-align:center;	padding-left:0;	margin-top:2%;}
 .frame {  width: 98%;  min-width:300px;  margin: 0px auto;}
.imgJobs2 {		max-width:70%;	border:none;	display:inline;	padding-top:15px;}
.imgJobs {	display:none;}
footer {    margin-top:0;  }
.imgTopMargin {	position:relative;	margin:auto;}
.imgLogo { max-width: 50%;	height:auto;   }
.imgLogoJobs { max-width: 80%;	height:auto;   }
.borderRt{border:none;}
.bodyTextHeading3New{	position:relative;	font-family:"Lao UI";	font-size: 1.2em;	color:#FFF;	text-align:center;	padding:0 0 0 1%;	margin:0 auto;
}
.icnlk{	width:10%;	max-width:20px;}
.icnfb{	width:10%;	max-width:20px;}
.footerTextWhite{	font-family:"Lao UI";	font-size:1.1em;	color:#fff;	text-align:center;	text-wrap:normal;	line-height:normal;	padding-top:0;}
.footerHeading{	font-family:"Lao UI";	font-size: 1.5em;		color:#FFF;	border-right:0px solid #000;	text-align:center;	height:35px;	line-height:30px;}
}

/* Mobile to Tablet Portrait
===============================*/
@media (min-width: 480px) and (max-width: 900px) {
	
.paddingSrhTble{	padding:5px 0 5px 0;}
.imgJobs { max-width:50%;  	border:none;}
.shareBut{	text-align:center;}
.shareBut2{	text-align:center;	float:none;}
.imgJobs2 {	    max-width:50%;   	border:none;	display:none;}
.img {    width: 100%;    height: auto;	border:none}
.imgRight{	float:none;	margin:0;	padding:0;}
.imgLogo {    max-width: 50%;	height:auto;}
.imgLogoJobs {    max-width: 50%;	height:auto;}
.bodyTextHeading3{	position:relative;	font-family:"Lao UI";	font-size: 2em;	color:#FFF;	text-align:center;	padding:0 0 0 0;	margin:0 auto;}
.bodyTextHeading3New{	position:relative;	font-family:"Lao UI";	font-size: 2em;	color:#FFF;	text-align:center;	padding:0 0 0 1%;	margin:0 auto;}
.icnlk{	width:7%;	min-width:25px;}
.icnfb{	width:7%;	min-width:25px;}
.footerTextWhite{	font-family:"Lao UI";	font-size:1.2em;	color:#fff;	text-align: center;	text-wrap:normal;	line-height:normal;	padding-top:0;}
.footerHeading{	font-family:"Lao UI";	font-size: 1.6em;	color:#FFF;	border-right:1px solid #000;	text-align:center;	height:35px;	line-height:35px;}

}
/* Landscape Tablet to Desktop
===============================*/
@media (min-width: 900px) and (max-width: 1360px) {
.imgJobs {    max-width:30%;   	border:none;	text-align:center;}
.imgJobs2 {	    max-width:50%;   	border:none;	display:none;}
.bodyTextHeading3{	position:relative;	font-family:"Lao UI";	font-size: 2em;	color:#FFF;	text-align:center;	margin:0 auto;	padding:14% 0 0 1%;}
.bodyTextHeading3New{	position:relative;	font-family:"Lao UI";	font-size: 1.95em;	color:#FFF;	text-align:center;	padding:9% 0 0 1%;	margin:0 auto;}
.imgLogo {    max-width: 60%;    height: auto;}
.imgLogoJobs {    max-width: 60%;    height: auto;}
.icnlk{	width:7%;	min-width:25px;}
.icnfb{	width:7%;	min-width:25px;} 
}

@media (min-width: 1360px)  {
	
.bodyTextHeading3{	position:relative;	font-family:"Lao UI";	font-size: 2.35em;	color:#FFF;	text-align:center;	padding:15% 0 0 1%;	margin:0 auto;}
.bodyTextHeading3New{	position:relative;	font-family:"Lao UI";	font-size: 2.35em;	color:#FFF;	text-align:center;	padding:9.8% 0 0 1%;
	margin:0 auto;}
		
}