/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$...
7$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$?...7$$$
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$~....$$$$$$$
7$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$Z=.....$$$$$$$$$$
$ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ+.  ...ZZZZZZZZZZZZZ
$ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ...  ..ZZZZZZZZZZZZZZZZ
$ZZZZZZZZZZZZZZZZZZZZZZZZZZZ$..    ..ZZZZZZZZZZZZZZZZZZ
$ZZZZZZZZZZZZZZZZZZZZZZZZZ...   ...ZZZZZZZZZZZZZZZZZZZZ
$ZZZZZZZZZZZZZZZZZZZZZZ..      ..ZZZZZZZZZZZZZZZZZZZZZZ
$ZZZZZZZZZZZZZZZZZZZ..  ...   .ZZZZZZZZZZZZZZZZZZZZZZZZ
$OOOOOOOOOOOOOOOOO..         .OOOOOOOOOOOOOOOOOOOOOOOOO
$OOOOOOOOOOOOOOO.           .OOOOOOOOOOOOOOOOOOOOOOOOOO
ZOOOOOOOOOOOOOO.            8OOOOOOOOOOOOOOOOOOOOOOOOOO
ZOOOOOOOOOOOOZ             .OOOOOOOOOOOOOOOOOOOOOOOOOOO
ZOOOOOOOOOOOO.             .OOOOOOOOOOOOOOOOOOOOOOOOOO0
ZOOOOOOOOOOO,...............+OOOOOOOOOOOOOOOOOOOOOOOOO0
ZOOOOOOOOOOO:................OOOOOOOOOOOOOOOOOOOOOOOOO0
ZOOOOOOOOOOOO.................8OOOOOOOOOOOOOOOOOOOOOOO0
Z8888888888888.................O88888888888888888888888
O88888888888888..................O888888888888888888888
O8888888888888888.................888888888888888888888
O888888888888888888?................8888888888888888888
O888888888888888888888$..............$88888888888888888
O888888888888888888888888D,............D888888888888888
O88888888888888888888888888888...........88888888888888
O888888888888888888888888888888888........:888888888888
O888888888888888888888888888888888888.......D8888888888
ODDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD88.......DDDDDDDDD
ODDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD..........DDDDDDDD
ODDDDDDDDDDDDDDDDDDDDDDDDDDDDD8,... ...   ...   .DDDDDD
ODDDDDDDDDDDDDDDDDDDD.............................DDDDD
ODDDDDDDDDDDDDDDDDDDDDDDDDDDD,.....................DDDD
8DDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD$..............7DD
8DDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD+.......++
8DDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD*/
/* Created by: 2016, Kinetic Solutions               */


/* BNB PAGES - CLIENT BRANDING --------------------- */
/* This is a special case, because there is no need to
   change the original Kinetic.BnB design here, because
   Kinetic design equals to KxBnB design. */


/* KINETIC-RESET ----------------------------------- */
/* Just keep it to further reusage. */
.clear { margin: 0; padding: 0; clear: both; }
.img-left { float:left; margin: 4px 20px 15px 0; }
.img-right { float:right; margin: 4px 0 15px 20px; }
.img-center { float:none; margin: 0 auto; }
.img-fluid { float:none; margin: 0; width:100%; height:auto; }
.img-background { float:none; margin: 0; width:auto; height:auto; z-index:0; position:absolute; }
.img-bottom { float:none; margin: 0; width:auto; height:auto; z-index:4; position:absolute; bottom:0; }
.nav-bar { background: #2e4680; }


/* GENERAL ----------------------------------------- */
/* John added this in december */
div#licencepagecontent { margin-top: 65px; }

img, object, embed {
    border: none
}

html, body, div, pre, form, table, fieldset, h1, h2, h3, h4, h5, h6, dl, hr, p, blockquote {
    margin: 0;
    padding: 0;
    font-family: 'Open Sans',sans-serif;
    font-style: normal
}

a img, :link img, :visited img {
    border: none;
    color: #fff
}

a, a:focus {
    outline: none
}

h1, h2, h3, h4, h5, h6, pre, code, input, textarea, select {
    font-size: 1rem;
    font-weight: normal
}

p input, p textarea, li input, p label {
    font-size: 100%
}

th dt, td dt, th dd, td dd, th li, td li, li li, dt dt, dt dd, dd dt, dd dd, legend legend {
    font-size: 100%
}

h1, h2, h3, h4, h5, h6, p, ul, dl, ol, pre, table {
    padding-bottom: 1rem
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 300
}

p, li, dt, dd, label, address, th, td, legend, input, select, textarea {
    line-height: 120%
}

table {
}

td, th {
    vertical-align: top;
    text-align: left
}

.contain:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0
}

.contain {
    display: inline-table
}

* html .contain {
    height: 1%
}

.contain {
    display: block
}

.clear {
    clear: both
}

.clearLeft {
    clear: left
}

.clearRight {
    clear: right
}

body {
    text-align: left
}

label.access, .access, hr.access {
    background-color: inherit;
    color: #fff;
    position: absolute;
    overflow: hidden;
    border: none;
    left: -10999px;
    width: 990px;
    height: 0
}

.floatLeft {
    float: left
}

.floatRight {
    float: right
}

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

button:focus, a:focus {
    outline: none;
    border: none
}

button:focus, a:focus, a:active, button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, select::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {
    outline: none !important
}

select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000
}

@font-face {
    font-family: 'simple-line-icons';
    src: url('/fonts/simplelineicon/Simple-Line-Icons.eot?v=2.4.0');
    src: url('/fonts/simplelineicon/Simple-Line-Icons.eot?v=2.4.0#iefix') format('embedded-opentype'),url('/fonts/simplelineicon/Simple-Line-Icons.woff2?v=2.4.0') format('woff2'),url('/fonts/simplelineicon/Simple-Line-Icons.ttf?v=2.4.0') format('truetype'),url('/fonts/simplelineicon/Simple-Line-Icons.woff?v=2.4.0') format('woff'),url('/fonts/simplelineicon/Simple-Line-Icons.svg?v=2.4.0#simple-line-icons') format('svg');
    font-weight: normal;
    font-style: normal
}

