/* Minification failed. Returning unminified contents.
(3407,39): run-time error CSS1046: Expect comma, found '162'
(3407,47): run-time error CSS1046: Expect comma, found '/'
 */
/*! jQuery UI - v1.12.1 - 2024-06-10
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, selectmenu.css, slider.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit https://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-helper-hidden {
    display: none
}

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

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-front {
    z-index: 100
}

.ui-state-disabled {
    cursor: default !important;
    pointer-events: none
}

.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-resizable {
    position: relative
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none
}

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
    display: none
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px
}

.ui-selectable {
    -ms-touch-action: none;
    touch-action: none
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black
}

.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0
}

    .ui-menu .ui-menu {
        position: absolute
    }

    .ui-menu .ui-menu-item {
        margin: 0;
        cursor: pointer;
        list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")
    }

    .ui-menu .ui-menu-item-wrapper {
        position: relative;
        padding: 3px 1em 3px .4em
    }

    .ui-menu .ui-menu-divider {
        margin: 5px 0;
        height: 0;
        font-size: 0;
        line-height: 0;
        border-width: 1px 0 0 0
    }

    .ui-menu .ui-state-focus, .ui-menu .ui-state-active {
        margin: -1px
    }

.ui-menu-icons {
    position: relative
}

    .ui-menu-icons .ui-menu-item-wrapper {
        padding-left: 2em
    }

.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0
}

.ui-menu .ui-menu-icon {
    left: auto;
    right: 0
}

.ui-button {
    padding: .4em 1em;
    display: inline-block;
    position: relative;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: visible
}

    .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active {
        text-decoration: none
    }

.ui-button-icon-only {
    width: 2em;
    box-sizing: border-box;
    text-indent: -9999px;
    white-space: nowrap
}

input.ui-button.ui-button-icon-only {
    text-indent: 0
}

.ui-button-icon-only .ui-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px
}

.ui-button.ui-icon-notext .ui-icon {
    padding: 0;
    width: 2.1em;
    height: 2.1em;
    text-indent: -9999px;
    white-space: nowrap
}

input.ui-button.ui-icon-notext .ui-icon {
    width: auto;
    height: auto;
    text-indent: 0;
    white-space: normal;
    padding: .4em 1em
}

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

.ui-controlgroup {
    vertical-align: middle;
    display: inline-block
}

    .ui-controlgroup > .ui-controlgroup-item {
        float: left;
        margin-left: 0;
        margin-right: 0
    }

        .ui-controlgroup > .ui-controlgroup-item:focus, .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
            z-index: 9999
        }

.ui-controlgroup-vertical > .ui-controlgroup-item {
    display: block;
    float: none;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left
}

.ui-controlgroup-vertical .ui-controlgroup-item {
    box-sizing: border-box
}

.ui-controlgroup .ui-controlgroup-label {
    padding: .4em 1em
}

    .ui-controlgroup .ui-controlgroup-label span {
        font-size: 80%
    }

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
    border-left: none
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
    border-top: none
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
    border-right: none
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
    border-bottom: none
}

.ui-controlgroup-vertical .ui-spinner-input {
    width: 75%;
    width: calc( 100% - 2.4em )
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
    border-top-style: solid
}

.ui-checkboxradio-label .ui-icon-background {
    box-shadow: inset 1px 1px 1px #ccc;
    border-radius: .12em;
    border: none
}

.ui-checkboxradio-radio-label .ui-icon-background {
    width: 16px;
    height: 16px;
    border-radius: 1em;
    overflow: visible;
    border: none
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
    background-image: none;
    width: 8px;
    height: 8px;
    border-width: 4px;
    border-style: solid
}

.ui-checkboxradio-disabled {
    pointer-events: none
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none
}

    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0
    }

    .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
        position: absolute;
        top: 2px;
        width: 1.8em;
        height: 1.8em
    }

    .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
        top: 1px
    }

    .ui-datepicker .ui-datepicker-prev {
        left: 2px
    }

    .ui-datepicker .ui-datepicker-next {
        right: 2px
    }

    .ui-datepicker .ui-datepicker-prev-hover {
        left: 1px
    }

    .ui-datepicker .ui-datepicker-next-hover {
        right: 1px
    }

    .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -8px;
        top: 50%;
        margin-top: -8px
    }

    .ui-datepicker .ui-datepicker-title {
        margin: 0 2.3em;
        line-height: 1.8em;
        text-align: center
    }

        .ui-datepicker .ui-datepicker-title select {
            font-size: 1em;
            margin: 1px 0
        }

    .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
        width: 45%
    }

    .ui-datepicker table {
        width: 100%;
        font-size: .9em;
        border-collapse: collapse;
        margin: 0 0 .4em
    }

    .ui-datepicker th {
        padding: .7em .3em;
        text-align: center;
        font-weight: bold;
        border: 0
    }

    .ui-datepicker td {
        border: 0;
        padding: 1px
    }

        .ui-datepicker td span, .ui-datepicker td a {
            display: block;
            padding: .2em;
            text-align: right;
            text-decoration: none
        }

    .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        margin: .7em 0 0 0;
        padding: 0 .2em;
        border-left: 0;
        border-right: 0;
        border-bottom: 0
    }

        .ui-datepicker .ui-datepicker-buttonpane button {
            float: right;
            margin: .5em .2em .4em;
            cursor: pointer;
            padding: .2em .6em .3em .6em;
            width: auto;
            overflow: visible
        }

            .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
                float: left
            }

    .ui-datepicker.ui-datepicker-multi {
        width: auto
    }

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

    .ui-datepicker-multi .ui-datepicker-group table {
        width: 95%;
        margin: 0 auto .4em
    }

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-rtl {
    direction: rtl
}

    .ui-datepicker-rtl .ui-datepicker-prev {
        right: 2px;
        left: auto
    }

    .ui-datepicker-rtl .ui-datepicker-next {
        left: 2px;
        right: auto
    }

    .ui-datepicker-rtl .ui-datepicker-prev:hover {
        right: 1px;
        left: auto
    }

    .ui-datepicker-rtl .ui-datepicker-next:hover {
        left: 1px;
        right: auto
    }

    .ui-datepicker-rtl .ui-datepicker-buttonpane {
        clear: right
    }

        .ui-datepicker-rtl .ui-datepicker-buttonpane button {
            float: left
        }

            .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
                float: right
            }

    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px
    }

.ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em
}

.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0
}

    .ui-dialog .ui-dialog-titlebar {
        padding: .4em 1em;
        position: relative
    }

    .ui-dialog .ui-dialog-title {
        float: left;
        margin: .1em 0;
        white-space: nowrap;
        width: 90%;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .ui-dialog .ui-dialog-titlebar-close {
        position: absolute;
        right: .3em;
        top: 50%;
        width: 20px;
        margin: -10px 0 0 0;
        padding: 1px;
        height: 20px
    }

    .ui-dialog .ui-dialog-content {
        position: relative;
        border: 0;
        padding: .5em 1em;
        background: none;
        overflow: auto
    }

    .ui-dialog .ui-dialog-buttonpane {
        text-align: left;
        border-width: 1px 0 0 0;
        background-image: none;
        margin-top: .5em;
        padding: .3em 1em .5em .4em
    }

        .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
            float: right
        }

        .ui-dialog .ui-dialog-buttonpane button {
            margin: .5em .4em .5em 0;
            cursor: pointer
        }

    .ui-dialog .ui-resizable-n {
        height: 2px;
        top: 0
    }

    .ui-dialog .ui-resizable-e {
        width: 2px;
        right: 0
    }

    .ui-dialog .ui-resizable-s {
        height: 2px;
        bottom: 0
    }

    .ui-dialog .ui-resizable-w {
        width: 2px;
        left: 0
    }

    .ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw, .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw {
        width: 7px;
        height: 7px
    }

    .ui-dialog .ui-resizable-se {
        right: 0;
        bottom: 0
    }

    .ui-dialog .ui-resizable-sw {
        left: 0;
        bottom: 0
    }

    .ui-dialog .ui-resizable-ne {
        right: 0;
        top: 0
    }

    .ui-dialog .ui-resizable-nw {
        left: 0;
        top: 0
    }

.ui-draggable .ui-dialog-titlebar {
    cursor: move
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

    .ui-selectmenu-menu .ui-menu {
        overflow: auto;
        overflow-x: hidden;
        padding-bottom: 1px
    }

        .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
            font-size: 1em;
            font-weight: bold;
            line-height: 1.5;
            padding: 2px 0.4em;
            margin: 0.5em 0 0 0;
            height: auto;
            border: 0
        }

.ui-selectmenu-open {
    display: block
}

.ui-selectmenu-text {
    display: block;
    margin-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis
}

.ui-selectmenu-button.ui-button {
    text-align: left;
    white-space: nowrap;
    width: 14em
}

.ui-selectmenu-icon.ui-icon {
    float: right;
    margin-top: 0
}

.ui-slider {
    position: relative;
    text-align: left
}

    .ui-slider .ui-slider-handle {
        position: absolute;
        z-index: 2;
        width: 1.2em;
        height: 1.2em;
        cursor: default;
        -ms-touch-action: none;
        touch-action: none
    }

    .ui-slider .ui-slider-range {
        position: absolute;
        z-index: 1;
        font-size: .7em;
        display: block;
        border: 0;
        background-position: 0 0
    }

    .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
        filter: inherit
    }

.ui-slider-horizontal {
    height: .8em
}

    .ui-slider-horizontal .ui-slider-handle {
        top: -.3em;
        margin-left: -.6em
    }

    .ui-slider-horizontal .ui-slider-range {
        top: 0;
        height: 100%
    }

    .ui-slider-horizontal .ui-slider-range-min {
        left: 0
    }

    .ui-slider-horizontal .ui-slider-range-max {
        right: 0
    }

.ui-slider-vertical {
    width: .8em;
    height: 100px
}

    .ui-slider-vertical .ui-slider-handle {
        left: -.3em;
        margin-left: 0;
        margin-bottom: -.6em
    }

    .ui-slider-vertical .ui-slider-range {
        left: 0;
        width: 100%
    }

    .ui-slider-vertical .ui-slider-range-min {
        bottom: 0
    }

    .ui-slider-vertical .ui-slider-range-max {
        top: 0
    }

.ui-tabs {
    position: relative;
    padding: .2em
}

    .ui-tabs .ui-tabs-nav {
        margin: 0;
        padding: .2em .2em 0
    }

        .ui-tabs .ui-tabs-nav li {
            list-style: none;
            float: left;
            position: relative;
            top: 0;
            margin: 1px .2em 0 0;
            border-bottom-width: 0;
            padding: 0;
            white-space: nowrap
        }

        .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
            float: left;
            padding: .5em 1em;
            text-decoration: none
        }

        .ui-tabs .ui-tabs-nav li.ui-tabs-active {
            margin-bottom: -1px;
            padding-bottom: 1px
        }

            .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
                cursor: text
            }

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px
}

body .ui-tooltip {
    border-width: 2px
}

.ui-widget {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em
}

    .ui-widget .ui-widget {
        font-size: 1em
    }

    .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
        font-family: Arial,Helvetica,sans-serif;
        font-size: 1em
    }

    .ui-widget.ui-widget-content {
        border: 1px solid #c5c5c5
    }

.ui-widget-content {
    border: 1px solid #ddd;
    background: #fff;
    color: #333
}

    .ui-widget-content a {
        color: #333
    }

.ui-widget-header {
    border: 1px solid #ddd;
    background: #e9e9e9;
    color: #333;
    font-weight: bold
}

    .ui-widget-header a {
        color: #333
    }

    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
        border: 1px solid #c5c5c5;
        background: #f6f6f6;
        font-weight: normal;
        color: #454545
    }

        .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button {
            color: #454545;
            text-decoration: none
        }

            .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
                border: 1px solid #ccc;
                background: #ededed;
                font-weight: normal;
                color: #2b2b2b
            }

                .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus {
                    color: #2b2b2b;
                    text-decoration: none
                }

.ui-visual-focus {
    box-shadow: 0 0 3px 1px rgb(94,158,214)
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: normal;
    color: #fff
}

    .ui-icon-background, .ui-state-active .ui-icon-background {
        border: #003eff;
        background-color: #fff
    }

    .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
        color: #fff;
        text-decoration: none
    }

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #777620
}

.ui-state-checked {
    border: 1px solid #dad55e;
    background: #fffa90
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
    color: #777620
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
    border: 1px solid #f1a899;
    background: #fddfdf;
    color: #5f3f3f
}

    .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
        color: #5f3f3f
    }

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
    color: #5f3f3f
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
    font-weight: bold
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

    .ui-state-disabled .ui-icon {
        filter: Alpha(Opacity=35)
    }

.ui-icon {
    width: 16px;
    height: 16px
}

.ui-icon, .ui-widget-content .ui-icon {
    background-image: url("../Content/images/ui-icons_444444_256x240.png")
}

.ui-widget-header .ui-icon {
    background-image: url("../Content/images/ui-icons_444444_256x240.png")
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon {
    background-image: url("../Content/images/ui-icons_555555_256x240.png")
}

.ui-state-active .ui-icon, .ui-button:active .ui-icon {
    background-image: url("../Content/images/ui-icons_ffffff_256x240.png")
}

.ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon {
    background-image: url("../Content/images/ui-icons_777620_256x240.png")
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
    background-image: url("../Content/images/ui-icons_cc0000_256x240.png")
}

.ui-button .ui-icon {
    background-image: url("../Content/images/ui-icons_777777_256x240.png")
}

.ui-icon-blank {
    background-position: 16px 16px
}

.ui-icon-caret-1-n {
    background-position: 0 0
}

.ui-icon-caret-1-ne {
    background-position: -16px 0
}

.ui-icon-caret-1-e {
    background-position: -32px 0
}

.ui-icon-caret-1-se {
    background-position: -48px 0
}

.ui-icon-caret-1-s {
    background-position: -65px 0
}

.ui-icon-caret-1-sw {
    background-position: -80px 0
}

.ui-icon-caret-1-w {
    background-position: -96px 0
}

.ui-icon-caret-1-nw {
    background-position: -112px 0
}

.ui-icon-caret-2-n-s {
    background-position: -128px 0
}

.ui-icon-caret-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.ui-icon-triangle-1-s {
    background-position: -65px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -65px -32px
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position: 1px -48px
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-newwin {
    background-position: -48px -80px
}

.ui-icon-refresh {
    background-position: -64px -80px
}

.ui-icon-shuffle {
    background-position: -80px -80px
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.ui-icon-folder-open {
    background-position: -16px -96px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-note {
    background-position: -64px -96px
}

.ui-icon-mail-closed {
    background-position: -80px -96px
}

.ui-icon-mail-open {
    background-position: -96px -96px
}

.ui-icon-suitcase {
    background-position: -112px -96px
}

.ui-icon-comment {
    background-position: -128px -96px
}

.ui-icon-person {
    background-position: -144px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-locked {
    background-position: -192px -96px
}

.ui-icon-unlocked {
    background-position: -208px -96px
}

.ui-icon-bookmark {
    background-position: -224px -96px
}

.ui-icon-tag {
    background-position: -240px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-flag {
    background-position: -16px -112px
}

.ui-icon-calendar {
    background-position: -32px -112px
}

.ui-icon-cart {
    background-position: -48px -112px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-clock {
    background-position: -80px -112px
}

.ui-icon-disk {
    background-position: -96px -112px
}

.ui-icon-calculator {
    background-position: -112px -112px
}

.ui-icon-zoomin {
    background-position: -128px -112px
}

.ui-icon-zoomout {
    background-position: -144px -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-gear {
    background-position: -192px -112px
}

.ui-icon-heart {
    background-position: -208px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-cancel {
    background-position: 0 -128px
}

.ui-icon-plus {
    background-position: -16px -128px
}

.ui-icon-plusthick {
    background-position: -32px -128px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-minusthick {
    background-position: -64px -128px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-closethick {
    background-position: -96px -128px
}

.ui-icon-key {
    background-position: -112px -128px
}

.ui-icon-lightbulb {
    background-position: -128px -128px
}

.ui-icon-scissors {
    background-position: -144px -128px
}

.ui-icon-clipboard {
    background-position: -160px -128px
}

.ui-icon-copy {
    background-position: -176px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-video {
    background-position: -224px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background-position: -16px -144px
}

.ui-icon-notice {
    background-position: -32px -144px
}

.ui-icon-help {
    background-position: -48px -144px
}

.ui-icon-check {
    background-position: -64px -144px
}

.ui-icon-bullet {
    background-position: -80px -144px
}

.ui-icon-radio-on {
    background-position: -96px -144px
}

.ui-icon-radio-off {
    background-position: -112px -144px
}

.ui-icon-pin-w {
    background-position: -128px -144px
}

.ui-icon-pin-s {
    background-position: -144px -144px
}

.ui-icon-play {
    background-position: 0 -160px
}

.ui-icon-pause {
    background-position: -16px -160px
}

.ui-icon-seek-next {
    background-position: -32px -160px
}

.ui-icon-seek-prev {
    background-position: -48px -160px
}

.ui-icon-seek-end {
    background-position: -64px -160px
}

.ui-icon-seek-start {
    background-position: -80px -160px
}

.ui-icon-seek-first {
    background-position: -80px -160px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-eject {
    background-position: -112px -160px
}

.ui-icon-volume-off {
    background-position: -128px -160px
}

.ui-icon-volume-on {
    background-position: -144px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-signal-diag {
    background-position: -16px -176px
}

.ui-icon-signal {
    background-position: -32px -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-icon-circle-plus {
    background-position: 0 -192px
}

.ui-icon-circle-minus {
    background-position: -16px -192px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.ui-icon-circle-check {
    background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 3px
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 3px
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 3px
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 3px
}

.ui-widget-overlay {
    background: #aaa;
    opacity: .3;
    filter: "alpha(opacity=30)"
}

.ui-widget-shadow {
    -webkit-box-shadow: 0 0 5px #666;
    box-shadow: 0 0 5px #666
}

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



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

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

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

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

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

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

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


.modal-open {
    overflow: hidden
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

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

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

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

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

.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,0.5);
    box-shadow: 0 3px 9px rgba(0,0,0,0.5);
    outline: 0
}

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

    .modal-backdrop.fade {
        filter: alpha(opacity=0);
        opacity: 0
    }

    .modal-backdrop.in {
        filter: alpha(opacity=50);
        opacity: .5
    }

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

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

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

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

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

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

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

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

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width:768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.5);
        box-shadow: 0 5px 15px rgba(0,0,0,0.5)
    }

    .modal-sm {
        width: 300px
    }
}

@media (min-width:992px) {
    .modal-lg {
        width: 900px
    }
}


.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-family: "Roboto",Arial,sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1.42857143;
    line-break: auto;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    font-size: 14px;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    box-shadow: 0 5px 10px rgba(0,0,0,0.2)
}

    .popover.top {
        margin-top: -10px
    }

    .popover.right {
        margin-left: 10px
    }

    .popover.bottom {
        margin-top: 10px
    }

    .popover.left {
        margin-left: -10px
    }

    .popover > .arrow {
        border-width: 11px
    }

        .popover > .arrow, .popover > .arrow:after {
            position: absolute;
            display: block;
            width: 0;
            height: 0;
            border-color: transparent;
            border-style: solid
        }

            .popover > .arrow:after {
                content: "";
                border-width: 10px
            }

    .popover.top > .arrow {
        bottom: -11px;
        left: 50%;
        margin-left: -11px;
        border-top-color: #999;
        border-top-color: rgba(0,0,0,0.25);
        border-bottom-width: 0
    }

        .popover.top > .arrow:after {
            bottom: 1px;
            margin-left: -10px;
            content: " ";
            border-top-color: #fff;
            border-bottom-width: 0
        }

    .popover.right > .arrow {
        top: 50%;
        left: -11px;
        margin-top: -11px;
        border-right-color: #999;
        border-right-color: rgba(0,0,0,0.25);
        border-left-width: 0
    }

        .popover.right > .arrow:after {
            bottom: -10px;
            left: 1px;
            content: " ";
            border-right-color: #fff;
            border-left-width: 0
        }

    .popover.bottom > .arrow {
        top: -11px;
        left: 50%;
        margin-left: -11px;
        border-top-width: 0;
        border-bottom-color: #999;
        border-bottom-color: rgba(0,0,0,0.25)
    }

        .popover.bottom > .arrow:after {
            top: 1px;
            margin-left: -10px;
            content: " ";
            border-top-width: 0;
            border-bottom-color: #fff
        }

    .popover.left > .arrow {
        top: 50%;
        right: -11px;
        margin-top: -11px;
        border-right-width: 0;
        border-left-color: #999;
        border-left-color: rgba(0,0,0,0.25)
    }

        .popover.left > .arrow:after {
            right: 1px;
            bottom: -10px;
            content: " ";
            border-right-width: 0;
            border-left-color: #fff
        }

.popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0
}

.popover-content {
    padding: 9px 14px
}



.carousel {
    position: relative
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

    .carousel-inner > .item {
        position: relative;
        display: none;
        -webkit-transition: .6s ease-in-out left;
        -o-transition: .6s ease-in-out left;
        transition: .6s ease-in-out left
    }

        .carousel-inner > .item > img, .carousel-inner > .item > a > img {
            line-height: 1
        }

@media all and (transform-3d),(-webkit-transform-3d) {
    .carousel-inner > .item {
        -webkit-transition: -webkit-transform 0.6s ease-in-out;
        -o-transition: -o-transform 0.6s ease-in-out;
        transition: transform 0.6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px
    }

        .carousel-inner > .item.next, .carousel-inner > .item.active.right {
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
            left: 0
        }

        .carousel-inner > .item.prev, .carousel-inner > .item.active.left {
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
            left: 0
        }

            .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
                left: 0
            }
}

.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev {
    display: block
}

.carousel-inner > .active {
    left: 0
}

.carousel-inner > .next, .carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%
}

.carousel-inner > .next {
    left: 100%
}

.carousel-inner > .prev {
    left: -100%
}

    .carousel-inner > .next.left, .carousel-inner > .prev.right {
        left: 0
    }

.carousel-inner > .active.left {
    left: -100%
}

.carousel-inner > .active.right {
    left: 100%
}

.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,0.6);
    background-color: rgba(0,0,0,0);
    filter: alpha(opacity=50);
    opacity: .5
}

    .carousel-control.left {
        background-image: -webkit-linear-gradient(left, rgba(0,0,0,0.5) 0, rgba(0,0,0,0.0001) 100%);
        background-image: -o-linear-gradient(left, rgba(0,0,0,0.5) 0, rgba(0,0,0,0.0001) 100%);
        background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0,0,0,0.5)), to(rgba(0,0,0,0.0001)));
        background-image: linear-gradient(to right, rgba(0,0,0,0.5) 0, rgba(0,0,0,0.0001) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
        background-repeat: repeat-x
    }

    .carousel-control.right {
        right: 0;
        left: auto;
        background-image: -webkit-linear-gradient(left, rgba(0,0,0,0.0001) 0, rgba(0,0,0,0.5) 100%);
        background-image: -o-linear-gradient(left, rgba(0,0,0,0.0001) 0, rgba(0,0,0,0.5) 100%);
        background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0,0,0,0.0001)), to(rgba(0,0,0,0.5)));
        background-image: linear-gradient(to right, rgba(0,0,0,0.0001) 0, rgba(0,0,0,0.5) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
        background-repeat: repeat-x
    }

    .carousel-control:hover, .carousel-control:focus {
        color: #fff;
        text-decoration: none;
        outline: 0;
        filter: alpha(opacity=90);
        opacity: .9
    }

    .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
        position: absolute;
        top: 50%;
        z-index: 5;
        display: inline-block;
        margin-top: -10px
    }

    .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left {
        left: 50%;
        margin-left: -10px
    }

    .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {
        right: 50%;
        margin-right: -10px
    }

    .carousel-control .icon-prev, .carousel-control .icon-next {
        width: 20px;
        height: 20px;
        font-family: serif;
        line-height: 1
    }

        .carousel-control .icon-prev:before {
            content: "\2039"
        }

        .carousel-control .icon-next:before {
            content: "\203a"
        }

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none
}

    .carousel-indicators li {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 1px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #000 \9;
        background-color: rgba(0,0,0,0);
        border: 1px solid #fff;
        border-radius: 10px
    }

    .carousel-indicators .active {
        width: 12px;
        height: 12px;
        margin: 0;
        background-color: #fff
    }

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,0.6)
}

    .carousel-caption .btn {
        text-shadow: none
    }

@media screen and (min-width:768px) {
    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
        width: 30px;
        height: 30px;
        margin-top: -10px;
        font-size: 30px
    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
        margin-left: -10px
    }

    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
        margin-right: -10px
    }

    .carousel-caption {
        right: 20%;
        left: 20%;
        padding-bottom: 30px
    }

    .carousel-indicators {
        bottom: 20px
    }
}

input, textarea {
    outline: none;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

input, select, textarea, button, .ui-btn {
    color: #111;
}

    body.popup {
        background: #F8F8F8;
    }

    body.popup-dark {
        background: #F8F8F8;
    }


a {
    color: #069;
    outline: none !important;
    cursor: pointer;
}

    a:focus {
        outline: 0;
        color: #0095C8;
    }

    a:hover, a:active {
        outline: 0;
        color: #0095C8;
    }

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

blockquote {
    margin: 1em 40px;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px dotted #A5A5A5;
    margin: 3px 0;
    padding: 0;
}

ins {
    background: #ff9;
    color: #000;
    text-decoration: none;
}

pre {
    white-space: pre-wrap;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

q {
    quotes: none;
}

    q:before, q:after {
        content: none;
    }

small {
    font-size: 85%;
}

sub, sup {
    font-size: 60%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
    text-transform: lowercase;
}

sub {
    bottom: -.25em;
}

dd {
    margin: 0 0 0 40px;
}

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

label {
    cursor: default;
}

legend {
    border: 0;
    margin-left: -7px;
    white-space: normal;
    padding: 0;
}

button, input, select, textarea {
    vertical-align: middle;
    margin: 0;
}

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

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

    input[type=checkbox], input[type=radio] {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 13px;
        height: 20px;
        padding: 0;
        margin: 0;
    }

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

textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical;
    -webkit-appearance: none;
}

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

td {
    vertical-align: top;
}

::-moz-selection, ::selection {
    background: #444;
    color: #fff;
    text-shadow: none;
}

h3 {
    font-weight: 500;
}

    h3.inline {
        display: inline-block;
    }

div.button:hover {
    cursor: pointer;
}

/*input[type=submit][disabled=disabled], input[type=button][disabled=disabled] {
    border: 1px #C9C9C9 solid;
    background-color: #C9C9C9;
    background-image: linear-gradient(bottom, #C9C9C9 50%, #C2C2C2 50%);
    background-image: -o-linear-gradient(bottom, #C9C9C9 50%, #C2C2C2 50%);
    background-image: -moz-linear-gradient(bottom, #C9C9C9 50%, #C2C2C2 50%);
    background-image: -webkit-linear-gradient(bottom, #C9C9C9 50%, #C2C2C2 50%);
    background-image: -ms-linear-gradient(bottom, #C9C9C9 50%, #C2C2C2 50%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.5, #C9C9C9), color-stop(0.5, #C2C2C2) );
    -moz-box-shadow: 0 0 9px #C9C9C9;
    -webkit-box-shadow: 0 0 9px #C9C9C9;
    box-shadow: 0 0 9px #C9C9C9;
}*/

