html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
}

ol, ul {
    list-style: none;
}

.clear {
    width: 100%;
    height: 0;
    overflow: hidden;
    clear: both;
}

/********************************************************** body + fonts */

html {
}

body {
    color: #000;
    font-size: 100%;
    font-family: "gotham_book",Arial, Helvetica, sans-serif;
    overflow-x: hidden;
}

p {
    color: #000;
    margin-bottom: 25px;
    line-height: 150%;
    font-family: "gotham_book", Helvetic, Arial;
    font-weight: normal;
    font-size: 14px;
}

a {
    text-decoration: none !important;
    color: #000;
    outline: none !important;
}

.page a.content-link {
    color: #0f9fff !important;
    -webkit-transition: .3s ease all;
    -moz-transition: .3s ease all;
    transition: .3s ease all;
}

a:hover {
    text-decoration: none;
}

.logo {
    text-indent: -9999px;
}

    .logo a {
        width: 180px;
        height: 47px;
        display: block;
        overflow: hidden;
        text-indent: -9999px;
        background: url(../img/logo.png) no-repeat center;
    }

h2 {
    font-family: "gotham_medium", Helvetic, Arial;
    font-size: 40px;
    color: #000;
    font-weight: normal;
    line-height: 100%;
}

h3 {
    font-family: "gotham_medium", Helvetic, Arial;
    font-size: 24px;
    color: #000;
    font-weight: normal;
    line-height: 100%;
}

    h3 a {
        -webkit-transition: .3s ease all;
        -moz-transition: .3s ease all;
        transition: .3s ease all;
    }

        h3 a:hover {
            color: #041533 !important;
        }

strong, b {
    font-family: "gotham_bold", Helvetic, Arial;
    font-weight: normal;
}

body.overflow {
    overflow: hidden;
}

/********************************************************** containers */

.container {
    margin: auto;
    width: 1340px;
}

    .container.l0 {
        width: 1140px;
    }

    .container.l1 {
        width: 865px;
    }

/* page load in transition
#page{opacity: 0; -webkit-transition: .5s ease all; transition: .5s ease all;}
#page.load{opacity: 1;}

/********************************************************** header */


header {
    position: relative;
    z-index: 150;
    padding-top: 20px;
}

    header.fixed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }

    header .top {
        position: relative;
        z-index: 3;
        -webkit-transition: .3s ease-in all;
        transition: .3s ease-in all;
    }

    header .left {
        float: left;
    }

    header .right {
        float: right;
    }

    header .left .logo, header .left ul {
        float: left;
    }

    header .left ul {
        margin-top: 15px;
    }

        header .left ul li {
            float: left;
            margin-left: 60px;
            position: relative;
        }

            header .left ul li > a:after {
                display: block;
                content: "";
                width: 10px;
                height: 7px;
                background: url(../img/icon_arrow_down_white.png) no-repeat;
                position: absolute;
                top: 5px;
                right: -13px;
            }

    header .left a {
        color: #fff;
        font-size: 15px;
    }

    header .left .pageName {
        font-size: 15px;
        font-family: "gotham_medium", Arial;
        color: #fff;
        float: left;
        border-left: 1px #fff solid;
        padding: 5px 0 3px 15px;
        margin: 10px 0 0 15px;
        -webkit-font-smoothing: antialiased;
    }

    header .dropdown {
        position: relative;
        padding-bottom: 15px;
    }

    header .left .dropdown:after {
        content: "";
        display: block;
        width: 15px;
        height: 10px;
        background: url(../img/icon_arrow_up_white.png) no-repeat;
        opacity: 0;
        visibility: hidden;
        position: absolute;
        bottom: 4px;
        left: 50%;
        margin-left: -7px;
        -webkit-transition: .3s ease all;
        transition: .3s ease all;
    }

    header .dropdown .wrapper {
        width: 265px;
        background: #fff;
        position: absolute;
        top: 30px;
        left: -92px;
        opacity: 0;
        visibility: hidden;
        box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
        border-radius: 3px;
        -webkit-transition: .3s ease all;
        transition: .3s ease all;
    }

    header .dropdown:hover .wrapper {
        opacity: 1;
        visibility: visible;
        top: 34px;
    }

    header .dropdown:hover:after {
        opacity: 1;
        visibility: visible;
        bottom: 0;
    }

    header .dropdown .wrapper .inner {
        padding: 18px 15px;
        text-align: center;
    }

        header .dropdown .wrapper .inner form {
        }

        header .dropdown .wrapper .inner span.header {
            font-size: 14px;
            font-family: "gotham_bold", "gotham_medium", Helvetica, Arial, sans-serif;
            color: #000;
            text-transform: uppercase;
            text-align: center;
            display: block;
            margin-bottom: 15px;
        }

        header .dropdown .wrapper .inner input {
            margin-bottom: 10px;
        }

        header .dropdown .wrapper .inner .btn {
            display: block;
            width: 100%;
            padding: 12px 0 10px;
            height: auto;
        }

    /*
header .dropdown .wrapper.loggedIn{width: 180px; right: 0; left: inherit;}
header .dropdown .wrapper.loggedIn ul{margin-top: 0; float: none; background: #fff; position: static;}
header .dropdown .wrapper.loggedIn li{float: none; margin-left: 0; width: 100%; padding: 0; text-align: left;}
header .dropdown .wrapper.loggedIn li:first-child a{border-top: none; border-top-left-radius: 3px; border-top-right-radius: 3px;}
header .dropdown .wrapper.loggedIn li:last-child a{border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;}
header .dropdown .wrapper.loggedIn li a{display: block; padding: 12px 17px 10px; background: #fff; color: #000; font-size: 14px; font-family: "gotham_book", Helvetica, Arial; border-top: 1px #d3d3d3 solid;}
header .dropdown .wrapper.loggedIn li a:after{display: none;}
*/

    header li.dropdown:first-child .wrapper.loggedIn {
        left: 0;
        right: inherit;
    }

    header .dropdown .registerAction {
        display: block;
        background: #efefef;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
    }

    header .dropdown a.forgot {
        float: right;
        color: #35a6f2;
        font-size: 13px;
        font-family: "gotham_book", Helvetica, Arial;
    }

    /* upload csv button */
    header .right .uploadCV {
        float: right;
        padding: 7px 0 5px;
        width: 180px;
        height: 100%;
        margin: 5px 30px 0 0;
        font-family: "gotham_bold", Arial;
        font-size: 13px;
        letter-spacing: 0;
    }

        header .right .uploadCV:hover {
            background: #35a6f2;
            border-color: #35a6f2;
        }

    /* language selector */

    header .right .languageSelect {
        float: right;
        margin: 5px 20px 0 0;
    }

        header .right .languageSelect .fakeSelectWrap, header .right .languageSelect .fakeSelect {
            background: none;
            border-radius: 0;
            height: 100%;
        }

        header .right .languageSelect .fakeSelect {
            color: #fff;
            text-transform: uppercase;
            font-size: 13px;
            border-radius: 3px;
            border: 1px #fff solid;
            padding: 7px 30px 5px 15px;
            line-height: 1.35;
        }

            header .right .languageSelect .fakeSelect span {
                top: 12px;
                right: 8px;
                background-image: url(../img/icon_dropdown_white.png);
            }


        header .right .languageSelect .fakeDropdown {
            overflow: inherit;
            top: 45px;
            max-height: none;
            min-width: 195px;
            border: none;
        }

            header .right .languageSelect .fakeDropdown span {
                border-top: 1px #f2f2f2 solid;
                padding-left: 15px;
            }

                header .right .languageSelect .fakeDropdown span:first-child {
                    border-top: none;
                }

            header .right .languageSelect .fakeDropdown:before {
                content: "";
                width: 15px;
                height: 10px;
                background: url(../img/icon_arrow_up_white.png) no-repeat center;
                position: absolute;
                top: -10px;
                left: 44px;
            }


/* mobile menu open */
a.respMenu {
    display: none;
    padding: 10px 0 10px 15px;
    float: right;
    position: relative;
    z-index: 99;
    -webkit-transition: all 0.6s cubic-bezier(0.7, 0.01, 0.3, 1);
    transition: all 0.6s cubic-bezier(0.7, 0.01, 0.3, 1);
}

    a.respMenu .bars {
        width: 25px;
        height: 3px;
        margin: 10px 0;
        background: #fff;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        position: relative;
    }

        a.respMenu .bars:before {
            top: -6px;
        }

        a.respMenu .bars:after {
            top: 6px;
        }

        a.respMenu .bars:after, a.respMenu .bars:before {
            content: '';
            display: block;
            width: 25px;
            height: 3px;
            background: #fff;
            position: absolute;
            z-index: -1;
            -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

header a.search {
    float: right;
    color: #fff;
    font-size: 18px;
    padding: 11px 12px 10px;
    margin: 0 6px 0 2px;
}

/* user name dropdown */
header .userNav {
    float: right;
    position: relative;
    padding-bottom: 15px;
    margin-right: 15px;
}

    header .userNav .top {
        cursor: pointer;
        padding: 0 !important;
    }

        header .userNav .top:after {
            display: block;
            content: "";
            width: 10px;
            height: 7px;
            background: url(../img/icon_arrow_down_white.png) no-repeat;
            position: absolute;
            top: 12px;
            right: -13px;
        }

        header .userNav .top .sym {
            position: relative;
            display: inline-block;
            vertical-align: middle;
            margin-right: 5px;
            width: 32px;
            height: 32px;
            border-radius: 50%;
            border: 3px #fff solid;
            text-align: center;
        }

            header .userNav .top .sym span {
                font-family: "gotham_bold", sans-serif;
                font-size: 21px;
                color: #fff;
                line-height: 34px;
            }


    header .userNav:after {
        content: "";
        display: block;
        width: 15px;
        height: 10px;
        background: url(../img/icon_arrow_up_white.png);
        opacity: 0;
        visibility: hidden;
        position: absolute;
        bottom: 6px;
        left: 10px;
        -webkit-transition: .3s all ease;
        -moz-transition: .3s all ease;
        transition: .3s all ease;
    }

    header .userNav .top .sym, header .userNav .top span {
        -webkit-transition: .4s all ease;
        -moz-transition: .4s all ease;
        transition: .4s all ease;
    }

        header .userNav .top span.name {
            display: inline-block;
            vertical-align: middle;
            font-size: 14px;
            color: #fff;
            font-family: "gotham_bold", sans-serif;
            margin-right: 5px;
            -webkit-font-smoothing: antialiased;
        }


    header .userNav .dropdown {
        display: block;
        position: absolute;
        top: 46px;
        width: 180px;
        left: -30px;
        padding-bottom: 0;
        border-radius: 3px;
        opacity: 0;
        visibility: hidden;
        box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
        -webkit-transition: .3s all ease;
        -moz-transition: .3s all ease;
        transition: .3s all ease;
    }

    header .userNav:hover .dropdown {
        opacity: 1;
        visibility: visible;
        top: 52px;
    }

    header .userNav:hover:after {
        opacity: 1;
        visibility: visible;
        bottom: 1px;
    }

    header .userNav .dropdown li {
    }

        header .userNav .dropdown li:first-child a {
            border-top: none;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
        }

        header .userNav .dropdown li:last-child a {
            border-bottom-left-radius: 3px;
            border-bottom-right-radius: 3px;
        }

        header .userNav .dropdown li a {
            display: block;
            padding: 12px 17px 10px;
            background: #fff;
            color: #000;
            font-size: 14px;
            font-family: "gotham_book", Helvetica, Arial;
            border-top: 1px #d3d3d3 solid;
            -webkit-transition: .3s all ease;
            -moz-transition: .3s all ease;
            transition: .3s all ease;
        }

            header .userNav .dropdown li a:hover {
                background: #f1f1f1;
            }

        header .userNav .dropdown li.logout a {
            background: #e5f1ef;
            text-transform: uppercase;
        }

/* notifications icon */
header .notifications {
    float: right;
    width: 40px;
    height: 42px;
    margin-left: 15px;
    cursor: pointer;
    background: #2f3d53;
    border-radius: 2px;
    position: relative;
}

    header .notifications:after {
        content: "";
        display: block;
        width: 15px;
        height: 10px;
        background: url(../img/icon_arrow_up_cyan.png);
        opacity: 0;
        visibility: hidden;
        position: absolute;
        bottom: -4px;
        right: 12px;
        -webkit-transition: .3s all ease;
        -moz-transition: .3s all ease;
        transition: .3s all ease;
    }

    header .notifications .icon {
        background: url(../img/icon_bell.png) no-repeat center;
        width: 21px;
        height: 22px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -10px;
        margin-left: -11px;
    }

    header .notifications .count {
        background: #fe0005;
        border-radius: 50%;
        width: 15px;
        height: 15px;
        position: absolute;
        right: 5px;
        top: 5px;
        color: #fff;
        text-align: center;
        font-family: "gotham_bold", Arial;
        font-size: 10px;
        line-height: 16px;
    }

    header .notifications .dropdown {
        display: block;
        background: #fff;
        position: absolute;
        top: 46px;
        padding-bottom: 0;
        width: 265px;
        right: 0;
        border-radius: 3px;
        opacity: 0;
        visibility: hidden;
        box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
        -webkit-transition: .3s all ease;
        -moz-transition: .3s all ease;
        transition: .3s all ease;
    }

    header .notifications:hover .dropdown, header .notifications:focus .dropdown, header .notifications.active .dropdown {
        opacity: 1;
        visibility: visible;
        top: 52px;
    }

    header .notifications:hover:after, header .notifications:focus:after, header .notifications.active:after {
        opacity: 1;
        visibility: visible;
        bottom: -10px;
    }

    header .notifications .dropdown .header {
        background: #e5f1ef;
        padding: 13px 17px;
        display: block;
        font-size: 13px;
        border-top-right-radius: 3px;
        border-top-left-radius: 3px;
    }

    header .notifications .dropdown .content {
        padding: 13px 17px;
    }

        header .notifications .dropdown .content li {
            font-size: 13px;
            font-family: "gotham_book", Helvetic, Arial;
            margin-top: 5px;
            padding-top: 5px;
            border-top: 1px #d9d9d9 solid;
        }

            header .notifications .dropdown .content li:first-child {
                border-top: none;
                margin-top: 0;
                padding-top: 0;
            }

            header .notifications .dropdown .content li a {
                display: block;
                opacity: 1;
                -webkit-transition: .3s ease all;
                -moz-transition: .3s ease all;
                transition: .3s ease all;
            }

                header .notifications .dropdown .content li a:hover {
                    opacity: 0.9;
                }

            header .notifications .dropdown .content li strong {
                color: #35a6f2;
            }

/* header basket count */

header .basketHeader {
    margin-top: 0px;
    display: block;
    opacity: 1;
    -webkit-transition: .3s ease-in all;
    transition: .3s ease-in all;
}

    header .basketHeader img, header .basketHeader #basketItemCount {
        display: inline-block;
        vertical-align: middle;
    }

        header .basketHeader img.basketIcon {
            width: 30px;
        }

    header .basketHeader #basketItemCount {
        font-size: 14px;
        font-family: "gotham_book", Arial;
        line-height: 28px;
        color: #fff;
        vertical-align: bottom;
        margin-left: 3px;
        -webkit-transition: .3s ease-in all;
        transition: .3s ease-in all;
    }

    header .basketHeader:hover #basketItemCount {
        color: #35a6f2;
    }

/* header contact */


header p.contact {
    font-family: "gotham_medium", Arial;
    font-size: 16px;
    color: #fff;
    margin: 12px 0 0;
    -webkit-font-smoothing: antialiased;
}

    header p.contact a {
        color: #2dbec2;
    }

/* header search form */
header .bottom {
    background: #f4f4f4;
    text-align: center;
    display: none;
    position: relative;
    top: -60px;
    z-index: 2;
    opacity: 0;
    -webkit-transition: .3s ease-in all;
    transition: .3s ease-in all;
}

    header .bottom .search {
        display: inline-block;
    }

        header .bottom .search .inner {
            padding: 10px 0;
            border-radius: 3px;
            text-align: center;
        }

            header .bottom .search .inner span {
                font-size: 15px;
                font-family: "gotham_medium", Arial;
                text-transform: uppercase;
                margin: 5px 10px 0 0;
                display: inline-block;
                vertical-align: middle;
            }

            header .bottom .search .inner input {
                display: inline-block;
                vertical-align: middle;
                box-shadow: none;
                margin: 0 3px;
            }

                header .bottom .search .inner input[type='text'] {
                    width: 295px;
                    padding: 10px 0;
                }

                header .bottom .search .inner input[type='submit'] {
                    width: 155px;
                    padding: 11px 0 10px;
                }

    /* recruiter nav */
    header .bottom .links {
        background: #112748;
        text-align: center;
        padding: 17px 0;
        position: relative;
        z-index: 2;
        box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
    }

        header .bottom .links a {
            font-size: 14px;
            font-family: "gotham_medium", Arial;
            text-transform: uppercase;
            color: #fff;
            display: inline-block;
            margin: 0 8px;
            -webkit-font-smoothing: antialiased;
            -webkit-transition: .3s ease-in all;
            transition: .3s ease-in all;
        }

            header .bottom .links a:hover, header .bottom .links a.current {
                color: #35a6f2 !important;
            }

    /* overiew panel */

    header .bottom .overviewPanel {
        background: rgba(45, 78, 127, 0.99);
        position: relative;
        z-index: 1;
    }

        header .bottom .overviewPanel .wrapper {
            float: right;
            padding: 12px 0;
            text-align: right;
        }

        header .bottom .overviewPanel .block {
            display: inline-block;
            width: 140px;
            text-align: center;
            padding: 3px 0 10px;
            margin: 0 5px;
        }

            header .bottom .overviewPanel .block span.header {
                display: block;
                margin-bottom: 7px;
                color: #fff;
                font-size: 13px;
                font-family: "gotham_book", Arial;
                text-transform: uppercase;
                -webkit-font-smoothing: antialiased;
            }

            header .bottom .overviewPanel .block .box {
                display: block;
                position: relative;
                background: #fff;
                height: 36px;
                line-height: 36px;
                border-radius: 6px;
                text-align: center;
            }

                header .bottom .overviewPanel .block .box a {
                    display: block;
                }

                header .bottom .overviewPanel .block .box span.value {
                    font-family: "gotham_medium", Arial;
                    font-size: 14px;
                }

                header .bottom .overviewPanel .block .box .link {
                    position: absolute;
                    top: 0;
                    width: 100%;
                    height: 100%;
                    font-size: 14px;
                    border-radius: 6px;
                    line-height: 38px;
                    cursor: pointer;
                    background: #35a6f2;
                    display: block;
                    opacity: 0;
                    visibility: hidden;
                    color: #fff;
                    text-transform: uppercase;
                    -webkit-transition: .3s ease all;
                    -moz-transition: .3s ease all;
                    transition: .3s ease all;
                }

                header .bottom .overviewPanel .block .box.zero:hover {
                    background: none;
                }

                    header .bottom .overviewPanel .block .box.zero:hover .link {
                        background: #142b4e;
                    }


                /* activate panel button */
                header .bottom .overviewPanel .block .box.zero .link {
                    opacity: 1;
                    visibility: visible;
                }


        header .bottom .overviewPanel #dailyCV {
            padding-left: 23px;
            margin: 0 0 0 15px;
            border-left: 1px #42608c solid;
        }

            header .bottom .overviewPanel #dailyCV .box {
                background: none;
                border: 1px #fff solid;
                height: 34px;
                line-height: 34px;
            }

                header .bottom .overviewPanel #dailyCV .box span.value {
                    color: #fff;
                }

    /* recruiter landing jobs posted */

    header .bottom #jobsPosted {
        padding: 12px 0;
        text-align: left;
        margin-bottom: 0;
        font-family: "gotham_medium", Arial;
        font-size: 22px;
        color: #041533;
    }

        header .bottom #jobsPosted span.value {
            color: #52b0f3;
        }

/* header change */
header.start {
    top: -130px;
}

header.change {
    padding-top: 0;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
    position: fixed;
    -webkit-transition: .4s ease all;
    -moz-transition: .4s ease all;
    transition: .4s ease all;
}

    header.change .top {
        background: #041533;
        padding: 0;
    }

    header.change .logo {
        margin: 5px 0 7px;
    }


        header.change .logo a {
            width: 130px;
            height: 35px;
            background-size: 100%; /* old logo background-image: url(../img/logo_small.png);*/
        }

    header.change .right {
        margin-top: 8px;
    }

        header.change .right .userNav {
            display: block;
            padding-bottom: 9px;
        }

            header.change .right .userNav:after {
                bottom: 4px;
            }

    header.change .userNav .dropdown {
        top: 36px;
    }

    header.change .userNav:hover .dropdown {
        top: 42px;
    }

    header.change .userNav:hover:after {
        bottom: -2px;
    }

    header.change .userNav .top .sym {
        width: 27px;
        height: 27px;
    }

        header.change .userNav .top .sym span {
            font-size: 21px;
            line-height: 100%;
            height: 20px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            display: block;
            -webkit-font-smoothing: antialiased;
        }

    header.change .right .uploadCV, header.change .right .languageSelect {
        margin-top: 1px;
    }

    header.change .notifications {
        background: none;
        height: 32px;
    }

        header.change .notifications .dropdown {
            bottom: inherit;
            top: 36px;
        }

        header.change .notifications:hover .dropdown, header.change .notifications.active .dropdown {
            top: 42px;
        }

        header.change .notifications .count {
            top: 2px;
        }

    header.change .bottom {
        display: block;
        top: 0;
        opacity: 1;
    }

    header.change.in {
        top: 0;
    }

        header.change.in .bottom {
        }

/* logged in states */
.loggedIn header .right .uploadCV {
    display: none;
}

.loggedIn header.change .logo {
}

.loggedIn header.change .right .userNav {
    display: block;
}



/* mobile navigation */
#navigation {
    position: fixed;
    top: 0px;
    left: 0;
    width: 100%;
    height: calc(100% - 43px);
    padding-top: 43px;
    opacity: 0;
    background: rgba(4, 21, 51, 1);
    visibility: hidden;
    z-index: 9999;
}

#navigation {
}

    #navigation .container {
        position: relative;
        height: 100%;
        text-align: center;
    }

    #navigation span.header {
        display: block;
        margin-bottom: 5px;
        letter-spacing: 1px;
        -webkit-font-smoothing: antialiased;
        color: #fff;
        font-size: 13px;
        font-family: "gotham_bold", Arial;
        text-transform: uppercase;
    }

        #navigation span.header.login {
            position: relative;
            top: -15px;
        }

    #navigation ul {
        margin-bottom: 50px;
    }

        #navigation ul li {
            border-bottom: 1px #1d293f solid;
        }

            #navigation ul li:first-child {
                border-top: 1px #1d293f solid;
            }

            #navigation ul li a {
                display: block;
                padding: 14px 0;
                text-align: center;
                color: #fff;
                font-family: "gotham_book", Helvetic, Arial;
                font-size: 16px;
            }

            #navigation ul li.logout a {
                text-transform: uppercase;
            }

    #navigation a.btnWhiteB {
        margin-bottom: 50px;
        padding: 11px 20px 9px;
        height: auto;
    }

    #navigation .recruiters {
        text-align: center;
    }

        #navigation .recruiters a.btn {
            margin-left: 5px;
            height: auto;
        }

    #navigation .respMenu {
        position: fixed;
        top: 0px;
        right: 0px;
        z-index: 9999;
        padding: 15px;
    }

    #navigation .bars {
        background: none !important;
    }

        #navigation .bars:after {
            height: 1px;
            top: 3px !important;
            background: #fff !important;
            -moz-transform: rotate(50deg);
            -ms-transform: rotate(50deg);
            -webkit-transform: rotate(50deg);
            transform: rotate(50deg);
        }

        #navigation .bars:before {
            height: 1px;
            top: 3px !important;
            background: #fff !important;
            -moz-transform: rotate(-50deg);
            -ms-transform: rotate(-50deg);
            -webkit-transform: rotate(-50deg);
            transform: rotate(-50deg);
        }

/* sticy nav */
#page.sticky #navigation {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
}

/* navigation open */
#page.menu #navigation {
    visibility: visible;
    opacity: 1;
}

/********************************************************** main */

#notice {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 10px 0;
    z-index: 73;
    background: #fe0005;
    text-align: center;
}

    #notice p {
        margin-bottom: 0;
        font-family: "gotham_medium", Arial;
        font-size: 16px;
        color: #fff;
        -webkit-font-smoothing: antialiased;
    }

    #notice a.close {
        display: block;
        width: 13px;
        height: 14px;
        background: url(../img/icon_close_notice.png) no-repeat center;
        position: absolute;
        top: 15px;
        right: 15px;
    }

#page.showNotice #notice {
}

#page.showNotice header {
    top: 44px;
}

#page.showNotice main {
    margin-top: 245px;
}

/*************** General */

main {
    position: relative;
    z-index: 72;
    background: #fff;
}

    main.page {
        margin-top: 108px;
    }

    main.recruiters {
        margin-top: 180px;
    }

    main.top {
        margin-top: 70px;
    }

    main .content {
        padding: 60px 0;
        position: relative;
    }

        main .content span.arrow {
            position: absolute;
            bottom: -16px;
            left: 50%;
            margin-left: -16px;
            z-index: 1000;
            width: 31px;
            height: 16px;
            background: url(../img/icon_arrow_down_white.png) no-repeat;
        }


    /* page titles */
    main.page .title h1 {
        font-size: 24px;
        margin-bottom: 10px;
        font-family: "gotham_medium", Arial;
    }

    main.page .title h2 {
        font-size: 18px;
        font-family: "gotham_book", Helvetic, Arial;
        margin-bottom: 40px;
    }

    main.page .title span.note {
        display: block;
        margin-bottom: 60px;
        font-family: "gotham_italic", Arial;
        font-size: 14px;
        color: #666666;
    }

    main.page .title.icon {
        margin-bottom: 50px;
    }

        main.page .title.icon img, main.page .title.icon .copy {
            display: inline-block;
            vertical-align: middle;
        }

        main.page .title.icon .copy {
            margin-left: 10px;
        }

            main.page .title.icon .copy h1 {
                margin-bottom: 0;
            }

            main.page .title.icon .copy p {
                margin-bottom: 0;
                font-family: "gotham_medium", Arial;
                color: #666666;
            }

                main.page .title.icon .copy p a {
                    color: #35a6f2;
                    -webkit-transition: .3s ease all;
                    -moz-transition: .3s ease all;
                    transition: .3s ease all;
                }

                    main.page .title.icon .copy p a:hover {
                        color: #041533;
                    }

    /* large image section */
    main .imageBreaker {
        position: relative;
    }

        main .imageBreaker img {
            display: block;
            max-width: 100%;
            width: 100%;
        }

    /* two columns */
    main .col.first, main .col.second {
        float: left;
        width: 49%;
    }

    main .col.second {
        float: right;
    }

.threeColumn {
    margin: 0 -1%;
}

    .threeColumn .col {
        width: 31%;
        margin: 0 1%;
        float: left;
    }


