/*
Theme Name: JobMonkey
Theme URI: http://www.drivendevelopment.com/
Description: Custom WordPress theme for JobMonkey.
Author: <a href="http://www.drivendevelopment.com/" target="_blank">Driven Development</a>
Version: 1.0
*/

/**
 * Defaults
 */
.clearBoth, .clear {clear: both; height: 0px; font-size: 1px; line-height: 0px; display: block;}

.alignleft,
img.alignleft {float: left; margin: 0 20px 20px 0;}

.alignright,
img.alignright {float: right; margin: 0 0 20px 20px;}

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

img.aligncenter {margin-bottom: 12px;}

div.post {margin: 0 0 20px 0;}

ul.widgets {margin: 0 0 20px 0; padding: 0; list-style-type: none;}
ul.widgets li ul {margin: 0 0 15px 0; padding: 0; list-style-type: none;}
ul.widgets li ul li {padding: 0 0 5px 0;}
ul.widgets li ul li ul {margin: 0; padding: 5px 0 0 10px;}

.commentlist {margin: 0 0 20px 0; padding: 0; list-style-type: none;}
.commentlist .comment-author .avatar {display: none;}
.commentlist .comment {margin: 0 0 10px 0; padding: 0 0 10px 0;}

#commentform p {margin: 0 0 5px 0;}
#commentform input[type="text"],
#commentform textarea {display: block; font-family: Arial, Verdana, Sans-Serif; font-size: 12px; padding: 5px; border: solid 1px #ccc;}
#commentform input[type="text"] {width: 300px;}
#commentform textarea {width: 90%;}

#respond .form-allowed-tags {display: none;}

div.nav-previous {float: left;}
div.nav-next {float: right;}

#nav-above,
#nav-below {display: none;}

/* Assistive text */
.assistive-text,
.screen-reader-text {
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);
}
.main-navigation .assistive-text:hover,
.main-navigation .assistive-text:active,
.main-navigation .assistive-text:focus {
	background: #fff;
	border: 2px solid #333;
	border-radius: 3px;
	clip: auto !important;
	color: #000;
	display: block;
	font-size: 12px;
	padding: 12px;
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 100000; /* Above WP toolbar */
}

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

.widget-area#secondary {width: 100%; float: none;}

.says,
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
}

/**
 * Defaults and Resets
 */
*,
*:before,
*:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

html {font-size: 62.5%; -webkit-text-size-adjust: none;}

