@charset "UTF-8";
 /*                                          ,,                                            ,,    
 .M"""bgd mm                                db              `7MM        mm        mm   `7MM                                     OO OO           M M        MM         MM     MM                                    88 88 88 s7Mb,od8 `7MM  .P"Ybmmm  MMpMMMb.mmMMmm     mmMMmm   M MpMMMb.  .gP"Ya `7Mb,od8 .gP"Ya      || || ||
  `YMMNq. MM  6W'   `Wb MM   `Wb      MM' "'   MM :MI  I8    MM    MM  MM         MM     MM    MM ,M'   Yb  MM' "',M'   Yb     || || || 
.     `MM MM  8M     M8 MM    M8      MM       MM  WmmmP"     MM    MM  MM         MM     MM    MM 8M""""""  MM    8M""""""     `' `' `' 
Mb     dM MM  YA.   ,A9 MM a     .JMML .   .MML.YMMMMMb .JML  JMML.`Mbmo      `Mbmo.JMML  JMML.`Mbmmd'.JMML.   `Mbmmd'     db db db   
                         M  M                       6'     dP                                                                                         
                      .JMML                          Ybmmmd'                                                                                        
Pattern Lab doesn't have any CSS req uirements, which  mean s  you can write your styles howe ver you want. Hooray! 
You can use Sass, Less, vanilla CSS, or some other crazy thing I haven't heard of yet.
So please don't use these styles. They're just h ere to put toge ther the demo, and nothing more.
They're intentionally gray, boring, and crappy because you're supposed to do this stuff yourself
s
Atomic design is philosophically complimentary with these CSS approache 
      
* SMACSS by Jonathan Snook http://smacss.com
* OOCSS by Nicole Sullivan http://oocss.org/ 
* BEM CSS Methology : http://bem.info/method    
* CSS Guidelines by Harry Roberts : https://github.com/csswizardry/CSS-Guidelines   
  
So feel free to use any of these approaches. Or don't. It's totally up to you
*/
/*------------------------------------*\
    $TABLE OF CONTENTS   
    based generally on Harry Roberts excellent CSS Guidelines https://github.com/csswizardry/CSS-Guidelines
\*------------------------------------*/
/* 
 * VARIABLES..............................Declarations of Sass variab les 
 * .....Colors
 * .....Typography
 * ... ..Layout 
 * .....Defaults  * .....Breakpoints
 * MIXINS.................................Sass mixins 
 * RESET.................. ................Set reset defaults
 * GLOBAL CLASSES.........................Set reset defaults
 * GLOBAL ELEMENTS........................Establish global styles
 * .....Mai
 * .....Headings
 * .....Text-related elements (p, blockquote, list
 * .....Default
 * .....Breakpoints
 * TYPOGRAPHY------------------------------
 * MEDIA----------------------------- 
 * LAYOUT------------------------------ 
 * NAVIGATION----------------------------
 * TOC To Be Continued
 */
/*------------------------------------*\
    $VARIABLES
\*------------------------------------*/
/*------------------------------------*\
    $MIXINS
\*------------------------------------*/
/* CSS Transition
	Usage: @include transition(width,0.3s,ease-out);
 */
/* Rem Unit font sizes with relative fallback http:/seesparkbox.com/foundry/scss_rem_mixin_now_with_a_better_fallback  
	Usage: @include font-size(1, large);
*/
/*------------------------------------*\
    $RESET
\*------------------------------------*/
/* Border-Box  */
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, ol, ul, li, form, legend, label, table, header, footer, nav, section, figure {
  margin: 0;
  padding: 0; }

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

/*------------------------------------*\
    $GLOBAL ELEMENTS
\*------------------------------------*/
/*------------------------------------*\
    $GLOBAL CLASSES
\*------------------------------------*/
/* Clearfix */
.cf, .bg, .main-content, .profile-tabs, .large-block, .red-top-block, .no-top-block, .small-block .inner-padding, .registration-blocks, .reg-cv-handy, .reg-import-linkedin, .find-course-blog, .course-location-block, .home-location-block, .home-job-tips, .jobs-interest, .find-course-buttons, .company-description, .blog-article, .advertise, .full-width, .page-wide-section, #static, .text-right, .report-job .action-buttons, .delete-cv-popup .action-buttons, .application-popup .action-buttons, .profile-completion-popup .action-buttons, #application .section2, #application .section3, .profile-messaging .close-box, .partner-links li, .job-list-header,
.course-list-header, .job-list,
.job-list-company,
.job-list-item-date,
.course-list,
.course-college, .job-list .job-list-refresh, .job-list .job-list-item, .job-list-company .job-list-item, .course-list .course-list-refresh, .course-list .course-list-item, .course-college .course-list-item, .jobs-by-location-footer,
.courses-by-location-footer, .job-alert-wide-section, .job-alert-wide-list, .job-alert-wide-list .action, .job-alert-wide-list .terms, .job-alert-sidebar-section, .headline-info, .headline-info .photo, .jobseeker-profile, .js-block .details .desc, .cv-block .details .desc, .alert-block .details .desc, .shortlist-area .details .desc, .applied-block .details .desc, .js-block .details .company, .cv-block .details .company, .alert-block .details .company, .shortlist-area .details .company, .applied-block .details .company, .alert-block .alert-details .desc, .company-follow-block .company-details, .company-follow-block .category-details, .company-follow-block .location-details, .company-follow-block .college-details, .company-search-list .company-details, .company-search-list .category-details, .company-search-list .location-details, .company-search-list .college-details, .location-search-list .company-details, .location-search-list .category-details, .location-search-list .location-details, .location-search-list .college-details, .category-search-list .company-details, .category-search-list .category-details, .category-search-list .location-details, .category-search-list .college-details, .college-search-list .company-details, .college-search-list .category-details, .college-search-list .location-details, .college-search-list .college-details, .sidebar-logos {
  *zoom: 1; }

.cf:before, .bg:before, .main-content:before, .profile-tabs:before, .large-block:before, .red-top-block:before, .no-top-block:before, .small-block .inner-padding:before, .registration-blocks:before, .reg-cv-handy:before, .reg-import-linkedin:before, .find-course-blog:before, .course-location-block:before, .home-location-block:before, .home-job-tips:before, .jobs-interest:before, .find-course-buttons:before, .company-description:before, .blog-article:before, .advertise:before, .full-width:before, .page-wide-section:before, #static:before, .text-right:before, .report-job .action-buttons:before, .delete-cv-popup .action-buttons:before, .application-popup .action-buttons:before, .profile-completion-popup .action-buttons:before, #application .section2:before, #application .section3:before, .profile-messaging .close-box:before, .partner-links li:before, .job-list-header:before,
.course-list-header:before, .job-list:before,
.job-list-company:before,
.job-list-item-date:before,
.course-list:before,
.course-college:before, .job-list .job-list-refresh:before, .job-list .job-list-item:before, .job-list-company .job-list-item:before, .course-list .course-list-refresh:before, .course-list .course-list-item:before, .course-college .course-list-item:before, .jobs-by-location-footer:before,
.courses-by-location-footer:before, .job-alert-wide-section:before, .job-alert-wide-list:before, .job-alert-wide-list .action:before, .job-alert-wide-list .terms:before, .job-alert-sidebar-section:before, .headline-info:before, .headline-info .photo:before, .jobseeker-profile:before, .js-block .details .desc:before, .cv-block .details .desc:before, .alert-block .details .desc:before, .shortlist-area .details .desc:before, .applied-block .details .desc:before, .js-block .details .company:before, .cv-block .details .company:before, .alert-block .details .company:before, .shortlist-area .details .company:before, .applied-block .details .company:before, .alert-block .alert-details .desc:before, .company-follow-block .company-details:before, .company-follow-block .category-details:before, .company-follow-block .location-details:before, .company-follow-block .college-details:before, .company-search-list .company-details:before, .company-search-list .category-details:before, .company-search-list .location-details:before, .company-search-list .college-details:before, .location-search-list .company-details:before, .location-search-list .category-details:before, .location-search-list .location-details:before, .location-search-list .college-details:before, .category-search-list .company-details:before, .category-search-list .category-details:before, .category-search-list .location-details:before, .category-search-list .college-details:before, .college-search-list .company-details:before, .college-search-list .category-details:before, .college-search-list .location-details:before, .college-search-list .college-details:before, .sidebar-logos:before, .cf:after, .bg:after, .main-content:after, .profile-tabs:after, .large-block:after, .red-top-block:after, .no-top-block:after, .small-block .inner-padding:after, .registration-blocks:after, .reg-cv-handy:after, .reg-import-linkedin:after, .find-course-blog:after, .course-location-block:after, .home-location-block:after, .home-job-tips:after, .jobs-interest:after, .find-course-buttons:after, .company-description:after, .blog-article:after, .advertise:after, .full-width:after, .page-wide-section:after, #static:after, .text-right:after, .report-job .action-buttons:after, .delete-cv-popup .action-buttons:after, .application-popup .action-buttons:after, .profile-completion-popup .action-buttons:after, #application .section2:after, #application .section3:after, .profile-messaging .close-box:after, .partner-links li:after, .job-list-header:after,
.course-list-header:after, .job-list:after,
.job-list-company:after,
.job-list-item-date:after,
.course-list:after,
.course-college:after, .job-list .job-list-refresh:after, .job-list .job-list-item:after, .job-list-company .job-list-item:after, .course-list .course-list-refresh:after, .course-list .course-list-item:after, .course-college .course-list-item:after, .jobs-by-location-footer:after,
.courses-by-location-footer:after, .job-alert-wide-section:after, .job-alert-wide-list:after, .job-alert-wide-list .action:after, .job-alert-wide-list .terms:after, .job-alert-sidebar-section:after, .headline-info:after, .headline-info .photo:after, .jobseeker-profile:after, .js-block .details .desc:after, .cv-block .details .desc:after, .alert-block .details .desc:after, .shortlist-area .details .desc:after, .applied-block .details .desc:after, .js-block .details .company:after, .cv-block .details .company:after, .alert-block .details .company:after, .shortlist-area .details .company:after, .applied-block .details .company:after, .alert-block .alert-details .desc:after, .company-follow-block .company-details:after, .company-follow-block .category-details:after, .company-follow-block .location-details:after, .company-follow-block .college-details:after, .company-search-list .company-details:after, .company-search-list .category-details:after, .company-search-list .location-details:after, .company-search-list .college-details:after, .location-search-list .company-details:after, .location-search-list .category-details:after, .location-search-list .location-details:after, .location-search-list .college-details:after, .category-search-list .company-details:after, .category-search-list .category-details:after, .category-search-list .location-details:after, .category-search-list .college-details:after, .college-search-list .company-details:after, .college-search-list .category-details:after, .college-search-list .location-details:after, .college-search-list .college-details:after, .sidebar-logos:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.cf:after, .bg:after, .main-content:after, .profile-tabs:after, .large-block:after, .red-top-block:after, .no-top-block:after, .small-block .inner-padding:after, .registration-blocks:after, .reg-cv-handy:after, .reg-import-linkedin:after, .find-course-blog:after, .course-location-block:after, .home-location-block:after, .home-job-tips:after, .jobs-interest:after, .find-course-buttons:after, .company-description:after, .blog-article:after, .advertise:after, .full-width:after, .page-wide-section:after, #static:after, .text-right:after, .report-job .action-buttons:after, .delete-cv-popup .action-buttons:after, .application-popup .action-buttons:after, .profile-completion-popup .action-buttons:after, #application .section2:after, #application .section3:after, .profile-messaging .close-box:after, .partner-links li:after, .job-list-header:after,
.course-list-header:after, .job-list:after,
.job-list-company:after,
.job-list-item-date:after,
.course-list:after,
.course-college:after, .job-list .job-list-refresh:after, .job-list .job-list-item:after, .job-list-company .job-list-item:after, .course-list .course-list-refresh:after, .course-list .course-list-item:after, .course-college .course-list-item:after, .jobs-by-location-footer:after,
.courses-by-location-footer:after, .job-alert-wide-section:after, .job-alert-wide-list:after, .job-alert-wide-list .action:after, .job-alert-wide-list .terms:after, .job-alert-sidebar-section:after, .headline-info:after, .headline-info .photo:after, .jobseeker-profile:after, .js-block .details .desc:after, .cv-block .details .desc:after, .alert-block .details .desc:after, .shortlist-area .details .desc:after, .applied-block .details .desc:after, .js-block .details .company:after, .cv-block .details .company:after, .alert-block .details .company:after, .shortlist-area .details .company:after, .applied-block .details .company:after, .alert-block .alert-details .desc:after, .company-follow-block .company-details:after, .company-follow-block .category-details:after, .company-follow-block .location-details:after, .company-follow-block .college-details:after, .company-search-list .company-details:after, .company-search-list .category-details:after, .company-search-list .location-details:after, .company-search-list .college-details:after, .location-search-list .company-details:after, .location-search-list .category-details:after, .location-search-list .location-details:after, .location-search-list .college-details:after, .category-search-list .company-details:after, .category-search-list .category-details:after, .category-search-list .location-details:after, .category-search-list .college-details:after, .college-search-list .company-details:after, .college-search-list .category-details:after, .college-search-list .location-details:after, .college-search-list .college-details:after, .sidebar-logos:after {
  clear: both; }

/* Completely remove from the flow and screen readers. */
.is-hidden {
  display: none !important;
  visibility: hidden !important; }

/* Completely remove from the flow but leave available to screen readers. */
.is-vishidden {
  position: absolute !important;
  overflow: hidden;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  clip: rect(1px, 1px, 1px, 1px); }

@media (max-width: 31em) {
  .hide-mobile {
    display: none; } }

.show-mobile {
  display: none; }
  @media (max-width: 31em) {
    .show-mobile {
      display: inline-block; } }

/* Floats */
.right {
  float: right;
  padding: 0 0 1em 1em; }

.right-search {
  float: right;
  padding: 0 0 1em 0; }

.left {
  float: left;
  padding: 0 1em 1em 0; }

/* Text-Align */
.align-right {
  text-align: right; }

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

.align-left {
  text-align: left; }

/* Display Classes */
@media all and (max-width: 46.8em) {
  .hide-small {
    display: none; } }

@media all and (min-width: 46.8em) and (max-width: 50em) {
  .hide-med {
    display: none; } }

@media all and (min-width: 50em) {
  .hide-large {
    display: none; } }

.warning {
  color: #fff664; }

.information {
  color: #000db5; }

.font-secondary {
  font-family: "Montserrat", "Arial", sans-serif; }

.hide-text {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

body {
  -webkit-text-size-adjust: 100%;
  font-family: "Open Sans", "Arial", sans-serif;
  color: #203f69;
  font-size: 0.875rem;
  -webkit-font-smoothing: antialiased; }

.page, .wrap, .login-wrap {
  max-width: 960px;
  margin: 0 1em; }
  @media (min-width: 990px) {
    .page, .wrap, .login-wrap {
      margin: 0 auto; } }

.page-wide {
  margin: 0; }
  .page-wide .wrap, .page-wide .login-wrap {
    max-width: 960px;
    margin: 0 auto; }

.bg {
  background-color: #f1f2f6;
  background-size: 100%;
  margin: 0; }

.page {
  padding: 1em 0; }

#page {
  background-color: #fff; }

.hidden- {
  display: none; }

.hide {
  display: none; }

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

* html .clearfix {
  zoom: 1; }

/* IE6 */
*:first-child + html .clearfix {
  zoom: 1; }

/* IE7 */
/* Links */
a {
  color: #70addc;
  text-decoration: none;
  outline: 0; }
  a:hover, a:focus {
    color: #4e9edc;
    text-decoration: underline; }
  a:disabled {
    text-decoration: none;
    color: #dfe2ec;
    box-shadow: none;
    cursor: default; }
    a:disabled:hover, a:disabled:focus {
      color: #dfe2ec;
      text-decoration: none;
      box-shadow: none;
      cursor: default; }

a#shortlistLink:focus {
  text-decoration: none; }
a#shortlistLink:hover {
  text-decoration: underline !important; }

/* -------------- Effect 1: >> ---------------- */
.cl-effect-1 a::after {
  display: inline-block;
  opacity: 0;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
  -moz-transition: -moz-transform 0.3s, opacity 0.2s;
  transition: transform 0.3s, opacity 0.2s; }

.cl-effect-1 a::after {
  margin-left: 10px;
  content: '>>';
  -webkit-transform: translateX(-20px);
  -moz-transform: translateX(-20px);
  transform: translateX(-20px); }

.cl-effect-1 a:hover::after,
.cl-effect-1 a:focus::after {
  opacity: 1;
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  transform: translateX(0px); }

/* -------------- END Effect 1: >> ---------------- */
.breadcrumb {
  font-size: 0.75em;
  width: 45%;
  float: left;
  margin-bottom: 1em; }
  @media (max-width: 44em) {
    .breadcrumb {
      display: none; } }

.related-phrase-tool {
  font-size: 0.75em;
  width: 45%;
  float: right;
  text-align: right;
  margin-bottom: 1em; }
  @media (max-width: 44em) {
    .related-phrase-tool {
      display: none; } }

text .view-more:after {
  content: "\f107";
  color: #203f69;
  text-decoration: none;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  display: inline;
  font-size: 1em;
  padding: 0 0.5em 0 0; }

.view-all:after {
  content: "\f107";
  color: #203f69;
  text-decoration: none;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  display: inline;
  font-size: 1em;
  padding: 0 0.5em 0 0; }

.view-less:after {
  content: "\f106";
  color: #203f69;
  text-decoration: none;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  display: inline;
  font-size: 1em;
  padding: 0 0.5em 0 0; }

#links {
  display: block;
  margin-bottom: 20px; }

#links ul {
  font-size: 1em;
  font-weight: bold; }

#links ul li {
  float: left;
  display: inline; }

#links ul li.label {
  margin-right: 1em;
  padding: 0.5em 0;
  color: #203f69; }

#links ul li a {
  display: block;
  padding: 0.9em;
  text-shadow: 1px 1px 0px #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

#links ul li a:hover {
  text-decoration: none;
  color: #fff;
  background: #203f69; }

/* Headings */
/*Further Reading: http:/csswizardry.com/2012/02/pragmatic-practical-font-sizing-in-css/ */
h1, h2, h3, h4 {
  font-family: "Open Sans", "Arial", sans-serif; }

h1, .alpha {
  line-height: 1.2;
  padding-top: 0.5em;
  font-size: large;
  font-size: 2rem;
  font-weight: 300;
  padding-bottom: 0.3em;
  text-align: center;
  text-transform: capitalize; }

@media (max-width: 31em) {
  h1, .alpha {
    font-size: 1.2em;
    padding: 0.8em 0.8em 0.8em 0.4em;
    text-align: left;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
    text-transform: uppercase; } }
h2, .beta {
  line-height: 1.2;
  font-size: large;
  font-size: 1rem;
  font-weight: 300;
  padding-bottom: 1em;
  text-align: center; }

h3, .gamma {
  line-height: 1.2;
  font-size: large;
  font-size: 1.125rem;
  font-weight: 700; }

h4, .delta {
  line-height: 1.4;
  font-size: 1.2em;
  color: #203f69;
  margin-bottom: 1em; }

h5, .epsilon {
  font-weight: 400;
  margin-bottom: 1em; }

header h1 {
  margin: 0;
  padding: 0; }
header h2 {
  margin: 0;
  padding: 0; }

.heading {
  line-height: 1.2;
  padding-top: 0.5em;
  font-size: large;
  font-size: 2rem;
  font-weight: 300;
  padding-bottom: 0.3em;
  text-align: center;
  text-transform: capitalize; }
  @media (max-width: 31em) {
    .heading {
      font-size: 1.2em;
      padding: 0.8em 0.8em 0.8em 0.4em;
      text-align: left;
      font-weight: 700;
      text-transform: uppercase;
      background-color: #f1f1f1;
      margin: 0;
      text-transform: uppercase; } }

h1.rmv-acc {
  text-transform: none !important; }

/* Subheadings */
.subheading {
  line-height: 1.2;
  font-size: large;
  font-size: 1rem;
  font-weight: 300;
  padding-bottom: 1em;
  text-align: center; }
  @media (max-width: 31em) {
    .subheading {
      display: none; } }

/* -------------------- job-description headings to allow styles when Employer edits heading -------------------*/
.job-details-header h1, .course-details-header h1 {
  text-align: left;
  font-weight: 700;
  font-family: "Montserrat", "Arial", sans-serif; }