main.page .table table {
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
}


    main.page .table table tr {
        -webkit-transition: .5s ease all;
        -moz-transition: .5s ease all;
        transition: .5s ease all;
    }

        main.page .table table tr:nth-child(odd) {
            background: #f4f4f4;
        }

    main.page .table table th, main.page .table table td {
        padding: 12px 10px 10px;
    }

    main.page .table table th {
        border-radius: 0;
        text-align: left;
        text-transform: uppercase;
        font-family: "gotham_medium", Arial;
        font-size: 14px;
        font-weight: normal;
        color: #fff;
        background: #041533;
    }

    main.page .table table td {
        font-size: 14px;
        font-family: "gotham_book", Helvetic, Arial;
    }

/* form pages */

main.page .form h2 {
    font-size: 17px;
    margin-bottom: 40px;
}

main.page .form ul {
}

    main.page .form ul li {
        margin-top: 15px;
        font-size: 14px;
        font-family: "gotham_book", Helvetic, Arial;
    }

        main.page .form ul li:first-of-type {
            margin-top: 0;
        }

main.page .form label, main.page .form .field {
    display: inline-block;
    vertical-align: middle;
}

main.page .form label {
    font-size: 14px;
    width: 290px;
    text-indent: 65px;
    color: #666666;
    font-family: "gotham_book", Helvetic, Arial;
    -webkit-font-smoothing: antialiased;
}

    main.page .form label.bolded {
        text-indent: 0;
        font-size: 17px;
        font-family: "gotham_medium", Arial;
        color: #000;
    }

main.page .form ul li.top label {
    vertical-align: top;
    margin-top: 10px;
}

main.page .form label span.note {
    display: block;
    font-family: "gotham_italic", Arial;
    font-size: 13px;
}

main.page .form .field {
    width: 275px;
    position: relative;
    color: #333;
}

    main.page .form .field.small {
        width: 125px;
    }

    main.page .form .field.auto {
        width: auto;
    }

        main.page .form .field.auto .fakeSelect {
            padding-right: 50px;
        }

/* form errors */
main.page .form li.error .field {
    text-align: right;
}

main.page .form li.error label {
    vertical-align: bottom;
    padding-bottom: 10px;
    text-align: left;
}



main.page .form li.error input[type='text'],
main.page .form li.error input[type='email'],
main.page .form li.error input[type='password'],
main.page .form li.error select,
main.page .form li.error textarea,
main.page .form input[type='text'].error {
    border: 1px #ffa4a7 solid;
    text-align: left;
}

main.page .form li.error .fakeSelectWrap {
    text-align: left;
}

main.page .form li.error .fakeSelect {
    border: 1px #ffa4a7 solid;
}

main.page .form li.error .field .notification.small .icon {
    position: absolute;
}

main.page .form li.error .field .notification span {
    padding-left: 25px;
}

main.page .form li:not(.error) .field .notification {
    display: none !important;
}

main.page .form input[type='checkbox'] {
    display: inline-block;
    vertical-align: text-bottom;
}

main.page .form select[multiple='multiple'] option {
    padding: 5px 0;
}

    main.page .form select[multiple='multiple'] option:checked {
        background: #e5f1ef;
    }

main.page .form .fakeSelect {
    border-radius: 3px;
    background: rgb(238,238,238);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,238,238,0.5) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,0.5) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(238,238,238,0.5) 100%);
}

    main.page .form .fakeSelect span {
        background-image: url(../img/icon_dropdown_black.png);
    }

main.page .form .open .fakeSelect {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

main.page .form .fakeDropdown {
    width: 99.3%;
}

    main.page .form .fakeDropdown span.long {
        font-size: 14px;
        padding: 5px 10px;
    }

main.page .form .submit {
    padding-top: 30px;
    text-align: right;
}

    main.page .form .submit input[type='submit'] {
        display: inline-block;
    }

    main.page .form .submit span.terms {
        display: inline-block;
        margin: 17px 25px 0 0;
        width: auto;
        color: #333333;
        font-family: "gotham_book", Helvetic, Arial;
        font-size: 14px;
    }

        main.page .form .submit span.terms.error {
            border-bottom: solid 1px red;
            padding-bottom: 3px;
        }

        main.page .form .submit span.terms a {
            color: #35a6f2;
            -webkit-transition: .3s ease all;
            -moz-transition: .3s ease all;
            transition: .3s ease all;
        }

            main.page .form .submit span.terms a:hover {
                color: #041533;
            }

        main.page .form .submit span.terms label {
            width: auto;
            display: inline;
        }

/* sidebar */
aside {
    float: right;
    width: 24%;
}

    aside .header {
        padding: 16px 15px 14px;
        background: #041533;
        color: #fff;
        font-family: "gotham_medium", Arial;
        font-size: 14px;
        text-transform: uppercase;
        -webkit-font-smoothing: antialiased;
    }

    aside .inner {
        padding: 16px 12px 16px 16px;
        background: #f4f4f4;
    }

    aside .block {
        padding: 15px 0;
        border-top: 1px #fff solid;
        border-bottom: 1px #e3e3e3 solid;
    }

        aside .block:first-child {
            border-top: none;
        }

        aside .block:last-of-type {
            border-bottom: none;
        }

        aside .block h3 {
            font-size: 14px;
            font-family: "gotham_bold", sans-serif;
            color: #041533;
            margin-bottom: 20px;
        }

        aside .block ul {
            margin-left: 15px;
        }

            aside .block ul li {
                margin-bottom: 7px;
            }

                aside .block ul li a {
                    font-size: 14px;
                    font-family: "gotham_book", Arial;
                    -webkit-transition: .4s ease all;
                    -moz-transition: .4s ease all;
                    transition: .4s ease all;
                }

                    aside .block ul li a:hover {
                        color: #35a6f2;
                    }

                    aside .block ul li a span.value {
                        color: #999999;
                    }


/*************** hero */

#hero {
    position: absolute;
    top: 0;
    width: 100%;
    height: 475px;
    background: #142b4e url(../img/home/hero2.jpg) no-repeat top center;
    background-size: cover;
}

    #hero .container {
        display: table;
        width: 100%;
        height: 100%;
    }

    #hero .caption {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }

        #hero .caption .inner {
            position: relative;
        }

        #hero .caption h1 {
            font-size: 44px;
            margin-bottom: 0;
            color: #5aeff3;
            font-family: "gotham_medium", Helvetic, Arial;
            width: auto;
            height: auto;
            text-indent: 0;
        }

        #hero .caption p {
            font-size: 22px;
            margin-bottom: 35px;
            color: #fff;
            -webkit-font-smoothing: antialiased;
        }

        #hero .caption .search {
            display: inline-block;
        }

            #hero .caption .search .inner {
                padding: 15px;
                background: #293952;
                border-radius: 3px;
                text-align: center;
            }

                #hero .caption .search .inner input {
                    display: inline-block;
                    vertical-align: top;
                    box-shadow: none;
                    margin: 0 3px;
                }

                    #hero .caption .search .inner input[type='text'] {
                        width: 305px;
                        padding: 10px 0;
                    }

                    #hero .caption .search .inner input[type='submit'] {
                        width: 155px;
                        padding: 13px 0 9px;
                    }

                        #hero .caption .search .inner input[type='submit']:hover {
                            background: #2dbec2;
                        }

        #hero .caption .recruiters {
            position: absolute;
            right: 5%;
            top: 12px;
        }

            #hero .caption .recruiters span.header {
                display: block;
                margin-bottom: 5px;
                -webkit-font-smoothing: antialiased;
                color: #fff;
                font-size: 13px;
                font-family: "gotham_bold", Arial;
                text-transform: uppercase;
            }

            #hero .caption .recruiters a.btn {
                margin-left: 5px;
                height: auto;
            }

/*************** home */

main.home {
    margin-top: 475px;
}

    main.home .container {
        position: relative;
    }

    main.home .title {
        position: relative;
        margin-bottom: 60px;
    }

        main.home .title h2 {
            text-align: center;
            font-size: 26px;
            color: #142b4e;
        }

    main.home a.showAll {
        position: absolute;
        top: -10px;
        right: 0;
        height: auto;
    }


/* job type tabs */

#jobTypes {
    position: relative;
    background: #e5f1ef;
}

    #jobTypes .tabButtons {
        position: absolute;
        top: -41px;
        width: 100%;
        height: 41px;
        text-align: center;
    }

        #jobTypes .tabButtons .inner {
            display: inline-block;
        }

            #jobTypes .tabButtons .inner .wrapper {
                display: table;
            }

        #jobTypes .tabButtons a:first-child {
            border-left: none;
            border-top-left-radius: 3px;
        }

        #jobTypes .tabButtons a:last-of-type {
            border-top-right-radius: 3px;
        }

        #jobTypes .tabButtons a {
            display: table-cell;
            vertical-align: middle;
            border-left: 1px #041533 solid;
            background: #142b4e;
            font-family: "gotham_medium", Arial;
            font-size: 13px;
            color: #fff;
            text-transform: uppercase;
            padding: 14px 20px 11px;
            -webkit-font-smoothing: antialiased;
            -webkit-transition: .3s ease all;
            -moz-transition: .3s ease all;
            transition: .3s ease all;
        }

            #jobTypes .tabButtons a:hover {
                background: #041533;
            }

            #jobTypes .tabButtons a.active {
                background: #e5f1ef;
                color: #061634;
            }

    #jobTypes .tabs {
    }

        #jobTypes .tabs .tab {
            position: relative;
            padding: 50px 0;
            display: none;
        }

            #jobTypes .tabs .tab.active {
                display: block;
            }

            #jobTypes .tabs .tab li {
                margin-bottom: 5px;
            }

            #jobTypes .tabs .tab a {
                font-family: "gotham_book", Helvetic, Arial;
                font-size: 15px;
                color: #000;
                -webkit-transition: .3s ease all;
                -moz-transition: .3s ease all;
                transition: .3s ease all;
            }

                #jobTypes .tabs .tab a span.value {
                    color: #666666;
                    -webkit-transition: .3s ease all;
                    -moz-transition: .3s ease all;
                    transition: .3s ease all;
                }

            #jobTypes .tabs .tab li a:hover {
                color: #35a6f2;
            }

            #jobTypes .tabs .tab .showAll {
                position: absolute;
                bottom: 0;
                top: inherit;
                right: inherit;
                left: 50%;
                margin-left: -60px;
                width: 120px;
                height: auto;
                padding: 8px 0 6px;
                color: #fff;
                font-size: 13px;
                font-family: "gotham_bold", Helvetic, Arial;
                background: #041533;
                border-bottom-left-radius: 0;
                border-bottom-right-radius: 0;
                -webkit-transition: .3s ease all;
                -moz-transition: .3s ease all;
                transition: .3s ease all;
            }

                #jobTypes .tabs .tab .showAll:hover {
                    background: #35a6f2;
                }


/* jobs email button */
#openSubscribe {
    position: absolute;
    right: 0px;
    top: -160px;
    z-index: 999;
    transform: rotate(270deg);
    transform-origin: bottom right;
    color: #fff;
    -webkit-transition: .3s ease right;
    -moz-transition: .3s ease right;
    transition: .3s ease right;
}

    #openSubscribe a.btn {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        height: auto;
    }

    #openSubscribe.fixed {
        position: fixed;
        top: 188px;
    }

    #openSubscribe.close {
        right: -200px;
    }

/* jobs email form */
#subscribe {
    position: absolute;
    right: -430px;
    top: -91px;
    width: 430px;
    visibility: hidden;
    z-index: 999;
    background: #fff;
    box-shadow: 0 0 10px #d9d9d9;
    transition-delay: 5s;
    -webkit-transition: .3s ease right;
    -moz-transition: .3s ease right;
    transition: .3s ease right;
}

    #subscribe.fixed {
        position: fixed;
        top: 117px;
    }

    #subscribe.open {
        right: 0;
        visibility: visible;
    }

    #subscribe .inner {
        width: 265px;
        margin: auto;
        padding: 40px 0;
    }

    #subscribe h3 {
        font-size: 20px;
        color: #142b4e;
        text-align: center;
        text-transform: uppercase;
        font-family: "gotham_medium", Arial;
        margin-bottom: 15px;
        -webkit-font-smoothing: antialiased;
    }

    #subscribe p {
        font-size: 17px;
        color: #142b4e;
        text-align: center;
        font-family: "gotham_book", Arial;
        line-height: 120%;
    }

    #subscribe input {
        margin-top: 10px;
    }

        #subscribe input[type='submit'] {
            display: block;
            padding: 10px 0 8px;
            width: 100%;
        }

    #subscribe a.close {
        display: block;
        width: 14px;
        height: 13px;
        background: url(../img/home/icon_close.png) no-repeat center;
        position: absolute;
        top: 10px;
        right: 20px;
    }

    #subscribe .notification {
        display: none;
        padding: 0;
        max-width: none;
        text-align: center;
    }

        #subscribe .notification ul {
            margin-top: 3px;
        }

        #subscribe .notification li {
            background: url('../img/alerts/icon_error.png') no-repeat 0 -2px;
            list-style: none;
            color: #fe0005;
            font-size: 12px;
            padding: 0 0 2px 25px;
        }

        #subscribe .notification.error ul li:before {
            content: none;
        }

        #subscribe .notification a.close {
            background: url(../img/alerts/icon_close.png) no-repeat center;
            top: 9px;
            right: 12px;
        }

    #subscribe input.error {
        border: 1px #ffa4a7 solid;
    }

    #subscribe.success .inner {
        padding-bottom: 0;
    }

    #subscribe.success p {
        display: none;
    }

    #subscribe.success .notification {
        display: block;
    }

        #subscribe.success .notification .icon {
            background: url(../img/icon_notif_success_black.png) no-repeat;
            float: none;
            width: 50px;
            height: 50px;
            margin-left: 30px;
        }

        #subscribe.success .notification p {
            float: none;
            width: auto;
            display: inline-block;
        }

    #subscribe.success form {
        display: none;
    }

/* companies slider */

#companies {
    position: relative;
}


    #companies .wrapper {
        position: relative;
    }

        #companies .wrapper a.control {
            display: block;
            text-indent: -9999px;
            background: none;
            width: 14px;
            height: 25px;
            position: absolute;
            top: 50%;
            margin-top: -12px;
            border: none;
            outline: none;
        }

            #companies .wrapper a.control.prev {
                left: -15px;
                background: url(../img/icon_slide_prev.png) no-repeat;
            }

            #companies .wrapper a.control.next {
                right: -25px;
                background: url(../img/icon_slide_next.png) no-repeat;
            }


    #companies .slider {
        position: relative;
    }

        #companies .slider .slide {
            width: auto;
            height: auto;
        }

    #companies img {
        display: block;
        margin: 0 9px;
        max-height: 100%;
        max-width: 100%;
        border: 1px #e5f1ef solid;
    }

    #companies .slider button {
        display: none !important;
    }


/* recent jobs */

#recent {
    background: #f6f6f6;
}

    #recent .container {
        position: relative;
    }

    #recent .inner {
        margin: 0 -1%;
    }

        #recent .inner .col {
            width: 23%;
            margin: 0 1%;
            float: left;
        }

            #recent .inner .col h3 {
                margin-bottom: 10px;
            }

                #recent .inner .col h3 a {
                    color: #3399ff;
                    font-size: 18px;
                    font-family: "gotham_bold", Arial;
                    text-transform: none;
                    -webkit-font-smoothing: antialiased;
                }

            #recent .inner .col span {
                display: block;
                font-size: 13px;
                font-family: "gotham_medium", Arial;
                color: #142b4e;
                text-transform: uppercase;
            }

                #recent .inner .col span.location {
                    margin-bottom: 10px;
                }

            #recent .inner .col p {
                margin-bottom: 15px;
            }

            #recent .inner .col a {
                font-size: 13px;
                font-family: "gotham_bold", Helvetic, Arial;
                color: #3399ff;
                text-transform: uppercase;
                -webkit-font-smoothing: antialiased;
                -webkit-transition: .3s ease all;
                -moz-transition: .3s ease all;
                transition: .3s ease all;
            }

                #recent .inner .col a:hover {
                    color: #041533;
                }

/* featured */

#featured {
    border-bottom: 1px #cfe0dd solid;
    padding-bottom: 30px;
    margin-bottom: 60px;
    text-align: center;
}

    #featured img {
        display: inline-block;
        vertical-align: middle;
        margin: 0 10px;
    }

/* career advice */

#advice {
}

    #advice .title {
        margin-bottom: 40px;
    }

    #advice article {
    }

        #advice article h3 {
            margin-bottom: 15px;
        }

            #advice article h3 a {
                font-size: 16px;
                color: #142b4e;
                line-height: 110%;
                font-family: "gotham_bold", Arial;
                -webkit-transition: .3s ease all;
                -moz-transition: .3s ease all;
                transition: .3s ease all;
            }

                #advice article h3 a:hover {
                    color: #35a6f2 !important;
                }

        #advice article a.readMore {
            color: #35a6f2;
            font-size: 14px;
            text-transform: uppercase;
            font-family: "gotham_bold", Helvetic, Arial;
            -webkit-font-smoothing: antialiased;
        }

/*************** listing */

#breadcrumbs {
    padding: 25px 0 20px;
}

    #breadcrumbs.border {
        border-bottom: 1px #d9d9d9 solid;
        margin-bottom: 60px;
    }

    #breadcrumbs ul {
        float: left;
    }

    #breadcrumbs li {
        float: left;
        font-family: "gotham_book", Arial;
        font-size: 14px;
        color: #646464;
        margin-right: 3px;
    }

        #breadcrumbs li a {
            color: #35a6f2;
        }

    #breadcrumbs a.backToResults {
        float: right;
        font-size: 14px;
        font-family: "gotham_book", Arial;
        color: #041533;
        -webkit-transition: .3s ease all;
        -moz-transition: .3s ease all;
        transition: .3s ease all;
    }

        #breadcrumbs a.backToResults:hover {
            color: #35a6f2;
        }

#list > .container {
    position: relative;
}

/* sidebar */
#list aside {
    position: absolute;
    top: 0;
    left: 0;
    width: 23%;
    float: none;
}

#list .results {
    float: right;
    width: 72%;
}

    #list .results h1 {
        font-family: "gotham_book", Arial;
        font-size: 30px;
        color: #666666;
        width: auto;
        height: auto;
        text-indent: 0;
        -webkit-font-smoothing: antialiased;
        margin-bottom: 30px;
    }

        #list .results h1 strong {
            color: #000;
            font-family: "gotham_medium", Arial;
        }

.meta {
    margin-bottom: 25px;
    padding-bottom: 10px;
    border-bottom: 1px #dddddd solid;
}

    .meta h3 {
        font-size: 20px;
        font-family: "gotham_medium", Arial;
        margin-bottom: 10px;
        padding-top: 15px;
    }

    .meta p {
        font-size: 18px;
        font-family: "gotham_book", Arial;
        margin-bottom: 25px;
    }

        .meta p.pageResultCount {
            display: block;
            font-size: 14px;
            float: left;
            margin: 10px 0 0 0;
        }

    .meta #filters {
        float: right;
    }

        .meta #filters .fakeSelectWrap {
            min-width: 135px;
            width: auto;
            margin-left: 15px;
            right: 0;
        }

            .meta #filters .fakeSelectWrap:first-child {
                right: inherit;
                left: 0;
            }

#list .results .job {
    position: relative;
    padding-bottom: 30px;
    border-bottom: 1px #d9d9d9 solid;
    margin-bottom: 30px;
}

    #list .results .job:first-child {
        border-bottom: 0;
        margin-bottom: 0;
    }

#list .no.results .job:first-child,
#list .noAlerts .job:first-child {
    border-bottom: 1px #d9d9d9 solid;
    margin-bottom: 30px;
}

#list .results .job h2 {
    font-size: 24px;
    font-family: "gotham_medium", Arial;
    margin-bottom: 10px;
    color: #35a6f2;
}

    #list .results .job h2 a {
        color: #35a6f2;
        -webkit-transition: .3s ease all;
        -moz-transition: .3s ease all;
        transition: .3s ease all;
    }

        #list .results .job h2 a:hover {
            color: #041533;
        }

#list .results .job p.location, #list .results .job p.salary {
    display: block;
    color: #666666;
    font-family: "gotham_medium", Arial;
    font-size: 14px;
    margin-bottom: 3px;
    -webkit-font-smoothing: antialiased;
}

#list .results .job p.salary {
    margin-bottom: 10px;
}

#list .results .job img.companyLogo {
    display: block;
    position: absolute;
    top: 25px;
    right: 0;
    max-width: 120px;
}

#list .results .job p a {
    color: #35a6f2;
    -webkit-transition: .3s ease all;
    -moz-transition: .3s ease all;
    transition: .3s ease all;
}

    #list .results .job p a:hover {
        color: #041533;
    }

#list .results .job dl {
    float: left;
    margin-bottom: 5px;
    color: #666666;
    font-family: "gotham_book", Arial, Helvetica, sans-serif;
    font-size: 14px;
}

    #list .results .job dl.right {
        float: right;
    }

#list .results .job dt, #list .results .job dd {
    display: inline-block;
}

    #list .results .job dd a {
        color: #35a6f2;
        -webkit-transition: .3s ease all;
        -moz-transition: .3s ease all;
        transition: .3s ease all;
    }

        #list .results .job dd a:hover {
            color: #041533;
        }



/**** Alert Form */
.alert {
    background: #f09f37;
    text-align: center;
    margin-bottom: 30px;
    position: relative;
    border-radius: 3px;
}

    .alert span.header {
        display: block;
        padding: 10px 0;
        cursor: pointer;
        font-family: "gotham_medium", Arial;
        font-size: 14px;
        color: #fff;
        text-transform: uppercase;
        -webkit-font-smoothing: antialiased;
    }

        .alert span.header:before {
            content: "";
            display: inline-block;
            vertical-align: middle;
            margin-right: 10px;
            width: 27px;
            height: 18px;
            background: url(../img/listing/icon_mail.png) no-repeat center;
        }

    .alert.change span.header {
        text-transform: none;
        font-size: 15px;
        cursor: default;
    }

    .alert a.closeAlert {
        position: absolute;
        top: 10px;
        right: 10px;
        display: none;
        width: 13px;
        height: 16px;
        background: url(../img/listing/icon_close_alert.png) no-repeat center;
    }

    .alert.open a.closeAlert {
        display: block;
    }

    .alert .form {
        text-align: center;
        max-height: 0;
        overflow: hidden;
        -webkit-transition: .4s ease all;
        -moz-transition: .4s ease all;
        transition: .4s ease all;
    }

    .alert.open .form {
        max-height: 200px;
    }

    .alert .form .inner {
        display: inline-block;
        padding: 15px 0;
    }

        .alert .form .inner input {
            display: inline-block;
            box-shadow: none;
            margin: 0 3px;
            vertical-align: top;
        }

            .alert .form .inner input[type='text'] {
                width: 225px;
                padding: 11px 0;
                border: none;
                box-shadow: inset 1px 1px 1px 1px rgba(217, 217, 217, 0.3);
            }

            .alert .form .inner input[type='submit'] {
                width: 175px;
                padding: 11px 0;
            }

            .alert .form .inner input.error {
                border: 1px red solid;
            }

    .alert .notification {
        display: none;
        padding: 10px 0;
    }

        .alert .notification .icon {
            float: none;
            margin-right: 15px;
        }

        .alert .notification p {
            color: #fff;
            float: none;
            width: auto;
        }

    .alert.success span.header {
        background: #35a6f2;
    }

    .alert.success .notification {
        background: #35a6f2;
        display: block;
    }

        .alert.success .notification .icon {
            background: url(../img/icon_notif_success_white.png) no-repeat;
        }

    .alert.success .form {
        display: none;
    }


/**** pagination */
#pagination {
    text-align: center;
    padding: 0 0 25px 0;
    border-bottom: 1px #d9d9d9 solid;
}

    #pagination p {
        float: left;
        margin-bottom: 0;
    }

    #pagination .paging {
        float: right;
    }

    #pagination li {
        display: inline-block;
        padding: 6px 0;
        width: 20px;
        font-size: 14px;
        font-family: "gotham_medium", Arial;
        margin-right: 5px;
        line-height: 100%;
    }

        #pagination li.prev, #pagination li.next {
            width: auto;
        }

            #pagination li.prev a, #pagination li.next a {
                text-transform: uppercase;
                color: #35a6f2;
                -webkit-transition: .3s ease all;
                -moz-transition: .3s ease all;
                transition: .3s ease all;
            }

                #pagination li.prev a:hover, #pagination li.next a:hover {
                    color: #041533;
                }

        #pagination li.current {
            border: 1px #e4e4e4 solid;
        }

    #pagination a {
        -webkit-transition: .3s ease all;
        transition: .3s ease all;
    }

        #pagination a:hover {
            color: #35a6f2;
        }

/* related searches */

.relatedSearches {
    padding: 40px 0 60px;
}

    .relatedSearches span.header {
        display: block;
        font-size: 17px;
        color: #041533;
        font-family: "gotham_book", Arial;
        margin-bottom: 25px;
    }

        .relatedSearches span.header strong {
            font-family: "gotham_medium", Arial;
        }

    .relatedSearches li {
        margin-bottom: 5px;
    }

        .relatedSearches li a {
            font-size: 14px;
            font-family: "gotham_book", Arial;
            color: #000000;
            -webkit-transition: .3s ease all;
            -moz-transition: .3s ease all;
            transition: .3s ease all;
        }

            .relatedSearches li a:hover {
                color: #35a6f2;
            }

            .relatedSearches li a span.value {
                color: #999999;
            }


/* nofication */
.validation-summary {
    display: none;
}

.field .notification.small:after {
    background: none !important;
    width: 0 !important;
    height: 0;
    border-style: solid;
    border-width: 8px 6px 0 6px;
    border-color: #ffe5e7 transparent transparent transparent;
    position: absolute;
    right: 5px;
    bottom: -8px;
}

.field .notification.small.success:after {
    border-top-color: #e5f1ef !important;
}

.field .notification.small.error:after {
    border-top-color: #ffe5e7 !important;
}

