/*
# +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
# Montserrat sans
# +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
/*
!* Default version*!
@font-face
{
	font-family : "Montserrat";
	src         : url('../fonts/montserrat/Montserrat-Medium.ttf');
}

!* Bold version*!
@font-face
{
	font-family : "Montserrat";
	src         : url('../fonts/montserrat/Montserrat-Bold.ttf');
	font-weight : bold;
}

!* Italic version*!
@font-face
{
	font-family : "Montserrat";
	src         : url('../fonts/montserrat/Montserrat-Italic.ttf');
	font-style  : italic;
}

*
{
	font-family : 'Montserrat', sans-serif;
}

*, :after, :before
{
	box-sizing : border-box;
	outline    : none !important;
}


button, input
{
	font-family : 'Montserrat', sans-serif;
}


button, input
{
	overflow : visible;
}
*/

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section
{
	display : block;
}

.header-container
{
	padding : 16px 0;
}

.career-header
{
	min-height : 70px;
}

.logo-wrapper
{
	margin-left : 10px;
}

.career-header .logo-wrapper img
{
	max-width  : 100%;
	max-height : 65px;
	height     : auto;
}

.height-auto
{
	height : auto;
}

.background-image-wrapper
{
	background-image    : url(../img/bg-hiring.jpg);
	background-color    : transparent;
	background-position : right;
	background-repeat   : no-repeat;
	background-size     : cover;
}

.wo-image
{
	min-height : 500px;
	position   : relative;
}

.image-title-header .recruiting-phrase, .recruiting-phrase span, .title-header .recruiting-phrase
{
	display : inline-block;
	width   : 100%;
}

.recruiting-phrase
{
	color        : #283A48;
	text-shadow  : 0 0 5px #FFF;
	font-size    : 46px;
	font-variant : discretionary-ligatures;
	font-weight  : 700;
	margin-top   : 295px;
	line-height  : 1;
}

.move-container-up
{
	margin-top     : -70px;
	padding-bottom : 16px;
}

.job-summary-desc
{
	color          : #283A48;
	font-size      : 16px;
	font-weight    : 500;
	margin-bottom  : 14px;
	letter-spacing : .14px;
}

.search-bar-wrapper
{
	padding          : 10px;
	background-color : #FFF;
	box-shadow       : 0 2px 8px 0 rgb(0 0 0 / 8%);
	margin-bottom    : 8px;
	border-radius    : 50px;
}

.search-bar-wrapper .fa-search
{
	color         : #A3A1A1;
	font-size     : 18px;
	font-weight   : 400;
	padding-left  : 14px;
	padding-right : 16px;
}

.no-border-input
{
	height         : 52px;
	flex           : 1 1 auto;
	color          : #191414;
	font-size      : 18px;
	font-weight    : 400;
	border         : 0;
	margin-left    : 20px;
	letter-spacing : .7px;
	outline        : none !important;
	border         : none !important;
}

h3.section-heading
{
	background     : #F3F4F5;
	color          : #333;
	border-radius  : 5px;
	font-size      : 16pt !important;
	padding-top    : 8px;
	padding-right  : 5px;
	padding-left   : 15px;
	padding-bottom : 8px !important;
	margin         : 0;
	margin-top     : 28px;
	margin-bottom  : 28px;
}

.career-btn-primary
{
	background-color : #5AC2DA;
	font-size        : 18px;
	font-weight      : normal;
	color            : #FFF;
}

.career-btn-shape
{
	display       : inline-block;
	border-radius : 2px;
	border-radius : 50px;
	padding       : 12px 36px;
	height        : 52px;
	border        : 0;
}

#search-submit:hover
{
	background-color : #018FAF;
}

.initial-positions-list-shown
{
	display : block;
}

.category-btn-wrapper
{
	margin-bottom : 20px;
	overflow      : hidden;
	overflow-x    : auto;
	margin-top    : 30px;
}

.category-btn-wrapper li.tab
{
	margin-bottom : 20px;
	line-height   : 2.6;
}

.category-btn.active, .category-btn:hover
{
	background-color : #5AC2DA;
	color            : #F3F4F5;
	text-decoration  : none;
	cursor           : pointer;
}

.category-btn
{
	background-color : #F3F4F5;
	color            : #333;
	border-radius    : 50px;
	padding          : 6px 17.3px;
	margin-top       : 16px;
	margin-right     : 16px;
	font-size        : 16px;
	font-weight      : 500;
	letter-spacing   : .06px;
	white-space      : nowrap;
}

.job-category-wrapper
{
	padding : 10px 30px 20px 30px;
}

.job-category-wrapper .subtitle-class
{
	padding     : 0;
	line-height : 10px !important;
	margin      : 0;
	font-size   : 15pt !important;
}

.subtitle-class
{
	font-size     : 24px;
	font-weight   : 700;
	margin-bottom : 26px;
}

.job-category-wrapper .job-box
{
	text-decoration : none;
}

.job-box
{
	background-color : #FFF;
	box-shadow       : 0 2px 8px 0 rgb(0 0 0 / 8%);
	min-height       : 100px;
	padding-left     : 28px;
	margin-bottom    : 16px;
	transition       : 0.5s all;
}

.job-info
{
	width : 75%;
}