/* Text-Related Elements */
p {
  margin-bottom: 1em;
  font-size: 0.875rem;
  line-height: 1.5em;
  padding: 0 1em;
  color: #747c83; }

/* Blockquote */
blockquote {
  color: #747c83;
  padding: 0 1em;
  margin: 1.5em 0 0.5em 0;
  line-height: 1.3em;
  font-size: 1.4em;
  text-align: center; }
  blockquote:before {
    color: #ccc;
    content: 'ÔÇ£';
    content: open-quote;
    font-size: 4em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
    font-family: Georgia, serif; }

cite {
  text-align: left;
  font-weight: 600;
  font-size: 0.96em;
  font-style: normal;
  margin-bottom: 2em;
  margin-left: 3em; }
  @media (max-width: 44em) {
    cite {
      clear: both;
      display: block;
      float: left;
      margin-left: 0;
      width: 100%;
      clear: both;
      padding-left: 1em; } }

.large-text {
  text-align: left;
  font-weight: 800;
  font-size: 3em; }

/* Horizontal Rule */
hr {
  border: 0;
  height: 1px;
  background: #747c83;
  margin: .7em 0 1em 0; }

abbr {
  border-bottom: 1px dotted #5f6d75;
  cursor: help; }

bold {
  font-weight: 700; }

.red {
  color: #FF0041; }

.green {
  color: #00bcb4; }

.email-disabled {
  color: #5f6d75;
  background-color: #f2f2f2; }

.center {
  display: block;
  text-align: center;
  margin: 1em; }
  .center button {
    margin: auto; }

ol, ul {
  margin: 0;
  padding: 0;
  list-style: none; }

article ul,
article li {
  list-style-type: disc;
  margin-left: 1.5em;
  font-size: 1em;
  color: #747c83; }

article u l {
  margin-bottom: 1em; }

/* Definition Lists */
dl {
  overflow: hidden;
  margin: 0; }

dt {
  font-weight: bold; }

dd {
  margin-left: 0; }

ul > li > ul {
  padding: 15px 0 0 15px; }

ul.jobs-lists, ul.courses-lists {
  color: #203f69;
  font-size: 1.0625em; }
  ul.jobs-lists li, ul.courses-lists li {
    margin: 0 0.5em 0.5em 0.5em; }
    @media (max-width: 31em) {
      ul.jobs-lists li, ul.courses-lists li {
        margin: 0 0 0.5em 0.5em; } }
  ul.jobs-lists a, ul.courses-lists a {
    color: #203f69; }
  ul.jobs-lists a:hover, ul.courses-lists a:hover {
    text-decoration: none;
    color: #70addc; }
  ul.jobs-lists a:visited, ul.courses-lists a:visited {
    text-decoration: none;
    color: #70addc; }

/*------------------------------------*\
    $MEDIA ELEMENTS
\*------------------------------------*/
/* Flexible Media */
img, video, object {
  max-width: 100%;
  height: auto; }

iframe {
  margin-bottom: 1em; }

figure {
  margin-bottom: 1em; }
  figure img {
    margin-bottom: 0.5em; }

figcaption {
  font-style: italic; }

/*------------------------------------*\
    $FORMS
\*------------------------------------*/
form {
  clear: both; }

form ol, form ul {
  list-style: none;
  margin-left: 0; }

fieldset {
  border: 0;
  padding: 0;
  margin: 0; }

label {
  display: block;
  font-size: 1em;
  font-weight: 700;
  padding-bottom: 0.3em; }

button, input, select, textarea {
  font-family: "Open Sans", "Arial", sans-serif;
  font-size: 0.875em;
  margin: 0 1px 0;
  color: #5f6d75; }

input, textarea, select {
  border: 1px solid #5f6d75;
  padding: 0.5em 0.65rem;
  margin-bottom: 1em; }

.error {
  color: #FF0041; }

input[type=search],
input[type=password],
input[type=email],
input[type=text],
input[type=url],
input[type=number],
textarea {
  -webkit-appearance: none;
  border-radius: 5px;
  display: inline-block;
  border: 1px solid #dadee8;
  width: 60%; }
  @media (max-width: 44em) {
    input[type=search],
    input[type=password],
    input[type=email],
    input[type=text],
    input[type=url],
    input[type=number],
    textarea {
      width: 100%; } }

@media (max-width: 31em) {
  #application input {
    font-size: 1.15em; } }
textarea {
  width: 100%;
  white-space: pre-wrap; }

input[type="submit"] {
  cursor: pointer;
  border: none; }

input[type=date],
input[type=month],
input[type=week],
input[type=datetime],
input[type=datetime-local] {
  -webkit-appearance: none;
  border-radius: 5px;
  display: inline-block;
  border: 1px solid #dadee8; }

.input-helper {
  position: relative;
  display: inline-block;
  font-size: 0.75em;
  font-weight: 300; }
  .input-helper:before {
    content: '';
    display: block;
    position: absolute; }
  @media (max-width: 31em) {
    .input-helper {
      margin-bottom: 0em;
      font-size: 1em; } }

input.csv {
  width: auto;
  max-width: 3;
  -webkit-appearance: none;
  border-radius: 5px;
  display: inline-block;
  border: 1px solid #dadee8; }

select {
  border-radius: 5px;
  display: inline-block;
  border: 1px solid #dadee8;
  width: 60%; }
  @media (max-width: 44em) {
    select {
      width: 50%; } }
  @media (max-width: 31em) {
    select {
      width: 90%; } }

select.month, select.year {
  width: auto;
  max-width: 4; }

.half-select select {
  border-radius: 5px;
  display: inline-block;
  border: 1px solid #dadee8;
  width: 45%; }
  @media (max-width: 44em) {
    .half-select select {
      width: 50%; } }

input:disabled, select:disabled, textarea:disabled {
  background-color: #f2f2f2;
  color: #d3d3d3; }

#email {
  color: #5f6d75; }

.disabled #upload-choose-cv {
  display: none; }

.disabled p {
  color: #f2f2f2; }

/* -------------- ICHECK  ---------------- */
.icheckbox_flat,
.iradio_flat {
  display: inline-block;
  *display: inline;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  cursor: pointer;
  content: "\f096";
  font-size: 1.5em;
  width: 20px; }

.icheckbox_flat:before {
  content: "\f096";
  color: #203f69;
  cursor: pointer;
  vertical-align: sub; }

.icheck-label {
  display: inline-block; }

.icheckbox_flat.checked:before {
  content: "\f046";
  color: #203f69;
  cursor: pointer; }

.icheckbox_flat.disabled:before {
  content: "\f0c8";
  color: #dadee8;
  cursor: none; }

.icheckbox_flat.checked.disabled:before {
  content: "\f046";
  color: #dadee8;
  cursor: none; }

.radio-btn label {
  display: inline-block; }
.radio-btn p {
  margin-left: 1em; }

.iradio_flat:before {
  content: "\f10c";
  cursor: pointer;
  color: #203f69; }

.iradio_flat.checked:before {
  color: #203f69;
  content: "\f192";
  cursor: pointer; }

.iradio_flat.disabled:before {
  color: #dadee8;
  cursor: none; }

.iradio_flat.checked.disabled:before {
  color: #dadee8;
  content: "\f192"; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

.select-style {
  vertical-align: top;
  border: 1px solid #203f69;
  display: inline-block;
  border-radius: 5px;
  overflow: hidden;
  background: #fff url(/images/icons/select_arrows.png) no-repeat 94% 50%;
  background-image: url("/images/icons/select_arrows.png"); }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screena and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .select-style {
      background-image: url("/images/icons/select_arrows@2x.png");
      -webkit-background-size: 10px 12px;
      -moz-background-size: 10px 12px;
      -o-background-size: 10px 12px;
      background-size: 10px 12px;
      background-repeat: no-repeat; } }

.select-style select {
  padding: 0.65rem;
  width: 100%;
  border: none;
  box-shadow: none;
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  text-indent: .01px;
  -ms-text-overflow: '';
  -o-text-overflow: '';
  text-overflow: ''; }

.select-style select::-ms-expand {
  display: none; }

.field-container {
  margin-bottom: 1em; }

input[type="button"],
input[type="submit"] {
  -webkit-appearance: none;
  border-radius: 0; }

#EnquiryButton {
  -webkit-appearance: none;
  border-radius: 0; }

.inline-form fieldset, .inline-form .inline-container {
  position: relative; }
.inline-form input[type=submit], .inline-form button, .inline-form .btn {
  font-size: 0.875em;
  padding: 0.65rem 1.3rem;
  background: #515867;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: auto; }
  .inline-form input[type=submit]:hover, .inline-form input[type=submit]:focus, .inline-form button:hover, .inline-form button:focus, .inline-form .btn:hover, .inline-form .btn:focus {
    background: #5f6d75;
    color: #fff; }

/*****************************************************
 * Toggle (3) - http://callmenick.com/post/css-toggle-switch-examples
 *****************************************************/
.alert-toggle {
  margin-top: 1em; }

.employers-find-toggle {
  margin: 0;
  visibility: hidden; }

.employers-find-toggle + label {
  top: 20px; }
  @media (max-width: 31em) {
    .employers-find-toggle + label {
      top: 0; } }

.cmn-toggle, .cv-toggle {
  margin-left: -9999px;
  visibility: hidden; }

.cmn-toggle + label, .cv-toggle + label, .employers-find-toggle + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

input.cmn-toggle-yes-no + label, input.cv-toggle-yes-no + label, input.cv-toggle-yes-no + label, input.cv-toggle-yes-no + label, .employers-find-toggle + label {
  margin-left: -5px;
  padding: 1em;
  width: 8em;
  height: 3.2em; }

input.cmn-toggle-yes-no + label:before, input.cmn-toggle-yes-no + label:after, input.cv-toggle-yes-no + label:before, input.cv-toggle-yes-no + label:after, input.employers-find-toggle-yes-no + label:before, input.employers-find-toggle-yes-no + label:after {
  display: block;
  position: absolute;
  top: 0.2em;
  left: 0;
  bottom: 0;
  right: 0;
  color: #fff;
  font-weight: normal;
  text-align: center;
  line-height: 2em;
  margin-bottom: 1em; }

input.cmn-toggle-yes-no + label:before {
  background-color: #FF0041;
  content: attr(data-off);
  -webkit-transition: -webkit-transform 0.5s;
  -moz-transition: -moz-transform 0.5s;
  -o-transition: -o-transform 0.5s;
  transition: transform 0.5s;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }

input.cv-toggle-yes-no + label:before {
  background-color: #dfe2ec;
  content: attr(data-off);
  -webkit-transition: -webkit-transform 0.5s;
  -moz-transition: -moz-transform 0.5s;
  -o-transition: -o-transform 0.5s;
  transition: transform 0.5s;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }

input.cmn-toggle-yes-no + label:after, input.cv-toggle-yes-no + label:after {
  background-color: #70addc;
  content: attr(data-on);
  -webkit-transition: -webkit-transform 0.5s;
  -moz-transition: -moz-transform 0.5s;
  -o-transition: -o-transform 0.5s;
  transition: transform 0.5s;
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }

input.cmn-toggle-yes-no:checked + label:before, input.cv-toggle-yes-no:checked + label:before {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg); }

input.cmn-toggle-yes-no:checked + label:after, input.cv-toggle-yes-no:checked + label:after {
  -webkit-transform: rotateY(0);
  -moz-transform: rotateY(0);
  -ms-transform: rotateY(0);
  -o-transform: rotateY(0);
  transform: rotateY(0); }

/* ----------------------- ERRORS ------------------------------------------ */
/*
.errorMessage {
      color: $error;
      display:block;
      text-align: left;
      margin: 0 1em 1em 0;
        padding:0 0.2em 0.2em 0.2em;
     font-size:0.9em;
     i{
             content: "\f06a";

             text-decoration: none;
            font-family: FontAwesome;
          font-size:2em;
         float:left;
         padding: 0.5em 0.5em 2em 0;
              }
}

*/
.errorMessage-alert {
  color: #FF0041;
  display: block;
  text-align: left;
  margin: 1em;
  padding: 0 1em 1em 0;
  font-size: 0.9em;
  border: 1px solid #FF0041; }

.errorMessage-alert:before {
  content: "\f12a";
  color: #fff;
  background: #FF0041;
  text-decoration: none;
  font-size: 1.2em;
  float: left;
  padding: 0.5em 1em;
  font-family: FontAwesome;
  margin: -0.2em 0.5em 0 0; }

.successMessage {
  color: #203f69;
  display: inherit;
  text-align: left;
  margin: 0.4em 1em 1em 0;
  padding: 0 0.2em 0.2em 0.2em;
  font-size: 0.85em; }

input.input-validation-success, select.input-validation-success, textarea.input-validation-success {
  border-bottom: 2px solid #70addc;
  margin-bottom: 0;
  border-radius: 5px;
  display: inline-block;
  color: #5f6d75;
  -webkit-text-fill-color: #5f6d75;
  -webkit-opacity: 1; }

input.input-validation-error, select.input-validation-error, textarea.input-validation-error, .selectivity-single-select-input.input-validation-error, .selectivity-single-select.input-validation-error {
  margin-bottom: 0;
  border-bottom: 2px solid #ff0041;
  border-radius: 5px;
  display: inline-block; }

.field-validation-error {
  color: #FF0041;
  display: block;
  text-align: left;
  margin: 0 1em 1em 0;
  padding: 0 0.2em 0.2em 0.2em;
  font-size: 0.9em; }
  .field-validation-error i {
    content: "\f06a";
    text-decoration: none;
    font-family: FontAwesome;
    font-size: 2em;
    float: left;
    padding: 0.5em 0.5em 2em 0; }
  .field-validation-error:before {
    float: left;
    content: "\f12a";
    color: #fff;
    background: #FF0041;
    text-decoration: none;
    font-size: 1em;
    padding: 0.5em 1em;
    font-family: FontAwesome;
    margin: -0.2em 0.5em 0 0.3em; }

.field-validation-error.errorMessage:before {
  float: left;
  content: "\f12a";
  color: #fff;
  background: #FF0041;
  text-decoration: none;
  font-size: 1em;
  padding: 0.5em 1em;
  font-family: FontAwesome;
  margin: -0.2em 0.5em 0 0.3em; }

.field-validation-success.successMessage:before {
  float: left;
  content: "\f00c";
  color: #fff;
  background: #70addc;
  text-decoration: none;
  font-size: 1em;
  font-family: FontAwesome;
  padding: 0.5em 1em;
  font-family: FontAwesome;
  margin: -0.4em 0.5em 0 0.3em; }

.field-validation-error.errorMessage p, .field-validation-success.successMessage p {
  padding: 0;
  float: left;
  margin-bottom: 0; }

.alert-success-icon {
  background-size: 1.6em;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  padding-right: 47px; }
  .alert-success-icon:after {
    content: "\f006";
    color: #8bc435;
    font-size: 2em;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    cursor: pointer; }

.alert-danger-icon {
  background: url(/img/global/tj-alert-icon.svg) 6px center no-repeat #f9d0d1;
  background-size: 17px;
  -ms-word-wrap: break-word;
  word-wrap: break-word; }

.errspan {
  float: right;
  margin-right: -15px;
  position: relative;
  color: red; }

/*------------------------------------*\
    $SPECIFIC FORMS
\*------------------------------------*/
.selectivity-clearfix {
  clear: both; }

.selectivity-input {
  display: inline-block;
  width: 250px; }

.selectivity-input select {
  display: none; }

.selectivity-placeholder {
  font-family: "Open Sans", "Arial", sans-serif;
  font-size: 0.875em;
  margin: 0 1em 0; }

/**
 * Backdrop
 */
.selectivity-backdrop {
  background: transparent;
  position: fixed;
  z-index: 1045;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

/**
 * Dropdown
 */
.selectivity-dropdown {
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.15), 0 1px 1px 0 rgba(0, 0, 0, 0.2);
  position: absolute;
  z-index: 1046; }

.selectivity-search-input-container {
  border-bottom: 1px solid #eee; }

.selectivity-search-input {
  background: transparent;
  border: 0;
  outline: 0;
  width: 100%; }

.selectivity-results-container {
  max-height: 28em;
  overflow: auto;
  position: relative; }

.selectivity-load-more,
.selectivity-result-item {
  cursor: pointer;
  padding: 7px; }

.selectivity-result-children .selectivity-result-item {
  padding-left: 17px; }

.selectivity-load-more.highlight,
.selectivity-result-item.highlight {
  background: #203f69;
  color: #fff; }

.selectivity-result-item:first-child {
  border-radius: 4px 4px 0 0; }

.selectivity-dropdown.has-search-input .selectivity-result-item:first-child {
  border-radius: 0; }

.selectivity-result-label {
  font-weight: bold; }

.selectivity-load-more,
.selectivity-result-item:last-child,
.selectivity-result-children:last-child .selectivity-result-item:last-child {
  border-radius: 0 0 4px 4px; }

.selectivity-result-children .selectivity-result-item:last-child {
  border-radius: 0; }

.selectivity-error,
.selectivity-loading,
.selectivity-search-input-container,
.selectivity-result-label {
  padding: 7px; }

/**
 * Single-selection input
 */
.selectivity-single-select {
  background: #fff;
  border-radius: 5px 0 0 5px;
  cursor: pointer;
  min-height: 2.6em;
  position: relative;
  box-sizing: content-box;
  width: 60%;
  display: inline-block;
  border: 1px solid #dadee8; }
  .selectivity-single-select .input-validation-error {
    margin-bottom: 0;
    border-bottom: 2px solid #ff0041;
    border-radius: 5px;
    display: inline-block; }
  @media (max-width: 31em) {
    .selectivity-single-select {
      width: 50%; } }

input.selectivity-single-select-input {
  opacity: 0;
  padding: 0.5em 1em;
  width: 90%;
  margin-bottom: 0; }

.selectivity-single-result-container {
  position: absolute;
  top: 0.8em;
  right: 15px;
  left: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.selectivity-single-selected-item {
  color: #000; }

.selectivity-single-selected-item-remove {
  color: #000;
  float: right;
  padding: 0 5px; }

.selectivity-caret {
  position: absolute;
  right: 5px;
  top: 0.7em; }

.selectivity-single-result-container {
  right: 5px; }

.selectivity-caret {
  display: none; }

/**
 * Submenu
 */
.selectivity-submenu-icon {
  position: absolute;
  right: 4px; }

.datalist-input {
  clear: both;
  width: 60%; }
  .datalist-input dd, .datalist-input dt, .datalist-input dl {
    display: block; }

.datalisting, .datalisting-edit {
  clear: both; }
  .datalisting dd, .datalisting-edit dd, .datalisting dt, .datalisting-edit dt, .datalisting dl, .datalisting-edit dl {
    display: inline; }
  .datalisting dl, .datalisting-edit dl {
    clear: both;
    margin-bottom: 1em;
    line-height: 3em; }
  .datalisting dd, .datalisting-edit dd {
    padding: 0.3em 0.6em;
    background-color: #f7f7f7;
    border: #bfc4d4 1px solid;
    border-radius: 0.4em;
    margin-left: 0.2em;
    display: inline-block;
    line-height: 16px; }
  .datalisting dt, .datalisting-edit dt {
    margin: 1em 0; }
  @media (max-width: 31em) {
    .datalisting, .datalisting-edit {
      clear: both;
      display: block;
      float: left;
      margin-left: 0;
      width: 100%;
      text-align: left; }
      .datalisting dd, .datalisting-edit dd, .datalisting dt, .datalisting-edit dt, .datalisting dl, .datalisting-edit dl {
        display: block; }
      .datalisting dl, .datalisting-edit dl {
        margin-bottom: 1em;
        line-height: 1.2em; }
      .datalisting dd, .datalisting-edit dd {
        padding: 0.5em 1em;
        background-color: #f7f7f7;
        border: none;
        margin: 1em 0 0 0; } }

.datalisting-edit {
  clear: both; }
  .datalisting-edit dd:after {
    content: "\f00d";
    color: #203f69;
    text-decoration: none;
    font-size: 0.875em;
    font-family: FontAwesome;
    padding-left: 0.5em; }
    @media (max-width: 31em) {
      .datalisting-edit dd:after {
        float: right; } }
  .datalisting-edit dd:hover, .datalisting-edit dd:hover:after {
    background-color: #203f69;
    color: #fff;
    cursor: pointer; }

.show-checkbox {
  display: block;
  clear: both;
  margin-bottom: 1em;
  margin-top: -1em; }
  .show-checkbox label {
    font-size: 0.875em; }

.with-select-list .selectivity-single-select {
  width: 70%; }
  @media (max-width: 31em) {
    .with-select-list .selectivity-single-select {
      width: 79%; } }
.with-select-list .btn-small {
  padding: 0.9em 1.4em 0.6em;
  margin-left: -4px; }

/* ---------------------  LOGIN  --------------------------------- */
.login-form, .signup {
  display: block;
  width: 35%;
  margin: 0 auto;
  padding: 2em 0;
  /*@media (max-width: $bp-small-2) {
      margin:0 1em;
  }*/ }
  .login-form P, .signup P {
    padding: 0; }
  .login-form label, .signup label {
    font-weight: 600;
    font-family: "Open Sans", "Arial", sans-serif;
    font-size: 1.125em;
    text-align: left; }
  .login-form hr, .signup hr {
    color: #d3d3d3;
    margin: 2em 0; }
  .login-form input[type=text], .login-form input[type=email], .login-form input[type=password], .signup input[type=text], .signup input[type=email], .signup input[type=password] {
    width: 100%; }
  .login-form input[type=checkbox], .signup input[type=checkbox] {
    clear: both; }
  .login-form .show-checkbox, .signup .show-checkbox {
    display: block;
    clear: both;
    margin-top: 0.2em; }
    .login-form .show-checkbox label, .signup .show-checkbox label {
      font-size: 0.75em; }
  .login-form .forgot-password, .signup .forgot-password {
    clear: both;
    text-align: right;
    line-height: 0.5em;
    font-size: 0.75em;
    float: right; }
  .login-form .error-message, .signup .error-message {
    text-align: left;
    margin-top: 1em; }
    .login-form .error-message i, .signup .error-message i {
      content: "\f06a";
      text-decoration: none;
      font-family: FontAwesome;
      font-size: 2em;
      float: left;
      padding: 0.5em 0.5em 2em 0; }
  @media (max-width: 46.8em) {
    .login-form, .signup {
      width: 80%; } }

.advertise .signup {
  padding: 0; }
  @media (max-width: 24em) {
    .advertise .signup .column-full > select {
      width: 100%; } }

/* ----------------- REGISTRATION -----------------------------*/
.registration {
  width: 80%;
  margin: auto; }
  .registration label {
    font-size: 1em;
    margin-top: 1em; }
  .registration select {
    margin-top: 0.2em; }
  .registration .head {
    clear: both;
    display: block;
    float: left;
    margin-left: 0;
    width: 100%;
    margin-bottom: 0.5em; }
    .registration .head h2 {
      text-align: left;
      padding: 0;
      font-size: 1rem;
      text-transform: uppercase;
      font-weight: 700; }
  .registration .inner-section {
    clear: both;
    border-top: 1px solid #dadee8;
    margin: 1em 0; }
    .registration .inner-section h2 {
      text-align: left;
      padding: 0;
      font-size: 1rem; }
    .registration .inner-section p {
      padding: 0;
      line-height: 1.2rem; }
      .registration .inner-section p:last-child {
        margin-bottom: 0; }
    .registration .inner-section ul {
      margin-bottom: 1em; }
    .registration .inner-section .column-full {
      padding: 1em 0; }
  .registration hr {
    background-color: #dadee8;
    clear: both;
    margin: 1em; }
    @media (max-width: 31em) {
      .registration hr {
        margin: 0; } }
  .registration .left-number {
    display: block;
    float: left;
    margin-left: 0;
    margin-right: -100%;
    width: 15.41667%;
    clear: both;
    color: #dfe2ec; }
    @media (max-width: 31em) {
      .registration .left-number {
        display: none; } }
  .registration .reg-confirm-form {
    display: block;
    float: left;
    margin-left: 16.91667%;
    margin-right: -100%;
    width: 83.08333%; }
    @media (max-width: 31em) {
      .registration .reg-confirm-form {
        clear: both;
        display: block;
        float: left;
        margin-left: 0;
        width: 100%; } }
  @media (max-width: 31em) {
    .registration {
      width: 100%;
      padding: 0; } }

#checkbox-full {
  align-items: baseline;
  min-height: 1.5em;
  padding: 0.5em 0 1em 0; }
  @media (max-width: 34em) {
    #checkbox-full {
      clear: both;
      display: block;
      float: left;
      margin-left: 0;
      width: 100%;
      float: right;
      padding: 1em 0 0 0; } }

/* ----------------------Form Progress------------------- */
.progress {
  width: 80%;
  margin: auto;
  text-align: center;
  margin-bottom: 2em; }
  @media (max-width: 34em) {
    .progress {
      display: none; } }

.progress .circle,
.progress .bar {
  display: inline-block;
  background: #fff;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  border: 1px solid #d5d5da; }

.progress .bar {
  position: relative;
  width: 80px;
  height: 6px;
  top: -33px;
  margin-left: -5px;
  margin-right: -5px;
  border-left: none;
  border-right: none;
  border-radius: 0; }

.progress .circle .label {
  display: inline-block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  border-radius: 32px;
  margin-top: 3px;
  color: #b5b5ba;
  font-size: 17px; }

.progress .circle .title {
  color: #b5b5ba;
  font-size: 0.75em;
  line-height: 0.75em;


  margin-left: -5px; }

.title {
  width: 100px; }

/* Done / Active  */
.progress .bar.done,
.progress .circle.done {
  background: #eee;
  color: #fff; }

.progress .bar.active {
  background: linear-gradient(to right, #EEE 40%, #FFF 60%); }

.progress .circle.done .label {
  color: #FFF;
  background: #8bc435;
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2); }

.progress .circle.error .label {
  color: #FFF;
  background: #FF0041;
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2); }

.progress .circle.done .title {
  color: #444; }

.progress .circle.active .label {
  color: #FFF;
  background: #203f69;
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2); }

.progress .circle.active .title {
  color: #0c95be; }

/*------------------------------------*\
    $Table
\*------------------------------------*/
table {
  border-collapse: collapse;
  border-spacing: 0;
  border: none; }

th {
  text-align: left;
  border: none;
  padding: 0.2em; }

td {
  border: none;
  padding: 0.2em; }

.animate-fade {
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out; }
  .animate-fade:hover {
    opacity: 0; }

.animate-move > .demo-shape {
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -ms-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out; }

.modal-open {
  overflow: hidden; }

.modal {
  bottom: 0;
  display: none;
  left: 0;
  outline: 0 none;
  overflow-x: auto;
  overflow-y: scroll;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1050; }

.modal.fade .modal-dialog {
  transform: translate(0, -25%);
  transition: transform 0.3s ease-out 0; }

.modal.in .modal-dialog {
  transform: translate(0, 0); }

.modal-dialog {
  margin: 10px;
  position: relative;
  width: auto; }

.modal-content {
  background-clip: padding-box;
  background-color: #fff;
  /*border: 1px solid #000000;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 5px;*/
  box-shadow: 0 3px 9px #000000;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  outline: medium none;
  position: relative; }

.modal-backdrop {
  background-color: #000;
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1040; }

.modal-backdrop.fade {
  opacity: 0; }

.modal-backdrop.in {
  opacity: 0.5; }

.modal-header {
  border-bottom: 1px solid #e5e5e5;
  min-height: 16.4286px;
  padding: 15px; }

.modal-header .close {
  margin-top: -2px; }

.modal-title {
  line-height: 1.42857;
  margin: 0; }

.modal-body {
  padding: 20px;
  position: relative; }

.modal-footer {
  border-top: 1px solid #e5e5e5;
  margin-top: 15px;
  padding: 19px 20px 20px;
  text-align: right; }

.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px; }

.modal-footer .btn-group .btn + .btn {
  margin-left: -1px; }

.modal-footer .btn-block + .btn-block {
  margin-left: 0; }

@media (min-width: 768px) {
  .modal-dialog {
    margin: 30px auto;
    width: 600px; }

  .modal-content {
    box-shadow: 0 5px 15px #000000;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }

  .modal-sm {
    width: 300px; } }
@media (min-width: 992px) {
  .modal-lg {
    width: 900px; } }
#loader {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: transparent;
  background-image: url("../images/CloudPicker/loader_200fff.gif");
  background-origin: padding-box;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 80px auto, 80px auto; }

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url("//netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.eot");
  src: url("//netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("//netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.woff") format("woff"), url("//netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("//netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular") format("svg"); }
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  line-height: 1; }

.glyphicon-asterisk:before {
  content: "\2a"; }

.glyphicon-plus:before {
  content: "\2b"; }

.glyphicon-euro:before {
  content: "\20ac"; }

.glyphicon-minus:before {
  content: "\2212"; }

.glyphicon-cloud:before {
  content: "\2601"; }

.glyphicon-envelope:before {
  content: "\2709"; }

.glyphicon-pencil:before {
  content: "\270f"; }

.glyphicon-glass:before {
  content: "\e001"; }

.glyphicon-music:before {
  content: "\e002"; }

.glyphicon-search:before {
  content: "\e003"; }

.glyphicon-heart:before {
  content: "\e005"; }

.glyphicon-star:before {
  content: "\e006"; }

.glyphicon-star-empty:before {
  content: "\e007"; }

.glyphicon-user:before {
  content: "\e008"; }

.glyphicon-film:before {
  content: "\e009"; }

.glyphicon-th-large:before {
  content: "\e010"; }

.glyphicon-th:before {
  content: "\e011"; }

.glyphicon-th-list:before {
  content: "\e012"; }

.glyphicon-ok:before {
  content: "\e013"; }

.glyphicon-remove:before {
  content: "\e014"; }

.glyphicon-zoom-in:before {
  content: "\e015"; }

.glyphicon-zoom-out:before {
  content: "\e016"; }

.glyphicon-off:before {
  content: "\e017"; }

.glyphicon-signal:before {
  content: "\e018"; }

.glyphicon-cog:before {
  content: "\e019"; }

.glyphicon-trash:before {
  content: "\e020"; }

.glyphicon-home:before {
  content: "\e021"; }

.glyphicon-file:before {
  content: "\e022"; }

.glyphicon-time:before {
  content: "\e023"; }

.glyphicon-road:before {
  content: "\e024"; }

.glyphicon-download-alt:before {
  content: "\e025"; }

.glyphicon-download:before {
  content: "\e026"; }

.glyphicon-upload:before {
  content: "\e027"; }

.glyphicon-inbox:before {
  content: "\e028"; }

.glyphicon-play-circle:before {
  content: "\e029"; }

.glyphicon-repeat:before {
  content: "\e030"; }

.glyphicon-refresh:before {
  content: "\e031"; }

.glyphicon-list-alt:before {
  content: "\e032"; }

.glyphicon-flag:before {
  content: "\e034"; }

.glyphicon-headphones:before {
  content: "\e035"; }

.glyphicon-volume-off:before {
  content: "\e036"; }

.glyphicon-volume-down:before {
  content: "\e037"; }

.glyphicon-volume-up:before {
  content: "\e038"; }

.glyphicon-qrcode:before {
  content: "\e039"; }

.glyphicon-barcode:before {
  content: "\e040"; }

.glyphicon-tag:before {
  content: "\e041"; }

.glyphicon-tags:before {
  content: "\e042"; }

.glyphicon-book:before {
  content: "\e043"; }

.glyphicon-print:before {
  content: "\e045"; }

.glyphicon-font:before {
  content: "\e047"; }

.glyphicon-bold:before {
  content: "\e048"; }

.glyphicon-italic:before {
  content: "\e049"; }

.glyphicon-text-height:before {
  content: "\e050"; }

.glyphicon-text-width:before {
  content: "\e051"; }

.glyphicon-align-left:before {
  content: "\e052"; }

.glyphicon-align-center:before {
  content: "\e053"; }

.glyphicon-align-right:before {
  content: "\e054"; }

.glyphicon-align-justify:before {
  content: "\e055"; }

.glyphicon-list:before {
  content: "\e056"; }

.glyphicon-indent-left:before {
  content: "\e057"; }

.glyphicon-indent-right:before {
  content: "\e058"; }

.glyphicon-facetime-video:before {
  content: "\e059"; }

.glyphicon-picture:before {
  content: "\e060"; }

.glyphicon-map-marker:before {
  content: "\e062"; }

.glyphicon-adjust:before {
  content: "\e063"; }

.glyphicon-tint:before {
  content: "\e064"; }

.glyphicon-edit:before {
  content: "\e065"; }

.glyphicon-share:before {
  content: "\e066"; }

.glyphicon-check:before {
  content: "\e067"; }

.glyphicon-move:before {
  content: "\e068"; }

.glyphicon-step-backward:before {
  content: "\e069"; }

.glyphicon-fast-backward:before {
  content: "\e070"; }

.glyphicon-backward:before {
  content: "\e071"; }

.glyphicon-play:before {
  content: "\e072"; }

.glyphicon-pause:before {
  content: "\e073"; }

.glyphicon-stop:before {
  content: "\e074"; }

.glyphicon-forward:before {
  content: "\e075"; }

.glyphicon-fast-forward:before {
  content: "\e076"; }

.glyphicon-step-forward:before {
  content: "\e077"; }

.glyphicon-eject:before {
  content: "\e078"; }

.glyphicon-chevron-left:before {
  content: "\e079"; }

.glyphicon-chevron-right:before {
  content: "\e080"; }

.glyphicon-plus-sign:before {
  content: "\e081"; }

.glyphicon-minus-sign:before {
  content: "\e082"; }

.glyphicon-remove-sign:before {
  content: "\e083"; }

.glyphicon-ok-sign:before {
  content: "\e084"; }

.glyphicon-question-sign:before {
  content: "\e085"; }

.glyphicon-info-sign:before {
  content: "\e086"; }

.glyphicon-screenshot:before {
  content: "\e087"; }

.glyphicon-remove-circle:before {
  content: "\e088"; }

.glyphicon-ok-circle:before {
  content: "\e089"; }

.glyphicon-ban-circle:before {
  content: "\e090"; }

.glyphicon-arrow-left:before {
  content: "\e091"; }

.glyphicon-arrow-right:before {
  content: "\e092"; }

.glyphicon-arrow-up:before {
  content: "\e093"; }

.glyphicon-arrow-down:before {
  content: "\e094"; }

.glyphicon-share-alt:before {
  content: "\e095"; }

.glyphicon-resize-full:before {
  content: "\e096"; }

.glyphicon-resize-small:before {
  content: "\e097"; }

.glyphicon-exclamation-sign:before {
  content: "\e101"; }

.glyphicon-gift:before {
  content: "\e102"; }

.glyphicon-leaf:before {
  content: "\e103"; }

.glyphicon-eye-open:before {
  content: "\e105"; }

.glyphicon-eye-close:before {
  content: "\e106"; }

.glyphicon-warning-sign:before {
  content: "\e107"; }

.glyphicon-plane:before {
  content: "\e108"; }

.glyphicon-random:before {
  content: "\e110"; }

.glyphicon-comment:before {
  content: "\e111"; }

.glyphicon-magnet:before {
  content: "\e112"; }

.glyphicon-chevron-up:before {
  content: "\e113"; }

.glyphicon-chevron-down:before {
  content: "\e114"; }

.glyphicon-retweet:before {
  content: "\e115"; }

.glyphicon-shopping-cart:before {
  content: "\e116"; }

.glyphicon-folder-close:before {
  content: "\e117"; }

.glyphicon-folder-open:before {
  content: "\e118"; }

.glyphicon-resize-vertical:before {
  content: "\e119"; }

.glyphicon-resize-horizontal:before {
  content: "\e120"; }

.glyphicon-hdd:before {
  content: "\e121"; }

.glyphicon-bullhorn:before {
  content: "\e122"; }

.glyphicon-certificate:before {
  content: "\e124"; }

.glyphicon-thumbs-up:before {
  content: "\e125"; }

.glyphicon-thumbs-down:before {
  content: "\e126"; }

.glyphicon-hand-right:before {
  content: "\e127"; }

.glyphicon-hand-left:before {
  content: "\e128"; }

.glyphicon-hand-up:before {
  content: "\e129"; }

.glyphicon-hand-down:before {
  content: "\e130"; }

.glyphicon-circle-arrow-right:before {
  content: "\e131"; }

.glyphicon-circle-arrow-left:before {
  content: "\e132"; }

.glyphicon-circle-arrow-up:before {
  content: "\e133"; }

.glyphicon-circle-arrow-down:before {
  content: "\e134"; }

.glyphicon-globe:before {
  content: "\e135"; }

.glyphicon-tasks:before {
  content: "\e137"; }

.glyphicon-filter:before {
  content: "\e138"; }

.glyphicon-fullscreen:before {
  content: "\e140"; }

.glyphicon-dashboard:before {
  content: "\e141"; }

.glyphicon-heart-empty:before {
  content: "\e143"; }

.glyphicon-link:before {
  content: "\e144"; }

.glyphicon-phone:before {
  content: "\e145"; }

.glyphicon-usd:before {
  content: "\e148"; }

.glyphicon-gbp:before {
  content: "\e149"; }

.glyphicon-sort:before {
  content: "\e150"; }

.glyphicon-sort-by-alphabet:before {
  content: "\e151"; }

.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152"; }

.glyphicon-sort-by-order:before {
  content: "\e153"; }

.glyphicon-sort-by-order-alt:before {
  content: "\e154"; }

.glyphicon-sort-by-attributes:before {
  content: "\e155"; }

.glyphicon-sort-by-attributes-alt:before {
  content: "\e156"; }

.glyphicon-unchecked:before {
  content: "\e157"; }

.glyphicon-expand:before {
  content: "\e158"; }

.glyphicon-collapse-down:before {
  content: "\e159"; }

.glyphicon-collapse-up:before {
  content: "\e160"; }

.glyphicon-log-in:before {
  content: "\e161"; }

.glyphicon-flash:before {
  content: "\e162"; }

.glyphicon-log-out:before {
  content: "\e163"; }

.glyphicon-new-window:before {
  content: "\e164"; }

.glyphicon-record:before {
  content: "\e165"; }

.glyphicon-save:before {
  content: "\e166"; }

.glyphicon-open:before {
  content: "\e167"; }

.glyphicon-saved:before {
  content: "\e168"; }

.glyphicon-import:before {
  content: "\e169"; }

.glyphicon-export:before {
  content: "\e170"; }

.glyphicon-send:before {
  content: "\e171"; }

.glyphicon-floppy-disk:before {
  content: "\e172"; }

.glyphicon-floppy-saved:before {
  content: "\e173"; }

.glyphicon-floppy-remove:before {
  content: "\e174"; }

.glyphicon-floppy-save:before {
  content: "\e175"; }

.glyphicon-floppy-open:before {
  content: "\e176"; }

.glyphicon-credit-card:before {
  content: "\e177"; }

.glyphicon-transfer:before {
  content: "\e178"; }

.glyphicon-cutlery:before {
  content: "\e179"; }

.glyphicon-header:before {
  content: "\e180"; }

.glyphicon-compressed:before {
  content: "\e181"; }

.glyphicon-earphone:before {
  content: "\e182"; }

.glyphicon-phone-alt:before {
  content: "\e183"; }

.glyphicon-tower:before {
  content: "\e184"; }

.glyphicon-stats:before {
  content: "\e185"; }

.glyphicon-sd-video:before {
  content: "\e186"; }

.glyphicon-hd-video:before {
  content: "\e187"; }

.glyphicon-subtitles:before {
  content: "\e188"; }

.glyphicon-sound-stereo:before {
  content: "\e189"; }

.glyphicon-sound-dolby:before {
  content: "\e190"; }

.glyphicon-sound-5-1:before {
  content: "\e191"; }

.glyphicon-sound-6-1:before {
  content: "\e192"; }

.glyphicon-sound-7-1:before {
  content: "\e193"; }

.glyphicon-copyright-mark:before {
  content: "\e194"; }

.glyphicon-registration-mark:before {
  content: "\e195"; }

.glyphicon-cloud-download:before {
  content: "\e197"; }

.glyphicon-cloud-upload:before {
  content: "\e198"; }

.glyphicon-tree-conifer:before {
  content: "\e199"; }

.glyphicon-tree-deciduous:before {
  content: "\e200"; }

.glyphicon-briefcase:before {
  content: "\1f4bc"; }

.glyphicon-calendar:before {
  content: "\1f4c5"; }

.glyphicon-pushpin:before {
  content: "\1f4cc"; }

.glyphicon-paperclip:before {
  content: "\1f4ce"; }

.glyphicon-camera:before {
  content: "\1f4f7"; }

.glyphicon-lock:before {
  content: "\1f512"; }

.glyphicon-bell:before {
  content: "\1f514"; }

.glyphicon-bookmark:before {
  content: "\1f516"; }

.glyphicon-fire:before {
  content: "\1f525"; }

.glyphicon-wrench:before {
  content: "\1f527"; }

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
  position: relative; }

.alert h4 {
  margin-top: 0;
  color: inherit; }

.alert .alert-link {
  font-weight: bold; }

.alert > p,
.alert > ul {
  margin-bottom: 0; }

.alert > p + p {
  margin-top: 5px; }

.alert-dismissable {
  padding-right: 35px; }

.alert-dismissable .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit; }

.alert-success {
  color: #515867 !important;
  background-color: #aedafb !important;
  border-color: #4e9edc !important; }

.alert-success hr {

  border-top-color: #c9e2b3 !important; }

.alert-success .alert-link {
  color: #356635 !important; }

.alert-info {
  color: #3a87ad !important;
  background-color: #d9edf7 !important;
  border-color: #bce8f1 !important; }

.alert-info hr {
  border-top-color: #a6e1ec !important; }

.alert-info .alert-link {
  color: #2d6987 !important; }

.alert-warning {
  color: #c09853 !important;
  background-color: #fcf8e3 !important;
  border-color: #fbeed5 !important; }

.alert-warning hr {
  border-top-color: #f8e5be !important; }

.alert-warning .alert-link {
  color: #a47e3c !important; }

.alert-danger {
  color: #b94a48 !important;
  background-color: #f2dede !important;
  border-color: #eed3d7 !important; }

.alert-danger hr {
  border-top-color: #e6c1c7 !important; }

.alert-danger .alert-link {
  color: #953b39 !important; }

.alert-danger .fa {
  color: #b94a48 !important; }

.alert-success .fa {
  color: #4e9edc !important; }

.alert-success .fa.absolute {
  position: absolute;
  top: 20px;
  right: 10px; }

.font-s-1em {
  font-size: 1em !important; }

.font-s-1-5em {
  font-size: 1.5em !important; }

.font-s-1-7em {
  font-size: 1.7em !important; }

/*------------------------------------*\
    $LAYOUT
\*------------------------------------*/
/*------------------------------------*\
    $LAYOUT
\*------------------------------------*/
.main-content {
  display: block;
  float: left;
  margin-left: 0;
  margin-right: -100%;
  width: 66.16667%;
  display: inline-block;
  font-size: 1em; }
  @media (max-width: 44em) {
    .main-content {
      clear: both;
      display: block;
      float: left;
      margin-left: 0;
      width: 100%;
      margin-bottom: 1em; }
      .main-content hr {
        display: none; } }
  .main-content hr {
    background: #dadee8; }

.sidebar {
  display: block;
  float: left;
  margin-left: 67.66667%;
  margin-right: -100%;
  width: 32.33333%;
  font-size: .875em; }
  @media (max-width: 44em) {
    .sidebar {
      clear: both;
      display: block;
      float: left;
      margin-left: 0;
      width: 100%;
      margin-bottom: 1em; } }
  .sidebar hr {
    background: #dadee8;
    margin: 1em; }

.inner-padding {
  clear: both;
  padding: 1em 2em;
  margin-bottom: 1em; }
  @media (max-width: 44em) {
    .inner-padding {
      padding: 0.5em 1em; } }

.minus-padding {
  padding: 0;
  border-top: none; }

.column-1 {
  clear: both;
  display: block;
  float: left;
  margin-left: 0;
  margin-right: -100%;
  width: 49.25%;
  display: inline-block; }
  .column-1 input {
    width: 90%; }
  @media (max-width: 34em) {
    .column-1 {
      clear: both;
      display: block;
      float: left;
      margin-left: 0;
      width: 100%; } }

.column-2 {
  display: block;
  float: left;
  margin-left: 50.75%;
  margin-right: -100%;
  width: 49.25%;
  display: inline-block; }
  .column-2 input {
    width: 90%; }
  @media (max-width: 34em) {
    .column-2 {
      clear: both;
      display: block;
      float: left;
      margin-left: 0;
      width: 100%; } }

.column-full {
  clear: both;
  clear: both;
  display: block;
  float: left;
  margin-left: 0;
  width: 100%;
  display: inline-block; }
  .column-full .with-select-list {
    margin-bottom: 2em; }
  @media (max-width: 31em) {
    .column-full input {
      width: 90%; } }

.column-reg {
  clear: both;
  clear: both;
  display: block;
  float: left;
  margin-left: 0;
  width: 100%;
  display: inline-block;
  margin: 1em 0; }
  .column-reg input[type='checkbox'] {
    width: 2em;
    display: inline; }
  .column-reg .column-2, .column-reg .column-1 {
    margin-bottom: 1em; }
    .column-reg .column-2 label, .column-reg .column-1 label {
      display: inline; }
    .column-reg .column-2 .icheckbox_flat, .column-reg .column-1 .icheckbox_flat {
      margin: 1em 0 0 0; }

/*------------------------------------*\
    $PAGE STRUCTURE
\*------------------------------------*/
.account-login {
  padding: 1em 0 0 0; }
  @media (max-width: 31em) {
    .account-login {
      padding: 1.5em 0; } }
  .account-login img {
    width: 20px;
    height: 15px;
    border: 2px #00bcb4;
    margin: 0 1em;
    margin-top: -5px; }
    @media (max-width: 31em) {
      .account-login img {
        margin-top: 0; } }

.header {
  background-color: #203f69; }

.header-top {
  padding: 20px 0 26px 0; }
  @media (max-width: 44em) {
    .header-top {
      padding: 0; } }

.header-top-alt {
  padding: 0 0 164px 0; }
  @media (max-width: 44em) {
    .header-top-alt {
      padding: 0 0 131px 0; } }
  @media (max-width: 31em) {
    .header-top-alt {
      padding: 0 0 85px 0; } }

/* ---------------- LOGIN TOP BAR ------------------ */
@media (max-width: 46.8em) {
  .login-wrap {
    margin: 0; } }

nav.account-login {
  display: inline-block;
  float: right;
  font-weight: 600;
  font-size: 0.688em;
  color: #fff;
  text-transform: uppercase;
  padding: 1em 0 0 0;
  min-height: 30px; }
  @media (max-width: 46.8em) {
    nav.account-login {
      display: block;
      float: none;
      text-align: center;
      background-color: #00263D;
      padding: 1.2em 0; } }
  nav.account-login a {
    color: #70addc; }
    nav.account-login a:hover {
      color: #4e9edc;
      text-decoration: underline; }

.shortlist-top {
  display: inline;
  padding-top: 0.75em;
  padding-right: 10em;
  display: inline-block;
  font-size: 0.73em;
  text-transform: uppercase; }
  .shortlist-top:before {
    content: "\f08d";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    font-size: 1.3em;
    color: #70addc;
    padding-right: 0;
    margin-right: 4px; }
  @media (max-width: 46.8em) {
    .shortlist-top {
      width: 100%;
      padding: 1em;
      text-align: center; } }
  @media (max-width: 34em) {
    .shortlist-top {
      width: 100%;
      padding: 1em;
      text-align: center; } }

.login-top {
  display: inline; }
  @media (max-width: 34em) {
    .login-top {
      clear: both;
      width: 100%;
      display: block;
      padding: 1em; } }

span#currentLang {
  color: #70addc !important;
  cursor: pointer !important; }

#langSelect {
  font-size: 1.3em;
  text-transform: capitalize;
  padding: 1em;
  padding-bottom: 0 !important; }
  #langSelect a, #langSelect a:link {
    color: #00263D;
    display: block; }
  #langSelect a:hover {
    color: #70addc !important;
    text-decoration: none !important; }
  @media (max-width: 46.8em) {
    #langSelect {
      font-size: 1.5em;
      width: 100%; } }
  @media (max-width: 34em) {
    #langSelect {
      width: 94%; } }

/*-----------------  LOGO   --------------------- */
.logo {
  background-image: url(/news/wp-content/uploads/logo_large-1.png);
  background-size: 200px 75px;
  background-repeat: no-repeat;
  display: inline-block;
  float: left;
  height: 90px;
  width: 220px;
  position: relative;
    /*
	@media (max-width: $bp-small-3) {
        background-image: url(/images/logo_large.png);
        background-size: 172px 59px;
        top: 14px;
        height: 59px;
        width: 172px;
        margin-bottom: 1.5em;
	}
    */ }
  @media (max-width: 50em) {
    .logo {
      background-image: url(/images/logo_large.png);
      background-size: 176px 66px;
      background-repeat: no-repeat;
      background-position-y: 10px;
      display: inline-block;
      float: left;
      height: 80px;
      width: 180px;
      position: relative;
      clear: both; } }

a.logo {
  font-size: 0.1em;
  color: #203f69; }

/*
.logo .no-svg { //fallback for browsers that dont support svg (ie8 and lower)
	background-image: url(/images/logo_large.png);

	@media (max-width: $bp-small-3) {
	    background-image: url(/images/logo_large.png);
	}
}
*/
.header-banner {
  min-height: 210px;
  background-image: url(/recruiters/wp-content/uploads/header-banner.jpg);
  background-repeat: no-repeat;
  background-position: top;
  padding: 0;
  position: relative;
  width: 100%; }
  @media (min-width: 93em) {
    .header-banner {
      background-size: 100%; } }
  @media (max-width: 31em) {
    .header-banner {
      background-image: none;
      padding-top: 0;
      min-height: 0; } }
  .header-banner .search-form fieldset, .header-banner .search-form-home fieldset {
    display: block;
    width: 100%; }
  .header-banner .logo {
    background-size: 190px 70px;
    height: 80px;
    width: 220px; }
    @media (max-width: 50em) {
      .header-banner .logo {
        background-size: 176px 66px;
        background-position-y: 10px;
        height: 80px;
        width: 180px; } }

.header-banner-home {
  min-height: 445px;
  background-image: url(/recruiters/wp-content/uploads/header-banner.jpg);
  background-repeat: no-repeat;
  background-position: top;
  padding: 0;
  position: relative;
  width: 100%;
  clear: both; }
  @media (min-width: 93em) {
    .header-banner-home {
      background-size: 100%; } }
  @media (max-width: 31em) {
    .header-banner-home {
      background-image: none;
      padding-top: 0;
      min-height: 0; } }
  .header-banner-home .search-form fieldset, .header-banner-home .search-form-home fieldset {
    display: block;
    width: 100%; }

.header-banner-image {
  min-height: 340px;
  background-image: url(/recruiters/wp-content/uploads/header-banner.jpg);
  background-repeat: no-repeat;
  background-position: center;
  padding: 55px 0 15px 0;
  position: relative;
  width: 100%;
  clear: both; }
  @media (min-width: 93em) {
    .header-banner-image {
      background-size: 100%; } }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screena and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .header-banner-image {
      background-image: url(/images/header_banner@2x.jpg);
      -webkit-background-size: 1520px 341px;
      -moz-background-size: 1520px 341px;
      -o-background-size: 1520px 341px;
      background-size: 1520px 341px;
      background-repeat: no-repeat; } }
  @media (max-width: 31em) {
    .header-banner-image {
      background-image: none;
      padding-top: 0;
      min-height: 0; } }

.header-banner-course {
  min-height: 445px;
  background-image: url(/images/header_banner_course.jpg);
  background-repeat: no-repeat;
  background-position: top;
  padding: 0;
  position: relative;
  width: 100%;
  clear: both; }
  @media (min-width: 93em) {
    .header-banner-course {
      background-size: 100%; } }
  @media (max-width: 31em) {
    .header-banner-course {
      background-image: none;
      padding-top: 0;
      min-height: 0; } }
  .header-banner-course .search-form fieldset, .header-banner-course .search-form-home fieldset {
    display: block;
    width: 100%; }

.header-banner-image {
  min-height: 340px;
  background-image: url(/images/header_banner_course.jpg);
  background-image: url(/images/header_banner.jpg);
  background-repeat: no-repeat;
  background-position: center;
  padding: 55px 0 15px 0;
  position: relative;
  width: 100%;
  clear: both; }
  @media (min-width: 93em) {
    .header-banner-image {
      background-size: 100%; } }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screena and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .header-banner-image {
      background-image: url(/images/header_banner@2x.jpg);
      -webkit-background-size: 1520px 341px;
      -moz-background-size: 1520px 341px;
      -o-background-size: 1520px 341px;
      background-size: 1520px 341px;
      background-repeat: no-repeat; } }
  @media (max-width: 31em) {
    .header-banner-image {
      background-image: none;
      padding-top: 0;
      min-height: 0; } }

.header-home-search {
  min-height: 445px;
  padding: 0;
  position: relative;
  width: 100%;
  clear: both; }
  @media (min-width: 93em) {
    .header-home-search {
      background-size: 100%; } }

/*---------------  TEXT HEADER LARGE BANNER E.G Advertise A Job ------ */
.header-banner-text {
  min-height: 445px;
  background-image: url(/images/header-advertise-job.jpg);
  background-repeat: no-repeat;
  background-position: top;
  padding: 0;
  position: relative;
  width: 100%;
  clear: both; }
  @media (min-width: 93em) {
    .header-banner-text {
      background-size: 100%; } }
  @media (max-width: 31em) {
    .header-banner-text {
      background-image: none;
      padding-top: 0;
      min-height: 0;
      padding-bottom: 1em; } }

.header-text-area {
  background-color: rgba(38, 46, 65, 0.9);
  padding: 2em;
  margin: auto;
  clear: both;
  position: relative;
  border-radius: 5px;
  max-width: 960px; }
  @media (max-width: 31em) {
    .header-text-area {
      padding: 0;
      background-color: transparent;
      margin-bottom: 0; } }
  .header-text-area .accordion {
    border: none;
    padding: 0; }
  .header-text-area h1 {
    color: #fff;
    font-weight: 400;
    font-size: 1.5em;
    font-family: "Montserrat", "Arial", sans-serif;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 0.7em;
    padding-top: 0.7em; }
  .header-text-area li {
    color: #fff;
    font-weight: 400;
    font-size: 1.125em;
    text-transform: uppercase;
    margin-top: 0.5em; }
    .header-text-area li:before {
      content: "\f00c";
      color: #70addc;
      font-size: 1.5em;
      text-decoration: none;
      font-family: FontAwesome;
      padding: 0 0.7em 0 0.7em; }
    .header-text-area li:first-child, .header-text-area li:nth-child(3) {
      display: block;
      float: left;
      margin-left: 0;
      margin-right: -100%;
      width: 49.25%;
      position: relative;
      clear: both; }
      @media (max-width: 44em) {
        .header-text-area li:first-child, .header-text-area li:nth-child(3) {
          display: block;
          float: left;
          margin-left: 0;
          margin-right: -100%;
          width: 100.0%; } }
    .header-text-area li:nth-child(2), .header-text-area li:nth-child(4) {
      display: block;
      float: left;
      margin-left: 50.75%;
      margin-right: -100%;
      width: 49.25%; }
      @media (max-width: 44em) {
        .header-text-area li:nth-child(2), .header-text-area li:nth-child(4), .header-text-area li:nth-child(5), .header-text-area li:nth-child(6)  {
          display: block;
          float: left;
          margin-left: 0;
          margin-right: -100%;
          width: 100.0%;
          position: relative;
          clear: both; } }

.header-banner-blank {
  min-height: 150px;
  background-color: #203f69;
  padding: 0;
  position: relative;
  width: 100%;
  clear: both; }
  @media (min-width: 93em) {
    .header-banner-blank {
      background-size: 100%; } }
  @media (max-width: 31em) {
    .header-banner-blank {
      background-image: none;
      padding-top: 0;
      min-height: 0;
      padding-bottom: 1em; } }

/*------------------------------------*\
    $NAVIGATION
\*------------------------------------*/
.nav {
  clear: both;
  overflow: hidden; }
  .nav a {
    display: block;
    padding-right: 1em; }
  .nav.active {
    max-height: 40em;
    display: block; }
  .nav li:last-child a {
    padding-right: 0; }

#secondary-nav {
  padding-bottom: 2em; }

nav#primary-nav {
  float: right;
  display: inline-block;
  font-family: "Montserrat", "Arial", sans-serif;
  text-transform: uppercase;
  position: relative;
  bottom: 30px; }
  @media (max-width: 46.8em) {
    nav#primary-nav {
      display: none;
      float: none;

      position: relative;
      top: 0; } }
  nav#primary-nav li {
    border-left: 2px solid #fff;
    float: left; }
    @media (max-width: 46.8em) {
      nav#primary-nav li {
        border-left: none;
        float: none;
        padding: 1em 0;
        background-color: #00263D;
        border-bottom: 1px solid; } }
    nav#primary-nav li:first-child {
      border-left: none; }
  nav#primary-nav li a.active {
    color: #ec603c;
    text-decoration: none; }
  nav#primary-nav a {
    color: #fff;
    padding-left: .9em;
    height: 1.2em;
    line-height: 1.2em;
    font-size: 1em; }
    nav#primary-nav a:hover {
      color: #da5837; }
    nav#primary-nav a:active {
      color: #ec603c; }
  nav#primary-nav.active {
    display: block; }

.home nav#primary-nav {
  bottom: 50px; }

.nav-toggle-menu, .nav-toggle-menu-alt {
  display: none;
  text-transform: uppercase;
  font-family: "Montserrat", "Arial", sans-serif;
  font-weight: 300;
  color: #fff;
  font-size: 1em;
  float: right;
  margin: 2.5em 0 0 0;
  width: 6em;
  cursor: pointer;
  display: none; }
  .nav-toggle-menu::after, .nav-toggle-menu-alt::after {
    background-image: url("/images/icons/toggle_arrow.png");
    background-image: url(/images/icons/toggle_arrow.png);
    content: " ";
    background-repeat: no-repeat;
    background-position: center;
    padding: 3px 10px;
    margin-left: 6px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screena and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      .nav-toggle-menu::after, .nav-toggle-menu-alt::after {
        background-image: url(/images/icons/toggle_arrow@2x.png);
        -webkit-background-size: 12px 6px;
        -moz-background-size: 12px 6px;
        -o-background-size: 12px 6px;
        background-size: 12px 6px;
        background-repeat: no-repeat; } }
  .nav-toggle-menu.active, .nav-toggle-menu-alt.active {
    display: block; }
    .nav-toggle-menu.active:after, .nav-toggle-menu-alt.active:after {
      background-image: url("/images/icons/toggle_arrow_up.png");
      background-image: url(/images/icons/toggle_arrow_up.png);
      content: " ";
      background-repeat: no-repeat;
      background-position: center;
      padding: 3px 10px;
      margin-left: 6px; }
      @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screena and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
        .nav-toggle-menu.active:after, .nav-toggle-menu-alt.active:after {
          background-image: url(/images/icons/toggle_arrow_up@2x.png);
          -webkit-background-size: 12px 6px;
          -moz-background-size: 12px 6px;
          -o-background-size: 12px 6px;
          background-size: 12px 6px;
          background-repeat: no-repeat; } }
  @media (max-width: 46.8em) {
    .nav-toggle-menu, .nav-toggle-menu-alt {
      display: inline; } }

/*--------------------JOBSEEKER PROFILE TABS -------------------------------- */
.profile-tabs {
  width: 100%;
  clear: both;
  text-transform: uppercase;
  font-family: "Montserrat", "Arial", sans-serif;
  font-weight: 400;
  font-size: 0.9em;
  /* ------------- MOBILE PROFILE MENU   --------- */ }
  .profile-tabs ul {
    display: block;
    margin-top: 0.5em; }
  .profile-tabs li {
    background-color: #70addc;
    float: left;
    text-align: center;
    margin-right: .5em;
    height: 2.2em;
    line-height: 1em;
    padding-top: .5em;
    width: 19%;
    height: 3em; }
    .profile-tabs li:first-child {
      margin-left: 1em; }
      @media (max-width: 50em) {
        .profile-tabs li:first-child {
          margin-left: 0.5em; } }
      @media (max-width: 44em) {
        .profile-tabs li:first-child {
          margin-right: .3em;
          margin-left: 0; } }
    .profile-tabs li:last-child {
      margin-right: 0; }
    @media (max-width: 44em) {
      .profile-tabs li {
        margin-right: .3em; } }
    @media (max-width: 46.8em) {
      .profile-tabs li {
        margin-left: 0; } }
  .profile-tabs li a {
    color: #fff;
    width: 100%;
    display: block;
    padding: 0.2em 0.5em; }
  .profile-tabs li a:hover {
    color: #fff;
    text-decoration: underline; }
  .profile-tabs li.active {
    -moz-box-shadow: 0px 2px #4e9edc;
    -webkit-box-shadow: 0px 2px #4e9edc;
    box-shadow: 0px 2px #4e9edc;
    top: -2px;
    position: relative;
    background-color: #fff;
    padding: 1em 0.5em 0.2em 0.5em;
    margin: 0 0.3em 0 0; }
    .profile-tabs li.active:first-child {
      margin-left: 1em; }
      @media (max-width: 46.8em) {
        .profile-tabs li.active:first-child {
          margin-left: 0.5em; } }
      @media (max-width: 44em) {
        .profile-tabs li.active:first-child {
          margin-left: 0; } }
    .profile-tabs li.active:last-child {
      margin: 0; }
  @media (max-width: 34em) {
    .profile-tabs ul {
      display: none; }
    .profile-tabs li {
      clear: both;
      width: 100%;
      text-align: left;
      margin-top: .2em;
      padding: 0 2em;
      -moz-box-shadow: 2px 2px 2px #bfc4d4;
      -webkit-box-shadow: 2px 2px 2px #bfc4d4;
      box-shadow: 2px 2px 2px #bfc4d4; }
      .profile-tabs li:first-child {
        margin-left: 0;
        margin-top: -0.4em; }
    .profile-tabs li a {
      color: #fff;
      display: block;
      width: 100%;
      line-height: 2em;
      padding-top: 0.5em; }
    .profile-tabs li.active {
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none;
      clear: both;
      width: 100%;
      text-align: left;
      padding: 1em 2.5em;
      line-height: 1em;
      height: 2.5em; } }

h2.my-profile {
  display: none; }
  @media (max-width: 34em) {
    h2.my-profile {
      font-size: 1em;
      padding: .7em 0.8em .7em 1.5em;
      background-color: #203f69;
      color: #fff;
      line-height: 2.2em;
      display: block;
      border-top-right-radius: 5px;
      border-top-left-radius: 5px;
      border-bottom-left-radius: none;
      border-bottom-right-radius: none;
      text-align: left; }
      h2.my-profile::after {
        content: " ";
        background-position: center;
        position: relative;
        right: 5px;
        float: right;
        top: 10px;
        padding-right: 12px;
        padding-bottom: 12px;
        margin-right: 5px;
        background-image: url("/images/icons/toggle_arrow.png");
        background-image: url(/images/icons/toggle_arrow.png);
        background-repeat: no-repeat; } }
    @media only screen and (max-width: 34em) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 34em) and (-moz-min-device-pixel-ratio: 2), only screena and (max-width: 34em) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (max-width: 34em) and (min-device-pixel-ratio: 2), only screen and (max-width: 34em) and (min-resolution: 192dpi), only screen and (max-width: 34em) and (min-resolution: 2dppx) {
      h2.my-profile::after {
        background-image: url(/images/icons/toggle_arrow@2x.png);
        -webkit-background-size: 12px 6px;
        -moz-background-size: 12px 6px;
        -o-background-size: 12px 6px;
        background-size: 12px 6px;
        background-repeat: no-repeat; } }
  @media (max-width: 34em) {
      h2.my-profile.active:after {
        content: " ";
        background-position: center;
        position: relative;
        right: 5px;
        float: right;
        top: 10px;
        padding-right: 12px;
        padding-bottom: 12px;
        margin-right: 5px;
        background-image: url("/images/icons/toggle_arrow_up.png");
        background-image: url(/images/icons/toggle_arrow_up.png);
        background-repeat: no-repeat; } }
    @media only screen and (max-width: 34em) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 34em) and (-moz-min-device-pixel-ratio: 2), only screena and (max-width: 34em) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (max-width: 34em) and (min-device-pixel-ratio: 2), only screen and (max-width: 34em) and (min-resolution: 192dpi), only screen and (max-width: 34em) and (min-resolution: 2dppx) {
      h2.my-profile.active:after {
        background-image: url(/images/icons/toggle_arrow_up@2x.png);
        -webkit-background-size: 12px 6px;
        -moz-background-size: 12px 6px;
        -o-background-size: 12px 6px;
        background-size: 12px 6px;
        background-repeat: no-repeat; } }

/* ------------------  END NAV ------------------- */
.qq-upload-button {
  height: 30px;
  margin-left: -1.5em;
  padding-top: 1em; }

#upload-choose-cv,
#upload-choose-cv ul,
#upload-choose-cv ul li,
#upload-choose-cv ul li a, #upload-choose-cv ul li button,
#upload-choose-cv #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow: none;
  max-width: 200px;
  color: #ffffff; }

#upload-choose-cv ul.fixed {
  margin: 0 auto !important;
  width: 180px !important;
  max-width: initial !important; }

li.fixed {
  width: 180px !important;
  max-width: initial !important; }

button.fixed {
  width: 164px !important;
  max-width: initial !important; }

@media (max-width: 704px) {
  #upload-choose-cv ul.fixed {
    margin: 0 auto !important;
    width: 100% !important;
    max-width: initial !important; }

  li.fixed {
    width: 100% !important;
    max-width: initial !important; }

  button.fixed {
    width: 100% !important;
    max-width: initial !important;
    text-align: center !important; }

  button.fixed .caret {
    position: absolute;
    top: 6px;
    right: 5px; }

  #upload-choose-cv ul.fixed ul, #upload-choose-cv ul.fixed ul li, #upload-choose-cv ul.fixed ul li button {
    max-width: none !important;
    width: 100%; } }
#application .CvUpload.fixed {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
  margin-top: 10px; }

.m-b-0 {
  margin-bottom: 0px !important; }

.m-t-10 {
  margin-top: 10px !important; }

#application .CvUpload.fixed #upload-choose-cv {
  width: 100%;
  max-width: initial; }

#application .wrapopciones .CvChoose.fixed {
  margin-left: 76px !important; }

.wrapopciones h5 {
  text-align: center;
  font-weight: 500;
  display: block;
  margin-top: 15px; }
.wrapopciones .fixed {
  display: block;
  float: left !important;
  margin-left: 0% !important;
  margin-right: 0% !important;
  width: 196px !important;
  margin-top: 10px; }
.wrapopciones h3 {
  /*width: 40px !important;*/
  display: block;
  float: left; }

@media (max-width: 980px) {
  #application .wrapopciones .CvChoose.fixed {
    margin-left: 0px !important; }

  .wrapopciones button {
    position: relative; }
  .wrapopciones .caret {
    position: absolute;
    top: 6px;
    margin-right: -3px; }
  .wrapopciones #upload-choose-cv, .wrapopciones #upload-choose-cv ul, .wrapopciones #upload-choose-cv ul li, .wrapopciones #upload-choose-cv ul li a, .wrapopciones #upload-choose-cv ul li button, .wrapopciones #upload-choose-cv #menu-button {
    max-width: initial !important;
    width: 100%; }
  .wrapopciones #upload-choose-cv ul li button {
    text-align: center; }
  .wrapopciones .fixed {
    width: 100% !important; }
  .wrapopciones h3 {
    margin-top: 10px;
    width: 100% !important; } }
#upload-choose-cv:after,
#upload-choose-cv > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

#upload-choose-cv #menu-button {
  display: none; }

#upload-choose-cv {
  font-size: .813em;
  text-transform: uppercase;
  color: #fff;
  font-family: "Montserrat", "Arial", sans-serif;
  font-weight: 400;
  box-shadow: 1px #203f69;
  margin-top: 0; }
  #upload-choose-cv a, #upload-choose-cv button {
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    text-align: left; }

#upload-choose-cv > ul > li {
  float: center;
  padding: .7em 0.9em .7em 1.4em;
  background-color: #70addc; }
  #upload-choose-cv > ul > li .hover {
    background-color: #4e9edc;
    padding: .7em 1.4em; }

/* ----
#upload-choose-cv > ul > li:hover {
     background-color: $green;
  float: center;
     padding: .7em 1.4em;
}
---------------- */
#upload-choose-cv > ul > li > a {
  text-align: left; }

#upload-choose-cv > ul > li:hover > a {
  color: #ffffff; }

#upload-choose-cv > ul > li.has-sub > a {
  padding-right: 0; }

#upload-choose-cv > ul > li.has-sub > a:after, #upload-choose-cv > ul > li.has-sub > button:after {
  position: absolute;
  top: 50px;
  width: 0;
  height: 2px;
  display: block;
  background: #203f69;
  content: ''; }

