/* Minification failed. Returning unminified contents.
(14841,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14842,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14843,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14844,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14845,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14846,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14847,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14867,17): run-time error CSS1039: Token not allowed after unary operator: '-light-orange'
(14872,28): run-time error CSS1039: Token not allowed after unary operator: '-light-orange'
(14886,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-orange'
(14899,17): run-time error CSS1039: Token not allowed after unary operator: '-light-orange'
(14903,24): run-time error CSS1039: Token not allowed after unary operator: '-light-green'
(14908,17): run-time error CSS1039: Token not allowed after unary operator: '-light-green'
(14914,4): run-time error CSS1035: Expected colon, found '.'
(14977,17): run-time error CSS1039: Token not allowed after unary operator: '-load-more-blue'
(14986,8): run-time error CSS1035: Expected colon, found '.'
(15075,4): run-time error CSS1035: Expected colon, found '.'
(15096,17): run-time error CSS1039: Token not allowed after unary operator: '-pink'
(15100,17): run-time error CSS1039: Token not allowed after unary operator: '-pink'
(15105,9): run-time error CSS1035: Expected colon, found ','
(15226,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-blue'
(15230,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-blue'
 */
@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, .sidebar-logos, .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, .alert-block .alert-details .desc, .js-block .details .desc, .applied-block .details .desc, .shortlist-area .details .desc, .alert-block .details .desc, .cv-block .details .desc, .js-block .details .company, .applied-block .details .company, .shortlist-area .details .company, .alert-block .details .company, .cv-block .details .company, .jobseeker-profile, .headline-info .photo, .headline-info, .job-alert-sidebar-section, .job-alert-wide-list .terms, .job-alert-wide-list .action, .job-alert-wide-list, .job-alert-wide-section, .jobs-by-location-footer,
.courses-by-location-footer, .course-college .course-list-item, .course-list .course-list-item, .course-list .course-list-refresh, .job-list-company .job-list-item, .job-list .job-list-item, .job-list .job-list-refresh, .job-list,
.job-list-company,
.job-list-item-date,
.course-list,
.course-college, .job-list-header,
.course-list-header, .partner-links li, #application .section3, #application .section2, .profile-completion-popup .action-buttons, .delete-cv-popup .action-buttons, .application-popup .action-buttons, .report-job .action-buttons, .text-right, #static, .page-wide-section, .full-width, .advertise, .blog-article, .company-description, .find-course-blog, .course-location-block, .home-location-block, .home-job-tips, .jobs-interest, .find-course-buttons, .registration-blocks, .reg-import-linkedin, .reg-cv-handy, .small-block .inner-padding, .large-block, .no-top-block, .red-top-block, .profile-tabs, .settings-content, .main-content, .bg {
  *zoom: 1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.warning {
  color: #fff664;
}

.information {
  color: #000db5;
}

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

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

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

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

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

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

.page {
  padding: 1em 0;
}

#page {
  background-color: #fff;
}

.hidden- {
  display: none;
}

.hide {
  display: none;
}

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

* html .clearfix {
  zoom: 1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.heading {
  color: #203f69;
  line-height: 1.2;
  padding: 12px;
  font-size: large;
  font-size: 2rem;
  font-weight: 300;
  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;
  }
}
@media (max-width: 31em) {
  .heading.heading-serp {
    text-transform: none;
    background-color: transparent;
  }
}

.profile-searchable .heading.heading-serp {
  padding: 0 0 12px 0;
}

@media (min-width: 48em) {
  .gdpr-page .heading {
    font-size: 1.5em;
    padding: 23px 0;
  }
}

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

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

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

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

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

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

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

/* Horizontal Rule */
hr {
  border: 0;
  height: 1px;
  background: #203f69;
  margin: 0.7em 0 1em 0;
}

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

bold {
  font-weight: 700;
}

.red {
  color: #FF0041;
}

.green {
  color: #70addc;
}

.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: #203f69;
  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: #203f69;
}

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

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

dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

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

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

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

iframe {
  margin-bottom: 1em;
}

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

figcaption {
  font-style: italic;
}

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

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

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

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

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

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

.error {
  color: #FF0041;
}

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

.disabled-input {
  color: #323232;
  background: #f0f0f0;
  border: 1px solid #dbdbdb;
  cursor: not-allowed;
}
.disabled-input:focus {
  outline-offset: none;
  outline: none;
}

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

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

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

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

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

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

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

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

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

#email {
  color: #5f6d75;
}

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

.disabled p {
  color: #f2f2f2;
}

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

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

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

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

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

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

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

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

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

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

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

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

.select-style {
  vertical-align: top;
  border: 1px solid #203f69;
  display: inline-block;
  border-radius: 5px;
  overflow: hidden;
  background: #fff url(/images/icons/select_arrows.png) no-repeat 94% 50%;
  /*@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: 0.01px;
  -ms-text-overflow: "";
  -o-text-overflow: "";
  text-overflow: "";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.selectivity-input select {
  display: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.selectivity-caret {
  display: none;
}

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

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

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

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

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

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

/* ---------------------  LOGIN  --------------------------------- */
.login-form, .signup {
  display: block;
  width: 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;
  font-size: 1.125em;
  text-align: left;
}
.login-form hr, .signup hr {
  color: #d3d3d3;
  margin: 2em 0;
}
.login-form input[type=text], .login-form input[type=email], .login-form input[type=password], .signup input[type=text], .signup input[type=email], .signup input[type=password] {
  width: 100%;
}
.login-form input[type=checkbox], .signup input[type=checkbox] {
  clear: both;
}
.login-form .show-checkbox, .signup .show-checkbox {
  display: block;
  clear: both;
  margin-top: 0.2em;
}
.login-form .show-checkbox label, .signup .show-checkbox label {
  font-size: 0.75em;
}
.login-form .forgot-password, .signup .forgot-password {
  clear: both;
  text-align: right;
  line-height: 0.5em;
  font-size: 0.75em;
  float: right;
}
.login-form .error-message, .signup .error-message {
  text-align: left;
  margin-top: 1em;
}
.login-form .error-message i, .signup .error-message i {
  content: "\f06a";
  text-decoration: none;
  font-family: FontAwesome;
  font-size: 2em;
  float: left;
  padding: 0.5em 0.5em 2em 0;
}
@media (max-width: 46.8em) {
  .login-form, .signup {
    width: 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;
}
@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;
}

#divTerms .show-checkbox .icheckbox_flat {
  position: absolute !important;
}
#divTerms .show-checkbox .label-checkbox {
  padding-left: 25px;
  margin-top: 0.3em;
  font-weight: 600;
  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.41666666%;
  clear: both;
  color: #dfe2ec;
}
@media (max-width: 31em) {
  .registration .left-number {
    display: none;
  }
}
.registration .reg-confirm-form {
  display: block;
  float: left;
  margin-left: 16.91666666%;
  margin-right: -100%;
  width: 83.0833333%;
}
@media (max-width: 31em) {
  .registration .reg-confirm-form {
    clear: both;
    display: block;
    float: left;
    margin-left: 0;
    width: 100%;
  }
}
@media (max-width: 31em) {
  .registration {
    width: 100%;
    padding: 0;
  }
}

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

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

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

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

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

.progress .circle .title {
  color: #b5b5ba;
  font-size: 0.75em;
  line-height: 0.75em;
  margin-left: -5px;
}

.title {
  width: 100px;
}

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

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

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

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

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

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

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

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

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

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

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

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

.modal-open {
  overflow: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 768px) {
  .modal-dialog {
    margin: 30px auto;
    width: 600px;
  }
  .modal-content {
    box-shadow: 0 5px 15px #000000;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
#loader {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: transparent;
  background-image: url("../images/CloudPicker/loader_200fff.gif");
  background-origin: padding-box;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 80px auto, 80px auto;
}

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

.glyphicon-asterisk:before {
  content: "*";
}

.glyphicon-plus:before {
  content: "+";
}

.glyphicon-euro:before {
  content: "€";
}

.glyphicon-minus:before {
  content: "−";
}

.glyphicon-cloud:before {
  content: "☁";
}

.glyphicon-envelope:before {
  content: "✉";
}

.glyphicon-pencil:before {
  content: "✏";
}

.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: "💼";
}

.glyphicon-calendar:before {
  content: "📅";
}

.glyphicon-pushpin:before {
  content: "📌";
}

.glyphicon-paperclip:before {
  content: "📎";
}

.glyphicon-camera:before {
  content: "📷";
}

.glyphicon-lock:before {
  content: "🔒";
}

.glyphicon-bell:before {
  content: "🔔";
}

.glyphicon-bookmark:before {
  content: "🔖";
}

.glyphicon-fire:before {
  content: "🔥";
}

.glyphicon-wrench:before {
  content: "🔧";
}

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

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

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

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

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

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

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

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

.alert-success hr {
  border-top-color: #c9e2b3 !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.acc-disabled-banner {
  width: 100%;
  display: block;
  color: #203f69;
  background-color: #c2e6e6;
  border: 1px solid #70addc;
  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: 0.5em 0 1em;
  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;
}

/*------------------------------------*\
    $LAYOUT
\*------------------------------------*/
/*------------------------------------*\
    $LAYOUT
\*------------------------------------*/
.main-content {
  display: block;
  float: left;
  margin-left: 0;
  margin-right: -100%;
  width: 66.16666664%;
  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.37499999%;
  margin-right: -100%;
  width: 49.24999998%;
  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 .icheckbox_flat {
  position: absolute;
}
.settings-content .label-checkbox {
  margin-top: 5px;
  margin-left: 25px;
}

.profile-item .request-options {
  padding: 15px 0 15px;
}
.profile-item .request-options.gdpr-options {
  max-width: 100%;
}
.profile-item .request-options.gdpr-options button {
  font-size: 0.875em;
  padding: 0.45em 0.5em;
}
@media (max-width: 44em) {
  .profile-item .request-options.gdpr-options button {
    margin: 15px 0;
  }
}
.profile-item .request-options button {
  background-color: #203f69;
}
@media (max-width: 44em) {
  .profile-item .request-options button, .profile-item .request-options button:first-of-type {
    float: none;
  }
}
.profile-item .add-cover-letter {
  margin: 0 0 30px;
}
@media (max-width: 44em) {
  .profile-item .add-cover-letter {
    margin: 0;
  }
}
.profile-item .add-cover-letter a {
  position: relative;
}
.profile-item .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: #70addc;
  border-width: 5px;
}

.gdpr-page .profile-item .request-options {
  max-width: 100%;
  text-align: center;
}
@media (max-width: 44em) {
  .gdpr-page .profile-item .request-options button, .gdpr-page .profile-item .request-options button:first-of-type {
    float: none;
  }
}
.gdpr-page .profile-item .request-options .btn-small {
  border-radius: 3px;
}
.gdpr-page .profile-item .request-options .btn-small:hover {
  color: white;
  text-decoration: none;
}

.email-settings {
  margin-bottom: 15px;
}
.email-settings span {
  font-size: 0.875em;
  font-style: italic;
  color: #203f69;
}
.email-settings span .fa {
  font-size: 1.4em;
  vertical-align: bottom;
}
.email-settings .icheckbox_flat {
  position: absolute;
}
.email-settings label.label-checkbox {
  margin-top: 5px;
  margin-left: 25px;
}

.sidebar {
  display: block;
  float: left;
  margin-left: 67.66666664%;
  margin-right: -100%;
  width: 32.33333332%;
  font-size: 0.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.24999998%;
  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.74999998%;
  margin-right: -100%;
  width: 49.24999998%;
  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;
}

.column-reg .column-reg label {
  display: inline;
}

/*------------------------------------*\
    $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 #70addc;
  margin: 0 1em;
  margin-top: -5px;
}
@media (max-width: 31em) {
  .account-login img {
    margin-top: 0;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.header-banner-home {
  min-height: 445px;
  background-image: url(/images/header_banner_LU.jpg);
  /*@include background-image-retina(/images/header_banner, jpg, 1520px, 445px);*/
  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: rgba(0, 0, 0, 0);
    margin-bottom: 0;
  }
}
.header-text-area .accordion {
  border: none;
  padding: 0;
}
.header-text-area h1 {
  color: #fff;
  font-weight: 400;
  font-size: 1.5em;
  font-family: "Montserrat", "Arial", sans-serif;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 0.7em;
  padding-top: 0.7em;
}
.header-text-area li {
  color: #fff;
  font-weight: 400;
  font-size: 1.125em;
  text-transform: uppercase;
  margin-top: 0.5em;
}
.header-text-area li:before {
  content: "\f00c";
  color: #70addc;
  font-size: 1.5em;
  text-decoration: none;
  font-family: FontAwesome;
  padding: 0 0.7em 0 0.7em;
}
.header-text-area li:first-child, .header-text-area li:nth-child(3) {
  display: block;
  float: left;
  margin-left: 0;
  margin-right: -100%;
  width: 49.24999998%;
  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: 99.99999996%;
  }
}
.header-text-area li:nth-child(2), .header-text-area li:nth-child(4) {
  display: block;
  float: left;
  margin-left: 50.74999998%;
  margin-right: -100%;
  width: 49.24999998%;
}
@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: 99.99999996%;
    position: relative;
    clear: both;
  }
}

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

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

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

nav#primary-nav {
  float: right;
  display: inline-block;
  font-family: "Montserrat", "Arial", sans-serif;
  text-transform: uppercase;
  position: relative;
  bottom: 30px;
}
@media (max-width: 46.8em) {
  nav#primary-nav {
    display: none;
    float: none;
    position: relative;
    top: 0;
  }
}
nav#primary-nav li {
  border-left: 2px solid #fff;
  float: left;
}
@media (max-width: 46.8em) {
  nav#primary-nav li {
    border-left: none;
    float: none;
    padding: 1em 0;
    background-color: #00263D;
    border-bottom: 1px solid;
  }
}
nav#primary-nav li:first-child {
  border-left: none;
}
nav#primary-nav li a.active {
  color: #ec603c;
  text-decoration: none;
}
nav#primary-nav a {
  color: #fff;
  padding-left: 0.9em;
  height: 1.2em;
  line-height: 1.2em;
  font-size: 1em;
}
nav#primary-nav a:hover {
  color: #da5837;
}
nav#primary-nav a:active {
  color: #ec603c;
}
nav#primary-nav.active {
  display: block;
}

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

.nav-toggle-menu, .nav-toggle-menu-alt {
  display: none;
  text-transform: uppercase;
  font-family: "Montserrat", "Arial", sans-serif;
  font-weight: 300;
  color: #fff;
  font-size: 1em;
  float: right;
  margin: 2.5em 0 0 0;
  width: 6em;
  cursor: pointer;
  display: none;
}
.nav-toggle-menu::after, .nav-toggle-menu-alt::after {
  background-image: url("/images/icons/toggle_arrow.png");
  /*@include background-image-retina(/images/icons/toggle_arrow, png, 12px, 6px);*/
  content: " ";
  background-repeat: no-repeat;
  background-position: center;
  padding: 3px 10px;
  margin-left: 6px;
}
.nav-toggle-menu.active, .nav-toggle-menu-alt.active {
  display: block;
}
.nav-toggle-menu.active:after, .nav-toggle-menu-alt.active:after {
  background-image: url("/images/icons/toggle_arrow_up.png");
  /*@include background-image-retina(/images/icons/toggle_arrow_up, png, 12px, 6px);*/
  content: " ";
  background-repeat: no-repeat;
  background-position: center;
  padding: 3px 10px;
  margin-left: 6px;
}
@media (max-width: 46.8em) {
  .nav-toggle-menu, .nav-toggle-menu-alt {
    display: inline;
  }
}

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