.icon-user, .icon-people, .icon-user-female, .icon-user-follow, .icon-user-following, .icon-user-unfollow, .icon-login, .icon-logout, .icon-emotsmile, .icon-phone, .icon-call-end, .icon-call-in, .icon-call-out, .icon-map, .icon-location-pin, .icon-direction, .icon-directions, .icon-compass, .icon-layers, .icon-menu, .icon-list, .icon-options-vertical, .icon-options, .icon-arrow-down, .icon-arrow-left, .icon-arrow-right, .icon-arrow-up, .icon-arrow-up-circle, .icon-arrow-left-circle, .icon-arrow-right-circle, .icon-arrow-down-circle, .icon-check, .icon-clock, .icon-plus, .icon-minus, .icon-close, .icon-event, .icon-exclamation, .icon-organization, .icon-trophy, .icon-screen-smartphone, .icon-screen-desktop, .icon-plane, .icon-notebook, .icon-mustache, .icon-mouse, .icon-magnet, .icon-energy, .icon-disc, .icon-cursor, .icon-cursor-move, .icon-crop, .icon-chemistry, .icon-speedometer, .icon-shield, .icon-screen-tablet, .icon-magic-wand, .icon-hourglass, .icon-graduation, .icon-ghost, .icon-game-controller, .icon-fire, .icon-eyeglass, .icon-envelope-open, .icon-envelope-letter, .icon-bell, .icon-badge, .icon-anchor, .icon-wallet, .icon-vector, .icon-speech, .icon-puzzle, .icon-printer, .icon-present, .icon-playlist, .icon-pin, .icon-picture, .icon-handbag, .icon-globe-alt, .icon-globe, .icon-folder-alt, .icon-folder, .icon-film, .icon-feed, .icon-drop, .icon-drawer, .icon-docs, .icon-doc, .icon-diamond, .icon-cup, .icon-calculator, .icon-bubbles, .icon-briefcase, .icon-book-open, .icon-basket-loaded, .icon-basket, .icon-bag, .icon-action-undo, .icon-action-redo, .icon-wrench, .icon-umbrella, .icon-trash, .icon-tag, .icon-support, .icon-frame, .icon-size-fullscreen, .icon-size-actual, .icon-shuffle, .icon-share-alt, .icon-share, .icon-rocket, .icon-question, .icon-pie-chart, .icon-pencil, .icon-note, .icon-loop, .icon-home, .icon-grid, .icon-graph, .icon-microphone, .icon-music-tone-alt, .icon-music-tone, .icon-earphones-alt, .icon-earphones, .icon-equalizer, .icon-like, .icon-dislike, .icon-control-start, .icon-control-rewind, .icon-control-play, .icon-control-pause, .icon-control-forward, .icon-control-end, .icon-volume-1, .icon-volume-2, .icon-volume-off, .icon-calendar, .icon-bulb, .icon-chart, .icon-ban, .icon-bubble, .icon-camrecorder, .icon-camera, .icon-cloud-download, .icon-cloud-upload, .icon-envelope, .icon-eye, .icon-flag, .icon-heart, .icon-info, .icon-key, .icon-link, .icon-lock, .icon-lock-open, .icon-magnifier, .icon-magnifier-add, .icon-magnifier-remove, .icon-paper-clip, .icon-paper-plane, .icon-power, .icon-refresh, .icon-reload, .icon-settings, .icon-star, .icon-symbol-female, .icon-symbol-male, .icon-target, .icon-credit-card, .icon-paypal, .icon-social-tumblr, .icon-social-twitter, .icon-social-facebook, .icon-social-instagram, .icon-social-linkedin, .icon-social-pinterest, .icon-social-github, .icon-social-google, .icon-social-reddit, .icon-social-skype, .icon-social-dribbble, .icon-social-behance, .icon-social-foursqare, .icon-social-soundcloud, .icon-social-spotify, .icon-social-stumbleupon, .icon-social-youtube, .icon-social-dropbox, .icon-social-vkontakte, .icon-social-steam {
    font-family: 'simple-line-icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

    .icon-user:before {
        content: ""
    }

    .icon-people:before {
        content: ""
    }

    .icon-user-female:before {
        content: ""
    }

    .icon-user-follow:before {
        content: ""
    }

    .icon-user-following:before {
        content: ""
    }

    .icon-user-unfollow:before {
        content: ""
    }

    .icon-login:before {
        content: ""
    }

    .icon-logout:before {
        content: ""
    }

    .icon-emotsmile:before {
        content: ""
    }

    .icon-phone:before {
        content: ""
    }

    .icon-call-end:before {
        content: ""
    }

    .icon-call-in:before {
        content: ""
    }

    .icon-call-out:before {
        content: ""
    }

    .icon-map:before {
        content: ""
    }

    .icon-location-pin:before {
        content: ""
    }

    .icon-direction:before {
        content: ""
    }

    .icon-directions:before {
        content: ""
    }

    .icon-compass:before {
        content: ""
    }

    .icon-layers:before {
        content: ""
    }

   

    .icon-list:before {
        content: ""
    }

    .icon-options-vertical:before {
        content: ""
    }

    .icon-options:before {
        content: ""
    }

    .icon-arrow-down:before {
        content: ""
    }

    .icon-arrow-left:before {
        content: ""
    }

    .icon-arrow-right:before {
        content: ""
    }

    .icon-arrow-up:before {
        content: ""
    }

    .icon-arrow-up-circle:before {
        content: ""
    }

    .icon-arrow-left-circle:before {
        content: ""
    }

    .icon-arrow-right-circle:before {
        content: ""
    }

    .icon-arrow-down-circle:before {
        content: ""
    }

    .icon-check:before {
        content: ""
    }

    .icon-clock:before {
        content: ""
    }

    .icon-plus:before {
        content: ""
    }

    .icon-minus:before {
        content: ""
    }

    .icon-close:before {
        content: ""
    }

    .icon-event:before {
        content: ""
    }

    .icon-exclamation:before {
        content: ""
    }

    .icon-organization:before {
        content: ""
    }

    .icon-trophy:before {
        content: ""
    }

    .icon-screen-smartphone:before {
        content: ""
    }

    .icon-screen-desktop:before {
        content: ""
    }

    .icon-plane:before {
        content: ""
    }

    .icon-notebook:before {
        content: ""
    }

    .icon-mustache:before {
        content: ""
    }

    .icon-mouse:before {
        content: ""
    }

    .icon-magnet:before {
        content: ""
    }

    .icon-energy:before {
        content: ""
    }

    .icon-disc:before {
        content: ""
    }

    .icon-cursor:before {
        content: ""
    }

    .icon-cursor-move:before {
        content: ""
    }

    .icon-crop:before {
        content: ""
    }

    .icon-chemistry:before {
        content: ""
    }

    .icon-speedometer:before {
        content: ""
    }

    .icon-shield:before {
        content: ""
    }

    .icon-screen-tablet:before {
        content: ""
    }

    .icon-magic-wand:before {
        content: ""
    }

    .icon-hourglass:before {
        content: ""
    }

    .icon-graduation:before {
        content: ""
    }

    .icon-ghost:before {
        content: ""
    }

    .icon-game-controller:before {
        content: ""
    }

    .icon-fire:before {
        content: ""
    }

    .icon-eyeglass:before {
        content: ""
    }

    .icon-envelope-open:before {
        content: ""
    }

    .icon-envelope-letter:before {
        content: ""
    }

    .icon-bell:before {
        content: ""
    }

    .icon-badge:before {
        content: ""
    }

    .icon-anchor:before {
        content: ""
    }

    .icon-wallet:before {
        content: ""
    }

    .icon-vector:before {
        content: ""
    }

    .icon-speech:before {
        content: ""
    }

    .icon-puzzle:before {
        content: ""
    }

    .icon-printer:before {
        content: ""
    }

    .icon-present:before {
        content: ""
    }

    .icon-playlist:before {
        content: ""
    }

    .icon-pin:before {
        content: ""
    }

    .icon-picture:before {
        content: ""
    }

    .icon-handbag:before {
        content: ""
    }

    .icon-globe-alt:before {
        content: ""
    }

    .icon-globe:before {
        content: ""
    }

    .icon-folder-alt:before {
        content: ""
    }

    .icon-folder:before {
        content: ""
    }

    .icon-film:before {
        content: ""
    }

    .icon-feed:before {
        content: ""
    }

    .icon-drop:before {
        content: ""
    }

    .icon-drawer:before {
        content: ""
    }

    .icon-docs:before {
        content: ""
    }

    .icon-doc:before {
        content: ""
    }

    .icon-diamond:before {
        content: ""
    }

    .icon-cup:before {
        content: ""
    }

    .icon-calculator:before {
        content: ""
    }

    .icon-bubbles:before {
        content: ""
    }

    .icon-briefcase:before {
        content: ""
    }

    .icon-book-open:before {
        content: ""
    }

    .icon-basket-loaded:before {
        content: ""
    }

    .icon-basket:before {
        content: ""
    }

    .icon-bag:before {
        content: ""
    }

    .icon-action-undo:before {
        content: ""
    }

    .icon-action-redo:before {
        content: ""
    }

    .icon-wrench:before {
        content: ""
    }

    .icon-umbrella:before {
        content: ""
    }

    .icon-trash:before {
        content: ""
    }

    .icon-tag:before {
        content: ""
    }

    .icon-support:before {
        content: ""
    }

    .icon-frame:before {
        content: ""
    }

    .icon-size-fullscreen:before {
        content: ""
    }

    .icon-size-actual:before {
        content: ""
    }

    .icon-shuffle:before {
        content: ""
    }

    .icon-share-alt:before {
        content: ""
    }

    .icon-share:before {
        content: ""
    }

    .icon-rocket:before {
        content: ""
    }

    .icon-question:before {
        content: ""
    }

    .icon-pie-chart:before {
        content: ""
    }

    .icon-pencil:before {
        content: ""
    }

    .icon-note:before {
        content: ""
    }

    .icon-loop:before {
        content: ""
    }

    .icon-home:before {
        content: ""
    }

    .icon-grid:before {
        content: ""
    }

    .icon-graph:before {
        content: ""
    }

    .icon-microphone:before {
        content: ""
    }

    .icon-music-tone-alt:before {
        content: ""
    }

    .icon-music-tone:before {
        content: ""
    }

    .icon-earphones-alt:before {
        content: ""
    }

    .icon-earphones:before {
        content: ""
    }

    .icon-equalizer:before {
        content: ""
    }

    .icon-like:before {
        content: ""
    }

    .icon-dislike:before {
        content: ""
    }

    .icon-control-start:before {
        content: ""
    }

    .icon-control-rewind:before {
        content: ""
    }

    .icon-control-play:before {
        content: ""
    }

    .icon-control-pause:before {
        content: ""
    }

    .icon-control-forward:before {
        content: ""
    }

    .icon-control-end:before {
        content: ""
    }

    .icon-volume-1:before {
        content: ""
    }

    .icon-volume-2:before {
        content: ""
    }

    .icon-volume-off:before {
        content: ""
    }

    .icon-calendar:before {
        content: ""
    }

    .icon-bulb:before {
        content: ""
    }

    .icon-chart:before {
        content: ""
    }

    .icon-ban:before {
        content: ""
    }

    .icon-bubble:before {
        content: ""
    }

    .icon-camrecorder:before {
        content: ""
    }

    .icon-camera:before {
        content: ""
    }

    .icon-cloud-download:before {
        content: ""
    }

    .icon-cloud-upload:before {
        content: ""
    }

    .icon-envelope:before {
        content: ""
    }

    .icon-eye:before {
        content: ""
    }

    .icon-flag:before {
        content: ""
    }

    .icon-heart:before {
        content: ""
    }

    .icon-info:before {
        content: ""
    }

    .icon-key:before {
        content: ""
    }

    .icon-link:before {
        content: ""
    }

    .icon-lock:before {
        content: ""
    }

    .icon-lock-open:before {
        content: ""
    }

    .icon-magnifier:before {
        content: ""
    }

    .icon-magnifier-add:before {
        content: ""
    }

    .icon-magnifier-remove:before {
        content: ""
    }

    .icon-paper-clip:before {
        content: ""
    }

    .icon-paper-plane:before {
        content: ""
    }

    .icon-power:before {
        content: ""
    }

    .icon-refresh:before {
        content: ""
    }

    .icon-reload:before {
        content: ""
    }

    .icon-settings:before {
        content: ""
    }

    .icon-star:before {
        content: ""
    }

    .icon-symbol-female:before {
        content: ""
    }

    .icon-symbol-male:before {
        content: ""
    }

    .icon-target:before {
        content: ""
    }

    .icon-credit-card:before {
        content: ""
    }

    .icon-paypal:before {
        content: ""
    }

    .icon-social-tumblr:before {
        content: ""
    }

    .icon-social-twitter:before {
        content: ""
    }

    .icon-social-facebook:before {
        content: ""
    }

    .icon-social-instagram:before {
        content: ""
    }

    .icon-social-linkedin:before {
        content: ""
    }

    .icon-social-pinterest:before {
        content: ""
    }

    .icon-social-github:before {
        content: ""
    }

    .icon-social-google:before {
        content: ""
    }

    .icon-social-reddit:before {
        content: ""
    }

    .icon-social-skype:before {
        content: ""
    }

    .icon-social-dribbble:before {
        content: ""
    }

    .icon-social-behance:before {
        content: ""
    }

    .icon-social-foursqare:before {
        content: ""
    }

    .icon-social-soundcloud:before {
        content: ""
    }

    .icon-social-spotify:before {
        content: ""
    }

    .icon-social-stumbleupon:before {
        content: ""
    }

    .icon-social-youtube:before {
        content: ""
    }

    .icon-social-dropbox:before {
        content: ""
    }

    .icon-social-vkontakte:before {
        content: ""
    }

    .icon-social-steam:before {
        content: ""
    }

@font-face {
    font-family: 'FontAwesome';
    src: url('/fonts/fontawesome/fontawesome-webfont.eot?v=4.7.0');
    src: url('/fonts/fontawesome/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('/fonts/fontawesome/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('/fonts/fontawesome/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('/fonts/fontawesome/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('/fonts/fontawesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-fw {
    width: 1.28571429em;
    text-align: center
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none
}

    .fa-ul > li {
        position: relative
    }

.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: .14285714em;
    text-align: center
}

    .fa-li.fa-lg {
        left: -1.85714286em
    }

.fa-border {
    padding: .2em .25em .15em;
    border: solid .08em #eee;
    border-radius: .1em
}

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

.fa.fa-pull-left {
    margin-right: .3em
}

.fa.fa-pull-right {
    margin-left: .3em
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.fa.pull-left {
    margin-right: .3em
}

.fa.pull-right {
    margin-left: .3em
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8)
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    -webkit-transform: scale(-1,1);
    -ms-transform: scale(-1,1);
    transform: scale(-1,1)
}

.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    -webkit-transform: scale(1,-1);
    -ms-transform: scale(1,-1);
    transform: scale(1,-1)
}

:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical {
    filter: none
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.fa-stack-1x, .fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.fa-glass:before {
    content: ""
}

.fa-music:before {
    content: ""
}

.fa-search:before {
    content: ""
}

.fa-envelope-o:before {
    content: ""
}

.fa-heart:before {
    content: ""
}

.fa-star:before {
    content: ""
}

.fa-star-o:before {
    content: ""
}

.fa-user:before {
    content: ""
}

.fa-film:before {
    content: ""
}

.fa-th-large:before {
    content: ""
}

.fa-th:before {
    content: ""
}

.fa-th-list:before {
    content: ""
}

.fa-check:before {
    content: ""
}

.fa-remove:before, .fa-close:before, .fa-times:before {
    content: ""
}

.fa-search-plus:before {
    content: ""
}

.fa-search-minus:before {
    content: ""
}

.fa-power-off:before {
    content: ""
}

.fa-signal:before {
    content: ""
}

.fa-gear:before, .fa-cog:before {
    content: ""
}

.fa-trash-o:before {
    content: ""
}

.fa-home:before {
    content: ""
}

.fa-file-o:before {
    content: ""
}

.fa-clock-o:before {
    content: ""
}

.fa-road:before {
    content: ""
}

.fa-download:before {
    content: ""
}

.fa-arrow-circle-o-down:before {
    content: ""
}

.fa-arrow-circle-o-up:before {
    content: ""
}

.fa-inbox:before {
    content: ""
}

.fa-play-circle-o:before {
    content: ""
}

.fa-rotate-right:before, .fa-repeat:before {
    content: ""
}

.fa-refresh:before {
    content: ""
}

.fa-list-alt:before {
    content: ""
}

.fa-lock:before {
    content: ""
}

.fa-flag:before {
    content: ""
}

.fa-headphones:before {
    content: ""
}

.fa-volume-off:before {
    content: ""
}

.fa-volume-down:before {
    content: ""
}

.fa-volume-up:before {
    content: ""
}

.fa-qrcode:before {
    content: ""
}

.fa-barcode:before {
    content: ""
}

.fa-tag:before {
    content: ""
}

.fa-tags:before {
    content: ""
}

.fa-book:before {
    content: ""
}

.fa-bookmark:before {
    content: ""
}

.fa-print:before {
    content: ""
}

.fa-camera:before {
    content: ""
}

.fa-font:before {
    content: ""
}

.fa-bold:before {
    content: ""
}

.fa-italic:before {
    content: ""
}

.fa-text-height:before {
    content: ""
}

.fa-text-width:before {
    content: ""
}

.fa-align-left:before {
    content: ""
}

.fa-align-center:before {
    content: ""
}

.fa-align-right:before {
    content: ""
}

.fa-align-justify:before {
    content: ""
}

.fa-list:before {
    content: ""
}

.fa-dedent:before, .fa-outdent:before {
    content: ""
}

.fa-indent:before {
    content: ""
}

.fa-video-camera:before {
    content: ""
}

.fa-photo:before, .fa-image:before, .fa-picture-o:before {
    content: ""
}

.fa-pencil:before {
    content: ""
}

.fa-map-marker:before {
    content: ""
}

.fa-adjust:before {
    content: ""
}

.fa-tint:before {
    content: ""
}

.fa-edit:before, .fa-pencil-square-o:before {
    content: ""
}

.fa-share-square-o:before {
    content: ""
}

.fa-check-square-o:before {
    content: ""
}

.fa-arrows:before {
    content: ""
}

.fa-step-backward:before {
    content: ""
}

.fa-fast-backward:before {
    content: ""
}

.fa-backward:before {
    content: ""
}

.fa-play:before {
    content: ""
}

.fa-pause:before {
    content: ""
}

.fa-stop:before {
    content: ""
}

.fa-forward:before {
    content: ""
}

.fa-fast-forward:before {
    content: ""
}

.fa-step-forward:before {
    content: ""
}

.fa-eject:before {
    content: ""
}

.fa-chevron-left:before {
    content: ""
}

.fa-chevron-right:before {
    content: ""
}

.fa-plus-circle:before {
    content: ""
}

.fa-minus-circle:before {
    content: ""
}

.fa-times-circle:before {
    content: ""
}

.fa-check-circle:before {
    content: ""
}

.fa-question-circle:before {
    content: ""
}

.fa-info-circle:before {
    content: ""
}

.fa-crosshairs:before {
    content: ""
}

.fa-times-circle-o:before {
    content: ""
}

.fa-check-circle-o:before {
    content: ""
}

.fa-ban:before {
    content: ""
}

.fa-arrow-left:before {
    content: ""
}

.fa-arrow-right:before {
    content: ""
}

.fa-arrow-up:before {
    content: ""
}

.fa-arrow-down:before {
    content: ""
}

.fa-mail-forward:before, .fa-share:before {
    content: ""
}

.fa-expand:before {
    content: ""
}

.fa-compress:before {
    content: ""
}

.fa-plus:before {
    content: ""
}

.fa-minus:before {
    content: ""
}

.fa-asterisk:before {
    content: ""
}

.fa-exclamation-circle:before {
    content: ""
}

.fa-gift:before {
    content: ""
}

.fa-leaf:before {
    content: ""
}

.fa-fire:before {
    content: ""
}

.fa-eye:before {
    content: ""
}

.fa-eye-slash:before {
    content: ""
}

.fa-warning:before, .fa-exclamation-triangle:before {
    content: ""
}

.fa-plane:before {
    content: ""
}

.fa-calendar:before {
    content: ""
}

.fa-random:before {
    content: ""
}

.fa-comment:before {
    content: ""
}

.fa-magnet:before {
    content: ""
}

.fa-chevron-up:before {
    content: ""
}

.fa-chevron-down:before {
    content: ""
}

.fa-retweet:before {
    content: ""
}

.fa-shopping-cart:before {
    content: ""
}

.fa-folder:before {
    content: ""
}

.fa-folder-open:before {
    content: ""
}

.fa-arrows-v:before {
    content: ""
}

.fa-arrows-h:before {
    content: ""
}

.fa-bar-chart-o:before, .fa-bar-chart:before {
    content: ""
}

.fa-twitter-square:before {
    content: ""
}

.fa-facebook-square:before {
    content: ""
}

.fa-camera-retro:before {
    content: ""
}

.fa-key:before {
    content: ""
}

.fa-gears:before, .fa-cogs:before {
    content: ""
}

.fa-comments:before {
    content: ""
}

.fa-thumbs-o-up:before {
    content: ""
}

.fa-thumbs-o-down:before {
    content: ""
}

.fa-star-half:before {
    content: ""
}

.fa-heart-o:before {
    content: ""
}

.fa-sign-out:before {
    content: ""
}

.fa-linkedin-square:before {
    content: ""
}

.fa-thumb-tack:before {
    content: ""
}

.fa-external-link:before {
    content: ""
}

.fa-sign-in:before {
    content: ""
}

.fa-trophy:before {
    content: ""
}

.fa-github-square:before {
    content: ""
}

.fa-upload:before {
    content: ""
}

.fa-lemon-o:before {
    content: ""
}

.fa-phone:before {
    content: ""
}

.fa-square-o:before {
    content: ""
}

.fa-bookmark-o:before {
    content: ""
}

.fa-phone-square:before {
    content: ""
}

.fa-twitter:before {
    content: ""
}

.fa-facebook-f:before, .fa-facebook:before {
    content: ""
}

.fa-github:before {
    content: ""
}

.fa-unlock:before {
    content: ""
}

.fa-credit-card:before {
    content: ""
}

.fa-feed:before, .fa-rss:before {
    content: ""
}

.fa-hdd-o:before {
    content: ""
}

.fa-bullhorn:before {
    content: ""
}

.fa-bell:before {
    content: ""
}

.fa-certificate:before {
    content: ""
}

.fa-hand-o-right:before {
    content: ""
}

.fa-hand-o-left:before {
    content: ""
}

.fa-hand-o-up:before {
    content: ""
}

.fa-hand-o-down:before {
    content: ""
}

.fa-arrow-circle-left:before {
    content: ""
}

.fa-arrow-circle-right:before {
    content: ""
}

.fa-arrow-circle-up:before {
    content: ""
}

.fa-arrow-circle-down:before {
    content: ""
}

.fa-globe:before {
    content: ""
}

.fa-wrench:before {
    content: ""
}

.fa-tasks:before {
    content: ""
}

.fa-filter:before {
    content: ""
}

.fa-briefcase:before {
    content: ""
}

.fa-arrows-alt:before {
    content: ""
}

.fa-group:before, .fa-users:before {
    content: ""
}

.fa-chain:before, .fa-link:before {
    content: ""
}

.fa-cloud:before {
    content: ""
}

.fa-flask:before {
    content: ""
}

.fa-cut:before, .fa-scissors:before {
    content: ""
}

.fa-copy:before, .fa-files-o:before {
    content: ""
}

.fa-paperclip:before {
    content: ""
}

.fa-save:before, .fa-floppy-o:before {
    content: ""
}

.fa-square:before {
    content: ""
}

.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
    content: ""
}

.fa-list-ul:before {
    content: ""
}

.fa-list-ol:before {
    content: ""
}

.fa-strikethrough:before {
    content: ""
}

.fa-underline:before {
    content: ""
}

.fa-table:before {
    content: ""
}

.fa-magic:before {
    content: ""
}

.fa-truck:before {
    content: ""
}

.fa-pinterest:before {
    content: ""
}

.fa-pinterest-square:before {
    content: ""
}

.fa-google-plus-square:before {
    content: ""
}

.fa-google-plus:before {
    content: ""
}

.fa-money:before {
    content: ""
}

.fa-caret-down:before {
    content: ""
}

.fa-caret-up:before {
    content: ""
}

.fa-caret-left:before {
    content: ""
}

.fa-caret-right:before {
    content: ""
}

.fa-columns:before {
    content: ""
}

.fa-unsorted:before, .fa-sort:before {
    content: ""
}

.fa-sort-down:before, .fa-sort-desc:before {
    content: ""
}

.fa-sort-up:before, .fa-sort-asc:before {
    content: ""
}

.fa-envelope:before {
    content: ""
}

.fa-linkedin:before {
    content: ""
}

.fa-rotate-left:before, .fa-undo:before {
    content: ""
}

.fa-legal:before, .fa-gavel:before {
    content: ""
}

.fa-dashboard:before, .fa-tachometer:before {
    content: ""
}

.fa-comment-o:before {
    content: ""
}

.fa-comments-o:before {
    content: ""
}

.fa-flash:before, .fa-bolt:before {
    content: ""
}

.fa-sitemap:before {
    content: ""
}

.fa-umbrella:before {
    content: ""
}

.fa-paste:before, .fa-clipboard:before {
    content: ""
}

.fa-lightbulb-o:before {
    content: ""
}

.fa-exchange:before {
    content: ""
}

.fa-cloud-download:before {
    content: ""
}

.fa-cloud-upload:before {
    content: ""
}

.fa-user-md:before {
    content: ""
}

.fa-stethoscope:before {
    content: ""
}

.fa-suitcase:before {
    content: ""
}

.fa-bell-o:before {
    content: ""
}

.fa-coffee:before {
    content: ""
}

.fa-cutlery:before {
    content: ""
}

.fa-file-text-o:before {
    content: ""
}

.fa-building-o:before {
    content: ""
}

.fa-hospital-o:before {
    content: ""
}

.fa-ambulance:before {
    content: ""
}

.fa-medkit:before {
    content: ""
}

.fa-fighter-jet:before {
    content: ""
}

.fa-beer:before {
    content: ""
}

.fa-h-square:before {
    content: ""
}

.fa-plus-square:before {
    content: ""
}

.fa-angle-double-left:before {
    content: ""
}

.fa-angle-double-right:before {
    content: ""
}

.fa-angle-double-up:before {
    content: ""
}

.fa-angle-double-down:before {
    content: ""
}

.fa-angle-left:before {
    content: ""
}

.fa-angle-right:before {
    content: ""
}

.fa-angle-up:before {
    content: ""
}

.fa-angle-down:before {
    content: ""
}

.fa-desktop:before {
    content: ""
}

.fa-laptop:before {
    content: ""
}

.fa-tablet:before {
    content: ""
}

.fa-mobile-phone:before, .fa-mobile:before {
    content: ""
}

.fa-circle-o:before {
    content: ""
}

.fa-quote-left:before {
    content: ""
}

.fa-quote-right:before {
    content: ""
}

.fa-spinner:before {
    content: ""
}

.fa-circle:before {
    content: ""
}

.fa-mail-reply:before, .fa-reply:before {
    content: ""
}

.fa-github-alt:before {
    content: ""
}

.fa-folder-o:before {
    content: ""
}

.fa-folder-open-o:before {
    content: ""
}

.fa-smile-o:before {
    content: ""
}

.fa-frown-o:before {
    content: ""
}

.fa-meh-o:before {
    content: ""
}

.fa-gamepad:before {
    content: ""
}

.fa-keyboard-o:before {
    content: ""
}

.fa-flag-o:before {
    content: ""
}

.fa-flag-checkered:before {
    content: ""
}

.fa-terminal:before {
    content: ""
}

.fa-code:before {
    content: ""
}

.fa-mail-reply-all:before, .fa-reply-all:before {
    content: ""
}

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
    content: ""
}

.fa-location-arrow:before {
    content: ""
}

.fa-crop:before {
    content: ""
}

.fa-code-fork:before {
    content: ""
}

.fa-unlink:before, .fa-chain-broken:before {
    content: ""
}

.fa-question:before {
    content: ""
}

.fa-info:before {
    content: ""
}

.fa-exclamation:before {
    content: ""
}

.fa-superscript:before {
    content: ""
}

.fa-subscript:before {
    content: ""
}

.fa-eraser:before {
    content: ""
}

.fa-puzzle-piece:before {
    content: ""
}

.fa-microphone:before {
    content: ""
}

.fa-microphone-slash:before {
    content: ""
}

.fa-shield:before {
    content: ""
}

.fa-calendar-o:before {
    content: ""
}

.fa-fire-extinguisher:before {
    content: ""
}

.fa-rocket:before {
    content: ""
}

.fa-maxcdn:before {
    content: ""
}

.fa-chevron-circle-left:before {
    content: ""
}

.fa-chevron-circle-right:before {
    content: ""
}

.fa-chevron-circle-up:before {
    content: ""
}

.fa-chevron-circle-down:before {
    content: ""
}

.fa-html5:before {
    content: ""
}

.fa-css3:before {
    content: ""
}

.fa-anchor:before {
    content: ""
}

.fa-unlock-alt:before {
    content: ""
}

.fa-bullseye:before {
    content: ""
}

.fa-ellipsis-h:before {
    content: ""
}

.fa-ellipsis-v:before {
    content: ""
}

.fa-rss-square:before {
    content: ""
}

.fa-play-circle:before {
    content: ""
}

.fa-ticket:before {
    content: ""
}

.fa-minus-square:before {
    content: ""
}

.fa-minus-square-o:before {
    content: ""
}

.fa-level-up:before {
    content: ""
}

.fa-level-down:before {
    content: ""
}

.fa-check-square:before {
    content: ""
}

.fa-pencil-square:before {
    content: ""
}

.fa-external-link-square:before {
    content: ""
}

.fa-share-square:before {
    content: ""
}

.fa-compass:before {
    content: ""
}

.fa-toggle-down:before, .fa-caret-square-o-down:before {
    content: ""
}

.fa-toggle-up:before, .fa-caret-square-o-up:before {
    content: ""
}

.fa-toggle-right:before, .fa-caret-square-o-right:before {
    content: ""
}

.fa-euro:before, .fa-eur:before {
    content: ""
}

.fa-gbp:before {
    content: ""
}

.fa-dollar:before, .fa-usd:before {
    content: ""
}

.fa-rupee:before, .fa-inr:before {
    content: ""
}

.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {
    content: ""
}

.fa-ruble:before, .fa-rouble:before, .fa-rub:before {
    content: ""
}

.fa-won:before, .fa-krw:before {
    content: ""
}

.fa-bitcoin:before, .fa-btc:before {
    content: ""
}

.fa-file:before {
    content: ""
}

.fa-file-text:before {
    content: ""
}

.fa-sort-alpha-asc:before {
    content: ""
}

.fa-sort-alpha-desc:before {
    content: ""
}

.fa-sort-amount-asc:before {
    content: ""
}

.fa-sort-amount-desc:before {
    content: ""
}

.fa-sort-numeric-asc:before {
    content: ""
}

.fa-sort-numeric-desc:before {
    content: ""
}

.fa-thumbs-up:before {
    content: ""
}

.fa-thumbs-down:before {
    content: ""
}

.fa-youtube-square:before {
    content: ""
}

.fa-youtube:before {
    content: ""
}

.fa-xing:before {
    content: ""
}

.fa-xing-square:before {
    content: ""
}

.fa-youtube-play:before {
    content: ""
}

.fa-dropbox:before {
    content: ""
}

.fa-stack-overflow:before {
    content: ""
}

.fa-instagram:before {
    content: ""
}

.fa-flickr:before {
    content: ""
}

.fa-adn:before {
    content: ""
}

.fa-bitbucket:before {
    content: ""
}

.fa-bitbucket-square:before {
    content: ""
}

.fa-tumblr:before {
    content: ""
}

.fa-tumblr-square:before {
    content: ""
}

.fa-long-arrow-down:before {
    content: ""
}

.fa-long-arrow-up:before {
    content: ""
}

.fa-long-arrow-left:before {
    content: ""
}

.fa-long-arrow-right:before {
    content: ""
}

.fa-apple:before {
    content: ""
}

.fa-windows:before {
    content: ""
}

.fa-android:before {
    content: ""
}

.fa-linux:before {
    content: ""
}

.fa-dribbble:before {
    content: ""
}

.fa-skype:before {
    content: ""
}

.fa-foursquare:before {
    content: ""
}

.fa-trello:before {
    content: ""
}

.fa-female:before {
    content: ""
}

.fa-male:before {
    content: ""
}

.fa-gittip:before, .fa-gratipay:before {
    content: ""
}

.fa-sun-o:before {
    content: ""
}

.fa-moon-o:before {
    content: ""
}

.fa-archive:before {
    content: ""
}

.fa-bug:before {
    content: ""
}

.fa-vk:before {
    content: ""
}

.fa-weibo:before {
    content: ""
}

.fa-renren:before {
    content: ""
}

.fa-pagelines:before {
    content: ""
}

.fa-stack-exchange:before {
    content: ""
}

.fa-arrow-circle-o-right:before {
    content: ""
}

.fa-arrow-circle-o-left:before {
    content: ""
}

.fa-toggle-left:before, .fa-caret-square-o-left:before {
    content: ""
}

.fa-dot-circle-o:before {
    content: ""
}

.fa-wheelchair:before {
    content: ""
}

.fa-vimeo-square:before {
    content: ""
}

.fa-turkish-lira:before, .fa-try:before {
    content: ""
}

.fa-plus-square-o:before {
    content: ""
}

.fa-space-shuttle:before {
    content: ""
}

.fa-slack:before {
    content: ""
}

.fa-envelope-square:before {
    content: ""
}

.fa-wordpress:before {
    content: ""
}

.fa-openid:before {
    content: ""
}

.fa-institution:before, .fa-bank:before, .fa-university:before {
    content: ""
}

.fa-mortar-board:before, .fa-graduation-cap:before {
    content: ""
}

.fa-yahoo:before {
    content: ""
}

.fa-google:before {
    content: ""
}

.fa-reddit:before {
    content: ""
}

.fa-reddit-square:before {
    content: ""
}

.fa-stumbleupon-circle:before {
    content: ""
}

.fa-stumbleupon:before {
    content: ""
}

.fa-delicious:before {
    content: ""
}

.fa-digg:before {
    content: ""
}

.fa-pied-piper-pp:before {
    content: ""
}

.fa-pied-piper-alt:before {
    content: ""
}

.fa-drupal:before {
    content: ""
}

.fa-joomla:before {
    content: ""
}

.fa-language:before {
    content: ""
}

.fa-fax:before {
    content: ""
}

.fa-building:before {
    content: ""
}

.fa-child:before {
    content: ""
}

.fa-paw:before {
    content: ""
}

.fa-spoon:before {
    content: ""
}

.fa-cube:before {
    content: ""
}

.fa-cubes:before {
    content: ""
}

.fa-behance:before {
    content: ""
}

.fa-behance-square:before {
    content: ""
}

.fa-steam:before {
    content: ""
}

.fa-steam-square:before {
    content: ""
}

.fa-recycle:before {
    content: ""
}

.fa-automobile:before, .fa-car:before {
    content: ""
}

.fa-cab:before, .fa-taxi:before {
    content: ""
}

.fa-tree:before {
    content: ""
}

.fa-spotify:before {
    content: ""
}

.fa-deviantart:before {
    content: ""
}

.fa-soundcloud:before {
    content: ""
}

.fa-database:before {
    content: ""
}

.fa-file-pdf-o:before {
    content: ""
}

.fa-file-word-o:before {
    content: ""
}

.fa-file-excel-o:before {
    content: ""
}

.fa-file-powerpoint-o:before {
    content: ""
}

.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before {
    content: ""
}

.fa-file-zip-o:before, .fa-file-archive-o:before {
    content: ""
}

.fa-file-sound-o:before, .fa-file-audio-o:before {
    content: ""
}

.fa-file-movie-o:before, .fa-file-video-o:before {
    content: ""
}

.fa-file-code-o:before {
    content: ""
}

.fa-vine:before {
    content: ""
}

.fa-codepen:before {
    content: ""
}

.fa-jsfiddle:before {
    content: ""
}

.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before {
    content: ""
}

.fa-circle-o-notch:before {
    content: ""
}

.fa-ra:before, .fa-resistance:before, .fa-rebel:before {
    content: ""
}

.fa-ge:before, .fa-empire:before {
    content: ""
}

.fa-git-square:before {
    content: ""
}

.fa-git:before {
    content: ""
}

.fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before {
    content: ""
}

.fa-tencent-weibo:before {
    content: ""
}

.fa-qq:before {
    content: ""
}

.fa-wechat:before, .fa-weixin:before {
    content: ""
}

.fa-send:before, .fa-paper-plane:before {
    content: ""
}

.fa-send-o:before, .fa-paper-plane-o:before {
    content: ""
}

.fa-history:before {
    content: ""
}

.fa-circle-thin:before {
    content: ""
}

.fa-header:before {
    content: ""
}

.fa-paragraph:before {
    content: ""
}

.fa-sliders:before {
    content: ""
}

.fa-share-alt:before {
    content: ""
}

.fa-share-alt-square:before {
    content: ""
}

.fa-bomb:before {
    content: ""
}

.fa-soccer-ball-o:before, .fa-futbol-o:before {
    content: ""
}

.fa-tty:before {
    content: ""
}

.fa-binoculars:before {
    content: ""
}

.fa-plug:before {
    content: ""
}

.fa-slideshare:before {
    content: ""
}

.fa-twitch:before {
    content: ""
}

.fa-yelp:before {
    content: ""
}

.fa-newspaper-o:before {
    content: ""
}

.fa-wifi:before {
    content: ""
}

.fa-calculator:before {
    content: ""
}

.fa-paypal:before {
    content: ""
}

.fa-google-wallet:before {
    content: ""
}

.fa-cc-visa:before {
    content: ""
}

.fa-cc-mastercard:before {
    content: ""
}

.fa-cc-discover:before {
    content: ""
}

.fa-cc-amex:before {
    content: ""
}

.fa-cc-paypal:before {
    content: ""
}

.fa-cc-stripe:before {
    content: ""
}

.fa-bell-slash:before {
    content: ""
}

.fa-bell-slash-o:before {
    content: ""
}

.fa-trash:before {
    content: ""
}

.fa-copyright:before {
    content: ""
}

.fa-at:before {
    content: ""
}

.fa-eyedropper:before {
    content: ""
}

.fa-paint-brush:before {
    content: ""
}

.fa-birthday-cake:before {
    content: ""
}

.fa-area-chart:before {
    content: ""
}

.fa-pie-chart:before {
    content: ""
}

.fa-line-chart:before {
    content: ""
}

.fa-lastfm:before {
    content: ""
}

.fa-lastfm-square:before {
    content: ""
}

.fa-toggle-off:before {
    content: ""
}

.fa-toggle-on:before {
    content: ""
}

.fa-bicycle:before {
    content: ""
}

.fa-bus:before {
    content: ""
}

.fa-ioxhost:before {
    content: ""
}

.fa-angellist:before {
    content: ""
}

.fa-cc:before {
    content: ""
}

.fa-shekel:before, .fa-sheqel:before, .fa-ils:before {
    content: ""
}

.fa-meanpath:before {
    content: ""
}

.fa-buysellads:before {
    content: ""
}

.fa-connectdevelop:before {
    content: ""
}

.fa-dashcube:before {
    content: ""
}

.fa-forumbee:before {
    content: ""
}

.fa-leanpub:before {
    content: ""
}

.fa-sellsy:before {
    content: ""
}

.fa-shirtsinbulk:before {
    content: ""
}

.fa-simplybuilt:before {
    content: ""
}

.fa-skyatlas:before {
    content: ""
}

.fa-cart-plus:before {
    content: ""
}

.fa-cart-arrow-down:before {
    content: ""
}

.fa-diamond:before {
    content: ""
}

.fa-ship:before {
    content: ""
}

.fa-user-secret:before {
    content: ""
}

.fa-motorcycle:before {
    content: ""
}

.fa-street-view:before {
    content: ""
}

.fa-heartbeat:before {
    content: ""
}

.fa-venus:before {
    content: ""
}

.fa-mars:before {
    content: ""
}

.fa-mercury:before {
    content: ""
}

.fa-intersex:before, .fa-transgender:before {
    content: ""
}

.fa-transgender-alt:before {
    content: ""
}

.fa-venus-double:before {
    content: ""
}

.fa-mars-double:before {
    content: ""
}

.fa-venus-mars:before {
    content: ""
}

.fa-mars-stroke:before {
    content: ""
}

.fa-mars-stroke-v:before {
    content: ""
}

.fa-mars-stroke-h:before {
    content: ""
}

.fa-neuter:before {
    content: ""
}

.fa-genderless:before {
    content: ""
}

.fa-facebook-official:before {
    content: ""
}

.fa-pinterest-p:before {
    content: ""
}

.fa-whatsapp:before {
    content: ""
}

.fa-server:before {
    content: ""
}

.fa-user-plus:before {
    content: ""
}

.fa-user-times:before {
    content: ""
}

.fa-hotel:before, .fa-bed:before {
    content: ""
}

.fa-viacoin:before {
    content: ""
}

.fa-train:before {
    content: ""
}

.fa-subway:before {
    content: ""
}

.fa-medium:before {
    content: ""
}

.fa-yc:before, .fa-y-combinator:before {
    content: ""
}

.fa-optin-monster:before {
    content: ""
}

.fa-opencart:before {
    content: ""
}

.fa-expeditedssl:before {
    content: ""
}

.fa-battery-4:before, .fa-battery:before, .fa-battery-full:before {
    content: ""
}

.fa-battery-3:before, .fa-battery-three-quarters:before {
    content: ""
}

.fa-battery-2:before, .fa-battery-half:before {
    content: ""
}

.fa-battery-1:before, .fa-battery-quarter:before {
    content: ""
}

.fa-battery-0:before, .fa-battery-empty:before {
    content: ""
}

.fa-mouse-pointer:before {
    content: ""
}

.fa-i-cursor:before {
    content: ""
}

.fa-object-group:before {
    content: ""
}

.fa-object-ungroup:before {
    content: ""
}

.fa-sticky-note:before {
    content: ""
}

.fa-sticky-note-o:before {
    content: ""
}

.fa-cc-jcb:before {
    content: ""
}

.fa-cc-diners-club:before {
    content: ""
}

.fa-clone:before {
    content: ""
}

.fa-balance-scale:before {
    content: ""
}

.fa-hourglass-o:before {
    content: ""
}

.fa-hourglass-1:before, .fa-hourglass-start:before {
    content: ""
}

.fa-hourglass-2:before, .fa-hourglass-half:before {
    content: ""
}

.fa-hourglass-3:before, .fa-hourglass-end:before {
    content: ""
}

.fa-hourglass:before {
    content: ""
}

.fa-hand-grab-o:before, .fa-hand-rock-o:before {
    content: ""
}

.fa-hand-stop-o:before, .fa-hand-paper-o:before {
    content: ""
}

.fa-hand-scissors-o:before {
    content: ""
}

.fa-hand-lizard-o:before {
    content: ""
}

.fa-hand-spock-o:before {
    content: ""
}

.fa-hand-pointer-o:before {
    content: ""
}

.fa-hand-peace-o:before {
    content: ""
}

.fa-trademark:before {
    content: ""
}

.fa-registered:before {
    content: ""
}

.fa-creative-commons:before {
    content: ""
}

.fa-gg:before {
    content: ""
}

.fa-gg-circle:before {
    content: ""
}

.fa-tripadvisor:before {
    content: ""
}

.fa-odnoklassniki:before {
    content: ""
}

.fa-odnoklassniki-square:before {
    content: ""
}

.fa-get-pocket:before {
    content: ""
}

.fa-wikipedia-w:before {
    content: ""
}

.fa-safari:before {
    content: ""
}

.fa-chrome:before {
    content: ""
}

.fa-firefox:before {
    content: ""
}

.fa-opera:before {
    content: ""
}

.fa-internet-explorer:before {
    content: ""
}

.fa-tv:before, .fa-television:before {
    content: ""
}

.fa-contao:before {
    content: ""
}

.fa-500px:before {
    content: ""
}

.fa-amazon:before {
    content: ""
}

.fa-calendar-plus-o:before {
    content: ""
}

.fa-calendar-minus-o:before {
    content: ""
}

.fa-calendar-times-o:before {
    content: ""
}

.fa-calendar-check-o:before {
    content: ""
}

.fa-industry:before {
    content: ""
}

.fa-map-pin:before {
    content: ""
}

.fa-map-signs:before {
    content: ""
}

.fa-map-o:before {
    content: ""
}

.fa-map:before {
    content: ""
}

.fa-commenting:before {
    content: ""
}

.fa-commenting-o:before {
    content: ""
}

.fa-houzz:before {
    content: ""
}

.fa-vimeo:before {
    content: ""
}

.fa-black-tie:before {
    content: ""
}

.fa-fonticons:before {
    content: ""
}

.fa-reddit-alien:before {
    content: ""
}

.fa-edge:before {
    content: ""
}

.fa-credit-card-alt:before {
    content: ""
}

.fa-codiepie:before {
    content: ""
}

.fa-modx:before {
    content: ""
}

.fa-fort-awesome:before {
    content: ""
}

.fa-usb:before {
    content: ""
}

.fa-product-hunt:before {
    content: ""
}

.fa-mixcloud:before {
    content: ""
}

.fa-scribd:before {
    content: ""
}

.fa-pause-circle:before {
    content: ""
}

.fa-pause-circle-o:before {
    content: ""
}

.fa-stop-circle:before {
    content: ""
}

.fa-stop-circle-o:before {
    content: ""
}

.fa-shopping-bag:before {
    content: ""
}

.fa-shopping-basket:before {
    content: ""
}

.fa-hashtag:before {
    content: ""
}

.fa-bluetooth:before {
    content: ""
}

.fa-bluetooth-b:before {
    content: ""
}

.fa-percent:before {
    content: ""
}

.fa-gitlab:before {
    content: ""
}

.fa-wpbeginner:before {
    content: ""
}

.fa-wpforms:before {
    content: ""
}

.fa-envira:before {
    content: ""
}

.fa-universal-access:before {
    content: ""
}

.fa-wheelchair-alt:before {
    content: ""
}

.fa-question-circle-o:before {
    content: ""
}

.fa-blind:before {
    content: ""
}

.fa-audio-description:before {
    content: ""
}

.fa-volume-control-phone:before {
    content: ""
}

.fa-braille:before {
    content: ""
}

.fa-assistive-listening-systems:before {
    content: ""
}

.fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before {
    content: ""
}

.fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before {
    content: ""
}

.fa-glide:before {
    content: ""
}

.fa-glide-g:before {
    content: ""
}

.fa-signing:before, .fa-sign-language:before {
    content: ""
}

.fa-low-vision:before {
    content: ""
}

.fa-viadeo:before {
    content: ""
}

.fa-viadeo-square:before {
    content: ""
}

.fa-snapchat:before {
    content: ""
}

.fa-snapchat-ghost:before {
    content: ""
}

.fa-snapchat-square:before {
    content: ""
}

.fa-pied-piper:before {
    content: ""
}

.fa-first-order:before {
    content: ""
}

.fa-yoast:before {
    content: ""
}

.fa-themeisle:before {
    content: ""
}

.fa-google-plus-circle:before, .fa-google-plus-official:before {
    content: ""
}

.fa-fa:before, .fa-font-awesome:before {
    content: ""
}

.fa-handshake-o:before {
    content: ""
}

.fa-envelope-open:before {
    content: ""
}

.fa-envelope-open-o:before {
    content: ""
}

.fa-linode:before {
    content: ""
}

.fa-address-book:before {
    content: ""
}

.fa-address-book-o:before {
    content: ""
}

.fa-vcard:before, .fa-address-card:before {
    content: ""
}

.fa-vcard-o:before, .fa-address-card-o:before {
    content: ""
}

.fa-user-circle:before {
    content: ""
}

.fa-user-circle-o:before {
    content: ""
}

.fa-user-o:before {
    content: ""
}

.fa-id-badge:before {
    content: ""
}

.fa-drivers-license:before, .fa-id-card:before {
    content: ""
}

.fa-drivers-license-o:before, .fa-id-card-o:before {
    content: ""
}

.fa-quora:before {
    content: ""
}

.fa-free-code-camp:before {
    content: ""
}

.fa-telegram:before {
    content: ""
}

.fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before {
    content: ""
}

.fa-thermometer-3:before, .fa-thermometer-three-quarters:before {
    content: ""
}

.fa-thermometer-2:before, .fa-thermometer-half:before {
    content: ""
}

.fa-thermometer-1:before, .fa-thermometer-quarter:before {
    content: ""
}

.fa-thermometer-0:before, .fa-thermometer-empty:before {
    content: ""
}

.fa-shower:before {
    content: ""
}

.fa-bathtub:before, .fa-s15:before, .fa-bath:before {
    content: ""
}

.fa-podcast:before {
    content: ""
}

.fa-window-maximize:before {
    content: ""
}

.fa-window-minimize:before {
    content: ""
}

.fa-window-restore:before {
    content: ""
}

.fa-times-rectangle:before, .fa-window-close:before {
    content: ""
}

.fa-times-rectangle-o:before, .fa-window-close-o:before {
    content: ""
}

.fa-bandcamp:before {
    content: ""
}

.fa-grav:before {
    content: ""
}

.fa-etsy:before {
    content: ""
}

.fa-imdb:before {
    content: ""
}

.fa-ravelry:before {
    content: ""
}

.fa-eercast:before {
    content: ""
}

.fa-microchip:before {
    content: ""
}

.fa-snowflake-o:before {
    content: ""
}

.fa-superpowers:before {
    content: ""
}

.fa-wpexplorer:before {
    content: ""
}

.fa-meetup:before {
    content: ""
}

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

body {
    color: #202a30
}

h1, .heading1 {
    font-size: 3.125rem;
    line-height: 3.5rem
}

h2, .heading2 {
    font-size: 2.5rem;
    line-height: 3rem
}

h3, .heading3, h4, .heading4 {
    font-size: 1.5rem;
    line-height: 1.75rem
}

h5, .heading5 {
    font-size: 1rem;
    line-height: 1.375rem
}

.accordionExtraTitle {
    margin-top: 30px
}

article > h1, article * h1, article > h2, article * h2, article > h3, article * h3, article > h4, article * h4 {
    font-size: 1.5rem;
    line-height: 1.75rem
}

article > h5, article * h5 article > h6, article * h6 {
    font-size: 1rem;
    line-height: 1.375rem
}

p, li, dd, dt {
    font-size: 1rem;
    line-height: 1.375rem
}

.padRight {
    padding-right: 50px
}

.smallText {
    font-size: .875rem;
    line-height: 1.125rem
}

a {
    color: #0073cf;
    text-decoration: none;
    font-weight: 400
}

    a:hover, a:focus {
        color: #004b88
    }

@media only screen and (min-width: 768px) {
    h1, .heading1 {
        font-size: 4.375rem;
        line-height: 5.25rem
    }

    h2, .heading2 {
        font-size: 3.125rem;
        line-height: 3.5rem
    }

    h3, .heading3 {
        font-size: 1.875rem;
        line-height: 2.25rem
    }

    h5, .heading5 {
        font-size: 1.25rem;
        line-height: 1.5rem
    }

    article > h1, article * h1, article > h2, article * h2 {
        font-size: 1.875rem;
        line-height: 2.25rem
    }

    article > h3, article * h3, article > h4, article * h4 {
        font-size: 1.5rem;
        line-height: 1.75rem
    }

    article > h5, article * h5, article > h6, article * h6 {
        font-size: 1.25rem;
        line-height: 1.5rem
    }

    p.introText {
        font-size: 1.25rem;
        line-height: 1.55rem;
        font-weight: 300
    }
}

@media only screen and (min-width: 1280px) {
    h1, .heading1 {
        font-size: 5rem;
        line-height: 6rem
    }

    h2, .heading2 {
        font-size: 3.75rem;
        line-height: 4.5rem
    }

    h3, .heading3 {
        font-size: 2.5rem;
        line-height: 3rem
    }

    h5, .heading5 {
        font-size: 1.5rem;
        line-height: 1.75rem
    }

    article > h1, article * h1, article > h2, article * h2 {
        font-size: 2.5rem;
        line-height: 3rem
    }

    p.introText {
        font-size: 1.5rem;
        line-height: 1.75rem
    }
}

#skipToMain {
    left: -9999px;
    position: absolute;
    top: auto;
    overflow: hidden;
    z-index: -999;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

    #skipToMain:focus, #skipToMain:active {
        top: auto;
        width: 20%;
        margin: 4px 0;
        z-index: 999;
        left: 50%;
        background-color: #0073cf
    }

