@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, .settings-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, .serp-list, .serp-list .job-list-refresh, .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, .settings-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, .serp-list:before, .serp-list .job-list-refresh: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, .settings-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, .serp-list:after, .serp-list .job-list-refresh: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, .settings-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, .serp-list:after, .serp-list .job-list-refresh: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; } }

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

/* Floats */
.right {
  float: right;
  padding: 0 0 12px 12px; }

.right-search {
  float: right;
  padding: 0 0 12px 0; }

.left {
  float: left;
  padding: 0 12px 12px 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: 102%;
  /* visual defect... move by 2 percent to hide */
  white-space: nowrap;
  overflow: hidden;
  color: #fff; }

.get-head-hunted-wrap .btn.full-width-btn {
  display: block;
  margin: 0 auto;
  max-width: 350px; }

.get-head-hunted-wrap .subheading-cta .percentageSpan {
  color: #00bcb4;
  font-weight: 600;
  font-size: 1.5em; }

@media (max-width: 495px) {
  .get-head-hunted-wrap h3.module-heading.heading {
    background-color: transparent;
    text-align: center; }
  .get-head-hunted-wrap .subheading {
    display: block; }
  .get-head-hunted-wrap .subheading-cta {
    font-size: 1em; }
  .get-head-hunted-wrap .btn.full-width-btn {
    max-width: 100%; } }

.make-profile-visible-wrap {
  width: 100%;
  min-height: 30px;
  clear: both;
  padding: 0 10px;
  box-sizing: border-box;
  margin-bottom: 15px; }
  .make-profile-visible-wrap div.icheckbox_flat, .make-profile-visible-wrap label {
    display: block;
    float: left; }
  .make-profile-visible-wrap div.icheckbox_flat {
    width: 25px; }
  .make-profile-visible-wrap label {
    font-weight: normal;
    font-size: 0.75rem;
    width: calc(90% - 25px); }

.make-profile-visible-post-app-wrap h3.module-heading heading {
  text-transform: capitalize; }

.make-profile-visible-post-app-wrap .post-application-details {
  background-image: url(/images/make-me-visible.png);
  background-repeat: no-repeat;
  background-position: bottom right; }

.make-profile-visible-post-app-wrap div.icheckbox_flat, .make-profile-visible-post-app-wrap label {
  display: block;
  float: left; }

.make-profile-visible-post-app-wrap div.icheckbox_flat {
  width: 25px; }

.make-profile-visible-post-app-wrap label {
  font-weight: bold;
  font-size: 1.5em;
  width: calc(90% - 25px);
  line-height: 1.2;
  padding-left: 12px; }
  .make-profile-visible-post-app-wrap label span {
    font-size: 0.875rem;
    font-weight: normal;
    line-height: 12px; }

.make-profile-visible-post-app-wrap div#profile {
  margin: 12px 36px 0px; }

.make-profile-visible-post-app-wrap #application .fa {
  color: #00bcb4;
  margin-left: 0;
  padding-right: 6px;
  font-size: 1.4rem; }

.make-profile-visible-post-app-wrap ul li {
  display: block;
  clear: both;
  width: 100%;
  box-sizing: border-box;
  padding: 0 0 12px 32px;
  position: relative; }
  .make-profile-visible-post-app-wrap ul li:before {
    position: absolute;
    left: 0;
    top: -2px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    color: #00bcb4;
    font-size: 18px;
    text-align: center;
    width: 18px; }

@media (max-width: 675px) {
  .make-profile-visible-post-app-wrap .post-application-details {
    background-image: none; } }

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

.page, .wrap, .login-wrap {
  max-width: 1170px;
  margin: 0 12px; }
  @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; }

.clear {
  clear: both; }

.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 */
/*PostApplicaton ATSi styles pages*/
.broken-link-text {
  font-size: 0.875rem;
  padding: 0;
  margin: 0;
  position: relative; }
  .broken-link-text.success-check:before {
    content: "\f00c";
    position: absolute;
    left: 0;
    top: 2px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    text-align: center;
    font-size: 1.6rem; }

.broken-link-text > a {
  color: #747c83;
  text-decoration: underline; }
  .broken-link-text > a:hover {
    color: #747c83; }

.broken-link-reported {
  font-size: 1.03em;
  margin-left: 5px;
  display: inline-block; }

.reported-check {
  color: #00bcb4;
  display: none;
  margin-left: 90px; }

.loader {
  border: 16px solid #f3f3f3;
  /* Light grey */
  border-top: 16px solid #3498db;
  /* Blue */
  border-radius: 50%;
  width: 80px;
  height: 80px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  animation: spin 2s linear infinite; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

/* Links */
a {
  color: #00bcb4;
  text-decoration: none;
  outline: 0; }
  a:hover, a:focus {
    color: #02837f;
    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;
  color: #00bcb4; }

@media (min-width: 61.5em) {
  a#shortlistLink:hover {
    text-decoration: underline !important;
    color: #02837f; } }

@media (min-width: 61.5em) {
  a#shortlistedLink:hover {
    text-decoration: underline !important;
    color: #02837f; } }

@media (min-width: 61.5em) {
  .shortlist:hover,
  .shortlisted:hover {
    text-decoration: underline; }
    .shortlist:hover:before,
    .shortlisted:hover:before {
      color: #02837f; } }

/* -------------- 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: #00263D;
  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: #00263D;
  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: #00263D;
  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: #00263D; }

#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: #00263D; }

/* 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: #00263D;
  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; }

/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/montserrat-v12-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local("Montserrat Regular"), local("Montserrat-Regular"), url("../fonts/montserrat-v12-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat-v12-latin-regular.woff2") format("woff2"), url("../fonts/montserrat-v12-latin-regular.woff") format("woff"), url("../fonts/montserrat-v12-latin-regular.ttf") format("truetype"), url("../fonts/montserrat-v12-latin-regular.svg#Montserrat") format("svg");
  /* Legacy iOS */
  font-display: swap; }

/* montserrat-700 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/montserrat-v12-latin-700.eot");
  /* IE9 Compat Modes */
  src: local("Montserrat Bold"), local("Montserrat-Bold"), url("../fonts/montserrat-v12-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat-v12-latin-700.woff2") format("woff2"), url("../fonts/montserrat-v12-latin-700.woff") format("woff"), url("../fonts/montserrat-v12-latin-700.ttf") format("truetype"), url("../fonts/montserrat-v12-latin-700.svg#Montserrat") format("svg");
  /* Legacy iOS */
  font-display: swap; }

/* open-sans-300italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/open-sans-v15-latin-300italic.eot");
  /* IE9 Compat Modes */
  src: local("Open Sans Light Italic"), local("OpenSans-LightItalic"), url("../fonts/open-sans-v15-latin-300italic.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v15-latin-300italic.woff2") format("woff2"), url("../fonts/open-sans-v15-latin-300italic.woff") format("woff"), url("../fonts/open-sans-v15-latin-300italic.ttf") format("truetype"), url("../fonts/open-sans-v15-latin-300italic.svg#OpenSans") format("svg");
  /* Legacy iOS */
  font-display: swap; }

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/open-sans-v15-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url("../fonts/open-sans-v15-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v15-latin-regular.woff2") format("woff2"), url("../fonts/open-sans-v15-latin-regular.woff") format("woff"), url("../fonts/open-sans-v15-latin-regular.ttf") format("truetype"), url("../fonts/open-sans-v15-latin-regular.svg#OpenSans") format("svg");
  /* Legacy iOS */
  font-display: swap; }

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/open-sans-v15-latin-600.eot");
  /* IE9 Compat Modes */
  src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url("../fonts/open-sans-v15-latin-600.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v15-latin-600.woff2") format("woff2"), url("../fonts/open-sans-v15-latin-600.woff") format("woff"), url("../fonts/open-sans-v15-latin-600.ttf") format("truetype"), url("../fonts/open-sans-v15-latin-600.svg#OpenSans") format("svg");
  /* Legacy iOS */ }

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/open-sans-v15-latin-700.eot");
  /* IE9 Compat Modes */
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url("../fonts/open-sans-v15-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v15-latin-700.woff2") format("woff2"), url("../fonts/open-sans-v15-latin-700.woff") format("woff"), url("../fonts/open-sans-v15-latin-700.ttf") format("truetype"), url("../fonts/open-sans-v15-latin-700.svg#OpenSans") format("svg");
  /* Legacy iOS */
  font-display: swap; }

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/open-sans-v15-latin-300.eot");
  /* IE9 Compat Modes */
  src: local("Open Sans Light"), local("OpenSans-Light"), url("../fonts/open-sans-v15-latin-300.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v15-latin-300.woff2") format("woff2"), url("../fonts/open-sans-v15-latin-300.woff") format("woff"), url("../fonts/open-sans-v15-latin-300.ttf") format("truetype"), url("../fonts/open-sans-v15-latin-300.svg#OpenSans") format("svg");
  /* Legacy iOS */
  font-display: swap; }

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

/* Blockquote */
blockquote {
  color: #747c83;
  padding: 0 12px;
  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; }

.helper-text {
  font-size: 0.875em;
  color: #747c83;
  padding: 0 0 20px;
  display: block; }

.plain-text {
  font-weight: normal !important; }

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: #00263D;
  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: #00263D; }
  ul.jobs-lists a:hover, ul.courses-lists a:hover {
    text-decoration: none;
    color: #00bcb4; }
  ul.jobs-lists a:visited, ul.courses-lists a:visited {
    text-decoration: none;
    color: #00bcb4; }

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

iframe {
  margin-bottom: 12px; }

figure {
  margin-bottom: 12px; }
  figure img {
    margin-bottom: 6px; }

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: 0.875rem;
  font-weight: normal;
  padding-bottom: 3px; }

button, input, select, textarea {
  font-family: "Open Sans", "Arial", sans-serif;
  font-size: 0.875em;
  margin: 0 1px 0;
  color: #00263D; }
  @media (max-width: 44em) {
    button, input, select, textarea {
      font-size: 16px;
      /* prevents zooming on iOS */ } }

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

.input-error {
  border: 1px solid #FF0041 !important; }

.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 #bfc4d4;
  height: 44px;
  min-height: 44px;
  max-height: 44px;
  padding: 12px;
  font-size: 1rem;
  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%; } }

input[type=search]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=text]:focus,
input[type=url]:focus,
input[type=number]:focus,
textarea:focus {
  outline-color: #62a6fb;
  box-shadow: 0 0 3px 1px #62a6fb;
  outline: none;
  border: 1px solid #62a6fb !important; }

.full-width-input[type=search], .full-width-input[type=password], .full-width-input[type=email], .full-width-input[type=text], .full-width-input[type=url], .full-width-input[type=number], .full-width-inputtextarea {
  width: 100%; }

.disabled-input {
  color: #00263D;
  background: #f2f2f2;
  border: 1px solid #dadee8;
  cursor: not-allowed; }
  .disabled-input:focus {
    outline-offset: none;
    outline: none; }

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: #5f6d75; }

#email {
  color: #5f6d75; }

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

.disabled p,
.disabled i {
  color: #f2f2f2; }

.input-help-text {
  display: block;
  margin: 0 0 6px;
  font-size: 13px;
  line-height: normal;
  color: #747c83; }

.form-group-def {
  margin-bottom: 24px; }

/* -------------- 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: #00263D;
  cursor: pointer;
  vertical-align: sub; }

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

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

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

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

.consent.consent-large {
  display: inline-block; }
  .consent.consent-large .icheckbox_flat {
    font-size: 1.5rem; }

.consent .icheckbox_flat {
  position: absolute !important;
  font-size: 1.2rem; }
  .consent .icheckbox_flat:before {
    vertical-align: baseline; }
  .consent .icheckbox_flat + label {
    display: block;
    padding-left: 24px;
    cursor: pointer; }

.consent.consent-large .icheckbox_flat {
  font-size: 1.5rem; }

.radio-btn label {
  display: inline-block; }

.radio-btn p {
  margin-left: 1em; }

.iradio_flat:before {
  content: "\f10c";
  cursor: pointer;
  color: #00263D; }

.iradio_flat.checked:before {
  color: #00263D;
  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 #00263D;
  display: inline-block;
  border-radius: 5px;
  overflow: hidden;
  background: #fff url(/images/icons/select_arrows.png) no-repeat 97% 50%;
  /*@include background-image-retina('/images/icons/select_arrows', png, 10px, 12px);*/ }

.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,
select::-ms-expand {
  display: none; }

.field-container {
  margin-bottom: 12px; }

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

#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 {
  padding: 1em;
  width: 6em;
  height: 3em; }

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;
  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: #00bcb4;
  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: #00263D;
  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 #00bcb4;
  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;
  padding: 0 0 0 36px;
  font-size: 0.875rem;
  position: relative; }
  .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: 6px 12px;
    font-family: FontAwesome;
    margin: 0;
    position: absolute;
    left: 0;
    margin-left: 0; }

.field-validation-error.errorMessage:before {
  float: left;
  content: "\f12a";
  color: #fff;
  background: #FF0041;
  text-decoration: none;
  font-size: 0.875rem;
  padding: 3px 8px;
  font-family: FontAwesome;
  margin: 0;
  position: absolute;
  left: 0;
  margin-left: 0;
  border-radius: 50%; }

span.field-validation-error::first-letter {
  text-transform: capitalize; }

.field-validation-success.successMessage:before {
  float: left;
  content: "\f00c";
  color: #fff;
  background: #00bcb4;
  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;
  color: #ff0041;
  font-size: 0.875rem; }

.input-error {
  border: 1px solid #FF0041 !important;
  background: rgba(255, 0, 65, 0.05); }

.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; }
  @media (max-width: 44em) {
    .selectivity-placeholder {
      font-size: 16px;
      /* prevents zooming on iOS */ } }

/**
 * 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: #182a3c;
  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-load-more {
  display: none; }

.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: #00263D;
    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: #00263D;
    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: 45%;
  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;
    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%; } }
  @media (max-width: 34em) {
    .login-form, .signup {
      width: 100%; } }

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

/* ----------------- REGISTRATION -----------------------------*/
.password {
  position: relative; }
  .password .show-checkbox {
    position: absolute;
    top: 22px;
    right: 10px;
    cursor: pointer; }
    @media (max-width: 44em) {
      .password .show-checkbox {
        top: 28px; } }
    .password .show-checkbox label {
      font-weight: 500;
      cursor: pointer; }
    .password .show-checkbox .icheckbox_flat {
      display: none; }

.toggle-password-login,
.toggle-password-register {
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 1.2rem;
  padding: 8px 12px;
  cursor: pointer; }

#divTerms .show-checkbox .icheckbox_flat {
  position: absolute !important; }

#divTerms .show-checkbox .label-checkbox {
  padding-left: 25px;
  margin-top: 0.3em;
  font-weight: 300;
  font-size: 13px; }
  #divTerms .show-checkbox .label-checkbox a {
    color: #212629;
    text-decoration: underline;
    font-weight: 600;
    font-size: 12px; }

.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: #00263D;
  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: 9999 !important; }

.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; }

/* HORIZONTAL */
@-webkit-keyframes horizontal {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  6% {
    -webkit-transform: translate(5px, 0);
    transform: translate(5px, 0); }
  12% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  18% {
    -webkit-transform: translate(5px, 0);
    transform: translate(5px, 0); }
  24% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  30% {
    -webkit-transform: translate(5px, 0);
    transform: translate(5px, 0); }
  36% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }

@keyframes horizontal {
  0% {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); }
  6% {
    -webkit-transform: translate(5px, 0);
    -ms-transform: translate(5px, 0);
    transform: translate(5px, 0); }
  12% {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); }
  18% {
    -webkit-transform: translate(5px, 0);
    -ms-transform: translate(5px, 0);
    transform: translate(5px, 0); }
  24% {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); }
  30% {
    -webkit-transform: translate(5px, 0);
    -ms-transform: translate(5px, 0);
    transform: translate(5px, 0); }
  36% {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); } }

/* TADA */
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-8deg);
    transform: scale(0.9) rotate(-8deg); }
  30%, 50%, 70% {
    -webkit-transform: scale(1.3) rotate(8deg);
    transform: scale(1.3) rotate(8deg); }
  40%, 60% {
    -webkit-transform: scale(1.3) rotate(-8deg);
    transform: scale(1.3) rotate(-8deg); }
  80% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0); } }

@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-8deg);
    -ms-transform: scale(0.9) rotate(-8deg);
    transform: scale(0.9) rotate(-8deg); }
  30%, 50%, 70% {
    -webkit-transform: scale(1.3) rotate(8deg);
    -ms-transform: scale(1.3) rotate(8deg);
    transform: scale(1.3) rotate(8deg); }
  40%, 60% {
    -webkit-transform: scale(1.3) rotate(-8deg);
    -ms-transform: scale(1.3) rotate(-8deg);
    transform: scale(1.3) rotate(-8deg); }
  80% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0); } }

@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: #042340 !important;
  background-color: #c2e6e6 !important;
  border-color: #00bcb5 !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: #07b9ad !important; }

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

.acc-disabled-banner {
  width: 100%;
  display: block;
  color: #00263D;
  background-color: #c2e6e6;
  border: 1px solid #00bcb4;
  padding: 5px;
  border-radius: 5px;
  margin-bottom: 15px; }
  .acc-disabled-banner .fa-info-circle {
    display: block;
    float: left;
    font-size: 18px; }
  .acc-disabled-banner .banner-content {
    display: block;
    padding-left: 20px; }
    .acc-disabled-banner .banner-content a {
      text-decoration: underline;
      font-weight: 600; }

.field-validation-error {
  color: #FF0041;
  display: block;
  text-align: left;
  margin: 6px 0 12px;
  position: relative;
  padding: 0 0 0 32px;
  font-size: 1rem;
  font-weight: bold; }

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: 1px solid #FF0041;
  background: #ffe5ec;
  border-radius: 5px;
  display: inline-block; }

.field-validation-error.errorMessage:before {
  float: left;
  content: "\f12a";
  color: #fff;
  background: #FF0041;
  text-decoration: none;
  font-size: 1rem;
  padding: 3px 8px;
  font-family: FontAwesome;
  margin: 0;
  position: absolute;
  left: 0;
  margin-left: 0;
  border-radius: 50%; }

.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; }

/************************** Cookie Banner Styles **************************/
#app-modal {
  z-index: 9999; }

