/*
Theme Name: WorkScout-Karrero
Theme URI: http://wordpress-722045-2428611.cloudwaysapps.com/
Author: Purethemes
Author URI: http://purethemes.net/
Description: WordPress Job Board Theme
Version: 290-0.26
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/
*/

/* ------------------------------------------------------------------- */
/* Table of Contents
----------------------------------------------------------------------
1. Header
2. Mobile Navigation
2. Homepage Banner
3. Titlebar
4. Miscellaneous
5. Tables + Stacktable (responsive tables plug-in)
6. Magnific Popup
7. Shortcodes
9. Job List Styles
10. Revolution Slider
11. Flexslider
12. ShowBiz Carousel
13. Blog Styles
14. Widgets
15. Chosen Plugin
16. SCEditor
17. Submit Pages
18. Footer
19. Manage Applications Styles
20. Job List Page
21. Media Queries
22. Styles Switcher

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

@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);
	height:   1px;
	overflow: hidden;
	position: absolute !important;
	width:    1px;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius:    3px;
	box-shadow:       0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip:             auto !important;
	color:            #21759b;
	display:          block;
	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 {
	float:       right;
	margin-left: 10px;
	padding:     13px;
	width:       30%;
}

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

.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 {
	background: #fcf0ad;
	display:    block;
	padding:    0 30px;
}
.sticky .post-content {
	border-bottom: 0;
}

.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: var(--karrero-gray-light);
	color:            var(--karrero-text);
	font-size:        0.75rem;
	font-weight:      500;
	padding:          10px 20px;
}

.wp-caption-text {
	background-color: #ffffff;
	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: 0 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 {
	background-color: #ffffff;
	height:           90px;
	z-index:          9999;
}

.old-header #logo {
	display:     inline-block;
	float:       left;
	margin-left: 0;
	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 {
	box-sizing:   border-box;
	float:        left;
	margin:       0;
	padding-left: 20px;
	width:        100%;
}

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

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

.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 {
	background: transparent;
	box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, 0.2);
	left:       0;
	position:   absolute;
	top:        0;
	width:      100%;
	z-index:    999;
}
.admin-bar header#main-header.transparent {
	top: 40px;
}

body.boxed #wrapper {
	position: relative;
}

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

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

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

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

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

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

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

}

#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 {
		margin-top: 35px;
		padding:    190px 0;
	}

	#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: #ffffff;
}

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

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

.old-header header.transparent .menu ul ul li a:hover {
	color: var(--karrero-text);
}

/* ---------------------------------- */
/* 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: #ffffff;
	border-bottom:    none;
	box-shadow:       0 0 3px 0 rgba(0, 0, 0, 0.22);
	left:             0;
	max-height:       80px;
	opacity:          0;
	position:         fixed !important;
	top:              0;
	visibility:       hidden;
	width:            100%;
	z-index:          999;
}

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

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

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

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

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

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

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

.js .selectnav {
	display: none;
}

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

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

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

.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 {
	left: 100%;
	top:  0;
}

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

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

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

.old-header ul.float-right li a {
	background-color: #f0f0f0;
	color:            var(--karrero-text);
}

.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: #ffffff;
}

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

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

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

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

.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 {
	background-color: #282828;
	border:           0;
	color:            #9f9f9f;
	font-size:        14px;
	font-weight:      500;
	line-height:      19px;
	margin-bottom:    0;
	padding:          5px 18px !important;
	text-transform:   none;
}

.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: #ffffff;
}

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

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

.old-header ul li ul a.sf-with-ul:after {
	content:  "\f105";
	position: absolute;
	right:    9px;
	top:      4px;
}
.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: #ffffff;
}
.old-header .menu ul li ul a.sf-with-ul:after {
	color: #888888 !important;
}

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

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

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

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

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

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

.search-container .chosen-container,
.search-container select,
.search-container input {
	border:       none;
	box-sizing:   border-box;
	float:        left;
	font-size:    18px;
	font-weight:  500;
	margin-right: 2%;
	padding:      19px 20px;
	width:        44.5%;
}
.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: 0;
}
.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 {
	background:    #f8f8f8;
	border-bottom: 1px solid #e9e9e9;
	color:         #a6a6a6;
	display:       none;
	font-size:     16px;
	list-style:    none;
	margin:        0;
	overflow:      hidden;
	position:      absolute;
	width:         330px;
	z-index:       10000;
}

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

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

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

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

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

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

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

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

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

.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:      #ffffff;
	margin-top: 20px;
}

.browse-jobs a {
	background-color: rgba(255, 255, 255, 0.1);
	border:           1px solid rgba(255, 255, 255, 0.3);
	color:            #ffffff;
	margin:           0 5px;
	padding:          5px 10px;
	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 0;
	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 {
	margin-bottom: 40px;
	overflow:      hidden;
}
.job_filters:not(.in_sidebar) .job_types li {
	float:        left;
	margin-right: 10px;

}

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

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

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

#titlebar.with-map {
	margin-bottom: 0;
	padding:       45px 0 !important;

}
#titlebar.with-map.photo-bg.with-transparent-header {
	padding-bottom: 85px !important;
	padding-top:    170px !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: #888888;
}

#titlebar h2 a:hover,
#titlebar h1 a:hover {
	color: var(--karrero-text);
}

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

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

.page-template-template-jobcategories #titlebar {
	margin-bottom: 0;
}
.resume-meta-skills {
	display: flex;
}
@media (max-width: 768px) {
	.resume-meta-skills {
		display: inline-block;
	}
}
#titlebar span a,
#titlebar span {
	font-size: 16px;
}
#titlebar em {
	font-style: normal;
}
#titlebar em {
	color: #808080;
}
#titlebar h2 em {
	color: var(--karrero-text);
}
#titlebar.photo-bg em {
	color: #ffffff;
}
#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 {
	position:  absolute;
	right:     10px;
	top:       51%;
	transform: translateY(-51%);
}
.photo-bg#titlebar .button.dark {
	background-color: #ffffff;
	color:            var(--karrero-text);
}
#titlebar .two-buttons {
	display:         flex;
	flex-direction:  column;
	flex-wrap:       nowrap;
	justify-content: center;
	align-items:     flex-end;
}

@media (max-width: 768px) {
	#titlebar .two-buttons {
		align-items: center;
	}
}

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

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

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

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

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

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

/* Titlebar With Photo Background */
#titlebar.photo-bg {
	background-color:    var(--karrero-text);
	background-position: 50% !important;
	background-repeat:   no-repeat !important;
	background-size:     cover !important;
	overflow:            hidden;
	padding:             85px 0;
}

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

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

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

#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 {
	margin-left: 20px;
	z-index:     11;
}

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

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

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

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

.infoBox .job-icons {
	color:     #888888;
	display:   block;
	font-size: 14px;
	margin:    0;
	padding:   5px 0 0;
}

.infoBox .listing-icons li {
	font-family: "Poppins", "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 {
	display: block;
	float:   right;
	margin:  5px 10px 10px 0;
	width:   60px;
}

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

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

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

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

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

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

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

#mapnav-buttons li {
	float: left;
}

#mapnav-buttons a {
	background-color: #ffffff;
	box-sizing:       border-box;
	color:            var(--karrero-text);
	display:          inline-block;
	font:             700 14px/normal Poppins, sans-serif;
	padding:          10px 12px;
	text-transform:   none;
	transition:       all 0.2s ease-in-out;
}

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

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

#nextpoint {
	margin-left: 1px;
}

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

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

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

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

.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 {
	border-left:  20px solid transparent;
	border-right: 20px solid transparent;
	border-top:   20px solid #ffffff;
	bottom:       0;
	content:      "";
	height:       0;
	left:         40px;
	position:     absolute;
	width:        0;
}

/* ---------------------------------- */
/* Breadcrumbs
------------------------------------- */
#breadcrumbs ul {
	font-weight: 500;
	margin-top:  3px;
}

#breadcrumbs ul li {
	color:   #777777;
	display: inline-block;
	margin:  0 0 0 5px;
}

#breadcrumbs ul li:after {
	color:       #aaaaaa;
	content:     "\f105";
	font-family: "FontAwesome";
	font-size:   14px;
	margin:      0 0 0 9px;
}

#breadcrumbs ul li:last-child:after {
	content: "";
	margin:  0;
}

#breadcrumbs ul li:last-child a,
#breadcrumbs ul li a {
	color: #707070;
}
#breadcrumbs ul li a:hover {
	color: #505050;
}

#breadcrumbs ul li:first-child {
	margin-left:   0;
	padding-right: 0;
}

#breadcrumbs ul li:first-child,
#breadcrumbs ul li:last-child {
	background: none;
	color:      #777777;
}

#breadcrumbs ul li:last-child {
	background: none;
	padding:    0;
}

#breadcrumbs.recipe-page {
	position: absolute;
	right:    10px;
	top:      -120px;
	width:    300px;
	z-index:  99;
}

#breadcrumbs.recipe-page ul li:first-child {
	display: none;
}

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

/* ---------------------------------- */
/* Buttons
------------------------------------- */
.job_filters_links a {
	box-sizing: border-box;
	margin-top: 4px;
	text-align: center;
	width:      100%;

}
.job_filters_links {
	display:       flex;
	margin-bottom: 42px;
	margin-top:    10px;
}
.job_filters .job_filters_links a {
	display: inline;
	flex:    1;
	padding: 8px 0;
	width:   auto;
}
.job_filters a.rss_link {
	background: #ff7d1e;
	color:      #ffffff;
}
.job_filters a.rss_link:hover {
	background: #ff7d1e;
	color:      #ffffff;
	opacity:    0.8;
}
.job_filters a.reset {
	background: #ff3f3f;
	color:      #ffffff;
}
.job_filters a.reset:hover {
	background: #ff3f3f;
	color:      #ffffff;
	opacity:    0.8;
}
.bookmark-notice.bookmarked {
	color:      rgb(255, 255, 255);
	float:      right;
	margin-top: -24px;
	top:        50px;
}

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 {
	background-color: #505050;
	border:           none;
	border-radius:    0;
	color:            #ffffff;
	cursor:           pointer;
	display:          inline-block;
	font-size:        14px;
	font-weight:      500;
	line-height:      27px;
	overflow:         hidden;
	padding:          10px 20px;
	position:         relative;
	text-transform:   none;
	transition:       all 0.2s ease-in-out;
	z-index:          10;
}

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

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 {
	border-radius:  3px;
	margin-top:     20px;
	text-transform: none;
}

a.button.white {
	background-color: #ffffff;
	color:            var(--karrero-text);
}

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

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

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

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

#titlebar.photo-bg a.button:hover {
	background-color: #ffffff;
	color:            var(--karrero-text);
}

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:            #ffffff;
}

.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:            #ffffff;
}

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

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

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

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

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

.job_listings {
	position: relative;
}

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

}

.job_listings li.indeed_job_listing,
.job-list li.indeed_job_listing {
	padding: 20px 0;
}
.indeed_job_listing img {
	display:     inline-block;
	float:       left;
	height:      60px;
	margin-left: 35px;
	margin-top:  2px;
	width:       60px;
}
.indeed_job_listing h3 {
	font-size:   18px;
	line-height: 31px;
	margin:      0 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:  0;
	margin-right: 10px;
}

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

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;
	color:            var(--karrero-text);
	font-size:        14px;
	font-weight:      500;
	line-height:      19px;
	padding:          18px 20px 18px 40px;
	position:         relative;
	text-align:       left;
	vertical-align:   top;
	z-index:          9;
	/* 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 {
	margin-left: 0 !important;
	padding:     18px 20px 18px 20px;
}

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

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

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

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

table.manage-table.resumes th:first-child {
	width: auto;
}

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

/* header cart */

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

#cart a {
	color: #ffffff;
}

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

.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 {
	backface-visibility: hidden;
	border-radius:       0;
	float:               left;
	font-size:           14px;
	font-weight:         500;
	padding:             5px 14px 5px 22px;
}

.cart-btn .button.adc:before,
.cart-btn .button.single_add_to_cart_button:before {
	background:  rgba(0, 0, 0, 0.06);
	content:     "\f07a";
	font-family: "FontAwesome";
	font-size:   13px;
	height:      100%;
	left:        0;
	padding:     5px 15px 5px 12px;
	position:    absolute;
	top:         0;
}
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 {
	color:       #666666;
	display:     inline;
	font-size:   14px;
	font-weight: 500;
}

#cart ul li span {

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

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

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

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

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

header.transparent .menu ul .cart-list ul,
.menu .cart-list ul {
	background-color: transparent;
	display:          block;
	float:            none;
	position:         static;
}
.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: 0;
}

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

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

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

.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:    "";
	height:     100%;
	left:       0;
	position:   absolute;
	top:        0;
	transition: background-color 0.2s ease-in-out;
	width:      100%;
}

.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 {
	padding-right: 1%;
	text-align:    right;
	width:         49%;
}
.st-val {
	padding-left: 1%;
	width:        49%;
}

/* 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 {
	border:         1px solid #e0e0e0;
	border-left:    none;
	border-right:   none;
	padding:        40px 20px;
	vertical-align: middle;
}

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

}

table .job_title {
	color:       var(--karrero-text);
	font-weight: 500;
}
table .job_title small {
	color:       #999999;
	font-size:   12px;
	font-weight: 500;
}

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

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

table td.job_title a {
	color:       var(--karrero-text);
	font-weight: 500;
}

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

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

table.manage-table td.action a {
	color:       var(--karrero-text);
	display:     block;
	line-height: 20px;
	margin-left: 21px;
	padding:     3px 0;
	position:    relative;
}
table.manage-table td.action a.delete i {
	left: -20px;
}
table.manage-table td.action a i {
	left:     -21px;
	position: absolute;
	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;
}

.jm-alert-form section.jm-form-section {
	padding: 16px 0;
}

.jm-alert-form section.jm-form-section fieldset {
	margin-bottom: 16px;
}

.jm-alert-form section.jm-form-section .jm-form-actions {
	margin-top: 32px;
}

.jm-alert-form section.jm-form-section fieldset:has(> label[for="alert_location"]) {
	display: inline-block;
	width:   75%;
}

.jm-alert-form section.jm-form-section fieldset:has(> label[for="alert_radius"]) {
	display: inline-block;
	float:   right;
	width:   24%;
}

.jm-alert-form section.jm-form-section .fieldset-agreement-checkbox label[for="alert_permission"] {
	display: inline;
}

.jm-alert-form section.jm-form-section .jm-form-section-header *:nth-child(1) {
	font-size: 1.4em;
}

.jm-alert-form section.jm-form-section .select2-selection__choice,
.jm-alert-form section.jm-form-section .select2-selection__choice__remove {
	background-color: var(--karrero-gray);
	color:            var(--karrero-text);
}

div.jm-notice {
	min-width: 200px;
}

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

.stacktable.large-only {
	border-radius: 4px;
	display:       table;
	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 {
	background-color: #f9f9f9;
	border:           1px solid #e4e4e4;
	color:            var(--karrero-text);
	font-weight:      500;
	padding:          20px 22px;
	text-align:       left;
	vertical-align:   top;
	width:            45%;
}

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

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

.st-val a {
	color:       var(--karrero-text);
	display:     block;
	font-weight: 500;
	line-height: 27px;
}

.st-val a.button {
	color:      #ffffff !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 {
	display: block !important;
	float:   none !important;
	margin:  0 auto !important;
	width:   430px;
}

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

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

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

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

.workscout_form label {
	position: relative;
}

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

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

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

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

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

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

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

.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:       #888888;
	font-size:   12px;
	font-weight: 400;
	line-height: 35px;
}
dl.resume-table dt {
	clear:         none;
	float:         none;
	font-weight:   bold;
	margin:        0;
	overflow:      visible;
	text-align:    left;
	text-overflow: ellipsis;
	white-space:   normal;
	width:         auto;
}
dl.customer_details dt {
	text-align: left;
}

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

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

.parent-jobs-category a {
	color: var(--karrero-text);
}

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

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

.page-template-template-home .categories-group {
	background-color: var(--karrero-gray-light);
	border-bottom:    1px solid #e6e6e6;
}

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

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

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

.categories-group h4 {
	font-size:     22px;
	padding-right: 20px;
}

/* ---------------------------------- */
/* Back to top
------------------------------------- */
#backtotop {
	bottom:   20px;
	display:  none;
	margin:   0 20px 0 0;
	position: fixed;
	right:    0;
	z-index:  9999;
}

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

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

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

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

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

.fs1 {
	font-size: 32px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mfp-zoom {
	cursor: zoom-in;
}

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

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

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

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

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

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

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

.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 {
	-webkit-appearance: none;
	border:             0;
	cursor:             pointer;
	display:            block;
	overflow:           visible;
	padding:            0;
	z-index:            506;
}

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

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

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

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

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

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

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

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

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

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

.mfp-arrow.mfp-arrow-right {
	right: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
	opacity:    0.001; /* Chrome opacity transition bug */
	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 {
	box-sizing:  border-box;
	display:     block;
	height:      auto;
	line-height: 0;
	margin:      0 auto;
	max-width:   100%;
	padding:     40px 0 40px;
	width:       auto;
}

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

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

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

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

.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 {
		bottom: 0;
		top:    0;
	}

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

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

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

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

	.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 {
	left:           50%;
	margin-left:    -300px;
	margin-top:     5px;
	padding-bottom: 5px;
	width:          600px;
}

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

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

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

.mfp-fade.mfp-bg {
	opacity:    0;
	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;
	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: #eeeeee;
}
/* ---------------------------------- */
/* 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 {
	border:        none;
	line-height:   24px;
	margin-bottom: 15px;
	padding:       22px 26px;
	position:      relative;
}
.submit-page .job-manager-error {
	margin: 0 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 {
	float:     left;
	margin:    0;
}
.submit-page .notification p {
	float:      left;
	margin:     0;
	min-height: 50px;
}
.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;
	border-radius:    3px;
	color:            #4587a9 !important;
}
.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;
}

.notification strong {
	border: none !important;
}

.notification.notice p span i {
	font-weight: 500;
}
.notification a.button {
	color:      #ffffff;
	float:      right;
	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:      "\f0f3";
	font-family:  "FontAwesome" !important;
	font-size:    inherit;
	height:       auto;
	margin-right: 8px;
	margin-top:   1px;
	width:        auto;
}

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

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

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

.myaccount_user .button {
	display:     inline-block;
	float:       right;
	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 #444444;
}
#counters .container:before {
	background-color: #282828;
	content:          "";
	display:          inline-block;
	height:           100%;
	position:         absolute;
	right:            10px;
	width:            1px;
}

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

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

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

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

#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 {
	display:         flex;
	flex-direction:  column;
	height:          100%;
	justify-content: center;
	text-align:      center;
	width:           100%;
}

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

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

#popular-categories li a,
#popular-categories li a:before {
	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 {
	color:     #505050;
	display:   block;
	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 {
	display:      inline-block;
	margin:       20px 0;
	padding-left: 90px;
	position:     relative;
	text-align:   left;
}

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

.icon-box i {
	color:     var(--karrero-text);
	display:   inline-block;
	font-size: 54px;
	height:    100%;
	left:      0;
	margin:    10px 0;
	position:  absolute;
}

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

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

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

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

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

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

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

/* 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-position: inside;
	list-style-type:     disc;
}
ol {
	list-style-position: inside;
	list-style-type:     decimal;
}
ul ul, ol ul {
	list-style-position: inside;
	list-style-type:     circle;
	margin-left:         15px;
}
ol ol, ul ol {
	list-style-position: inside;
	list-style-type:     lower-latin;
	margin-left:         15px;
}
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 {
	list-style: none;
	margin:     0;
}
.single-resume .resume_description.styled-list ul,
body ul.list-1 {
	margin-left: 0;
}
.single-resume .resume_description.styled-list li,
.list-1 li {
	line-height: 26px;
	list-style:  outside none none;
	margin:      7px 0 7px 20px;
	position:    relative;
}
.single-resume .resume_description.styled-list li:first-child,
.list-1 li:first-child {
	margin-top: 0;
}
.single-resume .resume_description.styled-list li:before,
.list-1 li:before {
	color:       #505050;
	display:     block;
	float:       left;
	font-family: "FontAwesome";
	margin:      0 0 0 -20px;
	position:    relative;
}

.list-1.gray li:before {
	color: #777777;
}
.single-resume .resume_description.styled-list li:before,
.list-1 li:before {
	content:   "\f0c8";
	font-size: 8px;
}

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

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

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

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

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

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

.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: 0;
}

.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 {
	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-bottom:    1px solid #ffffff;
	border-radius:    0;
	border-right:     1px solid #ffffff;
	box-shadow:       0 0 0 0;
	color:            #808080;
	display:          block;
	font-size:        14px;
	font-weight:      500;
	letter-spacing:   0;
	outline:          none;
	padding:          0 20px;
	text-decoration:  none;
	text-transform:   none;
}

.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: #aaaaaa;
}

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

.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;
	box-shadow:       0 0 0 0;
	color:            #ffffff;
}

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

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

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

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

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

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

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

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

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

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

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

.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;
	border-radius: 4px;
	display:       block;
	margin-bottom: 15px;
	padding:       35px 38px;
}

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

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

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

.inf-banner a.button:hover {
	background-color: var(--karrero-text);
	color:            #ffffff;
}

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

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

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

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

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

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

}

.plan-price-wrap .subscription-details {
	display:   block;
	font-size: 20px;
	padding:   0 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 {
	border-left:   1px solid #e0e0e0;
	border-right:  1px solid #e0e0e0;
	margin-bottom: 0;
}
.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 {
	font-size:       26px;
	font-weight:     300;
	left:            0;
	margin-top:      40px;
	opacity:         0.6;
	position:        absolute;
	right:           0;
	text-decoration: line-through;
}

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

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

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

.plan-features {
	background: #ffffff;
	border-top: none;
	text-align: center;
}

.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 {
	margin:         0;
	padding-bottom: 0;
}

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

body .plan-features ul li {
	padding:    9px 0;
	text-align: center;
}
.woocommerce .products .plan-features a.button,
.plan-features a.button {
	color:      #666666;
	display:    block;
	font-size:  14px;
	margin:     0 auto;
	padding:    12px 0;
	position:   relative;
	text-align: center;
	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: #ffffff;
}

.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 {
	height:         350px;
	padding-bottom: 30px;
}
.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 {
	list-style: none;
	margin-top: 15px;
	position:   relative;
}
.type-page ul.share-post li,
ul.share-post li {
	padding: 0;
}
.type-page ul.share-post li a,
ul.share-post li a {
	color:          #ffffff;
	display:        inline-block;
	float:          left;
	font-size:      12px;
	font-weight:    500;
	letter-spacing: 0;
	margin:         0 1px 1px 0;
	padding:        9px 14px;
	position:       relative;
	text-align:     center;
	text-transform: none;
	transition:     all 0.1s ease-in-out;
}

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

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

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

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

.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 {
	box-sizing: border-box;
	min-height: 220px;
	resize:     vertical;
	width:      auto;
}

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

.page .wpcf7-form input,
.page .wpcf7-form textarea,
.page .wpcf7-form select {
	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 {
	background: #ffeceb;
	border:     1px solid #f6d5d3;
}

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

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

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

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

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

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

.job_title small {
	color: #888888;
}

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

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

.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 {
	box-shadow: 0 1px 0 0 rgba(80, 80, 80, 0.7);
	content:    "";
	display:    inline-block;
	height:     100%;
	left:       0;
	opacity:    0;
	position:   absolute;
	top:        0;
	width:      100%;
	z-index:    101;
}

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

.resume-title a {
	color:       var(--karrero-text);
	font-weight: 500;
}
.resume-title small {
	color: #aaaaaa;
}

.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 {
	transition: all 0.2s ease-in-out;
}

.job_listing.right {

}

/* 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 {
	box-shadow: 0 1px 0 0 #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:        var(--karrero-text);
	margin-right: 8px;
}

.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 {
	display:      inline-block;
	margin-right: 17px;
}
.job-list > li a span.job-type {
	margin-right: 0;
}
.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 {
	color:         #666666;
	line-height:   27px;
	margin:        11px 0 0 0;
	padding-right: 40px;
}

/* Content*/
.job_listings img,
.job-list img {
	display:     inline-block;
	float:       left;
	height:      60px;
	margin-left: 35px;
	margin-top:  2px;
	width:       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;
	height:       auto;
	margin-right: 35px;
	max-width:    100px;
}

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

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

@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 {
		line-height: 21px;
		margin:      3px 10px 3px 0;
	}

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

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

.resume-titlebar.photo-square img {
	border-radius: 0;
	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:      0 0 8px 0;
}

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

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

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

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

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

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

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

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

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

.skills {
	margin-top: 14px;
}

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

/* 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:          #ffffff;
	font-size:      11px;
	font-weight:    500;
	line-height:    24px;
	margin:         0 0 0 2px;
	padding:        0 8px;
	position:       relative;
	text-transform: none;
	top:            0;
}

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

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

span.job-type {
	background-color: #dddddd;
}
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;
	color:            #ffffff;
	font-size:        12px;
	font-weight:      500;
	padding:          8px 10px;
	position:         relative;
	text-transform:   none;
}

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

.resume-spotlight span a,
.job-spotlight span a {
	color: #808080;
}

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

.resume-spotlight p,
.job-spotlight p {
	margin: 18px 0 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;
	transition:    all 0.2s ease-in-out;
}

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

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

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

/* Job Overview */
.job-overview .widget {
	margin-bottom: 16px;
}

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

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

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

.job-overview ul li span {
	display:     block;
	line-height: 1.4em;
	margin-top:  0;
}

.job-overview ul li span:nth-child(1) {
	line-height:   1em;
	margin-bottom: 8px;
}

.job-overview ul li div {
	margin-left: 25px;
	/* top: -18px; */
	position:    relative;
}

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

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

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

}
.company-info .content {
	display:   block;
	flex-grow: 1;
	margin:    2px 0 0;
}

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

.company-info h4 {
	font-size:     18px;
	line-height:   26px;
	margin-bottom: 0;
	margin-top:    2px;
}
.resume_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 {
	background:    #ffffff;
	border-radius: 3px;
	box-shadow:    0 0 10px rgba(0, 0, 0, 0.08);
	padding:       25px 30px;
}

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

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

.company-info strong {
	font-weight: 500;
}

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

.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;
	font-weight:  normal;
	margin-right: -1px;
}

