/*
Theme Name: WorkScout
Theme URI: http://workscout.in/
Author: Purethemes
Author URI: http://purethemes.net/
Description: WordPress Job Board Theme
Version: 4.1.01
License: ThemeForest
License URI: http://themeforest.net/licenses
Text Domain: workscout
Domain Path: /languages/
Tags:  post-formats, theme-options, translation-ready, two-columns

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/


/* Main Font */
body, p, a, input, input[type="text"], input[type="password"], input[type="email"],
textarea, select, input[type="button"], input[type="submit"], button, body .pac-container
{ font-family: sans-serif }

/*@media screen and (max-width: 600px) {
html #wpadminbar {
    top: -46px;
}}
*/
html body.admin-bar .new-header #header { top: 32px; }

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 4px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/* Search widget. */
.widget_search .search-submit {
	display: none;
}

.widget select.radius_type {
    width: 30%;
    padding: 13px;
    margin-left: 10px;
    float: right;
}

.widget input#search_radius {
	width: 65%;
    float: left;
}

.widget-salary-filter {
	margin-bottom: 10px
}
.chosen-container.chosen-container-single.radius_type.chosen-select-radius.chosen-container-single-nosearch {
    margin-left: 5%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
	background: #FCF0AD; 
	padding:0px 30px;
}
.sticky .post-content {
	border-bottom: 0px;
}



.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text,
figure.image-right figcaption,
figure.image-left figcaption,
.wp-caption-text{
	background-color: #f4f4f4;
	font-weight: 500;
	font-size: 15px;
	color: #888;
	padding: 10px 20px;
}

.wp-caption-text { background-color: #fff; 	margin: 0 !important;}


/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-item img {
	margin: 0px auto;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}




/* ------------------------------------------------------------------- */
/* Import Section
---------------------------------------------------------------------- */




/* ------------------------------------------------------------------- */
/* Header
---------------------------------------------------------------------- */
.old-header header,
.old-header header#main-header {
	height: 90px;
	background-color: #fff;
	z-index: 9999
}

.old-header #logo {
	margin-left: 0;
	display: inline-block;
	float: left;
	margin-top: 15px;
}

.old-header #logo img { margin-top: 8px; }
.old-header .transparent #logo img { max-height: 60px; }

/* Full-Width Header Styles */
.old-header header.full-width .container, 
.old-header header.full-width .container .sixteen.columns {
	width: 100%;
	padding-left: 20px;
	box-sizing: border-box;
	float: left;
	margin: 0;
}

.old-header header.full-width #navigation ul.float-right { right: 35px; }

.cloned  #logo { margin-top: 0px; }
/* Alternative Header & Menu style*/
.alternative #navigation {
	width: 100%;
	border-top: 1px solid #e0e0e0;
	margin: 27px 0 0 0;
	padding: 24px 0 12px 0;
}

.alternative #navigation ul {
	margin: 0;
}

.alternative .menu ul li { margin: 0 10px 0 0; }

.alternative #navigation ul.float-right { top: 27px; }


/* ---------------------------------- */
/* Transparent Header
------------------------------------- */
.old-header header#main-header.transparent {
	position: absolute;
	background: transparent;
	z-index: 999;
	top: 0;
	left: 0;
	width: 100%;
    box-shadow: inset 0px -1px 0px 0px rgba(255,255,255,0.2);
}
.admin-bar header#main-header.transparent {
	top: 40px;
}

body.boxed #wrapper { position: relative; }

.old-header header.transparent .menu ul li a {
    color: #fff;
    font-size: 14px;
    letter-spacing: 0.5px;
    line-height: 19px;
}

.old-header header.transparent .menu ul ul li a {
    color: #959595;   
    font-size: 14px;
    letter-spacing: 0px;
}

.old-header header.transparent ul.float-right li a {
    background-color: rgba(255,255,255,0.1);
    color: #fff;
}

.old-header header.transparent ul.float-right li a:hover {
    background-color: rgba(255,255,255,0.2);
    color: #fff;
}

.old-header header.transparent .menu ul ul li a:hover { color: #fff; }
.old-header header.transparent .sf-with-ul::after { color: rgba(255,255,255,0.8); }

#banner.with-transparent-header {
	max-height: 710px;
	background-attachment: fixed;
}
#banner.with-transparent-header.mobilebg {
    background-size: cover;
    background-attachment: initial;
    background-position: center;
}

#banner.with-transparent-header .search-container {
	padding: 190px 0;
	margin-top: 45px;

}

#banner.with-transparent-header:before { background-color: rgba(42, 46, 50, 0.7); }
.old-header header.transparent.alternative #navigation { border-top: none; }
.old-header header.transparent #logo { border-bottom: none; }

#titlebar.photo-bg.with-transparent-header {
	padding-top:170px;
}
/*#titlebar.photo-bg.with-transparent-header.single {
	padding-top:200px;
}*/
/* Smaller than standard 1180 (devices and browsers) */
@media only screen and (min-width: 960px) and (max-width: 1289px) {
	#banner.with-transparent-header .search-container {  margin-top: 65px; }
}


/* Tablets */
@media only screen and (max-width: 990px) {
	
	.old-header header.transparent { box-shadow: none; }
	#banner.with-transparent-header .search-container {  margin-top: 65px; }
	body  #titlebar.with-map.photo-bg.with-transparent-header {
		padding-top: 220px !important;
	}
}


/* Mobiles */
@media only screen and (max-width: 767px) {

	#banner.with-transparent-header .search-container {
	    padding: 190px 0;
	    margin-top: 35px;
	}

	#banner.with-transparent-header { max-height: 760px; }
	header.transparent #logo img  { margin-top:10px; }

	#titlebar.photo-bg.with-transparent-header {
		padding-top:220px;
	}
}


/* White dropdown for transparent header */
.old-header header.transparent .menu ul ul {
	background-color: #fff;
}

.old-header header.transparent .menu ul ul:before { color: #fff; }

.old-header header.transparent .menu ul li.sfHover ul li a.sf-with-ul,
.old-header header.transparent .menu ul ul li a {
	color: #808080;
	background-color: #fff;
}

.old-header header.transparent .menu ul ul li a:hover { color: #333; }
#titlebar.titlebar-boxed-company-info .bookmark-notice { box-shadow: none; }
/* ---------------------------------- */
/* Sticky Header
------------------------------------- */
.sticky-header.headroom--pinned.cloned,
.sticky-header.headroom--unpinned.cloned,
.sticky-header.headroom--top.cloned {
    transform: translateY(-100%);
    transition: all 0.25s ease-in-out;
}


.sticky-header.cloned {
	background-color: transparent;
	position: fixed !important;
	top: 0;
	left: 0;
	opacity: 0;
	visibility: hidden;
	background-color: #fff;
	border-bottom: none;
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.22);
	width: 100%;
	z-index: 999;
	max-height: 80px;
}

.sticky-header.cloned.headroom--not-top.headroom--unpinned,
.sticky-header.cloned.headroom--not-top.headroom--pinned {
	opacity: 1;
	visibility: visible;
	transition-delay: 0s;
    transform: translateY(0%);
}

.sticky-header.cloned .menu ul.float-right,
.sticky-header.cloned .menu ul#responsive {
	margin: 21px 0;
}

.sticky-header.cloned #logo img {
	max-height: 42px;
	width: auto;
	margin: 20px 30px 20px 0;
}

/* ---------------------------------- */
/* Navigation
------------------------------------- */

.old-header #navigation { float: left; margin-right: 0; }

.old-header #navigation ul.float-right {
	right: 10px;
	top: 0;
	position: absolute;
}

.old-header #navigation ul.float-right li a i { margin-right: 2px; }

.js .selectnav { display: none; }

.old-header .menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-weight: 700;
	text-transform: none;
	margin: 26px 0 0 25px;
	max-width: 750px
}
.alternative .menu ul#responsive  {
	max-width: 100%;
}

.old-header .menu ul li {
	position: relative;
	margin-left:10px;
	padding: 0;
}

.old-header .menu ul ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 100;
	width: 200px;
	letter-spacing: 0;
}

.old-header .menu > ul li { float: left; }
.old-header .menu ul li:hover > ul { display: block; }

.old-header .menu ul a {
	display: block;
	position: relative;
}

.old-header .menu ul ul ul {
	top: 0;
	left: 100%;
}


/* Main Styles */
.old-header .menu ul a { text-decoration: none; }

.old-header .menu ul > li > a {
	color: #333;
	font-weight: 500;
	font-size: 14px;
	line-height: 18px;
	padding: 0;
	overflow: hidden;
	padding: 10px 14px;
	margin-bottom: 12px;
}
.old-header .menu ul > li.current-menu-item > a,
.old-header .current-menu-item > a{  color: #fff; }
.old-header .current-menu-item > a.sf-with-ul:after { color: #fff; }

.old-header .menu ul ul li a,
.old-header .menu ul li.sfHover a.sf-with-ul:after,
.old-header .menu ul li a {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.old-header ul.float-right li a { 
	background-color: #f0f0f0;
	color: #333;
 }

.old-header ul.float-right li a:hover,
.old-header .menu ul li.sfHover a.sf-with-ul,
.old-header .menu ul li.current-menu-parent > a,
.old-header .menu ul li a:hover {
	color: #fff;
}


/* Drop-Down */
.old-header .menu ul ul {
	background-color: #282828;
	z-index: 999;
	margin: 0 0 0 0;
	padding: 14px 0;
	border-top: 10px solid inherit;
}

.old-header .menu ul ul:before {
	font-family: "FontAwesome";
	content: "\f0d8";
	font-size: 23px;
	color: #282828;
	display: block;
	position: absolute;
	top: -11px;
	left: 13px;
}

.old-header .menu ul ul ul:before { content:"";}

.old-header .menu > ul ul li:hover > a {
	border-bottom: 0;
	background: transparent;
}

.old-header .menu ul ul li {
	margin: 0;
	padding: 0;
	width: 100%;
}

.old-header .menu ul li.sfHover ul li a.sf-with-ul,
.old-header .menu ul.menu ul li a {
	font-weight: 500;
	text-transform: none;
	color: #9f9f9f;
	font-size: 14px;
	line-height: 19px;
	padding: 5px 18px !important;
	border: 0;
	margin-bottom: 0;
	background-color: #282828;
}


.old-header .menu ul ul li:first-child { border: none; }

.old-header .menu ul ul li a:hover,
.old-header .menu ul li.sfHover ul li a.sf-with-ul:hover { color: #fff; }

.old-header .menu ul ul ul {
	margin: 0 0 0 3px;
	border: none;
}

.old-header .sf-with-ul:after {
	content: "\f107";
	font-family: "FontAwesome";
	font-size: 14px;
	margin: 0 0 0 7px;
	top: 0;
	position: relative;
	width: 9px;
	height: 5px;
	display: inline-block;
	color: rgba(0,0,0,0.4);
	float: right;
	font-weight: 500;
}

.old-header ul li ul a.sf-with-ul:after {
	right: 9px;
	top: 4px;
	position: absolute;
	content: "\f105";
}
.old-header .menu ul li.current-menu-parent a.sf-with-ul:after,
.old-header .menu ul li.sfHover a.sf-with-ul:after { color: #fff; }
.old-header .menu ul li ul a.sf-with-ul:after { color: #888 !important; }


/* Trigger Styles */
.mmenu-trigger {
    height: 50px;
    width: 50px;
    display: none;
	right: 0;
    margin: 0;
    background-color: #eee;
    border-radius: 4px;
    cursor: pointer;
	float: right;
	margin: 20px 0;
}

/* Hamburger Icon */
.hamburger {
    padding: 0;
    top: 15px;
    left: 12px;
    transform: scale(0.72);
    -moz-transform: scale(0.72) translateY(3px);
    position: relative;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    outline: none;
    overflow: visible;
}

.hamburger-box {
    position: relative;
}

.hamburger-inner {
    display: block;
    top: 50%;
    outline: none;
    margin-top: -2px; }

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 34px;
    height: 4px;
    background-color: #555;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
       outline: none;
    transition-timing-function: ease; }

.hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block;
}

.hamburger-inner::before { top: -10px; outline: none; }
.hamburger-inner::after { bottom: -10px; outline: none; }

/* Animation */
.hamburger--collapse .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-duration: 0.13s;
    transition-delay: 0.13s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--collapse .hamburger-inner::after {
    top: -20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }

.hamburger--collapse .hamburger-inner::before {
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--collapse.is-active .hamburger-inner {
    transform: translate3d(0, -10px, 0) rotate(-45deg);
    transition-delay: 0.22s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

.hamburger--collapse.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }

.hamburger--collapse.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-90deg);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }

    
.mmenu-trigger { display: none; }

@media only screen and (max-width: 990px) {
	.menu ul { margin: 0; }
	.mmenu-trigger { display: inline-block; }
	#responsive { display: none; }

	#navigation ul.float-right {
		position: relative;
		text-transform: none;
		font-weight: 500;
		display: inline-block;
		width: 100%;
		right:0;
		border-top: 1px solid #e6e6e6;
	}

	#navigation { float: none; }
	
	#navigation ul.float-right a {
		color: #333;
		margin: 15px 10px 15px 0;
		display: inline-block;
		font-size: 14px;
		border-radius: 4px;
		padding: 9px 12px;
		background-color: #eee;
	}	
	#navigation ul.float-right a.button {
		color: #fff;
	}

	ul.float-right li {
		display: inline-block;
		padding: 4px 0;
	}

	#logo {
		width: calc(100% - 55px);
		position: relative;
		box-sizing: border-box;
		display: inline-block;
		padding-bottom: 0;
		margin: 15px 0 0 0;
		float: left;
	}
	
	header.transparent #logo { padding-bottom: 0; }
	header.transparent #navigation ul.float-right {
	    right: -15px;
	    top: 0;
	    position: relative;
	    text-align: center;
	}
	
	header.transparent.alternative #navigation ul.float-right a {
	    color: #fff;
	    background: rgba(255,255,255,0.2);
	}
	
	header.transparent #navigation ul.float-right {
	    right: auto;
	    top: 100%;
		left: 0;
	    position: absolute;
	    text-align: left;
		border: none;
	}

	header.transparent .mmenu-trigger {
		background-color: rgba(255,255,255,0.2);
	}
	
	header.transparent .hamburger-inner, 
	header.transparent .hamburger-inner::before, 
	header.transparent .hamburger-inner::after { background: #fff; }
}

/* ------------------------------------------------------------------- */
/* Homepage Banner
---------------------------------------------------------------------- */
#banner {
	max-height: 640px;
	width: 100%;
	display: inline-block;
	position: relative;
	background-repeat: no-repeat;
	background-position: 50%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin-bottom: 35px;
}
#banner:before {
	content:"";
	width: 100%;
	height: 100%;
	display: inline-block;
	background-color: rgba(34,34,34,0.7);
	position: absolute;
}

.search-container {
	display: block;
	width: 100%;
	position: relative;
	padding: 140px 0;
	margin-top: -10px;
}

.standard-width .search-container {
	width: auto;
	padding-left: 20px;
	padding-right: 40px;
}

@media only screen and (min-width: 1367px) {
	.search-container {
		padding: 190px 0;
	}
}


.search-container h2 {
	font-size: 46px;
	color: #fff;
	margin-bottom: 30px;
	letter-spacing: -1px;
}

.search-container .chosen-container {
	width: 44.5% !important;
}

.search-container .chosen-container,
.search-container select,
.search-container input {
	font-weight: 500;
	font-size: 18px;
	float: left;
	box-sizing: border-box;
	padding: 19px 20px;
	border: none;
	margin-right: 2%;
	width: 44.5% ;
	float: left;
}
.search-container .inputs-number-3 .chosen-container,
.search-container .inputs-number-3 select,
.search-container .inputs-number-3 input {
	width: 29% !important;
}

.search-container .chosen-container {
	padding: 0px;
}
.search-container .chosen-container-single .chosen-single {
	padding: 5px 0 6px 18px;
}
.search-container .chosen-container-single .chosen-single div b:after {
	top: 7px;
}

.ui-menu {
	font-size: 16px;
	margin: 0;
	list-style: none;
	overflow: hidden;
	position: absolute;
	z-index: 10000;
	display: none;
	background: #f8f8f8;
	border-style: solid;
	color: #a6a6a6;
	width: 330px;
	border-bottom: 1px solid #e9e9e9;
}

.ui-menu li.ui-menu-item {
	padding: 15px;
	white-space: nowrap;
	overflow: hidden;
	text-align: left;
	line-height: 26px;
}

.ui-menu li.ui-menu-item.ui-state-focus {
	cursor: pointer;
    background: #f2f2f2;
    
    width: 100%;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
	border: 0px;
}

.ac_match {
	font-weight: 700;
	color: #606060;
}

/* Form Icons */
input.ico-01 { background: #fff url("images/ico-01.png") no-repeat scroll 97% 20px / 21px 21px; }
input.ico-02 { background: #fff url("images/ico-02.png") no-repeat scroll 96% 20px / 14px 21px; }

.search-container input:focus { border: none; }

.search-container button {
	background-color: #505050;
	color: #fff;
	border: none;
	cursor: pointer;
	font-size: 20px;
	box-sizing: border-box;
	text-align: center;
	height: 60px;
	width: 7%;
	position: relative;
}

.search-container button:before { 
	content: "";
	display: inline-block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.1);
	opacity: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	z-index: 99;
}

.search-container button:hover:before { opacity: 1; }

.search-container button i { z-index: 100; position: relative; }

.search-container .chosen-container-single .chosen-single span { font-size: 16px; }
.search-container .chosen-container-single .chosen-single { border: none !important; padding: 6px 0 6px 18px; }
.search-container .chosen-container-single .chosen-search input[type="text"] { min-height: auto; }
.search-container .chosen-container .chosen-results li.active-result { font-size: 14px; font-weight: 400; }
.search-container { z-index: 90; }

 /* Browse Jobs */
.browse-jobs {
	color: #fff;
	margin-top: 20px;
 }

.browse-jobs a {
	background-color: rgba(255,255,255,0.1);
	border: 1px solid rgba(255,255,255,0.3);
	padding: 5px 10px;
	color: #fff;
	margin: 0 5px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.browse-jobs a:hover {
	background-color: rgba(255,255,255,0.2);
	border: 1px solid rgba(255,255,255,0.4);
}



	.job_filters:not(.in_sidebar) .search_jobs,
	.resume_filters:not(.in_sidebar) .search_resumes,
	.job_filters:not(.in_sidebar) .search_resumes {
		display: table;
		width: 100%;
	}

	.resume_filters:not(.in_sidebar) .search_keywords,
	.resume_filters:not(.in_sidebar) .search_location,
	.resume_filters:not(.in_sidebar) .search_categories, 	
	.job_filters:not(.in_sidebar) .search_keywords,
	.job_filters:not(.in_sidebar) .search_location,
	.job_filters:not(.in_sidebar) .search_categories {
		float: left;
		padding: 15px 15px 15px 0px;
		width: 31.3333%;
	}

	.resume_filters:not(.in_sidebar) .search_keywords label,
	.job_filters:not(.in_sidebar) .search_keywords label,
	.job_filters:not(.in_sidebar) .search_location label,
	.resume_filters:not(.in_sidebar) .search_location label,
	.resume_filters:not(.in_sidebar) .search_categories label,
	.job_filters:not(.in_sidebar) .search_categories label {
		display: block;
		float: none;
		width: 100%;
	}
	.job_filters:not(.in_sidebar) .job_types {
		overflow: hidden;
		margin-bottom: 40px;
	}
	.job_filters:not(.in_sidebar) .job_types li {
    	float: left;
    	margin-right: 10px;

	}


/* Announce */
.announce {
	color: #fff;
	font-size: 24px;
	font-weight: 300;
	margin-top: 40px;
}

.announce strong {
	font-size: 30px;
	color: #fff;
	padding: 0 3px;
}





/* ------------------------------------------------------------------- */
/* Titlebar
---------------------------------------------------------------------- */
#titlebar {
	background-color: #f8f8f8;
	position: relative;
	padding: 60px 0px;
	margin-bottom: 50px;
}

#titlebar.with-map {
	margin-bottom: 0px;
	padding: 45px 0 !important;
	
}
#titlebar.with-map.photo-bg.with-transparent-header {
	padding-top: 170px !important;
	padding-bottom: 85px !important;
}

#titlebar.with-map  h1, #titlebar.with-map  h2 {
    font-size: 26px;
    line-height: 37px;
}
#titlebar .ten.columns, #titlebar .six.columns { margin: 0; }

.tax-job_listing_category #titlebar.with-map { display: block; } 

#titlebar h2,
#titlebar h1 { text-transform: capitalize; }

#titlebar h2 a,
#titlebar h1 a { color: #888; }

#titlebar h2 a:hover,
#titlebar h1 a:hover { color: #333; }

#titlebar h2 a:before,
#titlebar h1 a:before {
    content: "\f104";
    font-family: "FontAwesome";
    position: relative;
    display: inline-block;
    margin-left: -24px;
    background-color: #F6F6F6;
    color: #a0a0a0;
    top: -2px;
    padding: 0px 14px 0px 10px;
    font-size: 20px;
}

.resume-meta-skills .clearfix { display: none; }

.page-template-template-jobcategories #titlebar { margin-bottom: 0px; }
.resume-meta-skills { display: flex; }
@media (max-width: 768px) {.resume-meta-skills { display: inline-block;} }
#titlebar span a,
#titlebar span { font-size: 16px; color: #888; }
#titlebar em {
	font-style: normal;
}
#titlebar em {
	color: #808080;
}
#titlebar h2 em {
	color: #333
}
#titlebar.photo-bg em {
	color: #fff
}
#titlebar #breadcrumbs span a,
#titlebar #breadcrumbs span { font-size: 14px;}

#titlebar.single { padding: 55px 0; }
#titlebar.resume { margin-bottom: 45px; padding: 70px 0 65px 0;}

#titlebar .button {
	right: 10px;
	position: absolute;
	top: 51%;
	-webkit-transform: translateY(-51%);
	-moz-transform: translateY(-51%);
	-ms-transform: translateY(-51%);
	transform: translateY(-51%);
}
.photo-bg#titlebar .button.dark {
	background-color: #fff;
    color: #333;
}
#titlebar .two-buttons .button {
	right: 10px;
	position: absolute;
	top: 47%;
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
}

#titlebar .two-buttons .button.dark { margin-top: 55px; }

#titlebar h1,
#titlebar h2 {
	font-size: 24px;
	line-height: 36px;
}

#titlebar span.icons {
	font-size: 18px;
	color: #808080;
	margin-bottom: 4px;
}

#titlebar span.icons a { color: #808080; }

#titlebar span a:hover,
#titlebar span.icons a:hover { color: #505050; }


#titlebar span.taxonomy-description {
	margin-top:20px;
	display: block;
	font-size: 16px;
}

/* Titlebar With Photo Background */
#titlebar.photo-bg {
	background-color: #222;
	padding: 85px 0;
	overflow: hidden;
    background-repeat: no-repeat !important;
    background-position: 50% !important;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
}

#titlebar.photo-bg h1,
#titlebar.photo-bg h2 {
	font-size: 30px;
	color: #fff;
    line-height: 38px;
}

#titlebar.photo-bg span.job-type { color: #fff; }

#titlebar.photo-bg span,
#titlebar.photo-bg span a {
	color: rgba(255,255,255,0.7);
	margin-bottom: 3px;
	display: inline-block;
}

#titlebar.photo-bg span a:hover{
	color: rgba(255,255,255,0.9);
}

#titlebar.photo-bg span.subtitle,
#titlebar.photo-bg #breadcrumbs ul li,
#titlebar.photo-bg #breadcrumbs ul li span,
#titlebar.photo-bg #breadcrumbs ul li a {
	color: rgba(255,255,255,0.7);
}

#titlebar.photo-bg #breadcrumbs ul li a:hover { color: rgba(255,255,255,0.9); }

.job_listing_preview #titlebar.photo-bg .container { z-index: 11; margin-left: 20px; }

#titlebar.photo-bg:before {
	content:"";
	width: 100%;
	height: 100%;
	display: inline-block;
	background-color: rgba(34,34,34,0.65);
	position: absolute;
	z-index: 0;
	top: 0px;
}

#titlebar #breadcrumbs span {font-weight: 400; }
#ws-map,
#search_map {
	margin-bottom: 60px;
}

#job_map {
	height: 250px;
	width: 100%
}
body .map-box {
	background-color: #fff;
	padding: 30px 30px 20px;
	margin-bottom: 20px;
}

body .map-box a {
	text-decoration: none;
	border: 0px;
}
body .map-box h4:hover{
	color: #666
}

.infoBox .job-icons {
    padding: 5px 0px 0px;
    color: #888;
    /* font-weight: 500; */
    font-size: 14px;
    margin: 0;
    display: block;
}

.infoBox .listing-icons li {
	font-family: sans-serif, "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.infoBox .listing-title { padding-right: 30px; }
.infoBox .listing-title h4 { line-height: 28px; margin-bottom: 6px; }


.infoBox div.location,
.infoBox .job-icons span {
	display: inline-block;
}

.infoBox .listing-desc,
.infoBox img {
	display: none;
}

.infoBox img.candidate_photo {
	float: right;
    width: 60px;
    display: block;
    margin: 5px 10px 10px 0px;
}

.map-box .resumes-content {
	color: #888;
}
.map-box .resumes-content h4 span {
	font-size: 21px;
    color: #333;
    margin: -3px 0 5px 0;
    line-height: 32px;
    position: relative;
    display: block !important;
}
.map-box .resumes-content p {
	display: none;
}

.map-box .skills {
    margin-top: 15px;
}

.map-box .resumes-content span {
    padding: 2px 0px 0px;
    color: #888;
    font-weight: 400;
    font-size: 14px;
    margin: 0 10px 0 0px;
    font-family: sans-serif;
}

ul.same-spot-markers span.job-manager-applications-applied-notice {
	line-height: 6px;
}
ul.same-spot-markers {
	margin: 0px;
	list-style: none;
}
.same-spot-markers li {
	font-size: 16px;
    padding: 11px 2px;
    border-bottom: 1px solid #eee;
    line-height: 30px;
    color: black;
}
.same-spot-markers li:last-child {
	border-bottom: 0px;
}
.same-spot-markers li a {
	color: #333;
	padding-left: 10px;
}
.same-spot-markers li a:hover {
	color: #666
}
.same-spot-markers li:hover {
	background-color: #fafafa
}
/* Close Button */
.infoBox-close {
	position: absolute;
	top: 0;
	right: 0;
	display: inline-block;
	z-index: 999;
	text-align: center;
	line-height: 38px;
	cursor: pointer;
	font-size: 15px;
	font-weight: 500;
	height: 38px;
	width: 38px;
	background-color: #fff;
	color: #333;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	font-family: "FontAwesome";
}

.infoBox-close:hover {
	color: #fff;
	background-color: #3685cf;
}

#mapnav-buttons {
	position: absolute;
	-webkit-transform: translatey(-100%); 
	-moz-transform: translatey(-100%); 
	-o-transform: translatey(-100%); 
	transform:translatey(-100%); 
	right: 65px;
	z-index: 999;
	font-weight: 700;
	font-size: 14px;
	display: inline-block;
	bottom: -30px;
}
ul#mapnav-buttons {
	list-style: none;
	margin:0px;
}


.jobs_page {
	margin-bottom: 50px;
}
#map-container {
	position: relative
}

#mapnav-buttons li { float: left; }

#mapnav-buttons a {
	color: #333;
	background-color: #fff;
	padding: 10px 12px;
	font: 700 14px/normal sans-serif,sans-serif;
	text-transform: none;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-transition: all 0.2s ease-in-out;
	 box-sizing: border-box;
	 display: inline-block;
}

#mapnav-buttons a:hover {
	background-color: #3685cf;
	color: #fff;
}
#prevpoint {
	margin-right: 5px;
}
#prevpoint:before {
	content:"\f053";
	font-family: "FontAwesome";
	position: relative;
	margin: 0 6px 0 0;
	font-weight: 500;
	font-size: 13px;
    top: 0px;
}

#nextpoint:after {
	content:"\f054";
	font-family: "FontAwesome";
	position: relative;
	font-weight: 500;
	margin: 0 0 0 6px;
font-size: 13px;
    top: 0px;
}

#nextpoint { margin-left: 1px; }


/* Read More Icon */
.map-box-icon {
	height: 38px;
	width: 38px;
	position: absolute;
	bottom:0;
	right:0;
	background-color: #3685cf;
	display: block;
	color: #fff;
	font-size: 14px;
	z-index: 101;
	text-align: center;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-transform: translateX(50%);
	-ms-transform: translateX(50%);
	transform: translateX(50%);
	opacity:0;
	visibility: hidden;
}

.map-box-icon:before {
	content: "\f064";
	font-family: "FontAwesome";
	position: relative;
	top: 6px;
	display: block;
}

.map-box-image:hover .map-box-icon {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateX(0);
}

.map-box-image {
	position: relative;
	overflow: hidden;
	display: block;
}

.infoBox {
	-webkit-animation: fadeIn 300ms; /* Chrome, Safari, Opera */
	animation: fadeIn 300ms;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}

/* Standard syntax */
@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}

body .infoBox:after {
	content: "";
	position: absolute;
	bottom: 0px;
	left: 40px;
	width: 0; 
	height: 0; 
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #fff;
}



/* ------------------------------------------------------------------- */
/* Miscellaneous
---------------------------------------------------------------------- */
.divider-line {
	border-bottom: 1px solid #e8e8e8;
}

/* ---------------------------------- */
/* Buttons
------------------------------------- */
.job_filters_links a {
	width: 100%;
	box-sizing: border-box;
	text-align: center;
	margin-top: 4px;
	
}
.job_filters_links {margin-bottom: 42px; margin-top: 10px; display: flex;}
.job_filters .job_filters_links a {
	display: inline;
	flex: 1;
    width: auto;
    padding: 8px 0px;
}
.job_filters a.rss_link {
	background: #ff7d1e;
	color: #fff;
}
.job_filters a.rss_link:hover {
	background: #ff7d1e;
	color: #fff;
	opacity: 0.8
}
.job_filters a.reset{
	background: #ff3f3f ;
	color: #fff;
}
.job_filters a.reset:hover{
	background: #ff3f3f ;
	color: #fff;
	opacity: 0.8
}
.bookmark-notice.bookmarked {
	float: right;
	top: 50px;
	margin-top: -24px;
	color: rgb(255, 255, 255);
}

a.load_more_jobs.button i { margin-right: 6px; }

.job_filters_links a,
a.button.gray.app-link.opened,
.resume-manager-add-row,
.upload-btn,
.load_more_resumes,
button,
.button,
a.vc_inline-link,
a.post-edit-link,
input[type="button"],
input[type="submit"],
a.button {
	cursor: pointer;
	padding: 10px 20px;
	display: inline-block;
	text-transform: none;
	font-weight: 500;
	font-size: 14px;
	outline: none;
	overflow: hidden;
	line-height: 27px;
	position: relative;
	z-index: 10;
	color: #fff;
	background-color: #505050;
	border: none;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	border-radius: 0px;
	box-shadow: 3px;
}

input[type="button"]:disabled{
    background:#505050;
    color: #ddd
}
.load_more_resumes {
	margin: 0px auto;
    display: table;
}
.load_more_resumes strong { color: #fff;}

button { padding: 12px 18px; }
.resume-manager-add-row,
.job_filters_links a,
.button.gray,
a.vc_inline-link,
a.post-edit-link {
	background-color: #f2f2f2;
	color: #808080;
}
a.vc_inline-link, a.post-edit-link {
    margin-top: 20px;
    text-transform: none;
    border-radius: 4px;
}

a.button.white {
	background-color: #fff;
	color: #333;
}

a.button .fa.fa-plus-circle:before {
    content: "\e909";
    font-family: 'Material-Icons' !important;
    font-weight: 400;
    top: 2px;
    position: relative;
    margin-right: -3px;
    font-size: 17px;
}

.button.big {
	font-size: 16px;
	padding: 12px 22px;
}

.button.big i { margin: 0 0 0 3px; }

.button.gray:hover { color: #fff; background: #282828;}

a.button.centered {
	display: table;
    margin: 0 auto;
}

#titlebar.photo-bg a.button:hover {
	background-color: #fff;
	color: #333;
}


a.button i { margin-right: 3px; }

a.button.gray.app-link.opened:hover,
.upload-btn,
a.button.dark,
button:hover,
a.button:hover,.submit-page .button.linkedin-btn:hover,
input[type="button"]:hover,
input[type="submit"]:hover { background-color: #282828; color: #fff }

.job_filters_links a:hover {background-color: #ebebeb;}
.upload-btn:hover,
#titlebar.photo-bg a.button.white:hover,
a.vc_inline-link:hover,
a.post-edit-link:hover,
a.button.dark:hover { background-color: #282828; color: #fff; }

a.job_filters_links:hover { background-color: #282828; color: #fff; }

input[type="button"],
input[type="submit"] {
	padding: 9px 18px;
}


/* ---------------------------------- */
/* Listings loader
------------------------------------- */
.listing-overview-apply .button {
	float: left;
	color: #fff;
	width: auto;
}
.job-list > li .listing-overview-apply a{
	width: auto;
	height: auto;
	float: none;
}

.listings-loader {
	border-radius: 50%;
    width: 70px;
    height: 70px;
    text-align: center;
    position: absolute;
    z-index: 99;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%);
    display: none;
}

.listings-loader i {
	font-size: 32px;
	cursor: default;
	color: #fff;
	position: relative;
	top: 18px;
}

.job_listings { position: relative; }

.job_listings li.wp-job-manager-attribution-row img {
	width: auto;
	height: auto;
	float: none;
    padding: 10px;
    margin: 0px;

}

.job_listings li.indeed_job_listing,
.job-list li.indeed_job_listing {
	padding: 20px 0px;
}
.indeed_job_listing img {
	float: left;
    display: inline-block;
    margin-left: 35px;
    margin-top: 2px;
    width: 60px;
    height: 60px;
}
.indeed_job_listing h3 {
	font-size: 18px;
	line-height: 31px;
    margin: 0px 0 8px 0;
}
.indeed_job_listing .meta,
.indeed_job_listing .location,
.indeed_job_listing .position {
	margin-left: 130px;
}

.indeed_job_listing ul.meta li {
	display: inherit;
	    margin-left: 0px;
    margin-right: 10px;
}


/* ------------------------------------------------------------------- */
/* Tables + Stacktable (responsive tables plug-in)
---------------------------------------------------------------------- */

/* dl {
    margin: 1.6em 0;
}
dl dt {
    float: left;
    width: 180px;
    overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: normal;
    font-weight: bold;
    margin-bottom: 1em
}
dl.customer_details dt {
    text-align: left;
}

dl dd {
    margin-left: 200px;
    margin-bottom: 1em
}


td.filled { text-align:  center;}

.cart_totals table,
.post-content table,
article.page table,
table.shop_table,
table.manage-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
} */

table.manage-table.job-manager-bookmarks th:first-child i {
    left: 33px;
}

.post-content table th,
article.page table th,
table.shop_table th,
table.manage-table th {
	background-color: #f6f6f6;
	text-align: left;
	padding: 18px 20px 18px 40px;
	color: #333;
	vertical-align: top;
	font-size: 14px;
	font-weight: 500;
	position: relative;
	z-index: 9;
	line-height: 19px;
	/* margin-left: 33px !important; */
}


table.job-manager-past-applications.manage-table th:first-child,
table.job-manager-past-applications.manage-table th {
	padding: 18px 20px 18px 18px;
	width: 20%
}
table.shop_table th {
    padding: 18px 20px 18px 20px;
    margin-left: 0px !important;
}

a.cart-remove {line-height: 25px;}

table.manage-table th i { position: absolute; left: 17px; top: 21px; }

table.manage-table a.button {
	padding: 7px 14px;
	line-height: 26px;
}

table.manage-table tr:nth-child(2n+2) { background-color: #fbfbfb; }

/* table.manage-table th:first-child {width: 32%;padding-left: 55px;} */

/* table.manage-table th:first-child i { left: 35px; } */
table.manage-table.resumes th:first-child { width: auto; }

table.manage-table.resumes td:first-child,
table.manage-table td:first-child {padding-left: 25px;line-height: 25px;}



/* header cart */


#cart {
	float: right;
	display: block;
	margin: 0 0 0 15px;
	position: relative;
	z-index: 100;
}

#cart a { color: #fff; }


.cart-list {
	position: absolute;
	right: 0;
	margin-top: 50px;
	background: #f5f5f5;
	z-index: 9999;
	display: none;
	width: 260px;
}

.cart-list.active {
	display: block;
	opacity: 1;
	visibility: visible;
}

.shipping-calculator-form select {
	padding: 10px;
}
.shipping-calculator-form .button {
	padding: 10px 13px
}
.shipping-calculator-form input[type="text"] {
	min-width: 242px
}
/* Cart Button */
.cart-btn a.button,
.cart-btn .button {
	padding: 5px 14px 5px 22px;
	float: left;
	font-weight: 500;
	font-size: 14px;
	border-radius: 0px;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}

.cart-btn .button.adc:before,
.cart-btn .button.single_add_to_cart_button:before {
	content: "\f07a";
	position: absolute;
	font-family: "FontAwesome";
	padding: 5px 15px 5px 12px;
	height: 100%;
	background: rgba(0,0,0,0.06);
	top:0;
	left:0;
	font-size: 13px;
}
a.button.checkout.wc-forward:hover,
a.button.wc-forward:hover,
body .widget_price_filter .price_slider_amount button.button:hover,
.cart-btn .button.hovered,
.button.wc-backward:hover,
.magazine-lead figcaption:hover .button,
.wishlist_table .add_to_cart.button:hover,
.cart-btn .button:hover { background-color: #606060; }

a.button.wc-forward {
	background: #c0c0c0
}

#cart ul li a {
		display: inline;
		color: #666;
		font-size: 14px;
		font-weight: 500;
	}

	#cart ul li span {

		float: none;
		padding: 0;
		font-size: 13px;
		color: #a0a0a0;
		line-height: 18px;
	}
#cart ul li span.quantity {
	display: block;
}

	#cart ul li a img {
		display: inline-block;
		float: left;
		padding: 0;
		width: 55px;
		height: auto;
		margin: 0 15px 0 0;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}

	.cart-amount {
		padding: 9px 0;
		text-transform: none;
		font-size: 12px;
		background-color: #eee;
	}

	.cart-list .arrow {
		width: 0;
		height: 0;
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-bottom: 5px solid #eee;
		position: absolute;
		top: -5px;
		left: 230px;
	}

	.cart-amount span {
		padding: 0 16px;
		color: #909090;
	}

	header.transparent .menu ul .cart-list ul,
	.menu .cart-list ul {
		position: static;
		float: none;
		display: block;
		background-color: transparent;
	}
	.menu .cart-list ul:before {
		display: none;
	}
	.menu ul .cart-list ul li {
		display: block;
		float: none;
		    padding: 10px 20px;
	}
	.menu ul.float-right ul li a,
	.menu .cart-list ul > li > a {
		padding: 0px
	}

	.menu ul .cart-list ul li.empty {
		font-size: 12px;
		text-transform: none;
		padding: 0px 15px;
	}

	.menu ul .cart-list ul li a{
		width: auto;
		display: inline;
		background-color: transparent;
	}
	.cart-buttons {
		border-top: 1px solid #e5e5e5;
		padding: 15px 16px 10px 16px;
	}

	.cart-buttons a {
		font-size: 12px;
		text-transform: none;
		font-weight: 500;
		font-size: 13px;
		color: #fff;
		display: inline-block;
		width: 100%;
		text-align: center;
		padding: 7px 0px;
		margin: 0 0 5px 0;
		background-color: #808080;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
		position: relative;
	}

	.cart-buttons a.view-cart { background: #c0c0c0; }
	.cart-buttons a.checkout { background-color: #808080; }

	.cart-buttons a.view-cart:before,
	.cart-buttons a.checkout:before {
		content:"";
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background-color: none;
		-webkit-transition: background-color 0.2s ease-in-out;
		-moz-transition: background-color 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out;
		-o-transition: background-color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out;
	}

	.cart-buttons a.view-cart:hover:before,
	.cart-buttons a.checkout:hover:before  { background-color: #606060; }

	.cart-buttons a span {
		position: relative;
		z-index: 200;
	}


.stacktable { width: 100%; }
.st-head-row { padding-top: 1em; }
.st-head-row.st-head-row-main { font-size: 1.5em; padding-top: 0; }
.st-key { width: 49%; text-align: right; padding-right: 1%; }
.st-val { width: 49%; padding-left: 1%; }


/* RESPONSIVE EXAMPLE */

.stacktable.large-only { display: table; }
.stacktable.small-only { display: none; }

@media (max-width: 767px) {
  .stacktable.large-only { display: none; }
  .stacktable.small-only { display: table; }
}


@media (max-width: 1289px) {
  .woocommerce-MyAccount-content .stacktable.large-only { display: none; }
  .woocommerce-MyAccount-content .stacktable.small-only { display: table; }
}




/* Border Hover */
.post-content table tr td ,
article.page table tr td ,
table.shop_table tr td,
table.manage-table tr td {
	padding: 40px 20px;
	vertical-align: middle;
	border: 1px solid #e0e0e0;
	border-left: none;
	border-right: none;
}

.job-manager-jobs.manage-table tr td {
	padding: 30px 20px;
	
}

table .job_title { font-weight: 500; color: #333; }
table .job_title small { font-weight: 500; color: #999; font-size: 12px;}

table.manage-table tr:hover td { 
	border: 1px double rgba(80, 80, 80,0.7);
	border-left: none;
	border-right: none;
	background-color: rgba(80, 80, 80,0.05);
}

/* Resumes Table Styles */
table.manage-table.resumes td {padding: 30px 20px;} 




table td.job_title a {
	font-weight: 500;
	color: #333;
}

span.pending {
	color: #53b427;
	font-weight: 500;
}

table.manage-table td.centered { text-align: center; }

table.manage-table td.action a { display: block; color: #333; line-height: 20px; padding: 3px 0; position: relative; margin-left: 21px; }
table.manage-table td.action a.delete i { left: -20px; }
table.manage-table td.action a i { position: absolute; left: -21px; top: 5px; }

table.manage-table td.action a.job-dashboard-action-delete:hover { color: #f02929; }

.keywords,
.alert-name { width: 18% }

#job-manager-alerts td, #job-manager-alerts th { padding: 18px 20px 18px 40px;}

/* ---------------------------------- */
/* Stacktable
------------------------------------- */

.stacktable.large-only {
    display: table;
    border-radius: 4px;
    overflow: hidden;
}
.stacktable.small-only { display: none; }

@media (max-width: 990px) {
  .stacktable.large-only { display: none; }
  .stacktable.small-only { display: table; }
}

/* Responsive Tables */
.st-key {
	border: none;
	background-color: #f9f9f9;
	text-align: left;
	padding: 20px 22px;
	color: #333;
	vertical-align: top;
	font-weight: 500;
	width: 45%;
	border: 1px solid #e4e4e4;
}

.st-key i { margin-right: 4px;}

.st-val {
	width: 55%;
	text-align: left;
	padding: 20px 22px;
	border: 1px solid #e4e4e4;
	border-left:0;
}

.st-val a {
	font-weight: 500;
	color: #333;
	display: block;
	line-height: 27px;
}

.st-val a.button {
	color: #fff !important;
	text-align: center;
}

.st-val a:hover {
	color: #808080;
}

.st-space { height: 40px; }
.st-space:first-child { height: 10px; }

.stacktable { width: 100%; }

.st-head-row.st-head-row-main { display: block;}


/* ---------------------------------- */
/* My Account
------------------------------------- */
body .my-account {
	width: 430px;
	float: left;
	display: inline;
	margin: 0 auto !important;
	float: none !important;
	display: block !important;
}

.form-row-wide input {width: 100%;}
.required {color: #d11c1c;}

.rememberme {
	display: block;
	margin-top: 10px;
	cursor: pointer;
}

.lost_password { margin: -10px 0 0 0; }

.rememberme input {
	margin: 0 2px 0 0;
	display: inline-block;
	min-height: auto;
	width: auto;
}


.workscout_form label {
	position: relative;
}

.workscout_form label input {
	margin-top: 8px;
	padding-left: 45px;
}

.workscout_form label i {
	font-size: 21px;
	color: #a0a0a0;
	position: absolute;
	left: 14px;
	top: 14px;
}


.form-row input[type="submit"] {
	padding: 12px 16px;
	margin: 8px 0 16px 0;
	line-height: 21px;
	width: 100%;
}



/* ---------------------------------- */
/* Resume Table
------------------------------------- */
.resume-table {
	padding: 0 0 0 20px;
	margin: 0 0 20px 0;
	border-top: 3px solid #eee;
}

.resume-table strong {
	font-weight: 500;
	margin: 0;
	padding: 0;
	font-size: 20px;
	line-height: 30px;
	padding: 7px 0;
	display: block;
}


.resume-table strong:before {
	display:block;
	width: 15px;
	height: 15px;
	background: #eee;
	content:"";
	margin: 20px 0 0 -8px;
	position: absolute;
	left:-4px;
	top: 0;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	border:4px solid #fff;
}

.resume-table dd,
.resume-table dt {
	border-left: 2px solid #e0e0e0;
	padding:0 0 0 1em;
	margin:0;
}

.resume-table p {
	margin:0 0 15px 0;
}

.resume-table dt {
	padding:1em 0 0 1em;
	position:relative
}

.resume-table dd { overflow:hidden }

dl.resume-table {
    margin: 0;
}

.resume-table .date {    color: #888;
    font-weight: 400;
    font-size: 12px;
    line-height: 35px;}
dl.resume-table dt {
    float: none;
    width: auto;
    overflow: visible;
    clear: none;
    text-align: left;
    text-overflow: ellipsis;
    white-space: normal;
    font-weight: bold;
    margin:0;
}
dl.customer_details dt {
    text-align: left;
}

dl.resume-table  dd {
    margin-left: 0px;
    margin-bottom: 0em
}

ul.meta {
	list-style: none;
}
ul.meta li { display: inline-block; margin-right: 10px; }
/* ---------------------------------- */
/* Categories Page
------------------------------------- */
.categories-group {
	padding: 50px 0;
	background-color: #f7f7f7;
}

.parent-jobs-category a{
	color: #333
}

.categories-group:first-child { padding-top: 0; }

.categories-group:nth-child(2n+1) {
	background-color: #fff;
}

.page-template-template-home .categories-group {
	background-color: #fafafa;
	border-bottom: 1px solid #e6e6e6;
}

.categories-group:nth-child(2n+1) {
	background-color: #fff;
	border-bottom: 1px solid #e6e6e6;
}

.page-template-template-home .categories-group:nth-child(1n) {
	top: -45px;
	position: relative;
}


.categories-group ul li {
	padding: 4px 0;
	font-size: 18px;
	line-height: 26px;
}

h4 .child-category-title,
.categories-group h4 { font-size: 22px; padding-right: 20px; }
.child-category-title { font-size: 18px; }
/* ---------------------------------- */
/* Back to top
------------------------------------- */
#backtotop {
	position: fixed;
	right: 0;
	display: none;
	bottom: 20px;
	margin: 0 20px 0 0;
	z-index: 9999;
}

#backtotop a {
	text-decoration: none;
	border: 0 none;
	display: block;
	width: 46px;
	height: 46px;
	background-color: rgba(0,0,0,0.3);
	color: #fff;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border-radius: 4px;
}

#backtotop a:after {
	content: "\f077";
	font-family: "FontAwesome";
	position: relative;
	display: block;
	top: 9px;
	left: 15px;
	transform: translate3d(0,0,0) rotate(0deg);
	transition: all 0.3s;
	display: inline-block;
}

#backtotop a:hover { background-color: #505050; }


/* Icons Demo Styles */
.glyph {
	font-size: 16px;
	width: 33%;
	display: inline-block;
	transition: 0.3s;
}

.mls {
	font-size: 16px;
	top: -8px;
	display: inline-block;
	position: relative;
}

.fs1 { font-size: 32px; }

.pbs .ln { width: 50px; display: inline-block;}

.unit,
.unitRight,
.fs0 { display: none; }

.pbs { 
	padding: 10px 0 5px 15px;
	width: 95%;
	display: inline-block;
	transition: 0.2s;
}

.pbs:hover { background-color: #f6f6f6; }

mark, .mark {
    background-color: #fcf8e3;
    padding: .2em;
    text-align: right;
    font-size: 14px;
    margin-top: -10px;
    color: #8a803e;
    position: relative;
    top: -10px;
}
.woocommerce-MyAccount-content mark,.woocommerce-MyAccount-content .mark {
	position: static;
	margin-top: 0px;
	font-size: 16px;
}

/* ------------------------------------------------------------------- */
/* Magnific Popup
---------------------------------------------------------------------- */

.mfp-bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10000;
	overflow: hidden;
	position: fixed;
	background: #000;
	opacity: 0.8;
}

.mfp-wrap {
	top: -10px;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10001;
	position: fixed;
	outline: none !important;
	-webkit-backface-visibility: hidden;
}

.mfp-container {
	height: 100%;
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 0 18px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.mfp-container:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
	display: none;
}

.mfp-content {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	text-align: left;
	z-index: 505;
}


.mfp-content p { margin-bottom: 0; }
.mfp-content input[type="submit"] { margin-top: 25px; }
.fieldset-resume_id small { color: #999; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
	width: 100%;
	cursor: auto;
}

.mfp-ajax-cur {
	cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: -moz-zoom-out;
	cursor: -webkit-zoom-out;
	cursor: zoom-out;
}


.mfp-zoom {
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
	cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
 }

.mfp-loading.mfp-figure {
	display: none;
}

.mfp-hide {
	display: none !important;
}

.mfp-preloader {
	color: #aaa;
	position: absolute;
	top: 50%;
	width: auto;
	text-align: center;
	margin-top: -0.8em;
	left: 8px;
	right: 8px;
	z-index: 504;
}

.mfp-preloader a {
	color: #cccccc;
}

.mfp-preloader a:hover {
	color: #fff;
}

.mfp-s-ready .mfp-preloader {
	display: none;
}

.mfp-s-error .mfp-content {
	display: none;
}
  
.mfp-s-loading .mfp-arrow { 
	display: none;
}

button.mfp-close,
button.mfp-arrow {
	overflow: visible;
	cursor: pointer;
	border: 0;
	-webkit-appearance: none;
	display: block;
	padding: 0;
	z-index: 506;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
	right: 0px;
	top: 40px;
}



/* Close Button */
.mfp-close {
	position: absolute;
	width: 42px;
	height: 42px;
	top: 0;
	right: 0;
	cursor: pointer !important;
	z-index: 9999;
	background: #282828;
	color: #fff;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.mfp-close:before {
	content: "\f00d";
	font-family: "FontAwesome";
	font-size: 16px;
	top: 0;
	left: 0;
	position: relative;
}

.mfp-content .mfp-close {
    top: 29px;
    right: 29px;
    border-radius: 4px;
    background-image: url(images/close-ico.svg);
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: 49%;
}

.mfp-image-holder .mfp-content .mfp-close {
    top: 55px;
    right: 15px;
}

.mfp-image-holder .mfp-content .mfp-close:hover {
    background-color: #c42626;
}

.apply_with_resume p { margin-bottom: 0; }
.mfp-content .mfp-close:before { display: none; }

.mfp-close:hover {
	background-color: #505050;
}

.mfp-counter {
	position: absolute;
	top: 0;
	right: 0;
	color: #aaa;
	font-size: 13px;
	line-height: 18px;
}

.mfp-arrow {
	opacity: 0;
	margin: 0;
	top: 50%;
	margin-top: -24px;
	padding: 0;
	position: absolute;
	width: 48px;
	height: 48px;
	cursor: pointer;
	z-index: 9999;
	background: #c0c0c0;
	color: #fff;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.mfp-arrow:hover {
	background: #808080;
}

.mfp-image-holder .mfp-arrow {
	opacity: 1;
}


.mfp-arrow.mfp-arrow-left,
.mfp-arrow.mfp-arrow-right {
	font-family: "FontAwesome";
	font-size: 16px;
    background: #00000052;
}

.mfp-arrow.mfp-arrow-right {     right: 20px; }

.mfp-arrow.mfp-arrow-left:before { content: "\f053"; top: 1px; left: -1px; position: relative; }
.mfp-arrow.mfp-arrow-right:before { content: "\f054"; top: 1px; left: 1px; position: relative; }

.mfp-content:hover .mfp-arrow {
	opacity: 1;
}

.mfp-arrow.mfp-arrow-left:hover,
.mfp-arrow.mfp-arrow-right:hover {
	background: #fff; color: #333;
}

.mfp-iframe-holder {
	padding-top: 40px;
	padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
	line-height: 0;
	width: 100%;
	max-width: 900px;
}

.mfp-iframe-scaler {
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	background: black;
}

.mfp-iframe-holder .mfp-close {
	top: 0px;
}


/* Popup */
div.small-dialog {
	background: #fff;
	padding: 30px 40px 35px 40px;
	text-align: left;
	max-width: 610px;
	margin: 40px auto;
	position: relative;
	box-sizing:border-box;
}

body .mfp-content input[name="wp_job_manager_resumes_apply_with_resume_create"] { font-size: 14px; background-color: #282828; }

div.small-dialog h3 {
	margin-bottom: 0px;
}
.workscout-way h3 {
	display: none;
}
div.small-dialog span.line {padding-top: 7px;}

.my-mfp-zoom-in .zoom-anim-dialog {
	opacity: 0;
	-webkit-transition: all 0.2s ease-in-out; 
	-moz-transition: all 0.2s ease-in-out; 
	-o-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out; 
	-webkit-transform: scale(0.8); 
	-moz-transform: scale(0.8); 
	-ms-transform: scale(0.8); 
	-o-transform: scale(0.8); 
	transform: scale(0.8); 
}

/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
	opacity: 1;
	-webkit-transform: scale(1); 
	-moz-transform: scale(1); 
	-ms-transform: scale(1); 
	-o-transform: scale(1); 
	transform: scale(1); 
}

/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
	-webkit-transform: scale(0.8); 
	-moz-transform: scale(0.8); 
	-ms-transform: scale(0.8); 
	-o-transform: scale(0.8); 
	transform: scale(0.8); 
	opacity: 0;
}

/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
	opacity: 0.001; /* Chrome opacity transition bug */
	-webkit-transition: opacity 0.3s ease-out; 
	-moz-transition: opacity 0.3s ease-out; 
	-o-transition: opacity 0.3s ease-out; 
	transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
	opacity: 0.65;
}
/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
	opacity: 0;
}


/* Main image in popup */
img.mfp-img {
	width: auto;
	max-width: 100%;
	height: auto;
	display: block;
	line-height: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0 auto;
	border-radius: 6px;
}


.mfp-image-holder figure {
	border-radius:6px;
	padding: 40px 0 40px;
}


@media (min-width: 1000px) {
.mfp-image-holder figure {
	border-radius:6px;
	padding: 80px;
}
.mfp-image-holder .mfp-content .mfp-close {
    top: 100px;
    right: 100px;
}
}

/* The shadow behind the image */
.mfp-figure:after {
	content: '';
	position: absolute;
	left: 0;
	top: 40px;
	bottom: 40px;
	display: block;
	right: 0;
	width: auto;
	height: auto;
	z-index: -1;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
}

.mfp-image-holder .mfp-figure:after {
	display: none;
}

.mfp-figure {
	line-height: 0;
}

.mfp-bottom-bar {
	margin-top: -30px;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	cursor: auto;
}

.mfp-title {
	text-align: left;
	line-height: 18px;
	color: #f3f3f3;
	word-break: break-word;
	padding-right: 36px;
}

.mfp-figure small {
	color: #bdbdbd;
	display: block;
	font-size: 12px;
	line-height: 14px;
}

.mfp-image-holder .mfp-content {
	max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
	cursor: pointer;
}


/* Media Queries for Magnific Popup */
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {

  .mfp-img-mobile .mfp-image-holder {
	padding-left: 0;
	padding-right: 0;
   }

  .mfp-img-mobile img.mfp-img {
	padding: 0
   }

  /* The shadow behind the image */
  .mfp-img-mobile .mfp-figure:after {
	top: 0;
	bottom: 0;
   }

  .mfp-img-mobile .mfp-bottom-bar {
	background: rgba(0, 0, 0, 0.6);
	bottom: 0;
	margin: 0;
	top: auto;
	padding: 3px 5px;
	position: fixed;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
   }

  .mfp-img-mobile .mfp-bottom-bar:empty {
	padding: 0;
   }

  .mfp-img-mobile .mfp-counter {
	right: 5px;
	top: 3px;
   }

  .mfp-img-mobile .mfp-close {
	top: 0;
	right: 0;
	width: 35px;
	height: 35px;
	line-height: 35px;
	background: rgba(0, 0, 0, 0.6);
	position: fixed;
	text-align: center;
	padding: 0;
   }

  .mfp-img-mobile .mfp-figure small {
	display: inline;
	margin-left: 5px;
   }
}
	
@media all and (max-width: 800px) { .mfp-arrow {width: 70px;} }

.mfp-ie7 .mfp-img {
	padding: 0;
}

.mfp-ie7 .mfp-bottom-bar {
	width: 600px;
	left: 50%;
	margin-left: -300px;
	margin-top: 5px;
	padding-bottom: 5px;
}

.mfp-ie7 .mfp-container {
	padding: 0;
}

.mfp-ie7 .mfp-content {
	padding-top: 44px;
}

.mfp-ie7 .mfp-close {
	top: 0;
	right: 0;
	padding-top: 0;
}

.mfp-fade.mfp-bg {
	opacity: 0;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
	opacity: 0.85;
}

.mfp-fade.mfp-bg.mfp-removing {
	opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
	opacity: 0;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0;
}

.job_listing_packages ul.job_packages .package-section {background-color: #eee;}
/* ---------------------------------- */
/* Notification Boxes
------------------------------------- */
.woocommerce-error,
.resume-submitted,
#result .success,
.job-manager-error,
.woocommerce-message,
.job-manager-message,
.woocommerce-info,
div.wpcf7-response-output,
div.job-manager-applications-applied-notice,
.no_resumes_found,
.no_job_listings_found,
.notification {
	line-height: 24px;
	margin-bottom: 15px;
	position: relative;
	padding: 22px 26px;
	border: none;
}
.submit-page .job-manager-error {
	margin: 0px 9% 20px;
}

div.job-manager-applications-applied-notice,
.job-manager-message {margin-bottom: 35px !important; }

span.job-manager-applications-applied-notice,
.job-list span.job-manager-applications-applied-notice { margin-right: 0;}

body div.wpcf7-response-output {
	clear: both;
	margin: 32px 0 0 0;
}
div.wpcf7-response-output p,
.notification p { margin: 0; float: left; max-width: 80% }
.submit-page .notification p { margin: 0; min-height: 50px; float: left;}
.notification span { font-weight: 500; }
.notification { overflow: hidden; }

div.job-manager-applications-applied-notice,
#result .success,
.resume-submitted,
.job-manager-message a,
.notification.success,
.notification.success a,
.notification.success strong {
	background-color: #EBF6E0;
	color: #5f9025;
}

div.wpcf7-response-output.wpcf7-mail-sent-ng,
.woocommerce-error,
div.wpcf7-response-output.wpcf7-mail-sent-ng strong,
.woocommerce-error,
.job-manager-error,
.notification.error,
.notification.error a,
.notification.error strong {
	background-color: #ffe9e9;
	color: #de5959;
}
.notification.error {
	display: block;
}

div.wpcf7-response-output.wpcf7-validation-errors,
div.wpcf7-response-output.wpcf7-validation-errors strong,
.notification.warning,
.notification.warning a,
.notification.warning strong {
	background-color: #FBFADD;
	color: #8f872e;
}

.woocommerce-info,
.woocommerce-message,
.job-manager-message a,
.job-manager-message,
.notification.notice,
.notification.notice a,
.notification.notice strong {
	background-color: #E9F7FE;
	color: #4587a9;
}

.no_resumes_found,
.no_job_listings_found {
	background-color: #E9F7FE !important;
	color: #4587a9 !important;
}
.resumes.alternative li.no_resumes_found,
.resumes.alternative li.no_resumes_found:hover {
	background-color: #E9F7FE !important;
    color: #4587a9 !important;
    border-radius: 4px;
}
.resumes.alternative li.no_resumes_found:before { display: none; }

.resumes li.no_resumes_found:last-child, .job-list li.no_job_listings_found:last-child {
	border: 0 !important;
	padding: 22px 24px;
	width: 100%;
	text-align: center;
}


.notification strong { border: none !important; }

.notification.success .close,
.notification.error .close,
.notification.warning .close,
.notification.notice .close {
	padding: 0px 9px;
	position: absolute;
	right: 0;
	top: 22px;
	display: block;
	height: 8px;
	width: 8px;
	cursor: pointer;
}

.notification.success .close {background: url(images/alert_boxes_close_ico.png) 0 -8px no-repeat;}
.notification.error .close {background: url(images/alert_boxes_close_ico.png) 0 0 no-repeat;}
.notification.warning .close {background: url(images/alert_boxes_close_ico.png) 0 -16px no-repeat;}
.notification.notice .close {background: url(images/alert_boxes_close_ico.png) 0 -24px no-repeat;}


.notification.notice p span i { font-weight: 500; }
.notification a.button {
	float: right;
	color: #fff;
	margin-top: 3px;
}

.notification.notice a.button { background-color: #388fc5; }
.notification.warning a.button { background-color: #dfbe51; }
.notification.error a.button { background-color: #d34c4c; }
.notification.success a.button { background-color: #79ba38; }

.woocommerce-message { margin-bottom: 34px; }


p.job-manager-single-alert-link {
	margin-top: 20px;
}
p.job-manager-single-alert-link a:before {
    content: "\e970";
    font-family: "Material-Icons" !important;
    margin-top: 0;
    margin-right: 6px;
    font-size: 18px;
    line-height: 20px;
    position: relative;
    top: 3px;
}

.job-manager-single-alert-link a {
    display: inline-block;
    background: #fcf5d6;
    padding: 5px 15px;
    font-size: 13px;
    font-weight: 500;
    color: #a38948;
    border-radius: 4px;
    margin-top: 15px;
    transition: 0.2s;
}

.job-manager-single-alert-link a:hover { background: #f7f0d1; }

input[type="submit"] { border-radius: 4px; }

.myaccount_user .button {
	float: right;
    display: inline-block;
    margin-left: 10px;
}
/* ---------------------------------- */
/* Counters
------------------------------------- */
#counters {
	background-color: #282828;
	padding: 68px 0 65px 0;
}

.counter-box {
	display: block;
	padding: 0;
	text-align: center;
	
}
#counters .counter-box {
	border-right: 1px solid #444;
}
#counters .container:before {
	width: 1px;
	position: absolute;
	height: 100%;
	display: inline-block;
	background-color: #282828;
	content: "";
	right: 10px;
}

.counter-box p {
	margin: 12px 0 0 0;
	padding: 0;
	color: #000;
	font-size: 20px;
	font-weight: 300;
	display: block;
}
#counters .counter-box p {
	color:#fff;
}

.counter-box i,
.counter {
	display: inline-block;
	font-size: 58px;
	font-weight: 500;
	color: #505050;
	line-height: 42px;
}


/* ---------------------------------- */
/* Popular Categories
------------------------------------- */
#popular-categories {
	margin: 1px 0 0 1px;
	display: block;
}

#popular-categories li { padding: 0; }
#popular-categories li a {
    width: 25%;
    display: inline-block;
    border: 1px solid #e0e0e0;
    float: left;
    margin: -1px 0 0 -1px;
    box-sizing: border-box;
    text-align: center;
    position: relative;
    background-color: #fff;
    font-size: 14px;
    text-transform: none;
    color: #666;
    padding: 45px 15px;
    max-height: 157px;
}

#popular-categories.with-flex {
	display: flex;
    flex-wrap:wrap;
}
#popular-categories.with-flex li {
    flex-grow: 1;
    width: calc(100% * (1/4) - 1px)
}
#popular-categories.with-flex li a {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	flex-direction: column;
	text-align: center;
}


#popular-categories li a:before {
	content: "";
	width: 100%;
	height: 100%;
	display: inline-block;
	position: absolute;
	-webkit-box-shadow: 0px 0px 0px 1px rgba(80, 80, 80,0.7);
	-moz-box-shadow: 0px 0px 0px 1px rgba(80, 80, 80,0.7);
	box-shadow: 0px 0px 0px 1px rgba(80, 80, 80,0.7);
	top: 0;
	left: 0;
	z-index: 101;
	opacity: 0;
}

#popular-categories li img {
	margin:0px auto 10px;
	display: block;
}

#popular-categories li a,
#popular-categories li a:before {
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}

#popular-categories li a:hover:before {
	opacity: 1;
}

#popular-categories li a:hover {
	background-color: rgba(80, 80, 80,0.05);
}

#popular-categories li a i {
	display: block;
	color: #505050;
	font-size: 32px;
	padding: 0 0 15px 0;
}

#popular-categories li a i.fa-empty{
	display: none;
}

#popular-categories li a i.ln {
	font-size: 36px;
	margin-top: -2px;
}
/* ------------------------------------------------------------------- */
/* Shortcodes
---------------------------------------------------------------------- */

/* Icon Boxes
------------------------------------- */
.section-background {
	border-bottom: 1px solid #e4e4e4;
	margin: 50px 0;
	padding: 50px 0;
	width: 100%;
}

.section-background.top-0 { margin-top: -40px; }


.icon-box {
	text-align: left;
	padding-left: 90px;
	position: relative;
	display: inline-block;
	margin: 20px 0;
}

/* Edge Icon Box */
.icon-box h4 {
	font-size: 18px;
	font-weight: 500;
}

.icon-box i {
	font-size: 54px;
	color: #333;
	height: 60px;
	margin: 10px 0;
	display: inline-block;
	height: 100%;
	position: absolute;
	left: 0;
}

.icon-box p {
	color: rgba(51,51,51,0.7);
	margin-top: 5px;
	display: inline-block;
}


/* Rounded */
.icon-box.rounded i {
	width: 100px;
	height: 100px;
	background-color: transparent;
	border: 1px solid #666;
	border-radius: 50%;
	color: #666;
	line-height: 100px;
	font-size: 50px;
	display: inline-block;
	margin-bottom: 20px;
	text-align: center;
}

.icon-box.rounded {
	padding-left: 110px;
}

.icon-box.rounded i {
	width: 80px;
	height: 80px;
	font-size: 34px;
	line-height: 80px;
	overflow: hidden;
	position: relative;
	z-index: 11;
	transition: 0.3s ease-in-out;
	transform: translate3d(0,0,0) scale(1);
	backface-visibility: hidden;
}
.icon-box svg,
.icon-box img {
	width: auto;
}
/* Background */
.icon-box.rounded i:before { 
	position: relative;
	z-index: 11;
}

.icon-box.rounded i:after {
	content: "";
	width: 200px;
	height: 0%;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #666;
	z-index: 8;
	transition: height 0.3s ease-in-out, opacity 0.5s ease-in-out;
	opacity: 0.08;
	transform: rotate(45deg);
}

/* Centered Icon */
.icon-box.rounded.alt {
	text-align: center;
	margin: 10px 20px 0 20px;
	padding-left: 0;
}

.icon-box.rounded.alt i {
	display: inline-block;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 15px;
	position: relative;
	width: 94px;
	height: 94px;
	line-height: 94px;
	font-size: 38px;
}


/* Animation */
.icon-box.rounded:hover i { transform: translate3d(0,0,0) scale(1.21); }
.icon-box.rounded:hover i:after { height: 150%;}


/* List Styles
------------------------------------- */
ul { 
   list-style-type: disc; 
   list-style-position: inside; 
}
ol { 
   list-style-type: decimal; 
   list-style-position: inside; 
}
ul ul, ol ul { 
   list-style-type: circle; 
   list-style-position: inside; 
   margin-left: 15px; 
}
ol ol, ul ol { 
   list-style-type: lower-latin; 
   list-style-position: inside; 
   margin-left: 15px; 
}
/* li {
    padding: 5px 0px;
} */
ul#jPanelMenu-menu,
ul#jPanelMenu-menu ul,
ul.contact-informations,
ul.widget-tabs,
ul.commentlist,
ul.woocommerce-error,
body .plan-features ul,
ul.resumes,
ul.job-manager-bookmark-actions,
.categories-group ul,
ul#popular-categories,
ul.job_listings, 
ul.job_types {
	margin: 0px;
	list-style: none;
}

.single-resume .resume_description.styled-list li:before,


.job-application-notes-list { margin-bottom: 20px; }
.job-application-note {
	list-style: none;
	padding: 0 0 22px 0;
}

.job-application-note-meta { color: #888 ;}

.job-application-note-content { margin-bottom: 4px;}

dl.job-application-meta {
/*    border-bottom: 1px solid #E0E0E0;
    margin: -5px 0px 30px;
    padding-bottom: 25px;*/
}

.job-application-meta dt {
    width: 100%;
    text-transform: capitalize;
    margin-bottom: 0px;
    font-weight: 500;
    color: #666;
    font-size: 13px;
}

.job-application-meta dd {
    margin-left: 0px;
  	margin-top: -4px;
    margin-bottom: 12px;
}

.send-app-btn {
	border: none;
	margin-top: 10px;
}

#application_message { margin-bottom: 15px;}
.fieldset-application_attachment { margin-top: 15px; }

.small-dialog-content .send-app-btn input { margin-bottom: 0; width: 100%; }



/* Tabs
------------------------------------- */
body .woocommerce-tabs .tabs,
body .woocommerce-MyAccount-navigation ul,
body ul.tabs-nav-o,
body ul.tabs-nav {
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 100%;
}
body .type-page .woocommerce-MyAccount-navigation li,
body .woocommerce-MyAccount-navigation li,
body .type-page .woocommerce-tabs .tabs li,
body .woocommerce-tabs .tabs li,
body .type-page ul.tabs-nav-o li,
body ul.tabs-nav-o li,
body .type-page ul.tabs-nav li,
body ul.tabs-nav li {
	float: left;
	line-height: 45px;
	overflow: hidden;
	padding: 0;
	position: relative;
}
body .type-page .woocommerce-MyAccount-navigation li,
body .woocommerce-MyAccount-navigation li {
	float: none;
}
.woocommerce-MyAccount-navigation li:first-child a,
.woocommerce-tabs .tabs li:first-child a,
body ul.tabs-nav-o li:first-child a,
body ul.tabs-nav li:first-child a {
	border-radius: 0px;
}

.woocommerce-MyAccount-navigation li a,
.woocommerce-tabs .tabs li a,
body ul.tabs-nav li a,
body ul.tabs-nav-o li a,
.tab-reviews {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.woocommerce-MyAccount-navigation li a,
.woocommerce-tabs .tabs li a,
body ul.tabs-nav-o li a,
body ul.tabs-nav li a {
	background-color: #f2f2f2;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	color: #808080;
	font-weight: 500;
	display: block;
	letter-spacing: 0;
	outline: none;
	padding: 0 20px;
	text-decoration: none;
	font-size: 14px;
	text-transform: none;
	box-shadow: 0px 0px 0px 0px;
	border-radius: 0px;
}

.woocommerce-tabs .tabs li a:hover,
.tabs-nav-o li a:hover,
.woocommerce-MyAccount-navigation li a:hover,
.tabs-nav li a:hover { background-color: #eaeaea; }

.tab-reviews { color: #aaa; }

.tabs-nav li.active .tab-reviews { color: #fff; }

.woocommerce-tabs .tabs li.active a,
.woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-MyAccount-navigation li.current-menu-item a,
.tabs-nav-o li.active a,
.tabs-nav li.active a {
	background-color: #505050;
	color: #fff;
	box-shadow: 0px 0px 0px 0px;
}

.tab-content { padding: 15px 0px; }

.tabs-container {
	overflow: hidden;
	width: 100%;
}

.wc-tab h2:first-child {display: none}


/* Blockquote
------------------------------------- */
.post-quote {
	background: #f8f8f8;
	padding: 28px;
	margin: 0 0 15px 0;
	position: relative;
}

.post-quote blockquote {
	font-size: 18px;
	font-style: normal;
	line-height: 29px;
	padding: 0 0 0 53px;
	font-weight: 500;
}

.post-quote span {
	text-decoration: none;
	display: block;
	font-size: 16px;
	color: #999;
	font-weight: 500;
	margin-top: 10px;
}

.post-quote .icon {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 60px;
}

.post-quote .icon:before {
	font-family: "FontAwesome";
	font-size: 28px;
	content: "\f10d";
	color: #d0d0d0;
	position: relative;
	height: 15px;
	width: 25px;
	display: block;
	float: left;
	margin: 22px 0 0 32px;
	font-weight: normal;
}


/* Accordions & Toggles
------------------------------------- */

.accordion h3,
.trigger a {
	display: block;
	cursor: pointer;
	position: relative;
	padding: 0;
	line-height: 26px;
	outline: none;
	color: #888;
	font-size: 14px;
	font-weight: 500;
	background-color: #f6f6f6;
	-webkit-transition: background-color 200ms ease-in-out;
	-moz-transition: background-color 200ms ease-in-out;
	-o-transition: background-color 200ms ease-in-out;
	-ms-transition: background-color 200ms ease-in-out;
	transition: background-color 200ms ease-in-out;
	padding: 14px 20px 13px 20px;
	margin-bottom: 10px;
	text-transform: none;
	border-radius: 0px;
	box-shadow: none !important;
}

h3.active-acc {
	color: #fff
}
.active-acc:hover,
.trigger a:hover {
	background-color: #eee;
}

.accordion h3:hover,
.active-acc-active {
	background-color: #eaeaea;
	
}


.active-acc i,
.trigger a i {
	margin: 0 4px 0 0;
	position: relative;
}

.accordion div,
.toggle-container {
	padding: 0 16px 10px 16px;
}

.accordion p,
.toggle-container p { margin: 0; }


/* Info Banner
------------------------------------- */
.info-banner {
	background: #f6f6f6;
	display: block;
	padding: 35px 38px;
	margin-bottom: 15px;
	border-radius: 4px;
}

.info-content {
	float: left;
	font-size: 18px;
}

.info-banner p {
	margin: 2px 0 0 0;
	color: #888;
}

.info-banner a.button {
	float: right;
	margin: 7px 0 0 0;
	font-size: 16px;
	padding: 11px 17px;
}

.inf-banner a.button:hover { background-color: #333; color: #fff; }

.info-banner h3 {
	font-size: 22px;
	font-weight: 500;
	line-height: 32px;
}


/* Dropcaps
------------------------------------- */
.dropcap {
	float: left;
	color: #505050;
	font-size: 48px;
	line-height: 44px;
	padding-top: 4px;
	padding-right: 10px;
	margin-top: -2px;
	font-weight: 500;
}


/* Highlights
------------------------------------- */
.highlight.color,
.highlight.gray,
.highlight.light {
	padding: 2px 6px;
	color: #fff;
}

.highlight.color { background-color: #505050; }
.highlight.gray {
	background: #f2f2f2;
	color: #888;
}


/* Pricing Tables
------------------------------------- */
.plan-price h3 {
	text-align: center;
	font-size: 20px;
	padding: 14px 0;
	margin-bottom: 32px;
	color: #606060;
	font-weight: 400;
	text-align: center;
	background-color: rgba(0,0,0,0.03);
}

.plan-price {
	font-size: 38px;
	font-weight: 300;
	color: #606060;
	text-align: center;
	padding: 0 0 32px 0;
	position: relative;

}

.plan-price-wrap .subscription-details  {
    display: block;
    font-size: 20px;
    padding: 0px 20px;
}

.plan {	box-sizing: border-box;  }

.plan.color-1 { border: 1px solid #e0e0e0; }
.plan.color-2 { border: none; }

.plan.color-2 .plan-features ul {
	border-left: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
}
.plan-features p {
	margin-bottom: 0px;
	border-left: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
}
.plan-features p:last-child {
	padding-bottom: 15px;
}
/* Colors */
.plan.color-1 .plan-price,
.plan.color-1 a.button { background-color: #f6f6f6; }

 .plan.color-2 .plan-price,
.plan.color-2 a.button { background-color: #505050; }
 
.plan-price .amount,
.plan-price .value {
	font-weight: 500;
	letter-spacing: -1px;
}

.plan-price del .amount {
	opacity: 0.6;
	font-size: 26px;
	font-weight: 300;
	position: absolute;
	right: 0;
	left: 0;
	margin-top: 40px;
	text-decoration: line-through;
}

.sidebar .ptwsi_social-icons li a { margin: 0 4px;}
.plan-price ins { text-decoration: none; }
.plan-price ins .amount { padding-bottom: 38px; display: block; text-decoration: none; }

.plan-currency {
	font-size: 30px;
	opacity: 0.8;
	position: relative;
	margin: 0 -5px 0 0;
	top: -3px;
	font-weight: 500;
}

.period {
	display: block;
	font-size: 18px;
	margin: 3px 0 0 0;
	opacity: 0.7;
}

.woocommerce .products .plan-features ul,
.woocommerce ul.products .plan-features ul,
.plan-features ul {
	padding: 22px 0 22px 0;
}

.woocommerce .products .plan-features ul:first-child, 
.woocommerce ul.products .plan-features ul:first-child,
.plan-features ul:first-child {
	padding-bottom: 0px;
	margin:0px;
}

.woocommerce .products .plan-features ul:first-child + ul, 
.woocommerce ul.products .plan-features ul:first-child + ul,
.plan-features ul:first-child + ul{
	padding-top: 0px;
	margin:0px;
}

body .plan-features ul li {
	padding: 9px 0;
	text-align: center;
}
.woocommerce .products .plan-features a.button,
.plan-features a.button {
	position: relative;
	display: block;
	margin: 0 auto;
	text-align: center;
	color: #666;
	padding: 12px 0;
	font-size: 14px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.color-2 .plan-price h3 a { color: inherit; }
.color-1 .plan-price h3 a { color: inherit; }
.woocommerce .products .color-2 .plan-features a.button,
.color-2 .plan-price,
.color-2 .plan-price h3,
.color-2 .plan-price .plan-currency,
.color-2 .plan-features a.button  { color: #fff; }

.color-2 .plan-price h3 { background-color: rgba(0,0,0,0.06); }

.color-1 .plan-features a.button:hover {
	background: rgba(0,0,0,0.07)
}

.plan.columns,
.plan.column {margin-bottom: 40px;}


.woocommerce .product a.button { padding: 8px 13px; }
body .product a.button { padding: 12px; }
/* Google Maps
------------------------------------- */
body #googlemaps {
padding-bottom: 30px;
height: 350px
}
.google-map-container { margin: 0 0 38px 0; }
.google-map-container img { max-width: none !important; }



/* Share Post
------------------------------------*/
.type-page ul.share-post, 
ul.share-post {
	position: relative;
	margin-top: 15px;
	list-style: none;
}
.type-page ul.share-post li,
ul.share-post li {
	padding: 0px;
}
.type-page ul.share-post li a,
ul.share-post li a {
	color: #fff;
	text-align: center;
	display: inline-block;
	float: left;
	margin: 0 1px 1px 0;
	padding:0;
	position: relative;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
	font-size: 12px;
	font-weight: 500;
	padding: 9px 14px;
	text-transform: none;
	letter-spacing: 0;
}

ul.share-post li a:before {
	font-family: "FontAwesome";
	font-size: 13px;
	display: inline-block;
	margin: 0 6px 0 0;
	font-weight: normal;
}

ul.share-post li a:hover { opacity: 0.85; }
ul.share-post li a.rate-recipe:hover {
	background-color: #555;
	transition: all 0.2s ease-in-out;
	opacity: 1;
}



/* Each Styles */
.facebook-share { background-color: #3b5998; }
.facebook-share:before { content: "\f09a"; }

.twitter-share { background-color: #33bcf3; }
.x-share { background-color: #000; }
.x-share svg { max-height: 13px;
	margin-bottom: -3px; }
.twitter-share:before { content: "\f099"; }

.google-plus-share { background-color: #dd4b39; }
.google-plus-share:before { content: "\f0d5"; }

.pinterest-share { background-color: #cc2127; }
.pinterest-share:before { content: "\f0d2"; }

.behance-share { background-color: #1769ff; }
.behance-share:before { content: "\f1b4"; }

.dribbble-share { background-color: #ea4c89; }
.dribbble-share:before { content: "\f17d"; }

.instagram-share { background-color: #3f729b; }
.instagram-share:before { content: "\f16d"; }

.linkedin-share { background-color: #0976b4; }
.linkedin-share:before { content: "\f0e1"; }

.github-share { background-color: #4183c4; }
.github-share:before { content: "\f113"; }

.youtube-share { background-color: #e52d27; }
.youtube-share:before { content: "\f167"; }

.pinterest0share { background-color: #cc2127; }
.pinterest-share:before { content: "\f0d2"; }



/* Contact Info
------------------------------------- */
.contact-informations { margin: 20px 0 0 0; }
.contact-informations p { margin:0; }

.contact-informations li i {
	float: left;
	margin: 4px 7px 0 0;
	color: #888;
}

.contact-informations li,
.contact-informations.second li {
	margin: 6px 0;
	padding: 0;
}


.contact-informations.second {margin-top:25px;}


/* Contact Form
------------------------------------- */
.page .wpcf7-form fieldset div  {
	margin-bottom: 20px;
}

.page .wpcf7-form fieldset div input {
	width: 300px;
}

.page .wpcf7-form textarea {
	width: auto;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 220px;
	resize: vertical;
}

.page .wpcf7-form input[type="submit"] {
	margin-top: 0;
	float: left;
}

.page .wpcf7-form input,
.page .wpcf7-form textarea,
.page .wpcf7-form select {
	-webkit-transition: background 200ms ease-in-out, border-color 200ms ease-in-out;
	-moz-transition: background 200ms ease-in-out, border-color 200ms ease-in-out;
	-o-transition: background 200ms ease-in-out, border-color 200ms ease-in-out;
	-ms-transition: background 200ms ease-in-out, border-color 200ms ease-in-out;
	transition: background 200ms ease-in-out, border-color 200ms ease-in-out;
}

.page .wpcf7-form input:focus
.page .wpcf7-form textarea:focus,
.page .wpcf7-form select:focus {
	outline: none;
	position: relative;
	z-index: 5;
}

.page .wpcf7-form input.wpcf7-not-valid,
.page .wpcf7-form textarea.wpcf7-not-valid,
.page .wpcf7-form select.wpcf7-not-valid {
	border: 1px solid #e09b97;
	background: #ffeceb;
}

.wpcf7-spinner {margin-top: 12px;}

.wpcf7 form .wpcf7-response-output {
	margin: 20px 0 0 0;
	padding: 10px;
	border-radius: 5px;
}

.page .wpcf7-form label {
	margin-bottom: 8px;
}

.page .wpcf7-form label span {
	color: #e24747;
	margin-left: 2px;
}
div.wpcf7 img.ajax-loader {
margin: 15px 0 0 10px;
	float: left;
}

.page .wpcf7 p {
	margin-bottom: 0px
}

.wpcf7 #message {
	margin: 0;
	padding: 0;
	display: block;
	background: transparent none;
}



/* ------------------------------------------------------------------- */
/* Social Icons
---------------------------------------------------------------------- */
.ptwsi_social-icons li {
	display: inline;
	float: left;
	margin-right: 4px;
	text-align: left;
}

.ptwsi_social-icons li a.ptwsi-social-icon {
	width: 42px;
	height: 42px;
	display: inline-block;
	background-color: #f2f2f2;
	border-radius: 50%;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	position: relative;
	overflow: hidden;
}

.ptwsi_social-icons li {
	transform:scale(1.15);
	-webkit-transform:scale(1.15); 
	-moz-transform:scale(1.15);
	-o-transform:scale(1.15);
	margin-top: 5px;
}


body ul.ptwsi_social-icons { margin-left: -10px; padding: 0px;}

/* Footer Styles */
.footer-bottom .social-icons {
	display: inline-block;
	margin-bottom: 15px;
	margin-top: 4px;
}

.footer-bottom .social-icons li {
	margin: 0 3px;
	transform:scale(1);
	-webkit-transform:scale(1); 
	-moz-transform:scale(1);
	-o-transform:scale(1);
	display: inline;
    float: left;
    text-align: left;
}

.footer-bottom .social-icons li a {
	width: 42px;
	height: 42px;
	display: inline-block;
	background-color: #f2f2f2;
	border-radius: 50%;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	position: relative;
	overflow: hidden;
}


.footer-bottom .social-icons li a {
	border-radius: 50%;
	background-color: transparent;
	border: 1px solid #484848;
}

.footer-bottom .social-icons li a:before { color: #fff; }


/* Common Styles */
.social-icons li a i {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	position: absolute;
	z-index: 20;
}

.social-icons li a:hover,
.social-icons li a i {
	color: #fff;
}

.social-icons li a i {
	top: -30px;
	opacity:0;
}

.social-icons li a:hover i {
	top: 0;
	opacity: 1;
}

.twitter:before,
.wordpress:before,
.facebook:before,
.linkedin:before,
.steam:before,
.tumblr:before,
.github:before,
.delicious:before,
.instagram:before,
.xing:before,
.amazon:before,
.dropbox:before,
.paypal:before,
.lastfm:before,
.gplus:before,
.yahoo:before,
.pinterest:before,
.dribbble:before,
.flickr:before,
.reddit:before,
.vimeo:before,
.spotify:before,
.rss:before,
.youtube:before,
.blogger:before,
.appstore:before,
.digg:before,
.evernote:before,
.fivehundredpx:before,
.forrst:before,
.stumbleupon:before,
.dribbble:before {
	font-family: "fontello";
	font-size: 16px;
	line-height: 16px;
	color: #a0a0a0;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
	position: absolute;
	z-index: 20;
}


/* Icon Styles */
.twitter:before,
.social-icons li a.twitter i {font-size: 14px !important;}
.twitter i, .twitter:before { margin: 13px 0 0 12px; }
.twitter:before { content: "\54"; top: 0; opacity:1; }
.twitter:hover:before { top: 30px; opacity: 0; }
.twitter:hover,
.footer-bottom .twitter:hover { background-color: #3bc1ed; border-color: #3bc1ed; }

.dribbble i, .dribbble:before { margin: 13px 0 0 13px; }
.dribbble:before { content: "\44"; top: 0; opacity:1; }
.dribbble:hover:before { top: 30px; opacity: 0; }
.dribbble:hover { background-color: #ef5a92; }
.footer-bottom .dribbble:hover { background-color: #ef5a92; border-color: #ef5a92; }

.facebook i, .facebook:before { margin: 13px 0 0 16px; }
.facebook:before { content: "\66"; top: 0; opacity:1; }
.facebook:hover:before { top: 30px; opacity: 0; }
.facebook:hover { background-color: #4a6d9d; }
.footer-bottom .facebook:hover { background-color: #4a6d9d; border-color: #4a6d9d;}

.linkedin i, .linkedin:before { margin: 13px 0 0 13px; }
.linkedin:before { content: "\4c"; top: 0; opacity:1; }
.linkedin:hover:before { top: 30px; opacity: 0; }
.linkedin:hover { background-color: #0b7bb5; }
.footer-bottom .linkedin:hover { background-color: #0b7bb5; border-color: #0b7bb5;}

.delicious i, .delicious:before { margin: 13px 0 0 13px; }
.delicious:before { content: "\23"; top: 0; opacity:1; }
.delicious:hover:before { top: 30px; opacity: 0; }
.delicious:hover { background-color: #3274d1; }
.footer-bottom .delicious:hover { background-color: #3274d1; border-color: #3274d1;}

.paypal i, .paypal:before { margin: 13px 0 0 13px; }
.paypal:before { content: "\24"; top: 0; opacity:1; }
.paypal:hover:before { top: 30px; opacity: 0; }
.paypal:hover { background-color: #2e689a; }
.footer-bottom .paypal:hover { background-color: #2e689a; border-color:#2e689a ;}

.gplus i, .gplus:before { margin: 13px 0 0 13px; }
.gplus:before { content: "\2b"; top: 0; opacity:1; }
.gplus:hover:before { top: 30px; opacity: 0; }
.gplus:hover { background-color: #d53824; }
.footer-bottom .gplus:hover { background-color: #d53824;border-color: #d53824;}

.icon-gplus:before,
.gplus:before {
    content: "\f0d5" !important;
    font-family: "FontAwesome";
}

.stumbleupon i, .stumbleupon:before { margin: 13px 0 0 11px; }
.stumbleupon:before { content: "\2f"; top: 0; opacity:1; }
.stumbleupon:hover:before { top: 30px; opacity: 0; }
.stumbleupon:hover { background-color: #eb4924; }
.footer-bottom .stumbleupon:hover { background-color: #eb4924; border-color:#eb4924 ;}

.fivehundredpx i, .fivehundredpx:before { margin: 13px 0 0 11px; }
.fivehundredpx:before { content: "\30"; top: 0; opacity:1; }
.fivehundredpx:hover:before { top: 30px; opacity: 0; }
.fivehundredpx:hover { background-color: #444; }
.footer-bottom .fivehundredpx:hover { background-color: #444; border-color:  #444;}

.pinterest i, .pinterest:before { margin: 13px 0 0 15px; }
.pinterest:before { content: "\31"; top: 0; opacity:1; }
.pinterest:hover:before { top: 30px; opacity: 0; }
.pinterest:hover { background-color: #cb1f25; }
.footer-bottom .pinterest:hover { background-color: #cb1f25; border-color: #cb1f25;}

.forrst i, .forrst:before { margin: 13px 0 0 15px; }
.forrst:before { content: "\3a"; top: 0; opacity:1; }
.forrst:hover:before { top: 30px; opacity: 0; }
.forrst:hover { background-color: #40833e; }
.footer-bottom .forrst:hover { background-color: #40833e; border-color:  #40833e;}

.digg i, .digg:before { margin: 13px 0 0 12px; }
.digg:before { content: "\3b"; top: 0; opacity:1; }
.digg:hover:before { top: 30px; opacity: 0; }
.digg:hover { background-color: #205685; }
.footer-bottom .digg:hover { background-color: #205685; border-color: #205685;}

.spotify i, .spotify:before { margin: 13px 0 0 13px; }
.spotify:before { content: "\3d"; top: 0; opacity:1; }
.spotify:hover:before { top: 30px; opacity: 0; }
.spotify:hover { background-color: #6ca405; }
.footer-bottom .spotify:hover { background-color: #6ca405; border-color: #6ca405;}

.reddit i, .reddit:before { margin: 13px 0 0 12px; }
.reddit:before { content: "\3e"; top: 0; opacity:1; }
.reddit:hover:before { top: 30px; opacity: 0; }
.reddit:hover { background-color: #404040; }
.footer-bottom .reddit:hover { background-color: #404040; border-color:  #404040;}

.appstore i, .appstore:before { margin: 13px 0 0 14px; }
.appstore:before { content: "\41"; top: 0; opacity:1; }
.appstore:hover:before { top: 30px; opacity: 0; }
.appstore:hover { background-color: #c0c0c0; }
.footer-bottom .appstore:hover { background-color: #c0c0c0; border-color: #c0c0c0;}

.blogger i, .blogger:before { margin: 13px 0 0 15px; font-size: 14px !important; }
.blogger:before { content: "\42"; top: 0; opacity:1; }
.blogger:hover:before { top: 30px; opacity: 0; }
.blogger:hover { background-color: #ff6501; }
.footer-bottom .blogger:hover { background-color: #ff6501; border-color:#ff6501 ;}

.dribbble i, .dribbble:before { margin: 13px 0 0 13px; }
.dribbble:before { content: "\44"; top: 0; opacity:1; }
.dribbble:hover:before { top: 30px; opacity: 0; }
.dribbble:hover { background-color: #ef5a92; }
.footer-bottom .dribbble:hover { background-color: #ef5a92; border-color: #ef5a92;}

.evernote i, .evernote:before { margin: 13px 0 0 15px; }
.evernote:before { content: "\45"; top: 0; opacity:1; }
.evernote:hover:before { top: 30px; opacity: 0; }
.evernote:hover { background-color: #6bb130; }
.footer-bottom .evernote:hover { background-color: #6bb130; border-color: #6bb130;}

.flickr i, .flickr:before { margin: 13px 0 0 13px; }
.flickr:before { content: "\46"; top: 0; opacity:1; }
.flickr:hover:before { top: 30px; opacity: 0; }
.flickr:hover { background-color: #136dd5; }
.footer-bottom .flickr:hover { background-color: #136dd5;border-color: #136dd5; }

.rss i, .rss:before { margin: 13px 0 0 14px; font-size: 14px !important; }
.rss:before { content: "\52"; top: 0; opacity:1; }
.rss:hover:before { top: 30px; opacity: 0; }
.rss:hover { background-color: #fe8f00; }
.footer-bottom .rss:hover { background-color: #fe8f00; border-color: #fe8f00;}

.youtube i, .youtube:before { margin: 13px 0 0 14px; font-size: 18px !important; }
.youtube:before { content: "\55"; top: 0; opacity:1; }
.youtube:hover:before { top: 30px; opacity: 0; }
.youtube:hover { background-color: #bf2f29; }
.footer-bottom .youtube:hover { background-color: #bf2f29;border-color: #bf2f29; }

.vimeo i, .vimeo:before { margin: 13px 0 0 13px; font-size: 14px !important; }
.vimeo:before { content: "\56"; top: 0; opacity:1; }
.vimeo:hover:before { top: 30px; opacity: 0; }
.vimeo:hover { background-color: #4c8ab0; }
.footer-bottom .vimeo:hover { background-color: #4c8ab0; border-color: #4c8ab0;}

.xing i, .xing:before { margin: 13px 0 0 14px; }
.xing:before { content: "\58"; top: 0; opacity:1; }
.xing:hover:before { top: 30px; opacity: 0; }
.xing:hover { background-color: #036568; }
.footer-bottom .xing:hover { background-color: #036568; border-color: #036568;}

.yahoo i, .yahoo:before { margin: 13px 0 0 11px; }
.yahoo:before { content: "\59"; top: 0; opacity:1; }
.yahoo:hover:before { top: 30px; opacity: 0; }
.yahoo:hover { background-color: #9251a2; }
.footer-bottom .yahoo:hover { background-color: #9251a2; border-color: #9251a2;}

.amazon i, .amazon:before { margin: 13px 0 0 12px; }
.amazon:before { content: "\61"; top: 0; opacity:1; }
.amazon:hover:before { top: 30px; opacity: 0; }
.amazon:hover { background-color: #2f3842; }
.footer-bottom .amazon:hover { background-color: #2f3842; border-color: #2f3842 ;}

.steam i, .steam:before { margin: 13px 0 0 11px; }
.steam:before { content: "\62"; top: 0; opacity:1; }
.steam:hover:before { top: 30px; opacity: 0; }
.steam:hover { background-color: #383838; }
.footer-bottom .steam:hover { background-color: #383838; border-color:  #383838;}

.dropbox i, .dropbox:before { margin: 13px 0 0 13px; }
.dropbox:before { content: "\64"; top: 0; opacity:1; }
.dropbox:hover:before { top: 30px; opacity: 0; }
.dropbox:hover { background-color: #2c92dd; }
.footer-bottom .dropbox:hover { background-color: #2c92dd;border-color:#2c92dd ; }

.github i, .github:before { margin: 13px 0 0 13px; }
.github:before { content: "\67"; top: 0; opacity:1; }
.github:hover:before { top: 30px; opacity: 0; }
.github:hover { background-color: #5c7381; }
.footer-bottom .github:hover { background-color: #5c7381;border-color: #5c7381; }

.lastfm i, .lastfm:before { margin: 13px 0 0 11px; }
.lastfm:before { content: "\6c"; top: 0; opacity:1; }
.lastfm:hover:before { top: 30px; opacity: 0; }
.lastfm:hover { background-color: #d21309; }
.footer-bottom .lastfm:hover { background-color: #d21309;border-color: #d21309; }

.tumblr i, .tumblr:before { margin: 13px 0 0 15px; }
.tumblr:before { content: "\74"; top: 0; opacity:1; }
.tumblr:hover:before { top: 30px; opacity: 0; }
.tumblr:hover { background-color: #3d658d; }
.footer-bottom .tumblr:hover { background-color: #3d658d;border-color: #3d658d; }

.wordpress i, .wordpress:before { margin: 13px 0 0 14px; }
.wordpress:before { content: "\77"; top: 0; opacity:1; }
.wordpress:hover:before { top: 30px; opacity: 0; }
.wordpress:hover { background-color: #383838; }
.footer-bottom .wordpress:hover { background-color: #383838; border-color: #383838;}

.instagram i, .instagram:before { margin: 13px 0 0 14px; }
.instagram:before { content: "\f31f"; top: 0; opacity:1; }
.instagram:hover:before { top: 30px; opacity: 0; }
.instagram:hover { background-color: #3f6f94; }
.footer-bottom .instagram:hover { background-color: #3f6f94;border-color:#3f6f94 ; }


/* Web Font */
@font-face {
  font-family: 'fontello';
  src: url('fonts/fontello.eot?31771571');
  src: url('fonts/fontello.eot?31771571#iefix') format('embedded-opentype'),
	   url('fonts/fontello.woff?31771571') format('woff'),
	   url('fonts/fontello.ttf?31771571') format('truetype'),
	   url('fonts/fontello.svg?31771571#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

.social-icons li i {
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 16px;
	font-size: 16px;
	width: auto;
}

.icon-delicious:before { content: '\23'; } /* '#' */
.icon-paypal:before { content: '\24'; } /* '$' */
.icon-gplus:before { content: '\2b'; } /* '+' */
.icon-stumbleupon:before { content: '\2f'; } /* '/' */
.icon-fivehundredpx:before { content: '\30'; } /* '0' */
.icon-pinterest:before { content: '\31'; } /* '1' */
.icon-forrst:before { content: '\3a'; } /* ':' */
.icon-digg:before { content: '\3b'; } /* ';' */
.icon-spotify:before { content: '\3d'; } /* '=' */
.icon-reddit:before { content: '\3e'; } /* '>' */
.icon-appstore:before { content: '\41'; } /* 'A' */
.icon-blogger:before { content: '\42'; } /* 'B' */
.icon-dribbble:before { content: '\44'; } /* 'D' */
.icon-evernote:before { content: '\45'; } /* 'E' */
.icon-flickr:before { content: '\46'; } /* 'F' */
.icon-linkedin:before { content: '\4c'; } /* 'L' */
.icon-rss:before { content: '\52'; } /* 'R' */
.icon-twitter:before { content: '\54'; } /* 'T' */
.icon-youtube:before { content: '\55'; } /* 'U' */
.icon-vimeo:before { content: '\56'; } /* 'V' */
.icon-xing:before { content: '\58'; } /* 'X' */
.icon-yahoo:before { content: '\59'; } /* 'Y' */
.icon-amazon:before { content: '\61'; } /* 'a' */
.icon-steam:before { content: '\62'; } /* 'b' */
.icon-dropbox:before { content: '\64'; } /* 'd' */
.icon-facebook:before { content: '\66'; } /* 'f' */
.icon-github:before { content: '\67'; } /* 'g' */
.icon-lastfm:before { content: '\6c'; } /* 'l' */
.icon-tumblr:before { content: '\74'; } /* 't' */
.icon-wordpress:before { content: '\77'; } /* 'w' */
.icon-linkedin-rect:before { content: '\f31b'; } /* '?' */
.icon-instagram:before { content: '\f31f'; } /* '?' */



/* ------------------------------------------------------------------- */
/* Job List Styles
---------------------------------------------------------------------- */
.padding-right { padding-right: 20px; }

.resumes { position: relative; }
body ul.resumes,
body ul.job-list {
	margin-bottom: 30px;
	list-style: none;
	margin-left: 0px;
}
 ul.resumes.loading,
 ul.job-list.loading {
 	opacity: 0.7
 }
.job-list.hide-desc .listing-desc{
	display: none
}

.job_title small { color: #888; }

/* .resumes li, */
.job_listings > li,
.job-list > li {
    background-color: #fff;
    border-top: 1px solid #e0e0e0;
    position: relative;
	z-index: 99;
	padding: 0;
}

/* .resumes li a, */
.job_listings > li a,
.job-list > li a {
	color: #808080;
	width: 100%;
	height: 100%;
	display: inline-block;
}

/* .resumes li:last-child, */
.job_listings > li:last-child,
.job-list > li:last-child {
    border-bottom: 1px solid #e0e0e0;
} 

/* .resumes li:nth-child(2n), */
.job_listings > li:nth-child(2n),
.job-list > li:nth-child(2n) {
    background-color: #fbfbfb;
}

/* .resumes li:hover, */
.job_listings li:hover,
.job-list > li:hover {
	background-color: rgba(80, 80, 80,0.05);
	border-color: rgba(80, 80, 80,0.7);
	z-index: 1011;
}

/* .resumes li.highlighted a:before, */
/* .resumes li a:before, */
.job-list li.job_position_featured a:before,
.job_listings > li a:before,
.job-list > li a:before {
	content: "";
	width: 100%;
	height: 100%;
	display: inline-block;
	position: absolute;
	-webkit-box-shadow: 0px 1px 0px 0px rgba(80, 80, 80,0.7);
	-moz-box-shadow: 0px 1px 0px 0px rgba(80, 80, 80,0.7);
	box-shadow: 0px 1px 0px 0px rgba(80, 80, 80,0.7);
	top: 0;
	left: 0;
	z-index: 101;
	opacity: 0;
}

/* .resumes li:hover a:before, */
.job-list > li:hover a:before { opacity: 1 }

.resume-title a { font-weight: 500; color: #333; }
.resume-title small { color: #aaa; }

/* .resume-titlebar span a:hover i,
.resumes li,
.resumes li a:before, */
.job-list > li,
.job_listings > li,
.job-list > li a:before 
.job_listings > li a:before {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}



/* Highlighted Job*/
/* .resumes li.highlighted a:before, */
li.resume_featured a:before,
/* .resumes.alternative li.resume_featured a:before, */
.job-list li.job_position_featured a:before {
	-webkit-box-shadow: 0px 1px 0px 0px #e0da94;
	-moz-box-shadow: 0px 1px 0px 0px #e0da94;
	box-shadow: 0px 1px 0px 0px #e0da94;
	opacity: 1;
}
/* 
.resumes li.highlighted,
.resumes.alternative li.resume_featured, */
li.resume_featured,
.job-list li.job_position_featured {
	background-color: #fefff6 !important; 
	border-color: #e0da94 !important;
	z-index: 100 !important;
}


/* Icons */
.resume-titlebar i,
.job-spotlight i,
.resume-spotlight i,
.map-box a i,
.job_listings > li a i,
.job-list > li a i
/* .resumes li a i  */
{
	color: #999;
	margin-right: 0;
	font-weight: 500;
}

.job-spotlight i {
    margin-right: 2px;
    font-size: 18px;
    top: 2px;
    position: relative;
}

.resume-titlebar span a:hover i {
	color: #505050;
}

.resume-titlebar span,
.map-box  span,
.resume-spotlight span,
.job-spotlight span,
.job_listings > li a span,
.job_listings > .job_listings > .job_listings > li a span,
.job-list > li a span,
.job-list > .job_listings > .job_listings > li a span
/* .resumes li a span  */
{
	margin-right: 17px;
	display: inline-block;
}
.job-list > li a span.job-type {
	margin-right: 0px;
}
.job-list > li a span.job-type:last-child{
	margin-right: 17px;
}

/* .resumes li a span {
	margin-right: 10px;
} */

.job-icons span {
	margin-bottom: 8px;
}


/* Text */
/* .resumes li a p, */
.job_listings > li a p,
.job-list > li a p {
	line-height: 27px;
	margin: 11px 0 0 0;
	padding-right: 40px;
	color: #666;
}


/* Content*/
.job_listings img,
.job-list img {
	float: left;
	display: inline-block;
	margin-left: 35px;
	margin-top: 2px;
	width: 60px;
	height: 60px;
}

.job-list .right .job-list-content {
	margin-left: 35px;
}

/* Content*/
.job_listings .right img,
.job-list .right img {
	float: right;
	margin-right: 35px;
	width: auto
}

.job_listings.logo-to-right .right img,
.job-list.logo-to-right .right img {
	float: right;
	margin-right: 35px;
	max-width: 100px;
    height: auto;
}

.job_listings.new-layout.logo-to-right .right img,
.job-list.new-layout.logo-to-right .right img {
	width: auto;
	height: auto;
	max-width: 60px;
}

.resume-spotlight img,
/* .resumes img, */
.resumes .photo-rounded img {
	border-radius: 4px;
	width: 90px;
	height: 90px;  
	float: left;
	display: inline-block;
	margin: 35px 0 35px 35px;
}

@media (max-width: 992px) {
	.resume-spotlight img,
	/* .resumes img, */
	.resumes .photo-rounded img {
		height: 70px; width: 70px;
	}
	.resumes.alternative .resumes-content { padding-right: 15px; }
}
@media (max-width: 768px) {
	.resume-spotlight img,
	/* .resumes.alternative img, */
	.resumes.alternative .photo-rounded img {
		height: 50px; width: 50px;
	}
	/* .resumes.alternative .resumes-content h4 {padding-left: 80px;}
	.resumes.alternative .resumes-content h4 span { line-height: 24px; margin: 0; }
	 */

	.resumes.alternative li a span {
		margin-right: 10px;
		line-height: 21px;
		margin: 3px 0;
	}
	
	.resumes.alternative .resumes-content { margin-left: 25px; padding-right: 15px; }
}
.resume-spotlight img {
	margin: 0px 35px 25px 0px;
}
.resume-spotlight.photo-square img,
.resumes .photo-square img {
	border-radius: 0px;
    width: 90px;
    height: auto;
}

.resume-titlebar img {
	border-radius: 4px;
	width: 110px;
	height: 110px;
	margin-top: 6px;
	margin-left: 0;
	float: left;
	display: inline-block;
}

.resume-titlebar.photo-square img {
	border-radius: 0px;
	height: auto
}

/* .resume-titlebar .resumes-content,
.resumes .resumes-content, */
.job_listings .job-list-content,
.job-list .job-list-content {
	display: block;
	margin-left: 125px;
	position: relative;
}

/* .resume-titlebar .resumes-content { margin-left: 143px; }
.resumes .resumes-content { margin-left: 160px; } */

.resumes .resumes-content,
.job_listings .job-list-content,
.job-list .job-list-content,
.job_listings img,
.job-list img {
	padding: 35px 0;
}

.job_listings .job-list-content { padding-right: 20px; }
.job-list .job-list-content { padding-right: 20px; }

.resumes .resumes-content { padding: 30px 0 34px 0; }
.resume-titlebar .resumes-content { padding: 5px 0 15px 0; }

.job_listings .job-list-content h4,
.job-list .job-list-content h4 {
	line-height: 31px;
	margin: 0px 0 8px 0;
}

.job-list.full .job-list-content h4 { margin-bottom: 15px; }


/* Resumes List */
.resumes-content h4 {
	font-size: 18px;
	color: #505050; 
}

.resume-titlebar .resumes-content h4 { font-size: 22px; }

#titlebar.resume .resume-titlebar .resumes-content h4 span,
.resume-spotlight h4 span,
.resumes-content h4 span {
	font-size: 24px;
	color: #333;
	margin: -3px 0 10px 0;
	line-height: 32px;
	position: relative;
	display: block !important;
}

.resumes-content h4 span {
	margin-top:-5px;
	font-size: 20px;
	line-height: 30px;
}

.resumes li a p { margin-top: 18px; }


/* Skills List */
.skills span {
	display: inline-block;
	text-transform: none;
	padding: 6px 10px;
    background-color: #eee;
    color: #777;
	margin: 0 3px 3px 0px !important;
	float: left;
	font-size: 12px !important;
	font-weight: 500;
	line-height: 19px;
}

#titlebar .skills span {
    background: #e5e5e5;
    color: #666; }

.resumes.alternative .resumes-content.wpb_text_column { margin-bottom: 10px !important; }

.skills { margin-top: 14px; }

.resumes-content .skills span {
	font-size: 12px !important;
	padding: 6px 12px;
	margin-bottom: 3px !important;
}


/* Job Types */
.map-box h4 span,
.job-spotlight h4 span,
#titlebar h1 span,
#titlebar h2 span,
.job_listings h4 span,
.job-list h4 span {
	color: #fff;
	font-size: 11px;
	font-weight: 500;
	text-transform: none;
	padding: 0 8px;
	line-height: 24px;
	position: relative;
	margin: 0 0 0 2px;
	top: 0px;
}

#titlebar h1 span,
#titlebar h2 span {
	padding: 2px 8px;
	position: relative;
	top: -4px;
	font-size: 12px;
	display: inline-block;
	text-transform: none;
}

#titlebar.photo-bg h2 span { top: -7px; }

span.job-type { background-color: #ddd }
span.full-time { background-color: #186fc9; }
span.part-time { background-color: #f1630d; }
span.freelance { background-color: #53b427; }
span.internship { background-color: #e1d123; }
span.temporary { background-color: #e12335; }
span.new_job { background-color: #ff8000 }
span.job-manager-applications-applied-notice { 
	background-color: #58ba2b;     
	padding: 8px 10px;
    position: relative;
    font-weight: 500;
    text-transform: none;
    font-size: 12px;
	color:#fff;
}



/* ---------------------------------- */
/* Job Spotlight
------------------------------------- */
.job-overview,
.resume-spotlight,
.job-spotlight {
	background-color: #fdfdfd;
	border: 1px solid #e2e2e2;
	padding: 35px 38px 31px 38px;
}
.job-overview .application-deadline {
	display: none;
}

.job-overview strong { font-weight: 500; }
.resume-spotlight span a,
.job-spotlight span a { color: #808080; }

li .resume-spotlight,
li .job-spotlight { line-height: 27px; }

.job-spotlight span { color: #808080; }
.resume-spotlight p,
.job-spotlight p { margin: 18px 0px 3px }

li .resume-spotlight p, 
li .job-spotlight p { line-height: 27px; }

.resume-spotlight a h4,
.job-spotlight a h4 {
	line-height: 30px;
	margin-bottom: 13px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.resume-spotlight a:hover h4,
.job-spotlight a:hover h4 { color: #666; }

.resume-spotlight a.button,
.job-overview a.button,
.job-spotlight a.button {
	width: 100%;
	text-align: center;
	box-sizing: border-box;
	margin: 22px 0 0 0;
}


/* ---------------------------------- */
/* Job Page
------------------------------------- */

/* Job Overview */
.type-page .job-overview ul,
.job-overview ul {
	list-style: none;
	margin:0px;
}
.job-overview ul li {
    margin: 0;
    padding: 0;
    line-height: 16px;
    display: flex;
    margin: 25px 0;
}
.job-overview ul li:last-child {
    /* margin: 0px; */
    /* margin-bottom: 12px; */
}
.job-overview ul li:first-child { margin-top: 0; }

.job-overview ul li a { color: #666;} 

.job-overview ul li i {
	font-size: 18px;
	color: #505050;
	background: #26ae611f;
	border-radius: 4px;
	height: 40px;
	width: 40px;
	text-align: center;
	line-height: 38px;
	/* position: absolute; */
	flex: 0 0 40px;
}

.job-overview ul li i.fa.fa-map-marker {
	font-size: 18px;
}

.job-overview ul li span {
	display: block;
	margin-top: 3px;
	line-height: 26px;
}
.full-page-container .job-overview ul li span {
	line-height: 24px;
}
.job-overview ul li div {
	position: relative;
	/* top: -18px; */
	margin-left: 20px;
}

.job-overview a.button { margin-top: 0px; }



/* Company Info */
.company-info {
	border-bottom: 1px solid #e0e0e0;
	padding-bottom: 33px;
	margin-bottom: 35px;
}

.company-tagline {
	color: #888
}
.company_video {margin-bottom: 15px;}
.company-info img {
	float: left;
	display: inline-block;
	height: 108px;
	width: 108px;
	margin-right: 30px;
}
.company-info.right-company-logo img {
	width: auto;
	float: right;
	height: 80px;

}
.company-info .content {
	display: block;
	float: left;
	margin: 23px 0 0 0px;
	margin: 0;
	margin-top: 2px;
}

.company-info span { margin-right: 10px; }

.company-info span a { color: #666; }
.company-info span a:hover { color: #505050; }

.company-info h4 {
	font-size: 18px;
	line-height: 26px;
    margin-bottom: 0px;
    margin-top: 2px;
}
.resume_preview h1,
.job_listing_preview h1 {
	display: none;
}

.resume_preview h2,
.job_listing_preview h2 {
	font-size: 22px;
}
#dashboard .resume_preview  #titlebar h2,
#dashboard .job_listing_preview #titlebar h2 {
	font-size: 24px;
}

.dashboard-content #job_package_selection {
     padding: 25px 30px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(0,0,0,0.08);   
}

.job_listing_preview #titlebar span.new_job, 
.job_listing_preview #titlebar span.job-type {
    color: #fff;
    font-size: 13px;
    padding: 4px 6px;
    line-height: 20px;
}

.job_listing_preview #titlebar span a, .job_listing_preview #titlebar span,
.resume_preview #titlebar span a, .resume_preview #titlebar span {
    font-size: 16px;
    display: inline-block; margin-bottom: 2px;
}

.company-info strong { font-weight: 500; }
.company-info h4 a strong { font-size: 18px; }

.button.send-message-to-owner {
    box-shadow: 0 4px 12px rgba(38,174,97, 0.25);
    padding: 5px 12px;
    margin-top: 9px;
    font-size: 13px; 
}

.single-resume .send-message-to-owner { margin-right: 0; }

.button.send-message-to-owner:hover {
    box-shadow: 0 4px 12px rgba(34,34,34, 0.25); 
}

.button.send-message-to-owner i {
font-family: FontAwesome;
    margin-right: -1px;
    font-weight: normal;
}

.company_preview_title,
.resume_preview_title,
.job_listing_preview_title {
    overflow: hidden;
    padding-top: 16px;
    background: #eee;
    margin-bottom: 20px;
    border-radius: 4px;
    padding: 20px 20px 20px 28px;;
    padding-top: 15px;
}
.company_preview_title h2,
.resume_preview_title h2,
.job_listing_preview_title h2 {
	float: left;
	margin: 0;
    top: 5px;
    font-size: 20px;
    position: relative;
    font-weight: 500;
}
.company_preview_title input,
.resume_preview_title input,
.job_listing_preview_title input {
	margin-top: 5px;
	float: right;
    margin-left: 5px;
}


.job_listing_packages li input {
	float: left;
}

.job_listing_packages_title input, .resume_packages_title input {
	margin-top: 10px;
}

#resume_preview .container {margin-left: 0px;}
#resume_preview  .resume-titlebar {margin-left: 50px;}

#job_preview .container .ten.columns,
#job_preview .container .six.columns,
#job_preview .container .five.columns { margin: 0; }

#job_preview #titlebar .ten.columns { width: 100%; margin: 0; }


#job_preview #titlebar.photo-bg { border-radius: 4px; }

#company_preview .company-contact-details,
#job_preview .company-info {
    padding: 30px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    box-shadow: none;
    
}

#company_preview .single-company h1:not(.company-contact-details h1) { display: none; }

#company_preview .company-contact-details {
    margin: 0;
    width: 100%;
    margin-bottom: 30px;
}

@media(max-width: 992px) {
    #company_preview .container { flex-direction: column;}
    #company_preview .container .five.columns {
    width: 100%;
    max-width: 100%;
}
}


#company_preview .entry-footer { display: none; }
.job-manager-remove-uploaded-file:hover { color: #fff; }

#company_preview .container .ten.columns,
#company_preview .container .six.columns,
#company_preview .container .five.columns { margin: 0; }
#company_preview #titlebar .ten.columns { width: 100%; margin: 0; }
#company_preview #titlebar.photo-bg { border-radius: 4px; }
#company_preview .company-info {
    padding: 30px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
}

.dashboard-content-container .company_preview,
.dashboard-content-container .resume_preview,
.dashboard-content-container .job_listing_preview.single_job_listing {background: #fff;padding: 35px;border-radius: 4px;box-shadow: 0 0px 15px rgba(0,0,0,0.06);margin-bottom: 20px;}
.job_listing_preview.single_job_listing .job-overview { margin-bottom: 35px; }

@media(max-width: 992px) {
 .dashboard-content-container .company_preview,
.dashboard-content-container .resume_preview,
.dashboard-content-container .job_listing_preview.single_job_listing {padding: 30px;}

 .dashboard-content-container .company_preview .container,
.dashboard-content-container .resume_preview .container,
.dashboard-content-container .job_listing_preview.single_job_listing .container {padding: 0;}
   
}
.company_preview .container,
.resume_preview .container,
.job_listing_preview.single_job_listing .container {width: 100%;display: flex;flex-wrap: wrap;}
.job_listing_preview.single_job_listing .container #titlebar h2{ font-size: 24px; }

.company_preview .container .eleven.columns,
.resume_preview .container .eight.columns,
.resume_preview .container .ten.columns,
.resume_preview .container .six.columns,
#job_preview .container .eleven.columns { flex: 1; }


.company_preview .container .five.columns,
#job_preview .container .five.columns { flex: 1;max-width: 340px; }

#company_preview .container .eleven.columns { flex: 1; }
#company_preview .container .five.columns { flex: 1;max-width: 340px; }

.resume_preview .container .six.columns { display: none;}


#resume_preview .resume-titlebar {
    margin-left: 0px;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 15px;
}

@media (max-width: 768px) {
.resume_preview .container .eight.columns,
.resume_preview .container .ten.columns,
.resume_preview .container .six.columns,
#job_preview .container .eleven.columns { flex: 1; max-width: 100%; width: 100%;}
.resume_preview .container .eight.columns,
.resume_preview .container .ten.columns,
.resume_preview .container .six.columns,
#job_preview .container .five.columns {flex: 1;max-width: 100%;width: 100%;margin-top: 30px;}   
.resume_preview .container .six.columns { display: none; }
.resume_preview .container,
.job_listing_preview.single_job_listing .container { display: block; }
.resume_preview,
.job_listing_preview.single_job_listing { padding: 25px; }
.resume_preview_title input,
.resume_preview_title h2,
.company_preview_title input, 
.job_listing_preview_title input, 
.job_listing_preview_title h2 { width: 100%; float: none; display: block; }
.resume_preview_title h2,
.company_preview_title h2,
.job_listing_preview_title h2 {display: none;}
.company_preview_title,
.resume_preview_title, .job_listing_preview_title { padding: 15px 20px 20px 15px; }

#resume_preview .resume-titlebar { margin-bottom: -40px; margin-top: -30px; }
#resume_preview .resumes-content { margin-left: 0;}

}

/* ---------------------------------- */
/* Testimonials
------------------------------------- */
#testimonials {
	position: relative;
	margin-top: 0;
	
	background-position: 50%;
	background-repeat: no-repeat;

	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width: 100%;
}

#testimonials:before {
	content:"";
	width: 100%;
	height: 100%;
	display: inline-block;
	background-color: rgba(34,34,34,0.9);
	position: absolute;
}

.testimonials-slider {
	text-align: center;
}

.testimonials-slider li p {
	font-size: 24px;
	font-weight: 300;
	color: #fff;
	line-height: 36px;
	padding: 80px 60px;
}

.testimonials-slider li p span {
	display: block;
	font-weight: 500;
	font-size: 16px;
	margin-top: 20px;
}

.flex-container a:hover,
.flex-slider a:hover,
.flex-container a:focus,
.flex-slider a:focus {
	outline: none;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}
.flex-pauseplay span {
	text-transform: capitalize;
}



/* revoslider nav buttons */
/* .tp-leftarrow.tparrows:before,
.tp-rightarrow.tparrows:before {
    font-family: "FontAwesome";
    display: inline-block;
    position: relative;
    font-size: 20px;
    top: 15px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}


.tp-rightarrow.tparrows:before { content: "\f054"; left: 19px; }
.tp-leftarrow.tparrows:before { content: "\f053"; left: 15px; }


.tparrows {
    z-index: 100;
    cursor: pointer;
    background-color: #fff;
    color: #333;
    width: 48px;
    height: 68px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.tparrows:before {
    color:#333;
}

.tp-leftarrow.tparrows:hover:before,
.tp-rightarrow.tparrows:hover:before,
.tparrows:hover:before {
    color: #fff;
}


rs-module .hesperiden.tparrows { border-radius: 5px !Important}

rs-module .hesperiden.tparrows:before {
    top: 0;
    left: 0;
}

rs-module .hesperiden.tparrows.tp-rightarrow { 
right: -20px !important;
left: initial !important}

rs-module .hesperiden.tparrows.tp-leftarrow { 
right: initial !important;
left: 20px !important}
 */


/* ------------------------------------------------------------------- */
/* Flexslider
---------------------------------------------------------------------- */
.flexslider {
	margin: 0;
	padding: 0;
}

.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
}

.flexslider .slides img {
	width: 100%;
	display: block;
}

.flexslider .slides:after {
	content: "\0020";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

html[xmlns] .flexslider .slides {
	display: block;
}

* html .flexslider .slides {
	height: 1%;
}

.no-js .flexslider .slides > li:first-child {
	display: block;
}

.flex-direction-nav { display: none; }

.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 60px;
	text-align: center;
	z-index: 999;
	left: 0;
}

.flex-control-nav li {
	margin: 0 3px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.flex-control-paging li a {
	width: 9px;
	height: 9px;
	display: block;
	background: transparent;
	border: 2px solid #fff;
	cursor: pointer;
	text-indent: -9999px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

.flex-control-paging li a:hover { background: #fff; }

.flex-control-paging li a.flex-active {
	background: #fff;
	cursor: default;
}


/* ---------------------------------- */
/* Pagination
------------------------------------- */
.job-manager-pagination {
	width: 100%
}
.job-manager-pagination,
.woocommerce-pagination,
.pagination {
	margin: 9px 0 0 0;
	text-align: center;
	overflow: hidden;
	position: relative;
}

.post-navigation {
	margin-bottom: 50px;	
	overflow: hidden;
}

.pagination-next-prev {
	position: relative;
}

.pagination ul li a:before { display: none;}

.job-manager-pagination ul li,
.woocommerce-pagination ul li,
.pagination ul li {
	display: inline-block;
	margin: 0 3px 0px 0px;
	padding: 0;
	background: #fff !important;
}
.job-manager-pagination ul li a,
.woocommerce-pagination ul li a,
.pagination ul li a,
.nav-links a,
.job-manager-pagination .current,
.woocommerce-pagination .current,
.pagination .current,
.page-links a,
.pagination-next-prev ul li a {
	color: #888;
    padding: 9px 16px;
    min-width: 10px;
	border-bottom: none;
	display: inline-block;
	background-color: #f2f2f2;
	font-weight: 500;

	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	font-size: 14px;
}
.pagination ul li.current a {color: #fff;}
.nav-links a:hover { color: #fff; }

.job-manager-pagination .current,
.pagination .current,
.pagination ul li a { display: inline-block; width: auto; text-transform: none;
    height: 42px;
    line-height: 26px;
 }
body .pagination ul li { border: none; padding: 0 !important; }

.pagination ul li.blank {
	color: #a0a0a0;
	padding: 0 6px;
}

.job-manager-pagination .current,
.pagination ul li a.current-page {
	background-color: #505050;
	color: #fff;
}

.woocommerce-pagination .current,
.pagination .current,
.pagination ul li a:hover,
.pagination-next-prev ul li a:hover {
	background-color: #505050;
	color: #fff;
}


.pagination ul .nextpostslink {
	top:0;
	right: 0px;
	position: absolute;
	margin-right: 10px;
}

.eleven .pagination ul .nextpostslink {
	top: 0px;
	right: 0px;
	position: absolute;
	margin-right: 0px;
}

.pagination ul .previouspostslink {
	top:0px;
	left: 5px;
	position: absolute;
}

.nav-next,
.pagination-next-prev a.next { float: right; }
.nav-previous,
.pagination-next-prev a.prev { float: left; }

.nav-previous i {margin-right: 10px;}
.nav-next i { margin-left: 10px;}
.pagination-next-prev ul li a {
	color: #888;
	padding: 12px 16px;
	text-transform: none;
}

.pagination span.pages {
  display: none;
}

.job-manager-pagination li a { text-transform: none;}
.job-manager-pagination { margin-bottom: 15px; }


/* ---------------------------------- */
/* Infobox
------------------------------------- */
.infobox {
	background-color: #505050;
	font-size: 27px;
	font-weight: 500;
	line-height: 40px;
	color: #fff;
	padding: 65px 0;
	text-align: center;
	margin: 0 0 47px 0;
}


.infobox a {
	color: #fff;
	font-weight: 500;
	font-size: 14px;
	border: 1px solid #fff;
	background-color: transparent;
	text-transform: none;
	padding: 15px 20px;
	margin: 0 0 0 20px;
	position: relative;
	top: -3px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.infobox a:hover {
	background-color: #fff;
	color: #505050;
}


/* ---------------------------------- */
/* Hover Icon / Hover Cover
------------------------------------- */
.hover-icon {
    position: absolute;
    left: 0;
    color: #fff;
    font-size: 14px;
    width: 46px;
    height: 46px;
    transform: translate(-50%,-60%);
    display: block;
    margin: 0 auto;
    left: 50%;
    top: 50%;
    border-radius: 4px;
    opacity: 0;
    visibiltiy: hidden;
    pointer-events: none;
}

.hover-icon:before {
    content: "\e90d";
    font-family: 'Material-Icons' !important;
    font-weight: 400;
    position: relative;
    font-size: 21px;
    margin: 0 auto;
    display: block;
    width: 22px;
    line-height: 44px;
}

.post-img a:before,
.recent-post-img a:before,
.hover-cover,
.hover-icon {
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

.recent-post a.button { margin-top: 5px; }

/* Hover Cover */
.hover-cover {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #222;
	opacity: 0;
	visibility: hidden;
	z-index: 9;
}

.post-img img { width: 100%; }
/* ------------------------------------------------------------------- */
/* ShowBiz Carousel
---------------------------------------------------------------------- */
.showbiz-navigation {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.showbiz {
	margin: 0 0 15px 0;
}

body .showbiz ul,
body .showbiz li {
	list-style: none;
	margin: 0;
	padding: 0;
}

body .showbiz ul li {
	position:relative;
	-webkit-transform: translateZ(10);
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
	margin-right: 20px;
	margin-top: 20px;
	padding: 0px
}

.showbiz .overflowholder {
	overflow: hidden;
	position: relative;
	width: 100%;
	z-index: 2;
}

.showbiz .overflowholder ul {
	width: 100000px;
	position: absolute;
	top: 0px;
	left: 0px;
}

.showbiz .overflowholder ul li {
	float: left !important;
	position:relative;
}

.products .product {
	margin-top: 20px;
	position: relative;
}

.products a { line-height: 18px; }

.showbiz .mediaholder,
.products .mediaholder {
	position:relative;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	background:transparent;
	padding:0px;
	border:none;
	overflow: hidden;
}

.showbiz .mediaholder_innerwrap,
.products .mediaholder_innerwrap {
	position:relative;
	overflow:hidden;
	width:100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

.showbiz .mediaholder img,
.products .mediaholder img {
	width:100%;
	position:relative;
	margin-bottom:-5px;
}

.showbiz .cover,
.products .cover {
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	position: absolute;
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
}

.showbiz li:hover .cover,
.products figure:hover .cover {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
}

.showbiz li .mediaholder img,
.products figure .mediaholder img {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}

.showbiz li:hover .mediaholder img,
.products figure:hover .mediaholder img {
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
}

.showbiz .cover,
.showbiz li .mediaholder img,
.products .cover,
.products figure .mediaholder img {
	-webkit-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
	-moz-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
	-o-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
	 transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */

	-webkit-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000);
	-moz-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000);
	-o-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000);
	transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */
}


/* Navigation #1
------------------------------------- */
.showbiz-navigation	{
	float: right;
	margin: -39px -1px 0 0px;
}

.sb-navigation-left i,
.sb-navigation-right i,
.sb-navigation-left.notclickable,
.sb-navigation-right.notclickable {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.sb-navigation-left,
.sb-navigation-right {
	cursor: pointer;
	float: left;
}

.sb-navigation-left	{ margin-right: 3px; }

.sb-navigation-left i,
.sb-navigation-right i {
	line-height:24px;
	font-size:28px;
	color:#a0a0a0;
	margin-left: 10px;
}

.sb-navigation-left.notclickable,
.sb-navigation-right.notclickable {
	cursor: default;
}

.sb-navigation-left.notclickable i,
.sb-navigation-right.notclickable i {
	color: #c0c0c0;
}


/* Navigation #2
------------------------------------- */
.sb-navigation-left-2,
.sb-navigation-right-2,
.sb-navigation-left-2.notclickable,
.sb-navigation-right-2.notclickable {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.sb-navigation-left-2,
.sb-navigation-right-2 {
	cursor:pointer;
	margin-top: 46px;
}

.sb-navigation-left-2	{float:left;}
.sb-navigation-right-2	{float:right;}

.sb-navigation-left-2 i,
.sb-navigation-right-2 i {
	line-height:24px;
	font-size:34px;
	color:#c4c4c4;
}

.sb-navigation-left-2:hover,
.sb-navigation-right-2:hover {

}

.sb-navigation-left-2.notclickable,
.sb-navigation-right-2.notclickable {
	cursor:default;

}

.sb-navigation-left-2.notclickable i,
.sb-navigation-right-2.notclickable i {
	color: #c4c4c4;
}

.sb-navigation-left-2.alt,
.sb-navigation-right-2.alt {
	top: 57%;
	margin: 0;
	position: absolute;
	height: 20px;
	width: 20px;
	z-index: 99;
}

h3.centered-headline {
	text-align: center;
	font-size: 24px;
	margin: 20px 0 15px 0;
	padding: 40px 0;
	display: block;
	background-color: #f6f6f6;
}

h3.centered-headline span {
	display: block;
	font-size: 20px;
	color: #888;
	font-weight: 500;
	position: relative;
	margin-top: -10px;
}
.one.carousel.column { margin: 0; }

.sb-navigation-left-2.alt { left: 10px; }
.sb-navigation-right-2.alt { right:0; }


/* ------------------------------------------------------------------- */
/* Blog Styles
---------------------------------------------------------------------- */
.post-container  {
	margin-bottom: 50px;
}


.post-content {
	border-bottom: 1px solid #e0e0e0;
	padding: 33px 0 36px;
}
.single .post-content {
	border: 0px;
}
h1.post-title,
.post-content h3 {
	line-height: 36px;
	font-size: 22px;
}

.post-content a h3 {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.post-content a:hover h3 {
	color: #666;
}

.post-content .meta-tags span {
	position: relative;
	top: 3px;
}
.post-content .meta-tags span span {
	top: 0px;
}
.post-content p {
	margin-top: 19px;
}

.post-content a.button {
	margin-top: 15px;
}

a.post-img {
	overflow: hidden;
	display: block;
	position: relative;
}

a.post-img img { width: 100%; }

a.post-img:before {
    height: 100%;
    width: 100%;
    background-color: #000;
    opacity: 0;
    position: absolute;
    display: block;
    z-index: 99;
    content: "";
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

a.post-img:hover:before {
	opacity: 0.12;
}

.single-post .post-content { padding-bottom: 0; }


/* Blog Flexbox Style */
@media (min-width: 1360px) {
body:not(.single-post) .post-container {
	display: flex;
}

body:not(.single-post) .post-img {
 flex: 0 0 300px;
}
body:not(.single-post) .post-img a,
body:not(.single-post) .post-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
border-radius: 5px 0 0 5px;
object-position: 30% 50%;
}


body:not(.single-post) .post-content {
	border-radius: 0 5px 5px 0;
}

body:not(.single-post) .post-img a:before, 
body:not(.single-post) .recent-post-img a:before {
visibility: visible;
    opacity: 0.6;
}
}
.previouspostslink,
.nextpostslink { display: none !important; }
/* ---------------------------------- */
/* Recent Posts
------------------------------------- */
.recent-blog-posts.masonry {
	margin:0px -10px;
}
.recent-post {
	border-bottom: 1px solid #e0e0e0;
	padding-bottom: 32px;
	margin-bottom: 15px;
}


.recent-post a h4 {
	font-size: 21px;
	line-height: 32px;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
	margin-bottom: 6px;
}

.recent-post a h4:hover { color: #666; }

.recent-post a { margin-top: 15px; }
.recent-post p { margin-top: 15px; }

.meta-tags span {
	display: inline-block;
	color: #888;
	border-right: 1px solid #e0e0e0;
	margin-right: 10px;
	padding-right: 10px;
	line-height: 14px;
}

.meta-tags span:last-child  { border: none; }

.meta-tags span a { color: #888; }
.meta-tags span a:hover { color: #505050; }


.post-img:hover .hover-icon,
.recent-post-img:hover .hover-icon {
	opacity: 1;
	visibility: visible;
    transform: translate(-50%,-50%);
}

.post-img:hover .hover-cover,
.recent-post-img:hover .hover-cover {
	opacity: 0.1;
	visibility: visible;
}

.recent-post-img { margin-bottom: 30px; }

.post-img,
.recent-post-img {
	position: relative;
	overflow: hidden;
}


.post-img a:before,
.recent-post-img a:before {
	content:"";
	width: 100%;
	height: 100%;
	display: inline-block;
	background-color: rgba(34,34,34,0.15);
	position: absolute;
	visibility: hidden;
	opacity: 0;
}

.post-img a:hover:before,
.recent-post-img a:hover:before {
	opacity: 1;
	visibility: visible;
}


/* Comments
------------------------------------- */
.page .comments { margin-top: 10px;}
.comments { margin: -10px 0 0 0; }
.comments h4 { margin-bottom: 25px; font-size: 20px; }
.comment { font-size: 20px; }

.comments .button {
	margin: 0 0 10px 90px;
	padding: 7px 15px;
}

.comments.reviews .button { margin: 0; }

.comments ul li {
	display: block;
	margin: 0 0 20px 90px;
	position: relative;
}

.comments ul li ul li {
	margin: 20px 0 0 90px;
}

.comment-content p {
	margin: 3px 0 0 0;
	line-height: 26px;
}
.bypostauthor { }

.comment-content {
	background: #f8f8f8;
	color: #666;
	font-size: 16px;
	padding: 26px 30px 25px 30px;
	position: relative;
}

.comment-content strong {
	padding-right: 5px;
	color: #666;
}

.comment-content span { color: #888; }
.comment-content p { padding: 5px 0 !important; }

.comments-amount { color: #888; font-weight: 500; }

.comment-list  img.avatar,
div.avatar {
	float: left;
	display: inline-block;
	position: absolute;
	left: -90px;
}

div.avatar img { max-width: 70px; }

.comment-by {
	width: 100%;
	padding-bottom: 8px;
	padding-top: 5px;
	font-weight: 700;
	color: #555;
	font-size: 16px;
}

.comment-by a.comment-reply-link,
.comment-by a.comment-reply-link i {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.comment-by a.comment-reply-link {
	display: inline;
	background-color: #eee;
	padding: 9px 13px;
	color: #888;
	font-size: 13px;
	font-weight: 700;
	position: absolute;
	right: 0;
	top: 0;
	text-transform: none;
}

.comment-by a.comment-reply-link i {
	color: #888;
	font-size: 12px;
	margin-right: 1px;
}

.comment-by a.comment-reply-link:hover { background-color: #505050; }
.comment-by a.comment-reply-link:hover,
.comment-by a.comment-reply-link:hover i {
	color: #fff;
}

.comment-by span.date {
	color: #888;
	font-weight: 500;
	margin: 6px 0 0 0;
	float: none;
	display: block;
	text-align: left;
}

.comment-respond {
	margin-top: 30px;
}

/* Add Comment */
.add-comment label span { color: #e24747; }

.add-comment input {
	margin: 0 0 20px 0;
	width: 40%;
	min-width: 40%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.add-comment textarea {
	margin: 0 0 18px 0;
	width: 100%;
	min-width: 100%;
	min-height: 220px;
	resize: vertical;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


/* ---------------------------------- */
/* Sidebox Loginform
------------------------------------- */
.sidebox {
	text-align: center;
	border: 1px solid #e0e0e0;
	padding: 30px 0;
	margin-bottom: 10px;
}

.usericon {
	display: inline-block;
	margin: 0 auto;
	margin: 20px 0;
}

.usericon img {	border-radius: 50%; }

#singup-dialog .headline,
#login-dialog .headline {
	display: none;
}

/* ---------------------------------- */
/* Blog Widgets
------------------------------------- */

.left-sidebar .padding-right {
	padding-right: 0px;
	padding-left: 20px;
}
.wpjm-container.right-sidebar .sidebar {
	float: right;
}
.widget-box.search {
	padding: 17px;
}

.widget-box {
	background-color: #f8f8f8;
	padding: 32px 35px;
}

.blog .widget h4 { margin-bottom: 13px; }


/* Search Widget */
.widget-box input {
	width: 100%;
	box-sizing: border-box;
	border-color: #e6e6e6;
	background-color: #fff;
	margin-bottom: 0;
}

.input { position: relative; }

.widget-box .input:before {
	content:"\f002";
	font-size: 18px;
	color: #a0a0a0;
	position: absolute;
	display: inline-block;
	font-family: "FontAwesome";
	right: 17px;
	top: 10px;
	margin-bottom: 0;
}

/* Need support widget */
.widget .button.widget-btn {
	width: 100%;
	box-sizing: border-box;
	text-align: center;
	margin-top: 5px;
}


/* Blog Widget Tabs */
.widget-tabs li {
	padding: 0 0 27px 0;
	margin: 24px 0 0 0;
	border-bottom: 1px solid #e0e0e0;
}

.widget .tab-content { padding-bottom: 0; }

.widget-tabs li:first-child { margin: 5px 0 0 0; }

.widget-thumb a img {
	display: block;
	width: 88px;
	height: 88px;
	float: left;
	margin: 3px 18px 0 0;
}

.widget-text h5 {
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	padding: 3px 0 0 0;
}

.widget-text h5 a { color: #666; }
.widget-text h5 a:hover { color: #505050; }

.widget-text span {
	color: #999;
	font-weight: 500;
	margin: 9px 0 0 0;
	display: block;
}

.widget-tabs.comments .widget-text span {
	padding: 9px 0 0 0;
	margin: 0;
}

/* Blog Tabs */
.tabs-nav.blog li {
	width: 33.334%;
	text-align: center;
}

.tabs-nav.blog li a { padding: 0; margin-top: 12px; }


/* ------------------------------------------------------------------- */
/* Widgets
---------------------------------------------------------------------- */
.widget { margin-bottom: 35px; }
.widget input#search_radius { margin-bottom: 0; }
.widget .search_keywords input { margin-bottom: 0; }

.widget input { margin-bottom: 15px; }
.widget-box input { margin-bottom: 0; }

.widget h4 {
	font-size: 20px;
	margin-bottom: 15px;
}

.widget .miles,
.widget .zip-code {
	width: 41%;
	display: inline;
}

.widget .zip-code { float: right;}

.widget .from {
	display: inline;
	padding-left: 13px;

	box-sizing: border-box;
}

/* Categories
------------------------------------- */
.widget_categories li a,
.widget-out-title_categories li a,
.widget_archive li a,
.widget-out-title_archive li a,
.widget_recent_entries li a,
.widget_recent_comments li a,
.widget-out-title_recent_entries li a,
.categories li a,
.widget_pages li a,
.widget_nav_menu li a,
.widget_nav_menu .menu ul > li > a,
.widget_meta li a {
	line-height: 22px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	color: #666;
}


.widget_nav_menu .menu ul > li > a {
	font-size: 16px;
	text-transform: none;
	font-weight: normal;
	font-family: sans-serif, "HelveticaNeue", 'Helvetica Neue', Helvetica, Arial, sans-serif;
	padding: 0px;
}

.widget_nav_menu .menu ul li a:hover, .widget_nav_menu .menu ul > li:hover > a {
	border: 0px;
	background-color: transparent !important;
}


.widget_nav_menu li.current-menu-item a { background-color: transparent !important;}


.widget_categories li ,
.widget-out-title_categories li ,
.widget_archive li ,
.widget-out-title_archive li ,
.widget_recent_entries li ,
.widget_recent_comments li,
.widget-out-title_recent_entries li ,
.categories li ,
.widget_pages li,
.widget_nav_menu li,
.widget_meta li {
	margin-left: 14px;
	position: relative;
	padding: 2px 0;
	list-style: none;
}


#footer .widget_nav_menu li {
    padding: 0;
}


.widget_categories li:before,
.widget-out-title_categories li:before,
.widget_archive li:before,
.widget-out-title_archive li:before,
.widget_recent_entries li:before,
.widget_recent_comments li:before,
.widget-out-title_recent_entries li:before,
.categories li:before,
.widget_meta li:before,
.widget_nav_menu li:before,
.widget_pages li:before {
	font-family: "FontAwesome";
	font-size: 16px;
	content: "\f105";
	position: absolute;
	left: -14px;
	top: 4px;
	font-weight: 500 !important
}



.widget.widget-out-title.widget-out-title_tag_cloud .widget-inside {
	background-color: transparent;
  	padding: 0px;
  
}


.widget .resumes h3,
.widget .job_listings h3 {
	font-size: 16px;
}

.widget .resumes > li:nth-child(2n),
.widget .job_listings > li:nth-child(2n) {
    background-color: #fbfbfb;
}

.widget .resumes > li,
.widget .job_listings > li {
    background-color: #fff;
    border-top: 1px solid #e0e0e0;
    position: relative;
    z-index: 99;
    padding: 10px;
}
.widget .resumes > li .meta,
.widget .job_listings > li .meta {
	margin: 0px 10px 0px 0px;
}

.widget .resumes > li .meta,
.widget .job_listings > li .meta  {
	color: #888;
}

.widget .resumes li a span {  margin-bottom: 5px; }


/*Footer Styles */
.footer-widget {margin-bottom: 20px !important; }
.footer-widget.widget_categories li a,
.footer-widget.widget-out-title_categories li a,
.footer-widget.widget_archive li a,
.footer-widget.widget-out-title_archive li a,
.footer-widget.widget_recent_entries li a,
.footer-widget.widget-out-title_recent_entries li a,
.footer-widget.categories li a,
.footer-widget.widget_pages li a,
.footer-widget.widget_nav_menu li a,
.footer-widget.widget_recent_comments li a,
#footer .widget_recent_comments li a,
.footer-widget.widget_meta li a {
	padding: 0 0 9px 13px;
	display: inline-block;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	color: #aaa;
	line-height: 21px;
}

.footer-widget.widget_categories li a:hover,
.footer-widget.widget-out-title_categories li a:hover,
.footer-widget.widget_archive li a:hover,
.footer-widget.widget-out-title_archive li a:hover,
.footer-widget.widget_recent_entries li a:hover,
.footer-widget.widget-out-title_recent_entries li a:hover,
.footer-widget.categories li a:hover,
.footer-widget.widget_pages li a:hover,
.footer-widget.widget_recent_comments li a:hover,
#footer .widget_recent_comments li a:hover,
.footer-widget.widget_nav_menu li a:hover,
.footer-widget.widget_meta li a:hover {
	padding-left: 16px;
	color: #fff !important;
}


.footer-widget.widget_categories li ,
.footer-widget.widget-out-title_categories li ,
.footer-widget.widget_archive li ,
.footer-widget.widget-out-title_archive li ,
.footer-widget.widget_recent_entries li ,
.footer-widget.widget-out-title_recent_entries li ,
.footer-widget.categories li ,
.footer-widget.widget_pages li,
.footer-widget.widget_nav_menu li,
.footer-widget.widget_meta li {
	position: relative;
	margin-left: 0;
}



.footer-widget.widget_categories li:before,
.footer-widget.widget-out-title_categories li:before,
.footer-widget.widget_archive li:before,
.footer-widget.widget-out-title_archive li:before,
.footer-widget.widget_recent_entries li:before,
.footer-widget.widget-out-title_recent_entries li:before,
.footer-widget.categories li:before,
.footer-widget.widget_meta li:before,
.footer-widget.widget_nav_menu li:before,
.footer-widget.widget_pages li:before {
	font-family: "FontAwesome";
    font-size: 16px;
    content: "\f105";
    color: #fff;
    position: absolute;
    left: 0;
    top:2px;
    padding: 0 7px 0 0;
    color: rgba(255,255,255,.4);
}


/*  Links  */
ul.footer-widget { margin: 0 0 15px 0; }

.widget_nav_menu .menu ul > li > a { margin-bottom: 2px;}

.footer-widget.widget_nav_menu .menu ul > li > a { padding-left: 15px; margin-bottom: 2px; color: #aaa;}

.footer-widget.widget_nav_menu .menu ul,
.widget .menu ul {
	margin: 5px 0 10px 8px;
}


/*--------------------------------------------------------------
## Wp Calendar
--------------------------------------------------------------*/
#wp-calendar {
	width:100%;
	font-size:14px;
	font-weight:300;
	border-collapse:separate;
	border-spacing:2px;
	margin-left:-2px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.footer-widget #wp-calendar { border-spacing:4px; }


#wp-calendar table tr:nth-child(2n+1) { background-color: #000 !important; }

#wp-calendar caption { display:none; }

#wp-calendar tbody td {
	margin-bottom:10px;
	text-align:center;
	border:1px solid #e0e0e0;
	padding: 6px 0;
	min-width: 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #fff;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}
.footer-widget #wp-calendar thead th {
	background-color: #222; border: 1px solid #444;
}
.footer-widget #wp-calendar tfoot td#prev,
.footer-widget #wp-calendar tfoot td#next {
	background-color: #202020 !important; border: 0px;
}
.footer-widget #wp-calendar tbody td { background-color: #282828; border: 1px solid #444;}

td.pad {background-color: none !important}
.footer-widget td.pad {background-color: #202020 !important}


#wp-calendar tbody td.pad {
    border: 0px none;
    background: none !important;
}td.pad {
    background-color: none !important;
}

#wp-calendar tbody td#today {
	color:#fff;
	border-color:#aaa;
	background-color: #aaa
}

#wp-calendar tfoot td#prev a,#wp-calendar tfoot td#next a {
	color:#888;
	font-size:12px;
	font-weight:400;
	position:relative;
	text-transform:none;
	bottom:-9px;
	margin-bottom:1px;
}

#wp-calendar tfoot td#prev {
	text-align:left;
}

#wp-calendar tfoot td#prev a {
	font-size: 16px;
	text-transform: none;
}

#wp-calendar tfoot td#next {
	text-align:right;
}

#wp-calendar thead th {
	font-size:13px;
	font-weight:500;
	color:#888;
	text-align:center;
	padding-bottom:10px;
}

#wp-calendar tfoot td#next a:hover,#wp-calendar tfoot td#prev a:hover {color:#3685cf;}

#wp-calendar tbody td a {
	color: #aaa;
	font-weight: 500;
}

.footer-widget .recent-posts-widget li,
#footer #recentcomments li,
.footer-widget #recentcomments li {
	border-color: #444;
}


.entry-footer {
	clear: both;
}
/* Dropdown */
select#categories-dropdown--1,
select#archives-dropdown--1,
select#cat,
.widget_text select{
	font-weight: 500;
	background-color: #fff;
	font-size: 16px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px 12px;
	cursor: pointer;
	letter-spacing: 0;
}

.footer-widget select#categories-dropdown--1,
.footer-widget select#archives-dropdown--1,
.footer-widget select#cat,
#footer .widget-box.search input,
.footer-widget.widget_text select{
	background-color: #2c2c2c;
	color: #aaa;
	border-color: #444;
}

.footer-widget .wp-caption-text {
	background-color: #282828;
	color: #fff;
}


#footer .widget-box.search {
	background-color: none;
	padding: 0;
}

.textwidget strong { color: #fff; }

/* RSS Widget
------------------------------------- */
.widget_rss li {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #e8e8e8;
	margin-left: 25px;list-style: none;
}

.footer-widget.widget_rss li {
	border-bottom: 1px solid #444;
}

.widget_rss li:before{
	content:"\f0c8";
	position: absolute;
	font-family: "FontAwesome";
	font-size: 8px;
	margin-left: -23px;
	margin-top: 2px;
}

.widget_rss li:last-child {
	margin-bottom: 0;
	border-bottom: 0;
}

.widget_rss li a {
	color: #333;
	text-transform: none;
	font-weight: 500;
	line-height: 22px;
	font-size: 14px;
}

.footer-widget.widget_rss li a {
	color: #fff;
}


.rss-date {
	display: block;
	color: #999;
	margin-top: 5px;
	text-transform: none;
	font-size: 13px;
}

.widget_rss cite {
	color: #999;
	font-size: 13px;
	text-transform: none;
}

.rssSummary {
	padding: 10px 0;
	line-height: 26px;

}

.widget_rss h4 a img{
	float: left;
	margin: 8px 8px 0 0;
}

.widget_rss h4 a { color: #333; }
.footer-widget.widget_rss h4 a { color: #fff; }
.widget_rss .widget-title { margin-bottom: 20px; }


/* Tags
------------------------------------- */
.tagcloud { margin: 0 0 -6px -0; }

.filter_by_tag_cloud a,
.tagcloud a {
	padding: 4px 11px;
	display: inline-block;
	background-color: #f2f2f2;
	color: #808080;
	margin: 0 2px 6px 0;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	text-transform: none;
	font-size: 12px;
	border-radius: 4px;
}
.tagcloud.inpost {
	margin:0px;

}
.tagcloud.inpost li { display: inline; margin-right: 10px}
.tagcloud a:last-child {margin-right:0;}

.filter_by_tag_cloud a.active,
.filter_by_tag_cloud a:hover,
.tagcloud a:hover {
	color: #fff;
}

.filter_by_tag_cloud a.active:before {
	display: inline-block;
    font-family: "Feather-Icons";
    content: "\e92b";
    font-size: 16px;
	line-height: 20px;
	margin-right: 3px;
	top:2px;
	position: relative;
}

.footer-widget .tagcloud a { background-color: #282828; color: #fff; }



/* ------------------------------------------------------------------- */
/* Chosen Plugin
---------------------------------------------------------------------- */

.chosen-container {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	font-size: 15px;
	zoom: 1;
	*display: inline;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

/*.chosen-container * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*/
.chosen-container .chosen-drop {
	position: absolute;
	top: 100%;
	left: -9999px;
	z-index: 1010;
	width: 100%;
	border: 1px solid #e0e0e0;
	background-color: #fcfcfc;
	border-top: 0;
	box-sizing: border-box;
}

.chosen-container.chosen-with-drop .chosen-drop { left: 0; }
.chosen-container a { cursor: pointer; }


/* Single Selectbox */
.chosen-container-single .chosen-single {
	position: relative;
	display: block;
	overflow: hidden;
	padding: 0 0 0 18px;
	height: 47px;
	line-height: 47px;
	border: 1px solid #e0e0e0;
	background-color: #fcfcfc;
	color: #808080;
	text-decoration: none;
	white-space: nowrap;
	font-weight: 500;
}


.chosen-container.chosen-container-multi .chosen-drop { padding: 4px 4px 4px 0; }
.chosen-container-single .chosen-default { color: #999; }

.chosen-container-single .chosen-single span {
	display: block;
	overflow: hidden;
	margin-right: 26px;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #808080;
}

.chosen-container-single .chosen-single-with-deselect span { margin-right: 38px; }

.chosen-container-single .chosen-single div {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 18px;
	height: 100%;
}
.chosen-container-single .chosen-single div b {
	display: block;
	position: relative;
}

.chosen-container-single .chosen-single div b:after {
	content: "\f0d7";
	font-family: "FontAwesome";
	font-size: 14px;
	margin: 0 14px 0 0;
	top: 0;
	position: relative;
	width: 11px;
	height: 5px;
	display: inline-block;
	color: #c0c0c0;
	float: right;
	font-weight: normal;
}

.chosen-container-single .chosen-search {
	position: relative;
	z-index: 1010;
	margin: 0;
	padding: 3px 8px;
	padding-top: 0;
	white-space: nowrap;
}

.chosen-container-single .chosen-search input[type="text"] {
	margin: 1px 0;
	margin-bottom: 4px;
	padding: 10px 20px 10px 10px;
	width: 100%;
	height: auto;
	outline: 0;
	border: 1px solid #ddd;
	background-color: #fff;
	display: block;
	position: relative;
	z-index: 9;
	background-color: #fafafa;
}

.chosen-container-single .chosen-search > input[type="text"] {
	float: none;
	width: 100%;
}
.search_location .chosen-container-single .chosen-search > input[type="text"],
.search-container .chosen-container-single .chosen-search > input[type="text"] {
	width: 100%  !important;

}
.chosen-container-single .chosen-search:before {
	content: "\f002";
	font-family: "FontAwesome";
	font-size: 15px;
	margin: 0 15px 0 0;
	top: 10px;
	position: relative;
	width: 11px;
	height: 5px;
	display: inline-block;
	color: #aaa;
	float: right;
	font-weight: normal;
	z-index: 10;
}

.chosen-container-single .chosen-drop {
	margin-top: -1px;
	background-clip: padding-box;
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
	position: absolute;
	left: -9999px;
}
/* Custom Scrollbar for -wekbit */

.chosen-drop ::-webkit-scrollbar { width: 10px; }

.chosen-drop ::-webkit-scrollbar-track {
    background-color: rgba(0,0,0,0.05);
    border-radius: 10px;
}

.chosen-drop ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: rgba(0,0,0,0.2);
}

.chosen-drop ::-webkit-scrollbar-thumb:hover {
    border-radius: 10px;
    background-color: rgba(0,0,0,0.3);
}

/* Results */
.chosen-container .chosen-results {
	color: #808080;
	position: relative;
	overflow-x: hidden;
	overflow-y: auto;
	margin: 0 4px 8px 0;
	padding: 0 4px 0 8px;
	max-height: 232px;
	-webkit-overflow-scrolling: touch;
}

.chosen-container .chosen-results li {
	display: none;
	margin: 0;
	padding: 10px 10px;
	list-style: none;
	line-height: 15px;
	word-wrap: break-word;
	-webkit-touch-callout: none;
}

.chosen-container-multi .chosen-results li { padding: 10px 18px; }

.chosen-container .chosen-results li.active-result {
	display: list-item;
	cursor: pointer;
}

.chosen-container .chosen-results li.disabled-result {
	display: list-item;
	color: #ccc;
	cursor: default;
}

.chosen-container .chosen-results li.highlighted {
	background-color: #505050;
	color: #fff;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}

.chosen-container .chosen-results li.no-results {
	color: #808080;
	display: list-item;
	background-color: #fff;
}

.chosen-container-multi .chosen-results li.no-results { background-color: #fff; }

.chosen-container .chosen-results li.group-result {
	display: list-item;
	font-weight: bold;
	cursor: default;
}

.chosen-container .chosen-results li.group-option { padding-left: 15px; }

.chosen-container .chosen-results li em {
	font-style: normal;
	text-decoration: underline;
}


/* Multi Selectbox */
.chosen-container-multi .chosen-choices {
	position: relative;
	display: block;
	overflow: hidden;
	padding: 12px 18px;
	line-height: 36px;
	border: 1px solid #e0e0e0;
	background-color: #fcfcfc;
	text-decoration: none;
	white-space: nowrap;
	line-height: 23px;
	cursor: pointer;
	margin: 0px;
}

.chosen-container-multi .chosen-choices li {
	float: left;
	list-style: none;
}

.chosen-container-multi .chosen-choices li.search-field {
	margin: 0;
	padding: 0;
	white-space: nowrap;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
	margin: 0;
	padding: 0;
	height: 24px;
	outline: 0;
	border: 0 !important;
	background: transparent !important;
	color: #808080;
	line-height: normal;
	font-weight: 500;
}

.chosen-container-multi .chosen-choices li.search-choice {
    position: relative;
    max-width: 100%;
    background-color: #505050;
    line-height: 29px;
    color: #FFF;
    cursor: default;
    font-weight: 500;
	padding: 0px 22px 0px 8px;
	margin: 2px 4px 2px 0px;
    top: 0;
}
.chosen-container-multi .chosen-choices li.search-choice span { word-wrap: break-word; }

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
	position: absolute;
	top: -2px;
	right: 7px;
	display: block;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before {
	content: "\f00d";
	font-family: "FontAwesome";
	font-size: 13px;
	top: 1px;
	position: relative;
	width: 11px;
	height: 5px;
	display: inline-block;
	color: #fff;
	float: right;
	font-weight: normal;
}

.chosen-container-multi .chosen-choices li.search-choice-disabled {
	padding-right: 5px;
	border: 1px solid #ccc;
	background-color: #e4e4e4;
	color: #808080;
}

.chosen-container-multi .chosen-choices li.search-choice-focus { background: #d4d4d4; }

.chosen-container-multi .chosen-results {
	margin: 0;
	padding: 0;
}

.chosen-container-multi .chosen-drop .result-selected {
	display: list-item;
	color: #ccc;
	cursor: default;
}


/* Active */
.chosen-container-active .chosen-single,
.chosen-container-active .chosen-choices,
.chosen-container-active.chosen-with-drop .chosen-single { border: 1px solid #e0e0e0; }

.chosen-container-active.chosen-with-drop .chosen-single div {
	border-left: none;
	background: transparent;
}

.chosen-container-active.chosen-with-drop .chosen-single div b:after { content: "\f0d8" }
.chosen-container-active .chosen-choices li.search-field input[type="text"] { color: #808080 !important; }
select.job-manager-category-dropdown { line-height: 30px; padding: 13px 15px; width: 100%; display: inline-block; }


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

/* SCEditor
/* http://www.ssceditor.com/

/* Copyright (C) 2011-12, Sam Clarke (samclarke.com)

/* SCEditor is licensed under the MIT license:
/* http://www.opensource.org/licenses/mit-license.php

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

div.sceditor-grip,
.sceditor-button div {
	background-image: url('images/famfamfam.png');
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}
.sceditor-button-youtube div {
	background-position: 0px 0px;
}
.sceditor-button-link div {
	background-position: 0px -16px;
}
.sceditor-button-unlink div {
	background-position: 0px -32px;
}
.sceditor-button-underline div {
	background-position: 0px -48px;
}
.sceditor-button-time div {
	background-position: 0px -64px;
}
.sceditor-button-table div {
	background-position: 0px -80px;
}
.sceditor-button-superscript div {
	background-position: 0px -96px;
}
.sceditor-button-subscript div {
	background-position: 0px -112px;
}
.sceditor-button-strike div {
	background-position: 0px -128px;
}
.sceditor-button-source div {
	background-position: 0px -144px;
}
.sceditor-button-size div {
	background-position: 0px -160px;
}
.sceditor-button-rtl div {
	background-position: 0px -176px;
}
.sceditor-button-right div {
	background-position: 0px -192px;
}
.sceditor-button-removeformat div {
	background-position: 0px -208px;
}
.sceditor-button-quote div {
	background-position: 0px -224px;
}
.sceditor-button-print div {
	background-position: 0px -240px;
}
.sceditor-button-pastetext div {
	background-position: 0px -256px;
}
.sceditor-button-paste div {
	background-position: 0px -272px;
}
.sceditor-button-outdent div {
	background-position: 0px -288px;
}
.sceditor-button-orderedlist div {
	background-position: 0px -304px;
}
.sceditor-button-maximize div {
	background-position: 0px -320px;
}
.sceditor-button-ltr div {
	background-position: 0px -336px;
}
.sceditor-button-left div {
	background-position: 0px -352px;
}
.sceditor-button-justify div {
	background-position: 0px -368px;
}
.sceditor-button-italic div {
	background-position: 0px -384px;
}
.sceditor-button-indent div {
	background-position: 0px -400px;
}
.sceditor-button-image div {
	background-position: 0px -416px;
}
.sceditor-button-horizontalrule div {
	background-position: 0px -432px;
}
.sceditor-button-format div {
	background-position: 0px -448px;
}
.sceditor-button-font div {
	background-position: 0px -464px;
}
.sceditor-button-emoticon div {
	background-position: 0px -480px;
}
.sceditor-button-email div {
	background-position: 0px -496px;
}
.sceditor-button-date div {
	background-position: 0px -512px;
}
.sceditor-button-cut div {
	background-position: 0px -528px;
}
.sceditor-button-copy div {
	background-position: 0px -544px;
}
.sceditor-button-color div {
	background-position: 0px -560px;
}
.sceditor-button-code div {
	background-position: 0px -576px;
}
.sceditor-button-center div {
	background-position: 0px -592px;
}
.sceditor-button-bulletlist div {
	background-position: 0px -608px;
}
.sceditor-button-bold div {
	background-position: 0px -624px;
}
div.sceditor-grip {
	background-position: 0px -640px;
	width: 10px;
	height: 10px;
}
.rtl div.sceditor-grip {
	background-position: 0px -650px;
	width: 10px;
	height: 10px;
}

.sceditor-container {
	position: relative;
	background: #fff;
	font-size: 13px;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #222;
	line-height: 1;
	font-weight: bold;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}

.sceditor-container,
.sceditor-container div,
div.sceditor-dropdown,
div.sceditor-dropdown div {
	padding: 0;
	margin: 0;
	z-index: 3;
}
.sceditor-container iframe,
.sceditor-container textarea {
	line-height: 1;
	border: 0;
	outline: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #111;
	padding: 0;
	margin: 5px;
	resize: none;
	background: #fff;
	display: block;
}
div.sceditor-resize-cover {
	position: absolute;
	top: 0;
	left: 0;
	background: #000;
	width: 100%;
	height: 100%;
	z-index: 10;
	opacity: 0.3;
}
.ie6 div.sceditor-resize-cover,
.ie7 div.sceditor-resize-cover,
.ie8 div.sceditor-resize-cover {
	background: #efefef;
}

.sceditor-container.ie6 {
	overflow: hidden;
}
div.sceditor-grip {
	overflow: hidden;
	width: 10px;
	height: 10px;
	cursor: pointer;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 3;
}
.sceditor-maximize {
	position: fixed;
	top: 0;
	left: 0;
	height: 100% !important;
	width: 100% !important;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	z-index: 2000;
}
html.sceditor-maximize,
body.sceditor-maximize {
	height: 100%;
	width: 100%;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
.ie6.sceditor-maximize {
	position: absolute;
}
.sceditor-maximize div.sceditor-grip {
	display: none;
}
.sceditor-maximize div.sceditor-toolbar {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
/**
	 * Dropdown styleing
	 */
div.sceditor-dropdown {
	position: absolute;
	border: 1px solid #ccc;
	background: #fff;
	color: #333;
	z-index: 4000;
	padding: 10px;
	line-height: 1;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
	box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
}
div.sceditor-dropdown a,
div.sceditor-dropdown a:link {
	color: #333;
}
div.sceditor-dropdown form {
	margin: 0;
}
div.sceditor-dropdown label {
	display: block;
	font-weight: bold;
	color: #3c3c3c;
	padding: 4px 0;
}
div.sceditor-dropdown input,
div.sceditor-dropdown textarea {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	outline: 0;
	padding: 4px;
	border: 1px solid #ccc;
	border-top-color: #888;
	margin: 0 0 .75em;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
div.sceditor-dropdown textarea {
	padding: 6px;
}
div.sceditor-dropdown input:focus,
div.sceditor-dropdown textarea:focus {
	border-color: #aaa;
	border-top-color: #666;
	-webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);
}
div.sceditor-dropdown .button {
	font-weight: bold;
	color: #444;
	padding: 6px 12px;
	background: #ececec;
	border: solid 1px #ccc;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	cursor: pointer;
	margin: .3em 0 0;
}
div.sceditor-dropdown .button:hover {
	background: #f3f3f3;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
div.sceditor-font-picker,
div.sceditor-fontsize-picker,
div.sceditor-format {
	padding: 6px 0;
}
div.sceditor-emoticons,
div.sceditor-more-emoticons,
div.sceditor-color-picker {
	padding: 0;
}
.sceditor-pastetext textarea {
	border: 1px solid #bbb;
	width: 20em;
}
.sceditor-emoticons img,
.sceditor-more-emoticons img {
	padding: 0;
	cursor: pointer;
	margin: 2px;
}
.sceditor-more {
	border-top: 1px solid #bbb;
	display: block;
	text-align: center;
	cursor: pointer;
	font-weight: bold;
	padding: 6px 0;
}
.sceditor-dropdown a:hover {
	background: #eee;
}
.sceditor-fontsize-option,
.sceditor-font-option,
.sceditor-format a {
	display: block;
	padding: 7px 10px;
	cursor: pointer;
	text-decoration: none;
	color: #222;
}
.sceditor-fontsize-option {
	padding: 7px 13px;
}
.sceditor-color-column {
	float: left;
}
.sceditor-color-option {
	display: block;
	border: 1px solid #fff;
	height: 10px;
	width: 10px;
	overflow: hidden;
}
.sceditor-color-option:hover {
	border: 1px solid #333;
}
/**
	 * Toolbar styleing
	 */
div.sceditor-toolbar {
	overflow: hidden;
	padding: 3px 5px 2px;
	background: #f7f7f7;
	line-height: 0;
	text-align: left;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
div.sceditor-group {
	display: inline-block;
	background: #ddd;
	margin: 1px 5px 1px 0;
	padding: 1px;
	border-bottom: 1px solid #aaa;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
.ie6 div.sceditor-group,
.ie7 div.sceditor-group {
	display: inline;
	zoom: 1;
}
.sceditor-button {
	float: left;
	cursor: pointer;
	padding: 3px 5px;
	width: 16px;
	height: 20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	/* Needed for Safari 5? */
	text-indent: -9999px;
}
.ie .sceditor-button {
	text-indent: 0;
}
.ie6 .sceditor-button,
.ie7 .sceditor-button {
	float: none !important;
	display: inline;
	zoom: 1;
}
.ie6 .sceditor-button {
	padding: 0;
}
.ie6 .sceditor-button div {
	margin: 5px;
}
.ie7 .sceditor-button div {
	margin: 5px 0;
}
.sceditor-button:hover,
.sceditor-button:active,
.sceditor-button.active {
	background: #fff;
	-webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,0.3), inset -1px 0 rgba(0,0,0,0.3), inset 0 -1px 0 rgba(0,0,0,0.2);
	-moz-box-shadow: inset 1px 1px 0 rgba(0,0,0,0.3), inset -1px 0 rgba(0,0,0,0.3), inset 0 -1px 0 rgba(0,0,0,0.2);
	box-shadow: inset 1px 1px 0 rgba(0,0,0,0.3), inset -1px 0 rgba(0,0,0,0.3), inset 0 -1px 0 rgba(0,0,0,0.2);
}
.sceditor-button:active {
	background: #fff;
	-webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,0.3), inset -1px 0 rgba(0,0,0,0.3), inset 0 -1px 0 rgba(0,0,0,0.2), inset 0 0 8px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 1px 1px 0 rgba(0,0,0,0.3), inset -1px 0 rgba(0,0,0,0.3), inset 0 -1px 0 rgba(0,0,0,0.2), inset 0 0 8px rgba(0,0,0,0.3);
	box-shadow: inset 1px 1px 0 rgba(0,0,0,0.3), inset -1px 0 rgba(0,0,0,0.3), inset 0 -1px 0 rgba(0,0,0,0.2), inset 0 0 8px rgba(0,0,0,0.3);
}
.sceditor-button.disabled:hover {
	background: inherit;
	cursor: default;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.sceditor-button,
.sceditor-button div {
	display: block;
}
.sceditor-button div {
	margin: 2px 0;
	padding: 0;
	overflow: hidden;
	line-height: 0;
	font-size: 0;
	color: transparent;
}
.sceditor-button.disabled div {
	opacity: 0.3;
}
.text .sceditor-button,
.text .sceditor-button div,
.sceditor-button.text,
.sceditor-button.text div,
.text-icon .sceditor-button,
.text-icon .sceditor-button div,
.sceditor-button.text-icon,
.sceditor-button.text-icon div {
	width: auto;
	overflow: visible;
	line-height: 16px;
	font-size: 1em;
	color: inherit;
	text-indent: 0;
}
.text .sceditor-button div,
.sceditor-button.text div {
	padding: 0 2px;
	background: none;
}
.text-icon .sceditor-button div,
.sceditor-button.text-icon div {
	padding: 0 2px 0 20px;
}
.rtl div.sceditor-toolbar {
	text-align: right;
}
.rtl .sceditor-button {
	float: right;
}
.rtl div.sceditor-grip {
	right: auto;
	left: 0;
}
.sceditor-container {
	border: 1px solid #ddd;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
.sceditor-container textarea {
	font-family: Consolas, "Bitstream Vera Sans Mono", "Andale Mono", Monaco, "DejaVu Sans Mono", "Lucida Console", monospace;
	background: #2e3436;
	color: #fff;
	margin: 0;
	padding: 5px;
}
div.sceditor-toolbar,
div.sceditor-group {
	background: #f6f6f6;
}
div.sceditor-toolbar {
	padding: 0;
	-moz-background-size: 100% 32px;
	-o-background-size: 100% 32px;
	-webkit-background-size: 100% 32px;
	background-size: 100% 32px;
}
div.sceditor-group {
	margin: 0;
	padding: 2px 4px;
	border: 0;
	border-right: 1px solid #ccc;
	border-left: 1px solid #eaeaea;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
div.sceditor-group:last-child {
	border-right: 0;
}
div.sceditor-group:first-child {
	border-left: 0;
}
.sceditor-button {
	height: 16px;
	padding: 5px;
	margin: 1px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
.sceditor-button div {
	margin: 0;
}
.sceditor-button.active,
.sceditor-button:hover,
.sceditor-button:active,
.sceditor-button.active:hover {
	margin: 0;
	box-shadow: none;
}
.sceditor-button.active {
	background: #f4f4f4;
	border: 1px solid #ccc;
}
.sceditor-button:hover {
	background: #fefefe;
	border: 1px solid #ddd;
}
.sceditor-button.disabled:hover {
	margin: 1px;
	border: 0;
}
.sceditor-button:active {
	background: #eee;
	border: 1px solid #ccc;
}
.sceditor-button.active:hover {
	background: #f8f8f8;
	border: 1px solid #ddd;
}



/* ------------------------------------------------------------------- */
/* Submit Pages
---------------------------------------------------------------------- */
#titlebar.single.submit-page:not(.with-transparent-header) { padding: 65px 0; }

#titlebar.single.submit-page h2 { font-size: 32px; }
.dashboard-content #titlebar.single.submit-page h2,
.dashboard-content-container .submit-page { padding: 0 9%; }

.submit-page label {     margin-bottom: 5px;
    font-size: 14px;
    line-height: 28px;
    color: #333;
    font-weight: 500;}
.submit-page label small {  color: #888; font-size: 100% }
.submit-page fieldset,
.submit-page .form {margin-bottom: 34px;}


.resume-manager-data-row fieldset {margin-bottom: 5px;}

.submit-page small.description {
    color: #808080;
    font-size: 100%;
    top: 5px;
    position: relative;
}

.form.with-line.fieldset-links .description {
        display: block;
    margin-bottom: 15px;
    font-size: 14px;
    /* width: 50%; */
}
.job-manager-remove-uploaded-file {background: #dc3c3c; border-radius: 4px; padding: 3px; color: #fff; font-size: 13px; }

.fieldset-resume_file {border-top: 1px solid #E0E0E0;
padding-top: 30px;
padding-bottom: 5px;
margin-top: 10px;}

.send-btn-border { width: 100%; border-top: 1px solid #e0e0e0; padding-top: 40px; }

.field p.note { margin-bottom: 0;}

textarea.WYSIWYG { min-height: 300px; }

.submit-page .divider {
	border-bottom: 1px solid #e0e0e0;
	padding-bottom: 15px;
	margin: 50px 0 35px 0;
}

.submit-page .button.linkedin-btn { background-color: #0077b5; }

.formline {
	border-top: 1px solid #e0e0e0;
	padding-top: 30px;
	margin-bottom: 30px;
}

.form.with-line h5 { margin-bottom: 12px; }

.wp-editor-container {
    
    border: 1px solid #ddd;
    width: 99%;
}

/* Forms for URL(s), Education and Skills */
.resume-manager-data-row {
	background-color: #f9f9f9;
	padding: 28px 28px 13px 28px;
	position: relative;
	margin-top: 5px;
	border-radius: 4px;
	margin-bottom: 20px;
}

.dashboard-content-container .submit-page .form.with-line {
    border-top: 1px solid #E0E0E0;
    padding-top: 25px;
    margin-bottom: 25px;
}

.resume-manager-data-row input,
.resume-manager-data-row textarea {
	background-color: #fff;
	margin-bottom: 15px;
	max-height: 150px;
}
.resume-manager-data-row fieldset:last-child {
	border: 0px;
}

a.resume-manager-remove-row {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 9;
	line-height: 32px;
	width: 32px;
	text-align: center;
	padding: 0;
	background-color: #e9e9e9;
	color: #888;
}
a.resume-manager-remove-row i {
	color: #fff;
	margin-left: 5px;
}
a.close-form:hover { color: #fff; }
a.close-form i { margin: 0; }




/* ------------------------------------------------------------------- */
/* Footer
---------------------------------------------------------------------- */
#footer {
	background-color: #202020;
	padding: 50px 0 0 0;
	color: #999;
	margin-bottom: -1px;
}

#footer h4 {
	color: #fff;
	font-size: 20px;
	margin-bottom: 12px;
}

#footer a.button { margin-top: 12px; }
#footer a.button:hover { background-color: #fff; color: #333; }


/* Footer Bottom */
.footer-bottom {
	border-top: 1px solid #333;
	margin-top: 35px;
	text-align: center;
	padding: 30px 0;
	display: inline-block;
}

.footer-bottom h4 { display: none; }

.copyrights { color: #a0a0a0; }
.copyrights a { color: #fff; }



/* ------------------------------------------------------------------- */
/* Manage Applications Styles
---------------------------------------------------------------------- */
#job-manager-job-applications {
 background: #fff;
    padding: 30px;
    box-shadow: 0 0 12px rgba(0,0,0,0.07);
    border-radius: 4px;   
}
.job-manager-jobs td.applications {
	text-align: center;
}
.application {
	border: 1px solid #e0e0e0;
	margin-bottom: 30px;
	border-radius: 4px;
}

.application:last-of-type {
	margin-bottom: 0;
}
.job_application.application {
	border:0px;
	margin: 0;
}

.app-content {
	padding: 35px 40px 35px 40px;
	position: relative;
}

.app-footer {
	background-color: #fbfbfb;
	border-top: 1px solid #e0e0e0;
	padding: 22px 40px;
	z-index: 10;
	position: relative;
}



.download-csv {
	float: right;
}

/* Tabs */
.app-tabs {
	border-top: 1px solid #e0e0e0;
	margin: 0 40px;
	margin-bottom: -1px;
	position: relative;
}

.job-application-note-add input.button { margin-top: 20px;}

.app-tabs .app-tab-content {
	padding: 35px 0 43px 0;
	box-sizing: border-box;
}

.app-tabs .app-tab-content .select-grid {
	width: 49% !important;
	display: inline-block;
	float: left;
}

.app-tabs .app-tab-content .select-grid:first-child { margin-right: 2%; }

.delete-application {float: right; }
.delete-application:hover {background-color: #d51919 !important}

.app-tabs a.close-tab {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 9;
	line-height: 32px;
	width: 32px;
	text-align: center;
	padding: 0;
	margin-top: -33px;
}

.app-tabs a.close-tab i { margin: 0; }

.app-tabs div p { margin: 0; }


/* Applicant Details */
.app-tabs div i {
	font-weight: 500;
	display: block;
	color: #555;
}

.app-tabs .app-tab-content span:not(.select-grid span) {
	margin-bottom: 15px;
	display: inline-block;
}

.app-tabs div select {
	display: block;
}

.app-tabs div i:first-child { margin-top: -5px;}
.app-tabs div span:not(.select-grid span):last-child {margin-bottom: 7px;}


/* Footer */
.app-footer ul { float: right; }
.app-footer .rating { float: left; margin-top: 1px; }

.app-footer ul li {
	display: inline-block;
	margin-left: 15px;
	color: #808080;
}

.app-footer ul li i { margin-right: 3px; }

.app-content ul { margin-top: 4px;}
.app-content img {
	border-radius: 50%;
	width: 90px;
	height: 90px;
	margin-right: 30px;
	float: left;
	display: inline-block;
}

.app-content .info { display: block; }

.app-content .info span {
	font-size: 21px;
	color: #505050;
	margin-top: 17px;
	display: inline-block;
}

.app-content .info ul li {
	display: inline-block;
	margin-right: 15px;
}

.app-content .info ul li a i { margin-right: 3px; }
.app-content .info ul li a { color: #808080; }
.app-content .info ul li a:hover { color: #505050; }

.app-content .buttons {
	top: 0;
	right: 40px;
	display: inline-block;
	top: 52%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	position: absolute;
	margin-top: 2px;
}

.app-content .buttons .button { margin-left: 3px; }


/*----------------------------------- */
/* Star Rating
------------------------------------- */
.rating {
	box-sizing: content-box;
	overflow: hidden;
	position: relative;
	width: 110px;
	height: 24px;
	display: block;
}

.rating .star-rating {
	position: relative;
	width: inherit;
	display: block;
	padding: 0;
	margin: 0;
}

.rating.five-stars .star-rating:after { width: 100%; }
.rating.four-and-half-stars .star-rating:after,
.rating.four-stars .star-rating:after { width: 80%; }
.rating.three-and-half-stars .star-rating:after,
.rating.three-stars .star-rating:after { width: 60%; }
.rating.two-and-half-stars .star-rating:after,
.rating.two-stars .star-rating:after { width: 40%; }
.rating.one-and-half-stars .star-rating:after,
.rating.one-stars .star-rating:after { width: 20%; }
.rating.no-stars .star-rating:after { display: none; }


.rating .star-rating:after {
	content:"\f005  \f005  \f005  \f005  \f005";
	font-family: "FontAwesome";
	color: #ffc741;
	display: block;
	position: absolute;
	font-size: 19px;
	z-index: 10;
	letter-spacing: -0.5px;
}

.rating .star-bg:after {
	content:"\f006  \f006  \f006  \f006  \f006";
	font-family: "FontAwesome";
	color: #c0c0c0;
	display: block;
	position: absolute;
	font-size: 19px;
	z-index: 9;	padding: 0;
	margin: 0;
	letter-spacing: -0.5px;
}

.woocommerce .rating .star-bg:after,
.woocommerce .rating .star-rating:after {
	font-size: 16px;
}



/* ------------------------------------------------------------------- */
/* Jobs List Page
---------------------------------------------------------------------- */

/*----------------------------------- */
/* Search
------------------------------------- */
.list-search {
	margin: 5px 0 45px 0;
}

.sidebar .list-search { margin: 0; }

.list-search button {
	background-color: transparent !important;
	cursor: pointer;
	color: #aaa;
	float: right;
	width: 56px;
	height: 56px;
	display: inline;
	padding: 0;
	font-size: 18px;
	border: medium none;
	position: relative;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.list-search button:hover { background-color: #282828; }

.list-search input {
	font-size: 16px;
	padding: 17px 22px;
	width: 100%;
	line-height: 20px;
	box-sizing: border-box;
	position: relative;
	float: left;
	margin-top: -56px;
}
.sidebar .list-search input {
	margin-top: 0px;
	line-height: 16px;
	font-weight: 400;
}


/*----------------------------------- */
/* Custom Checkbox
------------------------------------- */
.checkboxes li { padding: 4px 0; }
.checkboxes li:last-child { margin-bottom: -8px; }

.checkboxes label {
	display: inline-block;
	cursor: pointer;
	position: relative;
	padding-left: 30px;
	margin-right: 15px;
}

#login-dialog .checkboxes label {
	padding-left: 27px;
	margin-right: 15px;
	margin-bottom: 0 ;
}

.checkboxes label span {
	color: #909090 !important;
	font-size: 16px;
}

.checkboxes input[type=checkbox] { display: none; }

.checkboxes label:before {
	content: "";
	display: inline-block;
	width: 19px;
	height: 19px;
	margin-right: 10px;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #fff;
	border: 2px solid #d0d0d0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.checkboxes input[type=checkbox]:checked + label:before {
	content: "\f00c";
	font-family: "FontAwesome";
	font-size: 12px;
	color: #fff;
	text-align: center;
	line-height: 15px;
	background-color: #505050;
	border: 2px solid transparent;
}

h4.checkboxes label {
	font-size: 20px;
    margin-bottom: 0px;
    font-weight: 500;
}
h4.checkboxes label:before {
	margin-top: 8px
}


/*----------------------------------- */
/* Apply Popup
------------------------------------- */

input[type="button"].apply-with-xing,
input[type="button"].apply-with-linkedin,
input[type="button"].apply-with-facebook {
	background-color: #3b5998;
	width: 100%;
	padding: 8px 0px;
	line-height: 27px;
} 

input[type="button"].apply-with-xing {
	background-color: #026466
} 

input[type="button"].apply-with-linkedin {
	background-color: #0077b5
} 

input[type="button"].apply-with-xing:hover,
input[type="button"].apply-with-linkedin:hover,
input[type="button"].apply-with-facebook:hover {
	background-color: #282828;
} 

.apply-with-xing-details,
.apply-with-facebook-details {
	position: absolute;
    top: 0px;
    right: 0px;
    width: 50%;
    background-color: #fff;
    border: 1px solid #ddd;
    z-index: 9999;
    padding: 40px;
}

.apply-with-xing-submit input,
.apply-with-facebook-submit input {
	display: block;
}
.apply-with-xing-submit,
.apply-with-facebook-submit {
	margin-left: 200px;
}

.small-dialog-headline {
	background-color: #fafafa;
	padding: 25px 40px;
	border-bottom: 1px solid #e0e0e0;
}

.small-dialog-content hr {
    border: none;
    border-width: 1px 0 0;
    clear: both;
    margin: 0px 0 30px;
    height: 0;
}

div.small-dialog.apply-popup { padding: 0; }

.small-dialog-content { padding: 40px; }
.small-dialog-content input { margin-bottom: 15px; }

.fake-upload-btn input[type="file"] { display: none; }

body .upload-btn {
	float: left;
	padding: 11px 18px;
	margin-right: 18px;
	background-color: #eee;
	color: #555;
}

.small-dialog label {
    font-weight: 400;
    color: #333;}

.upload-btn:hover {
	background-color: #282828 !important;
	color: #fff;
}

.single_job_listing strong {font-weight: 500;}
body input.qty, body .input-text { font-family: sans-serif, "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog { outline: none; }
.job-manager-uploaded-file-name {   
	margin-bottom: 25px;
	margin-top: 10px;
    display: inline-block;
    background: rgb(246, 246, 246) none repeat scroll 0% 0%;
    padding: 10px 20px;
}

.job-manager-application-form small { color: #a0a0a0; font-size: 14px; font-weight: 400; }
.fieldset-upload-cv small.description { color: #888; top: 8px; position: relative;}

.fieldset-online-resume,
.fieldset-upload-cv { margin-top: 17px; }



.job-manager-uploaded-file-preview {
/*     display: inline-block;
border-top: 1px solid rgb(224, 224, 224);
width: 100%;
padding: 20px 0px;
margin-top: 15px; */
}

.job-manager-uploaded-file-preview img { max-width: 420px;  }

.small-dialog-content textarea {
	max-width: 100%;
	min-width: 100%;
	min-height: 180px;
}

.upload-btn i { margin-right: 2px; }
.fake-input {  padding: 10px 18px; margin-bottom: 17px;}
.upload-info span { float: right; }

.upload-info { margin: 20px 0 10px 0; }

.small-dialog-content button.send {
	width: 100%;
	margin-top: 25px;
}

.small-dialog-content .divider {
	display: inline-block;
	border-top: 1px solid #e0e0e0;
	height: 1px;
	width: 100%;
}

.small-dialog-content .chosen-container {
	width: 100% !important;
	margin-bottom: 15px;
}
.small-dialog-content .chosen-container input.default {
	width: 80% !important;
}
.job_description p.pfix { margin-bottom: 0; height: 20px; }



.post-content ul, 
.type-page ul, 
.resume_description ul, 
.job_description ul { 
   list-style-type: disc; 
   list-style-position: outside; 
   margin-left: 15px;
   margin-bottom: 10px;
   margin-bottom: 10px;
}
.type-page ol,
.post-content ol,
.resume_description ol,
.job_description ol { 
   list-style-type: decimal; 
   list-style-position: outside; 
   margin-left: 15px;
}
.type-page ol li,
.type-page ul li,
.post-content ol li,
.post-content ul li,
.resume_description ol li,
.job_description ol li,
.resume_description ul li,
.job_description ul li {
	padding: 5px;
}
.post-content ul ul, .post-content ol ul,
.type-page ul ul, .type-page  ol ul,
.resume_description ul ul, .resume_description  ol ul,
.job_description ul ul, .job_description  ol ul { 
   list-style-type: circle; 
   list-style-position: outside; 
   margin-left: 15px; 
   margin-top: 5px;
   margin-bottom: 5px
}
.post-content ol ol, .post-content ul ol,
.type-page ol ol, .type-page ul ol,
.resume_description ol ol, .resume_description ul ol,
.job_description ol ol, .job_description ul ol { 
   list-style-type: lower-latin; 
   list-style-position: outside; 
   margin-left: 15px; 
}

.type-page ul.job_types.checkboxes {
	list-style: none;
}
.type-page ol li, .type-page ul li, .post-content ol li, .post-content ul li, .resume_description ol li, .job_description ol li, .resume_description ul li, .job_description ul li {
    line-height: 24px;
}


/* ------------------------------------------------------------------- */
/* Companies List
---------------------------------------------------------------------- */

.company-letters {
	margin-bottom:55px;
	border-bottom:1px solid #e0e0e0;
	background:#fff;
	text-align:center
}

.company-letters a {
	font: 700 16px/normal sans-serif,sans-serif;
	display: inline-block;
	padding: 0px 11px 17px 11px;
	color: #333;
}


.companies-overview,.companies-overview ul {
	margin:0;
	padding:0;
	list-style:none
}

.companies-overview {
	margin:0 auto
}

.companies-overview .company-group {
	width:30%;
	margin-right:3%;
	margin-bottom:3%;
	float:left;
	display:inline
}
.companies-overview .company-group:nth-child(3n) {
	margin-right:0
}

.company-letter {
	font:600 18px/normal sans-serif,sans-serif;
	padding: 9px 15px;
	border: 1px solid #e0e0e0;
	background: #fbfbfb;
	color: #333;
}


.companies-overview li li {
	padding:0
}

.companies-overview li li a {
	padding: 14px 2px;
	border-bottom:1px solid #eee;
	display:block;
	color: #777;
}

.company-titlebar .company-info {
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0;
}

.company-titlebar .company-info h4 {
    font-size: 22px;
    line-height: 38px;
}

#titlebar .company-titlebar span.company-tagline { font-size: 22px;}
.company-titlebar .company-info img { width: 115px; height: 115px; }


.type-page ul.companies-overview ul,
.type-page ul.companies-overview {
	margin: 0px;
	padding: 0px;
	list-style:none;
}
.type-page ul.companies-overview li {
	padding: 0px;
}
/* ------------------------------------------------------------------- */
/* Media Queries
---------------------------------------------------------------------- */

/* Standard 1180 (devices and browsers) */
@media only screen and (min-width: 1200px){

}


/* Smaller than standard 1180 (devices and browsers) */
@media only screen and (min-width: 960px) and (max-width: 1289px) {

	.search-container { padding: 150px 0; }
	input.ico-01 { background-position: 95.5% 20px; }
	input.ico-02 { background-position: 95% 20px; }

	#titlebar.single.submit-page h2, .submit-page { padding: 0; }
}


/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 990px) {

	.search-container input.ico-01 { width: 49% !important; }
	.search-container .chosen-container,
	.search-container input.ico-02 { width: 37% !important; }
	.search-container button  { width: 8.5%; }
	input.ico-01 { background-position: 95% 20px; }
	input.ico-02 { background-position: 93% 20px; }
	.search-container { padding: 120px 0; }
	
	.search-container .inputs-number-3 .chosen-container,
	.search-container .inputs-number-3 select,
	.search-container .inputs-number-3 input {
		width:100%  !important; 
		margin-bottom: 20px;
	}
	.search-container .inputs-number-3 input.ico-02 { background-position: 95% 20px; }
	.search-container .inputs-number-3 button {
		width: 100%;
	}
	.job-list img {
	    margin-left: 30px;
	    width: 50px;
	    height: 50px;
	}
	.resumes img {
	    margin-left: 30px;
	    width: 70px;
	    height: 70px;
	}

	.resume-titlebar img {
		width: 90px;
		height: 90px;
	}

	.job-list .job-list-content {
		margin-left: 105px;
	}

	.resumes .resumes-content {
		margin-left: 130px;
	}

	.resume-titlebar .resumes-content { margin-left: 120px; }

	.testimonials-slider li p { padding: 80px 30px; }
	.flex-control-nav { bottom: 40px; }

	.infobox { font-size: 30px; padding: 45px 0px; }

	#counters { padding: 55px 0 52px 0; }

	.counter-box p { margin: 7px 0 0 0; }

	.counter-box i,
	.counter {
		font-size: 48px;
		line-height: 36px;
	}

	.info-banner a.button { margin-top: 20px; float: left; }

	.caption h2 { font-size: 36px; }
	.caption p {
	    font-size: 20px;
	    line-height: 30px;
	}

	#titlebar.photo-bg { padding: 75px 0; }

	.app-content .buttons {
	    left: 0;
	    display: inline-block;
	    top: 0;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		transform: none;
	    position: relative;
	    margin-top: 30px;
	}

	.alternative #navigation {
		border-top: none;
		margin: 0;
		padding: 0;
	}
	
	.alternative #navigation ul,
	.alternative .menu ul li { margin: 0}
	.alternative #navigation ul.float-right { top: 0 }

	ul.float-right li a:hover,
	ul.float-right li a { 
		background-color: #fff;
		color: #333;
	 }

	#titlebar.single.submit-page h2, .submit-page { padding: 0; }



}



/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	
	.search-container { transform: translateY(0) !important;}
	.search-container h2 { font-size: 40px; }
	.search-container input.ico-01 { width: 100%; margin: 0 0 15px 0; }
	.search-container input.ico-02 { width: 100%; margin: 0 0 15px 0; }
	.search-container select {
		width: 100%; margin: 0 0 15px 0;
	}
	.search-container button  { width: 100%; }
	input.ico-01 { background-position: 95% 20px; }
	input.ico-02 { background-position: 94% 20px; }
	.search-container { padding: 100px 0; }
	.search-container .inputs-number-3 .chosen-container,
	.search-container .inputs-number-3 select,
	.search-container .inputs-number-3 input,
	.search-container .chosen-container {
		width: 100% !important;
		margin-bottom: 20px;
	}
	#popular-categories.with-flex li {
	    flex-grow: 1;
	    width: 100%
	}
	#popular-categories li a { width: 100%; }

	.resumes img, .job-list img {
	    margin-left: 30px;
	    width: 50px;
	    height: 50px;
	}
	.mobile-hidden { visibility: hidden;}
	.pagination { margin-bottom: 40px;}

	.button.delete-application { float: left; }
	.page .wpcf7-form fieldset div input {
	    width: 100%;
	}

	.previouspostslink { visibility: hidden; }

	.one.carousel.column { width: 20px; }
	.fourteen.carousel.columns { width: 90%; }
	.fourteen.carousel.columns li img { margin: 0 auto; }

	.resume-titlebar .resumes-content,
	.resumes .resumes-content,
	.job-list .job-list-content {
		margin-left: 105px;
	}

	.testimonials-slider li p { padding: 70px 20px; }
	.flex-control-nav { bottom: 30px; }

	.infobox { font-size: 30px; padding: 45px 30px 65px 30px; }
	.infobox a {
		width: 100%;
		display: inline-block;
		box-sizing: border-box;
		margin: 0;
		padding: 10px 15px;
		top: 15px;
	}

	.coupon {
		margin-bottom: 20px;
	}

	#footer a.button { margin-bottom: 30px;}

	#counters { padding: 25px 0 22px 0; }

	.counter-box {
		border-right: none !important;
		border-bottom: 1px solid #444;
		padding: 30px 0;
	}

	.counter-box p { margin: 7px 0 0 0; }

	.counter-box i,
	.counter {
		font-size: 48px;
		line-height: 36px;
	}

	#counters .container:before {
		width: 100%;
		height: 1px;
		bottom: 0;
		left: 0px;
	}

	.info-banner a.button { margin-top: 20px; float: left; }

	.caption h2 { font-size: 22px; }
	.caption p {
	    display: none;
	}

	#titlebar .button {
	    right: 0;
	    position: relative;
		 margin-top: 20px;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		transform: none;
	}

	#titlebar.photo-bg { padding: 55px 0; }

	.resume-titlebar img {
		width: 90px;
		height: 90px;
	}
	 	
	.icon-box p { margin-bottom: 30px; }
	.resume-titlebar .resumes-list-content,
	.resumes-list .resumes-list-content,
	.job-list .job-list-content {
		margin-left: 105px;
	}

	.resume-titlebar .resumes-content { margin-left: 120px; }

	#titlebar .two-buttons .button {
	    right: 0;
	    position: relative;
	    top: 0;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		transform: none;
		margin-top: 0px !important;
	}

	#titlebar .two-buttons {
		margin-top: 20px;
	}



	.widget_shopping_cart_content .buttons a {
		width: 85%;
	}
	body .woocommerce .col2-set .col-2, 
	body .woocommerce-page .col2-set .col-2,
	body .woocommerce .col2-set .col-1, 
	body .woocommerce-page .col2-set .col-1 {
		float: none;
		width: 100%;
	}
	body .woocommerce .cart-collaterals .cart_totals, 
	body .woocommerce-page .cart-collaterals .cart_totals,
	body .woocommerce form .form-row-first, 
	body .woocommerce form .form-row-last, 
	body .woocommerce-page form .form-row-first, 
	body .woocommerce-page form .form-row-last {
		float: left;
		width: auto;
		overflow: visible;
	}

		
	.pagination { text-align: left; }
	.pagination-next-prev ul li a.prev { display: none; }
	.pagination ul li a, .pagination-next-prev ul li a { text-align: center; }

	.categories-group h4 { margin-bottom: 30px; }

	.app-content .buttons {
	    left: 0;
	    display: inline-block;
	    top: 0;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		transform: none;
	    position: relative;
	    margin-top: 35px;
	}

	.app-footer ul {
	    float: left;
	    margin-top: 7px;
	}

	.app-footer ul li {
	    margin-right: 15px;
	    margin-left: 0;
	}

	.app-tabs .app-tab-content .select-grid:first-child {  margin-right: 0; }
	.app-tabs .app-tab-content .select-grid { width: 100% !important; }
	.app-tabs .app-tab-content .select-grid input { margin: 15px 0 0 0;}

	.download-csv {
		float: left;
		margin: -5px 0 20px 0;
	}

	.wpcf7-form fieldset div input,
	.add-comment input {  width: 100%; }

	body .my-account { width: 100%; }

	.alternative #navigation {
		border-top: none;
		margin: 0;
		padding: 0;
	}

	.alternative #navigation ul,
	.alternative .menu ul li { margin: 0}
	.alternative #navigation ul.float-right { top: 0 }

	ul.float-right li a:hover,
	ul.float-right li a { 
		background-color: #fff;
		color: #333;
	}

	#titlebar.single.submit-page h2, .submit-page { padding: 0; }
	.resume-titlebar img { display: none; }
	.resume-titlebar .resumes-content { margin-left: 0px; }
}


/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

	#popular-categories li a { width: 50%; }
	#popular-categories.with-flex li {
	    flex-grow: 1;
	    width: calc(100% * (1/2) - 1px)
	}
 }


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	.fourteen.carousel.columns { width: 80%; }
	.resumes img,
	.job-list img,
	.candidate_photo { display: none; }
	.indeed_job_listing .meta, .indeed_job_listing .location, .indeed_job_listing .position,
	.resume-titlebar .resumes-content, .resumes .resumes-content, .job-list .job-list-content {
	    margin-left: 0px;
	}
	dl.resume-table dt{
		white-space: normal;
	}
	.bookmark-notice.bookmarked {
		float: none;
	}

	#titlebar { padding: 70px 28px; }
	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 100%; }
}





	/*!
 * jQuery UI Slider 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }


.widget_range_filter {
	display: block;
	position: relative;
}

.widget_range_filter.widget  .from {
	padding-left: 0px;
}

.widget_range_filter-inside {
	display: block;
	margin-top: 20px;
}
.range-indicator {
	margin-bottom: 20px;
}



.widget_range_filter .button {
	float: right;
	padding: 8px 11px;
	margin: 0;
}

#slider-range { margin: 0 0 16px 0; }

.widget_range_filter .ui-slider {
	position: relative;
	text-align: left;
}

.widget_range_filter .ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 19px;
	height: 19px;
	margin: -3px 0 0 -8px;
	cursor: pointer;
	outline: none;
}

.widget_range_filter .ui-slider .ui-slider-handle:before {
    position: absolute;
    content: "";
    display: block;
    height: 13px;
    width: 13px;
    background-color: #fff;
    border-radius: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 3px;
}

.widget_range_filter .ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	height: 11px;
	display: block;
	border: 0;
	background-position: 0;
}

.widget_range_filter .ui-widget-content {
	background-color: #d4d4d4;
	border-radius: 25px;
}

.widget_range_filter .ui-widget-header {
	background: #eee;
}

.widget_range_filter .ui-state-default {
	background: #808080;
	border-radius: 50%;
}

.widget_range_filter .ui-slider.ui-state-disabled .ui-slider-handle,
.widget_range_filter .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; }
.widget_range_filter .ui-slider-horizontal { height: 4px; margin: 0 10px 16px 8px; }
.widget_range_filter .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.widget_range_filter .ui-slider-horizontal .ui-slider-range-min { left: 0; }
.widget_range_filter .ui-slider-horizontal .ui-slider-range-max { right: 0; }


#reg_passmail { margin-top: 10px;}


.my-acc-h2 {
	line-height: 32px;
	margin-bottom: 25px;
	font-weight: 500;
	display: inline-block;
	letter-spacing: -0.5px;
	font-size: 26px;

}

table.my_account_job_packages.shop_table tr td,
table.my_account_orders.shop_table tr td {
	padding: 40px 20px 40px 40px;
}

table.shop_table.order_details tr td {
	padding: 0 20px 0 40px;
}

table.shop_table.order_details tr td.product-name {
	padding: 20px 0 5px 40px;
}

.woocommerce-order-received table.shop_table.order_details tr td.product-name { padding: 15px}

table.my_account_job_packages,
table.my_account_orders {
	margin-bottom: 43px;
	margin-top: 15px;
}

.shop-head-line {
	border-bottom: 1px solid #e0e0e0;
	margin-bottom: 16px;
	padding-bottom: 8px;
}


.order_details.shop_table tbody tr td.product-name a {
	font-size: 20px;
	font-weight: 500;
}

.order_details.shop_table tbody tr td.product-name .product-quantity {
	position: relative;
	top: -2px;
}

.fa.dark {
	background-color: transparent;
	color: #000
}


/* Ultimate Member compatibility */
body .um-profile .um-profile-body.job_manager  {
	max-width: 100%;
}


.mfp-content p.account-sign-in {
	margin-bottom: 5px;
}


img.wpml_flags {
    display: inline-block;
}

/* BORDER RADIUS - START */
ul.float-right li a, .menu ul li a, button, .button, .menu ul ul, .search-container .chosen-container, .search-container select, .search-container input, .search-container button, .browse-jobs a, a.button, li .resume-spotlight, li .job-spotlight, .infobox a, .recent-post-img img, .job-list > li a span.job-type, .map-box h4 span, .job-spotlight h4 span, #titlebar h1 span, #titlebar h2 span, .job_listings h4 span, .job-list h4 span,.plan-price, .plan, .job-overview, .resume-spotlight, .job-spotlight, input.apply-with-xing[type="button"], input.apply-with-linkedin[type="button"], input.apply-with-facebook[type="button"], .company-info img, .resumes-content .skills span, .fake-input, input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="tel"], input[type="phone"], input[type="url"], textarea, select, .widget-box, body #googlemaps, .page .wpcf7-form input[type="submit"], .job-manager-pagination.pagination ul li span, .job-manager-pagination.pagination ul li a, .checkboxes label::before, .chosen-container .chosen-single, .chosen-container .chosen-drop, .chosen-container .chosen-results li, .company-letter, .notification, .upload-btn, .chosen-choices, .chosen-container-multi .chosen-choices li.search-choice, .button.big, .accordion h3, .trigger a, .post-img img, .job-manager-pagination .current, .pagination .current, .pagination ul li a, .widget-thumb a img, .skills span, a.load_more_resumes, div.small-dialog.apply-popup, .mfp-content input[type="submit"] { border-radius: 4px; }

.mfp-content .mfp-close { border-radius: 4px;  }
.small-dialog-headline {border-radius: 4px 4px 0 0;}


.chosen-container.chosen-with-drop .chosen-choices,
.chosen-container.chosen-with-drop .chosen-single { border-radius: 4px 4px 0 0; }
.chosen-container.chosen-with-drop .chosen-drop { border-radius: 0 0 4px 4px; }

.chosen-container-multi .chosen-results li:first-child { margin-top: 10px; }
.chosen-container-multi .chosen-results li:last-child { margin-bottom: 10px; }
.chosen-container-multi .chosen-results li { margin: 0 7px; }

.plan a.button { border-radius: 0 0 4px 4px; }

.tp-leftarrow, ul.share-post li:last-child a, .job_filters_links a.alert { border-radius: 0 4px 4px 0; }
.tp-rightarrow, ul.share-post li:first-child a, .job_filters_links a.reset   { border-radius: 4px 0 0 4px; }

.woocommerce-MyAccount-navigation li:first-child a, .woocommerce-tabs .tabs li:first-child a, body ul.tabs-nav-o li:first-child a, body ul.tabs-nav li:first-child a { border-radius: 4px 0 0 4px; }
.woocommerce-MyAccount-navigation li:last-child a, .woocommerce-tabs .tabs li:last-child a, body ul.tabs-nav-o li:last-child a, body ul.tabs-nav li:last-child a { border-radius: 0 4px 4px 0;}
.woocommerce-MyAccount-navigation li:first-child a { border-radius: 4px 4px 0 0; }
.woocommerce-MyAccount-navigation li:last-child a { border-radius: 0 0 4px 4px; }
/* BORDER RADIUS - END */

.map-box .resumes-content h4 {
    font-size: 16px;
    transition: 0.3s;
    line-height: 30px;
    padding: 5px 0 0 0;
    font-weight: 500;
    margin-bottom: -5px;
}

.map-box .resumes-content .skills span { font-weight: 500; }

.map-box .resumes-content h4 span {
    font-size: 14px;
    line-height: 25px;
    color: #888;
    text-transform:none;
    font-weight: 400;
}


.map-box img.candidate_photo {
    width: 48px;
    display: inline-block;
    border-radius: 4px;
    float: left;
    position: relative;
    top: 2px;
    margin-right: 15px
}

.showbiz .overflowholder { width: calc(100% + 1px); }

body .pac-item {
    font-size: 12px;
    color: #999;
    cursor: pointer;
    transition: 0.2s;
    padding: 5px 15px;
}

body .pac-container {
    border-radius: 0 0 4px 4px;
    box-shadow: none;
	font-family: sans-serif, "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    border: 1px solid #e0e0e0;
    border-top: none;
    box-sizing: content-box;
    margin-top: -2px;
}


body.page-template-template-home .pac-container {
    border: none;
    margin-top: 0;
    box-shadow: 0 0 10px rgba(0,0,0,0.15);
    overflow: visible;
    -moz-transform: translateX(1px);
}

body.page-template-template-home .pac-container:before {
    content: "";
    height: 10px;
    display: block;
    width: 100%;
    background-color: #fff;
    position: absolute;
    top:-8px;
}

body .ui-menu {
    border-bottom: none;
    background: #fff;
    border-radius: 0 0 4px 4px;
    color: #888;
    box-shadow: 0px -2px 0px 0px #fff;
    font-weight: 500;
	font-family: sans-serif, "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.ui-menu li.ui-menu-item {
    padding: 8px 15px;
    border-top: 1px solid #e8e8e8;
    font-size: 13px;
    background-color: #fff;
}

body .ui-menu li.ui-menu-item.ui-state-focus {
    border-top: 1px solid #e8e8e8;
    background: #fafafa;
    color: #222;
}

h1,h2,h3,h4,h5 { font-weight: 400; }
a.button { font-weight: 500; }

.resumes li,
.job_listings > li,
.job-list > li,
.resumes li.highlighted a:before,
.resumes li a:before,
.job-list li.job_position_featured a:before,
.job_listings > li a:before,
.job-list > li a:before {
    transition: 0.3s !important;
}

.resumes li,
.job_listings > li,
.job-list > li { z-index: auto !important; }

.transparent .menu ul ul {
    box-shadow: 0 0px 10px rgba(0,0,0,0.25);
}
.transparent .menu ul .cart-list ul {
box-shadow: 0 0px 10px rgba(0,0,0,0);
}
body .map-box {
    padding: 20px 30px;
    border-radius: 4px;
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
    width: 460px;
	box-sizing: border-box;
    position: relative;
}

body .infoBox{ margin-left: -170px; }
body .infoBox:after { left: 50%; transform: translateX(-50%); }

body .map-box .job-list-content { padding-right: 30px; }

@media (max-width: 768px) {
	body .map-box {width: 380px; }
	body .infoBox{ margin-left: -130px; }

}

@media (max-width: 480px) {
	body .map-box {width: 300px; }
	body .infoBox{ margin-left: -90px; }
}

body .map-box .job-list-content h4 {
    line-height: 26px;
    margin-top: 5px;
    margin-bottom: 10px;
    transition: 0.3s;
}

body .map-box h4:hover {
    color: #333;
}

body .map-box span.job-type {
    font-size: 12px;
    line-height: 19px;
    padding: 3px 5px;
    font-weight: 500;
    display: block;
    margin: 8px 0 10px 0;
    text-align: center;
    max-width: 90px;
    word-wrap: break-word;
}

.infoBox .listing-title h4 { font-size: 16px; }

.infoBox .listing-icons li { padding: 0; }

body .map-box .job-list-content h4 span.job-type {
    display: block;
    margin: 12px 0 0 0;
    width: 80px;
    text-align: center;
}

body .cluster {
	font-size: 14px !important;
    font-weight: 700 !important;
    width: 46px !important;
    line-height: 45px !important;
}

.infoBox div.location, .infoBox .job-icons span {
	font-family: sans-serif, "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
}

.infoBox-close {
    border-radius: 4px;
    top: 15px;
    right: 15px;
    background: #f0f0f0;
    width: 33px;
    height: 33px;
    line-height: 33px;
    font-size: 14px;
}

.infoBox-close:hover {
    color: #fff;
    background-color:#333
}
@media only screen and (max-width: 1290px){
    .sticky-header.cloned.headroom--not-top.headroom--unpinned, 
    .sticky-header.cloned.headroom--not-top.headroom--pinned,
    .sticky-header.cloned { display: none !important; }
}
@media only screen and (max-width: 767px) { header.transparent #navigation ul.float-right { right: 0; text-align: left; } }

@media (max-width: 768px) {body .ui-menu {width: 420px !important;}}
@media (max-width: 480px) {body .ui-menu {width: 300px !important;}}
.ui-menu li:last-child { border-bottom: 1px solid #000; border-radius: 0 0 4px 4px; }

/* Version 1.5 CSS update, new looks */
/* ---------------------------------- */
/* Resumes List Alternative
------------------------------------- */
.resumes.alternative { margin-top: 15px; }
.resumes.alternative li {
    background-color: #fff;
    border: 1px solid #e0e0e0 !important;
    position: relative;
    z-index: auto !important;
    background: #fff !important;
    box-shadow: none;
    margin-bottom: 0;
    margin-top: -1px;
    transition: 0.3s;
    z-index: 10;

}

.resumes.alternative li:hover {
    border-color: #e0e0e0 !important;
    background-color: #fafafa !important;
}

.resumes.alternative li:first-child:before { border-radius: 4px 0 0 0 !important; }
.resumes.alternative li:last-child:before { border-radius: 0 0 0 4px !important; }

.resumes.alternative li:before {
    border-left: 4px solid #fff;
    opacity: 0;
    position: absolute;
    left: -0px;
    content: "";
    top: -1px;
    display: inline-block;
    width: 4px;
    border: none;
    transition: 0.4s;
    height: calc(100% + 2px);
    background-color: #505050;
    z-index: 11;
}

.resumes.alternative li:hover:before { opacity: 1; }

.resumes.alternative li:first-child { border-radius: 4px 4px 0 0; }
.resumes.alternative li:last-child { border-radius: 0 0 4px 4px; }

.resumes.alternative li a:after, 
.resumes.alternative li a:before { display: none !important;} 
.resumes.alternative li a p { display: none; }
.resumes.alternative .resumes-list-content { padding: 34px 0; }
.resumes.alternative .resumes-list-content .skills span {
    font-size: 12px !important;
    padding: 4px 9px;
    margin-bottom: 3px !important;
    text-transform: none;
    font-weight: 500;
}

.resumes.alternative .resumes-list-content h4 {
    font-size: 18px;
    font-weight: 500;
}

.resumes.alternative .resumes-list-content h4 span {
    font-weight: 400;
    font-size: 16px;
    color: #666;
}


/* ---------------------------------- */
/* Job List Alternative
------------------------------------- */
.listings-container {
	margin: 15px 0 40px 0;
}
.new-layout.job_listings > li a {
	border-radius: 0;
	display: flex;
	padding: 25px;
	border-left: 4px solid #eee;
	transition: 0.3s;
	position: relative;
	overflow: hidden;
	border: 1px solid #e0e0e0;
	margin-top: -1px;
	width: auto;
    height: auto;
    background: #fff;
    background-color: #fff;
}

.new-layout.job_listings > li a:before { display: none; }
.new-layout.job_listings li:hover { background: none; }

.new-layout.job_listings li { border: none; }

.new-layout.job_listings > li a {
    border-left: 4px solid #e0e0e0;
}

.type-page ul.new-layout.job_listings li {
	padding: 0px;
	border-top: 0px;
}

.type-page ul.new-layout.job_listings li.no_job_listings_found {	padding: 20px !important;border-radius: 4px;}
.new-layout.job_listings > li:first-child a { border-radius: 4px 4px 0 0; }
.new-layout.job_listings > li:last-child a { border-radius: 0 0 4px 4px; }

.new-layout .job_listing.job_position_featured { background-color: #fffcee; }

.new-layout .job_listing:hover { background-color: #fafafa; }

.new-layout .listing-badge {
    background-color: #fac710;
    float: left;
    position: absolute;
    transform: rotate(45deg);
    text-align: center;
    font-size: 14px;
    margin: 0;
    z-index: 999;
    color: #fff;
    font-weight: 500;
    width: 66px;
    height: 66px;
    right: -33px;
    top: -33px;
    line-height: 106px;
}

.new-layout .listing-badge i {
    transform: rotate(-45deg);
}
.new-layout.job_listings > li:last-child, .new-layout.job-list > li:last-child {
	border-bottom: 0px;
}
.listing.full-time  { border-left: 4px solid #186fc9; }
.listing.part-time  { border-left: 4px solid #f1630d; }
.listing.freelance  { border-left: 4px solid #53b427; }
.listing.internship { border-left: 4px solid #e1d123; }
.listing.temporary  { border-left: 4px solid #e12335; }

.new-layout.job_listings > li a.job_listing .listing-logo
 {
	width: 60px;
	min-width: 60px;
	flex-wrap: wrap;
	float: none;
	margin: 0px;
}
.new-layout.job_listings > li a.job_listing .listing-logo img{
	float: none;
	margin: 0px;
	padding: 0px;
	display: inline-block;
}

.new-layout .job_listing .listing-logo img {
	border-radius: 4px;
	transform: translate3d(0,0,0);
}

.new-layout .job_listing .listing-title {
	flex-wrap: wrap;
	padding-left: 25px;
	padding-right: 110px;
}

.new-layout .job_listing .listing-title h4 {
	letter-spacing: 0;
	font-size: 17px;
	line-height: 27px;
	margin-bottom: 5px;
	color: #333;
	margin-top: 2px;
}
.new-layout.job_listings > li a span.job-type {
	border-radius: 4px;
	font-size: 12px;
	background-color: #fff;
	border: 1px solid #e0e0e0;
	color: #888;
	padding: 4px 8px;
	line-height: 18px;
	font-weight: 500;
	position: relative;
	display: inline-block;
	white-space: nowrap;
	text-align: center;
	min-width: 76px;
	margin: 2px 0 2px 4px;
}

.listing-types-list {
    position: absolute;
    right: 25px;
	top: 50%;
	transform: translateY(-50%);
	text-align: right;
	max-width: 220px;
}


.new-layout.job_listings > li a span.job-type:last-child {
     margin-right: 0px;
}

@media (max-width: 992px) {
    .listing-types-list {
        position: relative;
        right: 0;
    	top: 0;
    	transform: translateY(0);
    	text-align: left;
    	max-width: 100%;
    	display: block;
    	margin-top: 5px;
    	margin-bottom: 2px;
    }
    .new-layout .job_listing .listing-title { padding: 0 15px; }
    .new-layout.job_listings > li a span.job-type {
    	min-width: 76px;
    	margin: 2px 4px 2px 0;
    }
}

@media (max-width: 768px) {
    .new-layout.job_listings > li a { padding: 15px; }
    .new-layout .job_listing .listing-title { padding: 0; }
    .new-layout.job_listings > li a.job_listing .listing-logo img {
        margin-top: 5px;
        width: 40px;
        height: 40px;
    }
    .new-layout .job_listing .listing-title h4 { font-size: 16px; line-height: 26px; }
    .listing-types-list { zoom: 0.85; }
}

.types_below .listing-types-list {
	position: static;
	right: 0;
    top: 0;
    transform: translateY(0);
    text-align: left;
    max-width: 100%;
}

li.types_below  a span.job-type:first-child {
	margin-left: 0px;
}

@media (max-width: 480px) {
    .new-layout.job_listings > li a.job_listing .listing-logo {
        display: none;
    }
    .new-layout.job_listings > li a { padding-left: 20px; }
}

.listing.full-time .listing-type   { color: #186fc9; border-color: #186fc9; background-color: #f1f7fc; }
.listing.part-time .listing-type   { color: #f1630d; border-color: #f1630d; background-color: #fef6f0; }
.listing.freelance .listing-type   { color: #53b427; border-color: #53b427; background-color: #f5fbf2; }
.listing.internship .listing-type  { color: #dcaa0c; border-color: #dfb634; background-color: #fdfcf2; }
.listing.temporary .listing-type   { color: #e12335; border-color: #e12335; background-color: #fdf2f3; }

.job-spotlight span.full-time   { color: #186fc9 !important; border: 1px solid #186fc9; background-color: #f1f7fc; }
.job-spotlight span.part-time   { color: #f1630d !important; border: 1px solid #f1630d; background-color: #fef6f0; }
.job-spotlight span.freelance   { color: #53b427 !important; border: 1px solid #53b427; background-color: #f5fbf2; }
.job-spotlight span.internship  { color: #dcaa0c !important; border: 1px solid #dfb634; background-color: #fdfcf2; }
.job-spotlight span.temporary   { color: #e12335 !important; border: 1px solid #e12335; background-color: #fdf2f3; }

.job-spotlight span.full-time,
.job-spotlight span.part-time,
.job-spotlight span.freelance,
.job-spotlight span.internship,
.job-spotlight span.temporary   {
	text-transform: none !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	line-height: 26px;
}

li .job-spotlight p { color: #808080; }
.job-spotlight a h4 { line-height: 29px; }

.listing-date { 
	background-color: #fff;
	border: 1px solid #e0e0e0;
	color: #888;
	display: inline-block;
	border-radius: 4px;
	font-size: 12px;
	padding: 3px 8px;
	line-height: 18px;
	font-weight: 500;
}

.listing-date.new {
    border-color: #26ae62;
    background-color: #e9fff3;
    color: #26ae62;
}

.listing-details {
	flex-wrap: wrap;
}

.type-page ul.listing-icons,
.listing-icons {
	padding: 0;
	margin: 0;
	font-size: 14px;
}

.listing-icons li {
	display: inline-block;
	margin-right: 13px;
	color: #808080;
	line-height: 29px;
}

.listing-icons li:last-child {
	margin-right: 0px;
}

.listing-icons li i {
	font-size: 19px;
	position: relative;
	top: 2px;
	margin: 0 4px 0 0;
}

/* Logo to right */
.new-layout.job_listings.logo-to-right  > li a span.job-type,
.job_listings.logo-to-right .job-type {
	position: relative;
	margin-left: 5px;
	left: auto;
	right: auto;
	top: -1px;
	transform: translateY(0); 
}

.job_listings.logo-to-right .job_listing .listing-title {
	padding-left: 5px;
	padding-right: 80px;
}

.job_listings.logo-to-right .job_listing .listing-logo {
	position: absolute;
	right: 25px;
}

@media (max-width: 1290px) {
	.job_listings.logo-to-right .job_listing .listing-title{
		padding-right: 60px;
	}

	.job_listings.logo-to-right .job_listing .listing-logo {
		width: 40px;
	}
}

/* ---------------------------------- */
/* Category Boxes
------------------------------------- */
.categories-boxes-container {
	width: calc(100% + 20px);
	left: -20px;
	top: -10px;
	position: relative;
	display: flex;
	flex-wrap: wrap;
}

.category-small-box {
	background-color: #f7f7f7;
	border-radius: 4px;
	margin: 20px 0 0 20px;
	padding: 20px;
	text-align: center;
	color: #777;
	transition: 0.4s;
	transform: scale(1);
	vertical-align: top;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 124px;
	overflow: hidden;
}

.category-small-box:before {
	width: 100%;
	height: 100%;
	background-color: #fff;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	transform: rotate(45deg) scale(1.5) translate(-10%,-100%);
	opacity: 0;
	transition: opacity 0.4s, transform 0.2s;
}

/* Hover Animation */
.category-small-box:hover {
	background-color: #505050;
	color: #fff;
	-webkit-transform: scale(1.06);
	-moz-transform: scale(1.07);
}

.category-small-box h4 {
	font-size: 15px;
	color: #666;
	transition: 0.4s;
	line-height: 22px;
	margin-top: 6px;
}

.category-small-box span {
	font-size: 13px;
	color: #909090;
	border-radius: 4px;
	background-color: rgba(0,0,0,0.04);
	display: block;
	width: 40px;
	text-align: center;
	margin: 0 auto;
	left: auto;
	right: auto;
	margin-top: 10px;
	transition: 0.4s;
}

.category-small-box:hover span {
	background-color: rgba(0,0,0,0.1);
	color: #fff;
}

.category-small-box i {
	font-size: 36px;
	height: 42px;
	transition: 0.4s;
	color: #505050;
	display: inline-block;
}

.category-small-box:hover i,
.category-small-box:hover h4 { color: #fff; }


.category-small-box { width: calc(100% * (1/5)); }
@media only screen and (min-width: 960px) and (max-width: 1289px)  { .category-small-box { width: calc(100% * (1/4) - 60px); } }
@media only screen and (min-width: 768px) and (max-width: 990px)   { .category-small-box { width: calc(100% * (1/3) - 60px); } }
@media only screen and (max-width: 767px)                          { .category-small-box { width: 100%; } }
@media only screen and (min-width: 480px) and (max-width: 767px)   { .category-small-box { width: calc(100% * (1/2) - 60px); } }


/* ---------------------------------- */
/* Testimonials
------------------------------------- */
.testimonial-box {
	background: transparent;
	border-radius: 6px;
	padding: 35px;
	text-align: center;
	color: #888;
	position: relative;
	margin: 18px 0;
	box-shadow: none;
	transition: 0.4s;

}

.testimonial-carousel .slick-slide {
	margin: 0 20px 0px 20px;
	opacity: 0.5;
	transition: 0.4s;
	pointer-events: all;
	cursor: grabbing;
	cursor: -webkit-grab;
}

.testimonial-carousel.slick-dotted.slick-slider {
    margin-bottom: -10px;
}

.testimonial-carousel .slick-slide.slick-active .testimonial-box {
	background: #282828;
	color: #fff;
}

.testimonial-carousel .slick-slide.slick-active .testimonial:before {
	color: #282828;
}

.testimonial:before {
	position: absolute;
	margin: 0 auto;
	display: block;
	width: 100%;
	text-align: center;
	bottom: -9px;
	left: 0;
	content: "\f0dd";
	font-family: "FontAwesome";
	font-size: 42px;
	color: transparent;
	background-color: transparent;
	cursor: default;
}

.testimonial:after {
	position: absolute;
	top: 47px;
	left: 42px;
	content: "\f10d";
	font-family: "FontAwesome";
	font-size: 38px;
	opacity: 0.3;
	color: #222;
	background-color: transparent;
	cursor: default;
	display: none;
}

.testimonial-carousel .slick-slide.slick-active .testimonial:after {
	color: #fff;
	opacity: 1;
}

.testimonial,
.testimonial p {
    font-size: 15px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 0;
}

.testimonial-author {
	display: block;
	width: 100%;
	padding: 20px 0 15px 0;
	text-align: center;
	margin: 0 auto;
}

.testimonial-author img {
	width: 60px;
	display:inline-block;
	text-align: center;
	height: auto;
	border-radius: 50%;
	margin: 0 auto;
}

.testimonial-author h4 {
	display: block;
	width: 100%;
	font-size: 16px;
    line-height: 24px;
    padding: 0;
    margin-top: 15px;
	color: #333;
	font-weight: 500;
}

.testimonial-author h4 span {
	display: block;
	color: #888;
    line-height: 24px;
    padding: 0;
	font-weight: 400;
	font-size: 14px;
	background: transparent;
}

.testimonial-box .star-rating {
	height: 30px;
	display: inline-block;
	margin-bottom: -10px;
	margin-top: 15px;
}

.fullwidth-testimonial {
	padding: 60px 0;
	padding-bottom: 55px;
	background-color: #f9f9f9;
}

h3.headline.centered {
	font-size: 26px;
	width: 100%;
	line-height: 32px;
	margin: 0 0 30px 0;
}

h3.headline.headline-aligned-to-left { 
	font-size: 26px;
	line-height: 32px;
	margin: 0 0 15px 0;
}
body a.button {font-weight: 500; font-size: 14px; }
.alt-header .headline.centered span {
	margin-top: 8px !important;
}

.fullwidth-testimonial h3.headline {
	margin: 0 0 10px 0;
}

span.headline-detail {margin-top: 10px; display: block; }

.headline.centered span {
	font-size: 20px;
	line-height: 32px;
	margin-top: 25px;
	color: #888;
	font-weight: 300;
	display: block;
	padding: 0 28%;
}

.headline.headline-aligned-to-left span { 
 	line-height: 32px;
	margin-top: 25px;
	color: #888;
	font-weight: 300;   
}

@media (max-width: 768px) {.headline.centered span { padding: 0 30px; } }

.fullwidth-testimonial .slick-dots { display: none !important; }

.headline.centered { text-align: center; }
.fullwidth-divider { width: 100%; height: 1px; background: #e0e0e0; display:block; }
body .recent-post { border: none; margin-bottom: 15px;}
body .recent-post a h4 { font-size: 20px; }


/* ---------------------------------- */
/* Slick Carousel
------------------------------------- */

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}

.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}

.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


/* Before slick carousel gets initialised*/
.logo-slick-carousel,
.testimonial-carousel,
.simple-fw-slick-carousel,
.simple-slick-carousel {
	display: none;
}

.slick-initialized.logo-slick-carousel,
.slick-initialized.testimonial-carousel,
.slick-initialized.simple-fw-slick-carousel,
.slick-initialized.simple-slick-carousel {
	display: block;
}

.simple-fw-slick-carousel .fw-carousel-item { padding: 10px 15px 0 15px; }
.simple-fw-slick-carousel {margin: 0 15px; max-width: 100%; box-sizing: border-box; }


/* Arrows */
.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    z-index: 100;
    display: block;
    width: auto;
    height: auto;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.logo-slick-carousel .slick-prev,
.logo-slick-carousel .slick-next,
.simple-slick-carousel .slick-prev,
.simple-slick-carousel .slick-next { display: none !important; }

.simple-slick-carousel.arrows-nav .slick-prev,
.simple-slick-carousel.arrows-nav .slick-next { display: block !important; }

.slick-prev:hover,
.slick-next:hover {
    color: transparent;
    outline: none;
    background: transparent;
}

.slick-prev:hover:before,
.slick-next:hover:before {
    color: #999;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25;
}

.slick-prev:before,
.slick-next:before {
    font-family: 'simple-line-icons';
    font-size: 32px;
    line-height: 1;
    opacity: 1;
    color: #aaa;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: all 0.3s;
}

.white-nav .slick-prev:before,
.white-nav .slick-next:before {
    color: #fff;
}

.slick-prev { left: 3px; transform: translate3d(-90px,-50%,0); }
.slick-next { right: 3px; transform: translate3d(90px,-50%,0); }

.slick-prev:before { content: '\e605'; }
.slick-next:before { content: '\e606'; }


/* Dots */
.slick-dotted.slick-slider { margin-bottom: 30px; }

.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.simple-slick-carousel.slick-dotted.slick-slider { margin-bottom: 0; }
.simple-slick-carousel.slick-dotted.slick-slider.dots-nav { margin-bottom: 30px; }

.simple-slick-carousel .slick-dots { display: none !important; }
.simple-slick-carousel.dots-nav .slick-dots { display: block !important; }

.slick-dots li {
    position: relative;
    display: inline-block;
    padding: 0;
    margin: 0 3px;
    cursor: pointer;
}

.slick-dots li {
    font-size: 0;
    line-height: 0;
    cursor: pointer;
    color: transparent;
    border: 0;
    position: relative;
    outline: none;
	display: inline-block;
	width: 15px;
	height: 15px;
	margin: 0 3px;
	opacity: 1;
	border-radius: 50%;
	line-height: 0;
	box-shadow: inset 0 0 0 2px #c0c0c0;
	transition: all 0.3s;
}

.slick-dots li.slick-active {
	box-shadow: inset 0 0 0 6px #c0c0c0;
	transition: all 0.3s;
}

.slick-dots li:after {
    display: block;
    height: 13px;
    width: 13px;
	content: "";
	position: absolute;
	top: 1px;
	left: 1px;
	background-color: transparent;
	border-radius: 50%;
	transition: all 0.3s;
	opacity: 0;
	background-color: #c0c0c0;
}

.slick-dots li.slick-active:after {
	opacity: 1;
}


.white-nav .slick-dots li { box-shadow: inset 0 0 0 2px #fff; }
.white-nav .slick-dots li.slick-active { box-shadow: inset 0 0 0 8px #fff; }

.slick-dots li button { display: none;}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}


/* Logo Carousel */
.logo-slick-carousel div.item {
	margin-bottom: 30px;
	text-align: center;
	display: inline-block;
}

.logo-slick-carousel div.item img { display: inline-block; }

/* Fullwidth Slick Carousel */
.fullwidth-slick-carousel .slick-slide {
	margin: 0 15px 30px 15px;
	opacity: 0.2;
	transition: 0.4s;
	pointer-events: none;
}

.slick-slide { outline: none; }

.testimonial-carousel .slick-slide.slick-active,
.fullwidth-slick-carousel .slick-slide.slick-active {
	opacity: 1;
	filter: none;
	pointer-events: all;
}

.fullwidth-carousel-container {
	overflow: hidden;
	width: 100%;
}

.category-box-container {
	position: relative;
	height: 100%;
}

.category-box-container.half {
	height: calc(50% - 15px);
	margin-bottom: 30px;
}

.category-box {
	background: #ccc;
	border-radius: 4px;
	height: 100%;
	display: block;
	margin-bottom: 20px;
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50%;
	overflow: hidden;
	cursor: pointer;
}

.category-box:before {
	content: "";
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 9;
	background: -webkit-linear-gradient(bottom, rgba(35,35,37,0.85) 0%, rgba(35,35,37,0.4) 35%, rgba(22,22,23,0) 60%, rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(bottom, rgba(35,35,37,0.85) 0%, rgba(35,35,37,0.4) 35%, rgba(22,22,23,0) 60%, rgba(0,0,0,0) 100%);
	background: linear-gradient(to top, rgba(35,35,37,0.85) 0%, rgba(35,35,37,0.4) 35%, rgba(22,22,23,0) 60%, rgba(0,0,0,0) 100%);
}

.fullwidth-slick-carousel.category-carousel .slick-slide {
	height: 450px;
}

.fullwidth-slick-carousel.category-carousel .slick-slide.fw-carousel-review {
	height: auto;
}

.category-box-content {
	position: absolute;
	bottom: 30px;
	left: 34px;
	width: calc(100% - 68px);
	z-index: 50;
	box-sizing: border-box;
}

.category-box-content h3 {
	color: #fff;
	font-size: 24px;
	padding: 5px 0;
	margin: 0;
}

.category-box-content span {
	font-size: 18px;
	font-weight: 300;
	display: inline-block;
	color: rgba(255,255,255,0.7);
}

.category-box-btn {
	position: absolute;
	right: 32px;
	bottom: 32px;
	z-index: 111;
	background-color: transparent;
	border: 1px solid #fff;
	color: #fff;
	padding: 8px 0px;
	text-align: center;
	min-width: 120px;
	border-radius: 50px;
	transition: all 0.3s;
}

.category-box-btn:hover {
	background-color: #66676b;
	border-color: #66676b;
}

.fw-carousel-item {
	position: relative;
	height: 100%;
}

.category-box-background {
	width: 100%;
	height: 100%;
	position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    transition: transform 0.35s ease-out;
	transform: translate3d(0,0,0) scale(1);
	image-rendering: -webkit-optimize-contrast;
}

.category-box:hover .category-box-background { transform: translate3d(0,0,0) scale(1.08); }


/* Simple Slick Carousel */
.simple-slick-carousel {
	height: auto;
	width: calc(100% + 30px);
	left: -10px;
}

.simple-slick-carousel .category-box-container {
	height: 100%;
	display: block;
}

.simple-slick-carousel .slick-slide {
	padding: 10px 15px;
}



/*----------------------------------- */
/* Flip Banner
------------------------------------- */
.flip-banner {
	display: block;
	width: 100%;
	height: 170px;
	position: relative;
	text-align: center;
	overflow: hidden;
	z-index: 999;
}

.flip-banner:after {
	background-color: #000;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	display: block;
	z-index: 100;
	transition: all 0.6s;
}

.flip-banner:hover:after {
	opacity: 0.6
}

.flip-banner-content {
	position: relative;
	top: 50%;
	z-index: 200;
}

.flip-banner h2 {
	font-size: 30px;
	line-height: 38px;
	font-weight: 400;
	position: relative;
	width: 100%;
	display: block;
}

.flip-banner h1,
.flip-banner h2,
.flip-banner h3,
.flip-banner h4,
.flip-banner h5,
.flip-banner h6 {
	color: #fff;
	display: inline-block;
	margin: 0;
	position: relative;
}

.flip-banner-content .flip-visible,
.flip-banner-content .flip-hidden {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: 0 auto;
	transform: translateY(-50%);
	transition: all 0.45s cubic-bezier(.87,-.41,.19,1.44);
}


.flip-banner:hover .flip-banner-content .flip-hidden,
.flip-banner-content .flip-visible {
	opacity: 1;
	visibility: visible;
	transform: translateY(-50%);
}

.flip-banner:hover .flip-banner-content .flip-visible,
.flip-banner-content .flip-hidden {
	opacity: 0;
	visibility: hidden;
	transform: translateY(150%);
}

.flip-banner:hover .flip-banner-content .flip-visible {
	transform: translateY(-150%);
}


.flip-banner i { padding: 0 10px; }
.flip-banner .fa {
	position: relative;
	top: 1px;
	font-size: 36px;
}

@media (max-width: 767px) {
	.flip-banner .fa {
		font-size: 28px;
	}

	.flip-banner h2 {
		font-size: 22px;
		line-height: 34px;
		padding: 0 50px;
    	box-sizing: border-box;
	}
}

/* Parallax Overlay */
.flip-banner-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 101;
	background-color: #333;
	opacity: 0.4;
	background-size: cover;
}
.flip-hidden svg {
    top: 9px;
    position: relative;
    height: 40px;
    margin-top: -10px;
}

/*----------------------------------- */
/* Image Hovers
------------------------------------- */
.img-box {
	height: 320px;
	display: inline-block;
	position: relative;
	width: 100%;
	overflow: hidden;
	z-index: 90;
	margin: 10px 0;
	border-radius: 4px;
}

@media (max-width: 1024px) {
	.img-box {
	height: 220px;
}
}
@media (max-width: 660px) {
	.img-box {
	height: 150px;
}
}
.img-box-background {
	background-size: cover;
	background-position: 50%;
	width: 100%;
	height: 100%;
	transition: all 0.55s;
	position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    transition: transform 0.35s ease-out;
}

.img-box:hover .img-box-background { transform: scale(1.07); }

.img-box:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	content: "";
	background-color: #222;
	opacity: 0.3;
	z-index: 99;
	transition: 0.3s ease-out;
}

.img-box-content {
	position: absolute;
	z-index: 101;
	top: 50%;
	margin: 0 auto;
	text-align: center;
	width: 100%;
	transform: translate(0,-50.5%);
}

.img-box-content h4 {
	font-size: 24px;
	line-height: 32px;
	color: #fff;
	margin: 0;
}

.img-box-content span {
    font-size: 16px;
    color: #fff;
    line-height: 24px;
    font-weight: 400;
    opacity: 0.7;
}


/* Random Fixes */
body .fake-input, body input[type="text"], body input[type="password"], body .chosen-container,
body label, body legend, body input[type="email"], body input[type="number"], .info-banner a.button,
body textarea, body select { font-size: 14px; font-weight: 400;}
.filters-container input[type="text"] { min-height: 48px; font-weight: 400; }
.menu ul, a.menu-trigger,
#navigation ul.float-right,
a.button.gray.app-link.opened, .upload-btn,
button, input[type="button"], input[type="submit"],
a.button, #popular-categories li a,.tabs-nav li a ,
.ui-accordion .ui-accordion-header, .trigger a,
.skills span, .job-spotlight h4 span, #titlebar h2 span, 
.job-list h4 span, .caption h3, .caption .slider-button,
.pagination-next-prev ul li a , .infobox a ,
.comment-by a.reply, body #style-switcher h2 { text-transform: none; }
.sticky-header.cloned { box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.12) }
.menu ul li a { font-size: 14px; letter-spacing: 0px !important; }
.checkboxes label:before { top: -1px; }
#titlebar.photo-bg h2 { font-size: 30px; line-height: 38px; }
.testimonials-slider li p { font-size: 18px; line-height: 34px; }
body .testimonials-slider ul li { padding: 0 !important; }
body .flex-control-nav li { padding:  0 !important; }
ol.flex-control-nav { margin-left: 0; }
.info-content,
.categories-group ul li { font-size: 16px; }
.widget-text h5,
table.manage-table th,
.info-banner a.button { font-size: 14px; }
.info-banner h3 { font-size: 20px; }
.footer-links li:before { font-size: 16px; content: "\f105"; color: rgba(255,255,255,0.4); }
body .search-container input { font-size: 16px; min-height: 60px; }
input.ico-01 { background: #fff; }
.search-container h2 {font-size: 42px;}
#titlebar.resume { padding: 60px 0 55px 0;}
#titlebar span.icons a,
#titlebar span.icons { font-size: 16px; }

@media (max-width: 768px) {	#titlebar.resume {
    padding: 50px 0 45px 0;
}}

#titlebar.resume .resume-titlebar .resumes-content h4 span, .resume-spotlight h4 span,
body #titlebar.resume .resume-titlebar .resumes-list-content h4 span
{ font-size: 20px; margin: -1px 0 12px 0; line-height: 30px; color: #666; font-weight: 400; }

.resume-spotlight h4 span { font-size: 16px; line-height: 27px; color:#666; font-weight: 300; margin-bottom: 10px; }
.resume-spotlight p { margin-top: 10px; }
.resumes.alternative .resumes-content h4 span {color: #666;font-size: 16px;margin-bottom: 10px; font-weight: 300;}

.resume-titlebar .resumes-list-content h4 { font-size: 20px; font-weight: 500; }

.small-dialog-content button.send { line-height: 24px; border-radius: 4px; }
body input[type="button"].apply-with-xing, body input[type="button"].apply-with-linkedin, body input[type="button"].apply-with-facebook { line-height: 31px; }
#footer h4 { font-size: 18px; }
body .woocommerce-MyAccount-navigation li a {
    text-transform: none;
    font-size: 14px;
}
 
.spinner {
  width: 40px;
  height: 40px;

  position: relative;
 
}

.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #333;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}


.container .woocommerce-MyAccount-content #job-manager-job-applications .sixteen.columns {
	width: 100%;
}
.container .woocommerce-MyAccount-content #job-manager-job-applications .eight.columns {
	width: 45%;

}

.container .woocommerce-MyAccount-content #job-manager-job-applications  .app-content .buttons {

	 right: 40px; 
	 display: inline-block; 
	top: 0%; 
	-webkit-transform: translateY(0%); 
	-moz-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0%); 
	position: static;
	

}
/*
.tax-job_listing_tag .listing-title {position: relative; top: 30px; margin-left: 120px; }

*/
.ziprecruiter_job_listings ul { list-style: none }

.ziprecruiter_job_listings.job_listings  li a {
	border-radius: 0;
	display: flex;
	padding: 25px;
	border-left: 4px solid #eee;
	transition: 0.3s;
	position: relative;
	overflow: hidden;
	border: 1px solid #e0e0e0;
	margin-top: -1px;
	width: auto;
    height: auto;
    background: #fff;
    background-color: #fff;
}
.ziprecruiter_job_listings.job_listings .company_logo {
	margin-left:0px;
	margin-right: 30px;
	}
.ziprecruiter_job_listings.job_listings .tagline { display: block; font-size:13px}

.ziprecruiter_job_listings.job_listings li a { border: 1px solid #e0e0e0; margin: 0; padding: 25px 30px; }


.ziprecruiter_job_listings.job_listings li { margin: 0;
padding: 0; margin-top: -1px;}

.ziprecruiter_job_listings.job_listings  li.wp-job-manager-attribution-row { border: none;}

.ziprecruiter_job_listings.job_listings li h3 { font-size: 18px; line-height: 28px; }


.ziprecruiter_job_listings.job_listings .tagline { font-size: 13px; font-weight: 500; color: #666; line-height: 25px; margin-top: 10px;}

.ziprecruiter_job_listings .date,
.ziprecruiter_job_listings .location { line-height: 18px; color: #333; font-size: 12px; }

.ziprecruiter_job_listings .position { margin-right: 10px; max-width: 70%; display: inline-block;}

.ziprecruiter_job_listings .job-type { display: none;}

.zr_logo { border: none; width: 100px; display: inline-block; }


.ziprecruiter_job_listings .job_listings { padding: 0; margin: 0;}

.job_listings li.wp-job-manager-attribution-row { padding: 0 !important; background: none;}

.job_listings li.wp-job-manager-attribution-row a { border: none; float: left; margin-bottom: 10px;}

.job_listings li.wp-job-manager-attribution-row img { padding: 0; max-width: 150px; display: inline-block;}

.load_more_ziprecruiter_jobs.load_more_jobs { margin-top: 10px; display: block; background: #f6f6f6; color: #888; font-weight: 500; font-size: 14px; text-align: center; border-radius: 4px; padding: 8px; }

.load_more_ziprecruiter_jobs.load_more_jobs strong { font-weight: 500; color: #555; font-size: 14px; }

.ziprecruiter_job_listings .job_listings strong a:first-child { border-radius: 4px 4px 0 0;}


.ziprecruiter_job_listings .job_listings strong a:last-child { border-radius: 0 0 4px 4px;}



.static-login-page h3 { display: none; }







/* ---------------------------------- */
/* Dashboard Titlebar
------------------------------------- */
.dashboard-content-container #titlebar:not(.photo-bg) {
	padding: 0;
	margin: 0 0 40px 0;
	display: block;
	background-color: transparent;
	background: transparent;
}

.dashboard-content-container #titlebar h2 {
	font-size: 30px;
	line-height: 38px;
}


.dashboard-content-container .submit-page {
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    left: 0;
    right: 0;
    justify-content: center;
    padding: 20px;
    padding-bottom: 0;
}
.fieldset-agreement-checkbox,
.dashboard-content-container .submit-page .form {
    margin: 0;
    width: 100%;
    padding: 0 10px;
    margin-bottom: 25px;
    /* padding-top: 20px; */
    /* margin-top: 20px; */
}

.dashboard-content-container .submit-page .form.fieldset-resume_file { padding-top: 20px; }

.dashboard-content-container .submit-page .form .note {
    margin-bottom: 0;
    padding-bottom: 0;
}


@media (max-width: 992px) {
	.dashboard-content-container .submit-page .form { width: 100%; }
}



/* ---------------------------------- */
/* Dashboard Stats Boxes
------------------------------------- */
.dashboard-stat {
	display: inline-block;
	padding: 0;
	height: 160px;
	background-color: #444;
	color: #fff;
	border-radius: 4px;
	width: 100%;
	position: relative;
	margin-bottom: 20px;
	overflow: hidden;
	transition: 0.3s;
	cursor: default;
}

.dashboard-stat:hover { transform: translateY(-4px); }

.dashboard-stat-content {
	position: absolute;
	left: 32px;
	top: 50%;
	width: 45%;
	transform: translateY(-50%);
}

.dashboard-stat-content h4 {
	font-size: 40px;
	font-weight: 500;
	padding: 0;
	margin: 0;
	color: #fff;
	
	letter-spacing: -1px;
}

.dashboard-stat-content span {
	font-size: 17px;
	margin-top: 5px;
	line-height: 23px;
	font-weight: 300;
	display: inline-block;
}

.dashboard-stat-icon {
	position: absolute;
	right: 32px;
	top: 50%;
	transform: translateY(-40%);
	font-size: 80px;
	opacity: 0.3;
}

@media (max-width: 1680px) {
	.dashboard-stat-icon { font-size: 60px; }
}

@media (max-width: 992) {
	.dashboard-stat-icon { font-size: 40px; }
}


/* Colors */
.dashboard-stat.color-1 {
	background: linear-gradient(to left, rgba(255,255,255,0) 25%, rgba(255,255,255,0.2));
	background-color: #26ae60;
}

.dashboard-stat.color-2 {
	background: linear-gradient(to left, rgba(255,255,255,0) 25%, rgba(255,255,255,0.1));
	background-color: #363841;
}

.dashboard-stat.color-3 {
	background: linear-gradient(to left, rgba(255,255,255,0) 25%, rgba(255,255,255,0.3));
	background-color: #117bbf;
}

.dashboard-stat.color-4 {
	background: linear-gradient(to left, rgba(255,255,255,0) 25%, rgba(255,255,255,0.1));
	background-color: #ffae00;
}

.dashboard-stat h4 span,
.dashboard-stat .woocommerce-Price-currencySymbol {
	font-size: 32px;
	font-weight: 600;
	display: inline-block;
	margin-bottom: 2px;
}

.dashboard-stat .woocommerce-Price-currencySymbol {
	margin-top: 0;
	vertical-align: top;
}

.dashboard-stat-content span {
	font-size: 18px;
	margin-top: 4px;
	line-height: 24px;
	font-weight: 400;
	display: inline-block;
}

.dashboard-stat-icon {
	position: absolute;
	right: 32px;
	top: 50%;
	transform: translateY(-40%);
	font-size: 80px;
	opacity: 1;
}
#dashboard .row { margin-bottom: 0; }

/* Colors */
.dashboard-stat.color-1 {
	/*background: linear-gradient(to left, rgba(255,255,255,0) 25%, rgba(255,255,255,0.2));*/
	/*background-color: #64bc36;*/
	background-color: #def5d8;
	cursor: pointer;
}

.color-1 .dashboard-stat-icon svg g,
.color-1 .dashboard-stat-icon svg circle,
.color-1 .dashboard-stat-icon svg rect,
.color-1 .dashboard-stat-icon svg path {
	fill: #3fad27;
}

.color-1 span,
.color-1 .dashboard-stat-content h4 {
	color: #3fad27;
}

.dashboard-stat.color-2 {
	/*background: linear-gradient(to left, rgba(255,255,255,0) 25%, rgba(255,255,255,0.2));*/
	/*background-color: #64bc36;*/
	background-color: #eaecf2;
	cursor: pointer;
}

.color-2 .dashboard-stat-icon svg g,
.color-2 .dashboard-stat-icon svg circle,
.color-2 .dashboard-stat-icon svg rect,
.color-2 .dashboard-stat-icon svg path {
	fill: #464a57;
}

.color-2 span,
.color-2 .dashboard-stat-content h4 {
	color: #464a57;
}

.dashboard-stat.color-3 {
	/*background: linear-gradient(to left, rgba(255,255,255,0) 25%, rgba(255,255,255,0.2));*/
	/*background-color: #64bc36;*/
	background-color: #fbf0d8;
	cursor: pointer;
}

.color-3 .dashboard-stat-icon svg g,
.color-3 .dashboard-stat-icon svg circle,
.color-3 .dashboard-stat-icon svg rect,
.color-3 .dashboard-stat-icon svg path {
	fill: #e49c0b;
}

.color-3 span,
.color-3 .dashboard-stat-content h4 {
	color: #e49c0b;
}


.dashboard-stat.color-4 {
	/*background: linear-gradient(to left, rgba(255,255,255,0) 25%, rgba(255,255,255,0.2));*/
	/*background-color: #64bc36;*/
	background-color: #fbe7eb;
	cursor: pointer;
}

.color-4 .dashboard-stat-icon svg g,
.color-4 .dashboard-stat-icon svg circle,
.color-4 .dashboard-stat-icon svg rect,
.color-4 .dashboard-stat-icon svg path {
	fill: #f3103c;
}

.color-4 span,
.color-4 .dashboard-stat-content h4 {
	color: #f3103c
}

.dashboard-stat-icon svg {
	height: 65px;
	width: auto;
	top: -8px;
	position: relative;
}

.dashboard-stat.color-1 .dashboard-stat-icon svg {
	height: 70px;
}

.dashboard-stat.color-4 .dashboard-stat-icon svg {
	height: 56px;
}

#waller-row .dashboard-stat.color-1 .dashboard-stat-icon svg {
	height: 60px;
}

#waller-row .dashboard-stat.color-4 .dashboard-stat-icon svg {
	height: 70px;
}

.dashboard-stat-icon svg g,
.dashboard-stat-icon svg circle,
.dashboard-stat-icon svg rect,
.dashboard-stat-icon svg path {
	fill: #fff;
}
/* ---------------------------------- */
/* Dashboard Pagination
------------------------------------- */
#dashboard .pagination ul li a,
#dashboard .pagination-next-prev ul li a {
    background-color: #fff;
    color: #888;
    border-radius: 4px;
}

#dashboard .pagination ul li a.current-page,
#dashboard .pagination .current,
#dashboard .pagination ul li a:hover,
#dashboard .pagination-next-prev ul li a:hover {
/*     background-color: #fff; */
}

.prev.page-numbers, 
.next.page-numbers,
#dashboard .pagination .prev.page-numbers,
#dashboard .pagination .next.page-numbers { display: none; }
.page-numbers li,
.page-numbers li a { line-height: 20px; }
/* ---------------------------------- */
/* Dashboard List Box
------------------------------------- */
.dashboard-content .dashboard-list-box {
	margin: 30px 0 0 0;
	box-shadow: 0 0 12px 0 rgba(0,0,0,0.06);
	border-radius: 4px;
}

.activity-time {
     display: inline-block;
    background-color: #f2f2f2;
    color: #888;
    padding: 2px 5px;
    border-radius: 4px;
    font-size: 12px;
    position: relative;
    transition: 0.3s;
    margin-left: 10px;
    line-height: 20px;   
}

.dashboard-content .dashboard-list-box-content {
	background: #fff;
/*     border-radius: 0 0 4px 4px; */
	border-radius: 4px;
}

.dashboard-content .dashboard-list-box-content.with-padding {
	padding: 20px 30px;
}

/* Button */
.dashboard-content .dashboard-list-box .button {
	padding: 6px 15px;
	line-height: 20px;
	font-size: 13px;
	font-weight: 500;
	margin: 0;
}

.dashboard-content .dashboard-list-box .button.resume-manager-add-row {
	padding: 10px 14px;
}

.dashboard-content .dashboard-list-box .button.gray:before { display: none; }
.dashboard-content .dashboard-list-box .button.gray {
	background-color: #e9e9e9;
	color: #666;
}

.dashboard-content .dashboard-list-box .button.gray:hover {
	background-color: #26ae61;
	color: #fff;
}

.dashboard-content .dashboard-list-box h4 {
	font-size: 16px;
	font-weight: 500;
	margin: 0;
	padding: 15px 30px;
	color: #333;
	background-color: #fff;
	display: block;
	border-bottom: 1px solid #eaeaea;
	border-radius: 4px 4px 0 0;
}

.dashboard-list-box h4.gray {
	background-color: #fbfbfb
}

.dashboard-list-box > ul {
	list-style: none;
	padding: 0;
	margin: 0;
	background-color: #fff;
	border-radius: 0 0 4px 4px;
}

.dashboard-list-box > ul > li {
	padding: 28px 30px;
	border-bottom: 1px solid #eaeaea;
	transition: 0.3s;
	position: relative;
}
.dashboard-list-box.invoices > ul > li {
    padding: 23px 30px;
}
.dashboard-list-box.invoices ul li:last-child {
    border-bottom: none;
}
/* Invoices
------------------------------------- */
ul.dashboard-commission-list li {
	padding: 20px 30px;
}

ul.dashboard-commission-list li strong {
	color: #333;
}

ul.dashboard-commission-list ul {
	line-height: 22px;
	padding-bottom: 2px;
	color: #909090;
	list-style: none;
	margin: 0px;
}

ul.dashboard-commission-list ul li {
	padding: 0;
	border: 0;
}

ul.dashboard-commission-list ul li:after {
	content: "";
	display: inline-block;
	width: 1px;
	height: 11px;
	background-color: #e0e0e0;
	position: relative;
	margin: 0 10px;
}

ul.dashboard-commission-list ul li:last-child:after {
	display: none;
}

.paid {
	color: #64bc36;
}

.unpaid {
	color: #ee3535;
}
ul.commission-details {
	margin: 0;
	padding: 0;
}
ul.dashboard-commission-list {
	list-style: none;
	padding: 0;
	margin: 0;
	background-color: #fff;
	border-radius: 0 0 4px 4px;
} 

ul.dashboard-commission-list li i.list-box-icon {
	height: 38px;
	width: 38px;
	color: #777;
	text-align: center;
	line-height: 37px;
	border-radius: 50%;
	transition: 0.3s;
	display: inline-block;
	background-color: #eee;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 30px;
}

ul.dashboard-commission-list li:hover i.list-box-icon {
	background-color: #eaeaea;
}

ul.dashboard-commission-list li {
	padding: 20px 30px;
	display: inline-block;
	border-bottom: 1px solid #eaeaea;
	transition: 0.3s;
	position: relative;
	padding-left: 87px;
}
.commission-tag-paid {
	background: #53b520;
	color: #fff;
	color: #888;
	background: #f0f0f0;
	border-radius: 4px;
	font-size: 12px;
	line-height: 18px;
	padding: 2px 6px;
	position: relative;
	top: -1px;
	font-weight: 500;
	margin-left: 3px;
}

.commission-item li.paid,
.commission-item li.unpaid
 { background: transparent;}
.commission-item li.paid {
	color: #48ad13; 
}
.commission-item li.unpaid {
	color: #ee3535;
}
/*.dashboard-list-box ul li:nth(2n+1) {
	background-color: #fcfcfc
}*/

.dashboard-list-box.with-icons ul li { padding-left: 87px; }
.dashboard-list-box.with-icons ul li.no-icon { padding-left: 30px; }

.dashboard-list-box ul li:last-child { border: none; }

.dashboard-list-box ul li:hover { background-color: #fbfbfb; }
.dashboard-list-box .numerical-rating { margin: 0 3px; }

.dashboard-list-box ul li i.list-box-icon {
	height: 38px;
	width: 38px;
	color: #777;
	text-align: center;
	line-height: 37px;
	border-radius: 50%;
	transition: 0.3s;
	display: inline-block;
	background-color: #eee;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 30px;
}

.dashboard-list-box ul li:hover i.list-box-icon { background-color: #eaeaea; }


/* Static Content */
.dashboard-list-box-static {
	padding: 30px;
	background-color: #fff;
}

.dashboard-list-box-static .button {
	padding: 12px 20px;
	font-size: 14px;
	margin-bottom: 3px;
	background-color: #26ae61
}

.dashboard-list-box-static .button:hover {
	background-color: #333;
}

/* Close List Item */
a.close-list-item {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 30px;
	opacity: 0;
	padding: 4px;
	color: #ea2828;
	transition: 0.3s;
}

.dashboard-list-box ul li:hover a.close-list-item { opacity: 1; }


/* Reset for child ul  */
.dashboard-list-box ul ul { background-color: transparent; }

.dashboard-list-box ul ul li:nth-last-child(2n+1) { background-color: transparent; }
.dashboard-list-box ul ul li {
	padding: 0;
	border: none;
	transition: 0.3s;
	background-color: transparent;
	display: inline-block;
}

.dashboard-list-box ul ul li:hover { background-color: transparent; }

/* Sorting */
.dashboard-list-box .sort-by {
	top: 16px;
	right: 26px;
}

.dashboard-list-box .sort-by .chosen-container-single .chosen-single { background-color: transparent; padding: 0 4px; }
.dashboard-list-box .chosen-container .chosen-results li { border: none; }



/* Invoices
------------------------------------- */
/* .dashboard-list-box.invoices li { padding: 20px 30px; } */
.dashboard-list-box.invoices ul li strong {color: #333;margin-bottom: 3px;display: inline-block;}

.dashboard-list-box.invoices ul ul {
	line-height: 22px;
	padding-bottom: 2px;
	color: #909090;
}

.dashboard-list-box.invoices ul ul li { padding: 0; }

.dashboard-list-box.invoices ul ul li:after {
	content: "";
	display: inline-block;
	width: 1px;
	height: 11px;
	background-color: #e0e0e0;
	position: relative;
	margin: 0 10px;
}

.dashboard-list-box.invoices ul ul li:last-child:after { display: none; }

.paid { color: #64bc36; }
.unpaid { color: #ee3535; }

/* Button to right */
.buttons-to-right,
.dashboard-list-box .button.to-right {
	position: absolute;
	right: 30px;
	top: 50%;
	transform: translate3d(0,-49%,0);
	-moz-transform: translate3d(0,-50%,0);
	opacity: 0;
	transition: 0.4s;
	box-shadow: 0px 0px 10px 15px #fbfbfb;
}


.dashboard-list-box li:hover .buttons-to-right,
.dashboard-list-box li:hover .button.to-right { opacity: 1; }

.buttons-to-right { box-shadow: none; }
.buttons-to-right .button { margin-left: 2px; }

.dashboard-list-box .button i { padding-right: 2px; position: relative; top: 1px; }
.dashboard-list-box .button i.fa-remove { padding-right: 1px; }

a.resume-manager-remove-row {
	border-radius: 4px;
	top: 0px;
	right:0px;
	background-color: #ffe1e1 !important;
}

.resume-manager-remove-row i.fa.fa-close {
	padding: 0px; margin: 0; position: relative;
	color: #d35f5f;
	top: 0px;
	font-size: 12px;
}

/* Booking Buttons */
.buttons-to-right a.button.approve:hover { background-color: #64bc36; }
.buttons-to-right a.button.reject:hover { background-color: #e42929; }

/* My Profile Page
------------------------------------- */
.edit-profile-photo img {
	border-radius: 4px;
	max-width: 240px;
	width: 100%;
}

.edit-profile-photo {
	position: relative;
	display: block;
	margin-bottom: 35px;
}

.change-photo-btn {
	font-weight: 500;
	padding: 5px 6px;
	color: #333;
	background-color: #fff;
	border-radius: 50px;
	display: inline-block;
	position: relative;
	font-size: 13px;
	width: auto;
	transition: 0.3s;
	cursor: pointer;
	line-height: 20px;
	position: absolute;
	bottom: 15px;
	left: 15px;
	width: auto;
}

.photoUpload {
    position: relative;
    overflow: hidden;
    padding: 3px 12px;
	cursor: pointer;
}

.photoUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.change-photo-btn:hover {
	color: #fff;
	background-color: #26ae61;
}

.change-photo-btn i { margin-right: 2px; }

.my-profile label {
	margin-top: 17px;
	font-size: 14px;
	font-weight: 500;
	color: #333;
	margin-bottom: 6px;
}

.my-profile { display: block; }

.my-profile label i { margin-right: 3px; }

.my-profile textarea {
	height: 200px; }


/* Dashbaord Wallet
------------------------------------- */
.paid span,.unpaid span { font-weight: 500; }
.paid {color:#48ad13;}
.wallet-currency {
	font-weight: 500;
	border-radius: 3px;
	background: rgba(255, 255, 255, 0.4);
	font-size: 16px;
	line-height: 25px;
	padding: 3px 7px;
	color:inherit
}
.comission-taken {
	border-radius: 4px;
	font-size: 14px;
	color: #888;
	font-weight: 400;
	background: #f4f4f4;
	display: inline-block;
	padding: 6px 10px;
	float: right;
	position: relative;
	top: -3px;
}
.comission-taken strong {
	font-weight: 500;
	color: #666;
}
@media (max-width: 768px) {
	.comission-taken { float: none; display: block;margin-top: 10px; padding: 0; background: transparent; }
}


/* ---------------------------------- */
/* Booking Page
------------------------------------- */
.payment-logo {
	height: 24px;
	position: absolute;
	right: 19px;
	top: 18px;
	image-rendering: -webkit-optimize-contrast;
}

.payment-logo.paypal {
	height: 16px;
	top: 22px;
}

.payment-tab-trigger>input {
	position: absolute;
	visibility: hidden;
}

.payment-tab-trigger {
	padding: 0px 20px;
}

.payment-tab-trigger>label {
	cursor: pointer;
	display: block;
	position: relative;
	top: 0;
	padding: 14px 0;
	top: 1px;
	margin-bottom: 0;
	font-weight: 500;
}

.payment-tab-trigger>label::before {
	transition: 0.2s;
	box-sizing: border-box;
	background-color: #fff;
	border: 2px solid #d0d0d0;
	border-radius: 100%;
	content: "";
	display: inline-block;
	margin-right: 10px;
	position: relative;
	top: 4px;
	width: 20px;
	height: 20px;
}

.payment-tab-trigger>label::after {
	background: #fff;
	border-radius: 100%;
	content: "";
	display: inline-block;
	position: absolute;
	left: 7px;
	top: 25px;
	width: 6px;
	height: 6px;
	transition: 0.2s;
	transform: scale(0);
}

.payment-tab-trigger>input:checked~label::before {
	border-color: #66676b;
}

.payment-tab-trigger>input:checked~label::after {
	background-color: #66676b;
	transform: scale(1);
}

.payment {
	border: 2px solid #f2f2f2;
	border-radius: 4px;
	overflow: hidden;
}

.payment-tab {
	background: #f2f2f2;
	box-sizing: border-box;
	max-height: 60px;
	overflow: hidden;
	position: relative;
	transition: all 0.3s 0s ease-in-out;
	width: 100%;
}

.payment-tab:first-of-type {
	border-radius: 4px 4px 0 0;
}

.payment-tab:last-of-type {
	border-radius: 0 0 4px 4px;
}

.payment-tab.payment-tab-active {
	max-height: 400px;
	background: #fff;
}

@media (max-width: 991px) {
	.payment-tab.payment-tab-active {
		max-height: 800px;
	}
}

.payment-tab-content {
	padding: 0 20px 20px 20px;
	background-color: #fff;
	visibility: hidden;
	opacity: 0;
	transition: 0.2s ease-in-out;
}

.payment-tab.payment-tab-active .payment-tab-content {
	visibility: visible;
	opacity: 1;
}

.card-label>input {
	box-sizing: border-box;
	display: block;
	height: 51px;
	margin: -14px auto 5px;
	padding: 5px 15px 0 15px;
	transition: border-color 0.3s;
	width: 100%;
	border: 1px solid #dbdbdb;
	background-color: #fff;
	text-decoration: none;
	border-radius: 4px;
	box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.06);
}


.card-label>label {
	background-color: #fff;
	display: inline-block;
	margin: 6px auto auto 8px;
	font-size: 13px;
	padding: 0px 7px;
	font-weight: 500;
	color: #909090;
}

.payment-tab p {
	margin: 10px 0;
}


/* List Box Listings
------------------------------------- */
.list-box-listing {
	display: flex;
	padding: 5px 0;
	position: relative;
}

/* Image */
.list-box-listing-img {
	flex: 1;
	max-width: 150px;
	position: relative;
}

.list-box-listing-img a {
	width: 100%;
	height: 100%;
	display: inline-block;
	overflow: hidden;
	position: relative;
	z-index: 10;
}


.list-box-listing-img a:before {
	content: "";
	height: 100%;
	width: 100%;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	background-color: rgba(22,22,22,0.2);
	border-radius: 4px;
	z-index: 11;
}

.list-box-listing-img a img {
	object-fit: cover;
	height: 100%;
	width: 100%;
	border-radius: 4px;
}

/* Bookings Styles */
.bookings { margin: 10px 0; }

.bookings .list-box-listing-img a:before { display: none; }
.bookings .list-box-listing-img {
	max-width: 70px;
	max-height: 70px;
	border-radius: 50%;
	overflow: hidden;
}

.bookings .list-box-listing-content .inner {
	top:0;
	transform: none
}

.bookings .list-box-listing-img {
    margin-right: 5px;
}

.bookings .list-box-listing-content .inner h3 { margin-bottom: 20px; }

.inner-booking-list h5 {
	display: inline-block;
	font-weight: 500;
	margin: 0;
	color: #666;
}

.inner-booking-list ul {
	display: inline-block;
	padding: 0;
	margin-bottom: 0;
}

.inner-booking-list ul li {
	display: inline-block;
	padding: 0;
	margin: 0 0 4px 0;
}

.inner-booking-list ul li:after {
	content: "";
	display: inline-block;
	position: relative;
	margin: 0 10px;
	height: 12px;
	top: 1px;
	background-color: #ddd;
	width: 1px;
}

.inner-booking-list ul li:last-child:after { display: none; }

.inner-booking-list ul li.highlighted {
	padding: 2px 10px;
	line-height: 22px;
	font-weight: 500;
	font-size: 14px;
	background-color: #eee !important;
    color: #777;
	border-radius: 50px;
	display: inline-block;
}

.pending-booking .inner-booking-list ul li.highlighted {
	background-color: #E9F7FE !important;
    color: #3184ae;
}

.approved-booking .inner-booking-list ul li.highlighted {
	background-color: #EBF6E0 !important;
    color: #5f9025;
}

.bookings .inner h3 span.booking-status {
    border-radius: 50px;
    line-height: 20px;
    font-weight: 500;
    font-size: 12px;
    color: #fff;
    font-style: normal;
    padding: 2px 8px;
    margin-left: 3px;
    position: relative;
    top: -2px;
}

.approved-booking .bookings .inner h3 span.booking-status { background-color: #64bc36; }
.pending-booking .bookings .inner h3 span.booking-status{ background-color: #61b2db; }
.canceled-booking .bookings .inner h3 span.booking-status { background-color: #ee3535; }

.bookings .inner h3 span.booking-status.unpaid { background-color: #ee3535; }


/* Content */
.list-box-listing-content {
	flex: 1;
	padding-left: 25px;
}

.list-box-listing-content .inner {
	position: relative;
	top: 14px;
/*	transform: translateY(-50%);*/
	vertical-align: top;
}

.list-box-listing-content .inner h3 {
	font-size: 18px;
	bottom: -2px;
	position: relative;
	font-weight: 500;
	margin: 0;
	line-height: 27px;
}

.list-box-listing-content .inner span {
	font-size: 15px;
	font-weight: 300;
	display: inline-block;
}


.list-box-listing-content .inner .numerical-rating,
.list-box-listing-content .inner .star-rating {
	margin: 5px 0 0 0;
	display: block;
}


/* Dashbaord Reviews
------------------------------------- */
.dashboard-list-box .comments.listing-reviews li {
	margin: 19px 0 10px 0;
}

.dashboard-list-box  a.rate-review {
    border: none;
    color: #666;
    background-color: #eee;
    padding: 4px 18px;
}

.dashboard-list-box  a.rate-review:hover {
    background-color: #26ae61;
    color: #fff;
}

.dashboard-list-box .comment-by-listing {
	display: inline-block;
	color: #888;
}

.dashboard-list-box .comment-by-listing.own-comment,
.dashboard-list-box .comment-by-listing.own-comment a { color: #444; }

.dashboard-list-box .comment-by-listing a { color: #888; }
.dashboard-list-box .comment-by-listing a:hover { color: #26ae61; }


/* Checkbox slide */
.add-listing-section label.switch {
	position: absolute;
	right: 40px;
	top: 30px;
	z-index: 100;
}

.add-listing-section {
	position: relative;
}

.add-listing-section .switcher-content {
	opacity: 0.4;
	pointer-events: none;
	transition: 0.4s;
}

.add-listing-section.switcher-on .switcher-content {
	opacity: 1;
	pointer-events: all;
}

label.switch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 30px;
	margin-top: 0;
	margin-bottom: 0px;
}

.switch input[type="checkbox"] {display:none;}
.switch input {display:none;}

.slider:not(.slider-horizontal) {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	border-radius: 50px;
	transition: 0.4s;
}

.slider:not(.slider-horizontal):before {
	position: absolute;
	content: "";
	height: 22px;
	width: 22px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	transition: 0.4s;
	border-radius: 50px;
}

input:checked + .slider {
	background-color: #26ae61;
}

input:checked + .slider:before {
	transform: translateX(30px);
}


/* ---------------------------------- */
/* Add Listing
------------------------------------- */
.add-listing-section {
	border-radius: 4px;
	background-color: #fff;
	box-shadow: 0 0 12px 0 rgba(0,0,0,0.06);
	padding: 0 40px 25px 40px;
}

.add-listing-headline {
	width: calc(100% + 80px);
	left: -40px;
	position: relative;
	padding: 30px 40px;
	margin: 0 0 30px 0;
	border-radius: 4px 4px 0 0;
	background-color: #fcfcfc;
	border-bottom: 1px solid #eaeaea;
}

.add-listing-headline h3 {
	padding: 0;
	margin: 0;
	line-height: 32px;
	font-size: 22px;
	position: relative;
	top: 1px;
}

#add-listing h5 {
	font-size: 15px;
	font-weight: 500;
	color: #333;
	margin-bottom: 17px;
}

#add-listing h5 span {
	color: #888;
	font-weight: 400;
}

#add-listing h5 i {
	padding-right: 4px;
}

.add-listing-headline i {
	padding-right: 7px;
	display: inline-block;
	position: relative;
	top: 1px;
}

.button.preview {
	margin-top: 40px;
	font-size: 18px;
	font-weight: 400;
	padding: 11px 26px;
	display: inline-block;
}

.button.preview i { padding: 0; margin: 0 0 0 4px;}

.add-listing-section .row.with-forms input,
.add-listing-section .row.with-forms input[type="text"],
.add-listing-section .row.with-forms input[type="password"],
.add-listing-section .row.with-forms input[type="email"],
.add-listing-section .row.with-forms input[type="number"],
.add-listing-section .row.with-forms textarea,
.add-listing-section .row.with-forms input,
.add-listing-section .row.with-forms select,
.add-listing-section .row.with-forms .chosen-container {
    margin-bottom: 22px;
}
.add-listing-section textarea { min-height: 200px; margin-bottom: 35px; }

#add-listing h5.fb-input { color: #3b5998; }
#add-listing h5.twitter-input { color: #1da1f2; }
#add-listing h5.gplus-input { color: #dd4b39; }


/* Tips */
.tip {
	font-style: normal;
	position: relative;
	top: -1px;
	left: 2px;
	display: inline-block;
	cursor: help;
	color: #fff;
	font-size: 11px;
	line-height: 0;
	width: 18px;
	height: 18px;
	background: #26ae61;
	display: inline-block;
	border-radius: 50%;
	color: #fff;
	text-align: center;
	padding: 0 !important;
	font-weight: 500;
}

.tip-content {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, calc(-100% - 20px));
	-ms-transform: translate(-50%, -100%);
	background: #333;
	color: #fff;
	padding: 13px 15px;
	min-width: 200px;
	max-width: 200px;
	font-size: 13px;
	border-radius: 4px;
	line-height: 19px;
    pointer-events: none;
    z-index: 999;
	text-align: center;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s;
}

.tip:hover .tip-content {
	opacity: 1;
	visibility: visible;
	transform: translate(-50%, calc(-100% - 13px));
	-ms-transform: translate(-50%, -115%);
}

.tip:after {
	font-family: "FontAwesome";
	content: "\f128";
	line-height: 19px;
	display: inline-block;
	position: relative;
	text-align: center;
	-moz-transform: translateY(-1px);
}

.tip-content:after {
	font-family: "FontAwesome";
	content:"\f0dd";
	position: absolute;
	bottom: 3px;
	left: 50%;
	font-size: 22px;
	color: #333;
	transform: translate(-50%,50%);
}

/* ---------------------------------- */
/* Opening Hours
------------------------------------- */
.opening-day { margin-bottom: 22px; }
.opening-day h5 { margin-top: 17px; transition: 0.15s; }
.opening-day:hover h5 { color: #26ae61 !important; }
.opening-day .chosen-container .chosen-results { max-height: 200px; }


/* ---------------------------------- */
/* Slots
------------------------------------- */
.add-listing-headline i.fa { top: -2px; }

.availability-slots {
	display: flex;
	flex-wrap: wrap;
	width: calc(100% + 30px);
}

.day-slots {
	margin: 0 25px 30px 0;
	flex: 0 0 calc(25% - 25px);
}

/* 24 hour clock type */
.availability-slots.twenty-four-clock i.am-pm,
.availability-slots.twenty-four-clock select.twelve-hr { display: none; }

/* Slot Headline */
.day-slot-headline {
	background-color: #26ae61;
	color: #fff;
	text-align: center;
	border-radius: 4px;
	padding: 7px 10px;
	position: relative;
	cursor: default;
	font-weight: 500;
}

/* No Slots */
.no-slots {
	background-color: #f0f0f0;
	border-radius: 4px;
	margin-top: 8px;
	padding: 10px;
	display: flex;
	cursor: default;
	text-align: center;
	width: 100%;
	display: block;
	font-size: 14px;
	font-weight: 500;
	transition: 0.4s;
	opacity: 1;
	max-height: 60px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 8px;
}


.no-slots,
.no-slots-fadeout {
	opacity: 0;
	max-height: 0;
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 0;
}


.no-slots.no-slots-fadein {
	opacity: 1;
	max-height: 60px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 8px;
	display: block;
}


/* Single Slot */
.single-slot {
	background-color: #f3f3f3;
	border-radius: 4px;
	margin-top: 8px;
	padding: 0;
	display: flex;
	cursor: move;
}

.single-slot.slot-animation {
	animation-name: slotFadeIn;
	animation-duration: 0.3s;
}

@keyframes slotFadeIn {
	0% { opacity: 0; max-height: 0; }
	100% { opacity: 1; max-height: 150px; }
}

.single-slot.cloned { display: none; }

.single-slot-left {
	flex: 1;
	padding: 12px 17px;
}

.single-slot-right { 
    flex: 0 0 auto;
    background-color: #eee;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 4px 4px 0;
    flex-direction: column;
    align-items: flex-start;
    padding: 0 17px;
}

.single-slot-right strong {
	display: flex;
	font-weight: 500;
	font-size: 14px;
	width: 100%;
	line-height: 20px;
	margin-bottom: 3px;
}

.single-slot-time {
	font-weight: 700;
	color: #666;
	line-height: 20px;
	font-size: 14px;
	margin-bottom: 4px;
}

.single-slot-time i.am-pm {
	font-style: normal;
}


/* Remove Button */
.remove-slot {
	background-color: #c8c8c8;
	color: #fff;
	border: none;
	border-radius: 4px;
	height: 19px;
	width: 19px;
	line-height: 17px;
	font-size: 11px;
	transition: 0.3s;
	font-weight: 500;
}

.remove-slot i {
	position: relative;
	left: -1px;
}

.remove-slot:hover {
	background-color: #ec2c2c;
}

/* Add Slot */
@keyframes shake {
	0%, 100% {transform: translateX(0);}
	10%, 30%, 50%, 70% {transform: translateX(-5px);}
	20%, 40%, 60% {transform: translateX(5px);}
}

.add-slot-shake-error {
	animation-name: shake;
	animation-duration: 0.6s;
}

.add-slot {
	display: flex;
	width: 100%;
	background-color: #333;
	border-radius: 4px;
	margin-top: 8px;
	padding: 8px;
}

.add-slot span {
	font-size: 14px;
	color: #aaa;
	padding: 0 8px;
	font-weight: 500;
	font-size: 12px;
	position: relative;
	top: 1px;
}

.add-slot-inputs {
	flex: 1;
	display: flex;
	padding: 0;
}

.add-slot-btn { flex: 0 0 1; }

.add-slot-btn button {
	outline: none;
	background-color: #fff;
	color: #333;
	border: none;
	border-radius: 4px;
	margin-left: 10px;
	font-size: 14px;
	font-weight: 500;
	height: 100%;
	padding: 0 15px;
	transition: 0.3s;
}

.add-slot-btn button:hover {
	background-color: #26ae61;
	color: #fff;
}

.add-slot-inputs select,
.add-slot-inputs input {
	background-color: #4a4a4a;
	border: none;
	padding: 0;
	height: 28px;
	line-height: 1;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	margin: 0;
	margin-right:0;
	text-align: center;
	cursor: pointer;
	border-radius: 4px;
	width: 100%;
	box-shadow: none;
}

input[type="time"]::-webkit-clear-button{
    display:none;
}

.add-slot-inputs select {
	margin-right: 0;
	border-radius: 0 4px 4px 0;
	padding-left: 8px;
	border-left: 1px solid rgba(255,255,255,0.1);
	width: auto;
	font-size: 13px;
	margin-left: -4px;
}
.add-slot-inputs select option {
	background-color: #333;
	outline: none;
	border: none;
	cursor: pointer;
}

.add-slot-inputs input::-webkit-outer-spin-button,
.add-slot-inputs input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; 
}

.add-slot-inputs input{ padding-right: 4px; }
.availability-slots.twenty-four-clock .add-slot-inputs input{
    padding-right: 0;
}

/* Plus Minus Buttons */
.plusminus {
  display: inline-block;
  position: relative;
  font-size: 0;
  overflow: hidden;
  border-radius: 0;
  width: 44px;
  height: 72px;
}

.plusminus button {
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  margin: 0;
  padding: 0;
  border: 0;
  background: #fff;
  color: #aaa;
  font-size: 10px;
  font-weight: 500;
  line-height: 1;
  font-family: FontAwesome;
  cursor: pointer;
  transition: 0.3s;
}

.plusminus button:focus {
	outline: none;
}

.plusminus button:hover {
	background-color: #333;
	color: #fff;
}

.plusminus button:disabled:hover {
  background: #bbb;
  color: #fff;
  cursor: default;
}

.plusminus button:first-child {
  bottom: 0;
}
.plusminus button:first-child:before {
  content: "\f068";
  line-height: 25px;
}
.plusminus button:last-child {
  top: 0;
}
.plusminus button:last-child:before {
  content: "\f067";
  line-height: 25px;
}

.plusminus input[type="number"] {
	position: absolute;
	width: 24px;
	height: 24px;
	top: 24px;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 13px;
	line-height: 24px;
	font-weight: 700;
	text-align: center;
}
.plusminus input[type="number"]::-webkit-outer-spin-button, 
.plusminus input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.plusminus.horiz {
	width: 74px;
	height: 24px;
}

.plusminus.horiz button:first-child {
	left: 0;
	border-radius: 4px;
}

.plusminus.horiz button:last-child {
	right: 0;
	border-radius: 4px;
	margin-left: 1px;
}

.plusminus.horiz:after {
	bottom: 0;
}

.plusminus.horiz input[type="number"] {
	position: absolute;
	top: 0;
	left: 25px;
	border-radius: 4px;
}


/* Slots Media Queries */
@media (max-width: 1920px) {
	.day-slots {
		flex: 0 0 calc(25% - 25px);
	}
}

@media (max-width: 1660px) {
	.day-slots {
		flex: 0 0 calc(33.3% - 25px);
	}
}

@media (max-width: 1366px) {
	.day-slots {
		flex: 0 0 calc(33.3% - 25px);
	}
}

@media (max-width: 1365px) {
	.day-slots {
		flex: 0 0 calc(50% - 25px);
	}
}

@media (max-width: 1040px) {
	.availability-slots {
		width: 100%;
	}
	.day-slots {
		flex: 0 0 100%;
		margin-right: 0;
		margin-bottom: 30px;
	}
}

@media (max-width: 768px) {
	.availability-slots {
		width: 100%;
	}
	.day-slots {
		flex: 0 0 100%;
		margin-right: 0;
		margin-bottom: 30px;
		flex-direction: column;
	}
	.add-slot-inputs input { width: 100%; }
	.add-slot-inputs span { opacity: 0; width: 5px; height: 10px; }
	.add-slot-inputs { width: 100%; }
	.add-slot { flex-direction: column; }
	.add-slot-btn button {
		width: 100%;
		margin-left: 0;
		margin-top: 8px; 
		background-color: rgba(255,255,255,0.15); 
		color: #fff;
		padding: 3px 0;
	}
}


/* ---------------------------------- */
/* Pricing
------------------------------------- */
#pricing-list-container {
	width: 100%;
	margin-top: 10px;
}

.pricing-list-item td {
	display: flex;
	width: 100%;
	margin-bottom: 5px;
}

.pricing-list-item td .fm-input,
.pricing-list-item td .fm-move,
.pricing-list-item td .fm-close {
	flex: 1;
	position: relative;
}

.pricing-list-item td .fm-move,
.pricing-list-item td .fm-close {
	max-width: 40px;
}

.pricing-list-item td .fm-move {
	cursor: move;
	line-height: 51px;
	color: #666;
	font-size: 17px;
}

.pricing-list-item td .fm-close { text-align: right; }

.pricing-list-item td .fm-close a {
	padding: 10px;
	padding-right: 0;
	color: #ea2828;
	display: inline-block;
}

.pricing-list-item td .fm-input { margin-right: 20px; }

.pricing-list-item td .fm-input.pricing-name { max-width: 350px; }

.pricing-list-item td .fm-input.pricing-price {
	max-width: 150px;
	margin-right: 0;
}

.pricing-submenu { display: block; padding-top: 20px; }
.pricing-submenu input { background-color: #fafafa; }
.pricing-submenu.pricing-list-item td .fm-input { margin-right: 0; }

#pricing-list-container tbody tr:first-child.pricing-list-item.pricing-submenu {
	padding-top: 0;
}


/* Data unit for price input */
.data-unit {
	position: absolute;
	top: 12px;
	right: 19px;
	font-style: normal;
	color: #aaa;
	z-index: 110;
	background-color: transparent;
	outline: 0;
	border: 0;
	padding: 0 0 0 10px;
	margin: 0;
	font-size: 13px;
	font-weight: 500;
	pointer-events:none;
	background-color: #fff;
}


/* Add pricing Menu Button */
.add-pricing-submenu.button:before,
.add-pricing-list-item.button:before { display: none; }

.add-pricing-submenu.button,
.add-pricing-list-item.button {
	margin-top: 15px;
	margin-bottom: 5px;
	background-color: #f0f0f0;
	color: #666;
	padding: 8px 22px;
	font-weight: 500;
}

.add-pricing-submenu.button:hover,
.add-pricing-list-item.button:hover {
	color: #fff;
	background-color: #26ae61;
}


/* ---------------------------------- */
/* Add Listing Form Out of Dashboard
------------------------------------- */
.separated-form .add-listing-section {
	border: 1px solid #eaeaea;
	box-shadow: 0 0 16px 0 rgba(0,0,0,0.04);
}

.separated-form .button.preview {
	padding: 14px 38px;
}

#titlebar i.sl { margin-right: 4px; }
.notification.notice.large h4 { font-weight: 500; }


/* ---------------------------------- */
/* Dashboard Grid
------------------------------------- */
.dashboard-header {
    position: fixed;
    width: 100%;
    z-index: 1001;
	box-shadow: 0 0 12px 0 rgba(0,0,0,.12);
}

.dashboard-header .container,
.dashboard-header .sixteen.columns {
	width: 100%;
}

.dashboard-header .sixteen.columns {
	padding: 0 20px;
}

.dashboard-header #navigation ul.float-right {
    right: 30px;
}

.dashboard-container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 768px) {
  .dashboard-container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .dashboard-container {
    width: 970px;
  }
}
@media (min-width: 1240px) {
  .dashboard-container {
    width: 1090px;
  }
}

@media (min-width: 1367px) {
  .dashboard-container {
    width: 1210px;
  }
}


.row {
  margin-left: -15px;
  margin-right: -15px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }

  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
}

@media (min-width: 1700px) {
  .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
    float: left;
  }
  .col-xl-12 {
    width: 100%;
  }
  .col-xl-11 {
    width: 91.66666667%;
  }
  .col-xl-10 {
    width: 83.33333333%;
  }
  .col-xl-9 {
    width: 75%;
  }
  .col-xl-8 {
    width: 66.66666667%;
  }
  .col-xl-7 {
    width: 58.33333333%;
  }
  .col-xl-6 {
    width: 50%;
  }
  .col-xl-5 {
    width: 41.66666667%;
  }
  .col-xl-4 {
    width: 33.33333333%;
  }
  .col-xl-3 {
    width: 25%;
  }
  .col-xl-2 {
    width: 16.66666667%;
  }
  .col-xl-1 {
    width: 8.33333333%;
  }
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}



/* Tablet Portrait size to standard 960 (devices and browsers) */
@media (max-width: 991px) {
	.dashboard-nav ul:first-child {
	    margin: 10px 0 0 0;
	}
	.main-search-container { height: 580px; }

	.main-search-input select,
	.main-search-input select:focus {
		font-size: 16px;
		border: 1px solid #e0e0e0;
		box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.08);
		background: #fff;
		height: 55px;
		padding: 12px 18px;
		border-radius: 4px;
	}

	/* Dashboard Nav */
	.dashboard-nav {
		min-width: 90%;
		max-width: 90%;
		margin: 0 5%;
		border-radius: 0 0 4px 4px;
		position: relative;
		min-height: auto;
		opacity: 1;
		visibility: hidden;
		max-height: 0;
		padding: 0;
		transition: all 0.3s;
	}

	.dashboard-nav.active ul,
	.dashboard-nav.active {
		opacity: 1;
		visibility: visible;
		max-height: 900px;
	}

	.dashboard-nav ul,
	.dashboard-nav.active ul li ul,
	.dashboard-nav ul li ul {
	    visibility: hidden;
	    opacity: 0;
	    max-height: 0;
	    transition: all 0.3s;
	}

	.dashboard-nav.active ul li.active-submenu ul {
	    visibility: visible;
	    opacity: 1;
	    max-height: 300px;
	}

	#header-container.fixed {
	    position: relative;
	    top: 0;
	    width: 100%;
	}

	.dashboard-content {
	    padding: 40px 5%;
	    padding-bottom: 0;
	    height: auto;
	    margin-left: 0px;
	}

	header.fullwidth.dashboard .container {  padding: 0 5%; }
	.main-search-inner { transform: translate(0, -51%); }

	/* Trigger */
	a.dashboard-responsive-nav-trigger {
		width: 90%;
		margin: 0 5%;
		margin-top: 40px;
		background-color: #333;
		border-radius: 5px;
		color: #fff;
		padding: 16px 30px;
		font-weight: 500;
		transition: 0.2s;
		display: block;
	}

	a.dashboard-responsive-nav-trigger i {
		margin-right: 5px;
	}

	a.dashboard-responsive-nav-trigger.active {
		border-radius: 4px 4px 0 0;
	}

	.messages-container-inner { display: block;}

	.messages-container-inner .messages-inbox {
	    max-width: 100%;
	    width: 100%;
	    border-right: none;
	    display: none;
	}

	/* Dashboard Nav - END */

}



.dashboard-content table.manage-table th {
    background-color: #333;
    color: #fff;
    border-right: 1px solid #555;
}

.dashboard-content table.manage-table th:last-child {
    border-right: none;
}

.clear-all-activities {
    display: inline-block;
    background-color: #f2f2f2;
    color: #888;
    padding: 6px 6px;
    line-height: 12px;
    border-radius: 4px;
    font-size: 13px;
    margin-bottom: -5px;
    position: absolute;
    top: 21px;
    right: 30px;
    transition: 0.3s;
}



.load_more_jobs:focus { color: #fff; }

body #dashboard table.manage-table tr:hover td, body #dashboard table.manage-table tr td {border: 1px solid transparent; }

/* Featured Jobs Widget FIX */
.widget ul.job_listings li.job_listing .image img.company_logo { padding: 0; border-radius: 4px; margin: 0 15px 0 20px; }

.widget ul.job_listings li.job_listing ul.meta { zoom: 0.9; }

.widget ul.job_listings li.job_listing .position h3 { padding: 0 20px 10px 20px; font-weight: 500}



/* Indeed Layout Fixes */
.indeed_job_listing a {
	flex-wrap: wrap;
	padding-left: 105px !important;
	border-radius: 3px !important; 
}
.indeed_job_listing .company_logo {
    height: 60px;
    width: 60px;
    margin: 0;
    padding: 0;
		position: absolute;
		left: 20px;
}

.indeed_job_listing .meta, .indeed_job_listing .location, .indeed_job_listing .position {
		margin-left: 0;
		width: 100%;
	
}

.resumes li.indeed_job_listing:nth-child(2n), .job_listings > li.indeed_job_listing:nth-child(2n), .job-list > li.indeed_job_listing:nth-child(2n) {
    background-color:transparent;
}

.job_listings li.indeed_job_listing, .job-list li.indeed_job_listing {
    margin: 20px 0px;
		padding: 0;
		border-radius: 4px;
}

.indeed_job_listing h3 { margin-bottom: 5px; }

.indeed_job_listing .company { margin-bottom: 5px;}



.indeed_job_listing .company .tagline { display: none; }
.indeed_job_listing .location:before {
	content: "\ea9c";
	font-family: "linearicons";
	font-size: 18px;
	margin-right: 3px;
}
.indeed_job_listing .company:before {
   	content: "\ea95";
	font-family: "linearicons";
	font-size: 18px;
	margin-right: 3px;
	top: 1px; 
	position: relative;
}

.indeed_job_listing ul.meta { margin-top: 10px; font-size: 12px;}

.indeed_job_listing ul.meta li { display: inline-block;}

.indeed_job_listing ul.meta li:first-child { margin-right: 0; }

.job_listings li.wp-job-manager-attribution-row {
    margin: 25px 0 0 0;
}

body .resume-spotlight.photo-square img, body .resumes .photo-square img { border-radius: 4px; }
@media (max-width: 767px) { 
body .resume-spotlight.photo-square img, body .resumes .photo-square img { border-radius: 0px; width: 64px; height: auto; display: inline-block !important; border-radius: 4px; margin: 27px 0px 10px 22px}
.resumes .resumes-content { padding: 20px 0 25px 0; }
}

body .woocommerce-checkout.processing button#place_order { opacity: 0.9; pointer-events: none; } 

body .woocommerce-checkout.processing button#place_order:after {
  border: 3px solid rgba(255, 255, 255, 0.25); 
  border-top: 3px solid #ffffff;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  animation: placeorderspin 2s linear infinite;
  content: "";
  display: inline-block;
  position: relative;
  top: 3px;
  margin-left: 10px;
  line-height: 0;
}

@keyframes placeorderspin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@media (min-width: 780px) {body.admin-bar .select2-dropdown { transform: translateY(32px); }}

.app-tabs .app-tab-content > p {
    display: none;
}

.job-application-meta dt { margin-bottom:10px;}

@media only screen and (max-width: 1024px) {
.app-content .info ul li { display: block; margin-bottom:5px;}
}

@media (max-width: 1360px) {table.manage-table th i { position: relative; left: 0; top: 0; margin-right: 2px; }
#job-manager-alerts td, #job-manager-alerts th { padding: 15px; }}


.job_filters a.reset {
    background: #ff3f3f1a;
    color: #d81818;
    max-width: 120px;
    display: inline-block;
    border-radius: 3px !important;
}

.job_filters a.rss_link { display: none; }

@media (min-width: 400px) and (max-width: 1099px) { .new-header #logo_nh { max-width: 50%; }}


body .single-job-view-actions a.remove-bookmark {
    display: inline-block;
    background: #212121;
    padding: 5px 15px;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    border-radius: 4px;
    margin-top: 0;
    transition: 0.2s;
    box-shadow: none;
    margin-right: 10px;
}

@media (max-width: 992px) {.company-info-apply-btn .job_application.application { width: 100%; }}
/*--------------------------------------------------------------
# Company Profile Add-On
--------------------------------------------------------------*/

.company-contact-details {
    background: #f7f7f7;
    border-radius: 5px;
    display: flex;
    padding: 40px;
    background-color: #fff;
    box-shadow: 0 0 16px rgb(0 0 0 / 10%);
    margin: 60px 10px 40px 10px;
}

.company-contact-details .company-data {
    display: flex;
    align-items: center;
}

.company-contact-details .company-logo {
   margin-right: 30px;
}

.company-contact-details .company-logo img {
    border-radius: 5px;
    max-width: 120px;
    width: 120px;
/*     box-shadow: 0 4px 12px rgb(0 0 0 / 6%); */
}

.company-info-boxed .company-info span.minimum_votes_req,
.company-contact-details .minimum_votes_req {
    font-size: 13px;
    font-weight: 500;
    margin: 10px 0;
    padding: 5px 10px;
    color: #777;
    border: 1px solid #e0e0e0;
    background: #fff;
    display: inline-block;
}

.company-contact-details .minimum_votes_req { 
        margin-bottom: 18px;
        margin-top: 5px;
}

body .company-info-boxed .company-info span {
    display: inline-block;
}

body.single-company #wrapper {
    background: linear-gradient(to bottom, #f6f6f6 0%, rgba(255,255,255,0.5) 350px);
}

body.single-company .grid-layout .job-listing-details {
    padding: 22px 30px 25px 30px;
}

body.single-company .job-listing.grid h4.job-listing-company { display: none; }
body.single-company .comments-amount {
    font-weight: 400;
}

.mas-company-jobs__title {
    margin: 0 0 20px 0;
    font-size: 20px;
}

.company-contact-details .stars-rating {
    color: #ffc107;
    margin: 5px 0 15px 0;
    display: block;
}



.company-info-boxed .wp-job-manager-star-listing-star-rating {
    margin-top: 7px;
    margin-bottom: 5px;
}
.company-info-boxed .wp-job-manager-star-listing-star-rating span {
    margin: 0;
    color: #ffc107;
    width: 20px;
    height: 20px;
    font-size: 20px !important;;
    display: inline-block;
}




body.single-company .widget h4 { margin-bottom: 22px; }

body.single-company .job-overview,
body.single-company .comment-content { background: #f9f9f9; }

p.company-data__content--list-item {
    margin: 0;
    color: #777;
    font-size: 15px;
    margin-bottom: 8px;
    line-height: 24px;
    margin-top: -10px;
    font-weight: 400;
}

.company-info p.company-data__content--list-item {
    margin-top: 1px;
    margin-bottom: 0;
}

.mas-wpjmcr-list-reviews .dashicons-star-empty { color: #bbb; }
@media (max-width: 992px) {
    .mas-wpjmcr-list-reviews { flex-direction: column; }
 body.single-company .mas-wpjmcr-list-reviews .stars-rating { margin: 5px 0; border-right: none !important; }   
}

.company-features {
 border: 1px solid #e0e0e0;
 border-radius: 4px;
 margin-top: 30px;
 padding: 20px;   
}

.company-description {
    display: block;
    margin-top: 30px;
}

h1.company-title {
    font-size: 23px;
    font-weight: 500;
    margin-bottom: 10px;
    line-height: 36px;
}

.company-features__inner {
    display: flex;
    flex-wrap: wrap;
}

.company-feature {
    display: flex;
    flex-direction: column;
    flex: 0 0 25%;
    padding: 10px 15px;
}

.company-feature .company-feature__title{
	font-weight: 500;
	color: #333;
}

body.single-company .comments {
    margin-top: 0px;   
}


body.single-company .mas-company-jobs { margin-bottom: 20px; }
body.single-company .comments .comment-by {
    padding-bottom: 0;
}

body.single-company .comments .comment-by strong {
    font-size: 14px;
    color: #333;
    
}

body.single-company .comments .comment-by span {
    font-size: 14px;
    font-weight: 400;
    margin: 5px 0 0 0;
}


body.single-company .comment-by a.comment-reply-link { display: none; pointer-events: none; }


body.single-company .comment-list img.avatar, div.avatar,
body.single-company .comment-content { border-radius: 4px; }

.comment-list img.avatar {
	max-width: 70px;
}
h4.mas-wpjmcr-title { font-size: 16px !important; color: #333; font-weight: 500; margin-top: 0 !important; margin-bottom: 0 !important;}

body.single-company .comment-content p { font-size: 14px; }



body.single-company .mas-wpjmcr-list-reviews,
body.single-company #mas-wpjmcr-submit-ratings .star-rating, 
body.single-company .mas-wpjmcr-list-reviews .star-rating {
    float: none;
    text-align: left;
    max-height: 100%;
}

body.single-company .mas-wpjmcr-list-reviews {
    display: inline-flex;
    background: #fff;
    flex-wrap: wrap;
    box-shadow: 0 0 7px rgb(0 0 0 / 5%);
    border-radius: 4px;
    padding: 16px 5px;
    margin-top: 15px;
    margin-bottom: 10px;
}



body.single-company .mas-wpjmcr-list-reviews .stars-rating {
    padding: 0 20px;
    display: inline-block;
    border-right: 1px solid #e4e4e4;
}
body.single-company .mas-wpjmcr-list-reviews .stars-rating:last-child {
border: none; }

.mas-wpjmcr-list-reviews .star-rating-title {
    line-height: 24px;
    font-size: 14px;
    font-weight: 500;
    color: #818181;
    margin-bottom: 2px;
}


#mas-wpjmcr-submit-ratings .star-rating .dashicons,
.mas-wpjmcr-list-reviews .star-rating .dashicons {
    font-size: 18px;
    width: 18px;
}

body.single-company .comments ul li { margin-left: 0; }
body.single-company .comment-list img.avatar { display: none; }
body.single-resume .comment-form,
body.single-company .comment-form {
    margin-top: 20px;
    padding: 30px;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    margin-bottom: 40px;    
}
body.single-resume .comment-form:empty {
	display: none;
}

body.single-company #respond input { width: auto; }
.sub-ratings-container,
#respond .star-ratings.ratings.list-inline {
    display: inline-flex;
    flex-direction: row;
    background: #f8f8f8;
    padding: 18px 5px;
    border-radius: 4px;
}
.sub-ratings-container {
	margin-bottom: 30px;
}

@media (max-width: 1220px) {
	.sub-ratings-container,
     #respond .star-ratings.ratings.list-inline {
         flex-direction: column;
         width: 100%;
     }
		 .sub-ratings-container,
    #respond #mas-wpjmcr-submit-ratings .rating-row {
         margin: 8px 0;
         border-right: none !important;
    }
   
}
.sub-ratings-container {
flex-wrap: wrap;
padding: 12px 5px;
width: 100%;
}
.add-sub-rating,
#respond #mas-wpjmcr-submit-ratings .rating-row {
    padding: 0 20px;
    border-right: 1px solid #e0e0e0;
}

.mas-company-jobs .job-listing-company-logo {
    display: none;    
}

body.single-company  .logged-in-as { display: none; }

#mas-wpjmcr-review-title,
#mas-wpjmcr-submit-gallery {
    margin-bottom: 25px;
    display: block;
}

.mas-wpjmcr-gallery-input { display: block; }

body.single-company #respond #mas-wpjmcr-title-input { width: 100%; }
 
#respond #mas-wpjmcr-submit-ratings .rating-row:last-child {
    border-right: none;
}
      
#mas-wpjmcr-submit-ratings label {
     font-size: 14px;
     font-weight: 500;
     color: #333;
     margin-bottom: 2px;
}


.company-data__content--list._company_tagline span {
    font-size: 13px;
    font-weight: 500;
    background-color: #f6f6f6;
    margin-right: 5px;
    border-radius: 4px;
    color: #777;
    line-height: 18px;
    margin-bottom: 1px;
    
}

.company-data__content--list._company_tagline a {
    color: #777;
    padding: 5px 7px;
    display: inline-block;
    font-weight: 400;
}

.company-info-boxed-links span,
.company-data__content--list._company_tagline span { 
    transition: 0.2s; 
    display: inline-block;
}

@media(max-width: 1300px) {
body .company-info-boxed-links span,
.company-data__content--list._company_tagline span { 
    margin-bottom: 4px;
}
  
}

.company-info-boxed-links span:hover a,
.company-data__content--list._company_tagline span:hover {
    background: #26ae611c;
}
body .company-info-boxed-links span:hover a,
.company-data__content--list._company_tagline span:hover a {
    color: #26ae61
}

@media(max-width: 1200px) {
    .company-contact-details .company-logo img { max-width: 100px; }
}

@media(max-width: 768px) {
    .company-contact-details .company-logo img { max-width: 80px; margin-bottom: 20px;}
    .company-contact-details .company-data {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    }
.company-contact-details { margin-left: 0; margin-right: 0; }
}



.company-feature {
	position: relative; 
	padding-left: 70px;
}

.company-feature:before {
    content: "";
    font-family: "linearicons";
    height: 40px;
    width: 40px;
    line-height: 40px;
    font-size: 18px;
    text-align: center;
    background: #26ae611f;
    border-radius: 4px;
    color: #26ae61;
    position: absolute;
    left: 15px;
    top: 14px;
}

#company-feature-company_since.company-feature:before {
    content: "\e770";
}

body.single-company .job-overview ul li i { font-size: 18px; line-height: 40px; }

#company-feature-company_strength.company-feature:before { content: "\e770"; }
#company-feature-company_category.company-feature:before { content: "\e6fe"; }
#company-feature-company_revenue.company-feature:before { content: "\eac6"; }
#company-feature-company_average_salary.company-feature:before { content: "\eac6"; }

body.single-company .comment-respond { margin-top: 0; }

/* Companies Page */
.wpjmc-companies {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0px;
    width: calc(100% + 30px);
    list-style: none;
    padding: 0;
    margin-left: 0 !important;
}


body ul.wpjmc-companies li:not(#company-meta li) {
    margin: 0 30px 30px 0;
    flex-grow: 0;
    text-align: left;
    padding: 0;
    transition: 0.3s;
    list-style: none;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    box-shadow: none;
    color: #777;
}

body ul.wpjmc-companies li .company-inner {
    display: flex; 
    align-items: center;
}


.select2-selection__clear { display: none; }
body ul.wpjmc-companies li {    width: calc(100% - 30px);}


@media (max-width: 620px) {
body ul.wpjmc-companies li {    width: calc(100%);}
}
body ul.wpjmc-companies li a {
    padding: 30px;
    width: 100%;
    background-color: #fff;
    border-radius: 4px;
/*     box-shadow: 0 2px 10px rgba(0,0,0,0.1); */
    border: 1px solid #e0e0e0;
    transition: 0.3s;
}

body ul.wpjmc-companies li a:hover {
    box-shadow: 0 0 16px rgb(0 0 0 / 6%)
}

.minimum_votes_req{
    background: #f0f0f0;
    color: #888;
    padding: 5px 7px;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    border-radius: 4px;
    margin-top: 3px;
    line-height: 20px;
}

.comment-reply-login { display: none; }

.must-log-in {
    padding: 20px;
    border-radius: 4px;
    border: 1px solid #e0e0e0;
    margin: 10px 0 20px 0;    
}
body ul.wpjmc-companies .company-logo {
    min-width: 175px;
    max-width: 175px;
    width: 175px;
    text-align: center;
    display: inline-block;
    border-right: 1px solid #e0e0e0;
    margin-right: 30px;
}

body ul.wpjmc-companies li .company-data_tagline {
    font-size: 14px;
    color: #777;
    display: block;
    margin-top: -3px;
    margin-bottom: 13px;
}

body ul.wpjmc-companies #company-meta {
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    text-align: left;
    list-style: none;
    color: #888;
    font-size: 14px;
    margin-top: 17px;
}

body ul.wpjmc-companies #company-meta li {
    margin: 3px 0;
    line-height: 20px;
    padding: 0;
}

body ul.wpjmc-companies .company-list-excerpt {
     color: #888;
     line-height: 26px;
     font-size: 14px;
     margin: 18px 0 0 0;
}

.company-list-rating {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    border-radius: 4px;
    color: #888;
    font-size: 13px;
    line-height: 20px;
}

.company-contact-details .company-list-rating {
    margin-bottom: 20px;
    margin-top: 0;
    padding: 0;
    border: none;
    background: transparent;  
}

.company-list-rating b {
    color: #333;
    font-weight: 500;
    margin: 0 5px;
}

.company-contact-details .company-list-rating .stars-rating,
.company-list-rating .stars-rating {
    margin: 0 3px 0 0;
    zoom: 0.95;
    height: 19px;
}

body ul.wpjmc-companies .company-list-excerpt p {
    margin: 0;
    font-size: 14px;
    line-height: 24px;
}

body ul.wpjmc-companies #company-meta #company-meta-location,
body ul.wpjmc-companies #company-meta .company-meta-company_strength,
body ul.wpjmc-companies #company-meta .company-meta-company_size,
body ul.wpjmc-companies #company-meta .company-meta-company_average_salary {
    position: relative;
    padding-left: 28px;
}

body ul.wpjmc-companies #company-meta #company-meta-location:before,
body ul.wpjmc-companies #company-meta .company-meta-company_strength:before,
body ul.wpjmc-companies #company-meta .company-meta-company_average_salary:before {
    font-family: "Material-Icons";
    position: absolute;
    left: 0;
    top: 0;
    font-size: 18px;
    color: #a0a0a0;
}


body ul.wpjmc-companies #company-meta #company-meta-location:before {
    content: "\e964";
    top: -1px;
}

body ul.wpjmc-companies #company-meta .company-meta-company_strength:before {
    content: "\e989";
}

body ul.wpjmc-companies #company-meta .company-meta-company_average_salary:before {
    content: "\e960";
}

body ul.wpjmc-companies .company-logo img {
     width: 80px;  
     border-radius: 4px; 
}

body ul.wpjmc-companies .company-excerpt { display: none; }


body ul.wpjmc-companies h3.company-title {
    color: #333;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    margin: 7px 0 5px 0;
    
}


@media (max-width: 500px) {
    body ul.wpjmc-companies li .company-inner {
        display: flex;
        align-items: start;
        flex-direction: column;
    }
    body ul.wpjmc-companies .company-logo {
    min-width: 100%;
    max-width: 100%;
    width: 100%;
    text-align: center;
    display: inline-block;
    border-right: none;
    margin-right: 0;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 15px;
    margin-bottom: 10px; 
    }
}


.single-company .job-listing.grid .job-listing-footer ul  .job-listing-footer-company { display: none; }

.single-company #respond #reply-title { display: block; font-size: 20px; }

body.single-company .comment-list { margin-bottom: 40px; }


#company-background {
    width: 100%;
    height: 420px;
    position: absolute;
    top: 0;
    width: 100%;
    height: 450px;
    position: absolute;
    top: 0;
    background-size: cover !important;
    background-position: 50% !important;
}

#company-background:before {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    top: 0;   
    background: linear-gradient(to bottom, transparent 20%, rgba(255,255,255,0.8) 70%, rgba(255,255,255,1) 85%);
}

#company_content {
    margin: 15px 0 35px 0
}

body.company-page .padding-right h3 { font-size: 20px; }


.dashboard-list-box-content .company-title img { border-radius: 4px; max-width: 80px; }
.dashboard-list-box-content .company-title a { 
    color: #555;
    font-weight: 500;
    font-size: 13px;
    margin-top: 10px;
    background: #f0f0f0;
    border-radius: 4px;
    display: inline-block;
    padding: 3px 8px;
}


.page-template-template-dashboard .select2-selection__clear { display: none; }

@media (min-width: 992px) {
    .page-template-template-dashboard .dashboard-list-box .submit-page  {
        display: flex;
        justify-content: flex-start; 
}
.page-template-template-dashboard .dashboard-list-box .submit-page .form,
.page-template-template-dashboard .dashboard-list-box .submit-page fieldset {
    width: 50%;
}
}

/* Dashboard Box
------------------------------------- */
.dashboard-box {
	display: block;
	border-radius: 4px;
	background-color: #fff;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
	margin-top: 30px;
	position: relative;
}

.dashboard-box .headline {
	display: block;
	padding: 20px 30px;
	border-bottom: 1px solid #e4e4e4;
	position: relative;
}

.dashboard-box .headline h3 {
	font-size: 16px;
	font-weight: 600;
	color: #333;
	line-height: 26px;
}

.dashboard-box .headline h3 i {
	color: #66676b;
	font-size: 21px;
	line-height: 0;
	position: relative;
	top: 2px;
	margin-right: 4px;
}

/* Pixel Perfect Adjustment */
.dashboard-box .headline h3 i.icon-material-outline-gavel {
	font-size: 20px;
}

.dashboard-box .headline h3 i.icon-material-outline-supervisor-account {
	font-size: 24px;
	top: 3px;
}

.dashboard-box .headline h3 i.icon-feather-folder-plus {
	font-size: 20px;
	top: 2px;
	margin-right: 5px;
}

.button.big i.icon-feather-plus {
	font-size: 20px;
	top: 2px;
	margin-left: -4px;
	margin-right: 5px;
}

/* Pixel Perfect Adjustment - End */

.dashboard-box .content.with-padding {
	padding: 30px;
}

.dashboard-box .chart {
	padding: 30px 20px 17px 18px;
}

.dashboard-box .headline .sort-by {
	float: none;
	display: inline-block;
	position: absolute;
	top: calc(50% + 3px);
	transform: translateY(-50%);
	right: 30px;
	z-index: 100;
	height: 33px;
}

.dashboard-box .headline .bootstrap-select.btn-group .dropdown-toggle .filter-option {
	font-weight: 500;
	color: #666;
}

.page-template-template-dashboard .field.ui-sortable fieldset,
/* body .form .fieldset-resume_file,
body.page-template-template-dashboard .form.with-line.fieldset-candidate_experience,
body.page-template-template-dashboard .form.with-line.fieldset-candidate_education,
body.page-template-template-dashboard .form.with-line.fieldset-links, */
body.page-template-template-dashboard .form.fieldset-resume_skills,
body.page-template-template-dashboard .form.fieldset-resume_content,
body.page-template-template-dashboard .form.fieldset-gallery,
body.page-template-template-dashboard .form.fieldset-header_image,
body.page-template-template-dashboard .form.fieldset-job_description,
/* body.page-template-template-dashboard .form.fieldset-company_location.fieldset-type-text, */
body.page-template-template-dashboard .form.fieldset-header_image.fieldset-type-file,
body.page-template-template-dashboard .form.fieldset-company_content.fieldset-type-wp-editor,
body.page-template-template-dashboard .form.fieldset-company_excerpt.fieldset-type-textarea,
body.page-template-template-dashboard .form.fieldset-company_logo.fieldset-type-file,
body.page-template-template-dashboard .form.fieldset-job_title,
.form.fieldset-company_name.fieldset-type-text {
    width: 100% !important;
}

body.page-template-template-dashboard .form.fieldset-job_title input,
.form.fieldset-company_name.fieldset-type-text input {
    font-size: 16px;
    padding: 20px 15px;
}


progress {
  -webkit-appearance: none;
  border-radius: 4px;
  overflow: hidden;
}

::-webkit-progress-bar {
  background-color: #e8e8e8;
}

.field.ui-sortable {
    border: 1px solid #e0e0e0;
    padding: 20px 20px 10px 20px;
    border-radius: 4px;
}

.resume-manager-add-row { border-radius: 4px; }
.resume-manager-add-row:hover { background-color: #e7e7e7; }

.dashboard-content-container .submit-page .form.fieldset-resume_file,
.dashboard-content-container .submit-page .form.with-line { border-top: none; padding-top:0; }

.company_preview_title .button[name="edit_company"],
.job_listing_preview_title .button[name="edit_resume"],
.button.job-manager-button-edit-listing {
	background-color: #e4e4e4;
	color: #333;
}

#company_preview .container { width: 100%; }


.form.fieldset-company_logo .field,
.form.fieldset-header_image .field,
.form.fieldset-header_image.fieldset-type-file .field,
.form.fieldset-company_logo.fieldset-type-file .field,
.form.fieldset-candidate_photo .field,
.form.fieldset-resume_file .field {
    border: 1px solid #e0e0e0;
    padding: 20px;
    border-radius: 4px;  
    display: inline-block;
    width: 100%;
}

.field.ui-sortable fieldset label {
	font-size: 13px;
	font-weight: 500;
}

/* Stars Mod */
.single-company #commentform .dashicons-star-empty,
.single-company #commentform .dashicons-star-half,
.single-company #commentform .dashicons-star-filled {
    width: 22px;
    margin: 0;
    text-align: left;
}

.dashicons-star-empty,
.dashicons-star-half,
.dashicons-star-filled {
    font-family: "FontAwesome";
    margin-right: 2px;
    position: relative;
    float: left;
    color: #ffc107;
}

.company-contact-details .stars-rating {
    height: 24px;
}

#mas-wpjmcr-submit-ratings .choose-rating .star.active::before, #mas-wpjmcr-submit-ratings .choose-rating .star.active~.star::before, #mas-wpjmcr-submit-ratings .choose-rating .star:hover::before, #mas-wpjmcr-submit-ratings .choose-rating .star:hover~.star::before,
.dashicons-star-empty:before,
.dashicons-star-half:before,
.dashicons-star-half:after,
.dashicons-star-filled:before {
    content: "\f005";
}

.dashicons-star-half:before,
.dashicons-star-empty:before { color: #ddd; }

.dashicons-star-half:after {
	color: #ffc107;
	position: absolute;
	left: 0;
	width: 50%;
	overflow: hidden;
}

#mas-wpjmcr-submit-ratings .choose-rating {
flex-direction: row; }

.single-company #commentform .dashicons-star-half:before,
.single-company #commentform .dashicons-star-empty:before { color: #dadada; }

#mas-wpjmcr-submit-ratings .choose-rating .star.active::before, 
#mas-wpjmcr-submit-ratings .choose-rating .star.active~.star::before, #mas-wpjmcr-submit-ratings .choose-rating .star:hover::before, 
#mas-wpjmcr-submit-ratings .choose-rating .star:hover~.star::before {	color: #ffc107; }

.mas-wpjmc-search .widget.job-widget-regions input{
    width: 100%;
    background: #26ae6126;
    color: #26ae61;
}
.mas-wpjmc-search .widget.job-widget-regions input:hover {
    background: #26ae61;
    color: #fff;
}

/* Bigger Submit Buttons */
.send-btn-border input[type="submit"] {
    font-size: 16px;
    padding: 16px 24px;
    border-radius: 4px;
    margin-bottom: 15px;
}

.form.fieldset-company_id { width: 100% !important; }
.form.fieldset-company_id label { display: none }
.form.fieldset-company_id .field { margin: 10px 0 5px 0; }

.dashboard-content-container .dashboard-list-box .button.add-company-btn {
    padding: 14px 16px;
    font-size: 14px;
    margin: 0 0 30px 10px;
}

.job-fields-submit-form.no-company-yet .submit-page{
	opacity: 0.5;
	pointer-events: none;
}

.company-fields-submit-form .notification {
    width: 100%;
    margin: -5px 10px 15px 10px;
}



.company-fields-submit-form .notification a {
   font-weight: 500;
   display: inline-block;
   background-color: #459bc6 !important;
   border-radius: 4px;
   color: #fff !important;
   padding: 0 10px;
   margin-left: 5px;
}
body #dashboard table.manage-table tr td,
body #dashboard table.manage-table tr, 
body #dashboard table.manage-table tr:last-of-type td {
    border: none !important;
}

table.manage-table tr:nth-child(2n+2) { background: #f9f9f9; }
body #dashboard table.manage-table tr td:before {
     display: none !important;   
}
table.manage-table tr:hover td { background-color: inherit !important; }


#submit-job-form { 
    display: flex;
    flex-direction: column; 
}

.company-fields-submit-form { order: 1; margin-top: 0 !important; margin-bottom: 10px !Important; }
.job-fields-submit-form { order: 2; }
#submit-job-form .send-btn-border { order: 3; }

.page-template-template-dashboard .send-btn-border { border-top: none; }

dl.resume-table.resume-manager-education { margin-bottom: 30px; }

.candidate-video  {
    position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
	margin-bottom: 30px;
}
.candidate-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ajax-job-view-links span {
    display: inline-block !important;
    margin-top: 4px;
}

/* body #dashboard table.manage-table tr {
    position: relative;
    
}
body #dashboard table.manage-table tr:before {
    content: "";
    position: absolute;
    left: 0;
    height: 100%;
    width: 2px;
    background-color: #26ae61;
    opacity: 0;
    z-index: 10;
    transition: 0.2s;
}
body #dashboard table.manage-table tr:hover:before {
    opacity: 1;
} */

#respond .star-ratings.ratings.list-inline {
	flex-wrap: wrap; padding: 12px 5px;
	width: 100%;
}
 
body.single-company .mas-wpjmcr-list-reviews { width: 100%; }
 
@media (min-width: 1100px) {
	#respond #mas-wpjmcr-submit-ratings .rating-row,
	.add-sub-rating,
	body.single-company .mas-wpjmcr-list-reviews .stars-rating {
    flex: 0 0 33%;
    width: 33%;
	margin: 6px 0;
}
 .add-sub-rating:nth-child(3n),
	#respond #mas-wpjmcr-submit-ratings .rating-row:nth-child(3n),
body.single-company .mas-wpjmcr-list-reviews .stars-rating:nth-child(3n) { border-right: 0;}
}
 
@media (max-width: 1100px) {
.add-sub-rating,
	#respond #mas-wpjmcr-submit-ratings .rating-row,
body.single-company .mas-wpjmcr-list-reviews .stars-rating {
    flex: 0 0 50%;
    width: 50%;
	margin: 6px 0;
}
	body.single-company .mas-wpjmcr-list-reviews { width: 100%; }
 .add-sub-rating,
	#respond #mas-wpjmcr-submit-ratings .rating-row,
body.single-company .mas-wpjmcr-list-reviews .stars-rating { border-right: 0;}
}

 
@media (max-width: 1099px) {
	.add-sub-rating,
	#respond #mas-wpjmcr-submit-ratings .rating-row,
body.single-company .mas-wpjmcr-list-reviews .stars-rating {
    flex: 0 0 50%;
    width: 50%;
    margin: 6px 0;
}
 
	body.single-company .mas-wpjmcr-list-reviews { width: 100%; }
 .add-sub-rating,
	#respond #mas-wpjmcr-submit-ratings .rating-row,
body.single-company .mas-wpjmcr-list-reviews .stars-rating { border-right: 0;}

}




.job_filters_links { display: none; }

.ui-menu li:last-child {
    border-bottom: 1px solid #e0e0e0;
}



@media (max-width: 992px) {
.intro-banner {
    padding: 30px 15px !important;
	}
}
@media (max-width: 992px) {
.intro-banner .intro-banner-search-form .input-with-icon i {
    left: initial;
}
	.intro-banner .intro-banner-search-form .input-with-icon input {
    padding-left: 20px;
}
	
}

.intro-banner #leaflet-geocode-cont {
    z-index: 9999;
}


dl.resume-table.resume-manager-education { margin-bottom: 30px; }

.candidate-video  {
    position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
	margin-bottom: 30px;
}
.candidate-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


.full-page-job-listings-container .load_more_jobs button { margin-bottom: 40px; }


.intro-banner .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-weight: 400;
    font-size: 15.5px;
}


.load_more_resumes.loading:before {
	content: "\f021";
	margin-right: 8px;
	font-family: "Font Awesome 5 Free";
	color: #fff;
	display: inline-block;
	animation-name: icospin;
	animation-duration: 1200ms;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	font-size: 13px;
}

@keyframes icospin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}
#workscout_user_email { max-height: 52px; }

.wpb-js-composer .search-banner-placeholder { display: none !important; }    

@media (max-width: 992px) {
  .boxed-wide .boxed-search-container { width: 100%;}
}
rs-module-wrap {
	left: 0 !important;
}

/* ------------------ New Mobile Menu ------------------ */
body.mobile-nav-open {
	overflow: hidden;
}

.mobile-navigation-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #222;
	z-index: 100001;
	opacity: 0;
	transition: 0.4s;
	visibility: hidden;
	pointer-events: none;
	transform: translateX(-100%);
	overflow-y: auto;
}

.mobile-nav-open .mobile-navigation-wrapper {
	opacity: 1;
	transform: translateX(0%);
	visibility: visible;
	pointer-events: all;
}

.mobile-navigation {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	visibility: hidden;
	list-style-type: none;
	margin: 0;
	padding: 0;
	z-index: 99999;
}

.mobile-nav-open .mobile-navigation {
	visibility: visible;
}

.menu-logo a img {
	max-height: 32px;
}


.mobile-navigation-list {
	margin: 25px;
	box-sizing: content-box;
	overflow: hidden;
}

.mobile-nav-widgets {
	padding: 25px;
	padding-top: 0;
}

.mobile-nav-widgets {
	padding: 25px 30px;
	padding-top: 0;
	color: #aaa;
	display: block;
}


.mobile-nav-widgets h4,
.mobile-nav-widgets h5 {
	color: #fff;
	font-size: 18px;
	font-weight: 500;
	margin: 0 0 8px 0;
}

.mobile-nav-widgets a:hover {
	color: #fff;
}

.mobile-menu-widget {
	margin: 30px 0;
}

.mobile-menu-widget:first-child {
	border-top: 1px solid #444;
	padding-top: 35px;
}

.mobile-navigation-list li a {
	color: #aaa;
	display: block;
	padding: 8px 0;
	transition: 0.3s;
	position: relative;
	font-size: 16px;
	font-weight: 500;
}


.mobile-navigation-list .menu-item-has-children>a:before {
    font-size: 20px;
    position: absolute;
    right: 8px;
    top: 10px;
    font-weight: 500;
    content: "\f105";
    font-family: "FontAwesome";
}

.mobile-navigation-list li a:hover {
	color: #fff;
}

.mobile-navigation-list ul {
	list-style: none;
	padding: 0;
	margin: 0;
}


/* Menu Toggle Icon */

.menu-icon-toggle {
	display: block;
	width: 41px;
	height: 41px;
	z-index: 9;
	position: absolute;
	right: 22px;
	top: 15px;
	background: rgb(255 255 255 / 8%);
	border-radius: 4px;
	padding: 10px;
}

.menu-icon-toggle span {
	display: block;
	width: 100%;
	height: 2px;
	position: absolute;
	top: 50%;
	background-color: #fff;
	transform: translate(0, -50%);
	transition: opacity 0.3s 0.3s;
}

.menu-icon-toggle::before,
.menu-icon-toggle::after {
	content: "";
	display: block;
	width: 50%;
	height: 2px;
	position: absolute;
	background-color: #fff;
	transition: transform 0.3s, top 0.3s 0.3s, bottom 0.3s 0.3s;
}

.menu-icon-toggle::before {
	top: 6px;
}

.menu-icon-toggle::after {
	bottom: 6px;
}

.menu-icon-toggle span {
	opacity: 0;
	transition: opacity 0.3s;
}

.menu-icon-toggle::before,
.open .menu-icon-toggle::after {
	background-color: #fff;
}

.menu-icon-toggle::before {
	top: calc(50% - 1px);
	transform: rotate(45deg);
}

.menu-icon-toggle::after {
	bottom: calc(50% - 1px);
	transform: rotate(-45deg);
}

.menu-icon-toggle::before,
.open .menu-icon-toggle::after {
	transition: top 0.3s, bottom 0.3s, transform 0.3s 0.3s;
}

.mobile-nav-header {
	background: #1b1b1b;
	width: 100%;
	height: 70px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 0 25px;
}

.menu-inner-wrapper {
	width: 100%;
	min-width: 100%;
	margin: 0 auto;
	top: 0;
	left: 0;
	right: 0;
	overflow: hidden;
	height: 100%;
}

#mobile-nav {
	position: relative;
	left: 0;
	top: 0;
	z-index: 1;
	transition: all 1s ease;
}

#mobile-nav li a {
	display: block;
	padding: 10px;
	font-weight: 400;
	font-size: 15px;
}


/* hide submenu */
#mobile-nav .sub-menu {
	position: absolute;
	left: 100%;
	top: 0;
	width: 100%;
	visibility: hidden;
	transition: all .3s ease;
	background: #222;
	pointer-events: none;
	opacity: 0;
}

#mobile-nav .open-submenu>.sub-menu {
	left: 0;
	top: 0;
	visibility:
		visible;
	transition:
		all .5s ease;
	pointer-events: all;
	opacity: 1;
	z-index: 2;
	background: #222;
}

#mobile-nav .open-submenu>.sub-menu>.sb-menu {
	left: 0;
	top: 0;
	visibility: visible;
	transition: all .5s ease;
	pointer-events: all;
	opacity: 1;
	z-index: 2;
}


#mobile-nav .sub-menu-back-btn {
	background: rgb(0 0 0 / 25%);
	border-radius: 4px;
	cursor: pointer;
	margin-bottom: 8px;
	padding: 10px 10px 10px 32px;
	font-weight: 500;
	font-size: 15px;
	display: block;
	color: #aaa;
	transition: 0.3s;
	line-height: 24px;
}


#mobile-nav .sub-menu-back-btn:hover {
	color: #fff;
}

.sub-menu-back-btn:before {
    content: "\f104";
    font-family: "FontAwesome";
	font-size: 20px;
	position: absolute;
	right: 0;
	top: 10px;
	font-weight: 400;
	left: 13px;
	right: initial;
}


/* Trigger Styles */
.mmenu-trigger {
	height: 50px;
	width: 50px;
	display: none;
	position: relative;
	margin: 0 0 20px 0;
	background-color: #eee;
	border-radius: 4px;
	cursor: pointer;
	float: right;
}

/* Hamburger Icon */
.hamburger {
	padding: 0;
	top: 14px;
	left: 13px;
	transform: scale(0.67);
	-moz-transform: scale(0.70) translateY(4px);
	position: relative;
	display: inline-block;
	cursor: pointer;
	transition-property: opacity, filter;
	transition-duration: 0.15s;
	transition-timing-function: linear;
	font: inherit;
	color: inherit;
	text-transform: none;
	background-color: transparent;
	border: 0;
	margin: 0;
	overflow: visible;
}

.hamburger-box {
	position: relative;
}

.hamburger-inner {
	display: block;
	top: 50%;
	margin-top: -2px;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
	width: 34px;
	height: 4px;
	background-color: #555;
	border-radius: 4px;
	position: absolute;
	transition-property: transform;
	transition-duration: 0.15s;
	transition-timing-function: ease;
}

.hamburger-inner::before,
.hamburger-inner::after {
	content: "";
	display: block;
}

.hamburger-inner::before {
	top: -10px;
}

.hamburger-inner::after {
	bottom: -10px;
}

/* Animation */
.hamburger--collapse .hamburger-inner {
	top: auto;
	bottom: 0;
	transition-duration: 0.13s;
	transition-delay: 0.13s;
	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse .hamburger-inner::after {
	top: -20px;
	transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}

.hamburger--collapse .hamburger-inner::before {
	transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse.is-active .hamburger-inner {
	transform: translate3d(0, -10px, 0) rotate(-45deg);
	transition-delay: 0.22s;
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse.is-active .hamburger-inner::after {
	top: 0;
	opacity: 0;
	transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}

.hamburger--collapse.is-active .hamburger-inner::before {
	top: 0;
	transform: rotate(-90deg);
	transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}


.mmenu-trigger {
	display: none;
}


@media only screen and (max-width: 1024px) {
	.hidden-on-mobile {
		display: none;
	}

	/* Header Responsive Styles */
	#responsive {
		display: none;
	}

	.mmenu-trigger {
		display: inline-block !important;
	}

	#logo {
		position: relative;
		margin: 0;
		margin-top: 5px;
		width: calc(100% - 70px);
		text-align: left;
	}

	.header-widget {
		padding: 20px 0;
		border-top: 1px solid #eee;
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
	}

	.header-widget a.button.border {
		padding: 7px 16px;
		background-color: transparent;
		font-size: 16px;
		min-width: auto;
		float: right;
	}

	.sign-in,
	.user-menu {
		flex: 1;
	}

	.header-widget .sign-in {
		top: 9px;
	}

	#header-container.header-style-2 .left-side,
	#header-container.header-style-2 .right-side,
	.right-side,
	.left-side {
		width: 100%;
	}

	#top-bar .right-side .social-icons {
		float: left;
		position: relative;
		z-index: 9;
	}

	#header-container.header-style-2 .header-widget {
		float: left;
		margin-top: 35px;
		margin-bottom: -5px
	}

	.header-widget {
		text-align: left;
	}

	#header {
		padding-bottom: 0;
	}

	ul.top-bar-menu {
		z-index: 99;
		position: relative;
	}

	.header-style-2 .menu-responsive {
		width: 750px;
		margin-left: auto;
		margin-right: auto;
		float: none;
		padding: 0 15px;
	}

	#header-container.header-style-2 .header-widget {
		width: calc(100%);
		border-top: 1px solid #e0e0e0;
		padding-top: 30px;
	}

}
.widget_range_filter .ui-slider .ui-slider-handle,
.widget_range_filter .ui-slider-horizontal {
	border: none;
}

@media (max-width: 992px) {
	#wrapper {
		overflow-x: hidden;
		max-width: 100vw;
	}
}


.single-resume #titlebar .two-buttons .button {
	margin-right: 0;
}
.send-btn-border .spinner {
	width: auto;
	height: auto;
	position: relative;
	display: inline-block;
	padding: 0 10px;
	top: 7px;
	opacity: 0;
}
.send-btn-border .spinner.is-active {
	opacity: 1;
}
.send-btn-border .spinner:after {
	content: "";
	width: 24px;
	height: 24px;
	border: 3px solid #aaa;
	border-bottom-color: transparent;
	border-radius: 50%;
	display: inline-block;
	box-sizing: border-box;
	animation: rotation 1s linear infinite;
}

@keyframes rotation {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}
.job-manager-term-checklist { list-style: none; display: flex;}
.job-manager-term-checklist li { margin: 0px 10px 5px 0px;}

.listeo-svg-icon-box-grid svg,
.elementor .listeo-svg-icon-box-grid svg {
	height: 44px;
	display: inline-block;
	transition: .3s;
	margin: 0;
	width: auto;
}

body ul.wpjmc-companies #company-meta #company-meta-company_since:before {
	content: "\eceb";
	top: 1px;
	position: relative;
	font-family: "linearicons";
	margin-right: 8px;
	font-size: 18px;
	color: #a0a0a0;
}


/* ---------------------------------- */
/* Dropzone
------------------------------------- */
/*
 * The MIT License
 * Copyright (c) 2012 Matias Meno <m@tias.me>
*/
@-webkit-keyframes passing-through {
	0% {
		opacity: 0;
		-webkit-transform: translateY(40px);
		-moz-transform: translateY(40px);
		-ms-transform: translateY(40px);
		-o-transform: translateY(40px);
		transform: translateY(40px);
	}

	30%,
	70% {
		opacity: 1;
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
		transform: translateY(0px);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(-40px);
		-moz-transform: translateY(-40px);
		-ms-transform: translateY(-40px);
		-o-transform: translateY(-40px);
		transform: translateY(-40px);
	}
}

@-moz-keyframes passing-through {
	0% {
		opacity: 0;
		-webkit-transform: translateY(40px);
		-moz-transform: translateY(40px);
		-ms-transform: translateY(40px);
		-o-transform: translateY(40px);
		transform: translateY(40px);
	}

	30%,
	70% {
		opacity: 1;
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
		transform: translateY(0px);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(-40px);
		-moz-transform: translateY(-40px);
		-ms-transform: translateY(-40px);
		-o-transform: translateY(-40px);
		transform: translateY(-40px);
	}
}

@keyframes passing-through {
	0% {
		opacity: 0;
		-webkit-transform: translateY(40px);
		-moz-transform: translateY(40px);
		-ms-transform: translateY(40px);
		-o-transform: translateY(40px);
		transform: translateY(40px);
	}

	30%,
	70% {
		opacity: 1;
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
		transform: translateY(0px);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(-40px);
		-moz-transform: translateY(-40px);
		-ms-transform: translateY(-40px);
		-o-transform: translateY(-40px);
		transform: translateY(-40px);
	}
}

@-webkit-keyframes slide-in {
	0% {
		opacity: 0;
		-webkit-transform: translateY(40px);
		-moz-transform: translateY(40px);
		-ms-transform: translateY(40px);
		-o-transform: translateY(40px);
		transform: translateY(40px);
	}

	30% {
		opacity: 1;
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
		transform: translateY(0px);
	}
}

@-moz-keyframes slide-in {
	0% {
		opacity: 0;
		-webkit-transform: translateY(40px);
		-moz-transform: translateY(40px);
		-ms-transform: translateY(40px);
		-o-transform: translateY(40px);
		transform: translateY(40px);
	}

	30% {
		opacity: 1;
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
		transform: translateY(0px);
	}
}

@keyframes slide-in {
	0% {
		opacity: 0;
		-webkit-transform: translateY(40px);
		-moz-transform: translateY(40px);
		-ms-transform: translateY(40px);
		-o-transform: translateY(40px);
		transform: translateY(40px);
	}

	30% {
		opacity: 1;
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
		transform: translateY(0px);
	}
}

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}

	10% {
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-o-transform: scale(1.1);
		transform: scale(1.1);
	}

	20% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
}

@-moz-keyframes pulse {
	0% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}

	10% {
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-o-transform: scale(1.1);
		transform: scale(1.1);
	}

	20% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes pulse {
	0% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}

	10% {
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-o-transform: scale(1.1);
		transform: scale(1.1);
	}

	20% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
}


.dropzone,
.dropzone * {
	box-sizing: border-box;
}

.dropzone {
	min-height: 150px;
	border: 2px solid rgba(0, 0, 0, 0.3);
	background: white;
	padding: 20px 20px;
}

.dropzone.dz-clickable {
	cursor: pointer;
}

.dropzone.dz-clickable * {
	cursor: default;
}

.dropzone.dz-clickable .dz-message,
.dropzone.dz-clickable .dz-message * {
	cursor: pointer;
}

.dropzone.dz-started .dz-message {
	display: none;
}

.dropzone.dz-drag-hover {
	border-style: solid;
}

.dropzone.dz-drag-hover .dz-message {
	opacity: 0.5;
}

.dropzone .dz-preview {
	position: relative;
	z-index: 12;
	display: inline-block;
	vertical-align: top;
	margin: 16px;
	min-height: 100px;
}

.dropzone .dz-preview:hover {
	z-index: 1000;
}

.dropzone .dz-preview:hover .dz-details {
	opacity: 1;
}

.dropzone .dz-preview.dz-file-preview .dz-image {
	border-radius: 3px;
	background: #999;
	background: linear-gradient(to bottom, #eee, #ddd);
}

.dropzone .dz-preview.dz-file-preview .dz-details {
	opacity: 1;
}

.dropzone .dz-preview.dz-image-preview {
	background: white;
}

.dropzone .dz-preview.dz-image-preview .dz-details {
	-webkit-transition: opacity 0.2s linear;
	-moz-transition: opacity 0.2s linear;
	-ms-transition: opacity 0.2s linear;
	-o-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
}

.dropzone .dz-preview .dz-remove {
	font-size: 14px;
	text-align: center;
	display: block;
	cursor: pointer;
	font-size: 13px;
	color: #333;
	font-weight: 400;
	border: none;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	border-radius: 0 0 3px 3px;
}

.dropzone .dz-preview .dz-remove:hover {
	color: #d70707;
}

.dropzone .dz-preview:hover .dz-details {
	opacity: 1;
}

.dropzone .dz-preview .dz-details {
	z-index: 20;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	font-size: 13px;
	min-width: 100%;
	max-width: 100%;
	padding: 2.6em 1em;
	text-align: center;
	color: #fff;
}

.dropzone .dz-preview .dz-details .dz-size {
	margin-bottom: 2px;
	font-size: 16px;
}
.dropzone .dz-preview .dz-details .dz-size strong {
	margin-bottom: 2px;
	font-size: 16px;
	color: #fff;
}


.dropzone .dz-preview .dz-details .dz-filename {
	white-space: nowrap;
}

.dropzone .dz-preview .dz-details .dz-filename:hover span {
	/* border: 1px solid rgba(200, 200, 200, 0.8); */
	background-color: rgba(20, 20, 20, 0.8);
	color: #fff;
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
	overflow: hidden;
	color: #fff;
	text-overflow: ellipsis;
}

.dropzone .dz-preview .dz-details .dz-filename span,
.dropzone .dz-preview .dz-details .dz-size span {
	background-color: rgba(20, 20, 20, 0.6);
	padding: 3px 5px;
	border-radius: 3px;
	color: #fff;
}

/* .dropzone .dz-preview:hover .dz-image img {
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
    -webkit-filter: blur(8px);
    filter: blur(8px);
 } */

.dropzone .dz-preview .dz-image:before {
	opacity: 0;
	transition: 0.4s;
	z-index: 110;
	content: "";
	width: 100%;
	display: block;
	height: 100%;
	position: absolute;
	background-color: #333;
}

.dropzone .dz-preview:hover .dz-image:before {
	opacity: 0.5;
}

.dropzone .dz-preview .dz-image {
	border-radius: 3px 3px 0 0;
	overflow: hidden;
	width: 120px;
	height: 120px;
	position: relative;
	transition: all 0.3s;
	display: block;
	z-index: 10;
}

.dropzone .dz-preview .dz-image img {
	display: block;
	filter: blur(0px);
	transition: all 0.4s;
}

.dropzone .dz-preview.dz-success .dz-success-mark {
	-webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
	-moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
	-ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
	-o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
	animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
}

.dropzone .dz-preview.dz-error .dz-error-mark {
	opacity: 1;
	-webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
	-moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
	-ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
	-o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
	animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
}

.dropzone .dz-preview .dz-success-mark,
.dropzone .dz-preview .dz-error-mark {
	pointer-events: none;
	opacity: 0;
	z-index: 500;
	position: absolute;
	display: block;
	top: 50%;
	left: 50%;
	margin-left: -27px;
	margin-top: -40px;
}

.dropzone .dz-preview .dz-success-mark svg,
.dropzone .dz-preview .dz-error-mark svg {
	display: block;
	width: 54px;
	height: 54px;
}

.dropzone .dz-preview.dz-processing .dz-progress {
	opacity: 1;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.dropzone .dz-preview.dz-complete .dz-progress {
	opacity: 0;
	-webkit-transition: opacity 0.4s ease-in;
	-moz-transition: opacity 0.4s ease-in;
	-ms-transition: opacity 0.4s ease-in;
	-o-transition: opacity 0.4s ease-in;
	transition: opacity 0.4s ease-in;
}

.dropzone .dz-preview:not(.dz-processing) .dz-progress {
	-webkit-animation: pulse 6s ease infinite;
	-moz-animation: pulse 6s ease infinite;
	-ms-animation: pulse 6s ease infinite;
	-o-animation: pulse 6s ease infinite;
	animation: pulse 6s ease infinite;
}

.dropzone .dz-preview .dz-progress {
	opacity: 1;
	z-index: 1000;
	pointer-events: none;
	position: absolute;
	height: 16px;
	left: 50%;
	top: 50%;
	margin-top: 18px;
	width: 80px;
	margin-left: -40px;
	background: rgba(255, 255, 255, 0.9);
	-webkit-transform: scale(1);
	border-radius: 8px;
	overflow: hidden;
}

.dropzone .dz-preview .dz-progress .dz-upload {
	background: #00a335;
	background: linear-gradient(to bottom, #1fc053, #019932);
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 0;
	-webkit-transition: width 300ms ease-in-out;
	-moz-transition: width 300ms ease-in-out;
	-ms-transition: width 300ms ease-in-out;
	-o-transition: width 300ms ease-in-out;
	transition: width 300ms ease-in-out;
}

.dropzone .dz-preview.dz-error .dz-error-message {
	display: block;
}

.dropzone .dz-preview.dz-error:hover .dz-error-message {
	opacity: 1;
	pointer-events: auto;
}

.dropzone .dz-preview .dz-error-message {
	pointer-events: none;
	z-index: 1000;
	position: absolute;
	display: block;
	display: none;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	-ms-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
	font-size: 13px;
	top: 160px;
	left: -10px;
	width: 140px;
	background: #be2626;
	background: linear-gradient(to bottom, #be2626, #a92222);
	border-radius: 4px;
	padding: 10px 15px;
	line-height: 18px;
	color: white;
}

.dropzone .dz-preview .dz-error-message:after {
	content: '';
	position: absolute;
	top: -6px;
	left: 64px;
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #be2626;
}

.dropzone {
	position: relative;
	border: 2px dashed #d0d0d0;
	border-radius: 3px;
	background: #fcfcfc;
	transition: all 0.3s linear;
	margin-bottom: 10px;
	margin-top: 5px;
	display: inline-block;
	width: 100%;
}

.dropzone:hover {
	border: 2px dashed #59b02c;
	background: #fff;
	transition: all 0.35s linear;
}

.dropzone:before {
	position: absolute;
	height: 100%;
	width: 100%;
	content: "";
	top: 0;
	left: 0;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.9));
	background-color: #59b02c;
	opacity: 0;
	z-index: 10;
	transition: all 0.3s linear;
	border-radius: 3px;
}

.dropzone:hover:before {
	opacity: 0.4;
}

.dropzone .dz-message {
	text-align: center;
	margin: 50px 0;
	font-size: 17px;
	color: #888;
	transition: all 0.3s linear;
	position: relative;
	z-index: 11;
}

.dropzone:hover .dz-message {
	color: #59b02c;
}

.dz-message i {
	display: block;
	font-size: 32px;
	margin-bottom: 15px;
}

#avatar-uploader.dropzone {
	min-height: initial;
	padding: 0;
	max-width: 157px;
	font-size: 16px;
}

#avatar-uploader.dropzone .dz-message {
	margin: 20px 0;
	font-size: 15px;
	font-weight: 500;
}


.realteo-submit-image-preview {
	max-width: calc(25% - 20px);
	float: left;
	margin: 0px 20px 20px 0px;
	border: none;
	padding: 0;
	height: 160px;
	overflow: hidden;
	border-radius: 3px;
	position: relative;
}

.realteo-submit-image-preview img {
	border-radius: 3px;
	top: 0;
	position: relative;
	display: block;
}

.dropzone .dz-preview:before,
.realteo-submit-image-preview:before {
	content: "\f005";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 11;
	background-color: #fff;
	height: 24px;
	width: 24px;
	line-height: 24px;
	font-size: 14px;
	text-align: center;
	border-radius: 3px;
	left: 7px;
	top: 7px;
	color: #ff9b00;
	opacity: 0;
	transition: 0.2s;
}

.dropzone .dz-preview.active-thumb:before,
.realteo-submit-image-preview.active-thumb:before {
	opacity: 1;
	display: block;
}

#single-listing-grid-gallery {
	display: flex;
	width: 100%;
	height: 400px;
	border-radius: 6px;
	overflow: hidden;
	margin: 0 0 60px 0;
	position: relative;
}

.slg-button[data-gallery-count="1"],
.slg-button[data-gallery-count="2"],
.slg-button[data-gallery-count="3"],
.slg-button[data-gallery-count="4"],
.slg-button[data-gallery-count="5"] {
	display: none;
}

.bookmark-btn-title {
	font-weight: 600;
}

.listing-share .like-icon::before {
	font-weight: 500;
}

@media (max-width: 1500px) {
	#single-listing-grid-gallery {
	height: 340px;
	}
}

@media (max-width: 1200px) {
	#single-listing-grid-gallery {
	height: 300px;
	}
}

@media (max-width: 1100px) {
	#single-listing-grid-gallery {
	height: 300px;
	}

	body .listeo-grid-gallery-title #bookmarks-counter {
		font-size: 14px;
	}

	.listeo-grid-gallery-title .listing-share #bookmarks-counter,
	.bookmark-btn-title {
		display: none;
	}

	.listeo-grid-gallery-title .listing-share button {
		padding: 0;
		height: 46px;
		width: 46px;
		text-align: center;
	}

	.listeo-grid-gallery-title .listing-share button .like-icon {
		margin: 0;
		width: 100%;
	}

	#titlebar.listing-titlebar h1,
	#titlebar.listing-titlebar h2 {
		font-size: 26px;
	}
}

@media (max-width: 1050px) {
	#single-listing-grid-gallery {
		height: 400px;
		min-height: 400px;
	}
}

@media (max-width: 768px) {
	#single-listing-grid-gallery {
		height: 300px;
		min-height: 300px;
	}

	body .slg-half {
		width: 100%;
	}

	.slg-half:nth-child(3) {
		display: none !important;
	}

	.listeo-grid-gallery-title #titlebar {
		padding-bottom: 40px;
	}

	.slg-button {
		display: block !important;
	}

	.listeo-grid-gallery-title .listing-share {
		min-width: 60px;
	}

	#single-listing-grid-gallery {
		margin-bottom: 50px;
	}

	#titlebar.listing-titlebar h1,
	#titlebar.listing-titlebar h2 {
		font-size: 24px;
	}

}


@media (max-width: 500px) {
	#single-listing-grid-gallery {
		height: 200px;
		min-height: 200px;
	}
}



#single-listing-grid-gallery a.slg-gallery-img {
	height: 100%;
	width: 100%;
	display: block;
	position: relative;
}

#single-listing-grid-gallery img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

#single-listing-grid-gallery a.slg-gallery-img:before {
	height: 100%;
	width: 100%;
	background: #000;
	display: block;
	content: "";
	position: absolute;
	z-index: 1;
	bottom: 0;
	opacity: 0;
	transition: 0.4s;
	cursor: zoom-in;
}

#single-listing-grid-gallery a.slg-gallery-img:hover:before {
	opacity: 0.2;
}

.slg-button {
	position: absolute;
	bottom: 18px;
	right: 19px;
	background: #fff;
	color: #333;
	padding: 7px 14px;
	line-height: 21px;
	border-radius: 4px;
	font-weight: 500;
	font-size: 14px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
	transition: 0.3s;
	z-index: 20;
}

.slg-button:hover {
	background: #333;
	color: #fff;
}

.slg-button i {
	position: relative;
	top: 0;
	margin: 0 3px 0 0;
	font-size: 13px;
}

.slg-half {
	width: 50%;
}

.slg-grid {
	display: flex;
	width: 100%;
	height: 100%;
	flex-direction: column;
}

.slg-grid-top,
.slg-grid-bottom,
.slg-grid-inner {
	display: flex;
	width: 100%;
	height: 100%;
}

.slg-grid-top,
.slg-grid-bottom {
	overflow: hidden;
}

.slg-half:first-child {
	margin-top: 0px;
}

/* Grid space between */
.slg-half {
	margin-top: -14px;
}

.slg-grid-top,
.slg-grid-bottom,
.slg-grid-inner {
	margin: 7px;
	margin-bottom: 0;
}

.slg-one-photo .slg-half {
	width: 100%;
}

.listeo-grid-gallery-title #titlebar .listing-titlebar-title {
	margin-right: auto;
}

@media (max-width: 480px) {
	.listeo-grid-gallery-title #titlebar.listing-titlebar-has-logo {
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
	}

	.listeo-grid-gallery-title #titlebar.listing-titlebar-has-logo .listing-logo {
		margin-bottom: 20px;
	}

	.listeo-grid-gallery-title #titlebar.listing-titlebar-has-logo .listing-widget.listeo_core.widget_buttons {
		position: absolute;
		top: 50px;
		right: 10px
	}
}

.slg-button:after {
	content: " (" attr(data-gallery-count) ")";
}

/* Job application tabs  */
.apply_with_resume label { margin-top: 15px; }
.tab-slider--nav {
  width: 100%;
  float: left;
  margin-bottom: 20px;
/*    display: flex;
    justify-content: center;*/
}

.tab-slider--tabs {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  background: #fff;
  height: 42px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.tab-slider--tabs:after {
  content: "";
  width: calc(50% - 5px);
  background: #33333320;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 250ms ease-in-out;
  border-radius: 4px;
}
.tab-slider--tabs.slide:after {
  left: 50%;
}

.tab-slider--trigger {
	margin-right: 4px;
  font-size: 14px;
  line-height: 1;
  border-radius: 4px;
  width: 50%;
  color: #888;
  text-align: center;
  padding: 14px 20px;
  position: relative;
  z-index: 2;
  cursor: pointer;
  display: inline-block;
  transition: color 250ms ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
          background:#f7f7f7;
}
.tab-slider--trigger.active {
  color: #333;
  font-weight: 500;
  background: transparent;
}

.tab-slider--body {
  margin-bottom: 20px;
}

.tab-slider--trigger {
	display: flex;
	justify-content: center;
	align-items: center;
}

@media (max-width: 768px) {

	.small-dialog-headline h3,
	.small-dialog-headline h2 {
		padding-right: 30px;
		line-height: 30px
	}

	.small-dialog-header {
		padding: 20px 40px;
	}

	button.mfp-close {
		zoom: 0.8;
	}
}

abbr[title] { border: none; }


/* -------------------------------------------------------------- */
/*  02. Layout Components
----------------------------------------------------------------- */
body .row { margin: 0; }

body #dashboard .row {
    margin-left: -15px;
    margin-right: -15px;
}


/* With Border */
input.with-border,
input[type="text"].with-border,
input[type="password"].with-border,
input[type="email"].with-border,
input[type="number"].with-border,
textarea.with-border,
select.with-border {
	border: 1px solid #e0e0e0;
	box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.05);
}
input.with-border:focus,
input[type="text"].with-border:focus,
input[type="password"].with-border:focus,
input[type="email"].with-border:focus,
input[type="number"].with-border:focus,
textarea.with-border:focus {
	border: 1px solid #e0e0e0;
	box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.08);
}

input[type="submit"] {
	border: none;
	padding: 11px 18px;
	width: auto;
}

input[type="checkbox"] { display: inline; }

input[type="radio"] {
	width: 15px;
	height: 15px;
	cursor: pointer;
	box-shadow: none;
}


/* Input Placeholder Color */
::placeholder {
	color: #808080;
	opacity: 1;
}

textarea {
	height: auto;
	line-height: 27px;
	padding: 20px;
	min-height: 130px;
	transition: none !important;
	min-width: 100%;
}

label,
legend {
	display: block;
	font-weight: bold;
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 8px;
}


label span,
legend span {
	font-weight: normal;
	font-size: 14px;
	color: #444;
}

fieldset {
	padding: 0;
	border: none;
}

button {
	border: none;
	margin: 0;
	padding: 0;
	width: auto;
	overflow: visible;
	background: transparent;
	color: inherit;
	font: inherit;
	line-height: normal;
	cursor: pointer;
}

a { color: #26ae61; transition: 0.3s; }
a, button { outline: none !important; }

img { max-width: 100%; }

.button i { padding-right: 4px; }
.button i.fa-spin { padding-right: 0px; margin-right: 10px; display: none; }
.button.load_more_jobs i.fa-spin { display: inline-block; margin: 0 7px 0 0; padding: 0; }
a.load_more_jobs.button i { margin-right: 3px; }
a.load_more_jobs.button { box-shadow: 0 4px 12px rgba(38,174,97, 0.25); }
.button.loading i.fa-spin { display: inline-block; }


/* ---------------------------------- */
/* Header
------------------------------------- */
.new-header #logo_nh { 
	display: inline-block;
	border-right: 1px solid rgba(0,0,0,0.15);
	height: 100%;
	vertical-align: top;
	padding-right: 25px;
	margin-right: 15px;
	margin-top: 0px;
}

@media (min-width: 1299px) {
 .new-header .dashboard-header #logo_nh { 
	min-width: 235px;
}   
}

@media (max-width: 768px) {
	.new-header #logo_nh { max-width: 50%; }
}

.new-header #logo_nh img {
	
	width: auto;
	top: 50%;
	position: relative;
	transform: translate3d(0,-50%,0);
	display: inline-block;
}

.new-header #header {
	position: relative;
	z-index: 999;
	padding: 0;
	box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.12);
	font-size: 16px;
	height: 82px;
	background-color: #fff;
}

.new-header #header .container,
.new-header #header .right-side,
.new-header #header .left-side { height: 100%; }

/* Full Width Header */
@media (min-width: 1099px) {
.new-header header .container { position: relative; padding: 0 10px;}
}
.new-header header.fullwidth .container {
  max-width: 100%;
  width: 100%;
  margin: 0;
  padding: 0 25px;
}


@media (min-width: 1099px) {
	.new-header header.fullwidth .right-side .header-widget {
	    right: -5px;
	}
	.new-header header.fullwidth .header-widget:last-of-type {
    	padding-right: 0;
	}
}

@media (min-width: 1290px) {
/*     .new-header header.fullwidth .right-side .header-widget {
    right: 45px;
} */
	.new-header header.fullwidth .header-widget:last-of-type {
    	padding-right: 0;
	}
}


@media (max-width: 1289px) {
	.new-header header .container {
	  max-width: 100%;
	  width: 100%;
	  margin: 0;
	  padding: 0 25px;
	  box-sizing: border-box;
	}
}

@media (max-width: 1099px) {
	.new-header header .container {
	  max-width: 100%;
	  width: 100%;
	  margin: 0;
	  padding: 0 25px;
	  box-sizing: border-box;
	}
}


/* Boxed Styles*/
.new-header #header .container { position: relative; }
.new-header.fullwidth #header .container { position: relative; }

.new-header #header .left-side {
	float: left;
	width: 100%;
    display: flex;
    position: relative;
    flex: 1;
    align-items: center;
}

.new-header #header .right-side {
	float: right;
	text-align: right;
	width: auto;
	display: inline-block;
	position: absolute;
	right: 35px;
	background-color: #fff;
	flex: 1;
	top: 0;
}

@media (min-width: 1290px) {
    .new-header #header .right-side {
    	right: 25px;
    }
    .new-header .fullwidth #header .right-side {
    	right: 35px;
    }
    .new-header .header-widget:last-of-type { margin-right: -15px; }
}

/* Full Width Styles */
.new-header .full-width #header .left-side {
	float: left;
	width: 100%;
	display: inline-block;
	position: relative;
}

.new-header .full-width #header .right-side {
	float: right;
	text-align: right;
	width: auto;
	display: inline-block;
	position: absolute;
	right: 25px;
	background-color: #fff;
}



/* Header Widget
------------------------------------- */
.new-header .header-widget {
	display: inline-block;
	height: 100%;
	border-left: 1px solid rgba(0,0,0,0.15);
	padding: 0 25px;
	text-align: left;
	float: left;
}


@media (min-width: 1099px) {
 .new-header .fullwidth .header-widget:last-of-type {
    padding-right: 5px;
    float: right;
    border-right: none;
} 
.new-header .fullwidth .header-widget:last-of-type { padding-right: 5px; margin-right: 0; }
}

.new-header .header-widget:last-of-type { padding-right: 0; margin-right: -5px; }

/* Notification Avatar*/
.new-header .header-notifications-content .notification-avatar {
	height: 42px;
	width: 42px;
	max-width: 42px;
	display: inline-block;
	border-radius: 50%;
	overflow: hidden;
}

/* Sign In Button */
.new-header .header-widget .log-in-button {
	padding: 10px 0;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	transition: 0.3s;
	color: #666;
	display: block;
	margin: 0 -3px;
}

.new-header .header-widget .log-in-button i {
	font-size: 18px;
	line-height: 0;
	position: relative;
	top: 2px;
	margin-right: 4px;
	margin-left: -1px;
	color: #777;
	transition: 0.3s;
}

.new-header .header-widget .log-in-button:hover,
.new-header .header-widget .log-in-button:hover i { color: #26ae61; }

.new-header .transparent-header .header-widget .log-in-button,
.new-header .transparent-header .header-widget .log-in-button i { color: #fff; }

/* Sign In Button Media Queries */
@media (max-width: 768px) {
	.new-header .header-widget .log-in-button span { display: none; }

.new-header 	.header-widget .log-in-button i {
		font-size: 20px;
		top: 3px;
	}

	.new-header .header-widget .log-in-button i,
	.new-header .header-widget .log-in-button i:hover { color: #555; }

	.new-header .header-widget .log-in-button {
		background-color: #f0f0f0;
		border-radius: 4px;
	    height: 46px;
	    width: 46px;
	    text-align: center;
	}

	.new-header .transparent-header .header-widget .log-in-button i,
	.new-header .transparent-header .header-widget .log-in-button {
		background-color: #fff;
		color: #333;
	}

}


/* ---------------------------------- */
/* Header Notifications
------------------------------------- */
.header-notifications {
	height: 100%;
	display: inline-block;
	padding-right: 15px;
	position: relative;
}

.header-notifications:last-child { margin-right: -15px; }

.header-notifications-trigger,
.header-notifications-trigger a {
	font-size: 22px;
	color: #333;
	position: relative;
	top: 55%;
	transform: translate3d(0,-50%,0);
}

/* IE 11 Fixes */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
	.header-notifications-trigger, 
	.header-notifications-trigger a {
		height: 40px;
	}
	.header-notifications.user-menu { top: -8px; } 
}
/* IE 11 Fixes - End */

.header-notifications-trigger span {
	position: absolute;
	display: inline-block;
	top: -15px;
	margin-left: -10px;
	font-weight: 700;
	height: 19px;
	width: 19px;
	line-height: 19px;
	text-align: center;
	color: #fff;
	font-size: 11px;
	background-color: #26ae61;
	border-radius: 50%;
	position: relative;
}


/* Header User Menu Dropdown */
.header-notifications-dropdown {
	width: 360px;
	border-radius: 4px;
/*	box-shadow: 0px 0 8px 0px rgba(0,0,0,0.10);*/
	box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.12);
	background-color: #303030;
	padding: 0;
	position: absolute;
	top: calc(100% - 10px);
	right: -15px;
	text-align: left;
	z-index: 100;
	transform: scale(0.95);
	opacity: 0;
	visibility: hidden;
	transition: 0.3s;
	pointer-events: none;
}

.header-notifications.active .header-notifications-dropdown {
	transform: scale(1);
	opacity: 1;
	visibility: visible;
	pointer-events: all;
}

.header-notifications-dropdown:before {
	content: "";
	position: absolute;
	right: 43px;
	top: -6px;
	width: 0; 
	height: 0; 
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #303030;
	transition: border-color 0.3s;
}

/* Headline */
.header-notifications-headline {
	padding: 17px 25px;
	padding-top: 18px;
	line-height: 24px;
	border-bottom: 1px solid #e6e6e6;
}

.header-notifications-headline h4,
.header-notifications-headline span {
	display: inline-block;
}

button.mark-as-read {
	float: right;
	position: relative;
	border-radius: 4px;
	height: 32px;
	width: 32px;
	text-align: center;
	line-height: 36px;
	top: -4px;
	right: -8px;
	color: #888;
	transition: 0.25s;
}

button.mark-as-read:hover {
	background-color: #f2f2f2;
	color: #888;
}

/* Content */
.header-notifications-content {
	display: block;
	width: 100%;
}

.header-notifications-scroll {
	display: block;
	overflow: hidden;
	height: auto;
}

.header-notifications-content ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.header-notifications-content ul li {
	border-bottom: 1px solid #e6e6e6;
	transition: 0.25s;
}

.header-notifications-content ul li:hover { background-color: #fafafa; }
.header-notifications-content ul li:hover .notification-icon { background-color: #eee; }
.header-notifications-content ul li:last-child { border-bottom: none; }

.header-notifications-content ul li a {
	color: #666;
	position: relative;
	padding: 22px 25px;
	display: block;
}

.header-notifications-content p { margin: 0; padding: 0; }

.header-notifications-content ul li a {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.header-notifications-content .notification-icon,
.header-notifications-content .notification-text {
	flex: 1; 
}

/* Notification Icon */
.header-notifications-content .notification-icon i { position: relative; }

.notification-icon,
.header-notifications-content .notification-icon {
	font-size: 24px;
	height: 40px;
	width: 40px;
	max-width: 40px;
	display: inline-block;
	background-color: #f2f2f2;
	border-radius: 4px;
	line-height: 42px;
	text-align: center;
	color: #a0a0a0;
	transition: 0.25s;
	position: relative;
}

/* Adjustments for some icons :( */
.notification-icon .icon-material-outline-autorenew { font-size: 22px; }
.notification-icon .icon-material-outline-gavel { font-size: 19px; top: -2px; left: 1px; }


/* Notification Avatar*/
.header-notifications-content .notification-avatar {
	height: 42px;
	width: 42px;
	max-width: 42px;
	display: inline-block;
	border-radius: 50%;
	overflow: visible;
	align-self: flex-start;
}

.header-notifications-content .notification-avatar img{
    width: 100%;
    image-rendering: -webkit-optimize-contrast;
    border-radius: 50%;
}


/* Notification Texts */
.notification-text,
.header-notifications-content .notification-text {
	padding-left: 20px;
	padding-right: 5px; 
	display: inline-block;
	line-height: 23px;
	font-size: 14.7px
}

.header-notifications-content .notification-msg-text {
	display: inline-block;
	line-height: 23px;
	font-size: 14.7px;
	margin: 4px 0;
}

.notification-text strong,
.header-notifications-content .notification-text strong {
	font-weight: 500;
	color: #333;
}

.notification-text span.color,
.header-notifications-content .notification-text span.color {
	color: #26ae61;
	display: inline-block;
}

.notification-text span.color {
	display: block;
}


/* Button */
a.header-notifications-button {
	border-radius: 0 0 4px 4px;
	font-weight: 500;
	color: #fff;
	font-size: 14.7px;
	padding: 12px 16px;
	background-color: #26ae61;
	width: 100%;
	display: block;
	text-align: center;
	transition: 0.3s;
}

a.header-notifications-button i {
	font-size: 22px;
	line-height: 0;
	top: 4px;
	position: relative;
	max-width: 0;
	display: inline-block;
	margin-left: 7px
}


/* ---------------------------------- */
/* User Menu
------------------------------------- */
.user-menu {
	padding: 0;
}

.header-notifications.user-menu {
	margin: 0 -5px;
}

.user-menu .header-notifications-trigger,
.user-menu .header-notifications-trigger a { top: 50%; }

.user-menu .header-notifications-dropdown {
	top: calc(100% - 8px);
	width: 225px;
	right: -5px;
}

.small-tag {
    display: inline-block;
    font-weight: 500;
    height: 19px;
    width: 19px;
    line-height: 19px;
    text-align: center;
    color: #fff;
    font-size: 10px;
    background-color: #26ae61;
    border-radius: 50%;
    position: relative;
    margin: 0 0 0 2px;
    top: -1px;
}

.user-menu .header-notifications-dropdown:before { right: 23px; }

/* User Status Dot */
.notification-avatar { position: relative; }

/*.status-icon,
.notification-avatar:after,
.user-avatar:after {
	position: absolute;
	content: "";
	height: 12px;
	width: 12px;
	background-color: #c0c0c0;
	bottom: 0;
	right: 0;
	display: block;
	border: 2px solid #fff;
	box-shadow: 0 2px 3px rgba(0,0,0,0.3);
	border-radius: 50%;
}

.notification-avatar:after { width: 11px; height: 11px; }*/

/* Online */
/*.status-icon.status-online,
.status-online:after { background-color: #38b653; }*/

/* Offline */
/*.status-icon.status-offline,
.status-offline:after { background-color: #c0c0c0; }*/

/* Avatar */
.user-avatar {
	display: inline-block;
	border-radius: 50%;
	width: 38px;
	height: 38px;
	position: relative;
}

.header-notifications-dropdown .user-avatar {
	width: 42px;
	height: 42px;
}

.user-avatar img {
	width: 100%;
	display: inline-block;
	border-radius: 50%;
	image-rendering: -webkit-optimize-contrast;
	vertical-align: middle;
}


/* User Menu Small Nav */
ul.user-menu-small-nav {
	list-style: none;
	padding: 0;
	margin: 0;
	padding: 15px 23px;
}

ul.user-menu-small-nav li {
	margin: 0;
	padding: 0;
}

ul.user-menu-small-nav li a {
	display: block;
	padding: 2px 0;
	font-size: 14px;
	line-height: 24px;
	font-weight: 400;
	color: #aaa;
	transition: 0.3s;
}

ul.user-menu-small-nav li a i {
	font-size: 16px;
	position: relative;
	top: 1px;
	margin-right: 2px;
	color: #aaa;
	transition: 0.3s;
}


ul.user-menu-small-nav li a:hover,
ul.user-menu-small-nav li a:hover i { color: #eee; }

.transparent-header ul.user-menu-small-nav li a:hover,
.transparent-header ul.user-menu-small-nav li a:hover i { color: #666; }


/* User Status Section*/
.user-status {
	padding: 20px 23px;
	border-bottom: 1px solid #e6e6e6;
}

/* User Menu - Details */
.user-details {
	display: flex;
}

.user-name {
	font-weight: 400;
	color: #333;
	line-height: 20px;
	padding: 3px 0 0 15px;
	font-size: 15px;
}

.user-avatar-title {
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	margin-left: 5px;
}

.user-avatar-title b {
     white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 120px;
    display: inline-block;
    vertical-align: bottom; 
    font-weight: 400;
}

.user-avatar-title:after {
	content: "\f107";
	font-family: "FontAwesome";
	margin-left: 7px;
	transition: 0.2s;
	transform: rotate(0);
	display: inline-block;
	font-size: 16px;
	top: 0px;
	position: relative;
	color: #999;
}

.transparent-header .user-avatar-title:after {
	color: #fff;
	opacity: 0.5;
}

.user-menu.active .user-avatar-title:after {
    transform: rotate(180deg) !important;
}

.user-details span {
    display: block;
    font-size: 14px;
    color: #888;
    font-weight: 400;
    margin-top: -1px;
}

/* Login Register Buttons */
.login-register-buttons {
	display: inline-block;
}

.login-register-buttons .la.la-sign-in-alt:before { font-family: "FontAwesome"; content: "\f13e"; top: 1px; padding-right: 2px;}
.login-register-buttons .la.la-plus-circle:before { font-family: "FontAwesome"; content: "\f055"; top: 1px; padding-right: 1px;}

#header .right-side .header-widget {
	display: flex;
	position: relative;
	flex: 1;
	align-items: center;
}


.login-register-buttons a {
	display: inline-block;
	font-size: 14px;
	font-weight: 500;
	color: #444;
}

.login-register-buttons a i {
	font-size: 14px;
	padding: 0;
	position: relative;
	top: 0;
	font-weight: 400;
}

.transparent-header .login-register-buttons a:hover,
.login-register-buttons a:hover {
	color: #28b661;
}

.login-register-buttons a:first-child { margin-right: 6px; }
.login-register-buttons a:last-child { margin-left: 6px; }

.transparent-header .login-register-buttons a {
	color: #fff;
}

@media (max-width: 1366px) {
	.login-register-buttons a { display: block; margin: 0 !important; }
}

/* ---------------------------------- */
/* Navigation
------------------------------------- */
.new-header #navigation {
	position: relative;
	display: inline-block;
	margin-top: -1px;
	font-size: 14px;
	font-weight: 500;
}

.new-header #navigation ul {
	list-style: none;
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
}

.new-header #navigation ul a {
	display: block;
	text-decoration: none;
	padding: 5px 0;
	border-radius: 4px;
}

.new-header #navigation ul li {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	font-size: 14px;
}

.new-header #navigation ul li ul {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 12px;
	padding: 0;
	z-index: 99999;
}

.new-header #navigation ul ul li { float: none; box-sizing: border-box; }

.new-header #navigation ul ul ul {
	top: 0;
	left: 100%;
	margin: 0 0 0 12px;
}

.new-header #navigation ul ul {
	margin: 0;
}

.new-header #navigation ul ul ul { pointer-events: none; }
.new-header #navigation ul ul li:hover > ul { pointer-events: all; }


.new-header #navigation ul ul:before {
	content: "";
	position: absolute;
	left: 0;
	top: -10px;
	background: rgba(255,255,255,0);
	width: 100%;
	height: 10px;
}

.new-header #navigation ul ul ul:after {
	content: "";
	position: absolute;
	width: 15px;
	height: 100%;
	left: -15px;
	top: 0;
	opacity: 0;
}

.new-header #navigation ul li:hover > ul {
	opacity: 1;
	visibility: visible;
	pointer-events: all;
}

/* Indicator Arrow */
.new-header #navigation ul li a:after,
.new-header #navigation ul ul li a:after {
	font-family: "FontAwesome";
	content: '\f107';
	opacity: 1;
	font-size: 16px;
	transition: 0.2s;
	opacity: 1;
	line-height: 17px;
	width: 9px;
	height: 17px;
	background-color: transparent !important;
	color: #a8a8a8;
	display: inline-block;
	border-radius: 4px;
	margin-left: 7px;
	text-indent: 0;
	top: 1px;
	position: relative;
}

.new-header #navigation ul ul.sub-menu ul.sub-menu li a:after {
	background-color: #f0f0f0;
	color: #a8a8a8;
	opacity: 1;
}


/* Dropdown Indicator */
.new-header #navigation ul ul.sub-menu ul.sub-menu li:hover a:after,
.new-header #navigation ul ul.sub-menu li:hover a:after {
	color: #bbb;
	background-color: transparent;
	opacity: 1;
}

.new-header #navigation ul ul.sub-menu ul.sub-menu li a:after,
.new-header #navigation ul ul.sub-menu li a:after {
	content: '\f105';
	position: absolute;
	left: auto;
	right: 20px;
	top: 6px;
	background-color: transparent;
	color: #777;
	opacity: 1;
}

/* Current Indicator */
body .new-header #navigation > ul > li:hover > a,
body .new-header #navigation > ul > li > a:hover,
body .new-header #navigation > ul > li > a.current {
	color: #28b661;
    background: transparent;
}

/*#navigation ul ul.sub-menu ul.sub-menu li:hover a:after,
#navigation ul ul.sub-menu li:hover a:after,*/
.new-header #navigation ul li:hover a:after,
.new-header #navigation ul li a.current:after {
	color: #28b661;
	background: transparent;
	opacity: 1;
}

.new-header #navigation ul li a:only-child:after,
.new-header #navigation ul ul li a:only-child:after { content: ''; display: none; }

.new-header #navigation ul ul li:hover a:after {
	opacity: 1;
	transform: translateX(0);
}

.new-header #navigation ul li {
	transition: all 0.25s;
	margin: 0 1px;
	border-radius: 4px;
}

.new-header #navigation ul li a,
.new-header #navigation ul ul li a {
	color: #444;
	cursor: pointer; 
	font-weight: 400;
}

.new-header #navigation ul a {
	line-height: 23px;
	padding: 7px 11px;
	border-right: 4px;
}

.new-header .transparent-header ul.user-menu-small-nav li a,
.new-header #navigation ul ul li a { font-weight: 400 !important; }


/* Dropdown Styles
------------------------------------- */
.new-header #navigation ul ul {
	background-color: #303030;
	box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.12);
	border-radius: 4px;
}

.new-header #navigation ul ul li { border-radius: 4px; }
.new-header #navigation ul ul li:last-child { border-bottom: none; }

.new-header #navigation ul li:hover ul a,
.new-header #navigation ul ul a {
	padding: 4px 40px 4px 15px !important;
	line-height: 21px !important;
}

/*#navigation ul li:hover ul a:only-child ,
#navigation ul a:only-child { 
	padding: 4px 15px 4px 15px !important;
}*/

.new-header #navigation ul ul:after {
	content: "";
	position: absolute;
	left: 25px;
	top: -5px;
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #303030;
	transition: border-color 0.3s;
}

body .new-header #navigation ul ul {
	padding: 14px 0;
	box-sizing: border-box;
	margin-top: 6px;
}

body .new-header #navigation ul ul ul { margin-top: 0; }

.new-header #navigation ul ul:before {
	 content: ".";
	 position: absolute;
	 width: 100%;
	 height: 12px;
	 top: -12px;
	 opacity: 0;
	 opacity: 0;
}

.new-header #navigation ul ul ul:before {
    width: calc(100% + 15px);
    left: -15px;
}

.new-header #navigation ul ul li { width: 208px; }

.new-header #navigation ul ul li:hover {
	border-radius: 0;
}

.new-header #navigation ul ul li:first-child { border-radius: 3px 4px 0 0; }
.new-header #navigation ul ul li:last-child { border-radius: 0 0 4px 4px; }

.new-header #navigation ul ul {
	opacity: 0;
	visibility: hidden;
	transition: all 0.25s;
	transform: translate3d(0,15px,0);
}

.new-header #navigation ul ul ul { transform: translate3d(15px,0,0); }

.new-header #navigation ul li ul { z-index: 10; }
.new-header #navigation ul li:hover ul { z-index: 20; }

.new-header #navigation ul li:hover > ul {
	opacity: 1;
	visibility: visible;
	transform: translate3d(0,0,0);
}

.new-header #navigation ul ul li {
	margin: 0;
	padding: 0 6px;
	border-radius: 0;
}

.new-header #navigation ul ul.sub-menu ul.sub-menu ul.sub-menu li a,
.new-header #navigation ul ul.sub-menu ul.sub-menu li a,
.new-header #navigation ul ul.sub-menu li a {
	transition: 0.3s;
	color: #aaa;
}

.new-header #navigation ul ul.sub-menu ul.sub-menu ul.sub-menu li:hover a,
.new-header #navigation ul ul.sub-menu ul.sub-menu li:hover a,
.new-header #navigation ul ul.sub-menu li:hover a {
	color: #fff;
}

/* Transparent Header Dropdown */
.new-header .transparent-header #navigation ul ul {
	background-color: #fff;
	box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.12);
}
.new-header .transparent-header #navigation ul ul:after {
	border-bottom: 5px solid #fff;
}
.new-header .transparent-header #navigation ul ul.sub-menu ul.sub-menu ul.sub-menu li a,
.new-header .transparent-header #navigation ul ul.sub-menu ul.sub-menu li a,
.new-header .transparent-header #navigation ul ul.sub-menu li a {
	transition: 0.3s;
	color: #888;
}
.new-header .transparent-header #navigation ul ul.sub-menu ul.sub-menu ul.sub-menu li:hover a,
.new-header .transparent-header #navigation ul ul.sub-menu ul.sub-menu li:hover a,
.new-header .transparent-header #navigation ul ul.sub-menu li:hover a {
	color: #555;
}

.new-header .transparent-header #navigation ul ul.sub-menu ul.sub-menu li:hover a:after,
.new-header .transparent-header #navigation ul ul.sub-menu li:hover a:after {
	color: #777 !important;
	background-color: transparent;
	opacity: 1;
}

.new-header .transparent-header ul.user-menu-small-nav li a { color: #888; }
.new-header .transparent-header ul.user-menu-small-nav li a:hover { color: #555; }

/* ---------------------------------- */
/* Mega Menu
------------------------------------- */
.new-header .mega-menu {
  opacity: 0;
  visibility: hidden;
  transition: all 0.25s;
  position: absolute;
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.12);
  border-radius: 4px;
  font-size: 15px;
  display: flex;
  top: 100%;
  left: 0;
  padding: 20px 0;
  box-sizing: border-box;
  font-size: 14px;
  margin-top: -10px;
  background-color: #303030;
  width: 200px;
  z-index: 99;
  transform: translate3d(-42%,36px,0);
}

.mega-menu:before {
  content: "";
  position: absolute;
  top: -12px;
  left: 0;
  display: block;
  width: 100%;
  height: 12px;
  opacity: 0;
}

#navigation ul li .mega-menu ul { 
  opacity: 0;
  visibility: hidden;
  transform: translate3d(0,0,0);
  position: relative;
  display: inline-block;
  flex: 1;
  padding: 0;
  margin: 0;
  box-shadow: none;
  border-radius: 0;
  top: auto;
  left: auto;
  background-color: transparent;
}

#navigation ul li:hover .mega-menu {
  opacity: 1;
  visibility: visible;
  transform: translate3d(-42%,23px,0);
}

#navigation ul li:hover .mega-menu ul {
  opacity: 1;
  visibility: visible;
}

#navigation .mega-menu ul,
#navigation .mega-menu ul li {
  width: 100%;
}

.mega-menu.two-columns    { width: 429px;}
.mega-menu.three-columns  { width: 643px;}
.mega-menu.four-columns   { width: 857px;}

#navigation ul .mega-menu ul a {
  color: #bbb !important;
  padding: 0 !important;
  margin: 0 !important;
  display: block;
  margin-left: 0;
  -wekkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

#navigation ul .mega-menu ul a:hover {
	 color: #fff !important;
}

#navigation ul li:hover .mega-menu ul a, 
#navigation ul .mega-menu ul a {
	 padding: 4px 0 !important;
	 line-height: 22px !important;
	 transform: translate3d(0,0,0) !important;
}

#navigation .mega-menu ul li {
  padding: 0 26px;
}

#navigation .mega-menu:after {
    content: "";
    position: absolute;
    left: calc(50% - 10px);
    top: -5px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #303030;
}

#navigation ul li a i {
  font-size: 14px;
  position: relative;
  top: 0;
  padding-right: 5px;
}

.mega-menu-section {
  display: inline-block;
  float: left;
  width: 214px;
  padding: 0;
  border-right: 1px solid #444;
}

.mega-menu .mega-menu-section:last-child { border: none; }

#navigation ul .mega-menu ul ul:after { display: none; }

.mega-menu-headline {
  color: #fff;
  opacity: 1 !important;
  font-weight: 500;
  display: block;
  padding: 8px 30px !important;
  letter-spacing: 0;
  font-size: 14px;
  line-height: 21px;
}

/* Some mega menu styles for mobile nav */
.mobile-styles .mm-listview { margin: 0px -20px !important; }
.mobile-styles .mm-listview .mega-menu-headline { color: #fff; padding: 15px 20px !important; background: #222 !important; }
.mobile-styles .mm-listview li a i { padding-right: 5px; }
.mobile-styles.mm-panel:before { height: 10px !important; }

/* Flickering Fix */
#navigation ul li .mega-menu ul,
#navigation ul li ul { z-index: 100; }
#navigation ul li:hover .mega-menu,
#navigation ul li:hover ul { z-index: 200; }


/* ---------------------------------- */
/* Sticky Header
------------------------------------- */
.new-header #header-container {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1000;
    height: 82px;
}

.admin-bar .new-header #header-container {
/*     top: 32px; */
}
#wrapper.wrapper-with-transparent-header.new-header  #header .right-side { background-color: transparent; }
.new-header #header { transition: background 0.2s; }
#wrapper.new-header  { padding-top: 82px; }
#wrapper.wrapper-with-transparent-header.new-header  { padding-top: 0 !important;}

@media (max-width: 1099px) {
  #wrapper.new-header  { padding-top: 0 !important; }
  .new-header #header-container { position: relative !important; }
  .new-header #header-container.transparent-header { position: absolute !important; }
}


/* ---------------------------------- */
/* Transparent Header
------------------------------------- */
.new-header #header-container.transparent-header {
	position: absolute;
	background: transparent;
	width: 100%;
}

.new-header .transparent-header-spacer { height: 0; }
.new-header.wrapper-with-transparent-header .transparent-header-spacer { height: 82px; }

.new-header .transparent-header #header {
	background-color: transparent;
	box-shadow: none;
	border-bottom: 1px solid rgba(255,255,255,0.2);
	box-sizing: content-box;
}

.new-header .transparent-header #header .right-side { background-color: transparent; }

.new-header .transparent-header #logo_nh,
.new-header .transparent-header #header .right-side .header-widget { border-color: rgba(255,255,255,0.2); }
.new-header .transparent-header #header .right-side .header-widget:first-of-type { border-right-color: transparent; }
.new-header .transparent-header #header .right-side .header-widget:last-of-type { border-color: rgba(255,255,255,0.2); }

.new-header .transparent-header #navigation > ul li a,
.new-header .transparent-header .header-notifications-trigger,
.new-header .transparent-header .header-notifications-trigger a { color: #fff; }

body .new-header .transparent-header #navigation > ul ul li a { color: #aaa; }

.new-header .transparent-header .header-notifications-dropdown:before { border-bottom-color: #fff; }
.new-header .transparent-header .header-notifications-dropdown { background-color: #fff; }


.new-header .transparent-header .mmenu-trigger { background-color: #fff; }

.new-header .transparent-header #navigation > ul li a:after {
	background-color: transparent !important;
	color: #fff;
	opacity: 0.7;
	transition: 0.3s;
}

.new-header .transparent-header #navigation > ul li:hover ul li:hover a:after,
.new-header .transparent-header #navigation > ul li:hover a:after,
.new-header .transparent-header #navigation > ul li a.current:after {
    color: #28b661;
}

.new-header .transparent-header #navigation > ul li:hover ul a:after,
.new-header .transparent-header #navigation > ul ul li a:after {
    color: #bbb;
}

/* ---------------------------------- */
/* mmenu.js - mobile menu
------------------------------------- */
/*!
 * mmenu.js
 * mmenujs.com
 *
 * Copyright (c) Fred Heusschen
 * frebsite.nl
 *
 * License: CC-BY-NC-4.0
 * http://creativecommons.org/licenses/by-nc/4.0/
 */

:root {
    --mm-line-height: 18px;
    --mm-listitem-size: 44px;
    --mm-navbar-size: 44px;
    --mm-offset-top: 0;
    --mm-offset-right: 0;
    --mm-offset-bottom: 0;
    --mm-offset-left: 0;
    --mm-color-border: #404040;
    --mm-color-button: rgba(255,255,255,0.8);
    --mm-color-text: rgba( 255, 255, 255, 0.75);
    --mm-color-text-dimmed: rgba( 255, 255, 255, 0.4);
    --mm-color-background: #2a2a2a;
    --mm-color-background-highlight: rgba( 255, 255, 255, 0.2);
    --mm-color-background-emphasis: rgba( 255, 255, 255, 0.15);
    --mm-shadow: none;
}

.mm-hidden {
    display: none!important
}

.mm-wrapper {
    overflow-x: hidden;
    position: relative
}

.mm-menu {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #f3f3f3;
    border-color: rgba(0, 0, 0, .1);
    color: rgba(0, 0, 0, .75);
    line-height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: var(--mm-offset-top);
    right: var(--mm-offset-right);
    bottom: var(--mm-offset-bottom);
    left: var(--mm-offset-left);
    z-index: 0;
    background: var(--mm-color-background);
    border-color: var(--mm-color-border);
    color: var(--mm-color-text);
    line-height: var(--mm-line-height);
    -webkit-tap-highlight-color: var(--mm-color-background-emphasis);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.mm-menu a,
.mm-menu a:active,
.mm-menu a:hover,
.mm-menu a:link,
.mm-menu a:visited {
    text-decoration: none;
    color: #fff;
}

[dir=rtl] .mm-menu {
    direction: rtl
}

.mm-panel {
    background: #f3f3f3;
    border-color: rgba(0, 0, 0, .1);
    color: rgba(0, 0, 0, .75);
    z-index: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
    background: var(--mm-color-background);
    border-color: var(--mm-color-border);
    color: var(--mm-color-text);
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    -o-transition: transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;

}

.mm-panel:after {
    height: 44px
}

.mm-panel:not(.mm-hidden) {
    display: block
}

.mm-panel:after {
    content: '';
    display: block;
    height: var(--mm-listitem-size)
}

.mm-panel_opened {
    z-index: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-panel_opened-parent {
    -webkit-transform: translate3d(-30%, 0, 0);
    transform: translate3d(-30%, 0, 0)
}

.mm-panel_highest {
    z-index: 2
}

.mm-panel_noanimation {
    -webkit-transition: none!important;
    -o-transition: none!important;
    transition: none!important
}

.mm-panel_noanimation.mm-panel_opened-parent {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-panels>.mm-panel {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.mm-panel__content {
    padding: 20px 20px 0
}

.mm-panels {
    background: #f3f3f3;
    border-color: rgba(0, 0, 0, .1);
    color: rgba(0, 0, 0, .75);
    position: relative;
    height: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: hidden;
    background: var(--mm-color-background);
    border-color: var(--mm-color-border);
    color: var(--mm-color-text);
}

[dir=rtl] .mm-panel:not(.mm-panel_opened) {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

[dir=rtl] .mm-panel.mm-panel_opened-parent {
    -webkit-transform: translate3d(30%, 0, 0);
    transform: translate3d(30%, 0, 0)
}

.mm-listitem_vertical>.mm-panel {
    display: none;
    width: 100%;
    padding: 10px 0 10px 10px;
    -webkit-transform: none!important;
    -ms-transform: none!important;
    transform: none!important
}

.mm-listitem_vertical>.mm-panel:after,
.mm-listitem_vertical>.mm-panel:before {
    content: none;
    display: none
}

.mm-listitem_opened>.mm-panel {
    display: block
}

.mm-listitem_vertical>.mm-listitem__btn {
    height: 44px;
    height: var(--mm-listitem-size);
    bottom: auto
}

.mm-listitem_vertical .mm-listitem:last-child:after {
    border-color: transparent
}

.mm-listitem_opened>.mm-listitem__btn:after {
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
    right: 19px
}

.mm-btn {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50px;
    padding: 0
}

.mm-btn:after,
.mm-btn:before {
    border: 2px solid rgba(0, 0, 0, .3);
    border: 2px solid var(--mm-color-button)
}

.mm-btn_next:after,
.mm-btn_prev:before {
    content: '';
    border-bottom: none;
    border-right: none;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: block;
    width: 6px;
    height: 6px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0
}

.mm-btn_prev:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: 23px;
    right: auto
}

.mm-btn_next:after {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    right: 23px;
    left: auto
}

.mm-btn_close:after,
.mm-btn_close:before {
    content: '';
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: block;
    width: 5px;
    height: 5px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.mm-btn_close:before {
    border-right: none;
    border-bottom: none;
    right: 18px
}

.mm-btn_close:after {
    border-left: none;
    border-top: none;
    right: 25px
}

[dir=rtl] .mm-btn_next:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: 23px;
    right: auto
}

[dir=rtl] .mm-btn_prev:before {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    right: 23px;
    left: auto
}

[dir=rtl] .mm-btn_close:after,
[dir=rtl] .mm-btn_close:before {
    right: auto
}

[dir=rtl] .mm-btn_close:before {
    left: 25px
}

[dir=rtl] .mm-btn_close:after {
    left: 18px
}

.mm-navbar {
    min-height: 44px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    background: #f3f3f3;
    color: rgba(0, 0, 0, .3);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: var(--mm-navbar-size);
    border-bottom: 1px solid var(--mm-color-border);
    background: var(--mm-color-background);
    color: var(--mm-color-text-dimmed);
    text-align: center;
    opacity: 1;
    -webkit-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease;
    background: #262626;
}

.mm-navbar>* {
    min-height: 44px
}

@supports ((position:-webkit-sticky) or (position:sticky)) {
    .mm-navbar_sticky {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1
    }
}

.mm-navbar>* {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mm-navbar__btn {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.mm-navbar__title {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 20px;
    padding-right: 20px;
    overflow: hidden
}

.mm-navbar__title:not(:last-child) {
    padding-right: 0
}

.mm-navbar__title>span {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
    font-size: 14px;
	font-weight: 500;
    text-transform: uppercase;
    font-size: 12px;
}

.mm-navbar__btn:not(.mm-hidden)+.mm-navbar__title {
    padding-left: 0
}

.mm-navbar__btn:not(.mm-hidden)+.mm-navbar__title:last-child {
    padding-right: 50px
}

[dir=rtl] .mm-navbar {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.mm-listview {
    list-style: none;
    display: block;
    padding: 0;
    margin: 0
}

.mm-listitem {
    color: rgba(0, 0, 0, .75);
    border-color: transparent;
    color: var(--mm-color-text);
    list-style: none;
    display: block;
    padding: 0;
    margin: 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.mm-listitem:after {
    content: '';
    border-color: inherit;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: block;
    position: absolute;
    left: 20px;
    right: 0;
    bottom: 0
}

.mm-listitem a,
.mm-listitem a:hover {
    text-decoration: none
}

.mm-listitem__btn,
.mm-listitem__text {
    padding: 12px;
    display: block;
    padding: calc((var(--mm-listitem-size) - var(--mm-line-height))/ 2);
    padding-left: 0;
    padding-right: 0;
    color: inherit
}

.mm-listitem__text {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-left: 20px;
    padding-right: 65px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 10%;
    flex-basis: 10%;
    border-bottom: 1px solid transparent;
   border-bottom-color: var(--mm-color-border);
   font-size: 14px;
   color: #fff;
}


.mm-listitem__btn {
    background: rgba(3, 2, 1, 0);
    border-color: inherit;
    width: auto;
    padding-right: 50px;
    position: absolute;
    width: 100%;
}

/* Parent Item Clickable */
/*.mm-listitem__btn {
    background: rgba(3, 2, 1, 0);
    border-color: inherit;
    width: auto;
    padding-right: 50px;
    position: relative
}*/

.mm-listitem__btn:not(.mm-listitem__text) {
    border-left-width: none;
    border-left-style: solid
}

.mm-listitem_selected>.mm-listitem__text {
    background: rgba(255, 255, 255, .4);
    background: var(--mm-color-background-emphasis)
}

.mm-listitem_opened>.mm-listitem__btn,
.mm-listitem_opened>.mm-panel {
    background: rgba(0, 0, 0, .05);
    background: var(--mm-color-background-highlight)
}

[dir=rtl] .mm-listitem:after {
    left: 0;
    right: 20px
}

[dir=rtl] .mm-listitem__text {
    padding-left: 10px;
    padding-right: 20px
}

[dir=rtl] .mm-listitem__btn {
    padding-left: 50px;
    border-left-width: 0;
    border-left-style: none
}

[dir=rtl] .mm-listitem__btn:not(.mm-listitem__text) {
    padding-right: 0;
    border-right-width: 1px;
    border-right-style: solid
}

.mm-page {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.mm-slideout {
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    -o-transition: transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
    z-index: 1
}

.mm-wrapper_opened {
    overflow-x: hidden;
    position: relative
}

.mm-wrapper_opened .mm-page {
    min-height: 100vh
}

.mm-wrapper_background .mm-page {
    background: inherit
}

.mm-menu_offcanvas {
    position: fixed;
    right: auto;
    z-index: 0
}

.mm-menu_offcanvas:not(.mm-menu_opened) {
    display: none
}

.mm-panels,
.mm-panel,
.mm-menu_offcanvas {
    width: 80vw;
    min-width: 240px;
    max-width: 440px;
}

.mm-wrapper_opening .mm-menu_offcanvas~.mm-slideout {
    -webkit-transform: translate3d(80vw, 0, 0);
    transform: translate3d(80vw, 0, 0)
}

@media all and (max-width:300px) {
    .mm-wrapper_opening .mm-menu_offcanvas~.mm-slideout {
        -webkit-transform: translate3d(240px, 0, 0);
        transform: translate3d(240px, 0, 0)
    }
}

@media all and (min-width:550px) {
    .mm-wrapper_opening .mm-menu_offcanvas~.mm-slideout {
        -webkit-transform: translate3d(440px, 0, 0);
        transform: translate3d(440px, 0, 0)
    }
}

.mm-wrapper__blocker {
    background: rgba(3, 2, 1, 0);
    overflow: hidden;
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2
}

.mm-wrapper_blocking {
    overflow: hidden
}

.mm-wrapper_blocking body {
    overflow: hidden
}

.mm-wrapper_blocking .mm-wrapper__blocker {
    display: block
}

.mm-sronly {
    border: 0!important;
    clip: rect(1px, 1px, 1px, 1px)!important;
    -webkit-clip-path: inset(50%)!important;
    clip-path: inset(50%)!important;
    white-space: nowrap!important;
    width: 1px!important;
    min-width: 1px!important;
    height: 1px!important;
    min-height: 1px!important;
    padding: 0!important;
    overflow: hidden!important;
    position: absolute!important
}

.mm-menu_autoheight:not(.mm-menu_offcanvas) {
    position: relative
}

.mm-menu_autoheight.mm-menu_position-bottom,
.mm-menu_autoheight.mm-menu_position-top {
    max-height: 80%
}

.mm-menu_autoheight-measuring .mm-panel {
    display: block!important
}

.mm-menu_autoheight-measuring .mm-panels>.mm-panel {
    bottom: auto!important;
    height: auto!important
}

.mm-menu_autoheight-measuring .mm-listitem_vertical:not(.mm-listitem_opened) .mm-panel {
    display: none!important
}

[class*=mm-menu_columns-] {
    -webkit-transition-property: width;
    -o-transition-property: width;
    transition-property: width
}

[class*=mm-menu_columns-] .mm-panels>.mm-panel {
    right: auto;
    -webkit-transition-property: width, -webkit-transform;
    transition-property: width, -webkit-transform;
    -o-transition-property: width, transform;
    transition-property: width, transform;
    transition-property: width, transform, -webkit-transform
}

[class*=mm-menu_columns-] .mm-panels>.mm-panel_opened,
[class*=mm-menu_columns-] .mm-panels>.mm-panel_opened-parent {
    display: block!important
}

[class*=mm-panel_columns-] {
    border-right: 1px solid;
    border-color: inherit
}

.mm-menu_columns-1 .mm-panel_columns-0,
.mm-menu_columns-2 .mm-panel_columns-1,
.mm-menu_columns-3 .mm-panel_columns-2,
.mm-menu_columns-4 .mm-panel_columns-3 {
    border-right: none
}

[class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-0 {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-menu_columns-0 .mm-panels>.mm-panel {
    z-index: 0
}

.mm-menu_columns-0 .mm-panels>.mm-panel else {
    width: 100%
}

.mm-menu_columns-0 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent) {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.mm-menu_columns-0 {
    width: 80%;
    min-width: 240px;
    max-width: 0
}

.mm-wrapper_opening .mm-menu_columns-0~.mm-slideout {
    -webkit-transform: translate3d(80vw, 0, 0);
    transform: translate3d(80vw, 0, 0)
}

@media all and (max-width:300px) {
    .mm-wrapper_opening .mm-menu_columns-0~.mm-slideout {
        -webkit-transform: translate3d(240px, 0, 0);
        transform: translate3d(240px, 0, 0)
    }
}

@media all and (min-width:0px) {
    .mm-wrapper_opening .mm-menu_columns-0~.mm-slideout {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.mm-wrapper_opening .mm-menu_columns-0.mm-menu_position-right.mm-menu_opened~.mm-slideout {
    -webkit-transform: translate3d(-80vw, 0, 0);
    transform: translate3d(-80vw, 0, 0)
}

@media all and (max-width:300px) {
    .mm-wrapper_opening .mm-menu_columns-0.mm-menu_position-right.mm-menu_opened~.mm-slideout {
        -webkit-transform: translate3d(-240px, 0, 0);
        transform: translate3d(-240px, 0, 0)
    }
}

@media all and (min-width:0px) {
    .mm-wrapper_opening .mm-menu_columns-0.mm-menu_position-right.mm-menu_opened~.mm-slideout {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

[class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-1 {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.mm-menu_columns-1 .mm-panels>.mm-panel {
    z-index: 1;
    width: 100%
}

.mm-menu_columns-1 .mm-panels>.mm-panel else {
    width: 100%
}

.mm-menu_columns-1 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent) {
    -webkit-transform: translate3d(200%, 0, 0);
    transform: translate3d(200%, 0, 0)
}

.mm-menu_columns-1 {
    width: 80%;
    min-width: 240px;
    max-width: 440px
}

.mm-wrapper_opening .mm-menu_columns-1~.mm-slideout {
    -webkit-transform: translate3d(80vw, 0, 0);
    transform: translate3d(80vw, 0, 0)
}

@media all and (max-width:300px) {
    .mm-wrapper_opening .mm-menu_columns-1~.mm-slideout {
        -webkit-transform: translate3d(240px, 0, 0);
        transform: translate3d(240px, 0, 0)
    }
}

@media all and (min-width:550px) {
    .mm-wrapper_opening .mm-menu_columns-1~.mm-slideout {
        -webkit-transform: translate3d(440px, 0, 0);
        transform: translate3d(440px, 0, 0)
    }
}

.mm-wrapper_opening .mm-menu_columns-1.mm-menu_position-right.mm-menu_opened~.mm-slideout {
    -webkit-transform: translate3d(-80vw, 0, 0);
    transform: translate3d(-80vw, 0, 0)
}

@media all and (max-width:300px) {
    .mm-wrapper_opening .mm-menu_columns-1.mm-menu_position-right.mm-menu_opened~.mm-slideout {
        -webkit-transform: translate3d(-240px, 0, 0);
        transform: translate3d(-240px, 0, 0)
    }
}

@media all and (min-width:550px) {
    .mm-wrapper_opening .mm-menu_columns-1.mm-menu_position-right.mm-menu_opened~.mm-slideout {
        -webkit-transform: translate3d(-440px, 0, 0);
        transform: translate3d(-440px, 0, 0)
    }
}

[class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-2 {
    -webkit-transform: translate3d(200%, 0, 0);
    transform: translate3d(200%, 0, 0)
}

.mm-menu_columns-2 .mm-panels>.mm-panel {
    z-index: 2;
    width: 50%
}

.mm-menu_columns-2 .mm-panels>.mm-panel else {
    width: 100%
}

.mm-menu_columns-2 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent) {
    -webkit-transform: translate3d(300%, 0, 0);
    transform: translate3d(300%, 0, 0)
}

.mm-menu_columns-2 {
    width: 80%;
    min-width: 240px;
    max-width: 880px
}

.mm-wrapper_opening .mm-menu_columns-2~.mm-slideout {
    -webkit-transform: translate3d(80vw, 0, 0);
    transform: translate3d(80vw, 0, 0)
}

@media all and (max-width:300px) {
    .mm-wrapper_opening .mm-menu_columns-2~.mm-slideout {
        -webkit-transform: translate3d(240px, 0, 0);
        transform: translate3d(240px, 0, 0)
    }
}

@media all and (min-width:1100px) {
    .mm-wrapper_opening .mm-menu_columns-2~.mm-slideout {
        -webkit-transform: translate3d(880px, 0, 0);
        transform: translate3d(880px, 0, 0)
    }
}

.mm-wrapper_opening .mm-menu_columns-2.mm-menu_position-right.mm-menu_opened~.mm-slideout {
    -webkit-transform: translate3d(-80vw, 0, 0);
    transform: translate3d(-80vw, 0, 0)
}

@media all and (max-width:300px) {
    .mm-wrapper_opening .mm-menu_columns-2.mm-menu_position-right.mm-menu_opened~.mm-slideout {
        -webkit-transform: translate3d(-240px, 0, 0);
        transform: translate3d(-240px, 0, 0)
    }
}

@media all and (min-width:1100px) {
    .mm-wrapper_opening .mm-menu_columns-2.mm-menu_position-right.mm-menu_opened~.mm-slideout {
        -webkit-transform: translate3d(-880px, 0, 0);
        transform: translate3d(-880px, 0, 0)
    }
}

[class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-3 {
    -webkit-transform: translate3d(300%, 0, 0);
    transform: translate3d(300%, 0, 0)
}

.mm-menu_columns-3 .mm-panels>.mm-panel {
    z-index: 3;
    width: 33.34%
}

.mm-menu_columns-3 .mm-panels>.mm-panel else {
    width: 100%
}

.mm-menu_columns-3 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent) {
    -webkit-transform: translate3d(400%, 0, 0);
    transform: translate3d(400%, 0, 0)
}

.mm-menu_columns-3 {
    width: 80%;
    min-width: 240px;
    max-width: 1320px
}

.mm-wrapper_opening .mm-menu_columns-3~.mm-slideout {
    -webkit-transform: translate3d(80vw, 0, 0);
    transform: translate3d(80vw, 0, 0)
}

@media all and (max-width:300px) {
    .mm-wrapper_opening .mm-menu_columns-3~.mm-slideout {
        -webkit-transform: translate3d(240px, 0, 0);
        transform: translate3d(240px, 0, 0)
    }
}

@media all and (min-width:1650px) {
    .mm-wrapper_opening .mm-menu_columns-3~.mm-slideout {
        -webkit-transform: translate3d(1320px, 0, 0);
        transform: translate3d(1320px, 0, 0)
    }
}

.mm-wrapper_opening .mm-menu_columns-3.mm-menu_position-right.mm-menu_opened~.mm-slideout {
    -webkit-transform: translate3d(-80vw, 0, 0);
    transform: translate3d(-80vw, 0, 0)
}

@media all and (max-width:300px) {
    .mm-wrapper_opening .mm-menu_columns-3.mm-menu_position-right.mm-menu_opened~.mm-slideout {
        -webkit-transform: translate3d(-240px, 0, 0);
        transform: translate3d(-240px, 0, 0)
    }
}

@media all and (min-width:1650px) {
    .mm-wrapper_opening .mm-menu_columns-3.mm-menu_position-right.mm-menu_opened~.mm-slideout {
        -webkit-transform: translate3d(-1320px, 0, 0);
        transform: translate3d(-1320px, 0, 0)
    }
}

[class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-4 {
    -webkit-transform: translate3d(400%, 0, 0);
    transform: translate3d(400%, 0, 0)
}

.mm-menu_columns-4 .mm-panels>.mm-panel {
    z-index: 4;
    width: 25%
}

.mm-menu_columns-4 .mm-panels>.mm-panel else {
    width: 100%
}

.mm-menu_columns-4 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent) {
    -webkit-transform: translate3d(500%, 0, 0);
    transform: translate3d(500%, 0, 0)
}

.mm-menu_columns-4 {
    width: 80%;
    min-width: 240px;
    max-width: 1760px
}

.mm-wrapper_opening .mm-menu_columns-4~.mm-slideout {
    -webkit-transform: translate3d(80vw, 0, 0);
    transform: translate3d(80vw, 0, 0)
}

@media all and (max-width:300px) {
    .mm-wrapper_opening .mm-menu_columns-4~.mm-slideout {
        -webkit-transform: translate3d(240px, 0, 0);
        transform: translate3d(240px, 0, 0)
    }
}

@media all and (min-width:2200px) {
    .mm-wrapper_opening .mm-menu_columns-4~.mm-slideout {
        -webkit-transform: translate3d(1760px, 0, 0);
        transform: translate3d(1760px, 0, 0)
    }
}

.mm-wrapper_opening .mm-menu_columns-4.mm-menu_position-right.mm-menu_opened~.mm-slideout {
    -webkit-transform: translate3d(-80vw, 0, 0);
    transform: translate3d(-80vw, 0, 0)
}

@media all and (max-width:300px) {
    .mm-wrapper_opening .mm-menu_columns-4.mm-menu_position-right.mm-menu_opened~.mm-slideout {
        -webkit-transform: translate3d(-240px, 0, 0);
        transform: translate3d(-240px, 0, 0)
    }
}

@media all and (min-width:2200px) {
    .mm-wrapper_opening .mm-menu_columns-4.mm-menu_position-right.mm-menu_opened~.mm-slideout {
        -webkit-transform: translate3d(-1760px, 0, 0);
        transform: translate3d(-1760px, 0, 0)
    }
}

[class*=mm-menu_columns-].mm-menu_position-bottom,
[class*=mm-menu_columns-].mm-menu_position-top {
    width: 100%;
    max-width: 100%;
    min-width: 100%
}

.mm-wrapper_opening [class*=mm-menu_columns-].mm-menu_position-front {
    -webkit-transition-property: width, min-width, max-width, -webkit-transform;
    transition-property: width, min-width, max-width, -webkit-transform;
    -o-transition-property: width, min-width, max-width, transform;
    transition-property: width, min-width, max-width, transform;
    transition-property: width, min-width, max-width, transform, -webkit-transform
}

.mm-counter {
    color: rgba(0, 0, 0, .3);
    display: block;
    padding-left: 20px;
    float: right;
    text-align: right;
    color: var(--mm-color-text-dimmed);
    background-color: #26ae61;
    height: 20px;
    width: 20px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    line-height: 21px;
    font-size: 10px;
    font-weight: 500;
    padding: 0;
    position: relative;
    right: -10px;
}

.mm-listitem_nosubitems>.mm-counter {
    display: none
}

[dir=rtl] .mm-counter {
    text-align: left;
    float: left;
    padding-left: 0;
    padding-right: 20px
}

.mm-divider {
    position: relative;
    min-height: 20px;
    padding: 4.3px;
    background: #f3f3f3;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    min-height: var(--mm-line-height);
    padding: calc(((var(--mm-listitem-size) * .65) - var(--mm-line-height)) * .5);
    padding-right: 10px;
    padding-left: 20px;
    font-size: 75%;
    text-transform: uppercase;
    background: var(--mm-color-background);
    opacity: 1;
    -webkit-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.mm-divider:before {
    background: rgba(0, 0, 0, .05)
}

@supports ((position:-webkit-sticky) or (position:sticky)) {
    .mm-divider {
        position: -webkit-sticky;
        position: sticky;
        z-index: 2;
        top: 0
    }
    .mm-navbar_sticky:not(.mm-hidden)~.mm-listview .mm-divider {
        top: var(--mm-navbar-size)
    }
}

.mm-divider:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: var(--mm-color-background-highlight)
}

.mm-wrapper_dragging .mm-menu,
.mm-wrapper_dragging .mm-slideout {
    -webkit-transition-duration: 0s!important;
    -o-transition-duration: 0s!important;
    transition-duration: 0s!important;
    -webkit-user-select: none!important;
    -moz-user-select: none!important;
    -ms-user-select: none!important;
    user-select: none!important
}

.mm-wrapper_dragging .mm-menu {
    pointer-events: none!important
}

.mm-wrapper_dragging .mm-wrapper__blocker {
    display: none!important
}

.mm-menu_dropdown {
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .3);
    box-shadow: 0 2px 10px rgba(0, 0, 0, .3);
    height: 80%
}

.mm-wrapper_dropdown .mm-slideout {
    -webkit-transform: none!important;
    -ms-transform: none!important;
    transform: none!important;
    z-index: 0
}

.mm-wrapper_dropdown .mm-wrapper__blocker {
    -webkit-transition-delay: 0s!important;
    -o-transition-delay: 0s!important;
    transition-delay: 0s!important;
    z-index: 1
}

.mm-wrapper_dropdown .mm-menu_dropdown {
    z-index: 2
}

.mm-wrapper_dropdown.mm-wrapper_opened:not(.mm-wrapper_opening) .mm-menu_dropdown {
    display: none
}

.mm-menu_tip-bottom:before,
.mm-menu_tip-left:before,
.mm-menu_tip-right:before,
.mm-menu_tip-top:before {
    content: '';
    background: inherit;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .3);
    box-shadow: 0 2px 10px rgba(0, 0, 0, .3);
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    z-index: -1;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mm-menu_tip-left:before {
    left: 22px
}

.mm-menu_tip-right:before {
    right: 22px
}

.mm-menu_tip-top:before {
    top: -8px
}

.mm-menu_tip-bottom:before {
    bottom: -8px
}

:root {
    --mm-iconbar-size: 50px
}

.mm-menu_iconbar-left .mm-navbars_bottom,
.mm-menu_iconbar-left .mm-navbars_top,
.mm-menu_iconbar-left .mm-panels {
    margin-left: 50px;
    margin-left: var(--mm-iconbar-size)
}

.mm-menu_iconbar-left .mm-iconbar {
    border-right-width: 1px;
    display: block;
    left: 0
}

.mm-menu_iconbar-right .mm-navbars_bottom,
.mm-menu_iconbar-right .mm-navbars_top,
.mm-menu_iconbar-right .mm-panels {
    margin-right: 50px;
    margin-right: var(--mm-iconbar-size)
}

.mm-menu_iconbar-right .mm-iconbar {
    border-left-width: 1px;
    display: block;
    right: 0
}

.mm-iconbar {
    width: 50px;
    border-color: rgba(0, 0, 0, .1);
    background: #f3f3f3;
    color: rgba(0, 0, 0, .3);
    display: none;
    width: var(--mm-iconbar-size);
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 2;
    border: 0 solid;
    border-color: var(--mm-color-border);
    background: var(--mm-color-background);
    color: var(--mm-color-text-dimmed);
    text-align: center
}

.mm-iconbar__bottom,
.mm-iconbar__top {
    width: inherit;
    position: absolute
}

.mm-iconbar__bottom>*,
.mm-iconbar__top>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    padding: 12.5px 0
}

.mm-iconbar__bottom a,
.mm-iconbar__bottom a:hover,
.mm-iconbar__top a,
.mm-iconbar__top a:hover {
    text-decoration: none
}

.mm-iconbar__top {
    top: 0
}

.mm-iconbar__bottom {
    bottom: 0
}

.mm-iconbar__tab_selected {
    background: rgba(255, 255, 255, .4);
    background: var(--mm-color-background-emphasis)
}

:root {
    --mm-iconpanel-size: 50px
}

.mm-panel_iconpanel-1 {
    width: calc(100% - 50px);
    width: calc(100% - (var(--mm-iconpanel-size) * 1))
}

.mm-panel_iconpanel-2 {
    width: calc(100% - 100px);
    width: calc(100% - (var(--mm-iconpanel-size) * 2))
}

.mm-panel_iconpanel-3 {
    width: calc(100% - 150px);
    width: calc(100% - (var(--mm-iconpanel-size) * 3))
}

.mm-panel_iconpanel-first~.mm-panel {
    width: calc(100% - 50px);
    width: calc(100% - var(--mm-iconpanel-size))
}

.mm-menu_iconpanel .mm-panels>.mm-panel {
    left: auto;
    -webkit-transition-property: width, -webkit-transform;
    transition-property: width, -webkit-transform;
    -o-transition-property: transform, width;
    transition-property: transform, width;
    transition-property: transform, width, -webkit-transform
}

.mm-menu_iconpanel .mm-panels>.mm-panel_opened,
.mm-menu_iconpanel .mm-panels>.mm-panel_opened-parent {
    display: block!important
}

.mm-menu_iconpanel .mm-panels>.mm-panel_opened-parent {
    overflow-y: hidden;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset
}

.mm-menu_iconpanel .mm-panels>.mm-panel:not(.mm-panel_iconpanel-first):not(.mm-panel_iconpanel-0) {
    border-left-width: 1px;
    border-left-style: solid
}

.mm-menu_hidedivider .mm-panel_opened-parent .mm-divider,
.mm-menu_hidenavbar .mm-panel_opened-parent .mm-navbar {
    opacity: 0
}

.mm-panel__blocker {
    background: inherit;
    opacity: 0;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 3;
    -webkit-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.mm-panel_opened-parent .mm-panel__blocker {
    opacity: .6;
    bottom: -100000px
}

[dir=rtl] .mm-menu_iconpanel .mm-panels>.mm-panel {
    left: 0;
    right: auto;
    -webkit-transition-property: width, -webkit-transform;
    transition-property: width, -webkit-transform;
    -o-transition-property: transform, width;
    transition-property: transform, width;
    transition-property: transform, width, -webkit-transform
}

[dir=rtl] .mm-menu_iconpanel .mm-panels>.mm-panel:not(.mm-panel_iconpanel-first):not(.mm-panel_iconpanel-0) {
    border-left: none;
    border-right: 1px solid;
    border-color: inherit
}

.mm-menu_keyboardfocus a:focus,
.mm-menu_keyboardfocus.mm-menu_opened~.mm-wrapper__blocker a:focus {
    background: rgba(255, 255, 255, .4);
    background: var(--mm-color-background-emphasis);
    outline: 0
}

.mm-wrapper__blocker .mm-tabstart {
    cursor: default;
    display: block;
    width: 100%;
    height: 100%
}

.mm-wrapper__blocker .mm-tabend {
    opacity: 0;
    position: absolute;
    bottom: 0
}

.mm-navbars_top {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.mm-navbars_top .mm-navbar:not(:last-child) {
    border-bottom: none
}

.mm-navbars_bottom {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.mm-navbars_bottom .mm-navbar {
    border-bottom: none
}

.mm-navbars_bottom .mm-navbar:first-child {
    border-top: 1px solid rgba(0, 0, 0, .1);
    border-top: 1px solid var(--mm-color-border)
}

.mm-btn:not(.mm-hidden)+.mm-navbar__searchfield .mm-searchfield__input {
    padding-left: 0
}

.mm-navbar__searchfield:not(:last-child) .mm-searchfield__input {
    padding-right: 0
}

.mm-navbar__breadcrumbs {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0 20px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.mm-navbar__breadcrumbs>* {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-right: 6px
}

.mm-navbar__breadcrumbs>a {
    text-decoration: underline
}

.mm-navbar__breadcrumbs:not(:last-child) {
    padding-right: 0
}

.mm-btn:not(.mm-hidden)+.mm-navbar__breadcrumbs {
    padding-left: 0
}

.mm-navbar_tabs>* {
    padding: 0 10px;
    border: 1px solid transparent
}

.mm-navbar__tab_selected {
    background: #f3f3f3;
    color: rgba(0, 0, 0, .75);
    background: var(--mm-color-background);
    color: var(--mm-color-text)
}

.mm-navbar__tab_selected:not(:first-child) {
    border-left-color: rgba(0, 0, 0, .1)
}

.mm-navbar__tab_selected:not(:last-child) {
    border-right-color: rgba(0, 0, 0, .1)
}

.mm-navbar__tab_selected:not(:first-child) {
    border-left-color: var(--mm-color-border)
}

.mm-navbar__tab_selected:not(:last-child) {
    border-right-color: var(--mm-color-border)
}

.mm-navbars_top .mm-navbar_tabs {
    border-bottom: none
}

.mm-navbars_top .mm-navbar_tabs>* {
    border-bottom-color: rgba(0, 0, 0, .1);
    border-bottom-color: var(--mm-color-border)
}

.mm-navbars_top .mm-navbar__tab_selected {
    border-top-color: rgba(0, 0, 0, .1);
    border-top-color: var(--mm-color-border);
    border-bottom-color: transparent
}

.mm-navbars_top.mm-navbars_has-tabs .mm-navbar {
    background: rgba(255, 255, 255, .4);
    background: var(--mm-color-background-emphasis)
}

.mm-navbars_top.mm-navbars_has-tabs .mm-navbar_tabs~.mm-navbar {
    background: #f3f3f3;
    background: var(--mm-color-background)
}

.mm-navbars_bottom .mm-navbar_tabs:first-child {
    border-top: none
}

.mm-navbars_bottom .mm-navbar_tabs>* {
    border-top-color: rgba(0, 0, 0, .1);
    border-top-color: var(--mm-color-border)
}

.mm-navbars_bottom .mm-navbar__tab_selected {
    border-bottom-color: rgba(0, 0, 0, .1);
    border-bottom-color: var(--mm-color-border);
    border-top-color: transparent
}

.mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar {
    background: #f3f3f3;
    background: var(--mm-color-background)
}

.mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar_tabs,
.mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar_tabs~.mm-navbar {
    background: rgba(255, 255, 255, .4);
    background: var(--mm-color-background-emphasis)
}

.mm-searchfield {
    height: 44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: var(--mm-navbar-size);
    padding: 0;
    overflow: hidden
}

.mm-searchfield input {
    height: 30.8px;
    line-height: 30.8px
}

.mm-searchfield input,
.mm-searchfield input:focus,
.mm-searchfield input:hover {
    background: rgba(0, 0, 0, .05);
    color: rgba(0, 0, 0, .75)
}

.mm-searchfield input {
    display: block;
    width: 100%;
    max-width: 100%;
    height: calc(var(--mm-navbar-size) * .7);
    min-height: unset;
    max-height: unset;
    margin: 0;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none!important;
    border-radius: 4px;
    line-height: calc(var(--mm-navbar-size) * .7);
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    outline: 0!important;
    font: inherit;
    font-size: inherit
}

.mm-searchfield input,
.mm-searchfield input:focus,
.mm-searchfield input:hover {
    background: var(--mm-color-background-highlight);
    color: var(--mm-color-text)
}

.mm-searchfield input::-ms-clear {
    display: none
}

.mm-searchfield__input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    width: 100%;
    max-width: 100%;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mm-panel__noresultsmsg {
    color: rgba(0, 0, 0, .3);
    padding: 50px 0;
    color: var(--mm-color-text-dimmed);
    text-align: center;
    font-size: 150%
}

.mm-searchfield__btn {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0
}

.mm-panel_search {
    left: 0!important;
    right: 0!important;
    width: 100%!important;
    border-left: none!important
}

.mm-searchfield__cancel {
    line-height: 44px;
    display: block;
    padding-right: 10px;
    margin-right: -100px;
    line-height: var(--mm-navbar-size);
    text-decoration: none;
    -webkit-transition: margin .4s ease;
    -o-transition: margin .4s ease;
    transition: margin .4s ease
}

.mm-searchfield__cancel-active {
    margin-right: 0
}

.mm-listitem_nosubitems>.mm-listitem__btn {
    display: none
}

.mm-listitem_nosubitems>.mm-listitem__text {
    padding-right: 10px
}

.mm-listitem_onlysubitems>.mm-listitem__text:not(.mm-listitem__btn) {
    z-index: -1;
    pointer-events: none
}

.mm-sectionindexer {
    background: inherit;
    text-align: center;
    font-size: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -20px;
    z-index: 5;
    -webkit-transition: right .4s ease;
    -o-transition: right .4s ease;
    transition: right .4s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
}

.mm-sectionindexer a {
    color: rgba(0, 0, 0, .3);
    color: var(--mm-color-text-dimmed);
    line-height: 1;
    text-decoration: none;
    display: block
}

.mm-sectionindexer~.mm-panel {
    padding-right: 0
}

.mm-sectionindexer_active {
    right: 0
}

.mm-sectionindexer_active~.mm-panel {
    padding-right: 20px
}

.mm-menu_selected-hover .mm-listitem__btn,
.mm-menu_selected-hover .mm-listitem__text,
.mm-menu_selected-parent .mm-listitem__btn,
.mm-menu_selected-parent .mm-listitem__text {
    -webkit-transition: background-color .4s ease;
    -o-transition: background-color .4s ease;
    transition: background-color .4s ease
}

.mm-menu_selected-hover .mm-listview:hover>.mm-listitem_selected>.mm-listitem__text {
    background: 0 0
}

.mm-menu_selected-hover .mm-listitem__btn:hover,
.mm-menu_selected-hover .mm-listitem__text:hover {
    background: rgba(255, 255, 255, .4);
    background: var(--mm-color-background-emphasis)
}

.mm-menu_selected-parent .mm-panel_opened-parent .mm-listitem:not(.mm-listitem_selected-parent)>.mm-listitem__text {
    background: 0 0
}

.mm-menu_selected-parent .mm-listitem_selected-parent>.mm-listitem__btn,
.mm-menu_selected-parent .mm-listitem_selected-parent>.mm-listitem__text {
    background: rgba(255, 255, 255, .4);
    background: var(--mm-color-background-emphasis)
}

:root {
    --mm-sidebar-collapsed-size: 50px;
    --mm-sidebar-expanded-size: 440px
}

.mm-wrapper_sidebar-collapsed body,
.mm-wrapper_sidebar-expanded body {
    position: relative
}

.mm-wrapper_sidebar-collapsed .mm-slideout,
.mm-wrapper_sidebar-expanded .mm-slideout {
    -webkit-transition-property: width, -webkit-transform;
    transition-property: width, -webkit-transform;
    -o-transition-property: width, transform;
    transition-property: width, transform;
    transition-property: width, transform, -webkit-transform
}

.mm-wrapper_sidebar-collapsed .mm-page,
.mm-wrapper_sidebar-expanded .mm-page {
    background: inherit;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 100vh
}

.mm-wrapper_sidebar-collapsed .mm-menu_sidebar-collapsed,
.mm-wrapper_sidebar-expanded .mm-menu_sidebar-expanded {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    top: 0!important;
    right: auto!important;
    bottom: 0!important;
    left: 0!important
}

.mm-wrapper_sidebar-collapsed .mm-slideout {
    width: calc(100% - 50px);
    -webkit-transform: translate3d(50px, 0, 0);
    transform: translate3d(50px, 0, 0);
    width: calc(100% - var(--mm-sidebar-collapsed-size));
    -webkit-transform: translate3d(var(--mm-sidebar-collapsed-size), 0, 0);
    transform: translate3d(var(--mm-sidebar-collapsed-size), 0, 0)
}

.mm-wrapper_sidebar-collapsed:not(.mm-wrapper_opening) .mm-menu_hidedivider .mm-divider,
.mm-wrapper_sidebar-collapsed:not(.mm-wrapper_opening) .mm-menu_hidenavbar .mm-navbar {
    opacity: 0
}

.mm-wrapper_sidebar-expanded .mm-menu_sidebar-expanded {
    width: 440px;
    width: var(--mm-sidebar-expanded-size);
    min-width: 0!important;
    max-width: 100000px!important;
    border-right-width: 1px;
    border-right-style: solid
}

.mm-wrapper_sidebar-expanded .mm-menu_sidebar-expanded.mm-menu_pageshadow:after {
    content: none;
    display: none
}

.mm-wrapper_sidebar-expanded.mm-wrapper_blocking,
.mm-wrapper_sidebar-expanded.mm-wrapper_blocking body {
    overflow: visible
}

.mm-wrapper_sidebar-expanded .mm-wrapper__blocker {
    display: none!important
}

.mm-wrapper_sidebar-expanded:not(.mm-wrapper_sidebar-closed) .mm-menu_sidebar-expanded.mm-menu_opened~.mm-slideout {
    width: calc(100% - 440px);
    -webkit-transform: translate3d(440px, 0, 0);
    transform: translate3d(440px, 0, 0);
    width: calc(100% - var(--mm-sidebar-expanded-size));
    -webkit-transform: translate3d(var(--mm-sidebar-expanded-size), 0, 0);
    transform: translate3d(var(--mm-sidebar-expanded-size), 0, 0)
}

.mm-menu__blocker {
    background: rgba(3, 2, 1, 0);
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3
}

.mm-menu_opened .mm-menu__blocker {
    display: none
}

[dir=rtl].mm-wrapper_sidebar-collapsed .mm-slideout {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

[dir=rtl].mm-wrapper_sidebar-expanded .mm-slideout {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

[dir=rtl].mm-wrapper_sidebar-expanded:not(.mm-wrapper_sidebar-closed) .mm-menu_sidebar-expanded.mm-menu_opened~.mm-slideout {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

input.mm-toggle {
    margin-top: 5px;
    background: rgba(0, 0, 0, .1);
    display: inline-block;
    min-width: 58px;
    width: 58px;
    height: 34px;
    margin: 0 10px;
    margin-top: calc((var(--mm-listitem-size) - 34px)/ 2);
    border: none!important;
    background: var(--mm-color-border);
    border-radius: 34px;
    -webkit-appearance: none!important;
    -moz-appearance: none!important;
    appearance: none!important;
    cursor: pointer;
    -webkit-transition: background-color .2s ease;
    -o-transition: background-color .2s ease;
    transition: background-color .2s ease
}

input.mm-toggle:before {
    background: #f3f3f3
}

input.mm-toggle:before {
    content: '';
    display: block;
    width: 32px;
    height: 32px;
    margin: 1px;
    border-radius: 34px;
    background: var(--mm-color-background);
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    -o-transition: transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease
}

input.mm-toggle:checked {
    background: #4bd963
}

input.mm-toggle:checked:before {
    -webkit-transform: translateX(24px);
    -ms-transform: translateX(24px);
    transform: translateX(24px)
}

input.mm-check {
    margin-top: 2px;
    -webkit-appearance: none!important;
    -moz-appearance: none!important;
    appearance: none!important;
    border: none!important;
    background: 0 0!important;
    cursor: pointer;
    display: inline-block;
    width: 40px;
    height: 40px;
    margin: 0 10px;
    margin-top: calc((var(--mm-listitem-size) - 40px)/ 2)
}

input.mm-check:before {
    content: '';
    display: block;
    width: 40%;
    height: 20%;
    margin: 25% 0 0 20%;
    border-left: 3px solid;
    border-bottom: 3px solid;
    border-color: var(--mm-color-text);
    opacity: .3;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    transition: opacity .2s ease
}

input.mm-check:checked:before {
    opacity: 1
}

[dir=rtl] input.mm-toggle:checked~label.mm-toggle:before {
    float: left
}

.mm-menu_border-none .mm-listitem:after {
    content: none
}

.mm-menu_border-full .mm-listitem:after {
    left: 0!important
}

.mm-menu_fx-menu-slide {
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    -o-transition: transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease
}

.mm-wrapper_opened .mm-menu_fx-menu-slide {
    -webkit-transform: translate3d(-30%, 0, 0);
    transform: translate3d(-30%, 0, 0)
}

.mm-wrapper_opening .mm-menu_fx-menu-slide {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-wrapper_opened .mm-menu_fx-menu-slide.mm-menu_position-right {
    -webkit-transform: translate3d(30%, 0, 0);
    transform: translate3d(30%, 0, 0)
}

.mm-wrapper_opening .mm-menu_fx-menu-slide.mm-menu_position-right {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-menu_fx-panels-none .mm-panel,
.mm-panel_fx-none {
    -webkit-transition-property: none;
    -o-transition-property: none;
    transition-property: none
}

.mm-menu_fx-panels-none .mm-panel.mm-panel_opened-parent,
.mm-panel_fx-none.mm-panel_opened-parent {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-menu_fx-panels-slide-0 .mm-panel_opened-parent {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-menu_fx-panels-slide-100 .mm-panel_opened-parent {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.mm-menu_fullscreen {
    width: 100%;
    min-width: 140px;
    max-width: 10000px
}

.mm-wrapper_opening .mm-menu_fullscreen~.mm-slideout {
    -webkit-transform: translate3d(100vw, 0, 0);
    transform: translate3d(100vw, 0, 0)
}

@media all and (max-width:140px) {
    .mm-wrapper_opening .mm-menu_fullscreen~.mm-slideout {
        -webkit-transform: translate3d(140px, 0, 0);
        transform: translate3d(140px, 0, 0)
    }
}

@media all and (min-width:10000px) {
    .mm-wrapper_opening .mm-menu_fullscreen~.mm-slideout {
        -webkit-transform: translate3d(10000px, 0, 0);
        transform: translate3d(10000px, 0, 0)
    }
}

.mm-wrapper_opening .mm-menu_fullscreen.mm-menu_position-right.mm-menu_opened~.mm-slideout {
    -webkit-transform: translate3d(-100vw, 0, 0);
    transform: translate3d(-100vw, 0, 0)
}

@media all and (max-width:140px) {
    .mm-wrapper_opening .mm-menu_fullscreen.mm-menu_position-right.mm-menu_opened~.mm-slideout {
        -webkit-transform: translate3d(-140px, 0, 0);
        transform: translate3d(-140px, 0, 0)
    }
}

@media all and (min-width:10000px) {
    .mm-wrapper_opening .mm-menu_fullscreen.mm-menu_position-right.mm-menu_opened~.mm-slideout {
        -webkit-transform: translate3d(-10000px, 0, 0);
        transform: translate3d(-10000px, 0, 0)
    }
}

.mm-menu_fullscreen.mm-menu_position-top {
    height: 100vh;
    min-height: 140px;
    max-height: 10000px
}

.mm-menu_fullscreen.mm-menu_position-bottom {
    height: 100vh;
    min-height: 140px;
    max-height: 10000px
}

.mm-menu_listview-justify .mm-panels>.mm-panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.mm-menu_listview-justify .mm-panels>.mm-panel:after {
    content: none;
    display: none
}

.mm-menu_listview-justify .mm-panels>.mm-panel .mm-listview {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    margin-top: 0;
    margin-bottom: 0
}

.mm-menu_listview-justify .mm-panels>.mm-panel .mm-listitem {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    min-height: 50px
}

.mm-menu_listview-justify .mm-panels>.mm-panel .mm-listitem__text {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mm-listview_inset {
    list-style: inside disc;
    width: 100%;
    padding: 0 30px 15px 30px;
    margin: 0
}

.mm-listview_inset .mm-listitem {
    padding: 5px 0
}

.mm-menu_multiline .mm-listitem__text {
    -o-text-overflow: clip;
    text-overflow: clip;
    white-space: normal
}

[class*=mm-menu_pagedim].mm-menu_opened~.mm-wrapper__blocker {
    opacity: 0
}

.mm-wrapper_opening [class*=mm-menu_pagedim].mm-menu_opened~.mm-wrapper__blocker {
    opacity: .3;
    -webkit-transition: opacity .4s ease .4s;
    -o-transition: opacity .4s ease .4s;
    transition: opacity .4s ease .4s
}

.mm-menu_opened.mm-menu_pagedim~.mm-wrapper__blocker {
    background: inherit
}

.mm-menu_opened.mm-menu_pagedim-black~.mm-wrapper__blocker {
    background: #000
}

.mm-menu_opened.mm-menu_pagedim-white~.mm-wrapper__blocker {
    background: #fff
}

.mm-menu_popup {
    -webkit-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease;
    opacity: 0;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .3);
    box-shadow: 0 2px 10px rgba(0, 0, 0, .3);
    height: 80%;
    min-height: 140px;
    max-height: 880px;
    top: 50%;
    left: 50%;
    bottom: auto;
    right: auto;
    z-index: 2;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.mm-menu_popup.mm-menu_opened~.mm-slideout {
    -webkit-transform: none!important;
    -ms-transform: none!important;
    transform: none!important;
    z-index: 0
}

.mm-menu_popup.mm-menu_opened~.mm-wrapper__blocker {
    -webkit-transition-delay: 0s!important;
    -o-transition-delay: 0s!important;
    transition-delay: 0s!important;
    z-index: 1
}

.mm-wrapper_opening .mm-menu_popup {
    opacity: 1
}

.mm-menu_position-right {
    left: auto;
    right: 0
}

.mm-wrapper_opening .mm-menu_position-right.mm-menu_opened~.mm-slideout {
    -webkit-transform: translate3d(-80vw, 0, 0);
    transform: translate3d(-80vw, 0, 0)
}

@media all and (max-width:300px) {
    .mm-wrapper_opening .mm-menu_position-right.mm-menu_opened~.mm-slideout {
        -webkit-transform: translate3d(-240px, 0, 0);
        transform: translate3d(-240px, 0, 0)
    }
}

@media all and (min-width:550px) {
    .mm-wrapper_opening .mm-menu_position-right.mm-menu_opened~.mm-slideout {
        -webkit-transform: translate3d(-440px, 0, 0);
        transform: translate3d(-440px, 0, 0)
    }
}

.mm-menu_position-bottom,
.mm-menu_position-front,
.mm-menu_position-top {
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    -o-transition: transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease
}

.mm-menu_position-bottom.mm-menu_opened,
.mm-menu_position-front.mm-menu_opened,
.mm-menu_position-top.mm-menu_opened {
    z-index: 2
}

.mm-menu_position-bottom.mm-menu_opened~.mm-slideout,
.mm-menu_position-front.mm-menu_opened~.mm-slideout,
.mm-menu_position-top.mm-menu_opened~.mm-slideout {
    -webkit-transform: none!important;
    -ms-transform: none!important;
    transform: none!important;
    z-index: 0
}

.mm-menu_position-bottom.mm-menu_opened~.mm-wrapper__blocker,
.mm-menu_position-front.mm-menu_opened~.mm-wrapper__blocker,
.mm-menu_position-top.mm-menu_opened~.mm-wrapper__blocker {
    z-index: 1
}

.mm-menu_position-front {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.mm-menu_position-front.mm-menu_position-right {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.mm-menu_position-bottom,
.mm-menu_position-top {
    width: 100%;
    min-width: 100%;
    max-width: 100%
}

.mm-menu_position-top {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
}

.mm-menu_position-top {
    height: 80vh;
    min-height: 140px;
    max-height: 880px
}

.mm-menu_position-bottom {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    top: auto
}

.mm-menu_position-bottom {
    height: 80vh;
    min-height: 140px;
    max-height: 880px
}

.mm-wrapper_opening .mm-menu_position-bottom,
.mm-wrapper_opening .mm-menu_position-front,
.mm-wrapper_opening .mm-menu_position-top {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-menu_shadow-page:after {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    content: '';
    display: block;
    width: 20px;
    height: 120%;
    position: absolute;
    left: 100%;
    top: -10%;
    z-index: 100;
    -webkit-clip-path: polygon(-20px 0, 0 0, 0 100%, -20px 100%);
    clip-path: polygon(-20px 0, 0 0, 0 100%, -20px 100%);
    -webkit-box-shadow: var(--mm-shadow);
    box-shadow: var(--mm-shadow)
}

.mm-menu_shadow-page.mm-menu_position-right:after {
    left: auto;
    right: 100%;
    -webkit-clip-path: polygon(20px 0, 40px 0, 40px 100%, 20px 100%);
    clip-path: polygon(20px 0, 40px 0, 40px 100%, 20px 100%)
}

.mm-menu_shadow-page.mm-menu_position-front:after {
    content: none;
    display: none
}

.mm-menu_shadow-menu {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    -webkit-box-shadow: var(--mm-shadow);
    box-shadow: var(--mm-shadow)
}

.mm-menu_shadow-panels .mm-panels>.mm-panel {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    -webkit-box-shadow: var(--mm-shadow);
    box-shadow: var(--mm-shadow)
}

body.modal-open .mm-slideout {
    z-index: unset
}
/* Trigger Styles */
.mmenu-trigger {
    height: 46px;
    width: 46px;
    display: none;
    position: relative;
    margin: 0;
    background-color: #eee;
    border-radius: 4px;
    cursor: pointer;
}

/* Hamburger Icon */
.new-header .hamburger {
    padding: 0;
    top: 8px;
    /*left: 5px;*/
    transform: scale(0.67);
    -moz-transform: scale(0.70) translateY(4px);
    position: relative;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent !important;
    border: 0;
    margin: 0;
    overflow: visible;
    vertical-align: middle;
    float: left;
    height: 46px;
    /*width: 46px;*/
}

.new-header .hamburger-box {
    position: relative;
}

.new-header .hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px; }

.new-header .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 33px;
    height: 4px;
    background-color: #555;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }

.new-header .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block;
}

.new-header .hamburger-inner::before { top: -10px; }
.new-header .hamburger-inner::after { bottom: -10px; }

/* Animation */
.new-header .hamburger--collapse .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-duration: 0.13s;
    transition-delay: 0.13s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.new-header .hamburger--collapse .hamburger-inner::after {
    top: -20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }

.new-header .hamburger--collapse .hamburger-inner::before {
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.new-header .hamburger--collapse.is-active .hamburger-inner {
    transform: translate3d(0, -10px, 0) rotate(-45deg);
    transition-delay: 0.22s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

.new-header .hamburger--collapse.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }

.new-header .hamburger--collapse.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-90deg);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }

.new-header .mmenu-trigger { display: none; }


/* Media Queries Menu */
@media (max-width: 1099px) {

	/* Header Responsive Styles */
	#responsive { display: none; }
	.mmenu-trigger { display: inline-block !important; }

	#header { height: 76px; }

	.new-header #logo_nh { border: none; }
	.new-header #logo_nh img {border: none;
        height: auto;
  
    }
	.new-header header .container,
	.new-header header.fullwidth .container {
		padding: 0 20px;
	}

	.header-widget { float: left; }

	.fullwidth .header-widget:last-of-type,
	.header-widget:last-of-type {
		padding-right: 25px;
		float: left;
	}

	#header .right-side {
		position: absolute;
		width: auto;
		background-color: #fff;
		text-align: left;
	}

	.mmenu-trigger {
		margin: 0 -13px 0 23px;
		top: 15px;
		float: right;
	}

	#header .right-side .header-widget {
		border-right: 1px solid #e0e0e0;
		margin-right: -1px;
	}

	.header-widget { padding: 0 25px; }
	.header-notifications:first-child { margin-right: -5px; }
	
	#header-container.cloned { display: none; }

}

@media (max-width:768px) {
	.user-avatar-title { display: none; }
}

@media (max-width: 480px) {
	.user-avatar-title,
	.hide-on-mobile { display: none; }
	.user-avatar-title { display: none; }
	#header .right-side {
		right: 25px;
		zoom: 0.85;
	}
	#header .container {
		margin: 0;
	}
	.mmenu-trigger {
	    margin: 0 -8px 0 18px;
	    top: 25px;
	}
	.header-widget { padding: 0 18px; }

	.fullwidth .header-widget:last-of-type, 
	.header-widget:last-of-type {
	    padding-right: 18px;
	    float: left;
	    padding: 0 18px;
	}
	.transparent-header .login-register-buttons a {
		line-height: 26px;
	}

	.header-notifications:first-child { margin-right: 0; } 
	.header-notifications.user-menu { margin: 0; }

	header .container {
	    padding: 0 15px;
	}

	#header { height: 70px; }
}




/* ---------------------------------- */
/* Ripple Effect
------------------------------------- */
.ripple-effect-dark,
.ripple-effect {
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.ripple-effect span.ripple-overlay,
.ripple-effect-dark span.ripple-overlay {
	animation: ripple 0.9s;
	border-radius: 100%;
	background: #fff;
	height: 12px;
	position: absolute;
	width: 12px;
	line-height: 12px;
	opacity: 0.1;
	pointer-events: none;
}

.ripple-effect-dark span.ripple-overlay { background: #000; opacity: 0.07; }

@keyframes ripple {
  0% {
	 -webkit-transform: scale(4);
				transform: scale(4);
  }
  100% {
	 opacity: 0;
	 -webkit-transform: scale(40);
				transform: scale(40);
  }
}

/* ---------------------------------- */
/* Input With Icon
------------------------------------- */
.input-with-icon {
	display: block;
	position: relative;
}

.input-with-icon input {
	padding-right: 45px;
}

.input-with-icon i {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 15px;
	font-size: 20px;
	color: #a0a0a0;
	font-style: normal;
	cursor: normal;
	z-index: 120
}
.input-with-icon.location a {
	z-index: 120
}

.input-with-icon i.currency {
	font-size: 14px;
}

/* Input with boxed icon */
.input-with-icon-left {
	position: relative;
}

.input-with-icon-left input {
	padding-left: 65px;
}

.input-with-icon-left i {
	position: absolute;
	top: 0;
	color: #a0a0a0;
	text-align: center;
	line-height: 48px;
	width: 48px;
	height: 48px;
	font-size: 19px;
	background-color: #f8f8f8;
	border: 1px solid #e0e0e0;
	box-sizing: border-box;
	display: block;
	border-radius: 3px 0 0 4px;
}

.input-with-icon-left.no-border i {
	border: none;
}



/* ---------------------------------- */
/* Intro Banner
------------------------------------- */
.intro-banner {
	padding: 140px 0;
	position: relative;
}

.intro-banner.big-padding {
	padding: 130px 0;
}

.intro-banner .container {
	z-index: 100;
	position: relative;
}

.intro-banner:after,
.intro-banner:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    display: block;
    top: 0;
    left: 0;
    z-index: 15;
}

.intro-banner:after {
    z-index: 5;
    background-color: #fafafa;
}

.intro-banner .background-image-container {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 60%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 90%;
    left: 10%;
    z-index: 10;
    overflow: hidden;
}

/* Disabled Gradient */
.intro-banner.disable-gradient:before {
	background: #f2f2f2;
	opacity: 0.85;
}

.intro-banner.disable-gradient .background-image-container {
	left: 0;
	width: 100%;
}

.intro-banner input,
.intro-banner select {
	margin: 0;
	padding: 0;
	box-shadow: none;
	border: none;
	background: transparent;
}


@media (max-width: 992px) {
.intro-banner .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 56px;}
.intro-banner .select2-container--default .select2-selection--single { height: 56px; padding: 0 10px; }
.intro-banner .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 55px;
}
.intro-banner input,
.intro-banner select {
	background: #fff;
	border: none; 
}

}

/* Banner Headline */
.banner-headline {
	display: block;
	max-width: 55%;
}

.banner-headline h1,
.banner-headline h2,
.banner-headline h3,
.banner-headline h4 {
	font-size: 28px;
	font-weight: 300;
	color: #777;
	line-height: 42px;
}

.banner-headline strong {
	font-weight: 500;
	color: #333;
} 

.banner-headline strong.color {
	color: #26ae61;
}


/* Alternative Headline */
.banner-headline-alt {
/*	margin: -10px 0 0 0;*/
	display: block;
}

.banner-headline-alt h3 {
	font-size: 38px;
	font-weight: 400;
	color: #333;
	line-height: 50px;
}

.banner-headline-alt span {
	font-size: 24px;
	color: #888;
	font-weight: 300;
	line-height: 36px;
	margin-top: 0;
	display: block;
	margin-top: 1px;
	letter-spacing: -0.5px;
}

.banner-headline-alt h3 strong {
	font-weight: 400;
	display: block;
	font-size: 38px;
}

.dark-overlay .banner-headline-alt strong,
.dark-overlay .banner-headline-alt h3 { color: #fff; }
.dark-overlay .banner-headline-alt span { color: rgba(255,255,255,0.7); }

/* Banner Search Form */
.intro-banner-search-form {
	display: flex;
	width: 100%;
	background-color: #fff;
	border-radius: 4px;
	box-shadow: 0 2px 12px rgba(0,0,0,0.09);
	margin-top: 90px;
}

/* Video */
.video-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	overflow: hidden;
	background-size: cover;
	background-position: 50%;
}

.video-container video {
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -10;
	background-size: cover;
	transition: 1s opacity;
	position: absolute;
	z-index: 9;
}

/* Field Row Styles */
.intro-search-field {
	padding: 10px 12px;
	border-right: 1px solid #e4e4e4;
	flex: 1;
    align-items: center;
    display: flex;
    position: relative;
}



.intro-search-field .field-title {
    content: attr(data-field-tiele);
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.07);
    color: #fff;
    border-radius: 4px;
    padding: 5px 10px;
    line-height: 22px;
    transform: translateY(calc(-100% - 15px));
    cursor: default;
    font-size: 13px;
    font-weight: 500;
    border: 1px solid rgba(255, 255, 255, 0.15);
}

.intro-banner-search-form .intro-search-field:nth-last-child(2) {
	border-right: none;
}

.intro-search-button {
	margin: 8px;
	margin-left: 0;
	flex: auto;
	flex-grow: 0;
	display: flex;
    align-items: center;
}

.intro-search-button .button {
	height: 52px;
	line-height: 52px;
	padding: 0 25px;
	font-size: 16px;
	font-weight: 500;
    background: #28b661;
    border-radius: 4px;
    color: #fff;
    transition: 0.2s;
    position: relative;
}

.intro-search-button .button i {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;
	transform: translateX(20px);
	transition: 0.3s;
	display: inline-block;
	font-style: normal;
	font-size: 16px;
}

.intro-search-button .button i:before {
	content: "\f002";
	font-family: "FontAwesome"
}

.intro-search-button .button span {
	opacity: 1;
 	transform: translateX(0);
	transition: 0.3s;
	display: inline-block;
}

.intro-search-button .button:hover i { opacity: 1; transform: translateX(0); }
.intro-search-button .button:hover span { opacity: 0;  transform: translateX(-20px);}

/* Field Styles */
.intro-banner .intro-banner-search-form input:focus { box-shadow: none; border: none; }
.intro-banner .select2-container--default .select2-selection--single .select2-selection__rendered,
.intro-banner .intro-banner-search-form input {
	box-shadow: none;
	font-size: 15.5px;
	margin: 0;
	font-weight: 400;
}

.intro-banner .intro-banner-search-form input::placeholder {
	color: #888;
}

.intro-banner .intro-banner-search-form .input-with-icon  {
	align-self: center;
	flex: 1;
}

.intro-banner .intro-banner-search-form  input {
	padding: 10px 10px;
}



.intro-banner .intro-banner-search-form .input-with-icon input {
	padding: 10px 10px;
	padding-right: 45px;
}

.intro-banner-search-form .input-with-icon i {
    position: absolute;
    right: auto;
    right: 10px;
    top: 50%;
    font-size: 26px;
    color: #b0b0b0;
    font-size: 17px;
}

/* Autocomplete Adjustment */
.intro-search-field.with-autocomplete .pac-container {
	border: none;
    padding-top: 0;
    z-index: 9;
    left: 0 !important;
    top: 100% !important;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    width: 100% !important;
    margin-top: 0;
    overflow: visible;
}

.intro-search-field.with-autocomplete .pac-container:before {
	content: "";
	position: absolute;
	background-color: #fff;
	width: 100%;
	height: 5px;
	display: block;
	top: -5px;
	left: 0;
}

/* Dropdown Adjustment */
.intro-search-field .bootstrap-select.btn-group button {
	padding: 0 15px;
	box-shadow: none;
	font-size: 18px;
}

/* IE 11 Fixes */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
	.intro-search-field .field-title {
		transform: translateY(-100%);
		margin-top: -15px;
	}
	.intro-banner-search-form input { line-height: 20px; } 
	.intro-search-field .bootstrap-select.open .dropdown-menu { top: 55px; }
}
/* IE 11 Fixes - End */

/* Intro Stats */
.intro-stats {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	margin-top: 45px;
	margin-bottom: 5px;
}

.intro-stats li {
	flex: auto;
	flex-grow: 0;
	margin-right: 30px;
	padding-right: 30px;
	border-right: 1px solid #e0e0e0;
}

.intro-stats li:last-child {
	margin-right: 0;
	padding-right: 0;
	border-right: none;
}

.intro-stats li span,
.intro-stats li strong {
	display: block;
	margin: 0;
	padding: 0;
}

.intro-stats li strong {
	font-weight: 500;
	color: #333;
	font-size: 28px;
	margin-bottom: 2px;
}

.intro-stats li span {
	font-weight: 300;
	color: #888;
	font-size: 17px;
}


/* Dark Style */
.intro-banner.dark-overlay:before {
	background: #1f1f21;
    opacity: 0.83;
}

.intro-banner.dark-overlay .background-image-container {
	left: 0;
	width: 100%;
    background-position: 100%;
}

.intro-banner.dark-overlay .intro-stats li span,
.intro-banner.dark-overlay .banner-headline strong,
.intro-banner.dark-overlay .banner-headline h1,
.intro-banner.dark-overlay .banner-headline h2,
.intro-banner.dark-overlay .banner-headline h3,
.intro-banner.dark-overlay .banner-headline h4 {
	color: rgba(255,255,255,0.6);
}

.intro-banner.dark-overlay .intro-stats li strong,
.intro-banner.dark-overlay .banner-headline strong { color: #fff; }
.intro-banner.dark-overlay .intro-banner-search-form { box-shadow: 0 3px 12px rgba(0,0,0,0.2); }
.intro-banner.dark-overlay .intro-stats li { border-right: 1px solid rgba(255,255,255,0.25); }
.intro-banner.dark-overlay .intro-stats li:last-child { border-right: none; }

/* Tyepd Words */
body .typed-words {
	display: inline-block;
}

body .typed-cursor {
    opacity: 0.5;
    font-weight: 300;
    margin-left: 2px;
    display: inline-block;
    position: relative;
}

body .typed-cursor.typed-cursor--blink{
	 animation: typedjsBlink 1.5s infinite;
}

 @keyframes typedjsBlink{
     0% { opacity: 1; }
     50% { opacity: 0; }
     100% { opacity: 1; }
}

body .typed-fade-out{
	  opacity: 0;
	  transition: opacity .2s;
  }

body .typed-cursor.typed-cursor--blink.typed-fade-out{
	animation: 0;
}

@media (max-width: 992px) {
    body .typed-words { display: block; width: 100%; min-height: 46px; }  
    body .typed-cursor { display: none; }
}


/* Advanced Search Link
------------------------------------- */
 .adv-search-btn {
	color: #fff;
	margin-top: 20px;
	font-size: 14px;
	display: block;
	margin-bottom: 4px;
 }

.adv-search-btn span {
	color: rgba(255,255,255,0.6);
	margin-right: 3px;
}

.adv-search-btn a {
	color: #fff;
	font-weight: 500;
	margin-left: 0;
	padding: 0;
	line-height: 20px;
	border-bottom: 1px solid rgba(255,255,255,0.3);
	position: relative;
	display: inline-block;
	color: #28b661;
	border: none;
}

.adv-search-btn a:after {
	content: "";
	width: 100%;
	height: 1px;
	bottom: -1px;
	position: absolute;
	display: block;
	background: #28b661;
	opacity: 0.5;
	transition: 0.2s;
}

.adv-search-btn a:hover:after {
	opacity: 0.8;
}


/* Intro Banner Media Queries
------------------------------------- */
@media (min-width: 1366px) { 
	.banner-headline-alt {max-width: 50%; display: inline-block;} 
}

@media (max-width: 1366px) {
	.banner-headline h1,
	.banner-headline h2,
	.banner-headline h3,
	.banner-headline h4 {
	    font-size: 26px;
	    line-height: 42px;
	}
}

@media (max-width: 1240px) {
	.banner-headline { max-width: 65% }
}

@media (max-width: 992px) {

	.intro-search-field .bootstrap-select.btn-group .dropdown-toggle .filter-option { height: auto; line-height: 20px; }

	.intro-banner { padding: 60px 0 !important; }

	.banner-headline { max-width: 100% }
	.banner-headline h1,
	.banner-headline h2,
	.banner-headline h3,
	.banner-headline h4 {
	    font-size: 24px;
	    line-height: 38px;
	}
	.intro-search-field .field-title { transform: translateY(calc(-100% - 10px)); }
	/* Alternative Banner Style */
	.intro-banner.dark-overlay .intro-banner-search-form { box-shadow: none;  margin-top: 0;}
	.intro-banner.big-padding {  padding: 70px 0; }

	.banner-headline-alt { margin-bottom: 0; }
	.banner-headline-alt h3 { font-size: 36px; line-height: 42px; }
	.banner-headline-alt span { font-size: 22px; line-height: 32px; }

	/* Photo Position */
	.intro-banner:after,
	.intro-banner:before {
	    background: rgba(250,250,250,0.9);
	}

	.intro-banner .background-image-container {
		background-size: cover;
		height: 100%;
		width: 100%;
		left: 0;
	}
	/* Photo Position - End*/

	.intro-banner .intro-banner-search-form .intro-search-field .bootstrap-select.btn-group button,
	.intro-banner .intro-banner-search-form input {
	    height: 56px;
	    padding: 15px 22px;
	}

	.intro-banner .intro-banner-search-form .input-with-icon i { left: 17px; }
	.intro-banner .intro-banner-search-form .input-with-icon input { padding-left: 20px; }

	.intro-banner-search-form.margin-top-100,
	.intro-banner-search-form.margin-top-95,
	.intro-banner-search-form.margin-top-90,
	.intro-banner-search-form.margin-top-85 {
		margin-top: 20px !important;
	}

	.intro-banner-search-form {
		flex-direction: column;
		background: transparent;
		box-shadow: none;
		margin-top: 20px;
	}

	.intro-banner-search-form .intro-search-field {
		padding: 0;
		border-radius: 4px;
		box-shadow: 0 2px 12px rgba(0,0,0,0.07);
		margin-top: 20px;
	}

	.intro-banner-search-form .intro-search-field.with-label {
		margin-top: 60px;
	}

	.intro-banner-search-form .intro-search-button {
		margin-top: 30px;
	}

	.banner-headline-alt h3 strong { font-size: 32px; }

}

@media (max-width: 768px) {
	.banner-headline-alt h3 strong { font-size: 28px; }
	.banner-headline-alt span {
		font-size: 20px;
		line-height: 30px;
		margin-top: 3px;
	}
	body .typed-words {
	    display: block;
	    width: 100%;
	    min-height: 36px;
	}
}


/* ---------------------------------- */
/* Category Boxes
------------------------------------- */
.categories-container {
	display: flex;
	flex-wrap: wrap;
	width: calc(100% + 20px);
	left: -10px;
	position: relative;
}

.new-category-box {
	width: calc(25% - 20px);
	align-content: center;
	justify-content: center;
	display: flex;
	flex-direction: column;
	margin: 0;
	text-align: left;
	padding: 25px;
	border-radius: 4px;
	transition: 0.35s;
	background: #f8f8f8;
	margin: 10px;
	position: relative;
	box-sizing: border-box;
}

/* IE 11 Fixes */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
/*	.category-box { max-width: 25%; text-align: center; }
	.category-box-counter { width: 50px !important; }*/
}
/* IE 11 Fixes - End */

/* Box Icon */
.new-category-box .category-box-icon {
	font-size: 36px;
	line-height: 32px;
	color: #28b661;
	position: relative;
}

.new-category-box .category-box-icon i {
	height: 46px;
	display: block;
	transition: 0.35s;
	margin-bottom: 4px;
}

.highlighted-categories {

}

/* Box Counter */
.new-category-box .category-box-counter {
	color: #909090;
	margin: 0 auto 0 0;
	transition: 0.35s;
	margin-bottom: 18px;
	display: inline-block;
	position: absolute;
	right: 25px;
	top: 50%;
	background: transparent !important;
	font-size: 48px;
	opacity: 0.18;
	font-weight: 500;
	transform:  translateY(-50%);
}

/* Box Content */
.new-category-box .category-box-content h3 {
	font-size: 15px;
	font-weight: 400;
	color: #333;
	margin: 0;
	padding: 0;
	transition: 0.35s;
	padding-right: 90px;
	line-height: 23px;
}

.new-category-box .category-box-content p {
	color: #888;
	margin: 0;
	padding: 0;
	line-height: 24px;
	margin-top: 5px;
	transition: 0.35s;
	display: none;
}

/* Hover State */
.new-category-box:hover {
	background: #28b661;
	box-shadow: 0 4px 12px rgba(40, 182, 97, 0.35);
	color: #fff;
}

.new-category-box .category-box-content {
	position: static;
	width: auto;
}

.new-category-box:hover .category-box-content h3,
.new-category-box:hover .category-box-icon { color: #fff; }
.new-category-box:hover .category-box-content p { color: rgba(255,255,255,0.7); }

.new-category-box:hover .category-box-counter {
	background: rgba(0,0,0,0.2);
	color: #fff;
}

/* Media Queries for Category Boxes */
@media (max-width: 1289px) {
	.new-category-box {
	    width: calc(33% - 20px);
	}
}

@media (max-width: 768px) {
	.new-category-box {
	    width: calc(50% - 20px);
	}
	.category-box-counter { font-size: 40px; }
}

@media (max-width: 480px) {
	.new-category-box {
	    width: calc(100% - 20px);
	    margin-right: 0;
	}
	.category-box-content h3 { padding-right: 60px; }
}


.browse-all-cat-btn {
	display: block;
	width: 100%;
	text-align: center;
	margin-top: 30px;
}

.browse-all-cat-btn a {
	background: #28b661;
	color: #fff;
	font-weight: 500;
	font-size: 14px;
	border-radius: 4px;
	padding: 12px 18px;
	display: inline-block;
	line-height: 22px;
	box-shadow: 0 4px 12px rgba(40, 182, 97, 0.25);
	transition: 0.3s;
	position: relative;
}

.browse-all-cat-btn a:hover {
	background: #333;
	box-shadow: 0 4px 12px rgba(30,30,30, 0.25);
}

/*.browse-all-cat-btn a i {
	font-size: 16px;
	position: absolute;
	right: 5px;
	top: 50%;
	transform: translate(-20px, -50%);
	transition: 0.3s;
	opacity: 0;
}

.browse-all-cat-btn a:hover i {
	transform: translate(-5px, -50%);
	opacity: 1;
}

.browse-all-cat-btn a span {
	transition: 0.3s;
	transform: translateX(0px);
	display: inline-block;
}

.browse-all-cat-btn a:hover span {
	transform: translateX(-8px);
}
*/


/* ---------------------------------- */
/* footer-new
------------------------------------- */
#footer-new {
	background-color: #282828;
	color: #909090;
}

#footer-new p { line-height: 26px; }


#footer-new,
#footer-new p { font-size: 15px; }

.footer-new-top-section {
	border-bottom: 1px solid #363636;
}

.footer-new-top-section .footer-new-logo img { max-height: 36px; }

.footer-new-rows-container { 
	display: block;
	height: 96px;
	position: relative;
	z-index: 100;
}

.footer-new-row {
	display: inline-block;
	padding: 0 35px;
	border-right: 1px solid #363636;
	border-left: 1px solid #363636;
	float: left;
	height: 100%;
}

.footer-new-row-inner {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.footer-new-row-inner.footer-new-logo {
	position: relative;
	top: auto;
	transform: translateY(-50%);
	top: 50%;
	position: relative;
	height: 36px;
	}

.footer-new-row-inner.footer-new-logo img {
	position: relative;
	top: 0;
	}

.footer-new-row:first-child { padding-left: 0; border-left: none; }
.footer-new-row:last-child { padding-right: 0; border: none; }

.footer-new-rows-right .footer-new-row:first-child {
	padding-left: 35px;
	border-left:  1px solid #363636;
}

.footer-new-rows-left {
	height: 100%;
    position: relative;
    display: inline-block;
}

.footer-new-rows-right {
	float: right;
	height: 100%;
}

.footer-new-rows-right {
	background: #282828;
	z-index: 10;
	position: relative;
}

/* Social Icons */
.footer-new-social-links {
	list-style: none;
	margin: 0 -10px;
	margin-top: 3px;
	padding: 0;
}

.footer-new-social-links li {
	display: inline-block;
	padding: 0;
	margin: 0;
	float: left;
}

.footer-new-social-links li a {
	font-size: 20px;
	padding: 0 10px;
	color: #fff;
	display: inline-block;
	transition: 0.3s;
	opacity: 0.5;
	transform: translate3d(0,-0.5px,0);
}

.footer-new-social-links li a:hover {
	opacity: 1;
}

/* Middle Section */
.footer-new-middle-section {
	padding: 60px 0 40px 0;
	position: relative;
	z-index: 10;
}

#footer-new h4,
#footer-new h3,
#footer-new h2,
.footer-new-links h3 {
	font-size: 16px;
	color: #fff;
	margin: 0 0 12px 0;
	padding: 0;
	display: block;
	line-height: 26px;
}

#footer-new h3 i {
	position: relative;
	margin-right: 5px;
	top: 2px;
	font-size: 24px;
	line-height: 20px;
	font-weight: 400 !important;
}
.footer-new-links ul {
	list-style: none;
	text-align: left;
	margin: 0;
	padding: 0;
}

.footer-new-links ul li {
	margin-bottom: 0;
	display: block;
}

.footer-new-links ul li:first-child a { padding-top: 0; }
.footer-new-links ul li:last-child a { padding-bottom: 0; }

.footer-new-links ul li a {
	color: #909090;
	display: block;
	line-height: 25px;
	position: relative;
	z-index: 100;
	padding: 3px 0;
	font-size: 14px;
}

.footer-new-links ul li a span {
	display: inline-block;
	position: relative;
}

.footer-new-links ul li a:hover {
	color: #fff;
}

.footer-new-links ul li a span:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: #26ae61;
	height: 2px;
	display: block;
	transition: all 0.25s, opacity 0.2s;
	z-index: -1;
	border-radius: 4px;
	opacity: 0.5;
	width: 0;
}

.footer-new-links ul li a:hover span:before {
	width: 100%;
	opacity: 1;
}

/* Newsletter */
.newsletter {
	display: flex;
	margin-top: 20px;
}

.newsletter input,
.newsletter button {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}
.newsletter input {
	background: #333;
	box-shadow: none;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
}

.newsletter input:focus {
	box-shadow: none;
}

.newsletter button {
	background-color: #26ae61;
	border-radius: 4px;
	height: 48px;
/*	min-width: 48px;
	max-width: 48px;*/
	text-align: center;
	line-height: 48px;
	font-size: 18px;
	color: #fff;
	margin-left: 10px;
	transition: 0.3s;
	font-size: 14px;
	padding: 0 15px;
	font-weight: 500;
}

.newsletter button:hover {
	background-color: #fff;
	color: #333;
}

.newsletter button i {
	width: 100%;
	line-height: 48px;
}

/* Footer Bottom */
.footer-new-bottom-inner {
	display: flex;
}

.footer-new-bottom-left { display: inline-block; width: 50%; }

.footer-new-bottom-right {
	display: inline-block;
	width: 50%;
	text-align: right;
}

/* Stats Footer */
#footer-new .intro-stats { margin-top: 0; margin-bottom: 0;}
#footer-new .intro-stats li strong {
	color: #fff;
	font-size: 18px;
	line-height: 22px;
	margin: 5px 0 0 0;
}

#footer-new .intro-stats li {
	border-color: #363636;
	padding-left: 59px;
	position: relative;
	cursor: default;
}

#footer-new .intro-stats li span {
	color: #888;
	font-size: 15px;
	line-height: 22px;
	font-weight: 400;
}

#footer-new .intro-stats li i {
	font-size: 24px;
	color: #fff;
	background: #26ae61;
	background: #363636;
	color: #fff;
	position: absolute;
	left: 0;
	top: 4px;
	height: 44px;
	width: 44px;
	line-height: 44px;
	border-radius: 4px;
	text-align: center;
	box-shadow: 0 4px 12px rgba(11,11,11, 0.15);
	transition: 0.3s;
}

#footer-new .intro-stats li:hover i {
	background: #fff;
	color: #333;
}

/* Copyrights */
.footer-new-bottom-section {
	padding: 25px 0;
	border-top: 1px solid #333;
}

.footer-new-bottom-section strong {
	color: #fff;
	font-weight: 500;
}


/* footer-new Media Queries*/
@media (max-width: 992px) {

	.footer-new-links { margin-bottom: 30px; }
	.footer-new-middle-section { padding: 40px 0;}

	.footer-new-rows-container {
		height: auto;
		padding: 20px 0 40px 20px;
	}

	.footer-new-rows-left,
	.footer-new-rows-right {
	    float: none;
	    height: auto;
	}

	.footer-new-row-inner.footer-new-logo img { top: 0; }

	.footer-new-row-inner.footer-new-logo,
	.footer-new-row-inner {
	    position: relative;
	    top: 0;
	    transform: translateY(0);
	}

	.footer-new-row-inner.footer-new-logo {
	    top: 0;
	    position: relative;
	    height: 46px;
	}

	#footer-new .footer-new-row {
		padding: 0;
		float: none;
		padding: 20px 0 0 0;
		border: none;
		flex: 0 0 50%;
	}

	.footer-new-rows-container .footer-new-rows-left,
	.footer-new-rows-container .footer-new-rows-right{display: flex;flex-wrap: wrap;}
}


@media (min-width: 992px) {
	.footer-new-rows-left { position: absolute; }
}

/* Content & Sidebar Offsets */
.content-left-offset {
    padding-left: 30px;
}

.content-right-offset {
    padding-right: 30px;
}

@media (max-width: 768px) {
	.content-left-offset { padding-left: 15px; }
	.content-right-offset { padding-left: 15px; }
}


/* Footer Columns */
.footer-row {
	display: flex;
	margin: 0 10px;
}

.footer-col-1 { flex:0 0 8.333333% }
.footer-col-2 { flex:0 0 16.666667% }
.footer-col-3 { flex:0 0 25% }
.footer-col-4 { flex:0 0 33.333333% }
.footer-col-5 { flex:0 0 41.666667% }
.footer-col-6 { flex:0 0 50% }
.footer-col-7 { flex:0 0 58.333333% }
.footer-col-8 { flex:0 0 66.666667% }
.footer-col-9 { flex:0 0 75% }
.footer-col-10 { flex:0 0 83.333333% }
.footer-col-11 { flex:0 0 91.666667% }
.footer-col-12 { flex:0 0 100% }

@media (min-width: 992px) and  (max-width: 1289px){
	.footer-col-2 { flex:0 0 16% }
}
.footer-row .widget_nav_menu {
    padding-right: 15px;
    box-sizing: border-box;
}

@media (max-width: 992px){
	.footer-col-s-1{ flex:0 0 8.333333% }
	.footer-col-s-2{ flex:0 0 16.666667% }
	.footer-col-s-3{ flex:0 0 25% }
	.footer-col-s-4{ flex:0 0 33.333333% }
	.footer-col-s-5{ flex:0 0 41.666667% }
	.footer-col-s-6{ flex:0 0 50% }
	.footer-col-s-7{ flex:0 0 58.333333% }
	.footer-col-s-8{ flex:0 0 66.666667% }
	.footer-col-s-9{ flex:0 0 75% }
	.footer-col-s-10{ flex:0 0 83.333333% }
	.footer-col-s-11{ flex:0 0 91.666667% }
	.footer-col-s-12{ flex:0 0 100% } 
	
    .footer-row {
    	flex-wrap: wrap;
        margin: 0 30px;
    }
}

@media (max-width:768px){
	.footer-col-xs-1{ flex:0 0 8.333333% }
	.footer-col-xs-2{ flex:0 0 16.666667% }
	.footer-col-xs-3{ flex:0 0 25% }
	.footer-col-xs-4{ flex:0 0 33.333333% }
	.footer-col-xs-5{ flex:0 0 41.666667% }
	.footer-col-xs-6{ flex:0 0 50% }
	.footer-col-xs-7{ flex:0 0 58.333333% }
	.footer-col-xs-8{ flex:0 0 66.666667% }
	.footer-col-xs-9{ flex:0 0 75% }
	.footer-col-xs-10{ flex:0 0 83.333333% }
	.footer-col-xs-11{ flex:0 0 91.666667% }
	.footer-col-xs-12{ flex:0 0 100% } 
	
	.footer-new-bottom-inner,
	.footer-new-bottom-right, 
	.footer-new-bottom-left { width: 100%; display: block; }
	.footer-new-bottom-right { text-align: left; }
	.footer-row { margin: 0; }
	
    .footer-row {
        margin: 0 20px;
    }
    
    body .wp-subscribe-form.wp-subscribe-feedburner { flex-wrap: wrap; }
    body .wp-subscribe-wrap input.submit { margin: 10px 0 0 0 !important; }
}

@media (max-width: 480px){
	.footer-col-xs-1,
	.footer-col-xs-2,
	.footer-col-xs-3,
	.footer-col-xs-4,
	.footer-col-xs-5,
	.footer-col-xs-6,
	.footer-col-xs-7,
	.footer-col-xs-8,
	.footer-col-xs-9,
	.footer-col-xs-10,
	.footer-col-xs-11,
	.footer-col-xs-12{ flex:0 0 100% } 

	#footer-new .footer-new-row { flex: 0 0 100%; }
	.footer-new-links { margin-bottom: 25px; }
}

/*
 #footer-new .container{width:1180px}
 @media (min-width: 1600px) { #footer-new .container{width:1360px}}
 @media only screen and (min-width:960px) and (max-width:1289px){ #footer-new .container{width:940px;}}
 @media only screen and (min-width:768px) and (max-width:990px){ #footer-new .container{width:100%;}}
 @media (max-width: 768px) {  #footer-new .container { width: 100%; }}*/


/* -------------------------------------------------------------- */
/*  08. Others
----------------------------------------------------------------- */

	/* ---------------------------------- */
	/* Common Styles
	------------------------------------- */

	/* Headlines */
	h1, h2, h3, h4, h5, h6 {
		color: #333;
		font-weight: 500;
		margin: 0;
		padding: 0;
		font-family: sans-serif;
	}

	/* Classes for disabling things on mobile devices */
	@media (max-width: 992px) { .hide-under-992px { display: none; } }
	@media (max-width: 768px) { .hide-under-768px { display: none; } }
	@media (max-width: 480px) { .hide-under-480px { display: none; } }

    body .recent-post img { width: 100%; }
.type-and-hit-enter {
	display: block;
	position:absolute;
	right: 16px;
	top: 13px;
	z-index: 120;
	background-color: #f0f0f0;
	border-radius: 4px;
	font-size: 13px;
	font-weight: 400;
	color: #888;
	line-height: 18px;
	padding: 3px 7px;
	pointer-events: none;
	opacity: 0;
	transition: 0.4s;
	transform: translateX(4px);
}

.intro-search-field .type-and-hit-enter { top: 11px; right: 8px; }



/* Cluster styles */
.cluster img { display:none }

.cluster-visible {
	text-align: center;
	font-size: 14px !important;
	color: #fff !important;
	font-weight: 700;
	border-radius: 50%;
	width: 33px !important;
	height: 33px !important;
	line-height: 33px !important;
	background-color: #26ae61;
	animation: clusterAnimation 2.5s infinite;
}
/*
@keyframes clusterAnimation {
	0%,100% {
		box-shadow: 0 0 0 6px rgba(102,103,107,0.15);
	}
	50% {
		box-shadow: 0 0 0 10px rgba(102,103,107,0.15);
	}
}
*/

/* Marker */
.map-marker-container { position: absolute; outline: none; }

.marker-container {
	position: relative;
	margin: -9px 0 0 -9px;
	width: 18px;
	height: 18px;
	z-index: 1;
	border-radius: 50%;
	cursor: pointer;
	top: 0;
	background-color: #26ae61;
	animation: markerAnimation 2.5s infinite;
	transition: 0.4s;
}

/*@keyframes markerAnimation {
	0%,100% {
		box-shadow: 0 0 0 6px rgba(38, 174, 97,0.15);
	}
	50% {
		box-shadow: 0 0 0 8px rgba(38, 174, 97,0.15);
	}
}*/

/* Clicked & Hover States */
.map-marker-container.clicked .marker-container {
	transform: scale(1.3);
}

.marker-container:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	background-color: transparent;
	border-radius: 50%;
	transform: scale(2);
	opacity: 0;
	outline: none;
}


/* ---------------------------------- */
/* Google Maps
------------------------------------- */
.infoBox { 
	border-radius: 4px;
	display: flex;
	flex-wrap: wrap;
	width: calc(100% + 30px);
	line-height: 24px;
}

.infoBox .job-listing {
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 0;
	box-shadow: none;
	width: 100%;
}

.infoBox .job-listing .job-listing-description {
	padding-top: 0;
}

.infoBox .job-listing:hover {
	transform: none;
}

.infoBox .job-listing-details {
	flex-grow: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 20px 25px;
}

.infoBox .job-listing h4.job-listing-company {
	font-size: 14px;
	position: relative;
	top: 0px;
}

.infoBox .job-listing .verified-badge {
	transform: scale(0.85);
	right: -7px;
	bottom: -7px;
}

.infoBox .job-listing .not-verified-badge {
	display: none;
}

.infoBox .job-listing-footer {
	flex-grow: 0;
	padding: 15px 25px;
	font-size: 16px;
	display: none;
}

.infoBox .job-listing h3.job-listing-title {
	font-size: 16px;
	line-height: 24px;
}

.infoBox .job-listing .job-listing-company-logo {
	max-width: 46px;
	margin: 5px 18px 5px 0;
	top: 0;
	flex: 0 0 46px;
}

.infoBox .job-listing .job-listing-company-logo img { max-width: 46px; }


.map-box {
	background-color: #fff;
	margin-bottom: 20px;
	border-radius: 4px;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.12);
	position: relative;
	width: 100%;
}

.map-box .listing-img-container img {
    width: 100%;
    border-radius: 4px 4px 0 0;
}

.map-box h4 {
	margin: 0;
	padding: 0;
}

.map-box h4 a {
	padding: 0 0 2px 0;
	font-size: 17px;
	line-height: 25px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	display: inline-block;
}

.listing-img-container {
	position: relative;
	height: 100%;
	display: block;
}

.map-box h4 a:hover { color: #26ae61; }

.map-box p {
	padding: 0;
	line-height: 25px;
	margin: 2px 0 0 0;
	font-size: 14px;
}

.map-box ul.listing-details {
	padding: 0;
	font-size: 14px;
	display: none;
}

.map-box .listing-title {
	padding: 16px 22px;
}


.map-box .listing-img-content {
	padding: 18px 22px;
}


.map-box .listing-img-content span {
	font-size: 21px;
}

.map-box .listing-img-content .listing-price i {
    font-size: 15px;
    margin: -7px 0 0 0;
}


.infoBox > img {
	position: absolute !important;
	right: 0px;
	top: 0px;
}

.map-box .listing-img-container::before {
    content:"";
    position: absolute;
    height: 100%;
    width: 100%;
    display: block;
	background: linear-gradient(to top, rgba(35,35,37,0.85) 0%, rgba(35,35,37,0.40) 35%, rgba(22,22,23,0) 60%, rgba(0,0,0,0) 100%);
	background-color: rgba(35,35,37,0.2);
}

.map-box .listing-item-content {
    position: absolute;
    bottom: 20px;
    left: 0;
    padding: 0 24px;
    width: 100%;
    z-index: 50;
    box-sizing: border-box;
}

.map-box .listing-item-content h3 {
    color: #fff;
    font-size: 18px;
    padding: 0 0 2px 0;
    font-weight: 500;
    margin: 0;
    line-height: 27px;
}

.map-box .listing-item-content span {
    font-size: 15px;
    font-weight: 300;
    display: inline-block;
    color: rgba(255,255,255,0.7);
}


/* Close Button */
.infoBox-close {
	position: absolute;
	top: 12px;
	right: 12px;
	display: inline-block;
	z-index: 999;
	text-align: center;
	cursor: pointer;
	font-size: 15px;
	font-weight: 500;
	height: 27px;
	width: 27px;
	line-height: 27px;
	background-color: #f0f0f0;
	color: #666;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	border-radius: 4px;
}

.infoBox-close i {
	position: relative;
	top: 2px;
	left: -0.5px;
}

.infoBox-close:hover {
	color: #fff;
	background-color: #26ae61;
}


/* Read More Icon */
.map-box-icon {
	height: 38px;
	width: 38px;
	position: absolute;
	bottom:0;
	right:0;
	background-color: #3685cf;
	display: block;
	color: #fff;
	font-size: 12px;
	z-index: 101;
	text-align: center;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-transform: translateX(50%);
	-ms-transform: translateX(50%);
	transform: translateX(50%);
	opacity:0;
	visibility: hidden;
}

.map-box-icon:before {
	content: "\f064";
	font-family: "FontAwesome";
	position: relative;
	top: 7px;
	display: block;
}

.map-box-image:hover .map-box-icon {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateX(0);
}

.map-box-image {
	position: relative;
	overflow: hidden;
	display: block;
}

.infoBox {
	animation: infoBoxAnimation 0.5s;
}

/* Standard syntax */
@keyframes infoBoxAnimation {
    from {opacity: 0; transform: translateY(-10px); }
    to {opacity: 1; transform: translateY(0px); }
}

.infoBox .star-rating span { margin-right: 3px; }

.infoBox .rating-counter {
	position: relative;
	top: -1px;
}

.infoBox:after {
	content: "";
	position: absolute;
	bottom: 5px;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-left: 16px solid transparent;
	border-right: 16px solid transparent;
	border-top: 16px solid #fff;
}



/* Popups
------------------------------------- */
.leaflet-popup-content-wrapper .job-listing {
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 0;
	box-shadow: none;
	width: 100%;
	transform: translate3d(0, 0, 0);
}

.leaflet-popup-content-wrapper .job-listing .job-listing-description {
	padding-top: 0;
	flex: 1;
}

.leaflet-popup-content-wrapper .job-listing:hover {
	transform: none;
}

.leaflet-popup-content-wrapper .job-listing-details {
	flex-grow: 1;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	padding: 20px 25px;
	transform: translate3d(0, 0, 0);
}

.leaflet-popup-content-wrapper .job-listing h4.job-listing-company {
	font-size: 13px;
	position: relative;
	top: 0px;
	line-height: 19px;
	color: #888;
	font-weight: 400;
	margin-bottom: 2px;
}

.leaflet-popup-content-wrapper .job-listing .verified-badge {
	transform: scale(0.85);
	right: -7px;
	bottom: -7px;
}

.leaflet-popup-content-wrapper .job-listing .not-verified-badge {
	display: none;
}

.leaflet-popup-content-wrapper .job-listing-footer {
	flex-grow: 0;
	padding: 15px 25px;
	font-size: 16px;
	display: none;
}

.leaflet-popup-content-wrapper .job-listing h3.job-listing-title {
	font-size: 16px;
	line-height: 23px;
	color: #333;
	margin-top: 0px;
	font-weight: 500;
}

.leaflet-popup-content-wrapper .job-listing .job-listing-company-logo {
	width: 46px;
	height: 46px;
	object-fit: cover;
	margin: 0 18px 0 0;
	top: 0;
	flex: 0 0 46px;
}

.leaflet-popup-content-wrapper .job-listing .job-listing-company-logo img {
	width: 46px;
	height: 46px;
	border-radius: 100px;
	object-fit: cover;
	}



.leaflet-popup-content-wrapper .job-listing .skills { margin-top: 9px; }
.job-listing-details ul {
    list-style: none;
    margin-top: 7px;
    display: block;
    font-size: 13px;
    border-radius: 4px;
}

.job-listing-details ul li {
    color: #777;
}

.job-listing-details ul li i {
    margin-right: 4px;
}

 #small-dialog, #small-dialog-edit {
    background: #fff;
    padding: 40px;
    padding-top: 0;
    text-align: left;
    max-width: 610px;
    margin: 40px auto;
    position: relative;
    box-sizing: border-box;
    border-radius: 4px;
}

.small-dialog-header {
    font-size: 22px;
    width: calc(100% + 80px);
    position: relative;
    left: -40px;
    top: 0;
    border-radius: 4px 4px 0 0;
    display: inline-block;
    background-color: #f6f6f6;
    padding:28px 40px;
    margin-bottom: 40px;
}

#send-message-from-widget .notification {
    display: none;
}



/* ---------------------------------- */
/* Slick Carousel
------------------------------------- */

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}

.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}

.slick-initialized .slick-slide
{
    display: block;
    margin: 0 10px;
    margin-bottom: 2px;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

.slick-list {
     width: calc(100% + 20px);
    left: -10px;   
}


/* Before slick carousel gets initialised*/
.logo-slick-carousel,
.testimonial-carousel,
.simple-fw-slick-carousel,
.simple-slick-carousel {
	display: none;
}

.slick-initialized.logo-slick-carousel,
.slick-initialized.testimonial-carousel,
.slick-initialized.simple-fw-slick-carousel,
.slick-initialized.simple-slick-carousel {
	display: block;
}

.simple-fw-slick-carousel .fw-carousel-item { padding: 10px 15px 0 15px; }
.simple-fw-slick-carousel {margin: 0 15px; max-width: 100%; box-sizing: border-box; }


/* Arrows */
.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    z-index: 100;
    display: block;
    width: auto;
    height: auto;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.logo-slick-carousel .slick-prev,
.logo-slick-carousel .slick-next,
.simple-slick-carousel .slick-prev,
.simple-slick-carousel .slick-next { display: none !important; }

.simple-slick-carousel.arrows-nav .slick-prev,
.simple-slick-carousel.arrows-nav .slick-next { display: block !important; }

.slick-prev:hover,
.slick-next:hover {
    color: transparent;
    outline: none;
    background: transparent;
}

.slick-prev:hover:before,
.slick-next:hover:before {
    color: #999;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25;
}

.slick-prev:before,
.slick-next:before {
    font-family: 'simple-line-icons';
    font-size: 32px;
    line-height: 1;
    opacity: 1;
    color: #aaa;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: all 0.3s;
}

.white-nav .slick-prev:before,
.white-nav .slick-next:before {
    color: #fff;
}

.slick-prev { left: 3px; transform: translate3d(-90px,-50%,0); }
.slick-next { right: 3px; transform: translate3d(90px,-50%,0); }

.slick-prev:before { content: '\e605'; }
.slick-next:before { content: '\e606'; }


/* Dots */
.slick-dotted.slick-slider { margin-bottom: 30px; }

.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.simple-slick-carousel.slick-dotted.slick-slider { margin-bottom: 0; }
.simple-slick-carousel.slick-dotted.slick-slider.dots-nav { margin-bottom: 30px; }

.simple-slick-carousel .slick-dots { display: none !important; }
.simple-slick-carousel.dots-nav .slick-dots { display: block !important; }

.slick-dots li {
    position: relative;
    display: inline-block;
    padding: 0;
    margin: 0 3px;
    cursor: pointer;
}

.slick-dots li {
    font-size: 0;
    line-height: 0;
    cursor: pointer;
    color: transparent;
    border: 0;
    position: relative;
    outline: none;
	display: inline-block;
	width: 15px;
	height: 15px;
	margin: 0 3px;
	opacity: 1;
	border-radius: 50%;
	line-height: 0;
	box-shadow: inset 0 0 0 2px #c0c0c0;
	transition: all 0.3s;
}

.slick-dots li.slick-active {
	box-shadow: inset 0 0 0 6px #c0c0c0;
	transition: all 0.3s;
}

.slick-dots li:after {
    display: block;
    height: 13px;
    width: 13px;
	content: "";
	position: absolute;
	top: 1px;
	left: 1px;
	background-color: transparent;
	border-radius: 50%;
	transition: all 0.3s;
	opacity: 0;
	background-color: #c0c0c0;
}

.slick-dots li.slick-active:after {
	opacity: 1;
}


.white-nav .slick-dots li { box-shadow: inset 0 0 0 2px #fff; }
.white-nav .slick-dots li.slick-active { box-shadow: inset 0 0 0 8px #fff; }

.slick-dots li button { display: none;}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}


/* ---------------------------------- */
/* Full Width Page Layout
------------------------------------- */
.full-page-container {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}

.full-page-content-container {
  flex: 1;
  background-color: #fff;
  padding: 0;
    overflow: auto;
}

.full-page-content-inner {
  padding: 0;
  position: relative;
}

.full-page-content-inner .grid-layout {
  width: calc(100% + 30px)
}

.full-page-content-inner .grid-layout .job-listing {
    margin: 0 30px 30px 0;
    width: calc(100% * (1/3) - 30px);
}

/* Small Footer */
.small-footer {
  border-top: 1px solid #e0e0e0;
  padding-top: 0px;
  width: calc(100% - 70px);
  left: 0;
  position: relative;
  padding: 25px 35px;
  display: flex;
}

.small-footer strong { color: #333; }

.small-footer-copyrights { flex: 2; }



/* Full Page With Map
------------------------------------- */
.full-page-map-container {
  flex: auto;
  position: relative;
  background-color: #e5e3df;
}

.full-page-map-container #map {
  position: relative;
  z-index: 30;
}

.full-page-container.with-map .full-page-content-container {
  flex: 0 0 50vw;
}


/* Custom Scrollbar*/
.full-page-container.with-map .full-page-content-container::-webkit-scrollbar {
  width: 10px;
  background-color: rgba(255, 255, 255, 0);
}

.full-page-container.with-map .full-page-content-container::-webkit-scrollbar-track,
.full-page-container.with-map .full-page-content-container::-webkit-scrollbar-thumb {
  border-left: 1px solid rgba(255, 255, 255, 0);
  border-right: 1px solid rgba(255, 255, 255, 0);
  background-clip: padding-box;
  border-radius: 20px;
}
.full-page-container.with-map .full-page-content-container::-webkit-scrollbar-track {
  background-color: #f1f1f1
}
.full-page-container.with-map .full-page-content-container::-webkit-scrollbar-thumb {
  background-color: #d4d4d4;
}

.full-page-container.with-map .full-page-content-container::-webkit-scrollbar-thumb:hover {
  background-color: #c8c8c8;
}


.listings-container { padding: 35px; }

/* Filters
------------------------------------- */
.filters-container {
  background: #f8f8f8;
  border-radius: 4px; 
  display: block; 
  padding: 35px;
  font-weight: 500;
}

.filters-headline {
  font-size: 20px;
  font-weight: 500;
  color: #333;
  line-height: 32px;
  margin-bottom: 10px;
  margin-top: -5px;
}

.filters-flexbox-row {
  display: flex;
  flex-wrap: wrap;
  left: -10px;
  position: relative;
  width: calc(100% + 20px);
}

.filters-flexbox-child {
  flex: 0 0 calc(50% - 20px);
  margin: 10px;
  flex-grow: 1;
}

.filters-flexbox-child.flex-one-third { flex: 0 0 calc(33.3% - 20px); flex-grow: 1; }
.filters-flexbox-child.flex-one-half { flex: 0 0 calc(50% - 20px); flex-grow: 1; }
.filters-flexbox-child.flex-full-width { flex: 0 0 calc(100% - 20px); flex-grow: 1; }


/* Full Page Media Queries
------------------------------------- */

@media (max-width: 1920px) {

}

@media (max-width: 1600px) {
  .full-page-container.with-map .full-page-content-container { flex: 0 0 55vw }

}

@media (max-width: 1290px) {
  .filters-flexbox-child.flex-one-third { flex: 0 0 calc(50% - 20px); flex-grow: 1; }
}


@media (max-width: 1099px) {
  /* Important Responsive Styles */
  .full-page-map-container {
    order: -1;
    width: 100%;
    height: 400px;
    position: absolute;
    top: 0;
  }

  .full-page-container.with-map {
    padding-top: 400px;
    height: auto !important;
    width: 100%;
    position: relative;
  }

  .full-page-container.with-map .full-page-content-container { 
    flex: 1;
    height: auto !important;
  }

  .full-page-container:not(.full-page-jobs.full-page-container),
  .full-page-content-container {
    height: auto !important;
  }

  .full-page-container .simplebar-track { display: none; }

  .filters-flexbox-child.flex-one-third { flex: 0 0 calc(33.3% - 20px); flex-grow: 1; }
  .filters-flexbox-child.flex-one-half { flex: 0 0 calc(50% - 20px); flex-grow: 1; }
  .filters-flexbox-child.flex-full-width { flex: 0 0 calc(100% - 20px); flex-grow: 1; }

  .listings-container,
  .filters-container { padding: 30px 25px; }
}

@media (max-width: 768px) {
  .filters-flexbox-child.flex-one-third,
  .filters-flexbox-child.flex-one-half { flex: 0 0 calc(50% - 20px); flex-grow: 1; }
  .filters-flexbox-child.flex-full-width { flex: 0 0 calc(100% - 20px); flex-grow: 1; }
  .listings-container,
  .filters-container { padding: 30px 15px; }
}

@media (max-width: 540px) {
  .filters-flexbox-child.flex-one-third,
  .filters-flexbox-child.flex-one-half,
  .filters-flexbox-child.flex-full-width { flex: 0 0 calc(100% - 20px); flex-grow: 1; }
}


#related-job-spotlight,
#job-spotlight  { position: relative; display: none; margin-top: 22px; }

#related-job-spotlight.slick-initialized,
#job-spotlight.slick-initialized  { position: relative; display: block; }

#related-job-spotlight { margin-top: 21px; }


.slick-prev,
.slick-next {
    position: absolute;
    top: -58px;
    right: 0;
    transform: none;
    background: #f2f2f2;
    border-radius: 4px;
    height: 25px;
    width: 25px;
    text-align: center;
    font-size: 10px;
    line-height: 25px;
    transition: 0.3s;
}

.slick-prev {
    right: 28px;
    left: initial;
}



.slick-prev:before,
.slick-next:before {
    content: "\f105";
    font-family: FontAwesome;
    display: inline-block;
    font-size: 18px;
    line-height: 25px;
    color: #a2a2a2;
}

.slick-prev:before {
    content: "\f104";
}

.slick-prev:hover,
.slick-next:hover {
    background: #333;
    color: #fff;
}

.slick-prev:hover:before,
.slick-next:hover:before {
    color: #fff;
}

.intro-banner #leaflet-geocode-cont {
    border: none;
    border-radius: 4px;
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.15);
    padding-top: 8px;
    top: 42px;
}

.intro-banner #leaflet-geocode-cont:after {
    content: "";
    position: absolute;
    height: 6px;
    width: 100%;
    display: block;
    top: -5px;
    left: 0;
    z-index: 15;
    background: #fff;
}

.range-indicator {
    margin-bottom: 20px;
    display: inline-block;
    background: #f4f4f4;
    border-radius: 4px;
    padding: 2px 8px;
    font-size: 13px;
    font-weight: 500;
    color: #888;
    line-height: 24px;
    margin-top: 5px;
}

/* Input Placeholder Color */
input::placeholder {
	color: #808080;
	opacity: 1;
}



/* ---------------------------------- */
/* Leaflet Maps
------------------------------------- */
.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}
.leaflet-container {
	overflow: hidden;
	outline: none;
	}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	  -webkit-user-drag: none;
	}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
	image-rendering: -webkit-optimize-contrast;
	}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
	width: 1600px;
	height: 1600px;
	-webkit-transform-origin: 0 0;
	}
.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
	max-width: none !important;
	max-height: none !important;
	}

.leaflet-container.leaflet-touch-zoom {
	-ms-touch-action: pan-x pan-y;
	touch-action: pan-x pan-y;
	}
.leaflet-container.leaflet-touch-drag {
	-ms-touch-action: pinch-zoom;
	/* Fallback for FF which doesn't support pinch-zoom */
	touch-action: none;
	touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
	-ms-touch-action: none;
	touch-action: none;
}

.leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}
.leaflet-tile-loaded {
	visibility: inherit;
	}
.leaflet-zoom-box {
	width: 0;
	height: 0;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	z-index: 800;
	}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}

.leaflet-pane         { z-index: 400; }

.leaflet-tile-pane    { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane  { z-index: 500; }
.leaflet-marker-pane  { z-index: 600; }
.leaflet-tooltip-pane   { z-index: 650; }
.leaflet-popup-pane   { z-index: 700; }

.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg    { z-index: 200; }

.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}
.lvml {
	behavior: url(#default#VML);
	display: inline-block;
	position: absolute;
	}


/* control positioning */

.leaflet-control {
	position: relative;
	z-index: 800;
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}
.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 990;
	pointer-events: none;
	}
.leaflet-top {
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
	}
.leaflet-right {
	right: 0;
	}
.leaflet-bottom {
	bottom: 0;
	}
.leaflet-left {
	left: initial; right: 0;
	}
.leaflet-control {
	float: left;
	clear: both;
	}
.leaflet-right .leaflet-control {
	float: right;
	}
.leaflet-top .leaflet-control {
	margin-top: 10px;
	}
.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}
.leaflet-left .leaflet-control {
	margin-left: 10px;
	}
.leaflet-right .leaflet-control {
	margin-right: 10px;
	}


/* zoom and fade animations */

.leaflet-fade-anim .leaflet-tile {
	will-change: opacity;
	}
.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	-webkit-transition: opacity 0.2s linear;
	   -moz-transition: opacity 0.2s linear;
	        transition: opacity 0.2s linear;
	}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}
.leaflet-zoom-animated {
	-webkit-transform-origin: 0 0;
	    -ms-transform-origin: 0 0;
	        transform-origin: 0 0;
	}
.leaflet-zoom-anim .leaflet-zoom-animated {
	will-change: transform;
	}
.leaflet-zoom-anim .leaflet-zoom-animated {
	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
	   -moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
	        transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
	-webkit-transition: none;
	   -moz-transition: none;
	        transition: none;
	}

.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}


/* cursors */

.leaflet-interactive {
	cursor: pointer;
	}
.leaflet-grab {
	cursor: -webkit-grab;
	cursor:    -moz-grab;
	cursor:         grab;
	}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
	cursor: crosshair;
	}
.leaflet-popup-pane,
.leaflet-control {
	cursor: auto;
	}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor:    -moz-grabbing;
	cursor:         grabbing;
	}

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
	pointer-events: none;
	}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive {
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}


/* general toolbar styles */

.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}
	
.leaflet-bar a,
.leaflet-bar a:hover {

	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
}
	
.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}


.leaflet-bar a.leaflet-disabled {
	cursor: default;
	pointer-events:none;
	}

.leaflet-touch .leaflet-bar a {
	width: 34px;
	height: 34px;
	line-height: 34px;
}

.leaflet-touch .leaflet-bar a i {
    line-height: 34px;
	left: -1px;
	position: relative;
}

body #submit_map {
    outline: none;
    margin-bottom: 30px;
}

/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
	}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
	font-size: 15px;
	text-align: center;
	}


/* layers control */

.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}
.leaflet-control-layers-toggle {
	background-image: url(images/layers.png);
	width: 36px;
	height: 36px;
	}
.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url(images/layers-2x.png);
	background-size: 26px 26px;
	}
.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}
.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}
.leaflet-control-layers-scrollbar {
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right: 5px;
	}
.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}
.leaflet-control-layers label {
	display: block;
	}
.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}

/* Default icon URLs */
.leaflet-default-icon-path {
	background-image: url(images/marker-icon.png);
	}


/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
    background: #fff;
    margin: 10px;
    border-radius: 4px;
    padding: 4px 8px;
    color: #777;
    font-weight: 400;
    line-height: 15px;
    box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.07) !important;
}

.leaflet-container .leaflet-control-attribution a {
    color: #333;
    text-decoration: none !important;
    font-weight: 400;
    font-size: 12px;
}
.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	}
.leaflet-control-attribution a {
	text-decoration: none;
	}
.leaflet-control-attribution a:hover {
	text-decoration: underline;
	}
.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
	font-size: 11px;
	}
.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}
.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}
.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	font-size: 11px;
	white-space: nowrap;
	overflow: hidden;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;

	background: #fff;
	background: rgba(255, 255, 255, 0.5);
	}
.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
	}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	background-clip: padding-box;
	}

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	background-color: #fff;
	color: #333;
	cursor: pointer;
	border-radius: 4px;
	margin: 5px 15px;
	transition: 0.3s;
	box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.1);
	text-align: center;
	font-size: 18px;
	height: 34px;
	width: 34px;
	-webkit-text-stroke: 1px #fff;
}

.leaflet-control-zoom-in:hover,
.leaflet-control-zoom-out:hover {
	background-color: #333;
	color: #fff;
	-webkit-text-stroke: 1px #333;
}

.leaflet-control-zoom-in:before,
.leaflet-control-zoom-out:before  {
	font-family: "Feather-Icons";
	width: 100%;
	line-height: 35px;
}

/* .leaflet-control-zoom-in:before { content: "\e9b1"; }
.leaflet-control-zoom-out:before  { content: "\e996"; } */

.marker-container:hover .marker-card,
.clicked .marker-container .marker-card, 

.leaflet-marker-icon.clicked .marker-container { transform: scale(1.3); }


/* Popup
----------------------------------------*/
.leaflet-popup {
	position: absolute;
	text-align: center;
	margin-bottom: 25px;
}

.leaflet-popup .job-type {
    border-radius: 4px;
    font-size: 12px;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    color: #888;

    line-height: 18px;
    font-weight: 500;
    position: relative;
    display: inline-block;
    white-space: nowrap;
    text-align: center;
    min-width: 76px;
    margin: 8px 4px 2px 0;
 padding: 3px 6px;
}

.leaflet-popup-content-wrapper {
	padding: 0;
	text-align: left;
	border-radius: 4px
}

.leaflet-popup-content  {
	width: 270px;
	transform: translate3d(0, 0, 0);
}

.leaflet-popup-content p {
	margin: 0;
}

.leaflet-listing-img-container img {
    border-radius: 4px 4px 0 0;
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.leaflet-listing-img-container {
    position: relative;
    height: 210px;
    display: block;
    border-radius: 4px;
    overflow: hidden;
}

.leaflet-listing-img-container:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    display: block;
    background: linear-gradient(to top, rgba(35,35,37,0.85) 0%, rgba(35,35,37,0.40) 35%, rgba(22,22,23,0) 60%, rgba(0,0,0,0) 100%);
    background-color: rgba(35,35,37,0.2);
}

.leaflet-listing-item-content {
    position: absolute;
    bottom: 20px;
    left: 0;
    padding: 0 24px;
    width: 100%;
    z-index: 50;
    box-sizing: border-box;
}

.leaflet-listing-item-content h3 {
    color: #fff;
    font-size: 18px;
    padding: 0 0 2px 0;
    font-weight: 500;
    margin: 0;
    line-height: 25px;
}

.leaflet-listing-content {
    padding: 16px 22px;
    width: 100%;
    z-index: 50;
    box-sizing: border-box;  
    position: relative;
}

.leaflet-listing-content .not-rated {
    color: #888;
}

.leaflet-listing-content .star-rating {
    font-size: 16px;
    margin-top: 1px;
    display: block;
    line-height: 18px;
}

.leaflet-listing-content .numerical-rating {
	margin: 0;
}


.leaflet-listing-item-content span {
    font-size: 15px;
    font-weight: 300;
    display: inline-block;
    color: rgba(255,255,255,0.7);
    line-height: 24px;
    display: block;;
}

.leaflet-popup-tip-container {
	width: 30px;
	height: 30px;
	position: absolute;
	left: 50%;
	margin-left: -15px;
	overflow: hidden;
	pointer-events: none;
	background: transparent;
	}

.leaflet-popup-tip {

    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #fff;
	}

.leaflet-popup-content-wrapper {
	background: white;
	color: #333;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.12);
	transform: translate3d(0, 0, 0);
	}

/* Close Button */
.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 12px;
	right: 12px;
	display: inline-block;
	z-index: 999;
	text-align: center;
	cursor: pointer;
	font-size: 15px;
	font-weight: 500;
	height: 27px;
	width: 27px;
	line-height: 27px;
	background-color: #f0f0f0;
	color: transparent;
	transition: all 0.2s;
	border-radius: 4px;
    -webkit-text-stroke: 1px #f0f0f0;
    color: #666;
}

.leaflet-container a.leaflet-popup-close-button:before {
    position: absolute;
    font-family: 'FontAwesome';
    content: "\f00d";
    left: 0;
    right: 0;
    top: 0;
}

.leaflet-container a.leaflet-popup-close-button:hover {
	background-color: #333;
	-webkit-text-stroke: 1px #333;
	color: #fff;
}

.leaflet-container a.leaflet-popup-close-button:hover:before {

}


.leaflet-popup-scrolled {
	overflow: auto;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	}

.leaflet-oldie .leaflet-popup-content-wrapper {
	zoom: 1;
	}
.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
	}
.leaflet-oldie .leaflet-popup-tip-container {
	margin-top: -1px;
	}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
	}


/* div icon */

.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}




/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
	position: absolute;
	padding: 6px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 4px;
	color: #222;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	}
.leaflet-tooltip.leaflet-clickable {
	cursor: pointer;
	pointer-events: auto;
	}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	position: absolute;
	pointer-events: none;
	border: 6px solid transparent;
	background: transparent;
	content: "";
	}

/* Directions */

.leaflet-tooltip-bottom {
	margin-top: 6px;
}
.leaflet-tooltip-top {
	margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
	left: 50%;
	margin-left: -6px;
	}
.leaflet-tooltip-top:before {
	bottom: 0;
	margin-bottom: -12px;
	border-top-color: #fff;
	}
.leaflet-tooltip-bottom:before {
	top: 0;
	margin-top: -12px;
	margin-left: -6px;
	border-bottom-color: #fff;
	}
.leaflet-tooltip-left {
	margin-left: -6px;
}
.leaflet-tooltip-right {
	margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	top: 50%;
	margin-top: -6px;
	}
.leaflet-tooltip-left:before {
	right: 0;
	margin-right: -12px;
	border-left-color: #fff;
	}
.leaflet-tooltip-right:before {
	left: 0;
	margin-left: -12px;
	border-right-color: #fff;
	}


.leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow {
	-webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in;
	-moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-in;
	-o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-in;
	transition: transform 0.3s ease-out, opacity 0.3s ease-in;
}

.leaflet-cluster-spider-leg {
	/* stroke-dashoffset (duration and function) should match with leaflet-marker-icon transform in order to track it exactly */
	-webkit-transition: -webkit-stroke-dashoffset 0.3s ease-out, -webkit-stroke-opacity 0.3s ease-in;
	-moz-transition: -moz-stroke-dashoffset 0.3s ease-out, -moz-stroke-opacity 0.3s ease-in;
	-o-transition: -o-stroke-dashoffset 0.3s ease-out, -o-stroke-opacity 0.3s ease-in;
	transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in;
}


/* Clusters
----------------------------------------*/
.marker-cluster-small,
.marker-cluster-medium,
.marker-cluster-large {
	background-color: transparent;
}

.marker-cluster {
	background-clip: padding-box;
	border-radius: 20px;
}

.marker-cluster div {
	margin-left: 5px;
	margin-top: 5px;
	text-align: center;
	font-size: 15px;
	color: #fff;
	font-weight: 600;
	border-radius: 50%;
	width: 36px;
	height: 36px;
	line-height: 36px;
	background-color: #66676b;
	position: relative;
}

	
.marker-cluster-small div,
.marker-cluster-medium div,
.marker-cluster-large div {
	background-color: #66676b;
}

.marker-cluster div:before {
	border: 7px solid #66676b;
	opacity: 0.2;
	box-shadow: inset 0 0 0 4px #66676b;
	content: '';
	position:absolute;
	border-radius: 50%;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	animation: cluster-animation 2.5s infinite;
}

@keyframes cluster-animation {
	0%,100% {
		transform:scale(1.3) rotate(0deg)
	}
	50% {
		transform:scale(1.5) rotate(90deg)
	}
}

.marker-cluster span {
    line-height: 36px;
}

.leaflet-control-geocoder {
  border-radius: 4px;
  background: white;
  min-width: 26px;
  min-height: 26px;
}

.leaflet-touch .leaflet-control-geocoder {
  min-width: 30px;
  min-height: 30px;
}

.leaflet-control-geocoder a,
.leaflet-control-geocoder .leaflet-control-geocoder-icon {
  border-bottom: none;
  display: inline-block;
}

.leaflet-control-geocoder .leaflet-control-geocoder-alternatives a {
  width: inherit;
  height: inherit;
  line-height: inherit;
}

.leaflet-control-geocoder a:hover,
.leaflet-control-geocoder .leaflet-control-geocoder-icon:hover {
  border-bottom: none;
  display: inline-block;
}

.leaflet-control-geocoder-form {
  display: none;
  vertical-align: middle;
}
.leaflet-control-geocoder-expanded .leaflet-control-geocoder-form {
  display: inline-block;
}
.leaflet-control-geocoder-form input {
  font-size: 120%;
  border: 0;
  background-color: transparent;
  width: 246px;
}

.leaflet-control-geocoder-icon {
  border-radius: 4px;
  width: 26px;
  height: 26px;
  border: none;
  background-color: white;
  background-image: url(images/geocoder.png);
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

.leaflet-touch .leaflet-control-geocoder-icon {
  width: 30px;
  height: 30px;
}

.leaflet-control-geocoder-throbber .leaflet-control-geocoder-icon {
  background-image: url(images/throbber.gif);
}

.leaflet-control-geocoder-form-no-error {
  display: none;
}

.leaflet-control-geocoder-form input:focus {
  outline: none;
}

.leaflet-control-geocoder-form button {
  display: none;
}
.leaflet-control-geocoder-error {
  margin-top: 8px;
  margin-left: 8px;
  display: block;
  color: #444;
}
.leaflet-control-geocoder-alternatives {
  display: block;
  width: 272px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.leaflet-control-geocoder-alternatives-minimized {
  display: none;
  height: 0;
}
.leaflet-control-geocoder-alternatives li {
  white-space: nowrap;
  display: block;
  overflow: hidden;
  padding: 5px 8px;
  text-overflow: ellipsis;
  border-bottom: 1px solid #ccc;
  cursor: pointer;
}

.leaflet-control-geocoder-alternatives li a,
.leaflet-control-geocoder-alternatives li a:hover {
  width: inherit;
  height: inherit;
  line-height: inherit;
  background: inherit;
  border-radius: inherit;
  text-align: left;
}

.leaflet-control-geocoder-alternatives li:last-child {
  border-bottom: none;
}
.leaflet-control-geocoder-alternatives li:hover,
.leaflet-control-geocoder-selected {
  background-color: #f5f5f5;
}
.leaflet-control-geocoder-address-detail {
}
.leaflet-control-geocoder-address-context {
  color: #666;
}	


/* Touch Gestures
----------------------------------------*/
@-webkit-keyframes leaflet-gestures-fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes leaflet-gestures-fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.leaflet-container:after {
  -webkit-animation: leaflet-gestures-fadein 0.8s backwards;
          animation: leaflet-gestures-fadein 0.8s backwards;
  color: #fff;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 22px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 15px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 461;
  pointer-events: none; }

.leaflet-gesture-handling-touch-warning:after,
.leaflet-gesture-handling-scroll-warning:after {
  -webkit-animation: leaflet-gestures-fadein 0.8s forwards;
          animation: leaflet-gestures-fadein 0.8s forwards; }

.leaflet-gesture-handling-touch-warning:after {
  content: attr(data-gesture-handling-touch-content); }

.leaflet-gesture-handling-scroll-warning:after {
  content: attr(data-gesture-handling-scroll-content); }



/* Leaflet autocomplete  */
#leaflet-geocode-cont {
	position: absolute;
	z-index: 110;
	background: #fff;
	border: none;
	border-radius: 0 0 4px 4px;
	top: 46px;
	box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.12);
	display: none;
	width: 100%;
    border-top: 1px solid #e8e8e8;
}

#leaflet-geocode-cont:before {
	content: "";
	width: 100%;
	height: 4px;
	background-color: #fff;
	display: block;
	position: absolute;
	top: -5px
}
#leaflet-geocode-cont.active {
	display: block;
}

#leaflet-geocode-cont ul { 
	list-style: none;
	padding: 0;
	margin: 0;
}


#leaflet-geocode-cont ul li { 
	color: #888;
	font-size: 13px;
	font-weight: 400;
	line-height: 20px;
	padding: 11px 15px;
	padding-left: 38px;
	margin: 0;
	border-bottom: 1px solid #e8e8e8;
	cursor: pointer;
	transition: 0.3s;
	position: relative;
/*     white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; */
}

#leaflet-geocode-cont ul li:before { 
	content: "\f041";
	font-family: "FontAwesome";
	font-size: 14px;
	position: absolute;
	top: 10px;
	left: 20px;
	margin-right: 0;
	color: #aaa;
	transition: 0.3s;
}

#leaflet-geocode-cont ul li:hover:before {
	color: #a0a0a0;
} 

#leaflet-geocode-cont ul li:last-child { 
	border: none;
	border-radius: 0 0 4px 4px;
}

#leaflet-geocode-cont ul li.selected,
#leaflet-geocode-cont ul li:hover {
	background: #fafafa;
} 

#leaflet-geocode-cont span.highlight {
	color: #222;
	font-weight: 700;
}
.type-and-hit-enter {
	display: block;
	position:absolute;
	right: 15px;
	top: 12px;
	z-index: 120;
	background-color: #f0f0f0;
	border-radius: 4px;
	font-size: 13px;
	font-weight: 500;
	color: #888;
	line-height: 18px;
	padding: 3px 7px;
	pointer-events: none;
	opacity: 0;
	transition: 0.4s;
	transform: translateX(4px);
}

.sidebar-search_location-container .type-and-hit-enter {
 font-size: 12px;   
}

.sidebar-search_location-container input {
    max-height: 52px;
    font-weight: 400;
}

.sidebar-search_location-container a {
    position: absolute;
    top: 12px;
    right: 20px;
    color: #aaa;
    font-size: 20px;
    line-height: 20px;
    padding: 0;
    margin: 0;
    z-index: 120
}

.search_location .select2-container--default .select2-selection--single {
    height: 47px;
}

.widget .search_location .select2-container,
.widget .search_location input#search_radius {
    width: calc(50% - 7px) !important;
}

.widget .search_location input#search_radius { margin-right: 14px; }
.widget .search_location .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 45px;
}
.widget .search_location .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: -2px;
}

@media (min-width: 992px) {
/*     .intro-banner-search-form .type-and-hit-enter {
    top: 23px;
    right: 18px;
}

.intro-banner-search-form #leaflet-geocode-cont {
    width: calc(100% + 24px);
    left: -12px;
    top: calc(100% + 10px);
} */
}

@media (max-width: 992px) {
	.intro-banner-search-form #leaflet-geocode-cont {
		top: calc(100% + 0px);
	}
	.intro-banner-search-form .type-and-hit-enter {
		top: 17px;
		right: 14px;
	}
}

.tip-visible-focusin.type-and-hit-enter,
.tip-visible.type-and-hit-enter {
	opacity: 1;
	transform: translateX(0);
}

.main-search-container.alt-search-box #leaflet-geocode-cont { top: 51px; } 
.main-search-input.gray-style .type-and-hit-enter,
.main-search-inner .type-and-hit-enter { top: 11px; right: 25px; } 
.main-search-container.alt-search-box .type-and-hit-enter { right: 19px; top: 14px; }


@media (min-width: 992px) {
        .main-search-input .osm-dropdown-active #leaflet-geocode-cont,
        .main-search-container:not(.alt-search-box) .osm-dropdown-active #leaflet-geocode-cont {
            box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.15);
            border: none;
            padding-top: 45px;
            top: 0;
            z-index: 10;
            border-radius: 4px;
        }
        
        .main-search-input.gray-style .osm-dropdown-active #leaflet-geocode-cont {
            box-shadow: none;
            border: 1px solid #e0e0e0;
        }
        
        .main-search-input .osm-dropdown-active #leaflet-geocode-cont ul li:first-child,
        .main-search-container:not(.alt-search-box) .osm-dropdown-active #leaflet-geocode-cont ul li:first-child { border-top: 1px solid #e8e8e8; }
}

@media (max-width: 992px) {
    .main-search-container:not(.alt-search-box) #leaflet-geocode-cont { top: 52px; } 
    .main-search-input.gray-style .type-and-hit-enter,
    .main-search-container:not(.alt-search-box) .type-and-hit-enter { top: 16px; right: 20px; } 
}

#leaflet-geocode-cont ul li.powered-by-osm { 
	display: block;
	padding: 9px 0;
	padding-right: 20px;
	font-size: 12px;
	font-weight: 500;
	color: #999;
	pointer-events: none;
	text-align: right;
}

#leaflet-geocode-cont ul li.powered-by-osm strong {
	color: #333;
	position: relative;
	padding-left: 26px;
} 

#leaflet-geocode-cont ul li.powered-by-osm strong:before {
	background-image: url(https://i.imgur.com/YaiaYGw.png);
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	height: 17px;
	width: 17px;
	display: inline-block;
	position: absolute;
	left: 5px;
	top: -2px
}

#leaflet-geocode-cont ul li.powered-by-osm:before { content: ""; }
.leaflet-control-geocoder {
  border-radius: 4px;
  background: white;
  min-width: 26px;
  min-height: 26px;
}

.leaflet-touch .leaflet-control-geocoder {
  min-width: 30px;
  min-height: 30px;
}

.leaflet-control-geocoder a,
.leaflet-control-geocoder .leaflet-control-geocoder-icon {
  border-bottom: none;
  display: inline-block;
}

.leaflet-control-geocoder .leaflet-control-geocoder-alternatives a {
  width: inherit;
  height: inherit;
  line-height: inherit;
}

.leaflet-control-geocoder a:hover,
.leaflet-control-geocoder .leaflet-control-geocoder-icon:hover {
  border-bottom: none;
  display: inline-block;
}

.leaflet-control-geocoder-form {
  display: none;
  vertical-align: middle;
}
.leaflet-control-geocoder-expanded .leaflet-control-geocoder-form {
  display: inline-block;
}
.leaflet-control-geocoder-form input {
  font-size: 120%;
  border: 0;
  background-color: transparent;
  width: 246px;
}

.leaflet-control-geocoder-icon {
  border-radius: 4px;
  width: 26px;
  height: 26px;
  border: none;
  background-color: white;
  background-image: url(images/geocoder.png);
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

.leaflet-touch .leaflet-control-geocoder-icon {
  width: 30px;
  height: 30px;
}

.leaflet-control-geocoder-throbber .leaflet-control-geocoder-icon {
  background-image: url(images/throbber.gif);
}

.leaflet-control-geocoder-form-no-error {
  display: none;
}

.leaflet-control-geocoder-form input:focus {
  outline: none;
}

.leaflet-control-geocoder-form button {
  display: none;
}
.leaflet-control-geocoder-error {
  margin-top: 8px;
  margin-left: 8px;
  display: block;
  color: #444;
}
.leaflet-control-geocoder-alternatives {
  display: block;
  width: 272px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.leaflet-control-geocoder-alternatives-minimized {
  display: none;
  height: 0;
}
.leaflet-control-geocoder-alternatives li {
  white-space: nowrap;
  display: block;
  overflow: hidden;
  padding: 5px 8px;
  text-overflow: ellipsis;
  border-bottom: 1px solid #ccc;
  cursor: pointer;
}

.leaflet-control-geocoder-alternatives li a,
.leaflet-control-geocoder-alternatives li a:hover {
  width: inherit;
  height: inherit;
  line-height: inherit;
  background: inherit;
  border-radius: inherit;
  text-align: left;
}

.leaflet-control-geocoder-alternatives li:last-child { border-bottom: none; }
.leaflet-control-geocoder-alternatives li:hover,
.leaflet-control-geocoder-selected { background-color: #f5f5f5; }

.leaflet-control-geocoder-address-detail {  }
.leaflet-control-geocoder-address-context { color: #666; }
#streetView { z-index: 999; }
#map, #singleListingMap { outline: none; }


/* Sidebar Search  */
.search_location { position: relative; }
.search_location #leaflet-geocode-cont {
    border-top: 1px solid #e8e8e8;
    box-shadow: none;
    border: 1px solid #e0e0e0;
    top: 46px;
}

.sidebar-search_location-container #leaflet-geocode-cont {
    border-top: 1px solid #e8e8e8;
    box-shadow: none;
    border: 1px solid #e0e0e0;
    top: 46px;
}
.sidebar-search_location-container #leaflet-geocode-cont:before,
.search_location #leaflet-geocode-cont:before {
    background: #fcfcfc;
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    box-sizing: content-box;
    left: -1px;
    display: none;
}

.sidebar-search_location-container .la-map-marked-alt {
    background: #fcfcfc;
    height: 25px;
    width: 18px;
    display: inline-block;
    text-align: right;
    right: -1px;
    position: relative;   
}

body .listings-loader { top: 100px; }

#dashboard p { margin-bottom: 0; }
#dashboard p#add_alert_button {
    margin-bottom: 30px;
    width: 100%;
    padding: 0 10px;
}

/* #dashboard .post-content table tr td ,
#dashboard article.page table tr td ,
#dashboard table.shop_table tr td,
#dashboard table.manage-table tr td {
    transition: 0.2s background-color;
} */

/* Footer Social Icons  */
.new-footer-social-icons {
	font-family: "fontello";
	font-size: 16px;
	fontw-weight: 500;
	line-height: 20px;
}


.new-footer-social-icons .icon-twitter{
	font-size: 14px;
}


.new-footer-social-icons li {
	list-style: none;
	display: inline-block;
	margin-left: 8px;
}

.new-footer-social-icons li a {
	color: #fff;
	display: inline-block;
	opacity: 0.35;
	transition: 0.2s;
	height: 25px;
	line-height: 25px;
	padding: 0;
	width: 25px;
	text-align: center;
	vertical-align: top;
}
.new-footer-social-icons li a:hover {
	opacity: 1;
}

.wp-job-manager-bookmarks-form {
    margin: 0;
    overflow: hidden;
    border: 1px solid #eee;
    border-bottom-width: 2px;
    border-radius: 4px;
}

.bookmark-notice.bookmarked { display: none; }

body select { font-size: 14px; min-height: 46px; line-height: 46px; padding: 0 10px; }

/* New Footer Menu List */
#footer-new .footer-widget.widget_nav_menu li a {
    color: #909090;
    display: inline-block;
    line-height: 22px;
    position: relative;
    z-index: 100;
    padding: 2px 0;
    font-size: 14px;
}
    
#footer-new .footer-widget.widget_nav_menu li a:hover {
    padding: 2px 0;
    color: #fff;
}
    
#footer-new .footer-widget.widget_nav_menu li:before {
 display: none;
}
    

#footer-new .footer-widget.widget_nav_menu li a:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: #26ae61;
	height: 2px;
	display: block;
	transition: all 0.25s, opacity 0.2s;
	z-index: -1;
	border-radius: 4px;
	opacity: 0.5;
	width: 0;
}

#footer-new .footer-widget.widget_nav_menu li a:hover:before {
	width: 100%;
	opacity: 1;
}

.form.fieldset-candidate_location,
.form.fieldset-job_location  {
    position: relative;
}

.form.fieldset-candidate_location a, 
.form.fieldset-job_location a  {
    display: none;
}
.form.fieldset-candidate_location .type-and-hit-enter,
.form.fieldset-job_location .type-and-hit-enter { top: 45px; right: 20px; }

.form.fieldset-candidate_location #leaflet-geocode-cont,
.form.fieldset-job_location #leaflet-geocode-cont { top: 80px;
    box-shadow: none;
    z-index: 999999;
    border: 1px solid #e0e0e0;
    width:calc(100% - 20px);
}


.filter-job-applications {
 display: flex;
    width: calc(100% + 14px);  position: relative;
    left: -7px;
}


.filter-job-applications .eight.columns { flex: 1; margin: 0 7px; }

@media (max-width: 580px) {
    .filter-job-applications { display: block; width: 100%; left: 0;}
    .filter-job-applications .eight.columns { width: 100%; margin: 0;}}



/* New Hover for tables */
body #dashboard table.manage-table tr td {
    transition: 0.3s;
    position: relative;
    border: none;
    border-bottom: 1px solid #d8d8d8;
    line-height: 23px;
}

body #dashboard table.manage-table tr:hover td { 
	border: none;
	border-bottom: 1px solid #26ae61;
}

body #dashboard table.manage-table tr td:before {
    content: "";
    width: 100%;
    height: 1px;
    display: block;
    background: #26ae61;
    position: absolute;
    top: -1.2px;
    left: 0;
    opacity: 0;
    transition: 0.3s;
}

body #dashboard table.manage-table tr td:before { opacity: 0 }
body #dashboard table.manage-table tr:hover td:before {  opacity: 1; }
body #dashboard table.manage-table tr:first-of-type td:before { display: none; } 
body #dashboard table.manage-table tr,
body #dashboard table.manage-table tr:last-of-type td { border-bottom: none !important; }
body #dashboard table.manage-table tr td:first-of-type{padding-left: 40px; }
#workscout-activities-list .list-box-icon.fa.fa-file-text-o:before { content: "\f15c"; }
#workscout-activities-list .list-box-icon { font-size: 12px; }

.job-dashboard-action-continue i.fa.fa-play:before { content: "\f064"; font-size: 12px; }
/* .leaflet-popup-content .job-type, */
.leaflet-popup-content .skills { zoom: 0.91; } 

body .la.la-map-marked-alt:before { font-family: FontAwesome; content: "\f041"; }
body  .sidebar-search_location-container .la.la-map-marked-alt:before { font-size: 14px; }





/* ---------------------------------- */
/* Panel Dropdown
------------------------------------- */
.panel-wrapper {
    display: block;
    margin: 10px 0 0 0;   
}

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

.panel-dropdown > a {
	color: #707070;
	font-weight: 500;
	font-size: 14px;
	border-radius: 4px;
	padding: 3px 11px;
	transition: all 0.3s;
	display: inline-block;
}

.panel-dropdown > a:hover {
	background: #eee;

}

.panel-dropdown.active > a {
	background: #26ae61;
	color: #fff;
}

.panel-dropdown > a:after {
	content: "\f107";
	font-family: "FontAwesome";
	font-size: 16px;
	color: #26ae61;
	font-weight: 500;
	padding-left: 0;
	transition: all 0.3s;
	margin-left: 6px;
	display: inline-block;
	top: 1px;
	position: relative;
}

.panel-dropdown .range-slider-subtitle { color: #888;font-weight: 400; }

.panel-dropdown.active > a:after { transform: rotate(180deg); }

.panel-dropdown.active > a:after { color: #fff;}


.panel-dropdown .panel-dropdown-content {
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s;
	position: absolute;
	top: 44px;
	left: 0px;
	z-index: 110;
	background: #fff;
	border: 1px solid rgba(0,0,0,0.18);
	border-radius: 4px;
	box-shadow: 0 12px 35px 2px rgba(0, 0, 0, 0.12);
	padding: 20px 24px;
	overflow-y: auto;
	white-space: normal;
	width: 400px;
}

.panel-dropdown .panel-dropdown-content.checkboxes { width: 220px; padding: 22px; }
.panel-dropdown .panel-dropdown-content.checkboxes .row { margin: 0; }

.panel-dropdown.wide .panel-dropdown-content { width: 570px; }

.panel-dropdown.active .panel-dropdown-content {
	opacity: 1;
	visibility: visible;
	z-index: 999999;
}

.listings-container {
	opacity: 1;
	transition: all 0.3s;
}

.fs-inner-container.content.faded-out .listings-container {
	opacity: 0.5;
/*     background: #fff; */
	pointer-events: none;
}


.fs-inner-container.content.faded-out{
/*     background-color: #fcfcfc; */
}

.clear-all-activities {
    display: inline-block;
    background-color: #f2f2f2;
    color: #888;
    padding: 6px 6px;
    line-height: 12px;
    border-radius: 4px;
    font-size: 13px;
    margin-bottom: -5px;
    position: absolute;
    top: 21px;
    right: 30px;
    transition: 0.3s;
}

.clear-all-activities:hover {
    background: #eee;
    color: #777;
}

.panel-dropdown .checkboxes label { margin-bottom: 8px; display: block; line-height: 18px; }
.panel-dropdown-content.checkboxes { padding: 28px; }


.panel-dropdown .row { margin-left: -10px; margin-right: -10px; }

span.slider-disable,
span.panel-disable,
span.panel-cancel,
button.panel-cancel,
button.panel-apply {
	background-color: transparent;
	padding: 5px 16px;
	display: block;
	outline: none;
	border: none;
	font-weight: 500;
	float: right;
	margin: 0;
	font-size: 15px;
	border-radius: 50px;
	background-color: #66676b;
	color: #fff;
	transition: all 0.3s;
	cursor: pointer;

    font-size: 13px;
    padding: 3px 14px;
}

button.panel-apply:hover {
	opacity: 0.9;
}

button.panel-apply:active {
	transform: translateY(-2px);
}

span.slider-disable,
span.panel-disable,
span.panel-cancel,
button.panel-cancel {
	float: left;
	background-color: #f0f0f0;
	color: #666;
	opacity: 1;
}

span.slider-disable:hover,
span.panel-disable:hover,
span.panel-cancel:hover,
button.panel-cancel:hover { background-color: #e9e9e9; }


.panel-buttons {
	width: 100%;
	margin-top:25px;
}

/* Float Right */
.panel-dropdown.float-right {
	float: right;
}

.panel-dropdown.float-right .panel-dropdown-content {
	left: auto;
	right: 0;
}
.panel-dropdown-content  .widget_range_filter-inside {
	display: block;
	margin: 0;
}

.slider.slider-horizontal {
	margin-top: 50px;
}

.bidding-widget .slider.slider-horizontal {
	margin-top: 0px;
}

.search_location.widget_range_filter .slider.slider-horizontal {
	margin-top: 50px;
}

.panel-dropdown-content .slider.slider-horizontal {
	margin-top: 50px;
	margin-bottom: -10px;
}


.leaflet-marker-icon,
.marker-container { outline: none; }

.full-page-map-container #ws-map,
.full-page-map-container #search_map {
	height: calc(100vh - 82px);
    width: 100%;
    margin: 0;
    z-index: 990;
}

.sidebar-search_location-container { position: relative; }

@media (max-width: 992px) {
    .full-page-map-container #ws-map,
    .full-page-map-container #search_map {
    	height: 100% !Important;
    }
}

@media (max-width: 768px) {
    .panel-dropdown { position: static; }
    .panel-wrapper { position: relative; }
    .panel-dropdown .panel-dropdown-content { width: calc(100vw - 45px); top: calc(100% + 15px); }
}

label#remote_position_label {
	margin-bottom: 0;
}

/*----------------------------------- */
/* Custom Checkbox
------------------------------------- */
.panel-buttons label {
	display: inline-block;
	cursor: pointer;
	position: relative;
	padding-left: 27px;
	margin-right: 15px;
	line-height: 20px;
	color: #777;
	font-weight: 500;
	font-size: 13px;
	margin-bottom: 0;
}

.panel-buttons input[type=checkbox] { display: none; }

.panel-buttons label:before {
	content: "";
	display: inline-block;
	width: 19px;
	height: 19px;
	margin-right: 10px;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #fff;
	border: 2px solid #d0d0d0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 4px;
}

.panel-buttons label.filter-checked:before {
	content: "\f00c";
	font-family: "FontAwesome";
	font-size: 12px;
	color: #fff;
	text-align: center;
	line-height: 15px;
	background-color: #26ae61;
	border: 2px solid transparent;
}

.full-page-content-inner .listings-container { margin: 0; }
.full-page-content-inner .margin-bottom-55 { margin: 0 !important; }

.full-page-content-inner .small-footer { width: 100%; text-align: center; padding: 20px 35px; margin-top:0;}
.full-page-content-inner .small-footer.margin-top-15 { margin-top:0 !important;}

.load_more_jobs.load_previous {background: #f2f2f2; padding: 4px 10px; display: inline-block; margin-bottom: 15px; border-radius: 4px; font-size: 13px;}
.load_more_jobs.load_previous strong {color: #666;}

.manage-table.job-manager-bookmarks { border-radius: 4px; overflow: hidden; }
.manage-table.job-manager-bookmarks tr td:first-child a { font-weight: 500; color: #333; }
body table.manage-table.job-manager-bookmarks th:first-child i {left: 19px; }
body table.manage-table td.action a i { top: 6px; left: -18px;}
body table.manage-table td.action a i.fa-delete { left: -15px;}

/* Filter with slider animation */
body .sidebar-widget .widget_range_filter-inside,
body .sidebar .widget_range_filter-inside {
	display: block !important;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	max-height: 0;
	margin-top: 0;
	transition: all 0.25s;
}

body .sidebar-widget .widget_range_filter-inside.slider-enabled,
body .sidebar .widget_range_filter-inside.slider-enabled {
	opacity: 1;
	visibility: visible;
	pointer-events: all;
	max-height: 120px;
}

/*body .sidebar-widget .widget-fixed_rate-filter .widget_range_filter-inside.slider-enabled,
body .sidebar-widget .widget-hourly_rate-filter .widget_range_filter-inside.slider-enabled
{
	margin-top: 50px;
}*/

.tasks-list-container.loading .task-listing { opacity: 0.7; }

.widget-hourly_rate-filter .widget_range_filter-inside.slider-enabled,
.widget-fixed_rate-filter .widget_range_filter-inside.slider-enabled,{
padding-top: 50px;
}


.search_location.widget_range_filter .margin-bottom-50 { display: none; }
.search_location.widget_range_filter .margin-bottom-50 { display: none; }

.ui-slider { transition: opacity 0.2s, filter 0.2s; }
.ui-slider-disabled { opacity: 0.6; filter: grayscale(100%); pointer-events: none; }

.job-widget-location h4.checkboxes {
    display: block;
    margin-top: -5px;
} 

.task-widget-location h4.checkboxes label,
.job-widget-location h4.checkboxes label {
    margin-bottom: 0px;
    display: inline-block;
    cursor: pointer; 
    position: relative;
    padding-left: 27px;
    margin-right: 15px;
    line-height: 20px;
    color: #666;
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 0;
    line-height: 20px;
    font-weight: 500;
} 

.task-widget-location h4.checkboxes label:before { margin-top: 1px; }
.job-widget-location h4.checkboxes label:before { margin-top: 1px; }
.task-widget-location .widget_range_filter-inside span.range-slider-subtitle { display: block; font-size: 14px;    color: #888; }
.job-widget-location .widget_range_filter-inside span.range-slider-subtitle { display: block; font-size: 14px;    color: #888; }
.task-widget-location .widget_range_filter .ui-widget-content,
.job-widget-location .widget_range_filter .ui-widget-content {
    background-color: #eaeaea;
}


body .sidebar .job-widget-location .widget_range_filter-inside.slider-enabled { margin-top: 8px; }


/*----------------------------------- 
 * Plugin: 		WP Subscribe Pro
 * Name:        wp-subscribe-form.css
 * Written by: 	MyThemeShop
------------------------------------- */

body .wp-subscribe-wrap {
    padding: 0px;
    text-align: left;
    background: transparent;
}

body .wp-subscribe-wrap h4.title:before {
    font-family: "FontAwesome";
    content: "\f003";
    padding-right: 8px;
}
    
body .wp-subscribe-wrap h4.title {
    font-size: 22px;
    line-height: 1;
    margin-bottom: 0;
    text-transform: none;
    color: #fff
}

body .wp-subscribe-wrap h4.title span {
    font-size: 38px;
    font-weight: bold;
    display: inline-block;
    margin-top: 15px
}

body #wp_subscribe_popup .wp-subscribe-wrap h4.title {
    margin-top: 0
}

body .wp-subscribe-wrap p {
    margin: 0;
    color: #fff
}

body .wp-subscribe-wrap p.text {
    margin: 0;
    opacity: 1;
    color: #909090;
    margin-bottom: 15px;
}

body .wp-subscribe-wrap p.footer-text {
    font-size: 12px;
    margin-top: 10px;
    margin-top: 65px;
}

body .wp-subscribe-form.wp-subscribe-feedburner {
     display: flex;
     position: relative;
}

body .wp-subscribe-wrap input::-webkit-input-placeholder {
    opacity: .8;
    color: inherit
}

body .wp-subscribe-wrap input:-moz-placeholder {
    opacity: .8;
    color: inherit
}

body .wp-subscribe-wrap input::-moz-placeholder {
    opacity: .8;
    color: inherit
}

body .wp-subscribe-wrap input:-ms-input-placeholder {
    opacity: .8;
    color: inherit
}

body .wp-subscribe-wrap input:focus::-webkit-input-placeholder {
    color: transparent !important
}

body .wp-subscribe-wrap input:focus:-moz-placeholder {
    color: transparent !important
}

body .wp-subscribe-wrap input:focus::-moz-placeholder {
    color: transparent !important
}

body .wp-subscribe-wrap input:focus:-ms-input-placeholder {
    color: transparent !important
}

body .wp-subscribe-wrap input.consent-field {
    width: 17px;
    height: 17px;
    margin-top: 2px;
    margin-right: 6px;
    cursor: pointer
}


body .wp-subscribe-wrap .wps-consent-wrapper {
    margin-top: 0px;
    text-align: left;
    display: block;
    position: absolute;
    left: 0;
    top: 65px;
    line-height: 19px;
}


body .wp-subscribe-wrap .wps-consent-wrapper label {
    color: #666;
    opacity: 1;
    padding-left: 20px;
    cursor: pointer;
}

body .wp-subscribe-wrap .wps-consent-wrapper label input {
    float: left;
    margin-top: -13px;
    margin-left: -20px;
    opacity: 0.8;
}


body .wp-subscribe-wrap .email-field {
    margin-top: 10px
}

.home.admin-bar .select2-dropdown { transform: translateY(0px); }
body .wp-subscribe-wrap input.email-field:not(.submit),
body .wp-subscribe-wrap input.name-field:not(.submit),
body .wp-subscribe-wrap input:not(.submit) {
    height: 48px;
    outline: none;
    color: #999;
    margin: 0 0 16px 0;
    display: block;
    border-radius: 4px;
    background: #333;
    box-shadow: none;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    flex-wrap: wrap;
    align-items: flex-start;
    flex: 1 1 auto;
    text-align: left;
    width: auto;
    padding: 0 20px;
    border: none;
    text-indent: 0;
}



body .wp-subscribe-wrap input:not(.submit):-webkit-autofill,
body .wp-subscribe-wrap input:not(.submit):-webkit-autofill:hover, 
body .wp-subscribe-wrap input:not(.submit):-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 30px #eee inset !important;
}

body .wp-subscribe-wrap input.submit {
    background-color: #26ae61;
    border-radius: 4px;
    margin: 0;
    height: 48px;    text-indent: 0;
    text-align: center !important;
    line-height: 48px;
    font-size: 18px;
    color: #fff !important;;
    margin-left: 10px;
    transition: 0.3s;
    font-size: 14px;
    padding: 0 15px;
    font-weight: 500;
    flex-wrap: wrap;
    align-items: flex-start;
    text-transform: none;
    flex: 1;
    width: auto;
    min-width: 110px;
}

body .wp-subscribe-single .wp-subscribe-wrap {
    clear: both;
    margin: 10px 0;
    text-align: left
}

body .wp-subscribe-single .wp-subscribe-wrap input {
    text-align: left
}

body .wp-subscribe-wrap .error,
body .wp-subscribe-wrap .thanks {
    margin-top: 10px
}

body .wp-subscribe-wrap .wp-subscribe-loader {
    display: none;
    padding: 1em;
    text-align: center;
    vertical-align: top
}

body .wp-subscribe-wrap.loading .wp-subscribe-form,
body .wp-subscribe-wrap .thanks,
body .wp-subscribe-wrap.thanks,
body .wp-subscribe-wrap.error,
body .wp-subscribe-wrap .error {
    display: none
}

body .wp-subscribe-wrap.loading .wp-subscribe-loader {
    display: block
}


body .wp-subscribe-wrap .thanks {
	background: #47a752;
	border-radius: 4px;
	font-size: 13px !important;
	padding: 6px 12px;
	text-align: center;
}

body .wp-subscribe-wrap .error {
	background: #af3535;
	border-radius: 4px;
	font-size: 13px !important;
	padding: 6px 12px;
	text-align: center;
}


#titlebar .wp-job-manager-bookmarks-form {
    margin: 0;
    overflow: hidden;
    border: none;
}

.small-dialog-content .checkboxes label:before { top: 3px; }



#titlebar .bookmark-notice { padding: 12px 16px !important; }

#titlebar .bookmark-notice i { margin-right: 0px; }
#titlebar .bookmark-notice { background: #e4e4e4; color: #555;}
#titlebar .bookmark-notice:hover { background: #333; color: #fff;  }
#titlebar .bookmark-notice:hover { background: #333; color: #fff;  }

#titlebar.photo-bg .bookmark-notice,
#titlebar.photo-bg .bookmark-notice:hover{
    background-color: #fff;
    color: #333;
}


/* Account Type */
.account-type {
	display: flex;
	width: calc(100% + 20px);
	margin: 0 0 10px 0;
}

.account-type div {
	flex: 1;
	margin-right: 20px;
}

.account-type label {
  border-radius: 4px;
  border: none;
  background-color: #f2f2f2;
  width: 100%;
}

.account-type label i,
.sign-in-form .account-type label i {
    font-size: 16px;
    color: #888;
    position: relative;
    left: 0;
    bottom: 0;
    transition: 0.4s; 
}

/* hide input */
.account-type input.account-type-radio:empty {
	display: none;
}

/* style label */
.account-type label i {
	position: relative;
	font-size: 14px;
	margin-right: 2px;
	top: 0;
}

.account-type input.account-type-radio:empty ~ label {
	position: relative;
	float: left;
	padding: 10px;
	text-align: center;
	padding-bottom: 11px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border-radius: 4px;
	color: #888;
	transition: 0.4s;
	height: 48px;
	line-height: 28px;
	overflow: hidden;
}

.account-type input.account-type-radio ~ label:hover i { color: #26ae61; }
.account-type input.account-type-radio ~ label:hover {
	color: #26ae61;
	background-color: rgba(38, 174, 97, 0.1);
}

.account-type input.account-type-radio:checked ~ label i { color: #fff; }
.account-type input.account-type-radio:checked ~ label {
	color: #fff;
	background-color: #26ae61;
}

.workscout-signup-popup.small-dialog {max-width: 550px}
.mfp-content .workscout-signup-popup input[type="submit"] {
    margin-top: 15px;
}
.account-type .sl.sl-icon-user:before { font-family: FontAwesome; content: "\f2c0";}
.account-type .sl.sl-icon-briefcase:before { font-family: FontAwesome; content: "\f0b1";}

.account-type input.account-type-radio:empty ~ label:after,
.account-type input.account-type-radio:empty ~ label:before {
	position: absolute;
	display: block;
	top: 0;
	bottom: 0;
	left: 0;
	content: '';
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 48px;
	border-radius: 4px;
	font-size: 22px;
	background: transparent;
	z-index: 100;
	opacity: 0;
}

.account-type .ripple-effect-dark span.ripple-overlay {
	animation: ripple 1.2s;
	opacity: 0.03; 
}

/* Standard syntax */
@keyframes typeCheck {
    0% {opacity: 0; transform: translateY(10px); }
    50% {opacity: 1; transform: translateY(0px); }
    100% {opacity: 0; transform: translateY(-10px); }
}

@keyframes typeBG {
    0% {opacity: 0;  }
    50% {opacity: 1;  }
    100% {opacity: 0; }
}

@media (max-width: 767px) {
	.account-type { width: 100%; display: block; margin: -10px 0 0 0; }
	.account-type div {
		margin-right: 0;
	    width: 100%;
	    display: block;
	    max-width: 100%;
	}
}


body .recent-post img { border-radius: 4px 4px 0 0; }
body .recent-post-img { margin-bottom: 0; }
body .recent-post .from-the-blog-content {
	border: 1px solid #e0e0e0;
	border-top: 0;
	padding: 25px 30px;
}

body .recent-post .button {
    padding: 7px 16px;
    font-size: 14px;
}
/* -------------------------------- */
/* 404 Error Page
----------------------------------- */
#not-found { margin: 100px 0 !important; }

#not-found.center { text-align: center; }

#not-found h2 {
	text-align: center;
	font-size: 160px;
	line-height: 160px;
	font-weight: 500;
	letter-spacing: -8px;
}

#not-found p {
	text-align: center;
	font-size: 22px;
	line-height: 34px;
	display: inline-block;
	margin-top: 12px;
	color: #999;
}

#not-found i {
	color: #e0e0e0;
	font-size: 160px;
	top: 0;
	margin-left: 0px;
	position: relative;
	font-family: "FontAwesome";
}

#not-found i:before {
	content: "\f059";
}


@media (max-width: 992px) {
    
    #not-found { margin: 60px 0; }
    
	#not-found h2 {
		font-size: 80px;
		line-height: 80px;
	}

	#not-found p {
		font-size: 20px;
		line-height: 32px;
	}

	#not-found i {
		font-size: 80px;
	}
}

#dashboard .woocommerce-info, 
#dashboard .woocommerce-message, 
#dashboard .job-manager-message a, 
#dashboard .job-manager-message, 
#dashboard .notification.notice, 
#dashboard .notification.notice a, 
#dashboard .notification.notice strong {
    background-color: #ddf3fe;
    color: #4587a9;
}

#message-delete { color: #888; }
#message-delete:hover { color: #d74545; }

/* Avatar Switcher */
.avatar-wrapper {
    position: relative;
    width: 110px;
    height: 110px;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: none;
    margin: 0 00px 10px 0;
    transition: all .3s ease;
}
.avatar-wrapper:hover {
    transform: scale(1.03);
    cursor: pointer;
}
 
.avatar-wrapper .profile-pic {
    height: 100%;
    width: 100%;
    transition: all .3s ease;
    object-fit: cover;
}
 
.avatar-wrapper .profile-pic:after {
    font-family: Feather-Icons;
    content: "\e9f1";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    line-height: 120px;
    position: absolute;
    font-size: 60px;
    background: #f0f0f0;
    color: #aaa;
    text-align: center;
}
 
.avatar-wrapper .upload-button {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
 
.avatar-wrapper .file-upload {
    opacity: 0;
    pointer-events: none;
    position: absolute;
}
 
label[for="workscout_core_avatar_id"] { margin-top: 0 !important; }

.notification.reg-form-output.closeable.success a {text-decoration: underline;}
​.sidebar-search_location-container #leaflet-geocode-cont { z-index: 9999; }


.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
    /* height: 50px; */
    width: 100% !important;
    z-index: 999;
}

.filters-container .select2-container {
    z-index: 99;
}

.single-job_listing .select2-container {
    z-index: 999999;
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 50px;
    user-select: none;
    -webkit-user-select: none;
}

.job_filters_links { display: none !important; }

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding: 0 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    outline: none;
    font-weight: 400;
}

.select2-container .select2-selection--single .select2-selection__clear {
    position: relative;
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px;
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select2-container .select2-search--inline {
    float: left;
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    padding: 0;
    height: 37px;
    padding: 0 9px;
    line-height: 40px;
    font-size: 14px;
    margin: 0;
    color: #888;
    width: auto !important;
    box-sizing: content-box;
}

.select2-container .select2-search--inline .select2-search__field::placeholder { color: #888; }

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

.select2-dropdown {
    background-color: #fcfcfc;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051;
    padding: 8px;
    padding-top: 0;
    border-top: none;
}

.select2-dropdown--above { padding-top: 8px; }

.select2-dropdown--above { border-top: 1px solid #e0e0e0; }

.select2-results {
    display: block;
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0;
}

.select2-results__option {
    user-select: none;
    -webkit-user-select: none;
}

.select2-results__option[aria-selected] {
    cursor: pointer;
}

.select2-container--open .select2-dropdown {
    left: 0;
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-search--dropdown {
    display: block;
    padding:0;
    margin-top: 0;
}

.select2-dropdown--above .select2-search--dropdown {
  margin-top: 4px;
}
/*
.select2-container--open .select2-dropdown--below:before {
    position: absolute;
    content: "";
    width: calc(100% - 2px);
    height:4px;
    background: #fcfcfc;
    display: block;
    left: 1px;
    top: -4px;
}*/


.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
    display: none;
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0);
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important;
}

.select2-container--default .select2-selection--single {
    background-color: #fcfcfc;
    font-weight: 500;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    outline: none;
    font-size: 14px;
}

.select2-container--open.select2-container--below .select2-selection--single {
    border-radiu: 4px 4px 0 0;
    border-bottom: none;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #777;
    line-height: 48px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #808080;

}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 46px;
    position: absolute;
    top: 1px;
    right: 17px;
    width: 20px;
}

/* Custom Scrollbar*/
.select2-container--open .select2-dropdown ::-webkit-scrollbar {
  width: 8px;
  background-color: rgba(255, 255, 255, 0);
}

.select2-container--open .select2-dropdown ::-webkit-scrollbar-track,
.select2-container--open .select2-dropdown ::-webkit-scrollbar-thumb {
  border-left: 1px solid rgba(255, 255, 255, 0);
  border-right: 1px solid rgba(255, 255, 255, 0);
  background-clip: padding-box;
  border-radius: 20px;
}
.select2-container--open .select2-dropdown ::-webkit-scrollbar-track {
  background-color: rgba(0,0,0,0.05);
}
.select2-container--open .select2-dropdown ::-webkit-scrollbar-thumb {
  background-color: rgba(0,0,0,0.2);
}


.select2-container--default .select2-selection--single .select2-selection__arrow b {
    height: 15px;
    left: 50%;
    margin: 0;
    position: absolute;
    top: 50%;
    width: 15px;
    transform: rotate(0) translateY(-50%);
    transition: 0.2s;
    border: none;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b:after {
    font-family: "FontAwesome";
    content: '\f107';
    position: absolute;
    top: 2px;
    transition: 0.2s;
    color: #c0c0c0;
    display: inline-block;
    text-align: center;
    line-height: 15px;
    font-size: 16px;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b:after {
    transform: rotate(180deg);
}

.select2-container--default .select2-selection--multiple {
    background-color: #fcfcfc;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    cursor: text;
    height: 50px;
    overflow: hidden;
}

/* Custom Scrollbar*/
/*.select2-container--default .select2-selection--multiple ::-webkit-scrollbar {
  width: 6px;
  background-color: rgba(255, 255, 255, 0);
}

.select2-container--default .select2-selection--multiple ::-webkit-scrollbar-track,
.select2-container--default .select2-selection--multiple::-webkit-scrollbar-thumb {
  border: 10px solid rgba(255, 255, 255, 0);
  background-clip: padding-box;
  border-radius: 10px;
}
.select2-container--default .select2-selection--multiple ::-webkit-scrollbar-track {
  background-color: rgba(0,0,0,0);
}
.select2-container--default .select2-selection--multiple ::-webkit-scrollbar-thumb {
  background-color: rgba(0,0,0,0.2);
}*/

.select2-container--default .select2-selection--multiple ::-webkit-scrollbar {
  height: 15px;
  width: 12px;
  background-color: rgba(255, 255, 255, 0);
}
.select2-container--default .select2-selection--multiple ::-webkit-scrollbar-track,
.select2-container--default .select2-selection--multiple ::-webkit-scrollbar-thumb {
  border: 3px solid rgba(255, 255, 255, 0);
  background-clip: padding-box;
  border-radius: 20px;
}
.select2-container--default .select2-selection--multiple ::-webkit-scrollbar-track {
  background-color: transparent;
}
.select2-container--default .select2-selection--multiple ::-webkit-scrollbar-thumb {
  background-color: #ccc;
}


.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 5px;
    width: 100%;
    overflow-y: scroll;
    height: 50px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px;
    padding: 1px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #28b661;
  border: none;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-left: 4px;
  margin-top: 7px;
  padding: 0 5px;
  font-size: 13px;
  font-weight: 500;
  color: #fff;
  margin-bottom: -2px;
  line-height: 26px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin: 0 2px 0 1px;
    font-size: 22px;
    transition: 0.2s;
    line-height: 20px;
    position: relative;
    top: 4px;
    font-weight: 400;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
/*    transform: rotate(180deg);*/
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
    float: right;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #e0e0e0;
    outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: none;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #ddd;
    box-shadow: none;
    padding: 8px 10px;
    height: 40px;
    font-size: 13px;
    background: #fafafa;
    margin-bottom: 8px;
    border-radius: 4px;
    outline: none;
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield;
    box-sizing: content-box;
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto;
    font-size: 14px;
    margin: 0;
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #f0f0f0;
}

.select2-container--default .select2-results__option .select2-results__option {

}

.select2-results__option {
    padding: 4px 9px;
    border-radius: 4px;
    transition: 0.25s;
    color: #888;
    line-height: 26px;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #28b661;
    color: white;
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 4px 8px;
    font-size: 13px;
    line-height: 22px;
    color: #888;
    background: #efefef;
    border-radius: 4px;
    margin-top: 8px;
    margin-bottom: 1px;
    font-weight: 500;
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
    background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
    background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px;
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-right: 10px;
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left;
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
    background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
    background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
    background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
    background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0;
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    float: right;
    margin-left: 5px;
    margin-right: auto;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none;
}

.select2-container--classic .select2-dropdown {
    background-color: white;
    border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
    border-top: none;
}

.select2-container--classic .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto;
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0;
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey;
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: white;
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb;
}


/* Intro banner select*/
.intro-banner .select2-container--default .select2-selection--single {
  border: none;
  height: 48px;
}

.intro-banner .select2-container .select2-selection--single .select2-selection__rendered {
  padding: 0 10px;
}

.intro-banner .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #888;
    line-height: 48px;
    font-weight: 400;
    font-size: 15.5px;
}

.intro-banner .intro-banner-search-form input { font-size: 15.5px !important; }

.intro-banner .select2-container--default .select2-selection--single .select2-selection__arrow b:after
{ top: 0; }

.intro-banner .select2-dropdown {
    background-color: #fff;
    border: none;
    border-radius: 4px;
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.15);
    top: -4px;
    padding-top: 8px;
}

.intro-banner .select2-search--dropdown { margin-top: 0; }

.intro-banner .select2-dropdown:before {
    content: "";
    position: absolute;
    z-index: 2100;
    top: -4px;
    left: 0;
    height: 8px;
    width: 100%;
    background-color: #fff;
    display: block;
    opacity: 1;
    pointer-events: none;
    transition: .4s;
}

.intro-banner .select2-container--default .select2-selection--single { background: #fff; }


/* Dropdown Animation*/
.select2-dropdown {
    animation: select2-anim 0.3s;
}

@keyframes select2-anim {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    transition: border 0.2s;
    border-bottom: 1px solid transparent;
}

.intro-banner .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.intro-banner .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; }


.select2-container--default .select2-selection--single .select2-selection__clear { float: none; margin-right: 5px; }


body .job-application-meta dt { position: relative; display: block; }
body .job-application-meta dd { margin-left: 0; margin-top: -15px; }

@media only screen and (max-width: 767px) {.container { width: 100%; padding: 0 15px; } .container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column, .container .one-third.columns, .container .two-thirds.columns, .container .twelve.sidebar-right.columns, .container .twelve.sidebar-left.columns, .container .five.sidebar-right.columns, .container .eleven.sidebar-right.columns { width: 100%; }}
 @media (max-width: 992px) {.intro-banner { padding: 60px 15px !important; }}

​.sidebar-search_location-container #leaflet-geocode-cont { z-index: 9999; }
.wcs-switch-link button { color: #fff; position: relative; margin: 0; padding: 2px 7px; font-size: 13px !important; float: right; top: -7px; right: 15px; }



/*
* Customize the providers buttons
*/
.wp-social-login-provider-list {
	padding: 0px;
	display: flex;
    width: calc(100% + 10px);
    flex-wrap: wrap;
}

.wp-social-login-provider-list a {
    flex: 1;
    text-align: center;
    border: 1px solid;
    border-radius: 50px;
    margin-top: 10px;
    margin-right: 10px;
    font-size: 14px;
    padding: 5px 4px;
    transition: 0.3s;
    min-width: calc(33% - 10px);
    line-height: 28px;
    font-weight: 500;
}

.wp-social-login-provider-list a i { padding-right: 6px;}

.wp-social-login-widget {
	margin-bottom: 0px;
}

.wp-social-login-provider:hover {
    color: #fff !important;
    background: #222;
    border-color: #222;
}

.social-login-separator {
    display: block;
    text-align: center;
    border-bottom: 1px solid #e0e0e0;
    margin-top: 15px;
    margin-bottom: 15px; 
    line-height: 20px;
}

.social-login-separator span {
    position: relative;
    top: 9px;
    background: #fff;
    padding: 0 10px;  
    font-weight: 500;
    font-size: 14px;
    color: #888;
}


@media (max-width: 768px) {
     .wp-social-login-provider-list a {
        width: 100%;
        display: block;
        margin-right: 0;
    }   
    .wp-social-login-provider-list {
        width: 100%;
        display: block;
    }
    .wp-social-login-widget {
        margin-bottom: 0px;
        display: block;
        margin-top: 15px;
    }
    
    .social-login-separator {
        display: block;
        text-align: center;
        border-top: 1px solid #e0e0e0;
        border-bottom: none;
        margin-top: 30px;
        padding-top: 10px;
        margin-bottom: 5px; 
        line-height: 20px;
        text-align: left;
    }
    
    .social-login-separator span {
        position: relative;
        top: 0;
        background: transparent;
        padding: 0;   
    }

}
 
/*
* Set the background color for each provider buttons
*/
.wp-social-login-provider-facebook { border-color: #3b5998; color: #3b5998; }
.wp-social-login-provider-twitter  { border-color: #1ca1f2; color: #1ca1f2; }
.wp-social-login-provider-google   { border-color: #dd4b39; color: #dd4b39; }
.wp-social-login-provider-yahoo    { border-color: #7f2db5; color: #7f2db5; }  
.wp-social-login-provider-linkedin { border-color: #0e76a8; color: #0e76a8; }  
.wp-social-login-provider-steam    { border-color: #171515; color: #171515; }  
 
/*
* Changing the background color for each button on mouse hover
*/
.wp-social-login-provider-facebook:hover { background-color: #4162a8; color: #fff; border-color: #3b5998; }
.wp-social-login-provider-twitter:hover  { background-color: #25abfd; color: #fff; border-color: #1ca1f2; }
.wp-social-login-provider-google:hover   { background-color: #ef503d; color: #fff; border-color: #dd4b39; } 
.wp-social-login-provider-yahoo:hover    { background-color: #9652c4; color: #fff; border-color: #7f2db5; } 
.wp-social-login-provider-linkedin:hover { background-color: #0b5e85; color: #fff; border-color: #0e76a8; } 
.wp-social-login-provider-steam:hover    { background-color: #171515; color: #fff; border-color: #171515; } 

.wp-social-login-provider-facebook {
border-color: #4065b3 !important;
color: #fff;
background: #4065b3;
}
.fa-facebook-f:before, .fa-facebook:before {
content: "\f230";
}


.full-page-content-container .job-category-description {
	padding: 35px;
	padding-bottom: 0;
	 margin-bottom: -15px;
}
.job-category-description h1 {
	font-size: 20px;
}



/* Boxed Search Form */
.intro-banner.boxed {
	background-image: none;
	background-color: #f1fff7;
	background-color: #f6f6f6;
}

@media (min-width: 1200px) {
   .intro-banner.boxed.boxed-wide {
    padding: 30px 0;
} 
}

.intro-banner:after,
.intro-banner.boxed:before { display: none; }

.intro-banner.boxed.intro-bg-type-image .background-image-container:before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    z-index: 999;
}


.intro-banner.boxed .intro-search-field .field-title { display: none;}

.intro-banner.boxed .intro-banner-search-form { margin-top: 0; }

.boxed-search-container {
    width: 500px;
    padding: 40px;
    background: #fff;
    box-shadow: 0 0 12px rgb(0 0 0 / 10%);
    border-radius: 4px;
	margin-left: 10px
}

.boxed-search-container .intro-banner-search-form {
	display: flex;
	flex-direction: column;
}

.boxed-search-container .intro-banner-search-form { box-shadow: none;}

.boxed-search-container .banner-headline-alt h3 strong {
	font-size: 30px; 
	font-weight: 500;
}
.boxed-search-container .banner-headline-alt span {
	font-size: 18px; 
	font-weight: 400;
	margin-top: -5px;
	color: #999;
}

.intro-banner.boxed .intro-banner-search-form { margin-top: 20px;}
.intro-banner.boxed .intro-banner-search-form input {
	border: none;
	box-shadow: none;
	background: #f4f4f4; 
	padding: 18px;
	font-weight: 400;
	font-size: 15px;
	height: 56px;
}
.intro-banner.boxed .intro-banner-search-form input,
.intro-banner.boxed .select2-container--default .select2-selection--single .select2-selection__rendered
{ font-weight: 400 !important; }

.intro-banner.boxed .background-image-container {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    left: 0;
    z-index: 10;
    overflow: hidden;
}

.intro-banner.boxed .intro-search-field { padding: 0; margin-bottom: 15px; border: none;}

.intro-banner.boxed .select2-container--default .select2-selection--single .select2-selection__rendered {
	background-color: #f4f4f4;
	border-radius: 4px;	font-weight: 500;
	font-size: 15.5px;
	    padding: 0 18px;
	line-height: 56px;
}

.intro-banner.boxed .select2-container--default .select2-selection--single { height: 56px; }

.intro-banner.boxed .intro-banner-search-form .input-with-icon i { right: 19px;}

@media (max-width: 992px) {.intro-banner-search-form .input-with-icon i { right: 19px !important;}}


.intro-banner.boxed .intro-search-field .type-and-hit-enter { background-color: #e0e0e0; font-size: 12px; top: 15px; right: 15px; }

.intro-banner.boxed .select2-container--default .select2-selection--single .select2-selection__arrow { height: 51px}

.intro-banner.boxed .select2-dropdown { background-color: #fff; box-shadow: none; border: 1px solid #eaeaea; border-radius: 0 0 4px 4px; border-top: none; }

.intro-banner.boxed .select2-dropdown { top: 0; }

.intro-banner.boxed .select2-dropdown:before { display: none; }

.intro-banner.boxed .banner-headline-alt { max-width: 100%; }

.intro-banner.boxed .adv-search-btn span { color: #26ae61; }

.intro-banner.boxed #leaflet-geocode-cont {
    z-index: 1020;
	top: 55px;
	padding-top: 0;
	border-radius: 0 0 4px 4px;
	box-shadow: none;
	border: 1px solid #eaeaea;
}

.intro-banner.boxed  #leaflet-geocode-cont:after { background-color: #f4f4f4}
.intro-banner.boxed #leaflet-geocode-cont:before { display: none; }

.intro-banner.boxed { padding: 0; }

.intro-banner.boxed .container {
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-size: 55%;
    padding: 80px 0;

}

@media (max-width: 992px) {
	.intro-banner.boxed .intro-banner-search-form .intro-search-field { box-shadow: none; }
	
	.intro-banner.boxed .select2-container--default .select2-selection--single { background: #f3f3f3; padding: 0;}
	
	.intro-banner.boxed .intro-banner-search-form .input-with-icon i { left: initial; }
	
	.intro-banner.boxed .intro-search-field { margin-bottom: 0; }
	
	.boxed-search-container {
		margin-left: 0;
    width: 100%;
}
	
	.intro-banner.boxed .container {
		background-image: none !important; }
}

/* ---------------------------------- */
/* Wide Boxed Search Form 
------------------------------------- */
.intro-banner.boxed.boxed-wide .boxed-search-wide-wrapper {
    display: flex;
    flex-flow: wrap;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 0 20px rgb(0 0 0 / 9%);
}

.boxed-wide .boxed-search-container {
    width: auto;
    flex: 1;
    margin: 0;
    border-radius: 0;
}
    
.boxed-wide .boxed-search-footer {
    background: #000;
    width: 100%;
}

.boxed-wide .boxed-search-footer { position: relative; }
.boxed-wide .boxed-search-footer:after {
    background: #26ae61;
    opacity: 0.75;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    
}
.boxed-wide .boxed-search-footer .highlighted-categories-headline { display: none; }

.boxed-wide .boxed-search-right-side {
    background: #fff;
    background: #f6f6f6;
    width: 100%;
    position: relative;
    overflow: hidden;
    justify-content: center;
    align-items: baseline;
    display: flex;
    padding: 40px;
    flex-direction: column;
}

@media (min-width: 1300px) {
    .boxed-wide .boxed-search-right-side {
        width: 400px;
    }   
}

.boxed-wide .boxed-search-right-side h1,
.boxed-wide .boxed-search-right-side h2,
.boxed-wide .boxed-search-right-side h3,
.boxed-wide .boxed-search-right-side h4,
.boxed-wide .boxed-search-right-side h5,
.boxed-wide .boxed-search-right-side h6 {
	font-size: 22px;
	line-height: 30px;
	font-weight: 500;
	letter-spacing: 0;
	margin-bottom: -5px;
}

.boxed-wide .boxed-search-right-side p {
    margin: 20px 0 0 0;
    font-size: 16px;
    font-weight: 300;
    color: #888;
}


.boxed-wide .boxed-search-right-side a {
    border-radius: 4px;
    padding: 12px 15px;
    font-size: 14px;
    font-weight: 500;
    margin-top: 0;
    display: inline-block;
    line-height: 22px;
    transition: 0.2s;
    
    background: #fff;
    color: #333;
    box-shadow: 0 2px 9px rgb(0 0 0 / 8%);
}

.boxed-wide .boxed-search-right-side a:hover {
    color: #fff;
    background: #292929;
}


.boxed-wide .boxed-search-right-side:after {
    background: #26ae61;
    opacity: 0.15;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: none;
}

.boxed-wide .boxed-search-container .intro-banner-search-form {
    flex-direction: row;
    align-items: flex-start;
}

.boxed-wide .boxed-search-container .intro-banner-search-form .intro-search-button .button {
    height: 55px;
    line-height: 55px;   
}

.boxed-wide .intro-banner-search-form .intro-search-field.with-label { margin-top: 0; }
.boxed-wide .boxed-search-container .intro-search-button {
    margin: 0;
    align-items: flex-start;
}
.boxed-wide .intro-search-field { margin-right: 10px; }

@media (max-width: 992px) {
.boxed-wide.intro-banner.boxed .intro-banner-search-form {
 margin-top: 0;
 }   
 .boxed-wide .boxed-search-container .banner-headline-alt span { margin-top: 0; }
}

.boxed-wide .adv-search-btn { margin-top: 10px; }

.boxed-wide .highlighted-categories {
    display: flex;
    color: #fff;
    position: relative;
    z-index: 10;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    flex-wrap: wrap;
    padding: 8px 10px 12px 10px;
}

.boxed-wide a.highlighted-category {
	padding: 0px 12px;

}

.boxed-wide .highlighted-categories a h4 {
    color: #fff;
    font-size: 13px;
/*    border-right: 1px solid #fff3;
    padding: 0px 13px;*/
    line-height: 20px;
    margin: 4px 0;
    opacity: 1;
    transition: 0.2s;
}

.boxed-wide .highlighted-categories i {
	display: none;
}

.boxed-wide .highlighted-categories a:hover h4 {
    opacity: 1;
    color: #333;
}

.boxed-wide .highlighted-categories a:last-child h4 {
    border-right: 0;
}

.intro-banner.boxed .intro-search-field select {
    font-size: 15.5px;
    font-weight: 400;
    background: #f0f0f0;
    border-radius: 4px;
    height: 55px;
    padding: 8px;
}


@media (max-width: 992px) {
   
.intro-banner.boxed .container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.boxed-wide .boxed-search-container .intro-banner-search-form { flex-direction: column;}
.boxed-wide.intro-banner.boxed .intro-banner-search-form .intro-search-field {
width: 100%; }
.boxed-wide .boxed-search-container .intro-search-button { margin-top: 15px; }
}

@media (min-width: 1300px) {
    .intro-banner.extra-white-space {   margin: 60px; box-shadow: 0 10px 30px rgb(0 0 0 / 30%);}
    .intro-banner.extra-white-space .background-image-container,
    .intro-banner.extra-white-space.dark-overlay:before {border-radius: 8px; }
}

@media (min-width: 1200px) {
    .intro-banner.extra-white-space {   margin: 40px; box-shadow: 0 10px 30px rgb(0 0 0 / 30%);}
    .intro-banner.extra-white-space .background-image-container,
    .intro-banner.extra-white-space.dark-overlay:before {border-radius: 8px; }
}

@media (max-width: 1200px) {
	.intro-banner.extra-white-space { margin-bottom: 30px; }
}

.intro-banner.extra-white-space { border-radius: 8px; }
.intro-banner.boxed.dark-overlay-boxed:before {
	display: block;
	content: "";
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 100;
}

/* ---------------------------------- */
/* Job Listing - Grid Layout
------------------------------------- */
.job-listing.grid {
	display: block;
	border-radius: 4px;
	box-shadow: none;
	border: 1px solid #e0e0e0 !important;
	margin-bottom: 35px;
	background-color: #fff;
	transition: 0.3s;
	position: relative;
	overflow: hidden;
}

.job-listing.grid:hover {
box-shadow: 0 0 16px rgba(0,0,0,0.05);
	border-color: #d9d9d9 !important
}

.job-listing-details {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	padding: 35px;
	padding-bottom: 32px;
}

.job-listing.grid .job-listing-company-logo {
	flex: 1;
	max-width: 55px;
	margin-right: 25px;
	position: relative;
	top: 3px;
}

.job-listing.grid .job-listing-company-logo img {
	border-radius: 4px;
	transform: translate3d(0,0,0);
}

.job-listing.grid .job-listing-description {
	flex: 1;
	padding-top: 3px;
}

.job-listing.grid .job-listing-description p {
	margin: 15px 0 0 0;
	padding: 0;
	color: #666;
}

.job-listing.grid h4.job-listing-company {
    font-size: 14px;
    color: #808080;
    font-weight: 400;
    margin-top: 0;
    line-height: 20px;
    margin-bottom: 5px;
}

.job-listing.grid h3.job-listing-title {
	font-size: 20px;
	color: #333;
	line-height: 30px;
}

.job-listing.grid .job-listing-footer {
	background-color: #f9f9f9;
	padding: 18px 35px;
	border-radius: 0 0 4px 4px;
	position: relative;
}

.job-listing.grid .job-listing-footer ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.job-listing.grid .job-listing-footer ul li {
    display: inline-block;
    margin-right: 14px;
    color: #777;
    margin-top: 3px;
    margin-bottom: 3px;
}

.job-listing.grid .job-listing-footer ul li:last-child {
	margin-right: 0;
}

.job-listing.grid .job-listing-footer ul li i.icon-material-outline-location-on {
	margin-right: 0;
}

.job-listing.grid .job-listing-footer ul li i {
	position: relative;
	top: 1px;
	margin-right: 3px;
	color: #777;
}

/* Media Queries for Default List Layout*/
@media (max-width: 768px) {
	.job-listing.grid .job-listing-company-logo { display: none; }
	.job-listing.grid .job-listing-title { padding-right: 10%; }
}

.grid-layout {
	display: flex;
	flex-wrap: wrap;
	width: calc(100% + 30px);
}

.grid-layout .job-listing.grid {
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 0 30px 30px 0;
	width: calc(100% * (1/2) - 30px);
	flex-direction: column;
	position: relative;
}

.grid-layout.grid-three-in-row .job-listing.grid {
	width: calc(100% * (1/3) - 30px);
}

.grid-layout .job-listing-details {
	flex-grow: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 30px;
    padding-right: 40px;
}

.grid-layout .job-listing-footer {
	flex-grow: 0;
	padding: 20px 30px;
}

.grid-layout .job-listing h3.job-listing-title {
	font-size: 18px;
	line-height: 28px;
}

.grid-layout .job-listing-footer .bookmark-icon {
	top: 0;
	right: 25px;
	transform: translateY(-50%) scale(0.96);
}

.grid-layout .job-listing .job-listing-company-logo {
	max-width: 60px;
	margin-right: 24px;
	top: 1px;
	flex: 0 0 60px;
}

/* Media Queries for Grid Layout */
@media (max-width: 992px) {
	.full-page-content-inner .grid-layout .job-listing,
    .grid-layout.grid-three-in-row .job-listing.grid,
	.grid-layout .job-listing.grid {
		margin: 0 0 30px 0;
		width: 100%;
	}
	.grid-layout,
	.full-page-content-inner .grid-layout { width:100%; }

	.full-page-content-container .simplebar-content {overflow-x: hidden !important;}
	.full-page-container.with-map .full-page-content-inner .grid-layout .job-listing { width: 100%; }
	
	.padding-right { padding: 0;}
}


.job_listings .job-listing.grid  img, 
.job-list .job-listing.grid img { padding: 0; margin: 0;}

.job_listings > li.job-listing.grid:nth-child(2n), .job-list > li.job-listing.grid:nth-child(2n) { background: transparent;}

.job-listing.grid .listing-types-list { display: block; position: relative; top: 0; transform: none; right: 0; max-width: 100%; text-align: left; margin-top: 5px}

.job-listing.grid .listing-types-list span { 
	display: inline-block;
	color: #fff; 
	font-size: 12px;
	font-weight: 500;
	border-radius: 4px; 
	margin: 3px 3px 0 0;
	padding: 3px 6px;
	line-height: 20px;
}

.job-listing.grid.job_position_featured .job-listing-footer {}

.task-listing-details .listing-badge,

.tasks-list-container .listing-badge,
.freelancers-container .freelancer .listing-badge,
.job-listing.grid.job_position_featured .listing-badge {
	background-color: #fff4cc;
	color: #fac300;
}

.freelancers-grid-layout .freelancer.freelancer-featured,
.tasks-grid-layout .task-listing-featured {
    border-color: #fac710 !important;
}

.tasks-list-container.compact-list { border: none; }

.tasks-list-container.compact-list a.task-listing {
	border-right: 1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
}

.tasks-list-container.compact-list .task-listing:first-of-type {
	border-top: 1px solid #e0e0e0;}

.tasks-list-container.compact-list a.task-listing:last-of-type {
	border-bottom: 1px solid #e0e0e0;
}

/*.tasks-list-container.compact-list a.task-listing-featured{
    border: 1px solid #fac710;
}
*/

.compact-list.freelancers-list-layout .freelancer.freelancer-featured:before,
.tasks-list-container.compact-list a.task-listing-featured:before {
	background-color: #fac710 !important;
	opacity: 1;
}


.compact-list.freelancers-list-layout .freelancer:before,
.tasks-list-container.compact-list a.task-listing:before {
	left: -1px;
}

.freelancer.freelancer-featured,
.tasks-list-container.compact-list .task-listing,
.tasks-list-container.tasks-grid-layout .task-listing { overflow: hidden; }

.job-list li.job-listing.grid.job_position_featured {
    background-color: #fff !important;
    border-color: #fac710 !important;
    z-index: 100 !important;
}

.job-list li.job-listing.grid.job_position_featured:hover { box-shadow: 0 0 18px #fac71012}

.workscout-grid-job-link-handler {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	background: transparent !important;
	border: none !important;
	opacity: 0;
/* 	display: none !important; */
}


.job-listing.grid img {     object-fit: cover; }


.job-listing.grid .job-listing-footer ul li i { font-size: 16px;}

@media (max-width: 1099px) {.full-page-map-container #ws-map, .full-page-map-container #search_map { height: 400px !important; }}

.job-list.full.grid-layout { margin-bottom: 0; }  

/* Icon Box 2 */
.icon-box-2 {
	display: block;
	border: 1px solid #e0e0e0;
	border-radius: 4px;
	margin-bottom: 30px;
	text-align: center;
	padding: 25px 35px 35px 35px;
	background-color: #fff;
}

.icon-box-2 h3 {
	font-weight: 500;
	font-size: 20px;
}

.icon-box-2 p {
	font-size: 15px;
	line-height: 26px;
}

.icon-box-2 svg,
.icon-box-2 img {
	max-width: 200px;
}
.admin-bar .intro-banner.boxed .select2-dropdown {
    top: -32px;
}


/* ---------------------------------- */
/* Job List Alternative
------------------------------------- */
.listings-container { margin: 15px 0 40px 0; }

.listing {
  border-radius: 0;
  display: flex;
  padding: 25px;
  border-left: 4px solid #eee;
  transition: 0.3s;
  position: relative;
  overflow: hidden;
  border: 1px solid #e0e0e0;
  margin-top: -1px;
}

.listings-container .listing:first-child { border-radius: 4px 4px 0 0; }
.listings-container .listing:last-child { border-radius: 0 0 4px 4px; }

.listing.featured { background-color: #fffcee; }

.listing:hover { background-color: #fafafa; }

.listing-badge {
    background-color: #fac710;
    float: left;
    position: absolute;
    transform: rotate(45deg);
    text-align: center;
    font-size: 14px;
    margin: 0;
    z-index: 999;
    color: #fff;
    font-weight: 500;
    width: 66px;
    height: 66px;
    right: -33px;
    top: -33px;
    line-height: 106px;
}

.listing-badge i {
    transform: rotate(-45deg);
}

.listing.full-time  { border-left: 4px solid #186fc9; }
.listing.part-time  { border-left: 4px solid #f1630d; }
.listing.freelance  { border-left: 4px solid #53b427; }
.listing.internship { border-left: 4px solid #e1d123; }
.listing.temporary  { border-left: 4px solid #e12335; }

.listing .listing-logo {
  width: 60px;
  min-width: 60px;
  flex-wrap: wrap;
}

.listing .listing-logo img {
  border-radius: 4px;
  transform: translate3d(0,0,0);
}

.listing .listing-title {
  flex-wrap: wrap;
  padding-left: 25px;
  padding-right: 110px;
}

.listing .listing-title h4 {
  letter-spacing: 0;
  font-size: 17px;
  line-height: 27px;
  margin-bottom: 5px;
  color: #333;
}

.listing-type {
  border-radius: 4px;
  font-size: 12px;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  color: #888;
  padding: 4px 8px;
  line-height: 18px;
  font-weight: 500;
  position: absolute;
  top: 25px;
  right: 25px;
  white-space: nowrap;
  text-align: center;
  min-width: 76px;
  top: 50%;
  transform: translateY(-50%);
}

@media (max-width: 768px) {
  .listing-type {
    position: relative;
    left: 0;
    top: 0;
    transform: translateY(0%);
    margin: 8px 0;
    display: inline-block;
  }

  .listing .listing-title { padding-right: 20px; }

  .listing .listing-logo {
    width: 40px;
    min-width: 40px;
  }

}

.listing.full-time .listing-type   { color: #186fc9; border-color: #186fc9; background-color: #f1f7fc; }
.listing.part-time .listing-type   { color: #f1630d; border-color: #f1630d; background-color: #fef6f0; }
.listing.freelance .listing-type   { color: #53b427; border-color: #53b427; background-color: #f5fbf2; }
.listing.internship .listing-type  { color: #dcaa0c; border-color: #dfb634; background-color: #fdfcf2; }
.listing.temporary .listing-type   { color: #e12335; border-color: #e12335; background-color: #fdf2f3; }

.job-spotlight span.full-time   { color: #186fc9 !important; border: 1px solid #186fc9; background-color: #f1f7fc; }
.job-spotlight span.part-time   { color: #f1630d !important; border: 1px solid #f1630d; background-color: #fef6f0; }
.job-spotlight span.freelance   { color: #53b427 !important; border: 1px solid #53b427; background-color: #f5fbf2; }
.job-spotlight span.internship  { color: #dcaa0c !important; border: 1px solid #dfb634; background-color: #fdfcf2; }
.job-spotlight span.temporary   { color: #e12335 !important; border: 1px solid #e12335; background-color: #fdf2f3; }

.job-spotlight span.full-time,
.job-spotlight span.part-time,
.job-spotlight span.freelance,
.job-spotlight span.internship,
.job-spotlight span.temporary   {
  text-transform: none !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 26px;
}

li .job-spotlight p { color: #888; }
.job-spotlight a h4 { line-height: 29px; }

.listing-date { 
  background-color: #fff;
  border: 1px solid #e0e0e0;
  color: #888;
  display: inline-block;
  border-radius: 4px;
  font-size: 12px;
  padding: 3px 8px;
  line-height: 18px;
  font-weight: 500;
}

.listing-date.new {
    border-color: #26ae62;
    background-color: #e9fff3;
    color: #26ae62;
}

.listing-details { flex-wrap: wrap; }

.listing-icons {
  padding: 0;
  margin: 0;
}

.listing-icons li {
  display: inline-block;
  margin-right: 13px;
  color: #808080;
  line-height: 29px;
}

.listing-icons li:last-child {
  margin-right: 0px;
}

.listing-icons li i {
  font-size: 19px;
  position: relative;
  top: 2px;
  margin: 0 4px 0 0;
}


/* Logo to right */
.listings-container.logo-to-right .listing-type {
  position: relative;
  margin-left: 5px;
  left: auto;
  right: auto;
  top: -1px;
}

.listings-container.logo-to-right .listing .listing-title {
  padding-left: 5px;
  padding-right: 80px;
}

.listings-container.logo-to-right .listing .listing-logo {
  position: absolute;
  right: 25px;
}

@media (max-width: 1290px) {
  .listings-container.logo-to-right .listing .listing-title{
    padding-right: 60px;
  }

  .listings-container.logo-to-right .listing .listing-logo {
    width: 40px;
  }
}

/* ---------------------------------- */
/* Full Width Page Layout
------------------------------------- */
.full-page-container {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}

.full-page-content-container {
  flex: 1;
  background-color: #fff;
  padding: 0;
    overflow: auto;
}

.full-page-content-inner {
  padding: 0;
}

.full-page-content-inner .grid-layout {
  width: calc(100% + 30px)
}

.full-page-content-inner .grid-layout .job-listing {
    margin: 0 30px 30px 0;
    width: calc(100% * (1/2) - 30px);
}

@media (min-width: 2200px) {
	.full-page-content-inner .grid-layout .job-listing {
		width: calc(100% * (1/3) - 30px);
	}
}


/* Small Footer */
.small-footer {
  border-top: 1px solid #e0e0e0;
  padding-top: 0px;
  width: calc(100% - 70px);
  left: 0;
  position: relative;
  padding: 25px 35px;
  display: flex;
}

.small-footer strong { color: #333; }

.small-footer-copyrights { flex: 2; }



/* Full Page With Map
------------------------------------- */
.full-page-map-container {
  flex: auto;
  position: relative;
  background-color: #e5e3df;
}

.full-page-map-container #map {
  position: relative;
  z-index: 30;
}

.full-page-container.with-map .full-page-content-container {
  flex: 0 0 50vw;
}


/* Custom Scrollbar*/
.single-job-view-container::-webkit-scrollbar,
.full-page-jobs.full-page-container .full-page-content-container::-webkit-scrollbar,
.full-page-container .full-page-sidebar::-webkit-scrollbar,
.full-page-container.with-map .full-page-content-container::-webkit-scrollbar {
  width: 8px;
  background-color: rgba(255, 255, 255, 0);
}

.single-job-view-container::-webkit-scrollbar-thumb,
.single-job-view-container::-webkit-scrollbar-track,
.full-page-jobs.full-page-container .full-page-content-container::-webkit-scrollbar-thumb,
.full-page-container .full-page-sidebar::-webkit-scrollbar-track,
.full-page-container .full-page-sidebar::-webkit-scrollbar-thumb,
.full-page-container.with-map .full-page-content-container::-webkit-scrollbar-thumb {
  border-left: 1px solid rgba(255, 255, 255, 0);
  border-right: 1px solid rgba(255, 255, 255, 0);
  background-clip: padding-box;
  border-radius: 20px;
}

.single-job-view-container::-webkit-scrollbar-track,

.full-page-container .full-page-sidebar::-webkit-scrollbar-track,
.full-page-container.with-map .full-page-content-container::-webkit-scrollbar-track {
  background-color: #f1f1f1
}
.single-job-view-container::-webkit-scrollbar-thumb,
.full-page-jobs.full-page-container .full-page-content-container::-webkit-scrollbar-thumb,
.full-page-container .full-page-sidebar::-webkit-scrollbar-thumb,
.full-page-container.with-map .full-page-content-container::-webkit-scrollbar-thumb {
  background-color: #d0d0d0;
}

.single-job-view-container::-webkit-scrollbar-thumb:hover,
.full-page-jobs.full-page-container .full-page-content-container::-webkit-scrollbar-thumb:hover,
.full-page-container .full-page-sidebar::-webkit-scrollbar-thumb:hover,
.full-page-container.with-map .full-page-content-container::-webkit-scrollbar-thumb:hover {
  background-color: #c8c8c8;
}



.listings-container { padding: 35px; }

/* Filters
------------------------------------- */
.filters-container {
  background: #f8f8f8;
  border-radius: 4px; 
  display: block; 
  padding: 35px;
  font-weight: 500;
}

.filters-headline {
  line-height: 32px;
  margin-bottom: 10px;
  margin-top: -5px;
    font-weight: 500;
    color: #333;
}

.filters-headline strong {
    font-weight: 500;    
}

.filters-flexbox-row {
  display: flex;
  flex-wrap: wrap;
  left: -10px;
  position: relative;
  width: calc(100% + 20px);
}

.filters-flexbox-child {
  flex: 0 0 calc(50% - 20px);
  margin: 10px;
  flex-grow: 1;
}

.filters-flexbox-child.flex-one-third { flex: 0 0 calc(33.3% - 20px); flex-grow: 1; }
.filters-flexbox-child.flex-one-half { flex: 0 0 calc(50% - 20px); flex-grow: 1; }
.filters-flexbox-child.flex-full-width { flex: 0 0 calc(100% - 20px); flex-grow: 1; }


/* Full Page Media Queries
------------------------------------- */

@media (max-width: 1920px) {

}

@media (max-width: 1600px) {
  .full-page-container.with-map .full-page-content-container { flex: 0 0 55vw }

}

@media (max-width: 1290px) {
  .filters-flexbox-child.flex-one-third { flex: 0 0 calc(50% - 20px); flex-grow: 1; }
}


@media (max-width: 1099px) {
  /* Important Responsive Styles */
  .full-page-map-container {
    order: -1;
    width: 100%;
    height: 400px;
    position: absolute;
    top: 0;
  }

  .full-page-container.with-map {
    padding-top: 400px;
    height: auto !important;
    width: 100%;
    position: relative;
  }

  .full-page-container.with-map .full-page-content-container { 
    flex: 1;
    height: auto !important;
  }

  .full-page-container:not(.full-page-jobs.full-page-container)
  .full-page-content-container{
    height: auto !important;
  }

  .full-page-container .simplebar-track { display: none; }

  .filters-flexbox-child.flex-one-third { flex: 0 0 calc(33.3% - 20px); flex-grow: 1; }
  .filters-flexbox-child.flex-one-half { flex: 0 0 calc(50% - 20px); flex-grow: 1; }
  .filters-flexbox-child.flex-full-width { flex: 0 0 calc(100% - 20px); flex-grow: 1; }

  .listings-container,
  .filters-container { padding: 30px 25px; }
}

@media (max-width: 768px) {
  .filters-flexbox-child.flex-one-third,
  .filters-flexbox-child.flex-one-half { flex: 0 0 calc(50% - 20px); flex-grow: 1; }
  .filters-flexbox-child.flex-full-width { flex: 0 0 calc(100% - 20px); flex-grow: 1; }
  .listings-container,
  .filters-container { padding: 30px 15px; }
}

@media (max-width: 540px) {
  .filters-flexbox-child.flex-one-third,
  .filters-flexbox-child.flex-one-half,
  .filters-flexbox-child.flex-full-width { flex: 0 0 calc(100% - 20px); flex-grow: 1; }
}

/* -------------------------------------------------------------- */
/*  Full Page Jobs
----------------------------------------------------------------- */
.full-page-container.full-page-jobs {
  flex-wrap: nowrap;
  width:  100%;
}

.job_filters_links { display: block; }
.job_filters .job_filters_links a {display: block; }
.rss_link { display: none !important; }
.job_filters a.reset { max-width: 100%; }

/* Sliding Sidebar */
.full-page-container.full-page-jobs .full-page-sidebar {
  max-height: 100vh;
  overflow: auto;
  background-color:  #fff;
  box-shadow: 0 0 15px rgba(0,0,0,0.12);
  flex: 0 0 350px;
}

.full-page-sidebar.hidden-sidebar {
 visibility: hidden;
  transition: 0.4s;
  position: relative;
  opacity: 0;
  max-width: 0;
}

.full-page-sidebar-inner {background: #f9f9f9;padding: 30px;padding-bottom: 0;padding-top: 10px;}

.full-page-jobs .full-page-content-container {flex:  0 0 45%;box-shadow: 0 0 15px rgb(0 0 0 / 12%);position: relative;z-index: 2;}

.full-page-jobs .filters-container {
  background:  linear-gradient(to bottom, #f9f9f9, rgba(255,255,255,0.5));
  padding-bottom:  10px;
  padding-top:  42px;
}
.single-job-view-container { max-height: 100%; overflow: auto; padding: 40px; }

.full-page-job-container {
  flex:  0 0 55%;
}

.full-page-sidebar.hidden-sidebar.enabled-sidebar {
  visibility: visible;
  opacity: 1;
  max-width: 350px;
}

@media (min-width: 992px) {
 .full-page-sidebar .sidebar-container,
.full-page-sidebar .job_filters.in_sidebar {
    width: 282px;
}   
}

.full-page-job-listings-container {
  padding:  35px;
}
.full-page-sidebar-inner { overflow-x: hidden; }

/* Enable Filter Button */
.enable-filters-button {
  position: relative;
  left: 48px;
  top: 0px;
  z-index: 100;
  background-color: #fff;
  color: #333;
  border-radius: 0 4px 4px 0;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  height: 46px;
  line-height: 46px;
  padding: 0;
  transition: 0.3s;
  min-width: 105px;
  text-align: center;
  font-weight: 500;
  font-size:  14px;
}

.enable-filters-button span {
  position: relative;
  padding: 0 15px;
  background-color: #28b661;
  color: #fff;
  width: 100%;
  z-index: 100;
  border-radius: 0 4px 4px 0;
  transition: 0.3s;
  height: 46px;
}


/* Filter Button Container */
.filter-button-container {
  margin:  18px 0 0 0;
  position: relative;
  /* margin: 0; */
}
.filter-button-tooltip {
  position: absolute;
  width: auto;
  left: 15px;
  top: 0;
  z-index: 100;
  border-radius: 4px;
  width: auto;
  animation: tooltip-bounce 2s infinite;
  margin-left: 15px;
  white-space: nowrap;
  opacity: 0;
  overflow: visible;
  transition: opacity 0.3s;
  pointer-events: none;
  padding: 0 20px;
  background-color: #f0f0f0;
  color: #666;
  font-weight: 400;
  font-size: 14px;
  line-height: 46px;
}
.filter-button-tooltip.tooltip-visible { opacity: 1; }

.filter-button-tooltip:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: calc(50% - 3px);
  content: "";
  left: -3px;
  box-sizing: border-box;
  border: 5px solid black;
  border-color: transparent transparent #f0f0f0 #f0f0f0;
  transform-origin: 0 0;
  transform: rotate(45deg) translateY(-50%);
/*   box-shadow: -2px 2px 2px 0 rgba(0, 0, 0, 0.04); */
}

@keyframes tooltip-bounce {
  0%, 20%, 50%, 80%, 100% { transform: translateX(0); }
  40% { transform: translateX(14px); } 
  60% { transform: translateX(7px); }
}

/* Full Page Search Form */
.full-page-search-form h3 {
  font-size: 19px;
    font-weight: 500;
    color: #333;
    line-height: 32px;
    margin:  0 0 15px 0;
    padding:  0;
}


/* Hover & Active States */
.enable-filters-button:hover i,
.enable-filters-button.active i,
.enable-filters-button:hover span,
.enable-filters-button.active span {
  background-color: #333;
}

.enable-filters-button:hover i:after,
.enable-filters-button:hover i:before,
.enable-filters-button.active i:after,
.enable-filters-button.active i:before {
  background-color: rgba(0,0,0,0.25);
}

.enable-filters-button i {
  position: absolute;
  z-index: 90;
  left: -46px;
  height: 100%;
  font-size: 20px;
  background-color: #28b661;
  color: #fff;
  line-height: 46px;
  text-align: center;
  width: 46px;
  height: 46px;
  border-radius: 4px 0 0 4px;
  font-style: normal;
  transition: 0.3s;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  /* line-height: 0; */
  /* height: 0; */
}


.enable-filters-button i:after,
.enable-filters-button i:before {
  position: absolute;
  left: 0;
  right: 0;
  transition: 0.3s;
  border-radius: 4px 0 0 4px;
  background-color: rgba(0,0,0,0.1);
}

.enable-filters-button i:after {
    content: "";
    opacity: 1;
    background-image: url(./images/filters.svg);
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: 50%;
    height: 100%;
}

.enable-filters-button.active i:after {
  opacity: 0;
}

.enable-filters-button i:before {
  content: "";
  width:  100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size:  20px;
  background-image: url(./images/close.svg);
  opacity: 0;
}
.enable-filters-button.active i:before {
  opacity: 1;
}

.enable-filters-button span.show-text,
.enable-filters-button.active span.hide-text {
  display: inline-block;
}

.enable-filters-button.active span.show-text,
.enable-filters-button span.hide-text {
  display: none;
}

@media (max-width: 992px) {
.intro-banner .intro-banner-search-form .input-with-icon i {
    left: initial;
}
}	

#titlebar.single-job-view-titlebar {
	display: flex;
	padding: 35px !important;
	align-items: center;
	margin: 0;
	flex-direction: row;
	border-radius: 4px;
}

@media (max-width: 1300px) {
	#titlebar.single-job-view-titlebar {
		flex-wrap: wrap;
	}
	#titlebar.single-job-view-titlebar .job_application.application,
	#titlebar .ajax-job-view-apply {
		min-width: auto;
		width: 100%;
	}
	#titlebar .ajax-job-view-apply a.button{
		width: 100% !important;
		display: block;
		text-align: center;
		margin-top: 25px;
	}
}


.ajax-job-view-logo {
	max-width: 100px;
	margin-right: 27px;
}

@media (max-width: 1500px) {
	.ajax-job-view-logo {
		max-width: 80px;
	}
}

@media (max-width: 1200px) {
	.ajax-job-view-logo {
		max-width: 70px;
	}
}

.ajax-job-view-logo img {
	border-radius: 4px;
}
#titlebar .ajax-job-view-types {
	margin-bottom: 5px;
}
#titlebar .ajax-job-view-types span {
	color: #fff;
	font-size: 13px;
	font-weight: 500;
	border-radius: 4px;
	padding: 5px 7px;
	line-height: 20px;
}

#titlebar h1.ajax-job-view-title {
	font-size: 21px;
	font-weight: 500;
	line-height: 34px;
	margin: 0;
	padding: 0;
}

#titlebar h1.ajax-job-view-title a { color: #333; font-size: 18px; }
#titlebar h1.ajax-job-view-title a:before { display: none !important; }

#job_map { border-radius: 4px; }

@media (max-width: 1600px) {
	#titlebar h1.ajax-job-view-title { font-size: 19px; line-height: 31px; }
}

#titlebar .ajax-job-view-company {
	margin: 0;
	padding: 0;
	line-height: 24px;
	margin-top: 0px
}

@media (max-width: 990px) {
	#titlebar .ajax-job-view-logo {
		display: none;
	}
}

#titlebar .ajax-job-view-company strong {
	font-size: 16px;
	font-weight: 500;
	line-height: 26px;
	color: #808080;
	margin: 0;
	padding: 0;
}


.single-job-view-actions {
	display: flex;
	margin: 25px 0 0px 0;
	align-items: flex-start;
}

.single-job-view-actions .wp-job-manager-bookmarks-form { border: none; }
#titlebar .ajax-job-view-links {
	margin-top: 6px
}

#titlebar .ajax-job-view-links a {
	font-size: 13px;
	font-weight: 500;
	background-color: #eaeaea;
	margin-right: 5px;
	padding: 5px 7px;
	border-radius: 4px;
	color: #777;
}

#titlebar .ajax-job-view-links a i{
	font-size: 12px;
	opacity: 0.9
}

.single-job-view-container #job-details {
	margin-top: 25px;
}

.single-job-view-container #job-details .job-overview {
    padding: 18px;
    padding-bottom: 15px;
    background: #fff;
    border: 1px solid #e0e0e0;
}
.single-job-view-container #job-details .job-overview strong {
    font-weight: 500;
}
.single-job-view-container #job-details .job-overview ul {
	display: flex;
	flex-wrap: wrap;
	padding: 0;
	margin: 0;
}

.single-job-view-container #job-details .job-overview ul li {
	padding: 10px 15px;
	margin: 0;
	flex: 0 0 25%;
}

@media (max-width: 1700px) {
	.single-job-view-container #job-details .job-overview ul li { flex: 0 0 33%;}
}

@media (max-width: 1400px) {
	.single-job-view-container #job-details .job-overview ul li { flex: 0 0 50%;}
}

@media (max-width: 1100px) {
	.single-job-view-container #job-details .job-overview ul li { flex: 0 0 100%;}
}


.single-job-view-container #job-details .job-overview  ul li:last-child {
    margin-bottom: 0;
}

.ajax-job-view-details { flex-grow: 1; }
#titlebar .ajax-job-view-apply a.button {
    position: relative;
    top: initial;
    transform: none;
    left: initial;
    right: initial;
    font-size: 14px;
}

.ajax-job-view-apply {
    min-width: 180px;
    justify-content: flex-end;
    display: flex;
}

body .button.send-message-to-owner,
body .single-job-view-actions a.bookmark-notice {
    display: inline-block;
    background: #fcf5d6;
    padding: 5px 15px;
    font-size: 13px;
    font-weight: 500;
    color: #a38948;
    border-radius: 4px;
    margin-top: 0;
    transition: 0.2s;
    box-shadow: none;
    /* flex: 0 0 auto; */
    margin-right: 10px
}

body .button.send-message-to-owner:hover,
body .single-job-view-actions a.bookmark-notice:hover {
    background: #f7f0d1;
    color: #a38948;
    box-shadow: none;
}

body .button.send-message-to-owner  {
	background-color: #26ae6121;
	color: #26ae61;
}

body .button.send-message-to-owner:hover {
	background-color: #26ae612e;
	color: #26ae61;
}


.full-page-job-container .single-job-view-container {
	transition: 0.3s;
	opacity: 1;
	background: #fff;
	position: relative;
	z-index: 1;
	min-height: 100%;
}
.full-page-job-container.loading .single-job-view-container {
	opacity: 0.5;
}

.full-page-job-container .listings-loader {
    opacity: 0;
    pointer-events: none;
    display: block;
    transition: 0.2s;
    top: 50%;
}

.full-page-job-listings-container .listings-loader {
    position: sticky;
    top: 50%;
    height: 0;
}

.full-page-job-container.loading .listings-loader {
    opacity: 1;
}

.full-page-job-container {
    position: relative;
    background-color: #fafafa
}

.full-page-job-listings-container { position: relative; }
.sticky-filter-button {
    position: sticky;
    z-index: 10;
    height: 0;
    margin: 0 0 0 -3px;
    top: 10px;
    opacity: 0;
}

.sticky-filter-button {
    position: sticky;
    z-index: 10;
    height: 0;
    margin: 0 0 0 -60px;
    top: 10px;
    opacity: 0;
    transition: 0.3s;
}

.sticky-filter-button.btn-visible {
    opacity: 1;
    margin: 0 0 0 -2px;
}


.sticky-filter-button .enable-filters-button .show-text,
.sticky-filter-button .enable-filters-button .hide-text { display: none !important; }

.sticky-filter-button .enable-filters-button {
	min-width: auto;
	width: 0;
	line-height: 0;
	margin: 0;
}

.sticky-filter-button .filter-button-container { margin: 0; }

.sticky-filter-button .enable-filters-button i {
	border-radius: 0 4px 4px 0
}

/* Mobile View */
.sidebar-container .enable-filters-button {
    width: calc(100% - 47px);
    margin: 0px 0 20px 0;
    display: none;
}

@media (max-width: 992px) {
	.full-page-job-container { display: none; }
    .full-page-jobs .full-page-content-container {flex:  0 0 100%; box-shadow: none; }
	.full-page-container.full-page-jobs .full-page-sidebar.enabled-sidebar {
	  flex: 0 0 100%;
	  max-width: 100%;
	  box-shadow: none;
	}
	.full-page-jobs .filters-container {
		padding: 0 30px;
	}
	.sidebar-container .enable-filters-button { display: block; }
	.full-page-container.full-page-jobs { overflow-x: hidden; }
	.full-page-sidebar .job_filters.in_sidebar { width: 100%; }

}


.full-page-jobs .full-page-content-inner .grid-layout .job-listing {
    width: calc(100% * (1/2) - 30px);
}

@media (max-width: 1400px) {
	.full-page-jobs .full-page-content-inner .grid-layout .job-listing {
		width: calc(100% - 30px);
	}
}

@media (max-width: 420px) {
.old-header .transparent #logo img, #logo_nh img, .new-header #logo_nh img, #logo img{
        height: auto !important;
        width: 100% !important;
    }
}
/* Single Job Page Updated */

.company-info-boxed .company-info {
	margin: 0 10px;
	padding: 30px 35px;
	border: none;
	border-radius: 5px;
	background-color: #fff;
	box-shadow: 0 0 16px rgba(0,0,0,0.1);
	margin-bottom: 50px;
	display: flex;
	align-items: center;
	/* flex-wrap: wrap; */
}
.company-info-boxed-links {
	display: block;
	margin: 10px 0 0 0;
}
.company-info-boxed-links span {
	margin: 0;
}

.job_listing-template-default #titlebar.photo-bg {
margin-bottom: 0;
    padding: 70px 0 160px 0;
}
.job_listing-template-default #titlebar.photo-bg:before {
background: linear-gradient(to top, #fff 0%, rgba(22,22,22,0.6) 50%);
}


#titlebar .two-buttons .button { box-shadow: none !important; }

.company-info-boxed-links span a {
	font-size: 13px;
	font-weight: 400;
	background-color: #eee;
	margin-right: 3px;
	padding: 5px 9px;
	border-radius: 4px;
	color: #777;
}
.company-info-boxed-links span svg{
	fill: #777;
}

.company-info-boxed-links span a i{
	font-size: 12px;
	opacity: 0.9;
	padding-right: 2px;
}

/* .company-info-boxed-links span a:hover {
    color: #444 !important;
}
 */
.company-info-boxed .company-info .send-message-to-owner {
	margin-top: 10px;
}

.company-info-boxed .company-info span {
    display: block;
    font-size: 16px;
}

.company-info-apply-btn {
    flex-grow: 1;
    display: flex;
    justify-content: flex-end;
}

.company-info-apply-btn .job_application.application {
    align-self: flex-end;
    justify-content: flex-end;
    display: flex;
}
.company-info-apply-btn .job_application.application a {
    min-width: 200px;
    text-align: center;
}

#titlebar.titlebar-boxed-company-info {
    padding-bottom: 160px;
    margin-bottom: 0;
    background: linear-gradient(to bottom, #f6f6f6 0%, rgba(255,255,255,0.5));
}

.company-info-boxed {
    display: block;
    margin-top: -120px;
}
#job_preview .company-info-boxed {
	margin-top: 0;
}
.job-overview ul li:last-child { margin-bottom: 0; }
    
#titlebar.titlebar-boxed-company-info .bookmark-notice {
    background: #faf1c8;
    color: #a38948;
    font-weight: 400;
}

 #titlebar.titlebar-boxed-company-info .bookmark-notice:hover {
    background: #f8eebd;
    color: #a38948;    
}

.company-info-boxed-logo {
    flex: 0 0 108px;
    margin-right: 25px;
}

.company-info-boxed-logo img {
    margin: 0;
    height: auto;
    width: 100%;
}

@media (max-width: 900px) {
	.company-info-boxed-logo {
		flex: 0 0 70px;
		margin: 0 20px 15px 0;
	}
	.company-info-boxed .company-info { flex-wrap: wrap; padding: 24px; margin: 0 0 30px 0; }
	.company-info-apply-btn, .company-info-apply-btn a.button { width: 100%; }
	.company-info-apply-btn { margin-top: 20px; }
	.company-info-apply-btn .job_application.application a { min-width: auto;}
}

body .job-overview { background: #fafafa; border: none; }
.job-overview .job_application.application { margin-top: 20px; }
.full-page-content-inner { overflow-x: hidden; }




/* ---------------------------------- */
/* Elementor Styles
------------------------------------- */

.headline.headline-aligned-to-right span,
.headline.headline-aligned-to-left span {
	font-size: 20px;
	line-height: 32px;
	margin-top: 10px;
	color: #888;
	font-weight: 300;
	display: block;
	padding: 0;
}
.elementor-widget-container .fa-map-marker:before { content: "\f3c5"; }


.elementor-widget-container .fa-money:before {content: "\f51e";}

h3.margin-bottom-5 { font-size: 24px; }

.headline.centered span { margin-top: 10px;}

.flip-banner.parallax {
    background-attachment: scroll !important;
    background-size: cover !important;
    background-position: 50%;
}
.testimonial-carousel .testimonial-author img { border-radius: 100px; }

.icon-box i, 
.icon-box svg g, 
.icon-box svg circle, 
.icon-boxsvg rect, 
.icon-box svg path {
    fill: #333;
}

body .icon-box-2 svg g, 
body .icon-box-2 svg circle, 
body .icon-box-2 svg rect, 
body .icon-box-2 svg path, 
body .new-category-box .listeo-svg-icon-box-grid svg g, 
body .new-category-box  .listeo-svg-icon-box-grid svg circle, 
body .new-category-box  .listeo-svg-icon-box-grid svg rect, 
body .new-category-box  .listeo-svg-icon-box-grid svg path {
transition: 0.3s;
}

body .icon-box-2:hover svg g, 
body .icon-box-2:hover svg circle, 
body .icon-box-2:hover svg rect, 
body .icon-box-2:hover svg path, 
body .new-category-box:hover .listeo-svg-icon-box-grid svg g, 
body .new-category-box:hover  .listeo-svg-icon-box-grid svg circle, 
body .new-category-box:hover  .listeo-svg-icon-box-grid svg rect, 
body .new-category-box:hover  .listeo-svg-icon-box-grid svg path {
	fill: #fff;
}

.img-box {
    display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.img-box-content {
    position: relative;
    z-index: 101;
    width: auto;
    font-weight: 500;
    color: #fff;
    margin: 0;
    padding: 40px;
    transition: 0.6s;
    display: block;
    background: rgb(25 25 25 / 45%);
/*     backdrop-filter: blur(5px); */
    border-radius: 5px;
    margin: 0 auto;
    padding: 10px 15px;
    transform: none;
    text-align: left;
    bottom: 15px;
    top: initial;
	bottom: initial;
	margin: 0 auto;
	text-align: center;
}


.icon-box  svg, .icon-box img {
    height: 44px;
    margin: 0 auto;
    position: relative;
    top: 6px;
}

.alternative-imagebox .img-box {
    height: 220px;
    border-radius: 5px;
    display:inline-block;
    
}

.alternative-imagebox .img-box-content {
    position: absolute;
    z-index: 101;
    width: auto;
    font-weight: 500;
    color: #fff;
    margin: 0;
    padding: 40px;
    transition: 0.6s;
    display: block;
    background: rgba(0,0,0,0.2);
    backdrop-filter: blur(5px);
    border-radius: 5px;
    margin: 0 auto;
    padding: 10px 15px;
    left: 15px;
    right: 15px;
    transform: none;
    text-align: left;
    bottom: 15px;
    top: initial;
}

.alternative-imagebox .img-box-content h4 {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

.alternative-imagebox .img-box-content span {
    font-size: 14px;
    font-weight: 300;
    display: block;
    margin-top: 0;
    opacity: 0.7;
    line-height: 24px;
}


.img-box-style3 .img-box-content {
	backdrop-filter: blur(5px);
}

.img-box-style3 .img-box-content h4 {
    font-size: 18px;
    line-height: 24px;
}


.img-box-style3 .img-box-content span {
    font-size: 14px;
    line-height: 22px;
        display: block;
} 
.alternative-imagebox .img-box:hover .img-box-background { transform: scale(1.09);}

/* .elementor-widget-container .icon-box-2 { border: none; } */
.elementor-widget-container .icon-box-2,
.elementor-widget-container a .icon-box-2 { color: #777; }

.elementor-default .post-edit-link { display: none; }

body .recent-post .from-the-blog-content {
    border-radius: 0 0 4px 4px;
}

.elementor-widget-container #counters {
    padding-top: 18px;
}
    
.elementor-widget-container #counters .counter-box {
        border-color: transparent;
        margin-top: 50px;
    }
    
#footer-new body .wp-subscribe-wrap input.submit, body #footer-new input[type="email"], body #footer-new .button {text-align: center; }
body #footer-new input[type="email"] { text-align: left; }
.small-dialog-content input, .small-dialog-content textarea { font-weight: 400; }
.elementor-widget-workscout-counters #counters .container {
	display: flex;
	align-items: center;
	flex-direction: row;
}
.elementor-widget-workscout-counters #counters .columns {
	flex: 1;
	width: auto;
}

@media (max-width: 992px) {
 .elementor-widget-workscout-counters #counters .container {
	flex-direction: column;
}}

@media (max-width: 600px) {
 .elementor-widget-workscout-counters #counters .container {
	flex-direction: column;
}
}
.elementor-widget-container .counter-box {
    
}

.load_more_resumes strong { font-weight: 500; }
.load_more_resumes:hover { background: #333; }


#counters .container:before { display: none; }

@media (max-width: 768px) {
    .elementor-widget-container #counters .counter-box {
        margin-top: 0px;
    }}

.elementor .flip-banner { height: 190px; }


.elementor-widget-container .plan {
    padding: 0;
    position: relative!important;
    top: 0 !important;
    left: 0 !important;
    margin: 0 10px;
    transition: none !important;
    transform: none !important;
    flex: 0 0 calc(33% - 20px);
    margin-bottom: 30px;
}
    
.elementor-widget-container .woo_pricing_tables {
    display: flex;
    height: auto !important;
    width: calc(100% + 30px);
    flex-wrap: wrap;
    align-items: center;
    align-content:flex-start;
    margin-left: -10px;
}


@media (max-width: 992px) {
    .elementor-widget-container .woo_pricing_tables {    flex-direction: column;
    justify-content: center;
    align-content: center;}
	
	.elementor-widget-container .plan {
		flex: 0 0 calc(50% - 20px);
		width: 50%;
	}
}

@media (max-width: 768px) {

	.elementor-widget-container .plan {
		flex: 0 0 calc(90% - 20px);
		width: 90%;
	}
}


body .plan-features ul li {
    padding: 5px 0;

}


/* Elementor Companies Widget */

.elementor-widget-container .wpjmc-companies.grid,
.elementor-widget-container .wpjmc-companies.grid-three-in-row {
	display: flex;
	width: calc(100% + 50px);
}

body .elementor-widget-container ul.wpjmc-companies.grid-three-in-row li:not(#company-meta li) {
	flex: 0 0 calc(33% - 30px);
	max-width: 33%;
	flex-direction: column;
}

@media (max-width: 768px) {
	body .elementor-widget-container ul.wpjmc-companies.grid-three-in-row li:not(#company-meta li) { flex: 0 0 calc(100% - 40px); max-width: 100%;}
	body .elementor-widget-container ul.wpjmc-companies li .company-inner { align-items: center; }
}

body .elementor-widget-container ul.wpjmc-companies.grid li:not(#company-meta li),
body .elementor-widget-container ul.wpjmc-companies.list li:not(#company-meta li) {
	flex: 0 0 calc(50% - 30px);
	max-width: 50%;
	flex-direction: row;
}

body .elementor-widget-container ul.wpjmc-companies.grid li:not(#company-meta li){
	flex-direction: column;
}

.elementor-widget-container body ul.wpjmc-companies #company-meta li { margin: 0; }
.elementor-widget-container .wpjmc-companies.grid li .company-inner 
.elementor-widget-container .wpjmc-companies.grid-three-in-row li .company-inner { flex-direction: column; }
.elementor-widget-container .wpjmc-companies.grid li .company-logo,
.elementor-widget-container .wpjmc-companies.grid-three-in-row li .company-logo {     flex-direction: column;
    min-width: 0;
    max-width: 100%;
    width: 100%;
    text-align: center;
    display: flex;
    margin: 0;
    border: none;
    align-items: center; }

.elementor-widget-container .wpjmc-companies.grid li .company-inner,
.elementor-widget-container .wpjmc-companies.grid-three-in-row li .company-inner { flex-direction: column; text-align: center; }

.elementor-widget-container .wpjmc-companies.grid li #company-meta,
.elementor-widget-container .wpjmc-companies.grid-three-in-row li #company-meta {
	display: none;
}
.elementor-widget-container .wpjmc-companies.grid li .company-body,
.elementor-widget-container .wpjmc-companies.grid-three-in-row li .company-body {
	text-align: center;
}

.elementor-widget-container .wpjmc-companies.grid .company-list-excerpt,
.elementor-widget-container .wpjmc-companies.grid-three-in-row .company-list-excerpt {
	display: none;
}

@media (max-width: 992px) {
body .elementor-widget-container ul.wpjmc-companies.list li:not(#company-meta li) {
	flex: 0 0 calc(100% - 30px);
	max-width: 100%;
	flex-direction: column;
}
}

/* Iconbox Style 3 For elementor */

.icon-box.rounded.alt.style3 {
    margin: 0;
    width: 100%;
    display: flex;
}

.icon-box.rounded.alt.style3 a {
    display: flex;
    padding-left: 110px;
    text-align: left;
    align-items: flex-start;
    flex-direction: column;
}

.icon-box.rounded.alt.style3 a i {
    zoom: 0.9;
    margin-right: 30px;
    font-family: "Font Awesome 5 Free";
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    margin-top: -7px;
}

.icon-box.rounded.alt.style3 p {
	font-size: 16px;
}

.categories-group ul { list-style: none; margin: 0; }

.wpcf7-form fieldset div input { width: 100%; max-height: 52px; }
.contact-form-inputs {     display: flex;
    flex-wrap: wrap;width: calc(100% + 20px);
    margin-left: -10px; }
    
.contact-form-inputs div {
    margin-bottom: 20px;
    padding: 0 10px;
    width: 50%;
}
.page .wpcf7-form fieldset .contact-form-inputs div input {
    width: 100%;
}  

@media (max-width: 1000px) {
.page .wpcf7-form fieldset div {
    flex-direction: column;
}.contact-form-inputs div {width: 100%; }
}

.single-post .post-content,
.post-content {
    border: 1px solid #e0e0e0;
    border-radius: 0 0 4px 4px;
    padding: 35px 40px;
    padding-bottom:30px;
}

.post-navigation .nav-links {    display: flex;
    flex-wrap: wrap; }
.post-navigation a {
    margin: 5px 0;
display: inline-block;
/*     max-width: 80%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; */
}

.post-navigation .nav-links div a { border-radius: 4px;position: relative;}
/* .post-navigation .nav-next a { padding-right: 35px; }
.post-navigation .nav-next i {    position: absolute;
    right: 15px;
    top: 18px;}
    
} */


/* Elementor Smooth Loading */
/*.search-banner-placeholder {
    display: block;
    width: 100%;
    height: 100%;
    background: #f4f4f4;
    margin: 0;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 110;
}

.search-banner-placeholder-loader {
    border: 5px solid #d4d4d4;
    border-top: 5px solid #686868;
    border-radius: 50%;
    width: 34px;
    height: 34px;
    animation: spin 1s linear infinite;
}*/

/*@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.intro-banner{ opacity:0; transition: 0.3s; }
.theme-loaded .intro-banner{ opacity: 1; }

@media (max-width: 992px) {
.search-banner-placeholder { display: none !important; }
.intro-banner{ opacity: 1 !important; }
}
*/
.search-banner-placeholder { display: none !important;}
.intro-banner {
    opacity: 1 !important; 
}

.pika-single {
    z-index: 9999;
    display: block;
    position: relative;
    color: #333;
    background: #fff;
    border-bottom-color: #bbb;
	border-radius: 5px;
}

/*
clear child float (pika-lendar), using the famous micro clearfix hack
http://nicolasgallagher.com/micro-clearfix-hack/
*/
.pika-single:before,
.pika-single:after {
    content: " ";
    display: table;
}

.pika-single:after {
    clear: both
}

.pika-single.is-hidden {
    display: none;
}

.pika-single.is-bound {
    position: absolute;
    box-shadow: 0 3px 12px 0px rgba(0, 0, 0, .15);
}

.pika-lendar {
    float: left;
    width: 240px;
    margin: 8px;
}

.pika-title {
    position: relative;
    text-align: center;
    /* font-weight: 400; */
}

.pika-label {
    display: inline-block;
    position: relative;
    z-index: 9999;
    overflow: hidden;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    background-color: #fff;
}

.pika-title select {
    cursor: pointer;
    position: absolute;
    z-index: 9998;
    margin: 0;
    left: 0;
    top: 5px;
    opacity: 0;
}

.pika-prev,
.pika-next {
    display: block;
    cursor: pointer;
    position: relative;
    outline: none;
    border: 0;
    padding: 0;
    width: 20px;
    height: 30px;
    /* hide text using text-indent trick, using width value (it's enough) */
    text-indent: 20px;
    white-space: nowrap;
    overflow: hidden;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 75% 75%;
    opacity: .5;
}

.pika-prev:hover,
.pika-next:hover {
    opacity: 1;
	background-color: transparent;
}

.pika-prev,
.is-rtl .pika-next {
    float: left;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==');
}

.pika-next,
.is-rtl .pika-prev {
    float: right;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=');
}

.pika-prev.is-disabled,
.pika-next.is-disabled {
    cursor: default;
    opacity: .2;
}

.pika-select {
    display: inline-block;
}

.pika-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
}

.pika-table th,
.pika-table td {
    width: 14.285714285714286%;
    padding: 0;
}

.pika-table th {
    color: #999;
    font-size: 12px;
    line-height: 25px;
    font-weight: bold;
    text-align: center;
}

.pika-button {
    cursor: pointer;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    border: 0;
    margin: 0;
    width: 100%;
    padding: 5px;
    color: #666;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    background: #f5f5f5;
    height: initial;
	border: 1px solid #fff;
}

.pika-week {
    font-size: 11px;
    color: #999;
}

.is-today .pika-button {
    color: #333;
    font-weight: bold;
}

.is-selected .pika-button,
.has-event .pika-button {
    color: #fff;
    font-weight: bold;
    background: #333;
    border-radius: 3px;
}

.has-event .pika-button {
    background: #333;
}

.is-disabled .pika-button,
.is-inrange .pika-button {
    background: #aaa;
}

.is-startrange .pika-button {
    color: #fff;
    background: #333;
    box-shadow: none;
    border-radius: 3px;
}

.is-endrange .pika-button {
    color: #fff;
    background: #333;
    box-shadow: none;
    border-radius: 3px;
}

.is-disabled .pika-button {
    pointer-events: none;
    cursor: default;
    color: #999;
    opacity: .3;
}

.is-outside-current-month .pika-button {
    color: #999;
    opacity: .3;
}

.is-selection-disabled {
    pointer-events: none;
    cursor: default;
}

.pika-button:hover,
.pika-row.pick-whole-week:hover .pika-button {
    color: #fff;
    background: #aaa;
    box-shadow: none;
    border-radius: 3px;
}

/* styling for abbr */
.pika-table abbr {
    border-bottom: none;
    cursor: help;
	text-decoration: none;
	font-weight: 400;
	font-size: 13px;
}

\ ---------------------------------- */
/* Keywords Input
------------------------------------- */
.keywords-container {
  margin-bottom: -15px;
}

.keywords-list {
  display: block;
  float: left;
  height: 0;
}

.keyword {
  background-color: rgba(38, 174, 97, 0.07);
  color: #26ae61;
  display: inline-block;
  float: left;
  padding: 0;
  border-radius: 4px;
  cursor: default;
  margin: 0 7px 7px 0;
  height: 35px;
  line-height: 35px;
  box-sizing: border-box;
  animation: KeywordIn 0.3s ease-in-out;
  animation-fill-mode: both;
  transition: 0.4s;
  overflow: hidden;
  max-width: 100%;
  font-size: 14.7px;
}
.keyword.keyword-removed {
  max-width: 0;
  margin: 0;
  overflow: hidden;
  opacity: 0;
  animation: KeywordOut 0.4s ease-in-out;
  animation-fill-mode: both;
  pointer-events: none;
}

@keyframes KeywordIn {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes KeywordOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    margin-top: -35px;
  }
}
.keyword-text {
  padding-right: 12px;
}

.keyword .keyword-remove:before {
  display: inline-block;
  cursor: pointer;
  font-family: "Feather-Icons";
  content: "\ea02";
  line-height: 20px;
  position: relative;
  top: 2px;
  margin-right: 4px;
  margin-left: 10px;
  font-size: 15px;
}

.keyword-input-container {
  position: relative;
}
.keyword-input-container .keyword-input-button {
  position: absolute;
  top: 0;
  right: 0;
  height: 36px;
  width: 36px;
  padding: 0;
  color: #fff;
  background-color: #26ae61;
  border-radius: 4px;
  margin: 6px;
  font-size: 19px;
  text-align: center;
  line-height: 36px;
}
.keyword-input-container .keyword-input-button i {
  color: #fff;
  position: relative;
  top: 2px;
}

input.keyword-input {
  margin: 0 0 15px 0;
}

/* ---------------------------------- */
/* Titlebar
------------------------------------- */
/* Breadcrumbs */
#breadcrumbs {
  position: absolute;
  right: 15px;
  display: inline-block;
  font-size: 14px;
  top: 50%;
  transform: translateY(-51%);
  border-radius: 4px;
  font-weight: 500;
  color: #333;
  background-color: #f0f0f0;
}
#breadcrumbs ul {
  margin: 0;
  padding: 12px 22px;
  line-height: 23px;
}
#breadcrumbs ul li {
  display: inline-block;
  list-style: none;
  margin: 0 0 0 7px;
}
#breadcrumbs ul li a {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  color: #666;
  font-weight: 500;
}
#breadcrumbs ul li a:hover {
  color: #26ae61;
}
#breadcrumbs ul li:first-child {
  margin-left: 0;
}
#breadcrumbs ul li:first-child:before {
  display: none;
}
#breadcrumbs ul li:before {
  content: "";
  display: inline-block;
  height: 0;
  width: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #aaa;
  font-size: 14px;
  margin-right: 12px;
}
#breadcrumbs ul li.home-icon a {
  opacity: 1;
  font-size: 24px;
  top: 4px;
  position: relative;
  line-height: 0;
  padding: 0;
  display: inline-block;
}
#breadcrumbs ul li.home-icon i {
  line-height: 0;
}
#breadcrumbs.dark {
  color: rgb(255, 255, 255);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
  background-color: #333;
}
#breadcrumbs.dark ul li a {
  color: rgb(255, 255, 255);
}
#breadcrumbs.dark ul li a:hover {
  color: rgb(255, 255, 255);
}
#breadcrumbs.dark ul li:before {
  border-left: 4px solid rgba(255, 255, 255, 0.3);
}
#breadcrumbs.white {
  color: #333;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
  background-color: #fff;
}
#breadcrumbs.white ul li a {
  color: #666;
}
#breadcrumbs.white ul li a:hover {
  color: #26ae61;
}
#breadcrumbs.white ul li:before {
  border-left: 4px solid rgba(0, 0, 0, 0.3);
}

/* Adjustments for "Single Page Header" */
.single-page-header {
  margin-bottom: 65px;
  padding: 60px 0;
  position: relative;
}
.single-page-header #breadcrumbs {
  position: relative;
  top: 0;
  left: 0;
  transform: none;
  margin-left: auto;
}
.single-page-header .container {
  z-index: 100;
  position: relative;
}
.single-page-header:after, .single-page-header:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  display: block;
  top: 0;
  left: 0;
  z-index: 15;
  background: linear-gradient(to right, rgb(247, 247, 247) 50%, rgba(247, 247, 247, 0.3) 70%, rgba(247, 247, 247, 0.1) 90%);
}

.single-task .single-page-header:before,
.single-task .single-page-header:after {    background: #f7f7f7;}
.single-page-header:after {
  z-index: 5;
  background-color: #f7f7f7;
}

.no-photo.freelancer-header.single-page-header:after,
.no-photo.freelancer-header.single-page-header:before {
 display: none;
}

.no-photo.freelancer-header.single-page-header {
  background: #f7f7f7;
}

.single-page-header .background-image-container {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 100% 50%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 50%;
  left: 50%;
  z-index: 10;
}
.single-page-header .single-page-header-inner {
  display: flex;
}

.single-page-header-inner .no-reviews {
    background: #ffff; 
    border-radius: 4px;
    color: #888;
    box-shadow: 0 1px 3px rgb(0 0 0 / 13%);
    font-size: 13px;
    padding: 4px 8px;
    line-height: 20px;
}

.single-page-header .left-side, .single-page-header .right-side {
  flex: 1;
  display: flex;
  align-items: center;
}
.single-page-header .left-side {
  padding-right: 30px;
}
.single-page-header .right-side {
  max-width: 35%;
}
.single-page-header .header-image {
  height: 130px;
  flex: 0 0 130px;
  margin-right: 35px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1);
  display: flex;
  padding: 0 15px;
}

body .single-page-header-inner .button.send-message-to-owner,
body .single-page-header-inner .button.send-message-resume { 
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.08);
    background-color: #fff;
    color: #333;
    font-size: 16px;
    display: inline-block;
    padding: 16px 25px;
    margin: 0;
    display: inline-block;
    transition: 0.3s;
    width: auto;
    margin-left: auto;
    border-radius: 4px;
    font-weight: 400;
}

body .single-page-header-inner .button.send-message-to-owner:hover,
body .single-page-header-inner .button.send-message-resume:hover { 
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
  background: #222; color: #fff
}

body .single-page-header-inner i.icon-material-outline-email { margin-left: 0px !important; }

body .single-page-header-inner .button.send-message-to-owner i.icon-material-outline-email { margin-right: 4px; }


.single-page-header .header-image a {
  display: flex;
  height: 100%;
}
.single-page-header.freelancer-header .header-image {
  background: #fff;
  border-radius: 50%;
  box-shadow: none;
  display: flex;
  padding: 0;
  overflow: hidden;
  height: 130px;
  flex: 0 0 130px;
  width: 130px;
}
.single-page-header .header-image img {
  align-self: center;
  transform: translate3d(0, 0, 0);
  border-radius: 4px;
  width: 100%;
}
.single-page-header .header-details {
  flex: 1;
}

.single-page-header .header-details .fa-map-marker{
    content: "\f041";
    font-size: 18px;
    color: #888;
    top: 0px;
    position: relative;
}

.single-page-header .header-details .icon-material-outline-location-on {
  color: #888;
    top: 3px;
    margin-right: 0;
}

.single-page-header .header-details h3 {
  color: #333;
  font-size: 24px;
  margin: 0;
  padding: 0;
  margin-bottom: 12px;
  margin-top: 3px;
  line-height: 34px;
  position: relative;
  padding-right: 0;
  display: inline-block;
}
.single-page-header .header-details h3 span {
  color: #808080;
  display: block;
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
  margin-top:  3px;
}
.single-page-header .header-details h5 {
  font-size: 16px;
  font-weight: 400;
  color: #888;
}
.single-page-header .header-details ul {
  padding: 0;
  margin: 0;
  list-style: none;
  line-height: 24px;
  margin-bottom: -7px;
}
.single-page-header .header-details li {
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 12px;
  line-height: 26px;
}


.single-page-header .header-details li:last-child {
  margin-right: 0;
}
.single-page-header .header-details li a {
  color: #777;
}
.single-page-header .header-details li a:hover {
  color: #777;
}
.single-page-header .header-details li i {
  font-size: 20px;
  position: relative;
  top: 2px;
  margin-right: 2px;
}
.single-page-header .header-details li .verified-badge {
  transform: scale(0.85);
  position: relative;
  top: 2px;
}
.single-page-header .header-details li .verified-txt {
  color: #299840;
}
.single-page-header .header-details li .star-rating {
  position: relative;
  top: 6px;
}


.company-data img.flag,
.freelancer-name img,
.dashboard-resume-flag img,
.single-page-header .header-details ul li img.flag {
  height: 16px;
  border-radius: 3px;
  position: relative;
  top: 1px;
  display: inline-block;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  margin-right: 5px;
  cursor: default;
}

.company-title img.flag {
    display: inline-block;
    margin-left: 5px;
}

.single-page-header .header-details ul li img.flag {
  top: 2px;
}

.dashboard-resume-flag img {
  top: 2px;
  height: 14px;
}


.single-page-header .salary-box {
  border-radius: 4px;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.08);
  background-color: #fff;
  display: inline-block;
  padding: 20px 25px;
  margin-left: auto;
}

@media (max-width: 992px) {
  .single-page-header #breadcrumbs {
    margin: 30px 0 20px 0;
  }
}
/* ---------------------------------- */
/* Single Page Header
------------------------------------- */
@media (min-width: 1365px) {
  .single-page-header .right-side {
    max-width: 30%;
  }
}
/* IE 11 Fixes */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .single-page-header .header-image {
    max-width: 140px;
  }
}
/* IE 11 FIX */
@media all and (-ms-high-contrast: none) {
  .single-page-header .header-image img {
    width: 100%;
  }
}
/* Salary Box */
.salary-box .salary-type {
  color: #888;
  line-height: 20px;
  margin: 3px 0 8px 0;
}
.salary-box .salary-amount {
  color: #333;
  font-size: 28px;
  line-height: 36px;
  font-weight: 300;
}

/* Media Queries for Single Page Header */
@media (max-width: 1366px) {
  .single-page-header.freelancer-header .header-image {
    height: 130px;
    flex: 0 0 130px;
    width: 130px;
  }
}
@media (max-width: 1240px) {
  .single-page-header {
    padding: 55px 0;
  }
  .single-page-header .header-details h3 {
    font-size: 26px;
  }
  .salary-box .salary-amount {
    font-size: 26px;
    line-height: 32px;
  }
  .single-page-header .header-image {
    height: 120px;
    flex: 0 0 120px;
  }
  .single-page-header.freelancer-header .header-image {
    height: 120px;
    flex: 0 0 120px;
    width: 120px;
  }
}
@media (max-width: 992px) {
  .single-page-header {
    padding: 35px 0;
  }
  .single-page-header .single-page-header-inner {
    display: flex;
    flex-direction: column;
  }
  .single-page-header .left-side {
    padding-right: 0;
  }
  .single-page-header .header-details h3 {
    font-size: 24px;
  }
  .single-page-header .salary-amount {
    font-size: 22px;
    line-height: 24px;
  }
  .single-page-header .salary-box {
    padding: 0;
    margin-top: 15px;
    margin-bottom: 20px;
    background-color: transparent;
    box-shadow: none;
  }
  .salary-box .salary-type {
    font-weight: 500;
    color: #333;
  }
  .single-page-header .left-side, .single-page-header .right-side {
    display: block;
    max-width: 100%;
  }
  .single-page-header-inner {
    display: block;
    max-width: 100%;
  }
  .single-page-header .header-image {
    height: 100px;
    width: auto;
    padding: 10px;
    margin: 15px 0;
    display: inline-block;
  }
  .single-page-header .header-image img {
    height: 100%;
    display: inline-block;
  }
  .single-page-header .header-details h5 {
    border-top: 1px solid #e0e0e0;
    padding-top: 25px;
  }
  .single-page-header.freelancer-header .header-image {
    height: 70px;
    flex: 0 0 70px;
    width: 70px;
    margin-bottom: -70px;
  }
  .single-page-header.freelancer-header .header-details h3 {
    margin-left: 90px;
  }
}
@media (max-width: 768px) {
  .single-page-header:after, .single-page-header:before {
    background: #f7f7f7;
  }
  .single-page-header.freelancer-header .header-image {
    height: 70px;
    flex: 0 0 70px;
    width: 70px;
    margin-bottom: -70px;
  }
  .single-page-header.freelancer-header .header-details h3 {
    margin-left: 90px;
  }
}
/* -------------------------------------------------------------- */
/* 02. Listings Styles
----------------------------------------------------------------- */
/* Custom Scrollbar*/
.bid-proposal-text::-webkit-scrollbar,
.full-page-sidebar-v2 .full-page-sidebar-inner-v2::-webkit-scrollbar,
.full-page-container-v2 .full-page-content-container-v2::-webkit-scrollbar {
  width: 10px;
  background-color: rgba(255, 255, 255, 0);
}


.bid-proposal-text::-webkit-scrollbar-track,
.bid-proposal-text::-webkit-scrollbar-thumb,
.full-page-sidebar-v2 .full-page-sidebar-inner-v2::-webkit-scrollbar-track,
.full-page-sidebar-v2 .full-page-sidebar-inner-v2::-webkit-scrollbar-thumb,
.full-page-container-v2 .full-page-content-container-v2::-webkit-scrollbar-track,
.full-page-container-v2 .full-page-content-container-v2::-webkit-scrollbar-thumb {
  border-left: 1px solid rgba(255, 255, 255, 0);
  border-right: 1px solid rgba(255, 255, 255, 0);
  background-clip: padding-box;
  border-radius: 20px;
}



.bid-proposal-text::-webkit-scrollbar-track,
.full-page-sidebar-v2 .full-page-sidebar-inner-v2::-webkit-scrollbar-track,
.full-page-container-v2 .full-page-content-container-v2::-webkit-scrollbar-track {
  background-color: #f1f1f1
}

.bid-proposal-text::-webkit-scrollbar-thumb,
.full-page-sidebar-v2 .full-page-sidebar-inner-v2::-webkit-scrollbar-thumb,
.full-page-container-v2 .full-page-content-container-v2::-webkit-scrollbar-thumb {
  background-color: #d4d4d4;
}

.full-page-sidebar-v2 .full-page-sidebar-inner-v2::-webkit-scrollbar-thumb:hover,
.full-page-container-v2 .full-page-content-container-v2::-webkit-scrollbar-thumb:hover {
  background-color: #c8c8c8;
}

/* ---------------------------------- */
/* Full Page Layout
------------------------------------- */
.full-page-container-v2 {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  height: calc(100vh - 82px);
}

.full-page-sidebar-v2 {
  flex: 0 0 360px;
  background-color: #fafafa;
  position: relative;
}
.full-page-sidebar-v2 .full-page-sidebar-inner-v2 {
  overflow: auto;
  height: 100%;
}
.full-page-sidebar-v2 .sidebar-container-v2 {
  padding: 40px;
}

.full-page-sidebar-v2 .sidebar-widget-v2:last-of-type {
  margin-bottom: 80px;
}

.full-page-content-container-v2 {
  flex: 1;
  background-color: #fff;
  padding: 0;
  overflow: auto;
}

.full-page-content-inner-v2 {
  padding: 40px;
  padding-bottom: 0;
}
.full-page-content-inner-v2 .grid-layout {
  width: calc(100% + 30px);
}
.full-page-content-inner-v2 .grid-layout .task-listing {
  margin: 0 30px 30px 0;
  width: calc(33.3333333333% - 30px);
}

/* Search Button */
.sidebar-search-button-container {
  position: absolute;
  width: calc(100% - 15px);
  bottom: 0;
  padding: 40px;
  padding-top: 10px;
  z-index: 100;
  background-color: #fafafa;
}
.sidebar-search-button-container button {
  width: calc(100% + 15px);
  line-height: 46px;
  height: 46px;
  padding: 0;
  transition: 0.3s;
  box-shadow: 0 4px 12px rgba(38, 174, 97, 0.1);
}
.sidebar-search-button-container button:hover {
  box-shadow: 0 4px 12px rgba(38, 174, 97, 0.25);
  transform: translateY(-2px);
}

/* Small Footer */
.small-footer {
  border-top: 1px solid #e0e0e0;
  padding-top: 0px;
  width: calc(100% + 80px);
  left: -40px;
  position: relative;
  padding: 25px 40px;
  display: flex;
}
.small-footer strong {
  color: #333;
}

.small-footer-copyrights {
  flex: 2;
}

.small-footer .footer-social-links {
  transform: none;
  flex: 1;
  text-align: right;
  float: right;
  display: inline-block;
  margin: 0 -5px 0 0;
  position: relative;
  top: 2px;
}
.small-footer .footer-social-links li {
  color: #333;
  transform: none;
  float: none;
  margin: 0 -3px;
}
.small-footer .footer-social-links li a {
  color: #333;
  transform: none;
}


/* Full Page Media Queries
------------------------------------- */
@media (max-width: 3860px) {
  .full-page-content-inner-v2 .grid-layout .task-listing {
    width: calc(25% - 30px);
  }
  /* Full Page With Map */
  .full-page-container-v2.with-map .full-page-content-inner-v2 .grid-layout .task-listing {
    width: calc(33.3333333333% - 30px);
  }
}
@media (max-width: 2560px) {
  .full-page-content-inner-v2 .grid-layout .task-listing {
    width: calc(25% - 30px);
  }
  /* Full Page With Map */
  .full-page-container-v2.with-map .full-page-content-inner-v2 .grid-layout .task-listing {
    width: calc(50% - 30px);
  }
}
@media (max-width: 1920px) {
  .full-page-content-inner-v2 .grid-layout .task-listing {
    width: calc(33.3333333333% - 30px);
  }
  /* Full Page With Map */
  .full-page-container-v2.with-map .full-page-sidebar {
    flex: 0 0 340px;
  }
  .full-page-container-v2.with-map .full-page-sidebar .full-page-sidebar-inner {
    width: 340px;
  }
  .full-page-container-v2.with-map .full-page-content-inner .grid-layout .task-listing {
    width: calc(50% - 30px);
  }
}
@media (max-width: 1600px) {
  .full-page-content-inner-v2 .grid-layout .task-listing {
    width: calc(50% - 30px);
  }
  .full-page-sidebar {
    flex: 0 0 340px;
  }
  /* Full Page With Map */
  .full-page-container-v2.with-map .full-page-sidebar-v2 {
    flex: 0 0 320px;
  }
  .full-page-container-v2.with-map .full-page-sidebar-v2 .full-page-sidebar-inner {
    width: 320px;
  }
  .full-page-container-v2.with-map .full-page-content-inner-v2 .grid-layout .task-listing {
    width: calc(100% - 30px);
  }
  .full-page-container-v2.with-map .full-page-content-container-v2 {
    flex: 0 0 55vw;
  }
}
@media (max-width: 1365px) {

  /* Notify Box Responsive Styles*/
  .full-page-container-v2 .notify-box {
    margin-bottom: 80px;
  }
  .full-page-container-v2 .notify-box .sort-by {
    position: absolute;
    margin-top: 40px;
    left: 0;
  }
  .full-page-container-v2 .notify-box .sort-by .bootstrap-select .dropdown-menu {
    left: 0;
    right: auto;
  }
}
@media (max-width: 1099px) {
  .full-page-content-inner-v2 .grid-layout .task-listing {
    width: calc(100% - 30px);
  }
  .full-page-sidebar-v2 {
    flex: 0 0 340px;
  }
  /* Important Responsive Styles */
  .full-page-map-container-v2 {
    order: -1;
    width: 100%;
    height: 400px;
    position: absolute;
    top: 0;
  }
  .full-page-container-v2.with-map {
    padding-top: 400px;
    height: auto !important;
    width: 100%;
    position: relative;
  }
  .full-page-container-v2.with-map .full-page-sidebar {
    max-width: 100%;
    visibility: visible;
    opacity: 1;
  }
  .filter-button-container-v2 {
    display: none;
  }
  .full-page-container-v2 {
    height: auto !important;
  }
  .full-page-container-v2.with-map .full-page-sidebar-v2 .full-page-sidebar-inner-v2 {
    position: relative;
    width: 100%;
  }
  .full-page-container-v2.with-map .full-page-content-container-v2 {
    flex: 1;
  }
  .full-page-sidebar-inner-v2, .full-page-content-container-v2 {
    height: auto !important;
  }
  .full-page-container-v2 .full-page-sidebar-v2 {
    height: auto !important;
  }
  .full-page-container-v2 .simplebar-track {
    display: none;
  }
}
@media (max-width: 992px) {
  .location-field-on-map {
    width: calc(100% - 50px);
    max-width: calc(100% - 50px);
    margin: 0 25px;
    top: 25px;
  }
  .sidebar-search-button-container-v2, .full-page-sidebar-v2 .sidebar-container-v2 {
    padding: 35px;
  }
  .full-page-content-inner-v2 {
    padding: 35px;
    padding-bottom: 0;
  }
  .full-page-content-inner-v2 .grid-layout .task-listing {
    width: calc(100% - 30px);
  }
  .full-page-sidebar-v2 {
    flex: 0 0 320px;
  }
  .full-page-sidebar-inner-v2, .full-page-content-container-v2, .full-page-container-v2 .full-page-sidebar-v2 {
    height: auto !important;
  }
}
@media (max-width: 768px) {
  .location-field-on-map {
    width: calc(100% - 30px);
    max-width: calc(100% - 30px);
    margin: 0 15px;
  }
  .sidebar-search-button-container-v2, .full-page-sidebar-v2 .sidebar-container {
    padding: 40px 15px;
  }
  .full-page-content-inner-v2 {
    padding: 40px 15px;
    padding-bottom: 0;
  }
  .full-page-content-inner-v2 .grid-layout .task-listing {
    width: calc(100% - 30px);
  }
  .full-page-sidebar-v2 {
    flex: 1;
    width: 100%;
  }
  .full-page-container-v2 {
    display: block;
    width: 100%;
    flex-wrap: wrap;
    height: auto;
  }
  .small-footer {
    display: block;
    text-align: center;
  }
  .small-footer .footer-social-links {
    float: none;
    left: -10px;
    margin-top: 10px;
  }
}
/* ---------------------------------- */
/* item Listing - List Layout
------------------------------------- */
.item-listing {
  display: block;
  border-radius: 4px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12);
  margin-bottom: 35px;
  background-color: #fff;
  transition: 0.3s;
  position: relative;
}
.item-listing:hover {
  box-shadow: 0 2px 18px rgba(0, 0, 0, 0.14);
  transform: translateY(-4px);
}

.item-listing-details {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  padding: 35px;
  padding-bottom: 32px;
}

.item-listing .item-listing-company-logo {
  flex: 1;
  max-width: 55px;
  margin-right: 25px;
  position: relative;
  top: -3px;
}
.item-listing .item-listing-company-logo img {
  border-radius: 4px;
  transform: translate3d(0, 0, 0);
  width: 100%;
}
.item-listing .item-listing-description {
  flex: 1;
  padding-top: 3px;
}
.item-listing .item-listing-description p {
  margin: 15px 0 0 0;
  padding: 0;
  color: #666;
}

.item-listing .freelancer-proposal {
    max-width: 70%;
    position: relative;
    display: block;
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
    max-height: 50px;
    margin: 5px 0 5px 0;
    display: block;
}

@media(max-width: 992px) {
.item-listing .freelancer-proposal {
    max-width: 100%;
}}


.item-listing .freelancer-proposal p{
    padding: 0;
    margin: 5px 0 0 0;
  color: #808080;
}


.item-listing h4.item-listing-company {
  font-size: 16px;
  color: #808080;
}
.item-listing h3.item-listing-title {
  font-size: 16px;
  color: #333;
  line-height: 30px;
}
.item-listing .item-listing-footer {
  background-color: #f9f9f9;
  padding: 20px 35px;
  border-radius: 0 0 4px 4px;
  position: relative;
}
.item-listing .item-listing-footer ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.item-listing .item-listing-footer ul li {
  display: inline-block;
  margin-right: 14px;
  color: #777;
}
.item-listing .item-listing-footer ul li a{
  color: #777;
}
.item-listing .item-listing-footer ul li:last-child {
  margin-right: 0;
}
.item-listing .item-listing-footer ul li i {
  position: relative;
  top: 1px;
  margin-right: 3px;
  color: #777;
}
.item-listing .item-listing-footer ul li i.icon-material-outline-location-on {
  margin-right: 0;
}

/* Media Queries for Default List Layout*/
@media (max-width: 768px) {
  .item-listing .item-listing-company-logo {
    display: none;
  }
  .item-listing .item-listing-title {
    padding-right: 10%;
  }
}
/* ---------------------------------- */
/* item Listing - Compact List Layout
------------------------------------- */
.compact-list-layout {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12);
}
.compact-list-layout .item-listing {
  box-shadow: none;
  margin-bottom: 0;
  padding: 30px 35px;
  padding-right: 80px;
  border-radius: 0;
}
.compact-list-layout .item-listing:last-of-type {
  border-radius: 0 0 4px 4px;
  overflow: hidden;
}
.compact-list-layout .item-listing:first-of-type {
  border-radius: 4px 4px 0 0;
  overflow: hidden;
}
.compact-list-layout .item-listing h3 {
  font-size: 18px;
  line-height: 28px;
}
.compact-list-layout .item-listing:nth-child(2n) {
  background-color: #fafafa;
}
.compact-list-layout .item-listing:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 3px;
  height: 100%;
  display: block;
  background: #26ae61;
  transition: 0.3s;
  opacity: 0;
}
.compact-list-layout .item-listing:hover {
  transform: none;
}
.compact-list-layout .item-listing:hover:before {
  opacity: 1;
}
.compact-list-layout .item-listing .item-listing-footer {
  background-color: transparent;
  padding: 0;
  margin-top: 3px;
}
.compact-list-layout .item-listing-details {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0;
  top: 0;
}
.compact-list-layout .item-listing .item-listing-company-logo {
  max-width: 50px;
  margin-right: 30px;
  top: 0;
}
.compact-list-layout .item-listing .verified-badge {
  transform: scale(0.85) translate(8px, 8px);
}
.compact-list-layout .item-listing h3 .verified-badge {
  transform: scale(0.85) translate(0, 0);
  font-weight: 500;
  top: 1px;
}
.compact-list-layout .item-listing h3 .verified-badge:before {
  top: -1px;
}
.compact-list-layout .item-listing span.bookmark-icon {
  top: 50%;
  transform: translateY(-51%);
}
.compact-list-layout .item-listing.with-apply-button {
  position: relative;
  padding-right: 35px;
}

/* List Layout Apply Button */
.list-apply-button {
  position: absolute;
  right: 0;
  padding: 10px 20px;
  line-height: 24px;
  position: relative;
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
  transition: all 0.3s;
  border-radius: 4px;
  background: #f0f0f0;
  color: #666;
  text-align: center;
}

.item-listing.with-apply-button:hover .list-apply-button {
  background-color: #26ae61;
  color: #fff;
  box-shadow: 0 4px 12px rgba(38, 174, 97, 0.15);
}

/* Alt Styles for Single Company Profile */
.boxed-list .compact-list-layout {
  box-shadow: none;
  margin-top: 0;
}
.boxed-list .compact-list-layout .item-listing:hover {
  border-left: none;
}
.boxed-list .compact-list-layout .item-listing:first-of-type {
  border-radius: 0;
}

/* Media Queries for Grid Layout */
@media (max-width: 768px) {
  .list-apply-button {
    flex: auto;
    width: 100%;
    margin-top: 15px;
  }
}
/* ---------------------------------- */
/* Tasks - List Layout
------------------------------------- */
.task-listing {
  border-radius: 4px;
/*  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12);*/
border: 1px solid #e0e0e0;
  margin-bottom: 30px;
  background-color: #fff;
  transition: 0.3s;
  position: relative;
  display: flex;
  justify-content: center;
  cursor: pointer;
}
.task-listing:hover {
    box-shadow: 0 0 16px rgba(0,0,0,0.05);
    border-color: #d9d9d9;
}

.task-listing-details {
  padding: 34px 38px;
  flex: 1;
}

.task-listing .task-listing-description {
  flex: 1;
  align-items: center;
  justify-content: center;
}
.task-listing .task-listing-description p {
  margin: 15px 0 0 0;
  padding: 0;
  color: #666;
}
.task-listing h3.task-listing-title {
  font-size: 18px;
  color: #333;
  line-height: 28px;
  cursor: pointer;
  font-weight: 500;
  padding-top: 2px;
  transition: 0.3s;
}
.task-listing h3.task-listing-title a {
  font-size: 18px;
  color: #333;
  line-height: 28px;
  cursor: pointer;
  font-weight: 500;
  padding-top: 2px;
  transition: 0.3s;
}
.task-listing .task-icons {
  list-style: none;
  padding: 0;
  margin: 3px 0 0 -3px;
}
.task-listing .task-icons li {
  display: inline-block;
  padding: 0;
  margin: 0;
  margin-right: 10px;
  color: #808080;
}
.task-listing .task-icons i {
  color: #909090;
  font-size: 18px;
  position: relative;
  top: 2px;
}
.task-listing .task-icons i.icon-material-outline-desktop-windows {
  font-size: 19px;
  top: 2px;
}

.task-listing-bid {
  flex: 0 0 240px;
  background-color: #f8f8f8;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.task-listing-bid-inner {
  width: 100%;
  padding: 35px;
}
.task-listing-bid-inner .button {
  display: block;
  text-align: center;
  box-shadow: 0 4px 12px rgba(38, 174, 97, 0.15);
  width: 100%;
}
.task-listing-bid-inner .button:hover {
  box-shadow: 0 4px 12px rgba(38, 174, 97, 0.25);
}

.task-listing-bid .task-offers {
  margin-bottom: 15px;
  /*  text-align: center;*/
}
.task-listing-bid .task-offers strong {
  display: block;
  color: #333;
  font-weight: 500;
  line-height: 24px;
  font-size: 16px;
}
.task-listing-bid .task-offers span {
  display: block;
  color: #888;
  line-height: 24px;
}

/* Task Tags */
.task-tags {
  display: block;
  margin: 23px 0 3px 0;
}

.task-listing .task-tags {
  margin-top: 15px;
}

.task-tags span {
  transition: 0.3s;
  font-size: 14.7px;
  border-radius: 4px;
    background-color:#f2f2f2;
    color: #808080;
  display: inline-block;
  padding: 6px 15px;
  margin: 2px 0;
  margin-right: 3px;
  line-height: 24px;
}

.task-listing-details .task-tags span {
    font-size: 13px;
    padding: 4px 12px;
}

.task-listing-details .task-tags {
  max-height: 72px;
  overflow: hidden;
}

.task-listing-details .task-tags span {
    height: 32px;
}

/* Compact List */
.compact-list .task-listing {
  border-radius: 0;
  margin-bottom: 0;
  box-shadow: none;
}
.compact-list .task-listing:hover {
  transform: translateY(0);
}

.tasks-list-container.compact-list {
  background-color: #fff;
  border-radius: 4px;
/*  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12);*/
/*border: 1px solid #e0e0e0;*/
}
.tasks-list-container.compact-list .task-listing {
  align-items: center;
  justify-content: center;
  border: none;
}

.tasks-list-container.compact-list .task-listing {
  background-color: #fff;
}

.tasks-list-container.compact-list .task-listing:nth-of-type(even) {
  background-color: #f9f9f9;
}
.tasks-list-container.compact-list .task-listing-bid {
  background-color: transparent;
}
.tasks-list-container.compact-list .task-listing:hover:before {
  opacity: 1;
}
.tasks-list-container.compact-list .task-listing:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 3px;
  height: 100%;
  display: block;
  background: #26ae61;
  transition: 0.3s;
  opacity: 0;
}
.tasks-list-container.compact-list .task-listing:last-of-type {
  border-radius: 0 0 4px 4px;
  overflow: hidden;
}
.tasks-list-container.compact-list .task-listing:first-of-type {
  border-radius: 4px 4px 0 0;
  overflow: hidden;
/*  background-color: #fff;*/
}

.tasks-list-container.compact-list .task-listing .task-listing-details {
  padding-right: 0;
}

/* Section Styles */
.section .task-listing-details, .section .task-listing-bid-inner {
  padding: 27px 35px;
}

/* Media Queries for Tasks List */
@media (max-width: 1200px) {
  .task-listing-bid {
    flex: 0 0 220px;
  }
}
@media (min-width: 481px) and (max-width: 768px) {
  .task-listing-bid {
    flex: 1;
    padding: 10px 0;
  }
  .task-listing {
    flex-direction: column;
  }
  .task-listing-bid-inner {
    display: flex;
    margin: 20px 0 0 0;
  }
  .tasks-grid-layout .task-listing-bid-inner {
    margin: 0;
  }
  .task-listing-bid-inner .task-offers {
    flex: 1;
  }
  .task-listing-bid-inner .button {
    height: 100%;
    width: 30%;

  }
  .tasks-list-container.compact-list .task-listing .task-listing-details {
    padding-right: 35px;
    padding-bottom: 0;
  }
  .tasks-list-container.compact-list .task-listing .task-listing-bid {
    padding-bottom: 25px;
  }
  .task-listing-bid-inner {
    width: 100%;
    padding: 0 35px;
  }
}
/* Small Mobile Sizes */
@media (max-width: 768px) {
  .section .task-listing-details {
    padding: 25px 30px;
  }
  .section .task-listing-bid-inner {
    padding: 0 30px;
  }
}
/* Small Mobile Sizes */
@media (max-width: 480px) {
  .task-listing-bid {
    flex: 1;
    padding: 30px 0;
  }
  .task-listing {
    flex-direction: column;
  }
  .task-listing-bid-inner .task-offers {
    flex: 1;
  }
  .task-listing-bid-inner .button {
    height: 100%;
    width: 100%;
  }
  .tasks-list-container.compact-list .task-listing .task-listing-details {
    padding-right: 35px;
    padding-bottom: 0;
  }
  .tasks-list-container.compact-list .task-listing .task-listing-bid {
    padding-bottom: 35px;
  }
  .task-listing-bid-inner {
    width: 100%;
    padding: 0 35px;
  }
}
/* ---------------------------------- */
/* Tasks - Grid Layout
------------------------------------- */
.tasks-list-container.tasks-grid-layout {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 30px);
}

.elementor-element .freelancers-container,
.elementor-element .tasks-list-container.tasks-grid-layout { margin-top: 0 !important; }
.tasks-list-container.tasks-grid-layout .task-listing {
  display: flex;
  justify-content: center;
  margin: 0 30px 30px 0;
  width: calc(50% - 30px);
  flex-direction: column;
}
.tasks-list-container.tasks-grid-layout .task-listing-bid {
  flex: 1;
  padding: 0px 0;
  display: block;
}
.tasks-list-container.tasks-grid-layout .task-listing {
  flex-direction: column;
}
.tasks-list-container.tasks-grid-layout .task-listing-bid-inner {
  display: flex;
  align-items: center;
  padding: 18px 32px;
}
.tasks-list-container.tasks-grid-layout .task-listing-bid-inner .task-offers {
  flex: 1;
  position: relative;
  top: 5px;
}
.tasks-list-container.tasks-grid-layout .task-listing-bid-inner .button {
  height: 100%;
  width: 45%;
}
.tasks-list-container.tasks-grid-layout .task-listing .task-listing-details {
  display: flex;
  align-items: center;
  padding: 28px 32px;
  flex-grow: 3;
}
.elementor-widget-container .tasks-list-container.tasks-grid-layout .task-listing-bid-inner .button {

    width: auto;
    min-width: 160px;
}

/* Media Queries for Tasks List */
@media (max-width: 1240px) {
  .tasks-list-container.tasks-grid-layout .task-listing-bid-inner {
    display: block;
  }
  .tasks-list-container.tasks-grid-layout .task-listing-bid {
    padding: 20px 35px;
    padding-bottom: 30px;
  }
  .tasks-list-container.tasks-grid-layout .task-listing-bid-inner {
    padding: 0;
  }
  .tasks-list-container.tasks-grid-layout .task-listing {
    flex-direction: column;
  }
  .tasks-list-container.tasks-grid-layout .task-listing-bid-inner .task-offers {
    flex: 1;
  }
  .tasks-list-container.tasks-grid-layout .task-listing-bid-inner .button {
    height: 100%;
    width: 100%;
  }
}
.task-listing-bid-inner .button {
	box-shadow: none !important;
}
/* Media Queries for Tasks List */
@media (max-width: 1240px) {
  .tasks-list-container.tasks-grid-layout .task-listing-bid-inner {
    display: block;
  }
  .tasks-list-container.tasks-grid-layout .task-listing-bid {
    padding: 20px 35px;
    padding-bottom: 30px;
  }
  .tasks-list-container.tasks-grid-layout .task-listing-bid-inner {
    padding: 0;
  }
  .tasks-list-container.tasks-grid-layout .task-listing {
    flex-direction: column;
    width: calc(100% * (1/3) - 30px);
  }

  .elementor-widget-container .tasks-list-container.tasks-grid-layout .task-listing {
    flex-direction: column;
    width: calc(100% * (1/2) - 30px);
  }
  .tasks-list-container.tasks-grid-layout .task-listing-bid-inner .task-offers {
    flex: 1;
  }
  .tasks-list-container.tasks-grid-layout .task-listing-bid-inner .button {
    height: 100%;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .tasks-list-container.tasks-grid-layout {
    width: 100%;
  }
  .tasks-list-container.tasks-grid-layout .task-listing {
    margin: 0 0 30px 0;
    width: 100%;
  }
  .tasks-list-container.compact-list .task-listing-bid, .tasks-list-container.compact-list .task-listing-details {
    width: 100%;
  }
  .elementor-widget-container .tasks-list-container.tasks-grid-layout .task-listing {
    flex-direction: column;
    width: 100%;
}
}
/* Full Page Media Queries */
@media (max-width: 3860px) {
  .full-page-content-inner-v2 .tasks-grid-layout .task-listing {
    width: calc(25% - 30px);
  }
}
@media (max-width: 2560px) {
  .full-page-content-inner-v2 .tasks-grid-layout .task-listing {
    width: calc(33.3333333333% - 30px);
  }
}
@media (max-width: 1600px) {
  .full-page-content-inner-v2 .tasks-grid-layout .task-listing {
    width: calc(50% - 30px);
  }
}
@media (max-width: 1099px) {
  .full-page-content-inner-v2 .tasks-grid-layout .task-listing {
    width: calc(100% - 30px);
  }
}
@media (max-width: 992px) {
  .full-page-content-inner-v2 .tasks-grid-layout .task-listing {
    width: 100%;
  }
}

@media(min-width: 1099px) {
.page-template-template-tasks-fullpage { overflow: hidden; }
}
/* -------------------------------------------------------------- */
/* 03. Graphic User Interface Elements
----------------------------------------------------------------- */
/* ---------------------------------- */
/* Buttons
------------------------------------- */

/* Icons Aligment*/
.button i[class^=icon-material], button.button i[class^=icon-material] {
  font-size: 18px;
  height: 0;
  width: 18px;
  line-height: 0;
  top: 2px;
  position: relative;
  display: inline-block;
  margin-left: 3px;
}

input[type=button] i[class^=icon-material], input[type=submit] i[class^=icon-material] {
  font-size: 18px;
  height: 0;
  width: 18px;
  line-height: 0;
  top: 2px;
  position: relative;
  display: inline-block;
  margin-left: 3px;
}

a.button i[class^=icon-material] {
  font-size: 18px;
  height: 0;
  width: 18px;
  line-height: 0;
  top: 2px;
  position: relative;
  display: inline-block;
  margin-left: 3px;
}

.button i[class^=icon-feather], button.button i[class^=icon-feather] {
  font-size: 16px;
  height: 0;
  width: 16px;
  line-height: 0;
  top: 2px;
  position: relative;
  display: inline-block;
  margin-left: 3px;
}

input[type=button] i[class^=icon-feather], input[type=submit] i[class^=icon-feather] {
  font-size: 16px;
  height: 0;
  width: 16px;
  line-height: 0;
  top: 2px;
  position: relative;
  display: inline-block;
  margin-left: 3px;
}

a.button i[class^=icon-feather] {
  font-size: 16px;
  height: 0;
  width: 16px;
  line-height: 0;
  top: 2px;
  position: relative;
  display: inline-block;
  margin-left: 3px;
}

/* Dark Style */
button.button.dark {
  background-color: #333;
  color: #fff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

input[type=button].dark, input[type=submit].dark {
  background-color: #333;
  color: #fff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

a.button.dark {
  background-color: #333;
  color: #fff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* Dark Style */
button.button.gray {
  background-color: #eaeaea;
  color: #666;
  box-shadow: none;
}

input[type=button].gray, input[type=submit].gray {
  background-color: #eaeaea;
  color: #666;
  box-shadow: none;
}

a.button.gray {
  background-color: #eaeaea;
  color: #666;
  box-shadow: none;
}

button.button.gray:hover {
  background-color: #e0e0e0;
}

input[type=button].gray:hover, input[type=submit].gray:hover {
  background-color: #e0e0e0;
}

a.button.gray:hover {
  background-color: #e0e0e0;
  color: #555;
}

a.button.gray.delete-application:hover {
  color: #fff;
}

body .button i.icon-material-outline-arrow-right-alt {
  font-size: 22px;
  top: 4px;
}

.button.full-width {
  max-width: 100%;
  width: 100%;
  text-align: center;
  display: block;
}
.button.big {
  font-size: 18px;
  padding: 13px 22px;
}

body .button.big i {
  font-size: 22px;
  top: 3px;
  position: relative;
}

/* Slide Out Button */
.button.button-slide-out span {
  transform: translateY(0px);
  opacity: 1;
  transition: 0.3s;
}
.button.button-slide-out:hover span {
  transform: translateY(-10px);
  opacity: 0;
  display: inline-block;
  transition: 0.3s;
}
.button.button-slide-out i {
  transform: translateY(calc(-50% + 10px));
  opacity: 0;
  display: inline-block;
  transition: 0.3s;
  position: absolute;
  left: 0;
  right: 0;
  font-size: 18px;
  top: 50%;
  height: 20px;
}
.button.button-slide-out:hover i {
  transform: translateY(calc(-50% + 0px));
  opacity: 1;
}

/* Move on Hover */
.move-on-hover {
  box-shadow: 0 4px 12px rgba(38, 174, 97, 0.1);
  transform: translateY(0);
  transition: 0.3s;
}
.move-on-hover:hover {
  box-shadow: 0 4px 12px rgba(38, 174, 97, 0.2);
  transform: translateY(-2px);
}

/* Centered Button */
.centered-button {
  text-align: center;
  display: block;
}
.centered-button .button {
  margin: 0 auto;
}

/* Bookmark Button */
span.bookmark-icon {
  font-size: 20px;
  position: absolute;
  z-index: 101;
  right: 35px;
  top: 35px;
  cursor: pointer;
  background-color: #eee;
  color: #c0c0c0;
  display: block;
  height: 39px;
  width: 39px;
  border-radius: 50%;
  transition: all 0.4s;
  line-height: 27px;
}

.bookmark-icon.bookmarked {
  animation: bookmarked-shadow 0.3s;
}
.bookmark-icon:before {
  transition: transform 0.4s cubic-bezier(0.8, -0.41, 0.19, 2.5);
  font-family: "Material-Icons";
  position: absolute;
  right: 0;
  left: 0;
  text-align: center;
  top: 6px;
  content: "\e988";
}
.bookmark-icon:hover {
  background-color: #333;
  color: #fff;
}
.bookmark-icon.bookmarked {
  background-color: #feb342;
  color: #fff;
}
.bookmark-icon.bookmarked:before {
  animation: bookmark-icon 0.5s;
}

@keyframes bookmarked-shadow {
  0% {
    box-shadow: 0 0 0 0 rgba(254, 179, 66, 0.8);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }
}
@keyframes bookmark-icon {
  0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
/* Bookmark Button */
.bookmark-button {
  background-color: #404040;
  display: inline-block;
  padding: 0;
  position: relative;
  height: 44px;
  line-height: 44px;
  color: #fff;
  padding: 0 15px;
  padding-left: 59px;
  border-radius: 4px;
  transition: 0.4s;
  cursor: pointer;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1);
}
.bookmark-button .bookmark-icon, .bookmark-button:hover .bookmark-icon {
  background-color: rgba(255, 255, 255, 0.05);
}
.bookmark-button .bookmark-icon {
  border-radius: 4px;
  position: absolute;
  left: 0;
  right: auto;
  top: auto;
  height: 44px;
  width: 44px;
  border-radius: 4px 0 0 4px;
  pointer-events: none;
  transition: 0.4s;
  animation: none;
}
.bookmark-button .bookmark-icon:before {
  top: 8px;
  color: #fff;
  transition: 0.4s;
  font-size: 18px;
}
.bookmark-button.bookmarked {
  background-color: #feb342;
  color: #fff;
  box-shadow: 0 3px 12px rgba(254, 179, 66, 0.2);
}
.bookmark-button.bookmarked .bookmark-icon:before {
  color: #fff;
}
.bookmark-button:hover .bookmark-icon:before {
  color: #fff;
}
.bookmark-button.bookmarked .bookmark-icon, .bookmark-button.bookmarked:hover .bookmark-icon {
  background-color: rgba(255, 255, 255, 0.16);
}
.bookmark-button.bookmarked .bookmarked-text {
  display: block;
}
.bookmark-button .bookmark-text {
  display: block;
}
.bookmark-button.bookmarked .bookmark-text, .bookmark-button .bookmarked-text {
  display: none;
}

/* ---------------------------------- */
/* Button with sliding icon
------------------------------------- */
.button-sliding-icon {
  text-align: center;
}

.button.button-sliding-icon {
  transition: none;
  transition: 0.3s;
}

.button-sliding-icon i {
  opacity: 0;
  max-width: 0px;
  display: inline-block;
  transform: translateX(-20px);
  transition: transform 0.3s, max-width 0.3s, opacity 0.3s;
}

.button-sliding-icon:hover i {
  max-width: 20px;
  opacity: 1;
  transform: translateX(0);
}

/* For buttons */
.button.button-sliding-icon {
  padding-left: 20px;
  padding-right: 10px;
}
.button.button-sliding-icon:hover {
  padding-right: 20px;
}
.button.button-sliding-icon i {
  padding-right: 5px;
}
.button.button-sliding-icon:hover i {
  max-width: 20px;
  opacity: 1;
  transform: translateX(0);
}
.freelancers-list-layout .freelancer-details a.button:hover{
  color: #fff;
}


/* ---------------------------------- */
/* Marks
------------------------------------- */
mark {
  background-color: #fcf8e3;
  color: #8a803e;
  padding: 1px 5px;
}
mark.color {
  background-color: #26ae61;
  border-radius: 4px;
  color: #fff;
}

/* ---------------------------------- */
/* Notification Boxes
------------------------------------- */
#result .success {
  line-height: 24px;
  margin-bottom: 15px;
  position: relative;
  padding: 20px 26px;
  padding-right: 50px;
  border-radius: 4px;
}

.notification {
  line-height: 24px;
  margin-bottom: 15px;
  position: relative;
  padding: 20px 26px;
  padding-right: 50px;
  border-radius: 4px;
}
.notification p {
  margin: 0;
  font-size: 15px;
}

#result .success, .notification.success {
  background-color: #EBF6E0;
}

#result .success {
  color: #5f9025;
}

.notification.success {
  color: #5f9025;
}
.notification.success a, .notification.success strong {
  color: #5f9025;
}
.notification.error {
  background-color: #ffe9e9;
  color: #de5959;
}
.notification.error a, .notification.error strong {
  color: #de5959;
}
.notification.warning {
  background-color: #FBFADD;
  color: #8f872e;
}
.notification.warning a, .notification.warning strong {
  color: #8f872e;
}
.notification.notice {
  color: #3184ae;
  background-color: #E9F7FE;
}
.notification.notice h4 {
  font-size: 19px;
  margin: 3px 0 15px 0;
  color: #3184ae;
}
.notification.notice a, .notification.notice strong {
  color: #3184ae;
}
.notification.notice.large {
  padding: 32px 36px;
}
.notification strong {
  font-weight: 700;
}
.notification a {
  text-decoration: underline;
}

body .notification strong {
  border: none;
}

.notification.success .close, .notification.error .close, .notification.warning .close {
  padding: 0px 9px;
  position: absolute;
  right: 0;
  top: 22px;
  display: block;
  height: 8px;
  width: 8px;
  cursor: pointer;
}
.notification.notice .close {
  padding: 0px 9px;
  position: absolute;
  right: 0;
  top: 22px;
  display: block;
  height: 8px;
  width: 8px;
  cursor: pointer;
}
.notification.notice p span i {
  font-weight: 500;
}
.notification a.button {
  float: right;
  color: #fff;
  margin-top: 3px;
}
.notification.notice a.button {
  background-color: #388fc5;
}
.notification.warning a.button {
  background-color: #dfbe51;
}
.notification.error a.button {
  background-color: #d34c4c;
}
.notification.success a.button {
  background-color: #79ba38;
}
.notification.closeable a.close:before {
  content: "\ea02";
  font-family: "Feather-Icons";
  position: absolute;
  right: 25px;
  top: 0;
  cursor: pointer;
  font-weight: 500;
}

/* ---------------------------------- */
/* Tables
------------------------------------- */
table.basic-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border: none;
  margin-bottom: 15px;
  margin-bottom: 0;
}
table.basic-table th {
  background-color: #26ae61;
  text-align: left;
  color: #fff;
  vertical-align: top;
  font-weight: 500;
  padding: 15px 28px;
}
table.basic-table th:first-child {
  border-radius: 4px 0 0 4px;
}
table.basic-table th:last-child {
  border-radius: 0 4px 4px 0;
}
table.basic-table td {
  padding: 15px 28px;
}
table.basic-table tr:nth-child(odd) {
  background-color: #f4f4f4;
}

@media screen and (max-width: 600px) {
  table {
    border: 0;
  }
  table th {
    display: none;
  }
  table tr {
    display: block;
    margin-bottom: 0;
  }
  table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: 14px;
    text-align: right;
  }
  table td:before {
    content: attr(data-label);
    float: left;
    font-weight: 500;
  }
  table td:last-child {
    border-bottom: 0;
  }
}
/* ---------------------------------- */
/* Accordion
------------------------------------- */
.accordion {
  font-size: 16px;
  width: 100%;
  margin: 0 auto;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}
.accordion .accordion {
  border-radius: 0px;
  box-shadow: none;
}

.accordion-header, .accordion-body {
  background: #fff;
}

.accordion-header {
  padding: 15px 25px;
  background: #26ae61;
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  transition: all 0.3s;
  position: relative;
  box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.15);
}

.accordion .accordion .accordion-header {
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.07);
}

.accordion-header:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  content: "";
  opacity: 0;
  transition: 0.3s;
}

.accordion-body__contents p:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}

/*.accordion__item.active .accordion-header:before,
.accordion-header:hover:before { opacity: 0.04; }*/
.accordion-body {
  background: #fff;
  color: #666;
  display: none;
}

.accordion-body__contents {
  padding: 25px;
  font-size: 16px;
  line-height: 28px;
}

.accordion__item.active:last-child .accordion-header {
  border-radius: none;
}

.accordion:first-child > .accordion__item > .accordion-header {
  border-bottom: 1px solid transparent;
}

.accordion__item > .accordion-header:after {
  content: "\e957";
  font-family: Material-Icons;
  font-size: 19px;
  float: right;
  position: relative;
  top: -1px;
  transition: 0.3s all;
  transform: rotate(0deg);
}
.accordion__item.active > .accordion-header:after {
  transform: rotate(-180deg);
}
.accordion__item.active .accordion .accordion-header:before {
  opacity: 0;
}
.accordion__item .accordion__item .accordion-header {
  background: #f7f7f7;
  color: #666;
}

/* ---------------------------------- */
/* Copy to clipboard
------------------------------------- */
.copy-url {
  display: flex;
}
.copy-url input {
  border-radius: 4px 0 0 4px !important;
  border-right: 0;
  height: 48px;
  border-right: none;
  margin: 0 !important;
}
.copy-url .copy-url-button {
  min-width: 48px;
  background-color: #26ae61;
  color: #fff;
  border-radius: 0 4px 4px 0;
  height: 48px;
}

/* ---------------------------------- */
/* Share Buttons
------------------------------------- */
.share-buttons {
  display: block;
}
.share-buttons-trigger {
  display: inline-block;
  height: 44px;
  width: 44px;
  line-height: 44px;
  text-align: center;
  color: #a0a0a0;
  font-size: 18px;
  background-color: #f0f0f0;
  border-radius: 4px;
  transition: 0.4s;
  cursor: default;
}
.share-buttons-trigger i {
  position: relative;
  top: 1px;
}

.share-buttons-content {
  display: inline-block;
  position: relative;
  width: calc(100% - 60px);
}
.share-buttons-content span {
  margin-left: 10px;
  color: #888;
  cursor: default;
  padding: 10px 0;
  display: inline-block;
  transition: 0.4s;
}
.share-buttons-content span strong {
  color: #26ae61;
  font-weight: 500;
}

.share-buttons:hover .share-buttons-content span {
  opacity: 0;
  transition: 0.2s;
}

/* Icons */
.share-buttons-icons {
  position: absolute;
  left: 5px;
  top: 0;
  padding: 0;
  margin: 0;
  opacity: 0;
  transform: translateX(-10px);
  transition: all 0.4s cubic-bezier(0.5, -0.41, 0.19, 2);
}

.share-buttons:hover .share-buttons-icons {
  opacity: 1;
  transform: translate(0);
}

.share-buttons-icons li {
  display: inline-block;
  float: left;
}
.share-buttons-icons li:first-child a {
  border-radius: 4px 0 0 4px;
}
.share-buttons-icons li:last-child a {
  border-radius: 0 4px 4px 0;
}
.share-buttons-icons li a {
  height: 44px;
  width: 44px;
  display: inline-block;
  line-height: 44px;
  text-align: center;
  background-color: #333;
  color: #fff;
  font-size: 14px;
}
.share-buttons-icons li a i {
  position: relative;
  top: 1px;
}

/* ---------------------------------- */
/* Verified Badge
------------------------------------- */
.job-listing-company .verified-badge, .job-listing .job-listing-footer ul li .verified-badge {
  position: relative;
  display: inline-block;
  transform: scale(0.7);
  top: 2px;
  margin-left: -2px;
}

/* Verified Badge */
.verified-badge {
  position: relative;
  height: 25px;
  width: 25px;
  display: inline-block;
  background-color: #38b653;
  border-radius: 50%;
  text-align: center;
  z-index: 10;
  font-weight: 500;
}
.verified-badge:before {
  content: "\e92b";
  font-family: "Feather-Icons";
  font-size: 16px;
  color: #fff;
  position: relative;
  top: 0px;
  line-height: 27px;
}

.job-listing .job-listing-company-logo .verified-badge {
  position: absolute;
  bottom: 0;
  right: 0;
  transform: translate(7px, 7px);
}

/* Long Verified Badge */
.verified-badge-with-title {
  position: relative;
  height: 26px;
  display: flex;
  top: -1px;
  color: #fff;
  font-weight: 500;
  font-size: 14px;
  background-color: #30ab4a;
  text-align: center;
  z-index: 10;
  font-weight: 500;
  border-radius: 4px;
  padding: 0 8px 0 0;
  margin: 0;
  overflow: hidden;
  padding-left: 34px;
  line-height: 27px;
}
.verified-badge-with-title:before {
  content: "\e92b";
  font-family: "Feather-Icons";
  font-size: 16px;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 26px;
  height: 26px;
  width: 26px;
  display: inline-block;
  background-color: #38b653;
}

/* ---------------------------------- */
/* Star Rating
------------------------------------- */
/* Star Rating */
.star-rating {
  display: inline-block;
}
.star-rating .star {
  display: inline-block;
  margin: 0;
  padding: 0;
  float: left;
  margin-right: 0;
  position: relative;
  margin-top: 2px;
}

.header-details .star-rating .star {
  margin-top: 0px;
}

.company .star-rating .star {
  margin-top: 3px;
}

.rating-counter { display: none; }

.company-list-rating .star-rating:before,
.company .star-rating:before { top: 0; }

.bid .freelancer-name .star-rating .star { margin-top: -2px; }


.star-rating .star.half:after, .star-rating .star:before {
  font-family: "Material-Icons";
  content: "\e988";
  display: block;
  color: #febe42;
  font-size: 22px;
}
.star-rating .star.empty:before {
  color: #ddd;
}

.rating:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.star-rating .star.half:before {
  color: #ddd;
}
.star-rating .star.half:after {
  color: #febe42;
  position: absolute;
  top: 0;
  width: 50%;
  display: block;
  height: 100%;
  overflow: hidden;
}
.star-rating:before {
  content: attr(data-rating);
  float: left;
  border-radius: 4px;
  background-color: #febe42;
  color: #fff;
  font-size: 13px;
  line-height: 15px;
  font-weight: 600;
  padding: 5px 7px;
  position: relative;
  top: 1px;
  margin-right: 7px;
}
.star-rating.no-stars .star {
  display: none;
}
.star-rating.no-stars:before {
  margin-right: 0;
}
.boxed-list-ul .star-rating:before {
    font-size: 13px;
    top: -4px;
    margin-right: 6px;
}


/* ---------------------------------- */
/* Leave Rating Stars
------------------------------------- */
body .leave-rating {
  height: 24px;
  float: left;
  position: relative;
}
body .leave-rating:hover input[type=radio]:checked ~ label {
 color: #d4d4d4;
}
body .leave-rating input[type=radio] {
  display: inline-block;
  width: 1px;
  position: absolute;
  opacity: 0;
  pointer-events: none;
  height: 100%;
  margin-left: 50%;
  left: 0;
  top: 0;
  transform: translateX(-50%);
}
body .leave-rating input[type=radio]:checked ~ label {
  color: #ffc600;
}
body .leave-rating label {
  font-size: 20px;
  float: right;
  letter-spacing: 2px;
 color: #d4d4d4;
  cursor: pointer;
  transition: 0.3s;
}
body .leave-rating label:hover {
  color: #ffc600 !important;
}
body .leave-rating label:hover ~ label {
  color: #ffc600 !important;
}

body .leave-rating-title {
  display: block;
  margin: 0 0 4px 0;
}

.welcome-text .leave-rating-container {
  text-align: center;
  margin: 0 auto;
  margin-top: 15px;
  left: 50%;
  width: 100%;
  display: block;
}
.welcome-text .leave-rating {
  position: relative;
  left: 50%;
  transform: translateX(-50%) scale(1.2);
}

/* ---------------------------------- */
/* Ripple Effect
------------------------------------- */
.ripple-effect-dark {
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.ripple-effect {
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.ripple-effect span.ripple-overlay {
  animation: ripple 0.9s;
  border-radius: 100%;
  background: #fff;
  height: 12px;
  position: absolute;
  width: 12px;
  line-height: 12px;
  opacity: 0.1;
  pointer-events: none;
}

.ripple-effect-dark span.ripple-overlay {
  animation: ripple 0.9s;
  border-radius: 100%;
  background: #fff;
  height: 12px;
  position: absolute;
  width: 12px;
  line-height: 12px;
  opacity: 0.1;
  pointer-events: none;
  background: #000;
  opacity: 0.07;
}

@keyframes ripple {
  0% {
    -webkit-transform: scale(4);
    transform: scale(4);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(40);
    transform: scale(40);
  }
}
/* ---------------------------------- */
/* On/Off Switch
------------------------------------- */
.switches-list .switch-container {
  width: 100%;
}
.switches-list .switch-container:last-child label {
  margin-bottom: 0;
}

.switch-container {
  display: inline-block;
  cursor: pointer;
}

label.switch {
  position: relative;
}

.switches-list .switch-container label {
  cursor: pointer;
  position: relative;
  padding-left: 45px;
  line-height: 26px;
}

.switch-button {
  position: relative;
  display: inline-block;
  width: 34px;
  height: 20px;
  cursor: pointer;
  background-color: #ccc;
  border-radius: 50px;
  transition: 0.4s;
  margin: 0 7px 0 0;
  top: 4px;
  position: absolute;
  top: 2px;
  left: 0;
}

.notify-box .switch-button {
  top: 0;
}
.notify-box .switch-container {
  top: 1px;
  position: relative;
}

.switch span.switch-text {
  display: block;
  padding-left: 48px;
  font-size: 16px;
  line-height: 22px;
  color: #666;
}
.switch input {
  display: none;
}
.switch.interactive-effect input:checked + .switch-button:before {
  animation: switch-shadow-color 0.4s;
}
.switch.interactive-effect .switch-button:before {
  animation: switch-shadow 0.4s;
}

@keyframes switch-shadow {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.3);
  }
  100% {
    box-shadow: 0 0 0px 10px rgba(0, 0, 0, 0);
  }
}
@keyframes switch-shadow-color {
  0% {
    box-shadow: 0 0 0 0 rgba(38, 174, 97, 0.6);
  }
  100% {
    box-shadow: 0 0 0px 10px rgba(0, 0, 0, 0);
  }
}
.switch-button:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  bottom: 2px;
  left: 2px;
  background-color: white;
  transition: 0.4s, box-shadow 0.3s;
  border-radius: 50px;
}

input:checked + .switch-button {
  background-color: #26ae61;
}
input:checked + .switch-button:before {
  transform: translateX(14px);
}

/* ---------------------------------- */
/* Radio Button
------------------------------------- */
.radio {
  display: inline-block;
  vertical-align: top;
}
.radio label {
  margin: 3px 0;
  cursor: pointer;
  position: relative;
  padding-left: 29px;
  line-height: 25px;
}
.radio input[type=radio] {
  position: absolute;
  opacity: 0;
}
.radio input[type=radio] + label .radio-label {
  content: "";
  background: #fff;
  border-radius: 100%;
  border: 2px solid #b4b4b4;
  display: inline-block;
  width: 18px;
  height: 18px;
  position: relative;
  margin-right: 5px;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  transition: all 250ms ease;
  background-color: #fff;
  box-shadow: inset 0 0 0 8px #fff;
  z-index: 100;
  position: absolute;
  top: 2px;
  left: 0;
}
.radio input[type=radio] + label .radio-label:after {
  background-color: #26ae61;
  content: "";
  top: 3px;
  left: 0;
  right: 0;
  margin: 0 auto;
  position: absolute;
  opacity: 1;
  transition: 0.3s;
  border-radius: 50%;
  transform: scale(0);
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  z-index: 99;
}
.radio input[type=radio]:checked + label .radio-label {
  background-color: #26ae61;
  border-color: #26ae61;
  box-shadow: inset 0 0 0 3px #fff;
}

.radio-label:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: 50%;
  background-color: transparent;
  display: block;
}

.interactive-effect label .radio-label:before {
  animation: radius-shadow 0.4s;
}

@keyframes radius-shadow {
  0% {
    box-shadow: 0 0 0 0 rgba(38, 174, 97, 0.4);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }
}
.small-label {
  border-radius: 4px;
  display: inline-block;
  background: #e0f5d7;
  color: #449626;
  padding: 0 8px;
  line-height: 27px;
  height: 26px;
  margin-left: 5px;
  position: relative;
  top: -1px;
}

/* ---------------------------------- */
/* Checkbox
------------------------------------- */
.checkbox {
  display: inline-block;
  margin-bottom: 0;
}
.checkbox input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.checkbox label {
  position: relative;
  cursor: pointer;
  padding-left: 30px;
  line-height: 25px;
}
.checkbox label span.checkbox-icon {
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  border: 2px solid #b4b4b4;
  height: 20px;
  width: 20px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px;
  border-radius: 4px;
  transition: 0.3s;
  position: absolute;
  left: 0;
  top: 1px;
}
.checkbox input + label span.checkbox-icon:after {
  position: absolute;
  top: 2px;
  left: 0;
  right: 0;
  margin: 0 auto;
  opacity: 0;
  content: "";
  display: block;
  width: 6px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: scale(0.5) rotate(45deg);
  transition: all 0.35s cubic-bezier(0.3, -0.41, 0.19, 2), opacity 0.3s;
}
.checkbox input:checked + label span.checkbox-icon {
  border-color: #26ae61;
  background-color: #26ae61;
}
.checkbox input:checked + label span.checkbox-icon:after {
  transform: scale(1) rotate(45deg);
  opacity: 1;
}

/* ---------------------------------- */
/* Custom Upload Button
------------------------------------- */
.uploadButton {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 10px;
  width: 100%;
  font-style: normal;
  font-size: 14px;
}
.uploadButton .uploadButton-input {
  opacity: 0;
  position: absolute;
  overflow: hidden;
  z-index: -1;
  pointer-events: none;
}
.uploadButton .uploadButton-button {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  height: 44px;
  padding: 10px 18px;
  cursor: pointer;
  border-radius: 4px;
  color: #26ae61;
  background-color: transparent;
  border: 1px solid #26ae61;
  flex-direction: row;
  transition: 0.3s;
  margin: 0;
  outline: none;
  box-shadow: 0 3px 10px rgba(38, 174, 97, 0.1);
}
.uploadButton .uploadButton-button:hover {
  background-color: #26ae61;
  box-shadow: 0 4px 12px rgba(38, 174, 97, 0.15);
  color: #fff;
}
.uploadButton .uploadButton-file-name {
  flex-grow: 1;
  display: flex;
  align-items: center;
  flex: 1;
  box-sizing: border-box;
  padding: 0 10px;
  padding-left: 18px;
  min-height: 42px;
  top: 1px;
  position: relative;
  color: #888;
  background-color: transparent;
  overflow: hidden;
  line-height: 22px;
}

/* ---------------------------------- */
/* Category Boxes
------------------------------------- */
.categories-container {
  display: flex;
  flex-wrap: wrap;
}

.category-box {
  flex: 0 0 25%;
  align-content: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
  margin: 0;
  text-align: center;
  padding: 25px;
  border-radius: 4px;
  transition: 0.35s;
}

/* IE 11 Fixes */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .category-box {
    max-width: 25%;
    text-align: center;
  }
  .category-box-counter {
    width: 50px !important;
  }
}
/* IE 11 Fixes - End */
/* Box Icon */
.category-box-icon {
  font-size: 42px;
  line-height: 32px;
  color: #26ae61;
  position: relative;
}
.category-box-icon i {
  height: 42px;
  display: block;
  transition: 0.35s;
  margin-bottom: 12px;
}

/* Box Counter */
.category-box-counter {
  width: auto;
  height: 24px;
  font-size: 14px;
  line-height: 25px;
  border-radius: 4px;
  padding: 0 8px;
  color: #909090;
  background: rgba(0, 0, 0, 0.06);
  font-weight: 500;
  display: inline-block;
  margin: 0 auto;
  transition: 0.35s;
  margin-bottom: 18px;
}

/* Box Content */
.category-box-content h3 {
  font-size: 16px;
  font-weight: 500;
  color: #333;
  margin: 0;
  padding: 0;
  transition: 0.35s;
}
.category-box-content p {
  color: #888;
  margin: 0;
  padding: 0;
  line-height: 24px;
  margin-top: 5px;
  transition: 0.35s;
}

/* Hover State */
.category-box:hover {
  background: #26ae61;
  box-shadow: 0 4px 12px rgba(38, 174, 97, 0.2);
  color: #fff;
}
.category-box:hover .category-box-content h3, .category-box:hover .category-box-icon {
  color: #fff;
}
.category-box:hover .category-box-content p {
  color: rgba(255, 255, 255, 0.7);
}
.category-box:hover .category-box-counter {
  background: rgba(0, 0, 0, 0.2);
  color: #fff;
}

/* Media Queries for Category Boxes */
@media (max-width: 1240px) {
  .category-box {
    flex: 0 0 33.3%;
  }
}
@media (max-width: 768px) {
  .category-box {
    flex: 0 0 50%;
  }
}
@media (max-width: 480px) {
  .category-box {
    flex: 0 0 100%;
    margin-right: 0;
  }
}
/* ---------------------------------- */
/* Photo Box
------------------------------------- */
.photo-box {
  border-radius: 4px;
  height: 360px;
  display: block;
  position: relative;
  background-size: cover;
  background-position: 100%;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
  transition: 0.4s;
  margin: 0 0 25px 0;
}
.photo-box:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #333;
  opacity: 0.5;
  border-radius: 4px;
  transition: 0.4s;
}

.photo-box-content {
  position: absolute;
  bottom: 30px;
  left: 30px;
}
.photo-box-content h3 {
  color: #fff;
  font-size: 20px;
  line-height: 28px;
}
.photo-box-content span {
  color: #333;
  background: #fff;
  border-radius: 4px;
  font-size: 15px;
  font-weight: 500;
  padding: 4px 10px;
  line-height: 20px;
  margin-top: 8px;
  display: inline-block;
}

/* Hover State */
.photo-box:hover {
  box-shadow: 0 4px 12px rgba(38, 174, 97, 0.25);
  transform: translateY(-10px);
}
.photo-box:hover:before {
  background: #26ae61;
  opacity: 0.95;
}
.photo-box.small {
  height: 160px;
  margin-bottom: 30px;
}
.photo-box.small:hover {
  transform: translateY(-5px);
}
.photo-box.small .photo-box-content {
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  bottom: auto;
  top: 50%;
  transform: translateY(-49%);
}
.photo-box.small .photo-box-content h3 {
  font-size: 16px;
  font-weight: 500;
}
.photo-box.small .photo-box-content span {
  color: #fff;
  background: #26ae61;
  font-size: 14px;
  line-height: 18px;
  margin-top: 5px;
  transition: 0.3s;
}
.photo-box.small:hover .photo-box-content span {
  color: #fff;
  background: rgba(0, 0, 0, 0.2);
}

/* Small Photobox Styles */
/* ---------------------------------- */
/* Pricing Plans
------------------------------------- */
.billing-cycle-radios {
  display: block;
  margin: 0 auto;
  text-align: center;
}
.billing-cycle-radios.text-align-left {
  text-align: left;
}
.billing-cycle-radios .radio {
  margin-right: 20px;
}
.billing-cycle-radios .radio:last-child {
  margin-right: 0;
}

/* Pricing Plans Container */
.pricing-plans-container {
  border-radius: 4px;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
  display: flex;
}

.pricing-plan {
  flex: 1;
  padding: 35px 17px;
  position: relative;
  text-align: center;
}
.pricing-plan:first-of-type {
  padding-left: 35px;
}
.pricing-plan:last-of-type {
  padding-right: 35px;
}
.pricing-plan h3 {
  font-size: 20px;
  font-weight: 500;
}
.pricing-plan p {
  margin: 0;
}

/* Label Switcher */
.billed-yearly-label {
  display: none;
}

.billed-yearly .billed-yearly-label {
  display: block;
}
.billed-yearly .billed-monthly-label {
  display: none;
}

/* Pricing Plan Label */
.pricing-plan-label {
  background: #f0f0f0;
  border-radius: 4px;
  font-size: 18px;
  color: #888;
  text-align: center;
  line-height: 24px;
  padding: 15px;
  margin: 22px 0;
}

.job_listing_packages_title,
.job_task_packages_title {
    text-align: center;
    display: block;
    padding-bottom: 25px;
}

.job_listing_packages_title { padding-bottom: 35px; }

.pricing-plan.recommended:nth-last-child(1) {
  margin: 0;
}
.products.user-packages h2,
body .job_listing_packages_title h2,
.job_task_packages_title h2{
    font-size: 20px;
    display: block;
    text-align: center;
}

.job_listing_packages_title input.button { display: none; }

.job_listing_packages { text-align: center;}

.job_task_packages input.button,
.job_listing_packages input.button {
  margin-top: 35px;
  font-size: 16px;
  padding: 12px 22px;
}

.job_task_packages input.button { margin-top: 15px; }

.pricing-plan-label span,
.pricing-plan-label strong {
  font-size: 32px;
  font-weight: 500;
  color: #333;
  margin-right: 5px;
  line-height: 30px;
}

body .recommended .pricing-plan-label {
  background-color: #f0f0f0;
  color: #333;
}
.recommended .pricing-plan-label strong {
  color: #333;
}

/* Pricing Plan Features */
.pricing-plan-features strong {
  color: #333;
  font-weight: 500;
  margin-bottom: 5px;
  line-height: 24px;
  display: inline-block;
}
.pricing-plan-features ul {
  padding: 0;
  margin: 0;
}
.pricing-plan-features ul li {
  display: block;
  margin: 0;
  padding: 3px 0;
  line-height: 24px;
}

.pricing-plan-label del {
    text-decoration: none;
}

.pricing-plan-label del bdi {
    text-decoration: line-through;
    font-weight: 400;
    opacity: 0.7;
}


.pricing-plan-label ins {
      text-decoration: none;
}

/* Pricing Plan Button */
.pricing-plan .button:hover, .pricing-plan.recommended .button {
  color: #fff;
  background-color: #26ae61;
  box-shadow: 0 4px 12px rgba(38, 174, 97, 0.15);
}
.pricing-plan .button {
  color: #26ae61;
  background-color: #fff;
  border: 1px solid #26ae61;
  box-shadow: 0 4px 12px rgba(38, 174, 97, 0.1);
}
.pricing-plan .button:hover {
  box-shadow: 0 4px 12px rgba(38, 174, 97, 0.15);
}
.pricing-plan.recommended {
  box-shadow: 0 0px 45px rgba(0, 0, 0, 0.09);
  padding: 35px;
  margin: 0 15px;
}
.pricing-plan .recommended-badge {
  background-color: #26ae61;
  color: #fff;
  position: absolute;
  width: 100%;
  height: 45px;
  top: -45px;
  left: 0;
  text-align: center;
  border-radius: 4px 4px 0 0;
  font-weight: 500;
  line-height: 45px;
}

/* Recommended Plan */
/* Media Queries for Pricing Plans */
@media (max-width: 992px) {
  .pricing-plans-container {
    box-shadow: none;
    display: block;
    margin-top: -40px;
  }
  .pricing-plan {
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
    margin-bottom: 40px;
    flex: auto;
    width: 100%;
    border-radius: 4px;
    padding: 35px;
  }
  .pricing-plan.recommended {
    padding: 35px;
    margin: 0 0 40px 0;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
    margin-top: 80px;
  }
}
/* ---------------------------------- */
/* Countdown
------------------------------------- */
.countdown {
  border-radius: 4px;
  width: 100%;
  display: block;
  text-align: center;
  font-size: 16px;
  line-height: 28px;
  padding: 14px;
}

.countdown.green {
  background-color: #e7f8ec;
  color: #289c41;
}

.countdown.yellow {
  background-color: #fbf6dd;
  color: #a18d29;
}


/* ---------------------------------- */
/* Bidding Widget
------------------------------------- */
.bidding-widget {
  border-radius: 4px;
  background-color: #f9f9f9;
}

.mfp-content .bidding-widget {
  background: transparent;
    margin-bottom: 0px;
}

.dashboard-box .bidding-widget, .popup-tab-content .bidding-widget {
  border-radius: 0;
  background-color: transparent;
}

.dashboard-box .slider-handle.custom, .popup-tab-content .slider-handle.custom {
  border: 1px solid #e0e0e0;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.07);
}

.bidding-widget .bidding-headline {
  background-color: #f0f0f0;
  color: #333;
  position: relative;
  border-radius: 4px 4px 0 0;
}
.bidding-widget .bidding-inner {
  padding: 30px 35px;
}
.bidding-widget .bidding-headline {
  color: #333;
  font-size: 20px;
  padding: 20px 35px;
}
.bidding-widget .bidding-headline h3 {
  color: #333;
  font-size: 20px;
  padding: 0;
  margin: 0;
}
.bidding-widget .bidding-signup {
  color: #666;
  font-size: 14.7px;
  padding: 16px 35px;
  text-align: center;
  border-top: 1px solid #e0e0e0;
}
.bidding-widget .bidding-signup a {
  font-weight: 500;
}
.bidding-widget button.button {
  margin-bottom: 3px;
}
.bidding-widget .bidding-detail {
  color: #888;
  display: block;
}
.bidding-widget .bidding-detail strong {
  color: #333;
  font-weight: 500;
}

.dashboard-box .bidding-detail strong {
  font-weight: 500;
}

.dashboard-box .pagination,
.dashboard-box .pagination-container {
  margin: 0 !important;
}
.dashboard-box .prev.page-numbers,
.dashboard-box .next.page-numbers { display: none; }

.dashboard-box .pagination ul li .current,
.dashboard-box .pagination ul li a {
    padding: 6px 12px;
    font-weight: 500;
    height: auto;
    line-height: 20px;
}

.dashboard-box .pagination ul li a:not(.current) {
  background: transparent;
  color: #888;
}

.dashboard-box .pagination ul li a:hover {
  background: #f2f2f2;
  color: #777;
}

.dashboard-box .page-numbers {
  margin: 10px 0;
}
.bidding-widget .bidding-value {
  font-size: 26px;
  font-weight: 500;
  color: #333;
  margin: 5px 0 20px 0;
  font-size: 26px;
  font-weight: 500;
  color: #333;
}
.bidding-widget .button {
  box-shadow: 0 4px 12px rgba(38, 174, 97, 0.15);
  transition: 0.3s;
  height: 46px;
    width: 100%;
    text-align: center;
}
.bidding-widget .button:hover {
  box-shadow: 0 4px 12px rgba(38, 174, 97, 0.25);
  transform: translateY(-2px);
}
.bidding-widget .bidding-fields {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-top: 12px;
  width: calc(100% + 20px);
}
.bidding-widget .bidding-fields .bidding-field {
  flex: 1;
  margin-right: 20px;
}
.sidebar-container .wp-job-manager-bookmarks-form { border: none; }
.bidding-widget .bidding-fields .qtyButtons input { border: none; background: transparent; }
.mfp-content .bidding-widget .bidding-fields .qtyButtons { 
  border: 1px solid #e0e0e0; background: transparent;
  box-shadow: none;
}

/* Quantity Buttons for Booking Widget*/
.qtyButtons {
  display: flex;
  margin: 0;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.12);
  height: 48px;
  padding: 6px;
}
.qtyButtons.with-border {
  border: 1px solid #e0e0e0;
  box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.05);
}
.qtyButtons input {
  outline: 0;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  width: 50px;
  height: 36px;
  color: #808080;
  line-height: 36px;
  margin: 0 !important;
  padding: 0 5px;
  border: none;
  box-shadow: none;
  display: inline-block;
  flex-grow: 1;
  box-shadow: none !important;
}

.qtyTitle {
  font-size: 16px;
  font-weight: 500;
  line-height: 36px;
  padding-right: 15px;
  display: block;
  flex: 1;
}

.qtyInc, .qtyDec {
  width: 36px;
  height: 36px;
  line-height: 36px;
  font-size: 18px;
  background-color: #f0f0f0;
  color: #808080;
  display: inline-block;
  text-align: center;
  border-radius: 4px;
  cursor: pointer;
  font-family: "Feather-Icons";
  flex: 1;
  min-width: 36px;
  max-width: 36px;
  transition: 0.3s;
}

.qtyInc:before {
  content: "\e9b1";
}

.qtyDec:before {
  content: "\e996";
}

.qtyInc:hover, .qtyDec:hover {
  background-color: #26ae61;
  color: #fff;
}

.qtyTotal {
  background-color: #26ae61;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  font-size: 11px;
  font-weight: 500;
  font-family: "Open Sans", sans-serif;
  line-height: 18px;
  text-align: center;
  position: relative;
  top: -2px;
  left: 2px;
  height: 18px;
  width: 18px;
}

/* Media Queiers for Bidding Widget */
@media (max-width: 1366px) {
  .qtyInc, .qtyDec {
    min-width: 34px;
    max-width: 34px;
  }
  .bidding-widget .bidding-inner {
    padding: 27px 32px;
  }
  .bidding-widget .bidding-headline {
    padding: 20px 32px;
  }
}
@media (max-width: 1240px) {
  .qtyInc, .qtyDec {
    min-width: 36px;
    max-width: 36px;
  }
  .bidding-widget .bidding-fields {
    width: 100%;
  }
  .bidding-widget .bidding-fields .bidding-field {
    flex: auto;
    margin-right: 0;
    width: 100%;
  }
  .bidding-widget .bidding-fields .bidding-field:first-child {
    margin-bottom: 20px;
  }
}
/* Boxed List 
------------------------------------- */
.boxed-list {
  margin-top: 10px;
  display: block;
}

.boxed-list-headline {
  background-color: #f4f4f4;
  border-radius: 4px;
  padding: 20px 35px;
}
.boxed-list-headline h3 {
  font-size: 18px;
}
.boxed-list-headline h3 span {
  color: #888;
}
.boxed-list-headline h3 i {
  font-size: 18px;
  color: #26ae61;
  font-size: 24px;
  position: relative;
  top: 3px;
  line-height: 0;
  display: inline-block;
  margin-right: 5px;
}

.boxed-list ul.boxed-list-ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.boxed-list ul.boxed-list-ul > li {
  display: block;
  background-color: transparent;
  padding: 25px 35px;
  border-radius: 4px;
}
.boxed-list ul.boxed-list-ul > li:nth-child(2n) {
  background-color: #fafafa;
}

/* Fields UL */
.fields-ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.fields-ul > li {
  display: block;
  background-color: transparent;
  padding: 30px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e4e4e4;
}

/* Boxed List Item
------------------------------------- */
.boxed-list-item {
  display: flex;
}
.boxed-list-item .item-image {
  flex: 0 0 60px;
  height: 60px;
  border-radius: 4px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  padding: 10px;
  margin-right: 25px;
  position: relative;
  top: -2px;
  display: flex;
  background-color: #fff;
}
.boxed-list-item .item-image img {
  height: auto;
  align-self: center;
}
.boxed-list-item .item-content h4 {
  font-size: 18px;
  font-weight: 500;
  color: #333;
}
.boxed-list-item .item-content h4 a {
  font-size: 18px;
  font-weight: 500;
  color: #333;
}
.boxed-list-item .item-content h4 span {
  font-size: 16px;
  color: #808080;
  display: block;
  font-weight: 500;
}
.boxed-list-item .item-details {
  display: flex;
  margin-top: 5px;
}
.boxed-list-item .item-details .star-rating {
  top: -2px;
  position: relative;
  margin-right: 15px;
}
.boxed-list-item .item-details .detail-item {
  margin-right: 15px;
  color: #808080;
}
.boxed-list-item .item-details .detail-item a {
  color: #808080;
}
.boxed-list-item .item-details .detail-item a:hover {
  color: #26ae61;
}
.boxed-list-item .item-details .detail-item i {
  margin-right: 3px;
  position: relative;
  top: 0;
}
.boxed-list-item .item-description {
  margin-top: 15px;
}
.boxed-list-item .item-description p {
  margin-bottom: 0;
  padding-bottom: 0;
}

.resume-template-default .boxed-list-item .item-description p { line-height: 24px; }

.resume-template-default .wp-job-manager-bookmarks-form { border: none; }
/* IE 11 Fixes */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .boxed-list-item .item-image {
    max-width: 60px;
  }
  .boxed-list-item .item-image img {
    width: 100%;
  }
}
/* IE 11 Fixes - End */
/* Bid 
------------------------------------- */
.bid {
  display: flex;
  width: 100%;
}
.bid .bids-content {
  flex-grow: 1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.bid .bids-bid {
  align-items: center;
  display: flex;
}
.bid .bids-avatar {
  align-self: center;
}
.bid .freelancer-name {
  margin-top: 0;
}

.bid .freelancer-name a { color: #333; }
.bid .freelancer-avatar {
  width: 70px;
  height: 70px;
  margin: 0 auto;
  position: relative;
  margin-right: 30px;
}
.bid .star-rating {
  margin-top: 3px;
  display: block;
}
.bid .freelancer-avatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  cursor: pointer;
  object-fit: cover;
}
.bid .freelancer-avatar .verified-badge {
  position: absolute;
  bottom: 0;
  right: 0;
}

/* Bid Rate */
.bid-rate {
  text-align: center;
  font-size: 14px;
  background: #f4f4f4;
  color: #888;
  border-radius: 4px;
  padding: 8px 12px;
}

.boxed-list ul.boxed-list-ul > li:nth-child(2n) .bid-rate {
  background: #f2f2f2;
}

.bid-rate .rate {
  color: #333;
  font-weight: 500;
  text-align: center;
  line-height: 20px;
  border-radius: 4px;
  padding: 5px 10px;
  padding-bottom: 0;
  font-size: 16px;
}
.bid-rate span {
  display: block;
  margin-top: -2px;
}

@media (max-width: 768px) {
  .bid {
    display: block;
  }
  .bid .freelancer-avatar {
    width: 70px;
    margin: 0 0 15px 0;
  }
  .bids-bid {
    margin-top: 15px;
  }
  .bid-rate {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .boxed-list-item .item-details {
    display: block;
    width: 100%;
  }
  .boxed-list-item .item-image {
    display: none;
  }
}

/* ---------------------------------- */
/* Clickable Tags
------------------------------------- */
.tags-container {
  display: block;
}
.tags-container input[type=checkbox] {
  display: none;
}
.tags-container input[type=checkbox] + label {
  transition: 0.3s;
  font-size: 14px;
  cursor: pointer;
  border-radius: 4px;
  background-color: #eee;
  color: #777;
  display: inline-block;
  padding: 4px 12px;
  margin: 0;
  line-height: 24px;
}
.tags-container input[type=checkbox] + label:hover {
  background-color: #e8e8e8;
}
.tags-container input[type=checkbox]:checked + label {
  background-color: #26ae61;
  color: #fff;
  transition: 0.3s;
}
.tags-container input[type=checkbox]:checked + label:before {
  max-width: 30px;
  opacity: 1;
  transform: scale(1);
  margin: 0 5px 0 -2px;
}
.tags-container input[type=checkbox] + label:before {
  font-family: "Feather-Icons";
  content: "\e92b";
  font-size: 18px;
  transition: all 0.35s cubic-bezier(0.5, -0.41, 0.19, 2), max-width 0.3s, margin 0.3s;
  max-width: 0;
  display: inline-block;
  position: relative;
  top: 3px;
  margin: 0;
  opacity: 0;
  color: #fff;
  line-height: 0;
  transform: scale(0.5);
}
.tags-container .tag {
  display: inline-block;
  float: left;
  margin: 0 7px 7px 0;
  overflow: hidden;
}


/* ---------------------------------- */
/* Notify Box
------------------------------------- */
.notify-box {
  display: block;
  width: 100%;
  background-color: #f2f2f2;
  border-radius: 4px;
  padding: 15px 25px;
  position: relative;
  line-height: 28px;
  min-height: 59px;
}
.notify-box label.switch {
  margin-bottom: 0;
  cursor: pointer;
  width: auto;
}
.notify-box .switch-button {
  margin-right: 10px;
}

.sort-by {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  position: relative;
  float: right;
}
.sort-by .bootstrap-select {
  position: relative;
  right: 0;
  top: 0;
}
.sort-by .dropdown-menu {
  box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.14);
}
.sort-by .bootstrap-select.btn-group button {
  flex: 1;
  position: relative;
  right: 0;
  top: 4px;
  font-weight: 500;
  margin-left: 10px;
  width: auto;
  padding: 0;
  padding-right: 12px;
  background-color: transparent;
  box-shadow: none;
  height: 20px;
  color: #333;
}
.sort-by .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: auto;
}
.sort-by .bootstrap-select.btn-group .dropdown-toggle .caret {
  right: 0;
}
.sort-by .bootstrap-select .dropdown-menu {
  padding-top: 15px;
  top: 40px;
  right: 0;
  left: auto;
  position: absolute;
  min-width: 160px !important;
  flex: 1;
}
.sort-by .bootstrap-select.open:before {
  display: none;
}

/* Notify Box Media Queries*/
@media (max-width: 768px) {
  .notify-box {
    margin-bottom: 90px;
  }
  .notify-box .sort-by {
    position: absolute;
    margin-top: 35px;
    left: 0;
  }
  .notify-box .sort-by .bootstrap-select .dropdown-menu {
    left: 0;
    right: auto;
  }
}


/* ---------------------------------- */
/* Tippy.js Tooltips
------------------------------------- */
/* Dark */
.tippy-tooltip.dark-theme {
  color: #fff;
  font-weight:400;
  font-size: 13px;
  padding: 6px 12px;
}
.tippy-tooltip.dark-theme .tippy-backdrop {
  background-color: #222;
}

.tippy-popper[x-placement^=top] .tippy-tooltip.dark-theme .tippy-arrow {
  border-top-color: #333;
}
.tippy-popper[x-placement^=bottom] .tippy-tooltip.dark-theme .tippy-arrow {
  border-bottom-color: #333;
}
.tippy-popper[x-placement^=right] .tippy-tooltip.dark-theme .tippy-arrow {
  border-right-color: #333;
}
.tippy-popper[x-placement^=left] .tippy-tooltip.dark-theme .tippy-arrow {
  border-left-color: #333;
}

.tippy-tooltip.dark-theme .tippy-arrow {
  transform: scale(0.8);
  bottom: -5px;
}
.tippy-tooltip.light-theme {
  color: #333;
  font-weight: 500;
  font-size: 14px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
  padding: 6px 12px;
  background-color: #fff;
}

/* Light */
.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme .tippy-arrow {
  border-top-color: #fff;
}
.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme .tippy-arrow {
  border-bottom-color: #fff;
}
.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme .tippy-arrow {
  border-right-color: #fff;
}
.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme .tippy-arrow {
  border-left-color: #fff;
}

/* ---------------------------------- */
/* Boostrap Slider
------------------------------------- */
input.range-slider, input.default-slider {
  display: none;
}

.slider {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.slider.slider-horizontal {
  width: calc(100% - 20px);
  margin-left: 11px;
  height: 20px;
}
.slider.slider-horizontal .slider-track {
  height: 3px;
  width: calc(100% + 18px);
  margin-top: -2px;
  top: 50%;
  left: -9px;
}
.slider.slider-horizontal .slider-selection, .slider.slider-horizontal .slider-track-low, .slider.slider-horizontal .slider-track-high {
  height: 100%;
  top: 0;
  bottom: 0;
}
.slider.slider-horizontal .slider-handle {
  margin-left: -11px;
}
.slider.slider-horizontal .slider-tick-label-container {
  white-space: nowrap;
  margin-top: 20px;
}
.slider.slider-horizontal .tooltip {
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
}
.slider input {
  display: none;
}
.slider .tooltip.top {
  margin-top: -40px;
}
.slider .tooltip-inner {
  white-space: nowrap;
  max-width: none;
  background-color: #333;
  padding: 4px 12px;
  line-height: 21px;
  color: #fff;
  font-size: 14px;
  border-radius: 4px;
}
.slider .tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #333;
}

.slider.slider-disabled .slider-track {
  background-color: #e0e0e0;
}
.slider.slider-disabled .slider-selection {
  background-color: #e0e0e0;
}
.slider.slider-disabled .slider-handle {
  border-color: #e0e0e0;
  background-color: #e0e0e0;
}
.slider.slider-disabled .slider-handle:after {
  box-shadow: 0 0 0px 6px rgba(185, 185, 185, 0.12);
}

.slider.slider-disabled  .tooltip { opacity: 0.2;}



.tooltip.tooltip-min, .tooltip.tooltip-max {
  display: none;
}

.slider .hide {
  display: none;
}

.slider-track {
  position: absolute;
  cursor: pointer;
  border-radius: 4px;
  background-color: #e0e0e0;
}

.slider-selection {
  position: absolute;
  background-color: #26ae61;
  box-sizing: border-box;
  border-radius: 4px;
}

.slider-track-low, .slider-track-high {
  position: absolute;
  background: transparent;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
}

.slider-handle {
  position: absolute;
  top: 0;
  width: 20px;
  height: 20px;
  border: 2px solid #26ae61;
  cursor: pointer;
  z-index: 20;
  border-radius: 50%;
}
.slider-handle:after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-color: #fff;
  border-radius: 50%;
  z-index: 30;
  display: block;
  box-shadow: 0 0 0px 6px rgba(38, 174, 97, 0.12);
  transition: 0.2s;
}
.slider-handle:hover:after {
  box-shadow: 0 0 0px 8px rgba(38, 174, 97, 0.12);
}
.slider-handle.custom {
  position: absolute;
  top: -5px;
  width: 40px;
  height: 29px;
  border: none;
  cursor: pointer;
  z-index: 20;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
  text-align: center;
}
.slider-handle.custom:after {
  display: none;
}
.slider-handle.custom:before {
  content: "\e958\e959";
  font-family: "Material-Icons";
  letter-spacing: -10px;
  font-size: 21px;
  color: #a0a0a0;
  margin-left: -10px;
  transition: 0.3s;
}
.slider-handle.custom:hover:before {
  color: #333;
}

.slider.slider-horizontal .slider-handle.custom {
  margin-left: -20px;
}


/* ---------------------------------- */
/* Snackbar
------------------------------------- */
.snackbar-container {
  transition: all 500ms ease;
  transition-property: top, right, bottom, left, opacity;
  font-size: 16px;
  min-height: 14px;
  background-color: #404040;
  position: fixed;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
  line-height: 22px;
  padding: 18px 24px;
  bottom: -100px;
  top: -100px;
  opacity: 0;
  z-index: 9999;
  cursor: default;
  border-radius: 4px;
  font-weight: 500;
}
.snackbar-container .action {
  background: inherit;
  display: inline-block;
  border: none;
  font-size: inherit;
  text-transform: uppercase;
  color: #aaa;
  margin: 0 0 0 24px;
  padding: 0;
  min-width: min-content;
  cursor: pointer;
  font-weight: 500;
  font-size: 14px;
}

@media (min-width: 640px) {
  .snackbar-container {
    display: inline-flex;
    margin: 24px;
  }
}
.snackbar-pos.bottom-center {
  top: auto !important;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
}
.snackbar-pos.bottom-left {
  top: auto !important;
  bottom: 0;
  left: 0;
}
.snackbar-pos.bottom-right {
  top: auto !important;
  bottom: 0;
  right: 0;
}
.snackbar-pos.top-left {
  bottom: auto !important;
  top: 0;
  left: 0;
}
.snackbar-pos.top-center {
  bottom: auto !important;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
}
.snackbar-pos.top-right {
  bottom: auto !important;
  top: 0;
  right: 0;
}

@media (max-width: 640px) {
  .snackbar-container {
    left: 0;
    right: 0;
    width: 100%;
    border-radius: 0;
  }
  .snackbar-pos.bottom-center, .snackbar-pos.top-center {
    left: 0;
    transform: none;
  }
}

/* Single Freelancer Profile
------------------------------------- */

/* Freelancer Socials*/
.freelancer-socials ul {
  margin: 0;
  padding: 0;
  list-style: none;
  cursor: default;
  margin: 0 0 -5px -8px;
}

.freelancer-socials.margin-top-25 { margin-top: 15px !important; }

.freelancer-socials ul li {
  display: inline-block;
  font-size: 24px;
}

.freelancer-socials ul li a {
  color: #b9b9b9;
  padding: 0 8px;
}

.freelancer-socials ul li a:hover {
  color: #333;
}

/* Attachments */
.attachments-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: calc(100% + 20px);
  margin-bottom: -10px;
  margin-top: 15px;
}

.attachment-box {
  display: flex;
  margin: 0 20px 20px 0;
  background-color: #f4f4f4;
  border-radius: 4px 0px 4px 4px;
  font-weight: 600;
  padding: 15px 20px;
  padding-bottom: 45px;
  padding-right: 25px;
  line-height: 24px;
  flex-direction: column;
  color: #666;
  position: relative;
  transition: 0.3s;
  flex: 0 1 calc(50% - 21px);
  cursor: default;
  position: relative;
}

.single-page-section .attachment-box { flex: 0 1 calc(33% - 20px); }
.single-page-section .attachments-container { margin-bottom: -20px; }

body .job_description ul,
body .job_description ol,
.single-page-section ul,
.single-page-section ol {
  margin-left: 0;
  margin-bottom: 20px;
  list-style-type: none;
  counter-reset: ordered;
  padding-left: 35px;
}

body .job_description ul li,
body .job_description ol li,
.single-page-section ul li,
.single-page-section ol li {
  line-height: 24px;
  padding: 0;
  margin: 0 0 15px 0;
}

body .job_description ul li::before,
body .job_description ol li::before,
.single-page-section ul li::before,
.single-page-section ol li::before {
  background-color: rgba(0,0,0, 0.05);
  color: #888;
  text-align: center;
  line-height: 26px;
  border-radius: 100px;
  height: 25px;
  width: 25px;
  content: counter(ordered);
  counter-increment: ordered;
  display: inline-block;
  position: absolute;
  margin-left: -35px;
  margin-top: -3px;
  font-weight: 500;
  font-size: 12px;
}
body .job_description ul li::before,
body .job_description ol li::before,
.single-page-section ul li::before,
.single-page-section ol li::before {
	content: "\e928";
	margin-top: -2px;
	font-size: 16px;
	line-height: 25px;
	font-family: 'Material-Icons' !important;
}

.single-page-section strong { font-weight: 500; }
.single-page-section .margin-bottom-25 { margin-bottom: 15px !important; }
.single-page-section .task-tags { margin-top: -6px; }

.sidebar-widget .task-tags { margin-top: 15px; }

a.attachment-box { cursor: pointer; }

.attachment-box:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  border-width: 0 20px 20px 0;
  border-style: solid;
  border-color: rgba(0,0,0,0.15) #fff;
  transition: 0.3s;
  border-radius: 0 0 0 4px;
}

a.attachment-box:hover {
  background-color: #66676b;
  color: #fff;
}

a.attachment-box:hover:before { border-color: rgba(0,0,0,0.25) #fff; }

.attachment-box span {
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  flex: auto;
  font-weight: 500;
}

.attachment-box i {
  display: block;
  font-style: normal;
  font-size: 14px;
  color: #999;
  font-weight: 500;
  margin-top: 10px;
  position: absolute;
  bottom: 10px;
  transition: 0.3s;
}

a.attachment-box:hover i {
  color: rgba(255,255,255,0.7);
}

/* Remove Attachment Button */
.attachment-box .remove-attachment {
  position: absolute;
  bottom: 10px;
  right: 10px;
  color: #fff;
  background-color: #dc3139;
  box-shadow: 0 3px 8px rgba(234,65,81,0.15);
  height: 28px;
  width: 28px;
  line-height: 28px;
  border-radius: 4px;
  font-weight: 500;
  font-size: 14px;
  transition: 0.3s;
  opacity: 0;
  transform: translateY(3px);
}

.attachment-box .remove-attachment:before {
  content: "\e9e4";
  font-family: "Feather-Icons";
}

.attachment-box:hover .remove-attachment {
  opacity: 1;
  transform: translateY(0);
}

/* Profile Overview */
.profile-overview {
  display: flex;
  line-height: 22px;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 15px;
  background: #F6F6F6;
    padding: 15px;
    padding-bottom: 12px;
    border-radius: 4px;
    text-align: center;
    width: 100%;
}

.profile-overview .overview-item {
  flex: 1;
  border-right: 1px solid #e0e0e0;
  margin-right: 20px;
  padding-right: 20px;
  flex-grow: 1;
}

.profile-overview .overview-item:last-child {
  border-right: 0;
  padding-right: 0;
}

.profile-overview .overview-item strong {
  display: block;
  font-weight: 500;
  color: #333;
  font-size: 18px;
  margin-bottom: 2px;
}

.profile-overview .overview-item span {
  color: #808080;
}


/* Freelancer Indicators */
.freelancer-indicators {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 30px);
  line-height: 24px;
  margin-bottom: -15px;
  margin-top: -10px;
}

.freelancer-indicators .indicator {
  width: calc(50% - 31px);
  margin-right: 30px;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
}

.freelancer-indicators .indicator strong {
  color: #333;
  font-weight: 500;
}

.freelancer-indicators .indicator-bar span,
.freelancer-indicators .indicator-bar {
  width: 100%;
  height: 4px;
  background-color: #e0e0e0;
  border-radius: 10px;
  position: relative;
  margin: 10px 0;
  transition: 1s;
}

.freelancer-indicators .indicator-bar span {
  width: 0;
  background-color: #66676b;
  position: absolute;
  top: 0;
  margin: 0;
}


/* Media Queriers */
@media (max-width: 1240px) {
  .profile-overview,
  .profile-overview .overview-item {
    display: block;
    width: 100%;
  }
  .profile-overview .overview-item {
    border-right: 0;
    border-bottom: 1px solid #e0e0e0;
    padding: 15px 0;
    margin: 0;
  }
  .profile-overview .overview-item:last-child {
    border-right: none;
    border-bottom: none
  }
}

@media (max-width: 768px) {
  .boxed-list-item .item-details,
  .attachments-container,
  .attachments-container .attachment-box,
  .freelancer-indicators,
  .freelancer-indicators .indicator {
    display: block;
    width: 100%;
  }

  .boxed-list-item .item-image {
     display: none;
  }
}


/* -------------------------------------------------------------- */
/* 05. Dashboard
----------------------------------------------------------------- */
/* ---------------------------------- */
/* Dashboard
------------------------------------- */
/* Full Page Adjustments */
.full-page-container {
  height: calc(100vh - 82px);
}

.new-dashboard-container {
  height: calc(100vh - 82px);
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}

@media (max-width: 1099px) {
  .full-page-container, .new-dashboard-container {
    height: calc(100vh - 76px);
  }
}
/* Dashboard Basis */
.dashboard-sidebar {
  flex: 0 0 280px;
  background-color: #fff;
  position: relative;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  z-index: 100;
}
.dashboard-sidebar .dashboard-sidebar-inner {
  overflow: auto;
  height: 100%;
}

.dashboard-content-container {
  flex: 1;
  background-color: #fafafa;
  padding: 0;
  overflow: auto;
  position: relative;
  z-index: 99;
}

.dashboard-content-inner {
  padding: 50px;
  padding-bottom: 0;
  position: relative;
}

/* Dashboard Header Logo Adjustent */
@media (min-width: 1099px) {
  #header-container.dashboard-header .container {
    padding-right: 35px;
    padding-left: 0;
  }
  #header-container.dashboard-header #logo {
    width: 281px;
    padding-left: 35px;
  }
}
@media (max-width: 1240px) {
  #header-container.dashboard-header #logo {
    width: auto;
  }
}

@media (max-width: 992px) {
.dashboard-nav-container {padding: 0; overflow: hidden; background: transparent;}
}

/* ---------------------------------- */
/* Dashboard Navigation
------------------------------------- */
.dashboard-nav {
  display: block;
  z-index: 11;
  padding-bottom: 30px;
}

a.dashboard-responsive-nav-trigger {
  display: none;
}

.dashboard-nav ul {
  list-style: none;
  padding: 0;
  margin: 25px 0 0 0;
}
.dashboard-nav ul:first-child {
  margin: 30px 0 0 0;
}
.dashboard-nav ul:before {
  content: attr(data-submenu-title);
  padding: 0 35px;
  margin-bottom: 5px;
  display: block;
  color: #26ae61;
  font-weight: 500;
  font-size: 14px;
}
.dashboard-nav ul li {
  display: block;
  border-left: 3px solid transparent;
  transition: 0.3s;
  line-height: 25px;
  font-size: 15px;
}
.dashboard-nav ul li a {
  color: #707070;
  display: block;
  padding: 11px 32px;
  transition: 0.3s;
  cursor: pointer;
  position: relative;
}
.dashboard-nav ul li a i {
  padding-right: 8px;
  width: 20px;
  font-size: 20px;
  color: #909090;
  transition: 0.3s;
  position: relative;
  top: 2px;
}
.dashboard-nav ul li ul li:hover a {
  padding-left: 4px;
}
.dashboard-nav ul li.active-submenu a i, .dashboard-nav ul li.active a i, .dashboard-nav ul li:hover a i {
  color: #26ae61;
}
.dashboard-nav ul li.active-submenu, .dashboard-nav ul li.active, .dashboard-nav ul li:hover {
  border-color: #26ae61;
  background-color: rgba(38, 174, 97, 0.04);
}
.dashboard-nav ul li.active-submenu a, .dashboard-nav ul li:hover a, .dashboard-nav ul li.active a {
  color: #26ae61;
}
.dashboard-nav ul li span.nav-tag {
  display: inline-block;
  font-weight: 700;
  height: 19px;
  width: 19px;
  line-height: 19px;
  text-align: center;
  color: #fff;
  font-size: 11px;
  background-color: #26ae61;
  border-radius: 50%;
  position: relative;
  margin: 0 0 0 4px;
  top: -2px;
}
.dashboard-nav ul li ul {
  padding: 0;
  margin: 0;
  visibility: hidden;
  max-height: 0;
  opacity: 0;
  line-height: 0;
  transition: 0.3s;
  pointer-events: none;
}
.dashboard-nav ul li.active-submenu ul {
  visibility: visible;
  padding: 0 0 18px 0;
  line-height: 24px;
  opacity: 1;
  max-height: 200px;
  pointer-events: all;
}
.dashboard-nav ul li ul li {
  background-color: transparent;
  border: none;
  padding-left: 63px;
  position: relative;
  margin: 0;
}
.dashboard-nav ul li ul li a {
  padding: 5px 0;
}
.dashboard-nav ul li ul li:hover {
  border: none;
  background-color: transparent;
}
.dashboard-nav ul li a:after {
  font-family: "Material-Icons";
  content: "\e914";
  opacity: 1;
  font-size: 16px;
  transition: 0.3s;
  opacity: 1;
  line-height: 17px;
  width: 17px;
  height: 17px;
  background-color: #f0f0f0;
  color: #a8a8a8;
  display: inline-block;
  border-radius: 4px;
  margin-left: 7px;
  text-indent: 0;
  top: 1px;
  position: absolute;
  right: 35px;
  top: 15px;
}
.dashboard-nav ul li.active-submenu a:after, .dashboard-nav ul li.active a:after, .dashboard-nav ul li:hover a:after {
  color: #26ae61;
  background: rgba(38, 174, 97, 0.13);
  opacity: 0.8;
}
.dashboard-nav ul li ul:before, .dashboard-nav ul li a:only-child:after {
  content: "";
  display: none;
}

.new-dashboard-container a.dashboard-responsive-nav-trigger {
  width: 100%;
  margin: 0;
  margin-top: 15px;
}

@media (max-width: 992px) {
.new-dashboard-container .dashboard-nav {
    min-width: 100%;
    max-width: 100%;
    margin: 0;
}}

/* ---------------------------------- */
/* Dashboard Elements
------------------------------------- */
/* Dashboard Headline
------------------------------------- */
.dashboard-headline {
  display: block;
  position: relative;
  margin-bottom: 50px;
}
.dashboard-headline h1,
.dashboard-headline h3 {
  display: block;
  font-size: 26px;
  color: #333;
}
.dashboard-headline span {
  display: block;
  font-size: 16px;
  color: #888;
  line-height: 30px;
  margin-top: -10px;
}
.dashboard-headline #breadcrumbs {
  right: 0;
}

/* Fun Facts
------------------------------------- */
.fun-facts-container {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 30px);
  margin-bottom: -30px;
}

.fun-fact {
  background-color: #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  padding: 25px;
  margin-right: 30px;
  margin-bottom: 30px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex: 1 1 calc(25% - 30px);
  height: auto;
  cursor: default;
  transition: 0.3s;
}

/* IE 11 Fixes */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .fun-fact {
    flex: 1;
  }
}
/* IE 11 Fixes - End */
.fun-fact-icon {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.04);
  flex: 0 0 100px;
  height: 100px;
  display: flex;
  text-align: center;
}
.fun-fact-icon i {
  font-size: 48px;
  align-self: center;
  margin: 0 auto;
  color: #666;
}
.fun-fact-icon i.icon-material-outline-gavel {
  transform: scale(0.91);
}

.fun-fact-text {
  flex: 1;
  margin-right: 20px;
}

.fun-fact span {
  font-size: 16px;
  color: #888;
  line-height: 22px;
  margin-bottom: 5px;
    display: inline-block;
}
.fun-fact h4 {
  font-size: 32px;
  color: #333;
  line-height: 32px;
  margin-top: 5px;
}

/* Dashboard Box
------------------------------------- */
.dashboard-box {
  display: block;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  margin-top: 30px;
  position: relative;
}
.dashboard-box .headline {
  display: block;
  padding: 20px 30px;
  border-bottom: 1px solid #e4e4e4;
  position: relative;
}
.new-dashboard-container .dashboard-box .headline h3 {
  font-size: 16px;
  font-weight: 500;
  color: #333;
  line-height: 26px;
}
.dashboard-box .headline h3 i {
  color: #26ae61;
  font-size: 21px;
  line-height: 0;
  position: relative;
  top: 2px;
  margin-right: 4px;
}
.dashboard-box .headline h3 i.icon-material-outline-gavel {
  font-size: 20px;
}
.dashboard-box .headline h3 i.icon-material-outline-supervisor-account {
  font-size: 24px;
  top: 3px;
}
.dashboard-box .headline h3 i.icon-feather-folder-plus {
  font-size: 20px;
  top: 2px;
  margin-right: 5px;
}

/* Pixel Perfect Adjustment */
.button.big i.icon-feather-plus {
  font-size: 20px;
  top: 2px;
  margin-left: -4px;
  margin-right: 5px;
}

/* Pixel Perfect Adjustment - End */
.dashboard-box .content.with-padding {
  padding: 30px;
}
.dashboard-box .chart {
  padding: 30px 20px 17px 18px;
}
.dashboard-box .headline .sort-by {
  float: none;
  display: inline-block;
  position: absolute;
  top: calc(50% + 3px);
  transform: translateY(-50%);
  right: 30px;
  z-index: 100;
  height: 33px;
}
.dashboard-box .headline .bootstrap-select.btn-group .dropdown-toggle .filter-option {
  font-weight: 500;
  color: #666;
}

/* Note
------------------------------------- */
.dashboard-note {
  border-radius: 4px;
  background-color: #f8f8f8;
  padding: 25px;
  padding-top: 20px;
  margin-bottom: 20px;
  position: relative;
}
.dashboard-note:last-child {
  margin-bottom: 65px;
}
.dashboard-note:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  border-width: 0 20px 20px 0;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.15) #fff;
  transition: 0.3s;
  border-radius: 0 0 0 4px;
}
.dashboard-note p {
  line-height: 24px;
  margin-bottom: 20px;
  color: #777;
  font-size: 14.7px;
}

.note-priority {
  background-color: #333;
  border-radius: 4px;
  color: #fff;
  font-size: 14px;
  padding: 5px 9px;
  display: inline-block;
  line-height: 20px;
}
.note-priority.high {
  background-color: #dc3139;
}
.note-priority.medium {
  background-color: #f59110;
}
.note-priority.low {
  background-color: #3fb660;
}

.note-footer {
  display: flex;
}

.note-buttons {
  align-self: center;
  margin-left: auto;
}
.note-buttons a {
  font-size: 16px;
  padding-left: 3px;
  margin-top: 2px;
  display: inline-block;
  color: #888;
}
.note-buttons a:hover {
  color: #444;
}

.add-note-button {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  right: 0;
  padding: 30px;
  padding-top: 10px;
  background: #fff;
  border-radius: 4px;
  width: calc(100% - 15px);
}
.add-note-button a.button {
  width: calc(100% + 15px) !important;
  max-width: calc(100% + 15px) !important;
}

/* Dashboard Box List
------------------------------------- */
ul.dashboard-box-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.dashboard-box-list > li {
  border-bottom: 1px solid #e4e4e4;
  padding: 0;
  line-height: 26px;
  padding: 22px 30px;
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  flex-flow: row wrap;
  transition: 0.3s;
}
ul.dashboard-box-list > li:last-child {
  border-bottom: none;
}
ul.dashboard-box-list > li:hover {
  background-color: #f9f9f9;
}

.dashboard-box-list .notification-text {
  font-size: 14.7px;
  flex: 1;
}
.dashboard-box-list .notification-icon {
  flex: 0 0 40px;
}
.dashboard-box-list .notification-text .star-rating {
  position: relative;
  top: -18px;
  line-height: 0;
  height: 0;
  display: inline-block;
  margin: 0 3px;
  transform: scale(0.93);
}

/* Dashboard Box List Buttons
------------------------------------- */
.buttons-to-right {
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  transition: 0.3s;
  box-shadow: 0px 0px 10px 15px #fff;
  background-color: #fff;
}

.dashboard-box-list li:hover .buttons-to-right { background: transparent; }
.dashboard-box-list .button.to-right {
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  transition: 0.3s;
  box-shadow: 0px 0px 10px 15px #fff;
  background-color: #fff;
}
.dashboard-box-list .buttons-to-right.always-visible, .dashboard-box-list li:hover .buttons-to-right {
  opacity: 1;
}
.dashboard-box-list .buttons-to-right.always-visible:not(.single-right-button) {
  position: relative;
  transform: none;
  top: 0;
  margin: 5px 0 10px -2px;
  opacity: 1;
  right: auto;
  display: inline-block;
  box-shadow: none;
  width: 100%;
  background-color: transparent;
  box-shadow: none;
}

@media (min-width: 1300px) {
.dashboard-box:not(.dashboard-box.dashboard-tasks-box) .buttons-to-right.always-visible:not(.single-right-button) {
    right: 30px;
    top: 50%;
    transform: translate3d(0,-49%,0);
    -moz-transform: ;
    position: absolute;
    left: initial;
    width: auto;
}
.dashboard-box:not(.dashboard-box.dashboard-tasks-box) .item-listing-details {
  max-width: 70%;
}
}

.dashboard-box-list .button {
  padding: 6px 15px;
  line-height: 20px;
  font-size: 13px;
  font-weight: 500;
  margin: 0;
  display: inline-block;
  box-shadow: 0 3px 8px rgba(38, 174, 97, 0.15);
}
.dashboard-box-list .button i[class*=icon-material] {
  font-size: 18px;
  top: 3px;
  margin-right: 2px;
  margin-left: -2px;
}
.dashboard-box-list .buttons-to-right .button {
  margin: 0 0 -6px 2px;
}
.dashboard-box-list .buttons-to-right.always-visible .button {
  margin: 0 3px 0 0;
}

.dashboard-box .button.red {
  background-color: #dc3139;
  box-shadow: 0 3px 8px rgba(234, 65, 81, 0.15);
}
.dashboard-box .button.green {
  background-color: #40b660;
  box-shadow: 0 3px 8px rgba(64, 182, 96, 0.15);
}
.dashboard-box .button.dark {
  background-color: #333333;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
}
.dashboard-box .button.gray {
  background-color: #eee;
  color: #666;
  box-shadow: none;
}

.dashboard-box .button.gray:hover {
  color: #666;
}
.dashboard-box .dashboard-box-list .button:not(.ico):hover {
  color: #fff;
  background-color: #333333;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
}
.dashboard-box .button.red:not(.ico):hover, .dashboard-box .button.green:not(.ico):hover, .dashboard-box .button.gray:not(.ico):hover {
  color: #fff;
  background-color: #333333;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
}
.dashboard-box .button.dark:not(.ico):hover {
  background-color: #26ae61;
  box-shadow: 0 3px 8px rgba(38, 174, 97, 0.15);
}
.dashboard-box .button.ico {
  width: 32px;
  text-align: center;
}
.dashboard-box .button.ico i {
  font-size: 15px;
  margin-left: -7px;
  top: 2px;
  position: relative;
}
.dashboard-box .button i.icon-material-outline-check {
  margin-left: -5px;
}
.dashboard-box .button.ico i[class*=icon-material] {
  font-size: 18px;
  margin-left: -8px;
  top: 3px;
  position: relative;
}

/* Hovers */
.dashboard-box-list {
  box-shadow: none;
}
.dashboard-box-list a.button i {
  margin: 0;
  padding: 0;
  position: relative;
  top: 1px;
  font-size: 14px;
  line-height: 0;
  margin-left: -2px;
}

.dashboard-box .mark-as-read {
  float: none;
  background-color: #f4f4f4;
  position: absolute;
  right: 30px;
  top: 18px;
}

.button-info {
  background: rgba(255, 255, 255, 0.25);
  color: #fff;
  width: 19px;
  height: 19px;
  display: inline-block;
  text-align: center;
  line-height: 19px;
  border-radius: 50%;
  font-size: 11px;
  font-weight: 700;
  margin-left: 3px;
  margin-right: -2px;
}

/* Listing Status*/
.dashboard-status-button {
  color: #fff;
  border-radius: 4px;
  font-size: 14px;
  line-height: 21px;
  padding: 2px 8px;
  display: inline-block;
  position: relative;
  top: -2px;
  margin: 0 0 4px 4px;
  font-weight: 400;
}
.dashboard-status-button.green {
  background: #e0f5d7;
  color: #449626;
}
.dashboard-status-button.yellow {
  background-color: #fbf6dd;
  color: #a18d29;
}
.dashboard-status-button.red {
  background-color: #ffe6e6;
  color: #ea5252;
}

.dashboard-status-button.black {
    background: #2a2a2a;
    color: #fff;
}

/* Dashboard Invoices List
------------------------------------- */
.invoice-list-item ul {
  line-height: 22px;
  padding-bottom: 2px;
  color: #909090;
  list-style: none;
  padding: 0;
  margin: 0;
}
.invoice-list-item ul li {
  padding: 0;
  display: inline-block;
  font-size: 14.7px;
  margin-bottom: 5px;
}
.invoice-list-item ul li:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 11px;
  background-color: #e0e0e0;
  position: relative;
  margin: 0 10px;
}
.invoice-list-item ul li:last-child:after {
  display: none;
}
.invoice-list-item strong {
  font-weight: 500;
  color: #333;
  margin-bottom: 5px;
  margin-top: -2px;
  display: block;
}

.paid, .unpaid {
  background-color: #333;
  color: #fff;
  border-radius: 4px;
  line-height: 20px;
  padding: 4px 8px;
  font-size: 13px;
  position: relative;
  top: -1px;
}

.paid {
  background-color: #40b660;
}

.unpaid {
  background-color: #dc3139;
}

/* Listings in Dashboard
------------------------------------- */
/* Freelancers */
.dashboard-box .item-listing-details {
  box-shadow: none;
  padding: 10px 0;
  align-items: center;
  flex: auto;
}
.dashboard-box .item-listing {
  box-shadow: none;
  padding: 0;
  margin: 0;
  background-color: transparent;
  display: flex;
  flex-direction: row;
  width: 100%;
}
.dashboard-box .item-listing.width-adjustment {
  max-width: 60%;
}
.dashboard-box .item-listing h3 a {
  color: #333;
  font-size: 18px;
}
.dashboard-box .item-listing .item-listing-company-logo {
  max-width: 50px;
}
.dashboard-box .item-listing .item-listing-description {
  padding-top: 0;
border: none;
	padding: 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	float: none;
	text-align: left;
	align-items: baseline;
	gap: 0;
}
.dashboard-box .item-listing:hover {
  transform: none;
}
.dashboard-box .item-listing .item-listing-footer {
  background-color: transparent;
  padding: 0;
  border-radius: none;
}
.dashboard-box .freelancer-overview {
  padding: 15px 0;
}
.dashboard-box .freelancer-overview-inner {
  flex: auto;
  display: flex;
  align-items: center;
}
.dashboard-box .freelancer-overview .freelancer-name {
  text-align: left;
  margin: 0 0 0 30px;
  width: 100%;
}
.dashboard-box .freelancer-overview .freelancer-avatar {
  margin: 0;
  width: 90px;
}
.dashboard-box .freelancer-overview.manage-candidates .freelancer-avatar {
  align-self: flex-start;
}

/* Jobs */
/* Dashboard Task Info */
.dashboard-task-info {
  list-style: none;
  padding: 0;
  margin: 0;
  background-color: #f4f4f4;
  text-align: center;
  border-radius: 4px;
  padding: 14px 25px;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  align-self: flex-end;
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s;
  justify-content: center;
}

.dashboard-box li:hover .dashboard-task-info {
  background-color: #f0f0f0;
}

.dashboard-task-info li {
  display: inline-block;
  border-right: 1px solid #d0d0d0;
  padding-right: 22px;
  margin-right: 22px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.dashboard-task-info li:last-child {
  margin-right: 0;
  padding-right: 0;
  border: none;
}
.dashboard-task-info li strong {
  display: block;
  font-size: 16px;
  font-weight: 500;
  color: #333;
  line-height: 22px;
}
.dashboard-task-info li span {
  display: block;
  font-size: 14px;
  color: #888;
  line-height: 20px;
}

/* Bid Acceptance */
.bid-acceptance {
  display: flex;
  color: #289c41;
  background-color: #e4f6e9;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  border-radius: 4px;
  padding: 12px 18px;
  display: inline-block;
  margin: 0 auto;
  line-height: 20px;
}
/* .bid-acceptance span {
  font-size: 14px;
  opacity: 0.86;
  line-height: 20px;
} */

/* Media Queries */
@media (max-width: 1366px) {
  .dashboard-box .item-listing.width-adjustment {
    max-width: 100%;
  }
  .dashboard-task-info {
    position: relative;
    right: 0;
    top: 0;
    transform: none;
    margin: 10px 0 20px 0;
  }
  .dashboard-task-info.bid-info {
    margin-bottom: 0;
    margin-top: 20px;
  }
}
@media (max-width: 768px) {
  .dashboard-box .freelancer-overview .freelancer-avatar {
    width: 60px;
  }
  .dashboard-box .freelancer-overview .freelancer-avatar .verified-badge {
    transform: scale(0.8);
    bottom: -5px;
    right: -5px;
  }
  .dashboard-box .freelancer-overview .freelancer-name {
    margin: 0 0 0 25px;
  }
  .dashboard-box .item-listing .item-listing-company-logo {
    display: none;
  }
  .dashboard-task-info.bid-info, .dashboard-task-info:not(.bid-info) {
    flex-direction: column;
    width: 100%;
  }
  .dashboard-task-info li {
    border-right: none;
    border-bottom: 1px solid #d0d0d0;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
    width: 100%;
  }
  .dashboard-task-info li:last-child {
    border-right: none;
    border-bottom: none;
    padding: 0;
    margin: 0;
  }
}
/* Reviews
------------------------------------- */
.dashboard-box .boxed-list-item {
  padding: 10px 0;
  width: 100%;
}

/* Submit Forms
------------------------------------- */
.submit-field {
  margin-bottom: 28px;
  display: block;
}
.submit-field .pac-container {
  box-shadow: none;
  border: 1px solid #e0e0e0;
  border-top: 1px solid #fff;
  padding-top: 0;
  z-index: 9;
  left: 0 !important;
  top: 47px !important;
  border-radius: 0 0 4px 4px;
}
.submit-field h5 {
  font-size: 16px;
  font-weight: 500;
  color: #333;
  margin-bottom: 12px;
}
.submit-field h5 span {
  color: #888;
  font-weight: 500;
}

.help-icon {
  color: #26ae61;
  display: inline-block;
  font-size: 19px;
  font-weight: 400;
  line-height: 18px;
  height: 16px;
  position: relative;
  top: 3px;
  margin: 0 3px;
  font-style: normal;
  cursor: help;
}
.help-icon:before {
  content: "\e97c";
  font-family: "Feather-Icons";
}

/* Avatar Switcher */
.avatar-wrapper {
  position: relative;
  width: 150px;
  height: 150px;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: none;
  margin: 0 10px 30px 0;
  transition: all 0.3s ease;
}
.avatar-wrapper:hover {
  transform: scale(1.05);
  cursor: pointer;
}
.avatar-wrapper .profile-pic {
  height: 100%;
  width: 100%;
  transition: all 0.3s ease;
  object-fit: cover;
}
.avatar-wrapper .profile-pic:after {
  font-family: Feather-Icons;
  content: "\e9f1";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  line-height: 120px;
  position: absolute;
  font-size: 60px;
  background: #f0f0f0;
  color: #aaa;
  text-align: center;
}
.avatar-wrapper .upload-button {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.avatar-wrapper .file-upload {
  opacity: 0;
  pointer-events: none;
  position: absolute;
}

/* Small Footer Styles
------------------------------------- */
.dashboard-content-inner .small-footer {
  width: 100%;
  left: 0px;
  padding: 25px 50px;
  position: absolute;
  bottom: 0;
}

.dashboard-footer-spacer {
  padding-top: 125px;
}

/* Dashbaord Media Queries 
------------------------------------- */
@media (min-width: 1365px) and (max-width: 1600px) {
  .fun-fact:last-child {
    display: none;
  }
}
@media (max-width: 1365px) {
  .fun-fact {
    flex: 1 1 calc(50% - 30px);
    max-width: calc(50% - 30px);
  }
}
@media (max-width: 992px) {
  .dashboard-content-inner {
    min-height: auto !important;
  }
  /* Dashboard Mobile Basis */
  .dashboard-sidebar .dashboard-nav-container, .dashboard-content-inner {
    padding: 15px;
  }
  .dashboard-sidebar .simplebar-content {
    overflow-x: hidden;
  }
  .dashboard-nav-inner {
    padding: 30px 0;
    margin-bottom: 0;
  }
  .dashboard-sidebar {
    flex: 1;
    width: 100%;
    background-color: #fafafa;
    box-shadow: none;
    height: auto !important;
  }
  .full-page-sidebar .simplebar-track, .dashboard-sidebar .simplebar-track {
    display: none;
  }
  .full-page-sidebar-inner, .dashboard-sidebar-inner {
    height: auto !important;
  }
  .new-dashboard-container {
    display: block;
    width: 100%;
    flex-wrap: wrap;
    height: auto !important;
  }
  .dashboard-content-container {
    height: auto !important;
  }
  .dashboard-content-container .simplebar-scrollbar {
    display: none;
  }
  /* Dashboard Mobile Basis - End */
  /* Dashboard Nav */
  .dashboard-nav {
    width: 100%;
    margin: 0;
    border-radius: 0 0 4px 4px;
    position: relative;
    min-height: auto;
    opacity: 1;
    visibility: hidden;
    max-height: 0;
    padding: 0;
    transition: all 0.3s;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    background: #fff;
  }
  .dashboard-nav ul {
    margin-top: 15px;
  }
  .dashboard-nav ul:first-child {
    margin: 0;
  }
  .dashboard-nav.active {
    opacity: 1;
    visibility: visible;
    max-height: 900px;
  }
  .dashboard-nav.active ul {
    opacity: 1;
    visibility: visible;
    max-height: 900px;
  }
  .dashboard-nav ul {
    visibility: hidden;
    opacity: 0;
    max-height: 0;
    transition: all 0.3s;
  }
  .dashboard-nav ul:before {
    padding: 0 29px;
  }
  .dashboard-nav ul li a {
    padding: 10px 25px;
  }
  .dashboard-nav.active ul li ul, .dashboard-nav ul li ul {
    visibility: hidden;
    opacity: 0;
    max-height: 0;
    transition: all 0.3s;
  }
  .dashboard-nav.active ul li.active-submenu ul {
    visibility: visible;
    opacity: 1;
    max-height: 300px;
  }
  /* Trigger */
  a.dashboard-responsive-nav-trigger {
    width: 100%;
    margin: 0;
    margin-top: 15px;
    background-color: #333;
    border-radius: 5px;
    color: #fff;
    padding: 16px 30px;
    font-weight: 500;
    transition: 0.2s;
    display: block;
    line-height: 26px;
  }
  a.dashboard-responsive-nav-trigger span.trigger-title {
    padding-left: 33px;
  }
  a.dashboard-responsive-nav-trigger .hamburger-inner {
    background-color: #fff;
  }
  a.dashboard-responsive-nav-trigger .hamburger-inner::before, a.dashboard-responsive-nav-trigger .hamburger-inner::after {
    background-color: #fff;
  }
  a.dashboard-responsive-nav-trigger .hamburger {
    top: 12px;
    left: 0;
    transform: scale(0.66);
  }
  a.dashboard-responsive-nav-trigger i {
    margin-right: 8px;
    margin-left: -2px;
    font-size: 28px;
    line-height: 0;
    position: relative;
    top: 6px;
  }
  a.dashboard-responsive-nav-trigger.active {
    border-radius: 4px 4px 0 0;
  }
  /* Dashboard Nav - End */
  .buttons-to-right:not(.single-right-button) {
    opacity: 1;
  }
  .fun-facts-container {
    width: calc(100% + 15px);
    margin-bottom: -15px;
  }
  .fun-fact {
    flex: 1 1 calc(50% - 15px);
    max-width: calc(50% - 15px);
    margin: 0 15px 15px 0;
  }
}
@media (max-width: 768px) {
  .fun-fact {
    flex: 1 1 100%;
    max-width: 100%;
  }
  #titlebar #breadcrumbs, .dashboard-headline #breadcrumbs {
    right: 0;
    position: relative;
    top: 0;
    transform: none;
    margin-top: 30px;
    max-width: 100%;
  }
  .buttons-to-right:not(.single-right-button) {
    position: relative;
    transform: none;
    top: 0;
    margin: 10px 0 0 0;
    opacity: 1;
    right: auto;
    display: inline-block;
    box-shadow: none;
    width: 100%;
  }
  .dashboard-box .headline .sort-by {
    float: none;
    display: inline-block;
    position: relative;
    top: 0;
    transform: none;
    right: 0px;
    top: 5px;
    left: -8px;
  }
  .dashboard-box .headline .sort-by .bootstrap-select .dropdown-menu {
    left: 0;
    right: auto;
  }
}
/* ---------------------------------- */
/* Dashboard Messages
------------------------------------- */
.messages-container {
  margin: 0;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.06);
  border-radius: 4px;
  background-color: #fff;
}

/* Scrollbar Adjustments */
.messages-inbox ul {
  max-height: 875px;
}

.message-content-inner {
  max-height: 750px;
}

.message-content, .messages-container-inner .messages-inbox {
  overflow: hidden;
}

.message-content-inner, .messages-container-inner .messages-inbox ul {
  overflow-y: scroll;
  width: calc(100% + 18px);
}

.message-content-inner::-webkit-scrollbar, .messages-container-inner .messages-inbox ul::-webkit-scrollbar {
  width: 17px;
}

/*  Scrollbar Hide - End */
.messages-headline {
  max-height: 82px;
  font-size: 16px;
  margin: 0;
  padding: 22px 30px;
  color: #333;
  background-color: #fff;
  display: block;
  border-bottom: 1px solid #eaeaea;
  border-radius: 4px 4px 0 0;
  position: relative;
}
.messages-headline input {
  background-color: #f6f6f6;
  box-shadow: none;
  height: 38px;
  padding: 14px;
  font-size: 14px;
  margin: 0;
}
.messages-headline input:focus {
  box-shadow: none;
}
.messages-headline .input-with-icon i {
  font-size: 18px;
  right: 14px;
}
.messages-headline h4 {
  font-size: 16px;
  color: #333;
  padding: 0;
  margin: 0;
  font-weight: 500;
  display: inline-block;
}

.message-action {
  border-radius: 50px;
  font-size: 13px;
  color: #666;
  font-weight: 500;
  display: inline-block;
  transition: 0.3s;
  color: #666;
  padding: 0;
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
}
.message-action i {
  font-size: 14px;
  position: relative;
  top: 1px;
  margin-right: 1px;
}
.message-action:hover {
  color: #ee3535;
}

/* List */
.messages-inbox ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.message-avatar img {
  display: inline-block;
  width: 54px;
  height: 54px;
  border-radius: 50%;
}

.messages-inbox ul li {
  transition: 0.2s;
  position: relative;
}
.messages-inbox ul li a {
  position: relative;
  display: block;
  padding: 30px;
}
.messages-inbox ul li:nth-child(2n) {
  background-color: #f9f9f9;
}
.messages-inbox ul li:last-child {
  border-bottom: none;
}
.messages-inbox ul li.active-message {
  background-color: #fafafa;
}
.messages-inbox ul li:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 3px;
  height: 100%;
  background-color: #26ae61;
  display: block;
  content: "";
  opacity: 0;
  transition: 0.3s;
}
.messages-inbox ul li:hover:before, .messages-inbox ul li.active-message:before {
  opacity: 1;
}
.messages-inbox .message-avatar {
  position: absolute;
  left: 30px;
  top: 50%;
  transform: translateY(-50%);
}
.messages-inbox .message-by {
  margin-left: 85px;
  font-size: 15px;
  color: #666;
}

.message-by i { color: #b0b0b0; font-size: 12px; margin-right: 5px; }
.messages-inbox .message-by p {
  margin: 0;
  padding: 0;
  line-height: 25px;
  font-size: 15px;
}

.message-by-headline h5 {
  display: inline-block;
}
.message-by-headline span {
  display: inline-block;
  float: right;
  color: #888;
  font-size: 14px;
}
.message-by-headline h5 {
  font-weight: 500;
  color: #333;
  margin: 0 0 7px 0;
  padding: 0;
}
.message-by-headline:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.message-by h5 i {
  background-color: #26ae61;
  border-radius: 4px;
  line-height: 20px;
  font-size: 12px;
  color: #fff;
  font-style: normal;
  padding: 3px 8px;
  margin-left: 3px;
}

/* Single Message */
.messages-container-inner {
  display: flex;
}
.messages-container-inner .messages-inbox, .messages-container-inner .message-content {
  flex: 1;
}
.messages-container-inner .message-content-inner {
  padding: 30px;
  padding-bottom: 0;
  flex-grow: 1;
}
.messages-container-inner .message-content {
  display: flex;
  flex-direction: column;
}
.messages-container-inner .messages-inbox {
  max-width: 340px;
  border-right: 1px solid #eaeaea;
}
.messages-container-inner .messages-inbox ul li a {
  padding: 25px;
}
.messages-container-inner .messages-inbox .message-by p {
  height: 26px;
  max-width: 205px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 14px;
  color: #888;
}
.messages-container-inner .message-avatar img {
  width: 40px;
  height: 40px;
}
.messages-container-inner .messages-inbox .message-avatar {
  left: 25px;
}
.messages-container-inner .messages-inbox .message-by {
  margin-left: 60px;
}
.messages-container-inner .message-by-headline h5 {
  font-size: 14px;
  margin-bottom: 3px;
  max-width: 160px;
  line-height: 23px;
}
.messages-container-inner .message-by-headline span {
  font-size: 13px;
  position: absolute;
  top: 25px;
  right: 25px;
}

/* Message Bubbles */
.message-bubble {
  display: block;
  position: relative;
  margin-bottom: 25px;
  /* Message Bubble "me" */
}
.message-bubble .message-avatar {
  position: absolute;
  left: 0;
  top: 0;
}
.message-bubble .message-avatar img {
  width: 50px;
  height: 50px;
}
.message-bubble .message-text {
  margin-left: 70px;
  background-color: #f4f4f4;
  border-radius: 4px;
  padding: 12px 18px;
  position: relative;
  display: inline-block;
  float: left;
  line-height: 25px;
}
.message-bubble.me .message-text {
  float: right;
}
.message-bubble .message-text p {
  font-size: 15px;
  padding: 0;
  margin: 0;
  line-height: 25px;
  word-wrap: break-word;
}
.message-bubble.me .message-avatar {
  left: auto;
  right: 0;
}
.message-bubble.me .message-text {
  margin-left: 0;
  margin-right: 70px;
  background-color: #26ae61;
  color: #fff;
  position: relative;
}
.message-bubble .message-text:before {
  content: "";
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 6px solid #f4f4f4;
  left: -6px;
  right: auto;
  top: 19px;
  position: absolute;
}
.message-bubble.me .message-text:before {
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #26ae61;
  border-right: none;
  right: -6px;
  left: auto;
}

/* Message Time Sign */
.message-time-sign {
  text-align: center;
  display: block;
  position: relative;
  margin-bottom: 25px;
}
.message-time-sign:before {
  content: "";
  height: 1px;
  background-color: #eaeaea;
  display: block;
  max-width: 30%;
  margin: 0 auto;
  position: relative;
  top: 14px;
  z-index: 10;
}
.message-time-sign span {
  background-color: #fff;
  font-size: 14px;
  color: #888;
  z-index: 11;
  position: relative;
  padding: 0 10px;
}

#contact-message { margin-bottom: 15px; }
#send-message-from-chat #contact-message{ margin-bottom: 0; }
.button.secondary.save_draft {
    color: #666;
    background: #e0e0e0;
}

/* Reply */
.messages-container .message-reply {
  border-top: 1px solid #eaeaea;
  padding: 30px;
  display: flex;
  align-items: flex-start;
  margin-top: 15px;
}
.messages-container .message-reply textarea {
  min-width: auto;
  height: 48px;
  min-height: 48px;
  padding: 10px 0;
  margin: 0 15px 0 0;
  flex: 1;
  font-size: 15px;
  font-weight: 400;
  line-height: 26px;
  box-shadow: none;
  border: none;
  box-sizing: border-box;
  resize: none;
    width: 100%;
    display: block;
    max-width: 100%;
    min-width: 100%;
    height: 70px;
    border: none !important;
    background: transparent;
}
.messages-container .message-reply button {
  border-radius: 4px;
  flex: auto;
  flex-grow: 0;
  height: 44px;
  text-align: center;
  align-self: center;
  padding: 0 25px;
}
.message-reply i {
  padding: 0;
  margin: 0;
}

/* Typing Indicastor */
.typing-indicator {
  width: auto;
  height: 24px;
  padding-top: 8px;
}
.typing-indicator span {
  height: 8px;
  width: 8px;
  float: left;
  margin: 0 1px;
  background-color: #a0a0a0;
  display: block;
  border-radius: 50%;
  opacity: 0.4;
}
.typing-indicator span:nth-of-type(1) {
  animation: 1s blink infinite 0.33333s;
}
.typing-indicator span:nth-of-type(2) {
  animation: 1s blink infinite 0.66666s;
}
.typing-indicator span:nth-of-type(3) {
  animation: 1s blink infinite 0.99999s;
}

@keyframes blink {
  50% {
    opacity: 1;
  }
}
/* Messages Media Queries */
@media (max-width: 992px) {
  .messages-container-inner .messages-inbox {
    max-width: 300px;
  }
}
@media (max-width: 768px) {
  .messages-container-inner {
    display: block;
  }
  .messages-container-inner .messages-inbox {
    max-width: 100%;
    border-bottom: 1px solid #e4e4e4;
    border-right: none;
  }
  .messages-inbox ul {
    max-height: 500px;
  }
  .messages-container-inner .message-by-headline span {
    position: relative;
    top: 0;
    right: 0;
    display: block;
    float: none;
    padding: 0;
    margin: -4px 0 0 0;
  }
  .message-action {
    display: block;
    position: relative;
    right: 0;
    top: 0;
    transform: none;
    margin-top: -5px;
  }
  .messages-headline {
    max-height: 120px;
  }
}
/* -------------------------------------------------------------- */
/* 06. Layout Basics
----------------------------------------------------------------- */

/* Section Headline */
.section-headline {
  display: block;
  position: relative;
  padding-right: 20%;
}
.section-headline.centered {
  text-align: center;
  padding: 0;
}
.section-headline span {
  font-size: 18px;
  line-height: 26px;
  font-weight: 300;
  color: #888;
  margin-top: 0;
  display: block;
}
.section-headline h1, .section-headline h2, .section-headline h3 {
  font-size: 26px;
  line-height: 36px;
  font-weight: 500;
  color: #333;
}
.section-headline h4 {
  font-size: 26px;
  line-height: 36px;
  font-weight: 500;
  color: #333;
  font-size: 22px;
  line-height: 34px;
}
.section-headline.border-top {
  border-top: 1px solid #e0e0e0;
}

h1.in-a-box, h2.in-a-box, h3.in-a-box, h5.in-a-box {
  display: inline-block;
  font-size: 18px;
  background-color: #333;
  color: #fff;
  border-radius: 4px;
  padding: 8px 20px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
}

.section-headline h5 {
  font-size: 16px;
  font-weight: 500;
  line-height: 30px;
}

/* 
/* Single Task / Job / Profile Headings */
.single-page-section {
  margin-bottom: 55px;
  display: block;
}
.single-page-section p:last-of-type {
  padding-bottom: 0;
  margin-bottom: 0;
}
.single-page-section h3 {
  margin-bottom: 20px;
  font-size: 20px;
}
.single-page-section .job-listing h3.job-listing-title {
  margin-bottom: 0;
}

/* Headline Link */
a.headline-link {
  position: absolute;
  right: 0;
  bottom: 0;
}
a.headline-link.bottom-icon:after {
  content: "\e957";
  top: 3px;
}
a.headline-link:after {
  content: "\e995";
  font-family: "Material-Icons";
  font-size: 21px;
  line-height: 0;
  position: relative;
  top: 4px;
  margin-left: 5px;
}



/* -------------------------------------------------------------- */
/* Popup Tabs
----------------------------------------------------------------- */

/* ---------------------------------- */
/* Popup tabs
------------------------------------- */
.popup-tabs-nav {
  list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    display: block;
    height: 62px;
    background: #f8f8f8;
    border-radius: 4px 4px 0 0;
    border-bottom: 1px solid #e0e0e0;
}

.popup-tabs-nav li {
  float: left;
  line-height: 62px;
  height: 62px;
  padding: 0;
  margin-right: 0;
  position: relative;
}

.popup-tabs-nav li:first-child a {
  border-radius: 4px 0 0 0;
}

.popup-tabs-nav li a,
.popup-tab-reviews {
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.popup-tabs-nav li a {
  border: none;
  color: #777;
  display: inline-block;
  outline: none;
  padding: 0;
  text-decoration: none;
  font-size: 16px;
  z-index: 10;
  position: relative;
  height: 100%;
  padding: 0 30px;
  border-right: 1px solid transparent;
  border-left: 1px solid transparent;
  transition: all 0.3s, font-weight 0s;
  border-right: 1px solid #e0e0e0;
}

.popup-tabs-nav li.active {
  background-color: #fff;
  position: relative;
}

.popup-tabs-nav li a:hover {
  background-color: #f3f3f3;
  height: calc(100% - 1px);
  color: #333;
}

.popup-tabs-nav li:last-child a:hover {
  border-right: 1px solid #e0e0e0;
}

.popup-tabs-nav li.active a:hover,
.popup-tabs-nav li.active {
  background-color: #fff;
}

.popup-tabs-nav li.active a {
  color: #66676b;
  font-weight: 500;
}

.popup-tabs-nav li.active:after {
  content: "";
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #fff;
  z-index: 111;
}

.popup-tabs-nav li:first-child.active {
  border-left: none;
  border-radius: 4px 0 0 0;
}

.popup-tab-content {
  padding: 50px 35px;
  position: relative;
  z-index: 10;
  display: inline-block;
  width: 100%;
}

.popup-tabs-container {
  overflow: hidden;
  width: 100%;
}

.popup-tab-content p:last-child { margin-bottom: 0; }

.dialog-with-tabs#sign-in-dialog,
.dialog-with-tabs#small-dialog-1,
.dialog-with-tabs#small-dialog-2,
.dialog-with-tabs#small-dialog-3,
.dialog-with-tabs#small-dialog-4,
.dialog-with-tabs#small-dialog { 
  padding: 0;
  color: #666;
  max-width: 540px;
  box-shadow: 0 0 25px rgba(0,0,0,0.25);
}

/* Close Button Adjustments*/
#sign-in-dialog.dialog-with-tabs .mfp-close,
#small-dialog.dialog-with-tabs .mfp-close,
#small-dialog-1.dialog-with-tabs .mfp-close,
#small-dialog-2.dialog-with-tabs .mfp-close,
#small-dialog-3.dialog-with-tabs .mfp-close,
#small-dialog-4.dialog-with-tabs .mfp-close {
    color: #888;
    background-color: #f8f8f8;
    border-left: 1px solid #e0e0e0;
    border-radius: 0 4px 0 0;
    top: 0;
    right: 0;
    width: 62px;
    height: 61px;
}

#sign-in-dialog.dialog-with-tabs .mfp-close:hover,
#small-dialog-1.dialog-with-tabs .mfp-close:hover,
#small-dialog-2.dialog-with-tabs .mfp-close:hover,
#small-dialog-3.dialog-with-tabs .mfp-close:hover,
#small-dialog-4.dialog-with-tabs .mfp-close:hover,
#small-dialog.dialog-with-tabs .mfp-close:hover {
    color: #333;
    background-color: #f2f2f2;
}

.dialog-with-tabs .mfp-close:before,
.dialog-with-tabs .mfp-close:before {
    font-size: 24px;
}


/* Chrome autocomplete highlight reset */
.dialog-with-tabs input:-webkit-autofill,
.dialog-with-tabs input:focus:-webkit-autofill {
    border: 1px solid #e0e0e0;
    -webkit-box-shadow: inset 0 0 0px 9999px white, 0 1px 4px rgba(0,0,0,0.07);
}

.dialog-with-tabs input {
    margin-bottom: 22px;
}

/* Forgot Password Link */
.dialog-with-tabs .forgot-password {
  font-size: 14px;
  color: #888;
  margin-top: -12px;
  display: block;
}

.dialog-with-tabs .forgot-password:hover {
  color: #66676b;
}


/* Submit Button Adjustments */
.dialog-with-tabs .button {
  height: 48px;
  width: 100% !important;
  margin-top: 25px;
  box-shadow: 0 4px 12px rgba(102,103,107,0.15);
}


/* -------------------------------------------------------------- */
/* 08. Custom CSS
----------------------------------------------------------------- */
.account-type .sl.sl-icon-briefcase:before,
.account-type .sl.sl-icon-user:before {
    font-family: "Material-Icons" !important;
    content: "\e924" !important;
    font-size: 18px;
    line-height: 0;
    top: 2px;
    position: relative;
}

.account-type .sl.sl-icon-user:before {content: "\e907"  !important;}

/* Add here all your CSS customizations */
.dashboard-content-container {
  overflow-y: auto !important;
}

@media (min-width: 992px) {
  body.page-template-template-dashboard {
    overflow: hidden;
  }
}


@media (min-width: 1099px) {
#header-container.dashboard-header #logo_nh {
    width: 281px;
    padding-left: 35px;
}
}


@media (min-width: 1260px) {
.col-xl-12 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}}

.dashboard-content-container .row {
    margin-left: -15px;
    margin-right: -15px;
}

@media (max-width: 1100px) {
html body.admin-bar.page-template-template-dashboard .new-header #header {
    top: 0;
}}

.new-dashboard-container .activity-time { margin-left: 5px; }

.app-footer .star-rating:before { display: none; }

.app-content a.button.gray { border-radius: 4px !important; }
.app-tabs .close-tab {display: none !important;}


.field.full-line-checkbox-field input[type=checkbox],
.fieldset-remote_position input[type=checkbox] {
     line-height: 25px;
    vertical-align: middle;
    padding: 10px 0;
    display: inline-block;
    margin: 4px 5px 0 0;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.field.full-line-checkbox-field input[type=checkbox] {
	float: left;
}

.job-manager-uploaded-file-name { border-radius: 4px; }
.form.fieldset-remote_position .field { display: flex; cursor: pointer;}
.form.fieldset-remote_position label { cursor: pointer;}
.submit-page .fieldset-remote_position small.description { top: 2px; }

/* AJAX Loader  */
.loader-ajax {
    border-radius: 50%;
    width: 22px;
    height: 22px;
    border: 0.3rem solid rgba(255, 255, 255, 0.2);
    border-top-color: white;
    -webkit-animation: spin 1s infinite linear;
    animation: spin 1s infinite linear;
    top: 13px;
    position: absolute;
    left: 13px;
    transform: translate(-50%, -50%);

}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.loader-ajax-container {
    position: absolute;
    margin: 0 auto;
    text-align: center;
    left: 0;
    right: 0;
    z-index: 100;
    top: calc(50% - 15px);
    transform: translateY(-50%);
    top: 100px;
    background: #66676b;
    height: 48px;
    width: 48px;
    border-radius: 50%;
    box-shadow: 0 0 20px rgba(102, 103, 107, 0.4);
}


.loader-ajax-container {
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
}


body .tasks-list-container.loading .loader-ajax-container {
    opacity: 1;
    visibility: visible;
}

body .tasks-list-container.loading {
    opacity: 1;
    position: relative;
}

body .tasks-list-container.loading .listing-item-container {
    opacity: 0.7;
    transition: opacity 0.3s;
}

body .tasks-list-container.loading .listing-item-container:hover {
    transform: none;
}

body #dashboard table.manage-table tr td.task-bid-info {
 min-width: 410px;
}

.job_packages,
#job_package_selection .user-packages {
    padding-left: 0;
    margin-bottom: 55px;
}

#job_package_selection .user-packages p {
    margin-bottom: 0;
    opacity: 0.75;
    font-size: 15px;
    margin-top: 2px;
    line-height: 23px;
}
.job_packages,
.job_packages li { list-style: none; }

#job_package_selection .user-packages p,
.job_packages p {
  margin: 0;
  padding: 0;
  font-weight: 400;
  font-size: 14px;
  opacity: 0.8;
}

.job_packages label { font-weight: 500 !Important }


#task_package_selection h4 strong { font-weight: 500; }
#task_package_selection .user-packages label,
#task_package_selection .plan-features label,
#job_package_selection .user-packages label,
#job_package_selection .plan-features label {
    background: #e6f3da;
    border-radius: 4px;
    padding: 10px 16px;
    padding-left: 40px;
    color: #5f9025;
    cursor: pointer;
    border: none;
    box-shadow: none;
    width: auto;
}

#task_package_selection .user-packages label,
#job_package_selection .user-packages label {
    padding: 15px 30px 13px 52px;
    width: 100%;
}

/* @media (max-width: 1600px) {
     #job_package_selection .user-packages label {
        width: 100%;
    }  
} */

#task_package_selection .user-packages [type="radio"]:checked,
#task_package_selection .user-packages [type="radio"]:not(:checked),
#task_package_selection .plan-features [type="radio"]:checked,
#task_package_selection .plan-features [type="radio"]:not(:checked),
#job_package_selection .user-packages [type="radio"]:checked,
#job_package_selection .user-packages [type="radio"]:not(:checked),
#job_package_selection .plan-features [type="radio"]:checked,
#job_package_selection .plan-features [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

#task_package_selection .user-packages [type="radio"]:checked+label,
#task_package_selection .user-packages [type="radio"]:not(:checked)+label,
#task_package_selection .plan-features [type="radio"]:checked+label,
#task_package_selection .plan-features [type="radio"]:not(:checked)+label,
#job_package_selection .user-packages [type="radio"]:checked+label,
#job_package_selection .user-packages [type="radio"]:not(:checked)+label,
#job_package_selection .plan-features [type="radio"]:checked+label,
#job_package_selection .plan-features [type="radio"]:not(:checked)+label {
    position: relative;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #5f9025;
    margin-top: 16px;
    margin-bottom: 5px;
    font-weight: 500;
}

#task_package_selection .user-packages [type="radio"]:checked+label:before,
#task_package_selection .user-packages [type="radio"]:not(:checked)+label:before,
#task_package_selection .plan-features [type="radio"]:checked+label:before,
#task_package_selection .plan-features [type="radio"]:not(:checked)+label:before,
#job_package_selection .user-packages [type="radio"]:checked+label:before,
#job_package_selection .user-packages [type="radio"]:not(:checked)+label:before,
#job_package_selection .plan-features [type="radio"]:checked+label:before,
#job_package_selection .plan-features [type="radio"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 10px;
    top: 10px;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    background: #fff;
}

#task_package_selection .user-packages [type="radio"]:checked+label:before,
#task_package_selection .user-packages [type="radio"]:not(:checked)+label:before,
#job_package_selection .user-packages [type="radio"]:checked+label:before,
#job_package_selection .user-packages [type="radio"]:not(:checked)+label:before {
    left: 15px;
    top: 15px;
}

#task_package_selection .user-packages [type="radio"]:checked+label:after,
#task_package_selection .user-packages [type="radio"]:not(:checked)+label:after,
#task_package_selection .plan-features [type="radio"]:checked+label:after,
#task_package_selection .plan-features [type="radio"]:not(:checked)+label:after,
#job_package_selection .user-packages [type="radio"]:checked+label:after,
#job_package_selection .user-packages [type="radio"]:not(:checked)+label:after,
#job_package_selection .plan-features [type="radio"]:checked+label:after,
#job_package_selection .plan-features [type="radio"]:not(:checked)+label:after {
    content: "\e928";
    width: 12px;
    height: 12px;
    background: #fff;
    position: absolute;
    top: 10px;
    left: 13px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
  font-family: 'Material-Icons' !important;
    font-weight: 900;
    font-size: 14px;
}

#job_package_selection .user-packages [type="radio"]:checked+label:after,
#task_package_selection .user-packages [type="radio"]:checked+label:after,
#job_package_selection .user-packages [type="radio"]:not(:checked)+label:after,
#task_package_selection .user-packages [type="radio"]:not(:checked)+label:after {
    top: 15px;
    left: 18px;
}

.dashboard-list-box .products.user-packages {
    line-height: 20px
}

.dashboard-list-box .products.user-packages p {
    margin: 0;
    font-size: 15px;
}

#task_package_selection .user-packages [type="radio"]:not(:checked)+label:after,
#job_package_selection .user-packages [type="radio"]:not(:checked)+label:after,
#task_package_selection .plan-features [type="radio"]:not(:checked)+label:after,
#job_package_selection .plan-features [type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

#task_package_selection .user-packages [type="radio"]:checked+label:after,
#job_package_selection .user-packages [type="radio"]:checked+label:after,
#task_package_selection .plan-features [type="radio"]:checked+label:after,
#job_package_selection .plan-features [type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.job_listing_packages {
    margin-top: 30px;
}
.job_listing_packages_title h2 { display: none;}

#job_package_selection .user-packages {
    padding-left: 0;
    margin-bottom: 55px;
    list-style: none;
    text-align: left;
    margin-top: -55px;
}
#job_package_selection .user-packages p{
    font-weight: 500;
}



#task_package_selection .user-packages [type="radio"]:checked+label,
#task_package_selection .user-packages [type="radio"]:not(:checked)+label,
#job_package_selection .user-packages [type="radio"]:checked+label,
#job_package_selection .user-packages [type="radio"]:not(:checked)+label {
    font-weight: 600;
}

.job_listing_packages h4 strong {
  font-weight: 500;
}
#small-dialog-3,
#small-dialog-2,
#small-dialog-1 {
    background: #fff;
    padding: 40px;
    padding-top: 0;
    text-align: left;
    max-width: 610px;
    margin: 40px auto;
    position: relative;
    box-sizing: border-box;
    border-radius: 4px;
}

.dashboard-box .headline .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-right: 35px;
}

.dashboard-box .headline .sort-by { margin-top: -10px; }

.dashboard-box .headline .sort-by .select2-container--default .select2-selection--single {
  border: none !Important;
  background-color: transparent !Important;
}

.dashboard-box .headline .sort-by .select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-top: -2px;
}

.bidding-widget .bidding-fields .qtyButtons input {
    border: none;
    background: transparent;
    font-size: 17px;
    font-weight: 500;
}

body .sidebar-widget .remove-bookmark.button.dark,
body .sidebar-widget .bookmark-notice.small-dialog.popup-with-zoom-anim.button.dark {
    background: #fbf4d2;
    color: #a38948;
    box-shadow: none;
    padding: 10px 16px;
    border-radius: 4px;
    margin-bottom: 15px;
    font-weight: 400;
}


body .sidebar-widget .remove-bookmark.button.dark:hover,
body .sidebar-widget .bookmark-notice.small-dialog.popup-with-zoom-anim.button.dark:hover {
  background: #f8edc0;
}

body .sidebar-widget .remove-bookmark.button.dark { background: #333; color: #fff; }

.bookmark-notice i:before {
    content: "\e988";
    font-family: "Material-Icons" !important;
    font-size: 18px;
    position: relative;
    top: 2px;
}
body .bookmark-notice.button i {
    padding-right: 0px;
}

#titlebar .bookmark-notice.button i {
    padding-right: 2px;
}

.bidding-inner-success {
     text-align: center;
}
.bidding-inner-success i {
      color: #23b35f;
      font-size: 40px;
}

.sidebar-widget h3 { font-size: 20px; }




.company_video iframe {
    width: 100%;
    border-radius: 6px;
}
.candidate-video {
    border-radius: 6px;
    overflow: hidden;
}




body .bids-action-accept-offer.loading i:before {
  content: "\f110";
  font-family: FontAwesome;
  font-size: 13px;
  top: -2px;
  left: 3px;
  position: relative;
  display: inline-block;
 animation: spin 2s infinite linear;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


.bid-proposal-text {
    max-height: 300px;
    overflow-y: auto;
    margin: 5px 0 20px 0;
}

body .job-manager-uploaded-file-preview img {
    max-width: 120px;
    border-radius: 4px;
}


#small-dialog-2.workscout-rate-popup  { max-width: 780px; }

.fieldset-remote_position .description { font-size: 14px; position: relative; top: 1px; }
.fieldset-task_type .radio { margin-right: 8px; }
.fieldset-task_skill .keywords-list { margin-top: 10px; }

.field.ui-sortable .field.ui-sortable {
  padding: 0;
  border: none;
}

.task_preview.single-task {
  background: #fff;
  border-radius: 5px;
}



/* ---------------------------------- */
/* Freelancers - Grid Layout
------------------------------------- */
.freelancers-container {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 30px);
}

.freelancer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 30px 30px 0;
  width: calc(100% * (1/2) - 30px);
  border-radius: 4px;
  background-color: #fff;
  transition: 0.3s;
  position: relative;
  cursor: default;
}

body .freelancer:hover {
  box-shadow: 0 0 16px rgba(0,0,0,0.06);
  background: transparent !important;
}

.resumes li:hover {
  border-color: #e0e0e0 !important;
}

.freelancer .bookmark-icon {
  cursor: pointer;
}

.freelancer-overview {
  text-align: center;
  padding: 38px 20px;
  flex-grow: 1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.freelancer-overview-inner {
  flex: 1;
}

.freelancer-overview .freelancer-avatar {
  width: 130px;
  margin: 0 auto;
  position: relative;
}

@media (max-width: 1300px) {
.freelancers-grid-layout .freelancer-overview .freelancer-avatar {
  width: 110px;
}
}

.freelancer-overview .freelancer-avatar img {
  width: 100%;
  border-radius: 50%;
  cursor: pointer;
  float: none;
  height: auto;
  margin: 0px;
  display: block;
}

.freelancer-overview .freelancer-avatar .verified-badge {
  position: absolute;
  bottom: 0;
  right: 0;
}

#job-spotlight .button-sliding-icon {
  width: 100%;
  display: block;
}
.freelancer-name {
  margin-top: 19px;
}

.company-not-rated {
    background: #fff;
    border-radius: 4px;
    color: #808080;
    padding: 5px 8px;
    line-height: 18px;
    display: inline-block;
    box-shadow: 0 1px 3px rgb(0 0 0 / 13%);
    font-size: 13px;
}

.freelancer-name .company-not-rated,
.company-data .company-not-rated,
.company .company-not-rated {
    box-shadow: none;
    background: #f4f4f4;
    margin-bottom: 0 !important;
}

.company-data .company-not-rated { margin-bottom: 20px !important; }
.freelancer-name .company-not-rated { margin-top: 5px; }

.compact-list.freelancers-list-layout .freelancer:nth-child(2n) .freelancer-name .company-not-rated {
    background: #f0f0f0;
}

.freelancer-rating {
  margin-top: 5px;
  margin-bottom: -10px;
}

.freelancer-name h4,
.freelancer-name h4 a {
    font-size: 18px;
    font-weight: 500;
    color: #333;
    cursor: pointer;
    line-height: 22px;
    margin-bottom: 10px;
  }

.freelancer-name img.flag {
  height: 15px;
  border-radius: 3px;
  position: relative;
  top: 1px;
  display: inline-block;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  cursor: default;
  width: auto;
  margin:0px;
  margin-left: 4px;
  float: none;
}

.freelancer-name span {
    color: #888;
    font-size: 14px;
    line-height: 22px;
    display: block;
    margin-top: -4px;
    margin-bottom: 7px;
}

.freelancer-details {
  padding: 35px;
  background-color: #f8f8f8;
  flex-grow: 0;
}

.freelancers-grid-layout .freelancer-details {
  border-radius: 0 0 4px 4px;
}

.freelancers-grid-layout .freelancer-details a.button {
  display: block;
  text-align: center;
  width: 100% !important;
  box-shadow: none;
}

.freelancers-grid-layout .freelancer-details a.button:hover {
  color: #fff;
}

.freelancer-details-list ul {
  list-style: none;
  padding: 0;
  margin: 0 0 5px 0;
  font-size: 14.7px;
}

.freelancer-details-list ul li {
  display: inline-block;
  margin-right: 25px !important;
  line-height: 23px;
  color: #808080;
  margin-bottom: 15px !important;
  border:0px;
  background-color: transparent;
}

/* Style resets */
body .type-page .freelancer ul, 
body .type-page .freelancer ul li {
    line-height: 24px;
    padding: 0;
    margin: 0;
    background: transparent;
}

.freelancer-details-list ul li strong {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 120px;
  height: 25px;
}

.freelancer-details-list ul li:last-child {
  margin-right: 0;
  border: 0px;
    background-color: transparent
}

.freelancer-details-list ul li strong {
  display: block;
  color: #333;
  font-weight: 500;
}

.freelancer-details-list ul li strong i {
  position: relative;
  top: 1px;
  margin-right: -1px;
  margin-left: -2px;
}

.full-page-content-inner .listings-container .resumes { margin-top: -30px; }
/* Detail Item */
.freelancer-detail-item {
  display: inline-block;
  margin: 2px 10px 5px 0;
}

.freelancer-detail-item a,
.freelancer-detail-item {
  color: #888;
}

.freelancer-detail-item a:hover {
  color: #66676b;
}

.freelancer-detail-item i {
  position: relative;
  top: 2px;
  margin-right: 3px;
}


/* Media Queiers for Freelancers List */
@media (max-width: 1366px) {
  .freelances-grid-layout .freelancer-overview .freelancer-avatar {
    width: 100px;
  }
}

@media (max-width: 768px) {
  .freelances-grid-layout.freelancers-container {
    width: 100%;
  }

  .freelances-grid-layout .freelancer {
    margin: 0 0 30px 0;
    width: 100%;
  }

  .freelancers-container.freelancers-grid-layout {
    width: 100%;
  }

  .freelancers-container.freelancers-grid-layout .freelancer {
    width: 100%;
    margin-right: 0;
  }
}

/* Full Page Media Queiers for Freelancers List */
@media (max-width: 3560px) {
  .full-page-container-v2 .freelancer {
    width: calc(100% * (1/5) - 30px);
  }
}

@media (max-width: 2560px) {
  .full-page-container-v2 .freelancer {
    width: calc(100% * (1/4) - 30px);
  }
}

@media (max-width: 1920px) {
  .full-page-container-v2 .freelancer {
    width: calc(100% * (1/3) - 30px);
  }
}

@media (max-width: 1440px) {
  .full-page-container-v2 .freelancer {
    width: calc(100% * (1/2) - 30px);
  }
}

@media (max-width: 1099px) {
  .full-page-container-v2 .freelancers-container {
    width: 100%;
  }

  .full-page-container-v2 .freelancer {
    width: 100%;
    margin-right: 0;
  }
}

/* ---------------------------------- */
/* Freelancers - List Layout
------------------------------------- */
.freelancers-container.freelancers-list-layout {
  width: 100%;
}

.freelancers-list-layout .freelancer {
  margin: 0 0 30px 0;
  width: 100%;
  flex-direction: row;
  justify-content: center;
}

.freelancer {
  padding: 0px !important;
  border: 1px solid #e0e0e0;
  box-shadow: none;
}

.freelancers-list-layout .freelancer-overview {
  text-align: left;
  padding: 45px 40px;
  flex-grow: 1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.freelancers-list-layout .freelancer-overview-inner {
  flex: 1;
  display: flex;
  align-items: center;
}

.freelancers-list-layout .freelancer-details {
  padding: 45px 40px 45px 0;
  background-color: transparent;
  flex: 0 0 360px;
}

.freelancers-list-layout .freelancer-overview .freelancer-avatar {
  width: 100px;
  margin: 0;
}

.freelancers-list-layout .freelancer-overview .freelancer-name {
  text-align: left;
  margin: 0 0 0 30px;
}

@media (max-width: 992px) {
  .freelancers-list-layout .freelancer-overview .freelancer-name { margin-left: 18px; }
}

.freelancers-list-layout .freelancer-details a.button {
  display: block;
  text-align: center;
  min-width: 50%;
  max-width: 100%;
  width: auto !important;
  float: right;
}

.freelancers-list-layout .freelancer-details a.button:hover {

}

.freelancers-list-layout .bookmark-icon {
  display: none;
}

.freelancers-list-layout .freelancer-details-list ul {
  float: right;
  display: block
}

.freelancers-list-layout .freelancer-details-list ul li {
  margin-left: 25px;
  margin-right: 0;
  float: right;
}

/* Freelancers Compact List */
.compact-list.freelancers-list-layout .freelancer {
  border-radius: 0;
  margin-bottom: 0;
  box-shadow: none;
}

.compact-list.freelancers-list-layout .freelancer:hover {

}

.compact-list.freelancers-list-layout {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: none;
}

.compact-list.freelancers-list-layout .freelancer:nth-child(2n) {
  background-color: #f9f9f9;
  border-top: none;
  border-bottom: none;
}
.compact-list.freelancers-list-layout .freelancer:nth-child(2n):hover {
  background-color: #f9f9f9 !important
}
.compact-list.freelancers-list-layout .freelancer:hover:before {
  opacity: 1;
}
.compact-list.freelancers-list-layout .freelancer {
    border-top: none; 
    border-bottom: none;
}
.compact-list.freelancers-list-layout .freelancer:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 3px;
  height: 100%;
  display: block;
  background: #66676b;
  transition: 0.3s;
  opacity: 0;
}

.compact-list.freelancers-list-layout .freelancer:last-of-type {
  border-radius: 0 0 3px 3px;
  overflow: hidden;
}

.compact-list.freelancers-list-layout .freelancer:first-of-type {
  border-radius: 3px 3px 0 0;
  overflow: hidden;
}
.compact-list.freelancers-list-layout .freelancer:first-child { 
  border-top: 1px solid #e0e0e0;
}

.compact-list.freelancers-list-layout .freelancer:last-child { 
  border-bottom: 1px solid #e0e0e0;
}

/* Media Queiers for Freelancers List Layout */
@media (max-width: 1366px) {
  .freelancers-list-layout .freelancer-overview .freelancer-avatar {
    width: 100px;
  }
}

@media (max-width: 1240px) {

  .freelancers-list-layout .freelancer {
    flex-direction: column;
  }

  .freelancers-list-layout .freelancer-details {
    flex: 1;
    padding: 35px 40px;
    background-color: #fafafa;
  }

  .freelancers-list-layout .freelancer-details-list ul {
    float: left;
  }

  .freelancers-list-layout .freelancer-details-list ul li {
    margin-left: 0;
    margin-right: 25px;
    float: left;
  }

  .freelancers-list-layout .freelancer-details a.button {
    float: none;
    width: 100% !important;
  }

  .freelancers-list-layout .freelancer-overview .freelancer-avatar {
    width: 90px;
  }

  /* Compact Layout */
  .compact-list.freelancers-list-layout .freelancer-details {
    background-color: transparent;
    padding-top: 0;
  }
}

@media (max-width: 768px) {

  .freelancers-list-layout .freelancer-overview,
  .freelancers-list-layout .freelancer-details {
    padding: 30px;
  }

  .freelancers-list-layout .freelancer-overview .freelancer-avatar {
    width: 80px;
  }

  .freelancers-list-layout .star-rating:before {
    display: block;
    float: none;
    text-align: center;
    max-width: 40px;
    margin-bottom: 4px;
  }
}


#tasks-sort-by-form .select2-selection {
  text-align: right;
  min-width: 150px;
  margin-right: -10px;
}

strong.negotiable { font-size:15px; }

/* Elementor Freelancer Widget */
.elementor-freelancer {
    background: #fff;
    display: block;
    border-radius: 8px;
    box-shadow: 0 4px 18px rgba(0,0,0,0.15) !important;
    padding: 5px;
    transition: 0.4s;
}

.elementor-freelancer:hover {
  transform: translateY(-7px);
}

.elementor-freelancer-img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    overflow: hidden;
    border-radius: 5px;
}

@media (max-width: 992px) {
.elementor-freelancer-img {
    height: 220px;
}
}

body .elementor-freelancer-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
    display: block;
}

.elementor-freelancer-footer {
  text-align: center;
    display: block;
    padding: 20px;
}
.elementor-freelancer .flag {
    height: 15px;
    border-radius: 3px;
    position: relative;
    top: 0;
    display: inline-block;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    cursor: default;
    width: auto;
    margin: 0px;
    margin-left: 4px;
    float: none;
}
 
.elementor-freelancer-footer h3 {
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
}

.elementor-freelancer-footer span {
    font-size: 15px;
    line-height: 22px;
    color: #888;
    display: block;
}

.elementor-freelancer .company-not-rated {
  margin-top: 8px;
  box-shadow: none;
  background: #f0f0f0;
  margin-bottom: 0 !important;
}
.container  .elementor-widget-workscout-basicsearch .sixteen.columns {
  width: 100%;
  margin: 0;
}

.elementor-widget-workscout-basicsearch .select2-container--default .select2-selection--single .select2-selection__rendered,
.elementor-widget-workscout-basicsearch .intro-banner-search-form input {
    box-shadow: none;
    font-size: 15.5px;
    margin: 0;
    font-weight: 400;
    border: none;
}

.elementor-widget-workscout-basicsearch .intro-banner-search-form input {
    padding: 10px 10px;
}
.elementor-widget-workscout-basicsearch .intro-banner-search-form input:focus {
    box-shadow: none;
    border: none;
}

.elementor-widget-workscout-basicsearch .intro-banner-search-form {margin-top: 60px;}
@media (max-width: 1024px) {
	body .highlighted-categories-headline { margin-top: 25px; }
	.elementor-widget-workscout-basicsearch .intro-banner-search-form { margin-top: -10px !important; }
}

.elementor-widget-workscout-tasks a.button.centered.link_more_jobs { margin-top: 10px;}

/* ---------------------------------- */
/* Highlighted Categories
------------------------------------- */
.highlighted-category {
	float: left;
	border-radius: 4px;
	margin: 5px 5px 0 0;
	padding: 2px 13px;
	text-align: center;
	transition: 0.4s;
	transform: scale(1);
	vertical-align: top;
	position: relative;
	width: auto;
    color: #fff;
    background-color: #ffffff15;
    border: 1px solid rgba(255, 255, 255, 0.15);
}

body .highlighted-category:hover {
    background-color: #fff;
    color: #333;
}

.highlighted-category h4 {
	font-size: 13px;
	color: #fff;
	opacity: 1;
	transition: 0.4s;
	line-height: 20px;
	margin: 0;
	font-weight: 400;
	display: inline-block;
	margin-left: 6px;
	font-weight: 400;
	position: relative;
	margin: 0;
	padding: 0;
}

.highlighted-category i {
    display: none;
}

.highlighted-category:hover h4 { color: #222; }

.highlighted-categories-headline {
	font-size: 14px;
	color: #fff;
	font-weight: 400;
	margin-top: 35px;
	margin-bottom: 3px;
}

.dashboard-content-inner .icon-material-outline-settings:before {
	font-family:'Feather-Icons' !important;
	content: "\e958";
	font-size: 15px;
}

.form.fieldset-task_location .field {position: relative;}

.single-company .tasks-list-container.tasks-grid-layout {
    margin-top: 20px !important;
    margin-bottom: 20px;
}

#titlebar.photo-bg #breadcrumbs span,
#titlebar.photo-bg #breadcrumbs span a {
	margin-bottom: 0;
}

body .woocommerce form .form-row .input-checkbox {
	display: inline-block
}

.resume_preview .candidate_photo {
	max-width: 62px;
	height: 62px;
	object-fit: cover;
	margin-right: 20px;
}

.workscout-delete-me a {
	color: #fff;
	background: #ea4848;
	padding: 10px 15px;
	border-radius: 5px;
	display: inline-block;
	margin-bottom: -109px;
}



.listing-added-notice {
	background: #fff;
	box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.06);
	border-radius: 4px;
	padding: 15px;
	text-align: center;
}

@media (min-width: 992px) {
	.listing-added-notice {
		background: #fff;
		box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.06);
		border-radius: 4px;
		padding: 50px 15px;
	}

	.listing-added-notice .booking-confirmation-page i {
		color: #23b35f;
		font-size: 140px;
		margin-bottom: -10px;

	}

	.listing-added-notice .booking-confirmation-page h2 {
		font-size: 46px;
		font-weight: 700;
		letter-spacing: -0.5px;
		margin-bottom: 15px;
		display: block;
	}

	.listing-added-notice .booking-confirmation-page p {
		margin-bottom: 5px;
		font-size: 16px;
	}

}

/* Elementor Flexbox Adjustments */
body.elementor-page .container .sixteen.columns,
body.elementor-page .container:not(.elementor-widget-container .container, #header .container, #footer-new .container, #titlebar .container),
body.elementor-page #wrapper { width: 100%; margin: 0 auto; }


body.elementor-page .intro-banner .container .row { padding: 0 15px; }

@media only screen and (min-width: 960px) and (max-width: 1289px) {
    body.elementor-page .intro-banner .container {
        width: 100%;
    }

	 body.elementor-page .intro-banner:not(.boxed) .container { padding-left: 25px; padding-right: 25px; }
}

@media (max-width: 1100px) {
	.boxed-search-container { padding: 30px;}
	.intro-banner.boxed.dark-overlay-boxed:before { display: none;}
}

@media (max-width: 992px) {
	.intro-banner.boxed .intro-banner-search-form { margin-top: -10px;}
    body.elementor-page .container {
        width: 100%;
    }
    body.elementor-page .container.full-width { padding: 0; }
    body.elementor-page .intro-banner .container { padding: 0; }
body.elementor-page .intro-banner .container .row { padding: 0px; }
}

.search-banner-placeholder {
	display: none !important;
}

.intro-banner {
	opacity: 1 !important;
}

/* Menu Flickering fix */
#navigation ul li ul,
#navigation ul li .mega-menu { pointer-events: none; } 
#navigation ul li:hover ul,
#navigation ul li:hover .mega-menu, #navigation ul li:hover ul { pointer-events: all; }

ul.share-post li a {
	height: 36px;
}

@media (max-width: 768px) {
	.small-dialog-content {
		padding: 25px;
	}
}

@media (min-width: 1300px) {
	.page-template-template-dashboard .new-header #logo_nh img {
		height: auto;
		max-width: 90%;
		max-height: 60px;
	}
}

@media (min-width: 992px) {
	body.page-template-template-dashboard.ws-user-logged-out {
		overflow-y: auto;
	}
}

.ws-user-logged-out.page-template-template-dashboard .new-header #logo_nh img {
	max-height: 45px;
}

.wc-block-components-checkout-place-order-button {
	font-weight: 600;
	font-size: 16px;
	outline: none;
	border: none;
	background: #56b958;
	color: #fff;
	border-radius: 5px;
}

.wc-block-components-checkout-place-order-button:hover {
	background: #4fb251;
	color: #fff;
}

/* WPJM Stats Style Reset */
.dashboard-box-list .jm-dashboard-job {
    align-items: flex-start;
	flex-direction: column;
    display: flex;
	gap: 0;
	margin: 0;
	padding: 0;
	border: none;
}


body .jm-ui-button__icon {    background-color: #fff;  }
body .jm-dialog-close,body .jm-dialog-close:hover {background-color: #222; opacity: 1; }
body .jm-dashboard__overlay { margin: 3%;     box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1);}
body .jm-dialog-backdrop {
    background-color: rgb(0 0 0 / 48%);}
   body .jm-job-overlay-header .job_title { color: #333; font-weight: 500;}
body .jm-job-overlay-details-box {
    background: #f8f8f8;
    border-radius: 5px;
}


body.elementor-page #titlebar .container .sixteen.columns {
	padding: 0 10px
}

.workscout-custom-fields-wrapper {
	display: none;
}

.woocommerce-checkout #order_review.listeo-pay-form {
	float: none;
	width: 100%;
}

.ws-user-logged-out .job-manager-error {
	margin: 10% 20%;
}

/* WPJM SELECT2 RESET */
body.theme-workscout .page .select2-dropdown {
	box-shadow: none !important;
	border: 1px solid #ddd;
	border-top: none;
	border-radius: 0 0 4px 4px
}

body.theme-workscout .page .select2-dropdown .select2-results__option {
	padding: 4px 9px;
}

/* Stripe Connect */

.conntect-w-stripe-btn {
	background: #6772E5;
	color: #fff;
	padding: 5px 20px;
	display: inline-block;
	border-radius: 50px;
	font-size: 15px;
	font-weight: 500;
	transition: 0.2s;
}

.conntect-w-stripe-btn:hover {
	background: #5a65d1;
	color: #fff;
}

.stripe-btn.disconnect-stripe-button {
	background: #d81b1b1c;
	color: #d81b1b;
	margin-top: 5px;
}

.workscout-create-stripe-express-link-account i {
	padding-right: 4px;
}

.workscout-create-stripe-express-link-account i.fa-spin {
	padding-right: 0px;
	margin-right: 10px;
	display: none;
}

.workscout-create-stripe-express-link-account.loading i.fa-spin {
	display: inline-block;
}

/* Wallet Page Adjustments */
.paid span,
.unpaid span {
	font-weight: 600;
}

.paid {
	color: #48ad13;
}

.wallet-currency {
	font-weight: 500;
	border-radius: 3px;
	background: rgba(255, 255, 255, 0.4);
	font-size: 16px;
	line-height: 25px;
	padding: 3px 7px;
}

.comission-taken {
	border-radius: 3px;
	font-size: 14px;
	color: #888;
	font-weight: 400;
	background: #f4f4f4;
	display: inline-block;
	padding: 6px 10px;
	float: right;
	position: relative;
	top: -3px;
}

.comission-taken strong {
	font-weight: 600;
	color: #666;
}

@media (max-width: 768px) {
	.comission-taken {
		float: none;
		display: block;
		margin-top: 10px;
		padding: 0;
		background: transparent;
	}
}

a.payout-method.button {
	float: none;
	display: inline-block;
	padding: 0 5px;
	position: relative;
	right: 0;
	top: 0;
	transform: none;
	line-height: 24px;
	font-size: 13px;
}

@media (max-width: 768px) {
	a.payout-method.button {
		position: relative;
		display: block;
		transform: none;
		top: 0;
		right: 0;
		margin-top: 15px;
		float: none;
		text-align: center;
	}
}

.payment-tab.payment-tab-active {
	max-height: 700px;
}

.card-label>textarea {
	box-sizing: border-box;
	display: block;
	height: 51px;
	margin: -14px auto 5px;
	padding: 5px 15px 0 15px;
	transition: border-color 0.3s;
	width: 100%;
	border: 1px solid #dbdbdb;
	background-color: #fff;
	text-decoration: none;
	border-radius: 4px;
	box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.06);
}

.payout-method-notification {
	font-size: 14px;
	line-height: 22px;
	padding: 16px 22px;
	margin: 10px 0;
}

.booking-error-message {
	margin-top: 15px;
	line-height: 20px;
	font-size: 13px;
	padding: 0;
	border-radius: 0;
	color: #d83838;
	background: #ffebeb;
	border-radius: 4px;
	padding: 13px 19px;
}

.form-milestone-slider { 
	margin:20px 0px
}

.form-milestone-slider .percentage-input-wrapper {
margin-top: 40px;
}

img.emoji {
	max-width: 25px !important;
}
.wc-block-cart__submit-button {
	background: #67c64e;
	color: #fff;
	border-radius: 5px;
}

.wc-block-cart__submit-button:hover {
	background: #5cb943;
	color: #fff;
}

.dashboard-content-container {
	overflow-x: hidden;
}