#login_drawer {
    position: relative;
    display: none;
    padding: 30px;
    font-size: 17px;
    background: #E1E1E1;
}

    #login_drawer a {
        color:#333;
        text-decoration: none;
        font-size: 16px;
        line-height: normal;
    }

        #login_drawer a:hover {
            text-decoration: underline;
        }

    #login_drawer .fa-chevron-up {
        color: #AAA;
    }

        #login_drawer .fa-chevron-up:hover {
            color: #999;
        }

    #login_drawer .fb-button {
        height: 50px;
        display: inline-block;
        line-height: 44px;
    }

        #login_drawer .fb-button img.fb-login {
            height: 16px;
            margin-left: 4px;
            vertical-align: initial;
        }

        #login_drawer .login_drawers img.welcome {
            height: 60px;
            margin-bottom: 10px;
        }

        #login_drawer .login_drawers .form-group {
            margin-bottom: 10px;
            width: 100%;
        }

    #login_drawer .login-header, #page_confirmemail .login-header {
        font-family: 'KG';
        font-size: 55px;
        line-height:1.1;
    }

.whysignup ul.reasons {
    list-style-type: none;
    padding: 0;
    margin-bottom: 20px;
}

    .whysignup ul.reasons li {
        margin-bottom: 10px;
    }

    .whysignup ul.reasons .fa-check {
        color:green;
    }

    .whysignup .header {
        font-size: 21px;
        margin: 0 auto;
        text-align: center;
        padding: 10px 0;
    }

#email_login, #create_account, #create_account_success, #forgot_password, #otpsignin, #otpconfirm, #registrationform {
    display: none;
}

    #create_account_success button {
        margin: 10px 0;
    }

/* TAG for Login etc */
/*.tag {
    width: 390px;
    border-radius: 10px;
    background-color: #4D4D4D;
    border: solid 1px #4D4D4D;
    text-align: center;
    margin: 30px auto 0 auto;
    color: white;
}

    .tag .dark {
        background-color: #333;
        border-radius: 10px;
        padding: 25px;
        line-height: 18px;
    }

    .tag .holder_25 {
        padding: 12.5px 25px;
    }

    .tag .top_tag {
        padding-bottom: 15px;
    }

    .tag .bottom_tag {
        padding-top: 15px;
    }

    .tag input[type=text], .tag input[type=password] {
        padding: 18px;
        background-color: transparent;
        width: 300px;
        height: 26px;
        border-radius: 5px;
        text-align: center;
        border: 1px solid white;
        margin-top: 15px;
        font-size: 22px;
        color: white;
        line-height: 28px;
    }

    .tag input[type=checkbox] {
        border: 1px solid white;
        background-color: transparent;
    }

    .tag .small {
        font-size: 12px;
        margin: 12.5px 0;
        display: block;
    }

    .tag a {
        color: white;
    }*/

.flash {
    background-color: white;
    border-radius: 5px;
    border: 1px solid white;
    color: black;
    font-size: 12px;
    padding: 8px 7.5px 3px 7.5px;
    position: absolute;
    display: none;
    text-align: center;
    font-weight: 400;
}

    .flash:after {
        content: "";
        border: solid 5px transparent;
        border-top-color: white;
        border-bottom: 0;
        width: 0;
        height: 0;
        overflow: hidden;
        display: block;
        position: relative;
        bottom: -9px;
        margin: auto;
    }

    .flash p {
        margin: 0;
    }

/*.blue_button a {
    text-decoration: none;
}*/

.pane, .pane1 {
    padding: 0 0 20px;
}

.pane {
    display: none;
}

    .pane a, .become a {
        text-decoration: none;
        padding: 6px 8px;
        border-radius: 6px;
        margin-right: 3px;
        margin-bottom: 8px;
        display: inline-block;
        white-space: nowrap;
        position: relative;
        border: 1px solid #006699;
        background: #FFF;
        font-size: 15px;
        color: #069;
        -moz-transition: none;
        -o-transition: none;
        -webkit-transition: none;
        transition: none;
        text-transform: none;
    }

        .pane a span, .become a span {
            vertical-align: middle;
            line-height: normal;
        }

        .pane a.selected, .become a.selected {
            color: #069;
            border-color: #069;
        }

.pane1 {
    text-align: left;
    height: auto;
    width: 100%;
}

    .pane1 a:hover {
        text-decoration: underline;
    }

    .pane1 a {
        display: block;
        color: #FFF !important;
        font-size: 14px;
        line-height: 1.4;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        .pane1 a:lang(zh) {
            margin-bottom: 1px;
            font-size: 15px;
        }

.pane a:hover, .become a:hover {
    border-color: #069;
    background: #069;
    color: #FFF;
}

.pane a.chosen, .become a.selected {
    background: #069;
    color: #FFF !important;
    font-weight: 500;
}

    .pane a.chosen::after, .become a.selected::after {
        content: "✓";
        font-size: 14px;
        margin-left: 2px;
        font-weight: bold;
    }

.pane .grouping {
    font-size: 12px;
    font-weight: 400;
    color: #555;
    white-space: nowrap;
}

/*.blue_button:active, .blue_button:focus {
    outline: none;
    box-shadow: none;
}*/


.pane div {
    height: 70px;
    margin-bottom: 5px;
    display: table;
}

    .pane div a {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        line-height: 16px;
    }

/* SLIDEOUT INFO PANE */
/*.info div {
    position: relative;
}

.info h3 {
    text-transform: uppercase;
    color: black;
    font-size: 18px;
    border-bottom: 1px solid black;
    padding-bottom: 5px;
    margin-bottom: 10px;
    padding-left: 0;
    font-weight: 400;
}

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

.info .option {
    font-size: 12px;
    color: white;
    padding-left: 20px;
    padding-bottom: 16px;
    text-indent: -20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .info .option input[type=radio], .info .option input[type=checkbox] {
        width: 20px;
    }

.info ul.career {
    padding-left: 0;
    margin: 0;
}

    .info ul.career li {
        list-style: none;
        padding: 10px;
        border-bottom: 1px #EEE solid;
    }

        .info ul.career li:hover {
            cursor: pointer;
            background-color: #A7A7A7;
        }

        .info ul.career li.selected {
            background-color: #D7D7D7;
        }

.info {
    font-size: 1em;
    position: relative;
}*/


#search-sort .results-info {
    list-style-type: none;
    position: relative;
    right: 0;
    float: right;
    margin: 0;
}

    #search-sort .results-info li {
        margin-right: -13px;
        width: 100px;
        border-radius: 4px;
        overflow: hidden;
        text-align: center;
        display: table;
        float: left;
    }

    #search-sort .results-info .results-box .results-item {
        position: relative;
        margin: 0 auto;
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        font-size: 30px;
        color: #333;
        font-weight: 100;
        line-height: 1;
    }

    #search-sort .results-info .results-box .results-static {
        display: table-row;
        font-size: 14px;
        line-height: 1;
    }

#results > .uni:last-of-type {
    border-bottom: none;
}

.grid_row {
    background: #FFF;
    padding: 18px 0 18px 0;
}

    .grid_row.similar {
        background-color: #DDD;
    }

/*.details_container .grid_row {
    height: 35px;
    width: 940px;
    padding-top: 0;
    margin: 0 auto 10px;
    border-bottom-color: black;
}

    .details_container .grid_row .ir {
        margin-top: 5px;
    }*/

.cell {
    display: table-cell;
    width: 70px;
    height: 86px;
    text-align: center;
    vertical-align: middle;
    margin: 0 10px;
}

    .cell.value {
        font-size: 21px;
    }

        .cell.value .superscript {
            font-size: 13px;
            vertical-align: text-top;
        }

    .cell .zero {
        color: #CCC;
    }

.cell_1 {
    width: 95px;
}

.cell_3 {
    width: 65px;
    min-width: 65px;
}

.cell_4 {
    width: 60px;
    min-width: 60px;
}

.cell_5 {
    width: 95px;
}

.cell_6 {
    width: 80px;
    min-width: 80px;
}

.cell_7 {
    width: 75px;
    min-width: 75px;
}

.cell_8 {
    width: 85px;
    min-width: 85px;
}

.cell_12 {
    width: 135px;
    min-width: 135px;
}

.cell_auto {
    width: auto;
}

.cell_gap {
    width: 30px;
}

.cell_gap_10 {
    width: 8px;
    min-width: 8px;
}

.cell_gap_15 {
    width: 7px;
    min-width: 7px;
}

.cell_gap_20 {
    width: 15px;
    min-width: 15px;
}

.cell span {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    line-height:normal;
}

a.university_name {
    text-decoration: none;
    font-weight: 400;
    margin-right: 6px;
    color: #333;
    font-size: 14px;
    letter-spacing: 0;
    display: inline-block;
}

    a.university_name:hover {
        color: #0095C8;
    }

.desc {
    font-size: 15px;
}

    .desc h1 {
        margin-top: 30px;
        font-size: 17px;
        text-transform: uppercase;
    }

    .desc ul {
        -webkit-padding-start: 20px;
    }

        .desc ul li {
            font-size: 15px;
            margin-bottom: 15px;
        }


.details h2 {
    font-size: 24px;
    font-weight: 400;
    line-height: 27px;
    margin: 0;
}

.page-course-header h1.title {
    margin: 0;
    margin-bottom: 5px;
    font-weight: 500;
}

.page-course-header h4 {
    font-weight: 400;
    font-size: 25px;
    margin: 0;
}

.details .plus {
    position: absolute;
    z-index: 10;
    top: 94px;
    left: 48%;
    width: 15px;
    display: none;
}

.details .info_box_item span {
    vertical-align: middle;
    display: table-cell;
}

.details span.display-block {
    display: block;
}

.details span.display-inline {
    display: inline;
}

.details .info_box_item.title {
    min-height: 50px !important;
    font-size: 17px;
    font-weight: 400;
    margin-bottom: 0;
}

    .details .info_box_item.title i {
        margin-right: 8px;
    }

.details .info_box_item.exemption {
    font-size: 14px;
    text-transform: uppercase;
}

.details .info_box_item .course-rank {
    font-size: 21px;
    line-height: 1;
    width: 60px;
}

.details .info_box_item.foundation .rank-name {
    min-width: 100px;
}

.details .entry-grade .info_box_item.foundation .right {
    max-width: 100px;
}

.details .info_box_item .rank-name {
    font-size: 16px;
}

.details .info_box_item .grade-type {
    max-width: 85px;
}

    .details .info_box_item .grade-type.pg {
        font-size: 18px !important;
        max-width: none;
    }

.details .living-expenses .info_box_item {
    min-height: 45px;
}

    .details .living-expenses .info_box_item .right {
        font-size: 21px;
        text-transform: none;
    }

    .details .living-expenses .info_box_item.basic_city_cost .costs .ir {
        min-height: 40px;
    }

    .details .living-expenses .info_box_item.living {
        border-bottom: 0;
    }
a.course_name.internal
.details .living-expenses .info_box_item.living .living-header {
    max-width: 100px;
}

.details .info_box_item .smaller {
    font-size: 14px;
}

.details .entry-grade .info_box_item .right {
    font-size: 18px;
}

.details .entry-grade .info_box_item .smaller {
    font-size: 16px;
}

.details .entry-grade .info_box_item .missing {
    float:right;
    color:#FFF;
}