.button.send-message-to-owner i:before {
	content: "\f0e0";
}

.company_preview_title,
.resume_preview_title,
.job_listing_preview_title {
	background:    #eeeeee;
	border-radius: 4px;
	margin-bottom: 20px;
	overflow:      hidden;
	padding:       15px 20px 20px 28px;
}
.company_preview_title h2,
.resume_preview_title h2,
.job_listing_preview_title h2 {
	float:       left;
	font-size:   20px;
	font-weight: 500;
	margin:      0;
	position:    relative;
	top:         5px;
}
.company_preview_title input,
.resume_preview_title input,
.job_listing_preview_title input {
	float:       right;
	margin-left: 5px;
	margin-top:  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: 0;
}
#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 {
	margin: 0;
	width:  100%;
}

#job_preview #titlebar.photo-bg {
	border-radius: 4px;
	padding:       160px 0 80px 0;
}

#job_preview #titlebar.photo-bg + .container {
	bottom: 115px;
}

#job_preview .company-info {
	margin-top: 115px;
}

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

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

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

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

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

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

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

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

	.dashboard-content .company_preview .container,
	.dashboard-content .resume_preview .container,
	.dashboard-content .job_listing_preview.single_job_listing .container {
		padding: 0;
	}

}
.company_preview .container,
.resume_preview .container,
.job_listing_preview.single_job_listing .container {
	display:         flex;
	flex-wrap:       wrap;
	justify-content: center;
	max-width:       1200px;
	width:           100%;
}
.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;
}

#job_preview .company-info-boxed .company-info {
	margin-left:  16px;
	margin-right: 16px;
}

#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 {
	border-bottom:  1px solid #e0e0e0;
	margin-left:    0;
	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;
		margin-top: 30px;
		max-width:  100%;
		width:      100%;
	}
	.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 {
		display: block;
		float:   none;
		width:   100%;
	}
	.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 {
	background-position: 50%;
	background-repeat:   no-repeat;
	background-size:     cover;
	margin-top:          0;
	position:            relative;
	width:               100%;
}

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

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

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

.testimonials-slider li p span {
	display:     block;
	font-size:   16px;
	font-weight: 500;
	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 {
	list-style: none;
	margin:     0;
	padding:    0;
}
.flex-pauseplay span {
	text-transform: capitalize;
}

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

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

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

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

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 {
	bottom:     60px;
	left:       0;
	position:   absolute;
	text-align: center;
	width:      100%;
	z-index:    999;
}

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

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

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

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

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

.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 {
	background: #ffffff !important;
	display:    inline-block;
	margin:     0 3px 0 0;
	padding:    0;
}
.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 {
	background-color: var(--karrero-gray);
	border-bottom:    none;
	color:            var(--karrero-text);
	display:          inline-block;
	font-size:        14px;
	font-weight:      700;
	margin:           0;
	min-width:        10px;
	padding:          12px 16px;
	transition:       all 200ms ease-in-out;
}

.nav-links a:hover {
	color: #ffffff;
}

.job-manager-pagination .current,
.pagination .current,
.pagination ul li a {
	display:        inline-block;
	text-transform: none;
	width:          auto;
}
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:            #ffffff;
}

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

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

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

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

.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:          #888888;
	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;
	color:            #ffffff;
	font-size:        27px;
	font-weight:      500;
	line-height:      40px;
	margin:           0 0 47px 0;
	padding:          65px 0;
	text-align:       center;
}

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

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

/* ---------------------------------- */
/* Hover Icon / Hover Cover
------------------------------------- */
.hover-icon {
	background-color: #505050;
	border-radius:    0;
	bottom:           -46px;
	color:            #ffffff;
	font-size:        14px;
	height:           46px;
	opacity:          0;
	position:         absolute;
	right:            0;
	visibility:       hidden;
	width:            46px;
	z-index:          99;
}

.hover-icon:before {
	content:     "\f064";
	font-family: "FontAwesome";
	height:      19px;
	left:        17px;
	position:    relative;
	top:         10px;
	width:       19px;
}

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

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

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

/* ------------------------------------------------------------------- */
/* ShowBiz Carousel
---------------------------------------------------------------------- */
.showbiz-navigation {
	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 {
	-webkit-backface-visibility: hidden;
	margin-right:                20px;
	margin-top:                  20px;
	padding:                     0;
	-webkit-perspective:         1000px;
	position:                    relative;
}

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

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

.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 {
	background: transparent;
	border:     none;
	box-sizing: border-box;
	overflow:   hidden;
	padding:    0;
	position:   relative;
}

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

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

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

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

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

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

.showbiz .cover,
.showbiz li .mediaholder img,
.products .cover,
.products figure .mediaholder img {
	transition:                 all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */
	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 0;
}

.sb-navigation-left i,
.sb-navigation-right i,
.sb-navigation-left.notclickable,
.sb-navigation-right.notclickable {
	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 {
	color:       #a0a0a0;
	font-size:   28px;
	line-height: 24px;
	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 {
	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 {
	color:       #c4c4c4;
	font-size:   34px;
	line-height: 24px;
}

.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 {
	height:   20px;
	margin:   0;
	position: absolute;
	top:      57%;
	width:    20px;
	z-index:  99;
}

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

h3.centered-headline span {
	color:       #888888;
	display:     block;
	font-size:   20px;
	font-weight: 500;
	margin-top:  -10px;
	position:    relative;
}
.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: 0;
}
h1.post-title,
.post-content h3 {
	font-size:   22px;
	line-height: 36px;
}

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

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

.post-content .meta-tags span {
	position: relative;
	top:      3px;
}
.post-content .meta-tags span span {
	top: 0;
}
.post-content h2 {
	font-size: 20px !important;
}
.post-content p {
	margin-top: 19px;
}

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

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

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

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

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

.single-post .post-content {
	padding-bottom: 0;
}
/* ---------------------------------- */
/* Recent Posts
------------------------------------- */
.recent-blog-posts.masonry {
	margin: 0 -10px;
}
.recent-post {
	border-bottom:  1px solid #e0e0e0;
	margin-bottom:  15px;
	padding-bottom: 32px;
}

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

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

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

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

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

.meta-tags span a {
	text-decoration: underline;
}

.post-img:hover .hover-icon,
.recent-post-img:hover .hover-icon {
	bottom:     0;
	opacity:    1;
	visibility: visible;
}

.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 {
	overflow: hidden;
	position: relative;
}

.post-img a:before,
.recent-post-img a:before {
	background-color: rgba(34, 34, 34, 0.15);
	content:          "";
	display:          inline-block;
	height:           100%;
	opacity:          0;
	position:         absolute;
	visibility:       hidden;
	width:            100%;
}

.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 {
	font-size:     20px;
	margin-bottom: 25px;
}
.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 {
	line-height: 26px;
	margin:      3px 0 0 0;
}
.bypostauthor {
}

.comment-content {
	background: var(--karrero-gray-light);
	color:      var(--karrero-text);
	font-size:  16px;
	padding:    26px 30px 25px 30px;
	position:   relative;
}

.comment-content strong {
	padding-right: 5px;
}

.comment-content p {
	padding: 5px 0 !important;
}

.comments-amount {
	color:       #888888;
	font-weight: 500;
}

.comment-list img.avatar,
div.avatar {
	display:  inline-block;
	float:    left;
	left:     -90px;
	position: absolute;
}

div.avatar img {
	max-width: 70px;
}

.comment-by {
	color:          var(--karrero-text);
	font-size:      16px;
	font-weight:    700;
	padding-bottom: 8px;
	padding-top:    5px;
	width:          100%;
}

.comment-by a.comment-reply-link,
.comment-by a.comment-reply-link i {
	transition: all 0.2s ease-in-out;
}

.comment-by a.comment-reply-link {
	background-color: #eeeeee;
	color:            #888888;
	display:          inline;
	font-size:        13px;
	font-weight:      700;
	padding:          9px 13px;
	position:         absolute;
	right:            0;
	text-transform:   none;
	top:              0;
}

.comment-by a.comment-reply-link i {
	color:        #888888;
	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: #ffffff;
}

.comment-by span.date {
	display:     block;
	float:       none;
	font-weight: 500;
	margin:      6px 0 0 0;
	text-align:  left;
}

.comment-respond {
	margin-top: 30px;
}

/* Add Comment */
.add-comment label span {
	color: #e24747;
}

.add-comment input {
	box-sizing: border-box;
	margin:     0 0 20px 0;
	min-width:  40%;
	width:      40%;
}

.add-comment textarea {
	box-sizing: border-box;
	margin:     0 0 18px 0;
	min-height: 220px;
	min-width:  100%;
	resize:     vertical;
	transition: none;
	width:      100%;
}

/* ---------------------------------- */
/* Sidebox Loginform
------------------------------------- */
.sidebox {
	border:        1px solid #e0e0e0;
	margin-bottom: 10px;
	padding:       30px 0;
	text-align:    center;
}

.usericon {
	display: inline-block;
	margin:  20px 0;
}

.usericon img {
	border-radius: 50%;
}

#singup-dialog .headline,
#login-dialog .headline {
	display: none;
}

/* ---------------------------------- */
/* Blog Widgets
------------------------------------- */

.left-sidebar .padding-right {
	padding-left:  20px;
	padding-right: 0;
}
.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 {
	background-color: #ffffff;
	border-color:     #e6e6e6;
	box-sizing:       border-box;
	margin-bottom:    0;
	width:            100%;
}

.input {
	position: relative;
}

.widget-box .input:before {
	color:         #a0a0a0;
	content:       "\f002";
	display:       inline-block;
	font-family:   "FontAwesome";
	font-size:     18px;
	margin-bottom: 0;
	position:      absolute;
	right:         17px;
	top:           10px;
}

/* Need support widget */
.widget .button.widget-btn {
	box-sizing: border-box;
	margin-top: 5px;
	text-align: center;
	width:      100%;
}

/* Blog Widget Tabs */
.widget-tabs li {
	border-bottom: 1px solid #e0e0e0;
	margin:        24px 0 0 0;
	padding:       0 0 27px 0;
}

.widget .tab-content {
	padding-bottom: 0;
}

.widget-tabs li:first-child {
	margin: 5px 0 0 0;
}

.widget-thumb a img {
	display: block;
	float:   left;
	height:  88px;
	margin:  3px 18px 0 0;
	width:   88px;
}

.widget-text h5 {
	font-size:   16px;
	font-weight: 500;
	line-height: 24px;
	padding:     3px 0 0 0;
}

.widget-text h5 a {
	color: #666666;
}
.widget-text h5 a:hover {
	color: #505050;
}

.widget-text span {
	color:       #999999;
	display:     block;
	font-weight: 500;
	margin:      9px 0 0 0;
}

.widget-tabs.comments .widget-text span {
	margin:  0;
	padding: 9px 0 0 0;
}

/* Blog Tabs */
.tabs-nav.blog li {
	text-align: center;
	width:      33.334%;
}

.tabs-nav.blog li a {
	margin-top: 12px;
	padding:    0;
}

/* ------------------------------------------------------------------- */
/* 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 {
	display: inline;
	width:   41%;
}

.widget .zip-code {
	float: right;
}

.widget .from {
	box-sizing:   border-box;
	display:      inline;

	padding-left: 13px;
}

/* 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 {
	color:       #666666;
	line-height: 22px;
	transition:  all 0.2s ease-in-out;
}

.widget_nav_menu .menu ul > li > a {
	font-family:    "Poppins", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:      16px;
	font-weight:    normal;
	padding:        0;
	text-transform: none;
}

.widget_nav_menu .menu ul li a:hover, .widget_nav_menu .menu ul > li:hover > a {
	background-color: transparent !important;
	border:           0;
}

.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 {
	list-style:  none;
	margin-left: 14px;
	padding:     2px 0;
	position:    relative;
}

#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 {
	content:     "\f105";
	font-family: "FontAwesome";
	font-size:   16px;
	font-weight: 500 !important;
	left:        -14px;
	position:    absolute;
	top:         4px;
}

.widget.widget-out-title.widget-out-title_tag_cloud .widget-inside {
	background-color: transparent;
	padding:          0;

}

.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: #ffffff;
	border-top:       1px solid #e0e0e0;
	padding:          10px;
	position:         relative;
	z-index:          99;
}
.widget .resumes > li .meta,
.widget .job_listings > li .meta {
	margin: 0 10px 0 0;
}

.widget .resumes > li .meta,
.widget .job_listings > li .meta {
	color: #888888;
}

.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 {
	color:       #aaaaaa;
	display:     inline-block;
	line-height: 21px;
	padding:     0 0 9px 13px;
	transition:  all 0.2s ease-in-out;
}

.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 {
	color:        #ffffff !important;
	padding-left: 16px;
}

.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 {
	margin-left: 0;
	position:    relative;
}

.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 {
	color:       #ffffff;
	color:       rgba(255, 255, 255, .4);
	content:     "\f105";
	font-family: "FontAwesome";
	font-size:   16px;
	left:        0;
	padding:     0 7px 0 0;
	position:    absolute;
	top:         2px;
}

/*  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 {
	color:         #aaaaaa;
	margin-bottom: 2px;
	padding-left:  15px;
}

.footer-widget.widget_nav_menu .menu ul,
.widget .menu ul {
	margin: 5px 0 10px 8px;
}

/*--------------------------------------------------------------
## Wp Calendar
--------------------------------------------------------------*/
#wp-calendar {
	border-collapse: separate;
	border-spacing:  2px;
	box-sizing:      border-box;
	font-size:       14px;
	font-weight:     300;
	margin-left:     -2px;
	width:           100%;
}

.footer-widget #wp-calendar {
	border-spacing: 4px;
}

#wp-calendar table tr:nth-child(2n+1) {
	background-color: #000000 !important;
}

#wp-calendar caption {
	display: none;
}

#wp-calendar tbody td {
	background-color: #ffffff;
	border:           1px solid #e0e0e0;
	box-sizing:       border-box;
	margin-bottom:    10px;
	min-width:        40px;
	padding:          6px 0;
	text-align:       center;
	transition:       all 0.1s ease-in-out;
}
.footer-widget #wp-calendar thead th {
	background-color: #222222;
	border:           1px solid #444444;
}
.footer-widget #wp-calendar tfoot td#prev,
.footer-widget #wp-calendar tfoot td#next {
	background-color: #202020 !important;
	border:           0;
}
.footer-widget #wp-calendar tbody td {
	background-color: #282828;
	border:           1px solid #444444;
}

.footer-widget td.pad {
	background-color: #202020 !important;
}

#wp-calendar tbody td.pad {
	background: none !important;
	border:     0 none;
}

#wp-calendar tbody td#today {
	background-color: #aaaaaa;
	border-color:     #aaaaaa;
	color:            #ffffff;
}

#wp-calendar tfoot td#prev a, #wp-calendar tfoot td#next a {
	bottom:         -9px;
	color:          #888888;
	font-size:      12px;
	font-weight:    400;
	margin-bottom:  1px;
	position:       relative;
	text-transform: none;
}

#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 {
	color:          #888888;
	font-size:      13px;
	font-weight:    500;
	padding-bottom: 10px;
	text-align:     center;
}

#wp-calendar tfoot td#next a:hover, #wp-calendar tfoot td#prev a:hover {
	color: #3685cf;
}

#wp-calendar tbody td a {
	color:       #aaaaaa;
	font-weight: 500;
}

.footer-widget .recent-posts-widget li,
#footer #recentcomments li,
.footer-widget #recentcomments li {
	border-color: #444444;
}

.entry-footer {
	clear: both;
}
/* Dropdown */
select#categories-dropdown--1,
select#archives-dropdown--1,
select#cat,
.widget_text select {
	background-color: #ffffff;
	box-sizing:       border-box;
	cursor:           pointer;
	font-size:        16px;
	font-weight:      500;
	letter-spacing:   0;
	padding:          10px 12px;
	width:            100%;
}

.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;
	border-color:     #444444;
	color:            #aaaaaa;
}

.footer-widget .wp-caption-text {
	background-color: #282828;
	color:            #ffffff;
}

#footer .widget-box.search {
	padding: 0;
}

.textwidget strong {
	color: #ffffff;
}

/* RSS Widget
------------------------------------- */
.widget_rss li {
	border-bottom:  1px solid #e8e8e8;
	list-style:     none;
	margin-bottom:  20px;
	margin-left:    25px;
	padding-bottom: 20px;
}

.footer-widget.widget_rss li {
	border-bottom: 1px solid #444444;
}

.widget_rss li:before {
	content:     "\f0c8";
	font-family: "FontAwesome";
	font-size:   8px;
	margin-left: -23px;
	margin-top:  2px;
	position:    absolute;
}

.widget_rss li:last-child {
	border-bottom: 0;
	margin-bottom: 0;
}

.widget_rss li a {
	color:          var(--karrero-text);
	font-size:      14px;
	font-weight:    500;
	line-height:    22px;
	text-transform: none;
}

.footer-widget.widget_rss li a {
	color: #ffffff;
}

.rss-date {
	color:          #999999;
	display:        block;
	font-size:      13px;
	margin-top:     5px;
	text-transform: none;
}

.widget_rss cite {
	color:          #999999;
	font-size:      13px;
	text-transform: none;
}

.rssSummary {
	line-height: 26px;
	padding:     10px 0;

}

.widget_rss h4 a img {
	float:  left;
	margin: 8px 8px 0 0;
}

.widget_rss h4 a {
	color: var(--karrero-text);
}
.footer-widget.widget_rss h4 a {
	color: #ffffff;
}
.widget_rss .widget-title {
	margin-bottom: 20px;
}

/* Tags
------------------------------------- */
.tagcloud {
	margin: 0 0 -6px -0;
}

.filter_by_tag_cloud a,
.tagcloud a {
	background-color: #f2f2f2;
	border-radius:    3px;
	color:            #808080;
	display:          inline-block;
	font-size:        12px;
	margin:           0 2px 6px 0;
	padding:          4px 11px;
	text-transform:   none;
	transition:       all 200ms ease-in-out;
}
.tagcloud.inpost {
	margin: 0;

}
.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: #ffffff;
}

.filter_by_tag_cloud a.active:before {
	content:                 "\f00c";
	display:                 inline-block;
	font:                    normal normal normal 14px/1 FontAwesome;
	font-size:               inherit;
	-webkit-font-smoothing:  antialiased;
	margin-right:            5px;
	-moz-osx-font-smoothing: grayscale;
	text-rendering:          auto;
}

.footer-widget .tagcloud a {
	background-color: #282828;
	color:            #ffffff;
}

/* ------------------------------------------------------------------- */
/* Chosen Plugin
---------------------------------------------------------------------- */

.chosen-container {
	display:             inline-block;
	*display:            inline;
	font-size:           15px;
	position:            relative;
	-moz-user-select:    none;
	-webkit-user-select: none;
	user-select:         none;
	vertical-align:      middle;
	zoom:                1;
}

.chosen-container .chosen-drop {
	background-color: #fcfcfc;
	border:           1px solid #e0e0e0;
	border-top:       0;
	box-sizing:       border-box;
	left:             -9999px;
	position:         absolute;
	top:              100%;
	width:            100%;
	z-index:          1010;
}

.chosen-container.chosen-with-drop .chosen-drop {
	left: 0;
}
.chosen-container a {
	cursor: pointer;
}

/* Single Selectbox */
.chosen-container-single .chosen-single {
	background-color: #fcfcfc;
	border:           1px solid #e0e0e0;
	color:            #808080;
	display:          block;
	font-weight:      500;
	height:           47px;
	line-height:      47px;
	overflow:         hidden;
	padding:          0 0 0 18px;
	position:         relative;
	text-decoration:  none;
	white-space:      nowrap;
}

.chosen-container.chosen-container-multi .chosen-drop {
	padding: 4px 4px 4px 0;
}
.chosen-container-single .chosen-default {
	color: #999999;
}