.notification {
    position: relative;
    padding: 40px 30px;
    margin-bottom: 25px;
    -webkit-transition: .3s ease all;
    -moz-transition: .3s ease all;
    transition: .3s ease all;
}

    .notification.info {
        background: #fceeaf;
    }

    .notification.error {
        background: #ffe5e7;
    }

    .notification.success {
        background: #e5f1ef;
        margin-bottom: 35px;
    }

    .notification:after {
        display: block;
        content: "";
        clear: both;
        overflow: hidden;
        height: 0;
    }

    .notification .icon, .notification p {
        float: left;
    }

    .notification .icon {
        display: inline-block;
        vertical-align: middle;
        max-width: 54px;
        width: 6.5%;
        height: 54px;
        margin-right: 3%;
    }

    .notification.info .icon {
        background: url(../img/icon_notif_info.png) no-repeat;
        background-size: 100%;
    }

    .notification.success .icon {
        background: url(../img/icon_notif_success_black.png) no-repeat;
        background-size: 100%;
        float: none;
    }

    .notification.error .icon {
        background: url(../img/icon_notif_error.png) no-repeat;
        background-size: 100%;
    }

    .notification p {
        font-size: 17px;
        margin-bottom: 0 !important;
        display: inline-block;
        vertical-align: middle;
        width: 90%;
    }

    .notification.error p.message, .notification.error ul {
        margin: 10px 0 0;
    }

    .notification.error ul {
        float: left;
    }

        .notification.error ul li {
            margin-top: 5px;
        }

            .notification.error ul li:first-child {
                margin-top: 0;
            }

            .notification.error ul li:before {
                content: "";
                display: inline-block;
                vertical-align: middle;
                margin-right: 10px;
                width: 8px;
                height: 8px;
                background: url(../img/detail/icon_item.png) no-repeat center;
            }

    .notification.success p {
        float: none;
        width: auto;
    }


    .notification .otherJobs {
        padding-top: 25px;
        margin-top: 25px;
        border-top: 1px #a6c8c2 solid;
    }

        .notification .otherJobs:before {
            content: "";
            display: block;
            clear: both;
        }

        .notification .otherJobs span.header {
            display: block;
            margin-bottom: 25px;
            font-family: "gotham_medium", Arial;
            font-size: 18px;
            color: #000;
        }

        .notification .otherJobs .col {
            border-left: 1px #a6c8c2 solid;
            text-align: center;
            padding: 15px 0;
        }

            .notification .otherJobs .col:first-child {
                border-left: none;
            }

            .notification .otherJobs .col .inner {
                display: inline-block;
                vertical-align: middle;
            }

            .notification .otherJobs .col h3 {
                font-family: "gotham_medium", Arial;
                font-size: 18px;
                margin-bottom: 15px;
            }

                .notification .otherJobs .col h3 a {
                    color: #35a6f2;
                }

            .notification .otherJobs .col span {
                font-family: "gotham_book", Arial !important;
                font-size: 14px !important;
                color: #333 !important;
            }

                .notification .otherJobs .col span.salary {
                    margin-bottom: 0 !important;
                }

            .notification .otherJobs .col h3, .notification .otherJobs .col span {
                text-align: left;
            }

    /* contact/signin */
    .notification.small {
        padding: 5px 10px !important;
        border-radius: 6px;
        max-width: 41%;
        min-height: 17px;
        margin-bottom: 20px;
    }

        .notification.small .icon {
            width: 18px !important;
            height: 18px !important; /*position: absolute;*/
            background: url(../img/alerts/icon_error.png) no-repeat center;
            margin-right: 5px !important;
        }

        .notification.small a.close {
            display: block;
            width: 14px;
            height: 15px;
            position: absolute;
            top: 7px;
            right: 10px;
            background: url(../img/alerts/icon_close.png) no-repeat center;
        }

        .notification.small span {
            font-size: 12px;
            display: block;
            padding: 2px 0 0 0;
        }

        .notification.small.error span {
            color: #fe0005;
        }

        .notification.small.success span {
            color: green;
        }

        .notification.small.success span {
            display: inline-block;
        }

/* popup */

#popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 570px;
    z-index: 99999;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

    #popup .inner {
        position: relative;
        padding: 15px 30px;
    }

    #popup .title {
        padding-bottom: 10px;
        border-bottom: 1px #e9e9e9 solid;
    }

        #popup .title span {
            display: inline-block;
            vertical-align: middle;
        }

            #popup .title span.icon {
                height: 31px;
                width: 31px;
                margin-right: 10px;
                background: url(../img/icon_popup.png) no-repeat center;
            }

            #popup .title span.header {
                font-size: 18px;
                font-family: "gotham_medium", Arial;
                color: #041533;
            }

    #popup .copy {
        padding: 15px 80px 15px 45px;
    }

        #popup .copy p {
            margin-bottom: 0;
            font-size: 15px;
        }

            #popup .copy p em, #popup .copy p a {
                font-family: "gotham_medium", Arial;
                color: #3399ff;
                font-style: normal;
            }

            #popup .copy p a {
                -webkit-transition: .3s ease all;
                -moz-transition: .3s ease all;
                transition: .3s ease all;
            }

                #popup .copy p a:hover {
                    color: #041533;
                }

    #popup a.close {
        display: block;
        width: 15px;
        height: 14px;
        background: url(../img/icon_popup_close.png) no-repeat center;
        position: absolute;
        top: 10px;
        right: 10px;
    }

.popupGradient {
    display: none;
}


/*************** company listing */

#list.company aside img.companyLogo {
    display: block;
    margin: 35px 0 0 15px;
    max-width: 100%;
}

#list.company .companyIntro {
    margin-bottom: 40px;
}

    #list.company .companyIntro .image {
        width: 30%;
        float: left;
        padding-top: 10px;
    }

        #list.company .companyIntro .image img {
            display: block;
            margin: auto;
            max-width: 100%;
        }

    #list.company .companyIntro .info {
        width: 70%;
        float: left;
    }

        #list.company .companyIntro .info p {
            font-size: 13px;
        }

        #list.company .companyIntro .info .action {
            text-align: right;
        }

            #list.company .companyIntro .info .action span {
                display: inline-block;
                vertical-align: middle;
                font-family: "gotham_bold", Arial;
                font-size: 14px;
                max-width: 200px;
                margin-right: 20px;
            }

            #list.company .companyIntro .info .action a.moreInfo {
                height: auto;
                vertical-align: middle;
            }

#list.company .results {
    padding-bottom: 30px;
}

    #list.company .results .job:first-child {
        border-bottom: 1px #d9d9d9 solid;
        margin-bottom: 30px;
    }

#companySidebar {
    position: fixed;
    top: 0;
    right: -400px;
    height: 100%;
    width: 400px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    background: #fff;
    z-index: 99999;
    box-shadow: 0 0 25px rgba(0,0,0,0.2);
    -webkit-transition: .3s ease all;
    -moz-transition: .3s ease all;
    transition: .3s ease all;
}

    #companySidebar.open {
        right: 0;
    }

    #companySidebar a.closeCompanySidebar {
        display: block;
        width: 14px;
        height: 15px;
        position: absolute;
        top: 20px;
        right: 20px;
        background: url(../img/icon_close_black.png) no-repeat center;
    }

    #companySidebar .wrapper {
        padding-top: 20px;
    }

    #companySidebar .block {
        border: none;
    }

    #companySidebar .inner {
        background: none;
        padding: 30px 20px 20px;
    }

    #companySidebar p {
        margin-bottom: 20px;
    }

    #companySidebar p, #companySidebar li, #companySidebar a {
        font-size: 13px;
        font-family: "gotham_book", Arial;
    }

    #companySidebar span.header {
        display: block;
        margin-bottom: 5px;
        font-size: 12px;
        font-family: "gotham_book", Arial;
        text-transform: uppercase;
        color: #041533;
        letter-spacing: 1px;
    }

    #companySidebar span.line {
        display: block;
        height: 2px;
        width: 44px;
        margin-bottom: 20px;
        background: #041533;
    }

    #companySidebar .intro {
        padding: 20px 20px 0;
    }

        #companySidebar .intro .inner {
            padding: 0 0 20px;
            border-bottom: 1px #e5e5e5 solid;
        }

        #companySidebar .intro img.companyLogo {
            margin-bottom: 20px;
            max-width: 100%;
        }

        #companySidebar .intro p {
            margin-bottom: 10px;
        }

        #companySidebar .intro a {
            color: #35a9f3;
            -webkit-transition: .3s ease all;
            -moz-transition: .3s ease all;
            transition: .3s ease all;
        }

            #companySidebar .intro a:hover {
                color: #142b4e;
            }

        #companySidebar .intro .socialIcons {
            padding-top: 15px;
        }

        #companySidebar .intro a.social {
            display: inline-block;
            height: 25px;
            margin-right: 8px;
            background: url(../img/listing/sprite_social.png) no-repeat;
        }

            #companySidebar .intro a.social i {
                display: block;
                width: 100%;
                height: 100%;
                opacity: 1;
                background: url(../img/listing/sprite_social.png) no-repeat;
                -webkit-transition: .3s ease all;
                -moz-transition: .3s ease all;
                transition: .3s ease all;
            }

            #companySidebar .intro a.social.facebook {
                width: 23px;
                background-position: 10px -18px;
            }

            #companySidebar .intro a.social.instagram {
                width: 23px;
                background-position: -32px -18px;
            }

            #companySidebar .intro a.social.twitter {
                width: 23px;
                background-position: -12px -18px;
            }

            #companySidebar .intro a.social.linkedin {
                width: 23px;
                background-position: -52px -18px;
            }

            #companySidebar .intro a.social.facebook i {
                background-position: 10px 5px;
            }

            #companySidebar .intro a.social.instagram i {
                background-position: -32px 5px;
            }

            #companySidebar .intro a.social.twitter i {
                background-position: -12px 5px;
            }

            #companySidebar .intro a.social.linkedin i {
                background-position: -52px 5px;
            }


            #companySidebar .intro a.social:hover i {
                opacity: 0;
            }

    #companySidebar .blog {
    }

        #companySidebar .blog .inner {
            padding-bottom: 30px;
        }

        #companySidebar .blog article.post {
            margin-top: 20px;
        }

            #companySidebar .blog article.post:first-of-type {
                margin-top: 0;
            }

            #companySidebar .blog article.post h3 {
                margin-bottom: 10px;
                line-height: 90%;
            }

                #companySidebar .blog article.post h3 a {
                    font-family: "gotham_medium", Arial;
                    font-size: 15px;
                    color: #041533;
                    line-height: 100%;
                    -webkit-transition: .3s ease all;
                    -moz-transition: .3s ease all;
                    transition: .3s ease all;
                }

                    #companySidebar .blog article.post h3 a:hover {
                        color: #35a6f2 !important;
                    }

            #companySidebar .blog article.post p {
                font-size: 14px;
                margin-bottom: 0;
            }

    #companySidebar .gallery {
        background: #f4f4f4;
    }

    #companySidebar .galleryWrapper {
        margin: 0 -2%;
    }

        #companySidebar .galleryWrapper a {
            display: block;
            float: left;
            width: 29%;
            margin: 0 2% 4%;
            opacity: 1;
            -webkit-transition: .3s ease all;
            -moz-transition: .3s ease all;
            transition: .3s ease all;
        }

}

#companySidebar .galleryWrapper a img {
    display: block;
    width: 100%;
    margin: auto;
}

#companySidebar .galleryWrapper a:hover {
    opacity: 0.9;
}

#companySidebar .awards {
}

    #companySidebar .awards ul {
    }

        #companySidebar .awards ul li {
            font-family: "gotham_book", Arial;
            font-size: 13px;
            color: #041533;
            margin-bottom: 15px;
        }

            #companySidebar .awards ul li span.year {
                font-family: "gotham_medium", Arial;
            }

#companySidebar .video {
    background: #f4f4f4;
}

    #companySidebar .video .inner {
        padding: 30px 20px;
    }

#companySidebar .testimonials {
}

    #companySidebar .testimonials blockquote {
        margin-top: 20px;
    }

        #companySidebar .testimonials blockquote:first-of-type {
            margin-top: 0;
        }

        #companySidebar .testimonials blockquote p {
            margin-bottom: 10px;
            font-family: "gotham_book", Arial;
            font-style: italic;
            font-size: 13px;
        }

            #companySidebar .testimonials blockquote p.quoteCite {
                margin-bottom: 0;
            }

#companySidebar .culture {
}

    #companySidebar .culture .inner {
        padding-top: 10px;
    }

    #companySidebar .culture p {
        margin: 20px 0 0;
    }

        #companySidebar .culture p:first-of-type {
            margin-top: 0;
        }

    #companySidebar .culture a {
        color: #35a9f3;
        text-decoration: underline !important;
    }

#companySidebar .benefits {
}

    #companySidebar .benefits .inner {
        padding-top: 10px;
    }

    #companySidebar .benefits ul {
    }

        #companySidebar .benefits ul li {
            padding-left: 15px;
            background: url(../img/icon_list.gif) no-repeat 3px 4px;
            font-size: 13px;
            color: #041533;
            font-family: "gotham_book", Arial;
            margin-bottom: 3px;
        }


#galleryImage {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    visibility: hidden;
    opacity: 0;
    background: rgba(4, 21, 51, 0.7);
    z-index: 999999;
    text-align: center;
    -webkit-transition: .3s ease all;
    -moz-transition: .3s ease all;
    transition: .3s ease all;
}

    #galleryImage.open {
        visibility: visible;
        opacity: 1;
    }

    #galleryImage:before {
        content: "";
        vertical-align: middle;
        display: inline-block;
        height: 100%;
    }

    #galleryImage .inner {
        display: inline-block;
        vertical-align: middle;
        position: relative;
    }

    #galleryImage a.close {
        display: block;
        width: 16px;
        height: 16px;
        padding: 10px;
        background: url(../img/icon_close.png) no-repeat center;
        position: absolute;
        top: -35px;
        right: -10px;
        z-index: 999;
        cursor: pointer;
        opacity: 1;
        -webkit-transition: .3s ease all;
        -moz-transition: .3s ease all;
        transition: .3s ease all;
    }

        #galleryImage a.close:hover {
            opacity: 0.9;
        }

    #galleryImage img {
        display: block;
        margin: auto;
        max-width: 100%;
        position: relative;
        z-index: 100;
    }

/*************** listing search */

main.page > .meta {
    padding: 20px 0;
    margin-bottom: 60px;
}

    main.page > .meta span.header {
        display: block;
        margin-top: 10px;
        float: left;
    }


/*************** detail */

#detail {
}


    #detail aside {
        margin-bottom: 25px;
    }

        #detail aside .inner {
            padding-top: 0;
            margin-bottom: 25px;
        }

        #detail aside h3 {
            color: #35a6f2;
            font-size: 15px;
            margin-bottom: 10px;
            font-family: "gotham_medium", Arial;
            -webkit-transition: .3s ease all;
            -moz-transition: .3s ease all;
            transition: .3s ease all;
        }

        #detail aside a:hover h3 {
            color: #041533;
        }

        #detail aside span, #detail aside p {
            display: block;
            font-size: 14px;
            font-family: "gotham_book", Arial;
            color: #666666;
            margin-bottom: 5px;
        }

        #detail aside p {
            margin-bottom: 0;
        }

    #detail .main {
        float: left;
        width: 74%;
        position: relative;
    }

        #detail .main .jobOffer {
            position: relative;
        }

        #detail .main h1 {
            font-size: 26px;
            color: #35a6f2;
            margin-bottom: 20px;
            font-family: "gotham_medium", Arial;
            text-indent: 0;
        }

        #detail .main span.location, #detail .main span.salary {
            display: block;
            font-family: "gotham_medium", Arial;
            font-size: 15px;
            color: #333;
            margin-bottom: 5px;
        }

        #detail .main span.salary {
            margin-bottom: 15px;
        }

        #detail .main ul.jobDetails {
            margin-bottom: 60px;
        }

        #detail .main li {
            font-size: 15px;
            font-family: "gotham_book", Arial;
            color: #333333;
            margin-bottom: 5px;
        }

            #detail .main li strong {
                font-family: "gotham_medium", Arial;
            }

            #detail .main li a {
                color: #35a6f2;
                -webkit-transition: .3s ease all;
                -moz-transition: .3s ease all;
                transition: .3s ease all;
            }

                #detail .main li a:hover {
                    color: #041533;
                }

        #detail .main p.closingDate {
            float: left;
            margin: 10px 0 0;
        }

            #detail .main p.closingDate .daysLeft {
                color: #333333;
            }

    #detail img.companyLogo {
        display: block;
        max-width: 120px;
        position: absolute;
        top: 40px;
        right: 25px;
    }

    #detail a.reportListing {
        position: absolute;
        top: 0;
        right: 25px;
        color: #35a6f2;
        text-transform: uppercase;
        font-size: 13px;
        font-family: "gotham_book", Arial;
        -webkit-transition: .3s ease all;
        -moz-transition: .3s ease all;
        transition: .3s ease all;
    }

        #detail a.reportListing:hover {
            color: #041533;
        }

    #detail a.applyNow {
        float: right;
        margin-right: 25px;
        height: auto;
    }

    #detail .jobInfo {
        border-top: 1px #d9d9d9 solid;
        border-bottom: 1px #d9d9d9 solid;
        padding: 30px 0 50px;
        margin: 30px 0 25px;
    }

        #detail .jobInfo > span.header {
            display: block;
            margin-bottom: 25px;
            font-family: "gotham_medium", Arial;
            font-size: 14px;
            text-transform: uppercase;
            color: #333333;
        }

        #detail .jobInfo p {
            margin-bottom: 35px;
        }

            #detail .jobInfo p a {
                color: #35a6f2;
                -webkit-transition: .3s ease all;
                -moz-transition: .3s ease all;
                transition: .3s ease all;
            }

                #detail .jobInfo p a:hover {
                    color: #041533;
                }

        #detail .jobInfo ul {
            margin-bottom: 35px;
        }

            #detail .jobInfo ul li {
                margin: 0 0 10px 0;
                background: url(../img/detail/icon_item.png) no-repeat 0 3px;
                padding-left: 15px;
            }

        #detail .jobInfo a.applyNow {
            float: none;
        }

    #detail p.more {
        color: #666666;
    }

        #detail p.more a {
            color: #35a6f2;
            -webkit-transition: .3s ease all;
            -moz-transition: .3s ease all;
            transition: .3s ease all;
        }

            #detail p.more a:hover {
                color: #041533;
            }

    #detail .more {
        padding: 0 0 25px 0;
    }

        #detail .more .btn {
            height: auto;
            margin: 0 8px 14px 0;
        }

/*************** profile */

#profile.edit .title {
    border-bottom: 1px #e9e9e9 solid;
    margin-bottom: 20px;
}

    #profile.edit .title span.note {
        margin-bottom: 30px;
    }

#profile.edit .block:first-child {
    border-top: none;
}

#profile.edit .field .uploadWrapper, .loader {
    display: none;
}

#profile.edit .field.update .uploadWrapper {
    display: block;
}

#profile.edit .field.update .cvLink, #profile.edit .field.update .cvUpdate {
    display: none;
}

#profile .block {
    border-top: 1px #e9e9e9 solid;
    border-bottom: 1px #e9e9e9 solid;
    padding: 25px 25px 50px;
}

    #profile .block ~ .block {
        border-top: none;
    }

#profile .field.auto .fakeSelect {
    padding-right: 50px;
}

#profile .field label {
    width: auto;
    display: block;
    text-indent: 0;
}

#profile .upload {
    position: relative;
    margin-bottom: 10px;
}

    #profile .upload input[type='file'] {
        display: block;
        width: 100%;
        height: 40px;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        z-index: 2;
    }

    #profile .upload .fakebox {
        background: #f8f8f8;
        height: 38px;
        text-indent: 10px;
        line-height: 40px;
        font-size: 14px;
        color: #666666;
        border: 1px #bbbbbb solid;
        font-family: "gotham_book", Helvetic, Arial;
        -webkit-font-smoothing: antialiased;
        background: rgb(238,238,238);
        background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,238,238,0.5) 100%);
        background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,0.5) 100%);
        background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(238,238,238,0.5) 100%);
    }

        #profile .upload .fakebox:after {
            display: block;
            content: "";
            width: 11px;
            height: 9px;
            background: url(../img/icon_dropdown_black.png) no-repeat center;
            position: absolute;
            top: 15px;
            right: 10px;
        }

    #profile .upload .device:before {
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
        content: "";
        width: 24px;
        height: 24px;
        background: url(../img/icon_cv_device.gif) no-repeat center;
    }

    #profile .upload .google:before {
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
        content: "";
        width: 24px;
        height: 24px;
        background: url(../img/icon_cv_google.gif) no-repeat center;
    }

    #profile .upload .onedrive:before {
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
        content: "";
        width: 24px;
        height: 24px;
        background: url(../img/icon_cv_onedrive.gif) no-repeat center;
    }

    #profile .upload .drop:before {
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
        content: "";
        width: 24px;
        height: 24px;
        background: url(../img/icon_cv_dropbox.gif) no-repeat center;
    }

    #profile .upload .box:before {
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
        content: "";
        width: 24px;
        height: 24px;
        background: url(../img/icon_cv_box.gif) no-repeat center;
    }

    #profile .upload.hidden {
        display: none;
    }

    #profile .upload a {
        display: block;
        color: #35a6f2;
    }

#profile .cvLink {
    color: #35a6f2;
    display: inline-block;
    width: 210px;
    word-wrap: break-word;
    font-size: 14px;
    font-family: "gotham_book", Helvetic, Arial;
    -webkit-transition: .3s ease all;
    -moz-transition: .3s ease all;
    transition: .3s ease all;
}

    #profile .cvLink:hover {
        color: #041533;
    }

#profile .cvUpdate {
    display: block;
    position: absolute;
    right: -30px;
    top: 0;
    color: #8d8d8d;
    font-size: 12px;
    font-family: "gotham_book", Helvetic, Arial;
    text-transform: uppercase;
    -webkit-transition: .3s ease all;
    -moz-transition: .3s ease all;
    transition: .3s ease all;
}

    #profile .cvUpdate:hover {
        color: #35a6f2;
    }

    #profile .cvUpdate:before {
        display: block;
        content: "";
        width: 13px;
        height: 13px;
        top: 1px;
        background: url(../img/alerts/icon_remove.png) no-repeat center;
        position: absolute;
        left: -21px;
    }

#profile input[type='text'] {
    width: 99%;
}

#profile .notification {
    margin-bottom: 10px;
    padding: 30px 15px 30px 50px;
}

    #profile .notification .icon {
        margin-right: 1.7%;
    }

    #profile .notification p {
        font-size: 20px;
        font-family: "gotham_medium", Arial;
        -webkit-font-smoothing: antialiased;
    }

    #profile .notification ul {
        margin-left: 10px;
    }

    #profile .notification.error p {
        margin-top: 10px;
    }

#profile .field .notification {
    display: none;
    padding: 3px 10px;
    max-width: inherit;
    margin-bottom: 0;
    position: relative;
    top: -8px;
    right: 0;
    text-align: left;
}
/*#profile .field .notification:after{display: block; content: ""; width: 13px; height: 9px; position: absolute; bottom: -8px; right: 6px; /*background: url(../img/icon_notif_arrow_red.png) no-repeat center;*/ }

*/ #profile li.error .field .notification {
    display: inline-block;
}

#profile .field.check {
    padding: 10px 0;
}

/* registration */

#profile.signin {
    padding-top: 30px;
}

    #profile.signin .title span {
        display: block;
        margin-bottom: 40px;
    }

#profile.step1 h1 {
    margin-bottom: 60px;
}

#profile.signin h1 i {
    color: #3399ff;
}

#profile.signin .steps {
    padding-bottom: 20px;
}

    #profile.signin .steps .link {
        display: inline-block;
        margin-right: 25px;
    }

        #profile.signin .steps .link span {
            display: inline-block;
            vertical-align: middle;
        }

            #profile.signin .steps .link span.number {
                width: 35px;
                height: 35px;
                color: #fff;
                font-family: "gotham_medium", Arial;
                font-weight: bold;
                font-size: 16px;
                line-height: 35px;
                text-align: center;
                margin-right: 5px;
                background: #cacaca;
                border-radius: 50%;
            }

            #profile.signin .steps .link span.text {
                font-family: "gotham_medium", Arial;
                font-size: 16px;
                color: #a4a4a4;
                text-transform: none;
            }

        #profile.signin .steps .link a span.number, #profile.signin .steps .link.current span.number {
            background: #3399ff;
        }

        #profile.signin .steps .link.current span.text {
            color: #000;
        }

/* landing popup */

#landingPopup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    opacity: 1;
    background: #041533;
    background: rgba(4,21,51,0.7);
    z-index: 73;
    -webkit-transition: .3s ease all;
    -moz-transition: .3s ease all;
    transition: .3s ease all;
}

    #landingPopup.close {
        opacity: 0;
        visibility: hidden;
    }

    #landingPopup:before {
        content: "";
        display: inline-block;
        vertical-align: middle;
        height: 100%;
    }

    #landingPopup .wrapper {
        display: inline-block;
        vertical-align: middle;
        text-align: center;
    }

        #landingPopup .wrapper span.header, #landingPopup .wrapper .action {
            display: inline-block;
            vertical-align: top;
            margin: 0 15px;
        }

        #landingPopup .wrapper span.header {
            font-size: 50px;
            color: #fff;
            text-align: left;
            font-family: "gotham_medium", Arial;
            line-height: 90%;
        }

        #landingPopup .wrapper .action a {
            display: block;
            height: auto;
            padding: 11px 0;
            width: 275px;
            margin-top: 10px;
        }

            #landingPopup .wrapper .action a:first-child {
                margin-top: 0;
            }

    #landingPopup.register {
        background: #041533;
        background: rgba(4, 21, 51, 0.9);
    }

        #landingPopup.register .wrapper {
            text-align: left;
            padding-top: 20px;
        }

        #landingPopup.register h2 {
            color: #fff;
            font-size: 40px;
            margin-bottom: 15px;
            -webkit-font-smoothing: antialiased;
        }

            #landingPopup.register h2 span {
                color: #35a6f2;
                font-style: italic;
                font-family: "gotham_medium", Arial;
                text-transform: uppercase;
            }

        #landingPopup.register p {
            color: #fff;
            font-size: 20px;
            -webkit-font-smoothing: antialiased;
        }

        #landingPopup.register a.btn {
            height: auto;
            margin-bottom: 20px;
        }

        #landingPopup.register a.decline {
            display: block;
            color: #35a6f2;
            font-size: 15px;
            text-decoration: underline !important;
            -webkit-transition: .3s ease all;
            -moz-transition: .3s ease all;
            transition: .3s ease all;
        }

            #landingPopup.register a.decline:hover {
                color: #f09f37;
            }

/* recruiters registration */

#profile.signin.recruiter {
}

    #profile.signin.recruiter #additionalAccounts a.add {
        position: absolute;
        top: 7px;
        right: -40px;
        display: block;
        width: 22px;
        height: 22px;
        background: url(../img/icon_add.png) no-repeat;
        -webkit-transition: .3s ease all;
        -moz-transition: .3s ease all;
        transition: .3s ease all;
    }

/* recruiters profile edit */

main.recruiters #profile .title {
    margin-bottom: 10px;
}

    main.recruiters #profile .title h1 {
        margin-bottom: 30px;
    }

main.recruiters #profile .block {
    padding: 30px 0 40px;
}

main.recruiters #profile label {
    width: 310px;
}

main.recruiters #profile .notification {
    margin-top: 30px;
}

    main.recruiters #profile .notification ul li {
        margin-bottom: 10px;
    }


/*************** job alerts */

#applications {
}

    #applications th.title,
    #applications th.dateapplied,
    #applications th.expirydate,
    #applications th.salary,
    #applications th.city {
        width: 38%;
    }

/*************** job alerts */

