/* input(8119,2): run-time error CSS1030: Expected identifier, found '.'
input(8119,2): run-time error CSS1019: Unexpected token, found '.' */
/*!
 * Bootstrap v3.3.4 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

body {
    margin: 0
}

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

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

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

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

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

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

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    margin: .67em 0;
    font-size: 2em
}

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

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

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

figure {
    margin: 1em 40px
}

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

pre {
    overflow: auto
}

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

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font: inherit;
    color: inherit
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

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

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

input {
    line-height: normal
}

    input[type=checkbox],
    input[type=radio] {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0
    }

    input[type=number]::-webkit-inner-spin-button,
    input[type=number]::-webkit-outer-spin-button {
        height: auto
    }

    input[type=search] {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        -webkit-appearance: textfield
    }

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

fieldset {
    padding: .35em .625em .75em;
    margin: 0 2px;
    border: 1px solid silver
}

legend {
    padding: 0;
    border: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

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

td,
th {
    padding: 0
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {

    *,
    :after,
    :before {
        color: #000 !important;
        text-shadow: none !important;
        background: 0 0 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }

    a,
    a:visited {
        text-decoration: underline
    }

        a[href]:after {
            content: " (" attr(href) ")"
        }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: ""
    }

    blockquote,
    pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img,
    tr {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }

    select {
        background: #fff !important
    }

    .navbar {
        display: none
    }

    .btn > .caret,
    .dropup > .btn > .caret {
        border-top-color: #000 !important
    }

    .label {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

        .table td,
        .table th {
            background-color: #fff !important
        }

    .table-bordered td,
    .table-bordered th {
        border: 1px solid #ddd !important
    }
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url(/SiteFiles/fonts/glyphicons-halflings-regular.eot);
    src: url(/SiteFiles/fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(/SiteFiles/fonts/glyphicons-halflings-regular.woff2) format('woff2'), url(/SiteFiles/fonts/glyphicons-halflings-regular.woff) format('woff'), url(/SiteFiles/fonts/glyphicons-halflings-regular.ttf) format('truetype'), url(/SiteFiles/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.glyphicon-lock:before {
    content: "\e033"
}

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

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

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

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

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

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

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

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

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

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

.glyphicon-bookmark:before {
    content: "\e044"
}

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

.glyphicon-camera:before {
    content: "\e046"
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.glyphicon-fire:before {
    content: "\e104"
}

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

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

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

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

.glyphicon-calendar:before {
    content: "\e109"
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.glyphicon-bell:before {
    content: "\e123"
}

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

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

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

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

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

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

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

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

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

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

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

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

.glyphicon-wrench:before {
    content: "\e136"
}

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

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

.glyphicon-briefcase:before {
    content: "\e139"
}

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

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

.glyphicon-paperclip:before {
    content: "\e142"
}

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

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

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

.glyphicon-pushpin:before {
    content: "\e146"
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.glyphicon-cd:before {
    content: "\e201"
}

.glyphicon-save-file:before {
    content: "\e202"
}

.glyphicon-open-file:before {
    content: "\e203"
}

.glyphicon-level-up:before {
    content: "\e204"
}

.glyphicon-copy:before {
    content: "\e205"
}

.glyphicon-paste:before {
    content: "\e206"
}

.glyphicon-alert:before {
    content: "\e209"
}

.glyphicon-equalizer:before {
    content: "\e210"
}

.glyphicon-king:before {
    content: "\e211"
}

.glyphicon-queen:before {
    content: "\e212"
}

.glyphicon-pawn:before {
    content: "\e213"
}

.glyphicon-bishop:before {
    content: "\e214"
}

.glyphicon-knight:before {
    content: "\e215"
}

.glyphicon-baby-formula:before {
    content: "\e216"
}

.glyphicon-tent:before {
    content: "\26fa"
}

.glyphicon-blackboard:before {
    content: "\e218"
}

.glyphicon-bed:before {
    content: "\e219"
}

.glyphicon-apple:before {
    content: "\f8ff"
}

.glyphicon-erase:before {
    content: "\e221"
}

.glyphicon-hourglass:before {
    content: "\231b"
}

.glyphicon-lamp:before {
    content: "\e223"
}

.glyphicon-duplicate:before {
    content: "\e224"
}

.glyphicon-piggy-bank:before {
    content: "\e225"
}

.glyphicon-scissors:before {
    content: "\e226"
}

.glyphicon-bitcoin:before {
    content: "\e227"
}

.glyphicon-btc:before {
    content: "\e227"
}

.glyphicon-xbt:before {
    content: "\e227"
}

.glyphicon-yen:before {
    content: "\00a5"
}

.glyphicon-jpy:before {
    content: "\00a5"
}

.glyphicon-ruble:before {
    content: "\20bd"
}

.glyphicon-rub:before {
    content: "\20bd"
}

.glyphicon-scale:before {
    content: "\e230"
}

.glyphicon-ice-lolly:before {
    content: "\e231"
}

.glyphicon-ice-lolly-tasted:before {
    content: "\e232"
}

.glyphicon-education:before {
    content: "\e233"
}

.glyphicon-option-horizontal:before {
    content: "\e234"
}

.glyphicon-option-vertical:before {
    content: "\e235"
}

.glyphicon-menu-hamburger:before {
    content: "\e236"
}

.glyphicon-modal-window:before {
    content: "\e237"
}

.glyphicon-oil:before {
    content: "\e238"
}

.glyphicon-grain:before {
    content: "\e239"
}

.glyphicon-sunglasses:before {
    content: "\e240"
}

.glyphicon-text-size:before {
    content: "\e241"
}

.glyphicon-text-color:before {
    content: "\e242"
}

.glyphicon-text-background:before {
    content: "\e243"
}

.glyphicon-object-align-top:before {
    content: "\e244"
}

.glyphicon-object-align-bottom:before {
    content: "\e245"
}

.glyphicon-object-align-horizontal:before {
    content: "\e246"
}

.glyphicon-object-align-left:before {
    content: "\e247"
}

.glyphicon-object-align-vertical:before {
    content: "\e248"
}

.glyphicon-object-align-right:before {
    content: "\e249"
}

.glyphicon-triangle-right:before {
    content: "\e250"
}

.glyphicon-triangle-left:before {
    content: "\e251"
}

.glyphicon-triangle-bottom:before {
    content: "\e252"
}

.glyphicon-triangle-top:before {
    content: "\e253"
}

.glyphicon-console:before {
    content: "\e254"
}

.glyphicon-superscript:before {
    content: "\e255"
}

.glyphicon-subscript:before {
    content: "\e256"
}

.glyphicon-menu-left:before {
    content: "\e257"
}

.glyphicon-menu-right:before {
    content: "\e258"
}

.glyphicon-menu-down:before {
    content: "\e259"
}

.glyphicon-menu-up:before {
    content: "\e260"
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: transparent
}

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    color: #326fa4;
    text-decoration: none
}

    a:focus,
    a:hover {
        color: #23527c;
        text-decoration: underline
    }

    a:focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px
    }

figure {
    margin: 0
}

img {
    vertical-align: middle
}

.carousel-inner > .item > a > img,
.carousel-inner > .item > img,
.img-responsive,
.thumbnail a > img,
.thumbnail > img {
    display: block;
    max-width: 100%;
    height: auto
}

.img-rounded {
    border-radius: 6px
}

.img-thumbnail {
    display: inline-block;
    max-width: 100%;
    height: auto;
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.img-circle {
    border-radius: 50%
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

[role=button] {
    cursor: pointer
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit
}

    .h1 .small,
    .h1 small,
    .h2 .small,
    .h2 small,
    .h3 .small,
    .h3 small,
    .h4 .small,
    .h4 small,
    .h5 .small,
    .h5 small,
    .h6 .small,
    .h6 small,
    h1 .small,
    h1 small,
    h2 .small,
    h2 small,
    h3 .small,
    h3 small,
    h4 .small,
    h4 small,
    h5 .small,
    h5 small,
    h6 .small,
    h6 small {
        font-weight: 400;
        line-height: 1;
        color: #777
    }

.h1,
.h2,
.h3,
h1,
h2,
h3 {
    margin-top: 20px;
    margin-bottom: 10px
}

    .h1 .small,
    .h1 small,
    .h2 .small,
    .h2 small,
    .h3 .small,
    .h3 small,
    h1 .small,
    h1 small,
    h2 .small,
    h2 small,
    h3 .small,
    h3 small {
        font-size: 65%
    }

.h4,
.h5,
.h6,
h4,
h5,
h6 {
    margin-top: 10px;
    margin-bottom: 10px
}

    .h4 .small,
    .h4 small,
    .h5 .small,
    .h5 small,
    .h6 .small,
    .h6 small,
    h4 .small,
    h4 small,
    h5 .small,
    h5 small,
    h6 .small,
    h6 small {
        font-size: 75%
    }

.h1,
h1 {
    font-size: 36px
}

.h2,
h2 {
    font-size: 30px
}

.h3,
h3 {
    font-size: 24px
}

.h4,
h4 {
    font-size: 18px
}

.h5,
h5 {
    font-size: 14px
}

.h6,
h6 {
    font-size: 12px
}

p {
    margin: 0 0 10px
}

.lead {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4
}

@media (min-width:768px) {
    .lead {
        font-size: 21px
    }
}

.small,
small {
    font-size: 85%
}

.mark,
mark {
    padding: .2em;
    background-color: #fcf8e3
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: nowrap
}

.text-lowercase {
    text-transform: lowercase
}

.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.text-muted {
    color: #777
}

.text-primary {
    color: #337ab7
}

a.text-primary:hover {
    color: #286090
}

.text-success {
    color: #3c763d
}

a.text-success:hover {
    color: #2b542c
}

.text-info {
    color: #31708f
}

a.text-info:hover {
    color: #245269
}

.text-warning {
    color: #8a6d3b
}

a.text-warning:hover {
    color: #66512c
}

.text-danger {
    color: #a94442
}

a.text-danger:hover {
    color: #843534
}

.bg-primary {
    color: #fff;
    background-color: #337ab7
}

a.bg-primary:hover {
    background-color: #286090
}

.bg-success {
    background-color: #dff0d8
}

a.bg-success:hover {
    background-color: #c1e2b3
}

.bg-info {
    background-color: #d9edf7
}

a.bg-info:hover {
    background-color: #afd9ee
}

.bg-warning {
    background-color: #fcf8e3
}

a.bg-warning:hover {
    background-color: #f7ecb5
}

.bg-danger {
    background-color: #f2dede
}

a.bg-danger:hover {
    background-color: #e4b9b9
}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eee
}

ol,
ul {
    margin-top: 0;
    margin-bottom: 10px
}

    ol ol,
    ol ul,
    ul ol,
    ul ul {
        margin-bottom: 0
    }

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    margin-left: -5px;
    list-style: none
}

    .list-inline > li {
        display: inline-block;
        padding-right: 5px;
        padding-left: 5px
    }

dl {
    margin-top: 0;
    margin-bottom: 20px
}

dd,
dt {
    line-height: 1.42857143
}

dt {
    font-weight: 700
}

dd {
    margin-left: 0
}

@media (min-width:768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        overflow: hidden;
        clear: left;
        text-align: right;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .dl-horizontal dd {
        margin-left: 180px
    }
}

abbr[data-original-title],
abbr[title] {
    cursor: help;
    border-bottom: 1px dotted #777
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee
}

    blockquote ol:last-child,
    blockquote p:last-child,
    blockquote ul:last-child {
        margin-bottom: 0
    }

    blockquote .small,
    blockquote footer,
    blockquote small {
        display: block;
        font-size: 80%;
        line-height: 1.42857143;
        color: #777
    }

        blockquote .small:before,
        blockquote footer:before,
        blockquote small:before {
            content: '\2014 \00A0'
        }

    .blockquote-reverse,
    blockquote.pull-right {
        padding-right: 15px;
        padding-left: 0;
        text-align: right;
        border-right: 5px solid #eee;
        border-left: 0
    }

        .blockquote-reverse .small:before,
        .blockquote-reverse footer:before,
        .blockquote-reverse small:before,
        blockquote.pull-right .small:before,
        blockquote.pull-right footer:before,
        blockquote.pull-right small:before {
            content: ''
        }

        .blockquote-reverse .small:after,
        .blockquote-reverse footer:after,
        .blockquote-reverse small:after,
        blockquote.pull-right .small:after,
        blockquote.pull-right footer:after,
        blockquote.pull-right small:after {
            content: '\00A0 \2014'
        }

address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.42857143
}

code,
kbd,
pre,
samp {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace
}

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px
}

kbd {
    padding: 2px 4px;
    font-size: 90%;
    color: #fff;
    background-color: #333;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25)
}

    kbd kbd {
        padding: 0;
        font-size: 100%;
        font-weight: 700;
        -webkit-box-shadow: none;
        box-shadow: none
    }

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px
}

    pre code {
        padding: 0;
        font-size: inherit;
        color: inherit;
        white-space: pre-wrap;
        background-color: transparent;
        border-radius: 0
    }

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width:768px) {
    .container {
        width: 750px
    }
}

@media (min-width:992px) {
    .container {
        width: 970px
    }
}

@media (min-width:1200px) {
    .container {
        width: 1170px
    }
}

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.row {
    margin-right: -15px;
    margin-left: -15px
}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    float: left
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-pull-11 {
    right: 91.66666667%
}

.col-xs-pull-10 {
    right: 83.33333333%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-8 {
    right: 66.66666667%
}

.col-xs-pull-7 {
    right: 58.33333333%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-5 {
    right: 41.66666667%
}

.col-xs-pull-4 {
    right: 33.33333333%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-2 {
    right: 16.66666667%
}

.col-xs-pull-1 {
    right: 8.33333333%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-push-11 {
    left: 91.66666667%
}

.col-xs-push-10 {
    left: 83.33333333%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-8 {
    left: 66.66666667%
}

.col-xs-push-7 {
    left: 58.33333333%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-5 {
    left: 41.66666667%
}

.col-xs-push-4 {
    left: 33.33333333%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-2 {
    left: 16.66666667%
}

.col-xs-push-1 {
    left: 8.33333333%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs-offset-11 {
    margin-left: 91.66666667%
}

.col-xs-offset-10 {
    margin-left: 83.33333333%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-8 {
    margin-left: 66.66666667%
}

.col-xs-offset-7 {
    margin-left: 58.33333333%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-5 {
    margin-left: 41.66666667%
}

.col-xs-offset-4 {
    margin-left: 33.33333333%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-2 {
    margin-left: 16.66666667%
}

.col-xs-offset-1 {
    margin-left: 8.33333333%
}

.col-xs-offset-0 {
    margin-left: 0
}

@media (min-width:768px) {

    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9 {
        float: left
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-pull-11 {
        right: 91.66666667%
    }

    .col-sm-pull-10 {
        right: 83.33333333%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-8 {
        right: 66.66666667%
    }

    .col-sm-pull-7 {
        right: 58.33333333%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-5 {
        right: 41.66666667%
    }

    .col-sm-pull-4 {
        right: 33.33333333%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-2 {
        right: 16.66666667%
    }

    .col-sm-pull-1 {
        right: 8.33333333%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-push-11 {
        left: 91.66666667%
    }

    .col-sm-push-10 {
        left: 83.33333333%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-8 {
        left: 66.66666667%
    }

    .col-sm-push-7 {
        left: 58.33333333%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-5 {
        left: 41.66666667%
    }

    .col-sm-push-4 {
        left: 33.33333333%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-2 {
        left: 16.66666667%
    }

    .col-sm-push-1 {
        left: 8.33333333%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }
}

@media (min-width:992px) {

    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9 {
        float: left
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-1 {
        width: 8.33333333%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-pull-11 {
        right: 91.66666667%
    }

    .col-md-pull-10 {
        right: 83.33333333%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-8 {
        right: 66.66666667%
    }

    .col-md-pull-7 {
        right: 58.33333333%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-5 {
        right: 41.66666667%
    }

    .col-md-pull-4 {
        right: 33.33333333%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-2 {
        right: 16.66666667%
    }

    .col-md-pull-1 {
        right: 8.33333333%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-push-11 {
        left: 91.66666667%
    }

    .col-md-push-10 {
        left: 83.33333333%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-8 {
        left: 66.66666667%
    }

    .col-md-push-7 {
        left: 58.33333333%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-5 {
        left: 41.66666667%
    }

    .col-md-push-4 {
        left: 33.33333333%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-2 {
        left: 16.66666667%
    }

    .col-md-push-1 {
        left: 8.33333333%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-offset-12 {
        margin-left: 100%
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%
    }

    .col-md-offset-0 {
        margin-left: 0
    }
}

@media (min-width:1200px) {

    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9 {
        float: left
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-1 {
        width: 8.33333333%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-pull-11 {
        right: 91.66666667%
    }

    .col-lg-pull-10 {
        right: 83.33333333%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-8 {
        right: 66.66666667%
    }

    .col-lg-pull-7 {
        right: 58.33333333%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-5 {
        right: 41.66666667%
    }

    .col-lg-pull-4 {
        right: 33.33333333%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-2 {
        right: 16.66666667%
    }

    .col-lg-pull-1 {
        right: 8.33333333%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-push-11 {
        left: 91.66666667%
    }

    .col-lg-push-10 {
        left: 83.33333333%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-8 {
        left: 66.66666667%
    }

    .col-lg-push-7 {
        left: 58.33333333%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-5 {
        left: 41.66666667%
    }

    .col-lg-push-4 {
        left: 33.33333333%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-2 {
        left: 16.66666667%
    }

    .col-lg-push-1 {
        left: 8.33333333%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }
}

table {
    background-color: transparent
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777;
    text-align: left
}

th {
    text-align: left
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px
}

    .table > tbody > tr > td,
    .table > tbody > tr > th,
    .table > tfoot > tr > td,
    .table > tfoot > tr > th,
    .table > thead > tr > td,
    .table > thead > tr > th {
        padding: 8px;
        line-height: 1.42857143;
        vertical-align: top;
        border-top: 1px solid #ddd
    }

    .table > thead > tr > th {
        vertical-align: bottom;
        border-bottom: 2px solid #ddd
    }

    .table > caption + thead > tr:first-child > td,
    .table > caption + thead > tr:first-child > th,
    .table > colgroup + thead > tr:first-child > td,
    .table > colgroup + thead > tr:first-child > th,
    .table > thead:first-child > tr:first-child > td,
    .table > thead:first-child > tr:first-child > th {
        border-top: 0
    }

    .table > tbody + tbody {
        border-top: 2px solid #ddd
    }

    .table .table {
        background-color: #fff
    }

.table-condensed > tbody > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > thead > tr > th {
    padding: 5px
}

.table-bordered {
    border: 1px solid #ddd
}

    .table-bordered > tbody > tr > td,
    .table-bordered > tbody > tr > th,
    .table-bordered > tfoot > tr > td,
    .table-bordered > tfoot > tr > th,
    .table-bordered > thead > tr > td,
    .table-bordered > thead > tr > th {
        border: 1px solid #ddd
    }

    .table-bordered > thead > tr > td,
    .table-bordered > thead > tr > th {
        border-bottom-width: 2px
    }

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9
}

.table-hover > tbody > tr:hover {
    background-color: #f5f5f5
}

table col[class*=col-] {
    position: static;
    display: table-column;
    float: none
}

table td[class*=col-],
table th[class*=col-] {
    position: static;
    display: table-cell;
    float: none
}

.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > thead > tr.active > th,
.table > thead > tr > td.active,
.table > thead > tr > th.active {
    background-color: #f5f5f5
}

.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr.active:hover > th,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover {
    background-color: #e8e8e8
}

.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > thead > tr.success > th,
.table > thead > tr > td.success,
.table > thead > tr > th.success {
    background-color: #dff0d8
}

.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr.success:hover > th,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover {
    background-color: #d0e9c6
}

.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > thead > tr.info > th,
.table > thead > tr > td.info,
.table > thead > tr > th.info {
    background-color: #d9edf7
}

.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr.info:hover > th,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover {
    background-color: #c4e3f3
}

.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > thead > tr.warning > th,
.table > thead > tr > td.warning,
.table > thead > tr > th.warning {
    background-color: #fcf8e3
}

.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr.warning:hover > th,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover {
    background-color: #faf2cc
}

.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > thead > tr.danger > th,
.table > thead > tr > td.danger,
.table > thead > tr > th.danger {
    background-color: #f2dede
}

.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr.danger:hover > th,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover {
    background-color: #ebcccc
}

.table-responsive {
    min-height: .01%;
    overflow-x: auto
}

@media screen and (max-width:767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd
    }

        .table-responsive > .table {
            margin-bottom: 0
        }

            .table-responsive > .table > tbody > tr > td,
            .table-responsive > .table > tbody > tr > th,
            .table-responsive > .table > tfoot > tr > td,
            .table-responsive > .table > tfoot > tr > th,
            .table-responsive > .table > thead > tr > td,
            .table-responsive > .table > thead > tr > th {
                white-space: nowrap
            }

        .table-responsive > .table-bordered {
            border: 0
        }

            .table-responsive > .table-bordered > tbody > tr > td:first-child,
            .table-responsive > .table-bordered > tbody > tr > th:first-child,
            .table-responsive > .table-bordered > tfoot > tr > td:first-child,
            .table-responsive > .table-bordered > tfoot > tr > th:first-child,
            .table-responsive > .table-bordered > thead > tr > td:first-child,
            .table-responsive > .table-bordered > thead > tr > th:first-child {
                border-left: 0
            }

            .table-responsive > .table-bordered > tbody > tr > td:last-child,
            .table-responsive > .table-bordered > tbody > tr > th:last-child,
            .table-responsive > .table-bordered > tfoot > tr > td:last-child,
            .table-responsive > .table-bordered > tfoot > tr > th:last-child,
            .table-responsive > .table-bordered > thead > tr > td:last-child,
            .table-responsive > .table-bordered > thead > tr > th:last-child {
                border-right: 0
            }

            .table-responsive > .table-bordered > tbody > tr:last-child > td,
            .table-responsive > .table-bordered > tbody > tr:last-child > th,
            .table-responsive > .table-bordered > tfoot > tr:last-child > td,
            .table-responsive > .table-bordered > tfoot > tr:last-child > th {
                border-bottom: 0
            }
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700
}

input[type=search] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

input[type=checkbox],
input[type=radio] {
    margin: 4px 0 0;
    line-height: normal
}

input[type=file] {
    display: block
}

input[type=range] {
    display: block;
    width: 100%
}

select[multiple],
select[size] {
    height: auto
}

input[type=checkbox]:focus,
input[type=file]:focus,
input[type=radio]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

output {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

    .form-control:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
    }

    .form-control::-moz-placeholder {
        color: #999;
        opacity: 1
    }

    .form-control:-ms-input-placeholder {
        color: #999
    }

    .form-control::-webkit-input-placeholder {
        color: #999
    }

    .form-control[disabled],
    .form-control[readonly],
    fieldset[disabled] .form-control {
        background-color: #eee;
        opacity: 1
    }

    .form-control[disabled],
    fieldset[disabled] .form-control {
        cursor: not-allowed
    }

textarea.form-control {
    height: auto
}

input[type=search] {
    -webkit-appearance: none
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

    input[type=date],
    input[type=datetime-local],
    input[type=month],
    input[type=time] {
        line-height: 34px
    }

        .input-group-sm input[type=date],
        .input-group-sm input[type=datetime-local],
        .input-group-sm input[type=month],
        .input-group-sm input[type=time],
        input[type=date].input-sm,
        input[type=datetime-local].input-sm,
        input[type=month].input-sm,
        input[type=time].input-sm {
            line-height: 30px
        }

        .input-group-lg input[type=date],
        .input-group-lg input[type=datetime-local],
        .input-group-lg input[type=month],
        .input-group-lg input[type=time],
        input[type=date].input-lg,
        input[type=datetime-local].input-lg,
        input[type=month].input-lg,
        input[type=time].input-lg {
            line-height: 46px
        }
}

.form-group {
    margin-bottom: 15px
}

.checkbox,
.radio {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

    .checkbox label,
    .radio label {
        min-height: 20px;
        padding-left: 20px;
        margin-bottom: 0;
        font-weight: 400;
        cursor: pointer
    }

    .checkbox input[type=checkbox],
    .checkbox-inline input[type=checkbox],
    .radio input[type=radio],
    .radio-inline input[type=radio] {
        position: absolute;
        margin-left: -20px
    }

    .checkbox + .checkbox,
    .radio + .radio {
        margin-top: -5px
    }

.checkbox-inline,
.radio-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer
}

    .checkbox-inline + .checkbox-inline,
    .radio-inline + .radio-inline {
        margin-top: 0;
        margin-left: 10px
    }

fieldset[disabled] input[type=checkbox],
fieldset[disabled] input[type=radio],
input[type=checkbox].disabled,
input[type=checkbox][disabled],
input[type=radio].disabled,
input[type=radio][disabled] {
    cursor: not-allowed
}

.checkbox-inline.disabled,
.radio-inline.disabled,
fieldset[disabled] .checkbox-inline,
fieldset[disabled] .radio-inline {
    cursor: not-allowed
}

.checkbox.disabled label,
.radio.disabled label,
fieldset[disabled] .checkbox label,
fieldset[disabled] .radio label {
    cursor: not-allowed
}

.form-control-static {
    min-height: 34px;
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0
}

    .form-control-static.input-lg,
    .form-control-static.input-sm {
        padding-right: 0;
        padding-left: 0
    }

.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

select.input-sm {
    height: 30px;
    line-height: 30px
}

select[multiple].input-sm,
textarea.input-sm {
    height: auto
}

.form-group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

select.form-group-sm .form-control {
    height: 30px;
    line-height: 30px
}

select[multiple].form-group-sm .form-control,
textarea.form-group-sm .form-control {
    height: auto
}

.form-group-sm .form-control-static {
    height: 30px;
    min-height: 32px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5
}

.input-lg {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

select.input-lg {
    height: 46px;
    line-height: 46px
}

select[multiple].input-lg,
textarea.input-lg {
    height: auto
}

.form-group-lg .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

select.form-group-lg .form-control {
    height: 46px;
    line-height: 46px
}

select[multiple].form-group-lg .form-control,
textarea.form-group-lg .form-control {
    height: auto
}

.form-group-lg .form-control-static {
    height: 46px;
    min-height: 38px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333
}

.has-feedback {
    position: relative
}

    .has-feedback .form-control {
        padding-right: 42.5px
    }

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none
}

.input-lg + .form-control-feedback {
    width: 46px;
    height: 46px;
    line-height: 46px
}

.input-sm + .form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px
}

.has-success .checkbox,
.has-success .checkbox-inline,
.has-success .control-label,
.has-success .help-block,
.has-success .radio,
.has-success .radio-inline,
.has-success.checkbox label,
.has-success.checkbox-inline label,
.has-success.radio label,
.has-success.radio-inline label {
    color: #3c763d
}

.has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

    .has-success .form-control:focus {
        border-color: #2b542c;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168
    }

.has-success .input-group-addon {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #3c763d
}

.has-success .form-control-feedback {
    color: #3c763d
}

.has-warning .checkbox,
.has-warning .checkbox-inline,
.has-warning .control-label,
.has-warning .help-block,
.has-warning .radio,
.has-warning .radio-inline,
.has-warning.checkbox label,
.has-warning.checkbox-inline label,
.has-warning.radio label,
.has-warning.radio-inline label {
    color: #8a6d3b
}

.has-warning .form-control {
    border-color: #8a6d3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

    .has-warning .form-control:focus {
        border-color: #66512c;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b
    }

.has-warning .input-group-addon {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #8a6d3b
}

.has-warning .form-control-feedback {
    color: #8a6d3b
}

.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.checkbox label,
.has-error.checkbox-inline label,
.has-error.radio label,
.has-error.radio-inline label {
    color: #a94442
}

.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

    .has-error .form-control:focus {
        border-color: #843534;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483
    }

.has-error .input-group-addon {
    color: #a94442;
    background-color: #f2dede;
    border-color: #a94442
}

.has-error .form-control-feedback {
    color: #a94442
}

.has-feedback label ~ .form-control-feedback {
    top: 25px
}

.has-feedback label.sr-only ~ .form-control-feedback {
    top: 0
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373
}

@media (min-width:768px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-static {
        display: inline-block
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle
    }

        .form-inline .input-group .form-control,
        .form-inline .input-group .input-group-addon,
        .form-inline .input-group .input-group-btn {
            width: auto
        }

        .form-inline .input-group > .form-control {
            width: 100%
        }

    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .checkbox,
    .form-inline .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

        .form-inline .checkbox label,
        .form-inline .radio label {
            padding-left: 0
        }

        .form-inline .checkbox input[type=checkbox],
        .form-inline .radio input[type=radio] {
            position: relative;
            margin-left: 0
        }

    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }
}

.form-horizontal .checkbox,
.form-horizontal .checkbox-inline,
.form-horizontal .radio,
.form-horizontal .radio-inline {
    padding-top: 7px;
    margin-top: 0;
    margin-bottom: 0
}

.form-horizontal .checkbox,
.form-horizontal .radio {
    min-height: 27px
}

.form-horizontal .form-group {
    margin-right: -15px;
    margin-left: -15px
}

@media (min-width:768px) {
    .form-horizontal .control-label {
        padding-top: 7px;
        margin-bottom: 0;
        text-align: right
    }
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 15px
}

@media (min-width:768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top: 14.33px
    }
}

@media (min-width:768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top: 6px
    }
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    /*font-size: 14px;
    line-height: 1.42857143;*/
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px
}

    .btn.active.focus,
    .btn.active:focus,
    .btn.focus,
    .btn:active.focus,
    .btn:active:focus,
    .btn:focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px
    }

    .btn.focus,
    .btn:focus,
    .btn:hover {
        color: #333;
        text-decoration: none
    }

    .btn.active,
    .btn:active {
        background-image: none;
        outline: 0;
        -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
    }

    .btn.disabled,
    .btn[disabled],
    fieldset[disabled] .btn {
        pointer-events: none;
        cursor: not-allowed;
        -webkit-box-shadow: none;
        box-shadow: none;
        opacity: .65
    }

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc
}

    .btn-default.active,
    .btn-default.focus,
    .btn-default:active,
    .btn-default:focus,
    .btn-default:hover,
    .open > .dropdown-toggle.btn-default {
        color: #333;
        background-color: #e6e6e6;
        border-color: #adadad
    }

    .btn-default.active,
    .btn-default:active,
    .open > .dropdown-toggle.btn-default {
        background-image: none
    }

    .btn-default.disabled,
    .btn-default.disabled.active,
    .btn-default.disabled.focus,
    .btn-default.disabled:active,
    .btn-default.disabled:focus,
    .btn-default.disabled:hover,
    .btn-default[disabled],
    .btn-default[disabled].active,
    .btn-default[disabled].focus,
    .btn-default[disabled]:active,
    .btn-default[disabled]:focus,
    .btn-default[disabled]:hover,
    fieldset[disabled] .btn-default,
    fieldset[disabled] .btn-default.active,
    fieldset[disabled] .btn-default.focus,
    fieldset[disabled] .btn-default:active,
    fieldset[disabled] .btn-default:focus,
    fieldset[disabled] .btn-default:hover {
        background-color: #fff;
        border-color: #ccc
    }

    .btn-default .badge {
        color: #fff;
        background-color: #333
    }

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4
}

    .btn-primary.active,
    .btn-primary.focus,
    .btn-primary:active,
    .btn-primary:focus,
    .btn-primary:hover,
    .open > .dropdown-toggle.btn-primary {
        color: #fff;
        background-color: #286090;
        border-color: #204d74
    }

    .btn-primary.active,
    .btn-primary:active,
    .open > .dropdown-toggle.btn-primary {
        background-image: none
    }

    .btn-primary.disabled,
    .btn-primary.disabled.active,
    .btn-primary.disabled.focus,
    .btn-primary.disabled:active,
    .btn-primary.disabled:focus,
    .btn-primary.disabled:hover,
    .btn-primary[disabled],
    .btn-primary[disabled].active,
    .btn-primary[disabled].focus,
    .btn-primary[disabled]:active,
    .btn-primary[disabled]:focus,
    .btn-primary[disabled]:hover,
    fieldset[disabled] .btn-primary,
    fieldset[disabled] .btn-primary.active,
    fieldset[disabled] .btn-primary.focus,
    fieldset[disabled] .btn-primary:active,
    fieldset[disabled] .btn-primary:focus,
    fieldset[disabled] .btn-primary:hover {
        background-color: #337ab7;
        border-color: #2e6da4
    }

    .btn-primary .badge {
        color: #337ab7;
        background-color: #fff
    }

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c
}

    .btn-success.active,
    .btn-success.focus,
    .btn-success:active,
    .btn-success:focus,
    .btn-success:hover,
    .open > .dropdown-toggle.btn-success {
        color: #fff;
        background-color: #449d44;
        border-color: #398439
    }

    .btn-success.active,
    .btn-success:active,
    .open > .dropdown-toggle.btn-success {
        background-image: none
    }

    .btn-success.disabled,
    .btn-success.disabled.active,
    .btn-success.disabled.focus,
    .btn-success.disabled:active,
    .btn-success.disabled:focus,
    .btn-success.disabled:hover,
    .btn-success[disabled],
    .btn-success[disabled].active,
    .btn-success[disabled].focus,
    .btn-success[disabled]:active,
    .btn-success[disabled]:focus,
    .btn-success[disabled]:hover,
    fieldset[disabled] .btn-success,
    fieldset[disabled] .btn-success.active,
    fieldset[disabled] .btn-success.focus,
    fieldset[disabled] .btn-success:active,
    fieldset[disabled] .btn-success:focus,
    fieldset[disabled] .btn-success:hover {
        background-color: #5cb85c;
        border-color: #4cae4c
    }

    .btn-success .badge {
        color: #5cb85c;
        background-color: #fff
    }

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da
}

    .btn-info.active,
    .btn-info.focus,
    .btn-info:active,
    .btn-info:focus,
    .btn-info:hover,
    .open > .dropdown-toggle.btn-info {
        color: #fff;
        background-color: #31b0d5;
        border-color: #269abc
    }

    .btn-info.active,
    .btn-info:active,
    .open > .dropdown-toggle.btn-info {
        background-image: none
    }

    .btn-info.disabled,
    .btn-info.disabled.active,
    .btn-info.disabled.focus,
    .btn-info.disabled:active,
    .btn-info.disabled:focus,
    .btn-info.disabled:hover,
    .btn-info[disabled],
    .btn-info[disabled].active,
    .btn-info[disabled].focus,
    .btn-info[disabled]:active,
    .btn-info[disabled]:focus,
    .btn-info[disabled]:hover,
    fieldset[disabled] .btn-info,
    fieldset[disabled] .btn-info.active,
    fieldset[disabled] .btn-info.focus,
    fieldset[disabled] .btn-info:active,
    fieldset[disabled] .btn-info:focus,
    fieldset[disabled] .btn-info:hover {
        background-color: #5bc0de;
        border-color: #46b8da
    }

    .btn-info .badge {
        color: #5bc0de;
        background-color: #fff
    }

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236
}

    .btn-warning.active,
    .btn-warning.focus,
    .btn-warning:active,
    .btn-warning:focus,
    .btn-warning:hover,
    .open > .dropdown-toggle.btn-warning {
        color: #fff;
        background-color: #ec971f;
        border-color: #d58512
    }

    .btn-warning.active,
    .btn-warning:active,
    .open > .dropdown-toggle.btn-warning {
        background-image: none
    }

    .btn-warning.disabled,
    .btn-warning.disabled.active,
    .btn-warning.disabled.focus,
    .btn-warning.disabled:active,
    .btn-warning.disabled:focus,
    .btn-warning.disabled:hover,
    .btn-warning[disabled],
    .btn-warning[disabled].active,
    .btn-warning[disabled].focus,
    .btn-warning[disabled]:active,
    .btn-warning[disabled]:focus,
    .btn-warning[disabled]:hover,
    fieldset[disabled] .btn-warning,
    fieldset[disabled] .btn-warning.active,
    fieldset[disabled] .btn-warning.focus,
    fieldset[disabled] .btn-warning:active,
    fieldset[disabled] .btn-warning:focus,
    fieldset[disabled] .btn-warning:hover {
        background-color: #f0ad4e;
        border-color: #eea236
    }

    .btn-warning .badge {
        color: #f0ad4e;
        background-color: #fff
    }

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a
}

    .btn-danger.active,
    .btn-danger.focus,
    .btn-danger:active,
    .btn-danger:focus,
    .btn-danger:hover,
    .open > .dropdown-toggle.btn-danger {
        color: #fff;
        background-color: #c9302c;
        border-color: #ac2925
    }

    .btn-danger.active,
    .btn-danger:active,
    .open > .dropdown-toggle.btn-danger {
        background-image: none
    }

    .btn-danger.disabled,
    .btn-danger.disabled.active,
    .btn-danger.disabled.focus,
    .btn-danger.disabled:active,
    .btn-danger.disabled:focus,
    .btn-danger.disabled:hover,
    .btn-danger[disabled],
    .btn-danger[disabled].active,
    .btn-danger[disabled].focus,
    .btn-danger[disabled]:active,
    .btn-danger[disabled]:focus,
    .btn-danger[disabled]:hover,
    fieldset[disabled] .btn-danger,
    fieldset[disabled] .btn-danger.active,
    fieldset[disabled] .btn-danger.focus,
    fieldset[disabled] .btn-danger:active,
    fieldset[disabled] .btn-danger:focus,
    fieldset[disabled] .btn-danger:hover {
        background-color: #d9534f;
        border-color: #d43f3a
    }

    .btn-danger .badge {
        color: #d9534f;
        background-color: #fff
    }

.btn-link {
    font-weight: 400;
    color: #337ab7;
    border-radius: 0
}

    .btn-link,
    .btn-link.active,
    .btn-link:active,
    .btn-link[disabled],
    fieldset[disabled] .btn-link {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none
    }

        .btn-link,
        .btn-link:active,
        .btn-link:focus,
        .btn-link:hover {
            border-color: transparent
        }

            .btn-link:focus,
            .btn-link:hover {
                color: #23527c;
                text-decoration: underline;
                background-color: transparent
            }

            .btn-link[disabled]:focus,
            .btn-link[disabled]:hover,
            fieldset[disabled] .btn-link:focus,
            fieldset[disabled] .btn-link:hover {
                color: #777;
                text-decoration: none
            }

.btn-group-lg > .btn,
.btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

.btn-group-sm > .btn,
.btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-group-xs > .btn,
.btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-block {
    display: block;
    width: 100%
}

    .btn-block + .btn-block {
        margin-top: 5px
    }

input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
    width: 100%
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear
}

    .fade.in {
        opacity: 1
    }

.collapse {
    display: none
}

    .collapse.in {
        display: block
    }

tr.collapse.in {
    display: table-row
}

tbody.collapse.in {
    display: table-row-group
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-property: height, visibility;
    -o-transition-property: height, visibility;
    transition-property: height, visibility
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.dropdown,
.dropup {
    position: relative
}

.dropdown-toggle:focus {
    outline: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
}

    .dropdown-menu.pull-right {
        right: 0;
        left: auto
    }

    .dropdown-menu .divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #e5e5e5
    }

    .dropdown-menu > li > a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: 400;
        line-height: 1.42857143;
        color: #333;
        white-space: nowrap
    }

        .dropdown-menu > li > a:focus,
        .dropdown-menu > li > a:hover {
            color: #262626;
            text-decoration: none;
            background-color: #f5f5f5
        }

    .dropdown-menu > .active > a,
    .dropdown-menu > .active > a:focus,
    .dropdown-menu > .active > a:hover {
        color: #fff;
        text-decoration: none;
        background-color: #337ab7;
        outline: 0
    }

    .dropdown-menu > .disabled > a,
    .dropdown-menu > .disabled > a:focus,
    .dropdown-menu > .disabled > a:hover {
        color: #777
    }

        .dropdown-menu > .disabled > a:focus,
        .dropdown-menu > .disabled > a:hover {
            text-decoration: none;
            cursor: not-allowed;
            background-color: transparent;
            background-image: none
        }

.open > .dropdown-menu {
    display: block
}

.open > a {
    outline: 0
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

.dropdown-menu-left {
    right: auto;
    left: 0
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #777;
    white-space: nowrap
}

.dropdown-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990
}

.pull-right > .dropdown-menu {
    right: 0;
    left: auto
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    content: "";
    border-top: 0;
    border-bottom: 4px solid
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px
}

@media (min-width:768px) {
    .navbar-right .dropdown-menu {
        right: 0;
        left: auto
    }

    .navbar-right .dropdown-menu-left {
        right: auto;
        left: 0
    }
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

    .btn-group-vertical > .btn,
    .btn-group > .btn {
        position: relative;
        float: left
    }

        .btn-group-vertical > .btn.active,
        .btn-group-vertical > .btn:active,
        .btn-group-vertical > .btn:focus,
        .btn-group-vertical > .btn:hover,
        .btn-group > .btn.active,
        .btn-group > .btn:active,
        .btn-group > .btn:focus,
        .btn-group > .btn:hover {
            z-index: 2
        }

    .btn-group .btn + .btn,
    .btn-group .btn + .btn-group,
    .btn-group .btn-group + .btn,
    .btn-group .btn-group + .btn-group {
        margin-left: -1px
    }

.btn-toolbar {
    margin-left: -5px
}

    .btn-toolbar .btn-group,
    .btn-toolbar .input-group {
        float: left
    }

    .btn-toolbar > .btn,
    .btn-toolbar > .btn-group,
    .btn-toolbar > .input-group {
        margin-left: 5px
    }

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0
}

.btn-group > .btn:first-child {
    margin-left: 0
}

    .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group > .btn-group {
    float: left
}

    .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
        border-radius: 0
    }

    .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
    .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
    outline: 0
}

.btn-group > .btn + .dropdown-toggle {
    padding-right: 8px;
    padding-left: 8px
}

.btn-group > .btn-lg + .dropdown-toggle {
    padding-right: 12px;
    padding-left: 12px
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

    .btn-group.open .dropdown-toggle.btn-link {
        -webkit-box-shadow: none;
        box-shadow: none
    }

.btn .caret {
    margin-left: 0
}

.btn-lg .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 0
}

.dropup .btn-lg .caret {
    border-width: 0 5px 5px
}

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%
}

    .btn-group-vertical > .btn-group > .btn {
        float: none
    }

    .btn-group-vertical > .btn + .btn,
    .btn-group-vertical > .btn + .btn-group,
    .btn-group-vertical > .btn-group + .btn,
    .btn-group-vertical > .btn-group + .btn-group {
        margin-top: -1px;
        margin-left: 0
    }

    .btn-group-vertical > .btn:not(:first-child):not(:last-child) {
        border-radius: 0
    }

    .btn-group-vertical > .btn:first-child:not(:last-child) {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .btn-group-vertical > .btn:last-child:not(:first-child) {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-left-radius: 4px
    }

    .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
        border-radius: 0
    }

    .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
    .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate
}

    .btn-group-justified > .btn,
    .btn-group-justified > .btn-group {
        display: table-cell;
        float: none;
        width: 1%
    }

        .btn-group-justified > .btn-group .btn {
            width: 100%
        }

        .btn-group-justified > .btn-group .dropdown-menu {
            left: auto
        }

[data-toggle=buttons] > .btn input[type=checkbox],
[data-toggle=buttons] > .btn input[type=radio],
[data-toggle=buttons] > .btn-group > .btn input[type=checkbox],
[data-toggle=buttons] > .btn-group > .btn input[type=radio] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate
}

    .input-group[class*=col-] {
        float: none;
        padding-right: 0;
        padding-left: 0
    }

    .input-group .form-control {
        position: relative;
        z-index: 2;
        float: left;
        width: 100%;
        margin-bottom: 0
    }

.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
    height: 46px;
    line-height: 46px
}

select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn,
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn {
    height: auto
}

.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
    height: 30px;
    line-height: 30px
}

select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn,
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn {
    height: auto
}

.input-group .form-control,
.input-group-addon,
.input-group-btn {
    display: table-cell
}

    .input-group .form-control:not(:first-child):not(:last-child),
    .input-group-addon:not(:first-child):not(:last-child),
    .input-group-btn:not(:first-child):not(:last-child) {
        border-radius: 0
    }

.input-group-addon,
.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px
}

    .input-group-addon.input-sm {
        padding: 5px 10px;
        font-size: 12px;
        border-radius: 3px
    }

    .input-group-addon.input-lg {
        padding: 10px 16px;
        font-size: 18px;
        border-radius: 6px
    }

    .input-group-addon input[type=checkbox],
    .input-group-addon input[type=radio] {
        margin-top: 0
    }

    .input-group .form-control:first-child,
    .input-group-addon:first-child,
    .input-group-btn:first-child > .btn,
    .input-group-btn:first-child > .btn-group > .btn,
    .input-group-btn:first-child > .dropdown-toggle,
    .input-group-btn:last-child > .btn-group:not(:last-child) > .btn,
    .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .input-group-addon:first-child {
        border-right: 0
    }

    .input-group .form-control:last-child,
    .input-group-addon:last-child,
    .input-group-btn:first-child > .btn-group:not(:first-child) > .btn,
    .input-group-btn:first-child > .btn:not(:first-child),
    .input-group-btn:last-child > .btn,
    .input-group-btn:last-child > .btn-group > .btn,
    .input-group-btn:last-child > .dropdown-toggle {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .input-group-addon:last-child {
        border-left: 0
    }

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap
}

    .input-group-btn > .btn {
        position: relative
    }

        .input-group-btn > .btn + .btn {
            margin-left: -1px
        }

        .input-group-btn > .btn:active,
        .input-group-btn > .btn:focus,
        .input-group-btn > .btn:hover {
            z-index: 2
        }

    .input-group-btn:first-child > .btn,
    .input-group-btn:first-child > .btn-group {
        margin-right: -1px
    }

    .input-group-btn:last-child > .btn,
    .input-group-btn:last-child > .btn-group {
        margin-left: -1px
    }

.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

    .nav > li {
        position: relative;
        display: block
    }

        .nav > li > a {
            position: relative;
            display: block;
            padding: 10px 15px
        }

            .nav > li > a:focus,
            .nav > li > a:hover {
                text-decoration: none;
                background-color: #eee
            }

        .nav > li.disabled > a {
            color: #777
        }

            .nav > li.disabled > a:focus,
            .nav > li.disabled > a:hover {
                color: #777;
                text-decoration: none;
                cursor: not-allowed;
                background-color: transparent
            }

    .nav .open > a,
    .nav .open > a:focus,
    .nav .open > a:hover {
        background-color: #eee;
        border-color: #337ab7
    }

    .nav .nav-divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #e5e5e5
    }

    .nav > li > a > img {
        max-width: none
    }

.nav-tabs {
    border-bottom: 1px solid #ddd
}

    .nav-tabs > li {
        float: left;
        margin-bottom: -1px
    }

        .nav-tabs > li > a {
            margin-right: 2px;
            line-height: 1.42857143;
            border: 1px solid transparent;
            border-radius: 4px 4px 0 0
        }

            .nav-tabs > li > a:hover {
                border-color: #eee #eee #ddd
            }

        .nav-tabs > li.active > a,
        .nav-tabs > li.active > a:focus,
        .nav-tabs > li.active > a:hover {
            color: #555;
            cursor: default;
            background-color: #fff;
            border: 1px solid #ddd;
            border-bottom-color: transparent
        }

    .nav-tabs.nav-justified {
        width: 100%;
        border-bottom: 0
    }

        .nav-tabs.nav-justified > li {
            float: none
        }

            .nav-tabs.nav-justified > li > a {
                margin-bottom: 5px;
                text-align: center
            }

        .nav-tabs.nav-justified > .dropdown .dropdown-menu {
            top: auto;
            left: auto
        }

@media (min-width:768px) {
    .nav-tabs.nav-justified > li {
        display: table-cell;
        width: 1%
    }

        .nav-tabs.nav-justified > li > a {
            margin-bottom: 0
        }
}

.nav-tabs.nav-justified > li > a {
    margin-right: 0;
    border-radius: 4px
}

.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:focus,
.nav-tabs.nav-justified > .active > a:hover {
    border: 1px solid #ddd
}

@media (min-width:768px) {
    .nav-tabs.nav-justified > li > a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0
    }

    .nav-tabs.nav-justified > .active > a,
    .nav-tabs.nav-justified > .active > a:focus,
    .nav-tabs.nav-justified > .active > a:hover {
        border-bottom-color: #fff
    }
}

.nav-pills > li {
    float: left
}

    .nav-pills > li > a {
        border-radius: 4px
    }

    .nav-pills > li + li {
        margin-left: 2px
    }

    .nav-pills > li.active > a,
    .nav-pills > li.active > a:focus,
    .nav-pills > li.active > a:hover {
        color: #fff;
        background-color: #337ab7
    }

.nav-stacked > li {
    float: none
}

    .nav-stacked > li + li {
        margin-top: 2px;
        margin-left: 0
    }

.nav-justified {
    width: 100%
}

    .nav-justified > li {
        float: none
    }

        .nav-justified > li > a {
            margin-bottom: 5px;
            text-align: center
        }

    .nav-justified > .dropdown .dropdown-menu {
        top: auto;
        left: auto
    }

@media (min-width:768px) {
    .nav-justified > li {
        display: table-cell;
        width: 1%
    }

        .nav-justified > li > a {
            margin-bottom: 0
        }
}

.nav-tabs-justified {
    border-bottom: 0
}

    .nav-tabs-justified > li > a {
        margin-right: 0;
        border-radius: 4px
    }

    .nav-tabs-justified > .active > a,
    .nav-tabs-justified > .active > a:focus,
    .nav-tabs-justified > .active > a:hover {
        border: 1px solid #ddd
    }

@media (min-width:768px) {
    .nav-tabs-justified > li > a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0
    }

    .nav-tabs-justified > .active > a,
    .nav-tabs-justified > .active > a:focus,
    .nav-tabs-justified > .active > a:hover {
        border-bottom-color: #fff
    }
}

.tab-content > .tab-pane {
    display: none
}

.tab-content > .active {
    display: block
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent
}

@media (min-width:768px) {
    .navbar {
        border-radius: 4px
    }
}

@media (min-width:768px) {
    .navbar-header {
        float: left
    }
}

.navbar-collapse {
    padding-right: 15px;
    padding-left: 15px;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1)
}

    .navbar-collapse.in {
        overflow-y: auto
    }

@media (min-width:768px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

        .navbar-collapse.collapse {
            display: block !important;
            height: auto !important;
            padding-bottom: 0;
            overflow: visible !important
        }

        .navbar-collapse.in {
            overflow-y: visible
        }

    .navbar-fixed-bottom .navbar-collapse,
    .navbar-fixed-top .navbar-collapse,
    .navbar-static-top .navbar-collapse {
        padding-right: 0;
        padding-left: 0
    }
}

.navbar-fixed-bottom .navbar-collapse,
.navbar-fixed-top .navbar-collapse {
    max-height: 340px
}

@media (max-device-width:480px)and (orientation:landscape) {

    .navbar-fixed-bottom .navbar-collapse,
    .navbar-fixed-top .navbar-collapse {
        max-height: 200px
    }
}

.container-fluid > .navbar-collapse,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container > .navbar-header {
    margin-right: -15px;
    margin-left: -15px
}

@media (min-width:768px) {

    .container-fluid > .navbar-collapse,
    .container-fluid > .navbar-header,
    .container > .navbar-collapse,
    .container > .navbar-header {
        margin-right: 0;
        margin-left: 0
    }
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px
}

@media (min-width:768px) {
    .navbar-static-top {
        border-radius: 0
    }
}

.navbar-fixed-bottom,
.navbar-fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030
}

@media (min-width:768px) {

    .navbar-fixed-bottom,
    .navbar-fixed-top {
        border-radius: 0
    }
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0
}

.navbar-brand {
    float: left;
    height: 50px;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px
}

    .navbar-brand:focus,
    .navbar-brand:hover {
        text-decoration: none
    }

    .navbar-brand > img {
        display: block
    }

@media (min-width:768px) {

    .navbar > .container .navbar-brand,
    .navbar > .container-fluid .navbar-brand {
        margin-left: -15px
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px
}

    .navbar-toggle:focus {
        outline: 0
    }

    .navbar-toggle .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px
    }

        .navbar-toggle .icon-bar + .icon-bar {
            margin-top: 4px
        }

@media (min-width:768px) {
    .navbar-toggle {
        display: none
    }
}

.navbar-nav {
    margin: 7.5px -15px
}

    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 20px
    }

@media (max-width:767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

        .navbar-nav .open .dropdown-menu .dropdown-header,
        .navbar-nav .open .dropdown-menu > li > a {
            padding: 5px 15px 5px 25px
        }

        .navbar-nav .open .dropdown-menu > li > a {
            line-height: 20px
        }

            .navbar-nav .open .dropdown-menu > li > a:focus,
            .navbar-nav .open .dropdown-menu > li > a:hover {
                background-image: none
            }
}

@media (min-width:768px) {
    .navbar-nav {
        float: left;
        margin: 0
    }

        .navbar-nav > li {
            float: left
        }

            .navbar-nav > li > a {
                padding-top: 15px;
                padding-bottom: 15px
            }
}

.navbar-form {
    padding: 10px 15px;
    margin-top: 8px;
    margin-right: -15px;
    margin-bottom: 8px;
    margin-left: -15px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1)
}

@media (min-width:768px) {
    .navbar-form .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .navbar-form .form-control-static {
        display: inline-block
    }

    .navbar-form .input-group {
        display: inline-table;
        vertical-align: middle
    }

        .navbar-form .input-group .form-control,
        .navbar-form .input-group .input-group-addon,
        .navbar-form .input-group .input-group-btn {
            width: auto
        }

        .navbar-form .input-group > .form-control {
            width: 100%
        }

    .navbar-form .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .checkbox,
    .navbar-form .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

        .navbar-form .checkbox label,
        .navbar-form .radio label {
            padding-left: 0
        }

        .navbar-form .checkbox input[type=checkbox],
        .navbar-form .radio input[type=radio] {
            position: relative;
            margin-left: 0
        }

    .navbar-form .has-feedback .form-control-feedback {
        top: 0
    }
}

@media (max-width:767px) {
    .navbar-form .form-group {
        margin-bottom: 5px
    }

        .navbar-form .form-group:last-child {
            margin-bottom: 0
        }
}

@media (min-width:768px) {
    .navbar-form {
        width: auto;
        padding-top: 0;
        padding-bottom: 0;
        margin-right: 0;
        margin-left: 0;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
    margin-bottom: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.navbar-btn {
    margin-top: 8px;
    margin-bottom: 8px
}

    .navbar-btn.btn-sm {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .navbar-btn.btn-xs {
        margin-top: 14px;
        margin-bottom: 14px
    }

.navbar-text {
    margin-top: 15px;
    margin-bottom: 15px
}

@media (min-width:768px) {
    .navbar-text {
        float: left;
        margin-right: 15px;
        margin-left: 15px
    }
}

@media (min-width:768px) {
    .navbar-left {
        float: left !important
    }

    .navbar-right {
        float: right !important;
        margin-right: -15px
    }

        .navbar-right ~ .navbar-right {
            margin-right: 0
        }
}

.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7
}

    .navbar-default .navbar-brand {
        color: #777
    }

        .navbar-default .navbar-brand:focus,
        .navbar-default .navbar-brand:hover {
            color: #5e5e5e;
            background-color: transparent
        }

    .navbar-default .navbar-text {
        color: #777
    }

    .navbar-default .navbar-nav > li > a {
        color: #777
    }

        .navbar-default .navbar-nav > li > a:focus,
        .navbar-default .navbar-nav > li > a:hover {
            color: #333;
            background-color: transparent
        }

    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:focus,
    .navbar-default .navbar-nav > .active > a:hover {
        color: #555;
        background-color: #e7e7e7
    }

    .navbar-default .navbar-nav > .disabled > a,
    .navbar-default .navbar-nav > .disabled > a:focus,
    .navbar-default .navbar-nav > .disabled > a:hover {
        color: #ccc;
        background-color: transparent
    }

    .navbar-default .navbar-toggle {
        border-color: #ddd
    }

        .navbar-default .navbar-toggle:focus,
        .navbar-default .navbar-toggle:hover {
            background-color: #ddd
        }

        .navbar-default .navbar-toggle .icon-bar {
            background-color: #888
        }

    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        border-color: #e7e7e7
    }

    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:focus,
    .navbar-default .navbar-nav > .open > a:hover {
        color: #555;
        background-color: #e7e7e7
    }

@media (max-width:767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777
    }

        .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
        .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
            color: #333;
            background-color: transparent
        }

    .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover {
        color: #555;
        background-color: #e7e7e7
    }

    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover {
        color: #ccc;
        background-color: transparent
    }
}

.navbar-default .navbar-link {
    color: #777
}

    .navbar-default .navbar-link:hover {
        color: #333
    }

.navbar-default .btn-link {
    color: #777
}

    .navbar-default .btn-link:focus,
    .navbar-default .btn-link:hover {
        color: #333
    }

    .navbar-default .btn-link[disabled]:focus,
    .navbar-default .btn-link[disabled]:hover,
    fieldset[disabled] .navbar-default .btn-link:focus,
    fieldset[disabled] .navbar-default .btn-link:hover {
        color: #ccc
    }

.navbar-inverse {
    background-color: #222;
    border-color: #080808
}

    .navbar-inverse .navbar-brand {
        color: #9d9d9d
    }

        .navbar-inverse .navbar-brand:focus,
        .navbar-inverse .navbar-brand:hover {
            color: #fff;
            background-color: transparent
        }

    .navbar-inverse .navbar-text {
        color: #9d9d9d
    }

    .navbar-inverse .navbar-nav > li > a {
        color: #9d9d9d
    }

        .navbar-inverse .navbar-nav > li > a:focus,
        .navbar-inverse .navbar-nav > li > a:hover {
            color: #fff;
            background-color: transparent
        }

    .navbar-inverse .navbar-nav > .active > a,
    .navbar-inverse .navbar-nav > .active > a:focus,
    .navbar-inverse .navbar-nav > .active > a:hover {
        color: #fff;
        background-color: #080808
    }

    .navbar-inverse .navbar-nav > .disabled > a,
    .navbar-inverse .navbar-nav > .disabled > a:focus,
    .navbar-inverse .navbar-nav > .disabled > a:hover {
        color: #444;
        background-color: transparent
    }

    .navbar-inverse .navbar-toggle {
        border-color: #333
    }

        .navbar-inverse .navbar-toggle:focus,
        .navbar-inverse .navbar-toggle:hover {
            background-color: #333
        }

        .navbar-inverse .navbar-toggle .icon-bar {
            background-color: #fff
        }

    .navbar-inverse .navbar-collapse,
    .navbar-inverse .navbar-form {
        border-color: #101010
    }

    .navbar-inverse .navbar-nav > .open > a,
    .navbar-inverse .navbar-nav > .open > a:focus,
    .navbar-inverse .navbar-nav > .open > a:hover {
        color: #fff;
        background-color: #080808
    }

@media (max-width:767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
        border-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #9d9d9d
    }

        .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus,
        .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
            color: #fff;
            background-color: transparent
        }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover {
        color: #fff;
        background-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover {
        color: #444;
        background-color: transparent
    }
}

.navbar-inverse .navbar-link {
    color: #9d9d9d
}

    .navbar-inverse .navbar-link:hover {
        color: #fff
    }

.navbar-inverse .btn-link {
    color: #9d9d9d
}

    .navbar-inverse .btn-link:focus,
    .navbar-inverse .btn-link:hover {
        color: #fff
    }

    .navbar-inverse .btn-link[disabled]:focus,
    .navbar-inverse .btn-link[disabled]:hover,
    fieldset[disabled] .navbar-inverse .btn-link:focus,
    fieldset[disabled] .navbar-inverse .btn-link:hover {
        color: #444
    }

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px
}

    .breadcrumb > li {
        display: inline-block
    }

        .breadcrumb > li + li:before {
            padding: 0 5px;
            color: #ccc;
            content: "/\00a0"
        }

    .breadcrumb > .active {
        color: #777
    }

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px
}

    .pagination > li {
        display: inline
    }

        .pagination > li > a,
        .pagination > li > span {
            position: relative;
            float: left;
            padding: 6px 12px;
            margin-left: -1px;
            line-height: 1.42857143;
            color: #337ab7;
            text-decoration: none;
            background-color: #fff;
            border: 1px solid #ddd
        }

        .pagination > li:first-child > a,
        .pagination > li:first-child > span {
            margin-left: 0;
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px
        }

        .pagination > li:last-child > a,
        .pagination > li:last-child > span {
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px
        }

        .pagination > li > a:focus,
        .pagination > li > a:hover,
        .pagination > li > span:focus,
        .pagination > li > span:hover {
            color: #23527c;
            background-color: #eee;
            border-color: #ddd
        }

    .pagination > .active > a,
    .pagination > .active > a:focus,
    .pagination > .active > a:hover,
    .pagination > .active > span,
    .pagination > .active > span:focus,
    .pagination > .active > span:hover {
        z-index: 2;
        color: #fff;
        cursor: default;
        background-color: #337ab7;
        border-color: #337ab7
    }

    .pagination > .disabled > a,
    .pagination > .disabled > a:focus,
    .pagination > .disabled > a:hover,
    .pagination > .disabled > span,
    .pagination > .disabled > span:focus,
    .pagination > .disabled > span:hover {
        color: #777;
        cursor: not-allowed;
        background-color: #fff;
        border-color: #ddd
    }

.pagination-lg > li > a,
.pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.pagination-sm > li > a,
.pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.pager {
    padding-left: 0;
    margin: 20px 0;
    text-align: center;
    list-style: none
}

    .pager li {
        display: inline
    }

        .pager li > a,
        .pager li > span {
            display: inline-block;
            padding: 5px 14px;
            background-color: #fff;
            border: 1px solid #ddd;
            border-radius: 15px
        }

            .pager li > a:focus,
            .pager li > a:hover {
                text-decoration: none;
                background-color: #eee
            }

    .pager .next > a,
    .pager .next > span {
        float: right
    }

    .pager .previous > a,
    .pager .previous > span {
        float: left
    }

    .pager .disabled > a,
    .pager .disabled > a:focus,
    .pager .disabled > a:hover,
    .pager .disabled > span {
        color: #777;
        cursor: not-allowed;
        background-color: #fff
    }

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em
}

a.label:focus,
a.label:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.label:empty {
    display: none
}

.btn .label {
    position: relative;
    top: -1px
}

.label-default {
    background-color: #777
}

    .label-default[href]:focus,
    .label-default[href]:hover {
        background-color: #5e5e5e
    }

.label-primary {
    background-color: #337ab7
}

    .label-primary[href]:focus,
    .label-primary[href]:hover {
        background-color: #286090
    }

.label-success {
    background-color: #5cb85c
}

    .label-success[href]:focus,
    .label-success[href]:hover {
        background-color: #449d44
    }

.label-info {
    background-color: #5bc0de
}

    .label-info[href]:focus,
    .label-info[href]:hover {
        background-color: #31b0d5
    }

.label-warning {
    background-color: #f0ad4e
}

    .label-warning[href]:focus,
    .label-warning[href]:hover {
        background-color: #ec971f
    }

.label-danger {
    background-color: #d9534f
}

    .label-danger[href]:focus,
    .label-danger[href]:hover {
        background-color: #c9302c
    }

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #777;
    border-radius: 10px
}

    .badge:empty {
        display: none
    }

.btn .badge {
    position: relative;
    top: -1px
}

.btn-group-xs > .btn .badge,
.btn-xs .badge {
    top: 0;
    padding: 1px 5px
}

a.badge:focus,
a.badge:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
    color: #337ab7;
    background-color: #fff
}

.list-group-item > .badge {
    float: right
}

    .list-group-item > .badge + .badge {
        margin-right: 5px
    }

.nav-pills > li > a > .badge {
    margin-left: 3px
}

.jumbotron {
    padding: 30px 15px;
    margin-bottom: 30px;
    color: inherit;
    background-color: #eee
}

    .jumbotron .h1,
    .jumbotron h1 {
        color: inherit
    }

    .jumbotron p {
        margin-bottom: 15px;
        font-size: 21px;
        font-weight: 200
    }

    .jumbotron > hr {
        border-top-color: #d5d5d5
    }

.container .jumbotron,
.container-fluid .jumbotron {
    border-radius: 6px
}

.jumbotron .container {
    max-width: 100%
}

@media screen and (min-width:768px) {
    .jumbotron {
        padding: 48px 0
    }

    .container .jumbotron,
    .container-fluid .jumbotron {
        padding-right: 60px;
        padding-left: 60px
    }

    .jumbotron .h1,
    .jumbotron h1 {
        font-size: 63px
    }
}

.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out
}

    .thumbnail a > img,
    .thumbnail > img {
        margin-right: auto;
        margin-left: auto
    }

a.thumbnail.active,
a.thumbnail:focus,
a.thumbnail:hover {
    border-color: #337ab7
}

.thumbnail .caption {
    padding: 9px;
    color: #333
}

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

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

    .alert .alert-link {
        font-weight: 700
    }

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

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

.alert-dismissable,
.alert-dismissible {
    padding-right: 35px
}

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

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

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

    .alert-success .alert-link {
        color: #2b542c
    }

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1
}

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

    .alert-info .alert-link {
        color: #245269
    }

.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc
}

    .alert-warning hr {
        border-top-color: #f7e1b5
    }

    .alert-warning .alert-link {
        color: #66512c
    }

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

    .alert-danger hr {
        border-top-color: #e4b9c0
    }

    .alert-danger .alert-link {
        color: #843534
    }

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@-o-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

.progress {
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #337ab7;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease
}

.progress-bar-striped,
.progress-striped .progress-bar {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px
}

.progress-bar.active,
.progress.active .progress-bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite
}

.progress-bar-success {
    background-color: #5cb85c
}

.progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.progress-bar-info {
    background-color: #5bc0de
}

.progress-striped .progress-bar-info {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.progress-bar-warning {
    background-color: #f0ad4e
}

.progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.progress-bar-danger {
    background-color: #d9534f
}

.progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.media {
    margin-top: 15px
}

    .media:first-child {
        margin-top: 0
    }

.media,
.media-body {
    overflow: hidden;
    zoom: 1
}

.media-body {
    width: 10000px
}

.media-object {
    display: block
}

.media-right,
.media > .pull-right {
    padding-left: 10px
}

.media-left,
.media > .pull-left {
    padding-right: 10px
}

.media-body,
.media-left,
.media-right {
    display: table-cell;
    vertical-align: top
}

.media-middle {
    vertical-align: middle
}

.media-bottom {
    vertical-align: bottom
}

.media-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.media-list {
    padding-left: 0;
    list-style: none
}

.list-group {
    padding-left: 0;
    margin-bottom: 20px
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd
}

    .list-group-item:first-child {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px
    }

    .list-group-item:last-child {
        margin-bottom: 0;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px
    }

a.list-group-item {
    color: #555
}

    a.list-group-item .list-group-item-heading {
        color: #333
    }

    a.list-group-item:focus,
    a.list-group-item:hover {
        color: #555;
        text-decoration: none;
        background-color: #f5f5f5
    }

.list-group-item.disabled,
.list-group-item.disabled:focus,
.list-group-item.disabled:hover {
    color: #777;
    cursor: not-allowed;
    background-color: #eee
}

    .list-group-item.disabled .list-group-item-heading,
    .list-group-item.disabled:focus .list-group-item-heading,
    .list-group-item.disabled:hover .list-group-item-heading {
        color: inherit
    }

    .list-group-item.disabled .list-group-item-text,
    .list-group-item.disabled:focus .list-group-item-text,
    .list-group-item.disabled:hover .list-group-item-text {
        color: #777
    }

.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
    z-index: 2;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7
}

    .list-group-item.active .list-group-item-heading,
    .list-group-item.active .list-group-item-heading > .small,
    .list-group-item.active .list-group-item-heading > small,
    .list-group-item.active:focus .list-group-item-heading,
    .list-group-item.active:focus .list-group-item-heading > .small,
    .list-group-item.active:focus .list-group-item-heading > small,
    .list-group-item.active:hover .list-group-item-heading,
    .list-group-item.active:hover .list-group-item-heading > .small,
    .list-group-item.active:hover .list-group-item-heading > small {
        color: inherit
    }

    .list-group-item.active .list-group-item-text,
    .list-group-item.active:focus .list-group-item-text,
    .list-group-item.active:hover .list-group-item-text {
        color: #c7ddef
    }

.list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8
}

a.list-group-item-success {
    color: #3c763d
}

    a.list-group-item-success .list-group-item-heading {
        color: inherit
    }

    a.list-group-item-success:focus,
    a.list-group-item-success:hover {
        color: #3c763d;
        background-color: #d0e9c6
    }

    a.list-group-item-success.active,
    a.list-group-item-success.active:focus,
    a.list-group-item-success.active:hover {
        color: #fff;
        background-color: #3c763d;
        border-color: #3c763d
    }

.list-group-item-info {
    color: #31708f;
    background-color: #d9edf7
}

a.list-group-item-info {
    color: #31708f
}

    a.list-group-item-info .list-group-item-heading {
        color: inherit
    }

    a.list-group-item-info:focus,
    a.list-group-item-info:hover {
        color: #31708f;
        background-color: #c4e3f3
    }

    a.list-group-item-info.active,
    a.list-group-item-info.active:focus,
    a.list-group-item-info.active:hover {
        color: #fff;
        background-color: #31708f;
        border-color: #31708f
    }

.list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3
}

a.list-group-item-warning {
    color: #8a6d3b
}

    a.list-group-item-warning .list-group-item-heading {
        color: inherit
    }

    a.list-group-item-warning:focus,
    a.list-group-item-warning:hover {
        color: #8a6d3b;
        background-color: #faf2cc
    }

    a.list-group-item-warning.active,
    a.list-group-item-warning.active:focus,
    a.list-group-item-warning.active:hover {
        color: #fff;
        background-color: #8a6d3b;
        border-color: #8a6d3b
    }

.list-group-item-danger {
    color: #a94442;
    background-color: #f2dede
}

a.list-group-item-danger {
    color: #a94442
}

    a.list-group-item-danger .list-group-item-heading {
        color: inherit
    }

    a.list-group-item-danger:focus,
    a.list-group-item-danger:hover {
        color: #a94442;
        background-color: #ebcccc
    }

    a.list-group-item-danger.active,
    a.list-group-item-danger.active:focus,
    a.list-group-item-danger.active:hover {
        color: #fff;
        background-color: #a94442;
        border-color: #a94442
    }

.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}

.panel-body {
    padding: 15px
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

    .panel-heading > .dropdown .dropdown-toggle {
        color: inherit
    }

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit
}

    .panel-title > .small,
    .panel-title > .small > a,
    .panel-title > a,
    .panel-title > small,
    .panel-title > small > a {
        color: inherit
    }

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel > .list-group,
.panel > .panel-collapse > .list-group {
    margin-bottom: 0
}

    .panel > .list-group .list-group-item,
    .panel > .panel-collapse > .list-group .list-group-item {
        border-width: 1px 0;
        border-radius: 0
    }

    .panel > .list-group:first-child .list-group-item:first-child,
    .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
        border-top: 0;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px
    }

    .panel > .list-group:last-child .list-group-item:last-child,
    .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
        border-bottom: 0;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px
    }

.panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0
}

.list-group + .panel-footer {
    border-top-width: 0
}

.panel > .panel-collapse > .table,
.panel > .table,
.panel > .table-responsive > .table {
    margin-bottom: 0
}

    .panel > .panel-collapse > .table caption,
    .panel > .table caption,
    .panel > .table-responsive > .table caption {
        padding-right: 15px;
        padding-left: 15px
    }

    .panel > .table-responsive:first-child > .table:first-child,
    .panel > .table:first-child {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px
    }

        .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child,
        .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
        .panel > .table:first-child > tbody:first-child > tr:first-child,
        .panel > .table:first-child > thead:first-child > tr:first-child {
            border-top-left-radius: 3px;
            border-top-right-radius: 3px
        }

            .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
            .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child,
            .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
            .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
            .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
            .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
            .panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
            .panel > .table:first-child > thead:first-child > tr:first-child th:first-child {
                border-top-left-radius: 3px
            }

            .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
            .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child,
            .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
            .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
            .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
            .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
            .panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
            .panel > .table:first-child > thead:first-child > tr:first-child th:last-child {
                border-top-right-radius: 3px
            }

    .panel > .table-responsive:last-child > .table:last-child,
    .panel > .table:last-child {
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px
    }

        .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
        .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child,
        .panel > .table:last-child > tbody:last-child > tr:last-child,
        .panel > .table:last-child > tfoot:last-child > tr:last-child {
            border-bottom-right-radius: 3px;
            border-bottom-left-radius: 3px
        }

            .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
            .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
            .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
            .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
            .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
            .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
            .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
            .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
                border-bottom-left-radius: 3px
            }

            .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
            .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
            .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
            .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
            .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
            .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
            .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
            .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
                border-bottom-right-radius: 3px
            }

    .panel > .panel-body + .table,
    .panel > .panel-body + .table-responsive,
    .panel > .table + .panel-body,
    .panel > .table-responsive + .panel-body {
        border-top: 1px solid #ddd
    }

    .panel > .table > tbody:first-child > tr:first-child td,
    .panel > .table > tbody:first-child > tr:first-child th {
        border-top: 0
    }

.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
    border: 0
}

    .panel > .table-bordered > tbody > tr > td:first-child,
    .panel > .table-bordered > tbody > tr > th:first-child,
    .panel > .table-bordered > tfoot > tr > td:first-child,
    .panel > .table-bordered > tfoot > tr > th:first-child,
    .panel > .table-bordered > thead > tr > td:first-child,
    .panel > .table-bordered > thead > tr > th:first-child,
    .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
    .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
    .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child,
    .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
    .panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
    .panel > .table-responsive > .table-bordered > thead > tr > th:first-child {
        border-left: 0
    }

    .panel > .table-bordered > tbody > tr > td:last-child,
    .panel > .table-bordered > tbody > tr > th:last-child,
    .panel > .table-bordered > tfoot > tr > td:last-child,
    .panel > .table-bordered > tfoot > tr > th:last-child,
    .panel > .table-bordered > thead > tr > td:last-child,
    .panel > .table-bordered > thead > tr > th:last-child,
    .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
    .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
    .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child,
    .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
    .panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
    .panel > .table-responsive > .table-bordered > thead > tr > th:last-child {
        border-right: 0
    }

    .panel > .table-bordered > tbody > tr:first-child > td,
    .panel > .table-bordered > tbody > tr:first-child > th,
    .panel > .table-bordered > thead > tr:first-child > td,
    .panel > .table-bordered > thead > tr:first-child > th,
    .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
    .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th,
    .panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
    .panel > .table-responsive > .table-bordered > thead > tr:first-child > th {
        border-bottom: 0
    }

    .panel > .table-bordered > tbody > tr:last-child > td,
    .panel > .table-bordered > tbody > tr:last-child > th,
    .panel > .table-bordered > tfoot > tr:last-child > td,
    .panel > .table-bordered > tfoot > tr:last-child > th,
    .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
    .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
    .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
    .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
        border-bottom: 0
    }

.panel > .table-responsive {
    margin-bottom: 0;
    border: 0
}

.panel-group {
    margin-bottom: 20px
}

    .panel-group .panel {
        margin-bottom: 0;
        border-radius: 4px
    }

        .panel-group .panel + .panel {
            margin-top: 5px
        }

    .panel-group .panel-heading {
        border-bottom: 0
    }

        .panel-group .panel-heading + .panel-collapse > .list-group,
        .panel-group .panel-heading + .panel-collapse > .panel-body {
            border-top: 1px solid #ddd
        }

    .panel-group .panel-footer {
        border-top: 0
    }

        .panel-group .panel-footer + .panel-collapse .panel-body {
            border-bottom: 1px solid #ddd
        }

.panel-default {
    border-color: #ddd
}

    .panel-default > .panel-heading {
        color: #333;
        background-color: #f5f5f5;
        border-color: #ddd
    }

        .panel-default > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #ddd
        }

        .panel-default > .panel-heading .badge {
            color: #f5f5f5;
            background-color: #333
        }

    .panel-default > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #ddd
    }

.panel-primary {
    border-color: #337ab7
}

    .panel-primary > .panel-heading {
        color: #fff;
        background-color: #337ab7;
        border-color: #337ab7
    }

        .panel-primary > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #337ab7
        }

        .panel-primary > .panel-heading .badge {
            color: #337ab7;
            background-color: #fff
        }

    .panel-primary > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #337ab7
    }

.panel-success {
    border-color: #d6e9c6
}

    .panel-success > .panel-heading {
        color: #3c763d;
        background-color: #dff0d8;
        border-color: #d6e9c6
    }

        .panel-success > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #d6e9c6
        }

        .panel-success > .panel-heading .badge {
            color: #dff0d8;
            background-color: #3c763d
        }

    .panel-success > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #d6e9c6
    }

.panel-info {
    border-color: #bce8f1
}

    .panel-info > .panel-heading {
        color: #31708f;
        background-color: #d9edf7;
        border-color: #bce8f1
    }

        .panel-info > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #bce8f1
        }

        .panel-info > .panel-heading .badge {
            color: #d9edf7;
            background-color: #31708f
        }

    .panel-info > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #bce8f1
    }

.panel-warning {
    border-color: #faebcc
}

    .panel-warning > .panel-heading {
        color: #8a6d3b;
        background-color: #fcf8e3;
        border-color: #faebcc
    }

        .panel-warning > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #faebcc
        }

        .panel-warning > .panel-heading .badge {
            color: #fcf8e3;
            background-color: #8a6d3b
        }

    .panel-warning > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #faebcc
    }

.panel-danger {
    border-color: #ebccd1
}

    .panel-danger > .panel-heading {
        color: #a94442;
        background-color: #f2dede;
        border-color: #ebccd1
    }

        .panel-danger > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #ebccd1
        }

        .panel-danger > .panel-heading .badge {
            color: #f2dede;
            background-color: #a94442
        }

    .panel-danger > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #ebccd1
    }

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden
}

    .embed-responsive .embed-responsive-item,
    .embed-responsive embed,
    .embed-responsive iframe,
    .embed-responsive object,
    .embed-responsive video {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0
    }

.embed-responsive-16by9 {
    padding-bottom: 56.25%
}

.embed-responsive-4by3 {
    padding-bottom: 75%
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05)
}

    .well blockquote {
        border-color: #ddd;
        border-color: rgba(0, 0, 0, .15)
    }

.well-lg {
    padding: 24px;
    border-radius: 6px
}

.well-sm {
    padding: 9px;
    border-radius: 3px
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2
}

    .close:focus,
    .close:hover {
        color: #000;
        text-decoration: none;
        cursor: pointer;
        opacity: .5
    }

button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0
}

.modal-open {
    overflow: hidden
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

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

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

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

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

.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5)
}

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

    .modal-backdrop.fade {
        opacity: 0
    }

    .modal-backdrop.in {
        opacity: .5
    }

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

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

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

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

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

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

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

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

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

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

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

    .modal-sm {
        width: 300px
    }
}

@media (min-width:992px) {
    .modal-lg {
        width: 900px
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
    opacity: 0
}

    .tooltip.in {
        opacity: .9
    }

    .tooltip.top {
        padding: 5px 0;
        margin-top: -3px
    }

    .tooltip.right {
        padding: 0 5px;
        margin-left: 3px
    }

    .tooltip.bottom {
        padding: 5px 0;
        margin-top: 3px
    }

    .tooltip.left {
        padding: 0 5px;
        margin-left: -3px
    }

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #000;
    border-radius: 4px
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-left .tooltip-arrow {
    right: 5px;
    bottom: 0;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: left;
    white-space: normal;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2)
}

    .popover.top {
        margin-top: -10px
    }

    .popover.right {
        margin-left: 10px
    }

    .popover.bottom {
        margin-top: 10px
    }

    .popover.left {
        margin-left: -10px
    }

.popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0
}

.popover-content {
    padding: 9px 14px
}

.popover > .arrow,
.popover > .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.popover > .arrow {
    border-width: 11px
}

    .popover > .arrow:after {
        content: "";
        border-width: 10px
    }

.popover.top > .arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, .25);
    border-bottom-width: 0
}

    .popover.top > .arrow:after {
        bottom: 1px;
        margin-left: -10px;
        content: " ";
        border-top-color: #fff;
        border-bottom-width: 0
    }

.popover.right > .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, .25);
    border-left-width: 0
}

    .popover.right > .arrow:after {
        bottom: -10px;
        left: 1px;
        content: " ";
        border-right-color: #fff;
        border-left-width: 0
    }

.popover.bottom > .arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, .25)
}

    .popover.bottom > .arrow:after {
        top: 1px;
        margin-left: -10px;
        content: " ";
        border-top-width: 0;
        border-bottom-color: #fff
    }

.popover.left > .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, .25)
}

    .popover.left > .arrow:after {
        right: 1px;
        bottom: -10px;
        content: " ";
        border-right-width: 0;
        border-left-color: #fff
    }

.carousel {
    position: relative
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

    .carousel-inner > .item {
        position: relative;
        display: none;
        -webkit-transition: .6s ease-in-out left;
        -o-transition: .6s ease-in-out left;
        transition: .6s ease-in-out left
    }

        .carousel-inner > .item > a > img,
        .carousel-inner > .item > img {
            line-height: 1
        }

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-inner > .item {
        -webkit-transition: -webkit-transform .6s ease-in-out;
        -o-transition: -o-transform .6s ease-in-out;
        transition: transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000;
        perspective: 1000
    }

        .carousel-inner > .item.active.right,
        .carousel-inner > .item.next {
            left: 0;
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0)
        }

        .carousel-inner > .item.active.left,
        .carousel-inner > .item.prev {
            left: 0;
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0)
        }

            .carousel-inner > .item.active,
            .carousel-inner > .item.next.left,
            .carousel-inner > .item.prev.right {
                left: 0;
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0)
            }
}

.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
    display: block
}

.carousel-inner > .active {
    left: 0
}

.carousel-inner > .next,
.carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%
}

.carousel-inner > .next {
    left: 100%
}

.carousel-inner > .prev {
    left: -100%
}

    .carousel-inner > .next.left,
    .carousel-inner > .prev.right {
        left: 0
    }

.carousel-inner > .active.left {
    left: -100%
}

.carousel-inner > .active.right {
    left: 100%
}

.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    opacity: .5
}

    .carousel-control.left {
        background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
        background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
        background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
        background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
        background-repeat: repeat-x
    }

    .carousel-control.right {
        right: 0;
        left: auto;
        background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
        background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
        background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
        background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
        background-repeat: repeat-x
    }

    .carousel-control:focus,
    .carousel-control:hover {
        color: #fff;
        text-decoration: none;
        outline: 0;
        opacity: .9
    }

    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next,
    .carousel-control .icon-prev {
        position: absolute;
        top: 50%;
        z-index: 5;
        display: inline-block
    }

    .carousel-control .glyphicon-chevron-left,
    .carousel-control .icon-prev {
        left: 50%;
        margin-left: -10px
    }

    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next {
        right: 50%;
        margin-right: -10px
    }

    .carousel-control .icon-next,
    .carousel-control .icon-prev {
        width: 20px;
        height: 20px;
        margin-top: -10px;
        font-family: serif;
        line-height: 1
    }

        .carousel-control .icon-prev:before {
            content: '\2039'
        }

        .carousel-control .icon-next:before {
            content: '\203a'
        }

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none
}

    .carousel-indicators li {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 1px;
        text-indent: -999px;
        cursor: pointer;
        background-color: rgba(0, 0, 0, 0);
        border: 1px solid #fff;
        border-radius: 10px
    }

    .carousel-indicators .active {
        width: 12px;
        height: 12px;
        margin: 0;
        background-color: #fff
    }

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6)
}

    .carousel-caption .btn {
        text-shadow: none
    }

@media screen and (min-width:768px) {

    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next,
    .carousel-control .icon-prev {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        font-size: 30px
    }

    .carousel-control .glyphicon-chevron-left,
    .carousel-control .icon-prev {
        margin-left: -15px
    }

    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next {
        margin-right: -15px
    }

    .carousel-caption {
        right: 20%;
        left: 20%;
        padding-bottom: 30px
    }

    .carousel-indicators {
        bottom: 20px
    }
}

.btn-group-vertical > .btn-group:after,
.btn-group-vertical > .btn-group:before,
.btn-toolbar:after,
.btn-toolbar:before,
.clearfix:after,
.clearfix:before,
.container-fluid:after,
.container-fluid:before,
.container:after,
.container:before,
.dl-horizontal dd:after,
.dl-horizontal dd:before,
.form-horizontal .form-group:after,
.form-horizontal .form-group:before,
.modal-footer:after,
.modal-footer:before,
.nav:after,
.nav:before,
.navbar-collapse:after,
.navbar-collapse:before,
.navbar-header:after,
.navbar-header:before,
.navbar:after,
.navbar:before,
.pager:after,
.pager:before,
.panel-body:after,
.panel-body:before,
.row:after,
.row:before {
    display: table;
    content: " "
}

.btn-group-vertical > .btn-group:after,
.btn-toolbar:after,
.clearfix:after,
.container-fluid:after,
.container:after,
.dl-horizontal dd:after,
.form-horizontal .form-group:after,
.modal-footer:after,
.nav:after,
.navbar-collapse:after,
.navbar-header:after,
.navbar:after,
.pager:after,
.panel-body:after,
.row:after {
    clear: both
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none !important
}

.affix {
    position: fixed
}

@-ms-viewport {
    width: device-width
}

.visible-lg,
.visible-md,
.visible-sm,
.visible-xs {
    display: none !important
}

.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block {
    display: none !important
}

@media (max-width:767px) {
    .visible-xs {
        display: block !important
    }

    table.visible-xs {
        display: table
    }

    tr.visible-xs {
        display: table-row !important
    }

    td.visible-xs,
    th.visible-xs {
        display: table-cell !important
    }
}

@media (max-width:767px) {
    .visible-xs-block {
        display: block !important
    }
}

@media (max-width:767px) {
    .visible-xs-inline {
        display: inline !important
    }
}

@media (max-width:767px) {
    .visible-xs-inline-block {
        display: inline-block !important
    }
}

@media (min-width:768px)and (max-width:991px) {
    .visible-sm {
        display: block !important
    }

    table.visible-sm {
        display: table
    }

    tr.visible-sm {
        display: table-row !important
    }

    td.visible-sm,
    th.visible-sm {
        display: table-cell !important
    }
}

@media (min-width:768px)and (max-width:991px) {
    .visible-sm-block {
        display: block !important
    }
}

@media (min-width:768px)and (max-width:991px) {
    .visible-sm-inline {
        display: inline !important
    }
}

@media (min-width:768px)and (max-width:991px) {
    .visible-sm-inline-block {
        display: inline-block !important
    }
}

@media (min-width:992px)and (max-width:1199px) {
    .visible-md {
        display: block !important
    }

    table.visible-md {
        display: table
    }

    tr.visible-md {
        display: table-row !important
    }

    td.visible-md,
    th.visible-md {
        display: table-cell !important
    }
}

@media (min-width:992px)and (max-width:1199px) {
    .visible-md-block {
        display: block !important
    }
}

@media (min-width:992px)and (max-width:1199px) {
    .visible-md-inline {
        display: inline !important
    }
}

@media (min-width:992px)and (max-width:1199px) {
    .visible-md-inline-block {
        display: inline-block !important
    }
}

@media (min-width:1200px) {
    .visible-lg {
        display: block !important
    }

    table.visible-lg {
        display: table
    }

    tr.visible-lg {
        display: table-row !important
    }

    td.visible-lg,
    th.visible-lg {
        display: table-cell !important
    }
}

@media (min-width:1200px) {
    .visible-lg-block {
        display: block !important
    }
}

@media (min-width:1200px) {
    .visible-lg-inline {
        display: inline !important
    }
}

@media (min-width:1200px) {
    .visible-lg-inline-block {
        display: inline-block !important
    }
}

@media (max-width:767px) {
    .hidden-xs {
        display: none !important
    }
}

@media (min-width:768px)and (max-width:991px) {
    .hidden-sm {
        display: none !important
    }
}

@media (min-width:992px)and (max-width:1199px) {
    .hidden-md {
        display: none !important
    }
}

@media (min-width:1200px) {
    .hidden-lg {
        display: none !important
    }
}

.visible-print {
    display: none !important
}

@media print {
    .visible-print {
        display: block !important
    }

    table.visible-print {
        display: table
    }

    tr.visible-print {
        display: table-row !important
    }

    td.visible-print,
    th.visible-print {
        display: table-cell !important
    }
}

.visible-print-block {
    display: none !important
}

@media print {
    .visible-print-block {
        display: block !important
    }
}

.visible-print-inline {
    display: none !important
}

@media print {
    .visible-print-inline {
        display: inline !important
    }
}

.visible-print-inline-block {
    display: none !important
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important
    }
}

@media print {
    .hidden-print {
        display: none !important
    }
}

.spacing-bottom {
    margin-bottom: 30px
}

.center-image {
    display: block
}

.title-text {
    margin-top: 20px !important;
    color: #172b66;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 26px !important;
    line-height: 28px !important;
    font-weight: 400 !important
}

.description-text {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    color: #676767 !important;
    line-height: 18px !important
}

@media(max-width:991px) {
    .center-image {
        margin: 0
    }

    .col-md-pull-4.left-text-mobile {
        right: 0 !important
    }
}

..slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

    .slick-list:focus {
        outline: 0
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand
    }

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

    .slick-track:after,
    .slick-track:before {
        content: "";
        display: table
    }

    .slick-track:after {
        clear: both
    }

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

@font-face {
    font-family: slick;
    src: url(/Sitefiles/fonts/slick.eot);
    src: url(/Sitefiles/fonts/slick.eot?#iefix) format("embedded-opentype"), url(/Sitefiles/fonts/slick.woff) format("woff"), url(/Sitefiles/fonts/slick.ttf) format("truetype"), url(/Sitefiles/fonts/slick.svg#slick) format("svg");
    font-weight: 400;
    font-style: normal
}

/*.slick-loading .slick-list {
    background: #fff url(../wwwroot/SiteFiles/css/ajax-loader.gif) center center no-repeat
}*/

.slick-next,
.slick-prev {
    position: absolute;
    top: 50%;
    display: block;
    padding: 0;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: 0 0;
    color: transparent;
    border: none;
    transform: translate(0, -50%)
}

    .slick-next:focus .slick-next-icon,
    .slick-next:focus .slick-prev-icon,
    .slick-next:hover .slick-next-icon,
    .slick-next:hover .slick-prev-icon,
    .slick-prev:focus .slick-next-icon,
    .slick-prev:focus .slick-prev-icon,
    .slick-prev:hover .slick-next-icon,
    .slick-prev:hover .slick-prev-icon {
        opacity: 1
    }

    .slick-next:focus,
    .slick-prev:focus {
        top: calc(50% - 1px)
    }

        .slick-next:focus .slick-next-icon,
        .slick-next:focus .slick-prev-icon,
        .slick-prev:focus .slick-next-icon,
        .slick-prev:focus .slick-prev-icon {
            color: orange;
            font-size: 28px;
            margin-left: -2px
        }

    .slick-next.slick-disabled,
    .slick-prev.slick-disabled {
        cursor: default
    }

        .slick-next.slick-disabled .slick-next-icon,
        .slick-next.slick-disabled .slick-prev-icon,
        .slick-prev.slick-disabled .slick-next-icon,
        .slick-prev.slick-disabled .slick-prev-icon {
            opacity: .25
        }

    .slick-next .slick-next-icon,
    .slick-next .slick-prev-icon,
    .slick-prev .slick-next-icon,
    .slick-prev .slick-prev-icon {
        display: block;
        color: #000;
        opacity: .75;
        font-family: slick;
        font-size: 24px;
        line-height: 1
    }

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    left: auto;
    right: -25px
}

.slick-prev .slick-prev-icon:before {
    content: "←"
}

[dir=rtl] .slick-prev .slick-prev-icon:before {
    content: "→"
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    left: -25px;
    right: auto
}

.slick-next .slick-next-icon:before {
    content: "→"
}

[dir=rtl] .slick-next .slick-next-icon:before {
    content: "←"
}

.slick-slider {
    margin-bottom: 30px
}

    .slick-slider.slick-dotted {
        margin-bottom: 60px
    }

.slick-dots {
    position: absolute;
    bottom: -30px;
    display: block;
    padding: 0;
    margin: 0;
    width: 100%;
    list-style: none;
    text-align: center
}

    .slick-dots li {
        position: relative;
        display: inline-block;
        margin: 0 5px;
        padding: 0
    }

        .slick-dots li button {
            display: block;
            height: 20px;
            width: 20px;
            margin-top: -4px;
            margin-left: -4px;
            line-height: 0;
            font-size: 0;
            color: transparent;
            border: 0;
            background: 0 0;
            cursor: pointer
        }

            .slick-dots li button:focus .slick-dot-icon,
            .slick-dots li button:hover .slick-dot-icon {
                opacity: 1
            }

                .slick-dots li button:focus .slick-dot-icon:before {
                    color: orange
                }

            .slick-dots li button .slick-dot-icon {
                color: #000;
                opacity: .25
            }

                .slick-dots li button .slick-dot-icon:before {
                    position: absolute;
                    top: 0;
                    left: 0;
                    content: "•";
                    font-family: slick;
                    font-size: 12px;
                    line-height: 1;
                    text-align: center;
                    transition: all .05s linear
                }

        .slick-dots li.slick-active button:focus .slick-dot-icon {
            color: orange;
            opacity: 1
        }

        .slick-dots li.slick-active button .slick-dot-icon {
            color: #000;
            opacity: 1
        }

            .slick-dots li.slick-active button .slick-dot-icon:before {
                margin-top: -3px;
                margin-left: -2px;
                font-size: 18px
            }

.slick-sr-only {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.slick-autoplay-toggle-button {
    position: absolute;
    left: 5px;
    bottom: -32px;
    z-index: 10;
    opacity: .75;
    background: 0 0;
    border: 0;
    cursor: pointer;
    color: #000
}

    .slick-autoplay-toggle-button:focus,
    .slick-autoplay-toggle-button:hover {
        opacity: 1
    }

    .slick-autoplay-toggle-button:focus {
        color: orange
    }

    .slick-autoplay-toggle-button .slick-pause-icon:before {
        content: "⏸";
        width: 20px;
        height: 20px;
        font-family: slick;
        font-size: 18px;
        font-weight: 400;
        line-height: 20px;
        text-align: center
    }

    .slick-autoplay-toggle-button .slick-play-icon:before {
        content: "▶";
        width: 20px;
        height: 20px;
        font-family: slick;
        font-size: 18px;
        font-weight: 400;
        line-height: 20px;
        text-align: center
    }

@charset 'UTF-8';

/* 3rd-party CSS files */

/* Slick carousel */

/* Slider */

/* .slick-loading .slick-list { background: #fff url('/sitefiles/images/ajax-loader.gif') center center no-repeat; } */

/* Icons */

/* @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('/sitefiles/fonts/slick.eot'); src: url('/sitefiles/fonts/slick.eot?#iefix') format('embedded-opentype'), url('/sitefiles/fonts/slick.woff') format('woff'), url('/sitefiles/fonts/slick.ttf') format('truetype'), url('/sitefiles/fonts/slick.svg#slick') format('svg');
} */

/* Arrows */
/* 
.slick-prev,
.slick-next
{ font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; margin-top: -10px; padding: 0; cursor: pointer; color: transparent; border: none; background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus { color: transparent; background: transparent; }
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before { opacity: 1; }
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before { opacity: .25; }
.slick-prev:before,
.slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-prev { left: -25px; }
[dir='rtl'] .slick-prev { right: -25px; left: auto; }
.slick-prev:before { content: '←'; }
[dir='rtl'] .slick-prev:before { content: '→'; }
.slick-next { right: -25px; }
[dir='rtl'] .slick-next { right: auto; left: -25px; }
.slick-next:before { content: '→'; }
[dir='rtl'] .slick-next:before { content: '←'; } */

/* Dots */

/* .slick-slider { margin-bottom: 0; }

.slick-dots { position: absolute; bottom: 0; display: block; width: 1140px; padding: 0; list-style: none; text-align: center; width: 100%; } */


#main-right-content form ul:not(.link-columns) {
	list-style: none;
	margin: 0;
	padding: 0px;
}

.div-campaign-carousel .slick-dots {
	background-color: rgba(255,255,255,0.9);
	bottom: 45px;
	width: 1140px;
	left: 50%;
	margin-left: -570px;
	display: none !important;
}

.div-carousel-on-image .slick-dots {
	text-align: right;
}

.slick-dots li {
	cursor: pointer;
	position: relative;
	display: inline-block;
	height: 20px;
	margin: 0 5px;
	padding: 0;
	width: 20px;
}

.div-campaign-carousel .slick-dots li {
	height: auto;
	margin: 0;
	width: 33.33333333%;
}

.slick-dots li button {
	background: transparent;
	border: 0;
	color: transparent;
	cursor: pointer;
	display: block;
	font-size: 0;
	height: 20px;
	line-height: 0;
	padding: 5px;
	width: 20px;
}

.div-campaign-carousel .slick-dots li button {
	color: #000;
	cursor: pointer;
	font-family: "nimbus-sans",sans-serif;
	font-weight: 700;
	font-size: 27px;
	height: auto;
	letter-spacing: -1px;
	line-height: 1;
	margin: 0 auto;
	padding: 15px 35px 15px 35px;
	width: auto;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
}

	.slick-dots li button:hover:before,
	.slick-dots li button:focus:before {
		opacity: 1;
	}

.slick-dots li button:before {
	font-family: 'slick';
	font-size: 14px;
	line-height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	content: '•';
	text-align: center;
	opacity: .25;
	color: #aaa;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
	opacity: .75;
	color: #fff;
}

.div-campaign-carousel .slick-dots li button:before {
	display: none;
}

.slick-indicator {
	background-color: rgba(4,24,97,1);
	height: 7px;
	left: 50%;
	position: absolute;
	top: 583px;
	transition: all 1s cubic-bezier(.45,-0.15,0.13,1);
	width: 300px;
	display: none;
}

.slick-indicator-0 {
	margin-left: -530px;
}

.slick-indicator-1 {
	margin-left: -150px;
}

.slick-indicator-2 {
	margin-left: 230px;
}

.div-news-and-features-wrapper .slick-arrow {
	background-color: transparent;
	border: 0 none;
	font-size: 25px;
	height: 260px;
	position: absolute;
	top: 30px;
	transition: all 1s ease;
	width: 30px;
	z-index: 1;
}

	.div-news-and-features-wrapper .slick-arrow:hover {
		background-color: #3790D5;
		color: #fff;
	}

	.div-news-and-features-wrapper .slick-arrow:active {
		background-color: #ddd;
	}

.div-news-and-features-wrapper .prevArrow {
	left: -15px;
}

.div-news-and-features-wrapper .nextArrow {
	left: 864px;
}

.div-news-and-features-wrapper .prevArrow .glyphicon-chevron-left {
	left: -4px;
}

.div-news-and-features-wrapper .nextArrow .glyphicon-chevron-right {
	left: -4px;
}

.div-news-and-features-wrapper.four-column .nextArrow {
	left: auto !important;
	right: -15px !important;
}

.div-news-and-features-wrapper.four-column .div-news-and-features-carousel a {
	margin: 0 15px;
}

.div-carousel-signposts-wrapper .slick-arrow,
.div-carousel-campuses-wrapper .slick-arrow {
	background-color: transparent;
	background-repeat: no-repeat;
	background-size: contain;
	border: 0 none;
	height: 75px;
	margin-top: -9px;
	position: absolute;
	top: 50%;
	width: 75px;
	z-index: 9;
}

.div-carousel-campuses-wrapper .slick-arrow {
	top: 17%;
}

.div-carousel-signposts-wrapper .prevArrow,
.div-carousel-campuses-wrapper .prevArrow {
	background-image: url(/sitefiles/images/icon-arrow-left-blue-white-circle.png);
	left: 0;
	right: inherit;
}

.div-carousel-signposts-wrapper .nextArrow,
.div-carousel-campuses-wrapper .nextArrow {
	background-image: url(/sitefiles/images/icon-arrow-right-blue-white-circle.png);
	left: inherit;
	right: 0;
}

.div-carousel-signposts-wrapper .slick-slide img,
.div-carousel-campuses-wrapper .slick-slide img {
	max-width: none;
	padding: 0 15px;
	width: 100%;
}



/* Lightbox */

body:after {
	content: url(/sitefiles/resources/images/_lightbox-controls/close.png) url(/sitefiles/resources/images/_lightbox-controls/loading.gif) url(/sitefiles/resources/images/_lightbox-controls/prev.png) url(/sitefiles/resources/images/_lightbox-controls/next.png);
	display: none;
}

.lightboxOverlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999999999;
	background-color: black;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	opacity: 0.8;
	display: none;
}

.lightbox {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 99999999999;
	text-align: center;
	line-height: 0;
	font-weight: normal;
}

	.lightbox .lb-image {
		display: block;
		height: auto;
		max-width: inherit;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-ms-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;
	}

	.lightbox a img {
		border: none;
	}

.lb-outerContainer {
	position: relative;
	background-color: white;
	*zoom: 1;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}

	.lb-outerContainer:after {
		content: "";
		display: table;
		clear: both;
	}

.lb-container {
	padding: 4px;
}

.lb-loader {
	position: absolute;
	top: 43%;
	left: 0;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

.lb-cancel {
	display: block;
	width: 32px;
	height: 32px;
	margin: 0 auto;
	background: url(/sitefiles/resources/images/_lightbox-controls/loading.gif) no-repeat;
}

.lb-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}

.lb-container > .nav {
	left: 0;
}

.lb-nav a {
	background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
	height: 100%;
	cursor: pointer;
	display: block;
}

.lb-nav a.lb-prev {
	width: 34%;
	left: 0;
	float: left;
	background: url(/sitefiles/resources/images/_lightbox-controls/prev.png) left 48% no-repeat;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	-webkit-transition: opacity 0.6s;
	-moz-transition: opacity 0.6s;
	-o-transition: opacity 0.6s;
	transition: opacity 0.6s;
}

	.lb-nav a.lb-prev:hover {
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
		opacity: 1;
	}

.lb-nav a.lb-next {
	width: 64%;
	right: 0;
	float: right;
	background: url(/sitefiles/resources/images/_lightbox-controls/next.png) right 48% no-repeat;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	-webkit-transition: opacity 0.6s;
	-moz-transition: opacity 0.6s;
	-o-transition: opacity 0.6s;
	transition: opacity 0.6s;
}

	.lb-nav a.lb-next:hover {
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
		opacity: 1;
	}

.lb-dataContainer {
	margin: 0 auto;
	padding-top: 5px;
	*zoom: 1;
	width: 100%;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

	.lb-dataContainer:after {
		content: "";
		display: table;
		clear: both;
	}

.lb-data {
	padding: 0 4px;
	color: #ccc;
}

	.lb-data .lb-details {
		width: 85%;
		float: left;
		text-align: left;
		line-height: 1.1em;
	}

	.lb-data .lb-caption {
		font-size: 13px;
		font-weight: bold;
		line-height: 1em;
	}

	.lb-data .lb-number {
		display: block;
		clear: left;
		padding-bottom: 1em;
		font-size: 12px;
		color: #999999;
	}

	.lb-data .lb-close {
		display: block;
		float: right;
		width: 30px;
		height: 30px;
		background: url(/sitefiles/resources/images/_lightbox-controls/close.png) top right no-repeat;
		text-align: right;
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
		opacity: 0.7;
		-webkit-transition: opacity 0.2s;
		-moz-transition: opacity 0.2s;
		-o-transition: opacity 0.2s;
		transition: opacity 0.2s;
	}

		.lb-data .lb-close:hover {
			cursor: pointer;
			filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
			opacity: 1;
		}


/*
 font-family:'HelveticaNeueW02-45Ligh';
 font-family:'HelveticaNeueW02-55Roma';
 font-family:'HelveticaNeueW02-65Medi';
 font-family:'HelveticaNeueW02-75Bold';
 font-family:'HelveticaNeueW02-85Heav';
 
 full-time #55A8E9
 part-time #cfc758
 apprenticeships #BB895A
 life-at-the-met #F9BE3E
 connect #9B69B5
 support-for-business #9088A1
 about-us #B1B0B1
 course-search #CCC558

*/

a:hover {
	text-decoration: none;
}

body {
	font-family: "nimbus-sans",sans-serif;
	font-weight: 300;
	margin: 0px !important;
}
/* body, html { overflow-x: hidden; } */
h3 {
	font-size: 32px;
	margin: 0px;
	font-weight: 700;
	color: #fff;
	margin-top: 14px;
	margin-bottom: 0px;
}

h4 {
	font-weight: 100;
	font-size: 19px;
}

p {
	margin: 0;
	padding: 0 0 10px 0;
}

ul {
	display: block;
	list-style-type: disc;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 0px !important;
}

ul,
menu,
dir {
	display: block;
	list-style-type: disc;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 0px !important;
}

dt {
	font-weight: normal;
	line-height: 1.2;
}

img {
	max-width: 100%;
}

a.a-button {
	background-color: #E7E076;
	color: #192954;
	cursor: pointer;
	display: inline-block;
	font-family: "nimbus-sans",sans-serif;
	font-weight: 700;
	font-size: 14px;
	line-height: 14px;
	margin: 0;
	padding: 13px 20px;
	text-decoration: none;
}

.container {
	padding-left: 0;
	padding-right: 0;
}

.modal {
	z-index: 9999999;
}

.modal-open .modal {
	display: flex !important;
	align-items: center;
}

.media-object {
	max-width: none;
}

.row-first { /*padding-top: 162px; padding-top: 96px;*/
	position: relative;
}

.subpage-bg {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
	.subpage-bg {
		display: none !important;
	}
}

.jumbo { /*overflow: hidden;*/
	width: 100%;
	background-position: center;
	background-size: cover;
}

.jumbo-contain {
	margin: 0;
	padding: 0px;
	width: 100%;
	position: relative;
}

.prospectus-suite {
	overflow: hidden;
}

.notification {
	color: red;
	font-weight: bold;
}

.a-button.disabled {
	cursor: default;
}

.div-carousel-signposts-wrapper aside {
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	width: 100% !important;
}

.div-signposts-carousel-small-wrapper aside {
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	width: 100% !important;
}

.div-signposts-carousel-small-wrapper {
	overflow: hidden;
}

.div-carousel-signposts-wrapper aside {
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.div-carousel-signposts-wrapper .div-carousel-signposts ul {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: relative;
	width: 9999px;
	overflow: hidden;
}

.div-signposts-carousel-small-wrapper .div-signposts-carousel-small ul {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: relative;
	width: 9999px;
	overflow: hidden;
}

#hidden {
	display: none;
	border-top: 0px !important;
}

	#hidden ul {
		display: none;
		border-top: 0px !important;
	}

		#hidden ul li:first-child {
			background-color: #FFFFFF !important;
		}

			#hidden ul li:first-child:hover {
				border-left: 5px solid #9088A1 !important;
				border-right: 5px solid #9088A1 !important;
			}

	#hidden li {
		background: #fff !important;
	}

#tab-navigation {
	display: block;
	float: right;
	text-align: right;
	margin-right: 75px;
	margin-top: -3px;
}

#div-primary-navigation #div-site-search a {
	background: linear-gradient(to bottom, #0A1D63, #041348);
	border: 1px solid #071238;
	border-radius: 10px;
	cursor: pointer;
	display: inline-block;
	height: 42px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	text-indent: -9999px;
	vertical-align: middle;
	width: 42px;
}

	#div-primary-navigation #div-site-search a span {
		background-attachment: scroll;
		background-image: url(/sitefiles/images/icon-magnifying-glass-white.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 16px auto;
		display: block;
		height: 42px;
		overflow: hidden;
		text-indent: -9999px;
		vertical-align: middle;
		width: 42px;
	}

#div-primary-navigation #div-course-basket {
	display: inline-block;
	margin: 0 0 0 35px;
}

	#div-primary-navigation #div-course-basket > a {
		background: linear-gradient(to bottom, #0A1D63, #041348);
		border: 1px solid #071238;
		border-radius: 10px;
		cursor: pointer;
		display: inline-block;
		height: 42px;
		margin: 0;
		overflow: hidden;
		padding: 0;
		text-indent: -9999px;
		vertical-align: middle;
		width: 42px;
	}

		#div-primary-navigation #div-course-basket > a span {
			background-attachment: scroll;
			background-image: url(/sitefiles/images/icon-shopping-cart-white.png);
			background-position: center center;
			background-repeat: no-repeat;
			background-size: 16px auto;
			display: block;
			height: 42px;
			overflow: hidden;
			text-indent: -9999px;
			vertical-align: middle;
			width: 42px;
		}

	#div-primary-navigation #div-course-basket #div-courses-wrapper {
		background-attachment: scroll;
		background-image: url(/sitefiles/images/icon-arrowhead-up-white.png);
		background-position: 911px 5px;
		background-repeat: no-repeat;
		left: 0;
		position: absolute;
		z-index: 2147483647;
	}

	#div-primary-navigation #div-course-basket #div-courses {
		background-color: #FFFFFF;
		margin: 15px 0 0;
		padding: 37px 100px 50px;
		position: relative;
		width: 756px;
	}

		#div-primary-navigation #div-course-basket #div-courses h1 {
			color: #162667;
			font-family: "nimbus-sans",sans-serif;
			font-weight: 500;
			font-size: 19px;
		}

		#div-primary-navigation #div-course-basket #div-courses table {
			border-collapse: collapse;
			border-spacing: 0;
			color: #4E4F56;
			font-family: "nimbus-sans",sans-serif;
			font-weight: 500;
			font-size: 14px;
			text-align: left;
		}

		#div-primary-navigation #div-course-basket #div-courses td {
			padding: 5px 15px;
		}

			#div-primary-navigation #div-course-basket #div-courses td:first-of-type {
				padding-left: 0;
			}

			#div-primary-navigation #div-course-basket #div-courses td:last-of-type {
				padding-right: 0;
			}

			#div-primary-navigation #div-course-basket #div-courses td a {
				color: #34A5F4;
				text-decoration: none;
			}

		#div-primary-navigation #div-course-basket #div-courses #a-close {
			color: #333333;
			font-family: "nimbus-sans",sans-serif;
			font-weight: 500;
			font-size: 31px;
			line-height: 31px;
			position: absolute;
			right: 25px;
			text-decoration: none;
			top: 15px;
		}

.div-course-filter-by-subject {
	background-color: #FFFFFF;
	color: #625A5A;
	float: left;
	font-family: "nimbus-sans",sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 23px;
	padding: 0 0px 25px;
	width: 100%;
}

	.div-course-filter-by-subject h2 {
		border-top: 1px solid #C4C4C9;
		color: #5E5959;
		font-family: "nimbus-sans",sans-serif;
		font-size: 21px;
		font-weight: bold;
		line-height: 21px;
		padding: 25px 0 0;
	}

	.div-course-filter-by-subject ul {
		color: #5E5959;
		font-family: "nimbus-sans",sans-serif;
		font-size: 15px;
		font-weight: bold;
		list-style-type: none;
		margin: 0;
		padding: 0;
		text-align: left;
		width: auto;
	}

	.div-course-filter-by-subject li {
		margin: 0;
		padding: 0;
	}

	.div-course-filter-by-subject a {
		background-color: #F7F7F7;
		border: 1px solid #A7AAAD;
		color: #5E5959;
		display: inline-block;
		float: left;
		margin: 10px 10px 0 0;
		padding: 5px;
		text-decoration: none;
	}

		.div-course-filter-by-subject a.active {
			background-color: #C6C7C8;
		}

.div-tiles {
	background-color: #FFFFFF;
	float: left;
	text-align: left;
	overflow: hidden;
	padding: 25px 0 15px 0;
	width: 100%;
}

.div-main-content-aside .div-tiles ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 335px;
}

.div-tiles li {
	background-color: #CCCCCC;
	color: #000000;
	float: left;
	height: 150px;
	margin: 10px 10px 0 0;
	padding: 0;
	width: 155px;
}

.div-tiles .div-tile {
	background-attachment: scroll;
	background-position: 48px 34px;
	background-repeat: no-repeat;
	display: table-cell;
	font-family: "nimbus-sans",sans-serif;
	font-size: 16px;
	font-weight: 100;
	height: 110px; /* padding: 20px; */
	text-align: left;
	vertical-align: bottom;
	width: 120px;
	padding-top: 47px;
	padding-left: 8px;
}

.div-tiles .div-tile-award {
	background-image: url(/sitefiles/images/icon-award.png);
	height: 50px;
	padding-top: 80px;
	text-align: center;
	vertical-align: middle;
}

.div-tiles .div-tile-case-study {
	text-align: left;
	vertical-align: bottom;
}

#nav-side .div-tiles a {
	bottom: 0;
	color: inherit;
	cursor: pointer;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	text-decoration: none;
	top: 0;
	width: 100%;
}

.div-tiles .div-tile h2 {
	font-family: "nimbus-sans",sans-serif;
	font-size: 12px;
	font-weight: 100;
	margin: 90px 0 0 0;
	padding: 0 10px;
	text-align: center;
}

.div-tiles .div-tile-award p {
	font-size: 12px;
}

.div-tiles .li-tile-blue {
	background-color: #5EAEF2;
	color: #FFFFFF;
}

.div-tiles .li-tile-gold {
	background-color: #AC8D5A;
	color: #FFFFFF;
}

.div-tiles .li-tile-purple {
	background-color: #68099E;
	color: #FFFFFF;
}

.div-tiles .li-tile-grey {
	background-color: #4B5152;
	color: #FFFFFF;
}

.div-tiles .nav-tile {
	background-color: #5EAEF2;
	background-position: center 30px;
	background-repeat: no-repeat;
	color: #FFFFFF;
	position: relative;
}

.div-tiles > .nav-tile:nth-of-type(1) {
	background-color: #5eaef2;
}

.div-tiles > .nav-tile:nth-of-type(2) {
	background-color: #12558e;
}

.div-tiles > .nav-tile:nth-of-type(3) {
	background-color: #935191;
}

.div-tiles .nav-tile:nth-of-type(4) {
	background-color: #d6bd57;
}

.div-tiles .nav-tile:nth-of-type(5) {
	background-color: #53bd8c;
}

.div-tiles .nav-tile:nth-of-type(6) {
	background-color: #a097a0;
}

.div-tiles .nav-tile:nth-of-type(7) {
	background-color: #b75d5f;
}

.div-tiles .nav-tile:nth-of-type(8) {
	background-color: #14cad1;
}

.div-tiles .nav-tile-case-study {
	background-image: url(/sitefiles/resources/images/_icons/icon-case-study.png);
}

.div-tiles .nav-tile-photo-gallery {
	background-image: url(/sitefiles/resources/images/_icons/icon-gallery.png);
}

.div-tiles .nav-tile-video {
	background-image: url(/sitefiles/resources/images/_icons/icon-video.png);
}

.nav-tile {
	width: 167px !important;
	height: 167px !important;
	display: inline-block !important;
	margin-bottom: 10px;
}

	.nav-tile.left-col {
		margin-right: 10px;
	}

.course-photo-gallery {
	display: none;
}

.course-filter .div-video {
	margin-bottom: 25px;
}

.rhs-photo-gallery {
}

.rhs-photo-wrapper:nth-child(4n) {
	clear: both;
}

.rhs-photo-wrapper a {
	display: block;
	padding-bottom: 15px;
}

.rhs-photo-caption {
	display: none;
}

#logon-wrapper {
	background-color: #fff;
	box-shadow: 0 0 10px #777;
	display: none;
	left: 15px;
	right: 15px;
	padding: 40px 20px;
	position: absolute;
	table-layout: fixed;
	top: 15px;
	width: auto;
	z-index: 99999999;
}

	#logon-wrapper:before {
		display: none;
		border-bottom: 12px solid #fff;
		border-left: 12px solid transparent;
		border-right: 12px solid transparent;
		content: ' ';
		height: 0;
		position: absolute;
		right: 140px;
		top: -12px;
		width: 0;
	}

	#logon-wrapper .modal-close {
		right: -5px;
		top: -30px;
	}

	#logon-wrapper .logon-content > div {
		display: table-cell;
		float: none;
		height: 335px;
	}

	#logon-wrapper .logon-content h3 {
		color: #333;
		font-size: 16px;
	}

	#logon-wrapper .logon-content p {
	}

	#logon-wrapper .logon-content a.a-button {
		bottom: 0;
		position: absolute;
	}

	#logon-wrapper .logon-content a.a-button-rel {
		position: relative;
	}

	#logon-wrapper .logon-content a.a-button-app-update {
		bottom: 0;
	}

	#logon-wrapper .logon-options {
		padding-top: 20px;
		text-align: center;
	}

		#logon-wrapper .logon-options a {
			color: #000;
			font-size: 14px;
			font-weight: bold;
			text-decoration: underline;
		}

			#logon-wrapper .logon-options a:hover {
				color: #337ab7;
			}

	#logon-wrapper h2,
	#divGotoSelfService h2 {
		color: #172871;
		font-size: 20px;
		margin-top: 0;
	}

#logon-center {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

#logon-right {
}

#ulActions {
	list-style-type: none;
	margin-left: 0;
}

	#ulActions li:first-child {
		float: left; /*margin-right: 30px;*/
		margin-right: 10px;
	}

	#ulActions .a-button {
		border-radius: 0;
	}

#divBasket {
	background-color: #fff;
	box-shadow: 0 0 10px #777;
	display: none; /*left: 50%;*/ /*margin-left: -64px;*/
	margin-left: calc(9% + 25px);
	position: fixed;
	top: 74px;
	width: 600px;
	z-index: 99999999;
}

	#divBasket:before {
		border-bottom: 12px solid #fff;
		border-left: 12px solid transparent;
		border-right: 12px solid transparent;
		content: ' ';
		height: 0;
		position: absolute; /*right: 15px;*/
		left: 145px;
		top: -12px;
		width: 0;
	}

#divBasketInner,
#divGotoSelfServiceInner {
	padding: 30px;
	position: relative;
}

#aCloseBasket,
#aCloseGotoSelfService,
.modal-close {
	cursor: pointer;
	font-family: monospace;
	font-size: 30px;
	font-weight: bold;
	position: absolute;
	right: 15px;
	top: 0;
}

	#aCloseBasket:hover,
	.modal-close:hover {
		text-decoration: none;
	}

#divGotoSelfService {
	background-color: #fff;
	box-shadow: 0 0 10px #777;
	display: block;
	height: 200px;
	left: 50%;
	margin-left: -150px;
	margin-top: -100px;
	position: fixed;
	top: 50%;
	width: 300px;
	z-index: 99999999;
}


#iframeSelfService {
	display: none;
}

#search-all {
	display: inline-block;
	position: absolute;
	width: 300px;
}

#div-site-search-form form {
	box-shadow: 0 0 10px #777;
	position: absolute; /*right: 51px; top: 74px;*/
	right: -6px;
	top: 56px;
	display: none;
	padding: 5px;
	background: #fff;
	z-index: 30;
	width: 250px;
}

	#div-site-search-form form:before {
		border-bottom: 12px solid #fff;
		border-left: 12px solid transparent;
		border-right: 12px solid transparent;
		content: ' ';
		height: 0;
		position: absolute;
		right: 11px;
		top: -12px;
		width: 0;
	}

	#div-site-search-form form input {
		border: 0px;
		height: 34px;
		padding: 0 10px;
	}

	#div-site-search-form form button {
		background-color: #1693CC;
		border: none;
		font-family: "nimbus-sans",sans-serif;
		font-weight: 900;
		font-size: 14px;
		height: 34px;
	}

#div-masthead-wrapper {
	background-color: rgba(4, 24, 97, 1);
	height: 137px;
	margin: 10px;
	width: calc(100% - 20px);
}

	#div-masthead-wrapper.opaque {
		background-color: rgba(4, 24, 97, 1);
	}

	#div-masthead-wrapper.translucent {
		background-color: rgba(4, 24, 97, 0.90);
	}

	#div-masthead-wrapper.posStatic {
		position: static;
	}

	#div-masthead-wrapper #div-masthead {
		margin: 0 auto;
		position: relative;
		width: 100%;
	}

#main-right {
}

#main-right-inner { /*background-color: #fff;*/
	background-color: transparent;
	padding: 0 0 15px 0px;
}

#side-nav {
	padding-bottom: 25px;
}

#divModalBg {
	bottom: 0;
	display: none;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 5;
}

#google-translate {
	margin-bottom: 15px;
}

/* Landing pages */

.bg-page #main-right-inner {
	background-color: rgba(255, 255, 255, 0.84); /*padding: 15px;*/
}

#full-time .row-first { /*height: 360px; background-color: #212951; background-image: url('https://s3-eu-west-1.amazonaws.com/belfastmet/Fulltime-homepage-Banner.jpg'); background-position: center top; background-repeat: no-repeat; background-size: cover;*/
}

#full-time #main-right-top { /*text-align: center !important; width: 100%; padding-top: 263px; padding-bottom: 20px;*/
}

	#full-time #main-right-top h2 {
		color: #55A8E9;
		font-family: "nimbus-sans",sans-serif;
		font-weight: 300;
		font-size: 32px;
		line-height: 48px;
		margin: 10px 0;
		padding: 0;
	}

#full-time #main-right {
	background-color: transparent;
}

#full-time #main-right-inner {
	background-color: transparent;
}

#full-time #main-right-breadcrumbs {
	background-color: #fff; /*padding-left: 15px; padding-right: 15px; padding-top: 15px;*/
}

#full-time #main-right-content {
	background-color: #fff; /*padding-left: 15px; padding-right: 15px;*/
}

	#full-time #main-right-content h1 {
		margin-top: 0; /*padding-top: 20px;*/
	}

#part-time .row-first { /*height: 480px; background-color: #d5d3de; background-image: url('https://s3-eu-west-1.amazonaws.com/belfastmet/part-timebanner.jpg'); background-position: center 136px; background-repeat: no-repeat;*/
}

#about-us_projects-and-partnerships_belfast-met-trust .row-first { /*height: 480px; background-color: #b0cfd1; background-image: url(https://s3-eu-west-1.amazonaws.com/belfastmet/background-Trust.jpg ); background-position: center -31px; background-repeat: no-repeat;*/
}


#part-time #main-right-top { /*text-align: center !important; width: 100%; padding-top: 263px; padding-bottom: 20px;*/
}

	#part-time #main-right-top h1 {
		color: #001A4D;
		display: inline-block;
		font-family: "nimbus-sans",sans-serif;
		font-weight: 900;
		font-size: 40px;
		line-height: 48px;
		margin: 20px 0 10px 0;
		padding: 0;
		position: relative;
		text-transform: capitalize;
	}

		#part-time #main-right-top h1:before {
			border-bottom: 2px solid #001A4D;
			border-left: 2px solid #001A4D;
			border-top: 2px solid #001A4D;
			content: ' ';
			height: 90px;
			left: -30px;
			position: absolute;
			top: -20px;
			width: 50px;
		}

		#part-time #main-right-top h1:after {
			border-bottom: 2px solid #001A4D;
			border-right: 2px solid #001A4D;
			border-top: 2px solid #001A4D;
			content: ' ';
			height: 90px;
			right: -30px;
			position: absolute;
			top: -20px;
			width: 50px;
		}


	#part-time #main-right-top h2 {
		color: #001A4D;
		font-family: "nimbus-sans",sans-serif;
		font-weight: 300;
		font-size: 32px;
		line-height: 48px;
		margin: 10px 0;
		padding: 0;
	}

#part-time #main-right {
	background-color: transparent;
}

#part-time #main-right-inner {
	background-color: transparent;
}

#part-time #main-right-breadcrumbs {
	background-color: #fff; /*padding-left: 15px; padding-right: 15px; padding-top: 15px;*/
}

#part-time #main-right-content {
	background-color: #fff; /*padding-left: 15px; padding-right: 15px;*/
}

	#part-time #main-right-content h1 {
		margin-top: 0;
		padding-top: 20px;
	}

#apprenticeships .row-first { /*height: auto; background-image: url('https://s3-eu-west-1.amazonaws.com/belfastmet/background-training-and-apprenticeships.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;*/
}

#apprenticeships #main-right-inner { /*background-color: rgba(189, 138, 93, 0.84); padding: 15px;*/
}

#apprenticeships .training-text {
	color: #010101;
	font-family: "nimbus-sans",sans-serif;
	font-size: 16px;
	line-height: 24px;
	width: 100%;
}

	#apprenticeships .training-text h1 {
		border-bottom: 1px solid #FFFFFF;
		font-family: "nimbus-sans",sans-serif;
		font-weight: 700;
		color: #FFFFFF;
		font-size: 55px;
		line-height: 65px;
		margin: 0;
		padding: 10px 0 40px;
	}

	#apprenticeships .training-text p {
		color: #010101;
		font-family: "nimbus-sans",sans-serif;
		font-size: 16px;
		line-height: 24px;
	}

	#apprenticeships .training-text h3 {
		margin-top: 32px;
		margin-bottom: 32px;
		color: #E5D29E;
		font-size: 32px;
	}

	#apprenticeships .training-text a.a-button {
		background-color: #E7E076;
		border-radius: 10px;
		color: #192954;
		display: inline-block;
		font-family: "nimbus-sans",sans-serif;
		font-weight: 700;
		font-size: 14px;
		line-height: 14px;
		margin: 0;
		padding: 13px 20px;
		text-decoration: none;
	}

#apprenticeships #main-right-breadcrumbs { /*margin-top: 0;*/
}

	#apprenticeships #main-right-breadcrumbs a { /*color: #e4e3e3;*/
	}

	#apprenticeships #main-right-breadcrumbs > ul {
		border-bottom: 0 none;
	}

	#apprenticeships #main-right-breadcrumbs li li::before {
		color: #e4e3e3;
	}

#apprenticeships #skills-to-success-logo {
	position: absolute;
	right: 35px;
	top: 187px;
}

#life-at-the-met .row-first { /*height: auto; background-image: url('https://s3-eu-west-1.amazonaws.com/belfastmet/background-life-at-the-met.jpg'); background-position: center; background-size: cover;*/
}

.life-top {
	float: left !important;
	width: 66%;
	margin-top: 129px !important;
}

#life-at-the-met #main-right { /*margin-top: 140px;*/
}

#life-at-the-met #main-right-inner { /*padding: 15px;*/
}
/*#connect #div-masthead-wrapper.translucent { background-color: transparent; } */
#connect .row-first { /*height: auto; background-image: url('https://s3-eu-west-1.amazonaws.com/belfastmet/background-connect.jpg'); background-position: center; background-size: cover;*/
}

#connect #main-right {
	background-color: transparent;
	padding-bottom: 0;
}

#connect #main-right-inner {
	background-color: transparent;
}

#connect #main-right .div-social-media-accounts {
	display: table-cell; /*height: 300px; padding: 0 35px; */
	vertical-align: middle;
}

	#connect #main-right .div-social-media-accounts h2 {
		background-attachment: scroll;
		background-position: center top;
		background-repeat: no-repeat;
		background-size: 60px 60px;
		color: #FFFFFF;
		font-family: "nimbus-sans",sans-serif;
		font-size: 21px;
		font-weight: bold;
		margin: 50px 0 0;
		padding: 70px 0;
	}

	#connect #main-right .div-social-media-accounts ul {
		font-size: 16px;
		list-style-type: none;
		margin: 0;
		padding: 0;
		width: 100%;
	}

	#connect #main-right .div-social-media-accounts li {
		display: inline-block;
		margin-right: 40px;
		padding: 0;
		text-align: center;
	}

	#connect #main-right .div-social-media-accounts a {
		color: #FFFFFF;
		text-decoration: none;
	}

	#connect #main-right .div-social-media-accounts h2.hn-social-media-account-facebook {
		background-image: url(/sitefiles/images/icon-facebook-circle-white.png);
	}

		#connect #main-right .div-social-media-accounts h2.hn-social-media-account-facebook:hover {
			background-image: url(/sitefiles/images/icon-facebook-circle-blue.png);
			color: #66B3F3;
		}

	#connect #main-right .div-social-media-accounts h2.hn-social-media-account-twitter {
		background-image: url(/sitefiles/images/icon-twitter-circle-white.png);
	}

		#connect #main-right .div-social-media-accounts h2.hn-social-media-account-twitter:hover {
			background-image: url(/sitefiles/images/icon-twitter-circle-blue.png);
			color: #66B3F3;
		}

	#connect #main-right .div-social-media-accounts h2.hn-social-media-account-linkedin {
		background-image: url(/sitefiles/images/icon-linkedin-circle-white.png);
	}

		#connect #main-right .div-social-media-accounts h2.hn-social-media-account-linkedin:hover {
			background-image: url(/sitefiles/images/icon-linkedin-circle-blue.png);
			color: #66B3F3;
		}

	#connect #main-right .div-social-media-accounts h2.hn-social-media-account-youtube {
		background-image: url(/sitefiles/images/icon-youtube-circle-white.png);
	}

		#connect #main-right .div-social-media-accounts h2.hn-social-media-account-youtube:hover {
			background-image: url(/sitefiles/images/icon-youtube-circle-blue.png);
			color: #66B3F3;
		}

	#connect #main-right .div-social-media-accounts h2.hn-social-media-account-instagram {
		background-image: url(/sitefiles/images/icon-instagram-circle-white.png);
	}

		#connect #main-right .div-social-media-accounts h2.hn-social-media-account-instagram:hover {
			background-image: url(/sitefiles/images/icon-instagram-circle-blue.png);
			color: #66B3F3;
		}

#connect #main-right-breadcrumbs a { /*color: #fff;*/
}

#connect #main-right-breadcrumbs {
	display: none;
}

#support-for-business .row-first { /*height: auto; background-image: url('https://s3-eu-west-1.amazonaws.com/belfastmet/background-support-for-business.jpg'); background-position: center; background-size: cover;*/
}

#support-for-business #main-right {
	position: relative;
	text-align: left;
}

#support-for-business #main-right {
	background-color: transparent;
}

#support-for-business #main-right-inner {
	background-color: rgba(255, 255, 255, 0.84); /*padding: 15px;*/
}

#support-for-business #main-right h1 { /*border-top: 5px solid #123962; color: #123962; font-family: "nimbus-sans",sans-serif; font-weight: 700; font-size: 48px; line-height: 65px; margin: 10px 0 0; padding: 10px 0 0; */
}

#support-for-business #main-right h3 {
	font-weight: 100;
	margin-top: 32px;
	margin-bottom: 32px;
	color: #2C3332;
	font-size: 32px;
}

#support-for-business #main-right p {
	color: #333;
	font-size: 14px;
}

#support-for-business #main-right-breadcrumbs > ul {
	border-bottom: 0 none;
}

#support-for-business_belfast-business-school .row-first { /*height: auto; background-image: url('https://s3-eu-west-1.amazonaws.com/belfastmet/background-belfast-business-school.jpg'); background-position: center; background-size: cover;*/
}

#course-search-top {
	height: auto;
	background-attachment: fixed; /*background-image: url('https://s3-eu-west-1.amazonaws.com/belfastmet/people-belfast-met-titanic.jpg');*/ /*background-position: center -100px;*/
	background-size: cover;
	background-color: #4e8ed4;
}

#course-search #main-right { /*margin-top: 200px;*/
}

#course-subject-area #main-right {
	margin-top: 200px;
}

#course-search #main-right-inner { /*padding: 15px;*/
}

#course-search #main-right-breadcrumbs { /*margin-top: 0;*/
}

.div-courses h1 {
	color: #3790D5;
	font-family: "nimbus-sans",sans-serif;
	font-size: 37px;
	font-weight: bold;
	line-height: 37px;
}

#course #main-right-breadcrumbs a { /*color: #fff;*/
}

#course #main-right-breadcrumbs li li::before {
	color: #fff;
}

#course #main-right {
	background-color: transparent;
	margin-top: 0;
}

#course #main-right-breadcrumbs > ul {
	border-bottom-color: #fff;
}

#course .row-first { /*background-color: #25A4EB;*/
	background-color: #4e8ed4;
}

#course #nav-side { /*position: absolute; width: 350px;*/
}

#course #courses-related {
	background-color: #EFEFEF;
	margin-top: 25px;
}

	#course #courses-related .div-courses {
		background-color: transparent;
	}

#course-subject-area .div-courses > .pagination:first {
	display: none;
}

#course-subject-area #main-right-breadcrumbs {
	margin-top: 0;
}

#course-subject-area #main-right-inner { /*padding: 15px;*/
}

.no-results {
	color: red;
}

#course #main-right-breadcrumbs, #course-search #main-right-breadcrumbs {
	margin-left: 0;
}

	#course #main-right-breadcrumbs > ul, #course-search #main-right-breadcrumbs > ul {
		color: #FFFFFF;
		border-bottom: 1px solid #FFFFFF;
		padding-bottom: 10px;
	}

	#course #main-right-breadcrumbs a, #course-search #main-right-breadcrumbs a {
		color: #FFFFFF;
	}

	#course #main-right-breadcrumbs li li::before, #course-search #main-right-breadcrumbs li li::before {
		color: #FFFFFF;
	}


/* Mobile menu */
.menu-full-time {
	border-bottom: 0px solid #55A8E9;
}

.menu-part-time {
	border-bottom: 0px solid #CCC558;
}

.menu-training {
	border-bottom: 0px solid #BB895A;
}

.menu-life {
	border-bottom: 0px solid #F9BE3E;
}

.menu-connect {
	border-bottom: 0px solid #9B69B5;
}

.menu-full-time a {
	text-decoration: none;
}

.menu-part-time a {
	text-decoration: none;
}

.menu-training a {
	text-decoration: none;
}

.menu-life a {
	text-decoration: none;
}

.menu-connect a {
	text-decoration: none;
}

.menu-logon a {
	text-decoration: none;
}

.menu-full-time:hover {
	border-bottom: 8px solid #55A8E9;
}

.menu-part-time:hover {
	border-bottom: 8px solid #CCC558;
}

.menu-training:hover {
	border-bottom: 8px solid #BB895A;
}

.menu-life:hover {
	border-bottom: 8px solid #F9BE3E;
}

.menu-connect:hover {
	border-bottom: 8px solid #9B69B5;
}


#full-time-menu {
	padding-right: 0px !important;
	border-top: 12px solid #55A8E9;
	display: none;
	background-color: #fff;
	width: 100%;
	margin-top: 0px;
}

	#full-time-menu li {
		list-style: none;
		margin-bottom: 2px;
		background-color: #F7F7F7;
		color: #777;
		font-size: 10px;
		padding-bottom: 5px;
		padding-top: 5px;
		padding-left: 15px;
	}

		#full-time-menu li:hover {
			background-color: #fff;
		}

		#full-time-menu li a {
			font-size: 13px;
		}

#part-time-menu {
	padding-right: 0px !important;
	border-top: 12px solid #CCC558;
	display: none;
	background-color: #fff;
	width: 100%;
	margin-top: 0px;
}

	#part-time-menu li {
		list-style: none;
		margin-bottom: 2px;
		background-color: #F7F7F7;
		color: #777;
		font-size: 10px;
		padding-bottom: 5px;
		padding-top: 5px;
		padding-left: 15px;
	}

		#part-time-menu li:hover {
			background-color: #fff;
		}

		#part-time-menu li a {
			font-size: 13px;
		}

.arrow-right {
	height: 30px;
	width: 30px;
	float: right;
	background-image: url(/sitefiles/images/arrow-right.png);
	background-size: contain;
	margin-right: 10px;
	background-repeat: no-repeat;
	margin-top: 6px;
}

.arrow-down {
	height: 30px;
	width: 30px;
	float: right;
	background-image: url(/sitefiles/images/icon-arrow-down-grey-large.png);
	background-size: initial;
	margin-right: 10px;
	background-repeat: no-repeat;
	margin-top: 6px;
}

.arrow-up {
	height: 30px;
	width: 30px;
	float: right;
	background-image: url(/sitefiles/images/icon-arrow-up-grey-large.png);
	background-size: initial;
	margin-right: 10px;
	background-repeat: no-repeat;
	margin-top: 6px;
}

#nav-side2 {
	display: none;
}

#nav-side2 {
	margin-top: 20px;
	width: 100%;
	background-color: #FFFFFF;
	height: auto;
	border: 1px solid #fff;
}

	#nav-side2 ul {
		border-top: 10px solid #55A8E9;
		margin-top: 0px;
	}

	#nav-side2 li {
		list-style: none;
		margin-bottom: 2px;
		background-color: #F7F7F7;
		color: #777;
		font-size: 10px;
		padding-bottom: 15px;
		padding-top: 15px;
		padding-left: 22px;
	}

		#nav-side2 li:hover {
			background-color: #EFEFEF;
		}

		#nav-side2 li a {
			font-size: 19px;
			color: #192954;
		}

			#nav-side2 li a:hover {
				text-decoration: none;
			}

#side-full-time-menu {
	border: 0px !important;
	padding-right: 0px !important;
	display: none;
	background-color: #fff;
	width: 100%;
	margin-top: 0px;
}

	#side-full-time-menu li {
		list-style: none;
		margin-bottom: 2px;
		background-color: #FFFFFF;
		color: #777;
		font-size: 10px;
		padding-bottom: 15px;
		padding-top: 15px;
		padding-left: 22px;
	}

		#side-full-time-menu li:hover {
			background-color: #EFEFEF;
		}

		#side-full-time-menu li a {
			font-size: 15px;
			color: #192954;
		}

#side-higher-menu {
	border: 0px !important;
	padding-right: 0px !important;
	display: none;
	background-color: #fff;
	width: 100%;
	margin-top: 0px;
}

	#side-higher-menu li {
		list-style: none;
		margin-bottom: 2px;
		background-color: #ffffff;
		color: #777;
		font-size: 10px;
		padding-bottom: 15px;
		padding-top: 15px;
		padding-left: 22px;
	}

		#side-higher-menu li:hover {
			background-color: #EFEFEF;
		}

		#side-higher-menu li a {
			font-size: 15px;
			color: #192954;
		}

#div-course-search-keywords-mobile input {
	width: 100%;
	border: 0px;
	margin: 0px;
	height: 36px;
	padding: 9px;
}

#search-mobile {
	display: none;
}

/* Side navigation */

#nav-side {
	margin-top: 20px;
	width: auto;
	background-color: #FFFFFF;
	height: auto; /*left: -180px;*/
	z-index: 9;
}

	#nav-side a {
		color: #5E5959;
	}

		#nav-side a:hover {
			text-decoration: none;
		}

	#nav-side ul {
		font-family: "nimbus-sans",sans-serif;
		font-size: 15px;
		line-height: 21px;
		list-style-type: none;
		margin: 0;
		padding: 0;
		margin-bottom: 40px;
	}
	/*#nav-side li { margin-top: 3px; }*/
	#nav-side .nav-parent.nav-current ul {
		display: block;
		border: 0px solid #89e0f6;
		border-top: none;
		position: relative;
		top: -1px;
		margin-bottom: 0;
	}

		#nav-side .nav-parent.nav-current ul::before {
			content: '';
		}

	#nav-side .nav-current > a {
		background: #fff; /*border-left-color: #55A8E9; border-right-color: #55A8E9;*/
		text-decoration: none;
	}

	#nav-side .nav-parent ul li a:hover {
		background: #fff;
	}

	#nav-side li a,
	#nav-side li label {
		position: relative;
		display: block;
		padding: 22px 36px 18px;
		text-decoration: none;
		background-color: #ecf0f1;
		border: 1px solid #89e0f6;
		position: relative;
		margin-bottom: 15px;
	}

#main-right-content .right-content-container a {
	background-color: transparent;
	border: none;
	margin-bottom: 0;
	padding: 0;
}

#main-right-content .right-content-container-sitemap ul {
	margin-bottom: 0;
	margin-top: 0;
}

	#main-right-content .right-content-container-sitemap ul li a {
		display: inline-block;
		margin-bottom: 20px;
	}

#nav-side .right-content-container a {
	color: #337ab7;
}


#nav-side li a:hover {
	background-color: #ecf0f1;
}

#nav-side .nav-parent ul li span::before, #nav-side .nav-parent ul li span::after {
	content: none;
}

#nav-side .nav-parent ul .nav-current > a {
	border-right: none;
	border-left: none;
	background-color: #FFFFFF;
}

	#nav-side .nav-parent ul .nav-current > a::after {
		content: none;
	}

#nav-side .nav-parent.nav-current ul li.nav-current:last-child > a {
	border-bottom: none;
}

#nav-side .nav-parent.nav-current ul li a:hover::after {
	content: none;
}

#nav-side li span {
	position: relative;
}

	#nav-side li span::before {
		content: none;
		height: 1px;
		width: 60px;
		background-color: #89e0f6;
		position: absolute;
		top: -24px;
		left: 0;
	}

#nav-side li:last-child span::after {
	content: none;
	height: 1px;
	width: 60px;
	background-color: #89e0f6;
	position: absolute;
	bottom: -21px;
	left: 0;
}

#nav-side .nav-current span::before {
	height: 0;
}

#nav-side .nav-current + li span::before {
	height: 0;
}

#nav-side .nav-current:last-child span::after {
	height: 0;
}

#nav-side .nav-current + .nav-root > li:first-child span::before {
	height: 0;
}

/*#nav-side .nav-parent.nav-current { border-left: 5px solid; border-right: 5px solid; }
#nav-side .nav-parent.nav-current a { border-left: 0; border-right: 0; }*/

#nav-side .nav-current > a {
	background-color: #ecf0f1;
	border: 1px solid #89e0f6;
	position: relative;
}

#nav-side .nav-current > a {
	font-size: 15px;
	font-weight: bold;
}
/*#apprenticeships #nav-side .nav-current>a { background-color: rgba(189, 138, 93, 0.84); }
#apprenticeships #nav-side .nav-current > a::after { background-color: rgba(189, 138, 93, 0.84); }*/

.full-time-page #nav-side .nav-parent.nav-current,
.full-time-page #nav-side li a:hover,
.full-time-page #nav-side li.nav-current a { /*border-left-color: #55A8E9; border-right-color: #55A8E9;*/
}

.part-time-page #nav-side .nav-parent.nav-current,
.part-time-page #nav-side li a:hover,
.part-time-page #nav-side li.nav-current a { /*border-left-color: #cfc758; border-right-color: #cfc758;*/
}

.apprenticeships-page #nav-side .nav-parent.nav-current,
.apprenticeships-page #nav-side li a:hover,
.apprenticeships-page #nav-side li.nav-current a { /*border-left-color: #BB895A; border-right-color: #BB895A;*/
}

.life-at-the-met-page #nav-side .nav-parent.nav-current,
.life-at-the-met-page #nav-side li a:hover,
.life-at-the-met-page #nav-side li.nav-current a { /*border-left-color: #F9BE3E; border-right-color: #F9BE3E;*/
}

.connect-page #nav-side .nav-parent.nav-current,
.connect-page #nav-side li a:hover,
.connect-page #nav-side li.nav-current a { /*border-left-color: #9B69B5; border-right-color: #9B69B5;*/
}

.support-for-business-page #nav-side .nav-parent.nav-current,
.support-for-business-page #nav-side li a:hover,
.support-for-business-page #nav-side li.nav-current a { /*border-left-color: #9088A1; border-right-color: #9088A1;*/
}
/*.about-us-page #nav-side .nav-parent.nav-current,
.about-us-page #nav-side li a:hover,
.about-us-page #nav-side li.nav-current a { border-left-color: #B1B0B1; border-right-color: #B1B0B1; }*/

.start-your-journey-page #nav-side li a:hover,
.start-your-journey-page #nav-side li.nav-current a { /*border-left-color: #C0C9D1; border-right-color: #C0C9D1;*/
}


#nav-side li.nav-parent > a {
	background-attachment: scroll;
	background-image: url(/sitefiles/images/icon-arrow-down-grey-large.png);
	background-position: 90%;
	background-repeat: no-repeat;
}

#nav-side li li a { /*background-color: #CFCFCF;*/
	background-color: #ecf0f1;
	font-size: 14px;
	padding: 8px 30px 8px 45px;
}

#nav-side-heading a,
#nav-side-heading h1 {
	position: relative;
	background-color: #ffffff; /*border-top: 16px solid #E9E9E9;*/
	display: block;
	font-family: "nimbus-sans",sans-serif;
	font-weight: 500;
	font-size: 15px;
	line-height: 20px;
	margin: 0;
	padding: 22px 36px 18px;
	background-color: #ecf0f1;
	border: 1px solid #89e0f6;
	position: relative;
	margin-bottom: 15px;
}

	#nav-side-heading a:hover {
		background-color: #ecf0f1;
	}
/*.full-time-page #nav-side-heading a { border-top-color: #55A8E9; }
.part-time-page #nav-side-heading a { border-top-color: #cfc758; }
.apprenticeships-page #nav-side-heading a { border-top-color: #BB895A; }
.life-at-the-met-page #nav-side-heading a { border-top-color: #F9BE3E; }
.connect-page #nav-side-heading a { border-top-color: #9B69B5; }
.support-for-business-page #nav-side-heading a { border-top-color: #9088A1; }
.about-us-page #nav-side-heading a { border-top-color: #B1B0B1; }
.course-search-page #nav-side-heading h1 { border-top-color: #D8D172; }
.start-your-journey-page #nav-side-heading a { border-top-color: #C0C9D1; }*/

#nav-side-heading {
	position: relative;
}

	#nav-side-heading:hover::after {
		content: none;
		display: block;
		position: absolute;
		right: -30px;
		top: 0px;
		height: 100%;
		width: 30px;
		background-color: #ecf0f1;
		z-index: 1;
	}

	#nav-side-heading.nav-current:hover::after {
		border: 1px solid #89e0f6;
		border-right: none;
		border-left: none;
	}


/* Carousels */
/* Carousel - Campaign */
.div-campaign-wrapper .div-campaign .div-campaign-carousel-item {
	background-position: center 0;
	/*height: 370px;*/
	height: 450px;
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	display: block;
	align-items: flex-end;
	justify-content: center;
}

.div-campaign-wrapper .div-campaign .div-text-wrapper {
	position: relative;
	height: 100%;
}

.div-campaign-wrapper .div-campaign .div-text {
	display: block;
	font-family: "nimbus-sans",sans-serif;
	font-weight: 300; /*font-size: 48px !important;*/ /*height: 573px;*/
	line-height: 1; /*margin: 0 0 140px;*/ /*position: static;*/
	position: relative;
	left: 0;
	bottom: 0;
	text-align: center; /*text-shadow: 0 0 7px rgba(0,0,0,0.5);*/
	vertical-align: middle;
	width: 100%;
	padding: 10px 20px;
}

	.div-campaign-wrapper .div-campaign .div-text b,
	.div-campaign-wrapper .div-campaign .div-text strong {
		font-family: "nimbus-sans",sans-serif;
	}

	.div-campaign-wrapper .div-campaign .div-text h2 {
		font-family: "nimbus-sans",sans-serif;
		font-weight: 900;
		color: #062146;
		text-shadow: 0 0 7px rgba(0,0,0,1);
		display: inline-block;
		-webkit-font-smoothing: antialiased; /*padding-left: 30px; padding-right: 30px;*/
		padding: 20px 30px; /*font-size: 75px;*/
		line-height: 1; /*margin: 250px 0 0 0;*/
		text-align: center;
		text-decoration: none;
		margin-bottom: 10px;
	}

	.div-campaign-wrapper .div-campaign .div-text p {
		font-family: "nimbus-sans",sans-serif;
		font-weight: 900; /*background-image: url(/sitefiles/resources/images/arrow-icon.png); background-position: right 0; background-repeat: no-repeat;*/
		color: #062146;
		display: inline-block;
		font-size: 14px;
		line-height: 1; /*min-height: 45px; padding-right: 50px; padding-top: 10px;*/
		padding: 8px 12px;
		text-decoration: none;
		margin-bottom: 10px;
	}

/* Carousel - Black transparency */

.div-carousel-on-image-wrapper .div-carousel {
	background-color: rgba(0, 0, 0, 0.75);
	float: none;
	height: auto;
	overflow: auto;
	width: auto;
}

.div-carousel-on-image-wrapper .div-carousel-text {
	display: table-cell;
	height: 356px;
	padding: 70px 35px 35px;
	text-align: left;
	vertical-align: middle;
	width: 630px;
}

	.div-carousel-on-image-wrapper .div-carousel-text h1 {
		color: #FFFFFF;
		font-family: "nimbus-sans",sans-serif;
		font-weight: 900;
		font-size: 34px;
		line-height: 34px;
	}

	.div-carousel-on-image-wrapper .div-carousel-text p {
		color: #FFFFFF;
		font-family: "nimbus-sans",sans-serif;
		font-size: 22px;
		line-height: 33px;
	}

	.div-carousel-on-image-wrapper .div-carousel-text a.a-button {
		background-color: #E7E076;
		border-radius: 10px;
		color: #192954;
		display: inline-block;
		font-family: "nimbus-sans",sans-serif;
		font-weight: 700;
		font-size: 14px;
		line-height: 14px;
		margin: 20px 0 0;
		padding: 13px 20px;
		text-decoration: none;
	}

/* Carousel - Signposts */

.div-carousel-signposts-wrapper {
	background-color: #EFEFEF;
	margin: 50px 0;
}

	.div-carousel-signposts-wrapper h1,
	.div-news-and-features-title-and-carousel h1 {
		color: #1374B5;
		font-family: "nimbus-sans",sans-serif;
		font-size: 21px;
		font-weight: bold;
		line-height: 21px;
		margin: 0 0 30px;
		padding: 0;
	}

.div-news-and-features-title-and-carousel h1 {
	margin-bottom: 0 !important;
	margin-top: 30px !important;
}

.div-carousel-signposts-wrapper .div-carousel-signposts a {
	color: #6D6969;
	display: block;
	position: relative;
	text-decoration: none;
}

.div-carousel-signposts-wrapper .div-carousel-signposts h2 {
	background-color: #EFEFEF;
	bottom: 0;
	color: #6D6969;
	font-family: "nimbus-sans",sans-serif;
	font-size: 15px;
	font-weight: bold;
	left: 15px;
	line-height: 23px;
	margin: 0;
	padding: 10px 15px 5px 5px;
	position: absolute;
	text-align: left;
}

.div-carousel-signposts-wrapper .div-carousel-signposts a:hover h2 {
	color: #3790D5;
}


/* News and features */

.div-news-and-features-wrapper {
	float: left;
	margin: 0; /*padding: 15px 0;*/
	position: relative;
	width: 100%;
}

	.div-news-and-features-wrapper aside {
		margin: 0 auto;
		width: 1136px;
	}

	.div-news-and-features-wrapper .div-news-and-features { /*height: 260px;*/ /*overflow: hidden;*/
		padding: 0 15px;
		width: 100%;
		display: flex;
	}

	.div-news-and-features-wrapper .div-news-and-features-carousel { /*float: left;*/
		height: auto;
		margin: 0;
		overflow: hidden;
		position: relative;
		width: 880px; /*padding: 15px 0;*/
		padding: 30px 0;
	}

.div-news-and-features-title-and-carousel {
	height: auto;
	margin: 0;
	overflow: hidden;
	position: relative;
	width: 880px;
}

.div-news-and-features-wrapper .div-news-and-features-carousel .div-item { /*height: 260px;*/
	height: auto;
	width: 260px;
}

.div-news-and-features-wrapper .div-news-and-features-carousel a {
	color: #001790;
	display: block;
	float: left; /*height: 260px;*/
	text-decoration: none;
	margin-right: 33px;
	position: relative;
}

.div-news-and-features-wrapper .div-news-and-features-carousel img {
	float: left;
	width: 100%;
}

.div-news-and-features-wrapper .div-news-and-features-carousel .div-text {
	background-color: #ECF0F1;
	bottom: 0;
	left: 0;
	padding: 10px 20px 10px 0;
	position: absolute;
	text-align: left;
	width: 80%;
}

	.div-news-and-features-wrapper .div-news-and-features-carousel .div-text h2 {
		color: #666666 !important;
		font-size: 15px !important;
		font-weight: bold !important;
		letter-spacing: 0.3px !important;
		line-height: 20px !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	.div-news-and-features-wrapper .div-news-and-features-carousel .div-text p {
		color: #666666;
		font-size: 15px;
		font-weight: normal;
		letter-spacing: 0.3px;
		line-height: 20px;
		margin: 0;
		padding: 0;
	}

.div-news-and-features-wrapper .div-news-and-features-carousel a:hover h2 {
	color: #3790D5 !important;
}

.div-news-and-features-wrapper .div-news-and-features-listings { /*background-color: #fff;*/
	background-color: #153a77;
	border: 1px solid #ddd; /*float: left;*/ /*height: 260px;*/
	margin: 0;
	position: relative;
	width: 260px;
	padding: 30px 0px 30px 60px;
	display: flex;
	align-items: center;
}

	.div-news-and-features-wrapper .div-news-and-features-listings.cloak::after {
		border-color: transparent;
		height: 100%;
		top: 0;
	}

	.div-news-and-features-wrapper .div-news-and-features-listings .div-listings {
		background-color: #FFFFFF;
		border: 1px solid #E3E3E3;
		display: table-cell;
		height: 258px;
		padding: 0 29px;
		text-align: center;
		vertical-align: middle;
		width: auto;
	}

		.div-news-and-features-wrapper .div-news-and-features-listings .div-listings .div-text {
			border-top: 1px solid #DFDDDD;
			margin: 19px 0 0;
			padding: 0;
			position: static;
			text-align: center;
		}

		.div-news-and-features-wrapper .div-news-and-features-listings .div-listings h2 {
			background-attachment: scroll;
			background-position: center top;
			background-repeat: no-repeat;
			color: #626669;
			font-size: 19px;
			font-weight: normal;
			line-height: 19px;
			margin: -13px 0 0;
			padding: 31px 0 4px;
		}

		.div-news-and-features-wrapper .div-news-and-features-listings .div-listings h3 {
			background-attachment: scroll;
			background-position: center top;
			background-repeat: no-repeat;
			color: #626669;
			font-size: 19px;
			font-weight: normal;
			line-height: 19px;
			margin: -13px 0 0;
			padding: 31px 0 4px;
		}

		.div-news-and-features-wrapper .div-news-and-features-listings .div-listings .hn-open-days {
			background-image: url(/sitefiles/images/icon-document-white-grey-circle.png);
		}

		.div-news-and-features-wrapper .div-news-and-features-listings .div-listings .hn-job-vacancies {
			background-image: url(/sitefiles/images/icon-people-white-grey-circle.png);
		}

		.div-news-and-features-wrapper .div-news-and-features-listings .div-listings p {
			margin: 0;
			padding: 4px 0;
		}

		.div-news-and-features-wrapper .div-news-and-features-listings .div-listings ul {
			list-style-type: none;
			margin: 0;
			padding: 4px 0;
		}

		.div-news-and-features-wrapper .div-news-and-features-listings .div-listings li {
			display: block;
			font-size: 15px;
			line-height: 15px;
			margin: 0;
			padding: 4px 0;
		}

		.div-news-and-features-wrapper .div-news-and-features-listings .div-listings a {
			color: #005AB3;
			text-decoration: none;
		}

	.div-news-and-features-wrapper .div-news-and-features-listings img {
		position: absolute;
		right: -21px;
		top: -40px;
	}

	.div-news-and-features-wrapper .div-news-and-features-listings .div-news-and-features-listings-container {
		position: relative;
	}

		.div-news-and-features-wrapper .div-news-and-features-listings .div-news-and-features-listings-container::before {
			content: '';
			display: block;
			background-image: url('/sitefiles/images/icon-info.png');
			background-size: contain;
			background-repeat: no-repeat;
			width: 26px;
			height: 25px;
			position: absolute;
			top: 0;
			left: -42px;
		}

	.div-news-and-features-wrapper .div-news-and-features-listings .div-news-and-features-listings-heading {
		color: #89e0f6;
		font-size: 22px;
		line-height: 26px;
		font-family: "nimbus-sans",sans-serif;
		font-weight: 700;
		margin-bottom: 20px;
	}

	.div-news-and-features-wrapper .div-news-and-features-listings .div-news-and-features-listings-inner { /*margin: 2px 2px 0 2px;*/
	}

	.div-news-and-features-wrapper .div-news-and-features-listings a h2 {
		color: #FFFFFF;
		font-family: "nimbus-sans",sans-serif;
		font-weight: 700;
		font-size: 17px;
		margin: 0; /*padding-top: 24px;*/ /*text-align: center;*/
		text-decoration: none;
	}

	.div-news-and-features-wrapper .div-news-and-features-listings a p {
		color: #FFFFFF;
		font-family: "nimbus-sans",sans-serif;
		font-size: 14px;
		margin: 0;
		padding: 0; /*text-align: center;*/
		text-decoration: none;
	}

	.div-news-and-features-wrapper .div-news-and-features-listings a:hover h2,
	.div-news-and-features-wrapper .div-news-and-features-listings a:hover p {
		color: #3790D5;
	}

	.div-news-and-features-wrapper .div-news-and-features-listings .row-a { /*background-color: #dce0e3; height: 83px; margin-bottom: 2px;*/
	}

	.div-news-and-features-wrapper .div-news-and-features-listings .row-b { /*background-color: #e4e8eb; height: 84px; margin-bottom: 2px;*/
	}

	.div-news-and-features-wrapper .div-news-and-features-listings .div-news-and-features-listings-inner *:last-child a {
		margin-bottom: 0;
	}

		.div-news-and-features-wrapper .div-news-and-features-listings .div-news-and-features-listings-inner *:last-child a::after {
			content: none;
		}

	.div-news-and-features-wrapper .div-news-and-features-listings .row-a a, .div-news-and-features-wrapper .div-news-and-features-listings .row-b a {
		display: block;
		margin-bottom: 30px;
		position: relative;
	}

		.div-news-and-features-wrapper .div-news-and-features-listings .row-a a::after, .div-news-and-features-wrapper .div-news-and-features-listings .row-b a::after {
			content: '';
			display: block;
			height: 1px;
			width: 60px;
			background-color: #89e0f6;
			position: absolute;
			bottom: -15px;
		}

.div-news-and-features-standalone {
	background-color: transparent;
}

	.div-news-and-features-standalone .div-news-and-features {
		background-color: #FFFFFF;
		height: 260px;
		overflow: hidden;
		padding: 21px 21px;
		width: 1094px;
	}

	.div-news-and-features-standalone .div-news-and-features-carousel {
		margin: 0 9px 0 0;
		overflow: hidden;
		position: relative;
		width: 816px;
	}

		.div-news-and-features-standalone .div-news-and-features-carousel > ul li {
			margin: 0 18px 0 0;
			overflow: hidden;
			padding: 0;
			position: relative;
			width: 260px;
		}

		.div-news-and-features-standalone .div-news-and-features-carousel > ul a {
			color: #333333;
			text-decoration: none;
		}

		.div-news-and-features-standalone .div-news-and-features-carousel > ul .div-text {
			background-color: #FFFFFF;
		}

			.div-news-and-features-standalone .div-news-and-features-carousel > ul .div-text h2 {
				color: #333333;
			}

			.div-news-and-features-standalone .div-news-and-features-carousel > ul .div-text p {
				color: #333333;
			}

	.div-news-and-features-standalone .div-news-and-features-listings {
		margin: 0 0 0 9px;
	}

		.div-news-and-features-standalone .div-news-and-features-listings .div-listings {
			background-color: #928C9A;
			border-color: #928C9A;
			color: #FFFFFF;
		}

			.div-news-and-features-standalone .div-news-and-features-listings .div-listings h2 {
				background: none;
				color: #FFFFFF;
				font-family: "nimbus-sans",sans-serif;
				font-weight: 700;
				font-size: 14px;
				line-height: 19px;
				margin: 5px 0;
				padding: 0;
			}

			.div-news-and-features-standalone .div-news-and-features-listings .div-listings h2 {
				color: #FFFFFF;
			}

			.div-news-and-features-standalone .div-news-and-features-listings .div-listings h3 {
				color: #FFFFFF;
			}

			.div-news-and-features-standalone .div-news-and-features-listings .div-listings .hn-events {
				background-image: url(/sitefiles/images/icon-calendar-grey-white-circle.png);
			}

			.div-news-and-features-standalone .div-news-and-features-listings .div-listings a {
				color: #FFFFFF;
			}

	.div-news-and-features-standalone .div-news-and-features-carousel-controls {
		width: 816px;
	}

		.div-news-and-features-standalone .div-news-and-features-carousel-controls a {
			width: 15px;
		}

/* Breadcrumbs */

#main-right-breadcrumbs {
	color: #FFFFFF; /*padding: 0px 35px;*/
	text-align: left !important;
	margin-left: 30px;
	margin-top: 30px;
	display: none;
}

	#main-right-breadcrumbs ul {
		display: inline-block;
		font-family: "nimbus-sans",sans-serif;
		font-weight: 300;
		font-size: 14px;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	#main-right-breadcrumbs > ul { /*border-bottom: 1px solid #c4c4c9;*/ /*padding: 0 0 15px;*/
		width: 100%;
	}

	#main-right-breadcrumbs ul ul {
		margin-left: 5px;
	}

	#main-right-breadcrumbs li {
		display: inline-block;
		margin: 0;
		padding: 0;
	}

		#main-right-breadcrumbs li li::before {
			color: #02215b;
			content: ' / ';
		}

	#main-right-breadcrumbs a { /*color: #02215b; text-decoration: none;*/
	}

.div-breadcrumbs-light {
	font-weight: 100;
	position: relative;
	width: 100%;
	margin: 34px 35px 0 35px;
	padding: 0px !important;
}

	.div-breadcrumbs-light ul {
		color: #FFFFFF;
	}

	.div-breadcrumbs-light > ul {
		border-bottom: 1px solid #FFFFFF;
		bottom: 13px;
		left: 0px;
		position: absolute;
	}

	.div-breadcrumbs-light a {
		color: #FFFFFF;
	}

.div-breadcrumbs-dark {
	margin: 0;
	font-weight: 100;
}

	.div-breadcrumbs-dark ul {
		color: #919398;
	}

	.div-breadcrumbs-dark > ul {
		border-bottom: 1px solid #CFD2D6;
		;
	}

	.div-breadcrumbs-dark a {
		color: #919398;
		font-weight: 100;
	}

ul.ul-breadcrumbs,
ul.ul-breadcrumbs ul {
	color: #FFFFFF;
	display: inline-block;
	font-family: "nimbus-sans",sans-serif;
	font-weight: 300;
	font-size: 20px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

	ul.ul-breadcrumbs li {
		display: inline-block;
		margin: 0;
		padding: 0;
	}

		ul.ul-breadcrumbs li li::before {
			content: ' / ';
		}

	ul.ul-breadcrumbs a {
		color: #FFFFFF;
		text-decoration: none;
	}

/* Text on white background */

#main-right-content {
	color: #625A5A;
	font-family: "nimbus-sans",sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 19px; /*padding: 20px 35px;*/
	margin-bottom: 15px;
}

@media (min-width: 992px) {
	#main-right-content {
		font-size: 18px;
		line-height: 21px;
	}
}
	/*#main-right-content::after {content: ''; display: block; z-index: 1; background-color:#ecf0f1; height: 100%; width: calc((100vw - 1170px) / 2 + 6px); position: absolute; right: calc((-100vw + 1170px) / 2 - 6px); top: 0; }*/
	#main-right-content h1 {
		color: #3790D5;
		font-family: "nimbus-sans",sans-serif;
		font-size: 37px;
		font-weight: bold;
		line-height: 37px;
		color: #02215b;
		font-size: 24px;
		line-height: 30px;
		margin-top: 0;
	}

		#main-right-content h1 ~ p {
			padding: 0 0 10px;
		}

	#main-right-content h2 { /*border-top: 1px solid #C4C4C9;*/
		color: #25A4EB;
		font-family: "nimbus-sans",sans-serif;
		font-weight: 300;
		font-size: 26px;
		line-height: 37px;
		padding: 15px 0 0;
		color: #02215b;
		font-size: 18px;
		line-height: 24px;
		padding-top: 0;
		margin-top: 0;
	}

	#main-right-content h3,
	#main-right-content h4 {
		color: #625A5A;
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 0;
		color: #02215b;
	}

	#main-right-content p {
		font-size: 16px;
		line-height: 19px;
	}

@media (min-width: 992px) {
	#main-right-content p {
		font-size: 18px;
		line-height: 21px;
	}
}

		#main-right-content p strong {
			letter-spacing: 0.5px;
		}

	#main-right-content ol,
	#main-right-content ul {
		margin-left: 20px;
		margin-bottom: 20px;
	}

#nav-side #main-right-content ol,
#nav-side #main-right-content ul:not(.link-columns) {
	margin-left: 20px;
	margin-bottom: 20px;
	list-style: disc;
}

#main-right-content ol li {
	margin-bottom: 1em;
}

#main-right-content a.a-button,
#div-course-details a.a-button { /*background-attachment: scroll;*/
	background-color: #4e8ed4; /*background-image: url(/sitefiles/images/icon-arrow-right-white-blue-background.png); background-position: right center; background-repeat: repeat-y;*/
	color: #FFFFFF;
	display: inline-block;
	font-family: "nimbus-sans",sans-serif; /*font-size: 20px;*/
	font-size: 14px;
	margin: 7px 0; /*padding: 10px 84px 10px 35px;*/
	padding: 17px 35px;
	text-decoration: none;
	text-align: center;
	min-width: 210px;
}

#div-course-details a.a-button-alt {
	background-color: #2b68aa; /*background-image: url(/sitefiles/images/icon-arrow-right-white-navy-background.png);*/
}

#main-right-content form {
	margin: 15px 0 35px;
}

	#main-right-content form input,
	#main-right-content form select,
	#main-right-content form textarea {
		border: 1px solid #ddd;
		padding: 6px 12px;
		transition: border-color ease-in-out .2s;
		width: 100%;
	}

		#main-right-content form input:focus,
		#main-right-content form select:focus
		#main-right-content form textarea:focus {
			border-color: #3790D5;
		}

	#main-right-content form textarea {
		min-height: 100px;
	}
	/* #main-right-content form .beFormLabel { margin-bottom: 5px; } */
	#main-right-content form .beFormLabel {
		margin-bottom: 0;
	}
		/* #main-right-content form .beFormLabel label { color: #3790D5; } */
		#main-right-content form .beFormLabel label {
			color: #625a5a;
			font-size: 12px;
			margin-bottom: 2px;
			margin-top: 0;
			margin-left: 2px;
		}

#nav-side #main-right-content form ul:not(.link-columns) {
	list-style: none;
	margin: 0;
	padding: 0px;
}

#main-right-content form .beFormItem {
	margin-bottom: 15px;
}

#main-right-content form .errorMessage {
	color: red;
}

#main-right-content .beFormTypeCheckBoxList input.checkbox {
	display: inline-block;
	margin-right: 5px;
	width: auto;
}

#main-right-content .beFormTypeCheckBoxList label {
	color: #625A5A;
	display: inline-block;
	font-weight: normal;
	border: 0;
	padding: 0;
}


#main-right-content #fieSubmit {
	margin-top: 60px;
}

	#main-right-content #fieSubmit input {
		width: auto;
	}

#main-right-content legend {
	display: none;
}

#main-right-content label {
	color: #625A5A;
	display: block;
	font-family: "nimbus-sans",sans-serif;
	font-weight: 300;
	font-size: 16px;
	margin: 20px 0 0;
}

	#main-right-content label > * {
		border: 1px solid #B1B0B1;
		color: #918B8B;
		display: block;
		font-family: "nimbus-sans",sans-serif;
		font-weight: 300;
		font-size: 16px;
		margin: 5px 0 0;
		padding: 5px 9px;
		width: 616px;
	}

#main-right-content table {
	margin-top: 25px;
}

.div-main-content-wrapper .div-main-content-main #main-right-content button {
	background-color: #25A5EB;
	border: none;
	color: #FFFFFF;
	display: inline-block;
	font-family: "nimbus-sans",sans-serif;
	font-weight: 300;
	font-size: 16px;
	margin: 20px 0 0;
	padding: 10px 35px 10px 35px;
	text-decoration: none;
}

/* Training and apprenticeships */

.training-and-apprenticeships {
	background-color: rgba(189, 138, 93, 0.84);
	margin: 65px 35px 0;
	padding: 35px;
	position: relative;
	text-align: left;
	width: 670px;
}

.training h1 {
	border-bottom: 1px solid #FFFFFF;
	font-family: "nimbus-sans",sans-serif;
	font-weight: 700;
	color: #FFFFFF;
	font-size: 55px;
	line-height: 65px;
	margin: 0;
	padding: 10px 0 40px;
}

.div-course-subjects-wrapper {
	background-color: #FFFFFF;
	padding: 45px 0 100px;
}

	/* Course subjects */

	.div-course-subjects-wrapper aside {
		margin: 0 auto;
		width: 1138px;
	}

	.div-course-subjects-wrapper h1 {
		color: #3E93D6;
		font-family: "nimbus-sans",sans-serif;
		font-size: 37px;
		font-weight: bold;
		line-height: 37px;
		margin: 0 0 75px;
		padding: 0;
		text-align: center;
	}

	.div-course-subjects-wrapper ul {
		-webkit-padding-start: 0px !important;
		font-family: "nimbus-sans",sans-serif;
		font-weight: 500;
		font-size: 17px;
		line-height: 27px;
		float: left;
		list-style-type: none;
		margin: 0;
		padding: 0;
		text-align: left;
		width: auto;
	}

	.div-course-subjects-wrapper li {
		-webkit-padding-start: 0px !important;
		color: #3E93D6;
		padding: 0;
		width: 250px;
		margin: 0 0 15px 0;
	}

	.div-course-subjects-wrapper a {
		color: #3E93D6;
		display: block;
		text-decoration: none;
		font-weight: 100;
		line-height: 20px;
	}

		.div-course-subjects-wrapper a:hover {
			color: #666666;
		}

	.div-course-subjects-wrapper h1 {
		color: #3E93D6;
		font-family: "nimbus-sans",sans-serif;
		font-size: 37px;
		font-weight: bold;
		line-height: 37px;
		margin: 15px 0 75px;
		padding: 0;
		text-align: center;
	}
/*#div-course-search-filter-submit-button button { background-attachment: scroll; background-color: #D8D172; background-image: url(/sitefiles/images/icon-magnifying-glass-grey.png); background-position: right 10px center; background-repeat: no-repeat; border: none; box-shadow: inset 0 0 10px rgba(0,0,0,0.3); color: #414246; cursor: pointer; display: block; font-family: "nimbus-sans",sans-serif; font-weight: 500; font-size: 20px; height: 50px; line-height: 50px; margin: 0; padding: 0 0 0 30px; position: relative; text-align: left; transition: all 0.2s ease; width: 100%; }
#div-course-search-filter-submit-button button:before { background-color: rgba(255,255,255,0.3); border-radius: 5px;box-shadow: 0 0 5px #fff; content: ' '; height: 1px; left: 50%; margin-left: -45%; position: absolute; top: 6px; width: 90%;}
#div-course-search-filter-submit-button button:hover { background-color: #CFC95D; }*/
#div-course-search-filter-submit-button button {
	background-attachment: scroll;
	background-color: #2b68aa;
	background-image: url(/sitefiles/resources/images/icon-course-search-white.png);
	background-position: center;
	background-repeat: no-repeat;
	border: none;
	cursor: pointer;
	display: block;
	margin: 0;
	padding: 0 0 0 30px;
	position: relative;
	transition: all 0.2s ease;
	height: 47px;
	width: 47px;
	border-radius: 8px;
}


#div-course-search-filter-keywords {
	margin-bottom: 15px;
	padding: 3px;
	background-color: #FFFFFF;
	border: 1px solid #89e0f6;
}

	#div-course-search-filter-keywords input {
		border: 1px solid #E9E9E9;
		box-sizing: border-box;
		font-family: "nimbus-sans",sans-serif;
		font-size: 15px;
		font-weight: bold;
		line-height: 21px;
		margin: 0;
		padding: 14px 15px 14px;
		width: 100%;
		-webkit-appearance: none;
	}

#div-course-search-filter-attendance-modes label {
	background-color: #E9E9E9;
	border-left: 5px solid #E9E9E9;
	border-right: 5px solid #E9E9E9;
	color: #5E5959;
	display: block;
	padding: 24px 30px 13px;
	text-decoration: none;
	width: 100%;
}

/* Course levels */

.div-course-levels-wrapper {
	background-color: #55A8E9;
	float: left;
	margin: 25px 0 0;
	padding: 35px 0;
	width: 100%;
}

	.div-course-levels-wrapper aside {
		margin: 0 auto;
		width: 1138px;
	}

	.div-course-levels-wrapper .div-heading {
		background-color: #BABABA;
		border: 1px solid #8C8B8B;
		border-radius: 10px 0 0 10px;
		float: left;
		height: 58px;
		text-align: center;
		width: 398px;
	}

	.div-course-levels-wrapper .div-levels {
		background-color: #EFEFEF;
		border: 1px solid #B0AFAF;
		border-left-width: 0;
		border-radius: 0 10px 10px 0;
		float: left;
		height: 58px;
		text-align: center;
		width: 737px;
	}

	.div-course-levels-wrapper h1 {
		color: #5E5959;
		font-family: "nimbus-sans",sans-serif;
		font-size: 21px;
		font-weight: bold;
		line-height: 58px;
		margin: 0;
		padding: 0;
		text-align: center;
	}

	.div-course-levels-wrapper ul {
		color: #2483CD;
		font-family: "nimbus-sans",sans-serif;
		font-size: 19px;
		line-height: 58px;
		list-style-type: none;
		margin: 0;
		padding: 0;
		text-align: center;
	}

	.div-course-levels-wrapper li {
		display: inline-block;
		margin: 0;
	}

		.div-course-levels-wrapper li a {
			border-left: 1px solid #D1CDCD;
			color: #2483CD;
			padding: 0 25px;
			text-decoration: none;
		}

			.div-course-levels-wrapper li a:hover {
				color: #666666;
			}

		.div-course-levels-wrapper li:first-of-type a {
			border-left: none;
		}

	.div-course-levels-wrapper .div-course-levels > a {
		background-attachment: scroll;
		background-image: url(/sitefiles/images/icon-arrow-right-white.png);
		background-position: right center;
		background-repeat: no-repeat;
		color: #FFFFFF;
		float: left;
		font-family: "nimbus-sans",sans-serif;
		font-size: 21px;
		font-weight: bold;
		margin: 15px 0 0;
		padding: 0 25px 0 0;
		text-decoration: none;
	}

/* Course Levels Table */

.tg {
	border-collapse: collapse;
	border-spacing: 0;
}

	.tg td {
		font-family: Arial, sans-serif;
		font-size: 14px;
		padding: 10px 5px;
		border-style: solid;
		border-width: 1px;
		overflow: hidden;
		word-break: normal;
	}

	.tg th {
		font-family: Arial, sans-serif;
		font-size: 14px;
		font-weight: normal;
		padding: 10px 5px;
		border-style: solid;
		border-width: 1px;
		overflow: hidden;
		word-break: normal;
	}

/* Course */

#div-course-key-information {
	margin: 0;
}

.div-main-content-wrapper .div-main-content-main #div-course-key-information h1 {
	border-bottom: 1px solid #FFFFFF;
	color: #FFFFFF;
	font-family: "nimbus-sans",sans-serif;
	font-size: 30px;
	font-weight: bold;
	margin: 0;
	padding: 10px 0 20px;
}

#div-course-key-information .row {
	color: #FFFFFF;
	font-family: "nimbus-sans",sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-top: 15px;
}

	#div-course-key-information .row div:first-child {
		margin-left: -15px;
	}

#div-course-key-information .course-code {
	font-size: 16px;
}

#div-course-key-information h1 {
	border-bottom: 1px solid #FFFFFF;
	color: #FFFFFF;
	font-family: "nimbus-sans",sans-serif; /*font-size: 30px;*/
	font-size: 24px;
	font-weight: bold;
	margin: 0;
	padding: 10px 0 20px;
}

#div-course-details {
	clear: both;
	padding-top: 30px;
}

	#div-course-details h2 { /*border-top: 1px solid #C4C4C9;*/ /*color: #25A4EB;*/
		color: #000000; /*font-family: "nimbus-sans",sans-serif; font-weight: 300;*/
		font-family: "nimbus-sans",sans-serif;
		font-weight: 700; /*font-size: 30px;*/
		font-size: 18px; /*line-height: 37px;*/
		line-height: 20px;
		padding: 15px 0 0;
		margin-bottom: 5px;
	}

	#div-course-details h3 {
		color: #625A5A;
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 0;
	}

.session-description,
.enrolment-method-section,
.session-description p,
.enrolment-method-section p,
.session-description span,
.enrolment-method-section span {
	color: #333 !important;
	font-family: "nimbus-sans",sans-serif !important;
	font-weight: 300 !important;
	font-size: 14px !important;
	margin-top: 1em;
}

#div-course-details ul {
	list-style-position: inside;
}

#div-course-details #ulActions {
	border: 1px solid #1a4891;
	border-left-width: 0;
	border-right-width: 0;
}

.course-search-page .component-links-full-time,
.course-search-page .component-links-part-time {
	display: none;
}

.course-search-page.full-time .component-links-full-time {
	display: block;
}

.course-search-page.part-time .component-links-part-time {
	display: block;
}

#course-main-right {
	padding-bottom: 40px;
}

/* Signpost on image */

.div-signpost-on-image-wrapper {
	float: left;
	margin: 25px 0 0;
	width: 100%;
}

	.div-signpost-on-image-wrapper aside {
		height: 450px;
		overflow: hidden;
		position: relative;
		text-align: center;
	}

		.div-signpost-on-image-wrapper aside > img {
			bottom: -9999px;
			display: block;
			left: -9999px;
			margin: auto;
			position: absolute;
			right: -9999px;
			top: -9999px;
		}

	.div-signpost-on-image-wrapper .div-text-container {
		display: table;
		left: 0;
		top: 0;
		width: 100%;
	}

	.div-signpost-on-image-wrapper .div-text {
		display: table-cell;
		height: 450px;
		text-align: center;
		vertical-align: middle;
		width: 100%;
		padding-top: 80px;
	}

		.div-signpost-on-image-wrapper .div-text h1 {
			color: #FFFFFF;
			font-family: "nimbus-sans",sans-serif;
			font-size: 60px;
			line-height: 65px;
			margin: 0;
			padding: 0;
		}

		.div-signpost-on-image-wrapper .div-text p {
			color: #FFFFFF;
			font-family: "nimbus-sans",sans-serif;
			font-weight: 300;
			font-size: 25px;
			line-height: 30px;
			margin: 30px 0 70px;
			padding: 0;
		}

		.div-signpost-on-image-wrapper .div-text a.a-button {
			background-color: transparent;
			border: 1px solid #F8EB69;
			border-radius: 18px;
			color: #F8EB69;
			font-family: "nimbus-sans",sans-serif;
			font-weight: 700;
			font-size: 19px;
			line-height: 19px;
			padding: 13px 40px;
			position: relative;
			text-decoration: none;
			transition: all 0.2s ease;
		}

			.div-signpost-on-image-wrapper .div-text a.a-button:before {
				background-color: rgba(255,255,255,0.3);
				border-radius: 5px;
				box-shadow: 0 0 5px #fff;
				content: ' ';
				height: 1px;
				left: 50%;
				margin-left: -45%;
				position: absolute;
				top: 6px;
				width: 90%;
			}

			.div-signpost-on-image-wrapper .div-text a.a-button:hover {
				background-color: rgba(255,255,255,0.2);
			}

.div-signpost-on-image-blue {
	background-color: transparent;
}




/* Signposts carousel (small) */

/*
.div-signposts-carousel-small-wrapper { background-color: #E9E9E9; float: left; margin: 25px 0 0; padding: 50px 0 70px; position: relative; width: 100%; }
.div-signposts-carousel-small-wrapper aside { margin: 0 auto; overflow: hidden; position: relative; width: 930px; }
.div-signposts-carousel-small-wrapper h1 { color: #1374B5; font-family: "nimbus-sans",sans-serif; font-size: 21px; font-weight: bold; line-height: 21px; margin: 0 0 30px; padding: 0; }
.div-signposts-carousel-small-wrapper .div-signposts-carousel-small ul { float: left; list-style-type: none; margin: 0; padding: 0; position: relative; width: 9999px; }
.div-signposts-carousel-small-wrapper .div-signposts-carousel-small li { float: left; height: 170px; margin: 0 70px 0 0; overflow: hidden; padding: 0; position: relative; width: 180px; }
.div-signposts-carousel-small-wrapper .div-signposts-carousel-small a { color: #6D6969; text-decoration: none; }
.div-signposts-carousel-small-wrapper .div-signposts-carousel-small img { float: left; }
.div-signposts-carousel-small-wrapper .div-signposts-carousel-small h2 { background-color: #EFEFEF; bottom: 0; color: #6D6969; font-family: "nimbus-sans",sans-serif; font-size: 15px; font-weight: bold; height: 46px; left: 0; line-height: 23px; margin: 0; padding: 10px 15px 5px 5px; position: absolute; text-align: left; }
.div-signposts-carousel-small-wrapper .div-signposts-carousel-small-controls { bottom: 123px; left: 0; margin: 0 auto; max-width: 1138px; position: relative; width: 97%; }
.div-signposts-carousel-small-wrapper .div-signposts-carousel-small-controls ul { font-family: sans-serif; list-style-type: none; margin: 0; padding: 0; }
.div-signposts-carousel-small-wrapper .div-signposts-carousel-small-controls li { margin: 0; padding: 0; }
.div-signposts-carousel-small-wrapper .div-signposts-carousel-small-controls li:first-of-type a { left: 0; }
.div-signposts-carousel-small-wrapper .div-signposts-carousel-small-controls li:last-of-type a { right: 0; }
.div-signposts-carousel-small-wrapper .div-signposts-carousel-small-controls a { background-attachment: scroll; background-position: center center; background-repeat: no-repeat; background-size: 75px 75px; display: block; height: 75px; position: absolute; top: 0; width: 75px; }
.div-signposts-carousel-small-wrapper .div-signposts-carousel-small-controls a.prev { background-image: url(/sitefiles/images/icon-arrow-left-blue-white-circle.png); }
.div-signposts-carousel-small-wrapper .div-signposts-carousel-small-controls a.next { background-image: url(/sitefiles/images/icon-arrow-right-blue-white-circle.png); }
.div-signposts-carousel-small-wrapper .div-signposts-carousel-small-controls a.inactive { cursor: not-allowed; filter: alpha(opacity=50); opacity: 0.5; }
*/

/* Signposts carousel (small) */

/*
.div-signposts-carousel-small-prospectus-wrapper { background-color: #E9E9E9; float: left; margin: 25px 0 0; padding: 50px 0 70px; position: relative; width: 100%; }
.div-signposts-carousel-small-prospectus-wrapper aside { margin: 0 auto; overflow: hidden; position: relative; width: 930px; }
.div-signposts-carousel-small-prospectus-wrapper h1 { color: #1374B5; font-family: "nimbus-sans",sans-serif; font-size: 21px; font-weight: bold; line-height: 21px; margin: 0 0 30px; padding: 0; }
.div-signposts-carousel-small-prospectus-wrapper .div-signposts-carousel-small-prospectus ul { float: left; list-style-type: none; margin: 0; padding: 0; position: relative; width: 9999px; }
.div-signposts-carousel-small-prospectus-wrapper .div-signposts-carousel-small-prospectus li { float: left; height: 170px; margin: 0 70px 0 0; overflow: hidden; padding: 0; position: relative; width: 180px; }
.div-signposts-carousel-small-prospectus-wrapper .div-signposts-carousel-small-prospectus a { color: #6D6969; text-decoration: none; }
.div-signposts-carousel-small-prospectus-wrapper .div-signposts-carousel-small-prospectus img { float: left; }
.div-signposts-carousel-small-prospectus-wrapper .div-signposts-carousel-small-prospectus h2 { background-color: #EFEFEF; bottom: 0; color: #6D6969; font-family: "nimbus-sans",sans-serif; font-size: 15px; font-weight: bold; height: 46px; left: 0; line-height: 23px; margin: 0; padding: 10px 15px 5px 5px; position: absolute; text-align: left; }
.div-signposts-carousel-small-prospectus-wrapper .div-signposts-carousel-small-prospectus-controls { bottom: 123px; left: 0; margin: 0 auto; max-width: 1138px; position: relative; width: 97%; }
.div-signposts-carousel-small-prospectus-wrapper .div-signposts-carousel-small-prospectus-controls ul { font-family: sans-serif; list-style-type: none; margin: 0; padding: 0; }
.div-signposts-carousel-small-prospectus-wrapper .div-signposts-carousel-small-prospectus-controls li { margin: 0; padding: 0; }
.div-signposts-carousel-small-prospectus-wrapper .div-signposts-carousel-small-prospectus-controls li:first-of-type a { left: 0; }
.div-signposts-carousel-small-prospectus-wrapper .div-signposts-carousel-small-prospectus-controls li:last-of-type a { right: 0; }
.div-signposts-carousel-small-prospectus-wrapper .div-signposts-carousel-small-prospectus-controls a { background-attachment: scroll; background-position: center center; background-repeat: no-repeat; background-size: 75px 75px; display: block; height: 75px; position: absolute; top: 0; width: 75px; }
.div-signposts-carousel-small-prospectus-wrapper .div-signposts-carousel-small-prospectus-controls a.prev { background-image: url(/sitefiles/images/icon-arrow-left-blue-white-circle.png); }
.div-signposts-carousel-small-prospectus-wrapper .div-signposts-carousel-small-prospectus-controls a.next { background-image: url(/sitefiles/images/icon-arrow-right-blue-white-circle.png); }
.div-signposts-carousel-small-prospectus-wrapper .div-signposts-carousel-small-prospectus-controls a.inactive { cursor: not-allowed; filter: alpha(opacity=50); opacity: 0.5; }
*/

/* Training and apprenticeships */

.div-main-content-wrapper .div-main-content-main .div-signpost-training-and-apprenticeships {
	background-color: rgba(189, 138, 93, 0.84);
	margin: 65px 35px 0;
	padding: 35px;
	position: relative;
	text-align: left;
	width: 670px;
}

	.div-main-content-wrapper .div-main-content-main .div-signpost-training-and-apprenticeships .div-text {
		color: #010101;
		font-family: "nimbus-sans",sans-serif;
		font-size: 16px;
		line-height: 24px;
		width: 100%;
	}

		.div-main-content-wrapper .div-main-content-main .div-signpost-training-and-apprenticeships .div-text h1 {
			border-bottom: 1px solid #FFFFFF;
			font-family: "nimbus-sans",sans-serif;
			font-weight: 700;
			color: #FFFFFF;
			font-size: 55px;
			line-height: 65px;
			margin: 0;
			padding: 10px 0 40px;
		}

		.div-main-content-wrapper .div-main-content-main .div-signpost-training-and-apprenticeships .div-text p {
			color: #010101;
			font-family: "nimbus-sans",sans-serif;
			font-size: 16px;
			line-height: 24px;
		}

			.div-main-content-wrapper .div-main-content-main .div-signpost-training-and-apprenticeships .div-text p:first-of-type {
				color: #E5D29E;
				font-size: 32px;
			}

		.div-main-content-wrapper .div-main-content-main .div-signpost-training-and-apprenticeships .div-text a.a-button {
			background-color: #E7E076;
			border-radius: 10px;
			color: #192954;
			display: inline-block;
			font-family: "nimbus-sans",sans-serif;
			font-weight: 700;
			font-size: 14px;
			line-height: 14px;
			margin: 0;
			padding: 13px 20px;
			text-decoration: none;
		}

#div-signpost-training-and-apprenticeships-3-cols {
	height: auto;
	background-color: rgba(73, 68, 66, 0.84);
	margin-top: 0;
}

.div-panels-training-and-apprenticeships-wrapper {
	background-color: rgba(73, 68, 66, 0.84);
	float: left;
	margin: 25px 0 0;
	padding: 15px 0 30px;
	width: 100%;
}

	.div-panels-training-and-apprenticeships-wrapper aside {
		margin: 0 auto;
		width: 1138px;
	}

	.div-panels-training-and-apprenticeships-wrapper .div-panels {
		margin: 0 auto;
		overflow: hidden;
		vertical-align: middle;
		width: 1138px;
	}

		.div-panels-training-and-apprenticeships-wrapper .div-panels ul {
			float: left;
			list-style-type: none;
			margin: 0 0 0 328px;
			padding: 0;
			width: 9999px;
		}

		.div-panels-training-and-apprenticeships-wrapper .div-panels li {
			color: #FFFFFF;
			float: left;
			font-family: "nimbus-sans",sans-serif;
			font-size: 17px;
			line-height: 25px;
			margin: 0 35px;
			width: 335px;
		}

			.div-panels-training-and-apprenticeships-wrapper .div-panels li:first-of-type {
				margin-left: 0;
			}

			.div-panels-training-and-apprenticeships-wrapper .div-panels li:last-of-type {
				margin-right: 0;
			}

		.div-panels-training-and-apprenticeships-wrapper .div-panels h2 {
			color: #DDC793;
			font-family: "nimbus-sans",sans-serif;
			font-weight: 500;
			font-size: 21px;
			line-height: 24px;
			margin: 20px 0;
			padding: 0;
		}

		.div-panels-training-and-apprenticeships-wrapper .div-panels p {
			color: #FFFFFF;
			font-family: "nimbus-sans",sans-serif;
			font-size: 17px;
			line-height: 25px;
			margin: 15px 0;
			padding: 0;
		}

		.div-panels-training-and-apprenticeships-wrapper .div-panels a.a-button {
			background-color: #FFFFFF;
			border: 1px solid #DDC793;
			border-radius: 10px;
			color: #DDC793;
			display: inline-block;
			font-family: "nimbus-sans",sans-serif;
			font-weight: 700;
			font-size: 14px;
			line-height: 14px;
			padding: 13px 20px;
			position: relative;
			text-decoration: none;
			top: 5px;
			vertical-align: top;
		}

/* Case studies */

.div-case-studies-wrapper {
	background-color: #FFFFFF;
	float: left;
	margin: 25px 0 0;
	padding: 25px 0;
	width: 100%;
}

	.div-case-studies-wrapper aside {
		margin: 0 auto;
		width: 1138px;
	}

	.div-case-studies-wrapper h1 {
		color: #154263;
		font-family: "nimbus-sans",sans-serif;
		font-size: 37px;
		font-weight: bold;
		line-height: 37px;
		margin: 0 0 45px;
		padding: 0;
		text-align: left;
	}

	.div-case-studies-wrapper ul {
		float: left;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	.div-case-studies-wrapper li {
		background-color: #F6F6F6;
		color: #666666;
		float: left;
		font-size: 15px;
		line-height: 25px;
		margin: 0 59px 0 60px;
		min-height: 650px;
		padding: 0 30px;
		position: relative;
		text-align: left;
		width: 240px;
	}

		.div-case-studies-wrapper li:first-of-type {
			margin-left: 0;
		}

		.div-case-studies-wrapper li:last-of-type {
			margin-right: 0;
		}

		.div-case-studies-wrapper li img {
			display: block;
			height: 275px;
			margin: 0 -30px;
			width: 300px;
		}

		.div-case-studies-wrapper li h2 {
			color: #666666;
			font-family: "nimbus-sans",sans-serif;
			font-weight: 300;
			font-size: 22px;
			line-height: 30px;
			margin: 25px 0 20px;
			padding: 0;
		}

		.div-case-studies-wrapper li p,
		.div-case-studies li q {
			color: #FFFFFF;
			font-family: "nimbus-sans",sans-serif;
			font-weight: 300;
			font-size: 15px;
			line-height: 25px;
			margin: 15px 0;
			min-height: 300px;
			padding: 0;
		}

		.div-case-studies-wrapper li q::before {
			margin: 0 10px -23px 0;
		}

		.div-case-studies-wrapper li q::after {
			float: right;
			margin: 0 0 0 10px;
		}

		.div-case-studies-wrapper li a.a-button {
			border: 1px solid #666666;
			border-radius: 10px;
			bottom: 20px;
			color: #666666;
			display: block;
			font-family: "nimbus-sans",sans-serif;
			font-weight: 700;
			font-size: 14px;
			line-height: 14px;
			margin: 0;
			padding: 13px 20px;
			position: absolute;
			right: 30px;
			text-decoration: none;
		}

.div-case-studies-light li {
	background-color: #F6F6F6;
	color: #666666;
}

	.div-case-studies-light li h2 {
		color: #666666;
	}

	.div-case-studies-light li p,
	.div-case-studies-light li q {
		color: #666666;
	}

		.div-case-studies-light li q::before {
			content: url(/sitefiles/images/icon-double-quotation-mark-left-grey.png);
		}

		.div-case-studies-light li q::after {
			content: url(/sitefiles/images/icon-double-quotation-mark-right-grey.png);
		}

	.div-case-studies-light li a.a-button {
		border: 1px solid #666666;
		color: #666666;
	}

.div-case-studies-dark li {
	background-color: #103D5F;
	color: #FFFFFF;
}

	.div-case-studies-dark li h2 {
		color: #6EC9FF;
	}

	.div-case-studies-dark li p,
	.div-case-studies-dark li q {
		color: #FFFFFF;
	}

		.div-case-studies-dark li q::before {
			content: url(/sitefiles/images/icon-double-quotation-mark-left-blue.png);
		}

		.div-case-studies-dark li q::after {
			content: url(/sitefiles/images/icon-double-quotation-mark-right-blue.png);
		}

	.div-case-studies-dark li a.a-button {
		background-color: #E7E076;
		border: 1px solid #666666;
		color: #666666;
	}

.study {
	background-color: #103D5F;
	color: #FFFFFF;
}

.study {
	background-color: #103D5F;
	color: #666666;
	float: left;
	font-size: 15px;
	line-height: 25px;
	margin: 0 40px 10px 40px;
	min-height: 650px;
	padding: 0 30px;
	position: relative;
	text-align: left;
	width: 300px;
}

	.study img {
		display: block;
		height: 275px;
		margin: 0 -30px;
		width: 300px;
	}

	.study h2 {
		color: #6EC9FF !important;
	}

	.study h2 {
		color: #666666;
		font-family: "nimbus-sans",sans-serif;
		font-weight: 300;
		font-size: 22px;
		line-height: 30px;
		margin: 25px 0 20px;
		padding: 0;
	}

q::before {
	content: url(/sitefiles/images/icon-double-quotation-mark-left-blue.png);
}

q::after {
	content: url(/sitefiles/images/icon-double-quotation-mark-right-blue.png);
	float: right;
}

.study q {
	color: #FFFFFF;
	font-family: "nimbus-sans",sans-serif;
	font-weight: 300;
	font-size: 15px;
	line-height: 25px;
	margin: 15px 0;
	min-height: 300px;
	padding: 0;
}

.study a.a-button {
	background-color: #E7E076 !important;
	border: 1px solid #666666;
	color: #666666 !important;
}

/* Signpost - support for business */

.red-text h1 {
	border-bottom-color: #E63D2E !important;
}

.red-text h2 {
	font-family: "nimbus-sans",sans-serif;
	font-size: 18px;
	font-weight: normal;
	margin: 35px 0 15px;
}

.red-text {
	color: #FFFFFF;
	display: table-cell;
	font-family: "nimbus-sans",sans-serif;
	font-weight: 300;
	font-size: 15px;
	height: 700px;
	line-height: 20px;
	padding: 0 0 0 100px;
	text-align: left;
	vertical-align: middle;
	width: 100%;
}

	.red-text a.a-button {
		background-color: #E63D2E !important;
		color: #fff !important;
	}

/* Tabs */

.responsive-tabs {
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: relative;
}

	.responsive-tabs li {
		width: auto;
		margin: 0;
		text-align: center;
		line-height: 50px;
		float: left;
	}

		.responsive-tabs li a {
			display: block;
			padding: 0 10px;
			text-decoration: none;
		}

		.responsive-tabs li.active {
			border-bottom: 1px solid #E9E5DC;
			background: #E9E5DC;
		}

.responsive-tabs-content {
	margin-bottom: 20px;
}

	.responsive-tabs-content.bm-remove {
		margin-bottom: 0;
	}

	.responsive-tabs-content.bm-smaller {
		margin-bottom: 5px;
	}

	.responsive-tabs-content.bm-small {
		margin-bottom: 10px;
	}

	.responsive-tabs-content.bm-medium {
		margin-bottom: 20px;
	}

	.responsive-tabs-content.bm-large {
		margin-bottom: 30px;
	}

	.responsive-tabs-content.bm-larger {
		margin-bottom: 40px;
	}

	.responsive-tabs-content .responsive-tabs-panel {
		padding-top: 0px;
	}

		.responsive-tabs-content .responsive-tabs-panel .responsive-tab-title {
			display: none;
		}

/* Tabs Left */

.responsive-tabs.responsive-tabs-left {
	width: 150px;
	float: left;
	background: #A9A7A1;
}

	.responsive-tabs.responsive-tabs-left li {
		text-align: left;
		float: none;
	}

.responsive-tabs-content.responsive-tabs-left {
	overflow: hidden;
}

/* Tabs Right */

.responsive-tabs.responsive-tabs-right {
	width: 150px;
	float: right;
}

	.responsive-tabs.responsive-tabs-right li {
		text-align: right;
		float: none;
	}

.responsive-tabs-content.responsive-tabs-right {
	overflow: hidden;
}

.responsive-tabs-panel {
	width: 100%;
}

/* Tabs Themes */

.responsive-tabs-default .responsive-tabs li {
	border: 1px solid #ebe8e0;
	border-right: 0;
	background: #5a5953;
	cursor: pointer;
	position: relative;
	z-index: 9;
	margin-right: 10px;
}

	.responsive-tabs-default .responsive-tabs li:last-child {
		border-right: 1px solid #DDD;
	}

	.responsive-tabs-default .responsive-tabs li.active {
		border-bottom: 1px solid #ebe8e0;
		background: #ebe8e0;
	}

.responsive-tabs .active a {
	color: #403f3a !important;
}

.responsive-tabs-default .responsive-tabs-content {
	position: relative;
	top: 51px;
	z-index: 9;
}

	.responsive-tabs-default .responsive-tabs-content .responsive-tab-title {
		color: #0B8593;
	}

/* Tabs Left */

.responsive-tabs-default .responsive-tabs.responsive-tabs-left {
	left: 1px;
}

	.responsive-tabs-default .responsive-tabs.responsive-tabs-left li {
		width: 100%;
		border-right: 1px solid #DDD;
		border-bottom: 0;
		line-height: 50px;
	}

		.responsive-tabs-default .responsive-tabs.responsive-tabs-left li:last-child {
			border-bottom: 1px solid #DDD;
		}

		.responsive-tabs-default .responsive-tabs.responsive-tabs-left li.active {
			border-right: 1px solid #FFF;
		}

.responsive-tabs-default .responsive-tabs-content.responsive-tabs-left {
	top: 0;
}

/* Tabs Right */

.responsive-tabs-default .responsive-tabs.responsive-tabs-right {
	right: 1px;
}

	.responsive-tabs-default .responsive-tabs.responsive-tabs-right li {
		width: 100%;
		border-right: 1px solid #DDD;
		border-bottom: 0;
		border-left: 1px solid #DDD;
		line-height: 50px;
	}

		.responsive-tabs-default .responsive-tabs.responsive-tabs-right li:last-child {
			border-bottom: 1px solid #DDD;
		}

		.responsive-tabs-default .responsive-tabs.responsive-tabs-right li.active {
			border-left: 1px solid #FFF;
		}

.responsive-tabs-default .responsive-tabs-content.responsive-tabs-right {
	top: 0;
}

.component-campuses ul li a {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 19px;
}

.google-map {
	position: relative;
	height: 418px; /* background-color: aquamarine; */
	width: 65%;
	float: right;
	margin-top: -40px;
	margin-bottom: 26px;
}

	.google-map img {
		height: 418px; /* position: absolute; */
		float: inherit;
		display: block;
		float: right;
		width: 100%;
	}

.div-campus-text {
	color: #4b4444;
	font-family: "nimbus-sans",sans-serif;
	font-size: 16px;
	height: 350px;
	line-height: 1.2;
	padding: 70px 25px 0 75px;
	text-align: left;
	width: 300px;
}

	.div-campus-text p.p-address, .p-address {
		margin-top: 20px;
	}

.fontWeightBold {
	font-weight: bold !important;
}

.div-campus-text a.a-button {
	background-color: transparent !important;
	background-attachment: scroll;
	background-image: url(/sitefiles/images/icon-arrow-right-brown-keyline.png);
	background-position: right center;
	background-repeat: no-repeat;
	color: #4b4444;
	font-weight: bold;
	padding: 2px 32px 2px 0;
	text-decoration: none;
	height: 22px;
}

.div-apprentice-panels {
	padding-bottom: 10px;
	padding-top: 10px;
}

.div-logo {
	padding: 118px 0 0 0;
}

.div-logo-text {
	color: #FFFFFF;
	display: table-cell;
	font-family: "nimbus-sans",sans-serif;
	font-size: 18px;
	height: 440px;
	line-height: 28px;
	padding: 0;
	text-align: left;
	vertical-align: middle;
	width: auto;
}

.div-logo2 {
	display: table-cell;
	height: auto;
	padding: 80px 0 0 0;
	overflow: hidden;
	text-align: left;
	vertical-align: middle;
}

.div-logo-text2 {
	color: #FFFFFF;
	display: table-cell;
	font-family: "nimbus-sans",sans-serif;
	font-size: 17px;
	height: auto;
	line-height: 21px;
	padding: 23px 4px 5px 0;
	text-align: left;
	vertical-align: middle;
	width: auto;
}

.facilities {
	margin-top: 15px;
}

.div-apprentice-panels h2 {
	color: #DDC793;
	font-family: "nimbus-sans",sans-serif;
	font-weight: 500;
	font-size: 21px;
	line-height: 24px;
	margin: 20px 0;
	padding: 0;
}

.div-apprentice-panels p {
	color: #FFFFFF;
	font-family: "nimbus-sans",sans-serif;
	font-size: 17px;
	line-height: 25px;
	margin: 15px 0;
	padding: 0;
}

.div-apprentice-panels a.a-button {
	background-color: transparent;
	border: 1px solid #DDC793;
	border-radius: 10px;
	color: #DDC793;
	display: inline-block;
	font-family: "nimbus-sans",sans-serif;
	font-weight: 700;
	font-size: 14px;
	line-height: 14px;
	padding: 13px 20px;
	position: relative;
	text-decoration: none;
	top: 5px;
	vertical-align: top;
}

.panel {
	float: left;
	margin: 0px;
	background: transparent;
	border: 0px !important;
	box-shadow: 0 0px 0px rgba(0, 0, 0, .05);
}

.panel-image {
}

.panel-text {
}

	.panel-text h2 {
		color: #625A5A;
		font-family: "nimbus-sans",sans-serif;
		font-size: 21px;
		font-weight: bold;
		line-height: 25px;
		margin: 0 0 5px;
		padding: 0;
	}

	.panel-text p {
		color: #625A5A;
		font-family: "nimbus-sans",sans-serif;
		font-weight: 300;
		font-size: 15px;
		line-height: 20px;
		margin: 5px 0;
		padding: 0;
	}

#div-signposts {
	height: auto;
	margin: 50px auto;
	overflow: hidden;
	vertical-align: middle;
}

	#div-signposts .post {
		margin: 0 0 0 0px;
		overflow: hidden;
		padding: 0;
		position: relative;
		text-align: left;
	}

		#div-signposts .post a {
			color: #666161;
			text-decoration: none;
			display: inline-flex;
		}

		#div-signposts .post img {
			display: inline-block;
			margin: 0 7px 0 0;
			vertical-align: middle;
			height: 48px;
			width: 48px;
		}

.post h2 {
	margin: 10px;
	margin-left: 15px;
	font-size: 20px;
}

#div-alerts-wrapper {
	background-color: #02071D;
	width: 100%;
	position: absolute;
	z-index: 100000000;
}

	/* Alerts */

	#div-alerts-wrapper #div-alerts {
		margin: 0 auto;
		width: 1138px;
	}

		#div-alerts-wrapper #div-alerts #div-cookies-alert {
			width: 100% !important;
		}

			#div-alerts-wrapper #div-alerts #div-cookies-alert fieldset {
				border: none;
				margin: 0;
				padding: 0;
			}

			#div-alerts-wrapper #div-alerts #div-cookies-alert #div-cookies-alert-heading {
				display: table-cell;
				width: 250px;
			}

				#div-alerts-wrapper #div-alerts #div-cookies-alert #div-cookies-alert-heading h1 {
					color: #FFFFFF;
					font-family: "nimbus-sans",sans-serif;
					font-weight: 300;
					font-size: 20px;
					line-height: 25px;
				}

			#div-alerts-wrapper #div-alerts #div-cookies-alert #div-cookies-alert-text {
				display: table-cell;
				font-size: 15px;
				line-height: 21px;
				padding-top: 0;
				vertical-align: middle;
				width: auto;
			}

				#div-alerts-wrapper #div-alerts #div-cookies-alert #div-cookies-alert-text p {
					color: #FFFFFF;
					font-family: "nimbus-sans",sans-serif;
					font-weight: 300;
					padding: 15px 0;
				}

				#div-alerts-wrapper #div-alerts #div-cookies-alert #div-cookies-alert-text a {
					color: #4B97EC;
				}

			#div-alerts-wrapper #div-alerts #div-cookies-alert #div-cookies-alert-buttons {
				display: table-cell;
				text-align: center;
				vertical-align: middle;
				width: 250px;
			}

				#div-alerts-wrapper #div-alerts #div-cookies-alert #div-cookies-alert-buttons ul {
					font-size: 14px;
					line-height: 14px;
					list-style-type: none;
					margin: 0;
					padding: 0;
				}

				#div-alerts-wrapper #div-alerts #div-cookies-alert #div-cookies-alert-buttons button,
				#div-alerts-wrapper #div-alerts #div-cookies-alert #div-cookies-alert-buttons a {
					background-color: #1A70D1;
					border: none;
					box-sizing: content-box;
					color: #FFFFFF;
					cursor: pointer;
					display: inline-block;
					font-family: "nimbus-sans",sans-serif;
					font-weight: 300;
					font-size: 14px;
					line-height: 14px;
					margin: 5px 0;
					padding: 7px 13px;
					text-align: center;
					text-decoration: none;
					width: 100px;
				}

.jumbo {
	display: block;
}

#div-logo {
	margin: 5px 0;
}

	#div-logo img {
		height: auto;
		margin: 10px 0;
	}

.row {
	margin-right: 0px;
	margin-left: 0px;
}

.hide {
	display: block;
}

/* Top nav */

#div-primary-navigation-wrapper {
	clear: both;
	float: left;
}

#div-primary-navigation {
	display: table-cell;
	height: 75px;
	position: relative;
	vertical-align: middle;
}

	#div-primary-navigation nav {
		display: inline-block;
	}

		#div-primary-navigation nav h2 {
			left: 0;
			position: absolute;
			top: -9999px;
		}

		#div-primary-navigation nav ul {
			color: #FFFFFF;
			display: inline-block;
			font-family: "nimbus-sans",sans-serif;
			font-weight: 500;
			font-size: 20px;
			line-height: 1;
			list-style-type: none;
			margin: 0;
			padding: 0;
			text-align: center;
		}

		#div-primary-navigation nav li {
			display: inline-block;
			margin: 0 15px 0 15px;
			padding: 0;
			vertical-align: middle;
		}

			#div-primary-navigation nav li:first-of-type {
				margin-left: 0 !important;
			}

			#div-primary-navigation nav li:last-of-type {
				margin-right: 0 !important;
			}

			#div-primary-navigation nav li a {
				color: #FFFFFF;
				text-decoration: none;
				vertical-align: middle;
			}

			#div-primary-navigation nav li#menu-full-time a:hover {
				color: #55A8E9;
			}

			#div-primary-navigation nav li#menu-part-time a:hover {
				color: #cfc758;
			}

			#div-primary-navigation nav li#menu-apprenticeships a:hover {
				color: #BB895A;
			}

			#div-primary-navigation nav li#menu-life-at-the-met a:hover {
				color: #F9BE3E;
			}

			#div-primary-navigation nav li#menu-connect a:hover {
				color: #9B69B5;
			}

			#div-primary-navigation nav li#menu-login a:hover {
				color: #9088A1;
			}

			#div-primary-navigation nav li:last-of-type {
				color: #DFD973;
				display: inline-block;
				font-family: "nimbus-sans",sans-serif;
				font-weight: 500;
				font-size: 14px;
				line-height: 14px;
				list-style-type: none;
				margin: 0 !important;
				padding: 0;
				text-align: center;
			}

				#div-primary-navigation nav li:last-of-type a {
					background: linear-gradient(to bottom, #0A1D63, #041348);
					border: 1px solid #071238;
					border-radius: 10px;
					box-sizing: border-box;
					color: #FFFFFF;
					display: inline-block;
					height: 42px;
					line-height: 42px;
					margin: 0 0 0 15px;
					padding: 0 20px;
					text-decoration: none;
				}

	#div-primary-navigation #div-site-search {
		display: inline-block;
		margin: 0 0 0 10px;
	}

		#div-primary-navigation #div-site-search a {
			background: linear-gradient(to bottom, #0A1D63, #041348);
			border: 1px solid #071238;
			border-radius: 10px;
			cursor: pointer;
			display: inline-block;
			height: 42px;
			margin: 0;
			overflow: hidden;
			padding: 0;
			text-indent: -9999px;
			vertical-align: middle;
			width: 42px;
		}

			#div-primary-navigation #div-site-search a span {
				background-attachment: scroll;
				background-image: url(/sitefiles/images/icon-magnifying-glass-white.png);
				background-position: center center;
				background-repeat: no-repeat;
				background-size: 16px auto;
				display: block;
				height: 42px;
				overflow: hidden;
				text-indent: -9999px;
				vertical-align: middle;
				width: 42px;
			}

	#div-primary-navigation #div-course-basket {
		display: inline-block;
		margin: 0 0 0 5px;
	}

		#div-primary-navigation #div-course-basket > a {
			background: linear-gradient(to bottom, #0A1D63, #041348);
			border: 1px solid #071238;
			border-radius: 10px;
			cursor: pointer;
			display: inline-block;
			height: 42px;
			margin: 0;
			overflow: hidden;
			padding: 0;
			text-indent: -9999px;
			vertical-align: middle;
			width: 42px;
		}

			#div-primary-navigation #div-course-basket > a span {
				background-attachment: scroll;
				background-image: url(/sitefiles/images/icon-shopping-cart-white.png);
				background-position: center center;
				background-repeat: no-repeat;
				background-size: 16px auto;
				display: block;
				height: 42px;
				overflow: hidden;
				text-indent: -9999px;
				vertical-align: middle;
				width: 42px;
			}

		#div-primary-navigation #div-course-basket #div-courses-wrapper {
			background-attachment: scroll;
			background-image: url(/sitefiles/images/icon-arrowhead-up-white.png);
			background-position: 911px 5px;
			background-repeat: no-repeat;
			left: 0;
			position: absolute;
			z-index: 2147483647;
		}

		#div-primary-navigation #div-course-basket #div-courses {
			background-color: #FFFFFF;
			margin: 15px 0 0;
			padding: 37px 100px 50px;
			position: relative;
			width: 756px;
		}

			#div-primary-navigation #div-course-basket #div-courses h1 {
				color: #162667;
				font-family: "nimbus-sans",sans-serif;
				font-weight: 500;
				font-size: 19px;
			}

			#div-primary-navigation #div-course-basket #div-courses table {
				border-collapse: collapse;
				border-spacing: 0;
				color: #4E4F56;
				font-family: "nimbus-sans",sans-serif;
				font-weight: 500;
				font-size: 14px;
				text-align: left;
			}

			#div-primary-navigation #div-course-basket #div-courses td {
				padding: 5px 15px;
			}

				#div-primary-navigation #div-course-basket #div-courses td:first-of-type {
					padding-left: 0;
				}

				#div-primary-navigation #div-course-basket #div-courses td:last-of-type {
					padding-right: 0;
				}

				#div-primary-navigation #div-course-basket #div-courses td a {
					color: #34A5F4;
					text-decoration: none;
				}

			#div-primary-navigation #div-course-basket #div-courses #a-close {
				color: #333333;
				font-family: "nimbus-sans",sans-serif;
				font-weight: 500;
				font-size: 31px;
				line-height: 31px;
				position: absolute;
				right: 25px;
				text-decoration: none;
				top: 15px;
			}

#div-secondary-navigation-wrapper {
	clear: both;
	float: left;
}

#div-secondary-navigation {
	vertical-align: middle;
	width: 9999px;
}

#div-course-search {
	background-color: #FFFFFF;
	border: 1px solid #94949D;
	display: inline-block;
	padding: 2px;
}

	#div-course-search form {
		display: inline-block;
	}

	#div-course-search fieldset {
		border: none;
		display: inline-block;
		margin: 0;
		padding: 0;
	}

#div-course-search-keywords {
	display: inline-block;
	margin-right: 1px;
	position: relative;
}

	#div-course-search-keywords input {
		border: none;
		box-sizing: border-box;
		font-family: "nimbus-sans",sans-serif;
		font-weight: 300;
		font-size: 16px;
		line-height: 18px;
		margin: 0;
		padding: 9px 10px;
		text-align: left;
		vertical-align: middle;
		width: 390px /*255px*/;
		-webkit-appearance: none;
	}

		#div-course-search-keywords input:focus {
		}

#div-course-search-keywords-autocomplete {
	background-color: #FFFFFF;
	border: 1px solid #94949d;
	left: -3px;
	min-width: 569px;
	position: absolute;
	top: 37px;
	z-index: 2147483646;
}

	#div-course-search-keywords-autocomplete ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		text-align: left;
	}

	#div-course-search-keywords-autocomplete li {
		clear: both;
		cursor: pointer;
		float: left;
		font-size: 14px;
		padding: 2px 0;
		position: relative;
		white-space: nowrap;
		width: 100%;
	}

		#div-course-search-keywords-autocomplete li:hover {
			background-color: #EFEFEF;
		}

		#div-course-search-keywords-autocomplete li a {
			color: #333333;
			display: block;
			line-height: 28px;
			overflow: hidden;
			padding: 0 10px;
			text-decoration: none;
			text-overflow: ellipsis;
			width: 500px;
		}

		#div-course-search-keywords-autocomplete li span {
			color: #041861;
			font-size: 10px;
			line-height: 28px;
			position: absolute;
			right: 10px;
			text-transform: uppercase;
			top: 2px;
		}

#div-course-search-attendance-modes {
	background-color: #CDD0D4;
	display: inline-block; /*display: none;*/
	margin: 0 0 0 2px;
	padding: 0 5px;
	text-align: left;
	vertical-align: middle;
}

	#div-course-search-attendance-modes label {
		color: #575D59;
		font-family: "nimbus-sans",sans-serif;
		font-size: 15px;
		font-weight: normal;
		height: 37px;
		line-height: 37px;
		margin: 0 5px;
	}

	#div-course-search-attendance-modes input {
		margin: 0;
		padding: 0;
	}

#div-course-search-submit-button {
	background-color: #CCC558;
	display: inline-block;
	margin-left: -2px;
	vertical-align: top;
}

	#div-course-search-submit-button button {
		background-color: #D8D172;
		border: none;
		box-shadow: inset 0 0 10px rgba(0,0,0,0.3);
		color: #414246;
		cursor: pointer;
		font-family: "nimbus-sans",sans-serif;
		font-weight: 900;
		font-size: 14px;
		height: 37px;
		line-height: 1;
		margin: 0;
		padding: 0;
		position: relative;
		text-align: center;
		transition: all 0.2s ease;
		width: 100px;
	}

		#div-course-search-submit-button button:before {
			background-color: rgba(255,255,255,0.3);
			border-radius: 5px;
			box-shadow: 0 0 5px #fff;
			content: ' ';
			height: 1px;
			left: 50%;
			margin-left: -45%;
			position: absolute;
			top: 6px;
			width: 90%;
		}

		#div-course-search-submit-button button:hover {
			background-color: #CFC95D;
		}

		#div-course-search-submit-button button:focus {
		}

#div-support-for-business {
	display: inline-block;
	margin-left: 10px;
	text-align: center;
	vertical-align: middle;
}

	#div-support-for-business a {
		background-color: #5CADF2;
		border: none;
		box-shadow: inset 0 0 10px rgba(0,0,0,0.3);
		color: #202950;
		cursor: pointer;
		display: inline-block;
		font-family: "nimbus-sans",sans-serif;
		font-weight: 900;
		font-size: 14px;
		height: 37px;
		line-height: 35px;
		padding: 2px 10px 0 10px;
		position: relative;
		text-decoration: none;
		transition: all 0.2s ease;
	}

		#div-support-for-business a:before {
			background-color: rgba(255,255,255,0.3);
			border-radius: 5px;
			box-shadow: 0 0 5px #fff;
			content: ' ';
			height: 1px;
			left: 50%;
			margin-left: -45%;
			position: absolute;
			top: 6px;
			width: 90%;
		}

		#div-support-for-business a:hover {
			background-color: #4385BE;
		}

#div-start-your-journey {
	display: inline-block;
	margin-left: 10px;
	text-align: center;
	vertical-align: middle;
	display: none;
}

	#div-start-your-journey a {
		background-color: #C0C9D1;
		box-shadow: inset 0 0 10px rgba(0,0,0,0.3);
		color: #202950;
		cursor: pointer;
		display: inline-block;
		font-family: "nimbus-sans",sans-serif;
		font-weight: 900;
		font-size: 14px;
		height: 37px;
		line-height: 35px;
		padding: 2px 10px 0 10px;
		position: relative;
		text-decoration: none;
		transition: all 0.2s ease;
	}

		#div-start-your-journey a:before {
			background-color: rgba(255,255,255,0.3);
			border-radius: 5px;
			box-shadow: 0 0 5px #fff;
			content: ' ';
			height: 1px;
			left: 50%;
			margin-left: -45%;
			position: absolute;
			top: 6px;
			width: 90%;
		}

		#div-start-your-journey a:hover {
			background-color: #98A0A7;
		}

/* News and features */

.div-main-content-wrapper .div-main-content-main .div-news-and-features-top-story {
	background-color: #FFFFFF;
	color: #625A5A;
	float: left;
	font-family: "nimbus-sans",sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 23px;
	padding: 0 35px;
	text-align: left;
	width: 100%;
}

	.div-main-content-wrapper .div-main-content-main .div-news-and-features-top-story h2 {
		font-family: "nimbus-sans",sans-serif;
		font-size: 37px;
		font-weight: bold;
		line-height: 47px;
		margin: 0;
		padding: 20px 0;
	}

	.div-main-content-wrapper .div-main-content-main .div-news-and-features-top-story img {
		display: block;
		max-width: 740px;
	}

	.div-main-content-wrapper .div-main-content-main .div-news-and-features-top-story p {
		color: #625A5A;
		font-family: "nimbus-sans",sans-serif;
		font-weight: 300;
		font-size: 16px;
		margin: 25px 0;
	}

	.div-main-content-wrapper .div-main-content-main .div-news-and-features-top-story a {
		color: #55A8E9;
		font-family: "nimbus-sans",sans-serif;
		font-size: 24px;
		font-weight: bold;
		line-height: 24px;
		text-decoration: none;
	}

.div-main-content-wrapper .div-main-content-main .div-news-and-features-stories {
	background-color: #FFFFFF;
	color: #625A5A;
	float: left;
	font-family: "nimbus-sans",sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 23px;
	padding: 0 35px;
	text-align: left;
	width: 100%;
}

	.div-main-content-wrapper .div-main-content-main .div-news-and-features-stories ul {
		border-top: 1px solid #CFD2D6;
		list-style-type: none;
		margin: 35px 0 0;
		padding: 35px 0 0;
		text-align: left;
		width: 100%;
	}

	.div-main-content-wrapper .div-main-content-main .div-news-and-features-stories li {
		display: inline-block;
		margin: 0 10px 0 0;
		padding: 0 0 35px;
		vertical-align: top;
		width: 236px;
	}

	.div-main-content-wrapper .div-main-content-main .div-news-and-features-stories img {
		display: block;
		max-width: 236px;
	}

	.div-main-content-wrapper .div-main-content-main .div-news-and-features-stories h2 {
		color: #55A8E9;
		font-family: "nimbus-sans",sans-serif;
		font-size: 20px;
		font-weight: bold;
		line-height: 28px;
	}

	.div-main-content-wrapper .div-main-content-main .div-news-and-features-stories p {
		color: #787474;
		font-family: "nimbus-sans",sans-serif;
		font-weight: 300;
		font-size: 14px;
		line-height: 22px;
	}

	.div-main-content-wrapper .div-main-content-main .div-news-and-features-stories a {
		color: #55A8E9;
		font-family: "nimbus-sans",sans-serif;
		font-weight: 300;
		font-size: 14px;
		line-height: 22px;
		text-decoration: none;
	}

.div-news-and-features-controls {
	border-top: 1px solid #ddd; /*float: left;*/
	margin: 35px 0 0;
	padding: 5px 0 35px;
	text-align: left;
	width: 100%;
}

	.div-news-and-features-controls ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	.div-news-and-features-controls li {
		display: inline-block;
		margin: 0;
		padding: 0;
	}
/*.div-news-and-features-controls a { background-color: #EFEDED; color: #8B8989; display: block; font-family: "nimbus-sans",sans-serif; font-size: 14px; font-weight: bold; height: 25px; line-height: 25px; text-align: center; text-decoration: none; vertical-align: middle; width: 30px; }*/
.div-news-and-features-stories h2 {
	color: #55A8E9;
}

.div-news-and-features-stories .col-lg-4 {
	padding-bottom: 30px;
}

	.div-news-and-features-stories .col-lg-4:nth-child(1) {
		margin-left: -15px;
	}

	.div-news-and-features-stories .col-lg-4:nth-child(4n) {
		clear: both;
		margin-left: -15px;
	}

.div-news-and-features-controls a {
	background-color: #fff !important;
	border: 1px solid #ddd !important;
	color: #337ab7;
	float: left;
	line-height: 1.42857143;
	margin-left: -1px;
	margin-top: 10px;
	padding: 6px 12px !important;
	position: relative;
	text-decoration: none;
}

	.div-news-and-features-controls a:hover {
		background-color: #eee;
		border-color: #ddd;
	}

	.div-news-and-features-controls a:nth-of-type(1) {
		border-bottom-left-radius: 4px;
		border-top-left-radius: 4px;
		margin-left: 0;
	}

	.div-news-and-features-controls a:last-of-type {
		border-bottom-right-radius: 4px;
		border-top-right-radius: 4px;
	}

.div-news-and-features-stories {
	padding-top: 21px;
}

/* Courses */

#courses {
	margin-top: 0px;
}

	#courses h2 {
		color: #25A4EB;
		font-family: "nimbus-sans",sans-serif;
		font-weight: 300;
		font-size: 24px;
		line-height: 37px;
		padding: 15px 0 0;
	}

.div-courses {
	background-color: #FFFFFF;
	clear: both;
	margin-top: 0;
	padding: 0;
	width: 100%;
}
	.div-courses table {
		border-collapse: collapse;
		border-spacing: 0;
		border-top: 1px solid #C4C4C9;
		color: #5E5959;
		font-size: 14px;
		text-align: center;
		width: 100%;
	}

	.div-courses th {
		font-family: "nimbus-sans",sans-serif;
		font-weight: 700;
		margin: 0;
		padding: 25px 10px;
		vertical-align: bottom;
	}

		.div-courses th a {
			color: #5E5959;
			text-decoration: none;
		}

			.div-courses th a span.ascending {
				background-image: url(/sitefiles/images/icon-arrow-up-grey.png);
			}

			.div-courses th a span.descending {
				background-image: url(/sitefiles/images/icon-arrow-down-grey.png);
			}

			.div-courses th a span {
				background-attachment: scroll;
				background-image: url(/sitefiles/images/icon-arrow-up-grey.png);
				background-position: center center;
				background-repeat: no-repeat;
				padding-bottom: 40px;
			}

	.div-courses td {
		border-bottom: 1px solid #ddd;
		font-family: "nimbus-sans",sans-serif;
		font-weight: 300;
		margin: 0;
		padding: 25px 10px;
		vertical-align: middle;
	}

		.div-courses td:first-of-type {
			font-size: 16px;
			padding-left: 0;
			text-align: left;
			white-space: normal;
		}

		.div-courses td:nth-of-type(2),
		.div-courses td:nth-of-type(4),
		.div-courses td:nth-of-type(5) {
			white-space: nowrap;
		}

		.div-courses td a {
			color: #2A79C8;
			text-decoration: none;
		}

	.div-courses th {
		text-align: center;
	}

		.div-courses th:first-child {
			font-size: 16px;
			padding-left: 0;
			text-align: left;
			white-space: normal;
		}

.header-text {
	display: table-cell;
	font-family: "nimbus-sans",sans-serif;
	font-weight: 300;
	font-size: 48px;
	height: 573px;
	line-height: 96px;
	margin: 0 0 140px;
	text-align: center;
	text-shadow: 1px 1px #000000;
	vertical-align: middle;
	width: 1138px;
}

	.header-text h2 {
		font-weight: normal;
	}

	.header-text a {
		color: #FFFFFF;
		text-decoration: none;
	}

.div-main-content-background {
	background-attachment: scroll;
	background-color: #25A4EB;
	background-position: center top;
	background-repeat: repeat-x;
	background-size: 100% auto;
	bottom: 0;
	height: 420px;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}

#div-news-and-features-wrapper {
	background-color: #ECF0F1;
	padding: 15px 0;
	width: 100%;
}

.div-news-and-features-wrapper .div-news-and-features-carousel > ul img {
	float: left;
	margin-right: 10px;
}

.div-text {
	bottom: 0;
	left: 0;
	padding: 10px 20px;
	position: absolute;
	text-align: left;
}

	.div-text h2 {
		color: #001790;
		font-size: 15px;
		font-weight: bold;
		line-height: 20px;
		margin: 0;
		padding: 0;
	}

	.div-text p {
		color: #001790;
		font-size: 15px;
		font-weight: normal;
		line-height: 20px;
		margin: 0;
		padding: 0;
	}

.column {
	border-right: 2px ridge #FFFFFF;
	padding: 0 25px 0 75px;
	text-align: left;
	width: 277px;
}

	.column h2 {
		color: #55A8E9;
		font-family: "nimbus-sans",sans-serif;
		font-weight: 700;
		font-size: 20px;
		line-height: 20px;
		margin: 0;
		padding: 2px 0 10px;
	}

	.column:last-of-type {
		border-right: none;
		width: 279px;
	}

	.column ul {
		color: #666161;
		font-family: "nimbus-sans",sans-serif;
		font-size: 18px;
		list-style-type: none;
		margin: 5px 0 0;
		padding: 0;
	}

	.column a {
		color: #666161;
		text-decoration: none;
	}

	.column li {
		display: block;
		margin: 0;
		padding: 5px 0;
	}

.related ul {
	list-style: none;
	-webkit-padding-start: 0px;
	font-weight: normal;
	font-family: "nimbus-sans",sans-serif;
	font-size: 15px;
	padding-left: 0;
}

.related h4 {
	font-weight: 100;
	font-size: 19px;
	margin-bottom: 10px;
	margin-top: 0px;
}

.related a {
	color: #666161;
	text-decoration: none;
}

.related li {
	display: block;
	margin: 0;
	padding: 5px 0;
}

.div-listings {
	background-color: #FFFFFF;
	border: 1px solid #E3E3E3;
	display: table-cell;
	height: 258px;
	padding: 0 29px;
	text-align: center;
	vertical-align: middle;
	width: 200px;
}

	.div-listings .div-text {
		border-top: 1px solid #DFDDDD;
		margin: 19px 0 0;
	}

	.div-listings .hn-open-days {
		background-image: url(/sitefiles/images/icon-document-white-grey-circle.png);
	}

	.div-listings ul {
		list-style-type: none;
		margin: 0;
		padding: 4px 0;
	}

	.div-listings li {
		display: block;
		font-size: 15px;
		line-height: 15px;
		margin: 0;
		padding: 4px 0;
	}

	.div-listings .hn-job-vacancies {
		background-image: url(/sitefiles/images/icon-people-white-grey-circle.png);
	}

	.div-listings a {
		color: #005AB3;
		text-decoration: none;
	}
/*.callout-text { display: table-cell; height: 485px; left: 67px; position: relative; vertical-align: middle; text-align: left; width: 680px; }*/
.callout-text p {
	color: #FFFFFF;
	font-family: "nimbus-sans",sans-serif;
	font-weight: 300;
	font-size: 15px;
	line-height: 21px;
}

	.callout-text p.lead {
		font-size: 32px;
	}

.callout-text h1 {
	color: #FFFFFF;
}

.callout-text h1 {
	color: #FFFFFF;
	font-family: "nimbus-sans",sans-serif;
	font-weight: 700;
	font-size: 55px;
	line-height: 65px;
	margin: 0;
	padding: 10px 0 0;
}

.callout-text a.a-button {
	background-color: #E7E076;
	border-radius: 10px;
	color: #192954;
	display: inline-block;
	font-family: "nimbus-sans",sans-serif;
	font-weight: 700;
	font-size: 14px;
	line-height: 14px;
	margin: 20px 0 0 0;
	padding: 13px 20px;
	text-decoration: none;
}

#menu {
	display: none;
	width: 100%;
	height: auto;
	background-color: #fff;
	text-align: left;
	padding-left: 15px;
}

	#menu ul {
		font-family: "nimbus-sans",sans-serif;
		font-weight: 300;
		color: #fff;
		width: 100%;
		padding-right: 20px;
	}

	#menu a {
		font-family: "nimbus-sans",sans-serif;
		font-weight: 300;
		color: rgba(4, 24, 97, 1);
		text-decoration: none;
		font-size: 23px;
		line-height: 44px;
	}

	#menu h2 {
		font-family: "nimbus-sans",sans-serif;
		font-weight: 300;
		color: rgba(4, 24, 97, 1);
		text-decoration: none;
		font-size: 23px;
		line-height: 44px;
		margin: 0px;
	}

	#menu a:hover {
		text-decoration: none;
	}

.mobile-text {
	display: none;
	margin-left: 12px;
	margin-right: 12px;
	margin-top: 12px;
	padding-top: 1px;
}

#mobile-links {
	display: none;
	background-color: #fff;
	height: auto;
	width: 100%;
	font-family: "nimbus-sans",sans-serif;
	font-weight: 300;
}

.course-search {
	width: 100%;
	height: auto;
	margin-top: 5px;
	background-color: #cfc758;
	font-family: "nimbus-sans",sans-serif !important;
	font-weight: 300 !important;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
}

#course-search-mobile {
	width: 100%;
	height: auto;
	margin-top: 5px;
	background-color: #cfc758;
	font-family: "nimbus-sans",sans-serif !important;
	font-weight: 300 !important;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
}

#support-for-business-button {
	width: 100%;
	height: auto;
	margin-top: 5px;
	background-color: #5cacf1 !important;
	font-family: "nimbus-sans",sans-serif !important;
	font-weight: 300 !important;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
}

	#support-for-business-button a {
		text-decoration: none;
		color: #202950;
		font-weight: 700;
	}

#support-for-business {
	width: 100%;
	height: auto;
	text-align: left;
}

	#support-for-business h3 {
		font-size: 32px;
		margin: 0px;
		font-weight: 700;
		color: #020202;
		margin-top: 32px;
		margin-bottom: 32px;
	}

#start-journey {
	width: 100%;
	height: auto;
	margin-top: 5px;
	background-color: #c2cbd4;
	font-family: "nimbus-sans",sans-serif !important;
	font-weight: 300 !important;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
}

.course-search p {
	text-decoration: none;
	color: #041861;
	font-weight: 700;
	margin: 0px;
}

#start-journey a {
	text-decoration: none;
	color: #202950;
	font-weight: 700;
}

#div-course-search-mobile {
	display: none;
}

#course-search-icon {
	height: 10px;
	margin-left: 5px;
}

.mobile-text h2 {
	font-family: "nimbus-sans",sans-serif;
	font-weight: 300;
	color: #fff;
	font-size: 32px;
	margin-bottom: 0px;
	margin-top: 15px !important;
	border-top: 2px solid #fff !important;
}

.mobile-text p {
	color: #fff !important;
	margin-top: 6px;
	font-size: 16px;
	font-family: "nimbus-sans",sans-serif;
	font-weight: 300;
}

.mobile-text .a-button {
	background-color: #E7E076;
	border-radius: 0px !important;
	color: #192954;
	display: inline-block;
	font-family: "nimbus-sans",sans-serif;
	font-weight: 700;
	font-size: 14px;
	line-height: 14px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 13px 20px;
	width: 90%;
	text-decoration: none;
	text-align: center;
}

.footer-line {
	display: none;
	border-bottom: 1px solid #fff;
	margin-top: 20px;
}

#footer-search button {
	background-color: #fff;
	border: none;
	color: #414246;
	cursor: pointer;
	font-family: "nimbus-sans",sans-serif;
	font-weight: 900;
	font-size: 14px;
	height: 36px;
	line-height: 35px;
	margin-left: -2px;
	padding: 0;
	text-align: center;
	width: 47px;
	background-image: url('/sitefiles/images/icon-magnifying-glass-grey.png');
	background-position: 12px 8px;
	background-size: 24px;
	background-repeat: no-repeat;
	margin-top: 40px;
}

#footer-search input {
	border: none;
	box-sizing: border-box;
	font-family: "nimbus-sans",sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 18px;
	margin: 0;
	padding: 9px 10px;
	text-align: left;
	vertical-align: middle;
	width: 230px;
	-webkit-appearance: none;
	margin-top: 40px;
}

.telephone-info {
	text-align: right;
}

.border-right {
	background-image: url(/sitefiles/resources/images/faux-divider-vertical.png);
	background-position: right 0;
	background-repeat: repeat-y;
}

.component-tweet-wrapper {
	height: auto;
	background-color: #3697E9;
	padding: 150px 0 80px;
	background-attachment: scroll;
	background-image: url(/sitefiles/images/icon-twitter-bird-blue.png);
	background-position: center 75px;
	background-repeat: no-repeat;
	margin: 25px 0 0 0;
	padding: 150px 0 80px;
	width: 100%;
}

.component-tweet-wrapper2 {
	height: auto;
	padding: 25px 0;
	background-attachment: scroll;
	background-image: url(/sitefiles/resources/images/cityscape.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	margin: 25px 0 0 0;
	width: 100%;
}

	.component-tweet-wrapper2.tw-un-bfastmet {
		background-image: url('https://s3-eu-west-1.amazonaws.com/belfastmet/bfastmet-background.jpg');
	}

	.component-tweet-wrapper2.tw-un-e3_belfastmet {
		background-image: url(/sitefiles/resources/images/TwitterBackgrounds/e3_belfastmet-background.jpg);
	}

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

.tweet a {
	color: #FFFFFF;
	font-size: 28px;
	font-weight: 500;
	line-height: 41px;
	text-decoration: none;
}

.tweet .blue {
	color: #041861;
}

.tweet iframe {
	margin: 0 auto;
}

.grey {
	color: #CCCCCC;
}

.div-featured-tweet-grey a span {
	color: #CCCCCC;
}

.hn-heading {
	left: 0;
	position: absolute;
	top: -9999px;
}

#div-featured-tweet-wrapper a {
	color: #FFFFFF;
	font-family: "nimbus-sans",sans-serif;
	font-weight: 300;
	font-size: 28px;
	line-height: 41px;
	text-decoration: none;
}

#div-featured-tweet-blue a span {
	color: #041861;
}

#footer {
	background-color: #2A3040;
	margin-top: 25px;
	padding: 100px 0 100px;
	position: relative;
	width: 100%;
	padding-bottom: 0px;
}

#quick-links {
	display: table-cell;
	font-family: "nimbus-sans",sans-serif;
	font-weight: 300;
	font-size: 16px;
	height: 275px;
	vertical-align: bottom;
}

	#quick-links ul {
		font-family: "nimbus-sans",sans-serif;
		font-weight: 300;
		font-size: 16px;
		font-size: 16px;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	#quick-links li {
		display: block;
		margin: 5px 0 0;
		padding: 4px 0;
	}

	#quick-links a {
		color: #FFFFFF;
		font-weight: normal;
		text-decoration: none;
	}

		#quick-links a:hover {
			color: #34A5F4;
		}

.border-left-right {
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

#div-social-media-accounts-and-copyright-notice-wrapper {
	min-height: 275px;
	position: relative;
	text-align: center;
}

#div-social-media-accounts {
	margin: 25px 0 0;
	width: 100%;
}

	#div-social-media-accounts ul {
		font-size: 16px;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	#div-social-media-accounts li {
		display: inline-block;
		margin: 0 13px;
		padding: 0;
	}

	#div-social-media-accounts a {
		background-attachment: scroll;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 52px 52px;
		display: block;
		height: 52px;
		text-indent: -9999px;
		width: 52px;
		color: #ffffff;
	}

		#div-social-media-accounts a.a-social-media-account-facebook {
			background-image: url(/sitefiles/images/icon-facebook-circle-white.png);
		}

			#div-social-media-accounts a.a-social-media-account-facebook:hover {
				background-image: url(/sitefiles/images/icon-facebook-circle-blue.png);
				color: #66B3F3;
			}

		#div-social-media-accounts a.a-social-media-account-twitter {
			background-image: url(/sitefiles/images/icon-twitter-circle-white.png);
		}

			#div-social-media-accounts a.a-social-media-account-twitter:hover {
				background-image: url(/sitefiles/images/icon-twitter-circle-blue.png);
				color: #66B3F3;
			}

		#div-social-media-accounts a.a-social-media-account-youtube {
			background-image: url(/sitefiles/images/icon-youtube-circle-white.png);
		}

			#div-social-media-accounts a.a-social-media-account-youtube:hover {
				background-image: url(/sitefiles/images/icon-youtube-circle-blue.png);
				color: #66B3F3;
			}

		#div-social-media-accounts a.a-social-media-account-linkedin {
			background-image: url(/sitefiles/images/icon-linkedin-circle-white.png);
		}

			#div-social-media-accounts a.a-social-media-account-linkedin:hover {
				background-image: url(/sitefiles/images/icon-linkedin-circle-blue.png);
				color: #66B3F3;
			}

		#div-social-media-accounts a.a-social-media-account-instagram {
			background-image: url(/sitefiles/images/icon-instagram-circle-white.png);
		}

			#div-social-media-accounts a.a-social-media-account-instagram:hover {
				background-image: url(/sitefiles/images/icon-instagram-circle-blue.png);
				color: #66B3F3;
			}

#div-copyright-notice {
	bottom: 28px;
	color: #C6C8C9;
	font-family: "nimbus-sans",sans-serif;
	font-weight: 300;
	font-size: 16px;
	position: absolute;
	text-align: center;
	width: 100%;
}

	#div-copyright-notice small {
		font-size: 16px;
	}

	#div-copyright-notice ul {
		font-family: "nimbus-sans",sans-serif;
		font-weight: 300;
		font-size: 14px;
		list-style-type: none;
		margin: 15px 0 0;
		padding: 0;
	}

	#div-copyright-notice li {
		display: inline-block;
		margin: 0;
		padding: 0;
	}

		#div-copyright-notice li::before {
			content: ' | ';
		}

		#div-copyright-notice li:first-child::before {
			content: none;
		}

		#div-copyright-notice li a {
			color: #FFFFFF;
		}

			#div-copyright-notice li a:hover {
				color: #34a5f4;
			}

#div-telephone-numbers-wrapper {
	float: left;
	margin: 0 25px 0 0;
	width: 275px;
	text-align: right;
}

#div-telephone-numbers {
	display: table-cell;
	height: 275px;
	vertical-align: bottom;
	width: 275px;
}

	#div-telephone-numbers dl {
		font-family: "nimbus-sans",sans-serif;
		font-weight: 300;
		font-size: 16px;
		color: #FFFFFF;
		list-style-type: none;
		margin: 25px 0 0;
		padding: 0;
	}

	#div-telephone-numbers dt {
		display: block;
		margin: 0;
		padding: 0;
	}

	#div-telephone-numbers dd {
		font-family: "nimbus-sans",sans-serif;
		font-weight: 700;
		display: block;
		margin: 0;
		padding: 4px 0;
	}

	#div-telephone-numbers p {
		font-family: "nimbus-sans",sans-serif;
		font-weight: 700;
		font-size: 16px;
		margin: 25px 0 0;
		padding: 4px 0;
	}

	#div-telephone-numbers a {
		color: #FFFFFF;
		text-decoration: none;
	}

		#div-telephone-numbers a:hover {
			color: #34a5f4;
		}

#footer-content {
	padding-bottom: 100px;
}

#footer-col-1 {
	border-right: 1px solid #fff;
}

#footer-col-3 {
	border-left: 1px solid #fff;
}

#div-top {
	bottom: 0;
	left: 50%;
	position: absolute;
}

#a-top {
	background-attachment: scroll;
	background-color: #34A5F4;
	background-image: url(/siteFiles/resources/images/icon-arrow-up-blue.png);
	background-position: 88px 21px;
	background-repeat: no-repeat;
	color: #06132b;
	cursor: pointer;
	display: block;
	font-family: "nimbus-sans",sans-serif;
	font-weight: 700;
	font-size: 16px;
	height: auto;
	left: -75px;
	line-height: 16px;
	padding: 20px 24px 15px 0;
	position: relative;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	width: 150px;
}

.tile:first-of-type {
	background-color: #B07A4B;
}

.tile a {
	color: #FFFFFF;
	text-decoration: none;
}

.tile h1 {
	display: table-cell;
	font-family: "nimbus-sans",sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	height: 260px;
	line-height: 41px;
	margin: 0;
	padding: 0 25px;
	vertical-align: middle;
}

.tile {
	border: 2px solid #fff;
	display: inline-block;
	height: 260px;
	overflow: hidden;
	padding: 0;
	position: relative;
	text-align: left;
	vertical-align: middle;
}

.tile-text {
	background-color: rgba(0, 0, 0, 0.5);
	bottom: 0px;
	left: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	width: 100%;
}

	.tile-text h2 {
		border-bottom: 1px solid #FFFFFF;
		font-family: "nimbus-sans",sans-serif;
		font-size: 17px;
		font-weight: bold;
		line-height: 18px;
		margin: 0;
		padding: 30px 25px 15px;
		position: relative;
		top: 1px;
	}

	.tile-text p {
		font-size: 11px;
		line-height: 19px;
		margin: 0;
		padding: 15px 40px 24px 14px !important;
		width: 233px !important;
		display: none;
	}

#side-panel-right {
	padding: 70px 178px 0 100px;
	color: #FFFFFF;
	display: table-cell;
	font-family: "nimbus-sans",sans-serif;
	font-weight: 300;
	font-size: 15px;
	height: 700px;
	line-height: 21px;
	text-align: left;
	vertical-align: middle;
}

	#side-panel-right h1 {
		border-bottom-color: #593E26;
		font-size: 37px;
		border-bottom: 2px solid #CCCCCC;
		font-family: "nimbus-sans",sans-serif;
		font-size: 37px;
		font-weight: bold;
		line-height: 47px;
		margin: 0;
		padding: 18px 0;
	}

#side-panel-left {
	padding: 70px 178px 0 100px;
	color: #FFFFFF;
	display: table-cell;
	font-family: "nimbus-sans",sans-serif;
	font-weight: 300;
	font-size: 15px;
	height: 700px;
	line-height: 21px;
	text-align: left;
	vertical-align: middle;
}

	#side-panel-left h1 {
		border-bottom-color: #593E26;
		font-size: 37px;
		border-bottom: 2px solid #CCCCCC;
		font-family: "nimbus-sans",sans-serif;
		font-size: 37px;
		font-weight: bold;
		line-height: 47px;
		margin: 0;
		padding: 18px 0;
	}

#journey a.a-button {
	background-color: #E7E076;
	border-radius: 10px;
	color: #192954;
	display: inline-block;
	font-family: "nimbus-sans",sans-serif;
	font-weight: 700;
	font-size: 14px;
	line-height: 14px;
	margin: 0;
	padding: 13px 20px;
	text-decoration: none;
}

#div-signpost-training-and-apprenticeships {
	background-color: rgba(189, 138, 93, 0.84);
	margin: 65px 35px 0;
	padding: 35px;
	position: relative;
	text-align: left;
	width: 670px;
}

/* Training and apprenticeships */

ul.ul-breadcrumbs a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: 100;
}

.video-container {
	padding-top: 50px;
	padding-bottom: 50px;
}

.div-video {
	float: left;
	height: auto;
	margin: 0px 42px 0 0;
	overflow: hidden;
	text-align: right;
	width: 100%;
}

.video-text {
	display: table-cell;
	height: 306px;
	text-align: left;
	vertical-align: middle;
}

	.video-text h1 {
		color: #fff;
		font-family: "nimbus-sans",sans-serif;
		font-size: 34px;
		font-weight: normal;
		line-height: 34px;
	}

	.video-text p {
		color: #fff;
		font-family: "nimbus-sans",sans-serif;
		font-weight: 300;
		font-size: 16px;
		line-height: 24px;
	}

	.video-text b,
	.div-video-text-wrapper .div-text strong {
		font-family: "nimbus-sans",sans-serif;
	}
/*.div-carousel ul { list-style-type: none; height: 461px; margin: 0; padding: 0; position: relative; width: 9999px; }*/
.component-students-union {
	background: url('https://s3-eu-west-1.amazonaws.com/belfastmet/signpost-2.jpg');
	background-position: -400px;
	background-repeat: no-repeat;
	height: auto;
	margin-top: 25px;
}

.div-logo-text2 a.a-button {
	background-color: #666666;
	border-radius: 5px;
	bottom: 20px;
	color: #FFFFFF;
	display: inline-block;
	font-family: Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	left: 15px;
	line-height: 13px;
	padding: 10px 20px;
	text-decoration: none;
}

#main-right-content .div-news-and-features-top-story h2 {
	font-family: "nimbus-sans",sans-serif;
	font-size: 34px;
	font-weight: bold;
	line-height: 47px;
	margin: 0;
	padding: 20px 0;
	color: #625A5A;
}
/* #main-right-content .div-news-and-features-top-story a { color: #2F6FA7; font-family: "nimbus-sans",sans-serif; font-size: 21px; font-weight: bold; line-height: 21px; text-decoration: none; } */
#main-right-content .div-news-and-features-top-story a {
	color: #2F6FA7;
	font-weight: bold;
	text-decoration: none;
}

#main-right-content .div-news-and-features-top-story h1 ~ p {
	margin-top: 1em;
}

#main-right-content .div-news-and-features-stories h2,
#main-right-content .div-news-and-features-stories h2 > a,
#main-right-content .div-news-and-features-stories a h2 {
	font-size: 20px;
	line-height: 28px;
	padding-top: 0;
}

#main-right-content .div-news-and-features-stories a {
	color: #2F6FA7;
	font-family: "nimbus-sans",sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	text-decoration: none;
}

#main-right-content .div-news-and-features-stories > a {
	display: block;
}

#main-right-content .div-news-and-features-stories a h2 {
	color: #2F6FA7;
	font-family: "nimbus-sans",sans-serif;
}

#main-right-content .div-news-and-features-stories a p {
	color: #625A5A;
	font-family: "nimbus-sans",sans-serif;
	font-weight: 300;
}

#main-right-content .div-news-and-features-stories-2-col h2,
#main-right-content .div-news-and-features-stories-1-col h2 {
	margin-top: 0;
}

#main-right-content .div-news-and-features-stories-2-col .col-xs-12,
#main-right-content .div-news-and-features-stories-1-col .col-xs-12 {
	padding: 5px 10px 5px 0;
}


/*
.div-carousel-on-image-wrapper { float: left; margin: 25px 0 0; width: 100%; }
.div-carousel-on-image-wrapper aside { height: 491px; min-width: 1138px; overflow: hidden; position: relative; text-align: center; }
.div-carousel-on-image-wrapper aside > img { bottom: -9999px; display: block; left: -9999px; margin: auto; position: absolute; right: -9999px; top: -9999px; }
.div-carousel-on-image-wrapper .div-carousel-on-image { bottom: 15px; left: 0; top: 15px; width: 100%; }
.div-carousel-on-image-wrapper .div-carousel-wrapper { margin: 0 auto; position: relative; width: 1138px; }
.div-carousel-on-image-wrapper .div-carousel { background-color: rgba(0, 0, 0, 0.75); float: left; height: 461px; overflow: hidden; width: 700px; }
.div-carousel-on-image-wrapper .div-carousel ul { list-style-type: none; height: 461px; margin: 0; padding: 0; position: relative; width: 9999px; }
.div-carousel-on-image-wrapper .div-carousel li { float: left; height: 461px; width: 700px; }
.div-carousel-on-image-wrapper .div-carousel-on-image-pagination { height: 61px; position: absolute; left: 0; top: 400px; width: 700px; }
.div-carousel-on-image-wrapper .div-carousel-on-image-pagination ul { bottom: 35px; list-style-type: none; margin: 0; padding: 0; position: absolute; right: 35px; }
.div-carousel-on-image-wrapper .div-carousel-on-image-pagination li { float: left; margin: 0 0 0 25px; padding: 0; }
.div-carousel-on-image-wrapper .div-carousel-on-image-pagination a { background-attachment: scroll; background-image: url(/sitefiles/images/icon-dot-grey-dark.png); background-position: center center; background-repeat: no-repeat; display: block; height: 13px; width: 13px; }
.div-carousel-on-image-wrapper .div-carousel-on-image-pagination li.active a { background-image: url(/sitefiles/images/icon-dot-grey-light.png); }
*/

/* Page specifics */

.about-us-page #side-full-time-menu ul li:first-child {
	background-color: #FFFFFF !important;
}

	.about-us-page #side-full-time-menu ul li:first-child:hover {
		border-left: 5px solid #9088A1 !important;
		border-right: 5px solid #9088A1 !important;
	}

.about-us-page #side-full-time-menu li {
	background: #fff !important;
}

.about-us-page #side-higher-menu ul li:first-child {
	background-color: #FFFFFF !important;
}

	.about-us-page #side-higher-menu ul li:first-child:hover {
		border-left: 5px solid #9088A1 !important;
		border-right: 5px solid #9088A1 !important;
	}

.about-us-page #side-higher-menu li {
	background: #fff !important;
}

.apprenticeships-page .post h2 {
	margin: 0px;
}

.apprenticeships-page .div-news-and-features-wrapper .div-news-and-features-carousel > ul li {
	width: 370px !important;
}

.apprenticeships-page .panel-text {
}

.apprenticeships-page .div-news-and-features-wrapper .div-news-and-features-carousel-controls {
	left: 0;
	position: relative;
	top: 0;
	width: 100%;
}

.apprenticeships-page #side-full-time-menu ul li:first-child {
	background-color: #FFFFFF !important;
}

	.apprenticeships-page #side-full-time-menu ul li:first-child:hover {
		border-left: 5px solid #BB895A !important;
		border-right: 5px solid #BB895A !important;
	}

.apprenticeships-page #side-full-time-menu li {
	background: #fff !important;
}

.apprenticeships-page #side-higher-menu ul li:first-child {
	background-color: #FFFFFF !important;
}

	.apprenticeships-page #side-higher-menu ul li:first-child:hover {
		border-left: 5px solid #BB895A !important;
		border-right: 5px solid #BB895A !important;
	}

.apprenticeships-page #side-higher-menu li {
	background: #fff !important;
}

.full-time-page .div-news-and-features-carousel-controls li {
	display: none;
	margin: 0;
	padding: 0;
}

.part-time-page #nav-side2 ul {
	border-top: 10px solid #cfc758;
}

.support-for-business-page .div-signpost-support-for-business {
	background-color: rgba(255, 255, 255, 0.84);
	margin: 0px 35px 0 !important;
	padding: 35px;
	position: relative;
	text-align: left;
	width: 100%;
}


/* Components */

.component-full-time-callout {
	background-color: #202950;
	height: auto;
	margin-top: 25px;
}

	.component-full-time-callout .container {
		background-image: url('/sitefiles/resources/images/signpost-course-full-time.png');
		background-position: 638px center;
		background-repeat: no-repeat;
	}

	.component-full-time-callout p.lead {
		color: #02BAF2;
		margin: 20px 0 35px;
	}

.component-part-time-callout {
	background-color: #42C6F7;
	height: auto;
	margin-top: 25px;
}

	.component-part-time-callout .container {
		background-image: url('/sitefiles/resources/images/signpost-course-part-time.png');
		background-position: 586px bottom;
		background-repeat: no-repeat;
	}

	.component-part-time-callout h1 {
		color: #172871;
	}

	.component-part-time-callout p {
		color: #040F40;
	}

		.component-part-time-callout p.lead {
			color: #fff;
			margin: 1em 0;
		}

.component-apprenticeships-callout {
	height: auto;
	background-image: url('https://s3-eu-west-1.amazonaws.com/belfastmet/background-training-and-apprenticeships.jpg');
	background-size: cover;
	margin-top: 25px;
	padding-top: 20px;
	padding-bottom: 20px;
	background-position: center;
}

.callout-text {
	padding: 30px 10px;
}

.component-apprenticeships-callout .callout-text {
	background-color: rgba(189,138,93,0.84);
}

	.component-apprenticeships-callout .callout-text h1 {
		border-top: 5px solid #FFFFFF;
		color: #FFFFFF;
	}

	.component-apprenticeships-callout .callout-text p {
		color: #010101;
		font-size: 16px;
		font-weight: normal;
		line-height: 24px;
	}

		.component-apprenticeships-callout .callout-text p.lead {
			color: #E5D29E;
			font-size: 32px;
			margin: 1em 0;
		}

	.component-apprenticeships-callout .callout-text img {
		position: absolute;
		right: 20px;
		top: 150px;
	}

.component-apprenticeships-sub-nav {
	background-color: #ECF0F1;
	height: auto;
}

.component-news-events-jobs .news-events-jobs-wrapper {
	background-color: #ECF0F1;
	margin-top: 25px;
	margin-bottom: 25px;
}

.component-4-circles {
	margin: 25px 0 0;
	padding: 25px;
	text-align: center;
}

	.component-4-circles a {
		color: #666161;
		text-decoration: none;
	}

	.component-4-circles p {
		background-image: url(/sitefiles/resources/images/right-triangle-in-circle.png);
		background-position: right 2px;
		background-repeat: no-repeat;
		color: #666161;
		display: inline-block;
		font-family: "nimbus-sans",sans-serif;
		font-weight: 700;
		font-size: 16px;
		line-height: 20px;
		margin: 1px 0;
		padding: 0 26px 0 0;
	}

	.component-4-circles h2 {
		color: #666161;
		display: inline-block;
		font-family: "nimbus-sans",sans-serif;
		font-size: 16px;
		font-weight: bold;
		line-height: 21px;
		margin: 1px 0;
		padding: 0;
	}

	.component-4-circles .div-icon {
		height: 130px;
		margin: 0px;
		text-align: center;
		width: auto;
	}

		.component-4-circles .div-icon img {
			height: 95%;
			margin: 0 auto;
			text-align: center;
			transition: 0.2s all ease;
			width: auto;
		}

			.component-4-circles .div-icon img:hover {
				height: 100%;
				margin: 0 auto;
				text-align: center;
				width: auto;
			}

	.component-4-circles .div-text {
		bottom: 0;
		left: 0;
		padding: 17px 10px;
		text-align: left;
		display: block;
		position: relative !important;
		text-align: center;
	}

.component-support-for-business-callout {
	height: auto;
	background-image: url('https://s3-eu-west-1.amazonaws.com/belfastmet/BusinessHands2.jpg');
	background-size: cover;
	margin-top: 25px;
	padding-top: 20px;
	padding-bottom: 20px;
	background-position: center;
}

	.component-support-for-business-callout .callout-text {
		background-color: rgba(255,255,255,0.84);
		padding-left: 10px;
		padding-right: 10px;
	}

		.component-support-for-business-callout .callout-text h1 {
			color: #123962;
		}

		.component-support-for-business-callout .callout-text p {
			color: #2C3332;
			font-family: "nimbus-sans",sans-serif;
			font-size: 16px;
			font-weight: normal;
		}

			.component-support-for-business-callout .callout-text p.lead {
				color: #2C3332;
				font-family: "nimbus-sans",sans-serif;
				font-weight: 300;
				font-size: 32px;
				margin: 1em 0;
			}

		.component-support-for-business-callout .callout-text img {
			left: 0;
			max-width: none;
			position: absolute;
			top: 34px;
		}

.component-campuses {
	background: #fff;
	display: none;
	height: auto;
	margin-top: 50px;
	position: relative;
}

	.component-campuses .campus-background {
		background-color: #E9E5DC;
		height: 100%;
		position: absolute;
		top: 56px;
		left: 0;
		right: 0;
		bottom: 0;
	}

	.component-campuses > .container {
		width: 100% !important;
		overflow: hidden;
	}

	.component-campuses .responsive-tabs li:first-child {
		margin-left: 40px;
	}

	.component-campuses .responsive-tabs-panel > .container {
		height: 418px;
	}

		.component-campuses .responsive-tabs-panel > .container > div:first-child {
			position: absolute;
		}

.component-considering-apprenticeship-callout {
	background-image: url('https://s3-eu-west-1.amazonaws.com/belfastmet/signpost-1.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: 25px;
}

.component-take-on-apprentice-callout {
	background-image: url('https://s3-eu-west-1.amazonaws.com/belfastmet/signpost-1.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}

.component-links {
	clear: both;
	height: auto;
	background-color: #ECF0F1;
}

	.component-links .container {
		padding: 60px 0;
	}

	.component-links .post h2 {
		color: #666666;
		display: inline-block;
		font-family: "nimbus-sans",sans-serif;
		font-weight: 300;
		font-size: 17px;
		line-height: 17px;
		margin: 14px 0 0 7px;
		padding: 0;
	}

	.component-links .post a:hover h2 {
		color: #3E93D6;
	}

	.component-links .div-news-and-features-wrapper {
		padding: 45px 0;
	}

		.component-links .div-news-and-features-wrapper .div-news-and-features {
			height: auto;
		}

		.component-links .div-news-and-features-wrapper .div-news-and-features-carousel {
			width: 100%;
		}

	.component-links .div-news-and-features-title-and-carousel {
		width: 100%;
	}

	.component-links .div-news-and-features-wrapper .div-news-and-features-carousel > ul img {
		width: auto;
	}

	.component-links .div-news-and-features-wrapper .div-news-and-features-carousel-controls {
		display: none;
	}

.component-apprenticeships-highlights {
	height: auto;
	background-color: #ECF0F1;
	margin-top: 25px;
}

	.component-apprenticeships-highlights .container {
		padding-bottom: 50px;
		padding-top: 50px;
	}

	.component-apprenticeships-highlights .div-news-and-features {
		height: 120px;
	}

	.component-apprenticeships-highlights .div-news-and-features-carousel-full {
		width: 100%;
	}

		.component-apprenticeships-highlights .div-news-and-features-carousel-full > ul {
			left: 0px;
			top: 0px;
		}

	.component-apprenticeships-highlights .div-news-and-features-wrapper .div-news-and-features-carousel > ul img {
		width: auto;
	}

	.component-apprenticeships-highlights .div-news-and-features-wrapper .div-news-and-features-carousel-controls {
		display: none;
	}

.component-apprenticeships-benefits {
	height: 700px;
	background-image: url('/sitefiles/resources/images/photo-benefits-of-becoming-an-apprentice.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position-x: -1184px;
}

.component-apprenticeships-training {
	height: 700px;
	background-image: url('/sphoto-training-for-success.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position-x: -312px;
}

.component-full-time-course-subjects,
.component-part-time-course-subjects {
	height: 100px;
}

.component-carousel-standard {
	background: #EFEFEF;
	margin-top: 25px;
}

	.component-carousel-standard .div-carousel-signposts > ul {
		left: 0px;
		top: 0px;
	}

.component-linen-lounge {
	background-color: #097599;
	margin-top: 25px;
}

	.component-linen-lounge .div-image {
		text-align: right;
	}

.component-cafe-met {
	background-color: #1D284B;
	margin-top: 25px;
}

	.component-cafe-met .div-image {
		text-align: right;
	}

	.component-cafe-met .div-logo2 {
		padding-top: 40px;
	}

.component-urban-escape {
	background-color: #820024;
	margin-top: 25px;
}

	.component-urban-escape .div-image {
		text-align: right;
	}

.component-courses-sub-nav {
	background-color: #EBEFF2;
	height: auto;
	padding: 35px 0 20px;
	width: 100%;
}

	.component-courses-sub-nav h2 {
		font-family: "nimbus-sans",sans-serif;
		font-weight: 700;
		font-size: 20px;
		line-height: 20px;
		margin: 0;
		padding: 2px 0 10px;
	}

.component-full-time-course-levels {
	background-color: #55A8E9;
}

.component-tiles {
	margin-top: 25px;
}

.component-video-and-text {
	background: #E9E9E9;
	height: auto;
	margin-top: 25px;
}

	.component-video-and-text .video-text h1 {
		color: #3790D5;
	}

	.component-video-and-text .video-text p {
		color: #625A5A;
	}

.component-carousel-alt {
	height: auto;
	background-image: url('https://s3-eu-west-1.amazonaws.com/belfastmet/photo-hire-our-facilities.jpg');
	margin-top: 25px;
	padding-top: 10px;
	background-size: cover;
	background-repeat: no-repeat;
}

	.component-carousel-alt .div-carousel-on-image-wrapper {
		padding-top: 30px;
		padding-bottom: 30px;
	}

.component-history-belfast-met {
	background-image: url('https://s3-eu-west-1.amazonaws.com/belfastmet/photo-the-history-of-belfast-met.jpg');
	height: auto;
	background-repeat: no-repeat;
}

	.component-history-belfast-met .video-text h1 {
		color: #fff;
	}

	.component-history-belfast-met .video-text p {
		color: #fff;
	}

.component-benefits-of-apprenticeship {
	height: 700px;
	background-image: url('https://s3-eu-west-1.amazonaws.com/belfastmet/photo-benefits-of-becoming-an-apprentice.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position-x: -1184px;
	margin-top: 25px;
}

	.component-benefits-of-apprenticeship .side-panel-right {
		background-color: rgba(0,0,0,0.5);
		padding: 70px 178px 0 100px;
		color: #FFFFFF;
		display: table-cell;
		font-family: "nimbus-sans",sans-serif;
		font-weight: 300;
		font-size: 15px;
		line-height: 21px;
		text-align: left;
		vertical-align: middle;
	}

	.component-benefits-of-apprenticeship h1 {
		border-bottom-color: #593E26;
		font-size: 37px;
		border-bottom: 2px solid #CCCCCC;
		font-family: "nimbus-sans",sans-serif;
		font-size: 37px;
		font-weight: bold;
		line-height: 47px;
		margin: 0;
		padding: 18px 0;
	}

.component-training-for-success {
	height: 700px;
	background-image: url('https://s3-eu-west-1.amazonaws.com/belfastmet/photo-training-for-success.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position-x: -312px;
	margin-top: 25px;
}

	.component-training-for-success .side-panel-left {
		background-color: rgba(0,0,0,0.5);
		padding: 70px 178px 0 100px;
		color: #FFFFFF;
		display: table-cell;
		font-family: "nimbus-sans",sans-serif;
		font-weight: 300;
		font-size: 15px;
		line-height: 21px;
		text-align: left;
		vertical-align: middle;
	}

	.component-training-for-success h1 {
		border-bottom-color: #593E26;
		font-size: 37px;
		border-bottom: 2px solid #CCCCCC;
		font-family: "nimbus-sans",sans-serif;
		font-size: 37px;
		font-weight: bold;
		line-height: 47px;
		margin: 0;
		padding: 18px 0;
	}

.component-quick-links {
	padding: 45px 0;
	background-color: #0c2047;
	margin-bottom: 30px;
}

	.component-quick-links .quick-link-section {
		color: #FFFFFF;
		font-size: 15px;
	}
	/*.component-quick-links .quick-link-section ul { margin-bottom: 30px; }
.component-quick-links .quick-link-section ul:last-child { margin-bottom: 0px; }*/
	.component-quick-links ul {
		list-style: none;
		font-size: 15px;
		line-height: 30px;
		margin: 0;
		padding: 0;
	}

		.component-quick-links ul li:first-child {
			font-size: 15px;
			line-height: 30px;
			color: #FFFFFF;
			font-family: "nimbus-sans",sans-serif;
			font-weight: 700;
		}

		.component-quick-links ul li, .component-quick-links ul li a {
			color: #FFFFFF;
		}

			.component-quick-links ul li a {
				cursor: pointer;
				text-decoration: none;
			}

				.component-quick-links ul li a:hover, .component-quick-links ul li a:focus {
					color: #34A5F4;
					text-decoration: none;
				}

.component-signposts {
	margin-bottom: 30px;
}

	.component-signposts .signposts {
		display: flex;
		flex-wrap: wrap;
	}

	.component-signposts .signpost {
		margin-right: 10px;
		margin-bottom: 10px;
		width: 118px;
		height: 110px;
	}

		.component-signposts .signpost a {
			cursor: pointer;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			padding: 10px;
			width: 100%;
			height: 100%;
		}

	.component-signposts .signpost-icon {
		display: block;
		width: 60px;
		margin: 0 auto 10px;
	}

	.component-signposts .signpost-heading {
		text-align: center;
		color: #333;
		font-size: 12px;
	}

		.component-signposts .signpost-heading a, .component-signposts .signpost-heading a:hover, .component-signposts .signpost-heading a:focus {
			color: #333;
			text-decoration: none;
		}

	.component-signposts.component-section {
		padding-bottom: 20px;
	}

	.component-signposts .signpost-style {
		display: block;
		height: 100%;
		background-color: #f9fafa;
		border: 1px solid #89e0f6;
	}

		.component-signposts .signpost-style.yellow {
			border-color: #a2a3a3;
			background-color: #f3dd99;
		}

		.component-signposts .signpost-style.pink {
			border-color: #a2a3a3;
			background-color: #d1bcc8;
		}

		.component-signposts .signpost-style.blue {
			border-color: #a2a3a3;
			background-color: #97bafb;
		}


.c-course-filter {
	display: block;
	margin: 20px 0;
}

.c-course-clear-filter {
	margin-top: 20px;
}

.c-course-filter-title {
	font-family: "nimbus-sans",sans-serif;
	font-weight: 700;
	font-size: 18px;
	margin-bottom: 10px;
}

.c-course-filter-heading {
	font-family: "nimbus-sans",sans-serif;
	font-weight: 700;
	font-size: 16px;
	margin-bottom: 15px;
}

.c-course-filter-section {
	display: block;
	margin-bottom: 15px;
}

.c-course-filter-item {
	display: flex;
	align-items: center;
	padding: 0 10px 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ecf0f1;
}

	.c-course-filter-item:last-child {
		margin-bottom: 0;
		padding-bottom: 0;
		border-bottom: none;
	}

	.c-course-filter-item input[type="checkbox"] {
		margin: 0;
		margin-right: 8px;
	}

	.c-course-filter-item label {
		margin-bottom: 0;
		font-size: 14px;
	}

.c-course-filter-search {
	display: block;
	width: 100%;
	padding: 5px;
}

.clear-filter-button {
	display: inline-flex;
	justify-content: space-between;
	align-items: center;
	background: #ecf0f1;
	border: 1px solid #d6dadb;
	border-radius: 15px;
	padding: 2px 15px 3px 30px; 
	font-weight: bold;
	width: 100%;
	text-align: left;
	font-size: 16px;
}


/* Miscellaneous */

.left-right-panels > .container-fluid {
	padding: 0;
}

.color-course-type {
	color: #55A8E9;
}

.color-info {
	color: #AFA832;
}

.color-apprenticeships {
	color: #4F556C;
}

.color-benefits-to-business {
	color: #6A4C36;
}

#main-right {
	float: right; /*width: 70%;*/
	margin-top: 20px;
	padding-bottom: 25px;
}

#connect-content {
	float: right;
	width: 70%;
}

#main-content {
	float: left;
}

#journey {
	float: right;
	width: 70%;
	margin-top: 30px !important;
}

#div-signpost-training-and-apprenticeships {
	float: right;
	width: 70% !important;
	margin-top: 60px !important;
}

#div-course-key-information ul {
	float: left;
	width: 100%;
}

#div-course-key-information {
	float: left;
	width: 100%;
}

.div-news-and-features-carousel-controls li {
	display: block !important;
}

.div-news-and-features-wrapper .div-news-and-features-carousel-controls {
	left: 0;
	position: relative;
	top: 0;
	width: 844px;
}

#div-secondary-navigation {
	vertical-align: middle;
	width: auto;
}

#div-alerts-wrapper #div-alerts #div-cookies-alert #div-cookies-alert-heading h1 {
	color: #FFFFFF;
	font-family: "nimbus-sans",sans-serif;
	font-weight: 300;
	font-size: 20px;
	line-height: 25px;
	padding-left: 10px;
}

#journey a.a-button {
	background-color: #E7E076;
	border-radius: 10px;
	color: #192954;
	display: inline-block;
	font-family: "nimbus-sans",sans-serif;
	font-weight: 700;
	font-size: 14px;
	line-height: 14px;
	margin: 0;
	padding: 13px 20px;
	text-decoration: none;
	width: auto;
}

.div-related-pages {
	display: table;
}

	.div-related-pages .related {
		float: none;
		padding: 0 25px 0 83px;
		display: table-cell;
	}

.hide {
	display: block !important;
}

.component-campuses ul li a {
	color: #FFFFFF !important;
	display: block;
	font-family: "nimbus-sans",sans-serif;
	font-weight: 900 !important;
	font-size: 20px;
	line-height: 25px;
	padding: 15px 25px;
	text-decoration: none !important;
}

#tab-navigation {
	display: block;
	float: right;
	text-align: right;
	margin-right: 75px;
	margin-top: 0px;
}

	#tab-navigation #div-site-search-mobile {
		display: inline-block;
		margin: 0 0 0 35px;
	}

		#tab-navigation #div-site-search-mobile a {
			background: linear-gradient(to bottom, #0A1D63, #041348);
			border: 1px solid #071238;
			border-radius: 10px;
			cursor: pointer;
			display: inline-block;
			height: 42px;
			margin: 0;
			overflow: hidden;
			padding: 0;
			text-indent: -9999px;
			vertical-align: middle;
			width: 42px;
		}

			#tab-navigation #div-site-search-mobile a span {
				background-attachment: scroll;
				background-image: url(/sitefiles/images/icon-magnifying-glass-white.png);
				background-position: center center;
				background-repeat: no-repeat;
				background-size: 16px auto;
				display: block;
				height: 42px;
				overflow: hidden;
				text-indent: -9999px;
				vertical-align: middle;
				width: 42px;
			}

	#tab-navigation #div-course-basket-mobile {
		display: inline-block;
		margin: 0 0 0 35px;
	}

		#tab-navigation #div-course-basket-mobile > a {
			background: linear-gradient(to bottom, #0A1D63, #041348);
			border: 1px solid #071238;
			border-radius: 10px;
			cursor: pointer;
			display: inline-block;
			height: 42px;
			margin: 0;
			overflow: hidden;
			padding: 0;
			text-indent: -9999px;
			vertical-align: middle;
			width: 42px;
		}

			#tab-navigation #div-course-basket-mobile > a span {
				background-attachment: scroll;
				background-image: url(/sitefiles/images/icon-shopping-cart-white.png);
				background-position: center center;
				background-repeat: no-repeat;
				background-size: 16px auto;
				display: block;
				height: 42px;
				overflow: hidden;
				text-indent: -9999px;
				vertical-align: middle;
				width: 42px;
			}

#connect-right {
	float: right;
}

#div-masthead-wrapper {
	position: fixed;
	z-index: 9999999;
}

.div-signpost-support-for-business h3 {
	font-weight: 100;
	margin-top: 32px;
	margin-bottom: 32px;
	color: #2C3332;
	font-size: 32px;
}
/*#main-right { float: right !important; /*width: 66%; margin-top: 60px; }*/
.life-top {
	float: left !important;
	width: 66%;
	margin-top: 129px !important;
}

#connect-content {
	float: right !important;
	width: 66%;
	margin-top: 60px !important;
	margin-bottom: 20px;
	text-align: center;
}

#main-content {
	float: right !important;
}

#journey {
	float: right !important;
	width: 66%;
}
/*
#nav-side { position: relative !important; }
#nav-side.course-filter { position: absolute !important; }
*/
#div-signpost-training-and-apprenticeships {
	width: 670px !important;
}

#div-alerts-wrapper #div-alerts {
	margin: 0 auto;
	width: 100%;
}

#journey {
	margin-top: 170px;
}

#search-mobile {
	display: none !important;
}

#tab-navigation {
	display: none;
}

#connect_phone-directory table td:nth-of-type(2) {
	width: 40%;
}

/* outdated browser message */
#div-outdated-browser-alert {
	width: 300px;
	margin: 30px auto;
}

	#div-outdated-browser-alert > a {
		background-color: #E7E076;
		display: inline-block;
		padding: 5px 10px;
	}

		#div-outdated-browser-alert > a:hover {
			text-decoration: none;
		}


/* Christmas banner */
#christmas-card .row-first {
	background-image: url(/siteFiles/resources/ChristmasVideo/ChristmasBackground-rectangle.jpg);
	background-position: center center;
	background-size: cover;
}

#christmas-card #main-right-inner {
	background-color: transparent;
}

#merry-christmas .row-first {
	background-image: url(/siteFiles/resources/ChristmasVideo/ChristmasBackground-rectangle.jpg);
	background-position: center center;
	background-size: cover;
}

#merry-christmas #main-right-inner {
	background-color: transparent;
}

/* Zoom Search template */

#site-search-results .highlight {
	background: #FFFF40;
}

#site-search-results .searchheading {
	font-size: 130%;
	font-weight: bold;
}

#site-search-results .summary {
	font-size: 80%;
	font-style: italic;
}

#site-search-results .suggestion {
	font-size: 100%;
}

#site-search-results .results {
	font-size: 100%;
}

#site-search-results .category {
	color: #999999;
}

#site-search-results .sorting {
	text-align: right;
}

#site-search-results .result_title {
	font-size: 100%;
}

#site-search-results .description {
	font-size: 100%;
	color: #008000;
}

#site-search-results .context {
	font-size: 100%;
}

#site-search-results .infoline {
	font-size: 80%;
	font-style: normal;
	color: #808080;
}

#site-search-results .zoom_searchform {
	font-size: 100%;
}

#site-search-results .zoom_results_per_page {
	font-size: 80%;
	margin-left: 10px;
}

#site-search-results .zoom_match {
	font-size: 80%;
	margin-left: 10px;
}

#site-search-results .zoom_categories {
	font-size: 80%;
}

	#site-search-results .zoom_categories ul {
		display: inline;
		margin: 0px;
		padding: 0px;
	}

	#site-search-results .zoom_categories li {
		display: inline;
		margin-left: 15px;
		list-style-type: none;
	}

#site-search-results .cat_summary ul {
	margin: 0px;
	padding: 0px;
	display: inline;
}

#site-search-results .cat_summary li {
	display: inline;
	margin-left: 15px;
	list-style-type: none;
}

#site-search-results input.zoom_button {
}

#site-search-results input.zoom_searchbox {
}

#site-search-results .result_image {
	float: left;
	display: block;
}

	#site-search-results .result_image img {
		margin: 10px;
		width: 80px;
		border: 0px;
	}

#site-search-results .result_block {
	margin-top: 15px;
	margin-bottom: 15px;
	clear: left;
}

#site-search-results .result_altblock {
	margin-top: 15px;
	margin-bottom: 15px;
	clear: left;
}

#site-search-results .result_pages {
	font-size: 100%;
}

#site-search-results .result_pagescount {
	font-size: 100%;
}

#site-search-results .searchtime {
	font-size: 80%;
}

#site-search-results .recommended {
	background: #DFFFBF;
	border-top: 1px dotted #808080;
	border-bottom: 1px dotted #808080;
	margin-top: 15px;
	margin-bottom: 15px;
}

#site-search-results .recommended_heading {
	float: right;
	font-weight: bold;
}

#site-search-results .recommend_block {
	margin-top: 15px;
	margin-bottom: 15px;
	clear: left;
}

#site-search-results .recommend_title {
	font-size: 100%;
}

#site-search-results .recommend_description {
	font-size: 100%;
	color: #008000;
}

#site-search-results .recommend_infoline {
	font-size: 80%;
	font-style: normal;
	color: #808080;
}

#site-search-results .recommend_image {
	float: left;
	display: block;
}

	#site-search-results .recommend_image img {
		margin: 10px;
		width: 80px;
		border: 0px;
	}

/* Accordion Two Level */

#main-right-content .accordion-two-level {
	margin-top: 15px;
}

	#main-right-content .accordion-two-level .panel {
		float: none;
	}

	#main-right-content .accordion-two-level .panel-default > .panel-heading {
		background-color: #e1e1e1;
		padding: 0;
	}

		#main-right-content .accordion-two-level .panel-default > .panel-heading h2 {
			padding-top: 0;
		}

		#main-right-content .accordion-two-level .panel-default > .panel-heading a {
			background-attachment: scroll;
			background-image: url(/sitefiles/images/icon-arrow-up-grey-large.png);
			background-position: 98%;
			background-repeat: no-repeat;
			color: #244a7f;
			display: block;
			font-size: 15px;
			font-weight: bold;
			padding: 5px 15px;
			text-decoration: none;
		}

			#main-right-content .accordion-two-level .panel-default > .panel-heading a:hover {
				text-decoration: none;
			}

			#main-right-content .accordion-two-level .panel-default > .panel-heading a.collapsed {
				background-image: url(/sitefiles/images/icon-arrow-down-grey-large.png);
			}

	#main-right-content .accordion-two-level .panel-default .panel-body {
		background-color: #f1f0f0;
	}

		#main-right-content .accordion-two-level .panel-default .panel-body ul {
			margin: 0 0 0 15px;
			padding: 0;
		}

			#main-right-content .accordion-two-level .panel-default .panel-body ul li a {
				font-size: 14px;
			}

			#main-right-content .accordion-two-level .panel-default .panel-body ul.filter-letters {
				list-style: none;
				margin-bottom: 15px;
				margin-left: 0;
			}

				#main-right-content .accordion-two-level .panel-default .panel-body ul.filter-letters li {
					color: rgba(98,90,90,0.2);
					display: inline-block;
					margin-right: 10px;
				}

					#main-right-content .accordion-two-level .panel-default .panel-body ul.filter-letters li.active {
						color: #337ab7;
						cursor: pointer;
					}

						#main-right-content .accordion-two-level .panel-default .panel-body ul.filter-letters li.active.selected {
							text-decoration: underline;
						}

		#main-right-content .accordion-two-level .panel-default .panel-body .letter {
			display: none;
		}

.cloak {
	position: relative;
	border: 1px solid #89e0f6;
	background-color: #ecf0f1;
}

	.cloak.cloak_cyan {
		background-color: #41acb6;
	}

	.cloak.no-after::after {
		content: none;
	}

.right-content-container {
	display: block;
	margin-bottom: 30px;
	padding: 25px 30px;
}

.download-btn {
	display: block;
	color: #eae8e8 !important;
	background-color: #326FA4 !important;
	margin-left: 15px;
	padding: 17px 20px;
	font-family: "nimbus-sans",sans-serif;
	font-size: 15px;
	line-height: 21px;
	border: 1px solid #89e0f6;
	background-attachment: scroll;
	background-image: url(/sitefiles/resources/download-icon.png);
	background-position: 93%;
	background-repeat: no-repeat;
	cursor: pointer;
}

	.download-btn:hover, .download-btn:focus {
		background-color: #092e72 !important;
	}

iframe {
	max-width: 100%;
}

#course #nav-side.course-filter {
	width: 100%;
	position: relative;
}

#nav-side.course-filter, .course-filter {
	padding: 15px 10px 20px;
	background-color: #092e72;
	border: 1px solid #89e0f6;
	display: block;
	margin-bottom: 10px;
}

#course .download-btn, #course-search .download-btn {
	margin-left: 0;
}

#div-course-search-attendance-mode-search-group {
	display: flex;
}

	#div-course-search-attendance-mode-search-group #div-course-search-filter-submit-button {
		display: block;
	}

	#div-course-search-attendance-mode-search-group ul {
		display: flex;
		margin-bottom: 0;
		width: calc(100% - 50px);
		padding-right: 15px;
	}

	#div-course-search-attendance-mode-search-group li {
		display: block;
		width: 50%;
	}

		#div-course-search-attendance-mode-search-group li input {
			display: none;
		}

		#div-course-search-attendance-mode-search-group li label {
			cursor: pointer;
			display: inline-block;
			padding: 12px 7px;
			width: 100%;
			text-align: center;
			border: 1px solid #c7c7c7;
			border-left: none;
			color: #686262;
			background-color: #FFFFFF;
		}

		#div-course-search-attendance-mode-search-group li:first-child label {
			border-left: 1px solid #c7c7c7;
		}

		#div-course-search-attendance-mode-search-group li label:hover, #div-course-search-attendance-mode-search-group li label:focus {
			background-color: #e1e5e6;
		}

		#div-course-search-attendance-mode-search-group li input:checked + label {
			background-color: #e1e5e6;
		}


.c-nav { /*position: fixed;*/ /*position: absolute;*/
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
	background-color: #02215b;
	z-index: 99999; /*width: calc(100% - 20px);*/ /*margin: 10px;*/
	width: 100%;
}

	.c-nav.open {
		overflow: visible;
	}

.c-nav__logo-menu {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px 0;
}

	.c-nav__logo-menu #div-logo {
		margin: 0;
	}

.c-nav__toggler {
	display: block;
	width: 30px;
	cursor: pointer;
}

.c-nav__toggler-bar {
	position: relative;
	height: 4px;
	width: 100%;
	display: block;
	margin-bottom: 7px;
	background-color: #FFFFFF;
	transition: 0.4s transform, 0.4s opacity;
	opacity: 1;
}

	.c-nav__toggler-bar:last-of-type {
		margin-bottom: 0;
	}

.c-nav.open .c-nav__toggler-bar {
	transform: rotate(45deg);
}

	.c-nav.open .c-nav__toggler-bar:first-of-type {
		transform: rotate(-45deg);
		top: 11px;
	}

	.c-nav.open .c-nav__toggler-bar:last-of-type {
		bottom: 11px;
		opacity: 0;
	}

.c-nav__navigation {
	display: block;
	background-color: #072154;
	width: 85%; /*position: fixed; top: 96px;*/
	position: absolute;
	top: 0;
	right: -100%;
	padding: 30px 0;
	transition: 0.5s ease-in-out right;
}

.c-nav.open .c-nav__navigation {
	right: 0px;
}

.c-nav__primary {
	display: block;
	margin-bottom: 30px;
}

	.c-nav__primary ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}

		.c-nav__primary ul li a {
			display: block;
			color: #FFFFFF;
			text-decoration: none;
			padding: 15px 25px;
			border: 1px solid #588ac7;
			border-bottom: none;
			font-size: 20px;
			position: relative;
		}

		.c-nav__primary ul li:last-child a {
			border-bottom: 1px solid #588ac7;
		}

		.c-nav__primary ul li a:hover, .c-nav__primary ul li a:focus {
			background-color: #0D5B9C;
		}

.c-nav__secondary {
	padding: 0 25px;
}

.c-nav__actions {
	margin-bottom: 30px;
}

.c-nav__menu {
	display: block;
	margin-bottom: 45px;
}

	.c-nav__menu ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}

		.c-nav__menu ul li {
			display: block;
			margin-bottom: 20px;
		}

			.c-nav__menu ul li:last-child {
				margin-bottom: 0;
			}

			.c-nav__menu ul li a {
				color: #FFFFFF;
				text-decoration: none;
				font-size: 18px;
			}

				.c-nav__menu ul li a::after {
					content: '>';
					display: inline-block;
					margin-left: 7px;
					position: relative;
					bottom: 1px;
				}

				.c-nav__menu ul li a:hover, .c-nav__menu ul li a:focus {
					color: #66B3F3;
				}

.c-nav #div-site-search {
	display: inline-block;
	margin: 0 0 0 10px;
}

	.c-nav #div-site-search a span {
		background-attachment: scroll;
		background-image: url(/sitefiles/images/icon-magnifying-glass-blue.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 16px auto;
		display: block;
		height: 42px;
		overflow: hidden;
		text-indent: -9999px;
		vertical-align: middle;
		width: 42px;
	}

.c-nav #div-course-basket {
	display: inline-block;
	margin: 0 0 0 10px;
}

	.c-nav #div-course-basket > a span {
		background-attachment: scroll;
		background-image: url(/sitefiles/images/icon-shopping-cart-blue.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 16px auto;
		display: block;
		height: 42px;
		overflow: hidden;
		text-indent: -9999px;
		vertical-align: middle;
		width: 42px;
	}

.c-nav #div-site-search {
	position: relative;
	right: 0;
	top: 0;
}

.c-nav #div-course-basket {
	position: relative;
	right: 0;
	top: 0;
}

.c-nav__action-style {
	background-color: #b9bbbe;
	color: #06132b;
	text-decoration: none;
	border-radius: 10px;
	cursor: pointer;
	display: inline-block;
	margin: 0;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}

	.c-nav__action-style:hover, .c-nav__action-style:focus {
		background-color: #545459;
		color: #FFFFFF;
		text-decoration: none;
	}

#nav-log-in {
	display: inline-block;
}

	#nav-log-in #login-button {
		font-size: 14px;
		font-weight: bold;
		line-height: 42px;
		padding: 0 15px;
	}

.c-nav__socials {
	display: block;
	width: 100%;
}

	.c-nav__socials ul {
		font-size: 16px;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	.c-nav__socials li {
		display: inline-block;
		margin-right: 10px;
		padding: 0;
	}

		.c-nav__socials li:last-child {
			margin-right: 0;
		}

	.c-nav__socials a {
		background-attachment: scroll;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 35px 35px;
		display: block;
		height: 35px;
		text-indent: -9999px;
		width: 35px;
	}

		.c-nav__socials a.a-social-media-account-facebook {
			background-image: url(/sitefiles/images/icon-facebook-circle-white.png);
		}

			.c-nav__socials a.a-social-media-account-facebook:hover {
				background-image: url(/sitefiles/images/icon-facebook-circle-blue.png);
				color: #66B3F3;
			}

		.c-nav__socials a.a-social-media-account-twitter {
			background-image: url(/sitefiles/images/icon-twitter-circle-white.png);
		}

			.c-nav__socials a.a-social-media-account-twitter:hover {
				background-image: url(/sitefiles/images/icon-twitter-circle-blue.png);
				color: #66B3F3;
			}

		.c-nav__socials a.a-social-media-account-youtube {
			background-image: url(/sitefiles/images/icon-youtube-circle-white.png);
		}

			.c-nav__socials a.a-social-media-account-youtube:hover {
				background-image: url(/sitefiles/images/icon-youtube-circle-blue.png);
				color: #66B3F3;
			}

		.c-nav__socials a.a-social-media-account-linkedin {
			background-image: url(/sitefiles/images/icon-linkedin-circle-white.png);
		}

			.c-nav__socials a.a-social-media-account-linkedin:hover {
				background-image: url(/sitefiles/images/icon-linkedin-circle-blue.png);
				color: #66B3F3;
			}

		.c-nav__socials a.a-social-media-account-instagram {
			background-image: url(/sitefiles/images/icon-instagram-circle-white.png);
		}

			.c-nav__socials a.a-social-media-account-instagram:hover {
				background-image: url(/sitefiles/images/icon-instagram-circle-blue.png);
				color: #66B3F3;
			}

#c-search {
	position: absolute;
	bottom: 50px;
	display: flex;
	justify-content: center;
	width: 100%;
}

.c-search__container {
	border: 1px solid #66B3F3;
	width: 90%;
	z-index: 1;
}

#c-search #div-course-search {
	border: none;
	padding: 0;
	margin-top: 0;
	line-height: 0;
}

#c-search #div-course-search-attendance-modes {
	background-color: transparent;
	margin: 0;
	padding: 0; /*margin-right: 10px;*/
	width: 100px;
	position: relative;
}

	#c-search #div-course-search-attendance-modes label {
		cursor: pointer;
		display: inline-block;
		padding: 13px 15px;
		width: 100%;
		text-align: center;
		border: 1px solid #c7c7c7;
		border-top-width: 0;
		color: #686262;
		background-color: #FFFFFF;
		margin: 0;
		line-height: normal;
		height: auto;
	}

	#c-search #div-course-search-attendance-modes .c-search__attendance-mode:first-child label { /*border-top-width: 1px;*/
	}

	#c-search #div-course-search-attendance-modes label:hover, #c-search #div-course-search-attendance-modes label:focus {
		background-color: #e1e5e6;
	}

	#c-search #div-course-search-attendance-modes input:checked + label {
		background-color: #e1e5e6;
		display: none;
	}

	#c-search #div-course-search-attendance-modes input {
		display: none;
	}

#c-search #div-course-search-submit-button {
	background-color: transparent;
	margin-left: 0;
	width: 46px;
}

	#c-search #div-course-search-submit-button button:before {
		content: none;
	}

	#c-search #div-course-search-submit-button button {
		background-attachment: scroll;
		background-color: #2b68aa;
		background-image: url(/sitefiles/resources/images/icon-course-search-white.png);
		background-position: center;
		background-repeat: no-repeat;
		border: none;
		cursor: pointer;
		display: block;
		margin: 0;
		padding: 0 0 0 30px;
		position: relative;
		transition: all 0.2s ease;
		height: 46px;
		width: 46px;
	}

#c-search #div-course-search-keywords {
	width: calc(100% - 136px);
}

.c-search__attendance-group {
	display: none;
	position: absolute;
	width: 100%;
	z-index: 1000000000000000;
}

#div-course-search-attendance-modes.open .c-search__attendance-group {
	display: block;
}

.c-search__fieldset {
	display: flex;
}

.c-search__selected-option {
	position: relative;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	border-left: 1px solid #cecece;
	cursor: pointer;
	padding: 0 5px;
	background-color: #e1e5e6;
	color: #686262;
	font-family: "nimbus-sans",sans-serif;
	font-size: 15px;
	font-weight: normal;
}

	.c-search__selected-option::after {
		display: inline-block;
		width: 0;
		height: 0;
		margin-left: 7px;
		vertical-align: middle;
		content: "";
		border-top: 7px solid #bcb6b6;
		border-right: 7px solid transparent;
		border-left: 7px solid transparent;
	}

.component-home-subject-areas {
	margin-top: 25px;
}

.c-spotlights + .component-home-subject-areas {
	margin-top: 0;
}

.c-home-subject-areas {
	position: relative;
}

.c-home-subject-areas__side {
	display: flex;
	flex-direction: column;
}

	.c-home-subject-areas__side .download-btn {
		margin-bottom: 20px;
		margin-left: 0;
	}

.c-home-subject-areas__dropdown {
	position: relative;
	display: block;
	margin-bottom: 20px;
}

.c-home-subject-areas__dropdown-selected {
	position: relative;
	display: none;
	border: 1px solid #89e0f6;
	padding: 20px 30px;
	font-size: 15px;
	line-height: 20px;
	font-family: "nimbus-sans",sans-serif;
	font-weight: 700;
	color: #001a4d; /*#001a4d #666666*/
	cursor: pointer;
	background-color: #ecf0f1;
}

	.c-home-subject-areas__dropdown-selected::before {
		content: '';
		background-color: #001a4d;
		position: absolute;
		right: 40px;
		width: 15px;
		height: 2px;
		transform: rotate(45deg);
		transition: transform .5s;
		top: 0;
		bottom: 0;
		margin-top: auto;
		margin-bottom: auto;
	}

	.c-home-subject-areas__dropdown-selected::after {
		content: '';
		background-color: #001a4d;
		position: absolute;
		right: 30px;
		width: 15px;
		height: 2px;
		transform: rotate(-45deg);
		transition: transform .5s;
		top: 0;
		bottom: 0;
		margin-top: auto;
		margin-bottom: auto;
	}

.c-home-subject-areas__dropdown.open .c-home-subject-areas__dropdown-selected::before {
	transform: rotate(-45deg);
}

.c-home-subject-areas__dropdown.open .c-home-subject-areas__dropdown-selected::after {
	transform: rotate(45deg);
}


.c-home-subject-areas__nav {
	list-style: none;
	margin: 0;
	padding: 0; /*border: 0px solid #89e0f6; border-top: none; height: 0; overflow: hidden;*/
	transition: 0.5s height;
}

.c-home-subject-areas__dropdown.open .c-home-subject-areas__nav {
	overflow: auto;
	height: auto;
	border-width: 1px;
}

.c-home-subject-areas__nav > li {
	position: relative;
	display: block;
	padding: 20px 30px;
	font-size: 15px;
	line-height: 20px;
	font-family: "nimbus-sans",sans-serif;
	color: #767272;
	cursor: pointer;
}

	.c-home-subject-areas__nav > li.active {
		color: #001a4d; /*display: none;*/
		border: 1px solid #89e0f6; /*border-right: none;*/
		font-family: "nimbus-sans",sans-serif;
		font-weight: 700;
	}
	/*.c-home-subject-areas__nav > li.active::after { content: ''; display: block; position: absolute; right: -32px; top: -1px; height: calc(100% + 2px); width: 32px; background-color: #ecf0f1; z-index: 1; border: 1px solid #89e0f6; border-right: none; border-left: none; }*/
	.c-home-subject-areas__nav > li.active, .c-home-subject-areas__nav > li:hover {
		background-color: #ecf0f1;
	}

	.c-home-subject-areas__nav > li span {
		position: relative;
	}

		.c-home-subject-areas__nav > li span::before {
			content: none;
			height: 1px;
			width: 60px;
			background-color: #89e0f6;
			position: absolute;
			top: -22px;
			left: 0;
		}

	.c-home-subject-areas__nav > li:first-child span::before {
		content: none;
	}

.c-home-subject-areas__nav > li {
	border: 1px solid #89e0f6;
	margin-bottom: 15px;
	text-align: center;
	background-color: #ecf0f1;
}

	.c-home-subject-areas__nav > li:focus {
		outline: 2px solid #fff;
	}


.c-home-subject-areas__content {
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 19px;
	padding: 25px 30px;
	margin-bottom: 15px;
}

.c-home-subject-areas__content-container {
	position: relative; /*overflow: hidden;*/
}

.c-home-subject-areas__section {
	position: absolute;
	opacity: 0;
	z-index: -1;
	transition: 0.5s opacity;
}

	.c-home-subject-areas__section.active {
		position: relative;
		opacity: 1;
		z-index: 1;
	}

	.c-home-subject-areas__section.active {
		position: relative;
		opacity: 1;
		z-index: 1;
	}

	.c-home-subject-areas__section ul {
		list-style: none;
		margin: 0;
		padding: 0;
		column-count: 1;
		margin-bottom: 10px;
	}

		.c-home-subject-areas__section ul li {
			font-family: "nimbus-sans",sans-serif;
			color: #5d5959;
			margin-bottom: 10px;
		}

			.c-home-subject-areas__section ul li a { /*color: #5d5959;*/
				text-decoration: none;
				margin-bottom: 0;
				line-height: normal;
			}

				.c-home-subject-areas__section ul li a:hover {
					color: #337ab7;
				}

	.c-home-subject-areas__section a {
		display: inline-block;
		margin-bottom: 5px;
		line-height: 1.5;
	}

	.c-home-subject-areas__section .subjects {
	}

	.c-home-subject-areas__section p.link-columns a {
		margin-bottom: 8px;
		display: inline-block;
	}

.link-columns {
	list-style: none;
	margin: 0 !important;
	padding: 0 !important;
	column-count: 1;
}

	.link-columns.link-columns-single {
		column-count: 1;
	}

	.link-columns li {
		font-family: "nimbus-sans",sans-serif;
		color: #5d5959;
		margin-bottom: 10px;
		font-size: 16px;
		line-height: 19px;
		font-weight: 700;
	}

		.link-columns li a { /*color: #5d5959;*/
			text-decoration: none;
		}

			.link-columns li a:hover {
				color: #337ab7;
			}

/*.bullet-plus li {
	background-image: url(https://www.belfastmet.ac.uk/siteFiles/resources/BulletStyle/bullet-plus.png);
	background-size: 9px;
	background-repeat: no-repeat;
	background-position: left 6px;
	padding-left: 17px;
}*/

.component-section {
	display: block;
	padding-bottom: 30px;
	border-bottom: 1px solid #89e0f6;
	margin-bottom: 30px;
}

	.component-section:last-child {
		border-bottom: none;
		padding-bottom: 0;
		margin-bottom: 0;
	}

.side-nav-container {
	position: relative;
	margin-top: 20px;
}

.div-main-content-main h1 {
	color: #FFFFFF;
	font-family: "nimbus-sans",sans-serif;
	font-weight: 700;
	font-size: 24px;
	margin: 10px 0 15px;
}

.fw-normal {
	font-weight: normal !important;
}

.c-banner {
	position: relative;
	display: block;
	height: 360px;
	background-color: #000000;
}

@media screen and (min-width: 1600px) {
	.c-banner {
		height: 400px;
	}
}

@media screen and (min-width: 1800px) {
	.c-banner {
		height: 440px;
	}
}

@media screen and (min-width: 2000px) {
	.c-banner {
		height: 480px;
	}
}

@media screen and (min-width: 2200px) {
	.c-banner {
		height: 500px;
	}
}

.c-banner__link {
	cursor: pointer;
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.c-banner__background {
	display: block;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
}

.c-banner__container {
	position: relative;
	padding-top: 96px;
}

.c-banner__mode-text {
	display: block;
	color: #FFFFFF;
	font-size: 26px;
	font-family: "nimbus-sans",sans-serif;
	font-weight: 700;
	margin: 20px 0;
	text-align: center;
}

.c-banner__img-container {
	position: relative;
}

	.c-banner__img-container img {
		display: block;
		margin: 0 auto;
	}

.c-banner .ui-component-menu {
	display: block !important;
	z-index: 999999999999999999999999 !important;
}

.c-banner .banner-text-container a {
	position: relative;
	z-index: 1;
}

#bannerarea .ui-page-region { /*margin-top: 150px !important;*/
}



.c-side-nav {
	position: relative;
	display: block;
	margin-bottom: 20px;
}

.c-side-nav__selected-option {
	position: relative;
	display: none;
	border: 1px solid #89e0f6;
	padding: 20px 30px;
	font-size: 15px;
	line-height: 20px;
	font-family: "nimbus-sans",sans-serif;
	font-weight: 700;
	color: #001a4d; /*#001a4d #666666*/
	cursor: pointer;
	background-color: #ecf0f1;
}

	.c-side-nav__selected-option::before {
		content: '';
		background-color: #001a4d;
		position: absolute;
		right: 40px;
		width: 15px;
		height: 2px;
		transform: rotate(45deg);
		transition: transform .5s;
		top: 0;
		bottom: 0;
		margin-top: auto;
		margin-bottom: auto;
	}

	.c-side-nav__selected-option::after {
		content: '';
		background-color: #001a4d;
		position: absolute;
		right: 30px;
		width: 15px;
		height: 2px;
		transform: rotate(-45deg);
		transition: transform .5s;
		top: 0;
		bottom: 0;
		margin-top: auto;
		margin-bottom: auto;
	}

.c-side-nav.open .c-side-nav__selected-option::before {
	transform: rotate(-45deg);
}

.c-side-nav.open .c-side-nav__selected-option::after {
	transform: rotate(45deg);
}

.c-side-nav__menu {
	margin: 0;
	padding: 0; /*border: 0px solid #89e0f6; border-top: none; height: 0; overflow: hidden;*/
	transition: 0.5s height;
}

.c-side-nav.open .c-side-nav__menu {
	overflow: visible;
	height: auto;
	border-width: 1px;
}

.c-side-nav #nav-side-heading.nav-current > a { /*border-top-width: 0;*/
}

#nav-side .c-side-nav .nav-current > a { /*border-right-width: 0; border-left-width: 0;*/
}

#nav-side .c-side-nav ul {
	margin-bottom: 0;
}



.foreground-container {
	height: 100%;
}

.foreground-column {
	height: 100%;
}

.campaign-foreground {
	display: block;
	position: relative;
	height: 100%;
}

.campaign-foreground-link {
	display: block;
	position: absolute;
	bottom: 0;
}

.campaign-foreground img {
	display: block;
	width: 100%;
	max-width: 260px;
}


.flex-justify-end {
	display: flex;
	justify-content: flex-end;
}

#courseAddToBasket {
	cursor: pointer;
}

.basketRemoveCourse {
	cursor: pointer;
}

.video-carousel {
	display: block;
	margin-bottom: 30px;
	padding: 25px 30px;
	position: relative;
	border: 1px solid #89e0f6;
	background-color: #ecf0f1;
}

.video-carousel-item {
	display: block;
	margin-right: 30px;
}

	.video-carousel-item iframe {
		display: block;
		width: 300px;
		height: 220px;
	}

	.video-carousel-item p {
		padding: 0;
	}

.video-carousel-list {
	display: flex;
}

.video-carousel-video-wrapper {
	display: block;
	margin-bottom: 15px;
}

.video-carousel-video-caption {
	font-size: 16px;
	font-family: "nimbus-sans",sans-serif;
	font-weight: 700;
	color: #ffffff;
}

.video-carousel-wide {
	display: block;
	background-color: #ecf0f1;
	padding: 40px 0;
	margin-bottom: 30px;
}

.carousel-arrow {
	display: flex !important;
	align-items: center;
	cursor: pointer;
	font-size: 26px;
	color: #fff;
	padding: 3px;
	transition: 0.5s ease-in-out color, 0.5s ease-in-out background-color;
}

	.carousel-arrow:not(.slick-disabled):hover {
		background-color: #3790D5;
		color: #ffffff;
	}

	.carousel-arrow.slick-arrow {
		height: auto;
		width: auto;
	}

.maintenance-message {
	display: block;
	font-family: "nimbus-sans",sans-serif;
	font-weight: 700;
	font-size: 18px;
	line-height: 20px;
}

#divBasket .maintenance-message {
	font-size: 16px;
	line-height: 18px;
}

#AccessAbleLogo img {
	height: auto;
	width: 190px;
}

/*new css*/
.c-spotlight {
	display: block;
	padding-top: 30px;
}

.c-spotlight-grid {
	display: block;
	margin: 0 auto;
}

.c-spotlight-item {
	display: block;
	margin-bottom: 30px;
}

.c-spotlight-item-content {
	display: block;
	background-color: #041e42;
}

.c-spotlight-item-link {
	display: block;
}

	.c-spotlight-item-link, .c-spotlight-item-link:hover, .c-spotlight-item-link:focus {
		color: #fff;
	}

.c-spotlight-item-info {
	display: flex;
	flex-wrap: wrap;
}

.c-spotlight-item-text-content {
	display: block;
	padding: 20px 15px;
	width: 100%;
	height: auto;
	overflow: auto;
	order: 2;
}

.c-spotlight-item-picture {
	position: relative;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 140px;
	height: 75px;
	order: 1;
	width: 100%;
	height: 130px;
}

.c-spotlight-item-title {
	display: block;
	font-family: "nimbus-sans",sans-serif;
	font-weight: 700;
	font-size: 18px;
	line-height: 20px;
	margin-bottom: 5px;
}

.c-spotlight-item-text {
	display: block;
	line-height: 1.2;
	font-family: "nimbus-sans",sans-serif;
}

	.c-spotlight-item-text p {
		margin: 0;
		padding: 0;
	}

.c-spotlight-item-button {
	display: block;
	color: #FFFFFF;
	background-color: #084292;
	padding: 15px 20px;
	margin-top: 5px;
	font-family: "nimbus-sans",sans-serif;
	font-size: 15px;
	line-height: 21px;
	border: 1px solid #89e0f6;
	cursor: pointer;
	text-align: center;
}

.c-spotlight-item-link:hover .c-spotlight-item-button, .c-spotlight-item-link:focus .c-spotlight-item-button {
	background-color: #092e72;
}

.c-rel-search {
	background-color: #06132b;
	padding: 30px 0;
}

	.c-rel-search #c-search {
		position: relative;
		bottom: 0;
	}

.c-keyinfo {
	display: block;
	background-color: #06132b;
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
}

	.c-keyinfo.inplace {
		position: relative;
	}

.c-keyinfo-container {
	display: block;
	padding: 15px 0;
}

.c-keyinfo-title {
	display: block;
	color: #fcd862;
	font-family: "nimbus-sans",sans-serif;
	font-weight: 700;
	font-size: 22px;
	line-height: 1;
	margin-bottom: 10px;
	text-align: center;
}

.c-keyinfo-arrow {
	position: relative;
}

	.c-keyinfo-arrow::before {
		content: '>';
		color: inherit;
		padding-right: 5px;
	}

.c-keyinfo-content {
	display: block;
	color: #FFFFFF;
	font-size: 16px;
	font-family: "nimbus-sans",sans-serif;
	font-weight: 700;
}

.c-keyinfo-container.split-content .c-keyinfo-content { /*color: #000000;*/
	font-size: 20px;
}

.c-keyinfo-container .c-keyinfo-content ul {
	list-style: none;
	margin: 0;
}

.c-keyinfo-container .c-keyinfo-content li {
	position: relative; /*padding-left: 25px; */
	margin-bottom: 10px;
}

	.c-keyinfo-container .c-keyinfo-content li:last-child {
		margin-bottom: 0;
	}

	.c-keyinfo-container .c-keyinfo-content li::before {
		content: '>';
		color: inherit;
		padding-right: 5px; /* position: absolute; left: 0; */
	}

.c-keyinfo-content-item {
	display: block;
	margin-bottom: 15px;
}

	.c-keyinfo-content-item p:last-child {
		margin-bottom: 0;
		padding-bottom: 0;
	}

	.c-keyinfo-content-item:last-child {
		margin-bottom: 0;
	}

.c-keyinfo-content a {
	color: #FFFFFF;
	text-decoration: none;
}

	.c-keyinfo-content a:hover {
		color: #FFFFFF;
		text-decoration: underline;
	}

.div-campaign-wrapper .div-campaign .campaign-carousel-link {
	display: block;
	height: 100%;
}

.div-campaign-wrapper .div-campaign .campaign-carousel-button {
	font-family: "nimbus-sans",sans-serif;
	font-weight: 700;
	font-size: 16px;
	line-height: 1;
	display: inline-block;
	padding: 8px 15px;
	border-radius: 8px; /*background: #ffc400;*/
	color: #062146;
}

	.div-campaign-wrapper .div-campaign .campaign-carousel-button.nobackground {
		padding-top: 0;
	}

.div-campaign-wrapper .div-campaign .div-text-container {
	height: 100%;
}

.div-campaign-wrapper .div-campaign .div-text h2 {
	font-size: 24px;
}

#nav-side #main-right-content form ul:not(.link-columns) {
	list-style: none;
	margin: 0;
	padding: 0px;
}

/* Media queries */
@media screen and (max-width: 1199px) {
	#logon-wrapper .logon-content > div {
		height: 335px;
	}

	#part-time .row-first { /*background-position: -567px 136px;*/
	}

	#full-time .row-first { /*background-position: -567px 136px;*/
	}

	.component-full-time-callout .container {
		background-position: 438px center;
	}

	.component-part-time-callout .container {
		background-position: 626px bottom;
	}

	#div-primary-navigation nav ul {
		font-size: 16px;
	}

	#div-primary-navigation nav li {
		margin-left: 0;
		margin-right: 19px;
		margin-top: 2px;
	}

	#div-course-search-keywords { /*display: inline-block; margin-right: 1px; position: relative; width: auto;*/
	}

		#div-course-search-keywords input {
			width: 290px; /*160px*/
		}

	#div-support-for-business {
		margin-left: 10px;
	}

	#div-course-search-submit-button button {
		width: 70px;
	}

	#div-support-for-business {
		margin-left: 5px;
	}

	#div-start-your-journey {
		margin-left: 5px;
	}

	#div-signpost-training-and-apprenticeships {
		width: 50%;
		margin: 0px;
	}

	#journey {
		margin-top: 169px;
	}

	body {
		margin: 0px !important;
	}

	#div-alerts-wrapper #div-alerts {
		margin: 0 auto;
		width: 100%;
	}

	.div-logo-text {
		color: #FFFFFF;
		display: table-cell;
		font-family: "nimbus-sans",sans-serif;
		font-size: 17px;
		height: 440px;
		line-height: 21px;
		padding: 0px;
		text-align: left;
		vertical-align: middle;
		width: auto;
	}

	.div-logo-text2 {
		font-size: 14px;
	}

	#search-mobile {
		background-color: #5CACF1;
		padding: 6px;
		text-align: center;
	}

		#search-mobile button {
			background-color: #fff;
			border: none;
			color: #414246;
			cursor: pointer;
			font-family: "nimbus-sans",sans-serif;
			font-weight: 900;
			font-size: 14px;
			height: 36px;
			line-height: 35px;
			margin-left: -2px;
			padding: 0;
			text-align: center;
			width: 47px;
			background-image: url('/sitefiles/images/icon-magnifying-glass-grey.png');
			background-position: 12px 8px;
			background-size: 24px;
			background-repeat: no-repeat;
		}

	#search-mobile-submit-button {
		display: inline-block;
		margin-left: -4px;
		vertical-align: middle;
		padding-top: 4px;
		height: 46px;
	}

	#div-course-search-keywords-mobile input {
		width: 100%;
		border: 0px;
		margin: 0px;
		height: 36px !important;
		padding: 9px;
	}

	#div-course-search-keywords-mobile {
		display: inline-block;
		margin-right: 1px;
		position: relative;
		width: 80%;
	}

	#div-course-search-keywords input-mobile {
		width: 100%;
	}

	#divBasket { /*margin-left: -147px;*/
	}
	/*#logon-wrapper { margin-left: -307px; width: 750px; }*/
	#course #nav-side { /*width: 283px;*/
	}

	.nav-tile {
		height: 133px !important;
		width: 133px !important;
	}

		.nav-tile.left-col {
			margin-right: 11px;
		}

	.div-tiles .div-tile {
		padding-top: 8px;
		vertical-align: top;
	}

	#div-course-key-information li.course-code {
		font-size: inherit;
	}

	#connect #main-right .div-social-media-accounts li {
		margin-right: 20px;
	}

	.div-news-and-features-stories .col-lg-4:nth-child(4n) {
		clear: none;
		margin-left: 0;
	}

	.div-news-and-features-stories .col-lg-4:nth-child(2n + 1) {
		clear: both;
		margin-left: -15px;
	}

	.div-campaign-wrapper .div-campaign .div-campaign-carousel-item {
		background-size: auto 450px; /*background-size: auto 370px;*/
		height: 450px; /*height: 370px;*/
	}

	.div-campaign-wrapper .div-campaign .div-text h2 { /*font-size: 66px;*/ /*line-height: 70px;*/ /*margin: 200px 0 20px 0; */
	}

	.div-campaign-carousel .slick-dots {
		bottom: 36px;
		width: 940px;
		margin-left: -470px;
	}

		.div-campaign-carousel .slick-dots li button {
			padding: 12px 28px 13px 28px;
			font-size: 22px;
		}

	.slick-indicator {
		height: 5px;
		top: 473px;
		width: 250px;
	}

	.slick-indicator-0 {
		margin-left: -438px;
	}

	.slick-indicator-1 {
		margin-left: -125px;
	}

	.slick-indicator-2 {
		margin-left: 188px;
	}

	.slick-arrow {
		font-size: 22px;
		height: 215px;
		width: 25px;
	}

	.prevArrow {
		left: -10px;
	}

	.nextArrow {
		left: 714px;
	}

	.prevArrow .glyphicon-chevron-left {
		left: -4px;
	}

	.nextArrow .glyphicon-chevron-right {
		left: -6px;
	}

	.div-news-and-features-wrapper .div-news-and-features { /*height: 215px;*/
	}

	.div-news-and-features-wrapper .div-news-and-features-carousel {
		width: 725px;
	}

	.div-news-and-features-wrapper .div-news-and-features-title-and-carousel {
		width: 725px;
	}

	.div-news-and-features-wrapper .div-news-and-features-carousel .div-item { /*height: 215px;*/
		height: auto;
		width: 215px;
	}

	.div-news-and-features-wrapper .div-news-and-features-carousel a {
		float: left; /*height: 215px;*/
		margin-right: 27px;
	}

	.div-news-and-features-wrapper .div-news-and-features-listings { /*height: 215px;*/
		width: 215px;
	}

		.div-news-and-features-wrapper .div-news-and-features-listings img {
			right: -19px;
			top: -35px;
		}

	.component-full-time-callout {
		background-position: -302px 0;
	}

	.component-benefits-of-apprenticeship .side-panel-right {
		background-color: rgba(0,0,0,0.9);
		padding: 40px;
	}

	.component-training-for-success .side-panel-left {
		background-color: rgba(0,0,0,0.9);
		padding: 40px;
	}

	.div-course-levels-wrapper {
		margin: 0;
		padding: 15px;
	}

		.div-course-levels-wrapper .div-course-levels > a {
			margin: 0;
		}

		.div-course-levels-wrapper .div-heading {
			display: none;
		}

		.div-course-levels-wrapper .div-levels {
			display: none;
		}

	.component-campuses ul li a {
		font-size: 16px;
	}

	.div-news-and-features-wrapper .slick-arrow {
		font-size: 22px;
		height: 214px;
		width: 26px;
	}

	.div-news-and-features-wrapper .prevArrow {
		left: -11px;
	}

	.div-news-and-features-wrapper .nextArrow {
		left: 714px;
	}

	.div-news-and-features-wrapper .div-news-and-features-listings .row-a { /*height: 68px;*/
	}

	.div-news-and-features-wrapper .div-news-and-features-listings .row-b { /*height: 69px;*/
	}

	.div-news-and-features-wrapper .div-news-and-features-listings a h2 { /*padding-top: 16px;*/
	}
}


@media screen and (max-width: 1023px) {
	.tile {
		width: 24%;
	}

	#part-time .row-first { /*background-position: -567px 136px;*/
	}

	#full-time .row-first { /*background-position: -567px 136px;*/
	}
}

@media screen and (max-width: 991px) {
	#logon-wrapper .logon-content > div {
		display: table-cell;
		float: none;
		height: 420px;
	}

	#full-time .row-first { /*background-position: -593px 136px;*/
	}

	#part-time .row-first { /*background-position: -593px 136px;*/
	}

	.component-full-time-callout .container {
		background-position: 217px center;
	}

	.component-part-time-callout .container {
		background-position: 451px bottom;
	}

	#div-course-search-submit-button button {
		height: 36px;
	}

	#div-support-for-business {
		margin-left: 10px;
	}

	#div-start-your-journey {
		margin-left: 10px;
	}

	.nav-tile {
		width: 100% !important;
	}

	#div-primary-navigation nav ul {
		font-size: 14px;
	}

	#div-primary-navigation nav li {
		margin-right: 10px;
		margin-top: -1px;
	}

		#div-primary-navigation nav li:last-of-type a {
			font-size: 12px;
			height: 28px;
			line-height: 28px;
			margin: 0;
			padding: 0 5px;
		}

	#div-primary-navigation #div-site-search {
		margin: 0;
	}

		#div-primary-navigation #div-site-search a {
			height: 28px;
			line-height: 28px;
			padding: 0;
			width: 28px;
		}

			#div-primary-navigation #div-site-search a span {
				height: 28px;
				width: 28px;
			}

	#div-primary-navigation #div-course-basket a {
		height: 28px;
		line-height: 28px;
		padding: 0;
		width: 28px;
	}

		#div-primary-navigation #div-course-basket a span {
			height: 28px;
			width: 28px;
		}

	#div-logo {
		margin: 15px 0 0;
	}

		#div-logo img {
			margin: 0;
		}

	#courses {
		margin-top: 0px;
	}
	/*#div-course-search-filter-submit-button button { background-attachment: scroll; background-color: #EFE87F; background-image: url(/sitefiles/resources/images/icon-magnifying-glass-grey.png); background-position: 761px center; background-repeat: no-repeat; border: none; color: #414246; cursor: pointer; display: block; font-family: "nimbus-sans",sans-serif; font-weight: 500; font-size: 20px; height: 50px; line-height: 50px; margin: 0; padding: 0 0 0 30px; text-align: left; width: 100%; }*/
	#tab-navigation {
		display: block;
		float: right;
		text-align: right;
		margin-right: 75px;
		position: absolute;
		margin-top: 0px;
		right: 10px;
		z-index: 99999999999999999999999999999;
	}

		#tab-navigation #div-site-search-mobile {
			display: inline-block;
			margin: 0 0 0 35px;
		}

			#tab-navigation #div-site-search-mobile a {
				background: linear-gradient(to bottom, #0A1D63, #041348);
				border: 1px solid #071238;
				border-radius: 10px;
				cursor: pointer;
				display: inline-block;
				height: 42px;
				margin: 0;
				overflow: hidden;
				padding: 0;
				text-indent: -9999px;
				vertical-align: middle;
				width: 42px;
			}

				#tab-navigation #div-site-search-mobile a span {
					background-attachment: scroll;
					background-image: url(/sitefiles/images/icon-magnifying-glass-white.png);
					background-position: center center;
					background-repeat: no-repeat;
					background-size: 16px auto;
					display: block;
					height: 42px;
					overflow: hidden;
					text-indent: -9999px;
					vertical-align: middle;
					width: 42px;
				}

		#tab-navigation #div-course-basket-mobile {
			display: inline-block;
			margin: 0 0 0 55px;
		}

			#tab-navigation #div-course-basket-mobile a {
				background: linear-gradient(to bottom, #0A1D63, #041348);
				border: 1px solid #071238;
				border-radius: 10px;
				cursor: pointer;
				display: inline-block;
				height: 42px;
				margin: 0;
				overflow: hidden;
				padding: 0;
				text-indent: -9999px;
				vertical-align: middle;
				width: 42px;
			}

				#tab-navigation #div-course-basket-mobile a span {
					background-attachment: scroll;
					background-image: url(/sitefiles/images/icon-magnifying-glass-white.png);
					background-position: center center;
					background-repeat: no-repeat;
					background-size: 16px auto;
					display: block;
					height: 42px;
					overflow: hidden;
					text-indent: -9999px;
					vertical-align: middle;
					width: 42px;
				}

		#tab-navigation #div-course-basket-mobile {
			display: inline-block;
			margin: 0 0 0 35px;
		}

			#tab-navigation #div-course-basket-mobile > a {
				background: linear-gradient(to bottom, #0A1D63, #041348);
				border: 1px solid #071238;
				border-radius: 10px;
				cursor: pointer;
				display: inline-block;
				height: 42px;
				margin: 0;
				overflow: hidden;
				padding: 0;
				text-indent: -9999px;
				vertical-align: middle;
				width: 42px;
			}

				#tab-navigation #div-course-basket-mobile > a span {
					background-attachment: scroll;
					background-image: url(/sitefiles/images/icon-shopping-cart-white.png);
					background-position: center center;
					background-repeat: no-repeat;
					background-size: 16px auto;
					display: block;
					height: 42px;
					overflow: hidden;
					text-indent: -9999px;
					vertical-align: middle;
					width: 42px;
				}

	#div-alerts-wrapper #div-alerts #div-cookies-alert #div-cookies-alert-heading {
		display: table-cell;
		width: 210px;
	}

	#div-alerts-wrapper #div-alerts #div-cookies-alert #div-cookies-alert-buttons {
		display: table-cell;
		text-align: left;
		vertical-align: middle;
		width: 250px;
	}

	#div-alerts-wrapper #div-alerts #div-cookies-alert #div-cookies-alert-text {
		display: table-cell;
		font-size: 13px !important;
		line-height: 21px;
		padding-right: 15px;
		width: 521px !important;
	}

	#div-signpost-training-and-apprenticeships {
		width: 100% !important;
		margin: 0px;
	}

	.training-text img {
		top: 107px !important;
	}

	.component-full-time-callout {
		background-position: center;
	}

	.div-course-levels-wrapper .div-levels {
		background-color: #EFEFEF;
		border: 1px solid #B0AFAF;
		border-left-width: 0;
		border-radius: 0 10px 10px 0;
		float: left;
		height: 58px;
		text-align: center;
		width: 571px;
	}

	.div-course-levels-wrapper .div-heading {
		background-color: #BABABA;
		border: 1px solid #8C8B8B;
		border-radius: 10px 0 0 10px;
		float: left;
		height: 58px;
		text-align: center;
		width: 268px;
	}

	.div-course-levels-wrapper h1 {
		color: #5E5959;
		font-family: "nimbus-sans",sans-serif;
		font-size: 14px;
		font-weight: bold;
		line-height: 58px;
		margin: 0;
		padding: 0;
		text-align: center;
	}

	#journey {
		margin-top: 0px !important;
		padding-top: 63px !important;
		text-align: left;
		background-size: cover;
	}

		#journey a.a-button {
			background-color: #cfc758;
			border-radius: 3px;
			color: #192954;
			display: inline-block;
			font-family: "nimbus-sans",sans-serif;
			font-weight: 700;
			font-size: 14px;
			line-height: 14px;
			margin: 0;
			padding: 13px 20px;
			text-decoration: none;
			width: 100%;
			margin-top: 24px;
		}

	.div-signpost-on-image-wrapper aside {
		height: 450px;
		min-width: 100%;
		overflow: hidden;
		position: relative;
		text-align: center;
	}

	body {
		margin: 0px !important;
	}

	.border-left {
		border-right: 0 none;
	}

	.border-right {
		background: none;
	}

	.div-campaign-wrapper .div-campaign .div-campaign-carousel-item {
		background-size: auto 450px; /*background-size: auto 370px;*/
		height: 450px; /*height: 370px;*/
	}

	.div-campaign-wrapper .div-campaign .div-text h2 {
		font-weight: normal;
		-webkit-font-smoothing: antialiased; /*font-size: 30px;*/ /*line-height: 60px;*/ /*margin: 150px 0 0;*/
		text-align: center;
	}

	.div-campaign-wrapper .div-campaign .div-text p { /*font-size: 22px;*/
	}

	.div-campaign-pagination {
		display: none;
	}

	#div-social-media-accounts li {
		display: inline-block;
		margin: 0px 7px;
		padding: 0;
	}

	.div-signpost-on-image-wrapper .div-text {
		display: table-cell;
		height: 450px;
		text-align: center;
		vertical-align: middle;
		width: 100%;
		left: 0;
		padding-top: 70px;
	}

	.border-left-right {
		border-left: 0px solid #fff;
		border-right: 0px solid #fff;
	}
	/*.container { width: 880px; }*/
	.news-article {
		text-align: center;
		margin-bottom: 20px;
	}

	.callout-text .hide {
		display: none;
	}

	.div-text {
		bottom: 0;
		left: 66px;
		padding: 10px 20px;
		position: absolute;
		text-align: left;
	}

	.callout-text img {
		display: none;
	}

	.div-course-subjects-wrapper li {
		-webkit-padding-start: 0px;
		color: #3E93D6;
		margin: 7px 0 0 0px;
		padding: 0; /*width: 250px;*/
	}

	.div-signpost-on-image-wrapper .div-text h1 {
		color: #FFFFFF;
		font-family: "nimbus-sans",sans-serif;
		font-size: 49px;
		line-height: 65px;
		margin: 0;
		padding: 0;
	}

	.div-signpost-on-image-wrapper .div-text p {
		color: #FFFFFF;
		font-family: "nimbus-sans",sans-serif;
		font-weight: 300;
		font-size: 19px;
		line-height: 37px;
		margin: 30px 0 70px;
		padding: 0;
	}

	.div-carousel-signposts-wrapper .div-carousel-signposts-controls a {
		background-attachment: scroll;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 70px 70px;
		display: block;
		height: 70px;
		position: absolute;
		top: 0;
		width: 70px;
	}


	.tile {
		width: 24%;
	}

	.div-news-and-features-carousel-controls li {
		display: block !important;
	}

	.div-logo-text {
		height: auto !important;
	}

	.logo-image {
		display: none;
	}

	.component-campuses ul li a {
		color: #FFFFFF;
		text-decoration: none;
		font-size: 14px;
	}

	.div-campus-text {
		padding: 30px;
	}

	.red-text {
		padding: 0px 0 0 49px;
	}

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

	.component-video-and-text {
		background-size: cover;
	}

	#connect-wrapper {
		height: auto;
	}

	#menu-btn {
		display: none;
	}

	#div-site-search-form form { /*right: 29px;*/
		right: -120px;
		top: 65px; /*width: 250px;*/
	}

	#divBasket { /*margin-left: -256px;*/
		top: 540px;
	}
	/*#logon-wrapper { margin-left: -236px; top: 66px; width: 570px; }
	#logon-wrapper:before { right: 94px; }*/
	#course #nav-side { /*width: 208px;*/
	}

	#connect #main-right .div-social-media-accounts {
		padding: 0 5px;
	}

		#connect #main-right .div-social-media-accounts li {
			margin-right: 20px;
		}

		#connect #main-right .div-social-media-accounts h2 {
			font-size: 15px;
			min-width: 60px;
		}

	.div-campaign-carousel .slick-dots {
		bottom: 28px;
		width: 720px;
		margin-left: -360px;
	}

		.div-campaign-carousel .slick-dots li button {
			padding: 10px 21px 10px 21px;
			font-size: 20px;
		}

	.slick-indicator {
		height: 5px;
		top: 358px;
		width: 192px;
	}

	.slick-indicator-0 {
		margin-left: -336px;
	}

	.slick-indicator-1 {
		margin-left: -96px;
	}

	.slick-indicator-2 {
		margin-left: 144px;
	}

	.slick-arrow {
		font-size: 20px;
		height: 165px;
		width: 21px;
	}

	.prevArrow {
		left: -5px;
	}

	.nextArrow {
		left: 549px;
	}

	.prevArrow .glyphicon-chevron-left {
		left: -4px;
	}

	.nextArrow .glyphicon-chevron-right {
		left: -6px;
	}

	.div-news-and-features-wrapper .div-news-and-features { /*height: 165px;*/
	}

	.div-news-and-features-wrapper .div-news-and-features-carousel {
		width: 555px;
	}

	.div-news-and-features-wrapper .div-news-and-features-title-and-carousel {
		width: 555px;
	}

	.div-news-and-features-wrapper .div-news-and-features-carousel .div-item { /*height: 165px;*/
		height: auto;
		width: 165px;
	}

	.div-news-and-features-wrapper .div-news-and-features-carousel a {
		float: left; /*height: 165px;*/
		margin-right: 21px;
	}

	.div-news-and-features-wrapper.four-column .div-news-and-features-carousel a {
		margin: 0 10px;
	}

	.div-news-and-features-wrapper .div-news-and-features-listings { /*height: 165px;*/
		width: 165px;
	}

		.div-news-and-features-wrapper .div-news-and-features-listings img {
			right: -14px;
			top: -27px;
		}

	.div-news-and-features-wrapper .div-news-and-features-carousel .div-text {
		padding: 5px 5px 5px 0;
	}

		.div-news-and-features-wrapper .div-news-and-features-carousel .div-text h2 {
			font-size: 13px;
			line-height: 15px;
		}

	#connect_phone-directory table td:nth-of-type(2) {
		width: 50%;
	}

	.div-logo,
	.div-logo2 {
		padding: 0;
	}

	.component-cafe-met .div-logo2 {
		padding-top: 10px;
	}

	.component-students-union .container,
	.component-linen-lounge .container,
	.component-cafe-met .container,
	.component-urban-escape .container {
		padding-bottom: 15px;
		padding-top: 15px;
	}

	.div-logo-text2 {
		padding-top: 0;
	}

	.component-apprenticeships-highlights .col-lg-4:nth-child(3n) {
		clear: both;
		margin-top: 30px;
	}

	#part-time #main-right-top h1 {
		font-size: 29px;
	}

	.div-related-pages .related {
		padding: 0 15px;
	}

	.component-campuses ul li a {
		padding: 15px 5px;
	}

	.div-news-and-features-wrapper .slick-arrow {
		font-size: 16px;
		height: 165px;
		width: 21px;
	}

	.div-news-and-features-wrapper .prevArrow {
		left: -6px;
	}

	.div-news-and-features-wrapper .nextArrow {
		left: 549px;
	}

	.div-news-and-features-wrapper .div-news-and-features-listings .row-a { /*height: 52px;*/
	}

	.div-news-and-features-wrapper .div-news-and-features-listings .row-b { /*height: 51px;*/
	}

	.div-news-and-features-wrapper .div-news-and-features-listings a h2 {
		font-size: 13px; /*padding-top: 10px;*/
	}

	.div-news-and-features-wrapper .div-news-and-features-listings a p {
		font-size: 10px;
	}


	.component-quick-links .quick-link-section ul:last-child {
		margin-bottom: 30px;
	}

	#div-course-search-attendance-mode-search-group {
		display: block;
	}

		#div-course-search-attendance-mode-search-group ul {
			display: block;
			width: 100%;
			padding-right: 0;
			margin-bottom: 10px;
		}

		#div-course-search-attendance-mode-search-group li {
			width: 100%;
		}

	#div-site-search-form form:before {
		right: 130px;
	}
}

@media screen and (max-width: 767px) {
	#logon-wrapper .logon-options {
		text-align: left;
	}

	#full-time .row-first { /*background-position: -593px 136px;*/
	}

	#part-time #main-right-top {
		padding-top: 20px;
	}

	#full-time #main-right-top {
		padding-top: 20px;
	}

	.component-full-time-callout .container {
		background-image: none;
	}

	.component-part-time-callout .container {
		background-image: none;
	}

	.callout-text p.lead {
		line-height: 35px;
	}

	.div-news-and-features-wrapper .slick-arrow { /*display: none !important;*/
	}

	.div-news-and-features-wrapper .prevArrow {
		left: 9px;
	}

	.div-news-and-features-wrapper .nextArrow {
		left: auto;
		right: 13px;
	}

	.div-related-pages {
		display: block;
	}

		.div-related-pages .related {
			display: block;
		}

	body {
		margin: 0px !important;
		overflow-x: hidden;
	}

	#main-right-inner {
		padding: 0;
	}

	#menu-btn {
		display: block;
		position: absolute;
		right: 15px;
		top: -1px;
		z-index: 1;
	}

	.navbar-toggle {
		background-color: #25A4EB;
		border-radius: 10px;
		margin-right: 0;
		margin-top: 28px;
		padding: 12px 10px 13px 10px;
	}

		.navbar-toggle .icon-bar {
			background-color: #fff;
			height: 3px;
		}

	#div-logo {
		margin-bottom: 17px;
	}

	#div-primary-navigation {
		background-color: #fff;
		display: block;
		height: auto;
		margin-top: 0;
	}

		#div-primary-navigation nav {
			display: none;
		}

			#div-primary-navigation nav ul {
				text-align: left;
				width: 100%;
			}

			#div-primary-navigation nav li {
				display: block;
				margin-right: 0;
			}

				#div-primary-navigation nav li a {
					color: #041861;
					display: block;
					font-size: 20px;
					padding: 10px;
				}

				#div-primary-navigation nav li:last-of-type {
					display: block;
					font-size: 20px;
					line-height: 1;
					text-align: left;
				}

					#div-primary-navigation nav li:last-of-type a {
						background: none;
						border: 0;
						color: #041861;
						display: block;
						font-size: 20px;
						height: auto;
						line-height: 1;
						padding: 10px;
					}

	#div-secondary-navigation-wrapper {
		width: 100%;
	}

	#div-course-search {
		display: block;
		margin-top: 15px;
	}

	#div-support-for-business {
		display: block;
		margin-left: 0;
		margin-top: 5px;
	}

		#div-support-for-business a {
			display: block;
			font-size: 16px;
			height: 44px;
			line-height: 44px;
		}

	#div-start-your-journey {
		display: none;
		margin-bottom: 25px;
		margin-left: 0;
		margin-top: 5px;
	}

		#div-start-your-journey a {
			display: block;
			font-size: 16px;
			height: 44px;
			line-height: 44px;
		}

	#div-course-search form {
		position: relative;
		width: 100%;
	}

	#div-course-search-submit-button { /*height: 36px; position: absolute; right: 0; top: 0;*/
	}

	#div-site-search {
		position: absolute;
		right: 108px;
		top: -70px;
	}

	#div-course-basket {
		position: absolute;
		right: 54px;
		top: -70px;
	}

	#div-masthead-wrapper {
		height: 97px;
		position: relative;
	}

	#div-primary-navigation #div-site-search a {
		height: 44px;
		line-height: 44px;
		width: 44px;
	}

		#div-primary-navigation #div-site-search a span {
			height: 44px;
			width: 44px;
		}

	#div-primary-navigation #div-course-basket a {
		height: 44px;
		line-height: 44px;
		width: 44px;
	}

		#div-primary-navigation #div-course-basket a span {
			height: 44px;
			width: 44px;
		}

	#div-site-search-form form {
		right: -140px;
		top: 60px;
		width: 280px;
	}

		#div-site-search-form form:before {
			right: 149px;
		}

		#div-site-search-form form input {
			width: 204px;
		}

	#footer-content {
		padding-bottom: 0;
	}

	#footer-col-1 {
		border-right: 0 none;
	}

	#footer-col-3 {
		border-left: 0 none;
	}

	#tab-navigation {
		display: block;
		float: right;
		text-align: right;
		margin-right: 75px;
		margin-top: -7px !important;
	}

	.container {
		width: auto !important;
		padding-left: 0px;
		padding-right: 0px;
	}

	#div-logo img {
		width: 80px;
	}

	#main-right {
		margin-top: -10px;
	}

	#nav-side {
		display: block;
		height: auto !important; /*margin-top: -10px;*/
	}

	.full-time-nav {
		display: none !important;
	}

	#nav-side2 {
		display: block;
	}

	.component-apprenticeships-callout {
		background-color: #705b64;
		background-image: none !important;
	}

	.component-support-for-business-callout {
		background-color: #b3b5b4;
		background-image: none !important;
	}

	#div-alerts-wrapper #div-alerts {
		margin: 0 auto;
		width: auto;
	}

		#div-alerts-wrapper #div-alerts #div-cookies-alert #div-cookies-alert-text {
			display: block;
			font-size: 10px !important;
			line-height: 21px;
			width: 100% !important;
		}

	body {
		margin: 0px !important;
	}

	#div-alerts-wrapper #div-alerts #div-cookies-alert #div-cookies-alert-heading h1 {
		padding-left: 0;
	}

	#div-alerts-wrapper #div-alerts #div-cookies-alert #div-cookies-alert-buttons {
		padding-bottom: 15px;
	}

	.div-breadcrumbs-light {
		height: auto;
		display: none;
	}

	#div-course-key-information ul {
		color: #FFFFFF;
		font-family: "nimbus-sans",sans-serif;
		font-size: 14px;
		font-weight: bold;
		list-style-type: none;
		margin: 5px 0 0;
		padding: 0;
		width: auto;
	}

	#div-course-search-keywords { /*display: inline-block; margin-right: 1px; position: relative; width: auto;*/
	}

		#div-course-search-keywords input {
			width: 100%;
			padding: 14px 10px;
		}

	#div-course-search-keywords-mobile {
		display: inline-block;
		margin-right: 1px;
		position: relative;
		width: 80%;
	}

	#div-course-search-keywords input-mobile {
		width: 100%;
	}

	#div-course-search-keywords-mobile {
		display: inline-block;
		margin-right: 1px;
		position: relative;
		width: 80%;
	}

		#div-course-search-keywords-mobile input {
			height: 36px;
			width: 100%;
		}

	.div-levels {
		display: none;
	}

	.component-full-time-course-levels {
		padding-left: 10px;
		padding-right: 10px;
	}

	#courses {
		margin-top: 20px !important;
	}

	#div-course-key-information {
		float: left;
		height: auto;
		margin: 0px;
		width: 100%;
	}

	.div-course-levels-wrapper .div-course-levels > a {
		clear: both;
	}

	.div-course-levels-wrapper .div-heading {
		border-radius: 10px 10px 10px 10px;
	}

	#search-mobile {
		background-color: #5CACF1;
		padding: 6px;
		text-align: center;
	}

		#search-mobile button {
			background-color: #fff;
			border: none;
			color: #414246;
			cursor: pointer;
			font-family: "nimbus-sans",sans-serif;
			font-weight: 900;
			font-size: 14px;
			height: 36px;
			line-height: 35px;
			margin-left: -2px;
			padding: 0;
			text-align: center;
			width: 47px;
			background-image: url('/sitefiles/images/icon-magnifying-glass-grey.png');
			background-position: 12px 8px;
			background-size: 24px;
			background-repeat: no-repeat;
		}

	#search-mobile-submit-button {
		display: inline-block;
		margin-left: 1px;
		vertical-align: middle;
		padding-top: 4px;
	}

	.div-news-and-features-wrapper .div-news-and-features-carousel {
		width: 100%;
	}

	.div-news-and-features-wrapper .div-news-and-features-title-and-carousel {
		width: 100%;
	}

	.div-news-and-features-wrapper .div-news-and-features-carousel-controls {
		left: 0;
		position: relative;
		top: 0;
		width: 100%;
	}

	.div-news-and-features-wrapper .div-news-and-features-listings {
		display: none;
	}

	.post h2 {
		margin: 10px;
	}

	.div-news-and-features-listings {
		display: none;
	}

	.border-left {
		border-right: 0 none;
	}

	.border-right {
		background: none;
	}

	.border-left-right {
		border-left: 0px solid #fff;
		border-right: 0px solid #fff;
	}

	#div-logo img {
		margin: 0px;
	}

	.div-news-and-features-carousel-full ul {
		display: -webkit-inline-box;
		overflow: hidden;
		list-style: none;
		margin: 0px;
		padding: 0px !important;
	}

	#journey {
		padding-top: 25px !important;
		text-align: center;
		background-size: cover !important;
	}

		#journey img {
			width: 100%;
		}

	.div-news-and-features-wrapper {
		padding-left: 17px;
		overflow: hidden;
	}

	.div-news-and-features-listings {
		display: none;
	}

	.mobile-text {
		display: block;
	}

	#div-navigation {
		display: none;
	}

	#div-header {
		position: inherit !important;
	}

	.div-campaign-pagination {
		display: none;
	}

	.div-campaign-wrapper { /* display: none; */
	}

	#mobile-links {
		display: block;
	}

	.component-support-for-business-callout .callout-text {
		background-color: transparent;
	}

	.callout-text,
	.component-apprenticeships-callout .callout-text {
		background-color: transparent;
		margin-left: -15px;
		margin-right: -15px;
		padding: 0;
	}
		/*	.callout-text { display: table-cell; height: 157px; left: 0px !important; position: relative; vertical-align: middle; text-align: left; width: 700px; border-top: 0 none; background-color: transparent !important; }*/
		.callout-text h1 {
			color: #FFFFFF;
			font-family: "nimbus-sans",sans-serif;
			font-weight: 700;
			font-size: 27px !important;
			line-height: 32px;
			margin: 0;
			padding: 10px 0 0;
			border-top: 0px solid #FFFFFF !important;
		}

		.callout-text h3 {
			font-size: 24px !important;
			color: #fff;
			font-weight: 100;
			margin-top: 0px;
			margin-bottom: 10px;
		}

		.callout-text p {
			color: #FFFFFF;
			font-family: "nimbus-sans",sans-serif;
			font-weight: 300;
			font-size: 17px;
			margin-top: 20px;
		}

		.callout-text img {
			display: none;
		}

		.callout-text .hide {
			display: none;
		}

	.header-text {
		display: table-cell;
		font-family: "nimbus-sans",sans-serif;
		font-weight: 300;
		font-size: 21px;
		height: 573px;
		line-height: 51px;
		margin: 0 0 140px;
		text-align: center;
		text-shadow: 1px 1px #000000;
		vertical-align: middle;
		width: 1130px;
	}

	.jumbo { /* display: none; */
	}

	.component-apprenticeships-sub-nav {
		display: none;
	}

	#div-news-and-features-wrapper {
		height: 287px !important;
		overflow: hidden;
	}

	.callout-text a.a-button {
		background-color: #E7E076;
		border-radius: 0px !important;
		color: #192954;
		display: inline-block;
		font-family: "nimbus-sans",sans-serif;
		font-weight: 700;
		font-size: 14px;
		line-height: 14px;
		margin-top: 10px;
		margin-bottom: 10px;
		padding: 13px 20px;
		width: 100%;
		text-decoration: none;
		text-align: center;
	}

	#campus-maps {
		display: none;
	}

	.div-campuses-wrapper {
		margin: 25px 0 0;
		overflow: hidden;
		width: 100%;
	}

		.div-campuses-wrapper .div-campuses-tabs {
			background-color: #FFFFFF;
			display: none;
			height: 55px;
			position: relative;
		}

			.div-campuses-wrapper .div-campuses-tabs ul {
				left: 30px;
				list-style-type: none;
				margin: 0 auto;
				padding: 0;
				position: relative;
				width: 1138px;
			}

			.div-campuses-wrapper .div-campuses-tabs li {
				float: left;
				margin: 0;
				padding: 0;
			}

			.div-campuses-wrapper .div-campuses-tabs a {
				background-color: #A9A7A1;
				color: #FFFFFF;
				display: block;
				font-family: "nimbus-sans",sans-serif;
				font-weight: 900;
				font-size: 20px;
				height: 25px;
				line-height: 25px;
				margin: 0 5px;
				padding: 15px 25px;
				text-align: center;
				text-decoration: none;
			}

			.div-campuses-wrapper .div-campuses-tabs li.active a {
				background-color: #E9E5DC;
				color: #A9A7A1;
			}

		.div-campuses-wrapper aside {
			background-color: #E9E5DC;
			margin: 0 auto;
			position: relative;
			width: 100%;
		}

		.div-campuses-wrapper .div-campuses {
			clear: both;
			height: 420px;
			margin: 0 auto;
			position: relative;
			width: 1138px;
		}

			.div-campuses-wrapper .div-campuses .div-campus {
				height: 420px;
				position: relative;
				width: 1138px;
			}

			.div-campuses-wrapper .div-campuses .div-campus-text {
				color: #706767;
				font-family: "nimbus-sans",sans-serif;
				font-size: 16px;
				height: 350px;
				line-height: 24px;
				padding: 70px 25px 0 75px;
				text-align: left;
				width: 250px;
			}

				.div-campuses-wrapper .div-campuses .div-campus-text a {
					color: #706767;
				}

					.div-campuses-wrapper .div-campuses .div-campus-text a.a-button {
						background-attachment: scroll;
						background-image: url(/sitefiles/images/icon-arrow-right-brown-keyline.png);
						background-position: right center;
						background-repeat: no-repeat;
						font-weight: bold;
						padding: 2px 32px 2px 0;
						text-decoration: none;
					}
	/*#div-course-search-filter-submit-button button { background-position: 411px center; }*/
	.div-courses {
		padding: 0 0px;
	}

		.div-courses td:first-of-type {
			font-size: 11px;
			padding-left: 0;
			text-align: left;
			white-space: normal;
		}

		.div-courses table {
			border-collapse: collapse;
			border-spacing: 0;
			color: #5E5959;
			font-size: 10px;
			text-align: center;
		}

	.div-levels {
		display: none;
	}

	.div-courses td {
		border-bottom: 1px solid #ddd;
		font-family: "nimbus-sans",sans-serif;
		font-weight: 300;
		margin: 0;
		padding: 25px 3px;
		vertical-align: middle;
	}

	.component-full-time-course-levels {
		padding-left: 10px;
		padding-right: 10px;
	}

	#courses {
		margin-top: 20px !important;
	}

	#div-course-key-information {
		float: left;
		height: auto;
		margin: 0px;
		width: 100%;
	}

	.div-course-levels-wrapper {
		margin: 0;
		padding: 15px;
	}

		.div-course-levels-wrapper .div-course-levels > a {
			clear: both;
			font-size: 19px;
			margin: 0;
		}

		.div-course-levels-wrapper .div-heading {
			border-radius: 10px 10px 10px 10px !important;
			display: none;
		}

		.div-course-levels-wrapper .div-levels {
			display: none;
		}

	.div-signpost-on-image-wrapper .div-text {
		display: table-cell;
		height: 450px;
		text-align: left;
		vertical-align: middle;
		width: 100%;
		padding-top: 105px;
	}

		.div-signpost-on-image-wrapper .div-text h1 {
			color: #FFFFFF;
			font-family: "nimbus-sans",sans-serif;
			font-size: 26px !important;
			line-height: 42px !important;
			margin: 0;
			padding: 0;
		}

		.div-signpost-on-image-wrapper .div-text p {
			color: #FFFFFF;
			font-family: "nimbus-sans",sans-serif;
			font-weight: 300;
			font-size: 14px;
			line-height: 23px;
			margin: 30px 0 70px;
			padding: 0;
		}

	.div-signpost-on-image-wrapper aside {
		height: 450px;
		min-width: 100%;
		overflow: hidden;
		position: relative;
		text-align: center;
	}

	#div-signposts {
		padding-left: 15px;
		padding-right: 15px;
	}

		#div-signposts .post h2 {
			font-size: 14px;
		}

	#div-signpost-training-and-apprenticeships .training-text h1 {
		font-size: 37px;
	}

	#div-signpost-training-and-apprenticeships {
		width: 100% !important;
		margin: 0px;
	}

	.training-text img {
		display: none;
	}

	#div-signpost-training-and-apprenticeships-3-cols {
		margin-top: 0px;
	}

	.div-course-subjects-wrapper h1 {
		color: #3E93D6;
		font-family: "nimbus-sans",sans-serif;
		font-size: 16px !important;
		font-weight: bold;
		line-height: 37px;
		margin: 15px 0 34px;
		padding: 0;
		text-align: left;
	}

	.component-full-time-course-subjects .subjects-row {
		display: none;
	}

	.div-course-subjects-wrapper h1 {
		color: #3E93D6;
		font-family: "nimbus-sans",sans-serif;
		font-size: 37px;
		font-weight: bold;
		line-height: 37px;
		margin: 15px 0 34px;
		padding: 0;
		text-align: left;
	}

	.div-course-subjects-wrapper {
		background-color: #FFFFFF;
		padding: 0 0 25px !important;
	}

		.div-course-subjects-wrapper li {
			-webkit-padding-start: 0px !important;
			color: #3E93D6;
			margin: 4px 0 0 0;
			padding: 0;
			width: 250px;
		}

	.subjects {
		margin-bottom: 15px;
	}

	.div-signpost-on-image-wrapper .div-text {
		display: table-cell;
		height: 450px;
		text-align: center !important;
		vertical-align: middle;
		width: 100%;
		padding-top: 0;
		position: absolute;
		left: 0px;
	}

		.div-signpost-on-image-wrapper .div-text a.a-button {
			border: 1px solid #F4E756;
			background-color: transparent;
			color: #45421B;
			color: #F4E756;
			margin-top: 20px;
			width: 100%;
			border-radius: 8px;
		}

	.div-carousel-signposts-wrapper .div-carousel-signposts-controls a {
		background-attachment: scroll;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 70px 70px;
		display: block;
		height: 70px;
		position: absolute;
		top: 0;
		width: 75px;
	}

	.div-carousel-signposts-wrapper h1, .div-news-and-features-title-and-carousel h1 {
		color: #1374B5;
		font-family: "nimbus-sans",sans-serif;
		font-size: 21px;
		font-weight: bold;
		line-height: 21px;
		margin: 0 12px 30px;
		padding: 0;
	}

	#quick-links {
		height: 0px;
	}

	#quick-links {
		height: 0px;
		padding-left: 0px;
	}

	#footer {
		padding: 30px 0 100px;
		width: 100%;
	}

	.footer-line {
		display: block;
	}

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

	#div-social-media-accounts-and-copyright-notice-wrapper {
		min-height: 178px;
		position: relative;
		text-align: left;
	}

	#div-copyright-notice {
		text-align: left;
	}

	#div-telephone-numbers {
		display: table-cell;
		height: 210px;
		vertical-align: top;
		width: 275px;
	}

	dt {
		font-weight: 100;
	}

	#div-telephone-numbers dd {
		font-weight: 700;
	}

	#div-telephone-numbers dl {
		font-size: 14px;
	}

	#div-telephone-numbers p {
		font-size: 14px;
	}

	.tweet a {
		color: #FFFFFF;
		font-size: 16px;
		font-weight: 500;
		line-height: 25px;
		text-decoration: none;
	}

	.left-right-panels {
		height: auto !important;
	}

	#side-panel-right {
		height: auto !important;
		padding-bottom: 15px;
	}

	#side-panel-left {
		height: auto !important;
		padding-bottom: 15px;
	}

	#journey {
		margin-top: 55px;
	}

		#journey a.a-button {
			background-color: #cfc758;
			border-radius: 3px;
			color: #192954;
			display: inline-block;
			font-family: "nimbus-sans",sans-serif;
			font-weight: 700;
			font-size: 14px;
			line-height: 14px;
			margin: 0;
			padding: 13px 20px;
			text-decoration: none;
			width: 100%;
			margin-top: 24px;
		}

	#side-panel-right {
		padding: 7px 58px 0 35px;
		color: #FFFFFF;
		display: table-cell;
		font-family: "nimbus-sans",sans-serif;
		font-weight: 300;
		font-size: 15px;
		height: 700px;
		line-height: 21px;
		text-align: left;
		vertical-align: middle;
	}

	#side-panel-left {
		padding: 71px 58px 0 35px;
		color: #FFFFFF;
		display: table-cell;
		font-family: "nimbus-sans",sans-serif;
		font-weight: 300;
		font-size: 15px;
		height: 700px;
		line-height: 21px;
		text-align: left;
		vertical-align: middle;
	}

	.tile {
		display: inline-block;
		height: 260px;
		margin: 1px;
		overflow: hidden;
		padding: 0;
		position: relative;
		text-align: left;
		vertical-align: middle;
		width: 33% !important;
	}

	.div-video {
		float: left; /* height: 100%; */
		margin: 0px 42px 0 0;
		overflow: hidden;
		text-align: left;
		width: 100%;
	}

	.youtube-video {
		width: 100%;
	}

	.video-text h1 {
		color: #dddddd;
		font-family: "nimbus-sans",sans-serif;
		font-size: 34px;
		font-weight: normal;
		line-height: 34px;
	}

	.video-text p {
		color: #dddddd;
		font-family: "nimbus-sans",sans-serif;
		font-weight: 300;
		font-size: 16px;
		line-height: 24px;
	}

	.div-signposts-carousel-small {
		padding: 10px;
	}

	.div-news-and-features-carousel-controls li {
		display: block !important;
	}

	.div-news-and-features-top-story h2 {
		font-family: "nimbus-sans",sans-serif;
		font-size: 20px;
		font-weight: bold;
		line-height: 26px;
		margin: 0;
		padding: 20px 0;
		color: #625A5A;
	}

	.component-students-union {
		background-color: #D19C2A !important;
		background-image: none;
		padding: 10px;
		padding-top: 20px;
	}

	.div-image {
		display: none;
	}

	.div-logo-text2 p {
		margin: 10px 0;
	}

	.study {
		background-color: #103D5F;
		color: #666666;
		float: left;
		font-size: 15px;
		line-height: 25px;
		margin: 0px 59px 10px 20px;
		min-height: 650px;
		padding: 0 30px;
		position: relative;
		text-align: left;
		width: 300px;
	}

	.div-signpost-support-for-business {
		margin: 0;
		width: auto;
	}

	#connect-wrapper {
		height: auto;
	}

	.component-carousel-alt {
		overflow: hidden;
	}

	.component-video-and-text {
		background-size: cover;
	}

	.prospectus-suite * {
		overflow: hidden;
	}

	.div-logo {
		padding: 0px !important;
	}

	.support-for-business-page .div-signpost-support-for-business {
		margin: 0px 0px 0 !important;
	}

	.responsive-tabs li {
		display: none;
	}

	.responsive-tabs-content .responsive-tabs-panel,
	.responsive-tabs-content .responsive-tabs-panel .responsive-tab-title {
		display: block;
	}

	#divBasket {
		left: 15px;
		margin-left: 0;
		right: 15px; /*top: 87px;*/
		top: 527px;
		width: auto;
	}

		#divBasket:before { /*right: 65px;*/
			left: calc(10% + 149px);
		}

	#divBasketInner {
		padding: 40px 20px;
	}
	/*#logon-wrapper { left: 15px; margin-left: 0; padding: 40px 20px; right: 15px; top: 15px; width: auto; }
	#logon-wrapper:before { display: none; }*/
	#logon-wrapper .logon-content > div {
		display: block;
		float: none;
		height: auto;
	}

	#logon-center {
		border-left: 0 none;
		border-right: 0 none;
	}

	#logon-left,
	#logon-center {
		margin-bottom: 15px;
	}

	#logon-wrapper .logon-content p {
		margin-bottom: 10px;
	}

	#logon-wrapper .logon-content a.a-button {
		bottom: 0;
		margin-bottom: 10px;
		margin-right: 10px;
		position: static;
	}

	#course #nav-side { /*position: static; width: 100%;*/
	}

	#life-at-the-met #main-right {
		margin-top: 15px;
	}

	#course-search #main-right,
	#course-subject-area #main-right {
		margin-top: 15px;
	}

	#main-right-breadcrumbs ul ul {
		display: block;
		margin-left: 0;
	}

	#div-social-media-accounts a {
		background-size: 40px 40px;
		height: 40px;
		width: 40px;
	}
	/* #connect #div-masthead-wrapper.translucent { background-color: rgba(4, 24, 97, 1); } */
	#connect #main-right-content {
		margin-top: 60px;
	}

	#connect #main-right .div-social-media-accounts ul {
		margin-top: 0;
	}

	#connect #main-right .div-social-media-accounts h2 {
		margin-top: 0;
	}

	.div-news-and-features-stories .col-lg-4,
	.div-news-and-features-stories .col-lg-4:nth-child(4n) {
		margin-left: -15px;
	}

	#div-course-search fieldset {
		display: block;
	}

	#div-course-search-keywords-autocomplete {
		min-width: 290px;
		overflow: hidden;
		top: 38px;
		width: 100%;
	}

		#div-course-search-keywords-autocomplete li a {
			width: 80%;
		}

	.prevArrow {
		left: 2px;
	}

	.nextArrow {
		left: inherit;
		right: 2px;
	}

	.component-apprenticeships-highlights .col-lg-4 {
		clear: both;
		margin-top: 30px;
	}

	#part-time #main-right-top h1 {
		font-size: 15px;
	}

	.component-links .col-lg-3 {
		margin-top: 15px;
	}

		.component-links .col-lg-3:first-child {
			margin-top: 0;
		}

	#full-time .row-first {
		height: auto;
	}

	#part-time .row-first {
		height: auto;
	}

	#full-time #main-right,
	#part-time #main-right {
		padding-bottom: 0;
	}

	#full-time #main-right-content,
	#part-time #main-right-content {
		margin-bottom: 0;
	}

	#part-time #main-right {
		padding: 0;
	}

	#main-right-content .div-news-and-features-stories-2-col .col-xs-12,
	#main-right-content .div-news-and-features-stories-1-col .col-xs-12 {
		padding: 15px 15px 15px 0;
	}

	.div-campaign-carousel .slick-dots {
		display: none !important;
	}

	.div-campaign-wrapper { /*margin-top: 20px;*/
		margin-top: 0;
	}

		.div-campaign-wrapper .div-campaign .div-text h2 { /*margin: 66px 0 0;*/
		}

		.div-campaign-wrapper .div-campaign .div-campaign-carousel-item {
			background-size: auto 300px;
			height: 300px;
		}

		.div-campaign-wrapper .div-campaign .div-text {
			position: absolute;
		}

	#div-course-search-attendance-mode-search-group {
		display: flex;
	}

		#div-course-search-attendance-mode-search-group ul {
			display: flex;
			width: calc( 100% - 50px );
			padding-right: 15px;
			margin-bottom: 0px;
		}

		#div-course-search-attendance-mode-search-group li {
			width: 50%;
		}
}

@media screen and (max-width: 614px) {
	.tile {
		display: inline-block;
		height: 260px;
		margin: 1px;
		overflow: hidden;
		padding: 0;
		position: relative;
		text-align: left;
		vertical-align: middle;
		width: 49% !important;
	}

	.component-carousel-alt {
		display: none;
	}

	.nav-tile {
		width: 135px;
		height: 150px;
		display: inline-block;
	}

	.component-carousel-alt {
		display: none;
	}

	.div-campaign-wrapper .div-campaign .div-text h2 { /*margin: 30px 0;*/ /*font-size: 24px;*/ /*line-height: 36px;*/
	}

	.div-campaign-wrapper .div-campaign .div-campaign-carousel-item {
		display: block; /*background-size: auto 250px; min-height: 250px;*/
	}
}

@media screen and (max-width: 400px) {
	.tile {
		width: 100% !important;
	}

	.div-campaign-wrapper .div-campaign .div-text h2 { /*margin: 10px 0;*/
	}

	.div-campaign-wrapper .div-campaign .div-campaign-carousel-item {
		display: flex;
		background-size: cover;
		min-height: 200px;
		height: auto;
	}

	.div-campaign-wrapper .div-campaign .div-text {
		position: relative;
	}
}

/* Corrections for jQuery's animations */

@media screen and (min-width: 768px) {
	#div-primary-navigation nav {
		display: inline-block !important;
	}
}

@media screen and (min-width: 1200px) {

	/* Form - Hire our facilities */

	html.js #form-10017 form {
		border-bottom: 1px solid #ddd;
		border-top: 1px solid #ddd;
		height: 680px;
		position: relative;
	}

	html.js #form-10017 .beFormItem {
		width: 220px;
	}

	html.js #form-10017 #divFormItem_10100 {
		left: 0;
		position: absolute;
		top: 30px;
	}

	html.js #form-10017 #divFormItem_10102 {
		left: 0;
		position: absolute;
		top: 110px;
	}

	html.js #form-10017 #divFormItem_10106 {
		left: 0;
		position: absolute;
		top: 190px;
	}

	html.js #form-10017 #divFormItem_10137 {
		border-top: 1px solid #ddd;
		left: 0;
		position: absolute;
		top: 350px;
		padding-top: 20px;
	}

		html.js #form-10017 #divFormItem_10137 > .beFormLabel > label,
		html.js #form-10017 #divFormItem_10111 > .beFormLabel > label {
			color: #3790d5;
			font-size: 16px;
		}

	html.js #form-10017 #divFormItem_10108 {
		left: 250px;
		position: absolute;
		top: 30px;
	}

	html.js #form-10017 #divFormItem_10104 {
		left: 250px;
		position: absolute;
		top: 110px;
	}

	html.js #form-10017 #divFormItem_10110 {
		left: 250px;
		position: absolute;
		top: 190px;
	}

	html.js #form-10017 #divFormItem_11047 {
		left: 0;
		position: absolute;
		top: 270px;
	}

	html.js #form-10017 #divFormItem_10111 {
		border-top: 1px solid #ddd;
		left: 250px;
		position: absolute;
		top: 350px;
		padding-top: 20px;
	}

	html.js #form-10017 #divFormItem_10112 {
		right: 0;
		position: absolute;
		top: 30px;
	}

		html.js #form-10017 #divFormItem_10112 textarea {
			height: 153px;
		}

	html.js #form-10017 #divFormItem_10138 {
		color: #02215b;
		right: 0;
		position: absolute;
		text-align: right;
		top: 370px;
	}

	html.js #form-10017 #fieSubmit {
		left: 0;
		position: absolute;
		top: 560px;
	}

	html.js #form-10017 .beFormTypeCheckBoxList input.checkbox { /*display: none;*/
		height: 20px;
		width: 20px;
	}

	html.js #form-10017 .beFormTypeCheckBoxList label {
		cursor: pointer;
		padding-left: 0;
		position: relative;
		top: -4px;
	}
	/* html.js #form-10017 .beFormTypeCheckBoxList label:before { background-color: #fff; border: 1px solid #ddd; content: ' '; font-family: 'Glyphicons Halflings'; height: 20px; left: 0; position: absolute; top: 0; width: 20px; }
 html.js #form-10017 .beFormTypeCheckBoxList li.checked label:before { content: '\e013'; } */


}

/* New Search */

#course-search #main-right,
#course-subject-area #main-right { /*float: none !important;*/ /*margin-top: -10px;*/
	padding-left: 15px;
	padding-right: 15px;
}

#course-subject-area #main-right {
	float: none !important;
	margin-top: -10px;
}

#course-search main h1,
#course-subject-area main h1 {
	color: #3790D5;
	font-family: "nimbus-sans",sans-serif;
	font-size: 37px;
	font-weight: bold;
	line-height: 37px;
	margin-bottom: 25px;
}

#course-search .course-search-results-head,
#course-subject-area .course-search-results-head {
	background-color: #D3E8FD;
}

#course-search .div-courses .course-search-results-head > div,
#course-subject-area .div-courses .course-search-results-head > div {
	font-family: "nimbus-sans",sans-serif;
	font-weight: 700;
	margin: 0;
	text-align: center;
}

	#course-search .div-courses .course-search-results-head > div:first-of-type,
	#course-subject-area .div-courses .course-search-results-head > div:first-of-type {
		text-align: left;
	}

	#course-search .div-courses .course-search-results-head > div a,
	#course-subject-area .div-courses .course-search-results-head > div a {
		color: #5E5959;
		display: block;
		padding: 5px 0 25px;
		text-decoration: none;
	}

		#course-search .div-courses .course-search-results-head > div a span.ascending,
		#course-subject-area .div-courses .course-search-results-head > div a span.ascending {
			background-image: url(/siteFiles/images/icon-arrow-up-grey.png);
		}

		#course-search .div-courses .course-search-results-head > div a span.descending,
		#course-subject-area .div-courses .course-search-results-head > div a span.descending {
			background-image: url(/siteFiles/images/icon-arrow-down-grey.png);
		}

		#course-search .div-courses .course-search-results-head > div a span,
		#course-subject-area .div-courses .course-search-results-head > div a span {
			background-attachment: scroll;
			background-image: url(/siteFiles/images/icon-arrow-up-grey.png);
			background-position: center center;
			background-repeat: no-repeat;
			padding-bottom: 40px;
			white-space: nowrap;
		}

#course-search .div-courses .course-search-results-body,
#course-subject-area .div-courses .course-search-results-body {
	border-bottom: 1px solid #ddd;
	padding: 25px 0;
}

	#course-search .div-courses .course-search-results-body > div,
	#course-subject-area .div-courses .course-search-results-body > div {
		font-family: "nimbus-sans",sans-serif;
		font-weight: 300;
		font-size: 13px;
		margin: 0;
		padding: 0;
		text-align: center;
		text-overflow: ellipsis;
		vertical-align: middle;
	}

		#course-search .div-courses .course-search-results-body > div:first-of-type,
		#course-subject-area .div-courses .course-search-results-body > div:first-of-type {
			font-size: 16px;
			padding-left: 0;
			text-align: left;
			white-space: normal;
		}

		#course-search .div-courses .course-search-results-body > div a,
		#course-subject-area .div-courses .course-search-results-body > div a {
			color: #2A79C8;
			text-decoration: none;
		}

	#course-search .div-courses .course-search-results-body .group-2,
	#course-subject-area .div-courses .course-search-results-body .group-2 {
		margin-top: 5px;
	}

	#course-search .div-courses .course-search-results-body .group-3,
	#course-subject-area .div-courses .course-search-results-body .group-3 {
		margin-top: 20px;
	}

	#course-search .div-courses .course-search-results-body > div:nth-of-type(5),
	#course-search .div-courses .course-search-results-body > div:last-of-type,
	#course-subject-area .div-courses .course-search-results-body > div:nth-of-type(5),
	#course-subject-area .div-courses .course-search-results-body > div:last-of-type {
		text-align: right;
	}

	#course-search .div-courses .course-search-results-body > div:nth-of-type(7),
	#course-subject-area .div-courses .course-search-results-body > div:nth-of-type(7) {
		text-align: left;
	}

	#course-search .div-courses .course-search-results-body > div:nth-of-type(2),
	#course-subject-area .div-courses .course-search-results-body > div:nth-of-type(2) {
		text-align: left;
	}

#course-subject-area #course-search-top {
	background: none !important;
	background-color: transparent !important;
}

@media screen and (min-width: 576px) {

	.video-carousel-item iframe {
		width: 350px;
		height: 270px;
	}

	.c-spotlight {
		overflow: hidden;
	}

	.c-spotlight-grid {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		max-width: none;
		margin: 0;
		margin-left: -10px;
		margin-right: -10px;
	}

	.c-spotlight-item {
		margin-bottom: 0;
		padding: 10px;
		width: 50%;
	}

	.c-spotlight-item-info {
		flex-direction: column;
		padding-bottom: 30px;
	}

	.c-spotlight-item-text-content {
		order: 2;
		padding: 20px 15px;
		width: 100%;
		height: auto;
		overflow: auto;
	}

	.c-spotlight-item-picture {
		order: 1;
		width: 100%;
		height: 130px;
	}

	.c-spotlight-item-link, .c-spotlight-item-link:hover, .c-spotlight-item-link:focus {
		color: #FFFFFF;
		text-decoration: none;
	}

	.c-spotlight-item-title {
		margin-bottom: 10px;
		font-size: 22px;
		line-height: 24px;
	}

	.c-spotlight-item-button {
		border: none;
	}

	.c-spotlight-item-content { /*border: 1px solid #89e0f6;*/
		background-color: #041e42;
		height: 100%;
	}

	.c-spotlight-item-link {
		display: flex;
		flex-direction: column;
		height: 100%;
		background-color: #041e42;
	}

	.c-spotlight-item-button {
		margin-top: auto;
	}

	.div-campaign-wrapper .div-campaign .div-text h2 {
		font-size: 36px;
	}

	.div-campaign-wrapper .div-campaign .div-text p {
		padding: 10px 15px;
		font-size: 20px;
	}

	.c-spotlight {
		padding: 30px 0 15px;
	}
}


@media screen and (min-width: 768px) {
	#course-search .div-courses .course-search-results-body .group-2,
	#course-search .div-courses .course-search-results-body .group-3,
	#course-subject-area .div-courses .course-search-results-body .group-2,
	#course-subject-area .div-courses .course-search-results-body .group-3 {
		margin-top: 5px;
	}

	#course-search .div-courses .course-search-results-body > div,
	#course-search .div-courses .course-search-results-body > div:nth-of-type(5),
	#course-search .div-courses .course-search-results-body > div:nth-of-type(7),
	#course-search .div-courses .course-search-results-body > div:last-of-type,
	#course-subject-area .div-courses .course-search-results-body > div,
	#course-subject-area .div-courses .course-search-results-body > div:nth-of-type(5),
	#course-subject-area .div-courses .course-search-results-body > div:nth-of-type(7),
	#course-subject-area .div-courses .course-search-results-body > div:last-of-type {
		text-align: center;
	}

	.c-nav__navigation { /*top: 113px;*/
	}

	.c-nav__logo-menu #div-logo img {
		width: 100px;
	}

	/*#divBasket { left: 50%; margin-left:-274px; }*/

	.div-news-and-features-wrapper .div-news-and-features-listings .row-a a::after, .div-news-and-features-wrapper .div-news-and-features-listings .row-b a::after {
		bottom: -10px;
	}

	.div-news-and-features-wrapper .div-news-and-features-listings .row-a a, .div-news-and-features-wrapper .div-news-and-features-listings .row-b a {
		margin-bottom: 20px;
	}

	.div-news-and-features-wrapper .div-news-and-features-listings {
		padding: 15px 0 15px 15px;
	}

		.div-news-and-features-wrapper .div-news-and-features-listings .div-news-and-features-listings-container::before {
			content: none;
		}

		.div-news-and-features-wrapper .div-news-and-features-listings .div-news-and-features-listings-heading {
			display: none;
		}

	.c-home-subject-areas__dropdown-selected {
		display: none;
	}

	.c-home-subject-areas__nav {
		border: none;
		overflow: visible;
		height: auto;
		border-width: 1px;
		order: 1;
	}

	.c-home-subject-areas__side .download-btn {
		margin-left: 30px;
	}

	.c-home-subject-areas__nav > li.active {
		display: block;
	}

		.c-home-subject-areas__nav > li.active:hover::after {
			right: -32px;
			top: -1px;
			height: calc(100% + 2px);
			width: 32px;
		}

	.c-home-subject-areas__nav > li:hover:after {
		content: '';
		display: block;
		position: absolute;
		right: -30px;
		top: 0px;
		height: 100%;
		width: 30px;
		background-color: #ecf0f1;
		z-index: 1;
	}

	.cloak {
		border-right: none;
	}

		.cloak::after {
			content: '';
			display: block;
			z-index: 1;
			background-color: inherit;
			height: calc(100% + 2px);
			top: -1px;
			border: 1px solid #89e0f6;
			border-left: none;
			border-right: none;
			width: calc((100vw - 750px) / 2 + 6px);
			position: absolute;
			right: calc((-100vw + 750px) / 2 - 6px);
		}

	/*#logon-wrapper { margin-left: calc(9% + 10px); top: 546px; left: 0; padding: 25px 15px; width: 570px; }*/
	/*#logon-wrapper:before { display: block; right: auto; left: 35px; }*/

	.side-nav-inner {
		position: absolute;
		width: 100%;
	}

	#nav-side .nav-current > a::after {
		content: '';
		display: block;
		position: absolute;
		right: -32px;
		top: -1px;
		height: calc(100% + 2px);
		width: 32px;
		background-color: #ecf0f1;
		z-index: 1;
		border: 1px solid #89e0f6;
		border-right: none;
		border-left: none;
	}

	#nav-side li a:hover::after {
		content: '';
		display: block;
		position: absolute;
		right: -30px;
		top: 0px;
		height: 100%;
		width: 30px;
		background-color: #ecf0f1;
		z-index: 1;
	}

	#nav-side li.nav-current a:hover::after {
		right: -32px;
		top: -1px;
		height: calc(100% + 2px);
		width: 32px;
		border: 1px solid #89e0f6;
		border-right: none;
		border-left: none;
	}

	#nav-side .nav-current > a {
		border-right: none;
	}

	#nav-side .c-side-nav .nav-current > a {
		border-right-width: 1px;
		border-left-width: 1px;
	}

	.c-side-nav #nav-side-heading.nav-current > a {
		border-top-width: 1px;
	}

	#nav-side .nav-parent.nav-current ul {
		border-width: 1px;
	}


	.c-side-nav__selected-option {
		display: none;
	}

	.c-side-nav__menu {
		overflow: visible;
		height: auto; /*border-width: 1px;*/
	}

	.c-side-nav.open .c-side-nav__menu {
		border-width: 0;
	}

	#div-course-search-attendance-modes { /*display: inline-block;*/
	}

	#c-search {
		bottom: 65px;
		width: auto;
		right: calc((100% - 750px) / 2);
	}

	.c-search__container {
		background-color: #FFFFFF;
		padding: 20px 30px;
		border: 1px solid #66B3F3;
		width: auto;
	}

	#c-search #div-course-search-submit-button button {
		border-radius: 8px;
	}

	#c-search #div-course-search-keywords {
		border: 1px solid #cecece;
		padding: 3px;
		margin-right: 5px;
		width: auto;
	}

		#c-search #div-course-search-keywords input {
			border: 1px solid #E9E9E9;
		}

	.c-search__fieldset {
		display: block;
	}

	#c-search #div-course-search-attendance-modes {
		margin-right: 10px;
		width: auto;
	}

	#c-search #div-course-search-submit-button {
		width: auto;
	}

	.c-search__attendance-group {
		display: flex;
		width: auto;
	}

	.c-search__selected-option {
		display: none;
	}

	#c-search #div-course-search-attendance-modes label {
		border-top-width: 1px;
		border-left-width: 0;
	}

	#c-search #div-course-search-attendance-modes .c-search__attendance-mode:first-child label {
		border-left-width: 1px;
	}

	#c-search #div-course-search-attendance-modes input:checked + label {
		display: block;
	}

	.c-search__attendance-group {
		position: relative;
	}

	#div-course-search-attendance-modes.open .c-search__attendance-group {
		display: flex;
	}

	#main-right-breadcrumbs {
		display: block;
	}

	.row-first { /*padding-top: 162px;*/
	}

	.c-banner__container {
		padding-top: 162px;
	}

	.c-banner__mode-text {
		margin-top: 60px;
		margin-bottom: 0;
		text-align: left;
	}

	.c-banner__img-container img {
		margin: 0;
	}


	.c-home-subject-areas__section ul {
		column-count: 2;
	}

	.link-columns {
		column-count: 2;
	}

	.c-home-subject-areas__dropdown.open .c-home-subject-areas__nav {
		overflow: visible;
	}

	.c-home-subject-areas__nav > li.active::after {
		content: '';
		display: block;
		position: absolute;
		right: -32px;
		top: -1px;
		height: calc(100% + 2px);
		width: 32px;
		background-color: #ecf0f1;
		z-index: 1;
		border: 1px solid #89e0f6;
		border-right: none;
		border-left: none;
	}

	.c-home-subject-areas__nav > li {
		border: none;
		margin-bottom: 0;
		text-align: left;
		background-color: transparent;
	}

		.c-home-subject-areas__nav > li.active {
			border-right: none;
		}

	#nav-side li a {
		background-color: transparent;
		border: none;
		margin-bottom: 0;
	}

	#nav-side-heading a, #nav-side-heading h1 {
		background-color: transparent;
		border: none;
		margin-bottom: 0;
	}

	#nav-side-heading:hover::after {
		content: '';
	}

	.c-home-subject-areas__nav > li span::before {
		content: '';
	}

	#nav-side li span::before {
		content: '';
	}

	#nav-side li:last-child span::after {
		content: '';
	}



	.video-carousel-item iframe {
		width: 350px;
		height: 270px;
	}

	.video-carousel-wide .video-carousel-item {
		margin-right: 60px;
	}


	#logon-wrapper .logon-content a.a-button-app-update {
		bottom: 0;
	}

	.c-spotlight {
		padding: 10px 0;
		margin: 30px 0;
		background-color: #ecf0f1;
		border: 1px solid #89e0f6;
		border-right: none;
		border-left: none;
	}

	.c-spotlight-item {
		width: 33.3333%;
	}

	.c-spotlight-item-text {
		font-size: 16px;
	}

	.c-spotlight-item-text-content {
		padding: 25px 20px;
	}

	.c-rel-search .c-search__container {
		background-color: transparent;
		padding: 0;
		border: none;
	}

	.c-rel-search #c-search #div-course-search {
		background-color: transparent;
	}

	.c-rel-search #c-search #div-course-search-keywords {
		background-color: #FFFFFF;
	}

	.c-keyinfo-container {
		width: 90%;
		margin-left: 5%;
		padding-top: 30px;
		padding-bottom: 30px;
	}

		.c-keyinfo-container.split-content {
			padding-top: 15px;
			padding-bottom: 15px;
		}

			.c-keyinfo-container.split-content .c-keyinfo-content {
				display: flex;
				flex-wrap: wrap;
				overflow: hidden;
				margin-left: -15px;
				margin-right: -15px;
			}

				.c-keyinfo-container.split-content .c-keyinfo-content .c-keyinfo-content-item {
					width: 50%;
					margin-bottom: 0px;
					padding: 15px;
				}

	.div-campaign-wrapper .div-campaign .div-text {
		padding: 20px;
		position: absolute;
	}

		.div-campaign-wrapper .div-campaign .div-text h2 {
			font-size: 44px;
		}

	.div-campaign-wrapper .div-campaign .campaign-carousel-button {
		font-size: 18px;
		padding: 12px 20px;
	}

		.div-campaign-wrapper .div-campaign .campaign-carousel-button.nobackground {
			padding: 12px 20px;
		}
}

@media screen and (min-width: 992px) {
	.component-campuses {
		display: block;
	}

	#course-subject-area #main-right {
		margin-top: 60px;
	}

	#course-search #main-right { /*margin-top: 60px;*/
	}

	#course-search .div-courses .course-search-results-body > div,
	#course-subject-area .div-courses .course-search-results-body > div {
		font-size: 14px;
		overflow: hidden;
		text-align: center;
	}

		#course-search .div-courses .course-search-results-body > div:nth-of-type(2),
		#course-subject-area .div-courses .course-search-results-body > div:nth-of-type(2) {
			text-align: center;
		}

	.c-nav { /*width: calc(100% - 20px); margin: 10px;*/
		overflow: visible;
	}

	.c-nav__toggler {
		display: none;
	}

	.c-nav__navigation {
		position: relative;
		background-color: transparent;
		top: 0;
		right: 0;
		width: 100%;
		display: flex;
		flex-direction: column;
		padding: 15px 15px 15px 0;
	}

	.c-nav__primary {
		order: 2;
	}

	.c-nav__secondary {
		order: 1;
		display: flex;
		justify-content: space-between;
		margin-bottom: 15px;
		padding-right: 0;
	}

	.c-nav__actions {
		order: 2;
		margin-bottom: 0;
	}

	.c-nav__menu {
		order: 1;
		margin-bottom: 0;
	}

		.c-nav__menu ul {
			display: flex;
			height: 100%;
			align-items: center;
		}

			.c-nav__menu ul li {
				display: inline-block;
				margin: 0 15px 0 0;
			}

				.c-nav__menu ul li:last-child {
					margin-right: 0;
				}

				.c-nav__menu ul li a {
					font-size: 14px;
					color: #c4c4c4;
				}

					.c-nav__menu ul li a::after {
						content: '|';
						margin-left: 0;
						left: 7px;
						pointer-events: none;
					}

					.c-nav__menu ul li a:hover::after {
						color: #c4c4c4;
						text-decoration: none;
					}

				.c-nav__menu ul li:last-child a::after {
					content: '';
				}

	.c-nav__primary {
		margin-bottom: 0;
	}

		.c-nav__primary ul {
			display: flex;
			justify-content: space-between;
		}

			.c-nav__primary ul li a {
				display: inline-block;
				border: none;
				padding: 0;
				font-family: "nimbus-sans",sans-serif;
				font-weight: 700;
			}

				.c-nav__primary ul li a:hover {
					background-color: transparent;
					color: #66B3F3;
				}

			.c-nav__primary ul li:last-child a {
				border-bottom: none;
			}

	.c-nav__socials {
		display: none;
	}

	#nav-log-in #login-button {
		line-height: 35px;
	}

	.c-nav #div-course-basket > a span {
		width: 35px;
		height: 35px;
	}

	.c-nav #div-site-search a span {
		width: 35px;
		height: 35px;
	}

	.c-nav.open .c-nav__navigation {
		display: flex;
		background-color: transparent;
		top: 0;
		right: 0;
		position: relative;
		width: 100%;
		padding: 15px 15px 15px 0;
	}

	.c-nav__logo-menu #div-logo img {
		width: auto;
	}

	.c-nav .container {
		display: flex;
		align-items: center;
	}

	#divBasket {
		position: fixed;
		left: 50%;
		top: 95px;
		margin-left: -133px;
	}

		#divBasket:before {
			left: auto;
			right: 15px;
		}

	.div-news-and-features-wrapper .div-news-and-features-listings .div-news-and-features-listings-heading {
		display: block;
		margin-bottom: 15px;
	}

	.div-news-and-features-wrapper .div-news-and-features-listings {
		padding: 30px 0 30px 20px;
		align-items: normal;
	}

	.cloak::after {
		width: calc((100vw - 970px) / 2 + 6px);
		position: absolute;
		right: calc((-100vw + 970px) / 2 - 6px);
	}

	#logon-wrapper {
		top: 89px;
		margin-left: -280px;
		right: auto;
		left: 50%;
		width: 750px;
	}

		#logon-wrapper:before {
			right: 132px;
			left: auto;
		}


	.c-home-subject-areas__section ul {
		column-count: 3;
	}

	.link-columns {
		column-count: 3;
	}

	#c-search {
		right: auto;
	}


	.video-carousel-item iframe {
		width: 420px;
		height: 300px;
	}

	.video-carousel-wide .video-carousel-item.slick-active iframe {
		width: 530px;
		height: 340px;
	}

	.video-carousel-wide .video-carousel-item iframe {
		width: 290px;
		height: 190px;
	}

	.video-carousel-wide .slick-track {
		display: flex;
		align-items: center;
	}

	.video-carousel-wide .carousel-arrow.glyphicon-chevron-right {
		margin-left: 10px;
	}

	.video-carousel-wide .carousel-arrow.glyphicon-chevron-left {
		margin-right: 10px;
	}


	#logon-wrapper .logon-content a.a-button-app-update {
		bottom: 0;
	}

	.c-spotlight-grid {
		margin-left: -15px;
		margin-right: -15px;
	}

	.c-spotlight-item {
		width: 25%;
		padding: 15px
	}

	.c-spotlight-item-info {
		padding-bottom: 40px;
	}

		.c-spotlight-item-info img {
			margin: auto;
			display: block;
		}

	.c-keyinfo-container.split-content .c-keyinfo-content {
		margin-right: -30px;
		margin-left: -30px;
	}

		.c-keyinfo-container.split-content .c-keyinfo-content .c-keyinfo-content-item {
			padding-right: 30px;
			padding-left: 30px;
		}



	.div-campaign-wrapper .div-campaign .div-text h2 {
		font-size: 52px;
	}

	.div-campaign-wrapper .div-campaign .div-text p {
		padding: 12px 18px;
		font-size: 24px;
	}

	.div-campaign-wrapper .div-campaign .campaign-carousel-button {
		padding: 15px 25px;
	}

		.div-campaign-wrapper .div-campaign .campaign-carousel-button.nobackground {
			padding: 15px 25px;
		}
}

@media screen and (min-width: 1200px) {
	.c-nav__menu {
		width: calc(100% - 220px);
	}

		.c-nav__menu ul {
			justify-content: space-between;
		}

			.c-nav__menu ul li a {
				font-size: 16px;
			}

	#nav-log-in #login-button {
		padding: 0 25px;
	}

	.c-nav__navigation {
		padding-left: 30px;
	}

	.c-nav__secondary {
		padding-left: 50px;
	}

	.c-nav__menu ul li a::after {
		left: 17px;
	}

	#divBasket {
		top: 110px;
		margin-left: -35px;
	}

	.div-news-and-features-wrapper .div-news-and-features-listings .div-news-and-features-listings-container::before {
		content: '';
	}

	.div-news-and-features-wrapper .div-news-and-features-listings .div-news-and-features-listings-heading {
		margin-bottom: 20px;
	}

	.div-news-and-features-wrapper .div-news-and-features-listings {
		padding-left: 60px;
	}

	.cloak::after {
		width: calc((100vw - 1170px) / 2 + 6px);
		position: absolute;
		right: calc((-100vw + 1170px) / 2 - 6px);
	}

	#logon-wrapper {
		top: 104px;
		margin-left: -190px;
	}

	.video-carousel-wide .video-carousel-item.slick-active iframe {
		width: 640px;
		height: 400px;
	}

	.video-carousel-wide .video-carousel-item iframe {
		width: 370px;
		height: 250px;
	}

	.c-spotlight-grid {
		margin-left: -20px;
		margin-right: -20px;
	}

		.c-spotlight-grid.center-text {
			text-align: center;
		}

	.c-spotlight-item {
		padding: 20px
	}

	.c-spotlight-item-title {
		font-size: 24px;
		line-height: 26px;
	}

	.div-campaign-wrapper .div-campaign .div-text h2 {
		font-size: 64px;
	}

	.div-campaign-wrapper .div-campaign .div-text p {
		padding: 15px 25px;
		font-size: 26px;
	}
}

@media screen and (min-width: 1300px) {
	.c-nav__navigation {
		padding-left: 45px;
		padding-right: 0;
	}

	.c-nav.open .c-nav__navigation {
		padding-left: 45px;
		padding-right: 0;
	}

	#divBasket {
		margin-left: -20px;
	}

	#logon-wrapper {
		margin-left: -177px;
	}
}

.reload-page {
	border-radius: 4px;
	background-color: #337ab7;
	border: none;
	color: #FFFFFF;
	text-align: center;
	padding: 10px;
	width: 100px;
	cursor: pointer;
}

.accordion-blue-background {
	background-color: #a4caf3 !important;
}

.accordion-blue-background-body {
	background-color: #a4caf3 !important;
}

.advice-gallery {
	z-index: 1;
}

.advice-videos {
	position: relative;
	z-index: 99;
}

	.advice-videos iframe {
		/*float: left;*/
		margin-bottom: 10px;
	}

.advice-button {
	margin-bottom: 10px;
}

.grey-full-width-section {
	background: #EFEFEF;
	margin-top: 25px;
}

	.grey-full-width-section iframe {
		margin-top: 20px;
	}

.grey-stacking {
	background-color: #cdcfcf;
}

	.grey-stacking p {
		text-align: center;
		font-weight: bold;
		padding: 10px;
	}

	.grey-stacking img {
		display: block;
		margin: auto;
		/*padding: 10px 0;*/
		max-height: 211px;
	}

.grey-stacking-spacing {
	margin: 13px 0;
}

.grey-stacking-icon img {
	display: block;
	margin: auto;
	padding: 10px 0;
}

.grey-center-items {
	display: flex;
	align-items: center;
}

	/*.grey-center-items p {
		font-size: 16px;
	}*/

@media only screen and (max-width: 991px) {
	.grey-center-items {
		display: block;
	}
}

.dark-grey-background {
	background-color: #cdcfcf;
}

.grey-top-spacing {
	margin-top: 15px;
}

.banner-live-text {
	bottom: 125px;
	font-family: "nimbus-sans",sans-serif;
	font-weight: 900;
	font-size: 24px;
	-webkit-font-smoothing: antialiased;
	color: #ffffff;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	text-align: center;
	text-shadow: 0 0 7px rgba(0,0,0,1);
}



@media screen and (min-width: 992px) {
	.banner-live-text {
		font-size: 52px;
	}
}

@media screen and (min-width: 768px) {
	.banner-live-text {
		font-size: 44px;
	}
}

@media screen and (min-width: 576px) {
	.banner-live-text {
		font-size: 36px;
	}
}

@media screen and (min-width: 1200px) {
	.banner-live-text {
		font-size: 64px;
	}
}











.background-image-edit {
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #000000;
}

.custom-banner-button {
	font-size: 14px;
	color: #ffffff;
	font-weight: 300;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	text-align: center;
	padding: 5px 15px;
	margin: 0 auto;
	position: relative;
}







@media screen and (min-width: 576px) {
	.custom-banner-button {
		font-size: 20px;
	}
}

@media screen and (min-width: 992px) {
	.custom-banner-button {
		font-size: 24px;
	}
}

@media screen and (min-width: 1200px) {
	.custom-banner-button {
		font-size: 26px;
	}
}

.custom-banner-small-text {
	font-family: "nimbus-sans",sans-serif;
	font-weight: 700;
	font-size: 16px;
	display: inline-block;
	padding: 8px 15px;
	border-radius: 8px;
	color: #ffffff;
}


.banner-text-container {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}

.row iframe {
	border: none;
}

@media (min-width: 1330px) {
	.c-home-video video {
		top: -140px;
	}
}

.c-home-video {
	margin-bottom: 40px;
	max-height: 550px;
	overflow: hidden;
	width: 100%;
}

	.c-home-video video {
		position: relative;
	}

.c-home-carousel__video {
	position: relative;
	width: 100%;
}

.contact-intro-text {
	display: none;
	font-weight: bold;
	font-size: 16px !important;
	color: #000;
}

.c-spotlight-item-text-content.spotlight-dark {
	display: block;
	padding-right: 15px;
	width: 100%;
}

.c-spotlight-item-info.spotlight-dark {
	padding-bottom: 0;
}

	.c-spotlight-item-info.spotlight-dark img {
		margin: auto;
		display: block;
		width: 100%;
	}

	.c-spotlight-item-info.spotlight-dark .c-spotlight-item-text {
		padding: 10px;
	}

.spotlight-dark .c-spotlight-item-text p {
	color: #ffffff;
	text-align: center;
}

/* Rounded sliders */
.slider.round {
	border-radius: 34px;
	border: solid 1px #fff;
}

	.slider.round:before {
		border-radius: 50%;
	}

.grayscale-text {
	color: #ffffff;
}

.grayscale-toggle {
}


.switch {
	position: relative;
	display: inline-block;
	width: 90px;
	height: 34px;
	margin-bottom: 0;
}

	.switch input {
		display: none;
	}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #2a3040;
	-webkit-transition: .4s;
	transition: .4s;
}

	.slider:before {
		position: absolute;
		content: "";
		height: 26px;
		width: 26px;
		left: 4px;
		bottom: 3px;
		background-color: white;
		-webkit-transition: .4s;
		transition: .4s;
	}

input:checked + .slider {
	background-color: #000000;
}

input:focus + .slider {
	box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
	-webkit-transform: translateX(55px);
	-ms-transform: translateX(55px);
	transform: translateX(55px);
}

.on {
	display: none;
}

.on, .off {
	color: white;
	position: absolute;
	transform: translate(-50%,-50%);
	top: 50%;
	left: 50%;
	font-size: 10px;
	font-family: Verdana, sans-serif;
}

input:checked + .slider .on {
	display: block;
}

input:checked + .slider .off {
	display: none;
}

.btn-toggle-container {
	display: inline-flex;
	align-items: center;
	margin: 15px 15px 0 0;
}

.btn-toggle-label {
	display: block;
	margin-right: 15px;
	color: #fff;
	font-size: 16px;
}

.btn-toggle {
	line-height: 1;
}


.master-grayscale {
	-moz-filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	filter: gray;
	filter: grayscale(100%);
}

@media (min-width: 768px) {
	.card-grid {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

		.card-grid > div > div {
			display: flex;
			flex-direction: column;
			height: 100%;
		}

			.card-grid > div > div *:last-child {
				margin-top: auto;
			}
}

.master-grayscale {
	-moz-filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	filter: gray; /* IE6-9 */
	filter: grayscale(100%);
}

.div-campaign.div-campaign-carousel {
	background-color: #000000;
}

	.div-campaign.div-campaign-carousel .slick-autoplay-toggle-button {
		bottom: 70px;
		color: #fff;
		text-shadow: 0 0 16px #000;
	}

	.div-campaign.div-campaign-carousel .slick-arrow {
		text-shadow: 0 0 16px #000;
		top: 45%;
		z-index: 1;
	}

	.div-campaign.div-campaign-carousel .slick-next .slick-next-icon,
	.div-campaign.div-campaign-carousel .slick-next .slick-prev-icon,
	.div-campaign.div-campaign-carousel .slick-prev .slick-next-icon,
	.div-campaign.div-campaign-carousel .slick-prev .slick-prev-icon {
		color: #fff;
	}

	.div-campaign.div-campaign-carousel .slick-next {
		right: 7px;
	}

	.div-campaign.div-campaign-carousel .slick-prev {
		left: 7px;
	}


.c-course-filter-item input[type=checkbox] {
	/* height: 30px;
	width: 30px; */
}

.c-course-filter-item label:not(.e-checkbox) {
	padding-left: 0 !important;
}

.accessibility-link:hover .google-translate {
	text-decoration: underline;
}

.accessibility-link:hover,
.accessibility-link:focus {
	color: #66b3f3;
	text-decoration: none;
}

.google-translate {
	color: #ffffff;
	font-weight: bold;
	position: absolute;
	right: 215px;
	margin-top: 3px;
}

#google_translate_element {
	display: none;
	text-align: right;
	padding-bottom: 15px;
	padding-right: 18px;
}

@media screen and (min-width: 992px) {
	#google_translate_element {
		text-align: right;
		padding-top: 15px;
		padding-right: 18px;
		padding-bottom: 0px;
	}
}

nav.c-nav__primary li {
	padding: 0px;
}

	nav.c-nav__primary li:hover a {
		padding: 20px;
		color: #02215A;
		background-color: #EEEFF1;
	}

	

@media screen and (min-width: 992px) {


	.c-nav__navigation {
		position: relative;
		background-color: transparent;
		top: 0;
		right: 0;
		width: 100%;
		display: flex;
		flex-direction: column;
		padding: 15px 15px 0px 0;
	}

	.c-nav__primary ul li a {
		padding: 20px;
	}
}

@media screen and (min-width: 1300px) {

	nav.c-nav__primary li:hover a::after, .c-nav__primary-active a::after  {
		content: '';
		display: block;
		position: absolute;
		left: 0;
		width: 100%;
		height: 27px;
		top: 100%;
		background-color: #EEEFF1;
	}
}

.c-mega-nav-expanded {
	background-color: #eeeff1;
	position: absolute;
	width: 100%;
	z-index: 1;
	top: 200px;
	min-height: 300px;
	left: 0;
	display: none;
}

@media screen and (min-width: 1200px) {
	.c-mega-nav-expanded {
		background-color: #eeeff1;
		position: absolute;
		width: 100%;
		z-index: 1;
		top: 173px;
		min-height: 300px;
		left: 0;
		display: none;
	}
}

.c-mega-nav-expanded .container {
	position: relative;
	left: 200px;
	flex-wrap: wrap;
}

.c-mega-nav-expanded-content {
	padding-bottom: 30px;
}

.c-mega-nav-expanded-content-column {
	width: 25%;
	color: #002E46;
	padding: 0px 30px;
	display: inline-block;
	vertical-align: top;
}

@media screen and (min-width: 1200px) {
	.c-mega-nav-expanded-content-column {
		width: 33%;
		color: #002E46;
		padding: 0px 30px;
		display: inline-block;
		vertical-align: top;
	}
}

.c-mega-nav-expanded-content-column a {
	color: #002E46;
}

	.c-mega-nav-expanded-content-column a:hover {
		text-decoration: underline;
	}

.c-mega-nav-expanded-title {
	padding: 20px 30px;
}

	.c-mega-nav-expanded-title h2 {
		color: #002E46 !important;
		font-size: 25px !important;
		display: inline-block !important;
		font-family: "nimbus-sans",sans-serif !important;
		font-weight: 700 !important;
	}

.c-mega-nav-expanded-content-column.info-column p {
	line-height: 22px;
	font-weight: bold;
	font-size: 18px;
}

.c-mega-nav-expanded-content-column.link-column {
	padding-top: 15px;
}

	.c-mega-nav-expanded-content-column.link-column p {
		font-family: co-text, sans-serif;
		padding-bottom: 0;
		margin: 0;
		margin-bottom: 10px;
	}


.c-mega-nav-item-buttons .c-button {
	font-size: 18px;
	background-color: #02215A;
	color: #ffffff;
	font-weight: bold;
	padding: 6px 20px;
	display: inline-block;
	margin-bottom: 10px;
	min-width: 220px;
}

.c-nav__primary-active {
	color: #02215A;
	background-color: #EEEFF1;
}

	.c-nav__primary-active a {
		color: #02215A !important;
		background-color: #EEEFF1;
	}

@media screen and (max-width: 991px) {
	.c-mega-nav-expanded-container {
		display: none;
	}

	.c-mega-nav-expanded {
		display: none !important;
		left: 99999px;
	}
}



.component-carousel-events {
	background: #0e0a56;
	margin-top: 25px;
}

	.component-carousel-events .slick-slider {
		margin-bottom: 0;
	}

	.component-carousel-events .div-carousel-signposts-wrapper {
		background-color: #0e0a56;
		margin: 50px 0;
	}

	.component-carousel-events h1 {
		color: #ffffff;
		margin: 0 0 50px;
	}

.event-details-title {
	padding: 10px 15px 0px 15px;
	font-size: 20px;
	font-weight: bold;
	color: #ffffff;
}

.event-details-dates {
	padding: 0px 10px 0px 15px;
	font-size: 18px;
	color: #ffffff;
}

.component-carousel-events button {
	margin: 15px 0 0px 0px;
	width: 100%;
	font-size: 20px;
	font-weight: 700;
	border: none;
	border-radius: 0;
}

a#CybotCookiebotDialogPoweredbyCybot,
div#CybotCookiebotDialogPoweredByText {
	display: none;
}

#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-main-logo {
	display: none;
}

.video-carousel-list .cookiebot-msg-marketing {
	color: #ffffff;
}

	.video-carousel-list .cookiebot-msg-marketing a {
		color: #ffffff;
		text-decoration: underline;
	}

.ally-accessible-versions-active .c-nav {
	z-index: 1;
}


.first-banner {
	background: #000;
	padding-top: 32px;
	padding-bottom: 32px;
}

.first-banner-heading {
	color: #fff;
	line-height: 1.25;
	margin-bottom: 10px;
	font-size: 32px;
}

.first-banner-text {
	color: #fff;
	line-height: 1.25;
	margin-bottom: 5px;
	font-size: 18px;
}

.first-banner-link a {
	color: #fff;
	line-height: 1.25;
	font-size: 16px;
	text-decoration: underline;
}

	.first-banner-link a:hover {
		text-decoration: none;
	}

/* customisable accordions */

.accordion-customisable .panel-group .panel {
	border-radius: 0;
	float: none;
}

.accordion-customisable .panel-group {
	margin-top: 50px;
}

.accordion-customisable .panel-heading {
	border-radius: 0;
	padding: 0;
}

	.accordion-customisable .panel-heading a {
		display: flex;
		align-items: center;
		line-height: 1.5;
		padding: 10px 40px 10px 15px !important;
		position: relative;
		text-decoration: none !important;
	}

		.accordion-customisable .panel-heading a::before {
			content: '+';
			font-size: 24px;
			position: absolute;
			right: 15px;
			top: auto;
			bottom: auto;
			transition: all .5s ease-out;
			transform: rotate(45deg);
		}

	.accordion-customisable .panel-heading:hover a.collapsed::before {
		transform: rotate(45deg);
	}

	.accordion-customisable .panel-heading a.collapsed::before {
		transform: rotate(0deg);
	}

.accordion-customisable .panel-title {
	font-size: 18px;
}

.accordion-customisable .panel-heading a span {
	display: block;
	max-width: 90%;
}

/* specific customisable accordion */

.accordion-customisable-top-section .panel {
	border-top: 1px solid #89e0f6 !important;
	padding-bottom: 25px;
	padding-top: 25px;
}

	.accordion-customisable-top-section .panel + .panel {
		margin-top: 0;
	}

.accordion-customisable-right-aligned {
	margin-top: 25px;
}

	.accordion-customisable-right-aligned .panel-group {
		margin-left: 30px;
		margin-right: 30px;
	}

.accordion-customisable-full-wdith {
	margin-top: 25px;
}

.accordion-customisable-half-width {
}

.div-campaign-carousel-item-image {
	height: 100%;
	object-fit: cover;
	position: absolute;
	width: 100%;
}

#site-search-results .searchheading {
	display: none;
}

.CybotCookiebotFader.CybotCookiebotDialogActive {
	background-image: none !important;
}



/* temporary code for accessible search - keeping this in one block in case it needs to be rolled back */

@media screen and (max-width: 767px) {
	.c-search__selected-option {
		display: none;
	}

	.c-search__attendance-group {
		display: flex;
		position: relative;
	}

	#c-search #div-course-search-keywords {
		width: 100%;
	}

	.c-search__fieldset {
		display: block;
	}

	#c-search #div-course-search-attendance-modes {
		width: 100%;
		display: flex;
		margin: 15px 0;
	}

	.c-search__attendance-mode {
		width: 50%;
	}

	#c-search #div-course-search-submit-button {
		width: 100%;
	}

		#c-search #div-course-search-submit-button button {
			width: 100%;
		}

	#div-course-search {
		background-color: transparent;
	}

	.c-search__container {
		border: 0 none;
	}

	#c-search #div-course-search-attendance-modes input:checked + label {
		display: block;
	}
}

#js-course-filter-form {
    /*padding-top: 30px;*/
}

#js-course-filter-form-filters, #js-course-filter-search {
    height: 0;
    visibility: hidden;
    opacity: 0;
}

#js-course-filter-form.open #js-course-filter-form-filters {
    opacity: 1;
    visibility: visible;
    height: auto;
    transition: 0.5s all ease;
    margin-top: 10px;
}

#js-course-filter-form.c-course-filter.open #js-course-filter-form-filters {
    opacity: 1;
    visibility: visible;
    height: auto;
    transition: 0.5s all ease;
    margin-top: 10px;
}

#js-course-filter-form.open #js-course-filter-search {
    opacity: 1;
    visibility: visible;
    height: auto;
    transition: 0.5s all ease;
    margin-top: 10px;
    margin-bottom: 15px;
}


#js-course-filter-form #keyword {
    width: 100%;
    height: 40px;
    padding: 0 40px 0 10px;
    display: inline-block;
    font-size: 16px;
    text-align: center;
    text-indent: 30px;
}

    #js-course-filter-form #keyword::placeholder {
        color: #000;
        font-weight: bold;
    }

#js-course-filter-form #test-search {
    width: 100%;
    display: inline-block;
}

#course-search-top {
    display: none;
}

#course #main-right-breadcrumbs a,
#course-search #main-right-breadcrumbs a {
    color: #337ab7;
}

#main-right-breadcrumbs li li::before {
    color: #02215b;
    content: ' / ';
}

#course #main-right-breadcrumbs li li::before,
#course-search #main-right-breadcrumbs li li::before {
    color: #02215b;
}

#main-right-breadcrumbs {
    margin-left: 0;
}

#js-course-filter-form .c-course-filter-heading {
    color: #02215b;
    font-size: 18px;
    font-family: "nimbus-sans",sans-serif;
    font-weight: 700;
    position: relative;
    padding: 10px 30px;
    border-radius: 10px 10px 0 0;
    background-color: #174993;
    color: #fff;
}

    #js-course-filter-form .c-course-filter-heading:after {
        content: none;
        height: 1px;
        width: 60px;
        background-color: #89e0f6;
        position: absolute;
        bottom: -3px;
        left: 30px;
    }

    #js-course-filter-form .c-course-filter-heading.mb-10 {
        margin-bottom: 0;
    }


    #js-course-filter-form .c-course-filter-heading.course-title {
        font-size: 14px;
        color: #5e5959;
        padding-left: 0;
    }

        #js-course-filter-form .c-course-filter-heading.course-title:after {
            content: "";
            display: none;
        }


#js-course-filter-form .search-btn {
    display: block;
    color: #fff;
    background-color: #02215b;
    padding: 8px 12px;
    font-family: "nimbus-sans",sans-serif;
    font-size: 16px;
    line-height: 21px;
    font-weight: bold;
    border: none;
    background-attachment: scroll;
    cursor: pointer;
    margin-top: 10px;
}


    #js-course-filter-form .search-btn:hover {
        background-color: #092e72;
    }

    #js-course-filter-form .search-btn img {
        display: none;
    }

/*#js-course-filter-form .clear-filter-button {*/
    /*display: block;
    color: #eae8e8 !important;
    background-color: #4e8ed4 !important;
    padding: 6px 12px;
    font-family: "nimbus-sans",sans-serif; 
    font-size: 15px;
    line-height: 21px;
    border: 1px solid #89e0f6;
    background-attachment: scroll;
    cursor: pointer;
    margin-top:0;
    display:none;
    margin-left:15px;*/
    /* margin-top: -5px;
    margin-left: 15px;
    position: absolute;
    top: 180px;*/
    /*background: none;
    background-color: white !important;
    color: #e73333 !important;
    border: none;
    padding: 0;
    font-weight: bold;*/
/*}*/

/*#js-course-filter-form .clear-filter-button:hover {
    background-color: #092e72 !important;
    }*/

#js-search-results .search-result-item {
    border: 1px solid #89e0f6;
    background-color: #ecf0f1;
    /* margin-bottom: 20px; */
    margin-bottom: 35px;
    padding: 25px 30px;
    border-radius: 20px;
    box-shadow: 10px 10px 10px 0px #E9E9E9;
    position: relative;
}


#courses .search-result-item-heading:after,
#js-course-detail .search-result-item-heading:after {
    content: '';
    height: 1px;
    width: 60px;
    background-color: #89e0f6;
    position: absolute;
    bottom: 0;
    left: 0;
}

#courses .search-result-item .search-result-item-heading:after {
    display: none;
}

#courses .search-result-item-heading,
#js-course-detail .search-result-item-heading {
    padding: 0;
    margin: 0;
    /*position: relative;*/
    padding-bottom: 15px;
    margin-bottom: 20px;
}

    #courses .search-result-item-heading .search-result-item-qualification,
    #js-course-detail .search-result-item-heading .search-result-item-qualification {
        display: block;
        color: #2C6EB5;
        /* font-size: 24px; */
        font-size: 20px;
        line-height: 1;
        font-family: "nimbus-sans",sans-serif;
        font-weight: 700;
        margin-top: 0;
    }

    #courses .search-result-item-heading .search-result-item-title,
    #js-course-detail .search-result-item-heading .search-result-item-title {
        display: block;
        color: #02215b;
        /* font-size: 28px;
    line-height: 1.3; */
        font-size: 26px;
        line-height: 1.1;
        font-family: "nimbus-sans",sans-serif;
        margin-top: 5px;
        word-break: break-word;
    }

    #courses .search-result-item-heading .search-result-item-supplementary,
    #js-course-detail .search-result-item-heading .search-result-item-supplementary {
        display: block;
        color: #2C6EB5;
        font-size: 18px;
        line-height: 1;
        font-family: "nimbus-sans",sans-serif;
        margin-top: 10px;
    }

    #courses .search-result-item-heading span:first-child,
    #js-course-detail .search-result-item-heading span:first-child {
        margin-top: 0;
    }


.course-sub-text {
    color: #4e8ed4;
    font-size: 16px;
    line-height: 1;
    font-family: "nimbus-sans",sans-serif;
    font-weight: 700;
}



#js-search-results .search-result-item .level-of-study,
#js-course-detail .level-of-study {
    border-radius: 10px;
    color: #192954;
    display: inline-block;
    font-family: "nimbus-sans",sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
    padding: 13px 20px;
    padding-left: 0;
    padding-bottom: 0;
    text-decoration: none;
    margin-bottom: 0;
    cursor: default;
}

#js-search-results .search-result-item .campus,
#js-course-detail .course-campus {
    border-radius: 10px;
    color: #192954;
    display: inline-block;
    font-family: "nimbus-sans",sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
    padding: 13px 20px;
    padding-left: 0;
    padding-bottom: 0;
    text-decoration: none;
    margin-bottom: 0;
    cursor: default;
}

#js-search-results .search-result-item .mode-of-study,
#js-course-detail .mode-of-study {
    border-radius: 10px;
    color: #192954;
    display: inline-block;
    font-family: "nimbus-sans",sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
    padding: 13px 20px;
    padding-left: 0;
    padding-bottom: 0;
    text-decoration: none;
    cursor: default;
}

.c-course-filter-item.hide {
    display: none !important;
}

.facet-load-more, .facet-load-less {
    display: block;
    padding: 10px 30px;
    border-radius: 0 0 10px 10px;
    background-color: #65676f;
    color: #fff;
    margin-top: 15px;
}

.facet-load-more {
    text-decoration: none;
    /*color: #2F6FA7;*/
    font-weight: bold;
    /*margin-left: 30px;*/
}

    .facet-load-more:hover {
        /*color: #092e72;*/
        color: #fff;
    }

.facet-load-less {
    text-decoration: none;
    /*color: #4e8ed4;*/
    font-weight: bold;
    display: none;
    /*margin-left: 30px;*/
}

    .facet-load-less:hover {
        color: #fff;
        /*color: #092e72;*/
    }

.c-course-results-filter {
    cursor: pointer;
    /*margin-bottom: 15px;*/
}

.c-course-keyword {
    position: relative;
}

.c-course-clear-icon {
    position: absolute;
    right: 3px;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    display: block;
    width: 35px;
    z-index: 1;
    cursor: pointer;
}

.c-course-filter-icon {
    display: block;
    width: 30px;
    margin-right: 10px;
}

.c-course-results-filter h3 {
    display: flex;
    align-items: center;
    color: #25A4EB;
    font-weight: bold;
    /*padding: 15px 0 0;*/
    color: #02215b;
    font-size: 16px;
    line-height: 1.2;
    padding-top: 0;
    margin-top: 0;
    position: relative;
    /*background-color: #ecf0f1;*/
    padding: 15px 0;
}

    .c-course-results-filter h3:after {
        content: '';
        position: absolute;
        right: 0;
        top: 20px;
        width: 0;
        height: 0;
        border-left: 9px solid transparent;
        border-right: 9px solid transparent;
        border-top: 11px solid #02215b;
        clear: both;
    }

    .c-course-results-filter h3.open:after {
        transform: rotate(180deg);
    }

.c-course-filter-section {
    /*padding-left: 15px;
    padding-right: 15px;*/
}

.c-course-header {
    background-color: #ebebeb;
}

.c-course-filter-header {
    display: none;
}

.search-results-total {
    color: #454141;
    font-size: 15px;
    font-family: "nimbus-sans",sans-serif;
}

.search-results-total-number {
    color: #06132b;
    font-weight: bold;
    font-size: 17px;
}

.search-result-item p {
    font-size: 16px;
}

#js-course-detail {
    display: block;
    margin-bottom: 30px;
    padding: 25px 30px;
    position: relative;
    border: 1px solid #89e0f6;
    background-color: #ecf0f1;
}

    #js-course-detail h1 {
        font-family: "nimbus-sans",sans-serif;
        font-size: 37px;
        line-height: 37px;
        color: #02215b;
        font-size: 24px;
        line-height: 30px;
        margin-top: 0;
        position: relative;
        margin-bottom: 30px;
    }

        #js-course-detail h1:after {
            content: '';
            height: 1px;
            width: 60px;
            background-color: #89e0f6;
            position: absolute;
            bottom: -6px;
            left: 0;
        }

    #js-course-detail h2 {
        font-family: "nimbus-sans",sans-serif;
        font-weight: 300;
        padding: 15px 0 0;
        color: #02215b;
        font-size: 18px;
        line-height: 24px;
        padding-top: 0;
        margin-top: 0;
        margin-top: 10px;
        border: none;
    }

    #js-course-detail hr {
        border-color: #89e0f6;
    }

    #js-course-detail .btn {
        display: inline-block;
        color: #eae8e8 !important;
        background-color: #4e8ed4 !important;
        padding: 6px 12px;
        font-family: "nimbus-sans",sans-serif;
        font-size: 15px;
        line-height: 21px;
        border: 1px solid #89e0f6;
        background-attachment: scroll;
        cursor: pointer;
    }


        #js-course-detail .btn:hover {
            background-color: #092e72 !important;
        }

        #js-course-detail .btn#courseApplyNow {
            margin-right: 15px;
            background-color: #a4caf3 !important;
            color: #535454 !important;
            border-color: #4e8ed4 !important;
        }

            #js-course-detail .btn#courseApplyNow:hover {
                background-color: #4e8ed4 !important;
                color: #FFFFFF !important;
                border-color: #89e0f6 !important;
            }

    #js-course-detail .rhs-photo-wrapper {
        padding-left: 0;
    }

        #js-course-detail .rhs-photo-wrapper img {
            width: 100%;
        }

#back-to-course-search {
    display: block;
    margin-top: 0;
    padding-bottom: 15px;
}

@media only screen and (min-width:768px) {
    .c-course-results-filter h3 {
        margin-left: 0;
        margin-right: 0;
    }


    #back-to-course-search {
        display: block;
        margin-top: 0;
        display: inline-block;
        color: #0c2c65 !important;
        background-color: #a4caf3 !important;
        padding: 6px 12px;
        font-family: "nimbus-sans",sans-serif;
        font-size: 15px;
        line-height: 21px;
        border: 1px solid #89e0f6;
        background-attachment: scroll;
        cursor: pointer;
        border-radius: 10px;
        padding-right: 30px;
        padding-left: 30px;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-top: 130px;
        text-decoration: none;
        border-color: #4e8ed4 !important;
    }


    #course-detail-accordion .ui-accordion-header {
        padding-right: 10px;
    }
}


@media only screen and (min-width: 992px) {

    .search-results-total {
        font-size: 16px;
    }

    .search-results-total-number {
        font-size: 19px;
    }

    .c-course-filter-header {
        display: flex;
        align-items: center;
        color: #4b4c4f;
        font-size: 23px;
        font-weight: bold;
    }

        .c-course-filter-header img {
            display: block;
            width: 40px;
            margin-right: 15px;
        }

    

    .c-course-header {
        background-color: #06132b;
    }

    .c-course-keyword {
        width: 100%;
    }

    .c-course-results-search {
        margin-bottom: 15px;
    }

    #js-course-filter-form .search-btn {
        margin-top: 0;
        border: 1px solid #fff;
        margin-left: 10px;
    }

        #js-course-filter-form .search-btn span {
            display: none;
        }

        #js-course-filter-form .search-btn img {
            display: block;
            width: 14px;
        }

    #course-search-top {
        /*background-color:white !important;*/
        display: block;
        height: auto;
        background-attachment: fixed;
        background-image: url(/siteFiles/resources/images/banners/course-banner.png);
        background-size: cover;
        background-color: #4e8ed4;
        height: 100%;
        margin-bottom: 30px;
        height: 220px;
    }

    .c-course-filter {
        margin: 30px 0 !important;
    }

    #js-course-detail .rhs-photo-wrapper img {
        max-width: 215px;
    }

    /*#js-course-filter-form .clear-filter-button {*/
        /*margin-top: 0;
        margin-left: 0;
        position: absolute;
        top: 90px;*/
        /*background: none;
        background-color: white !important;
        color: #e73333 !important;
        border: none;
        padding: 0;
        font-weight: bold;*/
    /*}*/


    #js-course-filter-form-filters {
        margin-top: 20px;
        opacity: 1;
        visibility: visible;
        height: auto;
    }

    #js-course-filter-search {
        opacity: 1;
        visibility: visible;
        height: auto;
        display: flex;
        align-items: stretch;
        margin-top: 15px;
    }

    #js-search-results .search-result-item .level-of-study {
        margin-bottom: 0;
    }

    .c-course-results-filter {
        display: none;
    }

    .c-course-filter-section {
        padding-left: 0;
        padding-right: 0;
    }

    #js-course-filter-form #keyword {
        width: 100%;
        text-align: left;
        font-weight: normal;
        text-indent: 0;
    }

    #js-course-filter-form #test-search {
        width: auto;
    }

    #js-course-filter-form .c-course-filter-heading.mb-10 {
        margin-bottom: -5px;
    }
}

#course-detail-accordion .ui-accordion-header {
    line-height: 1.42857143;
    color: #4e4e52;
    font-weight: 700;
    font-size: 14px;
    padding: 10px;
    padding-right: 50px;
    border-radius: 10px;
    background-color: rgba(206, 214, 222, 1);
    border: solid 1px #439ecd;
    padding-left: 15px;
}

    #course-detail-accordion .ui-accordion-header:after {
        content: "+";
        position: absolute;
        right: 5px;
        font-size: 18.5px;
        top: 5px;
        transition: 0.25s all ease;
        background-color: #bfbfbf;
        border-radius: 50px;
        height: 30px;
        width: 30px;
        text-align: center;
        color: white;
        padding-top: 0;
    }

    #course-detail-accordion .ui-accordion-header.ui-state-active:after {
        content: "+";
        position: absolute;
        right: 5px;
        transform: rotate(45deg);
        top: 5px;
        transition: 0.25s all ease;
        background-color: #4e8ed4;
        padding-left: 0.75px;
        font-size: 18.5px;
    }

    #course-detail-accordion .ui-accordion-header:hover::after {
        background-color: #4e8ed4;
    }


    #course-detail-accordion .ui-accordion-header.ui-state-focus {
        background: #f6f6f6;
    }

#course-detail-accordion .ui-accordion-content ul {
    margin-left: 15px;
}

#course-detail-accordion .ui-icon-triangle-1-e,
#course-detail-accordion .ui-state-active .ui-icon,
.ui-button:active .ui-icon {
    display: none;
}

#course-detail-accordion.ui-accordion .ui-accordion-content {
    padding: 10px;
    border-radius: 10px;
    padding-top: 20px;
    padding-left: 15px;
    margin-top: -10px;
}

#course-detail-accordion .ui-accordion-header.ui-state-active {
    border-bottom: none;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background-color: rgba(206, 214, 222, 1);
}

#course-detail-accordion.ui-accordion .ui-accordion-content.ui-accordion-content-active {
    border-right: solid 1px #459fcd;
    border-left: solid 1px #459fcd;
    border-bottom: solid 1px #459fcd;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: rgba(206, 214, 222, 1);
}

#course-detail-accordion .ui-accordion-header:focus {
    background-color: rgba(206, 214, 222, 1);
}


#course-detail-accordion .ui-accordion-content,
#course-detail-accordion .ui-accordion-content p,
#course-detail-accordion .ui-accordion-content p span,
#course-detail-accordion .ui-accordion-content p div,
#course-detail-accordion .ui-accordion-content div,
#course-detail-accordion .ui-accordion-content ul,
#course-detail-accordion .ui-accordion-content li {
    font-family: "nimbus-sans",sans-serif !important;
    font-weight: 300 !important;
    font-size: 14px !important;
}

    #course-detail-accordion .ui-accordion-content p.empty {
        display: none;
    }

    #course-detail-accordion .ui-accordion-content ul {
        margin-left: 15px !important;
    }

#course-detail-accordion p:empty {
    display: none !important;
}

.c-course-filter {
    margin: 0 0 40px;
}

#main-right-breadcrumbs {
    display: none;
}

.c-course-filter-item label {
    cursor: pointer;
    font-size: 16px;
    color: #4b4c4f;
    font-family: "nimbus-sans",sans-serif;
}

.c-course-filter-item input[type="checkbox"] {
    cursor: pointer;
    margin-top: 3px;
}

.c-course-filter-item {
    /*cursor: pointer;*/
    /*padding-top:10px;*/
    /*padding-top: 5px;
    padding-bottom: 5px;*/
}

.c-loading {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 999999;
    height: 0;
    opacity: 0;
    background-image: url(/siteFiles/resources/images/ajax-loader.gif);
    background-repeat: no-repeat;
    background-position: center;
}

    .c-loading.show {
        height: auto;
        opacity: 0.8;
    }

.search-results-note {
    color: #e73333;
    font-weight: bold;
}


/*! jQuery UI - v1.12.1 - 2016-09-14
    * http://jqueryui.com
    * Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
    * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
    * Copyright jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
    ----------------------------------*/
.ui-helper-hidden {
    display: none;
}

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

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
    /* support: IE8 */
}

.ui-front {
    z-index: 100;
}


/* Interaction Cues
    ----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
    pointer-events: none;
}


/* Icons
    ----------------------------------*/
.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block;
}

/* Misc visuals
    ----------------------------------*/

/* Overlays */
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: .5em .5em .5em .7em;
    font-size: 100%;
}

.ui-accordion .ui-accordion-content {
    padding: 1em;
    border-top: 0;
    overflow: auto;
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0;
}

    .ui-menu .ui-menu {
        position: absolute;
    }

    .ui-menu .ui-menu-item {
        margin: 0;
        cursor: pointer;
        /* support: IE10, see #8844 */
        list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
    }

    .ui-menu .ui-menu-item-wrapper {
        position: relative;
        padding: 3px 1em 3px .4em;
    }

    .ui-menu .ui-menu-divider {
        margin: 5px 0;
        height: 0;
        font-size: 0;
        line-height: 0;
        border-width: 1px 0 0 0;
    }

    .ui-menu .ui-state-focus,
    .ui-menu .ui-state-active {
        margin: -1px;
    }

/* icon support */
.ui-menu-icons {
    position: relative;
}

    .ui-menu-icons .ui-menu-item-wrapper {
        padding-left: 2em;
    }

/* left-aligned */
.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
    left: auto;
    right: 0;
}

.ui-button {
    padding: .4em 1em;
    display: inline-block;
    position: relative;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* Support: IE <= 11 */
    overflow: visible;
}

    .ui-button,
    .ui-button:link,
    .ui-button:visited,
    .ui-button:hover,
    .ui-button:active {
        text-decoration: none;
    }

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
    width: 2em;
    box-sizing: border-box;
    text-indent: -9999px;
    white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
    text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
    padding: 0;
    width: 2.1em;
    height: 2.1em;
    text-indent: -9999px;
    white-space: nowrap;
}

input.ui-button.ui-icon-notext .ui-icon {
    width: auto;
    height: auto;
    text-indent: 0;
    white-space: normal;
    padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.ui-controlgroup {
    vertical-align: middle;
    display: inline-block;
}

    .ui-controlgroup > .ui-controlgroup-item {
        float: left;
        margin-left: 0;
        margin-right: 0;
    }

        .ui-controlgroup > .ui-controlgroup-item:focus,
        .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
            z-index: 9999;
        }

.ui-controlgroup-vertical > .ui-controlgroup-item {
    display: block;
    float: none;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
}

.ui-controlgroup-vertical .ui-controlgroup-item {
    box-sizing: border-box;
}

.ui-controlgroup .ui-controlgroup-label {
    padding: .4em 1em;
}

    .ui-controlgroup .ui-controlgroup-label span {
        font-size: 80%;
    }

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
    border-left: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
    border-top: none;
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
    border-right: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
    border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {
    /* Support: IE8 only, Android < 4.4 only */
    width: 75%;
    width: calc(100% - 2.4em);
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
    border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
    box-shadow: inset 1px 1px 1px #ccc;
    border-radius: .12em;
    border: none;
}

.ui-checkboxradio-radio-label .ui-icon-background {
    width: 16px;
    height: 16px;
    border-radius: 1em;
    overflow: visible;
    border: none;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
    background-image: none;
    width: 8px;
    height: 8px;
    border-width: 4px;
    border-style: solid;
}

.ui-checkboxradio-disabled {
    pointer-events: none;
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}

    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0;
    }

    .ui-datepicker .ui-datepicker-prev,
    .ui-datepicker .ui-datepicker-next {
        position: absolute;
        top: 2px;
        width: 1.8em;
        height: 1.8em;
    }

    .ui-datepicker .ui-datepicker-prev-hover,
    .ui-datepicker .ui-datepicker-next-hover {
        top: 1px;
    }

    .ui-datepicker .ui-datepicker-prev {
        left: 2px;
    }

    .ui-datepicker .ui-datepicker-next {
        right: 2px;
    }

    .ui-datepicker .ui-datepicker-prev-hover {
        left: 1px;
    }

    .ui-datepicker .ui-datepicker-next-hover {
        right: 1px;
    }

    .ui-datepicker .ui-datepicker-prev span,
    .ui-datepicker .ui-datepicker-next span {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -8px;
        top: 50%;
        margin-top: -8px;
    }

    .ui-datepicker .ui-datepicker-title {
        margin: 0 2.3em;
        line-height: 1.8em;
        text-align: center;
    }

        .ui-datepicker .ui-datepicker-title select {
            font-size: 1em;
            margin: 1px 0;
        }

    .ui-datepicker select.ui-datepicker-month,
    .ui-datepicker select.ui-datepicker-year {
        width: 45%;
    }

    .ui-datepicker table {
        width: 100%;
        font-size: .9em;
        border-collapse: collapse;
        margin: 0 0 .4em;
    }

    .ui-datepicker th {
        padding: .7em .3em;
        text-align: center;
        font-weight: bold;
        border: 0;
    }

    .ui-datepicker td {
        border: 0;
        padding: 1px;
    }

        .ui-datepicker td span,
        .ui-datepicker td a {
            display: block;
            padding: .2em;
            text-align: right;
            text-decoration: none;
        }

    .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        margin: .7em 0 0 0;
        padding: 0 .2em;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }

        .ui-datepicker .ui-datepicker-buttonpane button {
            float: right;
            margin: .5em .2em .4em;
            cursor: pointer;
            padding: .2em .6em .3em .6em;
            width: auto;
            overflow: visible;
        }

            .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
                float: left;
            }

    /* with multiple calendars */
    .ui-datepicker.ui-datepicker-multi {
        width: auto;
    }

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

    .ui-datepicker-multi .ui-datepicker-group table {
        width: 95%;
        margin: 0 auto .4em;
    }

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}

    .ui-datepicker-rtl .ui-datepicker-prev {
        right: 2px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next {
        left: 2px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-prev:hover {
        right: 1px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next:hover {
        left: 1px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-buttonpane {
        clear: right;
    }

        .ui-datepicker-rtl .ui-datepicker-buttonpane button {
            float: left;
        }

            .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
            .ui-datepicker-rtl .ui-datepicker-group {
                float: right;
            }

    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
    .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px;
    }

/* Icons */
.ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em;
}

.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0;
}

    .ui-dialog .ui-dialog-titlebar {
        padding: .4em 1em;
        position: relative;
    }

    .ui-dialog .ui-dialog-title {
        float: left;
        margin: .1em 0;
        white-space: nowrap;
        width: 90%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .ui-dialog .ui-dialog-titlebar-close {
        position: absolute;
        right: .3em;
        top: 50%;
        width: 20px;
        margin: -10px 0 0 0;
        padding: 1px;
        height: 20px;
    }

    .ui-dialog .ui-dialog-content {
        position: relative;
        border: 0;
        padding: .5em 1em;
        background: none;
        overflow: auto;
    }

    .ui-dialog .ui-dialog-buttonpane {
        text-align: left;
        border-width: 1px 0 0 0;
        background-image: none;
        margin-top: .5em;
        padding: .3em 1em .5em .4em;
    }

        .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
            float: right;
        }

        .ui-dialog .ui-dialog-buttonpane button {
            margin: .5em .4em .5em 0;
            cursor: pointer;
        }

    .ui-dialog .ui-resizable-n {
        height: 2px;
        top: 0;
    }

    .ui-dialog .ui-resizable-e {
        width: 2px;
        right: 0;
    }

    .ui-dialog .ui-resizable-s {
        height: 2px;
        bottom: 0;
    }

    .ui-dialog .ui-resizable-w {
        width: 2px;
        left: 0;
    }

    .ui-dialog .ui-resizable-se,
    .ui-dialog .ui-resizable-sw,
    .ui-dialog .ui-resizable-ne,
    .ui-dialog .ui-resizable-nw {
        width: 7px;
        height: 7px;
    }

    .ui-dialog .ui-resizable-se {
        right: 0;
        bottom: 0;
    }

    .ui-dialog .ui-resizable-sw {
        left: 0;
        bottom: 0;
    }

    .ui-dialog .ui-resizable-ne {
        right: 0;
        top: 0;
    }

    .ui-dialog .ui-resizable-nw {
        left: 0;
        top: 0;
    }

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden;
}

    .ui-progressbar .ui-progressbar-value {
        margin: -1px;
        height: 100%;
    }

    .ui-progressbar .ui-progressbar-overlay {
        background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
        height: 100%;
        filter: alpha(opacity=25);
        /* support: IE8 */
        opacity: 0.25;
    }

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none;
}

.ui-selectable {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black;
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

    .ui-selectmenu-menu .ui-menu {
        overflow: auto;
        overflow-x: hidden;
        padding-bottom: 1px;
    }

        .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
            font-size: 1em;
            font-weight: bold;
            line-height: 1.5;
            padding: 2px 0.4em;
            margin: 0.5em 0 0 0;
            height: auto;
            border: 0;
        }

.ui-selectmenu-open {
    display: block;
}

.ui-selectmenu-text {
    display: block;
    margin-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ui-selectmenu-button.ui-button {
    text-align: left;
    white-space: nowrap;
    width: 14em;
}

.ui-selectmenu-icon.ui-icon {
    float: right;
    margin-top: 0;
}

.ui-slider {
    position: relative;
    text-align: left;
}

    .ui-slider .ui-slider-handle {
        position: absolute;
        z-index: 2;
        width: 1.2em;
        height: 1.2em;
        cursor: default;
        -ms-touch-action: none;
        touch-action: none;
    }

    .ui-slider .ui-slider-range {
        position: absolute;
        z-index: 1;
        font-size: .7em;
        display: block;
        border: 0;
        background-position: 0 0;
    }

    /* support: IE8 - See #6727 */
    .ui-slider.ui-state-disabled .ui-slider-handle,
    .ui-slider.ui-state-disabled .ui-slider-range {
        filter: inherit;
    }

.ui-slider-horizontal {
    height: .8em;
}

    .ui-slider-horizontal .ui-slider-handle {
        top: -.3em;
        margin-left: -.6em;
    }

    .ui-slider-horizontal .ui-slider-range {
        top: 0;
        height: 100%;
    }

    .ui-slider-horizontal .ui-slider-range-min {
        left: 0;
    }

    .ui-slider-horizontal .ui-slider-range-max {
        right: 0;
    }

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}

    .ui-slider-vertical .ui-slider-handle {
        left: -.3em;
        margin-left: 0;
        margin-bottom: -.6em;
    }

    .ui-slider-vertical .ui-slider-range {
        left: 0;
        width: 100%;
    }

    .ui-slider-vertical .ui-slider-range-min {
        bottom: 0;
    }

    .ui-slider-vertical .ui-slider-range-max {
        top: 0;
    }

.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
}

.ui-spinner-input {
    border: none;
    background: none;
    color: inherit;
    padding: .222em 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 2em;
}

.ui-spinner-button {
    width: 1.6em;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0;
}

/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
    border-top-style: none;
    border-bottom-style: none;
    border-right-style: none;
}

.ui-spinner-up {
    top: 0;
}

.ui-spinner-down {
    bottom: 0;
}

.ui-tabs {
    position: relative;
    /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
    padding: .2em;
}

    .ui-tabs .ui-tabs-nav {
        margin: 0;
        padding: .2em .2em 0;
    }

        .ui-tabs .ui-tabs-nav li {
            list-style: none;
            float: left;
            position: relative;
            top: 0;
            margin: 1px .2em 0 0;
            border-bottom-width: 0;
            padding: 0;
            white-space: nowrap;
        }

        .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
            float: left;
            padding: .5em 1em;
            text-decoration: none;
        }

        .ui-tabs .ui-tabs-nav li.ui-tabs-active {
            margin-bottom: -1px;
            padding-bottom: 1px;
        }

            .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
            .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
            .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
                cursor: text;
            }

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none;
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
}

body .ui-tooltip {
    border-width: 2px;
}

/* Component containers
    ----------------------------------*/
.ui-widget {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
}

    .ui-widget .ui-widget {
        font-size: 1em;
    }

    .ui-widget input,
    .ui-widget select,
    .ui-widget textarea,
    .ui-widget button {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1em;
    }

    .ui-widget.ui-widget-content {
        border: 1px solid #c5c5c5;
    }

.ui-widget-content {
    /*border: 1px solid #dddddd;*/
    border: none;
    background: #f6f6f6;
    color: #333333;
}

    .ui-widget-content a {
        color: #333333;
    }

.ui-widget-header {
    border: 1px solid #dddddd;
    background: #e9e9e9;
    color: #333333;
    font-weight: bold;
}

    .ui-widget-header a {
        color: #333333;
    }

    /* Interaction states
    ----------------------------------*/
    .ui-state-default,
    .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default,
    .ui-button,
    /* We use html here because we need a greater specificity to make sure disabled
    works properly when clicked or hovered */
    html .ui-button.ui-state-disabled:hover,
    html .ui-button.ui-state-disabled:active {
        border: 1px solid #c5c5c5;
        background: #f6f6f6;
        font-weight: normal;
        color: #454545;
    }

        .ui-state-default a,
        .ui-state-default a:link,
        .ui-state-default a:visited,
        a.ui-button,
        a:link.ui-button,
        a:visited.ui-button,
        .ui-button {
            color: #454545;
            text-decoration: none;
        }

            .ui-state-hover,
            .ui-widget-content .ui-state-hover,
            .ui-widget-header .ui-state-hover,
            .ui-state-focus,
            .ui-widget-content .ui-state-focus,
            .ui-widget-header .ui-state-focus,
            .ui-button:hover,
            .ui-button:focus {
                border: 1px solid #cccccc;
                background: #ededed;
                font-weight: normal;
                color: #2b2b2b;
            }

                .ui-state-hover a,
                .ui-state-hover a:hover,
                .ui-state-hover a:link,
                .ui-state-hover a:visited,
                .ui-state-focus a,
                .ui-state-focus a:hover,
                .ui-state-focus a:link,
                .ui-state-focus a:visited,
                a.ui-button:hover,
                a.ui-button:focus {
                    color: #2b2b2b;
                    text-decoration: none;
                }

.ui-visual-focus {
    box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #ffffff;
}

    .ui-icon-background,
    .ui-state-active .ui-icon-background {
        border: #003eff;
        background-color: #ffffff;
    }

    .ui-state-active a,
    .ui-state-active a:link,
    .ui-state-active a:visited {
        color: #ffffff;
        text-decoration: none;
    }

/* Interaction Cues
    ----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #777620;
}

.ui-state-checked {
    border: 1px solid #dad55e;
    background: #fffa90;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #777620;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #f1a899;
    background: #fddfdf;
    color: #5f3f3f;
}

    .ui-state-error a,
    .ui-widget-content .ui-state-error a,
    .ui-widget-header .ui-state-error a {
        color: #5f3f3f;
    }

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #5f3f3f;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    /* support: IE8 */
    font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    /* support: IE8 */
    background-image: none;
}

    .ui-state-disabled .ui-icon {
        filter: Alpha(Opacity=35);
        /* support: IE8 - See #6059 */
    }

/* Icons
    ----------------------------------*/

/* states and images */
.ui-icon {
    width: 16px;
    height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url("../wwwroot/SiteFiles/css/images/ui-icons_444444_256x240.png");
}

.ui-widget-header .ui-icon {
    background-image: url("../wwwroot/SiteFiles/css/images/ui-icons_444444_256x240.png");
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
    background-image: url("../wwwroot/SiteFiles/css/images/ui-icons_555555_256x240.png");
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
    background-image: url("../wwwroot/SiteFiles/css/images/ui-icons_ffffff_256x240.png");
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
    background-image: url("../wwwroot/SiteFiles/css/images/ui-icons_777620_256x240.png");
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url("../wwwroot/SiteFiles/css/images/ui-icons_cc0000_256x240.png");
}

.ui-button .ui-icon {
    background-image: url("../wwwroot/SiteFiles/css/images/ui-icons_777777_256x240.png");
}

/* positioning */
.ui-icon-blank {
    background-position: 16px 16px;
}

.ui-icon-caret-1-n {
    background-position: 0 0;
}

.ui-icon-caret-1-ne {
    background-position: -16px 0;
}

.ui-icon-caret-1-e {
    background-position: -32px 0;
}

.ui-icon-caret-1-se {
    background-position: -48px 0;
}

.ui-icon-caret-1-s {
    background-position: -65px 0;
}

.ui-icon-caret-1-sw {
    background-position: -80px 0;
}

.ui-icon-caret-1-w {
    background-position: -96px 0;
}

.ui-icon-caret-1-nw {
    background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
    background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
    background-position: -144px 0;
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
    background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
    background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
    background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}

.ui-icon-arrow-4 {
    background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}

.ui-icon-extlink {
    background-position: -32px -80px;
}

.ui-icon-newwin {
    background-position: -48px -80px;
}

.ui-icon-refresh {
    background-position: -64px -80px;
}

.ui-icon-shuffle {
    background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}

.ui-icon-folder-open {
    background-position: -16px -96px;
}

.ui-icon-document {
    background-position: -32px -96px;
}

.ui-icon-document-b {
    background-position: -48px -96px;
}

.ui-icon-note {
    background-position: -64px -96px;
}

.ui-icon-mail-closed {
    background-position: -80px -96px;
}

.ui-icon-mail-open {
    background-position: -96px -96px;
}

.ui-icon-suitcase {
    background-position: -112px -96px;
}

.ui-icon-comment {
    background-position: -128px -96px;
}

.ui-icon-person {
    background-position: -144px -96px;
}

.ui-icon-print {
    background-position: -160px -96px;
}

.ui-icon-trash {
    background-position: -176px -96px;
}

.ui-icon-locked {
    background-position: -192px -96px;
}

.ui-icon-unlocked {
    background-position: -208px -96px;
}

.ui-icon-bookmark {
    background-position: -224px -96px;
}

.ui-icon-tag {
    background-position: -240px -96px;
}

.ui-icon-home {
    background-position: 0 -112px;
}

.ui-icon-flag {
    background-position: -16px -112px;
}

.ui-icon-calendar {
    background-position: -32px -112px;
}

.ui-icon-cart {
    background-position: -48px -112px;
}

.ui-icon-pencil {
    background-position: -64px -112px;
}

.ui-icon-clock {
    background-position: -80px -112px;
}

.ui-icon-disk {
    background-position: -96px -112px;
}

.ui-icon-calculator {
    background-position: -112px -112px;
}

.ui-icon-zoomin {
    background-position: -128px -112px;
}

.ui-icon-zoomout {
    background-position: -144px -112px;
}

.ui-icon-search {
    background-position: -160px -112px;
}

.ui-icon-wrench {
    background-position: -176px -112px;
}

.ui-icon-gear {
    background-position: -192px -112px;
}

.ui-icon-heart {
    background-position: -208px -112px;
}

.ui-icon-star {
    background-position: -224px -112px;
}

.ui-icon-link {
    background-position: -240px -112px;
}

.ui-icon-cancel {
    background-position: 0 -128px;
}

.ui-icon-plus {
    background-position: -16px -128px;
}

.ui-icon-plusthick {
    background-position: -32px -128px;
}

.ui-icon-minus {
    background-position: -48px -128px;
}

.ui-icon-minusthick {
    background-position: -64px -128px;
}

.ui-icon-close {
    background-position: -80px -128px;
}

.ui-icon-closethick {
    background-position: -96px -128px;
}

.ui-icon-key {
    background-position: -112px -128px;
}

.ui-icon-lightbulb {
    background-position: -128px -128px;
}

.ui-icon-scissors {
    background-position: -144px -128px;
}

.ui-icon-clipboard {
    background-position: -160px -128px;
}

.ui-icon-copy {
    background-position: -176px -128px;
}

.ui-icon-contact {
    background-position: -192px -128px;
}

.ui-icon-image {
    background-position: -208px -128px;
}

.ui-icon-video {
    background-position: -224px -128px;
}

.ui-icon-script {
    background-position: -240px -128px;
}

.ui-icon-alert {
    background-position: 0 -144px;
}

.ui-icon-info {
    background-position: -16px -144px;
}

.ui-icon-notice {
    background-position: -32px -144px;
}

.ui-icon-help {
    background-position: -48px -144px;
}

.ui-icon-check {
    background-position: -64px -144px;
}

.ui-icon-bullet {
    background-position: -80px -144px;
}

.ui-icon-radio-on {
    background-position: -96px -144px;
}

.ui-icon-radio-off {
    background-position: -112px -144px;
}

.ui-icon-pin-w {
    background-position: -128px -144px;
}

.ui-icon-pin-s {
    background-position: -144px -144px;
}

.ui-icon-play {
    background-position: 0 -160px;
}

.ui-icon-pause {
    background-position: -16px -160px;
}

.ui-icon-seek-next {
    background-position: -32px -160px;
}

.ui-icon-seek-prev {
    background-position: -48px -160px;
}

.ui-icon-seek-end {
    background-position: -64px -160px;
}

.ui-icon-seek-start {
    background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
    background-position: -80px -160px;
}

.ui-icon-stop {
    background-position: -96px -160px;
}

.ui-icon-eject {
    background-position: -112px -160px;
}

.ui-icon-volume-off {
    background-position: -128px -160px;
}

.ui-icon-volume-on {
    background-position: -144px -160px;
}

.ui-icon-power {
    background-position: 0 -176px;
}

.ui-icon-signal-diag {
    background-position: -16px -176px;
}

.ui-icon-signal {
    background-position: -32px -176px;
}

.ui-icon-battery-0 {
    background-position: -48px -176px;
}

.ui-icon-battery-1 {
    background-position: -64px -176px;
}

.ui-icon-battery-2 {
    background-position: -80px -176px;
}

.ui-icon-battery-3 {
    background-position: -96px -176px;
}

.ui-icon-circle-plus {
    background-position: 0 -192px;
}

.ui-icon-circle-minus {
    background-position: -16px -192px;
}

.ui-icon-circle-close {
    background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}

.ui-icon-circle-check {
    background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}


/* Misc visuals
    ----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
    background: #aaaaaa;
    opacity: .3;
    filter: Alpha(Opacity=30);
    /* support: IE8 */
}

.ui-widget-shadow {
    -webkit-box-shadow: 0px 0px 5px #666666;
    box-shadow: 0px 0px 5px #666666;
}

/* Custom Checkboxes */

.filter-container {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .filter-container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }


.filter-checkmark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #FFFFFF;
    border: solid 1px #89e0f6;
}

.filter-container .filter-checkmark:after {
    left: 6px;
    top: 3px;
    width: 6px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


@media only screen and (min-width: 992px) {

    .filter-checkmark {
        height: 16px;
        width: 16px;
        top: 3px;
    }

    .filter-container .filter-checkmark:after {
        left: 4px;
        top: 1px;
    }

    .filter-container {
        padding-left: 30px;
    }
}

.filter-container:hover input ~ .filter-checkmark {
    background-color: #ecf0f1;
}

.filter-container input:checked ~ .filter-checkmark {
    background-color: #4e8ed4;
}

.filter-checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.filter-container input:checked ~ .filter-checkmark:after {
    display: block;
}

#js-search-results .search-result-featured {
    /* margin-bottom: 20px;
     padding: 7px; */
    margin-bottom: 35px;
    padding: 0px;
    border-radius: 20px;
    box-shadow: 10px 10px 10px 0px #E9E9E9;
}

    #js-search-results .search-result-featured .search-result-featured-title-bar {
        display: flex;
        padding-bottom: 5px;
        padding: 15px 20px;
    }

        #js-search-results .search-result-featured .search-result-featured-title-bar img {
            margin-right: 10px;
            max-height: 25px;
        }

        #js-search-results .search-result-featured .search-result-featured-title-bar span {
            font-family: "nimbus-sans",sans-serif;
            font-weight: 700;
            font-size: 24px;
            line-height: 1;
            position: relative;
            top: -1px;
        }

    #js-search-results .search-result-featured .search-result-item {
        margin-bottom: 0;
        /* padding: 25px 23px; */
        padding: 25px 30px;
        border-radius: 0 0 20px 20px;
    }



#js-search-results .search-result-clearing {
    /* margin-bottom: 20px;
     padding: 7px; */
    margin-bottom: 35px;
    padding: 0px;
    border-radius: 20px;
    box-shadow: 10px 10px 10px 0px #E9E9E9;
    background-color: #1a5890;
}

    #js-search-results .search-result-clearing .search-result-clearing-title-bar {
        display: flex;
        padding-bottom: 5px;
        padding: 15px 20px;
    }

        #js-search-results .search-result-clearing .search-result-clearing-title-bar img {
            margin-right: 10px;
            max-height: 25px;
        }

        #js-search-results .search-result-clearing .search-result-clearing-title-bar span {
            font-family: "nimbus-sans",sans-serif;
            font-weight: 700;
            font-size: 24px;
            line-height: 1;
            position: relative;
            top: -1px;
            color: #fff;
        }

    #js-search-results .search-result-clearing .search-result-item {
        border-color: #1a5890;
        margin-bottom: 0;
        /* padding: 25px 23px; */
        padding: 25px 30px;
        border-radius: 0 0 20px 20px;
    }




#js-search-results .search-result-item-supplementary-logo {
    max-width: 210px;
    display: block;
}

    #js-search-results .search-result-item-supplementary-logo img {
        display: block;
        margin-top: 20px;
    }

@media only screen and (min-width:768px) {
    #js-search-results .search-result-item-supplementary-logo {
        position: absolute;
        right: 30px;
        bottom: 25px;
    }

        #js-search-results .search-result-item-supplementary-logo img {
            margin-top: 0;
        }
}

.course-detail-revised {
    font-family: "nimbus-sans",sans-serif;
}

    .course-detail-revised p {
        /*font-size: 14px;
        line-height: 1.5;*/
        color: #292828;
    }

.course-detail-revised-banner {
    display: flex;
    background-size: cover;
    background-color: #4e8ed4;
    height: 320px;
    align-items: center;
}

.course-detail-revised-banner-box {
    /*background-color: #fff;
    max-width: 60%;
    bottom: 0;
    text-align: left;
    padding: 5px 30px 15px 25px;
    justify-content: left;
    display: inline-block;
    margin-left: 15px;
    margin-top: 0;
    line-height: 1.2;*/
}


.course-detail-revised h1 {
    font-family: "nimbus-sans",sans-serif;
}



.course-detail-revised .search-result-item-heading .search-result-item-qualification {
    display: block;
    color: #3D6EB0;
    font-size: 20px;
    line-height: 0.8;
    margin-top: 0;
    font-family: "nimbus-sans",sans-serif;
    font-weight: 700;
}

.course-detail-revised .search-result-item-heading .search-result-item-title {
    display: block;
    color: #0A2257;
    font-size: 30px;
    line-height: 1.3;
    font-weight: 400;
    margin-top: 5px;
    font-family: "nimbus-sans",sans-serif;
}

.course-detail-revised .search-result-item-heading .search-result-item-validation {
    display: block;
    color: #315E9A;
    /*font-size: 16px;
    line-height: 0.65;*/
    font-family: "nimbus-sans",sans-serif;
    margin-top: 10px;
    font-size: 18px;
}

.course-detail-revised .search-result-item-heading .search-result-item-validation-logo {
    display: block;
    margin-top: 20px;
    max-width: 140px;
}

.course-detail-revised-properties {
    background-color: #0A2257;
    color: #fff;
    font-size: 16px;
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 100;
}

    .course-detail-revised-properties .course-detail-revised-properties-title {
        font-weight: 700;
    }

    .course-detail-revised-properties .course-detail-revised-properties-value {
        font-weight: 400;
    }

.course-detail-revised .btn {
    color: #fff;
    background-color: #0a2257;
    /*font-size: 14px;
    line-height: 0.9;*/
    cursor: pointer;
    background-attachment: scroll;
    padding: 11px 20px;
    margin-right: 10px;
    border-radius: 0;
    width: 100%;
    text-align: left;
}

.btn#courseApplyNow,
#courseApplyNowBanner {
    color: #fff;
    background-color: #085bcb;
    font-size: 14px;
    margin-right: 20px;
}

.btn-course-apply-now {
    position: relative;
}

    .btn-course-apply-now::after {
        content: '>';
        position: absolute;
        right: 15px;
    }

.btn#courseAddToBasket {
    position: relative;
}

    .btn#courseAddToBasket::after {
        content: '+';
        position: absolute;
        right: 15px;
    }

.btn#usefulLinks {
    margin-top: 10px;
    width: auto;
}


.course-detail-revised .btn-course-apply-now,
#courseAddToBasket {
    padding-right: 40px;
    margin-bottom: 15px;
}

.advice-button {
    width: auto !important;
}

.course-detail-revised-properties .course-detail-revised-properties-items {
    display: flex;
    justify-content: space-between;
    margin: 20px 0;
}

.course-detail-revised-properties-item {
    /*font-size: 16px !important;*/
    font-family: "nimbus-sans",sans-serif;
}

    .course-detail-revised-properties-item h2 {
        /*font-size: 16px !important;
        color: #fff !important;
        font-weight: 700 !important;*/
        margin: 0;
        font-family: "nimbus-sans",sans-serif !important;
    }

a#back-to-course-search-revised {
    /* background-color: #2f3233; */
    font-size: 14px;
    /* color: #fff; */
    color: #292828;
    display: block;
    margin: 0;
    /* padding: 10px 20px; */
    /* text-align: center; */
}

a#banner-back-to-course-search-revised {
    font-size: 14px;
    color: #292828;
    display: none;
    margin: 20px;
}

.course-detail-revised-course-details {
    color: #315E9A;
    display: flex;
    font-family: "nimbus-sans",sans-serif;
    font-weight: 700;
    /*font-size: 14px;
    line-height: 14px;*/
    padding: 20px 0;
    text-decoration: none;
    margin-bottom: 0;
    cursor: default;
    /*border-bottom: 1px solid #9CDEF3;*/
    border-bottom: 1px solid #4d99e7;
}

.course-detail-revised-content-left-panel-box {
    /* border: 1px solid #9CDEF3;
    margin: 20px;
    padding: 10px 20px;
    height: auto;
    position: sticky;
    top: 0;*/
}

    .course-detail-revised-content-left-panel-box.course-detail-revised-content-left-panel-box-nav {
        padding: 0;
        /* border: 1px solid #2f3233; */
        margin-top: 0;
        border: 0;
    }

    .course-detail-revised-content-left-panel-box h2 {
        font-size: 20px;
        color: #0A2257;
    }

    .course-detail-revised-content-left-panel-box p {
        font-size: 14px;
        color: #5D8DCE !important;
    }

    .course-detail-revised-content-left-panel-box .btn#courseApplyNow {
        margin-bottom: 15px;
        margin-top: 10px
    }

.search-result-item-heading {
    padding: 10px 0;
}

.course-detail-revised h2 {
    /*font-size: 20px;
    line-height: 0.9;*/
    color: #0A2257;
}

.course-detail-revised #course-main-right h2 {
    padding: 20px 0;
}

.course-detail-revised-sub-text {
    font-family: "nimbus-sans",sans-serif;
    font-weight: 700;
    color: #3D6EB0 !important;
}

.course-detail-revised .tab-content {
    margin: 35px 0;
}

    .course-detail-revised .tab-content .search-result-item-heading {
        display: none;
    }

.course-detail-revised .nav-tabs {
    /* border-bottom: 1px solid #9CDEF3; */
    /*border-bottom: 1px solid #FFFFFF;*/
    font-family: "nimbus-sans",sans-serif;
    font-weight: 700;
    font-size: 16px;
    /*line-height: 0.8;*/
}

    .course-detail-revised .nav-tabs > li.active > a,
    .nav-tabs > li.active > a:focus,
    .nav-tabs > li.active > a:hover {
        /* color: #fff; */
        /*color: #5D8DCE;
        cursor: default;*/
        /* background-color: #085bcb; */
        /*background-color: #FFFFFF;
        border: 0 none;*/
        /* border-bottom: 5px solid #085bcb; */
        /*border-bottom: 5px solid #FFFFFF;
        box-shadow: 6px -6px 6px #d0cfcf;
        margin-top: -7px;
        padding: 26px 16px 12px 16px;
        z-index: 1;*/
    }

.course-detail-revised-course-details .course-detail-revised-course-details-left {
    display: flex;
    margin-right: 30px;
}

    .course-detail-revised-course-details .course-detail-revised-course-details-left .course-campus {
        margin-right: 20px;
    }

    .course-detail-revised-course-details .course-detail-revised-course-details-left .level-of-study {
        margin-right: 20px;
    }

    .course-detail-revised-course-details .course-detail-revised-course-details-left .mode-of-study {
        margin-right: 20px;
    }

.course-detail-revised-course-details .course-detail-revised-course-details-right {
    display: flex;
    font-family: "nimbus-sans",sans-serif;
}


    .course-detail-revised-course-details .course-detail-revised-course-details-right .start-date {
        margin-right: 25px;
    }



    .course-detail-revised-course-details .course-detail-revised-course-details-right .end-date {
        margin-right: 25px;
    }

.course-detail-revised .nav > li > a {
    /* padding: 17px 6px 18px 17px; */
    /*padding: 12px 6px 12px 9px;*/
    /* color: #fff; */
    /*color: #0a2257;*/
    /* background-color: #0a2257; */
    /*background-color: #EAEFF6;*/
    /* border-bottom: 5px solid #085bcb; */
    /*border-bottom: 5px solid #0a2257;
    border-top: 0 none;
    border-right: 0 none;
    border-left: 0 none;
    border-radius: 0;
    margin-right: 0;
    box-shadow: 3px -2px 5px #d0cfcf;
    margin-top: 8px;*/
    line-height: 1.2;
    font-family: "nimbus-sans",sans-serif;
}

    .course-detail-revised .nav > li > a::before {
        /* display: block;
        content: '|';
        position: absolute;
        left: 6px;
        color: #D5D3D3;*/
    }

.course-detail-revised .nav > li:first-child > a::before,
.course-detail-revised .nav-tabs > li.active > a::before,
.nav-tabs > li.active > a:focus::before,
.nav-tabs > li.active > a:hover::before {
    display: none;
}


.course-detail-revised #course-main-left {
    margin-top: 16px;
}

.course-detail-revised .course-detail-revised-video {
    margin-top: 40px;
}

.course-detail-revised #course-main-right .search-result-item-heading {
    margin-top: 0;
    padding: 0 0 25px;
}

    .course-detail-revised #course-main-right .search-result-item-heading::after {
        content: ' ';
        width: 60px;
        /*border-bottom: 1px solid #9CDEF3;*/
        border-bottom: 1px solid #4d99e7;
        position: absolute;
        margin-top: 30px;
    }

.course-detail-revised-content {
    overflow: hidden;
}

.course-detail-revised-qualifiations {
    /*border-bottom: 1px solid #9CDEF3;*/
    border-bottom: 1px solid #4d99e7;
    padding-bottom: 20px;
    position: relative;
}

    .course-detail-revised-qualifiations::before {
        content: '';
        display: block;
        position: absolute;
        left: -15px;
        top: 0;
        height: 100%;
        width: calc(100% + 30px);
        background-color: #ecf0f1;
        z-index: -1;
    }

@media only screen and (min-width: 1200px) {
    .course-detail-revised-qualifiations::before {
        left: -100vw;
        width: 200vw;
    }
}

    .course-detail-revised-qualifiations h2 {
        margin-top: 0;
    }

.course-detail-revised-overview {
    /*border-bottom: 1px solid #9CDEF3;*/
    border-bottom: 1px solid #4d99e7;
    padding-bottom: 20px;
}


    .course-detail-revised-overview ul {
        margin-left: 15px;
    }



.course-detail-revised .nav-tabs > li:first-child a {
    /* padding-left: 9px; */
    /*padding-left: 12px;*/
}

.course-detail-revised .nav-tabs > li.active:first-child a {
    /* padding-left: 9px; */
    /*padding-right: 17px;*/
    /*line-height: 1.42857143;*/
}

.course-detail-revised #course-detail-revised-dropdown {
    display: none;
}

.nav-tabs > li > a {
    border: 0;
}

.course-detail-revised .tab-pane p {
    /*font-size: 14px !important;
    line-height: 1.5 !important;*/
    font-family: "nimbus-sans",sans-serif !important;
    color: #292828 !important;
}

@media only screen and (min-width: 1200px) {
    .course-detail-revised #course-main-right .nav-tabs {
        /*display: block !important;
        margin-top: 25px;*/
    }
}

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

    .course-detail-revised-banner {
        background-color: #fff;
        background-image: none !important;
        height: auto;
        display: block;
    }

    .course-detail-revised-properties {
        position: static;
    }

        .course-detail-revised-properties .course-detail-revised-properties-items {
            display: block;
            margin: 40px 0;
        }

    .course-detail-revised-properties-items .btn#courseApplyNow {
        width: auto;
        display: block;
        margin: 0 10px;
    }

    .course-detail-revised #course-main-right .search-result-item-heading {
        display: none;
    }

    .course-detail-revised .nav-tabs > li {
        width: 100%;
    }

        .course-detail-revised .nav-tabs > li:first-child a,
        .course-detail-revised .nav-tabs > li a,
        .course-detail-revised .nav-tabs > li.active a {
            /*border: 0 none;*/
            /* color: #fff; */
            /*color: #5D8DCE;
            padding-bottom: 5px;
            padding-top: 5px;
            background-color: #EAEFF6;
            box-shadow: none;*/
        }

        .course-detail-revised .nav-tabs > li:first-child a {
            /*padding-left: 15px;*/
        }

    .course-detail-revised .nav > li > a::before {
        display: none;
        color: #D5D3D3;
    }

    .course-detail-revised .nav-tabs > li.active {
        display: none;
    }

    .course-detail-revised #course-detail-revised-dropdown {
        /* background-color: #085bcb; */
        background-color: #fff;
        /* color: #fff; */
        color: #0a2257;
        display: block;
        font-family: "nimbus-sans",sans-serif;
        font-weight: 700;
        font-size: 16px;
        padding: 10px 15px;
        position: relative;
        /* border-bottom: none; */
        border-bottom: 6px solid #0a2257;
        margin-top: 15px;
    }

        .course-detail-revised #course-detail-revised-dropdown::after {
            content: '>';
            position: absolute;
            right: 15px;
            transform: rotate(90deg);
        }

    .course-detail-revised #course-main-right .nav-tabs {
        display: none;
        margin-top: 0;
    }

    .course-detail-revised-course-details {
        display: block;
        padding: 0 0 20px;
    }

        .course-detail-revised-course-details .course-detail-revised-course-details-left {
            margin-bottom: 15px;
            margin-right: 0;
        }

        .course-detail-revised-course-details .course-detail-revised-course-details-right {
            display: block;
        }

            .course-detail-revised-course-details .course-detail-revised-course-details-right .start-date {
                margin-bottom: 10px;
            }

            .course-detail-revised-course-details .course-detail-revised-course-details-right .end-date {
                margin-bottom: 10px;
            }

    .course-detail-revised-properties .course-detail-revised-properties-item {
        margin-bottom: 25px;
        line-height: 1.8;
    }

    .course-detail-revised-content-left-panel-box {
        /*height: auto;
        margin: 0;
        border: none;
        padding: 0;*/
    }

    .course-detail-revised-banner-box {
        /*padding: 0;
        margin-left: 0;
        margin-top: 0;*/
    }

    a#back-to-course-search-revised {
        display: none;
    }

    .course-detail-revised .nav > li > a {
        padding: 10px 15px;
    }

    .course-detail-revised #course-main-left {
        margin-bottom: 20px;
    }

    .course-detail-revised-content-left-panel-box .btn#courseApplyNow {
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .course-detail-revised-contact-details .btn {
        display: block;
        width: auto;
        margin: 15px 0;
        max-width: fit-content;
    }

    a#banner-back-to-course-search-revised {
        display: block;
        margin: 15px;
    }

    #course-main-right {
        padding-bottom: 0;
    }

    .course-detail-revised-further-information {
        /*border-bottom: 1px solid #9CDEF3;*/
        border-bottom: 1px solid #4d99e7;
        padding-bottom: 20px;
    }

    .course-detail-revised .tab-pane ul {
        margin-left: 10px;
    }

    .course-detail-revised .btn {
        width: auto;
    }

    .course-detail-revised .btn-course-apply-now,
    #courseAddToBasket {
        margin-bottom: 0;
    }

    .course-detail-revised .search-result-item-heading .search-result-item-qualification {
        line-height: 1.8 !important;
    }

    .course-detail-revised .search-result-item-heading .search-result-item-validation {
        line-height: 1.4 !important;
    }
}

#course-main-right .nav-tabs li a::after {
    /*display: block;
    content: '|';
    position: absolute;
    left: 0px;
    color: #D5D3D3;
    top: 12px;*/
}

#course-main-right .nav-tabs li.active a::after {
    display: none;
}

#course-main-right .nav-tabs li:first-child a::after {
    display: none;
}


#course-main-right .nav-tabs li a::before {
    display: none;
}



.tab-accordion-at-mob .tab-content > .tab-panel {
    display: block;
}

.tab-accordion-at-mob .tab-pane {
    border: 1px solid #86a8f5;
    border-radius: 20px;
}

@media only screen and (min-width: 1200px) {
    .tab-accordion-at-mob .tab-pane {
        border: none;
        border-radius: 0;
    }
}

.tab-accordion-at-mob .tab-accordion-button-icon {
    display: block;
    width: 20px;
    margin-left: 15px;
}

.tab-accordion-at-mob .tab-accordion-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: bold;
    font-size: 20px;
    color: #0a2257;
    padding: 20px 15px;
    cursor: pointer;
}

@media only screen and (min-width: 1200px) {
    .tab-accordion-at-mob .tab-accordion-button {
        display: none;
    }
}


.tab-accordion-at-mob .tab-accordion-content {
    display: none;
    padding: 0 15px 20px;
}

    .tab-accordion-at-mob .tab-accordion-content::before {
        content: '';
        display: block;
        padding-top: 20px;
        border-top: 1px solid #d0c9c9;
    }

@media only screen and (min-width: 1200px) {
    .tab-accordion-at-mob .tab-accordion-content {
        display: block;
        padding: 0;
    }

        .tab-accordion-at-mob .tab-accordion-content::before {
            content: '';
            display: none;
        }
}


.tab-accordion-at-mob .tab-pane.active .tab-accordion-content {
    display: block;
}

@media only screen and (max-width: 1199px) {
    .tab-accordion-at-mob .tab-pane.active.close-accordion .tab-accordion-content {
        display: none;
    }
}


.tab-accordion-at-mob .tab-accordion-content > *:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.tab-accordion-at-mob .tab-content > .tab-pane:not(.pane-empty) {
    display: block;
    margin-bottom: 15px;
}

@media only screen and (min-width: 1200px) {
    .tab-accordion-at-mob .tab-content > .tab-pane:not(.pane-empty) {
        display: none;
        margin-bottom: 0;
    }

    .tab-accordion-at-mob .tab-content > .tab-pane.active {
        display: block;
    }
}

.tab-accordion-at-mob .tab-pane.active .tab-accordion-button-icon {
    transform: rotate(180deg);
}

@media only screen and (max-width: 1199px) {
    .tab-accordion-at-mob .tab-pane.close-accordion .tab-accordion-button-icon {
        transform: none;
    }
}

.course-detail-revised .tab-accordion-at-mob #course-detail-revised-dropdown {
    display: none;
}

.course-detail-revised #course-main-right .tab-accordion-at-mob .nav-tabs {
    display: none !important;
}

@media only screen and (min-width: 1200px) {
    .course-detail-revised #course-main-right .tab-accordion-at-mob .nav-tabs {
        display: block !important;
    }
}


.course-detail-revised-message {
    background-color: #eaeff6;
    text-align: center;
    padding: 20px 0;
    margin-bottom: 20px;
    display: none;
}

    .course-detail-revised-message h1,
    .course-detail-revised-message h2,
    .course-detail-revised-message h3,
    .course-detail-revised-message h4,
    .course-detail-revised-message h5,
    .course-detail-revised-message h6,
    .course-detail-revised-message p {
        color: #0a2257;        
    }

    .course-detail-revised-message h1,
    .course-detail-revised-message h2,
    .course-detail-revised-message h3,
    .course-detail-revised-message h4,
    .course-detail-revised-message h5,
    .course-detail-revised-message h6 {
        font-size: 24px;
        margin: 0;
        padding-bottom: 10px;
        line-height: 1.2;
        font-weight: 700;
    }

    .course-detail-revised-message p {
        font-size: 16px;
        line-height: 1.5;
    }


/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the Hippocratic License 2.1 - http://firstdonoharm.dev
 *
 * Copyright (c) 2022 Animate.css
 */:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.animate__animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both}.animate__animated.animate__infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animate__animated.animate__repeat-1{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-iteration-count:var(--animate-repeat);animation-iteration-count:var(--animate-repeat)}.animate__animated.animate__repeat-2{-webkit-animation-iteration-count:2;animation-iteration-count:2;-webkit-animation-iteration-count:calc(var(--animate-repeat)*2);animation-iteration-count:calc(var(--animate-repeat)*2)}.animate__animated.animate__repeat-3{-webkit-animation-iteration-count:3;animation-iteration-count:3;-webkit-animation-iteration-count:calc(var(--animate-repeat)*3);animation-iteration-count:calc(var(--animate-repeat)*3)}.animate__animated.animate__delay-1s{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-delay:var(--animate-delay);animation-delay:var(--animate-delay)}.animate__animated.animate__delay-2s{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-delay:calc(var(--animate-delay)*2);animation-delay:calc(var(--animate-delay)*2)}.animate__animated.animate__delay-3s{-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation-delay:calc(var(--animate-delay)*3);animation-delay:calc(var(--animate-delay)*3)}.animate__animated.animate__delay-4s{-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-delay:calc(var(--animate-delay)*4);animation-delay:calc(var(--animate-delay)*4)}.animate__animated.animate__delay-5s{-webkit-animation-delay:5s;animation-delay:5s;-webkit-animation-delay:calc(var(--animate-delay)*5);animation-delay:calc(var(--animate-delay)*5)}.animate__animated.animate__faster{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-duration:calc(var(--animate-duration)/2);animation-duration:calc(var(--animate-duration)/2)}.animate__animated.animate__fast{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-duration:calc(var(--animate-duration)*.8);animation-duration:calc(var(--animate-duration)*.8)}.animate__animated.animate__slow{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2)}.animate__animated.animate__slower{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-duration:calc(var(--animate-duration)*3);animation-duration:calc(var(--animate-duration)*3)}@media (prefers-reduced-motion:reduce),print{.animate__animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important}.animate__animated[class*=Out]{opacity:0}}@-webkit-keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95);-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}@keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95);-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}.animate__bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.animate__flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__pulse{-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.animate__shakeX{-webkit-animation-name:shakeX;animation-name:shakeX}@-webkit-keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}@keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}.animate__shakeY{-webkit-animation-name:shakeY;animation-name:shakeY}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.animate__headShake{-webkit-animation-name:headShake;animation-name:headShake;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.animate__swing{-webkit-animation-name:swing;animation-name:swing;-webkit-transform-origin:top center;transform-origin:top center}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.animate__jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.animate__heartBeat{-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-duration:calc(var(--animate-duration)*1.3);animation-duration:calc(var(--animate-duration)*1.3);-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes backInDown{0%{opacity:.7;-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7)}80%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes backInDown{0%{opacity:.7;-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7)}80%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__backInDown{-webkit-animation-name:backInDown;animation-name:backInDown}@-webkit-keyframes backInLeft{0%{opacity:.7;-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7)}80%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes backInLeft{0%{opacity:.7;-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7)}80%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__backInLeft{-webkit-animation-name:backInLeft;animation-name:backInLeft}@-webkit-keyframes backInRight{0%{opacity:.7;-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7)}80%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes backInRight{0%{opacity:.7;-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7)}80%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__backInRight{-webkit-animation-name:backInRight;animation-name:backInRight}@-webkit-keyframes backInUp{0%{opacity:.7;-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7)}80%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes backInUp{0%{opacity:.7;-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7)}80%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__backInUp{-webkit-animation-name:backInUp;animation-name:backInUp}@-webkit-keyframes backOutDown{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:.7;-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7)}}@keyframes backOutDown{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:.7;-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7)}}.animate__backOutDown{-webkit-animation-name:backOutDown;animation-name:backOutDown}@-webkit-keyframes backOutLeft{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:.7;-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7)}}@keyframes backOutLeft{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:.7;-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7)}}.animate__backOutLeft{-webkit-animation-name:backOutLeft;animation-name:backOutLeft}@-webkit-keyframes backOutRight{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:.7;-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7)}}@keyframes backOutRight{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:.7;-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7)}}.animate__backOutRight{-webkit-animation-name:backOutRight;animation-name:backOutRight}@-webkit-keyframes backOutUp{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:.7;-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7)}}@keyframes backOutUp{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:.7;-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7)}}.animate__backOutUp{-webkit-animation-name:backOutUp;animation-name:backOutUp}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*.75);animation-duration:calc(var(--animate-duration)*.75);-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.animate__bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*.75);animation-duration:calc(var(--animate-duration)*.75);-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}.animate__bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}.animate__bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}.animate__bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}.animate__bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate__fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopLeft{-webkit-animation-name:fadeInTopLeft;animation-name:fadeInTopLeft}@-webkit-keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopRight{-webkit-animation-name:fadeInTopRight;animation-name:fadeInTopRight}@-webkit-keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomLeft{-webkit-animation-name:fadeInBottomLeft;animation-name:fadeInBottomLeft}@-webkit-keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomRight{-webkit-animation-name:fadeInBottomRight;animation-name:fadeInBottomRight}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate__fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.animate__fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.animate__fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.animate__fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.animate__fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.animate__fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.animate__fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.animate__fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.animate__fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}@keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}.animate__fadeOutTopLeft{-webkit-animation-name:fadeOutTopLeft;animation-name:fadeOutTopLeft}@-webkit-keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}@keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}.animate__fadeOutTopRight{-webkit-animation-name:fadeOutTopRight;animation-name:fadeOutTopRight}@-webkit-keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}@keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}.animate__fadeOutBottomRight{-webkit-animation-name:fadeOutBottomRight;animation-name:fadeOutBottomRight}@-webkit-keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}@keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}.animate__fadeOutBottomLeft{-webkit-animation-name:fadeOutBottomLeft;animation-name:fadeOutBottomLeft}@-webkit-keyframes flip{0%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)}40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)}50%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)}80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg)}to{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)}}@keyframes flip{0%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)}40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)}50%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)}80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg)}to{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)}}.animate__animated.animate__flip{-webkit-animation-name:flip;animation-name:flip;-webkit-backface-visibility:visible;backface-visibility:visible}@-webkit-keyframes flipInX{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInX{-webkit-animation-name:flipInX;animation-name:flipInX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipInY{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInY{-webkit-animation-name:flipInY;animation-name:flipInY;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{opacity:1;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{opacity:1;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}}.animate__flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*.75);animation-duration:calc(var(--animate-duration)*.75);-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{opacity:1;-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg)}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{opacity:1;-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg)}}.animate__flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*.75);animation-duration:calc(var(--animate-duration)*.75);-webkit-animation-name:flipOutY;animation-name:flipOutY;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes lightSpeedInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg)}60%{opacity:1;-webkit-transform:skewX(20deg);transform:skewX(20deg)}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg)}60%{opacity:1;-webkit-transform:skewX(20deg);transform:skewX(20deg)}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInRight{-webkit-animation-name:lightSpeedInRight;animation-name:lightSpeedInRight;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg)}60%{opacity:1;-webkit-transform:skewX(-20deg);transform:skewX(-20deg)}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg)}60%{opacity:1;-webkit-transform:skewX(-20deg);transform:skewX(-20deg)}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInLeft{-webkit-animation-name:lightSpeedInLeft;animation-name:lightSpeedInLeft;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg)}}@keyframes lightSpeedOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg)}}.animate__lightSpeedOutRight{-webkit-animation-name:lightSpeedOutRight;animation-name:lightSpeedOutRight;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes lightSpeedOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg)}}@keyframes lightSpeedOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg)}}.animate__lightSpeedOutLeft{-webkit-animation-name:lightSpeedOutLeft;animation-name:lightSpeedOutLeft;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{opacity:0;-webkit-transform:rotate(-200deg);transform:rotate(-200deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rotateIn{0%{opacity:0;-webkit-transform:rotate(-200deg);transform:rotate(-200deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateInDownLeft{0%{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rotateInDownLeft{0%{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInDownRight{0%{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rotateInDownRight{0%{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateInUpLeft{0%{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rotateInUpLeft{0%{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInUpRight{0%{opacity:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rotateInUpRight{0%{opacity:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOut{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(200deg);transform:rotate(200deg)}}@keyframes rotateOut{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(200deg);transform:rotate(200deg)}}.animate__rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateOutDownLeft{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}}@keyframes rotateOutDownLeft{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}}.animate__rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutDownRight{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}@keyframes rotateOutDownRight{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}.animate__rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOutUpLeft{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}@keyframes rotateOutUpLeft{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}.animate__rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutUpRight{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}}@keyframes rotateOutUpRight{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}}.animate__rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-transform:rotate(80deg);transform:rotate(80deg)}40%,80%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1;-webkit-transform:rotate(60deg);transform:rotate(60deg)}to{opacity:0;-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0)}}@keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-transform:rotate(80deg);transform:rotate(80deg)}40%,80%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1;-webkit-transform:rotate(60deg);transform:rotate(60deg)}to{opacity:0;-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0)}}.animate__hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2);-webkit-animation-name:hinge;animation-name:hinge;-webkit-transform-origin:top left;transform-origin:top left}@-webkit-keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.animate__rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.animate__zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}}@keyframes zoomInDown{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}}.animate__zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0)}}@keyframes zoomInLeft{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0)}}.animate__zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0)}}@keyframes zoomInRight{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0)}}.animate__zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}}@keyframes zoomInUp{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}}.animate__zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.animate__zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0)}}@keyframes zoomOutDown{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0)}}.animate__zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}.animate__zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft;-webkit-transform-origin:left center;transform-origin:left center}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}.animate__zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight;-webkit-transform-origin:right center;transform-origin:right center}@-webkit-keyframes zoomOutUp{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0)}}@keyframes zoomOutUp{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0)}}.animate__zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:hidden}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:hidden}}.animate__slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:hidden}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:hidden}}.animate__slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:hidden}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:hidden}}.animate__slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:hidden}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:hidden}}.animate__slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}