#upload-choose-cv ul ul {
  position: absolute;
  left: -9999px;
  margin-top: 0.5em;
  width: 100%; }

#upload-choose-cv ul ul li {
  height: 0;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
  background: #203f69;
  z-index: 1000;
  word-break: break-all; }

#upload-choose-cv li:hover > ul {
  left: 0;
  text-decoration: none; }

#upload-choose-cv li:hover > ul > li {
  height: 35px; }

#upload-choose-cv ul ul li a, #upload-choose-cv ul ul li button {
  border-bottom: 1px solid rgba(150, 150, 150, 0.15);
  padding: 11px 15px;
  width: 100%;
  font-size: 12px;
  text-decoration: none;
  color: #dddddd;
  font-weight: 400;
  background: #203f69; }

#upload-choose-cv ul ul li:hover {
  background: #4e9edc; }

#upload-choose-cv ul ul li a:hover, #upload-choose-cv ul ul li button:hover {
  color: #ffffff;
  text-decoration: none;
  background: #4e9edc; }

#upload-choose-cv ul ul li:last-child > a,
#upload-choose-cv ul ul li.last-item > a {
  border-bottom: 0; }

#upload-choose-cv ul ul li:hover > a,
#upload-choose-cv ul ul li a:hover {
  color: #ffffff; }

#upload-choose-cv ul ul li.has-sub > a:after {
  position: absolute;
  top: 16px;
  right: 0;
  width: 8px;
  height: 2px;
  display: block;
  background: #203f69;
  content: ''; }

.cv-page {
  padding-left: 3em; }

#upload-choose-cv > ul > li {
  border-radius: 3px;
  margin-left: 3px !important;
  margin-right: 3px !important; }

#upload-choose-cv button.ctitle {
  background: url("/images/icons/caret.png") no-repeat right;
  padding-right: 22px !important; }

/*  ADVERISE A JOB CIRCLES */
.advertise-circles {
  clear: both;
  display: block;
  float: left;
  margin-left: 0;
  width: 100%;
  margin-bottom: 3em;
  text-align: center; }

.advertise-circle-menu {
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  text-align: center; }

.advertise-circle-menu li {
  width: 170px;
  height: 170px;
  border: 10px solid #f6f6f6;
  overflow: hidden;
  position: relative;
  float: left;
  background: #fff;
  margin-right: 20px;
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 125px;
  -moz-border-radius: 125px;
  border-radius: 125px;
  -webkit-transition: all 400ms linear;
  -moz-transition: all 400ms linear;
  -o-transition: all 400ms linear;
  -ms-transition: all 400ms linear;
  transition: all 400ms linear; }
  @media (max-width: 48em) {
    .advertise-circle-menu li {
      margin: 1em 5em; } }
  @media (max-width: 44em) {
    .advertise-circle-menu li {
      margin: 1em 2em; } }
  @media (max-width: 31em) {
    .advertise-circle-menu li {
      float: none; } }

.advertise-circle-menu li:last-child {
  margin-right: 0px; }
  @media (max-width: 48em) {
    .advertise-circle-menu li:last-child {
      margin: 1em 5em; } }
  @media (max-width: 44em) {
    .advertise-circle-menu li:last-child {
      margin: 1em 2em; } }
  @media (max-width: 31em) {
    .advertise-circle-menu li:last-child {
      float: none; } }

.advertise-circle-icon {
  font-size: 2em;
  font-weight: 500;
  color: #00bcb4;
  line-height: 60px;
  position: absolute;
  width: 100%;
  height: 60px;
  left: 0px;
  top: 25px;
  text-align: center;
  -webkit-transition: all 400ms linear;
  -moz-transition: all 400ms linear;
  -o-transition: all 400ms linear;
  -ms-transition: all 400ms linear;
  transition: all 400ms linear; }

.advertise-circle-main {
  font-size: 1.2em;
  position: absolute;
  top: 80px;
  height: 80px;
  width: 140px;
  left: 50%;
  margin-left: -70px;
  opacity: 0.8;
  text-align: center;
  color: #203f69; }

.advertise-circle-sub {
  text-align: center;
  color: #203f69;
  font-size: 1.2em;
  position: absolute;
  letter-spacing: -0.05em;
  height: 80px;
  width: 140px;
  left: 50%;
  margin-left: -70px;
  top: 80px;
  opacity: 0;
  -webkit-transition: all 400ms linear;
  -moz-transition: all 400ms linear;
  -o-transition: all 400ms linear;
  -ms-transition: all 400ms linear;
  transition: all 400ms linear; }

.advertise-circle-menu li:hover {
  background: #f7f7f7;
  border-color: #747c83;
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg); }

.advertise-circle-menu li:hover .advertise-circle-icon {
  color: #203f69;
  font-size: 2.2em; }

.advertise-circle-menu li:hover .advertise-circle-main {
  display: none; }

.advertise-circle-menu li:hover .advertise-circle-sub {
  opacity: 0.8; }

/* --------------------- A-Z NAVIGATION ---------------------  */
.listNav {
  margin: 0 0 10px; }

.ln-letters {
  overflow: hidden; }

.ln-letters a {
  font-size: 0.9em;
  display: block;
  float: left;
  padding: 4px 8px;
  border: 1px solid #dadee8;
  text-decoration: none;
  margin: 0.8em; }

.ln-letters a.ln-last {
  border-right: 1px solid #dadee8; }

.ln-letters a:hover,
.ln-letters a.ln-selected {
  background-color: #eaeaea; }

.ln-letters a.ln-disabled {
  color: #00bcb4; }

.ln-letter-count {
  display: none;
  opacity: 0; }

/* .ln-letter-count { text-align:center; font-size:0.8em; line-height:1; margin-bottom:3px; color:$green; }  */
/*------------------------------------*\
    $FOOTER
\*------------------------------------*/
.footer {
  background-color: #203f69;
  color: #fff;
  padding-top: 1.4em;
  clear: both; }
  .footer a {
    font-size: 0.875em;
    color: #fff; }
    @media (max-width: 31em) {
      .footer a {
        font-size: 1em; } }
  .footer li {
    color: #fff; }
  .footer h2 {
    padding-bottom: .7em;
    font-size: 0.875em;
    line-height: 1.2;
    font-weight: 700;
    color: #ec603c;
    text-transform: uppercase;
    font-family: "Montserrat", "Arial", sans-serif;
    text-align: left; }
    @media (max-width: 31em) {
      .footer h2 {
        padding: .7em 0;
        color: #dfe2ec;
        font-size: large;
        font-size: 1rem; } }
  @media (max-width: 31em) {
    .footer .accordion {
      padding: 0 0.8em; }
    .footer .acc-handle:after, .footer .tabs-acc-handle:after {
      content: "\f13a";
      color: #dfe2ec;
      font-family: FontAwesome;
      text-decoration: none;
      display: inline;
      font-size: 1.2em;
      background-position: center;
      padding: 0em;
      margin: 0em;
      float: right;
      position: relative; }
    .footer .acc-handle.active, .footer .tabs-acc-handle.active {
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0; }
      .footer .acc-handle.active:after, .footer .tabs-acc-handle.active:after {
        content: "\f139";
        color: #dfe2ec;
        font-family: FontAwesome;
        text-decoration: none;
        display: inline;
        font-size: 1.2em;
        background-position: center;
        padding: 0em;
        margin: 0em;
        float: right; } }

.logo-footer {
  background-image: url("../images/logo.png");
  background-size: 110px 41px;
  width: 115px;
  height: 45px;
  background-repeat: no-repeat;
  display: block;
  margin-left: 1em; }

a.logo-footer {
  color: #182a3c;
  font-size: 0.1em; }

.social-icons li {
  padding: 1em 0 0 0; }
  @media (max-width: 61.5em) {
    .social-icons li {
      margin-top: 1em; } }
  @media (max-width: 46.8em) {
    .social-icons li {
      margin-top: .5em; } }
  @media (max-width: 31em) {
    .social-icons li {
      display: inline-block;
      margin-top: .5em;
      text-align: center;
      width: 25.7%; } }

@media (max-width: 34em) {
  .social-text {
    display: none; } }

.footer-column2,
.footer-column3,
.footer-column4,
.social-icons {
  margin-bottom: 1em; }
  @media (max-width: 31em) {
    .footer-column2 ul,
    .footer-column3 ul,
    .footer-column4 ul,
    .social-icons ul {
      display: none; } }

.social-icons {
  display: block;
  float: left;
  margin-left: 0;
  margin-right: -100%;
  width: 31%; }
  @media (max-width: 48em) {
    .social-icons {
      display: block;
      float: left;
      margin-left: 0;
      margin-right: -100%;
      width: 49.25%; } }
  @media (max-width: 31em) {
    .social-icons {
      clear: both;
      display: block;
      float: left;
      margin-left: 0;
      width: 100%; } }

.footer-column2 {
  display: block;
  float: left;
  margin-left: 31%;
  margin-right: -100%;
  width: 23%; }
  @media (max-width: 61.5em) {
    .footer-column2 {
      display: block;
      float: left;
      margin-left: 33.83333%;
      margin-right: -100%;
      width: 23.875%; } }
  @media (max-width: 48em) {
    .footer-column2 {
      display: block;
      float: left;
      margin-left: 50.75%;
      margin-right: -100%;
      width: 49.25%; } }
  @media (max-width: 31em) {
    .footer-column2 {
      clear: both;
      display: block;
      float: left;
      margin-left: 0;
      width: 100%; } }

.footer-column3 {
  display: block;
  float: left;
  margin-left: 54%;
  margin-right: -100%;
  width: 23%; }
  @media (max-width: 61.5em) {
    .footer-column3 {
      display: block;
      float: left;
      margin-left: 59.20833%;
      margin-right: -100%;
      width: 23.875%; } }
  @media (max-width: 48em) {
    .footer-column3 {
      clear: both;
      padding-top: 0.5em;
      display: block;
      float: left;
      margin-left: 0;
      margin-right: -100%;
      width: 49.25%; } }
  @media (max-width: 31em) {
    .footer-column3 {
      clear: both;
      display: block;
      float: left;
      margin-left: 0;
      width: 100%; } }

.footer-column4 {
  display: block;
  float: left;
  margin-left: 77%;
  margin-right: -100%;
  width: 23%; }
  @media (max-width: 61.5em) {
    .footer-column4 {
      display: block;
      float: left;
      margin-left: 84.58333%;
      margin-right: -100%;
      width: 15.41667%; } }
  @media (max-width: 48em) {
    .footer-column4 {
      padding-top: 0.5em;
      display: block;
      float: left;
      margin-left: 50.75%;
      margin-right: -100%;
      width: 49.25%; } }
  @media (max-width: 31em) {
    .footer-column4 {
      clear: both;
      display: block;
      float: left;
      margin-left: 0;
      width: 100%; } }

.copyright {
  background-color: #00263D;
  clear: both;
  margin: 0;
  padding: 1em 0; }
  @media (max-width: 44em) {
    .copyright {
      text-align: center; } }
  .copyright p {
    font-size: large;
    font-size: 0.75rem;
    margin: 0; }
  .copyright a {
    color: #70addc; }
    .copyright a:hover {
      text-decoration: underline; }

/*------------------------------------*\
    $TEXT Styles
\*------------------------------------*/
.intro {
  font-size: 0.96em;
  font-weight: bold; }

.pullquote {
  font-family: "Montserrat", "Arial", sans-serif;
  font-size: 1.125em; }

.caption {
  font-style: italic; }

.text ul {
  list-style: none;
  margin: 0 0 1em 1.2em;
  font-size: large;
  font-size: 1rem;
  line-height: 1.75em; }
  .text ul ul {
    margin-bottom: 0; }
.text ol {
  list-style: decimal;
  margin: 0 0 1em 1.5em; }
  .text ol ol {
    margin-bottom: 0; }

/*------------------------------------*\
    $COMPONENTS
\*------------------------------------*/
a.icon-twitter,
a.icon-facebook,
a.icon-google-plus,
a.icon-job {
  background-repeat: no-repeat;
  padding: 10px 16px;
  background-position: center;
  margin-right: 11px; }

a.icon-twitter {
  background-image: url("/images/icons/twitter_light_icon.png");
  background-image: url(/images/icons/twitter-light.png); }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screena and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    a.icon-twitter {
      background-image: url(/images/icons/twitter-light@2x.png);
      -webkit-background-size: 19px 16px;
      -moz-background-size: 19px 16px;
      -o-background-size: 19px 16px;
      background-size: 19px 16px;
      background-repeat: no-repeat; } }
  @media (max-width: 31em) {
    a.icon-twitter {
      background-image: url("/images/icons/twitter-light-large-icon.png");
      background-image: url(/images/icons/twitter-light-large-icon.png);
      padding: 6px 16px; } }
  @media only screen and (max-width: 31em) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 31em) and (-moz-min-device-pixel-ratio: 2), only screena and (max-width: 31em) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (max-width: 31em) and (min-device-pixel-ratio: 2), only screen and (max-width: 31em) and (min-resolution: 192dpi), only screen and (max-width: 31em) and (min-resolution: 2dppx) {
    a.icon-twitter {
      background-image: url(/images/icons/twitter-light-large-icon@2x.png);
      -webkit-background-size: 30px 25px;
      -moz-background-size: 30px 25px;
      -o-background-size: 30px 25px;
      background-size: 30px 25px;
      background-repeat: no-repeat; } }

  @media (min-width: 44em) {
    a.icon-twitter:hover {
      background-image: url("/images/icons/twitter_light_rollover.png");
      background-image: url(/images/icons/twitter-light-rollover.png); } }
  @media only screen and (min-width: 44em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 44em) and (-moz-min-device-pixel-ratio: 2), only screena and (min-width: 44em) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-width: 44em) and (min-device-pixel-ratio: 2), only screen and (min-width: 44em) and (min-resolution: 192dpi), only screen and (min-width: 44em) and (min-resolution: 2dppx) {
    a.icon-twitter:hover {
      background-image: url(/images/icons/twitter-light-rollover@2x.png);
      -webkit-background-size: 19px 16px;
      -moz-background-size: 19px 16px;
      -o-background-size: 19px 16px;
      background-size: 19px 16px;
      background-repeat: no-repeat; } }

a.icon-facebook {
  background-image: url("/images/icons/facebook_f_light.png");
  background-image: url(/images/icons/facebook-f-light.png); }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screena and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    a.icon-facebook {
      background-image: url(/images/icons/facebook-f-light@2x.png);
      -webkit-background-size: 12px 23px;
      -moz-background-size: 12px 23px;
      -o-background-size: 12px 23px;
      background-size: 12px 23px;
      background-repeat: no-repeat; } }
  @media (max-width: 31em) {
    a.icon-facebook {
      background-image: url("/images/icons/facebook-light-large-icon.png");
      background-image: url(/images/icons/facebook-light-large-icon.png);
      padding: 6px 16px; } }
  @media only screen and (max-width: 31em) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 31em) and (-moz-min-device-pixel-ratio: 2), only screena and (max-width: 31em) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (max-width: 31em) and (min-device-pixel-ratio: 2), only screen and (max-width: 31em) and (min-resolution: 192dpi), only screen and (max-width: 31em) and (min-resolution: 2dppx) {
    a.icon-facebook {
      background-image: url(/images/icons/facebook-light-large-icon@2x.png);
      -webkit-background-size: 15px 30px;
      -moz-background-size: 15px 30px;
      -o-background-size: 15px 30px;
      background-size: 15px 30px;
      background-repeat: no-repeat; } }

  @media (min-width: 44em) {
    a.icon-facebook:hover {
      background-image: url("/images/icons/twitter_light_rollover.png");
      background-image: url(/images/icons/facebook-f-light-rollover.png); } }
  @media only screen and (min-width: 44em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 44em) and (-moz-min-device-pixel-ratio: 2), only screena and (min-width: 44em) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-width: 44em) and (min-device-pixel-ratio: 2), only screen and (min-width: 44em) and (min-resolution: 192dpi), only screen and (min-width: 44em) and (min-resolution: 2dppx) {
    a.icon-facebook:hover {
      background-image: url(/images/icons/facebook-f-light-rollover@2x.png);
      -webkit-background-size: 19px 16px;
      -moz-background-size: 19px 16px;
      -o-background-size: 19px 16px;
      background-size: 19px 16px;
      background-repeat: no-repeat; } }

a.icon-google-plus {
  background-image: url("/images/icons/googleplus_light.png");
  background-image: url(/images/icons/googleplus-light.png); }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screena and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    a.icon-google-plus {
      background-image: url(/images/icons/googleplus-light@2x.png);
      -webkit-background-size: 23px 23px;
      -moz-background-size: 23px 23px;
      -o-background-size: 23px 23px;
      background-size: 23px 23px;
      background-repeat: no-repeat; } }
  @media (max-width: 31em) {
    a.icon-google-plus {
      background-image: url("/images/icons/googleplus-light-large-icon.png");
      background-image: url(/images/icons/googleplus-light-large-icon.png);
      padding: 6px 16px; } }
  @media only screen and (max-width: 31em) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 31em) and (-moz-min-device-pixel-ratio: 2), only screena and (max-width: 31em) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (max-width: 31em) and (min-device-pixel-ratio: 2), only screen and (max-width: 31em) and (min-resolution: 192dpi), only screen and (max-width: 31em) and (min-resolution: 2dppx) {
    a.icon-google-plus {
      background-image: url(/images/icons/googleplus-light-large-icon@2x.png);
      -webkit-background-size: 29px 31px;
      -moz-background-size: 29px 31px;
      -o-background-size: 29px 31px;
      background-size: 29px 31px;
      background-repeat: no-repeat; } }

  @media (min-width: 44em) {
    a.icon-google-plus:hover {
      background-image: url("/images/icons/twitter_light_rollover.png");
      background-image: url(/images/icons/googleplus-light-rollover.png); } }
  @media only screen and (min-width: 44em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 44em) and (-moz-min-device-pixel-ratio: 2), only screena and (min-width: 44em) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-width: 44em) and (min-device-pixel-ratio: 2), only screen and (min-width: 44em) and (min-resolution: 192dpi), only screen and (min-width: 44em) and (min-resolution: 2dppx) {
    a.icon-google-plus:hover {
      background-image: url(/images/icons/googleplus-light-rollover@2x.png);
      -webkit-background-size: 19px 16px;
      -moz-background-size: 19px 16px;
      -o-background-size: 19px 16px;
      background-size: 19px 16px;
      background-repeat: no-repeat; } }

.edit-icon {
  color: #203f69;
  font-size: 1rem; }

.linkedin-import-icon {
  background-image: url("/images/linkedin_import.jpg");
  width: 35px;
  height: 35px;
  display: inline-block; }

.cv-import-icon {
  background-image: url("/images/cv_import.jpg");
  width: 35px;
  height: 35px;
  display: inline-block; }

.shortlist-icon, .job-list .job-list-item .shortlist_listing, .job-list .job-list-item .shortlist_mobile {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: none; }
  .shortlist-icon i, .job-list .job-list-item .shortlist_listing i, .job-list .job-list-item .shortlist_mobile i {
    cursor: pointer; }

.social-images img {
  width: 38px;
  height: 38px;
  margin: 0 0.5em 0 1em;
  display: inline-block; }