#alerts {
}

    #alerts th.title, #alerts th.location {
        width: 38%;
    }

    #alerts table td .checkbox {
        float: left;
    }

        #alerts table td .checkbox label {
            font-weight: normal;
            color: #242424;
            text-transform: uppercase;
            font-family: "gotham_book", Helvetic, Arial;
            font-size: 12px;
        }

            #alerts table td .checkbox label input[type="checkbox"] {
                display: inline-block;
                vertical-align: middle;
                height: 14px;
            }

    #alerts table td a.removeAlert {
        float: right;
        display: block;
        position: relative;
        text-transform: uppercase;
        color: #fe0005;
        font-family: "gotham_book", Helvetic, Arial;
        font-size: 12px;
        -webkit-transition: .3s ease all;
        -moz-transition: .3s ease all;
        transition: .3s ease all;
    }

        #alerts table td a.removeAlert:before {
            display: block;
            content: "";
            position: absolute;
            left: -17px;
            width: 14px;
            height: 15px;
            background: url(../img/alerts/icon_remove.png) no-repeat center;
        }

        #alerts table td a.removeAlert:hover {
            color: #de0206;
        }

    #alerts table tr.removed {
        background: #ffe5e7;
    }

        #alerts table tr.removed td {
            text-align: center;
            font-family: "gotham_medium", Arial;
            font-size: 14px;
            text-transform: uppercase;
            padding: 13px 0 9px;
        }

    #alerts #pagination {
        border-top: 1px #d9d9d9 solid;
        padding-top: 10px;
        margin-bottom: 30px;
    }

    #alerts .submit {
        margin-bottom: 120px;
    }

        #alerts .submit input[type='submit'] {
            float: right;
            width: 145px;
            padding: 11px 0 9px;
        }

/*************** contact */

main.page #contact .title {
    border-bottom: 1px #e5e5e5 solid;
    margin-bottom: 40px;
}

    main.page #contact .title span.note {
        margin-bottom: 30px;
    }

#contact {
}

    #contact .form {
        margin-bottom: 50px;
    }

        #contact .form ul {
        }

            #contact .form ul li {
                margin-bottom: 15px;
            }

        #contact .form label, #contact .form .field {
            display: inline-block;
            vertical-align: middle;
        }

        #contact .form .col.second li.error textarea,
        #contact .form li.error .radio label {
            border-color: #ffa4a7;
            padding: 0;
        }

        #contact .form label {
            font-size: 14px;
            width: 210px;
            color: #666666;
            font-family: "gotham_book", Helvetic, Arial;
            text-indent: 0;
        }

        #contact .form .field {
            width: 270px;
        }

            #contact .form .field.small {
                width: 125px;
            }

    #contact li.error input[type='text'], #contact li.error input[type='email'] {
        border: 1px #ffa4a7 solid;
    }

    #contact li.error .fakeSelect {
        border: 1px #ffa4a7 solid;
    }

    #contact .form .fakeSelect {
        border-radius: 3px;
        line-height: 34px;
        background: rgb(238,238,238);
        background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,238,238,0.5) 100%);
        background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,0.5) 100%);
        background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(238,238,238,0.5) 100%);
    }

        #contact .form .fakeSelect span {
            background-image: url(../img/icon_dropdown_black.png);
        }

    #contact .form .open .fakeSelect {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    #contact .form .fakeDropdown {
        width: 99.2%;
    }

        #contact .form .fakeDropdown span.long {
            font-size: 14px;
            padding: 5px 10px;
        }

    #contact .form .radio {
    }

        #contact .form .radio .button {
            width: 48%;
            height: 35px;
        }

            #contact .form .radio .button.first {
                float: left;
            }

            #contact .form .radio .button.second {
                float: right;
            }

        #contact .form .radio input[type=radio] {
            display: none;
        }

        #contact .form .radio label {
            display: block;
            cursor: pointer;
            width: 100%;
            height: 100%;
            background: #f3f3f3;
            border: 1px #d9d9d9 solid;
            border-radius: 2px;
            text-align: center;
            font-size: 13px;
            -webkit-transition: .3s ease all;
            -moz-transition: .3s ease all;
            transition: .3s ease all;
        }

            #contact .form .radio label:before {
                content: '';
                display: inline-block;
                vertical-align: middle;
                height: 100%;
            }

            #contact .form .radio label:hover {
                background: #f6f6f6;
            }

            #contact .form .radio label span {
                font-style: normal;
                font-weight: 400;
                font-size: 13px;
                text-transform: uppercase;
                display: inline-block;
                vertical-align: middle;
                font-family: "gotham_medium", Arial;
                -webkit-font-smoothing: antialiased;
            }

                #contact .form .radio label span.text {
                    height: auto;
                    line-height: 100%;
                    margin-left: -4px;
                }

        #contact .form .radio input[type=radio]:checked + label {
            background: #35a6f2;
            border: 1px #35a6f2 solid;
            color: #fff;
        }

    #contact .form .col.second {
    }

        #contact .form .col.second label {
            vertical-align: top;
            margin-top: 10px;
            width: 24%;
        }

        #contact .form .col.second .field {
            width: 75%;
        }

        #contact .form .col.second textarea {
            height: 205px;
            padding: 10px 0;
            text-indent: 10px;
            width: 100%;
            margin-bottom: 8px;
            border: 1px #d9d9d9 solid;
            border-radius: 3px;
            box-shadow: inset 1px 1px 1px 1px rgba(217, 217, 217, 0.3);
            font-family: "gotham_book", Helvetica, Arial;
        }

    #contact .form .submit {
        width: 100% !important;
        padding-top: 15px;
    }

    #contact .form input[type='submit'] {
        float: right;
    }


    #contact .notification {
        padding: 10px 20px;
    }

    #contact .notification {
        margin-bottom: 10px;
        padding: 30px 15px 30px 50px;
    }

        #contact .notification .icon {
            margin-right: 1.7%;
        }

        #contact .notification p {
            font-size: 20px;
            font-family: "gotham_medium", Arial;
            -webkit-font-smoothing: antialiased;
        }

        #contact .notification ul {
            margin-left: 10px;
        }

        #contact .notification.error p {
            margin-top: 10px;
        }

/*************** browse jobs */

#browse {
}

    #browse .paging {
        background: #f4f4f4;
        margin-bottom: 50px;
    }

        #browse .paging .inner {
            padding: 12px 25px;
        }

            #browse .paging .inner a {
                display: block;
                float: left;
                background: #fff;
                border-radius: 2px;
                text-align: center;
                padding: 11px 0;
                width: 3.1%;
                font-size: 14px;
                color: #666666;
                font-family: "gotham_medium", Arial;
                text-transform: uppercase;
                margin: 0 0.3%;
                -webkit-transition: .3s ease all;
                -moz-transition: .3s ease all;
                transition: .3s ease all;
            }

                #browse .paging .inner a.current, #browse .paging .inner a:hover {
                    color: #fff;
                    background: #35a6f2;
                }

        #browse .paging a.control {
            display: none;
            position: absolute;
            background: none;
            width: 30px;
            font-size: 14px;
            padding: 12px 0;
            margin: 0;
            color: #b2b2b2;
        }

            #browse .paging a.control:hover {
                background: none;
                color: #b2b2b2;
            }

            #browse .paging a.control.prev {
                left: 16px;
            }

            #browse .paging a.control.next {
                right: 15px;
            }

    #browse .list ul {
        float: left;
        width: 25%;
    }

    #browse .list li {
        margin-bottom: 5px;
        position: relative;
        background: url(../img/icon_list_grey.png) no-repeat 0 5px;
        padding-left: 15px;
    }

    #browse .list a {
        font-size: 14px;
        font-family: "gotham_book", Helvetic, Arial;
        color: #041533;
        -webkit-transition: .3s ease all;
        -moz-transition: .3s ease all;
        transition: .3s ease all;
    }

        #browse .list a:hover {
            color: #35a6f2;
        }

/*************** default */

#default .title {
    border-bottom: 1px #d9d9d9 solid;
    padding-bottom: 30px;
}

#default .copy {
    padding-top: 50px;
}

#default h2 {
    font-size: 18px;
    margin-bottom: 25px;
}

#default p {
}

    #default p a {
        color: #35a6f2;
        -webkit-transition: .3s ease all;
        -moz-transition: .3s ease all;
        transition: .3s ease all;
    }

        #default p a:hover {
            color: #041533;
        }

#default ul {
}

    #default ul li {
        background: url(../img/icon_list_grey.png) no-repeat 0 5px;
        padding-left: 15px;
    }

#default ol {
    list-style: decimal;
    margin-left: 15px;
}

#default li {
    font-family: "gotham_book", Helvetic, Arial;
    font-size: 14px;
    margin-bottom: 10px;
}

/*************** view all listing */

#sitemap {
}

    #sitemap .title {
        border-bottom: 1px #d9d9d9 solid;
        padding-bottom: 30px;
        margin-bottom: 50px;
    }


    #sitemap .block {
        position: relative;
        margin-bottom: 40px;
    }

        #sitemap .block .inner {
            padding: 10px 0px 40px 21px;
        }

    #sitemap h2 {
        margin-bottom: 5px;
        font-size: 17px;
    }

        #sitemap h2 a {
            color: #35a6f2;
            font-size: 17px;
            font-family: "gotham_medium", Arial;
            -webkit-transition: .3s ease all;
            -moz-transition: .3s ease all;
            transition: .3s ease all;
        }

            #sitemap h2 a:hover {
                color: #041533;
            }

            #sitemap h2 a span {
                font-family: "gotham_book", Helvetic, Arial;
                color: #999999;
            }

    #sitemap p {
        margin-bottom: 20px;
    }

        #sitemap p a {
            color: #35a6f2;
            -webkit-transition: .3s ease all;
            -moz-transition: .3s ease all;
            transition: .3s ease all;
        }

            #sitemap p a:hover {
                color: #041533;
            }

    #sitemap ul {
    }

        #sitemap ul li {
            margin-bottom: 5px;
            position: relative;
            background: url(../img/icon_list_grey.png) no-repeat 0 5px;
            padding-left: 15px;
        }

            #sitemap ul li a {
                color: #041533;
                font-family: "gotham_book", Helvetic, Arial;
                font-size: 14px;
                -webkit-transition: .3s ease all;
                -moz-transition: .3s ease all;
                transition: .3s ease all;
            }

                #sitemap ul li a:hover {
                    color: #35a6f2;
                }

                #sitemap ul li a span.value {
                    color: #b2b2b2;
                }

    #sitemap span.decal {
        display: block;
        width: 6px;
        height: 50px;
        background: #eaeaea;
        position: absolute;
        top: 0;
        left: 0;
    }

    #sitemap span.line {
        display: block;
        width: 275px;
        height: 1px;
        background: #eaeaea;
        position: absolute;
        bottom: 0;
        left: 50%;
        margin-left: -137px;
    }

    /* sitemap */

    #sitemap.web {
    }

        #sitemap.web .title {
            padding-bottom: 10px;
        }

            #sitemap.web .title span.note {
                margin-bottom: 0;
            }

        #sitemap.web .block {
            float: left;
            width: 25%;
            margin-bottom: 20px;
        }

            #sitemap.web .block.long {
                width: 35%;
            }

            #sitemap.web .block .inner {
                padding-bottom: 20px;
            }

        #sitemap.web h2 {
            margin-bottom: 10px;
        }

        #sitemap.web .block li.browse a {
            display: inline-block;
            text-transform: uppercase;
        }

/*************** page not found */
.page-not-found li {
    margin-bottom: 5px;
    position: relative;
    background: url(../img/icon_list_grey.png) no-repeat 0 5px;
    padding-left: 15px;
    padding-bottom: 10px;
    font-size: 13px;
}

    .page-not-found li a {
        color: #041533;
        font-family: "gotham_book", Helvetic, Arial;
        -webkit-transition: .3s ease all;
        -moz-transition: .3s ease all;
        transition: .3s ease all;
    }

        .page-not-found li a:hover {
            color: #35a6f2;
        }

        .page-not-found li a span.value {
            color: #b2b2b2;
        }

/*************** testimonials */

#testimonials {
    padding-bottom: 0;
}

    #testimonials .title {
        border-bottom: 1px #e5e5e5 solid;
        margin-bottom: 40px;
    }

        #testimonials .title h1 {
            font-size: 26px;
        }

        #testimonials .title .left {
            float: left;
        }

        #testimonials .title a.btn {
            float: right;
            height: auto;
            padding: 11px 26px 10px;
        }

    #testimonials .reviews {
    }

        #testimonials .reviews .review {
            text-align: center;
            margin-bottom: 50px;
        }

            #testimonials .reviews .review .inner {
                padding: 0 12%;
            }

            #testimonials .reviews .review img.profileImage {
                display: block;
                margin: 0 auto 30px;
            }

            #testimonials .reviews .review p {
            }

            #testimonials .reviews .review .reviewerDetails {
            }

                #testimonials .reviews .review .reviewerDetails span {
                    display: block;
                    text-align: center;
                    font-family: "gotham_book", Arial;
                    font-size: 14px;
                    color: #666666;
                    margin-bottom: 5px;
                }

                    #testimonials .reviews .review .reviewerDetails span strong {
                        font-family: "gotham_medium", Arial;
                    }

    /* career seekers */
    #testimonials .seeker {
        background: #f4f4f4;
        padding-top: 50px;
    }

        #testimonials .seeker .title {
            border-bottom: 1px #e5e5e5 solid;
            margin-bottom: 40px;
        }

            #testimonials .seeker .title p {
                margin-bottom: 10px;
                color: #666666;
            }

        #testimonials .seeker .testimonial {
            background: #fff;
            border-left: 3px #35a6f2 solid;
            margin-bottom: 20px;
            min-height: 135px;
        }

            #testimonials .seeker .testimonial .inner {
                padding: 25px 15px;
            }

            #testimonials .seeker .testimonial p {
                margin-bottom: 15px;
                color: #666666;
            }

            #testimonials .seeker .testimonial .meta {
                margin-bottom: 0;
                padding-bottom: 0;
                border-bottom: 0;
            }

        #testimonials .seeker #pagination {
            border-top: 1px #d9d9d9 solid;
            border-bottom: none;
            padding-top: 25px;
        }

    #testimonials .title h2 {
        font-size: 26px;
        margin-bottom: 10px;
        font-family: "gotham_medium", Arial;
    }

/*************** sign in */

#signin {
}

    #signin .notification {
        width: 34.7%;
        margin-bottom: 15px;
    }

        #signin .notification .icon {
            float: none;
        }

        #signin .notification span {
            display: inline-block;
        }

    #signin h2 {
        font-size: 20px;
        color: #041533;
    }

    #signin .loginWrapper {
        float: left;
        width: 36.2%;
        text-align: center;
        border: 1px #eeeeee solid;
        border-radius: 4px;
        margin-bottom: 50px;
    }

        #signin .loginWrapper .inner {
            padding: 30px 20% 25px;
        }

        #signin .loginWrapper h2 {
            line-height: 170%;
            margin-bottom: 20px;
        }

        #signin .loginWrapper input {
            margin-bottom: 10px;
        }

        #signin .loginWrapper label {
            display: block;
            margin-bottom: 15px;
            text-align: left;
            font-size: 14px;
            font-family: "gotham_book", Helvetic, Arial;
            color: #333333;
            font-weight: normal;
            -webkit-font-smoothing: antialiased;
        }

        #signin .loginWrapper input[type='submit'] {
            display: block;
            padding: 11px 0 9px;
            width: 100%;
        }

        #signin .loginWrapper span.register {
            font-family: "gotham_book", Helvetic, Arial;
            font-size: 14px;
            color: #333333;
        }

            #signin .loginWrapper span.register a {
                color: #35a6f2;
                -webkit-transition: .3s ease all;
                -moz-transition: .3s ease all;
                transition: .3s ease all;
            }

                #signin .loginWrapper span.register a:hover {
                    color: #041533;
                }

        #signin .loginWrapper a.forgot {
            display: block;
            background: #f4f4f4;
            text-align: center;
            font-size: 14px;
            font-family: "gotham_book", Helvetic, Arial;
            padding: 14px 0;
            -webkit-transition: .3s ease all;
            -moz-transition: .3s ease all;
            transition: .3s ease all;
        }

            #signin .loginWrapper a.forgot:hover {
                background: #f7f7f7;
                color: #35a6f2;
            }

    #signin .registerWrapper {
        float: left;
        width: 50%;
        margin-left: 2%;
    }

        #signin .registerWrapper .inner {
            padding: 37px 0 0;
            margin-left: 90px;
        }

        #signin .registerWrapper h2 {
            margin-bottom: 25px;
        }

        #signin .registerWrapper h3 {
            margin-bottom: 30px;
            color: #666666;
            font-family: "gotham_medium", Arial;
            font-size: 17px;
            line-height: 120%;
        }

        #signin .registerWrapper ul {
            margin-bottom: 40px;
        }

            #signin .registerWrapper ul li {
                position: relative;
                padding-left: 25px;
                font-family: "gotham_book", Helvetic, Arial;
                font-size: 15px;
                color: #333333;
                margin-bottom: 15px;
            }

                #signin .registerWrapper ul li:before {
                    display: block;
                    content: "";
                    width: 19px;
                    height: 17px;
                    background: url(../img/icon_tick.png) no-repeat center;
                    position: absolute;
                    top: 0;
                    left: 0;
                }

        #signin .registerWrapper a.btn {
            height: auto;
            padding: 11px 26px 10px;
        }

    /* confirmation */
    #signin.confirmation {
        padding-bottom: 200px;
    }

        #signin.confirmation.alt {
            padding-bottom: 70px;
        }

        #signin.confirmation .top {
            border-bottom: 1px #ddd solid;
            padding-bottom: 40px;
            margin-bottom: 30px;
        }

            #signin.confirmation .top:after {
                display: block;
                content: "";
                clear: both;
                overflow: hidden;
                height: 0;
            }

            #signin.confirmation .top .icon, #signin.confirmation .top .info {
                float: left;
            }

            #signin.confirmation .top .icon {
                display: inline-block;
                vertical-align: middle;
                width: 6.5%;
                height: 62px;
                margin-right: 2%;
                background: url(../img/icon_notif_success_black.png) no-repeat;
                background-size: 100%;
            }

            #signin.confirmation .top .info {
                display: inline-block;
                vertical-align: middle;
                width: 90%;
            }

            #signin.confirmation .top h1 {
                color: #041533;
                font-size: 26px;
                font-family: "gotham_medium", Arial;
            }

            #signin.confirmation .top p {
                font-size: 17px;
                margin-bottom: 0 !important;
            }

        #signin.confirmation .links {
        }

            #signin.confirmation .links a {
                display: block;
                float: left;
                margin: 0 25px 10px 0;
                background: #ebf4f9;
                padding: 7px 12px;
                width: 270px;
                font-size: 15px;
                font-family: "gotham_book", Helvetic, Arial;
                -webkit-transition: .6s ease all;
                -moz-transition: .6s ease all;
                transition: .6s ease all;
            }

                #signin.confirmation .links a:before {
                    display: inline-block;
                    vertical-align: bottom;
                    content: "";
                    width: 22px;
                    height: 22px;
                    margin-right: 10px;
                    background: url(../img/icon_link_arrow.png) no-repeat center;
                }

                #signin.confirmation .links a:hover {
                    color: #fff;
                    background: #041533;
                }


        #signin.confirmation .competition {
            padding-top: 20px;
        }

            #signin.confirmation .competition img.banner {
                display: block;
                max-width: 100%;
                margin-bottom: 35px;
            }

            #signin.confirmation .competition p.description {
                max-width: 705px;
                margin: 0 auto 40px;
                text-align: center;
                color: #666666;
            }

            #signin.confirmation .competition .form {
                width: 565px;
                margin: auto;
            }

                #signin.confirmation .competition .form .col {
                    width: 48%;
                }

                #signin.confirmation .competition .form .field {
                    margin-bottom: 15px;
                    width: 100%;
                    display: block;
                }

                #signin.confirmation .competition .form .submit {
                    padding-top: 35px;
                }

/*************** password reminder */

#password {
    padding-bottom: 300px;
}

    #password span.header {
        font-family: "gotham_medium", Arial;
        font-size: 26px;
        color: #041533;
    }

    #password p {
        font-family: "gotham_book", Helvetic, Arial;
        font-size: 15px;
        color: #333333;
    }

    #password .form {
        max-width: 388px;
    }

        #password .form .notification {
            max-width: 100%;
        }

        #password .form input[type='email'] {
            width: 70%;
            float: left;
        }

        #password .form input[type='submit'] {
            width: 26%;
            float: right;
            padding: 10px 0 8px;
        }

        #password .form.error input[type='email'] {
            border: 1px #ffa4a7 solid;
        }

    #password.reset input[type='email'],
    #password.reset input[type='password'] {
        width: 100%;
        float: none;
        box-sizing: border-box;
    }

    #password.reset span.header {
        display: block;
        margin-bottom: 30px;
    }

    #password.reset .notification {
        margin-bottom: 10px;
        padding: 30px 15px 30px 50px;
    }

        #password.reset .notification p {
            margin-top: 10px;
            font-size: 20px;
            font-family: "gotham_medium", Arial;
            -webkit-font-smoothing: antialiased;
        }

        #password.reset .notification .icon {
            margin-right: 1.7%;
            float: left;
        }

        #password.reset .notification.error li {
            background: url('../img/alerts/icon_error.png') no-repeat 0 -2px;
            list-style: none;
            color: #fe0005;
            font-size: 12px;
            padding: 0 0 2px 25px;
        }

            #password.reset .notification.error li:before {
                content: none;
            }

/*************** cv upload file browser*/

#files {
    padding-top: 30px;
}

    #files table tr {
        border-bottom: 1px #f4f4f4 solid;
        cursor: pointer;
        -webkit-transition: .3s ease all;
        -moz-transition: .3s ease all;
        transition: .3s ease all;
    }

        #files table tr:hover, #files table tr.selected {
            background: #35a6f2 !important;
            color: #fff !important;
        }

    #files table .size {
        width: 5%;
        text-align: center;
    }

    #files table .modified {
        width: 10%;
        text-align: center;
    }

    #files table td {
        font-size: 14px;
        font-family: "gotham_book", Helvetic, Arial;
    }

        #files table td span.icon {
            display: inline-block;
            width: 21px;
            vertical-align: middle;
            margin-right: 15px;
        }

            #files table td span.icon.folder {
                background: url(../img/upload/icon_folder.png) no-repeat center;
                height: 17px;
            }

            #files table td span.icon.file {
                background: url(../img/upload/icon_file.png) no-repeat center;
                height: 20px;
            }

    #files .submit {
        text-align: right;
        padding-top: 10px;
    }

        #files .submit button {
            margin-left: 15px;
        }


/*************** candidate cv downloads */

#downloads {
}

    #downloads .title {
        margin-bottom: 40px;
    }

    #downloads table {
        margin-bottom: 0 !important;
    }

    #downloads .downloadedBy {
        padding: 4px 15px 2px;
    }

        #downloads .downloadedBy .inner {
            position: relative;
            padding: 14px 0;
        }

    #downloads span {
        font-size: 13px;
        display: block;
    }

        #downloads span.name, #downloads span.ip {
            position: absolute;
        }

        #downloads span.name {
            top: 0;
        }

        #downloads span.ip {
            bottom: 0;
        }

    #downloads a.csvLink {
        color: #3894fe;
        font-size: 12px;
        font-family: "gotham_book", Arial;
        text-transform: uppercase;
        -webkit-transition: .3s ease all;
        -moz-transition: .3s ease all;
        transition: .3s ease all;
    }

        #downloads a.csvLink:hover {
            color: #041533;
        }

    #downloads #pagination {
        border-top: 1px #d9d9d9 solid;
        padding: 20px 0;
        margin-bottom: 30px;
    }

        #downloads #pagination p {
            margin-top: 3px;
        }

/*************** candidate cv search */

main.page #search .title {
    border-bottom: 1px #e5e5e5 solid;
    margin-bottom: 60px;
}

    main.page #search .title h1 {
        margin-bottom: 25px;
    }

#search .form {
    margin: 0 0 50px 12%;
    float: left;
    width: 45%;
}

    #search .form ul {
    }

        #search .form ul li {
            margin-bottom: 15px;
        }

    #search .form label, #search .form .field {
        display: inline-block;
        vertical-align: middle;
    }

    #search .form label {
        font-size: 14px;
        width: 43%;
        color: #666666;
        font-family: "gotham_book", Helvetic, Arial;
        text-indent: 0;
    }

    #search .form .field {
        width: 56%;
    }

        #search .form .field.small {
            width: 125px;
        }


    #search .form .radio {
        width: 55.5%;
    }

        #search .form .radio .button {
            width: 50%;
            height: 30px;
        }

            #search .form .radio .button.first {
                float: left;
            }

            #search .form .radio .button.second {
                float: right;
            }

        #search .form .radio input[type=radio] {
            display: none;
        }

        #search .form .radio label {
            display: block;
            cursor: pointer;
            position: relative;
            text-indent: 0;
            width: 100%;
            height: 100%;
            background: #f3f3f3;
            border: 1px #d9d9d9 solid;
            text-align: center;
            font-size: 13px;
            -webkit-transition: .3s ease all;
            -moz-transition: .3s ease all;
            transition: .3s ease all;
        }

        #search .form .radio label {
            line-height: 34px;
            background: rgb(238,238,238);
            background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,238,238,0.5) 100%);
            background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,0.5) 100%);
            background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(238,238,238,0.5) 100%);
        }

            #search .form .radio label:before {
                content: '';
                display: inline-block;
                vertical-align: middle;
                height: 100%;
            }

            #search .form .radio label:hover {
                background: #fff;
            }

            #search .form .radio label span {
                font-style: normal;
                font-weight: 400;
                font-size: 13px;
                text-indent: 0;
                text-transform: uppercase;
                display: inline-block;
                vertical-align: middle;
                font-family: "gotham_medium", Arial;
                -webkit-font-smoothing: antialiased;
            }

                #search .form .radio label span.text {
                    height: auto;
                    position: absolute;
                    top: 0;
                    bottom: 0;
                    left: 0;
                    right: 0;
                    line-height: 31px;
                    margin-left: 0;
                    letter-spacing: 1px;
                }

        #search .form .radio .button.first label {
            border-top-left-radius: 2px;
            border-bottom-left-radius: 2px;
        }

        #search .form .radio .button.second label {
            border-top-right-radius: 2px;
            border-bottom-right-radius: 2px;
        }

        #search .form .radio input[type=radio]:checked + label {
            background: #fff;
        }

#recruiter-search .notification {
    display: none;
    padding: 0;
    max-width: none;
    text-align: left;
}

    #recruiter-search .notification ul {
        margin-top: 3px;
    }

        #recruiter-search .notification ul li {
            background: url('../img/alerts/icon_error.png') no-repeat 0 -2px;
            margin: 0;
            list-style: none;
            color: #fe0005;
            font-size: 12px;
            padding: 0 0 2px 25px;
        }

    #recruiter-search .notification.error ul li:before {
        content: none;
    }

    #recruiter-search .notification a.close {
        background: url(../img/alerts/icon_close.png) no-repeat center;
        top: 9px;
        right: 12px;
    }