.details .basic_city_cost .costs {
    text-align: center;
}

    .details .basic_city_cost .costs .ir {
        margin: 0 auto 0 auto;
    }

    .details .basic_city_cost .costs .beer {
        background-image: url('data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyAgUFVCTElDICctLy9XM0MvL0RURCBTVkcgMS4wLy9FTicgICdodHRwOi8vd3d3LnczLm9yZy9UUi8yMDAxL1JFQy1TVkctMjAwMTA5MDQvRFREL3N2ZzEwLmR0ZCcgWw0KCTwhRU5USVRZIG5zX2V4dGVuZCAiaHR0cDovL25zLmFkb2JlLmNvbS9FeHRlbnNpYmlsaXR5LzEuMC8iPg0KCTwhRU5USVRZIG5zX2FpICJodHRwOi8vbnMuYWRvYmUuY29tL0Fkb2JlSWxsdXN0cmF0b3IvMTAuMC8iPg0KCTwhRU5USVRZIG5zX2dyYXBocyAiaHR0cDovL25zLmFkb2JlLmNvbS9HcmFwaHMvMS4wLyI+DQoJPCFFTlRJVFkgbnNfdmFycyAiaHR0cDovL25zLmFkb2JlLmNvbS9WYXJpYWJsZXMvMS4wLyI+DQoJPCFFTlRJVFkgbnNfaW1yZXAgImh0dHA6Ly9ucy5hZG9iZS5jb20vSW1hZ2VSZXBsYWNlbWVudC8xLjAvIj4NCgk8IUVOVElUWSBuc19zZncgImh0dHA6Ly9ucy5hZG9iZS5jb20vU2F2ZUZvcldlYi8xLjAvIj4NCgk8IUVOVElUWSBuc19jdXN0b20gImh0dHA6Ly9ucy5hZG9iZS5jb20vR2VuZXJpY0N1c3RvbU5hbWVzcGFjZS8xLjAvIj4NCgk8IUVOVElUWSBuc19hZG9iZV94cGF0aCAiaHR0cDovL25zLmFkb2JlLmNvbS9YUGF0aC8xLjAvIj4NCl0+PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmVyc2lvbj0iMSI+PHN3aXRjaD48Zm9yZWlnbk9iamVjdCB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4PSIwIiB5PSIwIiByZXF1aXJlZEV4dGVuc2lvbnM9Imh0dHA6Ly9ucy5hZG9iZS5jb20vQWRvYmVJbGx1c3RyYXRvci8xMC4wLyIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0zLjkgMTYuNzZoMjUuNjVzMy41Ni0uMSA1LjkgMy45OGg1LjMzbDQuMTQgMS4yMnMuNjUuMDYuNy42NHYtLjUzcy0uMDMtLjUuNS0uNSAzLjQ0IDAgMy40NCAwIC4zNi4wNi4zNi42LjA0IDUuNC4wNCA1LjQtLjA2LjM1LS40LjM2Yy0uMzQuMDItMy41NSAwLTMuNTUgMHMtLjQuMDUtLjM3LS44NC0uMDQuNDQtLjYzLjZjLS42LjE1LTQuMjIgMS4wNi00LjIyIDEuMDZIMzUuN3MtMS44IDQuNTMtNi42IDQuNDdjLTQuOC0uMDYtMjQuOSAwLTI0LjkgMFMuOSAzMy41My4xMyAyNnMzLjc4LTkuMjQgMy43OC05LjI0eiIvPjxwYXRoIGZpbGw9IiM5NTk1OTUiIGQ9Ik0xMS4wOCAyNy4zMmMtLjI4LjE4LS41LjI4LS43LjI4LS4zNiAwLS43Mi0uMjYtLjkyLS42Ny0uNTUgMS0xLjQgMS44Mi0yLjQgMS44Mi0uNzUgMC0uOTQtLjcyLS45NC0xLjggMC0xLjI4LjMyLTIuOS45LTQuNTMuNjgtMS44NyAxLjM3LTIuNzIgMi4yLTIuNzIuNSAwIC44Ny41Ljg3IDEuMTYgMCAxLjIzLS45NSAyLjk2LTIuOSA1LjM2IDAgLjI0LS4wMy41NS0uMDMuODcgMCAuNS4wOC43My4zLjczLjQ0IDAgMS4yLS44NyAxLjYzLTEuOS4wNC0uODIuMTgtMS41Ny4zOC0xLjkuMS0uMTQuMjUtLjIyLjQ2LS4yMi4yOCAwIC40NC4xOC40NC40OHMtLjEzLjc2LS40MyAxLjVjLS4wNC4xMi0uMDUuMTYtLjA4LjIzLjE1LjQ2LjMuNjQuNTQuNjQuMjMgMCAuMzctLjEuNy0uNDZ2MS4xMnptLTEuOC02LjNjLjAyLS4yNi0uMDgtLjQyLS4yLS40Mi0uMTcgMC0uMy4xLS40NC4zNS0uMS4xNy0uODMgMS43LTEuMjUgMy45MyAxLTEuMzIgMS45LTIuOTIgMS45LTMuODZ6bTYuODIgNi4yOGMtMS4zNSAxLTIuNiAxLjQ2LTMuODQgMS40Ni0xIDAtMS4yNy0xLTEuMjctMS44NiAwLTEuOSAxLjMyLTMuNjMgMi44LTMuNjMuNjYgMCAxLjA0LjM2IDEuMDQgMSAwIDEuMzQtMS42MiAyLTIuNSAyLjM1bC0uMjYuMWMtLjAzLjQyLS4wNCAxLjIuNjYgMS4yIDEgMCAxLjk4LS41IDMuMzQtMS43MnYxLjF6TTE0IDI0LjM4YzAtLjItLjEyLS4zLS4zLS4zLS42IDAtMS4yOC44Mi0xLjUgMS44IDEuMS0uNCAxLjgtLjk2IDEuOC0xLjV6bTcuMTMgMi45MmMtMS4zNSAxLTIuNiAxLjQ2LTMuODQgMS40Ni0xIDAtMS4zLTEtMS4zLTEuODYgMC0xLjkgMS4zNC0zLjYzIDIuODItMy42My42NyAwIDEuMDQuMzYgMS4wNCAxIDAgMS4zNC0xLjYyIDItMi41IDIuMzVsLS4yNi4xYzAgLjQyIDAgMS4yLjY4IDEuMiAxLjAyIDAgMi0uNSAzLjM1LTEuNzJ2MS4xem0tMi4xLTIuOTJjMC0uMi0uMTItLjMtLjMtLjMtLjYgMC0xLjI4LjgyLTEuNSAxLjggMS4xLS40IDEuOC0uOTYgMS44LTEuNXptMi4wNCAxLjljLjY3LS43MyAxLjEtMS40IDEuNTUtMi4zNC0uMTItLjIzLS4xOC0uNDMtLjE4LS42IDAtLjE4LjA2LS40Ny4xNC0uNy4wNC0uMS4xNC0uMTUuMzUtLjE1LjcgMCAuOC4wNy44LjQyIDAgLjI1LS4wNS40My0uMi44Mi45OC4zNSAxLjQ4LjU2IDEuNDggMS41IDAgLjM4LS4xLjgtLjM2IDEuNDgtLjE0LjM4LS4yMi42NS0uMjIuOCAwIC4xMy4xLjIyLjIyLjIyLjM4IDAgMS4wNy0uNSAyLjEtMS41NXYxLjFjLTEuMS45Ni0xLjk3IDEuNDQtMi42NCAxLjQ0LS40OCAwLS44LS40My0uOC0xLjAzIDAtLjM0LjEtLjczLjM2LTEuMzUuMjItLjUuMy0uOC4zLTEuMDMgMC0uNC0uMjItLjY4LS42Ny0uODctLjU2IDEuMTMtMS4yNiAyLjA1LTIuMiAyLjlWMjYuM3oiLz48L3N3aXRjaD48L3N2Zz4=') /*../Assets/img/img_cost_beerbottle.svg*/;
        width: 100%;
        min-height: 60px;
        background-size: contain;
        display: inline-block;
        background-position: center;
    }

    .details .basic_city_cost .costs .mac {
        background-image: url('data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyAgUFVCTElDICctLy9XM0MvL0RURCBTVkcgMS4wLy9FTicgICdodHRwOi8vd3d3LnczLm9yZy9UUi8yMDAxL1JFQy1TVkctMjAwMTA5MDQvRFREL3N2ZzEwLmR0ZCcgWw0KCTwhRU5USVRZIG5zX2V4dGVuZCAiaHR0cDovL25zLmFkb2JlLmNvbS9FeHRlbnNpYmlsaXR5LzEuMC8iPg0KCTwhRU5USVRZIG5zX2FpICJodHRwOi8vbnMuYWRvYmUuY29tL0Fkb2JlSWxsdXN0cmF0b3IvMTAuMC8iPg0KCTwhRU5USVRZIG5zX2dyYXBocyAiaHR0cDovL25zLmFkb2JlLmNvbS9HcmFwaHMvMS4wLyI+DQoJPCFFTlRJVFkgbnNfdmFycyAiaHR0cDovL25zLmFkb2JlLmNvbS9WYXJpYWJsZXMvMS4wLyI+DQoJPCFFTlRJVFkgbnNfaW1yZXAgImh0dHA6Ly9ucy5hZG9iZS5jb20vSW1hZ2VSZXBsYWNlbWVudC8xLjAvIj4NCgk8IUVOVElUWSBuc19zZncgImh0dHA6Ly9ucy5hZG9iZS5jb20vU2F2ZUZvcldlYi8xLjAvIj4NCgk8IUVOVElUWSBuc19jdXN0b20gImh0dHA6Ly9ucy5hZG9iZS5jb20vR2VuZXJpY0N1c3RvbU5hbWVzcGFjZS8xLjAvIj4NCgk8IUVOVElUWSBuc19hZG9iZV94cGF0aCAiaHR0cDovL25zLmFkb2JlLmNvbS9YUGF0aC8xLjAvIj4NCl0+PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtNy44MjQgLTE1LjM5NSA1MCA1MCIgdmlld0JveD0iLTcuODI0IC0xNS4zOTUgNTAgNTAiIHZlcnNpb249IjEiPjxzd2l0Y2g+PGZvcmVpZ25PYmplY3Qgd2lkdGg9IjEiIGhlaWdodD0iMSIgeD0iMCIgeT0iMCIgcmVxdWlyZWRFeHRlbnNpb25zPSJodHRwOi8vbnMuYWRvYmUuY29tL0Fkb2JlSWxsdXN0cmF0b3IvMTAuMC8iLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTguOTIgNi45M0MxOC40Ny4yNiA2LjkyLjMgNi45Mi4zUy00LjYuMjctNS4wNSA2Ljk0cy0uMTUgMSA2LjkgMWgxMC4yYzcuMDMgMCA2Ljg4LTEgNi44OC0xem0wIDExLjljMCA0LjYtMTIgNC40My0xMiA0LjQzcy0xMS45OC4xLTExLjk4LTQuNDItLjE1LTEgNi45LTFoMTAuMmM3LjAzIDAgNi44OCAxIDYuODggMXptLS42LTIuMWgtMjMuNGMtMS4yIDAtMi4xNy0uOTgtMi4xNy0yLjIgMC0xLjIuOTgtMi4xOCAyLjItMi4xOGgyMy4zOGMxLjIgMCAyLjIuOTggMi4yIDIuMiAwIDEuMi0xIDIuMTgtMi4yIDIuMTh6bTAtNS41OGgtMjMuNGMtLjYgMC0xLjEtLjUtMS4xLTEuMSAwLS42LjUtMS4xIDEuMS0xLjFoMjMuNGMuNiAwIDEuMS41IDEuMSAxLjEgMCAuNi0uNSAxLjEtMS4xIDEuMXptMjEuMjYgMTIuMUgyMi42NEwyMC42NiA2SDQxLjZ6bS4xMi0xNy45Vi0yLjZjMC0uOC0uNjYtMS40NS0xLjQ3LTEuNDVzLTEuNDYuNjUtMS40NiAxLjQ1djcuOTZoMi45MnptLTMuNSAwVi0yLjZjMC0uOC0uNjYtMS40NS0xLjQ3LTEuNDUtLjggMC0xLjQ2LjY1LTEuNDYgMS40NXY3Ljk2aDIuOTJ6bS0zLjUgMFYtMi42YzAtLjgtLjY2LTEuNDUtMS40Ni0xLjQ1LS44IDAtMS40Ni42NS0xLjQ2IDEuNDV2Ny45NmgyLjkyem0tMy41IDBWLTIuNmMwLS44LS42Ni0xLjQ1LTEuNDYtMS40NS0uOCAwLTEuNDYuNjUtMS40NiAxLjQ1djcuOTZoMi45MnptLTMuNSAwVi0yLjZjMC0uOC0uNjYtMS40NS0xLjQ2LTEuNDVzLTEuNDYuNjUtMS40NiAxLjQ1djcuOTZoMi45MnoiLz48cGF0aCBmaWxsPSIjOTU5NTk1IiBkPSJNMzMuNyAxMC4yMmMxLjAyIDAgMS44NCA0LjI4IDEuODQgOS41NUgzN2MwLTUuNjgtMS40Ny0xMC4zLTMuMy0xMC4zLTEuMDMgMC0xLjk2IDEuNC0yLjU3IDMuNTYtLjYtMi4xNi0xLjUzLTMuNTQtMi41Ny0zLjU0LTEuODItLjAzLTMuMyA0LjYtMy4zIDEwLjI2aDEuNDZjMC01LjI3LjgyLTkuNTUgMS44NC05LjU1czEuODQgMy45NSAxLjg0IDguODNoMS40N2MwLTQuODcuODItOC44MiAxLjgzLTguODJ6Ii8+PC9zd2l0Y2g+PC9zdmc+') /*../Assets/img/img_cost_mac.svg*/;
        width: 100%;
        min-height: 60px;
        background-size: contain;
        display: inline-block;
        background-position: center;
    }

    .details .basic_city_cost .costs .tic {
        background-image: url('data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyAgUFVCTElDICctLy9XM0MvL0RURCBTVkcgMS4wLy9FTicgICdodHRwOi8vd3d3LnczLm9yZy9UUi8yMDAxL1JFQy1TVkctMjAwMTA5MDQvRFREL3N2ZzEwLmR0ZCcgWw0KCTwhRU5USVRZIG5zX2V4dGVuZCAiaHR0cDovL25zLmFkb2JlLmNvbS9FeHRlbnNpYmlsaXR5LzEuMC8iPg0KCTwhRU5USVRZIG5zX2FpICJodHRwOi8vbnMuYWRvYmUuY29tL0Fkb2JlSWxsdXN0cmF0b3IvMTAuMC8iPg0KCTwhRU5USVRZIG5zX2dyYXBocyAiaHR0cDovL25zLmFkb2JlLmNvbS9HcmFwaHMvMS4wLyI+DQoJPCFFTlRJVFkgbnNfdmFycyAiaHR0cDovL25zLmFkb2JlLmNvbS9WYXJpYWJsZXMvMS4wLyI+DQoJPCFFTlRJVFkgbnNfaW1yZXAgImh0dHA6Ly9ucy5hZG9iZS5jb20vSW1hZ2VSZXBsYWNlbWVudC8xLjAvIj4NCgk8IUVOVElUWSBuc19zZncgImh0dHA6Ly9ucy5hZG9iZS5jb20vU2F2ZUZvcldlYi8xLjAvIj4NCgk8IUVOVElUWSBuc19jdXN0b20gImh0dHA6Ly9ucy5hZG9iZS5jb20vR2VuZXJpY0N1c3RvbU5hbWVzcGFjZS8xLjAvIj4NCgk8IUVOVElUWSBuc19hZG9iZV94cGF0aCAiaHR0cDovL25zLmFkb2JlLmNvbS9YUGF0aC8xLjAvIj4NCl0+PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtNy41IC0xNyA1MCA1MCIgdmlld0JveD0iLTcuNSAtMTcgNTAgNTAiIHZlcnNpb249IjEiPjxzd2l0Y2g+PGZvcmVpZ25PYmplY3Qgd2lkdGg9IjEiIGhlaWdodD0iMSIgeD0iMCIgeT0iMCIgcmVxdWlyZWRFeHRlbnNpb25zPSJodHRwOi8vbnMuYWRvYmUuY29tL0Fkb2JlSWxsdXN0cmF0b3IvMTAuMC8iLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMzcuNi0zLjVILS45Yy0uMiAyLjktMy4wNCA1LjQ2LTYuNyA1Ljk3djkuODRjMy40My41IDYuMTMgMy44IDYuNjYgNy4ySDM3LjdjLjQ2LTMuNCAyLjA3LTYuMDUgNC45NS02LjlWMi4xN2MtMi44OC0uOTMtNC44My0yLjgtNS4wMy01LjY3eiIvPjxwYXRoIGZpbGw9IiM5NTk1OTUiIGQ9Ik0yLjYyIDEyLjAyYy0uNTMgMC0xLS4xLTEuNDUtLjI2cy0uODMtLjQ1LTEuMTUtLjhjLS4zMi0uMzUtLjU3LS43OC0uNzUtMS4zQy0uOSA5LjEyLTEgOC41Mi0xIDcuODZjMC0uNy4xLTEuMjguMjYtMS44LjE3LS41LjQyLS45Mi43NS0xLjMuMzUtLjM2LjczLS42MyAxLjE3LS44Mi40NC0uMi45My0uMyAxLjQ4LS4zLjI3IDAgLjUyLjA0Ljc2LjA3LjI0LjA1LjQ2LjEuNjcuMTYuMTcuMDYuMzUuMTMuNTMuMnMuMzUuMTguNTMuMjh2MS4zaC0uMWMtLjA4LS4xLS4yLS4yLS4zNS0uMzItLjE1LS4xMy0uMzMtLjI1LS41NC0uMzctLjItLjEtLjQzLS4yLS42Ny0uMjdzLS41My0uMTItLjg0LS4xMmMtLjM1IDAtLjY3LjA3LS45OC4ycy0uNTguMzYtLjguNjNDLjYyIDUuNy40NSA2IC4zIDYuNDNjLS4xLjQtLjE3Ljg4LS4xNyAxLjQgMCAuNTUuMDcgMS4wMy4yIDEuNDMuMTQuNC4zMi43My41NSAxIC4yMi4yOC41LjQ4LjguNi4zLjE1LjYyLjIyLjk2LjIyLjMgMCAuNi0uMDUuODYtLjEzcy41LS4xNy43LS4yOGMuMi0uMS4zNi0uMjQuNS0uMzYuMTUtLjEuMjYtLjIyLjM1LS4zaC4wOHYxLjI4Yy0uMTguMDgtLjM0LjE2LS41LjI0LS4xNi4wNy0uMzUuMTUtLjU3LjIyLS4yNC4wNi0uNDYuMTItLjY1LjE2LS4yLjA0LS40NS4wNi0uNzcuMDZ6bTYuMzMtLjE0SDUuOHYtLjgzaDEuMDVWNC42M0g1LjhWMy44aDMuMTV2LjgzSDcuOTJ2Ni40MmgxLjAzdi44M3ptNy4xIDBoLTEuMmwtMy41OC02Ljk2djYuOTZoLTFWMy44aDEuNTJsMy4yMyA2LjRWMy44aDF2OC4wOHptMS42MyAwVjMuOGg1LjA0di45NmgtMy45N3YyLjJoMy43di45N2gtMy43djNoMy45N3YuOTVoLTUuMDR6bTEzLjEyIDBoLTEuMDZWNC45M2wtMi4xIDQuNzNIMjdsLTIuMS00LjczdjYuOTVoLTFWMy44aDEuNDZsMi4wMiA0LjUgMS45NC00LjVoMS41djguMDh6bS43OCAwTDM0LjMgMy44aDEuMzJsMi43MiA4LjA4SDM3LjJsLS43Mi0yLjI2aC0zLjFsLS43MiAyLjI2aC0xLjA4em00LjYtMy4xN2wtMS4yNS0zLjgtMS4yNCAzLjhoMi40NnpNMTcuNy0yLjA0bC43IDEuMzcgMS41LjIyTDE4LjguNmwuMjYgMS41LTEuMzUtLjctMS4zMy43LjI2LTEuNS0xLjEtMS4wNSAxLjUyLS4yMnptLTguODQgMGwuNjcgMS4zNyAxLjUuMjJMOS45Ni42bC4yNiAxLjUtMS4zNC0uNy0xLjM1LjdMNy44LjYgNi43LS40NWwxLjUtLjIyem0xNy43IDBsLjY4IDEuMzcgMS41LjIyTDI3LjY3LjZsLjI1IDEuNS0xLjMzLS43LTEuMzYuNy4yNi0xLjUtMS4xLTEuMDUgMS41LS4yMnpNMTcuNyAxMy4ybC43IDEuMzYgMS41LjIyLTEuMSAxLjA2LjI2IDEuNS0xLjM1LS43LTEuMzMuNy4yNi0xLjUtMS4xLTEuMDYgMS41Mi0uMjJ6bS04Ljg0IDBsLjY3IDEuMzYgMS41LjIyLTEuMDggMS4wNi4yNiAxLjUtMS4zMy0uNy0xLjM1LjcuMjctMS41LTEuMS0xLjA2IDEuNS0uMjJ6bTE3LjcgMGwuNjggMS4zNiAxLjUuMjItMS4wOCAxLjA2LjI1IDEuNS0xLjMyLS43LTEuMzUuNy4yNi0xLjUtMS4xLTEuMDYgMS41LS4yMnoiLz48L3N3aXRjaD48L3N2Zz4=') /*../Assets/img/img_cost_cinema.svg*/;
        width: 100%;
        min-height: 60px;
        background-size: contain;
        display: inline-block;
        background-position: center;
    }

    .details .basic_city_cost .costs .cup {
        background-image: url('data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyAgUFVCTElDICctLy9XM0MvL0RURCBTVkcgMS4wLy9FTicgICdodHRwOi8vd3d3LnczLm9yZy9UUi8yMDAxL1JFQy1TVkctMjAwMTA5MDQvRFREL3N2ZzEwLmR0ZCcgWw0KCTwhRU5USVRZIG5zX2V4dGVuZCAiaHR0cDovL25zLmFkb2JlLmNvbS9FeHRlbnNpYmlsaXR5LzEuMC8iPg0KCTwhRU5USVRZIG5zX2FpICJodHRwOi8vbnMuYWRvYmUuY29tL0Fkb2JlSWxsdXN0cmF0b3IvMTAuMC8iPg0KCTwhRU5USVRZIG5zX2dyYXBocyAiaHR0cDovL25zLmFkb2JlLmNvbS9HcmFwaHMvMS4wLyI+DQoJPCFFTlRJVFkgbnNfdmFycyAiaHR0cDovL25zLmFkb2JlLmNvbS9WYXJpYWJsZXMvMS4wLyI+DQoJPCFFTlRJVFkgbnNfaW1yZXAgImh0dHA6Ly9ucy5hZG9iZS5jb20vSW1hZ2VSZXBsYWNlbWVudC8xLjAvIj4NCgk8IUVOVElUWSBuc19zZncgImh0dHA6Ly9ucy5hZG9iZS5jb20vU2F2ZUZvcldlYi8xLjAvIj4NCgk8IUVOVElUWSBuc19jdXN0b20gImh0dHA6Ly9ucy5hZG9iZS5jb20vR2VuZXJpY0N1c3RvbU5hbWVzcGFjZS8xLjAvIj4NCgk8IUVOVElUWSBuc19hZG9iZV94cGF0aCAiaHR0cDovL25zLmFkb2JlLmNvbS9YUGF0aC8xLjAvIj4NCl0+PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtMTIuMDM4IC0xNy4wMDYgNTAgNTAiIHZpZXdCb3g9Ii0xMi4wMzggLTE3LjAwNiA1MCA1MCIgdmVyc2lvbj0iMSI+PHN3aXRjaD48Zm9yZWlnbk9iamVjdCB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4PSIwIiB5PSIwIiByZXF1aXJlZEV4dGVuc2lvbnM9Imh0dHA6Ly9ucy5hZG9iZS5jb20vQWRvYmVJbGx1c3RyYXRvci8xMC4wLyIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0zNy45MyAxOC4xSC0xMmMwIDMuNjIgMi43NSA1LjMgNC45NiA1LjNoNDBjMi42NiAwIDQuOTctMi4wOCA0Ljk3LTUuM3pNMjguNDYtNy40aC0yOS44djE3LjkzYzAgMi42NSAyLjI4IDQuNzUgNC43NSA0Ljc1aDE5LjM1YzIuOCAwIDQuNy0yLjM1IDQuNy00Ljc1IDUuNSAwIDkuNS00LjE0IDkuNS04Ljk3IDAtNC45Mi0zLjkyLTguOTctOC40OC04Ljk3ek0yNy40MyA2LjhWLTMuNzJoMS4wM2MzLjc3IDAgNC45OCAzLjU3IDQuOTcgNS4zIDAgMi44LTIuMDcgNS41LTYgNS4yNHoiLz48L3N3aXRjaD48L3N2Zz4=') /*../Assets/img/img_cost_coffee.svg*/;
        width: 100%;
        min-height: 60px;
        background-size: contain;
        display: inline-block;
        background-position: center;
    }

    .details .basic_city_cost .costs .rent {
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAQAAAC0NkA6AAABp0lEQVR42u3SO0hbURjA8RMdfHVw6CAO4tYuOjkqFhehXcRFEKqUrtWhg4ujoKCIEAO2FDq0PjqIgq8WdCiKCqY1LoJijK/WmAgSgt7cax5/zz13CUjDhYBYOL9vOd/0H84nNE3TNE37NwopznuKKMgdaecak0Qek+KchtyRDlLk64rG3JHXDxc5uPUlRgmjmJ+Nodt5J54OGYOJkUwM2401bgxasyiZfWM4+YlL95FvrR7hsdZRKiuFePcKE2luTkjBILZw/XMhmppQ9r4K0V/OtvvItK+0ozi5ifK+WoiJFiykwIKQoofYIgO1Qgw14xSnhFisYMd95IIVlonhWGWJAGlsURb5gYHNYkNuv3GE+c5P4o/s4284lmPiOCNEhAw2g0OOSGJL8VduFziuCXGK5T6ysFL9sSr9C2Wyzlu20YmFdLLsK/3wNH6MLTr/wluy1IYSmxkp36lh131kXD491lrWdb0kce+6zuufZV3XF3ldT/C7j2wfdQe6MiGU3V7/mz9jJO9F4gd9/s6gF8Xc2nob6eEs34/PjuTwcBFN0zRN+z/dAQZzhkK5vK+QAAAAAElFTkSuQmCC') /*../Assets/img/img_courseuni_icon_hostel_45x20.png*/;
        width: 100%;
        min-height: 60px;
        background-size: contain;
        display: inline-block;
        background-position: center;
    }

