/*site.css*/
html {
	background-color: white;
}

header, footer {
	background-color: maroon;
	color: #efe2ba;
	font-family: lato, tahoma, verdana, arial, sans-serif;
	font-size: 14px;
	margin: 0;
}

	#navbar {
		z-index: 998;
		width: 100%;
		margin-top: 0;
	}

	#navbar span {
		font-size: 50%;
		font-family: lato;
		letter-spacing: 10px;
		padding-left: 13%;
		float: right;
		margin-top: 12px;
		width: 65%;
	}
	
	#navbar a { 
		float: left;   
		display: inline-block;
		padding: 8px; 
	}

	#navbar li a {
		font-weight: bold;
		text-decoration: none;		
		color: maroon;		
	}

	.button {	
		float: right;
		display: inline-block;
		color: maroon;
	}

		#active a {
			display: block;
			color: #05386b;
			font-weight: bold;
			text-decoration: none;
			padding: 8px;
			border-bottom: groove 4px #05386b;			
		}

		#active1 a {
			display: block;
			color: #05386b;
			font-weight: bold;
			text-decoration: none;
			padding: 8px;
			border-bottom: groove 4px #05386b;
			
		}

	#navbar .banner {		
		width: 100%;
		font-family: inherit;
		font-size: 40px;
		color: #efe2ba;
		/*text-shadow: 1px 1px 0 #05386b, 
			-1px 1px 0 #05386b, 1px -1px 0 #05386b, 
			-1px -1px 0 #05386b;*/
		letter-spacing: 12px;
		background-color: maroon;
		display: block;
		padding: 0px;
		text-indent: 15px;
		/*border: solid 3px #05386b;
		border-radius: 3px;*/
		text-decoration: none;
	}

footer {
	position: relative;		
	width: 100%;	
	bottom: 0;
	list-style-type: none;
	margin-right: 0;
	padding: 0;
	overflow:  hidden;
	background-color: maroon;			
	/*border: 3px solid #05386b;*/
}

	#footer {
		bottom: 0;
	}
	#footer a {
		color: #efe2ba;
		padding: 4px;
	}
	