.sg-cookie-container {
  padding: 28px;
  background: #515867;
  color: #fff;
  position: fixed;
  bottom: 0;
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.25);
  z-index: 9999;
  /** Clear floats after the columns **/ }
  .sg-cookie-container .sg-cookie-column {
    float: left; }
  .sg-cookie-container .sg-cookie-left {
    width: 70%; }
  .sg-cookie-container .sg-cookie-right {
    width: 30%;
    text-align: center; }
  .sg-cookie-container .sg-cookie-row:after {
    content: "";
    display: table;
    clear: both; }
  .sg-cookie-container h2 {
    margin: 0 0 1rem;
    padding: 0;
    font-size: 1.8rem;
    color: #fff;
    text-transform: none;
    font-weight: bold;
    text-align: left; }
    .sg-cookie-container h2 i {
      margin-right: 1rem; }
  .sg-cookie-container p {
    font-size: 0.875rem;
    padding: 0 14px 0 0;
    margin: 0;
    color: #fff; }
  .sg-cookie-container a {
    color: #fff;
    text-decoration: underline; }
  .sg-cookie-container .btn {
    font-size: 1.125rem;
    color: #dadee8;
    font-weight: 300;
    background: #00bcb4;
    border-radius: 5px;
    width: 240px;
    padding: 10px 28px;
    border: 1px solid #00bcb4 !important;
    display: inline-block;
    margin: 0 auto 14px;
    text-transform: none;
    box-shadow: none;
    cursor: pointer; }
    .sg-cookie-container .btn:hover {
      top: 0;
      border: 1px solid #00bcb4 !important; }
    .sg-cookie-container .btn.btn-settings {
      border-color: #dadee8 !important;
      background: transparent !important; }
      .sg-cookie-container .btn.btn-settings:hover {
        background: transparent;
        color: #dadee8; }
    .sg-cookie-container .btn.btn-accept {
      margin-bottom: 0;
      font-weight: 600;
      color: #fff; }
      .sg-cookie-container .btn.btn-accept:hover {
        background: #02837f !important;
        border-color: #02837f !important; }

/* Banner Animation */
@keyframes fadeInUp {
  from {
    transform: translate3d(0, 140px, 0);
    opacity: 0.3; }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@-webkit-keyframes fadeInUp {
  from {
    transform: translate3d(0, 140px, 0);
    opacity: 0.3; }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

.animated {
  animation-duration: 1.3s;
  animation-fill-mode: both;
  -webkit-animation-duration: 1.3s;
  -webkit-animation-fill-mode: both; }

.animatedFadeInUp {
  opacity: 0; }

.fadeInUp {
  opacity: 0;
  animation-name: fadeInUp;
  -webkit-animation-name: fadeInUp; }

@media (max-width: 768px) {
  .sg-cookie-container {
    padding: 14px;
    color: #fff;
    position: relative; }
  .sg-cookie-container .sg-cookie-left,
  .sg-cookie-container .sg-cookie-right {
    width: 100%; }
  .sg-cookie-container p {
    margin-bottom: 14px; }
  .sg-cookie-container .btn {
    width: 100%;
    margin-bottom: 14px; } }

@keyframes fadeInUp {
  from {
    transform: translate3d(0, -140px, 0);
    opacity: 0.3; }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@-webkit-keyframes fadeInUp {
  from {
    transform: translate3d(0, -140px, 0);
    opacity: 0.3; }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

/************************** Basic Cookie Banner Micro Modal Styles **************************/
.modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.75);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10; }

.modal__container {
  background-color: transparent;
  padding: 0px;
  max-width: 600px;
  min-width: 418px;
  height: 75vh;
  width: 50%;
  border-radius: 0px;
  overflow: hidden;
  box-sizing: border-box;
  text-align: left;
  margin-top: 100px; }

.modal__header {
  position: relative;
  display: block;
  height: 30px;
  margin-bottom: 0px;
  padding: 20px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background: #f2f2f2; }

@supports (display: flex) {
  .modal__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: initial; } }

.modal__title {
  position: absolute;
  top: 20px;
  left: 20px;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.25;
  color: #00263D;
  box-sizing: border-box;
  text-transform: none; }

.modal__close {
  position: absolute;
  top: 20px;
  right: 20px;
  background: transparent;
  border: 0;
  cursor: pointer;
  margin: 0px;
  padding: 0px; }

@supports (display: flex) {
  .modal__title {
    position: static; }
  .modal__close {
    position: static; } }

.modal__header .modal__close:before {
  content: "\2715"; }

.modal-content-content {
  height: 63%;
  overflow-y: auto;
  padding: 20px;
  background: #fff; }

.modal__content {
  display: block;
  overflow-y: visible;
  margin: 0;
  color: #00263D;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0px; }

.modal__content p {
  margin-top: 0px;
  font-size: 0.875rem; }

.modal__btn {
  font-size: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: .5rem;
  padding-bottom: .5rem;
  background-color: #00bcb4;
  color: #00263D;
  border-radius: 5px;
  border-style: none;
  border-width: 0;
  cursor: pointer;
  -webkit-appearance: button;
  text-transform: none;
  overflow: visible;
  line-height: 1.15;
  margin: 0;
  will-change: transform;
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  transition: -webkit-transform .25s ease-out;
  transition: transform .25s ease-out;
  transition: transform .25s ease-out, -webkit-transform .25s ease-out;
  float: right; }

.modal__btn-primary {
  background-color: #00bcb4;
  color: #fff; }

.modal__footer {
  position: relative;
  display: block;
  height: 30px;
  margin-bottom: 0px;
  padding: 20px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  background: #f2f2f2;
  text-align: right;
  box-sizing: content-box; }

/************************** Demo  Micro Modal Animation Style **************************/
@keyframes mmfadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes mmfadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes mmslideIn {
  from {
    transform: translateY(15%); }
  to {
    transform: translateY(0); } }

@keyframes mmslideOut {
  from {
    transform: translateY(0); }
  to {
    transform: translateY(-10%); } }

.micromodal-slide {
  display: none; }

.micromodal-slide.is-open {
  display: block;
  z-index: 9999; }

.micromodal-slide[aria-hidden="false"] .modal__overlay {
  animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1); }

.micromodal-slide[aria-hidden="false"] .modal__container {
  animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1); }

.micromodal-slide[aria-hidden="true"] .modal__overlay {
  animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1); }

.micromodal-slide[aria-hidden="true"] .modal__container {
  animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1); }

.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
  will-change: transform; }

/************************** Custom styles for individual modals **************************/
.modal__container button {
  outline: none;
  cursor: pointer !important;
  position: absolute;
  right: 20px;
  top: 14px; }

.modal__container h2.modal__title {
  color: #00263D;
  text-align: left;
  width: 97%; }

.modal__container h3 {
  font-size: 1.13rem;
  max-width: 79%;
  padding-right: 20px;
  line-height: 1.2;
  margin-bottom: 1rem;
  font-weight: 600;
  text-align: left; }

.always__active {
  float: right;
  color: #00bcb4;
  font-weight: 600; }

.modal__header {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.modal__title {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.25;
  color: #00263D;
  box-sizing: border-box; }

.modal__close {
  font-size: 24px; }

.modal__content {
  color: rgba(0, 0, 0, 0.8); }

.modal__btn {
  padding: 10px 15px;
  background-color: #00bcb4;
  border-radius: 5px;
  -webkit-appearance: none;
  color: #fff;
  font-weight: 600; }

hr {
  border: 0;
  height: 1px;
  background: #dbdbdb;
  margin: 2rem 0; }

/************************** Custom styles for toggle switch **************************/
.onoffswitch {
  position: relative;
  width: 72px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  float: right; }

.onoffswitch-checkbox {
  position: absolute;
  opacity: 0;
  pointer-events: none; }

.onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: none;
  border-radius: 20px;
  padding: 0; }

.onoffswitch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s; }

.onoffswitch-inner:before,
.onoffswitch-inner:after {
  display: block;
  float: left;
  width: 50%;
  height: 36px;
  padding: 0;
  line-height: 38px;
  font-size: 14px;
  color: white;
  font-weight: bold;
  box-sizing: border-box; }

.onoffswitch-inner:before {
  content: "YES";
  padding-left: 10px;
  background-color: #00bcb4;
  color: #FFFFFF; }

.onoffswitch-inner:after {
  content: "NO";
  padding-right: 10px;
  background-color: #CCCCCC;
  color: #ffffff;
  text-align: right; }

.onoffswitch-switch {
  display: block;
  width: 30px;
  height: 30px;
  margin: 3px;
  background: #FFFFFF;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 36px;
  border: none;
  border-radius: 20px;
  transition: all 0.3s ease-in 0s; }

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-left: 0; }

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  right: 0px; }

/************************** Mobile custom styles for individual Micro Modals **************************/
@media only screen and (min-device-width: 320px) and (max-device-width: 420px) {
  .modal__container {
    width: 95% !important;
    min-width: 95% !important; }
  @supports (display: flex) {
    .modal__container {
      width: 95% !important;
      max-width: 420px;
      min-width: 95% !important;
      height: 98vh; } }
  .modal__header {
    padding: 10px; }
  .modal-content-content {
    padding: 10px; }
  .modal__footer {
    padding: 10px;
    height: 34px; }
  .modal__content {
    -webkit-overflow-scrolling: touch; }
  .modal__container h2.modal__title {
    width: 100%; }
  .modal__container button {
    position: initial;
    width: 100%;
    margin: 10px 0 0; }
  .modal__container .modal__footer button {
    margin: 0px; }
  .modal__container h3 {
    max-width: 62%; } }

@media only screen and (max-device-width: 320px) {
  .modal__container {
    max-width: 100%;
    width: 100%;
    min-width: 100%;
    height: 100%; }
  .modal__container button {
    position: relative !important;
    width: 100%;
    left: 0;
    margin: 0 0 10px; }
  .modal__footer {
    height: -10px; }
  .modal__container .modal__footer button {
    top: -10px; } }

@media (max-height: 616px) {
  .modal-content-content {
    height: 50vh;
    padding-bottom: 50px; }
  .modal__container {
    height: auto; }
  .modal__footer {
    top: -50px; } }

@media (max-height: 568px) {
  .modal-content-content {
    height: 70vh; }
  .modal__content {
    padding-bottom: 50px; }
  .modal__footer {
    top: -50px; } }

/*------------------------------------*    $LAYOUT
\*------------------------------------*/
/*------------------------------------*    $LAYOUT
\*------------------------------------*/
.relative {
  position: relative; }

.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; }

.settings-content {
  display: block;
  float: left;
  margin-left: 25.375%;
  margin-right: -100%;
  width: 49.25%;
  display: inline-block; }
  @media (max-width: 44em) {
    .settings-content {
      clear: both;
      display: block;
      float: left;
      margin-left: 0;
      width: 100%;
      margin-bottom: 1em; } }
  .settings-content .request-options {
    text-align: center;
    max-width: 320px;
    padding: 15px 0 15px; }
    .settings-content .request-options button {
      background-color: #00263D;
      float: left; }
    .settings-content .request-options button:first-of-type {
      float: right; }
    @media (max-width: 44em) {
      .settings-content .request-options button, .settings-content .request-options button:first-of-type {
        float: none; } }
  .settings-content .request-options.gdpr-options {
    max-width: 100%; }
    .settings-content .request-options.gdpr-options button {
      font-size: 0.875em;
      padding: .45em .5em; }
      @media (max-width: 44em) {
        .settings-content .request-options.gdpr-options button {
          margin: 15px 0; } }
  .settings-content .add-cover-letter {
    margin: 0 0 30px; }
    @media (max-width: 44em) {
      .settings-content .add-cover-letter {
        margin: 0; } }
    .settings-content .add-cover-letter a {
      position: relative; }
      .settings-content .add-cover-letter a:before {
        position: absolute !important;
        bottom: 0;
        right: -15px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        border-color: rgba(0, 188, 180, 0);
        border-top-color: #00bcb4;
        border-width: 5px; }
  .settings-content .icheckbox_flat {
    position: absolute; }
  .settings-content .label-checkbox {
    margin-top: 5px;
    margin-left: 25px; }

.email-settings {
  margin-bottom: 15px; }
  .email-settings span {
    font-size: 0.875em;
    font-style: italic;
    color: #747c83; }
    .email-settings span .fa {
      font-size: 1.4em;
      vertical-align: bottom; }

.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; }

.contactus h2 {
  font-family: "Open Sans", "Arial", sans-serif;
  font-size: 1.7em;
  font-weight: 300;
  padding-left: 0.5em;
  text-align: left; }

.contactus p {
  float: left;
  width: 65%; }

@media (max-width: 31em) {
  .contactus p {
    width: 100%; } }

.contactus a.btn {
  float: right; }

@media (max-width: 31em) {
  .contactus a.btn {
    float: none;
    margin-left: 10%;
    margin-top: 20px;
    width: 80%; } }

.contactus hr {
  color: #eee;
  border: 1px solid #eee;
  clear: both;
  margin-bottom: 40px;
  margin-top: 90px; }

@media (max-width: 31em) {
  .contactus hr {
    margin-top: 30px; } }

.contactus img {
  border: 1px solid #ccc;
  float: right;
  width: 14em;
  height: auto;
  margin-bottom: 40px; }

@media (max-width: 44em) {
  .contactus img {
    float: none;
    width: 80%;
    margin-left: 10%;
    margin-top: 40px; } }

/* Apollo Styles */
.refine-apollo {
  border: 1px solid #ddd;
  margin-top: 2em; }

.container {
  border: 1px solid #eee;
  padding: 10px; }

.sort-by {
  float: left; }

.btn-primary {
  color: #000;
  background-color: #fff;
  border-color: #d3d3d3; }

.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
  background-color: #00263D; }

@media only screen and (max-width: 590px) {
  .dropdown {
    display: none; }
  .container {
    padding: 0.5em; } }

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

.dropdown-menu {
  max-height: 16em;
  overflow-y: auto; }

.selected-filter {
  background: #00bcb4;
  color: #fff !important; }

#refinements-mobile {
  display: none; }

@media only screen and (max-width: 590px) {
  #refinements-mobile {
    height: 4em;
    background: #00263D;
    display: block; } }

.refine-sm {
  color: #fff;
  float: left;
  border: 1px solid #fff;
  height: 4em;
  text-align: center;
  width: 25%; }

/*------------------------------------*    Download App section Home Page
\*------------------------------------*/
.DownloadApp {
  height: 22em;
  background-color: #fbd345;
  width: 100%;
  position: relative;
  margin: 5em auto 0; }
  @media (max-width: 1024px) {
    .DownloadApp {
      display: none; } }
  .DownloadApp.mobile {
    margin: 24px auto 12px;
    display: block; }
    @media (min-width: 1025px) {
      .DownloadApp.mobile {
        display: none; } }

.DownloadApp-img {
  position: absolute;
  top: -27px;
  width: 379px; }

.DownloadApp-message {
  display: block;
  text-align: center;
  padding: 50px 0 0 330px; }

.DownloadApp-icon {
  width: 200px;
  margin-top: 20px; }

.DownloadApp-text {
  font-size: 1.7em;
  font-weight: 700;
  color: #00263D !important; }

.DownloadApp-subtext {
  font-size: 1.7em;
  font-weight: 300;
  color: #00263D !important; }

.DownloadApp-bottom-img-findCourse {
  margin-bottom: 400px; }

@media only screen and (max-width: 790px) {
  .DownloadApp-img {
    display: none; }
  .DownloadApp-message {
    padding: 50px 0; } }

@media only screen and (max-width: 614px) {
  .DownloadApp-img {
    display: none; } }

@media only screen and (max-width: 497px) {
  .DownloadApp {
    height: 15em;
    position: relative;
    margin-top: 0;
    background: #fbd245;
    background: linear-gradient(108deg, #fbd245 11%, #666e9e 54%, #383f51 95%); }
  .DownloadApp-img {
    display: none; }
  .DownloadApp-message {
    padding-top: 0.8em;
    display: block;
    text-align: left;
    margin-top: -18px;
    background-image: url("../../../images/logo_med@2x.png");
    background-repeat: no-repeat;
    background-size: 134px 46px;
    background-position: 200px 90px; }
    .DownloadApp-message a {
      display: block;
      margin-top: 15px; }
  .DownloadApp-text-mobile.hide {
    margin-top: 18px;
    font-size: 1.7em;
    font-weight: 700;
    color: #fff !important;
    display: inline; }
  .DownloadApp-text {
    display: none; }
  .DownloadApp-subtext {
    display: none; }
  .DownloadApp-icon {
    width: 150px;
    margin-top: 0;
    margin-right: 50px; } }

@media only screen and (max-width: 414px) {
  .DownloadApp-message {
    background-position: 170px 90px; } }

@media only screen and (max-width: 370px) {
  .DownloadApp-message {
    background-position: 162px 90px; } }

@media only screen and (max-width: 351px) {
  .DownloadApp {
    height: 14em; }
  .DownloadApp-text-mobile.hide {
    font-size: 1.6em; }
  .DownloadApp-icon {
    width: 120px;
    margin-right: 50px;
    margin-top: 10px; }
  .DownloadApp-message {
    background-position: 130px 95px; } }

/*------------------------------------*   End Download App section Home Page
\*------------------------------------*/
/* Absolute Center Spinner */
.loading {
  margin: 4em auto 20em;
  text-align: center; }
  .loading.load-more-btn {
    margin: 0 0 1em; }

#ats-loading .loading {
  margin: 0 auto;
  text-align: center; }

/*------------------------------------*    $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; }

.header {
  background-color: none; }
  @media (max-width: 31em) {
    .header {
      background-color: #00263D; } }

.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 0em 0 0;
  min-height: 30px; }
  @media (max-width: 46.8em) {
    nav.account-login {
      display: block;
      float: none;
      text-align: right;
      padding: 1em 1em 0 0; } }
  @media (max-width: 31em) {
    nav.account-login {
      padding: 0em;
      background-color: #00263D; } }
  nav.account-login a {
    color: #00bcb4; }
    nav.account-login a:hover {
      text-decoration: underline; }

.shortlist-top {
  display: inline; }
  .shortlist-top:before {
    content: "\f004";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    font-size: 1em;
    color: #00bcb4;
    padding-right: 0;
    margin-right: 4px; }
  @media (max-width: 34em) {
    .shortlist-top {
      width: 100%; } }

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

/*-----------------  LOGO   --------------------- */
.logo {
  background-image: url(/images/logoX.svg);
  background-size: 200px 75px;
  background-repeat: no-repeat;
  display: inline-block;
  float: left;
  height: 90px;
  width: 220px;
  position: relative; }
  @media (max-width: 50em) {
    .logo {
      background-image: url(/images/logoX.svg);
      background-size: 176px 66px;
      background-repeat: no-repeat;
      background-position-y: 10px;
      display: inline-block;
      float: left;
      height: 62px;
      width: 180px;
      position: relative;
      clear: both; } }
  @media (max-width: 34em) {
    .logo {
      background-size: 105px 39px; } }
  @media (min-width: 34em) {
    .logo {
      height: 80px; } }

a.logo {
  font-size: 0.1em;
  color: #00263D; }

/*
.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: 240px;
  background-image: url(/images/header_banner_small.jpg);
  /*@include background-image-retina(/images/header_banner_small, jpg, 1520px, 445px);*/
  background-repeat: no-repeat;
  background-position: top;
  padding: 0;
  position: relative;
  width: 100%;
  background-size: cover; }
  @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: 105px 39px;
        background-position-y: 8px;
        height: 63px;
        width: 107px; } }

.header-banner-home {
  min-height: 405px;
  background-image: url(/images/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(/images/header_banner_small.jpg);
  /*@include background-image-retina(/images/header_banner, jpg, 1520px, 341px);*/
  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 (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);
  /*@include background-image-retina(/images/header_banner, jpg, 1520px, 341px);*/
  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 (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: #00bcb4;
      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) {
          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: #00263D;
  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;
      padding-bottom: 12px; } }
  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: #383f51;
        border-bottom: 1px solid; } }
    nav#primary-nav li:first-child {
      border-left: none; }
  nav#primary-nav li a.active {
    color: #fbd245;
    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: #fbd245; }
    nav#primary-nav a:active {
      color: #fbd245; }
  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;
  box-sizing: border-box;
  text-align: center;
  padding-top: 12px;
  color: #fff;
  font-size: 1em;
  float: right;
  margin: .4em 0 0 0;
  border: 1px solid #fff;
  border-radius: 5px;
  width: 75px;
  height: 44px;
  cursor: pointer;
  display: none; }
  .nav-toggle-menu.active, .nav-toggle-menu-alt.active {
    display: block; }
  @media (max-width: 46.8em) {
    .nav-toggle-menu, .nav-toggle-menu-alt {
      display: inline; } }

