@import url(bootstrap.min.css);
@import url(jquery.flexmenu.css);
@import url(owl.carousel.css);
@import url(animate.css);
@import url(jquery.fancybox.css);
@import url(jquery.nouislider.css);
@import url(font-awesome.min.css);
@import url(https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700&display=swap);

/*------------------------------------------------------------------

[Master Stylesheet]

Project:                The Big Date - Wedding HTML Template
Version:                1.0
Last change:            04/02/2015
Author:                 Coffeecream Themes
Assigned to:            Marcin Banaszek

------------------------------------------------------------------

[Color codes]

Body background:        #fff (white)
Brand color:            #14b1bb (cyan)
Text:                   #bbb (gray)
Header h1-h6:           #222 (dark gray)
Main nav background:    #fff (white)
Footer background:      #222 (dark gray)

a (standard):           #14b1bb (cyan)                     #0e76bc
a (visited):            #14b1bb (cyan)                     #0e76bc
a (active):             #14b1bb (cyan)                     #0e76bc
a (hover):              #a0205f (darker cyan)              #0c68a6

------------------------------------------------------------------

[Table of contents]

1. Global Styles
   1.1. Headers
   1.2. Links & buttons
   1.3. Sections
   1.4. Loader
   1.5. Nav tabs and pills
   1.6. Accordion

2. Header
   2.1. Searchbox

3. Slider
   3.1. Slide wrapper and slides
   3.2. Slide content
   3.3. Duplicate parts & slices
   3.4. Horizontal slices
   3.5. Vertical slices
   3.6. Background images
   3.7. Navigation arrows
   3.8. Navigation dots

4. Content
   4.1. Responsive video
   4.2. Pagination
   4.3. WYSIWYG
   4.4. Sharing links
   4.5. Sidebar
   4.6. Jumbotron
   4.7. Forms
   4.8. Maps

5. Jobs & Resume
   5.1. More jobs
   5.2. Job type badges
   5.3. Featured jobs
   5.4. Resume

6. Featured companies
7. Parallax
8. Jobseek app & contact
9. Jobseek stats
10. Plans & pricing
11. Testimonials

12. Blog
    12.1. Home page blog
    12.2. Blog posts
    12.3. Blog sidebar

13. Clients
14. Team

15. Footer
    15.1. Newsletter
    15.2. Social networks
    15.3. Credits

16. Register & login forms
17. Mobile styles

-------------------------------------------------------------------*/

/* 1. GLOBAL STYLES
-------------------------------------------------------------------*/

body {
	min-width: 320px;
	overflow-x: hidden;
	font-family: 'Montserrat', sans-serif;


}
.container { width: 100%; max-width: 1200px; }

	#home {
		padding-top: 0;
	}

	.no-scroll {
		overflow: hidden;
	}

p {
	margin-bottom: 2em;
}

hr {
	border-top: 1px solid #e7e7e7;
	margin: 60px 0;
}
hr.small {
	border-top: 1px solid #e7e7e7;
	margin: 0 0 20px 0;
	opacity: 0.2;
}

.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
	display: inline-block;
}

	/* 1.1. HEADERS
	---------------------------------------------------------------*/

	h1, h2, h3, h4, h5, h6 {
		letter-spacing: -0.05em;
		margin: 0;
		
	}

	h2 {
		margin-bottom: 50px;
	}

	h3 {
		margin: 2em 0 1em 0;
	}

	h4 {
		color: #0e76bc;
	}

		h4 span {
			padding: 0 15px;
		}

			h4 span i {
				margin-right: 10px;
			}

	h5, h6 {
		letter-spacing: 0;
	}

	/* 1.2. LINKS & BUTTONS
	---------------------------------------------------------------*/

	a,
	button {
		cursor: pointer;
		transition: all .5s ease;
		-moz-transition: all .5s ease;
		-webkit-transition: all .5s ease;
		-o-transition: all .5s ease;
	}

	.btn {
		font-family: "Montserrat", Arial;
		text-transform: uppercase;
		white-space: normal;
	}

	.btn-primary {
		border: 0;
	}

	.btn-default {
		border: 2px solid #fff;
	}

	article .btn-default {
		border: 1px solid #14b1bb;
		color: #14b1bb;
	}

	article .btn-default:hover {
		border: 1px solid #0f858d;
		color: #0f858d;
	}

	article .btn-default.btn-lg {
		padding: 9px 30px;
	}

	#home_links_section{
		padding:0;
	}
	/*#home_links_section .container .row{*/
	/*	height:80px;*/
	/*}*/
	#home_links_section .home-nav-btn-container{
		padding:0;
		margin:0;
	}
	a.home-nav-btn{
		display:block;
		height:70px;
		color:#000000;
		padding: 20px 0;
		text-align: center;
		border: 1px solid #e7e7e7;
		text-transform: uppercase;
	}
	a.home-nav-btn:hover{
		border-bottom: 2px solid #14b1bb;
	}
	a.home-nav-btn span{
		margin-left:10px
	}

	/* 1.3. SECTIONS
	---------------------------------------------------------------*/

	
	section#title {
		padding: 20px 0;
	}
	section#jobs {
		padding-top: 10px;
	}

	h1, .h1{
		font-size: 26px;
		margin-bottom: 10px;
	}
	.color1 {
		background: #f8f8f8;
	}

	.color2 {
		background: url(../images/background.jpg) fixed;
		color: #fff;
	}

		.color2 h2::after {
			background: #fff;
		}

		.color2 h5 {
			font-family: "Montserrat", Arial;
			font-weight: bold;
			margin-bottom: 1em;
			text-transform: uppercase;
		}

		.color2 i {
			color: #222;
			margin-right: 10px;
		}

		.color2 a {
			color: #fff;
		}

			.color2 a i {
				color: #fff;
			}

		.color2 .form-control {
			background: #fff;
			border: 0;
		} 

	#title {
		padding-bottom: 0;
	}

	.column {
		background: #eee;
		margin: 15px 0;
		padding: 15px 0;
	}

	/* 1.4. LOADER
	---------------------------------------------------------------*/

	#loader {
		background: #fff;
		bottom: 0;
		left: 0;
		position: fixed;
		right: 0;
		top: 0;
		z-index: 50000;
	}

		#loader i {
			color: #14b1bb;
			left: 50%;
			margin: -24px 0 0 -24px;
			position: absolute;
			top: 50%;
		}

	/* 1.5. NAV TABS AND PILLS
	---------------------------------------------------------------*/

	.nav {
		margin-bottom: 1em;
	}

	/* 1.6. ACCORDION
	---------------------------------------------------------------*/

	.accordion-toggle {
		display: block;
	}

/* 2. HEADER
-------------------------------------------------------------------*/

header {
	background: #14b1bb;
	color: #fff;
	line-height: 40px;
	left: 0;
	padding: 10px 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10000;
}

	header .container {
		position: relative;
		z-index: 1;
	}

	header a,
	header a:hover,
	header a:focus {
		color: #fff;
	}


#home header {
	background: none;
}

#header-background {
	background: #14b1bb;
	/*display: none;*/
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}

#menu-open {
	margin: 0 0 0 15px;
}

	/* 2.1. SEARCHBOX
	---------------------------------------------------------------*/
section.postajob h1{
	font-size: 30px;
	letter-spacing: 0px;
	line-height: 1.5;
	margin-bottom: 26px;
	color: #222;
	text-transform: uppercase;
}
section.postajob .well{
	padding: 54px 60px;
	border:none;
	box-shadow: none;
}

section#search_form_section{
	margin-top:40px;
}
section#recent_jobs_section{
	margin-top:10px;
}

section#search_form_section h1{
    margin-top: 40px;
	margin-bottom: 20px;
    font-size: 1.5em;
    letter-spacing: normal;
}
#powersearch div.formelement label{
	color:#0e76bc;
}
section#search_form_section h1::after {
	display: none;
}
	#search {
		margin: 0 15px 0 0;
	}

	#searchbox {
		overflow: hidden;
		width: 0;
	}

		#searchbox .form-group {
			margin: 0;
		}

	#searchfield {
		background: none;
		border: 0;
		border-bottom: 1px solid #fff;
		border-radius: 0;
		box-shadow: none;
		color: #fff;
		font-weight: bold;
		padding-left: 0;
		padding-right: 0;
		width: 270px;
	}

		#searchfield::-webkit-input-placeholder {
			color: #fff;
		}

		#searchfield:-moz-placeholder { /* Firefox 18- */
			color: #fff;  
		}

		#searchfield::-moz-placeholder {  /* Firefox 19+ */
			color: #fff;  
		}

		#searchfield:-ms-input-placeholder {  
			color: #fff;  
		}

/* 3. SLIDER
-------------------------------------------------------------------*/

.sl-slider-wrapper {
	left: 0;
	height: 100%;
	overflow: hidden;
	position: relative;
	top: 0;
	width: 100%;
}