.job-box:hover
{
	box-shadow : 0 2px 8px 0 rgb(0 0 0 / 38%);
}

.jb-right
{
	position : relative;
	width    : 100%;
}

.jb-right ul
{
	list-style  : none;
	float       : left;
	font-size   : 9pt;
	width       : 70%;
	margin-top  : 20px;
	align-items : center;
}

.jb-right ul li
{
	list-style    : none;
	padding       : 10px;
	color         : #FFF;
	text-align    : center;
	padding-right : 30px;
	margin        : 8px 0 6px 0;
	font-size     : 13px;
	font-weight   : 600;
}

.more-margin
{
	margin-top : 35px !important;
}

.more-margin-heading
{
	margin : 21px 0 20px 0;
}

.job-box:hover
{
	color : #777777;
}

.apply-now
{
	text-align    : center;
	border        : 1px solid #5AC2DA;
	transition    : 0.5s all;
	border-radius : 7px;
	background    : #5AC2DA;
	color         : #FFF;
	width         : 107px;
}

.apply-now:hover
{
	background   : #04A1C6;
	border-color : #04A1C6;
	color        : #FFF;
}

.apply-now:after
{
	font-family : 'wokiee' !important;
	line-height : 1;
	position    : absolute;
	content     : "\e90e";
	padding     : 3px;
	font-size   : 10pt;
	top         : 40px;
	height      : 20px;
}

.more-details
{
	border       : none;
	border-right : none;
	font-size    : 20pt;
	padding      : 3px !important;
	transition   : 0.5s all;
}

.more-details > i
{
	color : #191919;
}

.more-details:hover
{
	transform : scale(1.1);
	color     : #000;
}

.jb-title
{
	font-size      : 18px;
	font-weight    : 500;
	margin-top     : 10px;
	margin-bottom  : 4px;
	letter-spacing : .36px;
	color          : #009BBF;
}

.jb-description
{
	color          : #191414;
	font-size      : 16px;
	font-weight    : 400;
	letter-spacing : 0;
}

.jb-description span
{
	padding-bottom : 10px;
	display        : inline-flex;
	color          : #6F6F6F;
}

.jb-description p
{
	padding : 0;
	margin  : 10px 0 10px;
	color   : #383838;
}

.tab-container
{
	padding : 0 20px 0 20px;
}

.jb-link
{
	color       : #4B545B;
	font-size   : 24px;
	font-weight : 400;
	padding     : 22px;
}

.information
{
	font-size   : 24pt;
	text-align  : center;
	font-weight : 700;
	padding     : 10px;
	color       : #404040;
}

.main-logo-area
{
	min-height : 60px;
}

.apply-now-mobile
{
	display : none;
}

/*.information-heading
{
	position    : absolute;
	font-size   : 24pt;
	font-weight : 700;
	padding     : 10px;
	top         : 205px;
	color       : #FFF;
}*/

/*

.footer
{
	width            : 100%;
	height           : 80px;
	bottom           : 0;
	color            : #333;
	background-color : #F3F4F5;
	font-size        : 14px;
	font-weight      : 400;
}

.footer-logo
{
	margin-right : 16px;
}

.footer-logo-img
{
	max-width : 150px;
}

.footer a
{
	color : #0DB5DF;
}

.conditionally-aligned:nth-of-type(2), .footer-right
{
	text-align : right;
}

.footer-right-link
{
	color : #0DB5DF !important;
}

*/


@media only screen and (max-width : 820px)
{
	.subtitle-class
	{
		margin-bottom : 15px !important;
	}

	.recruiting-phrase
	{
		margin-top : 0;
		text-align : center;
	}

	.jb-description
	{
		font-size : 15px;
	}

	.job-category-wrapper
	{
		padding : 0 0 10px 15px;
	}

	.information-heading
	{
		top : 335px;
	}

	.apply-now-mobile
	{
		display     : block;
		background  : #5AC2DA;
		border      : none;
		padding     : 8px;
		color       : #FFF;
		font-weight : 600;
		text-align  : center;
	}

	.job-box
	{
		padding-left : 0;
	}

	.job-box:hover
	{
		box-shadow : 0 2px 8px 0 rgb(0 0 0 / 8%);
	}

	.apply-now
	{
		display       : none;
		padding       : 2px !important;
		font-size     : 8pt !important;
		width         : 68px;
		margin-top    : 18px !important;
		border-radius : 5px;
		margin-right  : 17px !important;
	}

	.apply-now::after
	{
		content : '';
	}

	.jb-right ul
	{
		margin-top : 7px;
	}
}

@media only screen and (max-width : 455px)
{
	.subtitle-class
	{
		margin-bottom : 15px;
	}

	#search-submit
	{
		width      : 80px;
		font-size  : 14px;
		text-align : center;
		padding    : 0;
	}

}

@media only screen and (max-width : 1020px)
{

	.wo-image
	{
		min-height : 445px;
	}

	.background-image-wrapper
	{
		background-color    : #DFE7EA;
		background-repeat   : no-repeat;
		background-size     : contain;
		background-position : top;
	}

	.recruiting-phrase
	{
		margin-top : 100px;
	}
}

@media only screen and (max-width : 370px)
{
	.category-btn
	{
		font-size : 14px;
	}

	#search-submit
	{
		display : none;
	}

}