body {
    background-color: #FFF;
}

main {
    background-color: #fff;
    padding-bottom: 100px
}

.pageWrap {
    display: block
}

.container {
    min-width: 320px;
    display: block;
    margin: 0 auto;
    position: relative;
    padding: 0 15px 0 15px
}

.mainBody.container {
    padding-top: 25px
}

.margin {
    margin-bottom: 30px
}

.marginTop {
    margin-top: 30px
}

aside .margin {
    margin-bottom: 15px
}

.padTop {
    padding-top: 25px;
    display: block
}

p, ul, dl, ol, pre, table {
    padding-bottom: 20px
}

h1, h2, h3, h4, h5, h6, legend {
    padding-bottom: 25px
}

.mainCol {
    position: relative
}

    .mainCol .btnAddToFav {
        position: absolute;
        top: 0;
        right: -8px;
        width: 40px
    }

        .mainCol .btnAddToFav .btn-reset {
            width: 40px;
            height: 20px;
            background-color: #fff;
            margin-bottom: 1px;
            display: block
        }

@media only screen and (min-width: 768px) {
    .container {
        width: 100%;
        max-width: 768px;
        padding: 0 30px 0 30px;
        box-sizing: border-box
    }

    .increaseWidth .container {
        padding: 0 15px 0 15px
    }

    .mainBody.container {
        padding-top: 35px
    }

    .margin {
        margin-bottom: 40px
    }

    .marginTop {
        margin-top: 40px
    }

    .padTop {
        padding-top: 35px
    }

    h1, h2, h3, h4, h5, h6, legend {
        padding-bottom: 30px
    }

    aside .margin {
        margin-bottom: 20px
    }
}

@media only screen and (min-width: 1280px) {
    .container {
        width: 100%;
        max-width: 1280px;
        padding: 0 40px 0 40px
    }

    .increaseWidth .container {
        padding: 0 15px 0 15px
    }
}

@media only screen and (min-width: 1366px) {
    .container {
        width: 100%;
        max-width: 1366px;
        padding: 0 82px 0 82px
    }

    .increaseWidth .container {
        padding: 0 15px 0 15px
    }
}

@media only screen and (min-width: 768px) {
    section, .subSection {
    }
}

@media only screen and (min-width: 1280px) {
    section, .subSection {
        display: block;
        box-sizing: border-box
    }

    .sideCol {
        width: 380px;
        float: right;
        display: block;
        padding: 0
    }

    .mainCol {
        width: 688px;
        float: left;
        display: block;
        padding: 0
    }

    .mainCol {
        position: relative
    }

        .mainCol .btnAddToFav {
            position: absolute;
            top: 0;
            right: -8px;
            width: 40px
        }
}

.error .pageToolBarComponent {
    background-color: #fff
}

.error main {
    height: 437px;
    position: relative;
    text-align: center;
    margin-bottom: 0
}

    .error main .container {
        position: static
    }

    .error main .mainBody {
        height: 100%
    }

.error .innerContent {
    position: absolute;
    margin-top: 15px;
    top: 40%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media only screen and (min-width: 768px) {
    .error main {
        height: 723px
    }

    .error .innerContent {
        margin-top: 0;
        top: 45%;
        left: 50%;
        width: 537px;
        margin: 0 auto
    }
}

@media only screen and (min-width: 1280px) {
    .error .innerContent {
        width: 995px
    }
}

.cookies {
    background-color: #202a30;
    border-bottom: 2px solid #757575;
    padding-top: 15px;
    padding-bottom: 30px;
    color: #fff;
    font-size: 1rem;
    display: none
}

    .cookies p {
        padding-bottom: 15px;
        color: #fff
    }

    .cookies .cookieBtn {
        margin-bottom: 0;
        margin-top: 10px
    }

@media only screen and (min-width: 768px) {
    .cookies {
        background-color: #202a30;
        border-bottom: 2px solid #757575;
        color: #fff
    }

        .cookies .cookieBtn {
            width: 226px
        }
}

@media only screen and (min-width: 1280px) {
    .cookies {
        padding-top: 40px;
        padding-bottom: 30px
    }

        .cookies p {
            width: 668px
        }

        .cookies .container {
            position: relative
        }

        .cookies .cookieBtn {
            width: 278px;
            float: right;
            position: absolute;
            top: 0;
            right: 40px;
            margin-top: 0
        }
}

fieldset {
    border: none;
    display: block
}

.field {
    width: 100%;
    padding-bottom: 26px
}

    .field label {
        display: block;
        cursor: pointer;
        font-size: 1rem;
        font-weight: 600;
        padding-bottom: 8px
    }

        .field label span {
            color: #eb641e
        }

.umbraco-forms-submitmessage {
    margin-bottom: 20px
}

input[type=text], input[type=email], input[type=password], input[type=tel], textarea, input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, input[type=tel]:focus, textarea:focus {
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    color: #757575;
    height: 50px;
    background-color: #fff;
    border: 1px solid silver;
    padding: 10px 10px 10px 10px;
    width: 100%;
    outline: none;
    font-style: italic;
    font-size: 1.25rem;
    line-height: 1.25rem;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.field textarea {
    height: 300px
}

.inputHolder input.text, .inputHolder input.text:focus {
    padding: 14px 20px !important;
    border: none;
    display: block
}

.field.is-valid input[type=text], .field.is-valid input[type=email], .field.is-valid input[type=password], .field.is-valid input[type=tel], .field.is-valid textarea, .field.is-valid input[type=text]:focus, .field.is-valid input[type=email]:focus, .field.is-valid input[type=password]:focus, .field.is-valid input[type=tel]:focus, .field.is-valid textarea:focus {
    position: relative;
    border: 1px solid #d72d2d
}

.field.is-invalid label span, .field.is-invalid label {
    color: #d72d2d
}

.field.is-invalid input[type=text], .field.is-invalid input[type=email], .field.is-invalid input[type=password], .field.is-invalid input[type=tel], .field.is-invalid textarea, .field.is-invalid input[type=text]:focus, .field.is-invalid input[type=email]:focus, .field.is-invalid input[type=password]:focus, .field.is-invalid input[type=tel]:focus, .field.is-invalid textarea:focus {
    border: #d72d2d 1px solid
}

.radioCheck {
    position: relative;
    padding: 6px 0
}

    .radioCheck input[type="radio"] {
        display: none
    }

    .radioCheck label {
        padding-left: 40px
    }

    .radioCheck input[type="radio"] + label span {
        color: #202a30;
        font-weight: 400
    }
    .logo{
        border-radius: 0 !important;
    }
        .radioCheck input[type="radio"] + label span:before {
            border: 1px solid silver;
            background-color: #fff;
            border-radius: 10px;
            content: "";
            display: block;
            height: 20px;
            width: 20px;
            left: 0;
            margin-right: 18px;
            margin-top: 1px;
            position: absolute
        }

    .radioCheck input[type="radio"]:checked + label span:before {
        border: 1px solid #eb641e;
        background-color: #eb641e;
        border-radius: 10px;
        content: "";
        display: block;
        height: 20px;
        width: 20px;
        left: 0;
        margin-right: 18px;
        margin-top: 1px;
        position: absolute;
        font-family: FontAwesome;
        font-size: 11px;
        color: #fff;
        text-align: center;
        font-weight: 300
    }

.checkBox {
    position: relative;
    padding: 6px 0
}

    .checkBox input[type="checkbox"] {
        display: none
    }

    .checkBox label {
        padding-left: 40px
    }

    .checkBox input[type="checkbox"] + label span {
        color: #202a30;
        font-weight: 400
    }

        .checkBox input[type="checkbox"] + label span:before {
            border: 1px solid silver;
            background-color: #fff;
            content: "";
            display: block;
            height: 20px;
            width: 20px;
            left: 0;
            margin-right: 18px;
            margin-top: 1px;
            position: absolute
        }

    .checkBox input[type="checkbox"]:checked + label span:before {
        border: 1px solid #eb641e;
        background-color: #eb641e;
        content: "";
        display: block;
        height: 20px;
        width: 20px;
        left: 0;
        margin-right: 18px;
        margin-top: 1px;
        position: absolute;
        font-family: FontAwesome;
        font-size: 11px;
        color: #fff;
        text-align: center;
        font-weight: 300
    }

.inputfile {
    width: .1px;
    height: .1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1
}

.inputfile {
    display: none
}

    .inputfile + label {
        max-width: 80%;
        font-size: 1.25rem;
        font-weight: 700;
        text-overflow: ellipsis;
        white-space: nowrap;
        cursor: pointer;
        display: inline-block;
        overflow: hidden;
        padding: .625rem 1.25rem
    }

.no-js .inputfile + label {
    display: none
}

.inputfile:focus + label, .inputfile.has-focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px
}

.inputfile + label * {
}

.inputfile + label svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -.25em;
    margin-right: .25em
}

.inputfile-2 + label {
    color: #d3394c;
    border: 2px solid currentColor
}

    .inputfile-2:focus + label, .inputfile-2.has-focus + label, .inputfile-2 + label:hover {
        color: #722040
    }

@media only screen and (min-width: 768px) {
    .field {
        width: 346px
    }
}

@media only screen and (min-width: 1280px) {
    .field {
        width: 585px
    }
}

fieldset {
    border: none;
    display: block
}

.form-group {
    width: 100%;
    padding-bottom: 0
}

.singlechoice, .multiplechoice {
    padding-bottom: 15px
}

.form-group label {
    display: block;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 600;
    padding-bottom: 8px
}

    .form-group label span {
        color: #eb641e
    }

.form-group input[type=text], .form-group input[type=email], .form-group input[type=password], .form-group input[type=tel], .form-group textarea, .form-group input[type=text]:focus, .form-group input[type=email]:focus, .form-group input[type=password]:focus, .form-group input[type=tel]:focus, .form-group textarea:focus {
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    color: #757575;
    height: 50px;
    background-color: #fff;
    border: 1px solid silver;
    padding: 10px 10px 10px 10px;
    width: 100%;
    outline: none;
    font-style: italic;
    font-size: 1.25rem;
    line-height: 1.25rem;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none
}

    .form-group textarea, .form-group textarea:focus {
        height: 300px
    }

.form-group.date .umbraco-forms-field-wrapper {
    position: relative;
    display: block;
    clear: both;
    cursor: pointer
}

.form-group .datepickerfield + span:before {
    content: "";
    display: inline-block;
    height: 25px;
    width: 25px;
    font-family: FontAwesome;
    font-size: 11px;
    color: #eb641e;
    text-align: center;
    font-weight: 300;
    padding-top: 5px;
    position: absolute;
    font-size: 20px;
    top: 10px;
    right: 15px
}

.form-group .datepickerfield {
    padding-right: 70px
}

.field-validation-error {
    color: #d72d2d;
    font-weight: bold
}

.field.is-valid input[type=text], .field.is-valid input[type=email], .field.is-valid input[type=password], .field.is-valid input[type=tel], .field.is-valid textarea, .field.is-valid input[type=text]:focus, .field.is-valid input[type=email]:focus, .field.is-valid input[type=password]:focus, .field.is-valid input[type=tel]:focus, .field.is-valid textarea:focus {
    position: relative;
    border: 1px solid #d72d2d
}

.field.is-invalid label span, .field.is-invalid label {
    color: #d72d2d
}

.field.is-invalid input[type=text], .field.is-invalid input[type=email], .field.is-invalid input[type=password], .field.is-invalid input[type=tel], .field.is-invalid textarea, .field.is-invalid input[type=text]:focus, .field.is-invalid input[type=email]:focus, .field.is-invalid input[type=password]:focus, .field.is-invalid input[type=tel]:focus, .field.is-invalid textarea:focus {
    border: #d72d2d 1px solid
}

.select {
    position: relative;
    display: inline-block;
    margin-bottom: 15px;
    width: 100%
}

    .select select {
        font-family: 'Arial';
        display: inline-block;
        width: 100%;
        cursor: pointer;
        padding: 10px 15px;
        outline: 0;
        border: 0 solid #000;
        border-radius: 0;
        background: #e6e6e6;
        color: #7b7b7b;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none
    }

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

        .select select:hover, .select select:focus {
            color: #000;
            background: #ccc
        }

        .select select:disabled {
            opacity: .5;
            pointer-events: none
        }

.select_arrow {
    position: absolute;
    top: 16px;
    right: 15px;
    width: 0;
    height: 0;
    pointer-events: none;
    border-style: solid;
    border-width: 8px 5px 0 5px;
    border-color: #7b7b7b transparent transparent transparent
}

.select select:hover ~ .select_arrow, .select select:focus ~ .select_arrow {
    border-top-color: #000
}

.select select:disabled ~ .select_arrow {
    border-top-color: #ccc
}

.form-group .radio {
    position: relative;
    padding: 6px 0
}

    .form-group .radio label {
        padding-left: 40px;
        position: relative;
        font-weight: 400
    }

        .form-group .radio label input[type="radio"] {
            display: none
        }

        .form-group .radio label input {
            padding-left: 40px;
            color: #202a30;
            font-weight: 400
        }

            .form-group .radio label input[type="radio"] + span:before {
                border: 1px solid silver;
                background-color: #fff;
                border-radius: 10px;
                content: "";
                display: inline-block;
                height: 20px;
                width: 20px;
                left: 0;
                margin-right: 18px;
                margin-top: 0;
                position: absolute
            }

            .form-group .radio label input[type="radio"]:checked + span:before {
                border: 1px solid #eb641e;
                background-color: #eb641e;
                border-radius: 10px;
                content: "";
                display: inline-block;
                height: 20px;
                width: 20px;
                left: 0;
                margin-right: 18px;
                margin-top: 0;
                position: absolute;
                font-family: FontAwesome;
                font-size: 11px;
                color: #fff;
                text-align: center;
                font-weight: 300
            }

.form-group .checkboxlist label {
    position: relative;
    padding: 6px 0
}

.form-group .checkboxlist input[type="checkbox"] {
    display: none
}

.form-group .checkboxlist label {
    padding-left: 40px
}

.form-group .checkboxlist br {
    display: none
}

.form-group .checkboxlist input[type="checkbox"] + label {
    color: #202a30;
    font-weight: 400;
    margin-bottom: 10px
}

    .form-group .checkboxlist input[type="checkbox"] + label:before {
        border: 1px solid silver;
        background-color: #fff;
        content: "";
        display: block;
        height: 20px;
        width: 20px;
        left: 0;
        margin-right: 18px;
        margin-top: 0;
        position: absolute
    }

.form-group .checkboxlist input[type="checkbox"]:checked + label:before {
    border: 1px solid #eb641e;
    background-color: #eb641e;
    content: "";
    display: block;
    height: 20px;
    width: 20px;
    left: 0;
    margin-right: 18px;
    margin-top: 0;
    position: absolute;
    font-family: FontAwesome;
    font-size: 11px;
    color: #fff;
    text-align: center;
    font-weight: 300
}

.form-group.checkbox .umbraco-forms-field-wrapper {
    position: relative
}

.umbraco-forms-field-wrapper span.field-validation-valid {
    color: #d72d2d;
    font-size: 1rem;
    padding: 3px 0 5px
}

.form-group.checkbox label {
    position: relative;
    padding: 6px 0;
    padding-left: 40px;
    color: #202a30;
    font-weight: 400
}

.form-group.checkbox .umbraco-forms-field-wrapper input[type="checkbox"] {
    display: inline-block;
    height: 20px;
    width: 20px;
    left: 0;
    top: -26PX;
    margin-right: 18px;
    margin-top: 0;
    position: absolute;
    z-index: 999;
    opacity: 0;
    cursor: pointer
}

    .form-group.checkbox .umbraco-forms-field-wrapper input[type="checkbox"] + :after {
        border: 1px solid silver;
        background-color: #fff;
        content: "";
        display: inline-block;
        height: 20px;
        width: 20px;
        left: 0;
        top: -26PX;
        margin-right: 18px;
        margin-top: 0;
        position: absolute
    }

    .form-group.checkbox .umbraco-forms-field-wrapper input[type="checkbox"]:checked + :after {
        border: 1px solid #eb641e;
        background-color: #eb641e;
        content: "";
        display: inline-block;
        height: 20px;
        width: 20px;
        left: 0;
        top: -26PX;
        margin-right: 18px;
        margin-top: 0;
        position: absolute;
        font-family: FontAwesome;
        font-size: 11px;
        color: #fff;
        text-align: center;
        font-weight: 300;
        padding-top: 4px
    }

.fileupload input[type="file"] {
    display: none
}

.fileupload label, .fileupload label:focus {
    max-width: 100%;
    cursor: pointer;
    display: block;
    overflow: hidden;
    outline: none;
    padding: 7px 6px 7px 26px;
    border: 0;
    color: #009ce0;
    font-size: 1rem;
    font-weight: 700;
    text-align: center;
    border: 1px solid #0073cf;
    line-height: 1.5rem;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    position: relative;
    word-wrap: break-word
}

    .fileupload label::before {
        font-family: FontAwesome;
        font-size: 20px;
        color: #009ce0;
        font-weight: 400;
        width: 20px;
        height: 20px;
        content: "";
        display: inline-block;
        position: absolute;
        left: 6px;
        top: 43%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .fileupload label.filesAdded::before {
        display: none
    }

.mandatoryMessage {
    display: block;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 10px;
    font-style: italic;
    padding-top: 10px
}

    .mandatoryMessage span {
        color: #eb641e
    }

.messagesAlert {
    margin-bottom: 30px
}

    .messagesAlert .error {
        color: #d72d2d;
        background-image: url('../images/icons/Error_icon.png');
        background-repeat: no-repeat;
        background-position: left center;
        background-size: 32px 32px;
        position: relative;
        padding: 0;
        padding-left: 50px;
        position: relative;
        height: 48px;
        vertical-align: middle;
        display: table-cell
    }

    .messagesAlert p {
        font-weight: 400;
        line-height: normal;
        font-size: 1rem;
        font-family: 'Open Sans',sans-serif;
        padding: 0;
        display: table-cell
    }

        .messagesAlert p span {
            font-weight: 700
        }

@media only screen and (min-width: 768px) {
    .umbraco-forms-fieldset .btn {
        width: 346px !important
    }
}

@media only screen and (min-width: 1280px) {
    .umbraco-forms-fieldset .btn {
        width: 347px !important
    }

    .fileupload label {
        width: 347px !important
    }
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

    .slick-list *:focus {
        outline: none;
        border: none
    }

    .slick-list.dragging {
        cursor: pointer
    }

.slick-slider .slick-track, .slick-slider .slick-list {
    -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;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

    .slick-track:before, .slick-track:after {
        display: table;
        content: ''
    }

    .slick-track:after {
        clear: both
    }

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[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
}

@charset 'UTF-8';

.slick-loading .slick-list {
    background: #fff url('./ajax-loader.gif') center center no-repeat
}

@font-face {
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;
    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'),url('./fonts/slick.woff') format('woff'),url('./fonts/slick.ttf') format('truetype'),url('./fonts/slick.svg#slick') format('svg')
}

.slick-prev, .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent
}

    .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
        color: transparent;
        outline: none;
        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: 1;
        color: #fff;
        -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: '←'
}

.slick-dots {
    position: absolute;
    bottom: 30px;
    z-index: 99;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center
}

    .slick-dots li {
        position: relative;
        display: inline-block;
        width: 8px;
        height: 8px;
        margin: 0 5px;
        padding: 0;
        cursor: pointer
    }

        .slick-dots li button {
            font-size: 0;
            line-height: 0;
            display: block;
            border-radius: 8px;
            width: 8px;
            height: 8px;
            padding: 5px;
            cursor: pointer;
            color: transparent;
            border: 0;
            outline: none;
            background: #fff
        }

            .slick-dots li.slick-active button, .slick-dots li button:hover, .slick-dots li button:focus {
                background: #eb641e
            }

        .slick-dots li.slick-active {
            opacity: 1
        }

.accordian .dropdown {
    max-width: 390px
}

.dropdown, .dropdown div, .dropdown li, .dropdown div::after {
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out
}

    .dropdown .selected::after, .dropdown.scrollable div::after {
        -webkit-pointer-events: none;
        -moz-pointer-events: none;
        -ms-pointer-events: none;
        pointer-events: none
    }

.dropdown {
    position: relative;
    width: 100%;
    border: 1px solid silver;
    cursor: pointer;
    background: #fff;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    height: 50px;
    background-color: #fff;
    border: 1px solid silver;
    width: 100%;
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none
}

    .dropdown.open {
        z-index: 2
    }

    .dropdown:hover {
        box-shadow: none
    }

    .dropdown.focus {
        box-shadow: none
    }

    .dropdown .carat {
        position: absolute;
        right: 12px;
        top: 50%;
        margin-top: -4px;
        border: 5px solid transparent;
        border-top: 6px solid #eb641e
    }

    .dropdown.open .carat {
        margin-top: -10px;
        border-top: 4px solid transparent;
        border-bottom: 6px solid #eb641e
    }

    .dropdown.disabled .carat {
        border-top-color: #999
    }

    .dropdown .old {
        position: absolute;
        left: 0;
        top: 0;
        height: 0;
        width: 0;
        overflow: hidden
    }

    .dropdown select {
        position: absolute;
        left: 0;
        top: 0
    }

    .dropdown.touch .old {
        width: 100%;
        height: 100%
    }

    .dropdown.touch select {
        width: 100%;
        height: 100%;
        opacity: 0
    }

    .dropdown .selected, .dropdown li {
        display: block;
        line-height: 1;
        color: #757575;
        padding: 14px 10px 10px 10px;
        overflow: hidden;
        white-space: nowrap;
        font-style: italic;
        font-size: 1.25rem;
        line-height: 1.25rem
    }

    .dropdown.disabled .selected {
        color: #999
    }

    .dropdown .selected::after {
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        width: 60px;
        border-radius: 0;
        box-shadow: none
    }

    .dropdown div {
        position: absolute;
        height: 0;
        left: -1px;
        right: -1px;
        top: 100%;
        margin-top: -1px;
        background: #fff;
        border: 1px solid #ccc;
        border-top: 1px solid #eee;
        border-radius: 0;
        overflow: hidden;
        opacity: 0
    }

    .dropdown.open div {
        opacity: 1;
        z-index: 2
    }

    .dropdown.scrollable div::after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 50px;
        box-shadow: none
    }

    .dropdown.scrollable.bottom div::after {
        opacity: 0
    }

    .dropdown ul {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        list-style: none;
        overflow: hidden;
        margin: 0;
        padding: 0
    }

    .dropdown.scrollable.open ul {
        overflow-y: auto
    }

    .dropdown li {
        list-style: none;
        padding: 8px 12px
    }

        .dropdown li.focus {
            position: relative;
            z-index: 3;
            color: #eb641e
        }

        .dropdown li.active {
            color: #eb641e
        }

footer {
    display: block;
    color: #fff;
    background-color: #202a30;
    position: relative
}

    footer .container {
        color: #fff;
        padding-top: 25px;
        position: relative
    }

        footer .container .socialMediaComponent {
            position: relative;
            bottom: 0;
            right: 0
        }

        footer .container h3 {
            font-size: 1rem;
            line-height: 1.375rem;
            text-transform: uppercase;
            padding-bottom: 25px
        }

.contactDetailsNavigation {
    margin-top: -10px;
    margin-bottom: 25px
}

    .contactDetailsNavigation ul {
        display: block;
        margin: 0;
        padding: 0;
        margin-top: 5px
    }

        .contactDetailsNavigation ul li {
            margin: 0;
            padding: 0;
            list-style: none;
            display: block;
            position: relative;
            height: 60px;
            line-height: 60px;
            margin-bottom: 0
        }

            .contactDetailsNavigation ul li a {
                font-size: .875rem;
                line-height: 1rem;
                color: #fff;
                display: inline-block;
                vertical-align: middle;
                line-height: normal;
                margin: 0;
                padding: 0;
                padding-left: 70px
            }

                .contactDetailsNavigation ul li a > .icon {
                    width: 50px;
                    height: 50px;
                    background-color: #363f44;
                    color: silver;
                    font-size: 24px;
                    font-family: 'FontAwesome';
                    text-align: center;
                    display: table;
                    position: absolute;
                    left: 0;
                    line-height: 1rem;
                    padding-top: 18px;
                    top: 5px
                }

                .contactDetailsNavigation ul li a:hover, .contactDetailsNavigation ul li a:active, .contactDetailsNavigation ul li a:focus {
                    text-decoration: underline
                }

                    .contactDetailsNavigation ul li a:hover > .icon, .contactDetailsNavigation ul li a:active > .icon, .contactDetailsNavigation ul li a:focus > .icon {
                        background-color: #eb641e;
                        color: #fff
                    }

.mainNavigation ul {
    margin: 0;
    padding: 0
}

    .mainNavigation ul li {
        margin: 0;
        padding: 0;
        list-style: none;
        display: block;
        margin-bottom: 20px
    }

        .mainNavigation ul li a {
            font-size: 1rem;
            font-weight: normal;
            text-align: center;
            color: #fff;
            background-color: #363f44;
            padding: 15px 10px 14px;
            display: block
        }

            .mainNavigation ul li a:hover, .mainNavigation ul li a:active, .mainNavigation ul li a:focus {
                color: #fff;
                background: url('../images/icons/Button_hover.png') no-repeat bottom right #363f44;
                background-size: 40px 40px
            }

.secondaryNavigation {
    padding-bottom: 25px;
    padding-top: -10px
}

    .secondaryNavigation ul {
        margin: 0;
        padding: 0
    }

        .secondaryNavigation ul li {
            margin: 0;
            padding: 0;
            list-style: none;
            width: 100%;
            margin-bottom: 16px;
            margin-top: 6px
        }

            .secondaryNavigation ul li a {
                font-size: .875rem;
                line-height: 1rem;
                color: #fff;
                display: inline-block
            }

                .secondaryNavigation ul li a:hover, .secondaryNavigation ul li a:active, .secondaryNavigation ul li a:focus {
                    text-decoration: underline
                }

.tertiaryNavigation {
    padding-bottom: 35px
}

    .tertiaryNavigation ul {
        margin: 0;
        padding: 0
    }

        .tertiaryNavigation ul li {
            margin-bottom: 2px;
            margin-top: 2px;
            list-style: none;
            width: 47.4%;
            float: left;
            margin-right: 5.2%
        }

            .tertiaryNavigation ul li:nth-child(even) {
                margin-right: 0%;
                float: right
            }

            .tertiaryNavigation ul li a {
                font-size: .875rem;
                line-height: 1rem;
                font-weight: 300;
                color: silver;
                padding: 5px 0 6px;
                display: block
            }

                .tertiaryNavigation ul li a:hover, .tertiaryNavigation ul li a:active, .tertiaryNavigation ul li a:focus {
                    text-decoration: underline
                }