body {
	font-family: lato, tahoma, verdana, arial, sans-serif;
	font-size: 11px;	
	margin: auto;
	margin-bottom: 0px;
	margin-top: 80px;	
	padding-top: 45px;
	width: 100%;
	margin-right: 0;
	margin-left: 0;
}
	.containerbody {
		background-image: url(../img/happyworkplace.jpg);	
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center 20%;
		width: 100%;
		padding-bottom: 120px;
		padding-top: 10px;
		/*box-shadow: 0px 0px 30px #05386b;
		animation-name: fadeina;
		animation-duration: 5s;
		animation-delay: 0s;
		animation-iteration-count: 1;
		animation-fill-mode: forwards;*/
	}

		.headline {
			font-family: freestyle script;
			opacity: .80/*0*/;
			color: #05386b;
			font-weight: bold;		
			font-size: 65px;
			text-shadow: 1px 1px 0 #efe2ba, 
			-1px 1px 0 #efe2ba, 1px -1px 0 #efe2ba, 
			-1px -1px 0 #efe2ba;
			text-align: center;
			letter-spacing: 5px;
			padding-top: 20px;
			/*animation-name: fadein;
			animation-duration: 7s;
			animation-delay: 0s;
			animation-iteration-count: 1;
			animation-fill-mode: forwards;*/
		}
			
			.headline span {
				font-size: 35px;
				font-weight: normal;
			}

			/*@keyframes fadein {
				30% {opacity: 0;}
				to {opacity: 1;}
				30% {letter-spacing: -10px;}
				to {letter-spacing: 5px;}
				70% {color: #05386b;}
				to {color: #efe2ba;}
				from {font-size: 24px;}
				to {font-size: 55px;}
			}*/

		#jobsearch {
			width: 40%;			
			height: auto;
			display: inline-block;
			background-color: maroon;
			border-radius: 8px;
			/*border: solid 3px #05386b;*/
			font-weight: bold;
			margin-left: 29%;
			margin-right: 29%;
			padding: .3%;
			/*box-shadow: 0px 0px 20px maroon;*/
			/*animation-name: fadeina;
			animation-duration: 5s;
			animation-delay: 0s;
			animation-iteration-count: 1;
			animation-fill-mode: forwards;*/
		}

			/*@keyframes fadeina {
				from {opacity: 0;}
				to {opacity: 1;}
				from {display: none;}
				to {display: initial;}
				from {margin-top: -330px;}
				to {margin-top: initial;}
				from {filter: blur(10px);}
				to {filter: blur(0px);}
			}*/

			#jobsearch input {
				color: maroon;
				font-weight: bold;
				font-size: 20px;
				font-family: inherit;
				width: 39%;
				height: auto;
				padding: 1%;
				margin-right: 1%;
				border-radius: 8px;
			}
				.button1 {	
					float: right;
					width: 14%;
					display: inline-block;
					color: maroon;
					background-color: #efe2ba;
					border-radius: 12px;
					/*border: solid 3px #05386b;*/
					font-weight: normal;
					font-size: 20px;
					margin: auto;
					padding: 1%;
				}
	.containerlefthome {
		display: inline-block;
		float: left;	
		width: 40%;
		margin: 6%;
		margin-right: 2.5%;
		margin-bottom: 5%;
		padding-top: 0%;
		text-align: center;
	}

		.containerlefthome a {
			text-decoration: none;
			font-size: 20px;
			font-weight: bold;
			color: #05386b;
			/*text-shadow: 1px 1px 0 #05386b, 
			-1px 1px 0 #05386b, 1px -1px 0 #05386b, 
			-1px -1px 0 #05386b;*/

		}

		.containerlefthome img {
			width: 75%;
			padding: 1.1%;
			margin-top: 2%;
			box-shadow: 0px 0px 20px #05386b;
			height: 300px;
		}

		.containerlefthome p {
			width: 75%;
			margin: auto;
			color: #05386b;
			font-size: 14px;
		}

	.containerrighthome {
		display: inline-block;
		float: right;	
		width: 40%;
		margin: 6%;
		margin-left: 2.5%;
		margin-bottom: 5%;
		padding-top: 0%;
		text-align: center;
	} 

		.containerrighthome a {
			text-decoration: none;
			font-size: 20px;
			font-weight: bold;
			color: #05386b;
			/*text-shadow: 1px 1px 0 #05386b, 
			-1px 1px 0 #05386b, 1px -1px 0 #05386b, 
			-1px -1px 0 #05386b;*/

		}

		.containerrighthome img {
			width: 75%;
			padding: 1.1%;
			margin-top: 2%;
			box-shadow: 0px 0px 20px #05386b;
			height: 300px;
		}

		.containerrighthome p {
			width: 75%;
			margin: auto;
			color: #05386b;
			font-size: 14px;
		}

ul {
	position: fixed;
	width: 100%;	
	top: 0;	
	right: 0;
	list-style-type: none;
	margin-left: 0;
	overflow:  hidden;
	background-color: white;
	border-radius: 0px;	
}

#settings {
	width: 40%;
	margin: auto;
	margin-top: 1%;
	margin-bottom: 2%;
	text-align: center;
	font-size: 27px;
	letter-spacing: 8px;
	color: goldenrod;
	background: linear-gradient(to bottom, #05386b 0%, maroon 40%);
	box-shadow: 0px 0px 30px #05386b;
	/*border: 4px solid #05386b;*/
	border-radius: 4px;
	font-weight: bolder;
	padding-top: 50px;
	padding-bottom: 50px;	
}

	#settings .button1 {
		width: 80%;
		float: none;
		margin-top: 10px;
	}
		
/*login*/
#loginpage {	
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;	
}