.chosen-container-single .chosen-single span {
	color:         #808080;
	display:       block;
	margin-right:  26px;
	overflow:      hidden;
	text-overflow: ellipsis;
	white-space:   nowrap;
}

.chosen-container-single .chosen-single-with-deselect span {
	margin-right: 38px;
}

.chosen-container-single .chosen-single div {
	display:  block;
	height:   100%;
	position: absolute;
	right:    0;
	top:      0;
	width:    18px;
}
.chosen-container-single .chosen-single div b {
	display:  block;
	position: relative;
}

.chosen-container-single .chosen-single div b:after {
	color:       #c0c0c0;
	content:     "\f0d7";
	display:     inline-block;
	float:       right;
	font-family: "FontAwesome";
	font-size:   14px;
	font-weight: normal;
	height:      5px;
	margin:      0 14px 0 0;
	position:    relative;
	top:         0;
	width:       11px;
}

.chosen-container-single .chosen-search {
	margin:      0;
	padding:     0 8px 3px;
	position:    relative;
	white-space: nowrap;
	z-index:     1010;
}

.chosen-container-single .chosen-search input[type="text"] {
	background-color: var(--karrero-gray-light);
	border:           1px solid #dddddd;
	display:          block;
	height:           auto;
	margin:           1px 0 4px;
	outline:          0;
	padding:          10px 20px 10px 10px;
	position:         relative;
	width:            100%;
	z-index:          9;
}

.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 {
	color:       #aaaaaa;
	content:     "\f002";
	display:     inline-block;
	float:       right;
	font-family: "FontAwesome";
	font-size:   15px;
	font-weight: normal;
	height:      5px;
	margin:      0 15px 0 0;
	position:    relative;
	top:         10px;
	width:       11px;
	z-index:     10;
}

.chosen-container-single .chosen-drop {
	background-clip: padding-box;
	margin-top:      -1px;
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
	left:     -9999px;
	position: absolute;
}
/* 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 {
	background-color: rgba(0, 0, 0, 0.2);
	border-radius:    10px;
}

.chosen-drop ::-webkit-scrollbar-thumb:hover {
	background-color: rgba(0, 0, 0, 0.3);
	border-radius:    10px;
}

/* Results */
.chosen-container .chosen-results {
	color:                      #808080;
	margin:                     0 4px 8px 0;
	max-height:                 232px;
	-webkit-overflow-scrolling: touch;
	overflow-x:                 hidden;
	overflow-y:                 auto;
	padding:                    0 4px 0 8px;
	position:                   relative;
}

.chosen-container .chosen-results li {
	display:               none;
	line-height:           15px;
	list-style:            none;
	margin:                0;
	padding:               10px 10px;
	-webkit-touch-callout: none;
	word-wrap:             break-word;
}

.chosen-container-multi .chosen-results li {
	padding: 10px 18px;
}

.chosen-container .chosen-results li.active-result {
	cursor:  pointer;
	display: list-item;
}

.chosen-container .chosen-results li.disabled-result {
	color:   #cccccc;
	cursor:  default;
	display: list-item;
}

.chosen-container .chosen-results li.highlighted {
	background-color: #505050;
	color:            #ffffff;
	transition:       all 0.15s ease-in-out;
}

.chosen-container .chosen-results li.no-results {
	background-color: #ffffff;
	color:            #808080;
	display:          list-item;
}

.chosen-container-multi .chosen-results li.no-results {
	background-color: #ffffff;
}

.chosen-container .chosen-results li.group-result {
	cursor:      default;
	display:     list-item;
	font-weight: bold;
}

.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 {
	background-color: #fcfcfc;
	border:           1px solid #e0e0e0;
	cursor:           pointer;
	display:          block;
	line-height:      23px;
	margin:           0;
	overflow:         hidden;
	padding:          12px 18px;
	position:         relative;
	text-decoration:  none;
	white-space:      nowrap;
}

.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"] {
	background:  transparent !important;
	border:      0 !important;
	color:       #808080;
	font-weight: 500;
	height:      24px;
	line-height: normal;
	margin:      0;
	outline:     0;
	padding:     0;
}

.chosen-container-multi .chosen-choices li.search-choice {
	background-color: #505050;
	color:            #ffffff;
	cursor:           default;
	font-weight:      500;
	line-height:      29px;
	margin:           2px 4px 2px 0;
	max-width:        100%;
	padding:          0 22px 0 8px;
	position:         relative;
	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 {
	display:  block;
	position: absolute;
	right:    7px;
	top:      -2px;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before {
	color:       #ffffff;
	content:     "\f00d";
	display:     inline-block;
	float:       right;
	font-family: "FontAwesome";
	font-size:   13px;
	font-weight: normal;
	height:      5px;
	position:    relative;
	top:         1px;
	width:       11px;
}

.chosen-container-multi .chosen-choices li.search-choice-disabled {
	background-color: #e4e4e4;
	border:           1px solid #cccccc;
	color:            #808080;
	padding-right:    5px;
}

.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 {
	color:   #cccccc;
	cursor:  default;
	display: list-item;
}

/* 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 {
	background:  transparent;
	border-left: none;
}

.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 {
	display:     inline-block;
	line-height: 30px;
	padding:     13px 15px;
	width:       100%;
}

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

/* 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;
	height:            16px;
	width:             16px;
}
.sceditor-button-youtube div {
	background-position: 0 0;
}
.sceditor-button-link div {
	background-position: 0 -16px;
}
.sceditor-button-unlink div {
	background-position: 0 -32px;
}
.sceditor-button-underline div {
	background-position: 0 -48px;
}
.sceditor-button-time div {
	background-position: 0 -64px;
}
.sceditor-button-table div {
	background-position: 0 -80px;
}
.sceditor-button-superscript div {
	background-position: 0 -96px;
}
.sceditor-button-subscript div {
	background-position: 0 -112px;
}
.sceditor-button-strike div {
	background-position: 0 -128px;
}
.sceditor-button-source div {
	background-position: 0 -144px;
}
.sceditor-button-size div {
	background-position: 0 -160px;
}
.sceditor-button-rtl div {
	background-position: 0 -176px;
}
.sceditor-button-right div {
	background-position: 0 -192px;
}
.sceditor-button-removeformat div {
	background-position: 0 -208px;
}
.sceditor-button-quote div {
	background-position: 0 -224px;
}
.sceditor-button-print div {
	background-position: 0 -240px;
}
.sceditor-button-pastetext div {
	background-position: 0 -256px;
}
.sceditor-button-paste div {
	background-position: 0 -272px;
}
.sceditor-button-outdent div {
	background-position: 0 -288px;
}
.sceditor-button-orderedlist div {
	background-position: 0 -304px;
}
.sceditor-button-maximize div {
	background-position: 0 -320px;
}
.sceditor-button-ltr div {
	background-position: 0 -336px;
}
.sceditor-button-left div {
	background-position: 0 -352px;
}
.sceditor-button-justify div {
	background-position: 0 -368px;
}
.sceditor-button-italic div {
	background-position: 0 -384px;
}
.sceditor-button-indent div {
	background-position: 0 -400px;
}
.sceditor-button-image div {
	background-position: 0 -416px;
}
.sceditor-button-horizontalrule div {
	background-position: 0 -432px;
}
.sceditor-button-format div {
	background-position: 0 -448px;
}
.sceditor-button-font div {
	background-position: 0 -464px;
}
.sceditor-button-emoticon div {
	background-position: 0 -480px;
}
.sceditor-button-email div {
	background-position: 0 -496px;
}
.sceditor-button-date div {
	background-position: 0 -512px;
}
.sceditor-button-cut div {
	background-position: 0 -528px;
}
.sceditor-button-copy div {
	background-position: 0 -544px;
}
.sceditor-button-color div {
	background-position: 0 -560px;
}
.sceditor-button-code div {
	background-position: 0 -576px;
}
.sceditor-button-center div {
	background-position: 0 -592px;
}
.sceditor-button-bulletlist div {
	background-position: 0 -608px;
}
.sceditor-button-bold div {
	background-position: 0 -624px;
}
div.sceditor-grip {
	background-position: 0 -640px;
	height:              10px;
	width:               10px;
}
.rtl div.sceditor-grip {
	background-position: 0 -650px;
	height:              10px;
	width:               10px;
}

.sceditor-container {
	background:      #ffffff;
	background-clip: padding-box;
	border-radius:   4px;
	color:           #222222;
	font-family:     Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size:       13px;
	font-weight:     bold;
	line-height:     1;
	position:        relative;
}

.sceditor-container,
.sceditor-container div,
div.sceditor-dropdown,
div.sceditor-dropdown div {
	margin:  0;
	padding: 0;
	z-index: 3;
}
.sceditor-container iframe,
.sceditor-container textarea {
	background:  #ffffff;
	border:      0;
	color:       #111111;
	display:     block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:   13px;
	line-height: 1;
	margin:      5px;
	outline:     none;
	padding:     0;
	resize:      none;
}
div.sceditor-resize-cover {
	background: #000000;
	height:     100%;
	left:       0;
	opacity:    0.3;
	position:   absolute;
	top:        0;
	width:      100%;
	z-index:    10;
}
.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 {
	bottom:   0;
	cursor:   pointer;
	height:   10px;
	overflow: hidden;
	position: absolute;
	right:    0;
	width:    10px;
	z-index:  3;
}
.sceditor-maximize {
	background-clip: padding-box;
	border-radius:   0;
	height:          100% !important;
	left:            0;
	position:        fixed;
	top:             0;
	width:           100% !important;
	z-index:         2000;
}
html.sceditor-maximize,
body.sceditor-maximize {
	height:   100%;
	margin:   0;
	overflow: hidden;
	padding:  0;
	width:    100%;
}
.ie6.sceditor-maximize {
	position: absolute;
}
.sceditor-maximize div.sceditor-grip {
	display: none;
}
.sceditor-maximize div.sceditor-toolbar {
	background-clip: padding-box;
	border-radius:   0;
}
/**
	 * Dropdown styleing
	 */
div.sceditor-dropdown {
	background:      #ffffff;
	background-clip: padding-box;
	border:          1px solid #cccccc;
	border-radius:   2px;
	box-shadow:      1px 2px 4px rgba(0, 0, 0, 0.2);
	color:           var(--karrero-text);
	line-height:     1;
	padding:         10px;
	position:        absolute;
	z-index:         4000;
}
div.sceditor-dropdown a,
div.sceditor-dropdown a:link {
	color: var(--karrero-text);
}
div.sceditor-dropdown form {
	margin: 0;
}
div.sceditor-dropdown label {
	color:       #3c3c3c;
	display:     block;
	font-weight: bold;
	padding:     4px 0;
}
div.sceditor-dropdown input,
div.sceditor-dropdown textarea {
	background-clip:  padding-box;
	border:           1px solid #cccccc;
	border-radius:    1px;
	border-top-color: #888888;
	font-family:      Arial, "Helvetica Neue", Helvetica, sans-serif;
	margin:           0 0 .75em;
	outline:          0;
	padding:          4px;
}
div.sceditor-dropdown textarea {
	padding: 6px;
}
div.sceditor-dropdown input:focus,
div.sceditor-dropdown textarea:focus {
	border-color:     #aaaaaa;
	border-top-color: #666666;
	box-shadow:       inset 0 1px 5px rgba(0, 0, 0, 0.1);
}
div.sceditor-dropdown .button {
	background:      #ececec;
	background-clip: padding-box;
	border:          solid 1px #cccccc;
	border-radius:   2px;
	color:           #444444;
	cursor:          pointer;
	font-weight:     bold;
	margin:          .3em 0 0;
	padding:         6px 12px;
}
div.sceditor-dropdown .button:hover {
	background: #f3f3f3;
	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 #bbbbbb;
	width:  20em;
}
.sceditor-emoticons img,
.sceditor-more-emoticons img {
	cursor:  pointer;
	margin:  2px;
	padding: 0;
}
.sceditor-more {
	border-top:  1px solid #bbbbbb;
	cursor:      pointer;
	display:     block;
	font-weight: bold;
	padding:     6px 0;
	text-align:  center;
}
.sceditor-dropdown a:hover {
	background: #eeeeee;
}
.sceditor-fontsize-option,
.sceditor-font-option,
.sceditor-format a {
	color:           #222222;
	cursor:          pointer;
	display:         block;
	padding:         7px 10px;
	text-decoration: none;
}
.sceditor-fontsize-option {
	padding: 7px 13px;
}
.sceditor-color-column {
	float: left;
}
.sceditor-color-option {
	border:   1px solid #ffffff;
	display:  block;
	height:   10px;
	overflow: hidden;
	width:    10px;
}
.sceditor-color-option:hover {
	border: 1px solid var(--karrero-text);
}
/**
	 * Toolbar styleing
	 */
div.sceditor-toolbar {
	background:          #f7f7f7;
	background-clip:     padding-box;
	border-radius:       3px 3px 0 0;
	line-height:         0;
	overflow:            hidden;
	padding:             3px 5px 2px;
	text-align:          left;
	-moz-user-select:    none;
	-ms-user-select:     none;
	-webkit-user-select: none;
	user-select:         none;
}
div.sceditor-group {
	background:      #dddddd;
	background-clip: padding-box;
	border-bottom:   1px solid #aaaaaa;
	border-radius:   3px;
	display:         inline-block;
	margin:          1px 5px 1px 0;
	padding:         1px;
}
.ie6 div.sceditor-group,
.ie7 div.sceditor-group {
	display: inline;
	zoom:    1;
}
.sceditor-button {
	background-clip: padding-box;
	border-radius:   3px;
	cursor:          pointer;
	float:           left;
	height:          20px;
	padding:         3px 5px;
	text-indent:     -9999px;
	/* Needed for Safari 5? */
	width:           16px;
}
.ie .sceditor-button {
	text-indent: 0;
}
.ie6 .sceditor-button,
.ie7 .sceditor-button {
	display: inline;
	float:   none !important;
	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: #ffffff;
	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: #ffffff;
	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;
	box-shadow: none;
	cursor:     default;
}
.sceditor-button,
.sceditor-button div {
	display: block;
}
.sceditor-button div {
	color:       transparent;
	font-size:   0;
	line-height: 0;
	margin:      2px 0;
	overflow:    hidden;
	padding:     0;
}
.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 {
	color:       inherit;
	font-size:   1em;
	line-height: 16px;
	overflow:    visible;
	text-indent: 0;
	width:       auto;
}
.text .sceditor-button div,
.sceditor-button.text div {
	background: none;
	padding:    0 2px;
}
.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 {
	left:  0;
	right: auto;
}
.sceditor-container {
	background-clip: padding-box;
	border:          1px solid #dddddd;
	border-radius:   0;
}
.sceditor-container textarea {
	background:  #2e3436;
	color:       #ffffff;
	font-family: Consolas, "Bitstream Vera Sans Mono", "Andale Mono", Monaco, "DejaVu Sans Mono", "Lucida Console", monospace;
	margin:      0;
	padding:     5px;
}
div.sceditor-toolbar,
div.sceditor-group {
	background: #f6f6f6;
}
div.sceditor-toolbar {
	background-size: 100% 32px;
	padding:         0;
}
div.sceditor-group {
	background-clip: padding-box;
	border:          0;
	border-left:     1px solid #eaeaea;
	border-radius:   0;
	border-right:    1px solid #cccccc;
	margin:          0;
	padding:         2px 4px;
}
div.sceditor-group:last-child {
	border-right: 0;
}
div.sceditor-group:first-child {
	border-left: 0;
}
.sceditor-button {
	background-clip: padding-box;
	border-radius:   0;
	height:          16px;
	margin:          1px;
	padding:         5px;
}
.sceditor-button div {
	margin: 0;
}
.sceditor-button.active,
.sceditor-button:hover,
.sceditor-button:active,
.sceditor-button.active:hover {
	box-shadow: none;
	margin:     0;
}
.sceditor-button.active {
	background: #f4f4f4;
	border:     1px solid #cccccc;
}
.sceditor-button:hover {
	background: #fefefe;
	border:     1px solid #dddddd;
}
.sceditor-button.disabled:hover {
	border: 0;
	margin: 1px;
}
.sceditor-button:active {
	background: #eeeeee;
	border:     1px solid #cccccc;
}
.sceditor-button.active:hover {
	background: #f8f8f8;
	border:     1px solid #dddddd;
}

/* ------------------------------------------------------------------- */
/* 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 .submit-page {
	padding: 0 9%;
}

.submit-page label {
	color:         var(--karrero-text);
	font-size:     14px;
	font-weight:   500;
	line-height:   28px;
	margin-bottom: 5px;
}
.submit-page label small {
	color:     #888888;
	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%;
	position:  relative;
	top:       5px;
}

.form.with-line.fieldset-links .description {
	display:       block;
	font-size:     14px;
	margin-bottom: 15px;
	/* width: 50%; */
}
.job-manager-remove-uploaded-file {
	background:    #dc3c3c;
	border-radius: 3px;
	color:         #ffffff;
	font-size:     13px;
	padding:       3px;
}

.fieldset-resume_file {
	border-top:     1px solid #e0e0e0;
	margin-top:     10px;
	padding-bottom: 5px;
	padding-top:    30px;
}

.send-btn-border {
	border-top:  1px solid #e0e0e0;
	padding-top: 40px;
	width:       100%;
}

.field p.note {
	margin-bottom: 0;
}

textarea.WYSIWYG {
	min-height: 300px;
}

.submit-page .divider {
	border-bottom:  1px solid #e0e0e0;
	margin:         50px 0 35px 0;
	padding-bottom: 15px;
}

.submit-page .button.linkedin-btn {
	background-color: #0077b5;
}

.formline {
	border-top:    1px solid #e0e0e0;
	margin-bottom: 30px;
	padding-top:   30px;
}

.form.with-line h5 {
	margin-bottom: 12px;
}

.wp-editor-container {

	border: 1px solid #dddddd;
	width:  99%;
}

/* Forms for URL(s), Education and Skills */
.resume-manager-data-row {
	background-color: #f9f9f9;
	border-radius:    4px;
	margin-bottom:    20px;
	margin-top:       5px;
	padding:          28px 28px 13px 28px;
	position:         relative;
}

.dashboard-content .submit-page .form.with-line {
	border-top:    1px solid #e0e0e0;
	margin-bottom: 25px;
	padding-top:   25px;
}

.resume-manager-data-row input,
.resume-manager-data-row textarea {
	background-color: #ffffff;
	margin-bottom:    15px;
	max-height:       150px;
}
.resume-manager-data-row fieldset:last-child {
	border: 0;
}

a.resume-manager-remove-row {
	background-color: #e9e9e9;
	color:            #888888;
	line-height:      32px;
	padding:          0;
	position:         absolute;
	right:            0;
	text-align:       center;
	top:              0;
	width:            32px;
	z-index:          9;
}
a.resume-manager-remove-row i {
	color:       #ffffff;
	margin-left: 5px;
}
a.close-form:hover {
	color: #ffffff;
}
a.close-form i {
	margin: 0;
}

/* ------------------------------------------------------------------- */
/* Footer
---------------------------------------------------------------------- */
#footer {
	background-color: #202020;
	color:            #999999;
	margin-bottom:    -1px;
	padding:          50px 0 0 0;
}

#footer h4 {
	color:         #ffffff;
	font-size:     20px;
	margin-bottom: 12px;
}

#footer a.button {
	margin-top: 12px;
}
#footer a.button:hover {
	background-color: #ffffff;
	color:            var(--karrero-text);
}

/* Footer Bottom */
.footer-bottom {
	border-top: 1px solid var(--karrero-text);
	display:    inline-block;
	margin-top: 35px;
	padding:    30px 0;
	text-align: center;
}

.footer-bottom h4 {
	display: none;
}

.copyrights {
	color: #a0a0a0;
}
.copyrights a {
	color:           var(--karrero-text);
	text-decoration: underline;
}

/* ------------------------------------------------------------------- */
/* Manage Applications Styles
---------------------------------------------------------------------- */
#job-manager-job-applications {
	background:    #ffffff;
	border-radius: 3px;
	box-shadow:    0 0 12px rgba(0, 0, 0, 0.07);
	padding:       30px;
}
.job-manager-jobs td.applications {
	text-align: center;
}
.application {
	border:        1px solid #e0e0e0;
	border-radius: 3px;
	margin-bottom: 30px;
}

.application:last-of-type {
	margin-bottom: 0;
}
.job_application.application {
	border: 0;
}

.app-content {
	padding:  35px 40px 35px 40px;
	position: relative;
}

.app-footer {
	background-color: #fbfbfb;
	border-top:       1px solid #e0e0e0;
	padding:          22px 40px;
	position:         relative;
	z-index:          10;
}

.download-csv {
	float: right;
}

/* Tabs */
.app-tabs {
	border-top: 1px solid #e0e0e0;
	margin:     0 40px -1px;
	position:   relative;
}

.job-application-note-add input.button {
	margin-top: 20px;
}

.app-tabs .app-tab-content {
	box-sizing: border-box;
	padding:    35px 0 43px 0;
}

.app-tabs .app-tab-content .select-grid {
	display: inline-block;
	float:   left;
	width:   49% !important;
}

.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 {
	line-height: 32px;
	margin-top:  -33px;
	padding:     0;
	position:    absolute;
	right:       0;
	text-align:  center;
	top:         0;
	width:       32px;
	z-index:     9;
}

.app-tabs a.close-tab i {
	margin: 0;
}

.app-tabs div p {
	margin: 0;
}

/* Applicant Details */
.app-tabs div i {
	color:       #555555;
	display:     block;
	font-weight: 500;
}

.app-tabs .app-tab-content span:not(.select-grid span) {
	display:       inline-block;
	margin-bottom: 15px;
}

.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 {
	color:       #808080;
	display:     inline-block;
	margin-left: 15px;
}

.app-footer ul li i {
	margin-right: 3px;
}

.app-content ul {
	margin-top: 4px;
}
.app-content img {
	border-radius: 50%;
	display:       inline-block;
	float:         left;
	height:        90px;
	margin-right:  30px;
	width:         90px;
}

.app-content .info {
	display: block;
}

.app-content .info span {
	color:      #505050;
	display:    inline-block;
	font-size:  21px;
	margin-top: 17px;
}

.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 {
	display:    inline-block;
	margin-top: 2px;
	position:   absolute;
	right:      40px;
	top:        52%;
	transform:  translateY(-50%);
}

.app-content .buttons .button {
	margin-left: 3px;
}

/*----------------------------------- */
/* Star Rating
------------------------------------- */
.rating {
	box-sizing: content-box;
	display:    block;
	height:     24px;
	overflow:   hidden;
	position:   relative;
	width:      110px;
}

.rating .star-rating {
	display:  block;
	margin:   0;
	padding:  0;
	position: relative;
	width:    inherit;
}

.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 {
	color:          #ffc741;
	content:        "\f005  \f005  \f005  \f005  \f005";
	display:        block;
	font-family:    "FontAwesome";
	font-size:      19px;
	letter-spacing: -0.5px;
	position:       absolute;
	z-index:        10;
}

