﻿.careers input[type="text"], .careers textarea {
	margin-bottom: 10px;
}

.contact-internship label, #applyDialog label {
	color: red;
	display: inline-block;
	font-size: 11px;
	padding-left: 10px;
	line-height: 26px;
}

.contact-internship .error, #applyDialog .error {
	border-color: red;
}

.contact-internship .valid, #applyDialog .valid {
	border-color: green;
	color: green;
}

h1, h2, h3 {
	color: black;
}

.careers .title {
	position: relative;
	margin-top: -280px;
	margin-bottom: 25px;
}



	.careers .title h1 {
		line-height: 109px!important;
		height: 109px;
		text-align: center;
		vertical-align: top;
	}



		.careers .title h1 .icon {
			background: Transparent url("Images/Careers/head-icon.png") no-repeat scroll 0 0;
			display: inline-block;
			height: 109px;
			margin-left: 20px;
			position: absolute;
			right: 15px;
			top: 0;
			width: 156px;
		}

.careers .description p {
	font-size: 15px;
}

.careers {
	background-color: white;
	padding-bottom: 100px;
	margin-top: 77px;
}

a, a:hover {
	color: black;
}

.banner {
	width: 100%;
	height: auto;
	margin-bottom: -10%;
	text-align: center;
	position: relative;
}

	.banner img {
		bottom: 0;
		z-index: 0;
		/*max-height: 700px;*/
	}

.pannel-careers {
	padding-top: 150px;
	text-align: center;
	margin-top: 40px;
}

.passionate {
	background: Transparent url(Images/Careers/passionate.png) no-repeat top center;
}

.open-minded {
	background: Transparent url(Images/Careers/open_minded.png) no-repeat top center;
}

.positive {
	background: Transparent url(Images/Careers/positive.png) no-repeat top center;
}

.pannel-careers h3 {
	text-transform: uppercase;
	text-align: center;
	font-size: 32px!important;
	margin-bottom: 20px!important;
}

	.pannel-careers h3 .count p {
		color: #f6b900;
	}

.careers-tabs {
	margin-top: 60px;
}

	.careers-tabs .tab-content #internship img {
		text-align: center;
	}

	.careers-tabs .nav {
		margin-bottom: 30px;
	}

	.careers-tabs .tab-content {
		overflow: visible;
	}

	.careers-tabs .nav-tabs {
		border-bottom: 1px solid #000000!important;
	}

		.careers-tabs .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
			color: #000000;
			background-color: #ffffff;
			border: 1px solid #000000;
			border-bottom-color: transparent;
		}

		.careers-tabs .nav-tabs > li.active > a {
			font-family: 'PenumbraSansStdBold';
		}

		.careers-tabs .nav-tabs > li > a {
			font-size: 18px;
			font-family: 'PenumbraSansStdLight';
			border: 1px solid transparent;
			-webkit-border-radius: 0px 0px 0 0;
			-moz-border-radius: 0px 0px 0 0;
			border-radius: 0px 0px 0 0;
		}

			.careers-tabs .nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
				border-color: #f6c23f;
				background-color: #f6c23f;
			}

	.careers-tabs .icon-details {
		min-height: 73px;
		padding-left: 92px;
		background: Transparent url(Images/Careers/icon-list.png) no-repeat top left;
		width: 100%;
		text-align: left;
		padding-top: 20px;
	}

/*Jobs*/
.jobs-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

	.jobs-list li {
		display: block;
		padding: 10px;
		width: 100%;
		background-color: white;
	}

		.jobs-list li:hover, .jobs-list li.selected {
			background-image: url(Images/Careers/hover_job.png);
			background-size-y: cover;
		}

		.jobs-list li .job-container {
			padding: 20px 0 10px 0px;
		}

		.jobs-list li:hover .job-container, .jobs-list li.selected .job-container {
			background-color: rgba(77, 62, 48, 0.9);
		}

	.jobs-list .job-container .job-img {
	}

	.jobs-list .job-container .job-text, .jobs-list .job-container .job-text p {
		color: #000000;
	}

	.jobs-list .job-container .row {
		margin: 0!important;
	}

	.jobs-list .job-container .job-text {
		border-right: 1px solid #000000;
		min-height: 135px;
		font-size: 16px;
	}

		.jobs-list .job-container .job-text h4, .careers-tabs h4 {
			font-family: 'PenumbraSansStdBold';
			font-size: 32px;
			line-height: 32px;
			color: #000000;
			text-transform: uppercase;
		}

	.jobs-list li:hover .job-text, .jobs-list li:hover .job-text p, .jobs-list li.selected .job-text, .jobs-list li.selected .job-text p {
		color: #ffffff!important;
	}

	.jobs-list li:hover .job-container .job-text, .jobs-list li.selected .job-container .job-text {
		border-right: 1px solid #9d7930;
	}

	.jobs-list li:hover .job-text h4, .jobs-list li.selected .job-text h4 {
		color: #ffffff;
	}

	.jobs-list .job-apply-now {
		display: block;
		width: 133px;
		height: 73px;
		margin-top: 25px;
		background-image: url(Images/Careers/apply.png);
		position: relative;
	}

		.jobs-list .job-apply-now .apply-btn {
			position: absolute;
			left: 0;
			top: 0;
			display: block;
			width: 67px;
			height: 73px;
			cursor: pointer;
		}

		.jobs-list .job-apply-now .read-more-btn {
			position: absolute;
			right: 0;
			top: 0;
			display: block;
			width: 66px;
			height: 73px;
			cursor: pointer;
		}

	.jobs-list .job-apply {
		margin-top: 25px;
	}

		.jobs-list .job-apply img {
		}

	.jobs-list .job-content {
		display: none;
		margin-bottom: 20px;
	}

