.red{background-color: red;}

body{
	background-color: #d3d3d3;
}

label{
	color: #006400;
}

input[type="text"], input[type="button"]{
	border-radius: 5px;
	padding: 1rem;
	height: 3rem;
}
input[type="button"]{
	width: 200px;
	font-weight: bold;
	font-size: 14px;
}

address{
	font-style:	normal;
	font-size: 14px;
}

.cursor-wait {
    cursor: wait !important;
   
   

}
/*.wait-page{
	
	height:100%;
	background:red; position:absolute; top:0px; right:0px; bottom:0px; left:0px;
}
*/
.header{
	max-width: 100rem;	
}

.menu-cont, .menu-cont-offcanvas{
	padding: 1rem 0rem 1rem 0rem;
	/*background: linear-gradient(#323214, #556b2f);*/
	background: linear-gradient(#14452F, #1D2E28);
	/*background: #0A5C36;*/
}

.menu-cont-offcanvas{
	display: none;
}

.menu{
	margin-top: 1rem;
	margin-left: 9rem;
	text-align: right;
}

a:link, a:visited{
	color: #f5deb3
}
a:hover{
	color: #b5a76a;
}

.img-icon{
	float:left;
	margin: 0 -1rem 0 1rem;
}

.gemslake{
	color: #b5a76a;
	font-weight: bold;
	font-size: 16px;
}
.menu-text-right{
	color: #ffffff;
	font-size: 12px;
	padding-top:.5rem;
}

.home-body-cont{
	background-color: #727266;
	padding: 1rem;
	margin-top: 12%;
}

.home-body-cont > img {
	max-width: 30%;
}

.home-body-cont2{
	background-color: #727266;
	text-align: center;
	margin-top: 1%;
	color: #f5deb3;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 15%;
}

.about-body-cont{
	padding: 2rem 0 2rem 0;
	margin-top: 0;
	text-align: center;
}

.about-body-cont > span{
	font-size: 32px;
	color:#b5a76a;
}

.img-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

/*.footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background: linear-gradient(#556b2f, #323214); 
  color: white;
  text-align: centefr;
  height: 30px;
}*/
.footer{
	/*background-color: #53682e;*/
	background-color: #18392B;
	padding: 2rem 1rem;
	height: auto;
	max-width: 100%;
	margin-top: 2rem;
	color: #f5deb3;
	font-size: 14px;
}

.beig-line{
	height: 2px;
	background-color: #b5a76a;
}

.about-text{
	width: 80%;
	column-count: 1;
	color: #006400;
	font-size: 13px;
	text-align: justify;
	float: right;
}

.thumbnail{
	transition: transform .2s;
}

.thumbnail:hover{
	transform: scale(1.05);
}

.spacer{
	height: 10px;
	margin: 1rem 0 1rem 0;
}

.vertical-center {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.connect-with-us{
	margin-top: 20px;
	text-align: center;
}

.social-media-icon{
	max-width: 40px;
	padding: 10px 0 10px 0;
}

.gemslake-limited{
	text-align: center;
	/*background-color: #53682e;*/
	background-color: #0F5132;
	color: #f5deb3;
	max-width: 100%;
	padding: 3rem 0rem 1rem 0rem;
	font-size: 14px;
	text-align: justify;
	margin-bottom: -2.1rem;
}

.applynow{
	text-align: center;
	text-decoration: underline;
	padding: 10px 0; 
	color: #b5a76a;
}

.jobdesc{
	color: #006400;
	font-size: 14px;
	padding: 1rem 5rem 1rem 0;
	text-align: justify;
}

.jobdesc > span {
	font-size: 16px;
	font-weight: bold;
}

.jobdesc > h4 {
	padding-bottom: 1rem;
}

.footer > .columns {
	padding-bottom: 2rem;
}

.menu-bot{
	margin-left: -9rem;
	margin-right: 9rem;
}

.mapouter{
	position:relative;
	text-align:right;
	height:400px;
	width:500px;
}
.gmap_canvas {
	overflow:hidden;
	background:none!important;
	height:400px;
	width:500px;
}

iframe{
	height: 400px;
	width: 500px;
}


@media only screen and (max-width: 55em) {
	.menu{
		margin-left: 0rem;
	}
	.menu-bot{
		display: none;
	}

	.header{
			margin-top: -2rem;
	}

	.menu-cont-offcanvas{
		display: block;
	}

	.img-center {
	  max-width: 100%;
	}

	.home-body-cont > img {
		max-width: 100%;
	}

	.home-body-cont{
		margin-top: 40%;
	}
	.home-body-cont2{
		margin-bottom: 40%;
	}

	.menu-text-right{
		/*text-align: center;*/
		display: block;
		margin-left: 2rem;
	}

	.img-icon > img{
	  display: block;
	  margin-left: auto;
	  margin-right: auto;
	  padding-left: 10px;
	}

	.about-body-cont{
		padding: 2rem 0 2rem 0;

	}

	.about-text{
		width: 100%;
		column-count: 1;
		padding: 2rem;
		
	}

	.mapouter{
		height:400px;
		width:auto;
	}
	.gmap_canvas {
		height:400px;
		width:auto;
	}

	iframe{
		height: 400px;
		width: 500px;
		float:left;
		margin: auto;
		/*padding-left: 1rem;	*/

	}

	.jobdesc{
		margin-left: 3rem;
		width: auto;
	}

	.jobdesc > h4{
		text-align: left;
	}

	#formSub{
		max-width: 700px;
		margin: auto;
	}

	.icon-2x {
    	font-size: 2.5em;
	}

}