.details .grades {
    background-color: #777;
    color: #FFF;
    border-radius: 5px;
    font-size: 9px;
    line-height: 12px;
    font-weight: 900;
    margin-bottom: 5px;
    padding: 8px;
}

    .details .grades .grade {
        font-size: 23px;
        line-height: 26px;
    }

.details .next:hover, .details .prev:hover {
    cursor: pointer;
    background-position: -20px 0;
}

div.course_details {
    color: white;
}

    div.course_details .info_box_item {
        font-family: 'Lato', Arial, sans-serif;
        font-weight:700;
        list-style: none;
        padding: 8px 20px;
        margin-left: 0;
        background-color: #069;
        display: table;
        width: 100%;
    }

div.info_box_item img {
    width: 30px;
}

div.course_details .info_box_item .header {
    padding: 0;
    display: table-cell;
    vertical-align: middle;
    font-size: 15px;
    font-weight:normal;
}

    div.course_details .info_box_item .header:lang(zh), #page_course div.course_details .info_box_item:lang(zh) {
        font-weight: 400;
        font-size: 15px;
    }

    div.course_details .info_box_item .header span.smaller {
        font-size: 11px;
        line-height: 14px;
    }

div.course_details .info_box_item:not(:last-of-type) {
    border-bottom: 1px dotted rgb(119 162 183 / 50%);
}

div.course_details .info_box_item.marbot0:not(:last-of-type) {
    margin-bottom: 0;
    border-bottom: 0;
}

div.course_details .info_box_item.social-media {
    min-height: 60px;
}

div.course_details.blue div {
    background-color: #069 !important;
}

div.course_details.blue.ranking .header {
    width: 83%;
}

#page_course .course_rank .right .rank {
    font-size: 28px;
    line-height: 47px;
}

#page_course .details .entry-grade .course_details .info_box_item {
    min-height: 75px;
}

#page_course #progression-placeholder {
    text-align: center;
    padding: 15px;
}

    #page_course #progression-placeholder .from {
        display: inline;
        font-weight: 500;
        font-size: 17px;
    }

    #page_course #progression-placeholder img {
        display: inline;
        width: 40px;
        margin: 0 12px 5px;
    }

    #page_course #progression-placeholder .to {
        display: inline;
        font-size: 17px;
        font-weight: 500;
    }

div.course_details div.right {
    font-size: 19px;
    padding: 0;
}

    div.course_details div.right span {
        float: right;
    }

div.course_details div a {
    color: white;
    text-decoration: none;
    line-height: 28px;
}

div.course_details div.nocaps {
    text-transform: none;
}

div.course_details div:first-child {
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    -webkit-border-top-right-radius: 15px;
    -webkit-border-top-left-radius: 15px;
}

div.course_details div:last-child {
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
}

a.course_name {
    font-size: 18px;
    margin-right: 2px;
    text-decoration: none;
    display: inline-block;
    max-width: 400px;
    white-space: normal;
    word-wrap: break-word;
}

    a.course_name:hover {
        color: #0095C8;
    }

    a.course_name.internal, #page_course h1.title.internal {
        color: #ea1a1a;
    }

    #app_course_status.courses tbody td {
        padding: 10px 15px;
    }

.classification {
    position: relative;
    color: #999;
    font-size: 13px;
    font-weight: 400;
    display: block;
    cursor: default;
    line-height: normal;
}

#pager {
    position: relative;
    display: block;
    margin: 0 auto;
    bottom: 50px;
    height: 30px;
    width: 70px;
    z-index: 5000;
    visibility: hidden;
}

a.external_link {
    text-decoration: none;
    display: inline;
    color: #006699;
    position: relative;
    top: auto;
    right: auto;
}

    a.external_link:hover {
        text-decoration: underline;
    }

/* !ACCOUNT */
.section {
    padding: 15px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

    .section input[type=text], .section input[type=email], .section input[type=search], .section input[type=dates], .section input[type=password] {
        border: 1px solid #DDD;
        background-color: #fff;
        border-radius: 4px;
        padding: 0 8px;
        margin-bottom: 20px;
        height: 40px;
        line-height: 40px;
    }

    .section input[type=text], .section input[type=email], .section input[type=search] {
        width: 100%;
    }

    .section input.full {
        width: 725px;
    }

    .section input.half {
        width: 270px;
    }

    .section input[type=search] {
        display: block;
        margin: 0 auto;
        background-color: #eaeaea;
    }

    .section.close {
        display: none;
    }

    .section .interest, .section .results {
        background-color: white;
        border-radius: 10px;
        padding: 15px;
        margin-top: 15px;
    }

    .section.header {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

        .section.header.open {
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
        }

        .section.header .edit {
            color: #CCC;
            float: right;
        }

            .section.header .edit:hover {
                cursor: pointer;
            }

        .section.header.open .edit {
            display: none;
        }

        .section.header h3, .section h3 {
            display: table-cell;
            vertical-align: middle;
            font-size: 24px;
            text-transform: uppercase;
        }

    .section.single-section {
        padding: 15px;
        border-radius: 15px;
    }

        .section.single-section h3.header-text {
            margin-top: 10px;
        }

.facebook a {
    text-decoration: none;
}

.section input.error {
    background-color: #CCC;
}

label.error {
    color: red;
    font-size: 12px;
    width: 300px;
}

/* SELECT */
.styled-select {
    outline: none;
    line-height: 1;
}

    .styled-select select {
        height: 40px;
        width: 100%;
        border-radius: 4px;
        padding: 3px 5px;
        border: 1px solid #CCC;
        cursor: pointer;
    }

    .styled-select.half {
        width: 270px;
    }

        .styled-select.half select {
            width: 300px;
        }

    .styled-select.gender {
        width: 280px;
    }

        .styled-select.gender select {
            width: 310px;
        }

/* RESULTS */
.qualification {
    margin-bottom: 10px;
}

    .qualification td.label {
        width: 150px;
    }

    .qualification td {
        vertical-align: middle;
    }

.section .results {
    margin-top: 0;
    padding-bottom: 10px;
}

    .section .results.alevels {
        padding-bottom: 0;
    }

.results td {
    vertical-align: middle;
}

    .results td.label {
        width: 135px;
    }

.results .styled-select {
    background-color: #eaeaea;
    width: 718px;
}

    .results .styled-select select {
        width: 748px;
    }

    .results .styled-select.small {
        width: 125px;
        margin-bottom: 10px;
    }

        .results .styled-select.small select {
            width: 155px;
        }

    .results .styled-select.subject {
        width: 543px;
        margin: 5px 10px 10px 10px;
    }

        .results .styled-select.subject select {
            width: 573px;
        }

.results label {
    width: 135px;
    float: left;
}

.results input[type=text] {
    width: 708px;
    background-color: #eaeaea;
    margin: 5px 0;
}

.results.ib label {
    width: 145px;
    margin-bottom: 0;
}

.ir.social {
    width: 33px;
    height: 33px;
    display: inline-block;
    margin: 8px 3px 6px 3px;
}

.ir.hide {
    display: none;
}

/* GENERAL */
.left {
    text-align: left;
}

.right {
    text-align: right;
}

.center {
    text-align: center;
}

.lng {
    width: 300px;
    text-align: center;
    margin: 5px auto;
}

.hide {
    display: none;
}

.show {
    display: block;
}

.confirm {
    display: none;
    visibility: hidden;
}

.indent {
    margin-left: 40px;
}

.odd {
    background-color: #E9EAEA;
}

.even {
    background-color: #FFF;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.transparent {
    background-color: transparent !important;
}

.no-padding {
    padding: 0 !important;
}

.light {
    color: #BBB !important;
}

.ir {
    display: inline-block;
    border: 0;
    text-indent: -999em;
    overflow: hidden;
    background-color: transparent;
    background-repeat: no-repeat;
    text-align: left;
    direction: ltr;
    line-height: 0;
    vertical-align: middle;
}

    .ir br {
        display: none;
    }

.invisible {
    visibility: hidden;
}

.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    -ms-zoom: 1;
    zoom: 1;
}

pre, blockquote {
    page-break-inside: avoid;
}

thead {
    display: table-header-group;
}

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

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

.ir.app {
    width: 34px;
    height: 34px;
    margin-bottom: 5px;
    cursor: pointer;
}

    .ir.app.done {
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAABtUlEQVR42q2Ywa3DIAyG3wiM0BEyAiNweXdGyAgZISNw6AAZgRE4v1NGYINXIllyFTA2JpX+Swvmw/4xqD8jn9/3nynyRaEoFuWif1CG7wKMMfLIcgBbdMCCYsEc+wTACwGmFK9YWgiHqZ8XxHKjEF4QOIEfNlAoSoJ5/gmIs2gtMgJDnxoYNCU9eVOUd+2U1/V2konaLhOGXzpxTWvCrobQw4TqmBLpsxOLmzsMscbre9DWGLCrCDBegmzK1wGHV/XTluEWxzM+zL2UBW05iF7iGC8ucMTmvMEsEgVeWZt1U0JY6RFt+uQivndPZUlOadNqlC+2QCJzEqpblLihjw54VIBA2umT4Ig7yYyChHtdhWkP0AjzqNkbcw5IOd3tqsV47byf6guVSq1vTI4CiKR8ZjiKMFGGZUDYC5LYkOm53g4+ITdlr4lEuhjno29SFYwHSexrjToZgpaeLzABRGhtlkmbHEYFgXKjE44io2v9dMzxaxw946UQzEs+4cY0MAi0F7lG43PwGwLwEHoYvRBC/9CZ144Q+jdonACIRHPUA1X15320PAbQ6awW3rvbl6z274cPV11orT2bHIwAAAAASUVORK5CYII=') /*../Assets/img/img_list_status_blue.png*/;
    }

    .ir.app.problem {
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAABqUlEQVR42q2YwY2FMAxEt4SUwG2PmxIogRJSAiWkhC0hJaSESL8BSkgJdMD6EMlSNhMNGKT5F7B5jB0r+V93r8/3zyqKoiwqnXK7tzK5nrx8Ef2KTtFF6mwxyxsAriW7LGo53FMIL6pmCFUV+bsQgbS+dGJKF+wQWnc/c5Lop8CU4yTqbO2vU+RngRUEbYaG38DHVZEbBURE3gMzbpBOx3+B4MGtey6JDgijuQ5R6p0BH+qmbgwSJb2nMAAC5pi6AnpjwQkUBkF0MPrMoFe0fqQbCAZC8Lm8zg3QGxzMHILolTDsDw3jYCAEuIZ9Ij9lVDMjTJrlGDhYRiAFxLMwiYgvZhDUmHhp8yAZlIaF4GHwuMhomDkDBIbBsyTi5cRDpCYGBo+Lth+9Zn0yg2DmDOwP1TJ7kYdfgYdVgu7iKX4Au6ArAUJgmEC4EXAnq+IAJpFzJhD7nQr3qpCYvyy5sXXqDH8BJ2Dp8b4VL8X15tH0mJxxHL+Tx0C7yIPYXQGoHbz9lPf+aQ+XKb8IkUE5aKDN6E4F5yLTEsx3HLAB8CtiF8VO+9M/af4APesbMrBzIc4AAAAASUVORK5CYII=') /*../Assets/img/img_list_status_red.png*/;
    }

    .ir.app.yet {
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAABoklEQVR42rVYoa7EIBCsxlbXoqtrq7HV1Vh0bTW2/3T3T29fQkJCGJZle00muVwondudGbY3Sa/v57MQdsJBCAUcYSPM0y+u/43TgyPh6cRF2N4iYAgn4VHgJmwaEraogBaeYKQktp7NC33cne1a3iARk1YW1Mp0f2D2mDkSa2MDRzDC1l6NypiWMCP4BYtCawcgc6IbvJiEXnO2VsanRCahv0AMhJ5FTtOO2v3AWTZroxJCmvwp7G0YM5yt/u2KJL4rOjONqkSsav7QkgjeF2tcVYuV8LkGSazAdabDGOtUCZ0w2JLI2hNr0k28W3JJkXZApB+IuIwILrsvxLejCJcSwa3BZY+p13P6DINQ0pqAMgT/4rxWFoRYrLx9c9bEnnlj8BBckO0cGJovxZzBBpoBJTegvx4Q2QdP4VN+6GHdeEH846xJ6m/OC6BVd05PzRjAL4wdVrRiEhlWOiqu2oGogoP1OMD56+EZKxsTWhuvphsggEjIyQCbhzKddSSwKx4J9K3FrnDKd+AbOEtBSFYh/9rfEowgXXpYSDjSd3akBX8zYgOWhLOEoQAAAABJRU5ErkJggg==') /*../Assets/img/img_list_status_grey.png*/;
    }

.invalid {
    background-color: #F0DDDD !important;
    padding: 3px;
    border-radius: 5px;
}

input[type=file]#fileupload {
    display: none;
}

/*.progress {
    width: 500px;
    height: 30px;
    border-radius: 15px;
    background-color: #CCC;
    position: relative;
}*/

/*.progress-bar {
    width: 0;
    height: inherit;
    background-color: #999;
    border-radius: 15px;
}*/