.sl-content-wrapper {
	position: absolute;
}

	/* 3.1. SLIDE WRAPPER AND SLIDES
	---------------------------------------------------------------*/

	.sl-slide,
	.sl-slides-wrapper,
	.sl-slide-inner {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	} 

	.sl-slide {
		z-index: 1;
	}

	/* 3.2. SLIDE CONTENT
	---------------------------------------------------------------*/

	.slide-content {
		left: 0;
		padding: 0 80px;
		position: absolute;
		text-align: center;
		top: 50%;
		width: 100%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}

		.slide-content h2 {
			color: #fff;
			font-size: 60px;
			margin: 0;
		}

			.slide-content h2::after {
				display: none;
			}

		.slide-content h3 {
			color: #0e76bc;
			font-size: 18px;
		}

		.slide-content p {
			margin: 40px 0 0;
		}

	/* 3.3. DUPLICATE PARTS & SLICES
	---------------------------------------------------------------*/

	.sl-content-slice {
		opacity : 1;
		overflow: hidden;
		position: absolute;
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		box-sizing: content-box;
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-o-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		backface-visibility: hidden;
	}

	/* 3.4. HORIZONTAL SLICES
	---------------------------------------------------------------*/

	.sl-slide-horizontal .sl-content-slice {
		height: 50%;
		left: -200px;
		width: 100%;
		-webkit-transform: translateY(0%) scale(1);
		-moz-transform: translateY(0%) scale(1);
		-o-transform: translateY(0%) scale(1);
		-ms-transform: translateY(0%) scale(1);
		transform: translateY(0%) scale(1);
	}

		.sl-slide-horizontal .sl-content-slice:first-child {
			padding: 200px 200px 0px 200px;
			top: -200px;
		}

		.sl-slide-horizontal .sl-content-slice:nth-child(2) {
			padding: 0px 200px 200px 200px;
			top: 50%;
		}

	/* 3.5. VERTICAL SLICES
	---------------------------------------------------------------*/

	.sl-slide-vertical .sl-content-slice {
		height: 100%;
		top: -200px;
		width: 50%;
		-webkit-transform: translateX(0%) scale(1);
		-moz-transform: translateX(0%) scale(1);
		-o-transform: translateX(0%) scale(1);
		-ms-transform: translateX(0%) scale(1);
		transform: translateX(0%) scale(1);
	}

	.sl-slide-vertical .sl-content-slice:first-child {
		left: -200px;
		padding: 200px 0px 200px 200px;
	}

	.sl-slide-vertical .sl-content-slice:nth-child(2) {
		left: 50%;
		padding: 200px 200px 200px 0px;
	}

	/* 3.6. BACKGROUND IMAGES
	---------------------------------------------------------------*/

	.bg-img {
		background-size: cover;
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
	}

	.bg-img-1 {
		background-image: url('../images/homepage_slider/ENGINEERING_JOBS.jpg');
	}

	.bg-img-2 {
        background-image: url('../images/homepage_slider/TECHNICAL_RECRUITMENT.jpg');
	}

	.bg-img-3 {
        background-image: url('../images/homepage_slider/EMPLOYER_BRANDING.jpg');
	}

	.bg-img-4 {
        background-image: url('../images/homepage_slider/ENGINEERING_RECRUITMENT.jpg');
	}

	.sl-slider-wrapper .tint {
		background: #000;
		height: 100%;
		left: 0;
		/*opacity: 0.5;*/
		opacity: 0.0;
		position: absolute;
		top: 0;
		width: 100%;
	}

	/* 3.7. NAVIGATION ARROWS
	---------------------------------------------------------------*/

	.nav-arrows span {
		position: absolute;
		z-index: 2000;
		top: 50%;
		width: 40px;
		height: 40px;
		border: 8px solid #ddd;
		border: 8px solid rgba(150,150,150,0.4);
		text-indent: -90000px;
		margin-top: -40px;
		cursor: pointer;
		
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}

		.nav-arrows span:hover {
			border-color: rgba(150,150,150,0.9);
		}

		.nav-arrows span.nav-arrow-prev {
			left: 5%;
			border-right: none;
			border-top: none;
		}

		.nav-arrows span.nav-arrow-next {
			right: 5%;
			border-left: none;
			border-bottom: none;
		}

	/* 3.7. NAVIGATION DOTS
	---------------------------------------------------------------*/

	.nav-dots {
		text-align: center;
		position: absolute;
		bottom: 2%;
		height: 30px;
		width: 100%;
		left: 0;
		z-index: 1000;
	}

		.nav-dots span {
			display: inline-block;
			position: relative;
			width: 16px;
			height: 16px;
			border-radius: 50%;
			margin: 3px;
			background: #ddd;
			background: rgba(150,150,150,0.4);
			cursor: pointer;
			box-shadow: 
				0 1px 1px rgba(255,255,255,0.4), 
				inset 0 1px 1px rgba(0,0,0,0.1);
		}

			.nav-dots span.nav-dot-current:after {
				content: "";
				position: absolute;
				width: 10px;
				height: 10px;
				top: 3px;
				left: 3px;
				border-radius: 50%;
				background: rgba(255,255,255,0.8);
			}

/* 4. CONTENT
-------------------------------------------------------------------*/

	img.pull-left {
		margin: 5px 30px 15px 0;
	}

	img.pull-right {
		margin: 5px 0 15px 30px;
	}

	/* 4.1. RESPONSIVE VIDEO
	---------------------------------------------------------------*/

	.video-wrapper {
		position: relative;
		padding-bottom: 56.25%; /* 16:9 */
		padding-top: 0;
		height: 0;
	}

	.video-wrapper iframe {
		border: 0;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	/* 4.2. PAGINATION
	---------------------------------------------------------------*/

	.pagination {
		
		 margin: 30px 0 10px 0;
		width: 100%;
	}

		.pagination li a {
			border-radius: 3px;
		}

			.pagination li a:hover {
				color: #0e76bc;
			}

	/* 4.3. WYSIWYG
	---------------------------------------------------------------*/

	.wysihtml5-toolbar {
		background: #f2f2f2;
		border: 1px solid #e7e7e7;
		border-bottom: 0;
		border-radius: 3px 3px 0 0;
		list-style: none;
		margin: 0;
		padding: 0;
	}

		.wysihtml5-toolbar:after {
			clear: both;
			content: "";
			display: table;
			width: 100%;
		}

		.wysihtml5-toolbar li {
			float: left;
		}

			.wysihtml5-toolbar li:first-child a:last-child,
			.wysihtml5-toolbar li:nth-child(2) a:nth-child(3),
			.wysihtml5-toolbar li:nth-child(2) a:last-child {
				display: none;
			}

			.wysihtml5-toolbar li:first-child a {
				overflow: hidden;
				position: relative;
				text-align: center;
				text-indent: -9999px;
				width: 54px;
			}

				.wysihtml5-toolbar li:first-child a:before {
					display: block;
					float: left;
					font-family: "FontAwesome";
					font-weight: normal;
					left: 21px;
					position: absolute;
					text-indent: 0;
					top: 7px;
				}

					.wysihtml5-toolbar li:first-child a:first-child:before {
						content: "\f032";
					}

					.wysihtml5-toolbar li:first-child a:nth-child(2):before {
						content: "\f033";
					}

					.wysihtml5-toolbar li:first-child a:nth-child(3):before {
						content: "\f0cd";
					}

	.wysihtml5-toolbar .btn {
		border-radius: 0;
		border: 0;
		color: #888;
	}

		.wysihtml5-toolbar .btn:hover,
		.wysihtml5-toolbar .wysihtml5-command-active {
			background: #e8e8e8;
		}

	.modal .btn {
		border-radius: 3px;
	}

		.modal .btn-primary {
			color: #fff;
		}

	.textarea.form-control {
		border-radius: 0 0 3px 3px;
		height: 200px;
	}

	/* 4.4. SHARING LINKS
	---------------------------------------------------------------*/

	#share ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}

		#share ul li {
			float: left;
			margin-right: 10px;
		}

			#share ul li a {
				background: #14b1bb;
				border-radius: 50%;
				color: #fff;
				display: block;
				font-size: 18px;
				height: 40px;
				line-height: 40px;
				text-align: center;
				width: 40px;
			}

				#share ul li a:hover {
					background: #0f858d;
				}

	/* 4.5. SIDEBAR
	---------------------------------------------------------------*/

	#sidebar h5 {
		font-family: "Montserrat", Arial;
		margin: 1em 0 2em;
		text-transform: uppercase;
	}

	#sidebar hr {
		margin: 0 0 50px;
	}

	.sidebar-widget {
		display: table;
		margin-bottom: 50px;
		width: 100%;
	}

		.sidebar-widget ul {
			list-style: none;
			padding: 0;
		}

	/* 4.6. JUMBOTRON
	---------------------------------------------------------------*/

	.container .jumbotron,
	.container-fluid .jumbotron {
		border-radius: 0;
		border-bottom: 1px solid #e7e7e7;
		border-top: 1px solid #e7e7e7;
		margin: 50px 0;
	}

		.jumbotron p {
			margin: 0.5em 0;
		}

	/* 4.7. FORMS
	---------------------------------------------------------------*/

	label {
		color: #222;
		font-weight: normal;
		text-transform: uppercase;
	}

	.checkbox label {
		color: #888;
		text-transform: none;
	}
	label.normalcase {
		text-transform: none;
	}

	.form-control {
		box-shadow: none;
		height: 45px;
		padding: 10px 15px;
		-webkit-box-shadow: none;
		-mozilla-box-shadow: none;
		-ms-box-shadow: none;
	}

	/* 4.8. MAPS
	---------------------------------------------------------------*/

	#map-canvas {
		height: 400px;
		width: 100%;
	}

/* 5. JOBS
-------------------------------------------------------------------*/

.jobs {
	border: 1px solid #e7e7e7;
	border-bottom: 0;
	border-radius: 3px;
}

/*
	.jobs a {
		border-bottom: 1px solid #e7e7e7;
		color: #888;
		display: block;
		padding: 15px 0;
		position: relative;
		width: 100%;
	}

	.jobs a.featured {
		background: #f8f8f8;
		border-bottom: 1px solid #14b1bb;
	}

	.jobs a:hover,
	.jobs a.featured:hover {
		background: #f2f2f2;
	}

	.jobs a .row,
	.jobs p {
		margin: 0;
	}

	.jobs a h5 {
		line-height: 1.71em;
	}

	.jobs a strong {
		color: #222;
		font-weight: normal;
	}

	.jobs .hidden-job {
		display: none;
	}

	.job-location,
	.candidate-location {
		padding-left: 30px;
		position: relative;
	}

		.job-location:before,
		.candidate-location:before {
			color: #14b1bb;
			content: "\f041";
			font-family: "FontAwesome";
			left: 15px;
			position: absolute;
			top: 0;
		}

	.job-dates {
		padding-left: 37px;
		position: relative;
	}

		.job-dates:before {
			color: #14b1bb;
			content: "\f073";
			font-family: "FontAwesome";
			left: 15px;
			position: absolute;
			top: 0;
		}

	.candidate-date:before {
		color: #14b1bb;
		content: "\f073";
		font-family: "FontAwesome";
		font-weight: normal;
		margin-right: 7px;
	}

	.applied .job-title h5:before {
		color: #6ecf26;
		content: "\f058";
		font-family: "FontAwesome";
		font-weight: normal;
		margin-right: 7px;
	}
*/

.job_listing p {
    margin: 5px;
    line-height: 18px;
}
	/* 5.1. MORE JOBS
	---------------------------------------------------------------*/

	#more-jobs {
		margin-top: 25px;
	}

		#more-jobs .more {
			display: block;
		}

			#more-jobs.on .more {
				display: none;
			}

		#more-jobs .less {
			display: none;
		}

			#more-jobs.on .less {
				display: block;
			}

	/* 5.2. JOB TYPE BADGES
	---------------------------------------------------------------*/

	.badge.full-time {
		background: #6ecf26;
	}

	.badge.part-time {
		background: #ff6c00;
	}

	.badge.freelance {
		background: #72d2ff;
	}

	.badge.temporary {
		background: #c20000;
	}

	.badge.internship {
		background: #0064c2;
	}

	/* 5.3. FEATURED JOBS
	---------------------------------------------------------------*/

	.featured-job {
		color: #888;
	}

		.featured-job img,
		.featured-job .title {
			float: left;
			margin-bottom: 15px;
			margin-top: 15px;
		}

		.featured-job img {
			margin-left: 15px;
		}

		.featured-job .data {
			border-bottom: 1px solid #e7e7e7;
			border-top: 1px solid #e7e7e7;
			clear: both;
			margin: 15px 0;
			padding: 10px 15px;
		}

		.featured-job span {
			display: block;
		}

		.featured-job .description {
			padding: 0 15px;
		}

		.featured-job .title {
			padding: 11px 0 0 20px;
		}

		.featured-job i {
			margin-right: 10px;
		}

			.featured-job .city i {
				color: #0e76bc;
			}

			.featured-job .full-time i {
				color: #6ecf26;
			}

			.featured-job .part-time i {
				color: #ff6c00;
			}

			.featured-job .freelance i {
				color: #72d2ff;
			}

			.featured-job .sallary i,
			.featured-job .experience i {
				color: #0e76bc;
			}

	#sidebar .featured-job h5,
	#sidebar .featured-job p {
		margin: 0;
	}

	/* 5.4. RESUME
	---------------------------------------------------------------*/

	.work-experience h4 {
		color: #222;
		font-size: 1em;
		line-height: 1.5em;
	}

	.work-experience h5 {
		color: #0e76bc;
		font-family: "Montserrat", Arial;
		font-size: 1em;
		line-height: 1.5em;
		text-transform: uppercase;
	}

	.work-experience .img-circle {
		background: #14b1bb;
		color: #fff;
		font-size: 30px;
		height: 78px;
		line-height: 78px;
		margin: 5px 0 30px;
		text-align: center;
		width: 100%;
	}

	#widget-contact ul {
		line-height: 2em;
		list-style: none;
		margin: 0;
		padding: 0;
	}

		#widget-contact ul li i {
			color: #0e76bc;
			width: 25px;
		}

	#skills .badge {
		margin-right: 5px;
	}

	.dashed {
		border-top: 1px dashed #e7e7e7;
		margin: 15px 0;
	}