#search .form .fakeSelect {
    border-radius: 3px;
    background: rgb(238,238,238);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,238,238,0.5) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,0.5) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(238,238,238,0.5) 100%);
}

    #search .form .fakeSelect span {
        background-image: url(../img/icon_dropdown_black.png);
    }

#search .form .open .fakeSelect {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

#search .form .fakeDropdown {
    width: 99.2%;
}

    #search .form .fakeDropdown span.long {
        font-size: 14px;
        padding: 5px 10px;
    }

#search .form .submit {
    margin-top: 0px;
}

    #search .form .submit input[type='submit'] {
        float: right;
    }

    #search .form .submit:after {
        content: "";
        display: block;
        clear: both;
        overflow: hidden;
    }

#saved {
    float: right;
    width: 36%;
}

    #saved .header {
        text-transform: none;
        font-size: 17px;
        font-family: "gotham_medium", Arial;
        padding: 13px 15px 11px;
    }

    #saved li {
        margin-bottom: 1px;
    }

        #saved li a {
            display: block;
            padding: 8px 12px;
            background: #f4f4f4;
            -webkit-transition: .3s ease all;
            -moz-transition: .3s ease all;
            transition: .3s ease all;
        }

            #saved li a:hover {
                background: #e5f1ef;
            }

    #saved span {
        display: inline-block;
        vertical-align: middle;
    }

        #saved span.icon {
            display: inline-block;
            width: 21px;
            vertical-align: middle;
            margin-right: 15px;
        }

            #saved span.icon.folder {
                background: url(../img/upload/icon_folder.png) no-repeat center;
                height: 17px;
            }

            #saved span.icon.file {
                background: url(../img/upload/icon_file.png) no-repeat center;
                height: 20px;
            }

        #saved span.text {
            color: #35a6f2;
            font-size: 14px;
            font-family: "gotham_book", Arial;
            line-height: 100%;
        }


#search .notification.small {
    max-width: 100%;
}

/*************** cv search results */

#searchResults {
}

    #searchResults .title {
        margin-bottom: 15px;
    }

        #searchResults .title h1 {
            margin-bottom: 5px;
        }

        #searchResults .title p {
            float: left;
            margin: 3px 0 0;
        }

        #searchResults .title .buttons {
            float: right;
        }

            #searchResults .title .buttons a.btn {
                height: 17px;
                padding: 7px 20px;
                font-size: 13px;
                margin-left: 5px;
            }


    #searchResults .quickSearch {
        background: #f8f8f8;
        border-top: 1px #dddddd solid;
        padding: 20px 35px 35px;
    }

        #searchResults .quickSearch h3 {
            font-size: 17px;
            font-family: "gotham_medium", Arial;
            margin-bottom: 45px;
        }

        #searchResults .quickSearch .field {
            display: inline-block;
            position: relative;
            width: 270px;
            margin-right: 15px;
        }

            #searchResults .quickSearch .field label {
                position: absolute;
                top: -20px;
                left: 0;
                text-indent: 0;
            }


    #searchResults .form .radio {
        width: 150px;
    }

        #searchResults .form .radio .button {
            width: 50%;
            height: 27px;
        }

            #searchResults .form .radio .button.first {
                float: left;
            }

            #searchResults .form .radio .button.second {
                float: right;
            }

        #searchResults .form .radio input[type=radio] {
            display: none;
        }

        #searchResults .form .radio label {
            display: block;
            cursor: pointer;
            position: relative;
            top: 0;
            width: 100%;
            height: 96%;
            background: #f3f3f3;
            border: 1px #d9d9d9 solid;
            text-align: center;
            font-size: 13px;
            -webkit-transition: .3s ease all;
            -moz-transition: .3s ease all;
            transition: .3s ease all;
        }

        #searchResults .form .radio label {
            line-height: 30px;
            background: rgb(238,238,238);
            background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,238,238,0.5) 100%);
            background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,0.5) 100%);
            background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(238,238,238,0.5) 100%);
        }

            #searchResults .form .radio label:before {
                content: '';
                display: inline-block;
                vertical-align: middle;
                height: 100%;
            }

            #searchResults .form .radio label:hover {
                background: #fff;
            }

            #searchResults .form .radio label span {
                font-style: normal;
                font-weight: 400;
                font-size: 13px;
                text-transform: uppercase;
                display: inline-block;
                vertical-align: middle;
                font-family: "gotham_medium", Arial;
                -webkit-font-smoothing: antialiased;
            }

                #searchResults .form .radio label span.text {
                    height: auto;
                    position: absolute;
                    top: 0;
                    bottom: 0;
                    left: 0;
                    right: 0;
                    line-height: 27px;
                    margin-left: 0;
                    letter-spacing: 1px;
                }

        #searchResults .form .radio .button.first label {
            border-top-left-radius: 2px;
            border-bottom-left-radius: 2px;
        }

        #searchResults .form .radio .button.second label {
            border-top-right-radius: 2px;
            border-bottom-right-radius: 2px;
        }

        #searchResults .form .radio input[type=radio]:checked + label {
            background: #fff;
        }

    #searchResults .quickSearch .field.submit {
        width: auto;
        padding-top: 0;
    }

        #searchResults .quickSearch .field.submit input[type='submit'] {
            height: 37px;
            padding: 10px 26px;
        }

    #searchResults table {
        margin-bottom: 0;
    }

    #searchResults th.long {
        width: 17%;
        padding: 12px 10px 10px;
    }

    #searchResults td.action {
        text-transform: uppercase;
        color: #041533;
        font-size: 12px;
        width: 9%;
        padding: 12px 10px 10px;
    }

        #searchResults td.action a {
            color: #35a6f2;
            -webkit-transition: .3s ease all;
            -moz-transition: .3s ease all;
            transition: .3s ease all;
        }

            #searchResults td.action a:hover {
                color: #041533;
            }

    #searchResults #pagination {
        border-top: 1px #d9d9d9 solid;
        padding: 20px 0;
    }

        #searchResults #pagination p {
            margin-top: 3px;
        }

/*************** manage agents */

main.recruiters #manageAgents .notification p {
    font-size: 20px;
    font-family: "gotham_medium", Arial;
    -webkit-font-smoothing: antialiased;
}

#manageAgents .title {
    margin: 30px 0;
}

    #manageAgents .title h1 {
        float: left;
        margin-top: 5px;
    }

    #manageAgents .title a {
        float: right;
        height: auto;
    }

#manageAgents table {
    margin-bottom: 0;
}

    #manageAgents table td a.editAgent {
        float: left;
        color: #242424;
        text-transform: uppercase;
        font-family: "gotham_book", Helvetic, Arial;
        font-size: 12px;
    }

    #manageAgents table td a.removeAgent {
        float: right;
        display: block;
        position: relative;
        text-transform: uppercase;
        color: #fe0005;
        font-family: "gotham_book", Helvetic, Arial;
        font-size: 12px;
        -webkit-transition: .3s ease all;
        -moz-transition: .3s ease all;
        transition: .3s ease all;
    }

        #manageAgents table td a.removeAgent:before {
            display: block;
            content: "";
            position: absolute;
            left: -17px;
            width: 14px;
            height: 15px;
            background: url(../img/alerts/icon_remove.png) no-repeat center;
        }

        #manageAgents table td a.removeAgent:hover {
            color: #de0206;
        }

    #manageAgents table tr.removed {
        background: #ffe5e7;
    }

        #manageAgents table tr.removed td {
            text-align: center;
            font-family: "gotham_medium", Arial;
            font-size: 14px;
            text-transform: uppercase;
            padding: 13px 0 9px;
        }

#manageAgents #pagination {
    border-top: 1px #d9d9d9 solid;
    padding: 20px 0;
    margin-bottom: 30px;
}

    #manageAgents #pagination p {
        margin-top: 3px;
    }

#manageAgents .addAgent {
    display: none;
}

    #manageAgents .addAgent .form {
        margin: 0 0 50px;
        width: 65%;
    }

        #manageAgents .addAgent .form span.header {
            display: block;
            margin-bottom: 40px;
            font-family: "gotham_medium", Arial;
            font-size: 17px;
            color: #000;
        }

        #manageAgents .addAgent .form ul {
        }

            #manageAgents .addAgent .form ul li {
                margin-bottom: 15px;
            }

        #manageAgents .addAgent .form label, #manageAgents .addAgent .form .field {
            display: inline-block;
            vertical-align: middle;
        }

        #manageAgents .addAgent .form label {
            font-size: 14px;
            width: 49%;
            color: #666666;
            text-indent: 60px;
            font-family: "gotham_book", Helvetic, Arial;
        }

        #manageAgents .addAgent .form .field {
            width: 50%;
        }

        #manageAgents .addAgent .form .submit {
        }

            #manageAgents .addAgent .form .submit input[type='submit'] {
                float: right;
            }

            #manageAgents .addAgent .form .submit:after {
                content: "";
                display: block;
                clear: both;
                overflow: hidden;
            }

    #manageAgents .addAgent .notification p {
        margin-top: 10px;
        font-size: 20px;
        font-family: "gotham_medium", Arial;
        -webkit-font-smoothing: antialiased;
    }

#manageAgents li.error .field {
    text-align: right;
}

#manageAgents .form li.error label {
    vertical-align: bottom;
    padding-bottom: 10px;
    text-align: left;
}

#manageAgents li.error input[type='text'], #manageAgents li.error input[type='email'], #manageAgents li.error input[type='password'], #manageAgents li.error select {
    border: 1px #ffa4a7 solid;
    text-align: left;
}

#manageAgents li.error .fakeSelectWrap {
    text-align: left;
}

#manageAgents li.error .fakeSelect {
    border: 1px #ffa4a7 solid;
}

#manageAgents li.error .field .notification {
    display: inline-block;
}

    #manageAgents li.error .field .notification.small .icon {
        position: absolute;
    }

    #manageAgents li.error .field .notification span {
        padding-left: 25px;
    }

#manageAgents .field .notification {
    display: none;
    padding: 3px 10px;
    max-width: inherit;
    margin-bottom: 0;
    position: relative;
    top: -8px;
    right: 0;
    text-align: left;
}
/*#manageAgents .field .notification:after{display: block; content: ""; width: 13px; height: 9px; position: absolute; bottom: -8px; right: 6px; background: url(../img/icon_notif_arrow_red.png) no-repeat center;}*/



#manageAgents.createAgent .title {
    border-bottom: 1px #e5e5e5 solid;
    margin-bottom: 60px;
    padding-bottom: 10px;
}

    #manageAgents.createAgent .title a.create {
        display: none;
    }

#manageAgents.createAgent .addAgent {
    display: block;
}

#manageAgents.createAgent #manageAgentsTable, #manageAgents.createAgent #pagination {
    display: none;
}

/*************** manage jobs */

#manageJobs .title {
    margin: 10px 0 30px;
}

#manageJobs table {
    margin-bottom: 0;
}

    #manageJobs table td a {
        color: #0f9fff;
        -webkit-transition: .3s ease all;
        -moz-transition: .3s ease all;
        transition: .3s ease all;
    }

        #manageJobs table td a:hover {
            color: #041533;
        }

        #manageJobs table td a.view {
            font-size: 12px;
            font-family: "gotham_book", Arial;
            text-transform: uppercase;
        }

        #manageJobs table td a.deleteJob {
            float: right;
            display: block;
            position: relative;
            text-transform: uppercase;
            color: #fe0005;
            font-family: "gotham_book", Helvetic, Arial;
            font-size: 12px;
        }

            #manageJobs table td a.deleteJob:before {
                display: block;
                content: "";
                position: absolute;
                left: -17px;
                width: 14px;
                height: 15px;
                background: url(../img/alerts/icon_remove.png) no-repeat center;
            }

            #manageJobs table td a.deleteJob:hover {
                color: #de0206;
            }

    #manageJobs table tr.removed {
        background: #ffe5e7;
    }

        #manageJobs table tr.removed td {
            text-align: center;
            font-family: "gotham_medium", Arial;
            font-size: 14px;
            text-transform: uppercase;
            padding: 13px 0 9px;
        }

/*************** skill alerts */

#skillAlertsWrap .title {
    margin: 10px 0 30px;
}

#skillAlertsWrap table {
    margin-bottom: 0;
}

    #skillAlertsWrap table td a.removeAlert {
        float: right;
        display: block;
        position: relative;
        text-transform: uppercase;
        color: #fe0005;
        font-family: "gotham_book", Helvetic, Arial;
        font-size: 12px;
        -webkit-transition: .3s ease all;
        -moz-transition: .3s ease all;
        transition: .3s ease all;
    }

        #skillAlertsWrap table td a.removeAlert:before {
            display: block;
            content: "";
            position: absolute;
            left: -17px;
            width: 14px;
            height: 15px;
            background: url(../img/alerts/icon_remove.png) no-repeat center;
        }

        #skillAlertsWrap table td a.removeAlert:hover {
            color: #de0206;
        }

    #skillAlertsWrap table tr.removed {
        background: #ffe5e7;
    }

        #skillAlertsWrap table tr.removed td {
            text-align: center;
            font-family: "gotham_medium", Arial;
            font-size: 14px;
            text-transform: uppercase;
            padding: 13px 0 9px;
        }

#skillAlertsWrap #pagination {
    border-top: 1px #d9d9d9 solid;
    padding-top: 10px;
    margin-bottom: 30px;
}

/*************** post a job */

#postJob {
}

    #postJob .title {
        border-bottom: 1px #e9e9e9 solid;
        margin-bottom: 30px;
    }

    #postJob .row {
        border-bottom: 1px #e9e9e9 solid;
        padding: 25px 0 35px;
    }

    #postJob .block {
        padding: 0;
        width: 50%;
        float: left;
    }

        #postJob .block.full {
            width: auto;
            float: none;
        }

    #postJob label {
        text-indent: 0;
        width: 150px;
    }

    #postJob .field {
        width: 250px;
    }

        #postJob .field label {
            width: auto;
            margin-bottom: 7px;
            display: block;
        }

        #postJob .field .col {
            width: 48%;
        }

    #postJob .questions {
    }

        #postJob .questions .question {
            margin-bottom: 10px;
        }

        #postJob .questions h2 {
            margin-bottom: 20px;
        }

        #postJob .questions .field {
            width: 59%;
        }

            #postJob .questions .field.type {
                width: 14%;
            }

                #postJob .questions .field.type a.add {
                    position: absolute;
                    top: 7px;
                    right: -40px;
                    display: block;
                    width: 22px;
                    height: 22px;
                    background: url(../img/icon_add.png) no-repeat;
                    -webkit-transition: .3s ease all;
                    -moz-transition: .3s ease all;
                    transition: .3s ease all;
                }


    #postJob .description {
        padding-bottom: 0;
        border-bottom: none;
    }

        #postJob .description h2 {
            margin-bottom: 5px;
        }

        #postJob .description p.note {
            font-size: 14px;
            color: #666666;
            margin-bottom: 40px;
        }

        #postJob .description textarea {
            height: 380px;
        }

    #postJob .bottom {
    }

        #postJob .bottom .discountWrapper {
            float: left;
            padding-top: 35px;
        }

            #postJob .bottom .discountWrapper span.text {
                display: inline-block;
                vertical-align: middle;
                width: 48%;
                font-size: 14px;
                color: #666;
            }

            #postJob .bottom .discountWrapper input[type='text'] {
                display: inline-block;
                vertical-align: middle;
                width: 48%;
            }

        #postJob .bottom .submit {
            float: right;
        }

    #postJob .notification p {
        font-size: 20px;
        font-family: "gotham_medium", Arial;
        -webkit-font-smoothing: antialiased;
    }

    #postJob .notification.error p {
        margin-top: 10px;
    }

/****************** recruiter landing */


#landing .loginWrapper {
    float: right;
    width: 36.2%;
}

    #landing .loginWrapper .box {
        text-align: center;
        border: 1px #eeeeee solid;
        border-radius: 7px;
        margin-bottom: 50px;
    }

    #landing .loginWrapper .inner {
        padding: 30px 20% 25px;
    }

    #landing .loginWrapper h2 {
        font-size: 20px;
        margin-bottom: 35px;
    }

    #landing .loginWrapper input {
        margin-bottom: 10px;
    }

    #landing .loginWrapper label {
        display: block;
        margin-bottom: 15px;
        text-align: left;
        font-size: 14px;
        font-family: "gotham_book", Helvetic, Arial;
        color: #333333;
        font-weight: normal;
        -webkit-font-smoothing: antialiased;
    }

    #landing .loginWrapper input[type='submit'] {
        display: block;
        padding: 11px 0 9px;
        width: 100%;
    }

    #landing .loginWrapper span.register {
        font-family: "gotham_book", Helvetic, Arial;
        font-size: 14px;
        color: #333333;
    }

        #landing .loginWrapper span.register a {
            color: #35a6f2;
            -webkit-transition: .3s ease all;
            -moz-transition: .3s ease all;
            transition: .3s ease all;
        }

            #landing .loginWrapper span.register a:hover {
                color: #041533;
            }

    #landing .loginWrapper a.forgot {
        display: block;
        background: #f4f4f4;
        text-align: center;
        font-size: 14px;
        font-family: "gotham_book", Helvetic, Arial;
        padding: 14px 0;
        -webkit-transition: .3s ease all;
        -moz-transition: .3s ease all;
        transition: .3s ease all;
    }

        #landing .loginWrapper a.forgot:hover {
            background: #f7f7f7;
            color: #35a6f2;
        }

    #landing .loginWrapper .notification {
        text-align: left;
        max-width: 100%;
        margin-bottom: 10px;
    }


#landing .info {
    float: left;
    width: 60%;
}

#landing h2 {
    font-size: 26px;
    margin-bottom: 15px;
}

#landing h3 {
    font-size: 17px;
    color: #666666;
    font-family: "gotham_medium", Arial;
    line-height: 120%;
    margin-bottom: 35px;
}

#landing ul {
    margin-bottom: 30px;
}

    #landing ul li {
        font-size: 15px;
        font-family: "gotham_book", Arial;
        color: #333;
        margin: 0 0 15px 5px;
        background: url(../img/icon_tick.png) no-repeat center left;
        padding-left: 28px;
    }

#landing a.registerNow {
    height: auto;
    vertical-align: middle;
    margin-bottom: 45px;
}

#landing p.promo {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 45px 30px;
    font-style: italic;
    font-family: "gotham_medium", Arial;
    font-size: 17px;
    color: #35a6f2;
}

    #landing p.promo u {
        text-decoration: none;
        border-bottom: 1px #35a6f2 solid;
    }

#landing blockquote {
    padding: 10px 0 0 20px;
    border-left: 4px #f4f4f4 solid;
    margin: 0 0 30px 5px;
}

    #landing blockquote p {
        font-family: "gotham_italic", Arial;
        font-size: 14px;
        color: #666;
        margin-bottom: 10px;
    }

        #landing blockquote p.name, #landing blockquote p.company {
            font-family: "gotham_book", Arial;
            margin-bottom: 0;
        }

            #landing blockquote p.name strong {
            }

#companies.recruiters {
    text-align: center;
    margin-bottom: 100px;
}

    #companies.recruiters .title h2 {
        text-align: center;
        font-size: 26px;
        color: #142b4e;
        font-family: "gotham_medium", Arial;
    }

    #companies.recruiters .image {
        display: inline-block;
    }

        #companies.recruiters .image img {
            margin: 0 5px;
        }

/****************** faq */

#faq {
}

    #faq p a {
        color: #35a6f2;
        -webkit-transition: .3s ease all;
        -moz-transition: .3s ease all;
        transition: .3s ease all;
    }

        #faq p a:hover {
            color: #081631;
        }

    #faq .title {
        margin-bottom: 60px;
    }

        #faq .title h1 {
            margin-bottom: 0px;
        }

        #faq .title p {
            font-family: "gotham_medium", Arial;
            color: #666666;
            font-size: 17px;
        }

    #faq .accordion {
        padding-bottom: 50px;
        border-bottom: 1px #f4f4f4 solid;
        margin-bottom: 50px;
    }

        #faq .accordion .heading {
            cursor: pointer;
            border-bottom: 1px #fff solid;
            padding: 8px 12px;
            background: #f6f6f6;
            font-size: 17px;
            font-family: "gotham_medium", Arial;
            color: #081631;
        }

        #faq .accordion .panel {
            max-height: 0;
            overflow: hidden;
            opacity: 0.9;
            -webkit-transition: .4s ease all;
            -moz-transition: .4s ease all;
            transition: .4s ease all;
        }

            #faq .accordion .panel .inner {
                padding: 25px 16px 10px;
            }

        #faq .accordion .current .panel {
            max-height: 500px;
            opacity: 1;
        }

        #faq .accordion .panel .inner p {
        }

            #faq .accordion .panel .inner p a {
            }

        #faq .accordion .panel .inner ul {
        }

            #faq .accordion .panel .inner ul li {
                background: url(../img/icon_list.png) no-repeat 0 3px;
                padding-left: 14px;
                font-size: 14px;
                font-family: "gotham_book", Arial;
                color: #333;
                margin-bottom: 10px;
            }

        #faq .accordion .panel .inner ol {
            list-style: decimal;
        }

        #faq .accordion .panel .inner h2 {
            font-size: 18px;
            margin-bottom: 15px;
        }

        #faq .accordion .panel .inner h3, #faq .accordion .panel .inner h4, #faq .accordion .panel .inner h5 {
            font-size: 15px;
            font-family: "gotham_book", Arial;
            margin-bottom: 15px;
        }

    #faq .bottom .title {
        margin-bottom: 15px;
    }

/****************** buy cv database */

#buycv {
    margin-bottom: 50px;
}

    #buycv .btn {
        height: auto;
    }

    #buycv .col.first {
        width: 50%;
    }

    #buycv .col.second {
        width: 40%;
    }



    #buycv .features {
        border-bottom: 1px #cfe0dd solid;
        padding-bottom: 50px;
        margin-bottom: 50px;
    }

        #buycv .features ul {
            margin-left: 30px;
        }

            #buycv .features ul li {
                font-family: "gotham_book", Arial;
                font-size: 15px;
                color: #081631;
                margin-bottom: 25px;
                padding-left: 35px;
                background: url(../img/icon_tick.png) no-repeat top left;
            }

                #buycv .features ul li strong {
                    font-family: "gotham_medium", Arial;
                    display: block;
                }


    #buycv .action {
        border: 1px #d2d2d2 solid;
        position: relative;
        border-radius: 4px;
        text-align: center;
        background: rgb(255,255,255);
        background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(240,240,240,0.8) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 );
    }

        #buycv .action .inner {
            padding: 0 0 25px;
            border-bottom: 4px #329ce3 solid;
        }

        #buycv .action h2 {
            display: inline-block;
            position: relative;
            top: -17px;
            padding: 0 7px;
            margin: 0;
            background: #fff;
            color: #329ce3;
            font-size: 34px;
            font-family: "gotham_book", Arial;
        }

        #buycv .action p {
            margin-bottom: 5px;
        }

            #buycv .action p em {
                font-family: "gotham_italic", Arial;
                font-size: 14px;
                font-style: normal;
            }

            #buycv .action p.top {
                margin-bottom: 20px;
                position: relative;
                top: -10px;
            }

            #buycv .action p.limit {
                margin-bottom: 25px;
            }

        #buycv .action .priceWrapper {
            font-family: "gotham_book", Arial;
            font-size: 50px;
            color: #041535;
            margin-bottom: 20px;
        }

            #buycv .action .priceWrapper span {
                display: inline-block;
                vertical-align: top;
                line-height: 100%;
            }

                #buycv .action .priceWrapper span.currency {
                    font-size: 30px;
                }

                #buycv .action .priceWrapper span.amount {
                    line-height: 90%;
                }

        #buycv .action .addSkillAlerts {
            display: inline-block;
            border-radius: 5px;
            background: #ebedf0;
            padding: 10px 13px;
            border: 1px #d2d2d2 solid;
            margin-bottom: 30px;
        }

            #buycv .action .addSkillAlerts span.header {
                display: inline-block;
                margin-bottom: 3px;
                font-size: 16px;
                font-family: "gotham_medium", Arial;
                color: #041533;
            }

            #buycv .action .addSkillAlerts label {
                display: block;
                font-family: "gotham_book", Arial;
                font-size: 15px;
                color: #041533;
            }

        #buycv .action .line {
            width: 195px;
            background: #6e7e99;
            height: 2px;
            margin: 0 auto 35px;
        }

    #buycv .alerts a.btn {
        margin-left: 100px;
    }


/****************** shopping basket */

#basket {
    padding-bottom: 0;
}

    #basket .title {
    }

        #basket .title h1 {
            margin-bottom: 40px;
        }

    #basket table {
        margin-bottom: 40px;
    }

        #basket table tr {
            background: #fff;
            border-bottom: 1px #e7e7e7 solid;
        }

        #basket table th {
            background: #2d4e7f;
            text-align: center;
        }

            #basket table th.itemName {
                width: 14%;
                text-align: left;
            }

            #basket table th.itemPriceEach, #basket table th.itemQuantity, #basket table th.itemTotalPrice {
                width: 8%;
            }

            #basket table th.actions {
                width: 24%;
            }

        #basket table td {
            text-align: center;
        }

            #basket table td:first-child {
                text-align: left;
            }

            #basket table td .quantity {
                width: 50px;
                height: 30px;
                padding: 0;
                margin: auto;
                border-radius: 6px;
                text-align: center;
                text-indent: 0;
            }

                #basket table td .quantity.error {
                    border: 1px #ffa4a7 solid;
                }

            #basket table td:last-child {
                text-align: right;
            }

            #basket table td .update {
                padding: 7px 0;
                height: 30px;
                width: 125px;
                vertical-align: middle;
                line-height: 19px;
            }

            #basket table td a.removeItem {
                display: inline-block;
                vertical-align: middle;
                margin-left: 70px;
                position: relative;
                text-transform: uppercase;
                color: #fe0005;
                font-family: "gotham_book", Helvetic, Arial;
                font-size: 12px;
                -webkit-transition: .3s ease all;
                -moz-transition: .3s ease all;
                transition: .3s ease all;
            }

                #basket table td a.removeItem:before {
                    display: block;
                    content: "";
                    position: absolute;
                    left: -17px;
                    width: 14px;
                    height: 15px;
                    background: url(../img/alerts/icon_remove.png) no-repeat center;
                }

                #basket table td a.removeItem:hover {
                    color: #de0206;
                }

    #basket .collaterals {
        text-align: right;
    }

        #basket .collaterals .totals {
        }

        #basket .collaterals .promoWrapper {
            margin-bottom: 30px;
            max-width: 335px;
            display: inline-block;
        }

            #basket .collaterals .promoWrapper input[type='text'] {
                width: 190px;
                display: inline-block;
                padding: 11px 0 9px;
            }

            #basket .collaterals .promoWrapper.error input[type='text'] {
                border: 1px #ffa4a7 solid;
            }

            #basket .collaterals .promoWrapper input[type='button'] {
                margin-left: 15px;
                padding: 11px 35px;
            }

            #basket .collaterals .promoWrapper .notification {
                max-width: 100%;
                text-align: left;
            }

        #basket .collaterals .basketData {
            min-width: 290px;
            display: inline-block;
        }

            #basket .collaterals .basketData .lineItem {
                border-bottom: 1px #e8e8e8 solid;
                padding: 20px 0;
            }

                /*#basket .collaterals .basketData .lineItem:first-child {
                    border-top: 1px #e8e8e8 solid;
                }*/

                #basket .collaterals .basketData .lineItem span {
                    display: inline-block;
                    vertical-align: middle;
                    color: #041533;
                }

                    #basket .collaterals .basketData .lineItem span.label {
                        font-size: 14px;
                        font-family: "gotham_bold", Arial;
                        text-transform: uppercase;
                        width: 47%;
                        text-align: right;
                    }

                    #basket .collaterals .basketData .lineItem span.value {
                        font-size: 22px;
                        font-family: "gotham_book", Arial;
                        width: 40%;
                        text-align: left;
                        margin-left: 11%;
                    }

        #basket .collaterals .buttons {
            padding: 30px 0;
        }

            #basket .collaterals .buttons .btn {
                margin-left: 15px;
            }

        #basket .collaterals p.disclaimer {
            display: inline-block;
            max-width: 590px;
            padding: 25px 0;
            border-top: 1px #e8e8e8 solid;
            font-size: 13px;
            color: #7b7b7b;
            margin: 0;
        }


    #basket .bottom {
        border-top: 1px #f4f4f4 solid;
        padding: 20px 0;
        text-align: right;
    }

        #basket .bottom p, #basket .bottom img {
            display: inline-block;
            vertical-align: middle;
            margin: 0;
        }

        #basket .bottom p {
            font-size: 20px;
            color: #041533;
            margin-right: 20px;
        }