.link-more {
	background: Transparent url(Images/Careers/arrow-more.png) center left no-repeat;
	padding-left: 25px;
	display: inline-block;
	font-size: 16px;
	color: #f7c340!important;
	cursor: pointer;
}

#applyDialog {
	height: 527px;
	overflow: hidden;
}

	#applyDialog .modal-body {
		height: 400px;
		padding: 20px;
	}

.button-blue {
	display: inline-block;
	height: 28px;
	padding: 0 20px 0 20px;
	line-height: 28px;
	min-width: 60px;
	background-color: #3096fe;
	color: white;
	text-transform: uppercase;
	font-family: 'PenumbraSansStdBold';
	font-size: 16px;
	border: none;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}


.bubble-toggle {
	position: absolute;
	top: 10px;
	right: 10px;
	padding: 10px;
	background: rgba(255, 255, 255, 0.5);
	font-family: sans-serif;
	font-size: 13px;
	color: #333;
}

	.bubble-toggle:hover {
		background: rgba(255, 255, 255, 0.75);
	}

.bubbles {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
	margin: 0 auto;
}

.bubble-container {
	position: absolute;
	bottom: 0;
	-webkit-animation: bubblerise 4s infinite ease-in;
	-moz-animation: bubblerise 4s infinite ease-in;
	-ms-animation: bubblerise 4s infinite ease-in;
	animation: bubblerise 4s infinite ease-in;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
}

.bubble {
	width: 6px;
	height: 6px;
	margin: 0 auto;
	border: 1px solid rgba(140, 210, 225, 0.50);
	background: rgba(212, 247, 255, 0.50);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	-webkit-animation: bubblewobble 0.4s infinite linear;
	-moz-animation: bubblewobble 0.4s infinite linear;
	-ms-animation: bubblewobble 0.4s infinite linear;
	animation: bubblewobble 0.4s infinite linear;
}

@-webkit-keyframes bubblerise {
	0% {
		bottom: 0;
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
		opacity: 0;
	}

	5% {
		bottom: 0;
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
		opacity: 1;
	}

	99% {
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
		opacity: 1;
	}

	100% {
		bottom: 100%;
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
		opacity: 0;
	}
}

@-moz-keyframes bubblerise {
	0% {
		bottom: 0;
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
		opacity: 0;
	}

	5% {
		bottom: 0;
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
		opacity: 1;
	}

	99% {
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
		opacity: 1;
	}

	100% {
		bottom: 100%;
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
		opacity: 0;
	}
}

@-ms-keyframes bubblerise {
	0% {
		bottom: 0;
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
		opacity: 0;
	}

	5% {
		bottom: 0;
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
		opacity: 1;
	}

	99% {
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
		opacity: 1;
	}

	100% {
		bottom: 100%;
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
		opacity: 0;
	}
}

@keyframes bubblerise {
	0% {
		bottom: 0;
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
		opacity: 0;
	}

	5% {
		bottom: 0;
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
		opacity: 1;
	}

	99% {
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
		opacity: 1;
	}

	100% {
		bottom: 100%;
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
		opacity: 0;
	}
}

@-webkit-keyframes bubblewobble {
	0% {
		margin-left: 0;
	}

	50% {
		margin-left: 2px;
	}
}

@-moz-keyframes bubblewobble {
	0% {
		margin-left: 0;
	}

	50% {
		margin-left: 2px;
	}
}

@-ms-keyframes bubblewobble {
	0% {
		margin-left: 0;
	}

	50% {
		margin-left: 2px;
	}
}

@keyframes bubblewobble {
	0% {
		margin-left: 0;
	}

	50% {
		margin-left: 2px;
	}
}


@media (max-width: 767px) {
	.careers .title h1 {
		font-size: 30px !important;
		line-height: 28px !important;
		height: auto !important;
		margin-left: -15px !important;
	}

	.careers .content {
		margin-top: 130px;
	}

	.pannel-careers h3 {
		line-height: 32px;
	}

	.pannel-careers {
		margin-left: -8px !important;
	}

	.careers-tabs .nav-tabs > li > a {
		font-size: 12px;
	}

	.job-text h4 {
		font-size: 18px !important;
		line-height: 20px !important;
	}

	.job-text {
		border-right: 0 !important;
	}

	.careers-tabs {
		margin-left: -15px;
	}

	.careers {
		padding-bottom: 10px !important;
	}
}