/*--------------------JOBSEEKER PROFILE TABS -------------------------------- */
.profile-tabs {
  background: white;
  border-radius: 5px;
  border: 1px solid #ccc;
  width: 100%;
  clear: both;
  text-transform: uppercase;
  font-family: "Montserrat", "Arial", sans-serif;
  font-weight: 400;
  font-size: 0.9em;
  margin-bottom: 10px;
  /* ------------- MOBILE PROFILE MENU   --------- */ }
  .profile-tabs ul {
    display: block;
    margin-top: 0.5em; }
  .profile-tabs li {
    background-color: #fff;
    float: left;
    text-align: center;
    margin-right: .5em;
    height: 2.2em;
    line-height: 1em;
    padding-top: .5em;
    width: 19%;
    height: 3em; }
    .profile-tabs li:hover {
      -moz-box-shadow: 0px 2px #00bcb4;
      -webkit-box-shadow: 0px 2px #00bcb4;
      box-shadow: 0px 2px #00bcb4;
      height: 2.8em;
      font-weight: 700; }
    .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: #00263d;
    width: 100%;
    display: block;
    padding: 0.2em 0.5em; }
  .profile-tabs li a:hover {
    color: #00263d;
    text-decoration: none; }
  .profile-tabs li.active {
    -moz-box-shadow: 0px 2px #00bcb4;
    -webkit-box-shadow: 0px 2px #00bcb4;
    box-shadow: 0px 2px #00bcb4;
    top: -2px;
    font-weight: 700;
    position: relative;
    background-color: #fff;
    padding: 1em 0.5em 0.2em 0.5em;
    margin: 0 0.3em 0 0; }
    .profile-tabs li.active:hover {
      top: 0px; }
    .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: 1px 1px 1px #bfc4d4;
      -webkit-box-shadow: 1px 1px 1px #bfc4d4;
      box-shadow: 1px 1px 1px #bfc4d4; }
      .profile-tabs li:first-child {
        margin-left: 0;
        margin-top: -0.4em; }
    .profile-tabs li a {
      color: #00263D;
      display: block;
      width: 100%;
      line-height: 2em;
      padding-top: 0.5em; }
    .profile-tabs li.active {
      margin-top: 0.6em;
      padding: 10px 30px;
      -moz-box-shadow: 1px 1px 1px #bfc4d4;
      -webkit-box-shadow: 1px 1px 1px #bfc4d4;
      box-shadow: 1px 1px 1px #bfc4d4; } }

h2.my-profile {
  display: none; }
  @media (max-width: 34em) {
    h2.my-profile {
      font-size: 1em;
      padding: .7em 0.8em .7em 1.5em;
      background-color: #00263D;
      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");
        /*@include background-image-retina(/images/icons/toggle_arrow, png, 12px, 6px);*/
        background-repeat: no-repeat; }
      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");
        /*@include background-image-retina(/images/icons/toggle_arrow_up, png, 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: 186px !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;
    right: 0px; }
  .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.ctitle {
    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 #00263D;
  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 1.2em;
  background-color: #00bcb4;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  white-space: nowrap;
  cursor: pointer; }
  #upload-choose-cv > ul > li:hover {
    background-color: #02837f; }
    #upload-choose-cv > ul > li:hover button {
      background-color: #02837f; }
  #upload-choose-cv > ul > li .hover {
    background-color: #00bcb4;
    float: center;
    padding: .7em 1.2em; }

/* ----
#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: #00263D;
  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: #00263D;
  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: #00263D; }

#upload-choose-cv ul ul li:hover {
  background: #00bcb4; }

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

#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: #00263D;
  content: ''; }

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

/*  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: #00263D; }

.advertise-circle-sub {
  text-align: center;
  color: #00263D;
  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: #00263D;
  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;
  width: 100%;
  margin: auto; }

.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; }  */
.upload-choose-cv-list a {
  white-space: nowrap;
  padding: 11px 15px;
  white-space: normal; }

.upload-choose-cv-list .upload-choose-cv-item:hover a {
  color: #fff !important;
  text-decoration: none !important;
  font-weight: 400 !important; }

/*------------------------------------*    $FOOTER
\*------------------------------------*/
.footer {
  background-color: #383f51;
  color: #fff;
  padding-top: 1.4em;
  clear: both; }
  .footer a {
    font-size: 0.75rem;
    color: #fff; }
  .footer li {
    color: #fff; }
  .footer h2 {
    padding-bottom: .7em;
    font-size: 0.875em;
    line-height: 1.2;
    font-weight: 700;
    color: #fbd245;
    text-transform: uppercase;
    font-family: "Montserrat", "Arial", sans-serif;
    text-align: left; }
    @media (max-width: 31em) {
      .footer h2 {
        background-color: #383f51;
        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: 31em) {
    .social-icons li {
      display: inline-block;
      margin-top: .5em;
      text-align: center;
      width: 24%; } }

@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: 32.33333%; }
  @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: 33.83333%;
  margin-right: -100%;
  width: 23.875%; }
  @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: 59.20833%;
  margin-right: -100%;
  width: 23.875%; }
  @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: 84.58333%;
  margin-right: -100%;
  width: 15.41667%; }
  @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;
    color: #747c83; }
  .copyright a {
    color: #00bcb4; }
    .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 12px 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 12px 1.5em; }
  .text ol ol {
    margin-bottom: 0; }

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

a.icon-facebook {
  background-image: url("/images/icons/facebook-f-light.png"); }
  @media (max-width: 31em) {
    a.icon-facebook {
      background-image: url("/images/icons/facebook-light-large-icon.png");
      padding: 6px 16px; } }

a.icon-instagram {
  background-image: url("/images/icons/instagram_light_icon.png"); }
  @media (max-width: 31em) {
    a.icon-instagram {
      background-image: url("/images/icons/instagram-light-large-icon.png");
      padding: 6px 16px; } }

a.icon-twitter {
  background-image: url("/images/icons/twitter_light_icon.png"); }
  @media (max-width: 31em) {
    a.icon-twitter {
      background-image: url("/images/icons/twitter-light-large-icon.png");
      padding: 6px 16px; } }

a.icon-google-plus {
  background-image: url("/images/icons/googleplus_light_icon.png"); }
  @media (max-width: 31em) {
    a.icon-google-plus {
      background-image: url("../../../images/icons/googleplus-light-large-icon.png");
      padding: 6px 16px; } }

a.icon-facebook.contactus {
  background-image: url("/images/icons/contactus-light.png") !important; }
  @media (max-width: 31em) {
    a.icon-facebook.contactus {
      background-image: url("/images/icons/contactus-large-icon.png") !important;
      padding: 6px 16px; } }

.edit-icon {
  color: #00263D;
  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, .link-btn {
  background-color: #00bcb4;
  border: none;
  border-radius: 3px;
  box-shadow: 0 1px #02837f;
  color: #fff;
  display: inline-block;
  outline: none;
  position: relative;
  padding: 12px 24px;
  text-align: center;
  text-transform: none;
  text-decoration: none;
  font-family: "Open Sans", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 1em;
  cursor: pointer;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
  -webkit-transition: background 0.1s linear;
  -moz-transition: background 0.1s linear;
  -ms-transition: background 0.1s linear;
  -o-transition: background 0.1s linear;
  transition: background 0.1s linear; }
  .btn:hover, .btn:focus, button:hover, button:focus, .link-btn:hover, .link-btn:focus {
    background: #02837f;
    color: #fff;
    box-shadow: 0 1px #02837f;
    text-decoration: none; }
  .btn:active, button:active, .link-btn:active {
    box-shadow: 0 0 #02837f; }
  .btn:disabled, button:disabled, .link-btn:disabled {
    box-shadow: none;
    background-color: #dfe2ec;
    cursor: default; }
    .btn:disabled:hover, .btn:disabled:focus, button:disabled:hover, button:disabled:focus, .link-btn:disabled:hover, .link-btn:disabled:focus {
      box-shadow: none;
      background: #dfe2ec;
      color: #fff;
      box-shadow: 0;
      top: 0;
      cursor: default; }
  .btn.full-width-btn, button.full-width-btn, .link-btn.full-width-btn {
    width: 100%; }

.job-description .btn.login-reg {
  margin: 24px auto 0;
  display: block;
  padding: 10px 70px; }
  @media (max-width: 767px) {
    .job-description .btn.login-reg {
      width: 100%; } }

.link-btn:hover, .link-btn:focus {
  text-decoration: none; }

/*----------------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 #00bcb4; }

.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: #00263D;
  font-size: .813em;
  text-transform: uppercase;
  color: #fff;
  font-family: "Montserrat", "Arial", sans-serif;
  font-weight: 400;
  box-shadow: 1px #00263D; }
  .btn-small:hover, .btn-small:focus {
    background: #2d343e; }

.btn-navy {
  padding: 1em 1.4em;
  background: #00263D;
  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: #00263D;
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: normal; }
  .btn-large a {
    text-decoration: none;
    color: #fff; }
    .btn-large a:hover {
      color: #fff;
      text-decoration: none; }

.load-more-btn {
  padding: 1em 2em;
  text-transform: uppercase;
  background: #dfe2ec;
  font-size: 0.875em;
  color: #00263D;
  font-weight: normal;
  box-shadow: none; }
  .load-more-btn:after {
    content: "\f0d0";
    color: #00263D;
    text-decoration: none;
    font-family: FontAwesome;
    padding: 0 0 0 1em; }
  .load-more-btn:hover, .load-more-btn:hover:after {
    background: #00263D;
    box-shadow: none;
    color: #fff; }
  .load-more-btn.loading:after {
    content: "";
    padding: 12px 12px;
    background: url(/images/CloudPicker/loader_200fff.gif) no-repeat 12px 10px;
    background-size: 14px; }

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

.btn-datalist {
  background: #00263D;
  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; }
  @media (max-width: 44em) {
    .btn-datalist {
      padding: 0.7em 1em 0.8em;
      top: -3px;
      line-height: 24px; } }
  .btn-datalist:hover, .btn-datalist:active, .btn-datalist:hover:after {
    background: #00263D;
    top: 3px; }

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

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

.btn.reg {
  background-color: #00bcb4;
  padding: .9em 2em;
  color: #fff; }
  .btn.reg:hover {
    background: #02837f; }

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

.shortlist-btn {
  cursor: pointer;
  color: #00263D;
  font-size: 1em; }

.shortlisted-btn {
  cursor: pointer;
  color: #00bcb4;
  font-size: 1em; }
  .shortlisted-btn:hover {
    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: #00bcb4;
  clear: left;
  display: block; }
  .small-link a {
    font-size: 0.5em;
    color: #00bcb4;
    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: #00bcb4;
  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: #00263D;
    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: #00263D;
  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: #02837f;
    color: #fff; }
  .following-btn:hover, .following-btn:focus, .following-btn:active, .following-btn:hover:before, .following-btn:focus:before, .following-btn:active:before {
    background: #02837f; }

button .unfollow {
  display: none; }

button:hover .following {
  display: none; }

button:hover .unfollow {
  display: inline; }

/* --------------------------------------------- */
.alert-block .action-buttons a {
  color: #00bcb4; }

.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: #00bcb4;
    padding-right: 1em; }
  .action-buttons a.edit {
    color: #00bcb4;
    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: #00263D;
    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: #00263D;
    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: #00bcb4;
  color: #fff;
  outline: 0 none;
  padding: 0.2em 1em;
  text-decoration: none;
  margin-right: 2em; }

/* ---------------------- Course Buttons  ---------------------------- */
.ca-menu {
  padding: 0;
  text-align: center; }
  @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 #00263D;
  -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: #00263D;
  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: #00263D;
  -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: #00263D; }

.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; }

/* button loader */
.lds-ring, .search-form .search-btn .lds-ring, .search-form-home .search-btn .lds-ring, .search-form .alt-search-btn .lds-ring, .search-form-home .alt-search-btn .lds-ring {
  display: inline-block;
  position: relative;
  width: 16px;
  height: 16px; }
  .lds-ring div, .search-form .search-btn .lds-ring div, .search-form-home .search-btn .lds-ring div, .search-form .alt-search-btn .lds-ring div, .search-form-home .alt-search-btn .lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    margin: 3px;
    border: 2px solid #00263d;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #00263d transparent transparent transparent; }
    .lds-ring div:nth-child(1), .search-form .search-btn .lds-ring div:nth-child(1), .search-form-home .search-btn .lds-ring div:nth-child(1), .search-form .alt-search-btn .lds-ring div:nth-child(1), .search-form-home .alt-search-btn .lds-ring div:nth-child(1) {
      animation-delay: -0.45s; }
    .lds-ring div:nth-child(2), .search-form .search-btn .lds-ring div:nth-child(2), .search-form-home .search-btn .lds-ring div:nth-child(2), .search-form .alt-search-btn .lds-ring div:nth-child(2), .search-form-home .alt-search-btn .lds-ring div:nth-child(2) {
      animation-delay: -0.3s; }
    .lds-ring div :nth-child(3), .search-form .search-btn .lds-ring div :nth-child(3), .search-form-home .search-btn .lds-ring div :nth-child(3), .search-form .alt-search-btn .lds-ring div :nth-child(3), .search-form-home .alt-search-btn .lds-ring div :nth-child(3) {
      animation-delay: -0.15s; }
  .lds-ring.white div, .search-form .search-btn .white.lds-ring div, .search-form-home .search-btn .white.lds-ring div, .search-form .alt-search-btn .white.lds-ring div, .search-form-home .alt-search-btn .white.lds-ring div {
    border: 2px solid #fff;
    border-color: #fff transparent transparent transparent; }

@keyframes lds-ring {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

/* input loader */
.input-loading-container {
  position: relative; }
  .input-loading-container .lds-ring, .input-loading-container .search-form .search-btn .lds-ring, .search-form .search-btn .input-loading-container .lds-ring, .input-loading-container .search-form-home .search-btn .lds-ring, .search-form-home .search-btn .input-loading-container .lds-ring, .input-loading-container .search-form .alt-search-btn .lds-ring, .search-form .alt-search-btn .input-loading-container .lds-ring, .input-loading-container .search-form-home .alt-search-btn .lds-ring, .search-form-home .alt-search-btn .input-loading-container .lds-ring {
    position: absolute;
    top: 13px;
    left: 49%; }

.large-block, .red-top-block, .no-top-block {
  clear: both;
  border-top: 2px solid #00263D;
  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: #00263D;
    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: #00263D; } }
  .small-block .sub-header {
    font-weight: normal;
    font-size: 0.875em;
    color: #fff;
    background-color: #00263D;
    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: #00263D;
    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: #00263D;
    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: #00263D;
      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: #00263D;
      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 {
    width: 52%;
    display: inline-block;
    margin-bottom: 1em; }
    .small-block .left-general label {
      display: inline-block;
      font-size: 0.9em; }
  .small-block .right-general {
    width: 45%;
    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,
.post-application-3rd {
  border: 1px solid #dadee8;
  border-radius: 5px;
  padding: 12px;
  -webkit-box-shadow: 0 1px 4px rgba(32, 33, 36, 0.14);
  -moz-box-shadow: 0 1px 4px rgba(32, 33, 36, 0.14);
  box-shadow: 0 1px 4px rgba(32, 33, 36, 0.14);
  font-family: "Open Sans", "Arial", sans-serif; }
  .post-application-details.main-content-listing,
  .post-application-3rd.main-content-listing {
    margin: 12px auto 24px;
    min-height: 56px; }
  .post-application-details p,
  .post-application-3rd p {
    padding: 6px 0 0 40px;
    color: #00263D;
    position: relative;
    font-size: 1rem;
    margin: 0;
    line-height: 1.4; }
    .post-application-details p:before,
    .post-application-3rd p:before {
      position: absolute;
      left: 0;
      top: 0;
      display: inline-block;
      font: normal normal normal 14px/1 FontAwesome;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      transform: translate(0, 0);
      color: #00bcb4;
      text-align: center;
      font-size: 2rem; }
    .post-application-details p a,
    .post-application-3rd p a {
      font-weight: 600;
      color: #00bcb4; }

.post-application-3rd p .broken-link-text {
  display: block;
  color: #747c83;
  text-decoration: underline;
  font-weight: normal;
  margin-top: 6px; }
  .post-application-3rd p .broken-link-text > .no-underline {
    text-decoration: none;
    display: inline-block;
    cursor: default; }

.post-application-details p:before {
  content: "\f00c";
  -webkit-animation: tada 2s linear 1;
  animation: tada 2s linear 1;
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s; }

.post-application-details.get-head-hunted p {
  margin: 12px 36px;
  padding-left: 36px;
  font-size: 1rem; }
  .post-application-details.get-head-hunted p:before {
    top: 4px;
    -webkit-animation: none;
    animation: none; }

.post-application-3rd p:before {
  content: "\f05a";
  -webkit-animation: horizontal 2s linear 1;
  animation: horizontal 2s linear 1;
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s; }
  @media (max-width: 34em) {
    .post-application-3rd p:before {
      padding-top: 10px; } }

#broken-link {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-column-gap: 10px; }
  #broken-link .report-broken-link__icon {
    display: grid;
    width: 36px;
    height: 36px;
    align-items: center;
    justify-items: center; }
    @media (max-width: 34em) {
      #broken-link .report-broken-link__icon {
        margin-top: 6px; } }
    #broken-link .report-broken-link__icon i {
      font-size: 22px;
      color: #747c83; }
    #broken-link .report-broken-link__icon:hover {
      background-color: #f0f0f0;
      border-radius: 16px;
      cursor: pointer; }

.post-application-3rd.main-content-listing {
  position: relative; }

#reportBrokenLink {
  height: 40px;
  display: flex;
  justify-items: center;
  position: absolute;
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid #dadee8;
  top: 50px;
  right: 12px; }
  @media (max-width: 34em) {
    #reportBrokenLink {
      top: 56px; } }
  #reportBrokenLink a {
    padding: 10px 20px;
    color: #323232;
    user-select: none; }
    #reportBrokenLink a:hover {
      text-decoration: none; }
  #reportBrokenLink.hide {
    display: none; }

.report-broken-link-sent {
  display: grid !important;
  grid-template-columns: auto 1fr; }
  .report-broken-link-sent * {
    color: #747c83; }
  .report-broken-link-sent i {
    font-size: 2rem; }

.report-broken-link.main-content-listing {
  margin: -12px auto 24px; }

.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; }

.similar-jobs {
  margin-top: 22px; }

a.SimilarJobsPlaceholder:hover {
  text-decoration: none;
  color: #00bcb4; }

.SimilarJobsPlaceholder .rec-logo {
  font-size: 11px;
  float: left;
  padding-right: 10px;
  height: 40px;
  width: 130px;
  padding-bottom: 12px; }
  .SimilarJobsPlaceholder .rec-logo img {
    max-height: 40px;
    max-width: 230px; }

@media (max-width: 705px) {
  .SimilarJobsPlaceholder .rec-logo {
    z-index: 2;
    position: relative;
    padding: 0;
    height: auto;
    width: 72px;
    padding-right: 10px;
    float: left;
    text-align: center;
    font: 0/0 a; }
    .SimilarJobsPlaceholder .rec-logo:before {
      content: ' ';
      display: inline-block;
      vertical-align: middle;
      height: 100%; }
    .SimilarJobsPlaceholder .rec-logo img {
      width: 100%;
      max-height: 40px;
      max-width: 66px; } }

.rec-job-listing {
  position: relative;
  float: left;
  width: 31.5%;
  height: 195px;
  background: #fff;
  border: solid 1px lightgray;
  padding: 15px;
  margin-left: 7px;
  margin-right: 7px;
  margin-bottom: 15px; }
  @media (max-width: 61.5em) {
    .rec-job-listing {
      width: 47%; } }
  .rec-job-listing .company {
    color: #00263D;
    max-width: 88%;
    width: 88%;
    padding: 0;
    margin: 0;
    float: left; }
    @media (max-width: 48em) {
      .rec-job-listing .company {
        width: 70%;
        margin: 0px 0px 6px 0px; } }
  .rec-job-listing .title {
    display: block;
    display: -webkit-box;
    position: relative;
    min-height: 42px;
    max-width: 88%;
    width: 88%;
    float: left; }
    @media (max-width: 48em) {
      .rec-job-listing .title {
        width: 70%;
        position: relative;
        max-width: 70%; } }
    .rec-job-listing .title h3 {
      font-size: 1.17em;
      margin: 5px 0px 12px 0px; }
  .rec-job-listing span.rec-company-name {
    color: #00263D;
    font-weight: 500;
    font-weight: bold;
    font-size: 0.876rem;
    margin-top: 0.86em; }
  .rec-job-listing div.rec-location {
    float: left;
    position: relative;
    color: #00263D;
    font-size: 12px;
    padding-left: 11px;
    padding-top: 10px;
    max-width: 88%;
    width: 88%; }
    @media (max-width: 48em) {
      .rec-job-listing div.rec-location {
        width: 70%; } }
    .rec-job-listing div.rec-location i {
      position: absolute;
      left: 0px;
      top: 12px; }
  @media (max-width: 425px) {
    .rec-job-listing .title, .rec-job-listing div.rec-location, .rec-job-listing p {
      width: 83%; } }

#showMoreRec {
  display: none; }

.rec-new-job {
  position: absolute;
  -ms-transform: rotate(45deg);
  /* IE9 */
  -moz-transform: rotate(45deg);
  /* FF3.5/3.6 */
  -o-transform: rotate(45deg);
  /* Opera 10.5 */
  -webkit-transform: rotate(45deg);
  /* Saf3.1+ */
  transform: rotate(45deg);
  /* Newer browsers */
  /*filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476); */
  /* IE6,IE7, but produces nasty results, so I disabled it */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)";
  /* IE8 */
  top: -5px;
  right: -22px;
  width: 0;
  height: 0;
  border: 0 solid transparent;
  border-right-width: 34px;
  border-left-width: 34px;
  border-bottom: 34px solid #dce11c; }
  .rec-new-job span {
    position: absolute;
    top: 15px;
    left: -11px;
    font-size: 12px;
    color: #323232;
    font-weight: 600; }

.rec-make-favourite .shortlist {
  position: absolute;
  cursor: pointer;
  color: #00263D;
  font-size: 18px;
  top: 44%;
  right: 0px;
  padding: 0; }
  .rec-make-favourite .shortlist:before {
    position: absolute;
    font-size: 27px;
    right: 15px;
    padding: 0;
    content: "\f004";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    display: inline;
    color: #00263D;
    cursor: pointer;
    padding-right: 0;
    margin-right: 0; }
    .rec-make-favourite .shortlist:before:hover {
      text-decoration: none;
      color: #00bcb4; }

.rec-make-favourite .shortlisted {
  position: absolute;
  cursor: pointer;
  color: #00263D;
  font-size: 27px;
  top: 44%;
  right: 0px;
  padding: 0; }
  .rec-make-favourite .shortlisted:before {
    position: absolute;
    font-size: 27px;
    right: 15px;
    padding: 0;
    content: "\f004";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    display: inline;
    color: #00bcb4;
    cursor: pointer;
    padding-right: 0;
    margin-right: 0; }
    .rec-make-favourite .shortlisted:before:hover:before {
      text-decoration: none;
      color: #00bcb4; }

@media (max-width: 705px) {
  .rec-job-listing {
    display: none;
    width: auto;
    height: auto;
    margin: 0px 0px -1px 0px;
    float: none; }
  #showMoreRec {
    display: block;
    cursor: pointer;
    text-transform: uppercase;
    width: auto;
    margin: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    color: #00bcb4;
    font-size: .9em;
    font-family: "Montserrat", "Arial", sans-serif;
    border-bottom: solid 1px lightgray;
    border-left: solid 1px lightgray;
    border-right: solid 1px lightgray; } }

.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: auto;
      max-height: 245px;
      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: #00263D;
      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: #00bcb4;
    border: none;
    border-radius: 3px;
    box-shadow: 0 1px #02837f;
    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; } }
  .blog-text .blog-text-btn {
    -webkit-transition: background 0.1s linear;
    -moz-transition: background 0.1s linear;
    -ms-transition: background 0.1s linear;
    -o-transition: background 0.1s linear;
    transition: background 0.1s linear; }
    .blog-text .blog-text-btn:hover {
      background: #02837f; }

.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 (min-width $bp-small-3) {
        .acc-panel {
            center {
                padding-top: 40px;
            }
        }
    }*/ }
  @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: #00263D;
  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 ol.static-alpha li {
  list-style-type: lower-alpha;
  margin: 1em 2em; }

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

#static table {
  margin: 0.7em 0; }

/* 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; } }

#jobs-rec-l {
  margin-bottom: 30px;
  /*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 12px 0; }

.social-list a {
  font-size: 1.6em; }

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

/* Post List */
.post-list li {
  margin-bottom: 12px; }

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

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

.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: 12px;
  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: #383f51;
      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: #383f51;
        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: "\f002";
    color: #383f51;
    background: #fbd245;
    box-sizing: border-box;
    width: 58px;
    height: 44px;
    padding: 8px 18px;
    border-radius: 5px;
    font-family: FontAwesome;
    text-decoration: none;
    display: inline;
    font-size: 1.4em;
    margin: -0.5em 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: "\f00d";
      color: #00263D;
      background: #fbd245;
      box-sizing: border-box;
      width: 58px;
      height: 44px;
      padding: 8px 20px;
      border-radius: 5px;
      font-family: FontAwesome;
      text-decoration: none;
      display: inline;
      font-size: 1.4em;
      margin: -0.5em 0em 0em 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;
  width: 100% !important;
  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: #00263D; }

.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 #182a3c;
  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; } }

.description-info-cta {
  font-size: 0.875rem; }
  .description-info-cta .c1, .description-info-cta .c3 {
    width: 100% !important;
    margin-top: 1em;
    position: relative; }
  @media screen and (max-width: 550px) {
    .description-info-cta .c1 {
      width: 100% !important; } }
  .description-info-cta .c1 dd {
    line-height: 1.8; }
    .description-info-cta .c1 dd i {
      width: 28px;
      height: 15px;
      text-align: center;
      font-size: 18px;
      float: left;
      color: #747c83;
      position: relative;
      top: 4px; }
      .description-info-cta .c1 dd i.fa-suitcase {
        font-size: 1.1em; }
  .description-info-cta .c1 .btn-icon {
    position: absolute;
    right: 0;
    bottom: 0; }
    @media (max-width: 48em) {
      .description-info-cta .c1 .btn-icon {
        position: relative;
        margin-top: 24px; } }
  .description-info-cta .c3 {
    box-sizing: border-box;
    padding-left: 10px; }
    .description-info-cta .c3 .btn-icon {
      bottom: 0 !important;
      right: 0 !important;
      display: block;
      width: 90%;
      position: absolute !important; }
      .description-info-cta .c3 .btn-icon a.heart-icon.heart-shortlist {
        width: 35px;
        height: 35px;
        display: block;
        float: left; }
      .description-info-cta .c3 .btn-icon button.btn.apply-now {
        width: calc(100% - 50px);
        float: right;
        padding: 10px;
        box-sizing: border-box;
        margin: 0px 0px 0px 12px; }
      .description-info-cta .c3 .btn-icon .fa-heart-o {
        font-size: 30px;
        color: #5f6d75;
        float: left;
        padding: 4px;
        border: 1px solid #dadee8;
        border-radius: 5px; }
    @media screen and (max-width: 768px) {
      .description-info-cta .c3 {
        margin-left: 0px !important;
        width: 50% !important;
        margin-top: 1em !important; } }
    @media screen and (max-width: 550px) {
      .description-info-cta .c3 {
        width: 100% !important;
        margin-top: 1em !important;
        min-height: 26px; }
        .description-info-cta .c3 .btn-icon {
          width: 100% !important; } }