h2.my-profile {
  display: none;
}
@media (max-width: 34em) {
  h2.my-profile {
    font-size: 1em;
    padding: 0.7em 0.8em 0.7em 1.5em;
    background-color: #203f69;
    color: #fff;
    line-height: 2.2em;
    display: block;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: none;
    border-bottom-right-radius: none;
    text-align: left;
  }
  h2.my-profile::after {
    content: " ";
    background-position: center;
    position: relative;
    right: 5px;
    float: right;
    top: 10px;
    padding-right: 12px;
    padding-bottom: 12px;
    margin-right: 5px;
    background-image: url("/images/icons/toggle_arrow.png");
    /*@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 {
  color: #dddddd;
  font-size: 12px;
  height: 30px;
  margin-left: -1.5em;
  padding-top: 1em;
  text-align: center;
}
@media (max-width: 980px) {
  .qq-upload-button {
    margin-left: -40px;
    text-align: center;
  }
}

#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;
  text-align: center;
}

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

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

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

@media (max-width: 704px) {
  #upload-choose-cv ul.fixed {
    margin: 0 auto !important;
    width: 100% !important;
    max-width: initial !important;
  }
  li.fixed {
    width: 100% !important;
    max-width: initial !important;
  }
  button.fixed {
    width: 100% !important;
    max-width: initial !important;
    text-align: center !important;
  }
  button.fixed .caret {
    position: absolute;
    top: 6px;
    right: 5px;
  }
  #upload-choose-cv ul.fixed ul, #upload-choose-cv ul.fixed ul li, #upload-choose-cv ul.fixed ul li button {
    max-width: none !important;
    width: 100%;
  }
}
#application .CvUpload.fixed {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
  margin-top: 10px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ln-letters {
  overflow: hidden;
}

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

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

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

.ln-letters a.ln-disabled {
  color: #70addc;
}

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

/* .ln-letter-count { text-align:center; font-size:0.8em; line-height:1; margin-bottom:3px; color:$green; }  */
/*------------------------------------*\
    $FOOTER
\*------------------------------------*/
.footer {
  background-color: rgba(32, 63, 105, 0.8901960784);
  color: #fff;
  margin-top: 4em;
  padding-top: 1.4em;
  clear: both;
}
.footer a {
  font-size: 0.875em;
  color: #fff;
}
@media (max-width: 31em) {
  .footer a {
    font-size: 1em;
  }
}
.footer li {
  color: #fff;
}
.footer h2 {
  padding-bottom: 0.7em;
  font-size: 0.875em;
  line-height: 1.2;
  font-weight: 700;
  color: #ec603c;
  text-transform: uppercase;
  font-family: "Montserrat", "Arial", sans-serif;
  text-align: left;
}
@media (max-width: 31em) {
  .footer h2 {
    padding: 0.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;
  display: grid;
  grid-template-columns: 20px 1fr;
  height: 36px;
  column-gap: 12px;
  align-items: center;
}
.social-icons li .icon-cont {
  width: 100%;
  margin: 0 auto;
}
.social-icons li i {
  font-size: 18px;
}
.social-icons li i:hover {
  font-size: 22px;
}
@media (max-width: 61.5em) {
  .social-icons li {
    margin-top: 1em;
  }
}
@media (max-width: 46.8em) {
  .social-icons li {
    margin-top: 0.5em;
  }
}
@media (max-width: 31em) {
  .social-icons li {
    display: inline-block;
    margin-top: 0.5em;
    text-align: center;
    width: 31%;
  }
  .social-icons li i {
    font-size: 32px;
  }
}

@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: 23.87499999%;
}
@media (max-width: 48em) {
  .social-icons {
    display: block;
    float: left;
    margin-left: 0;
    margin-right: -100%;
    width: 49.24999998%;
  }
}
@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: 25.37499999%;
  margin-right: -100%;
  width: 23.87499999%;
}
@media (max-width: 61.5em) {
  .footer-column2 {
    display: block;
    float: left;
    margin-left: 33.83333332%;
    margin-right: -100%;
    width: 23.87499999%;
  }
}
@media (max-width: 48em) {
  .footer-column2 {
    display: block;
    float: left;
    margin-left: 50.74999998%;
    margin-right: -100%;
    width: 49.24999998%;
  }
}
@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: 50.74999998%;
  margin-right: -100%;
  width: 23.87499999%;
}
@media (max-width: 61.5em) {
  .footer-column3 {
    display: block;
    float: left;
    margin-left: 59.20833331%;
    margin-right: -100%;
    width: 23.87499999%;
  }
}
@media (max-width: 48em) {
  .footer-column3 {
    clear: both;
    padding-top: 0.5em;
    display: block;
    float: left;
    margin-left: 0;
    margin-right: -100%;
    width: 49.24999998%;
  }
}
@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: 76.12499997%;
  margin-right: -100%;
  width: 23.87499999%;
}
@media (max-width: 61.5em) {
  .footer-column4 {
    display: block;
    float: left;
    margin-left: 84.5833333%;
    margin-right: -100%;
    width: 15.41666666%;
  }
}
@media (max-width: 48em) {
  .footer-column4 {
    padding-top: 0.5em;
    display: block;
    float: left;
    margin-left: 50.74999998%;
    margin-right: -100%;
    width: 49.24999998%;
  }
}
@media (max-width: 31em) {
  .footer-column4 {
    clear: both;
    display: block;
    float: left;
    margin-left: 0;
    width: 100%;
  }
}

.copyright {
  background-color: none;
  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: #fff;
}
.copyright a {
  color: #ca5735;
}
.copyright a:hover {
  text-decoration: underline;
}

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

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

.caption {
  font-style: italic;
}

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

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

a.icon-twitter {
  background-image: url("/images/icons/twitter_light_icon.png");
  /*@include background-image-retina(/images/icons/twitter-light, png, 19px, 16px);*/
}
@media (max-width: 31em) {
  a.icon-twitter {
    background-image: url("/images/icons/twitter-light-large-icon.png");
    /*@include background-image-retina(/images/icons/twitter-light-large-icon, png, 30px, 25px);*/
    padding: 6px 16px;
  }
}
@media (min-width: 44em) {
  a.icon-twitter:hover {
    background-image: url("/images/icons/twitter-light-rollover.png");
    /*@include background-image-retina(/images/icons/twitter-light-rollover, png, 19px, 16px);*/
  }
}

a.icon-facebook {
  background-image: url("/images/icons/facebook-f-light.png");
  /*@include background-image-retina(/images/icons/facebook-f-light, png, 12px, 23px);*/
}
@media (max-width: 31em) {
  a.icon-facebook {
    background-image: url("/images/icons/facebook-light-large-icon.png");
    /*@include background-image-retina(/images/icons/facebook-light-large-icon, png, 15px, 30px);*/
    padding: 6px 16px;
  }
}
@media (min-width: 44em) {
  a.icon-facebook:hover {
    background-image: url("/images/icons/twitter-light-rollover.png");
    /*@include background-image-retina(/images/icons/facebook-f-light-rollover, png, 19px, 16px);*/
  }
}

a.icon-google-plus {
  background-image: url("/images/icons/googleplus-light.png");
  /*@include background-image-retina(/images/icons/googleplus-light, png, 23px, 23px);*/
}
@media (max-width: 31em) {
  a.icon-google-plus {
    background-image: url("/images/icons/googleplus-light-large-icon.png");
    /*@include background-image-retina(/images/icons/googleplus-light-large-icon, png, 29px, 31px);*/
    padding: 6px 16px;
  }
}
@media (min-width: 44em) {
  a.icon-google-plus:hover {
    background-image: url("/images/icons/twitter-light-rollover.png");
    /*@include background-image-retina(/images/icons/googleplus-light-rollover, png, 19px, 16px);*/
  }
}

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

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

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

.shortlist-icon, .job-list .job-list-item .shortlist_mobile, .job-list .job-list-item .shortlist_listing {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
}
.shortlist-icon i, .job-list .job-list-item .shortlist_mobile i, .job-list .job-list-item .shortlist_listing 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: #ca5735;
  border: none;
  border-radius: 3px;
  box-shadow: 0 1px #fff;
  color: #fff;
  display: inline-block;
  outline: none;
  position: relative;
  padding: 0.45em 2em;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  font-family: "Montserrat", "Arial", sans-serif;
  font-size: large;
  font-size: 0.875rem;
  margin-bottom: 1em;
  cursor: pointer;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
.btn:hover, .btn:focus, button:hover, button:focus, .link-btn:hover, .link-btn:focus {
  background: #ca5735;
  color: #fff;
  box-shadow: 0 1px #4e9edc;
  top: 3px;
}
.btn:active, button:active, .link-btn:active {
  box-shadow: 0 0 #4e9edc;
  top: 2px;
}
.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%;
}

.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 #70addc;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

button .unfollow {
  display: none;
}

button:hover .following {
  display: none;
}

button:hover .unfollow {
  display: inline;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.reg-cv-handy {
  display: block;
  float: left;
  margin-left: 8.45833333%;
  margin-right: -100%;
  width: 74.62499997%;
}
@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.74999998%;
  margin-right: -100%;
  width: 6.95833333%;
  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.20833331%;
  margin-right: -100%;
  width: 40.79166665%;
  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;
  }
}

section.jobs-by-category {
  margin-bottom: 5em;
}

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

.company-description {
  clear: both;
}
.company-description h1, .company-description h2 {
  background-color: #f7f7f7;
  font-family: "Montserrat", "Arial", sans-serif;
  padding: 0.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.33333332%;
}
@media (max-width: 50em) {
  .blog-article .blog-image {
    display: block;
    float: left;
    margin-left: 0;
    margin-right: -100%;
    width: 32.33333332%;
  }
}
@media (max-width: 34em) {
  .blog-article .blog-image {
    clear: both;
    display: block;
    float: left;
    margin-left: 0;
    width: 100%;
    padding: 0;
    float: left;
  }
}
.blog-article .blog-image img {
  margin: 1em auto;
  border: 1px solid #ccc;
  vertical-align: middle;
  height: 160px;
  width: 100%;
  object-fit: cover;
}
@media (max-width: 50em) {
  .blog-article .blog-image img {
    width: 100%;
  }
}
@media (max-width: 34em) {
  .blog-article .blog-image img {
    clear: both;
    display: block;
    float: left;
    margin-left: 0;
    width: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
  }
}

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

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

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

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

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

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

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

.advertise-phone {
  text-align: center;
  clear: both;
  color: #203f69;
  margin-bottom: 3em;
}
.advertise-phone img {
  vertical-align: bottom;
  width: 30px;
  height: 30px;
}
.advertise-phone .dublin {
  clear: both;
  font-size: 1.2em;
  display: block;
  float: left;
  margin-left: 8.45833333%;
  margin-right: -100%;
  width: 40.79166665%;
}
@media (max-width: 48em) {
  .advertise-phone .dublin {
    display: block;
    float: left;
    margin-left: 0;
    margin-right: -100%;
    width: 49.24999998%;
    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.74999998%;
  margin-right: -100%;
  width: 40.79166665%;
}
@media (max-width: 48em) {
  .advertise-phone .cork {
    display: block;
    float: left;
    margin-left: 50.74999998%;
    margin-right: -100%;
    width: 49.24999998%;
    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.91666666%;
  margin-right: -100%;
  width: 66.16666664%;
  clear: both;
}
@media (max-width: 44em) {
  #static {
    display: block;
    float: left;
    margin-left: 0;
    margin-right: -100%;
    width: 99.99999996%;
  }
}

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

#static p, #static ul, #static ol {
  font-size: 1rem;
  line-height: 1.8em;
  padding: 0;
  color: #203f69;
  margin: 0.7em auto;
  word-wrap: break-word;
}

/* 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-wide, .package-right, .package-left {
  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-wide .name, .package-right .name, .package-left .name {
  color: #565656;
  font-weight: 300;
  font-size: 1.8em;
  margin-top: 0.5em;
}
.package .price, .package-wide .price, .package-right .price, .package-left .price {
  margin-top: 7px;
  font-weight: bold;
}
.package .price::after, .package-wide .price::after, .package-right .price::after, .package-left .price::after {
  font-weight: normal;
}
.package hr, .package-wide hr, .package-right hr, .package-left hr {
  background-color: #dedede;
  border: none;
  height: 1px;
  margin-bottom: 1em;
}
.package .trial, .package-wide .trial, .package-right .trial, .package-left .trial {
  font-size: 0.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-wide ul, .package-right ul, .package-left ul {
  list-style: none;
  padding: 0;
  text-align: left;
  margin-top: 39px;
}
.package li, .package-wide li, .package-right li, .package-left li {
  margin-top: 25px;
  margin-bottom: 15px;
}
.package li::before, .package-wide li::before, .package-right li::before, .package-left li::before {
  font-family: "FontAwesome";
  content: "\f00c";
  font-size: 1.3rem;
  color: #33c4b6;
  margin-right: 3px;
}
.package input, .package-wide input, .package-right input, .package-left input {
  width: 100%;
}
.package label, .package-wide label, .package-right label, .package-left 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.45833333%;
  margin-right: -100%;
  width: 40.79166665%;
  text-align: center;
  padding: 0 2em;
}
@media (max-width: 50em) {
  .package-left {
    display: block;
    float: left;
    margin-left: 0;
    margin-right: -100%;
    width: 49.24999998%;
    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.74999998%;
  margin-right: -100%;
  width: 40.79166665%;
  text-align: center;
  padding: 0 2em;
}
@media (max-width: 50em) {
  .package-right {
    display: block;
    float: left;
    margin-left: 50.74999998%;
    margin-right: -100%;
    width: 49.24999998%;
    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.45833333%;
  margin-right: -100%;
  width: 83.0833333%;
  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.16666664%;
  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.66666664%;
  margin-right: -100%;
  width: 32.33333332%;
}
@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-right, .text-left {
  margin-top: 1.5em;
  margin-bottom: 2em;
}
.text-2-column h3, .text-right h3, .text-left h3 {
  text-align: left;
  font-weight: 500;
  margin-bottom: 0.8em;
  padding-left: 0.6em;
  font-size: 1.5em;
}
.text-2-column p, .text-right p, .text-left 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.70833331%;
}
@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.20833331%;
  margin-right: -100%;
  width: 40.79166665%;
  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.83333332%;
  margin-right: -100%;
  width: 66.16666664%;
}
@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.33333332%;
  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-three-third, .blocks-two-third, .blocks-one-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-three-third .job-title, .blocks-two-third .job-title, .blocks-one-third .job-title {
  min-height: 50px;
  display: block;
}
.blocks .name, .blocks-three-third .name, .blocks-two-third .name, .blocks-one-third .name {
  clear: both;
  font-weight: bold;
  display: block;
}
.blocks .location, .blocks-three-third .location, .blocks-two-third .location, .blocks-one-third .location {
  clear: both;
  display: block;
}
.blocks a, .blocks-three-third a, .blocks-two-third a, .blocks-one-third a {
  font-weight: bold;
}

.blocks-one-third {
  display: block;
  float: left;
  margin-left: 0;
  margin-right: -100%;
  width: 32.33333332%;
}
@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.83333332%;
  margin-right: -100%;
  width: 32.33333332%;
}
@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.66666664%;
  margin-right: -100%;
  width: 32.33333332%;
}
@media (max-width: 44em) {
  .blocks-three-third {
    clear: both;
    display: block;
    float: left;
    margin-left: 0;
    width: 100%;
    clear: both;
  }
}

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

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

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

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

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

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

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

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

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

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

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

.tooltip-link {
  background: #dadee8;
}

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

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

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

@media (max-width: 31em) {
  .mobile-collapse, .search-form fieldset.mobile-collapse {
    display: none;
  }
}
.mi-slider {
  position: relative;
  height: 180px;
  float: left;
  margin-top: 2em;
  display: block;
  float: left;
  margin-left: 0;
  margin-right: -100%;
  width: 66.16666664%;
}
@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: 300px;
  -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.33333332%;
}
@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.83333332%;
  margin-right: -100%;
  width: 57.70833331%;
  display: inline-block;
  padding: 20px 0;
  float: left;
  -webkit-transform: translateX(600%);
  transform: translateX(600%);
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
@media (max-width: 50em) {
  .mi-slider ul li:nth-child(2) {
    padding: 0;
  }
}
@media (max-width: 40em) {
  .mi-slider ul li:nth-child(2) {
    clear: both;
    display: block;
    float: left;
    margin-left: 0;
    width: 100%;
    border-bottom: 1px solid #ccc;
    padding: 0 5px 5px 5px;
    width: 100%;
    clear: both;
    word-break: break-all;
  }
}

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

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

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

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

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

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

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

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

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

/* ------------------------------ NAV IMAGES  ---------------------- */
.mi-slider nav {
  position: absolute;
  text-align: center;
  top: 150px;
  margin: 0 auto;
  border-top: 5px solid #CA5735;
  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: #CA5735;
  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.66666664%;
  margin-right: -100%;
  width: 32.33333332%;
}
@media (max-width: 53em) {
  .mpu {
    display: none;
  }
}

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

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

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

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

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

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

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