/*.progress .status {
    z-index: 100;
    width: inherit;
    height: inherit;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    line-height: 30px;
}*/

.grid_row.hide {
    background-color: #eaeaea;
}

.cell .figure {
    font-size: 21px;
}

.cell .missing {
    vertical-align: middle;
    font-size: 15px;
}

.cell .courseSortBy:hover {
    text-decoration: none;
}

a.apply-button, a.selected-button {
    width: 78px;
    height: 25px;
    color: #FFF;
}

    a.apply-button:hover, a.selected-button {
        text-decoration: none;
    }

.similar {
    background: #FFF;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    padding: 3px 0 3px 10px;
    font-size: 14px;
    position: absolute;
    bottom: -15px;
    z-index: 10;
    width: 110px;
    text-align: center;
    -moz-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    -webkit-transition: all .1s ease-in;
    transition: all .1s ease-in;
    text-transform: uppercase;
    border: 1px solid #DDD;
    border-bottom: 0;
}

    .similar:hover {
        cursor: pointer;
        padding-bottom: 8px;
    }

.course-quick-summary {
    float: left;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 15px;
}

.course_description {
    font-size: 15px;
    font-weight: 400;
}

    .course_description h4 {
        font-size: 22px;
        font-weight: 500;
        text-transform: uppercase;
        margin-top: 25px;
    }

.details .overall {
    width: 280px;
    font-weight: 400;
    font-size: 13px;
}

.details .info_box_item span.display-table-row {
    display: table-row;
}

.details .duration {
    text-transform: uppercase;
    min-height: 108px;
    text-align: center;
}

    .details .duration .number {
        font-size: 60px;
        font-weight: 500;
        line-height: 1;
    }

    .details .duration #years {
        display: table-row;
    }

.details .graduate-in {
    text-align: center;
    min-height: 130px;
}

    .details .graduate-in span {
        font-size: 20px;
        line-height: 1.2;
    }

    .details .graduate-in i {
        font-size: 40px;
    }

.details .uni-details span.ir.social {
    display: inline-block !important;
}

.details .info_box.uni-details {
    width: 100%;
}

    .details .info_box.uni-details .info_box_item .fa, .details .info_box.uni-details .info_box_item .glyphicon {
        color: #FFF;
        font-size: 20px;
    }

    .details .info_box.uni-details .info_box_item a {
        color: #FFF;
        text-transform: none;
        font-size: 14px;
        line-height: 1.2;
    }

.uni-logo {
    height: auto;
    width: auto;
    text-align: left;
    margin-top: 4px;
}

    .uni-logo img {
        max-width: 100%;
        border-radius: 6px;
    }

    .uni-logo.popular img {
        box-shadow: 0px 0px 1px #999;
    }

    .uni-logo.uni-logo-mobile {
        float: none;
        margin: 0 auto;
        width: 100%;
        margin-bottom: 5px;
    }

        .uni-logo.uni-logo-mobile img {
            border-radius: 4px;
        }

.uni-name {
    display: table;
    min-height: 72px;
}

    .uni-name .uni-info {
        display: table-cell;
        vertical-align: top;
    }

        .uni-name .uni-info .classification {
            line-height: unset;
            color: #666;
        }

        .uni-name .uni-info img.accredited {
            position: relative;
            width: 15px;
            margin-bottom: 1px;
        }

.uni-name .uni-info .accredited {
    cursor: pointer;
    font-size: 14px;
}

.accredited {
    color: #6cb23b;
}

    .accredited.not {
        color: #CCC !important;
    }

.university {
    text-align: left;
}

.grid-hidden {
    display: none;
}

.select-empty {
    color: #bdbdbd;
}

.placeholder {
    background-color: #F5F6F7;
    border: 1px dashed #F5F6F7;
    height: 94px;
    margin-bottom: 5px;
}

.dragging {
    background-color: #F5F6F7;
    border: 1px dashed #F5F6F7;
    height: 94px;
    margin-bottom: 5px;
    opacity: 0.6;
}

.feature-apply a {
    color: #fff !important;
}

.ui-sortable tr {
    cursor: pointer;
}

.recent-uni-header, #slide-panel .header {
    font-size: 15px;
    font-weight: 800;
    cursor: default;
    color: #FFF !important;
    text-transform: uppercase;
}

    .recent-uni-header:lang(zh), #slide-panel .header:lang(zh) {
        font-size: 20px;
        line-height: 1.8;
        font-weight: 500;
    }

.recent-uni-spacer {
    margin-bottom: 16.3638px;
}

@media only screen and (max-width: 992px) {
    .uni-logo.showbooth img {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        border: 1px solid #069;
        border-bottom: none;
        box-shadow: none;
    }

    .pane a span, .become a span {
        font-weight:500;
        font-size:16px;
    }
}
.thin {
    text-transform: uppercase;
    letter-spacing: -1px;
    font-size: 25px;
}

.strong {
    font-weight: bold;
}

.openchat {
    display: none;
}

    .openchat.visible {
        display: block;
    }

.green {
    color: #8DCA5E;
}

.cursor-pointer {
    cursor: pointer;
}

.cursor-default, .cursor-default a {
    cursor: default !important;
}

    .cursor-default:hover, .cursor-default a:hover {
        background: none !important;
    }

hr {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #fff;
}

.divider {
    border-bottom: 1px dotted #DDD;
}

.display-table {
    display: table;
}

.display-table-cell {
    display: table-cell;
}

.display-block {
    display: block;
}

.display-inline {
    display: inline;
}

.display-inline-box {
    display: -webkit-inline-box;
}

.display-table-row {
    display: table-row;
}

.display-initial {
    display: initial;
}

.display-none {
    display: none;
}

.display-inline-table {
    display: inline-table;
}

.align-middle {
    vertical-align: middle;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    outline: 0 none !important;
    outline-style: none;
}

#login_form input:-webkit-autofill::first-line {
    font-size: 18px;
}

@-webkit-keyframes autofill {
    100% {
        font-size: inherit;
    }
}

button.sm {
    width: 20%;
}

button.lg {
    width: 100%;
}

button.link {
    background: none;
    color: #000;
    font-weight: 400;
    padding: 0;
    width: auto;
}

button.white {
    background: none;
    border-color: #FFF;
    text-transform: uppercase;
    min-width: 120px;
    -moz-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    -webkit-transition: all .1s ease-in;
    transition: all .1s ease-in;
}

    button.white:hover {
        color: #FFF;
        background: #005782;
    }

    button.white:active {
        outline: none;
        color: #FFF;
    }

    button.white:focus {
        outline: none;
        color: #FFF;
    }

button.btn-default:hover {
    background-image: none;
    background-color: #FFF !important;
}

select:focus-visible {
    outline: none;
}

.form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #ccc;
    -moz-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    -webkit-transition: all .1s ease-in;
    transition: background .1s ease-in;
}

.btn.searchbtn {
    border-left: 0;
}

    .btn.searchbtn:hover {
        background: none;
        border-color: #ccc;
    }

.blue {
    background-color: #069;
}

.blue-btn, .compare-btn, .applycourse-btn, .slider-container .ui-slider-horizontal .ui-slider-range {
    background-color: #069;
    background: #069;
}

.blue-btn {
    font-family: "Lato", Arial, sans-serif;
    font-weight: 700;
    font-size: 15px;
    line-height: normal;
    color: #FFF;
    border-radius: 50px !important;
    padding: 15px 20px;
    min-width: 120px;
    outline: 0;
    border: 0;
    cursor: pointer;
    text-align: center;
    white-space: normal;
}

    .blue-btn:lang(zh) {
        font-size: 16px;
    }

    .blue-btn:hover, #headerMenu .headerApply #multi_apply.hascount:hover, .compare-btn:hover, .applycourse-btn:hover, .blue_button:hover {
        background-color: #0095e0;
        text-decoration: none;
        color: #FFF;
    }

    .blue-btn a {
        color: #FFF;
        text-decoration: none;
    }

    .blue-btn:focus {
        color: #FFF;
    }

    .blue-btn:active, .blue_button:active {
        filter: brightness(108%);
        color: #FFF !important;
    }

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

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

.row.rowsec {
    position: relative;
    padding-top: 60px;
    padding-bottom: 60px;
}

    .row.rowsec:last-of-type {
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        padding-bottom: 15px;
        margin-bottom: 40px;
    }

    .row.rowsec.rowheader {
        padding-top: 50px;
    }

    .row.rowsec.padtop0 {
        padding-top: 0;
    }

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus {
    outline: none;
}

.dropdown-menu > li:hover {
    background: #f5f5f5;
}

.hamburger-dropdown-menu > li:hover {
    background: none;
}

.tooltip.in {
    opacity: 1;
}

.tooltip-inner {
    font-family: Lato;
    font-weight: 400;
    font-size: 13px;
    padding: 8px 6px;
    border-radius: 10px;
    white-space: pre-wrap;
}

.tooltip.top .tooltip-arrow {
    bottom: -1px;
    left: 50%;
    margin-left: -8px;
    border-width: 8px 8px 0;
    border-top-color: #000;
}

.dropdown button:hover {
    box-shadow: none;
}

.br {
    border-right: 1px solid #E5E5E5;
}

.bb {
    border-bottom: 1px solid #E5E5E5;
}

.page-header {
    padding-bottom: 0;
    margin: 50px 0 0 0;
    border-bottom: 0;
}

    .page-header h2 {
        font-size: 18px;
        line-height: 1.5;
        margin-top: 15px;
        padding-top: 0;
        max-width: 660px;
        margin: 0 auto;
        font-weight: 100;
    }

    .page-header img {
        margin: 0 auto;
        height: 120px;
        max-width: 100%;
    }

.text-normal {
    text-transform: none;
}

.sup {
    vertical-align: super;
}

.overflow-auto {
    overflow: auto;
}

.caps {
    text-transform: uppercase;
}

.altcaps {
    text-transform: capitalize;
}

.lowercaps {
    text-transform: lowercase;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    font-weight: 400;
    color: #AAA;
    text-transform: none !important;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    font-weight: 400;
    color: #AAA;
    text-transform: none !important;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    font-weight: 400;
    color: #AAA;
    text-transform: none !important;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-weight: 400;
    color: #AAA;
    text-transform: none !important;
}

.top-left-radius {
    border-top-left-radius: 3px;
}

.top-right-radius {
    border-top-right-radius: 3px;
}


@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -o-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    60% {
        -webkit-transform: translateY(-5px);
        -moz-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        -o-transform: translateY(-5px);
        transform: translateY(-5px);
    }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -o-transform: translateY(-10px);
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    60% {
        -moz-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        -o-transform: translateY(-5px);
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }
}

@-moz-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -o-transform: translateY(-10px);
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    60% {
        -moz-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        -o-transform: translateY(-5px);
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }
}

#bgr-container, #big-bgr, #bgr-container #bgr-overlay {
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
}

#big-bgr {
    background-repeat: no-repeat;
    height: 100%;
    min-height: 400px;
    width: 100%;
    background-size: cover;
    left: 0;
    right: 0;
    background-position: center center;
    position: relative;
    display: block;
}

    #big-bgr:not(.first) {
        -webkit-transition: background 0.4s ease;
        -moz-transition: background 0.4s ease;
        -o-transition: background 0.4s ease;
        transition: background 0.4s ease;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
    }

#page_similarcourses .grid_row {
    padding: 20px 0 10px 0;
}


.section {
    width: 100% !important;
}

.clearBoth {
    clear: both;
}

.section label.middle {
    width: 100% !important;
}

.section .row.rowsec:last-child {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

#page_track .section:last-child {
    padding-bottom: 0;
}

.bgr-black {
    background: #2B252C;
}

.bgr-darkgray {
    background: #e1e3e4;
}

.bgr-lightgray {
    background: #EEE;
}

.bgr-darkergray {
    background: #777;
    color: #FFF;
}

.footer-dark {
    background: #006699;
}

.section.bgr-darkergray h3, .section.bgr-darkergray a {
    color: #FFF;
}

.section.bgr-darkergray a {
    display: block;
    font-size: 13px;
}

.ui-autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    float: left;
    display: none;
    padding: 4px 0;
    margin: 2px 0 0 0;
    list-style: none;
    background-color: #ffffff;
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    z-index: 100000 !important;
}

.ui-menu-item > a.ui-corner-all {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #555555;
    white-space: nowrap;
}

.ui-state-hover {
    color: #ffffff;
    text-decoration: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-image: none;
}

.ui-state-active {
    border-radius: 5px;
    color: #000;
    text-decoration: none;
}


.ui-menu .ui-state-focus, .ui-menu .ui-state-active {
    margin: unset;
    background: #069;
    color: #FFF !important;
    text-decoration: none;
}


.ui-menu .head.ui-state-active {
    background: none;
    border: none;
}

.ui-menu .ui-menu-item {
    list-style-image: none;
    margin-bottom: 3px;
    width: 100%;
}

    .ui-menu-item, .ui-menu .ui-menu-item a {
        font-family: "Roboto", Arial, sans-serif;
        font-size: 18px;
        border: 0 !important;
        cursor: pointer;
        transition: none;
        color: #111;
    }

        .ui-menu .ui-menu-item a.internal {
            color: #ea1a1a;
        }

        .ui-menu .ui-menu-item a:hover {
            text-decoration: none;
        }

        .ui-menu-item:first-child li hr {
            display: none;
        }

        .ui-menu .ui-menu-item a img {
            max-width: 15px;
            border-radius: 2px;
            margin-right: 6px;
        }

        .ui-menu .ui-menu-item a.gtt-chat:before {
            content: "\f0e5";
            font-family: fontawesome;
            font-display: swap;
            margin-right: 5px;
        }

.ui-menu .ui-menu-item-wrapper {
    padding: 3px 0.4em 3px 0.4em !important;
}

.ui-widget-content {
    border: none;
}

    .ui-widget-content .ui-menu-item .header {
        color: #111;
        font-size: 18px;
        font-weight: 500;
        cursor: default;
    }

    .ui-widget-content .ui-menu-item hr {
        margin: 5px 0;
    }


.ui-autocomplete.ui-menu {
    border: 1px solid #CCC;
    background: #fff !important;
    color: #222;
    padding: 8px !important;
    max-width: 100%;
}

.ui-autocomplete .highlight {
    font-weight: 700;
    color: #000;
}

.ui-autocomplete .internal .highlight {
    color: #ea1a1a;
}

.ui-autocomplete .ui-state-active .highlight {
    color: #FFF;
}

.ui-autocomplete span.additional {
    color: #AAA;
    font-size: 12px;
    font-weight: 300;
    margin-left: 5px;
}

.ui-helper-hidden-accessible {
    display: none;
}

.suggested-subjects .bgr-blue {
    display: none;
}


.slickinfo .slickcontent {
    background: #EEE;
    padding: 15px 15px;
    border-radius: 10px;
    outline: none;
    text-align: center;
    min-width: 100px;
}

    .slickinfo .slickcontent .slickheader img {
        height: 60px;
        width: 60px;
        margin: 0 auto;
    }

    .slickinfo .slickcontent .slickheader .fa {
        font-size: 50px;
        color: #000;
    }

    .slickinfo .slickcontent .slicktext p {
        font-size: 17px;
        margin-bottom: 0;
    }

    .slickinfo .slickcontent .slicktext a, .slickinfo .slickcontent .slicktext p {
        text-decoration: none;
        color: #000;
    }

    .slickinfo .slickcontent .slickheader span {
        font-family: Lato;
        font-size: 39px;
        font-weight: 700;
        line-height: 1;
    }

.slickinfo .slick-slide {
    padding: 12px;
}

.slick-initialized .slick-slide {
    outline: none !important;
}

.slick-track {
    margin: 0 0 0;
}


.apply-btn, .course-selected-button {
    border-radius: 5px;
    color: #FFF;
    min-width: 95px;
    text-align: center;
}

    .apply-btn a, .course-selected-button a {
        color: #FFF;
    }

    .apply-btn:hover, .course-selected-button:hover, .btn.gtt-personalise:hover {
        background-color: #0095e0;
        cursor: pointer;
        color: #FFF;
        text-decoration: none;
    }

    .course-selected-button:hover, .selected-button .apply-btn:hover {
        background: #48A504;
    }

    .apply-btn a:hover, .course-selected-button a:hover, .apply-btn a:visited, .apply-btn a:active, .apply-btn a:focus, .course-selected-button a:visited, .course-selected-button a:active, .course-selected-button a:focus {
        text-decoration: none;
    }


    .selected-button .apply-btn, .course-selected-button, .course-selected-button:hover {
        background: #4bb40f !important;
    }

.compare-btn, .applycourse-btn {
    border-radius: 50px;
    width: 100%;
    min-width: 100px;
    text-align: center;
    color: #FFF;
    text-transform: uppercase;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
    height: 30px;
    line-height: normal;
}

    .compare-btn a, .applycourse-btn a {
        color: #FFF;
    }

    .compare-btn:hover, .applycourse-btn:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .compare .compare-btn input[type=checkbox], .applycourse-btn input[type=checkbox] {
        display: none;
    }

        .compare .compare-btn input[type=checkbox]:checked + label::after, .applycourse-btn input[type=checkbox]:checked + label::after {
            content: "✓";
            margin-left: 3px;
            color: #FFF;
            font-weight: 600;
            font-size: 13px;
            line-height: 0;
        }

.compare input {
    float: left;
}

.compare label, .applycourse-btn label {
    font-weight: 400;
    cursor: pointer;
    width: 100%;
    margin-bottom: 0;
}

.compare label, .applycourse-btn label, #results .apply-btn, #results .apply-btn, .course-selected-button {
    font-family: "Lato", Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
}

.button, .compare label, .applycourse-btn label, #results .apply-btn, .btn, .blue-btn, #page_uni #request #requestrow .requestcontent span.action {
    -moz-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    -webkit-transition: all .1s ease-in;
    transition: all .1s ease-in;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    text-transform: uppercase;
    vertical-align: middle;
}

.compare label, .applycourse-btn label {
    vertical-align: unset;
}


#results .apply-btn {
    width: 100%;
}

#results .apply-btn, .course-selected-button {
    display: table-cell;
    vertical-align: middle;
    height: 28px;
    line-height: normal;
    padding: 0;
}

.course-apply-button span {
    vertical-align: middle;
}

.course-selected-button .glyphicon-ok:before {
    content: "✓";
    font-size: 13px;
    line-height: 0;
    font-weight: 600;
}

.section.header.open {
    color: #000;
}

.login_footer.cancel {
    position: absolute;
    top: 15px;
    right: 15px;
}

#login_drawer #create_account_success img {
    height: 80px;
    display: block;
    margin: 15px auto;
}


#page_uni #pathways .arrow_box:after, #page_uni #pathways .arrow_box:before {
    right: 21%;
}

#wechat {
    display: none;
}

    #wechat img {
        max-width: 300px;
        background: #FFF;
        padding: 25px;
        border-radius: 10px;
    }

.fa-exclamation-triangle.missing {
    cursor: pointer;
    color: #CCC;
}


.td-sm {
    width: 10%;
}

.td-md {
    width: 20%;
}

.td-lg {
    width: 40%;
}

.td-date input {
    width: 180px;
}

.td-short input {
    width: 140px;
}

select.select-mobile {
    width: 100%;
    height: 50px;
    font-size: 17px;
    padding: 0 5px;
    border-radius: 8px;
    border: 1px solid #CCC;
    background: #FFF;
}

    select.select-mobile.coursecaruni-ddl {
        display: block;
        text-decoration: none;
        color: #FFF;
        -moz-appearance: none;
        -webkit-appearance: none;
        background: 0;
        border: 0;
        cursor: pointer;
        height: auto;
        border-radius: 0;
    }