.page-SRL .main-content-listing {
  max-width: 990px; }

.page-SRL .serp-item {
  max-width: 700px; }

@media (min-width: 641px) {
  .page-SRL .jq-dropdown-menu {
    align-items: center;
    justify-content: center; } }

.main-content-listing {
  max-width: 700px;
  width: 100%;
  margin: 0 auto;
  display: block; }
  @media (max-width: 414px) {
    .main-content-listing {
      float: none;
      margin-left: 0;
      margin-right: 0;
      display: inline-block;
      font-size: 0.875rem; } }
  .main-content-listing .large-block, .main-content-listing .red-top-block, .main-content-listing .no-top-block {
    clear: both;
    border: 1px solid #dadee8;
    border-radius: 5px;
    margin-bottom: 1em;
    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; }
    .main-content-listing .large-block .company-header .company-logo-header, .main-content-listing .red-top-block .company-header .company-logo-header, .main-content-listing .no-top-block .company-header .company-logo-header {
      overflow: hidden;
      height: 50px;
      width: 50px;
      border: 1px solid #dadee8;
      white-space: nowrap;
      text-align: center;
      border-radius: 5px;
      float: left; }
      @media screen and (min-width: 415px) {
        .main-content-listing .large-block .company-header .company-logo-header, .main-content-listing .red-top-block .company-header .company-logo-header, .main-content-listing .no-top-block .company-header .company-logo-header {
          height: 70px;
          width: 70px;
          display: inline-block;
          float: none; } }
      .main-content-listing .large-block .company-header .company-logo-header .helper, .main-content-listing .red-top-block .company-header .company-logo-header .helper, .main-content-listing .no-top-block .company-header .company-logo-header .helper {
        display: inline-block;
        height: 100%;
        vertical-align: middle; }
      .main-content-listing .large-block .company-header .company-logo-header img, .main-content-listing .red-top-block .company-header .company-logo-header img, .main-content-listing .no-top-block .company-header .company-logo-header img {
        font-size: 8px;
        white-space: normal;
        text-align: left;
        vertical-align: middle;
        max-height: 44px;
        max-width: 44px; }
        @media screen and (min-width: 415px) {
          .main-content-listing .large-block .company-header .company-logo-header img, .main-content-listing .red-top-block .company-header .company-logo-header img, .main-content-listing .no-top-block .company-header .company-logo-header img {
            vertical-align: middle;
            max-height: 60px;
            max-width: 60px; } }
    .main-content-listing .large-block .company-header .company-title, .main-content-listing .red-top-block .company-header .company-title, .main-content-listing .no-top-block .company-header .company-title {
      font-size: 1em;
      margin-left: 60px;
      width: 75%; }
      @media screen and (min-width: 769px) {
        .main-content-listing .large-block .company-header .company-title, .main-content-listing .red-top-block .company-header .company-title, .main-content-listing .no-top-block .company-header .company-title {
          margin-left: 12.83333%;
          width: 83%; } }
      @media screen and (min-width: 415px) {
        .main-content-listing .large-block .company-header .company-title, .main-content-listing .red-top-block .company-header .company-title, .main-content-listing .no-top-block .company-header .company-title {
          display: block;
          float: left;
          margin-left: 80px;
          margin-right: -100%; } }
      .main-content-listing .large-block .company-header .company-title h1, .main-content-listing .red-top-block .company-header .company-title h1, .main-content-listing .no-top-block .company-header .company-title h1 {
        margin-bottom: 5px;
        text-transform: none;
        font-size: 1.27rem;
        background-color: transparent;
        text-transform: none !important; }
        @media screen and (min-width: 415px) {
          .main-content-listing .large-block .company-header .company-title h1, .main-content-listing .red-top-block .company-header .company-title h1, .main-content-listing .no-top-block .company-header .company-title h1 {
            font-size: 1.5rem; } }
      .main-content-listing .large-block .company-header .company-title .company-title-name, .main-content-listing .red-top-block .company-header .company-title .company-title-name, .main-content-listing .no-top-block .company-header .company-title .company-title-name {
        font-weight: 400;
        font-family: "Open Sans", "Arial", sans-serif;
        font-size: 1.2em;
        text-align: left; }
    .main-content-listing .large-block .company-header .social, .main-content-listing .red-top-block .company-header .social, .main-content-listing .no-top-block .company-header .social {
      position: initial; }
      @media screen and (min-width: 415px) {
        .main-content-listing .large-block .company-header .social, .main-content-listing .red-top-block .company-header .social, .main-content-listing .no-top-block .company-header .social {
          display: block;
          float: left;
          margin-top: 12px;
          margin-left: 67.66667%;
          margin-right: -100%;
          width: 32.33333%; } }
      .main-content-listing .large-block .company-header .social .dots, .main-content-listing .red-top-block .company-header .social .dots, .main-content-listing .no-top-block .company-header .social .dots {
        position: absolute;
        cursor: pointer;
        top: 0;
        right: 0;
        border-radius: 50%;
        -webkit-transition: background 0.1s linear;
        -moz-transition: background 0.1s linear;
        -ms-transition: background 0.1s linear;
        -o-transition: background 0.1s linear;
        transition: background 0.1s linear; }
        @media screen and (min-width: 769px) {
          .main-content-listing .large-block .company-header .social .dots, .main-content-listing .red-top-block .company-header .social .dots, .main-content-listing .no-top-block .company-header .social .dots {
            top: 10px;
            right: 10px; } }
        .main-content-listing .large-block .company-header .social .dots:hover, .main-content-listing .red-top-block .company-header .social .dots:hover, .main-content-listing .no-top-block .company-header .social .dots:hover {
          background: #f0f0f0; }
      .main-content-listing .large-block .company-header .social .dots:after, .main-content-listing .red-top-block .company-header .social .dots:after, .main-content-listing .no-top-block .company-header .social .dots:after {
        content: '\2807';
        font-size: 26px;
        color: #747c83;
        float: right;
        width: 36px;
        text-align: center;
        left: 4px;
        position: relative;
        border-radius: 50%; }
        @media screen and (min-width: 415px) {
          .main-content-listing .large-block .company-header .social .dots:after, .main-content-listing .red-top-block .company-header .social .dots:after, .main-content-listing .no-top-block .company-header .social .dots:after {
            font-size: 26px; } }
      .main-content-listing .large-block .company-header .social .dropdown, .main-content-listing .red-top-block .company-header .social .dropdown, .main-content-listing .no-top-block .company-header .social .dropdown {
        border: 1px solid #dadee8;
        border-radius: 5px;
        position: absolute;
        right: 0px;
        top: 0px;
        min-width: 280px;
        margin: 3em 0em 0em -17em;
        z-index: 1;
        height: 160px;
        padding: 12px;
        background-color: #fff;
        -webkit-box-shadow: 0px 10px 10px 4px rgba(0, 0, 0, 0.15);
        -moz-box-shadow: 0px 10px 10px 4px rgba(0, 0, 0, 0.15);
        box-shadow: 0px 10px 10px 4px rgba(0, 0, 0, 0.15); }
        .main-content-listing .large-block .company-header .social .dropdown .reportJob, .main-content-listing .red-top-block .company-header .social .dropdown .reportJob, .main-content-listing .no-top-block .company-header .social .dropdown .reportJob {
          width: 100%;
          padding: 15px 0; }
        .main-content-listing .large-block .company-header .social .dropdown .line-report, .main-content-listing .red-top-block .company-header .social .dropdown .line-report, .main-content-listing .no-top-block .company-header .social .dropdown .line-report {
          border-bottom: 1px solid #dadee8; }
          @media screen and (min-width: 415px) {
            .main-content-listing .large-block .company-header .social .dropdown .line-report, .main-content-listing .red-top-block .company-header .social .dropdown .line-report, .main-content-listing .no-top-block .company-header .social .dropdown .line-report {
              padding-top: 0; } }
        .main-content-listing .large-block .company-header .social .dropdown .social-icons-list, .main-content-listing .red-top-block .company-header .social .dropdown .social-icons-list, .main-content-listing .no-top-block .company-header .social .dropdown .social-icons-list {
          width: 100%;
          padding: 12px 0; }
          .main-content-listing .large-block .company-header .social .dropdown .social-icons-list .share-bar.fr p, .main-content-listing .red-top-block .company-header .social .dropdown .social-icons-list .share-bar.fr p, .main-content-listing .no-top-block .company-header .social .dropdown .social-icons-list .share-bar.fr p {
            margin-bottom: 12px;
            font-size: 0.875rem;
            line-height: 1.5em;
            font-weight: 500;
            color: #00263D;
            padding: 0; }
          .main-content-listing .large-block .company-header .social .dropdown .social-icons-list .share-bar.fr .share li, .main-content-listing .red-top-block .company-header .social .dropdown .social-icons-list .share-bar.fr .share li, .main-content-listing .no-top-block .company-header .social .dropdown .social-icons-list .share-bar.fr .share li {
            float: left;
            list-style: none;
            margin: 0 12px 6px 0; }
  .main-content-listing .job-details-header h1 {
    font-family: "Open Sans", "Arial", sans-serif; }
    @media screen and (min-width: 415px) and (max-width: 768px) {
      .main-content-listing .job-details-header h1 {
        text-transform: none; } }
  .main-content-listing .job-details-header .fa-heart-o {
    font-size: 30px;
    color: #747c83;
    float: left;
    padding: 6px;
    border: 1px solid #dadee8;
    border-radius: 5px;
    margin-right: 5px; }
  .main-content-listing .job-details-header .fa-heart {
    font-size: 30px;
    color: #00bcb4;
    float: left;
    padding: 6px;
    border: 1px solid #dadee8;
    border-radius: 5px;
    margin-right: 5px; }
  @media (max-width: 414px) {
    .main-content-listing .job-details-header .btn-icon {
      width: 100%;
      display: inline-flex; } }
  .main-content-listing .job-details-header .btn-icon .btn {
    padding: 10px 70px;
    font-weight: 700;
    font-size: 16px;
    margin: 0px 0px 0px 12px;
    text-transform: none; }
    @media (max-width: 48em) {
      .main-content-listing .job-details-header .btn-icon .btn {
        margin: 0;
        width: 89%;
        float: right;
        margin-left: 1%;
        padding: 10px 0;
        white-space: break-spaces; } }
    @media (max-width: 31em) {
      .main-content-listing .job-details-header .btn-icon .btn {
        width: 90%; } }
  @media (max-width: 48em) {
    .main-content-listing .job-details-header .btn-icon .heart-icon {
      width: 10%;
      float: left; } }
  @media (max-width: 31em) {
    .main-content-listing .job-details-header .btn-icon .heart-icon {
      width: 15%; } }
  @media (max-width: 24em) {
    .main-content-listing .job-details-header .btn-icon .heart-icon {
      width: 20%; } }
  .main-content-listing .job-details-header dd .fa-phone {
    width: 24px;
    text-align: center;
    font-size: 18px;
    float: left; }
  .main-content-listing .job-details-header dd .fa-user {
    width: 24px;
    text-align: center;
    font-size: 18px;
    float: left; }
  .main-content-listing .job-details-header dd .far {
    color: #747c83;
    padding-right: 10px; }
  .main-content-listing .job-details-header .padding {
    position: relative;
    padding: 1.4em;
    padding: 12px; }
  .main-content-listing .job-details-header .description-info-cta .c1 {
    margin-bottom: 0;
    padding: 0; }
  @media screen and (min-width: 769px) {
    .main-content-listing .job-details-header .description-info-cta .c3 {
      margin-left: 0; } }
  .main-content-listing .job-details-header .expired-border {
    border-top: 3px solid #dadee8;
    padding-top: 24px; }
    .main-content-listing .job-details-header .expired-border:before {
      position: absolute;
      content: "Expired";
      top: 0;
      right: 0;
      background-color: #dfe2ec;
      color: #383f51;
      border-radius: 0 3px 0 5px;
      font-size: 12px;
      font-weight: 700;
      padding: 0px 15px 2px; }
    .main-content-listing .job-details-header .expired-border .company-header.expired,
    .main-content-listing .job-details-header .expired-border .description-info-cta.expired {
      color: #747c83 !important; }
    .main-content-listing .job-details-header .expired-border .heart-shortlist.expired {
      pointer-events: none; }
      .main-content-listing .job-details-header .expired-border .heart-shortlist.expired .fa {
        color: #dfe2ec; }
  .main-content-listing .job-description {
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
    padding: 12px; }
    .main-content-listing .job-description hr {
      background: #dadee8 !important; }
    .main-content-listing .job-description p {
      color: #00263D;
      font-weight: 400;
      line-height: 1.5;
      padding: 0; }
    .main-content-listing .job-description h1 {
      margin: 1em 0; }
    .main-content-listing .job-description li {
      color: #00263D;
      font-weight: 400;
      font-size: 16px;
      background-color: none;
      padding: 0; }
    .main-content-listing .job-description ul.tabs {
      margin: 0px;
      padding: 0px;
      list-style: none; }
    .main-content-listing .job-description ul.tabs li {
      background: #dadee8;
      color: #00263D;
      font-weight: 600;
      display: inline-block;
      padding: 16px 0px;
      cursor: pointer;
      margin: -2px;
      border-top: 6px solid #dadee8;
      width: 50%; }
      @media (max-width: 414px) {
        .main-content-listing .job-description ul.tabs li {
          font-size: 14px; } }
    .main-content-listing .job-description ul.tabs li.current {
      background: #fff;
      color: #00263D;
      border-top: 4px solid #00bcb4;
      font-weight: 800;
      box-shadow: none; }
    .main-content-listing .job-description ul.tabs li.current-disable {
      background: #fff;
      color: #222;
      border-top: 4px solid #dadee8;
      font-weight: 800; }
    .main-content-listing .job-description .tab-content {
      display: none;
      background: #fff;
      padding: 24px 0; }
    .main-content-listing .job-description .tab-content.current {
      display: inherit; }
      .main-content-listing .job-description .tab-content.current .company-logo img {
        padding: 12px 0; }
      .main-content-listing .job-description .tab-content.current .inner-padding {
        clear: both;
        padding: 8px;
        margin-bottom: 1em; }
        .main-content-listing .job-description .tab-content.current .inner-padding .fa-map-marker {
          color: #747c83;
          padding-right: 10px; }
        .main-content-listing .job-description .tab-content.current .inner-padding .fa-phone {
          color: #747c83;
          padding-right: 8px; }
        .main-content-listing .job-description .tab-content.current .inner-padding .fa-user {
          color: #747c83;
          padding-right: 10px; }
        .main-content-listing .job-description .tab-content.current .inner-padding hr {
          background: #dadee8 !important; }
      .main-content-listing .job-description .tab-content.current .report-job-response h2 {
        background-color: #383f51; }
      .main-content-listing .job-description .tab-content.current .report-job-response p {
        color: #fff; }
    .main-content-listing .job-description .tab-content.current-disable {
      display: inherit; }
      .main-content-listing .job-description .tab-content.current-disable .company-logo img {
        padding: 12px 0; }
      .main-content-listing .job-description .tab-content.current-disable .inner-padding {
        clear: both;
        padding: 8px;
        margin-bottom: 1em; }
        .main-content-listing .job-description .tab-content.current-disable .inner-padding .fa-map-marker {
          color: #747c83;
          padding-right: 10px; }
        .main-content-listing .job-description .tab-content.current-disable .inner-padding .fa-phone {
          color: #747c83;
          padding-right: 8px; }
        .main-content-listing .job-description .tab-content.current-disable .inner-padding .fa-user {
          color: #747c83;
          padding-right: 10px; }
        .main-content-listing .job-description .tab-content.current-disable .inner-padding hr {
          background: #dadee8 !important; }

.job-description {
  font-size: 16px; }
  .job-description.expired {
    color: #747c83 !important; }
    .job-description.expired p,
    .job-description.expired li,
    .job-description.expired h4 {
      color: #747c83 !important; }
  .job-description dl {
    position: relative; }
    .job-description dl dd {
      margin-bottom: 6px; }
      .job-description dl dd span .fa {
        width: 24px;
        height: 24px;
        float: left;
        position: relative;
        top: 2px;
        text-align: center; }

.btn-icon .btn {
  display: inline-block; }

.job-alert-wide-section {
  margin-top: 50px; }
  @media screen and (min-width: 415px) and (max-width: 768px) {
    .job-alert-wide-section {
      margin-top: 50px;
      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;
      border-radius: 7px; } }
  @media (max-width: 414px) {
    .job-alert-wide-section {
      margin-top: 50px;
      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;
      border-radius: 7px; } }

.inner-padding {
  clear: both;
  padding: 8px;
  margin-bottom: 1em; }
  @media screen and (min-width: 415px) and (max-width: 768px) {
    .inner-padding {
      clear: both;
      margin-bottom: 1em; } }
  @media (max-width: 414px) {
    .inner-padding {
      clear: both;
      padding: 8px;
      margin-bottom: 1em; } }

.job-application {
  clear: both;
  border-top: 2px solid #00263D;
  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.4em;
    padding: 0px; }
  .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;
    padding: 5px; }
    @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 .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 .c1 {
    float: none; } }

.course-details-header .c1 {
  margin-top: 1em; }
  .course-details-header .c1 dd {
    padding-left: 0; }

.course-details-header .c2 {
  margin-top: 1em;
  display: block;
  float: left;
  margin-left: 33.83333%;
  margin-right: -100%;
  width: 32.33333%;
  margin-bottom: 1em; }

.course-details-header .c3 {
  margin-top: 1em; }
  @media (max-width: 48em) {
    .course-details-header .c3 {
      display: none; } }

.job-description h1, .course-description h1, .report-job h2 {
  font-family: "Montserrat", "Arial", sans-serif;
  padding: 0;
  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, .report-job h2 {
      font-size: 1.2em;
      padding: 0.8em 0.3em 0.8em 0.4em;
      text-align: left;
      font-weight: 700;
      margin: 0;
      font-family: "Open Sans", "Arial", sans-serif; } }

.course-description h2 {
  text-align: left; }

.report-job h2 {
  padding-left: 0;
  margin-left: 0; }

.job-description p,
.job-description ul,
.job-description li,
.course-description,
.course-description p,
.course-description ul,
.course-description li {
  color: #00263D;
  font-weight: normal;
  padding: 0; }

.job-description p,
.job-description ul,
.job-description li {
  font-size: 16px; }

.job-description ul {
  margin-bottom: 1em; }

.job-description dt, .course-description dt {
  font-weight: 700;
  margin-top: 0.86em; }

.job-description dt,
.job-description dd {
  font-size: 16px; }

.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;
  font-size: 0.875rem;
  text-decoration: underline;
  margin-bottom: 1.4em; }
  .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: "\f004";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    display: inline;
    font-size: 1.5em;
    color: #00263D;
    cursor: pointer;
    padding-right: 4px;
    margin-right: 4px; }
  .shortlist:hover:before {
    content: "\f004";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    display: inline;
    font-size: 1.5em; }
  .shortlist a:hover {
    text-decoration: none; }

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

/* ---------------------  FOOTER JOB DETAILS ----------------------------*/
.share-bar {
  font-size: 12px !important; }
  .share-bar .share {
    width: 100% !important;
    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; }
    .share-bar .share li {
      float: left;
      list-style: none;
      margin: 0 3px 5px 0; }
      .share-bar .share li:first-child {
        margin-left: 0; }
    .share-bar .share span {
      display: inline-block;
      margin: 0 0 0 10px; }
    .share-bar .share .social-roll {
      height: 20px;
      width: 20px;
      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; }
    .share-bar .share .twitter-roll, .share-bar .share .google-roll, .share-bar .share .facebook-roll, .share-bar .share .linkedin-roll, .share-bar .share .email-roll, .share-bar .share .instagram-roll, .share-bar .share .tumblr-roll, .share-bar .share .reddit-roll, .share-bar .share .stumbleupon-roll {
      background-size: 20px 20px; }
    .share-bar .share .social-roll:hover {
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      transform: rotate(360deg); }
    .share-bar .share .twitter-roll {
      background-image: url("../images/twitter-navy.png"); }
    .share-bar .share .twitter-roll:hover {
      background-image: url("../images/twitter-hover.png"); }
    .share-bar .share .google-roll {
      background-image: url("../images/gplus-navy.png"); }
    .share-bar .share .google-roll:hover {
      background-image: url("../images/gplus-hover.png"); }
    .share-bar .share .facebook-roll {
      background-image: url("../images/facebook-navy.png"); }
    .share-bar .share .facebook-roll:hover {
      background-image: url("../images/facebook-hover.png"); }
    .share-bar .share .linkedin-roll {
      background-image: url("../images/linkedin-navy.png"); }
    .share-bar .share .linkedin-roll:hover {
      background-image: url("../images/linkedin-hover.png"); }
    .share-bar .share .email-roll {
      background-image: url("../images/email-navy.png"); }
    .share-bar .share .email-roll:hover {
      background-image: url("../images/email-hover.png"); }
    @media (max-width: 50em) {
      .share-bar .share {
        float: left;
        margin-bottom: 1em;
        display: block;
        float: left;
        margin-left: 0;
        margin-right: -100%;
        width: 100.0%; } }
    @media (max-width: 44em) {
      .share-bar .share {
        display: block;
        float: left;
        margin-left: 0;
        margin-right: -100%;
        width: 66.16667%; } }
    @media (max-width: 31em) {
      .share-bar .share {
        display: block;
        float: left;
        margin-left: 0;
        margin-right: -100%;
        width: 100.0%; }
        .share-bar .share .facebook-roll {
          clear: left; } }

.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 span {
      display: inline-block; }
    .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: 24px;
  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:before {
    position: absolute !important;
    content: " ";
    background-image: url(/images/icons/modal_triangle.png);
    padding: 8px;
    /*@include background-image-retina(/images/icons/modal_triangle, png, 18px, 13px);*/
    background-repeat: no-repeat;
    position: relative;
    top: -10px;
    left: 500px; }
    @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;
    /*@include background-image-retina(/images/icons/modal_triangle, png, 18px, 13px);*/
    background-repeat: no-repeat;
    position: relative;
    top: -10px;
    right: 10px; }
    @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;
    color: #ff008c; }
  .profile-completion-popup dl {
    margin: 0 0.5em; }
  .profile-completion-popup dt {
    font-weight: 700;
    width: 30%;
    display: inline-block;
    margin-right: 0.5em;
    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 #read-more-close a:before {
    position: absolute !important;
    bottom: 4px;
    right: 0px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    border-color: rgba(0, 188, 180, 0);
    border-bottom-color: #00bcb4;
    border-width: 5px; }
  .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;
    /*@include background-image-retina(/images/icons/modal_triangle, png, 18px, 13px);*/
    background-repeat: no-repeat;
    position: relative;
    top: -10px;
    left: 50%; }
  .login-popup .forgot-password {
    float: right; }

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

.report-cta {
  font-weight: 700;
  position: relative;
  text-transform: uppercase;
  font: "Montserrat", "Arial", sans-serif;
  text-decoration: none;
  font-size: .875em;
  display: inline; }
  .report-cta:hover {
    text-decoration: none; }
  .report-cta:after {
    content: ""; }

.c1 .company-logo img,
.job-description .company-logo img {
  font-size: 9px; }

.c1 dl dd,
.job-description dl dd {
  position: relative;
  padding-left: 24px; }
  .c1 dl dd:before,
  .job-description dl dd:before {
    position: absolute;
    left: 0;
    top: 4px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    color: #747c83;
    font-size: 18px;
    text-align: center;
    width: 18px; }
  .c1 dl dd.fa-map-marker:before,
  .job-description dl dd.fa-map-marker:before {
    content: "\f041"; }
  .c1 dl dd.fa-eur:before,
  .job-description dl dd.fa-eur:before {
    content: "\f153"; }
  .c1 dl dd.fa-suitcase:before,
  .job-description dl dd.fa-suitcase:before {
    content: "\f0f2"; }
  .c1 dl dd.fa-clock-o:before,
  .job-description dl dd.fa-clock-o:before {
    content: "\f017"; }

.job-description dl dd:before {
  top: 2px; }

.tab-content hr {
  background: #dadee8; }

/* expired job */
.main-content-listing .alert {
  font-size: 16px; }
  .main-content-listing .alert i {
    vertical-align: bottom; }

.job-skills-pills {
  padding: 14px !important;
  margin: 7px 7px 7px 0;
  font-size: 1rem;
  color: #00263d !important;
  background-color: #f0f0f0;
  text-align: center;
  border-radius: 28px;
  display: inline-block;
  line-height: 1; }

.faq-card {
  margin: 0 0 20px; }
  .faq-card .container {
    padding: 0;
    border: 1px solid #DADEE8;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 5px; }
    .faq-card .container .card-header {
      padding: 12px; }
      .faq-card .container .card-header h4 {
        font-size: 20px;
        line-height: 32px;
        font-weight: 400;
        margin: 0; }
    .faq-card .container li {
      padding: 12px;
      border-top: 1px solid #DADEE8;
      display: flex;
      flex-direction: column;
      row-gap: 10px; }
      .faq-card .container li span {
        font-size: 16px;
        line-height: 18px; }
      .faq-card .container li .question {
        font-weight: 600; }

.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: 6px;
    background: #5f6d75; }
    .tabs a:hover, .tabs a:focus {
      background: #dfe2ec; }
    .tabs a.active {
      background: #515867;
      color: #fff; }

.section {
  margin: 0 0 12px; }

.section-title {
  margin-bottom: 6px; }

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

.comments li {
  margin-bottom: 12px; }

.comment-container {
  overflow: hidden;
  margin-bottom: 12px;
  list-style: none; }

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

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

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

#application {
  /* screener questions */ }
  #application p {
    font-size: 1rem;
    padding: 0.5em 0 0 0;
    color: #00263D; }
  #application .small-text {
    font-size: 12px;
    color: #747c83;
    line-height: 1.4;
    margin-bottom: 12px; }
  #application a {
    text-decoration: none; }
    #application a:hover:not(.btn) {
      color: #00bcb4;
      text-decoration: underline;
      -webkit-transition: background 0.1s linear;
      -moz-transition: background 0.1s linear;
      -ms-transition: background 0.1s linear;
      -o-transition: background 0.1s linear;
      transition: background 0.1s linear; }
  #application .btn {
    width: 100%; }
  #application .show-checkbox {
    display: block;
    clear: both;
    margin: 0 0 1em 0.5em; }
    #application .show-checkbox label {
      font-size: 0.75em;
      cursor: pointer; }
  #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 .info-message {
    text-align: center; }
    #application .info-message .fa {
      font-size: 2em;
      color: #00bcb4;
      margin-left: 0;
      vertical-align: middle; }
  #application input {
    width: 100%; }
  #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: 24px 12px; }
    #application .section1 .alert-success p {
      color: #00263D; }
    #application .section1 .fa {
      position: absolute;
      top: 10px;
      right: 10px; }
    #application .section1 hr {
      background-color: #00bcb4; }
    #application .section1 .alert-success-lg-text {
      font-size: 1.2em;
      font-weight: 700;
      color: #00263D; }
  #application .section2 {
    padding: 24px 12px;
    color: #00263D;
    border-top: 1px solid #dadee8; }
    #application .section2 select {
      border-radius: 5px;
      display: inline-block;
      border: 1px solid #dadee8;
      max-width: 250px; }
  #application .disabled {
    pointer-events: none;
    opacity: 0.4; }
    #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: #00bcb4; } }
    #application .btn-large:hover, #application .btn-large:focus {
      color: #fff;
      text-decoration: none; }
  #application #footer {
    background-color: #fff;
    color: #00263D;
    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; }
  #application .screener-row {
    margin-bottom: 12px;
    font-size: 16px; }
    #application .screener-row p,
    #application .screener-row label {
      margin-bottom: 12px; }
    #application .screener-row .YesNoMultiChoiceOption {
      display: inline; }
    #application .screener-row label {
      font-weight: normal;
      padding: 0.5em 0 0 0; }
    #application .screener-row .select2-container li {
      list-style: none; }
    #application .screener-row .select2-container {
      min-height: 44px;
      line-height: 10px; }
    #application .screener-row .select2-container--default .select2-selection__clear {
      font-size: 32px;
      color: #747c83; }
    #application .screener-row .select2-container--default .select2-selection--single {
      height: 44px;
      border: 1px solid #dadee8; }
      #application .screener-row .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 44px; }
      #application .screener-row .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 44px; }
    #application .screener-row .select2-container--classic .select2-search--inline {
      margin-left: 0; }
      #application .screener-row .select2-container--classic .select2-search--inline .select2-search__field {
        margin: 6px;
        padding: 6px 0;
        color: #00263D; }
    #application .screener-row .select2-selection--multiple {
      border: 1px solid #dadee8; }
      #application .screener-row .select2-selection--multiple .select2-selection__rendered {
        line-height: normal;
        padding: 0; }
      #application .screener-row .select2-selection--multiple .select2-selection__choice {
        line-height: normal;
        padding: 6px 6px 6px 12px;
        font-size: 16px;
        color: #00263D;
        background: #f1f2f6;
        border: 1px solid #dadee8;
        border-radius: 50px;
        margin: 5px 3px; }
      #application .screener-row .select2-selection--multiple .select2-selection__choice__remove {
        color: #747c83;
        font-weight: 700;
        margin: 0 6px;
        float: right;
        font-size: 22px;
        line-height: 20px; }
    #application .screener-row.select2-container--open .select2-selection--multiple {
      border: 1px solid #dadee8; }
  #application input[type="radio"].toggle,
  #application input[type="checkbox"].toggle {
    display: none; }
  #application input[type="radio"].toggle + label,
  #application input[type="checkbox"].toggle + label {
    min-width: 24.2%;
    color: #00263D;
    box-shadow: none;
    background: #f0f0f0;
    text-transform: none;
    font-family: "Open Sans", "Arial", sans-serif;
    font-size: 18px;
    font-weight: 400;
    border: 1px solid #dadee8;
    padding: 0.45em 0; }
    @media (max-width: 497px) {
      #application input[type="radio"].toggle + label,
      #application input[type="checkbox"].toggle + label {
        min-width: 49%; } }
  #application .btn-group-vertical input[type="radio"].toggle + label,
  #application .btn-group-vertical input[type="checkbox"].toggle + label {
    min-width: 49%; }
    @media (max-width: 497px) {
      #application .btn-group-vertical input[type="radio"].toggle + label,
      #application .btn-group-vertical input[type="checkbox"].toggle + label {
        min-width: 100%;
        margin-bottom: 6px; } }
  #application input[type="radio"].toggle:checked + label,
  #application input[type="checkbox"].toggle:checked + label {
    color: #fff;
    box-shadow: none;
    background: #00bcb4;
    border-color: #00bcb4; }
  #application input[type="radio"].toggle:checked + label.btn:hover,
  #application input[type="checkbox"].toggle:checked + label.btn:hover {
    background-position: 0 0;
    -webkit-transition: none;
    -moz-trainsition: none;
    transition: none; }