.rating .star-bg:after {
	color:          #c0c0c0;
	content:        "\f006  \f006  \f006  \f006  \f006";
	display:        block;
	font-family:    "FontAwesome";
	font-size:      19px;
	letter-spacing: -0.5px;
	margin:         0;
	padding:        0;
	position:       absolute;
	z-index:        9;
}

.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;
	border:           medium none;
	color:            #aaaaaa;
	cursor:           pointer;
	display:          inline;
	float:            right;
	font-size:        18px;
	height:           56px;
	padding:          0;
	position:         relative;
	transition:       all 0.2s ease-in-out;
	width:            56px;
}

.list-search button:hover {
	background-color: #282828;
}

.list-search input {
	box-sizing:  border-box;
	float:       left;
	font-size:   16px;
	line-height: 20px;
	margin-top:  -56px;
	padding:     17px 22px;
	position:    relative;
	width:       100%;
}
.sidebar .list-search input {
	font-weight: 400;
	line-height: 16px;
	margin-top:  0;
}

/*----------------------------------- */
/* Custom Checkbox
------------------------------------- */
.checkboxes li {
	padding: 4px 0;
}
.checkboxes li:last-child {
	margin-bottom: -8px;
}

.checkboxes label {
	cursor:       pointer;
	display:      inline-block;
	margin-right: 15px;
	padding-left: 30px;
	position:     relative;
}

#login-dialog .checkboxes label {
	margin-bottom: 0;
	margin-right:  15px;
	padding-left:  27px;
}

.checkboxes label span {
	color:     #909090 !important;
	font-size: 16px;
}

.checkboxes input[type=checkbox] {
	display: none;
}

.checkboxes label:before {
	background-color: #ffffff;
	border:           2px solid #d0d0d0;
	box-sizing:       border-box;
	content:          "";
	display:          inline-block;
	height:           19px;
	left:             0;
	margin-right:     10px;
	position:         absolute;
	top:              0;
	width:            19px;
}

.checkboxes input[type=checkbox]:checked + label:before {
	background-color: #505050;
	border:           2px solid transparent;
	color:            #ffffff;
	content:          "\f00c";
	font-family:      "FontAwesome";
	font-size:        12px;
	line-height:      15px;
	text-align:       center;
}

h4.checkboxes label {
	font-size:     20px;
	margin-bottom: 0;
}
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;
	line-height:      27px;
	padding:          8px 0;
	width:            100%;
}

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 {
	background-color: #ffffff;
	border:           1px solid #dddddd;
	padding:          40px;
	position:         absolute;
	right:            0;
	top:              0;
	width:            50%;
	z-index:          9999;
}

.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: var(--karrero-gray-light);
	border-bottom:    1px solid #e0e0e0;
	padding:          25px 40px;
}

.small-dialog-content hr {
	border:       none;
	border-width: 1px 0 0;
	clear:        both;
	height:       0;
	margin:       0 0 30px;
}

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 {
	background-color: #eeeeee;
	color:            #555555;
	float:            left;
	margin-right:     18px;
	padding:          11px 18px;
}

.small-dialog label {
	color:       #888888;
	font-weight: 500;
}

.upload-btn:hover {
	background-color: #282828 !important;
	color:            #ffffff;
}

body input.qty, body .input-text {
	font-family: "Poppins", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
	outline: none;
}
.job-manager-uploaded-file-name {
	background:    rgb(246, 246, 246) none repeat scroll 0 0;
	display:       inline-block;
	margin-bottom: 25px;
	margin-top:    10px;
	padding:       10px 20px;
}

.job-manager-application-form small {
	color:       #a0a0a0;
	font-size:   14px;
	font-weight: 400;
}
.fieldset-upload-cv small.description {
	color:    #888888;
	position: relative;
	top:      8px;
}

.fieldset-online-resume,
.fieldset-upload-cv {
	margin-top: 17px;
}

/* Packages */
body .job_package_selection {
	margin-top: -10px;
}
body .job_listing_packages_title h2 {
	font-size: 22px;
	position:  relative;
	top:       8px;
}

body .entry-content .job_listing_packages_title, .entry-content .resume_packages_title, .job_listing_packages_title, .resume_packages_title {
	background:     rgb(255, 255, 255) none repeat scroll 0 0;
	padding:        0 0 30px;
	position:       relative;
	vertical-align: middle;
}

body .job_listing_packages, .resume_packages {
	border:        5px solid #eeeeee;
	border-radius: 3px;
	margin-bottom: 25px;
	padding:       0;
}
.job_listing_packages ul.job_packages li label, .job_listing_packages ul.resume_packages li label, .resume_packages ul.job_packages li label, .resume_packages ul.resume_packages li label {
	cursor:      pointer;
	display:     block;
	font-weight: 700;
	line-height: 21px;
	margin:      0 0 -10px;
	padding:     0 0 0 28px;
}
body .job-package label {
	display:      inline-block;
	padding-left: 6px;
}

.job-manager-uploaded-file-preview {
	/*     display: inline-block;
border-top: 1px solid rgb(224, 224, 224);
width: 100%;
padding: 20px 0;
margin-top: 15px; */
}

.job-manager-uploaded-file-preview img {
	max-width: 420px;
}

.small-dialog-content textarea {
	max-width:  100%;
	min-height: 180px;
	min-width:  100%;
}

.upload-btn i {
	margin-right: 2px;
}
.fake-input {
	margin-bottom: 17px;
	padding:       10px 18px;
}
.upload-info span {
	float: right;
}

.upload-info {
	margin: 20px 0 10px 0;
}

.small-dialog-content button.send {
	margin-top: 25px;
	width:      100%;
}

.small-dialog-content .divider {
	border-top: 1px solid #e0e0e0;
	display:    inline-block;
	height:     1px;
	width:      100%;
}

.small-dialog-content .chosen-container {
	margin-bottom: 15px;
	width:         100% !important;
}
.small-dialog-content .chosen-container input.default {
	width: 80% !important;
}
.job_description p.pfix {
	height:        20px;
	margin-bottom: 0;
}

.post-content ul,
.type-page ul,
.resume_description ul,
.job_description ul {
	list-style-position: outside;
	list-style-type:     disc;
	margin-bottom:       0.5rem;
	margin-left:         1.5rem;
}
.type-page ol,
.post-content ol,
.resume_description ol,
.job_description ol {
	list-style-position: outside;
	list-style-type:     decimal;
	margin-left:         1.5rem;
}
.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;
}
.job-overview ul li {
	padding: 0 5px;
}
.job-overview .widget .title + div {
	margin: 4px 0 0 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-position: outside;
	list-style-type:     circle;
	margin-bottom:       5px;
	margin-left:         15px;
	margin-top:          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-position: outside;
	list-style-type:     lower-latin;
	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 {
	background:    #ffffff;
	border-bottom: 1px solid #e0e0e0;
	margin-bottom: 55px;
	text-align:    center;
}

.company-letters a {
	color:   var(--karrero-text);
	display: inline-block;
	font:    700 16px/normal Poppins, sans-serif;
	padding: 0 11px 17px 11px;
}

.companies-overview, .companies-overview ul {
	list-style: none;
	margin:     0;
	padding:    0;
}

.companies-overview {
	margin: 0 auto;
}

.companies-overview .company-group {
	display:       inline;
	float:         left;
	margin-bottom: 3%;
	margin-right:  3%;
	width:         30%;
}
.companies-overview .company-group:nth-child(3n) {
	margin-right: 0;
}

.company-letter {
	background: #fbfbfb;
	border:     1px solid #e0e0e0;
	color:      var(--karrero-text);
	font:       600 18px/normal Poppins, sans-serif;
	padding:    9px 15px;
}

.companies-overview li li {
	padding: 0;
}

.companies-overview li li a {
	border-bottom: 1px solid #eeeeee;
	color:         #777777;
	display:       block;
	padding:       14px 2px;
}

.company-titlebar .company-info {
	border-bottom:  none;
	margin-bottom:  0;
	padding-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 {
	height: 115px;
	width:  115px;
}

.type-page ul.companies-overview ul,
.type-page ul.companies-overview {
	list-style: none;
	margin:     0;
	padding:    0;
}
.type-page ul.companies-overview li {
	padding: 0;
}
/* ------------------------------------------------------------------- */
/* 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 {
		margin-bottom: 20px;
		width:         100% !important;
	}
	.search-container .inputs-number-3 input.ico-02 {
		background-position: 95% 20px;
	}
	.search-container .inputs-number-3 button {
		width: 100%;
	}
	.job-list img {
		height:      50px;
		margin-left: 30px;
		width:       50px;
	}
	.resumes img {
		height:      70px;
		margin-left: 30px;
		width:       70px;
	}

	.resume-titlebar img {
		height: 90px;
		width:  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 0;
	}

	#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 {
		float:      left;
		margin-top: 20px;
	}

	.caption h2 {
		font-size: 36px;
	}
	.caption p {
		font-size:   20px;
		line-height: 30px;
	}

	#titlebar.photo-bg {
		padding: 75px 0;
	}

	.app-content .buttons {
		display:    inline-block;
		left:       0;
		margin-top: 30px;
		position:   relative;
		top:        0;
		transform:  none;
	}

	.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: #ffffff;
		color:            var(--karrero-text);
	}

	#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 {
		margin: 0 0 15px 0;
		width:  100%;
	}
	.search-container input.ico-02 {
		margin: 0 0 15px 0;
		width:  100%;
	}
	.search-container select {
		margin: 0 0 15px 0;
		width:  100%;
	}
	.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 {
		margin-bottom: 20px;
		width:         100% !important;
	}
	#popular-categories.with-flex li {
		flex-grow: 1;
		width:     100%;
	}
	#popular-categories li a {
		width: 100%;
	}

	.resumes img, .job-list img {
		height:      50px;
		margin-left: 30px;
		width:       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 {
		box-sizing: border-box;
		display:    inline-block;
		margin:     0;
		padding:    10px 15px;
		top:        15px;
		width:      100%;
	}

	.coupon {
		margin-bottom: 20px;
	}

	#footer a.button {
		margin-bottom: 30px;
	}

	#counters {
		padding: 25px 0 22px 0;
	}

	.counter-box {
		border-bottom: 1px solid #444444;
		border-right:  none !important;
		padding:       30px 0;
	}

	.counter-box p {
		margin: 7px 0 0 0;
	}

	.counter-box i,
	.counter {
		font-size:   48px;
		line-height: 36px;
	}

	#counters .container:before {
		bottom: 0;
		height: 1px;
		left:   0;
		width:  100%;
	}

	.info-banner a.button {
		float:      left;
		margin-top: 20px;
	}

	.caption h2 {
		font-size: 22px;
	}
	.caption p {
		display: none;
	}

	#titlebar .button {
		margin-top: 20px;
		position:   relative;
		right:      0;
		transform:  none;
	}

	#titlebar.photo-bg {
		padding: 55px 0;
	}

	.resume-titlebar img {
		height: 90px;
		width:  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 {
		margin-top: 0 !important;
		position:   relative;
		right:      0;
		top:        0;
		transform:  none;
	}

	#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;
		overflow: visible;
		width:    auto;
	}

	.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 {
		display:    inline-block;
		left:       0;
		margin-top: 35px;
		position:   relative;
		top:        0;
		transform:  none;
	}

	.app-footer ul {
		float:      left;
		margin-top: 7px;
	}

	.app-footer ul li {
		margin-left:  0;
		margin-right: 15px;
	}

	.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: #ffffff;
		color:            var(--karrero-text);
	}

	#titlebar.single.submit-page h2, .submit-page {
		padding: 0;
	}
	.resume-titlebar img {
		display: none;
	}
	.resume-titlebar .resumes-content {
		margin-left: 0;
	}
}

/* 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: 0;
	}
	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 {
	cursor:   default;
	height:   1.2em;
	position: absolute;
	width:    1.2em;
	z-index:  2;
}
.ui-slider .ui-slider-range {
	background-position: 0 0;
	border:              0;
	display:             block;
	font-size:           .7em;
	position:            absolute;
	z-index:             1;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	margin-left: -.6em;
	top:         -.3em;
}
.ui-slider-horizontal .ui-slider-range {
	height: 100%;
	top:    0;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	height: 100px;
	width:  .8em;
}
.ui-slider-vertical .ui-slider-handle {
	left:          -.3em;
	margin-bottom: -.6em;
	margin-left:   0;
}
.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: 0;
}

.widget_range_filter-inside {
	display:    block;
	margin-top: 20px;
}
.range-indicator {
	margin-bottom: 20px;
}

.widget_range_filter .button {
	float:   right;
	margin:  0;
	padding: 8px 11px;
}

#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 {
	cursor:   pointer;
	height:   19px;
	margin:   -3px 0 0 -8px;
	outline:  none;
	position: absolute;
	width:    19px;
	z-index:  2;
}

.widget_range_filter .ui-slider .ui-slider-handle:before {
	background-color: #ffffff;
	border-radius:    50%;
	content:          "";
	display:          block;
	height:           13px;
	left:             0;
	margin:           0 auto;
	position:         absolute;
	right:            0;
	top:              3px;
	width:            13px;
}

.widget_range_filter .ui-slider .ui-slider-range {
	background-position: 0;
	border:              0;
	display:             block;
	height:              11px;
	position:            absolute;
	z-index:             1;
}

.widget_range_filter .ui-widget-content {
	background-color: #d4d4d4;
	border-radius:    25px;
}

.widget_range_filter .ui-widget-header {
	background: #eeeeee;
}

.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 {
	height: 100%;
	top:    0;
}
.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 {
	display:        inline-block;
	font-size:      26px;
	font-weight:    500;
	letter-spacing: -0.5px;
	line-height:    32px;
	margin-bottom:  25px;

}

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:            #000000;
}

/* 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: 3px;
}

.mfp-content .mfp-close {
	border-radius: 3px;
}
.small-dialog-headline {
	border-radius: 3px 3px 0 0;
}

.hover-icon {
	border-radius: 3px 0 3px 0;
}
.chosen-container.chosen-with-drop .chosen-choices,
.chosen-container.chosen-with-drop .chosen-single {
	border-radius: 3px 3px 0 0;
}
.chosen-container.chosen-with-drop .chosen-drop {
	border-radius: 0 0 3px 3px;
}

.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 3px 3px;
}

.tp-leftarrow, ul.share-post li:last-child a, .job_filters_links a.alert {
	border-radius: 0 3px 3px 0;
}
.tp-rightarrow, ul.share-post li:first-child a, .job_filters_links a.reset {
	border-radius: 3px 0 0 3px;
}

.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: 3px 0 0 3px;
}
.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 3px 3px 0;
}
.woocommerce-MyAccount-navigation li:first-child a {
	border-radius: 3px 3px 0 0;
}
.woocommerce-MyAccount-navigation li:last-child a {
	border-radius: 0 0 3px 3px;
}
/* BORDER RADIUS - END */

.map-box .resumes-content h4 {
	font-size:     16px;
	font-weight:   500;
	line-height:   30px;
	margin-bottom: -5px;
	padding:       5px 0 0 0;
	transition:    0.3s;
}

.map-box .resumes-content .skills span {
	font-weight: 500;
}

.map-box .resumes-content h4 span {
	color:          #888888;
	font-size:      14px;
	font-weight:    400;
	line-height:    25px;
	text-transform: none;
}

.map-box img.candidate_photo {
	border-radius: 3px;
	display:       inline-block;
	float:         left;
	margin-right:  15px;
	position:      relative;
	top:           2px;
	width:         48px;
}

.showbiz .overflowholder {
	width: calc(100% + 1px);
}

body .pac-item {
	color:      #999999;
	cursor:     pointer;
	font-size:  12px;
	padding:    5px 15px;
	transition: 0.2s;
}

body .pac-container {
	border:        1px solid #e0e0e0;
	border-radius: 0 0 3px 3px;
	border-top:    none;
	box-shadow:    none;
	box-sizing:    content-box;
	font-family:   "Poppins", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-top:    -2px;
}

body.page-template-template-home .pac-container {
	border:     none;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
	margin-top: 0;
	overflow:   visible;
}

body.page-template-template-home .pac-container:before {
	background-color: #ffffff;
	content:          "";
	display:          block;
	height:           10px;
	position:         absolute;
	top:              -8px;
	width:            100%;
}

body .ui-menu {
	background:    #ffffff;
	border-bottom: none;
	border-radius: 0 0 3px 3px;
	box-shadow:    0 -2px 0 0 #ffffff;
	color:         #888888;
	font-family:   "Poppins", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:   500;
}

.ui-menu li.ui-menu-item {
	background-color: #ffffff;
	border-top:       1px solid #e8e8e8;
	font-size:        13px;
	padding:          8px 15px;
}

body .ui-menu li.ui-menu-item.ui-state-focus {
	background: var(--karrero-gray-light);
	border-top: 1px solid #e8e8e8;
	color:      #222222;
}

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 0 10px rgba(0, 0, 0, 0.25);
}
.transparent .menu ul .cart-list ul {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0);
}
body .map-box {
	border-radius: 3px;
	box-shadow:    0 0 15px rgba(0, 0, 0, 0.1);
	box-sizing:    border-box;
	padding:       20px 30px;
	position:      relative;
	width:         460px;
}

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-bottom: 10px;
	margin-top:    5px;
	transition:    0.3s;
}

body .map-box h4:hover {
	color: var(--karrero-text);
}

body .map-box span.job-type {
	display:     block;
	font-size:   12px;
	font-weight: 500;
	line-height: 19px;
	margin:      8px 0 10px 0;
	max-width:   90px;
	padding:     3px 5px;
	text-align:  center;
	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;
	text-align: center;
	width:      80px;
}

body .cluster {
	font-size:   14px !important;
	font-weight: 700 !important;
	line-height: 45px !important;
	width:       46px !important;
}

.infoBox div.location, .infoBox .job-icons span {
	font-family: "Poppins", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:   14px;
}

.infoBox-close {
	background:    #f0f0f0;
	border-radius: 3px;
	font-size:     14px;
	height:        33px;
	line-height:   33px;
	right:         15px;
	top:           15px;
	width:         33px;
}

.infoBox-close:hover {
	background-color: var(--karrero-text);
	color:            #ffffff;
}
@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 #000000;
	border-radius: 0 0 3px 3px;
}

/* Version 1.5 CSS update, new looks */
/* ---------------------------------- */
/* Resumes List Alternative
------------------------------------- */
.resumes.alternative {
	margin-top: 15px;
}
.resumes.alternative li {
	background:    #ffffff !important;
	border:        1px solid #e0e0e0 !important;
	box-shadow:    none;
	margin-bottom: 0;
	margin-top:    -1px;
	position:      relative;
	transition:    0.3s;
	z-index:       auto !important;
}

.resumes.alternative li:hover {
	background-color: var(--karrero-gray-light) !important;
	border-color:     #e0e0e0 !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 {
	background-color: #505050;
	border:           none;
	border-left:      4px solid #ffffff;
	content:          "";
	display:          inline-block;
	height:           calc(100% + 2px);
	left:             -0px;
	opacity:          0;
	position:         absolute;
	top:              -1px;
	transition:       0.4s;
	width:            4px;
	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;
	font-weight:    500;
	margin-bottom:  3px !important;
	padding:        4px 9px;
	text-transform: none;
}

.resumes.alternative .resumes-list-content h4 {
	font-size:   18px;
	font-weight: 500;
}

.resumes.alternative .resumes-list-content h4 span {
	color:       #666666;
	font-size:   16px;
	font-weight: 400;
}

/* ---------------------------------- */
/* Job List Alternative
------------------------------------- */
.listings-container {
	margin: 15px 0 40px 0;
}
.new-layout.job_listings > li a {
	background:      #ffffff;
	border:          1px solid #e0e0e0;
	border-left:     4px solid #eeeeee;
	border-radius:   0;
	display:         flex;
	height:          auto;
	justify-content: space-between;
	margin-top:      -1px;
	overflow:        hidden;
	padding:         25px;
	position:        relative;
	transition:      0.3s;
	width:           auto;
}

.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 {
	border-top: 0;
	padding:    0;
}

.type-page ul.new-layout.job_listings li.no_job_listings_found {
	border-radius: 3px;
	padding:       20px !important;
}
.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 .listing-badge {
	background-color: #fac710;
	color:            #ffffff;
	float:            left;
	font-size:        14px;
	font-weight:      500;
	height:           66px;
	line-height:      106px;
	margin:           0;
	position:         absolute;
	right:            -33px;
	text-align:       center;
	top:              -33px;
	transform:        rotate(45deg);
	width:            66px;
	z-index:          999;
}

.new-layout .listing-badge i {
	transform: rotate(-45deg);
}
.new-layout.job_listings > li:last-child, .new-layout.job-list > li:last-child {
	border-bottom: 0;
}
.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 {
	flex-wrap: wrap;
	float:     none;
	margin:    0;
	min-width: 60px;
	width:     60px;
}
.new-layout.job_listings > li a.job_listing .listing-logo img {
	display: inline-block;
	float:   none;
	margin:  0;
	padding: 0;
}

.new-layout .job_listing .listing-logo img {
	border-radius: 3px;
	transform:     translate3d(0, 0, 0);
}

.new-layout .job_listing .listing-title {
	flex-wrap:     wrap;
	padding-left:  25px;
	padding-right: 25px;
}

.new-layout .job_listing .listing-title h4 {
	color:          var(--karrero-text);
	font-size:      17px;
	letter-spacing: 0;
	line-height:    27px;
	margin-bottom:  5px;
	margin-top:     2px;
}
.new-layout.job_listings > li a span.job-type {
	background-color: #ffffff;
	border:           1px solid #e0e0e0;
	border-radius:    3px;
	color:            #888888;
	display:          inline-block;
	font-size:        12px;
	font-weight:      500;
	line-height:      18px;
	margin:           2px 0 2px 4px;
	min-width:        76px;
	padding:          4px 8px;
	position:         relative;
	text-align:       center;
	white-space:      nowrap;
}

.listing-types-list {
	max-width:  220px;
	position:   absolute;
	right:      25px;
	text-align: right;
	top:        50%;
	transform:  translateY(-50%);
}

.new-layout.job_listings > li a span.job-type:last-child {
	margin-right: 0;
}

@media (max-width: 992px) {
	.listing-types-list {
		display:       block;
		margin-bottom: 2px;
		margin-top:    5px;
		max-width:     100%;
		position:      relative;
		right:         0;
		text-align:    left;
		top:           0;
		transform:     translateY(0);
	}
	.new-layout .job_listing .listing-title {
		padding: 0 15px;
	}
	.new-layout.job_listings > li a span.job-type {
		margin:    2px 4px 2px 0;
		min-width: 76px;
	}
}

@media (max-width: 768px) {
	.new-layout.job_listings > li a {
		padding: 15px;
	}
	.new-layout .job_listing .listing-title {
		padding: 0;
	}
	.new-layout .job_listing .listing-title h4 {
		font-size:   16px;
		line-height: 26px;
	}
	.listing-types-list {
		zoom: 0.85;
	}
}

.types_below .listing-types-list {
	max-width:  100%;
	position:   static;
	right:      0;
	text-align: left;
	top:        0;
	transform:  translateY(0);
}

li.types_below a span.job-type:first-child {
	margin-left: 0;
}