#login {
	width: 40%;
	height: 40%;
	margin: auto;
	margin-top: 263px;
	margin-bottom: 198px;
	text-align: center;
	font-size: 27px;
	letter-spacing: 8px;
	color: goldenrod;
	background: linear-gradient(to bottom, #05386b 0%, maroon 40%);
	box-shadow: 0px 0px 30px #05386b;
	/*border: 4px solid #05386b;*/
	border-radius: 4px;
	font-weight: bolder;
	padding: 0px;	
	}

	#login input {
		width: 80%;
		margin: 10px;
		margin-top: auto;
		padding: 10px;
		border-radius: 4px;
		/*box-shadow: 0px 0px 30px #05386b;*/
		}

		.login {
			display: inline-block;
			font-size: 11px;
			width: 100%;
			}

		.checkbox {
			width: 45%;
			display: inline-block;
			}

		#login .button {
			float: none;
			width: 40%;
			display: inline-block;
			background-color: #efe2ba;
			border-radius: 12px;
			border: solid 3px #05386b;
			font-weight: normal;
			font-size: 20px;
			bottom: 0;
			margin-bottom: 1%;
			margin-top: 1%;
			padding: 1%;
			}

		#login a {
			text-decoration: none;
			color: maroon;
		}

/*Investors*/

#investorpage .containercenter {
			width: 100%;
			margin-bottom: 5%;
		}

		#investorpage .containercenter a {
			color: #05386b;
		}

#fundraise {
	width: 100%;
	color: #efe2ba;
	background: linear-gradient(to bottom, #05386b 0%, maroon 40%);
	font-size: 20px;
	text-align: center;
	padding: 8px 0px 8px 0px;
	margin-top: -20px;
	margin-left: 0;
}

	#fundraise a {
		color: #efe2ba;
	}

/*Contact Us*/
#nameemail {
	width: 40%;
	text-align: center;
	font-size: 27px;
	right: 5px;
	color: #eacf28;
	background: linear-gradient(to bottom, #05386b 0%, maroon 40%);
	border-radius: 4px;
	box-shadow: 0px 0px 30px #05386b;
	font-weight: bolder;
	padding: 10px;
	margin: auto;
	margin-bottom: 6%;
	margin-top: 1.25%;
	}

	#nameemail input {
		width: 80%;
		margin-top: 5px;
		padding: 10px;
		border-radius: 4px;
		background-color: #efe2ba;
		}

	#nameemail textarea {
		width: 83%;
		height: 200px;
		margin: 1%;
		background-color: #efe2ba;
	}

	.button2 {
		color: maroon;
		float: none;
		width: 40%;
		display: inline-block;
		background-color: #efe2ba;
		border-radius: 12px;
		/*border: solid 3px #05386b;*/
		font-weight: normal;
		font-size: 20px;
		bottom: 0;
		margin-bottom: 1%;
		margin-top: 1%;
		padding: 1%;
	}

	.radio {
		display: inline-block;
		font-size: 15px;
		padding: 5px;
		width: 40%;
		letter-spacing: normal;
		}

		#join .radio label input {
			width: 5%;
			margin: 3%;
			}

		#join p {
			font-size: 13px;
			letter-spacing: normal;
			color: goldenrod;
			}

		#join textarea {
			width: 80%;
			height: 200px;
			margin: 1%;
			background-color: #efe2ba;
		}

/*Join/Login*/
.containercenter {
	display: inline-block;
	width: 40%;
	margin: auto;
	}

	#join {
	width: 96%;
	text-align: center;
	font-size: 27px;
	letter-spacing: 8px;
	color: goldenrod;
	background: linear-gradient(to bottom, #05386b 0%, maroon 40%);
	box-shadow: 0px 0px 30px #05386b;
	border-radius: 4px;
	font-weight: bolder;
	padding: 10px;
	margin-bottom: 10%;
	}

	#join input {
		width: 80%;
		margin-top: 5px;
		padding: 3px;
		border-radius: 4px;
		background-color: #efe2ba;
		}

	#join select  {
		letter-spacing: normal;
		width: 38%;		
		background-color: #efe2ba;
		}

	.radio select, option {
		width: 40%;
		letter-spacing: normal;
		}

	#join .button1 {
		width: 80%;
		float: none;
		}