@media only screen and (min-width: 768px) {
    footer .container {
        padding-top: 35px
    }

        footer .container h3 {
            padding-bottom: 35px
        }

    .contactDetailsNavigation {
        width: 430px;
        float: left;
        margin-bottom: 25px
    }

        .contactDetailsNavigation ul li a {
            font-size: 1rem;
            line-height: 1.375rem
        }

            .contactDetailsNavigation ul li a br {
                display: none
            }

    .mainNavigation ul li {
        width: 100%;
        float: none;
        margin-right: 0;
        margin-bottom: 10px
    }

    .mainNavigation {
        width: 225px;
        float: right
    }

    .secondaryNavigation {
        width: 450px;
        clear: both
    }

        .secondaryNavigation ul li {
            margin-bottom: 2px;
            margin-top: 5px;
            list-style: none;
            width: 47.4%;
            float: left;
            margin-right: 5.2%
        }

            .secondaryNavigation ul li:nth-child(even) {
                margin-right: 0%;
                float: right
            }

    .tertiaryNavigation {
        width: 450px;
        clear: both
    }
}

@media only screen and (min-width: 1280px) {
    footer .container h3 {
        padding-bottom: 35px
    }

    .mainNavigation {
        width: 380px;
        float: right
    }

    .secondaryNavigation {
        width: 260px;
        float: left;
        padding-top: 0;
        clear: none;
        margin-left: 83px
    }

        .secondaryNavigation ul li a {
            font-size: 1rem;
            line-height: 1.375rem
        }

        .secondaryNavigation ul li:nth-child(even), .secondaryNavigation ul li {
            width: 100%;
            float: none;
            margin-right: 0%;
            margin-bottom: 38px;
            margin-top: 16px
        }

    .tertiaryNavigation {
        width: 100%;
        clear: both;
        padding-bottom: 0
    }

        .tertiaryNavigation ul li:nth-child(even), .tertiaryNavigation ul li {
            list-style: none;
            width: auto;
            float: left;
            margin-right: 25px
        }
}

.iconList {
    margin: 0;
    padding: 0
}

    .iconList li {
        margin: 0;
        padding: 0;
        list-style: none;
        display: table;
        float: left
    }

        .iconList li a {
            width: 50px;
            height: 50px;
            display: table-cell;
            font-family: FontAwesome;
            font-size: 24px;
            text-align: center;
            color: #fff;
            vertical-align: middle;
            padding: 8px 0
        }

            .iconList li a span {
                display: none
            }

    .iconList .fa-envelope {
        background-color: #363f44
    }

    .iconList .fa-twitter {
        background-color: #009ed7
    }

    .iconList .fa-facebook {
        background-color: #0073cf
    }

    .iconList .fa-youtube-play {
        background-color: #d72d2d
    }

    .iconList .fa-linkedin {
        background-color: #0073cf
    }

    .iconList .fa-instagram {
        background-color: #9857ae
    }

    .iconList .unichat {
        background: url('../images/icons/Conversation_icon2x.png') center center no-repeat;
        background-color: #d72d2d;
        background-size: 26px 20px
    }

    .iconList .tsr {
        background: url('../images/icons/TSR_icon2x.png') center center no-repeat;
        background-color: #009ed7;
        background-size: 30px 30px
    }

.FollowUsComponent {
    height: 50px;
    background-color: #202a30;
    width: 100%;
    margin-bottom: 15px
}

    .FollowUsComponent h4 {
        display: inline-block;
        color: #fff;
        font-size: 1.5rem;
        line-height: 1.75rem;
        padding: 11px 0 11px 20px
    }

    .FollowUsComponent .iconList {
        float: right
    }

.socialMediaComponent {
    height: 0;
    margin-top: 35px
}

    .socialMediaComponent > .container {
        padding: 0;
        position: relative
    }

    .socialMediaComponent .iconList {
        position: absolute;
        bottom: -22px;
        margin-left: -153px;
        left: 50%;
        -webkit-transform: translateY(0,-50%);
        -ms-transform: translateY(0,-50%);
        transform: translateY(0,-50%);
        width: 310px;
        display: inline-block
    }

    .socialMediaComponent .container {
        padding: 0
    }

    .socialMediaComponent .iconList li a {
        width: 39px;
        height: 39px;
        padding: 9px 8px;
        display: inline-table;
        margin: 0 5px 4px 0
    }

    .socialMediaComponent .iconList li:last-child a {
        margin-right: 0
    }

@media only screen and (min-width: 768px) {
    .socialMediaComponent .iconList {
        position: absolute;
        right: 0;
        bottom: -22px;
        width: auto;
        margin-left: 0;
        left: auto
    }

        .socialMediaComponent .iconList li a {
            width: 48px;
            height: 48px;
            margin: 0 5px 5px 0;
            padding: 13px 13px
        }
}

@media only screen and (min-width: 1280px) {
    .socialMediaComponent {
        margin-top: 5px
    }
}

.shareMediaComponent > .container {
    padding: 0;
    position: relative
}

.shareMediaComponent {
    background-color: #fff
}

    .shareMediaComponent .addthis_inline_share_toolbox {
        float: right
    }

#navigation {
    position: relative;
    z-index: 1;
    top: 0;
    left: 0;
    display: block;
    height: 80px
}

header .listBtn { 
    position: inherit; 
    padding: 0;
    margin: 0;
    background-color: transparent; 
    float: right;
    margin-top: 20px;
    margin-right: 20px;
    z-index: 222;
}
 

    header .listBtn span {
        display: none
    }

#mainComponent {
    display: none
}

@media only screen and (min-width: 768px) {
    header .listBtn {
        display: none
    }

    #mainComponent {
        padding: 0;
        margin: 0;
        width: 100%;
        text-align: center;
        display: block;
        word-wrap: normal;
        padding-left: 208px
    }

        #mainComponent li {
            float: left;
            list-style: none
        }

            #mainComponent li a {
                position: relative;
                font-size: .75rem;
                color: #fff;
                text-decoration: none;
                text-transform: uppercase;
                height: 80px;
                line-height: 1rem;
                padding: 24px 18px 0 17px;
                display: block;
                width: 110px
            }

                #mainComponent li.current a:after, #mainComponent li a:hover:after {
                    content: '';
                    position: absolute;
                    z-index: 9999999999;
                    width: 0;
                    height: 0;
                    border-left: 7px solid transparent;
                    border-right: 7px solid transparent;
                    border-top: 8px solid #202a30;
                    clear: both;
                    bottom: -8px;
                    left: 50%;
                    margin-left: -7px
                }
}

@media only screen and (min-width: 1280px) {
    #mainComponent {
        padding-left: 245px
    }

        #mainComponent li a {
            font-size: 16px;
            line-height: 22px;
            width: auto;
            padding: 29px 24px 0 25px
        }

            #mainComponent li a br {
                display: none
            }
}

@media only screen and (min-width: 768px) {
    .mobileMenuModule {
        display: none
    }
}

@media only screen and (max-width: 767px) {
    .mobileMenuModule {
        border-top: 2px solid #757575;
        position: relative;
        display: none
    }

        .mobileMenuModule .container {
            padding: 10px 15px 40px 15px
        }

    .mobileMenuModule {
        position: relative;
        width: 100%;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 99999999;
        background-color: #363f44
    }

    .mobileMenu ul, .mobileMenu ul li {
        margin: 0;
        padding: 0;
        width: 100%;
        position: relative;
        list-style: none
    }

        .mobileMenu ul li h2 {
            margin: 0;
            padding: 0;
            padding-right: 35px
        }

        .mobileMenu ul li a {
            color: #fff;
            font-size: 1rem;
            line-height: 1.375rem;
            padding: 9px 0 10px 0;
            display: inline-block
        }

        .mobileMenu ul li > h2 a {
            text-transform: uppercase;
            font-size: 1rem;
            line-height: 1.375rem;
            color: #fff;
            padding: 13px 0 14px;
            display: block;
            border-bottom: solid 1px #757575;
            font-weight: 700
        }

    .mobileMenu li .noLnk {
        text-transform: uppercase;
        font-size: 1rem;
        line-height: 1.375rem;
        color: #fff;
        padding: 30px 0 20px;
        display: block;
        font-weight: 700;
        display: none
    }

    .mobileMenu ul li:first-child h2 a {
        border-top: none
    }

    .mobileMenu ul li.open:last-child {
        border-bottom: none
    }

    .mobileMenu ul li.closed h2 a:after {
        content: '';
        position: absolute;
        z-index: 99;
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 6px solid #eb641e;
        clear: both;
        top: 22px;
        right: 35px;
        margin-left: -7px
    }

    .mobileMenu ul li.open h2 a {
        border-bottom: none
    }

    .mobileMenu ul li.open > h2 a:after {
        content: '';
        position: absolute;
        z-index: 9999999999;
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 6px solid #eb641e;
        clear: both;
        top: 22px;
        right: 35px;
        margin-left: -7px
    }

    .mobileMenu ul li.open {
        border-bottom: solid 2px #757575
    }

    .mobileMenu ul li ul {
        padding-bottom: 16px
    }

    .mobileMenu ul li.closed > .childNodes {
        display: none
    }

    .mobileMenu .open > .childNode {
        display: block
    }

    .aboutUsSubItem h3 {
        padding-top: 25px;
        padding-bottom: 0
    }

        .aboutUsSubItem h3 a {
            text-transform: uppercase;
            font-size: 1rem;
            line-height: 1.375rem;
            color: #fff;
            padding: 13px 0 14px;
            display: block;
            font-weight: 700
        }
}

.actionPannel {
    padding-top: 15px;
    display: inline-block
}

    .actionPannel .btnAction {
        width: 100%;
        min-height: 50px;
        color: #fff;
        cursor: pointer;
        background-color: #202a30;
        text-align: center;
        margin-bottom: 20px;
        padding: 15px 10px;
        position: relative;
        font-size: 1rem;
        font-family: 'Open Sans',sans-serif;
        border: none;
        background-color: #202a30;
        display: block
    }

        .actionPannel .btnAction:hover, .actionPannel .btnAction:active, .actionPannel .btnAction:focus {
            color: #fff;
            background: url('../images/icons/Button_hover.png') no-repeat bottom right #202a30;
            background-size: 40px 40px
        }

    .actionPannel p.smallText {
        color: #fff;
        padding-top: 5px
    }

@media only screen and (max-width: 767px) {
    .desktopMenuModule {
        display: none
    }

    .menuExample .mobileMenuModule {
        display: block
    }
}

@media only screen and (min-width: 768px) {
    .menuExample .pageWrap {
        position: relative
    }

    .menuExample > .desktopMenuModule {
        display: block;
        position: absolute;
        width: 100%;
        top: 80px;
        z-index: 1
    }
}

body.home .pageWrap {
    height: 100%;
    position: fixed;
    width: 100%;
    overflow-y: auto
}

body.home .desktopMenuModule {
    position: relative;
    z-index: 2
}

@media only screen and (min-width: 768px) {
    .menuExample desktopMenuModule {
        display: block
    }

    .desktopMenuModule {
        background-color: #363f44;
        display: none
    }

    .subMenuItem {
        padding-top: 55px;
        padding-bottom: 60px
    }

        .subMenuItem ul, .subMenuItem ul li {
            margin: 0;
            padding: 0;
            width: 100%;
            position: relative;
            list-style: none
        }

        .subMenuItem ul {
            padding: 0 0 40px 0
        }

            .subMenuItem ul ul {
                padding: 0 0 0 0
            }

        .subMenuItem h2 {
            margin: 0;
            padding: 0;
            padding-right: 35px
        }

            .subMenuItem h2 a, .subMenuItem h2 {
                text-transform: uppercase;
                font-size: 1rem;
                line-height: 1.375rem;
                color: #fff;
                padding: 0 0 10px;
                display: block;
                font-weight: 700
            }

        .subMenuItem li .noLnk {
            text-transform: uppercase;
            font-size: 1rem;
            line-height: 1.375rem;
            color: #fff;
            padding: 30px 0 20px;
            display: block;
            font-weight: 700;
            display: none
        }

        .subMenuItem li a {
            color: #fff;
            font-size: 1rem;
            line-height: 1.375rem;
            padding: 9px 0 10px 0;
            display: inline-block
        }

        .subMenuItem li > a:hover, .subMenuItem li > a:active, .subMenuItem li > a:focus {
            text-decoration: underline
        }

            .subMenuItem li > a:active:after, .subMenuItem li > a:focus:after, .subMenuItem li > a:hover:after {
                content: '';
                position: absolute;
                z-index: 9999999999;
                width: 0;
                height: 0;
                border-bottom: 8px solid transparent;
                border-top: 8px solid transparent;
                border-left: 8px solid #5e6569;
                clear: both;
                top: 22px;
                margin-top: -8px;
                left: -20px
            }

        .subMenuItem .childNodes, .subMenuItem .actionPannel {
            float: left;
            width: 50%
        }

        .subMenuItem .promotionModule {
            display: none
        }

        .subMenuItem .actionPannel {
            margin-top: 30px
        }
}

@media only screen and (min-width: 1280px) {
    .subMenuItem.aboutUsSubItem .childNodes, .subMenuItem.aboutUsSubItem .actionPannel {
        float: left;
        width: 50%
    }

    .subMenuItem .childNodes {
        float: left;
        width: 25%
    }

    .subMenuItem .promotionModule {
        float: left;
        width: 75%;
        margin-top: 50px
    }

    .subMenuItem {
        padding-top: 30px;
        padding-bottom: 40px
    }

        .subMenuItem.aboutUsSubItem .childNodes > div.contain {
            width: 46%;
            float: left;
            margin-right: 4%
        }

        .subMenuItem .childNodes > .contain:nth-child(2n) {
            margin-right: 0%
        }

        .subMenuItem .actionPannel .btnAction {
            width: 48%;
            float: left;
            margin-right: 4%
        }

            .subMenuItem .actionPannel .btnAction:nth-child(2n) {
                margin-right: 0%
            }

        .subMenuItem .promotionModule {
            display: block
        }
}

.promotionModule .promotionComponent {
    float: left;
    width: 31.3333%;
    margin-right: 3%
}

    .promotionModule .promotionComponent:nth-child(3n) {
        margin-right: 0%
    }

.promotionComponent .textArea {
    padding-top: 3px
}

    .promotionComponent .textArea h3 {
        color: #fff;
        font-size: 1rem
    }

.favouriteModule {
    background-color: #eee;
    position: relative;
    display: none
}

    .favouriteModule .container {
        padding-top: 25px;
        padding-bottom: 40px
    }

.favouriteComponent h2 {
    margin: 0;
    padding: 0 0 10px 0;
    text-transform: uppercase;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #202a30;
    display: block;
    font-weight: 700
}

    .favouriteComponent h2 a {
        padding: 0 0 14px 0
    }

.favouriteComponent .favouritesTools {
    display: block
}

    .favouriteComponent .favouritesTools a {
        display: inline-block
    }

        .favouriteComponent .favouritesTools a.viewAllBtn {
            padding-right: 20px
        }

.favouriteLayout1 {
    padding-top: 35px
}

.favoritList {
    width: 100%
}

    .favoritList, .favoritList li {
        margin: 0;
        padding: 0;
        position: relative;
        padding-right: 0;
        list-style: none
    }

        .favoritList li {
            width: 175PX
        }

ul.favoritList li a {
    color: #202a30;
    font-size: 1rem;
    line-height: 1.375rem;
    padding: 8px 0 9px 0;
    display: inline-block;
    width: 80%
}

    ul.favoritList li a.removeFavBtn {
        display: inline-block;
        width: 0%;
        line-height: 1rem
    }

        ul.favoritList li a.removeFavBtn span {
            display: none
        }

        ul.favoritList li a.removeFavBtn:after {
            position: relative;
            top: 2px;
            margin-top: -10px;
            right: 0;
            content: '×';
            font-size: 18px;
            color: silver;
            line-height: 1rem;
            text-align: center;
            height: 30px;
            width: 30px;
            display: inline-block;
            font-weight: 700
        }

.favouriteModule .favouriteComponent.noItems {
    min-height: 400px;
    position: relative
}

    .favouriteModule .favouriteComponent.noItems p.message {
        color: #202a30;
        position: absolute;
        left: 0%;
        top: 36%;
        -webkit-transform: translateY(0%,-50%);
        -ms-transform: translateY(0%,-50%);
        transform: translateY(0%,-50%);
        text-align: center;
        padding: 0 20px
    }

@media only screen and (min-width: 768px) {
    .favouriteModule .container {
        padding-top: 35px
    }

    .favouriteLayout1 {
        padding-top: 15px
    }

    .favouriteComponent {
        position: relative
    }

        .favouriteComponent .favouritesTools {
            display: inline-block;
            float: right;
            width: 50%;
            display: none
        }

    .favoritList {
        float: left;
        width: 50%
    }

    .favouriteComponent h2, .favouriteComponent .favouritesTools {
        display: inline-block;
        padding-bottom: 25px;
        float: left;
        width: 50%
    }

    .favouriteComponent .favouritesTools {
        text-align: right;
        padding-right: 190px
    }

    .favoritList {
        float: left;
        width: 50%
    }

    .favouriteLayout1 {
        clear: both
    }

    .favouriteModule .favouriteComponent.noItems {
        min-height: 155px
    }

        .favouriteModule .favouriteComponent.noItems p.message {
            padding: 0 115px;
            top: 46%
        }
}

@media only screen and (min-width: 1280px) {
    .favouriteComponent .favouritesTools {
        padding-right: 110px
    }

    .favoritList {
        width: 22%;
        margin-right: 3.7%
    }

        .favoritList:last-child {
            margin-right: 0
        }

    .favouriteModule .favouriteComponent.noItems {
        min-height: 105px
    }

        .favouriteModule .favouriteComponent.noItems p.message {
            padding: 0;
            top: 70%
        }
}

ul.defaultList, ul.noList {
    margin-left: 0;
    margin-top: 0;
    padding-left: 0;
    padding-bottom: 0
}

.defaultList li {
    list-style: none;
    padding-left: 35px;
    padding-bottom: .4rem
}

    .defaultList li:last-child {
        padding-bottom: 0
    }

.defaultList.shortList li {
    padding-bottom: 0;
    line-height: 1.2rem
}

    .defaultList.shortList li:before {
        top: 12px
    }

.defaultList li:before {
    content: '';
    clear: both;
    width: 4px;
    height: 4px;
    position: relative;
    left: -35px;
    top: 14px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    display: block;
    background-color: #000;
    box-sizing: border-box
}

.noList > li {
    list-style: none;
    padding-left: 0;
    padding-bottom: 10px
}

.noList li:before {
    display: none
}

@media only screen and (min-width: 768px) {
    ul.defaultList, ul.noList {
        padding-bottom: .8rem
    }
}

.tabpanel ol, article ol, .tabpanel ul, article ul {
    margin-left: 0;
    margin-top: 0;
    padding-left: 0;
    padding-bottom: 0;
    max-width: 688px
}

.tabpanel ol, article ol {
    margin-left: 20px;
    margin-top: 0;
    padding-left: 0;
    padding-bottom: 0;
    max-width: 688px;
    counter-reset: item
}

.tabpanel ul li, article ul li {
    list-style: none;
    padding-left: 35px;
    padding-bottom: .4rem
}

.tabpanel ol li, article ol li {
    padding-left: 15px;
    padding-bottom: .4rem
}

    .tabpanel ol li:last-child, article ol li:last-child, .tabpanel ul li:last-child, article li:last-child {
        padding-bottom: 0
    }

    .tabpanel ol li:before, article ol li:before {
        display: none
    }

.tabpanel ul li:before, article li:before {
    content: '';
    clear: both;
    width: 4px;
    height: 4px;
    position: relative;
    left: -35px;
    top: 14px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    display: block;
    background-color: #000;
    box-sizing: border-box
}

@media only screen and (min-width: 768px) {
    .tabpanel ol, article ol, .tabpanel ul, article ul {
        padding-bottom: .8rem
    }
}

.mediaComponent {
    background-color: silver;
    position: relative;
    width: 100%;
    padding-top: 56.25%
}

    .mediaComponent img, .mediaComponent iframe {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        text-align: center;
        font-size: 20px;
        color: #fff;
        vertical-align: middle;
        width: 100%;
        height: 100%;
        border: none;
        display: block
    }

.textArea {
    padding-top: 14px;
    margin: 0;
    line-height: 1rem;
    position: relative
}

.rel, .mediaComponent, textArea {
    position: relative
}

    .rel btnComponents, .mediaComponent .btnComponents, .mediaComponent .btnComponents {
        position: absolute;
        top: 0;
        right: 0;
        width: 40px;
        display: block;
        z-index: 9999
    }

.imageWithTextComponent > .textArea {
    padding-top: 5px
}

.textArea p:last-child {
    padding-bottom: 0
}

.btn-reset, .btn-reset:visited {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-align: center;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: none;
    display: block;
    width: 40px;
    height: 40px;
    padding: 8px 5px 8px 5px;
    color: silver;
    cursor: pointer
}

    .btn-reset:active, .btn-reset:focus, .btn-reset:hover {
        color: #eb641e
    }

.fa-twitter, .twitterBtn, .fa-envelope, .mapBtn, .phoneBtn, .emailBtn, .backBtn, .downloadBtn {
    font-family: FontAwesome;
    font-size: 24px
}

.searchBtn, .gridBtn, .filterBtn, .listBtn {
    font-size: 24px
}

    .twitterBtn span, .searchBtn span, .favBtn span, .fa-envelope span, .mapBtn span, .phoneBtn span, .emailBtn span, .gridBtn span, .backBtn span, .listBtn span, .filterBtn span, .downloadBtn span {
        font-family: 'Open Sans',sans-serif;
        font-size: 1rem;
        line-height: normal;
        display: none
    }

.favBtn {
    background-color: #eee;
    width: 40px;
    height: 40px;
    display: inline-block
}

    .favBtn:before {
        font-family: FontAwesome;
        font-size: 24px;
        content: "";
        display: inline-block
    }

    .favBtn.selected:before, .favBtn.selected:hover:before {
        font-family: FontAwesome;
        font-size: 24px;
        content: "";
        color: #eb641e
    }

.downloadBtn {
    height: 60px
}

    .downloadBtn span {
        display: inline
    }

input[type=submit].btn, button.btn {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-align: center;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: none;
    cursor: pointer
}