.job-description table, .job-description td {
  white-space: normal;
  border: 1px solid gray !important;
}

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

.job-description td {
  padding: 0.4rem;
}

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

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

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

/* ---------------------  FOOTER JOB DETAILS ----------------------------*/
.share-bar.fr {
  float: right;
}

@media (max-width: 545px) {
  .share-bar.fr {
    float: left;
  }
}
.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: 0.875em;
  text-transform: uppercase;
  display: block;
  float: left;
  margin-left: 0;
  margin-right: -100%;
  width: 66.16666664%;
  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;
  padding-top: 2px;
  font-weight: 400;
}
.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-x-navy.svg");
}
.share-bar .share .twitter-roll:hover {
  background-image: url("../images/twitter-x-hover.svg");
}
.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: 99.99999996%;
  }
}
@media (max-width: 44em) {
  .share-bar .share {
    display: block;
    float: left;
    margin-left: 0;
    margin-right: -100%;
    width: 66.16666664%;
  }
}
@media (max-width: 31em) {
  .share-bar .share {
    display: block;
    float: left;
    margin-left: 0;
    margin-right: -100%;
    width: 99.99999996%;
  }
  .share-bar .share .facebook-roll {
    clear: left;
  }
}

.job-details-footer {
  display: block;
  float: left;
  margin-left: 0;
  margin-right: -100%;
  width: 99.99999996%;
  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: 0.875em;
  display: block;
  float: left;
  margin-left: 76.12499997%;
  margin-right: -100%;
  width: 23.87499999%;
  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: 99.99999996%;
    clear: both;
    text-align: left;
  }
}
@media (max-width: 44em) {
  .job-details-footer .report {
    display: block;
    float: left;
    margin-left: 76.12499997%;
    margin-right: -100%;
    width: 23.87499999%;
    clear: none;
  }
}
@media (max-width: 34em) {
  .job-details-footer .report {
    display: block;
    float: left;
    margin-left: 0;
    margin-right: -100%;
    width: 99.99999996%;
    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: 0.875em;
  text-transform: uppercase;
  display: block;
  float: left;
  margin-left: 0;
  margin-right: -100%;
  width: 66.16666664%;
  display: inline-block;
}
.job-details-footer .share li {
  float: left;
  list-style: none;
  margin: 0 10px 5px 0;
}
.job-details-footer .share li:first-child {
  margin-left: 0;
}
.job-details-footer .share .social-roll {
  height: 24px;
  width: 24px;
  border-radius: 50%;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.job-details-footer .share .social-roll:hover {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}
.job-details-footer .share .twitter-roll {
  background-image: url("../images/twitter-navy.png");
}
.job-details-footer .share .twitter-roll:hover {
  background-image: url("../images/twitter-hover.png");
}
.job-details-footer .share .google-roll {
  background-image: url("../images/gplus-navy.png");
}
.job-details-footer .share .google-roll:hover {
  background-image: url("../images/gplus-hover.png");
}
.job-details-footer .share .facebook-roll {
  background-image: url("../images/facebook-navy.png");
}
.job-details-footer .share .facebook-roll:hover {
  background-image: url("../images/facebook-hover.png");
}
.job-details-footer .share .linkedin-roll {
  background-image: url("../images/linkedin-navy.png");
}
.job-details-footer .share .linkedin-roll:hover {
  background-image: url("../images/linkedin-hover.png");
}
.job-details-footer .share .email-roll {
  background-image: url("../images/email-navy.png");
}
.job-details-footer .share .email-roll:hover {
  background-image: url("../images/email-hover.png");
}
@media (max-width: 50em) {
  .job-details-footer .share {
    float: left;
    margin-bottom: 1em;
    display: block;
    float: left;
    margin-left: 0;
    margin-right: -100%;
    width: 99.99999996%;
  }
}
@media (max-width: 44em) {
  .job-details-footer .share {
    display: block;
    float: left;
    margin-left: 0;
    margin-right: -100%;
    width: 66.16666664%;
  }
}
@media (max-width: 31em) {
  .job-details-footer .share {
    display: block;
    float: left;
    margin-left: 0;
    margin-right: -100%;
    width: 99.99999996%;
  }
  .job-details-footer .share .facebook-roll {
    clear: left;
  }
}

.course-details-footer {
  display: block;
  float: left;
  margin-left: 0;
  margin-right: -100%;
  width: 99.99999996%;
  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: 0.875em;
  text-transform: uppercase;
  clear: both;
  display: block;
  float: left;
  margin-left: 0;
  width: 100%;
  display: inline-block;
}
.course-details-footer .share li {
  float: left;
  list-style: none;
  margin: 0 10px 5px 0;
}
.course-details-footer .share li:first-child {
  margin-left: 0;
}
.course-details-footer .share .social-roll {
  height: 24px;
  width: 24px;
  border-radius: 50%;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.course-details-footer .share .social-roll:hover {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}
.course-details-footer .share .twitter-roll {
  background-image: url("../images/twitter-navy.png");
}
.course-details-footer .share .twitter-roll:hover {
  background-image: url("../images/twitter-hover.png");
}
.course-details-footer .share .google-roll {
  background-image: url("../images/gplus-navy.png");
}
.course-details-footer .share .google-roll:hover {
  background-image: url("../images/gplus-hover.png");
}
.course-details-footer .share .facebook-roll {
  background-image: url("../images/facebook-navy.png");
}
.course-details-footer .share .facebook-roll:hover {
  background-image: url("../images/facebook-hover.png");
}
.course-details-footer .share .linkedin-roll {
  background-image: url("../images/linkedin-navy.png");
}
.course-details-footer .share .linkedin-roll:hover {
  background-image: url("../images/linkedin-hover.png");
}
.course-details-footer .share .email-roll {
  background-image: url("../images/email-navy.png");
}
.course-details-footer .share .email-roll:hover {
  background-image: url("../images/email-hover.png");
}
@media (max-width: 50em) {
  .course-details-footer .share {
    float: left;
    margin-bottom: 1em;
    clear: both;
    display: block;
    float: left;
    margin-left: 0;
    width: 100%;
  }
}
@media (max-width: 44em) {
  .course-details-footer .share {
    clear: both;
    display: block;
    float: left;
    margin-left: 0;
    width: 100%;
  }
}
@media (max-width: 31em) {
  .course-details-footer .share {
    clear: both;
    display: block;
    float: left;
    margin-left: 0;
    width: 100%;
  }
  .course-details-footer .share .facebook-roll {
    clear: left;
  }
}

.report-job {
  background: #f7f7f7;
  display: none;
  position: relative;
  top: 0;
  border: 1px solid #dadee8;
  padding: 2em 2em 2em 4em;
  z-index: 1500;
  -webkit-box-shadow: 0 10px 20px -10px #ccc;
  -moz-box-shadow: 0 10px 20px -10px #ccc;
  box-shadow: 0 10px 20px -10px #ccc;
}
@media (max-width: 34em) {
  .report-job {
    top: 0;
  }
  .report-job h2 {
    margin: 0;
    padding: 0;
  }
}
.report-job:before {
  position: absolute !important;
  content: " ";
  background-image: url(/images/icons/modal_triangle.png);
  padding: 8px;
  /*@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;
}
.profile-completion-popup dl {
  margin: 0 1em;
}
.profile-completion-popup dt {
  font-weight: bold;
  width: 30%;
  display: inline-block;
  /*margin-right: 1em;*/
  text-align: right;
  float: right;
}
.profile-completion-popup dd {
  margin-left: 0.5em;
  margin-bottom: 1em;
  width: 60%;
  display: inline-block;
  margin-bottom: 1em;
  font-size: 1.2em;
}
.profile-completion-popup:before {
  position: absolute !important;
  content: " ";
  background-image: url(/images/icons/modal_triangle.png);
  padding: 8px;
  /*@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) {
  .profile-completion-popup:before {
    left: 346px;
  }
}
@media (max-width: 44em) {
  .profile-completion-popup:before {
    left: 104px;
  }
}
.profile-completion-popup .action-buttons {
  margin-top: 0;
}

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

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

.login-popup {
  background: #f7f7f7;
  display: none;
  position: relative;
  z-index: 1000;
  border: 1px solid #dadee8;
  padding: 2em;
}
.login-popup input {
  width: 100%;
}
@media (max-width: 44em) {
  .login-popup {
    padding-top: 1em;
  }
}
.login-popup:before {
  position: absolute !important;
  content: " ";
  background-image: url(/images/icons/modal_triangle.png);
  padding: 8px;
  /*@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;
}

.job-html-description h2 {
  background-color: transparent !important;
}

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

.section {
  margin: 0 0 1em;
}

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

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

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

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

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

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

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

#application p {
  font-size: 1em;
  padding: 0.5em 0 0 0;
}
#application a {
  text-decoration: none;
}
#application a:hover {
  color: #70addc;
  text-decoration: underline;
}
#application .show-checkbox {
  display: block;
  clear: both;
  margin: 0 0 1em 0.5em;
}
#application .show-checkbox label {
  font-size: 0.75em;
}
#application .forgot-password {
  clear: both;
  text-align: right;
  line-height: 0.5em;
  font-size: 0.75em;
  margin-right: 2em;
}
#application .action-buttons {
  float: left;
  text-align: left;
}
#application .action-buttons button {
  margin: 1em 2em 1em 0;
}
@media (max-width: 31em) {
  #application .action-buttons button {
    width: 100%;
  }
}
#application .fa {
  color: #8bc435;
  margin-left: -2em;
  font-size: 1rem;
}
#application .info-message {
  text-align: center;
}
#application .info-message .fa {
  font-size: 2em;
  color: #70addc;
  margin-left: 0;
  vertical-align: middle;
}
#application input {
  padding: 0.5em 2rem 0.5em 0.5em;
  width: 100%;
}
#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.45833333%;
  margin-right: -100%;
  width: 32.33333332%;
}
@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.29166665%;
  margin-right: -100%;
  width: 6.95833333%;
}
#application .CvChoose {
  display: block;
  float: left;
  margin-left: 59.20833331%;
  margin-right: -100%;
  width: 32.33333332%;
}
@media (max-width: 31em) {
  #application .CvChoose {
    clear: both;
    display: block;
    float: left;
    margin-left: 0;
    width: 100%;
    z-index: -1;
  }
}
#application .CvUpload-dropdown, #application .CvChoose-dropdown {
  max-width: 200px;
  background: #2d343e;
}
#application .CvUpload-dropdown li, #application .CvChoose-dropdown li {
  padding: 1em;
  color: #fff;
  list-style: none;
}
#application .forgot {
  clear: both;
  line-height: 0.5em;
  font-size: 0.75em;
  margin-right: 2em;
}
#application .section1 {
  padding: 0 2em 3em 2em;
}
@media (max-width: 31em) {
  #application .section1 {
    padding: 0 1em 1.3em 1em;
  }
}
#application .section1 .alert-success p {
  color: #203f69;
}
#application .section1 .fa {
  position: absolute;
  top: 10px;
  right: 10px;
}
#application .section1 hr {
  background-color: #70addc;
}
#application .section1 .alert-success-lg-text {
  font-size: 1.2em;
  font-weight: 700;
  color: #203f69;
}
#application .section2 {
  padding: 1em 2em 2em 2em;
  color: #203f69;
  border-top: 1px solid #dadee8;
}
#application .section2 select {
  border-radius: 5px;
  display: inline-block;
  border: 1px solid #dadee8;
  max-width: 250px;
}
@media (max-width: 31em) {
  #application .section2 {
    padding: 0 1em 1.3em 1em;
  }
}
#application .disabled {
  background-color: #f7f7f7;
  color: #d3d3d3;
}
#application .disabled a {
  color: #d3d3d3;
  box-shadow: none;
  cursor: default;
}
#application .disabled a:hover {
  text-decoration: none;
  color: #d3d3d3;
  box-shadow: none;
  cursor: default;
}
#application .disabled input, #application .disabled select, #application .disabled textarea {
  background-color: #f2f2f2;
}
#application .section3 {
  padding: 1em 2em 2em 2em;
  border-top: 1px solid #dadee8;
}
#application .section3 .disabled-form {
  background-color: #f7f7f7;
  color: #d3d3d3;
}
@media (max-width: 31em) {
  #application .section3 {
    padding: 0 1em 1.3em 1em;
  }
}
#application .btn-large {
  margin-top: 1em;
  color: #fff;
}
@media (max-width: 31em) {
  #application .btn-large {
    width: 100%;
    background-color: #70addc;
  }
}
#application .btn-large:hover, #application .btn-large:focus {
  color: #fff;
  text-decoration: none;
}
#application .eligible-flex {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1em;
}
#application .eligible-container {
  width: 100%;
  justify-content: space-around;
  align-content: space-between;
}
#application .eligible-title {
  font-weight: 700;
  width: 100%;
}
#application .eligible-item {
  width: 50%;
}
#application .eligible-item-label {
  display: inline-block;
  font-weight: normal;
}
#application #footer {
  background-color: #fff;
  color: #203f69;
  padding: 1em 0 1em 2em;
  border-top: 1px solid #dadee8;
}
#application #footer .logo-footer {
  background-image: url(../images/logo-dark.png);
  float: right;
  height: 41px;
  width: 150px;
}
@media (max-width: 44em) {
  #application #footer {
    display: none;
  }
}
#application .cv-upload, #application .cv-choose {
  display: none;
}
#application div.cv-upload.active, #application div.cv-choose.active {
  display: block;
}

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

.post-application-details {
  word-break: break-word;
}
.post-application-details .icheckbox_flat:before {
  font-size: 32px;
}
.post-application-details i .fa-check {
  margin-bottom: 2em;
}
.post-application-details p {
  word-break: break-word;
}

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

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

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

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

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

.sg-cookie-container {
  padding: 28px;
  background: #203f69;
  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, .sg-cookie-container h3, .sg-cookie-container p {
  text-align: left;
}
.sg-cookie-container h2 {
  margin: 0 0 1rem;
  padding: 0;
  font-size: 1.8rem;
  color: #fff;
  text-transform: none;
  font-weight: bold;
}
.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: #70addc;
  border-radius: 5px;
  width: 240px;
  padding: 10px 28px;
  border: 1px solid #70addc !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 #70addc !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: #4e9edc !important;
  border-color: #4e9edc !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: #203f69;
  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: "✕";
}

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

.modal__content {
  display: block;
  overflow-y: visible;
  margin: 0;
  color: #203f69;
  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: 0.5rem;
  padding-bottom: 0.5rem;
  background-color: #70addc;
  color: #203f69;
  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 0.25s ease-out;
  transition: transform 0.25s ease-out;
  transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out;
  float: right;
}

.modal__btn-primary {
  background-color: #70addc;
  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: #203f69;
  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;
  color: #203f69;
}

.always__active {
  float: right;
  color: #70addc;
  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: #203f69;
  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: #70addc;
  border-radius: 5px;
  -webkit-appearance: none;
  color: #fff;
  font-weight: 600;
}

hr {
  border: 0;
  height: 1px;
  background: #dadee8;
  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: #70addc;
  color: #FFFFFF;
}

.onoffswitch-inner:after {
  content: "NO";
  padding-right: 10px;
  background-color: #dadee8;
  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;
    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;
  }
}
.partner-links {
  clear: both;
  display: block;
  float: left;
  margin-left: 67.66666664%;
  margin-right: -100%;
  width: 32.33333332%;
  margin-bottom: 2.4em;
  background-color: #f7f7f7;
}
@media (max-width: 93em) {
  .partner-links {
    clear: both;
    display: block;
    float: left;
    margin-left: 0;
    width: 100%;
  }
}
@media (max-width: 93em) {
  .partner-links {
    margin-bottom: 1em;
  }
}
@media (max-width: 31em) {
  .partner-links ul {
    display: none;
  }
}
.partner-links h2 {
  margin-bottom: 1.2em;
}
@media (max-width: 31em) {
  .partner-links h2 {
    margin-bottom: 0;
  }
}
.partner-links li {
  border-bottom: 1px solid #dadee8;
  border-left: 1px solid #dadee8;
  border-right: 1px solid #dadee8;
  padding: 1.2em 1em;
  font-weight: 600;
}
.partner-links li:first-child {
  border-top: 1px solid #dadee8;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.partner-links li:last-child {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.partner-links li:after {
  content: "›";
  float: right;
}
.partner-links li:hover {
  background-color: #dadee8;
  cursor: pointer;
}
.partner-links li a:hover {
  color: #203f69;
}

#head-refinement {
  clear: both;
  border: solid 1px lightgray;
  border-radius: 5px;
  padding: 1em;
  margin: 0.5rem 0 0.5rem 0;
  line-height: 1em;
  min-height: 2em;
  display: inline-block;
  position: relative;
  clear: both;
  display: block;
  float: left;
  margin-left: 0;
  width: 100%;
}
@media (max-width: 44em) {
  #head-refinement {
    padding: 0.5rem;
  }
}
#head-refinement #sorted-by {
  float: none;
  margin-top: 2px;
  display: block;
  float: left;
  margin-left: 0;
  margin-right: -100%;
  width: 40.79166665%;
}
@media (max-width: 50em) {
  #head-refinement #sorted-by {
    clear: both;
    display: block;
    float: left;
    margin-left: 0;
    width: 100%;
  }
}
@media (max-width: 44em) {
  #head-refinement #sorted-by {
    text-align: center;
  }
}
#head-refinement h3 {
  font-weight: 700;
  display: inline;
  font-family: "Montserrat", "Arial", sans-serif;
  font-size: 1em;
  padding-bottom: 1em;
  text-transform: capitalize;
}
@media (max-width: 930px) {
  #head-refinement h3 {
    display: none;
  }
}
#head-refinement #refinements {
  display: block;
  float: left;
  margin-left: 25.37499999%;
  margin-right: -100%;
  width: 74.62499997%;
  font-size: 1em;
  text-align: right;
  align-items: baseline;
}
#head-refinement #refinements label {
  text-align: left;
  max-width: 90px;
  min-width: 70px;
  font-size: 0.9em;
  display: inline-block;
}
@media (max-width: 50em) {
  #head-refinement #refinements {
    clear: both;
    display: block;
    float: left;
    margin-left: 0;
    width: 100%;
    margin-top: 1.5em;
  }
}
@media (max-width: 44em) {
  #head-refinement #refinements {
    clear: both;
    display: block;
    float: left;
    margin-left: 0;
    width: 100%;
  }
}
#head-refinement #refinements #employer-agency {
  align-items: baseline;
  min-height: 1.5em;
  white-space: nowrap;
  display: block;
  float: left;
  margin-left: 0;
  margin-right: -100%;
  width: 32.33333332%;
}
@media (max-width: 34em) {
  #head-refinement #refinements #employer-agency {
    clear: both;
    display: block;
    float: left;
    margin-left: 0;
    width: 100%;
    float: right;
    padding: 0.5em 0 0 0;
    margin-right: 0;
    text-align: center;
  }
}
#head-refinement #refinements #full-part {
  padding-left: 1.2em;
  align-items: baseline;
  border-left: 1px solid #333;
  min-height: 1.5em;
  white-space: nowrap;
  display: block;
  float: left;
  margin-left: 33.83333332%;
  margin-right: -100%;
  width: 32.33333332%;
}
@media (max-width: 44em) {
  #head-refinement #refinements #full-part {
    border-left: none;
  }
}
@media (max-width: 34em) {
  #head-refinement #refinements #full-part {
    clear: both;
    display: block;
    float: left;
    margin-left: 0;
    width: 100%;
    float: right;
    padding: 0.5em 0 0 0;
    border-left: none;
    margin-right: 0;
    text-align: center;
  }
}
#head-refinement #refinements #contract-types {
  padding-left: 1.2em;
  float: right;
  margin-top: -4px;
  min-height: 1.5em;
  display: block;
  float: left;
  margin-left: 67.66666664%;
  margin-right: -100%;
  width: 32.33333332%;
}
@media (max-width: 34em) {
  #head-refinement #refinements #contract-types {
    clear: both;
    display: block;
    float: left;
    margin-left: 0;
    width: 100%;
    margin-top: 1em;
    border-left: none;
    margin-right: 0;
  }
}
#head-refinement #course-refinements {
  clear: both;
  display: block;
  float: left;
  margin-left: 0;
  width: 100%;
  font-size: 1em;
  text-align: right;
  align-items: baseline;
}
#head-refinement #course-refinements label {
  text-align: left;
  width: 140px;
  display: inline-block;
}
@media (max-width: 53em) {
  #head-refinement #course-refinements label {
    text-align: left;
    width: 100px;
    display: inline-block;
  }
}
@media (max-width: 46.8em) {
  #head-refinement #course-refinements label {
    text-align: left;
    width: 100px;
    display: inline-block;
  }
  #head-refinement #course-refinements #full-part-course-1 {
    padding-left: 1.2em;
    display: block;
    float: left;
    margin-left: 0;
    margin-right: -100%;
    width: 49.24999998%;
  }
  #head-refinement #course-refinements #full-part-course-2 {
    display: block;
    float: left;
    margin-left: 50.74999998%;
    margin-right: -100%;
    width: 49.24999998%;
  }
}
@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: 0.5em;
  margin-top: 1em;
  border-bottom: 2px solid #203f69;
  font-weight: 700;
  font-family: "Montserrat", "Arial", sans-serif;
}

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

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

/*---------------------------------    job list ------------------------- */
.job-list {
  display: block;
  float: left;
  margin-left: 0;
  margin-right: -100%;
  width: 99.99999996%;
  float: left;
  padding: 0.75em 0;
}
.job-list .job-list-header .date {
  display: block;
  float: left;
  margin-left: 0;
  margin-right: -100%;
  width: 6.95833333%;
  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.45833333%;
  margin-right: -100%;
  width: 40.79166665%;
  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.74999998%;
  margin-right: -100%;
  width: 23.87499999%;
}
@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.12499997%;
  margin-right: -100%;
  width: 15.41666666%;
  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.5833333%;
  margin-right: -100%;
  width: 6.95833333%;
  padding-right: 0;
  font-size: 0.96em;
  display: inline;
}
.job-list .job-list-refresh {
  min-height: 2em;
  border-bottom: 1px solid #dadee8;
  text-align: center;
}
.job-list .job-list-refresh .job-list-refresh-link {
  text-transform: uppercase;
  background: #dfe2ec;
  font-size: 0.875em;
  color: #203f69;
  font-weight: normal;
  box-shadow: none;
  border: none;
  border-radius: 3px;
  display: inline-block;
  padding: 1em 2em;
  text-align: center;
  text-decoration: none;
  font-family: "Montserrat", "Arial", sans-serif;
  margin: 1em 0;
}
.job-list .job-list-refresh .job-list-refresh-link:hover {
  background: #203f69;
  box-shadow: none;
  color: #fff;
}
.job-list .job-list-refresh .job-list-refresh-link .refresh-action-text {
  font-size: 1.1em;
  width: 90%;
}
.job-list .job-list-refresh .job-list-refresh-link:before {
  text-decoration: none;
  font-family: FontAwesome;
  padding: 0 0.5em 0 0;
  content: "\f021";
  color: #203f69;
  font-size: 1.8em;
  float: left;
}
.job-list .job-list-item {
  display: block;
  padding: 0.5em 0;
}
.job-list .job-list-item .date {
  display: inline;
  float: left;
  display: block;
  float: left;
  margin-left: 0;
  margin-right: -100%;
  width: 6.95833333%;
  font-size: 0.875em;
  padding-top: 0.43em;
}
@media (max-width: 44em) {
  .job-list .job-list-item .date {
    float: right;
    text-align: center;
    display: block;
    float: left;
    margin-left: 76.12499997%;
    margin-right: -100%;
    width: 23.87499999%;
    font-size: 0.875em;
  }
}
.job-list .job-list-item .job {
  float: left;
  display: block;
  float: left;
  margin-left: 8.45833333%;
  margin-right: -100%;
  width: 40.79166665%;
  padding: 0 0 0 1em;
  padding-top: 0.4em !important;
}
.job-list .job-list-item .job .snippet a, .job-list .job-list-item .job .snippet a:visited {
  font-weight: 500;
  color: #5f6d75;
}
.job-list .job-list-item .job .snippet a:hover {
  color: #203f69;
  font-weight: 500;
}
@media (max-width: 44em) {
  .job-list .job-list-item .job {
    margin-bottom: 0.3em;
    padding: 0;
    display: block;
    float: left;
    margin-left: 0;
    margin-right: -100%;
    width: 74.62499997%;
    border-left: none;
  }
}
.job-list .job-list-item .company {
  display: block;
  float: left;
  margin-left: 50.74999998%;
  margin-right: -100%;
  width: 23.87499999%;
  padding: 0 0.86em;
  border-left: 1px solid #dadee8;
  border-right: 1px solid #dadee8;
  word-wrap: break-word;
  min-height: 25px;
  padding-top: 0.43em;
}
.job-list .job-list-item .company a {
  font-weight: 600;
  color: #203f69;
  cursor: pointer;
}
.job-list .job-list-item .company a:hover {
  text-decoration: none;
  color: #70addc;
}
.job-list .job-list-item .company a:visited {
  color: #203f69;
}
.job-list .job-list-item .company .following {
  color: #203f69;
  float: left;
  font-size: 0.7em;
  margin: 0 0 0.2em 0;
  text-transform: uppercase;
  font-family: "Montserrat", "Arial", sans-serif;
  background-color: #f7f7f7;
  padding: 0.5em;
}
@media (max-width: 50em) {
  .job-list .job-list-item .company .following {
    display: none;
  }
}
@media (max-width: 44em) {
  .job-list .job-list-item .company {
    clear: left;
    margin-bottom: 0.3em;
    padding: 0;
    display: block;
    float: left;
    margin-left: 0;
    margin-right: -100%;
    width: 74.62499997%;
    border-left: none;
    border-right: none;
  }
}
.job-list .job-list-item .location {
  display: block;
  float: left;
  margin-left: 76.12499997%;
  margin-right: -100%;
  width: 15.41666666%;
  color: #203f69;
  padding: 0 1em 0 0;
  height: 100%;
  font-size: 0.86em;
  padding-top: 0.43em;
  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.62499997%;
    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.04166663%;
  margin-right: -100%;
  width: 6.95833333%;
}
@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.5833333%;
    margin-right: -100%;
    width: 15.41666666%;
    display: inline;
    padding: 0 1em 0 1em;
  }
}
@media (max-width: 31em) {
  .job-list .job-list-item .shortlist_mobile {
    padding: 0;
    display: inline;
  }
}

.job-list-company {
  display: block;
  float: left;
  margin-left: 0;
  margin-right: -100%;
  width: 99.99999996%;
  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.95833333%;
  padding-right: 0.5em;
  min-width: 8%;
  width: 9.95833%;
}
@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.45833333%;
  margin-right: -100%;
  width: 57.70833331%;
  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.16666664%;
  }
}
.job-list-company .job-list-header .company {
  display: none;
}
.job-list-company .job-list-header .location {
  display: block;
  float: left;
  margin-left: 67.66666664%;
  margin-right: -100%;
  width: 23.87499999%;
  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.5833333%;
  margin-right: -100%;
  width: 6.95833333%;
  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.95833333%;
  padding-right: 0em;
  font-size: 0.96em;
}
@media (max-width: 44em) {
  .job-list-company .job-list-item .date {
    float: right;
    display: block;
    float: left;
    margin-left: 84.5833333%;
    margin-right: -100%;
    width: 15.41666666%;
  }
}
.job-list-company .job-list-item .job {
  float: left;
  display: block;
  float: left;
  margin-left: 8.45833333%;
  margin-right: -100%;
  width: 57.70833331%;
  padding: 0 0.5em 0 1em;
  border-left: 1px solid #dadee8;
  border-right: 1px solid #dadee8;
  word-wrap: break-word;
  min-height: 25px;
}
@media (max-width: 44em) {
  .job-list-company .job-list-item .job {
    margin-bottom: 0.3em;
    display: block;
    float: left;
    margin-left: 0;
    margin-right: -100%;
    width: 83.0833333%;
    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.66666664%;
  margin-right: -100%;
  width: 23.87499999%;
  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: 0.3em;
    clear: left;
    display: inline;
    border-left: none;
    display: block;
    float: left;
    margin-left: 0;
    margin-right: -100%;
    width: 83.0833333%;
    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.04166663%;
  margin-right: -100%;
  width: 6.95833333%;
}
@media (max-width: 44em) {
  .job-list-company .job-list-item .shortlist_listing {
    display: none;
  }
}
.job-list-company .job-list-item .shortlist_listing.compact {
  font-size: 1.4em;
}
.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.5833333%;
    margin-right: -100%;
    width: 15.41666666%;
    padding: 0 0 0 0.5em;
  }
}
.job-list-company .job-list-item {
  display: block;
}

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