.listing.full-time .listing-type {
	background-color: #f1f7fc;
	border-color:     #186fc9;
	color:            #186fc9;
}
.listing.part-time .listing-type {
	background-color: #fef6f0;
	border-color:     #f1630d;
	color:            #f1630d;
}
.listing.freelance .listing-type {
	background-color: #f5fbf2;
	border-color:     #53b427;
	color:            #53b427;
}
.listing.internship .listing-type {
	background-color: #fdfcf2;
	border-color:     #dfb634;
	color:            #dcaa0c;
}
.listing.temporary .listing-type {
	background-color: #fdf2f3;
	border-color:     #e12335;
	color:            #e12335;
}

.job-spotlight span.full-time {
	background-color: #f1f7fc;
	border:           1px solid #186fc9;
	color:            #186fc9 !important;
}
.job-spotlight span.part-time {
	background-color: #fef6f0;
	border:           1px solid #f1630d;
	color:            #f1630d !important;
}
.job-spotlight span.freelance {
	background-color: #f5fbf2;
	border:           1px solid #53b427;
	color:            #53b427 !important;
}
.job-spotlight span.internship {
	background-color: #fdfcf2;
	border:           1px solid #dfb634;
	color:            #dcaa0c !important;
}
.job-spotlight span.temporary {
	background-color: #fdf2f3;
	border:           1px solid #e12335;
	color:            #e12335 !important;
}

.job-spotlight span.full-time,
.job-spotlight span.part-time,
.job-spotlight span.freelance,
.job-spotlight span.internship,
.job-spotlight span.temporary {
	font-size:      12px !important;
	font-weight:    500 !important;
	line-height:    26px;
	text-transform: none !important;
}

li .job-spotlight p {
	color: #808080;
}
.job-spotlight a h4 {
	line-height: 29px;
}

.listing-details {
	flex-wrap: wrap;
}

.type-page ul.listing-icons,
.listing-icons {
	font-size: 1rem;
	margin:    0;
	padding:   0;
}

.listing-icons li:last-child {
	margin-right: 0;
}

.listing-icons li i {
	margin:    0 4px 0 0;
	position:  relative;
	top:       2px;
}

/* Logo to right */
.new-layout.job_listings.logo-to-right > li a span.job-type,
.job_listings.logo-to-right .job-type {
	left:        auto;
	margin-left: 5px;
	position:    relative;
	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 {
	display:   flex;
	flex-wrap: wrap;
	left:      -20px;
	position:  relative;
	top:       -10px;
	width:     calc(100% + 20px);
}

.category-small-box {
	background-color: #f7f7f7;
	border-radius:    3px;
	color:            #777777;
	display:          flex;
	flex-direction:   column;
	justify-content:  center;
	margin:           20px 0 0 20px;
	min-height:       124px;
	overflow:         hidden;
	padding:          20px;
	position:         relative;
	text-align:       center;
	transform:        scale(1);
	transition:       0.4s;
	vertical-align:   top;
}

.category-small-box:before {
	background-color: #ffffff;
	content:          "";
	height:           100%;
	left:             0;
	opacity:          0;
	position:         absolute;
	top:              0;
	transform:        rotate(45deg) scale(1.5) translate(-10%, -100%);
	transition:       opacity 0.4s, transform 0.2s;
	width:            100%;
}

/* Hover Animation */
.category-small-box:hover {
	background-color: #505050;
	color:            #ffffff;
}

.category-small-box h4 {
	color:       #666666;
	font-size:   15px;
	line-height: 22px;
	margin-top:  6px;
	transition:  0.4s;
}

.category-small-box span {
	background-color: rgba(0, 0, 0, 0.04);
	border-radius:    3px;
	color:            #909090;
	display:          block;
	font-size:        13px;
	left:             auto;
	margin:           10px auto 0;
	right:            auto;
	text-align:       center;
	transition:       0.4s;
	width:            40px;
}

.category-small-box:hover span {
	background-color: rgba(0, 0, 0, 0.1);
	color:            #ffffff;
}

.category-small-box i {
	color:      #505050;
	display:    inline-block;
	font-size:  36px;
	height:     42px;
	transition: 0.4s;
}

.category-small-box:hover i,
.category-small-box:hover h4 {
	color: #ffffff;
}

.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;
	box-shadow:    none;
	color:         #888888;
	margin:        18px 0;
	padding:       35px;
	position:      relative;
	text-align:    center;
	transition:    0.4s;

}

.testimonial-carousel .slick-slide {
	cursor:         grabbing;
	margin:         0 20px 0 20px;
	opacity:        0.5;
	pointer-events: all;
	transition:     0.4s;
}

.testimonial-carousel.slick-dotted.slick-slider {
	margin-bottom: -10px;
}

.testimonial-carousel .slick-slide.slick-active .testimonial-box {
	background: #282828;
	color:      #ffffff;
}

.testimonial-carousel .slick-slide.slick-active .testimonial:before {
	color: #282828;
}

.testimonial:before {
	background-color: transparent;
	bottom:           -9px;
	color:            transparent;
	content:          "\f0dd";
	cursor:           default;
	display:          block;
	font-family:      "FontAwesome";
	font-size:        42px;
	left:             0;
	margin:           0 auto;
	position:         absolute;
	text-align:       center;
	width:            100%;
}

.testimonial:after {
	background-color: transparent;
	color:            #222222;
	content:          "\f10d";
	cursor:           default;
	display:          none;
	font-family:      "FontAwesome";
	font-size:        38px;
	left:             42px;
	opacity:          0.3;
	position:         absolute;
	top:              47px;
}

.testimonial-carousel .slick-slide.slick-active .testimonial:after {
	color:   #ffffff;
	opacity: 1;
}

.testimonial,
.testimonial p {
	font-size:     14px;
	font-weight:   400;
	line-height:   28px;
	margin-bottom: 0;
}

.testimonial-author {
	display:    block;
	margin:     0 auto;
	padding:    20px 0 15px 0;
	text-align: center;
	width:      100%;
}

.testimonial-author img {
	border-radius: 50%;
	display:       inline-block;
	height:        auto;
	margin:        0 auto;
	text-align:    center;
	width:         60px;
}

.testimonial-author h4 {
	color:       var(--karrero-text);
	display:     block;
	font-size:   16px;
	font-weight: 500;
	line-height: 24px;
	margin-top:  15px;
	padding:     0;
	width:       100%;
}

.testimonial-author h4 span {
	color:       #888888;
	display:     block;
	font-size:   14px;
	font-weight: 400;
	line-height: 24px;
	padding:     0;
}

.testimonial-box .star-rating {
	display:       inline-block;
	height:        30px;
	margin-bottom: -10px;
	margin-top:    15px;
}

.fullwidth-testimonial {
	background-color: #f9f9f9;
	padding:          60px 0 55px;
}

h3.headline.centered {
	font-size:   26px;
	line-height: 32px;
	margin:      0 0 30px 0;
	width:       100%;
}

h3.headline.headline-aligned-to-left {
	font-size:   26px;
	line-height: 32px;
	margin:      0 0 15px 0;
}
body a.button {
	font-size:   14px;
	font-weight: 500;
}
.alt-header .headline.centered span {
	margin-top: 8px !important;
}

.fullwidth-testimonial h3.headline {
	margin: 0 0 10px 0;
}

span.headline-detail {
	display:    block;
	margin-top: 10px;
}

.headline.centered span {
	color:       #888888;
	display:     block;
	font-size:   20px;
	font-weight: 300;
	line-height: 32px;
	margin-top:  25px;
	padding:     0 28%;
}

.headline.headline-aligned-to-left span {
	color:       #888888;
	font-weight: 300;
	line-height: 32px;
	margin-top:  25px;
}

@media (max-width: 768px) {
	.headline.centered span {
		padding: 0 30px;
	}
}

.fullwidth-testimonial .slick-dots {
	display: none !important;
}

.headline.centered {
	text-align: center;
}
.fullwidth-divider {
	background: #e0e0e0;
	display:    block;
	height:     1px;
	width:      100%;
}
body .recent-post {
	border:        none;
	margin-bottom: 15px;
}
body .recent-post a h4 {
	font-size: 20px;
}

/* ---------------------------------- */
/* Slick Carousel
------------------------------------- */

/* Slider */
.slick-slider {
	box-sizing:                  border-box;
	display:                     block;
	position:                    relative;
	-webkit-tap-highlight-color: transparent;
	-ms-touch-action:            pan-y;
	touch-action:                pan-y;
	-webkit-touch-callout:       none;
	user-select:                 none;
}

.slick-list {
	display:  block;

	margin:   0;
	overflow: hidden;

	padding:  0;
	position: relative;
}
.slick-list:focus {
	outline: none;
}
.slick-list.dragging {
	cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	transform: translate3d(0, 0, 0);
}

.slick-track {
	display:  block;
	left:     0;
	position: relative;

	top:      0;
}
.slick-track:before,
.slick-track:after {
	content: "";

	display: table;
}
.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 {
	border:  1px solid transparent;

	display: block;

	height:  auto;
}
.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 {
	box-sizing: border-box;
	margin:     0 15px;
	max-width:  100%;
}

/* Arrows */
.slick-prev,
.slick-next {
	background:  transparent;
	border:      none;
	color:       transparent;
	cursor:      pointer;
	display:     block;
	font-size:   0;
	height:      auto;
	line-height: 0;
	outline:     none;
	padding:     0;
	position:    absolute;
	top:         50%;
	transform:   translate(0, -50%);
	width:       auto;
	z-index:     100;
}

.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 {
	background: transparent;
	color:      transparent;
	outline:    none;
}

.slick-prev:hover:before,
.slick-next:hover:before {
	color: #999999;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
	opacity: .25;
}

.slick-prev:before,
.slick-next:before {
	color:                   #aaaaaa;
	font-family:             "simple-line-icons";
	font-size:               32px;
	-webkit-font-smoothing:  antialiased;
	line-height:             1;
	opacity:                 1;
	-moz-osx-font-smoothing: grayscale;
	transition:              all 0.3s;
}

.white-nav .slick-prev:before,
.white-nav .slick-next:before {
	color: #ffffff;
}

.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 {
	bottom:     -25px;
	display:    block;
	list-style: none;
	margin:     0;
	padding:    0;
	position:   absolute;
	text-align: center;
	width:      100%;
}

.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 {
	cursor:   pointer;
	display:  inline-block;
	margin:   0 3px;
	padding:  0;
	position: relative;
}

.slick-dots li {
	border:        0;
	border-radius: 50%;
	box-shadow:    inset 0 0 0 2px #c0c0c0;
	color:         transparent;
	cursor:        pointer;
	display:       inline-block;
	font-size:     0;
	height:        15px;
	line-height:   0;
	margin:        0 3px;
	opacity:       1;
	outline:       none;
	position:      relative;
	transition:    all 0.3s;
	width:         15px;
}

.slick-dots li.slick-active {
	box-shadow: inset 0 0 0 6px #c0c0c0;
	transition: all 0.3s;
}

.slick-dots li:after {
	background-color: #c0c0c0;
	border-radius:    50%;
	content:          "";
	display:          block;
	height:           13px;
	left:             1px;
	opacity:          0;
	position:         absolute;
	top:              1px;
	transition:       all 0.3s;
	width:            13px;
}

.slick-dots li.slick-active:after {
	opacity: 1;
}

.white-nav .slick-dots li {
	box-shadow: inset 0 0 0 2px #ffffff;
}
.white-nav .slick-dots li.slick-active {
	box-shadow: inset 0 0 0 8px #ffffff;
}

.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 {
	display:       inline-block;
	margin-bottom: 30px;
	text-align:    center;
}

.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;
	pointer-events: none;
	transition:     0.4s;
}

.slick-slide {
	outline: none;
}

.testimonial-carousel .slick-slide.slick-active,
.fullwidth-slick-carousel .slick-slide.slick-active {
	filter:         none;
	opacity:        1;
	pointer-events: all;
}

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

.category-box-container {
	height:   100%;
	position: relative;
}

.category-box-container.half {
	height:        calc(50% - 15px);
	margin-bottom: 30px;
}

.category-box {
	background:      #cccccc no-repeat 50%;
	background-size: cover;
	border-radius:   4px;
	cursor:          pointer;
	display:         block;
	height:          100%;
	margin-bottom:   20px;
	overflow:        hidden;
	position:        relative;
}

.category-box:before {
	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%);
	content:    "";
	height:     100%;
	position:   absolute;
	width:      100%;
	z-index:    9;
}

.fullwidth-slick-carousel.category-carousel .slick-slide {
	height: 450px;
}

.fullwidth-slick-carousel.category-carousel .slick-slide.fw-carousel-review {
	height: auto;
}

.category-box-content {
	bottom:     30px;
	box-sizing: border-box;
	left:       34px;
	position:   absolute;
	width:      calc(100% - 68px);
	z-index:    50;
}

.category-box-content h3 {
	color:     #ffffff;
	font-size: 24px;
	margin:    0;
	padding:   5px 0;
}

.category-box-content span {
	color:       rgba(255, 255, 255, 0.7);
	display:     inline-block;
	font-size:   18px;
	font-weight: 300;
}

.category-box-btn {
	background-color: transparent;
	border:           1px solid #ffffff;
	border-radius:    50px;
	bottom:           32px;
	color:            #ffffff;
	min-width:        120px;
	padding:          8px 0;
	position:         absolute;
	right:            32px;
	text-align:       center;
	transition:       all 0.3s;
	z-index:          111;
}

.category-box-btn:hover {
	background-color: #66676b;
	border-color:     #66676b;
}

.fw-carousel-item {
	height:   100%;
	position: relative;
}

.category-box-background {
	background-position: 50%;
	background-repeat:   no-repeat;
	background-size:     cover;
	height:              100%;
	left:                0;
	position:            absolute;
	top:                 0;
	transform:           translate3d(0, 0, 0) scale(1);
	transition:          transform 0.35s ease-out;
	width:               100%;
}

.category-box:hover .category-box-background {
	transform: translate3d(0, 0, 0) scale(1.08);
}

/* Simple Slick Carousel */
.simple-slick-carousel {
	height: auto;
	left:   -10px;
	width:  calc(100% + 30px);
}

.simple-slick-carousel .category-box-container {
	display: block;
	height:  100%;
}

.simple-slick-carousel .slick-slide {
	padding: 10px 15px;
}

/*----------------------------------- */
/* Flip Banner
------------------------------------- */
.flip-banner {
	display:    block;
	height:     170px;
	overflow:   hidden;
	position:   relative;
	text-align: center;
	width:      100%;
	z-index:    999;
}

.flip-banner:after {
	background-color: #000000;
	content:          "";
	display:          block;
	height:           100%;
	left:             0;
	opacity:          0;
	position:         absolute;
	top:              0;
	transition:       all 0.6s;
	width:            100%;
	z-index:          100;
}

.flip-banner:hover:after {
	opacity: 0.6;
}

.flip-banner-content {
	position: relative;
	top:      50%;
	z-index:  200;
}

.flip-banner h2 {
	display:     block;
	font-size:   30px;
	font-weight: 400;
	line-height: 38px;
	position:    relative;
	width:       100%;
}

.flip-banner h1,
.flip-banner h2,
.flip-banner h3,
.flip-banner h4,
.flip-banner h5,
.flip-banner h6 {
	color:    #ffffff;
	display:  inline-block;
	margin:   0;
	position: relative;
}

.flip-banner-content .flip-visible,
.flip-banner-content .flip-hidden {
	left:       0;
	margin:     0 auto;
	position:   absolute;
	right:      0;
	top:        50%;
	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;
	transform:  translateY(-50%);
	visibility: visible;
}

.flip-banner:hover .flip-banner-content .flip-visible,
.flip-banner-content .flip-hidden {
	opacity:    0;
	transform:  translateY(150%);
	visibility: hidden;
}

.flip-banner:hover .flip-banner-content .flip-visible {
	transform: translateY(-150%);
}

.flip-banner i {
	padding: 0 10px;
}
.flip-banner .fa {
	font-size: 36px;
	position:  relative;
	top:       1px;
}

@media (max-width: 767px) {
	.flip-banner .fa {
		font-size: 28px;
	}

	.flip-banner h2 {
		box-sizing:  border-box;
		font-size:   22px;
		line-height: 34px;
		padding:     0 50px;
	}
}

/* Parallax Overlay */
.flip-banner-overlay {
	background-color: var(--karrero-text);
	background-size:  cover;
	height:           100%;
	left:             0;
	opacity:          0.4;
	position:         absolute;
	top:              0;
	width:            100%;
	z-index:          101;
}
.flip-hidden svg {
	height:     40px;
	margin-top: -10px;
	position:   relative;
	top:        9px;
}

/*----------------------------------- */
/* Image Hovers
------------------------------------- */
.img-box {
	border-radius: 3px;
	display:       inline-block;
	height:        350px;
	margin:        10px 0;
	overflow:      hidden;
	position:      relative;
	width:         100%;
	z-index:       90;
}

.img-box-background {
	background-position: 50%;
	background-repeat:   no-repeat;
	background-size:     cover;
	height:              100%;
	left:                0;
	position:            absolute;
	top:                 0;
	transition:          transform 0.35s ease-out;
	width:               100%;
}

.img-box:hover .img-box-background {
	transform: scale(1.07);
}

.img-box:before {
	background-color: #222222;
	content:          "";
	display:          block;
	height:           100%;
	left:             0;
	opacity:          0.3;
	position:         absolute;
	top:              0;
	transition:       0.3s ease-out;
	width:            100%;
	z-index:          99;
}

.img-box-content {
	margin:     0 auto;
	position:   absolute;
	text-align: center;
	top:        50%;
	transform:  translate(0, -50.5%);
	width:      100%;
	z-index:    101;
}

.img-box-content h4 {
	color:       #ffffff;
	font-size:   24px;
	line-height: 32px;
	margin:      0;
}

.img-box-content span {
	color:       #ffffff;
	font-size:   16px;
	font-weight: 400;
	line-height: 24px;
	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;
}
.filters-container input[type="text"] {
	font-weight: 400;
	min-height:  48px;
}
.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: 0 !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 {
	color:     rgba(255, 255, 255, 0.4);
	content:   "\f105";
	font-size: 16px;
}
body .search-container input {
	font-size:  16px;
	min-height: 60px;
}
input.ico-01 {
	background: #ffffff;
}
.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 {
	color:       #666666;
	font-size:   20px;
	font-weight: 400;
	line-height: 30px;
	margin:      -1px 0 12px 0;
}

.resume-spotlight h4 span {
	color:         #666666;
	font-size:     16px;
	font-weight:   300;
	line-height:   27px;
	margin-bottom: 10px;
}
.resume-spotlight p {
	margin-top: 10px;
}
.resumes.alternative .resumes-content h4 span {
	color:         #666666;
	font-size:     16px;
	font-weight:   300;
	margin-bottom: 10px;
}

.resume-titlebar .resumes-list-content h4 {
	font-size:   20px;
	font-weight: 500;
}

.small-dialog-content button.send {
	border-radius: 3px;
	line-height:   24px;
}
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 {
	font-size:      14px;
	text-transform: none;
}

/* Icons Fix */
body .job-overview ul li div {
	margin-left: 15px;
}
body .job-spotlight a h4 {
	margin-bottom: 15px;
}
body .job-spotlight p {
	margin-bottom: 3px;
	margin-top:    15px;
}
body .job-spotlight span {
	margin-bottom: 2px;
	margin-right:  13px;
}
/* Icons Fix - End */

.spinner {
	height:   40px;
	position: relative;

	width:    40px;

}

.double-bounce1, .double-bounce2 {
	-webkit-animation: sk-bounce 2.0s infinite ease-in-out;
	animation:         sk-bounce 2.0s infinite ease-in-out;
	background-color:  var(--karrero-text);
	border-radius:     50%;
	height:            100%;
	left:              0;
	opacity:           0.6;
	position:          absolute;

	top:               0;
	width:             100%;
}

.double-bounce2 {
	-webkit-animation-delay: -1.0s;
	animation-delay:         -1.0s;
}

@keyframes sk-bounce {
	0%, 100% {
		transform: scale(0.0);
	}
	50% {
		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 {

	display:   inline-block;
	position:  static;
	right:     40px;
	top:       0;
	transform: translateY(0%);

}

.ziprecruiter_job_listings ul {
	list-style: none;
}

.ziprecruiter_job_listings.job_listings li a {
	background:    #ffffff;
	border:        1px solid #e0e0e0;
	border-left:   4px solid #eeeeee;
	border-radius: 0;
	display:       flex;
	height:        auto;
	margin-top:    -1px;
	overflow:      hidden;
	padding:       25px;
	position:      relative;
	transition:    0.3s;
	width:         auto;
}
.ziprecruiter_job_listings.job_listings .company_logo {
	margin-left:  0;
	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:  -1px 0 0;
	padding: 0;
}

.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 {
	color:       #666666;
	font-size:   13px;
	font-weight: 500;
	line-height: 25px;
	margin-top:  10px;
}

.ziprecruiter_job_listings .date,
.ziprecruiter_job_listings .location {
	color:       var(--karrero-text);
	font-size:   12px;
	line-height: 18px;
}

.ziprecruiter_job_listings .position {
	display:      inline-block;
	margin-right: 10px;
	max-width:    70%;
}

.ziprecruiter_job_listings .job-type {
	display: none;
}

.zr_logo {
	border:  none;
	display: inline-block;
	width:   100px;
}

.ziprecruiter_job_listings .job_listings {
	margin:  0;
	padding: 0;
}

.job_listings li.wp-job-manager-attribution-row {
	background: none;
	padding:    0 !important;
}

.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 {
	display:   inline-block;
	max-width: 150px;
	padding:   0;
}

.load_more_ziprecruiter_jobs.load_more_jobs {
	background:    #f6f6f6;
	border-radius: 4px;
	color:         #888888;
	display:       block;
	font-size:     14px;
	font-weight:   500;
	margin-top:    10px;
	padding:       8px;
	text-align:    center;
}

.load_more_ziprecruiter_jobs.load_more_jobs strong {
	color:       #555555;
	font-size:   14px;
	font-weight: 500;
}

.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;
}

/* ------------------------------------------------------------------- */
/*  04. Dashboard
---------------------------------------------------------------------- */
#dashboard {
	background-color: #f7f7f7;
	display:          flex;
	flex-wrap:        wrap;
	min-height:       calc(100vh - 82px);
	padding-top:      0 !important;
}

@media (max-width: 992px) {
	#dashboard {
		display: block;
	}
}

/* Flexbox Adjustments */
.dashboard-content,
.dashboard-nav {
	flex: 1;
}

.dashboard-content {
	height:      100%;
	margin-left: 260px;
	max-width:   calc(100vw - 260px);
	padding:     40px 45px 0;
	position:    relative;
	z-index:     10;
}

@media (max-width: 991px) {
	.dashboard-content {
		max-width: 100vw;
	}
}

.dashboard-nav,
.dashboard #logo {
	max-width: 260px;
	min-width: 260px;
}

.dashboard-nav {
	min-height: 100vh;
	overflow:   hidden;
	position:   fixed;
}