/* 6. FEATURED COMPANIES
-------------------------------------------------------------------*/
.no-style-list {
	list-style: none;
	padding: 0;
}

li .input-group {
	margin:4px;
}
.input-group-addon{
	background: #14b1bb;
	color: #FFFFFF;
}
.input-group span.input-group-addon-box{
	display: inline-block;
	padding: 10px;
	border: 1px solid #e7e7e7;
 	border-radius: 3px;
	width: 100%;
}

.list-with-logos {
	list-style: none;
	padding: 0;
}

.list-with-logos li {
	margin: 0 0 30px;
}

.list-with-logos li a {
	background: #fff;
	display: block;
	text-align: center;
}

.list-with-logos li a img {
	/*max-width: 100%;*/
	width:300px;
}

.list-with-logos li a span {
	background: #14b1bb;
	border-radius: 50%;
	font-family: "Montserrat", Arial;
	height: 30px;
	line-height: 24px;
	position: absolute;
	right: -5px;
	top: -5px;
	width: 30px;
}

/* 7. PARALLAX
-------------------------------------------------------------------*/

.parallax {
	background-attachment: fixed;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

	.parallax .tint {
		background: #000;
		height: 100%;
		left: 0;
		opacity: 0.7;
		position: absolute;
		top: 0;
		width: 100%;
	}

	.parallax h1 {
		color: #fff;
	}

#stats {
	/*background-image: url(http://placehold.it/1400x900.jpg);*/
}

#testimonials {
	/*background-image: url(http://placehold.it/1400x900.jpg);*/
}

/* 8. JOBSEEK APP & CONTACT
-------------------------------------------------------------------*/

#app {
	padding: 50px 0 0;
}

#mobile-app-phone-bg {
	background-image: url(../images/phone-app.png);
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 500px;
}

#contact .help-block {
	color: #fff;
}

#contact .help-success {
	color: #fff;
	font-family: "Montserrat", Arial;
	font-size: 1.5em;
	font-weight: bold;
	margin-top: 30px;
	text-transform: uppercase;
}

/* 9. JOBSEEK STATS
-------------------------------------------------------------------*/

#counter {
	margin: 40px;
	position: relative;
}

.counter {
	border: 2px solid #14b1bb;
	border-radius: 50%;
	display: inline-block;
	font-family: "Montserrat", Arial;
	font-weight: bold;
	height: 130px;
	letter-spacing: -0.05em;
	line-height: 2em;
	margin: 10px;
	padding-top: 41px;
	text-transform: uppercase;
	width: 130px;
}

	.counter .number {
		color: #fff;
		font-size: 24px;
	}

	.counter .description {
		color: #0e76bc;
		font-size: 15px;
  		line-height: 20px;
	}

/* 10. PLANS & PRICING
-------------------------------------------------------------------*/

.pricing {
	margin-top: 64px;
	margin-bottom: 60px;
	display: flex;

	
}

.more-info a { display: inline-block; margin-bottom: 18px; font-size: 14px;  color: #0171bb; font-weight: 600; text-decoration: underline; }
.more-info a:hover { color: #ee2d2e; }
	.pricing ul {
	
		border-bottom: 0;
		list-style: none;
		padding: 0;
		position: relative;
		margin: 0;
		top: 0;
		transition: all .3s ease;
		-moz-transition: all .3s ease;
		-webkit-transition: all .3s ease;
		-o-transition: all .3s ease;
	}

		.pricing:hover {
			top: -15px;
		}

		.pricing ul li {
		     padding: 0 0 4px 0;
		    margin-bottom: 4px;
		    color: #888;
		    font-weight: 600;
		    line-height: 1.9;
		}
		.pricing-box .btn {
		    background: #f8f8f8;
		    color: #888;
		    padding: 16px 28px;
		    font-size: 14px;
		    border-radius: 5px;
		}
		 .pricing-box .btn:hover { 
		 	background: #ee2d2e;
		 	color: #fff;
		 	border: 1px solid transparent;
		  }
		.pricing-box {
    		        padding: 23px 30px 22px 30px;
		}

		.pricing-detail {
		  border: 1px solid #e7e7e7;
		  height: 100%;
		  transition: all 0.5s;
		  transform: translateY(0);

		}
		.pricing-detail:hover {
			top: -15px;
			transform: translateY(-6px);
		}

		.pricing .title {
			background: #f5f5f5;
			border: 0;
			border-top: 5px solid #ee2d2e;
			color: #000;
			font-family: "Montserrat", Arial;
			font-size: 20px;
			font-weight: bold;
			line-height:1.5em;
			border-bottom: 1px solid #e7e7e7;
			padding: 56px 0;
			text-transform: uppercase;
		}

		.pricing .title .large {
			color: #0171bb;
			font-size: 24px;
		}

		.popular .title .large {
			color: #222;
			font-size: 24px;
		}

		.popular .title {
			background: #14b1bb;
		}

		.pricing .price {
			background: #222 !important;
			color: #0e76bc;
			font-family: "Montserrat", Arial;
			font-size: 72px;
			font-weight: bold;
			letter-spacing: -0.05em;
			line-height: 1em;
			padding: 0 0 50px;
			text-transform: uppercase;
		}

		.popular .price {
			background: #14b1bb !important;
			color: #222;
		}

/* 11. TESTIMONIALS
-------------------------------------------------------------------*/

#testimonials .owl-carousel {
	margin: 50px 0;
	text-align: left;
}

	#testimonials .owl-carousel blockquote {
		border: 0;
		color: #fff;
		font-size: 18px;
		font-style: italic;
		padding: 0;
	}

		#testimonials .owl-carousel blockquote footer {
			color: #0e76bc;
			font-style: normal;
			font-weight: bold;
		}

			#testimonials .owl-carousel blockquote footer::before {
				display: none;
			}

			#testimonials .owl-carousel blockquote footer cite {
				color: #fff;
				display: block;
				font-style: normal;
				font-weight: normal;
			}

#testimonials-long blockquote {
	border: 0;
	padding: 0;
}

/* 12. BLOG
-------------------------------------------------------------------*/

	/* 12.1. HOME PAGE BLOG
	---------------------------------------------------------------*/

	#blog .owl-carousel {
		margin-top: 50px;
	}

		#blog .owl-carousel img {
			margin-bottom: 25px;
		}

		#blog .owl-carousel h4 {
			color: #222;
		}

		#blog .owl-carousel h5 {
			color: #0e76bc;
			font-weight: normal;
			margin: 10px 0 25px;
			text-transform: uppercase;
		}

			#blog .owl-carousel h5 span {
				margin-right: 20px;
			}

				#blog .owl-carousel h5 span i {
					margin-right: 10px;
				}

	#blog .owl-controls i {
		color: #e7e7e7;
	}

		#blog .owl-controls i:hover {
			color: #ccc;
		}

	/* 12.2. BLOG POSTS
	---------------------------------------------------------------*/

	.post h2 {
		margin: 0;
	}

		.post h2::after {
			display: none;
		}

	.meta {
		margin: 0.5em 0 2em;
	}

		.meta span {
			margin-right: 20px;
		}

		.meta i {
			color: #0e76bc;
			margin-right: 5px;
		}

		.post .meta::after {
			background: #14b1bb;
			content: "";
			display: block;
			height: 5px;
			margin-top: 10px;
			width: 60px;
		}

	.share {
		display: table;
		list-style: none;
		margin: 3em 0;
		padding: 0;
		width: 100%;
	}

		.share li {
			float: left;
			margin-right: 5px;
		}

			.share li h5 {
				margin: 7px 10px 0 0;
			}

	.tags {
		border-bottom: 1px solid #e7e7e7;
		border-top: 1px solid #e7e7e7;
		display: table;
		list-style: none;
		margin: 3em 0;
		padding: 10px 0;
		width: 100%;
	}

		.tags li {
			float: left;
			margin-right: 15px;
		}

	#author {
		margin: 3em 0;
	}

		#author p {
			margin: 0.5em 0;
		}

		#author .social {
			display: table;
			list-style: none;
			margin: 0;
			padding: 0;
			width: 100%;
		}

			#author .social li {
				float: left;
				margin-right: 5px;
			}

				#author .social li a {
					color: #d8d8d8;
				}

					#author .social li a:hover {
						color: #bbb;
					}

	#paging {
		display: table;
		list-style: none;
		margin: 3em 0;
		padding: 0;
		width: 100%;
	}

	.gallery {
		list-style: none;
		padding: 0;
	}

		.gallery li {
			margin-bottom: 30px;
		}

	/* 12.3. BLOG SIDEBAR
	---------------------------------------------------------------*/

	.sidebar-links {
		margin-bottom: 50px;
	} 

		.sidebar-links ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}

			.sidebar-links li a {
				background: url(../images/bullet.png) no-repeat 10px 18px;
				border-bottom: 1px solid #e7e7e7;
				display: block;
				padding: 10px 10px 10px 25px;
			}

				.sidebar-links li a:hover {
					background: #f8f8f8 url(../images/bullet.png) no-repeat 15px 18px;
				}

				.sidebar-links li a span {
					display: block;
					color: #888;
					margin: 0;
				}

	.fa-stack {
		color: #0e76bc;
	}

/* 13. CLIENTS
-------------------------------------------------------------------*/

#clients .owl-carousel {
	padding: 20px 70px 0;
}

#clients img {
	margin-top: 50%;
	position: relative;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

#clients a {
	opacity: 0.4;
}

	#clients a:hover {
		opacity: 1;
	}

#clients .owl-controls i {
	color: #e7e7e7;
}

	#clients .owl-controls i:hover {
		color: #ccc;
	}

#clients .owl-controls .owl-prev,
#clients .owl-controls .owl-next {
	position: absolute;
	top: 65px;
}

#clients .owl-controls .owl-prev {
	left: 0;
}

#clients .owl-controls .owl-next {
	right: 0;
}

/* 14. TEAM
-------------------------------------------------------------------*/