/****************** buy listings */

#buylistings .actions {
    padding: 0 30px;
}

#buylistings .action {
    width: 45%;
    min-height: 490px;
    border: 1px #d2d2d2 solid;
    position: relative;
    border-radius: 4px;
    text-align: center;
    background: rgb(255,255,255);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(240,240,240,0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 );
}

#buylistings #smart {
    float: left;
}

#buylistings #flexible {
    float: right;
    background: #fff;
}

#buylistings .action .inner {
    padding: 0 0 25px;
    min-height: 465px;
    border-bottom: 4px #329ce3 solid;
}

#buylistings .action h2 {
    display: inline-block;
    position: relative;
    top: -17px;
    padding: 0 7px;
    margin: 0;
    background: #fff;
    color: #329ce3;
    font-size: 34px;
    font-family: "gotham_book", Arial;
}

#buylistings #flexible h2 {
    color: #000;
}

#buylistings .action h3 {
    display: inline-block;
    font-family: "gotham_medium", Arial;
    font-size: 20px;
    color: #081631;
    margin-bottom: 25px;
}

#buylistings .action p {
    margin-bottom: 5px;
}

    #buylistings .action p.top {
        margin-bottom: 30px;
        position: relative;
        top: -10px;
    }

    #buylistings .action p.limit {
        margin-bottom: 25px;
    }

#buylistings .action .priceWrapper {
    font-family: "gotham_book", Arial;
    font-size: 50px;
    color: #041535;
    margin-bottom: 20px;
}

    #buylistings .action .priceWrapper span {
        display: inline-block;
        vertical-align: top;
        line-height: 100%;
    }

        #buylistings .action .priceWrapper span.currency {
            font-size: 30px;
        }

        #buylistings .action .priceWrapper span.amount {
            line-height: 90%;
        }

#buylistings .action ul.packageFeatures {
    margin-bottom: 35px;
}

    #buylistings .action ul.packageFeatures li {
        font-size: 15px;
        font-family: "gotham_book", Arial;
        color: #081631;
        margin-bottom: 7px;
    }


#buylistings .action .line {
    width: 195px;
    background: #6e7e99;
    height: 2px;
    margin: 0 auto 35px;
}

/* pricing slider */
#buylistings .action .sliderWrapper {
    max-width: 84%;
    margin: 0 auto 65px;
}

    #buylistings .action .sliderWrapper span.header {
        display: inline-block;
        margin-bottom: 35px;
        font-family: "gotham_book", Arial;
        font-size: 16px;
        color: #04122d;
    }

    #buylistings .action .sliderWrapper #slider {
        border: none;
        background: #6e7e99;
        margin-bottom: 65px;
        border-radius: 4px;
    }

        #buylistings .action .sliderWrapper #slider .ui-slider-range-min {
            background: #35a6f2;
        }

        #buylistings .action .sliderWrapper #slider .ui-slider-handle {
            cursor: pointer;
            cursor: hand;
            border-radius: 50%;
            background: #fff url(../img/buy-listing/icon_slider_handle.png) no-repeat center;
            width: 23px;
            height: 23px;
            box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
        }

    #buylistings .action .sliderWrapper .pricing {
    }

        #buylistings .action .sliderWrapper .pricing .item {
            padding: 10px;
        }

            #buylistings .action .sliderWrapper .pricing .item:nth-child(odd) {
                background: #f4f4f4;
            }

            #buylistings .action .sliderWrapper .pricing .item:after {
                content: "";
                display: block;
                clear: both;
            }

            #buylistings .action .sliderWrapper .pricing .item span {
                float: right;
                font-size: 16px;
                font-family: "gotham_book", Arial;
                color: #081631;
            }

                #buylistings .action .sliderWrapper .pricing .item span:first-child {
                    float: left;
                }

                #buylistings .action .sliderWrapper .pricing .item span.value {
                    width: 15%;
                    text-align: left;
                }


#buylistings .more {
    max-width: 995px;
    margin: auto;
    padding: 80px 0 100px;
    text-align: center;
}

    #buylistings .more h2 {
        font-size: 26px;
        font-family: "gotham_medium", Arial;
        color: #041533;
        text-align: center;
        margin-bottom: 80px;
    }

    #buylistings .more .title, #buylistings .features {
        display: inline-block;
        vertical-align: middle;
    }

    #buylistings .more .title {
        text-align: left;
        margin: 0 40px 0;
        vertical-align: top;
        padding-top: 10px;
    }

        #buylistings .more .title a.btn {
            float: right;
            height: auto;
            padding: 9px 25px;
            margin-top: 95px;
        }

#buylistings .features ul {
}

    #buylistings .features ul li {
        font-family: "gotham_book", Arial;
        font-size: 15px;
        text-align: left;
        color: #081631;
        margin-top: 25px;
        padding-left: 30px;
        background: url(../img/icon_tick.png) no-repeat top left;
    }

        #buylistings .features ul li:first-child {
            margin-top: 0;
        }

        #buylistings .features ul li strong {
            font-family: "gotham_medium", Arial;
            display: block;
        }

        #buylistings .features ul li:last-of-type strong {
            color: #35a6f2;
        }

/****************** advertise landing */

#hero.advertise {
    position: relative;
    height: auto;
    padding: 120px 0 100px;
    background: url(../img/landing/hero.jpg) no-repeat center top;
    background-size: cover;
}

    #hero.advertise .caption p {
        margin-bottom: 25px;
    }

    #hero.advertise a.btn {
        height: auto;
        margin-bottom: 35px;
    }

    #hero.advertise .line {
        width: 130px;
        height: 2px;
        background: #fff;
        margin: 0 auto 35px;
    }

    #hero.advertise h2 {
        font-family: "gotham_medium", Arial;
        font-size: 26px;
        color: #fff;
        margin-bottom: 85px;
    }

    #hero.advertise .actions {
        width: 925px;
        margin: auto;
    }

        #hero.advertise .actions .action {
            width: 30%;
            float: left;
            margin: 0 1.5%;
            background: url(../img/landing/border.png) no-repeat center;
            background-size: 100%;
            border-radius: 0;
            text-align: center;
            position: relative;
            -webkit-transition: .4s ease all;
            -moz-transition: .4s ease all;
            transition: .4s ease all;
        }

            #hero.advertise .actions .action:last-of-type {
                margin-left: -43px;
            }

            #hero.advertise .actions .action:hover {
                background-image: url(../img/landing/border_h.png);
            }

            #hero.advertise .actions .action .inner {
                padding: 65px 20px 50px;
            }

            #hero.advertise .actions .action img.icon {
                position: absolute;
                top: -42px;
                left: 50%;
                margin-left: -42px;
            }

            #hero.advertise .actions .action h3 {
                font-family: "gotham_bold", Arial;
                font-size: 20px;
                color: #2dbec2;
                margin-bottom: 10px;
                -webkit-font-smoothing: antialiased;
            }

            #hero.advertise .actions .action p {
                font-size: 15px;
                color: #fff;
                font-family: "gotham_book", Arial;
                margin-bottom: 0;
                line-height: 130%;
            }

            #hero.advertise .actions .action a.btn {
                position: absolute;
                bottom: -15px;
                left: 50%;
                font-size: 13px;
                margin: 0 0 0 -82px;
                padding: 9px 0;
                width: 155px;
            }

                #hero.advertise .actions .action a.btn:hover {
                    color: #fff;
                    background: #2dbec2;
                    border-color: #2dbec2;
                }

        #hero.advertise .actions .pre {
            background: url(../img/landing/border_h.png);
        }

main.advertise {
    margin-top: 30px;
}


.advertise .content .title h4 {
    font-size: 20px;
    font-weight: bolder;
    margin-bottom: 0;
    font-family: "gotham_medium", Arial;
}

/* request more button */
#openRequestMore {
    position: absolute;
    right: 0px;
    top: 375px;
    z-index: 999;
    transform: rotate(270deg);
    transform-origin: bottom right;
    color: #fff;
    -webkit-transition: .3s ease right;
    -moz-transition: .3s ease right;
    transition: .3s ease right;
}

    #openRequestMore a.btn {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        height: auto;
        margin-bottom: 0 !important;
    }

    #openRequestMore.fixed {
        position: fixed;
        top: 125px;
    }

    #openRequestMore.close {
        right: -200px;
    }

/* request more info form */
#requestMore {
    position: absolute;
    right: -440px;
    top: 380px;
    width: 430px;
    z-index: 9999;
    background: #fff;
    box-shadow: 0 0 10px #d9d9d9;
    transition-delay: 5s;
    -webkit-transition: .3s ease right;
    -moz-transition: .3s ease right;
    transition: .3s ease right;
}

    #requestMore.fixed {
        position: fixed;
        top: 30px;
    }

    #requestMore.open {
        right: 0;
        visibility: visible;
    }

    #requestMore .inner {
        width: 265px;
        margin: auto;
        padding: 40px 0;
        position: static;
    }

    #requestMore h3 {
        font-size: 20px;
        color: #142b4e;
        text-align: center;
        text-transform: uppercase;
        font-family: "gotham_medium", Arial;
        margin-bottom: 15px;
        -webkit-font-smoothing: antialiased;
    }

    #requestMore p {
        font-size: 17px !important;
        color: #142b4e !important;
        text-align: center;
        font-family: "gotham_book", Arial;
        line-height: 120%;
    }

    #requestMore input {
        margin-top: 10px;
    }

        #requestMore input.error {
            border: 1px #ffa4a7 solid;
        }

        #requestMore input[type='submit'] {
            display: block;
            padding: 10px 0 8px;
            width: 100%;
        }

    #requestMore a.close {
        display: block;
        width: 14px;
        height: 13px;
        background: url(../img/home/icon_close.png) no-repeat center;
        position: absolute;
        top: 10px;
        right: 20px;
    }


    #requestMore .notification {
        display: none;
        padding: 0;
        text-align: center;
    }

    #requestMore.success {
    }

        #requestMore.success .inner {
            padding-bottom: 0;
        }

        #requestMore.success p {
            display: none;
        }

        #requestMore.success .notification {
            display: block;
        }

            #requestMore.success .notification .icon {
                background: url(../img/icon_notif_success_black.png) no-repeat;
                float: none;
                width: 50px;
                height: 50px;
            }

            #requestMore.success .notification p {
                float: none;
                width: auto;
                display: inline-block;
            }

        #requestMore.success form {
            display: none;
        }

/* companies */
#companies.advertise {
    text-align: center;
    margin-bottom: 0;
    padding-bottom: 0;
}

    #companies.advertise .container {
        border-bottom: 1px #cfe0dd solid;
        padding-bottom: 40px;
    }

    #companies.advertise .title h2 {
        text-align: center;
        font-size: 26px;
        color: #142b4e;
        font-family: "gotham_medium", Arial;
        margin-bottom: 35px;
    }

    #companies.advertise .image {
        display: inline-block;
    }

        #companies.advertise .image img {
            margin: 0 5px;
            border: none;
        }

/* links */

#links {
    padding-top: 0;
}

    #links .item {
        border-top: 1px #cfe0dd solid;
        padding: 60px 0px 60px 30px;
    }

        #links .item:first-child {
            border-top: none;
        }

        #links .item .title {
            margin-bottom: 0px;
        }

            #links .item .title h1 {
                font-size: 20px;
            }

            #links .item .title p {
                font-family: "gotham_book", Arial;
                font-size: 15px;
                color: #333;
            }

        #links .item .features, #links .item .priceBox {
            float: left;
        }

        #links .item .features {
            width: 73%;
            padding-top: 10px;
        }

            #links .item .features ul {
                margin-left: 100px;
            }

                #links .item .features ul li {
                    background: url(../img/icon_list.png) no-repeat 0 3px;
                    padding-left: 14px;
                    font-size: 14px;
                    font-family: "gotham_book", Arial;
                    color: #333;
                    margin-bottom: 10px;
                }


        #links .item .priceBox {
            text-align: center;
            width: 200px;
        }

        #links .item .priceWrapper {
            display: inline-block;
            font-family: "gotham_book", Arial;
            font-size: 50px;
            color: #041535;
            margin-bottom: 20px;
        }

            #links .item .priceWrapper:after {
                content: "";
                display: block;
                clear: both;
            }

            #links .item .priceWrapper span {
                display: inline-block;
                vertical-align: top;
                line-height: 100%;
                float: left;
            }

                #links .item .priceWrapper span.currency {
                    font-size: 30px;
                }

                #links .item .priceWrapper span.amount {
                    line-height: 90%;
                }

                #links .item .priceWrapper span.label {
                    display: block;
                    float: none;
                    text-align: left;
                    font-size: 13px;
                    text-transform: uppercase;
                }

        #links .item .priceBox a.btn {
            height: auto;
            display: block;
            margin-bottom: 10px;
            padding: 11px 0;
        }

        #links .item .priceBox span.note {
            color: #868686;
            font-size: 14px;
            font-family: "gotham_book", Arial;
            padding: 0 10px;
        }

/****************** sales skills alerts */

#salesalerts .title {
    margin: 0 0 10px -105px;
}

    #salesalerts .title p {
        font-size: 17px;
    }

    #salesalerts .title .copy {
        padding-top: 15px;
    }

#salesalerts p {
    font-size: 15px;
}

    #salesalerts p.button {
        margin: 35px 0 40px;
    }

#salesalerts ul.features {
    margin-bottom: 60px;
}

    #salesalerts ul.features li {
        font-family: "gotham_book", Arial;
        font-size: 15px;
        text-align: left;
        color: #081631;
        margin-top: 25px;
        padding-left: 30px;
        background: url(../img/icon_tick.png) no-repeat top left;
    }

        #salesalerts ul.features li:first-child {
            margin-top: 0;
        }

        #salesalerts ul.features li strong {
            font-family: "gotham_medium", Arial;
            display: block;
        }

#salesalerts p.more {
    font-family: "gotham_medium", Arial;
    font-size: 17px;
    color: #666;
}

#salesalerts a.btn {
    height: auto;
}

/****************** about */

#about {
}

    #about .blocks {
    }

        #about .blocks:after {
            content: "";
            display: block;
            clear: both;
        }

        #about .blocks h2 {
            line-height: 110%;
            -webkit-font-smoothing: antialiased;
        }

    #about .block {
        width: 23%;
        margin: 0 1% 1.8%;
        float: left;
    }

        #about .block.double {
            width: 48%;
        }

        #about .block .inner {
        }

        #about .block.stamp {
            background: #04122d;
            padding: 65px 0;
            text-align: center;
            font-weight: normal;
        }

            #about .block.stamp h1 {
                font-size: 26px;
                color: #fff;
                font-family: "gotham_medium", Arial;
                margin-bottom: 0;
            }


        #about .block .copy {
            padding: 25px 17px 20px;
            position: relative;
            border: 1px #f4f4f4 solid;
            border-top: none;
        }

            #about .block .copy h2 {
                font-family: "gotham_medium", Arial;
                font-size: 20px;
                color: #04122d;
                margin-bottom: 15px;
            }

                #about .block .copy h2 a {
                    color: #04122d;
                    -webkit-transition: .3s ease all;
                    -moz-transition: .3s ease all;
                    transition: .3s ease all;
                }

            #about .block .copy p {
                color: #666;
                margin-bottom: 20px;
                line-height: 135%;
                font-size: 13px;
            }

            #about .block .copy a {
                color: #35a6f2;
                font-family: "gotham_book", Arial;
                font-size: 13px;
                -webkit-transit =ion: .3s ease all;
                -moz-transition: .3s ease all;
                transition: .3s ease all;
            }

                #about .block .copy a:hover {
                    color: #041533;
                }

            #about .block .copy ul {
                margin-left: 5px;
            }

                #about .block .copy ul li {
                    color: #666;
                    font-family: "gotham_book", Arial;
                    font-size: 13px;
                    background: url(../img/icon_list.png) no-repeat 0 5px;
                    padding-left: 15px;
                    margin-bottom: 5px;
                }

        #about .block .image {
            text-align: center;
            background: #666;
        }

            #about .block .image img {
                display: block;
                max-width: 100%;
            }

        #about .block.custom .image {
            padding: 55px 0;
            background: url(../img/about/custom_bg.jpg) no-repeat center;
            background-size: cover;
        }

        #about .block .image h2 {
            color: #fff;
            font-size: 26px;
            font-family: "gotham_medium", Arial;
        }

    #about .social {
        text-align: right;
        padding-top: 20px;
    }

        #about .social span.header, #about .social .links {
            display: inline-block;
            vertical-align: middle;
        }

        #about .social span.header {
            line-height: 100%;
            margin-right: 20px;
            font-family: "gotham_medium", Arial;
            font-size: 24px;
            color: #0d1d3a;
            -webkit-font-smoothing: antialiased;
        }

        #about .social .links {
        }

            #about .social .links:after {
                content: "";
                display: block;
                clear: both;
            }

            #about .social .links li {
                float: left;
                margin-left: 8px;
            }

                #about .social .links li a {
                    display: block;
                    width: 33px;
                    height: 35px;
                    opacity: 1;
                    background: url(../img/icon_social_sprite_black.png) no-repeat;
                    -webkit-transition: .3s ease all;
                    -moz-transition: .3s ease all;
                    transition: .3s ease all;
                }

                    #about .social .links li a:hover {
                        opacity: 0.7;
                    }

                    #about .social .links li a.twitter {
                        background-position: 0 0;
                    }

                    #about .social .links li a.fb {
                        background-position: -43px 0;
                    }

                    #about .social .links li a.linkedin {
                        background-position: -85px 0;
                    }

                    #about .social .links li a.gplus {
                        background-position: -127px 0;
                    }

    #about .block.variant {
    }

        #about .block.variant .copy {
            background: #f9f9f9;
            border: none;
        }

            #about .block.variant .copy:before {
                display: block;
                content: "";
                background: url(../img/about/icon_arrow.png) no-repeat center;
                width: 31px;
                height: 23px;
                position: absolute;
                top: -23px;
                left: 15px;
            }

    #about .block.banner {
        position: relative;
    }

        #about .block.banner a {
            display: block;
            opacity: 1;
            -webkit-transition: .3s ease all;
            -moz-transition: .3s ease all;
            transition: .3s ease all;
        }

            #about .block.banner a:hover {
                opacity: 0.9;
            }

        #about .block.banner span.text {
            color: #fff;
            font-size: 20px;
            font-family: "gotham_medium", Arial;
            position: absolute;
            top: 25px;
            left: 25px;
        }


    #about .block .copy2 {
        display: none;
    }
/********************************************************** footer */

footer {
    position: relative;
    z-index: 71;
    background: #041533;
}

    footer .tagline {
        background: #142b4e;
        text-align: center;
        padding: 17px 0;
    }

        footer .tagline p {
            color: #fff;
            font-size: 20px;
            font-family: "gotham_medium", Arial;
            line-height: 100%;
            text-transform: uppercase;
            letter-spacing: 3px;
            margin-bottom: 0;
        }

            footer .tagline p span {
                display: inline-block;
                vertical-align: middle;
                width: 8px;
                height: 8px;
                background: #35a6f2;
                border-radius: 50%;
                margin: 0 30px;
            }

    footer .top {
        padding: 50px 0 30px;
        border-bottom: 1px #1d3861 solid;
        margin-bottom: 30px;
    }

        footer .top h3 {
            font-size: 16px;
            color: #35a6f2;
            font-family: "gotham_medium", Arial;
            margin-bottom: 15px;
        }

        footer .top p {
            color: #c6d4ec;
            font-size: 13px;
            margin-bottom: 0;
            line-height: 130%;
        }

            footer .top p a {
                color: #35a6f2;
            }

        footer .top .col.one {
            margin-right: 4%;
        }

        footer .top .col.two {
            width: 32%;
        }

        footer .top .col.three {
            width: 25%;
        }


        footer .top ul {
        }

            footer .top ul li {
                float: none;
            }

                footer .top ul li a {
                    color: #c6d4ec;
                    font-size: 13px;
                    font-family: "gotham_book", Helvetic, Arial;
                }

    footer .bottom {
        padding-bottom: 20px;
    }

        footer .bottom .left {
            float: left;
        }

            footer .bottom .left ul.nav {
            }

                footer .bottom .left ul.nav li {
                    float: left;
                    margin: 0 20px 15px 0;
                }

                    footer .bottom .left ul.nav li a {
                        color: #c6d4ec;
                        font-size: 13px;
                        font-family: "gotham_book", Helvetic, Arial;
                    }

            footer .bottom .left p {
                font-size: 13px;
                margin-bottom: 0;
                color: #839bc6;
            }

            footer .top ul li a, footer .bottom .left ul.nav li a {
                -webkit-transition: .3s ease all;
                -moz-transition: .3s ease all;
                transition: .3s ease all;
            }

                footer .top ul li a:hover, footer .bottom .left ul.nav li a:hover {
                    color: #35a6f2;
                }

        footer .bottom .social {
            float: right;
        }

            footer .bottom .social li {
                float: left;
                margin-left: 8px;
            }

                footer .bottom .social li a {
                    display: block;
                    width: 33px;
                    height: 35px;
                    opacity: 1;
                    background: url(../img/icon_social_sprite.png) no-repeat;
                    -webkit-transition: .3s ease all;
                    -moz-transition: .3s ease all;
                    transition: .3s ease all;
                }

                    footer .bottom .social li a:hover {
                        opacity: 0.8;
                    }

                    footer .bottom .social li a.twitter {
                        background-position: 0 0;
                    }

                    footer .bottom .social li a.fb {
                        background-position: -43px 0;
                    }

                    footer .bottom .social li a.linkedin {
                        background-position: -85px 0;
                    }

                    footer .bottom .social li a.gplus {
                        background-position: -127px 0;
                    }

/********************************************************** helper classes */

.btn {
    display: inline-block;
    padding: 11px 26px;
    line-height: 1.35;
    height: 39px;
    font-family: "gotham_bold_2","gotham_bold", Arial;
    font-size: 14px;
    font-weight: normal;
    cursor: pointer;
    outline: none;
    text-align: center;
    border-radius: 3px;
    border: 0;
    background: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    -webkit-font-smoothing: antialiased;
}

.btn {
    -webkit-transition: .5s ease all;
    -moz-transition: .5s ease all;
    transition: .5s ease all;
}

.btnBlue {
    background: #35a6f2;
    color: #fff !important;
}

    .btnBlue:hover {
        background: #142b4e;
    }

.btnDBlue {
    background: #142b4e;
    color: #fff !important;
}

    .btnDBlue:hover {
        background: #35a6f2;
    }

.btnGrey {
    background: #b3b3b3;
    color: #fff !important;
}

    .btnGrey:hover {
        background: #9d9d9d;
    }

.btnCyan {
    background: #2dbec2;
    color: #fff !important;
}

    .btnCyan:hover {
        background: #35a6f2;
    }

.btnWhiteB {
    border: 1px #fff solid;
    color: #fff;
}

    .btnWhiteB:hover {
        border-color: #d9d9d9;
    }

.btnBlueB {
    border: 1px #142b4e solid;
    color: #142b4e;
}

    .btnBlueB:hover {
        background: #142b4e;
        color: #fff !important;
    }

.btnDBlueB {
    border: 1px #142b4e solid;
    color: #142b4e;
}

    .btnDBlueB:hover {
        border-color: #35a6f2;
        color: #35a6f2;
    }

/* youtube iframe embed */
.videoWrapper {
    position: relative;
    padding-bottom: 50%;
    padding-top: 25px;
    height: 0;
}
    /*.videoWrapper {position: relative;padding-bottom: 56.25%; padding-top: 25px;height: 0;}*/
    .videoWrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

/* ie8 notice */
.chromeframe {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #bd1215;
    padding: 10px 0;
    color: #fff;
    z-index: 1500;
    font-family: "customfont", Helvetic, Arial;
    text-align: center;
    margin-bottom: 0;
}

    .chromeframe a {
        text-decoration: underline;
        color: #fff;
    }

/* add css3 transition*/
.transition {
    -webkit-transition: .5s all ease;
    -moz-transition: .5s all ease;
    transition: .5s all ease;
}

/* hide elements meant for mobile only */
.mobile {
    display: none !important;
}

/* override all default input styles */
input[type=text], input[type=email], input[type=password], textarea, select[multiple=multiple] {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    outline: none !important;
}

input[type=text], input[type=email], input[type=password], textarea, select[multiple=multiple] {
    display: block;
    border: 1px #d9d9d9 solid;
    font-family: "gotham_book", Helvetica, Arial;
    font-size: 14px;
    padding: 10px 0 8px;
    text-indent: 10px;
    width: 99.2%;
    box-shadow: inset 1px 1px 1px 1px rgba(217, 217, 217, 0.3);
    border-radius: 3px;
}