.terms-open-close .fa {
  color: #00bcb4 !important;
  margin-left: 0em !important; }

.disabled .terms-open-close .fa {
  color: #d3d3d3 !important; }

/* select2 styles */
.select2-container .select2-dropdown {
  border-color: #dadee8;
  box-shadow: 0px 15px 23px -14px rgba(0, 0, 0, 0.25); }

.select2-container.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #dadee8;
  font-size: 16px; }

.select2-container.select2-container--classic.select2-container--open .select2-results__option {
  padding: 12px 6px;
  font-size: 16px;
  color: #00263D; }

.select2-container.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #f1f2f6;
  color: #00263D; }

.select2-container.select2-container--default {
  font-size: 16px;
  min-height: 44px;
  max-height: 44px; }
  .select2-container.select2-container--default .select2-search--dropdown .select2-search__field {
    padding: 12px;
    border: 1px solid #dadee8;
    margin-bottom: 0;
    font-size: 16px;
    color: #00263D; }
  .select2-container.select2-container--default .select2-results__option {
    padding: 12px 6px; }
  .select2-container.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #747c83; }
  .select2-container.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #f1f2f6;
    color: #00263D; }

.screener-questions .btn-group, .screener-questions .btn-group-vertical {
  display: grid;
  grid-template-columns: 1fr 1fr; }
  .screener-questions .btn-group label .btn, .screener-questions .btn-group-vertical label .btn {
    display: flex;
    align-items: center; }
  .screener-questions .btn-group label.btn:nth-child(2n), .screener-questions .btn-group-vertical label.btn:nth-child(2n) {
    border-radius: 6px 0 0 6px; }
  .screener-questions .btn-group label.btn:nth-child(4n), .screener-questions .btn-group-vertical label.btn:nth-child(4n) {
    border-radius: 0 6px 6px 0; }
  .screener-questions .btn-group label.btn:last-child, .screener-questions .btn-group-vertical label.btn:last-child {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px; }

/*------------------------------------*    $MESSAGING
\*------------------------------------*/
.alert {
  clear: both;
  padding: 12px;
  margin-bottom: 12px;
  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: #00bcb4;
  font-size: 1.1em;
  font-weight: 500; }
  .cv-replace-msg::before {
    content: "\f12a";
    font-family: FontAwesome;
    color: #00bcb4;
    padding: 0 0.5em 0 1em;
    font-size: 1.5em; }

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

.cookies-warning,
.hse-banner {
  display: block;
  z-index: 1;
  width: 100%;
  background: #515867;
  color: #fff; }
  .cookies-warning .wrap, .cookies-warning .login-wrap,
  .hse-banner .wrap,
  .hse-banner .login-wrap {
    margin: 0 auto; }
  @media (max-width: 990px) {
    .cookies-warning .wrap, .cookies-warning .login-wrap,
    .hse-banner .wrap,
    .hse-banner .login-wrap {
      margin: 0 12px; } }
  .cookies-warning p,
  .hse-banner p {
    font-size: 14px;
    margin: 0 -12px;
    font-family: "Open Sans", "Arial", sans-serif;
    color: #fff;
    padding: 12px;
    float: left;
    width: 96%; }
  .cookies-warning h2,
  .hse-banner h2 {
    font-size: 14px;
    padding-bottom: 0;
    text-align: left; }
    @media (max-width: 44em) {
      .cookies-warning h2,
      .hse-banner h2 {
        font-size: 12px; } }
  .cookies-warning span,
  .hse-banner span {
    text-decoration: underline; }
  .cookies-warning a,
  .hse-banner a {
    color: #fff;
    text-decoration: underline; }
  .cookies-warning button,
  .hse-banner button {
    float: right;
    font-size: 20px;
    padding: 12px;
    background: none;
    box-shadow: none;
    color: #fff;
    margin: 0 -12px 0; }

.hse-banner {
  background: #fff;
  position: fixed;
  bottom: 0;
  padding: 6px 0;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.35);
  z-index: 999; }
  @media (max-width: 706px) {
    .hse-banner {
      position: relative; } }
  @media (max-width: 706px) {
    .hse-banner.hse-fixed-top {
      position: fixed;
      top: 0;
      height: fit-content;
      max-height: 48px; } }
  .hse-banner p {
    color: #00263D;
    float: none;
    padding: 6px 0;
    font-size: 16px;
    width: auto;
    margin: 0;
    text-align: center;
    font-weight: bold; }
    .hse-banner p img {
      width: 46px;
      vertical-align: top;
      margin-right: 24px; }
      @media (max-width: 766px) {
        .hse-banner p img {
          width: 32px;
          margin-right: 5px; } }
    @media (max-width: 375px) {
      .hse-banner p {
        font-size: 14px; } }
    .hse-banner p span {
      font-weight: normal;
      text-decoration: none; }
    .hse-banner p a {
      color: #00bcb4; }
      @media (min-width: 767px) {
        .hse-banner p a {
          display: none; } }
  .hse-banner .hse-btn {
    color: #fff;
    display: inline-block;
    margin-left: 24px;
    background: #00bcb4;
    padding: 6px 24px;
    text-decoration: none;
    border-radius: 5px; }
    @media (max-width: 766px) {
      .hse-banner .hse-btn {
        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 #00263D;
  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: #00263D;
    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: #00263D;
  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: #00263D;
    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: #00263D; }

#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: left;
    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%; } }
  #head-refinement h3 {
    font-weight: 700;
    font-family: "Montserrat", "Arial", sans-serif;
    font-size: 1em;
    padding-bottom: 1em;
    text-transform: capitalize;
    display: inline; }
  #head-refinement #refinements {
    display: block;
    float: left;
    margin-left: 42.29167%;
    margin-right: -100%;
    width: 57.70833%;
    font-size: 1em;
    text-align: right;
    align-items: baseline; }
    #head-refinement #refinements label {
      text-align: left;
      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; }
      @media (max-width: 34em) {
        #head-refinement #refinements #employer-agency {
          clear: both;
          display: block;
          float: left;
          margin-left: 0;
          width: 100%;
          float: right;
          padding: 1em 0 0 0; } }
    #head-refinement #refinements #full-part {
      padding-left: 1.2em;
      float: right;
      border-left: 1px solid #333;
      min-height: 1.5em; }
      @media (max-width: 34em) {
        #head-refinement #refinements #full-part {
          margin-top: 1em;
          clear: both;
          display: block;
          float: left;
          margin-left: 0;
          width: 100%;
          border-left: none; } }
  #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 #00263D;
  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.875rem;
    line-height: 0.875rem;
    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: #f7f7f7; }
    .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: #00263D; }
  .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: #00263D;
      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: #00263D; }
    @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: #00bcb4;
    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: #00263D; }
  .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: block;
  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: #00263D; }

/*---------------------------------    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: #00263D;
      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: #00263D;
        box-shadow: none;
        color: #fff; }
        .job-list .job-list-refresh .job-list-refresh-link:hover :before {
          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: #00263D;
        font-size: 1.8em;
        float: left; }
  .job-list .job-list-item {
    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: right;
          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: #00263D;
        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: #00263D;
        cursor: pointer; }
      .job-list .job-list-item .company a:hover {
        text-decoration: none;
        color: #00bcb4; }
      .job-list .job-list-item .company a:visited {
        color: #00263D; }
      .job-list .job-list-item .company .following {
        color: #00263D;
        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: #00263D;
      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; }
    .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;
          text-align: right; } }
      @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 h3 {
  text-align: center;
  font-size: 1rem;
  padding-bottom: 1rem;
  font-weight: 400; }
  @media (max-width: 767px) {
    .expired-job-similar-title h3 {
      text-align: left;
      font-size: 0.875rem;
      font-weight: 400; } }

.titleJobs {
  line-height: 1.2;
  padding-top: .5em;
  font-size: large;
  font-size: 2rem;
  font-weight: 300;
  padding-bottom: .3em;
  text-align: center; }
  @media (max-width: 767px) {
    .titleJobs {
      text-align: left;
      font-size: 1rem;
      font-weight: 400;
      margin-top: -15px; } }

/* ----------------- 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: #00263D;
      cursor: pointer; }
    .course-list .course-list-header .college .name a:hover {
      text-decoration: none;
      color: #00bcb4; }
    .course-list .course-list-header .college .name a:visited {
      color: #00263D; }
    @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: none;
      background: #dfe2ec;
      font-size: 0.875em;
      color: #00263D;
      font-weight: normal;
      box-shadow: none;
      border: none;
      border-radius: 3px;
      display: inline-block;
      padding: 1em 2em;
      text-align: center;
      text-decoration: none;
      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: #00263D;
        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: 16px; }
        .course-list .course-list-refresh .course-list-refresh-link .refresh-action-text i {
          font-size: 24px;
          padding-right: 12px;
          vertical-align: bottom; }
  .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: 1rem;
    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 {
  clear: both;
  display: block;
  float: left;
  margin-left: 0;
  width: 100%;
  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;
  float: none; }
  @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: #00263D; }
  .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 {
  position: absolute;
  right: 0;
  padding: 0.5em 1em;
  text-transform: capitalize; }
  @media (max-width: 724px) {
    .back-to-top span {
      display: none; } }
  .back-to-top:after {
    content: "\f106";
    color: #00263D;
    font-family: FontAwesome;
    text-decoration: none;
    display: inline;
    font-size: 1.4em;
    padding-left: 0.5em;
    margin: 0; }

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

/*new serp styles*/
.heading.heading-serp {
  padding: 0;
  margin-top: 2rem; }
  @media (max-width: 706px) {
    .heading.heading-serp {
      text-transform: none;
      background-color: transparent;
      padding: 0 0 12px;
      font-weight: normal;
      font-size: 14px;
      text-align: left; } }
  @media (max-width: 640px) {
    .heading.heading-serp.rec-heading {
      padding: 0; } }