.containerleft {
	display: inline-block;
	float: left;	
	width: 30%;
	}

	#benefits {
		position: relative;
		width: 75%;
		color: #efe2ba;
		background-color: maroon;
		border: 1px solid #05386b;
		box-shadow: 0px 0px 15px #05386b;
		border-bottom-right-radius: 4px;
		border-bottom-left-radius: 4px;
		padding: 5px;
		margin: auto;
		}

		#benefits th, td {
			padding: 2px;
		}

		.linkgold {
			color: goldenrod;
		}

		#benefits caption {
			color: #efe2ba;
			background-color: #05386b;
			font-weight: bolder;
			border: solid 1px #05386b;
			border-top-right-radius: 4px;
			border-top-left-radius: 4px;
		}

		#benefits td {
			text-align: center;
		}

		#benefits td:first-child {
			font-weight: bold;
		}

		#benefits td:nth-child(2), td:nth-child(3), td:nth-child(4) {
			background-color: #efe2ba;
			color: maroon;
		}

		#benefits th {
			color: goldenrod;
		}

.containerright {
	display: inline-block;
	float: right;	
	width: 30%;
	}

	#pricing {
		position: relative;
		width: 75%;
		color: #efe2ba;
		background-color: maroon;
		border: 1px solid #05386b;
		box-shadow: 0px 0px 15px #05386b;
		border-bottom-right-radius: 4px;
		border-bottom-left-radius: 4px;
		padding: 5px;
		margin: auto;
		}

		#pricing th, td {
			padding: 2px;
		}

		#pricing caption {
			color: #efe2ba;
			background-color: #05386b;
			font-weight: bolder;
			border: solid 1px #05386b;
			border-top-right-radius: 4px;
			border-top-left-radius: 4px;
		}

		#pricing td {
			text-align: center;
		}

		#pricing td:first-child {
			font-weight: bold;
		}

		#pricing td:nth-child(2), td:nth-child(3), td:nth-child(4) {
			background-color: #efe2ba;
			color: maroon;
		}

		#pricing th {
			color: goldenrod;
		}

	#employerpricing {
		position: relative;
		width: 75%;
		color: #efe2ba;
		background-color: maroon;
		border: 1px solid #05386b;
		box-shadow: 0px 0px 15px #05386b;
		border-bottom-right-radius: 4px;
		border-bottom-left-radius: 4px;
		padding: 5px;
		margin: auto;
		}

		#employerpricing th, td {
			padding: 2px;
		}

		#employerpricing caption {
			color: #efe2ba;
			background-color: #05386b;
			font-weight: bolder;
			border: solid 1px #05386b;
			border-top-right-radius: 4px;
			border-top-left-radius: 4px;
		}

		#employerpricing td {
			text-align: center;
		}

		#employerpricing td:first-child {
			font-weight: bold;
		}

		#employerpricing td:nth-child(2), td:nth-child(3), td:nth-child(4) {
			background-color: #efe2ba;
			color: maroon;
		}

		#employerpricing th {
			color: goldenrod;
		}


.containertop {
	color: #05386b;
	text-shadow: .51px .51px 0 #efe2ba, 
			-.51px .51px 0 #efe2ba, .51px -.51px 0 #efe2ba, 
			-.51px -.51px 0 #efe2ba;
	font-size: 25px;
	text-align: center;	
}

#recruitnavbar {
		z-index: 998;
		margin-top: 5.6%;
		border-top: groove 4px #05386b;
	}
	#recruitnavbar span {
		font-size: 50%;
		font-family: lato;
		letter-spacing: 10px;
		padding-left: 13%;
	}
	
	#recruitnavbar a { 
		float: left;   
		display: inline-block;
		padding: 8px; 
	}

	#recruitnavbar li a {
		font-weight: bold;
		text-decoration: none;		
		color: maroon;		
	}

	#postjobpage body {
		margin-top: 117.6px;
	}

#recruiterpage .headline {
	margin: auto;
	text-align: center;
	display: inherit;
}

.badges li {
	text-align: center;
	list-style-type: disc;
}