/*------------------------------------*\
    $BUTTONS
\*------------------------------------*/
.btn, button {
  background-color: #70addc;
  border: none;
  border-radius: 3px;
  box-shadow: 0 1px #4e9edc;
  color: #fff;
  display: inline-block;
  outline: none;
  position: relative;
  padding: 0.45em 2em;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  font-family: "Montserrat", "Arial", sans-serif;
  font-size: large;
  font-size: 0.875rem;
  margin-bottom: 1em;
  cursor: pointer;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none; }
  .btn:hover, .btn:focus, button:hover, button:focus {
    background: #70addc;
    color: #fff;
    box-shadow: 0 1px #4e9edc;
    top: 3px; }
  .btn:active, button:active {
    box-shadow: 0 0 #4e9edc;
    top: 2px; }
  .btn:disabled, button:disabled {
    box-shadow: none;
    background-color: #dfe2ec;
    cursor: default; }
    .btn:disabled:hover, .btn:disabled:focus, button:disabled:hover, button:disabled:focus {
      box-shadow: none;
      background: #dfe2ec;
      color: #fff;
      box-shadow: 0;
      top: 0;
      cursor: default; }

/*----------------Effect--------------------*/
.btn::before {
  -webkit-font-smoothing: antialiased; }

.btn::after {
  content: "";
  position: absolute;
  transition: all 0.3s ease 0s;
  z-index: -1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s; }

*, *::after, *::before {
  box-sizing: border-box; }