.serp-list {
  display: block;
  float: left;
  margin-left: 0;
  margin-right: -100%;
  width: 100.0%;
  padding: 0 0 0.75em;
  position: relative;
  display: inline;
  clear: both; }
  .serp-list .serp-item {
    margin: -1px auto 0; }
    .serp-list .serp-item .default-card {
      margin: 0 0 12px;
      -webkit-box-shadow: 0 1px 4px rgba(32, 33, 36, 0.14);
      -moz-box-shadow: 0 1px 4px rgba(32, 33, 36, 0.14);
      box-shadow: 0 1px 4px rgba(32, 33, 36, 0.14); }
    .serp-list .serp-item .promoted-border {
      border-top: 3px solid #00bcb4;
      padding-top: 24px;
      margin: 24px 0;
      -webkit-box-shadow: 0 1px 4px rgba(32, 33, 36, 0.14);
      -moz-box-shadow: 0 1px 4px rgba(32, 33, 36, 0.14);
      box-shadow: 0 1px 4px rgba(32, 33, 36, 0.14); }
      @media (min-width: 725px) {
        .serp-list .serp-item .promoted-border {
          -webkit-box-shadow: 0 1px 6px rgba(32, 33, 36, 0.28);
          -moz-box-shadow: 0 1px 6px rgba(32, 33, 36, 0.28);
          box-shadow: 0 1px 6px rgba(32, 33, 36, 0.28); } }
      .serp-list .serp-item .promoted-border .btn-icon {
        top: 22px; }
        @media (max-width: 414px) {
          .serp-list .serp-item .promoted-border .btn-icon {
            width: auto;
            display: block;
            right: 6px; } }
      .serp-list .serp-item .promoted-border:before {
        position: absolute;
        content: "Promoted";
        top: -2px;
        right: 0;
        background-color: #00bcb4;
        color: #fff;
        border-radius: 0 3px 0 5px;
        font-size: 12px;
        padding: 0px 15px 2px; }
    .serp-list .serp-item .featured-border {
      border-top: 3px solid #fbd245;
      padding-top: 24px;
      margin: 24px 0;
      -webkit-box-shadow: 0 1px 4px rgba(32, 33, 36, 0.14);
      -moz-box-shadow: 0 1px 4px rgba(32, 33, 36, 0.14);
      box-shadow: 0 1px 4px rgba(32, 33, 36, 0.14); }
      @media (min-width: 725px) {
        .serp-list .serp-item .featured-border {
          -webkit-box-shadow: 0 1px 6px rgba(32, 33, 36, 0.28);
          -moz-box-shadow: 0 1px 6px rgba(32, 33, 36, 0.28);
          box-shadow: 0 1px 6px rgba(32, 33, 36, 0.28); } }
      .serp-list .serp-item .featured-border .btn-icon {
        top: 22px; }
        @media (max-width: 414px) {
          .serp-list .serp-item .featured-border .btn-icon {
            width: auto;
            display: block;
            right: 6px; } }
      .serp-list .serp-item .featured-border:before {
        position: absolute;
        content: "Featured";
        top: -2px;
        right: 0;
        background-color: #fbd245;
        color: #00263D;
        border-radius: 0 3px 0 5px;
        font-size: 12px;
        padding: 0px 15px 2px; }
    .serp-list .serp-item .rec-border {
      margin: 12px 0;
      -webkit-box-shadow: 0 1px 4px rgba(32, 33, 36, 0.14);
      -moz-box-shadow: 0 1px 4px rgba(32, 33, 36, 0.14);
      box-shadow: 0 1px 4px rgba(32, 33, 36, 0.14); }
      @media (min-width: 725px) {
        .serp-list .serp-item .rec-border {
          -webkit-box-shadow: 0 1px 6px rgba(32, 33, 36, 0.14);
          -moz-box-shadow: 0 1px 6px rgba(32, 33, 36, 0.14);
          box-shadow: 0 1px 6px rgba(32, 33, 36, 0.14); } }
      @media (max-width: 414px) {
        .serp-list .serp-item .rec-border .btn-icon {
          width: auto;
          display: block;
          right: 6px; } }
    .serp-list .serp-item .btn-icon {
      position: absolute;
      right: 12px;
      top: 12px; }
      @media (max-width: 414px) {
        .serp-list .serp-item .btn-icon {
          width: auto;
          display: block;
          right: 6px; } }
      .serp-list .serp-item .btn-icon .fa-heart-o {
        font-size: 24px;
        color: #5f6d75;
        float: none;
        padding: 0;
        border: none; }
      .serp-list .serp-item .btn-icon .fa-heart {
        font-size: 24px;
        color: #00bcb4;
        float: none;
        padding: 0;
        border: none; }
      .serp-list .serp-item .btn-icon .applied {
        color: #fff;
        font-size: 12px;
        background: #747c83;
        border-radius: 12px;
        padding: 3px 6px; }
        @media (max-width: 724px) {
          .serp-list .serp-item .btn-icon .applied {
            font-size: 9px; } }
        @media (max-width: 414px) {
          .serp-list .serp-item .btn-icon .applied {
            margin-right: 6px; } }
    .serp-list .serp-item .serp-company-logo {
      float: left;
      width: 100px;
      height: 100px;
      line-height: 80px;
      border: 1px solid #dadee8;
      border-radius: 5px;
      text-align: center;
      padding: 8px;
      overflow: hidden;
      transition: border 0.2s ease-in-out 0s; }
      .serp-list .serp-item .serp-company-logo:hover {
        border: 1px solid #00bcb4; }
      @media (max-width: 724px) {
        .serp-list .serp-item .serp-company-logo {
          display: none; } }
      .serp-list .serp-item .serp-company-logo img {
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
        vertical-align: middle;
        font-size: 8px;
        white-space: normal;
        text-align: left;
        line-height: normal;
        color: #00263D;
        overflow: hidden; }
    .serp-list .serp-item .serp-job-details {
      float: left;
      width: 82.8%;
      margin-left: 12px; }
      @media (max-width: 724px) {
        .serp-list .serp-item .serp-job-details {
          margin: 0;
          width: 100%; } }
      .serp-list .serp-item .serp-job-details .serp-title {
        width: 93.5%;
        overflow-wrap: break-word;
        word-wrap: break-word;
        word-break: break-word; }
        @media (max-width: 724px) {
          .serp-list .serp-item .serp-job-details .serp-title {
            width: 95%; } }
        @media (max-width: 624px) {
          .serp-list .serp-item .serp-job-details .serp-title {
            width: 93%; } }
        @media (max-width: 494px) {
          .serp-list .serp-item .serp-job-details .serp-title {
            width: 90%; } }
        @media (max-width: 374px) {
          .serp-list .serp-item .serp-job-details .serp-title {
            width: 88%; } }
        .serp-list .serp-item .serp-job-details .serp-title a {
          color: #00263D; }
          .serp-list .serp-item .serp-job-details .serp-title a:visited {
            color: #00263D; }
        .serp-list .serp-item .serp-job-details .serp-title h2 {
          font-size: 1.27rem;
          padding: 0px;
          text-align: left;
          font-weight: 700;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          margin-bottom: 4px; }
          @media (max-width: 724px) {
            .serp-list .serp-item .serp-job-details .serp-title h2 {
              white-space: normal; } }
          .serp-list .serp-item .serp-job-details .serp-title h2.rec-head {
            white-space: normal;
            text-overflow: initial;
            height: 52px;
            max-height: 52px; }
        .serp-list .serp-item .serp-job-details .serp-title .company-title-name {
          font-size: 16px;
          margin-bottom: 6px;
          display: inline-block; }
          .serp-list .serp-item .serp-job-details .serp-title .company-title-name .following {
            color: #747c83;
            font-size: 12px;
            background: #f1f2f6;
            border-radius: 10px;
            padding: 3px 6px; }
      .serp-list .serp-item .serp-job-details .serp-description-info {
        margin: 6px 0;
        color: #00263D;
        font-size: 0.875rem; }
        .serp-list .serp-item .serp-job-details .serp-description-info:hover, .serp-list .serp-item .serp-job-details .serp-description-info:focus {
          text-decoration: none; }
        .serp-list .serp-item .serp-job-details .serp-description-info.rec-info {
          margin: 3px 0 0; }
        .serp-list .serp-item .serp-job-details .serp-description-info dd {
          line-height: 1.6;
          position: relative;
          padding-left: 24px; }
          .serp-list .serp-item .serp-job-details .serp-description-info dd:before {
            position: absolute;
            left: 0;
            top: 2px;
            display: inline-block;
            font: normal normal normal 14px/1 FontAwesome;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            transform: translate(0, 0);
            color: #747c83;
            font-size: 18px;
            text-align: center;
            width: 18px; }
          .serp-list .serp-item .serp-job-details .serp-description-info dd .fa-map-marker:before {
            content: "\f041"; }
          .serp-list .serp-item .serp-job-details .serp-description-info dd .fa-eur:before {
            content: "\f153"; }
          .serp-list .serp-item .serp-job-details .serp-description-info dd .fa-suitcase:before {
            content: "\f0f2"; }
          .serp-list .serp-item .serp-job-details .serp-description-info dd .fa-clock-o:before {
            content: "\f017"; }
        .serp-list .serp-item .serp-job-details .serp-description-info .dl-recommended-jobs {
          margin-bottom: 0;
          font-family: "Open Sans", "Arial", sans-serif; }
          .serp-list .serp-item .serp-job-details .serp-description-info .dl-recommended-jobs dd {
            margin-bottom: 0;
            font-family: "Open Sans", "Arial", sans-serif; }
      .serp-list .serp-item .serp-job-details .snippet {
        margin: 12px 0 0; }
  .serp-list .job-list-refresh {
    min-height: 2em;
    border-bottom: 1px solid #dadee8;
    text-align: center; }
    .serp-list .job-list-refresh .job-list-refresh-link {
      text-transform: none;
      background: #dfe2ec;
      font-size: 0.875em;
      color: #00263D;
      font-weight: normal;
      box-shadow: none;
      border: none;
      border-radius: 3px;
      display: inline-block;
      padding: 1em 2em;
      text-align: center;
      text-decoration: none;
      margin: 0 0 1em; }
      .serp-list .job-list-refresh .job-list-refresh-link:hover {
        background: #00263D;
        box-shadow: none;
        color: #fff; }
      .serp-list .job-list-refresh .job-list-refresh-link .refresh-action-text {
        font-size: 16px; }
        .serp-list .job-list-refresh .job-list-refresh-link .refresh-action-text i {
          font-size: 24px;
          padding-right: 12px;
          vertical-align: bottom; }

.job-alert-wide-section {
  background-color: #f1f1f1;
  padding: 1em;
  clear: both;
  margin: 2em 0; }
  .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; } }

.large-block.no-results, .no-results.red-top-block, .no-results.no-top-block {
  padding: 12px;
  box-shadow: none; }
  @media (max-width: 676px) {
    .large-block.no-results, .no-results.red-top-block, .no-results.no-top-block {
      margin-top: 12px; } }
  .large-block.no-results .h2, .no-results.red-top-block .h2, .no-results.no-top-block .h2 {
    font-weight: 400; }
  .large-block.no-results .terms, .no-results.red-top-block .terms, .no-results.no-top-block .terms {
    font-size: 0.75rem; }

.no-results {
  text-align: center; }
  .no-results h2 {
    font-weight: 400; }
  .no-results .create-ja strong {
    text-align: center;
    display: block;
    margin-bottom: 1rem; }
  .no-results .create-ja button,
  .no-results .create-ja input {
    text-transform: none;
    font-size: 1rem;
    width: 54%;
    font-family: "Open Sans", "Arial", sans-serif;
    padding: 12px; }
    @media (max-width: 676px) {
      .no-results .create-ja button,
      .no-results .create-ja input {
        width: 100%; } }
  .no-results .create-ja button {
    box-shadow: none; }
  .no-results .create-ja .no-results-job-alert-message {
    width: 54%;
    margin: auto; }
    @media (max-width: 676px) {
      .no-results .create-ja .no-results-job-alert-message {
        width: 100%; } }

.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: #00263D;
    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(38, 46, 65, 0.65);
  padding: 24px;
  width: 100%;
  margin: auto;
  clear: both;
  position: relative;
  border-radius: 5px;
  max-width: 1170px; }
  @media (max-width: 31em) {
    .search-form, .search-form-home {
      padding: 0;
      background-color: #383f51;
      padding: 12px 12px 0;
      border-top: 4px solid #00bcb4;
      margin-bottom: 0;
      border-radius: 0px; } }
  .search-form .accordion, .search-form-home .accordion {
    border: none;
    padding: 0; }
  @media (max-width: 31em) {
    .search-form h3.acc-handle, .search-form-home h3.acc-handle {
      padding: 0; } }
  .search-form h3.search, .search-form-home h3.search {
    color: #fbd245;
    font-weight: 400;
    font-size: 1.2em;
    margin-top: 6px;
    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 {
    width: 100%; }
  .search-form input[type=search], .search-form-home input[type=search] {
    width: 100%; }
  .search-form select, .search-form-home select, .search-form input[type=search], .search-form-home input[type=search] {
    padding: 12px 12px 12px 36px;
    margin: 0 6px 0 0;
    font-size: 18px;
    border: 1px solid #dadee8;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    color: #00263D;
    min-height: 53px; }
    .search-form select:focus, .search-form-home select:focus, .search-form input[type=search]:focus, .search-form-home input[type=search]:focus {
      outline: none;
      border: 1px solid #fbd245 !important;
      box-shadow: 0px 2px 5px 5px rgba(0, 0, 0, 0.35); }
    @media (max-width: 61.5em) {
      .search-form select, .search-form-home select, .search-form input[type=search], .search-form-home input[type=search] {
        font-size: 17px;
        /* prevents zooming on iOS */
        margin: 6px 3px; } }
    @media (max-width: 31em) {
      .search-form select, .search-form-home select, .search-form input[type=search], .search-form-home input[type=search] {
        width: 100%;
        margin: 0 0 12px; } }
  .search-form input[type=search], .search-form-home input[type=search] {
    font-weight: 700; }
    .search-form input[type=search]::placeholder, .search-form-home input[type=search]::placeholder {
      color: #747c83;
      font-weight: 400; }
  .search-form select:hover, .search-form-home select:hover {
    cursor: pointer; }
  .search-form select:disabled, .search-form-home select:disabled {
    color: #747c83; }
  .search-form fieldset, .search-form-home fieldset {
    text-align: center; }
    @media (max-width: 31em) {
      .search-form fieldset, .search-form-home fieldset {
        display: none; } }
  .search-form .input-container, .search-form-home .input-container {
    position: relative;
    float: left;
    width: 29.4%;
    margin-right: 6px; }
    @media (min-width: 31em) and (max-width: 61.5em) {
      .search-form .input-container.flr-t, .search-form-home .input-container.flr-t {
        float: right; } }
    @media (min-width: 31em) and (max-width: 61.5em) {
      .search-form .input-container.fll-t, .search-form-home .input-container.fll-t {
        float: left; } }
    @media (min-width: 985px) and (max-width: 1063px) {
      .search-form .input-container, .search-form-home .input-container {
        width: 29.3%; } }
    @media (min-width: 31em) and (max-width: 61.5em) {
      .search-form .input-container, .search-form-home .input-container {
        width: 49.5%;
        margin-right: 0; } }
    @media (max-width: 31em) {
      .search-form .input-container, .search-form-home .input-container {
        width: 100%; } }
    .search-form .input-container .input-icon, .search-form-home .input-container .input-icon {
      position: absolute;
      color: #dadee8;
      font-size: 20px;
      z-index: 1;
      top: 17px;
      left: 12px;
      width: 20px;
      text-align: center; }
      @media (max-width: 61.5em) {
        .search-form .input-container .input-icon, .search-form-home .input-container .input-icon {
          top: 23px; } }
      @media (max-width: 496px) {
        .search-form .input-container .input-icon, .search-form-home .input-container .input-icon {
          top: 17px; } }
      .search-form .input-container .input-icon.fa-graduation-cap, .search-form-home .input-container .input-icon.fa-graduation-cap {
        left: 9px; }
      @media (max-width: 31em) {
        .search-form .input-container .input-icon.fa-building, .search-form-home .input-container .input-icon.fa-building, .search-form .input-container .input-icon.fa-map-marker, .search-form-home .input-container .input-icon.fa-map-marker, .search-form .input-container .input-icon.fa-graduation-cap, .search-form-home .input-container .input-icon.fa-graduation-cap {
          top: 17px; } }
      .search-form .input-container .input-icon.focus, .search-form-home .input-container .input-icon.focus {
        color: red; }
    .search-form .input-container .autosuggest, .search-form-home .input-container .autosuggest {
      position: absolute;
      top: 7px;
      width: 40px;
      height: 40px;
      z-index: 1;
      padding: 5px;
      display: none; }
      .search-form .input-container .autosuggest.autosuggest-loader, .search-form-home .input-container .autosuggest.autosuggest-loader {
        color: #dadee8;
        top: 17px;
        right: 10px;
        background: url(~/Content/images/CloudPicker/loader-grey.gif) no-repeat 0 0;
        background-size: 20px 20px;
        -webkit-background-size: 20px 20px; }
        @media (max-width: 61.5em) {
          .search-form .input-container .autosuggest.autosuggest-loader, .search-form-home .input-container .autosuggest.autosuggest-loader {
            background-position-y: 7px; } }
        @media (max-width: 31em) {
          .search-form .input-container .autosuggest.autosuggest-loader, .search-form-home .input-container .autosuggest.autosuggest-loader {
            background-position-y: 0px; } }
      .search-form .input-container .autosuggest.autosuggest-clear, .search-form-home .input-container .autosuggest.autosuggest-clear {
        font-size: 20px;
        right: 0;
        text-align: center;
        cursor: pointer; }
      @media (max-width: 61.5em) {
        .search-form .input-container .autosuggest, .search-form-home .input-container .autosuggest {
          top: 15px; } }
      @media (max-width: 31em) {
        .search-form .input-container .autosuggest, .search-form-home .input-container .autosuggest {
          top: 8px; } }
    .search-form .input-container input.keywords::-ms-clear, .search-form-home .input-container input.keywords::-ms-clear {
      display: none; }
    .search-form .input-container input.keywords[readonly], .search-form-home .input-container input.keywords[readonly] {
      color: #dadee8; }
    .search-form .input-container input.keywords.tt-hint, .search-form-home .input-container input.keywords.tt-hint {
      margin: 0; }
      @media (max-width: 61.5em) {
        .search-form .input-container input.keywords.tt-hint, .search-form-home .input-container input.keywords.tt-hint {
          margin: 6px 3px; } }
      @media (max-width: 496px) {
        .search-form .input-container input.keywords.tt-hint, .search-form-home .input-container input.keywords.tt-hint {
          margin: 0; } }
    .search-form .input-container input.keywords.tt-input, .search-form-home .input-container input.keywords.tt-input {
      padding-right: 48px; }
  .search-form .input-container-last, .search-form-home .input-container-last {
    position: relative;
    width: 10%;
    float: left; }
    @media (max-width: 61.5em) {
      .search-form .input-container-last, .search-form-home .input-container-last {
        width: 49.5%;
        float: right; } }
    @media (max-width: 496px) {
      .search-form .input-container-last, .search-form-home .input-container-last {
        width: 100%; } }
  @media (min-width: 61.5em) {
    .search-form .break-t, .search-form-home .break-t {
      display: none; } }
  @media (max-width: 31em) {
    .search-form .break-t, .search-form-home .break-t {
      display: block; } }
  @media (min-width: 31em) {
    .search-form .break-m, .search-form-home .break-m {
      display: none; } }
  @media (max-width: 31em) {
    .search-form .break-m, .search-form-home .break-m {
      display: block; } }
  .search-form .search-btn, .search-form-home .search-btn {
    width: 100%;
    background-color: #fbd245;
    color: #00263D;
    padding: 14px 0;
    font-size: 18px;
    font-weight: 700;
    font-family: "Open Sans", "Arial", sans-serif;
    box-shadow: none;
    margin-bottom: 0;
    text-transform: none;
    border-radius: 5px;
    min-height: 53px; }
    @media (max-width: 31em) {
      .search-form .search-btn, .search-form-home .search-btn {
        display: none;
        font-size: 17px; } }
    .search-form .search-btn:hover, .search-form-home .search-btn:hover {
      background-color: #e8b007;
      top: 0px !important; }
    @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: 100%;
        background-color: #fbd245;
        color: #00263D;
        margin: 6px 3px;
        padding: 14px 0;
        font-size: 17px;
        text-transform: none;
        font-weight: 700;
        font-family: "Open Sans", "Arial", sans-serif;
        border-radius: 5px;
        min-height: 53px; }
        .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: #e8b007;
          top: 0; } }
  @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; } }

.search-form input[type=search]:-ms-input-placeholder, .search-form-home input[type=search]:-ms-input-placeholder {
  color: #747c83;
  font-weight: 400; }

/* typeahead styles */
.twitter-typeahead {
  width: 100%; }

.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.tt-hint {
  color: #999; }

.tt-menu {
  /* used to be tt-dropdown-menu in older versions */
  position: relative;
  width: 202%;
  margin-top: 2px;
  background-color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15); }
  @media (max-width: 61.5em) {
    .tt-menu {
      margin: -4px 3px 0;
      width: 201%; } }
  @media (max-width: 53em) {
    .tt-menu {
      width: 202%; } }
  @media (max-width: 34em) {
    .tt-menu {
      width: 203%; } }
  @media (max-width: 31em) {
    .tt-menu {
      width: 100%; } }
  @media (max-width: 496px) {
    .tt-menu {
      margin: -10px 0 0; } }
  .tt-menu .recent-searches-title {
    text-align: left;
    color: #747c83;
    font-size: 14px;
    padding: 6px 12px;
    border-bottom: 1px solid #dadee8; }
    @media (max-width: 31em) {
      .tt-menu .recent-searches-title {
        padding: 6px; } }
  .tt-menu .tt-suggestion {
    display: block;
    text-align: left;
    padding: 12px;
    font-size: 18px; }
    .tt-menu .tt-suggestion:first-of-type {
      border-radius: 5px 5px 0 0; }
    .tt-menu .tt-suggestion:last-of-type {
      border-radius: 0 0 5px 5px; }
    @media (max-width: 61.5em) {
      .tt-menu .tt-suggestion {
        font-size: 17px; } }
    @media (max-width: 31em) {
      .tt-menu .tt-suggestion {
        font-size: 15px;
        padding: 12px 6px; } }
    .tt-menu .tt-suggestion span + span {
      font-size: 12px;
      display: block;
      line-height: 0.4;
      padding-top: 6px; }
      .tt-menu .tt-suggestion span + span.label {
        display: inline-block;
        color: #747c83;
        padding: 6px; }
  @media (max-width: 31em) {
    .tt-menu .tt-suggestion:nth-child(n+6) {
      display: none; } }
  .tt-menu .tt-suggestion.tt-cursor,
  .tt-menu .tt-suggestion:hover {
    background-color: #f1f2f6;
    cursor: pointer; }
  .tt-menu .tt-suggestion:last-of-type:hover {
    border-radius: 0px 0px 5px 5px; }

/* toggle search form */
@media (max-width: 496px) {
  .toggle-search.hide-loc {
    display: none; } }

@media (max-width: 496px) {
  .toggle-search.hide-sec {
    display: none; } }

@media (max-width: 984px) {
  .toggle-search.hide-sec {
    display: none; } }

.cancel-show-search-form {
  color: white;
  padding: 6px 0 12px;
  float: right;
  margin-bottom: 6px;
  cursor: pointer;
  display: none; }

.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: 12px; }

.register {
  background-color: rgba(38, 46, 65, 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; } }

.small-text {
  font-size: 12px;
  color: #747c83;
  line-height: 1.4;
  margin-bottom: 12px; }

.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; } }

.modal .modal-lg,
.confirm-modal .modal-lg {
  max-width: 44em; }

.modal p,
.confirm-modal p {
  padding-left: 0;
  color: #00263D; }

.modal .request-options,
.confirm-modal .request-options {
  text-align: center; }
  .modal .request-options button,
  .confirm-modal .request-options button {
    background-color: #00263D;
    padding: 0.45em 3.6em; }
  .modal .request-options button:first-of-type,
  .confirm-modal .request-options button:first-of-type {
    margin-right: 14px; }

.modal .custom-close,
.confirm-modal .custom-close {
  margin-right: -10px;
  position: absolute;
  right: 10px;
  top: 0px;
  color: #747c83;
  cursor: pointer;
  border-radius: 30px;
  padding: 8px 10px; }

.modal .modal-body,
.confirm-modal .modal-body {
  height: calc(100vh - 60px);
  overflow: auto; }
  @media (max-width: 44em) {
    .modal .modal-body,
    .confirm-modal .modal-body {
      height: calc(100vh - 50px); } }

.modal.apply-modal p,
.confirm-modal.apply-modal p {
  margin-bottom: 8px; }

.modal.apply-modal:before,
.confirm-modal.apply-modal:before {
  height: 100%; }

.modal.apply-modal .modal-body,
.confirm-modal.apply-modal .modal-body {
  height: auto; }
  @media (max-width: 640px) {
    .modal.apply-modal .modal-body,
    .confirm-modal.apply-modal .modal-body {
      padding: 12px; } }

@media (max-width: 640px) {
  .modal.apply-modal .modal-dialog,
  .confirm-modal.apply-modal .modal-dialog {
    margin: 0;
    min-width: 100%; } }

@media (max-width: 640px) {
  .apply-modal#loginModal:before, .apply-modal#continueToApplicationModal:before {
    height: auto;
    display: block; } }