/* ----------------- Course list ----------------*/
.course-list {
  display: block;
  float: left;
  margin-left: 0;
  margin-right: -100%;
  width: 99.99999996%;
  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.79166665%;
  padding: 0 0 0 1em;
}
.course-list .course-list-header .college {
  display: block;
  float: left;
  margin-left: 42.29166665%;
  margin-right: -100%;
  width: 23.87499999%;
}
.course-list .course-list-header .college .name a {
  font-weight: 600;
  color: #203f69;
  cursor: pointer;
}
.course-list .course-list-header .college .name a:hover {
  text-decoration: none;
  color: #70addc;
}
.course-list .course-list-header .college .name a:visited {
  color: #203f69;
}
@media (max-width: 44em) {
  .course-list .course-list-header .college {
    display: none;
  }
}
.course-list .course-list-header .location {
  display: block;
  float: left;
  margin-left: 67.66666664%;
  margin-right: -100%;
  width: 15.41666666%;
  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.5833333%;
  margin-right: -100%;
  width: 15.41666666%;
}
@media (max-width: 44em) {
  .course-list .course-list-header .price {
    display: none;
  }
}
.course-list .course-list-refresh {
  min-height: 2em;
  border-bottom: 1px solid #dadee8;
  text-align: center;
}
.course-list .course-list-refresh .course-list-refresh-link {
  text-transform: uppercase;
  background: #dfe2ec;
  font-size: 0.875em;
  color: #203f69;
  font-weight: normal;
  box-shadow: none;
  border: none;
  border-radius: 3px;
  display: inline-block;
  padding: 1em 2em;
  text-align: center;
  text-decoration: none;
  font-family: "Montserrat", "Arial", sans-serif;
  margin: 1em 0;
}
.course-list .course-list-refresh .course-list-refresh-link:hover, .course-list .course-list-refresh .course-list-refresh-link:hover:before {
  background: #203f69;
  box-shadow: none;
  color: #fff;
}
.course-list .course-list-refresh .course-list-refresh-link .refresh-text {
  font-size: 1em;
  margin: 1em 0 1em 0;
  line-height: 1.5em;
}
.course-list .course-list-refresh .course-list-refresh-link .refresh-action-text {
  font-size: 1.1em;
}
.course-list .course-list-refresh .course-list-refresh-link .refresh-action-text:before {
  text-decoration: none;
  font-family: FontAwesome;
  padding: 0 0.5em 0 0;
  content: "\f021";
  color: #203f69;
  font-size: 1.5em;
}
.course-list .course-list-item {
  padding: 0.5em 0;
}
.course-list .course-list-item .course {
  float: left;
  display: block;
  float: left;
  margin-left: 0;
  margin-right: -100%;
  width: 40.79166665%;
  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: 0.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.29166665%;
  margin-right: -100%;
  width: 23.87499999%;
  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: 0.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.66666664%;
  margin-right: -100%;
  width: 15.41666666%;
  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: 0.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.5833333%;
  margin-right: -100%;
  width: 15.41666666%;
  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: 99.99999996%;
  float: left;
  padding: 0;
}
.course-college .course-list-header .course {
  float: left;
  display: block;
  float: left;
  margin-left: 0;
  margin-right: -100%;
  width: 49.24999998%;
  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.20833331%;
  margin-right: -100%;
  width: 23.87499999%;
  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.5833333%;
  margin-right: -100%;
  width: 15.41666666%;
}
@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.70833331%;
  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: 0.3em;
    display: block;
    float: left;
    margin-left: 0;
    margin-right: -100%;
    width: 99.99999996%;
    border-right: none;
  }
}
.course-college .course-list-item .college {
  display: none;
}
.course-college .course-list-item .location {
  display: block;
  float: left;
  margin-left: 59.20833331%;
  margin-right: -100%;
  width: 23.87499999%;
  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: 0.3em;
    clear: left;
    display: block;
    float: left;
    margin-left: 0;
    margin-right: -100%;
    width: 99.99999996%;
    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.5833333%;
  margin-right: -100%;
  width: 15.41666666%;
}
@media (max-width: 44em) {
  .course-college .course-list-item .price {
    margin-top: 0.3em;
    display: block;
    float: left;
    margin-left: 0;
    margin-right: -100%;
    width: 99.99999996%;
    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: 99.99999996%;
    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: 0.3em;
    display: block;
    float: left;
    margin-left: 0;
    margin-right: -100%;
    width: 99.99999996%;
    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: 1em;
}
@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: 1em;
}
@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: 0.5em 0 0 0;
  }
  .jobs-by-category li,
  .jobs-by-location li,
  .jobs-by-location2 li,
  .jobs-by-location-footer li,
  .courses-by-category li,
  .courses-by-location li,
  .courses-by-location-footer li {
    font-size: 1.1em;
    line-height: 1.6em;
  }
}
.jobs-by-category span,
.jobs-by-location span,
.jobs-by-location2 span,
.jobs-by-location-footer span,
.courses-by-category span,
.courses-by-location span,
.courses-by-location-footer span {
  float: right;
  font-weight: 300;
}
@media (max-width: 31em) {
  .jobs-by-category span,
  .jobs-by-location span,
  .jobs-by-location2 span,
  .jobs-by-location-footer span,
  .courses-by-category span,
  .courses-by-location span,
  .courses-by-location-footer span {
    padding-right: 0.5em;
  }
}

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

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