textarea {
    box-sizing: border-box;
    padding: 10px;
    text-indent: 0;
    min-height: 110px;
}
/* fake select box styling */
.fakeSelectWrap {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 37px;
    line-height: 30px;
    margin: 0;
}

    .fakeSelectWrap.open .fakeSelect {
        border-radius: 0;
        background: #f1f1f1;
    }

    .fakeSelectWrap > select {
        position: absolute !important;
        z-index: 3;
        font-family: 'helvneue_reg';
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
        height: 100% !important;
        cursor: pointer;
        display: none !important;
        ;
    }

    .fakeSelectWrap > .fakeSelect {
        position: relative;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 4px;
        width: 100%;
        margin: 0;
        vertical-align: bottom;
        padding: 0 25px 0 10px;
        white-space: nowrap;
        text-overflow: ellipsis;
        border: 1px solid #ccc;
        background: #fff;
        height: 37px;
        line-height: 36px;
        cursor: pointer;
        color: #666;
        font-size: 14px;
        font-family: "gotham_book", Arial;
    }

        .fakeSelectWrap > .fakeSelect.focus {
            border-color: #98c7f8;
        }

            .fakeSelectWrap > .fakeSelect.focus:after {
                color: #81B5EC;
            }

        /* dropdown icon */
        .fakeSelectWrap > .fakeSelect span {
            position: absolute;
            top: 14px;
            right: 10px;
            width: 12px;
            height: 7px;
            background: url(../img/icon_dropdown.png) no-repeat center;
        }

        .fakeSelectWrap > .fakeSelect.long {
            overflow: hidden;
        }

    /* dropdown options */
    .fakeSelectWrap > .fakeDropdown {
        display: none;
        position: absolute;
        top: 36px;
        width: 100%;
        min-width: 200px;
        max-height: 300px;
        overflow: auto;
        z-index: 9999;
        background: #fff;
        border: 1px #ccc solid;
    }

        .fakeSelectWrap > .fakeDropdown span {
            display: block;
            padding: 5px 10px;
            font-family: "gotham_book", Arial;
            font-size: 14px;
            cursor: pointer;
            text-align: left;
        }

        .fakeSelectWrap > .fakeDropdown span {
            -webkit-transition: .3s ease all;
            transition: .3s ease all;
        }

            .fakeSelectWrap > .fakeDropdown span.long {
                font-size: 12px;
                height: auto;
                padding: 10px 0;
                line-height: 180%;
            }

            .fakeSelectWrap > .fakeDropdown span:hover {
                background: #f1f1f1;
            }

    .fakeSelectWrap.open > .fakeDropdown {
        display: block;
    }

    .fakeSelectWrap.sub .fakeDropdown {
        width: 320px !important;
    }

.forgotten-password h1 {
    font-family: "gotham_medium", Arial;
    font-size: 26px;
    color: #041533;
    font-weight: normal;
}


/********************************************************** responsive */

@media (min-width: 1401px) {

    #list aside {
        left: 0;
    }
}

@media (max-width: 374px) {
    header .right .languageSelect {
        margin: 5px -7px 0 0;
    }

        header .right .languageSelect .fakeSelect {
            padding: 7px 25px 5px 10px;
        }

    header .notifications {
        margin-right: 0px;
    }
}


@media (min-width: 720px) {

    #jobTypes .tab .threeColumn .col {
        padding-left: 5%;
        box-sizing: border-box;
        width: 32%;
        margin: 0 0.5%;
    }

    .advertise .content .title h4 {
        font-size: 20px;
        font-weight: bolder;
        margin-bottom: 0;
        font-family: "gotham_medium", Arial;
    }
}

@media (min-width: 895px) {
    #recent .inner {
        text-align: right;
    }

        #recent .inner .col {
            width: 22%;
            margin: 0 1%;
            float: none;
            display: inline-block;
            text-align: left;
        }
}

@media (max-width: 1400px) {
    /*Tablet Landscape/Smaller Desktops*/

    img {
        max-width: 100%;
        height: auto;
    }

    /* containers */
    .container {
        width: auto;
        padding: 0 30px;
    }

        .container.l0 {
            padding: 0;
        }

    #hero .container {
        width: 100%;
        padding: 0 !important;
    }

    /*********** helpers */

}

@media (max-width: 1160px) {

    .container.l0 {
        width: auto;
        padding: 0 15px;
    }


    /* sales skill alerts*/
    #salesalerts .title, #salesalerts .title .copy {
        margin-left: 0;
    }

    #salesalerts .copy {
        margin-left: 98px;
    }

    /* detail */
    #detail .more .btn {
        display: block;
        width: 80%;
        margin: 20px auto;
    }
}

@media (max-width: 1024px) {
    /*IPAD Landscape*/
    p {
    }

    h2 {
    }

    h3 {
    }

    html, body {
        overflow-x: hidden;
    }

    /*********** containers */

    .container.l0 {
        padding: 0 30px;
    }

    /*********** header */
    header {
    }


    /*********** hero */
    #hero .caption h1 {
        font-size: 40px;
    }

    #hero .caption p {
        font-size: 20px;
    }

    #hero .caption .search .inner input[type='text'] {
        width: 255px;
    }

    #hero .caption .recruiters {
        right: 15px;
    }

    /*********** pages */

    .notification p {
        font-size: 15px;
    }

    /* home */
    #jobTypes .tabButtons {
        top: -44px;
    }

        #jobTypes .tabButtons a {
            padding: 14px 15px;
        }

    /* list */
    #list aside {
        left: 30px;
    }

    aside .header {
        font-size: 13px;
    }

    aside .block ul li a {
        font-size: 13px;
    }

    /* buy listing */
    #buylistings .more .title {
        margin-bottom: 30px;
    }

        #buylistings .more .title a.btn {
            margin-top: 25px;
        }

    /*********** footer */
    footer {
    }


    /*********** helpers */
    /*.fakeSelectWrap > select {
        display: block !important;
    }

    .fakeSelectWrap > .fakeDropdown {
        display: none !important;
    }*/
}

@media (max-width: 895px) {
    /*IPAD Portrait*/
    p {
    }

    h2 {
    }

    h3 {
        font-size: 21px;
    }


    main.home .title h2 {
        font-size: 24px;
    }

    main.home .title a.btn {
        right: 15px;
    }

    /*********** containers */
    .container.l1 {
        width: auto;
        padding: 0 30px;
    }

    /*********** header */
    header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1000;
    }

        header.change .top {
            padding: 10px 0;
        }

        header h1 {
        }

        header .logo a {
            width: 135px;
            height: 45px;
            background-size: 100%;
        }

        header nav {
            display: none;
        }


        header .userNav .dropdown {
            left: inherit;
            right: 0;
        }


        header.change .notifications {
            height: 30px;
        }

        header.change .logo a {
            width: 100px;
        }

        /* header bottom search form */
        header .bottom .search .inner span {
            display: none;
        }

        header .bottom .search .inner input[type='text'] {
            width: 265px;
        }

    /*********** hero */
    #hero {
    }

        #hero .caption h1 {
            font-size: 36px;
        }

        #hero .caption p {
            font-size: 19px;
        }

        #hero .caption .search .inner input[type='text'] {
            width: 235px;
        }

    /*********** pages */

    main.page {
        margin-top: 128px;
    }

    main.top {
        margin-top: 70px;
    }


    /* pagination */

    #pagination .paging, #pagination p {
        float: none;
    }

    /* filters */
    .meta p.pageResultCount, .meta #filters {
        float: none;
    }

    .meta p.pageResultCount {
        margin: 0 0 10px;
    }

    .meta #filters .fakeSelectWrap {
        margin: 0 15px 0 0;
    }

    /* notification */
    .notification {
        padding: 30px 15px;
    }

        .notification p {
            font-size: 12px;
        }

        .notification.small {
            max-width: 46%;
        }

    /* job alerts */
    .alert .form .inner input[type='text'] {
        width: 165px;
    }

    .alert .form .inner input[type='submit'] {
        width: 145px;
        margin-top: 10px;
    }

    /* home */
    #jobTypes .tabs .tab {
        padding: 40px 15px !important;
    }

    #jobTypes .tabButtons a {
        font-size: 12px;
    }

    #recent .inner .col {
        width: 48%;
        margin-bottom: 25px;
    }

    #companies .container {
        padding: 0 40px !important;
    }

    #companies .slider .slide img {
        margin: 0 auto;
    }

    /* listing */

    #list aside {
        width: 28%;
    }

    #list .results {
        width: 68%;
    }

        #list .results h1 {
            font-size: 24px;
        }

        #list .results .job h2 {
            font-size: 22px;
        }

    .relatedSearches li a {
        font-size: 12px;
    }

    /* contact */

    #contact .form label {
        width: 33%;
    }

    #contact .form .field {
        width: 65%;
    }

    #contact .form .col.second .field {
        width: 74%;
    }

    /* sign in */
    #signin .notification {
        width: 43.7%;
        max-width: 100%;
    }

    #signin .loginWrapper {
        width: 46.2%;
    }

    #signin .registerWrapper .inner {
        margin-left: 30px;
    }

    /* browse */

    #browse .paging .inner a {
        font-size: 12px;
    }

    #browse .list ul {
        width: 50%;
        margin-bottom: 25px;
    }

    /* sitemap */
    #sitemap.web .block {
        width: 33%;
    }

        #sitemap.web .block.long {
            width: 50%;
        }

    /* recruiter landing */
    #landing .loginWrapper .inner {
        padding: 30px 10% 25px;
    }

    #landing .loginWrapper, #landing .info {
        float: none;
        width: auto;
    }

    #landing .loginWrapper {
        margin-bottom: 30px;
    }

        #landing .loginWrapper span.register a {
            display: block;
        }

    #landing .info {
    }

    #landing h2 {
        font-size: 20px;
    }

    #landing h3 {
        font-size: 14px;
    }

    #landing ul {
        margin-bottom: 0;
    }

        #landing ul li {
            font-size: 14px;
            margin-left: 0;
        }

    #landing a.registerNow {
        display: block;
        padding: 11px 0;
        width: 75%;
        margin: 20px auto 30px;
    }

    /* buy listing */
    #buylistings .actions {
        padding: 0;
    }

    #buylistings .action {
        width: 48%;
    }

        #buylistings .action h2 {
            font-size: 28px;
        }

        #buylistings .action .sliderWrapper {
            margin-bottom: 70px;
        }

            #buylistings .action .sliderWrapper .pricing .item span {
                font-size: 14px;
            }

    /* buy cv database */

    #buycv .action h2 {
        font-size: 26px;
    }

    /* basket */
    #basket table td a.removeItem {
        margin-left: 30px;
    }

    /*********** footer */

    footer {
    }

    /*********** helpers */
    .btn {
        font-size: 12px;
    }
}