.apply-modal#registerModal:before {
  height: auto;
  display: block; }

.apply-modal {
  z-index: 99999; }
  @media (max-width: 640px) {
    .apply-modal .modal-content {
      min-height: 100vh; } }
  .apply-modal .reg-modal-back {
    color: #747c83;
    font-size: 24px;
    vertical-align: middle;
    padding: 6px 9px 6px 5px;
    cursor: pointer;
    position: relative;
    left: -3px;
    border-radius: 3px;
    -webkit-transition: background 0.1s linear;
    -moz-transition: background 0.1s linear;
    -ms-transition: background 0.1s linear;
    -o-transition: background 0.1s linear;
    transition: background 0.1s linear; }
    .apply-modal .reg-modal-back:hover {
      background: #f0f0f0;
      cursor: pointer; }
  .apply-modal h2 {
    margin: 0 0 1rem;
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: bold;
    text-align: left;
    padding: 0; }
  .apply-modal p {
    font-size: 1rem;
    padding: 0;
    margin: 0; }
  .apply-modal label {
    display: inline-block; }
  .apply-modal a {
    font-size: 0.875rem; }
  .apply-modal .field-validation-error {
    margin: 0 0 -10px 0; }
  .apply-modal #divMessagePassword,
  .apply-modal #divMessageEmail,
  .apply-modal #divMessageCv {
    padding-bottom: 32px; }
  .apply-modal .public-check-reg {
    display: inline-block;
    font-size: 1rem;
    position: relative;
    top: 2px;
    margin-bottom: 24px; }
  .apply-modal .small-text {
    font-size: 12px;
    color: #747c83;
    line-height: 1.4;
    margin-bottom: 12px; }
    .apply-modal .small-text a {
      font-size: 12px;
      color: #747c83;
      text-decoration: underline; }
  .apply-modal .modal-cv-upload-btn {
    padding: 0; }
  .apply-modal .qq-upload-button {
    height: auto;
    margin-left: 0;
    padding: 12px 24px; }
    .apply-modal .qq-upload-button input {
      margin: 0px !important;
      cursor: pointer !important;
      opacity: 0 !important;
      position: absolute !important;
      top: 0 !important;
      left: 0 !important;
      width: 100% !important;
      padding: 12px 24px !important;
      height: auto !important;
      border: none !important; }
  .apply-modal button.upload-cv-link {
    background: #00bcb4 !important;
    color: #fff !important;
    margin-bottom: 12px;
    display: block;
    font-size: 1rem;
    font-weight: 700;
    padding: 12px;
    text-align: center;
    text-decoration: none;
    width: 100%; }
    .apply-modal button.upload-cv-link :hover {
      color: #fff !important; }
  .apply-modal .upload-cv-link {
    padding: 0;
    height: auto;
    display: inline-block;
    margin-bottom: 24px;
    text-decoration: underline;
    cursor: pointer;
    color: #00bcb4;
    background: transparent;
    text-align: left;
    font-size: 14px;
    padding: 0;
    border: none;
    box-shadow: none;
    font-weight: normal; }
    .apply-modal .upload-cv-link:hover {
      color: #02837f; }
    .apply-modal .upload-cv-link .qq-upload-button {
      padding: 0; }
  .apply-modal #divLoginPassword span,
  .apply-modal #divPassword span {
    display: block; }

#welcomeBackMessage {
  background-color: #e5f8f7 !important;
  margin-bottom: 1.6em; }
  #welcomeBackMessage hr {
    background: #a7e7e5;
    border: 0 !important;
    margin: 12px 0 12px 0; }

#confirmDefaultCV {
  background-color: #e5f8f7 !important; }

#confirmDefaultCV.upload-title {
  word-break: break-word; }

button#confirmCvCvUploadModal {
  background: #fff !important;
  border: 2px #00bcb5 solid !important;
  box-shadow: none;
  color: #00bcb4 !important; }
  button#confirmCvCvUploadModal :hover {
    color: #00bcb4 !important; }

#mPrivacy.modal .modal-body span.modal-heading,
#mTerms.modal .modal-body span.modal-heading {
  font-size: large;
  font-size: 2rem;
  line-height: 1.2;
  font-weight: 300;
  display: block;
  text-align: center;
  text-transform: capitalize; }

.modal.helper-modal .modal-body {
  height: auto; }

.modal.helper-modal h3 {
  padding: 0 0 15px;
  font-size: 1.125rem; }

.modal.helper-modal.delete-confirmed .modal-body {
  padding: 30px; }
  .modal.helper-modal.delete-confirmed .modal-body .fa {
    text-align: center;
    display: block;
    color: #00bcb4;
    font-size: 124px; }
  .modal.helper-modal.delete-confirmed .modal-body p {
    text-align: center;
    margin: 30px 0;
    font-size: 16px; }
    .modal.helper-modal.delete-confirmed .modal-body p strong {
      font-size: 18px; }
  .modal.helper-modal.delete-confirmed .modal-body .confirm-btn {
    display: block;
    margin: 0 auto; }

.modal-warning h3 {
  font-size: 20px; }

.modal-warning p {
  font-size: 16px; }

.modal-warning .fa {
  vertical-align: middle;
  font-size: 34px; }

.modal-warning .modal-options {
  text-align: center; }
  .modal-warning .modal-options button {
    background: #00263D;
    margin: 0 10px; }
    @media (max-width: 44em) {
      .modal-warning .modal-options button {
        margin: 15px 0; } }

#mWhatsDifference .modal-dialog,
#confirmforgotten .modal-dialog,
#confirmforgotten .modal-dialog,
#accountDeletedModal .modal-dialog,
#warning .modal-dialog {
  z-index: 1041; }

/* sweetalert override styles */
.swal-icon--success__ring {
  border-color: #00bcb4; }

.swal-icon--success__line {
  background-color: #00bcb4; }

.swal-title,
.swal-text {
  color: #212629;
  text-align: center; }

.swal-title {
  font-size: 20px; }

.swal-button {
  background-color: #00bcb4; }

.swal-button:active {
  background-color: #02837f; }

.swal-icon--succes {
  border-color: #00bcb4; }

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

/* vertically center bootstrap modals */
.modal {
  text-align: center;
  padding: 0 !important; }

.modal:before {
  content: '';
  display: inline-block;
  height: 0%;
  /* Model fix */
  vertical-align: middle;
  margin-right: -4px; }

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle; }

/* start HseModal */
#HseModal .modal-lg {
  margin-top: 40px; }
  @media (min-width: 992px) {
    #HseModal .modal-lg {
      width: 600px; } }

#HseModal .modal-dialog {
  z-index: 9999;
  text-align: center; }
  #HseModal .modal-dialog .modal-content {
    background-image: linear-gradient(to top, white 0%, white 30%, rgba(255, 255, 255, 0.25) 45%), url(/images/HSE_For-a-Career-that-Matters-j-modal-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 0px; }
  #HseModal .modal-dialog h2 {
    padding: 72px 0 0;
    font-size: 24px;
    font-weight: bold;
    text-align: center; }
    #HseModal .modal-dialog h2 span {
      font-weight: normal; }
    #HseModal .modal-dialog h2 .btn {
      font-family: "Open Sans", "Arial", sans-serif;
      box-shadow: none;
      text-transform: none;
      font-size: 18px;
      color: #fff;
      text-decoration: none; }
      #HseModal .modal-dialog h2 .btn:hover, #HseModal .modal-dialog h2 .btn:active {
        text-decoration: none; }
  #HseModal .modal-dialog a {
    color: #747c83;
    text-decoration: underline; }

#HseModal .closeHSEModal {
  background: transparent;
  text-shadow: 0px 0px 1px #FFFFFF; }

#Privacy .modal-dialog {
  z-index: 1999; }
  #Privacy .modal-dialog .modal-body {
    height: calc(100vh - 200px); }

body {
  font-family: "Open Sans", "Arial", sans-serif !important; }

.headline-info {
  border: 1px solid #dadee8;
  border-radius: 5px;
  /*min-height: 136px;*/
  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%;
    max-height: 170px;
    top: -24px;
    position: inline-block; }
    .headline-info .photo img {
      max-width: 100%;
      max-height: 170px; }
    .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; }
    @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 .alert-warning {
    padding: 0.5em 1em;
    margin-top: 2px; }
    .headline-info .alert-warning h1 {
      margin-top: 0px;
      padding: 5px 0px;
      text-transform: none; }
      .headline-info .alert-warning h1 .fa-exclamation-triangle {
        color: #c09858;
        font-size: 1rem;
        padding-right: 0.5em; }
  .headline-info h1 {
    font-size: 1.125em;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0.6em 0 0 0;
    text-align: left;
    font-family: "Montserrat", "Arial", sans-serif; }
    @media (max-width: 31em) {
      .headline-info h1 {
        margin: 0;
        padding: 10px 10px 0px 10px; } }
  .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: #00263D;
      font-size: 1rem;
      padding-left: 0.5em;
      cursor: pointer; }
    .headline-info .profile-info #divLetEmployersFindYou,
    .headline-info .profile-info #divNotLetEmployersFindYou {
      margin-top: 0px; }
    .headline-info .profile-info .profileVisibilityUpdatedDate {
      font-style: italic;
      color: #747c83;
      font-size: 0.875em; }
  .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: transparent;
      font-size: 0.875em;
      width: 100%;
      border-color: #00263d !important;
      border-radius: 5px;
      color: #00263d !important;
      border: 2px solid #00263d;
      -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
      .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: transparent;
        color: #fff; }
      .headline-info .settings-btn-section button .fa-cog {
        padding-right: 5px; }
    @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; }
    @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; }
  .jobseeker-profile .help-info {
    color: #747c83;
    font-size: 0.8em;
    padding-bottom: 15px; }
    .jobseeker-profile .help-info a {
      color: #747c83;
      text-decoration: underline; }
  .jobseeker-profile label .date {
    font-weight: 400;
    font-size: 11px;
    font-style: italic;
    float: left; }
  .jobseeker-profile label + a {
    float: left;
    font-size: 11px;
    text-decoration: underline;
    color: #00263d;
    margin-left: 5px; }

/* ------------------------------------- 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; }

.label-radio {
  text-align: left;
  display: inline-block;
  margin-top: 5px;
  position: relative;
  top: -3px; }

/* ------------------------------------- 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: #00bcb4; }
  @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: 12px 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: 1.8rem;
    margin-left: 10px; }
    @media (max-width: 61.5em) {
      .js-block .left-icon, .cv-block .left-icon, .alert-block .left-icon, .shortlist-area .left-icon, .applied-block .left-icon, .cv-block .public {
        width: 3.95833%; } }
    .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; }
    .js-block .left-icon .fa-heart, .cv-block .left-icon .fa-heart, .alert-block .left-icon .fa-heart, .shortlist-area .left-icon .fa-heart, .applied-block .left-icon .fa-heart, .cv-block .public .fa-heart {
      color: #00bcb4; }
    @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; }
    @media (max-width: 61.5em) {
      .js-block .details, .cv-block .details, .alert-block .details, .shortlist-area .details, .applied-block .details {
        margin-left: 11.45833%;
        width: 69.16667%; } }
    .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: #00263D; }
  .js-block a:hover, .cv-block a:hover, .alert-block a:hover, .shortlist-area a:hover, .applied-block a:hover {
    color: #00bcb4; }
  .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: #00bcb4; }
  .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: 12px 0 0 0; }
  .footer-block button {
    margin: 0 1em 0 0; }

/* ------------------------------------- Your CV PAGE ------------------- */
.cv-block .public {
  color: #00bcb4; }

.cv-block .details {
  width: 64%; }
  .cv-block .details .cv-upload {
    display: block;
    clear: left;
    font-size: 0.875em;
    font-weight: 700; }

.cv-block .cv-public {
  display: block; }

.cv-block .cv-edit-icons {
  display: block;
  text-align: right; }
  .cv-block .cv-edit-icons .prim-cv {
    text-align: right;
    white-space: nowrap;
    padding-top: 12px;
    font-size: 14px; }
    .cv-block .cv-edit-icons .prim-cv a {
      color: #02837f; }
  .cv-block .cv-edit-icons i {
    padding-left: 1em;
    font-size: 1.5em;
    cursor: pointer; }
  .cv-block .cv-edit-icons .cv-toggle + label {
    display: inline-block;
    float: left;
    margin-right: 1em; }

.cv-created-msg {
  color: #00bcb4; }

/* ------------------------------------- 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: #00bcb4;
    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: 12px 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;
    margin-left: 74.125%; }
    .shortlist-block .right-icons p, .shortlist-block-expired .right-icons p {
      border: 1px solid #ddd;
      background-color: #f7f7f7;
      width: 75px;
      position: absolute; }
      @media (max-width: 44em) {
        .shortlist-block .right-icons p, .shortlist-block-expired .right-icons p {
          right: 18%; } }
    .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: #00bcb4; }

a.view-job-application {
  color: #00bcb4; }

.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: #00bcb4; }

.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;
  clear: both;
  width: 100%;
  margin: 0 auto; }
  .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: 0.75rem;
  float: left;
  margin: 0.8em;
  border: 1px solid #dfe2ec;
  height: 135px;
  font-size: 0.75rem;
  -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;
      padding: 0;
      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: 103px; }
  @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: #2d343e;
  padding: 5px; }

div.progressBar {
  background: #ff008c;
  /*-----	   	background: $yellow; ----------*/
  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;
    position: relative; }
  .profile-completion a#read-more {
    margin-right: 15px; }
  .profile-completion a#read-more:before {
    position: absolute !important;
    bottom: 0;
    right: -15px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    border-color: rgba(0, 188, 180, 0);
    border-top-color: #00bcb4;
    border-width: 5px; }

.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 !important;
      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: #00bcb4;
  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: #00bcb4;
    box-shadow: none;
    padding: 0;
    text-decoration: underline; }

.frame.upload-img {
  display: block;
  margin: 0 auto;
  max-width: 500px; }

body.loading {
  overflow: hidden; }

#loader {
  background-color: rgba(0, 0, 0, 0.46);
  width: 100%;
  height: 100%;
  position: fixed;
  display: none;
  top: 50%;
  left: 50%;
  transition: all .5s ease-in-out;
  background-size: 100px;
  top: 0px;
  left: 0px; }

#loader img {
  position: relative;
  top: 50%;
  margin-top: -30px;
  left: 10px; }

.loading #loader {
  z-index: 1000;
  display: block;
  overflow-x: hidden; }

/* -------------  Settings page -------- */
.settings-head {
  position: relative; }

.setings-back-link {
  position: absolute;
  padding: 1.8em 1.3em; }
  .setings-back-link i {
    display: none; }
  @media (max-width: 34em) {
    .setings-back-link span {
      display: none; }
    .setings-back-link i {
      display: block;
      font-size: 23px; } }

@media (max-width: 34em) and (max-width: 31em) {
  .setings-back-link i {
    display: none; } }

a.mob-setings-back-link {
  display: none; }
  @media (max-width: 31em) {
    a.mob-setings-back-link {
      display: block;
      color: #00263D; }
      a.mob-setings-back-link icon {
        padding-right: 5px; } }

@media (max-width: 31em) {
  .prof-settings span {
    display: none; } }

.rjs-input {
  width: 81px; }
  .rjs-input .submit_ijm {
    width: 100%; }

.disabled-freq {
  opacity: 0.2; }
  .disabled-freq select {
    pointer-events: none;
    cursor: not-allowed; }

.rjs-text {
  width: auto; }
  @media (max-width: 34em) {
    .rjs-text {
      width: 65%; } }

.full-width-from-alert {
  padding-bottom: 1.5em;
  width: 100%; }
  .full-width-from-alert .large-block, .full-width-from-alert .red-top-block, .full-width-from-alert .no-top-block {
    padding-bottom: 3em; }

/* ------------------------------------- post application modal css ------------------- */
/* start mixins */
/* show - hide button styles */
/* end mixins */
.modal {
  background-color: unset !important;
  background-color: transparent !important; }

#pending-changes-modal {
  z-index: 9999; }
  #pending-changes-modal .modal-dialog {
    width: 600px; }
    #pending-changes-modal .modal-dialog .input-group .btn-outline-default {
      border: 1px solid #dcdcdc !important;
      color: #4a4e4f;
      background-color: unset !important; }
  #pending-changes-modal .modal-content .modal-header {
    background: #d9f5f4;
    color: #333333;
    border-bottom: 0px;
    box-shadow: none;
    /* height: 125px; */
    height: auto;
    display: block !important;
    padding: 1rem; }
    #pending-changes-modal .modal-content .modal-header .close {
      margin-right: -10px;
      position: absolute !important;
      right: 0px;
      top: 6px;
      color: #747C83;
      cursor: pointer;
      background: #FFFFFF;
      border-radius: 30px;
      padding: 8px 10px;
      box-shadow: 0px 3px 10px 1px rgba(0, 0, 0, 0.35);
      opacity: 1 !important;
      font-size: 30px;
      padding-top: 2px;
      font-weight: 900; }
    #pending-changes-modal .modal-content .modal-header #titleApplication {
      display: block; }
      #pending-changes-modal .modal-content .modal-header #titleApplication:before {
        font: normal normal normal 80px/1 FontAwesome;
        color: #00bcb4;
        content: "\f00c";
        display: inline-block;
        width: 80px;
        height: 80px;
        float: left;
        margin-right: 10px; }
    #pending-changes-modal .modal-content .modal-header h5 {
      font-weight: 700; }
    #pending-changes-modal .modal-content .modal-header p {
      font-size: 16px; }
  #pending-changes-modal .modal-content .modal-body {
    height: 525px;
    margin: 0 15px 15px 15px; }
    #pending-changes-modal .modal-content .modal-body a {
      margin-left: auto;
      font-size: 14px;
      margin-top: 15px !important;
      color: #00bcb4;
      font-weight: bold;
      padding-top: 5px; }
    #pending-changes-modal .modal-content .modal-body .btn {
      background-color: #fff !important;
      color: #fff !important;
      width: 100%; }
    #pending-changes-modal .modal-content .modal-body #modal-email {
      width: 100%;
      background: #f2f2f2; }
    #pending-changes-modal .modal-content .modal-body p:before {
      font: normal normal normal 16px/1 FontAwesome;
      color: #00bcb4;
      content: "\f00c";
      display: inline-block;
      width: 17px;
      height: 17px;
      margin-right: 15px;
      left: 0;
      margin-top: 2px; }
    #pending-changes-modal .modal-content .modal-body p:nth-child(2):before {
      display: none; }
    #pending-changes-modal .modal-content .modal-body p:nth-child(1):before {
      display: none; }
    #pending-changes-modal .modal-content .modal-body .PA-PendingChanges {
      font-size: 1.8em !important;
      font-weight: 700;
      color: #323232;
      margin: 0;
      content: none; }
    #pending-changes-modal .modal-content .modal-body .PA-subtitle {
      font-size: 18px; }
    #pending-changes-modal .modal-content .modal-body .change-detail {
      padding-left: 0px; }
    #pending-changes-modal .modal-content .modal-body #send-pending-changes-form {
      padding-top: 20px; }
      #pending-changes-modal .modal-content .modal-body #send-pending-changes-form label {
        font-weight: unset;
        margin: 0;
        font-size: 14px; }
      #pending-changes-modal .modal-content .modal-body #send-pending-changes-form .form-control {
        border-radius: 0.0rem !important; }
      #pending-changes-modal .modal-content .modal-body #send-pending-changes-form .form-row {
        margin-left: 0 !important;
        margin-right: 0 !important; }
      #pending-changes-modal .modal-content .modal-body #send-pending-changes-form .btn {
        width: 100% !important;
        background-color: #00bcb4 !important;
        margin: 0 !important;
        text-transform: none;
        padding: 8px;
        font-size: 16px;
        line-height: 24px;
        font-weight: 700; }
      #pending-changes-modal .modal-content .modal-body #send-pending-changes-form .input-group input[type=password] {
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px; }
      #pending-changes-modal .modal-content .modal-body #send-pending-changes-form .input-group #modal-password {
        width: 83%; }
      #pending-changes-modal .modal-content .modal-body #send-pending-changes-form .input-group-append {
        width: 17%;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px; }
        #pending-changes-modal .modal-content .modal-body #send-pending-changes-form .input-group-append .btn-outline-default {
          text-transform: none;
          background-color: #fff !important;
          color: #4a4e4f !important;
          border: 1px solid #bfc4d4 !important;
          border-left: 1px solid #fff !important;
          font-size: 12px;
          font-weight: unset;
          border-top-right-radius: 5px;
          border-bottom-right-radius: 5px; }
  #pending-changes-modal .modal-footer {
    border-top: 0px !important;
    margin: 0;
    padding: 0; }
    #pending-changes-modal .modal-footer .btn-secondary {
      width: 100%;
      background-color: unset !important;
      border: none !important;
      color: #4a4e4f !important;
      text-decoration: underline;
      box-shadow: none;
      text-transform: none; }