.jobs-by-location,
.courses-by-location {
  display: block;
  float: left;
  margin-left: 0;
  margin-right: -100%;
  width: 66.16666664%;
  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.66666664%;
  margin-right: -100%;
  width: 32.33333332%;
  padding-top: 3em;
}
@media (max-width: 61.5em) {
  .jobs-by-location-map,
  .courses-by-location-map {
    display: none;
  }
}
.jobs-by-location-map img,
.courses-by-location-map img {
  height: auto;
  width: 303px;
}

.jobs-by-location-footer,
.courses-by-location-footer {
  clear: both;
}
.jobs-by-location-footer hr,
.courses-by-location-footer hr {
  height: 2px;
  color: #203f69;
}
.jobs-by-location-footer .a-column,
.courses-by-location-footer .a-column {
  display: block;
  float: left;
  margin-left: 0;
  margin-right: -100%;
  width: 32.33333332%;
  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.83333332%;
  margin-right: -100%;
  width: 32.33333332%;
  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.66666664%;
  margin-right: -100%;
  width: 32.33333332%;
  float: left;
  padding-left: 0.5em;
}
@media (max-width: 48em) {
  .jobs-by-location-footer .c-column,
  .courses-by-location-footer .c-column {
    clear: both;
    display: block;
    float: left;
    margin-left: 0;
    width: 100%;
    padding-left: 0;
  }
}

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

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

.job-alert-wide-section {
  background-color: #f1f1f1;
  padding: 1em;
  clear: both;
  margin-bottom: 2em;
}
.job-alert-wide-section .text {
  display: block;
  float: left;
  margin-left: 0;
  margin-right: -100%;
  width: 32.33333332%;
}
.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.83333332%;
  margin-right: -100%;
  width: 40.79166665%;
}
@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.12499997%;
  margin-right: -100%;
  width: 23.87499999%;
  font-size: 0.9em;
  padding: 0 1em;
}
@media (max-width: 44em) {
  .job-alert-wide-section .terms {
    clear: both;
    display: block;
    float: left;
    margin-left: 0;
    width: 100%;
    padding: 0;
  }
}

.job-alert-wide-list {
  padding: 1em;
  margin: 1em;
  clear: both;
}
.job-alert-wide-list h4:before, .job-alert-wide-list h2:before {
  content: "\f0e0";
  color: #203f69;
  text-decoration: none;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  display: inline;
  font-size: 1em;
  padding: 0 1em 0 0;
}
.job-alert-wide-list .action {
  display: block;
  float: left;
  margin-left: 0;
  margin-right: -100%;
  width: 40.79166665%;
  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.16666664%;
  }
}
.job-alert-wide-list .terms {
  display: block;
  float: left;
  margin-left: 0;
  margin-right: -100%;
  width: 83.0833333%;
  float: left;
  margin-top: 0.5em;
  clear: both;
  font-size: 0.9em;
}

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 44em) {
  .job-list .job-list-item.promoted:before {
    padding-left: 5px;
  }
}
.modal .modal-lg,
.confirm-modal .modal-lg {
  max-width: 44em;
}
.modal p,
.confirm-modal p {
  padding-left: 0;
  color: #203f69;
}
.modal .request-options,
.confirm-modal .request-options {
  text-align: center;
}
.modal .request-options button,
.confirm-modal .request-options button {
  background-color: #203f69;
  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: fixed;
  right: 3px;
  top: -5px;
  color: #203f69;
  cursor: pointer;
  background: #ffffff;
  border-radius: 30px;
  padding: 8px 10px;
  box-shadow: 0px 3px 10px 1px rgba(0, 0, 0, 0.35);
}
.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);
  }
}

@media (max-width: 44em) {
  #mPrivacy .modal-dialog {
    max-width: 90%;
  }
}
#mPrivacy .modal-dialog #static {
  margin: auto;
  width: 100%;
}

.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: #203f69;
  margin: 0 10px;
}
@media (max-width: 44em) {
  .modal-warning .modal-options button {
    margin: 15px 0;
  }
}

#mPrivacy .modal-dialog,
#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: #70addc;
}

.swal-icon--success__line {
  background-color: #70addc;
}

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

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

.swal-button {
  background-color: #70addc;
}

.swal-button:active {
  background-color: #4e9edc;
}

.swal-icon--succes {
  border-color: #70addc;
}

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

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

.modal:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

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

#pending-changes-modal {
  border-radius: 6px;
}
#pending-changes-modal:before {
  height: 0;
}
#pending-changes-modal .modal-dialog .modal-content {
  margin-top: 10px;
  border-radius: 6px;
}
#pending-changes-modal .close-modal-btn {
  background-color: #fff;
  position: absolute;
  right: -0.6rem;
  top: -0.4rem;
  opacity: 1;
  width: 3rem;
  height: 3rem;
  border-radius: 1.5rem;
  z-index: 1300;
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
#pending-changes-modal .close-modal-btn i {
  position: relative;
  color: #747c82;
  font-size: 2rem;
  top: 0;
  right: 0;
}
#pending-changes-modal .close-modal-btn:hover i {
  color: rgb(142.4390243902, 149.3658536585, 154.5609756098);
}
#pending-changes-modal .modal-header {
  display: inline;
  border-radius: 6px 6px 0 0;
  background-color: rgba(112, 173, 220, 0.4);
  padding: 10px 1rem;
}
#pending-changes-modal .modal-header i {
  font-size: 2em;
  color: #70addc;
  margin-right: 0.5rem;
}
#pending-changes-modal .modal-header #titleApplicationOpc {
  display: inline;
}
#pending-changes-modal .modal-header #titleApplicationOpc h5 {
  display: inline;
  font-weight: 700;
}
#pending-changes-modal .modal-header #titleApplicationOpc p {
  display: none;
}
#pending-changes-modal .modal-body p {
  padding: 0;
  font-size: 1rem;
}
#pending-changes-modal .modal-body p i {
  font-size: 1rem;
  color: #70addc;
  margin-right: 0.5rem;
  margin-top: 5px;
}
#pending-changes-modal .modal-body .PA-PendingChanges {
  width: calc(100% - 20px);
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.3;
}
#pending-changes-modal .modal-body form label {
  font-weight: 400;
  padding-bottom: 0;
  font-size: 0.8rem;
  outline: none;
}
#pending-changes-modal .modal-body form input:read-only {
  background-color: #f2f2f2;
  border: 1px solid #747c82;
}
#pending-changes-modal .modal-body form input:read-only:focus {
  outline: none;
}
#pending-changes-modal .modal-body form .show-password-btn #show-password {
  position: absolute;
  top: 4px;
  right: 2px;
  border: none !important;
  color: #203f69 !important;
  text-transform: capitalize;
  background-color: #fff !important;
}
#pending-changes-modal .modal-body form .forgot-password {
  width: 100%;
  margin-top: 1rem;
  text-align: end;
}
#pending-changes-modal .modal-body form .forgot-password a {
  font-size: 0.8rem;
  font-weight: 500;
  color: #70addc;
}
#pending-changes-modal .modal-body form #save-changes-btn {
  width: 100%;
  margin: 0;
  padding: 10px;
  font-weight: 700;
  text-transform: lowercase;
  background-color: #ec603c !important;
}
#pending-changes-modal .modal-body form #save-changes-btn::first-letter {
  text-transform: uppercase;
}
#pending-changes-modal .modal-body form #save-changes-btn:hover {
  background-color: rgb(238.2640186916, 114.9462616822, 83.2359813084) !important;
}
#pending-changes-modal .modal-body form .skip-btn {
  margin-top: 1rem;
  text-align: center;
}
#pending-changes-modal .modal-body form .skip-btn button {
  text-transform: capitalize;
  background-color: transparent !important;
  border: none;
  box-shadow: none;
  color: #747c82 !important;
  text-decoration: underline #747c82;
}
#pending-changes-modal .modal-body form .skip-btn button:hover {
  color: rgb(142.4390243902, 149.3658536585, 154.5609756098) !important;
}
@media only screen and (min-width: 496px) {
  #pending-changes-modal .modal-header {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
  }
  #pending-changes-modal .modal-header i {
    font-size: 4em;
    margin-right: 1rem;
  }
  #pending-changes-modal .modal-header #titleApplicationOpc p {
    display: block;
    margin-bottom: 0;
  }
  #pending-changes-modal .modal-body {
    padding: 2rem;
  }
  #pending-changes-modal .modal-body .PA-PendingChanges {
    margin-bottom: 0.2rem;
  }
  #pending-changes-modal .modal-body form label {
    width: 100%;
  }
  #pending-changes-modal .modal-body form input {
    width: 100%;
  }
  #pending-changes-modal .btn:hover {
    top: 0;
  }
}

#success-save-modal:before {
  height: 0;
}
#success-save-modal .modal-dialog .modal-content {
  border-radius: 6px;
}
#success-save-modal .modal-body {
  padding: 2rem;
  height: auto;
}
#success-save-modal .modal-body .icon-success-save-modal {
  text-align: center;
}
#success-save-modal .modal-body .icon-success-save-modal i {
  font-size: 4rem;
  color: #70ADDC;
  border: 8px solid #70ADDC;
  padding: 10px;
  border-radius: 70px;
}
#success-save-modal .modal-body h3 {
  padding: 20px 0;
  text-align: center;
  font-weight: 700;
  color: #203f69;
}
#success-save-modal .modal-body .btn-container {
  width: 100%;
  text-align: center;
}
#success-save-modal .modal-body .btn-container button {
  padding: 10px 30px;
  font-weight: 700;
  text-transform: lowercase;
  background-color: #ec603c !important;
  border-color: #ec603c;
}
#success-save-modal .modal-body .btn-container button::first-letter {
  text-transform: uppercase;
}
#success-save-modal .modal-body .btn-container button:hover {
  background-color: rgb(238.2640186916, 114.9462616822, 83.2359813084) !important;
}
#success-save-modal .modal-body .btn-container .btn:hover {
  top: 0;
}

