/*
	HIJOBS
*/


/*! normalize.css v2.1.3 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 8/9.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary
{
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video
{
    display: inline-block;
}

    /**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

    audio:not([controls])
    {
        display: none;
        height: 0;
    }

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */

[hidden],
template
{
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html
{
    font-family: sans-serif; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body
{
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a
{
    background: transparent;
}

    /**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

    a:focus
    {
        outline: thin dotted;
    }

    /**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

    a:active,
    a:hover
    {
        outline: 0;
    }

 

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */

h1
{
    font-size: 2em;
    margin: 0 0 0.67em 0;
    line-height: 1em;
    word-wrap: break-word;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title]
{
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong
{
    font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn
{
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr
{
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark
{
    background: #ff0;
    color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp
{
    font-family: monospace, serif;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre
{
    white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */

q
{
    quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small
{
    font-size: 80%;
}


/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup
{
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup
{
    top: -0.5em;
}

sub
{
    bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9.
 */

img
{
    border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root)
{
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari 5.
 */

figure
{
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Define consistent border, margin, and padding.
 */

fieldset
{
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend
{
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

button,
input,
select,
textarea
{
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input
{
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select
{
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"]
{
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

    /**
 * Re-set default cursor for disabled elements.
 */

    button[disabled],
    html input[disabled]
    {
        cursor: default;
    }

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"]
{
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"]
{
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

    /**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

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

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner
{
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea
{
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table
{
    border-collapse: collapse;
    border-spacing: 0;
}

/*********************************************************************************/
/* Global                                                                        */
/*********************************************************************************/

/* Loader customisation */
.loader {
      box-sizing: border-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex: 0 1 auto;
          -ms-flex: 0 1 auto;
              flex: 0 1 auto;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-flex-grow: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      -webkit-flex-shrink: 0;
          -ms-flex-negative: 0;
              flex-shrink: 0;
      -webkit-flex-basis: 25%;
          -ms-flex-preferred-size: 25%;
              flex-basis: 25%;
      max-width: 100%;
      height: 50px;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }

.pacman>div:first-of-type,
.pacman>div:nth-child(2)
{
       border-color: #dcdcdc!important;
       border-right-color: transparent !important;
}
.pacman > div:first-of-type {
       
}
.pacman > div:nth-child(2) {
  
}

.pacman > div:nth-child(n+3):nth-child(-n+6) {
    background-color: #dcdcdc;
}


/* Basic */

html
{
    -webkit-font-smoothing: antialiased;
    /* -moz-font-smoothing: antialiased; - No longer available in FF */
    font-smoothing: antialiased;
 
}

body
{
    background: #D4D9DD;
}

body, input, textarea, select
{
    color: #474f51;
    font-size: 11pt;
    font-family: 'Open Sans', Arial, sans-serif;
    line-height: 1.5em;
    font-weight: 300;
}

h1, h2, h3, h4, h5, h6
{
    font-family: 'Montserrat','Helvetica Neue', sans-serif;
    letter-spacing: -1px;
     word-wrap: break-word;
}

h3, h4
{
    margin: .25em 0 0.5em;
}

ul, ol, p, dl
{
    margin: 0 0 1em 0;
}

a
{
    text-decoration: none;
}

    a:hover
    {
        text-decoration: underline;
    }

section > :last-child, .last-child
{
    margin-bottom: 0 !important;
}

/* Multi-use */

p.small{
    font-size: 80%;
}

p.large {
    font-size: 120%;
}

.link-list
{
}

    .link-list li
    {
        padding: 0.3em 0 0.3em 0;
    }

        .link-list li.spacer
    {
            border-bottom: 0 !important;
            padding-bottom: 1em;
    }

        .link-list li:first-child
        {
            padding-top: 1em !important;
            border-top: 0 !important;
        }

        .link-list li:last-child
        {
            padding-bottom: 0 !important;
            border-bottom: 0 !important;
        }

#content .link-list li
{
        font-size: 1.1em;
}
    #content .link-list li a,
    #content .link-list li a:hover
    {
        text-decoration: none;
    }
#footer .link-list li
{
    border-top: solid 1px #e0e4e6;
    border-bottom: solid 1px #b5bec3;
    font-size: 1.0em;
}

#content p.nomargin {
margin: 0;
}

.quote-list
{
}

    .quote-list li
    {
        padding: 1em 0 1em 0;
        overflow: hidden;
    }

        .quote-list li:first-child
        {
            padding-top: 0 !important;
            border-top: 0 !important;
        }

        .quote-list li:last-child
        {
            padding-bottom: 0 !important;
            border-bottom: 0 !important;
        }

        .quote-list li img
        {
            float: left;
        }

        .quote-list li p
        {
            margin: 0 0 0 90px;
            font-size: 1.2em;
            font-style: italic;
        }

        .quote-list li span
        {
            display: block;
            margin-left: 90px;
            font-size: 0.9em;
            font-weight: 400;
        }

#content .quote-list li
{
    border-bottom: solid 1px #e2e6e8;
}

#footer .quote-list li
{
    border-top: solid 1px #e0e4e6;
    border-bottom: solid 1px #b5bec3;
}


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

.check-list
{
}

    .check-list li
    {
        padding: 0.7em 0 0.7em 45px;
        font-size: 1.2em;
        background: url('images/icon-checkmark.png') 0px 0.8em no-repeat;
    }

    .check-list.blue li
    {
        background: url('images/icon-checkmark-blue.png') 0px 0.8em no-repeat;
    }

    .check-list li:first-child
    {
        padding-top: 0 !important;
        border-top: 0 !important;
        background-position: 0 0.3em;
    }

    .check-list li:last-child
    {
        padding-bottom: 0 !important;
        border-bottom: 0 !important;
    }

#content .check-list li
{
    border-bottom: solid 1px #e2e6e8;
}

#footer .check-list li
{
    border-top: solid 1px #e0e4e6;
    border-bottom: solid 1px #b5bec3;
}

.feature-image
{
    display: block;
    margin: 0 0 2em 0;
    outline: 0;
}

    .feature-image img
    {
        display: block;
        width: 100%;
    }

.bordered-feature-image
{
    display: block;
    background: #fff;
    padding: 10px;
    box-shadow: 3px 3px 3px 1px rgba(0,0,0,0.15);
    margin: 0 0 1.5em 0;
    outline: 0;
}

    .bordered-feature-image img
    {
        display: block;
        width: 100%;
    }

.button-big
{
    background-position: 0% 0%;
    display: inline-block;
    color: #fff;
    text-decoration: none;
    font-size: 1.75em;
    font-weight: 300;
    padding: 15px 45px 15px 45px;
    outline: 0;
    border-radius: 10px;
    background-image: linear-gradient(top, #ed391b, #ce1a00);
    background-color: #ed391b;
    background-repeat: repeat;
    background-attachment: scroll;
}

    .button-big.blue
    {
        background-position: 0% 0%;
        display: inline-block;
        color: #fff;
        text-decoration: none;
        font-size: 1.75em;
        font-weight: 300;
        padding: 15px 45px 15px 45px;
        outline: 0;
        border-radius: 10px;
        background-image: linear-gradient(top, #1b78ed, #0965d9);
        background-color: #1b78ed;
        background-repeat: repeat;
        background-attachment: scroll;
    }

#content a.button-big,
a.button-big,
a.button-big:active,
a.button-big:hover,
a.button-big:visited
{
    color: #fff;
    text-decoration: none;
}

.button-big:hover
{
    background: #fd492b;
    background-image: -moz-linear-gradient(top, #fd492b, #de2a10);
    background-image: -webkit-linear-gradient(top, #fd492b, #de2a10);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fd492b), to(#de2a10));
    background-image: -ms-linear-gradient(top, #fd492b, #de2a10);
    background-image: -o-linear-gradient(top, #fd492b, #de2a10);
    background-image: linear-gradient(top, #fd492b, #de2a10);
}

.button-big:active
{
    background: #ce1a00;
    background-image: -moz-linear-gradient(top, #ce1a00, #ed391b);
    background-image: -webkit-linear-gradient(top, #ce1a00, #ed391b);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ce1a00), to(#ed391b));
    background-image: -ms-linear-gradient(top, #ce1a00, #ed391b);
    background-image: -o-linear-gradient(top, #ce1a00, #ed391b);
    background-image: linear-gradient(top, #ce1a00, #ed391b);
}

.button-big.blue:hover
{
    background: #2682f5;
    background-image: -moz-linear-gradient(top, #2682f5, #055ac5);
    background-image: -webkit-linear-gradient(top, #2682f5, #055ac5);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2682f5), to(#055ac5));
    background-image: -ms-linear-gradient(top, #2682f5, #055ac5);
    background-image: -o-linear-gradient(top, #2682f5, #055ac5);
    background-image: linear-gradient(top, #2682f5, #055ac5);
}

.button-big.blue:active
{
    background: #1b78ed;
    background-image: -moz-linear-gradient(top, #1b78ed, #0965d9);
    background-image: -webkit-linear-gradient(top, #1b78ed, #0965d9);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1b78ed), to(#0965d9));
    background-image: -ms-linear-gradient(top, #1b78ed, #0965d9);
    background-image: -o-linear-gradient(top, #1b78ed, #0965d9);
    background-image: linear-gradient(top, #1b78ed, #0965d9);
}


/* Pagination */

.responsivePaginate
{
    padding: .5em 0 .5em 0;
    font-size: 1.00em;
    background-color: #e0e4e7;
    white-space: nowrap;
    text-align: center;
}

    .responsivePaginate span, .responsivePaginate div, .responsivePaginate a
    {
        padding: .20em .75em;
        margin: 0 .15em 0 .15em;
        visibility: hidden;
    }

    .responsivePaginate span, .responsivePaginate div
    {
        display: inline;
        color: #629aca;
        text-shadow: 1px 1px 0px #eef;
    }

    .responsivePaginate a
    {
        text-decoration: none;
        background-color: #eee;
    }

        .responsivePaginate a:hover
        {
            background-color: #fff;
            background-image: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 100%);
            color: #99f;
        }


#content .pagination {


}

    #content .pagination li {

        padding: 5px;
        display: inline-block;
    }

   #content .pagination a {
          font-size: 1.5em;
          font-weight: bold;
    }


#content .pagination li.current a {
    color: gray;
}

/* Validation */

.field-validation-error
{
    color: red;
}

.info, .success, .warning, .error, .validation, .validation-summary-errors, .featured, .platinum
{
    border: 1px solid;
    margin: 1em 0;
    padding: 1em;
    background-repeat: no-repeat;
    background-position: 10px center;
}

.info
{
    color: #000;
    background-color: #BDE5F8;
}

.success
{
    color: #000;
    background-color: #DFF2BF;
}

.warning
{
    color: #000;
    background-color: #FEEFB3;
}

.error, .validation-summary-errors
{
    color: #000;
    background-color: #FFBABA;
}

.featured
{
    background-color: #f0e2ff !important;
    border: none;
}

.platinum {
        background-color: #dae7fb !important;
    border: none;
}

    .platinum .logo-holder img,
    .featured .logo-holder img
    {
        max-height: 50px;
        padding: 3px;
        background-color: #fff;
    }

#content aside.map {
    padding: 0;
}

#content aside.featured
{
    padding: 25px 15px;
}

    .featured p
    {
        font-size: 0.8em;
    }

        .featured p span.salary
        {
            font-weight: bold;
        }

#content aside.featured article:last-child
{
    margin-bottom: 0;
}


#content aside.email {
    border:10px solid #ccebc5;
}

#content section.email {
    border:10px solid #ccebc5;
    max-width: 275px;
    margin: 0.5em auto 2em;
}

#content aside.filters,
#content aside.share,
#content aside.employer {
 border:10px solid #e3eff6;
}

#content aside.share {
    text-align: center;
}


/* Browse and search*/

ul.indent li
{
    float: left;
}

.results-control
{
    margin: 0.5em 0;
    font-size: 0.8em;
}

#content .listitem
{
    margin: 0.5em 0 2em;
    position: relative;
}

    #content .listitem header
    {
        margin: 0 0 0.5em;
    }

        #content .listitem header h3,
        #content .ads-list header h3
        {
            font-size: 1.5em;
            display: inline;
            font-weight: bold;
        }

            #content .listitem header h3 a,
            #content .ads-list header h3 a,
             #content .listitem header h3.headline
            {
                        color: #474F53;
                text-decoration: none;
            }
    #content .listitem .details span
    {
        font-weight: bold;
    }

    #content .listitem .description
    {
        line-height: 1.3em;
    }


    #content .listitem img.company-thumb
    {
        float: right;
        padding: 10px; 
        max-height: 50px;
        background-color: #fff;
        margin-left: 10px;
    }

        #content .listitem .description:after
        {
content:'';
    display:block;
    clear: both;
        }
     #content .job-summary p
    {
        margin:0.5em 0;
    }
    #content .listitem.promoted .job-summary
    {
        margin-left: 25px;
        padding: 0.5em;
    }
    #content .listitem.popular .job-summary
    {
        margin-left: 25px;
        padding: 0.5em;
    }

    #content .listitem .bolt,
    #content .listitem .fire
    {
        background-color: #9077ab;
        background-image: url(images/bolt.png);
        background-repeat:no-repeat;
        background-position: center center;
        width: 20px;
        height: 100%;
        display:inline-block;
        position: absolute;
    }

    #content .listitem .fire
    {
        background-color: #FF6600;
        background-image: url(images/on-fire.png);
    }


nav#job-navigation {

    margin: 0 0 1em;
    font-size: 0.9em;
}

nav#job-navigation ul li
{
    display: inline-block;
    width: 49%;
        vertical-align: top;
}

    nav#job-navigation ul li.previous {
        text-align: left;

    }

    nav#job-navigation ul li.next {
        text-align: right;
    }

    .caret-right {
        border-color: #000000;
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    border-left: 4px solid;
    display: inline-block;
    height: 0;
    opacity: 0.3;
    width: 0;
    margin-left: 5px;
}

    .caret-left {
           border-color: #000000;
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    border-right: 4px solid;
    display: inline-block;
    height: 0;
    opacity: 0.3;
    width: 0;
    margin-right: 5px;
}

img.thumb
{
    max-height: 100px;
}

aside.employer-logo
{
    text-align: center;
}

.filter.link-list li
{
    font-size: 0.9em;
}


/* Job Listings */

span.required
{
    display: inline;
    color: #49261c;
}

p.meta,
span.meta {
    font-size: 0.8em;
}

#content .description ul,
#content .prerequisites ul
{
    list-style-type: disc;
    list-style-position: inside;
    margin-left: 1em;
    padding-left: 0.2em;
    margin-bottom: 1em;
}

#content .description ol,
#content .prerequisites ol
{
    margin-left: 1.5em;
    padding-left: 1em;
}

#content .description ul li,
#content .prerequisites ul li
{
    padding-left: 1em;
    text-indent: -1em;
    margin-bottom: 0.5em;
}

#content .description ol li,
#content .prerequisites ol li
{
    list-style: decimal;
    background-image: none;
    padding-left: 0em;
      margin-bottom: 0.5em;
}

.ads-list .details
{
    font-size: 0.8em;
}

#content .save-star svg
{
    fill: rgba(0,0,0,0.15);
    width: 20px;
    height: 20px;
    display: inline;
}



#content .save-bookmark
{
color: grey;
}

#content .save-bookmark i {
    vertical-align: middle;
    margin-top: -5px;
}

#content .detail .save-bookmark {
    margin-right: 5px;
}

#content .detail.save-star svg
{
    width: 15px;
    height: 15px;
    margin-right: 5px;
}

#content .save-star.on svg
{
    fill: #ED391B;
}

#content .ads-list header
{
    margin-bottom: 0.5em;
}

    #content .ads-list header p
    {
        font-weight: bold;
    }

#content .ads-list article
{
    margin-bottom: 2em;
    text-align: center;
}

#content div.details
{

}

#content div.details:after{
     content: "";
  display: table;
  clear: both;
}

#content div.details span
{
    font-weight: bold;
}

div.apply
{
    text-align: center;
    display: block;
    margin: 1em 0;
  
}

.honeypot
{
    display:none !important;
}

.ad
{
    margin-bottom: 2em;
}

    .ad.list
    {
     text-align: center;
     margin-left: auto;
     margin-right: auto;
     margin-top: 2em;
     max-width: 900px;
    }

    .ad.sky
    {
            text-align: center;
                 margin-left: auto;
     margin-right: auto;
    }

        .ad.login
    {
     text-align: center;
     margin-left: auto;
     margin-right: auto;
    }

#stickyBar
{
    display: none;
    visibility: hidden;
    background: #fff;
    margin: 0 auto;
    text-align: center;
}

#content div.state
{
background-size: 25px 25px;
background-repeat: no-repeat;
background-position: 10px center;
padding: 10px 30px 10px 45px;
margin-bottom: 1em;
font-weight: bold;
}

#content div.popular
{
    background-color:#FF6600;
    background-image: url("https://hjcdn.co.uk/content/css/images/on-fire50h.png");
    color: #fff;
}

#content div.promoted
{
    background-color:#9077ab;
    background-image: url("https://hjcdn.co.uk/content/css/images/bolt50h.png");
    color: #fff;
}

#content a.read-more,
#content a.job-nav {
    font-weight: bold;
    color: #469534;
}


/* Employer */

.feature-holder
{
    margin-bottom: 40px !important;
}

h2.featured-employers
{
    text-align: center;
    margin-bottom: 1em !important;
}

.feature-holder .wrapper
{
    position: relative;
    display: table;
    text-align: center;
}

.feature-list .va
{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    height: 350px;
}

.feature-holder .small-desc
{
    font-size: 1em;
}

.featured-logo-wrapper{

    height: 150px;
    width: 150px;
    position: relative;
    margin: 0 auto;
    display:block;
}

.featured-logo-wrapper img
{
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

#content .employer
{
}

    #content .employer img
    {
        width: 250px;
        margin: 0 auto 2em;
        display: block;
    }

 #content section.employer-alerts {

    text-align: center;
}


/* account */

th.title
{
    width: 15em;
}

/* Quick search */

.holder
{
    text-align: center;
}

.quickbrowse
{
    font-size: 0.9em;
}



@media only screen and (max-width: 500px)
{

    .holder #keywords,
    .holder #Locations,
    .holder #search
    {
        display: block;
        margin: 1em 0;
        width: 100%;
    }

    .holder #advanced
    {
        display: block;
        margin: 1em 0;
    }

    .feature-holder .wrapper
    {
        display: block;
        text-align: center;
    }

    .feature-list .va
    {
        display: block;
        height: auto;
    }
}

/* Social Buttons */

button.sb,
a.sb, .sb a
{
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-position: center center;
    text-indent: -900em;
    color: #333;
    text-decoration: none;
    line-height: 150%;
    white-space: nowrap;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    margin: 10px;
    background-color: #ececec;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
    button.sb, button.sb:before, button.sb:after,
    a.sb, .sb a, a.sb:before, .sb a:before, a.sb:after, .sb a:after
    {
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
    }
        
        button.sb.text,
        a.sb.text,
        .sb.text a
        {
            text-indent: 0;
            width: auto;
            height: 30px;
            padding: 9px 14px 3px 45px;
            background-position: 5px center;
            background-repeat: no-repeat;
                        font-weight: bold;
        }

        button.sb.text{
            width: 220px;
            text-align: left;
        }

        a.sb.email {

            color: rgba(74,74,74,0.8) !important;
            background:#fff;
            padding: 4px;
            width: 210px;
            border-radius: 4px;
            border: 1px solid rgba(74,74,74,0.5);
            text-indent: 0;
            font-weight: normal;
            height: 40px;
            line-height: 30px;
        }

       
        a.sb.linkedin, 
        .sb a.linkedin,
        a.sb.linkedin,
        a.sb.facebook,
        a.sb.google
        {
            background: #fff url(images/social/LI-In-Bug-58.png) no-repeat;
            background-repeat: no-repeat;
            color: #fff !important;
            height: 40px;
            line-height: 40px;
            padding: 5px 5px 5px 50px;
            background-position: 8px center;
            width: 165px;
            border-radius: 4px;
            border: 1px solid rgba(74,74,74,0.8);
        }

        button.sb.linkedin,
        button.sb.facebook,
        button.sb.google
        {
             padding: 5px 5px 5px 50px;
             background-position: 5px center;
             background-repeat: no-repeat;
             height: 40px;
                border-radius: 4px;
                            font-weight: normal;
        }

        button.sb.linkedin,
        a.sb.linkedin, .sb a.linkedin
        {
            background: #fff url(images/social/LI-In-Bug-58.png) no-repeat 10px 7px;
            background-size: 30px;
            color: rgba(74,74,74,0.8) !important;
                        border: 1px solid rgba(74,74,74,0.5)
        }

        button.sb.facebook,
        a.sb.facebook, .sb a.facebook
        {
            background: #fff url(images/social/f_logo_RGB-Blue_58.png) no-repeat 8px 5px;
            background-size: 30px;
            color: rgba(74,74,74,0.8) !important;
                        border: 1px solid rgba(74,74,74,0.5)
        }

        button.sb.google,
        a.sb.google, .sb a.google
        {
            background: #fff url(images/social/google-g-58.png) no-repeat 10px 7px;
            background-size: 25px;
            color: rgba(74,74,74,0.8) !important;
            border: 1px solid rgba(74,74,74,0.5)
        }

        a.sb.rss, .sb a.rss
        {
            background: #ff7b0a url(images/rss.png) no-repeat ;
            color: #fff !important;
        }


        @media 
        (-webkit-min-device-pixel-ratio: 2), 
        (min-resolution: 192dpi) { 
            /* Retina-specific stuff here */

            a.sb.linkedin, 
            .sb a.linkedin,
            a.sb.linkedin
             {
                background-image: url(images/social/LI-In-Bug-58@2x.png);
                background-size:30px 30px;

                
            }

            button.sb.facebook,
            a.sb.facebook, .sb a.facebook
            {
                background-image: url(images/social/f_logo_RGB-Blue_58@2x.png);
                background-size:30px 30px;
            }

                    button.sb.google,
                a.sb.google, .sb a.google
                {
                  background-image: url(images/social/google-g-58@2x.png);
                background-size:25px;
                }

        }

/* Table */

/* 
Generic Styling, for Desktops/Laptops 
*/
table
{
    width: 100%;
    border-collapse: collapse;
}
/* Zebra striping */
tr:nth-of-type(odd)
{
    background: #eee;
}

th
{
    background: #333;
    color: white;
    font-weight: bold;
}

td, th
{
    padding: 6px;
    border: 1px solid #ccc;
    text-align: left;
}

/* AFC AJAX */

.loading
{
    display: none;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    z-index: 100;
    left: 0;
    top: 0;
    position: fixed;
}

    .loading p
    {
        color: #fff;
        text-align: center;
    }

.ajaxLoader
{
    margin: auto;
    position: absolute;
    top: 40%;
    left: 0;
    bottom: 0;
    right: 0;
}

    .ajaxLoader img {
        width: 250px;
        height:250px;
    }

.hide {
    display: none;
}

/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.

@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore 
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility)
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { border: 1px solid #ccc; }
	
	td { 
		/* Behave  like a "row"
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
	}
	
	td:before { 
		/* Now like a table header
		position: absolute;
		/* Top/left values mimic padding
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
}
   
    */
@media only screen and (max-width: 40em)
{ /*640*/

    table
    {
        display: block;
        position: relative;
        width: 100%;
    }

        table thead
        {
            display: block;
            float: left;
        }

        table tbody
        {
            display: block;
            width: auto;
            position: relative;
            overflow-x: auto;
            white-space: nowrap;
        }

        table thead tr
        {
            display: block;
        }

        table th
        {
            display: block;
        }

        table tbody tr
        {
            display: inline-block;
            vertical-align: top;
        }

        table td
        {
            display: block;
            min-height: 1.25em;
        }

    /* sort out borders */

    th
    {
        border-bottom: 0;
    }

    td
    {
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }

    tbody tr
    {
        border-right: 1px solid #eee;
    }

    th:last-child,
    td:last-child
    {
        border-bottom: 1px solid #eee;
    }
}


/* -- Begin social sharing buttons
------------------------------------------------------------- */
.ss-share
{
    padding-left: 0;
    list-style: none;
    
}

.ss-share-inline{
    text-align: center;
    margin-bottom: 0;
}

    .ss-share-inline > li {
        display: inline-block;
        margin-bottom: 0.2em;
    }

.ss-share-item
{
    margin-bottom: 1em;
}

.ss-share-link
{
    /* crude button styles */
    text-decoration: none;
    color: #444;
    font-weight: bold;
    padding: .5em .75em .5em 35px;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 2px;
}

    .ss-share-link:hover, .ss-share-link:active, .ss-share-link:focus
    {
        color: #891434;
    }

[class*="ico-"]
{
    display: inline-block;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: 10px center;
}

.ico-facebook
{
    background-image: url("//hjcdn.co.uk/content/resources/images/icons/fb.ico");
}

.ico-twitter
{
    background-image: url("//hjcdn.co.uk/content/resources/images/icons/twitter.ico");
}

.ico-google
{
    background-image: url("//hjcdn.co.uk/content/resources/images/icons/gplus.ico");
}

.ico-linkedin
{
    background-image: url("//hjcdn.co.uk/content/resources/images/icons/linkedin.ico");
}

.ico-email
{
    background-image: url("//hjcdn.co.uk/content/css/images/icon-envelope.png");
}
/* Ads */

.leaderboard
{
    max-width: 728px;
    max-height: 90px;
    margin: 1em auto;
}

/* Management area */

.pure-form label.charcount{
    font-weight: normal;
    font-size: 80%;
    font-style: italic;
    color: #696969;
    margin: 0.25em 0;
}

div#skills {
    font-size: 90%;
}

#addskill label,
#addskill select,
div#skills label,
div#skills select {
    display: inline-block;
    margin: 0.5em 0;
}

div.dashboard{

}


    div.dashboard p.hero-number {
        font-size: 3.5em;
        margin: 0.7em 0;
    }


     div.dashboard p.hero-number span{
         font-size: 0.75em;

     }

div.employers {

}

div.education {
}

#content div.employers h3,
#content div.education h3{
    color: #000;
    font-size: 1.2em;
    font-weight: bold;
}

div.employers P,
div.education P{
    margin: 0.2em 0;
}

div.employers .detail,
div.education .detail{
       border-bottom: 1px solid #e5e5e5;
       margin-bottom: 2em;

}

    div.employers p.buttons,
    div.education p.buttons {
        margin: 1em 0;

    }
   
div.skills ul li{
    margin-bottom: 0.2em;
}

div.file {
    margin-bottom: 2em;
        border-bottom: 1px solid #e5e5e5;
}

div.file p.added{
    font-weight: bold;
    margin-bottom: 0.5em;

}

div.file p.small{
    font-size: 90%;
    margin: 0.5em 0;

}

div.file div.pure-controls{
    display: block;
    margin: 1em 0;
}

div.alert {
    font-weight: bold;
    font-size: 110%;
      border-bottom: 1px solid #e5e5e5;
}

div.alert .pure-button
{
    float: right;
    font-size: 80%;
       font-weight: normal;
}

div.application {
    margin-bottom: 2em;
        border-bottom: 1px solid #e5e5e5;

}
div.application p.applied{
    margin: 0.5em 0;
    font-weight: bold;
}

div.application div.more-less{
    font-size: 90%;
    display: block;
}


p.section-title{
    display: block;
    width: 100%;
    padding: 0.3em 0;
    margin-bottom: 0.3em;
    font-size: 125%;
    color: #333;
    border-bottom: 1px solid #e5e5e5;

}

div#links p.link{
    font-weight: bold !important;
}


div#links .link-delete,
div#links .link-edit
{
    float: right;
    margin: 5px;
    font-size: 90%;

}

div#links .link-holder{

    min-height: 30px;
}

div#link-add .link-hidden,
div#links .link-hidden{
    display: none;
    clear:both;
}

p.hint
{
margin: 0 0 0.5em;
font-weight: normal;
font-size: 90%;
color: #12907A;
}


p.subtitle
{
    font-weight: bold;
}

p.intro
{
    margin-top: 0;
}

.login {

    text-align: center;
}

.login input {

    margin-left: auto;
    margin-right: auto;
}

p.total{
    font-size: 1.5em;
}

p.total span
{
    font-weight: bold;
}

div.feature,
div.credit
{
    margin: 0 auto 1em auto;
}

div.feature
{
    padding: 0.5em 1em;
    text-align: center;
    color: #fff;
    background-color: #1E90FF;
    border-radius: 10px;
}

div.credit a,
#content div.credit a {
    font-weight: bold;
    text-decoration: underline;
}

div.feature a,
#content div.feature a {
    font-weight: bold;
    color: #fff;
    text-decoration: underline;
}

div.credit
{
    padding: 0.5em 1em;
    text-align: center;
}

div.credit .badge-large{
    font-size: 100%;
}

#content div.credit .option{
    margin-top: 2em;
    padding-bottom: 2em;
    border-bottom: 1px solid #dcdcdc;
}

#content div.credit .notes ul li{
    padding-left: 0.2em;
    margin-bottom: 0.2em;

}

div.buytools
{
     background: #f3d457;
    padding: 0.5em 1em;
}

    div.feature .subtitle,
    div.buytools .subtitle,
    div.credit .subtitle
    {
        margin-top: 0.5em;
        margin-bottom: 0;
        font-size: 1.2em;
        font-weight: normal;

    }

div.feature label,
div.buytools label,
div.credit label
    {
font-size: 110%;

    }

div.credit label span {
    font-weight: normal;
    display: block;
}


div.feature img.rocket {
height:100px;
width:100px;
margin: 0 auto;
display:block;
}

div.feature .feature-select {
    margin:0 auto;
}

.tools-disabled
{
    padding: 0.5em 1em;
    background-color: #e2e6e8;
    margin: 0.5em 0;
}

.pure-form input[type=text].wide,
.pure-form input[type=password].wide,
.tools-disabled input[type=text],
.tools-enabled input[type=text]
{
    width: 99%
}
.pure-form input[type=text].medium
{
    width: 50%
}
.pure-form input[type=text].narrow
{
    width: 15%
}
#dashboard
{

    
}


    div.promoted span
    {
        font-weight: bold;
    }

    div.promoted time.timeago
    {

    }

p.updated time {

    font-weight: bold;
}

    #dashboard h3,
    #dashboard h4
    {
        text-align: center;
        margin: 0.5em 0;
    }

#dashboard p{
    margin: 0.5em 0;
    text-align: center;
}


    #dashboard .box p
    {
        font-size: 90%;
        text-align: left;
    }

    #dashboard .pure-button
    {
        font-size: 90%;
        margin-top: 5px;
    }

div.grid
{
    font-size: 80%;
}

#content div.grid .pure-button
{
    margin: 2px;
}

    div.grid .t-header a
    {
        color: #000;
        font-weight: bold;
    }

    div.grid a.title
    {
         font-size: 1.2em;
         font-weight: bold;
         display: block;
    }

div.grid tr td
{
    border-bottom:1px dotted #b5bec3;
    padding: 1em 0.5em;
}

    div.grid tr.active
    {
        background-color: #F1F2F3;
    }

        div.grid tr.inactive
    {
        background-color: #cdcdcd;

    }

    div.grid tr.active div.promoted,
    div.grid tr.inactive div.promoted
    {
        display: none;
    }

    div.grid tr.promoted
    {
        
    }

div.grid span.fire
{
    display: block;
    background: #FF6600;
    color: #fff;
    font-weight: bold;
    padding: 2px;
}

div.grid span.views,
div.grid span.apps
{
    font-size: 1.2em;
    font-weight: bold;
}

        div.grid tr.promoted div.promoted
        {
                display: inline-block;
    padding: 2px;
    border: 1px dotted #000;
    margin-bottom: 2px;
    background: #9077ab;
    color: #fff;
    background-image: none !important;
        }

     div.grid .inactive a
    {
       

    }

div.grid time.timeago
{
      font-weight: bold;
}

    div.grid .inactive time.timeago
    {

    }

    div.grid span.promoted
    {
        font-weight: bold;
        color: #0078E7;
    }


#content .notes ul
{
    list-style-type: disc;
    list-style-position: inside;
    margin-left: 1em;
    padding-left: 0.2em;
    margin-bottom: 1em;
}

#content .notes ol
{
    margin-left: 1.5em;
    padding-left: 1em;
}

#content .notes ul li
{
    padding-left: 1em;
    text-indent: -1em;
    margin-bottom: 0.5em;
}

#content .notes ol li
{
    list-style: decimal;
    background-image: none;
    padding-left: 0em;
      margin-bottom: 0.5em;
}

span.price
{
    font-weight: bold;
    margin: 0 2px;
}
select.quantity
{
     margin:0 3px;
}

.prod-table{table-layout:auto;word-break:normal;font-size:15px;margin-bottom:30px;width:100%}
@media only screen and (max-width:64em){.prod-table{overflow-x:auto;overflow-y:hidden;display:block}}
.prod-table tr{background: #fff;}
.prod-table th,.prod-table td{padding: 0.5em;vertical-align:middle}
.prod-table th{word-break:normal;background-color:#f2f2f2;border:none; border-bottom:1px solid #d0d0d0;font-weight:bold;color:#333}
.prod-table td{border: none; border-bottom:1px dotted #d0d0d0}
    .prod-table td.product,
    .prod-table th.product { padding: 1em 0.5em; }
 .prod-table td.action    {  width: 45%;  text-align: right; }.prod-table .button-small,.prod-table .button{margin:0 0 0 15px}.prod-table .button-small:first-child,.prod-table .button:first-child{margin-left:0}
.prod-table .button-small.float-right:last-child,.prod-table .button.float-right:last-child{margin-left:0}
.prod-table .button-small.float-right:first-child,.prod-table .button.float-right:first-child{margin-left:15px}
.prod-table .badge{margin:0}
.prod-table strike{opacity:.7;font-weight:normal;margin-right:6px}
@media only screen and (max-width:64em){.scroll-small{display:table}}@media only screen and (max-width:31.25em){.scroll-small{display:block}}
.wrap-cells td{vertical-align:top}
@media only screen and (max-width:64em){.nowrap-small{white-space:nowrap}}


/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #cccccc; }
    .mfp-preloader a:hover {
      color: white; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }
button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px; }
  .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px; }
  .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444444; }
  .mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

.mfp-ie7 .mfp-img {
  padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
  padding: 0; }
.mfp-ie7 .mfp-content {
  padding-top: 44px; }
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }

.white-popup-block{background:#FFF;padding:20px 30px;text-align:left;max-width:650px;margin:40px auto;position:relative}

.white-popup-block h2{font-size:1.5em;}

.mobile .white-popup-block{margin-top: 50px !important;}

#acc {list-style:none; color:#033; margin:0 auto }
#content .filters h3 { position:relative;  font-size: 1.2em; margin: 0.25em 0; padding-bottom: 5px; border-bottom: 1px solid #e2e6e8; }
#acc .acc-section {overflow:hidden;}
#acc .acc-content {}


#acc h3:before,
#acc h3.selected:before {
	content: '';
	position: absolute;
	width: 14px;
	height: 14px;
	top: 5px;
	right: 5px;
	z-index: 1;
    opacity: 0.75;
}

#acc h3.selected:before {

}

#content p.adjuster {
    margin: 0.5em 0;
    border: 1px solid #e2e6e8;
    text-align: center;
    padding: 0.1em;
}

#content a.adjust,
#content a.adjust-filter {
    font-weight: bold;
    cursor: pointer;
}
#content a.adjust-filter{
    display:block;
    font-size: 0.9em;

}

#content li.filter-remove a{
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABm0lEQVRIS7WVuy4FURSGv1MQEoVEQ+ISFHp6hcsTSGi1PAEvwBsgUWiVSGjxAOL6BCjE5WhFJb/Mmmz7rNmzp3DKc85831r/3mtNi3/+tCJ+H7AOHABvDd3DwDKwA3zZs6FA8FNgFngA5hpIRoBzYBI4A5ZMYoIQbvJcSQi3Z0uJCTaBLSeSe2A+0YkHN4yi3jXBUNHiVIVEcb1Hv6Xg18AC0A7PoIkkBb8pum6roPgWpSR3xYO9wYHGDQuuyj+8W2TfpSQvQBcw4ETZAfc6yJF443FbdFdWnuqgqURwxRJfgl9OfAZxdYpLV9WLRP99Aqar4DmCMUDZ9lesjWdgBnitWiupDgTX+I/X7CRNvIbRlVQJRoGLDHi4VlyJJ0jBH4FuYNDpyu0kFgiuWCYcwBWwCPQk1kqHJBRo/BVLCv5ZiFPD+EdiAr0sLjPhOXNSrnoTbADbiViscm9OFKm3hdeAPRNogZ0UE2kQy7wKnurkCFgBvsMzkOS4OMhcuCcp4d4kS7IKHAJ1lcdx6erqXbyvynOWXc0A5/38A1YbZhkrGoeoAAAAAElFTkSuQmCC);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 10px 10px;
    padding-right: 20px;
    display:block;
}
#content li.filter-remove:hover{
    text-decoration: line-through;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-autocomplete {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 10010;
  float: left;
  display: none;
  min-width: 160px;
  _width: 160px;
  padding: 4px 0;
  margin: 2px 0 0 0;
  list-style: none;
  background-color: #ffffff;
  border-color: #ccc;
  border-color: rgba(0, 0, 0, 0.2);
  border-style: solid;
  border-width: 1px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
}
.ui-autocomplete .ui-menu-item > a.ui-corner-all {
  display: block;
  padding: 3px 10px;
  clear: both;
  font-weight: normal;
  line-height: 18px;
  color: #555555;
  white-space: nowrap;
}
.ui-autocomplete .ui-state-focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #0088cc;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  background-image: none;
}

.ui-autocomplete .ui-menu-item > a.ui-state-focus {
        cursor: pointer;
        color: #fff;
    }

/*New UI Styles*/

.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	  color: #ffffff;
  text-decoration: none;
  background-color: #0088cc;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  background-image: none;
}

/*  SEARCH STYLES */


.new-search-form {
    width: 70%;
    margin: 0 auto;
}

.keywords-container,
.location-container  {
    width:40%;
    position: relative;
    float: left;
    margin-right: 10px;
}

    .keywords-container input,
    .location-container input {
        width: 100%;

    }

.location-container input {
    padding-right: 55px;
}

.filter-block .location-container {
    position: relative;
    float: none;
    width: 100%;
}

.filter-block .location-container input#location {
    padding-right: 30px;
}

.location-container .location-link {
    width: 22px;
    height: 28px;
    background-position: 0 0;
    background-size: 20px 20px;
    -webkit-background-size: 20px 20px;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAF0ElEQVR4Xs2bdahtVRCHv2d3Jwg2FhYqKiYWGIiJBSoqJgaoGNhi+4ddPBULE0XF7i5sbLE7sMVWPtgP7z3v3Xtm1l77vDv/nplZs35nrZlZM7PH0T0tCKwPrAosCSwMzArMCPwB/AR8BrwFvAw8BDwH/N29aTCuo0XmBHYGdgGWL1jjW+A64DLghQL5sEhtAOYCDgf2bv7hsCGjMN4HHAs8VUNZr45aAKhnD+BUYI4ODP0XuAI4FPimpv4aALjhK4FNaxo2gq7PgR2AR2qt1RaAJYC7gYVqGRTQo3M8ALggwNuXpQ0AKwL3At77yUH6hRPaLlwKwOLAE8DcbQ1oKX8QcHYbHSUAGMOfBxZts3AlWZ3jFsBtpfpKALgJ2Lp0wQ7kvgNWAD4q0Z0FYEfgmpKFOpYxV9ioZI0MALMAbwLzlyw0AJltAU9nijIAHF3B634JPAi8BnwPTNu8DdYAjCpt6G1gKeCfjJIoADMAH7YIea8CxwC3j/LI8aFkGu0bImpX7163B67vAoBdgcsziofwngQcB/wVlF+neQjNF+QfymaGuG5GLor0A8B6GcUNr4+iiwvkfDI/CiyQlDUsKutpDVEEgNkAn6dThDT+z3Q6cFhSZii7oe3pxk9k1JgmnxsViACwOXBrVGHDp0Natil4JEWHses3jk8quAXYKioTAeBk4IiowoZPR3ZVUmZS7DMBHwOewigZacL+IwLAzcCW0dWbEtc8wG8JmdFY9SF7JnUJ2A8RmQgALyXLWndWrg1sA9wY2cwQnpWipbQIAB8AFjajdGZTuYny9+MzuXm9H1PP7xZhTbj6UgQAS1AWOaN0FGDsr0XeZytBGfKFGHLcEQBcPOxUgBObrC9j8Gi8nj5PYYY2A+6ICEQAMKRZAImS9UHL4bXIzM5eQYaUCdUNIwCYka2VWP3dJGD9VB9ZcKWWA3x/9KUIAJcCu/XVNJwh7IUDeu0WuaEMzQz8HBGIAHAIcEZE2RAeX2S+zNqSRY57kkq+BsxDQhQBYE3gsZC24UzhUDSC7umb2qNhMEOp6lAEgOmarGqajBXAF8DqBR7cZbTLVHqn5JqyG4INxSGKAKCi+5sOb0jpECafpZskExmrRJc0hZHsevLboTIbDVEUgAOBs0IaJ2b6BbCcdn7gdWhpzI5P1ulNWPX3pjf5a9TWKAAmI++3KFVpz6dND9FukjVBy9leLwsY+hmd5tpRw0fg86RumNERBUCdJhZtDczYVsK7V3N9wrIZAHYHxoc1D57xz6Zkb/UqTBkAHGnxGNsaG4vk48dHUIoyAKhYR6hDHIu0cdOqT9mWBUCH9Q4wZWqV7pnfa94fqaaIZmUBUObqwgSlSxj2B84rWaAEgGWAVwrK5CX2RWQs2Bimw7F/qNISAMbaKbBi7XBWEZUC4HDEG8DURavWE/oKWAQw2yyiUgDGSkQwIp1TtPNGqA0AswNWf7qYC4zsyVkFu0/RpuskdbYBQIX71BpXi+y4h8dX5l0FcsNE2gJgw9QG5iptDUnK262qMqfUFgDtdrLjWWCq5CZK2Z0uXxr4pFRBjTDYu3ZJA7XUfq/dRaXCvXI1ToA6reI41u4/0yU5qOF730GIKlQLgAlX4ZkOcwMLKFaKqhz9CejVBECdDjmdUuWvmVjJdsANtXXXBsCoYB1/g8qGeue9+9WpNgAaOC/wYsWBSueSLZZa8KxOXQCgkRY57c+3fSuY66/cjMlU37wKuwJA3fuVvtGbnfqPe5Ue72TnjdIuAXCJC5sPqLJ7MMzZFbo2K5jl7xoAs0Nn+a3XZciPoxy16Zy6BsANWE1+uLnLkQ2d1oTTCG9rnkEAoJF+WvMksFgfi70y+7beVULBoADQJMds/PhxpIErkxw/iUtXdhP7nYh1kAC4uKM29u96W+2GTP2E3xIPlAYNgJvrHb13lse84ceB7nxAYXCkPenhD25abavVfuBkgJwcJ0D77Cx55/3w0SGoyUb/AYuV2kFIi1tbAAAAAElFTkSuQmCC);
    margin-top: -13px;
    cursor: pointer;
    position: absolute;
    right: 5px;
    top: 62%;
    text-indent: -999em;
    content: '';
    outline: 0;
}

.location-container .location-link.geo-loading{
     background-image: url('/Content/resources/images/icons/ajax_loader_gray_128.gif');
}

.landing-page {

    line-height: 1.5em;

}

    .landing-page.header {
    }

        .landing-page.footer {
            margin-top: 2em;
                font-size: 90%;

    }

.map-responsive{
    overflow:hidden;
    padding-bottom:100%;
    position:relative;
    height:0;
    margin-bottom: 2em;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.svg-heart {
    fill: red;
    width: 15px;
    height: 15px;
    vertical-align: middle;
}

/* Stripe Stuff */

#stripe #card-element{
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 3px #ddd;
    border-radius: 3px;
    padding: 0.1em 0.6em;
}

.stripe-group {}

.stripe-group .stripe-radio{
    line-height: 40px;

}


/* BS Transition updates */

.badge {
    display: inline-block;
    padding: .5em .7em;
    font-size: 80%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    vertical-align: baseline;
    border-radius: .4rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    margin: 4px 0;
}

.badge a{
    text-decoration: none;
}

.badge-outline{
    border: 1px solid #085ff7;
     color: #085ff7;
         padding: .35em .6em;
}

.badge-outline .svg-icon path,
.badge-outline .svg-icon polygon,
.badge-outline .svg-icon rect{
     fill: #085ff7;
}

.badge-outline a {
    color: #085ff7 !important;
}

.badge-outline-muted{
    border: 1px solid #6b777b;
     color: #6b777b;
         padding: .35em .6em;
}

.badge-outline-muted .svg-icon path,
.badge-outline-muted .svg-icon polygon,
.badge-outline-muted .svg-icon rect{
     fill: #6b777b;
}

.badge-outline-muted a {
    color: #6b777b !important;
}

.badge-purple {
    color: #fff;
    background-color: #9077ab;
}

.badge-purple .svg-icon path,
.badge-purple .svg-icon polygon,
.badge-purple .svg-icon rect{
     fill: #fff;
}

.badge-purple a{
    color: #fff !important;
}

.badge-mint {
    color: #212529;
    background-color: #A2E4B8;
}

.badge-mint .svg-icon path,
.badge-mint .svg-icon polygon,
.badge-mint .svg-icon rect{
     fill: #212529;
}

.badge-mint a{
     color: #212529 !important;
}

.badge-orange {
    color: #212529;
    background-color: #e6b022;
}

.badge-orange .svg-icon path,
.badge-orange .svg-icon polygon,
.badge-orange .svg-icon rect{
     fill: #212529;
}

.badge-orange a {
     color: #212529 !important;
}

.badge-teal {
    color: #17a2b8;
    background-color: #e3f4f6;
}

.badge-teal .svg-icon path,
.badge-teal .svg-icon polygon,
.badge-teal .svg-icon rect{
     fill: #17a2b8;
}

.badge-teal a {
     color: #17a2b8 !important;
}


.badge-blue {
    color: #fff;
    background-color: #007bff;
}

.badge-blue .svg-icon path,
.badge-blue .svg-icon polygon,
.badge-blue .svg-icon rect{
     fill: #007bff;
}

.badge-blue a {
     color: #007bff !important;
}

/* product badges */

.badge-basic {
    color: #212832;
    background-color: #f2f6fc;
}

.badge-basic .svg-icon path,
.badge-basic .svg-icon polygon,
.badge-basic .svg-icon rect{
     fill: #212832;
}

.badge-standard {
    color: #0061f2;
    background-color: #dae7fb;
}

.badge-standard .svg-icon path,
.badge-standard .svg-icon polygon,
.badge-standard .svg-icon rect{
     fill: #0061f2;
}

.badge-premium {
    color: #212832;
    background-color: #e4ddf7;
}

.badge-premium .svg-icon path,
.badge-premium .svg-icon polygon,
.badge-premium .svg-icon rect{
     fill: #212832;
}


.badge-platinum {
    color: #fff;
    background-color: #6900c7;
}

.badge-platinum .svg-icon path,
.badge-platinum .svg-icon polygon,
.badge-platinum .svg-icon rect{
     fill: #fff;
}

.badge-large{
    font-size: 95%;
    margin: 4px 0;
}



.svg-icon {
  width: 1em;
  height: 1em;
  vertical-align: top;
}

.svg-icon path,
.svg-icon polygon,
.svg-icon rect {
  fill: #000;
}

.svg-icon circle {
  stroke: #4691f6;
  stroke-width: 1;
}


.company-thumb-right{
    float: right;
    display: inline;
        padding: 1em ;
}

.company-thumb-right img{
    max-width: 300px;
}


/*#stripe {
  max-width: 400px;
}

#stripe label {
  height: 35px;
  position: relative;
  display: block;
  margin-top: 30px;
  margin-bottom: 20px;
}

#stripe label > span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-weight: 300;
  line-height: 32px;
  border-bottom: 1px solid #e5e5e5;
  transition: border-bottom-color 200ms ease-in-out;
  cursor: text;
  pointer-events: none;
}

#stripe label > span span {
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: 0% 50%;
  transition: transform 200ms ease-in-out;
  cursor: text;
}

#stripe label .field.is-focused + span span,
#stripe label .field:not(.is-empty) + span span {
  transform: scale(0.68) translateY(-36px);
  cursor: default;
}

#stripe label .field.is-focused + span {
  border-bottom-color: rgb(28, 184, 65);
}

#stripe .field {
  background: transparent;
  font-weight: 300;
  border: 0;
  outline: none;
  cursor: text;
  display: block;
  width: 100%;
  line-height: 32px;
  padding-bottom: 3px;
  transition: opacity 200ms ease-in-out;
}

#stripe .field::-webkit-input-placeholder { color: #8898AA; }
#stripe .field::-moz-placeholder { color: #8898AA; }

/* IE doesn't show placeholders when empty+focused */
/* #stripe .field:-ms-input-placeholder { color: #424770; }

#stripe .field.is-empty:not(.is-focused) {
  opacity: 0;
}


#stripe .outcome {
  float: left;
  width: 100%;
  padding-top: 8px;
  min-height: 20px;
  text-align: center;
}

#stripe .success, 
#stripe.error {
  display: none;
  font-size: 15px;
}

#stripe .success.visible, 
#stripe .error.visible {
  display: inline;
}

#stripe .error {
  color: #E4584C;
}

#stripe .success {
  color: #34D08C;
}

#stripe .success .token {
  font-weight: 500;
  font-size: 15px;
}*/

/*.StripeElement {
  box-sizing: border-box;

  height: 40px;

  padding: 10px 12px;

  border: 1px solid transparent;
  border-radius: 4px;
  background-color: white;

  box-shadow: 0 1px 3px 0 #e6ebf1;
  -webkit-transition: box-shadow 150ms ease;
  transition: box-shadow 150ms ease;
}

.StripeElement--focus {
  box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
  border-color: #fa755a;
}

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}*/