@import url(https://fonts.googleapis.com/css?family=Lato:300,400,500);
/* Resets, variables, mixins, and general styles */
@import url(https://fonts.googleapis.com/css?family=Roboto:200,400,900);
@-webkit-keyframes fadein-down {
from {
opacity: 0;
-webkit-transform: translate3d(0, -10%, 0);
transform: translate3d(0, -10%, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadein-down {
from {
opacity: 0;
-webkit-transform: translate3d(0, -10%, 0);
transform: translate3d(0, -10%, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@-webkit-keyframes fadein-up {
from {
opacity: 0;
-webkit-transform: translate3d(0, 20%, 0);
transform: translate3d(0, 20%, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadein-up {
from {
opacity: 0;
-webkit-transform: translate3d(0, 20%, 0);
transform: translate3d(0, 20%, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@-webkit-keyframes bounce {
0% {
bottom: 15px; }
25%, 75% {
bottom: 22px; }
50% {
bottom: 25px; }
100% {
bottom: 15px; } }
@-moz-keyframes bounce {
0% {
bottom: 15px; }
25%, 75% {
bottom: 22px; }
50% {
bottom: 25px; }
100% {
bottom: 15px; } }
@-o-keyframes bounce {
0% {
bottom: 15px; }
25%, 75% {
bottom: 22px; }
50% {
bottom: 25px; }
100% {
bottom: 15px; } }
@keyframes bounce {
0% {
bottom: 15px; }
25%, 75% {
bottom: 22px; }
50% {
bottom: 25px; }
100% {
bottom: 15px; } }
* {
padding: 0;
margin: 0;
font-family: "Lato", Arial, sans-serif;
font-size: 15px;
color: #212121;
z-index: 1;
-moz-box-sizing: border-box;
/* Firefox */
-webkit-box-sizing: border-box;
/* Safari */
box-sizing: border-box; }
html, body {
max-width: 100%;
overflow-x: hidden; }
body {
background-color: #ecf0f1;
-webkit-text-size-adjust: 100%;
position: relative; }
.left {
float: left; }
.right {
float: right; }
.clear {
clear: both; }
a {
text-decoration: none; }
ul.horizontal {
padding: 0;
list-style-type: none;
display: inline-block; }
ul.horizontal > li {
display: inline; }
strong {
font-size: inherit;
color: inherit; }
/* Main Content */
#content {
margin: 0 auto;
min-height: 700px;
width: 100%; }
#header-spacer {
height: 4em; }
/* Form resets */
input,
select,
input[type=submit],
input[type=text],
input[type=password] {
margin: 5px;
border: 0;
padding: 12px 8px;
display: inline-block;
border-radius: 0;
-webkit-appearance: none;
-webkit-border-radius: 0px;
vertical-align: middle;
white-space: normal;
background: none;
line-height: 1;
border: 2px solid #fff;
-moz-box-sizing: border-box;
/* Firefox */
-webkit-box-sizing: border-box;
/* Safari */
box-sizing: border-box;
-o-transition: background-color 0.3s;
-ms-transition: background-color 0.3s;
-moz-transition: background-color 0.3s;
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
-webkit-transition-timing-function: ease-out;
/* Safari and Chrome */
transition-timing-function: ease-out;
-webkit-backface-visibility: hidden;
/* Browsers have different default form fonts */
font-size: 15px;
font-family: inherit;
color: #212121; }
input::-webkit-input-placeholder,
select::-webkit-input-placeholder,
input[type=submit]::-webkit-input-placeholder,
input[type=text]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder {
/* WebKit, Blink, Edge */
color: #a1a1a1;
font-weight: 300; }
input:-moz-placeholder,
select:-moz-placeholder,
input[type=submit]:-moz-placeholder,
input[type=text]:-moz-placeholder,
input[type=password]:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: #a1a1a1;
font-weight: 300;
opacity: 1; }
input::-moz-placeholder,
select::-moz-placeholder,
input[type=submit]::-moz-placeholder,
input[type=text]::-moz-placeholder,
input[type=password]::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: #a1a1a1;
font-weight: 300;
opacity: 1; }
input:-ms-input-placeholder,
select:-ms-input-placeholder,
input[type=submit]:-ms-input-placeholder,
input[type=text]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: #a1a1a1;
font-weight: 300; }
button {
outline: none; }
input[type=submit], button.main {
border-radius: .5em;
border: 2px solid #253563;
border-width: 0 0 2px;
background: #3A539B;
/* Old browsers */
background: -moz-linear-gradient(top, #4c69bc 0%, #3A539B 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #4c69bc 0%, #3A539B 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #4c69bc 0%, #3A539B 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
padding: 1em 2em;
text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.4);
box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.4);
color: #fff;
cursor: pointer; }
/* Reset autofill color */
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
background-color: #fff; }
/* Remove webkit outer glow */
input:focus {
outline: 0; }
/* Custom controls */
input {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box; }
/* Default spacing render */
input[type=submit],
select {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer; }
input[type=text].generic,
input[type=password].generic {
width: 100%;
margin: .5em 0;
border: 2px solid #cfd9db;
display: block;
background: rgba(255, 255, 255, 0.8);
color: #212121; }
input[type=text].generic:hover,
input[type=password].generic:hover {
background: #fff; }
input[type=text].generic:focus,
input[type=password].generic:focus {
background: #fff; }
input[type=submit].generic {
margin-top: 1em; }
#jumbo-container {
background-color: #fff;
margin: 0 auto;
padding-bottom: 2em;
max-width: 1100px;
border-radius: .7em;
border: 1px solid #cfd9db;
overflow: hidden;
-webkit-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.4);
box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.4); }
/* Navigation / Header */
header#main {
position: fixed;
width: 100%;
min-height: 4em;
padding: .5em 1em;
background-color: #fff;
white-space: nowrap;
z-index: 999;
-moz-box-sizing: border-box;
/* Firefox */
-webkit-box-sizing: border-box;
/* Safari */
box-sizing: border-box;
-webkit-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.4);
box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.4); }
header#main > div {
width: 80%;
max-width: 1200px;
margin: 0 auto; }
header#main ul.horizontal {
float: right;
height: 3em;
display: table; }
header#main ul.horizontal > li {
display: table-cell;
vertical-align: middle;
text-align: center;
cursor: pointer;
border-radius: .5em;
padding: 0 1em;
position: relative;
-webkit-touch-callout: none;
/* iOS Safari */
-webkit-user-select: none;
/* Chrome/Safari/Opera */
-khtml-user-select: none;
/* Konqueror */
-moz-user-select: none;
/* Firefox */
-ms-user-select: none;
/* IE/Edge */
user-select: none; }
header#main ul.horizontal > li > a {
width: 100px;
color: #1F3A93;
display: inline-block;
padding: 0 .5em;
text-decoration: inherit;
-moz-box-sizing: border-box;
/* Firefox */
-webkit-box-sizing: border-box;
/* Safari */
box-sizing: border-box; }
header#main ul.horizontal > li.dropdown {
z-index: 2; }
header#main ul.horizontal > li.sign-in {
z-index: 1;
cursor: default; }
header#main ul.horizontal > li.sign-in > a {
cursor: pointer;
color: #6e6e6e;
border: 1px solid #6e6e6e;
border-radius: 6px;
width: 132px;
height: 50px;
vertical-align: middle;
display: table-cell;
-o-transition: background-color 0.2s;
-ms-transition: background-color 0.2s;
-moz-transition: background-color 0.2s;
-webkit-transition: background-color 0.2s;
transition: background-color 0.2s;
-webkit-transition-timing-function: ease-out;
/* Safari and Chrome */
transition-timing-function: ease-out;
-webkit-backface-visibility: hidden; }
header#main ul.horizontal > li.sign-in > a:hover {
background-color: #f3f5fb; }
header#main img {
width: 11em;
border: none; }
header#main form.overlay-content {
position: absolute;
top: -1em;
right: 0;
width: 17em;
min-height: 10em;
margin: 0 auto;
margin-top: 30px;
border-radius: .3em;
text-align: center;
background-color: #fff;
border: 1px solid #fff;
overflow: hidden;
display: none;
opacity: 0;
-webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2); }
header#main form.overlay-content input[type=radio] {
position: absolute;
width: 0;
height: 0;
bottom: 0;
left: 0;
opacity: 0;
-moz-opacity: 0;
-webkit-opacity: 0;
-o-opacity: 0;
-ms-opacity: 0;
padding: 0;
margin: 0;
-moz-box-sizing: border-box;
/* Firefox */
-webkit-box-sizing: border-box;
/* Safari */
box-sizing: border-box; }
header#main form.overlay-content input[type=radio] + label {
display: inline-block;
text-align: center;
width: 50%;
padding: .6em;
margin: 0;
font-size: 1.2em;
background-color: #c0cdd1;
color: #5e7980;
cursor: pointer;
font-weight: 300;
-o-transition: 0.2s;
-ms-transition: 0.2s;
-moz-transition: 0.2s;
-webkit-transition: 0.2s;
transition: 0.2s;
-webkit-transition-timing-function: ease-out;
/* Safari and Chrome */
transition-timing-function: ease-out;
-webkit-backface-visibility: hidden;
-moz-box-sizing: border-box;
/* Firefox */
-webkit-box-sizing: border-box;
/* Safari */
box-sizing: border-box; }
header#main form.overlay-content input[type=radio] + label:hover {
background-color: #cfd9db;
color: #212121; }
header#main form.overlay-content input[type=radio]:checked + label {
color: #212121;
background: #fff;
/* Old browsers */
background: -moz-linear-gradient(top, #ecf0f1 0%, #fff 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #ecf0f1 0%, #fff 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ecf0f1 0%, #fff 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
font-weight: 400; }
header#main form.overlay-content input[type=radio]:not(:checked) + label {
-webkit-box-shadow: inset 0px 2px 10px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: inset 0px 2px 10px 1px rgba(0, 0, 0, 0.2);
box-shadow: inset 0px 2px 10px 1px rgba(0, 0, 0, 0.2); }
header#main form.overlay-content input[type=radio]:not(:checked) + label[for=seeker] {
border-radius: 0 0 .2em 0; }
header#main form.overlay-content input[type=radio]:not(:checked) + label[for=employer] {
border-radius: 0 0 0 .2em; }
header#main form.overlay-content div.login {
position: relative;
padding: 1em 2em;
text-align: left;
cursor: default; }
header#main form.overlay-content div.login > a {
font-size: .8em;
color: #6e6e6e; }
header#main form.overlay-content div.login > a:hover {
text-decoration: underline; }
header#main .caret {
display: inline-block;
width: 0;
height: 0;
vertical-align: middle;
border-top: 5px solid #6e6e6e;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
border-bottom: 0 solid #6e6e6e;
overflow: hidden;
-o-transition: 0.3s;
-ms-transition: 0.3s;
-moz-transition: 0.3s;
-webkit-transition: 0.3s;
transition: 0.3s;
-webkit-transition-timing-function: ease-out;
/* Safari and Chrome */
transition-timing-function: ease-out;
-webkit-backface-visibility: hidden; }
header#main .caret.flip.open {
transform: rotateX(180deg);
border-width: 10px 10px 0 10px; }
header#main li.dropdown {
position: relative; }
header#main ul.dropdown-list {
min-width: 9em;
padding: 0;
list-style-type: none;
display: none;
position: absolute;
right: 0;
border-radius: .2em;
overflow: hidden;
border: 1px solid #1F3A93;
margin-top: .5em;
background-color: #fff;
-webkit-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.4);
box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.4); }
header#main ul.dropdown-list li {
text-align: left;
font-size: .8em;
padding: 1em;
color: #1F3A93;
cursor: pointer;
-o-transition: 0.2s;
-ms-transition: 0.2s;
-moz-transition: 0.2s;
-webkit-transition: 0.2s;
transition: 0.2s;
-webkit-transition-timing-function: ease-out;
/* Safari and Chrome */
transition-timing-function: ease-out;
-webkit-backface-visibility: hidden; }
header#main ul.dropdown-list li:hover {
background-color: #e0e5f4; }
/* Hero banner */
#home section.hero-banner {
overflow: hidden;
position: relative;
background-size: cover;
background-position: top center;
background-image: url("https://www.jobsinlogistics.com/img/rwd-jil/hero2020.jpg");
background-color: #4164d7;
height: 500px;
min-height: 320px;
width: 100%;
vertical-align: middle;
-webkit-box-shadow: inset 0px -30px 60px -25px rgba(0, 0, 0, 0.6), inset 0px 30px 60px -25px rgba(0, 0, 0, 0.6);
-moz-box-shadow: inset 0px -30px 60px -25px rgba(0, 0, 0, 0.6), inset 0px 30px 60px -25px rgba(0, 0, 0, 0.6);
box-shadow: inset 0px -30px 60px -25px rgba(0, 0, 0, 0.6), inset 0px 30px 60px -25px rgba(0, 0, 0, 0.6); }
#home section.hero-banner .caret {
position: absolute;
bottom: 0;
height: 2em;
width: 100%; }
#home section.hero-banner .caret img {
width: 1.5em;
display: block;
position: absolute;
left: auto;
right: 1em;
top: 0;
margin: auto;
padding: .3em;
opacity: .5;
cursor: pointer;
-webkit-animation: bounce 1s infinite;
-moz-animation: bounce 1s infinite;
-o-animation: bounce 1s infinite;
animation: bounce 1s infinite; }
#home section.hero-banner .caret img:hover {
opacity: 1; }
#home .home-search {
width: 80%;
height: 50%;
max-width: 80em;
padding: 2em 1em;
margin: auto;
text-align: center;
position: absolute;
top: -40%;
left: 0;
bottom: 0;
right: 0; }
#home .home-search div.heading {
font-weight: 400;
font-size: 4vw;
margin-bottom: .5em;
display: block;
text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.5);
cursor: default;
-webkit-touch-callout: none;
/* iOS Safari */
-webkit-user-select: none;
/* Chrome/Safari/Opera */
-khtml-user-select: none;
/* Konqueror */
-moz-user-select: none;
/* Firefox */
-ms-user-select: none;
/* IE/Edge */
user-select: none;
-webkit-animation-name: fadein-down;
animation-name: fadein-down;
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-delay: 0s;
animation-delay: 0s; }
#home .home-search div.heading div.sub {
font-weight: 300; }
#home .home-search div.label-input {
display: inline-block;
width: 30%; }
#home .home-search div.hero-search-submit {
display: inline-block;
position: relative; }
#home .home-search label {
position: absolute;
margin-top: -13px;
margin-left: 5px;
font-size: 0.8em;
text-shadow: 0px 0px 15px black; }
#home .home-search * {
color: white; }
#home .home-search input[type=text] {
width: 98%;
background: #fff;
color: #212121;
border: 2px solid #ecf0f1;
border-radius: .4em;
-webkit-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.4);
box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.4); }
#home .home-search input[type=text]:hover {
background: #fff; }
#home .home-search input[type=text]:focus {
background: #fff; }
#home .get-hired {
font-size: 1em; }
/* Main Content */
#home {
width: 100%; }
#home .who-we-are {
width: 80%;
max-width: 1200px;
padding: 1.5em;
background: #fff;
margin: -1.5em auto 1em;
z-index: 2;
position: relative;
border-radius: .3em;
border: 1px solid #e0e7e8;
-webkit-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.4);
box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.4); }
#home .who-we-are h2 {
text-align: center;
font-size: 1.5em; }
#home .who-we-are p {
margin-top: 1em;
line-height: 1.5em; }
#home section.featured {
max-width: 1100px;
position: relative;
margin: 0 auto;
background-color: #fff;
width: 80%;
margin-top: 2em;
margin-bottom: 4em;
border-radius: .3em;
border: 1px solid #e0e7e8;
overflow: hidden;
-webkit-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.4);
box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.4); }
#home section.featured > div {
width: 100%;
display: inline-block;
padding: 1.8em .5em;
-moz-box-sizing: border-box;
/* Firefox */
-webkit-box-sizing: border-box;
/* Safari */
box-sizing: border-box; }
#home section.featured * {
color: #6e6e6e; }
#home section.featured h1 {
padding: .3em 0;
font-size: 1.5em;
text-align: center;
color: #fff; }
#home section.featured > .companies {
text-align: center;
border-bottom: 1px solid #e0e7e8; }
#home section.featured > .companies .company-logo {
display: inline-block;
width: 11.9%;
padding: .2em;
-moz-box-sizing: border-box;
/* Firefox */
-webkit-box-sizing: border-box;
/* Safari */
box-sizing: border-box; }
#home section.featured > .companies .company-logo img {
max-width: 100%;
max-height: 100%;
margin: 0em 0;
cursor: pointer;
position: relative;
border-radius: 5px;
-o-transition: 0.3s;
-ms-transition: 0.3s;
-moz-transition: 0.3s;
-webkit-transition: 0.3s;
transition: 0.3s;
-webkit-transition-timing-function: ease-out;
/* Safari and Chrome */
transition-timing-function: ease-out;
-webkit-backface-visibility: hidden; }
#home section.featured > .companies .company-logo img:hover {
-webkit-box-shadow: 0 0 15px 1px rgba(255, 255, 255, 0.8);
-moz-box-shadow: 0 0 15px 1px rgba(255, 255, 255, 0.8);
box-shadow: 0 0 15px 1px rgba(255, 255, 255, 0.8);
-ms-transform: scale(1.05, 1.05);
/* IE 9 */
-webkit-transform: scale(1.05, 1.05);
/* Safari */
transform: scale(1.05, 1.05);
/* Standard syntax */
opacity: 1; }
#home section.featured > .companies .company-logo img[data-lazy] {
border: 0; }
#home section.featured > .companies .company-logo .banner-cta {
position: absolute; }
#home section.featured > .companies .home-slick-slider {
border-width: 1px 0;
border-style: solid;
border-top-color: #0d193f;
border-bottom-color: #4164d7;
background-color: #fff;
border-radius: 5px;
position: relative;
margin: 0 auto;
margin-top: 1.4em;
margin-bottom: .4em;
width: 97%; }
#home section.featured > .companies .home-slick-slider:hover .company-logo img:not(:hover) {
opacity: .6; }
#home section.featured > .companies .home-slick-slider img {
margin: 0 auto;
text-align: center; }
#home section.featured > .jobs a:hover {
color: #000; }
#home section.featured > .jobs .job-description {
float: left;
width: 24%;
min-height: 6.5em;
padding-left: 4em;
font-weight: 300;
margin-top: 1em;
color: inherit;
-moz-box-sizing: border-box;
/* Firefox */
-webkit-box-sizing: border-box;
/* Safari */
box-sizing: border-box; }
#home section.featured > .jobs .job-description div {
color: inherit; }
#home section.featured > .jobs .job-description > .company {
font-weight: 400;
margin-bottom: .1em;
padding-bottom: .1em;
border-bottom: 1px dotted #ecf0f1; }
#home section.featured h2 {
margin-bottom: 1em;
font-size: 1.5em;
text-align: center;
text-transform: uppercase;
font-weight: 400;
color: #666;
font-weight: 900; }
#home section.featured > .companies {
background: #162969;
/* Old browsers */
background: -moz-linear-gradient(top, #1F3A93 0%, #162969 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #1F3A93 0%, #162969 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #1F3A93 0%, #162969 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
text-align: left;
padding-left: 5%;
padding-right: 5%; }
#home section.featured > .companies * {
color: #fff; }
#home section.featured > .companies .company-link {
display: inline-block;
width: 25%;
border: 1px solid rgba(0, 0, 0, 0);
padding: .5em;
transition: 0.1s;
border-radius: .3em;
text-decoration: underline;
vertical-align: top; }
#home section.featured > .companies .company-link:hover {
background: rgba(255, 255, 255, 0.1); }
#home section.featured > .news {
padding: 2.5em 5%; }
#home section.featured > .news article {
background: #fff;
border-radius: 3px;
padding: 1em;
-o-transition: 0.2s;
-ms-transition: 0.2s;
-moz-transition: 0.2s;
-webkit-transition: 0.2s;
transition: 0.2s;
-webkit-transition-timing-function: ease-out;
/* Safari and Chrome */
transition-timing-function: ease-out;
-webkit-backface-visibility: hidden; }
#home section.featured > .news article:hover {
background: #f2f5f5;
transform: scale(1.01); }
#home section.featured > .news article:hover span {
text-decoration: underline;
color: #1F3A93; }
#home section.featured > .news article * {
-moz-box-sizing: border-box;
/* Firefox */
-webkit-box-sizing: border-box;
/* Safari */
box-sizing: border-box; }
#home section.featured > .news article a {
text-decoration: underline; }
#home section.featured > .news .text {
display: inline-block;
width: 60%; }
#home section.featured > .news h3 {
color: #1F3A93;
font-size: 1.6em;
font-weight: 400; }
#home section.featured > .news img {
width: 35%;
display: inline-block;
vertical-align: top;
border-radius: 3px;
margin-right: 1.5em; }
#home section.featured > .news p {
margin: .5em 0;
font-weight: 300;
color: #212121;
line-height: 1.5em; }
#home section.featured > .clients {
padding: 2.5em 5%;
background: #ebebeb;
/* Old browsers */
background: -moz-linear-gradient(top, #f8f8f8 0%, #ebebeb 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #f8f8f8 0%, #ebebeb 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f8f8f8 0%, #ebebeb 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
border-top: 1px solid #e0e7e8;
line-height: 2em; }
#home section.featured > .clients h2 {
color: #1F3A93; }
#home section.featured > .clients span {
display: inline-block;
width: 33%;
vertical-align: top; }
#home section.engagement {
margin: 0 auto;
width: 80%;
max-width: 1200px; }
#home section.engagement > .engagement-block {
font-weight: 300;
padding: 1em 4%;
position: relative;
width: 33%;
display: inline-block;
text-align: center;
vertical-align: top;
font-size: .7em; }
#home section.engagement > .engagement-block h2 {
font-size: 1.7em;
color: #162969; }
#home section.engagement > .engagement-block > a {
cursor: pointer;
color: #3A539B;
font-weight: 400;
border: 1px solid #3A539B;
border-radius: 6px;
padding: .6em;
display: block;
margin: .7em auto;
width: 95%;
-o-transition: background-color 0.2s;
-ms-transition: background-color 0.2s;
-moz-transition: background-color 0.2s;
-webkit-transition: background-color 0.2s;
transition: background-color 0.2s;
-webkit-transition-timing-function: ease-out;
/* Safari and Chrome */
transition-timing-function: ease-out;
-webkit-backface-visibility: hidden; }
#home section.engagement > .engagement-block > a:hover {
color: #fff;
background-color: #3A539B; }
/* Employers Page */
#employer > img {
position: fixed;
bottom: 1em;
right: -40em;
z-index: 2;
width: 25em; }
#employer > #top {
background-color: black;
height: 25em;
background-image: url("../img/page-employer/hero1.jpg");
overflow: hidden;
position: relative;
background-size: cover;
background-position: center 15%;
display: table;
width: 100%;
padding: 0;
-moz-box-sizing: border-box;
/* Firefox */
-webkit-box-sizing: border-box;
/* Safari */
box-sizing: border-box; }
#employer > #top > div {
margin: 0 auto;
display: table;
height: 100%; }
#employer > #top .enter {
display: table-cell;
vertical-align: middle;
width: 50%; }
#employer > #top .enter > div {
background-color: #ecf0f1;
border-radius: .5em;
border-top: 1px solid #fff;
border-bottom: 1px solid #77939a;
padding: 1.5em 1em;
-moz-box-sizing: border-box;
/* Firefox */
-webkit-box-sizing: border-box;
/* Safari */
box-sizing: border-box;
-webkit-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.4);
box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.4); }
#employer > #top .enter > div h2 {
text-align: center;
font-size: 1.5em;
font-weight: 400;
color: #212121;
margin-bottom: 1em; }
#employer > #top .enter > div .login, #employer > #top .enter > div .register {
width: 50%;
display: inline-block;
vertical-align: middle;
padding: .5em 1.5em;
-moz-box-sizing: border-box;
/* Firefox */
-webkit-box-sizing: border-box;
/* Safari */
box-sizing: border-box; }
#employer > #top .enter > div .login {
border-right: 1px solid #bababa; }
#employer > #top .enter > div .register {
text-align: center;
color: #1F3A93;
line-height: 1em;
font-size: 1.4em; }
#employer > #top .enter > div .register span {
color: inherit;
font-size: .6em;
margin: .6em 0 .2em;
display: block; }
#employer > #top .enter > div .register span.times {
color: #a1a1a1;
font-size: .4em;
margin: 0; }
#employer > #top .company-description {
width: 50%;
display: inline-block;
display: table-cell;
vertical-align: middle; }
#employer > #top .company-description p {
color: #fff;
text-align: center;
margin: 0 auto;
font-weight: 300;
font-size: 1.7em;
width: 15em;
line-height: 1.4em;
text-shadow: 0 0 7px #000; }
#employer > #top .company-description ul {
max-width: 36em;
margin: 0 auto; }
#employer > #top .company-description li {
margin-left: 3em;
line-height: 1.5em;
color: #fff;
font-weight: 300;
font-size: 1.55em;
text-shadow: 0 0 7px #000; }
#employer #benefits {
padding: 1em 0;
-moz-box-sizing: border-box;
/* Firefox */
-webkit-box-sizing: border-box;
/* Safari */
box-sizing: border-box; }
#employer #benefits > div {
width: 1100px;
margin: 0 auto; }
#employer #benefits * {
color: #6e6e6e;
font-weight: 300;
line-height: 1.5em; }
#employer #benefits img, #employer #benefits h2 {
display: inline-block; }
#employer #benefits h2 {
font-size: 1.2em;
font-weight: 400; }
#employer #benefits img {
vertical-align: middle;
width: 2.5em;
margin: -.2em .3em 0 0; }
#employer #benefits p {
padding-top: .5em;
font-size: 1.2em;
vertical-align: top;
display: table-cell; }
#employer #benefits div > div {
width: 33%;
padding: 2em 1.5em;
display: inline-block;
-moz-box-sizing: border-box;
/* Firefox */
-webkit-box-sizing: border-box;
/* Safari */
box-sizing: border-box; }
#employer #companies .title {
text-align: center;
background-color: #fff;
padding: 1em;
font-weight: 300;
font-size: 1.5em; }
#employer #companies .title img {
width: 15em;
margin-top: -.5em;
vertical-align: middle; }
#employer #companies .company-info {
background-image: url("../img/page-employer/hero1.jpg");
overflow: hidden;
position: relative;
background-size: cover;
background-position: bottom;
display: table;
padding: 1em 0 2em;
width: 100%;
min-height: 20em;
box-shadow: inset 0 10em 10em -4em rgba(0, 0, 0, 0.7), inset 0 -1.5em 7em rgba(255, 255, 255, 0.3);
-moz-box-sizing: border-box;
/* Firefox */
-webkit-box-sizing: border-box;
/* Safari */
box-sizing: border-box; }
#employer #companies .company-info > div {
width: 1100px;
margin: 0 auto; }
#employer #companies .company-info div.logos {
text-align: center; }
#employer #companies .company-info div.logos div {
display: inline-block;
width: 17%;
min-height: 3em;
-moz-box-sizing: border-box;
/* Firefox */
-webkit-box-sizing: border-box;
/* Safari */
box-sizing: border-box; }
#employer #companies .company-info div.logos div img {
max-width: 100%;
max-height: 100%;
width: 100%;
height: auto; }
#employer #companies .company-info .testimonial {
color: #fff;
font-size: 1.3em;
font-weight: 300;
width: 30%;
display: inline-block;
vertical-align: top;
padding: 1em 1.3em;
line-height: 1.5em;
border-top: 4px solid #fff;
background: rgba(0, 0, 70, 0.4);
margin: .7em;
line-height: 1.7em;
letter-spacing: .02em;
font-style: italic;
-moz-box-sizing: border-box;
/* Firefox */
-webkit-box-sizing: border-box;
/* Safari */
box-sizing: border-box;
-o-transition: 0.3s;
-ms-transition: 0.3s;
-moz-transition: 0.3s;
-webkit-transition: 0.3s;
transition: 0.3s;
-webkit-transition-timing-function: ease-out;
/* Safari and Chrome */
transition-timing-function: ease-out;
-webkit-backface-visibility: hidden; }
#employer #companies .company-info .testimonial:hover {
background: rgba(23, 33, 90, 0.85);
-ms-transform: scale(1.05) translateY(9px);
-webkit-transform: scale(1.05) translateY(9px);
transform: scale(1.05) translateY(9px); }
#employer #companies .company-info .testimonial:first-child {
margin-left: 0; }
#employer #companies .company-info .testimonial:last-child {
margin-right: 0; }
#employer #companies .company-info .testimonial span {
display: block;
text-align: right;
font-weight: 400;
color: inherit;
font-size: 1.1em;
font-style: normal; }
#employer #pricing {
padding: 2% 0 1%;
-moz-box-sizing: border-box;
/* Firefox */
-webkit-box-sizing: border-box;
/* Safari */
box-sizing: border-box; }
#employer #pricing > div {
width: 1100px;
margin: 0 auto;
-moz-box-sizing: border-box;
/* Firefox */
-webkit-box-sizing: border-box;
/* Safari */
box-sizing: border-box; }
#employer #pricing * {
text-align: center; }
#employer #pricing h1 {
color: #3A539B;
font-size: 2em;
font-weight: 500; }
#employer #pricing p {
color: #6e6e6e;
-moz-box-sizing: border-box;
/* Firefox */
-webkit-box-sizing: border-box;
/* Safari */
box-sizing: border-box; }
#employer #pricing p.pricing-description {
padding: 1.6em 2% 0; }
#employer #pricing p.disclaimer {
margin-top: 1em;
text-align: left;
font-size: .75em;
width: 50%;
padding: 2em;
display: inline-block;
line-height: 1.3em;
vertical-align: top; }
#employer #pricing .offer {
width: 20%;
display: inline-block;
padding: 0 .5em;
-moz-box-sizing: border-box;
/* Firefox */
-webkit-box-sizing: border-box;
/* Safari */
box-sizing: border-box; }
#employer #pricing .offer .box {
border: 1px solid #3A539B;
margin-top: 2em;
overflow: hidden;
border-radius: 3px;
-moz-box-sizing: border-box;
/* Firefox */
-webkit-box-sizing: border-box;
/* Safari */
box-sizing: border-box; }
#employer #pricing .offer .box .top {
background-color: #3A539B;
color: #fff;
padding: 1em 0 .5em;
font-size: 1.7em;
line-height: 1.8em; }
#employer #pricing .offer .box .top h1 {
font-weight: 700;
font-size: 3em; }
#employer #pricing .offer .box .top h1 span {
font-size: .4em;
margin-left: -.4em; }
#employer #pricing .offer .box .top * {
color: #fff; }
#employer #pricing .offer .box .bottom {
background-color: #fff;
padding: .7em 0;
color: #3A539B;
font-size: 1.7em; }
#employer #pricing .offer .box .bottom span {
font-size: .6em;
color: #a1a1a1; }
#employer #pricing .offer.offer-search .box {
border-color: #253563; }
#employer #pricing .offer.offer-search .box .top {
background-color: #253563; }
#employer #pricing .offer.offer-search .box .bottom {
color: #253563; }
#employer #pricing .offer.hot-deal .box {
border-color: #c52d40; }
#employer #pricing .offer.hot-deal .box .top {
background-color: #c52d40;
line-height: 1.2em;
font-size: 1.5em; }
#employer #pricing .offer.hot-deal .box .top span.and {
font-size: .6em; }
#employer #pricing .offer.hot-deal .box .bottom {
color: #c52d40; }
#register-fixed-box {
display: none;
position: fixed;
bottom: 1em;
right: 1em;
background: #ecf0f1;
background: rgba(240, 240, 240, 0.9);
text-align: center;
padding: 1em;
border-radius: .4em;
border-top: 1px solid #fff;
border-bottom: 1px solid #bababa;
box-shadow: 0 0 40px rgba(0, 0, 0, 0.3);
color: #3A539B;
line-height: 1em;
font-size: 1.4em; }
#register-fixed-box span {
color: inherit;
font-size: .6em;
margin: .6em 0 .2em;
display: block; }
#register-fixed-box span.times {
color: #a1a1a1;
font-size: .4em;
margin: 0; }
#register-fixed-box-close {
position: absolute;
right: .5em;
top: .2em;
cursor: pointer;
font-size: 1em;
color: #bababa;
font-weight: 300;
-webkit-touch-callout: none;
/* iOS Safari */
-webkit-user-select: none;
/* Chrome/Safari/Opera */
-khtml-user-select: none;
/* Konqueror */
-moz-user-select: none;
/* Firefox */
-ms-user-select: none;
/* IE/Edge */
user-select: none; }
#register-fixed-box-close:hover {
color: inherit; }
@media screen and (max-width: 1100px) {
#employer #top .enter > div {
padding: 1.5em 0; }
#employer #top .enter > div .register {
padding: .5em; }
#employer #top .company-description p {
font-size: 1.3em; }
#employer #benefits > div {
width: 850px; }
#employer #benefits > div > div {
padding: .7em; }
#employer #benefits > div > div img {
width: 2em; }
#employer #benefits > div > div h2, #employer #benefits > div > div p {
font-size: 1em; }
#employer #companies .company-info > div {
width: 850px; }
#employer #companies .company-info > div .testimonial {
font-size: 1em; }
#employer #pricing > div {
width: 850px; }
#employer #pricing > div .offer .box {
font-size: .75em; }
#employer #pricing > div p.disclaimer {
font-size: .6em;
padding: 1em; } }
@media screen and (max-width: 850px) {
#employer #top {
padding: 2em 0; }
#employer #top > div {
width: 75%; }
#employer #top .enter, #employer #top .company-description {
display: table-row; }
#employer #top .enter {
width: 100%; }
#employer #top .enter > div {
width: 94%;
margin: 0 auto;
margin-top: 3%; }
#employer #top .company-description > p {
padding-top: 1.5em; }
#employer #benefits > div {
width: 100%; }
#employer #benefits > div > div {
width: 70%;
text-align: center;
margin: 0 auto;
display: block;
padding: 1em 0 2em; }
#employer #benefits > div > div img {
width: 2em; }
#employer #benefits > div > div h2 {
font-size: 1em; }
#employer #companies .title {
font-size: 1.2em; }
#employer #companies .title img {
width: 13em; }
#employer #companies .company-info > div {
width: 100%; }
#employer #companies .company-info > div .testimonial {
font-size: 1em; }
#employer #pricing > div {
width: 100%; }
#employer #pricing > div > h1 {
font-size: 1.5em; }
#employer #pricing > div p.pricing-description {
font-size: .8em;
padding-top: .5em; }
#employer #pricing > div .offer {
padding: .2em; }
#employer #pricing > div .offer .box {
font-size: .6em; }
#employer #pricing > div .offer .box .top {
font-size: 1.5em; }
#employer #pricing > div .offer.hot-deal .box .top {
line-height: 1.1em; } }
@media screen and (max-width: 600px) {
#employer #top {
padding: 0em 0 2em; }
#employer #top > div {
width: 100%; }
#employer #top > div .enter > div {
text-align: center; }
#employer #companies .title {
font-size: 1em; }
#employer #companies .title img {
width: 10em; }
#employer #companies .company-info {
padding: 1em; }
#employer #companies .company-info > div .testimonial {
width: 100%;
margin: 1em 0; }
#employer #companies .company-info > div .logos {
padding: 0 1.5em; }
#employer #companies .company-info > div .logos div {
width: 32%; }
#employer #pricing > div {
padding: 1em; }
#employer #pricing > div .offer {
width: 50%;
padding: .3em; }
#employer #pricing > div .offer .box {
font-size: .6em; }
#employer #pricing > div .offer .box .top {
font-size: 1.5em; }
#employer #pricing > div .offer.offer-search .box .top {
line-height: 1.5em; }
#employer #pricing > div p.disclaimer {
width: 100%; }
#employer #pricing > div p.disclaimer:not(:first-child) {
margin-top: .5em; } }
#employer-portal {
padding: 4em 2em; }
#employer-portal * {
color: #333; }
#employer-portal #jumbo-container {
border: none;
padding: 3em 2em 3em;
margin: 0 auto;
position: relative;
max-width: 900px;
-moz-box-sizing: border-box;
/* Firefox */
-webkit-box-sizing: border-box;
/* Safari */
box-sizing: border-box; }
#employer-portal #jumbo-container:before {
content: 'Logged in as';
display: block;
text-align: center;
width: 100%;
font-weight: 100;
font-size: .9em;
max-width: 700px;
margin: -1em auto .5em;
top: 1.5em;
color: #aaa;
-moz-box-sizing: border-box;
/* Firefox */
-webkit-box-sizing: border-box;
/* Safari */
box-sizing: border-box; }
#employer-portal h1, #employer-portal h2, #employer-portal hr, #employer-portal .button-group {
max-width: 700px;
margin: 0 auto; }
#employer-portal h1 {
font-size: 2.8em;
font-weight: 100;
line-height: 1em;
text-align: center; }
#employer-portal h2 {
color: #28396b;
text-align: center;
font-size: 1.3em; }
#employer-portal hr {
margin: 1em auto 2em;
border: none;
border-top: 1px solid #aaa; }
#employer-portal .button-group {
margin-top: 2em; }
#employer-portal .button-group a {
position: relative;
border-width: 1px 0;
border-style: solid;
display: block;
padding: .8em 1em;
-o-transition: 0.15s;
-ms-transition: 0.15s;
-moz-transition: 0.15s;
-webkit-transition: 0.15s;
transition: 0.15s;
-webkit-transition-timing-function: ease-out;
/* Safari and Chrome */
transition-timing-function: ease-out;
-webkit-backface-visibility: hidden; }
#employer-portal .button-group a:first-of-type {
border-radius: .5em .5em 0 0; }
#employer-portal .button-group a:last-of-type {
border-radius: 0 0 .5em .5em;
-webkit-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.4);
box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.4); }
#employer-portal .button-group a .button-title {
font-size: 1.5em; }
#employer-portal .button-group a .button-description {
font-weight: 100;
opacity: .66;
-o-transition: 0.3s;
-ms-transition: 0.3s;
-moz-transition: 0.3s;
-webkit-transition: 0.3s;
transition: 0.3s;
-webkit-transition-timing-function: ease-out;
/* Safari and Chrome */
transition-timing-function: ease-out;
-webkit-backface-visibility: hidden; }
#employer-portal .button-group a * {
color: #fff; }
#employer-portal .button-group a:hover .button-description, #employer-portal .button-group a:hover img {
opacity: 1; }
#employer-portal .button-group a:hover img {
transform: scale(1.08); }
#employer-portal .button-group a:hover:after {
right: 1.9em;
opacity: 1; }
#employer-portal .button-group a:after {
content: "";
display: inline-block;
width: .8em;
height: .8em;
vertical-align: middle;
position: absolute;
right: 2em;
top: 2em;
background-size: contain;
opacity: .2;
background-image: url("chevron.png");
-o-transition: 0.1s;
-ms-transition: 0.1s;
-moz-transition: 0.1s;
-webkit-transition: 0.1s;
transition: 0.1s;
-webkit-transition-timing-function: ease-out;
/* Safari and Chrome */
transition-timing-function: ease-out;
-webkit-backface-visibility: hidden; }
#employer-portal .button-group span {
display: block; }
#employer-portal .button-group img {
vertical-align: middle;
width: 1.8em;
margin: 0 1em 0 .5em;
opacity: .8;
-o-transition: 0.15s;
-ms-transition: 0.15s;
-moz-transition: 0.15s;
-webkit-transition: 0.15s;
transition: 0.15s;
-webkit-transition-timing-function: ease-out;
/* Safari and Chrome */
transition-timing-function: ease-out;
-webkit-backface-visibility: hidden; }
#employer-portal .button-group-text {
display: inline-block;
vertical-align: middle; }
#employer-portal .button-group-my a {
border-top-color: #4866bb;
border-bottom-color: #415dae;
background-color: #4461b5; }
#employer-portal .button-group-my a:hover {
background-color: #506cbd; }
#employer-portal .button-group-my a:nth-child(even) {
border-top-color: #506cbd;
border-bottom-color: #4461b5;
background-color: #4866bb; }
#employer-portal .button-group-my a:nth-child(even):hover {
background-color: #5772c0; }
#employer-portal .button-group-do a {
border-top-color: #4292b3;
border-bottom-color: #3d86a4;
background-color: #408cab; }
#employer-portal .button-group-do a:hover {
background-color: #4598ba; }
#employer-portal .button-group-do a:nth-child(even) {
border-top-color: #4598ba;
border-bottom-color: #408cab;
background-color: #4292b3; }
#employer-portal .button-group-do a:nth-child(even):hover {
background-color: #4d9cbd; }
#employer-portal .button-group-buy a {
border-top-color: #30bd87;
border-bottom-color: #2cac7c;
background-color: #2eb481; }
#employer-portal .button-group-buy a:hover {
background-color: #32c58d; }
#employer-portal .button-group-buy a:nth-child(even) {
border-top-color: #32c58d;
border-bottom-color: #2eb481;
background-color: #30bd87; }
#employer-portal .button-group-buy a:nth-child(even):hover {
background-color: #35cc93; }
#employer-portal .more-info, #employer-portal .more-info strong {
text-align: center;
margin-top: 2.5em;
line-height: 1.6em;
color: #555;
font-weight: 100;
letter-spacing: .02em; }
#employer-portal .more-info strong {
font-weight: 500;
font-size: 1.1em; }
#employer-portal .hours-available {
font-size: .7em;
color: #aaa; }
@media screen and (max-width: 650px) {
#employer-portal {
padding: 0; }
#employer-portal #jumbo-container {
border-radius: 0; }
#employer-portal h1 {
font-size: 1.9em;
line-height: 1.2em; }
#employer-portal h2 {
font-size: 1em; }
#employer-portal .button-group a {
padding: 1em;
padding-left: .5em; }
#employer-portal .button-group a img {
margin-right: .4; }
#employer-portal .button-group a:after {
top: 1.6em; }
#employer-portal .button-group a .button-title {
font-size: 1.1em; }
#employer-portal .button-group .button-description {
display: none; } }
/* Driver Registration Page */
#registration {
padding: 2em .6em; }
#registration #field-errors {
display: none;
padding: 1.3em;
margin: 0 auto 2.5em;
max-width: 40em;
background: rgba(231, 76, 60, 0.1);
color: #e74c3c;
border: 2px solid #e74c3c;
border-radius: .1em; }
#registration #field-errors p {
color: inherit;
font-size: .8em; }
#registration #field-errors p:before {
content: "\2022";
margin-right: .5em; }
#registration #experience,
#registration #license,
#registration #preferences {
display: none; }
#registration section {
position: relative; }
#registration h1 {
color: #fff;
background-color: #1F3A93;
border-bottom: 1px solid #e0e7e8;
text-align: center;
font-size: 1.8em;
text-transform: uppercase;
padding: .8em 0 .5em;
font-weight: 900; }
#registration h1:after, #registration h1:before {
font-family: FontAwesome;
content: "\f21a";
margin: 0 1em;
font-size: .3em;
vertical-align: 80%;
display: inline-block;
opacity: .5; }
#registration h6 {
color: #495d62;
font-weight: 400;
font-size: .7em;
background-color: #f5f7f7;
padding: .3em 1em .5em;
margin: 1em 0 1.5em;
border-radius: .2em; }
#registration h6 span {
display: block;
margin: .7em 0; }
#registration ul {
text-align: center;
cursor: default; }
#registration li {
display: inline-block;
font-size: .9em;
margin: 2em .7% 3em;
font-weight: 300;
color: #cecece;
position: relative;
-webkit-touch-callout: none;
/* iOS Safari */
-webkit-user-select: none;
/* Chrome/Safari/Opera */
-khtml-user-select: none;
/* Konqueror */
-moz-user-select: none;
/* Firefox */
-ms-user-select: none;
/* IE/Edge */
user-select: none;
cursor: default; }
#registration li.done {
color: #adadad; }
#registration li.done:after {
content: "\2713";
font-size: .7em;
color: #adadad;
position: absolute;
left: -.7em;
top: -.4em; }
#registration li.current {
font-weight: 400;
color: #1F3A93; }
#registration li.current:after {
content: "";
position: absolute;
bottom: -.3em;
display: block;
background-color: #878787;
width: 100%;
height: 4px; }
#registration sup {
color: #e74c3c !important;
font-size: .6em; }
#registration #search-fields {
vertical-align: top;
display: inline-block;
width: 100%;
-moz-box-sizing: border-box;
/* Firefox */
-webkit-box-sizing: border-box;
/* Safari */
box-sizing: border-box; }
#registration #search-fields h2, #registration #search-fields h3 {
letter-spacing: .05em;
font-weight: 900;
color: #3e4f54; }
#registration #search-fields .input-box > h2 {
margin-left: 0;
top: -.9em;
position: absolute; }
#registration #search-fields .class-checkboxes {
display: inline; }
#registration #search-fields .class-checkboxes input[type="checkbox"] {
position: absolute;
width: 0;
height: 0;
bottom: 0;
left: 0;
opacity: 0;
-moz-opacity: 0;
-webkit-opacity: 0;
-o-opacity: 0;
-ms-opacity: 0;
padding: 0;
margin: 0;
-moz-box-sizing: border-box;
/* Firefox */
-webkit-box-sizing: border-box;
/* Safari */
box-sizing: border-box; }
#registration #search-fields .class-checkboxes label {
padding: .4em .85em;
border-radius: .3em;
display: inline-block;
position: relative;
color: #6e6e6e;
cursor: pointer;
margin: .3em .05em;
vertical-align: middle;
text-align: center;
font-weight: 300;
font-size: .9em;
border: 1px solid #a1bcae;
-o-transition: 0.1s;
-ms-transition: 0.1s;
-moz-transition: 0.1s;
-webkit-transition: 0.1s;
transition: 0.1s;
-webkit-transition-timing-function: ease-out;
/* Safari and Chrome */
transition-timing-function: ease-out;
-webkit-backface-visibility: hidden;
-webkit-touch-callout: none;
/* iOS Safari */
-webkit-user-select: none;
/* Chrome/Safari/Opera */
-khtml-user-select: none;
/* Konqueror */
-moz-user-select: none;
/* Firefox */
-ms-user-select: none;
/* IE/Edge */
user-select: none;
-moz-box-sizing: border-box;
/* Firefox */
-webkit-box-sizing: border-box;
/* Safari */
box-sizing: border-box; }
#registration #search-fields .class-checkboxes label:before {
content: "\2713";
position: absolute;
top: 3px;
margin-top: -2px;
left: -3px;
font-size: 1em;
border: 1px solid #37b173;
border-radius: 100%;
padding: 0 1px 2px;
width: 11px;
height: 11px;
font-size: .8em;
opacity: 0;
transform: scale(0.01);
-o-transition: 0.1s;
-ms-transition: 0.1s;
-moz-transition: 0.1s;
-webkit-transition: 0.1s;
transition: 0.1s;
-webkit-transition-timing-function: ease-out;
/* Safari and Chrome */
transition-timing-function: ease-out;
-webkit-backface-visibility: hidden; }
#registration #search-fields .class-checkboxes input[type=checkbox]:checked + label {
background-color: #3FC380;
border-color: #37b173;
color: #fff; }
#registration #search-fields .class-checkboxes input[type=checkbox]:checked + label:before {
top: -2px;
opacity: 1;
transform: scale(1);
background-color: #fff;
color: #37b173;
-webkit-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.4);
box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.4); }
#registration #search-fields .class-checkboxes input[type=checkbox]:not(:checked) + label:hover {
border-color: #3FC380; }
#registration #search-fields .class-checkboxes input[type=checkbox]:not(:checked) + label:hover:before {
opacity: .5;
margin-top: -2px;
left: 0px;
border-color: #ecf0f1;
transform: scale(0.8); }
#registration #search-fields h3 {
font-weight: 400;
font-size: .9em;
display: inline-block;
vertical-align: middle; }
#registration #search-fields hr {
border: none;
border-top: 1px solid #e0e0e0;
margin: .5em 0 2em; }
#registration form {
max-width: 43em;
padding: 0 1.5em;
margin: 0 auto;
position: relative; }
#registration form span {
color: #6e6e6e;
font-weight: 300;
font-size: .9em; }
#registration input[type=text].primary-input,
#registration input[type=email].primary-input,
#registration input[type=tel].primary-input,
#registration input[type=password].primary-input,
#registration select.primary-input {
border: 1px solid #94aab0;
border-radius: .15em;
background: #fff;
box-shadow: inset 0 3px 2px -1px rgba(51, 65, 69, 0.15);
padding: .6em .7em;
margin: .3em 0 0;
height: 42px;
position: relative;
letter-spacing: .05em;
width: 100%;
-moz-box-sizing: border-box;
/* Firefox */
-webkit-box-sizing: border-box;
/* Safari */
box-sizing: border-box;
-o-transition: 0.3s;
-ms-transition: 0.3s;
-moz-transition: 0.3s;
-webkit-transition: 0.3s;
transition: 0.3s;
-webkit-transition-timing-function: ease-out;
/* Safari and Chrome */
transition-timing-function: ease-out;
-webkit-backface-visibility: hidden; }
#registration input.secondary-input, #registration select.secondary-input {
border: 1px solid #b1c2c6;
box-shadow: inset 0 3px 2px -1px rgba(51, 65, 69, 0.15);
font-size: 1em;
border-radius: .15em;
width: auto;
padding: .3em .5em; }
#registration #license .select:after, #registration #preferences .select:after {
top: .75em; }
#registration #license .select select, #registration #preferences .select select {
width: 100%;
margin: 5px 0; }
#registration #license h3 {
width: 20%; }
#registration #license .select {
min-width: 7em;
width: 30%; }
#registration #license .select:after {
right: .7em;
top: .9em; }
#registration #preferences .select:not(.secondary):after {
top: 1.3em; }
#registration #preferences h3 {
width: 10%;
min-width: 4em; }
#registration select[name="month"], #registration select[name="year"] {
padding-right: 1.5em; }
#registration textarea {
border: 1px solid #b1c2c6;
box-shadow: inset 0 3px 2px -1px rgba(51, 65, 69, 0.15);
border-radius: .2em;
resize: none;
padding: .5em;
width: 100%; }
#registration #license-number, #registration #other-explain {
min-width: 7em;
width: 30%; }
#registration #first, #registration #last {
width: 100%; }
#registration .dropdown-container {
display: inline-block;
position: relative;
width: 20%;
min-width: 6em; }
#registration .dropdown-container .drop-caret {
position: absolute;
color: #1F3A93;
right: .6em;
top: 1.3em; }
#registration .dropdown-container .within-text {
position: absolute;
font-size: .8em;
top: -1em;
width: 100%;
text-align: center;
left: auto;
right: auto; }
#registration select {
width: 100%;
padding-right: 1.5em;
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: ''; }
#registration input[type=radio] {
margin-left: 1em; }
#registration input[type=submit] {
display: none;
font-weight: 400;
font-size: 1.1em;
border-radius: .7em;
padding: .9em 2em;
margin: 5em auto 0;
text-shadow: none; }
#registration .checkbox-selection {
position: relative;
display: table;
width: 100%;
padding: 0;
margin: .1em 0;
-moz-box-sizing: border-box;
/* Firefox */
-webkit-box-sizing: border-box;
/* Safari */
box-sizing: border-box; }
#registration .checkbox-selection input[type=checkbox] {
position: absolute;
width: 0;
height: 0;
bottom: 0;
left: 0;
opacity: 0;
-moz-opacity: 0;
-webkit-opacity: 0;
-o-opacity: 0;
-ms-opacity: 0;
padding: 0;
margin: 0;
-moz-box-sizing: border-box;
/* Firefox */
-webkit-box-sizing: border-box;
/* Safari */
box-sizing: border-box; }
#registration .checkbox-selection label {
padding: 1em;
display: table-cell;
position: relative;
color: #fff;
background-color: #bababa;
box-shadow: inset 0 10px 20px 0 rgba(0, 0, 0, 0.2);
cursor: pointer;
margin: 0;
vertical-align: middle;
text-align: center;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
-o-transition: 0.1s;
-ms-transition: 0.1s;
-moz-transition: 0.1s;
-webkit-transition: 0.1s;
transition: 0.1s;
-webkit-transition-timing-function: ease-out;
/* Safari and Chrome */
transition-timing-function: ease-out;
-webkit-backface-visibility: hidden;
-webkit-touch-callout: none;
/* iOS Safari */
-webkit-user-select: none;
/* Chrome/Safari/Opera */
-khtml-user-select: none;
/* Konqueror */
-moz-user-select: none;
/* Firefox */
-ms-user-select: none;
/* IE/Edge */
user-select: none;
-moz-box-sizing: border-box;
/* Firefox */
-webkit-box-sizing: border-box;
/* Safari */
box-sizing: border-box; }
#registration .checkbox-selection label:first-of-type {
border-radius: .7em 0 0 .7em; }
#registration .checkbox-selection label:last-of-type {
border-radius: 0 .7em .7em 0; }
#registration .checkbox-selection label:before {
content: "\2713";
position: absolute;
top: 3px;
left: 3px;
font-size: .8em;
border: 1px solid #3FC380;
border-radius: 100%;
padding: 0 1px 2px;
width: 14px;
height: 14px;
opacity: 0;
transform: scale(0.01);
-o-transition: 0.1s;
-ms-transition: 0.1s;
-moz-transition: 0.1s;
-webkit-transition: 0.1s;
transition: 0.1s;
-webkit-transition-timing-function: ease-out;
/* Safari and Chrome */
transition-timing-function: ease-out;
-webkit-backface-visibility: hidden; }
#registration .checkbox-selection label:not(:last-of-type) {
border-right: 2px solid #fff; }
#registration .checkbox-selection input[type=checkbox]:checked + label {
background-color: #3FC380;
box-shadow: inset 0 -10px 20px 0 rgba(0, 0, 0, 0.2);
text-shadow: 0 0 15px rgba(0, 0, 0, 0.5); }
#registration .checkbox-selection input[type=checkbox]:checked + label:before {
top: -2px;
opacity: 1;
transform: scale(1);
text-shadow: none;
background-color: #fff;
color: #3FC380;
-webkit-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.4);
box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.4); }
#registration .checkbox-selection input[type=checkbox]:not(:checked) + label:hover {
background-color: #a1bcae;
box-shadow: none; }
#registration .checkbox-selection input[type=checkbox]:not(:checked) + label:hover:before {
opacity: .5;
border-color: #fff;
transform: scale(0.8); }
#registration .exact-match-box {
position: absolute;
right: 0;
padding-right: 1.5em; }
#registration .exact-match-box label {
font-size: .9em;
margin-left: .2em;
color: #6e6e6e;
-webkit-touch-callout: none;
/* iOS Safari */
-webkit-user-select: none;
/* Chrome/Safari/Opera */
-khtml-user-select: none;
/* Konqueror */
-moz-user-select: none;
/* Firefox */
-ms-user-select: none;
/* IE/Edge */
user-select: none; }
#registration .half-input, #registration .full-input, #registration .quarter-input {
position: relative;
display: inline-block;
text-align: center;
display: inline-block;
padding: .2em;
position: relative;
-moz-box-sizing: border-box;
/* Firefox */
-webkit-box-sizing: border-box;
/* Safari */
box-sizing: border-box;
margin-bottom: 1.2em; }
#registration .half-input {
width: 50%; }
#registration .full-input {
width: 100%; }
#registration .quarter-input {
width: 25%; }
#registration .select {
position: relative;
display: inline-block; }
#registration .select:after {
font-family: FontAwesome;
content: "\f0d7";
position: absolute;
right: .9em;
top: 1.5em;
z-index: 2;
color: #6e6e6e;
pointer-events: none; }
#registration input:required:not([type="submit"]):valid {
-webkit-box-shadow: inset 0 0 0 2px rgba(63, 195, 128, 0.8) !important 5px 5px -5px rgba(0, 0, 0, 0.4);
-moz-box-shadow: inset 0 0 0 2px rgba(63, 195, 128, 0.8) !important 5px 5px -5px rgba(0, 0, 0, 0.4);
box-shadow: inset 0 0 0 2px rgba(63, 195, 128, 0.8) !important 5px 5px -5px rgba(0, 0, 0, 0.4); }
#registration input:required:not([type="submit"]).invalid {
-webkit-box-shadow: inset 0 0 0 2px rgba(231, 76, 60, 0.5) 5px 5px -5px rgba(0, 0, 0, 0.4);
-moz-box-shadow: inset 0 0 0 2px rgba(231, 76, 60, 0.5) 5px 5px -5px rgba(0, 0, 0, 0.4);
box-shadow: inset 0 0 0 2px rgba(231, 76, 60, 0.5) 5px 5px -5px rgba(0, 0, 0, 0.4); }
#registration input[type="number"], #registration .other-input {
border: none;
border: 1px solid #ecf0f1;
border-bottom: 2px solid #3fc380;
border-radius: .2em .2em 0 0;
box-shadow: inset 0 3px 2px -1px rgba(51, 65, 69, 0.1);
padding: .1em .1em 0;
font-size: inherit;
display: inline-block;
width: 3.2em;
text-align: center; }
#registration input[type="radio"] {
margin-left: 0; }
#registration .other-input {
width: 50%;
text-align: left;
padding: .4em .85em;
border-radius: .3em;
display: inline-block;
position: relative;
color: #6e6e6e;
cursor: pointer;
margin: .3em .05em;
vertical-align: middle;
font-weight: 300;
font-size: .9em;
border: 1px solid #a1bcae; }
#registration .clarification {
text-align: left;
margin: 1.7em 0 0;
line-height: 1.5em; }
#registration .clarification * {
color: #3e4f54; }
#registration .clarification label {
margin-left: .2em; }
#registration .clarification > div {
display: inline; }
#registration .button {
margin: 1em; }
#registration .button.previous, #registration .button.next {
padding: .6em .8em;
margin-top: 1.5em;
border: none;
font-weight: 400;
text-shadow: none;
background: none;
border: 1px solid #aabaed;
color: #4164d7;
-webkit-box-shadow: none 5px 5px -5px rgba(0, 0, 0, 0.4);
-moz-box-shadow: none 5px 5px -5px rgba(0, 0, 0, 0.4);
box-shadow: none 5px 5px -5px rgba(0, 0, 0, 0.4);
-o-transition: 0.15s;
-ms-transition: 0.15s;
-moz-transition: 0.15s;
-webkit-transition: 0.15s;
transition: 0.15s;
-webkit-transition-timing-function: ease-out;
/* Safari and Chrome */
transition-timing-function: ease-out;
-webkit-backface-visibility: hidden; }
#registration .button.previous:hover, #registration .button.next:hover {
background: #4164d7;
border-color: #4164d7;
color: #fff; }
#registration .button.previous {
float: left;
display: none; }
#registration .button.previous:before {
font-family: FontAwesome;
content: "\f0d9";
display: inline-block;
margin-right: .6em; }
#registration .button.next {
float: right; }
#registration .button.next:after {
font-family: FontAwesome;
content: "\f0da";
display: inline-block;
margin-left: .6em; }
#jumbo-container {
background-color: #fff;
margin: 0 auto;
padding-bottom: 2em;
max-width: 900px;
border-radius: .7em;
border: 1px solid #cfd9db;
overflow: hidden;
-webkit-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.4);
box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.4); }
@media screen and (max-width: 1050px) {
#registration .exact-match-box {
margin-top: .5em; }
#registration #search-fields, #registration #featured {
width: 100%; }
#registration #featured > div {
max-width: none;
margin: 1em;
border-radius: .3em;
padding-bottom: 1em;
border: none;
-webkit-box-shadow: none 5px 5px -5px rgba(0, 0, 0, 0.4);
-moz-box-shadow: none 5px 5px -5px rgba(0, 0, 0, 0.4);
box-shadow: none 5px 5px -5px rgba(0, 0, 0, 0.4); } }
@media screen and (max-width: 580px) {
#registration {
padding: 0; }
#registration .city-box {
width: 100%; }
#registration .dropdown-container {
width: 30%;
margin: 1em .5em .5em; }
#registration form {
padding: 0 .8em; }
#registration h1 {
font-size: 1.4em;
padding: .6em 0;
margin-bottom: .5em; }
#registration #search-fields {
padding: 0 1em; }
#registration #search-fields h2 {
font-size: .8em; }
#registration .checkbox-selection label {
font-size: .8em; }
#registration .checkbox-selection label:before {
padding: 0; }
#registration .company-logo {
width: 48%; }
#registration #jumbo-container {
border-radius: 0;
border-width: 0; }
#registration input[type=text].primary-input,
#registration input[type=email].primary-input,
#registration input[type=tel].primary-input,
#registration input[type=password].primary-input,
#registration select.primary-input {
font-size: .8em;
height: 35px; }
#registration .select:after {
top: 1.2em;
opacity: .4; } }
/* Adanced Page */
#advanced {
padding: 2em .6em; }
#advanced h1 {
color: #fff;
background-color: #1F3A93;
margin-bottom: 1em;
border-bottom: 1px solid #e0e7e8;
text-align: center;
font-size: 1.8em;
text-transform: uppercase;
padding: .8em 0 .5em;
font-weight: 900; }
#advanced #search-fields {
vertical-align: top;
display: inline-block;
width: 70%; }
#advanced #search-fields h2 {
padding-top: 1.2em;
letter-spacing: .05em;
text-transform: uppercase;
font-weight: 900;
color: #404040; }
#advanced #search-fields hr {
border: none;
border-top: 1px solid #e0e0e0;
margin: 2em 0 1em; }
#advanced #featured {
display: inline-block;
width: 30%;
text-align: left;
margin-top: 1.5em; }
#advanced #featured > div {
color: #fff;
display: inline-block;
text-align: center;
max-width: 19em;
border-radius: .3em;
margin: 0 auto;
background-color: #1F3A93;
border: 1px solid #cfd9db;
-webkit-box-shadow: 0 5px 25px rgba(0, 0, 0, 0.3) 5px 5px -5px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 5px 25px rgba(0, 0, 0, 0.3) 5px 5px -5px rgba(0, 0, 0, 0.4);
box-shadow: 0 5px 25px rgba(0, 0, 0, 0.3) 5px 5px -5px rgba(0, 0, 0, 0.4); }
#advanced #featured h2 {
color: inherit;
font-weight: 400;
text-align: center;
padding: .7em;
font-size: 1.2em; }
#advanced #featured img {
border-radius: .2em;
background: #e1e7f9;
border: 1px solid #aabaed;
-webkit-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.4);
box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.4);
-o-transition: 0.3s;
-ms-transition: 0.3s;
-moz-transition: 0.3s;
-webkit-transition: 0.3s;
transition: 0.3s;
-webkit-transition-timing-function: ease-out;
/* Safari and Chrome */
transition-timing-function: ease-out;
-webkit-backface-visibility: hidden; }
#advanced #featured img:hover {
transform: scale(1.1); }
#advanced .company-logo {
display: inline-block;
text-align: center;
padding: 0 .3em .3em;
-moz-box-sizing: border-box;
/* Firefox */
-webkit-box-sizing: border-box;
/* Safari */
box-sizing: border-box; }
#advanced form {
max-width: 42em;
padding: 0 1.5em;
margin: 0 auto;
position: relative; }
#advanced form span {
color: #6e6e6e;
font-weight: 300;
font-size: .9em; }
#advanced input[type=text], #advanced select, #advanced textarea {
border: 1px solid #6e6e6e;
border-radius: .2em;
box-shadow: inset 0 3px 7px -1px rgba(0, 0, 0, 0.15);
padding: .8em .7em;
margin: .3em 0 0;
position: relative;
-moz-box-sizing: border-box;
/* Firefox */
-webkit-box-sizing: border-box;
/* Safari */
box-sizing: border-box; }
#advanced input[type=text], #advanced select {
height: 45px; }
#advanced #what, #advanced #city {
width: 100%;
padding-left: 2em; }
#advanced .dropdown-container {
display: inline-block;
position: relative;
width: 20%;
min-width: 6em; }
#advanced .dropdown-container .drop-caret {
position: absolute;
color: #1F3A93;
right: .6em;
top: 1.3em; }
#advanced .dropdown-container .within-text {
position: absolute;
font-size: .8em;
top: -1em;
width: 100%;
text-align: center;
left: auto;
right: auto; }
#advanced select {
width: 100%;
padding-right: 1.5em;
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: ''; }
#advanced select[name=region] {
height: auto;
padding-left: 1em;
width: 50%;
overflow: auto; }
#advanced select[name=region] option {
padding: .3em .3em .3em 0;
position: relative;
-o-transition: 0.15s;
-ms-transition: 0.15s;
-moz-transition: 0.15s;
-webkit-transition: 0.15s;
transition: 0.15s;
-webkit-transition-timing-function: ease-out;
/* Safari and Chrome */
transition-timing-function: ease-out;
-webkit-backface-visibility: hidden; }
#advanced select[name=region] option:checked, #advanced select[name=region] option:hover {
background: #eaedfa;
padding-left: .5em; }
#advanced input[type=radio] {
margin-left: 1em; }
#advanced input[type=submit] {
display: block;
font-weight: 200;
font-size: 1.1em;
border-radius: .7em;
padding: .8em 2em;
margin: 2.5em auto; }
#advanced .checkbox-selection {
position: relative;
display: table;
width: 100%;
padding: 0;
margin: .1em 0;
-moz-box-sizing: border-box;
/* Firefox */
-webkit-box-sizing: border-box;
/* Safari */
box-sizing: border-box; }
#advanced .checkbox-selection input[type=checkbox] {
position: absolute;
width: 0;
height: 0;
bottom: 0;
left: 0;
opacity: 0;
-moz-opacity: 0;
-webkit-opacity: 0;
-o-opacity: 0;
-ms-opacity: 0;
padding: 0;
margin: 0;
-moz-box-sizing: border-box;
/* Firefox */
-webkit-box-sizing: border-box;
/* Safari */
box-sizing: border-box; }
#advanced .checkbox-selection label {
padding: 1em;
display: table-cell;
position: relative;
color: #fff;
background-color: #bababa;
box-shadow: inset 0 10px 20px 0 rgba(0, 0, 0, 0.2);
cursor: pointer;
margin: 0;
vertical-align: middle;
text-align: center;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
-o-transition: 0.1s;
-ms-transition: 0.1s;
-moz-transition: 0.1s;
-webkit-transition: 0.1s;
transition: 0.1s;
-webkit-transition-timing-function: ease-out;
/* Safari and Chrome */
transition-timing-function: ease-out;
-webkit-backface-visibility: hidden;
-webkit-touch-callout: none;
/* iOS Safari */
-webkit-user-select: none;
/* Chrome/Safari/Opera */
-khtml-user-select: none;
/* Konqueror */
-moz-user-select: none;
/* Firefox */
-ms-user-select: none;
/* IE/Edge */
user-select: none;
-moz-box-sizing: border-box;
/* Firefox */
-webkit-box-sizing: border-box;
/* Safari */
box-sizing: border-box; }
#advanced .checkbox-selection label:first-of-type {
border-radius: .7em 0 0 .7em; }
#advanced .checkbox-selection label:last-of-type {
border-radius: 0 .7em .7em 0; }
#advanced .checkbox-selection label:before {
content: "\2713";
position: absolute;
top: 3px;
left: 3px;
font-size: .8em;
border: 1px solid #3FC380;
border-radius: 100%;
padding: 0 1px 2px;
width: 14px;
height: 14px;
opacity: 0;
transform: scale(0.01);
-o-transition: 0.1s;
-ms-transition: 0.1s;
-moz-transition: 0.1s;
-webkit-transition: 0.1s;
transition: 0.1s;
-webkit-transition-timing-function: ease-out;
/* Safari and Chrome */
transition-timing-function: ease-out;
-webkit-backface-visibility: hidden; }
#advanced .checkbox-selection label:not(:last-of-type) {
border-right: 2px solid #fff; }
#advanced .checkbox-selection input[type=checkbox]:checked + label {
background-color: #3FC380;
box-shadow: inset 0 -10px 20px 0 rgba(0, 0, 0, 0.2);
text-shadow: 0 0 15px rgba(0, 0, 0, 0.5); }
#advanced .checkbox-selection input[type=checkbox]:checked + label:before {
top: -2px;
opacity: 1;
transform: scale(1);
text-shadow: none;
background-color: #fff;
color: #3FC380;
-webkit-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.4);
box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.4); }
#advanced .checkbox-selection input[type=checkbox]:not(:checked) + label:hover {
background-color: #a1bcae;
box-shadow: none; }
#advanced .checkbox-selection input[type=checkbox]:not(:checked) + label:hover:before {
opacity: .5;
border-color: #fff;
transform: scale(0.8); }
#advanced .exact-match-box {
position: absolute;
right: 0;
padding-right: 1.5em; }
#advanced .exact-match-box label {
font-size: .9em;
margin-left: .2em;
color: #6e6e6e;
-webkit-touch-callout: none;
/* iOS Safari */
-webkit-user-select: none;
/* Chrome/Safari/Opera */
-khtml-user-select: none;
/* Konqueror */
-moz-user-select: none;
/* Firefox */
-ms-user-select: none;
/* IE/Edge */
user-select: none; }
#advanced .what-box, #advanced .city-box {
position: relative;
display: inline-block; }
#advanced .what-box {
width: 100%; }
#advanced .what-box i {
font-size: 1.2em;
top: 1em; }
#advanced .city-box {
width: 58%; }
#advanced i {
position: absolute;
left: .5em;
top: .8em;
color: #a1a1a1;
font-size: 1.4em; }
#advanced #search-by-city {
text-align: center; }
#jumbo-container {
background-color: #fff;
margin: 0 auto;
padding-bottom: 2em;
max-width: 1100px;
border-radius: .7em;
border: 1px solid #cfd9db;
overflow: hidden;
-webkit-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.4);
box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.4); }
@media screen and (max-width: 1050px) {
#advanced .exact-match-box {
margin-top: .5em; }
#advanced #search-fields, #advanced #featured {
width: 100%; }
#advanced #featured > div {
max-width: none;
margin: 1em;
border-radius: .3em;
padding-bottom: 1em;
border: none;
-webkit-box-shadow: none 5px 5px -5px rgba(0, 0, 0, 0.4);
-moz-box-shadow: none 5px 5px -5px rgba(0, 0, 0, 0.4);
box-shadow: none 5px 5px -5px rgba(0, 0, 0, 0.4); } }
@media screen and (max-width: 580px) {
#search-by-city {
text-align: center; }
#advanced {
padding: 0; }
#advanced #what, #advanced #city {
padding-left: 2.4em; }
#advanced .city-box {
width: 100%; }
#advanced .dropdown-container {
width: 30%;
margin: 1em .5em .5em; }
#advanced form {
padding: 0 .8em; }
#advanced h1 {
font-size: 1.4em;
padding: .6em 0;
margin-bottom: .5em; }
#advanced #search-fields {
padding: 0 1em; }
#advanced #search-fields hr {
margin: 1em 0 0; }
#advanced .checkbox-selection label {
font-size: .8em; }
#advanced .checkbox-selection label:before {
padding: 0; }
#advanced input[type=submit] {
margin: .7em auto 1.5em; }
#advanced .company-logo {
width: 48%; }
#jumbo-container {
border-radius: 0;
border-width: 0; }
input[type=text], select {
font-size: .8em; } }
/* Job Post Page */
#job-post {
padding: 2em; }
#job-post * {
font-family: Helvetica, Arial, sans-serif; }
#job-post #jumbo-container {
padding: 3em 5em;
max-width: 1000px;
position: relative;
overflow: hidden; }
#job-post h1, #job-post h1 * {
color: #293b6e;
font-size: 1.2em;
font-family: "Lato", Arial, sans-serif; }
#job-post h2, #job-post h2 * {
color: #192e76;
font-weight: 300; }
#job-post h2 {
margin: .8em 0; }
#job-post h3, #job-post h3 * {
color: #6e6e6e;
font-size: .9em;
line-height: 1.7em; }
#job-post h3 .secondary {
font-weight: 400; }
#job-post .job-type {
text-decoration: underline; }
#job-post hr {
border-width: 1px 0 0 0;
border-top: 1px solid #A8A8A8;
margin-top: 1em; }
#job-post h4, #job-post h4 * {
color: #A8A8A8;
text-align: right;
font-weight: 300;
margin-top: .3em;
font-size: .93em;
letter-spacing: .05em; }
#job-post .company-name, #job-post .posted-date, #job-post .ref-number {
font-weight: 600; }
#job-post .auto-logo {
text-align: center;
margin-top: 1.5em; }
#job-post .job-post-body {
margin-top: 1.5em;
line-height: 1.7em;
padding-bottom: 1em; }
#job-post .job-post-body * {
color: #212121; }
#job-post .job-post-body a {
color: #1F3A93; }
#job-post .job-post-body a:hover {
text-decoration: underline; }
#job-post .job-post-body ul {
margin-left: 1em; }
#job-post .apply-button-section {
position: fixed;
bottom: 0;
padding: 1em 0 1.5em;
text-align: center;
pointer-events: none;
background: #fff;
background: rgba(255, 255, 255, 0.9);
background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 40%, rgba(255, 255, 255, 0.9) 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 40%, rgba(255, 255, 255, 0.9) 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 40%, rgba(255, 255, 255, 0.9) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
/* IE6-9 */ }
#job-post .apply-button-section span {
color: #1F3A93;
font-weight: 300; }
#job-post .apply-button-section a {
pointer-events: all; }
#job-post .apply-button-section i {
font-family: FontAwesome;
color: #3A539B;
font-size: 1.4em;
padding: .2em;
vertical-align: middle;
-o-transition: 0.2s;
-ms-transition: 0.2s;
-moz-transition: 0.2s;
-webkit-transition: 0.2s;
transition: 0.2s;
-webkit-transition-timing-function: ease-out;
/* Safari and Chrome */
transition-timing-function: ease-out;
-webkit-backface-visibility: hidden; }
#job-post .apply-button-section i:hover {
color: #0037d5;
transform: scale(1.1); }
#job-post button.main {
font-family: "Lato", Arial, sans-serif;
display: block;
margin: 1em auto .1em;
padding: .7em 2em;
letter-spacing: .03em;
width: 100%;
max-width: 300px;
font-size: 1.2em;
text-shadow: none;
pointer-events: all;
-o-transition: 0.2s;
-ms-transition: 0.2s;
-moz-transition: 0.2s;
-webkit-transition: 0.2s;
transition: 0.2s;
-webkit-transition-timing-function: ease-out;
/* Safari and Chrome */
transition-timing-function: ease-out;
-webkit-backface-visibility: hidden; }
#job-post button.main:hover {
background: #3A539B;
/* Old browsers */
background: -moz-linear-gradient(top, #3A539B 0%, #3A539B 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, #3A539B 0%, #3A539B 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #3A539B 0%, #3A539B 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
transform: scale(1.03); }
@media screen and (max-width: 775px) {
#job-post {
padding: 1.5em; }
#job-post #jumbo-container {
padding: 2em 3em; }
#job-post h1, #job-post h1 * {
font-size: 16px; }
#job-post h2 {
margin-top: .5em; }
#job-post h3, #job-post h3 * {
line-height: 1em; }
#job-post h4, #job-post h4 * {
font-size: 11px;
margin-top: .5em; }
#job-post .job-post-body {
margin-top: .8em; }
#job-post .apply-button-section {
padding: .8em 0; }
#job-post button.main {
max-width: 150px;
font-size: 1em;
padding: .5em 2em; } }
@media screen and (max-width: 575px) {
#job-post {
padding: 0; }
#job-post #jumbo-container {
padding: 0 0 2em;
border: none;
border-radius: 0; }
#job-post .job-post-summary {
background-color: #f6f6f6;
padding: 1em 1.5em; }
#job-post .job-post-body {
padding: 0 1.5em 1em; }
#job-post hr {
display: none; }
#job-post h4 {
padding: 0 1em; }
#job-post .auto-logo {
display: none; } }
/* Adanced Page */
#terms {
padding: 2em .6em; }
#terms #jumbo-container {
background-color: #fff;
margin: 0 auto;
padding: 4em;
max-width: 1100px;
border-radius: .7em;
border: 1px solid #cfd9db;
overflow: hidden;
-webkit-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.4);
box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.4); }
#terms p, #terms h2, #terms h3, #terms h1 {
margin-bottom: 1em;
color: #212121; }
#terms h1 {
text-align: center;
font-size: 1.5em;
color: #212121; }
#terms h1:after, #terms h1:before {
font-family: FontAwesome;
content: "\f21a";
margin: 0 1em;
font-size: .3em;
vertical-align: 80%;
display: inline-block;
color: #1F3A93;
opacity: .5; }
#terms h2 {
text-align: center;
margin-top: 2em;
font-size: 1.1em;
text-decoration: underline; }
#terms p {
margin-left: 1em;
color: #3b3b3b;
line-height: 1.8em; }
@media screen and (max-width: 580px) {
#terms {
padding: 0; }
#terms #jumbo-container {
border-radius: 0;
border-width: 0;
padding: 1.5em; } }
/* Footer */
footer {
width: 100%;
padding: 1em;
background-color: #20358c;
color: #fff;
-moz-box-sizing: border-box;
/* Firefox */
-webkit-box-sizing: border-box;
/* Safari */
box-sizing: border-box; }
footer * {
color: #fff; }
footer div.footer-container {
max-width: 55em;
margin: 0 auto; }
footer .partners {
border-bottom: 2px solid #fff; }
footer .partners a {
display: inline-block;
width: 16.0%;
text-align: center;
-moz-box-sizing: border-box;
/* Firefox */
-webkit-box-sizing: border-box;
/* Safari */
box-sizing: border-box; }
footer .partners img {
max-width: 100%;
max-height: 100%;
width: 7em;
margin: 0 0 .6em;
border: none;
padding: .8em;
cursor: pointer;
border-radius: .3em;
vertical-align: middle;
-o-transition: background-color 0.2s;
-ms-transition: background-color 0.2s;
-moz-transition: background-color 0.2s;
-webkit-transition: background-color 0.2s;
transition: background-color 0.2s;
-webkit-transition-timing-function: ease-out;
/* Safari and Chrome */
transition-timing-function: ease-out;
-webkit-backface-visibility: hidden;
-moz-box-sizing: border-box;
/* Firefox */
-webkit-box-sizing: border-box;
/* Safari */
box-sizing: border-box; }
footer .partners img:hover {
background-color: rgba(255, 255, 255, 0.1); }
footer .links {
margin: 1.5em 0;
-moz-box-sizing: border-box;
/* Firefox */
-webkit-box-sizing: border-box;
/* Safari */
box-sizing: border-box; }
footer ul {
list-style-type: none;
float: left;
width: 25%;
min-height: 9em; }
footer ul li, footer ul li a {
font-size: .9em; }
footer ul li:first-child {
font-weight: 500;
margin-bottom: .8em; }
footer ul a {
opacity: .7;
line-height: 1.5em; }
footer ul a:hover {
opacity: 1;
text-decoration: underline; }
footer div.social {
font-size: 1.2em;
font-weight: 300;
text-align: center; }
footer div.social img {
width: 2em;
margin: .5em .5em 0 0;
opacity: .7;
border: none; }
footer div.social img:hover {
opacity: 1; }
footer div.copyright {
clear: both;
padding: 0em 0 1.5em;
text-align: center;
font-size: .7em;
font-weight: 200;
color: rgba(255, 255, 255, 0.5); }
/* Media queries */
@media (min-width: 1400px) {
#home .home-search div.heading {
font-size: 4em; } }
@media screen and (max-width: 775px) {
header#main {
padding: .2em;
min-height: 3em; }
header#main > div {
width: 100%; }
header#main ul.horizontal > li {
padding: 0 .2em; }
#header-spacer {
height: 3.4em; }
#home .home-search {
top: 5%;
margin-top: 0; }
#home .home-search div.label-input {
width: 100%;
margin-bottom: 1em; }
#home section.engagement {
max-width: 28em; }
#home section.engagement .engagement-block {
width: 100%; }
#home .who-we-are {
width: 100%;
margin: 0;
border-width: 0 0 1px 0;
border-radius: 0; }
#home section.featured {
width: 95%; }
#home section.featured .companies .company-logo {
width: 24%; }
#home section.featured .companies:hover .company-logo img:not(:hover) {
opacity: 1; }
#home section.featured > .companies .company-logo img:hover {
-ms-transform: none;
/* IE 9 */
-webkit-transform: none;
/* Safari */
transform: none;
/* Standard syntax */ }
#home section.featured .jobs .job-description {
width: 49%;
padding-left: 1em; }
footer .partners a {
width: 32%; }
footer .partners img {
padding: .2em; }
footer ul {
width: 50%; }
footer div.social {
text-align: left; } }
@media screen and (max-width: 575px) {
header#main img {
width: 10em; }
header#main ul.horizontal > li.sign-in {
display: none; }
#home .home-search div.heading {
font-size: 1.5em; }
#home section.featured .companies .company-logo {
width: 49%; }
#home section.featured .companies .company-link {
width: 50%; }
#home section.featured .jobs .job-description {
text-align: center;
width: 100%;
padding-left: 1em; }
#home section.featured .news img {
width: 100%; }
#home section.featured .news .text {
margin-top: 1em;
width: 100%; }
#home section.featured > .clients span {
width: 50%; } }
@media screen and (max-width: 376px) {
header img {
width: 9em; }
li.dropdown > a {
font-size: .8em;
padding: 0; }
header#main ul.horizontal > li > a {
width: 75px; }
#home section.featured .companies .company-link,
#home section.featured > .clients span {
width: 100%; } }
@media screen and (max-height: 560px) {
#home section.hero-banner .caret img {
left: auto;
right: 1em; } }
@media screen and (max-height: 380px) {
#home .home-search {
top: -5%; } }
@media screen and (max-height: 320px) {
#home .home-search div.heading {
font-size: 2em; }
#home .home-search div.label-input {
margin-bottom: 1em; }
#home .home-search div.heading {
margin-bottom: .3em; } }
/* Retina Screens */
/*# sourceMappingURL=style.css.map */