@media only screen and (max-width: 495px) {
  #reminderModal:before {
    height: 0;
  }
  #reminderModal .modal-dialog .modal-content {
    border-radius: 6px;
  }
  #reminderModal .modal-dialog {
    position: fixed;
    bottom: -20px;
    left: 0;
  }
  #reminderModal .modal-header, #reminderModal .modal-body-content, #reminderModal .close-modal-btn {
    display: none;
  }
  #reminderModal .modal-body {
    height: auto;
    width: calc(100vw - 1rem);
    display: flex;
  }
  #reminderModal .modal-body #reOpenPendingChanges {
    background-color: transparent !important;
    color: #70ADDC !important;
    text-align: start;
    text-transform: lowercase;
    font-weight: 700;
    border: none;
    box-shadow: none;
    padding: 6px 0;
  }
  #reminderModal .modal-body #reOpenPendingChanges::first-letter {
    text-transform: uppercase;
  }
  #reminderModal .modal-body .save-changes-btn-content {
    width: 100%;
  }
  #reminderModal .modal-body .close {
    border: none;
    box-shadow: none;
    background-color: transparent;
    padding: 5px;
  }
}
@media only screen and (min-width: 496px) and (max-width: 992px) {
  #reminderModal .modal-dialog {
    position: absolute;
    right: 6px;
    bottom: 0;
  }
}
@media only screen and (min-width: 496px) {
  #reminderModal:before {
    height: 0;
  }
  #reminderModal .modal-content {
    margin-top: 10px;
    border-radius: 6px;
  }
  #reminderModal .modal-dialog {
    margin-right: 5px;
  }
  #reminderModal .close-modal-btn {
    background-color: #fff;
    position: absolute;
    right: -0.6rem;
    top: -0.4rem;
    opacity: 1;
    width: 3rem;
    height: 3rem;
    border-radius: 1.5rem;
    z-index: 1300;
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  }
  #reminderModal .close-modal-btn i {
    position: relative;
    color: #747c82;
    font-size: 2rem;
    top: 0;
    right: 0;
  }
  #reminderModal .close-modal-btn:hover i {
    color: rgb(142.4390243902, 149.3658536585, 154.5609756098);
  }
  #reminderModal .modal-header {
    display: inline;
    padding: 10px 1rem;
    border-bottom: none;
  }
  #reminderModal .modal-header i {
    font-size: 2em;
    color: #70addc;
    margin-right: 0.5rem;
  }
  #reminderModal .modal-header h5 {
    display: inline;
    font-weight: 700;
  }
  #reminderModal .modal-body {
    height: auto;
  }
  #reminderModal .modal-body .close {
    display: none;
  }
  #reminderModal .modal-body p {
    padding: 0;
    font-size: 1rem;
  }
  #reminderModal .modal-body p i {
    font-size: 1rem;
    color: #70addc;
    margin-right: 0.5rem;
  }
  #reminderModal .modal-body .save-changes-btn-content {
    width: 100%;
    text-align: center;
    margin-top: 30px;
  }
  #reminderModal .modal-body .save-changes-btn-content button {
    padding: 10px 30px;
    font-weight: 700;
    text-transform: lowercase;
    background-color: #ec603c !important;
    border-color: #ec603c;
  }
  #reminderModal .modal-body .save-changes-btn-content button::first-letter {
    text-transform: uppercase;
  }
  #reminderModal .modal-body .save-changes-btn-content button:hover {
    background-color: rgb(238.2640186916, 114.9462616822, 83.2359813084) !important;
  }
  #reminderModal .modal-body .save-changes-btn-content .btn:hover {
    top: 0;
  }
}

.change-detail {
  max-width: 100%;
  display: grid;
  grid-template-columns: auto 1fr;
  word-break: break-word;
}
.change-detail i {
  font-size: 1rem;
  color: #70addc;
  margin-right: 0.5rem;
  margin-top: 5px;
}
.change-detail span {
  word-wrap: break-word;
  white-space: normal;
}

@media only screen and (max-width: 495px) {
  #reminderModal {
    height: 120px;
    position: fixed;
    top: 100%;
  }
  #reminderModal.reminder-ios {
    top: 82%;
  }
  #reminderModal .modal-dialog {
    bottom: 0;
  }
  #reminderModal #reOpenPendingChanges span {
    white-space: normal;
  }
}
@media (min-width: 992px) {
  #reminderModal.reminder-ios.modal-scrolling {
    position: absolute;
  }
}
@media (min-width: 496px) and (max-width: 992px) {
  #reminderModal {
    height: 250px;
    width: 350px;
    position: fixed;
    top: calc(100vh - 260px);
    left: calc(100vw - 360px);
  }
  #reminderModal.reminder-android {
    top: calc(100vh - 330px);
  }
}
@media (min-width: 496px) {
  #reminderModal .modal-header .modal-title {
    margin-right: 35px;
  }
}

#pending-changes-modal {
  z-index: 9999;
}

#success-save-modal {
  overflow: hidden;
}

@media only screen and (min-width: 576px) {
  #success-save-modal .modal-content {
    width: 500px;
    right: 70px;
  }
  #success-save-modal h3 {
    white-space: nowrap;
  }
}
.headline-info {
  border: 1px solid #dadee8;
  border-radius: 5px;
  clear: both;
  display: block;
  float: left;
  margin-left: 0;
  width: 100%;
  margin: 0.8em 0 1.5em;
  display: inline-block;
  background-color: #fff;
}
.headline-info .photo {
  display: block;
  float: left;
  margin-left: 0;
  margin-right: -100%;
  width: 18.6%;
  height: 170px;
  top: -24px;
  position: inline-block;
}
.headline-info .photo img {
  max-width: 100%;
  max-height: 150px;
}
.headline-info .photo::after {
  display: inline-block;
  position: relative;
  content: "Photo \f040";
  font-family: FontAwesome, "Open Sans", "Arial", sans-serif;
  background-color: rgba(38, 46, 65, 0.5);
  color: #fff;
  cursor: pointer;
  padding: 0.5em 1.5em;
  top: -40px;
  text-align: center;
}
.headline-info .photo.de::after {
  content: "Foto \f040" !important;
}
.headline-info .photo.lb::after {
  content: "Foto \f040" !important;
}
.headline-info .photo.fr::after {
  content: "Image \f040" !important;
}
@media (max-width: 44em) {
  .headline-info .photo {
    max-height: 100px;
    padding-left: 1em;
    margin-top: 1em;
    display: block;
    float: left;
    margin-left: 0;
    margin-right: -100%;
    width: 26.55833333%;
  }
}
@media (max-width: 31em) {
  .headline-info .photo {
    display: block;
    float: left;
    margin-left: 0;
    margin-right: -100%;
    width: 58.39166665%;
    max-height: 170px;
    margin-top: 0;
  }
}
.headline-info h1 {
  font-size: 1.125em;
  font-weight: 700;
  text-transform: uppercase;
  margin: 1em 0 0 0;
  text-align: left;
  font-family: "Montserrat", "Arial", sans-serif;
}
@media (max-width: 31em) {
  .headline-info h1 {
    margin: 0;
  }
}
.headline-info label {
  display: inline-block;
}
@media (max-width: 31em) {
  .headline-info label {
    clear: both;
    display: block;
    float: left;
    margin-left: 0;
    width: 100%;
    width: 92%;
  }
}
.headline-info .profile-info {
  display: inline-block;
  display: block;
  float: left;
  margin-left: 19.6%;
  margin-right: -100%;
  width: 62.66666664%;
}
@media (max-width: 44em) {
  .headline-info .profile-info {
    display: block;
    float: left;
    margin-left: 27.55833333%;
    margin-right: -100%;
    width: 68.62499997%;
    clear: all;
    padding: 1em;
  }
}
@media (max-width: 31em) {
  .headline-info .profile-info {
    clear: both;
    clear: both;
    display: block;
    float: left;
    margin-left: 0;
    width: 100%;
    align-content: center;
    padding: 1em;
  }
}
.headline-info .profile-info input[type=text] {
  font-size: 0.75em;
}
.headline-info .profile-info i {
  color: #203f69;
  font-size: 1rem;
  padding-left: 0.5em;
  cursor: pointer;
}
.headline-info .profile-info #divLetEmployersFindYou,
.headline-info .profile-info #divNotLetEmployersFindYou {
  margin-top: 0.4em;
}
.headline-info .profile-info .profileVisibilityUpdatedDate {
  font-style: italic;
  color: #203f69;
  font-size: 0.875em;
}
.headline-info .settings-btn-section {
  display: inline-block;
  display: block;
  float: left;
  margin-left: 83.26666664%;
  margin-right: -100%;
  width: 12.91666666%;
}
.headline-info .settings-btn-section button {
  padding: 1em;
  margin-top: 0.5em;
  background-color: #70addc;
  font-size: 0.875em;
  box-shadow: none;
  width: 100%;
}
.headline-info .settings-btn-section button:before {
  color: #fbd245;
  text-decoration: none;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  display: inline;
  font-size: 1em;
  padding: 0 0.5em 0 0;
}
.headline-info .settings-btn-section button:hover, .headline-info .settings-btn-section button:focus {
  background: #4e9edc;
  color: #fff;
}
@media (max-width: 44em) {
  .headline-info .settings-btn-section {
    display: block;
    float: left;
    margin-left: 67.34999998%;
    margin-right: -100%;
    width: 28.83333332%;
    font-size: 0.75em;
  }
}
.headline-info .exclude-emp-link {
  padding-left: 1em;
  border-left: 1px solid #dadee8;
  margin-left: 1em;
  font-size: 0.9em;
  display: inline-block;
}
@media (max-width: 44em) {
  .headline-info .exclude-emp-link {
    display: block;
    border-left: none;
    margin-left: 0;
  }
}
@media (max-width: 31em) {
  .headline-info .exclude-emp-link {
    display: inline-block;
    border-left: 1px solid #dadee8;
    margin-left: 1em;
  }
}

#picture {
  cursor: pointer;
}

/* ---------------------------------------------------------------------------------------- */
.jobseeker-profile {
  clear: both;
  display: block;
  float: left;
  margin-left: 0;
  width: 100%;
}
.jobseeker-profile h3 {
  text-align: left;
  padding: 1em 0.5em 0.5em 2em;
  font-size: 1em;
  font-weight: 600;
}
@media (max-width: 24em) {
  .jobseeker-profile h3 {
    letter-spacing: -0.03em;
    padding: 1em 0.5em 0.5em 0.5em;
  }
}
.jobseeker-profile .inner-section {
  clear: both;
  padding: 1em;
  border-top: 1px solid #dadee8;
  margin: 0 1em;
}
.jobseeker-profile .inner-section p {
  padding: 0;
  line-height: 1.2rem;
}
.jobseeker-profile .inner-section ul {
  margin-bottom: 1em;
}
.jobseeker-profile .inner-section .chosen-drop {
  margin-top: -1em;
}
.jobseeker-profile .inner-section .chosen-drop ul {
  margin-bottom: 0;
}
@media (max-width: 31em) {
  .jobseeker-profile .inner-section {
    padding: 1em 0;
  }
}
.jobseeker-profile .accordion .logos, .jobseeker-profile .accordion .cv-bullets, .jobseeker-profile .accordion .acc-edit {
  display: none;
}
.jobseeker-profile hr {
  background-color: #dadee8;
  clear: both;
}
.jobseeker-profile .help-info {
  color: #203f69;
  font-size: 0.8em;
  padding-bottom: 15px;
}
.jobseeker-profile .help-info a {
  color: #203f69;
  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: 99.99999996%;
  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.66666664%;
  margin-right: -100%;
  width: 32.33333332%;
  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.16666664%;
}
.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.16666664%;
  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;
  }
}

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

/* ------------------------------------- EDUCATION ------------------- */
.education {
  display: block;
  float: left;
  margin-left: 0;
  margin-right: -100%;
  width: 99.99999996%;
  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.66666664%;
  margin-right: -100%;
  width: 32.33333332%;
  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.0833333%;
}
.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.16666664%;
  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: 99.99999996%;
  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.66666664%;
  margin-right: -100%;
  width: 32.33333332%;
  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.0833333%;
}
.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.62499997%;
  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.12499997%;
  margin-right: -100%;
  width: 23.87499999%;
  display: inline;
  float: left;
  margin-top: 0.5em;
  background-color: #70addc;
}
@media (max-width: 31em) {
  .create-cv a {
    clear: both;
    display: block;
    float: left;
    margin-left: 0;
    width: 100%;
    clear: both;
    width: 100%;
  }
}

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

/* ------------------------------------- Blocks for JOBS SEEKER SECTION ------------------- */
.js-block, .applied-block, .shortlist-area, .alert-block, .cv-block {
  clear: both;
  display: block;
  float: left;
  margin-left: 0;
  margin-right: -100%;
  width: 99.99999996%;
  border-bottom: 1px solid #dadee8;
  padding: 1em 0;
}
.js-block .left-icon, .applied-block .left-icon, .shortlist-area .left-icon, .alert-block .left-icon, .js-block .cv-block .public, .cv-block .js-block .public, .cv-block .left-icon, .cv-block .public {
  display: block;
  float: left;
  margin-left: 0;
  margin-right: -100%;
  width: 6.95833333%;
  font-size: 2rem;
}
.js-block .left-icon h1, .applied-block .left-icon h1, .shortlist-area .left-icon h1, .alert-block .left-icon h1, .js-block .cv-block .public h1, .cv-block .js-block .public h1, .cv-block .left-icon h1, .cv-block .public h1 {
  padding-top: 0;
}
@media (max-width: 44em) {
  .js-block .left-icon, .applied-block .left-icon, .shortlist-area .left-icon, .alert-block .left-icon, .js-block .cv-block .public, .cv-block .js-block .public, .cv-block .left-icon, .cv-block .public {
    display: none;
  }
}
.js-block .details, .applied-block .details, .shortlist-area .details, .alert-block .details, .cv-block .details {
  display: block;
  float: left;
  margin-left: 8.45833333%;
  margin-right: -100%;
  width: 66.16666664%;
  padding-bottom: 1em;
}
.js-block .details .name, .applied-block .details .name, .shortlist-area .details .name, .alert-block .details .name, .cv-block .details .name {
  display: block;
  font-weight: 700;
}
.js-block .details .desc, .applied-block .details .desc, .shortlist-area .details .desc, .alert-block .details .desc, .cv-block .details .desc, .js-block .details .company, .applied-block .details .company, .shortlist-area .details .company, .alert-block .details .company, .cv-block .details .company {
  font-size: 0.875em;
}
@media (max-width: 44em) {
  .js-block .details, .applied-block .details, .shortlist-area .details, .alert-block .details, .cv-block .details {
    display: block;
    float: left;
    margin-left: 0;
    margin-right: -100%;
    width: 83.0833333%;
  }
}
.js-block a, .applied-block a, .shortlist-area a, .alert-block a, .cv-block a {
  color: #203f69;
}
.js-block a:hover, .applied-block a:hover, .shortlist-area a:hover, .alert-block a:hover, .cv-block a:hover {
  color: #70addc;
}
.js-block a.action-buttons, .applied-block a.action-buttons, .shortlist-area a.action-buttons, .alert-block a.action-buttons, .cv-block a.action-buttons, .js-block .action-buttons a, .applied-block .action-buttons a, .shortlist-area .action-buttons a, .alert-block .action-buttons a, .cv-block .action-buttons a {
  color: #70addc;
}
.js-block .right-icons, .applied-block .right-icons, .shortlist-area .right-icons, .alert-block .right-icons, .cv-block .right-icons {
  display: block;
  float: left;
  margin-left: 76.12499997%;
  margin-right: -100%;
  width: 23.87499999%;
  display: inline;
}
.js-block .right-icons i, .applied-block .right-icons i, .shortlist-area .right-icons i, .alert-block .right-icons i, .cv-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: 99.99999996%;
  margin: 1em 0 0 0;
}
.footer-block button {
  margin: 0 1em 0 0;
}