.btn-2 {
  background: none repeat scroll 0 0 #70addc; }

.btn-view-jobs {
  float: right; }
  @media (max-width: 44em) {
    .btn-view-jobs {
      display: none; } }

.btn-wide {
  display: none; }
  @media (max-width: 48em) {
    .btn-wide {
      width: 100%;
      display: inline; } }

@media (max-width: 44em) {
  .job-details-header .btn {
    display: none; } }

.btn-small {
  padding: .7em 1.4em;
  background-color: #203f69;
  font-size: .813em;
  text-transform: uppercase;
  color: #fff;
  font-family: "Montserrat", "Arial", sans-serif;
  font-weight: 400;
  box-shadow: 1px #203f69; }
  .btn-small:hover, .btn-small:focus {
    background: #2d343e; }

.btn-navy {
  padding: 1em 1.4em;
  background: #203f69;
  font-size: 0.875em;
  font-weight: normal;
  box-shadow: 1px #2d343e; }
  .btn-navy:hover, .btn-navy:focus {
    background: #2d343e; }

.btn-large {
  padding: 1em 2em;
  background: #70addc;
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: normal; }
  .btn-large a {
    text-decoration: none;
    color: #fff; }
    .btn-large a:hover {
      background: #4e9edc;
      color: #fff;
      text-decoration: none; }

.load-more-btn {
  padding: 1em 2em;
  text-transform: uppercase;
  background: #dfe2ec;
  font-size: 0.875em;
  color: #203f69;
  font-weight: normal;
  box-shadow: none; }
  .load-more-btn:after {
    content: "\f0d0";
    color: #203f69;
    text-decoration: none;
    font-family: FontAwesome;
    padding: 0 0 0 1em; }
  .load-more-btn:hover, .load-more-btn:hover:after {
    background: #203f69;
    box-shadow: none;
    color: #fff; }

.replace-btn {
  padding: 0.5em 0.8em;
  text-transform: uppercase;
  background: #dadee8;
  font-size: 0.75em;
  color: #203f69;
  font-weight: normal;
  box-shadow: none;
  border: 1px solid #dfe2ec;
  font-family: "Montserrat", "Arial", sans-serif;
  font-weight: 400;
  box-shadow: 1px #203f69; }
  .replace-btn:hover, .replace-btn:focus {
    background: #203f69;
    box-shadow: none; }

.btn-datalist {
  background: #203f69;
  padding: 1.1em 1em 0.8em;
  margin-left: -5px;
  font-size: 0.875em;
  box-shadow: none;
  top: 4px;
  border-radius: 0 5px 5px 0;
  display: inline-block; }
  .btn-datalist:hover, .btn-datalist:active, .btn-datalist:hover:after {
    background: #203f69;
    top: 3px; }

.sidebar .btn-datalist {
  top: 3px; }

/*------------------------------------*/
.btn.alt {
  background-color: #00263D; }
  .btn.alt:hover {
    background: #454e60; }

.btn.reg {
  background-color: #70addc;
  padding: .9em 2em;
  color: #fff; }
  .btn.reg:hover {
    background: #4e9edc; }

.text-btn {
  font-style: italic; }

.shortlist-btn {
  cursor: pointer;
  color: #203f69;
  width: 18px;
  height: 28px;
  font-size: 1em; }
  .shortlist-btn:hover {
    color: #70addc; }

.shortlisted-btn {
  cursor: pointer;
  color: #70addc;
  font-size: 1em; }
  .shortlisted-btn:hover {
    color: #4e9edc;
    text-decoration: none; }

/*
.shortlist-add-btn{
      &:before{
             content: "\f08d";
            color: $navy;
             text-decoration: none;
             font-size:$font-size-med;
              }

         &:hover{
             content: "\f08d";
            color: $blue-grey;
             text-decoration: none;
              }
}
 */
.shortlist-btn.shortlisted-msg, .shortlisted-btn.shortlist-msg {
  display: none; }

.shortlist .shortlisted-msg,
.shortlisted .shortlist-msg,
.shortlist-top-hidden {
  display: none; }

.small-link {
  font-size: 0.8em;
  color: #70addc;
  clear: left;
  display: block; }
  .small-link a {
    font-size: 0.5em;
    color: #70addc;
    font-size: 0.5em; }

/* ---------------------------------------------------------------------------------- */
.follow-btn {
  line-height: 1;
  padding: .9em 1.9em;
  text-align: center;
  text-transform: uppercase;
  border-radius: 5px;
  text-decoration: none;
  font-family: "Montserrat", "Arial", sans-serif;
  font-size: large;
  font-size: 0.875rem;
  background-color: #70addc;
  color: #fff;
  width: 100%;
  max-width: 270px; }
  .follow-btn:before {
    content: "\f004";
    color: #fff;
    text-decoration: none;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    float: left;
    font-size: 1em;
    padding: 0 1em 0 0;
    height: 15px; }
  .follow-btn:hover, .follow-btn:focus, .follow-btn:active, .follow-btn:hover:before, .follow-btn:focus:before, .follow-btn:active:before {
    background: #4e9edc;
    color: #fff; }

.following-btn {
  line-height: 1;
  padding: .9em 1.9em;
  text-align: center;
  text-transform: uppercase;
  border-radius: 5px;
  text-decoration: none;
  font-family: "Montserrat", "Arial", sans-serif;
  font-size: large;
  font-size: 0.875rem;
  background-color: #203f69;
  color: #fff;
  width: 100%;
  max-width: 270px; }
  .following-btn:before {
    content: "\f004";
    color: #fff;
    text-decoration: none;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    display: inline;
    font-size: 1em;
    padding: 0 1em 0 0;
    float: left;
    height: 15px; }
  .following-btn:hover {
    background: #4e9edc;
    color: #fff; }
  .following-btn:hover, .following-btn:focus, .following-btn:active, .following-btn:hover:before, .following-btn:focus:before, .following-btn:active:before {
    background: #4e9edc; }

button .unfollow {
  display: none; }

button:hover .following {
  display: none; }

button:hover .unfollow {
  display: inline; }

/* --------------------------------------------- */
.edit-cancel cancel {
  color: #70addc; }

.alert-block .action-buttons a {
  color: #70addc !important; }

.action-buttons {
  clear: both;
  display: block;
  float: left;
  margin-left: 0;
  width: 100%;
  clear: both;
  float: right;
  text-align: right;
  margin-bottom: 1em; }
  .action-buttons button {
    margin-left: 2em; }
    @media (max-width: 31em) {
      .action-buttons button {
        margin-left: 1.5em; } }
  .action-buttons a {
    color: #70addc;
    padding-right: 1em; }
  .action-buttons a.edit {
    color: #70addc;
    padding-right: 0; }

.edit {
  text-transform: uppercase;
  font-family: "Montserrat", "Arial", sans-serif;
  font-size: 0.75em;
  clear: both;
  padding-right: 0; }
  .edit:before {
    content: "\f040";
    color: #203f69;
    text-decoration: none;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    display: inline;
    font-size: 1rem;
    padding: 0 0.2em 0 0; }

.add {
  text-transform: uppercase;
  font-family: "Montserrat", "Arial", sans-serif;
  font-size: 0.75em; }
  .add:before {
    content: "\f055";
    color: #203f69;
    text-decoration: none;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    display: inline;
    font-size: 1rem;
    padding: 0 0.2em 0 2em; }

.cancel {
  margin-right: 5em;
  text-transform: uppercase;
  font-family: "Montserrat", "Arial", sans-serif;
  font-size: 0.75em; }
  @media (max-width: 31em) {
    .cancel {
      margin-right: 2em; } }

.save {
  background-color: #70addc;
  color: #fff;
  outline: 0 none;
  padding: 0.2em 1em;
  text-decoration: none;
  margin-right: 2em; }

/* ---------------------- Course Buttons  ---------------------------- */
.ca-menu {
  padding: 0; }
  @media (max-width: 31em) {
    .ca-menu {
      padding: 0;
      margin-left: 0; } }

.ca-menu li {
  width: 250px;
  height: 100px;
  display: inline-block;
  background: #dfe2ec;
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  margin-right: 2em;
  border-left: 10px solid #203f69;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out; }

.ca-menu li:last-child {
  margin-bottom: 0px; }
  @media (max-width: 40em) {
    .ca-menu li:last-child {
      margin-top: 2em; } }

.ca-menu li a {
  text-align: left;
  display: block;
  width: 100%;
  height: 100%;
  color: #203f69;
  position: relative; }

.ca-icon {
  font-family: 'WebSymbolsRegular', cursive;
  font-size: 20px;
  text-shadow: 0px 0px 1px #333;
  line-height: 90px;
  position: absolute;
  width: 90px;
  left: 20px;
  text-align: center;
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  transition: all 300ms linear; }

.ca-content {
  position: absolute;
  left: 10px;
  width: 250px;
  height: 60px;
  top: 10px; }

.ca-main {
  font-size: 1.5em;
  text-align: left;
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  transition: all 300ms linear; }

.ca-sub {
  font-size: 1em;
  text-align: left;
  color: #203f69;
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  transition: all 300ms linear; }

.ca-menu li:hover {
  border-color: #fff004;
  background: #203f69; }

.ca-menu li:hover .ca-icon {
  color: #fff004;
  text-shadow: 0px 0px 1px #fff004;
  font-size: 50px; }

.ca-menu li:hover .ca-main {
  color: #fbd245;
  font-size: 1em; }

.ca-menu li:hover .ca-sub {
  color: #fff;
  font-size: 1.5em; }

.large-block, .red-top-block, .no-top-block {
  clear: both;
  border-top: 2px solid #203f69;
  border-left: 1px solid #dadee8;
  border-right: 1px solid #dadee8;
  border-bottom: 1px solid #dadee8;
  border-radius: 5px;
  margin-bottom: 3em;
  padding-top: 0em;
  background-color: #fff;
  -webkit-box-shadow: 0 10px 10px -10px #ccc;
  -moz-box-shadow: 0 10px 10px -10px #ccc;
  box-shadow: 0 10px 10px -10px #ccc;
    /* td {
		&:first-child {
			font-weight: bold;
			width: inherit;
			padding-right: .5em;
		}
	}
    */ }
  .large-block li, .red-top-block li, .no-top-block li {
    margin-left: 1.2em;
    list-style: disc; }
  .large-block table, .red-top-block table, .no-top-block table, .large-block td, .red-top-block td, .no-top-block td {
    border: none;
    padding: 0;
    white-space: normal; }
  @media (max-width: 31em) {
    .large-block, .red-top-block, .no-top-block {
      border: none;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; } }

.red-top-block {
  border-top: 2px solid #FF0041; }

.no-top-block {
  border: 1px solid #dadee8;
  background-color: #f1f1f1;
  box-shadow: none; }

.small-block {
  border: 1px solid #dadee8;
  border-radius: 5px;
  background-color: #fff;
  margin-bottom: 3em;
  -webkit-box-shadow: 0 5px 15px -10px #ccc;
  -moz-box-shadow: 0 5px 15px -10px #ccc;
  box-shadow: 0 5px 15px -10px #ccc; }
  .small-block .header {
    font-weight: bold;
    font-size: 1em;
    background-color: #203f69;
    color: #fff;
    letter-spacing: 0.02em;
    text-align: center;
    padding-top: 1em;
    text-transform: uppercase; }
    @media (max-width: 31em) {
      .small-block .header {
        text-align: left;
        margin: 0;
        font-size: 1.0625em;
        padding: 1em 0.5em 1em 0.6em;
        background-color: #203f69; } }
  .small-block .sub-header {
    font-weight: normal;
    font-size: 0.875em;
    color: #fff;
    background-color: #203f69;
    letter-spacing: 0.05em;
    text-align: center;
    padding: 0 0 1em 0;
    text-transform: capitalize; }
    @media (max-width: 31em) {
      .small-block .sub-header {
        display: none; } }
  .small-block .inner-padding {
    padding: 1.2em; }
  @media (max-width: 31em) {
    .small-block .acc-handle:after {
      content: "\f13a";
      color: #fff;
      font-size: 1.5em;
      margin: -0.3em 0 0 0; }
    .small-block .acc-handle.active:after {
      content: "\f139";
      color: #fff;
      font-size: 1.5em;
      margin: -0.3em 0 0 0; } }
  @media (max-width: 34em) {
    .small-block .tabs-acc-handle:after {
      content: "\f13a";
      color: #fff;
      font-size: 1.5em;
      margin: -0.3em 0 0 0; }
    .small-block .tabs-acc-handle.active:after {
      content: "\f139";
      color: #fff;
      font-size: 1.5em;
      margin: -0.3em 0 0 0; } }
  .small-block h3 {
    font-weight: normal;
    font-size: 1rem;
    font-family: "Open Sans", "Arial", sans-serif;
    color: #203f69;
    padding: 0.5em 0 0.5em 0; }
  .small-block h4 {
    font-weight: normal;
    font-size: 1.5em;
    font-family: "Open Sans", "Arial", sans-serif;
    color: #203f69;
    padding: 0.5em 0 0.5em 0;
    font-weight: 500;
    margin: 0; }
  .small-block dl {
    margin-bottom: 1em; }
  .small-block dt, .small-block dd {
    font-size: 1em;
    padding: 0; }
  .small-block .datalisting-edit dd {
    padding: 0.5em 1em; }
  .small-block dt {
    padding-top: 1em; }
  .small-block dt:first-child {
    padding-top: 0; }
  .small-block p {
    font-size: 1.2em;
    padding: 0; }
  .small-block .contact-info {
    margin-top: -1em; }
    .small-block .contact-info dd {
      padding-top: 1em; }
    .small-block .contact-info .email:before {
      content: "\f0e0";
      color: #203f69;
      text-decoration: none;
      font-size: 1em;
      float: left;
      padding: 0.5em 1em;
      font-family: FontAwesome;
      margin: -0.2em 0.5em 0 0; }
    .small-block .contact-info .phone:before {
      content: "\f095";
      color: #203f69;
      text-decoration: none;
      font-size: 1em;
      float: left;
      padding: 0.5em 1em;
      font-family: FontAwesome;
      margin: -0.2em 0.5em 0 0; }
  .small-block .left-general {
    display: inline-block;
    margin-bottom: 1em; }
    .small-block .left-general label {
      display: inline;
      font-size: 0.9em; }
  .small-block .right-general {
    display: inline-block;
    margin-bottom: 1em; }
    .small-block .right-general label {
      display: inline-block;
      font-size: 0.9em; }
  .small-block .company-logo {
    clear: both;
    display: block;
    float: left;
    margin-left: 0;
    width: 100%;
    height: 100px;
    position: relative;
    padding: 1em 1em 0 1em; }
    .small-block .company-logo img {
      max-height: 90px;
      margin: auto;
      display: block;
      vertical-align: middle;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      max-width: 95%; }
  .small-block .cancel {
    margin-right: 2em; }

.post-application-details {
  border: 1px solid #dadee8;
  border-radius: 5px;
  margin: 2em 0 4em 0;
  padding: 3em;
  -webkit-box-shadow: 0 10px 10px -10px #ccc;
  -moz-box-shadow: 0 10px 10px -10px #ccc;
  box-shadow: 0 10px 10px -10px #ccc; }
  @media (max-width: 31em) {
    .post-application-details {
      padding: 1em; } }
  .post-application-details h2 {
    font-family: "Open Sans", "Arial", sans-serif;
    font-weight: bold;
    font-size: 1.2em;
    color: #203f69;
    text-align: left; }
  .post-application-details .center {
    align-content: center;
    margin-left: auto;
    margin-right: auto;
    width: 300px; }
  .post-application-details a {
    color: #203f69;
    font-family: "Open Sans", "Arial", sans-serif;
    font-weight: bold; }
  .post-application-details i {
    color: #203f69;
    font-size: 2rem;
    padding-left: 0.5em;
    float: left;
    margin-right: 1em; }
    @media (max-width: 31em) {
      .post-application-details i {
        margin-right: 0.5em; } }

.post-application-3rd {
  margin: 2em 0; }
  .post-application-3rd p {
    font-size: 1.2em; }
  .post-application-3rd i {
    color: #203f69;
    font-size: 2.2rem;
    padding-left: 0.5em;
    float: left;
    margin-right: 1em; }

.registration-blocks, .reg-cv-handy, .reg-import-linkedin {
  padding: 2em;
  background-color: #fff;
  margin-bottom: 5em;
  margin-top: 2em;
  min-height: 180px; }
  .registration-blocks h1, .reg-cv-handy h1, .reg-import-linkedin h1 {
    font-size: 1.5em;
    text-align: left; }
  .registration-blocks h2, .reg-cv-handy h2, .reg-import-linkedin h2 {
    font-size: 1em;
    text-align: left; }

.reg-cv-handy {
  display: block;
  float: left;
  margin-left: 8.45833%;
  margin-right: -100%;
  width: 74.625%; }
  @media (max-width: 34em) {
    .reg-cv-handy {
      clear: both;
      display: block;
      float: left;
      margin-left: 0;
      width: 100%;
      padding: 1em;
      border: 1px solid #dadee8;
      -webkit-box-shadow: 0 5px 15px -10px #ccc;
      -moz-box-shadow: 0 5px 15px -10px #ccc;
      box-shadow: 0 5px 15px -10px #ccc; } }

.reg-or {
  display: block;
  float: left;
  margin-left: 50.75%;
  margin-right: -100%;
  width: 6.95833%;
  float: left;
  margin-top: 5em; }
  @media (max-width: 34em) {
    .reg-or {
      clear: both;
      display: block;
      float: left;
      margin-left: 0;
      width: 100%;
      clear: both;
      margin-top: 0;
      padding-top: 0; } }

.reg-import-linkedin {
  display: block;
  float: left;
  margin-left: 59.20833%;
  margin-right: -100%;
  width: 40.79167%;
  float: left; }
  @media (max-width: 34em) {
    .reg-import-linkedin {
      clear: both;
      display: block;
      float: left;
      margin-left: 0;
      width: 100%;
      padding: 1em; } }

.skip {
  clear: both;
  float: right;
  margin-right: 1em;
  margin-bottom: 5em; }
  @media (max-width: 34em) {
    .skip button {
      width: 100%; } }

.find-course-blog, .course-location-block, .home-location-block, .home-job-tips, .jobs-interest, .find-course-buttons {
  clear: both;
  float: left;
  margin-top: 5em;
  padding: 0 0.8em 0 0.8em;
  width: 100%; }
  @media (max-width: 31em) {
    .find-course-blog, .course-location-block, .home-location-block, .home-job-tips, .jobs-interest, .find-course-buttons {
      padding: 0;
      margin-top: 1em;
      margin-bottom: 2em; } }

.home-location-block, .course-location-block {
  margin-bottom: 4em; }

.company-description {
  clear: both; }
  .company-description h1, .company-description h2 {
    background-color: #f7f7f7;
    font-family: "Montserrat", "Arial", sans-serif;
    padding: .5em;
    font-size: 1.2em;
    border-radius: 5px;
    margin: 0;
    text-align: center;
    font-weight: 700; }
    @media (max-width: 31em) {
      .company-description h1, .company-description h2 {
        font-size: 1.2em;
        padding: 0.8em 0.8em 0.8em 0.4em;
        text-align: left;
        font-weight: 700;
        text-transform: uppercase;
        background-color: #f1f1f1;
        margin: 0;
        text-transform: uppercase;
        font-family: "Open Sans", "Arial", sans-serif; } }
  .company-description h3 {
    font-size: 1em;
    font-weight: 700; }
  .company-description .testimonial {
    background-color: #f7f7f7;
    margin: 2em; }
    .company-description .testimonial p {
      float: left; }
    .company-description .testimonial img {
      float: right; }
    .company-description .testimonial .name {
      float: right;
      margin-right: 1em; }
  .company-description p {
    padding: 0 0 1em 0; }
    @media (max-width: 31em) {
      .company-description p {
        padding: 0 0.5em 1em 0.5em; } }

.blog-article {
  clear: both;
  display: block;
  float: left;
  margin-left: 0;
  width: 100%;
  clear: both; }
  .blog-article .blog-image {
    display: block;
    float: left;
    margin-left: 0;
    margin-right: -100%;
    width: 32.33333%; }
    @media (max-width: 50em) {
      .blog-article .blog-image {
        display: block;
        float: left;
        margin-left: 0;
        margin-right: -100%;
        width: 32.33333%; } }
    @media (max-width: 34em) {
      .blog-article .blog-image {
        clear: both;
        display: block;
        float: left;
        margin-left: 0;
        width: 100%;
        padding: 0;
        float: left; } }
    .blog-article .blog-image img {
      margin: 1em auto;
      border: 1px solid #ccc;
      vertical-align: middle;
      height: 160px;
      width: 100%;
      object-fit: cover; }
      @media (max-width: 50em) {
        .blog-article .blog-image img {
          width: 100%; } }
      @media (max-width: 34em) {
        .blog-article .blog-image img {
          clear: both;
          display: block;
          float: left;
          margin-left: 0;
          width: 100%;
          width: 100%;
          padding: 0;
          margin: 0; } }

.blog-text {
  display: block;
  float: left;
  margin-left: 33.83333%;
  margin-right: -100%;
  width: 66.16667%;
  padding: 0 0 0 1em; }
  .blog-text h3 {
    text-transform: uppercase;
    font-family: "Montserrat", "Arial", sans-serif;
    margin-top: 1em; }
    .blog-text h3 a {
      color: #203f69;
      background-color: #fff;
      box-shadow: none;
      padding: 0;
      margin-bottom: 0;
      font-size: 1.0625em; }
    @media (max-width: 34em) {
      .blog-text h3 {
        margin-top: 0.5em;
        padding: 0; } }
  .blog-text p {
    padding: 1em 1em 0.5em 0; }
  .blog-text a {
    background-color: #70addc;
    border: none;
    border-radius: 3px;
    box-shadow: 0 1px #4e9edc;
    color: white;
    display: inline-block;
    outline: none;
    position: relative;
    padding: 0.45em 2em;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    font-family: "Montserrat", "Arial", sans-serif;
    font-size: large;
    font-size: 0.875rem;
    margin-bottom: 1em;
    cursor: pointer;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none; }
  @media (max-width: 34em) {
    .blog-text {
      clear: both;
      display: block;
      float: left;
      margin-left: 0;
      width: 100%;
      padding: 0 0.5em 2em 0.5em; } }

.jobs-side li {
  margin: 1em 0.5em;
  border-bottom: 1px solid #dadee8;
  padding: 0.5em 0 1em 0; }
  .jobs-side li:first-child {
    margin-top: 0; }
  .jobs-side li:last-child {
    border-bottom: none;
    margin-bottom: 0; }
  .jobs-side li a {
    font-size: 1em; }

.ex-emp-side {
  margin: 1em 0;
  border-top: 1px solid #ccc; }
  .ex-emp-side h4 {
    font-size: 1.2em; }

.advertise {
  clear: both;
  margin: 0.5em 1em; }
  @media (max-width: 44em) {
    .advertise {
      margin: 2em 1em;
      padding: 0; } }

.full-width {
  clear: both;
  margin: 4em 0;
  padding: 2em 0 1em 0;
  -webkit-box-shadow: 0 10px 10px -10px #ccc;
  -moz-box-shadow: 0 10px 10px -10px #ccc;
  box-shadow: 0 10px 10px -10px #ccc;
  border-top: 1px solid #dadee8;
  border-left: 0;
  border-right: 0;
  border-bottom: 1px solid #dadee8; }
  @media (max-width: 44em) {
    .full-width {
      margin: 1em;
      padding: 0; } }

.page-wide-section {
  clear: both;
  display: block;
  float: left;
  margin-left: 0;
  width: 100%;
  clear: both;
  margin: 1em 0 1em 0; }
  .page-wide-section p {
    font-size: 1.2em;
    line-height: 1.8em;
    padding: 0;
    color: #747c83; }
  .page-wide-section .advertise-image {
    display: block;
    float: left;
    margin-left: 59.20833%;
    margin-right: -100%;
    width: 40.79167%; }
    .page-wide-section .advertise-image img {
      max-width: 300px;
      padding: 1em;
      margin: 1em 0em 1em 0em; }
    @media (max-width: 46.8em) {
      .page-wide-section .advertise-image {
        display: none; } }
  .page-wide-section textarea {
    width: 60%; }

.advertise-logos {
  clear: both;
  clear: both;
  display: block;
  float: left;
  margin-left: 0;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  display: inline-block;
  padding: 1em 0;
  border-top: 1px solid #ccc;
  margin-top: 1em; }

.advertise-phone {
  text-align: center;
  clear: both;
  color: #203f69;
  margin-bottom: 3em; }
  .advertise-phone img {
    vertical-align: bottom;
    width: 30px;
    height: 30px; }
  .advertise-phone .dublin {
    clear: both;
    font-size: 1.2em;
    display: block;
    float: left;
    margin-left: 8.45833%;
    margin-right: -100%;
    width: 40.79167%; }
    @media (max-width: 48em) {
      .advertise-phone .dublin {
        display: block;
        float: left;
        margin-left: 0;
        margin-right: -100%;
        width: 49.25%;
        margin-bottom: 1em; } }
    @media (max-width: 44em) {
      .advertise-phone .dublin {
        clear: both;
        display: block;
        float: left;
        margin-left: 0;
        width: 100%;
        margin-bottom: 1em; } }
  .advertise-phone .cork {
    font-size: 1.2em;
    display: block;
    float: left;
    margin-left: 50.75%;
    margin-right: -100%;
    width: 40.79167%; }
    @media (max-width: 48em) {
      .advertise-phone .cork {
        display: block;
        float: left;
        margin-left: 50.75%;
        margin-right: -100%;
        width: 49.25%;
        margin-bottom: 1em; } }
    @media (max-width: 44em) {
      .advertise-phone .cork {
        clear: both;
        display: block;
        float: left;
        margin-left: 0;
        width: 100%; } }

/* STATIC PAGE STYLES */
#static {
  display: block;
  float: left;
  margin-left: 16.91667%;
  margin-right: -100%;
  width: 66.16667%;
  clear: both; }
  @media (max-width: 44em) {
    #static {
      display: block;
      float: left;
      margin-left: 0;
      margin-right: -100%;
      width: 100.0%; } }

#static ul li {
  list-style-type: disc;
  margin: 1em 2em; }

#static p, #static ul, #static ol {
  font-size: 1rem;
  line-height: 1.8em;
  padding: 0;
  color: #747c83;
  margin: 0.7em auto; }

/* END STATIC PAGE STYLES */
.links-table, .links-table td {
  border: none; }
  @media (max-width: 44em) {
    .links-table, .links-table td {
      display: block;
      clear: both;
      display: block;
      float: left;
      margin-left: 0;
      width: 100%; } }

/*--------------- Ecommerce packages  ----------------*/
.package, .package-left, .package-right, .package-wide {
  box-sizing: border-box;
  border: 3px solid #e8e8e8;
  border-radius: 7px;
  display: inline-block;
  padding: 24px;
  margin-bottom: 1em;
  float: left;
  -webkit-transition: margin-top 0.5s linear;
  transition: margin-top 0.5s linear;
  position: relative;
  width: 90%; }
  .package .name, .package-left .name, .package-right .name, .package-wide .name {
    color: #565656;
    font-weight: 300;
    font-size: 1.8em;
    margin-top: 0.5em; }
  .package .price, .package-left .price, .package-right .price, .package-wide .price {
    margin-top: 7px;
    font-weight: bold; }
  .package .price::after, .package-left .price::after, .package-right .price::after, .package-wide .price::after {
    font-weight: normal; }
  .package hr, .package-left hr, .package-right hr, .package-wide hr {
    background-color: #dedede;
    border: none;
    height: 1px;
    margin-bottom: 1em; }
  .package .trial, .package-left .trial, .package-right .trial, .package-wide .trial {
    font-size: .9rem;
    font-weight: 600;
    padding: 2px 21px 2px 21px;
    color: #33c4b6;
    border: 1px solid #e4e4e4;
    display: inline-block;
    border-radius: 15px;
    background-color: white;
    position: relative;
    bottom: -20px; }
  .package ul, .package-left ul, .package-right ul, .package-wide ul {
    list-style: none;
    padding: 0;
    text-align: left;
    margin-top: 39px; }
  .package li, .package-left li, .package-right li, .package-wide li {
    margin-top: 25px;
    margin-bottom: 15px; }
  .package li::before, .package-left li::before, .package-right li::before, .package-wide li::before {
    font-family: "FontAwesome";
    content: "\f00c";
    font-size: 1.3rem;
    color: #33c4b6;
    margin-right: 3px; }
  .package input, .package-left input, .package-right input, .package-wide input {
    width: 100%; }
  .package label, .package-left label, .package-right label, .package-wide label {
    text-align: left; }

.package-focus {
  margin-top: -10px;
  -webkit-transition: margin-top 0.3s linear;
  transition: margin-top 0.3s linear;
  border-color: #3bc6b8;
  border-style: solid; }
  @media (max-width: 44em) {
    .package-focus {
      margin-top: 0; } }

.package-left {
  display: block;
  float: left;
  margin-left: 8.45833%;
  margin-right: -100%;
  width: 40.79167%;
  text-align: center;
  padding: 0 2em; }
  @media (max-width: 50em) {
    .package-left {
      display: block;
      float: left;
      margin-left: 0;
      margin-right: -100%;
      width: 49.25%;
      margin-bottom: 1em; } }
  @media (max-width: 44em) {
    .package-left {
      clear: both;
      display: block;
      float: left;
      margin-left: 0;
      width: 100%;
      margin-bottom: 1em;
      border: 0;
      margin-top: 0;
      padding: 0 1.8em; } }
  .package-left img {
    height: 20px;
    margin-bottom: 1em; }

.package-right {
  display: block;
  float: left;
  margin-left: 50.75%;
  margin-right: -100%;
  width: 40.79167%;
  text-align: center;
  padding: 0 2em; }
  @media (max-width: 50em) {
    .package-right {
      display: block;
      float: left;
      margin-left: 50.75%;
      margin-right: -100%;
      width: 49.25%;
      margin-bottom: 1em; } }
  @media (max-width: 44em) {
    .package-right {
      clear: both;
      display: block;
      float: left;
      margin-left: 0;
      width: 100%;
      margin-bottom: 1em;
      border: 0;
      margin-top: 0;
      padding: 0 1.8em; } }

.package-wide {
  display: block;
  float: left;
  margin-left: 8.45833%;
  margin-right: -100%;
  width: 83.08333%;
  padding: 1em 2em;
  -webkit-transition: none;
  transition: none; }
  .package-wide h3 {
    padding: 1em; }
  @media (max-width: 44em) {
    .package-wide {
      clear: both;
      display: block;
      float: left;
      margin-left: 0;
      width: 100%;
      padding: 1em; } }
  @media (max-width: 31em) {
    .package-wide {
      padding: 0;
      border: 0;
      margin-bottom: 1em; } }
  .package-wide .features-ul {
    display: block;
    float: left;
    margin-left: 0;
    margin-right: -100%;
    width: 66.16667%;
    margin-top: 0; }
    @media (max-width: 44em) {
      .package-wide .features-ul {
        clear: both;
        display: block;
        float: left;
        margin-left: 0;
        width: 100%; } }
  .package-wide .credit-card-img {
    display: block;
    float: left;
    margin-left: 67.66667%;
    margin-right: -100%;
    width: 32.33333%; }
    @media (max-width: 44em) {
      .package-wide .credit-card-img {
        clear: both;
        clear: both;
        display: block;
        float: left;
        margin-left: 0;
        width: 100%;
        max-width: 210px; } }
  .package-wide:hover {
    margin-top: 0;
    -webkit-transition: none;
    transition: none;
    border-color: #3bc6b8;
    border-style: solid; }

.client_logos img {
  padding: 0 1.5em;
  max-height: 60px; }
  @media (max-width: 31em) {
    .client_logos img {
      padding: 0 1.3em; } }

.preview {
  box-sizing: border-box;
  border: 3px solid #e8e8e8;
  border-radius: 7px;
  display: inline-block;
  padding: 5px;
  margin-bottom: 1em;
  float: left;
  -webkit-transition: margin-top 0.5s linear;
  transition: margin-top 0.5s linear;
  position: relative;
  width: 100%; }

/* --------------------   2 Column Text and Imag  ----------------- */
.text-2-column, .text-left, .text-right {
  margin-top: 1.5em;
  margin-bottom: 2em; }
  .text-2-column h3, .text-left h3, .text-right h3 {
    text-align: left;
    font-weight: 500;
    margin-bottom: 0.8em;
    padding-left: 0.6em;
    font-size: 1.5em; }
  .text-2-column p, .text-left p, .text-right p {
    margin-top: 1.8em;
    font-size: 1.125em;
    line-height: 2em; }

.text-left {
  display: block;
  float: left;
  margin-left: 0;
  margin-right: -100%;
  width: 57.70833%; }
  @media (max-width: 44em) {
    .text-left {
      clear: both;
      display: block;
      float: left;
      margin-left: 0;
      width: 100%; } }

.text-left-image {
  clear: both;
  display: block;
  float: left;
  margin-left: 59.20833%;
  margin-right: -100%;
  width: 40.79167%;
  margin-top: 3em; }
  @media (max-width: 44em) {
    .text-left-image {
      clear: both;
      display: block;
      float: left;
      margin-left: 0;
      width: 100%;
      clear: both; } }

.text-right {
  display: block;
  float: left;
  margin-left: 33.83333%;
  margin-right: -100%;
  width: 66.16667%; }
  @media (max-width: 44em) {
    .text-right {
      clear: both;
      display: block;
      float: left;
      margin-left: 0;
      width: 100%;
      clear: both; } }

.text-right-image {
  display: block;
  float: left;
  margin-left: 0;
  margin-right: -100%;
  width: 32.33333%;
  clear: both;
  margin-top: 3em; }
  @media (max-width: 44em) {
    .text-right-image {

      clear: both;
      display: block;
      float: left;
      margin-left: 0;
      width: 100%;
      clear: both; } }

/*------  recommender   -------*/
.blocks, .blocks-one-third, .blocks-two-third, .blocks-three-third {
  box-sizing: border-box;
  background-color: #f2f2f2;
  border: 3px solid #e8e8e8;
  border-radius: 7px;
  display: inline-block;
  padding: 1em;
  margin: 0.5em 0 1em 0;
  float: left;
  -webkit-transition: margin-top 0.5s linear;
  transition: margin-top 0.5s linear;
  position: relative;
  font-size: 1em; }
  .blocks .job-title, .blocks-one-third .job-title, .blocks-two-third .job-title, .blocks-three-third .job-title {
    min-height: 50px;
    display: block; }
  .blocks .name, .blocks-one-third .name, .blocks-two-third .name, .blocks-three-third .name {
    clear: both;
    font-weight: bold;
    display: block; }
  .blocks .location, .blocks-one-third .location, .blocks-two-third .location, .blocks-three-third .location {
    clear: both;
    display: block; }
  .blocks a, .blocks-one-third a, .blocks-two-third a, .blocks-three-third a {
    font-weight: bold; }

.blocks-one-third {
  display: block;
  float: left;
  margin-left: 0;
  margin-right: -100%;
  width: 32.33333%; }
  @media (max-width: 44em) {
    .blocks-one-third {
      clear: both;
      display: block;
      float: left;
      margin-left: 0;
      width: 100%;
      clear: both; } }

.blocks-two-third {
  display: block;
  float: left;
  margin-left: 33.83333%;
  margin-right: -100%;
  width: 32.33333%; }
  @media (max-width: 44em) {
    .blocks-two-third {
      clear: both;
      display: block;
      float: left;
      margin-left: 0;
      width: 100%;
      clear: both; } }

.blocks-three-third {
  display: block;
  float: left;
  margin-left: 67.66667%;
  margin-right: -100%;
  width: 32.33333%; }
  @media (max-width: 44em) {
    .blocks-three-third {
      clear: both;
      display: block;
      float: left;
      margin-left: 0;
      width: 100%;
      clear: both; } }

.blocks-one-third.recommender,
.blocks-two-third.recommender,
.blocks-three-third.recommender {
  border: 1px solid #dadee8;
  -webkit-box-shadow: 0 10px 10px -10px #ccc;
  -moz-box-shadow: 0 10px 10px -10px #ccc;
  box-shadow: 0 10px 10px -10px #ccc; }

.recommender .name,
.recommender .location {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.recommender .name,
.recommender .name,
.recommender .name {
  margin-bottom: 10px; }

@media only screen and (min-width: 705px) and (max-width: 989px) {
  .blocks-one-third.recommender {
    width: 49%;
    margin-left: 51%;
    margin-right: -49%; }

  .blocks-two-third.recommender {
    width: 49%;
    margin-left: -51%;
    margin-right: -49%; } }
@media only screen and (max-width: 989px) {
  .blocks-three-third.recommender {
    display: none; } }
.tandc-statement {
  margin-bottom: 1em;
  width: 90%; }
  .tandc-statement .checkbox {
    display: inline-block;
    margin-bottom: 1em;
    clear: both;
    padding: 0 0 0 1em; }
    .tandc-statement .checkbox label {
      display: inline;
      font-size: 0.875em;
      padding: 0 1em 0 0; }
    .tandc-statement .checkbox p {
      margin-bottom: 3em; }

.inline-list li {
  display: inline-block; }

/* Social List */
.social-list li {
  margin: 0 0.4rem 1em 0; }
.social-list a {
  font-size: 1.6em; }

/* Headline List */
.headline-list {
  margin-bottom: 1em; }
  .headline-list.flush {
    margin: 0; }
  .headline-list h4 {
    font-weight: normal; }
  .headline-list li {
    padding: 0.25em 0;
    border-top: 1px solid #dfe2ec; }

/* Post List */
.post-list li {
  margin-bottom: 1em; }

/* Bullet List */
ul.bullet-list {
  list-style: none;
  margin: 0 0 1em 0;
  line-height: .8; }
  ul.bullet-list li {
    margin-bottom: 1em; }
    ul.bullet-list li a:before {
      content: ""; }

/* Text List */
.text-list {
  margin: 0 0 1em;
  line-height: 1.3; }
  .text-list li {
    margin-bottom: 1em; }


.tooltip-container {
  display: inline-block;
  position: relative; }
  .tooltip-container:hover .tooltip {
    display: block; }

.tooltip-link {
  background: #dadee8; }

.tooltip {
  display: none;
  position: absolute;
  top: 1.5em;
  left: 0;
  width: 18em;
  padding: 1em;
  background: #fff;
  border: 1px solid #5f6d75;
  box-shadow: 0.3em 0.3em 1em 0 rgba(0, 0, 0, 0.2); }
  .tooltip h2 {
    margin-top: 0; }
  @media all and (min-width: 24em) {
    .tooltip {
      width: 22em; } }
  @media all and (min-width: 31em) {
    .tooltip {
      width: 27em; } }
  @media all and (min-width: 44em) {
    .tooltip {
      width: 30em; } }

@media (max-width: 31em) and (max-width: 31em) {
  .accordion {
    border: 1px solid #dfe2ec;
    border-radius: 5px; } }

@media (max-width: 31em) {
  .acc-handle, .tabs-acc-handle {
    width: 100%;
    border-radius: 5px;
    padding: .8em 0.3em .8em 0.4em;
    cursor: pointer;
    font-weight: 700; }
    .acc-handle:after, .tabs-acc-handle:after {
      content: "\f13a";
      color: #203f69;
      font-family: FontAwesome;
      text-decoration: none;
      display: inline;
      font-size: 1.5em;
      background-position: center;
      padding: 0em;
      margin-top: -0.2em;
      float: right;
      position: relative; }
    .acc-handle.active, .tabs-acc-handle.active {
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0; }
      .acc-handle.active:after, .tabs-acc-handle.active:after {
        content: "\f139";
        color: #203f69;
        font-family: FontAwesome;
        text-decoration: none;
        display: inline;
        font-size: 1.5em;
        background-position: center;
        padding: 0em;
        margin-top: -0.2em;
        float: right;
        position: relative; } }
.acc-handle.search {
  margin: 0 0.2em 0 0;
  padding-bottom: 0.5em; }
  .acc-handle.search:after {
    content: "\f13a";
    color: #ec603c;
    font-family: FontAwesome;
    text-decoration: none;
    display: inline;
    font-size: 1.4em;
    padding: 0em;
    margin: -0.2em 0em 0em;
    float: right; }
  .acc-handle.search.active {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
    .acc-handle.search.active:after {
      content: "\f139";
      color: #ec603c;
      font-family: FontAwesome;
      text-decoration: none;
      display: inline;
      font-size: 1.4em;
      padding: 0em;
      margin: 0em;
      float: right; }

.header-banner-home .acc-handle.search:after {
  display: none; }

@media (max-width: 31em) {
  .mobile-collapse, .mobile-collapse, .search-form fieldset.mobile-collapse, .search-form-home fieldset.mobile-collapse {
    display: none; } }
.mi-slider {
  position: relative;
  height: 180px;
  float: left;
  margin-top: 2em;
  display: block;
  float: left;
  margin-left: 0;
  margin-right: -100%;
  width: 66.16667%; }
  @media (max-width: 50em) {
    .mi-slider {
      clear: both;
      display: block;
      float: left;
      margin-left: 0;
      width: 100%;
      padding: 0.5em;
      margin-top: 0; } }

.mi-slider ul {
  list-style-type: none;
  position: absolute;
  overflow: hidden;
  text-align: center;
  pointer-events: none;
  height: 150px;
  margin-top: 0; }

.no-js .mi-slider ul {
  position: inline-block;
  left: auto;
  bottom: auto;
  margin: 0;
  overflow: visible; }

.mi-slider ul.mi-current {
  pointer-events: auto; }

.mi-slider ul li {
  display: inline-block;
  word-break: break-all;
  -webkit-transform: translateX(600%);
  transform: translateX(600%);
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear; }
  .mi-slider ul li .company-logo {
    float: left;
    margin-left: 0;
    position: relative;
    padding: 1em; }

.mi-slider ul li:first-child {
  display: inline-block;
  float: left;
  padding: 20px;
  max-width: 200px;
  -webkit-transform: translateX(600%);
  transform: translateX(600%);
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  display: block;
  float: left;
  margin-left: 0;
  margin-right: -100%;
  width: 32.33333%; }
  @media (max-width: 40em) {
    .mi-slider ul li:first-child {
      clear: both;
      display: block;
      float: left;
      margin-left: 0;
      width: 100%;
      padding: 20px 20px 5px 5px;
      width: 100%; } }

.mi-slider ul li:nth-child(2) {
  display: block;
  float: left;
  margin-left: 33.83333%;
  margin-right: -100%;
  width: 57.70833%;
  display: inline-block;
  padding: 0 0 20px 0;
  float: left;
  -webkit-transform: translateX(600%);
  transform: translateX(600%);
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear; }
  @media (max-width: 50em) {
    .mi-slider ul li:nth-child(2) {
      padding: 0; } }
  @media (max-width: 40em) {
    .mi-slider ul li:nth-child(2) {
      clear: both;
      display: block;
      float: left;
      margin-left: 0;
      width: 100%;
      border-bottom: 1px solid #ccc;
      padding: 0 5px 5px 5px;
      width: 100%;
      clear: both;
      word-break: break-all; } }

.mi-slider ul li:last-child {
  border-bottom: none; }

.no-js .mi-slider ul li {
  -webkit-transform: translateX(0);
  transform: translateX(0); }

.mi-slider ul li a,
.mi-slider ul li img {
  display: inline-block;
  margin: 0 auto; }

.mi-slider ul li a {
  outline: none;
  cursor: pointer; }

.mi-slider ul li img {
  max-width: 150px;
  max-height: 80px;
  border: none; }
  @media (max-width: 40em) {
    .mi-slider ul li img {
      width: 100%;
      align-content: center; } }

.mi-slider ul li h3 {
  font-family: 'Open Sans', 'Arial', sans-serif;
  font-size: 1.2em;
  text-align: left;
  word-break: keep-all; }
  .mi-slider ul li h3 a {
    color: #203f69; }

.mi-slider ul li h4 {
  font-family: 'Open Sans', 'Arial', sans-serif;
  font-size: 12px;
  text-align: left;
  margin-top: 1em;
  font-weight: bold; }

.mi-slider ul li p {
  display: inline-block;
  font-family: 'Open Sans', 'Arial', sans-serif;
  font-size: 1em;
  padding: 0;
  text-align: left;
  word-break: keep-all; }
  @media (max-width: 40em) {
    .mi-slider ul li p {
      font-size: 0.875em; } }

.mi-slider ul li:hover {
  opacity: 0.7; }

/* ------------------------------ NAV IMAGES  ---------------------- */
.mi-slider nav {
  position: absolute;
  text-align: center;
  top: 150px;
  margin: 0 auto;
  border-top: 5px solid #203f69;
  width: 99%; }

.img-box {
  height: 50px;
  vertical-align: top;
  top: 0;
  width: 60px;
  margin: 0 1em; }
  .img-box img {
    width: auto;
    max-height: 50px;
    padding: 1.7em 0 0 0; }

.no-js nav {
  display: none; }

.mi-slider nav a {
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 5px;
  position: relative;
  color: #888;
  outline: none;
  -webkit-transition: color 0.2s linear;
  transition: color 0.2s linear; }

.mi-slider nav a:hover,
.mi-slider nav a.mi-selected {
  color: #000; }

.mi-slider nav a.mi-selected:after,
.mi-slider nav a.mi-selected:before {
  content: '';
  top: -5px;
  border: solid transparent;
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none; }

.mi-slider nav a.mi-selected:after {
  border-color: transparent;
  border-top-color: #fff;
  border-width: 20px;
  left: 50%;
  margin-left: -20px; }

.mi-slider nav a.mi-selected:before {
  border-color: transparent;
  border-top-color: #333;
  border-width: 27px;
  left: 50%;
  margin-left: -27px; }

/* Move classes and animations */
.mi-slider ul:first-child li,
.no-js .mi-slider ul li {
  -webkit-animation: scaleUp 350ms ease-in-out both;
  animation: scaleUp 350ms ease-in-out both; }

@-webkit-keyframes scaleUp {
  0% {
    -webkit-transform: translateX(0) scale(0); }
  100% {
    -webkit-transform: translateX(0) scale(1); } }
@keyframes scaleUp {
  0% {
    -webkit-transform: translateX(0) scale(0);
    transform: translateX(0) scale(0); }
  100% {
    -webkit-transform: translateX(0) scale(1);
    transform: translateX(0) scale(1); } }
.mi-slider ul:first-child li:first-child {
  -webkit-animation-delay: 90ms;
  animation-delay: 90ms; }

.mi-slider ul:first-child li:nth-child(2) {
  -webkit-animation-delay: 180ms;
  animation-delay: 180ms; }

.mi-slider ul:first-child li:nth-child(3) {
  -webkit-animation-delay: 270ms;
  animation-delay: 270ms; }

.mi-slider ul:first-child li:nth-child(4) {
  -webkit-animation-delay: 360ms;
  animation-delay: 360ms; }

/* moveFromRight */
.mi-slider ul.mi-moveFromRight li {
  -webkit-animation: moveFromRight 350ms ease-in-out both;
  animation: moveFromRight 350ms ease-in-out both; }

/* moveFromLeft */
.mi-slider ul.mi-moveFromLeft li {
  -webkit-animation: moveFromLeft 350ms ease-in-out both;
  animation: moveFromLeft 350ms ease-in-out both; }

/* moveToRight */
.mi-slider ul.mi-moveToRight li {
  -webkit-animation: moveToRight 350ms ease-in-out both;
  animation: moveToRight 350ms ease-in-out both; }

/* moveToLeft */
.mi-slider ul.mi-moveToLeft li {
  -webkit-animation: moveToLeft 350ms ease-in-out both;
  animation: moveToLeft 350ms ease-in-out both; }

/* Animation Delays */
.mi-slider ul.mi-moveToLeft li:first-child,
.mi-slider ul.mi-moveFromRight li:first-child,
.mi-slider ul.mi-moveToRight li:nth-child(4),
.mi-slider ul.mi-moveFromLeft li:nth-child(4) {
  -webkit-animation-delay: 0ms;
  animation-delay: 0ms; }

.mi-slider ul.mi-moveToLeft li:nth-child(2),
.mi-slider ul.mi-moveFromRight li:nth-child(2),
.mi-slider ul.mi-moveToRight li:nth-child(3),
.mi-slider ul.mi-moveFromLeft li:nth-child(3) {
  -webkit-animation-delay: 90ms;
  animation-delay: 90ms; }

.mi-slider ul.mi-moveToLeft li:nth-child(3),
.mi-slider ul.mi-moveFromRight li:nth-child(3),
.mi-slider ul.mi-moveToRight li:nth-child(2),
.mi-slider ul.mi-moveFromLeft li:nth-child(2) {
  -webkit-animation-delay: 180ms;
  animation-delay: 180ms; }

.mi-slider ul.mi-moveToLeft li:nth-child(4),
.mi-slider ul.mi-moveFromRight li:nth-child(4),
.mi-slider ul.mi-moveToRight li:first-child,
.mi-slider ul.mi-moveFromLeft li:first-child {
  -webkit-animation-delay: 270ms;
  animation-delay: 270ms; }

/* Animations */
@-webkit-keyframes moveFromRight {
  0% {
    -webkit-transform: translateX(600%); }
  100% {
    -webkit-transform: translateX(0%); } }
@-webkit-keyframes moveFromLeft {
  0% {
    -webkit-transform: translateX(-600%); }
  100% {
    -webkit-transform: translateX(0%); } }
@-webkit-keyframes moveToRight {
  0% {
    -webkit-transform: translateX(0%); }
  100% {
    -webkit-transform: translateX(600%); } }
@-webkit-keyframes moveToLeft {
  0% {
    -webkit-transform: translateX(0%); }
  100% {
    -webkit-transform: translateX(-600%); } }
@keyframes moveFromRight {
  0% {
    -webkit-transform: translateX(600%);
    transform: translateX(600%); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@keyframes moveFromLeft {
  0% {
    -webkit-transform: translateX(-600%);
    transform: translateX(-600%); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@keyframes moveToRight {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%); }
  100% {
    -webkit-transform: translateX(600%);
    transform: translateX(600%); } }
@keyframes moveToLeft {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%); }
  100% {
    -webkit-transform: translateX(-600%);
    transform: translateX(-600%); } }
.mi-slider {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/* Media Queries */
@media screen and (max-width: 910px) {
  .mi-slider nav {
    max-width: 90%; } }
@media screen and (max-width: 53em) {
  .mi-slider {
    height: 300px;
    max-width: 100%; } }
@media screen and (max-width: 40em) {
  .mi-slider {
    text-align: center;
    height: auto;
    width: 100%; }

  .mi-slider ul {
    position: relative;
    display: inline;
    bottom: auto;
    pointer-events: auto; }

  .mi-slider ul li {
    -webkit-animation: none !important;
    animation: none !important;
    -webkit-transform: translateX(0) !important;
    transform: translateX(0) !important;
    padding: 10px 3px;
    min-width: 140px; }

  .mi-slider nav {
    display: none; } }
.mpu {
  position: inline;
  float: left;
  display: block;
  float: left;
  margin-left: 67.66667%;
  margin-right: -100%;
  width: 32.33333%; }
  @media (max-width: 53em) {
    .mpu {
      display: none; } }

.job-application {
  clear: both;
  border-top: 2px solid #203f69;
  border-left: 1px solid #dadee8;
  border-right: 1px solid #dadee8;
  border-bottom: 1px solid #dadee8;
  border-radius: 5px;
  margin-bottom: 1em;
  padding: 1em; }
  @media (max-width: 44em) {
    .job-application {
      clear: both;
      display: block;
      float: left;
      margin-left: 0;
      width: 100%;
      padding: 0; } }
  .job-application form {
    padding: 0 1em; }
    @media (max-width: 31em) {
      .job-application form {
        display: none; } }

.send-to-a-friend {
  display: block;
  float: left;
  margin-left: 25.375%;
  margin-right: -100%;
  width: 74.625%;
  clear: both;
  border: 1px solid #dadee8;
  border-radius: 5px;
  padding: 1em; }
  @media (max-width: 31em) {
    .send-to-a-friend {
      border: none; } }
  @media (max-width: 44em) {
    .send-to-a-friend {
      clear: both;
      display: block;
      float: left;
      margin-left: 0;
      width: 100%;
      padding: 0; } }
  .send-to-a-friend form {
    padding: 0 1em; }
    @media (max-width: 31em) {
      .send-to-a-friend form {
        display: none; } }

.job-details-header, .course-details-header {
  margin-bottom: 1em; }
  @media (max-width: 31em) {
    .job-details-header, .course-details-header {
      margin: 0; } }
  .job-details-header h1, .course-details-header h1 {
    font-size: 1.5em; }
  .job-details-header .padding, .course-details-header .padding {
    clear: both;
    padding: 0 1em; }
    @media (max-width: 31em) {
      .job-details-header .padding, .course-details-header .padding {
        padding: 0; }
        .job-details-header .padding h1, .course-details-header .padding h1 {
          padding: 0;
          background-color: #fff; } }
  .job-details-header dd.company-name, .course-details-header dd.company-name {
    display: none; }
    @media (max-width: 48em) {
      .job-details-header dd.company-name, .course-details-header dd.company-name {
        font-size: 1.2em;
        padding-bottom: 1em;
        display: inline-block; } }
  .job-details-header .c1, .course-details-header .c1 {
    display: block;
    float: left;
    margin-left: 0;
    margin-right: -100%;
    width: 32.33333%;
    margin-bottom: 1em; }
    @media (max-width: 48em) {
      .job-details-header .c1, .course-details-header .c1 {
        clear: both;
        display: block;
        float: left;
        margin-left: 0;
        width: 100%; } }
    .job-details-header .c1 dd.college-name, .course-details-header .c1 dd.college-name {
      display: none; }
      @media (max-width: 48em) {
        .job-details-header .c1 dd.college-name, .course-details-header .c1 dd.college-name {
          font-size: 1.2em;
          padding-bottom: 1em;
          display: inline-block; } }
  .job-details-header .c2, .course-details-header .c2 {
    display: block;
    float: left;
    margin-left: 33.83333%;
    margin-right: -100%;
    width: 32.33333%;
    margin-bottom: 1em; }
    @media (max-width: 48em) {
      .job-details-header .c2, .course-details-header .c2 {
        clear: both;
        display: block;
        float: left;
        margin-left: 0;
        width: 100%; } }
  .job-details-header .c3, .course-details-header .c3 {
    display: block;
    float: left;
    margin-left: 67.66667%;
    margin-right: -100%;
    width: 32.33333%;
    margin-bottom: 1em; }
    @media (max-width: 48em) {
      .job-details-header .c3, .course-details-header .c3 {
        display: none; } }

.job-description h1, .course-description h1, .job-description h2, .course-description h2 {
  background-color: #f7f7f7;
  font-family: "Montserrat", "Arial", sans-serif;
  padding: .5em;
  font-size: 1.2em;
  border-radius: 5px;
  margin: 1em;
  text-align: left;
  font-weight: 700; }
  @media (max-width: 31em) {
    .job-description h1, .course-description h1, .job-description h2, .course-description h2 {
      font-size: 1.2em;
      padding: 0.8em 0.3em 0.8em 0.4em;
      text-align: left;
      font-weight: 700;
      text-transform: uppercase;
      background-color: #f1f1f1;
      margin: 0;
      text-transform: uppercase;
      font-family: "Open Sans", "Arial", sans-serif; } }

.job-description p, .job-description ul, .job-description li {
  color: #747c83;
  font-weight: normal;
  font-size: 0.876rem;
  background-color: none;
  padding: 0; }

.job-description dt, .course-description dt {
  font-weight: bold;
  font-size: 0.876rem;
  margin-top: 0.86em; }

.job-description dd, .course-description dd {
  font-size: 0.876rem; }

.job-description table, .job-description td {
  white-space: normal; }

.job-description table, .job-description th, .course-description table, .course-description th {
  background-color: none !important;
  max-width: 100% !important; }

.return {
  color: #5f6d75;
  display: block;
  float: left;
  padding: 0 0 1em 1em;
  font-size: 0.78em;
  text-decoration: underline;
  margin-bottom: 1em; }
  .return:before {
    content: "<< "; }

.shortlist {
  font-size: 0.75rem;
  float: right;
  padding: 0 1.2em 0 0;
  text-decoration: none;
  text-transform: uppercase; }
  .shortlist:before {
    content: "\f08d";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    display: inline;
    font-size: 1.5em;
    color: #203f69;
    cursor: pointer;
    padding-right: 4px;
    margin-right: 4px; }
  .shortlist:hover:before {
    content: "\f08d";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    display: inline;
    font-size: 1.5em;
    color: #70addc; }
  .shortlist a:hover {
    text-decoration: none; }

.shortlisted {
  font-size: 0.75rem;
  float: right;
  padding: 0;
  text-transform: uppercase; }
  .shortlisted:before {
    content: "\f08d";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    display: inline;
    font-size: 1.5em;
    color: #70addc;
    cursor: pointer;
    padding-right: 4px;
    margin-right: 4px; }
  .shortlisted a:hover {
    text-decoration: none; }

/* ---------------------  FOOTER JOB DETAILS ----------------------------*/
.job-details-footer {
  display: block;
  float: left;
  margin-left: 0;
  margin-right: -100%;
  width: 100.0%;
  background-color: #dfe2ec;
  margin: 0; }
  @media (max-width: 31em) {
    .job-details-footer {
      margin: 0; } }
  .job-details-footer .padding {
    clear: both;
    padding: 1em; }
  .job-details-footer .report {
    font-weight: 700;
    position: relative;
    text-transform: uppercase;
    font: "Montserrat", "Arial", sans-serif;
    text-decoration: none;
    font-size: .875em;
    display: block;
    float: left;
    margin-left: 76.125%;
    margin-right: -100%;
    width: 23.875%;
    display: inline; }
    @media (max-width: 50em) {
      .job-details-footer .report {
        float: left;
        margin-bottom: 1em;
        position: static;
        display: block;
        float: left;
        margin-left: 0;
        margin-right: -100%;
        width: 100.0%;
        clear: both;
        text-align: left; } }
    @media (max-width: 44em) {
      .job-details-footer .report {
        display: block;
        float: left;
        margin-left: 76.125%;
        margin-right: -100%;
        width: 23.875%;
        clear: none; } }
    @media (max-width: 34em) {
      .job-details-footer .report {
        display: block;
        float: left;
        margin-left: 0;
        margin-right: -100%;
        width: 100.0%;
        clear: both; } }
    .job-details-footer .report:after {
      content: ""; }
  .job-details-footer .share {
    font-weight: 700;
    text-transform: uppercase;
    font: "Montserrat", "Arial", sans-serif;
    text-decoration: none;
    font-size: .875em;
    text-transform: uppercase;
    display: block;
    float: left;
    margin-left: 0;
    margin-right: -100%;
    width: 66.16667%;
    display: inline-block; }
    .job-details-footer .share li {
      float: left;
      list-style: none;
      margin: 0 10px 5px 0; }
      .job-details-footer .share li:first-child {
        margin-left: 0; }
    .job-details-footer .share .social-roll {
      height: 24px;
      width: 24px;
      border-radius: 50%;
      -webkit-transition: all ease 0.3s;
      -moz-transition: all ease 0.3s;
      -o-transition: all ease 0.3s;
      -ms-transition: all ease 0.3s;
      transition: all ease 0.3s; }
    .job-details-footer .share .social-roll:hover {
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      transform: rotate(360deg); }
    .job-details-footer .share .twitter-roll {
      background-image: url("../images/twitter-navy.png"); }
    .job-details-footer .share .twitter-roll:hover {
      background-image: url("../images/twitter-hover.png"); }
    .job-details-footer .share .google-roll {
      background-image: url("../images/gplus-navy.png"); }
    .job-details-footer .share .google-roll:hover {
      background-image: url("../images/gplus-hover.png"); }
    .job-details-footer .share .facebook-roll {
      background-image: url("../images/facebook-navy.png"); }
    .job-details-footer .share .facebook-roll:hover {
      background-image: url("../images/facebook-hover.png"); }
    .job-details-footer .share .linkedin-roll {
      background-image: url("../images/linkedin-navy.png"); }
    .job-details-footer .share .linkedin-roll:hover {
      background-image: url("../images/linkedin-hover.png"); }
    .job-details-footer .share .email-roll {
      background-image: url("../images/email-navy.png"); }
    .job-details-footer .share .email-roll:hover {
      background-image: url("../images/email-hover.png"); }
    @media (max-width: 50em) {
      .job-details-footer .share {
        float: left;
        margin-bottom: 1em;
        display: block;
        float: left;
        margin-left: 0;
        margin-right: -100%;
        width: 100.0%; } }
    @media (max-width: 44em) {
      .job-details-footer .share {
        display: block;
        float: left;
        margin-left: 0;
        margin-right: -100%;
        width: 66.16667%; } }
    @media (max-width: 31em) {
      .job-details-footer .share {
        display: block;
        float: left;
        margin-left: 0;
        margin-right: -100%;
        width: 100.0%; }
        .job-details-footer .share .facebook-roll {
          clear: left; } }

.course-details-footer {
  display: block;
  float: left;
  margin-left: 0;
  margin-right: -100%;
  width: 100.0%;
  background-color: #dfe2ec;
  margin: 0; }
  @media (max-width: 31em) {
    .course-details-footer {
      margin: 0; } }
  .course-details-footer .padding {
    clear: both;
    padding: 1em; }
  .course-details-footer .share {
    font-weight: 700;
    text-transform: uppercase;
    font: "Montserrat", "Arial", sans-serif;
    text-decoration: none;
    font-size: .875em;
    text-transform: uppercase;
    clear: both;
    display: block;
    float: left;
    margin-left: 0;
    width: 100%;
    display: inline-block; }
    .course-details-footer .share li {
      float: left;
      list-style: none;
      margin: 0 10px 5px 0; }
      .course-details-footer .share li:first-child {
        margin-left: 0; }
    .course-details-footer .share .social-roll {
      height: 24px;
      width: 24px;
      border-radius: 50%;
      -webkit-transition: all ease 0.3s;
      -moz-transition: all ease 0.3s;
      -o-transition: all ease 0.3s;
      -ms-transition: all ease 0.3s;
      transition: all ease 0.3s; }
    .course-details-footer .share .social-roll:hover {
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      transform: rotate(360deg); }
    .course-details-footer .share .twitter-roll {
      background-image: url("../images/twitter-navy.png"); }
    .course-details-footer .share .twitter-roll:hover {
      background-image: url("../images/twitter-hover.png"); }
    .course-details-footer .share .google-roll {
      background-image: url("../images/gplus-navy.png"); }
    .course-details-footer .share .google-roll:hover {
      background-image: url("../images/gplus-hover.png"); }
    .course-details-footer .share .facebook-roll {
      background-image: url("../images/facebook-navy.png"); }
    .course-details-footer .share .facebook-roll:hover {
      background-image: url("../images/facebook-hover.png"); }
    .course-details-footer .share .linkedin-roll {
      background-image: url("../images/linkedin-navy.png"); }
    .course-details-footer .share .linkedin-roll:hover {
      background-image: url("../images/linkedin-hover.png"); }
    .course-details-footer .share .email-roll {
      background-image: url("../images/email-navy.png"); }
    .course-details-footer .share .email-roll:hover {
      background-image: url("../images/email-hover.png"); }
    @media (max-width: 50em) {
      .course-details-footer .share {
        float: left;
        margin-bottom: 1em;
        clear: both;
        display: block;
        float: left;
        margin-left: 0;
        width: 100%; } }
    @media (max-width: 44em) {
      .course-details-footer .share {
        clear: both;
        display: block;
        float: left;
        margin-left: 0;
        width: 100%; } }
    @media (max-width: 31em) {
      .course-details-footer .share {
        clear: both;
        display: block;
        float: left;
        margin-left: 0;
        width: 100%; }
        .course-details-footer .share .facebook-roll {
          clear: left; } }

.report-job {
  background: #f7f7f7;
  display: none;
  position: relative;
  top: 0;
  border: 1px solid #dadee8;
  padding: 2em 2em 2em 4em;
  z-index: 1500;
  -webkit-box-shadow: 0 10px 20px -10px #ccc;
  -moz-box-shadow: 0 10px 20px -10px #ccc;
  box-shadow: 0 10px 20px -10px #ccc; }
  @media (max-width: 34em) {
    .report-job {
      top: 0; }
      .report-job h2 {
        margin: 0;
        padding: 0; } }
  .report-job:before {
    position: absolute !important;
    content: " ";
    background-image: url(/images/icons/modal_triangle.png);
    padding: 8px;
    background-image: url(/images/icons/modal_triangle.png);
    background-repeat: no-repeat;
    position: relative;
    top: -10px;
    left: 500px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screena and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      .report-job:before {
        background-image: url(/images/icons/modal_triangle@2x.png);
        -webkit-background-size: 18px 13px;
        -moz-background-size: 18px 13px;
        -o-background-size: 18px 13px;
        background-size: 18px 13px;
        background-repeat: no-repeat; } }
    @media (max-width: 53em) {
      .report-job:before {
        left: 346px; } }
    @media (max-width: 44em) {
      .report-job:before {
        left: 104px; } }
  .report-job .action-buttons {
    margin-top: 2em; }

div.report-job.active {
  display: inline-block; }

.report-job-response {
  margin: 1em;
  background-color: #383f51;
  padding: 2em; }
  .report-job-response h2 {
    padding-top: 2em;
    color: #fff;
    font-weight: 500;
    margin-top: 1em;
    background-color: #383f51;
    text-align: center; }
  .report-job-response p {
    color: #fff;
    text-align: center; }

.delete-cv-popup, .application-popup {
  background: #f7f7f7;
  display: none;
  position: relative;
  top: 40px;
  border: 1px solid #dadee8;
  padding: 2em 2em 2em 2em;
  width: 100%;
  z-index: 1500;
  -webkit-box-shadow: 0 10px 20px -10px #ccc;
  -moz-box-shadow: 0 10px 20px -10px #ccc;
  box-shadow: 0 10px 20px -10px #ccc; }
  @media (max-width: 40em) {
    .delete-cv-popup, .application-popup {
      top: 100px; } }
  .delete-cv-popup:before, .application-popup:before {
    position: absolute !important;
    content: " ";
    background-image: url(/images/icons/modal_triangle.png);
    padding: 8px;
    background-image: url(/images/icons/modal_triangle.png);
    background-repeat: no-repeat;
    position: relative;
    top: -10px;
    right: 10px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screena and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      .delete-cv-popup:before, .application-popup:before {
        background-image: url(/images/icons/modal_triangle@2x.png);
        -webkit-background-size: 18px 13px;
        -moz-background-size: 18px 13px;
        -o-background-size: 18px 13px;
        background-size: 18px 13px;
        background-repeat: no-repeat; } }
    @media (max-width: 40em) {
      .delete-cv-popup:before, .application-popup:before {
        left: 50px; } }
  .delete-cv-popup .action-buttons, .application-popup .action-buttons {
    margin-top: 2em; }

/* ---------- PRofile COmpletion ---------------------*/
.profile-completion-popup {
  background: #f7f7f7;
  display: none;
  position: relative;
  top: 0;
  border: 1px solid #dadee8;
  padding: 1em 1em 2em 1em;
  z-index: 1500;
  -webkit-box-shadow: 0 10px 20px -10px #ccc;
  -moz-box-shadow: 0 10px 20px -10px #ccc;
  box-shadow: 0 10px 20px -10px #ccc; }
  .profile-completion-popup h2 {
    font-size: 1.5em;
    margin: 0 0 1.5em 0;
    padding: 0; }
  .profile-completion-popup dl {
    margin: 0 1em; }
  .profile-completion-popup dt {
    font-weight: bold;
    width: 30%;
    display: inline-block;
    margin-right: 1em;
    text-align: right;
    float: right; }
  .profile-completion-popup dd {
    margin-left: 0.5em;
    margin-bottom: 1em;
    width: 60%;
    display: inline-block;
    margin-bottom: 1em;
    font-size: 1.2em; }
  .profile-completion-popup:before {
    position: absolute !important;
    content: " ";
    background-image: url(/images/icons/modal_triangle.png);
    padding: 8px;
    background-image: url(/images/icons/modal_triangle.png);
    background-repeat: no-repeat;
    position: relative;
    top: -10px;
    left: 500px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screena and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      .profile-completion-popup:before {
        background-image: url(/images/icons/modal_triangle@2x.png);
        -webkit-background-size: 18px 13px;
        -moz-background-size: 18px 13px;
        -o-background-size: 18px 13px;
        background-size: 18px 13px;
        background-repeat: no-repeat; } }
    @media (max-width: 53em) {
      .profile-completion-popup:before {
        left: 346px; } }
    @media (max-width: 44em) {
      .profile-completion-popup:before {
        left: 104px; } }
  .profile-completion-popup .action-buttons {
    margin-top: 0; }

div.profile-completion-popup.active {
  display: inline-block; }

.login-popup {
  top: -65px; }
  @media (max-width: 44em) {
    .login-popup {
      top: -55px; } }

.login-popup {
  background: #f7f7f7;
  display: none;
  position: relative;
  z-index: 1000;
  border: 1px solid #dadee8;
  padding: 2em; }
  .login-popup input {
    width: 100%; }
  @media (max-width: 44em) {
    .login-popup {
      padding-top: 1em; } }
  .login-popup:before {
    position: absolute !important;
    content: " ";
    background-image: url(/images/icons/modal_triangle.png);
    padding: 8px;
    background-image: url(/images/icons/modal_triangle.png);
    background-repeat: no-repeat;
    position: relative;
    top: -10px;
    left: 50%; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screena and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      .login-popup:before {
        background-image: url(/images/icons/modal_triangle@2x.png);
        -webkit-background-size: 18px 13px;
        -moz-background-size: 18px 13px;
        -o-background-size: 18px 13px;
        background-size: 18px 13px;
        background-repeat: no-repeat; } }
  .login-popup .forgot-password {
    float: right; }

div.login-popup.active, div.delete-cv-popup.active, .delete-cv-popup.active {
  display: inline-block; }

.tabs {
  overflow: hidden; }
  .tabs ul {
    display: table;
    width: 100%; }
  .tabs li {
    display: table-cell;
    text-align: center;
    border-right: 1px solid #dfe2ec; }
    .tabs li:last-child {
      border-right: 0; }
  .tabs a {
    display: block;
    padding: 0.5em;
    background: #5f6d75; }
    .tabs a:hover, .tabs a:focus {
      background: #dfe2ec; }
    .tabs a.active {
      background: #515867;
      color: #fff; }

.section {
  margin: 0 0 1em; }

.section-title {
  margin-bottom: 0.5em; }

.article-header {
  font-family: "Montserrat", "Arial", sans-serif;
  padding: .5em 1em;
  font-size: 1em;
  border-radius: 5px;
  margin-bottom: 1em; }

.comments li {
  margin-bottom: 1em; }

.comment-container {
  overflow: hidden;
  margin-bottom: 1em;
  list-style: none; }

.comment-meta {
  float: left;
  width: 6.5em; }
  .comment-meta img {
    display: block;
    border: 1px solid #747c83;
    margin-bottom: 0.5em; }

.comment-name {
  font-size: 0.75em; }

.comment-text {
  margin-left: 9em; }

#application p {
  font-size: 1em;
  padding: 0.5em 0 0 0; }
#application a {
  text-decoration: none; }
  #application a:hover {
    color: #70addc;
    text-decoration: underline; }
#application .show-checkbox {
  display: block;
  clear: both;
  margin: 0 0 1em 0.5em; }
  #application .show-checkbox label {
    font-size: 0.75em; }
#application .forgot-password {
  clear: both;
  text-align: right;
  line-height: 0.5em;
  font-size: 0.75em;
  margin-right: 2em; }
#application .action-buttons {
  float: left;
  text-align: left; }
  #application .action-buttons button {
    margin: 1em 2em 1em 0; }
    @media (max-width: 31em) {
      #application .action-buttons button {
        width: 100%; } }
#application .fa {
  color: #8bc435;
  margin-left: -2em;
  font-size: 1rem; }
#application input {
  padding: 0.5em 2rem 0.5em 0.5em; }
#application textarea {
  margin: 0.5em 0 0; }
#application textarea {
  margin: 0.5em 0 0; }
#application .selected-cv {
  background-color: #f1f1f1;
  padding: 1em;
  border-radius: 5px;
  margin-bottom: 1em; }
  #application .selected-cv h3 {
    font-size: 1.2em;
    margin-bottom: 1em;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase; }
#application .upload-cv {
  padding: 0 0 1em 3em; }
#application .CvUpload {
  display: block;
  float: left;
  margin-left: 8.45833%;
  margin-right: -100%;
  width: 32.33333%; }
  @media (max-width: 31em) {
    #application .CvUpload {
      clear: both;
      display: block;
      float: left;
      margin-left: 0;
      width: 100%;
      margin-bottom: 2em;
      z-index: 2; } }
#application .or {
  display: block;
  float: left;
  margin-left: 42.29167%;
  margin-right: -100%;
  width: 6.95833%; }
#application .CvChoose {
  display: block;
  float: left;
  margin-left: 59.20833%;
  margin-right: -100%;
  width: 32.33333%; }
  @media (max-width: 31em) {
    #application .CvChoose {
      clear: both;
      display: block;
      float: left;
      margin-left: 0;
      width: 100%;
      z-index: -1; } }
#application .CvUpload-dropdown, #application .CvChoose-dropdown {
  max-width: 200px;
  background: #2d343e; }
  #application .CvUpload-dropdown li, #application .CvChoose-dropdown li {
    padding: 1em;
    color: #fff;
    list-style: none; }
#application .forgot {
  clear: both;
  line-height: 0.5em;
  font-size: 0.75em;
  margin-right: 2em; }
#application .section1 {
  padding: 0 2em 3em 2em; }
  @media (max-width: 31em) {
    #application .section1 {
      padding: 0 1em 1.3em 1em; } }
#application .section2 {
  padding: 1em 2em 2em 2em;
  color: #203f69;
  border-top: 1px solid #dadee8; }
  #application .section2 select {
    border-radius: 5px;
    display: inline-block;
    border: 1px solid #dadee8;
    max-width: 250px; }
  @media (max-width: 31em) {
    #application .section2 {
      padding: 0 1em 1.3em 1em; } }
#application .disabled {
  background-color: #f7f7f7;
  color: #d3d3d3; }
  #application .disabled a {
    color: #d3d3d3;
    box-shadow: none;
    cursor: default; }
  #application .disabled a:hover {
    text-decoration: none;
    color: #d3d3d3;
    box-shadow: none;
    cursor: default; }
  #application .disabled input, #application .disabled select, #application .disabled textarea {
    background-color: #f2f2f2; }
#application .section3 {
  padding: 1em 2em 2em 2em;
  border-top: 1px solid #dadee8; }
  #application .section3 .disabled-form {
    background-color: #f7f7f7;
    color: #d3d3d3; }
  @media (max-width: 31em) {
    #application .section3 {
      padding: 0 1em 1.3em 1em; } }
#application .btn-large {
  margin-top: 1em;
  color: #fff; }
  @media (max-width: 31em) {
    #application .btn-large {
      width: 100%;
      background-color: #70addc; } }
  #application .btn-large:hover, #application .btn-large:focus {
    color: #fff;
    text-decoration: none; }
#application #footer {
  background-color: #fff;
  color: #203f69;
  padding: 1em 0 1em 2em;
  border-top: 1px solid #dadee8; }
  #application #footer .logo-footer {
    float: right;
    height: 41px;
    width: 150px; }
  @media (max-width: 44em) {
    #application #footer {
      display: none; } }
#application .cv-upload, #application .cv-choose {
  display: none; }
#application div.cv-upload.active, #application div.cv-choose.active {
  display: block; }

#upload-choose-cv button {
  background: url("/images/icons/caret.png") no-repeat right;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-left: 3px;
  margin-right: 3px;
  padding-right: 22px !important; }

/*------------------------------------*\
    $MESSAGING
\*------------------------------------*/
.alert {
  clear: both;
  padding: 1em;
  margin-bottom: 0.5em;
  border-radius: 5px;
  background: #dadee8;
  font-size: .875em; }
  .alert a {
    font-weight: 700;
    text-decoration: underline; }

.alert-error {
  color: #FF0041;
  border-color: #FF0041;
  background: #ffbebe; }

.cv-replace-msg {
  color: #70addc;
  font-size: 1.1em;
  font-weight: 500; }
  .cv-replace-msg::before {
    content: "\f12a";
    font-family: FontAwesome;
    color: #70addc;
    padding: 0 0.5em 0 1em;
    font-size: 1.5em; }

\f12a .cv-created-msg {
  color: #70addc;
  font-size: 1.2em;
  font-weight: 500; }
  \f12a .cv-created-msg::before {
    content: "\f087";
    font-family: FontAwesome;
    color: #70addc;
    padding: 0 0.5em 0 2em;
    font-size: 2em; }

.cookies-warning {
  background-color: #515867;
  color: #fff;
  min-height: 80px; }
  .cookies-warning p {
    font-size: 12px;
    font-family: "Montserrat", "Arial", sans-serif;
    display: block;
    margin-top: .4em;
    color: #fff;
    padding-left: 0; }
    @media (max-width: 44em) {
      .cookies-warning p {
        font-size: 10px;
        margin-top: 0; } }
  .cookies-warning h2 {
    font-size: 14px;
    padding-bottom: 0;
    text-align: left; }
    @media (max-width: 44em) {
      .cookies-warning h2 {
        font-size: 12px; } }
  .cookies-warning span {
    text-decoration: underline; }
  .cookies-warning a {
    color: #fff; }
  .cookies-warning .btn {
    background-color: #bfc4d4;
    color: #203f69;
    box-shadow: 0 2px #5f6d75;
    display: block;
    font-size: 1em;
    display: block;
    float: left;
    margin-left: 84.58333%;
    margin-right: -100%;
    width: 15.41667%;
    margin-top: 1.7em; }
    @media (max-width: 46.8em) {
      .cookies-warning .btn {
        display: block;
        float: left;
        margin-left: 76.125%;
        margin-right: -100%;
        width: 23.875%;
        font-size: .8em;
        min-width: 60px; } }
    @media (max-width: 44em) {
      .cookies-warning .btn {
        display: block;
        float: left;
        margin-left: 76.125%;
        margin-right: -100%;
        width: 23.875%;
        font-size: 1em;
        min-width: 60px; } }
    .cookies-warning .btn:hover, .cookies-warning .btn:focus {
      background: #a2b1c8;
      box-shadow: 0 2px #5f6d75;
      top: 2px; }
    .cookies-warning .btn:active {
      box-shadow: 0 0 #5f6d75;
      top: 6px; }

.cookie-message {
  margin-top: 1.5em;
  display: block;
  float: left;
  margin-left: 8.45833%;
  margin-right: -100%;
  width: 66.16667%; }
  @media (max-width: 46.8em) {
    .cookie-message {
      display: block;
      float: left;
      margin-left: 0;
      margin-right: -100%;
      width: 74.625%; } }

.cookie-icon {
  display: block;
  float: left;
  margin-left: 0;
  margin-right: -100%;
  width: 6.95833%;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  font-size: 2.5rem;
  display: inline;
  padding: 1rem; }
  .cookie-icon:before {
    content: "\f075";
    color: #fff; }
  @media (max-width: 46.8em) {
    .cookie-icon {
      display: none; } }

.email-verification {
  background-color: #dadee8;
  color: #fff;
  min-height: 30px;
  -webkit-box-shadow: 0 10px 10px -10px #ccc;
  -moz-box-shadow: 0 10px 10px -10px #ccc;
  box-shadow: 0 10px 10px -10px #ccc;
  border-top: 2px solid #203f69;
  border-left: 1px solid #dadee8;
  border-right: 1px solid #dadee8;
  border-bottom: 1px solid #dadee8;
  border-radius: 5px;
  margin-bottom: 2em; }
  .email-verification .email-verification-message {
    display: block;
    float: left;
    margin-left: 8.45833%;
    margin-right: -100%;
    width: 91.54167%;
    font-size: 0.875em;
    color: #203f69;
    font-family: "Montserrat", "Arial", sans-serif;
    display: block;
    margin-top: 1.5em; }
    @media (max-width: 44em) {
      .email-verification .email-verification-message {
        font-size: 10px;
        margin-top: 0.5em; } }
  .email-verification h2 {
    font-size: 14px;
    padding-bottom: 0; }
    @media (max-width: 44em) {
      .email-verification h2 {
        font-size: 12px; } }
  .email-verification .warning-icon {
    display: block;
    float: left;
    margin-left: 0;
    margin-right: -100%;
    width: 6.95833%;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    font-size: 2.5rem;
    display: inline;
    padding: 0.5rem;
    margin-left: 0.5em; }
    .email-verification .warning-icon:before {
      content: "\f06a";
      color: #fff; }
    @media (max-width: 46.8em) {
      .email-verification .warning-icon {
        display: none; } }

.profile-messaging {
  background-color: #fff;
  color: #203f69;
  min-height: 100px;
  -webkit-box-shadow: 0 10px 10px -10px #ccc;
  -moz-box-shadow: 0 10px 10px -10px #ccc;
  box-shadow: 0 10px 10px -10px #ccc;
  border-top: 1px solid #dadee8;
  border-left: 1px solid #dadee8;
  border-right: 1px solid #dadee8;
  border-bottom: 1px solid #dadee8;
  border-radius: 5px;
  margin-bottom: 2em;
  margin-top: -2em; }
  @media (max-width: 46.8em) {
    .profile-messaging {
      margin-top: 0;
      min-height: 80px; } }
  .profile-messaging .profile-message {
    display: block;
    float: left;
    margin-left: 16.91667%;
    margin-right: -100%;
    width: 49.25%;
    font-size: 0.875em;
    color: #203f69;
    font-family: "Montserrat", "Arial", sans-serif;
    display: inline;
    margin-top: 1.5em; }
    @media (max-width: 46.8em) {
      .profile-messaging .profile-message {
        display: block;
        float: left;
        margin-left: 0;
        margin-right: -100%;
        width: 66.16667%;
        font-size: 10px;
        margin-top: 0em;
        padding: 1em; } }
    @media (max-width: 24em) {
      .profile-messaging .profile-message {
        clear: both;
        display: block;
        float: left;
        margin-left: 0;
        width: 100%;
        font-size: 10px;
        margin-top: 0em;
        padding: 1em; } }
    .profile-messaging .profile-message h1 {
      float: left;
      font-size: 2em; }
    .profile-messaging .profile-message h2 {
      padding-bottom: 0;
      float: left;
      font-size: 1.125em; }
      @media (max-width: 44em) {
        .profile-messaging .profile-message h2 {
          font-size: 12px; } }
  .profile-messaging .messaging-icon {
    display: block;
    float: left;
    margin-left: 0;
    margin-right: -100%;
    width: 6.95833%;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    font-size: 2.5rem;
    display: inline;
    padding: 0.5rem;
    margin-left: 1em;
    margin-top: 0.5em; }
    @media (max-width: 46.8em) {
      .profile-messaging .messaging-icon {
        display: none; } }
  .profile-messaging .profile-action {
    display: block;
    float: left;
    margin-left: 67.66667%;
    margin-right: -100%;
    width: 23.875%;
    text-align: right;
    display: inline;
    margin-top: 2em; }
    @media (max-width: 34em) {
      .profile-messaging .profile-action {
        clear: both;
        display: block;
        float: left;
        margin-left: 8.45833%;
        margin-right: -100%;
        width: 83.08333%;
        width: 100%; } }
  .profile-messaging .close-box {
    display: block;
    float: left;
    margin-left: 93.04167%;
    margin-right: -100%;
    width: 6.95833%;
    float: right;
    margin: 1em;
    color: #ccc;
    font-variant: small-caps; }
    .profile-messaging .close-box:before {
      content: "\f05c";
      color: #ccc;
      text-decoration: none;
      font-family: FontAwesome;
      font-style: normal;
      font-weight: normal;
      text-decoration: none;
      display: inline;
      font-size: 1.2em;
      padding: 0 0.3em 0 0; }
    @media (max-width: 46.8em) {
      .profile-messaging .close-box {
        margin: 0.5em;
        clear: both;
        text-align: right;
        margin-right: 1em; } }
    @media (max-width: 24em) {
      .profile-messaging .close-box {
        clear: both;
        display: block;
        float: left;
        margin-left: 0;
        width: 100%;
        text-align: right;
        margin-right: 1em; } }

.partner-links {
  clear: both;
  display: block;
  float: left;
  margin-left: 67.66667%;
  margin-right: -100%;
  width: 32.33333%;
  margin-bottom: 2.4em;
  background-color: #f7f7f7; }
  @media (max-width: 93em) {
    .partner-links {
      clear: both;
      display: block;
      float: left;
      margin-left: 0;
      width: 100%; } }
  @media (max-width: 93em) {
    .partner-links {
      margin-bottom: 1em; } }
  @media (max-width: 31em) {
    .partner-links ul {
      display: none; } }
  .partner-links h2 {
    margin-bottom: 1.2em; }
    @media (max-width: 31em) {
      .partner-links h2 {
        margin-bottom: 0; } }
  .partner-links li {
    border-bottom: 1px solid #dadee8;
    border-left: 1px solid #dadee8;
    border-right: 1px solid #dadee8;
    padding: 1.2em 1em;
    font-weight: 600; }
    .partner-links li:first-child {
      border-top: 1px solid #dadee8;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px; }
    .partner-links li:last-child {
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px; }
    .partner-links li:after {
      content: "ÔÇ║";
      float: right; }
    .partner-links li:hover {
      background-color: #dadee8;
      cursor: pointer; }
    .partner-links li a:hover {
      color: #203f69; }

#head-refinement {
  clear: both;
  border: solid 1px lightgray;
  border-radius: 5px;
  padding: 1em;
  margin: 0.5rem 0 0.5rem 0;
  line-height: 1em;
  min-height: 2em;
  display: inline-block;
  position: relative;
  clear: both;
  display: block;
  float: left;
  margin-left: 0;
  width: 100%; }
  @media (max-width: 44em) {
    #head-refinement {
      padding: 0.5rem; } }
  #head-refinement #sorted-by {
    float: none;
    margin-top: 2px;
    display: block;
    float: left;
    margin-left: 0;
    margin-right: -100%;
    width: 40.79167%; }
    @media (max-width: 50em) {
      #head-refinement #sorted-by {
        clear: both;
        display: block;
        float: left;
        margin-left: 0;
        width: 100%; } }
    @media (max-width: 44em) {
      #head-refinement #sorted-by {
        text-align: center; } }
  #head-refinement h3 {
    font-weight: 700;
    display: inline;
    font-family: "Montserrat", "Arial", sans-serif;
    font-size: 1em;
    padding-bottom: 1em;
    text-transform: capitalize; }
    @media (max-width: 930px) {
      #head-refinement h3 {
        display: none; } }
  #head-refinement #refinements {
    display: block;
    float: left;
    margin-left: 25.375%;
    margin-right: -100%;
    width: 74.625%;
    font-size: 1em;
    text-align: right;
    align-items: baseline; }
    #head-refinement #refinements label {
      text-align: left;
      max-width: 90px;
      min-width: 70px;
      font-size: 0.9em;
      display: inline-block; }
    @media (max-width: 50em) {
      #head-refinement #refinements {
        clear: both;
        display: block;
        float: left;
        margin-left: 0;
        width: 100%;
        margin-top: 1.5em; } }
    @media (max-width: 44em) {
      #head-refinement #refinements {
        clear: both;
        display: block;
        float: left;
        margin-left: 0;
        width: 100%; } }
    #head-refinement #refinements #employer-agency {
      align-items: baseline;
      min-height: 1.5em;
      white-space: nowrap;
      display: block;
      float: left;
      margin-left: 0;
      margin-right: -100%;
      width: 32.33333%; }
      @media (max-width: 34em) {
        #head-refinement #refinements #employer-agency {
          clear: both;
          display: block;
          float: left;
          margin-left: 0;
          width: 100%;
          float: right;
          padding: 0.5em 0 0 0;
          margin-right: 0;
          text-align: center; } }
    #head-refinement #refinements #full-part {
      padding-left: 1.2em;
      align-items: baseline;
      border-left: 1px solid #333;
      min-height: 1.5em;
      white-space: nowrap;
      display: block;
      float: left;
      margin-left: 33.83333%;
      margin-right: -100%;
      width: 32.33333%; }
      @media (max-width: 44em) {
        #head-refinement #refinements #full-part {
          border-left: none; } }
      @media (max-width: 34em) {
        #head-refinement #refinements #full-part {
          clear: both;
          display: block;
          float: left;
          margin-left: 0;
          width: 100%;
          float: right;
          padding: 0.5em 0 0 0;
          border-left: none;
          margin-right: 0;
          text-align: center; } }
    #head-refinement #refinements #contract-types {
      padding-left: 1.2em;
      float: right;
      margin-top: -4px;
      min-height: 1.5em;
      display: block;
      float: left;
      margin-left: 67.66667%;
      margin-right: -100%;
      width: 32.33333%; }
      @media (max-width: 34em) {
        #head-refinement #refinements #contract-types {
          clear: both;
          display: block;
          float: left;
          margin-left: 0;
          width: 100%;
          margin-top: 1em;
          border-left: none;
          margin-right: 0; } }
  #head-refinement #course-refinements {
    clear: both;
    display: block;
    float: left;
    margin-left: 0;
    width: 100%;
    font-size: 1em;
    text-align: right;
    align-items: baseline; }
    #head-refinement #course-refinements label {
      text-align: left;
      width: 140px;
      display: inline-block; }
    @media (max-width: 53em) {
      #head-refinement #course-refinements label {
        text-align: left;
        width: 100px;
        display: inline-block; } }
    @media (max-width: 46.8em) {
      #head-refinement #course-refinements label {
        text-align: left;
        width: 100px;
        display: inline-block; }
      #head-refinement #course-refinements #full-part-course-1 {
        padding-left: 1.2em;
        display: block;
        float: left;
        margin-left: 0;
        margin-right: -100%;
        width: 49.25%; }
      #head-refinement #course-refinements #full-part-course-2 {
        display: block;
        float: left;
        margin-left: 50.75%;
        margin-right: -100%;
        width: 49.25%; } }
    @media (max-width: 40em) {
      #head-refinement #course-refinements label {
        text-align: left;
        width: 100px;
        display: inline-block; }
      #head-refinement #course-refinements #full-part-course-1 {
        margin-top: 1em;
        padding-left: 1.2em;
        clear: both;
        display: block;
        float: left;
        margin-left: 0;
        width: 100%; }
      #head-refinement #course-refinements #full-part-course-2 {
        margin-top: 1.5em;
        clear: both;
        display: block;
        float: left;
        margin-left: 0;
        width: 100%; } }