.badges a {
	display: inline-block;
	margin: 7%;
	margin-top: 0;
	padding-top: 0px;
	width: 200px;
	font-family: freestyle script;
	font-size: 40px;
}

.badges img {
	width: 130px;
	height: 130px;
	margin-top: 8px;
}

.badges span {
	font-family: times new roman;
	font-size: 18px;
	color: #05386b;
	text-shadow: none;
}

#applicantnavbar {
		z-index: 999;
		margin-top: 5.6%;
		border-top: groove 4px #05386b;
	}
	#applicantnavbar span {
		font-size: 50%;
		font-family: lato;
		letter-spacing: 10px;
		padding-left: 13%;
	}
	
	#applicantnavbar a { 
		float: left;   
		display: inline-block;
		padding: 8px; 
	}

	#applicantnavbar li a {
		font-weight: bold;
		text-decoration: none;		
		color: maroon;		
	}

	#applicantnavbar .button {
		z-index: 999;
		margin-right: 14%;		
	}

h3 {
	text-align: center;
	color: #05386b;
	font-size: 25px;
}

#aboutpage .containercenter {
	display: block;
}

	#aboutpage .jobs {
		width: 40%;
		margin: auto;
		margin-bottom: 5%;
	}
	#aboutpage .jobs img {
		width: 70px;
		height: 70px;
	}

.containercenter p {
	font-size: 20px;
	line-height: 30px;
	font-family: times new roman, serif;
	font-weight: normal;
	color: #05386b;
	text-align: justify;
}

#listing {
	width: 80%;
	text-align: center;
	margin-bottom: 5%;
	margin: auto;
}

	#listing img {
		height: 130px;
		width: 130px;
	}

	h1 {
		font-size: 40px;
		text-align: center;
		color: #05386b;
	}
	.jobs {
		margin-bottom: 5%;
		box-shadow: 0px 0px 30px #05386b
	}
	.jobs li {
		display: inline-block;
		height: 350px;
		width: 24%;
		margin: 10px;
		padding: 15px;
		text-align: center;
		border: solid 3px #05386b;
	}
	.jobs a {
		font-size: 16px;			
		text-decoration: none;
		color: #05386b;
	}

	#aboutpage .jobs li {
		display: inline-flex;
	}

#settings .radio {
	display: inline-block;
	width: 75%;
	margin: auto;
	text-align: left;
}

	#settings label {
		float: right;
		text-align: justify;
	}

	#settings input {
		width: 80%;
		margin-top: 5px;
		padding: 3px;
		border-radius: 4px;
		background-color: #efe2ba;
	}

#paypage .containercenter {
	margin-left: 30%;
	margin-top: 5%;
}

#paypage #recruitnavbar {
	margin-top: 5.4%;
}

.sidebar {
	position: fixed;
	background-color: white;
	z-index: 999;
	margin-top: -2.65%;
	right: 0;
	width: 13%;
	padding: 5px;
	border-left: groove 4px #05386b;
	border-bottom: groove 4px #05386b;
	border-bottom-left-radius: 6px;
}

#uploadresume {
	z-index: 999;
	margin-top: -7px;
}
#uploadresume input {
	width: 100%;
	z-index: 999;
	padding: 5px;
}

#uploadresume li {
	z-index: 999;
	width: 100%;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

#uploadresume .button {
	float: none;
	z-index: 999;
	width: 100%;
}

ol {
	width: 100%;
	padding-left: 0px;
}

table tr, td, th {
	border: solid 1px #efe2ba;
}

#postjobpage .containercenter {
	margin-top: 5%;
	display: block;	
}

#researchpage {	
	background-image: url(../img/happyworkplace.jpg);
	background-size: 100% 100%;
	height: 570px;	
}