.downloadBtn:after {
    font-family: FontAwesome;
    font-size: 24px;
    content: "";
    display: inline-block;
    color: silver;
    position: absolute;
    left: 18px;
    top: auto;
    width: 40px;
    height: 25px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.downloadBtn:hover:after, .downloadBtn:hover:after {
    font-family: FontAwesome;
    font-size: 24px;
    content: "";
    color: #eb641e
}

input[type=submit].btn.icn, button.btn.icn, .btn.icn {
    padding: 6px 10px 6px 65px
}

input[type=submit].btn, button.btn, .btn {
    margin: 0;
    padding: 0;
    display: inline-block;
    position: relative;
    min-height: 35px;
    padding: 8px 10px;
    background: url('../images/icons/Button.png') no-repeat bottom right #202a30;
    width: 100%;
    background-size: 40px 40px; 
    color: #fff;
    text-align: left
}

input[type=submit].btn, button.btn {
    font-size: 1rem
}

input[type=submit]:hover, .btn:active, .btn:focus, .btn:hover {
    color: #fff;
    background: url('../images/icons/Button_hover.png') no-repeat bottom right #202a30;
    background-size: 40px 40px;
    cursor: pointer
}

.btn.bigOrange {
    background: url('../images/icons/ButtonO.png') no-repeat bottom right #eb641e;
    min-height: 60px
}

    .btn.bigOrange span {
        font-size: 1.5rem
    }

    .btn.bigOrange:active, .btn.bigOrange:focus, .btn.bigOrange:hover {
        background: url('../images/icons/ButtonO_hover.png') no-repeat bottom right #eb641e
    }

.btn span {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    line-height: normal;
    font-size: 1rem;
    font-family: 'Open Sans',sans-serif;
    padding: 8px 0;
    display: inline-block
}

@media only screen and (min-width: 768px) {
    input[type=submit].btn, button.btn, .btn {
        width: 360px
    }
}

@media only screen and (min-width: 1280px) {
    input[type=submit].btn, button.btn, .btn {
        width: 385px
    }
}

.btnS2 {
    width: 100%;
    min-height: 40px;
    color: #fff;
    cursor: pointer;
    background-color: #000;
    text-align: center;
    margin-bottom: 30px;
    padding: 8px 10px;
    position: relative;
    font-size: 1rem;
    font-family: 'Open Sans',sans-serif;
    border: none;
    background-color: #0073cf;
    display: block
}

    .btnS2:hover, .btnS2:active, .btnS2:focus {
        background-color: #004b88;
        color: #fff
    }

.buttonModule {
    margin-top: 25px
}

@media only screen and (min-width: 768px) {
    .buttonModuleLayout1 {
        margin-top: 0
    }

        .buttonModuleLayout1 .btn {
            width: 49%;
            float: left;
            margin-right: 2%
        }

            .buttonModuleLayout1 .btn:nth-child(2n) {
                margin-right: 0%
            }

    .doubleButtons .btn {
        height: 60px;
        position: relative;
        margin-bottom: 20px
    }

        .doubleButtons .btn span {
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            padding: 0 44px 0 0;
            line-height: 120%
        }
}

@media only screen and (min-width: 1280px) {
    .buttonModuleLayout1 .btn, .buttonModuleLayout1 .btn:nth-child(2n) {
        width: 23.5%;
        margin-right: 2%
    }

        .buttonModuleLayout1 .btn:nth-child(4n) {
            margin-right: 0%
        }
}

header {
    display: block;
    color: #fff;
    background-color: #202a30;
    position: relative;
    z-index: 99
}

    header .container {
        padding: 0;
        padding-bottom: 0
    }

.logo a {
    width: 162px;
    height: 80px;
    background-image: url('../images/logoRoyalHolloway2x.png');
    background-size: 100% auto;
    text-indent: -9999px;
    display: block;
    border-right: 2px solid #757575;
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    z-index: 99
}

.hero {
    background-color: #202a30;
    position: relative;
    overflow: hidden
}

    .hero .setWidth {
        background-color: #acacac;
        color: #fff;
        height: 400px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center
    }

        .hero .setWidth .item {
            background-color: #acacac;
            color: #fff;
            height: 400px;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center center;
            position: relative
        }

            .hero .setWidth .item::before {
                content: '';
                position: absolute;
                z-index: 1;
                height: 100%;
                width: 100%;
                background-color: #000;
                clear: both;
                top: 0;
                right: 0;
                margin-left: 0;
                -webkit-opacity: .3;
                -moz-opacity: .3;
                opacity: .3
            }

    .hero .container {
        padding-top: 81px;
        position: relative;
        z-index: 1
    }

    .hero h2 {
        padding-bottom: .3rem
    }

    .hero .abbreviation {
        font-weight: 700
    }

@media only screen and (min-width: 768px) {
    .hero .container {
        padding-top: 74px;
        padding-right: 90px
    }
}

@media only screen and (min-width: 1280px) {
    .hero .container {
        padding-top: 105px;
        padding-right: 248px
    }
}

@media only screen and (min-width: 1366px) {
    .hero .setWidth {
        width: 100%;
        max-width: 1366px;
        margin: 0 auto
    }
}

.defaultHero {
    background-color: #fff;
    position: relative
}

    .defaultHero .container {
        color: #202a30;
        position: relative
    }

        .defaultHero .container .content {
            display: table;
            width: 100%;
            height: 280px
        }

    .defaultHero h1 {
        display: table-cell;
        text-align: left;
        vertical-align: middle;
        padding-bottom: 0
    }

@media only screen and (min-width: 1280px) {
    .defaultHero .container .content {
        display: table;
        width: 668px;
        height: 350px
    }
}

.pageToolBarComponent {
    background-color: #363f44;
    position: relative
}

    .pageToolBarComponent h1 {
        color: #fff;
        display: inline-block;
        font-size: 1rem;
        line-height: 1.375rem;
        padding: 13px 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 185px
    }

        .pageToolBarComponent h1:after {
            content: '';
            position: absolute;
            z-index: 9999999999;
            width: 0;
            height: 0;
            border-left: 7px solid transparent;
            border-right: 7px solid transparent;
            border-top: 8px solid #363f44;
            clear: both;
            bottom: -8px;
            left: 18px;
            margin-left: -7px
        }

    .pageToolBarComponent.searchOpen h1:after {
        display: none
    }

    .pageToolBarComponent.searchOpen h1 {
        display: none
    }

    .pageToolBarComponent.searchOpen {
        background-color: #4d5559
    }

    .pageToolBarComponent .container {
        position: static;
        height: 50px
    }

    .pageToolBarComponent .btnComponents {
        position: absolute;
        top: 0;
        right: 0;
        background-color: #000;
        padding-left: 1px;
        z-index: 3
    }

        .pageToolBarComponent .btnComponents a.btn-reset {
            display: inline-block;
            width: 50px;
            height: 50px;
            margin-right: 1px;
            background-color: #363f44;
            float: right;
            padding-top: 12px
        }

        .pageToolBarComponent .btnComponents .active {
            background-color: #eb641e;
            color: #fff;
            position: relative
        }

            .pageToolBarComponent .btnComponents .active:after {
                content: '';
                position: absolute;
                z-index: 9999999999;
                width: 0;
                height: 0;
                border-left: 7px solid transparent;
                border-right: 7px solid transparent;
                border-top: 8px solid #eb641e;
                clear: both;
                bottom: -8px;
                left: 18px
            }

    .pageToolBarComponent.searchOpen .btnComponents .btn-reset {
        background-color: #eb641e;
        position: relative
    }

        .pageToolBarComponent.searchOpen .btnComponents .btn-reset:before {
            color: #fff
        }

        .pageToolBarComponent.searchOpen .btnComponents .btn-reset:after {
            content: '';
            position: absolute;
            z-index: 9999999999;
            width: 0;
            height: 0;
            border-left: 7px solid transparent;
            border-right: 7px solid transparent;
            border-top: 8px solid #eb641e;
            clear: both;
            bottom: -8px;
            left: 18px
        }

    .pageToolBarComponent .hierarchy {
        display: none;
        height: 150px;
        background-color: #000
    }

@media only screen and (min-width: 768px) {
    .pageToolBarComponent .container {
        position: relative
    }

    .pageToolBarComponent h1 {
        width: 550px
    }
}

@media only screen and (min-width: 818px) {
    .pageToolBarComponent .container {
        padding-left: 0
    }
}

@media only screen and (min-width: 1280px) {
    .pageToolBarComponent .container {
        padding-left: 40px
    }
}

@media only screen and (min-width: 1320px) {
    .pageToolBarComponent .container {
        padding-left: 0
    }
}

@media only screen and (min-width: 1366px) {
    .pageToolBarComponent .container {
        padding-left: 40px
    }
}

@media only screen and (min-width: 1406px) {
    .pageToolBarComponent .container {
        padding-left: 0
    }
}

.mainCol table {
    border-collapse: collapse;
    background: #fff;
    width: 100%;
    margin-bottom: 30px;
    height: auto;
    border: 1px solid silver
}

.mainCol .table-wrapper {
    min-width: 290px;
    overflow-x: auto;
    width: 100%
}

.mainCol .table-wrapper {
    overflow-x: auto;
    width: 100%;
    border: 1px solid silver;
    margin-bottom: 30px
}

    .mainCol .table-wrapper table {
        border: none;
        margin-bottom: 0
    }

        .mainCol .table-wrapper table th:last-child, .mainCol .table-wrapper table td:last-child {
            border-right: none
        }

        .mainCol .table-wrapper table th:first-child, .mainCol .table-wrapper table td:first-child {
            border-left: none
        }

        .mainCol .table-wrapper table tr:last-child td {
            border-bottom: none
        }

.mainCol table td, .mainCol table th {
    padding: 12px 16px 16px 16px;
    border-spacing: 12px;
    border: 1px solid silver;
    border-collapse: collapse;
    text-align: center;
    font-size: 1rem
}

.mainCol table thead td {
    background: #fff;
    font-weight: 700
}

.mainCol table thead th, .mainCol table thead td {
    background: #fff;
    border: 0 solid silver
}

.mainCol tr:nth-child(even) {
    background: #fff
}

.mainCol tr:nth-child(odd) {
    background: #eee
}

@media only screen and (min-width: 768px) {
    .mainCol table {
    }
}

@media only screen and (min-width: 1280px) {
}

.tagComponent {
    padding: 0
}

    .tagComponent a {
        display: inline-block;
        background-color: #fff;
        padding: 5px 10px;
        line-height: 1.125rem;
        font-size: .875rem;
        margin: 5px 5px 5px 0;
        border: solid 1px silver;
        color: #0073cf
    }

        .tagComponent a:hover, .tagComponent a:focus, .tagComponent a:active {
            color: #004b88
        }

.tabComponent .ddListTabs {
    position: relative;
    padding-bottom: 28px
}

    .tabComponent .ddListTabs label {
        display: none
    }

    .tabComponent .ddListTabs .selected, .tabComponent .ddListTabs li {
        padding: 10px;
        font-size: 1.5rem;
        line-height: 1.75rem
    }

.tabComponent p {
    max-width: 688px
}

.tabComponent .tabLayout {
    display: none
}

.landingTabs {
    margin-top: 15px
}

@media only screen and (min-width: 768px) {
    .tabComponent .ddListTabs {
        display: none;
        width: 355px
    }

    .tabComponent .tabLayout {
        display: block;
        list-style: none;
        height: 80px;
        margin: 0;
        padding: 0;
        width: 100%
    }

        .tabComponent .tabLayout li a {
            display: block;
            height: 50px;
            border: solid 1px #eb641e;
            font-size: 1.5rem;
            line-height: 1.75rem;
            color: #eb641e;
            padding: 10px 0;
            text-align: center;
            white-space: nowrap;
            border-right: solid 0 #eb641e
        }

        .tabComponent .tabLayout li:last-child a {
            border-right: solid 1px #eb641e
        }

        .tabComponent .tabLayout li.current a {
            color: #fff;
            background-color: #eb641e
        }

            .tabComponent .tabLayout li.current a:before {
                content: '';
                clear: both;
                width: 6px;
                height: 6px;
                border-top: 6px solid #eb641e;
                border-left: 6px solid transparent;
                border-right: 6px solid transparent;
                display: block;
                position: absolute;
                bottom: -6px;
                left: 50%
            }

        .tabComponent .tabLayout li {
            display: block;
            width: 50%;
            position: relative;
            float: left
        }

        .tabComponent .tabLayout.threeTabs li {
            display: block;
            width: 33.333%;
            position: relative;
            float: left
        }
}

@media only screen and (min-width: 1280px) {
    .tabComponent .tabSelect {
        padding-bottom: 20px
    }

    .tabComponent .ddListTabs {
        width: 50%
    }
}

.departmentComponent {
    position: relative;
    background-color: #202a30;
    display: block
}

    .departmentComponent .mediaComponent {
    }

    .departmentComponent .textArea {
        color: #fff;
        padding: 20px
    }

        .departmentComponent .textArea p a {
            color: #009ed7
        }

    .departmentComponent .departmentTitle {
        font-size: 1rem;
        line-height: 1.375rem;
        padding-bottom: 8px;
        font-weight: 400;
        display: block
    }

    .departmentComponent .departmentName {
        font-size: 1.375rem;
        line-height: 1.75rem;
        display: block;
        height: 65px;
        font-weight: 300
    }

    .departmentComponent p {
        padding-bottom: 0
    }

@media only screen and (min-width: 768px)and (max-width:1279px) {
    .departmentComponent .mediaComponent, .departmentComponent .textArea {
        width: 50%;
        display: inline-block;
        float: left
    }

    .departmentComponent .textArea {
        padding: 30px
    }

    .departmentComponent .mediaComponent {
        padding-top: 28.125%
    }
}

@media only screen and (min-width: 1280px) {
    .departmentComponent .textArea {
        padding: 30px
    }
}

.contactUsComponent {
    position: relative;
    background-color: #202a30;
    display: block
}

    .contactUsComponent .textArea {
        color: #fff;
        padding: 20px;
        margin: 0;
        line-height: 1rem
    }

    .contactUsComponent .buildingName {
        font-size: 1.375rem;
        line-height: 1.75rem;
        padding-bottom: 10px;
        display: block;
        font-weight: 300
    }

    .contactUsComponent p, .contactUsComponent address {
        padding-bottom: 0;
        font-size: 1rem;
        line-height: 1.375rem;
        font-style: normal
    }

    .contactUsComponent .btnComponents {
        padding: 20px 0 5px 0;
        display: block
    }

    .contactUsComponent .btn-reset {
        width: 20px;
        height: 20px;
        padding-right: 26px;
        display: inline
    }

@media only screen and (min-width: 768px)and (max-width:1279px) {
    .contactUsComponent .mediaComponent, .contactUsComponent .textArea {
        width: 50%;
        display: inline-block;
        float: left
    }

    .contactUsComponent .textArea {
        padding: 30px 30px 20px 30px
    }

    .contactUsComponent .mediaComponent {
        padding-top: 28.125%
    }
}

@media only screen and (min-width: 1280px) {
    .contactUsComponent .textArea {
        padding: 30px
    }
}

.teaser_V1Component, .teaser_V2Component, .teaser_V4Component, .teaser_V5Component, .teaser_V6Component, .teaser_V7Component, .teaser_V8Component, .teaser_V9Component {
    position: relative
}

    .teaser_V1Component .btnComponents, .teaser_V2Component .btnComponents, .teaser_V4Component .btnComponents, .teaser_V5Component .btnComponents, .teaser_V6Component .btnComponents, .teaser_V7Component .btnComponents, .teaser_V8Component .btnComponents, .teaser_V9Component .btnComponents {
        top: 0;
        right: 0;
        z-index: 999;
        position: absolute
    }

    .teaser_V1Component a .textArea {
        color: #202a30
    }

    .teaser_V1Component .arrowRight:after {
        content: '';
        clear: both;
        width: 6px;
        height: 6px;
        border-left: 5px solid #000;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        display: inline-block;
        margin-left: 10px;
        top: -2px;
        position: relative
    }

    .teaser_V1Component a:focus *, .teaser_V1Component a:hover * {
        cursor: pointer
    }

    .teaser_V1Component a:focus .arrowRight:after, .teaser_V1Component a:hover .arrowRight:after {
        content: '';
        clear: both;
        width: 6px;
        height: 6px;
        border-left: 5px solid #eb641e;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        display: inline-block;
        margin-left: 10px;
        top: -2px;
        position: relative
    }

    .teaser_V1Component a .textArea .heading3 {
        font-size: 1.5rem;
        line-height: 1.75rem;
        padding-bottom: 12px
    }

    .teaser_V8Component a .arrowRight:after {
        content: '';
        clear: both;
        width: 6px;
        height: 6px;
        border-left: 5px solid #000;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        display: inline-block;
        margin-left: 10px;
        top: -2px;
        position: relative
    }

    .teaser_V8Component a:focus *, .teaser_V8Component a:hover * {
        cursor: pointer
    }

    .teaser_V8Component a:focus .arrowRight:after, .teaser_V8Component a:hover .arrowRight:after {
        content: '';
        clear: both;
        width: 6px;
        height: 6px;
        border-left: 5px solid #eb641e;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        display: inline-block;
        margin-left: 10px;
        top: -2px;
        position: relative
    }

    .teaser_V8Component .textArea a .heading3 {
        font-size: 1.5rem;
        line-height: 1.75rem;
        padding-bottom: 12px;
        color: #202a30
    }

    .teaser_V9Component a .textArea {
        color: #202a30
    }

    .teaser_V9Component .arrowRight:after {
        content: '';
        clear: both;
        width: 6px;
        height: 6px;
        border-left: 5px solid #000;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        display: inline-block;
        margin-left: 10px;
        bottom: 20px;
        position: absolute
    }

    .teaser_V9Component a:focus *, .teaser_V9Component a:hover * {
        cursor: pointer
    }

    .teaser_V9Component a:focus .arrowRight:after, .teaser_V9Component a:hover .arrowRight:after {
        border-left: 5px solid #eb641e
    }

    .teaser_V9Component a .textArea .heading3 {
        font-size: 1.5rem;
        line-height: 1.75rem;
        padding-bottom: 12px;
        position: relative
    }

    .teaser_V9Component a .textArea .publishDate {
        padding-bottom: 12px;
        font-weight: 700;
        display: inline-block
    }

    .teaser_V4Component a .textArea {
        color: #202a30
    }

    .teaser_V4Component .arrowRight:after {
        content: '';
        clear: both;
        width: 6px;
        height: 6px;
        border-left: 5px solid #000;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        display: inline-block;
        margin-left: 10px;
        top: -2px;
        position: relative
    }

    .teaser_V4Component a:focus *, .teaser_V4Component a:hover * {
        cursor: pointer
    }

    .teaser_V4Component a:focus .arrowRight:after, .teaser_V4Component a:hover .arrowRight:after {
        content: '';
        clear: both;
        width: 6px;
        height: 6px;
        border-left: 5px solid #eb641e;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        display: inline-block;
        margin-left: 10px;
        top: -2px;
        position: relative
    }

    .teaser_V4Component a .textArea .heading3 {
        font-size: 1.5rem;
        line-height: 1.75rem;
        padding-bottom: 0
    }

    .teaser_V5Component a:focus *, .teaser_V5Component a:hover * {
        cursor: pointer
    }

    .teaser_V5Component a .textArea {
        color: #202a30
    }

    .teaser_V5Component .arrowRight:after {
        content: '';
        clear: both;
        width: 6px;
        height: 6px;
        border-left: 5px solid #000;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        display: inline-block;
        margin-left: 10px;
        top: -2px;
        position: relative
    }

    .teaser_V5Component a:focus .arrowRight:after, .teaser_V5Component a:hover .arrowRight:after {
        content: '';
        clear: both;
        width: 6px;
        height: 6px;
        border-left: 5px solid #eb641e;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        display: inline-block;
        margin-left: 10px;
        top: -2px;
        position: relative
    }

    .teaser_V5Component a .textArea .heading3 {
        font-size: 1.5rem;
        line-height: 1.75rem;
        padding-bottom: 12px
    }

    .teaser_V5Component a .textArea h5 {
        font-size: 1rem;
        line-height: 1.25rem;
        padding-bottom: 1px;
        font-weight: 700
    }

    .teaser_V5Component a .textArea .description {
        padding-bottom: 22px
    }

    .teaser_V5Component a .textArea .startFrom {
        padding-bottom: 0
    }

        .teaser_V5Component a .textArea .startFrom span {
            font-weight: 700
        }

    .teaser_V6Component a .textArea {
        color: #202a30
    }

    .teaser_V6Component a:focus *, .teaser_V6Component a:hover * {
        cursor: pointer
    }

    .teaser_V6Component .teaserList {
        list-style: none;
        padding: 0 0 10px 0;
        margin: 0
    }

        .teaser_V6Component .teaserList li span {
            font-weight: 700
        }

    .teaser_V6Component a .textArea p {
        padding-bottom: 0
    }

    .teaser_V7Component a:focus *, .teaser_V7Component a:hover * {
        cursor: pointer
    }

.teaser_V7Component {
    background-color: #202a30;
    color: #fff;
    margin-bottom: 15px
}

    .teaser_V7Component a .textArea {
        color: #fff
    }

    .teaser_V7Component a .textArea {
        padding: 15px 20px;
        min-height: 180px
    }

        .teaser_V7Component a .textArea .heading3 {
            font-size: 1.5rem;
            line-height: 1.75rem;
            padding-bottom: 12px
        }

.teaser_V2Component .textArea .heading3 {
    font-size: 1.5rem;
    line-height: 1.75rem;
    padding-bottom: 12px
}

.teaserIntroComponent {
    background-color: #eee;
    overflow: hidden
}

    .teaserIntroComponent .mediaComponent {
        display: block
    }

    .teaserIntroComponent .textArea {
        text-align: left;
        padding: 25px 20px 15px 20px;
        display: table-cell;
        vertical-align: middle;
        background-color: #eee;
        color: #202a30
    }

        .teaserIntroComponent .textArea .heading3 {
            font-size: 1.5rem;
            line-height: 1.75rem;
            padding-bottom: 15px;
            font-style: italic
        }

@media only screen and (min-width: 768px) {
    .teaserIntroComponent .mediaComponent {
        background-color: silver;
        display: block;
        width: 100%;
        padding-top: 0%;
        float: right;
        height: 398px;
        z-index: 0;
        position: relative
    }

    .teaserIntroComponent .textArea {
        text-align: center;
        width: 50%;
        padding: 20px;
        height: 398px;
        display: block
    }

        .teaserIntroComponent .textArea .innerContent {
            position: relative;
            padding: 5px 15px;
            left: 0;
            top: 0%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%)
        }

    .teaser_V7Component a .textArea {
        min-height: 250px
    }
}

@media only screen and (min-width: 1280px) {
    .teaser_V7Component a .textArea {
        min-height: 160px
    }
}

.profileShowcaseComponent {
    background-color: #202a30;
    margin-bottom: 15px
}

    .profileShowcaseComponent .textArea {
        position: relative;
        padding: 24px 20px 20px 20px;
        text-align: center;
        height: 290px
    }

    .profileShowcaseComponent .btnComponents {
        position: absolute;
        top: 15px;
        right: 15px;
        z-index: 99
    }

        .profileShowcaseComponent .btnComponents .favBtn {
            background-color: transparent
        }

    .profileShowcaseComponent .textArea a.linkWrap {
        color: #fff
    }

    .profileShowcaseComponent .textArea .profileTitle {
        font-size: 1rem;
        line-height: 1.38rem;
        font-weight: 700;
        padding-bottom: 10px
    }

    .profileShowcaseComponent .textArea p {
        font-weight: 300;
        font-style: italic
    }

    .profileShowcaseComponent .textArea .nameSurname {
        font-size: 1.875rem;
        line-height: 2.2rem;
        padding-bottom: 14px
    }

    .profileShowcaseComponent .mediaComponent {
    }

@media only screen and (min-width: 768px) {
    .profileShowcaseComponent .textArea {
        height: 200px
    }

        .profileShowcaseComponent .textArea p {
            font-size: 1.25rem;
            line-height: 1.75rem
        }
}

@media only screen and (min-width: 1280px) {
    .profileShowcaseComponent .textArea p {
        font-size: 1.5rem;
        line-height: 1.75rem
    }

    .profileShowcaseComponent .textArea .nameSurname {
        font-size: 2.5rem;
        line-height: 3rem;
        padding-bottom: 35px
    }

    .profileShowcaseComponent .mediaComponent {
        float: right;
        width: 66.35%;
        padding-top: 37.125%
    }

    .profileShowcaseComponent .textArea {
        float: left;
        width: 33.65%;
        position: relative;
        top: 0
    }

        .profileShowcaseComponent .textArea .linkWrap {
            position: relative;
            display: inline-block;
            left: 0;
            top: 120%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%)
        }
}

.summaryComponent {
    background-color: #eee
}

    .summaryComponent .container {
        padding-top: 18px;
        padding-bottom: 18px
    }

.summaryList {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%
}

    .summaryList li {
        line-height: 1.375rem
    }

        .summaryList li span {
            font-weight: bold;
            padding-left: 5px;
            padding-right: 25px
        }

@media only screen and (min-width: 768px) {
    .summaryComponent .container {
        padding-top: 23px;
        padding-bottom: 23px
    }

    .summaryList li {
        float: left;
        min-width: 33.3%
    }
}

@media only screen and (min-width: 1280px) {
    .summaryList li {
        float: left;
        min-width: 320px
    }

        .summaryList li:nth-child(3n-3) {
            float: right;
            width: 380px
        }
}

.relatedTopic {
    border-top: solid 1px silver;
    position: relative
}

    .relatedTopic .heading4 {
        padding-bottom: 10px
    }

.videoTagComponent {
    position: relative
}

    .videoTagComponent .btnComponents {
        top: 0;
        right: -1px;
        width: 40px;
        display: block;
        z-index: 9999
    }

    .videoTagComponent .tagComponent {
        padding: 15px 0 0;
        margin: 0
    }

        .videoTagComponent .tagComponent a {
            display: inline-block;
            background-color: #fff;
            padding: 5px 10px;
            line-height: 1.125rem;
            font-size: .875rem;
            margin: 5px 5px 5px 0;
            border: solid 1px silver;
            color: #0073cf
        }

.videoTeaserComponent {
    position: relative
}

    .videoTeaserComponent .btnComponents {
        top: 0;
        right: -1px;
        width: 40px;
        display: block;
        z-index: 9999
    }

    .videoTeaserComponent .arrowRight:after {
        content: '';
        clear: both;
        width: 6px;
        height: 6px;
        border-left: 5px solid #000;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        display: inline-block;
        margin-left: 10px;
        top: -2px;
        position: relative
    }

    .videoTeaserComponent a .textArea .heading3:hover, .videoTeaserComponent a .textArea .heading3 {
        font-size: 1.5rem;
        line-height: 1.75rem;
        padding-bottom: 0;
        color: #202a30
    }

.accordianComponent .content {
    padding-top: 20px
}

.accordianComponent .item {
    border-top: solid 1px silver
}

    .accordianComponent .item .content {
        display: none
    }

    .accordianComponent .item.open .content {
        display: block
    }

    .accordianComponent .item .accordionItemBar {
        display: block;
        position: relative;
        padding: 14px 30px 16px 0
    }

        .accordianComponent .item .accordionItemBar .itemTitle {
            font-size: 1.5rem;
            line-height: 1.75rem;
            font-weight: 300;
            color: #202a30;
            padding: 0
        }

        .accordianComponent .item .accordionItemBar .highlight {
            font-weight: 700;
            font-size: 1rem;
            line-height: 1.375rem;
            color: #000;
            padding: 8px 0 2px 0
        }

    .accordianComponent .item.closed > .accordionItemBar:after {
        content: '';
        clear: both;
        width: 6px;
        height: 6px;
        border-top: 5px solid #eb641e;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        display: inline-block;
        right: 10px;
        top: 26px;
        position: absolute
    }

    .accordianComponent .item.open > .accordionItemBar:after {
        content: '';
        clear: both;
        width: 6px;
        height: 6px;
        border-bottom: 5px solid #eb641e;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        display: inline-block;
        right: 10px;
        top: 26px;
        position: absolute
    }

.accordianComponent .content h2, .accordianComponent .content h3, .accordianComponent .content h4, .accordianComponent .content h5 {
    padding-bottom: 10px
}

@media only screen and (min-width: 768px) {
    .accordianComponent .item .accordionItemBar .itemTitle {
        display: block;
        float: left;
        width: 50%
    }

        .accordianComponent .item .accordionItemBar .itemTitle:last-child {
            width: 100%
        }

    .accordianComponent .item .accordionItemBar .highlight {
        display: block;
        float: right;
        width: 45%;
        margin-left: 5%;
        padding: 0
    }
}

.courseComponent {
    position: relative;
    background-color: #202a30;
    display: block
}

    .courseComponent .textArea {
        color: #fff;
        padding: 20px
    }

        .courseComponent .textArea p a {
            color: #009ed7
        }

    .courseComponent .btnComponents {
        top: 8px;
        right: 12px;
        z-index: 999;
        position: absolute
    }

    .courseComponent .courseContactTitle {
        font-size: 1rem;
        line-height: 1.375rem;
        padding-bottom: 8px;
        font-weight: 400;
        display: block;
        padding-right: 10px
    }

    .courseComponent .contactPerson {
        font-size: 1.375rem;
        line-height: 1.75rem;
        display: block;
        height: 65px;
        font-weight: 300
    }

    .courseComponent p {
        padding-bottom: 0
    }

@media only screen and (min-width: 768px)and (max-width:1279px) {
    .courseComponent .mediaComponent, .courseComponent .textArea {
        width: 50%;
        display: inline-block;
        float: left
    }

    .courseComponent .textArea {
        padding: 30px
    }

    .courseComponent .mediaComponent {
        padding-top: 28.125%
    }

    .courseComponent .btnComponents {
        top: 20px;
        right: 22px
    }
}

@media only screen and (min-width: 1280px) {
    .courseComponent .textArea {
        padding: 30px
    }

    .courseComponent .btnComponents {
        top: 20px;
        right: 22px
    }
}

.courseNoImageComponent {
    position: relative;
    background-color: #202a30;
    display: block
}

    .courseNoImageComponent .textArea {
        color: #fff;
        padding: 20px
    }

        .courseNoImageComponent .textArea p a {
            color: #009ed7
        }

    .courseNoImageComponent .btnComponents {
        top: 8px;
        right: 12px;
        z-index: 999;
        position: absolute
    }

    .courseNoImageComponent .courseContactTitle {
        font-size: 1rem;
        line-height: 1.375rem;
        padding-bottom: 8px;
        font-weight: 400;
        display: block;
        width: 256px
    }

    .courseNoImageComponent .contactPerson {
        font-size: 1.375rem;
        line-height: 1.75rem;
        display: block;
        height: 65px;
        font-weight: 300;
        width: 256px
    }

    .courseNoImageComponent p {
        padding-bottom: 0
    }

@media only screen and (min-width: 768px)and (max-width:1279px) {
    .courseNoImageComponent .textArea {
        min-height: 120px
    }

    .courseNoImageComponent .textArea {
        padding: 30px 100px 30px 295px;
        position: relative
    }

    .courseNoImageComponent .btnComponents {
        top: 20px;
        right: 22px
    }

    .courseNoImageComponent .courseContactTitle {
        top: 24px;
        left: 24px;
        z-index: 999;
        position: absolute
    }

    .courseNoImageComponent .contactPerson {
        top: 53px;
        left: 24px;
        z-index: 999;
        position: absolute
    }

    .courseNoImageComponent .textArea p {
        display: table-cell;
        vertical-align: bottom;
        position: relative;
        top: -9px;
        width: 315px
    }
}

@media only screen and (min-width: 1280px) {
    .courseNoImageComponent .textArea {
        padding: 30px
    }

    .courseNoImageComponent .btnComponents {
        top: 20px;
        right: 22px
    }

    .courseNoImageComponent .mediaComponent {
        display: block
    }
}

.courseDetailsComponent.management {
    background-color: #9857ae
}

.courseDetailsComponent.science {
    background-color: #00a648
}

.courseDetailsComponent.literatures {
    background-color: #d72d2d
}

.courseDetailsComponent.management {
    background-color: #9857ae
}

.courseDetailsComponent.general {
    background-color: #eb641e
}

.courseDetailsComponent {
    position: relative;
    padding-left: 5px
}

    .courseDetailsComponent .btnComponents {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 99
    }

    .courseDetailsComponent .btnComponent .btn-reset {
        width: 40px;
        height: 40px
    }

    .courseDetailsComponent a .courseInfo * {
        color: #202a30
    }

    .courseDetailsComponent .courseInfo {
        height: 120px;
        background-color: #eee;
        position: relative;
        display: block;
        padding: 6px 10px
    }

    .courseDetailsComponent .courseTitle {
        height: 85px;
        font-size: 1rem;
        line-height: 1.38rem;
        font-weight: 400;
        display: block;
        padding-right: 40px
    }

    .courseDetailsComponent .duration, .courseDetailsComponent .abbreviation, .courseDetailsComponent .courseCode {
        font-weight: 700;
        font-size: .875rem;
        line-height: 1.125rem;
        display: inline-block
    }

    .courseDetailsComponent .abbreviation {
        padding-left: 5px
    }

    .courseDetailsComponent .courseCode {
        float: right;
        padding-top: 3px
    }

    .courseDetailsComponent .faculty {
        height: 40px;
        background-color: #202a30;
        color: #fff;
        padding: 10px 10px 14px 10px;
        font-size: .875rem;
        line-height: 1.125rem;
        display: block;
        font-weight: 700
    }

.list .management, .list .science, .list .literatures {
    background-color: #eee;
    padding: 2px 0 0 0
}

.list .courseDetailsComponent a .duration, .list .courseDetailsComponent a .abbreviation, .list .courseDetailsComponent a .courseCode {
    padding: 0;
    font-weight: 400;
    color: #757575
}

.list .courseDetailsComponent a .courseCode {
    position: absolute;
    top: 46px;
    right: 0;
    width: 40px;
    text-align: center
}

.list .courseDetailsComponent .courseInfo {
    height: unset;
    background-color: #fff;
    position: relative;
    display: block;
    padding: 13px 0 0 0;
    position: relative
}

.list .courseDetailsComponent .faculty {
    height: unset;
    background-color: #fff;
    color: #757575;
    padding: 0;
    font-weight: 400
}

.list .courseDetailsComponent .courseTitle {
    height: auto;
    padding-bottom: 10px;
    background-color: transparent;
    color: #000
}

.list .courseDetailsComponent .btnComponents {
    position: absolute;
    top: 2px;
    right: 0;
    z-index: 99
}

