@charset "UTF-8";
/*!  Simpson Dean Public Stylesheet (c) 2022 Simpson Dean. Author: Kris Noble (www.simianstudios.com) SCSS: /css/public.scss */
* { padding: 0; margin: 0; box-sizing: border-box; }

html { font-size: 18px; font-family: "Open Sans", "Helvetica Neue", Arial, sans-serif; background-color: white; color: #000; }

body { width: 100%; margin: 0 auto; background-color: white; }

.container { width: 100%; padding: 0 10%; }

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

#flash, .flash { padding: 10px 10px 10px 36px; background: #eee url(admin/information.png) 10px center no-repeat; color: #000; margin-bottom: 10px; font-size: 1em !important; }

#flash.success, .flash.success { background-image: url(admin/accept.png); background-color: #185; color: white; }

#flash.failure, .flash.failure { background-image: url(admin/exclamation.png); background-color: #c00; color: white; }

.container #flash, .container .flash { margin-top: 40px; }

h1 { font-size: 2em; margin-bottom: 20px; }

h2 { font-size: 1.5em; margin-bottom: 15px; }

h3 { font-size: 1.2em; margin-bottom: 10px; }

h1, h2, h3:not(:first-child) { color: #185; }

article > h3:last-child, .container > h3:last-child, h3.last { color: #999; font-weight: normal; font-size: 1.1em; }

article h1 + h3, article .container:first-of-type h3:first-child { color: black !important; margin-bottom: 1.3em; line-height: 1.3em; }

.error-general main h1 { width: 100%; }

fieldset { border: none; }

legend { font-size: 2em; font-weight: bold; }

label, input, select, textarea { display: block; }

label { margin-bottom: 3px; line-height: 1.3em; }

input, textarea, select { padding: 5px; margin-bottom: 20px; width: 33.33%; font-size: 1em; background: #fff; border: 1px solid #ccc; border-radius: 5px; font-family: "Open Sans", "Helvetica Neue", Arial, sans-serif; }

input:focus, textarea:focus, select:focus { background-color: #fff; border-color: #666; outline: none; }

input[type=file] { border: none; background: none; padding: 5px 0; line-height: 0; vertical-align: middle; }

.consent { margin-top: 1.3em; margin-bottom: 1.3em; }

.consent p { font-size: 0.8em !important; margin-bottom: 10px !important; }

.consent label, .consent input { display: inline; width: auto; margin: 0; }

.consent label { margin-right: 20px; }

#recruitment-consent { display: none; }

#contact-cv-label { margin-bottom: 0; }

input[type=submit], .button { display: inline-block; font-size: 1.5em; font-weight: normal; padding: 20px 30px; text-decoration: none; background: #185; border-radius: 5px; position: relative; color: #fff; width: auto; min-width: 0; margin: 10px 0; cursor: pointer; border: none; }

input[type=submit]:hover, .button:hover { background: #149f63; outline: none; color: #fff; text-decoration: none; }

input[type=submit]:active, input[type=submit]:focus, .button:active, .button:focus { background: #0e7147; outline: none; color: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

input[type=text], input[type=submit], textarea { -webkit-appearance: none; }

.small_button, .button-small, .delete_button { font-size: 1em; padding: 5px; margin-top: 0; }

.button-medium { font-size: 1.3em; padding: 10px 15px; }

.note { font-size: 0.8em; color: #999; }

p, ul, ol { line-height: 1.3em; margin-bottom: 1.3em; }

.error { font-size: 0.8em; color: #fff; background: #c00; border-radius: 2px; padding: 2px 5px; }

#contact-cv-label .error { display: block; }

img { max-width: 100%; }

html body article.with-content-blocks { padding-left: 0; padding-right: 0; }

html body article.with-content-blocks .container, html body article.with-content-blocks h1 { padding-left: 10%; padding-right: 10%; }

html body article.with-content-blocks.with-sidebar .container { padding-left: 14.2857142857143%; padding-right: 5.71428571428571%; }

#home-test { padding-top: 40px !important; padding-bottom: 40px !important; margin-bottom: 40px; font-size: 1.1em; border: 1px solid #eee; border-left: none; border-right: none; }

#home-test p:last-child { margin-bottom: 0; }

#home-test.dark { background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)) top center no-repeat, url(hero-index.jpg) top center no-repeat, #333; background-size: cover; background-attachment: fixed; color: white; text-shadow: black 0 0 10px; }

#home-test.light { background: linear-gradient(rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.85)) top center no-repeat, url(hero-index.jpg) top center no-repeat; background-size: cover; background-attachment: fixed; color: black; text-shadow: white 0 0 10px; }

.panel, .image-panel { padding-top: 40px !important; padding-bottom: 40px !important; margin-bottom: 40px; font-size: 1.1em; border: 1px solid #eee; border-left: none; border-right: none; background-size: cover; background-attachment: fixed; background-position: center top; background-repeat: no-repeat; color: black; text-shadow: white 0 0 10px; /*.candidates & { //font-size: 1.2em; background-image: linear-gradient(rgba(white, 0.9), rgba(white,0.9)),       url(hero-candidates2.jpg); &.dark { background-image: linear-gradient(rgba(black, 0.6), rgba(black,0.6)),       url(hero-candidates2.jpg); } }*/ }

.panel + .panel, .panel + .image-panel, .image-panel + .panel, .image-panel + .image-panel { margin-top: -40px; }

.panel .plain, .image-panel .plain { background-image: none !important; }

.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .image-panel h1, .image-panel h2, .image-panel h3, .image-panel h4, .image-panel h5, .image-panel h6 { color: black; }

.panel p, .panel ol, .panel ul, .panel li, .image-panel p, .image-panel ol, .image-panel ul, .image-panel li { font-size: 1em !important; }

.panel p:last-child, .panel ol:last-child, .panel ul:last-child, .panel li:last-child, .image-panel p:last-child, .image-panel ol:last-child, .image-panel ul:last-child, .image-panel li:last-child { margin-bottom: 0; }

.panel .button, .image-panel .button { background-color: #333; color: #eee; font-size: 1.1em; text-shadow: none; padding: 20px; }

.panel .button:hover, .image-panel .button:hover { background-color: #444 !important; color: white; }

.panel .button:active, .panel .button:focus, .image-panel .button:active, .image-panel .button:focus { background-color: #000 !important; color: white; }

.panel.dark, .image-panel.dark { color: white; text-shadow: black 0 0 10px; background-color: #333; }

.panel.dark h1, .panel.dark h2, .panel.dark h3, .panel.dark h4, .panel.dark h5, .panel.dark h6, .panel.dark a, .image-panel.dark h1, .image-panel.dark h2, .image-panel.dark h3, .image-panel.dark h4, .image-panel.dark h5, .image-panel.dark h6, .image-panel.dark a { color: white; }

.panel.dark a:hover, .image-panel.dark a:hover { color: #c3e5a5; }

.panel.dark .button, .image-panel.dark .button { background-color: #eee; color: #333; }

.panel.dark .button:hover, .image-panel.dark .button:hover { background-color: white !important; color: #000; }

.panel.dark .button:active, .panel.dark .button:focus, .image-panel.dark .button:active, .image-panel.dark .button:focus { background-color: #ccc !important; color: black; }

.about-us .panel, .about-us .image-panel { font-size: 1.2em; background-image: linear-gradient(rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.85)), url(hero-about-us.jpg); background-position: left bottom; }

.about-us .panel.dark, .about-us .image-panel.dark { background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(hero-about-us.jpg); }

.our-values .panel, .our-values .image-panel { font-size: 1.2em; background-image: linear-gradient(rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.85)), url(hero-our-values.jpg); }

.our-values .panel.dark, .our-values .image-panel.dark { background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(hero-our-values.jpg); }

.panel#build-relationships-wrapper, .image-panel#build-relationships-wrapper { background-image: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url(panel-relationships.jpg); background-position: left top; }

.panel#build-relationships-wrapper.dark, .image-panel#build-relationships-wrapper.dark { background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(panel-relationships.jpg); }

.candidates .panel, .candidates .image-panel { font-size: 1.2em; background-image: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url(hero-candidates.jpg); }

.candidates .panel.dark, .candidates .image-panel.dark { background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(hero-candidates.jpg); }

.candidates .panel blockquote, .candidates .image-panel blockquote { border-color: #185; margin-bottom: 0; }

.panel#keeping-in-touch, .image-panel#keeping-in-touch { background-position: right center; font-size: 1.2em; border: none; background-image: linear-gradient(rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.85)), url(panel-keeping-in-touch.jpg); }

.panel#keeping-in-touch.dark, .image-panel#keeping-in-touch.dark { background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(panel-keeping-in-touch.jpg); }

.panel#travel-club, .image-panel#travel-club { background-position: right center; font-size: 1.2em; background-image: linear-gradient(rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.85)), url(hero-travel-club.jpg); border: none !important; }

.panel#travel-club.dark, .image-panel#travel-club.dark { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(hero-travel-club.jpg); }

.panel#home-employers, .panel#office-employers, .panel#industrial-employers, .panel#temp-employers, .panel#perm-employers, .image-panel#home-employers, .image-panel#office-employers, .image-panel#industrial-employers, .image-panel#temp-employers, .image-panel#perm-employers { border-bottom: none; background-position: center top; background-image: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url(hero-employers.jpg); }

.panel#home-employers.dark, .panel#office-employers.dark, .panel#industrial-employers.dark, .panel#temp-employers.dark, .panel#perm-employers.dark, .image-panel#home-employers.dark, .image-panel#office-employers.dark, .image-panel#industrial-employers.dark, .image-panel#temp-employers.dark, .image-panel#perm-employers.dark { background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(hero-employers.jpg); }

html body .panel#perm-employers, html body .image-panel#perm-employers { margin-bottom: 40px; }

.panel#home-candidates, .panel#vacancies-candidates, .panel#office-candidates, .panel#industrial-candidates, .panel#temp-candidates, .panel#perm-candidates, .image-panel#home-candidates, .image-panel#vacancies-candidates, .image-panel#office-candidates, .image-panel#industrial-candidates, .image-panel#temp-candidates, .image-panel#perm-candidates { background-position: center top; background-image: linear-gradient(rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.85)), url(hero-candidates.jpg); }

.panel#home-candidates.dark, .panel#vacancies-candidates.dark, .panel#office-candidates.dark, .panel#industrial-candidates.dark, .panel#temp-candidates.dark, .panel#perm-candidates.dark, .image-panel#home-candidates.dark, .image-panel#vacancies-candidates.dark, .image-panel#office-candidates.dark, .image-panel#industrial-candidates.dark, .image-panel#temp-candidates.dark, .image-panel#perm-candidates.dark { background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(hero-candidates.jpg); }

html body .panel#perm-candidates, html body .image-panel#perm-candidates { margin-bottom: 0; }

.belbin-team-analysis .panel, .belbin-team-analysis .image-panel { background-image: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url(hero-belbin-team-analysis.jpg); }

.belbin-team-analysis .panel.dark, .belbin-team-analysis .image-panel.dark { background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(hero-belbin-team-analysis.jpg); }

.community-projects .panel, .community-projects .image-panel { font-size: 1.2em; background-image: linear-gradient(rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0.92)), url(hero-community-projects.jpg); }

.community-projects .panel.dark, .community-projects .image-panel.dark { background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(hero-community-projects.jpg); }

.panel#recruiters, .image-panel#recruiters { font-size: 1.1em; background-image: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url(panel-recruiters.jpg); }

.panel#recruiters.dark, .image-panel#recruiters.dark { background-image: linear-gradient(rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65)), url(panel-recruiters.jpg); }

@supports (-webkit-touch-callout: default) { html body #home-test, html body .panel { background-attachment: scroll !important; } }

::selection { background: rgba(17, 136, 85, 0.99); color: white; text-shadow: none; }

#logo ::selection { background: rgba(17, 136, 85, 0.5); }

.nav ::selection { background: rgba(255, 255, 255, 0.99); color: #185; }

#logo { float: left; max-width: 100%; }

#logo a { display: block; float: left; height: 96px; width: 300px; margin: 0 0 10px 0; border: none; max-width: 100%; }

#logo a img { border: none; width: 300px; max-width: 100%; height: auto; }

header { padding-top: 40px; background-color: white; color: black; position: relative; z-index: 101; }

.social { vertical-align: absmiddle; }

header .social { float: right; margin-bottom: 10px; margin-top: 18px; }

.social a { display: inline-block; width: 48px; height: 48px; text-indent: -99999px; margin-left: 10px; background: top left no-repeat; background-size: cover; }

.social a.icon-facebook { background-image: url(icon-facebook.jpg); }

.social a.icon-linkedin { background-image: url(icon-linkedin.jpg); }

.social a.icon-twitter { background-image: url(icon-twitter.jpg); }

.social a.icon-instagram { background-image: url(icon-instagram.jpg); }

.social a.icon-google { background-image: url(icon-google.jpg); }

.social a:first-child { margin-left: 0; }

footer .social a { width: 32px; height: 32px; }

#phone { float: right; font-size: 1em; text-align: right; line-height: 1.3; vertical-align: absmiddle; margin-right: 50px; margin-top: 8px; }

#phone a { text-decoration: none; }

.nav { background: #185; clear: both; margin-bottom: 0; font-size: 0.9em; }

.nav ul { margin-bottom: 0; margin-left: -14px; }

.nav li { display: inline; list-style: none; }

.nav a { text-decoration: none; padding: 20px 14px; display: inline-block; color: #fff; }

.nav a:hover { text-decoration: underline; color: #fff; }

li.nav-meet-the-team { display: none; }

.caret { color: #ddd; }

.hover .dropdown-menu { display: block; }

#nav-toggle { display: block; padding: 20px; width: 100%; cursor: pointer; text-align: center; text-decoration: none !important; }

#nav-toggle.active { background: #0e7147; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

body.index .nav li.nav-home, body.vacancies .nav li.nav-vacancies, body.employers .nav li.nav-employers, body.candidates .nav li.nav-candidates, body.belbin-team-analysis .nav li.nav-team-fit, body.about-us .nav li.nav-about-us, body.testimonials .nav li.nav-testimonials, body.redundancy-support-plan .nav li.nav-rsp, body.blog .nav li.nav-blog, body.meet-the-team .nav li.nav-meet-the-team, body.contact-us .nav li.nav-contact-us { font-weight: bold; }

#nav-float { position: fixed; top: 0; left: 0; right: 0; display: none; z-index: 102; background: #185; font-size: 0.9em; }

#nav-float a { text-decoration: none; padding: 20px 14px; display: inline-block; color: #fff; }

#nav-float a:hover { text-decoration: underline; color: #fff; }

#nav-float .container { display: flex; justify-content: space-between; }

#nav-float #top-link { padding: 20px; padding-left: 0; flex: 1 1 main-size; }

#nav-float .social { margin-top: 14px; flex: 0 1 main-size; }

#nav-float .social a { padding: 0; width: 32px; height: 32px; }

#float-phone { padding: 20px 0; text-align: center; color: white; flex: 0 1 main-size; }

#float-phone a { padding: 0; }

#float-phone span { display: inline; margin-right: 20px; }

#float-phone span:last-child { margin-right: 0; }

@media only screen and (max-width: 1240px) { #nav-float .social { margin-top: 20px; } #float-phone { text-align: right; } #float-phone span { display: block; margin-right: 0; } }

@media only screen and (max-width: 580px) { #nav-float .social { display: none; } }

@media only screen and (max-width: 400px) { #top-link { width: 100%; text-align: center; } #float-phone { display: none; } }

footer { padding-top: 60px; padding-bottom: 100px; color: rgba(255, 255, 255, 0.8); background-color: #09442b; }

footer p { margin-bottom: 0.33em; }

footer small { font-size: 0.8em; }

footer a { color: rgba(255, 255, 255, 0.6); white-space: nowrap; }

footer a:hover { color: rgba(255, 255, 255, 0.75); }

footer a:active, footer a:focus { color: white; }

main { display: flex; flex-flow: row wrap; justify-content: space-between; border-radius: 0; }

main > article { width: 100%; background: #fff; border-radius: 0; padding: 40px; }

main article.with-sidebar { flex: 1 1 main-size; width: 70%; border-radius: 0; padding: 40px; }

article.vacancy { border-radius: 0; }

.sidebar { flex: 1 1 main-size; width: 30%; font-size: 0.9rem; background: #eafcda; padding: 40px 4%; border-radius: 0; }

html body .page, html body .vacancy, html body #vacancy-contact, html body .blog-listing, html body .blog-single { padding: 40px 10%; }

html body .page.with-sidebar, html body .vacancy.with-sidebar, html body #vacancy-contact.with-sidebar, html body .blog-listing.with-sidebar, html body .blog-single.with-sidebar { padding-right: 4%; }

.assistive-text { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.assistive-text:focus { clip: auto; height: auto; width: auto; padding: 10px; background: white; border: 5px solid #185; color: #185; outline: none; }

p, ul { margin-bottom: 1.3em; line-height: 1.3em; }

.page p:first-of-type, .home-page div:first-child p:first-of-type, .blog-single p:nth-of-type(2) { font-size: 1.2em; }

.page p:nth-of-type(2), .home-page div:first-child p:nth-of-type(2), .blog-single p:nth-of-type(3) { font-size: 1.1em; }

.our-values main .container:first-of-type p { font-size: 1.2em; }

.with-content-blocks .container:not(:first-of-type) p { font-size: 1em; }

li p, blockquote p { font-size: 1em !important; }

.page li, .home-page li { margin-bottom: 1.3em; margin-left: 1.3em; }

.page table li, .home-page table li { margin-bottom: 0; margin-left: 0; }

a { color: #666; color: rgba(0, 0, 0, 0.66); }

a:hover { color: #000; }

table { border: 1px solid #185; }

tr:nth-of-type(2n+2) td { background-color: #eafcda; }

th, td { padding: 20px 10px; border: 0; margin: 0; }

th { text-align: left; background-color: #185; color: white; }

td { background-color: #fff; vertical-align: top; }

td a { text-decoration: none; }

#vacancy-list { margin-bottom: 40px; width: 100%; }

#vacancy-list:last-child { margin-bottom: 0; }

.vacancies #vacancy-list { margin-bottom: 40px; }

.vacancy-details { width: 44%; float: right; margin: 0 0 40px 40px; }

.vacancy-details-link { white-space: nowrap; }

.vacancy-details-link span { display: none; }

.vacancy-details-table { border-radius: 5px; width: 100%; }

.vacancy-details-table td { background-color: #eafcda !important; padding: 10px; }

.vacancy-details-table tr:first-child td:first-child { border-radius: 4px 0 0 0; }

.vacancy-details-table tr:first-child td:last-child { border-radius: 0 4px 0 0; }

.vacancy-details-table tr:last-child td:first-child { border-radius: 0 0 0 4px; }

.vacancy-details-table tr:last-child td:last-child { border-radius: 0 0 4px 0; }

.vacancy-details-table .field-title { background-color: #185 !important; color: #fff; }

.vacancy-video { width: 100%; max-width: 800px; margin: 0 auto; margin-bottom: 40px; }

.vacancy-video .video-embed { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }

.vacancy-video .video-embed iframe, .vacancy-video .video-embed object, .vacancy-video .video-embed embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#vacancy-contact { padding: 40px 10%; width: 100%; background: #eafcda; border-radius: 0 0 5px 5px; }

#vacancy-contact input, #vacancy-contact textarea { border-color: #c3e5a5; }

.sector-list { list-style: none; margin-bottom: 0; }

td.no-results { padding: 20px 15%; text-align: left; }

form { width: 80%; margin: 0 auto; }

.with-sidebar form { width: 100%; }

fieldset { border-bottom: none; box-shadow: none; }

input, textarea { width: 100%; font-family: "Open Sans", "Helvetica Neue", Arial, sans-serif; border-color: #ccc; border-color: rgba(0, 0, 0, 0.2); }

textarea { height: 200px; }

.note { color: #788882; }

img#team { display: block; float: right; margin: 0 0 40px 40px; }

blockquote { display: block; position: relative; width: 80%; margin: 0 auto; margin-bottom: 40px; padding: 40px; border-left: 10px solid #185; border-radius: 0; font-style: italic; }

blockquote footer { margin-top: 10px; padding-top: 0; background: transparent !important; padding-bottom: 0; }

blockquote footer a { color: #000; }

blockquote cite { font-style: normal; color: #185; }

.sidebar blockquote { padding: 20px; width: 100%; margin-left: 0; margin-right: 0; border-width: 10px; }

.testimonials blockquote { width: 80%; }

.testimonials blockquote:nth-of-type(2n) { margin-left: 20%; }

.testimonials blockquote:nth-of-type(2n+1) { margin-right: 20%; }

.blog-post { overflow: hidden; }

.blog-post img { margin-bottom: 20px; }

.blog-post h2 a { text-decoration: none; }

.blog-months li { list-style: none; margin-left: 20px; }

.blog-months li a { text-decoration: none; }

.time { margin: 20px 0 40px 0; font-size: 0.9em; color: #788882; }

.blog-list li { list-style: none; width: 100%; margin-bottom: 80px; }

.blog-list li h2 { line-height: 1; }

.blog-list li img { width: 33%; float: right; margin: 0 0 40px 40px; }

.blog-list li p { margin-bottom: 0; }

.read-more { white-space: nowrap; }

.blog-content-img { width: 50%; float: right; margin: 0 0 40px 40px; }

.paginator { color: #ccc; }

.paginator a { background: #185; color: white; padding: 10px; border-radius: 5px; text-decoration: none; }

.paginator a:hover { background: #149f63; }

.paginator a:focus, .paginator a:active { background: #0e7147; }

h3.after-blog { margin-top: 100px; border-top: 1px solid #ddd; padding-top: 20px; }

.team-list li { list-style: none; width: 28%; margin-right: 8%; display: inline-block; margin-bottom: 80px; vertical-align: top; }

.team-list li:nth-of-type(3n) { margin-right: 0; }

.team-list h2 a { text-decoration: none; line-height: 1.1; }

.team-image { width: 317px; max-width: 33%; float: right; margin: 0 0 80px 80px; }

.contact-us .sidebar p { margin-bottom: 0; }

.contact-us .sidebar span { white-space: nowrap; }

.contact-us .sidebar address { font-style: normal; }

.contact-us .sidebar hr { border: none; border-top: 1px solid #c3e5a5; margin: 20px 0; }

.belbin-form { width: 100%; max-width: 800px; }

.belbin-form fieldset { background: #fafafa; border: 1px solid #eee; border-radius: 5px; padding: 20px; }

.belbin-form label { width: 47.5%; float: left; margin-right: 5%; }

.belbin-form label:nth-of-type(2n) { margin-right: 0; }

@media only screen and (max-width: 900px) { .belbin-form label { width: 100%; margin-right: 0; } }

@media only screen and (max-width: 400px) { .belbin-form label { font-size: 0.8em; } }

.belbin-form input[type="checkbox"] { display: inline-block; width: auto; margin-right: 10px; }

.belbin-form input[type="submit"] { display: block; clear: left; margin: 10px auto; }

#belbin-start, h1.belbin-role { text-align: center; }

h1.belbin-role { font-size: 3em; }

.belbin-result fieldset { background: #fafafa; border: 1px solid #eee; border-radius: 5px; padding: 20px; }

.counter { text-align: center; padding: 10px; }

table#travel-club { margin-bottom: 40px; }

.travel-cta { text-align: center; }

.travel-cta a { font-size: 3em; padding: 40px 60px; }

#direct-debit, #how-to-join { padding: 20px 20px 0 20px; border-radius: 10px; margin-bottom: 40px; }

#direct-debit h2, #how-to-join h2 { color: black; }

#direct-debit { background: #cbecfd; }

#how-to-join { background: #eafcda; }

.latest-jobs-list { margin-top: 30px; }

.latest-jobs-list a { text-decoration: none; }

.latest-jobs-list span { display: block; }

.latest-jobs-list span:first-child { font-weight: bold; color: #000; }

.latest-jobs-list li { list-style: none; margin-bottom: 20px; }

#zoho-candidate-form form, #vacancy-contact form, #gdpr-consent-form form { width: 100%; font-family: "Helvetica Neue", Arial, sans-serif !important; }

#zoho-candidate-form form > p, #vacancy-contact form > p, #gdpr-consent-form form > p { padding-left: 15px !important; }

#zoho-candidate-form input[type="checkbox"] + div, #vacancy-contact input[type="checkbox"] + div, #gdpr-consent-form input[type="checkbox"] + div { width: auto !important; }

#zoho-candidate-form input, #zoho-candidate-form label, #zoho-candidate-form select, #zoho-candidate-form textarea, #zoho-candidate-form .fstElement, #vacancy-contact input, #vacancy-contact label, #vacancy-contact select, #vacancy-contact textarea, #vacancy-contact .fstElement, #gdpr-consent-form input, #gdpr-consent-form label, #gdpr-consent-form select, #gdpr-consent-form textarea, #gdpr-consent-form .fstElement { display: inline; max-width: 100%; margin-left: 0 !important; }

#zoho-candidate-form input[type="text"], #vacancy-contact input[type="text"], #gdpr-consent-form input[type="text"] { border-left: 1px solid #ddd !important; }

#zoho-candidate-form .fstElement, #vacancy-contact .fstElement, #gdpr-consent-form .fstElement { margin-left: -27px !important; }

#zoho-candidate-form input[type="checkbox"], #vacancy-contact input[type="checkbox"], #gdpr-consent-form input[type="checkbox"] { width: auto !important; float: left; }

#zoho-candidate-form input[type="submit"], #vacancy-contact input[type="submit"], #gdpr-consent-form input[type="submit"] { width: auto !important; }

#zoho-candidate-form input[type="reset"], #vacancy-contact input[type="reset"], #gdpr-consent-form input[type="reset"] { display: none !important; }

#vacancy-contact input, #vacancy-contact label { width: 100% !important; }

#vacancy-contact div { width: auto !important; }

#crmWebToEntityForm { width: 100% !important; max-width: 700px; margin: 0 auto; }

input[type=submit] { font-size: 1.5em !important; padding: 20px 30px !important; text-decoration: none; background: #185 !important; border-radius: 5px !important; border: none !important; }

input[type=submit]:hover, .button:hover { background: #149f63 !important; }

input[type=submit]:active, input[type=submit]:focus, .button:active, .button:focus { background: #0e7147 !important; }

input[type=reset] { display: none; }

html body form div.fstChoiceItem { background-color: #185 !important; padding-left: 10px !important; }

.fstSelected { background-color: #eafcda !important; border-color: #eafcda !important; color: black !important; }

.fstResultItem:hover { background-color: #185 !important; border-color: #185 !important; }

.fstResultItemHover { background-color: #185 !important; border-color: #185 !important; }

@media only screen and (max-width: 700px) { #zoho-candidate-form input[type=text], #zoho-candidate-form textarea, #zoho-candidate-form select, #zoho-candidate-form .fstElement, #zoho-candidate-form div { width: 100% !important; margin-left: 0 !important; padding-left: 0 !important; } #zoho-candidate-form .errormsg { margin-left: 0 !important; } #zoho-candidate-form input + div { width: 95% !important; } #zoho-candidate-form input[type="checkbox"] + div { width: 90% !important; } #vacancy-contact input[type=text], #vacancy-contact textarea, #vacancy-contact select, #vacancy-contact .fstElement, #vacancy-contact div { margin-left: 0 !important; padding-left: 0 !important; } #vacancy-contact .errormsg { margin-left: 0 !important; } #vacancy-contact span { margin: 0 !important; width: auto !important; } #vacancy-contact form > p { padding-left: 0 !important; } #vacancy-contact a[id^="theFile"] { margin-left: 20px; } #gdpr-consent-form input[type="checkbox"] + div { width: 95% !important; } }

.ui-datepicker { font-size: 0.9em !important; width: 300px !important; }

.ui-datepicker select { display: inline !important; }

#core-values { list-style: none; margin-left: 0; text-indent: -1.2em; list-style-position: inside; }

#core-values li:before { content: "➤"; display: block; float: left; width: 1.3em; color: rgba(0, 0, 0, 0.375); }

#core-values li:last-child { margin-bottom: 0; }

#find-understand-keep { display: flex; flex-wrap: wrap; justify-content: space-between; flex-flow: row wrap; margin-top: 1em; margin-bottom: 1.3em; }

#find-understand-keep div { padding: 20px; border-radius: 5px; background: #eafcda; }

#find-understand-keep div h5 { font-size: 1em; margin-bottom: 0.66em; }

#find-understand-keep div ul { margin-bottom: 0; }

#find-understand-keep div li { margin-bottom: 0; }

#find-understand-keep div:not(.front):not(.back) { flex: 1 1 fill; width: 32%; font-size: 0.9em; margin-bottom: 1em; }

#find-understand-keep .card { background: none; border: none; padding: 0; margin: 0; }

@media only screen and (max-width: 900px) { #find-understand-keep .card:not(:last-child) { margin-bottom: 2.6em !important; } }

#find-understand-keep .card div.decorative { margin: 0 auto 0.65em auto; height: 200px; width: 100% !important; background-size: cover; background-position: center center; clear: both; border-radius: 0; border: none; }

#find-understand-keep .front { background-color: #eafcda; background-position: top center; background-repeat: no-repeat; background-size: cover; padding: 0; display: flex; align-items: center; border-radius: 5px; }

#find-understand-keep .front .card-title { background: rgba(9, 68, 43, 0.9); color: white; font-weight: bold; font-size: 1.2em; display: block; padding: 20px; width: 100%; text-shadow: 0 0 5px #09442b; }

#find-understand-keep .back { padding: 20px; background: #eafcda; border-radius: 5px; }

@media only screen and (max-width: 900px) { #find-understand-keep .back { padding: 0; background: transparent; border: none; } #find-understand-keep .back h5, #find-understand-keep .back strong { color: #185; } }

#find-understand-keep .card:nth-of-type(1) .front { background-image: linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), url(card-find.jpg); }

#find-understand-keep .card:nth-of-type(2) .front { background-image: linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), url(card-understand.jpg); }

#find-understand-keep .card:nth-of-type(3) .front { background-image: linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), url(card-keep.jpg); }

@media only screen and (max-width: 900px) { #find-understand-keep div:not(.front):not(.back) { width: 49%; flex: 1 1 fill; } #find-understand-keep div:not(.front):not(.back):last-child:nth-child(3) { width: 100%; } }

@media only screen and (max-width: 700px) { #find-understand-keep div:not(.front):not(.back) { width: 100%; } }

#build-relationships-wrapper { /*.card .front { @include card-front-bg('relationships'); background-position: center center; } .card { margin-bottom: 1.3em; }*/ }

#build-relationships { margin-top: 10px; }

#build-relationships li { margin-bottom: 0; }

#focus-on-results { display: flex; flex-wrap: wrap; justify-content: space-between; flex-flow: row wrap; list-style: none; counter-reset: section; margin-top: 1em; }

#focus-on-results li { padding: 0; margin: 0; counter-increment: section; }

#focus-on-results li .card-title::before, #focus-on-results li strong:first-of-type::before { content: counter(section) ". "; font-weight: bold; opacity: 0.66; }

#focus-on-results li { padding: 20px; border-radius: 5px; background: #eafcda; flex: 1 1 fill; width: 32%; font-size: 0.9em; margin-bottom: 1em !important; }

#focus-on-results li ul { margin-bottom: 0; }

#focus-on-results li p { margin-bottom: 0; }

#focus-on-results .card { background: none; border: none; padding: 0; margin: 0; }

@media only screen and (max-width: 900px) { #focus-on-results .card:not(:last-child) { margin-bottom: 2.6em !important; } }

#focus-on-results .card div.decorative { margin: 0 auto 0.65em auto; height: 200px; width: 100% !important; background-size: cover; background-position: center center; clear: both; border-radius: 0; border: none; }

#focus-on-results .front { background-color: #eafcda; background-position: top center; background-repeat: no-repeat; background-size: cover; padding: 0; display: flex; align-items: center; border-radius: 5px; }

#focus-on-results .front .card-title { background: rgba(9, 68, 43, 0.9); color: white; font-weight: bold; font-size: 1.2em; display: block; padding: 20px; width: 100%; text-shadow: 0 0 5px #09442b; }

#focus-on-results .back { padding: 20px; background: #eafcda; border-radius: 5px; }

@media only screen and (max-width: 900px) { #focus-on-results .back { padding: 0; background: transparent; border: none; } #focus-on-results .back h5, #focus-on-results .back strong { color: #185; } }

#focus-on-results .card-title::before { content: counter(section) ". "; font-weight: bold; opacity: 0.33; }

#focus-on-results .card:nth-of-type(1) .front { background-image: linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), url(card-brief.jpg); }

#focus-on-results .card:nth-of-type(2) .front { background-image: linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), url(card-respond.jpg); }

#focus-on-results .card:nth-of-type(3) .front { background-image: linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), url(card-immediate.jpg); }

#focus-on-results .card:nth-of-type(4) .front { background-image: linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), url(card-measure.jpg); }

#focus-on-results .card:nth-of-type(5) .front { background-image: linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), url(card-organise.jpg); }

#focus-on-results .card:nth-of-type(6) .front { background-image: linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), url(card-contract.jpg); }

@media only screen and (max-width: 900px) { #focus-on-results li { width: 49%; flex: 1 1 fill; } #focus-on-results li:last-child:nth-child(3) { width: 100%; } }

@media only screen and (max-width: 700px) { #focus-on-results li { width: 100%; } }

#how-we-can-help { display: flex; flex-wrap: wrap; justify-content: space-between; flex-flow: row wrap; list-style: none; counter-reset: section; margin-top: 1em; }

#how-we-can-help li { padding: 0; margin: 0; counter-increment: section; }

#how-we-can-help li .card-title::before, #how-we-can-help li strong:first-of-type::before { content: counter(section) ". "; font-weight: bold; opacity: 0.66; }

#how-we-can-help li { padding: 20px; border-radius: 5px; background: #eafcda; flex: 1 1 fill; width: 32%; font-size: 0.9em; margin-bottom: 1em !important; }

#how-we-can-help li ul { margin-bottom: 0; }

#how-we-can-help li p { margin-bottom: 0; }

#how-we-can-help .card { background: none; border: none; padding: 0; margin: 0; }

@media only screen and (max-width: 900px) { #how-we-can-help .card:not(:last-child) { margin-bottom: 2.6em !important; } }

#how-we-can-help .card div.decorative { margin: 0 auto 0.65em auto; height: 200px; width: 100% !important; background-size: cover; background-position: center center; clear: both; border-radius: 0; border: none; }

#how-we-can-help .front { background-color: #eafcda; background-position: top center; background-repeat: no-repeat; background-size: cover; padding: 0; display: flex; align-items: center; border-radius: 5px; }

#how-we-can-help .front .card-title { background: rgba(9, 68, 43, 0.9); color: white; font-weight: bold; font-size: 1.2em; display: block; padding: 20px; width: 100%; text-shadow: 0 0 5px #09442b; }

#how-we-can-help .back { padding: 20px; background: #eafcda; border-radius: 5px; }

@media only screen and (max-width: 900px) { #how-we-can-help .back { padding: 0; background: transparent; border: none; } #how-we-can-help .back h5, #how-we-can-help .back strong { color: #185; } }

#how-we-can-help .card-title::before { content: counter(section) ". "; font-weight: bold; opacity: 0.33; }

#how-we-can-help .card:nth-of-type(1) .front { background-image: linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), url(card-analyse.jpg); }

#how-we-can-help .card:nth-of-type(2) .front { background-image: linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), url(card-people.jpg); }

#how-we-can-help .card:nth-of-type(3) .front { background-image: linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), url(card-right-fit.jpg); }

#how-we-can-help .card:nth-of-type(4) .front { background-image: linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), url(card-interview.jpg); }

#how-we-can-help .card:nth-of-type(5) .front { background-image: linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), url(card-fall-into-place.jpg); }

#how-we-can-help .card:nth-of-type(6) .front { background-image: linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), url(card-activity.jpg); }

@media only screen and (max-width: 900px) { #how-we-can-help li { width: 49%; flex: 1 1 fill; } #how-we-can-help li:last-child:nth-child(3) { width: 100%; } }

@media only screen and (max-width: 700px) { #how-we-can-help li { width: 100%; } }

#esp-support { display: flex; flex-wrap: wrap; justify-content: space-between; flex-flow: row wrap; list-style: none; counter-reset: section; margin-top: 1em; }

#esp-support li { padding: 0; margin: 0; counter-increment: section; }

#esp-support li .card-title::before, #esp-support li strong:first-of-type::before { content: counter(section) ". "; font-weight: bold; opacity: 0.66; }

#esp-support li { padding: 20px; border-radius: 5px; background: #eafcda; flex: 1 1 fill; width: 19%; font-size: 0.9em; margin-bottom: 1em !important; }

#esp-support li ul { margin-bottom: 0; }

#esp-support li p { margin-bottom: 0; }

#esp-support .card { background: none; border: none; padding: 0; margin: 0; }

@media only screen and (max-width: 900px) { #esp-support .card:not(:last-child) { margin-bottom: 2.6em !important; } }

#esp-support .card div.decorative { margin: 0 auto 0.65em auto; height: 200px; width: 100% !important; background-size: cover; background-position: center center; clear: both; border-radius: 0; border: none; }

#esp-support .front { background-color: #eafcda; background-position: top center; background-repeat: no-repeat; background-size: cover; padding: 0; display: flex; align-items: center; border-radius: 5px; }

#esp-support .front .card-title { background: rgba(9, 68, 43, 0.9); color: white; font-weight: bold; font-size: 1.2em; display: block; padding: 20px; width: 100%; text-shadow: 0 0 5px #09442b; }

#esp-support .back { padding: 20px; background: #eafcda; border-radius: 5px; }

@media only screen and (max-width: 900px) { #esp-support .back { padding: 0; background: transparent; border: none; } #esp-support .back h5, #esp-support .back strong { color: #185; } }

#esp-support .card-title::before { content: counter(section) ". "; font-weight: bold; opacity: 0.33; }

#esp-support .card:nth-of-type(1) .front { background-image: linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), url(card-wellbeing.jpg); }

#esp-support .card:nth-of-type(2) .front { background-image: linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), url(card-market.jpg); }

#esp-support .card:nth-of-type(3) .front { background-image: linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), url(card-writing.jpg); }

#esp-support .card:nth-of-type(4) .front { background-image: linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), url(card-team-fit.jpg); }

#esp-support .card:nth-of-type(5) .front { background-image: linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), url(card-training.jpg); background-position: center; }

@media only screen and (max-width: 1200px) { #esp-support li { flex: 1 1 fill; width: 32%; font-size: 0.9em; } #esp-support::after { content: ""; width: 32%; } }

@media only screen and (max-width: 900px) { #esp-support li { width: 49%; flex: 1 1 fill; } #esp-support li:last-child:nth-child(3) { width: 100%; } }

@media only screen and (max-width: 700px) { #esp-support li { width: 100%; } }

.flip-cards { display: flex; flex-wrap: wrap; justify-content: space-between; flex-flow: row wrap; margin-top: 1em; margin-bottom: 1.3em; }

.flip-cards div { padding: 20px; border-radius: 5px; background: #eafcda; }

.flip-cards div .title { font-size: 1em; margin-bottom: 0.66em; }

.flip-cards div ul { margin-bottom: 0; }

.flip-cards div li { margin-bottom: 0; }

.flip-cards div:not(.front):not(.back) { flex: 1 1 fill; width: 32%; font-size: 0.9em; margin-bottom: 1em; }

.flip-cards .card { background: none; border: none; padding: 0; margin: 0; }

@media only screen and (max-width: 900px) { .flip-cards .card:not(:last-child) { margin-bottom: 2.6em !important; } }

.flip-cards .card div.decorative { margin: 0 auto 0.65em auto; height: 200px; width: 100% !important; background-size: cover; background-position: center center; clear: both; border-radius: 0; border: none; }

.flip-cards .front { background-color: #eafcda; background-position: top center; background-repeat: no-repeat; background-size: cover; padding: 0; display: flex; align-items: center; border-radius: 5px; }

.flip-cards .front .card-title { background: rgba(9, 68, 43, 0.9); color: white; font-weight: bold; font-size: 1.2em; display: block; padding: 20px; width: 100%; text-shadow: 0 0 5px #09442b; }

.flip-cards .back { padding: 20px; background: #eafcda; border-radius: 5px; }

@media only screen and (max-width: 900px) { .flip-cards .back { padding: 0; background: transparent; border: none; } .flip-cards .back h5, .flip-cards .back strong { color: #185; } }

.flip-cards.two-col div:not(.front):not(.back) { width: 49%; flex: 1 1 fill; }

.flip-cards.two-col div:not(.front):not(.back):last-child:nth-child(3) { width: 100%; }

@media only screen and (max-width: 900px) { .flip-cards div:not(.front):not(.back) { width: 49%; flex: 1 1 fill; } .flip-cards div:not(.front):not(.back):last-child:nth-child(3) { width: 100%; } }

@media only screen and (max-width: 700px) { .flip-cards div:not(.front):not(.back) { width: 100%; } }

.flip-title { font-size: 1em; color: currentColor; }

#home-employers ul li, #home-candidates ul li, #office-employers ul li, #office-candidates ul li, #vacancies-candidates ul li, #industrial-employers ul li, #industrial-candidates ul li, #temp-employers ul li, #temp-candidates ul li, #perm-employers ul li, #perm-candidates ul li { margin-bottom: 0; }

.button-container { display: flex; flex-wrap: wrap; justify-content: space-between; flex-flow: row wrap; }

.button-container div { flex: 1 1 fill; display: flex; justify-content: space-between; flex-direction: column; width: 30%; font-size: 0.9em; position: relative; }

.button-container div p, .button-container div h3, .button-container div ul { flex: 1 1 fill; width: 100%; font-size: 1em !important; }

.button-container.two-col div { width: 47%; }

.button-container.no-buttons { align-items: flex-start; }

.button-container.no-buttons h3 { color: #185; }

@media only screen and (max-width: 900px) { .button-container div { width: 47%; } .button-container div:last-child:nth-child(3) { width: 100%; } }

@media only screen and (max-width: 700px) { .button-container div, .button-container.two-col div { width: 100%; } }

.page { position: relative; }

.hero { width: 100%; position: relative; top: 0; left: 0; right: 0; background: white center top no-repeat; background-attachment: fixed; background-size: cover; z-index: 100; }

.index .hero { background-image: url(hero-index.jpg); }

.our-values .hero { background-image: url(hero-our-values.jpg); }

.about-us .hero { background-image: url(hero-about-us.jpg); }

.candidates .hero { background-image: url(hero-candidates.jpg); }

.employers .hero { background-image: url(hero-employers.jpg); }

.office-staff .hero { background-image: url(hero-office-staff.jpg); }

.belbin-team-analysis .hero { background-image: url(hero-belbin-team-analysis.jpg); }

.blog .hero { background-image: url(hero-blog.jpg); }

.community-projects .hero { background-image: url(hero-community-projects.jpg); }

.industrial-staff .hero { background-image: url(hero-industrial-staff.jpg); }

.temps .hero { background-image: url(hero-temps.jpg); }

.perms .hero { background-image: url(hero-perms.jpg); }

.travel-club .hero { background-image: url(hero-travel-club.jpg); }

.employee-support-plan .hero { background-image: url(https://simpsondeanrecruitment.co.uk/css/hero-employee-support-plan.jpg); }

.redundancy-support-plan .hero { background-image: url(hero-redundancy-support-plan.jpg); }

.candidate-videos .hero { background-image: url(hero-candidate-videos.jpg); }

.about-us .hero, .office-staff .hero, .temps .hero { background-position: left bottom; }

.hero img { width: 100%; max-width: 100%; height: auto !important; opacity: 0; margin: 0; padding: 0; display: block; }

.hero h1 { position: absolute; bottom: -1px; background: white; padding: 30px; margin-bottom: 0; left: 10%; margin-left: -30px; color: #185; border-radius: 5px 5px 0 0; }

.hero .hero-content { position: absolute; bottom: 10%; background: rgba(255, 255, 255, 0.9); border: 5px solid rgba(17, 136, 85, 0.9); padding: 30px; margin-bottom: 0; left: 10%; margin-left: -35px; color: #0b5b39; border-radius: 5px; font-size: 1.5em; max-width: 36%; font-weight: bold; text-shadow: 0 0 5px white; }

.with-hero article h1:first-child { display: none; }

@supports (-webkit-touch-callout: default) { html body .hero { background-image: none !important; }
  html body .hero img { opacity: 1 !important; } }

@media only screen and (max-width: 900px) { .hero { background-image: none !important; } .hero img { opacity: 1; } }

@media only screen and (max-width: 800px) { .hero .hero-content { font-size: 1.1em; left: 2%; margin-left: -5px; max-width: 50%; padding: 3%; } .hero h1 { padding: 30px 4%; left: 1%; margin-left: 0; } }

@media only screen and (max-width: 600px) { .hero img { margin: 0; } .hero h1 { margin-left: 0; max-width: 100%; border: 0; position: static; background: white; margin: 0; padding: 20px 5% 0 5%; } .hero .hero-content { font-size: 1.1em; margin-left: 0; max-width: 100%; border: 0; position: static; background: white; margin: 0; color: #185; font-size: 1.5em; padding: 20px 5% 0 5%; } }

#announcement { background: #eafcda; text-align: center; font-size: 0.9em; border-bottom: 1px solid #ddf4c9; }

#announcement p { padding: 15px; margin: 0; }

#announcement a { display: inline-block; font-size: 1em; font-weight: normal; padding: 5px 10px; text-decoration: none; background: #185; border-radius: 5px; position: relative; color: #fff; width: auto; min-width: 0; cursor: pointer; border: none; }

#announcement a:last-child { margin: 0 20px; }

#announcement a:hover { background: #149f63; outline: none; color: #fff; text-decoration: none; }

#announcement a:active, #announcement a:focus { background: #0e7147; outline: none; color: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

#cookie-consent { background: #333; color: #eee; font-size: 0.9em; position: fixed; bottom: 0; z-index: 99999; display: flex; padding: 30px !important; border-top: 1px solid #000; align-items: center; }

@media only screen and (max-width: 600px) { #cookie-consent { display: block; } }

#cookie-consent div { flex: 1 1 auto; flex-flow: row wrap; justify-content: space-between; }

@media only screen and (max-width: 600px) { #cookie-consent div { width: 100%; } }

#cookie-consent div.info { margin-right: 50px; }

@media only screen and (max-width: 600px) { #cookie-consent div.info { margin-bottom: 20px; } }

#cookie-consent div.buttons { text-align: right; }

#cookie-consent div.buttons a { text-align: center; }

#cookie-consent p { padding: 0; margin: 0; }

#cookie-consent a { color: #aaa; text-decoration: underline; }

#cookie-consent a:hover { color: white; }

#cookie-consent a:focus, #cookie-consent a:active { color: #ccc; }

#cookie-consent a.no { font-weight: bold; white-space: nowrap; text-decoration: none; }

#cookie-consent a.yes { display: inline-block; font-size: 1em; font-weight: normal; padding: 10px; text-decoration: none; background: #185; border-radius: 5px; position: relative; color: #fff; width: auto; min-width: 0; cursor: pointer; border: none; text-align: center; }

#cookie-consent a.yes:hover { background: #149f63; outline: none; color: #fff; text-decoration: none; }

#cookie-consent a.yes:active, #cookie-consent a.yes:focus { background: #0e7147; outline: none; color: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

.zohoEmbed input[type="checkbox"] { display: inline-block; width: auto; margin-right: 10px; }

.zohoEmbed #captchaOld { margin-bottom: 1.3em; }

.zohoEmbed #captchaOld * { display: inline; width: auto; vertical-align: middle; line-height: 1.3em; margin-bottom: 0; }

.zohoEmbed #captchaOld #captchaText { margin-right: 20px; }

.zohoEmbed #relCaptcha { margin-right: 2px; }

.zohoEmbed #captcha-presentation { border-radius: 3px; overflow: hidden; display: inline-block; border: 2px solid #eafcda; background: #eafcda; }

@media only screen and (max-width: 1100px) { table#vacancy-list { font-size: 0.9em; } table#vacancy-list .resp1 { display: none; } }

@media only screen and (max-width: 1175px) { #logo { float: none; } #logo a { float: none; } header .social { clear: left; } #phone { clear: left; float: left; text-align: left; } }

@media only screen and (max-width: 800px) { #team { max-width: 400px; width: 50%; height: auto; } }

@media only screen and (max-width: 800px) { body { width: 100%; } .container { padding: 0 5% !important; } .panel { padding: 40px 5% !important; } html body .page, html body .vacancy, html body #vacancy-contact, html body .blog-listing, html body .blog-single { padding: 40px 5% !important; } html body article.with-content-blocks { padding-left: 0% !important; padding-right: 0% !important; } .nav ul { margin-left: -14px; } .nav, article, .sidebar, footer, #vacancy-contact { border-radius: 0 !important; } .nav-meet-the-team { display: inline !important; } table#vacancy-list .resp2 { display: none; } blockquote { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } html body main article.with-sidebar { width: 100%; padding-left: 5% !important; padding-right: 5% !important; } html body main article.home-page { padding-left: 0 !important; padding-right: 0 !important; } main aside.sidebar { width: 100%; padding-top: 40px; padding-left: 5% !important; padding-right: 5% !important; } form { width: 100%; } .vacancy-details { width: 100%; } }

@media only screen and (max-width: 700px) { .vacancy-details-table { width: 100%; } .vacancy-details-table td { width: 50%; } }

@media only screen and (max-width: 660px) { header .social { margin-top: 26px; } header .social a { height: 32px; width: 32px; } }

@media only screen and (max-width: 600px) { form { width: 100%; } img#team { float: none; margin: 0 auto 40px auto; max-width: 100%; } .team-list li { width: 42%; margin-right: 16%; } .team-list li:nth-of-type(2n) { margin-right: 0; } .team-list li:nth-of-type(3n) { margin-right: 16%; } .nav { padding-left: 0; padding-right: 0; } .nav .container { width: 100%; padding: 0 !important; } .nav ul { margin-left: 0; } .nav ul a { display: block; text-align: center; border-top: 1px solid rgba(255, 255, 255, 0.3); border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .nav ul a:hover { text-decoration: none !important; } .nav ul li:last-of-type a { border-bottom: none; } html body .dropdown-menu { margin: 0 auto; float: none; position: static; background: #0e7147; box-shadow: none; border-radius: 0; border-width: 1px 0 0 0; } html body .dropdown-menu a { color: white; border: none; padding: 10px 0; } html body .dropdown-menu a:hover, html body .dropdown-menu a:active, html body .dropdown-menu a:focus { background-color: transparent; color: white; text-decoration: underline; } table#vacancy-list a::after { content: ' →'; } table#vacancy-list .resp3 { display: none; } img { width: 100%; } img#team { width: auto !important; } .blog-post img { width: 100% !important; margin: 0 0 20px 0 !important; } html body .blog-content-img { width: 100% !important; margin: 40px 0 !important; } .team-list li { width: 100%; margin-right: 0 !important; } .team-image { max-width: 100%; display: block; float: none; margin: 0 auto 80px auto !important; } .vacancy-details-table { font-size: 0.8em; } article.vacancy div[itemprop="description"] li { margin-bottom: 1em; margin-left: 1.1em; } }

@media only screen and (max-width: 570px) { #logo { margin: 0 auto 20px auto; } #logo a { margin: 0 auto; } header .social { float: none; text-align: center; margin-right: 0; } header #phone { float: none; text-align: center; margin-left: 0; margin-right: 0; } table#vacancy-list { font-size: 0.8em; } }

@media only screen and (max-width: 500px) { .travel-cta a { font-size: 2em; } table#travel-club .resp { display: none; } }

.candidate-video form { width: 100%; max-width: 600px; }

.candidate-video form fieldset { min-width: 0; }

.candidate-video form input[type=checkbox] { margin-bottom: 0; }

.candidate-video form .legal { font-size: 0.8rem; }

.candidate-video form label .note { font-size: 0.8rem; display: inline-block; }

.resume-link { margin: 0 auto; }

.resume-preview { width: 320px; max-width: 100%; border: 1px solid #eee; margin: 0 auto; display: inline-block; }

input[type="checkbox"] { display: inline-block; width: auto; margin-right: 0.5em; }

#candidate-contact { margin-bottom: 2em; }

.candidate-video-wrapper { background: #eee; margin-bottom: 40px; }

.candidate-video-wrapper .video-embed { width: 600px; max-width: 100%; margin: 0 auto; }

.candidate-video-wrapper .video-embed div { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }

.candidate-video-wrapper .video-embed div iframe, .candidate-video-wrapper .video-embed div object, .candidate-video-wrapper .video-embed div embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#candidate-video-benefits { margin-bottom: 2em; }

#candidate-video-benefits li { margin-bottom: 0.65em; }

.decorative-image { display: block; margin: 40px auto; max-width: 100%; max-height: 400px; width: auto; }

ul.share li { list-style: none; display: inline-block; margin-left: 0; margin-right: 10px; }

ul.share li a { display: block; padding: 10px 20px 10px 56px; border-radius: 5px; background-position: 0px; background-repeat: no-repeat; background-size: contain; color: white; color: white; text-decoration: none; }

ul.share li .facebook { background-image: url(icon-facebook.jpg); background-color: #3b5998; }

ul.share li .facebook:hover { opacity: 0.9; }

ul.share li .twitter { background-image: url(icon-twitter.jpg); background-color: #55acef; }

ul.share li .twitter:hover { opacity: 0.9; }

ul.share li .linkedin { background-image: url(icon-linkedin.jpg); background-color: #0078b5; }

ul.share li .linkedin:hover { opacity: 0.9; }

/* Bootstrap v3.3.7 (http://getbootstrap.com) Copyright 2011-2017 Twitter, Inc. Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */
/* Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=df3e0e96a17543fa4885f95661c8eb50) Config saved to config.json and https://gist.github.com/df3e0e96a17543fa4885f95661c8eb50 */
[role="button"] { cursor: pointer; }

.caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid \9; border-right: 4px solid transparent; border-left: 4px solid transparent; }

.dropup, .dropdown { position: relative; }

.dropdown-toggle:focus { outline: 0; }

.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 14px; text-align: left; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); -webkit-background-clip: padding-box; background-clip: padding-box; }

.dropdown-menu.pull-right { right: 0; left: auto; }

.dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; }

.dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.42857143; color: #333; white-space: nowrap; }

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { text-decoration: none; color: #262626; background-color: #f5f5f5; }

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #fff; text-decoration: none; outline: 0; background-color: #337ab7; }

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #777; }

.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid: DXImageTransform.Microsoft.gradient(enabled=false); cursor: not-allowed; }

.open > .dropdown-menu { display: block; }

.open > a { outline: 0; }

.dropdown-menu-right { left: auto; right: 0; }

.dropdown-menu-left { left: 0; right: auto; }

.dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857143; color: #777; white-space: nowrap; }

.dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990; }

.pull-right > .dropdown-menu { right: 0; left: auto; }

.dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px dashed; border-bottom: 4px solid \9; content: ""; }

.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; }

@media (min-width: 768px) { .navbar-right .dropdown-menu { left: auto; right: 0; } .navbar-right .dropdown-menu-left { left: 0; right: auto; } }

.clearfix:before, .clearfix:after { content: " "; display: table; }

.clearfix:after { clear: both; }

/* jQuery UI - v1.9.2 - 2013-01-18 http://jqueryui.com Includes: jquery.ui.core.css, jquery.ui.datepicker.css, jquery.ui.slider.css To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px Copyright (c) 2013 jQuery Foundation and other contributors Licensed MIT */
.ui-helper-hidden { display: none; }

.ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }

.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }

.ui-helper-clearfix:after { clear: both; }

.ui-helper-clearfix { zoom: 1; }

.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0); }

.ui-state-disabled { cursor: default !important; }

.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }

.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }

.ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; }

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; }

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }

.ui-datepicker .ui-datepicker-prev { left: 2px; }

.ui-datepicker .ui-datepicker-next { right: 2px; }

.ui-datepicker .ui-datepicker-prev-hover { left: 1px; }

.ui-datepicker .ui-datepicker-next-hover { right: 1px; }

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; }

.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }

.ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; }

.ui-datepicker select.ui-datepicker-month-year { width: 100%; }

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%; }

.ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; }

.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; }

.ui-datepicker td { border: 0; padding: 1px; }

.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }

.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }

.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; }

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; }

.ui-datepicker.ui-datepicker-multi { width: auto; }

.ui-datepicker-multi .ui-datepicker-group { float: left; }

.ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; }

.ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; }

.ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; }

.ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; }

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width: 0; }

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; }

.ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; }

.ui-datepicker-row-break { clear: both; width: 100%; font-size: 0em; }

.ui-datepicker-rtl { direction: rtl; }

.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }

.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }

.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }

.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }

.ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float: right; }

.ui-datepicker-rtl .ui-datepicker-group { float: right; }

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; }

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; }

.ui-datepicker-cover { position: absolute; z-index: -1; filter: mask(); top: -4px; left: -4px; width: 200px; height: 200px; }

.ui-slider { position: relative; text-align: left; }

.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }

.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }

.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }

.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }

.ui-slider-horizontal .ui-slider-range-min { left: 0; }

.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }

.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }

.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }

.ui-slider-vertical .ui-slider-range-min { bottom: 0; }

.ui-slider-vertical .ui-slider-range-max { top: 0; }

.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; }

.ui-widget .ui-widget { font-size: 1em; }

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }

.ui-widget-content { border: 1px solid #aaa; background: #fff url(smoothness/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222; }

.ui-widget-content a { color: #222; }

.ui-widget-header { border: 1px solid #aaa; background: #ccc url(smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222; font-weight: bold; }

.ui-widget-header a { color: #222; }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555; }

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555; text-decoration: none; }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999; background: #dadada url(smoothness/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #212121; text-decoration: none; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaa; background: #fff url(smoothness/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #fcefa1; background: #fbf9ee url(smoothness/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; }

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #363636; }

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #fef1ec url(smoothness/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter: Alpha(Opacity=70); font-weight: normal; }

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter: Alpha(Opacity=35); background-image: none; }

.ui-state-disabled .ui-icon { filter: Alpha(Opacity=35); }

.ui-icon { width: 16px; height: 16px; background-image: url(smoothness/images/ui-icons_222222_256x240.png); }

.ui-widget-content .ui-icon { background-image: url(smoothness/images/ui-icons_222222_256x240.png); }

.ui-widget-header .ui-icon { background-image: url(smoothness/images/ui-icons_222222_256x240.png); }

.ui-state-default .ui-icon { background-image: url(smoothness/images/ui-icons_888888_256x240.png); }

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url(smoothness/images/ui-icons_454545_256x240.png); }

.ui-state-active .ui-icon { background-image: url(smoothness/images/ui-icons_454545_256x240.png); }

.ui-state-highlight .ui-icon { background-image: url(smoothness/images/ui-icons_2e83ff_256x240.png); }

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url(smoothness/images/ui-icons_cd0a0a_256x240.png); }

.ui-icon-carat-1-n { background-position: 0 0; }

.ui-icon-carat-1-ne { background-position: -16px 0; }

.ui-icon-carat-1-e { background-position: -32px 0; }

.ui-icon-carat-1-se { background-position: -48px 0; }

.ui-icon-carat-1-s { background-position: -64px 0; }

.ui-icon-carat-1-sw { background-position: -80px 0; }

.ui-icon-carat-1-w { background-position: -96px 0; }

.ui-icon-carat-1-nw { background-position: -112px 0; }

.ui-icon-carat-2-n-s { background-position: -128px 0; }

.ui-icon-carat-2-e-w { background-position: -144px 0; }

.ui-icon-triangle-1-n { background-position: 0 -16px; }

.ui-icon-triangle-1-ne { background-position: -16px -16px; }

.ui-icon-triangle-1-e { background-position: -32px -16px; }

.ui-icon-triangle-1-se { background-position: -48px -16px; }

.ui-icon-triangle-1-s { background-position: -64px -16px; }

.ui-icon-triangle-1-sw { background-position: -80px -16px; }

.ui-icon-triangle-1-w { background-position: -96px -16px; }

.ui-icon-triangle-1-nw { background-position: -112px -16px; }

.ui-icon-triangle-2-n-s { background-position: -128px -16px; }

.ui-icon-triangle-2-e-w { background-position: -144px -16px; }

.ui-icon-arrow-1-n { background-position: 0 -32px; }

.ui-icon-arrow-1-ne { background-position: -16px -32px; }

.ui-icon-arrow-1-e { background-position: -32px -32px; }

.ui-icon-arrow-1-se { background-position: -48px -32px; }

.ui-icon-arrow-1-s { background-position: -64px -32px; }

.ui-icon-arrow-1-sw { background-position: -80px -32px; }

.ui-icon-arrow-1-w { background-position: -96px -32px; }

.ui-icon-arrow-1-nw { background-position: -112px -32px; }

.ui-icon-arrow-2-n-s { background-position: -128px -32px; }

.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }

.ui-icon-arrow-2-e-w { background-position: -160px -32px; }

.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }

.ui-icon-arrowstop-1-n { background-position: -192px -32px; }

.ui-icon-arrowstop-1-e { background-position: -208px -32px; }

.ui-icon-arrowstop-1-s { background-position: -224px -32px; }

.ui-icon-arrowstop-1-w { background-position: -240px -32px; }

.ui-icon-arrowthick-1-n { background-position: 0 -48px; }

.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }

.ui-icon-arrowthick-1-e { background-position: -32px -48px; }

.ui-icon-arrowthick-1-se { background-position: -48px -48px; }

.ui-icon-arrowthick-1-s { background-position: -64px -48px; }

.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }

.ui-icon-arrowthick-1-w { background-position: -96px -48px; }

.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }

.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }

.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }

.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }

.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }

.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }

.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }

.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }

.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }

.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }

.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }

.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }

.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }

.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }

.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }

.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }

.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }

.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }

.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }

.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }

.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }

.ui-icon-arrow-4 { background-position: 0 -80px; }

.ui-icon-arrow-4-diag { background-position: -16px -80px; }

.ui-icon-extlink { background-position: -32px -80px; }

.ui-icon-newwin { background-position: -48px -80px; }

.ui-icon-refresh { background-position: -64px -80px; }

.ui-icon-shuffle { background-position: -80px -80px; }

.ui-icon-transfer-e-w { background-position: -96px -80px; }

.ui-icon-transferthick-e-w { background-position: -112px -80px; }

.ui-icon-folder-collapsed { background-position: 0 -96px; }

.ui-icon-folder-open { background-position: -16px -96px; }

.ui-icon-document { background-position: -32px -96px; }

.ui-icon-document-b { background-position: -48px -96px; }

.ui-icon-note { background-position: -64px -96px; }

.ui-icon-mail-closed { background-position: -80px -96px; }

.ui-icon-mail-open { background-position: -96px -96px; }

.ui-icon-suitcase { background-position: -112px -96px; }

.ui-icon-comment { background-position: -128px -96px; }

.ui-icon-person { background-position: -144px -96px; }

.ui-icon-print { background-position: -160px -96px; }

.ui-icon-trash { background-position: -176px -96px; }

.ui-icon-locked { background-position: -192px -96px; }

.ui-icon-unlocked { background-position: -208px -96px; }

.ui-icon-bookmark { background-position: -224px -96px; }

.ui-icon-tag { background-position: -240px -96px; }

.ui-icon-home { background-position: 0 -112px; }

.ui-icon-flag { background-position: -16px -112px; }

.ui-icon-calendar { background-position: -32px -112px; }

.ui-icon-cart { background-position: -48px -112px; }

.ui-icon-pencil { background-position: -64px -112px; }

.ui-icon-clock { background-position: -80px -112px; }

.ui-icon-disk { background-position: -96px -112px; }

.ui-icon-calculator { background-position: -112px -112px; }

.ui-icon-zoomin { background-position: -128px -112px; }

.ui-icon-zoomout { background-position: -144px -112px; }

.ui-icon-search { background-position: -160px -112px; }

.ui-icon-wrench { background-position: -176px -112px; }

.ui-icon-gear { background-position: -192px -112px; }

.ui-icon-heart { background-position: -208px -112px; }

.ui-icon-star { background-position: -224px -112px; }

.ui-icon-link { background-position: -240px -112px; }

.ui-icon-cancel { background-position: 0 -128px; }

.ui-icon-plus { background-position: -16px -128px; }

.ui-icon-plusthick { background-position: -32px -128px; }

.ui-icon-minus { background-position: -48px -128px; }

.ui-icon-minusthick { background-position: -64px -128px; }

.ui-icon-close { background-position: -80px -128px; }

.ui-icon-closethick { background-position: -96px -128px; }

.ui-icon-key { background-position: -112px -128px; }

.ui-icon-lightbulb { background-position: -128px -128px; }

.ui-icon-scissors { background-position: -144px -128px; }

.ui-icon-clipboard { background-position: -160px -128px; }

.ui-icon-copy { background-position: -176px -128px; }

.ui-icon-contact { background-position: -192px -128px; }

.ui-icon-image { background-position: -208px -128px; }

.ui-icon-video { background-position: -224px -128px; }

.ui-icon-script { background-position: -240px -128px; }

.ui-icon-alert { background-position: 0 -144px; }

.ui-icon-info { background-position: -16px -144px; }

.ui-icon-notice { background-position: -32px -144px; }

.ui-icon-help { background-position: -48px -144px; }

.ui-icon-check { background-position: -64px -144px; }

.ui-icon-bullet { background-position: -80px -144px; }

.ui-icon-radio-on { background-position: -96px -144px; }

.ui-icon-radio-off { background-position: -112px -144px; }

.ui-icon-pin-w { background-position: -128px -144px; }

.ui-icon-pin-s { background-position: -144px -144px; }

.ui-icon-play { background-position: 0 -160px; }

.ui-icon-pause { background-position: -16px -160px; }

.ui-icon-seek-next { background-position: -32px -160px; }

.ui-icon-seek-prev { background-position: -48px -160px; }

.ui-icon-seek-end { background-position: -64px -160px; }

.ui-icon-seek-start { background-position: -80px -160px; }

.ui-icon-seek-first { background-position: -80px -160px; }

.ui-icon-stop { background-position: -96px -160px; }

.ui-icon-eject { background-position: -112px -160px; }

.ui-icon-volume-off { background-position: -128px -160px; }

.ui-icon-volume-on { background-position: -144px -160px; }

.ui-icon-power { background-position: 0 -176px; }

.ui-icon-signal-diag { background-position: -16px -176px; }

.ui-icon-signal { background-position: -32px -176px; }

.ui-icon-battery-0 { background-position: -48px -176px; }

.ui-icon-battery-1 { background-position: -64px -176px; }

.ui-icon-battery-2 { background-position: -80px -176px; }

.ui-icon-battery-3 { background-position: -96px -176px; }

.ui-icon-circle-plus { background-position: 0 -192px; }

.ui-icon-circle-minus { background-position: -16px -192px; }

.ui-icon-circle-close { background-position: -32px -192px; }

.ui-icon-circle-triangle-e { background-position: -48px -192px; }

.ui-icon-circle-triangle-s { background-position: -64px -192px; }

.ui-icon-circle-triangle-w { background-position: -80px -192px; }

.ui-icon-circle-triangle-n { background-position: -96px -192px; }

.ui-icon-circle-arrow-e { background-position: -112px -192px; }

.ui-icon-circle-arrow-s { background-position: -128px -192px; }

.ui-icon-circle-arrow-w { background-position: -144px -192px; }

.ui-icon-circle-arrow-n { background-position: -160px -192px; }

.ui-icon-circle-zoomin { background-position: -176px -192px; }

.ui-icon-circle-zoomout { background-position: -192px -192px; }

.ui-icon-circle-check { background-position: -208px -192px; }

.ui-icon-circlesmall-plus { background-position: 0 -208px; }

.ui-icon-circlesmall-minus { background-position: -16px -208px; }

.ui-icon-circlesmall-close { background-position: -32px -208px; }

.ui-icon-squaresmall-plus { background-position: -48px -208px; }

.ui-icon-squaresmall-minus { background-position: -64px -208px; }

.ui-icon-squaresmall-close { background-position: -80px -208px; }

.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }

.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }

.ui-icon-grip-solid-vertical { background-position: -32px -224px; }

.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }

.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }

.ui-icon-grip-diagonal-se { background-position: -80px -224px; }

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; }

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; }

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }

.ui-widget-overlay { background: #aaa url(smoothness/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .3; filter: Alpha(Opacity=30); }

.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaa url(smoothness/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .3; filter: Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }

/*# sourceMappingURL=public.css.map */