.icons a {
    font-size: 30px;
    color: inherit;
    text-decoration: none;
}

    .icons a:hover {
        color: #5DCDF3;
        text-decoration: none;
    }

    .icons a.fa-facebook:hover {
        color: #003b4e;
    }

    .icons a.fa-skype:hover {
        color: #12A5F4;
    }

    .icons a.fa-instagram:hover {
        color: #e95950;
    }

    .icons a.fa-whatsapp:hover {
        color: #00c15c;
    }

    .icons a.fa-wechat:hover {
        color: #A5EF7F;
    }

.fb-color {
    color: #003b4e;
}

.course-stats .cell {
    height: 70px;
}

    .course-stats .cell.box, .course-stats .cell.box span {
        cursor: pointer;
    }

        .course-stats .cell.box:hover span {
            color: #069;
        }

        .course-stats .cell.box:focus, .course-stats .cell.box:active {
            filter: brightness(98%);
        }

.course-stats img, .rank-ribbon {
    height: 45px;
}

    .course-stats img.popular {
        height: 35px;
    }

.rankgraph {
    padding: 15px;
    background: #F6F6F6;
    border-radius: 12px;
    margin: 20px auto;
}

    .rankgraph .graphdesc {
        font-size: 15px;
        line-height: 1.5;
        background: #e3f2ff;
        padding: 15px;
        border-radius: 12px;
    }

        .rankgraph .graphdesc p {
            margin: 0;
        }

.about-subcar {
    padding-top: 60px;
    padding-bottom: 60px;
    font-size: 15px;
    line-height: 1.6;
}

    .about-subcar h1 {
        margin-top: 0;
        margin-bottom: 15px;
    }

    .about-subcar h4 {
        font-size: 24px;
        font-weight: 700;
        margin-bottom: 21px;
    }

        .about-subcar h4 img {
            width: 28px;
            height: 28px;
            max-width: 28px;
            max-height: 28px;
            margin-right: 5px;
            vertical-align: sub;
        }

ul.item-box {
    list-style-type: none;
    padding: 0;
    width: auto;
    white-space: nowrap;
    overflow: auto;
    font-size: 15px;
    margin-top: 20px;
}

    ul.item-box li a {
        color: #000;
    }

    ul.item-box img {
        width: 35px;
        height: 35px;
        margin-bottom: 15px;
    }

    ul.item-box li {
        margin-bottom: 10px;
        min-width: 100px;
        border-radius: 8px;
        overflow: hidden;
        text-align: center;
        min-height: 100px;
        display: table;
        float: left;
        padding: 8px 10px;
        cursor: pointer;
        -moz-transition: border .1s ease-in;
        -o-transition: border .1s ease-in;
        -webkit-transition: border .1s ease-in;
        transition: border .1s ease-in;
        font-size: 13px;
    }

        ul.item-box li:hover {
            background: #e8e8e8;
        }

    ul.item-box .career-box .career-item {
        position: relative;
        margin: 0 auto;
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        font-size: 15px;
    }

    ul.item-box .career-box.box-selected {
        background: #F1F1F1;
    }

.accreditations .col-lg-1 img {
    max-width: 70px;
    max-height: 40px;
    margin-bottom: 20px;
}

#fairsec {
    display: none;
    width: 262px;
    position: fixed;
    bottom: 0;
    left: 50%;
    margin-left: -133px;
    z-index: 100;
    margin-bottom: 10px;
}

    #fairsec #fairsec-header {
        background: #1c8acb;
        border-bottom: 0;
        margin-bottom: -1px;
        z-index: 1001;
        padding: 5px 0;
        border-radius: 50px;
    }

    #fairsec #fairsec-img {
        z-index: 1000;
    }

        #fairsec #fairsec-img img {
            max-height: 270px;
            max-width: 220px;
            position: absolute;
            left: 21px;
            top: 10px;
        }

    #fairsec .dismissbtn {
        position: relative;
        left: 15px;
        color: #A2A2A2;
        font-size: 20px;
    }

        #fairsec .dismissbtn:hover {
            color: #069;
        }

    #fairsec a {
        font-family: "Roboto", Arial, sans-serif;
        font-size: 19px;
        font-weight: 400;
        text-transform: uppercase;
        text-decoration: none;
    }

        #fairsec a:lang(zh) {
            line-height: 1.8;
        }

        #fairsec a, #fairsec a:hover {
            color: #FFF;
        }

    #fairsec #fairsec-header:hover {
        filter: brightness(108%);
    }

#similarcourses_loader {
    display: none;
    padding: 20px 0;
}

    #similarcourses_loader .header {
        color: #CCC;
    }

.universities-section .slide-subjecthead img {
    border-radius: 100%;
}

#page_guide .catmenu {
    display: none;
    float: left;
    font-size: 47px;
    line-height: 0;
    margin-right: 10px;
}

.dropzone {
    width: 72%;
    margin: 0 auto;
    min-height: 150px;
    border: 1px dashed #DDD;
    background: #FFF;
    border-radius: 8px;
}

    .dropzone .dz-preview .dz-progress {
        display: none;
    }

    .dropzone .dz-preview .dz-details .dz-size {
        display: none !important;
    }

    .dropzone .dz-preview .dz-details .dz-filename:hover span {
        background: #FFF;
        padding: 10px;
        border: 1px solid #CCC;
        border-radius: 8px;
    }

    .dropzone .dz-message img {
        width: 40px;
        height: 40px;
        margin-bottom: 13px;
    }

    .dropzone .dz-message {
        font-size: 16px;
    }

.nofooter footer {
    display: none;
}

.border {
    border-bottom: 1px solid #DDD;
}

#page_resetpassword {
    background: #EEE;
}

.modal-page .modal-panel {
    border-radius: 10px;
    padding: 20px;
    padding-bottom: 5px;
    background: #fff;
    box-shadow: 0 0 5px #CCC;
    max-width: 400px;
    margin: 10% auto;
    text-align: center;
    font-size: 15px;
}

    .modal-page .modal-panel .form-control {
        margin-bottom: 5px;
    }

    .modal-page .modal-panel .small {
        margin-top: 10px;
    }

.modal-page .blue_button {
    margin: 0 auto;
    width: auto;
    height: auto;
    background: #069;
    color: #FFF;
    border: 1px solid #FFF;
}

#page_login .blue_button a {
    color: #FFF;
    vertical-align: middle;
    font-size: 17px;
}

#page_login .blue_button img {
    vertical-align: text-top;
    line-height: 0;
}

.modal-page .blue {
    width: 100%;
    background: #006699;
    border: none;
    color: #FFF;
    border-radius: 3px;
    padding: 10px 0;
    margin-top: 5px;
    font-size: 18px;
    -moz-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    -webkit-transition: all .1s ease-in;
    transition: all .1s ease-in;
}

    .modal-page .blue:hover {
        color: #FFF;
        filter: brightness(108%);
    }

.modal-page .orlogin {
    padding: 5px 0 20px;
    font-size: 17px;
}

.loader {
    display: none;
    font-size: 3px;
    text-indent: -9999em;
    border-top: 1.1em solid rgba(204, 204, 204, 0.2);
    border-right: 1.1em solid rgba(204, 204, 204, 0.2);
    border-bottom: 1.1em solid rgba(204, 204, 204, 0.2);
    border-left: 1.1em solid #069;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 0.6s infinite linear;
    -moz-animation: load8 0.6s infinite linear;
    -o-animation: load8 0.6s infinite linear;
    animation: load8 0.6s infinite linear;
    position: fixed;
    top: 50%;
    z-index: 99999;
    margin: 0 auto;
    left: 0;
    right: 0;
}

    .loader,
    .loader:after {
        border-radius: 50%;
        width: 10em;
        height: 10em;
    }

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


.notvisible {
    visibility: hidden;
    display: none !important;
}

.showmore, .showless, .showend {
    color: #FFF;
    cursor: pointer;
    position: relative;
    margin: 0 auto;
    background: #069;
    padding: 15px;
    text-align: center;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    display: table;
    width: 100%;
}

    .showmore:hover, .showless:hover {
        background: #006192;
    }

    .showmore i, .showless i {
        font-size: 15px;
        line-height: 1;
    }

.showend {
    cursor: default;
}

.action-group a {
    text-transform: uppercase;
}

.action-group a, #eligibility .choices label {
    font-family: "Roboto", Arial, sans-serif;
    font-size: 19px;
    font-weight: 400;
    text-decoration: none;
    border: 2px solid #069;
    padding: 17px 20px;
    margin-right: 10px;
    border-radius: 50px !important;
    text-align: center;
    color: #fff;
    background: #069;
}

    .action-group a:hover {
        color: #FFF;
        background: #069;
    }

    .action-group a:last-child {
        margin-right: 0;
    }

.ribbon {
    position: absolute;
    left: 12px;
    top: 1px;
    z-index: 1;
    overflow: hidden;
    width: 61px;
    height: 61px;
    text-align: right;
}

    .ribbon span {
        font-size: 9px;
        font-weight: 500;
        color: #FFF;
        text-transform: uppercase;
        text-align: center;
        line-height: 20px;
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        width: 80px;
        display: block;
        background: linear-gradient(#C71313 0, #C1272D 100%);
        box-shadow: 0 3px 5px -5px #000;
        position: absolute;
        top: 12px;
        left: -19px;
    }

        .ribbon span::before {
            content: "";
            position: absolute;
            left: 0;
            top: 100%;
            z-index: -1;
            border-left: 3px solid #840303;
            border-right: 3px solid transparent;
            border-bottom: 3px solid transparent;
            border-top: 3px solid #840303;
        }

        .ribbon span::after {
            content: "";
            position: absolute;
            right: 0;
            top: 100%;
            z-index: -1;
            border-left: 3px solid transparent;
            border-right: 3px solid #840303;
            border-bottom: 3px solid transparent;
            border-top: 3px solid #840303;
        }

.side-sections {
}

    .side-sections .side-section {
        height: auto;
        position: relative;
        padding-bottom: 20px;
        background: #EEE;
        border-radius: 30px;
        border-bottom-left-radius: 30px;
        border-bottom-right-radius: 30px;
    }

        .side-sections .side-section.contact {
            margin-bottom: 100px;
        }

        .side-sections .side-section.scrollfix.position-fixed {
            top: 90px;
            width: 211px;
            -moz-transition: all 2s ease-in;
            -o-transition: all 2s ease-in;
            -webkit-transition: all 2s ease-in;
            transition: all 2s ease-in;
        }

        .side-sections .side-section .section-head {
            padding: 15px 15px 15px;
            background: #069;
            color: #FFF;
            text-align: center;
            border-top-left-radius: 25px;
            border-top-right-radius: 25px;
            margin-bottom: 15px;
            cursor: default;
        }

            .side-sections .side-section .section-head img {
                width: 15px;
                vertical-align: -webkit-baseline-middle;
                margin-left: 5px;
            }

                .side-sections .side-section .section-head img.top-img {
                    display: block;
                    margin: 10px auto;
                    width: 100px;
                }

            .side-sections .side-section .section-head span {
                font-size: 15px;
                text-transform: uppercase;
                vertical-align: -webkit-baseline-middle;
            }

        .side-sections .side-section .checklist {
            padding: 10px;
        }

            .side-sections .side-section .checklist .checklist-item {
            }

        .side-sections .side-section .section-icon img {
            width: 100px;
        }

        .side-sections .side-section.contact .contact-options {
            padding: 0 15px;
        }

            .side-sections .side-section.contact .contact-options .contact-option {
                margin-bottom: 10px;
            }

                .side-sections .side-section.contact .contact-options .contact-option span {
                    display: inline-block;
                    color: #000;
                    font-size: 15px;
                }

                .side-sections .side-section.contact .contact-options .contact-option a {
                    color: #000;
                }

                    .side-sections .side-section.contact .contact-options .contact-option a:hover {
                        text-decoration: none;
                        color: #069;
                    }


                .side-sections .side-section.contact .contact-options .contact-option .fa {
                    margin-right: 8px;
                    color: #2e5c7d;
                }

.order1 {
    order: 1;
}

.order2 {
    order: 2;
}

#noty_bottomLeft_layout_container li, #noty_bottomRight_layout_container li {
    height: auto !important;
    width: fit-content !important;
    max-width: 250px !important;
}

#noty_bottomLeft_layout_container .noty_message input[type=button] {
    margin-left: 5px;
}

#noty_bottomRight_layout_container {
    width: auto !important;
}

.noty_buttons {
    background: none;
    background-color: unset !important;
    border-top: 0 !important;
    width: 100%;
    text-align: center !important;
    padding: 0 !important;
    min-width: 160px;
    margin-top: 5px;
}

#bars {
    height: 30px;
    left: 50%;
    margin: -30px 0 0 -20px;
    position: absolute;
    top: 50%;
    width: 40px;
}

.bar {
    background: #666;
    bottom: 1px;
    height: 3px;
    position: absolute;
    width: 3px;
    animation: sound 0ms -800ms linear infinite alternate;
}

@keyframes sound {
    0% {
        opacity: .35;
        height: 3px;
    }

    100% {
        opacity: 1;
        height: 28px;
    }
}

.bar:nth-child(1) {
    left: 1px;
    animation-duration: 474ms;
}

.bar:nth-child(2) {
    left: 5px;
    animation-duration: 433ms;
}

.bar:nth-child(3) {
    left: 9px;
    animation-duration: 407ms;
}

.bar:nth-child(4) {
    left: 13px;
    animation-duration: 458ms;
}

.bar:nth-child(5) {
    left: 17px;
    animation-duration: 400ms;
}

.bar:nth-child(6) {
    left: 21px;
    animation-duration: 427ms;
}

.bar:nth-child(7) {
    left: 25px;
    animation-duration: 441ms;
}

.bar:nth-child(8) {
    left: 29px;
    animation-duration: 419ms;
}

.bar:nth-child(9) {
    left: 33px;
    animation-duration: 487ms;
}

.bar:nth-child(10) {
    left: 37px;
    animation-duration: 442ms;
}


#slide-panel {
    z-index: 20000;
}

    #slide-panel .inforow {
        width: 100%;
    }

        #slide-panel .inforow .fdn-header .see-fdn, #slide-panel .inforow .fdn-header .see-unis {
            cursor: pointer;
            margin-top: 10px;
        }

        #slide-panel .inforow .fdn-header .see-fdn, #slide-panel .inforow .fdn-header .see-unis {
            border: 2px solid #069;
            border-radius: 50px;
            padding: 5px 11px;
        }

        #slide-panel .inforow .fdn-header {
            position: absolute;
            right: 0;
            top: 50%;
            margin-right: -20px;
        }

            #slide-panel .inforow .fdn-header:hover .see-fdn, #slide-panel .inforow .fdn-header:hover .see-unis {
                border: 2px solid #FFF;
                border-radius: 50px;
                -moz-transition: all 0.2s ease-in;
                -o-transition: all 0.2s ease-in;
                -webkit-transition: all 0.2s ease-in;
                transition: all 0.2s ease-in;
            }

            #slide-panel .inforow .fdn-header span {
                font-size: 25px;
            }


        #slide-panel .inforow .uni-container .martop10, #slide-panel .inforow .fdn-container .martop10 {
            margin-bottom: 2px;
        }

    #slide-panel .slide-section {
        width: 100%;
    }

body.scrolled #slide-panel {
    position: fixed;
    top: 60px;
}

body.scrolled.up #slide-panel {
    top: 0;
}

body.scrolled.up #slide-panel, body.scrolled.up #slide-panel {
    top: 0;
}

#slide-panel .pane1 .unis.become a {
    display: inline-block;
    background: #069;
    border-color: #FFF;
}

    #slide-panel .pane1 .unis.become a:hover {
        background: #FFF;
        color: #069 !important;
        text-decoration: none;
    }

    #slide-panel .pane1 .unis.become a:not(.active):hover {
        color: #F5F5F5;
    }

#slide-panel .pane1 .unis.become .split-filter a:not(.active):hover {
    background: none;
    color: #FFF !important;
}

#slide-panel .pane1 .unis.become {
    text-align: center;
    float: left;
}

#slide-panel .unis.become a.active {
    background: #FFF;
    color: #069 !important;
}

#slide-panel .pane1 {
    width: 85%;
    margin: 0 auto;
    margin-bottom: 15px;
}

    #slide-panel .pane1 .country-unis {
        display: block;
        text-align: left;
        width: 100%;
    }


#slide-panel .headingnav .become a {
    background: #069;
    border-color: #FFF;
}

#slide-panel .split-filter .filter-half {
    padding: 6px 10px;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    margin-bottom: 0 !important;
    margin-right: 0;
    border: 0;
}

    #slide-panel .split-filter .filter-half:hover {
        background-color: #f0f0f0;
    }

    #slide-panel .split-filter .filter-half.active {
        background-color: #069;
        color: #fff;
    }

#slide-panel .split-filter .left {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

    #slide-panel .split-filter .left.active {
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;
    }

#slide-panel .split-filter .right {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding-left: 10px;
}

    #slide-panel .split-filter .right.active {
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px;
        padding-left: 10px;
    }

#slide-panel .outer-toggle {
    margin-bottom: 10px;
    display: table;
}

#slide-panel .inner-toggle {
    border: 1px solid #FFF;
    border-radius: 8px;
    padding: 3px;
    display: inline-table;
}


#slide-panel .grid-container {
    display: grid;
    grid-template-columns: repeat(4, 240px); /* fixed 4 columns */
    gap: 15px; /* spacing between columns and rows */
    width: 100%;
}

#slide-panel .grid-column {
    display: block; /* stack links vertically inside column */
}

footer {
    text-align: center;
    cursor: default;
    overflow: hidden;
    padding: 70px 0 0;
}

    footer a, footer .offices, footer .copyright, footer .offices h2 {
        color: #FFF;
        text-decoration: none;
    }

        footer a:hover {
            color: #FFF;
        }

    footer .offices {
        position: relative;
    }

    footer nav {
        color: #FFF;
    }

        footer nav a {
            margin-right: 15px;
            font-size: 14px;
        }

    footer .offices a {
        display: inline-block;
    }

    footer .offices h2 {
        font-size: 20px;
        text-transform: uppercase;
        margin-bottom: 20px;
        font-weight: 400;
        display: none;
    }

    footer .offices .sec {
        vertical-align: top;
        text-align: center;
    }

        footer .offices .sec span {
            display: block;
            margin-bottom: 5px;
        }

            footer .offices .sec span .fa {
                margin-right: 7px;
            }

    footer .accreditations {
        margin-top: 20px;
    }

    footer #quicklinks-container {
        padding: 15px 0 100px;
    }

    footer .advice {
        padding: 0 0 10px;
        font-size: 15px;
        text-align: left;
    }

    footer .advice-container h2 {
        font-size: 17px;
        display: inline;
        text-transform: uppercase;
    }

        footer .advice-container h2.larger {
            font-size: 26px;
            text-transform: uppercase;
            font-style: normal;
            font-weight: 400;
        }

    footer ul.icons {
        position: relative;
        border-radius: 4em;
        display: inline-block;
        font-size: 2.25em;
        cursor: default;
        -webkit-padding-start: 0;
    }

        footer ul.icons li {
            list-style: none;
            padding: 0 8px;
            display: inline-block;
        }

            footer ul.icons li:last-child {
                margin-right: 0;
            }

        footer ul.icons a {
            font-size: 24px;
        }

    footer .footerlinks select {
        padding: 5px 5px;
        background: #006699;
        color: #FFF;
        vertical-align: baseline;
        border: 1px solid #FFF;
        border-radius: 50px;
        text-transform: CAPITALIZE;
        cursor: pointer;
        font-size: 14px;
    }

    footer .footerlogo img {
        width: 178px;
        height: auto;
    }