#displaying-no {
  clear: both;
  font-size: 0.75rem; }

/*--------------------------------- HEADINGS FOR LISTINGS JOBS COURSES ------------------------- */
.job-list-header,
.course-list-header {
  border-left: none;
  display: block;
  text-transform: uppercase;
  padding-bottom: .5em;
  margin-top: 1em;
  border-bottom: 2px solid #203f69;
  font-weight: 700;
  font-family: "Montserrat", "Arial", sans-serif; }

/*---------------------------------  LISTINGS JOBS COURSES ------------------------- */
.job-list,
.job-list-company,
.job-list-item-date,
.course-list,
.course-college {
  padding: 0.75em 0 3em 0;
  position: relative; }
  .job-list h2,
  .job-list-company h2,
  .job-list-item-date h2,
  .course-list h2,
  .course-college h2 {
    margin: 0;
    padding: 0;
    font-size: 1.0625em;
    text-align: left; }
  .job-list h3,
  .job-list-company h3,
  .job-list-item-date h3,
  .course-list h3,
  .course-college h3 {
    font-size: 0.96em;
    display: table-cell;
    vertical-align: middle; }
    @media (max-width: 44em) {
      .job-list h3,
      .job-list-company h3,
      .job-list-item-date h3,
      .course-list h3,
      .course-college h3 {
        display: inline-block;
        vertical-align: text-top;
        line-height: 1em; } }
  .job-list .snippet,
  .job-list-company .snippet,
  .job-list-item-date .snippet,
  .course-list .snippet,
  .course-college .snippet {
    color: #5f6d75;
    font-size: 0.8em;
    line-height: 0.75em;
    font-family: "Open Sans", "Arial", sans-serif;
    font-weight: 300;
    word-wrap: break-word; }
    @media (max-width: 31em) {
      .job-list .snippet,
      .job-list-company .snippet,
      .job-list-item-date .snippet,
      .course-list .snippet,
      .course-college .snippet {
        font-size: 0.9em;
        line-height: 1em; } }
  .job-list img,
  .job-list-company img,
  .job-list-item-date img,
  .course-list img,
  .course-college img {
    max-width: 80px;
    max-height: 40px;
    padding: 0;
    margin: 0 auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    clear: left;
    opacity: 0.8;
    filter: alpha(opacity=70);
    /* For IE8 and earlier */
    vertical-align: middle; }
  .job-list img:hover,
  .job-list-company img:hover,
  .job-list-item-date img:hover,
  .course-list img:hover,
  .course-college img:hover {
    opacity: 1.0;
    filter: alpha(opacity=100);
    /* For IE8 and earlier */ }
  .job-list .job-list-item:hover,
  .job-list .course-list-item:hover,
  .job-list-company .job-list-item:hover,
  .job-list-company .course-list-item:hover,
  .job-list-item-date .job-list-item:hover,
  .job-list-item-date .course-list-item:hover,
  .course-list .job-list-item:hover,
  .course-list .course-list-item:hover,
  .course-college .job-list-item:hover,
  .course-college .course-list-item:hover {
    background-color: #dadee8; }
    .job-list .job-list-item:hover .snippet:hover,
    .job-list .course-list-item:hover .snippet:hover,
    .job-list-company .job-list-item:hover .snippet:hover,
    .job-list-company .course-list-item:hover .snippet:hover,
    .job-list-item-date .job-list-item:hover .snippet:hover,
    .job-list-item-date .course-list-item:hover .snippet:hover,
    .course-list .job-list-item:hover .snippet:hover,
    .course-list .course-list-item:hover .snippet:hover,
    .course-college .job-list-item:hover .snippet:hover,
    .course-college .course-list-item:hover .snippet:hover {
      color: #203f69; }
  .job-list .logo-list,
  .job-list-company .logo-list,
  .job-list-item-date .logo-list,
  .course-list .logo-list,
  .course-college .logo-list {
    width: 44%;
    height: 65px;
    float: left;
    text-align: center;
    vertical-align: middle; }
    @media (max-width: 53em) {
      .job-list .logo-list,
      .job-list-company .logo-list,
      .job-list-item-date .logo-list,
      .course-list .logo-list,
      .course-college .logo-list {
        display: none; } }
  .job-list .name,
  .job-list-company .name,
  .job-list-item-date .name,
  .course-list .name,
  .course-college .name {
    width: 55%;
    float: right;
    padding-left: 0.5em;
    font-size: 0.875em;
    height: 65px;
    display: table; }
    .job-list .name a,
    .job-list-company .name a,
    .job-list-item-date .name a,
    .course-list .name a,
    .course-college .name a {
      font-weight: 600;
      color: #203f69;
      cursor: pointer; }
    .job-list .name a:hover,
    .job-list-company .name a:hover,
    .job-list-item-date .name a:hover,
    .course-list .name a:hover,
    .course-college .name a:hover {
      text-decoration: none;
      color: #00bcb4; }
    .job-list .name a:visited,
    .job-list-company .name a:visited,
    .job-list-item-date .name a:visited,
    .course-list .name a:visited,
    .course-college .name a:visited {
      color: #203f69; }
    @media (max-width: 53em) {
      .job-list .name,
      .job-list-company .name,
      .job-list-item-date .name,
      .course-list .name,
      .course-college .name {
        width: 100%;
        float: left;
        padding-left: 0;
        font-size: 0.96em;
        margin-top: .8em; } }
    @media (max-width: 44em) {
      .job-list .name,
      .job-list-company .name,
      .job-list-item-date .name,
      .course-list .name,
      .course-college .name {
        height: auto;
        font-size: 0.96em;
        margin-top: 0.8em;
        float: none; } }
  .job-list .course a,
  .job-list .job a,
  .job-list-company .course a,
  .job-list-company .job a,
  .job-list-item-date .course a,
  .job-list-item-date .job a,
  .course-list .course a,
  .course-list .job a,
  .course-college .course a,
  .course-college .job a {
    font-weight: 600;
    color: #70addc;
    cursor: pointer; }
  .job-list .course a:hover,
  .job-list .job a:hover,
  .job-list-company .course a:hover,
  .job-list-company .job a:hover,
  .job-list-item-date .course a:hover,
  .job-list-item-date .job a:hover,
  .course-list .course a:hover,
  .course-list .job a:hover,
  .course-college .course a:hover,
  .course-college .job a:hover {
    text-decoration: none;
    color: #203f69; }
  .job-list .course a:visited,
  .job-list .job a:visited,
  .job-list-company .course a:visited,
  .job-list-company .job a:visited,
  .job-list-item-date .course a:visited,
  .job-list-item-date .job a:visited,
  .course-list .course a:visited,
  .course-list .job a:visited,
  .course-college .course a:visited,
  .course-college .job a:visited {
    color: #2d343e; }

.job-list-item,
.course-list-item {
  display: inline-grid;
  border-bottom: 1px solid lightgray; }
  .job-list-item .date, .job-list-item .location,
  .course-list-item .date,
  .course-list-item .location {
    font-weight: 400; }
  .job-list-item .snippet a,
  .job-list-item .snippet a:visited,
  .course-list-item .snippet a,
  .course-list-item .snippet a:visited {
    color: #5f6d75;
    font-weight: 500; }
  .job-list-item .snippet a:hover,
  .course-list-item .snippet a:hover {
    color: #203f69; }

/*---------------------------------    job list ------------------------- */
.job-list {
  display: block;
  float: left;
  margin-left: 0;
  margin-right: -100%;
  width: 100.0%;
  float: left;
  padding: 0.75em 0; }
  .job-list .job-list-header .date {
    display: block;
    float: left;
    margin-left: 0;
    margin-right: -100%;
    width: 6.95833%;
    padding-right: 0.5em; }
    @media (max-width: 44em) {
      .job-list .job-list-header .date {
        display: none; } }
  .job-list .job-list-header .job {
    display: block;
    float: left;
    margin-left: 8.45833%;
    margin-right: -100%;
    width: 40.79167%;
    padding: 0 0 0 1em;
    font-size: 0.96em; }
    @media (max-width: 44em) {
      .job-list .job-list-header .job {
        clear: both;
        display: block;
        float: left;
        margin-left: 0;
        width: 100%;
        padding: 0; } }
  .job-list .job-list-header .company {
    display: block;
    float: left;
    margin-left: 50.75%;
    margin-right: -100%;
    width: 23.875%; }
    @media (max-width: 44em) {
      .job-list .job-list-header .company {
        display: none; } }
  .job-list .job-list-header .location {
    display: block;
    float: left;
    margin-left: 76.125%;
    margin-right: -100%;
    width: 15.41667%;
    padding: 0 1em 0 0; }
    @media (max-width: 44em) {
      .job-list .job-list-header .location {
        display: none; } }
  .job-list .job-list-header .shortlist-title {
    display: block;
    float: left;
    margin-left: 84.58333%;
    margin-right: -100%;
    width: 6.95833%;
    padding-right: 0;
    font-size: 0.96em;
    display: inline; }
  .job-list .job-list-refresh {
    min-height: 2em;
    border-bottom: 1px solid #dadee8;
    text-align: center; }
    .job-list .job-list-refresh .job-list-refresh-link {
      text-transform: uppercase;
      background: #dfe2ec;
      font-size: 0.875em;
      color: #203f69;
      font-weight: normal;
      box-shadow: none;
      border: none;
      border-radius: 3px;
      display: inline-block;
      padding: 1em 2em;
      text-align: center;
      text-decoration: none;
      font-family: "Montserrat", "Arial", sans-serif;
      margin: 1em 0; }
      .job-list .job-list-refresh .job-list-refresh-link:hover {
        background: #203f69;
        box-shadow: none;
        color: #fff; }
      .job-list .job-list-refresh .job-list-refresh-link .refresh-action-text {
        font-size: 1.1em;
        width: 90%; }
      .job-list .job-list-refresh .job-list-refresh-link:before {
        text-decoration: none;
        font-family: FontAwesome;
        padding: 0 0.5em 0 0;
        content: "\f021";
        color: #203f69;
        font-size: 1.8em;
        float: left; }
  .job-list .job-list-item {
    display: block;
    padding: 0.5em 0; }
    .job-list .job-list-item .date {
      display: inline;
      float: left;
      display: block;
      float: left;
      margin-left: 0;
      margin-right: -100%;
      width: 6.95833%;
      font-size: 0.875em; }
      @media (max-width: 44em) {
        .job-list .job-list-item .date {
          float: right;
          text-align: center;
          display: block;
          float: left;
          margin-left: 76.125%;
          margin-right: -100%;
          width: 23.875%;
          font-size: 0.875em; } }
    .job-list .job-list-item .job {
      float: left;
      display: block;
      float: left;
      margin-left: 8.45833%;
      margin-right: -100%;
      width: 40.79167%;
      padding: 0 0 0 1em; }
      .job-list .job-list-item .job .snippet a, .job-list .job-list-item .job .snippet a:visited {
        font-weight: 500;
        color: #5f6d75; }
      .job-list .job-list-item .job .snippet a:hover {
        color: #203f69;
        font-weight: 500; }
      @media (max-width: 44em) {
        .job-list .job-list-item .job {
          margin-bottom: .3em;
          padding: 0;
          display: block;
          float: left;
          margin-left: 0;
          margin-right: -100%;
          width: 74.625%;
          border-left: none; } }
    .job-list .job-list-item .company {
      display: block;
      float: left;
      margin-left: 50.75%;
      margin-right: -100%;
      width: 23.875%;
      padding: 0 0.86em;
      border-left: 1px solid #dadee8;
      border-right: 1px solid #dadee8;
      word-wrap: break-word; }
      .job-list .job-list-item .company a {
        font-weight: 600;
        color: #203f69;
        cursor: pointer; }
      .job-list .job-list-item .company a:hover {
        text-decoration: none;
        color: #70addc; }
      .job-list .job-list-item .company a:visited {
        color: #203f69; }
      .job-list .job-list-item .company .following {
        color: #203f69;
        float: left;
        font-size: 0.7em;
        margin: 0 0 0.2em 0;
        text-transform: uppercase;
        font-family: "Montserrat", "Arial", sans-serif;
        background-color: #f7f7f7;
        padding: 0.5em; }
        @media (max-width: 50em) {
          .job-list .job-list-item .company .following {
            display: none; } }
      @media (max-width: 44em) {
        .job-list .job-list-item .company {
          clear: left;
          margin-bottom: .3em;
          padding: 0;
          display: block;
          float: left;
          margin-left: 0;
          margin-right: -100%;
          width: 74.625%;
          border-left: none;
          border-right: none; } }
    .job-list .job-list-item .location {
      display: block;
      float: left;
      margin-left: 76.125%;
      margin-right: -100%;
      width: 15.41667%;
      color: #203f69;
      padding: 0 1em 0 0;
      height: 100%;
      font-size: 0.86em;
      word-wrap: break-word; }
      @media (max-width: 44em) {
        .job-list .job-list-item .location {
          margin-bottom: 1em;
          clear: left;
          display: block;
          float: left;
          margin-left: 0;
          margin-right: -100%;
          width: 74.625%;
          border-left: none;
          padding: 0; } }
    .job-list .job-list-item .shortlist_listing {
      border-left: 1px solid #dadee8;
      padding: 0;
      display: inline;
      text-align: center;
      display: block;
      float: left;
      margin-left: 93.04167%;
      margin-right: -100%;
      width: 6.95833%; }
      @media (max-width: 44em) {
        .job-list .job-list-item .shortlist_listing {
          display: none; } }
      .job-list .job-list-item .shortlist_listing i {
        cursor: pointer;
        font-size: 2em;
        padding: 0 1em 1em 0.5em;
        height: 40px; }
    .job-list .job-list-item .shortlist_mobile {
      display: none;
      font-size: 2em; }
      @media (max-width: 44em) {
        .job-list .job-list-item .shortlist_mobile {
          margin-top: -0.8em;
          display: block;
          float: left;
          margin-left: 84.58333%;
          margin-right: -100%;
          width: 15.41667%;
          display: inline;
          padding: 0 1em 0 1em; } }
      @media (max-width: 31em) {
        .job-list .job-list-item .shortlist_mobile {
          padding: 0;
          display: inline; } }

.job-list-company {
  display: block;
  float: left;
  margin-left: 0;
  margin-right: -100%;
  width: 100.0%;
  float: left;
  padding: 0.75em 0; }
  .job-list-company .job-list-header .date {
    display: block;
    float: left;
    margin-left: 0;
    margin-right: -100%;
    width: 6.95833%;
    padding-right: 0.5em; }
    @media (max-width: 44em) {
      .job-list-company .job-list-header .date {
        display: none; } }
  .job-list-company .job-list-header .job {
    display: block;
    float: left;
    margin-left: 8.45833%;
    margin-right: -100%;
    width: 57.70833%;
    padding: 0 0 0 1em;
    word-wrap: break-word; }
    @media (max-width: 44em) {
      .job-list-company .job-list-header .job {
        display: block;
        float: left;
        margin-left: 0;
        margin-right: -100%;
        width: 66.16667%; } }
  .job-list-company .job-list-header .company {
    display: none; }
  .job-list-company .job-list-header .location {
    display: block;
    float: left;
    margin-left: 67.66667%;
    margin-right: -100%;
    width: 23.875%;
    padding: 0 1em;
    word-wrap: break-word; }
    @media (max-width: 44em) {
      .job-list-company .job-list-header .location {
        display: none; } }
  .job-list-company .job-list-header .shortlist-title {
    display: block;
    float: left;
    margin-left: 84.58333%;
    margin-right: -100%;
    width: 6.95833%;
    padding-right: 0;
    font-size: 0.96em;
    display: inline; }
  .job-list-company .job-list-item {
    padding: 0.5em 0; }
    .job-list-company .job-list-item .date {
      display: inline;
      float: left;
      display: block;
      float: left;
      margin-left: 0;
      margin-right: -100%;
      width: 6.95833%;
      padding-right: 0.5em;
      font-size: 0.96em; }
      @media (max-width: 44em) {
        .job-list-company .job-list-item .date {
          float: right;
          display: block;
          float: left;
          margin-left: 84.58333%;
          margin-right: -100%;
          width: 15.41667%; } }
    .job-list-company .job-list-item .job {
      float: left;
      display: block;
      float: left;
      margin-left: 8.45833%;
      margin-right: -100%;
      width: 57.70833%;
      padding: 0 0.5em 0 1em;
      border-left: 1px solid #dadee8;
      border-right: 1px solid #dadee8;
      word-wrap: break-word; }
      @media (max-width: 44em) {
        .job-list-company .job-list-item .job {
          margin-bottom: .3em;
          display: block;
          float: left;
          margin-left: 0;
          margin-right: -100%;
          width: 83.08333%;
          border-left: none;
          border-right: none;
          padding: 0 0.5em 0 0; } }
    .job-list-company .job-list-item .company {
      display: none; }
    .job-list-company .job-list-item .location {
      display: block;
      float: left;
      margin-left: 67.66667%;
      margin-right: -100%;
      width: 23.875%;
      padding: 0 1em 0 0;
      height: 100%;
      font-size: 0.86em;
      word-wrap: break-word; }
      @media (max-width: 44em) {
        .job-list-company .job-list-item .location {
          margin-bottom: .3em;
          clear: left;
          display: inline;
          border-left: none;
          display: block;
          float: left;
          margin-left: 0;
          margin-right: -100%;
          width: 83.08333%;
          padding: 0; } }
    .job-list-company .job-list-item .shortlist_listing {
      border-left: 1px solid #dadee8;
      padding: 0 0 0 0.5em;
      display: inline;
      font-size: 2em;
      display: block;
      float: left;
      margin-left: 93.04167%;
      margin-right: -100%;
      width: 6.95833%; }
      @media (max-width: 44em) {
        .job-list-company .job-list-item .shortlist_listing {
          display: none; } }
    .job-list-company .job-list-item .shortlist_mobile {
      display: none;
      font-size: 2em; }
      @media (max-width: 44em) {
        .job-list-company .job-list-item .shortlist_mobile {
          display: block;
          float: left;
          margin-left: 84.58333%;
          margin-right: -100%;
          width: 15.41667%;
          padding: 0;
          margin-top: -1em; } }

.expired-job-similar-title {
  font-weight: 800; }

/* ----------------- Course list ----------------*/
.course-list {
  display: block;
  float: left;
  margin-left: 0;
  margin-right: -100%;
  width: 100.0%;
  float: left;
  padding: 0.75em 0;
  clear: both; }
  .course-list .course-list-header .course {
    display: block;
    float: left;
    margin-left: 0;
    margin-right: -100%;
    width: 40.79167%;
    padding: 0 0 0 1em; }
  .course-list .course-list-header .college {
    display: block;
    float: left;
    margin-left: 42.29167%;
    margin-right: -100%;
    width: 23.875%; }
    .course-list .course-list-header .college .name a {
      font-weight: 600;
      color: #203f69;
      cursor: pointer; }
    .course-list .course-list-header .college .name a:hover {
      text-decoration: none;
      color: #70addc; }
    .course-list .course-list-header .college .name a:visited {
      color: #203f69; }
    @media (max-width: 44em) {
      .course-list .course-list-header .college {
        display: none; } }
  .course-list .course-list-header .location {
    display: block;
    float: left;
    margin-left: 67.66667%;
    margin-right: -100%;
    width: 15.41667%;
    padding: 0 1em; }
    @media (max-width: 44em) {
      .course-list .course-list-header .location {
        display: none; } }
  .course-list .course-list-header .price {
    padding: 0;
    display: inline;
    display: block;
    float: left;
    margin-left: 84.58333%;
    margin-right: -100%;
    width: 15.41667%; }
    @media (max-width: 44em) {
      .course-list .course-list-header .price {
        display: none; } }
  .course-list .course-list-refresh {
    min-height: 2em;
    border-bottom: 1px solid #dadee8;
    text-align: center; }
    .course-list .course-list-refresh .course-list-refresh-link {
      text-transform: uppercase;
      background: #dfe2ec;
      font-size: 0.875em;
      color: #203f69;
      font-weight: normal;
      box-shadow: none;
      border: none;
      border-radius: 3px;
      display: inline-block;
      padding: 1em 2em;
      text-align: center;
      text-decoration: none;
      font-family: "Montserrat", "Arial", sans-serif;
      margin: 1em 0; }
      .course-list .course-list-refresh .course-list-refresh-link:hover, .course-list .course-list-refresh .course-list-refresh-link:hover:before {
        background: #203f69;
        box-shadow: none;
        color: #fff; }
      .course-list .course-list-refresh .course-list-refresh-link .refresh-text {
        font-size: 1em;
        margin: 1em 0 1em 0;
        line-height: 1.5em; }
      .course-list .course-list-refresh .course-list-refresh-link .refresh-action-text {
        font-size: 1.1em; }
        .course-list .course-list-refresh .course-list-refresh-link .refresh-action-text:before {
          text-decoration: none;
          font-family: FontAwesome;
          padding: 0 0.5em 0 0;
          content: "\f021";
          color: #203f69;
          font-size: 1.5em; }
  .course-list .course-list-item {
    padding: 0.5em 0; }
    .course-list .course-list-item .course {
      float: left;
      display: block;
      float: left;
      margin-left: 0;
      margin-right: -100%;
      width: 40.79167%;
      padding: 0 0 0 0;
      font-size: 0.96em;
      word-wrap: break-word; }
      @media (max-width: 44em) {
        .course-list .course-list-item .course {
          margin-bottom: .2em;
          clear: both;
          display: block;
          float: left;
          margin-left: 0;
          width: 100%; } }
    .course-list .course-list-item .college {
      display: block;
      float: left;
      margin-left: 42.29167%;
      margin-right: -100%;
      width: 23.875%;
      padding: 0 0.86em;
      border-left: 1px solid #dadee8;
      border-right: 1px solid #dadee8;
      word-wrap: break-word; }
      @media (max-width: 44em) {
        .course-list .course-list-item .college {
          clear: left;
          margin-bottom: .3em;
          clear: both;
          display: block;
          float: left;
          margin-left: 0;
          width: 100%;
          border-left: none;
          border-right: none;
          padding-left: 0; } }
    .course-list .course-list-item .location {
      display: block;
      float: left;
      margin-left: 67.66667%;
      margin-right: -100%;
      width: 15.41667%;
      padding: 0 0.5em;
      height: 100%;
      font-size: 0.86em;
      word-wrap: break-word; }
      @media (max-width: 44em) {
        .course-list .course-list-item .location {
          margin-bottom: .3em;
          clear: left;
          clear: both;
          display: block;
          float: left;
          margin-left: 0;
          width: 100%;
          padding-left: 0; } }
    .course-list .course-list-item .price {
      border-left: 1px solid #dadee8;
      padding: 0 1em;
      font-size: 0.8em;
      display: inline;
      display: block;
      float: left;
      margin-left: 84.58333%;
      margin-right: -100%;
      width: 15.41667%;
      word-wrap: break-word; }
      @media (max-width: 44em) {
        .course-list .course-list-item .price {
          display: none; } }
    .course-list .course-list-item .price_mobile {
      display: none; }
      @media (max-width: 44em) {
        .course-list .course-list-item .price_mobile {
          margin-top: 0em;
          word-wrap: break-word;
          clear: both;
          display: block;
          float: left;
          margin-left: 0;
          width: 100%;
          border-left: none;
          display: inline;
          padding: 0;
          font-size: 0.8em; } }

/* ----------------- Course list College ----------------*/
.course-college {
  display: block;
  float: left;
  margin-left: 0;
  margin-right: -100%;
  width: 100.0%;
  float: left;
  padding: 0; }
  .course-college .course-list-header .course {
    float: left;
    display: block;
    float: left;
    margin-left: 0;
    margin-right: -100%;
    width: 49.25%;
    padding: 0 0 0 1em; }
  .course-college .course-list-header .college {
    display: none; }
  .course-college .course-list-header .location {
    display: block;
    float: left;
    margin-left: 59.20833%;
    margin-right: -100%;
    width: 23.875%;
    padding: 0 1em; }
    @media (max-width: 44em) {
      .course-college .course-list-header .location {
        display: none; } }
  .course-college .course-list-header .price {
    padding: 0 1em;
    display: inline;
    font-size: 0.8em;
    display: block;
    float: left;
    margin-left: 84.58333%;
    margin-right: -100%;
    width: 15.41667%; }
    @media (max-width: 44em) {
      .course-college .course-list-header .price {
        display: none; } }
  .course-college .course-list-item {
    padding: 0.75em 0;
    position: relative; }
    .course-college .course-list-item .course {
      float: left;
      display: block;
      float: left;
      margin-left: 0;
      margin-right: -100%;
      width: 57.70833%;
      padding: 0 0 0 1em;
      word-wrap: break-word;
      border-right: 1px solid #dadee8; }
      @media (max-width: 44em) {
        .course-college .course-list-item .course {
          margin-bottom: .3em;
          display: block;
          float: left;
          margin-left: 0;
          margin-right: -100%;
          width: 100.0%;
          border-right: none; } }
    .course-college .course-list-item .college {
      display: none; }
    .course-college .course-list-item .location {
      display: block;
      float: left;
      margin-left: 59.20833%;
      margin-right: -100%;
      width: 23.875%;
      padding: 0 1em;
      border-right: 1px solid #dadee8;
      font-size: 0.86em;
      word-wrap: break-word; }
      @media (max-width: 44em) {
        .course-college .course-list-item .location {
          margin-bottom: .3em;
          clear: left;
          display: block;
          float: left;
          margin-left: 0;
          margin-right: -100%;
          width: 100.0%;
          border-right: none; } }
    .course-college .course-list-item .price {
      padding: 0 1em;
      font-size: 0.8em;
      display: inline;
      word-wrap: break-word;
      display: block;
      float: left;
      margin-left: 84.58333%;
      margin-right: -100%;
      width: 15.41667%; }
      @media (max-width: 44em) {
        .course-college .course-list-item .price {
          margin-top: .3em;
          display: block;
          float: left;
          margin-left: 0;
          margin-right: -100%;
          width: 100.0%;
          border-left: none;
          padding: 0;
          display: none; } }
    .course-college .course-list-item .price_mobile {
      display: none;
      word-wrap: break-word; }
      @media (max-width: 44em) {
        .course-college .course-list-item .price_mobile {
          clear: left;
          margin-top: 0em;
          display: block;
          float: left;
          margin-left: 0;
          margin-right: -100%;
          width: 100.0%;
          border-left: none;
          display: inline;
          font-size: 0.86em;
          padding: 0 0 0 1em; }
          .course-college .course-list-item .price_mobile:before {
            content: "COURSE PRICE: ";
            font-weight: 700; } }
      @media (max-width: 31em) {
        .course-college .course-list-item .price_mobile {
          margin-top: 0em; } }
  @media (max-width: 44em) {
    .course-college {
      margin-bottom: .3em;
      display: block;
      float: left;
      margin-left: 0;
      margin-right: -100%;
      width: 100.0%;
      border-left: none; } }

.no-courses {
  padding: 2em; }

/*---------------------------------   home job lists, course list ------------------------- */
.jobs-by-category .last,
.jobs-by-location .last,
.jobs-by-location2 .last,
.jobs-by-location-footer .last,
.courses-by-category .last,
.courses-by-location .last,
.courses-by-location-footer .last {
  padding-left: 2em; }
  @media (max-width: 44em) {
    .jobs-by-category .last,
    .jobs-by-location .last,
    .jobs-by-location2 .last,
    .jobs-by-location-footer .last,
    .courses-by-category .last,
    .courses-by-location .last,
    .courses-by-location-footer .last {
      padding-left: 0.5em; } }
  @media (max-width: 24em) {
    .jobs-by-category .last,
    .jobs-by-location .last,
    .jobs-by-location2 .last,
    .jobs-by-location-footer .last,
    .courses-by-category .last,
    .courses-by-location .last,
    .courses-by-location-footer .last {
      padding-left: 0; } }
.jobs-by-category .first,
.jobs-by-location .first,
.jobs-by-location2 .first,
.jobs-by-location-footer .first,
.courses-by-category .first,
.courses-by-location .first,
.courses-by-location-footer .first {
  padding-right: 2em; }
  @media (max-width: 44em) {
    .jobs-by-category .first,
    .jobs-by-location .first,
    .jobs-by-location2 .first,
    .jobs-by-location-footer .first,
    .courses-by-category .first,
    .courses-by-location .first,
    .courses-by-location-footer .first {
      padding-right: 0.5em; } }
  @media (max-width: 24em) {
    .jobs-by-category .first,
    .jobs-by-location .first,
    .jobs-by-location2 .first,
    .jobs-by-location-footer .first,
    .courses-by-category .first,
    .courses-by-location .first,
    .courses-by-location-footer .first {
      padding-right: 0; } }
@media (max-width: 31em) {
  .jobs-by-category ul,
  .jobs-by-location ul,
  .jobs-by-location2 ul,
  .jobs-by-location-footer ul,
  .courses-by-category ul,
  .courses-by-location ul,
  .courses-by-location-footer ul {
    padding: .5em 0 0 0; }
  .jobs-by-category li,
  .jobs-by-location li,
  .jobs-by-location2 li,
  .jobs-by-location-footer li,
  .courses-by-category li,
  .courses-by-location li,
  .courses-by-location-footer li {
    font-size: 1.1em;
    line-height: 1.6em; } }
.jobs-by-category span,
.jobs-by-location span,
.jobs-by-location2 span,
.jobs-by-location-footer span,
.courses-by-category span,
.courses-by-location span,
.courses-by-location-footer span {
  float: right;
  font-weight: 300; }
  @media (max-width: 31em) {
    .jobs-by-category span,
    .jobs-by-location span,
    .jobs-by-location2 span,
    .jobs-by-location-footer span,
    .courses-by-category span,
    .courses-by-location span,
    .courses-by-location-footer span {
      padding-right: .5em; } }

.jobs-by-category,
.courses-by-category {
  clear: both;
  display: block;
  float: left;
  margin-left: 0;
  width: 100%;
  clear: both; }
  @media (max-width: 31em) {
    .jobs-by-category,
    .courses-by-category {
      margin-bottom: 2em;
      margin-top: 1em;
      padding: 0; } }
  @media (max-width: 712px) {
    .jobs-by-category .last,
    .courses-by-category .last {
      padding-left: 0.7em; }
    .jobs-by-category .first,
    .courses-by-category .first {
      padding-right: 0.7em; } }
  @media (max-width: 24em) {
    .jobs-by-category .last,
    .courses-by-category .last {
      padding-left: 0; }
    .jobs-by-category .first,
    .courses-by-category .first {
      padding-right: 0; } }

.sub-category h3 {
  font-size: 1em;
  margin-top: 1em; }
.sub-category ul {
  font-size: 0.9em; }

.jobs-by-location,
.courses-by-location {
  display: block;
  float: left;
  margin-left: 0;
  margin-right: -100%;
  width: 66.16667%;
  clear: both;
  margin-bottom: 1em; }
  @media (max-width: 61.5em) {
    .jobs-by-location,
    .courses-by-location {
      clear: both;
      display: block;
      float: left;
      margin-left: 0;
      width: 100%; } }
  @media (max-width: 31em) {
    .jobs-by-location,
    .courses-by-location {
      clear: both;
      display: block;
      float: left;
      margin-left: 0;
      width: 100%; } }
  .jobs-by-location h2,
  .courses-by-location h2 {
    margin: 0 0 1.5em 0; }
    @media (max-width: 44em) {
      .jobs-by-location h2,
      .courses-by-location h2 {
        margin: 0; } }

.jobs-by-location-map,
.courses-by-location-map {
  display: block;
  float: left;
  margin-left: 67.66667%;
  margin-right: -100%;
  width: 32.33333%;
  padding-top: 3em; }
  @media (max-width: 61.5em) {
    .jobs-by-location-map,
    .courses-by-location-map {
      display: none; } }
  .jobs-by-location-map img,
  .courses-by-location-map img {
    height: auto;
    width: 303px; }

.jobs-by-location-footer,
.courses-by-location-footer {
  clear: both; }
  .jobs-by-location-footer hr,
  .courses-by-location-footer hr {
    height: 2px;
    color: #203f69; }
  .jobs-by-location-footer .a-column,
  .courses-by-location-footer .a-column {
    display: block;
    float: left;
    margin-left: 0;
    margin-right: -100%;
    width: 32.33333%;
    float: left;
    padding-right: 1.5em; }
    @media (max-width: 48em) {
      .jobs-by-location-footer .a-column,
      .courses-by-location-footer .a-column {
        clear: both;
        display: block;
        float: left;
        margin-left: 0;
        width: 100%;
        padding-right: 0; } }
  .jobs-by-location-footer .b-column,
  .courses-by-location-footer .b-column {
    display: block;
    float: left;
    margin-left: 33.83333%;
    margin-right: -100%;
    width: 32.33333%;
    float: left;
    padding-left: 1.5em; }
    @media (max-width: 61.5em) {
      .jobs-by-location-footer .b-column,
      .courses-by-location-footer .b-column {
        padding-left: 0; } }
    @media (max-width: 48em) {
      .jobs-by-location-footer .b-column,
      .courses-by-location-footer .b-column {
        clear: both;
        display: block;
        float: left;
        margin-left: 0;
        width: 100%; } }
  .jobs-by-location-footer .c-column,
  .courses-by-location-footer .c-column {
    display: block;
    float: left;
    margin-left: 67.66667%;
    margin-right: -100%;
    width: 32.33333%;
    float: left;
    padding-left: 0.5em; }
    @media (max-width: 48em) {
      .jobs-by-location-footer .c-column,
      .courses-by-location-footer .c-column {
        clear: both;
        display: block;
        float: left;
        margin-left: 0;
        width: 100%;
        padding-left: 0; } }

.back-to-top {
  float: right;
  padding: 0 0 1em 1em;
  text-transform: capitalize; }
  .back-to-top:after {
    content: "\f106";
    color: #203f69;
    font-family: FontAwesome;
    text-decoration: none;
    display: inline;
    font-size: 1.4em;
    padding-left: 0.5em;
    margin: 0; }

.load-more {
  margin: 2em;
  text-align: center; }

.job-alert-wide-section {
  background-color: #f1f1f1;
  padding: 1em;
  clear: both;
  margin-bottom: 2em; }
  .job-alert-wide-section .text {
    display: block;
    float: left;
    margin-left: 0;
    margin-right: -100%;
    width: 32.33333%; }
    .job-alert-wide-section .text h3 {
      text-align: left;
      font-size: 1.125em;
      padding: 0;
      font-weight: 500; }
      @media (max-width: 31em) {
        .job-alert-wide-section .text h3 {
          font-size: 1.2em; } }
    .job-alert-wide-section .text h4 {
      text-align: left;
      font-size: 0.875em;
      padding-bottom: 0;
      margin-bottom: 0;
      font-weight: 500; }
      @media (max-width: 31em) {
        .job-alert-wide-section .text h4 {
          display: block;
          font-size: 1em; } }
    @media (max-width: 44em) {
      .job-alert-wide-section .text {
        padding-bottom: 1em;
        clear: both;
        display: block;
        float: left;
        margin-left: 0;
        width: 100%; } }
  .job-alert-wide-section .action {
    display: block;
    float: left;
    margin-left: 33.83333%;
    margin-right: -100%;
    width: 40.79167%; }
    @media (max-width: 44em) {
      .job-alert-wide-section .action {
        clear: both;
        display: block;
        float: left;
        margin-left: 0;
        width: 100%;
        clear: both; } }
  .job-alert-wide-section .terms {
    display: block;
    float: left;
    margin-left: 76.125%;
    margin-right: -100%;
    width: 23.875%;
    font-size: 0.9em;
    padding: 0 1em; }
    @media (max-width: 44em) {
      .job-alert-wide-section .terms {
        clear: both;
        display: block;
        float: left;
        margin-left: 0;
        width: 100%;
        padding: 0; } }

.job-alert-wide-list {
  padding: 1em;
  margin: 1em;
  clear: both; }
  .job-alert-wide-list h4:before, .job-alert-wide-list h2:before {
    content: "\f0e0";
    color: #203f69;
    text-decoration: none;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    display: inline;
    font-size: 1em;
    padding: 0 1em 0 0; }
  .job-alert-wide-list .action {
    display: block;
    float: left;
    margin-left: 0;
    margin-right: -100%;
    width: 40.79167%;
    float: left;
    margin-top: 0.5em;
    clear: both; }
    @media (max-width: 44em) {
      .job-alert-wide-list .action {
        display: block;
        float: left;
        margin-left: 0;
        margin-right: -100%;
        width: 66.16667%; } }
  .job-alert-wide-list .terms {
    display: block;
    float: left;
    margin-left: 0;
    margin-right: -100%;
    width: 83.08333%;
    float: left;
    margin-top: 0.5em;
    clear: both;
    font-size: 0.9em; }

.job-alert-sidebar-section {
  background-color: #f1f1f1;
  padding: 1em;
  margin-bottom: 2em;
  border: 1px solid #dadee8;
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 15px -10px #ccc;
  -moz-box-shadow: 0 5px 15px -10px #ccc;
  box-shadow: 0 5px 15px -10px #ccc; }
  .job-alert-sidebar-section .text {
    clear: both;
    display: block;
    float: left;
    margin-left: 0;
    width: 100%; }
    .job-alert-sidebar-section .text h3 {
      text-align: left;
      font-size: 1.2em;
      font-weight: 500;
      padding-left: 0;
      font-weight: 500; }
    .job-alert-sidebar-section .text h4 {
      text-align: left;
      font-size: 1em;
      padding-bottom: 0.5em;
      margin-bottom: 0.5em;
      font-weight: 500; }
      @media (max-width: 31em) {
        .job-alert-sidebar-section .text h4 {
          display: block; } }
  .job-alert-sidebar-section .action {
    clear: both;
    display: block;
    float: left;
    margin-left: 0;
    width: 100%;
    clear: both; }
    .job-alert-sidebar-section .action p {
      margin: 0.5em 0 0 0; }
  .job-alert-sidebar-section .terms {
    clear: both;
    display: block;
    float: left;
    margin-left: 0;
    width: 100%; }

.search-form, .search-form-home {
  background-color: rgba(32, 63, 105, 0.9);
  padding: 0.8em;
  width: 100%;
  margin: auto;
  clear: both;
  position: relative;
  border-radius: 5px;
  max-width: 960px; }
  @media (max-width: 31em) {
    .search-form, .search-form-home {
      padding: 0;
      background-color: transparent;
      margin-bottom: 0; } }
  .search-form .accordion, .search-form-home .accordion {
    border: none;
    padding: 0; }
  .search-form h3.search, .search-form-home h3.search {
    color: #ec603c;
    font-weight: 400;
    font-size: 1.2em;
    font-family: "Montserrat", "Arial", sans-serif;
    text-align: left;
    text-transform: uppercase; }
    @media (min-width: 31em) {
      .search-form h3.search, .search-form-home h3.search {
        display: none; } }
  .search-form select, .search-form-home select, .search-form input[type=text], .search-form-home input[type=text] {
    margin-bottom: 0;
    font-weight: 400;
    font-size: 1em; }
  .search-form fieldset, .search-form-home fieldset {
    margin: 2px 0 0 0; }
    @media (max-width: 31em) {
      .search-form fieldset, .search-form-home fieldset {
        display: none; } }
  .search-form .categories, .search-form-home .categories {
    width: 28%;
    margin-right: 5px; }
    @media (max-width: 61.5em) {
      .search-form .categories, .search-form-home .categories {
        width: 48%; } }
    @media (max-width: 31em) {
      .search-form .categories, .search-form-home .categories {
        width: 100%;
        margin-bottom: .8em;
        font-size: 1.2em; } }
  .search-form .regions, .search-form-home .regions {
    width: 28%;
    margin-right: 4px; }
    @media (max-width: 61.5em) {
      .search-form .regions, .search-form-home .regions {
        width: 48%;
        margin-bottom: .8em; } }
    @media (max-width: 31em) {
      .search-form .regions, .search-form-home .regions {
        width: 100%;
        margin-bottom: .8em;
        font-size: 1.2em; } }
  .search-form .keywords, .search-form-home .keywords {
    width: 35%;
    margin-right: 4px;
    padding: 0em 0em 0em 0.8em;
    white-space: pre;
    font-weight: 400;
    font-size: 1em;
    max-height: 42px;
    min-height: 42px; }
    @media (max-width: 61.5em) {
      .search-form .keywords, .search-form-home .keywords {
        width: 66%; } }
    @media (max-width: 31em) {
      .search-form .keywords, .search-form-home .keywords {
        width: 100%;
        font-size: 1.2em;
        padding: 0.9em 0 0.8em 0.6em; } }
  .search-form .search-btn, .search-form-home .search-btn {
    width: 6%;
    background-color: #ec603c;
    color: #fff;
    padding: 0em 0em 0em 0em;
    font-size: 1rem;
    box-shadow: none;
    margin-bottom: 0;
    min-height: 42px;
    max-height: 42px; }
    @media (max-width: 31em) {
      .search-form .search-btn, .search-form-home .search-btn {
        display: none; } }
    .search-form .search-btn::before, .search-form-home .search-btn::before {
      font-family: FontAwesome;
      font-style: normal;
      font-weight: normal;
      text-decoration: none;
      content: "\f002";
      top: 0px; }
    .search-form .search-btn:hover, .search-form-home .search-btn:hover {
      background-color: #da5837;
      top: 0px; }
    @media (max-width: 61.5em) {
      .search-form .search-btn, .search-form-home .search-btn {
        display: none; } }
  .search-form .alt-search-btn, .search-form-home .alt-search-btn {
    display: none; }
    @media (max-width: 61.5em) {
      .search-form .alt-search-btn, .search-form-home .alt-search-btn {
        display: inline;
        box-shadow: none;
        width: 30%;
        background-color: #ec603c;
        color: #fff;
        margin-bottom: 0;
        padding: 0em 1em 0em 0em;
        font-size: large;
        font-size: 0.875rem;
        text-transform: uppercase;
        font-weight: 400;
        font-family: "Montserrat", "Arial", sans-serif;
        margin: 5px 0 8px 0;
        max-height: 42px;
        min-height: 42px; }
        .search-form .alt-search-btn::before, .search-form-home .alt-search-btn::before {
          font-family: FontAwesome;
          font-style: normal;
          font-weight: normal;
          text-decoration: none;
          content: "\f002";
          padding: 0 9px;
          margin-right: 6px; }
        .search-form .alt-search-btn:hover, .search-form-home .alt-search-btn:hover, .search-form .alt-search-btn:focus, .search-form-home .alt-search-btn:focus {
          box-shadow: none;
          background-color: #da5837; } }
  @media (max-width: 61.5em) and (max-width: 31em) {
    .search-form .alt-search-btn, .search-form-home .alt-search-btn {
      margin: 1em 0;
      width: 100%; } }

.search-form-home {
  margin-top: 10em; }
  @media (max-width: 46.8em) {
    .search-form-home {
      margin-top: 8em; } }
  @media (max-width: 31em) {
    .search-form-home {
      margin-top: 0; } }
  .search-form-home .accordion {
    border: none;
    padding: 0; }
  .search-form-home h3.search-home {
    color: #fff;
    font-size: 1.2em;
    font-family: "Open Sans", "Arial", sans-serif;
    padding-bottom: 0.2em;
    font-size: 1.2rem;
    padding-left: 0;
    text-align: left;
    font-weight: 400; }

@media (max-width: 31em) {
  .input-helper {
    margin-bottom: 1.8em;
    font-size: .85em; } }
.pagination ol {
  margin: 0.75em 0 0 0;
  text-align: center;
  list-style-type: none; }
.pagination li {
  display: inline-block;
  border-right: 1px solid #747c83; }
  .pagination li:last-child {
    border: 0; }
.pagination a {
  padding: 1em; }

.register {
  background-color: rgba(32, 63, 105, 0.9);
  color: #fff;
  position: relative;
  margin-top: -5em;
  height: 5em; }
  .register .btn {
    display: block;
    margin: 1em 4em 1em 0;
    display: inline;
    font-size: .9em;
    padding: .8em;
    display: block;
    float: left;
    margin-left: 67.66667%;
    margin-right: -100%;
    width: 23.875%; }
  .register .register-message {
    padding-top: 0.8em;
    display: block;
    float: left;
    margin-left: 0;
    margin-right: -100%;
    width: 66.16667%; }
    .register .register-message p {
      color: #f7f7f7;
      display: block;
      padding: 0.2em 1em;
      font-size: 1em;
      line-height: 1.2em; }
      @media (max-width: 44em) {
        .register .register-message p {
          font-size: 0.875em; } }
    .register .register-message h4 {
      color: #f7f7f7;
      padding-bottom: 0;
      font-size: 1em;
      padding: 0 1em;
      text-transform: uppercase;
      font-weight: 700;
      font-family: "Open Sans", "Arial", sans-serif;
      text-align: left;
      margin: 0; }
  @media (max-width: 31em) {
    .register {
      display: none; } }

.shadow {
  -moz-box-shadow: inset 0 0 10px #000000;
  -webkit-box-shadow: inset 0 0 10px #000000;
  box-shadow: inset 0 0 10px #000000; }

.job-list .job-list-item.highlighted {
  border: 1px dashed #fbd245;
  border-top: 5px solid #fbd245;
  color: #00263d !important;
  margin-bottom: 35px;
  margin-left: -3px;
  margin-top: 55px;
  padding-left: 3px;
  width: calc(6px + 100%); }

.job-list .job-list-item.highlighted span.date {
  color: #00263D !important; }

.job-list .job-list-item.highlighted:before {
  background-color: #fbd245;
  color: #00263d !important;
  content: "Featured";
  display: inline-block;
  left: -4px;
  padding: 5px;
  position: relative;
  text-align: center;
  top: -36px;
  width: 98px; }

.job-list .job-list-item.promoted {
  border: 1px dashed #fbd245;
  border-bottom: 1px solid #fbd245;
  border-top: 5px solid #fbd245;
  color: #00263d !important;
  margin-bottom: 35px;
  margin-left: -3px;
  margin-top: 10px;
  padding-left: 3px;
  width: calc(6px + 100%); }

.job-list .job-list-item.promoted span.date {
  color: #00263D !important; }

.job-list .job-list-item.promoted:before {
  background-color: #fbd245;
  color: #00263d !important;
  content: "Promoted";
  left: -4px;
  padding: 5px;
  padding-left: 10.5%;
  position: relative;
  top: -10px;
  width: calc(6px + 100%); }

@media (max-width: 44em) {
  .job-list .job-list-item.promoted:before {
    padding-left: 5px; } }
.headline-info {
  border: 1px solid #dadee8;
  border-radius: 5px;
  clear: both;
  display: block;
  float: left;
  margin-left: 0;
  width: 100%;
  margin: .8em 0 1.5em;
  display: inline-block;
  background-color: #fff; }
  .headline-info .photo {
    display: block;
    float: left;
    margin-left: 0;
    margin-right: -100%;
    width: 18.6%;
    height: 170px;
    top: -24px;
    position: inline-block; }
    .headline-info .photo img {
      max-width: 100%;
      max-height: 150px; }
    .headline-info .photo::after {
      display: inline-block;
      position: relative;
      content: "photo \f040";
      font-family: FontAwesome, "Open Sans", "Arial", sans-serif;
      background-color: rgba(38, 46, 65, 0.5);
      color: #fff;
      cursor: pointer;
      padding: 0.5em 1.5em;
      top: -40px;
      text-align: center; }
    .headline-info .photo.de::after {
      content: "foto \f040" !important; }
    .headline-info .photo.lb::after {
      content: "foto \f040" !important; }
    .headline-info .photo.fr::after {
      content: "photo \f040" !important; }
    @media (max-width: 44em) {
      .headline-info .photo {
        max-height: 100px;
        padding-left: 1em;
        margin-top: 1em;
        display: block;
        float: left;
        margin-left: 0;
        margin-right: -100%;
        width: 26.55833%; } }
    @media (max-width: 31em) {
      .headline-info .photo {
        display: block;
        float: left;
        margin-left: 0;
        margin-right: -100%;
        width: 58.39167%;
        max-height: 170px;
        margin-top: 0; } }
  .headline-info h1 {
    font-size: 1.125em;
    font-weight: 700;
    text-transform: uppercase;
    margin: 1em 0 0 0;
    text-align: left;
    font-family: "Montserrat", "Arial", sans-serif; }
    @media (max-width: 31em) {
      .headline-info h1 {
        margin: 0; } }
  .headline-info label {
    display: inline-block; }
    @media (max-width: 31em) {
      .headline-info label {
        clear: both;
        display: block;
        float: left;
        margin-left: 0;
        width: 100%;
        width: 92%; } }
  .headline-info .profile-info {
    display: inline-block;
    display: block;
    float: left;
    margin-left: 19.6%;
    margin-right: -100%;
    width: 62.66667%; }
    @media (max-width: 44em) {
      .headline-info .profile-info {
        display: block;
        float: left;
        margin-left: 27.55833%;
        margin-right: -100%;
        width: 68.625%;
        clear: all;
        padding: 1em; } }
    @media (max-width: 31em) {
      .headline-info .profile-info {
        clear: both;
        clear: both;
        display: block;
        float: left;
        margin-left: 0;
        width: 100%;
        align-content: center;
        padding: 1em; } }
    .headline-info .profile-info input[type=text] {
      font-size: 0.75em; }
    .headline-info .profile-info i {
      color: #203f69;
      font-size: 1rem;
      padding-left: 0.5em;
      cursor: pointer; }
    .headline-info .profile-info #divLetEmployersFindYou,
    .headline-info .profile-info #divNotLetEmployersFindYou {
      margin-top: 0.4em; }
  .headline-info .settings-btn-section {
    display: inline-block;
    display: block;
    float: left;
    margin-left: 83.26667%;
    margin-right: -100%;
    width: 12.91667%; }
    .headline-info .settings-btn-section button {
      padding: 1em;
      margin-top: 0.5em;
      background-color: #70addc;
      font-size: 0.875em;
      box-shadow: none;
      width: 100%; }
      .headline-info .settings-btn-section button:before {
        color: #fbd245;
        text-decoration: none;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: none;
        display: inline;
        font-size: 1em;
        padding: 0 0.5em 0 0; }
      .headline-info .settings-btn-section button:hover, .headline-info .settings-btn-section button:focus {
        background: #4e9edc;
        color: #fff; }
    @media (max-width: 44em) {
      .headline-info .settings-btn-section {
        display: block;
        float: left;
        margin-left: 67.35%;
        margin-right: -100%;
        width: 28.83333%;
        font-size: 0.75em; } }
  .headline-info .exclude-emp-link {
    padding-left: 1em;
    border-left: 1px solid #dadee8;
    margin-left: 1em;
    font-size: 0.9em;
    display: inline-block; }
    @media (max-width: 44em) {
      .headline-info .exclude-emp-link {
        display: block;
        border-left: none;
        margin-left: 0; } }
    @media (max-width: 31em) {
      .headline-info .exclude-emp-link {
        display: inline-block;
        border-left: 1px solid #dadee8;
        margin-left: 1em; } }

#picture {
  cursor: pointer; }

/* ---------------------------------------------------------------------------------------- */
.jobseeker-profile {
  clear: both;
  display: block;
  float: left;
  margin-left: 0;
  width: 100%; }
  .jobseeker-profile h3 {
    text-align: left;
    padding: 1em 0.5em 0.5em 2em;
    font-size: 1em;
    font-weight: 600; }
    @media (max-width: 24em) {
      .jobseeker-profile h3 {
        letter-spacing: -0.03em;
        padding: 1em 0.5em 0.5em 0.5em; } }
  .jobseeker-profile .inner-section {
    clear: both;
    padding: 1em;
    border-top: 1px solid #dadee8;
    margin: 0 1em; }
    .jobseeker-profile .inner-section p {
      padding: 0;
      line-height: 1.2rem; }
    .jobseeker-profile .inner-section ul {
      margin-bottom: 1em; }
    .jobseeker-profile .inner-section .chosen-drop {
      margin-top: -1em; }
    .jobseeker-profile .inner-section .chosen-drop ul {
      margin-bottom: 0; }
    @media (max-width: 31em) {
      .jobseeker-profile .inner-section {
        padding: 1em 0; } }
  .jobseeker-profile .accordion .logos, .jobseeker-profile .accordion .cv-bullets, .jobseeker-profile .accordion .acc-edit {
    display: none; }
  .jobseeker-profile hr {
    background-color: #dadee8;
    clear: both; }

/* ------------------------------------- EXPERIENCE ------------------- */
.experience {
  display: block;
  float: left;
  margin-left: 0;
  margin-right: -100%;
  width: 100.0%;
  clear: both;
  padding: 1em 0 1.5em 0; }
  .experience .date {
    font-weight: 700;
    font-family: "Open Sans", "Arial", sans-serif;
    display: block;
    float: left;
    margin-left: 67.66667%;
    margin-right: -100%;
    width: 32.33333%;
    text-align: right; }
    @media (max-width: 31em) {
      .experience .date {
        clear: both;
        display: block;
        float: left;
        margin-left: 0;
        width: 100%;
        background-color: #f7f7f7;
        text-align: left;
        padding: 0.5em 0; } }
  .experience .job {
    float: left;
    font-weight: 700;
    font-family: "Open Sans", "Arial", sans-serif;
    display: block;
    float: left;
    margin-left: 0;
    margin-right: -100%;
    width: 66.16667%; }
    .experience .job .at {
      font-weight: 400; }
    @media (max-width: 31em) {
      .experience .job {
        clear: both;
        display: block;
        float: left;
        margin-left: 0;
        width: 100%; } }
  .experience .location {
    float: left;
    display: block;
    float: left;
    margin-left: 0;
    margin-right: -100%;
    width: 66.16667%;
    clear: left; }
    @media (max-width: 31em) {
      .experience .location {
        clear: both;
        display: block;
        float: left;
        margin-left: 0;
        width: 100%; } }
  .experience p {
    margin-bottom: 0.5em;
    clear: both;
    display: block;
    float: left;
    margin-left: 0;
    width: 100%;
    font-size: 0.875em; }
  @media (max-width: 31em) {
    .experience {
      padding: 0 0 1.5em 0; } }

.label-checkbox {
  text-align: left;
  display: inline-block;
  margin-top: 1em; }

#no-work-experience {
  margin-bottom: 2em; }

/* ------------------------------------- EDUCATION ------------------- */
.education {
  display: block;
  float: left;
  margin-left: 0;
  margin-right: -100%;
  width: 100.0%;
  clear: both;
  padding-bottom: 2em; }
  .education h2 {
    text-align: left;
    padding: 0;
    font-size: 1rem; }
  .education .date {
    font-weight: 700;
    font-family: "Open Sans", "Arial", sans-serif;
    font-size: 0.875em;
    display: block;
    float: left;
    margin-left: 67.66667%;
    margin-right: -100%;
    width: 32.33333%;
    text-align: right; }
    @media (max-width: 31em) {
      .education .date {
        clear: both;
        display: block;
        float: left;
        margin-left: 0;
        width: 100%;
        text-align: left; } }
  .education .course {
    float: left;
    font-weight: 700;
    font-family: "Open Sans", "Arial", sans-serif;
    display: block;
    float: left;
    margin-left: 0;
    margin-right: -100%;
    width: 83.08333%; }
    .education .course .from {
      font-weight: 400; }
    @media (max-width: 31em) {
      .education .course {
        clear: both;
        display: block;
        float: left;
        margin-left: 0;
        width: 100%;
        background-color: #f7f7f7;
        text-align: left;
        padding: 0.5em 0; } }
  .education .qualification {
    float: left;
    display: block;
    float: left;
    margin-left: 0;
    margin-right: -100%;
    width: 66.16667%;
    clear: left; }
    @media (max-width: 31em) {
      .education .qualification {
        clear: both;
        display: block;
        float: left;
        margin-left: 0;
        width: 100%; } }

select#EducationLevel {
  width: 80%; }

/* ------------------------------------- LANGUAGES ------------------- */
.edit-languages hr {
  margin: 1.5em 1em 1em 1em; }

/* ------------------------------------- PROFESSIONAL QUALIFICATIONS ------------------- */
.professional-qualifications {
  display: block;
  float: left;
  margin-left: 0;
  margin-right: -100%;
  width: 100.0%;
  clear: both;
  padding-bottom: 1em; }
  .professional-qualifications .date {
    font-weight: 700;
    font-family: "Open Sans", "Arial", sans-serif;
    font-size: 0.875em;
    display: block;
    float: left;
    margin-left: 67.66667%;
    margin-right: -100%;
    width: 32.33333%;
    text-align: right; }
    @media (max-width: 31em) {
      .professional-qualifications .date {
        clear: both;
        display: block;
        float: left;
        margin-left: 0;
        width: 100%;
        text-align: left; } }
  .professional-qualifications .qualification {
    float: left;
    font-weight: 700;
    font-family: "Open Sans", "Arial", sans-serif;
    display: block;
    float: left;
    margin-left: 0;
    margin-right: -100%;
    width: 83.08333%; }
    .professional-qualifications .qualification .from {
      font-weight: 400; }
    @media (max-width: 31em) {
      .professional-qualifications .qualification {
        clear: both;
        display: block;
        float: left;
        margin-left: 0;
        width: 100%;
        text-align: left; } }

/* ------------------------------------- PROFESSIONAL Associations------------------- */
.associations li {
  margin-bottom: 2em; }
  .associations li .action-buttons {
    margin-top: -1.5em; }

.create-cv p {
  display: block;
  float: left;
  margin-left: 0;
  margin-right: -100%;
  width: 74.625%;
  clear: left;
  float: left; }
  @media (max-width: 31em) {
    .create-cv p {
      clear: both;
      display: block;
      float: left;
      margin-left: 0;
      width: 100%;
      text-align: left; } }
.create-cv a {
  display: block;
  float: left;
  margin-left: 76.125%;
  margin-right: -100%;
  width: 23.875%;
  display: inline;
  float: left;
  margin-top: 0.5em;
  background-color: #70addc; }
  @media (max-width: 31em) {
    .create-cv a {
      clear: both;
      display: block;
      float: left;
      margin-left: 0;
      width: 100%;
      clear: both;
      width: 100%; } }

/* ------------------------------------- Edit buttons  ------------------- */
.edit-hobbies .action-buttons, .edit-languages .action-buttons {
  margin-top: 2em; }

/* ------------------------------------- Blocks for JOBS SEEKER SECTION ------------------- */
.js-block, .cv-block, .alert-block, .shortlist-area, .applied-block {
  clear: both;
  display: block;
  float: left;
  margin-left: 0;
  margin-right: -100%;
  width: 100.0%;
  border-bottom: 1px solid #dadee8;
  padding: 1em 0; }
  .js-block .left-icon, .cv-block .left-icon, .alert-block .left-icon, .shortlist-area .left-icon, .applied-block .left-icon, .cv-block .public {
    display: block;
    float: left;
    margin-left: 0;
    margin-right: -100%;
    width: 6.95833%;
    font-size: 2rem; }
    .js-block .left-icon h1, .cv-block .left-icon h1, .alert-block .left-icon h1, .shortlist-area .left-icon h1, .applied-block .left-icon h1, .cv-block .public h1 {
      padding-top: 0; }
    @media (max-width: 44em) {
      .js-block .left-icon, .cv-block .left-icon, .alert-block .left-icon, .shortlist-area .left-icon, .applied-block .left-icon, .cv-block .public {
        display: none; } }
  .js-block .details, .cv-block .details, .alert-block .details, .shortlist-area .details, .applied-block .details {
    display: block;
    float: left;
    margin-left: 8.45833%;
    margin-right: -100%;
    width: 66.16667%;
    padding-bottom: 1em; }
    .js-block .details .name, .cv-block .details .name, .alert-block .details .name, .shortlist-area .details .name, .applied-block .details .name {
      display: block;
      font-weight: 700; }
    .js-block .details .desc, .cv-block .details .desc, .alert-block .details .desc, .shortlist-area .details .desc, .applied-block .details .desc, .js-block .details .company, .cv-block .details .company, .alert-block .details .company, .shortlist-area .details .company, .applied-block .details .company {
      font-size: 0.875em; }
    @media (max-width: 44em) {
      .js-block .details, .cv-block .details, .alert-block .details, .shortlist-area .details, .applied-block .details {
        display: block;
        float: left;
        margin-left: 0;
        margin-right: -100%;
        width: 83.08333%; } }
  .js-block a, .cv-block a, .alert-block a, .shortlist-area a, .applied-block a {
    color: #203f69; }
  .js-block a:hover, .cv-block a:hover, .alert-block a:hover, .shortlist-area a:hover, .applied-block a:hover {
    color: #70addc; }
  .js-block a.action-buttons, .cv-block a.action-buttons, .alert-block a.action-buttons, .shortlist-area a.action-buttons, .applied-block a.action-buttons, .js-block .action-buttons a, .cv-block .action-buttons a, .alert-block .action-buttons a, .shortlist-area .action-buttons a, .applied-block .action-buttons a {
    color: #70addc; }
  .js-block .right-icons, .cv-block .right-icons, .alert-block .right-icons, .shortlist-area .right-icons, .applied-block .right-icons {
    display: block;
    float: left;
    margin-left: 76.125%;
    margin-right: -100%;
    width: 23.875%;
    display: inline; }
    .js-block .right-icons i, .cv-block .right-icons i, .alert-block .right-icons i, .shortlist-area .right-icons i, .applied-block .right-icons i {
      padding-left: 1.5em;
      float: right;
      margin-bottom: 1em;
      font-size: 1.5em;
      cursor: pointer; }

.footer-block {
  clear: both;
  display: block;
  float: left;
  margin-left: 0;
  margin-right: -100%;
  width: 100.0%;
  margin: 1em 0 0 0; }
  .footer-block button {
    margin: 0 1em 0 0; }

/* ------------------------------------- Your CV PAGE ------------------- */
.cv-block .public {
  color: #203f69; }
.cv-block .details {
  display: block;
  float: left;
  margin-left: 8.45833%;
  margin-right: -100%;
  width: 57.70833%; }
  .cv-block .details .cv-upload {
    display: block;
    clear: left;
    font-size: 0.875em;
    font-weight: 700; }
  @media (max-width: 44em) {
    .cv-block .details {
      display: block;
      float: left;
      margin-left: 0;
      margin-right: -100%;
      width: 74.625%; } }
.cv-block .cv-public {
  display: block;
  float: left;
  margin-left: 67.66667%;
  margin-right: -100%;
  width: 15.41667%;
  display: block; }
  @media (max-width: 44em) {
    .cv-block .cv-public {
      clear: both;
      display: block;
      float: left;
      margin-left: 0;
      width: 100%; } }
.cv-block .cv-edit-icons {
  display: block;
  float: left;
  margin-left: 84.58333%;
  margin-right: -100%;
  width: 15.41667%;
  display: inline; }
  .cv-block .cv-edit-icons i {
    padding-left: 1em;
    font-size: 1.5em;
    cursor: pointer; }
  @media (max-width: 44em) {
    .cv-block .cv-edit-icons {
      display: block;
      float: left;
      margin-left: 76.125%;
      margin-right: -100%;
      width: 23.875%; } }
  @media (max-width: 31em) {
    .cv-block .cv-edit-icons {
      clear: both;
      display: block;
      float: left;
      margin-left: 0;
      width: 100%; }
      .cv-block .cv-edit-icons .cv-toggle + label {
        display: inline-block;
        float: left;
        margin-right: 1em; } }

.cv-created-msg {
  color: #70addc; }

/* ------------------------------------- JOB ALERT PAGE ------------------- */
.alert-block .alert-details {
  display: block;
  float: left;
  margin-left: 8.45833%;
  margin-right: -100%;
  width: 91.54167%;
  padding-bottom: 0.5em; }
  .alert-block .alert-details .name {
    display: block;
    font-weight: 700; }
  .alert-block .alert-details .desc {
    font-size: 0.875em; }
  @media (max-width: 44em) {
    .alert-block .alert-details {
      display: block;
      float: left;
      margin-left: 0;
      margin-right: -100%;
      width: 83.08333%; } }
.alert-block .status {
  display: block;
  float: left;
  margin-left: 59.20833%;
  margin-right: -100%;
  width: 23.875%;
  display: block; }
  .alert-block .status .active {
    color: #70addc;
    font-weight: 700; }
  .alert-block .status .paused {
    color: #FF0041;
    font-weight: 700; }
  @media (max-width: 31em) {
    .alert-block .status {
      clear: both;
      display: block;
      float: left;
      margin-left: 0;
      width: 100%; } }
.alert-block .alert-edit-icons {
  display: block;
  float: left;
  margin-left: 84.58333%;
  margin-right: -100%;
  width: 15.41667%; }
  .alert-block .alert-edit-icons i {
    padding-left: 1em;
    font-size: 1.5em;
    cursor: pointer; }
  @media (max-width: 31em) {
    .alert-block .alert-edit-icons {
      clear: both;
      display: block;
      float: left;
      margin-left: 0;
      width: 100%; }
      .alert-block .alert-edit-icons .cmn-toggle + label {
        display: inline-block;
        float: left;
        margin-right: 1em; } }

.job-alert-company {
  padding-left: 1em; }
  .job-alert-company .column-full {
    padding: 1em; }
    @media (max-width: 31em) {
      .job-alert-company .column-full {
        padding: 0; } }

.no-job-alerts-message {
  padding: 2em; }

.exclude-company {
  clear: both;
  margin-top: 2em;
  padding: 2em; }
  .exclude-company .inner-section {
    border-top: none;
    padding: 0;
    margin: 0; }
  @media (max-width: 31em) {
    .exclude-company {
      padding: 0.5em; }
      .exclude-company .inner-section {
        margin: 0; } }

.footer-alert-list {
  clear: both;
  display: block;
  float: left;
  margin-left: 0;
  margin-right: -100%;
  width: 100.0%;
  margin: 1em 0 0 0; }

/* ------------------------------------- SHORLIST PAGE ------------------- */
.shortlist-block, .shortlist-block-expired {
  clear: both;
  padding: 1em 0 2em 0; }
  .shortlist-block:nth-child(n+1), .shortlist-block-expired:nth-child(n+1) {
    border-top: 1px solid #dadee8; }
  .shortlist-block .right-icons, .shortlist-block-expired .right-icons {
    display: block;
    float: left;
    margin-left: 76.125%;
    margin-right: -100%;
    width: 23.875%;
    display: inline; }
    .shortlist-block .right-icons p, .shortlist-block-expired .right-icons p {
      border: 1px solid #ddd;
      background-color: #f7f7f7;
      width: 75px; }
    .shortlist-block .right-icons i, .shortlist-block-expired .right-icons i {
      padding-left: 1.5em;
      margin-bottom: 1em;
      font-size: 1.5em;
      cursor: pointer; }
    @media (max-width: 34em) {
      .shortlist-block .right-icons, .shortlist-block-expired .right-icons {
        clear: both;
        display: block;
        float: left;
        margin-left: 50.75%;
        margin-right: -100%;
        width: 49.25%; }
        .shortlist-block .right-icons i, .shortlist-block-expired .right-icons i {
          padding-left: 1.5em;
          margin-bottom: 1em;
          font-size: 1.5em;
          cursor: pointer;
          float: right; } }

.shortlist-block-expired {
  color: #ccc; }

.shortlist-message {
  clear: both;
  margin-top: 1em;
  padding-top: 1em;
  border-top: 1px solid #dadee8; }

.applied-block .right-icons p {
  border: 1px solid #ddd;
  background-color: #f7f7f7;
  width: 75px; }

.view-job-application a {
  color: #70addc; }

a.view-job-application {
  color: #70addc; }

.details-more .applied-date {
  clear: both;
  display: block;
  float: left;
  margin-left: 0;
  width: 100%;
  padding: 1em 0 0 0;
  clear: both;
  width: 100%; }
.details-more .applied-cv {
  clear: both;
  display: block;
  float: left;
  margin-left: 0;
  width: 100%;
  padding-top: 1em;
  clear: both;
  width: 100%; }
.details-more .applied-question {
  clear: both;
  display: block;
  float: left;
  margin-left: 0;
  width: 100%;
  margin-top: 1em;
  padding-top: 1em;
  clear: both;
  width: 100%; }
.details-more .applied-description {
  clear: both;
  display: block;
  float: left;
  margin-left: 0;
  width: 100%;
  margin-top: 1em;
  padding-top: 1em;
  border-top: 1px solid #ccc;
  clear: both; }
  .details-more .applied-description a {
    color: #70addc; }
.details-more .applied-covernote {
  clear: both;
  display: block;
  float: left;
  margin-left: 0;
  width: 100%;
  margin-top: 1em;
  padding-top: 1em;
  border-top: 1px solid #ccc;
  clear: both; }

/* ------------------------------------- COMPANIES I FOLLOW ------------------- */
.company-search-letter-section {
  padding-bottom: 1em;
  float: left;
  display: inline-block;
  clear: both;
  width: 100%; }
  .company-search-letter-section h3 {
    background-color: #f7f7f7;
    width: 100%;
    padding: 0.5em; }

.company-follow-block {
  width: 29%;
  display: inline; }

.company-search-list, .location-search-list, .category-search-list, .college-search-list {
  width: 22%; }

.company-follow-block, .company-search-list, .location-search-list, .category-search-list, .college-search-list {
  background-color: #fff;
  line-height: 1em;
  float: left;
  margin: 0.8em;
  border: 1px solid #dfe2ec;
  height: 135px;
  font-size: 0.8em;
  -webkit-box-shadow: 0 4px 4px -4px #ccc;
  -moz-box-shadow: 0 4px 4px -4px #ccc;
  box-shadow: 0 4px 4px -4px #ccc; }
  .company-follow-block .company-logo, .company-follow-block .category-logo, .company-follow-block .location-logo, .company-follow-block .college-logo, .company-search-list .company-logo, .company-search-list .category-logo, .company-search-list .location-logo, .company-search-list .college-logo, .location-search-list .company-logo, .location-search-list .category-logo, .location-search-list .location-logo, .location-search-list .college-logo, .category-search-list .company-logo, .category-search-list .category-logo, .category-search-list .location-logo, .category-search-list .college-logo, .college-search-list .company-logo, .college-search-list .category-logo, .college-search-list .location-logo, .college-search-list .college-logo {
    clear: both;
    display: block;
    float: left;
    margin-left: 0;
    width: 100%;
    height: 72px;
    border-bottom: 1px solid #dfe2ec;
    position: relative;
    background-color: #fff; }
    .company-follow-block .company-logo img, .company-follow-block .category-logo img, .company-follow-block .location-logo img, .company-follow-block .college-logo img, .company-search-list .company-logo img, .company-search-list .category-logo img, .company-search-list .location-logo img, .company-search-list .college-logo img, .location-search-list .company-logo img, .location-search-list .category-logo img, .location-search-list .location-logo img, .location-search-list .college-logo img, .category-search-list .company-logo img, .category-search-list .category-logo img, .category-search-list .location-logo img, .category-search-list .college-logo img, .college-search-list .company-logo img, .college-search-list .category-logo img, .college-search-list .location-logo img, .college-search-list .college-logo img {
      max-height: 70px;
      margin: auto;
      display: block;
      vertical-align: middle;
      position: absolute;
      padding: 0em 0.5em 0 0.5em;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0; }
  .company-follow-block.partners, .company-search-list.partners, .location-search-list.partners, .category-search-list.partners, .college-search-list.partners {
    height: auto; }
  .company-follow-block .company-details, .company-follow-block .category-details, .company-follow-block .location-details, .company-follow-block .college-details, .company-search-list .company-details, .company-search-list .category-details, .company-search-list .location-details, .company-search-list .college-details, .location-search-list .company-details, .location-search-list .category-details, .location-search-list .location-details, .location-search-list .college-details, .category-search-list .company-details, .category-search-list .category-details, .category-search-list .location-details, .category-search-list .college-details, .college-search-list .company-details, .college-search-list .category-details, .college-search-list .location-details, .college-search-list .college-details {
    clear: both;
    display: block;
    float: left;
    margin-left: 0;
    width: 100%;
    padding: 0.2em 0.8em 0.8em 0.8em; }
    .company-follow-block .company-details .company-name, .company-follow-block .company-details .location-name, .company-follow-block .company-details .category-name, .company-follow-block .company-details .college-name, .company-follow-block .category-details .company-name, .company-follow-block .category-details .location-name, .company-follow-block .category-details .category-name, .company-follow-block .category-details .college-name, .company-follow-block .location-details .company-name, .company-follow-block .location-details .location-name, .company-follow-block .location-details .category-name, .company-follow-block .location-details .college-name, .company-follow-block .college-details .company-name, .company-follow-block .college-details .location-name, .company-follow-block .college-details .category-name, .company-follow-block .college-details .college-name, .company-search-list .company-details .company-name, .company-search-list .company-details .location-name, .company-search-list .company-details .category-name, .company-search-list .company-details .college-name, .company-search-list .category-details .company-name, .company-search-list .category-details .location-name, .company-search-list .category-details .category-name, .company-search-list .category-details .college-name, .company-search-list .location-details .company-name, .company-search-list .location-details .location-name, .company-search-list .location-details .category-name, .company-search-list .location-details .college-name, .company-search-list .college-details .company-name, .company-search-list .college-details .location-name, .company-search-list .college-details .category-name, .company-search-list .college-details .college-name, .location-search-list .company-details .company-name, .location-search-list .company-details .location-name, .location-search-list .company-details .category-name, .location-search-list .company-details .college-name, .location-search-list .category-details .company-name, .location-search-list .category-details .location-name, .location-search-list .category-details .category-name, .location-search-list .category-details .college-name, .location-search-list .location-details .company-name, .location-search-list .location-details .location-name, .location-search-list .location-details .category-name, .location-search-list .location-details .college-name, .location-search-list .college-details .company-name, .location-search-list .college-details .location-name, .location-search-list .college-details .category-name, .location-search-list .college-details .college-name, .category-search-list .company-details .company-name, .category-search-list .company-details .location-name, .category-search-list .company-details .category-name, .category-search-list .company-details .college-name, .category-search-list .category-details .company-name, .category-search-list .category-details .location-name, .category-search-list .category-details .category-name, .category-search-list .category-details .college-name, .category-search-list .location-details .company-name, .category-search-list .location-details .location-name, .category-search-list .location-details .category-name, .category-search-list .location-details .college-name, .category-search-list .college-details .company-name, .category-search-list .college-details .location-name, .category-search-list .college-details .category-name, .category-search-list .college-details .college-name, .college-search-list .company-details .company-name, .college-search-list .company-details .location-name, .college-search-list .company-details .category-name, .college-search-list .company-details .college-name, .college-search-list .category-details .company-name, .college-search-list .category-details .location-name, .college-search-list .category-details .category-name, .college-search-list .category-details .college-name, .college-search-list .location-details .company-name, .college-search-list .location-details .location-name, .college-search-list .location-details .category-name, .college-search-list .location-details .college-name, .college-search-list .college-details .company-name, .college-search-list .college-details .location-name, .college-search-list .college-details .category-name, .college-search-list .college-details .college-name {
      clear: both;
      display: block;
      float: left;
      margin-left: 0;
      width: 100%;
      margin-bottom: 0.5em;
      height: 30px; }
    .company-follow-block .company-details .jobs-no, .company-follow-block .company-details .course-no, .company-follow-block .category-details .jobs-no, .company-follow-block .category-details .course-no, .company-follow-block .location-details .jobs-no, .company-follow-block .location-details .course-no, .company-follow-block .college-details .jobs-no, .company-follow-block .college-details .course-no, .company-search-list .company-details .jobs-no, .company-search-list .company-details .course-no, .company-search-list .category-details .jobs-no, .company-search-list .category-details .course-no, .company-search-list .location-details .jobs-no, .company-search-list .location-details .course-no, .company-search-list .college-details .jobs-no, .company-search-list .college-details .course-no, .location-search-list .company-details .jobs-no, .location-search-list .company-details .course-no, .location-search-list .category-details .jobs-no, .location-search-list .category-details .course-no, .location-search-list .location-details .jobs-no, .location-search-list .location-details .course-no, .location-search-list .college-details .jobs-no, .location-search-list .college-details .course-no, .category-search-list .company-details .jobs-no, .category-search-list .company-details .course-no, .category-search-list .category-details .jobs-no, .category-search-list .category-details .course-no, .category-search-list .location-details .jobs-no, .category-search-list .location-details .course-no, .category-search-list .college-details .jobs-no, .category-search-list .college-details .course-no, .college-search-list .company-details .jobs-no, .college-search-list .company-details .course-no, .college-search-list .category-details .jobs-no, .college-search-list .category-details .course-no, .college-search-list .location-details .jobs-no, .college-search-list .location-details .course-no, .college-search-list .college-details .jobs-no, .college-search-list .college-details .course-no {
      clear: both;
      font-size: 0.9em;
      display: block;
      float: left;
      margin-left: 0;
      margin-right: -100%;
      width: 40.79167%; }
      @media (max-width: 46.8em) {
        .company-follow-block .company-details .jobs-no, .company-follow-block .company-details .course-no, .company-follow-block .category-details .jobs-no, .company-follow-block .category-details .course-no, .company-follow-block .location-details .jobs-no, .company-follow-block .location-details .course-no, .company-follow-block .college-details .jobs-no, .company-follow-block .college-details .course-no, .company-search-list .company-details .jobs-no, .company-search-list .company-details .course-no, .company-search-list .category-details .jobs-no, .company-search-list .category-details .course-no, .company-search-list .location-details .jobs-no, .company-search-list .location-details .course-no, .company-search-list .college-details .jobs-no, .company-search-list .college-details .course-no, .location-search-list .company-details .jobs-no, .location-search-list .company-details .course-no, .location-search-list .category-details .jobs-no, .location-search-list .category-details .course-no, .location-search-list .location-details .jobs-no, .location-search-list .location-details .course-no, .location-search-list .college-details .jobs-no, .location-search-list .college-details .course-no, .category-search-list .company-details .jobs-no, .category-search-list .company-details .course-no, .category-search-list .category-details .jobs-no, .category-search-list .category-details .course-no, .category-search-list .location-details .jobs-no, .category-search-list .location-details .course-no, .category-search-list .college-details .jobs-no, .category-search-list .college-details .course-no, .college-search-list .company-details .jobs-no, .college-search-list .company-details .course-no, .college-search-list .category-details .jobs-no, .college-search-list .category-details .course-no, .college-search-list .location-details .jobs-no, .college-search-list .location-details .course-no, .college-search-list .college-details .jobs-no, .college-search-list .college-details .course-no {
          font-size: 1em;
          clear: both;
          display: block;
          float: left;
          margin-left: 0;
          width: 100%; } }
    .company-follow-block .company-details .date-viewed, .company-follow-block .category-details .date-viewed, .company-follow-block .location-details .date-viewed, .company-follow-block .college-details .date-viewed, .company-search-list .company-details .date-viewed, .company-search-list .category-details .date-viewed, .company-search-list .location-details .date-viewed, .company-search-list .college-details .date-viewed, .location-search-list .company-details .date-viewed, .location-search-list .category-details .date-viewed, .location-search-list .location-details .date-viewed, .location-search-list .college-details .date-viewed, .category-search-list .company-details .date-viewed, .category-search-list .category-details .date-viewed, .category-search-list .location-details .date-viewed, .category-search-list .college-details .date-viewed, .college-search-list .company-details .date-viewed, .college-search-list .category-details .date-viewed, .college-search-list .location-details .date-viewed, .college-search-list .college-details .date-viewed {
      clear: both;
      font-size: 0.75em;
      display: block;
      float: left;
      margin-left: 0;
      margin-right: -100%;
      width: 40.79167%; }
      @media (max-width: 46.8em) {
        .company-follow-block .company-details .date-viewed, .company-follow-block .category-details .date-viewed, .company-follow-block .location-details .date-viewed, .company-follow-block .college-details .date-viewed, .company-search-list .company-details .date-viewed, .company-search-list .category-details .date-viewed, .company-search-list .location-details .date-viewed, .company-search-list .college-details .date-viewed, .location-search-list .company-details .date-viewed, .location-search-list .category-details .date-viewed, .location-search-list .location-details .date-viewed, .location-search-list .college-details .date-viewed, .category-search-list .company-details .date-viewed, .category-search-list .category-details .date-viewed, .category-search-list .location-details .date-viewed, .category-search-list .college-details .date-viewed, .college-search-list .company-details .date-viewed, .college-search-list .category-details .date-viewed, .college-search-list .location-details .date-viewed, .college-search-list .college-details .date-viewed {
          font-size: 1em;
          clear: both;
          display: block;
          float: left;
          margin-left: 0;
          width: 100%; }
          .company-follow-block .company-details .date-viewed:before, .company-follow-block .category-details .date-viewed:before, .company-follow-block .location-details .date-viewed:before, .company-follow-block .college-details .date-viewed:before, .company-search-list .company-details .date-viewed:before, .company-search-list .category-details .date-viewed:before, .company-search-list .location-details .date-viewed:before, .company-search-list .college-details .date-viewed:before, .location-search-list .company-details .date-viewed:before, .location-search-list .category-details .date-viewed:before, .location-search-list .location-details .date-viewed:before, .location-search-list .college-details .date-viewed:before, .category-search-list .company-details .date-viewed:before, .category-search-list .category-details .date-viewed:before, .category-search-list .location-details .date-viewed:before, .category-search-list .college-details .date-viewed:before, .college-search-list .company-details .date-viewed:before, .college-search-list .category-details .date-viewed:before, .college-search-list .location-details .date-viewed:before, .college-search-list .college-details .date-viewed:before {
            content: "Last Viewed:";
            font-weight: 700; } }
    .company-follow-block .company-details .follow-checkbox, .company-follow-block .category-details .follow-checkbox, .company-follow-block .location-details .follow-checkbox, .company-follow-block .college-details .follow-checkbox, .company-search-list .company-details .follow-checkbox, .company-search-list .category-details .follow-checkbox, .company-search-list .location-details .follow-checkbox, .company-search-list .college-details .follow-checkbox, .location-search-list .company-details .follow-checkbox, .location-search-list .category-details .follow-checkbox, .location-search-list .location-details .follow-checkbox, .location-search-list .college-details .follow-checkbox, .category-search-list .company-details .follow-checkbox, .category-search-list .category-details .follow-checkbox, .category-search-list .location-details .follow-checkbox, .category-search-list .college-details .follow-checkbox, .college-search-list .company-details .follow-checkbox, .college-search-list .category-details .follow-checkbox, .college-search-list .location-details .follow-checkbox, .college-search-list .college-details .follow-checkbox {
      text-align: left;
      display: block;
      float: left;
      margin-left: 42.29167%;
      margin-right: -100%;
      width: 57.70833%; }
      .company-follow-block .company-details .follow-checkbox label, .company-follow-block .category-details .follow-checkbox label, .company-follow-block .location-details .follow-checkbox label, .company-follow-block .college-details .follow-checkbox label, .company-search-list .company-details .follow-checkbox label, .company-search-list .category-details .follow-checkbox label, .company-search-list .location-details .follow-checkbox label, .company-search-list .college-details .follow-checkbox label, .location-search-list .company-details .follow-checkbox label, .location-search-list .category-details .follow-checkbox label, .location-search-list .location-details .follow-checkbox label, .location-search-list .college-details .follow-checkbox label, .category-search-list .company-details .follow-checkbox label, .category-search-list .category-details .follow-checkbox label, .category-search-list .location-details .follow-checkbox label, .category-search-list .college-details .follow-checkbox label, .college-search-list .company-details .follow-checkbox label, .college-search-list .category-details .follow-checkbox label, .college-search-list .location-details .follow-checkbox label, .college-search-list .college-details .follow-checkbox label {
        font-size: 0.875em;
        display: inline-block;
        margin-top: 0; }
      @media (max-width: 46.8em) {
        .company-follow-block .company-details .follow-checkbox, .company-follow-block .category-details .follow-checkbox, .company-follow-block .location-details .follow-checkbox, .company-follow-block .college-details .follow-checkbox, .company-search-list .company-details .follow-checkbox, .company-search-list .category-details .follow-checkbox, .company-search-list .location-details .follow-checkbox, .company-search-list .college-details .follow-checkbox, .location-search-list .company-details .follow-checkbox, .location-search-list .category-details .follow-checkbox, .location-search-list .location-details .follow-checkbox, .location-search-list .college-details .follow-checkbox, .category-search-list .company-details .follow-checkbox, .category-search-list .category-details .follow-checkbox, .category-search-list .location-details .follow-checkbox, .category-search-list .college-details .follow-checkbox, .college-search-list .company-details .follow-checkbox, .college-search-list .category-details .follow-checkbox, .college-search-list .location-details .follow-checkbox, .college-search-list .college-details .follow-checkbox {
          clear: both;
          display: block;
          float: left;
          margin-left: 0;
          width: 100%;
          text-align: left;
          padding-top: 0.5em; } }
  .company-follow-block .partner-details, .company-search-list .partner-details, .location-search-list .partner-details, .category-search-list .partner-details, .college-search-list .partner-details {
    height: 200px; }
    .company-follow-block .partner-details.shallow, .company-search-list .partner-details.shallow, .location-search-list .partner-details.shallow, .category-search-list .partner-details.shallow, .college-search-list .partner-details.shallow {
      height: 120px; }
  @media (max-width: 50em) {
    .company-follow-block, .company-search-list, .location-search-list, .category-search-list, .college-search-list {
      width: 45%;
      display: inline;
      float: left;
      margin: 0.5em;
      height: 150px; } }
  @media (max-width: 24em) {
    .company-follow-block, .company-search-list, .location-search-list, .category-search-list, .college-search-list {
      width: 96%; } }

.category-search-list.partners {
  min-height: 318px; }
.category-search-list h4 {
  font-size: 1em; }

/*------------------------Completion bar ---------------*/
.profile-completion {
  margin-bottom: 2em; }
  .profile-completion h1 {
    font-size: 2em; }

.goalProgress {
  background: #203f69;
  padding: 5px; }

div.progressBar {
  background: #70addc;
  color: #fff;
  font-size: 1.5em;
  font-family: 'helvetica neue', helvetica, arial, sans-serif;
  letter-spacing: -1px;
  font-weight: 700;
  padding: 0.2em;
  display: block;
  overflow: visible; }

span.goalAmount {
  display: none;
  text-indent: -9999px; }

#sample_goal {
  clear: both;
  width: 70%;
  margin: 30px auto; }

.profile-completion {
  width: 100%; }
  .profile-completion p {
    font-weight: bold; }
  .profile-completion a {
    float: right; }

.sidebar-logos dd {
  display: inline-block;
  float: left;
  margin-bottom: 1em;
  height: 110px;
  position: relative;
  text-align: center;
  border: 1px solid #dfe2ec;
  font-size: 0.875em;
  width: 47%; }
  .sidebar-logos dd .company-logo {
    float: left;
    margin-left: 0;
    width: 100%;
    height: 70px;
    position: relative;
    padding: 1em 1em 0 1em;
    margin-bottom: 1em;
    border-bottom: 1px solid #dfe2ec; }
    .sidebar-logos dd .company-logo img {
      max-height: 70px;
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto; }
  @media (max-width: 50em) {
    .sidebar-logos dd {
      width: 99%; } }
  @media (max-width: 44em) {
    .sidebar-logos dd {
      width: 48%; } }
.sidebar-logos dd:first-child, .sidebar-logos dd:nth-child(3) {
  margin-right: 1em; }

/* -------------  Change photo  -------- */
body.guillotine-dragging, body.guillotine-dragging * {
  cursor: move !important;
  cursor: -webkit-grabbing !important;
  cursor: -moz-grabbing !important;
  cursor: grabbing !important;
  cursor: grabbing, move;
  /* IE hack */ }

.guillotine-window {
  display: block;
  position: relative;
  overflow: hidden;
  cursor: move;
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
  cursor: grab, move;
  /* IE hack */ }

.guillotine-canvas {
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important; }

.guillotine-canvas > * {
  position: absolute;
  top: 0;
  left: 0;

  max-width: none;
  max-height: none;
  width: 100%;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important; }

.guillotine-sample {
  position: absolute !important;
  top: -100000px !important;
  left: -100000px !important;
  width: auto !important;
  height: auto !important; }

#image_edit {
  height: auto;
  margin: 0 auto;
  clear: both;
  display: block;
  float: left;
  margin-left: 0;
  width: 100%;
  text-align: center; }
  @media (max-width: 31em) {
    #image_edit {
      clear: both;
      display: block;
      float: left;
      margin-left: 0;
      width: 100%;
      text-align: left; } }

#controls {
  margin-top: 0.75em; }

#controls button::after {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  top: 0px; }

#controls button#zoom_in::after {
  content: "\f00E"; }

#controls button#zoom_out::after {
  content: "\f010"; }

#controls button#fit::after {
  content: "\f065"; }

.btn-clearphoto {
  background-color: white;
  color: #70addc;
  box-shadow: none;
  padding: 0;
  font-weight: 100;
  font-size: 0.9em;
  margin-top: 1.5em; }
  .btn-clearphoto:hover, .btn-clearphoto:focus {
    background-color: white;
    color: #4e9edc;
    box-shadow: none;
    padding: 0;
    text-decoration: underline; }

.frame.upload-img {
  display: block;
  margin: 0 auto;
  max-width: 500px; }

/*html, body{
  min-width: 336px;
}*/
#sg-patterns {
  background-color: #f2f2f2;
  padding: 0 1.5em; }

.block-of-content {
  background-color: tint(black, 80%);
  height: 6em;
  margin: 0.5em 0; }

.block-of-content.short {
  height: 3em; }

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid #ffffff;
  border-right: 4px solid transparent;
  border-bottom: 0 dotted;
  border-left: 4px solid transparent;
  content: ""; }

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