@media (max-width: 720px) {
    /*Mobile Landscape*/
    p {
        font-size: 13px;
    }

    h2 {
    }

    h3 {
        font-size: 18px;
    }


    /*********** containers */
    .container {
        width: auto !important;
        padding: 0 15px !important;
    }

    /*********** general */
    main .content {
        padding: 40px 0;
    }

    main.home .title {
        text-align: center;
        margin-bottom: 50px;
    }

        main.home .title h2 {
            font-size: 20px;
            margin-bottom: 15px;
        }

        main.home .title a.btn {
            position: relative;
            top: 0;
            right: inherit;
        }

    .threeColumn {
        margin: 0;
    }

        .threeColumn .col {
            width: auto !important;
            margin: 0 0 25px;
            float: none;
        }

    main .col.first, main .col.second {
        float: none;
        width: 100%;
    }

    main .col.first {
        margin-bottom: 25px;
    }

    /* home page subscribe form */
    #openSubscribe {
        position: fixed;
        top: inherit !important;
        bottom: 0;
        right: 0 !important;
        transform: inherit;
        width: 100%;
        box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2), 0px -2px 5px rgba(0, 0, 0, 0.2);
        -webkit-transition: .3s ease all;
        transition: .3s ease all;
    }

        #openSubscribe.close {
            bottom: -50px;
        }

        #openSubscribe a.btn {
            display: block;
            padding: 14px 0;
            background: #e5f1ef;
            color: #061634 !important;
        }

    #subscribe {
        position: fixed;
        top: inherit !important;
        right: 0 !important;
        bottom: -360px;
        width: 100%;
        box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2), 0px -2px 5px rgba(0, 0, 0, 0.2);
        -webkit-transition: .3s ease all;
        transition: .3s ease all;
    }

        #subscribe.open {
            bottom: 0;
        }

        #subscribe .inner {
            width: 70%;
        }

        #subscribe h3 {
            font-size: 18px;
        }

        #subscribe p {
            font-size: 15px;
        }


    /* notice bar */
    #notice p {
        font-size: 12px;
        padding: 1px 10%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #notice a.close {
        top: 12px;
    }

    #page.showNotice header, #page.menu.showNotice header {
        top: 39px;
    }

    #page.showNotice main {
        margin-top: 90px;
    }

        #page.showNotice main.recruiters {
            margin-top: 170px;
        }

    #page.menu.loggedIn.showNotice #navigation {
        top: 87px;
    }

    #page.showNotice #navigation .respMenu {
        top: 36px;
    }


    /*********** header */
    header {
        padding-top: 10px;
    }

        header.start {
            top: -190px;
        }


        header .userNav, .loggedIn header.change .right .userNav {
            display: none;
        }

        header .respMenu {
            display: block;
        }


        /* TEMP */
        header .left ul {
            position: fixed;
            bottom: 0;
            left: 0;
            width: 100%;
            background: #041533;
        }

            header .left ul li {
                width: 50%;
                margin-left: 0;
                padding: 12px 0;
                text-align: center;
            }

        header .left a {
            position: relative;
        }

        header .left ul li > a:after {
            transform: rotate(180deg);
        }

        header .left ul li:first-child {
            left: 0;
            right: inherit;
        }

        header .left .pageName {
            font-size: 11px;
            padding: 5px 0 3px 9px;
            margin: 12px 0 0 8px;
        }

        header.change .right {
            margin-top: 0;
        }

        header .dropdown .wrapper {
            position: fixed;
            top: inherit;
            left: inherit;
            right: 0;
            bottom: 43px;
        }

        header .dropdown:hover .wrapper {
            top: inherit;
        }
        /* option 2 */

        header .left ul {
            display: none;
        }

        header .top {
        }

    #page.menu header {
        position: fixed;
        top: 0;
        box-shadow: none;
        padding-top: 0;
    }

        #page.menu header .top {
            background: #041533;
            padding: 0;
        }

        #page.menu header .left ul {
            display: none;
        }

        #page.menu header .right .uploadCV {
            display: none;
        }

        #page.menu header a.respMenu {
            display: none;
        }

    /* user logged in */
    #page.menu.loggedIn header .right {
        text-align: center;
        float: none;
    }

    #page.menu.loggedIn header .userNav {
        float: none;
        display: inline-block;
        background: #041533;
        margin-right: 0;
        padding: 10px 0;
        position: absolute;
        left: 0;
        right: 0;
    }

        #page.menu.loggedIn header .userNav .top span.name {
            display: inline-block;
        }

        #page.menu.loggedIn header .userNav .top:after {
            display: none;
        }

        #page.menu.loggedIn header .userNav .dropdown {
            display: none;
        }

        #page.menu.loggedIn header .userNav:after {
            display: none;
        }

    #page.menu.loggedIn #navigation {
        top: 53px;
        padding-top: 5px;
    }

    #page.menu #navigation .respMenu {
        display: block;
    }

    #page.menu header .logo {
        display: none;
    }

        #page.menu header .logo a {
            width: 100px;
        }

    #page.menu header .notifications {
        display: none;
    }

    header.change .right .uploadCV {
        display: none;
    }

    header.change .top {
        padding: 0;
    }


    header.change .notifications {
        height: 42px;
        width: 50px;
    }

        header.change .notifications .count {
            top: 5px;
            right: 9px;
        }

        header.change .notifications .dropdown {
            box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
            width: 80% !important;
            position: fixed;
            left: 50% !important;
            right: 50% !important;
            transform: translate(-50%, 0);
        }


    header .notifications {
        margin-right: 5px;
    }

        header .notifications .dropdown {
            right: -40px;
            top: 38px;
        }

        header .notifications:after {
            bottom: 4px;
        }

        header .notifications:hover .dropdown, header .notifications.active .dropdown {
            top: 42px;
            opacity: 1;
            visibility: visible;
        }

        header .notifications:hover:after, header .notifications.active:after {
            bottom: 0;
        }

        header .notifications .icon {
            margin-top: -10px;
        }

    header .right .uploadCV {
        display: none;
        width: auto;
        font-size: 11px;
        margin-right: 5px;
        padding: 8px 5px 6px;
    }

    /* basket count */
    header .basketHeader {
        margin-top: 7px;
    }

        header .basketHeader #basketItemCount {
            margin-left: 3px;
        }

            header .basketHeader #basketItemCount span.label {
                display: none;
            }


    /* header contact */
    header p.contact {
        font-size: 12px;
        margin-top: 15px;
    }

        header p.contact:before {
            content: "Contact";
        }

        header p.contact span {
            display: none;
        }

    /* search icon active color */
    header a.search.active {
        color: #35a6f2;
    }

    /* header dropdown search form */
    header .bottom {
        display: none !important;
        background: #041533;
    }

        header .bottom.active {
            display: block !important;
        }

        header .bottom .search {
            display: block;
        }

            header .bottom .search .inner {
                padding: 25px 15%;
            }


                header .bottom .search .inner span {
                    display: none;
                }

                header .bottom .search .inner input[type='text'] {
                    display: block;
                    width: 100%;
                    padding: 10px 0;
                    margin: 0 0 10px;
                    font-size: 13px;
                }

                header .bottom .search .inner input[type='submit'] {
                    padding: 8px 0;
                    margin: 0;
                    width: 100%;
                }

        /* display overview panel */
        header .bottom.overview {
            display: block !important;
        }

        header .bottom .overviewPanel .wrapper {
            float: none;
        }

            header .bottom .overviewPanel .wrapper:after {
                content: "";
                display: block;
                clear: both;
            }

        header .bottom .overviewPanel .block {
            display: block;
            width: 46%;
            margin: 0 2%;
            float: left;
        }

        header .bottom .overviewPanel #skillAlerts, header .bottom .overviewPanel #dailyCV {
            display: none;
        }

    /*********** hero */
    #hero {
        height: 515px;
        background-position: 70%;
    }

        #hero .caption h1 {
            font-size: 30px;
        }

        #hero .caption p {
            font-size: 14px;
            margin-bottom: 25px;
        }

        #hero .caption .search .inner {
            background: none;
            padding: 15px 10%;
        }

        #hero .caption .search {
            margin-bottom: 25px;
        }

            #hero .caption .search .inner input[type='text'], #hero .caption .search .inner input[type='submit'] {
                width: 100%;
                margin: 0 0 10px;
                font-size: 12px;
                border: none;
            }

        #hero .caption .recruiters {
            position: relative;
            right: 0;
            top: 0;
        }

    /*********** pages */
    main.page {
        margin-top: 53px;
    }

        main.page.recruiters {
            margin-top: 140px;
        }

        main.page.advertise {
            margin-top: 30px;
        }


        main.page .title h1 {
            font-size: 20px;
        }

        main.page .title h2 {
            font-size: 16px;
        }

        main.page .title.icon:after {
            content: "";
            display: block;
            clear: both;
        }

        main.page .title.icon img {
            width: 20%;
            display: block;
            margin: 0 auto 10px;
        }

        main.page .title.icon .copy {
            width: auto;
            margin: 0 0 10px;
            display: block;
            padding-top: 5px;
            text-align: center;
        }

        /* tables */
        main.page .table table, main.page .table thead, main.page .table tbody, main.page .table th, main.page .table td, main.page .table tr {
            display: block;
        }

            main.page .table table thead tr {
                position: absolute;
                top: -9999px;
                left: -9999px;
            }

            main.page .table table tr {
                border: 1px solid #ccc;
                margin-bottom: 20px;
            }

            main.page .table table td {
                border: none;
                border-bottom: 1px solid #eee;
                position: relative;
                padding-left: 30%;
                font-size: 13px;
            }

                main.page .table table td:before {
                    position: absolute;
                    top: 12px;
                    left: 6px;
                    width: 20%;
                    padding-right: 10px;
                    white-space: nowrap;
                    font-family: "gotham_medium", Arial;
                }

                main.page .table table td:after {
                    clear: both;
                    content: "";
                    display: block;
                }

        main.page .form .submit span.terms {
            margin: 0 0 10px;
            display: block;
        }

    #breadcrumbs {
        padding-top: 15px;
    }

        #breadcrumbs.border {
            margin-bottom: 20px;
        }

        #breadcrumbs ul {
            float: none;
            margin-bottom: 5px;
        }

        #breadcrumbs li {
            font-size: 13px;
        }

        #breadcrumbs ul:after {
            content: "";
            display: block;
            clear: both;
            overflow: hidden;
            height: 0;
        }

        #breadcrumbs a.backToResults {
            float: none;
            font-size: 14px;
        }


    .notification {
        padding: 30px 15px;
    }

        .notification:after {
            display: block;
            content: "";
            clear: both;
            overflow: hidden;
            height: 0;
        }

        .notification .icon {
            height: 42px;
        }

        .notification .icon, .notification p {
            float: left;
        }

        .notification .icon, .notification.success .icon {
            width: 10%;
            margin-right: 2%;
            background-size: 100% !important;
            float: left;
        }

        .notification p, .notification.success p {
            font-size: 13px;
            width: 88%;
            float: left;
        }



    /* home */
    main.home {
        margin-top: 515px;
    }

        main.home a.showAll {
            position: relative;
            top: 0;
            right: 0;
            width: 135px;
            padding: 11px 0 9px;
            display: block;
            margin: 20px auto;
        }


    #jobTypes .tabButtons {
        position: relative;
        top: 0;
        height: auto;
        display: none;
    }

        #jobTypes .tabButtons .inner {
            width: 100%;
        }

            #jobTypes .tabButtons .inner .wrapper {
                display: block;
            }

        #jobTypes .tabButtons a, #jobTypes .tabs .tab a.tabButton {
            display: block;
            float: none;
            width: 100%;
            font-size: 14px;
            padding: 14px 0;
            border-left: 0;
            border-radius: 0 !important;
            border-bottom: 1px #041533 solid;
        }

            #jobTypes .tabButtons a.active {
                display: block;
                position: relative;
            }

        /* arrow #jobTypes .tabButtons a.active:after{content: ""; display: block; width: 14px; height: 9px; position: absolute; top: 17px; right: 12px; background: url(../img/icon_dropdown.png) no-repeat center; background-size: 100%;}*/

        #jobTypes .tabButtons.open a {
            display: block;
        }

            #jobTypes .tabButtons.open a.active:after {
                transform: rotate(90deg);
            }

    #jobTypes .tabs .tab a.tabButton {
        color: #fff;
        text-align: center;
        text-transform: uppercase;
        background: #142b4e;
        font-family: "gotham_medium", Arial;
        -webkit-font-smoothing: antialiased;
    }

    #jobTypes .tabs .tab .showAll {
        margin: 0 0 0 -60px;
    }


    #jobTypes .tabs .tab {
        padding: 0 !important;
        display: block;
    }

        #jobTypes .tabs .tab .inner {
            max-height: 0;
            overflow: hidden;
            position: relative;
            -webkit-transition: .5s all ease;
            -moz-transition: .5s all ease;
            transition: .5s all ease;
        }

        #jobTypes .tabs .tab .threeColumn { /*padding: 30px 15px;*/
            background: #142b4e;
        }

            #jobTypes .tabs .tab .threeColumn .col {
                margin-bottom: 0;
            }

            #jobTypes .tabs .tab .threeColumn ul li {
                margin-bottom: 0;
            }

                #jobTypes .tabs .tab .threeColumn ul li a, #jobTypes .tabs .tab .showAll {
                    display: block;
                    font-size: 14px;
                    color: #fff;
                    padding: 10px 0;
                    text-align: center;
                    background: #041533;
                }

        #jobTypes .tabs .tab .showAll {
            position: relative;
            left: 0;
            width: 100%;
            margin: 0;
            border-radius: 0;
            font-family: "gotham_book", Helvetic, Arial;
            -webkit-font-smoothing: initial;
        }

        #jobTypes .tabs .tab.open .inner {
            max-height: 1000px;
        }

        #jobTypes .tabs .tab.active a.tabButton {
            background: #e5f1ef;
            color: #061634;
        }


    /* recent jobs added */

    #recent .inner .col {
        width: auto;
        margin: 0 auto 25px;
    }

        #recent .inner .col h3 a {
            font-size: 17px;
        }

        #recent .inner .col a {
            font-size: 13px;
        }

    #recent a.showAll {
        margin-top: 0;
    }

    #companies .container {
        padding: 0 10% !important;
    }

    #companies .slider {
        margin: auto;
    }

    #companies .wrapper a.control {
        margin-top: -15px;
    }

        #companies .wrapper a.control.prev {
            left: -8%;
        }

        #companies .wrapper a.control.next {
            right: -8%;
        }

    /* featured companies */
    #featured .wrapper:after {
        clear: both;
        height: 0;
        overflow: hidden;
    }

    #featured .wrapper img {
        max-width: 38%;
        margin: 10px 15px;
    }

    /* career advice */
    #advice article h3 a {
        font-size: 16px;
    }


    /* */
    #list aside {
        float: none;
        width: calc(100% + 30px);
        margin-bottom: 25px;
        position: relative;
        left: -15px;
        right: -15px;
    }

        #list aside .inner {
            padding: 0;
            background: #142b4e;
        }

        #list aside .header {
            display: none;
        }

        #list aside .block {
            padding: 0;
            border: none;
        }

        #list aside h3 {
            display: block;
            cursor: pointer;
            background: #142b4e;
            color: #fff;
            float: none;
            width: 100%;
            font-size: 14px;
            text-align: center;
            padding: 14px 0;
            margin-bottom: 0;
            border-bottom: 1px #041533 solid;
        }

        #list aside ul {
            max-height: 0;
            overflow: hidden;
            margin-left: 0;
            -webkit-transition: .5s all ease;
            -moz-transition: .5s all ease;
            transition: .5s all ease;
        }

            #list aside ul li {
                margin-bottom: 0;
            }

                #list aside ul li a {
                    display: block;
                    color: #fff;
                    font-size: 14px;
                    padding: 10px 0;
                    text-align: center;
                    background: #041533;
                }

        #list aside .active h3 {
            background: #e5f1ef;
            color: #061634;
        }

        #list aside .open ul {
            max-height: 1000px;
        }

    #list .results {
        float: none;
        width: 100%;
    }

        #list .results h1 {
            font-size: 23px;
            text-align: center;
            margin-bottom: 20px;
        }

        #list .results .job h2 {
            font-size: 18px;
        }

        #list .results .job p.location, #list .results .job p.salary {
            font-size: 12px;
        }

        #list .results .job img.companyLogo {
            top: 0;
            position: relative;
            margin-bottom: 15px;
        }

        #list .results .job dl, #list .results .job dl.right {
            float: none;
        }

    /* page data */
    .meta {
        text-align: center;
    }

        .meta h3 {
            font-size: 18px;
        }

        .meta p {
            font-size: 15px;
        }

            .meta p.pageResultCount {
                font-size: 12px;
                float: none;
                margin-bottom: 10px;
            }

        .meta #filters {
            float: none;
        }

            .meta #filters .fakeSelectWrap {
                width: 42%;
                margin-left: 5px;
                text-align: left;
            }

    /* paging */
    #pagination p {
        font-size: 12px;
        float: none;
        margin-bottom: 10px;
    }

    #pagination .paging {
        float: none;
    }

        #pagination .paging li {
            font-size: 11px;
            margin-right: 3px;
        }

    /* alert subscribe form */
    .alert span.header, .alert.change span.header {
        font-size: 13px;
    }

    .alert .form .inner {
        padding: 15px 20%;
    }

        .alert .form .inner input[type='text'] {
            width: 100%;
            margin: 0 0 10px;
            border: none;
        }

        .alert .form .inner input[type='submit'] {
            width: 100%;
            margin: 0;
        }

    /* related searches */
    .relatedSearches {
        padding-bottom: 15px;
    }

        .relatedSearches span.header {
            font-size: 15px;
            text-align: center;
        }

        .relatedSearches li {
            text-align: center;
        }

            .relatedSearches li a {
                font-size: 13px;
            }

    /* company listing */

    #list.company aside img.companyLogo {
        display: none;
    }



    #list.company .companyIntro .image, #list.company .companyIntro .info {
        width: 100%;
        float: none;
    }

    #list.company .companyIntro .image {
        margin-bottom: 20px;
    }

        #list.company .companyIntro .image img {
            margin-left: 0;
        }

    #list.company .companyIntro .info .action {
        text-align: center;
    }

        #list.company .companyIntro .info .action span {
            margin: 0 0 10px;
        }

        #list.company .companyIntro .info .action a.moreInfo {
            display: block;
        }

    #companySidebar {
        width: 100%;
        right: -100%;
    }


    html.sidebar, body.sidebar {
        overflow: hidden;
    }
    /* detail */
    #detail .main, #detail aside {
        float: none;
        width: 100%;
    }

        #detail .main h1 {
            font-size: 20px;
        }

        #detail .main span.location, #detail .main span.salary {
            font-size: 14px;
        }

        #detail .main ul.jobDetails {
            margin-bottom: 30px;
        }

        #detail .main li {
            font-size: 14px;
        }

        #detail .main p.closingDate {
            margin-bottom: 25px;
        }

    #detail a.applyNow {
        clear: both;
        float: none;
        width: 80%;
        padding: 12px 0 10px;
        display: block;
        margin: auto;
    }

    #detail img.companyLogo {
        position: relative;
        top: 0;
        right: 0;
        margin-bottom: 25px;
    }

    #detail a.reportListing {
        position: relative;
        top: 0;
        display: block;
        right: 0;
        font-size: 12px;
        display: none;
    }

    #detail p.more {
        margin-top: 10px;
    }

    #detail .more .btn {
        width: auto;
    }

    .notification .otherJobs .col {
        border-left: none;
        border-top: 1px #a6c8c2 solid;
        margin: 25px 0;
        padding: 25px 0 0;
    }

        .notification .otherJobs .col:first-child {
            border-top: none;
        }

        .notification .otherJobs .col h3 {
            font-size: 16px;
        }

    /* job alerts */

    #alerts table td:nth-of-type(1):before {
        content: "Job Title";
    }

    #alerts table td:nth-of-type(2):before {
        content: "Location";
    }

    #alerts table td:nth-of-type(3):before {
        content: "Alert";
    }

    #alerts table tr.removed td {
        padding: 30px;
    }

        #alerts table tr.removed td:before {
            display: none;
        }

    /* contact */
    #contact .notification {
        max-width: 100%;
    }

    #contact .form ul {
    }

        #contact .form ul li {
            margin-bottom: 25px;
        }

    #contact .form label, #contact .form .field {
        display: block;
    }

    #contact .form label {
        width: auto;
        margin-bottom: 10px;
    }

    #contact .form .field, #contact .form .col.second .field {
        width: 100%;
    }


    /* sign in */
    #signin h2 {
        font-size: 18px;
    }

    #signin .notification {
        width: auto;
        max-width: 100%;
    }

    #signin .loginWrapper {
        float: none;
        width: auto;
        margin-bottom: 0;
    }

    #signin .registerWrapper {
        float: none;
        width: auto;
        margin: 0;
    }

    #signin .loginWrapper .inner {
        padding: 30px 5% 25px;
    }


    #signin .registerWrapper .inner {
        margin-left: 0;
    }

    #signin .registerWrapper ul li {
        font-size: 14px;
    }

    #signin .registerWrapper h3 {
        font-size: 15px;
    }

    /* confirmation */
    #signin.confirmation .top h1 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    #signin.confirmation .top p {
        font-size: 14px;
    }

    #signin.confirmation .links a {
        float: none;
    }

    #signin.confirmation .competition .form {
        width: auto;
    }

        #signin.confirmation .competition .form .col {
            width: auto;
            margin-bottom: 10px;
        }

            #signin.confirmation .competition .form .col.second {
                margin-bottom: 0;
            }

        #signin.confirmation .competition .form .field {
            width: 100%;
            margin-bottom: 0;
        }

            #signin.confirmation .competition .form .field:before {
                display: block;
                content: '';
                width: 40%;
                background: #ddd;
                height: 1px;
                margin: 17px auto;
            }

            #signin.confirmation .competition .form .field:first-of-type:before {
                display: none;
            }

        #signin.confirmation .competition .form .submit {
            padding-top: 40px;
        }

    /* profile */

    #profile ul li {
        margin-bottom: 25px;
    }

    #profile label, #profile .field {
        display: block;
    }

    #profile label {
        width: auto;
        margin-bottom: 10px;
        text-indent: 0;
    }

    #profile .field {
        width: 100%;
    }

    #profile .block {
        padding: 30px 0 10px !important;
    }


    #profile .notification {
        padding: 30px 15px 20px;
    }

        #profile .notification p {
            font-size: 14px;
            margin-top: 0 !important;
        }

        #profile .notification.success p {
            margin-top: 5px !important;
        }

        #profile .notification ul {
            margin-left: 42px;
        }

            #profile .notification ul li {
                margin-top: 0 !important;
            }

    #profile .cvUpdate {
        right: 0;
    }

    #profile.signin .title span {
        font-size: 14px;
    }

    #profile.signin .steps .link {
        display: block;
    }

        #profile.signin .steps .link span.number {
            line-height: 37px;
        }

    /* sign in */

    #profile .steps .link {
        margin: 0 0 20px;
        display: block;
    }

    #profile .submit span.terms {
        margin: 0 0 15px 0;
        font-size: 12px;
    }

    /* browse */
    #browse .paging {
        overflow: scroll;
        height: auto;
        width: calc(100% - 45px);
        border-left: 15px #f4f4f4 solid;
        border-right: 30px #f4f4f4 solid;
    }

        #browse .paging .inner {
            width: 945px;
            padding: 12px 0;
        }

            #browse .paging .inner a {
                width: 31px;
                margin: 2px;
            }

        #browse .paging a.control {
            display: none;
            width: 25px;
        }

            #browse .paging a.control.next {
                display: block;
            }

    #browse .list ul {
        width: 100%;
        float: none;
    }

    /* sitemap */

    #sitemap.web .block {
        float: none;
        width: 100% !important;
    }


    /* testimonials */
    #testimonials .title {
        text-align: center;
        padding-bottom: 20px;
    }

        #testimonials .title h1 {
            text-align: left;
        }

        #testimonials .title p {
            text-align: left;
        }


        #testimonials .title .left, #testimonials .title a.btn {
            float: none;
        }

    #testimonials .reviews .review .inner {
        padding: 0;
    }

    #testimonials .reviews .review .reviewerDetails span {
        font-size: 13px;
    }

    #testimonials .seeker .testimonial .meta {
        text-align: left;
    }



    /* forgot password */
    #password {
        padding: 150px 0 180px;
    }

        #password span.header {
            font-size: 20px;
        }

        #password p {
            font-size: 14px;
        }

        #password .form {
            max-width: 100%;
        }


    /* contact */
    #contact .notification {
        padding: 10px 15px;
    }

        #contact .notification .icon {
            width: 40px;
            margin-right: 10px;
        }

        #contact .notification span {
            font-size: 10px;
            width: 75%;
        }

    #contact .form .col.second label {
        width: auto;
    }

    /* upload */

    #files table td {
        padding-left: 30%;
        font-size: 13px;
    }

    #files table .size, #files table .modified {
        width: auto;
        text-align: left;
    }

    #files table td span.icon {
        float: left;
        position: relative;
        margin-top: -3px;
    }

    #files table td:nth-of-type(1):before {
        content: "Title";
    }

    #files table td:nth-of-type(2):before {
        content: "Size";
    }

    #files table td:nth-of-type(3):before {
        content: "Modified";
    }




    /* edit agents */
    #manageAgents .title {
        margin-top: 0;
    }

        #manageAgents .title h1 {
            float: none;
        }

        #manageAgents .title a {
            float: none;
            margin: auto;
        }

    #manageAgents table td {
        padding-left: 38%;
    }

        #manageAgents table td:before {
            top: 12px;
        }

        #manageAgents table td:nth-of-type(1):before {
            content: "Email/Username";
        }

        #manageAgents table td:nth-of-type(2):before {
            content: "First Name";
        }

        #manageAgents table td:nth-of-type(3):before {
            content: "Last Name";
        }

        #manageAgents table td:nth-of-type(4):before {
            content: "Job Title";
        }

        #manageAgents table td:nth-of-type(5):before {
            content: "Contact Number";
        }

    #manageAgents table tr.removed td:nth-of-type(1):before {
        content: "";
    }

    #manageAgents table td:last-child {
        padding-left: 6px;
    }

    #manageAgents .addAgent .form {
        width: auto;
        margin-left: 0;
    }

        #manageAgents .addAgent .form label {
            width: auto;
            text-indent: 0;
        }

        #manageAgents .addAgent .form label, #manageAgents .addAgent .form .field {
            display: block;
            width: 100% !important;
        }

    #manageAgents.createAgent .title {
        margin-bottom: 40px;
    }

    #manageAgents .addAgent .notification p {
        font-size: 14px;
        margin-top: 0;
    }

    #manageAgents .addAgent .notification ul {
        margin-left: 42px;
    }

    /* skill alerts */
    #skillAlertsWrap table td:nth-of-type(1):before {
        content: "Skill";
    }

    #skillAlertsWrap table td:nth-of-type(2):before {
        content: "Province";
    }

    #skillAlertsWrap table td:nth-of-type(3):before {
        content: "City/Town";
    }

    #skillAlertsWrap table td:nth-of-type(4):before {
        content: "Education";
    }

    #skillAlertsWrap table td:nth-of-type(5):before {
        content: "Ethnicity";
    }

    #skillAlertsWrap table td:nth-of-type(6):before {
        content: "Experience";
    }

    #skillAlertsWrap table td a.removeAlert {
        float: none;
        margin-left: 15px;
    }

    #skillAlertsWrap table tr.removed td:nth-of-type(1):before {
        content: "";
    }

    /* manage jobs */
    #manageJobs .title {
        margin-top: 0;
    }

    #manageJobs table td:before {
        top: 12px;
    }

    #manageJobs table td:nth-of-type(1):before {
        content: "Job Reference";
    }

    #manageJobs table td:nth-of-type(2):before {
        content: "Title";
    }

    #manageJobs table td:nth-of-type(3):before {
        content: "Publish Date";
    }

    #manageJobs table td:nth-of-type(4):before {
        content: "Expiry Date";
    }

    #manageJobs table td:nth-of-type(5):before {
        content: "Applications";
    }

    #manageJobs table tr.removed td:nth-of-type(1):before {
        content: "";
    }

    #manageJobs table td:last-child {
        padding-left: 6px;
    }

    #manageJobs table td a.view {
        float: left;
    }

    #manageJobs table td a.deleteJob {
    }



    /* search results */
    #searchResults .title p {
        float: none;
        margin-bottom: 20px;
    }

    #searchResults .title .buttons {
        float: none;
    }

        #searchResults .title .buttons a.btn {
            display: block;
            padding: 7px 0;
            width: 70%;
            margin: 0 auto 10px;
        }

    #searchResults .quickSearch {
        padding: 20px;
    }

        #searchResults .quickSearch h3 {
            margin-bottom: 25px;
        }

        #searchResults .quickSearch .field {
            width: 100%;
            margin: 0 0 15px;
            display: block;
        }

            #searchResults .quickSearch .field.radio {
                width: 99%;
            }

            #searchResults .quickSearch .field label {
                position: relative;
                top: 0;
                font-size: 13px;
            }

            #searchResults .quickSearch .field.submit input[type='submit'] {
                display: block;
                width: 100%;
            }

    #searchResults table td:nth-of-type(1):before {
        content: "Title";
    }

    #searchResults table td:nth-of-type(2):before {
        content: "Name";
    }

    #searchResults table td:nth-of-type(3):before {
        content: "Age";
    }

    #searchResults table td:nth-of-type(4):before {
        content: "Highest Education";
    }

    #searchResults table td:nth-of-type(5):before {
        content: "Years Experience";
    }

    #searchResults table td:nth-of-type(6):before {
        content: "Ethinicity";
    }

    #searchResults table td:nth-of-type(7):before {
        content: "Current Location";
    }

    #searchResults table td:nth-of-type(8):before {
        content: "Job Title";
    }

    #searchResults table td {
        padding-left: 40%;
    }

    #searchResults td.action {
        width: auto;
    }

    /* post job */

    #postJob .form h2 {
        margin-bottom: 20px;
    }

    #postJob .row {
        border-bottom: 0;
        padding: 0;
    }

    #postJob .block {
        width: 100%;
        float: none;
        margin-bottom: 25px;
        padding-bottom: 20px;
        border-bottom: 1px #e9e9e9 solid;
    }

        #postJob .block.full {
            border-bottom: 0;
        }

    #postJob .field, #postJob .field .col {
        width: 100%;
    }

    #postJob .description textarea {
        height: 200px;
    }

    #postJob .questions .field.type {
        width: 30%;
    }

        #postJob .questions .field.type a.add {
            right: -30px;
        }

    #postJob .bottom .discountWrapper {
        float: none;
        padding-top: 0;
    }

    #postJob .bottom .submit {
        float: none;
    }

    #postJob .notification p {
        font-size: 13px;
    }

    #postJob .notification ul {
        margin-left: 42px;
    }

    /* cv downloads */


    #downloads table tr {
    }

    #downloads table td:nth-of-type(1):before {
        content: "Title";
    }

    #downloads table td:nth-of-type(2):before {
        content: "Name";
    }

    #downloads table td:nth-of-type(3):before {
        content: "Age";
    }

    #downloads table td:nth-of-type(4):before {
        content: "Town / City";
    }

    #downloads table td:nth-of-type(5):before {
        content: "Job Title";
    }

    #downloads table td:nth-of-type(6):before {
        content: "Mobile";
    }

    #downloads table td:nth-of-type(7):before {
        content: "Downloaded By";
        position: relative;
        left: 0;
        top: 0;
        margin: 0 0 5px 6px;
    }

    #downloads table td:nth-of-type(8):before {
        content: "Date";
    }

    #downloads .downloadedBy {
        padding: 8px 15px 2px 0;
    }

        #downloads .downloadedBy .inner {
            padding: 14px 0 14px 7px;
            margin-top: 9px;
        }

    #downloads table td:last-child {
        padding-left: 6px;
    }


    /* popup */
    #popup {
        min-width: 95%;
    }

        #popup .inner {
            padding: 15px;
        }

        #popup .title span.icon {
            margin-right: 0;
        }

        #popup .title span.header {
            font-size: 13px;
        }

        #popup .copy {
            padding: 15px 0;
        }

            #popup .copy p {
                font-size: 13px;
            }

    .popupGradient {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(255, 255, 255, 0.8);
        z-index: 1000;
    }

    /* cv search */

    #search .form {
        float: none;
        width: auto;
        margin: 0 0 30px;
    }

        #search .form label, #search .form .field {
            display: block;
            width: auto;
        }

        #search .form .radio {
            margin-bottom: 25px;
            padding-top: 5px;
        }

    #saved {
        float: none;
        width: auto;
    }

        #saved .header {
            font-size: 14px;
        }

        #saved span.text {
            font-size: 13px;
        }

    /* recruiter landing */

    #companies.recruiters .title h2 {
        font-size: 22px;
    }

    #landing p.promo {
        display: block;
        margin-left: 0;
        text-align: center;
        font-size: 15px;
    }

    #companies.recruiters .image img {
        margin-bottom: 5px;
    }

    /* buy cv database */
    #buycv .title {
        margin-bottom: 40px;
    }

    #buycv .col.first, #buycv .col.second {
        width: 100%;
    }

    #buycv .features {
        border-bottom: 0;
        padding-bottom: 0;
    }

        #buycv .features ul {
            margin: 0 0 20px;
        }

            #buycv .features ul li {
                font-size: 14px;
            }

    #buycv .action {
        margin-bottom: 40px;
    }

        #buycv .action h2 {
            font-size: 24px;
        }

        #buycv .action .addSkillAlerts label {
            font-size: 14px;
        }

        #buycv .action .addSkillAlerts span.header {
            font-size: 15px;
        }


    #buycv .alerts .title .copy {
        margin-bottom: 15px;
    }

    #buycv .alerts a.btn {
        margin-left: 23%;
    }

    /* buy listings */

    #buylistings .actions {
        padding: 0;
    }

    #buylistings .action {
        float: none !important;
        width: 100%;
        min-height: inherit;
        margin-bottom: 50px;
    }

        #buylistings .action .inner {
            min-height: inherit;
        }

        #buylistings .action h2 {
            font-size: 24px;
        }

        #buylistings .action ul.packageFeatures li {
            font-size: 14px;
        }

        #buylistings .action .sliderWrapper {
            max-width: 90%;
        }

            #buylistings .action .sliderWrapper span.header {
                font-size: 14px;
            }

            #buylistings .action .sliderWrapper .pricing .item span {
                font-size: 14px;
            }

                #buylistings .action .sliderWrapper .pricing .item span.value {
                    width: 25%;
                }

    #buylistings .more {
        padding-top: 0px;
    }

        #buylistings .more h2 {
            margin-bottom: 40px;
            font-size: 22px;
        }

        #buylistings .more .title {
            margin: 0 0 40px;
            display: block;
        }

            #buylistings .more .title a.btn {
                display: block;
                float: none;
                padding: 9px 0;
                width: 160px;
                margin: 25px auto 0;
            }

    /* advertise landing */
    #hero.advertise {
        padding-bottom: 20px;
        background: #041533;
    }

        #hero.advertise .caption p {
            font-size: 14px;
            padding: 0 15px;
        }

        #hero.advertise h2 {
            font-size: 20px;
        }

        #hero.advertise .actions {
            width: auto;
            padding: 0 15px;
        }

            #hero.advertise .actions .action {
                float: none;
                width: 275px;
                margin: 0 auto 100px;
            }

                #hero.advertise .actions .action p {
                    padding: 0;
                }

    #companies.advertise {
        padding-bottom: 30px;
    }

        #companies.advertise .container {
            border-bottom: none;
            padding: 0 15px !important;
        }

        #companies.advertise .title h2 {
            font-size: 22px;
        }

    /* package links*/
    #links .item {
        padding: 45px 0;
    }

        #links .item:first-child {
            border-top: 1px #cfe0dd solid;
        }

        #links .item .features, #links .item .priceBox {
            float: none;
        }

        #links .item .title {
            margin-bottom: 15px;
        }


        #links .item .features {
            width: 100%;
            margin-left: 0;
            margin-bottom: 40px;
        }

            #links .item .features ul {
                margin-left: 0;
            }

                #links .item .features ul li {
                    font-size: 14px;
                }

        #links .item .priceBox {
            margin: auto;
        }

    /* advertise request more info form */
    #openRequestMore {
        position: fixed;
        top: initial !important;
        bottom: 0;
        right: 0 !important;
        transform: inherit;
        width: 100%;
        box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2), 0px -2px 5px rgba(0, 0, 0, 0.2);
        -webkit-transition: .3s ease all;
        transition: .3s ease all;
    }

        #openRequestMore.close {
            bottom: -50px;
        }

        #openRequestMore a.btn {
            display: block;
            padding: 14px 0;
            background: #e5f1ef;
            color: #061634 !important;
        }

    #requestMore {
        position: fixed;
        top: initial !important;
        right: 0 !important;
        bottom: -390px;
        width: 100%;
        box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2), 0px -2px 5px rgba(0, 0, 0, 0.2);
        -webkit-transition: .3s ease all;
        transition: .3s ease all;
    }

        #requestMore.open {
            bottom: 0;
        }

        #requestMore .inner {
            width: 70%;
        }


        #requestMore h3 {
            font-size: 18px;
        }

        #requestMore p {
            font-size: 15px;
        }

    /* sales skills alerts*/

    #salesalerts .title .copy {
        margin-left: 3%;
    }

    #salesalerts .title p {
        font-size: 14px;
    }

        #salesalerts .title p a {
            display: block;
        }

    #salesalerts .copy {
        margin-left: 0;
    }

    #salesalerts p {
        font-size: 14px;
    }

    #salesalerts ul.features li {
        font-size: 14px;
    }

    /* faq */
    #faq .title p {
        font-size: 14px;
    }

    #faq .accordion .heading {
        font-size: 14px;
    }

    /* basket */

    #basket table td {
        text-align: left;
    }

        #basket table td .quantity {
            margin: 0;
        }

        #basket table td:nth-of-type(1):before {
            content: "Item";
        }

        #basket table td:nth-of-type(2):before {
            content: "Price Each";
        }

        #basket table td:nth-of-type(3):before {
            content: "Quantity";
        }

        #basket table td:nth-of-type(4):before {
            content: "Total Price";
        }

        #basket table td:last-child {
            padding-left: 8px;
        }

        #basket table td .update {
            float: left;
        }

        #basket table td a.removeItem {
            float: right;
            margin-top: 7px;
        }

    #basket .collaterals .promoWrapper {
        max-width: 100%;
        display: block;
    }

        #basket .collaterals .promoWrapper input[type='text'] {
            display: block;
            margin: 0 auto 15px;
            width: 80%;
        }

        #basket .collaterals .promoWrapper input[type='button'] {
            padding: 11px 0;
            width: 80%;
            margin: auto;
            display: block;
        }

    #basket .collaterals .basketData {
        min-width: 100%;
    }

    #basket .collaterals .buttons .btn {
        margin: 15px auto;
        display: block;
        padding: 11px 0;
        width: 80%;
    }

    #basket .collaterals p.disclaimer {
        text-align: center;
    }

    #basket .bottom p {
        display: block;
        text-align: center;
        margin: 0;
    }

    /* about */
    #about .block, #about .block.double {
        width: 100%;
        margin: 0 0 25px;
    }

        #about .block .image {
            background: none;
        }

            #about .block .image img {
                margin: auto;
                width: 100%;
            }

    #about .social span.header {
        font-size: 18px;
        margin-right: 10px;
    }

    #about .block.banner span.text {
        font-size: 18px;
        left: 20px;
    }

    /*********** footer */
    footer {
    }

        footer .tagline p {
            font-size: 13px;
        }

            footer .tagline p span {
                margin: 0 4px;
            }

        footer .top {
            padding: 30px 0 15px;
        }

        footer .bottom {
            padding-bottom: 50px;
            text-align: center;
        }

            footer .bottom .left ul.nav {
                margin-bottom: 10px;
            }

                footer .bottom .left ul.nav li {
                    float: none;
                    display: inline-block;
                    margin-bottom: 5px;
                }

            footer .bottom .left p {
                margin-bottom: 10px;
            }

            footer .bottom .social {
                float: none;
                margin-top: 10px;
                display: inline-block;
            }

                footer .bottom .social li {
                    margin: 0 8px 0 0;
                }


    /*********** helpers */
    .mobile {
        display: block !important;
    }

    .desktop {
        display: none !important;
    }

    .fakeSelectWrap > .fakeSelect {
        width: 100% !important;
        font-size: 13px;
    }


    .btn {
        font-size: 13px;
    }
}


@media(max-width: 350px) {

    /* menu dropdown */
    header .notifications .dropdown {
        right: -50px;
        width: 245px;
    }


    /* notice bar */
    #notice p {
        font-size: 10px;
        padding: 2px 10%;
    }

    /* hero */
    #hero .caption h1 {
        font-size: 28px;
    }

    /* home */
    #companies .slider .slide img {
        max-width: 93%;
    }


    /* home page floating subscribe */
    #subscribe .inner {
        width: 80%;
    }


    /* pages */
    main.page .table table td {
        font-size: 12px;
    }

    .alert span.header {
        font-size: 11px;
    }

    #pagination li {
        width: 18px;
        margin-right: 2px;
    }

    #pagination .paging li {
        font-size: 10px;
    }


    #signin.confirmation .links a {
        width: 90%;
    }



    #manageAgents table td {
        padding-left: 42%;
    }

    #manageJobs table td {
        padding-left: 35%;
    }

    /* buy cv database */
    #buycv .features ul {
        margin-left: 0;
    }


    #buycv .action h2 {
        font-size: 22px;
        top: -11px;
    }

    #buycv .action .addSkillAlerts span.header {
        font-size: 14px;
    }

    #buycv .action .addSkillAlerts label {
        font-size: 13px;
    }


    #buylistings .action h2 {
        font-size: 22px;
        top: -11px;
    }

    /* basket */
    #basket .collaterals .promoWrapper input[type='text'] {
        display: block;
        margin: 0 auto 10px;
    }

    #basket .collaterals .promoWrapper input[type='button'] {
        display: block;
        margin: auto;
        padding: 11px 0;
        width: 190px;
    }

    /* footer */
    footer .tagline p {
        font-size: 11px;
    }
}

.glimpse {
    z-index: 9999;
    position: absolute;
}


main.seekers #alerts .notification p {
    font-size: 20px;
    font-family: "gotham_medium", Arial;
    -webkit-font-smoothing: antialiased;
}

.picker.modal-dialog {
    height: 90% !important;
    top: 5% !important;
}

.picker.modal-dialog-content {
    height: 100% !important;
}


/* seeker overlay*/
#landingPopup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    opacity: 1;
    background: #041533;
    background: rgba(4, 21, 51, 0.7);
    z-index: 73;
    -webkit-transition: .3s ease all;
    -moz-transition: .3s ease all;
    transition: .3s ease all;
    display: table;
    padding-top: 121px;
}

    #landingPopup.close {
        opacity: 0;
        visibility: hidden;
    }

    #landingPopup .wrapper {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }

        #landingPopup .wrapper span.header, #landingPopup .wrapper .action {
            display: inline-block;
            vertical-align: top;
            margin: 0 15px;
        }

        #landingPopup .wrapper span.header {
            font-size: 50px;
            color: #fff;
            text-align: left;
            font-family: "gotham_medium", Arial;
            line-height: 90%;
        }

        #landingPopup .wrapper .action a {
            display: block;
            height: auto;
            padding: 11px 0;
            width: 275px;
            margin-top: 10px;
        }

            #landingPopup .wrapper .action a:first-child {
                margin-top: 0;
            }

@media ( max-width: 720px ) {
    /* landing popup */
    #landingPopup {
        padding-top: 66px;
    }

        #landingPopup .wrapper span.header, #landingPopup .wrapper .action {
            display: inline-block;
            margin: 0;
            width: 245px;
        }

        #landingPopup .wrapper span.header {
            font-size: 32px;
            margin-bottom: 30px;
        }

        #landingPopup .wrapper .action a {
            width: 245px;
        }
}