.team-member {
	background: #fff;
	margin-bottom: 30px;
	padding: 30px;
}

	.team-member h5 {
		margin-top: 2em;
	}

	.team-member h6 {
		margin: 0.5em 0 2em;
	}

/* 15. FOOTER
-------------------------------------------------------------------*/

#prefooter {
	background: #222;
	padding: 50px 0;
}

	#prefooter h2 {
		color: #fff;
		margin-bottom: 25px;
        font-size: 1.4em;
	}

	/* 15.1. NEWSLETTER
	---------------------------------------------------------------*/

	#newsletter .form-control {
		border: 0;
		border-radius: 3px 0 0 3px;
		height: 35px;
		width: 330px;
	}

	#newsletter .btn {
		border-radius: 0 3px 3px 0;
		left: -2px;
		position: relative;
	}

	/* 15.2. SOCIAL NETWORKS
	---------------------------------------------------------------*/

	#social-networks {
		text-align: right;
	}

		#social-networks a {
			margin: 0 0 0 5px;
		}

		#social-networks h2 {
			margin-bottom: 40px;
		}

			#social-networks h2::after {
				position: absolute;
				right: 15px;
			}

	/* 15.3. CREDITS
	---------------------------------------------------------------*/

	#credits {
		background: #181818;
		padding: 25px 0;
	}

/* 16. REGISTER & LOGIN FORMS
-------------------------------------------------------------------*/

.popup {
	background: rgba(0,0,0,0.8);
	display: none;
	left: 0;
	min-height: 100%;
	overflow: auto;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 40000;
}

	.popup form {
		background: #fff;
		border-radius: 0 0 5px 5px;
		padding: 30px;
	}

	.popup hr {
		margin: 30px 0;
	}

	.popup .btn {
		color: #fff;
		margin: 5px 0;
		padding: 10px 0;
		text-align: center;
		width: 100%;
	}

.popup-form {
	left: 50%;
	margin: 60px 0 60px -150px;
	position: absolute;
	top: 0;
	width: 300px;
}

.popup-header {
	background: #14b1bb;
	border-radius: 5px 5px 0 0;
	padding: 30px;
}

	.popup-header h2 {
		color: #fff;
		margin: 0;
		padding: 0;
	}

		.popup-header h2::after {
			display: none;
		}

.social-login {
	list-style: none;
	margin: 0;
	padding: 0;
}

	.social-login .btn i {
		margin-right: 10px;
	}

	.social-login .btn-facebook {
		background: #2e5898;
	}

		.social-login .btn-facebook:hover {
			background: #244576;
		}

	.social-login .btn-google {
		background: #d84a38;
	}

		.social-login .btn-google:hover {
			background: #b73827;
		}

	.social-login .btn-linkedin {
		background: #1C87BD;
	}

		.social-login .btn-linkedin:hover {
			background: #186d97;
		}


/*  LEGACY TAYKON STYLES
-------------------------------------------------------------------*/
.heading_banner{
    width: 306px;
    height: 73px;
    margin-top:7px;
    background: transparent url(../images/layout/heading_banner.png) 0 0 no-repeat;
}
.heading_banner_text1{
    width: 318px;
    height: 105px;
    background: transparent url(../images/layout/heading_banner_text1.png) 0 0 no-repeat;
}
.heading_banner h2{
    font-size: 1.8em;
    margin:0;
    padding: 10px 0 0 16px;
    color:#FFF;
    text-shadow: #464545 1px 1px 1px;
    font-weight: bold;
}