.exploreModule {
    position: relative
}

    .exploreModule .container > .heading3 {
        color: #fff
    }

    .exploreModule:before {
        content: '';
        clear: both;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        background-color: #eb641e;
        height: 240px;
        width: 100%
    }

.explorerTabs .tabSelect {
    padding-bottom: 30px
}

.explorerTabs .ddListTabs {
    position: relative
}

    .explorerTabs .ddListTabs label {
        display: none
    }

    .explorerTabs .ddListTabs .dropdown {
        border: none
    }

        .explorerTabs .ddListTabs .dropdown .carat {
            border: 5px solid transparent;
            border-top: 6px solid #fff
        }

        .explorerTabs .ddListTabs .dropdown.open .carat {
            border-top: 4px solid transparent;
            border-bottom: 6px solid #fff
        }

    .explorerTabs .ddListTabs .selected {
        padding: 10px;
        border: solid 1px #fff;
        font-size: 1.5rem;
        line-height: 1.75rem;
        color: #fff;
        background-color: #eb641e;
        font-style: normal
    }

    .explorerTabs .ddListTabs .ddListTabs li {
        padding: 10px;
        font-size: 1.5rem;
        line-height: 1.75rem;
        font-style: normal
    }

.explorerTabs .tabLayout {
    display: none
}

@media only screen and (min-width: 768px) {
    .exploreModule .tabSelect {
        padding-bottom: 16px
    }

    .exploreModule:before {
        height: 280px
    }

    .explorerTabs .ddListTabs {
        display: none
    }

    .explorerTabs .tabLayout {
        display: block;
        list-style: none;
        height: 80px;
        margin: 0;
        padding: 0
    }

        .explorerTabs .tabLayout li {
            display: block;
            width: 40.5%;
            position: relative;
            float: left
        }

            .explorerTabs .tabLayout li:first-child {
                width: 22.5%;
                border-left: solid 1px #fff
            }

            .explorerTabs .tabLayout li:last-child {
                width: 37%
            }

            .explorerTabs .tabLayout li a {
                display: block;
                height: 50px;
                border: solid 1px #fff;
                border-left: 0;
                font-size: 1.5rem;
                line-height: 1.75rem;
                color: #fff;
                padding: 10px 0;
                text-align: center;
                white-space: nowrap
            }

            .explorerTabs .tabLayout li.current a {
                color: #eb641e;
                background-color: #fff
            }

                .explorerTabs .tabLayout li.current a:before {
                    content: '';
                    clear: both;
                    width: 6px;
                    height: 6px;
                    border-top: 6px solid #fff;
                    border-left: 6px solid transparent;
                    border-right: 6px solid transparent;
                    display: block;
                    position: absolute;
                    bottom: -6px;
                    left: 50%
                }

    .exploreRHULLayout1 > div:nth-child(3n), .exploreRHULLayout1 > div:nth-child(2n) {
        width: 49%;
        float: left;
        margin-right: 2%
    }

    .exploreRHULLayout1 .contain:nth-child(3n) {
        margin-right: 0%
    }

    .exploreRHULLayout2 > div:first-child, .exploreRHULLayout2 > div:nth-child(2n) {
        width: 49%;
        float: left;
        margin-right: 2%
    }

    .exploreRHULLayout2 > div:nth-child(2n) {
        margin-right: 0%
    }

    .exploreRHULLayout2 > .contain:nth-child(3n) {
        width: 100%;
        margin-left: 0%;
        float: left;
        margin-right: 0
    }

    .exploreRHULLayout3 > div {
        width: 49%;
        float: left;
        margin-right: 2%
    }

        .exploreRHULLayout3 > div:nth-child(2n) {
            margin-right: 0%
        }
}

@media only screen and (min-width: 1280px) {
    .explorerTabs .tabLayout li, .explorerTabs .tabLayout li:first-child, .exploreModule .tabLayout li:last-child {
        display: block;
        width: 33.3%;
        position: relative;
        float: left
    }

    .exploreRHULLayout1 > div:first-child {
        width: 49%;
        display: inline-block;
        float: left;
        margin-right: 1%
    }

    .exploreRHULLayout1 > div:nth-child(2n) {
        margin-left: 1%
    }

    .exploreRHULLayout1 > div:nth-child(2n), .exploreRHULLayout1 > div:nth-child(3n) {
        width: 23.5%;
        display: inline-block;
        float: left !important;
        margin-right: 2%
    }

    .exploreRHULLayout1 > div:nth-child(3n) {
        margin-right: 0%
    }

    .exploreRHULLayout2 > div:first-child, .exploreRHULLayout2 > div:nth-child(2n) {
        width: 23.5%;
        margin-right: 2%
    }

    .exploreRHULLayout2 > div:nth-child(2n) {
        margin-right: 1%
    }

    .exploreRHULLayout2 > .contain:nth-child(3n) {
        width: 49%;
        margin-left: 1%
    }

    .exploreRHULLayout3 > div:nth-child(2n), .exploreRHULLayout3 > div {
        width: 23.5%;
        margin-right: 2%
    }

        .exploreRHULLayout3 > div:nth-child(4n) {
            margin-right: 0%
        }

    .exploreRHULLayout4 > div {
        width: 49%;
        float: left;
        margin-right: 2%
    }

        .exploreRHULLayout4 > div:nth-child(2n) {
            margin-right: 0%
        }
}

.articleTeaserModule .heading3 {
    padding-bottom: 10px
}

.articleTeaserModule .browseBtn {
    padding-bottom: 25px;
    display: inline-block
}

.articleTeaserModule .slick-track {
    margin-left: 0
}

.articleTeaserModule .articleTeaserLayout1 .slick-dots {
    bottom: 0
}

    .articleTeaserModule .articleTeaserLayout1 .slick-dots li button {
        background: #eee
    }

        .articleTeaserModule .articleTeaserLayout1 .slick-dots li.slick-active button, .articleTeaserModule .articleTeaserLayout1 .slick-dots li button:hover, .articleTeaserModule .articleTeaserLayout1 .slick-dots li button:focus {
            background: #eb641e
        }

@media only screen and (min-width: 768px) {
    .articleTeaserModule .browseBtn {
        padding-bottom: 35px
    }

    .articleTeaserModule .teaser_V6Component {
        margin-right: 15px
    }

    .articleTeaserModule .container {
        padding-right: 15px
    }
}

@media only screen and (min-width: 1280px) {
    .articleTeaserModule .container {
        padding-right: 20px
    }
}

@media only screen and (min-width: 1366px) {
    .articleTeaserModule .container {
        padding-right: 67px
    }
}

.teaserModule .teaser_V3Component {
    position: relative
}

    .teaserModule .teaser_V3Component .btnComponents {
        top: 0;
        right: 0;
        z-index: 999;
        position: absolute
    }

.teaserModule .teaser_V3Component {
    display: block;
    position: relative;
    background-color: #202a30
}

    .teaserModule .teaser_V3Component a {
        display: inline
    }

    .teaserModule .teaser_V3Component .textCTA {
        color: #fff;
        display: block;
        padding: 18px 15px;
        position: relative
    }

    .teaserModule .teaser_V3Component .imageComponent {
        position: relative
    }

        .teaserModule .teaser_V3Component .imageComponent img {
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            text-align: center;
            font-size: 20px;
            color: #fff;
            vertical-align: middle;
            width: 100%;
            height: 100%;
            display: block
        }

    .teaserModule .teaser_V3Component .textCTA .heading5 {
        position: absolute;
        padding: 5px 15px;
        left: 0;
        top: 49%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

@media only screen and (max-width: 767px) {
    .teaserModule .teaser_V3Component .imageComponent {
        background-color: silver;
        display: block;
        width: 50%;
        padding-top: 28.125%;
        float: left
    }

    .teaserModule .teaser_V3Component {
        margin-bottom: 1px
    }

        .teaserModule .teaser_V3Component .textCTA {
            width: 50%;
            padding: 0;
            padding-top: 28.125%;
            float: left;
            position: relative
        }
}

@media only screen and (min-width: 768px) {
    .teaserModule .teaser_V3Component .imageComponent {
        background-color: silver;
        width: 100%;
        padding-top: 56.25%;
        display: block;
        float: left
    }

    .teaserModule .teaser_V3Component .textCTA {
        width: 100%;
        padding: 20px 20px;
        min-height: 60px;
        clear: both
    }

    .teaserModuleLayout1 .teaser_V3Component {
        float: left;
        width: 49%;
        margin-right: 2%;
        margin-bottom: 20px
    }

        .teaserModuleLayout1 .teaser_V3Component:nth-child(2n+2) {
            margin-right: 0
        }

    .teaserModuleLayout2 .teaser_V3Component {
        float: left;
        width: 32%;
        margin-right: 2%;
        margin-bottom: 1px
    }

        .teaserModuleLayout2 .teaser_V3Component:nth-child(3n+3) {
            margin-right: 0
        }

    .teaserModuleLayout3 .teaser_V3Component {
        float: left;
        width: 49%;
        margin-right: 2%;
        margin-bottom: 20px
    }

        .teaserModuleLayout3 .teaser_V3Component:nth-child(2n+2) {
            margin-right: 0
        }

    .teaserModuleLayout5 .teaser_V9Component {
        width: 49%;
        display: block;
        white-space: normal;
        margin-right: 2%;
        float: left
    }

        .teaserModuleLayout5 .teaser_V9Component:nth-child(2n) {
            margin-right: 0%
        }

    .teaserModuleLayout5 .rowHolder {
        clear: both
    }
}

@media only screen and (min-width: 1280px) {
    .teaserModuleLayout1 .teaser_V3Component:nth-child(2n+2), .teaserModuleLayout1 .teaser_V3Component {
        float: left;
        width: 23.5%;
        margin-right: 2%;
        margin-bottom: 20px
    }

        .teaserModuleLayout1 .teaser_V3Component:nth-child(4n+4) {
            margin-right: 0
        }

    .teaserModuleLayout4 > div, .teaserModuleLayout4 > div:nth-child(2n) {
        width: 32%;
        display: block;
        white-space: normal;
        margin-right: 2%;
        float: left
    }

        .teaserModuleLayout4 > div:nth-child(3n) {
            margin-right: 0%
        }

    .teaserModuleLayout5 .teaser_V9Component, .teaserModuleLayout5 .teaser_V9Component:nth-child(2n) {
        width: 23.5%;
        float: left;
        margin-right: 2%
    }

        .teaserModuleLayout5 .teaser_V9Component:nth-child(4n) {
            margin-right: 0%
        }

    .teaserModule .teaser_V3Component .textCTA {
        min-height: 70px
    }
}

.moreTeaserModule {
    position: relative
}

    .moreTeaserModule .container > .heading3 {
        color: #fff
    }

    .moreTeaserModule:before {
        content: '';
        clear: both;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        background-color: #eb641e;
        height: 160px;
        width: 100%
    }

    .moreTeaserModule.management:before {
        background-color: #9857ae
    }

    .moreTeaserModule.science:before {
        background-color: #00a648
    }

    .moreTeaserModule.literatures:before {
        background-color: #d72d2d
    }

    .moreTeaserModule.general:before {
        background-color: #eb641e
    }

.moreTeaserLayout1 .teaser_V1Component {
    padding-right: 0
}

.moreTeaserLayout1 .slick-track {
    margin-left: 0
}

.moreTeaserModule .moreTeaserLayout1 .slick-dots {
    bottom: 0
}

    .moreTeaserModule .moreTeaserLayout1 .slick-dots li button {
        background: #eee
    }

        .moreTeaserModule .moreTeaserLayout1 .slick-dots li.slick-active button, .moreTeaserModule .moreTeaserLayout1 .slick-dots li button:hover, .moreTeaserModule .moreTeaserLayout1 .slick-dots li button:focus {
            background: #eb641e
        }

@media only screen and (min-width: 768px) {
    .moreTeaserModule:before {
        height: 200px
    }

    .moreTeaserModule .teaser_V8Component, .moreTeaserModule .teaser_V1Component {
        margin-right: 15px
    }

    .moreTeaserModule .container {
        padding-right: 0
    }

    .moreTeaserLayout2 .teaser_V8Component, .moreTeaserLayout2 .teaser_V1Component {
        width: 49%;
        float: left;
        margin-right: 2%
    }

        .moreTeaserLayout2 .teaser_V8Component, .moreTeaserLayout2 .teaser_V1Component:nth-child(2n) {
            margin-right: 0%
        }
}

.carouselFactsModule {
    background-color: #eee;
    margin-bottom: 40px
}

    .carouselFactsModule .slider {
        text-align: center;
        position: relative;
        height: 420px;
        display: block;
        width: 100%
    }

        .carouselFactsModule .slider .carouselText {
            position: absolute;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
            width: 100%
        }

            .carouselFactsModule .slider .carouselText .factSource {
                font-size: .875rem;
                line-height: 1.1125rem
            }

    .carouselFactsModule .factStyle1 .carouselText .factDescription {
        font-size: 2.5rem;
        line-height: 3rem;
        font-style: italic;
        padding-bottom: 40px
    }

    .carouselFactsModule .factStyle2 .carouselText .percentage {
        font-size: 3.75rem;
        font-weight: 700;
        display: block;
        font-style: normal;
        padding-bottom: 20px
    }

    .carouselFactsModule .factStyle2 .carouselText .factDescription {
        font-size: 1.5rem;
        line-height: 1.75rem;
        font-style: italic;
        padding-bottom: 55px
    }

@media only screen and (min-width: 768px) {
    .carouselFactsModule .factStyle1 .carouselText {
        width: 700px
    }

        .carouselFactsModule .factStyle1 .carouselText .factDescription {
            font-size: 3.125rem;
            line-height: 3.5rem;
            padding-bottom: 20px
        }

    .carouselFactsModule .factStyle2 .carouselText .factDescription {
        font-size: 1.875rem;
        line-height: 2.25rem;
        padding-bottom: 20px
    }

    .carouselFactsModule .factStyle2 .carouselText .percentage {
        font-size: 4.375rem
    }
}

@media only screen and (min-width: 1280px) {
    .carouselFactsModule .factStyle1 .carouselText .factDescription {
        font-size: 3.65rem;
        line-height: 4.5rem;
        padding-bottom: 40px
    }

    .carouselFactsModule .factStyle2 .carouselText {
        width: 800px
    }

        .carouselFactsModule .factStyle2 .carouselText .factDescription {
            font-size: 2.5rem;
            line-height: 2.75rem;
            padding-bottom: 35px
        }

        .carouselFactsModule .factStyle2 .carouselText .percentage {
            font-size: 5rem;
            padding-bottom: 45px
        }
}

.kis-widget {
    width: 615px;
    margin: 0 auto;
    padding-bottom: 30px
}

.courseFinderModule {
    background-color: #202a30;
    position: relative
}

    .courseFinderModule .setWidth {
        background-color: #acacac;
        color: #fff;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        position: relative
    }

        .courseFinderModule .setWidth::before {
            content: '';
            position: absolute;
            z-index: 1;
            height: 100%;
            width: 100%;
            background-color: #000;
            clear: both;
            top: 0;
            right: 0;
            margin-left: 0;
            -webkit-opacity: .3;
            -moz-opacity: .3;
            opacity: .3
        }

    .courseFinderModule .container {
        padding-top: 81px;
        position: relative;
        z-index: 1
    }

    .courseFinderModule .container {
        padding-top: 30px;
        min-height: 400px
    }

        .courseFinderModule .container form {
            max-width: 480px;
            margin-left: auto;
            margin-right: auto
        }

    .courseFinderModule .courseCollections {
        background-color: #202a30;
        margin-top: 15px
    }

    .courseFinderModule .radioTab input[type="radio"] {
        display: none
    }

    .courseFinderModule .radioTab label {
        font-size: .875rem;
        line-height: 1.125rem;
        color: #fff;
        position: relative;
        display: inline-block;
        height: 50px;
        float: left;
        padding: 15px 5px 31px 5px;
        text-align: center;
        cursor: pointer
    }

    .courseFinderModule .radioTab input[type="radio"]:checked + label {
        background-color: #363f44
    }

        .courseFinderModule .radioTab input[type="radio"]:checked + label:before {
            content: '';
            clear: both;
            width: 15px;
            height: 8px;
            border-bottom: 8px solid #fff;
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
            display: inline-block;
            left: 50%;
            margin-left: -8px;
            bottom: -1px;
            position: absolute
        }

    .courseFinderModule .undergraduateField label {
        width: 114px
    }

    .courseFinderModule .postgraduateField label {
        width: 103px
    }

    .courseFinderModule .researchField label {
        width: 73px
    }

    .courseFinderModule .text#courseTextArea {
        font-style: italic
    }

    .courseFinderModule .inputHolder {
        padding-bottom: 20px;
        position: relative
    }

    .courseFinderModule input.text, .courseFinderModule input.text:focus {
        font-size: 1rem
    }

    .courseFinderModule #searchAutocomplete {
        display: block;
        background-color: #fff;
        position: absolute;
        width: 100%;
        border: solid 1px silver;
        z-index: 99;
        top: 50px;
        box-shadow: 0 1px #acacac;
        display: none
    }

        .courseFinderModule #searchAutocomplete strong {
            height: 40px;
            font-size: 1rem;
            color: #202a30;
            padding: 10px 20px;
            display: inline-block
        }

        .courseFinderModule #searchAutocomplete ul, .courseFinderModule #searchAutocomplete ul li {
            margin: 0;
            padding: 0;
            list-style: none
        }

            .courseFinderModule #searchAutocomplete ul li a {
                height: 40px;
                font-size: 1rem;
                color: #202a30;
                padding: 10px 20px;
                display: block;
                background-color: #fff
            }

            .courseFinderModule #searchAutocomplete ul li span {
                padding: 0 0 0 20px;
                height: auto;
                color: #202a30;
                background-color: #fff;
                display: block
            }

            .courseFinderModule #searchAutocomplete ul li a:focus, .courseFinderModule #searchAutocomplete ul li a:active, .courseFinderModule #searchAutocomplete ul li a:hover {
                background-color: #e7e7e7
            }

@media only screen and (min-width: 768px) {
    .courseFinderModule .container {
        padding-top: 105px;
        min-height: 500px
    }

        .courseFinderModule .container form {
            max-width: 100%;
            margin-left: 0;
            margin-right: 0;
            position: relative
        }

    .courseFinderModule .courseCollections {
        margin-top: 0
    }

    .courseFinderModule .undergraduateField label, .courseFinderModule .postgraduateField label, .courseFinderModule .researchField label {
        width: auto
    }

    .courseFinderModule .text#courseTextArea {
        font-size: 1.25rem
    }

    .courseFinderModule .radioTab label {
        font-size: 1.25rem;
        height: 50px;
        padding: 15px 20px
    }

    .courseFinderModule .inputHolder {
        padding-bottom: 0
    }

    .courseFinderModule input.text, .courseFinderModule input.text:focus {
        font-size: 1rem
    }

    .courseFinderModule .btnSearch {
        width: 100px;
        bottom: -25px;
        right: 5px;
        position: absolute
    }
}

@media only screen and (min-width: 1280px) {
    .courseFinderModule .setWidth {
        width: 100%;
        max-width: 1366px;
        margin: 0 auto
    }

    .courseFinderModule .container {
        padding-top: 78px;
        padding-right: 0;
        padding-left: 0;
        width: 790px
    }

    .courseFinderModule .courseCollections {
        margin-top: 15px
    }

    .courseFinderModule .radioTab label {
        font-size: 1.6rem;
        height: 60px;
        padding: 20px
    }

    .courseFinderModule .text#courseTextArea {
        height: 60px;
        font-size: 1.5rem
    }

    .courseFinderModule .btnSearch {
        bottom: -20px;
        right: 12px;
        position: absolute
    }

    .courseFinderModule #searchAutocomplete {
        top: 60px
    }
}

.filterBtn {
    display: inline-block
}

    .filterBtn .filterIcon {
        display: block;
        border: solid 1px silver;
        font-size: 1rem;
        line-height: 1rem;
        color: #757575;
        padding: 7px 8px;
        text-align: center;
        white-space: nowrap;
        width: 80px
    }

        .filterBtn .filterIcon.current {
            color: #000;
            border: solid 1px #eb641e
        }

.viewMode {
    margin: 0;
    padding: 0;
    list-style: none;
    float: right
}

    .viewMode li {
        margin: 0;
        padding: 0;
        display: inline-block;
        float: left
    }

        .viewMode li .btn-reset:hover, .viewMode li .btn-reset {
            background-color: #fff;
            height: 25px;
            width: 25px;
            font-size: 20px;
            padding: 0;
            margin: 2px 0 2px 15px;
            color: silver
        }

            .viewMode li .btn-reset.selected, .viewMode li .btn-reset.selected:hover {
                color: #eb641e
            }

.courseType:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    width: 100%
}

.filterByBtn {
    clear: both;
    margin-bottom: 0;
    display: none
}

@media only screen and (max-width: 767px) {
    .filterByBtn.btn {
        width: 137px
    }
}

@media only screen and (min-width: 768px) {
    .FilterBy > fieldset {
        display: inline-block;
        float: left;
        width: 49%;
        margin-right: 2%
    }

    .filterByBtn.btn {
        width: 345px
    }

    .FilterBy > fieldset:nth-child(2) {
        margin-right: 0%
    }

    .FilterBy > fieldset .field {
        width: 100%
    }
}

@media only screen and (min-width: 1280px) {
    .FilterBy > fieldset {
        width: 32%
    }

        .FilterBy > fieldset:nth-child(2) {
            margin-right: 10%
        }

    .filterByBtn.btn {
        width: 385px
    }

    .filterByBtn {
        margin-right: 300px
    }
}

.courseResultsModule .list .courseResultsLayout1 {
    padding-bottom: 25px
}

.courseResultsModule .courseResultsLayout1 .courseDetailsComponent {
    margin-bottom: 20px
}

.courseResultsModule #courseTabContent {
    float: left;
    padding-right: 20px;
    display: inline-block
}

.courseResultsModule .tabLayout {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0;
    width: auto
}

    .courseResultsModule .tabLayout li a {
        display: block;
        border: solid 1px silver;
        font-size: 1rem;
        line-height: 1rem;
        color: #757575;
        padding: 7px 8px;
        text-align: center;
        white-space: nowrap
    }

    .courseResultsModule .tabLayout li {
        display: block;
        position: relative;
        float: left
    }

        .courseResultsModule .tabLayout li:first-child a {
            border-right: 0
        }

        .courseResultsModule .tabLayout li:last-child a {
            border-left: 0
        }

        .courseResultsModule .tabLayout li.current a {
            color: #000;
            border: solid 1px #eb641e
        }

@media only screen and (min-width: 768px) {
    .courseResultsLayout1 .courseDetailsComponent {
        width: 49%;
        float: left;
        display: block;
        white-space: normal;
        margin-right: 2%
    }

        .courseResultsLayout1 .courseDetailsComponent:nth-child(2n) {
            margin-right: 0%
        }

    .courseResults {
        margin-bottom: 10px
    }

    .list .courseResultsLayout1 .courseDetailsComponent:nth-child(3n+3), .list .courseResultsLayout1 .courseDetailsComponent:nth-child(2n), .list .courseResultsLayout1 .courseDetailsComponent {
        width: 100%;
        float: none;
        display: block;
        white-space: normal;
        margin-right: 0%
    }
}

@media only screen and (min-width: 1280px) {
    .courseResultsLayout1 .courseDetailsComponent:nth-child(2n), .courseResultsLayout1 .courseDetailsComponent {
        width: 32%;
        display: inline-block;
        white-space: normal;
        margin-right: 2%
    }

        .courseResultsLayout1 .courseDetailsComponent:nth-child(3n+3) {
            margin-right: 0%
        }

    .list .courseResultsLayout1 .courseDetailsComponent:nth-child(3n+3), .list .courseResultsLayout1 .courseDetailsComponent:nth-child(2n), .list .courseResultsLayout1 .courseDetailsComponent {
        width: 100%;
        float: none;
        display: block;
        white-space: normal;
        margin-right: 0%
    }
}

.helpGuidanceModule {
    position: relative
}

    .helpGuidanceModule .container > .heading3 {
        color: #fff;
        padding-bottom: 60px
    }

    .helpGuidanceModule:before {
        content: '';
        clear: both;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        background-color: #eb641e;
        height: 500px;
        width: 100%
    }

    .helpGuidanceModule .helpGuidanceButtons {
        margin-bottom: 20px
    }

@media only screen and (min-width: 768px) {
    .helpGuidanceModule:before {
        height: 340px
    }

    .helpGuidanceModule .heading3 {
        padding-bottom: 30px
    }

    .helpGuidanceModule .helpGuidanceButtons .btn {
        width: 49%;
        float: left;
        margin-right: 2%
    }

        .helpGuidanceModule .helpGuidanceButtons .btn:nth-child(2n) {
            margin-right: 0%
        }

    .helpGuidanceModule .helpGuidanceLayout1 .teaser_V1Component {
        width: 49%;
        float: left;
        margin-right: 2%
    }

        .helpGuidanceModule .helpGuidanceLayout1 .teaser_V1Component:nth-child(2n) {
            margin-right: 0%
        }
}

@media only screen and (min-width: 1280px) {
    .helpGuidanceModule .heading3 {
        padding-bottom: 50px
    }

    .helpGuidanceModule:before {
        height: 300px
    }

    .helpGuidanceModule .helpGuidanceButtons .btn, .helpGuidanceModule .helpGuidanceButtons .btn:nth-child(2n) {
        width: 23.5%;
        margin-right: 2%
    }

        .helpGuidanceModule .helpGuidanceButtons .btn:nth-child(4n) {
            margin-right: 0%
        }

    .helpGuidanceModule .helpGuidanceLayout1 .teaser_V1Component, .helpGuidanceModule .helpGuidanceLayout1 .teaser_V1Component:nth-child(2n) {
        width: 23.5%;
        margin-right: 2%
    }

        .helpGuidanceModule .helpGuidanceLayout1 .teaser_V1Component:nth-child(4n) {
            margin-right: 0%
        }
}

.studyHereModule {
    position: relative;
    background-color: #eee
}

    .studyHereModule .videoComponent .heading3 {
        padding-bottom: 36px
    }

.studyHereLayout1 {
    padding-top: 10px
}

    .studyHereLayout1 .videoTagComponent {
        display: none
    }

        .studyHereLayout1 .videoTagComponent .tagComponent a {
            border: none
        }

        .studyHereLayout1 .videoTagComponent:first-child {
            display: block
        }

@media only screen and (min-width: 768px) {
    .studyHereModule .heading3 {
        padding-bottom: 10px
    }

    .studyHereLayout1 {
        padding-top: 40px
    }

        .studyHereLayout1 .videoTagComponent {
            width: 49%;
            float: left;
            margin-right: 2%
        }

            .studyHereLayout1 .videoTagComponent:nth-child(2n) {
                margin-right: 0%;
                display: block
            }
}

@media only screen and (min-width: 1280px) {
    .studyHereLayout1 .videoTagComponent, .studyHereLayout1 .videoTagComponent:nth-child(2n) {
        width: 32%;
        float: left;
        margin-right: 2%
    }

        .studyHereLayout1 .videoTagComponent:nth-child(3n) {
            margin-right: 0%;
            display: block
        }
}

.relatedCoursesModule {
    position: relative;
    padding-bottom: 50px
}

.courseContainer {
    padding-top: 40px
}

.relatedCoursesModule .courseContainer {
    height: 240px;
    font-size: 1rem;
    position: relative
}

.relatedCoursesModule .courseDetailsComponent {
    height: 160px
}

.relatedCoursesModule .container {
    position: relative
}

.relatedCoursesModule .courseContainer .slick-dots {
    bottom: 0
}

.relatedCoursesModule .browseCourseBtn {
    display: inline-block;
    position: absolute;
    right: 15px;
    bottom: -50px;
    width: 100px;
    text-align: right;
    height: 20px;
    z-index: 999
}

.relatedCoursesModule .courseContainer .slick-dots li button {
    background: #eee
}

    .relatedCoursesModule .courseContainer .slick-dots li.slick-active button, .relatedCoursesModule .courseContainer .slick-dots li button:hover, .relatedCoursesModule .courseContainer .slick-dots li button:focus {
        background: #eb641e
    }

.relatedCoursesModule .courseContainer .slick-track {
    margin-left: 0
}

