.cs-modal { width: 100%; height: 100%; position: fixed; top: 0; background-color: rgba(23, 23, 23, 0.5); z-index: 9999; } .cs-modal:target { display: block; } .cs-modal form { background: #e1e1e1; margin: 0 auto; width: 80%; position: relative; z-index: 41; top: 50%; transform: translateY(-50%); padding: 30px; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); } .cs-modal .close-cs-modal { font: 14px/100% arial,sans-serif; position: absolute; right: 5px; text-decoration: none; text-shadow: 0 1px 0 #fff; top: 5px; } .cs-modal .close-cs-modal:after { content: "\2716"; color: #4671a4; } .cs-modal .form-flash-message.hidden { visibility: hidden; display: block !important; } body.cs-modal-open { overflow: hidden; }@charset "UTF-8"; /* * Symbolset * www.symbolset.com * Copyright © 2012 Oak Studios LLC * * Upload this file to your web server * and place this within your tags. * */ @font-face { font-family: "SSStandard"; src: url(/public/fonts/ss-standard.eot); src: url(/public/fonts/ss-standard.eot?#iefix) format('embedded-opentype'), url(/public/fonts/ss-standard.woff) format('woff'), url(/public/fonts/ss-standard.ttf) format('truetype'), url(/public/images/ss-standard.svg#SSStandard) format('svg'); font-weight: normal; font-style: normal; } /* This triggers a redraw in IE to Fix IE8's :before content rendering. */ html:hover [class^="ss-"]{-ms-zoom: 1;} .ss-icon, .ss-icon.ss-standard, [class^="ss-"]:before, [class*=" ss-"]:before, [class^="ss-"].ss-standard:before, [class*=" ss-"].ss-standard:before, [class^="ss-"].right:after, [class*=" ss-"].right:after, [class^="ss-"].ss-standard.right:after, [class*=" ss-"].ss-standard.right:after { font-family: "SSStandard"; font-style: normal; font-weight: normal; text-decoration: none; text-rendering: optimizeLegibility; white-space: nowrap; /*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */ -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } [class^="ss-"].right:before, [class*=" ss-"].right:before{display:none;content:'';} .ss-cursor:before,.ss-cursor.right:after{content:'\E001'}.ss-crosshair:before,.ss-crosshair.right:after{content:'\2316'}.ss-search:before,.ss-search.right:after{content:'\1F50E'}.ss-zoomin:before,.ss-zoomin.right:after{content:'\E002'}.ss-zoomout:before,.ss-zoomout.right:after{content:'\E003'}.ss-view:before,.ss-view.right:after{content:'\1F440'}.ss-attach:before,.ss-attach.right:after{content:'\1F4CE'}.ss-link:before,.ss-link.right:after{content:'\1F517'}.ss-move:before,.ss-move.right:after{content:'\E070'}.ss-write:before,.ss-write.right:after{content:'\270E'}.ss-writingdisabled:before,.ss-writingdisabled.right:after{content:'\E071'}.ss-erase:before,.ss-erase.right:after{content:'\2710'}.ss-compose:before,.ss-compose.right:after{content:'\1F4DD'}.ss-lock:before,.ss-lock.right:after{content:'\1F512'}.ss-unlock:before,.ss-unlock.right:after{content:'\1F513'}.ss-key:before,.ss-key.right:after{content:'\1F511'}.ss-backspace:before,.ss-backspace.right:after{content:'\232B'}.ss-ban:before,.ss-ban.right:after{content:'\1F6AB'}.ss-trash:before,.ss-trash.right:after{content:'\E0D0'}.ss-target:before,.ss-target.right:after{content:'\25CE'}.ss-tag:before,.ss-tag.right:after{content:'\E100'}.ss-bookmark:before,.ss-bookmark.right:after{content:'\1F516'}.ss-flag:before,.ss-flag.right:after{content:'\2691'}.ss-like:before,.ss-like.right:after{content:'\1F44D'}.ss-dislike:before,.ss-dislike.right:after{content:'\1F44E'}.ss-heart:before,.ss-heart.right:after{content:'\2665'}.ss-halfheart:before,.ss-halfheart.right:after{content:'\E1A0'}.ss-star:before,.ss-star.right:after{content:'\22C6'}.ss-halfstar:before,.ss-halfstar.right:after{content:'\E1A1'}.ss-sample:before,.ss-sample.right:after{content:'\E200'}.ss-crop:before,.ss-crop.right:after{content:'\E201'}.ss-layers:before,.ss-layers.right:after{content:'\E202'}.ss-fill:before,.ss-fill.right:after{content:'\E240'}.ss-stroke:before,.ss-stroke.right:after{content:'\E241'}.ss-phone:before,.ss-phone.right:after{content:'\1F4DE'}.ss-phonedisabled:before,.ss-phonedisabled.right:after{content:'\E300'}.ss-rss:before,.ss-rss.right:after{content:'\E310'}.ss-facetime:before,.ss-facetime.right:after{content:'\E320'}.ss-reply:before,.ss-reply.right:after{content:'\21A9'}.ss-send:before,.ss-send.right:after{content:'\E350'}.ss-mail:before,.ss-mail.right:after{content:'\2709'}.ss-inbox:before,.ss-inbox.right:after{content:'\1F4E5'}.ss-chat:before,.ss-chat.right:after{content:'\1F4AC'}.ss-ellipsischat:before,.ss-ellipsischat.right:after{content:'\E399'}.ss-ellipsis:before,.ss-ellipsis.right:after{content:'\2026'}.ss-user:before,.ss-user.right:after{content:'\1F464'}.ss-femaleuser:before,.ss-femaleuser.right:after{content:'\1F467'}.ss-users:before,.ss-users.right:after{content:'\1F465'}.ss-cart:before,.ss-cart.right:after{content:'\E500'}.ss-creditcard:before,.ss-creditcard.right:after{content:'\1F4B3'}.ss-dollarsign:before,.ss-dollarsign.right:after{content:'\1F4B2'}.ss-barchart:before,.ss-barchart.right:after{content:'\1F4CA'}.ss-piechart:before,.ss-piechart.right:after{content:'\E570'}.ss-box:before,.ss-box.right:after{content:'\1F4E6'}.ss-home:before,.ss-home.right:after{content:'\2302'}.ss-buildings:before,.ss-buildings.right:after{content:'\1F3E2'}.ss-warehouse:before,.ss-warehouse.right:after{content:'\E602'}.ss-globe:before,.ss-globe.right:after{content:'\1F30E'}.ss-navigate:before,.ss-navigate.right:after{content:'\E670'}.ss-compass:before,.ss-compass.right:after{content:'\E671'}.ss-signpost:before,.ss-signpost.right:after{content:'\E672'}.ss-map:before,.ss-map.right:after{content:'\E673'}.ss-location:before,.ss-location.right:after{content:'\E6D0'}.ss-pin:before,.ss-pin.right:after{content:'\1F4CD'}.ss-database:before,.ss-database.right:after{content:'\E7A0'}.ss-hdd:before,.ss-hdd.right:after{content:'\E7B0'}.ss-music:before,.ss-music.right:after{content:'\266B'}.ss-mic:before,.ss-mic.right:after{content:'\1F3A4'}.ss-volume:before,.ss-volume.right:after{content:'\1F508'}.ss-lowvolume:before,.ss-lowvolume.right:after{content:'\1F509'}.ss-highvolume:before,.ss-highvolume.right:after{content:'\1F50A'}.ss-airplay:before,.ss-airplay.right:after{content:'\E800'}.ss-camera:before,.ss-camera.right:after{content:'\1F4F7'}.ss-picture:before,.ss-picture.right:after{content:'\1F304'}.ss-video:before,.ss-video.right:after{content:'\1F4F9'}.ss-play:before,.ss-play.right:after{content:'\25B6'}.ss-pause:before,.ss-pause.right:after{content:'\E8A0'}.ss-stop:before,.ss-stop.right:after{content:'\25A0'}.ss-record:before,.ss-record.right:after{content:'\25CF'}.ss-rewind:before,.ss-rewind.right:after{content:'\23EA'}.ss-fastforward:before,.ss-fastforward.right:after{content:'\23E9'}.ss-skipback:before,.ss-skipback.right:after{content:'\23EE'}.ss-skipforward:before,.ss-skipforward.right:after{content:'\23ED'}.ss-eject:before,.ss-eject.right:after{content:'\23CF'}.ss-repeat:before,.ss-repeat.right:after{content:'\1F501'}.ss-replay:before,.ss-replay.right:after{content:'\21BA'}.ss-shuffle:before,.ss-shuffle.right:after{content:'\1F500'}.ss-book:before,.ss-book.right:after{content:'\1F4D5'}.ss-openbook:before,.ss-openbook.right:after{content:'\1F4D6'}.ss-notebook:before,.ss-notebook.right:after{content:'\1F4D3'}.ss-newspaper:before,.ss-newspaper.right:after{content:'\1F4F0'}.ss-grid:before,.ss-grid.right:after{content:'\E9A0'}.ss-rows:before,.ss-rows.right:after{content:'\E9A1'}.ss-columns:before,.ss-columns.right:after{content:'\E9A2'}.ss-thumbnails:before,.ss-thumbnails.right:after{content:'\E9A3'}.ss-filter:before,.ss-filter.right:after{content:'\E9B0'}.ss-desktop:before,.ss-desktop.right:after{content:'\1F4BB'}.ss-laptop:before,.ss-laptop.right:after{content:'\EA00'}.ss-tablet:before,.ss-tablet.right:after{content:'\EA01'}.ss-cell:before,.ss-cell.right:after{content:'\1F4F1'}.ss-battery:before,.ss-battery.right:after{content:'\1F50B'}.ss-highbattery:before,.ss-highbattery.right:after{content:'\EA10'}.ss-mediumbattery:before,.ss-mediumbattery.right:after{content:'\EA11'}.ss-lowbattery:before,.ss-lowbattery.right:after{content:'\EA12'}.ss-emptybattery:before,.ss-emptybattery.right:after{content:'\EA13'}.ss-lightbulb:before,.ss-lightbulb.right:after{content:'\1F4A1'}.ss-downloadcloud:before,.ss-downloadcloud.right:after{content:'\EB00'}.ss-download:before,.ss-download.right:after{content:'\EB01'}.ss-uploadcloud:before,.ss-uploadcloud.right:after{content:'\EB40'}.ss-upload:before,.ss-upload.right:after{content:'\EB41'}.ss-fork:before,.ss-fork.right:after{content:'\EB80'}.ss-merge:before,.ss-merge.right:after{content:'\EB81'}.ss-transfer:before,.ss-transfer.right:after{content:'\21C6'}.ss-refresh:before,.ss-refresh.right:after{content:'\21BB'}.ss-sync:before,.ss-sync.right:after{content:'\EB82'}.ss-loading:before,.ss-loading.right:after{content:'\EB83'}.ss-wifi:before,.ss-wifi.right:after{content:'\EB84'}.ss-connection:before,.ss-connection.right:after{content:'\EB85'}.ss-file:before,.ss-file.right:after{content:'\1F4C4'}.ss-folder:before,.ss-folder.right:after{content:'\1F4C1'}.ss-quote:before,.ss-quote.right:after{content:'\201C'}.ss-text:before,.ss-text.right:after{content:'\ED00'}.ss-font:before,.ss-font.right:after{content:'\ED01'}.ss-print:before,.ss-print.right:after{content:'\2399'}.ss-fax:before,.ss-fax.right:after{content:'\1F4E0'}.ss-list:before,.ss-list.right:after{content:'\ED50'}.ss-layout:before,.ss-layout.right:after{content:'\EDA0'}.ss-action:before,.ss-action.right:after{content:'\EE00'}.ss-redirect:before,.ss-redirect.right:after{content:'\21AA'}.ss-expand:before,.ss-expand.right:after{content:'\2922'}.ss-contract:before,.ss-contract.right:after{content:'\EE01'}.ss-help:before,.ss-help.right:after{content:'\2753'}.ss-info:before,.ss-info.right:after{content:'\2139'}.ss-alert:before,.ss-alert.right:after{content:'\26A0'}.ss-caution:before,.ss-caution.right:after{content:'\26D4'}.ss-logout:before,.ss-logout.right:after{content:'\EE02'}.ss-plus:before,.ss-plus.right:after{content:'+'}.ss-hyphen:before,.ss-hyphen.right:after{content:'-'}.ss-check:before,.ss-check.right:after{content:'\2713'}.ss-delete:before,.ss-delete.right:after{content:'\2421'}.ss-settings:before,.ss-settings.right:after{content:'\2699'}.ss-dashboard:before,.ss-dashboard.right:after{content:'\F000'}.ss-notifications:before,.ss-notifications.right:after{content:'\1F514'}.ss-notificationsdisabled:before,.ss-notificationsdisabled.right:after{content:'\1F515'}.ss-clock:before,.ss-clock.right:after{content:'\23F2'}.ss-stopwatch:before,.ss-stopwatch.right:after{content:'\23F1'}.ss-calendar:before,.ss-calendar.right:after{content:'\1F4C5'}.ss-addcalendar:before,.ss-addcalendar.right:after{content:'\F070'}.ss-removecalendar:before,.ss-removecalendar.right:after{content:'\F071'}.ss-checkcalendar:before,.ss-checkcalendar.right:after{content:'\F072'}.ss-deletecalendar:before,.ss-deletecalendar.right:after{content:'\F073'}.ss-plane:before,.ss-plane.right:after{content:'\2708'}.ss-briefcase:before,.ss-briefcase.right:after{content:'\1F4BC'}.ss-cloud:before,.ss-cloud.right:after{content:'\2601'}.ss-droplet:before,.ss-droplet.right:after{content:'\1F4A7'}.ss-flask:before,.ss-flask.right:after{content:'\F4C0'}.ss-up:before,.ss-up.right:after{content:'\2B06'}.ss-upright:before,.ss-upright.right:after{content:'\2B08'}.ss-right:before,.ss-right.right:after{content:'\27A1'}.ss-downright:before,.ss-downright.right:after{content:'\2B0A'}.ss-down:before,.ss-down.right:after{content:'\2B07'}.ss-downleft:before,.ss-downleft.right:after{content:'\2B0B'}.ss-left:before,.ss-left.right:after{content:'\2B05'}.ss-upleft:before,.ss-upleft.right:after{content:'\2B09'}.ss-navigateup:before,.ss-navigateup.right:after{content:'\F500'}.ss-navigateright:before,.ss-navigateright.right:after{content:'\25BB'}.ss-navigatedown:before,.ss-navigatedown.right:after{content:'\F501'}.ss-navigateleft:before,.ss-navigateleft.right:after{content:'\25C5'}.ss-directup:before,.ss-directup.right:after{content:'\25B4'}.ss-directright:before,.ss-directright.right:after{content:'\25B9'}.ss-dropdown:before,.ss-dropdown.right:after{content:'\25BE'}.ss-directleft:before,.ss-directleft.right:after{content:'\25C3'}.ss-retweet:before,.ss-retweet.right:after{content:'\F600'} /* Legacy classes */ .ss-volumelow:before,.ss-volumelow.right:after{content:'\1F509'}.ss-volumehigh:before,.ss-volumehigh.right:after{content:'\1F50A'}.ss-batteryhigh:before,.ss-batteryhigh.right:after{content:'\EA10'}.ss-batterymedium:before,.ss-batterymedium.right:after{content:'\EA11'}.ss-batterylow:before,.ss-batterylow.right:after{content:'\EA12'}.ss-batteryempty:before,.ss-batteryempty.right:after{content:'\EA13'}.ss-clouddownload:before,.ss-clouddownload.right:after{content:'\EB00'}.ss-cloudupload:before,.ss-cloudupload.right:after{content:'\EB40'}.ss-calendaradd:before,.ss-calendaradd.right:after{content:'\F070'}.ss-calendarremove:before,.ss-calendarremove.right:after{content:'\F071'}.ss-calendarcheck:before,.ss-calendarcheck.right:after{content:'\F072'}.ss-calendardelete:before,.ss-calendardelete.right:after{content:'\F073'}@charset "UTF-8"; @font-face { font-family: "fuller-sans"; src: url(/public/fonts/fullersansdt-regular-webfont.eot); src: url(/public/fonts/fullersansdt-regular-webfont.eot) format("embedded-opentype"), url(/public/fonts/fullersansdt-regular-webfont.woff) format("woff"), url(/public/fonts/fullersansdt-regular-webfont.ttf) format("truetype"), url(/public/images/fullersansdt-regular-webfont.svg) format("svg"); font-weight: 400; font-style: normal; } @font-face { font-family: "fuller-sans"; src: url(/public/fonts/fullersansdt-bold-webfont.eot); src: url(/public/fonts/fullersansdt-bold-webfont.eot) format("embedded-opentype"), url(/public/fonts/fullersansdt-bold-webfont.woff) format("woff"), url(/public/fonts/fullersansdt-bold-webfont.ttf) format("truetype"), url(/public/images/fullersansdt-bold-webfont.svg) format("svg"); font-weight: 600; font-style: normal; } * { margin: 0; padding: 0; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .cf:before, .cf:after { content: " "; display: table; } .cf:after { clear: both; } .noscroll { overflow: hidden; } .ss-icon { vertical-align: middle; } .wrapper { width: 100%; height: 100%; /* // To display footer without scrolling height: -webkit-calc(100% - 112px); height: -moz-calc(100% - 112px); height: calc(100% - 112px); */ } .error, .hidden { display: none; } .form-flash-message.success { color: darkgreen; } .form-flash-message.error { color: red; } /* Grid */ .row:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } [class*=span-] { display: block; float: left; width: 100%; margin-left: 2%; } [class*=span-]:first-child { margin-left: 0; } /* Columns */ .span-3 { width: 23.5%; } .span-4 { width: 32.0%; } .span-6 { width: 49.0%; } .span-9 { width: 74.5%; } .subpage-container { width: 100%; max-width: 1400px; margin: 0 auto; display: table; height: 100%; } .subpage-container .subpage-primary { padding: 3rem; display: table-cell; vertical-align: top; width: 70%; height: 100%; } .subpage-container .subpage-primary article h1 { font-size: 200%; margin-bottom: 1.5em; font-weight: bold; line-height: 1; } .subpage-container .subpage-primary article h4 { margin: 2rem 0 0.5rem; font-weight: bold; color: #aaa; } .subpage-container .subpage-primary article a { color: #aaa; } .subpage-container .subpage-primary article strong { font-weight: bold; } .subpage-container .subpage-left-rail { padding: 3rem; background-color: #2e3254; display: table-cell; vertical-align: top; height: 100%; font-size: 14px; } .subpage-container .subpage-left-rail:after { background: #2e3254; bottom: 0; content: ""; right: 100%; position: absolute; top: 0; width: 1000%; } .subpage-container .subpage-left-rail img { max-width: 190px; display: block; } .subpage-container .subpage-left-rail .subpage-nav { margin-top: 3rem; } .subpage-container .subpage-left-rail .subpage-nav ul { list-style: none; font-size: 140%; line-height: 170%; } .subpage-container .subpage-left-rail .subpage-nav a { color: #fff; text-decoration: none; } .subpage-container .subpage-left-rail .subpage-nav a:hover { opacity: 0.5; } .subpage-container .subpage-left-rail .subpage-jobs-cta { display: inline-block; background-color: #fff; padding: 0.5rem 3rem; text-decoration: none; border-radius: 2px; color: #2e3254; text-align: center; font-weight: bold; font-size: 11px; margin-top: 3rem; } * { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } ol, ul { list-style: none; } button, input, select, textarea { -webkit-appearance: none; transition: 0.2s ease all; border-radius: 0; resize: none; font: inherit; color: inherit; outline: 0; } button { cursor: pointer; } a { outline: 0; color: inherit; -webkit-text-decoration-skip: ink; text-decoration-skip: ink; } img { max-width: 100%; display: inline-block; border: none; border-style: none; vertical-align: middle; } html, body { height: 100%; } .twitter-typeahead { vertical-align: baseline; width: 100%; } .twitter-typeahead .tt-dropdown-menu { color: #505050; background: #eee; line-height: 1.3; list-style: none; text-align: left; position: absolute; width: 100%; z-index: 999; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .twitter-typeahead .tt-dropdown-menu .tt-dataset-suggested-keywords { font-size: 100%; font-weight: normal; } .twitter-typeahead .tt-dropdown-menu .tt-suggestion { display: block; } .twitter-typeahead .tt-dropdown-menu .tt-suggestion.tt-cursor, .twitter-typeahead .tt-dropdown-menu .tt-suggestion:hover { cursor: pointer; background: #1C90A9; color: #FFF; } .twitter-typeahead .tt-dropdown-menu .tt-suggestion.tt-cursor p, .twitter-typeahead .tt-dropdown-menu .tt-suggestion:hover p { background-color: #6c6f8f; color: #fff; } .twitter-typeahead .tt-dropdown-menu .tt-suggestion p { margin: 0; padding: 0.5rem 1rem; } .search-keywords { margin: 30px 0; } .search-keywords h3 { font-size: 12px; font-weight: bold; opacity: 0.5; padding: 0 1.5rem 1rem; margin: 0; } .search-keywords ul { list-style: none; } .search-keywords ul li a { padding: 0.75rem 1.5rem; display: block; font-weight: bold; text-decoration: none; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25); color: #fff; } .search-keywords ul li a:hover { background-color: rgba(255, 255, 255, 0.1); } .search-keywords ul i { opacity: 0.35; } .search-keywords ul i:last-child { float: right; } .search-keywords .manage-kw { padding: 0.75rem 1.5rem; } .search-keywords .manage-kw a { display: block; width: 100%; background-color: #fff; padding: 0.5rem 1.5rem; text-decoration: none; border-radius: 2px; color: #2e3254; text-align: center; font-weight: bold; font-size: 11px; } .search-keywords .manage-kw a:hover { opacity: 0.7; } .home-footer { background-color: #f5f5f5; padding: 3rem 1.5rem; font-size: 90%; } .home-footer ul { text-align: center; } .home-footer li { display: inline-block; } .home-footer li:not(:last-child) { margin-right: 1rem; } .home-footer a { color: #aaa; text-decoration: none; } .home-footer a:hover { color: #333; } #modal-container { width: 100%; height: 100%; position: fixed; top: 0; background-color: rgba(22, 22, 22, 0.5); z-index: 9999; } #modal-container:target { display: block; } #modal-container .reveal-modal { background: #e1e1e1; margin: 0 auto; width: 300px; position: relative; z-index: 41; top: 25%; padding: 30px; border-radius: 5px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); } #modal-container .reveal-modal p { margin-bottom: 1rem; text-align: center; font-size: 14px; } #modal-container .reveal-modal p b { font-weight: bold; } #modal-container .reveal-modal .close-reveal-modal { font: 14px/100% arial, sans-serif; position: absolute; right: 5px; text-decoration: none; text-shadow: 0 1px 0 #fff; top: 5px; } #modal-container .reveal-modal .close-reveal-modal:after { content: '\2716'; color: #2e3254; } a { -webkit-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; outline: 0; } h1, h2, h3, h4, h5, h6 { line-height: 1.5; font-weight: 300; margin: 0 0 1.5em; } h1 { font-size: 2.5em; } h2 { font-size: 2em; } h3 { font-size: 1.75em; } h4 { font-size: 1.25em; } h5 { font-size: 1em; } h6 { font-size: 0.8em; } p { line-height: 1.5; margin: 0 0 1.5em; } button, input, select, textarea { font: 400 16px/1.5 "fuller-sans", Helvetica, sans-serif; -webkit-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; border-radius: 0; outline: 0; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } /*! * animate.css -http://daneden.me/animate * Version - 3.7.0 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2018 Daniel Eden */ .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s; } .animated.delay-2s { -webkit-animation-delay: 2s; animation-delay: 2s; } .animated.delay-3s { -webkit-animation-delay: 3s; animation-delay: 3s; } .animated.delay-4s { -webkit-animation-delay: 4s; animation-delay: 4s; } .animated.delay-5s { -webkit-animation-delay: 5s; animation-delay: 5s; } .animated.fast { -webkit-animation-duration: 800ms; animation-duration: 800ms; } .animated.faster { -webkit-animation-duration: 500ms; animation-duration: 500ms; } .animated.slow { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.slower { -webkit-animation-duration: 3s; animation-duration: 3s; } @media (prefers-reduced-motion) { .animated { -webkit-animation: unset !important; animation: unset !important; -webkit-transition: none !important; transition: none !important; } } html, body { height: 100%; } body { font: 400 14px/1.5 "fuller-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; letter-spacing: 0.01rem; color: #444; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } body#home .preface { display: table; width: 100%; height: 100%; background-color: #2e3254; } body#home .preface .home-logo { position: absolute; top: 1.5rem; left: 1.5rem; width: 190px; display: block; } body#home .preface .preface-center { display: table-cell; vertical-align: middle; text-align: center; } body#home .preface .preface-center h2 { color: #fff; font-size: 350%; margin-bottom: 2.5rem; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } body#home .preface .preface-center .preface-form { width: 350px; margin: 0 auto; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 0.35s; animation-delay: 0.35s; } body#home .preface .preface-center .preface-form input { padding: 0 1rem 0 45px; height: 50px; width: 100%; border-radius: 3px; position: relative; border: 0; } body#home .preface .preface-center .preface-form i { position: absolute; left: 16px; top: 18px; color: #aaa; font-size: 16px; line-height: 1; content: ""; display: block; z-index: 2; } body#home .preface .preface-center .preface-form #search-icon-button { cursor: pointer; } body#home .preface .preface-toolbar { position: absolute; top: 1.5rem; right: 1.5rem; list-style: none; background-color: #fff; border-radius: 4px; z-index: 2; } body#home .preface .preface-toolbar li { float: left; font-size: 11px; } body#home .preface .preface-toolbar a { padding: 5px 10px; color: #434967; font-weight: bold; line-height: 15px; text-decoration: none; display: block; } body#home .preface .preface-toolbar a:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } body#home .preface .preface-toolbar a:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } body#home .preface .preface-toolbar a:hover { background-color: #eee; } body#results, body#recommended, body#job-detail { background-color: #e5e5e5; } body#results .wrapper, body#recommended .wrapper, body#job-detail .wrapper { display: table; width: 100%; max-width: 1500px; margin: 0 auto; } body#results .results-left-rail, body#recommended .results-left-rail, body#job-detail .results-left-rail { display: table-cell; width: 250px; vertical-align: top; background-color: #2e3254; color: #f5f5f5; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } body#results .results-left-rail .results-logo, body#recommended .results-left-rail .results-logo, body#job-detail .results-left-rail .results-logo { padding: 30px 1.5rem; border-bottom: 1px solid #353a61; } body#results .results-left-rail .results-logo img, body#recommended .results-left-rail .results-logo img, body#job-detail .results-left-rail .results-logo img { display: block; max-width: 170px; margin: 0 auto; } body#results .results-primary, body#recommended .results-primary, body#job-detail .results-primary { display: table-cell; vertical-align: top; background-color: #fff; } body#results .results-primary .ad:last-of-type, body#recommended .results-primary .ad:last-of-type, body#job-detail .results-primary .ad:last-of-type { border-top: 0; } body#results .results-primary .results-search input, body#recommended .results-primary .results-search input, body#job-detail .results-primary .results-search input { width: 100%; height: 50px; border: 0; padding: 0 1rem; } body#results .results-primary .results-search input:nth-child(1), body#recommended .results-primary .results-search input:nth-child(1), body#job-detail .results-primary .results-search input:nth-child(1) { border-left: solid 1px #DDD; } body#results .results-primary .results-search button, body#recommended .results-primary .results-search button, body#job-detail .results-primary .results-search button { float: left; width: 20%; height: 50px; background-color: #bdc3c7; color: #fff; border: 0; cursor: pointer; } body#results .results-primary .results-search .twitter-typeahead, body#recommended .results-primary .results-search .twitter-typeahead, body#job-detail .results-primary .results-search .twitter-typeahead { float: left; width: 40%; } body#results .results-primary .results-search .twitter-typeahead:first-of-type, body#recommended .results-primary .results-search .twitter-typeahead:first-of-type, body#job-detail .results-primary .results-search .twitter-typeahead:first-of-type { border-right: 1px solid #eee; } body#results .results-primary .media-net-footer, body#recommended .results-primary .media-net-footer, body#job-detail .results-primary .media-net-footer { border-top: 1px solid #eee; margin-left: 10px; margin-right: 10px; } body#results .results-primary .pagination, body#recommended .results-primary .pagination, body#job-detail .results-primary .pagination { padding: 1.5rem; font-size: 11px; } body#results .results-primary .pagination ul, body#recommended .results-primary .pagination ul, body#job-detail .results-primary .pagination ul { display: inline-block; list-style: none; text-align: center; } body#results .results-primary .pagination ul li, body#recommended .results-primary .pagination ul li, body#job-detail .results-primary .pagination ul li { float: left; border: 1px solid #e8ecef; border-width: 1px 0 1px 1px; background-color: #fff; } body#results .results-primary .pagination ul li span, body#recommended .results-primary .pagination ul li span, body#job-detail .results-primary .pagination ul li span { display: block; color: #aaa; } body#results .results-primary .pagination ul li a, body#recommended .results-primary .pagination ul li a, body#job-detail .results-primary .pagination ul li a { color: #444; padding: 0.85rem 1rem; display: block; line-height: 1; text-decoration: none; } body#results .results-primary .pagination ul li.active, body#recommended .results-primary .pagination ul li.active, body#job-detail .results-primary .pagination ul li.active { background-color: #fafafa; color: #aaa; } body#results .results-primary .pagination ul li:hover, body#recommended .results-primary .pagination ul li:hover, body#job-detail .results-primary .pagination ul li:hover { background-color: #fafafa; } body#results .results-primary .pagination ul li:first-child, body#results .results-primary .pagination ul li .pagination-btn:first-child, body#recommended .results-primary .pagination ul li:first-child, body#recommended .results-primary .pagination ul li .pagination-btn:first-child, body#job-detail .results-primary .pagination ul li:first-child, body#job-detail .results-primary .pagination ul li .pagination-btn:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } body#results .results-primary .pagination ul li:last-child, body#results .results-primary .pagination ul li .pagination-btn:last-child, body#recommended .results-primary .pagination ul li:last-child, body#recommended .results-primary .pagination ul li .pagination-btn:last-child, body#job-detail .results-primary .pagination ul li:last-child, body#job-detail .results-primary .pagination ul li .pagination-btn:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-width: 1px; } body#results .results-primary .pagination ul li:last-child a:hover, body#recommended .results-primary .pagination ul li:last-child a:hover, body#job-detail .results-primary .pagination ul li:last-child a:hover { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } body#results .results-primary .pagination ul li:first-child a:hover, body#recommended .results-primary .pagination ul li:first-child a:hover, body#job-detail .results-primary .pagination ul li:first-child a:hover { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } body#results .results-primary .suggested-keywords, body#recommended .results-primary .suggested-keywords, body#job-detail .results-primary .suggested-keywords { background-color: #fafafa; border-top: 1px solid #eee; padding: 3rem; } body#results .results-primary .suggested-keywords h4, body#recommended .results-primary .suggested-keywords h4, body#job-detail .results-primary .suggested-keywords h4 { color: #aaa; } body#results .results-primary .suggested-keywords ul, body#recommended .results-primary .suggested-keywords ul, body#job-detail .results-primary .suggested-keywords ul { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; } body#results .results-primary .suggested-keywords a, body#recommended .results-primary .suggested-keywords a, body#job-detail .results-primary .suggested-keywords a { color: #444; text-decoration: none; } body#results .results-primary .suggested-keywords a:hover, body#recommended .results-primary .suggested-keywords a:hover, body#job-detail .results-primary .suggested-keywords a:hover { color: #aaa; } body#results .job, body#recommended .job, body#job-detail .job { padding: 1.5rem; } body#results .job.featured, body#recommended .job.featured, body#job-detail .job.featured { background-color: #fffcf1; } body#results .job:not(:last-child), body#recommended .job:not(:last-child), body#job-detail .job:not(:last-child) { border-bottom: 1px solid #eee; } body#results .job a, body#recommended .job a, body#job-detail .job a { text-decoration: none; } body#results .job a:hover, body#recommended .job a:hover, body#job-detail .job a:hover { text-decoration: none; } body#results .job:not(.job-with-salary) .description, body#recommended .job:not(.job-with-salary) .description, body#job-detail .job:not(.job-with-salary) .description { width: 100%; } body#results .job .title .title-text, body#recommended .job .title .title-text, body#job-detail .job .title .title-text { font-weight: 600; font-size: 17px; line-height: 140%; text-decoration: none; color: #313d75; } body#results .job .title .title-text:hover, body#recommended .job .title .title-text:hover, body#job-detail .job .title .title-text:hover { text-decoration: underline; } body#results .job .title .company-location-highlight, body#recommended .job .title .company-location-highlight, body#job-detail .job .title .company-location-highlight { display: none; } body#results .job .company-location, body#recommended .job .company-location, body#job-detail .job .company-location { margin: 3px 0 4px; color: #333333; display: inline-block; width: 100%; font-size: 14px; line-height: 150%; } body#results .job .company-location .CTA-highlight, body#recommended .job .company-location .CTA-highlight, body#job-detail .job .company-location .CTA-highlight { display: none; } body#results .job .company-location .location, body#recommended .job .company-location .location, body#job-detail .job .company-location .location { margin-right: 10px; } body#results .job .company-location .jobCreationDate, body#recommended .job .company-location .jobCreationDate, body#job-detail .job .company-location .jobCreationDate { background: #fff7df; padding: 2px 6px; font-size: 13px; border-radius: 5px; display: inline-block; line-height: 120%; } body#results .job .cta-highlight, body#recommended .job .cta-highlight, body#job-detail .job .cta-highlight { display: none; } body#results .job .salary, body#recommended .job .salary, body#job-detail .job .salary { float: right; z-index: 1; display: inline-block; text-align: right; top: 5px; } body#results .job .salary .locked, body#recommended .job .salary .locked, body#job-detail .job .salary .locked { background: #fdcb34; padding: 14px; border-radius: 5px; font-size: 0; } body#results .job .salary .locked:hover, body#recommended .job .salary .locked:hover, body#job-detail .job .salary .locked:hover { background: #FFD966; } body#results .job .salary .locked:before, body#recommended .job .salary .locked:before, body#job-detail .job .salary .locked:before { content: url(/public/images/serp-locked.svg); position: relative; top: 5px; padding-right: 7px; } body#results .job .salary .locked:after, body#recommended .job .salary .locked:after, body#job-detail .job .salary .locked:after { content: 'View Salary'; font-size: 13px; position: relative; top: 4px; } body#results .job .salary .anual, body#recommended .job .salary .anual, body#job-detail .job .salary .anual { background: #fdcb34; padding: 6px 14px; font-size: 13px; border-radius: 5px; top: 5px; } body#results .job .salary .anual:before, body#recommended .job .salary .anual:before, body#job-detail .job .salary .anual:before { content: url(/public/images/serp-unlocked.svg); position: relative; top: 2px; padding-right: 7px; } body#results .job .description, body#recommended .job .description, body#job-detail .job .description { font-size: 14px; width: calc(100% - 160px); color: #777777; } body#results .job .description a, body#recommended .job .description a, body#job-detail .job .description a { text-decoration: none; } body#results .job .job-summary, body#recommended .job .job-summary, body#job-detail .job .job-summary { line-height: 140%; } body#results .job .spotlight-cta, body#recommended .job .spotlight-cta, body#job-detail .job .spotlight-cta { display: none; } body#results .highlighted-job, body#recommended .highlighted-job, body#job-detail .highlighted-job { border-top: 2px solid #ffcd33 !important; padding-top: 0; } body#results .highlighted-job:before, body#recommended .highlighted-job:before, body#job-detail .highlighted-job:before { content: url(/public/images/highlight.png); } body#results .no-results, body#recommended .no-results, body#job-detail .no-results { display: table; width: 100%; vertical-align: middle; text-align: center; padding: 2rem; border-top: 1px solid #eee; } body#results .no-results h1, body#recommended .no-results h1, body#job-detail .no-results h1 { font-size: 130%; margin-bottom: 1rem; } body#results .no-results p, body#recommended .no-results p, body#job-detail .no-results p { margin: 0; opacity: 0.5; } body#results .results-right-rail, body#recommended .results-right-rail, body#job-detail .results-right-rail { display: table-cell; vertical-align: top; width: 300px; background-color: #fafafa; border-left: 1px solid #eee; padding: 2rem; } body#results .results-right-rail .ad, body#recommended .results-right-rail .ad, body#job-detail .results-right-rail .ad { padding: 24px 0; border: 0; } body#results .ad, body#recommended .ad, body#job-detail .ad { padding: 1.5rem; background-color: #fafafa; border-top: 1px solid #eee; border-bottom: 1px solid #eee; } body#results .ad .afc-container, body#recommended .ad .afc-container, body#job-detail .ad .afc-container { max-width: 700px; } body#results .ad .sponsored, body#recommended .ad .sponsored, body#job-detail .ad .sponsored { position: absolute; top: 5px; right: 5px; color: #ccc; font-size: 9px; z-index: 2; } body#results .results-footer, body#recommended .results-footer, body#job-detail .results-footer { background-color: #131b3c; display: table; width: 100%; max-width: 1500px; margin: 0 auto; padding: 1.5rem; color: #fff; font-size: 12px; } body#results .results-footer .results-footer-txt, body#recommended .results-footer .results-footer-txt, body#job-detail .results-footer .results-footer-txt { display: table-cell; } body#results .results-footer .results-footer-txt ul, body#recommended .results-footer .results-footer-txt ul, body#job-detail .results-footer .results-footer-txt ul { list-style: none; } body#results .results-footer li, body#recommended .results-footer li, body#job-detail .results-footer li { display: inline-block; } body#results .results-footer li:not(:last-child), body#recommended .results-footer li:not(:last-child), body#job-detail .results-footer li:not(:last-child) { margin-right: 15px; } body#results .results-footer a, body#recommended .results-footer a, body#job-detail .results-footer a { color: rgba(255, 255, 255, 0.5); text-decoration: none; } body#results .results-footer a:hover, body#recommended .results-footer a:hover, body#job-detail .results-footer a:hover { color: white; } body#results .dfp-ads, body#recommended .dfp-ads, body#job-detail .dfp-ads { margin: 16px auto; text-align: center; } body#results .dfp-desktop, body#recommended .dfp-desktop, body#job-detail .dfp-desktop { height: 250px; width: 250px; } body#results .dfp-mobile, body#recommended .dfp-mobile, body#job-detail .dfp-mobile { height: 50px; width: 320px; } body#results .dfp-high, body#recommended .dfp-high, body#job-detail .dfp-high { width: 100%; height: 100%; padding-bottom: 16px; margin-bottom: 0; border-bottom: 1px solid #eee; } body#results .lander-modal-wrapper, body#recommended .lander-modal-wrapper, body#job-detail .lander-modal-wrapper { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: rgba(46, 50, 84, 0.8); top: 0; position: absolute; z-index: 99999; } body#results .lander-modal-wrapper .lander-modal-container, body#recommended .lander-modal-wrapper .lander-modal-container, body#job-detail .lander-modal-wrapper .lander-modal-container { width: 100%; max-width: 550px; border: 1px solid #a9a9a9; background-color: #ffffff; border-radius: 5px; -webkit-box-shadow: 0px 0px 40px 2px #26283f; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-box-shadow: 0px 0px 40px 2px #26283f; /* Firefox 3.5 - 3.6 */ box-shadow: 0px 0px 40px 2px #26283f; /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */ } body#results .lander-modal-wrapper .lander-modal-container .close-lander-modal, body#recommended .lander-modal-wrapper .lander-modal-container .close-lander-modal, body#job-detail .lander-modal-wrapper .lander-modal-container .close-lander-modal { position: absolute; right: 15px; top: 10px; z-index: 99999; } body#results .lander-modal-wrapper .lander-modal-container .close-lander-modal img, body#recommended .lander-modal-wrapper .lander-modal-container .close-lander-modal img, body#job-detail .lander-modal-wrapper .lander-modal-container .close-lander-modal img { max-width: 15px; } body#results .lander-modal-wrapper .lander-modal-container .lander-modal-header, body#recommended .lander-modal-wrapper .lander-modal-container .lander-modal-header, body#job-detail .lander-modal-wrapper .lander-modal-container .lander-modal-header { background-color: #2e3254; padding: 20px; text-align: center; color: #ffffff; border-top-left-radius: 5px; border-top-right-radius: 5px; } body#results .lander-modal-wrapper .lander-modal-container .lander-modal-header img, body#recommended .lander-modal-wrapper .lander-modal-container .lander-modal-header img, body#job-detail .lander-modal-wrapper .lander-modal-container .lander-modal-header img { max-width: 190px; width: 100%; } body#results .lander-modal-wrapper .lander-modal-container .lander-modal-header span, body#recommended .lander-modal-wrapper .lander-modal-container .lander-modal-header span, body#job-detail .lander-modal-wrapper .lander-modal-container .lander-modal-header span { display: block; font-size: 1.2rem; margin-bottom: -3px; } body#results .lander-modal-wrapper .lander-modal-container .lander-modal-bottom, body#recommended .lander-modal-wrapper .lander-modal-container .lander-modal-bottom, body#job-detail .lander-modal-wrapper .lander-modal-container .lander-modal-bottom { padding: 15px; } body#results .lander-modal-wrapper .lander-modal-container .lander-modal-bottom input, body#recommended .lander-modal-wrapper .lander-modal-container .lander-modal-bottom input, body#job-detail .lander-modal-wrapper .lander-modal-container .lander-modal-bottom input { width: 100%; background-color: #F2F2F2; border-radius: 3px; padding: 5px; } body#results .lander-modal-wrapper .lander-modal-container .lander-modal-bottom .hide, body#recommended .lander-modal-wrapper .lander-modal-container .lander-modal-bottom .hide, body#job-detail .lander-modal-wrapper .lander-modal-container .lander-modal-bottom .hide { display: none; } body#results .lander-modal-wrapper .lander-modal-container .lander-modal-bottom .lander-title, body#recommended .lander-modal-wrapper .lander-modal-container .lander-modal-bottom .lander-title, body#job-detail .lander-modal-wrapper .lander-modal-container .lander-modal-bottom .lander-title { font-size: 1.3rem; color: #2e3254; display: block; text-align: center; line-height: 120%; margin-bottom: 20px; margin-top: 10px; } body#results .lander-modal-wrapper .lander-modal-container .lander-modal-bottom .lander-message, body#recommended .lander-modal-wrapper .lander-modal-container .lander-modal-bottom .lander-message, body#job-detail .lander-modal-wrapper .lander-modal-container .lander-modal-bottom .lander-message { padding: 20px 30px; text-align: center; font-size: 1.3rem; } body#results .lander-modal-wrapper .lander-modal-container .lander-modal-bottom .lander-message img, body#recommended .lander-modal-wrapper .lander-modal-container .lander-modal-bottom .lander-message img, body#job-detail .lander-modal-wrapper .lander-modal-container .lander-modal-bottom .lander-message img { width: 100%; max-width: 60px; margin-bottom: 10px; } body#results .lander-modal-wrapper .lander-modal-container .lander-modal-bottom .lander-message span, body#recommended .lander-modal-wrapper .lander-modal-container .lander-modal-bottom .lander-message span, body#job-detail .lander-modal-wrapper .lander-modal-container .lander-modal-bottom .lander-message span { display: block; font-size: 1.5rem; font-weight: 700; } body#results .lander-modal-wrapper .lander-modal-container #user-lander-form, body#recommended .lander-modal-wrapper .lander-modal-container #user-lander-form, body#job-detail .lander-modal-wrapper .lander-modal-container #user-lander-form { display: inline-block; } body#results .lander-modal-wrapper .lander-modal-container #user-lander-form .modal-keyword-container, body#recommended .lander-modal-wrapper .lander-modal-container #user-lander-form .modal-keyword-container, body#job-detail .lander-modal-wrapper .lander-modal-container #user-lander-form .modal-keyword-container { padding: 5px; width: 50%; float: left; } body#results .lander-modal-wrapper .lander-modal-container #user-lander-form .modal-keyword-container span, body#recommended .lander-modal-wrapper .lander-modal-container #user-lander-form .modal-keyword-container span, body#job-detail .lander-modal-wrapper .lander-modal-container #user-lander-form .modal-keyword-container span { font-weight: bold; } body#results .lander-modal-wrapper .lander-modal-container .lander-button, body#recommended .lander-modal-wrapper .lander-modal-container .lander-button, body#job-detail .lander-modal-wrapper .lander-modal-container .lander-button { display: block; background-color: #ffe233; color: #2f3254; font-weight: bold; border-radius: 3px; max-width: 150px; width: 100%; line-height: 40px; margin: 20px auto 10px; } body#recommended { background-color: #eee; } body#recommended .rj-header { background-color: #2e3254; padding: 1.25rem; } body#recommended .rj-header .container { max-width: 550px; margin: 0 auto; } body#recommended .rj-header .title { position: absolute; bottom: 1.5rem; text-transform: uppercase; font-size: 80%; left: 1.5rem; color: #fff; font-weight: bold; } body#recommended .rj-header .date { position: absolute; bottom: 1.5rem; text-transform: uppercase; font-size: 80%; right: 1.5rem; color: #fff; font-weight: bold; opacity: 0.4; } body#recommended .rj-header .logo { display: block; max-width: 180px; margin: 0 auto; } body#recommended .rj-header #job-search { margin: 1.25rem 0 0; } body#recommended .rj-header #job-search input { width: 100%; font-size: 14px; height: 40px; border: 0; border-radius: 0; outline: none; padding: 0 0.75rem; -webkit-appearance: none; } body#recommended .rj-header #job-search button { float: left; width: 20%; height: 40px; background-color: #bdc3c7; color: #fff; border: 0; cursor: pointer; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } body#recommended .rj-header #job-search button i { margin-top: 4px; display: block; } body#recommended .rj-header #job-search:after { clear: both; } body#recommended .rj-header #job-search:before, body#recommended .rj-header #job-search:after { content: " "; display: table; } body#recommended .rj-header .twitter-typeahead { float: left; width: 40%; } body#recommended .rj-header .twitter-typeahead:first-of-type input { border-right: 1px solid #eee; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } body#recommended .rj-container-exterior { background-color: #eee; padding: 10px; max-width: 1600px; margin: 0 auto; } body#recommended .rj-container-exterior .job { width: 25%; background-color: #fff; border: 10px solid #eee; padding: 1.5rem; } body#recommended .rj-container-exterior .job .title a { display: block; font-weight: bold; font-size: 16px; margin-bottom: 1rem; } body#recommended .rj-container-exterior .job .title .company-location { font-size: 90%; color: #aaa; } body#recommended .rj-container-exterior .job br { display: none; } body#recommended .rj-container-exterior .job .description { display: none; } body#recommended .rj-container-exterior .ad .sponsored { position: absolute; top: 2px; right: 2px; font-size: 9px; color: #aaa; } body#recommended .rj-container-exterior .rj-pop-keywords a { display: block; background-color: #bdc3c7; text-decoration: none; padding: 4px 6px; border-radius: 3px; color: #fff; } body#recommended .rj-container-exterior .rj-pop-keywords h3 { margin-bottom: 0.75rem; font-weight: bold; font-size: 100%; color: #555; padding: 0 4px; } body#recommended .rj-container-exterior .rj-pop-keywords .list { display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } body#recommended .rj-container-exterior .rj-pop-keywords .list .item { -webkit-flex: 1 auto; -webkit-box-flex: 1; -ms-flex: 1 auto; flex: 1 auto; padding: 3px; text-align: center; } body#recommended #jobs-list .job .job-header { display: flex; flex-direction: column; } body#recommended #jobs-list .job .job-header .company-location { width: 100%; } body#recommended #jobs-list .job .job-header .salary { top: 5px; margin-bottom: 1em; width: 100%; text-align: left; } .jdp .results-search { border-bottom: 1px solid #eee; } .jdp .results-search .twitter-typeahead:first-of-type input { border-right: 1px solid #eee; } .jdp .expired-missing { background: #2e3254; color: #ffffff; margin: 1em; padding: 1.5em; border-radius: 5px; } .jdp span.job-summary.open-description { max-height: 2000px !important; } .jdp .jdp-with-salary .job-summary { top: -20px; margin-bottom: 0 !important; } .jdp .job-description { background: #f5f5f5; border: 1px solid #aaabb7 !important; border-radius: 5px; margin: 1em; } .jdp .job-description a { text-decoration: none; } .jdp .job-description a:hover { text-decoration: none !important; } .jdp .job-description .job-container .job-header { border-radius: 0 3px 0 0; } .jdp .job-description .job-container .job-header .header-wrapper .company-logo { display: none; } .jdp .job-description .job-container .job-header .header-wrapper .title { display: flex; justify-content: space-between; } .jdp .job-description .job-container .job-header .header-wrapper .title .left-side { margin-right: 25px; width: 100%; } .jdp .job-description .job-container .job-header .header-wrapper .title .left-side h3 { margin: 0; text-decoration: underline; font-size: 17px; font-weight: bold; color: #313d75; } .jdp .job-description .job-container .job-header .header-wrapper .title .left-side h3:hover { color: #5d6291; } .jdp .job-description .job-container .job-header .header-wrapper .title .left-side .company-location { width: 100% !important; font-size: 0 !important; } .jdp .job-description .job-container .job-header .header-wrapper .title .left-side .company-location #company, .jdp .job-description .job-container .job-header .header-wrapper .title .left-side .company-location #location { font-size: 14px; text-decoration: none; color: #5c5c5c; } .jdp .job-description .job-container .job-header .header-wrapper .title .left-side .company-location #company:after { content: ' | '; padding-left: 5px; } .jdp .job-description .job-container .job-header .header-wrapper .title .left-side .company-location #location { padding-left: 5px; } .jdp .job-description .job-container .job-header .header-wrapper .title .right-side { float: right; } .jdp .job-description .job-container .job-header .header-wrapper .title .right-side .btn { position: relative; width: 120px; background: #fdcb34; font-weight: bold; color: #2e3254; text-align: center; padding: 5px 0; border-radius: 5px; border: 1px solid #c9a95a; top: 10px; box-shadow: 0 0 5px #ccc; -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; -webkit-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; font-size: 14px; } .jdp .job-description .job-container .job-header .header-wrapper .title .right-side .btn:hover { box-shadow: 0 0 0 transparent; -moz-box-shadow: 0 0 0 transparent; -webkit-box-shadow: 0 0 0 transparent; background: #edbd2d; border: 1px solid #edbd2d; color: white; } .jdp .job-description .job-container .description { width: 100% !important; clear: both; } .jdp .job-description .job-container .description .job-summary { display: block; max-height: 58px; overflow: hidden; width: 100%; position: relative; margin-bottom: 15px; } .jdp .job-description .job-container .description .job-summary * { padding: 0; margin: 0; } .jdp .job-description .job-container .description a { text-decoration: none; } .jdp .job-description .job-container .description a .show-more { background: #ffffff; border-radius: 5px; border: 1px solid #e7e7e7; font-size: 11px; width: 90px; text-align: center; padding: 2px 0; -webkit-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; } .jdp .job-description .job-container .description a .show-more:hover { background: #e7e7e7; border: 1px solid #c7c7c7; } .jdp .job-description .job-container .spotlight-cta { display: none; } .jdp .jdp-with-salary .salary { float: none !important; display: block !important; text-align: left !important; top: 0 !important; color: #2E3254 !important; padding: 5px 0 10px 0 !important; width: 100% !important; margin-bottom: 35px; } .jdp .jdp-with-salary .salary .locked { background: #CAD0D4 !important; } .jdp .jdp-with-salary .salary .locked:hover { background: #B4BDC3 !important; } .jdp .jdp-with-salary .salary .locked:before { content: url(/public/images/hj-locked.svg) !important; } .jdp .jdp-with-salary .salary .locked:after { content: 'View Salary'; font-size: 13px; position: relative; top: 4px; } .jdp .jdp-with-salary .salary .anual { background: #CAD0D4 !important; } .jdp .jdp-with-salary .salary .anual:before { content: url(/public/images/hj-unlocked.svg) !important; } .jdp #jobs-list .job-with-salary .salary { display: none; } .jdp #jobs-list .job-with-salary .description { width: 100%; } .view-all-jobs { display: flex; justify-content: center; padding: 20px; background: #ffffff; text-align: center; } .view-all-jobs .view-all-btn { background: #2e3254; padding: 1em 4em; border-radius: 5px; color: white; text-decoration: none; font-weight: bold; -webkit-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; } .view-all-jobs .view-all-btn:hover { background: #434865; } #unsubscribe-form { display: table; width: 100%; max-width: 600px; } #unsubscribe-form .input-container { display: table-cell; width: 70%; } #unsubscribe-form .input-container input { border: 1px solid #ddd; border-right: 0; height: 50px; width: 100%; padding: 0 1em; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } #unsubscribe-form button { display: table-cell; height: 50px; background-color: #bdc3c7; color: #fff; border: 0; width: 90%; padding: 0; cursor: pointer; border-radius: 0; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } #unsubscribe-form .form-flash-message { display: table-caption; } #contact { margin-bottom: 40px; } #contact .input-container { max-width: 500px; } #contact .input-container input { width: 100%; border: 1px solid #ddd; border-bottom: 0; padding: 0 0.75rem; height: 50px; border-radius: 0; } #contact .input-container input:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; } #contact .input-container textarea { width: 100%; border: 1px solid #ddd; border-bottom: 0; padding: 0.75rem; height: 150px; resize: none; display: block; border-radius: 0; } #contact .input-container .input-error { display: none; } #contact button { width: 100%; max-width: 500px; height: 50px; background-color: #bdc3c7; color: #fff; border: 0; cursor: pointer; border-radius: 0; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } #contact span { color: #aaa; margin-left: 0.5rem; font-weight: normal; } #contact .hidden { visibility: hidden; } .address-content p { margin: 0; } .address-content b { font-weight: bold; } .account-actions { display: table; width: 100%; height: 100%; background-color: #2e3254; } .account-actions .account-actions-interior { display: table-cell; vertical-align: middle; } .account-actions .account-actions-interior img { max-width: 220px; display: block; margin: 0 auto 3rem; } .account-actions .account-actions-interior .account-actions-form { max-width: 350px; margin: 0 auto; border-radius: 6px; background-color: transparent; display: none; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 0.35s; animation-delay: 0.35s; } .account-actions .account-actions-interior .account-actions-form.active { display: block; } .account-actions .account-actions-interior .account-actions-form input { display: block; width: 100%; height: 50px; padding: 0 1rem; border-radius: 0; border: 0; } .account-actions .account-actions-interior .account-actions-form input.half { float: left; width: 50%; } .account-actions .account-actions-interior .account-actions-form input:first-of-type { border-top-left-radius: 6px; border-top-right-radius: 6px; } .account-actions .account-actions-interior .account-actions-form button { display: block; background-color: #bdc3c7; width: 100%; height: 50px; padding: 0 1rem; border: 0; cursor: pointer; color: #fff; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .account-actions .account-actions-interior .account-actions-form button:hover { background-color: #b4babe; } .account-actions .account-actions-interior .account-actions-form .twitter-typeahead input { border-top-left-radius: 0; border-top-right-radius: 0; } .account-actions .account-actions-interior .account-actions-form .sign-up-cta { max-width: 350px; margin: 2rem auto 0; text-align: center; } .account-actions .account-actions-interior .account-actions-form .sign-up-cta a { background-color: #444B6E; display: block; padding: 0 2rem; line-height: 50px; border-radius: 6px; color: #fff; text-decoration: none; } .account-actions .account-actions-interior .account-actions-form .sign-up-cta a:hover { background-color: #3b4265; } .account-actions .account-actions-interior .login-message { font-size: 120%; padding: 0.5rem; text-align: center; } .account-actions .account-actions-interior .login-message.error { color: red; } .account-actions .account-actions-interior .login-message.success { color: darkgreen; } #user-profile .settings-form label { display: block; font-weight: bold; margin-bottom: 0.5rem; font-size: 120%; } #user-profile .settings-form label span { color: #aaa; margin-left: 0.5rem; font-weight: normal; } #user-profile .settings-form fieldset { margin-bottom: 2rem; border: 0; } #user-profile .settings-form fieldset input { padding: 0 0.75rem; height: 40px; border-radius: 3px; } #user-profile .settings-form .select { display: inline-block; } #user-profile .settings-form .select select { width: 100%; height: 40px; padding: 0 0.75rem; background-color: #fff; border: 1px solid #ddd; border-radius: 3px; cursor: pointer; outline: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } #user-profile .settings-form .select select:focus:-moz-focusring { color: transparent; text-shadow: 0 0 0 #aaa; } #user-profile .settings-form .select:after { position: absolute; top: 50%; right: 1.25rem; display: inline-block; content: ""; width: 0; height: 0; margin-top: -.15rem; pointer-events: none; border-top: .35rem solid; border-right: .35rem solid transparent; border-bottom: .35rem solid transparent; border-left: .35rem solid transparent; } #user-profile .settings-form input { border: 1px solid #ddd; } #user-profile .settings-form button { width: 20%; height: 50px; background-color: #bdc3c7; color: #fff; border: 0; cursor: pointer; border-radius: 3px; } #user-profile .login-message.success { color: darkgreen; } #user-profile .login-message.error { color: red; } body#error-404 .maintenance { display: table; width: 100%; height: 100%; background-color: #f5f5f5; } body#error-404 .maintenance .maintenance-interior { display: table-cell; vertical-align: middle; text-align: center; } body#error-404 .maintenance .maintenance-interior img { max-width: 50px; margin: 0 auto; display: block; } body#error-404 .maintenance h2 { margin: 1.5rem 0; line-height: 1; font-size: 150%; font-weight: bold; color: #434967; } body#error-404 .maintenance p { color: #aaa; font-weight: bold; margin: 0; } body#error-404 .maintenance a { color: #aaa; } @media only screen and (max-width: 900px) { body, button, input, select, textarea { font-size: 12px; } .home-logo { max-width: 150px; margin-top: 5px; } .home-footer li:not(:last-child) { margin-right: 0.5rem; } } @media only screen and (max-width: 1000px) { body#results .results-right-rail, body#recommended .results-right-rail, body#job-detail .results-right-rail { width: 178px; } } @media only screen and (max-width: 900px) { body#results .results-left-rail, body#results .results-primary, body#recommended .results-left-rail, body#recommended .results-primary, body#job-detail .results-left-rail, body#job-detail .results-primary { display: block; width: 100%; } body#results .results-right-rail, body#recommended .results-right-rail, body#job-detail .results-right-rail { display: none; } body#results .results-footer, body#recommended .results-footer, body#job-detail .results-footer { padding: 1.5rem 0.5rem; } body#results .results-logo, body#recommended .results-logo, body#job-detail .results-logo { padding: 1rem; } body#results .results-logo img, body#recommended .results-logo img, body#job-detail .results-logo img { max-width: 150px; margin: 0 auto; } body#results .search-keywords, body#recommended .search-keywords, body#job-detail .search-keywords { display: none; } body#results .job, body#recommended .job, body#job-detail .job { padding: 1.5em; } body#results .highlighted-job, body#recommended .highlighted-job, body#job-detail .highlighted-job { padding-top: 0; } body#results .ad, body#recommended .ad, body#job-detail .ad { padding: 1.5em; } body#results .pagination, body#recommended .pagination, body#job-detail .pagination { padding: 1.5em; } body#results .results-footer-txt, body#recommended .results-footer-txt, body#job-detail .results-footer-txt { display: block; text-align: center; padding-bottom: 1.5rem; } body#results .indeed-ref, body#recommended .indeed-ref, body#job-detail .indeed-ref { display: block; text-align: center; } body#results .rj-container .job, body#recommended .rj-container .job, body#job-detail .rj-container .job { width: 33.333%; } body#results .rj-header .title, body#results .rj-header .date, body#recommended .rj-header .title, body#recommended .rj-header .date, body#job-detail .rj-header .title, body#job-detail .rj-header .date { display: none; } } @media only screen and (max-width: 700px) { body#results .rj-container .job { width: 50%; } body#results .salary { display: block !important; width: 100% !important; text-align: left !important; padding: 0.5em 0 2em 0 !important; top: 0 !important; } body#results .description { width: 100% !important; } body#results .company-location { width: 100% !important; } body#recommended .rj-container .job { width: 50%; } body#job-detail .jdp .salary { padding: 1em 0 1.2em 0 !important; } } @media only screen and (max-width: 600px) { body#results .rj-container .job, body#recommended .rj-container .job, body#job-detail .rj-container .job { width: 100%; } .lander-title { font-size: 1.2rem; } .lander-modal-wrapper { padding: 20px; } .modal-keyword-container { width: 100%; } } @media only screen and (max-width: 1000px) { .jdp .job-description { padding-bottom: calc(1.5rem + 35px) !important; } .jdp .job-description .title { flex-direction: column; } .jdp .job-description .title .salary { margin-bottom: 0; } .jdp .job-description .description { margin-top: 5px; } .jdp .job-description .description .job-summary { top: 20px !important; width: 100% !important; } .jdp .job-description .description .show-more { top: 35px !important; } } @media only screen and (max-width: 500px) { #job-detail #jobs-list .job .description { display: none; } } @media only screen and (max-width: 900px) { .subpage-container { display: block; } .subpage-container .subpage-primary { display: block; width: 100%; height: auto; padding: 1.5em; } .subpage-container .subpage-left-rail { display: block; width: 100%; height: auto; padding: 3em 0; } .subpage-container .subpage-left-rail img { margin: 0 auto; } .subpage-container .subpage-left-rail .subpage-nav { margin-top: 20px; font-size: 8px; text-align: center; } .subpage-container .subpage-left-rail .subpage-nav li { display: inline-block; } .subpage-container .subpage-left-rail .subpage-nav li:not(:last-child) { margin-right: 0.5em; } .subpage-container .subpage-left-rail .subpage-jobs-cta { display: none; } }