/* Navigation Scrolling */
.dashboard-nav-inner {
	display:    block;
	height:     100%;
	overflow-y: scroll;
	padding:    10px 0 25px 0;
	position:   relative;
	width:      277px;
}

.messages-container-inner .messages-inbox ul::-webkit-scrollbar {
	width: 17px;
}
.messages-container p {
	margin-bottom: 0;
}
.dashboard-nav-inner {
	display:    block;
	max-height: 900px;
	overflow-y: scroll;
	padding:    10px 0 25px 0;
	position:   relative;
	width:      calc(100% + 17px);
}

@media (max-width: 991px) {
	.dashboard-nav-inner {
		max-height: 900px;
		width:      calc(100% + 18px);
	}
}
/* Navigation Scrolling - End */

#dashboard #breadcrumbs {
	margin-top: 5px;
}
#dashboard #breadcrumbs ul li:first-child:after {
	content: "\f105";
	margin:  0 0 0 9px;
}
#dashboard #breadcrumbs ul li,
#dashboard #breadcrumbs ul li:last-child a,
#dashboard #breadcrumbs ul li a {
	color: #888888;
}

header.fullwidth.dashboard .container {
	padding-left: 285px;
}

/* Dashboard Footer */
#dashboard .copyrights {
	border:     none;
	display:    block;
	margin:     0;
	padding:    20px 0 40px;
	text-align: left;
}

.dashboard #logo a {
	display: none;
}
.dashboard #logo a.dashboard-logo {
	display: inline-block;
}

.dashboard-packages strong {
	display: block;
}
.dashboard-packages span {
	line-height: 26px;
}

.dashboard-stat h4.counter {
	display: block;
}
/* ---------------------------------- */
/* Dashboard Navigation
------------------------------------- */
.dashboard-nav {
	background:     #ffffff;
	box-shadow:     0 0 20px 0 rgba(0, 0, 0, .1);
	display:        block;
	padding-bottom: 30px;
	z-index:        11;
}

a.dashboard-responsive-nav-trigger {
	display: none;
}

.dashboard-nav ul {
	list-style: none;
	margin:     17px 0 0 0;
	padding:    0;
}

.dashboard-content .notification.notice,
.dashboard-content .notification.notice strong {
	background-color: #ddf3fe;
}

.dashboard-nav ul:first-child {
	margin: 30px 0 0 0;
}

.dashboard-nav ul:before {
	color:         var(--karrero-text);
	content:       attr(data-submenu-title);
	display:       block;
	font-size:     13px;
	font-weight:   600;
	margin-bottom: 3px;
	padding:       0 35px;
}

/* 1st Level */
.dashboard-nav ul li {
	border-left: 3px solid transparent;
	display:     block;
	font-size:   14px;
	line-height: 20px;
	transition:  0.3s;
}

.dashboard-nav ul li a {
	color:       #555555;
	cursor:      pointer;
	display:     block;
	font-weight: 400;
	padding:     11px 32px;
	position:    relative;
	transition:  0.3s;
}

.dashboard-nav ul li a i {
	color:         #555555;
	font-size:     14px;
	line-height:   26px;
	padding-right: 6px;
	position:      relative;
	top:           -1px;
	transition:    0.3s;
	width:         20px;
}

/* Hover State */
.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 {
	background-color: rgba(38, 174, 97, 0.05);
	border-color:     #26ae61;
}

/*.dashboard-nav ul li:hover {
	background-color: #f8f8f8;
}*/

.dashboard-nav ul li.active-submenu a,
.dashboard-nav ul li:hover a,
.dashboard-nav ul li.active a {
	color: #26ae61;
}

/* Nav Tag */
.dashboard-nav ul li span.nav-tag {
	background-color: #26ae61;
	border-radius:    50%;
	color:            #ffffff;
	display:          inline-block;
	font-size:        10px;
	font-weight:      700;
	height:           19px;
	line-height:      19px;
	margin:           0 0 0 4px;
	position:         relative;
	text-align:       center;
	top:              -2px;
	width:            19px;
}

/* Dropdown Styles */
.dashboard-nav ul li ul {
	line-height:    0;
	margin:         0;
	max-height:     0;
	opacity:        0;
	padding:        0;
	pointer-events: none;
	transition:     0.3s;
	visibility:     hidden;
}

.dashboard-nav ul li.active-submenu ul {
	line-height:    24px;
	max-height:     200px;
	opacity:        1;
	padding:        0 0 18px 0;
	pointer-events: all;
	visibility:     visible;
}

.dashboard-nav ul li ul li {
	background-color: transparent;
	border:           none;
	margin:           0;
	padding-left:     32px;
	position:         relative;
}

.dashboard-nav ul li ul li a {
	padding: 3px 0;
}

.dashboard-nav ul li ul li:hover {
	background-color: transparent;
	border:           none;
}

/* Indicator Arrow */
.dashboard-nav ul li a:after {
	background-color: #f0f0f0;
	border-radius:    3px;
	color:            #a8a8a8;
	content:          "\f0d7";
	display:          inline-block;
	font-family:      "FontAwesome";
	font-size:        10px;
	height:           17px;
	line-height:      17px;
	margin-left:      7px;
	opacity:          1;
	position:         absolute;
	right:            35px;
	text-align:       center;
	text-indent:      0;
	top:              15px;
	transition:       0.3s;
	width:            17px;
}

.dashboard-nav ul li.active-submenu a:after,
.dashboard-nav ul li.active a:after,
.dashboard-nav ul li:hover a:after {
	background-color: rgba(38, 174, 97, 0.15);
	color:            #26ae61;
	opacity:          1;
}

.dashboard-nav ul li ul:before,
.dashboard-nav ul li a:only-child:after {
	content: "";
	display: none;
}

/* ---------------------------------- */
/* Dashboard Titlebar
------------------------------------- */
#dashboard #titlebar:not(.photo-bg) {
	background: transparent;
	display:    block;
	margin:     0 0 40px 0;
	padding:    0;
}

#dashboard #titlebar h2 {
	font-size:   30px;
	line-height: 38px;
}

.dashboard-content .submit-page {
	display:         flex;
	flex-wrap:       wrap;
	justify-content: center;
	left:            0;
	padding:         20px 20px 0;
	position:        relative;
	right:           0;
	width:           100%;
}

.dashboard-content .submit-page .form {
	margin:  0 0 25px;
	padding: 0 10px;
	width:   100%;
	/* padding-top: 20px; */
	/* margin-top: 20px; */
}

.dashboard-content .submit-page .form.fieldset-resume_file {
	padding-top: 20px;
}

.dashboard-content .submit-page .form .note {
	margin-bottom:  0;
	padding-bottom: 0;
}

@media (max-width: 992px) {
	.dashboard-content .submit-page .form {
		width: 100%;
	}
}

/* ---------------------------------- */
/* Dashboard Stats Boxes
------------------------------------- */
.dashboard-stat {
	background-color: #444444;
	border-radius:    4px;
	color:            #ffffff;
	cursor:           default;
	display:          inline-block;
	height:           160px;
	margin-bottom:    20px;
	overflow:         hidden;
	padding:          0;
	position:         relative;
	transition:       0.3s;
	width:            100%;
}

.dashboard-stat:hover {
	transform: translateY(-4px);
}

.dashboard-stat-content {
	left:      32px;
	position:  absolute;
	top:       50%;
	transform: translateY(-50%);
	width:     45%;
}

.dashboard-stat-content h4 {
	color:          #ffffff;
	font-family:    "Open Sans";
	font-size:      40px;
	font-weight:    500;
	letter-spacing: -1px;
	margin:         0;
	padding:        0;
}

.dashboard-stat-content span {
	display:     inline-block;
	font-size:   17px;
	font-weight: 300;
	line-height: 23px;
	margin-top:  5px;
}

.dashboard-stat-icon {
	font-size: 80px;
	opacity:   0.3;
	position:  absolute;
	right:     32px;
	top:       50%;
	transform: translateY(-40%);
}

@media (max-width: 1680px) {
	.dashboard-stat-icon {
		font-size: 60px;
	}
}

@media (max-width: 992px) {
	.dashboard-stat-icon {
		font-size: 40px;
	}
}

/* Colors */
.dashboard-stat.color-1 {
	background: #26ae60 linear-gradient(to left, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.2));
}

.dashboard-stat.color-2 {
	background: #363841 linear-gradient(to left, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.1));
}

.dashboard-stat.color-3 {
	background: #117bbf linear-gradient(to left, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.3));
}

.dashboard-stat.color-4 {
	background: #ffae00 linear-gradient(to left, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.1));
}

#dashboard .row {
	margin-bottom: 0;
}
/* ---------------------------------- */
/* Dashboard Pagination
------------------------------------- */
#dashboard .pagination ul li a,
#dashboard .pagination-next-prev ul li a {
	background-color: #ffffff;
	border-radius:    3px;
	color:            #888888;
}

#dashboard .pagination ul li a.current-page,
#dashboard .pagination .current,
#dashboard .pagination ul li a:hover,
#dashboard .pagination-next-prev ul li a:hover {
}

#dashboard .pagination .prev.page-numbers {
	display: none;
}
#dashboard .pagination .next.page-numbers {
	display: none;
}

/* ---------------------------------- */
/* Dashboard Messages
------------------------------------- */
.messages-container {
	background-color: #ffffff;
	border-radius:    4px;
	box-shadow:       0 0 12px 0 rgba(0, 0, 0, 0.06);
	margin:           0;
}

.messages-headline {
	background-color: #ffffff;
	border-bottom:    1px solid #eaeaea;
	border-radius:    4px 4px 0 0;
	color:            var(--karrero-text);
	display:          block;
	font-size:        16px;
	margin:           0;
	padding:          22px 30px;
	position:         relative;
}

.messages-headline h4 {
	color:       var(--karrero-text);
	display:     inline-block;
	font-size:   15px;
	font-weight: 500;
	line-height: 20px;
	margin:      0;
	padding:     0;
}

.message-action {
	border-radius: 50px;
	color:         #666666;
	display:       inline-block;
	float:         right;
	font-size:     13px;
	font-weight:   500;
	padding:       0;
	transition:    0.3s;
}

.message-action:hover {
	color: #ee3535;
}

/* List */
.messages-inbox ul {
	list-style: none;
	margin:     0;
	padding:    0;
}

.message-avatar img {
	border-radius: 50%;
	display:       inline-block;
	height:        54px;
	width:         54px;
}

.messages-inbox ul li a {
	display:  block;
	padding:  30px;
	position: relative;
}

.messages-inbox ul li {
	border-bottom: 1px solid #eaeaea;
	transition:    0.2s;
}
.messages-inbox ul li:last-child {
	border-bottom: none;
}

.messages-inbox ul li.unread,
.messages-inbox ul li:hover {
	background-color: #fbfbfb;
}

.messages-inbox ul li.active-message {
	background-color: var(--karrero-gray-light);
}

.messages-inbox .message-avatar {
	left:      30px;
	position:  absolute;
	top:       50%;
	transform: translateY(-50%);
}

.messages-inbox .message-by {
	color:       #666666;
	font-size:   15px;
	margin-left: 75px;
}

.messages-inbox .message-by p {
	font-size:   14px;
	line-height: 26px;
	margin:      0;
	padding:     0;
}

.message-by .fa-mail-reply,
.message-by .fa-mail-forward {
	color:        #aaaaaa;
	font-size:    12px;
	margin-right: 3px;
}

.message-by-headline h5,
.message-by-headline span {
	display: inline-block;
}

.message-by-headline span {
	color:     #888888;
	float:     right;
	font-size: 12px;
}

.message-by-headline h5 {
	color:       var(--karrero-text);
	font-size:   14px;
	font-weight: 500;
	margin:      0;
	padding:     0;
}

.message-by-headline:after {
	clear:       both;
	content:     ".";
	display:     block;
	height:      0;
	line-height: 0;
	visibility:  hidden;
}

.messages-headline span,
span.mes_referral {
	background:    #eeeeee;
	border-radius: 3px;
	color:         #888888;
	font-size:     12px;
	font-weight:   500;
	line-height:   20px;
	margin-left:   3px;
	padding:       0 4px;
}

.messages-headline span {
	font-size:   13px;
	line-height: 22px;
	padding:     3px 6px;
}

.message-by h5 i {
	background-color: #64bc36;
	border-radius:    50px;
	color:            #ffffff;
	font-size:        12px;
	font-style:       normal;
	line-height:      20px;
	margin-left:      3px;
	padding:          3px 8px;
}

/* Single Message */
.messages-container-inner {
	display: flex;
}

.messages-container-inner .messages-inbox,
.messages-container-inner .message-content {
	flex: 1;
}

/*  Scrollbar Hide */
.messages-container-inner .messages-inbox {
	overflow: hidden;
}

.messages-container-inner .messages-inbox ul {
	max-height: 800px;
	overflow-y: scroll;
	width:      357px;
}

.messages-container-inner .messages-inbox ul::-webkit-scrollbar {
	width: 17px;
}
/*  Scrollbar Hide - End */

.messages-container-inner .message-content {
	padding: 30px;
}

.messages-container-inner .messages-inbox {
	border-right: 1px solid #eaeaea;
	max-width:    340px;
}

.messages-container-inner .messages-inbox ul li a {
	padding: 20px;
}

.messages-container-inner .messages-inbox .message-by p {
	color:         #888888;
	font-size:     14px;
	height:        26px;
	max-width:     205px;
	overflow:      hidden;
	text-overflow: ellipsis;
	white-space:   nowrap;
}

.messages-container-inner .message-avatar img {
	height: 40px;
	width:  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;
	line-height:   23px;
	margin-bottom: 3px;
	max-width:     160px;
}

.messages-container-inner .message-by-headline span {
	font-size: 13px;
	position:  absolute;
	right:     25px;
	top:       25px;
}

/* Message Bubbles */
.message-bubble {
	display:       block;
	margin-bottom: 25px;
	position:      relative;
}

.message-bubble .message-avatar {
	left:     0;
	position: absolute;
	top:      0;
}

.message-bubble .message-avatar img {
	height: 50px;
	width:  50px;
}

.message-bubble .message-text {
	background-color: #f6f6f6;
	border-radius:    4px;
	margin-left:      70px;
	padding:          20px;
	position:         relative;
}

.message-bubble .message-text p {
	font-size:   14px;
	line-height: 26px;
	margin:      0;
	padding:     0;
}

.message-bubble .message-text:before {
	color:       #f6f6f6;
	content:     "\f0d9";
	font-family: "FontAwesome";
	font-size:   31px;
	left:        -9px;
	position:    absolute;
	top:         12px;
}

/* Message Bubble "me" */
.message-bubble.me .message-avatar {
	left:  auto;
	right: 0;
}

.message-bubble.me .message-text {
	margin-left:  0;
	margin-right: 70px;
}

.message-bubble.me .message-text:before {
	content: "\f0da";
	left:    auto;
	right:   -11px;
}

/* Reply */
.message-reply {
	display:    block;
	margin-top: 15px;
}

.message-reply textarea {
	font-size:   15px;
	font-weight: 400;
	line-height: 26px;
	max-width:   100%;
	padding:     15px 20px;
	width:       100%;
}

.message-reply button {
	background:    #26ae61;
	border-radius: 4px;
	color:         #ffffff;
	margin-top:    15px;
}
.message-reply button:hover {
	background: var(--karrero-text);
}

/* ---------------------------------- */
/* Dashboard List Box
------------------------------------- */
.dashboard-content .dashboard-list-box {
	border-radius: 4px;
	box-shadow:    0 0 12px 0 rgba(0, 0, 0, 0.06);
	margin:        30px 0 0 0;
}

.activity-time {
	background-color: #f2f2f2;
	border-radius:    3px;
	color:            #888888;
	display:          inline-block;
	font-size:        12px;
	line-height:      20px;
	margin-left:      10px;
	padding:          2px 5px;
	position:         relative;
	transition:       0.3s;
}

.dashboard-content .dashboard-list-box-content {
	background:    #ffffff;
	/*     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 {
	font-size:   13px;
	font-weight: 500;
	line-height: 20px;
	margin:      0;
	padding:     6px 15px;
}

.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:            #666666;
}

.dashboard-content .dashboard-list-box .button.gray:hover {
	background-color: #26ae61;
	color:            #ffffff;
}

.dashboard-content .dashboard-list-box h4 {
	background-color: #ffffff;
	border-bottom:    1px solid #eaeaea;
	border-radius:    4px 4px 0 0;
	color:            var(--karrero-text);
	display:          block;
	font-size:        16px;
	font-weight:      500;
	margin:           0;
	padding:          15px 30px;
}

.dashboard-list-box h4.gray {
	background-color: #fbfbfb;
}

.dashboard-list-box > ul {
	background-color: #ffffff;
	border-radius:    0 0 4px 4px;
	list-style:       none;
	margin:           0;
	padding:          0;
}

.dashboard-list-box > ul > li {
	border-bottom: 1px solid #eaeaea;
	padding:       28px 30px;
	position:      relative;
	transition:    0.3s;
}
.dashboard-list-box.invoices > ul > li {
	padding: 23px 30px;
}
.dashboard-list-box.invoices ul li:last-child {
	border-bottom: none;
}

/*.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 {
	background-color: #eeeeee;
	border-radius:    50%;
	color:            #777777;
	display:          inline-block;
	height:           38px;
	left:             30px;
	line-height:      37px;
	position:         absolute;
	text-align:       center;
	top:              50%;
	transform:        translateY(-50%);
	transition:       0.3s;
	width:            38px;
}

.dashboard-list-box ul li:hover i.list-box-icon {
	background-color: #eaeaea;
}

/* Static Content */
.dashboard-list-box-static {
	background-color: #ffffff;
	padding:          30px;
}

.dashboard-list-box-static .button {
	background-color: #26ae61;
	font-size:        14px;
	margin-bottom:    3px;
	padding:          12px 20px;
}

.dashboard-list-box-static .button:hover {
	background-color: var(--karrero-text);
}

/* Close List Item */
a.close-list-item {
	color:      #ea2828;
	opacity:    0;
	padding:    4px;
	position:   absolute;
	right:      30px;
	top:        50%;
	transform:  translateY(-50%);
	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 {
	background-color: transparent;
	border:           none;
	display:          inline-block;
	padding:          0;
	transition:       0.3s;
}

.dashboard-list-box ul ul li:hover {
	background-color: transparent;
}

/* Sorting */
.dashboard-list-box .sort-by {
	right: 26px;
	top:   16px;
}

.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:         var(--karrero-text);
	display:       inline-block;
	margin-bottom: 3px;
}

.dashboard-list-box.invoices ul ul {
	color:          #909090;
	line-height:    22px;
	padding-bottom: 2px;
}

.dashboard-list-box.invoices ul ul li {
	padding: 0;
}

.dashboard-list-box.invoices ul ul li:after {
	background-color: #e0e0e0;
	content:          "";
	display:          inline-block;
	height:           11px;
	margin:           0 10px;
	position:         relative;
	width:            1px;
}

.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 {
	box-shadow: 0 0 10px 15px #fbfbfb;
	opacity:    0;
	position:   absolute;
	right:      30px;
	top:        50%;
	transform:  translate3d(0, -49%, 0);
	transition: 0.4s;
}

.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 {
	background-color: #ffe1e1 !important;
	border-radius:    3px;
	right:            0;
	top:              0;
}

.resume-manager-remove-row i.fa.fa-close {
	color:     #d35f5f;
	font-size: 12px;
	margin:    0;
	padding:   0;
	position:  relative;
	top:       0;
}

/* 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 {
	display:       block;
	margin-bottom: 35px;
	position:      relative;
}

.change-photo-btn {
	background-color: #ffffff;
	border-radius:    50px;
	bottom:           15px;
	color:            var(--karrero-text);
	cursor:           pointer;
	display:          inline-block;
	font-size:        13px;
	font-weight:      500;
	left:             15px;
	line-height:      20px;
	padding:          5px 6px;
	position:         absolute;
	transition:       0.3s;
	width:            auto;
}

.photoUpload {
	cursor:   pointer;
	overflow: hidden;
	padding:  3px 12px;
	position: relative;
}

.photoUpload input.upload {
	cursor:   pointer;
	filter:   alpha(opacity=0);
	margin:   0;
	opacity:  0;
	padding:  0;
	position: absolute;
	right:    0;
	top:      0;
}

.change-photo-btn:hover {
	background-color: #26ae61;
	color:            #ffffff;
}

.change-photo-btn i {
	margin-right: 2px;
}

.my-profile label {
	color:         var(--karrero-text);
	font-size:     14px;
	font-weight:   500;
	margin-bottom: 6px;
	margin-top:    17px;
}

.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 {
	background:    rgba(255, 255, 255, 0.2);
	border-radius: 3px;
	font-size:     16px;
	font-weight:   500;
	line-height:   25px;
	padding:       3px 7px;
}
.comission-taken {
	background:    #f4f4f4;
	border-radius: 3px;
	color:         #888888;
	display:       inline-block;
	float:         right;
	font-size:     14px;
	font-weight:   400;
	padding:       6px 10px;
	position:      relative;
	top:           -3px;
}
.comission-taken strong {
	color:       #666666;
	font-weight: 500;
}
@media (max-width: 768px) {
	.comission-taken {
		background: transparent;
		display:    block;
		float:      none;
		margin-top: 10px;
		padding:    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 {
	display:  inline-block;
	height:   100%;
	overflow: hidden;
	position: relative;
	width:    100%;
	z-index:  10;
}

.list-box-listing-img a:before {
	background-color: rgba(22, 22, 22, 0.2);
	border-radius:    4px;
	content:          "";
	display:          block;
	height:           100%;
	position:         absolute;
	right:            0;
	top:              0;
	width:            100%;
	z-index:          11;
}

.list-box-listing-img a img {
	border-radius: 4px;
	height:        100%;
	object-fit:    cover;
	width:         100%;
}

/* Bookings Styles */
.bookings {
	margin: 10px 0;
}

.bookings .list-box-listing-img a:before {
	display: none;
}
.bookings .list-box-listing-img {
	border-radius: 50%;
	max-height:    70px;
	max-width:     70px;
	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 {
	color:       #666666;
	display:     inline-block;
	font-weight: 500;
	margin:      0;
}

.inner-booking-list ul {
	display:       inline-block;
	margin-bottom: 0;
	padding:       0;
}

.inner-booking-list ul li {
	display: inline-block;
	margin:  0 0 4px 0;
	padding: 0;
}

.inner-booking-list ul li:after {
	background-color: #dddddd;
	content:          "";
	display:          inline-block;
	height:           12px;
	margin:           0 10px;
	position:         relative;
	top:              1px;
	width:            1px;
}

.inner-booking-list ul li:last-child:after {
	display: none;
}

.inner-booking-list ul li.highlighted {
	background-color: #eeeeee !important;
	border-radius:    50px;
	color:            #777777;
	display:          inline-block;
	font-size:        14px;
	font-weight:      500;
	line-height:      22px;
	padding:          2px 10px;
}

.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;
	color:         #ffffff;
	font-size:     12px;
	font-style:    normal;
	font-weight:   500;
	line-height:   20px;
	margin-left:   3px;
	padding:       2px 8px;
	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;
	vertical-align: top;
}

.list-box-listing-content .inner h3 {
	bottom:      -2px;
	font-size:   18px;
	font-weight: 500;
	line-height: 27px;
	margin:      0;
	position:    relative;
}

.list-box-listing-content .inner span {
	display:     inline-block;
	font-size:   15px;
	font-weight: 300;
}

.list-box-listing-content .inner .numerical-rating,
.list-box-listing-content .inner .star-rating {
	display: block;
	margin:  5px 0 0 0;
}

/* Dashbaord Reviews
------------------------------------- */
.dashboard-list-box .comments.listing-reviews li {
	margin: 19px 0 10px 0;
}

.dashboard-list-box a.rate-review {
	background-color: #eeeeee;
	border:           none;
	color:            #666666;
	padding:          4px 18px;
}

.dashboard-list-box a.rate-review:hover {
	background-color: #26ae61;
	color:            #ffffff;
}

.dashboard-list-box .comment-by-listing {
	color:   #888888;
	display: inline-block;
}

.dashboard-list-box .comment-by-listing.own-comment,
.dashboard-list-box .comment-by-listing.own-comment a {
	color: #444444;
}

.dashboard-list-box .comment-by-listing a {
	color: #888888;
}
.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 {
	display:       inline-block;
	height:        30px;
	margin-bottom: 0;
	margin-top:    0;
	position:      relative;
	width:         60px;
}

.switch input[type="checkbox"] {
	display: none;
}
.switch input {
	display: none;
}

.slider:not(.slider-horizontal) {
	background-color: #cccccc;
	border-radius:    50px;
	bottom:           0;
	cursor:           pointer;
	left:             0;
	position:         absolute;
	right:            0;
	top:              0;
	transition:       0.4s;
}

.slider:not(.slider-horizontal):before {
	background-color: white;
	border-radius:    50px;
	bottom:           4px;
	content:          "";
	height:           22px;
	left:             4px;
	position:         absolute;
	transition:       0.4s;
	width:            22px;
}

input:checked + .slider {
	background-color: #26ae61;
}

input:checked + .slider:before {
	transform: translateX(30px);
}

/* ---------------------------------- */
/* Add Listing
------------------------------------- */
.add-listing-section {
	background-color: #ffffff;
	border-radius:    4px;
	box-shadow:       0 0 12px 0 rgba(0, 0, 0, 0.06);
	padding:          0 40px 25px 40px;
}

.add-listing-headline {
	background-color: #fcfcfc;
	border-bottom:    1px solid #eaeaea;
	border-radius:    4px 4px 0 0;
	left:             -40px;
	margin:           0 0 30px 0;
	padding:          30px 40px;
	position:         relative;
	width:            calc(100% + 80px);
}

.add-listing-headline h3 {
	font-size:   22px;
	line-height: 32px;
	margin:      0;
	padding:     0;
	position:    relative;
	top:         1px;
}

#add-listing h5 {
	color:         var(--karrero-text);
	font-size:     15px;
	font-weight:   500;
	margin-bottom: 17px;
}

