/* hexagons */
.hexagons > div {
	text-align: center;
	font-size: 1.5em;
}

.hexagons a {
	color: inherit;
	text-decoration: none;
}


@media (max-width: 767px) {
.hexagons > div {
	padding: 15px 0px;
}

.hexagons > div:nth-child(odd) {
	background-color: rgb(217, 239, 249);
	border-color: rgb(217, 239, 249);
}
.hexagons > div:nth-child(even) {
	background-color: rgb(86, 162, 213);
	border-color: rgb(86, 162, 213);
}

}
@media (min-width: 768px) {
.hexagons > div {
	margin: 30px 0 30px 0;
}

.hexagons > div:nth-child(3n+4) {
	clear: both;
}
	
.col-sm-offset-4 {
	margin-left: 33.33333333%!important;
}
}

.hexagons > div:nth-child(odd) .hexa {
	background-color: rgb(217, 239, 249);
	border-color: rgb(217, 239, 249);
}
.hexagons > div:nth-child(even) .hexa {
	background-color: rgb(86, 162, 213);
	border-color: rgb(86, 162, 213);
}


/* 5 icons */
.infoLink .infoItem {
	float: left;
	display: block;
	padding: 0;
	width: 20%;
}

.infoLink a img {
	padding: 0 0 10px 0;
}

@media(max-width:991px){
	.infoLink .infoItem{
		width:100%;
		display:inline-block;
		vertical-align: middle;
	}
	.infoLink .infoItem a{
		display: flex;
		width:100%;
		align-items: center;
		border-bottom:1px solid gray;
	}
	.infoLink .infoItem:first-child{
		border-top:1px solid gray;
	}
	.infoLink .infoImg{
		width:30%;
		float: left;
	}
	.infoLink .infoLabel{
		padding-left:12px;
		float: left;
		width:70%;

	}
	.infoLink a img {
		width:100%;
		padding: 5px 0;
	}
	.infoLink div{
		margin-bottom: 10px;
	}
}
/* memberArea and nonMenberArea */
.nonMemberArea,
.MemberArea {
	padding-right:0px;
	padding-left:0;
}

.MemberArea .row{
	margin-left:0;
	margin-right:0;
}
.MemberArea .AmendVancancy {
	background-color:  rgb(217, 239, 249);
}
.MemberArea .UpdateProfile{
	background-color: rgb(163, 215, 249);
}
.MemberArea{	
	border:1px solid rgb(151,151,151);
}

.HeaderBar{
	background-color: rgb(133, 203, 250);
	border-bottom: 1px grey solid;
}
.HeaderBar div.title{
	color:black;
	margin-top: 15px;
	padding-top: 5px;
}
.logout{
	margin-top:20px;
	text-align: right;
}
.logout .aindex{
	border-radius: 25px;
	padding:3px 15px;
}

:lang(en-US) .largest .logout,
:lang(en-US) .larger .logout{
	right: 5px;
}
.memberservice a span {
	font-weight: bold;
	display: block;
	color:black;
}
.memberservice{
	text-align: center;
}

@media(min-width:992px){
	.memberservice div{
		padding:76px 0;
	}
	.memberservice{
		display:flex;
		align-items: center;
	}
}
@media(min-width:767px) and (max-width:991px){
	:lang(en-US) .larger .MemberArea .UpdateProfile,
	:lang(en-US) .largest .MemberArea .UpdateProfile{
		padding:14px 0;
	}

}
	@media(max-width:767px){
		.memberservice >div{
			padding:5px;
		}
		
	}
/* Index 3 boxes height */
@media(min-width:992px){
.mLogin, .mReg, .publish{
	height: 318px;
}

.error .mLogin, 
.error .mReg, 
.error .publish div{
	height: 390px;
}

.larger .mLogin, 
.larger .mReg, 
.larger .publish div{
	height: 335px;
}

.larger .error .mLogin, 
.larger .error .mReg, 
.larger .error .publish div{
	height: 470px;
}

.larger .linkUp,
.larger .AmendVancancy,
.larger .UpdateProfile{
	height: 267px;
}

.largest .mLogin, 
.largest .mReg, 
.largest .publish div{
	height: 382px;
}

.largest .error .mLogin, 
.largest .error .mReg, 
.largest .error .publish div{
	height: 570px;
}

.largest .linkUp,
.largest .AmendVancancy,
.largest .UpdateProfile{
	height: 305px;
}
}

.border-bootom-right
{
	border-bottom-right-radius: 80px 80px;
}


@media(min-width:768px)
{
	.border-bootom-right
	{
		border-bottom-right-radius: 0px 0px;
	}
}