.box-shadow {
    box-shadow: 0 0 5px #DDD;
}

.side-sections .side-section .section-head span.main-section-head, #index #firstsec .side-sections .side-section .section-head span.main-section-head {
    font-family: 'Lato', Arial, sans-serif;
    font-weight: 700;
}

footer .contact-item {
    color: #000;
    border-radius: 10px;
    background: #FFF;
    justify-content: center;
}

    footer .contact-item input {
        font-family: FontAwesome, Roboto, Verdana, sans-serif;
        font-display: swap;
        font-size: 15px;
        -webkit-appearance: none;
        min-height: 40px;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
    }

    footer .contact-item.contactemail {
        display: block;
        cursor: default;
    }

    footer .contact-item .advice-item {
        align-self: center;
        width: 100%;
        padding: 15px;
    }

    footer .contact-item.appointment img {
        width: 100%;
    }

    footer .contact-item .advice-item.preferences {
        padding: 15px 0;
    }

    footer .contact-item .advice-item.response {
        background: #f5f5f5;
        color: #000;
        padding-top: 10px;
        font-size: 19px;
        padding-bottom: 10px;
    }

        footer .contact-item .advice-item.response img {
            display: inline-block;
            height: 13px;
            width: 13px;
        }

    footer .contact-item.appointment .days {
        font-size: 15px;
    }

    footer .contact-item.appointment .appt {
        font-size: 11px;
    }

    footer .contact-item.contact-chat {
        cursor: default;
    }

    footer .contact-item a {
        color: #000;
    }

    footer .contact-item .advice-header {
        padding: 12px;
        background: #069;
        color: #FFF;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }

    footer .contact-item .advice-item.guide ul {
        list-style: none;
        text-align: left;
        font-size: 15px;
        -webkit-padding-start: 0;
    }

        footer .contact-item .advice-item.guide ul li {
            margin-bottom: 5px;
        }

            footer .contact-item .advice-item.guide ul li a {
                color: #069;
            }

    footer .contact-item .advice-item.guide .fa {
        margin-right: 8px;
    }

footer .advice-container.contact-you {
    cursor: default;
    display: block;
}

    footer .advice-container.contact-you .text-danger {
        margin: 5px 0;
        display: -webkit-box;
    }

    footer .advice-container.contact-you .form-group {
        margin-bottom: 5px;
    }

footer #contact_partial .contact-item .recevied {
    font-family: "Roboto", Arial, sans-serif;
    font-size: 17px;
    font-style: italic;
}

footer .contact-item .blue-btn {
    font-family: "Roboto", Arial, sans-serif;
    width: 100%;
}

footer #contact_partial .cb {
    text-align: left;
    margin: 10px;
}

    footer #contact_partial .cb ul {
        list-style-type: none;
        padding-left: 0;
    }

footer .footer-advice {
    background: #EEE;
    padding: 60px 0 50px;
}

footer .recents-container {
    margin-bottom: 80px;
}

    footer .recents-container #recently-visited {
        text-align: left;
    }

        footer .recents-container #recently-visited ul {
            list-style-type: none;
            padding: 0;
            width: auto;
            white-space: nowrap;
            overflow: auto;
        }

        footer .recents-container #recently-visited li {
            margin-bottom: 5px;
            margin-right: 5px;
            background: #FFF;
            border-radius: 5px;
            overflow: hidden;
            text-align: center;
            display: table;
            float: left;
            border: 1px solid #DDD;
            cursor: pointer;
            -moz-transition: all .1s ease-in;
            -o-transition: all .1s ease-in;
            -webkit-transition: all .1s ease-in;
            transition: all .1s ease-in;
        }

            footer .recents-container #recently-visited li:hover {
                border-color: #AAA;
            }

            footer .recents-container #recently-visited li a {
                font-size: 15px;
                color: #000;
                padding: 6px 9px;
                display: block;
                text-decoration: none;
            }


.booth_number {
    cursor: pointer;
    color: #006699;
}

    .booth_number .fa {
        margin-right: 2px;
        color: #3594bf;
    }


.booth h4 {
    font-size: 21px;
}

.modal-body img {
    width: 100%;
}

.cell .entry_requirement {
    cursor: pointer !important;
}

.open > .dropdown-menu {
    display: block !important;
    border-radius: 10px !important;
    border: 1px solid #CCC;
    z-index: 90000;
}

    .open > .dropdown-menu li a {
        padding: 5px 15px;
        -moz-transition: none;
        -o-transition: none;
        -webkit-transition: none;
        transition: none;
    }

.navbar-nav > li > .gtt-get-help.dropdown-menu {
    min-width: 220px;
}

.open > .gtt-get-help.dropdown-menu li {
    padding: 10px 0;
}

    .open > .gtt-get-help.dropdown-menu li a {
        color: #000;
        font-size: 15px;
        text-decoration: none;
    }

.wechat img {
    max-width: 120px;
    margin-left: 5px;
}

.grid_row .figure {
    font-size: 18px;
    line-height: normal;
    cursor: default;
}

    /*style for ribbon don't delete*/
    /*.grid_row .figure.rank.course-rank {
        display: block;
        position: absolute;
        top: calc(50% - 7px);
        line-height: 1;
        text-align: center;
        width: 100%;
        color: #FFF;
        font-size: 13px;
    }*/

    .grid_row .figure.rank.country, .grid_row .figure.Fees.peryear, .grid_row .figure.duration, .grid_row .figure.grades {
        font-family: 'Lato', Arial, sans-serif;
        font-size: 11px;
        display: block;
        color: #888;
        margin-top: 2px;
        text-transform: lowercase;
    }

    .grid_row .figure.grades {
        text-transform: none;
    }

    .grid_row .figure.country {
        color: #888;
        font-size: 11px;
        margin-top: 2px;
    }

.grid_row .popularity-icon {
    height: 17px;
}

    .grid_row .popularity-icon.mobile-icon, .grid_row .popularity-icon {
        float: left;
        margin-right: 5px;
    }

.see-pathways {
    cursor: pointer;
    font-size: 12px;
}

    .see-pathways .icon, .see-progresions .icon {
        height: 16px;
        margin-bottom: 4px;
        margin-top: 7px;
        cursor: pointer;
        -moz-transition: all .1s ease-in;
        -o-transition: all .1s ease-in;
        -webkit-transition: all .1s ease-in;
        transition: all .1s ease-in;
    }

        .see-pathways .icon:active, .see-progresions .icon:active {
            padding: 3px;
        }

    .see-pathways .figure {
        cursor: pointer;
    }

#pathways {
    width: 100%;
}

    #pathways .tree {
        position: relative;
        width: 100%;
        min-height: 320px;
    }

        #pathways .tree #diagram {
            position: relative;
            width: 100%;
        }

            #pathways .tree #diagram svg {
                display: block;
                margin: auto;
            }

            #pathways .tree #diagram .node.child text {
                font-size: 16px;
            }

            #pathways .tree #diagram .node.parent text {
                font-size: 17px;
            }

            #pathways .tree #diagram .node circle {
                fill: #fff;
                stroke: #069;
                stroke-width: 2.5px;
                display: none;
            }

            #pathways .tree #diagram .node text {
                fill: #069;
                font-size: 16px;
                font-weight: 500;
            }

                #pathways .tree #diagram .node text.smaller {
                    font-size: 14px;
                    fill: #000;
                    font-weight: 400;
                }

                #pathways .tree #diagram .node text.smallest {
                    font-size: 13px;
                    fill: #000;
                    font-weight: 400;
                }

        #pathways .tree .info {
            font-size: 15px;
            margin: 20px;
        }

            #pathways .tree .info h1 {
                font-size: 21px;
                font-family: Lato;
                font-weight: 700;
            }

            #pathways .tree .info h2 {
                font-size: 16px;
                margin-top: 0;
                line-height: 1.2;
            }

            #pathways .tree .info h3 {
                font-size: 14px;
                margin-top: 0;
                line-height: 1.2;
                text-transform: inherit;
            }

            #pathways .tree .info ul {
                -webkit-padding-start: 0;
                font-size: 15px;
            }

                #pathways .tree .info ul li {
                    list-style-type: none;
                    margin-bottom: 2px;
                }

        #pathways .tree .link {
            fill: none;
            stroke: #AAA;
            stroke-width: 1px;
            stroke-dasharray: 2px;
        }

    #pathways .arrow_box {
        position: relative;
        background: #F1F1F1;
        border: 1px solid #F1F1F1;
        border-radius: 20px;
        margin-top: 30px;
        padding: 10px;
    }

        #pathways .arrow_box:after, .arrow_box:before {
            bottom: 100%;
            right: 23%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
        }

        #pathways .arrow_box:after {
            border-color: rgba(255, 255, 255, 0);
            border-bottom-color: #F1F1F1;
            border-width: 13px;
            margin-left: -13px;
        }

        #pathways .arrow_box:before {
            border-color: rgba(187, 187, 187, 0);
            border-bottom-color: #F1F1F1;
            border-width: 14px;
            margin-left: -14px;
        }

    #pathways a.whichroute {
        cursor: pointer;
        font-size: 17px;
        color: #000;
        text-decoration: none;
    }

#course-sort-select .dropdown-menu img {
    height: 22px;
    margin-right: 5px;
}

#course-sort-select .dropdown-menu {
    width: 270px;
    user-select: none;
}

    #course-sort-select .dropdown-menu .dropdown-header {
        padding: 0 15px;
        color: #AAA;
        font-size: 18px;
        margin-top: 15px;
        font-weight: 400;
        margin-bottom: 0;
    }

        #course-sort-select .dropdown-menu .dropdown-header:hover {
            background: none;
        }

.position-fixed {
    position: fixed !important;
}

footer .contact-form .ms-ctn .ms-trigger .ms-trigger-ico {
    margin-left: initial !important;
}

footer .contact-form .ms-ctn .ms-trigger {
    border-left: none !important;
    display: none;
}

    footer .contact-form .ms-ctn .ms-trigger:hover {
        background: none !important;
    }

footer .ms-ctn-focus {
    box-shadow: none;
}

footer .contact-form .ms-ctn {
    padding: 0 8px;
}

footer .contact-form .ms-inv {
    border-color: #CCC;
}

footer .contact-form .ms-sel-ctn .ms-sel-item {
    font-size: 15px !important;
    padding: 6px;
    background: #f1f1f1;
    color: #000;
    text-align: left;
    margin-bottom: 0;
    margin-left: 5px;
    margin-top: 5px;
    width: 100%;
}

    footer .contact-form .ms-sel-ctn .ms-sel-item.last {
        margin-bottom: 0 !important;
    }

footer .contact-form .ms-sel-ctn {
    padding-right: 5px;
}

footer .upcoming {
    color: #FFF;
    font-size: 15px;
    width: max-content;
    margin: auto auto 50px;
}

    footer .upcoming .header {
        font-family: Lato;
        font-weight: 700;
        font-size: 19px;
        margin-bottom: 10px;
    }

        footer .upcoming .header .fa {
            font-size: 19px;
            margin-right: 5px;
        }

.ms-res-ctn .ms-res-item em {
    background: none !important;
    color: #000 !important;
    font-weight: 800 !important;
}

.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(72, 72, 72, 0.74);
    z-index: 100000;
}

    .overlay .overlay-close {
        border: 0;
        background: none;
        font-size: 13px;
    }



#fairbooth {
    display: none;
    font-family: 'Lato', Arial, sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    padding: 5px;
    padding-top: 10px;
    border-radius: 10px;
    margin: 0;
    text-align: center;
    width: 100%;
    border: none;
    border-radius: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding-bottom: 10px;
    border: 1px solid #069;
    border-top: none;
}

    #fairbooth a.viewbooth {
        text-decoration: none;
    }

    #fairbooth h3, #page_uni #booth h3 {
        margin-top: 10px;
        margin-bottom: 10px;
        font-weight: 700;
        color: #000;
        text-transform: uppercase;
    }

    #fairbooth .modal-dialog {
        width: 740px;
    }

        #fairbooth .modal-dialog img {
            width: 100%;
        }

    #fairbooth .viewbooth:active, #fairbooth .viewbooth:hover {
        text-decoration: none;
        color: #069;
    }

    #fairbooth .booth-arrow .larger {
        display: block;
        font-size: 45px;
        line-height: 1;
    }

.newspaper b {
    text-transform: uppercase;
    font-weight: 100;
    font-size: 19px;
}

.description-pathwaysicon {
    max-height: 14px;
    margin: 0 5px;
}


.form-control {
    font-size: 18px;
}

#fair-banner {
    display: none;
}

.modal-footer {
    border-top: none;
}

.container.contained, .contained-container {
    background: #FFF;
    border-radius: 30px;
    padding-bottom: 15px;
    margin-bottom: 5px;
}


    .container.contained .ribbon {
        position: absolute;
        right: -6px;
        left: inherit;
        top: -7px;
        z-index: 1;
        overflow: hidden;
        width: 148px;
        height: 143px;
        text-align: right;
    }

        .container.contained .ribbon span {
            font-size: 15px;
            font-weight: 500;
            letter-spacing: 0.5px;
            color: #FFF;
            text-transform: uppercase;
            text-align: center;
            height: 64px;
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            width: 165px;
            display: block;
            background: linear-gradient(#C71313 0, #C1272D 100%);
            box-shadow: 0 3px 10px -5px #000;
            position: absolute;
            top: 6px;
            right: -45px;
            left: inherit;
            padding-top: 10px;
        }

            .container.contained .ribbon span::before {
                content: "";
                position: absolute;
                left: 0;
                top: 100%;
                z-index: -1;
                border-left: 3px solid #840303;
                border-right: 3px solid transparent;
                border-bottom: 3px solid transparent;
                border-top: 3px solid #840303;
            }

            .container.contained .ribbon span::after {
                content: "";
                position: absolute;
                right: 0;
                top: 100%;
                z-index: -1;
                border-left: 3px solid transparent;
                border-right: 3px solid #840303;
                border-bottom: 3px solid transparent;
                border-top: 3px solid #840303;
            }

    .container.contained.martop0 {
        margin-top: 0;
    }

#filtersOn {
    display: none;
    font-family: "Roboto", Arial, sans-serif;
    font-size: 16px;
    max-width: 175px;
    background: rgba(0, 0, 0, 0.9);
    color: rgb(255, 255, 255);
    padding: 10px;
    border-radius: 6px;
    position: fixed;
    bottom: 30px;
    left: 30px;
    z-index: 100;
}


#askus {
    overflow: hidden;
}

    #askus img {
        max-height: 35px;
        vertical-align: inherit;
    }

    #askus p {
        font-size: 17px !important;
        max-width: 700px;
        margin-bottom: 0;
    }

        #askus p:lang(zh) {
            font-size: 16px !important;
        }

    #askus a {
        color: #000;
    }

    #askus h1 {
        text-transform: uppercase;
    }

    #askus .askbutton {
        display: inline-block;
        float: right;
    }

.chat *:hover {
    cursor: pointer;
}

.dropdown .btn .fa-caret-down {
    -webkit-margin-start: 0;
    margin-left: 8px;
    font-size: 16px;
    vertical-align: middle;
}

.text-ad-links {
    display: none !important;
}

.truncate {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.fixed {
    position: fixed !important;
}


@keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0;
    }

    100% {
        background-position: 100% 0;
    }
}

@-webkit-keyframes placeHolderShimmer {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 100% 0;
    }
}


.timeline-wrapper {
    color: #141823;
    padding: 25px 0 0;
}

.timeline-item {
    background: #fff;
    border-radius: 3px;
    padding: 15px;
    max-width: 100%;
    min-height: 100px;
}

.animated-background {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: placeHolderShimmer;
    -moz-animation-name: placeHolderShimmer;
    -o-animation-name: placeHolderShimmer;
    animation-name: placeHolderShimmer;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: #eeeeee;
    background: -webkit-gradient(linear, left top, right top, color-stop(8%, #eeeeee), color-stop(18%, #dddddd), color-stop(33%, #eeeeee));
    background: -webkit-linear-gradient(left, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 800px 104px;
    height: 40px;
    position: relative;
}

.background-masker {
    background: #fff;
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.outlined .background-masker {
    border: 1px solid #ddd;
}

.outlined:hover .background-masker {
    border: none;
}

    .outlined:hover .background-masker:hover {
        border: 1px solid #ccc;
        z-index: 1;
    }

.background-masker.header-top,
.background-masker.header-bottom,
.background-masker.subheader-bottom {
    top: 0;
    left: 40px;
    right: 0;
    height: 12px;
}

.background-masker.header-left,
.background-masker.subheader-left,
.background-masker.header-right,
.background-masker.subheader-right {
    top: 10px;
    left: 40px;
    height: 8px;
    width: 15px;
}

.background-masker.header-bottom {
    top: 18px;
    height: 6px;
}

.background-masker.subheader-left,
.background-masker.subheader-right {
    top: 24px;
    height: 6px;
}

.background-masker.header-right,
.background-masker.subheader-right {
    width: auto;
    left: 300px;
    right: 0;
}

.background-masker.subheader-right {
    left: 280px;
}

.background-masker.subheader-bottom {
    top: 30px;
    height: 10px;
}

.background-masker.content-top,
.background-masker.content-second-line,
.background-masker.content-third-line,
.background-masker.content-second-end,
.background-masker.content-third-end,
.background-masker.content-first-end {
    top: 40px;
    left: 0;
    right: 0;
    height: 6px;
}

.background-masker.content-top {
    height: 20px;
}

.background-masker.content-first-end,
.background-masker.content-second-end,
.background-masker.content-third-end {
    width: auto;
    left: 380px;
    right: 0;
    top: 60px;
    height: 8px;
}

.background-masker.content-second-line {
    top: 68px;
}

.background-masker.content-second-end {
    left: 420px;
    top: 74px;
}

.background-masker.content-third-line {
    top: 82px;
}

.background-masker.content-third-end {
    left: 300px;
    top: 88px;
}

.show-wrap {
    overflow: hidden;
    height: 104px;
    margin-bottom: 20px;
}

    .show-wrap:after {
        content: "";
        position: absolute;
        z-index: 1;
        bottom: 0;
        left: 0;
        pointer-events: none;
        background-image: linear-gradient(to bottom, rgba(255,255,255,0), rgb(255, 255, 255) 90%);
        width: 100%;
        height: 10em;
    }

    .show-wrap.open:after {
        background: none !important;
    }

#about .show-wrap:after {
    background-image: linear-gradient(to bottom, rgba(255,255,255,0), rgb(238, 238, 238) 90%);
}


.read-more-trigger {
    text-align: center;
    border: 1px solid #CCC;
    color: #888;
    padding: 7px 8px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 15px;
    z-index: 100;
    position: relative;
}

    .read-more-trigger:hover {
        background: #FFF;
        color: #069;
    }

.zh-hidden:lang(zh) {
    display: none;
}

#testimonials .carousel-indicators .active {
    background: #069;
    border-color: #069;
    width: 12px;
    height: 12px;
}

#testimonials .carousel-indicators li:hover {
    filter: brightness(105%);
    background: #AAA;
}

#testimonials .carousel-indicators .active:hover {
    background: #069;
}

#testimonials .carousel-indicators li {
    border-color: #AAA;
    user-select: none;
}

button.closemodal {
    width: 100%;
}

.modal-dialog .btn {
    text-transform: inherit;
}

.modal-body, .modal.modal-title, .modal-header {
    padding: 20px;
}

.modal-dialog .modal-title {
    font-size: 19px;
}

img.invert {
    -webkit-filter: invert(100%);
}