#add-listing h5 span {
	color:       #888888;
	font-weight: 400;
}

#add-listing h5 i {
	padding-right: 4px;
}

.add-listing-headline i {
	display:       inline-block;
	padding-right: 7px;
	position:      relative;
	top:           1px;
}

.button.preview {
	display:     inline-block;
	font-size:   18px;
	font-weight: 400;
	margin-top:  40px;
	padding:     11px 26px;
}

.button.preview i {
	margin:  0 0 0 4px;
	padding: 0;
}

.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 {
	margin-bottom: 35px;
	min-height:    200px;
}

#add-listing h5.fb-input {
	color: #3b5998;
}
#add-listing h5.twitter-input {
	color: #1da1f2;
}
#add-listing h5.gplus-input {
	color: #dd4b39;
}

/* Tips */
.tip {
	background:    #26ae61;
	border-radius: 50%;
	color:         #ffffff;
	cursor:        help;
	display:       inline-block;
	font-size:     11px;
	font-style:    normal;
	font-weight:   500;
	height:        18px;
	left:          2px;
	line-height:   0;
	padding:       0 !important;
	position:      relative;
	text-align:    center;
	top:           -1px;
	width:         18px;
}

.tip-content {
	background:     var(--karrero-text);
	border-radius:  4px;
	color:          #ffffff;
	font-size:      13px;
	left:           50%;
	line-height:    19px;
	max-width:      200px;
	min-width:      200px;
	opacity:        0;
	padding:        13px 15px;
	pointer-events: none;
	position:       absolute;
	text-align:     center;
	top:            0;
	-ms-transform:  translate(-50%, -100%);
	transform:      translate(-50%, calc(-100% - 20px));
	transition:     all 0.3s;
	visibility:     hidden;
	z-index:        999;
}

.tip:hover .tip-content {
	opacity:       1;
	-ms-transform: translate(-50%, -115%);
	transform:     translate(-50%, calc(-100% - 13px));
	visibility:    visible;
}

.tip:after {
	content:     "\f128";
	display:     inline-block;
	font-family: "FontAwesome";
	line-height: 19px;
	position:    relative;
	text-align:  center;
}

.tip-content:after {
	bottom:      3px;
	color:       var(--karrero-text);
	content:     "\f0dd";
	font-family: "FontAwesome";
	font-size:   22px;
	left:        50%;
	position:    absolute;
	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 {
	flex:   0 0 calc(25% - 25px);
	margin: 0 25px 30px 0;
}

/* 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;
	border-radius:    4px;
	color:            #ffffff;
	cursor:           default;
	font-weight:      500;
	padding:          7px 10px;
	position:         relative;
	text-align:       center;
}

/* No Slots */
.no-slots {
	background-color: #f0f0f0;
	border-radius:    4px;
	cursor:           default;
	display:          block;
	font-size:        14px;
	font-weight:      500;
	margin-top:       8px;
	max-height:       60px;
	opacity:          1;
	padding:          10px;
	text-align:       center;
	transition:       0.4s;
	width:            100%;
}

.no-slots,
.no-slots-fadeout {
	margin-top:     0;
	max-height:     0;
	opacity:        0;
	padding-bottom: 0;
	padding-top:    0;
}

.no-slots.no-slots-fadein {
	display:        block;
	margin-top:     8px;
	max-height:     60px;
	opacity:        1;
	padding-bottom: 10px;
	padding-top:    10px;
}

/* Single Slot */
.single-slot {
	background-color: #f3f3f3;
	border-radius:    4px;
	cursor:           move;
	display:          flex;
	margin-top:       8px;
	padding:          0;
}

.single-slot.slot-animation {
	animation-duration: 0.3s;
	animation-name:     slotFadeIn;
}

@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 {
	align-items:      flex-start;
	background-color: #eeeeee;
	border-radius:    0 4px 4px 0;
	display:          flex;
	flex:             0 0 auto;
	flex-direction:   column;
	justify-content:  center;
	padding:          0 17px;
	position:         relative;
}

.single-slot-right strong {
	display:       flex;
	font-size:     14px;
	font-weight:   500;
	line-height:   20px;
	margin-bottom: 3px;
	width:         100%;
}

.single-slot-time {
	color:         #666666;
	font-size:     14px;
	font-weight:   700;
	line-height:   20px;
	margin-bottom: 4px;
}

.single-slot-time i.am-pm {
	font-style: normal;
}

/* Remove Button */
.remove-slot {
	background-color: #c8c8c8;
	border:           none;
	border-radius:    3px;
	color:            #ffffff;
	font-size:        11px;
	font-weight:      500;
	height:           19px;
	line-height:      17px;
	transition:       0.3s;
	width:            19px;
}

.remove-slot i {
	left:     -1px;
	position: relative;
}

.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-duration: 0.6s;
	animation-name:     shake;
}

.add-slot {
	background-color: var(--karrero-text);
	border-radius:    4px;
	display:          flex;
	margin-top:       8px;
	padding:          8px;
	width:            100%;
}

.add-slot span {
	color:       #aaaaaa;
	font-size:   12px;
	font-weight: 500;
	padding:     0 8px;
	position:    relative;
	top:         1px;
}

.add-slot-inputs {
	display: flex;
	flex:    1;
	padding: 0;
}

.add-slot-btn {
	flex: 0 0 1;
}

.add-slot-btn button {
	background-color: #ffffff;
	border:           none;
	border-radius:    4px;
	color:            var(--karrero-text);
	font-size:        14px;
	font-weight:      500;
	height:           100%;
	margin-left:      10px;
	outline:          none;
	padding:          0 15px;
	transition:       0.3s;
}

.add-slot-btn button:hover {
	background-color: #26ae61;
	color:            #ffffff;
}

.add-slot-inputs select,
.add-slot-inputs input {
	background-color: #4a4a4a;
	border:           none;
	border-radius:    4px;
	box-shadow:       none;
	color:            #ffffff;
	cursor:           pointer;
	font-size:        14px;
	font-weight:      500;
	height:           28px;
	line-height:      1;
	margin:           0;
	padding:          0;
	text-align:       center;
	width:            100%;
}

input[type="time"]::-webkit-clear-button {
	display: none;
}

.add-slot-inputs select {
	border-left:   1px solid rgba(255, 255, 255, 0.1);
	border-radius: 0 3px 3px 0;
	font-size:     13px;
	margin-left:   -4px;
	margin-right:  0;
	padding-left:  8px;
	width:         auto;
}
.add-slot-inputs select option {
	background-color: var(--karrero-text);
	border:           none;
	cursor:           pointer;
	outline:          none;
}

.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 {
	border-radius: 0;
	display:       inline-block;
	font-size:     0;
	height:        72px;
	overflow:      hidden;
	position:      relative;
	width:         44px;
}

.plusminus button {
	background:  #ffffff;
	border:      0;
	color:       #aaaaaa;
	cursor:      pointer;
	display:     block;
	font-family: FontAwesome;
	font-size:   10px;
	font-weight: 500;
	height:      24px;
	line-height: 1;
	margin:      0;
	padding:     0;
	position:    absolute;
	transition:  0.3s;
	width:       24px;
}

.plusminus button:focus {
	outline: none;
}

.plusminus button:hover {
	background-color: var(--karrero-text);
	color:            #ffffff;
}

.plusminus button:disabled:hover {
	background: #bbbbbb;
	color:      #ffffff;
	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"] {
	border:      0;
	font-size:   13px;
	font-weight: 700;
	height:      24px;
	line-height: 24px;
	margin:      0;
	padding:     0;
	position:    absolute;
	text-align:  center;
	top:         24px;
	width:       24px;
}
.plusminus input[type="number"]::-webkit-outer-spin-button,
.plusminus input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin:             0;
}

.plusminus.horiz {
	height: 24px;
	width:  74px;
}

.plusminus.horiz button:first-child {
	border-radius: 3px;
	left:          0;
}

.plusminus.horiz button:last-child {
	border-radius: 3px;
	margin-left:   1px;
	right:         0;
}

.plusminus.horiz:after {
	bottom: 0;
}

.plusminus.horiz input[type="number"] {
	border-radius: 3px;
	left:          25px;
	position:      absolute;
	top:           0;
}

/* 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-bottom: 30px;
		margin-right:  0;
	}
}

@media (max-width: 768px) {
	.availability-slots {
		width: 100%;
	}
	.day-slots {
		flex:           0 0 100%;
		flex-direction: column;
		margin-bottom:  30px;
		margin-right:   0;
	}
	.add-slot-inputs input {
		width: 100%;
	}
	.add-slot-inputs span {
		height:  10px;
		opacity: 0;
		width:   5px;
	}
	.add-slot-inputs {
		width: 100%;
	}
	.add-slot {
		flex-direction: column;
	}
	.add-slot-btn button {
		background-color: rgba(255, 255, 255, 0.15);
		color:            #ffffff;
		margin-left:      0;
		margin-top:       8px;
		padding:          3px 0;
		width:            100%;
	}
}

/* ---------------------------------- */
/* Pricing
------------------------------------- */
#pricing-list-container {
	margin-top: 10px;
	width:      100%;
}

.pricing-list-item td {
	display:       flex;
	margin-bottom: 5px;
	width:         100%;
}

.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 {
	color:       #666666;
	cursor:      move;
	font-size:   17px;
	line-height: 51px;
}

.pricing-list-item td .fm-close {
	text-align: right;
}

.pricing-list-item td .fm-close a {
	color:   #ea2828;
	display: inline-block;
	padding: 10px 0 10px 10px;
}

.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 {
	margin-right: 0;
	max-width:    150px;
}

.pricing-submenu {
	display:     block;
	padding-top: 20px;
}
.pricing-submenu input {
	background-color: var(--karrero-gray-light);
}
.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 {
	background-color: #ffffff;
	border:           0;
	color:            #aaaaaa;
	font-size:        13px;
	font-style:       normal;
	font-weight:      500;
	margin:           0;
	outline:          0;
	padding:          0 0 0 10px;
	pointer-events:   none;
	position:         absolute;
	right:            19px;
	top:              12px;
	z-index:          110;
}

/* 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 {
	background-color: #f0f0f0;
	color:            #666666;
	font-weight:      500;
	margin-bottom:    5px;
	margin-top:       15px;
	padding:          8px 22px;
}

.add-pricing-submenu.button:hover,
.add-pricing-list-item.button:hover {
	background-color: #26ae61;
	color:            #ffffff;
}

/* ---------------------------------- */
/* 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 {
	box-shadow: 0 0 12px 0 rgba(0, 0, 0, .12);
	position:   fixed;
	width:      100%;
	z-index:    1001;
}

.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-left:   auto;
	margin-right:  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 {
	min-height:    1px;
	padding-left:  15px;
	padding-right: 15px;
	position:      relative;
}

.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%;
	}
}
@media (min-width: 1260px) {
	.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%;
	}
}

* {
	box-sizing: border-box;
}
*:before,
*:after {
	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 {
		background:    #ffffff;
		border:        1px solid #e0e0e0;
		border-radius: 4px;
		box-shadow:    0 1px 3px 0 rgba(0, 0, 0, 0.08);
		font-size:     16px;
		height:        55px;
		padding:       12px 18px;
	}

	/* Dashboard Nav */
	.dashboard-nav {
		border-radius: 0 0 4px 4px;
		margin:        0 5%;
		max-height:    0;
		max-width:     90%;
		min-height:    auto;
		min-width:     90%;
		opacity:       1;
		padding:       0;
		position:      relative;
		transition:    all 0.3s;
		visibility:    hidden;
	}

	.dashboard-nav.active ul,
	.dashboard-nav.active {
		max-height: 900px;
		opacity:    1;
		visibility: visible;
	}

	.dashboard-nav ul,
	.dashboard-nav.active ul li ul,
	.dashboard-nav ul li ul {
		max-height: 0;
		opacity:    0;
		transition: all 0.3s;
		visibility: hidden;
	}

	.dashboard-nav.active ul li.active-submenu ul {
		max-height: 300px;
		opacity:    1;
		visibility: visible;
	}

	#header-container.fixed {
		position: relative;
		top:      0;
		width:    100%;
	}

	.dashboard-content {
		height:      auto;
		margin-left: 0;
		padding:     40px 5% 0;
	}

	header.fullwidth.dashboard .container {
		padding: 0 5%;
	}
	.main-search-inner {
		transform: translate(0, -51%);
	}

	/* Trigger */
	a.dashboard-responsive-nav-trigger {
		background-color: var(--karrero-text);
		border-radius:    5px;
		color:            #ffffff;
		display:          block;
		font-weight:      500;
		margin:           40px 5% 0;
		padding:          16px 30px;
		transition:       0.2s;
		width:            90%;
	}

	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 {
		border-right: none;
		display:      none;
		max-width:    100%;
		width:        100%;
	}

	/* Dashboard Nav - END */

}

.dashboard-content table.manage-table th {
	background-color: var(--karrero-text);
	border-right:     1px solid #555555;
	color:            #ffffff;
}

.dashboard-content table.manage-table th:last-child {
	border-right: none;
}

.clear-all-activities {
	background-color: #f2f2f2;
	border-radius:    3px;
	color:            #888888;
	display:          inline-block;
	font-size:        13px;
	line-height:      12px;
	margin-bottom:    -5px;
	padding:          6px 6px;
	position:         absolute;
	right:            30px;
	top:              21px;
	transition:       0.3s;
}

.load_more_jobs:focus {
	color: #ffffff;
}

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 {
	border-radius: 3px;
	margin:        0 15px 0 20px;
	padding:       0;
}

.widget ul.job_listings li.job_listing ul.meta {
	zoom: 0.9;
}

.widget ul.job_listings li.job_listing .position h3 {
	font-weight: 500;
	padding:     0 20px 10px 20px;
}

/* Indeed Layout Fixes */
.indeed_job_listing a {
	border-radius: 3px !important;
	flex-wrap:     wrap;
	padding-left:  105px !important;
}
.indeed_job_listing .company_logo {
	height:   60px;
	left:     20px;
	margin:   0;
	padding:  0;
	position: absolute;
	width:    60px;
}

.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 {
	border-radius: 4px;
	margin:        20px 0;
	padding:       0;
}

.indeed_job_listing h3 {
	margin-bottom: 5px;
}

.indeed_job_listing .company {
	margin-bottom: 5px;
}

.indeed_job_listing .location:before {
	content:      "\ea9c";
	font-family:  "linearicons";
	font-size:    18px;
	margin-right: 3px;
}

.indeed_job_listing .company .tagline {
	display: none;
}

.indeed_job_listing .company:before {
	content:      "\ea95";
	font-family:  "linearicons";
	font-size:    18px;
	margin-right: 3px;
	position:     relative;
	top:          1px;
}

.indeed_job_listing ul.meta {
	font-size:  12px;
	margin-top: 10px;
}

.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: 4px;
		display:       inline-block !important;
		height:        auto;
		margin:        27px 0 10px 22px;
		width:         64px;
	}
	.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 {
	animation:     placeorderspin 2s linear infinite;
	border:        3px solid rgba(255, 255, 255, 0.25);
	border-radius: 50%;
	border-top:    3px solid #ffffff;
	content:       "";
	display:       inline-block;
	height:        18px;
	line-height:   0;
	margin-left:   10px;
	position:      relative;
	top:           3px;
	width:         18px;
}

@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 {
		left:         0;
		margin-right: 2px;
		position:     relative;
		top:          0;
	}
	#job-manager-alerts td, #job-manager-alerts th {
		padding: 15px;
	}
}

.job_filters a.reset {
	background:    #ff3f3f1a;
	border-radius: 3px !important;
	color:         #d81818;
	display:       none;
	max-width:     120px;
}

.job_filters a.rss_link {
	display: none;
}

@media (min-width: 400px) and (max-width: 1024px) {
	.new-header #logo_nh {
		max-width: 50%;
	}
}

body .single-job-view-actions a.remove-bookmark {
	background:    #212121;
	border-radius: 3px;
	box-shadow:    none;
	color:         #ffffff;
	display:       inline-block;
	font-size:     12px;
	font-weight:   500;
	margin-right:  10px;
	margin-top:    0;
	padding:       5px 15px;
	transition:    0.2s;
}

@media (max-width: 992px) {
	.company-info-apply-btn .job_application.application {
		width: 100%;
	}
}
/*--------------------------------------------------------------
# Company Profile Add-On
--------------------------------------------------------------*/

.company-contact-details {
	background-color: #ffffff;
	border-radius:    5px;
	box-shadow:       0 0 16px rgb(0 0 0 / 10%);
	display:          flex;
	margin:           60px 10px 40px 10px;
	padding:          40px;
}

.company-contact-details .company-data {
	align-items: center;
	display:     flex;
}

.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 {
	background:  #ffffff;
	border:      1px solid #e0e0e0;
	color:       #777777;
	display:     inline-block;
	font-size:   13px;
	font-weight: 500;
	margin:      10px 0;
	padding:     5px 10px;
}

.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 {
	font-size: 20px;
	margin:    0 0 20px 0;
}

.company-contact-details .stars-rating {
	color:   #ffc107;
	display: block;
	margin:  5px 0 15px 0;
}

.company-info-boxed .wp-job-manager-star-listing-star-rating {
	margin-bottom: 5px;
	margin-top:    7px;
}
.company-info-boxed .wp-job-manager-star-listing-star-rating span {
	color:     #ffc107;
	display:   inline-block;
	font-size: 1em !important;
	height:    1.1em;
	margin:    0;
	width:     1.1em;
}

body.single-company .widget h4 {
	margin-bottom: 22px;
}

p.company-data__content--list-item {
	color:       #777777;
	font-size:   15px;
	line-height: 24px;
	margin:      -2px 0 8px;
}

.company-info p.company-data__content--list-item {
	margin-bottom: 0;
	margin-top:    1px;
}

.mas-wpjmcr-list-reviews .dashicons-star-empty {
	color: #bbbbbb;
}
@media (max-width: 992px) {
	.mas-wpjmcr-list-reviews {
		flex-direction: column;
	}
	body.single-company .mas-wpjmcr-list-reviews .stars-rating {
		border-right: none !important;
		margin:       5px 0;
	}
}

.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;
	line-height:   36px;
	margin-bottom: 0;
}

.company-features__inner {
	display:   flex;
	flex-wrap: wrap;
}

.company-feature {
	display:        flex;
	flex:           0 0 25%;
	flex-direction: column;
	padding:        10px 15px;
}

.company-feature .company-feature__title {
	color:       var(--karrero-text);
	font-weight: 500;
}

body.single-company .comments {
	margin-top: 0;
}

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 {
	color:     var(--karrero-text);
	font-size: 14px;

}

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;
}

h4.mas-wpjmcr-title {
	color:         var(--karrero-text);
	font-size:     16px !important;
	font-weight:   500;
	margin-bottom: 0 !important;
	margin-top:    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;
	max-height: 100%;
	text-align: left;
}

body.single-company .mas-wpjmcr-list-reviews {
	background:    #ffffff;
	border-radius: 4px;
	box-shadow:    0 0 7px rgb(0 0 0 / 5%);
	display:       inline-flex;
	flex-wrap:     wrap;
	margin-bottom: 10px;
	margin-top:    15px;
	padding:       16px 5px;
}

body.single-company .mas-wpjmcr-list-reviews .stars-rating {
	border-right: 1px solid #e4e4e4;
	display:      inline-block;
	padding:      0 20px;
}
body.single-company .mas-wpjmcr-list-reviews .stars-rating:last-child {
	border: none;
}

.mas-wpjmcr-list-reviews .star-rating-title {
	color:         var(--karrero-text);
	font-size:     0.75rem;
	font-weight:   500;
	line-height:   24px;
	margin-bottom: 2px;
	text-align:    left;
}

#mas-wpjmcr-submit-ratings .star-rating .dashicons,
.mas-wpjmcr-list-reviews .star-rating .dashicons {
	font-size: 0.75rem;
	width:     0.75rem;
}

body.single-company .comments ul li {
	margin-left: 0;
}
body.single-company .comment-list img.avatar {
	display: none;
}
body.single-company .comment-form {
	background:    #ffffff;
	border:        1px solid #e0e0e0;
	border-radius: 4px;
	margin-bottom: 40px;
	margin-top:    20px;
	padding:       30px;
}
body.single-company #respond input {
	width: auto;
}