/* ------------------------------------- Your CV PAGE ------------------- */
.cv-block .public {
  color: #203f69;
}
.cv-block .details {
  display: block;
  float: left;
  margin-left: 8.45833333%;
  margin-right: -100%;
  width: 57.70833331%;
}
.cv-block .details .cv-upload {
  display: block;
  clear: left;
  font-size: 0.875em;
  font-weight: 700;
}
@media (max-width: 44em) {
  .cv-block .details {
    display: block;
    float: left;
    margin-left: 0;
    margin-right: -100%;
    width: 74.62499997%;
  }
}
.cv-block .cv-public {
  display: block;
  float: left;
  margin-left: 67.66666664%;
  margin-right: -100%;
  width: 15.41666666%;
  display: block;
}
@media (max-width: 44em) {
  .cv-block .cv-public {
    clear: both;
    display: block;
    float: left;
    margin-left: 0;
    width: 100%;
  }
}
.cv-block .cv-edit-icons {
  display: block;
  float: left;
  margin-left: 84.5833333%;
  margin-right: -100%;
  width: 15.41666666%;
  display: inline;
}
.cv-block .cv-edit-icons i {
  padding-left: 1em;
  font-size: 1.5em;
  cursor: pointer;
}
@media (max-width: 44em) {
  .cv-block .cv-edit-icons {
    display: block;
    float: left;
    margin-left: 76.12499997%;
    margin-right: -100%;
    width: 23.87499999%;
  }
}
@media (max-width: 31em) {
  .cv-block .cv-edit-icons {
    clear: both;
    display: block;
    float: left;
    margin-left: 0;
    width: 100%;
  }
  .cv-block .cv-edit-icons .cv-toggle + label {
    display: inline-block;
    float: left;
    margin-right: 1em;
  }
}

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

/* ------------------------------------- JOB ALERT PAGE ------------------- */
.alert-block .alert-details {
  display: block;
  float: left;
  margin-left: 8.45833333%;
  margin-right: -100%;
  width: 91.54166663%;
  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.0833333%;
  }
}
.alert-block .status {
  display: block;
  float: left;
  margin-left: 59.20833331%;
  margin-right: -100%;
  width: 23.87499999%;
  display: block;
}
.alert-block .status .active {
  color: #70addc;
  font-weight: 700;
}
.alert-block .status .paused {
  color: #FF0041;
  font-weight: 700;
}
@media (max-width: 31em) {
  .alert-block .status {
    clear: both;
    display: block;
    float: left;
    margin-left: 0;
    width: 100%;
  }
}
.alert-block .alert-edit-icons {
  display: block;
  float: left;
  margin-left: 84.5833333%;
  margin-right: -100%;
  width: 15.41666666%;
}
.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: 99.99999996%;
  margin: 1em 0 0 0;
}
/* ------------------------------------- SHORLIST PAGE ------------------- */
.shortlist-block, .shortlist-block-expired {
  clear: both;
  padding: 1em 0 2em 0;
}
.shortlist-block:nth-child(n+1), .shortlist-block-expired:nth-child(n+1) {
  border-top: 1px solid #dadee8;
}
.shortlist-block .right-icons, .shortlist-block-expired .right-icons {
  display: block;
  float: left;
  margin-left: 76.12499997%;
  margin-right: -100%;
  width: 23.87499999%;
  display: inline;
}
.shortlist-block .right-icons p, .shortlist-block-expired .right-icons p {
  border: 1px solid #ddd;
  background-color: #f7f7f7;
  width: 75px;
}
.shortlist-block .right-icons i, .shortlist-block-expired .right-icons i {
  padding-left: 1.5em;
  margin-bottom: 1em;
  font-size: 1.5em;
  cursor: pointer;
}
@media (max-width: 34em) {
  .shortlist-block .right-icons, .shortlist-block-expired .right-icons {
    clear: both;
    display: block;
    float: left;
    margin-left: 50.74999998%;
    margin-right: -100%;
    width: 49.24999998%;
  }
  .shortlist-block .right-icons i, .shortlist-block-expired .right-icons i {
    padding-left: 1.5em;
    margin-bottom: 1em;
    font-size: 1.5em;
    cursor: pointer;
    float: right;
  }
}

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

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

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

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

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

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

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

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

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

.company-follow-block, .company-search-list, .location-search-list, .category-search-list, .college-search-list {
  background-color: #fff;
  line-height: 1em;
  float: left;
  margin: 0.8em;
  border: 1px solid #dfe2ec;
  height: 135px;
  font-size: 0.8em;
  -webkit-box-shadow: 0 4px 4px -4px #ccc;
  -moz-box-shadow: 0 4px 4px -4px #ccc;
  box-shadow: 0 4px 4px -4px #ccc;
}
.company-follow-block .company-logo, .company-follow-block .category-logo, .company-follow-block .location-logo, .company-follow-block .college-logo, .company-search-list .company-logo, .company-search-list .category-logo, .company-search-list .location-logo, .company-search-list .college-logo, .location-search-list .company-logo, .location-search-list .category-logo, .location-search-list .location-logo, .location-search-list .college-logo, .category-search-list .company-logo, .category-search-list .category-logo, .category-search-list .location-logo, .category-search-list .college-logo, .college-search-list .company-logo, .college-search-list .category-logo, .college-search-list .location-logo, .college-search-list .college-logo {
  clear: both;
  display: block;
  float: left;
  margin-left: 0;
  width: 100%;
  height: 72px;
  border-bottom: 1px solid #dfe2ec;
  position: relative;
  background-color: #fff;
}
.company-follow-block .company-logo img, .company-follow-block .category-logo img, .company-follow-block .location-logo img, .company-follow-block .college-logo img, .company-search-list .company-logo img, .company-search-list .category-logo img, .company-search-list .location-logo img, .company-search-list .college-logo img, .location-search-list .company-logo img, .location-search-list .category-logo img, .location-search-list .location-logo img, .location-search-list .college-logo img, .category-search-list .company-logo img, .category-search-list .category-logo img, .category-search-list .location-logo img, .category-search-list .college-logo img, .college-search-list .company-logo img, .college-search-list .category-logo img, .college-search-list .location-logo img, .college-search-list .college-logo img {
  max-height: 70px;
  margin: auto;
  display: block;
  vertical-align: middle;
  position: absolute;
  padding: 0em 0.5em 0 0.5em;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.company-follow-block.partners, .company-search-list.partners, .location-search-list.partners, .category-search-list.partners, .college-search-list.partners {
  height: auto;
}
.company-follow-block .category-details span.jobs-no, .company-search-list .category-details span.jobs-no, .location-search-list .category-details span.jobs-no, .category-search-list .category-details span.jobs-no, .college-search-list .category-details span.jobs-no {
  width: 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.79166665%;
}
@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.79166665%;
}
@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.29166665%;
  margin-right: -100%;
  width: 57.70833331%;
}
.company-follow-block .company-details .follow-checkbox label, .company-follow-block .category-details .follow-checkbox label, .company-follow-block .location-details .follow-checkbox label, .company-follow-block .college-details .follow-checkbox label, .company-search-list .company-details .follow-checkbox label, .company-search-list .category-details .follow-checkbox label, .company-search-list .location-details .follow-checkbox label, .company-search-list .college-details .follow-checkbox label, .location-search-list .company-details .follow-checkbox label, .location-search-list .category-details .follow-checkbox label, .location-search-list .location-details .follow-checkbox label, .location-search-list .college-details .follow-checkbox label, .category-search-list .company-details .follow-checkbox label, .category-search-list .category-details .follow-checkbox label, .category-search-list .location-details .follow-checkbox label, .category-search-list .college-details .follow-checkbox label, .college-search-list .company-details .follow-checkbox label, .college-search-list .category-details .follow-checkbox label, .college-search-list .location-details .follow-checkbox label, .college-search-list .college-details .follow-checkbox label {
  font-size: 0.875em;
  display: inline-block;
  margin-top: 0;
}
@media (max-width: 46.8em) {
  .company-follow-block .company-details .follow-checkbox, .company-follow-block .category-details .follow-checkbox, .company-follow-block .location-details .follow-checkbox, .company-follow-block .college-details .follow-checkbox, .company-search-list .company-details .follow-checkbox, .company-search-list .category-details .follow-checkbox, .company-search-list .location-details .follow-checkbox, .company-search-list .college-details .follow-checkbox, .location-search-list .company-details .follow-checkbox, .location-search-list .category-details .follow-checkbox, .location-search-list .location-details .follow-checkbox, .location-search-list .college-details .follow-checkbox, .category-search-list .company-details .follow-checkbox, .category-search-list .category-details .follow-checkbox, .category-search-list .location-details .follow-checkbox, .category-search-list .college-details .follow-checkbox, .college-search-list .company-details .follow-checkbox, .college-search-list .category-details .follow-checkbox, .college-search-list .location-details .follow-checkbox, .college-search-list .college-details .follow-checkbox {
    clear: both;
    display: block;
    float: left;
    margin-left: 0;
    width: 100%;
    text-align: left;
    padding-top: 0.5em;
  }
}
.company-follow-block .partner-details, .company-search-list .partner-details, .location-search-list .partner-details, .category-search-list .partner-details, .college-search-list .partner-details {
  height: 200px;
}
.company-follow-block .partner-details.shallow, .company-search-list .partner-details.shallow, .location-search-list .partner-details.shallow, .category-search-list .partner-details.shallow, .college-search-list .partner-details.shallow {
  height: 120px;
}
@media (max-width: 50em) {
  .company-follow-block, .company-search-list, .location-search-list, .category-search-list, .college-search-list {
    width: 45%;
    display: inline;
    float: left;
    margin: 0.5em;
    height: 150px;
  }
}
@media (max-width: 24em) {
  .company-follow-block, .company-search-list, .location-search-list, .category-search-list, .college-search-list {
    width: 96%;
  }
}

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

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

.goalProgress {
  background: #203f69;
  padding: 5px;
}

div.progressBar {
  background: #70addc;
  color: #fff;
  font-size: 1.5em;
  font-family: "helvetica neue", helvetica, arial, sans-serif;
  letter-spacing: -1px;
  font-weight: 700;
  padding: 0.2em;
  display: block;
  overflow: visible;
}

span.goalAmount {
  display: none;
  text-indent: -9999px;
}

#sample_goal {
  clear: both;
  width: 70%;
  margin: 30px auto;
}

.profile-completion {
  width: 100%;
}
.profile-completion p {
  font-weight: bold;
}
.profile-completion a {
  float: right;
}

.sidebar-logos dd {
  display: inline-block;
  float: left;
  margin-bottom: 1em;
  height: 110px;
  position: relative;
  text-align: center;
  border: 1px solid #dfe2ec;
  font-size: 0.875em;
  width: 47%;
}
.sidebar-logos dd .company-logo {
  float: left;
  margin-left: 0;
  width: 100%;
  height: 70px;
  position: relative;
  padding: 1em 1em 0 1em;
  margin-bottom: 1em;
  border-bottom: 1px solid #dfe2ec;
}
.sidebar-logos dd .company-logo img {
  max-height: 70px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
@media (max-width: 50em) {
  .sidebar-logos dd {
    width: 99%;
  }
}
@media (max-width: 44em) {
  .sidebar-logos dd {
    width: 48%;
  }
}
.sidebar-logos dd:first-child, .sidebar-logos dd:nth-child(3) {
  margin-right: 1em;
}

/* -------------  Change photo  -------- */
body.guillotine-dragging, body.guillotine-dragging * {
  cursor: move !important;
  cursor: -webkit-grabbing !important;
  cursor: -moz-grabbing !important;
  cursor: grabbing !important;
  cursor: grabbing, move; /* IE hack */
}

.guillotine-window {
  display: block;
  position: relative;
  overflow: hidden;
  cursor: move;
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
  cursor: grab, move; /* IE hack */
}

.guillotine-canvas {
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}

.guillotine-canvas > * {
  position: absolute;
  top: 0;
  left: 0;
  max-width: none;
  max-height: none;
  width: 100%;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}

.guillotine-sample {
  position: absolute !important;
  top: -100000px !important;
  left: -100000px !important;
  width: auto !important;
  height: auto !important;
}

#image_edit {
  height: auto;
  margin: 0 auto;
  clear: both;
  display: block;
  float: left;
  margin-left: 0;
  width: 100%;
  text-align: center;
}
@media (max-width: 31em) {
  #image_edit {
    clear: both;
    display: block;
    float: left;
    margin-left: 0;
    width: 100%;
    text-align: left;
  }
}

#controls {
  margin-top: 0.75em;
}

#controls button::after {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  top: 0px;
}

#controls button#zoom_in::after {
  content: "\f00e";
}

#controls button#zoom_out::after {
  content: "\f010";
}

#controls button#fit::after {
  content: "\f065";
}

.btn-clearphoto {
  background-color: white;
  color: #70addc;
  box-shadow: none;
  padding: 0;
  font-weight: 100;
  font-size: 0.9em;
  margin-top: 1.5em;
}
.btn-clearphoto:hover, .btn-clearphoto:focus {
  background-color: white;
  color: #4e9edc;
  box-shadow: none;
  padding: 0;
  text-decoration: underline;
}

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

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

@media (max-width: 24em) {
  div.hide-agencies label {
    vertical-align: middle;
    width: 80%;
  }
}
div.hide-agencies label .icheckbox_flat {
  vertical-align: middle;
}

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

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

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}
/*!
 *  Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.3.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{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)}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-genderless:before,.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}


@font-face {
    font-family: 'FontAwesome5';
    src: url('../fonts/FontAwesome5/fa-brands-400.eot');
    src: url('../fonts/FontAwesome5/fa-brands-400.eot') format('embedded-opentype'),url('../fonts/FontAwesome5/fa-brands-400.woff2') format('woff2'),url('../fonts/FontAwesome5/fa-brands-400.woff') format('woff'),url('../fonts/FontAwesome5/fa-brands-400.ttf') format('truetype'),url('../fonts/FontAwesome5/fa-regular-400.svg#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal
}

.fa5 {
    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)
}
/*@font-face {
    font-family: "FontAwesome5";
    font-style: normal;
    font-weight: 900;
    font-display: auto;
    src: url(../fonts/FontAwesome5/fa-solid-900.eot);
    src: url(../fonts/FontAwesome5/fa-solid-900.eot?#iefix) format("embedded-opentype"), url(../fonts/FontAwesome5/fa-solid-900.woff2) format("woff2"), url(../fonts/FontAwesome5/fa-solid-900.woff) format("woff"), url(../fonts/FontAwesome5/fa-solid-900.ttf) format("truetype"), url(../fonts/FontAwesome5/fa-solid-900.svg#fontawesome) format("svg");
}*/

.fa5 {
    display: inline-block;
    font: normal normal normal 14 px /1 FontAwesome5;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}

.fa5,
.fas5 {
    font-family: "FontAwesome5";
    font-weight: 400;
}

.fas5-instagram::before {
    content: "\f16d";
    box-sizing: border-box;
}
.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}

#contract-types .select2-container--default {
    font-size: 0.9em;
    background-color: #fff;
    color: #203f69;
}

.contract-types .select2-results__option .wrap:before {
    position: absolute;
    left: 4px;
    font-family: FontAwesome;
    content: "\f096";
    width: 25px;
    height: 25px;
}

.contract-types .select2-results__option[aria-selected] {
    background-color: #fff;
    color: #203f69;
}

.contract-types .select2-results__option--highlighted[aria-selected] {
    background-color: #203f69;
    color: #fff;
}