#researchpage .headline {
	height: 442px;
}






	@media screen and (max-width: 600px) {
		header ul {
			position: relative;
			right: 40px;
			top: 0;
		}
		#navbar {
			width: 100%;
			float: none;
			margin: 0;
			margin-top: -125px;
		}
		#navbar li {
			float: none;
			width: 100%;
		}
		#navbar li a {
			float: none;
			width: 100%;
		}

		#navbar span {
			display: none;
		}
		.containerbody {
			background-image: none;
			background: maroon;
			padding-bottom: 10px;
		}
		.containerlefthome {
			width: 100%;
			float: none;
			display: inline;
			margin-left: 0;
			margin-right: 0;
			margin: 0;
		}
		.containerlefthome a {
			font-size: 14px;
		}
		.containerlefthome img {
			width: 100%;
			padding: 0;
		}
		.containerrighthome {
			width: 100%;
			float: none;
			display: inline;
			margin-left: 0;
			margin-right: 0;
			margin: 0;
		}
		.containerrighthome a {
			font-size: 14px;
		}
		.containerrighthome img {
			width: 100%;
			padding: 0;
		}
		.headline {
			display: none;
		}
		#jobsearch {
			width: 100%;
			float: none;
			margin: 0;
			padding: 0;
			padding-top: 2px;
			padding-bottom: 2px;
			background-color: maroon;
		}
		#jobsearch input {
			width: 36%;
			font-size: 12px;
			float: none;
			margin-left: 2px;
		}
		.button1 {
			font-size: 12px;
			width: 15%;
			float: none;
		}
		#loginpage {
			margin-top: 124px;
		}
		#login {
			width: auto;
			margin-top: 0;
		}
		#login .button {
			width: 40%;
			font-size: 12px;
			text-decoration: none;
		}
		#investorpage h1 {
			margin-top: 5px;
			margin-bottom: 5px;
			text-align: center;
		}

		#fundraise {
			margin: 0px;
			font-size: 14px;
		}
		iframe {
			width: 100%;
			height: auto;
		}
		#nameemail {
			width: auto;
		}
		#aboutpage .containercenter {
			width: 100%;
		}
		#aboutpage .containercenter h3 p {
			text-align: justify;			
			padding: 6px;
		}
		#settings {
			width: 100%;
		}
		#settings .radio {
			font-size: 14px;
		}
		.containercenter, .containerleft, .containerright, #benefits {
			width: 100%;
			display: block;			;
		}
		#join .radio {
			display: inline;
		}
		.jobs li {
			width: 98.7%;
			margin: 0;
			padding: 0;
			display: block;
		}
		#paypage .containercenter {
			width: 98.4%;
			float: none;
			margin: 0;
			margin-top: 10%;
		}
		#paypage {
			width: 100%;
		}
		#paypage select, label {
			width: 100%;
		}
		.containertop span {
			width: 100%;
			margin: auto;
			text-align: justify;
		}
		.containertop a {
			width: 100%;
			text-align: center;
			margin: auto;
		}
		.containertop .headline {
			text-align: center;
		}
		.containercenter p {
			padding: 5px;
		}
		#join {
			width: 96%;
		}
		#join select {
			width: 20%;
		}
		#pricing {
			width: 100%;
		}
		#employerpricing {
			width: 100%;
		}
		.containercenter {
			width: 97%;
			margin: 0;
			margin-bottom: 10px;
			margin-top: 40px;
		}
		.containerleft {
			width: 100%;
			margin: 0;
			margin-bottom: 10px;
		}
		.containerright {
			width: 100%;
			margin: 0;
			margin-bottom: 10px;
		}
		.jobs {
			width: 99%;
		}
		.jobs li {
			margin-bottom: 10px;
		} 
		iframe {
			width: 99%;
		}
		#recruitnavbar {
			margin-top: 0%;
			margin-bottom: -1%;
			display: inline-flex;
		}
		#active a {
			border: none;
		}
		#applicantnavbar {
			margin-top: 0%;
			display: inline-flex;
		}
		.sidebar {
			position: relative;
			width: 57%;
			right: -39%;
			margin-top: -96%;
			margin-bottom: 45%;
		}
		#browsejobspage .sidebar {
			margin-top: -96%;
			margin-bottom: 65%;
		}
		#listing {
			width: 100%;
		}
		#aboutpage .jobs {
			width: 100%;
		}
	}