#respond .star-ratings.ratings.list-inline {
	background:     #f8f8f8;
	border-radius:  4px;
	display:        inline-flex;
	flex-direction: row;
	padding:        18px 5px;
}

@media (max-width: 1220px) {
	#respond .star-ratings.ratings.list-inline {
		flex-direction: column;
		width:          100%;
	}
	#respond #mas-wpjmcr-submit-ratings .rating-row {
		border-right: none !important;
		margin:       8px 0;
	}

}

#respond #mas-wpjmcr-submit-ratings .rating-row {
	border-right: 1px solid #e0e0e0;
	padding:      0 20px;
}

.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 {
	display:       block;
	margin-bottom: 25px;
}

.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 {
	color:         var(--karrero-text);
	font-size:     14px;
	font-weight:   500;
	margin-bottom: 2px;
}

.company-data__content--list._company_tagline span {
	background-color: var(--karrero-gray);
	border-radius:    3px;
	color:            var(--karrero-text);
	font-size:        13px;
	font-weight:      500;
	line-height:      18px;
	margin-bottom:    1px;
	margin-right:     5px;

}

.company-data__content--list._company_tagline a {
	color:   var(--karrero-text);
	display: inline-block;
	padding: 5px 7px;
}

.company-info-boxed-links span,
.company-data__content--list._company_tagline span {
	display:    inline-block;
	transition: 0.2s;
}

@media (max-width: 1300px) {
	body .company-info-boxed-links span,
	.company-data__content--list._company_tagline span {
		margin-bottom: 8px;
	}

}

.company-info-boxed-links span:hover a,
.company-data__content--list._company_tagline span:hover {
	background: var(--karrero-gray-hover);
}
body .company-info-boxed-links span:hover a,
.company-data__content--list._company_tagline span:hover a {
	color: var(--karrero-text);
}

@media (max-width: 1200px) {
	.company-contact-details .company-logo img {
		max-width: 100px;
	}
}

@media (max-width: 768px) {
	.company-contact-details .company-logo img {
		margin-bottom: 20px;
		max-width:     80px;
	}
	.company-contact-details .company-data {
		align-items:    flex-start;
		display:        flex;
		flex-direction: column;
	}
	.company-contact-details {
		margin-left:  0;
		margin-right: 0;
	}
}

.company-feature {
	padding-left: 70px;
	position:     relative;
}

.company-feature:before {
	background:    #26ae611f;
	border-radius: 4px;
	color:         #26ae61;
	content:       "";
	font-family:   "linearicons";
	font-size:     18px;
	height:        40px;
	left:          15px;
	line-height:   40px;
	position:      absolute;
	text-align:    center;
	top:           14px;
	width:         40px;
}

#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;
	list-style:  none;
	margin-left: 0 !important;
	margin-top:  0;
	padding:     0;
	width:       calc(100% + 30px);
}

body ul.wpjmc-companies li:not(#company-meta li) {
	align-items:     flex-start;
	box-shadow:      none;
	color:           #777777;
	display:         flex;
	flex-grow:       0;
	justify-content: flex-start;
	list-style:      none;
	margin:          0 30px 30px 0;
	padding:         0;
	text-align:      left;
	transition:      0.3s;
}

body ul.wpjmc-companies li .company-inner {
	align-items: center;
	display:     flex;
}

.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 {
	background-color: #ffffff;
	border:           1px solid #e0e0e0;
	border-radius:    4px;
	padding:          30px;
	transition:       0.3s;
	width:            100%;
}

body ul.wpjmc-companies li a:hover {
	box-shadow: 0 0 16px rgb(0 0 0 / 6%);
}

.minimum_votes_req {
	background:    #f0f0f0;
	border-radius: 3px;
	color:         #888888;
	display:       inline-block;
	font-size:     13px;
	font-weight:   400;
	line-height:   20px;
	margin-top:    3px;
	padding:       5px 7px;
}

.comment-reply-login {
	display: none;
}

.must-log-in {
	border:        1px solid #e0e0e0;
	border-radius: 4px;
	margin:        10px 0 20px 0;
	padding:       20px;
}
body ul.wpjmc-companies .company-logo {
	border-right: 1px solid #e0e0e0;
	display:      inline-block;
	margin-right: 30px;
	max-width:    175px;
	min-width:    175px;
	text-align:   center;
	width:        175px;
}

body ul.wpjmc-companies li .company-data_tagline {
	color:         var(--karrero-text);
	display:       block;
	font-size:     14px;
	margin-bottom: 13px;
	margin-top:    -3px;
}

body ul.wpjmc-companies #company-meta {
	color:          var(--karrero-text);
	display:        flex;
	flex-direction: column;
	font-size:      14px;
	list-style:     none;
	margin:         17px 0 0;
	padding:        0;
	text-align:     left;
}

body ul.wpjmc-companies #company-meta li {
	line-height: 20px;
	margin:      3px 0;
	padding:     0;
}

body ul.wpjmc-companies .company-list-excerpt {
	color:       var(--karrero-text);
	font-size:   14px;
	line-height: 26px;
	margin:      18px 0 0 0;
}

.company-list-rating {
	align-items:   center;
	background:    var(--karrero-gray);
	border-radius: 4px;
	color:         var(--karrero-text);
	display:       inline-flex;
	flex-wrap:     wrap;
	font-size:     0.75em;
	line-height:   20px;
	margin:        6px 0 0 0;
	padding:       5px 7px;
	transition:    .3s;
}

.company-list-rating:hover {
	background-color: var(--karrero-gray-hover);
}

.company-contact-details .company-list-rating {
	background:    transparent;
	border:        1px solid #e0e0e0;
	margin-bottom: 20px;
	margin-top:    4px;
}

.company-list-rating b {
	color:       var(--karrero-text);
	font-weight: 500;
	margin:      0 5px;
}

.company-contact-details .company-list-rating .stars-rating,
.company-list-rating .stars-rating {
	height: 19px;
	margin: 0 3px 0 0;
	zoom:   0.95;
}

body ul.wpjmc-companies .company-list-excerpt p {
	font-size:   14px;
	line-height: 24px;
	margin:      0;
}

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 {
	padding-left: 28px;
	position:     relative;
}

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 {
	color:       var(--karrero-primary);
	font-family: "Font Awesome 6 Pro";
	font-size:   18px;
	left:        0;
	position:    absolute;
	top:         0;
}

body ul.wpjmc-companies #company-meta #company-meta-location:before {
	content: "\f3c5";
	top:     -1px;
}

body ul.wpjmc-companies #company-meta .company-meta-company_strength:before {
	content: "\f03a";
}

body ul.wpjmc-companies #company-meta .company-meta-company_average_salary:before {
	content: "\e533";
}

body ul.wpjmc-companies .company-logo img {
	border-radius: 4px;
	width:         80px;
}

body ul.wpjmc-companies .company-excerpt {
	display: none;
}

body ul.wpjmc-companies .company-title {
	color:       var(--karrero-text);
	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 {
		align-items:    start;
		display:        flex;
		flex-direction: column;
	}
	body ul.wpjmc-companies .company-logo {
		border-bottom:  1px solid #e0e0e0;
		border-right:   none;
		display:        inline-block;
		margin-bottom:  10px;
		margin-right:   0;
		max-width:      100%;
		min-width:      100%;
		padding-bottom: 15px;
		text-align:     center;
		width:          100%;
	}
}

.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 {
	background-position: 50% !important;
	background-size:     cover !important;
	height:              450px;
	position:            absolute;
	top:                 0;
	width:               100%;
}

#company-background:before {
	background: linear-gradient(to bottom, transparent 20%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 1) 85%);
	content:    "";
	height:     100%;
	position:   absolute;
	top:        0;
	width:      100%;
}

#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 {
	background:    #f0f0f0;
	border-radius: 4px;
	color:         #555555;
	display:       inline-block;
	font-size:     13px;
	font-weight:   500;
	margin-top:    10px;
	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 {
	background-color: #ffffff;
	border-radius:    4px;
	box-shadow:       0 2px 8px rgba(0, 0, 0, 0.08);
	display:          block;
	margin-top:       30px;
	position:         relative;
}

.dashboard-box .headline {
	border-bottom: 1px solid #e4e4e4;
	display:       block;
	padding:       20px 30px;
	position:      relative;
}

.dashboard-box .headline h3 {
	color:       var(--karrero-text);
	font-size:   16px;
	font-weight: 600;
	line-height: 26px;
}

.dashboard-box .headline h3 i {
	color:        #66676b;
	font-size:    21px;
	line-height:  0;
	margin-right: 4px;
	position:     relative;
	top:          2px;
}

/* 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;
	margin-right: 5px;
	top:          2px;
}

.button.big i.icon-feather-plus {
	font-size:    20px;
	margin-left:  -4px;
	margin-right: 5px;
	top:          2px;
}

/* Pixel Perfect Adjustment - End */

.dashboard-box .content.with-padding {
	padding: 30px;
}

.dashboard-box .chart {
	padding: 30px 20px 17px 18px;
}

.dashboard-box .headline .sort-by {
	display:   inline-block;
	float:     none;
	height:    33px;
	position:  absolute;
	right:     30px;
	top:       calc(50% + 3px);
	transform: translateY(-50%);
	z-index:   100;
}

.dashboard-box .headline .bootstrap-select.btn-group .dropdown-toggle .filter-option {
	color:       #666666;
	font-weight: 500;
}

.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-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;
	border-radius: 4px;
	padding:       20px 20px 10px 20px;
}

.resume-manager-add-row {
	border-radius: 3px;
}
.resume-manager-add-row:hover {
	background-color: #e7e7e7;
}

.dashboard-content .submit-page .form.fieldset-resume_file,
.dashboard-content .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:            var(--karrero-text);
}

#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;
	border-radius: 4px;
	display:       inline-block;
	padding:       20px;
	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 {
	margin:     0;
	text-align: left;
	width:      22px;
}

.dashicons-star-empty,
.dashicons-star-half,
.dashicons-star-filled {
	color:        #ffc107;
	float:        left;
	font-family:  "FontAwesome";
	margin-right: 2px;
	position:     relative;
}

.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: #dddddd;
}

.dashicons-star-half:after {
	color:    #ffc107;
	left:     0;
	overflow: hidden;
	position: absolute;
	top:      0;
	width:    50%;
}

#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 {
	background: #26ae6126;
	color:      #26ae61;
	width:      100%;
}
.mas-wpjmc-search .widget.job-widget-regions input:hover {
	background: #26ae61;
	color:      #ffffff;
}

/* Bigger Submit Buttons */
.send-btn-border input[type="submit"] {
	border-radius: 4px;
	font-size:     16px;
	margin-bottom: 15px;
	padding:       16px 24px;
}

.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 .dashboard-list-box .button.add-company-btn {
	font-size: 14px;
	margin:    0 0 30px 10px;
	padding:   14px 16px;
}

.job-fields-submit-form.no-company-yet .submit-page {
	opacity:        0.5;
	pointer-events: none;
}

.company-fields-submit-form .notification {
	margin: -5px 10px 15px 10px;
	width:  100%;
}

.company-fields-submit-form .notification a {
	background-color: #459bc6 !important;
	border-radius:    3px;
	color:            #ffffff !important;
	display:          inline-block;
	font-weight:      500;
	margin-left:      5px;
	padding:          0 10px;
}
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 {
	margin-bottom: 10px !Important;
	margin-top:    0 !important;
	order:         1;
}
.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 {
	height:         0;
	margin-bottom:  30px;
	padding-bottom: 56.25%; /* 16:9 */
	position:       relative;
}
.candidate-video iframe {
	height:   100%;
	left:     0;
	position: absolute;
	top:      0;
	width:    100%;
}

.ajax-job-view-links span {
	display:    inline-block !important;
	margin-top: 4px;
}

#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,
	body.single-company .mas-wpjmcr-list-reviews .stars-rating {
		flex:   0 0 33%;
		margin: 6px 0;
		width:  33%;
	}

	#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) {

	#respond #mas-wpjmcr-submit-ratings .rating-row,
	body.single-company .mas-wpjmcr-list-reviews .stars-rating {
		flex:   0 0 50%;
		margin: 6px 0;
		width:  50%;
	}
	body.single-company .mas-wpjmcr-list-reviews {
		width: 100%;
	}

	#respond #mas-wpjmcr-submit-ratings .rating-row,
	body.single-company .mas-wpjmcr-list-reviews .stars-rating {
		border-right: 0;
	}
}

@media (max-width: 1024px) {
	#respond #mas-wpjmcr-submit-ratings .rating-row,
	body.single-company .mas-wpjmcr-list-reviews .stars-rating {
		flex:   0 0 50%;
		margin: 6px 0;
		width:  50%;
	}

	body.single-company .mas-wpjmcr-list-reviews {
		width: 100%;
	}

	#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 {
	height:         0;
	margin-bottom:  30px;
	padding-bottom: 56.25%; /* 16:9 */
	position:       relative;
}
.candidate-video iframe {
	height:   100%;
	left:     0;
	position: absolute;
	top:      0;
	width:    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-size:   15px;
	font-weight: 400;
}

.load_more_resumes.loading:before {
	animation-duration:        1200ms;
	animation-iteration-count: infinite;
	animation-name:            icospin;
	animation-timing-function: linear;
	color:                     #ffffff;
	content:                   "\f021";
	display:                   inline-block;
	font-family:               "Font Awesome 5 Free";
	font-size:                 13px;
	margin-right:              8px;
}

@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 {
	background:     #222222;
	height:         100%;
	left:           0;
	opacity:        0;
	overflow-y:     auto;
	pointer-events: none;
	position:       fixed;
	top:            0;
	text-align:     left;
	transform:      translateX(0%);
	visibility:     hidden;
	width:          100%;
	z-index:        100001;
	margin:         0;
	max-width:      100%;
	max-height:     100%;
	padding:        0;
}

.mobile-navigation-wrapper[open] {
	animation-name: slide-in;
	animation-duration: .5s;
	animation-iteration-count: 1;
}

@keyframes slide-in {
	0% {
		transform: translateX(100%);
	}
}

.mobile-nav-open .mobile-navigation-wrapper {
	opacity:        1;
	pointer-events: all;
	visibility:     visible;
}

.mobile-navigation {
	left:            50%;
	list-style-type: none;
	margin:          0;
	padding:         0;
	position:        absolute;
	top:             50%;
	transform:       translate(-50%, -50%);
	visibility:      hidden;
	z-index:         99999;
}

.mobile-nav-open .mobile-navigation {
	visibility: visible;
}

.menu-logo a img {
	max-height: 3em;
}

.mobile-navigation-list {
	box-sizing: content-box;
	margin:     25px;
	overflow:   hidden;
}

.mobile-nav-widgets {
	padding: 0 25px 25px;
}

.mobile-nav-widgets {
	color:   #aaaaaa;
	display: block;
	padding: 0 30px 25px;
}

.mobile-nav-widgets h4,
.mobile-nav-widgets h5 {
	color:       #ffffff;
	font-size:   18px;
	font-weight: 500;
	margin:      0 0 8px 0;
}

.mobile-nav-widgets a:hover {
	color: #ffffff;
}

.mobile-menu-widget {
	margin: 30px 0;
}

.mobile-menu-widget:first-child {
	border-top:  1px solid #444444;
	padding-top: 35px;
}

.mobile-navigation-list li a {
	color:       #aaaaaa;
	display:     block;
	font-size:   1em;
	font-weight: 500;
	padding:     8px 0;
	position:    relative;
	transition:  0.3s;
}

.mobile-navigation-list .menu-item-has-children > a:before {
	content:     "\f105";
	font-family: "FontAwesome";
	font-size:   20px;
	font-weight: 500;
	position:    absolute;
	right:       8px;
	top:         10px;
}

.mobile-navigation-list li a:hover {
	color: #ffffff;
}

.mobile-navigation-list ul {
	list-style: none;
	margin:     0;
	padding:    0;
}

/* Menu Toggle Icon */

.menu-icon-toggle {
	background:    rgb(255 255 255 / 8%) !important;
	border-radius: 4px;
	display:       block;
	height:        3em;
	padding:       10px;
	position:      absolute;
	right:         22px;
	top:           15px;
	width:         3em;
}

.menu-icon-toggle span {
	background-color: #ffffff;
	display:          block;
	height:           2px;
	position:         absolute;
	top:              50%;
	transform:        translate(0, -50%);
	transition:       opacity 0.3s 0.3s;
	width:            100%;
}

.menu-icon-toggle::before,
.menu-icon-toggle::after {
	background-color: #ffffff;
	content:          "";
	display:          block;
	height:           2px;
	position:         absolute;
	transition:       transform 0.3s, top 0.3s 0.3s, bottom 0.3s 0.3s;
	width:            50%;
	top:              50%;
	left:             25%;
}

.menu-icon-toggle span {
	opacity:    0;
	transition: opacity 0.3s;
}

.menu-icon-toggle::before {
	transform: rotate(45deg);
}

.menu-icon-toggle::after {
	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 {
	align-items:     center;
	background:      #1b1b1b;
	display:         flex;
	height:          auto;
	justify-content: flex-start;
	padding:         26px;
	width:           100%;
}

.menu-inner-wrapper {
	height:    100%;
	left:      0;
	margin:    0 auto;
	min-width: 100%;
	overflow:  hidden;
	right:     0;
	top:       0;
	width:     100%;
}

#mobile-nav {
	left:       0;
	position:   relative;
	top:        0;
	transition: all 1s ease;
	z-index:    1;
}

#mobile-nav li a {
	display:     block;
	font-weight: 400;
	padding:     10px;
}

/* hide submenu */
#mobile-nav .sub-menu {
	background:     #222222;
	left:           100%;
	opacity:        0;
	pointer-events: none;
	position:       absolute;
	top:            0;
	transition:     all .3s ease;
	visibility:     hidden;
	width:          100%;
}

#mobile-nav .open-submenu > .sub-menu {
	background:     #222222;
	left:           0;
	opacity:        1;
	pointer-events: all;
	top:            0;
	transition:     all .5s ease;
	visibility:     visible;
	z-index:        2;
}

#mobile-nav .open-submenu > .sub-menu > .sb-menu {
	left:           0;
	opacity:        1;
	pointer-events: all;
	top:            0;
	transition:     all .5s ease;
	visibility:     visible;
	z-index:        2;
}

#mobile-nav .sub-menu-back-btn {
	background:    rgb(0 0 0 / 25%);
	border-radius: 4px;
	color:         #aaaaaa;
	cursor:        pointer;
	display:       block;
	font-size:     15px;
	font-weight:   500;
	line-height:   24px;
	margin-bottom: 8px;
	padding:       10px 10px 10px 32px;
	transition:    0.3s;
}

#mobile-nav .sub-menu-back-btn:hover {
	color: #ffffff;
}

.sub-menu-back-btn:before {
	content:     "\f104";
	font-family: "FontAwesome";
	font-size:   20px;
	font-weight: 400;
	left:        13px;
	position:    absolute;
	right:       initial;
	top:         10px;
}

/* Trigger Styles */
.mobile-nav-trigger {
	background-color: #eeeeee;
	border-radius:    4px;
	cursor:           pointer;
	display:          none;
	float:            right;
	height:           3em;
	position:         relative;
	width:            3em;
}

/* Hamburger Icon */
.hamburger {
	background-color:           transparent;
	border:                     0;
	color:                      inherit;
	cursor:                     pointer;
	display:                    inline-block;
	font:                       inherit;
	margin:                     0;
	overflow:                   visible;
	padding:                    0;
	position:                   relative;
	text-transform:             none;
	transition-duration:        0.15s;
	transition-property:        opacity, filter;
	transition-timing-function: linear;
}

.hamburger-box {
	position: absolute;
	top: 0;
	left: 0;
	width: 2em;
	height: 2em;
	margin: 0.5em;
	display: flex;
	flex-wrap: nowrap;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	align-content: center;
}

.hamburger-inner {
	display:    block;
}

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

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

.hamburger-inner::before {
	top: -10px;
}

.hamburger-inner::after {
	bottom: -10px;
}

/* Animation */
.hamburger--collapse .hamburger-inner {
	transition-delay:           0.13s;
	transition-duration:        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 {
	opacity:    0;
	top:        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);
}

.mobile-nav-trigger {
	display: none;
}

@media only screen and (max-width: 1024px) {
	.hidden-on-mobile {
		display: none;
	}

	/* Header Responsive Styles */
	#responsive {
		display: none;
	}

	.mobile-nav-trigger {
		display: inline-block !important;
	}

	#logo {
		margin:     5px 0 0;
		position:   relative;
		text-align: left;
		width:      calc(100% - 70px);
	}

	.header-widget {
		align-items: flex-start;
		border-top:  1px solid #eeeeee;
		display:     flex;
		flex-wrap:   wrap;
		padding:     20px 0;
	}

	.header-widget a.button.border {
		background-color: transparent;
		float:            right;
		font-size:        16px;
		min-width:        auto;
		padding:          7px 16px;
	}

	.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-bottom: -5px;
		margin-top:    35px;
	}

	.header-widget {
		text-align: left;
	}

	#header {
		padding-bottom: 0;
	}

	ul.top-bar-menu {
		position: relative;
		z-index:  99;
	}

	.header-style-2 .menu-responsive {
		float:        none;
		margin-left:  auto;
		margin-right: auto;
		padding:      0 15px;
		width:        750px;
	}

	#header-container.header-style-2 .header-widget {
		border-top:  1px solid #e0e0e0;
		padding-top: 30px;
		width:       calc(100%);
	}

}
.widget_range_filter .ui-slider .ui-slider-handle,
.widget_range_filter .ui-slider-horizontal {
	border: none;
}

@media (max-width: 992px) {
	#wrapper {
		max-width:  100vw;
		overflow-x: hidden;
	}
}

.single-resume #titlebar .two-buttons .button {
	margin-right: 0;
}
.send-btn-border .spinner {
	display:  inline-block;
	height:   auto;
	opacity:  0;
	padding:  0 10px;
	position: relative;
	top:      7px;
	width:    auto;
}
.send-btn-border .spinner.is-active {
	opacity: 1;
}
.send-btn-border .spinner:after {
	animation:           rotation 1s linear infinite;
	border:              3px solid #aaaaaa;
	border-bottom-color: transparent;
	border-radius:       50%;
	box-sizing:          border-box;
	content:             "";
	display:             inline-block;
	height:              24px;
	width:               24px;
}

@keyframes rotation {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}
.job-manager-term-checklist {
	display:    flex;
	list-style: none;
}
.job-manager-term-checklist li {
	margin: 0 10px 5px 0;
}

.listeo-svg-icon-box-grid svg,
.elementor .listeo-svg-icon-box-grid svg {
	display:    inline-block;
	height:     40px;
	margin:     0;
	transition: .3s;
	width:      auto;
}

body ul.wpjmc-companies #company-meta #company-meta-company_since:before {
	color:        var(--karrero-primary);
	content:      "\eceb";
	font-family:  "linearicons";
	font-size:    18px;
	margin-right: 8px;
	position:     relative;
	top:          1px;
}