.popup_wrapper {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

.popup_wrapper_visible {
    overflow-x: hidden !important;
    max-width: 100% !important;
}


#preview-uni #eligibility .choices.subjects .ms-ctn .ms-trigger {
    padding-right: 30px;
    padding-left: 5px;
    padding-top: 3px;
}

    #preview-uni #eligibility .choices.subjects .ms-ctn .ms-trigger:hover {
        padding-right: 30px !important;
        padding-left: 5px !important;
        padding-top: 3px !important;
    }

#preview-uni #filtersOn {
    display: none !important;
}


#preview-uni {
    display: none;
    max-width: 100%;
}

    #preview-uni #page_uni {
        background: #FFF;
        margin-bottom: 0;
    }

    #preview-uni .content #page_uni .bgr-container .container.contained, #preview-uni .content #page_uni #aboutus, #preview-uni .content #page_uni #aboutus .container.contained {
        background: #FFF;
        box-shadow: none;
        padding-left: 0;
        padding-right: 0;
    }

    #preview-uni .content #page_uni #aboutus {
        padding-bottom: 0;
    }

    #preview-uni .content #intro .container.contained {
        margin-top: 0;
    }

    #preview-uni .content .bgr-gray.bgr-container {
        background: none;
    }

    #preview-uni .hide-on-preview {
        display: none;
    }

    #preview-uni #big-bgr, #preview-uni #bgr-container, #preview-uni #bgr-container #bgr-overlay {
        border-radius: 0;
    }

    #preview-uni .close_popup {
        z-index: 10000;
        width: auto;
        padding-left: 20px;
        padding-right: 20px;
        height: 40px;
        position: fixed;
        left: 50%;
        bottom: 3%;
        transform: translate(-50%, -50%);
        margin: 0 auto;
        background: rgba(0, 0, 0, 0.8);
        color: #FFF;
        border-radius: 50px;
        border: none;
        font-weight: 500;
        line-height: normal;
        font-size: 18px;
    }

        #preview-uni .close_popup:hover {
            background: rgba(0, 0, 0, 1);
        }


/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
    .pull-right-sx {
        float: right;
    }

    .pull-left-xs {
        float: left;
    }

    .padtop15-xs {
        padding-top: 15px;
    }

    .padtop30-xs {
        padding-top: 30px;
    }

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

    .text-right-xs {
        text-align: right;
    }
}




/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {


    .right-sm {
        text-align: right;
    }

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

    .text-right-sm {
        text-align: right;
    }

    .col-sm-8custom {
        width: 11%;
    }

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

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    #page_course .details .info_box {
        min-height: 245px;
    }


    .right-md {
        text-align: right;
    }

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

    .text-right-md {
        text-align: right;
    }

    .col-md-auto {
        width: auto;
    }

    #page_course .row.details .col:not(:last-of-type) {
        padding-right: 0;
    }

    #page_course #results .uni:first-child {
        padding-top: 0;
    }

    .col-lg-auto {
        width: auto;
    }

    .col-no-pad-right-md {
        padding-right: 0;
    }

    .col-no-pad-left-md {
        padding-left: 0;
    }

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

    .padtop30-md {
        padding-top: 30px;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    .ribbon {
        left: 11px;
    }

    .uni-logo img {
        max-width: 65px;
    }
}

@media only screen and (max-width : 1200px) {
    .container {
        width: 100%;
    }


    .bl {
        border-left: none;
    }

    .br {
        border-right: none;
    }

    .bb {
        border-bottom: none;
    }

    .row.rowsec:last-of-type {
        margin-bottom: 0;
        border-radius: 0;
    }

    #nav-alert {
        visibility: hidden;
        background: red;
        width: 28px;
        height: 28px;
        border-radius: 50%;
        position: absolute;
        top: 23px;
        left: 23px;
        border: 2px solid #FFF;
        line-height: normal;
        display: inline-flex; /* flexbox directly on the badge */
        align-items: center; /* vertical center */
        justify-content: center; /* horizontal center */
    }

        #nav-alert span {
            color: #FFF;
            font-size: 14px;
            font-weight: 500;
            line-height: 1;
        }

        .name-stats-col .classification {
            line-height: 1.4;
        }

    a.university_name {
        margin-right: 3px;
    }

        .uni-name .fa {
            font-size: 13px;
            color: #222;
            min-width: 15px;
        }

            .uni-name .fa.accredited {
                color: #6CB23A;
            }

        .uni-name .fa-map-marker {
            font-size: 19px;
            color: #086fa3;
        }
}


@media only screen and (max-width: 1024px) {
    #slide-panel {
        position: fixed;
        top: 0;
        z-index: 100;
        height: 100%;
        overflow: scroll;
    }
}

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

    form#header_search_form {
        border: 0 !important;
        padding: 0 !important;
        position: relative;
        left: 0;
        top: 5px;
        border-radius: 0;
        margin-right: 0;
    }

    .col-sm-no-pad {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 0;
    }


    .martop30-sm {
        margin-top: 30px;
    }
}

@media only screen and (min-width : 1251px) {

    .pull-right-lg {
        float: right;
    }

    .right-lg {
        text-align: right;
    }

    .col-no-pad-lg {
        padding-left: 0;
        padding-right: 0;
    }
}

@media only screen and (min-width : 1200px) {

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

    .text-right-lg {
        text-align: right;
    }

    .uni-name {
        padding-left: 0;
        padding-right: 0;
    }
}

@media only screen and (min-width:992px) {

    .newspaper {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 3px;
        -moz-column-gap: 30px;
        column-gap: 30px;
    }


    .uni-name .accredited {
        color: #6cb23b;
    }
}

@media only screen and (min-width : 1440px) {
    #fairbooth {
        display: none;
    }
}

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

    #index .row.rowheader h1 {
        font-size: 29px !important;
        line-height: 32px !important;
    }
}

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

    .col-sm-bottom-margin {
        margin-bottom: 15px;
    }

        .col-sm-bottom-margin:last-of-type:not(:only-of-type) {
            margin-bottom: 0;
        }

    .padbot10-sm {
        padding-bottom: 10px;
    }

    .padbot15-sm {
        padding-bottom: 15px;
    }

    .width-full-sm {
        width: 100%;
    }

    .ui-menu-item, .ui-menu-item a {
        font-size: 18px;
    }

    .booth_number {
        font-size: 40px;
        display: block;
    }

    #fairbooth {
        display: block;
    }

    .timeline-wrapper {
        margin-top: 30px;
    }

    #fairbooth h3, #page_uni #booth h3 {
        margin-bottom: 10px;
        font-size: 27px;
    }

    .media_source iframe {
        height: 400px;
    }

    .fullwidth-sm {
        width: 100%;
    }

    .nolrpad {
        padding-left: 15px;
        padding-right: 15px;
    }

    .inline-block-sm {
        display: inline-block !important;
    }

    .block-sm {
        display: block !important;
    }

    .margin-right10-sm {
        margin-right: 10px;
    }



    footer .footerlinks select {
        font-size: 15px;
        text-align: center;
        -webkit-appearance: none;
        padding: 9px 10px;
    }

    .page_search #slide-panel, .page_subject #slide-panel, .page_career #slide-panel {
        height: 100%;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    #slide-panel .inforow .pane1 {
        padding: 10px 10px 50px;
    }

        #slide-panel .inforow .pane1 a {
            font-size: 17px;
        }

    #slide-panel .slide-section {
        padding-top: 70px;
    }

    .recent-uni-header, #slide-panel .header {
        font-size: 21px;
        line-height: 2;
    }

    #fairsec #fairsec-header {
        padding: 10px 0;
        border-radius: 0;
    }

    #university .row span.header {
        font-size: 30px;
    }

    #refine-container .header h1 {
        font-size: 17px;
        font-weight: bold;
        color: #000;
        margin-top: 5px;
    }

    #refine-container .refine-dialog {
        margin-bottom: 2px;
        margin-top: 5px;
    }

    .col-sm-no-pad {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 0;
    }

    #preview-uni .close_popup {
        font-size: 20px;
    }
}

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


    select.select-mobile {
        width: 100% !important;
    }

    .sm-display-block {
        display: block;
    }

    .col-no-pad-right-sm {
        padding-right: 0;
    }

    .col-no-pad-left-sm {
        padding-left: 0;
    }

    table#shortlisted_courses thead {
        display: none;
        min-width: 120px;
    }

    table#shortlisted_courses #results {
        border: none;
    }

        table#shortlisted_courses #results td:last-child {
            padding-bottom: 10px;
        }

    table#shortlisted_courses tbody td {
        font-size: 14px;
        text-align: left;
        padding: 0;
    }

        table#shortlisted_courses tbody td .fees {
            float: left;
            margin-right: 5px;
        }

        table#shortlisted_courses tbody td .course_status {
            font-size: 16px;
            margin-top: 10px;
            background: #d7f5cb;
            padding: 10px;
            border-radius: 4px;
        }

    table#shortlisted_courses tbody tr td.priority {
        width: 10%;
        padding: 0;
    }

    .section.header h3 {
        font-size: 20px;
        line-height: normal;
    }

    table#shortlisted_courses {
        width: 100%;
        text-align: left;
        table-layout: fixed;
    }

        table#shortlisted_courses th, table#shortlisted_courses td {
            -ms-word-wrap: break-word;
            word-wrap: break-word;
            width: 100%;
            display: block;
        }

    table.courses tbody tr {
        display: inline-block;
        padding: 10px 0;
        width: 100%;
        height: auto;
    }

    table.courses .course-status .status {
        width: 20%;
        margin-top: 16px;
    }

    table#shortlisted_courses .remove-cell {
        display: inline;
        position: absolute;
        right: 0;
        width: 35px;
    }

        table#shortlisted_courses .remove-cell a.remove-button {
            width: auto;
        }

    .uni-logo {
        width: auto;
    }

        .uni-logo.popular {
            margin-left: 0;
        }

    #results > .uni {
        border-bottom: 1px dotted #EEE;
        padding: 10px 0 25px;
    }

    #results .row-similar {
        padding: 30px 0 15px 0;
    }

    .padbot10-xs {
        padding-bottom: 10px;
    }

    .padbot15-xs {
        padding-bottom: 15px;
    }

    .padbot25-xs {
        padding-bottom: 25px;
    }

    .width-full-xs {
        width: 100%;
    }

    .slider-container .ui-slider-horizontal .ui-slider-handle {
        font-size: 17px;
        min-width: 45px;
        height: 35px;
    }

    .blue-btn {
        padding: 14px 25px;
        width: 100%;
    }

    .blue-btn, #page_course .apply-div .header.compare .compare-btn label, .compare label, .applycourse-btn label, #page_course .apply-div .compare .compare-btn input[type=checkbox]:checked + label::after, .blue_button {
        font-size: 19px;
    }

    .col-valign-middle {
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        -webkit-transform: none;
        transform: none;
    }

    .martop15-sm {
        margin-top: 15px;
    }

    .martop30-sm {
        margin-top: 30px;
    }

    .accred span {
        vertical-align: middle;
    }

    .accred.not span {
        color: #888;
        font-size: 16px;
    }

    #subject-search .about-subcar {
        font-size: 19px;
        padding-top: 50px;
    }

        #subject-search .about-subcar .show-wrap {
            height: 140px;
        }

    .classification {
        font-size: 15px;
    }

    .col-no-pad-left-sm {
        padding-left: 0;
    }

    #course-sort-select .dropdown-menu {
        width: 100%;
        min-width: 92vw;
    }

    #results .slickinfo .slickcontent .slickheader, #results .slickinfo .slickcontent .slicktext {
        max-width: 200px;
        text-align: left;
        vertical-align: middle;
    }

    #results #matchinguni .slickinfo .slickcontent .slicktext p {
        font-size: 18px !important;
    }

    #results #matchinguni .slickinfo .slickcontent .slickheader img {
        height: 80px;
        width: 80px;
    }

    #results #matchinguni h4, #results #matchingcourses h4 {
        font-size: 21px;
    }

    .ui-menu-item, .ui-menu-item a {
        margin-bottom: 5px;
    }

    #askus p {
        font-size: 19px !important;
    }

    #askus .askbutton {
        width: 100%;
        float: none;
        margin-top: 15px;
    }

    .page_subject.scrolled:not(.down) .navbar, .page_search.scrolled:not(.down) .navbar, .page_career.scrolled:not(.down) .navbar {
        display: none;
    }

    .slider-container {
        background: #e6e6e6;
        padding: 10px;
        padding-bottom: 0;
        margin-top: 0;
        border-radius: 10px;
    }

    #filtersOn {
        bottom: 20px;
        left: 20px;
    }

    #results .uni {
        padding-bottom: 25px;
    }

    .ui-widget-content .ui-menu-item .header {
        font-size: 19px;
        margin-top: 5px;
    }

    .ui-menu .ui-menu-item a img {
        max-width: 21px;
        vertical-align: text-top;
        margin-right: 8px;
        margin-top: 0;
    }

    #preview-uni .content #page_uni #request {
        padding-bottom: 150px;
        padding-top: 50px;
    }


    #preview-uni #page_uni .page_uni-uni-logo {
        margin: 20px 15px;
        margin-right: 0;
    }


    #results .row-similar.first {
        padding-top: 30px;
    }
}

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

    .col-xs-bottom-margin {
        margin-bottom: 15px;
    }

        .col-xs-bottom-margin:last-of-type:not(:only-of-type) {
            margin-bottom: 0;
        }

    .apply-div.col-xs-bottom-margin:last-of-type:not(:only-of-type) {
        margin-bottom: 15px;
    }

    .col-xs-bottom-margin-20 {
        margin-bottom: 20px;
    }

    .col-xs-bottom-margin-40 {
        margin-bottom: 40px;
    }

    .col-xs-top-margin-20 {
        margin-top: 20px;
    }

    .col-xs-top-margin-40 {
        margin-top: 40px;
    }

    .col-xs-top-margin-60 {
        margin-top: 60px;
    }

    .similar-mobile .col-sm-display-block {
        display: block;
        width: 100%;
    }

    #page_similarcourses #results .cell {
        height: 30px;
    }

    #results .course-stats .cell:first-of-type {
        width: 130px;
    }

    .course-stats .cell.cell_gap {
        display: none;
    }

    #results .apply-btn, #results .course-selected-button {
        width: 100%;
        padding: 9px;
        height: 40px;
    }

    #results .compare-btn, #results .applycourse-btn {
        height: 40px;
    }

        #results .compare-btn label, #results .applycourse-btn label, #results .apply-btn, #results .course-selected-button {
            font-size: 17px;
            min-width: 120px;
        }

    .compare label, #results .apply-btn, .applycourse-btn label {
        min-width: 110px;
        font-size: 17px !important;
    }

    .col-sm-1-2 {
        width: 10%;
    }

    .course-stats .cell {
        height: 50px;
    }

    .slider-container.alevel .slider {
        width: 80%;
    }

    footer .contact-item .advice-item.response {
        font-size: 17px;
    }

    .booth {
        width: 100%;
        margin-bottom: 0;
    }
}

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

    .media_source iframe {
        height: 146px !important;
    }

    .page-header h2 {
        font-size: 18px;
    }

    .similar-section {
        left: 30%;
        width: auto;
    }

    .page-header img {
        height: auto !important;
    }

    .col-xs-no-pad {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 0;
    }

    .rowsec-xs-no-pad {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .action-group a:hover, #eligibility .choices label:hover {
        background: #FFF;
        color: #069;
    }

    footer .offices a, footer .offices span, footer .upcoming span {
        font-size: 18px;
    }

    footer .upcoming .header span {
        font-size: 19px;
    }

    .dropzone {
        width: 100%;
    }

    #results .see-similar {
        margin-top: 7px;
        font-size: 17px;
        font-weight: 400;
    }

        #results .see-similar .fa {
            color: #069;
        }

    footer .offices .sec {
        padding-bottom: 30px;
    }

    .navbar #left-nav #left-nav-container {
        padding-bottom: 100px;
    }

    footer ul.icons li {
        padding: 9px;
    }

    a.course_name {
        font-size: 19px;
    }

    a.university_name {
        font-size: 16px;
        margin-bottom: 5px;
    }

    .uni-name .uni-info {
        font-size: 17px;
        padding-left: 0;
        padding-bottom: 5px;
    }


    .uni-name {
        margin-bottom: 5px;
    }

    .grid_row {
        padding-bottom: 0;
    }

    #index #partners .actions {
        font-size: 17px;
    }

    footer .advice-container h2 {
        font-size: 19px;
    }

    footer .contact-item .advice-header {
        padding: 14px;
    }

    .ui-autocomplete {
        border: 0;
        border-radius: 0;
        box-shadow: none;
        margin: 0;
        padding: 5px;
    }


    #page_apply .nocourse {
        margin: 0 0 30px;
    }

    footer .contact-item .advice-item.guide ul li a {
        font-size: 17px;
    }

    footer .contact-item {
        margin-bottom: 60px;
    }

        footer .contact-item.marbot0 {
            margin-bottom: 0;
        }

    footer textarea, footer input[type=text], footer input[type=email], textarea.form-control, footer input[type=tel] {
        font-size: 17px;
        min-height: 50px;
    }

    .desc {
        font-size: 17px;
    }

    #partnerships {
        padding-top: 0 !important;
    }

    #fairsec {
        width: 100%;
        bottom: 0;
        left: 0;
        margin-left: 0;
        border-radius: 0;
        margin-bottom: 0;
    }

        #fairsec img {
            height: 36px;
        }

    footer .advice-container .advice {
        display: none;
    }

    .course-stats .cell_1 {
        width: 48%;
    }

    #fair-banner {
        display: block;
        padding-top: 10px;
        padding-bottom: 10px;
        background: #000;
    }

        #fair-banner .info {
            color: #FFF;
        }

            #fair-banner .info i {
                font-size: 22px;
                margin-right: 3px;
            }

            #fair-banner .info a {
                text-decoration: none;
                color: #FFF;
            }

            #fair-banner .info span {
                font-size: 17px;
                font-family: "Roboto", Arial, sans-serif;
                text-transform: uppercase;
            }

    #fairbooth .modal-dialog {
        max-width: 95%;
    }

    .block-xs {
        display: block !important;
    }

    #page_similarcourses .grid_row {
        padding-bottom: 15px;
    }

    .details .info_box_item .smaller {
        font-size: 14px !important;
    }

    .ui-autocomplete span.additional {
        display: block;
        margin-left: 0;
        color: #333;
        font-size: 14px;
    }

    #preview-uni_wrapper.popup_wrapper_visible {
        padding: 0;
    }

    #preview-uni .content #page_uni #aboutus {
        padding-left: 15px;
        padding-right: 15px;
        background: #FFF !important;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1024px) {
    .uni-name {
        max-width: 300px;
    }
}

@media only screen and (max-width: 499px) {
    .page-header {
        margin-bottom: 15px;
    }

    footer .advice-container h1.larger {
        font-size: 28px;
    }

    footer .advice span {
        font-size: 27px !important;
    }

    footer .backtotop {
        float: none;
        right: initial;
    }

    #noty_bottomLeft_layout_container {
        left: 20px !important;
    }

    div.course_details .info_box_item {
        padding: 8px 15px;
    }
}

@media only screen and (min-width:1200px) {
    #nav-alert {
        display: none !important;
    }

    #login_drawer .blue-btn {
        min-height: 45px;
        width: 100%;
        font-size: 17px;
    }

    body.scrolled.down .navbar {
        display: block !important;
        z-index: 100000;
    }

    body.scrolled.up .navbar {
        display: none;
    }

    #preview-uni .close_popup {
        bottom: 1%;
    }
}

@media only screen and (min-width:1350px) {
    .wide-lg .container {
        width: 1300px;
    }
}

@media only screen and (min-width:1300px) and (max-height:700px) {
    body.scrolled #slide-panel {
        position: relative !important;
        top: 90px !important;
    }
}