html, body {margin: 0; padding: 0; background: #222;}

body {font-family: 'Open Sans', Arial, Verdana, Sans-Serif; font-size: 17px; line-height: 24px; color: #000;}

form {margin: 0; padding: 0;}

img {border: 0; max-width: 100%; display: block;}

td {vertical-align: top;}

p {margin: 0 0 20px 0;}

a {color: #017d97; text-decoration: none; transition: 0.25s ease;}
a:hover {color: #000;}
a:visited {color: purple;}

h1,
.S1 {margin: 0 0 20px 0; font-size: 28px; line-height: 32px; color: #222; font-weight: normal; color: #cb740a;}

/**
 * General
 */
.clearBoth, .clear {clear: both; height: 0px; font-size: 1px; line-height: 0px; display: block;}
.clearfix {zoom: 1;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.hidden {height: 1px; left: -10000px; overflow: hidden; position: absolute; top: auto; width: 1px;}

a#skip,
a#skip:hover,
a#skip:visited {position: absolute; left: 0px; top: -500px; width: 1px; height: 1px; overflow: hidden;}

a#skip:active,
a#skip:focus {position: static; width: auto; height: auto;}

nav ul {margin: 0; padding: 0; list-style-type: none;}

/**
 * Layout
 */
#header {background: #b3c260; position: relative;}
#header:after {position: absolute; content: ""; top: 0; left: 50%; right: 0; height: 48px; background: #7d8f4c;}
#header > div {position: relative; min-height: 160px; background: var(--wpr-bg-9516f0b1-673d-4f68-842d-67a011da513f) no-repeat left top; z-index: 2; padding: 0; overflow: visible;}
#header > div:after {position: absolute; content: ""; top: 0; left: 400px; right: 0; height: 48px; background: #7d8f4c; z-index: 1;}
#header .logo {position: absolute; top: 5px; left: 20px;}
#header .logo img {display: block; width: 100%;}
#header .logo-sml {margin: 0 auto; padding: 6px 0; width: 188px; display: none;}
#header .logo-sml img {display: block; width: 100%;}
#header nav {position: absolute; top: 0; right: 0; font-size: 15px; z-index: 5;}
#header nav > ul > li {float: left;}
#header nav > ul > li > a {font-weight: bold; color: #fff; display: block; padding: 0 18px; line-height: 48px; text-transform: uppercase; text-decoration: none;}
#header nav > ul > li > a:hover {color: #000;}
#header nav ul ul {display: none;}
#header nav .active a {background: #64743f;}
#header .social {position: absolute; top: 90px; right: 20px;}
#header .search {position: absolute; top: 87px; right: 320px;}
#header .search input[type="text"] {display: inline-block; width: 290px; vertical-align: middle;}
#header .search select {display: inline-block; width: 115px; vertical-align: middle; padding: 7px 8px;}
#header .search input[type="submit"] {display: inline-block; vertical-align: middle;}
#header .search .adv-s {display: none;}
#header .toggle-menu {position: absolute; top: 30px; left: 20px; display: none;}
#header .toggle-search {position: absolute; top: 30px; right: 20px; display: none; border-radius: 5px; width: 36px; height: 36px; background: #03586a var(--wpr-bg-249584ce-1c85-4cde-9e7e-f44ca8fcdf03) no-repeat center center; font-size: 1px; line-height: 1px; text-indent: -10000px;}

#mobile-menu {width: 260px; position: fixed; left: -260px; top: 0; height: 100%; background: #7d8f4c; overflow: auto; border-right: solid 10px #222; transition: left 0.25s ease; z-index: 1000; overflow-y: scroll; -webkit-overflow-scrolling: touch;}
#mobile-menu a {color: #fff; text-decoration: none;}
#mobile-menu nav > ul > li {border-top: solid 1px rgba(255,255,255,0.2);}
#mobile-menu nav > ul > li:first-child {border-top-width: 0;}
#mobile-menu nav > ul > li > a {font-weight: bold; display: block; padding: 8px 10px; text-transform: uppercase;}
#mobile-menu .submenu {background: #505d32; padding: 15px 10px;}
#mobile-menu .submenu .h2 {display: none;}
#mobile-menu .submenu img {display: block; width: 100%;}
#mobile-menu .submenu li {margin: 0 0 5px 0;}
#mobile-menu .submenu .features > div {margin: 20px 0 0 0;}
#mobile-menu .social {padding: 20px 0 20px 3px;}
#mobile-menu .social li {margin: 0 0 0 7px;}
#mobile-menu .social a {background-size: 26px; width: 26px; height: 26px;}

#mega-menus {position: absolute; top: 48px; left: 0; width: 100%; z-index: 1000; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2); border-top: solid 1px #969797; border-bottom: solid 1px #969797; font-size: 16px; line-height: 20px; color: #222; display: none;}
#mega-menus > div > div {padding-top: 20px; padding-bottom: 20px;}
#mega-menus ul {margin: 0; padding: 0; list-style-type: none;}
#mega-menus li {margin: 0 0 10px 0;}
#mega-menus a {color: #222;}
#mega-menus a:hover {color: #017d97;}
#mega-menus .content .nav {float: left; width: 60%;}
#mega-menus .content .nav > div {float: left; width: 50%; padding: 0 20px 0 0;}
#mega-menus .content .features {float: left; width: 40%;}
#mega-menus .content .features > div {float: left; width: 45%;}
#mega-menus .content .features > div:last-child {float: right;}
#mega-menus .content .features img {display: block; max-width: 100%; margin: 0 0 5px 0;}
#mega-menus .title {margin: 0 0 20px 0; font-size: 30px;}

#page {min-width: 320px; transition: left 0.25s ease; position: relative; left: 0;}

#body {background: #f4f4f4;}
#body > div {padding-top: 25px; padding-bottom: 40px;}

#newsletter-banner {background: #b3c260; text-align: center;}
#newsletter-banner > div {padding-top: 30px; padding-bottom: 30px;}
#newsletter-banner .label {display: inline-block; font-size: 24px; font-weight: bold; vertical-align: middle;}
#newsletter-banner input[type="email"] {display: inline-block; margin: 0 10px; max-width: 300px; height: 38px; vertical-align: middle;}
#newsletter-banner input[type="submit"] {display: inline-block; height: 38px; vertical-align: middle;}

#footer {font-size: 13px; line-height: 20px; color: #6d6d6d;}
#footer > div {padding-top: 40px; padding-bottom: 40px; min-height: 200px; position: relative;}
#footer a {color: #6d6d6d; text-decoration: none;}
#footer a:hover {color: #fff;}
#footer .logo-wrapper {position: absolute; top: 16px; left: 50px;}
#footer .logo-wrapper img {display: block; width: 100%;}
#footer .logo-wrapper .address {position: absolute; top: 86px; left: 164px;}
#footer .nav {float: right; width: 600px;}
#footer .nav > div {float: left; width: 33.3333%; padding: 0 20px 0 0;}
#footer .nav ul {margin: 0; padding: 0; list-style-type: none;}
#footer .nav li {margin: 0 0 5px 0;}

.mobile-menu #page {left: 260px;}
.mobile-menu #mobile-menu {left: 0;}

.section > div {max-width: 1276px; margin: 0 auto; padding: 0 20px; overflow: hidden;}

.content-left-layout > .content {float: left; width: 100%; margin-right: -315px;}
.content-left-layout > .content > div {margin-right: 335px;}
.content-left-layout > .content .block .body {padding: 20px 25px;}
.content-left-layout > aside {float: right; width: 315px;}

/**
 * Miscellaneous
 */
.social {margin: 0; padding: 0; list-style-type: none;}
.social li {float: left; margin: 0 0 0 8px;}
.social a {display: block; width: 32px; height: 32px; font-size: 1px; line-height: 1px; text-indent: -10000px; background: var(--wpr-bg-cb5216fe-a2cd-48aa-ae15-9079c5fce56e) no-repeat;}
.social .twitter a {background-image: var(--wpr-bg-d1f0863f-098f-427e-9188-7530bfa7a2f8);}
.social .google a {background-image: var(--wpr-bg-70b92adf-64c9-4ae7-9133-4dd10419f4be);}
.social .youtube a {background-image: var(--wpr-bg-7808ee37-30e3-4e27-ab0c-e6731ca39d17);}
.social .pinterest a {background-image: var(--wpr-bg-386f13d9-3e4d-4c79-8fcb-68764d195dae);}
.social .linkedin a {background-image: var(--wpr-bg-7819527b-4b67-47b1-a4af-a4ae85d46775);}
.social .rss a {background-image: var(--wpr-bg-01c56e87-13c1-4da7-ac53-e5a5149e4b23);}

.photo-grid {margin: 0 -10px;}
.photo-grid > div {padding: 0 10px 20px 10px; float: left; width: 33.3333%;}
.photo-grid > div > div {position: relative; overflow: hidden;}
.photo-grid img {display: block; width: 100%;}
.photo-grid a {color: #fff; text-decoration: none;}
.photo-grid .overlay {position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0;}
.photo-grid .content-wrapper {position: absolute; left: 0; right: 0; bottom: 0;}
.photo-grid .content {height: 0px; background: rgba(34,34,34,0.85); font-size: 14px; line-height: 18px; color: #fff;}
.photo-grid .content > div {padding: 10px;}
.photo-grid .content p {margin: 0 0 10px 0;}
.photo-grid .content p:last-child {margin: 0;}
.photo-grid h2 {display: block; margin: 0;}
.photo-grid h2 a {display: inline-block; font-size: 17px; background: #c72716; padding: 4px 10px; font-weight: bold;}
.photo-grid .read-more {color: #df4636; font-size: 15px; font-weight: bold;}
.photo-grid .read-more:hover {color: #fff;}

.category-grid {margin: 0 -10px;}
.category-grid > div {padding: 0 10px 20px 10px; display: inline-block; vertical-align: top; width: 33.3333%;}

.block {background: #fff; margin: 0 0 30px 0; font-size: 16px; line-height: 22px;}
.block p:last-child,
.block ul:last-child {margin: 0;}
.block .head {color: #fff; font-size: 17px; background: #017074; padding: 5px 15px; font-weight: bold;}
.block .body {padding: 15px;}

.photo-block {padding: 0; background: transparent;}

.category-block {padding: 0; background: transparent;}
.category-block .head {position: relative; padding: 0; background: none; min-height: 32px;}
.category-block .head img {display: block; width: 100%;}
.category-block .head h2,
.category-block .head .title {position: absolute; left: 0; color: #fff; margin: 0; bottom: 0; font-size: 17px; background: #017074; padding: 5px 10px; font-weight: bold;}
.category-block .body {padding: 10px; background: #fff;}
.category-block .body p {margin: 0 0 10px 0;}
.category-block .body ul {margin: 0; padding: 0; list-style-type: none;}
.category-block .body li {margin: 0 0 5px 0;}

.icon-heading span {position: relative; padding-right: 50px;}
.icon-heading span:after {position: absolute; content: ""; top: 0; right: 0; width: 40px; height: 35px; background: no-repeat center center;}

.icon-heading.twitter span:after {background-image: var(--wpr-bg-242b3f53-f827-4343-aa82-e6e8b4a129ac);}
.icon-heading.blog span:after {background-image: var(--wpr-bg-658c86f4-7cfb-4573-a04b-70254c2568b8); top: 2px;}

ul.plain {margin: 0 0 20px 0; padding: 0; list-style-type: none; font-size: 14px; line-height: 20px;}
ul.plain li {margin: 0 0 10px 0;}
ul.plain li:last-child {margin: 0;}

ul.subnav {margin: 0; padding: 0; list-style-type: none; font-size: 14px; line-height: 20px;}
ul.subnav li {margin: 0 0 2px 0;}
ul.subnav li.hide {display: none;}
ul.subnav li.custom-indent-1 {font-weight: bold;}
ul.subnav li.custom-indent-2 {padding-left: 20px;}
ul.subnav li.custom-indent-3 {padding-left: 40px;}
ul.subnav li.custom-indent-4 {padding-left: 60px;}
ul.subnav li.custom-indent-5 {padding-left: 80px;}

.recent-blog-post .title {font-size: 20px; line-height: 24px;}
.recent-blog-post .meta {font-size: 12px; margin: 0 0 20px 0; text-transform: uppercase;}
.recent-blog-post .meta em {text-transform: none;}
.recent-blog-post p:last-of-type {display: inline;}

.toggle-menu {color: #fff; font-size: 18px; line-height: 20px; font-weight: 600;}
.toggle-menu > div {display: inline-block; width: 32px; height: 26px;}
.toggle-menu > div span {display: block; width: 32px; height: 4px; margin-bottom: 6px; background: #fff; transition: .3s ease;}
.toggle-menu.active {color: #fff;}
.toggle-menu.active > div {  -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
.toggle-menu.active > div span {background: #fff;}
.toggle-menu.active > div span:nth-child(1) {-webkit-transform: translateY(7px); -ms-transform: translateY(7px); transform: translateY(7px);}
.toggle-menu.active > div span:nth-child(2) {opacity: 0;}
.toggle-menu.active > div span:nth-child(3) {-webkit-transform: rotate(-90deg) translateX(13px); -ms-transform: rotate(-90deg) translateX(13px); transform: rotate(-90deg) translateX(13px);}

.icon-btn {display: inline-block; font-size: 18px; line-height: 22px; color: #fff; text-decoration: none; font-weight: 600; padding: 8px 30px 8px 50px; position: relative; background: #cb6c0f; border-radius: 5px;}
.icon-btn:after {position: absolute; content: ""; top: 10px; left: 15px; width: 20px; height: 20px; background: var(--wpr-bg-9680174f-f7b6-4ab6-8032-0937f6fc61a7) no-repeat center center;}

.icon-btn.post {background: #cb490f;}
.icon-btn.post:after {background-image: var(--wpr-bg-cd784380-1298-4fca-9ca5-8b0b58e5c280);}

.breadcrumbs {margin: 0 0 10px -5px; font-size: 12px; text-transform: uppercase;}
.breadcrumbs .separator {margin: 0 5px;}
.breadcrumbs a {color: #000;}
.breadcrumbs a:hover {color: #017d97;}

.button-list {margin: 0 auto 20px auto; padding: 0; list-style-type: none; max-width: 190px;}
.button-list li {margin: 0 0 15px 0;}
.button-list .icon-btn {width: 100%;}

.action-btn {display: inline-block; font-size: 20px; font-weight: bold; color: #fff; padding: 8px 20px; background: #c72716;}
.action-btn:hover {color: #000;}

.link-btn {background: #cb6c0f none repeat scroll 0 0; border-radius: 5px; color: #fff; display: inline-block; font-size: 15px; font-weight: bold; line-height: normal; padding: 5px 45px 5px 20px; position: relative; transition: none;}
.link-btn:after {background: var(--wpr-bg-d680aff3-28ea-48ae-853b-4970f8637a1b) no-repeat scroll 0 0; content: ""; height: 15px; position: absolute; right: 20px; top: 9px; width: 15px;}
.link-btn:hover {color: #000;}
.link-btn:hover:after {background-image: var(--wpr-bg-e627391b-891c-4811-85ff-9bbbcec16694);}

.job-list-block .body {font-size: 14px; line-height: 20px;}
.job-list-block .body ul {margin: 0 0 20px 0;}
.job-list-block .body li {margin: 0 0 2px 0;}
.job-list-block .body li.custom-indent-1 {font-weight: bold;}
.job-list-block .body li.custom-indent-2 {padding-left: 20px;}
.job-list-block .body li.custom-indent-3 {padding-left: 40px;}
.job-list-block .body li.custom-indent-4 {padding-left: 60px;}
.job-list-block .body li.custom-indent-5 {padding-left: 80px;}

.block-title {margin: 0 0 20px 0; font-size: 30px; color: #222; line-height: 32px;}

.page-title {margin: 0 0 20px 0; font-size: 36px; font-weight: bold; line-height: 40px;}

.clearfix > div[data-cfptl="1"] {float: left;}

/**
 * Front page
 */
#main-slideshow {margin: 0 0 20px 0; background: transparent; position: relative;}
#main-slideshow ul {margin: 0; padding: 0; list-style-type: none;}
#main-slideshow .slides li {position: relative;}
#main-slideshow a {position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block;}
#main-slideshow .caption {position: absolute; display: block; left: 0; bottom: 0; right: 0; background: rgba(34,34,34,0.7);}
#main-slideshow .content {padding: 30px 25px; display: block; font-size: 28px; line-height: 32px; color: #fff; font-weight: bold;}
#main-slideshow .category {position: absolute; display: inline-block; top: -20px; left: 25px; padding: 7px 10px; font-size: 20px; font-weight: bold; color: #fff; background: #c72716; line-height: 24px;}
#main-slideshow img {display: block; width: 100%;}
#main-slideshow .flex-direction-nav {position: absolute; top: 42%; margin-top: -19px; width: 100%;}
#main-slideshow .flex-direction-nav li {width: 25px;}
#main-slideshow .flex-direction-nav .flex-prev,
#main-slideshow .flex-direction-nav .flex-next {width: 25px; height: 38px; background: var(--wpr-bg-920c3a30-6288-4cfa-97b3-643d2bb7aeab) no-repeat left center; position: absolute; top: 0; left: 10px; opacity: 0.8; display: block; font-size: 1px; line-height: 1px; text-indent: -10000px;}
#main-slideshow .flex-direction-nav .flex-next {left: auto; right: 10px; background-position: right center;}

#front-intro {padding: 0 20px; font-size: 17px; line-height: 24px;}
#front-intro h1 {font-size: 30px; font-weight: bold; color: #222;}

/**
 * Blog
 */
article.post {font-size: 17px; line-height: 24px; background: #fff; margin: 0 0 30px 0; padding: 15px 25px;}
article.post .date {margin: 0 0 10px 0; font-size: 13px; color: #606060;}
article.post .entry-title {margin: 0 0 20px 0; font-size: 28px; line-height: 34px; font-weight: normal;}
article.post .entry-title a {color: #000;}
article.post footer {border-top: solid 1px #ddd; border-bottom: solid 1px #ddd; font-size: 13px; line-height: 15px; padding: 12px 100px 12px 0; position: relative;}
article.post footer .more {position: absolute; top: 13px; right: 0; font-size: 16px;}
article.post footer .separator {display: inline-block; height: 20px; width: 1px; background: #eae9e9; margin: 0 5px; vertical-align: middle;}

div.widget {background: #fff; font-size: 14px; line-height: 20px;}
div.widget .widget-title {padding: 5px 20px; font-size: 17px; font-weight: bold; color: #fff; background: #017074;}
div.widget .body {padding: 15px 20px;}

div.widget_categories ul {margin: 0; padding: 0; list-style-type: none;}

.search-results .entry-title {margin: 0 0 5px 0;}
.search-results .result {margin: 0 0 30px 0;}

.recent-posts-block {font-size: 14px; line-height: 20px; color: #717070;}
.recent-posts-block .post .title {font-size: 17px; line-height: 22px; color: #000;}
.recent-posts-block .post .title a {color: #000;}
.recent-posts-block .post p:last-of-type {margin: 0;}
.recent-posts-block .authorsure-author-box {display: none;}

/**
 * JobMonkeyJobs
 */
#jobs-banner {background: #3c3c3c; padding: 0;}
#jobs-banner .panels {margin-top: -50px; transition: 0.25s ease;}
#jobs-banner .default-panel {position: relative; padding: 15px 0;}
#jobs-banner .nav {margin: 0; padding: 0; list-style-type: none; font-size: 15px; line-height: 20px; font-weight: bold; text-transform: uppercase;}
#jobs-banner .nav li {display: inline-block; margin: 0 30px 0 0;}
#jobs-banner .nav a {color: #e5a319;}
#jobs-banner .nav a:hover {color: #fff;}
#jobs-banner .login-panel {position: relative; padding: 6px 0;}
#jobs-banner .login-panel label {font-size: 15px; line-height: normal; font-weight: bold; text-transform: uppercase; color: #e5a319; vertical-align: middle;}
#jobs-banner .login-panel .fields {display: inline-block; vertical-align: middle; margin: 0 0 0 10px;}
#jobs-banner .login-panel .fields .field {float: left; margin: 0 10px 0 0;}
#jobs-banner .login-panel .links {margin: 0; padding: 0; list-style-type: none; display: inline-block; font-size: 14px; color: #f4f4f4; vertical-align: middle;}
#jobs-banner .login-panel .links li {display: inline-block;}
#jobs-banner .login-panel .links li:after {content: "|";}
#jobs-banner .login-panel .links li:last-child:after {content: "";}
#jobs-banner .login-panel .links li a {margin: 0 10px 0 5px;}
#jobs-banner .login-panel .links li a:hover {color: #fff;}
#jobs-banner .login-panel input {max-width: 230px;}
#jobs-banner form {display: block; padding: 0; float: none; height: auto;}
#jobs-banner a {color: #f4f4f4;}
#jobs-banner .user-links {display: none;}
#jobs-banner .user-links .welcome {right: 280px; margin: 0; width: auto; color: #f4f4f4; top: 14px;}
#jobs-banner #user-menu {margin: 0 !important; padding: 0; list-style-type: none; font-size: 14px; color: #f4f4f4;}
#jobs-banner #user-menu > li:first-child > a {margin-left: 0;}
#jobs-banner #user-menu > li {display: inline-block; position: relative;}
#jobs-banner #user-menu > li:after {position: absolute; content: ""; top: 6px; right: 0; width: 1px; height: 14px; background: #f4f4f4;}
#jobs-banner #user-menu > li:last-child:after,
#jobs-banner #user-menu > li:nth-last-child(2):after {display: none;}
#jobs-banner #user-menu > li > a {margin: 0 10px 0 12px; display: inline-block !important; padding-right: 0;}
#jobs-banner #user-menu > li > a:hover {color: #fff;}
#jobs-banner #user-menu ul {padding: 5px 15px;}
#jobs-banner #user-menu .linkSubMenu {margin-bottom: 0;}
#jobs-banner .user-toggle {position: absolute; top: 9px; right: 0;}
#jobs-banner .user-toggle a {color: #333;}
#jobs-banner .user-toggle .inactive a {color: #999;}

.login#jobs-banner .panels {margin-top: 0; margin-bottom: -50px;}

.holder_logged #jobs-banner > div {overflow: visible;}
.holder_logged #jobs-banner .nav,
.holder_logged #jobs-banner .login-panel {display: none;}
.holder_logged #jobs-banner .panels {margin-top: 0;}
.holder_logged #jobs-banner .user-links {display: block;}

#holder {width: 100%;}

#header .logo {display: block; padding: 0; float: none;}
#header .search {padding: 0; height: auto; background: transparent; margin: 0;}
#header .search form {padding: 0;}

#footer .logo {display: block; padding: 0; float: none;}

.social li {width: auto;}

.job-search-block .search {background: none; padding: 0; height: auto; margin: 0;}
.job-search-block .search form {padding: 0;}
.job-search-block .search .adv-s {top: auto; bottom: -29px; font-size: 14px;}

.browse-jobs-block ul,
.featured-jobs-block ul,
.latest-jobs-block ul {margin: 0 0 20px 0; padding: 0; list-style-type: none; font-size: 14px; line-height: 20px;}
.browse-jobs-block li,
.featured-jobs-block li,
.latest-jobs-block li {margin: 0 0 2px 0;}

.d .cent,
.holder_inner .content,
td {background: none !important;}

.titleBox,
.title_box,
.job-search-block .search h1 {color: #222; font-size: 30px; line-height: 32px; margin: 0 0 20px; font-weight: normal; padding: 0; background: none; text-transform: capitalize;}

.three-column-layout > div > div {float: left; margin-left: -280px; position: relative; right: 100%; width: 200%;}
.three-column-layout > div > div > div {float: left; left: 560px; margin-left: -50%; position: relative; width: 100%;}
.three-column-layout .content-center-wrapper {float: left; position: relative; right: 280px; width: 50%;}
.three-column-layout .content-center {left: 200%; margin: 0 280px; overflow: hidden; position: relative;}
.three-column-layout .left-sidebar {float: right; padding: 0 20px 0 0; position: relative; width: 280px;}
.three-column-layout .right-sidebar {float: right; left: 50%; margin: 0; padding: 0 0 0 20px; position: relative; width: 280px;}

h1.blue_bg {background: none; font-family: 'Open Sans', Arial, Verdana, sans-serif; font-size: 36px; font-weight: bold; line-height: 40px; margin: 0 0 20px; padding: 0; color: #000;}

.popupForm {border: solid 1px #333; box-shadow: 0 0 20px rgba(0,0,0,0.2);}

.comtab,
.comtab_sm {background: none; top: auto; height: auto; font-size: 15px; font-weight: bold; line-height: 19px; min-height: 37px; margin: 0 0 20px 0;}
.comtab .tabPopup,
.comtab_sm .tabPopup {background: none; margin: 0 10px 0 0; padding: 8px 10px; width: auto; color: #999; text-transform: uppercase; background-color: #cecfce; border-radius: 5px; border: solid 1px #dfdfdf; background-image: -webkit-linear-gradient(bottom, #b0b0b0, #fff); background-image: -moz-linear-gradient(bottom, #b0b0b0, #fff); background-image: -o-linear-gradient(bottom, #b0b0b0, #fff); background-image: -ms-linear-gradient(bottom, #b0b0b0, #fff); background-image: linear-gradient(to top, #b0b0b0, #fff); text-decoration: none; transition: 0.25s ease;}
.comtab .tabPopup:hover,
.comtab_sm .tabPopup:hover,
.popupForm .comtab .actTab,
.popupForm .comtab_sm .actTab {color: #3c3c3c; border-color: transparent; background-color: #cecfce; background-image: -webkit-linear-gradient(bottom, #eb9b12, #fcbe30); background-image: -moz-linear-gradient(bottom, #eb9b12, #fcbe30); background-image: -o-linear-gradient(bottom, #eb9b12, #fcbe30); background-image: -ms-linear-gradient(bottom, #eb9b12, #fcbe30); background-image: linear-gradient(to top, #eb9b12, #fcbe30);}

.registrationPopup {padding: 0; border-width: 0; font-size: 15px; line-height: 19px; color: #525252;}

.but_st {background: none; padding: 0;}
.but_st input,
.holder_inner #pngFix {background: #03586a; height: auto; font-family: 'Open Sans', Arial, Verdana, sans-serif; font-size: 18px; font-weight: bold; color: #fff; border-width: 0; border-radius: 5px; display: inline-block; padding: 5px 10px;}

.user-toggle {padding: 5px 15px; font-size: 15px; font-weight: bold; line-height: 15px; color: #333; text-transform: uppercase; border-radius: 5px; background-color: #cecfce; border: solid 1px #dfdfdf; background-image: -webkit-linear-gradient(bottom, #b0b0b0, #fff); background-image: -moz-linear-gradient(bottom, #b0b0b0, #fff); background-image: -o-linear-gradient(bottom, #b0b0b0, #fff); background-image: -ms-linear-gradient(bottom, #b0b0b0, #fff); background-image: linear-gradient(to top, #b0b0b0, #fff);}
.user-toggle a {color: #333; text-decoration: none;}
.user-toggle .label {display: inline-block; vertical-align: middle;}
.user-toggle .toggle {width: 40px; display: inline-block; vertical-align: middle; margin: 0 10px;}
.user-toggle .toggle-slide {border-radius: 14px; background-color: #cecfce; background-image: -webkit-linear-gradient(top, #eb9b12, #fcbe30); background-image: -moz-linear-gradient(top, #eb9b12, #fcbe30); background-image: -o-linear-gradient(top, #eb9b12, #fcbe30); background-image: -ms-linear-gradient(top, #eb9b12, #fcbe30); background-image: linear-gradient(to bottom, #eb9b12, #fcbe30);}
.user-toggle .toggle-blob {width: 22px; height: 22px; border-radius: 11px; background-color: #cecfce; -webkit-box-shadow: 0 1px 3px rgba(0,0,1,.3); -moz-box-shadow: 0 1px 3px rgba(0,0,1,.3); box-shadow: 0 1px 3px rgba(0,0,1,.3); background-image: -webkit-linear-gradient(bottom, #d0cece, #fff); background-image: -moz-linear-gradient(bottom, #d0cece, #fff); background-image: -o-linear-gradient(bottom, #d0cece, #fff); background-image: -ms-linear-gradient(bottom, #d0cece, #fff); background-image: linear-gradient(to top, #d0cece, #fff);}

.adv-s {position: static; top: auto; left: auto; right: auto; bottom: auto;}

.job-search-block .search-wrapper {float: left;}
.job-search-block .jobs-slideshow {float: right; margin: 0 0 0 20px; max-width: 300px;}
.job-search-block .jobs-slideshow ul {margin: 0; padding: 0; list-style-type: none;}

/**
 * Forms
 */
form.form {width: 100%;}
form.form .row {padding: 0 0 5px 0;}
form.form .label {float: left; width: 90px;}
form.form .field {float: left; width: 190px;}

input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"],
select,
textarea {width: 100%; border: solid 1px #dedede; font-family: 'Open Sans', Arial, Verdana, sans-serif; font-size: 15px; color: #525252; padding: 8px; background: #fff; box-shadow: none;}

input[type="submit"] {cursor: pointer; border-radius: 0; border-width: 0; font-family: 'Open Sans', Arial, Verdana, sans-serif; font-size: 18px; font-weight: bold; color: #fff; background: #03586a; border-radius: 5px; padding: 5px 10px;}

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

	#header .search {top: 64px; right: 20px;}
	#header .social {top: 116px;}

	.photo-grid > div {width: 50%;}

	.category-grid > div {width: 50%;}

	.logo_vacancy {position: relative; right: auto; text-align: left; margin: 0 0 20px 0;}

}

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

	#header nav {right: 10px;}
	#header nav > ul > li > a {padding: 0 10px;}

	#footer .nav {width: 500px;}

}

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

	#header nav > ul > li > a {padding: 0 6px;}

	.three-column-layout .content-center {margin-right: 0;}
	.three-column-layout .left-sidebar,
	.three-column-layout .right-sidebar {clear: right;}
	.three-column-layout .right-sidebar {left: 0; padding: 0 20px 0 0;}

}

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

	#header:after,
	#header > div:after {display: none;}
	#header > div {min-height: 85px; background: none;}
	#header .logo {display: none;}
	#header .logo-sml {display: block;}
	#header nav,
	#header .search,
	#header .social {display: none;}
	#header .search {position: relative; top: auto; left: auto; background: #7d8f4c; padding: 10px 20px; right: auto; text-align: center;}
	#header .toggle-menu,
	#header .toggle-search {display: block;}

	#footer .nav {float: none; width: 100%; margin: 0 0 20px 0;}
	#footer .logo-wrapper {position: relative; top: auto; left: auto; width: 322px; margin: 0 auto;}

	.content-left-layout > .content,
	.content-left-layout > .content > div,
	.content-left-layout > aside {float: none; width: 100%; margin: 0;}
	.content-left-layout > .content {margin: 0 0 40px 0;}

	.photo-grid > div {width: 33.3333%;}

	.category-grid > div {width: 33.3333%;}

}

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

	#newsletter-banner .label {display: block; margin: 0 0 10px 0;}

	.photo-grid > div {width: 50%;}

	.category-grid > div {width: 50%;}

}

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

	#header .search input[type="text"],
	#header .search select,
	#header .search input[type="submit"] {display: block; width: 100%;}
	#header .search input[type="text"],
	#header .search select {margin: 0 0 5px 0;}

	#main-slideshow a {position: relative;}
	#main-slideshow .caption {position: relative; background: #222;}

	.three-column-layout > div > div,
	.three-column-layout > div > div > div,
	.three-column-layout .content-center-wrapper,
	.three-column-layout .content-center {float: none; left: auto; margin: 0; right: auto; width: 100%;}
	.three-column-layout .left-sidebar {padding: 0; width: 50%; float: left;}
	.three-column-layout .right-sidebar {left: 0; padding: 0 0 0 20px; float: right; width: 50%;}

}

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

	#footer .logo-wrapper {width: 280px;}
	#footer .logo-wrapper .address {top: 71px; left: 142px;}
	#footer .nav {text-align: center;}
	#footer .nav > div {float: none; width: 100%; padding: 0;}
	#footer .nav > div {margin: 0 0 20px 0;}

	#newsletter-banner input[type="email"] {display: block; margin: 0 auto 10px auto;}

	#main-slideshow .flex-direction-nav {top: 30%;}

	.photo-grid {margin: 0;}
	.photo-grid > div {float: none; width: 100%; padding: 0 0 20px 0;}

	.category-grid {margin: 0;}
	.category-grid > div {float: none; width: 100%; padding: 0 0 20px 0;}

	.three-column-layout .left-sidebar,
	.three-column-layout .right-sidebar {float: none; width: 100%; padding: 0;}

}

@media only screen and (max-width: 56.25em) { /* 900px */
}

@media only screen and (max-width: 53.125em) { /* 850px */
}

@media only screen and (max-width: 50em) { /* 800px */
}

@media only screen and (max-width: 46.875em) { /* 750px */
}

@media only screen and (max-width: 43.75em) { /* 700px */
}

@media only screen and (max-width: 40.625em) { /* 650px */
}

@media only screen and (max-width: 37.5em) { /* 600px */
}

@media only screen and (max-width: 34.375em) { /* 550px */
}

@media only screen and (max-width: 31.25em) { /* 500px */
}

@media only screen and (max-width: 28.125em) { /* 450px */
}

@media only screen and (max-width: 25em) { /* 400px */
}

@media only screen and (max-width: 21.875em) { /* 350px */
}

@media only screen and (max-width: 18.75em) { /* 300px */
}