@media only screen and (min-width: 768px) {
    .relatedCoursesModule .container {
        padding-right: 15px
    }

    .relatedCoursesModule .courseDetailsComponent {
        margin-right: 15px
    }

    .increaseWidth .relatedCoursesModule .container {
        padding-right: 0
    }

    .relatedCoursesModule {
        padding-bottom: 50px
    }

        .relatedCoursesModule .heading3 {
            padding-bottom: 10px
        }

        .relatedCoursesModule p {
            padding-right: 100px
        }

        .relatedCoursesModule .browseCourseBtn {
            position: absolute;
            right: 30px;
            top: 46px
        }

    .increaseWidth .relatedCoursesModule .browseCourseBtn {
        right: 15px
    }
}

@media only screen and (min-width: 1280px) {
    .relatedCoursesModule .container {
        padding-right: 20px
    }

    .relatedCoursesModule .browseCourseBtn {
        position: absolute;
        right: 40px;
        top: 58px
    }

    .increaseWidth .relatedCoursesModule .browseCourseBtn {
        right: 15px
    }
}

@media only screen and (min-width: 1366px) {
    .relatedCoursesModule .container {
        padding-right: 67px
    }

    .relatedCoursesModule .browseCourseBtn {
        position: absolute;
        right: 83px;
        top: 58px
    }
}

.subTeaserModule {
    position: relative;
    background-color: #eee;
    display: block
}

.subTeaserLayout1 {
    padding-top: 15px
}

.btnStaffDirectory.btn {
    font-size: 1.5rem;
    line-height: 1.75rem;
    margin-bottom: 15px;
    font-weight: 300;
    padding: 11px 20px 11px 20px;
    min-height: 50px;
    width: 100%;
    background-size: 50px 50px
}

@media only screen and (min-width: 768px) {
    .subTeaserModule .heading3 {
        padding-bottom: 10px
    }

    .subTeaserLayout1 {
        padding-top: 20px
    }

        .subTeaserLayout1 .teaser_V7Component {
            width: 32%;
            float: left;
            margin-right: 2%
        }

            .subTeaserLayout1 .teaser_V7Component:nth-child(3n) {
                margin-right: 0%;
                display: block
            }

        .subTeaserLayout1 .teaser_V7Component {
            margin-bottom: 15px
        }

            .subTeaserLayout1 .teaser_V7Component .textArea {
                min-height: 220px
            }

    .subTeaserLayout3 {
        padding-top: 20px
    }

        .subTeaserLayout3 .teaser_V7Component {
            width: 49%;
            float: left;
            margin-right: 2%
        }

            .subTeaserLayout3 .teaser_V7Component:nth-child(2n) {
                margin-right: 0%;
                display: block
            }

        .subTeaserLayout3 .teaser_V7Component {
            margin-bottom: 15px
        }
}

@media only screen and (min-width: 1280px) {
    .subTeaserLayout1 .teaser_V7Component {
        margin-bottom: 15px
    }

    .subTeaserLayout1 .teaser_V7Component {
        width: 32.65%;
        float: left;
        margin-right: 1%
    }

    .subTeaserLayout3 {
        padding-top: 15px
    }

        .subTeaserLayout3 .teaser_V7Component:nth-child(2n), .subTeaserLayout3 .teaser_V7Component {
            width: 24.25%;
            float: left;
            margin-right: 1%
        }

            .subTeaserLayout3 .teaser_V7Component:nth-child(4n) {
                margin-right: 0%;
                display: block
            }

        .subTeaserLayout3 .teaser_V7Component {
            margin-bottom: 15px
        }

    .staffContctModule > div {
        width: 49.5%;
        float: left;
        margin-right: 1%
    }

        .staffContctModule > div:nth-child(2n) {
            margin-right: 0%;
            display: block
        }

    .subTeaserLayout1 .teaser_V7Component .textArea {
        min-height: 160px
    }
}

.accommodationTeaserModule {
    position: relative;
    background-color: #eee
}

.accommodationLayout1 {
    padding-top: 10px
}

    .accommodationLayout1 .teaser_V4Component:first-child {
        display: block
    }

.accommodationTeasersContainer {
    margin-top: 8px;
    border-top: solid 1px #eb641e
}

@media only screen and (min-width: 768px) {
    .accommodationLayout1 {
        padding-top: 1px
    }

        .accommodationLayout1 .teaser_V4Component {
            width: 49%;
            float: left;
            margin-right: 2%
        }

            .accommodationLayout1 .teaser_V4Component:nth-child(2n) {
                margin-right: 0%;
                display: block
            }

    .accommodationTeasersLayout1 .teaser_V5Component {
        width: 32%;
        float: left;
        margin-right: 2%
    }

        .accommodationTeasersLayout1 .teaser_V5Component:last-child {
            margin-right: 0%
        }

    .accommodationTeasersLayout2 .teaser_V5Component {
        width: 49%;
        float: left;
        margin-right: 2%
    }

        .accommodationTeasersLayout2 .teaser_V5Component:nth-child(2n) {
            margin-right: 0%
        }

    .accommodationTeasersContainer > p, .accommodationTeasersContainer .introText {
        padding-bottom: 40px
    }
}

@media only screen and (min-width: 1280px) {
    .accommodationTeasersLayout2 .teaser_V5Component, .accommodationTeasersLayout2 .teaser_V5Component:nth-child(2n) {
        width: 23.5%;
        float: left;
        margin-right: 2%
    }

        .accommodationTeasersLayout2 .teaser_V5Component:last-child {
            margin-right: 0%
        }
}

.researchHero {
    background-color: #fff;
    position: relative;
    border-bottom: 5px solid
}

    .researchHero .container {
        position: relative;
        min-height: 216px
    }

    .researchHero .reseachTextArea {
        position: absolute;
        display: block;
        bottom: 25px
    }

    .researchHero .heading3 {
        color: #000;
        font-weight: 600;
        padding-bottom: 0;
        display: inline-block;
        width: 240px
    }

    .researchHero.management {
        border-color: #9857ae
    }

    .researchHero.science {
        border-color: #00a648
    }

    .researchHero.literatures {
        border-color: #d72d2d
    }

.researchHero {
    border-color: #eb641e
}

@media only screen and (min-width: 768px) {
    .researchHero .heading3 {
        width: 600px;
        bottom: 27px
    }
}

@media only screen and (min-width: 1280px) {
    .researchHero .heading3 {
        width: 688px
    }

    .researchHero .reseachTextArea {
        bottom: 35px
    }
}

.newsHero.management {
    border-color: #9857ae
}

.newsHero.science {
    border-color: #00a648
}

.newsHero.literatures {
    border-color: #d72d2d
}

.newsHero {
    background-color: #202a30;
    position: relative;
    border-bottom: 5px solid #eb641e
}

    .newsHero .container {
        position: relative;
        min-height: 216px
    }

    .newsHero .newTextArea {
        position: absolute;
        display: block;
        bottom: 25px
    }

    .newsHero .heading3 {
        color: #fff;
        font-weight: 600;
        padding-bottom: 0;
        display: inline-block;
        width: 280px
    }

@media only screen and (min-width: 768px) {
    .newsHero .heading3 {
        width: 640px;
        bottom: 27px
    }
}

@media only screen and (min-width: 1280px) {
    .newsHero .heading3 {
        width: 900px
    }

    .newsHero .newTextArea {
        bottom: 35px
    }
}

.eventsHero .container {
    position: relative;
    min-height: 221px
}

.eventsHero .eventsTextArea {
    position: absolute;
    display: block;
    width: auto;
    bottom: 0
}

.eventsHero .heading3 {
    color: #fff;
    font-weight: 600;
    display: block;
    width: 240px;
    padding-bottom: 22px
}

.eventsHero .ticketBtn {
    display: block;
    width: 290px;
    margin-bottom: 20px
}

.eventsHero.management {
    background-color: #9857ae
}

.eventsHero.science {
    background-color: #00a648
}

.eventsHero.literatures {
    background-color: #d72d2d
}

.eventsHero {
    background-color: #eb641e
}

@media only screen and (min-width: 768px) {
    .eventsHero .heading3 {
        width: 600px
    }

    .eventsHero .ticketBtn {
        margin-bottom: 30px
    }
}

@media only screen and (min-width: 1280px) {
    .eventsHero .heading3 {
        width: 740px
    }

    .eventsHero .ticketBtn {
        margin-bottom: 40px
    }
}

.eventDetailModule h4 {
    padding-bottom: 10px !important
}

.eventDetailModule table {
    border-collapse: collapse;
    background: #fff;
    width: 90%;
    margin-bottom: 30px;
    height: auto
}

    .eventDetailModule table td, .eventDetailModule table th {
        padding: 10px 14px 12px 14px;
        border-spacing: 2px;
        border: 1px solid #fff;
        border-collapse: collapse;
        text-align: left;
        font-weight: 400;
        vertical-align: middle
    }

    .eventDetailModule table td {
        width: auto
    }

    .eventDetailModule table th {
        background-color: #eee
    }

.eventDetailModule tr:nth-child(even), .eventDetailModule tr:nth-child(odd) {
    background: #fff
}

.scheduleComponent {
    margin-bottom: 20px
}

@media only screen and (min-width: 768px) {
    .furtherDetailsComponent {
        padding-bottom: 30px
    }

    .furtherDetailsWrapper {
        float: left;
        width: 50%
    }

    .ticketsComponent .btn {
        width: 100%;
        margin-top: 15px;
        margin-bottom: 0
    }

    .scheduleComponent {
        width: 50%;
        float: left
    }

    .eventDetailModule table {
        margin-bottom: 0
    }
}

.featureHero .featureTextArea.management {
    border-color: #9857ae
}

.featureHero .featureTextArea.science {
    border-color: #00a648
}

.featureHero .featureTextArea.literatures {
    border-color: #d72d2d
}

.featureHero .featureTextArea.general {
    border-color: #eb641e
}

.featureHero {
    overflow: hidden
}

    .featureHero .wrapHero {
        background-color: #202a30;
        position: relative;
        height: 400px;
        margin-bottom: 210px
    }

    .featureHero .setWidth {
        background-color: #fff;
        color: #fff;
        position: relative
    }

        .featureHero .setWidth .featureHeroCarousel {
            position: relative
        }

        .featureHero .setWidth .item {
            height: 400px;
            background-size: cover;
            background-repeat: no-repeat !important;
            background-position: center center;
            margin-bottom: 190px;
            position: relative
        }

            .featureHero .setWidth .item::before {
                content: '';
                position: absolute;
                z-index: 1;
                height: 100%;
                width: 100%;
                background-color: #000;
                clear: both;
                top: 0;
                right: 0;
                margin-left: 0;
                -webkit-opacity: .3;
                -moz-opacity: .3;
                opacity: .3
            }

        .featureHero .setWidth .container {
            position: relative;
            z-index: 1
        }

    .featureHero .featureTextArea {
        position: relative;
        background-color: #eee;
        height: 350px;
        color: #202a30;
        padding: 27px 20px;
        z-index: 9999;
        text-align: center;
        top: 225px;
        border-bottom: 5px solid #eee
    }

        .featureHero .featureTextArea .btnComponents {
            top: 0;
            right: 0;
            z-index: 999;
            position: absolute
        }

.featureTextArea h2 {
    font-size: .875rem;
    line-height: 1.125rem;
    font-weight: 700;
    padding-bottom: 20px
}

.featureTextArea h3 {
    padding-bottom: 35px
}

.featureHero .setWidth .featureHeroCarousel .slick-dots {
    bottom: 40px
}

@media only screen and (min-width: 768px) {
    .featureHero {
        margin-bottom: 40px
    }

        .featureHero .wrapHero {
            margin-bottom: 150px;
            height: 500px
        }

        .featureHero .setWidth .item {
            margin-bottom: 165px;
            height: 500px
        }

        .featureHero .setWidth .featureHeroCarousel .slick-dots {
            bottom: 35px
        }

        .featureHero .featureTextArea {
            height: 295px;
            padding: 37px 40px;
            top: 355px
        }
}

@media only screen and (min-width: 1280px) {
    .featureHero .wrapHero {
        margin-bottom: 165px
    }
}

@media only screen and (min-width: 1366px) {
    .featureHero .setWidth {
        width: 100%;
        max-width: 1366px;
        margin: 0 auto
    }
}

.featureTeaserModule {
    position: relative;
    background-color: #fff
}

.featureLayout1 {
    padding-top: 10px
}

    .featureLayout1 .teaser_V4Component:first-child {
        display: block
    }

.featureLayout2 {
    padding-top: 10px
}

    .featureLayout2 .videoTeaserComponent:first-child {
        display: block
    }

@media only screen and (min-width: 768px) {
    .featureLayout1 {
        padding-top: 1px
    }

        .featureLayout1 .teaser_V4Component {
            width: 32.66%;
            float: left;
            margin-right: 1%
        }

            .featureLayout1 .teaser_V4Component:nth-child(3n) {
                margin-right: 0%;
                display: block
            }

    .featureLayout2 {
        padding-top: 1px
    }

        .featureLayout2 .videoTeaserComponent {
            width: 32.66%;
            float: left;
            margin-right: 1%
        }

            .featureLayout2 .videoTeaserComponent:nth-child(3n) {
                margin-right: 0%;
                display: block
            }
}

.news_Component.management {
    border-color: #9857ae
}

.news_Component.science {
    border-color: #00a648
}

.news_Component.literatures {
    border-color: #d72d2d
}

.news_Component.general {
    border-color: #eb641e
}

.news_Component {
    position: relative;
    background-color: #eee;
    padding: 16px 20px 25px 20px;
    border-bottom: 5px solid #eee;
    margin-bottom: 15px
}

    .news_Component .btnComponents {
        top: 0;
        right: 0;
        z-index: 999;
        position: absolute
    }

    .news_Component a .textArea {
        color: #202a30
    }

    .news_Component .textArea {
        padding: 0
    }

.title {
    font-size: .875rem;
    line-height: 1.125rem;
    font-weight: 700;
    padding-bottom: 18px;
    display: inline-block
}

.news_Component .detailsList {
    list-style: none;
    padding: 0 0 20px 0;
    margin: 0
}

    .news_Component .detailsList li {
        font-size: .875rem;
        line-height: 1.125rem
    }

.news_Component a .textArea p {
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 300
}

@media only screen and (min-width: 768px) {
    .news_Component {
        min-height: 344px
    }

        .news_Component a .textArea p {
            font-size: 1.25rem;
            line-height: 1.5rem;
            height: 96px
        }

    .title {
        padding-bottom: 30px
    }

    .news_Component .heading3 {
        padding-bottom: 20px;
        min-height: 92px
    }

    .news_Component .detailsList {
        padding-bottom: 45px
    }
}

@media only screen and (min-width: 1280px) {
    .news_Component {
        min-height: 364px
    }

        .news_Component a .textArea p {
            font-size: 1.5rem;
            line-height: 1.75rem;
            height: 84px
        }

    .title {
        padding-bottom: 35px
    }

    .news_Component .heading3 {
        padding-bottom: 20px;
        min-height: 116px
    }

    .news_Component .detailsList {
        padding-bottom: 25px
    }
}

.newsModule {
    position: relative
}

.increaseWidth .newsModule {
    top: -20px
}

@media only screen and (min-width: 768px) {
    .newsModule .news_Component {
        width: 49%;
        float: left;
        margin-right: 2%
    }

        .newsModule .news_Component:nth-child(2n) {
            margin-right: 0%
        }

    .increaseWidth .newsModule {
        top: -30px
    }
}

@media only screen and (min-width: 1280px) {
    .newsModule .news_Component {
        width: 49.5%;
        float: left;
        margin-right: 1%
    }

        .newsModule .news_Component:nth-child(2n) {
            margin-right: 0%
        }

    .increaseWidth .newsModule {
        top: -40px
    }
}

.searchModule h2 {
    padding-bottom: 15px
}

.searchIndex ul {
    margin: 0;
    padding: 0
}

    .searchIndex ul li {
        list-style: none;
        margin: 0;
        padding: 0;
        display: inline-block;
        position: relative;
        width: 40px
    }

        .searchIndex ul li a {
            text-transform: uppercase;
            line-height: 2.5rem;
            color: #202a30;
            text-align: left;
            display: inline-block;
            cursor: default
        }

            .searchIndex ul li a.current, .searchIndex ul li a.data {
                font-weight: 700;
                cursor: pointer
            }

                .searchIndex ul li a.current:before {
                    content: '';
                    clear: both;
                    width: 12px;
                    height: 4px;
                    background-color: #eb641e;
                    position: absolute;
                    bottom: 5px;
                    left: 0
                }

.paginationComponent {
    text-align: center;
    clear: both
}

    .paginationComponent ul {
        margin: 0;
        padding: 0
    }

        .paginationComponent ul li {
            list-style: none;
            margin: 0;
            padding: 0 3px 15px;
            display: inline-block
        }

            .paginationComponent ul li a.prev span:before {
                content: '.';
                clear: both;
                position: absolute;
                top: 13px;
                left: 0;
                width: 5px;
                height: 6px;
                border-right: 6px solid #eb641e;
                border-top: 5px solid transparent;
                border-bottom: 5px solid transparent;
                display: block
            }

            .paginationComponent ul li a.next span:before {
                content: '.';
                clear: both;
                position: absolute;
                top: 13px;
                left: 0;
                width: 5px;
                height: 6px;
                border-left: 6px solid #eb641e;
                border-top: 5px solid transparent;
                border-bottom: 5px solid transparent;
                display: block
            }

            .paginationComponent ul li a span {
                font-size: 0;
                color: #fff;
                display: inline-block
            }

            .paginationComponent ul li a.prev, .paginationComponent ul li a.next {
                width: 10px;
                border: none !important;
                padding: 8px 0 5px 0;
                position: relative
            }

            .paginationComponent ul li a.previous {
                text-align: left
            }

            .paginationComponent ul li a.next {
                text-align: right
            }

            .paginationComponent ul li a {
                width: 40px;
                height: 40px;
                border: solid 1px silver;
                text-align: center;
                color: #202a30;
                display: inline-block;
                cursor: pointer;
                font-weight: 600;
                padding: 8px 0 5px 0
            }

                .paginationComponent ul li a:focus, .paginationComponent ul li a:active, .paginationComponent ul li a.current {
                    border: solid 1px #eb641e;
                    cursor: default
                }

.resultsDisplayed {
    padding-bottom: 20px
}

.resultsModule {
    padding-bottom: 100px;
    clear: both
}

    .resultsModule .itemResult {
        border-top: solid 2px #eee
    }

        .resultsModule .itemResult a {
            padding: 16px 0 15px 0;
            color: #202a30;
            display: inline-block
        }

            .resultsModule .itemResult a p {
                padding: 0
            }

    .resultsModule .cardView > div {
        overflow: hidden;
        min-height: 120px
    }

@media only screen and (min-width: 767px) {
    .searchModule h1 {
        padding-top: 0;
        padding-bottom: 25px
    }

    .resultsModule .textView {
        width: 688px
    }

    .resultsModule .itemResult a {
        padding: 20px 0 19px 0
    }

    .paginationComponent {
        text-align: left
    }
}

@media only screen and (min-width: 1280px) {
    .searchModule {
        margin-top: 35px
    }

        .searchModule h1 {
            padding-bottom: 60px
        }

    .resultsModule .cardView > div {
        width: 32%;
        display: block;
        white-space: normal;
        margin-right: 2%;
        float: left;
        height: 416px
    }

        .resultsModule .cardView > div:nth-child(3n) {
            margin-right: 0%
        }

        .resultsModule .cardView > div.courseComponent, .resultsModule .cardView > div.courseNoImageComponent {
            height: 220px
        }
}

.cardView .courseComponent .mediaComponent, .cardView .courseNoImageComponent .mediaComponent {
    display: none
}

html {
    min-height: 100%;
    position: relative
}

body {
    height: 100%
}

    body.home {
        overflow-y: hidden
    }

#footerWrapper {
    position: absolute;
    top: 100%;
    width: 100%;
    display: none
}

body.error .pageToolBarComponent, body.home .pageToolBarComponent {
    background-color: transparent;
    z-index: 3
}

    body.home .pageToolBarComponent, body.home .pageToolBarComponent .container {
        height: 0
    }

        body.home .pageToolBarComponent.searchOpen, body.home .pageToolBarComponent.searchOpen .container {
            height: 50px
        }

body.error .pageWrap {
    background-color: #fff
}

body.error .pageToolBarComponent .btnComponents .btn-reset:first-child, body.home .pageToolBarComponent .btnComponents .btn-reset:first-child {
    margin-right: 0
}

body.error .pageToolBarComponent .btnComponents, body.home .pageToolBarComponent .btnComponents {
    padding-left: 0
}

body.error .pageToolBarComponent h1:after {
    display: none
}

body.home .sliderModule {
    position: absolute;
    top: 80px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 1
}

    body.home .sliderModule .sliderContainer {
        position: relative;
        width: 100%;
        height: 100%;
        bottom: 0;
        left: 0;
        right: 0;
        top: 0;
        overflow: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch
    }

#slide1 {
    z-index: 10;
    background-color: #000
}

#slide2 {
    z-index: 9;
    background-color: #222
}

#slide3 {
    z-index: 8;
    background-color: #444
}

#slide4 {
    z-index: 7;
    background-color: #666
}

#slide5 {
    z-index: 6;
    background-color: #888
}

#slide6 {
    z-index: 5;
    background-color: #aaa
}

body.home .mainSlide {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    background-color: #000;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    overflow: hidden
}

    body.home .mainSlide .tint {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: url('../images/tint.png') transparent
    }

    body.home .mainSlide .bgvid {
        position: absolute;
        min-width: 100%;
        min-height: 100%;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: -1
    }

    body.home .mainSlide h1 {
        color: #fff;
        font-size: 1.875rem;
        line-height: 2.35rem;
        padding-bottom: 30px;
        padding-right: 0
    }

        body.home .mainSlide h1 a {
            color: #fff
        }

    body.home .mainSlide .container {
        position: relative;
        top: 40%;
        left: 0%;
        transform: translate(0%,-50%);
        z-index: 100
    }

    body.home .mainSlide .innerContent {
        height: 160px
    }

    body.home .mainSlide .scrollBtn {
        width: 84px;
        height: 101px;
        opacity: .5;
        font-size: 1.875rem;
        text-align: center;
        color: #fff;
        vertical-align: top;
        margin: 0;
        padding: 0;
        display: inline-block;
        cursor: pointer;
        position: absolute;
        bottom: 3%;
        left: 50%;
        margin-left: -42px;
        z-index: 9999999;
        background-color: transparent;
        cursor: pointer;
        transition: -webkit-transform 1.5s cubic-bezier(.21,.6,.35,1);
        transition: transform 1.5s cubic-bezier(.21,.6,.35,1);
        transition: transform 1.5s cubic-bezier(.21,.6,.35,1),-webkit-transform 1.5s cubic-bezier(.21,.6,.35,1);
        -webkit-animation: slideUpDown 1.5s infinite;
        animation: slideUpDown 1.5s infinite
    }

    body.home .mainSlide .btnSet .scrollBtn {
        margin-left: -84px;
        animation: none
    }

        body.home .mainSlide .btnSet .scrollBtn.icon-arrow-up {
            margin-left: 0
        }

    body.home .mainSlide .btnSet.singleSwitch .scrollBtn.icon-arrow-up {
        margin-left: -42px
    }

.carouselComponent2 .textArea .heading3 {
    font-size: 1rem;
    line-height: 1.5rem
}

@keyframes slideUpDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    60% {
        -webkit-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0)
    }

    100% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

body.home .mainSlide .scrollBtn span {
    display: none
}

@media only screen and (min-width: 768px) {
    body.home .mainSlide .container {
        top: 38.5%
    }

    body.home .mainSlide .innerContent {
        height: 350px
    }

    body.home .mainSlide h1 {
        font-size: 3.625rem;
        line-height: 5.25rem;
        padding-bottom: 20px;
        padding-right: 0;
        text-align: left
    }

    body.home .mainSlide .scrollBtn {
        margin-left: -35px;
        height: 108px;
        font-size: 4.375rem
    }

    body.home .mainSlide .btnSet .scrollBtn {
        margin-left: -104px
    }

        body.home .mainSlide .btnSet .scrollBtn.icon-arrow-up {
            margin-left: 20px
        }

    body.home .mainSlide .btnSet.singleSwitch .scrollBtn.icon-arrow-up {
        margin-left: -42px
    }
}

@media only screen and (min-width: 1280px) {
    body.home .mainSlide .container {
        top: 45%
    }

        body.home .mainSlide .container.container-top-adjustment {
            top: 40%
        }

    body.home .mainSlide .innerContent {
        height: 380px
    }

    body.home .mainSlide h1 {
        font-size: 4.375rem;
        line-height: 6rem;
        padding-bottom: 30px;
        text-align: center
    }

    body.home .mainSlide .scrollBtn {
        margin-left: -42px;
        height: 108px;
        font-size: 5rem
    }
}

body.home #slide1 {
    display: block
}

body.home .slideStyle1 h1 {
    display: block;
    text-align: left;
    padding-bottom: 10px
}

    body.home .slideStyle1 h1 span {
        display: block;
        font-weight: 700
    }

.plyBtn span:before {
    width: 50px;
    height: 50px;
    background-color: #eb641e;
    display: block;
    content: '';
    clear: both;
    display: inline-block;
    position: absolute;
    top: 9px;
    left: 0
}

.plyBtn span:after {
    content: '';
    clear: both;
    width: 15px;
    height: 15px;
    border-left: 15px solid #fff;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    display: inline-block;
    top: 22px;
    left: 18px;
    position: absolute
}

.plyBtn {
    position: relative;
    height: 65px;
    line-height: 65px;
    margin: 0;
    padding: 0;
    display: block;
    cursor: pointer;
    z-index: 9999999
}

a.plyBtn.mobileUp {
    display: block
}

a.plyBtn.desktop1280 {
    display: none
}

a.plyBtn span {
    font-size: 1.5rem;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    line-height: 28px;
    margin: 0;
    padding: 0;
    padding-left: 70px
}

@media only screen and (min-width: 768px) {
    .slideStyle1 h1 {
        padding-bottom: 20px
    }
}

@media only screen and (min-width: 1280px) {
    a.plyBtn.mobileUp {
        display: none
    }

    a.plyBtn.desktop1280 {
        display: block
    }
}

.slideStyle2 .desktop {
    display: none
}

.slideStyle2 .mobile {
    display: block
}

.slideStyle2 .carouselComponent {
    display: block;
    width: 100%;
    min-height: 140px;
    background-color: #eee;
    text-align: left
}

    .slideStyle2 .carouselComponent p {
        font-size: 1rem;
        line-height: 1.38rem;
        color: #202a30
    }

    .slideStyle2 .carouselComponent .slick-dots {
        bottom: -30px
    }

.slideStyle2 .newsEventSlideComponent {
    display: block;
    box-sizing: border-box;
    padding: 15px 20px 0 20px
}

    .slideStyle2 .newsEventSlideComponent .heading3 {
        font-size: 1.5rem;
        font-weight: 300;
        line-height: 1.17;
        color: #202a30;
        padding-bottom: 10px
    }

@media only screen and (min-width: 768px) {
    .slideStyle2 .desktop {
        display: block
    }

    .slideStyle2 .mobile {
        display: none
    }

    .slideStyle2 .newsEventComponent {
        display: block;
        width: 596px;
        min-height: 100px;
        background-color: #eee;
        text-align: left;
        padding: 12px 20px 0 20px;
        margin-bottom: 20px
    }

        .slideStyle2 .newsEventComponent .heading3 {
            font-size: 1.875rem;
            font-weight: 300;
            line-height: 2.25rem;
            color: #202a30;
            padding-bottom: 10px
        }

        .slideStyle2 .newsEventComponent p {
            font-size: 1.25rem;
            line-height: 1.5rem;
            color: #202a30;
            font-weight: 300
        }
}

@media only screen and (min-width: 1280px) {
    .slideStyle2 .desktop.desktop-flex {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: stretch;
        -moz-box-align: stretch;
        -ms-flex-align: stretch;
        -webkit-align-items: stretch;
        align-items: stretch
    }

    .slideStyle2 .newsEventComponent {
        display: block;
        width: 32.6%;
        float: left;
        margin-right: 1%;
        padding: 20px 20px 0 20px
    }

        .slideStyle2 .newsEventComponent .heading3 {
            font-size: 2.5rem;
            line-height: 3rem;
            padding-bottom: 38px
        }

        .slideStyle2 .newsEventComponent p {
            font-size: 1.5rem;
            line-height: 1.65rem
        }

        .slideStyle2 .newsEventComponent:last-child {
            margin-right: 0%
        }
}

.slideStyle3 .container {
    top: 50%
}

.slideStyle3 h1 {
    padding-bottom: 15px
}