.contract-types .select2-results__option[aria-selected=true] .wrap:before {
    content: "\f046";
}

.contract-types .select2-results__option .wrap {
    margin-left: 15px;
}

.contract-types .select2-selection__rendered {
    color: #203f69;
    text-align: left;
}

#head-refinement #refinements #job-search-contract-types {
    padding-left: 1.2em;
    float: right;
    border-left: 1px solid #333;
    min-height: 1.5em;
}

/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.7.0
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011-2017 Harvest http://getharvest.com

MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/

/* @group Base */
.chosen-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.chosen-container * {
  box-sizing: border-box;
}

.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  z-index: 1010;
  width: 100%;
  border: 1px solid #aaa;
  border-top: 0;
  background: #fff;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  clip: rect(0, 0, 0, 0);
}

.chosen-container.chosen-with-drop .chosen-drop {
  clip: auto;
}

.chosen-container a {
  cursor: pointer;
}

.chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name {
  margin-right: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: normal;
  color: #999999;
}

.chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after {
  content: ":";
  padding-left: 2px;
  vertical-align: top;
}

/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 0 0 8px;
  height: 25px;
  border: 1px solid #aaa;
  border-radius: 5px;
  background-color: #fff;
  background: linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
  background-clip: padding-box;
  box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  color: #444;
  text-decoration: none;
  white-space: nowrap;
  line-height: 24px;
}

.chosen-container-single .chosen-default {
  color: #999;
}

.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  margin-right: 26px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px;
}

.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  background: url("chosen-sprite.png") -42px 1px no-repeat;
  font-size: 1px;
}

.chosen-container-single .chosen-single abbr:hover {
  background-position: -42px -10px;
}

.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
  background-position: -42px -10px;
}

.chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 18px;
  height: 100%;
}

.chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%;
  background: url("chosen-sprite.png") no-repeat 0px 2px;
}

.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap;
}

.chosen-container-single .chosen-search input[type="text"] {
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  width: 100%;
  height: auto;
  outline: 0;
  border: 1px solid #aaa;
  background: url("chosen-sprite.png") no-repeat 100% -20px;
  font-size: 1em;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}

.chosen-container-single .chosen-drop {
  margin-top: -1px;
  border-radius: 0 0 4px 4px;
  background-clip: padding-box;
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  clip: rect(0, 0, 0, 0);
}

/* @end */
/* @group Results */
.chosen-container .chosen-results {
  color: #444;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 4px 4px 0;
  padding: 0 0 0 4px;
  max-height: 240px;
  -webkit-overflow-scrolling: touch;
}

.chosen-container .chosen-results li {
  display: none;
  margin: 0;
  padding: 5px 6px;
  list-style: none;
  line-height: 15px;
  word-wrap: break-word;
  -webkit-touch-callout: none;
}

.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
}

.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #ccc;
  cursor: default;
}

.chosen-container .chosen-results li.highlighted {
  background-color: #70addc;
  color: #fff;
}

.chosen-container .chosen-results li.no-results {
  color: #777;
  display: list-item;
  background: #f4f4f4;
}

.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: bold;
  cursor: default;
}

.chosen-container .chosen-results li.group-option {
  padding-left: 15px;
}

.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline;
}

/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0 5px;
  width: 100%;
  height: auto;
  border: 1px solid #dadee8;
  border-radius: 3px;
  background-color: #fff;
  cursor: text;
}

.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none;
}

.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  margin: 1px 0;
  padding: 0;
  height: 25px;
  outline: 0;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none;
  color: #999;
  font-size: 100%;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
  width: 25px;
}

.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  margin: 3px 5px 3px 0;
  padding: 3px 20px 3px 5px;
  max-width: 100%;
  border-radius: 3px;
  background-color: #70addc;
  color: #fff;
  line-height: 13px;
  cursor: default;
}

.chosen-container-multi .chosen-choices li.search-choice span {
  word-wrap: break-word;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 4px;
  right: 3px;
  display: block;
  width: 12px;
  height: 12px;
  background: url("chosen-sprite.png") -42px 1px no-repeat;
  font-size: 1px;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  background-position: -42px -10px;
}

.chosen-container-multi .chosen-choices li.search-choice-disabled {
  padding-right: 5px;
  border: 1px solid #ccc;
  background-color: #e4e4e4;
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  color: #666;
}

.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4;
}

.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
  background-position: -42px -10px;
}

.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0;
}

.chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  color: #ccc;
  cursor: default;
}

/* @end */
/* @group Active  */
.chosen-container-active .chosen-single {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.chosen-container-active.chosen-with-drop .chosen-single {
  border: 1px solid #aaa;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-image: linear-gradient(#eee 20%, #fff 80%);
  box-shadow: 0 1px 0 #fff inset;
}

.chosen-container-active.chosen-with-drop .chosen-single div {
  border-left: none;
  background: transparent;
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -18px 2px;
}

.chosen-container-active .chosen-choices {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.chosen-container-active .chosen-choices li.search-field input[type="text"] {
  color: #222 !important;
}

/* @end */
/* @group Disabled Support */
.chosen-disabled {
  opacity: 0.5 !important;
  cursor: default;
}

.chosen-disabled .chosen-single {
  cursor: default;
}

.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default;
}

/* @end */
/* @group Right to Left */
.chosen-rtl {
  text-align: right;
}

.chosen-rtl .chosen-single {
  overflow: visible;
  padding: 0 8px 0 0;
}

.chosen-rtl .chosen-single span {
  margin-right: 0;
  margin-left: 26px;
  direction: rtl;
}

.chosen-rtl .chosen-single-with-deselect span {
  margin-left: 38px;
}

.chosen-rtl .chosen-single div {
  right: auto;
  left: 3px;
}

.chosen-rtl .chosen-single abbr {
  right: auto;
  left: 26px;
}

.chosen-rtl .chosen-choices li {
  float: right;
}

.chosen-rtl .chosen-choices li.search-field input[type="text"] {
  direction: rtl;
}

.chosen-rtl .chosen-choices li.search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 5px 3px 19px;
}

.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
  right: auto;
  left: 4px;
}

.chosen-rtl.chosen-container-single .chosen-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0;
}

.chosen-rtl .chosen-results li.group-option {
  padding-right: 15px;
  padding-left: 0;
}

.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
  border-right: none;
}

.chosen-rtl .chosen-search input[type="text"] {
  padding: 4px 5px 4px 20px;
  background: url("chosen-sprite.png") no-repeat -30px -20px;
  direction: rtl;
}

.chosen-rtl.chosen-container-single .chosen-single div b {
  background-position: 6px 2px;
}

.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
  background-position: -12px 2px;
}

/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .chosen-rtl .chosen-search input[type="text"],
  .chosen-container-single .chosen-single abbr,
  .chosen-container-single .chosen-single div b,
  .chosen-container-single .chosen-search input[type="text"],
  .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
  .chosen-container .chosen-results-scroll-down span,
  .chosen-container .chosen-results-scroll-up span {
    background-image: url("chosen-sprite@2x.png") !important;
    background-size: 52px 37px !important;
    background-repeat: no-repeat !important;
  }
}

/* @end */

/* GLOBAL */
@font-face {
    font-family: 'Sofia Pro';
    src: url('../fonts/NewStyle/Sofia Pro Regular Az.otf') format('opentype');
}

@font-face {
    font-family: 'Jakarta Sans';
    src: url('../fonts/NewStyle/PlusJakartaSans.ttf') format('truetype');
}

:root {
    --orange: #ff4813;
    --light-orange: #df9c62;
    --dark-orange: #ca5735;
    --light-green: #9ec593;
    --primary-blue: #203F69;
    --load-more-blue: #77A9DD;
    --pink: #CF619C;
    }

body {
    font-family: 'Jakarta Sans';
}

/* JOBSEEKER SIDE */
h2, h3, h4, h5, h6,
button, input, textarea,
input[type=email], input[type=password],
.login-form label {
    font-family: 'Jakarta Sans';
}

h1.Jobseeker__login__title {
    font-family: 'Sofia Pro';
}

span.Jobseeker__login__password__section {
    color: var(--light-orange) !important;
}

    span.Jobseeker__login__password__section input[type=checkbox],
    .iCheck-helper {
        accent-color: var(--light-orange);
    }


select {
    font-family: 'Sofia Pro' !important;
}

header > h2.heading acc-handle.active {
    font-family: 'Sofia Pro';
    font-weight: bold;
}

span.category_total {
    color: var(--dark-orange);
}

h1.heading.JobLising,
h1.heading.Agencies {
    font-family: 'Sofia Pro';
    font-weight: bold;
}

span.category-name.JobLising a,
span.location-name.JobLising a,
span.jobs-no.JobLising,
span.jobs-no.Agencies {
    color: var(--light-orange);
}

input[type=checkbox].no-icheck.Agencies {
    accent-color: var(--light-green);
}

input[type=checkbox].no-icheck.Agencies,
label.label-checkbox.Agencies {
    color: var(--light-green);
}

/* Scoped styles for the search page */
.search-page {
    /* Page title */
 h1.heading {
    font-family: 'Sofia Pro' !important;
    font-weight: bold;
    color: var(--primary-blue);
    font-size: 1.5em !important; /* Ensure font size is applied */
}

.icheckbox_flat.checked::before {
    color: var(--light-orange);
}

.input-helper {
    color: var(--light-orange);
}

/* Breadcrumbing, related searches, and pagination */
.breadcrumb, .related-searches, .pagination {
    font-size: .875em !important; /* Ensure font size is applied */
    font-family: 'Jakarta Sans';
}

/* Job titles in results list */
.job-list-item h2 a {
    font-size: 1em !important; /* Ensure font size is applied */
    color: var(--primary-blue) !important;
    font-family: 'Jakarta Sans';
}

/* Tick boxes and text */
#refinements input[type=checkbox] + label {
    color: var(--light-orange) !important;
}

/* Shortlist button/pins */
.fa-thumb-tack {
    color: var(--dark-orange);
}

    .fa-thumb-tack.shortlisted-btn {
        color: var(--light-orange);
    }

button.load-more-btn, button:hover.load-more-btn, button:hover.load-more-btn::after {
    background-color: var(--load-more-blue);
    color: var(--primary-blue);
}
button, button:hover {
    background-color: var(--orange)
}

.job-alert-wide-section, .job-alert-wide-section .text h3 {
    font-size: .875em
}
}

.sidebar, .small-block p {
    font-size: 0.876rem;
}


.share-bar, .share {
    text-transform: none;
    font-size: 0.78em;
    color: var(--load-more-blue)
}

.share-bar .share {
    text-transform:none;
}
    /* Scoped styles for the job listing page */
.job-listing-page {
    /* Job title */
    h1 .job-title, h3.heading
{
    font-family: 'Sofia Pro';
    font-weight: bold;
    color: #203F69;
    text-transform:none;
}

.small-block .header{
    text-transform:none
}
/* General fonts */
body, p, dl, dd, dt, a, span, button {
    font-family: 'Jakarta Sans';
}

/* Shortlist button/pins */
.shortlist::before {
    color: var(--dark-orange);
}

/* Shortlist job button */
a#shortlistLink {
    text-transform: none;
    color: #CA5735;
}

/* Job information (Location, Payment, etc.) */
.job-details-header dl dd,
.job-details-header dl dt {
    font-size: 1em; /* Match job description body text size */
    color: #203F69;
}


/* Report this job and Share this job */
a.report-cta {
    color: #77A9DD !important;
    font-size: 0.78em; /* Match '<<Return to Job Search' size */
    text-transform: none;
}

/* About this company box */
aside.small-block.accordion header {
    background-color: #203F69;
}

aside.small-block.accordion dl dd,
aside.small-block.accordion dl dt {
    font-family: 'Jakarta Sans';
    font-size: 1em; /* Match job description body text size */
}

button.follow-btn {
    background-color: #77A9DD;
}

/* Apply for this job section */
article#apply header h3.heading {
    font-family: 'Sofia Pro';
    font-weight: bold;
    color: #203F69;
}

article#apply header .subheading,
article#apply .acc-panel {
    font-family: 'Jakarta Sans';
    color: #203F69;
}



button.ok-button {
    background-color: #CA5735;
}

/* Apply Now button */
.btn {
    background-color: #CA5735; /* Ensure no background color */
    box-shadow: none;
}

}

/* Scoped styles for the signup page */
.signup-page {
    /* Heading 'Get your account' */


 h1.heading {
    font-family: 'Sofia Pro' !important;
    font-weight: bold;
    color: #203F69;
    text-transform:none;
    }

/* General fonts */
    body, p, label, input, button {
    font-family: 'Jakarta Sans';
    }



.icheckbox_flat::before {
    color: var(--light-orange);
}

}

.headline-info .profile-info i {
    color: var(--pink)
}

.profile-info .icheckbox_flat::before {
    color: var(--pink)
}
/* Scoped styles for the profile pages */
.profile-page {
    /* General fonts */
    body, p, label, input, button, span, a

{
    font-family: 'Jakarta Sans';
}

/* Profile Completion */
.profile-completion h1, .heading, .acc-handle {
    font-family: 'Sofia Pro';
    font-weight: bold;
    text-transform: none;
    color: var(--primary-blue);
}

.profile-completion-bar {
    background-color: #CF619C;
}

.profile-completion-progress {
    color: var(--light-green);
}

/* Icons and text colors */
.icon-pen, .icon-checkbox, .icon-plus, .icon-edit, .icon-delete, .icon-heart, .icon-search {
    color: #CF619C;
}

.add-text, .edit-text, .make-primary-text, .active-text {
    color: #CF619C;
}

/* CV & Cover Notes */
.cv-cover-notes-heading {
    font-family: 'Sofia Pro';
    font-weight: bold;
    color: var(--primary-blue);
}

/* Job Alerts */
.job-alerts-heading, .job-alert-companies-heading {
    font-family: 'Sofia Pro';
    font-weight: bold;
    color: var(--primary-blue);
}

/* Shortlisted and Applied */
.shortlisted-heading, .applied-heading {
    font-family: 'Sofia Pro';
    font-weight: bold;
    color: var(--primary-blue);
}

.applied-tick {
    color: var(--light-green);
}

/* Remove rollover color change for Delete and Search */
.icon-delete:hover, .icon-search:hover {
    color: #CF619C;
}

/* Companies I Follow */
.companies-follow-heading, .add-more-heading {
    font-family: 'Sofia Pro';
    font-weight: bold;
    color: var(--primary-blue);
}

.following-tick, .following-text {
    color: var(--light-green);
}

/* Settings */
.settings-heading {
    font-family: 'Sofia Pro';
    font-weight: bold;
    color: var(--primary-blue);
}

.fa-pencil, .fa-trash, .prim-cv, .fa-heart, .fa-search {
    color: var(--pink);
}

.icheckbox_flat::before {
    color: var(--light-green)
}

.follow-checkbox, .icheckbox_flat.checked::before {
    color: var(--light-green)
}

.acc-handle a.add {
    color: var(--pink)
}

.add::before {
    color: var(--pink)
}

.goalProgress {
    background-color: var(--pink)
}

div .progressBar {
    background-color: var(--light-green)
}

.fa-check {
    color: var(--light-green)
}

.edit::before {
    color: var(--pink)
}

.action-buttons a.edit {
    color: var(--pink)
}
}

.company-search-letter-section .company-details .company-name a {
    color: var(--primary-blue);
}

.company-search-letter-section .category-details .category-name a {
    color: var(--primary-blue);
}