.heading_banner_text1 h2{
    font-size: 1.8em;
    margin:0;
    padding: 16px 0 0 16px;
    color:#FFF;
    text-shadow: #464545 1px 1px 1px;
    font-weight: bold;
}
.heading_banner h2::after, .heading_banner_text1 h2::after{
    background: none;
    content: "";
    display: block;
    height: 0;
    margin-top: 0;
}
.heading_banner p, .heading_banner_text1 p{
    font-size: 1.2em;
    margin:0;
    padding: 4px 0 0 18px;
    color:#FFF;
    text-shadow: #464545 1px 1px 1px;
    font-weight: bold;
}
.rounded_corners{
    margin:8px 0;
    padding:16px;
    border: 1px #dddddd solid;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
ul.no_padding {
    padding: 0;
}
ul.no_margin li {
    margin: 0;
}
ul.no_bullets li {
    list-style: none;
}
ul.no_bullets li {
    margin: 4px 0;
}
ul.url_listing{
   margin-top:30px;
   margin-left:-40px;
}
ul.url_listing li{
   height: 80px;
   margin: 10px 0;
   border-bottom:1px dotted #575757;
}

ul.url_listing li a{
   display: block;
   text-decoration: none;
}

ul.url_listing li a span.heading{
   font-size: 1.2em;
   color: #575757;
   font-weight: bold;
}
.btn { 
background: #ee2d2e;
border:1px solid  transparent;
 }
ul.url_listing li a:hover, ul.url_listing li a:hover span.heading{
   color: #3399cc;
}
a.product_option{
    display: inline-block;
    font-size: 1.2em;
    width:250px;
    height:40px;
    padding:6px 0 8px 24px;
    margin:0;
    color:#464545;
    border-bottom: 1px dotted #464545;
    text-decoration: none;
}
a.product_option:hover, a.product_option_selected{
    color:#3399CC;
    background: #dddddd url(../images/dot_full.png) 4px center no-repeat;
    cursor: pointer;
}

.admin_table {
	background: #E9E9E9;
}
.help-content {
    width: calc(100% - 60px);
}
.admin_table td {
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: top;
	border-bottom: 1px solid #FFFFFF;
}

.admin_table td td {
	padding: 0;
}

.admin_table .admin_table_right {
	padding: 10px;
	vertical-align: top;
	width: 250px;
	background: #D6D6D6;
	border-left: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}
/*  ---------------------------------------------  */

.bg-img-1 img, .bg-img-2 img, .bg-img-3 img, .bg-img-4 img {
    display: none;
}

.job_listing {
    border-bottom: 1px solid #e7e7e7;
    padding: 15px;
}
.unlit{
	background: #f3f3f3;
	padding: 8px;
}
.lit{
	background: #fbfbfb;
	padding: 8px;
}
.lit .bold,
.unlit .bold{
	font-weight: 800;
}

/*homepage*/
#header { position: relative; border-bottom: 2px solid #f2f3f4;   padding: 30px 0 26px 0; margin-bottom: 60px; }
#mainmenu ul { padding-left: 60px; }
.header-box ,  .header-left ,.header-right { display: flex; align-items: center; }
.header-box , .copyright { display: flex; justify-content: space-between; float: none; }
.copyright { padding: 38px 48px 10px 0; }
.login-detail  li { display: inline-block; }
.login-detail  { padding-right: 14px; margin-bottom: 0; }
#mainmenu ul { margin: 0; }
#mainmenu ul li a , .login-detail li a { transition: all 0.5s; font-size: 14px; color: #888; font-weight: 600; } 
#mainmenu ul li a:hover , .login-detail li a:hover { color: #0071bb; }
.recruiting-btn a { position: relative;     padding: 14px 42px 14px 30px; font-size: 14px; font-weight: 600; color: #0071bb; border: 1px solid #0071bb; }
.recruiting-btn a::before { transition: all 0.5s; content: ''; border-left: solid 2px #0071bb; border-top: solid 2px #0071bb; position: absolute; right: 29px; bottom: 21px;  transform: rotate(-135deg); width: 7px; height: 7px; display: block; }
.recruiting-btn a:hover { background: #0071bb; color: #fff; }
.recruiting-btn a:hover:before {  border-left: solid 2px #fff;
border-top: solid 2px #fff;  }
#mainmenu ul li { display: inline-block; padding-right: 50px; }
.login-detail li:last-child { padding-left: 18px; }
.header-logo a { max-width: 204px; }
 #logo { width: 204px; display: inline-block; }
 #logo img { width: 100%; }
.register-btn a { padding: 18px 39px; font-size: 16px; } 
.register-advertiser-img figure { max-width: 200px; }
.register-advertiser-img figure img { width: 100%; }
.register-btn a:hover { background: #0071bb; border: 1px solid transparent; }



/*footer*/
  #footer { background: #000;     padding: 104px 0 0 0; }
 .footer-box ul { padding: 0; margin: 0; }
 .footer-box ul li { list-style: none; padding-bottom: 8px; }
 .footer-detail { display: flex; flex-wrap: wrap; padding-bottom: 42px; border-bottom: 1px solid #141414; }
 .footer-social-icon ul li { display: inline-block; list-style: none; }
 .copyright-content p { padding-left: 16px; display: inline-block; font-weight: 600; color: #bfbfbf; }
 .footer-box h4 { font-size: 18px; color: #fff; margin-bottom: 34px;  }
 .footer-box a { font-size: 14px; font-weight: 600; color: #bfbfbf; }
 .footer-box a:hover { color: #0071bb; }

.leader-slider .container { padding-top: 50px; border-top: 1px solid #e7e7e7; }
.advertise-detail { display: flex; flex-wrap: wrap; }
.advertise-box figure { text-align: center; margin-bottom: 20px; flex: 1; max-width: 220px; }
.advertise-box figure img{ width: 100%; }

.advertise-box { width: calc( 100% - 8px ); border-radius: 5px;  margin: 0 8px; align-items: center; display: flex; flex-direction: column;  transition: all 0.5s; background: #e5f2f3; border-bottom: 4px solid transparent; padding: 38px 36px; }
.advertise-box:hover { border-bottom: 4px solid #000; }
.footer-logo { display: inline-block; max-width: 117px; }
.footer-logo img { width: 100%; }
.footer-social-icon ul li { padding-left: 20px; }
.footer-social-icon ul li i { font-size: 16px; color: #fff; transition: all 0.5s; }  
.footer-social-icon ul li i.fa-twitter:hover { color: #28aae1; }
.footer-social-icon ul li i.fa-facebook:hover { color: #3c79e2; } 
.footer-social-icon ul li i.fa-linkedin:hover { color: #2977c9; } 
.footer-social-icon ul li i.fa-youtube-play:hover { color: #ff0000; }

/*register*/
.register-advertiser-content { display: flex; align-items: center; }
.login-link a { font-size: 16px; color: #0171bb; font-weight: bold; text-decoration: underline; margin-left: 30px; }
.login-link a:hover { color: #ee2d2e; }
.register-advertiser { display: flex; justify-content: space-between; align-items: center; }

/*advertise*/
.help-box  h2 , .leader-slider h2 { line-height: 1.6; font-size: 24px; text-transform: uppercase; letter-spacing: 0px; position: relative; padding-bottom: 10px; }
.help-box  h2:before , .leader-slider h2:before { position: absolute; left: 0; bottom: 0; background: #ee2d2e; width: 60px; height: 5px; background: #ee2d2e; content: ""; }
.advertise-post ul li {
    padding-bottom: 10px;
    position: relative;
    list-style: none;
    font-size: 16px;
    color: #888;
    font-weight: 600;
}
.advertise-post ul li:before {
    position: absolute;
    left: -18px;
    top: 11px;
    width: 5px;
    height: 5px;
    content: "";
    border-radius: 50%;
    background: #14b1bb;
}
.help-icon { z-index: 1; position: relative; width: 75px; height: 75px; background: #0171bb; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.help-icon:before { position: absolute; z-index: -1; width: 100%; height: 100%; background: #ee2d2e; border-radius: 50%; content: ""; left: 0; top: 0; transition: all 0.5s; transform: scale(0); }
.need-help:hover .help-icon:before { transform: scale(1); }
.need-help { display: flex; }
.help-content p { margin: 0; margin-left: 20px; font-size: 16px; color: #888; font-weight: 600; }
.advertise-post ul { padding-left:  22px; }
.help-content strong { font-size: 18px; font-weight: bold; color: #222; }
.advertise-box p { margin-bottom: 0; color: #888; font-weight: 600;  text-align: center; line-height: 2.4; }
.advertise-info .heading-content { font-size: 16px; color: #d3f4f5; }
.advertise-info h3 {     margin: 54px 0 20px 0; font-size: 36px; color: #fff; text-transform: uppercase; }
.advertise-content { display: flex;  height: 100%; flex-direction: row;     margin: 52px 0 20px 0; }
.advertise-slider-info { padding-bottom: 44px; }
.works-slider-img , .industry-slider-info { position: relative; }
.works-slider-img  .slick-arrow , .industry-slider-info .slick-arrow { z-index: 2; position: absolute; font-size: 0; top: 30%; margin-top: -20px; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; transition: all 300ms ease-in-out;  border-radius: 50%; border: none;  }
.industry-slider-info .slick-arrow  { top: 40%; }
.works-slider-img .slick-prev ,  .industry-slider-info .slick-prev { background:#222 url(/common/images/left-aero.png) no-repeat center;  left: -40px;  }
.works-slider-img .slick-next , .industry-slider-info .slick-next { background:#222 url(/common/images/right-aero.png) no-repeat center;  right: -40px;  }
.works-slider-img .slick-arrow:hover  {background-color: #0171bb; }
.industry-slider-info .slick-arrow:hover {
    background-color: #ccc;
}
.industry-slider-info .slick-prev  { left: -120px; }
.industry-slider-info .slick-next { right: -120px; }
.works-slider-img .slick-arrow:focus , .industry-slider-info .slick-arrow:focus { outline: none; }
.works-slider-img .icon_wrap{ display: inline-block;  transition: 0.3s all;  border-radius: 50%; }
.works-slider-img .icon_wrap .icons{ background-repeat: no-repeat;
    background-size: 100% auto; display: inline-block; width: 110px; background:transparent ; height: 110px; font-size: 110px; background-position: left bottom; vertical-align: top; transition: 0.2s all; }
.works-slider-img .slick-slide > div { text-align:center; border-bottom: 12px solid transparent; }
.works-slider-img .slick-list { padding:  0 30px !important; }
.works-slider-img .slick-active:hover .hover1,.works-slider-img .slick-center .hover1 { border-bottom-color:#95c753;   }
.works-slider-img .slick-active:hover .hover2,.works-slider-img .slick-center .hover2 { border-bottom-color:#34b3e4; }
.works-slider-img .slick-active:hover .hover3,.works-slider-img .slick-center .hover3 { border-bottom-color:#35bec1; }
.works-slider-img .slick-active:hover .hover4,.works-slider-img .slick-center .hover4 { border-bottom-color:#f16d64; }
.works-slider-img .slick-active:hover .hover5,.works-slider-img .slick-center .hover5 { border-bottom-color:#945200; }
.works-slider-img .slick-active:hover .hover6,.works-slider-img .slick-center .hover6 { border-bottom-color:#303336; }
.works-slider-img .slick-active:hover .hover7,.works-slider-img .slick-center .hover7 { border-bottom-color: #f3902f; }
 
.works-slider-img .leader-slider-content { padding: 18px 0; font-size: 18px; text-transform: uppercase; font-weight: bold; }
.works-slider-img .hover1 .leader-slider-content { color: #95c753;  }
.works-slider-img .hover2 .leader-slider-content { color: #34b3e4;  }
.works-slider-img .hover3 .leader-slider-content { color: #35bec1;  }
.works-slider-img .hover4 .leader-slider-content { color: #f16d64;  }
.works-slider-img .hover5 .leader-slider-content { color: #945200;  }
.works-slider-img .hover6 .leader-slider-content { color: #303336;  }
.works-slider-img .hover7 .leader-slider-content { color: #f3902f;  }


.works-slider-img .slick-active:hover .hover1 .icon_wrap ,.works-slider-img .slick-center .hover1 .icon_wrap  { background-color :#95c753  }
.works-slider-img .slick-active:hover .hover2 .icon_wrap ,.works-slider-img .slick-center .hover2 .icon_wrap  {  background-color :#34b3e4 }
.works-slider-img .slick-active:hover .hover3 .icon_wrap ,.works-slider-img .slick-center .hover3 .icon_wrap  {  background-color :#35bec1 }
.works-slider-img .slick-active:hover .hover4 .icon_wrap ,.works-slider-img .slick-center .hover4 .icon_wrap  {  background-color :#f16d64 }
.works-slider-img .slick-active:hover .hover5 .icon_wrap ,.works-slider-img .slick-center .hover5 .icon_wrap  {  background-color :#945200 }
.works-slider-img .slick-active:hover .hover6 .icon_wrap ,.works-slider-img .slick-center .hover6 .icon_wrap  {  background-color :#303336 }
.works-slider-img .slick-active:hover .hover7 .icon_wrap ,.works-slider-img .slick-center .hover7 .icon_wrap  {  background-color : #f3902f }


.works-slider-img .slick-slide .icon_wrap .icons { background-size: 100% auto; background-position: left bottom; background-repeat: no-repeat; }
.works-slider-img .slick-slide:hover .icon_wrap,.works-slider-img .slick-center .icon_wrap{ border-radius: 50%; }
.works-slider-img .slick-slide:hover .icon_wrap .icons,.works-slider-img .slick-center .icon_wrap .icons {  transform: scale(0.7); background-position: top left !important; }

.slider-box { outline: none; }
.pricing-box strong { color: #222; font-weight: 600; }
.help-box { padding-bottom: 24px; }


/*home-page-2*/
/*banner*/
#header.main-homepage { margin-bottom: 0; }
.section-banner { background: url(/common/images/banner.jpg) no-repeat; background-size: cover;  position: relative; }
.section-banner.mining-jobs-banner { background: url(/common/images/mining-jobs-banner.jpg) no-repeat; background-size: cover; }
.section-banner.mining-jobs-banner .banner-info { align-items: center; padding-bottom: 0; min-height: 668px;  }
.search-detail { display: flex; width: 100%;  border: 1px solid #666;  }
.jobs-detail { width: 70%;     padding: 30px 40px 30px 40px; background: #fff; }
.resume-detail { background: #e0f4fe; width: 30%;     padding: 36px 20px 80px 30px; }
.search-box { display: flex;  width: 100%; margin-bottom: 28px; } 
.search-box .btn { border: none; font-weight: bold; }
.search-box .job-skill input , .search-box .form-control{ border-radius: 0; min-height: 54px; border: 1px solid #cdcdcd;  background: #fff; padding: 16px 24px; }
.search-box .form-control {
-webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;}
.search-box input { transition: all 0.5s; width: 100%;     padding: 16px 35px; margin-right: 12px; border: 1px solid #cdcdcd; border-radius: 0; font-size: 16px; font-weight: 500; text-transform: none; }
.search-box select { width: 100%; min-height: 54px;  border: 1px solid #cdcdcd; }
.search-box input::placeholder { font-size: 14px; color: #888; font-weight: 500; }
.search-btn button , .upload-resume-btn a { font-weight: 16px; font-weight: bold; border: none; padding: 13px 58px 13px 24px; background: #ee2d2e; font-size: 16px; color: #fff; }
.upload-resume-btn a { background: #0171bb; padding: 18px 28px; } 
.upload-resume-btn a:hover { background: #ee2d2e; }
.search-detail .post-job { font-size: 16px; color: #0171bb; font-weight: bold; }
.search-detail .post-job:hover { color: #ee2d2e; }
.resume-detail span { font-weight: 500; font-size: 16px; color: #222; }
.resume-detail p { font-size: 24px; color: #222; font-weight: bold; margin-bottom: 36px; }
.location { position: relative; }
.location:before {     content: '';
    border-top: solid 6px #848690;
    border-right: solid 6px transparent;
    border-left: solid 6px transparent;
    position: absolute;
    right: 30px;
    top: 50%;
    margin-top: -3px;
 }
.location , .job-skill { width: 294px; padding-right: 12px; }
#quicksearch { display: flex; }
.search-box input:focus , .search-box .form-control:focus {
    border: 1px solid #cdcdcd;
    box-shadow: none;

}
.search-btn input:hover { background: #0071bb; }

.banner-info {
    min-height: 723px;
    display: flex;
    align-items: flex-end;
    padding-bottom: 94px;
}

.jobs-detail h2 { font-size: 30px; color: #222; font-weight: bold; line-height: 1.2; margin-bottom: 24px; max-width: 450px;  }
.jobs-detail h2:after { display: none; }

/*slider*/
.industry-slider-box img { width: 100%; }
.industry-slider-detail { display: flex; flex-wrap: wrap; }
.industry-slider-box figure { margin: 0; position: relative; }
.industry-slider-box { padding-bottom: 30px; border-bottom: 4px solid #bfbfbf; position: relative; }
.industry-slider-box:before { transition: all 0.5s; position: absolute; left: 0;  width: 0; background: #ee2d2e; content: ""; bottom: -4px; height: 4px; }
.industry-slider-content { margin-top: 16px; }
.industry-slider-detail .item { width: 33.33%; padding: 0 30px; margin-bottom: 30px; position: relative; }
.industry-slider-detail .item:hover .industry-slider-box:before { width: 100%; }
.industry-slider-detail .item:hover .box-number { background: #ee2d2e; }
.industry-slider-detail .item:focus { outline: none; }
.industry-slider-detail .item:before { position: absolute; right: 0; top: 0; background: #dedede; width: 1px; height: calc(100% - 34px); content: ""; }
.industry-slider-detail .item:nth-child(3n):before { display: none; }
/*.industry-slider-box .box-content { position: absolute; left: 0; bottom: 0; background: #0171bb; width: 100%; padding: 10px 0;  }*/
.industry-slider-box .box-content span { font-size: 16px; color: #fff; font-weight: bold; text-align: center; display: block; }
/*.item.slick-slide.slick-current.slick-active  p  { color: #0171bb; }*/
.industry-slider-box p { margin-bottom: 22px; font-size: 16px; color: #888;  font-weight: 600; text-align: left; padding-top: 10px; }
.industry-slider-box span { font-size: 22px; color: #222; font-weight: bold; }
.industry-slider { background: #f6f6f6;     padding: 60px 0 54px 0; }
.industry-slider a:focus { outline: none; }


/*jobs*/
.section-title h2 { font-size: 36px; color: #222; margin-bottom: 38px; letter-spacing: 0px; }
.latest-jobs-detail  {  padding: 54px 0 0; }
.latest-jobs-detail .latest-roles-heading-content { margin-bottom: 22px; }
.latest-jobs-detail  .section-title h2 { margin-bottom: 20px; }
.job-time-detail { display: flex; align-items: center; }
.job-time-detail ul { padding-left: 12px; margin: 0; }
.job-time-detail ul li {  color: #0171bb; font-size: 14px; font-weight: 500; display: inline-block; padding: 0 12px; line-height: 1; border-right: 1px solid #0171bb; } 
.job-time-detail ul li:last-child { border: none; }
.latest-jobs .d-flex { display: flex; }
.job-date {     padding: 12px 22px; background: #0171bb; text-align: center; }
.atest-jobs div[class*="col"] {  display: flex; flex-direction: column;}
.job-date span { font-weight: bold; color: #fff; font-size: 16px; text-transform: uppercase;  }
.job-box { margin: 10px 0; position: relative; cursor: pointer; border: 1px solid #dedede; transition: all 0.5s;  }
.job-more-details {  padding: 34px 30px 40px; }
.job-box:before , .roles-box:before { transition: all 0.5s; position: absolute; left: 0; bottom: 0; right: 0; height: 4px; width: 0; background: #bfbfbf; content: "";  }
.job-box:hover   { background: #f6f6f6;  }
.job-box:hover:before  { width: 100%; }
.job-box:hover .btn-details { background: #ee2d2e; color: #fff; }
.latest-jobs .latest-jobs { display: flex; flex-direction: column; }
.job-more-details { padding: 30px 20px; }
.job-more-details h3 { font-size: 24px; color: #222; line-height: 1.3; font-weight: bold; margin: 0 0 18px 0; }
.job-more-details p { font-weight: 600; font-size: 14px; color: #888; line-height: 2.2; margin-bottom: 28px; }
.btn-details { font-weight: bold; display: inline-block; padding: 10px 20px; border: 1px solid #cdcdcd; font-size: 12px; color: #888; text-transform: uppercase; }
.advertise-detail .slick-track { display: flex; }
.advertise-detail .slick-slide { display: flex; height: auto; }

.roles-info { display: flex; justify-content: space-between; margin-bottom: 26px; }
.roles-box { border-bottom: 1px solid #e0e0e0; padding: 30px ; background: #fff; position: relative; }
.roles-box:hover { background:#f4f4f4;  }
.roles-box:hover:before { width: 100%; } 
.roles-content { width: calc(100% - 140px); }
.roles-content h3 { margin: 0 0 2px 0; font-size: 24px; color: #222; font-weight: bold; text-transform: none; }
.roles-content ul { margin: 0; padding: 0; margin: 0 -10px;  } 
.roles-content ul li { font-size: 14px; color: #0071bb; font-weight: 600; display: inline-block; padding: 0 10px; border-right: 1px solid #0071bb; line-height: 1;  }
.roles-content ul li:last-child { border: none; }
.jobs-detail h2:before , .latest-roles-heading-content h2:after { display: none; }

.roles-box .read-more-link { color: #0071bb; }
.latest-roles-heading-content { background: #0071bb; }
.latest-roles-heading-content {
    background: #0071bb;
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    padding: 22px 0;
}
.latest-roles-heading-content h2 {
    margin-bottom: 0;
    font-weight: bold;
    text-align: center;
    font-size: 24px;
    text-transform: capitalize;
    letter-spacing: 0px;
    color: #fff;
    line-height: 1.2;
}
.latest-roles-detail {
    padding: 20px;
    background: #fff;
    transition: all 0.5s;
    border-bottom: 1px solid #bfbfbf; 
}

 .roles-btn .btn-details  { padding: 16px 28px; font-weight: bold; color: #fff; margin-left: 4px; text-transform: none; } 
 .roles-btn .btn-details.featured-btn { background: #0071bb; } 
 .roles-btn .btn-details.read-more-btn { background: #ee2d2e; }
 .roles-btn .btn-details.read-more-btn:hover { background: #0071bb; }
 .latest-roles { background: #f4f4f4; padding: 60px 0; }
 .roles-btn .btn-details.new-btn { color: #888; border: 1px solid #c9c9c9; padding: 21px 27px; }
.roles-box p {
    font-size: 16px;
    color: #888;
    font-weight: 600;
    margin-bottom: 0;
}
.roles-box .read-more-link {
    color: #0071bb;
    font-size: 14px;
    font-weight: bold;
    text-decoration: underline;
    vertical-align: middle;
}
.pagination ul { padding: 0; margin: 0; text-align: center; }
.pagination ul li { margin-right: 6px; list-style: none; text-align: center; display: inline-block;   } 
.pagination ul li a { font-weight: 600; border-radius: 0; font-size: 14px; color: #888;  padding: 8px 16px; border: 1px solid #888; display: inline-block; }
.pagination ul li.next a { background: #888; color: #fff; }
.pagination ul li a:hover { border: 1px solid transparent; background: #0171bb; color: #fff; text-decoration: none; }


.industry-slider-detail.industry-slider-info {     border: 1px solid #e0e0e0;  padding: 30px 0 0 0; display: flex; flex-wrap: wrap;  background: #fff; }
.industry-slider-box .item { padding: 0 30px 30px 30px;   margin: 0; width: 33.33%;  border-right: 1px solid #dedede; }
.industry-slider-box .box-content { position: relative; }
.industry-box-detail {
    background: #0171bb;
}
.industry-slider-box .box-content { display: flex; } 
.industry-box-detail { width: 75%; }
.box-number { width: 25%; background: #bfbfbf; transition: all 0.5s; }
.box-number span { border: 1px solid #fff; display: block; padding: 10px; }
.box-number { padding: 16px; }
.industry-box-detail  { padding: 26px 0; }


.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary{ background-color: #0171bb;
    border-color: #0171bb;}


/* 17. MOBILE SITES
-------------------------------------------------------------------*/
	

	
	/* 17.1. BIG SCREENS
	---------------------------------------------------------------*/
	@media (min-width: 2000px) {

		.section-banner.mining-jobs-banner .banner-info { min-height: 1000px;  }
		.search-detail { border: 2px solid #666; }
	}
	@media (min-width: 1200px) {

		.slide-content h2 {
			font-size: 80px;
		}

		.jobs .city {
			width: 160px;
		}

		.jobs .type {
			width: 130px;
		}

		.jobs .sallary {
			width: 80px;
		}

		.jobs .experience {
			width: 120px;
		}

		.featured-job span {
			display: inline-block;
			padding-right: 20px;
		}

		#newsletter .form-control {
			width: 430px;
		}

		.work-experience .img-circle {
			font-size: 36px;
			height: 99px;
			line-height: 99px;
		}

	}

	

	@media only screen and (min-width: 1024px) {
		#mainmenu > ul { display:block !important; }
	}

	@media only screen and (max-width: 1400px) {
		.works-slider-img .slick-prev { left: -10px; }
		.works-slider-img .slick-next { right: -10px; }
		.help-box h2, .leader-slider h2 { font-size: 18px; }
	}


	@media only screen and (max-width: 1500px) {
		.industry-slider-info  { padding: 0 44px; }

		.industry-slider-info .slick-next {
			right: 0;
		}
		.industry-slider-info .slick-prev {
			left: 0;
		}



	}

	@media only screen and (max-width: 1200px) {
	#mainmenu ul li { padding-right: 22px; }
	#box-detail { margin-bottom: 30px; }
	.header-box, .copyright { flex-wrap: wrap; }
	.section { padding: 0; }
	.advertise-info h3 { font-size: 28px;  }
	.advertise-box { padding: 20px 15px; }
	.advertise-box p { line-height: 1.6; }
	.search-box input {     padding: 16px 18px; }
	.resume-detail p { font-size: 20px; }

	/*home-page-2*/
	.location, .job-skill { width: 240px; }
	.job-time-detail ul { padding-left: 3px; }
	.job-date { padding: 8px 18px; }
	.job-time-detail ul li { padding: 0 6px; font-size: 13px; }
	.section-title h2 { margin-bottom: 20px; font-size: 30px; }
	.industry-slider-detail .item { padding: 0 20px; margin-bottom: 26px; }
	.industry-slider-box { padding-bottom: 20px; }
	.industry-slider-box span { font-size: 18px; }
	.box-number { padding: 12px; }
	.box-number span { padding: 10px; }
	.industry-slider-box .box-content span { line-height: 1; }
	.industry-box-detail { padding: 23px 6px; }
	.industry-slider-box p { font-size: 15px; padding-top: 8px; margin-bottom: 14px; }


	}

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

	.works-slider-img .slick-prev { left: 0; }
	.works-slider-img .slick-next { right: 0; }
	#box-detail { margin-bottom: 10px; }
	.help-box { padding-bottom: 30px; }
	#mainmenu { order: 3; margin: 0; padding-left: 30px;  }
	#mainmenu > ul { padding: 0; display:none; position:absolute;  left:0; width:100%; top:100%;  background: #35bec1; z-index:5;  }
	#mainmenu ul li { display: block; float:none; margin:0; padding:0; border-bottom:solid 1px #000; }
	#mainmenu ul li:last-child  { border: none; }
	#mainmenu ul li a { padding:8px 16px; display:block; color: #000;  } 
	#mainmenu ul li a:hover { color: #35bec1;
    background: #191919; }
	#mainmenu ul li a:after { display:none; }
	#header { margin-bottom: 20px; }
	#logo { width: 140px; }
	.copyright { padding: 24px 15px 0 15px; }
	.advertise-content { display: flex; flex-wrap: wrap; margin: 0 -8px; }
	.advertise-slider-info { padding-bottom: 30px; }
	.advertise-box { width: calc( 50% - 16px ); margin-bottom: 16px;  padding: 20px;  }
	.latest-jobs-detail , .industry-slider { padding: 30px 0 20px 0; }
	.latest-jobs .row { margin-left: -10px; margin-right : -10px; }
	.latest-jobs .d-flex { padding-left: 10px; padding-right: 10px; }
	.industry-slider-box .box-content { padding: 8px 0; }
	.industry-slider-content { margin-top: 8px; }
	/*.industry-slider-detail .item { padding: 0 60px; }*/
	.industry-slider-box p { margin-bottom: 14px; }
	.industry-slider-detail .item { width: 50%; }
	.roles-content h3 { font-size: 19px; }
	.works-slider-img .leader-slider-content { padding: 15px 0 14px 0; }
	.industry-slider-detail .item:nth-child(3n):before { display: block; }
	.industry-slider-detail .item:nth-child(2n + 0):before { display: none; }

 

	
	/* Responsive Menu line icon*/
	#menu { display:block;  height: 22px;  }
	.menulines-button { padding:0; cursor: pointer; user-select: none; text-transform:uppercase; font-size:16px; color:#fff; text-decoration:none; }
	.menulines-button em { display: none; color: #000; font-style:normal; font-weight:bold; margin-left:10px; }
	.menulines-button:hover { text-decoration:none; }
	.menulines { margin: 9px 0; display: inline-block; width: 20px; height: 3px; background: #000; position: relative;  -moz-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -ms-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); opacity:1; }
	.menulines:before, .menulines:after { display: inline-block; width:20px; height: 3px; background: #000; position: absolute; left: 0; content:''; -moz-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -ms-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transform-origin: 0.28571rem center; -moz-transform-origin: 0.28571rem center; -ms-transform-origin: 0.28571rem center; transform-origin: 0.28571rem center; }
	.menulines:before { top: 7px; }
	.menulines:after { top: -7px; }
	.menuopen .menulines { background:none; }
	.menuopen .menulines:before, .menuopen .menulines:after {  -webkit-transform-origin: 50% 50%;  -moz-transform-origin: 50% 50%;  -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; top: 0; } 
	.menuopen .menulines:before { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); } 
	.menuopen .menulines:after {  -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); }
	.register-advertiser { display: block; }
	.register-advertiser-content { display: flex; }
	section.postajob h1 { font-size: 22px; }
	section.postajob .well { padding: 30px 40px; }
	.register-advertiser-img { display: block; margin-top: 20px; }
	.pricing { margin: 30px -6px 26px -6px; }
	.pricing .title { font-size: 17px; padding: 40px 6px; }
	.pricing .title .large { font-size: 20px; }
	.pricing-box { padding: 14px 8px; }
	.help-box h2 { font-size: 20px; margin-bottom: 22px; }
	.advertise-post ul li { font-size: 15px; padding-bottom: 6px; }
	.help-icon { width: 60px; height: 60px; }
	.advertise-info { padding-bottom: 0; }
	#footer { background: #000; padding: 30px 0 0 0; }
	.footer-detail { padding-bottom: 20px; }
	.footer-box h4 { margin-bottom: 12px; } 
	.leader-slider .container { padding-top: 30px; }

	/*homepage-2*/
	 .resume-detail { width: 100%;     padding: 36px 20px 50px 26px; }
	.jobs-detail { width: 100%;    padding: 36px 20px 28px 26px; }
	.banner-info { min-height: 100%;  padding: 20px 0; }
	.section-banner { background: #fff; }
	.section-banner.mining-jobs-banner .banner-info { min-height: 100%; padding:20px 0; }
	.section-banner.mining-jobs-banner { background: #fff; }
	.search-detail { display: block; }
	 .pricing  div[class*="col"] {  padding: 0 6px 20px 6px; }
	 .industry-slider-box .box-content { padding: 6px 0; }
	
	 .jobs-detail h2 { font-size: 25px; }
	 .register-btn a { padding: 12px 24px; font-size: 14px; }
	 .footer-box a { font-size: 13px; }
	 .pagination ul li a { font-size: 13px; padding: 4px 12px; }

}


	
	@media (max-width: 991px) {

		.slide-content h2 {
			font-size: 44px;
		}

		.jobs img,
		.jobs .title {
			float: left;
			margin-bottom: 15px;
		}

		.jobs .data {
			clear: both;
			display: block;
			float: none;
		}

		.jobs .data span {
			padding: 0;
		}

		#newsletter .form-control {
			width: 220px;
		}

		.work-experience .img-circle {
			font-size: 24px;
			height: 53px;
			line-height: 53px;
		}

	}

	/* 17.3. SMALL TABLETS
	---------------------------------------------------------------*/
	@media (max-width: 768px) {
2

		section {
			padding: 0;
		}
		section#title, section#jobs {
			padding: 10px 0 0 0;
		}

       /* div[class*="col"] {
            padding-bottom: 10px;
            padding-top: 10px;
        }*/
      
        .color2 {
            background: url(../images/background.jpg);
        }

        #contact div[class*="col"],
        #prefooter div[class*="col"] {
            padding-bottom: 20px;
            padding-top: 20px;
        }

        .jobs a div[class*="col"] {
            padding-bottom: 0;
            padding-top: 0;
        }

        .slide-content h2 {
            font-size: 36px;
            margin-bottom: 5px;
        }

        #testimonials .owl-carousel {
            text-align: center;
        }

        #testimonials .owl-carousel blockquote {
            font-size: 16px;
        }

        #newsletter .form-control {
            border-radius: 3px;
            height: auto;
            width: 100%;
        }

        #newsletter .btn {
            border-radius: 3px;
            left: auto;
        }

        #social-networks {
            text-align: left;
        }

        #social-networks a {
            margin: 0 5px 0 0;
        }

        #social-networks h2 {
            margin-bottom: 25px;
        }

        #social-networks h2::after {
            position: relative;
            right: auto;
        }

        .work-experience .img-circle {
            font-size: 36px;
            height: 99px;
            line-height: 99px;
            width: 99px;
        }

        #testimonials-long {
            text-align: center;
        }

        .bg-img-1, .bg-img-2, .bg-img-3, .bg-img-4 {
            background-image: none;
        }
        .bg-img-1 img, .bg-img-2 img, .bg-img-3 img, .bg-img-4 img {
            display:block;
        }

    }

	@media only screen and (max-width: 767px) {
	.advertise-info h3 { margin: 26px 0 10px 0; font-size: 18px; }
	.pricing  {     margin: 30px -20px 0px -20px; flex-wrap: wrap; }
	.pricing-detail { margin: 0 15px; }
	#logo { width: 140px; }
	.advertise-box figure { max-width: 150px; margin: 0 auto; }
	.advertise-box figure img { width: 100%; }
	#mainmenu { padding-left: 8px; }
	section.postajob .well { padding: 22px 20px; }
	.register-advertiser-img figure { max-width: 150px; }
	.register-advertiser-img figure img { width: 100%; }
	section.postajob h1 { margin-bottom: 18px; font-size: 17px; }
	.register-btn a { padding: 13px 8px; font-size: 14px; }
	.recruiting-btn a {   padding: 7px 26px 8px 6px; font-size: 12px; }
	.recruiting-btn a::before { right: 15px; bottom: 14px; width: 6px; height: 6px; }
	.pricing .title { font-size: 16px; padding: 20px 0; }
	.more-info a { margin-bottom: 4px; }
	.pricing .title .large { font-size: 17px; }
	.pricing-box { padding: 14px 10px; }
	.help-box h2 { font-size: 18px; }
	.advertise-info { padding-bottom: 0 !important; }
	.copyright { display: block;     padding: 18px 15px 0 15px; }
	.footer-social-icon ul { padding: 0; }
	.copyright-content p { display: block; padding-left: 0; padding-top: 10px; margin-bottom: 10px; }
	.footer-social-icon ul li:first-child { padding: 0; }
	.footer-detail { padding-bottom: 0; }
	.footer-box h4 { margin-bottom: 8px; font-size: 16px; }
	.footer-box ul li { padding-bottom: 8px; }
	.advertise-box { padding: 14px; width: 100%; } 
	.advertise-box figure { margin-bottom: 12px; }
	.advertise-box p { line-height: 1; }
	.help-box h2, .leader-slider h2 { font-size: 16px; line-height: 1.3; margin-bottom: 14px; }
	.advertise-post { margin-bottom: 14px; }
	.search-box , #quicksearch { display: block; }
	.location, .job-skill { width: 100%; margin: 10px 0; }
	.search-box .search-btn input { width: auto; }
	.jobs-detail { padding: 20px; }
	.works-slider-img .slick-arrow, .industry-slider-info .slick-arrow { width: 30px; height: 30px; }
	.industry-slider-info {  padding: 0 43px; }
	.jobs-detail h2 { font-size: 24px; margin-bottom: 12px; }
	.search-box input {  padding: 10px 14px; font-size: 14px; }
	.section-title h2 { font-size: 28px; }
	.jobs-detail h2 { font-size: 16px; }
	.search-box select , .search-box input { min-height: 40px; }
	.search-box { margin-bottom: 10px; }
	.resume-detail { padding: 20px 20px 40px 20px; }
	.upload-resume-btn a { padding: 14px 25px; font-size: 14px; }
	.resume-detail p { margin-bottom: 24px; font-size: 17px; }
	.job-date { padding: 4px 14px; }
	.job-date span { font-size: 14px; }
	.latest-jobs .d-flex { padding-left: 10px; padding-right: 10px; }
	.latest-jobs .row { margin-left: -10px; margin-right: -10px; }
	.job-more-details h3 { font-size: 17px; margin-bottom: 6px; }
	.search-box .job-skill input , .search-box .form-control { min-height: 44px; padding: 8px 18px; }
	.latest-jobs-detail , .industry-slider { padding: 20px 0; }
	.job-box {     margin: 0 0 16px 0; }
	.industry-slider-box , .industry-slider-info { margin: 0; }
	.leader-slider .slick-initialized .slick-slide { padding-top: 0; padding-bottom: 0; }
	.industry-slider-detail .item { padding: 0 40px; }
	.industry-slider-info .slick-prev { left: 5px; }
	.industry-slider-info .slick-next { right: 5px; }
	.industry-slider-detail .item:before , .industry-slider-detail .item:nth-child(3n):before , .industry-slider-detail .item:nth-child(2n):before { display: none; }
	.advertise-info .heading-content { font-size: 14px; }
	.roles-info { display: block; margin-bottom: 14px;  }
	.roles-btn { margin-top: 12px; }
	.roles-btn a { margin-left: 0; }
	.roles-box .read-more-link { display: none; }
	.roles-content { width: 100%; margin-bottom: 14px; }
	.roles-box , .latest-roles-detail { padding: 14px; }
	.latest-roles-heading-content h2 { font-size: 15px; }
	.latest-roles-heading-content { padding: 14px 0; }
	.roles-box p { font-size: 14px; }
	.roles-btn .btn-details { padding: 10px 20px; margin-left: 0; }
	.roles-box .read-more-link , .roles-content ul li  { font-size: 13px; }
	.works-slider-img .leader-slider-content { padding: 10px 0; }
	.advertise-slider-info { padding-bottom: 20px; }
	.help-content strong { font-size: 16px; }
	.help-content p { font-size: 14px; line-height: 1.6; }
	.help-box { padding-bottom: 14px; }
	.leader-slider .container { padding-top: 20px; }
	.pricing-box .btn {  padding: 10px 24px; } 
	.works-slider-img .leader-slider-content { font-size: 15px; }
	.footer-box { margin-bottom: 14px; }
	.login-link a { font-size: 14px; }
	.job-more-details {  padding: 18px 15px; } 
	.pagination { margin: 24px 0 10px 0; }
	.latest-roles { padding: 30px 0; }
	.login-detail { padding-right: 0; }

	
}

	/* 17.4. SMARTPHONES
	---------------------------------------------------------------*/
	@media (max-width: 480px) {

		h1 {
			font-size: 32px;
		}

		#home header {
			background: #14b1bb;
		}

		.slide-content {
			padding: 0 30px;
		}

		.slide-content h2 {
			font-size: 30px;
			margin-bottom: 5px;
		}

		.slide-content h3 {
			font-size: 14px;
		}


		.slide-content .btn {
			font-size: 12px;
		}

		.jobs .data span {
			display: block;
		}

		#searchbox {
			background: #14b1bb;
			left: 0;
			opacity: 0;
			padding: 5px 15px;
			position: absolute;
			top: -62px;
			width: 100%;
		}

		#searchfield {
			width: 100%;
		}


		img.pull-left,
		img.pull-right {
			float: none !important;
			margin: 5px 0 15px 0;
		}

		.job-title p {
			padding-left: 20px;
			position: relative;
		}

			.job-title p:before {
				color: #0e76bc;
				content: "\f1ad";
				font-family: "FontAwesome";
				left: 0;
				position: absolute;
				top: 0;
			}

		.job-location {
			padding-left: 35px;
			position: relative;
		}

		/*.sl-slider-wrapper {*/
			/*height:320px;*/
		/*}*/

		.bg-img-1, .bg-img-2, .bg-img-3, .bg-img-4 {
			background-image: none;
		}
		.bg-img-1 img, .bg-img-2 img, .bg-img-3 img, .bg-img-4 img {
			display:block;
			padding-top:70px;
		}
		.register-advertiser-content { display: block; }
		.works-slider-img .slick-list { padding:  0 20px !important; margin:0 35px; }
		.login-link { margin-top: 20px;  }
		.login-link a { margin-left: 0; }
		#logo { width: 115px; }
		section.postajob h1 { font-size: 15px; }
		section.postajob .well { padding: 18px 12px; }
		.register-btn a { padding: 6px 12px; font-size: 12px;}
		.industry-slider-box .box-content span { font-size: 14px; }
		.industry-slider-box .box-content { padding: 4px 0; }
		 .box-number { padding:6px; }
		.industry-box-detail { padding: 16px 4px; }
		.industry-slider-box p { font-size: 14px; padding-top: 6px; }
		.job-time-detail ul li { padding: 0 4px; font-size: 12px; }
		.job-time-detail ul { padding-left: 6px; }
		.section-title h2 { font-size: 19px; margin-bottom: 14px; } 
		.btn-details {     padding: 10px 12px; }
		.job-more-details p { line-height: 1.8; margin-bottom: 16px; }
		.job-box { margin: 6px 0 }
		.need-help { display: block; }
		.help-content { width: 100%; }
		.help-content p { margin: 0; }
		.roles-content h3 { font-size: 16px; }
		 .latest-roles-detail { padding: 8px; }
		 .latest-roles-heading-content h2 { font-size: 16px; }

}
div#PopupJobseekerLoginFade { display: none; }

div#PopupJobseekerRegistrationFade { display: none; }
h3.text-center.registerNow { cursor: pointer; }

/* Updated on 14-10-2019, MY */
#powersearch label{
	font-weight:bold;
}
#powersearch td label{
	font-weight:normal;
}

/*@media only screen and (min-width: 1024px) {
	#mainmenu > ul { display:block !important; }
}

@media only screen and (max-width: 1200px) {
#mainmenu ul li { padding-right: 22px; }
#box-detail { margin-bottom: 30px; }
.header-box, .copyright { flex-wrap: wrap; }
.section { padding: 0; }
.advertise-info h3 { font-size: 28px;  }
.advertise-box { padding: 20px 15px; }
.advertise-box p { line-height: 1.6; }



}

@media only screen and (max-width: 1400px) {
.works-slider-img .slick-prev { left: -10px; }
.works-slider-img .slick-next { right: -10px; }
.help-box h2, .leader-slider h2 { font-size: 18px; }


}

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

	.works-slider-img .slick-prev { left: 0; }
	.works-slider-img .slick-next { right: 0; }
	#box-detail { margin-bottom: 10px; }
	.help-box { padding-bottom: 30px; }
	#mainmenu { order: 3; margin: 0; padding-left: 30px;  }
	#mainmenu > ul { padding: 0; display:none; position:absolute; border-bottom: 1px solid #000; left:0; width:100%; top:100%;     background: #35bec1; z-index:5;     border-top: 1px solid #000; }
	#mainmenu ul li { display: block; float:none; margin:0; padding:0; border-bottom:solid 1px #000; }
	#mainmenu ul li:last-child { border: none; }
	#mainmenu ul li a { padding:8px 16px; display:block; color: #000;  } 
	#mainmenu ul li a:hover { color: #191919; background:#fff; }
	#mainmenu ul li a:after { display:none; }
	#header { margin-bottom: 20px; }
	#logo { width: 140px; }
	.copyright { padding: 24px 15px 0 15px; }
	.advertise-content { display: flex; flex-wrap: wrap; margin: 0 -8px; padding-bottom: 40px; }
	.advertise-box { width: calc( 50% - 16px ); margin-bottom: 16px;  padding: 20px;  }

	
	/* Responsive Menu line icon*/
	/*#menu { display:block;  height: 22px;  }
	.menulines-button { padding:0; cursor: pointer; user-select: none; text-transform:uppercase; font-size:16px; color:#fff; text-decoration:none; }
	.menulines-button em { display: none; color: #000; font-style:normal; font-weight:bold; margin-left:10px; }
	.menulines-button:hover { text-decoration:none; }
	.menulines { margin: 9px 0; display: inline-block; width: 20px; height: 3px; background: #000; position: relative;  -moz-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -ms-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); opacity:1; }
	.menulines:before, .menulines:after { display: inline-block; width:20px; height: 3px; background: #000; position: absolute; left: 0; content:''; -moz-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -ms-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transform-origin: 0.28571rem center; -moz-transform-origin: 0.28571rem center; -ms-transform-origin: 0.28571rem center; transform-origin: 0.28571rem center; }
	.menulines:before { top: 7px; }
	.menulines:after { top: -7px; }
	.menuopen .menulines { background:none; }
	.menuopen .menulines:before, .menuopen .menulines:after {  -webkit-transform-origin: 50% 50%;  -moz-transform-origin: 50% 50%;  -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; top: 0; } 
	.menuopen .menulines:before { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); } 
	.menuopen .menulines:after {  -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); }
	.register-advertiser { display: block; }
	.register-advertiser-content { display: flex; }
	section.postajob h1 { font-size: 22px; }
	section.postajob .well { padding: 30px 40px; }
	.register-advertiser-img { display: block; margin-top: 20px; }
	.pricing { margin: 30px -15px 26px -15px; }
	.pricing .title { font-size: 17px; padding: 40px 6px; }
	.pricing .title .large { font-size: 20px; }
	.pricing-box { padding: 14px 10px; }
	.help-box h2 { font-size: 20px; margin-bottom: 22px; }
	.advertise-post ul li { font-size: 15px; padding-bottom: 6px; }
	.help-icon { width: 60px; height: 60px; }
	.advertise-info { padding-bottom: 0; }
	#footer { background: #000; padding: 30px 0 0 0; }
	.footer-detail { padding-bottom: 20px; }
	.footer-box h4 { margin-bottom: 12px; } 
	.leader-slider .container { padding-top: 30px; }
}


@media only screen and (max-width: 767px) {
	.advertise-info h3 { margin: 26px 0 10px 0; font-size: 18px; }
	.pricing  {     margin: 30px -15px 0px -15px; }
	.pricing-detail { margin: 0 20px; }
	#logo { width: 100px; }
	.advertise-box figure { max-width: 150px; margin: 0 auto; }
	.advertise-box figure img { width: 100%; }
	#mainmenu { padding-left: 8px; }
	section.postajob .well { padding: 22px 20px; }
	.register-advertiser-img figure { max-width: 200px; }
	.register-advertiser-img figure img { width: 100%; }
	section.postajob h1 { margin-bottom: 18px; font-size: 17px; }
	.register-btn a { padding: 13px 8px; font-size: 14px; }
	.recruiting-btn a {     padding: 7px 27px 8px 11px; font-size: 13px; }
	.recruiting-btn a::before { right: 15px; bottom: 14px; }
	.pricing .title { font-size: 17px; padding: 30px 0; }
	.pricing .title .large { font-size: 17px; }
	.pricing-box { padding: 14px 10px; }
	.help-box h2 { font-size: 18px; }
	.advertise-info { padding-bottom: 20px; }
	.copyright { display: block;     padding: 18px 15px 0 15px; }
	.footer-social-icon ul { padding: 0; }
	.copyright-content p { display: block; padding-left: 0; padding-top: 10px; margin-bottom: 10px; }
	.footer-social-icon ul li:first-child { padding: 0; }
	.footer-detail { padding-bottom: 0; }
	.footer-box h4 { margin-bottom: 8px; font-size: 16px; }
	.footer-box ul li { padding-bottom: 8px; }
	.advertise-box { padding: 14px; width: 100%; } 
	.advertise-box figure { margin-bottom: 12px; }
	.advertise-box p { line-height: 1; }
	.help-box h2, .leader-slider h2 { font-size: 16px; }
}

@media only screen and (max-width: 479px) {
.register-advertiser-content { display: block; }
.works-slider-img .slick-list { padding:  0 20px !important; margin:0 35px; }
.login-link { margin-top: 20px;  }
.login-link a { margin-left: 0; }
#logo { width: 89px; }
section.postajob h1 { font-size: 15px; }
section.postajob .well { padding: 18px 12px; }
.register-btn a {
    padding: 6px 12px;
    font-size: 12px;
}


}*/



/*
.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  min-width: 220px;
  box-shadow: 0px 0 18px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  background: #fff;
   
}

.dropdown-content a {
  padding: 12px 16px;
  text-decoration: none;
  display: block;
	color:  #0071bb;
	border:none;
	border-bottom: 1px solid #0071bb;
	font-size: 14px;
	font-weight: 600;
}
.dropdown-content a:last-child {
	border:none;
}

.dropdown-content a:before {
  display: none;
}

.dropdown-content a:hover {
	background:#0071bb;
	color: #fff;
}


	
.recruiting-btn button {
	position: relative;
	padding: 14px 42px 14px 30px;
	font-size: 14px;
	font-weight: 600;
	color:  #0071bb;
	border: 1px solid #0071bb;
  background: #fff;
}
.recruiting-btn button::before {
	transition: all 0.5s;
	content: '';
	border-left: solid 2px  #0071bb;
	border-top: solid 2px #0071bb;
	position: absolute;
	right: 29px;
	bottom: 23px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-135deg);
	width: 7px;
	height: 7px;
	display: block;
}
.recruiting-btn button:hover {
	background:#0071bb;
	color: #fff;
}
.recruiting-btn button:hover::before {
	border-left: solid 2px  #fff;
	border-top: solid 2px #fff;
}

@media only screen and (max-width: 1400px) {
	.dropdown-content { min-width:100%; }
	.dropdown-content a { font-size:12px; }
}
@media only screen and (max-width: 1023px) {
.recruiting-btn button { padding: 10px 42px 10px 30px; }
.recruiting-btn button::before { bottom:18px; }
}

@media only screen and (max-width: 380px) {
	.recruiting-btn button {
          padding: 10px 30px 10px 17px; font-size:12px;
}
.dropdown-content a {
    padding: 8px 5px;
}
.recruiting-btn button::before { right:15px; }
#logo { width:100px; }
.dropdown-content a { font-size:11px; }
}
*/