@media only screen and (min-width: 768px) {
    .slideStyle3 .container {
        top: 45%
    }

    .slideStyle3 h1 {
        padding-bottom: 20px
    }

    .slideStyle3 .innerContent {
        height: 100px
    }
}

@media only screen and (min-width: 1280px) {
    .slideStyle3 .innerContent {
        height: 120px
    }
}

.slideStyle4 .innerContent .mobile {
    display: block
}

.slideStyle4 .innerContent .desktop {
    display: none
}

.slideStyle4 .innerContent a.btn {
    margin-bottom: 20px
}

@media only screen and (min-width: 768px) {
    .slideStyle4 .innerContent .mobile {
        display: none
    }

    .slideStyle4 .innerContent .desktop {
        display: block
    }

        .slideStyle4 .innerContent .desktop > div {
            width: 32.6%;
            float: left;
            margin-right: 1.1%
        }

            .slideStyle4 .innerContent .desktop > div:nth-child(3n) {
                margin-right: 0%;
                display: block
            }
}

.slideStyle5 .desktop {
    display: none
}

.slideStyle5 .mobile {
    display: block
}

.slideStyle5 .carouselComponent {
    display: block;
    width: 100%;
    min-height: 140px;
    background-color: #eee;
    text-align: left
}

    .slideStyle5 .carouselComponent p {
        font-size: 1rem;
        line-height: 1.38rem;
        color: #202a30
    }

    .slideStyle5 .carouselComponent .slick-dots {
        bottom: -30px
    }

.slideStyle5 .newsEventSlideComponent {
    display: block;
    box-sizing: border-box;
    padding: 15px 20px 0 20px
}

    .slideStyle5 .newsEventSlideComponent .heading3 {
        font-size: 1.5rem;
        font-weight: 300;
        line-height: 1.17;
        color: #202a30;
        padding-bottom: 10px
    }

.slideStyle5 .news_Component {
    padding: 16px 20px 25px 20px;
    margin-bottom: 15px
}

@media only screen and (min-width: 768px) {
    .slideStyle5 .desktop {
        display: block
    }

    .slideStyle5 .mobile {
        display: none
    }

    .slideStyle5 .news_Component {
        display: inline-table;
        width: 49%;
        min-height: 450px;
        background-color: #eee;
        text-align: left;
        padding: 12px 20px 0 20px;
        margin-bottom: 20px
    }

        .slideStyle5 .news_Component .heading3 {
            font-size: 1.5rem;
            line-height: 2rem;
            color: #202a30
        }

        .slideStyle5 .news_Component a p {
            font-size: 1rem;
            line-height: 1.5rem;
            color: #202a30
        }

    .slideStyle5 .title, .slideStyle5 .detailsList {
        color: #202a30
    }

    .slideStyle5 .news_Component:last-child {
        margin-right: 0%;
        display: none
    }
}

@media only screen and (min-width: 1280px) {
    .slideStyle5 .desktop.desktop-flex {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: stretch;
        -moz-box-align: stretch;
        -ms-flex-align: stretch;
        -webkit-align-items: stretch;
        align-items: stretch
    }

    .slideStyle5 .news_Component {
        display: block;
        width: 32.6%;
        float: left;
        margin-right: 1%;
        padding: 20px 20px 0 20px
    }

        .slideStyle5 .news_Component .heading3 {
            font-size: 1.5rem;
            line-height: 2rem;
            padding-bottom: 38px
        }

        .slideStyle5 .news_Component p {
            font-size: 1.5rem;
            line-height: 1.65rem
        }

        .slideStyle5 .news_Component:last-child {
            margin-right: 0%;
            display: block
        }
}

.timeline {
    margin-bottom: 30px
}

.searchBox {
    display: none;
    position: relative;
    background-color: #4d5559;
    width: 100%;
    min-height: 250px;
    padding: 50px 0 30px;
    margin-top: -50px;
    z-index: 2
}

    .searchBox h2 {
        color: #fff;
        font-size: 1rem;
        font-weight: 700;
        text-transform: uppercase;
        line-height: 1.25rem;
        padding: 0
    }

    .searchBox table.gsc-search-box, .searchPageBox table.gsc-search-box {
        padding: 0
    }

    .searchBox .gsc-input-box, .searchPageBox .gsc-input-box {
        border: none;
        box-shadow: none;
        background: transparent;
        height: auto;
        padding: 10px 0
    }

    .searchBox .gsc-search-box-tools .gsc-search-box .gsc-input {
        padding-right: 0;
        background-color: transparent
    }

    .searchBox table.gsc-search-box {
        border-bottom: 1px solid silver
    }

    .searchBox .gsib_a {
        padding: 0
    }

    .searchBox .gsib_b, .searchPageBox .gsib_b {
        background-color: transparent;
        display: none
    }

    .searchBox .gsc-control-searchbox-only {
        max-width: 790px
    }

    .searchBox input[type=text], .searchBox input[type=text]:focus {
        color: #fff !important;
        background-color: transparent !important;
        border: none;
        outline: none;
        font-family: inherit;
        border: none;
        padding: 8px;
        font-size: 1.875rem;
        font-style: normal;
        font-weight: 300;
        color: #202a30;
        line-height: 120%;
        height: auto !important
    }

@media only screen and (min-width: 768px) {
    .searchBox input[type=text], .searchBox input[type=text]:focus {
        font-size: 2.5rem
    }
}

@media only screen and (min-width: 1280px) {
    .searchBox {
        padding: 50px 0 50px;
        min-height: 295px
    }

        .searchBox input[type=text], .searchBox input[type=text]:focus {
            font-size: 3.125rem
        }

        .searchBox h2 {
            padding: 0 0 20px
        }
}

.searchBox .gsc-search-button .gsc-search-button, .searchPageBox .gsc-search-button .gsc-search-button {
    margin-left: 0;
    border: none;
    background-color: transparent;
    background-image: none;
    filter: none;
    font-family: 'simple-line-icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    width: 44px;
    height: 50px;
    font-size: 24px;
    box-shadow: none;
    -webkit-box-shadow: none;
    cursor: pointer;
    position: relative;
    margin-top: 10px
}

.searchBox .gsc-search-button input, .searchPageBox .gsc-search-button input {
    text-indent: -9999px
}

.searchBox .gsc-search-button .gsc-search-button:hover:before, .searchBox .gsc-search-button .gsc-search-button:focus:before, .searchPageBox .gsc-search-button .gsc-search-button:hover:before, .searchPageBox .gsc-search-button .gsc-search-button:focus:before {
    color: #eb641e
}

.searchBox .gsc-search-button .gsc-search-button svg, .searchPageBox .gsc-search-button .gsc-search-button svg, .searchBox .gsc-clear-button {
    display: none
}

.searchBox .gsc-search-button .gsc-search-button:before, .searchPageBox .gsc-search-button .gsc-search-button:before {
    content: "";
    color: silver;
    position: absolute;
    top: 12px;
    left: 14px
}

.searchBox .gsst_a .gscb_a {
    color: silver
}

.searchBox .gsst_a:hover .gscb_a, .searchBox .gsst_a:focus .gscb_a {
    color: #eb641e
}

.gstl_50.gssb_c .gssb_e, .gstl_50.gssb_c .gsc-completion-container {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important
}

    .gstl_50.gssb_c .gssb_e .gsc-completion-container {
        color: silver;
        padding: 18px 0
    }

.gstl_50 .gssb_e .gsc-completion-selected {
    background: #363f44
}

.gstl_50 .gssb_a {
    padding: 0 8px 0 20px
}

    .gstl_50 .gssb_a span {
        color: #fff;
        font-weight: bold
    }

        .gstl_50 .gssb_a span b {
            color: silver;
            font-weight: normal
        }

.gstl_50 .gsc-completion-container .gsq_a {
    padding: 8px 0
}

.gstl_50 .gssb_a img {
    display: none
}

    .gstl_50 .gssb_a img + span {
        display: none
    }

.gstl_50 .gsc-clear-button div.gsc-clear-button {
    display: block
}

.searchBox .facetedSearchresults {
    margin-top: 220px;
    display: none
}

.facetedSearchresults h2 {
    font-size: 1rem;
    font-weight: bold;
    text-transform: uppercase
}

.searchBox .facetedSearchresults h2 {
    color: #fff
}

@media only screen and (min-width: 768px) {
    .searchPageBox .gsc-search-button .gsc-search-button {
        margin-top: 22px
    }

    .facetedSearchresults .facetedCol1, .facetedSearchresults .facetedCol2 {
        width: 50%;
        float: left
    }

    .facetedSearchresults .textItem {
        padding-right: 15px
    }

    .facetedSearchresults .facetedCol3 {
        width: 100%
    }

        .facetedSearchresults .facetedCol3 .courseDetailsComponent {
            float: left;
            width: 48.5%;
            margin-right: 1.5%
        }

    .searchBox .facetedSearchresults .facetedCol3 .courseDetailsComponent {
        width: 100%;
        margin-right: 0
    }

    .searchPageFaceted .facetedSearchresults .facetedCol3 .courseDetailsComponent:nth-child(even) {
        float: right;
        margin-left: 1.5%;
        margin-right: 0
    }
}

@media only screen and (min-width: 1280px) {
    .searchBox .gsc-search-button .gsc-search-button {
        margin-top: 22px
    }

    .searchPageBox .gsc-search-button .gsc-search-button {
        margin-top: 32px
    }

    .searchBox .facetedSearchresults {
        display: block
    }

    .searchPageBox .facetedSearchresults .facetedCol3 .courseDetailsComponent {
        float: left;
        width: 48.5%;
        margin-right: 1.5%
    }

    .facetedSearchresults .facetedCol1, .facetedSearchresults .facetedCol2 {
        width: 400px;
        float: left
    }

    .facetedSearchresults .facetedCol3 {
        width: 380px;
        float: right
    }

        .facetedSearchresults .facetedCol3 .courseDetailsComponent {
            width: 100%;
            margin-right: 0
        }

            .facetedSearchresults .facetedCol3 .courseDetailsComponent:nth-child(even) {
                float: none;
                width: 100%;
                margin-left: 0
            }

    .searchPageFaceted .facetedCol3 .courseDetailsComponent:nth-child(even) {
        float: right;
        margin-left: 1.5%;
        margin-right: 0
    }
}

.newsEventItem {
    margin-bottom: 22px
}

    .newsEventItem .mediaComponent {
        width: 47.25%;
        padding-top: 26.25%;
        float: left
    }

        .newsEventItem .mediaComponent.fa {
            background-color: #fff
        }

            .newsEventItem .mediaComponent.fa:before {
                position: absolute;
                display: block;
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%,-50%);
                -ms-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%);
                font-size: 40px
            }

    .newsEventItem.general .mediaComponent.fa {
        border: 1px solid #eb641e
    }

        .newsEventItem.general .mediaComponent.fa:before {
            color: #eb641e
        }

    .newsEventItem.science .mediaComponent.fa {
        border: 1px solid #00a648
    }

        .newsEventItem.science .mediaComponent.fa:before {
            color: #00a648
        }

    .newsEventItem.literatures .mediaComponent.fa {
        border: 1px solid #d72d2d
    }

        .newsEventItem.literatures .mediaComponent.fa:before {
            color: #d72d2d
        }

    .newsEventItem.management .mediaComponent.fa {
        border: 1px solid #9857ae
    }

        .newsEventItem.management .mediaComponent.fa:before {
            color: #9857ae
        }

    .newsEventItem h3 {
        font-size: 1rem;
        line-height: 1rem;
        font-weight: bold;
        padding-bottom: 4px
    }

    .newsEventItem p {
        font-size: 1rem;
        padding-bottom: 0;
        line-height: 1.25rem
    }

    .newsEventItem .textItem {
        float: right;
        width: 47.5%
    }

.searchBox .newsEventItem p, .searchBox .newsEventItem h3 {
    color: #fff
}

.searchPageFaceted .newsEventItem p, .searchPageFaceted .newsEventItem h3 {
    color: #000
}

.searchPageBox {
    max-width: 790px
}

    .searchPageBox table.gsc-search-box {
        border-bottom: 1px solid silver
    }

    .searchPageBox form.gsc-search-box {
        padding: 0;
        margin-bottom: 0
    }

    .searchPageBox input.gsc-input {
        font-family: inherit;
        border: none;
        padding: 8px;
        font-size: 1.875rem;
        font-style: normal;
        font-weight: 300;
        color: #202a30;
        line-height: 130%;
        height: auto
    }

    .searchPageBox .gsc-clear-button {
        display: none
    }

@media only screen and (min-width: 768px) {
    .searchPageBox input.gsc-input {
        font-size: 2.5rem;
        padding: 12px
    }
}

@media only screen and (min-width: 1280px) {
    .searchPageBox input.gsc-input {
        font-size: 3.125rem
    }

    .searchPageBox {
        max-width: 790px;
        width: 100%
    }
}

.searchPageBox .gsc-refinementsArea {
    margin: 30px 0 10px;
    float: right;
    clear: both;
    padding-left: 0;
    border: none;
    padding-bottom: 0
}

.searchPageBox .gsc-refinementHeader.gsc-refinementhInactive {
    display: inline-block;
    padding: 2px 20px;
    border: solid 1px silver;
    color: silver;
    font-size: 1rem;
    font-weight: normal;
    text-decoration: none;
    margin: 0 0 4px 2px
}

.searchPageBox .gsc-refinementHeader.gsc-refinementhActive {
    display: inline-block;
    padding: 2px 20px;
    cursor: default;
    border: solid 1px #eb641e;
    color: #000;
    font-size: 1rem;
    text-decoration: none;
    font-weight: normal;
    margin: 0 0 6px 2px
}

.searchPageBox .gsc-refinementhActive > span {
    border-bottom: none;
    padding-bottom: 0
}

.searchPageBox .gsc-refinementHeader.gsc-refinementhInactive > span:hover {
    text-decoration: none
}

.searchPageBox .gsc-control-cse {
    font-family: 'Open Sans',sans-serif;
    padding: 0;
    overflow: hidden;
    width: 100%;
    margin-bottom: 30px
}

.searchPageBox .gsc-table-cell-thumbnail {
    padding: 0 6px 0 0
}

.searchPageBox .gsc-result .gs-title, .searchPageBox .gsc-result .gs-title b {
    text-decoration: none
}

.searchPageBox .gsc-result .gs-title {
    height: auto;
    padding-bottom: 4px
}

.searchPageBox .gsc-webResult.gsc-result:hover {
    border-left: 1px solid #fff
}

.searchPageBox .gsc-selected-option-container {
    background-color: transparent;
    background-image: none;
    border: 1px solid silver;
    border-radius: 0;
    box-shadow: none;
    color: #000;
    cursor: default;
    font-size: 16px;
    font-weight: normal;
    height: 28px;
    font-size: 1rem;
    line-height: 1.625rem;
    max-width: 90%;
    min-width: 102px;
    outline: 0;
    padding: 0 28px 0 6px;
    position: relative;
    text-align: center;
    min-width: 102px;
    cursor: pointer
}

.searchPageBox .gsc-orderby-label {
    color: #000;
    font-size: .875rem;
    font-weight: bold
}

.searchPageBox .gsc-result-info {
    font-size: .875rem;
    color: #000
}

.searchPageBox .gsc-results .gsc-cursor-box .gsc-cursor-page {
    padding: 8px 10px;
    text-align: center;
    color: #000;
    border: 1px solid silver;
    margin-right: 10px;
    text-decoration: none;
    font-size: 1rem;
    width: 40px;
    height: 40px;
    display: inline-block
}

    .searchPageBox .gsc-results .gsc-cursor-box .gsc-cursor-page.gsc-cursor-current-page {
        border: 1px solid #eb641e;
        background-color: #fff;
        text-shadow: none
    }

@media only screen and (min-width: 1280px) {
    .searchPageBox {
        float: left
    }

    .searchPageFaceted {
        float: right;
        width: 360px
    }

    .searchPageFaceted {
        float: right;
        width: 360px
    }

        .searchPageFaceted .facetedSearchresults .facetedCol1, .searchPageFaceted .facetedSearchresults .facetedCol2 {
            width: 100%;
            float: none
        }

        .searchPageFaceted .facetedSearchresults .facetedCol3 {
            width: 100%;
            float: none
        }
}

.modulesAccordion-core, .modulesAccordion-optional {
    color: #0073cf;
    background-color: #fff;
    cursor: pointer;
    border: none;
    outline: none;
    transition: .4s;
    font-family: 'Open Sans',sans-serif;
    font-style: normal;
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 400;
    text-align: left;
    text-indent: -7px;
    padding-left: 15px
}

    .active, .modulesAccordion-core:hover, .modulesAccordion-optional:hover {
        color: #004b88
    }

.modulesAccordionPanel {
    padding: 0 18px;
    background-color: #fff;
    display: none;
    overflow: hidden
}

.modulesTitle {
    font-weight: 400
}

.courseModulesRemoveBullets > .removeBullets {
    list-style-type: none !important
}

.removeBullets > li:before {
    opacity: 0
}

.cc-window {
    opacity: 1;
    transition: opacity 1s ease
}

    .cc-window.cc-invisible {
        opacity: 0
    }

.cc-animate.cc-revoke {
    transition: transform 1s ease
}

    .cc-animate.cc-revoke.cc-top {
        transform: translateY(-2em)
    }

    .cc-animate.cc-revoke.cc-bottom {
        transform: translateY(2em)
    }

    .cc-animate.cc-revoke.cc-active.cc-bottom, .cc-animate.cc-revoke.cc-active.cc-top, .cc-revoke:hover {
        transform: translateY(0)
    }

.cc-grower {
    max-height: 0;
    overflow: hidden;
    transition: max-height 1s
}

.cc-link, .cc-revoke:hover {
    text-decoration: underline
}

.cc-revoke, .cc-window {
    position: fixed;
    overflow: hidden;
    box-sizing: border-box;
    font-family: Helvetica,Calibri,Arial,sans-serif;
    font-size: 16px;
    line-height: 1.5em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    z-index: 9999
}

    .cc-window.cc-static {
        position: static
    }

    .cc-window.cc-floating {
        padding: 2em;
        max-width: 24em;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .cc-window.cc-banner {
        padding: 1em 1.8em;
        width: 100%;
        -ms-flex-direction: row;
        flex-direction: row
    }

.cc-revoke {
    padding: .5em
}

.cc-header {
    font-size: 18px;
    font-weight: 700
}

.cc-btn, .cc-close, .cc-link, .cc-revoke {
    cursor: pointer
}

.cc-link {
    opacity: .8;
    display: inline-block;
    padding: .2em
}

    .cc-link:hover {
        opacity: 1
    }

    .cc-link:active, .cc-link:visited {
        color: initial
    }

.cc-btn {
    display: block;
    padding: .4em .8em;
    font-size: .9em;
    font-weight: 700;
    border-width: 2px;
    border-style: solid;
    text-align: center;
    white-space: nowrap
}

.cc-highlight .cc-btn:first-child {
    background-color: transparent;
    border-color: transparent
}

    .cc-highlight .cc-btn:first-child:focus, .cc-highlight .cc-btn:first-child:hover {
        background-color: transparent;
        text-decoration: underline
    }

.cc-close {
    display: block;
    position: absolute;
    top: .5em;
    right: .5em;
    font-size: 1.6em;
    opacity: .9;
    line-height: .75
}

    .cc-close:focus, .cc-close:hover {
        opacity: 1
    }

.cc-revoke.cc-top {
    top: 0;
    left: 3em;
    border-bottom-left-radius: .5em;
    border-bottom-right-radius: .5em
}

.cc-revoke.cc-bottom {
    bottom: 0;
    left: 3em;
    border-top-left-radius: .5em;
    border-top-right-radius: .5em
}

.cc-revoke.cc-left {
    left: 3em;
    right: unset
}

.cc-revoke.cc-right {
    right: 3em;
    left: unset
}

.cc-top {
    top: 1em
}

.cc-left {
    left: 1em
}

.cc-right {
    right: 1em
}

.cc-bottom {
    bottom: 1em
}

.cc-floating > .cc-link {
    margin-bottom: 1em
}

.cc-floating .cc-message {
    display: block;
    margin-bottom: 1em
}

.cc-window.cc-floating .cc-compliance {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.cc-window.cc-banner {
    -ms-flex-align: center;
    align-items: center
}

.cc-banner.cc-top {
    left: 0;
    right: 0;
    top: 0
}

.cc-banner.cc-bottom {
    left: 0;
    right: 0;
    bottom: 0
}

.cc-banner .cc-message {
    display: block;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: 100%;
    margin-right: 1em
}

.cc-compliance {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: justify;
    align-content: space-between
}

.cc-floating .cc-compliance > .cc-btn {
    -ms-flex: 1;
    flex: 1
}

.cc-btn + .cc-btn {
    margin-left: .5em
}

@media print {
    .cc-revoke, .cc-window {
        display: none
    }
}

@media screen and (max-width: 900px) {
    .cc-btn {
        white-space: normal
    }
}

@media screen and (max-width: 414px)and (orientation:portrait),screen and (max-width:736px)and (orientation:landscape) {
    .cc-window.cc-top {
        top: 0
    }

    .cc-window.cc-bottom {
        bottom: 0
    }

    .cc-window.cc-banner, .cc-window.cc-floating, .cc-window.cc-left, .cc-window.cc-right {
        left: 0;
        right: 0
    }

    .cc-window.cc-banner {
        -ms-flex-direction: column;
        flex-direction: column
    }

        .cc-window.cc-banner .cc-compliance {
            -ms-flex: 1 1 auto;
            flex: 1 1 auto
        }

    .cc-window.cc-floating {
        max-width: none
    }

    .cc-window .cc-message {
        margin-bottom: 1em
    }

    .cc-window.cc-banner {
        -ms-flex-align: unset;
        align-items: unset
    }

        .cc-window.cc-banner .cc-message {
            margin-right: 0
        }
}

.cc-floating.cc-theme-classic {
    padding: 1.2em;
    border-radius: 5px
}

.cc-floating.cc-type-info.cc-theme-classic .cc-compliance {
    text-align: center;
    display: inline;
    -ms-flex: none;
    flex: none
}

.cc-theme-classic .cc-btn {
    border-radius: 5px
}

    .cc-theme-classic .cc-btn:last-child {
        min-width: 140px
    }

.cc-floating.cc-type-info.cc-theme-classic .cc-btn {
    display: inline-block
}

.cc-theme-edgeless.cc-window {
    padding: 0
}

.cc-floating.cc-theme-edgeless .cc-message {
    margin: 2em 2em 1.5em
}

.cc-banner.cc-theme-edgeless .cc-btn {
    margin: 0;
    padding: .8em 1.8em;
    height: 100%
}

.cc-banner.cc-theme-edgeless .cc-message {
    margin-left: 1em
}

.cc-floating.cc-theme-edgeless .cc-btn + .cc-btn {
    margin-left: 0
}

.mob-back-top-top-btn {
    display: none
}

@media screen and (max-width: 640px) {
    .mob-back-top-top-btn {
        display: inline-block;
        position: fixed;
        bottom: 10px;
        right: 10px;
        z-index: 1000
    }

        .mob-back-top-top-btn > div {
            position: relative
        }

            .mob-back-top-top-btn > div > .fa-arrow-circle-up {
                color: #eb641e;
                font-size: 4em;
                position: absolute;
                left: 0
            }

            .mob-back-top-top-btn > div > .fa-circle {
                color: #fff;
                font-size: 4em
            }
}
html *, body, div, h1, h2, h3, h4, h5, h6, p, ol, ul, table, tr, td {
    font-family: 'Open Sans',sans-serif;
    font-size: 16px;
}

#KxBnBWidget * {
    font-size: 13px;
}

#KxBnBWidget .form-group label, .AdvertTotal p  {
    padding-bottom: 0;
}

#KxBnB .KxBnBContent button.btn-primary:hover {
    color: #eb641e;
    background-color: #FFF;
    border-color: #eb641e;
}

#KxBnB .KxBnBContent button.btn-primary {
    color: #fff;
    background-color: #eb641e;
    border-color: #eb641e;
}

#KxBnB .componentSearchResults .addToCart:hover, #KxBnB .componentSearchResults .removeFromCart:hover {
    background: #fff;
    color: #eb641e;
}

#KxBnB .btn-primary, #KxBnBLoginWrapper .btn-primary {
    color: #fff;
    background-color: #eb641e;
    border-color: #eb641e;
}

#KxBnB .KxBnBContent .inverse .btn-primary {
    color: #fff;
    background-color: #eb641e;
    border-color: #fff;
}

#KxBnB .KxBnBContent button.btn-primary:active:hover, #KxBnB .KxBnBContent button.btn-primary:active:focus, #KxBnB .KxBnBContent button.btn-primary:active.focus, #KxBnB .KxBnBContent button.btn-primary.active:hover, #KxBnB .KxBnBContent button.btn-primary.active:focus, #KxBnB .KxBnBContent button.btn-primary.active.focus, .open > #KxBnB .KxBnBContent button.btn-primary.dropdown-toggle:hover, .open > #KxBnB .KxBnBContent button.btn-primary.dropdown-toggle:focus, .open > #KxBnB .KxBnBContent button.btn-primary.dropdown-toggle.focus {
    color: #fff;
    background-color: #eb641e;
    border-color: #eb641e;
}

#KxBnB .KxBnBContent button.btn-primary:focus, #KxBnB .KxBnBContent button.btn-primary.focus {
    color: #fff;
    background-color: #eb641e;
    border-color: #eb641e;
    outline-color: #eb641e;
}

#KxBnB .btn-primary:hover, #KxBnB .btn-primary:focus, #KxBnB .btn-primary:active, #KxBnBLoginWrapper .btn-primary:hover, #KxBnBLoginWrapper .btn-primary:focus, #KxBnBLoginWrapper .btn-primary:active {
    color: #eb641e;
    background-color: #fff;
    border-color: #ccc;
}

#KxBnB .componentSearchResults .AdvertTotal p {
    color: #fff;
    background-color: #eb641e;
}

#KxBnB .KxBnBContent .inverse .btn-primary:hover, #KxBnB .KxBnBContent .inverse .btn-primary:focus, #KxBnB .KxBnBContent .inverse .btn-primary:active {
    color: #eb641e;
    background-color: #fff;
    border-color: #eb641e;
}

/* BANNER */

#Banner1 {
    background-image: url('../../../../Clients/RoyalHolloway/images/Double.jpg');
}

#Banner2 {
    background-image: url('../../../../Clients/RoyalHolloway/images/Founders.jpg');
}

#Banner3 {
    background-image: url('../../../../Clients/RoyalHolloway/images/Foundersstandardbedroom.jpg');
}

#Banner4 {
    background-image: url('../../../../Clients/RoyalHolloway/images/hub.jpg');
}

#Banner5 {
    background-image: url('../../../../Clients/RoyalHolloway/images/PremiumsingleBedroom.jpg');
}

#Banner6 {
    background-image: url('../../../../Clients/RoyalHolloway/images/ExecFamily.jpg');
}

.Banners {
    background-position: 50% 50%;
    background-size: cover;
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
}

.carousel {
    position: relative;
}

.carousel-indicators {
    display: none;
}

.carousel-control.right {
    background-image: none;
}

.carousel-control.left {
    background-image: none;
}


.carousel-inner > .active > .Banners {
    display: block;
    height: 320px;
}

.item {
    background-size: cover;
}

.carousel-inner {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 320px;
    background: rgba(35,31,32,.95);
}

.carousel-control .glyphicon-chevron-right {
    border: 2px solid #ffffff;
    width: 40px;
    height: 38px;
}

.carousel-control .glyphicon-chevron-left {
    border: 2px solid #ffffff;
    width: 40px;
    height: 38px;
}

.glyphicon-chevron-right:before {
    color: #ffffff;
}

.fa.fa-chevron-right {
    color: #ffffff;
    margin-top: 328px;
    border: 2px solid #ffffff;
    padding: 11px;
}

.fa.fa-chevron-left {
    color: #ffffff;
    margin-top: 328px;
    border: 2px solid #ffffff;
    padding: 11px;
}

.row.carousel {
    margin-right: 0;
}

.col-xs-12.carousel {
    padding-right: 0;
}

#bookingdetailscontent * {
    font-size: 16px;
}

#bookingdetailscontent H3 span {
    font-size: 34px;
}

#KxBnB .KxBnBContent button.btn-primary:active, #KxBnB .KxBnBContent button.btn-primary.active, .open > #KxBnB .KxBnBContent button.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #eb641e;
    border-color: #eb641e;
}

#bookingdetailscontent .componentCartWrapper .componentCart.affix {
    position: relative;
    top: auto;
}

#confirmationcontent * {
    font-size: 13px;
}