#success-save-modal {
  margin-top: 9%; }
  #success-save-modal .modal-sm {
    max-width: unset !important; }
  #success-save-modal .modal-dialog .modal-content {
    width: 510px;
    height: 220px; }
    #success-save-modal .modal-dialog .modal-content .modal-header {
      display: none; }
    #success-save-modal .modal-dialog .modal-content .modal-body {
      text-align: center;
      overflow: hidden; }
      #success-save-modal .modal-dialog .modal-content .modal-body .save-success-check svg {
        width: 70px;
        height: 70px;
        fill: #00bcb4;
        display: inline-block; }
      #success-save-modal .modal-dialog .modal-content .modal-body p {
        font-size: 24px;
        font-weight: bold; }
    #success-save-modal .modal-dialog .modal-content .modal-footer {
      height: 75px;
      border-top: 0; }
      #success-save-modal .modal-dialog .modal-content .modal-footer .btn-primary {
        background-color: #00bcb4 !important;
        border-color: #00bcb4;
        text-transform: none;
        font-weight: 700;
        padding: 7px;
        width: 175px; }

#make-searchable-modal .modal-dialog {
  width: 600px; }
  #make-searchable-modal .modal-dialog .input-group .btn-outline-default {
    border: 1px solid #dcdcdc !important;
    color: #4a4e4f;
    background-color: unset !important; }
  #make-searchable-modal .modal-dialog .modal-content {
    padding: 0 15px 15px 15px;
    /* modal body */ }
    #make-searchable-modal .modal-dialog .modal-content .modal-header {
      border-bottom: 0 !important;
      box-shadow: none !important;
      padding: 0;
      min-height: unset; }
      #make-searchable-modal .modal-dialog .modal-content .modal-header .close {
        margin-right: -10px;
        position: absolute !important;
        right: 0px;
        top: 6px;
        color: #747C83;
        cursor: pointer;
        background: #FFFFFF;
        border-radius: 30px;
        padding: 8px 10px;
        box-shadow: 0px 3px 10px 1px rgba(0, 0, 0, 0.35);
        opacity: 1 !important;
        font-size: 30px;
        padding-top: 2px;
        font-weight: 900; }
    #make-searchable-modal .modal-dialog .modal-content a {
      margin-left: auto;
      font-size: 14px;
      margin-top: 15px !important;
      color: #00bcb4;
      font-weight: bold;
      padding-top: 5px; }
    #make-searchable-modal .modal-dialog .modal-content .btn {
      background-color: #2bbbad !important;
      color: #fff !important;
      width: 100%; }
    #make-searchable-modal .modal-dialog .modal-content .modal-body {
      height: 525px;
      margin: 0 15px 15px 15px;
      height: 575px; }
      #make-searchable-modal .modal-dialog .modal-content .modal-body a {
        margin-left: auto;
        font-size: 14px;
        margin-top: 15px !important;
        color: #00bcb4;
        font-weight: bold;
        padding-top: 5px; }
      #make-searchable-modal .modal-dialog .modal-content .modal-body .btn {
        background-color: #fff !important;
        color: #fff !important;
        width: 100%; }
      #make-searchable-modal .modal-dialog .modal-content .modal-body #modal-email {
        width: 100%;
        background: #f2f2f2; }
      #make-searchable-modal .modal-dialog .modal-content .modal-body p:before {
        font: normal normal normal 16px/1 FontAwesome;
        color: #00bcb4;
        content: "\f00c";
        display: inline-block;
        width: 17px;
        height: 17px;
        margin-right: 15px;
        left: 0;
        margin-top: 2px; }
      #make-searchable-modal .modal-dialog .modal-content .modal-body p:nth-child(2):before {
        display: none; }
      #make-searchable-modal .modal-dialog .modal-content .modal-body p:nth-child(1):before {
        display: none; }
      #make-searchable-modal .modal-dialog .modal-content .modal-body .PA-PendingChanges {
        font-size: 1.8em !important;
        font-weight: 700;
        color: #323232;
        margin: 0;
        content: none; }
      #make-searchable-modal .modal-dialog .modal-content .modal-body .PA-subtitle {
        font-size: 18px; }
      #make-searchable-modal .modal-dialog .modal-content .modal-body .change-detail {
        padding-left: 0px; }
      #make-searchable-modal .modal-dialog .modal-content .modal-body #make-profile-searchable-form {
        padding-top: 20px; }
        #make-searchable-modal .modal-dialog .modal-content .modal-body #make-profile-searchable-form label {
          font-weight: unset;
          margin: 0;
          font-size: 14px; }
        #make-searchable-modal .modal-dialog .modal-content .modal-body #make-profile-searchable-form .form-control {
          border-radius: 0.0rem !important; }
        #make-searchable-modal .modal-dialog .modal-content .modal-body #make-profile-searchable-form .form-row {
          margin-left: 0 !important;
          margin-right: 0 !important; }
        #make-searchable-modal .modal-dialog .modal-content .modal-body #make-profile-searchable-form .btn {
          width: 100% !important;
          background-color: #00bcb4 !important;
          margin: 0 !important;
          text-transform: none;
          padding: 8px;
          font-size: 16px;
          line-height: 24px;
          font-weight: 700; }
        #make-searchable-modal .modal-dialog .modal-content .modal-body #make-profile-searchable-form .input-group input[type=password] {
          border-top-right-radius: 0px;
          border-bottom-right-radius: 0px; }
        #make-searchable-modal .modal-dialog .modal-content .modal-body #make-profile-searchable-form .input-group #modal-password {
          width: 83%; }
        #make-searchable-modal .modal-dialog .modal-content .modal-body #make-profile-searchable-form .input-group-append {
          width: 17%;
          border-top-right-radius: 5px;
          border-bottom-right-radius: 5px; }
          #make-searchable-modal .modal-dialog .modal-content .modal-body #make-profile-searchable-form .input-group-append .btn-outline-default {
            text-transform: none;
            background-color: #fff !important;
            color: #4a4e4f !important;
            border: 1px solid #bfc4d4 !important;
            border-left: 1px solid #fff !important;
            font-size: 12px;
            font-weight: unset;
            border-top-right-radius: 5px;
            border-bottom-right-radius: 5px; }
    #make-searchable-modal .modal-dialog .modal-content .modal-footer {
      border-top: 0px !important;
      margin: 0;
      padding: 0; }
      #make-searchable-modal .modal-dialog .modal-content .modal-footer .btn-secondary {
        width: 100%;
        background-color: unset !important;
        border: none !important;
        color: #4a4e4f !important;
        text-decoration: underline;
        box-shadow: none;
        text-transform: none; }

#reminderModal {
  overflow-y: hidden;
  overflow-x: hidden;
  left: 0%; }
  #reminderModal .modal-dialog {
    width: 400px; }
    #reminderModal .modal-dialog .input-group .btn-outline-default {
      border: 1px solid #dcdcdc !important;
      color: #4a4e4f;
      background-color: unset !important; }
    #reminderModal .modal-dialog .modal-content {
      /* modal body */ }
      #reminderModal .modal-dialog .modal-content .modal-header {
        border-bottom: 0 !important;
        box-shadow: none !important;
        padding: 16px;
        min-height: unset; }
        #reminderModal .modal-dialog .modal-content .modal-header .close {
          margin-right: -10px;
          position: absolute !important;
          right: 0px;
          top: 6px;
          color: #747C83;
          cursor: pointer;
          background: #FFFFFF;
          border-radius: 30px;
          padding: 8px 10px;
          box-shadow: 0px 3px 10px 1px rgba(0, 0, 0, 0.35);
          opacity: 1 !important;
          font-size: 30px;
          padding-top: 2px;
          font-weight: 900; }
      #reminderModal .modal-dialog .modal-content .btn {
        background-color: #2bbbad !important;
        color: #fff !important;
        width: 100%;
        margin: 16px;
        text-transform: none;
        font-weight: 700; }
      #reminderModal .modal-dialog .modal-content .modal-body {
        height: 140px;
        overflow-y: hidden; }
        #reminderModal .modal-dialog .modal-content .modal-body p:before {
          font: normal normal normal 16px/1 FontAwesome;
          color: #00bcb4;
          content: "\f00c";
          display: inline-block;
          width: 17px;
          height: 17px;
          margin-right: 15px;
          left: 0;
          margin-top: 2px; }
        #reminderModal .modal-dialog .modal-content .modal-body p:nth-child(2):before {
          display: none; }
        #reminderModal .modal-dialog .modal-content .modal-body p:before {
          margin-left: 13px; }
        #reminderModal .modal-dialog .modal-content .modal-body p:nth-child(2):before {
          display: inline-block; }
        #reminderModal .modal-dialog .modal-content .modal-body .PA-PendingChanges {
          font-size: 1.8em !important;
          font-weight: 700;
          color: #323232;
          margin: 0;
          content: none; }
        #reminderModal .modal-dialog .modal-content .modal-body .PA-subtitle {
          font-size: 16px; }
        #reminderModal .modal-dialog .modal-content .modal-body .change-detail {
          padding-left: 23px; }
          #reminderModal .modal-dialog .modal-content .modal-body .change-detail:before {
            position: absolute; }
      #reminderModal .modal-dialog .modal-content .modal-footer {
        border-top: 0px !important;
        margin: 0;
        padding: 0; }
        #reminderModal .modal-dialog .modal-content .modal-footer .btn-secondary {
          width: 100%;
          background-color: unset !important;
          border: none !important;
          color: #4a4e4f !important;
          text-decoration: underline;
          box-shadow: none;
          text-transform: none; }
        #reminderModal .modal-dialog .modal-content .modal-footer .btn-primary {
          border-color: #2bbbad !important; }

/* MEDIA QUERIES */
@media (max-width: 767px) {
  #pending-changes-modal {
    margin-top: 5%; }
    #pending-changes-modal .modal-dialog {
      width: 90%;
      padding: 0px;
      margin-bottom: 10%; }
      #pending-changes-modal .modal-dialog .modal-content {
        margin-top: 38px !important; }
        #pending-changes-modal .modal-dialog .modal-content .modal-header {
          height: 65px; }
          #pending-changes-modal .modal-dialog .modal-content .modal-header .close {
            margin-right: -10px;
            position: absolute !important;
            right: 0px;
            top: 6px;
            color: #747C83;
            cursor: pointer;
            background: #FFFFFF;
            border-radius: 30px;
            padding: 8px 10px;
            box-shadow: 0px 3px 10px 1px rgba(0, 0, 0, 0.35);
            opacity: 1 !important;
            font-size: 30px;
            padding-top: 2px;
            font-weight: 900;
            margin-right: -8px;
            padding: 3px 10px; }
          #pending-changes-modal .modal-dialog .modal-content .modal-header #titleApplication:before {
            font: normal normal normal 35px/1 FontAwesome;
            width: unset;
            height: unset; }
          #pending-changes-modal .modal-dialog .modal-content .modal-header #titleApplication p {
            display: none; }
        #pending-changes-modal .modal-dialog .modal-content .modal-body {
          height: 100% !important; }
          #pending-changes-modal .modal-dialog .modal-content .modal-body .PA-subtitle {
            margin-bottom: 12px !important; }
          #pending-changes-modal .modal-dialog .modal-content .modal-body p {
            margin-bottom: 0 !important; }
          #pending-changes-modal .modal-dialog .modal-content .modal-body .change-detail {
            padding-left: 23px; }
            #pending-changes-modal .modal-dialog .modal-content .modal-body .change-detail:before {
              position: absolute; }
          #pending-changes-modal .modal-dialog .modal-content .modal-body #send-pending-changes-form {
            padding-top: 0px; }
            #pending-changes-modal .modal-dialog .modal-content .modal-body #send-pending-changes-form label {
              font-weight: unset;
              margin: 0;
              font-size: 14px; }
            #pending-changes-modal .modal-dialog .modal-content .modal-body #send-pending-changes-form .input-group #modal-password {
              width: 75%; }
            #pending-changes-modal .modal-dialog .modal-content .modal-body #send-pending-changes-form .input-group-append {
              width: 25%; }
  #success-save-modal {
    margin-top: 20%; }
    #success-save-modal .modal-dialog .modal-content {
      height: 240px;
      width: 100% !important; }
  /* make searchable modal */
  #make-searchable-modal {
    margin-top: 5%; }
    #make-searchable-modal .modal-dialog {
      width: 90% !important;
      padding: 0px;
      margin-bottom: 10%; }
      #make-searchable-modal .modal-dialog .modal-content {
        padding: 0px;
        margin-top: 38px !important; }
        #make-searchable-modal .modal-dialog .modal-content .modal-header {
          border-bottom: 0 !important;
          box-shadow: none !important;
          padding: 0; }
          #make-searchable-modal .modal-dialog .modal-content .modal-header .close {
            margin-right: -10px;
            position: absolute !important;
            right: 0px;
            top: 6px;
            color: #747C83;
            cursor: pointer;
            background: #FFFFFF;
            border-radius: 30px;
            padding: 8px 10px;
            box-shadow: 0px 3px 10px 1px rgba(0, 0, 0, 0.35);
            opacity: 1 !important;
            font-size: 30px;
            padding-top: 2px;
            font-weight: 900;
            padding: 2px 8px 1px 8px;
            margin-right: -8px;
            top: 0px !important; }
        #make-searchable-modal .modal-dialog .modal-content .modal-body {
          height: 100% !important; }
          #make-searchable-modal .modal-dialog .modal-content .modal-body .PA-subtitle {
            margin-bottom: 12px !important; }
          #make-searchable-modal .modal-dialog .modal-content .modal-body p {
            margin-bottom: 0 !important; }
          #make-searchable-modal .modal-dialog .modal-content .modal-body .main-change-detail {
            padding-left: 10px; }
            #make-searchable-modal .modal-dialog .modal-content .modal-body .main-change-detail:before {
              position: absolute; }
          #make-searchable-modal .modal-dialog .modal-content .modal-body .change-detail {
            padding-left: 10px; }
            #make-searchable-modal .modal-dialog .modal-content .modal-body .change-detail:before {
              position: absolute; }
          #make-searchable-modal .modal-dialog .modal-content .modal-body #make-profile-searchable-form {
            padding-top: 0px; }
            #make-searchable-modal .modal-dialog .modal-content .modal-body #make-profile-searchable-form label {
              font-weight: unset;
              margin: 0;
              font-size: 14px; }
            #make-searchable-modal .modal-dialog .modal-content .modal-body #make-profile-searchable-form .input-group #modal-password {
              width: 75%; }
            #make-searchable-modal .modal-dialog .modal-content .modal-body #make-profile-searchable-form .input-group-append {
              width: 25%; }
  #reminderModal {
    background-color: unset !important;
    height: 100px;
    top: 85%;
    z-index: 999;
    left: 0%; }
    #reminderModal .modal-dialog {
      width: 92%; }
      #reminderModal .modal-dialog .modal-content .modal-header {
        padding: 21px; }
        #reminderModal .modal-dialog .modal-content .modal-header h4 {
          display: none; }
        #reminderModal .modal-dialog .modal-content .modal-header .close {
          margin-right: -10px;
          position: absolute !important;
          right: 0px;
          top: 6px;
          color: #747C83;
          cursor: pointer;
          background: #FFFFFF;
          border-radius: 30px;
          padding: 8px 10px;
          box-shadow: 0px 3px 10px 1px rgba(0, 0, 0, 0.35);
          opacity: 1 !important;
          font-size: 30px;
          padding-top: 2px;
          font-weight: 900;
          background: unset !important;
          border-radius: 0;
          box-shadow: none;
          padding-top: 8px;
          padding-right: 18px;
          font-weight: 300;
          font-size: 39px; }
      #reminderModal .modal-dialog .modal-content .modal-body {
        display: none; }
        #reminderModal .modal-dialog .modal-content .modal-body .change-detail {
          display: none !important; }
        #reminderModal .modal-dialog .modal-content .modal-body p:before {
          display: none; }
      #reminderModal .modal-dialog .modal-content .modal-footer {
        width: 80%;
        position: absolute;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        border-radius: 5px;
        height: 45px; }
        #reminderModal .modal-dialog .modal-content .modal-footer .btn {
          padding: 0;
          background-color: unset !important;
          color: #00bcb4 !important;
          text-align: left;
          font-weight: 700;
          text-transform: none;
          border: 0px !important;
          webkit-box-shadow: 0 0 0 0 !important;
          box-shadow: 0 0 0 0 !important;
          margin: 10px; }
  /* ios fix */
  @supports (-webkit-touch-callout: none) {
    #pending-changes-modal .modal-dialog .modal-content {
      height: 100%;
      display: block; }
      #pending-changes-modal .modal-dialog .modal-content .modal-header span {
        padding-top: 5px; }
      #pending-changes-modal .modal-dialog .modal-content .modal-body p:before {
        margin-left: 15px; }
    #reminderModal .modal-dialog .modal-content .modal-header {
      padding: 0 !important; }
    #reminderModal .modal-dialog .modal-content .modal-footer {
      position: relative; }
    #success-save-modal .modal-dialog .modal-content {
      height: 250px; }
      #success-save-modal .modal-dialog .modal-content .modal-footer {
        height: 200px; }
    #make-searchable-modal .modal-dialog .modal-content {
      height: 100%;
      display: block; }
      #make-searchable-modal .modal-dialog .modal-content .modal-header .close {
        margin-right: -10px;
        position: absolute !important;
        right: 0px;
        top: 6px;
        color: #747C83;
        cursor: pointer;
        background: #FFFFFF;
        border-radius: 30px;
        padding: 8px 10px;
        box-shadow: 0px 3px 10px 1px rgba(0, 0, 0, 0.35);
        opacity: 1 !important;
        font-size: 30px;
        padding-top: 2px;
        font-weight: 900;
        top: 0px !important; }
      #make-searchable-modal .modal-dialog .modal-content .modal-body p {
        margin-left: 8px; }
      #make-searchable-modal .modal-dialog .modal-content .modal-body p:before {
        margin-left: 5px; } } }

/* iPad fix*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .modal:before {
    margin-top: 0px !important;
    height: unset !important; }
  #success-save-modal .modal-dialog .modal-content .modal-body {
    height: 150px !important; }
  #success-save-modal .modal-dialog .modal-content .modal-footer {
    height: 100px !important; }
  #reminderModal {
    left: 0%;
    top: 65%;
    left: 15%; }
    #reminderModal .modal-dialog .modal-content {
      left: 15%; }
      #reminderModal .modal-dialog .modal-content .modal-header .close {
        margin-right: -10px;
        position: absolute !important;
        right: 0px;
        top: 6px;
        color: #747C83;
        cursor: pointer;
        background: #FFFFFF;
        border-radius: 30px;
        padding: 8px 10px;
        box-shadow: 0px 3px 10px 1px rgba(0, 0, 0, 0.35);
        opacity: 1 !important;
        font-size: 30px;
        padding-top: 2px;
        font-weight: 900;
        right: 0px; }
      #reminderModal .modal-dialog .modal-content .modal-body {
        height: 125px; }
  /* make modal */
  #make-searchable-modal .modal-content .modal-header .close {
    margin: unset !important;
    font-size: 2em !important;
    box-shadow: none !important;
    padding: 0;
    right: -11px !important;
    top: -17px !important; } }

/* iPad fix end */
.search-btn:hover {
  background: #1E93B8; }

.back-to-search {
  background: unset !important;
  border: none !important; }

.back-to-search:hover {
  background: unset !important;
  border: none !important; }

.btn-primary:hover {
  border-color: none !important; }

@media (min-width: 992px) {
  #pending-changes-modal .modal-dialog {
    position: unset !important; } }

.post-application-details.get-head-hunted p:before {
  display: none !important; }

/* jQuery Dropdown: A simple dropdown plugin
 *
 * Contribute: https://github.com/claviska/jquery-dropdown
 *
 * @license: MIT license: http://opensource.org/licenses/MIT
 *
 */
.jq-dropdown {
  position: absolute;
  z-index: 1039;
  display: none; }

.jq-dropdown .jq-dropdown-menu,
.jq-dropdown .jq-dropdown-panel {
  min-width: 160px;
  max-width: 360px;
  list-style: none;
  background: white;
  border: solid 1px #ddd;
  border-radius: 4px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  overflow: visible;
  padding: 4px 0;
  margin: 0; }

@media only screen and (max-width: 615px) {
  .jq-dropdown .jq-dropdown-menu,
  .jq-dropdown .jq-dropdown-panel {
    max-width: 210px;
    min-width: 210px !important; } }

.jq-dropdown .jq-dropdown-panel {
  padding: 10px; }

.jq-dropdown.jq-dropdown-tip {
  margin-top: 8px; }

.jq-dropdown.jq-dropdown-tip:before {
  position: absolute;
  top: -6px;
  left: 9px;
  content: "";
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ddd;
  display: inline-block; }

.jq-dropdown.jq-dropdown-tip:after {
  position: absolute;
  top: -5px;
  left: 10px;
  content: "";
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  display: inline-block; }

.jq-dropdown.jq-dropdown-tip.jq-dropdown-anchor-right:before {
  left: auto;
  right: 9px; }

.jq-dropdown.jq-dropdown-tip.jq-dropdown-anchor-right:after {
  left: auto;
  right: 10px; }

.jq-dropdown.jq-dropdown-scroll .jq-dropdown-menu,
.jq-dropdown.jq-dropdown-scroll .jq-dropdown-panel {
  max-height: 180px;
  overflow: auto; }

.jq-dropdown .jq-dropdown-menu li {
  list-style: none;
  padding: 0 0;
  text-indent: 0;
  margin: 0;
  line-height: 18px; }

.jq-dropdown .jq-dropdown-menu li > a,
.jq-dropdown .jq-dropdown-menu label {
  display: block;
  color: inherit;
  text-decoration: none;
  line-height: 18px;
  padding: 0.5em 1em;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.jq-dropdown .jq-dropdown-menu li > a:hover,
.jq-dropdown .jq-dropdown-menu label:hover {
  background-color: #00bcb4;
  color: #fff;
  cursor: pointer; }

.jq-dropdown .jq-dropdown-menu .jq-dropdown-divider {
  font-size: 1px;
  border-top: solid 1px #e5e5e5;
  padding: 0;
  margin: 5px 0; }

/* Lazy Load XT 1.0.5 | MIT License */
.lazy-hidden {
  opacity: 0; }

.lazy-loaded {
  -webkit-transition: opacity .3s;
  -moz-transition: opacity .3s;
  -ms-transition: opacity .3s;
  -o-transition: opacity .3s;
  transition: opacity .3s;
  opacity: 1; }

/*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: ""; }