/*! jQuery UI - v1.12.1 - 2017-01-24
* http://jqueryui.com
* Includes: core.css, datepicker.css, theme.css
* To view and modify this theme, visit http://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-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:after, .ui-helper-clearfix:before {
    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-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none
}

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

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

    .ui-datepicker .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-prev-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-next span, .ui-datepicker .ui-datepicker-prev 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;
        border: 0
    }

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

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

    .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        margin: .7em 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;
            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-widget {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em
}

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

    .ui-widget button, .ui-widget input, .ui-widget select, .ui-widget textarea {
        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: 700
}

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

    .ui-button, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, html .ui-button.ui-state-disabled:active, html .ui-button.ui-state-disabled:hover {
        font-weight: 400
    }

        .ui-button, .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 {
            color: #454545;
            text-decoration: none
        }

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

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

.ui-visual-focus {
    box-shadow: 0 0 3px 1px #5e9ed6
}

.ui-button.ui-state-active:hover, .ui-button:active, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: 400;
    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
}

.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-state-error-text, .ui-widget-content .ui-state-error a, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error a, .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: 700
}

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

.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, .ui-widget-header .ui-icon {
    background-image: url(images/ui-icons_444444_256x240.html)
}

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

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

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

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

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

.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-first, .ui-icon-seek-start {
    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-left, .ui-corner-tl, .ui-corner-top {
    border-top-left-radius: 3px
}

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

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

.ui-corner-all, .ui-corner-bottom, .ui-corner-br, .ui-corner-right {
    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
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate(0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.swiper-container-multirow > .swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto
}

    .swiper-container-autoheight .swiper-wrapper {
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        -webkit-transition-property: -webkit-transform,height;
        -moz-transition-property: -moz-transform;
        -o-transition-property: -o-transform;
        -ms-transition-property: -ms-transform;
        transition-property: transform,height
    }

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

    .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
        opacity: .35;
        cursor: auto;
        pointer-events: none
    }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

    .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
    }

    .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
    }

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

    .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
    }

    .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
    }

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10
}

    .swiper-pagination.swiper-pagination-hidden {
        opacity: 0
    }

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0,-50%,0);
    -moz-transform: translate3d(0,-50%,0);
    -o-transform: translate(0,-50%);
    -ms-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0)
}

    .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 5px 0;
        display: block
    }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px
}

.swiper-pagination-progress {
    background: rgba(0,0,0,.25);
    position: absolute
}

    .swiper-pagination-progress .swiper-pagination-progressbar {
        background: #007aff;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: left top;
        -moz-transform-origin: left top;
        -ms-transform-origin: left top;
        -o-transform-origin: left top;
        transform-origin: left top
    }

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal > .swiper-pagination-progress {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-vertical > .swiper-pagination-progress {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-progress.swiper-pagination-white {
    background: rgba(255,255,255,.5)
}

    .swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
        background: #fff
    }

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
    background: #000
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px
}

    .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        transform-style: preserve-3d
    }

    .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 10
    }

    .swiper-container-3d .swiper-slide-shadow-left {
        background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
        background-image: -webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
    }

    .swiper-container-3d .swiper-slide-shadow-right {
        background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
        background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
    }

    .swiper-container-3d .swiper-slide-shadow-top {
        background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
        background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
    }

    .swiper-container-3d .swiper-slide-shadow-bottom {
        background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
        background-image: -webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
    }

.swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper {
    -ms-perspective: 1200px
}

.swiper-container-cube, .swiper-container-flip {
    overflow: visible
}

    .swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1
    }

        .swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide {
            pointer-events: none
        }

    .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
        pointer-events: auto
    }

    .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
        z-index: 0;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .swiper-container-cube .swiper-slide {
        visibility: hidden;
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
        width: 100%;
        height: 100%
    }

    .swiper-container-cube.swiper-container-rtl .swiper-slide {
        -webkit-transform-origin: 100% 0;
        -moz-transform-origin: 100% 0;
        -ms-transform-origin: 100% 0;
        transform-origin: 100% 0
    }

    .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
        pointer-events: auto;
        visibility: visible
    }

    .swiper-container-cube .swiper-cube-shadow {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: .6;
        -webkit-filter: blur(50px);
        filter: blur(50px);
        z-index: 0
    }

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

    .swiper-container-fade .swiper-slide .swiper-slide {
        pointer-events: none
    }

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center
}

    .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain
    }

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,.1)
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -moz-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12,end) infinite;
    -moz-animation: swiper-preloader-spin 1s steps(12,end) infinite;
    animation: swiper-preloader-spin 1s steps(12,end) infinite
}

    .swiper-lazy-preloader:after {
        display: block;
        content: "";
        width: 100%;
        height: 100%;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
        background-position: 50%;
        -webkit-background-size: 100%;
        background-size: 100%;
        background-repeat: no-repeat
    }

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}

.mCustomScrollbar {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom
}

    .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
        -ms-touch-action: auto;
        touch-action: auto
    }

.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: 0;
    direction: ltr
}

.mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto
}

.mCSB_inside > .mCSB_container {
    margin-right: 30px
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-left: 30px
}

    .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
        margin-left: 0
    }

.mCSB_scrollTools {
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: .75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCSB_outside + .mCSB_scrollTools {
    right: -26px
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    right: auto;
    left: 0
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    left: -26px
}

.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 20px 0
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px
}

.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
    z-index: 1
}

    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        position: relative;
        width: 4px;
        height: 100%;
        margin: 0 auto;
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        border-radius: 16px;
        text-align: center
    }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px
}

.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonUp {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0
}

.mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-bottom: 30px
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
    min-height: 100%
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0
}

.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
    margin: 0 20px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 30px;
    height: 100%;
    left: 0
}

    .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        width: 100%;
        height: 4px;
        margin: 6px auto
    }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    margin: 2px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px;
    margin: 4px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0
}

.mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px
}

    .mCSB_container_wrapper > .mCSB_container {
        padding-right: 30px;
        padding-bottom: 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
    margin-right: 0;
    margin-left: 30px
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
    padding-right: 0
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
    padding-bottom: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
    margin-left: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out,background-color .2s ease-in-out
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
    -webkit-transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;
    -moz-transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;
    -o-transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;
    transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 0;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)"
}

.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)"
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.4);
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.85);
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)"
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.9);
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"
}

.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp {
    background-image: url(mCSB_buttons.html);
    background-repeat: no-repeat;
    opacity: .4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px
}

    .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover, .mCSB_scrollTools .mCSB_buttonUp:hover {
        opacity: .75;
        filter: "alpha(opacity=75)";
        -ms-filter: "alpha(opacity=75)"
    }

    .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active, .mCSB_scrollTools .mCSB_buttonUp:active {
        opacity: .9;
        filter: "alpha(opacity=90)";
        -ms-filter: "alpha(opacity=90)"
    }

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.15)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.75)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0,0,0,.85)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: rgba(0,0,0,.9)
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255,255,255,.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255,255,255,.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px auto
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.85)
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.9)
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px 0
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -20px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -40px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.85)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.9)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px 0
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -20px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -40px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255,255,255,.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background-color: #fff;
    background-color: rgba(255,255,255,.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.85)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.9)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px 0
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -20px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -40px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.85)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.9)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px 0
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -20px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px
}

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255,255,255,.1)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.15)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.75)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.85)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.9)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255,255,255,.15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded.mCSB_scrollTools .mCSB_dragger {
    height: 14px
}

    .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 14px;
        margin: 0 1px
    }

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 14px
}

    .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        height: 14px;
        margin: 1px 0
    }

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 16px;
    height: 16px;
    margin: -1px 0
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 4px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 16px;
    width: 16px;
    margin: 0 -1px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 -72px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -92px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -112px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -128px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.75)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.85)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.9)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px -72px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -92px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -112px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {
    width: 4px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    background-color: transparent;
    background-position: center
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
    background-repeat: repeat-y;
    opacity: .3;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
    background-repeat: repeat-x
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px -72px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -92px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -112px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px -72px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -92px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -112px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-y;
    background-image: -moz-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
    background-image: -o-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
    background-image: -ms-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
    background-image: linear-gradient(to right,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
    background-image: -o-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
    background-image: -ms-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
    background-image: linear-gradient(to bottom,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)
}

.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 70px
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 70px
}

.mCS-3d-dark.mCSB_scrollTools, .mCS-3d.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        border-radius: 16px
    }

    .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
        width: 8px;
        background-color: #000;
        background-color: rgba(0,0,0,.2);
        box-shadow: inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px rgba(255,255,255,.2)
    }

    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
        background-color: #555
    }

    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 8px
    }

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 8px;
    margin: 4px 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.5),inset 0 -1px 1px rgba(255,255,255,.2)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 8px;
    margin: 4px auto
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.1);
    box-shadow: inset 1px 0 1px rgba(0,0,0,.1)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    box-shadow: inset 0 1px 1px rgba(0,0,0,.1)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

    .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px
    }

.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical {
    right: 1px
}

.mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCS-3d-thick.mCSB_scrollTools_vertical {
    box-shadow: inset 1px 0 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal, .mCS-3d-thick.mCSB_scrollTools_horizontal {
    bottom: 1px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: inset 1px 0 0 rgba(255,255,255,.4);
    width: 12px;
    margin: 2px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255,255,255,.4);
    height: 12px;
    width: auto
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #555
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #000;
    background-color: rgba(0,0,0,.05);
    box-shadow: inset 1px 1px 16px rgba(0,0,0,.1)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools {
    box-shadow: inset 0 0 14px rgba(0,0,0,.2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    box-shadow: inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255,255,255,.4),inset -1px 0 0 rgba(0,0,0,.2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #777
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #fff;
    background-color: rgba(0,0,0,.05);
    box-shadow: inset 1px 1px 16px rgba(0,0,0,.1)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
    right: 0;
    margin: 12px 0
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    margin: 0 12px
}

.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
    left: 0;
    right: auto
}

.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 50px
}

.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 50px
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background-color: #000;
    background-color: rgba(0,0,0,.2)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px
}

.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 6px;
    margin: 5px 0
}

.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 12px
}

.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 12px;
    margin: 2px 0
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.75)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.85)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.9)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.1)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
    width: 12px;
    background-color: #000;
    background-color: rgba(0,0,0,.2)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    margin: 3px 5px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 6px;
    margin: 5px 3px;
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 12px;
    margin: 2px 0
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.75)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.85)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.9)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.1)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-color: rgba(255,255,255,.2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    border-color: #000;
    border-color: rgba(0,0,0,.2)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255,255,255,.6)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.6)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.75)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.85)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.9)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.75)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.85)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.9)
}

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

@font-face {
    font-family: 'BeirutBold';
    src: url('../fonts/BeirutBold.eot');
    src: url('../fonts/BeirutBoldd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/BeirutBold.woff2') format('woff2'), url('../fonts/BeirutBold.woff') format('woff'), url('../fonts/BeirutBold.ttf') format('truetype'), url('../fonts/BeirutBold.svg#BeirutBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BeirutLight';
    src: url('../fonts/BeirutLight.eot');
    src: url('../fonts/BeirutLightd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/BeirutLight.woff2') format('woff2'), url('../fonts/BeirutLight.woff') format('woff'), url('../fonts/BeirutLight.ttf') format('truetype'), url('../fonts/BeirutLight.svg#BeirutLight') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: Pe-icon-7-stroke;
    src: url(../fonts/Pe-icon-7-stroke.eot);
    src: url(../fonts/Pe-icon-7-stroked41d.eot?#iefix) format('embedded-opentype'),url(../fonts/Pe-icon-7-stroke.woff) format('woff'),url(../fonts/Pe-icon-7-stroke.ttf) format('truetype'),url(../fonts/Pe-icon-7-stroke.svg#Pe-icon-7-stroke) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Roboto-Regular;
    src: url(../fonts/Roboto-Regular.eot);
    src: url(../fonts/Roboto-Regulard41d.eot?#iefix) format('embedded-opentype'),url(../fonts/Roboto-Regular.woff2) format('woff2'),url(../fonts/Roboto-Regular.woff) format('woff'),url(../fonts/Roboto-Regular.html) format('truetype'),url(../fonts/Roboto-Regular.svg#Roboto-Regular) format('svg');
    font-weight: 400;
    font-style: normal
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: FontAwesome;
        src: url(../fonts/FontAwesome-2.svg) format('svg')
    }

    @font-face {
        font-family: Pe-icon-7-stroke;
        src: url(../fonts/Pe-icon-7-stroke.svg) format('svg')
    }

    @font-face {
        font-family: Roboto-Regular;
        src: url(../fonts/Roboto-Regular.svg) format('svg')
    }
}

.arial {
    font-family: arial
}

.fontawesome {
    font-family: FontAwesome
}

.absara-bold {
    font-family: BeirutBold
}

.absara-light {
    font-family: BeirutLight
}

.absara-medium {
    font-family: BeirutLight
}

.pe-icon {
    font-family: Pe-icon-7-stroke
}

.roboto {
    font-family: Roboto-Regular
}

.tahoma {
    font-family: Tahoma,Verdana,Segoe,sans-serif
}

.service-check-card-gradient {
    -moz-box-shadow: 1px 1px 4px rgba(0,0,0,.05);
    -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,.05);
    box-shadow: 1px 1px 4px rgba(0,0,0,.05)
}

.online-size {
    width: 68px;
    height: 98px
}

.card-size {
    width: 104px;
    height: 68px
}

.cash-size {
    width: 88px;
    height: 88px
}

.car-size {
    width: 88px;
    height: 78px
}

.house-size {
    width: 86px;
    height: 86px
}

.location-size {
    width: 56px;
    height: 90px
}

.save-money-size {
    width: 96px;
    height: 90px
}

.private-client-size {
    width: 118px;
    height: 92px
}

.business-client-size {
    width: 96px;
    height: 94px
}

.bob-invest-size {
    width: 106px;
    height: 106px
}

.plus-size {
    width: 108px;
    height: 108px
}

.calculate-size {
    width: 112px;
    height: 108px
}

.print-size {
    width: 102px;
    height: 100px
}

.download-size {
    width: 80px;
    height: 96px
}

.video-size {
    width: 112px;
    height: 68px
}

.chat-size {
    width: 96px;
    height: 84px
}

.mail-size {
    width: 100px;
    height: 112px
}

.black-download-size {
    width: 86px;
    height: 84px
}

.blue-online-position {
    background-position: 0 0
}

.blue-card-position {
    background-position: 0 -194px
}

.blue-cash-position {
    background-position: 0 -267px
}

.blue-car-position {
    background-position: 0 -363px
}

.blue-house-position {
    background-position: 0 -452px
}

.blue-location-position {
    background-position: 0 -544px
}

.blue-save-money-position {
    background-position: -1px -696px
}

.blue-private-client-position {
    background-position: 0 -802px
}

.blue-business-client-position {
    background-position: -1px -921px
}

.blue-bob-invest-position {
    background-position: -1px -1029px
}

.white-online-position {
    background-position: -106px 0
}

.white-card-position {
    background-position: -106px -194px
}

.white-cash-position {
    background-position: -106px -267px
}

.white-car-position {
    background-position: -106px -363px
}

.white-house-position {
    background-position: -106px -452px
}

.white-location-position {
    background-position: -106px -544px
}

.white-plus-position {
    background-position: -221px 0
}

.white-save-money-position {
    background-position: -111px -696px
}

.white-private-client-position {
    background-position: -129px -802px
}

.white-business-client-position {
    background-position: -111px -921px
}

.white-bob-invest-position {
    background-position: -111px -1029px
}

.white-calculate-position {
    background-position: -219px -129px
}

.white-print-position {
    background-position: -219px -245px
}

.white-download-position {
    background-position: -219px -356px
}

.white-video-position {
    background-position: -219px -461px
}

.white-chat-position {
    background-position: -219px -541px
}

.white-mail-position {
    background-position: -219px -635px
}

.black-download-position {
    background-position: -362px 0
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box
}

html {
    height: 100%;
    overflow-x: hidden
}

body {
    font-size: 14px;
    color: #666;
    min-width: 320px;
    position: relative;
    text-align: left;
    height: 100%;
    min-height: 100vh;
    font-family: BeirutLight
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    margin: 0;
    display: initial;
    line-height: inherit;
    font-size: inherit
}

ol, ul {
    margin-bottom: 0;
    list-style-type: none
}

a {
    color: inherit;
    text-decoration: inherit;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    cursor: pointer
}

.label, label {
    font-weight: 400;
    margin: 0;
    padding: 0;
    border-radius: 0
}

.link {
    text-decoration: none;
    cursor: pointer
}

.nodecoration {
    text-decoration: none !important
}

.list {
    list-style-type: none
}

.clear {
    clear: both
}

.block {
    display: block;
    clear: both
}

.icon, .sprite {
    background-image: url(../images/sprite.png);
    background-repeat: no-repeat;
    display: block
}

.shadow {
    background-image: url(images/shadows.html);
    background-repeat: no-repeat;
    display: block
}

.seperator {
    width: 100%;
    background: #000;
    height: 1px;
    display: block
}

.seperator-after::after, .seperator-before::before {
    content: '';
    width: 100%;
    height: 1px;
    background: #000;
    display: block;
    margin: auto
}

.leftalign {
    float: left
}

.rightalign {
    float: right
}

.inlinealign {
    display: inline-block;
    vertical-align: top
}

.overflow {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative
}

.overflow-x {
    height: auto;
    overflow: hidden
}

.hidden {
    display: none !important
}

.button {
    text-align: center;
    display: block;
    text-decoration: none;
    cursor: pointer
}

img {
    border: 0;
    outline: 0
}

.text-center {
    text-align: center
}

.centerimage {
    position: absolute;
    left: 50%;
    top: 50%
}

.center-translate {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%)
}

.fitimage img {
    width: 100%;
    height: 100%
}

input, select {
    border: 0;
    outline: 0
}

    input::-ms-clear {
        display: none
    }

::-webkit-input-placeholder {
    color: #666;
    opacity: 1;
    text-overflow: ellipsis
}

:-moz-placeholder {
    color: #666;
    opacity: 1;
    text-overflow: ellipsis
}

::-moz-placeholder {
    color: #666;
    opacity: 1;
    text-overflow: ellipsis
}

:-ms-input-placeholder {
    color: #666;
    opacity: 1;
    text-overflow: ellipsis
}

.underline {
    text-decoration: underline
}

.icon-after, .icon-before {
    position: relative
}

    .icon-after::after, .icon-before::before {
        content: '';
        position: absolute;
        background-image: url(../images/sprite.png);
        background-repeat: no-repeat;
        display: block
    }

.font-icon-after, .font-icon-before {
    position: relative
}

    .font-icon-after::after, .font-icon-before::before {
        content: '';
        position: absolute;
        font-family: FontAwesome
    }

.arrows {
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    cursor: pointer
}

.clickablecover {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default
}

.noarrow {
    -webkit-appearance: none;
    -khtml-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none
}

.clearfix::after {
    content: '';
    display: block;
    clear: both
}

.relative {
    position: relative
}

.relativecontainer {
    position: relative;
    width: 100%;
    height: 100%
}

.centervertical {
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.valignbefore::before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-left: -4px
}

.valignafter::after {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

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

    .valign .align-top {
        vertical-align: top
    }

    .align-bottom-children::before, .align-bottom-children > *, .valign .align-bottom {
        vertical-align: bottom
    }

.align-top-children::before, .align-top-children > * {
    vertical-align: top
}

.valigntransform {
    margin-top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}

.preserveheight {
    height: auto
}

.noshadow {
    box-shadow: none
}

.nofontstyle {
    font-style: normal !important
}

.do_not_swipe {
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    transform: none !important
}

.font-icon {
    position: relative
}

    .font-icon .fa {
        position: absolute
    }

.notransitions, .notransitions *, .notransitions ::after, .notransitions ::before, .notransitions::after, .notransitions::before {
    -webkit-transition: null !important;
    -moz-transition: null !important;
    -ms-transition: null !important;
    -o-transition: null !important
}

.notransformation, .notransformation *, .notransformation ::after, .notransformation ::before, .notransformation::after, .notransformation::before {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none
}

.novisibility {
    visibility: hidden
}

.faded {
    opacity: 0;
    pointer-events: none
}

.opacityRO {
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -o-transition: opacity .3s
}

.displayflex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.flexwrap {
    -webkit-justify-content: space-between;
    -webkit-flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.flex-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap
}

.space-between {
    justify-content: space-between
}

.space-around {
    justify-content: space-around
}

.align-items-center {
    align-items: center
}

.overflow-element, .overflow-element-tab {
    overflow: hidden
}

.mobile-only {
    display: none
}

@media (min-width:768px) {
    .hide-desktop {
        display: none !important
    }
}

@media (max-width:767px) {
    a:hover {
        color: inherit
    }

    .hide-mobile {
        display: none !important
    }

    .mobile-only {
        display: block
    }
}

@media (max-width:1015px) {
    .hide-tablet {
        display: none !important
    }
}

@media (min-width:1016px) {
    .tablet-only {
        display: none !important
    }
}

.popup {
    position: absolute;
    top: 150px;
    left: 50%;
    max-width: calc(100% - 16px);
    visibility: hidden;
    pointer-events: none;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transition: visibility 0s .4s;
    -moz-transition: visibility 0s .4s;
    -ms-transition: visibility 0s .4s;
    -o-transition: visibility 0s .4s;
    z-index: 36
}

    .popup .popupcontainer {
        display: none;
        max-width: 100%;
        opacity: 0;
        background: #fff;
        padding: 52px 60px 42px;
        -webkit-transform: scale(.95);
        -moz-transform: scale(.95);
        -ms-transform: scale(.95);
        -o-transform: scale(.95);
        -moz-transition: opacity .4s,transform .4s;
        -ms-transition: opacity .4s,transform .4s;
        -o-transition: opacity .4s,transform .4s;
        -webkit-transition: -webkit-transform .4s,opacity .4s
    }

        .popup .popupcontainer.commonwidth {
            width: 1122px
        }

        .popup .popupcontainer.open {
            display: block
        }

    .popup .entrance {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: 0 0;
        pointer-events: none;
        opacity: 0
    }

        .popup .entrance::after, .popup .entrance::before {
            content: '';
            position: absolute;
            width: 0;
            height: 2px;
            border: 2px solid transparent;
            box-sizing: border-box
        }

        .popup .entrance::before {
            left: 0;
            top: 0;
            border-top: 2px solid #fff;
            border-right: 2px solid #fff
        }

        .popup .entrance::after {
            right: 0;
            bottom: 0;
            border-bottom: 2px solid #fff;
            border-left: 2px solid #fff
        }

    .popup.open {
        visibility: visible;
        pointer-events: fill;
        -webkit-transition: visibility 0s;
        -moz-transition: visibility 0s;
        -ms-transition: visibility 0s;
        -o-transition: visibility 0s
    }

        .popup.open .entrance {
            opacity: 1
        }

            .popup.open .entrance::before {
                width: 100%;
                height: 100%;
                -webkit-transition: width .15s .1s linear,height .15s .25s linear;
                -moz-transition: width .15s .1s linear,height .15s .25s linear;
                -ms-transition: width .15s .1s linear,height .15s .25s linear;
                -o-transition: width .15s .1s linear,height .15s .25s linear
            }

            .popup.open .entrance::after {
                width: 100%;
                height: 100%;
                -webkit-transition: width .15s .4s linear,height .15s .55s linear;
                -moz-transition: width .15s .4s linear,height .15s .55s linear;
                -ms-transition: width .15s .4s linear,height .15s .55s linear;
                -o-transition: width .15s .4s linear,height .15s .55s linear
            }

        .popup.open .popupcontainer {
            opacity: 1;
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            -o-transform: scale(1);
            -moz-transition: opacity .4s .55s,transform .4s .55s;
            -ms-transition: opacity .4s .55s,transform .4s .55s;
            -o-transition: opacity .4s .55s,transform .4s .55s;
            -webkit-transition: -webkit-transform .4s .55s,opacity .4s .55s
        }

    .popup .popuptitle {
        font-size: 25px;
        color: #0192c4;
        line-height: 30px;
        height: 38px;
        padding: 0;
        display: block;
        text-transform: uppercase;
        margin-bottom: 45px;
        text-align: center;
        position: relative
    }

        .popup .popuptitle .text {
            position: absolute;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%)
        }

            .popup .popuptitle .text::after, .popup .popuptitle .text::before {
                content: '';
                width: 46px;
                height: 1px;
                background: #19A1A1;
                left: -54px;
                top: 50%;
                position: absolute
            }

            .popup .popuptitle .text::after {
                left: auto;
                right: -54px
            }

    .popup .paddedtitle {
        padding: 30px 0 6px
    }

    .popup .popuptext {
        color: #858585;
        font-family: arial;
        line-height: 17px;
        display: block;
        margin-top: 3px
    }

.requirednote {
    color: #838383;
    text-align: center;
    display: block
}

.inneroverlay {
    width: 100%;
    height: 492px !important;
    top: 0 !important;
    opacity: 0
}

.closepopup {
    width: 30px;
    height: 30px;
    display: block;
    cursor: pointer;
    position: absolute;
    left: calc(50% - 10px);
    top: 14px;
    z-index: 1;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -o-transition: opacity .3s
}

    .closepopup::after, .closepopup::before {
        content: '';
        width: 100%;
        height: 1px;
        top: 50%;
        background: grey;
        position: absolute
    }

    .closepopup::after {
        height: 100%;
        width: 1px;
        top: 0;
        left: 50%
    }

.popupoverlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    background: rgba(170,170,170,.72);
    -webkit-transition: opacity .3s,visibility 0s .3s;
    -moz-transition: opacity .3s,visibility 0s .3s;
    -ms-transition: opacity .3s,visibility 0s .3s;
    -o-transition: opacity .3s,visibility 0s .3s;
    z-index: 35
}

    .popupoverlay.open {
        opacity: 1;
        visibility: visible;
        pointer-events: fill;
        -webkit-transition: opacity .6s;
        -moz-transition: opacity .6s;
        -ms-transition: opacity .6s;
        -o-transition: opacity .6s
    }

.popup .youtubepopup #video-iframe {
    width: 100%;
    height: 564px;
    max-height: calc((100vw - 136px) * .562)
}

@media (max-width:920px) {
    .popup .popupcontainer.commonwidth {
        padding: 52px 20px 42px
    }
}

@media (min-device-width:769px) and (min-width:769px) {
    :not(.handheld) .closepopup:focus, :not(.handheld) .closepopup:hover {
        opacity: .6
    }
}

@media (max-width:767px) {
    .popup .popuptitle {
        margin-bottom: 30px
    }

    .closepopup {
        display: block
    }
}

@media (max-width:600px) {
    .popup .popupcontainer.commonwidth {
        padding: 52px 20px 42px
    }

    .popup .youtubepopup #video-iframe {
        max-height: calc((100vw - 56px) * .562)
    }
}

form {
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -o-transition: opacity .3s
}

    form.loading {
        opacity: .5;
        pointer-events: none
    }

input[type=radio], input[type=checkbox] {
    display: none
}

    input[type=radio] + label {
        position: relative
    }

        input[type=radio] + label::before, input[type=checkbox] + label::before {
            content: '';
            background-image: url(../images/sprite.png);
            background-repeat: no-repeat;
            display: block;
            width: 12px;
            height: 12px;
            position: absolute;
            left: -20px;
            top: 2px;
            background-position: -127px -60px
        }

    input[type=radio]:checked + label::before, input[type=checkbox]:checked + label::before {
        margin: 0 0 17px;
        background-position: -101px -60px
    }

input, select, textarea {
    padding-left: 9px
}

.inputfield {
    height: auto;
    width: 100%;
    max-width: 100%;
    background: rgba(255,255,255,.1);
    position: relative;
    margin: 0;
    border-top: 1px solid transparent
}

    .inputfield .input {
        line-height: 37px
    }

    .inputfield .input, .inputfield .multiplechoice, .inputfield .select, .inputfield .textarea {
        width: 100%;
        height: 37px;
        padding-left: 14px;
        background: 0 0;
        color: #EEE;
        -webkit-appearance: none;
        -khtml-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        appearance: none;
        font-size: 15px;
        font-family: arial;
        font-family: BeirutLight;
        border-radius: 0
    }

        .inputfield .input:focus::-ms-value, .inputfield .multiplechoice:focus::-ms-value, .inputfield .select:focus::-ms-value, .inputfield .textarea:focus::-ms-value {
            background: 0 0;
            color: grey
        }

    .inputfield select:not(.noplaceholder) {
        color: #9D9D9D;
        opacity: 1;
        font-size: 13px
    }

    .inputfield .input-label {
        width: 128px;
        padding-left: 16px;
        display: inline-block;
        vertical-align: middle;
        font-size: 15px;
        font-family: BeirutLight;
        font-style: italic;
        color: #ececec
    }

        .inputfield .input-label + .input, .inputfield .input-label + .multiplechoice, .inputfield .input-label + .select, .inputfield .input-label + .textarea {
            width: calc(100% - 128px);
            border-left: 1px solid rgba(102,102,102,.6);
            display: inline-block;
            vertical-align: middle;
            margin-left: -5px
        }

    .inputfield.searchfield::after {
        content: '\f002';
        font-family: FontAwesome;
        position: absolute;
        width: 18px;
        height: 19px;
        right: 15px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        pointer-events: none;
        color: #fff;
        font-size: 15px
    }

    .inputfield .textarea {
        resize: none;
        padding-top: 10px;
        outline: 0
    }

    .inputfield.dropdown:not(.multi)::after {
        content: '';
        position: absolute;
        right: 13px;
        top: 16px;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #FFF;
        pointer-events: none
    }

    .inputfield.dropdown.multi .dropdownwrapper {
        width: 100%;
        position: relative;
        float: left;
        height: 100%
    }

        .inputfield.dropdown.multi .dropdownwrapper::after {
            content: '';
            position: absolute;
            right: 6px;
            top: 16px;
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            border-top: 7px solid #999
        }

        .inputfield.dropdown.multi .dropdownwrapper::before {
            content: '';
            width: 19px;
            height: 37px;
            background: #EEE;
            border: 1px solid #DDD;
            border-left: 0;
            position: absolute;
            bottom: 0;
            right: 0
        }

        .inputfield.dropdown.multi .dropdownwrapper:nth-last-child(2), .inputfield.dropdown.multi .dropdownwrapper:nth-last-child(2) ~ .dropdownwrapper {
            width: calc((100% - 3px) / 2)
        }

        .inputfield.dropdown.multi .dropdownwrapper:nth-last-child(3), .inputfield.dropdown.multi .dropdownwrapper:nth-last-child(3) ~ .dropdownwrapper {
            width: calc((100% - 6px) / 3)
        }

        .inputfield.dropdown.multi .dropdownwrapper:nth-of-type(n+2) {
            margin-left: 3px
        }

    .inputfield.dropdown.multi::after {
        content: '';
        display: block;
        clear: both
    }

    .inputfield.datepicker {
        cursor: pointer
    }

        .inputfield.datepicker::after {
            content: '\f133';
            font-family: FontAwesome;
            position: absolute;
            right: 13px;
            top: 10px;
            font-size: 18px;
            color: #A9A9A9
        }

        .inputfield.datepicker .dateinput {
            cursor: pointer
        }

    .inputfield.required .inputlabel::after {
        content: '*'
    }

    .inputfield.missing {
        border-top: 1px solid rgba(255,255,255,.51)
    }

        .inputfield.missing::before {
            content: 'required';
            background: #fff;
            width: 82px;
            height: 22px;
            border-radius: 10px;
            position: absolute;
            right: 25px;
            top: -11px;
            color: #1B3372;
            font-size: 15px;
            font-family: BeirutLight;
            font-style: italic;
            text-align: center;
            line-height: 22px
        }

    .inputfield .select option {
        color: #9D9D9D;
        opacity: 1;
        font-size: 13px
    }

    .inputfield ::-webkit-input-placeholder {
        font-family: BeirutLight;
        color: #fff;
        opacity: .6;
        font-size: 14px
    }

    .inputfield :-moz-placeholder {
        font-family: BeirutLight;
        color: #fff;
        opacity: .6;
        font-size: 14px
    }

    .inputfield ::-moz-placeholder {
        font-family: BeirutLight;
        color: #fff;
        opacity: .6;
        font-size: 14px
    }

    .inputfield :-ms-input-placeholder {
        font-family: BeirutLight;
        color: #fff;
        opacity: .6;
        font-size: 14px
    }

    .inputfield.date-field, .inputfield.date-field .input, .inputfield.datefield, .inputfield.datefield .input {
        cursor: pointer
    }

        .inputfield.date-field::after, .inputfield.datefield::after {
            content: '\f133';
            font-family: FontAwesome;
            color: #DDD;
            font-size: 17px;
            position: absolute;
            right: 12px;
            top: calc(50% - 1px);
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            pointer-events: none
        }

    .inputfield.template1.display-validation::after {
        content: attr(data-validation-message);
        position: absolute;
        right: 0;
        top: -15px;
        color: #fff;
        font-family: arial;
        font-size: 12px;
        font-weight: 700;
        pointer-events: none
    }

    .inputfield.template1.amount-changeable {
        position: relative
    }

        .inputfield.template1.amount-changeable.display-validation::after {
            content: "min: " attr(data-min) " - max: " attr(data-max);
            position: absolute;
            right: 0;
            top: -15px;
            color: #fff;
            font-family: arial;
            font-size: 12px;
            font-weight: 700;
            pointer-events: none
        }

    .inputfield.template1 .field-message, .inputfield.template1 .field-message-2 {
        display: none;
        position: absolute;
        top: -15px;
        right: 0;
        pointer-events: none;
        font-size: 12px;
        color: #fff
    }

    .inputfield.template1.display-field-message .field-message, .inputfield.template1.display-field-message-2 .field-message-2 {
        display: block
    }

    .inputfield.template2 {
        background: 0 0
    }

        .inputfield.template2 .input, .inputfield.template2 .select, .inputfield.template2 .textarea {
            color: #BEBCC5;
            font-size: 22px;
            font-family: BeirutLight;
            border-bottom: 1px solid rgba(238,238,238,.2);
            -webkit-transition: border-color .4s;
            -moz-transition: border-color .4s;
            -ms-transition: border-color .4s;
            -o-transition: border-color .4s
        }

        .inputfield.template2.dropdown::before {
            display: none
        }

        .inputfield.template2.dropdown::after {
            border-top: 5px solid #B3B1BB;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%)
        }

        .inputfield.template2.missing {
            border-top: none
        }

            .inputfield.template2.missing::before {
                display: none
            }

            .inputfield.template2.missing .input, .inputfield.template2.missing .select, .inputfield.template2.missing .textarea {
                border-bottom: 1px solid rgba(238,238,238,.8)
            }

    .inputfield.template3 {
        display: flex;
        flex-wrap: nowrap
    }

        .inputfield.template3 .input-label {
            float: left;
            color: #0071D7;
            font-size: 20px;
            font-family: BeirutLight;
            font-style: normal;
            line-height: 37px;
            padding-left: 0;
            white-space: nowrap;
            padding-right: 10px
        }

        .inputfield.template3 .input-wrapper {
            position: relative
        }

            .inputfield.template3 .input-wrapper::after {
                content: '';
                width: 100%;
                height: 1px;
                position: absolute;
                bottom: 0;
                left: 0;
                border-bottom: 1px dotted rgba(0,0,0,.8);
                background-position: bottom;
                background-size: 3px 1px;
                background-repeat: repeat-x
            }

        .inputfield.template3 .input, .inputfield.template3 .select, .inputfield.template3 option {
            color: #666;
            font-size: 20px;
            font-family: BeirutLight;
            padding-right: 20px;
            padding-left: 0;
            width: 100%
        }

        .inputfield.template3.dropdown .input-wrapper::before {
            content: '\f0d7';
            font-size: 18px;
            font-family: FontAwesome;
            color: #0071D7;
            position: absolute;
            right: 3px;
            top: 7px;
            pointer-events: none
        }

    .inputfield.template4 {
        max-width: calc((100% - 84px) / 2);
        margin-left: 42px;
        float: left;
        margin-top: 15px;
        color: #666;
        font-family: BeirutLight
    }

        .inputfield.template4 ::-webkit-input-placeholder {
            color: #666;
            font-style: italic;
            opacity: 1;
            text-overflow: ellipsis
        }

        .inputfield.template4 :-moz-placeholder {
            color: #666;
            font-style: italic;
            opacity: 1;
            text-overflow: ellipsis
        }

        .inputfield.template4 ::-moz-placeholder {
            color: #666;
            font-style: italic;
            opacity: 1;
            text-overflow: ellipsis
        }

        .inputfield.template4 :-ms-input-placeholder {
            color: #666;
            font-style: italic;
            opacity: 1;
            text-overflow: ellipsis
        }

        .inputfield.template4 .radio-container {
            margin-top: 8px
        }

            .inputfield.template4 .radio-container .radiofield {
                display: inline-block
            }

                .inputfield.template4 .radio-container .radiofield input {
                    display: none
                }

                    .inputfield.template4 .radio-container .radiofield input:checked + .radiolabel::after {
                        display: block
                    }

                .inputfield.template4 .radio-container .radiofield .radiolabel {
                    font-size: 15px;
                    position: relative;
                    padding-right: 25px;
                    cursor: pointer
                }

                    .inputfield.template4 .radio-container .radiofield .radiolabel::before {
                        content: '';
                        width: 15px;
                        height: 15px;
                        border-radius: 100%;
                        border: 1px solid #666;
                        position: absolute;
                        right: 0;
                        top: -1px;
                        left: auto;
                        background: 0 0;
                        -webkit-transition: border-color .4s;
                        -moz-transition: border-color .4s;
                        -ms-transition: border-color .4s;
                        -o-transition: border-color .4s
                    }

                    .inputfield.template4 .radio-container .radiofield .radiolabel::after {
                        content: '';
                        width: 9px;
                        height: 9px;
                        border-radius: 100%;
                        background: #666;
                        position: absolute;
                        top: 3px;
                        right: 4px;
                        display: none
                    }

                .inputfield.template4 .radio-container .radiofield:nth-of-type(n+2) {
                    margin-left: 18px
                }

                .inputfield.template4 .radio-container .radiofield.missing .radiolabel::before, .inputfield.template4 .radio-container .radiofield.missing ~ .radiofield .radiolabel::before {
                    border-color: #0192c4
                }

            .inputfield.template4 .radio-container.in-field {
                background: #EEE;
                border: 1px solid #E8E8E8;
                height: 41px;
                margin-toP: 5px;
                position: relative;
                -webkit-transition: border-color .4s;
                -moz-transition: border-color .4s;
                -ms-transition: border-color .4s;
                -o-transition: border-color .4s;
                padding: 11px 2px 0 12px
            }

                .inputfield.template4 .radio-container.in-field .radiofield .radiolabel {
                    padding-right: 0;
                    padding-left: 25px
                }

                    .inputfield.template4 .radio-container.in-field .radiofield .radiolabel::before {
                        left: 0;
                        right: auto;
                        background: #fff
                    }

                    .inputfield.template4 .radio-container.in-field .radiofield .radiolabel::after {
                        left: 4px;
                        right: auto
                    }

        .inputfield.template4 .inputlabel {
            color: #333;
            font-size: 15px;
            line-height: 18px;
            white-space: nowrap
        }

        .inputfield.template4 .input-wrapper {
            width: 100%;
            background: #EEE;
            border: 1px solid #E8E8E8;
            height: 41px;
            margin-toP: 5px;
            position: relative;
            -webkit-transition: border-color .4s;
            -moz-transition: border-color .4s;
            -ms-transition: border-color .4s;
            -o-transition: border-color .4s
        }

            .inputfield.template4 .input-wrapper .inner-label {
                width: 60px;
                float: left;
                text-align: center;
                line-height: 41px;
                font-style: italic;
                border-right: 1px solid rgba(85,85,85,.17)
            }

                .inputfield.template4 .input-wrapper .inner-label + .input, .inputfield.template4 .input-wrapper .inner-label + .select, .inputfield.template4 .input-wrapper .inner-label + .textarea {
                    width: calc(100% - 60px);
                    float: left
                }

            .inputfield.template4 .input-wrapper.missing {
                border-color: #0192c4
            }

            .inputfield.template4 .input-wrapper.display-validation::before {
                content: "max income: " attr(data-max);
                position: absolute;
                right: 0;
                top: -20px;
                color: #0192c4;
                font-family: arial;
                font-size: 13px;
                font-weight: 700;
                pointer-events: none
            }

            .inputfield.template4 .input-wrapper.downpayment-validation::before {
                content: attr(data-downpayment-validation);
                position: absolute;
                right: 0;
                top: -21px;
                color: #0192c4;
                font-family: arial;
                font-size: 12px;
                font-weight: 700;
                pointer-events: none
            }

            .inputfield.template4 .input-wrapper.amount-changeable:not(.downpayment-validation) {
                position: relative
            }

                .inputfield.template4 .input-wrapper.amount-changeable:not(.downpayment-validation)::before {
                    content: "min: " attr(data-min) " - max: " attr(data-max);
                    position: absolute;
                    right: 0;
                    top: -20px;
                    color: #0192c4;
                    font-family: arial;
                    font-size: 13px;
                    font-weight: 700;
                    pointer-events: none;
                    opacity: 0;
                    -webkit-transition: opacity .3s;
                    -moz-transition: opacity .3s;
                    -ms-transition: opacity .3s;
                    -o-transition: opacity .3s
                }

                .inputfield.template4 .input-wrapper.amount-changeable:not(.downpayment-validation).display-validation::before {
                    opacity: 1
                }

                .inputfield.template4 .input-wrapper.amount-changeable:not(.downpayment-validation).min-only::before {
                    content: "min: " attr(data-min)
                }

        .inputfield.template4.display-validation .amount-changeable::before {
            opacity: 1
        }

        .inputfield.template4 .input, .inputfield.template4 .select, .inputfield.template4 .textarea {
            width: 100%;
            height: 100%;
            color: #333;
            font-size: 15px;
            text-align: left
        }

            .inputfield.template4 .input option, .inputfield.template4 .select option, .inputfield.template4 .textarea option {
                color: #333;
                font-size: 15px
            }

        .inputfield.template4.dropdown .input-wrapper::after {
            content: '';
            border-right: 5px solid transparent;
            border-left: 5px solid transparent;
            border-top: 5px solid #666;
            position: absolute;
            top: 50%;
            right: 18px;
            pointer-events: none;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%)
        }

        .inputfield.template4.dropdown .select {
            padding-right: 40px
        }

        .inputfield.template4.date-field, .inputfield.template4.date-field .input, .inputfield.template4.datefield, .inputfield.template4.datefield .input {
            cursor: pointer
        }

            .inputfield.template4.date-field::after, .inputfield.template4.datefield::after {
                color: #666;
                font-size: 17px;
                top: calc(50% + 1px);
                -webkit-transform: none;
                -moz-transform: none;
                -ms-transform: none;
                -o-transform: none
            }

        .inputfield.template4.full-width {
            max-width: calc(100% - 42px)
        }

        .inputfield.template4.question-field {
            padding: 5px 15px 5px 0;
            min-height: 55px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: center;
            border-top: 1px solid #DDD;
            margin-left: 0;
            max-width: 100%;
            float: none !important;
            margin-top: 0;
            -webkit-transition: background .3s;
            -moz-transition: background .3s;
            -ms-transition: background .3s;
            -o-transition: background .3s
        }

            .inputfield.template4.question-field:last-of-type {
                border-bottom: 1px solid #DDD
            }

            .inputfield.template4.question-field .inputlabel {
                padding-top: 5px;
                padding-bottom: 5px;
                line-height: 21px;
                white-space: normal
            }

            .inputfield.template4.question-field .radio-container {
                margin-top: 0 !important;
                padding-top: 5px;
                padding-bottom: 5px
            }

            .inputfield.template4.question-field.missing::before {
                color: #fff;
                background: #1B3372
            }

        .inputfield.template4.opt-in-field {
            justify-content: flex-start;
            margin-top: 34px;
            border-bottom: 1px solid #DDD
        }

            .inputfield.template4.opt-in-field .radio-container {
                margin-right: 12px
            }

                .inputfield.template4.opt-in-field .radio-container.missing {
                    border-color: #0192c4
                }

        .inputfield.template4.required .inputlabel::after {
            content: '*';
            font-size: 18px;
            position: absolute;
            margin-left: 5px;
            top: 4px
        }

        .inputfield.template4.area .input-wrapper {
            height: 100px
        }

            .inputfield.template4.area .input-wrapper .textarea {
                border: 0
            }

        .inputfield.template4.white .input-wrapper {
            background: #fff
        }

        .inputfield.template4 .field-message, .inputfield.template4 .field-message-2 {
            display: none;
            position: absolute;
            bottom: -15px;
            right: 0;
            pointer-events: none;
            font-size: 12px
        }

        .inputfield.template4.display-field-message .field-message, .inputfield.template4.display-field-message-2 .field-message-2 {
            display: block
        }

    .inputfield.template5 {
        width: calc((100% - 18px) / 2);
        background: 0 0;
        font-family: BeirutLight
    }

        .inputfield.template5:nth-of-type(n+3) {
            margin-top: 24px
        }

        .inputfield.template5:nth-of-type(2n) {
            float: right
        }

        .inputfield.template5:nth-of-type(2n - 1) {
            float: left
        }

        .inputfield.template5 .inputlabel {
            color: #EBEBEB;
            font-size: 15px;
            line-height: 18px;
            font-style: italic
        }

        .inputfield.template5 .input-wrapper {
            margin-top: 9px;
            border: 1px solid transparent;
            -webkit-transition: border-color .4s linear;
            -moz-transition: border-color .4s linear;
            -ms-transition: border-color .4s linear;
            -o-transition: border-color .4s linear
        }

            .inputfield.template5 .input-wrapper.missing {
                border-color: #fff
            }

        .inputfield.template5 .input, .inputfield.template5 .select, .inputfield.template5 .textarea {
            background: rgba(255,255,255,.1);
            height: 39px;
            width: 100%;
            border: none
        }

        .inputfield.template5.dropdown::after {
            display: none
        }

        .inputfield.template5.dropdown .input-wrapper {
            position: relative
        }

            .inputfield.template5.dropdown .input-wrapper::after {
                content: '\f107';
                font-family: FontAwesome;
                font-size: 15px;
                position: absolute;
                top: 50%;
                pointer-events: none;
                -webkit-transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                -o-transform: translateY(-50%);
                right: 17px;
                color: #fff
            }

        .inputfield.template5.dropdown .input, .inputfield.template5.dropdown .select, .inputfield.template5.dropdown .textarea {
            padding-right: 38px
        }

    .inputfield.template1[data-validation="1"] {
        -webkit-transition: margin-bottom .3s .3s linear;
        -moz-transition: margin-bottom .3s .3s linear;
        -ms-transition: margin-bottom .3s .3s linear;
        -o-transition: margin-bottom .3s .3s linear
    }

        .inputfield.template1[data-validation="1"]::after {
            content: attr(data-validation-message);
            display: block;
            opacity: 0;
            position: absolute;
            top: 100%;
            left: 0;
            pointer-events: none;
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            -ms-transform: translateY(0);
            -o-transform: translateY(0);
            -moz-transition: transform .3s,opacity .3s linear;
            -ms-transition: transform .3s,opacity .3s linear;
            -o-transition: transform .3s,opacity .3s linear;
            -webkit-transition: -webkit-transform .3s,opacity .3s linear
        }

        .inputfield.template1[data-validation="1"].display-error {
            margin-bottom: 15px;
            border-top: 1px solid rgba(255,255,255,.51);
            -webkit-transition: margin-bottom .3s linear;
            -moz-transition: margin-bottom .3s linear;
            -ms-transition: margin-bottom .3s linear;
            -o-transition: margin-bottom .3s linear
        }

            .inputfield.template1[data-validation="1"].display-error::after {
                opacity: 1;
                -webkit-transform: translateY(10px);
                -moz-transform: translateY(10px);
                -ms-transform: translateY(10px);
                -o-transform: translateY(10px);
                -moz-transition: transform .3s .3s linear,opacity .3s .3s linear;
                -ms-transition: transform .3s .3s linear,opacity .3s .3s linear;
                -o-transition: transform .3s .3s linear,opacity .3s .3s linear;
                -webkit-transition: -webkit-transform .3s .3s linear,opacity .3s .3s linear
            }

.home-services-forms .inputfield.template1 {
    border-radius: 5px
}

    .home-services-forms .inputfield.template1 .input-label {
        width: 175px;
        font-style: normal
    }

        .home-services-forms .inputfield.template1 .input-label + .input, .home-services-forms .inputfield.template1 .input-label + .multiplechoice, .home-services-forms .inputfield.template1 .input-label + .radio-container, .home-services-forms .inputfield.template1 .input-label + .select, .home-services-forms .inputfield.template1 .input-label + .textarea {
            width: calc(100% - 175px)
        }

        .home-services-forms .inputfield.template1 .input-label + .input, .home-services-forms .inputfield.template1 .input-label + .multiplechoice, .home-services-forms .inputfield.template1 .input-label + .radio-container, .home-services-forms .inputfield.template1 .input-label + .select {
            height: 45px
        }

    .home-services-forms .inputfield.template1 .dropdown:not(.multi)::after {
        top: 20px
    }

.radio-wrapper {
    display: inline-block;
    vertical-align: top
}

    .radio-wrapper input[type=radio] + label {
        padding-left: 36px;
        position: relative;
        height: 28px;
        line-height: 28px;
        display: inline-block;
        color: #CCC;
        font-size: 15px;
        font-family: BeirutLight;
        font-style: italic;
        cursor: pointer
    }

        .radio-wrapper input[type=radio] + label::before {
            content: '';
            background: rgba(255,255,255,.1);
            border-radius: 100%;
            width: 28px;
            height: 28px;
            position: absolute;
            left: 0;
            top: 0;
            border: 1px solid transparent;
            -webkit-transition: border-color .4s;
            -moz-transition: border-color .4s;
            -ms-transition: border-color .4s;
            -o-transition: border-color .4s
        }

        .radio-wrapper input[type=radio] + label::after {
            content: '';
            width: 16px;
            height: 16px;
            position: absolute;
            left: 7px;
            top: 7px;
            background: rgba(255,255,255,.6);
            border-radius: 100%;
            opacity: 0;
            pointer-events: none;
            -webkit-transition: opacity .3s;
            -moz-transition: opacity .3s;
            -ms-transition: opacity .3s;
            -o-transition: opacity .3s
        }

        .radio-wrapper input[type=radio] + label:nth-of-type(n+2) {
            margin-left: 18px
        }

    .radio-wrapper input[type=radio]:checked + label::after {
        opacity: 1
    }

    .radio-wrapper.missing input[type=radio] + label::before {
        border-color: #fff
    }

.form-inputs.two-col .inputfield {
    width: calc((100% - 17px) / 2);
    float: left
}

    .form-inputs.two-col .inputfield:nth-of-type(2n) {
        margin-left: 17px
    }

    .form-inputs.two-col .inputfield:nth-of-type(n+3) {
        margin-top: 20px
    }

.form-inputs::after {
    content: '';
    display: block;
    clear: both
}

.ie .inputfield.template4.dropdown .input-wrapper::before {
    content: '';
    width: 20px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border: 1px solid #e8e8e8;
    border-left: 0;
    background: #EEE;
    pointer-events: none
}

.ie .inputfield.template4.missing .inputlabel {
    margin-right: auto
}

.ie .inputfield.template1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center
}

.allrisk-radios .radio-container {
    width: calc(100% - 128px);
    display: inline-block;
    vertical-align: middle;
    margin-left: -6px;
    height: 37px;
    padding-left: 7px;
    border-left: 1px solid rgba(102,102,102,.6)
}

    .allrisk-radios .radio-container .radiofield {
        display: inline-block;
        margin-top: 14px
    }

        .allrisk-radios .radio-container .radiofield input {
            display: none
        }

            .allrisk-radios .radio-container .radiofield input:checked + .radiolabel::after {
                display: block
            }

        .allrisk-radios .radio-container .radiofield .radiolabel {
            font-size: 15px;
            position: relative;
            padding-right: 25px;
            cursor: pointer
        }

            .allrisk-radios .radio-container .radiofield .radiolabel::before {
                content: '';
                width: 15px;
                height: 15px;
                border-radius: 100%;
                border: 1px solid #fff;
                position: absolute;
                right: 0;
                top: -1px;
                left: auto;
                background: 0 0;
                -webkit-transition: border-color .4s;
                -moz-transition: border-color .4s;
                -ms-transition: border-color .4s;
                -o-transition: border-color .4s
            }

            .allrisk-radios .radio-container .radiofield .radiolabel::after {
                content: '';
                width: 9px;
                height: 9px;
                border-radius: 100%;
                background: #EEE;
                position: absolute;
                top: 3px;
                right: 4px;
                display: none
            }

        .allrisk-radios .radio-container .radiofield:nth-of-type(n+2) {
            margin-left: 18px
        }

        .allrisk-radios .radio-container .radiofield.missing .radiolabel::before, .allrisk-radios .radio-container .radiofield.missing ~ .radiofield .radiolabel::before {
            border-color: #0192c4
        }

.mechanical-loader-before {
    position: relative
}

    .mechanical-loader-before::before {
        content: '';
        width: 14px;
        height: 20px;
        margin: 0 auto;
        position: absolute;
        left: calc(50% - 8px);
        bottom: 8px;
        border: 2px solid rgba(0,74,144,.84);
        border-radius: 50%;
        border-left-color: transparent;
        border-right-color: transparent;
        animation: cssload-spin-2 1175ms infinite linear;
        -o-animation: cssload-spin-2 1175ms infinite linear;
        -ms-animation: cssload-spin-2 1175ms infinite linear;
        -webkit-animation: cssload-spin-2 1175ms infinite linear;
        -moz-animation: cssload-spin-2 1175ms infinite linear;
        opacity: 0
    }

.mechanical-loader-after {
    position: relative
}

    .mechanical-loader-after::after {
        content: '';
        width: 14px;
        height: 20px;
        left: calc(50% - 8px);
        position: absolute;
        bottom: 8px;
        margin: 0 auto;
        border: 2px solid rgba(0,74,144,.84);
        border-radius: 50%;
        border-left-color: transparent;
        border-right-color: transparent;
        animation: cssload-spin-2 1175ms infinite linear;
        -o-animation: cssload-spin-2 1175ms infinite linear;
        -ms-animation: cssload-spin-2 1175ms infinite linear;
        -webkit-animation: cssload-spin-2 1175ms infinite linear;
        -moz-animation: cssload-spin-2 1175ms infinite linear;
        opacity: 0
    }

@-webkit-keyframes headerentrance {
    0%,0.0001% {
        -webkit-transform: translateY(-100%) translateX(0);
        -moz-transform: translateY(-100%) translateX(0);
        -ms-transform: translateY(-100%) translateX(0);
        -o-transform: translateY(-100%) translateX(0)
    }

    100% {
        -webkit-transform: translateY(0) translateX(0);
        -moz-transform: translateY(0) translateX(0);
        -ms-transform: translateY(0) translateX(0);
        -o-transform: translateY(0) translateX(0)
    }
}

@keyframes headerentrance {
    0%,0.0001% {
        -webkit-transform: translateY(-100%) translateX(0);
        -moz-transform: translateY(-100%) translateX(0);
        -ms-transform: translateY(-100%) translateX(0);
        -o-transform: translateY(-100%) translateX(0)
    }

    100% {
        -webkit-transform: translateY(0) translateX(0);
        -moz-transform: translateY(0) translateX(0);
        -ms-transform: translateY(0) translateX(0);
        -o-transform: translateY(0) translateX(0)
    }
}

@-webkit-keyframes loader-dots {
    0% {
        width: 8px;
        height: 8px
    }

    50% {
        width: 14px;
        height: 14px
    }

    100% {
        width: 8px;
        height: 8px
    }
}

@keyframes loader-dots {
    0% {
        width: 8px;
        height: 8px
    }

    50% {
        width: 14px;
        height: 14px
    }

    100% {
        width: 8px;
        height: 8px
    }
}

@-webkit-keyframes check-down {
    0% {
        bottom: -30px
    }

    50% {
        bottom: -40px
    }

    100% {
        bottom: -30px
    }
}

@keyframes check-down {
    0% {
        bottom: -30px
    }

    50% {
        bottom: -40px
    }

    100% {
        bottom: -30px
    }
}

@-webkit-keyframes loader-connected {
    0% {
        left: -2px;
        width: 4px;
        height: 4px
    }

    25% {
        width: 15px;
        height: 15px
    }

    50% {
        left: 100%;
        width: 4px;
        height: 4px
    }

    75% {
        width: 15px;
        height: 15px
    }

    100% {
        left: -2px;
        width: 4px;
        height: 4px
    }
}

@keyframes loader-connected {
    0% {
        left: -2px;
        width: 4px;
        height: 4px
    }

    25% {
        width: 15px;
        height: 15px
    }

    50% {
        left: 100%;
        width: 4px;
        height: 4px
    }

    75% {
        width: 15px;
        height: 15px
    }

    100% {
        left: -2px;
        width: 4px;
        height: 4px
    }
}

@keyframes cssload-spin-2 {
    100% {
        transform: rotate(360deg)
    }
}

@-o-keyframes cssload-spin-2 {
    100% {
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-ms-keyframes cssload-spin-2 {
    100% {
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes cssload-spin-2 {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-moz-keyframes cssload-spin-2 {
    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes cssload-spin {
    0%,100% {
        box-shadow: 15px 15px #4f4d49,-15px 15px #dfdfdf,-15px -15px #4f4d49,15px -15px #dfdfdf
    }

    25% {
        box-shadow: -15px 15px #dfdfdf,-15px -15px #4f4d49,15px -15px #dfdfdf,15px 15px #4f4d49
    }

    50% {
        box-shadow: -15px -15px #4f4d49,15px -15px #dfdfdf,15px 15px #4f4d49,-15px 15px #dfdfdf
    }

    75% {
        box-shadow: 15px -15px #dfdfdf,15px 15px #4f4d49,-15px 15px #dfdfdf,-15px -15px #4f4d49
    }
}

@-o-keyframes cssload-spin {
    0%,100% {
        box-shadow: 15px 15px #4f4d49,-15px 15px #dfdfdf,-15px -15px #4f4d49,15px -15px #dfdfdf
    }

    25% {
        box-shadow: -15px 15px #dfdfdf,-15px -15px #4f4d49,15px -15px #dfdfdf,15px 15px #4f4d49
    }

    50% {
        box-shadow: -15px -15px #4f4d49,15px -15px #dfdfdf,15px 15px #4f4d49,-15px 15px #dfdfdf
    }

    75% {
        box-shadow: 15px -15px #dfdfdf,15px 15px #4f4d49,-15px 15px #dfdfdf,-15px -15px #4f4d49
    }
}

@-ms-keyframes cssload-spin {
    0%,100% {
        box-shadow: 15px 15px #4f4d49,-15px 15px #dfdfdf,-15px -15px #4f4d49,15px -15px #dfdfdf
    }

    25% {
        box-shadow: -15px 15px #dfdfdf,-15px -15px #4f4d49,15px -15px #dfdfdf,15px 15px #4f4d49
    }

    50% {
        box-shadow: -15px -15px #4f4d49,15px -15px #dfdfdf,15px 15px #4f4d49,-15px 15px #dfdfdf
    }

    75% {
        box-shadow: 15px -15px #dfdfdf,15px 15px #4f4d49,-15px 15px #dfdfdf,-15px -15px #4f4d49
    }
}

@-webkit-keyframes cssload-spin {
    0%,100% {
        box-shadow: 15px 15px #4f4d49,-15px 15px #dfdfdf,-15px -15px #4f4d49,15px -15px #dfdfdf
    }

    25% {
        box-shadow: -15px 15px #dfdfdf,-15px -15px #4f4d49,15px -15px #dfdfdf,15px 15px #4f4d49
    }

    50% {
        box-shadow: -15px -15px #4f4d49,15px -15px #dfdfdf,15px 15px #4f4d49,-15px 15px #dfdfdf
    }

    75% {
        box-shadow: 15px -15px #dfdfdf,15px 15px #4f4d49,-15px 15px #dfdfdf,-15px -15px #4f4d49
    }
}

@-moz-keyframes cssload-spin {
    0%,100% {
        box-shadow: 15px 15px #4f4d49,-15px 15px #dfdfdf,-15px -15px #4f4d49,15px -15px #dfdfdf
    }

    25% {
        box-shadow: -15px 15px #dfdfdf,-15px -15px #4f4d49,15px -15px #dfdfdf,15px 15px #4f4d49
    }

    50% {
        box-shadow: -15px -15px #4f4d49,15px -15px #dfdfdf,15px 15px #4f4d49,-15px 15px #dfdfdf
    }

    75% {
        box-shadow: 15px -15px #dfdfdf,15px 15px #4f4d49,-15px 15px #dfdfdf,-15px -15px #4f4d49
    }
}

.arrows {
    width: 35px;
    height: 35px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    left: -30px;
    top: 50%;
    top: calc(50% - 13px);
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    -ms-transition: opacity .2s;
    -o-transition: opacity .2s;
    pointer-events: fill
}

    .arrows::after, .arrows::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        height: 1px;
        width: 35px;
        background: #0192c4;
        -moz-box-shadow: 1px 1px 4px rgba(0,0,0,.65);
        -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,.65);
        box-shadow: 1px 1px 4px rgba(0,0,0,.65)
    }

    .arrows::after {
        width: 1px;
        height: 35px
    }

    .arrows.right-arrow {
        left: auto;
        right: -30px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg)
    }

        .arrows.right-arrow::after, .arrows.right-arrow::before {
            left: auto;
            right: 0
        }

    .arrows.hidden {
        display: block !important;
        opacity: 0;
        pointer-events: none
    }

.custom-dropdown {
    height: 100%;
    background: #fff;
    text-transform: uppercase;
    font-family: BeirutBold;
    cursor: pointer;
    position: relative;
    -webkit-transition: background .3s;
    -moz-transition: background .3s;
    -ms-transition: background .3s;
    -o-transition: background .3s
}

    .custom-dropdown select {
        pointer-events: none;
        height: 100%;
        background: 0 0;
        color: #0192c4;
        text-transform: uppercase;
        font-family: BeirutBold;
        width: 100%
    }

    .custom-dropdown.add-arrow::after {
        right: 9px;
        pointer-events: none;
        top: calc(50% - 1px)
    }

    .custom-dropdown.blue-dropdown {
        background: #0192c4
    }

        .custom-dropdown.blue-dropdown select {
            background: #0192c4;
            color: #fff
        }

        .custom-dropdown.blue-dropdown.add-arrow::after {
            color: #fff
        }

        .custom-dropdown.blue-dropdown .dropdown-values {
            background: #0192c4
        }

            .custom-dropdown.blue-dropdown .dropdown-values li {
                color: #fff
            }

                .custom-dropdown.blue-dropdown .dropdown-values li:nth-of-type(n+2) {
                    border-top-color: rgba(255,255,255,.35)
                }

    .custom-dropdown .dropdown-values {
        width: 100%;
        position: absolute;
        left: 0;
        top: calc(100% + 1px);
        background: #fff;
        padding: 5px 15px 5px 8px;
        visibility: hidden;
        opacity: 0;
        pointer-events: none;
        z-index: 3;
        -moz-box-shadow: 0 0 3px rgba(0,0,0,.05);
        -webkit-box-shadow: 0 0 3px rgba(0,0,0,.05);
        box-shadow: 0 0 3px rgba(0,0,0,.05);
        -webkit-transition: opacity .4s,visibility 0s .4s;
        -moz-transition: opacity .4s,visibility 0s .4s;
        -ms-transition: opacity .4s,visibility 0s .4s;
        -o-transition: opacity .4s,visibility 0s .4s
    }

        .custom-dropdown .dropdown-values li {
            color: #0192c4;
            padding: 12px 0 10px;
            width: 100%;
            float: none !important;
            -webkit-transition: opacity .3s;
            -moz-transition: opacity .3s;
            -ms-transition: opacity .3s;
            -o-transition: opacity .3s
        }

            .custom-dropdown .dropdown-values li:nth-of-type(n+2) {
                border-top: 1px solid rgba(14,55,94,.35)
            }

            .custom-dropdown .dropdown-values li.active {
                display: none
            }

                .custom-dropdown .dropdown-values li.active + li {
                    border-top: none !important
                }

    .custom-dropdown.open .dropdown-values {
        opacity: 1;
        visibility: visible;
        pointer-events: fill;
        -webkit-transition: opacity .4s;
        -moz-transition: opacity .4s;
        -ms-transition: opacity .4s;
        -o-transition: opacity .4s
    }

.country-dropdown .custom-dropdown .dropdown-title, .language-dropdown .custom-dropdown .dropdown-title {
    width: 100%;
    height: 100%;
    display: block;
    text-align: left;
    padding: 12px 0 0 7px
}

.action-link {
    color: #168EDA;
    font-size: 25px;
    line-height: 30px;
    margin-top: 56px;
    text-align: center;
    white-space: nowrap;
    position: relative;
    cursor: pointer;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    -ms-transition: color .3s;
    -o-transition: color .3s
}

    .action-link::after {
        content: '';
        width: 100%;
        height: 1px;
        left: 0;
        position: absolute;
        background: #168EDA;
        display: block;
        bottom: 0;
        -webkit-transition: background .3s;
        -moz-transition: background .3s;
        -ms-transition: background .3s;
        -o-transition: background .3s
    }

    .action-link.action-link-blue {
        color: #0192c4
    }

        .action-link.action-link-blue::after {
            background: #0192c4
        }

.service-check-card {
    box-shadow: 1px 1px 4px rgba(0,0,0,.05);
    width: 177px
}

    .service-check-card .interest-icon {
        width: 100%;
        height: 177px;
        background: rgba(255,255,255,.05);
        -moz-box-shadow: 1px 1px 4px rgba(0,0,0,.05);
        -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,.05);
        box-shadow: 1px 1px 4px rgba(0,0,0,.05);
        display: block;
        position: relative
    }

        .service-check-card .interest-icon img {
            position: absolute;
            left: 50%;
            top: calc(50% - 20px);
            -webkit-transform: translateX(-50%) translateY(-50%) scale(.5);
            -moz-transform: translateX(-50%) translateY(-50%) scale(.5);
            -ms-transform: translateX(-50%) translateY(-50%) scale(.5);
            -o-transform: translateX(-50%) translateY(-50%) scale(.5)
        }

        .service-check-card .interest-icon.banking-card::before {
            width: 104px;
            height: 68px;
            background-position: -106px -194px
        }

        .service-check-card .interest-icon.get-cash::before {
            width: 88px;
            height: 88px;
            background-position: -106px -267px
        }

        .service-check-card .interest-icon.buy-house::before {
            width: 86px;
            height: 86px;
            background-position: -106px -452px
        }

        .service-check-card .interest-icon.buy-car::before {
            width: 88px;
            height: 78px;
            background-position: -106px -363px
        }

        .service-check-card .interest-icon.open-account::before {
            width: 68px;
            height: 98px;
            background-position: -106px 0
        }

        .service-check-card .interest-icon.other::before {
            content: '';
            background-image: url(../images/sprite.png);
            background-repeat: no-repeat;
            display: block;
            position: absolute;
            left: 50%;
            top: calc(50% - 20px);
            -webkit-transform: translateX(-50%) translateY(-50%) scale(.5);
            -moz-transform: translateX(-50%) translateY(-50%) scale(.5);
            -ms-transform: translateX(-50%) translateY(-50%) scale(.5);
            -o-transform: translateX(-50%) translateY(-50%) scale(.5);
            width: 108px;
            height: 108px;
            background-position: -221px 0
        }

        .service-check-card .interest-icon::after {
            content: '\f00c';
            font-family: FontAwesome;
            color: rgba(238,238,238,.2);
            font-size: 17px;
            position: absolute;
            left: 50%;
            bottom: 30px;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            -webkit-transition: color .3s;
            -moz-transition: color .3s;
            -ms-transition: color .3s;
            -o-transition: color .3s
        }

    .service-check-card .title {
        display: block;
        margin-top: 2px;
        width: 100%;
        padding: 16px 10px 19px;
        background: rgba(255,255,255,.05);
        -moz-box-shadow: 1px 1px 4px rgba(0,0,0,.05);
        -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,.05);
        box-shadow: 1px 1px 4px rgba(0,0,0,.05);
        font-size: 17px;
        text-align: center;
        font-family: BeirutLight
    }

    .service-check-card.active .interest-icon::after {
        color: #1D97E9
    }

.overflow-scroll .mCSB_container {
    display: block !important
}

.home-featured-product-container .centeredcontainer {
    justify-content: space-between
}

.home-featured-product {
    max-width: 531px;
    width: calc((100% - 88px) / 3);
    float: left;
    text-align: center
}

    .home-featured-product:nth-of-type(n+4) {
        margin-top: 25px
    }

    .home-featured-product .frame {
        overflow: hidden;
        position: relative
    }

        .home-featured-product .frame img {
            width: 100%;
            display: block
        }

        .home-featured-product .frame .tag {
            position: absolute;
            bottom: 15px;
            left: 18px;
            max-width: 30%;
            max-height: 50%
        }

        .home-featured-product .frame::after {
            content: '';
            background: rgba(0,0,0,.4);
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            opacity: 0;
            z-index: 1;
            box-sizing: border-box;
            pointer-events: none;
            border-bottom: 7px solid #0192c4;
            -webkit-transition: opacity .3s;
            -moz-transition: opacity .3s;
            -ms-transition: opacity .3s;
            -o-transition: opacity .3s
        }

    .home-featured-product .title {
        font-size: 18px;
        line-height: 17px;
        color: #333;
        display: block;
        width: 100%;
        padding: 22px 10px 8px;
        font-family: BeirutLight;
        margin-bottom: 10px;
        -webkit-transition: color .3s;
        -moz-transition: color .3s;
        -ms-transition: color .3s;
        -o-transition: color .3s
    }

    .home-featured-product .link {
        font-size: 17px;
        line-height: 20px;
        color: #06a4cd;
        position: relative;
        -webkit-transition: color .3s;
        -moz-transition: color .3s;
        -ms-transition: color .3s;
        -o-transition: color .3s
    }

        .home-featured-product .link::after {
            content: '';
            width: calc(100% + 8px);
            background: #07A5CF;
            height: 1px;
            position: absolute;
            bottom: -4px;
            left: -4px;
            -webkit-transition: background .3s;
            -moz-transition: background .3s;
            -ms-transition: background .3s;
            -o-transition: background .3s
        }

    .home-featured-product .article-action {
        padding: 6px 20px;
        font-size: 17px;
        color: #fff;
        background: #0192c4
    }

    .home-featured-product:not(.with-tag) .frame .tag {
        display: none
    }

    .home-featured-product.with-tag .frame::before {
        content: '';
        width: 300px;
        height: 220px;
        background-image: -moz-radial-gradient(left bottom,ellipse cover,#fff,rgba(255,255,255,0) 80%);
        background-image: -ms-radial-gradient(left bottom,ellipse cover,#fff,rgba(255,255,255,0) 80%);
        background-image: -webkit-gradient(radial,center center,0,center center,460,from(#fff),to(rgba(255,255,255,0)));
        background-image: -webkit-radial-gradient(left bottom,ellipse cover,#fff,rgba(255,255,255,0) 80%);
        background-image: -o-radial-gradient(left bottom,ellipse cover,#fff,rgba(255,255,255,0) 80%);
        position: absolute;
        bottom: 0;
        left: 0
    }

.home-featured-product-2 {
    max-width: 439px;
    width: calc((100% - 30px) / 3);
    min-height: 135px;
    float: left;
    background: #333;
    border-top: 4px solid #333;
    padding: 25px 10px 20px 145px;
    position: relative;
    color: #fff;
    -webkit-transition: background .3s,border-color .3s;
    -moz-transition: background .3s,border-color .3s;
    -ms-transition: background .3s,border-color .3s;
    -o-transition: background .3s,border-color .3s
}

    .home-featured-product-2:nth-of-type(n+2) {
        margin-left: calc((100% - 1317px) / 2)
    }

    .home-featured-product-2:nth-of-type(3n - 2) {
        margin-left: 0
    }

    .home-featured-product-2:nth-of-type(n+4) {
        margin-top: 25px
    }

    .home-featured-product-2 .frame {
        background: #fff;
        text-align: center;
        position: absolute;
        height: 100%;
        width: 126px;
        left: 0;
        top: 0;
        border: 1px solid #DDD;
        overflow: hidden
    }

        .home-featured-product-2 .frame .tag {
            position: absolute;
            max-width: calc(100% - 20px);
            top: 50%;
            left: 50%;
            -webkit-transform: translateX(-50%) translateY(-50%);
            -moz-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
            -o-transform: translateX(-50%) translateY(-50%)
        }

        .home-featured-product-2 .frame img {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translateX(-50%) translateY(-50%);
            -moz-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
            -o-transform: translateX(-50%) translateY(-50%)
        }

    .home-featured-product-2 .title {
        font-size: 25px;
        font-family: BeirutLight;
        line-height: 23px;
        display: block;
        width: 100%;
        text-transform: uppercase
    }

    .home-featured-product-2 .subtitle {
        font-size: 17px;
        line-height: 20px;
        display: block;
        margin-top: 7px
    }

.action-list .action {
    float: left;
    text-align: center;
    position: relative
}

    .action-list .action:nth-of-type(n+2) {
        margin-left: 38px
    }

    .action-list .action .action-icon {
        width: 177px;
        height: 177px;
        background: rgba(255,255,255,.05);
        display: block;
        border: 1px solid rgba(0,74,144,.05);
        box-shadow: 1px 1px 4px rgba(0,0,0,.05);
        -webkit-shadow: 1px 1px 4px rgba(0,0,0,.05);
        cursor: pointer;
        position: relative;
        margin: 0 0 28px;
        -webkit-transition: background .3s;
        -moz-transition: background .3s;
        -ms-transition: background .3s;
        -o-transition: background .3s
    }

        .action-list .action .action-icon::before {
            width: 112px;
            height: 112px;
            left: 50%;
            top: 50%;
            -webkit-transform: translateX(-50%) translateY(-50%) scale(.5);
            -moz-transform: translateX(-50%) translateY(-50%) scale(.5);
            -ms-transform: translateX(-50%) translateY(-50%) scale(.5);
            -o-transform: translateX(-50%) translateY(-50%) scale(.5)
        }

        .action-list .action .action-icon.recalculate::before {
            width: 112px;
            height: 108px;
            background-position: -219px -129px
        }

        .action-list .action .action-icon.print::before {
            width: 102px;
            height: 100px;
            background-position: -219px -245px
        }

        .action-list .action .action-icon.download::before {
            width: 80px;
            height: 96px;
            background-position: -219px -356px
        }

        .action-list .action .action-icon.video-icon::before {
            width: 112px;
            height: 68px;
            background-position: -219px -461px
        }

        .action-list .action .action-icon.live-chat::before {
            width: 96px;
            height: 84px;
            background-position: -219px -541px
        }

        .action-list .action .action-icon.online-form::before {
            width: 100px;
            height: 112px;
            background-position: -219px -635px
        }

    .action-list .action.green-beam .action-icon::after {
        content: '';
        background: #59B200;
        width: 17px;
        height: 17px;
        position: absolute;
        top: 18px;
        right: 18px;
        border-radius: 100%
    }

.small-listing-title {
    color: #0192c4;
    text-align: center;
    font-size: 28px;
    line-height: 34px;
    font-family: BeirutLight;
    display: block;
    margin-bottom: 30px;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -o-transition: opacity .3s
}

.small-article {
    max-width: 531px;
    width: calc((100% - 88px) / 3);
    float: left;
    display: flex;
    flex-wrap: nowrap;
    position: relative;
    background: #fff
}

    .small-article .frame {
        width: 65%;
        height: 209px;
        min-height: 100%;
        float: left;
        overflow: hidden;
        position: relative;
        align-self: flex-start
    }

        .small-article .frame img {
            min-width: 100%;
            min-height: 100%;
            display: block;
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translateX(-50%) translateY(-50%);
            -moz-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
            -o-transform: translateX(-50%) translateY(-50%)
        }

        .small-article .frame::after {
            content: '';
            width: 100%;
            height: 100%;
            background: rgba(51,51,51,.4);
            border-bottom: 7px solid #0192c4;
            box-sizing: border-box;
            opacity: 0;
            pointer-events: none;
            position: absolute;
            top: 0;
            left: 0;
            -webkit-transition: opacity .3s;
            -moz-transition: opacity .3s;
            -ms-transition: opacity .3s;
            -o-transition: opacity .3s
        }

    .small-article .content {
        width: 35%;
        float: left;
        padding: 7px 8px 40px 12px;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: flex-end
    }

        .small-article .content .title {
            color: #333;
            font-size: 18px;
            line-height: 24px;
            display: block;
            -webkit-transition: color .3s;
            -moz-transition: color .3s;
            -ms-transition: color .3s;
            -o-transition: color .3s
        }

        .small-article .content .read-more {
            font-size: 16px;
            line-height: 19px;
            color: #0192c4;
            font-family: BeirutLight;
            bottom: 13px;
            left: 12px;
            position: absolute
        }

    .small-article.video .frame {
        position: relative
    }

        .small-article.video .frame::before {
            content: '\f04b';
            color: #fff;
            font-size: 22px;
            font-family: FontAwesome;
            width: 54px;
            height: 54px;
            background: #0192c4;
            border-radius: 100%;
            position: absolute;
            top: calc(50% - 27px);
            left: calc(50% - 27px);
            text-align: center;
            padding: 16px 0 0 4px;
            z-index: 1;
            box-sizing: border-box;
            pointer-events: none
        }

.home-listing {
    background: #F2F2F2;
    padding: 0;
    position: relative
}

    .home-listing .small-articles-listing:nth-of-type(2n) {
        background: #fff
    }

        .home-listing .small-articles-listing:nth-of-type(2n) .small-article {
            background: #F2F2F2
        }

    .home-listing .small-articles-listing:nth-of-type(n+2) {
        border-top: 1px solid #fff
    }

.small-articles-listing {
    padding-top: 32px;
    padding-bottom: 34px
}

    .small-articles-listing .centeredcontainer {
        justify-content: space-between
    }

.load-more {
    font-size: 20px;
    line-height: 48px;
    font-family: BeirutLight;
    width: 100%;
    max-width: 303px;
    text-align: center;
    margin: auto;
    display: block;
    height: 48px;
    border-bottom: 1px solid #666;
    color: #666;
    cursor: pointer;
    -webkit-transition: color .3s,border-color .3s;
    -moz-transition: color .3s,border-color .3s;
    -ms-transition: color .3s,border-color .3s;
    -o-transition: color .3s,border-color .3s
}

.footer-box {
    background: url(../images/footer_boxes_pattern.png) 50% 50% no-repeat #0192c4;
    background-size: cover;
    float: left;
    max-width: 531px;
    width: calc((100% - 88px) / 3);
    padding: 45px 44px 35px;
    position: relative;
    color: #fff
}

    .footer-box:nth-of-type(n+2) {
        margin-left: 44px
    }

    .footer-box.twitter-feed {
        padding-top: 77px
    }

        .footer-box.twitter-feed::before {
            content: '\f099';
            font-family: FontAwesome;
            font-size: 30px;
            position: absolute;
            top: 40px;
            left: 48px;
            background: 0 0;
            width: auto;
            height: auto;
            opacity: 1
        }

        .footer-box.twitter-feed .text {
            max-width: 100%;
            font-size: 18px;
            line-height: 22px;
            display: block
        }

        .footer-box.twitter-feed .frame {
            width: 100px;
            height: 100px;
            overflow: hidden;
            float: left;
            padding: 0 10px 10px 0;
            margin-top: 2px
        }

            .footer-box.twitter-feed .frame .tweet-image {
                width: 100%
            }

        .footer-box.twitter-feed .readmore {
            color: #fff;
            font-size: 16px
        }

            .footer-box.twitter-feed .readmore::after {
                background: #fff
            }

    .footer-box.social-box {
        background-color: #0192c4
    }

    .footer-box.newsletter-box {
        background-color: #0080FF
    }

    .footer-box .social-list {
        width: 100%;
        padding-top: 25px;
        margin-top: 22px;
        border-top: 1px solid rgba(255,255,255,.3)
    }

        .footer-box .social-list li {
            width: 100%
        }

            .footer-box .social-list li:last-of-type {
                width: 54px !important
            }

            .footer-box .social-list li:nth-last-child(2), .footer-box .social-list li:nth-last-child(2) ~ li {
                width: calc((100% - 55px) / 2)
            }

            .footer-box .social-list li:nth-last-child(3), .footer-box .social-list li:nth-last-child(3) ~ li {
                width: calc((100% - 55px) / 2)
            }

            .footer-box .social-list li:nth-last-child(4), .footer-box .social-list li:nth-last-child(4) ~ li {
                width: calc((100% - 55px) / 3)
            }

            .footer-box .social-list li:nth-last-child(5), .footer-box .social-list li:nth-last-child(5) ~ li {
                width: calc((100% - 55px) / 4)
            }

            .footer-box .social-list li:nth-last-child(6), .footer-box .social-list li:nth-last-child(6) ~ li {
                width: calc((100% - 55px) / 5)
            }

            .footer-box .social-list li:nth-last-child(7), .footer-box .social-list li:nth-last-child(7) ~ li {
                width: calc((100% - 55px) / 6)
            }

    .footer-box.grey-box {
        background-image: url(../images/footer_boxes_pattern_grey.png)
    }

    .footer-box .text, .footer-box .title {
        font-size: 20px;
        line-height: 24px;
        display: block;
        font-family: BeirutLight
    }

    .footer-box .text {
        max-width: 410px;
        width: 100%
    }

    .footer-box .description {
        font-size: 21px;
        line-height: 21px;
        display: block;
        font-family: BeirutLight;
        width: 100%;
        max-width: 330px;
        margin-top: 12px
    }

    .footer-box .newsletter-input {
        width: 100%;
        max-width: 333px;
        margin-top: 15px
    }

        .footer-box .newsletter-input .input {
            border-radius: 0;
            background: rgba(255,255,255,.18);
            height: 34px;
            width: calc(100% - 94px);
            float: left;
            color: #fff;
            border: 1px solid transparent;
            -webkit-transition: border-color .4s;
            -moz-transition: border-color .4s;
            -ms-transition: border-color .4s;
            -o-transition: border-color .4s
        }

        .footer-box .newsletter-input.missing .input {
            border-color: #fff
        }

        .footer-box .newsletter-input .join {
            height: 34px;
            width: 76px;
            margin-left: 18px;
            float: left;
            line-height: 34px;
            font-family: BeirutBold;
            text-align: center;
            display: block;
            text-decoration: none;
            cursor: pointer;
            border: 1px solid #fff;
            text-transform: uppercase;
            -webkit-transition: color .3s,background .3s;
            -moz-transition: color .3s,background .3s;
            -ms-transition: color .3s,background .3s;
            -o-transition: color .3s,background .3s
        }

        .footer-box .newsletter-input::after {
            content: '';
            display: block;
            clear: both
        }

        .footer-box .newsletter-input ::-webkit-input-placeholder {
            font-family: BeirutLight;
            color: #EAEAEA;
            opacity: .6;
            font-size: 16px;
            font-style: normal
        }

        .footer-box .newsletter-input :-moz-placeholder {
            font-family: BeirutLight;
            color: #EAEAEA;
            opacity: .6;
            font-size: 16px;
            font-style: normal
        }

        .footer-box .newsletter-input ::-moz-placeholder {
            font-family: BeirutLight;
            color: #EAEAEA;
            opacity: .6;
            font-size: 16px;
            font-style: normal
        }

        .footer-box .newsletter-input :-ms-input-placeholder {
            font-family: BeirutLight;
            color: #EAEAEA;
            opacity: .6;
            font-size: 16px;
            font-style: normal
        }

    .footer-box .form-message {
        position: absolute;
        left: 50%;
        top: 55%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        -o-transform: translateX(-50%) translateY(-50%);
        font-size: 21px;
        line-height: 25px;
        font-family: BeirutLight;
        color: #373737;
        opacity: 0;
        pointer-events: none;
        -webkit-transition: opacity .4s,top .4s;
        -moz-transition: opacity .4s,top .4s;
        -ms-transition: opacity .4s,top .4s;
        -o-transition: opacity .4s,top .4s;
        z-index: 1
    }

    .footer-box::before {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: #fff;
        opacity: 0;
        pointer-events: none;
        -webkit-transition: opacity .4s;
        -moz-transition: opacity .4s;
        -ms-transition: opacity .4s;
        -o-transition: opacity .4s;
        z-index: 1
    }

    .footer-box.display-message::before {
        opacity: 1;
        pointer-events: fill
    }

    .footer-box.display-message .form-message {
        opacity: 1;
        pointer-events: fill;
        top: 50%
    }

.loader-button {
    position: relative;
    -webkit-transition: background .3s,border-color .3s,color .3s;
    -moz-transition: background .3s,border-color .3s,color .3s;
    -ms-transition: background .3s,border-color .3s,color .3s;
    -o-transition: background .3s,border-color .3s,color .3s
}

    .loader-button .loader {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        pointer-events: none;
        -webkit-transition: opacity .3s;
        -moz-transition: opacity .3s;
        -ms-transition: opacity .3s;
        -o-transition: opacity .3s
    }

        .loader-button .loader li, .loader-button .loader::after, .loader-button .loader::before {
            width: 8px;
            height: 8px;
            background: #fff;
            border-radius: 100%;
            position: absolute;
            top: 50%
        }

        .loader-button .loader li {
            -webkit-transform: translateX(-50%) translateY(-50%);
            -moz-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
            -o-transform: translateX(-50%) translateY(-50%);
            left: 50%;
            -webkit-animation: loader-dots .9s linear .3s infinite;
            animation: loader-dots .9s linear .3s infinite
        }

        .loader-button .loader::before {
            content: '';
            left: calc(50% - 10px);
            -webkit-transform: translateX(calc(-50% - 10px)) translateY(-50%);
            -moz-transform: translateX(calc(-50% - 10px)) translateY(-50%);
            -ms-transform: translateX(calc(-50% - 10px)) translateY(-50%);
            -o-transform: translateX(calc(-50% - 10px)) translateY(-50%);
            -webkit-animation: loader-dots .9s linear 0s infinite;
            animation: loader-dots .9s linear 0s infinite
        }

        .loader-button .loader::after {
            content: '';
            left: calc(50% + 10px);
            -webkit-transform: translateX(calc(-50% + 10px)) translateY(-50%);
            -moz-transform: translateX(calc(-50% + 10px)) translateY(-50%);
            -ms-transform: translateX(calc(-50% + 10px)) translateY(-50%);
            -o-transform: translateX(calc(-50% + 10px)) translateY(-50%);
            -webkit-animation: loader-dots .9s linear .6s infinite;
            animation: loader-dots .9s linear .6s infinite
        }

    .loader-button.loading {
        color: transparent !important;
        border-color: transparent !important;
        background: 0 0 !important
    }

        .loader-button.loading .loader {
            opacity: 1
        }

.connected-loader-button {
    padding-bottom: 15px;
    position: relative
}

    .connected-loader-button::after {
        bottom: 8px !important
    }

    .connected-loader-button::before {
        content: '';
        width: 4px;
        height: 4px;
        border-radius: 80%;
        background: #fff;
        position: absolute;
        bottom: 8px;
        opacity: 0;
        left: -2px;
        -webkit-transform: translateY(50%);
        -moz-transform: translateY(50%);
        -ms-transform: translateY(50%);
        -o-transform: translateY(50%)
    }

    .connected-loader-button.grey-dot::before {
        background: #333
    }

    .connected-loader-button.with-border::before {
        bottom: 0
    }

    .connected-loader-button.loading {
        color: transparent !important
    }

        .connected-loader-button.loading:not(.with-border) {
            border-color: #fff !important
        }

            .connected-loader-button.loading:not(.with-border)::after {
                background: #fff !important
            }

        .connected-loader-button.loading.with-border.grey-dot {
            border-color: #666 !important
        }

        .connected-loader-button.loading::before {
            -webkit-animation: loader-connected 2.8s ease-in-out 0s infinite;
            animation: loader-connected 2.8s ease-in-out 0s infinite;
            opacity: 1
        }

.no-results-found {
    font-size: 25px;
    padding: 20px 0 10px;
    text-align: center;
    display: block;
    width: 100%
}

    .no-results-found.highlights-no-reuslt {
        padding: 40px 0 35px;
        background: #EEE
    }

.container-loader {
    position: relative
}

    .container-loader .content-container {
        -webkit-transition: opacity .3s;
        -moz-transition: opacity .3s;
        -ms-transition: opacity .3s;
        -o-transition: opacity .3s
    }

    .container-loader::before {
        content: '';
        position: absolute;
        margin: auto;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        top: 120px;
        opacity: 0;
        width: 15px;
        height: 15px;
        border-radius: 100%;
        box-shadow: 15px 15px #0d235e,-15px 15px #368abd,-15px -15px #0d235e,15px -15px #368abd;
        -o-box-shadow: 15px 15px #0d235e,-15px 15px #368abd,-15px -15px #0d235e,15px -15px #368abd;
        -ms-box-shadow: 15px 15px #0d235e,-15px 15px #368abd,-15px -15px #0d235e,15px -15px #368abd;
        -webkit-box-shadow: 15px 15px #0d235e,-15px 15px #368abd,-15px -15px #0d235e,15px -15px #368abd;
        -moz-box-shadow: 15px 15px #0d235e,-15px 15px #368abd,-15px -15px #0d235e,15px -15px #368abd;
        animation: cssload-spin ease infinite 4.6s;
        -o-animation: cssload-spin ease infinite 4.6s;
        -ms-animation: cssload-spin ease infinite 4.6s;
        -webkit-animation: cssload-spin ease infinite 4.6s;
        -moz-animation: cssload-spin ease infinite 4.6s;
        -webkit-transition: opacity .3s;
        -moz-transition: opacity .3s;
        -ms-transition: opacity .3s;
        -o-transition: opacity .3s
    }

    .container-loader.loading::before {
        opacity: 1
    }

    .container-loader.loading .content-container {
        opacity: .4
    }

.social-list li {
    float: left
}

    .social-list li .social-icon {
        width: 54px;
        height: 54px;
        border-radius: 100%;
        border: 1px solid #fff;
        display: block;
        position: relative;
        -webkit-transition: background .3s;
        -moz-transition: background .3s;
        -ms-transition: background .3s;
        -o-transition: background .3s
    }

        .social-list li .social-icon::before {
            font-size: 30px;
            left: 50%;
            top: 50%;
            -webkit-transform: translateX(-50%) translateY(-50%);
            -moz-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
            -o-transform: translateX(-50%) translateY(-50%);
            -webkit-transition: color .3s;
            -moz-transition: color .3s;
            -ms-transition: color .3s;
            -o-transition: color .3s
        }

        .social-list li .social-icon.fb::before {
            content: '\f09a'
        }

        .social-list li .social-icon.lin::before {
            content: '\f0e1'
        }

        .social-list li .social-icon.tw::before {
            content: '\f099'
        }

        .social-list li .social-icon.yt::before {
            content: '\f167'
        }

        .social-list li .social-icon.google::before {
            content: '\f0d5'
        }

        .social-list li .social-icon.blog::before {
            content: '\f0a1'
        }

        .social-list li .social-icon.insta::before {
            content: '\f16d'
        }

.footer-boxes-container {
    background: #fff;
    padding-bottom: 0;
    padding-top: 32px
}

    .footer-boxes-container .centeredcontainer {
        display: flex;
        flex-wrap: wrap
    }

.video-chat {
    color: #fff;
    position: fixed;
    right: 82px;
    bottom: 0;
    z-index: 12;
    font-family: BeirutLight;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -o-transition: opacity .3s
}

    .video-chat .offline-panel {
        width: 236px;
        border-top: 6px solid #0192c4;
        background: rgba(0,72,148,.95);
        padding: 30px 18px;
        text-align: center
    }

        .video-chat .offline-panel .title {
            font-size: 20px;
            line-height: 24px;
            display: block;
            width: 100%;
            border-bottom: 1px solid rgba(255,255,255,.2);
            padding: 48px 0 18px
        }

            .video-chat .offline-panel .title::before {
                content: "\e693";
                font-family: Pe-icon-7-stroke;
                font-size: 50px;
                top: 9px;
                left: 50%;
                -webkit-transform: translate(-50%);
                -moz-transform: translate(-50%);
                -ms-transform: translate(-50%);
                -o-transform: translate(-50%)
            }

            .video-chat .offline-panel .title::after {
                content: '';
                width: 13px;
                height: 13px;
                border-radius: 100%;
                background: #59b200;
                position: absolute;
                top: 0;
                right: 42px
            }

        .video-chat .offline-panel .description {
            font-size: 22px;
            padding: 18px 0;
            display: block
        }

        .video-chat .offline-panel .btn {
            max-width: 148px
        }

    .video-chat .offline-animated-container {
        overflow: hidden;
        max-height: 350px;
        -webkit-transition: max-height .5s;
        -moz-transition: max-height .5s;
        -ms-transition: max-height .5s;
        -o-transition: max-height .5s
    }

    .video-chat .online-panel {
        background: rgba(0,72,148,.95);
        position: absolute;
        right: 0;
        bottom: 40px;
        width: 210px;
        opacity: 0;
        padding: 15px 22px 13px 20px;
        box-shadow: 1px 1px 3px rgba(0,0,0,.38);
        pointer-events: none;
        visibility: hidden;
        -webkit-transition: opacity .5s,visibility .5s;
        -moz-transition: opacity .5s,visibility .5s;
        -ms-transition: opacity .5s,visibility .5s;
        -o-transition: opacity .5s,visibility .5s
    }

        .video-chat .online-panel .title {
            font-family: BeirutBold;
            text-transform: uppercase
        }

            .video-chat .online-panel .title::before {
                content: '\f007';
                font-size: 17px;
                display: inline-block;
                margin-right: 7px;
                position: relative;
                margin-top: 1px
            }

        .video-chat .online-panel .status {
            float: right;
            font-size: 18px;
            color: #EDEDED
        }

            .video-chat .online-panel .status::before {
                content: '';
                width: 10px;
                height: 10px;
                background: #59b200;
                border-radius: 100%;
                display: inline-block;
                margin-right: 4px
            }

.online-video-chat .video-chat .offline-animated-container {
    max-height: 0
}

.online-video-chat .video-chat .online-panel {
    pointer-events: fill;
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .5s .5s;
    -moz-transition: opacity .5s .5s;
    -ms-transition: opacity .5s .5s;
    -o-transition: opacity .5s .5s
}

.play-btn {
    background: rgba(12,178,221,.86);
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 130px;
    height: 130px;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    outline: 0;
    border: 0;
    cursor: pointer;
    z-index: 2;
    -moz-transition: transform .4s,opacity .2s,background .3s;
    -ms-transition: transform .4s,opacity .2s,background .3s;
    -o-transition: transform .4s,opacity .2s,background .3s;
    -webkit-transition: -webkit-transform .4s,opacity .2s,background .3s
}

    .play-btn::after, .play-btn::before {
        font-size: 45px;
        top: 50%;
        left: calc(50% + 5px);
        position: absolute;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        -o-transform: translateX(-50%) translateY(-50%);
        color: #fff;
        -webkit-transition: opacity .4s;
        -moz-transition: opacity .4s;
        -ms-transition: opacity .4s;
        -o-transition: opacity .4s
    }

    .play-btn::before {
        content: '\f04b'
    }

    .play-btn::after {
        content: '\f04c';
        left: 50%;
        opacity: 0
    }

    .play-btn.playing {
        opacity: 0;
        -webkit-transform: translateX(-50%) translateY(-50%) scale(4);
        -moz-transform: translateX(-50%) translateY(-50%) scale(4);
        -ms-transform: translateX(-50%) translateY(-50%) scale(4);
        -o-transform: translateX(-50%) translateY(-50%) scale(4)
    }

        .play-btn.playing::before {
            opacity: 0
        }

        .play-btn.playing::after {
            opacity: 1
        }

.breadcrumbs-container {
    width: 100%;
    overflow: hidden;
    position: relative
}

    .breadcrumbs-container .breadcrumbs {
        max-width: 1600px;
        padding: 20px 0 15px;
        color: #333;
        font-size: 14px;
        font-family: BeirutLight
    }

        .breadcrumbs-container .breadcrumbs .bread-item {
            display: inline-block;
            font-family: BeirutLight;
            text-transform: capitalize
        }

            .breadcrumbs-container .breadcrumbs .bread-item::after {
                content: '\f101';
                font-family: FontAwesome;
                font-size: 15px;
                display: inline-block;
                margin: 0 16px
            }

            .breadcrumbs-container .breadcrumbs .bread-item:last-of-type::after {
                display: none
            }

    .breadcrumbs-container.apply-loans-breadcrumbs .breadcrumbs {
        padding: 40px 0 15px
    }

    .breadcrumbs-container.border-bottom {
        border-bottom: 1px solid #DDD
    }

    .breadcrumbs-container.with-close {
        padding-right: 64px !important;
        position: relative
    }

        .breadcrumbs-container.with-close .section-close {
            top: 50%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%)
        }

.info-image-template {
    clear: both
}

    .info-image-template > .flex-container {
        align-items: center
    }

    .info-image-template .content {
        width: 43.5%;
        padding-right: 30px
    }

        .info-image-template .content .title {
            display: block;
            font-family: BeirutLight;
            font-size: 32px;
            line-height: 38px;
            color: #0192c4
        }

            .info-image-template .content .title.small-title {
                font-size: 25px
            }

                .info-image-template .content .title.small-title ~ .description {
                    margin-top: 22px
                }

            .info-image-template .content .title.big-title {
                font-size: 47px;
                line-height: 56px
            }

        .info-image-template .content .subtitle {
            font-size: 22px;
            line-height: 26px;
            color: #444;
            display: block
        }

        .info-image-template .content .description {
            font-size: 16px;
            font-family: Roboto-Regular;
            color: #545454;
            line-height: 24px;
            display: block;
            margin: 30px 0 0;
            max-width: 545px;
            text-align: justify
        }

            .info-image-template .content .description.max-width-260 {
                max-width: 260px
            }

            .info-image-template .content .description.max-width-300 {
                max-width: 300px
            }

            .info-image-template .content .description ul li {
                padding-left: 20px;
                position: relative
            }

                .info-image-template .content .description ul li:nth-of-type(n+2) {
                    margin-top: 3px
                }

                .info-image-template .content .description ul li::before {
                    content: '';
                    width: 6px;
                    height: 6px;
                    position: absolute;
                    left: 2px;
                    top: 8px;
                    border-radius: 100%;
                    background: #0192c4
                }

        .info-image-template .content .action-link {
            margin-top: 30px;
            width: 68px;
            display: block;
            font-size: 20px
        }

        .info-image-template .content .btn {
            max-width: 220px;
            margin-top: 20px
        }

        .info-image-template .content.center-horizontal {
            text-align: center !important
        }

            .info-image-template .content.center-horizontal .content-position {
                text-align: left
            }

        .info-image-template .content.full-content {
            width: 100%
        }

    .info-image-template .image-frame {
        width: 56.5%;
        margin-left: -4px;
        text-align: center
    }

        .info-image-template .image-frame .image {
            max-width: 100%
        }

    .info-image-template.padded-bottom {
        padding-bottom: 35px
    }

    .info-image-template.padded-top {
        padding-top: 70px
    }

    .info-image-template.padded-top-small {
        padding-top: 50px
    }

    .info-image-template.reversed .content {
        margin-left: 0;
        padding-left: 30px
    }

    .info-image-template.reversed .image-frame {
        margin-left: -4px
    }

    .info-image-template.white-bg-pattern-1 {
        padding-top: 70px;
        padding-bottom: 70px;
        background: url(../images/info_image_template_pattern3.html) repeat-x
    }

    .info-image-template.white-bg-pattern-2 {
        padding-top: 70px;
        background: url(../images/info_image_template_pattern2.png) right 50% no-repeat;
        background-size: contain
    }

        .info-image-template.white-bg-pattern-2 .content {
            padding-bottom: 20px
        }

    .info-image-template.blue-gradient-template {
        background: -webkit-gradient(linear,right top,right bottom,from(#2292b1),to(#182a75));
        background: -webkit-linear-gradient(right,#2292b1,#182a75);
        background: -moz-linear-gradient(right,#2292b1,#182a75);
        background: -ms-linear-gradient(right,#2292b1,#182a75);
        background: -o-linear-gradient(right,#2292b1,#182a75)
    }

        .info-image-template.blue-gradient-template .content {
            width: 38%;
            margin-bottom: 30px
        }

            .info-image-template.blue-gradient-template .content .title {
                color: #fff
            }

            .info-image-template.blue-gradient-template .content .description {
                color: #CCC;
                line-height: 24px;
                margin-top: 20px
            }

            .info-image-template.blue-gradient-template .content .action-link {
                color: #fff
            }

                .info-image-template.blue-gradient-template .content .action-link::after {
                    background: #fff
                }

        .info-image-template.blue-gradient-template .image-frame {
            width: 62%;
            vertical-align: bottom
        }

            .info-image-template.blue-gradient-template .image-frame::before {
                content: '';
                display: inline-block;
                vertical-align: bottom;
                height: 100%;
                margin-left: -4px
            }

            .info-image-template.blue-gradient-template .image-frame .image {
                display: inline-block;
                vertical-align: bottom
            }

    .info-image-template.cards-white-section-2 {
        padding-top: 50px;
        padding-bottom: 10px;
        overflow: hidden
    }

        .info-image-template.cards-white-section-2 .image-frame img {
            -webkit-transform: rotate(-8deg) translateY(10px);
            -moz-transform: rotate(-8deg) translateY(10px);
            -ms-transform: rotate(-8deg) translateY(10px);
            -o-transform: rotate(-8deg) translateY(10px)
        }

    .info-image-template.grey-bg {
        background: #F1F2F6
    }

    .info-image-template.label-new .centeredcontainer::after {
        content: 'NEW';
        width: 81px;
        height: 81px;
        background: #0192c4;
        position: absolute;
        border-radius: 100%;
        text-align: center;
        line-height: 84px;
        color: #fff;
        font-size: 20px;
        top: -20px;
        right: 0;
        font-family: BeirutLight
    }

    .info-image-template.bg-image {
        background-position: right top;
        background-repeat: no-repeat;
        background-size: contain;
        height: 484px
    }

        .info-image-template.bg-image .centeredcontainer {
            height: 100%
        }

        .info-image-template.bg-image.reversed {
            background-position: left top
        }

            .info-image-template.bg-image.reversed .centeredcontainer {
                text-align: right
            }

            .info-image-template.bg-image.reversed .content {
                text-align: left
            }

    .info-image-template.form-template .content {
        max-width: 380px
    }

        .info-image-template.form-template .content.full-content {
            max-width: 100%
        }

    .info-image-template.form-template .image-frame {
        text-align: center;
        min-width: calc(100% - 380px)
    }

        .info-image-template.form-template .image-frame.form-frame {
            text-align: left;
            padding-left: 50px;
            min-width: 0;
            max-width: 800px
        }

            .info-image-template.form-template .image-frame.form-frame::before {
                display: none
            }

            .info-image-template.form-template .image-frame.form-frame .title {
                color: #333;
                font-size: 19px;
                line-height: 23px;
                display: block;
                position: relative;
                padding-bottom: 5px
            }

            .info-image-template.form-template .image-frame.form-frame .btn {
                max-width: 160px;
                clear: both;
                margin-top: 32px
            }

            .info-image-template.form-template .image-frame.form-frame .form-inputs {
                margin-top: 8px
            }

                .info-image-template.form-template .image-frame.form-frame .form-inputs .inputfield {
                    max-width: calc((100% - 22px) / 2)
                }

                    .info-image-template.form-template .image-frame.form-frame .form-inputs .inputfield:nth-of-type(2n - 1) {
                        margin-left: 0
                    }

                    .info-image-template.form-template .image-frame.form-frame .form-inputs .inputfield:nth-of-type(2n) {
                        margin-left: 22px
                    }

    .info-image-template.grey-gradient {
        background: -webkit-gradient(linear,right top,right bottom,from(#fafafa),to(#dfdfdd));
        background: -webkit-linear-gradient(right,#fafafa,#dfdfdd);
        background: -moz-linear-gradient(right,#fafafa,#dfdfdd);
        background: -ms-linear-gradient(right,#fafafa,#dfdfdd);
        background: -o-linear-gradient(right,#fafafa,#dfdfdd)
    }

    .info-image-template.card-section {
        padding-top: 60px;
        padding-bottom: 50px
    }

    .info-image-template.background-cover {
        background-size: cover
    }

.fullwidth-gradient-container {
    width: 100%;
    padding-top: 62px;
    padding-bottom: 62px;
    background-image: -moz-linear-gradient(-1% 64% 6deg,#0192c4 0,#3c319d 100%);
    background-image: -webkit-gradient(linear,-1% 64%,52% 27%,color-stop(0,#0192c4),color-stop(1,#3c319d));
    background-image: -webkit-linear-gradient(6deg,#0192c4 0,#3c319d 100%);
    background-image: -o-linear-gradient(6deg,#0192c4 0,#3c319d 100%);
    background-image: -ms-linear-gradient(6deg,#0192c4 0,#3c319d 100%);
    background-image: linear-gradient(6deg,#0192c4 0,#3c319d 100%)
}

    .fullwidth-gradient-container .fullwidth-gradient-swiper {
        width: 100%
    }

        .fullwidth-gradient-container .fullwidth-gradient-swiper .swiper-wrapper {
            width: auto !important
        }

        .fullwidth-gradient-container .fullwidth-gradient-swiper .slide {
            width: calc((100% - 205px) / 3)
        }

            .fullwidth-gradient-container .fullwidth-gradient-swiper .slide .slide-icon-frame {
                height: 116px
            }

                .fullwidth-gradient-container .fullwidth-gradient-swiper .slide .slide-icon-frame .slide-icon {
                    max-width: 100%;
                    max-height: 100%
                }

            .fullwidth-gradient-container .fullwidth-gradient-swiper .slide .slide-title {
                font-size: 15px;
                line-height: 21px;
                color: #CCC;
                display: block;
                max-width: 200px;
                font-family: Roboto-Regular
            }

                .fullwidth-gradient-container .fullwidth-gradient-swiper .slide .slide-title b {
                    color: #fff
                }

            .fullwidth-gradient-container .fullwidth-gradient-swiper .slide:last-of-type {
                width: 205px
            }

    .fullwidth-gradient-container .arrows.left-arrow {
        left: 0
    }

    .fullwidth-gradient-container .arrows.right-arrow {
        right: 0
    }

    .fullwidth-gradient-container .arrows::before {
        width: 25px;
        height: 2px;
        background: #fff
    }

    .fullwidth-gradient-container .arrows::after {
        height: 25px;
        width: 2px;
        background: #fff
    }

.statement-with-icon {
    text-align: center;
    padding-top: 75px;
    padding-bottom: 80px
}

    .statement-with-icon .statement-icon {
        width: 100%
    }

        .statement-with-icon .statement-icon img {
            max-height: 200px
        }

    .statement-with-icon .statement-text {
        line-height: 38px;
        font-size: 25px;
        font-family: BeirutLight;
        color: #0192c4;
        display: block;
        max-width: 680px;
        margin: 20px auto 0
    }

.page-title {
    font-size: 35px;
    line-height: 42px;
    color: #333;
    font-family: BeirutLight;
    float: left
}

.page-filter {
    width: calc(100% - 250px);
    float: left;
    margin: 8px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-around
}

    .page-filter li {
        display: inline-block;
        margin: 3px 0 0;
        padding-right: 10px
    }

        .page-filter li .filter-label {
            padding-left: 25px;
            color: #333;
            position: relative;
            font-size: 18px;
            line-height: 19px;
            cursor: pointer;
            display: inline-block;
            vertical-align: top;
            white-space: nowrap
        }

            .page-filter li .filter-label::before {
                content: '';
                width: 10px;
                height: 10px;
                border: 2px solid #BBB;
                position: absolute;
                left: 0;
                top: 2px
            }

            .page-filter li .filter-label::after {
                content: '';
                width: 6px;
                height: 6px;
                background: #0192c4;
                position: absolute;
                left: 4px;
                top: 6px;
                opacity: 0;
                -webkit-transition: opacity .3s;
                -moz-transition: opacity .3s;
                -ms-transition: opacity .3s;
                -o-transition: opacity .3s
            }

        .page-filter li.mobile-selected-value {
            display: none
        }

        .page-filter li input:checked + .filter-label::after {
            opacity: 1
        }

.btn-blue-ghost {
    border: 1px solid #0192c4;
    background: 0 0;
    font-size: 16px;
    height: 49px;
    line-height: 47px;
    max-width: 165px;
    color: #0192c4;
    -webkit-transition: background .3s,color .3s,border-color .3s;
    -moz-transition: background .3s,color .3s,border-color .3s;
    -ms-transition: background .3s,color .3s,border-color .3s;
    -o-transition: background .3s,color .3s,border-color .3s
}

    .btn-blue-ghost.font-size-19 {
        font-size: 19px
    }

    .btn-blue-ghost.loading.mechanical-loader-before {
        color: transparent !important;
        border-color: transparent !important;
        background: 0 0 !important
    }

        .btn-blue-ghost.loading.mechanical-loader-before::before {
            opacity: 1;
            bottom: auto;
            top: calc(50% - 10px)
        }

.subpage-header .page-title {
    float: left;
    white-space: nowrap;
    margin-bottom: 5px
}

    .subpage-header .page-title.auto-width {
        width: auto;
        padding-right: 10px
    }

.subpage-header .compare {
    float: right;
    height: 47px;
    line-height: 47px
}

.subpage-header > .flex-container {
    justify-content: space-between
}

.subpage-header {
    padding-top: 10px;
    padding-bottom: 25px;
    border-bottom: 1px solid #DDD;
    -webkit-transition: padding .3s;
    -moz-transition: padding .3s;
    -ms-transition: padding .3s;
    -o-transition: padding .3s
}

.default-listing-container {
    padding-top: 55px;
    padding-bottom: 45px;
    background: #fff
}

    .default-listing-container .centeredcontainer {
        display: flex;
        flex-wrap: wrap
    }

    .default-listing-container.grey-bg {
        background: #F5F7F9
    }

    .default-listing-container .load-more {
        margin-top: 80px
    }

    .default-listing-container.pattern-template {
        position: relative;
        background-color: #F1F4F9;
        background-image: url(../images/listing-pattern.png);
        background-position: right top;
        background-repeat: no-repeat
    }

        .default-listing-container.pattern-template::before {
            content: '';
            width: 555px;
            height: 230px;
            background-image: url(../images/listing-pattern-2.png);
            background-position: right top;
            background-repeat: no-repeat;
            position: absolute;
            left: 0;
            bottom: 0
        }

        .default-listing-container.pattern-template .default-article-template .frame {
            border: 10px solid #fff;
            box-shadow: 1px 0 27px 3px rgba(0,0,0,.05)
        }

.default-article-template {
    float: left;
    width: 360px;
    max-width: calc((100% - 40px) / 3);
    padding-bottom: 48px;
    position: relative
}

    .default-article-template:nth-of-type(3n - 1), .default-article-template:nth-of-type(3n) {
        margin-left: calc((100% - 1080px) / 2)
    }

    .default-article-template:nth-of-type(n+4) {
        margin-top: 70px
    }

    .default-article-template .frame {
        max-width: 358px;
        width: 100%;
        overflow: hidden;
        margin: auto;
        text-align: center;
        display: block;
        max-height: 232px
    }

        .default-article-template .frame img {
            max-width: 100%;
            display: block;
            margin: auto
        }

    .default-article-template .title {
        display: block;
        margin-top: 38px;
        font-size: 25px;
        color: #0192c4;
        font-family: BeirutLight;
        text-align: center;
        padding: 0 5px
    }

    .default-article-template .description {
        font-size: 16px;
        color: #555;
        line-height: 23px;
        text-align: center;
        font-family: Roboto-Regular;
        display: block;
        margin-top: 18px;
        padding: 0 5px
    }

    .default-article-template .apply {
        display: block;
        margin: 18px auto 0;
        font-size: 20px;
        color: #0192c4;
        width: 68px;
        position: absolute;
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%)
    }

        .default-article-template .apply::after {
            background: #0192c4
        }

    .default-article-template:not(.rollover-template2) .frame {
        position: relative
    }

        .default-article-template:not(.rollover-template2) .frame::before {
            content: '';
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            border-bottom: 7px solid #0094CE;
            box-sizing: border-box;
            background: rgba(255,255,255,.4);
            opacity: 0;
            pointer-events: none;
            -webkit-transition: opacity .3s;
            -moz-transition: opacity .3s;
            -ms-transition: opacity .3s;
            -o-transition: opacity .3s
        }

    .default-article-template.rollover-template2 .frame {
        -webkit-transition: opacity .3s;
        -moz-transition: opacity .3s;
        -ms-transition: opacity .3s;
        -o-transition: opacity .3s
    }

.full-width-chat-section {
    padding-top: 45px;
    padding-bottom: 32px;
    text-align: center;
    background: #EAEEF0
}

    .full-width-chat-section .label {
        color: #0071D7;
        font-size: 30px;
        line-height: 36px;
        font-family: BeirutLight;
        display: inline-block
    }

    .full-width-chat-section .action-link {
        color: #0071D7;
        font-size: 28px;
        line-height: 34px;
        font-family: BeirutLight;
        display: inline-block;
        margin-top: -4px
    }

        .full-width-chat-section .action-link::after {
            background: #999;
            bottom: -3px
        }

        .full-width-chat-section .action-link.chat-link {
            margin-left: 34px
        }

        .full-width-chat-section .action-link.view-link {
            margin-left: 30px
        }

.card-details-panel {
    width: 32.52%;
    max-width: 400px;
    min-width: 300px;
    padding-right: 0;
    float: left;
    border-right: 1px solid #CCC
}

    .card-details-panel .title {
        font-size: 25px;
        line-height: 30px;
        font-family: BeirutLight;
        color: #0192c4
    }

    .card-details-panel .frame {
        overflow: hidden;
        margin-top: 20px;
        max-width: 362px;
        width: calc(100% - 10px)
    }

        .card-details-panel .frame img {
            max-width: 100%
        }

    .card-details-panel .description {
        margin-top: 30px;
        display: block;
        color: #545454;
        font-size: 17px;
        max-width: 320px;
        width: calc(100% - 10px);
        font-family: Roboto-Regular
    }

        .card-details-panel .description ul li {
            padding-left: 20px;
            position: relative
        }

            .card-details-panel .description ul li:nth-of-type(n+2) {
                margin-top: 3px
            }

            .card-details-panel .description ul li::before {
                content: '';
                width: 6px;
                height: 6px;
                position: absolute;
                left: 2px;
                top: 13px;
                border-radius: 100%;
                background: #0192c4
            }

.page-form {
    float: left;
    max-width: 830px;
    width: calc(100% - 300px);
    padding-left: 108px
}

    .page-form .inputs-block:nth-of-type(n+2) {
        margin-top: 50px
    }

    .page-form .inputs-block .title {
        color: #333;
        font-size: 19px;
        line-height: 23px;
        display: block;
        position: relative;
        padding-bottom: 5px
    }

        .page-form .inputs-block .title::before {
            content: '';
            width: 34px;
            height: 1px;
            background: #444;
            position: absolute;
            left: -51px;
            top: 12px
        }

    .page-form .inputs-block::after {
        content: '';
        display: block;
        clear: both
    }

    .page-form .inputs-block .inputs-margin-fix {
        width: calc(100% + 42px);
        margin-left: -42px
    }

        .page-form .inputs-block .inputs-margin-fix::after {
            content: '';
            display: block;
            clear: both
        }

    .page-form .apply-form {
        max-width: 234px;
        height: 58px;
        line-height: 56px;
        margin-top: 20px
    }

    .page-form.eway-page-form {
        float: none;
        max-width: 830px;
        width: 100%;
        padding-left: 0
    }

.loans-pages .page-form {
    max-width: 100%
}

    .loans-pages .page-form .inputs-margin-fix {
        max-width: 830px
    }

.required-label {
    font-family: BeirutLight;
    color: #333;
    font-size: 15px;
    display: block;
    position: relative;
    margin-top: 48px;
    padding-left: 5px
}

    .required-label::before {
        content: '*';
        font-size: 18px;
        position: absolute;
        left: -9px;
        top: 3px
    }

    .required-label.white {
        color: rgba(235,235,235,.72)
    }

    .required-label.italic {
        font-style: italic
    }

.publication-breadcrumbs-container .flex-container {
    justify-content: space-between;
    align-items: center
}

.internal-page-navigation {
    margin-top: 10px
}

    .internal-page-navigation li {
        display: inline-block;
        padding-right: 38px;
        color: #333;
        font-family: BeirutLight;
        height: 25px;
        line-height: 26px;
        border-left: 1px solid #BBB;
        padding-left: 10px;
        cursor: pointer;
        font-size: 18px;
        margin-bottom: 10px;
        -webkit-transition: color .3s;
        -moz-transition: color .3s;
        -ms-transition: color .3s;
        -o-transition: color .3s
    }

        .internal-page-navigation li:last-of-type {
            padding-right: 5px
        }

        .internal-page-navigation li.active {
            color: #0192c4
        }

    .internal-page-navigation.publication-submenu li {
        padding-right: 0 !important
    }

        .internal-page-navigation.publication-submenu li a {
            padding-right: 38px
        }

        .internal-page-navigation.publication-submenu li:last-of-type a {
            padding-right: 3px
        }

.charts-tabs-nav {
    float: left;
    padding-left: 55px;
    margin-top: 10px
}

    .charts-tabs-nav li {
        display: inline-block;
        font-size: 16px;
        color: #333;
        font-family: BeirutLight;
        height: 25px;
        line-height: 26px
    }

        .charts-tabs-nav li:not(.list-label) {
            border-left: 1px solid #BBB;
            padding-left: 10px;
            padding-right: 38px;
            cursor: pointer
        }

        .charts-tabs-nav li.list-label {
            padding-right: 15px
        }

        .charts-tabs-nav li.active {
            color: #0192c4;
            border-left: 2px solid #0192c4
        }

.section-title {
    color: #0192c4;
    font-size: 35px;
    font-family: BeirutLight;
    display: block;
    margin-bottom: 20px
}

    .section-title.white-title {
        color: #F1F4F9
    }

    .section-title .section-subtitle {
        font-size: 19px;
        display: inline-block;
        font-family: BeirutLight;
        vertical-align: middle;
        margin-left: 5px
    }

.bullets-blue-section {
    background: #008FC1;
    padding-top: 40px;
    padding-bottom: 40px;
    color: #F6F2F8;
    font-size: 17px;
    line-height: 22px
}

    .bullets-blue-section .title {
        color: #F6F5FA;
        font-size: 35px;
        line-height: 44px;
        display: block
    }

    .bullets-blue-section .info {
        width: 100%;
        margin-top: 30px
    }

        .bullets-blue-section .info ul {
            width: 100%;
            -webkit-column-count: 2;
            -moz-column-count: 2;
            column-count: 2;
            -webkit-column-gap: 30px;
            -moz-column-gap: 30px;
            column-gap: 30px
        }

            .bullets-blue-section .info ul li {
                color: #F6F2F8;
                position: relative;
                font-size: 16px;
                font-family: Roboto-Regular;
                line-height: 31px;
                max-width: 9999px;
                width: 100%;
                margin-bottom: 15px;
                -webkit-column-break-inside: avoid;
                -webkit-backface-visibility: hidden;
                display: -webkit-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                flex-wrap: nowrap
            }

                .bullets-blue-section .info ul li::before {
                    content: "\e66c";
                    font-family: Pe-icon-7-stroke;
                    font-size: 31px;
                    margin-right: 21px;
                    color: #fff;
                    padding-top: 1px
                }

        .bullets-blue-section .info.three-columns ul {
            -webkit-column-count: 3;
            -moz-column-count: 3;
            column-count: 3;
            -webkit-column-gap: 30px;
            -moz-column-gap: 30px;
            column-gap: 30px
        }

        .bullets-blue-section .info.full-width ul li {
            max-width: 9999px
        }

.interest-section {
    position: relative;
    padding-top: 58px;
    padding-bottom: 68px;
    text-align: center;
    background: #F1F4F9
}

    .interest-section .main-title {
        font-size: 47px;
        line-height: 56px;
        display: block;
        color: #0192c4;
        margin-bottom: 46px
    }

    .interest-section .interest-block {
        width: 100%;
        padding: 22px 10px 70px;
        position: relative
    }

        .interest-section .interest-block:nth-last-child(2), .interest-section .interest-block:nth-last-child(2) ~ .interest-block {
            width: calc(100% / 2);
            float: left
        }

        .interest-section .interest-block:nth-last-child(3), .interest-section .interest-block:nth-last-child(3) ~ .interest-block {
            width: calc(100% / 3);
            float: left
        }

        .interest-section .interest-block:nth-of-type(n+2) {
            border-left: 1px solid #CCC
        }

        .interest-section .interest-block .title {
            padding: 6px 15px 4px;
            background: #0192c4;
            font-size: 22px;
            line-height: 29px;
            color: #fff;
            display: inline-block;
            width: auto;
            font-family: BeirutLight
        }

        .interest-section .interest-block .description {
            display: block;
            max-width: 335px;
            width: 100%;
            margin: 34px auto 0;
            line-height: 21px;
            font-family: Roboto-Regular;
            color: #333
        }

        .interest-section .interest-block .view {
            color: #0192c4;
            font-size: 20px;
            line-height: 24px;
            display: inline-block;
            width: 67px;
            margin-top: 20px;
            position: absolute;
            left: 50%;
            bottom: 25px;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%)
        }

            .interest-section .interest-block .view::after {
                background: #0192c4
            }

    .interest-section::before {
        content: '';
        width: 100%;
        height: 10px;
        background: -webkit-gradient(linear,right top,right bottom,from(#2292b1),to(#182a75));
        background: -webkit-linear-gradient(right,#2292b1,#182a75);
        background: -moz-linear-gradient(right,#2292b1,#182a75);
        background: -ms-linear-gradient(right,#2292b1,#182a75);
        background: -o-linear-gradient(right,#2292b1,#182a75);
        position: absolute;
        top: 0;
        left: 0
    }

    .interest-section.no-border::before {
        display: none
    }

.full-cover-listing {
    padding-top: 40px;
    padding-bottom: 0 !important;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    position: relative
}

    .full-cover-listing .blue-articles-container {
        margin: 210px auto 0;
        width: 100%;
        background: rgba(0,74,144,.4);
        display: flex;
        flex-wrap: wrap
    }

    .full-cover-listing::before {
        content: '';
        width: 100%;
        height: 236px;
        background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.65)),to(rgba(0,0,0,0)));
        background: -webkit-linear-gradient(top,rgba(0,0,0,.65),rgba(0,0,0,0));
        background: -moz-linear-gradient(top,rgba(0,0,0,.65),rgba(0,0,0,0));
        background: -ms-linear-gradient(top,rgba(0,0,0,.65),rgba(0,0,0,0));
        background: -o-linear-gradient(top,rgba(0,0,0,.65),rgba(0,0,0,0));
        position: absolute;
        top: 0;
        left: 0
    }

    .full-cover-listing.with-breadcrumbs {
        padding-top: 0
    }

        .full-cover-listing.with-breadcrumbs .blue-articles-container {
            margin-top: 170px
        }

        .full-cover-listing.with-breadcrumbs .breadcrumbs {
            color: #BBB;
            padding-top: 15px;
            padding-bottom: 25px
        }

.blue-transparent-article {
    text-align: center;
    color: #fff;
    width: 100%;
    padding: 25px 10px 15px;
    float: left;
    min-height: 315px
}

    .blue-transparent-article .title {
        font-size: 25px;
        font-family: BeirutLight;
        line-height: 30px;
        display: block;
        margin: auto auto 5px
    }

    .blue-transparent-article .description {
        color: #CCC;
        font-family: Roboto-Regular;
        font-size: 15px;
        line-height: 19px;
        max-width: 350px;
        display: table-cell;
        height: 152px;
        vertical-align: middle
    }

    .blue-transparent-article .apply {
        display: inline-block;
        margin: 10px auto 0;
        color: #fff;
        font-size: 20px;
        width: 67px;
        font-family: BeirutLight
    }

        .blue-transparent-article .apply::after {
            background: #fff
        }

    .blue-transparent-article:nth-of-type(2n) {
        background: rgba(0,74,144,.4)
    }

    .blue-transparent-article:nth-last-child(2), .blue-transparent-article:nth-last-child(2) ~ .blue-transparent-article {
        width: calc(100% / 2)
    }

    .blue-transparent-article:nth-last-child(3), .blue-transparent-article:nth-last-child(3) ~ .blue-transparent-article {
        width: calc(100% / 3)
    }

    .blue-transparent-article:nth-last-child(4), .blue-transparent-article:nth-last-child(4) ~ .blue-transparent-article {
        width: calc(100% / 4)
    }

    .blue-transparent-article:nth-last-child(5), .blue-transparent-article:nth-last-child(5) ~ .blue-transparent-article {
        width: calc(100% / 5)
    }

    .blue-transparent-article:nth-last-child(6), .blue-transparent-article:nth-last-child(6) ~ .blue-transparent-article {
        width: calc(100% / 6)
    }

    .blue-transparent-article.largre-text-width .description, .blue-transparent-article.largre-text-width .title {
        max-width: 340px
    }

    .blue-transparent-article .centered-horizontal {
        max-width: 230px;
        margin: auto
    }

.intro-info-background {
    background-position: right top;
    background-size: contain;
    background-repeat: no-repeat;
    max-height: 600px;
    height: 46vw;
    padding-top: 40px;
    padding-bottom: 50px
}

    .intro-info-background .centeredcontainer {
        height: 100%
    }

    .intro-info-background .content {
        width: calc(100% - 800px)
    }

        .intro-info-background .content.full-content {
            width: 100% !important
        }

            .intro-info-background .content.full-content .description {
                max-width: 100%
            }

    .intro-info-background .title {
        font-size: 47px;
        line-height: 56px;
        font-family: BeirutLight;
        color: #0192c4;
        display: block
    }

        .intro-info-background .title.gold-title {
            color: #C3A446
        }

        .intro-info-background .title.title-small {
            font-size: 38px;
            line-height: 40px;
            color: #333
        }

    .intro-info-background .subtitle {
        font-size: 22px;
        line-height: 26px;
        color: #444;
        display: block
    }

    .intro-info-background .description {
        color: #545454;
        display: block;
        font-size: 17px;
        text-align: justify;
        line-height: 21px;
        font-family: Roboto-Regular;
        max-width: 380px;
        margin-top: 24px
    }

        .intro-info-background .description.bullet-list {
            max-width: 520px
        }

    .intro-info-background .btn {
        max-width: 220px;
        margin-top: 20px
    }

    .intro-info-background.grey-bg {
        background-color: #EEE
    }

    .intro-info-background.with-breadcrumbs {
        padding-top: 0
    }

    .intro-info-background.default-business-details:not(.business-details-intro-3) {
        height: auto;
        max-height: 9999px
    }

    .intro-info-background.default-business-details .description {
        max-width: 670px
    }

    .intro-info-background.auto-height {
        height: auto;
        max-height: 99999px
    }

    .intro-info-background.min-height-400 {
        min-height: 450px
    }

    .intro-info-background.background-cover {
        background-size: cover
    }

    .intro-info-background.background-size-auto {
        background-size: auto
    }

    .intro-info-background.background-right-centered {
        background-position: right center
    }

    .intro-info-background.background-centered {
        background-position: center center
    }

    .intro-info-background.background-left-centered {
        background-position: left center
    }

.watch-video {
    margin-top: 40px !important
}

.info-image-background {
    background-position: right 50%;
    background-size: contain;
    background-repeat: no-repeat;
    color: #333;
    padding-top: 30px;
    padding-bottom: 30px;
    max-height: 580px;
    height: 38vw
}

    .info-image-background.default-business-details {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .info-image-background .centeredcontainer {
        height: 100%
    }

    .info-image-background .content {
        width: 480px;
        max-width: calc(100% - 380px);
        padding-left: 50px;
        margin-right: auto
    }

        .info-image-background .content.full-content {
            max-width: 100% !important;
            width: 100% !important
        }

        .info-image-background .content.no-left-padding {
            padding-left: 0 !important
        }

        .info-image-background .content.normal-line-height .description {
            line-height: 21px !important
        }

    .info-image-background .title-tail {
        font-size: 35px;
        display: block;
        line-height: 44px;
        font-family: BeirutLight;
        margin-bottom: 7px
    }

        .info-image-background .title-tail:nth-of-type(n+2) {
            margin-top: 5px
        }

        .info-image-background .title-tail::before {
            top: 20px
        }

    .info-image-background .subtitle {
        font-size: 22px;
        line-height: 24px;
        color: #444;
        display: block
    }

    .info-image-background .description {
        display: block;
        line-height: 31px;
        font-size: 17px;
        font-family: Roboto-Regular;
        text-align: justify
    }

        .info-image-background .description.title-tail::before {
            top: 20px
        }

        .info-image-background .description ul li {
            padding-left: 20px;
            position: relative
        }

            .info-image-background .description ul li:nth-of-type(n+2) {
                margin-top: 3px
            }

            .info-image-background .description ul li::before {
                content: '';
                width: 6px;
                height: 6px;
                position: absolute;
                left: 2px;
                top: 12px;
                border-radius: 100%;
                background: #0192c4
            }

        .info-image-background .description a {
            color: #0192c4;
            text-decoration: underline
        }

    .info-image-background.grey-bg {
        background-color: #F5F7F9
    }

    .info-image-background.blue-bg {
        background-color: #EEF1F8
    }

    .info-image-background.reversed {
        background-position: left top;
        background-size: contain;
        text-align: right
    }

        .info-image-background.reversed .content {
            text-align: left
        }

    .info-image-background.auto-height {
        max-height: 9999px;
        height: auto
    }

    .info-image-background.min-height .flex-container {
        min-height: 300px;
        align-items: center
    }

    .info-image-background.with-table .content {
        width: 57.3%;
        min-width: calc(100% - 580px);
        padding-right: 50px
    }

    .info-image-background.with-table .table-gradient {
        width: 42.7%;
        max-width: 580px;
        display: inline-block;
        margin-left: -4px
    }

    .info-image-background.physical-image .content {
        max-width: 550px;
        width: 42%;
        padding-left: 50px;
        margin-right: auto;
        margin-left: -4px
    }

    .info-image-background.physical-image .frame {
        min-width: calc(100% - 550px);
        width: 58%;
        text-align: left
    }

        .info-image-background.physical-image .frame img {
            max-width: 100%
        }

.small-business-loans-section {
    min-height: 480px
}

    .small-business-loans-section .content {
        width: calc(100% - 540px)
    }

.table-gradient {
    width: 100%;
    display: table;
    background-image: none;
    text-align: center;
    position: relative
}

    .table-gradient .table-header {
        color: #EDEDED;
        font-size: 18px;
        position: relative;
        font-family: BeirutBold;
        background: -webkit-gradient(linear,right top,right bottom,from(#2292b1),to(#182a75));
        background: -webkit-linear-gradient(right,#2292b1,#182a75);
        background: -moz-linear-gradient(right,#2292b1,#182a75);
        background: -ms-linear-gradient(right,#2292b1,#182a75);
        background: -o-linear-gradient(right,#2292b1,#182a75)
    }

        .table-gradient .table-header li {
            vertical-align: bottom;
            height: 120px;
            padding-bottom: 50px
        }

            .table-gradient .table-header li .text {
                vertical-align: bottom;
                max-width: calc(100% - 4px)
            }

                .table-gradient .table-header li .text .small-caption {
                    display: block;
                    font-family: BeirutLight;
                    color: #DDD;
                    font-size: 15px
                }

            .table-gradient .table-header li:nth-of-type(n+2)::after {
                content: '';
                background: rgba(238,238,238,.7);
                height: 18px;
                width: 1px;
                position: absolute;
                bottom: 30px;
                left: 0
            }

        .table-gradient .table-header::before {
            content: '';
            width: calc(100% - 30px);
            position: absolute;
            left: 15px;
            bottom: 38px;
            height: 1px;
            background: rgba(238,238,238,.7)
        }

        .table-gradient .table-header::after {
            content: '';
            display: block;
            clear: both
        }

    .table-gradient .table-row {
        color: #535353;
        font-size: 15px;
        background: #F8F8F8;
        font-family: Roboto-Regular
    }

        .table-gradient .table-row li {
            text-align: center;
            vertical-align: middle;
            border-bottom: 1px solid #DDD;
            padding: 15px 5px
        }

            .table-gradient .table-row li .text {
                max-width: calc(100% - 4px)
            }

            .table-gradient .table-row li:nth-of-type(2n) {
                background: rgba(239,239,239,.7)
            }

            .table-gradient .table-row li .ticked {
                position: relative;
                color: transparent
            }

                .table-gradient .table-row li .ticked::after {
                    content: '\f00c';
                    color: #1C4D8E;
                    font-size: 18px;
                    font-family: FontAwesome;
                    position: absolute;
                    left: 50%;
                    top: 50%;
                    -webkit-transform: translateX(-50%) translateY(-50%);
                    -moz-transform: translateX(-50%) translateY(-50%);
                    -ms-transform: translateX(-50%) translateY(-50%);
                    -o-transform: translateX(-50%) translateY(-50%)
                }

        .table-gradient .table-row.table-group-label {
            background: #DBDBDB
        }

            .table-gradient .table-row.table-group-label li {
                font-family: Roboto-Regular;
                color: #535353;
                font-weight: 700;
                text-align: left;
                padding-left: 24px;
                height: 50px;
                width: 100% !important
            }

    .table-gradient ul {
        display: flex
    }

        .table-gradient ul:last-of-type li {
            border-bottom: 3px solid #DDD
        }

    .table-gradient li {
        float: left;
        width: 100%;
        position: relative
    }

        .table-gradient li .text {
            display: inline-block;
            vertical-align: middle
        }

        .table-gradient li::before {
            content: '';
            display: inline-block;
            vertical-align: middle;
            height: 100%;
            margin-left: -4px
        }

        .table-gradient li:nth-last-child(2), .table-gradient li:nth-last-child(2) ~ li {
            width: calc(100% / 2)
        }

        .table-gradient li:nth-last-child(3), .table-gradient li:nth-last-child(3) ~ li {
            width: calc(100% / 3)
        }

        .table-gradient li:nth-last-child(4), .table-gradient li:nth-last-child(4) ~ li {
            width: calc(100% / 4)
        }

        .table-gradient li:nth-last-child(5), .table-gradient li:nth-last-child(5) ~ li {
            width: calc(100% / 5)
        }

        .table-gradient li:nth-last-child(6), .table-gradient li:nth-last-child(6) ~ li {
            width: calc(100% / 6)
        }

        .table-gradient li:nth-last-child(7), .table-gradient li:nth-last-child(7) ~ li {
            width: calc(100% / 7)
        }

        .table-gradient li:nth-last-child(8), .table-gradient li:nth-last-child(8) ~ li {
            width: calc(100% / 8)
        }

        .table-gradient li:nth-last-child(9), .table-gradient li:nth-last-child(9) ~ li {
            width: calc(100% / 9)
        }

        .table-gradient li:nth-last-child(10), .table-gradient li:nth-last-child(10) ~ li {
            width: calc(100% / 10)
        }

        .table-gradient li:nth-last-child(11), .table-gradient li:nth-last-child(11) ~ li {
            width: calc(100% / 11)
        }

    .table-gradient.swiper-responsive {
        padding-bottom: 60px
    }

        .table-gradient.swiper-responsive .arrows {
            display: none;
            bottom: 25px;
            top: auto;
            width: 18px;
            height: 18px
        }

            .table-gradient.swiper-responsive .arrows::before {
                font-family: FontAwesome;
                color: #004B8A;
                font-size: 20px;
                height: auto;
                width: auto;
                background: 0 0;
                box-shadow: none
            }

            .table-gradient.swiper-responsive .arrows::after {
                display: none
            }

            .table-gradient.swiper-responsive .arrows.left-arrow {
                left: calc(50% - 16px);
                -webkit-transform: translateX(-50%);
                -moz-transform: translateX(-50%);
                -ms-transform: translateX(-50%);
                -o-transform: translateX(-50%)
            }

                .table-gradient.swiper-responsive .arrows.left-arrow::before {
                    content: '\f060'
                }

            .table-gradient.swiper-responsive .arrows.right-arrow {
                right: calc(50% - 16px);
                -webkit-transform: translateX(50%);
                -moz-transform: translateX(50%);
                -ms-transform: translateX(50%);
                -o-transform: translateX(50%)
            }

                .table-gradient.swiper-responsive .arrows.right-arrow::before {
                    content: '\f061'
                }

    .table-gradient:not(.swiper-responsive) .arrows {
        display: none !important
    }

.title-tail {
    position: relative
}

    .title-tail::before {
        content: '';
        width: 34px;
        height: 1px;
        background: #444;
        position: absolute;
        left: -51px;
        top: 12px
    }

.full-background-info {
    height: 508px;
    background-position: right top;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 40px;
    padding-bottom: 40px;
    position: relative
}

    .full-background-info .content {
        z-index: 1;
        position: relative
    }

    .full-background-info .centeredcontainer {
        height: 100%
    }

    .full-background-info .title {
        font-size: 25px;
        line-height: 42px;
        color: #fff;
        font-family: BeirutLight
    }

    .full-background-info .description {
        color: #CCC;
        font-size: 16px;
        display: block;
        margin-top: 40px;
        max-width: 310px;
        text-align: left;
        font-family: Roboto-Regular;
        line-height: 24px
    }

    .full-background-info .more-link {
        display: block;
        margin-top: 55px;
        font-size: 20px;
        color: #F1F2F6;
        width: 67px
    }

        .full-background-info .more-link::after {
            background: #F1F2F6
        }

    .full-background-info::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: -webkit-gradient(linear,right top,right bottom,from(rgba(0,56,106,0)),to(rgba(0,56,106,.71)));
        background: -webkit-linear-gradient(right,rgba(0,56,106,0),rgba(0,56,106,.71));
        background: -moz-linear-gradient(right,rgba(0,56,106,0),rgba(0,56,106,.71));
        background: -ms-linear-gradient(right,rgba(0,56,106,0),rgba(0,56,106,.71));
        background: -o-linear-gradient(right,rgba(0,56,106,0),rgba(0,56,106,.71))
    }

.fixed-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 121px;
    box-shadow: 0 -5px 5px rgba(0,0,0,.19);
    background: -webkit-gradient(linear,right top,right bottom,from(rgba(34,146,177,.95)),to(rgba(24,42,117,.95)));
    background: -webkit-linear-gradient(right,rgba(34,146,177,.95),rgba(24,42,117,.95));
    background: -moz-linear-gradient(right,rgba(34,146,177,.95),rgba(24,42,117,.95));
    background: -ms-linear-gradient(right,rgba(34,146,177,.95),rgba(24,42,117,.95));
    background: -o-linear-gradient(right,rgba(34,146,177,.95),rgba(24,42,117,.95));
    z-index: 11;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -o-transition: opacity .3s
}

    .fixed-bar.no-apply li {
        width: 100%
    }

        .fixed-bar.no-apply li:nth-last-child(2):not(.apply-item) {
            width: calc(100% / 1)
        }

        .fixed-bar.no-apply li:nth-last-child(3):not(.apply-item), .fixed-bar.no-apply li:nth-last-child(3) ~ li:not(.apply-item) {
            width: calc(100% / 2)
        }

        .fixed-bar.no-apply li:nth-last-child(4):not(.apply-item), .fixed-bar.no-apply li:nth-last-child(4) ~ li:not(.apply-item) {
            width: calc(100% / 3)
        }

    .fixed-bar li {
        float: left;
        height: 100%;
        position: relative;
        cursor: pointer
    }

        .fixed-bar li:not(.apply-item) {
            padding: 0 20px
        }

        .fixed-bar li:nth-last-child(3):not(.apply-item), .fixed-bar li:nth-last-child(3) ~ li:not(.apply-item) {
            width: calc((100% - 230px) / 1)
        }

        .fixed-bar li:nth-last-child(4):not(.apply-item), .fixed-bar li:nth-last-child(4) ~ li:not(.apply-item) {
            width: calc((100% - 230px) / 2)
        }

        .fixed-bar li:nth-last-child(5):not(.apply-item), .fixed-bar li:nth-last-child(5) ~ li:not(.apply-item) {
            width: calc((100% - 230px) / 3)
        }

        .fixed-bar li:nth-of-type(n+2) {
            border-left: 1px solid rgba(255,255,255,.15)
        }

        .fixed-bar li.apply-item {
            width: 230px
        }

            .fixed-bar li.apply-item .apply-btn {
                height: 58px;
                line-height: 58px;
                font-size: 20px;
                margin: 36px auto 0;
                max-width: 190px
            }

        .fixed-bar li .sliding-content {
            background: 0 0;
            width: 100%;
            position: absolute;
            left: 0;
            bottom: 121px;
            padding: 0 20px 24px;
            -webkit-transform: translateY(100%);
            -moz-transform: translateY(100%);
            -ms-transform: translateY(100%);
            -o-transform: translateY(100%);
            -moz-transition: transform .5s,background .5s;
            -ms-transition: transform .5s,background .5s;
            -o-transition: transform .5s,background .5s;
            -webkit-transition: -webkit-transform .5s,background .5s,bottom .5s
        }

            .fixed-bar li .sliding-content::before {
                content: '';
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0;
                left: 0;
                background-image: -moz-radial-gradient(center,ellipse cover,rgba(255,255,255,.15),rgba(255,255,255,0) 70%);
                background-image: -ms-radial-gradient(center,ellipse cover,rgba(255,255,255,.15),rgba(255,255,255,0) 70%);
                background-image: -webkit-gradient(radial,center center,0,center center,460,from(rgba(255,255,255,.15)),to(rgba(255,255,255,0)));
                background-image: -webkit-radial-gradient(center,ellipse cover,rgba(255,255,255,.15),rgba(255,255,255,0) 70%);
                background-image: -o-radial-gradient(center,ellipse cover,rgba(255,255,255,.15),rgba(255,255,255,0) 70%);
                opacity: 0;
                pointer-events: none;
                -webkit-transition: opacity .5s;
                -moz-transition: opacity .5s;
                -ms-transition: opacity .5s;
                -o-transition: opacity .5s
            }

        .fixed-bar li .item-icon {
            height: 122px;
            width: 100%;
            display: block;
            font-size: 20px;
            color: #fff;
            font-family: BeirutLight;
            padding-top: 80px;
            position: relative;
            text-align: center;
            margin: auto;
            white-space: nowrap
        }

            .fixed-bar li .item-icon::before {
                font-family: Pe-icon-7-stroke;
                font-size: 50px;
                top: calc(50% - 16px);
                left: 50%;
                -webkit-transform: translateX(-50%) translateY(-50%);
                -moz-transform: translateX(-50%) translateY(-50%);
                -ms-transform: translateX(-50%) translateY(-50%);
                -o-transform: translateX(-50%) translateY(-50%)
            }

        .fixed-bar li .description {
            color: #ECECEC;
            font-size: 22px;
            line-height: 28px;
            display: block;
            text-align: center;
            font-family: BeirutLight;
            padding: 20px 0 18px;
            border-top: 1px solid rgba(255,255,255,.2)
        }

        .fixed-bar li .btn {
            max-width: 148px;
            margin: auto
        }

        .fixed-bar li.need-help {
            display: none
        }

        .fixed-bar li.live-item .item-icon::before {
            content: "\e668"
        }

        .fixed-bar li.video-item .item-icon::before {
            content: "\e604"
        }

        .fixed-bar li.call-item .item-icon::before {
            content: "\e670"
        }

        .fixed-bar li.similar-item .item-icon::before {
            content: "\e67d"
        }

        .fixed-bar li.marker-item .item-icon::before {
            content: "\e638"
        }

        .fixed-bar li.mail-item .item-icon::before {
            content: "\e639"
        }

        .fixed-bar li.atm-item .item-icon::before {
            content: "\e664"
        }

        .fixed-bar li.green-beam .item-icon::after {
            content: '';
            width: 13px;
            height: 13px;
            border-radius: 100%;
            background: #59B200;
            position: absolute;
            right: calc(50% - 50px);
            top: 24px
        }

    .fixed-bar.contact-bar li.label-only {
        width: 290px;
        background: rgba(255,255,255,.1);
        font-size: 30px;
        color: #fff;
        line-height: 36px;
        font-family: BeirutLight;
        padding-top: 45px;
        cursor: default
    }

    .fixed-bar.contact-bar li:not(.label-only) {
        width: calc((100% - 290px) / 4) !important
    }

body.hide-bar .fixed-bar {
    z-index: 8;
    position: relative
}

body.hide-bar .video-chat {
    opacity: 0;
    pointer-events: none
}

    body.hide-bar .video-chat .online-panel {
        pointer-events: none
    }

.gradient-articles-listing {
    background: -webkit-gradient(linear,right top,right bottom,from(#3c319d),to(#0192c4));
    background: -webkit-linear-gradient(right,#3c319d,#0192c4);
    background: -moz-linear-gradient(right,#3c319d,#0192c4);
    background: -ms-linear-gradient(right,#3c319d,#0192c4);
    background: -o-linear-gradient(right,#3c319d,#0192c4);
    flex-wrap: nowrap
}

.blue-transparent-article-2 {
    position: relative;
    width: 100%
}

    .blue-transparent-article-2:nth-of-type(2n) {
        background: rgba(255,255,255,.09)
    }

    .blue-transparent-article-2 .description-wrapper {
        display: table;
        margin: auto
    }

    .blue-transparent-article-2 .centered-horizontal {
        max-width: 350px;
        margin: auto
    }

.gradient-actions-section {
    padding-top: 95px;
    padding-bottom: 100px;
    text-align: center;
    background-image: -moz-linear-gradient(#182a75 0,#1d5996 62%,#2292b1 100%);
    background-image: -webkit-gradient(linear,color-stop(0,#182a75),color-stop(.62,#1d5996),color-stop(1,#2292b1));
    background-image: -webkit-linear-gradient(#182a75 0,#1d5996 62%,#2292b1 100%);
    background-image: -o-linear-gradient(#182a75 0,#1d5996 62%,#2292b1 100%);
    background-image: -ms-linear-gradient(#182a75 0,#1d5996 62%,#2292b1 100%);
    background-image: linear-gradient(#182a75 0,#1d5996 62%,#2292b1 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff182a75,endColorstr=#ff2292b1)"
}

    .gradient-actions-section .actions-column {
        width: 100%;
        color: #fff;
        display: inline-block;
        vertical-align: top;
        max-width: 274px;
        text-align: left
    }

        .gradient-actions-section .actions-column:nth-of-type(n+2) {
            margin-left: 116px
        }

        .gradient-actions-section .actions-column:nth-last-child(2), .gradient-actions-section .actions-column:nth-last-child(2) ~ .actions-column {
            width: calc((100% - 120px) / 2)
        }

        .gradient-actions-section .actions-column:nth-last-child(3), .gradient-actions-section .actions-column:nth-last-child(3) ~ .actions-column {
            width: calc((100% - 240px) / 3)
        }

        .gradient-actions-section .actions-column .title {
            font-size: 25px;
            display: block;
            margin-bottom: 30px;
            white-space: nowrap
        }

            .gradient-actions-section .actions-column .title.font-icon-before {
                padding-left: 40px;
                position: relative
            }

                .gradient-actions-section .actions-column .title.font-icon-before::before {
                    font-family: Pe-icon-7-stroke;
                    font-size: 32px;
                    top: -5px;
                    left: 0
                }

            .gradient-actions-section .actions-column .title.question::before {
                content: "\e668"
            }

            .gradient-actions-section .actions-column .title.interested::before {
                content: "\e63b"
            }

        .gradient-actions-section .actions-column .entry {
            width: 100%;
            padding: 12px 5px 7px 15px;
            background: rgba(255,255,255,.1);
            display: block;
            font-size: 20px;
            font-family: BeirutLight
        }

            .gradient-actions-section .actions-column .entry.white-entry {
                background: #EEE;
                color: #444
            }

            .gradient-actions-section .actions-column .entry.green-light {
                padding-right: 40px;
                position: relative
            }

                .gradient-actions-section .actions-column .entry.green-light::after {
                    content: '';
                    width: 13px;
                    height: 13px;
                    border-radius: 100%;
                    position: absolute;
                    background: #59B200;
                    top: 50%;
                    right: 17px;
                    -webkit-transform: translateY(-50%);
                    -moz-transform: translateY(-50%);
                    -ms-transform: translateY(-50%);
                    -o-transform: translateY(-50%)
                }

        .gradient-actions-section .actions-column .or {
            display: block;
            font-family: BeirutLight;
            font-size: 20px;
            padding: 5px 0 9px 10px
        }

.bullet-list li {
    padding-left: 30px;
    position: relative;
    font-size: 15px;
    color: #333;
    line-height: 30px;
    font-family: Roboto-Regular
}

    .bullet-list li:nth-of-type(n+2) {
        margin-top: 4px
    }

    .bullet-list li::before {
        content: '';
        width: 6px;
        height: 6px;
        background: #0192c4;
        border-radius: 100%;
        position: absolute;
        left: 3px;
        top: 13px
    }

.informative-blocks .info-block {
    width: 100%;
    padding: 78px 80px 100px 100px
}

    .informative-blocks .info-block .content-alignment {
        width: 560px;
        max-width: 100%
    }

    .informative-blocks .info-block .title {
        font-family: BeirutLight;
        font-size: 28px;
        color: #333;
        display: block;
        padding-bottom: 40px
    }

    .informative-blocks .info-block .description {
        font-size: 15px;
        color: #333;
        font-family: Roboto-Regular;
        line-height: 38px
    }

    .informative-blocks .info-block ul {
        margin-left: -30px;
        width: calc(100% + 30px);
        line-height: 20px
    }

        .informative-blocks .info-block ul li:nth-of-type(n+2) {
            margin-top: 6px
        }

    .informative-blocks .info-block:nth-of-type(2n - 1) {
        background: #F7F7F7
    }

    .informative-blocks .info-block:nth-last-child(2), .informative-blocks .info-block:nth-last-child(2) ~ .info-block {
        width: calc(100% / 2);
        float: left
    }

        .informative-blocks .info-block:nth-last-child(2) .content-alignment {
            float: right
        }

        .informative-blocks .info-block:nth-last-child(2) ~ .info-block {
            padding-left: 118px
        }

    .informative-blocks .info-block:nth-last-child(3) {
        width: 100%
    }

        .informative-blocks .info-block:nth-last-child(3) ~ .info-block {
            width: calc(100% / 2);
            float: left
        }

        .informative-blocks .info-block:nth-last-child(3) + .info-block .content-alignment {
            float: right
        }

        .informative-blocks .info-block:nth-last-child(3) + .info-block + .info-block {
            padding-left: 118px
        }

    .informative-blocks .info-block:nth-last-child(4), .informative-blocks .info-block:nth-last-child(4) ~ .info-block {
        width: calc(100% / 2);
        float: left
    }

        .informative-blocks .info-block:nth-last-child(4) .content-alignment, .informative-blocks .info-block:nth-last-child(4) .info-block + .info-block .content-alignment {
            float: right
        }

        .informative-blocks .info-block:nth-last-child(4) + .info-block, .informative-blocks .info-block:nth-last-child(4) + .info-block + .info-block + .info-block {
            padding-left: 118px
        }

.downloadable-listing {
    padding-top: 60px;
    padding-bottom: 50px;
    position: relative
}

    .downloadable-listing.grey-bg {
        background: #EEE
    }

        .downloadable-listing.grey-bg:nth-of-type(even) {
            background: #E6E6E6 !important;
            border-top: 1px solid #FFF
        }

    .downloadable-listing.image-bg {
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: cover
    }

        .downloadable-listing.image-bg::before {
            content: '';
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            background: rgba(0,0,0,.4)
        }

        .downloadable-listing.image-bg .section-title {
            color: #fff
        }

        .downloadable-listing.image-bg .load-more {
            color: #fff;
            border-bottom-color: #fff
        }

    .downloadable-listing .flex-container {
        justify-content: flex-start;
        margin-left: -18px;
        width: calc(100% + 18px)
    }

    .downloadable-listing .section-title {
        color: #333;
        font-size: 28px;
        line-height: 34px;
        float: left
    }

        .downloadable-listing .section-title.white-title {
            color: #fff
        }

    .downloadable-listing .downloadables-filter {
        float: right
    }

    .downloadable-listing .load-more {
        margin-top: 28px
    }

.downloadables-filter .filter-label {
    color: #333;
    font-size: 16px;
    font-family: BeirutLight;
    margin-right: 10px
}

.downloadables-filter .select {
    width: 175px;
    height: 37px;
    border: 1px solid #BBB;
    background: 0 0;
    color: #333;
    font-size: 15px;
    font-family: BeirutLight;
    -webkit-appearance: none;
    -khtml-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none
}

.downloadables-filter .dropdown-wrapper {
    position: relative;
    display: inline-block
}

    .downloadables-filter .dropdown-wrapper::after {
        right: 15px !important
    }

    .downloadables-filter .dropdown-wrapper:nth-of-type(n+2) {
        margin-left: 12px
    }

.ie .custom-dropdown select {
    pointer-events: fill
}

.ie .searchfield ::-webkit-input-placeholder {
    color: #fff
}

.ie .searchfield ::-moz-placeholder {
    color: #fff
}

.ie .searchfield :-ms-input-placeholder {
    color: #fff
}

.ie .searchfield :-moz-placeholder {
    color: #fff
}

.ie .searchfield input, .ie .searchfield input:focus {
    color: #fff !important
}

.ie .question-field.template4.inputfield .inputlabel {
    padding-top: 10px;
    padding-bottom: 10px;
    min-height: 0
}

.ie .home-services .service-form .multi-step-form .form-step .inputfield select option, .ie .inputfield select option {
    background: #fff !important;
    color: #333 !important
}

.type-dropdown .dropdown-title {
    color: #fff;
    font-family: BeirutBold;
    text-transform: uppercase;
    height: 100%;
    pointer-events: none;
    line-height: 42px;
    font-size: 13px;
    padding-left: 9px
}

.type-dropdown .dropdown-values, .type-dropdown .dropdown-values li {
    padding: 0
}

    .type-dropdown .dropdown-values li a {
        display: block;
        padding: 12px 5px 10px
    }

    .type-dropdown .dropdown-values li:first-of-type a {
        padding-top: 10px
    }

    .type-dropdown .dropdown-values li:last-of-type a {
        padding-bottom: 10px
    }

.downloadable-entry {
    padding: 112px 42px 38px;
    position: relative;
    margin-left: 18px;
    margin-bottom: 14px;
    width: calc((100% - 72px) / 4);
    min-width: 280px;
    background-color: #fff;
    -webkit-transition: box-shadow .4s;
    -moz-transition: box-shadow .4s;
    -ms-transition: box-shadow .4s;
    -o-transition: box-shadow .4s
}

    .downloadable-entry .title {
        color: #333;
        font-size: 18px;
        font-family: BeirutLight;
        line-height: 22px
    }

    .downloadable-entry::before {
        content: '';
        background-image: url(../images/sprite.png);
        background-repeat: no-repeat;
        display: block;
        position: absolute;
        top: 50px;
        left: 44px;
        width: 86px;
        height: 84px;
        background-position: -362px 0;
        -webkit-transform: scale(.5);
        -moz-transform: scale(.5);
        -ms-transform: scale(.5);
        -o-transform: scale(.5);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0
    }

    .downloadable-entry.with-background {
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: cover;
        border: none
    }

.table-section {
    padding-top: 70px;
    padding-bottom: 77px
}

.ticked-listing li {
    color: #008CBF;
    padding-left: 50px;
    position: relative;
    font-size: 16px;
    line-height: 30px;
    max-width: 550px;
    width: 100%;
    font-family: Roboto-Regular
}

    .ticked-listing li:nth-of-type(n+2) {
        margin-top: 15px
    }

    .ticked-listing li::before {
        content: "\e66c";
        font-family: Pe-icon-7-stroke;
        font-size: 31px;
        position: absolute;
        left: 0;
        top: 1px;
        color: #008CBF
    }

.subpage-navigation {
    height: 96px;
    background: #0192c4;
    border-bottom: 1px solid #003566
}

    .subpage-navigation .title {
        font-size: 32px;
        color: #fff;
        font-family: BeirutLight;
        line-height: 96px;
        height: 100%;
        width: 234px;
        position: relative;
        display: block;
        float: left
    }

        .subpage-navigation .title::after {
            content: '';
            width: 1px;
            height: 54px;
            position: absolute;
            top: calc(50% - 27px);
            right: 0;
            background: rgba(255,255,255,.3)
        }

        .subpage-navigation .title.group-profile-title {
            width: 284px
        }

            .subpage-navigation .title.group-profile-title + .subpage-navigation-swiper {
                width: calc(100% - 284px)
            }

    .subpage-navigation .subpage-navigation-swiper {
        float: right;
        width: calc(100% - 248px);
        cursor: move;
        padding-right: 20px;
        padding-left: 20px;
        position: relative
    }

        .subpage-navigation .subpage-navigation-swiper .slide {
            height: 96px;
            width: auto;
            position: relative;
            text-align: center
        }

            .subpage-navigation .subpage-navigation-swiper .slide.active a {
                color: #fff
            }

            .subpage-navigation .subpage-navigation-swiper .slide.active::after {
                opacity: 1
            }

            .subpage-navigation .subpage-navigation-swiper .slide a {
                color: rgba(235,235,235,.5);
                font-size: 18px;
                padding: 0 4px;
                -webkit-transition: color .4s;
                -moz-transition: color .4s;
                -ms-transition: color .4s;
                -o-transition: color .4s
            }

            .subpage-navigation .subpage-navigation-swiper .slide::after {
                content: '';
                border-right: 16px solid transparent;
                border-left: 16px solid transparent;
                border-bottom: 16px solid #fff;
                position: absolute;
                bottom: 0;
                left: calc(50% - 16px);
                opacity: 0;
                -webkit-transition: opacity .4s;
                -moz-transition: opacity .4s;
                -ms-transition: opacity .4s;
                -o-transition: opacity .4s
            }

        .subpage-navigation .subpage-navigation-swiper .arrows {
            width: 15px;
            height: 15px;
            top: calc(50% - 7px)
        }

            .subpage-navigation .subpage-navigation-swiper .arrows::before {
                width: 15px;
                background: #fff
            }

            .subpage-navigation .subpage-navigation-swiper .arrows::after {
                height: 15px;
                background: #fff
            }

            .subpage-navigation .subpage-navigation-swiper .arrows.left-arrow {
                left: 7px
            }

            .subpage-navigation .subpage-navigation-swiper .arrows.right-arrow {
                right: 7px
            }

.timeline-container {
    position: relative;
    width: 100%
}

    .timeline-container .cover-image {
        width: 100%;
        height: 621px;
        background-position: 50% 50%;
        background-size: cover;
        background-repeat: no-repeat;
        position: relative
    }

        .timeline-container .cover-image::before {
            content: '';
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            background: rgba(0,0,0,.4)
        }

    .timeline-container .floating-info-box {
        position: absolute;
        z-index: 1;
        max-width: calc(100% - 40px);
        min-height: 369px;
        top: 60px;
        left: 50%;
        flex-wrap: nowrap;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%)
    }

        .timeline-container .floating-info-box .frame {
            position: relative;
            overflow: hidden
        }

            .timeline-container .floating-info-box .frame:not(.active) {
                display: none
            }

            .timeline-container .floating-info-box .frame img {
                min-height: 100%;
                max-height: 369px;
                margin-left: 50%;
                display: block;
                -webkit-transform: translateX(-50%);
                -moz-transform: translateX(-50%);
                -ms-transform: translateX(-50%);
                -o-transform: translateX(-50%)
            }

            .timeline-container .floating-info-box .frame + .content {
                width: 675px
            }

            .timeline-container .floating-info-box .frame.play-video {
                cursor: pointer
            }

                .timeline-container .floating-info-box .frame.play-video::before {
                    content: '\f04b';
                    color: #fff;
                    font-size: 32px;
                    font-family: FontAwesome;
                    width: 74px;
                    height: 74px;
                    background: #0192c4;
                    border-radius: 100%;
                    position: absolute;
                    top: calc(50% - 37px);
                    left: calc(50% - 37px);
                    text-align: center;
                    padding: 22px 0 0 8px;
                    box-sizing: border-box;
                    z-index: 2;
                    opacity: .7;
                    -webkit-transition: opacity .4s;
                    -moz-transition: opacity .4s;
                    -ms-transition: opacity .4s;
                    -o-transition: opacity .4s
                }

                .timeline-container .floating-info-box .frame.play-video::after {
                    content: '';
                    width: 100%;
                    height: 100%;
                    position: absolute;
                    top: 0;
                    left: 0;
                    background: rgba(0,0,0,.6);
                    z-index: 1;
                    opacity: .7;
                    -webkit-transition: opacity .4s;
                    -moz-transition: opacity .4s;
                    -ms-transition: opacity .4s;
                    -o-transition: opacity .4s
                }

        .timeline-container .floating-info-box .content {
            background: rgba(1,75,142,.7);
            color: #fff;
            padding: 40px 40px 44px 34px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            align-items: center
        }

            .timeline-container .floating-info-box .content .arrows::after, .timeline-container .floating-info-box .content .arrows::before {
                background: #fff
            }

            .timeline-container .floating-info-box .content .center-horizontal {
                width: 100%
            }

            .timeline-container .floating-info-box .content .year {
                font-family: BeirutLight;
                font-size: 80px;
                line-height: 96px;
                display: block
            }

            .timeline-container .floating-info-box .content .description {
                font-size: 15px;
                line-height: 21px;
                font-family: Roboto-Regular;
                opacity: 1
            }

                .timeline-container .floating-info-box .content .description:not(.swiper-slide-active) {
                    opacity: 0 !important
                }

    .timeline-container .timline-navigation {
        background: -webkit-gradient(linear,right top,right bottom,from(#2292b1),to(#182a75));
        background: -webkit-linear-gradient(right,#2292b1,#182a75);
        background: -moz-linear-gradient(right,#2292b1,#182a75);
        background: -ms-linear-gradient(right,#2292b1,#182a75);
        background: -o-linear-gradient(right,#2292b1,#182a75);
        height: 136px;
        width: 100%;
        position: relative;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        cursor: default
    }

        .timeline-container .timline-navigation .arrows {
            top: 50%;
            z-index: 3
        }

            .timeline-container .timline-navigation .arrows::after, .timeline-container .timline-navigation .arrows::before {
                background: #fff
            }

            .timeline-container .timline-navigation .arrows.left-arrow {
                left: 45px
            }

            .timeline-container .timline-navigation .arrows.right-arrow {
                right: 45px
            }

        .timeline-container .timline-navigation .timeline-overflow {
            overflow: hidden;
            width: calc(100% - 320px);
            height: 300px;
            position: absolute;
            bottom: 0;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%)
        }

        .timeline-container .timline-navigation .timeline-swiper {
            width: 100%;
            bottom: 0;
            left: 0;
            position: absolute;
            height: 135px;
            overflow: visible;
            padding-top: 27px
        }

            .timeline-container .timline-navigation .timeline-swiper .title {
                color: rgba(255,255,255,.5);
                display: block;
                text-align: center;
                font-size: 22px;
                font-family: BeirutLight;
                line-height: 26px;
                -webkit-transition: color .5s;
                -moz-transition: color .5s;
                -ms-transition: color .5s;
                -o-transition: color .5s
            }

            .timeline-container .timline-navigation .timeline-swiper .void {
                width: 80px;
                height: 12px;
                border-left: 1px solid rgba(255,255,255,.3);
                border-right: 1px solid rgba(255,255,255,.3);
                margin-top: 4px;
                position: absolute;
                top: 0;
                left: 47px
            }

                .timeline-container .timline-navigation .timeline-swiper .void::before {
                    content: '';
                    width: 40px;
                    height: 100%;
                    margin: auto;
                    border-left: 1px solid rgba(255,255,255,.3);
                    border-right: 1px solid rgba(255,255,255,.3);
                    display: block
                }

                .timeline-container .timline-navigation .timeline-swiper .void::after {
                    content: '';
                    width: 1px;
                    height: 100%;
                    background: rgba(255,255,255,.3);
                    position: absolute;
                    left: 50%;
                    top: 0
                }

            .timeline-container .timline-navigation .timeline-swiper .slide {
                width: 45px;
                cursor: pointer;
                padding-top: 45px
            }

                .timeline-container .timline-navigation .timeline-swiper .slide .slide-content {
                    display: none
                }

                .timeline-container .timline-navigation .timeline-swiper .slide.active .title, .timeline-container .timline-navigation .timeline-swiper .slide.swiper-slide-active .title {
                    color: #fff
                }

                .timeline-container .timline-navigation .timeline-swiper .slide.active .cursor, .timeline-container .timline-navigation .timeline-swiper .slide.swiper-slide-active .cursor {
                    height: 112px
                }

                    .timeline-container .timline-navigation .timeline-swiper .slide.active .cursor::after, .timeline-container .timline-navigation .timeline-swiper .slide.active .cursor::before, .timeline-container .timline-navigation .timeline-swiper .slide.swiper-slide-active .cursor::after, .timeline-container .timline-navigation .timeline-swiper .slide.swiper-slide-active .cursor::before {
                        opacity: 1;
                        pointer-events: fill
                    }

                .timeline-container .timline-navigation .timeline-swiper .slide .cursor {
                    width: 1px;
                    height: 20px;
                    background: #fff;
                    position: absolute;
                    left: 50%;
                    bottom: calc(100% - 20px);
                    -webkit-transition: height .5s;
                    -moz-transition: height .5s;
                    -ms-transition: height .5s;
                    -o-transition: height .5s
                }

                    .timeline-container .timline-navigation .timeline-swiper .slide .cursor .label {
                        color: #fff;
                        opacity: 0;
                        pointer-events: none;
                        font-size: 32px;
                        line-height: 38px;
                        font-family: BeirutLight;
                        white-space: nowrap;
                        -webkit-transition: opacity .5s;
                        -moz-transition: opacity .5s;
                        -ms-transition: opacity .5s;
                        -o-transition: opacity .5s;
                        position: absolute;
                        top: -34px;
                        left: 18px
                    }

                    .timeline-container .timline-navigation .timeline-swiper .slide .cursor::before {
                        content: '';
                        width: 27px;
                        height: 27px;
                        border-radius: 100%;
                        background: rgba(255,255,255,.5);
                        position: absolute;
                        top: -30px;
                        left: calc(50% - 13px);
                        pointer-events: none;
                        opacity: 0;
                        -webkit-transition: opacity .5s;
                        -moz-transition: opacity .5s;
                        -ms-transition: opacity .5s;
                        -o-transition: opacity .5s
                    }

                    .timeline-container .timline-navigation .timeline-swiper .slide .cursor::after {
                        content: '';
                        width: 13px;
                        height: 13px;
                        border-radius: 100%;
                        background: #fff;
                        position: absolute;
                        top: -23px;
                        left: calc(50% - 6px);
                        pointer-events: none;
                        opacity: 0;
                        -webkit-transition: opacity .5s;
                        -moz-transition: opacity .5s;
                        -ms-transition: opacity .5s;
                        -o-transition: opacity .5s
                    }

        .timeline-container .timline-navigation::before {
            content: '';
            width: 100%;
            height: 1px;
            position: absolute;
            top: 37px;
            background: rgba(255,255,255,.2);
            left: 0
        }

.section-title-30, .section-title-32, .section-title-35 {
    font-family: BeirutLight;
    font-size: 32px;
    line-height: 38px;
    color: #333;
    display: block
}

    .section-title-30.white-title, .section-title-32.white-title, .section-title-35.white-title {
        color: #F6F6F6
    }

    .section-title-30.padding-bottom, .section-title-32.padding-bottom, .section-title-35.padding-bottom {
        padding-bottom: 13px
    }

    .section-title-30.centered, .section-title-32.centered, .section-title-35.centered {
        text-align: center
    }

    .section-title-30 .section-subtitle, .section-title-32 .section-subtitle, .section-title-35 .section-subtitle {
        font-size: 19px;
        display: inline-block;
        font-family: BeirutLight;
        vertical-align: middle;
        margin-left: 5px
    }

.section-title-30 {
    font-size: 30px;
    line-height: 36px
}

.section-title-35 {
    font-size: 35px;
    line-height: 42px
}

.directors-listing {
    width: calc(100% + 1px);
    background: -webkit-gradient(linear,left top,left bottom,from(#182a75),to(#2292b1));
    background: -webkit-linear-gradient(top,#182a75,#2292b1);
    background: -moz-linear-gradient(top,#182a75,#2292b1);
    background: -ms-linear-gradient(top,#182a75,#2292b1);
    background: -o-linear-gradient(top,#182a75,#2292b1);
    padding-top: 45px;
    padding-bottom: 40px
}

.profile {
    width: calc((100% - 5px) / 5);
    float: left;
    margin-left: 1px;
    padding-bottom: 60px;
    position: relative
}

    .profile .frame {
        padding: 26px;
        background: rgba(255,255,255,.05);
        overflow: hidden
    }

        .profile .frame .overflow {
            max-height: 250px
        }

        .profile .frame img {
            width: 100%
        }

    .profile .board-cv {
        color: #EEE;
        font-size: 16px;
        display: block;
        text-decoration: underline;
        position: absolute;
        bottom: 0;
        left: 26px;
        height: 50px;
        line-height: 50px;
        -webkit-transition: color .3s;
        -moz-transition: color .3s;
        -ms-transition: color .3s;
        -o-transition: color .3s
    }

        .profile .board-cv::before {
            content: '';
            width: 98px;
            height: 1px;
            background: rgba(255,255,255,.2);
            position: absolute;
            top: 0;
            left: 0
        }

    .profile .position {
        color: #DDD;
        font-size: 17px;
        line-height: 22px;
        display: block;
        vertical-align: middle;
        margin-top: 10px;
        padding: 10px 26px 5px
    }

    .profile .name {
        display: block;
        color: #fff;
        font-size: 20px;
        line-height: 22px;
        padding: 2px 26px 6px;
        font-weight: 700
    }

        .profile .name .text {
            font-weight: 700;
            display: table-cell
        }

    .profile::before {
        content: '';
        width: 200vw;
        height: 1px;
        background: rgba(255,255,255,.2);
        position: absolute;
        bottom: 49px;
        left: -50vw;
        pointer-events: none;
        display: none
    }

    .profile:nth-of-type(n+6) {
        margin-top: 64px
    }

    .profile:nth-of-type(5n - 4)::before {
        display: block
    }

    .profile.secretary .frame {
        background: rgba(204,204,204,.2)
    }

    .profile.secretary .position {
        color: #333
    }

    .profile.secretary .name {
        color: #19347D
    }

    .profile.secretary .board-cv {
        color: #666
    }

        .profile.secretary .board-cv::before {
            background: rgba(25,55,126,.5)
        }

    .profile.secretary::before {
        background: rgba(85,85,85,.2)
    }

.management-listing {
    width: calc(100% + 10px);
    margin-left: -10px;
    padding-top: 85px;
    padding-bottom: 100px
}

    .management-listing .section-title-32 {
        margin-bottom: 50px
    }

    .management-listing.secretary-listing {
        background: #EEE;
        padding-top: 45px;
        padding-bottom: 40px
    }

        .management-listing.secretary-listing .section-title-32 {
            margin-bottom: 20px
        }

.manager {
    padding-bottom: 68px;
    position: relative;
    padding-right: 10px;
    width: calc(100% / 5)
}

    .manager .position {
        font-size: 17px;
        line-height: 22px;
        color: #333;
        display: block;
        max-width: 190px
    }

    .manager .name {
        display: block;
        color: #19347D;
        font-size: 20px;
        line-height: 27px;
        font-weight: 700;
        padding-top: 5px
    }

        .manager .name .text {
            display: table-cell;
            font-weight: 700
        }

    .manager .board-cv {
        position: absolute;
        bottom: 0;
        left: 0;
        color: #666;
        font-size: 16px;
        display: block;
        text-decoration: underline;
        height: 50px;
        line-height: 50px;
        -webkit-transition: color .3s;
        -moz-transition: color .3s;
        -ms-transition: color .3s;
        -o-transition: color .3s
    }

        .manager .board-cv::before {
            content: '';
            width: 98px;
            height: 1px;
            background: rgba(25,55,126,.5);
            position: absolute;
            top: 0;
            left: 0
        }

    .manager:nth-of-type(n+6) {
        margin-top: 56px
    }

    .manager::before {
        content: '';
        width: 200vw;
        height: 1px;
        background: rgba(85,85,85,.2);
        position: absolute;
        bottom: 49px;
        left: -50vw;
        pointer-events: none;
        display: none
    }

    .manager:nth-of-type(5n - 4)::before {
        display: block
    }

.management-abroad-listing {
    padding-top: 52px;
    padding-bottom: 54px;
    background-image: -moz-linear-gradient(2% 29% -89deg,#141e4b 0,#5c5986 43%,#182a75 100%);
    background-image: -webkit-gradient(linear,2% 29%,2% 105%,color-stop(0,#141e4b),color-stop(.43,#5c5986),color-stop(1,#182a75));
    background-image: -webkit-linear-gradient(-89deg,#141e4b 0,#5c5986 43%,#182a75 100%);
    background-image: -o-linear-gradient(-89deg,#141e4b 0,#5c5986 43%,#182a75 100%);
    background-image: -ms-linear-gradient(-89deg,#141e4b 0,#5c5986 43%,#182a75 100%);
    background-image: linear-gradient(-89deg,#141e4b 0,#5c5986 43%,#182a75 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff141e4b,endColorstr=#ff182a75,GradientType=0)";
    position: relative
}

    .management-abroad-listing::before {
        content: '';
        background: url(../images/managers-texture.png) 50% 50% no-repeat;
        background-size: cover;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1
    }

    .management-abroad-listing .category-title {
        font-size: 18px;
        line-height: 45px;
        color: #fff;
        margin: 52px 0 22px
    }

        .management-abroad-listing .category-title .text {
            background: rgba(255,255,255,.05);
            padding: 8px 16px
        }

    .management-abroad-listing .manager .position {
        color: #DDD
    }

    .management-abroad-listing .manager .name {
        color: #F6F6F6
    }

    .management-abroad-listing .manager .board-cv {
        color: #EEE
    }

        .management-abroad-listing .manager .board-cv::before {
            background: rgba(246,246,246,.5)
        }

    .management-abroad-listing .manager::before {
        background: rgba(255,255,255,.15)
    }

.group-chart-section .chart-container {
    max-width: 1063px;
    width: 100%;
    margin: -50px auto 0;
    position: relative;
    padding-bottom: 75px
}

    .group-chart-section .chart-container .chart-image {
        max-width: 100%
    }

.group-chart-section .chart-list {
    position: absolute;
    top: 28%
}

    .group-chart-section .chart-list li {
        font-family: BeirutLight;
        color: #333
    }

    .group-chart-section .chart-list .title {
        font-size: 25px;
        line-height: 30px;
        margin-bottom: 25px
    }

    .group-chart-section .chart-list .item {
        font-size: 17px;
        margin-bottom: 15px
    }

    .group-chart-section .chart-list.branches-list {
        left: 1%
    }

    .group-chart-section .chart-list.representatives-list {
        text-align: center;
        top: 61%;
        max-width: 270px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%)
    }

    .group-chart-section .chart-list.subsidiaries-list {
        right: 1%;
        width: 210px
    }

.local-subsidiaries-section {
    background: #F1F4F9;
    padding-top: 82px
}

    .local-subsidiaries-section .subsidiaries-swiper-parent {
        position: relative;
        width: 100%
    }

        .local-subsidiaries-section .subsidiaries-swiper-parent::before {
            content: '';
            width: 100%;
            height: 1px;
            background: rgba(85,85,85,.2);
            position: absolute;
            bottom: 13px;
            left: 0
        }

        .local-subsidiaries-section .subsidiaries-swiper-parent .subsidiaries-swiper {
            padding-bottom: 13px;
            margin-top: 30px
        }

            .local-subsidiaries-section .subsidiaries-swiper-parent .subsidiaries-swiper .slide {
                color: #333;
                font-size: 19px;
                line-height: 48px;
                height: 49px;
                border-bottom: 1px solid transparent;
                -webkit-transition: color .5s,border-color .5s;
                -moz-transition: color .5s,border-color .5s;
                -ms-transition: color .5s,border-color .5s;
                -o-transition: color .5s,border-color .5s;
                position: relative;
                width: auto !important
            }

                .local-subsidiaries-section .subsidiaries-swiper-parent .subsidiaries-swiper .slide:nth-of-type(n+2) {
                    margin-left: 80px
                }

                .local-subsidiaries-section .subsidiaries-swiper-parent .subsidiaries-swiper .slide::after {
                    content: '';
                    width: 1px;
                    height: 25px;
                    position: absolute;
                    bottom: -13px;
                    left: 50%;
                    background: #004C91;
                    opacity: 0;
                    -webkit-transition: opacity .5s;
                    -moz-transition: opacity .5s;
                    -ms-transition: opacity .5s;
                    -o-transition: opacity .5s
                }

                .local-subsidiaries-section .subsidiaries-swiper-parent .subsidiaries-swiper .slide.active {
                    color: #19347D;
                    border-bottom-color: #004C91
                }

                    .local-subsidiaries-section .subsidiaries-swiper-parent .subsidiaries-swiper .slide.active::after {
                        opacity: 1
                    }

                .local-subsidiaries-section .subsidiaries-swiper-parent .subsidiaries-swiper .slide:not(.active) {
                    cursor: pointer
                }

                .local-subsidiaries-section .subsidiaries-swiper-parent .subsidiaries-swiper .slide .slide-content {
                    display: none !important
                }

    .local-subsidiaries-section .related-swiper-content .subsidiary {
        justify-content: space-between;
        padding: 70px 0 105px;
        -moz-transition: transform .4s,opacity .4s;
        -ms-transition: transform .4s,opacity .4s;
        -o-transition: transform .4s,opacity .4s;
        -webkit-transition: -webkit-transform .4s,opacity .4s
    }

        .local-subsidiaries-section .related-swiper-content .subsidiary.fade-out {
            opacity: 0;
            -webkit-transform: translateY(50px);
            -moz-transform: translateY(50px);
            -ms-transform: translateY(50px);
            -o-transform: translateY(50px)
        }

        .local-subsidiaries-section .related-swiper-content .subsidiary .content {
            width: 50%;
            max-width: calc(100% - 550px);
            color: #333;
            align-self: flex-start
        }

            .local-subsidiaries-section .related-swiper-content .subsidiary .content .title {
                font-size: 19px;
                line-height: 48px;
                display: block
            }

            .local-subsidiaries-section .related-swiper-content .subsidiary .content .description {
                font-size: 17px;
                line-height: 35px;
                font-family: Roboto-Regular;
                text-align: justify
            }

        .local-subsidiaries-section .related-swiper-content .subsidiary .subsidiary-info {
            width: calc(50% - 50px);
            min-width: 500px;
            margin-top: 30px;
            border-left: 1px solid #0192c4;
            position: relative;
            padding: 47px 0 44px 45px;
            align-self: flex-start
        }

            .local-subsidiaries-section .related-swiper-content .subsidiary .subsidiary-info::after, .local-subsidiaries-section .related-swiper-content .subsidiary .subsidiary-info::before {
                content: '';
                width: 74px;
                height: 1px;
                background: #0192c4;
                position: absolute;
                top: 0;
                left: 0
            }

            .local-subsidiaries-section .related-swiper-content .subsidiary .subsidiary-info::after {
                top: auto;
                bottom: 0
            }

            .local-subsidiaries-section .related-swiper-content .subsidiary .subsidiary-info .entry {
                display: flex;
                flex: nowrap
            }

                .local-subsidiaries-section .related-swiper-content .subsidiary .subsidiary-info .entry .label {
                    padding: 4px 0 6px 38px;
                    color: #19347D;
                    font-size: 17px;
                    font-weight: 700;
                    width: 198px;
                    border-right: 1px solid #152C69;
                    display: block
                }

                    .local-subsidiaries-section .related-swiper-content .subsidiary .subsidiary-info .entry .label::before {
                        left: 0
                    }

                    .local-subsidiaries-section .related-swiper-content .subsidiary .subsidiary-info .entry .label.name-label::before {
                        content: '\f007'
                    }

                    .local-subsidiaries-section .related-swiper-content .subsidiary .subsidiary-info .entry .label.address-label::before {
                        content: '\f041'
                    }

                    .local-subsidiaries-section .related-swiper-content .subsidiary .subsidiary-info .entry .label.pobox-label::before {
                        content: '\f0e0'
                    }

                    .local-subsidiaries-section .related-swiper-content .subsidiary .subsidiary-info .entry .label.phone-label::before {
                        content: '\f095'
                    }

                .local-subsidiaries-section .related-swiper-content .subsidiary .subsidiary-info .entry .value {
                    padding: 5px 0 5px 30px;
                    width: calc(100% - 198px);
                    color: #333;
                    font-size: 17px
                }

                .local-subsidiaries-section .related-swiper-content .subsidiary .subsidiary-info .entry:nth-of-type(n+2) {
                    margin-top: 23px
                }

                .local-subsidiaries-section .related-swiper-content .subsidiary .subsidiary-info .entry::after {
                    content: '';
                    display: block;
                    clear: both
                }

.gradient-stripe {
    height: 141px;
    background: -webkit-gradient(linear,right top,right bottom,from(#98dbd4),to(#0192c4));
    background: -webkit-linear-gradient(right,#98dbd4,#0192c4);
    background: -moz-linear-gradient(right,#98dbd4,#0192c4);
    background: -ms-linear-gradient(right,#98dbd4,#0192c4);
    background: -o-linear-gradient(right,#98dbd4,#0192c4);
    text-align: center
}

    .gradient-stripe .flex-container {
        justify-content: center;
        height: 100%;
        position: relative
    }

        .gradient-stripe .flex-container::after, .gradient-stripe .flex-container::before {
            content: '';
            width: 197px;
            height: 1px;
            position: absolute;
            top: 50%;
            left: 0;
            background: #fff
        }

        .gradient-stripe .flex-container::after {
            left: auto;
            right: 0
        }

    .gradient-stripe .text {
        color: #EDEDED;
        font-size: 30px;
        line-height: 36px;
        font-family: BeirutLight;
        padding-left: 220px;
        padding-right: 220px;
        align-self: center
    }

    .gradient-stripe .inline-link, .gradient-stripe a {
        position: relative
    }

        .gradient-stripe .inline-link::after, .gradient-stripe a::after {
            content: '';
            width: 100%;
            height: 1px;
            background: #fff;
            position: absolute;
            bottom: 0;
            left: 0
        }

.contact-info-section {
    padding-top: 90px;
    padding-bottom: 75px
}

    .contact-info-section .info-list li {
        margin-top: 40px;
        max-width: 530px;
        width: calc((100% - 70px) / 2);
        padding-left: 58px;
        color: #333;
        position: relative
    }

        .contact-info-section .info-list li.font-icon-before:not(.phone-info)::before {
            top: -3px
        }

        .contact-info-section .info-list li.font-icon-before::before {
            color: #0DB2DD;
            font-size: 23px;
            left: 0;
            top: 0
        }

        .contact-info-section .info-list li.font-icon-before.phone-info::before {
            top: -1px;
            font-size: 25px;
            content: '\f095'
        }

        .contact-info-section .info-list li.font-icon-before.mail-info::before {
            content: '\f0e0'
        }

        .contact-info-section .info-list li.font-icon-before.marker-info::before {
            content: '\f041'
        }

        .contact-info-section .info-list li.font-icon-before.web-info::before {
            content: '\f0ac'
        }

        .contact-info-section .info-list li.font-icon-before.atm-info::before {
            content: '\f0d6'
        }

        .contact-info-section .info-list li .title {
            font-size: 19px;
            display: block;
            margin-bottom: 5px
        }

        .contact-info-section .info-list li .description {
            font-family: Roboto-Regular;
            line-height: 35px;
            font-size: 17px
        }

        .contact-info-section .info-list li:nth-of-type(2n) {
            margin-left: 70px
        }

    .contact-info-section.grey-bg {
        background-color: #F2F4F7
    }

    .contact-info-section.working-hours-section {
        background-image: url(../images/contact-texture.png);
        background-position: right top;
        background-repeat: no-repeat;
        background-size: contain;
        border-bottom: 1px solid #E8E8E8
    }

    .contact-info-section.reachable-section {
        padding-top: 60px;
        padding-bottom: 60px
    }

.contact-form-section {
    background-image: -moz-linear-gradient(#182a75 0,#1d5996 62%,#2292b1 100%);
    background-image: -webkit-gradient(linear,color-stop(0,#182a75),color-stop(.62,#1d5996),color-stop(1,#2292b1));
    background-image: -webkit-linear-gradient(#182a75 0,#1d5996 62%,#2292b1 100%);
    background-image: -o-linear-gradient(#182a75 0,#1d5996 62%,#2292b1 100%);
    background-image: -ms-linear-gradient(#182a75 0,#1d5996 62%,#2292b1 100%);
    background-image: linear-gradient(#182a75 0,#1d5996 62%,#2292b1 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff182a75,endColorstr=#ff2292b1)"
}

    .contact-form-section::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        background-image: url(../images/contact-form-texture.png);
        background-position: right top;
        background-repeat: no-repeat;
        background-size: contain;
        width: 100%;
        height: 100%
    }

.contact-form-section {
    padding-top: 80px;
    padding-bottom: 120px;
    position: relative
}

    .contact-form-section .subtitle {
        display: block;
        color: #CCC;
        font-family: BeirutLight;
        margin-top: 5px
    }

    .contact-form-section .form-container {
        margin-top: 28px;
        max-width: 1060px;
        justify-content: space-between
    }

    .contact-form-section .form-inputs {
        justify-content: space-between;
        width: calc(68.1% - 13px)
    }

        .contact-form-section .form-inputs.message-field {
            width: calc(31.9% - 13px)
        }

            .contact-form-section .form-inputs.message-field .inputfield {
                width: 100%
            }

    .contact-form-section .full-row-radio {
        border-bottom: 1px solid rgba(255,255,255,.15);
        width: 100%;
        padding: 0 0 15px;
        margin-top: 30px;
        float: left
    }

        .contact-form-section .full-row-radio .row-label {
            font-family: BeirutLight;
            color: #EBEBEB;
            font-style: italic;
            font-size: 15px;
            display: inline-block;
            vertical-align: middle;
            width: calc((100% + 18px) / 2);
            padding-right: 10px
        }

        .contact-form-section .full-row-radio .radio-wrapper {
            display: inline-block;
            vertical-align: middle
        }

    .contact-form-section .required-label {
        margin-top: 22px
    }

    .contact-form-section .submit-btn {
        color: #fff;
        font-size: 34px;
        width: 161px;
        display: block;
        margin-top: 60px
    }

        .contact-form-section .submit-btn::after {
            background: #fff;
            bottom: -3px
        }

    .contact-form-section .section-content-container {
        -moz-transition: transform .5s .4s,opacity .5s .4s;
        -ms-transition: transform .5s .4s,opacity .5s .4s;
        -o-transition: transform .5s .4s,opacity .5s .4s;
        -webkit-transition: -webkit-transform .5s .3s,opacity .5s .3s
    }

    .contact-form-section .section-message {
        color: #EBEBEB;
        font-size: 30px;
        line-height: 36px;
        position: absolute;
        top: 50%;
        opacity: 0;
        pointer-events: none;
        -webkit-transform: translateY(calc(-50% + 50px));
        -moz-transform: translateY(calc(-50% + 50px));
        -ms-transform: translateY(calc(-50% + 50px));
        -o-transform: translateY(calc(-50% + 50px));
        -moz-transition: transform .5s,opacity .5s;
        -ms-transition: transform .5s,opacity .5s;
        -o-transition: transform .5s,opacity .5s;
        -webkit-transition: -webkit-transform .5s,opacity .5s
    }

    .contact-form-section.display-message .section-content-container {
        -moz-transition: transform .5s,opacity .5s;
        -ms-transition: transform .5s,opacity .5s;
        -o-transition: transform .5s,opacity .5s;
        -webkit-transition: -webkit-transform .5s,opacity .5s;
        -webkit-transform: translateY(50px);
        -moz-transform: translateY(50px);
        -ms-transform: translateY(50px);
        -o-transform: translateY(50px);
        opacity: 0
    }

    .contact-form-section.display-message .section-message {
        -moz-transition: transform .5s .4s,opacity .5s .4s;
        -ms-transition: transform .5s .4s,opacity .5s .4s;
        -o-transition: transform .5s .4s,opacity .5s .4s;
        -webkit-transition: -webkit-transform .5s .3s,opacity .5s .3s;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        opacity: 1
    }

.gradient-container {
    padding-top: 40px;
    padding-bottom: 30px;
    background: -webkit-gradient(linear,right top,right bottom,from(#368abd),to(#0d235e));
    background: -webkit-linear-gradient(right,#368abd,#0d235e);
    background: -moz-linear-gradient(right,#368abd,#0d235e);
    background: -ms-linear-gradient(right,#368abd,#0d235e);
    background: -o-linear-gradient(right,#368abd,#0d235e)
}

    .gradient-container .page-title {
        color: #fff;
        font-size: 32px;
        line-height: 38px;
        display: block;
        float: none
    }

    .gradient-container .breadcrumbs-container .breadcrumbs {
        color: #EDEDED
    }

    .gradient-container .date {
        display: block;
        color: #00ADDA;
        font-size: 20px;
        line-height: 24px;
        margin: 5px 0 20px;
        font-family: BeirutLight
    }

    .gradient-container.with-right-tools .page-title {
        max-width: calc(100% - 325px)
    }

.back-btn {
    position: absolute;
    top: 50%;
    right: 0;
    width: 40px;
    height: 40px;
    cursor: pointer;
    z-index: 2;
    background: #fff;
    border: 1px solid #7F7F7F;
    border-radius: 100%;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -o-transition: opacity .3s;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}

    .back-btn::before {
        content: '\f060';
        font-size: 16px;
        color: #7F7F7F;
        font-family: FontAwesome;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        -o-transform: translateX(-50%) translateY(-50%)
    }

    .back-btn.top-left, .back-btn.top-right {
        position: absolute;
        top: 30px
    }

    .back-btn.top-right {
        right: 80px
    }

    .back-btn.top-left {
        left: 80px
    }

.news-listing {
    background: #EEE;
    padding-top: 55px;
    padding-bottom: 50px
}

    .news-listing .flex-container {
        justify-content: space-between
    }

    .news-listing .load-more {
        margin-top: 50px
    }

.news-article {
    background: #fff;
    box-shadow: 1px 0 2px rgba(0,0,0,.02);
    padding: 42px 38px 64px;
    position: relative;
    max-width: 490px;
    width: calc((100% - 80px) / 3)
}

    .news-article:nth-of-type(n+4) {
        margin-top: 40px
    }

    .news-article .frame {
        margin-bottom: 21px;
        overflow: hidden;
        width: 100%;
        position: relative;
        max-height: 185px
    }

        .news-article .frame img {
            width: 100%
        }

    .news-article .title {
        display: block;
        color: #333;
        line-height: 24px;
        font-size: 20px
    }

    .news-article .description {
        color: #545454;
        font-size: 15px;
        line-height: 21px;
        font-family: Roboto-Regular;
        max-width: 320px;
        display: block;
        margin-top: 7px
    }

    .news-article .date {
        color: #00ADDA;
        font-family: BeirutLight;
        font-size: 15px;
        position: absolute;
        bottom: 36px;
        left: 38px
    }

    .news-article.video-article .frame::before {
        content: '\f04b';
        color: #fff;
        font-size: 22px;
        font-family: FontAwesome;
        width: 54px;
        height: 54px;
        background: #0192c4;
        border-radius: 100%;
        position: absolute;
        top: calc(50% - 27px);
        left: calc(50% - 27px);
        text-align: center;
        padding: 16px 0 0 4px;
        box-sizing: border-box
    }

.share-block {
    position: absolute;
    right: 55px;
    z-index: 3;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}

    .share-block .label {
        color: #fff;
        text-transform: uppercase;
        font-size: 17px;
        line-height: 20px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px
    }

    .share-block .share-item {
        width: 40px;
        height: 40px;
        background: rgba(255,255,255,.15);
        display: inline-block;
        vertical-align: middle;
        cursor: pointer
    }

        .share-block .share-item:nth-of-type(n+2) {
            margin-left: 13px
        }

        .share-block .share-item::before {
            font-size: 22px;
            color: #fff;
            top: 50%;
            left: 50%;
            -webkit-transform: translateX(-50%) translateY(-50%);
            -moz-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
            -o-transform: translateX(-50%) translateY(-50%)
        }

        .share-block .share-item.fb-icon iframe {
            border: none;
            overflow: hidden;
            width: 100%;
            position: relative;
            opacity: 0
        }

            .share-block .share-item.fb-icon iframe:nth-of-type(2) {
                margin-top: -3px
            }

        .share-block .share-item.fb-icon::before {
            content: '\f09a'
        }

        .share-block .share-item.tw-icon a {
            width: 100%;
            height: 100%;
            display: block;
            position: relative
        }

        .share-block .share-item.tw-icon::before {
            content: '\f099'
        }

.at-resp-share-element .at-share-btn {
    margin-bottom: 0 !important
}

.section-close {
    width: 40px;
    height: 40px;
    cursor: pointer;
    z-index: 2;
    background: #fff;
    border: 1px solid #7F7F7F;
    border-radius: 100%;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -o-transition: opacity .3s
}

    .section-close::before {
        content: '\f060';
        font-size: 16px;
        color: #7F7F7F;
        font-family: FontAwesome;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        -o-transform: translateX(-50%) translateY(-50%)
    }

    .section-close.top-left, .section-close.top-right {
        position: absolute;
        top: 30px
    }

    .section-close.top-right {
        right: 80px
    }

    .section-close.top-left {
        left: 80px
    }

.article-details-section {
    padding-top: 75px;
    padding-bottom: 75px;
    background: #EEE
}

    .article-details-section .frame {
        width: 40.15%;
        min-width: 350px;
        overflow: hidden;
        padding-right: 50px;
        border-right: 1px solid #CCC
    }

        .article-details-section .frame.no-description {
            width: 750px;
            padding-right: 0;
            border-right: none;
            max-width: 100%
        }

            .article-details-section .frame.no-description iframe {
                height: 391px
            }

        .article-details-section .frame iframe {
            width: 100%;
            height: 100%
        }

        .article-details-section .frame img {
            width: 100%
        }

        .article-details-section .frame + .description {
            width: 59.85%;
            max-width: calc(100% - 350px);
            padding-left: 50px
        }

        .article-details-section .frame.video-frame {
            min-height: 330px
        }

    .article-details-section .description {
        width: 100%;
        font-size: 17px;
        text-align: justify;
        font-family: Roboto-Regular;
        line-height: 21px;
        color: #545454
    }

.publications-listing {
    background: #EEE;
    padding-top: 42px;
    padding-bottom: 95px
}

    .publications-listing .flex-container {
        justify-content: space-between
    }

    .publications-listing .publication-column {
        max-width: 360px;
        width: calc((100% - 60px) / 3)
    }

        .publications-listing .publication-column:nth-of-type(n+4) {
            margin-top: 50px
        }

        .publications-listing .publication-column .column-icon {
            margin-bottom: 38px;
            width: 100%;
            height: 180px;
            overflow: hidden
        }

            .publications-listing .publication-column .column-icon img {
                max-width: 100%
            }

        .publications-listing .publication-column .column-title {
            color: #333;
            font-size: 30px;
            font-family: BeirutLight;
            line-height: 36px;
            padding-bottom: 14px;
            display: block
        }

.publication {
    border-top: 1px solid #CCC;
    padding: 28px 20px 24px 68px;
    color: #333;
    position: relative;
    cursor: pointer
}

    .publication::before {
        content: '';
        background-image: url(../images/sprite.png);
        background-repeat: no-repeat;
        display: block;
        width: 86px;
        height: 84px;
        background-position: -362px 0;
        position: absolute;
        left: 3px;
        top: calc(50% - 21px);
        -webkit-transform: scale(.5);
        -moz-transform: scale(.5);
        -ms-transform: scale(.5);
        -o-transform: scale(.5);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0
    }

    .publication .date, .publication .title {
        font-size: 18px;
        color: #333;
        line-height: 22px;
        display: block;
        -webkit-transition: color .3s;
        -moz-transition: color .3s;
        -ms-transition: color .3s;
        -o-transition: color .3s
    }

.user-experience-section {
    padding-top: 80px;
    padding-bottom: 70px;
    background: #F5F7F9;
    border-bottom: 1px solid #E8E8E8
}

    .user-experience-section .flex-container {
        justify-content: space-between
    }

    .user-experience-section .side {
        max-width: 470px;
        width: calc((100% - 40px) / 2)
    }

    .user-experience-section .subtitle {
        color: #545454;
        font-size: 15px;
        font-family: Roboto-Regular;
        display: block;
        padding-top: 20px
    }

    .user-experience-section .experience-image {
        width: 100%;
        padding-top: 36px;
        position: relative;
        margin-top: 40px
    }

        .user-experience-section .experience-image::before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 50px;
            height: 1px;
            background: rgba(0,74,144,.4)
        }

        .user-experience-section .experience-image img {
            max-width: 100%
        }

    .user-experience-section .description {
        font-size: 17px;
        line-height: 38px;
        color: #333;
        display: block;
        font-family: Roboto-Regular;
        text-align: justify
    }

        .user-experience-section .description:nth-of-type(n+2) {
            margin-top: 5px
        }

    .user-experience-section .tail-list li {
        color: #333;
        font-size: 19px;
        line-height: 48px
    }

.tail-list:not(.corporate-accordian) ul {
    padding-left: 55px
}

    .tail-list:not(.corporate-accordian) ul li {
        position: relative
    }

        .tail-list:not(.corporate-accordian) ul li::before {
            content: '';
            width: 34px;
            height: 1px;
            background: #444;
            position: absolute;
            left: -51px;
            top: 25px
        }

.contact-channels-section {
    background-repeat: no-repeat;
    background-position: calc(100% - 70px) bottom;
    padding-top: 87px;
    padding-bottom: 80px
}

    .contact-channels-section .subtitle {
        color: #545454;
        font-size: 15px;
        font-family: Roboto-Regular;
        display: block;
        padding-top: 20px;
        max-width: calc(100% - 440px)
    }

    .contact-channels-section .contact-channels {
        margin-top: 30px;
        width: calc(100% - 440px);
        max-width: 1120px;
        justify-content: space-between
    }

        .contact-channels-section .contact-channels li {
            max-width: 375px;
            width: calc((100% - 30px) / 2);
            height: 115px;
            color: #333;
            font-size: 19px;
            padding-left: 100px;
            position: relative
        }

            .contact-channels-section .contact-channels li:nth-of-type(n+3) .valign::before {
                content: '';
                width: 34px;
                height: 1px;
                position: absolute;
                top: 0;
                left: 100px;
                background: #444
            }

            .contact-channels-section .contact-channels li::before {
                content: '';
                position: absolute;
                left: 0;
                top: 50%;
                -webkit-transform: translateY(-50%) scale(.5);
                -moz-transform: translateY(-50%) scale(.5);
                -ms-transform: translateY(-50%) scale(.5);
                -o-transform: translateY(-50%) scale(.5);
                background-image: url(../images/sprite.png);
                background-repeat: no-repeat;
                display: block;
                transform-origin: 0 50%;
                -webkit-transform-origin: 0 50%s
            }

            .contact-channels-section .contact-channels li.phone-icon::before {
                background-position: -360px -121px;
                width: 96px;
                height: 114px
            }

            .contact-channels-section .contact-channels li.screen-icon::before {
                background-position: -360px -253px;
                width: 108px;
                height: 78px
            }

            .contact-channels-section .contact-channels li.email-icon::before {
                background-position: -360px -345px;
                width: 110px;
                height: 108px
            }

            .contact-channels-section .contact-channels li.cam-icon::before {
                background-position: -360px -471px;
                width: 110px;
                height: 104px
            }

            .contact-channels-section .contact-channels li.fax-icon::before {
                background-position: -360px -590px;
                width: 88px;
                height: 104px
            }

            .contact-channels-section .contact-channels li.mobile-icon::before {
                background-position: -360px -714px;
                width: 76px;
                height: 118px
            }

.complaint-page-form .form-container {
    margin-top: 0
}

.complaint-page-form .full-row-radio {
    margin-bottom: 30px;
    margin-top: 0 !important;
    border-top: 0
}

    .complaint-page-form .full-row-radio .row-label {
        width: 150px
    }

.complaint-page-form .radio-wrapper input[type=checkbox] + label:nth-of-type(n+2), .complaint-page-form .radio-wrapper input[type=radio] + label:nth-of-type(n+2) {
    margin-left: 45px
}

.complaint-page-form .inputfield.template5 .textarea {
    height: 490px
}

.governance-subpage-navigation .title {
    width: 333px
}

.governance-subpage-navigation .subpage-navigation-swiper {
    width: calc(100% - 337px)
}

.financial-subpage-navigation .title {
    width: 368px
}

.financial-subpage-navigation .subpage-navigation-swiper {
    width: calc(100% - 372px)
}

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

.governance-table .table-header li {
    text-align: left;
    padding-left: 14px
}

    .governance-table .table-header li:nth-of-type(1) {
        padding-left: 74px;
        text-align: left !important
    }

    .governance-table .table-header li:nth-last-child(2), .governance-table .table-header li:nth-last-child(2) ~ li {
        width: calc(100% / 2);
        text-align: center
    }

    .governance-table .table-header li:nth-last-child(3), .governance-table .table-header li:nth-last-child(3) ~ li {
        width: calc(100% / 3);
        text-align: center
    }

    .governance-table .table-header li:nth-last-child(4), .governance-table .table-header li:nth-last-child(4) ~ li {
        width: calc(100% / 4);
        text-align: left
    }

    .governance-table .table-header li:nth-last-child(5) {
        width: 27.39%;
        text-align: left
    }

        .governance-table .table-header li:nth-last-child(5) ~ li {
            width: calc(72.61% / 4);
            text-align: left
        }

    .governance-table .table-header li:nth-last-child(6) ~ li {
        width: 27.39%;
        text-align: left
    }

    .governance-table .table-header li:nth-last-child(6) + li {
        width: 11.2%
    }

        .governance-table .table-header li:nth-last-child(6) + li + li {
            width: 13.95%
        }

            .governance-table .table-header li:nth-last-child(6) + li + li + li {
                width: 13.43%
            }

                .governance-table .table-header li:nth-last-child(6) + li + li + li + li {
                    width: 13.06%
                }

                    .governance-table .table-header li:nth-last-child(6) + li + li + li + li + li {
                        width: 20.97%
                    }

.governance-table .table-row li:nth-of-type(1) {
    text-align: left;
    padding-left: 74px
}

.governance-table .table-row li:nth-last-child(2), .governance-table .table-row li:nth-last-child(2) ~ li {
    width: calc(100% / 2)
}

.governance-table .table-row li:nth-last-child(3), .governance-table .table-row li:nth-last-child(3) ~ li {
    width: calc(100% / 3)
}

.governance-table .table-row li:nth-last-child(4), .governance-table .table-row li:nth-last-child(4) ~ li {
    width: calc(100% / 4)
}

.governance-table .table-row li:nth-last-child(5) {
    width: 27.39%
}

    .governance-table .table-row li:nth-last-child(5) ~ li {
        width: calc(72.61% / 4)
    }

.governance-table .table-row li:nth-last-child(6) ~ li {
    width: 27.39%
}

.governance-table .table-row li:nth-last-child(6) + li {
    width: 11.2%
}

    .governance-table .table-row li:nth-last-child(6) + li + li {
        width: 13.95%
    }

        .governance-table .table-row li:nth-last-child(6) + li + li + li {
            width: 13.43%
        }

            .governance-table .table-row li:nth-last-child(6) + li + li + li + li {
                width: 13.06%
            }

                .governance-table .table-row li:nth-last-child(6) + li + li + li + li + li {
                    width: 20.97%
                }

.announcements-container {
    background-color: #eee;
    padding-bottom: 50px
}

    .announcements-container.image-bg {
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: cover
    }

        .announcements-container.image-bg .breadcrumbs-container .breadcrumbs .bread-item {
            color: #fff
        }

    .announcements-container .announcements-listing {
        justify-content: space-between;
        padding-top: 20px;
        padding-bottom: 20px
    }

.table-title {
    font-size: 47px;
    line-height: 56px;
    font-family: BeirutLight;
    color: #0192c4;
    display: block
}

.table-description {
    color: #545454;
    display: block;
    font-size: 17px;
    text-align: justify;
    line-height: 21px;
    font-family: Roboto-Regular;
    margin-top: 24px;
    padding-bottom: 30px
}

.announcement {
    background: #fff;
    box-shadow: 1px 0 1px rgba(0,0,0,.02);
    padding: 34px 25px 34px 34px;
    max-width: 421px;
    width: calc((100% - 70px) / 3);
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    position: relative
}

    .announcement:nth-of-type(n+4) {
        margin-top: 34px
    }

    .announcement .frame {
        height: 132px;
        overflow: hidden;
        min-width: 140px;
        width: 45%
    }

        .announcement .frame img {
            width: 100%
        }

    .announcement .content {
        align-self: flex-end;
        max-width: calc(100% - 140px);
        padding-left: 20px;
        width: 55%
    }

    .announcement .title {
        font-size: 18px;
        line-height: 22px;
        color: #333;
        display: block
    }

    .announcement .date {
        font-size: 15px;
        font-family: BeirutLight;
        color: #00ADDA;
        display: block;
        margin-top: 7px
    }

    .announcement.with-background {
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: cover;
        border: none
    }

.properties-page-title {
    margin-top: 25px;
    margin-bottom: 35px
}

.properties-filtering-container {
    overflow: hidden;
    -webkit-transition: height 1s;
    -moz-transition: height 1s;
    -ms-transition: height 1s;
    -o-transition: height 1s
}

    .properties-filtering-container .preserve-height {
        padding-bottom: 60px;
        height: auto
    }

    .properties-filtering-container .properties-categories-container {
        position: relative
    }

        .properties-filtering-container .properties-categories-container .arrows {
            top: 42px
        }

            .properties-filtering-container .properties-categories-container .arrows.left-arrow {
                left: -35px
            }

            .properties-filtering-container .properties-categories-container .arrows.right-arrow {
                right: -35px
            }

    .properties-filtering-container .properties-categories-swiper .slide {
        cursor: pointer
    }

        .properties-filtering-container .properties-categories-swiper .slide .category-icon {
            width: 114px;
            height: 114px;
            border-radius: 100%;
            background: #F4F4F4;
            position: relative;
            display: block;
            margin: auto;
            -webkit-transition: background .3s;
            -moz-transition: background .3s;
            -ms-transition: background .3s;
            -o-transition: background .3s
        }

            .properties-filtering-container .properties-categories-swiper .slide .category-icon img {
                position: absolute;
                top: 50%;
                left: 50%;
                -webkit-transform: translateX(-50%) translateY(-50%);
                -moz-transform: translateX(-50%) translateY(-50%);
                -ms-transform: translateX(-50%) translateY(-50%);
                -o-transform: translateX(-50%) translateY(-50%);
                max-width: calc(100% - 20px);
                max-height: calc(100% - 20px)
            }

        .properties-filtering-container .properties-categories-swiper .slide .title {
            margin-top: 8px;
            display: block;
            font-size: 16px;
            line-height: 19px;
            color: #333
        }

        .properties-filtering-container .properties-categories-swiper .slide.active .category-icon {
            background: #e5e4e4
        }

    .properties-filtering-container .properties-filters {
        margin-top: 40px
    }

        .properties-filtering-container .properties-filters .title {
            font-size: 20px;
            color: #333;
            line-height: 24px;
            display: block;
            text-align: center
        }

            .properties-filtering-container .properties-filters .title::before {
                content: '';
                width: 48px;
                height: 1px;
                background: #008FC1;
                display: block;
                margin: 0 auto 26px
            }

        .properties-filtering-container .properties-filters .inputs {
            justify-content: space-between;
            margin-top: 20px
        }

            .properties-filtering-container .properties-filters .inputs ::-webkit-input-placeholder {
                font-family: BeirutLight;
                color: #333;
                opacity: 1;
                font-size: 15px
            }

            .properties-filtering-container .properties-filters .inputs :-moz-placeholder {
                font-family: BeirutLight;
                color: #333;
                opacity: 1;
                font-size: 15px
            }

            .properties-filtering-container .properties-filters .inputs ::-moz-placeholder {
                font-family: BeirutLight;
                color: #333;
                opacity: 1;
                font-size: 15px
            }

            .properties-filtering-container .properties-filters .inputs :-ms-input-placeholder {
                font-family: BeirutLight;
                color: #333;
                opacity: 1;
                font-size: 15px
            }

        .properties-filtering-container .properties-filters .inputfield {
            width: calc((100% - 72px) / 3);
            margin: 0
        }

            .properties-filtering-container .properties-filters .inputfield .input, .properties-filtering-container .properties-filters .inputfield .select {
                width: 100%;
                height: 52px;
                border: 1px solid #BBB;
                background: 0 0;
                color: #333;
                font-size: 15px;
                font-family: BeirutLight;
                -webkit-appearance: none;
                -khtml-appearance: none;
                -moz-appearance: none;
                -ms-appearance: none;
                appearance: none
            }

            .properties-filtering-container .properties-filters .inputfield .select {
                cursor: pointer
            }

            .properties-filtering-container .properties-filters .inputfield.add-arrow::after {
                right: 26px;
                color: #0E375E
            }

            .properties-filtering-container .properties-filters .inputfield.add-arrow .select {
                padding-right: 45px
            }

        .properties-filtering-container .properties-filters .search-btn {
            margin: 32px auto 0;
            max-width: calc((100% - 72px) / 3)
        }

    .properties-filtering-container.open ~ .properties-results-section .open-filter-toggle::before {
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
        -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
        -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
        -o-transform: translateX(-50%) translateY(-50%) rotate(45deg)
    }

    .properties-filtering-container:not(.open) {
        height: 0 !important
    }

.properties-results-section {
    background: #F1F4F9;
    position: relative;
    -webkit-transition: height 1s;
    -moz-transition: height 1s;
    -ms-transition: height 1s;
    -o-transition: height 1s
}

    .properties-results-section .preserve-height {
        padding-top: 30px;
        padding-bottom: 45px;
        height: auto
    }

    .properties-results-section .open-filter-toggle {
        width: 54px;
        height: 54px;
        border-radius: 100%;
        background: #0192c4;
        position: absolute;
        left: calc(50% - 27px);
        top: -23px;
        cursor: pointer;
        z-index: 1;
        -webkit-transition: opacity 1.5s,background .3s;
        -moz-transition: opacity 1.5s,background .3s;
        -ms-transition: opacity 1.5s,background .3s;
        -o-transition: opacity 1.5s,background .3s
    }

        .properties-results-section .open-filter-toggle::before {
            content: '\f067';
            font-size: 20px;
            color: #fff;
            font-family: FontAwesome;
            top: 50%;
            left: 50%;
            position: absolute;
            -webkit-transform: translateX(-50%) translateY(-50%);
            -moz-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
            -o-transform: translateX(-50%) translateY(-50%);
            -moz-transition: transform .5s;
            -ms-transition: transform .5s;
            -o-transition: transform .5s;
            -webkit-transition: -webkit-transform .5s
        }

    .properties-results-section > .overflow {
        padding-bottom: 40px
    }

    .properties-results-section:not(.open) {
        height: 0 !important
    }

        .properties-results-section:not(.open) .open-filter-toggle {
            opacity: 0;
            pointer-events: none
        }

    .properties-results-section.loading::after {
        opacity: 1
    }

.tags-list {
    margin: 40px auto 20px;
    text-align: center
}

    .tags-list li {
        text-align: left;
        display: inline-block;
        vertical-align: top;
        padding: 6px 42px 4px 17px;
        background: #0192c4;
        position: relative;
        color: #fff;
        font-size: 16px;
        line-height: 19px;
        margin: 0 5px 20px 1px
    }

        .tags-list li .remove-tag {
            position: absolute;
            right: 16px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            cursor: pointer
        }

            .tags-list li .remove-tag::before {
                content: '\f00d';
                font-size: 15px;
                color: #fff;
                font-family: FontAwesome
            }

.property-details-section {
    background: #eee;
    padding-top: 70px;
    padding-bottom: 108px
}

    .property-details-section .article-gallery {
        max-width: 880px;
        min-width: 750px;
        width: 64.7%;
        padding-right: 63px;
        border-right: 1px solid #CCC;
        position: relative
    }

        .property-details-section .article-gallery .thumbnails-container {
            padding: 2px;
            position: absolute;
            top: 0;
            left: 19px;
            height: 100%
        }

            .property-details-section .article-gallery .thumbnails-container .swiper-wrapper {
                display: block
            }

            .property-details-section .article-gallery .thumbnails-container .thumb {
                width: 86px;
                height: 86px;
                cursor: pointer;
                position: relative;
                -webkit-transition: opacity .3s;
                -moz-transition: opacity .3s;
                -ms-transition: opacity .3s;
                -o-transition: opacity .3s
            }

                .property-details-section .article-gallery .thumbnails-container .thumb .image {
                    background-position: 50% 50%;
                    background-size: cover;
                    background-repeat: no-repeat;
                    width: 100%;
                    height: 100%;
                    display: block
                }

                .property-details-section .article-gallery .thumbnails-container .thumb:nth-of-type(n+2) {
                    margin-top: 22px
                }

                .property-details-section .article-gallery .thumbnails-container .thumb:not(.active) {
                    opacity: .5
                }

                .property-details-section .article-gallery .thumbnails-container .thumb.active::before {
                    opacity: 1
                }

                .property-details-section .article-gallery .thumbnails-container .thumb::before {
                    content: '';
                    width: 100%;
                    height: 100%;
                    left: -2px;
                    top: -2px;
                    position: absolute;
                    pointer-events: none;
                    border: 2px solid #0192c4;
                    border-radius: 2px;
                    opacity: 0;
                    -webkit-transition: opacity .3s;
                    -moz-transition: opacity .3s;
                    -ms-transition: opacity .3s;
                    -o-transition: opacity .3s
                }

        .property-details-section .article-gallery .gallery-swiper {
            width: calc(100% - 142px);
            margin-left: 142px
        }

            .property-details-section .article-gallery .gallery-swiper .slide, .property-details-section .article-gallery .gallery-swiper .slide img {
                max-width: 100%
            }

        .property-details-section .article-gallery + .article-description {
            width: 35.3%;
            max-width: calc(100% - 750px);
            padding-left: 55px
        }

    .property-details-section .article-description {
        width: 100%
    }

        .property-details-section .article-description .specs {
            padding-left: 54px
        }

            .property-details-section .article-description .specs li {
                position: relative;
                color: #535353;
                font-size: 15px;
                font-family: Roboto-Regular
            }

                .property-details-section .article-description .specs li:nth-of-type(n+2) {
                    margin-top: 14px
                }

                .property-details-section .article-description .specs li::before {
                    content: '';
                    width: 34px;
                    height: 1px;
                    background: #444;
                    position: absolute;
                    left: -51px;
                    top: 12px
                }

                .property-details-section .article-description .specs li .value {
                    color: #333;
                    font-weight: 700
                }

.locate-us-page-menu {
    background: -webkit-gradient(linear,right top,right bottom,from(#3c319d),to(#0192c4));
    background: -webkit-linear-gradient(right,#3c319d,#0192c4);
    background: -moz-linear-gradient(right,#3c319d,#0192c4);
    background: -ms-linear-gradient(right,#3c319d,#0192c4);
    background: -o-linear-gradient(right,#3c319d,#0192c4);
    height: 86px;
    padding-top: 32px
}

    .locate-us-page-menu .menu-item {
        color: rgba(238,238,238,.5);
        font-size: 19px;
        line-height: 48px;
        padding: 17px 22px 21px
    }

        .locate-us-page-menu .menu-item.active {
            color: #fff;
            background: #0D235E
        }

.branches-listing {
    padding-top: 20px;
    padding-bottom: 78px
}

    .branches-listing .flex-container {
        justify-content: space-between
    }

    .branches-listing .load-more {
        margin-top: 70px
    }

.branch-info {
    width: calc((100% - 80px) / 3)
}

    .branch-info:nth-of-type(n+4) {
        margin-top: 95px
    }

    .branch-info .title {
        font-size: 30px;
        line-height: 36px;
        font-family: BeirutLight;
        color: #333;
        display: block;
        margin-bottom: 18px
    }

    .branch-info .info li {
        position: relative;
        color: #333;
        font-size: 15px;
        font-family: Roboto-Regular;
        padding: 4px 0 5px 50px
    }

        .branch-info .info li::before {
            content: '';
            font-size: 17px;
            color: #19337D;
            font-family: FontAwesome;
            position: absolute;
            left: 14px;
            top: 50%;
            -webkit-transform: translateX(-50%) translateY(-50%);
            -moz-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
            -o-transform: translateX(-50%) translateY(-50%)
        }

        .branch-info .info li::after {
            content: '';
            width: 1px;
            height: 100%;
            position: absolute;
            top: 0;
            left: 36px;
            background: #152C69
        }

        .branch-info .info li:nth-of-type(n+2) {
            margin-top: 18px
        }

        .branch-info .info li.address::before {
            content: '\f041'
        }

        .branch-info .info li.postal::before {
            content: '\f01c'
        }

        .branch-info .info li.phone::before {
            content: '\f095'
        }

        .branch-info .info li.manager-icon::before {
            content: '\f007'
        }

        .branch-info .info li.email-icon::before {
            content: '\f0e0'
        }

        .branch-info .info li.fax::before {
            content: '\f1ac'
        }

        .branch-info .info li.website::before {
            content: '\f0ac'
        }

.group-table-title {
    margin-top: 42px;
    margin-bottom: 40px
}

.blue-link {
    color: #0092CA;
    text-decoration: underline
}

.tail-list-section {
    padding-top: 46px;
    padding-bottom: 54px
}

    .tail-list-section.grey-bg {
        background: #EEE
    }

    .tail-list-section .flex-container {
        margin-top: 32px
    }

    .tail-list-section .info-list {
        padding-left: 4px;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 40px;
        -moz-column-gap: 40px;
        column-gap: 40px
    }

        .tail-list-section .info-list ul {
            -webkit-column-count: 2;
            -moz-column-count: 2;
            column-count: 2;
            -webkit-column-gap: 40px;
            -moz-column-gap: 40px;
            column-gap: 40px
        }

        .tail-list-section .info-list li {
            position: relative;
            font-size: 15px;
            color: #333;
            font-family: Roboto-Regular;
            padding-left: 51px
        }

            .tail-list-section .info-list li::before {
                content: '';
                width: 34px;
                height: 1px;
                background: #444;
                position: absolute;
                left: 0;
                top: 11px
            }

            .tail-list-section .info-list li .value {
                font-weight: 700;
                margin-left: 3px
            }

            .tail-list-section .info-list li:nth-of-type(n+2) {
                margin-top: 18px
            }

            .tail-list-section .info-list li a {
                color: #0092CA;
                text-decoration: underline
            }

.table-notes {
    display: block;
    font-family: Roboto-Regular;
    color: #535353;
    font-style: italic;
    max-width: 890px;
    margin-top: 46px;
    line-height: 22px
}

.simple-gradient-stripe {
    padding-top: 42px;
    padding-bottom: 38px;
    background: -webkit-gradient(linear,right top,right bottom,from(#2292b1),to(#182a75));
    background: -webkit-linear-gradient(right,#2292b1,#182a75);
    background: -moz-linear-gradient(right,#2292b1,#182a75);
    background: -ms-linear-gradient(right,#2292b1,#182a75);
    background: -o-linear-gradient(right,#2292b1,#182a75)
}

    .simple-gradient-stripe .text {
        font-size: 18px;
        font-family: BeirutBold;
        padding-left: 3px;
        color: #EBEBEB;
        line-height: 20px
    }

.blue-container {
    padding-top: 26px;
    padding-bottom: 25px;
    background: #0192c4;
    border-bottom: 1px solid #003566
}

    .blue-container .page-title {
        float: none;
        color: #fff
    }

.info-icon-section {
    padding-top: 80px;
    padding-bottom: 80px;
    position: relative
}

    .info-icon-section.grey-bg {
        background: #F5F7F9
    }

    .info-icon-section.pattern-right {
        background-image: url(../images/faq-pattern.png);
        background-position: right top;
        background-repeat: no-repeat
    }

    .info-icon-section.pattern-left {
        background-image: url(../images/faq-pattern-reversed.png);
        background-position: left top;
        background-repeat: no-repeat
    }

    .info-icon-section .flex-container {
        justify-content: space-between
    }

    .info-icon-section .title {
        padding-left: 56px;
        margin-bottom: 35px
    }

    .info-icon-section .frame {
        width: 50%;
        max-width: 530px;
        text-align: center
    }

        .info-icon-section .frame img {
            max-width: 100%
        }

    .info-icon-section .tail-list:not(.corporate-accordian) ul {
        padding-left: 0
    }

    .info-icon-section .tail-list:not(.corporate-accordian) li {
        position: relative;
        padding-right: 10px;
        padding-left: 57px;
        font-size: 15px;
        line-height: 28px;
        color: #333
    }

        .info-icon-section .tail-list:not(.corporate-accordian) li::before {
            content: '';
            width: 34px;
            height: 1px;
            background: #444;
            position: absolute;
            left: 4px;
            top: 13px;
            -webkit-transition: opacity .8s;
            -moz-transition: opacity .8s;
            -ms-transition: opacity .8s;
            -o-transition: opacity .8s
        }

        .info-icon-section .tail-list:not(.corporate-accordian) li:nth-of-type(n+2) {
            margin-top: 19px
        }

    .info-icon-section .content {
        width: 50%
    }

        .info-icon-section .content .tail-list li {
            position: relative;
            padding-right: 10px
        }

            .info-icon-section .content .tail-list li.item {
                padding-left: 57px;
                font-size: 15px;
                line-height: 28px;
                color: #333
            }

                .info-icon-section .content .tail-list li.item::before {
                    content: '';
                    width: 34px;
                    height: 1px;
                    background: #444;
                    position: absolute;
                    left: 4px;
                    top: 13px;
                    -webkit-transition: opacity .8s;
                    -moz-transition: opacity .8s;
                    -ms-transition: opacity .8s;
                    -o-transition: opacity .8s
                }

                .info-icon-section .content .tail-list li.item:nth-of-type(n+2) {
                    margin-top: 19px
                }

        .info-icon-section .content .tail-list.corporate-accordian li.item {
            -webkit-transition: padding .8s,color .8s;
            -moz-transition: padding .8s,color .8s;
            -ms-transition: padding .8s,color .8s;
            -o-transition: padding .8s,color .8s;
            font-size: 19px;
            cursor: pointer
        }

            .info-icon-section .content .tail-list.corporate-accordian li.item .text {
                position: relative;
                z-index: 1
            }

            .info-icon-section .content .tail-list.corporate-accordian li.item::after {
                content: '';
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0;
                left: 0;
                background: -webkit-gradient(linear,right top,right bottom,from(#2292b1),to(#182a75));
                background: -webkit-linear-gradient(right,#2292b1,#182a75);
                background: -moz-linear-gradient(right,#2292b1,#182a75);
                background: -ms-linear-gradient(right,#2292b1,#182a75);
                background: -o-linear-gradient(right,#2292b1,#182a75);
                opacity: 0;
                pointer-events: none;
                -webkit-transition: opacity .8s;
                -moz-transition: opacity .8s;
                -ms-transition: opacity .8s;
                -o-transition: opacity .8s
            }

            .info-icon-section .content .tail-list.corporate-accordian li.item:not(.open) + .item-description {
                height: 0 !important;
                box-shadow: 1px 1px 4px rgba(0,0,0,.1)
            }

            .info-icon-section .content .tail-list.corporate-accordian li.item.open {
                padding-top: 30px;
                padding-bottom: 25px;
                color: #fff;
                padding-left: 70px
            }

                .info-icon-section .content .tail-list.corporate-accordian li.item.open::before {
                    opacity: 0 !important
                }

                .info-icon-section .content .tail-list.corporate-accordian li.item.open::after {
                    opacity: 1 !important
                }

                .info-icon-section .content .tail-list.corporate-accordian li.item.open + .item-description {
                    box-shadow: 1px 1px 4px rgba(0,0,0,.1)
                }

                .info-icon-section .content .tail-list.corporate-accordian li.item.open .close-item {
                    opacity: 1
                }

            .info-icon-section .content .tail-list.corporate-accordian li.item .close-item {
                width: 38px;
                height: 38px;
                position: absolute;
                top: 50%;
                left: 20px;
                z-index: 2;
                opacity: 0;
                -webkit-transform: translateY(-50%) rotate(45deg);
                -moz-transform: translateY(-50%) rotate(45deg);
                -ms-transform: translateY(-50%) rotate(45deg);
                -o-transform: translateY(-50%) rotate(45deg);
                -webkit-transition: opacity .8s;
                -moz-transition: opacity .8s;
                -ms-transition: opacity .8s;
                -o-transition: opacity .8s
            }

                .info-icon-section .content .tail-list.corporate-accordian li.item .close-item::before {
                    content: '';
                    height: 100%;
                    width: 1px;
                    position: absolute;
                    left: 50%;
                    top: 0;
                    background: #fff
                }

                .info-icon-section .content .tail-list.corporate-accordian li.item .close-item::after {
                    content: '';
                    width: 100%;
                    height: 1px;
                    position: absolute;
                    top: 50%;
                    left: 0;
                    background: #fff
                }

        .info-icon-section .content .tail-list.corporate-accordian li.item-description {
            overflow: hidden;
            background: #fff;
            font-family: Roboto-Regular;
            font-size: 15px;
            line-height: 38px;
            -webkit-transition: height .8s,box-shadow .8s;
            -moz-transition: height .8s,box-shadow .8s;
            -ms-transition: height .8s,box-shadow .8s;
            -o-transition: height .8s,box-shadow .8s
        }

            .info-icon-section .content .tail-list.corporate-accordian li.item-description .description {
                padding: 30px 60px 45px 70px;
                display: block;
                color: #333
            }

                .info-icon-section .content .tail-list.corporate-accordian li.item-description .description a {
                    color: #0192c4
                }

        .info-icon-section .content .corporate-accordian li.item {
            padding-left: 57px;
            font-size: 19px;
            line-height: 28px;
            color: #333;
            -webkit-transition: padding .8s,color .8s;
            -moz-transition: padding .8s,color .8s;
            -ms-transition: padding .8s,color .8s;
            -o-transition: padding .8s,color .8s;
            position: relative;
            cursor: pointer;
            padding-right: 10px
        }

            .info-icon-section .content .corporate-accordian li.item .text {
                position: relative;
                z-index: 1
            }

            .info-icon-section .content .corporate-accordian li.item:nth-of-type(n+2) {
                margin-top: 19px
            }

            .info-icon-section .content .corporate-accordian li.item::before {
                content: '\f067';
                width: auto;
                height: auto;
                background: 0 0;
                color: #008FC1;
                font-family: FontAwesome;
                position: absolute;
                left: 26px;
                top: 1px;
                -webkit-transition: opacity .8s;
                -moz-transition: opacity .8s;
                -ms-transition: opacity .8s;
                -o-transition: opacity .8s
            }

            .info-icon-section .content .corporate-accordian li.item::after {
                content: '';
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0;
                left: 0;
                background: -webkit-gradient(linear,right top,right bottom,from(#2292b1),to(#182a75));
                background: -webkit-linear-gradient(right,#2292b1,#182a75);
                background: -moz-linear-gradient(right,#2292b1,#182a75);
                background: -ms-linear-gradient(right,#2292b1,#182a75);
                background: -o-linear-gradient(right,#2292b1,#182a75);
                opacity: 0;
                pointer-events: none;
                -webkit-transition: opacity .8s;
                -moz-transition: opacity .8s;
                -ms-transition: opacity .8s;
                -o-transition: opacity .8s
            }

            .info-icon-section .content .corporate-accordian li.item:not(.open) + .item-description {
                height: 0 !important;
                box-shadow: 1px 1px 4px rgba(0,0,0,.1)
            }

            .info-icon-section .content .corporate-accordian li.item.open {
                padding-top: 30px;
                padding-bottom: 25px;
                color: #fff;
                padding-left: 70px
            }

                .info-icon-section .content .corporate-accordian li.item.open::before {
                    opacity: 0
                }

                .info-icon-section .content .corporate-accordian li.item.open::after {
                    opacity: 1
                }

                .info-icon-section .content .corporate-accordian li.item.open + .item-description {
                    box-shadow: 1px 1px 4px rgba(0,0,0,.1)
                }

                .info-icon-section .content .corporate-accordian li.item.open .close-item {
                    opacity: 1
                }

            .info-icon-section .content .corporate-accordian li.item .close-item {
                width: 38px;
                height: 38px;
                position: absolute;
                top: 50%;
                left: 20px;
                z-index: 2;
                opacity: 0;
                -webkit-transform: translateY(-50%) rotate(45deg);
                -moz-transform: translateY(-50%) rotate(45deg);
                -ms-transform: translateY(-50%) rotate(45deg);
                -o-transform: translateY(-50%) rotate(45deg);
                -webkit-transition: opacity .8s;
                -moz-transition: opacity .8s;
                -ms-transition: opacity .8s;
                -o-transition: opacity .8s
            }

                .info-icon-section .content .corporate-accordian li.item .close-item::before {
                    content: '';
                    height: 100%;
                    width: 1px;
                    position: absolute;
                    left: 50%;
                    top: 0;
                    background: #fff
                }

                .info-icon-section .content .corporate-accordian li.item .close-item::after {
                    content: '';
                    width: 100%;
                    height: 1px;
                    position: absolute;
                    top: 50%;
                    left: 0;
                    background: #fff
                }

        .info-icon-section .content .corporate-accordian li.item-description {
            overflow: hidden;
            background: #fff;
            -webkit-transition: height .8s,box-shadow .8s;
            -moz-transition: height .8s,box-shadow .8s;
            -ms-transition: height .8s,box-shadow .8s;
            -o-transition: height .8s,box-shadow .8s
        }

            .info-icon-section .content .corporate-accordian li.item-description .description {
                padding: 30px 60px 45px 70px;
                display: block
            }

.charts-section {
    padding-top: 30px;
    padding-bottom: 55px
}

    .charts-section .section-title {
        float: left;
        margin-right: 165px;
        margin-bottom: 0
    }

        .charts-section .section-title .section-subtitle {
            margin-left: 0
        }

.charts-container {
    position: relative;
    max-width: 100%;
    min-height: 400px;
    clear: both;
    float: left;
    width: 100%;
    margin-top: 36px
}

.charts-swiper {
    max-width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    -moz-transition: transform .5s,opacity .5s,visibility 0s .5s;
    -ms-transition: transform .5s,opacity .5s,visibility 0s .5s;
    -o-transition: transform .5s,opacity .5s,visibility 0s .5s;
    -webkit-transition: -webkit-transform .5s,opacity .5s,visibility 0s .5s
}

    .charts-swiper.display-graph {
        opacity: 1;
        visibility: visible;
        pointer-events: fill;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        -moz-transition: transform .5s .5s,opacity .5s .5s;
        -ms-transition: transform .5s .5s,opacity .5s .5s;
        -o-transition: transform .5s .5s,opacity .5s .5s;
        -webkit-transition: -webkit-transform .5s .5s,opacity .5s .5s
    }

    .charts-swiper .swiper-wrapper {
        width: 100%
    }

        .charts-swiper .swiper-wrapper .swiper-slide {
            width: auto
        }

.locateus-locate-map {
    width: 100%;
    z-index: 10;
    top: auto;
    height: calc(100vh - 200px);
    display: none;
    visibility: hidden;
    pointer-events: none
}

.text-image-template {
    position: relative;
    overflow: hidden
}

    .text-image-template > .flex-container {
        min-height: 484px
    }

    .text-image-template.with-breadcrumbs > .flex-container {
        margin-top: -52px
    }

    .text-image-template.with-breadcrumbs .template-text {
        padding-top: 52px
    }

    .text-image-template.auto-height, .text-image-template.auto-height .template-text, .text-image-template.auto-height > .flex-container {
        min-height: 0
    }

    .text-image-template.embedded-video .template-text {
        width: 50%
    }

    .text-image-template.embedded-video .template-image {
        width: calc(50% + 60px)
    }

    .text-image-template .template-text {
        width: 35%;
        align-items: center;
        padding-left: calc((100vw - 1740px) / 2);
        padding-top: 30px;
        padding-bottom: 30px;
        min-height: 484px
    }

        .text-image-template .template-text.no-image {
            width: 100%;
            max-width: 1600px;
            margin: auto
        }

            .text-image-template .template-text.no-image .content {
                max-width: 100%;
                padding-right: 0
            }

        .text-image-template .template-text .content {
            width: 100%;
            padding-right: 30px
        }

        .text-image-template .template-text .title {
            display: block;
            font-family: BeirutLight;
            color: #0192c4;
            font-size: 25px;
            letter-spacing: -1px
        }

        .text-image-template .template-text .subtitle {
            font-size: 22px;
            line-height: 26px;
            color: #444;
            display: block
        }

        .text-image-template .template-text .intro-title {
            font-size: 35px;
            letter-spacing: -1px;
            line-height: 56px
        }

        .text-image-template .template-text .large-title {
            font-size: 47px
        }

        .text-image-template .template-text .gold-title {
            color: #C3A446
        }

        .text-image-template .template-text .title-tail {
            font-size: 35px;
            display: block;
            line-height: 44px;
            font-family: BeirutLight;
            margin-bottom: 7px;
            color: #333
        }

            .text-image-template .template-text .title-tail::before {
                top: 21px
            }

        .text-image-template .template-text .description {
            color: #545454;
            display: block;
            font-size: 15px;
            text-align: left;
            line-height: 25px;
            font-family: Roboto-Regular;
            margin-top: 24px
        }

            .text-image-template .template-text .description.max-width-355 {
                max-width: 355px
            }

            .text-image-template .template-text .description ul:not(.table-row) li {
                padding-left: 20px;
                position: relative
            }

                .text-image-template .template-text .description ul:not(.table-row) li:nth-of-type(n+2) {
                    margin-top: 3px
                }

                .text-image-template .template-text .description ul:not(.table-row) li::before {
                    content: '';
                    width: 6px;
                    height: 6px;
                    position: absolute;
                    left: 2px;
                    top: 13px;
                    border-radius: 100%;
                    background: #0192c4
                }

        .text-image-template .template-text a {
            color: #0192c4
        }

        .text-image-template .template-text .btn {
            max-width: 220px;
            margin-top: 20px
        }

        .text-image-template .template-text .action-link {
            margin-top: 30px;
            width: 68px;
            display: block;
            font-size: 20px
        }

    .text-image-template.blue-gradient::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1
    }

    .text-image-template.reversed > .flex-container {
        flex-direction: row-reverse
    }

    .text-image-template.reversed .template-text {
        padding-left: 0
    }

        .text-image-template.reversed .template-text .content {
            max-width: 800px
        }

    .text-image-template.reversed .template-image {
        margin-left: -60px;
        margin-right: 0
    }

        .text-image-template.reversed .template-image img {
            left: auto;
            right: 0
        }

    .text-image-template.reversed.cover-image .template-image {
        margin-left: 0;
        margin-right: 0
    }

    .text-image-template.reversed.blue-gradient::before {
        background: -webkit-gradient(linear,right top,right bottom,from(rgba(0,56,106,.71)),to(rgba(0,56,106,0)));
        background: -webkit-linear-gradient(right,rgba(0,56,106,.71),rgba(0,56,106,0));
        background: -moz-linear-gradient(right,rgba(0,56,106,.71),rgba(0,56,106,0));
        background: -ms-linear-gradient(right,rgba(0,56,106,.71),rgba(0,56,106,0));
        background: -o-linear-gradient(right,rgba(0,56,106,.71),rgba(0,56,106,0))
    }

    .text-image-template .template-image {
        width: calc(65% + 60px);
        margin-right: -60px;
        overflow: hidden;
        position: relative
    }

        .text-image-template .template-image img {
            height: auto;
            width: auto;
            min-width: 100%;
            min-height: 100%;
            position: absolute;
            top: 50%;
            left: 0;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%)
        }

            .text-image-template .template-image img.extra-height {
                width: 100%;
                height: auto
            }

            .text-image-template .template-image img.extra-width {
                height: 100%;
                width: auto
            }

        .text-image-template .template-image iframe {
            width: 100%;
            height: 100%;
            position: absolute
        }

    .text-image-template.grey-bg {
        background-color: #F1F2F6
    }

    .text-image-template.off-white {
        background-color: #EEE
    }

    .text-image-template.cover-image .template-image {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

        .text-image-template.cover-image .template-image img {
            left: 50%;
            -webkit-transform: translateY(-50%) translateX(-50%);
            -moz-transform: translateY(-50%) translateX(-50%);
            -ms-transform: translateY(-50%) translateX(-50%);
            -o-transform: translateY(-50%) translateX(-50%)
        }

    .text-image-template.cover-image .template-text {
        z-index: 1
    }

    .text-image-template.benefits-fees-rewards, .text-image-template.benefits-fees-rewards .template-text, .text-image-template.benefits-fees-rewards > .flex-container {
        min-height: 330px
    }

        .text-image-template.benefits-fees-rewards .template-text .content {
            padding-left: 50px
        }

        .text-image-template.benefits-fees-rewards.grey-bg {
            background: #F5F7F9
        }

        .text-image-template.benefits-fees-rewards .description {
            display: block;
            line-height: 31px;
            font-size: 17px;
            font-family: Roboto-Regular
        }

    .text-image-template .table-gradient .table-header li, .text-image-template .table-gradient .table-row li {
        padding-left: 5px;
        padding-right: 5px;
        text-align: center
    }

    .text-image-template.with-table .template-text {
        min-width: 697px
    }

    .text-image-template.with-table .template-image {
        max-width: calc(100% - 637px)
    }

    .text-image-template.correspondent-banking-subsection .template-text .description {
        line-height: 30px
    }

.grey-submenu {
    width: 100%;
    background: #F5F7F9;
    border-bottom: 1px solid #e8e8e8
}

    .grey-submenu li {
        width: 100%;
        text-align: center;
        font-family: BeirutBold;
        position: relative;
        -webkit-transition: color .3s;
        -moz-transition: color .3s;
        -ms-transition: color .3s;
        -o-transition: color .3s;
        padding: 0 10px;
        display: table
    }

        .grey-submenu li .submenu-item {
            height: 72px;
            color: #444;
            font-size: 16px;
            display: table-cell;
            vertical-align: middle;
            text-transform: uppercase
        }

        .grey-submenu li::after {
            content: '';
            background: #DDD;
            width: 1px;
            height: 47px;
            position: absolute;
            top: 50%;
            right: 0;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%)
        }

        .grey-submenu li:first-of-type::before {
            content: '';
            background: #DDD;
            width: 1px;
            height: 47px;
            position: absolute;
            top: 50%;
            left: 0;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%)
        }

        .grey-submenu li:nth-last-child(2), .grey-submenu li:nth-last-child(2) ~ li {
            width: calc(100% / 2)
        }

        .grey-submenu li:nth-last-child(3), .grey-submenu li:nth-last-child(3) ~ li {
            width: calc(100% / 3)
        }

        .grey-submenu li:nth-last-child(4), .grey-submenu li:nth-last-child(4) ~ li {
            width: calc(100% / 4)
        }

        .grey-submenu li:nth-last-child(5), .grey-submenu li:nth-last-child(5) ~ li {
            width: calc(100% / 5)
        }

body.show-locate-map .locate-map {
    display: block;
    visibility: visible;
    pointer-events: fill
}

body.show-locate-map #container {
    z-index: 7
}

body.show-locate-map.fix-position {
    padding-top: 134px !important
}

body.show-locate-map .locate-us-page-form .back-btn {
    display: block
}

body.show-locate-map .map-replacement {
    display: none
}

.copyrights-section {
    font-size: 14px
}

    .copyrights-section .centeredcontainer {
        border-top: 1px solid #DDD;
        padding-top: 20px;
        padding-bottom: 20px
    }

        .copyrights-section .centeredcontainer .text {
            font-size: 1em;
            line-height: 1.78em;
            font-family: BeirutLight;
            color: #777;
            margin: auto
        }

.loan-questions-container {
    margin-top: 48px
}

.ios .mCustomScrollBox {
    height: calc(100% - 45px)
}

.form-description {
    font-family: Roboto-Regular;
    line-height: 21px;
    color: #525252;
    font-size: 15px;
    margin-top: 55px;
    max-width: 830px
}

    .form-description .title, .form-description .title-tail {
        color: #333;
        font-size: 19px;
        line-height: 23px;
        display: block;
        position: relative;
        padding-bottom: 20px;
        font-family: BeirutLight
    }

        .form-description .title-tail::before, .form-description .title::before {
            content: '';
            width: 34px;
            height: 1px;
            background: #444;
            position: absolute;
            left: -51px;
            top: 12px
        }

    .form-description.margin-top {
        margin-top: 20px;
        display: block
    }

.calculation-results {
    margin-top: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    margin-left: -50px
}

    .calculation-results .result {
        font-size: 23px;
        color: #0192c4;
        margin-left: 50px
    }

        .calculation-results .result .value {
            display: block
        }

.flip-section, .flip-section > .centeredcontainer {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH"
}

.form-validation-message {
    font-size: 18px;
    color: #0192c4;
    padding-top: 30px;
    display: block
}

.grecaptcha-badge {
    display: none
}

.loans-application-container .form-message {
    text-align: center;
    transform: translateY(-50%);
    width: calc(100% - 410px)
}

    .loans-application-container .form-message .title {
        color: #0192c4 !important;
        font-size: 25px !important;
        font-family: BeirutLight
    }

    .loans-application-container .form-message .description {
        color: #333;
        font-size: 18px !important;
        font-size: 25px !important
    }

.point-collection-accordion {
    margin-top: 25px;
    width: 100%
}

    .point-collection-accordion .accordion-blue-row {
        background: #0DB2DD;
        min-height: 51px
    }

        .point-collection-accordion .accordion-blue-row .text {
            color: #fff
        }

        .point-collection-accordion .accordion-blue-row.accordion-header .text {
            font-size: 16px
        }

    .point-collection-accordion .accordion-cell {
        padding: 5px 0
    }

    .point-collection-accordion .column-1 {
        max-width: calc(100% - 150px);
        width: 66.18%;
        padding-left: 36px;
        padding-right: 7px
    }

    .point-collection-accordion .column-2 {
        min-width: 150px;
        width: 33.82%;
        padding-left: 41px;
        padding-right: 7px;
        border-left: 1px solid rgba(221,221,221,.68)
    }

    .point-collection-accordion > li {
        width: 100%
    }

        .point-collection-accordion > li .accordion-cell {
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            height: 50px
        }

        .point-collection-accordion > li > .text {
            font-size: 15px;
            color: #333;
            font-family: Roboto-Regular
        }

    .point-collection-accordion .corporate-accordian li {
        border-bottom: 1px solid #fff;
        cursor: pointer
    }

    .point-collection-accordion .corporate-accordian .preserveheight .description {
        max-width: 690px;
        color: #525252;
        line-height: 21px;
        font-family: Roboto-Regular;
        display: block
    }

    .point-collection-accordion .corporate-accordian .item {
        background: #EEE;
        min-height: 51px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap
    }

        .point-collection-accordion .corporate-accordian .item:not(.open) + .item-description {
            height: 0 !important
        }

        .point-collection-accordion .corporate-accordian .item .accordion-cell.column-1 {
            position: relative
        }

            .point-collection-accordion .corporate-accordian .item .accordion-cell.column-1::after {
                content: '\f0d7';
                font-family: FontAwesome;
                position: absolute;
                right: 35px;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                -o-transform: translateY(-50%);
                color: #666;
                font-size: 18px
            }

    .point-collection-accordion .corporate-accordian .item-description {
        background: rgba(238,238,238,.39);
        overflow: hidden;
        -webkit-transition: height .5s linear;
        -moz-transition: height .5s linear;
        -ms-transition: height .5s linear;
        -o-transition: height .5s linear
    }

        .point-collection-accordion .corporate-accordian .item-description .preserveheight {
            padding: 35px 45px 45px 38px
        }

    .point-collection-accordion .point-collection-calculation {
        padding-top: 25px;
        border-top: 1px solid #DDD;
        margin-top: 28px;
        margin-left: -10px;
        width: calc(100% + 10px)
    }

        .point-collection-accordion .point-collection-calculation .point-collection-inputs .inputfield {
            width: 135px;
            float: none;
            margin-left: 10px
        }

    .point-collection-accordion .point-collection-submit {
        width: 135px;
        height: 41px !important;
        border: 1px solid #E8E8E8;
        margin-top: 26px;
        background: #0192c4 !important;
        font-size: 20px !important;
        line-height: 39px !important;
        font-family: BeirutLight;
        margin-left: 10px;
        -webkit-transition: color .3s,background .3s,border .3s;
        -moz-transition: color .3s,background .3s,border .3s;
        -ms-transition: color .3s,background .3s,border .3s;
        -o-transition: color .3s,background .3s,border .3s
    }

.validation-before {
    position: relative
}

    .validation-before.display-validation::before {
        content: attr(data-validation-message);
        position: absolute;
        right: 0;
        top: -15px;
        color: #fff;
        font-family: arial;
        font-size: 12px;
        font-weight: 700;
        pointer-events: none
    }

.click-here {
    text-decoration: underline;
    color: #0192c4
}

.inputfield.template4.missing .input-wrapper {
    border: 1px solid #1B3372
}

.inputfield.greatherThan::before {
    content: 'Points should be 2000 or greater';
    background: 0 0;
    width: 175px;
    height: 22px;
    border-radius: 10px;
    position: absolute;
    right: 25px;
    top: -13px;
    color: #1B3372;
    font-size: 13px;
    font-family: BeirutLight;
    font-style: italic;
    line-height: 22px;
    text-align: left
}

.error-messages {
    font-family: BeirutLight;
    font-size: 16px;
    color: #0192c4;
    display: block
}

    .error-messages.white {
        color: #fff
    }

        .error-messages.white li::before {
            background: #fff
        }

    .error-messages li {
        margin-top: 10px;
        display: block;
        padding-left: 20px;
        position: relative
    }

        .error-messages li:first-of-type {
            margin-top: 20px
        }

        .error-messages li::before {
            content: '';
            background: #0192c4;
            width: 5px;
            height: 5px;
            border-radius: 100%;
            position: absolute;
            left: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%)
        }

    .error-messages.padding-bottom {
        padding-bottom: 25px
    }

.table-section a, .table-section a .text {
    color: #2292b1;
    text-decoration: underline
}

.header-title-blue {
    font-size: 47px;
    line-height: 56px;
    font-family: BeirutLight;
    color: #0192c4;
    display: block
}

.header-title-gris {
    font-size: 37px;
    display: block;
    line-height: 44px;
    font-family: BeirutLight;
    margin-bottom: 7px;
    color: #333
}

.page-description {
    color: #545454;
    display: block;
    font-size: 17px;
    text-align: justify;
    line-height: 21px;
    font-family: Roboto-Regular;
    margin-top: 24px;
    padding-bottom: 30px
}

.blue-button {
    max-width: 320px;
    margin-top: 20px;
    height: 52px;
    line-height: 52px;
    background: #008FC1;
    color: #fff;
    font-family: BeirutLight;
    font-size: 20px;
    border: 1px solid #008FC1;
    -webkit-transition: color .3s,background .3s;
    -moz-transition: color .3s,background .3s;
    -ms-transition: color .3s,background .3s;
    -o-transition: color .3s,background .3s;
    text-align: center;
    display: block;
    text-decoration: none !important;
    cursor: pointer;
    width: 100%
}

.main-header {
    width: 100%;
    height: 150px;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11;
    border-top: 3px solid #0192c4;
    -moz-transition: transform .7s,background .5s;
    -ms-transition: transform .7s,background .5s;
    -o-transition: transform .7s,background .5s;
    -webkit-transition: -webkit-transform .7s,background .5s
}

    .main-header > .centeredcontainer {
        min-height: 100%
    }

.logo {
    width: 198px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%)
}

    .logo img {
        max-width: 100%
    }

    .logo .logo-img-small {
        display: none
    }

.burger-toggle {
    position: absolute;
    top: calc(50% - 4px);
    left: -10px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    -webkit-transition: background .4s;
    -moz-transition: background .4s;
    -ms-transition: background .4s;
    -o-transition: background .4s;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}

    .burger-toggle::before {
        content: '\f0c9';
        color: #0192c4;
        font-size: 20px;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        -o-transform: translateX(-50%) translateY(-50%);
        top: 50%;
        left: 50%
    }

.header-menu {
    padding: 0 0 0 50px;
    float: left;
    margin: 45px 0 0
}

    .header-menu li {
        display: inline-block;
        padding: 18px 20px 0 18px;
        text-transform: uppercase;
        font-family: BeirutBold;
        height: 78px;
        color: #0192c4;
        font-size: 18px;
        cursor: pointer;
        position: relative;
        -webkit-transition: background .5s .2s,color .5s .2s;
        -moz-transition: background .5s .2s,color .5s .2s;
        -ms-transition: background .5s .2s,color .5s .2s;
        -o-transition: background .5s .2s,color .5s .2s
    }

        .header-menu li::after {
            right: 12px;
            top: 18px;
            -webkit-transform: none;
            -moz-transform: none;
            -ms-transform: none;
            -o-transform: none;
            -webkit-transition: color .5s .5s;
            -moz-transition: color .5s .5s;
            -ms-transition: color .5s .5s;
            -o-transition: color .5s .5s
        }

        .header-menu li.rolled {
            background: #0192c4;
            color: #fff
        }

            .header-menu li.rolled::after {
                color: #fff
            }

            .header-menu li.rolled + .header-menu-dropdown {
                opacity: 1;
                visibility: visible;
                pointer-events: fill;
                z-index: 20;
                -webkit-transition: opacity .5s .2s,visibility 0s .2s;
                -moz-transition: opacity .5s .2s,visibility 0s .2s;
                -ms-transition: opacity .5s .2s,visibility 0s .2s;
                -o-transition: opacity .5s .2s,visibility 0s .2s
            }

        .header-menu li:nth-of-type(3) {
            width: 132px
        }

        .header-menu li:nth-of-type(5) {
            width: 120px
        }

        .header-menu li.header-menu-dropdown {
            width: 100%;
            height: 186px;
            position: fixed;
            top: 123px;
            left: 0;
            background: #0192c4;
            border-bottom: 3px solid #003566;
            padding: 0 50px;
            margin: 0;
            opacity: 0;
            visibility: hidden;
            -webkit-transition: opacity .5s .2s,visibility 0s .7s;
            -moz-transition: opacity .5s .2s,visibility 0s .7s;
            -ms-transition: opacity .5s .2s,visibility 0s .7s;
            -o-transition: opacity .5s .2s,visibility 0s .7s
        }

            .header-menu li.header-menu-dropdown .header-menu-dropdown-container {
                width: 100%;
                height: 186px;
                padding: 40px 0;
                margin: auto;
                position: relative
            }

                .header-menu li.header-menu-dropdown .header-menu-dropdown-container .swiper-container {
                    width: 100%;
                    padding-bottom: 5px;
                    margin: auto
                }

                    .header-menu li.header-menu-dropdown .header-menu-dropdown-container .swiper-container .swiper-wrapper {
                        text-align: center;
                        min-width: 100%;
                        justify-content: space-between
                    }

                        .header-menu li.header-menu-dropdown .header-menu-dropdown-container .swiper-container .swiper-wrapper .slide {
                            width: 210px;
                            margin-left: -4px;
                            min-height: 100px;
                            height: auto;
                            padding-top: 84px;
                            position: relative;
                            padding-right: 0;
                            padding-left: 0
                        }

                            .header-menu li.header-menu-dropdown .header-menu-dropdown-container .swiper-container .swiper-wrapper .slide .img, .header-menu li.header-menu-dropdown .header-menu-dropdown-container .swiper-container .swiper-wrapper .slide .img_ro {
                                position: absolute;
                                top: calc(50% - 16px);
                                left: 50%;
                                -webkit-transform: translateX(-50%) translateY(-50%);
                                -moz-transform: translateX(-50%) translateY(-50%);
                                -ms-transform: translateX(-50%) translateY(-50%);
                                -o-transform: translateX(-50%) translateY(-50%)
                            }

                            .header-menu li.header-menu-dropdown .header-menu-dropdown-container .swiper-container .swiper-wrapper .slide .img_ro {
                                opacity: 0
                            }

                            .header-menu li.header-menu-dropdown .header-menu-dropdown-container .swiper-container .swiper-wrapper .slide .title {
                                display: block;
                                color: #ececec;
                                font-size: 16px;
                                font-family: BeirutLight;
                                text-transform: none;
                                margin: auto
                            }

                            .header-menu li.header-menu-dropdown .header-menu-dropdown-container .swiper-container .swiper-wrapper .slide.active .img {
                                opacity: 0
                            }

                            .header-menu li.header-menu-dropdown .header-menu-dropdown-container .swiper-container .swiper-wrapper .slide.active .img_ro {
                                opacity: 1
                            }

            .header-menu li.header-menu-dropdown:focus, .header-menu li.header-menu-dropdown:hover {
                opacity: 1;
                visibility: visible;
                pointer-events: fill;
                z-index: 20;
                -webkit-transition: opacity .5s .2s;
                -moz-transition: opacity .5s .2s;
                -ms-transition: opacity .5s .2s;
                -o-transition: opacity .5s .2s
            }

.site-settings > li {
    height: 40px;
    box-shadow: 0 0 2px rgba(0,0,0,.05);
    display: inline-block;
    vertical-align: middle
}

    .site-settings > li .custom-dropdown {
        height: 100%
    }

    .site-settings > li.search-toggle {
        background: #fff;
        width: 40px;
        position: relative;
        cursor: pointer;
        -webkit-transition: background .3s;
        -moz-transition: background .3s;
        -ms-transition: background .3s;
        -o-transition: background .3s
    }

        .site-settings > li.search-toggle::before {
            content: '\f002';
            color: #0192c4;
            font-size: 17px;
            position: absolute;
            left: 50%;
            top: 50%;
            -webkit-transform: translateX(-50%) translateY(-50%);
            -moz-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
            -o-transform: translateX(-50%) translateY(-50%)
        }

    .site-settings > li select {
        pointer-events: none;
        height: 100%
    }

    .site-settings > li:nth-of-type(n+2) {
        margin-left: 7px
    }

    .site-settings > li.country-dropdown {
        width: 114px
    }

    .site-settings > li.language-dropdown {
        width: 50px
    }

    .site-settings > li.type-dropdown {
        width: 166px
    }

.site-settings.outside {
    float: right;
    margin-top: 51px
}

.site-settings.inside {
    display: none
}

    .site-settings.inside .type-dropdown {
        width: 100% !important;
        margin-left: 0 !important
    }

.right-search {
    width: 435px;
    height: 100vh;
    padding: 94px 40px 20px 38px;
    background-color: #0192c4;
    background-image: url(../images/left_menu_pattern.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    position: fixed;
    z-index: 12;
    right: 0;
    top: 0;
    -webkit-transform: translateX(435px);
    -moz-transform: translateX(435px);
    -ms-transform: translateX(435px);
    -o-transform: translateX(435px);
    -moz-transition: transform .7s;
    -ms-transition: transform .7s;
    -o-transition: transform .7s;
    -webkit-transition: -webkit-transform .7s
}

    .right-search::after {
        content: '';
        background-color: #0192c4;
        background-image: url(../images/left_menu_pattern.png);
        background-position: right bottom;
        background-repeat: no-repeat;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1
    }

    .right-search .search-content {
        height: 100%;
        overflow-y: auto;
        width: 100%
    }

        .right-search .search-content .result-count {
            display: block;
            padding: 25px 0 20px;
            font-size: 16px;
            line-height: 30px;
            color: #04BFED
        }

            .right-search .search-content .result-count .count, .right-search .search-content .result-count .keyword {
                color: #ececec
            }

    .right-search .search-results {
        height: auto;
        width: 100%;
        position: relative
    }

        .right-search .search-results li {
            font-size: 19px;
            line-height: 30px;
            color: #ececec;
            padding: 23px 0 21px;
            border-top: 1px solid rgba(255,255,255,.1);
            -webkit-transition: color .3s;
            -moz-transition: color .3s;
            -ms-transition: color .3s;
            -o-transition: color .3s
        }

        .right-search .search-results.no-result {
            overflow: visible;
            height: 100px
        }

            .right-search .search-results.no-result::before {
                content: 'No results found.';
                position: absolute;
                left: 50%;
                top: 40px;
                -webkit-transform: translateX(-50%);
                -moz-transform: translateX(-50%);
                -ms-transform: translateX(-50%);
                -o-transform: translateX(-50%);
                color: #fff;
                font-size: 16px;
                max-width: 100%
            }

    .right-search .searchfield {
        background: rgba(236,236,236,.2);
        position: absolute;
        top: 55px;
        left: 38px;
        width: calc(100% - 78px)
    }

    .right-search .close-right-menu {
        position: absolute;
        top: 15px;
        left: 42px;
        width: 20px;
        height: 25px;
        cursor: pointer
    }

        .right-search .close-right-menu::before {
            content: '\f00d';
            font-size: 20px;
            color: #EEE;
            left: 50%;
            top: 50%;
            -webkit-transform: translateX(-50%) translateY(-50%);
            -moz-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
            -o-transform: translateX(-50%) translateY(-50%)
        }

.left-navigation {
    width: 327px;
    height: 100vh;
    padding: 120px 40px 150px 38px;
    background-color: #0192c4;
    background-image: url(../images/left_menu_pattern.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    position: fixed;
    top: 0;
    z-index: 12;
    -moz-transition: transform .7s;
    -ms-transition: transform .7s;
    -o-transition: transform .7s;
    -webkit-transition: -webkit-transform .7s;
    -webkit-transform: translateX(-327px);
    -moz-transform: translateX(-327px);
    -ms-transform: translateX(-327px);
    -o-transform: translateX(-327px)
}

    .left-navigation::after {
        content: '';
        background-color: #0192c4;
        background-image: url(../images/left_menu_pattern.png);
        background-position: right bottom;
        background-repeat: no-repeat;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1
    }

    .left-navigation .nav-content {
        height: 100%;
        width: 100%;
        position: relative
    }

        .left-navigation .nav-content .nav-links {
            height: auto;
            width: 100%
        }

            .left-navigation .nav-content .nav-links .nav-item, .left-navigation .nav-content .nav-links .nav-item a {
                color: #EBEBEB;
                text-transform: uppercase;
                font-size: 15px
            }

            .left-navigation .nav-content .nav-links .nav-item {
                cursor: pointer;
                opacity: 0;
                -webkit-transform: translateY(20px);
                -moz-transform: translateY(20px);
                -ms-transform: translateY(20px);
                -o-transform: translateY(20px);
                -moz-transition: transform .3s,opacity .2s,color .3s;
                -ms-transition: transform .3s,opacity .2s,color .3s;
                -o-transition: transform .3s,opacity .2s,color .3s;
                -webkit-transition: transform .3s,opacity .2s,color .3s;
                transition-delay: 0s;
                -webkit-transition-delay: 0s
            }

                .left-navigation .nav-content .nav-links .nav-item:nth-of-type(n+2) {
                    margin-top: 18px
                }

        .left-navigation .nav-content.no-result::before {
            content: 'No results found.';
            position: absolute;
            left: 50%;
            top: 40px;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            color: #fff;
            font-size: 16px;
            max-width: 100%
        }

    .left-navigation .close-left-menu {
        position: absolute;
        top: 15px;
        left: 42px;
        width: 20px;
        height: 25px;
        cursor: pointer;
        -webkit-transition: opacity .3s;
        -moz-transition: opacity .3s;
        -ms-transition: opacity .3s;
        -o-transition: opacity .3s
    }

        .left-navigation .close-left-menu::before {
            content: '\f00d';
            font-size: 20px;
            color: #EEE;
            left: 50%;
            top: 50%;
            -webkit-transform: translateX(-50%) translateY(-50%);
            -moz-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
            -o-transform: translateX(-50%) translateY(-50%)
        }

    .left-navigation .searchfield {
        background: rgba(236,236,236,.2);
        position: absolute;
        top: 55px;
        left: 38px;
        width: calc(100% - 78px)
    }

        .left-navigation .searchfield.desktop-field {
            display: block
        }

        .left-navigation .searchfield.mobile-field {
            display: none
        }

    .left-navigation .left-menu-mobile-scroll {
        height: 100%
    }

    .left-navigation .search-links-container {
        display: none
    }

    .left-navigation .nav-content .nav-links.search-links-container .nav-item {
        font-size: 15px;
        position: relative
    }

        .left-navigation .nav-content .nav-links.search-links-container .nav-item::after {
            content: '';
            width: 100%;
            height: 1px;
            background: rgba(255,255,255,.1);
            position: absolute;
            bottom: -14px;
            left: 0
        }

        .left-navigation .nav-content .nav-links.search-links-container .nav-item:nth-of-type(n+2) {
            margin-top: 24px
        }

    .left-navigation.show-results .default-links-container {
        display: none
    }

    .left-navigation.show-results .search-links-container {
        display: block
    }

body:not(.open-left-nav) #container {
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important
}

body:not(.open-left-nav) .main-header {
    -webkit-transform: translateY(0) translateX(0) !important;
    -moz-transform: translateY(0) translateX(0) !important;
    -ms-transform: translateY(0) translateX(0) !important;
    -o-transform: translateY(0) translateX(0) !important
}

body:not(.open-left-nav).open-right-search .video-chat {
    opacity: 0;
    pointer-events: none
}

body:not(.open-left-nav).open-right-search .right-search {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0)
}

body:not(.open-left-nav).open-right-search #container {
    -webkit-transform: translateX(-435px) !important;
    -moz-transform: translateX(-435px) !important;
    -ms-transform: translateX(-435px) !important;
    -o-transform: translateX(-435px) !important
}

body:not(.open-left-nav).open-right-search .main-header {
    -webkit-transform: translateX(-435px) !important;
    -moz-transform: translateX(-435px) !important;
    -ms-transform: translateX(-435px) !important;
    -o-transform: translateX(-435px) !important
}

body.subpage-default-header .main-header {
    height: 134px;
    position: fixed;
    top: 0;
    left: 0;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    background: #fff;
    border-bottom: 1px solid #DDD
}

    body.subpage-default-header .main-header.active-header {
        border-bottom: 8px solid #0192c4
    }

body.subpage-default-header .burger-toggle {
    top: 50px;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none
}

body.subpage-default-header.reduce-header-height {
    padding-top: 80px
}

    body.subpage-default-header.reduce-header-height .header-menu li.header-menu-dropdown {
        top: 77px
    }

    body.subpage-default-header.reduce-header-height .main-header {
        height: 80px;
        -webkit-transition: height .3s;
        -moz-transition: height .3s;
        -ms-transition: height .3s;
        -o-transition: height .3s
    }

        body.subpage-default-header.reduce-header-height .main-header.active-header {
            border-bottom: 1px solid #DDD
        }

    body.subpage-default-header.reduce-header-height .site-settings.outside {
        margin-top: 20px
    }

    body.subpage-default-header.reduce-header-height .burger-toggle {
        top: 20px
    }

    body.subpage-default-header.reduce-header-height .logo {
        width: 28px
    }

        body.subpage-default-header.reduce-header-height .logo .logo-img {
            display: none
        }

        body.subpage-default-header.reduce-header-height .logo .logo-img-small {
            display: block
        }

    body.subpage-default-header.reduce-header-height .header-menu {
        margin-top: 0
    }

        body.subpage-default-header.reduce-header-height .header-menu li:not(.header-menu-dropdown) {
            padding-top: 33px
        }

        body.subpage-default-header.reduce-header-height .header-menu li::after {
            top: 32px
        }

body.subpage-default-header.internal-header-fixed .subpage-header {
    top: 80px
}

body.has-bar {
    padding-top: 0 !important
}

    body.has-bar .main-header {
        position: relative !important
    }

.social-links {
    position: absolute;
    width: calc(100% - 78px);
    bottom: 24px;
    left: 38px;
    max-width: 100%;
    text-align: center
}

    .social-links .social-icon {
        display: inline-block;
        width: 46px;
        height: 46px;
        position: relative;
        border-radius: 100%;
        margin: 0 6px 10px;
        border: 2px solid #fff;
        -webkit-transition: background .3s;
        -moz-transition: background .3s;
        -ms-transition: background .3s;
        -o-transition: background .3s
    }

        .social-links .social-icon::before {
            position: absolute;
            top: 50%;
            left: 50%;
            font-size: 24px;
            color: #fff;
            -webkit-transition: color .3s;
            -moz-transition: color .3s;
            -ms-transition: color .3s;
            -o-transition: color .3s;
            -webkit-transform: translateX(-50%) translateY(-50%);
            -moz-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
            -o-transform: translateX(-50%) translateY(-50%)
        }

        .social-links .social-icon.fb-icon::before {
            content: '\f09a'
        }

        .social-links .social-icon.lin-icon::before {
            content: '\f0e1'
        }

        .social-links .social-icon.tw-icon::before {
            content: '\f099'
        }

        .social-links .social-icon.yt-icon::before {
            content: '\f167'
        }

        .social-links .social-icon.google::before {
            content: '\f0d5'
        }

        .social-links .social-icon.blog::before {
            content: '\f0a1'
        }

        .social-links .social-icon.insta::before {
            content: '\f16d'
        }

.left-submenu {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    height: 100%;
    padding: 34px 0 16px;
    background: #003e75;
    pointer-events: none;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    -moz-transition: transform .7s;
    -ms-transition: transform .7s;
    -o-transition: transform .7s;
    -webkit-transition: -webkit-transform .7s
}

    .left-submenu .submenu-mobile-title {
        display: none
    }

    .left-submenu .submenu-content {
        height: 100%;
        overflow-y: auto;
        padding: 0 44px 0 0;
        display: flex
    }

        .left-submenu .submenu-content .mCSB_container {
            display: flex
        }

        .left-submenu .submenu-content .column {
            width: 286px;
            float: left;
            padding: 0 0 0 52px
        }

            .left-submenu .submenu-content .column:nth-of-type(2) {
                width: 316px
            }

            .left-submenu .submenu-content .column:nth-of-type(n+2) {
                border-left: 1px solid rgba(255,255,255,.1)
            }

            .left-submenu .submenu-content .column .links-block .title {
                margin-bottom: 9px;
                font-size: 17px
            }

            .left-submenu .submenu-content .column .links-block .link {
                color: rgba(236,236,236,.7);
                display: block;
                font-size: 16px
            }

            .left-submenu .submenu-content .column .links-block:nth-child(n+2) {
                margin-top: 32px
            }

            .left-submenu .submenu-content .column .links-block.investor-links-block .title {
                margin-bottom: 30px
            }

.open-left-nav .left-navigation {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0)
}

    .open-left-nav .left-navigation .nav-content .nav-links .nav-item {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0)
    }

        .open-left-nav .left-navigation .nav-content .nav-links .nav-item:nth-of-type(1) {
            -moz-transition: transform .3s .6s,opacity .2s .6s,color .3s;
            -ms-transition: transform .3s .6s,opacity .2s .6s,color .3s;
            -o-transition: transform .3s .6s,opacity .2s .6s,color .3s;
            -webkit-transition: transform .3s .6s,opacity .2s .6s,color .3s
        }

        .open-left-nav .left-navigation .nav-content .nav-links .nav-item:nth-of-type(2) {
            -moz-transition: transform .3s .65s,opacity .2s .65s,color .3s;
            -ms-transition: transform .3s .65s,opacity .2s .65s,color .3s;
            -o-transition: transform .3s .65s,opacity .2s .65s,color .3s;
            -webkit-transition: transform .3s .65s,opacity .2s .65s,color .3s
        }

        .open-left-nav .left-navigation .nav-content .nav-links .nav-item:nth-of-type(3) {
            -moz-transition: transform .3s .7s,opacity .2s .7s,color .3s;
            -ms-transition: transform .3s .7s,opacity .2s .7s,color .3s;
            -o-transition: transform .3s .7s,opacity .2s .7s,color .3s;
            -webkit-transition: transform .3s .7s,opacity .2s .7s,color .3s
        }

        .open-left-nav .left-navigation .nav-content .nav-links .nav-item:nth-of-type(4) {
            -moz-transition: transform .3s .75s,opacity .2s .75s,color .3s;
            -ms-transition: transform .3s .75s,opacity .2s .75s,color .3s;
            -o-transition: transform .3s .75s,opacity .2s .75s,color .3s;
            -webkit-transition: transform .3s .75s,opacity .2s .75s,color .3s
        }

        .open-left-nav .left-navigation .nav-content .nav-links .nav-item:nth-of-type(5) {
            -moz-transition: transform .3s .8s,opacity .2s .8s,color .3s;
            -ms-transition: transform .3s .8s,opacity .2s .8s,color .3s;
            -o-transition: transform .3s .8s,opacity .2s .8s,color .3s;
            -webkit-transition: transform .3s .8s,opacity .2s .8s,color .3s
        }

        .open-left-nav .left-navigation .nav-content .nav-links .nav-item:nth-of-type(6) {
            -moz-transition: transform .3s .85s,opacity .2s .85s,color .3s;
            -ms-transition: transform .3s .85s,opacity .2s .85s,color .3s;
            -o-transition: transform .3s .85s,opacity .2s .85s,color .3s;
            -webkit-transition: transform .3s .85s,opacity .2s .85s,color .3s
        }

        .open-left-nav .left-navigation .nav-content .nav-links .nav-item:nth-of-type(7) {
            -moz-transition: transform .3s .9s,opacity .2s .9s,color .3s;
            -ms-transition: transform .3s .9s,opacity .2s .9s,color .3s;
            -o-transition: transform .3s .9s,opacity .2s .9s,color .3s;
            -webkit-transition: transform .3s .9s,opacity .2s .9s,color .3s
        }

        .open-left-nav .left-navigation .nav-content .nav-links .nav-item:nth-of-type(8) {
            -moz-transition: transform .3s .95s,opacity .2s .95s,color .3s;
            -ms-transition: transform .3s .95s,opacity .2s .95s,color .3s;
            -o-transition: transform .3s .95s,opacity .2s .95s,color .3s;
            -webkit-transition: transform .3s .95s,opacity .2s .95s,color .3s
        }

        .open-left-nav .left-navigation .nav-content .nav-links .nav-item:nth-of-type(9) {
            -moz-transition: transform .3s 1s,opacity .2s 1s,color .3s;
            -ms-transition: transform .3s 1s,opacity .2s 1s,color .3s;
            -o-transition: transform .3s 1s,opacity .2s 1s,color .3s;
            -webkit-transition: transform .3s 1s,opacity .2s 1s,color .3s
        }

        .open-left-nav .left-navigation .nav-content .nav-links .nav-item:nth-of-type(10) {
            -moz-transition: transform .3s 1.05s,opacity .2s 1.05s,color .3s;
            -ms-transition: transform .3s 1.05s,opacity .2s 1.05s,color .3s;
            -o-transition: transform .3s 1.05s,opacity .2s 1.05s,color .3s;
            -webkit-transition: transform .3s 1.05s,opacity .2s 1.05s,color .3s
        }

        .open-left-nav .left-navigation .nav-content .nav-links .nav-item:nth-of-type(11) {
            -moz-transition: transform .3s 1.1s,opacity .2s 1.1s,color .3s;
            -ms-transition: transform .3s 1.1s,opacity .2s 1.1s,color .3s;
            -o-transition: transform .3s 1.1s,opacity .2s 1.1s,color .3s;
            -webkit-transition: transform .3s 1.1s,opacity .2s 1.1s,color .3s
        }

        .open-left-nav .left-navigation .nav-content .nav-links .nav-item:nth-of-type(12) {
            -moz-transition: transform .3s 1.15s,opacity .2s 1.15s,color .3s;
            -ms-transition: transform .3s 1.15s,opacity .2s 1.15s,color .3s;
            -o-transition: transform .3s 1.15s,opacity .2s 1.15s,color .3s;
            -webkit-transition: transform .3s 1.15s,opacity .2s 1.15s,color .3s
        }

        .open-left-nav .left-navigation .nav-content .nav-links .nav-item:nth-of-type(13) {
            -moz-transition: transform .3s 1.2s,opacity .2s 1.2s,color .3s;
            -ms-transition: transform .3s 1.2s,opacity .2s 1.2s,color .3s;
            -o-transition: transform .3s 1.2s,opacity .2s 1.2s,color .3s;
            -webkit-transition: transform .3s 1.2s,opacity .2s 1.2s,color .3s
        }

        .open-left-nav .left-navigation .nav-content .nav-links .nav-item:nth-of-type(14) {
            -moz-transition: transform .3s 1.25s,opacity .2s 1.25s,color .3s;
            -ms-transition: transform .3s 1.25s,opacity .2s 1.25s,color .3s;
            -o-transition: transform .3s 1.25s,opacity .2s 1.25s,color .3s;
            -webkit-transition: transform .3s 1.25s,opacity .2s 1.25s,color .3s
        }

        .open-left-nav .left-navigation .nav-content .nav-links .nav-item:nth-of-type(15) {
            -moz-transition: transform .3s 1.3s,opacity .2s 1.3s,color .3s;
            -ms-transition: transform .3s 1.3s,opacity .2s 1.3s,color .3s;
            -o-transition: transform .3s 1.3s,opacity .2s 1.3s,color .3s;
            -webkit-transition: transform .3s 1.3s,opacity .2s 1.3s,color .3s
        }

        .open-left-nav .left-navigation .nav-content .nav-links .nav-item:nth-of-type(16) {
            -moz-transition: transform .3s 1.35s,opacity .2s 1.35s,color .3s;
            -ms-transition: transform .3s 1.35s,opacity .2s 1.35s,color .3s;
            -o-transition: transform .3s 1.35s,opacity .2s 1.35s,color .3s;
            -webkit-transition: transform .3s 1.35s,opacity .2s 1.35s,color .3s
        }

        .open-left-nav .left-navigation .nav-content .nav-links .nav-item:nth-of-type(17) {
            -moz-transition: transform .3s 1.4s,opacity .2s 1.4s,color .3s;
            -ms-transition: transform .3s 1.4s,opacity .2s 1.4s,color .3s;
            -o-transition: transform .3s 1.4s,opacity .2s 1.4s,color .3s;
            -webkit-transition: transform .3s 1.4s,opacity .2s 1.4s,color .3s
        }

        .open-left-nav .left-navigation .nav-content .nav-links .nav-item:nth-of-type(18) {
            -moz-transition: transform .3s 1.45s,opacity .2s 1.45s,color .3s;
            -ms-transition: transform .3s 1.45s,opacity .2s 1.45s,color .3s;
            -o-transition: transform .3s 1.45s,opacity .2s 1.45s,color .3s;
            -webkit-transition: transform .3s 1.45s,opacity .2s 1.45s,color .3s
        }

        .open-left-nav .left-navigation .nav-content .nav-links .nav-item:nth-of-type(19) {
            -moz-transition: transform .3s 1.5s,opacity .2s 1.5s,color .3s;
            -ms-transition: transform .3s 1.5s,opacity .2s 1.5s,color .3s;
            -o-transition: transform .3s 1.5s,opacity .2s 1.5s,color .3s;
            -webkit-transition: transform .3s 1.5s,opacity .2s 1.5s,color .3s
        }

        .open-left-nav .left-navigation .nav-content .nav-links .nav-item:nth-of-type(20) {
            -moz-transition: transform .3s 1.55s,opacity .2s 1.55s,color .3s;
            -ms-transition: transform .3s 1.55s,opacity .2s 1.55s,color .3s;
            -o-transition: transform .3s 1.55s,opacity .2s 1.55s,color .3s;
            -webkit-transition: transform .3s 1.55s,opacity .2s 1.55s,color .3s
        }

        .open-left-nav .left-navigation .nav-content .nav-links .nav-item:nth-of-type(21) {
            -moz-transition: transform .3s 1.6s,opacity .2s 1.6s,color .3s;
            -ms-transition: transform .3s 1.6s,opacity .2s 1.6s,color .3s;
            -o-transition: transform .3s 1.6s,opacity .2s 1.6s,color .3s;
            -webkit-transition: transform .3s 1.6s,opacity .2s 1.6s,color .3s
        }

        .open-left-nav .left-navigation .nav-content .nav-links .nav-item:nth-of-type(22) {
            -moz-transition: transform .3s 1.65s,opacity .2s 1.65s,color .3s;
            -ms-transition: transform .3s 1.65s,opacity .2s 1.65s,color .3s;
            -o-transition: transform .3s 1.65s,opacity .2s 1.65s,color .3s;
            -webkit-transition: transform .3s 1.65s,opacity .2s 1.65s,color .3s
        }

.open-left-nav .main-header, .open-left-nav.has-bar .main-header {
    position: fixed !important
}

.open-left-nav.open-left-submenu .left-submenu {
    pointer-events: fill;
    -webkit-transform: translateX(100%) !important;
    -moz-transform: translateX(100%) !important;
    -ms-transform: translateX(100%) !important;
    -o-transform: translateX(100%) !important
}

.open-left-nav.faded-menu-items .left-navigation .nav-content .nav-links .nav-item {
    transition-delay: 0s;
    -webkit-transition-delay: 0s
}

    .open-left-nav.faded-menu-items .left-navigation .nav-content .nav-links .nav-item:not(.active) {
        opacity: .5
    }

.open-left-nav .video-chat {
    opacity: 0;
    pointer-events: none
}

.header-fixed .main-header {
    height: 80px;
    background: #fff;
    position: fixed;
    left: 0;
    top: 0;
    -webkit-animation: headerentrance .8s;
    animation: headerentrance .8s;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards
}

.header-fixed .header-menu {
    margin-top: 0;
    height: 76px
}

    .header-fixed .header-menu li {
        padding-top: 33px
    }

        .header-fixed .header-menu li::after {
            top: 32px
        }

        .header-fixed .header-menu li.header-menu-dropdown {
            top: 77px;
            padding-top: 0
        }

.header-fixed .site-settings.outside {
    margin-top: 19px
}

.header-fixed .burger-toggle {
    top: calc(50% + 3px)
}

.header-fixed .logo {
    width: 27px;
    height: 47px
}

    .header-fixed .logo .logo-img {
        display: none
    }

    .header-fixed .logo .logo-img-small {
        display: block
    }

.header-fixed .site-settings > li {
    border: 1px solid rgba(221,221,221,.7);
    box-shadow: none
}

footer {
    height: 92px;
    width: 100%;
    min-width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 9;
    background: #0192c4;
    -webkit-transition: height 1s .3s;
    -moz-transition: height 1s .3s;
    -ms-transition: height 1s .3s;
    -o-transition: height 1s .3s;
    color: #fff
}

    footer .main-footer {
        position: relative;
        height: 92px
    }

        footer .main-footer .follow-us {
            padding-top: 28px;
            float: right;
            z-index: 1
        }

            footer .main-footer .follow-us .title {
                float: left;
                margin-right: 25px;
                margin-top: 12px
            }

            footer .main-footer .follow-us .social-list {
                float: right
            }

                footer .main-footer .follow-us .social-list li .social-icon {
                    width: 42px;
                    height: 42px
                }

                    footer .main-footer .follow-us .social-list li .social-icon::before {
                        font-size: 22px
                    }

                footer .main-footer .follow-us .social-list li:nth-of-type(n+2) {
                    margin-left: 14px
                }

body:not(.open-footer) footer {
    height: 92px !important
}

body:not(.open-footer) #container {
    padding-bottom: 92px !important
}

.sitemap-toggle {
    font-size: 20px;
    line-height: 28px;
    text-transform: uppercase;
    position: absolute;
    left: 2px;
    top: calc(50% + 5px);
    cursor: pointer;
    padding-right: 25px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    color: #EBEBEB;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    -ms-transition: color .3s;
    -o-transition: color .3s
}

    .sitemap-toggle .close {
        display: none
    }

    .sitemap-toggle::before {
        content: '\f0ab';
        top: -2px;
        right: 0
    }

.follow-us {
    color: #EBEBEB;
    -webkit-transition: opacity .4s;
    -moz-transition: opacity .4s;
    -ms-transition: opacity .4s;
    -o-transition: opacity .4s
}

    .follow-us .title {
        font-size: 20px;
        text-transform: uppercase
    }

.full-footer {
    width: 100%;
    border-top: 1px solid #2E6393;
    padding-top: 60px;
    padding-bottom: 60px;
    background-image: url(../images/footer_pattern.png);
    background-repeat: no-repeat;
    background-position: top left
}

    .full-footer .footer-content {
        position: relative;
        padding-right: 170px;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        opacity: 0;
        -webkit-transition: transform .5s,opacity .5s;
        -moz-transition: transform .5s,opacity .5s;
        -ms-transition: transform .5s,opacity .5s;
        -o-transition: transform .5s,opacity .5s
    }

        .full-footer .footer-content::after {
            content: '';
            display: block;
            clear: both
        }

    .full-footer .sitemap-column {
        width: calc((100% - 1px) / 3);
        float: left
    }

    .full-footer .sitemap-block {
        width: 100%
    }

        .full-footer .sitemap-block:nth-of-type(n+2) {
            margin-top: 48px
        }

        .full-footer .sitemap-block .title {
            font-size: 23px;
            color: #ECECEC;
            display: block;
            margin-bottom: 13px;
            text-transform: uppercase
        }

        .full-footer .sitemap-block .link {
            color: rgba(235,235,235,.7);
            position: relative;
            font-size: 15px;
            margin: 6px 0;
            display: block;
            -webkit-transition: color .3s;
            -moz-transition: color .3s;
            -ms-transition: color .3s;
            -o-transition: color .3s
        }

            .full-footer .sitemap-block .link::before {
                content: '';
                position: absolute;
                left: -18px;
                top: 11px;
                background: rgba(204,204,204,.58);
                width: 12px;
                height: 1px
            }

        .full-footer .sitemap-block .title-link {
            -webkit-transition: color .3s;
            -moz-transition: color .3s;
            -ms-transition: color .3s;
            -o-transition: color .3s
        }

    .full-footer .footer-extras {
        position: absolute;
        top: 0;
        right: 0;
        width: 170px
    }

        .full-footer .footer-extras .follow-us {
            position: relative;
            padding-bottom: 40px
        }

            .full-footer .footer-extras .follow-us .title {
                display: block;
                text-align: center;
                margin-bottom: 20px
            }

            .full-footer .footer-extras .follow-us .social-list li {
                float: none;
                width: 60px
            }

                .full-footer .footer-extras .follow-us .social-list li:nth-of-type(n+3) {
                    margin-top: 10px
                }

                .full-footer .footer-extras .follow-us .social-list li .social-icon {
                    margin: auto
                }

            .full-footer .footer-extras .follow-us::after {
                content: '';
                width: 12px;
                height: 1px;
                position: absolute;
                bottom: 0;
                left: calc(50% - 6px);
                background: rgba(204,204,204,.58)
            }

        .full-footer .footer-extras .footer-awards {
            width: 100%;
            margin-top: 40px
        }

            .full-footer .footer-extras .footer-awards .award {
                width: 100%;
                text-align: center;
                display: block
            }

                .full-footer .footer-extras .footer-awards .award img {
                    max-width: 100%
                }

                .full-footer .footer-extras .footer-awards .award:nth-of-type(n+2) {
                    margin-top: 30px
                }

.open-footer .sitemap-toggle .open {
    display: none
}

.open-footer .sitemap-toggle .close {
    display: block
}

.open-footer .sitemap-toggle::before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg)
}

.open-footer .footer-content {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    opacity: 1;
    -webkit-transition: transform .5s .8s,opacity .5s .8s;
    -moz-transition: transform .5s .8s,opacity .5s .8s;
    -ms-transition: transform .5s .8s,opacity .5s .8s;
    -o-transition: transform .5s .8s,opacity .5s .8s
}

.open-footer .main-footer .follow-us {
    pointer-events: none;
    opacity: 0
}

.home-slideshow-container {
    width: 100%;
    height: 800px;
    position: relative;
    overflow: hidden;
    -webkit-transition: margin .5s;
    -moz-transition: margin .5s;
    -ms-transition: margin .5s;
    -o-transition: margin .5s
}

    .home-slideshow-container .arrows {
        width: 45px;
        height: 45px;
        z-index: 3
    }

        .home-slideshow-container .arrows.left-arrow {
            left: 30px
        }

        .home-slideshow-container .arrows.right-arrow {
            right: 30px
        }

        .home-slideshow-container .arrows::before {
            width: 45px
        }

        .home-slideshow-container .arrows::after {
            height: 45px
        }

        .home-slideshow-container .arrows::after, .home-slideshow-container .arrows::before {
            background: #fff
        }

.slideshow-margin .home-slideshow-container {
    margin-top: -200px
}

.award-ribbon {
    width: 164px;
    height: 245px;
    position: absolute;
    background-position: left 50%;
    background-repeat: no-repeat;
    background-size: contain;
    top: 119px;
    left: 0;
    z-index: 4
}

.slideshow-swiper {
    width: 100%;
    height: 100%
}

    .slideshow-swiper .slide {
        background-position: 50% 50%;
        background-size: cover;
        background-repeat: no-repeat;
        width: 100% !important;
        -webkit-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -o-transform: none !important;
        position: absolute;
        left: 0;
        top: 0
    }

        .slideshow-swiper .slide:not(.swiper-slide-active) {
            opacity: 0 !important
        }

        .slideshow-swiper .slide::before {
            content: '';
            width: 100%;
            height: 410px;
            position: absolute;
            bottom: 0;
            left: 0;
            background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,23,47,0)),to(rgba(0,23,47,.3)));
            background: -webkit-linear-gradient(top,rgba(0,23,47,0),rgba(0,23,47,.3));
            background: -moz-linear-gradient(top,rgba(0,23,47,0),rgba(0,23,47,.3));
            background: -ms-linear-gradient(top,rgba(0,23,47,0),rgba(0,23,47,.3));
            background: -o-linear-gradient(top,rgba(0,23,47,0),rgba(0,23,47,.3));
            z-index: 1;
            pointer-events: none
        }

        .slideshow-swiper .slide .gradients {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 2;
            pointer-events: none
        }

            .slideshow-swiper .slide .gradients::before {
                content: '';
                width: 100%;
                height: 370px;
                position: absolute;
                top: 0;
                left: 0;
                background: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.6)),to(rgba(255,255,255,0)));
                background: -webkit-linear-gradient(top,rgba(255,255,255,.6),rgba(255,255,255,0));
                background: -moz-linear-gradient(top,rgba(255,255,255,.6),rgba(255,255,255,0));
                background: -ms-linear-gradient(top,rgba(255,255,255,.6),rgba(255,255,255,0));
                background: -o-linear-gradient(top,rgba(255,255,255,.6),rgba(255,255,255,0));
                z-index: 1;
                pointer-events: none
            }

            .slideshow-swiper .slide .gradients::after {
                content: '';
                width: 100%;
                height: 350px;
                position: absolute;
                bottom: 0;
                left: 0;
                background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,23,47,.7)));
                background: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,23,47,.7));
                background: -moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,23,47,.7));
                background: -ms-linear-gradient(top,rgba(0,0,0,0),rgba(0,23,47,.7));
                background: -o-linear-gradient(top,rgba(0,0,0,0),rgba(0,23,47,.7));
                border-bottom: 3px solid #0192c4;
                z-index: 1;
                pointer-events: none
            }

        .slideshow-swiper .slide .video-image {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1;
            pointer-events: none;
            background-size: cover;
            background-repeat: no-repeat;
            -webkit-transition: opacity .4s;
            -moz-transition: opacity .4s;
            -ms-transition: opacity .4s;
            -o-transition: opacity .4s
        }

        .slideshow-swiper .slide .play-btn.playing + .video-image {
            opacity: 0
        }

    .slideshow-swiper .slide-content {
        max-width: 780px;
        width: 100%;
        padding: 0 10px;
        bottom: 74px;
        z-index: 2
    }

        .slideshow-swiper .slide-content .title {
            font-family: BeirutLight;
            font-size: 35px
        }

        .slideshow-swiper .slide-content .subtitle {
            margin-top: 7px
        }

        .slideshow-swiper .slide-content .btn {
            max-width: 146px;
            margin-top: 28px
        }

.album {
    height: 100%;
    width: 100%;
    position: relative
}

    .album .album-slide {
        width: 100%;
        height: 100%;
        background-position: 50% 50%;
        background-size: cover;
        background-repeat: no-repeat;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        -webkit-transition: opacity 2s;
        -moz-transition: opacity 2s;
        -ms-transition: opacity 2s;
        -o-transition: opacity 2s
    }

        .album .album-slide.active {
            opacity: 1
        }

        .album .album-slide::before {
            content: '';
            width: 100%;
            height: 410px;
            position: absolute;
            bottom: 0;
            left: 0;
            background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,23,47,0)),to(rgba(0,23,47,.54)));
            background: -webkit-linear-gradient(top,rgba(0,23,47,0),rgba(0,23,47,.54));
            background: -moz-linear-gradient(top,rgba(0,23,47,0),rgba(0,23,47,.54));
            background: -ms-linear-gradient(top,rgba(0,23,47,0),rgba(0,23,47,.54));
            background: -o-linear-gradient(top,rgba(0,23,47,0),rgba(0,23,47,.54));
            z-index: 1;
            pointer-events: none
        }

        .album .album-slide::after {
            content: '';
            width: 100%;
            height: 520px;
            position: absolute;
            bottom: 0;
            left: 0;
            background: url(../images/slideshow-pattern.png) 50% bottom no-repeat;
            background-size: cover;
            z-index: 0;
            pointer-events: none
        }

    .album .slide-content {
        max-width: 780px;
        width: 100%;
        padding: 0 10px;
        bottom: 74px;
        z-index: 2
    }

        .album .slide-content .title {
            font-family: BeirutLight
        }

        .album .slide-content .subtitle {
            margin-top: 7px
        }

        .album .slide-content .btn {
            max-width: 146px;
            margin-top: 28px
        }

.skip-slideshow {
    width: 24px;
    height: 36px;
    bottom: 14px;
    z-index: 10;
    cursor: pointer
}

    .skip-slideshow::before {
        content: '\f103';
        color: #fff;
        font-size: 30px;
        -webkit-transition: color .3s;
        -moz-transition: color .3s;
        -ms-transition: color .3s;
        -o-transition: color .3s
    }

.hover-scroll-section {
    width: 100%;
    height: 250px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1
}

.intro-video video {
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%)
}

.intro-video .slide-content {
    max-width: 780px;
    width: 100%;
    padding: 0 10px;
    bottom: 74px;
    z-index: 2
}

    .intro-video .slide-content .title {
        font-family: BeirutLight;
        text-align: center
    }

#wrapper {
    width: 100%;
    min-height: 100%;
    position: relative;
    *overflow-y: scroll;
    overflow: hidden;
    background: #003e75
}

#container {
    width: 100%;
    position: relative;
    margin: auto;
    background: #fff;
    padding: 0 0 92px;
    -moz-transition: transform .7s,padding-bottom 1s .3s;
    -ms-transition: transform .7s,padding-bottom 1s .3s;
    -o-transition: transform .7s,padding-bottom 1s .3s;
    -webkit-transition: -webkit-transform .7s,padding-bottom 1s .3s
}

body.subpage-default-header {
    padding-top: 134px
}

.centeredcontainer {
    width: 100%;
    max-width: 1600px;
    margin: auto;
    position: relative
}

.variable-padding {
    padding-left: 60px !important;
    padding-right: 60px !important
}

.listing-padding, .section-padding {
    padding-left: 82px;
    padding-right: 82px
}

.add-arrow {
    position: relative
}

    .add-arrow::after {
        content: '\f107';
        font-family: FontAwesome;
        font-size: 15px;
        position: absolute;
        right: 0;
        top: 50%;
        color: #0192c4;
        pointer-events: none;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%)
    }

.absolute {
    position: absolute
}

    .absolute.center-horizontal {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%)
    }

    .absolute.center-vertical {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%)
    }

    .absolute.center-all {
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        -o-transform: translateX(-50%) translateY(-50%)
    }

.btn {
    text-align: center;
    display: block;
    text-decoration: none;
    cursor: pointer;
    width: 100%;
    height: 39px;
    line-height: 41px
}

    .btn.btn-light-blue {
        background: #0192c4;
        color: #fff;
        font-family: BeirutBold;
        -webkit-transition: color .3s,background .3s;
        -moz-transition: color .3s,background .3s;
        -ms-transition: color .3s,background .3s;
        -o-transition: color .3s,background .3s
    }

        .btn.btn-light-blue.btn-ghost {
            border: 1px solid #10CEFE;
            -webkit-transition: color .3s,background .3s;
            -moz-transition: color .3s,background .3s;
            -ms-transition: color .3s,background .3s;
            -o-transition: color .3s,background .3s
        }

    .btn.btn-blue {
        height: 52px;
        line-height: 52px;
        background: #008FC1;
        color: #fff !important;
        font-family: BeirutLight;
        font-size: 20px;
        border: 1px solid #008FC1;
        -webkit-transition: color .3s,background .3s;
        -moz-transition: color .3s,background .3s;
        -ms-transition: color .3s,background .3s;
        -o-transition: color .3s,background .3s
    }

    .btn.btn-dark-blue {
        height: 58px;
        line-height: 56px;
        font-size: 16px
    }

        .btn.btn-dark-blue.btn-ghost {
            border: 1px solid #0192c4;
            color: #0192c4;
            -webkit-transition: color .3s,background .3s;
            -moz-transition: color .3s,background .3s;
            -ms-transition: color .3s,background .3s;
            -o-transition: color .3s,background .3s
        }

        .btn.btn-dark-blue:not(.btn-ghost) {
            background: #008FC1;
            color: #fff
        }

    .btn.btn-gold {
        height: 52px;
        line-height: 52px;
        background: #C3A447;
        border: 1px solid #C3A447;
        color: #fff;
        font-family: BeirutLight;
        font-size: 20px;
        -webkit-transition: color .3s,background .3s;
        -moz-transition: color .3s,background .3s;
        -ms-transition: color .3s,background .3s;
        -o-transition: color .3s,background .3s
    }

    .btn.btn-white-transparent {
        background: rgba(255,255,255,.85);
        border: 1px solid rgba(255,255,255,.85);
        color: #0F255F;
        -webkit-transition: background .3s,color .3s;
        -moz-transition: background .3s,color .3s;
        -ms-transition: background .3s,color .3s;
        -o-transition: background .3s,color .3s
    }

        .btn.btn-white-transparent.btn-ghost {
            border: 1px solid rgba(255,255,255,.8);
            -webkit-transition: color .3s,background .3s;
            -moz-transition: color .3s,background .3s;
            -ms-transition: color .3s,background .3s;
            -o-transition: color .3s,background .3s
        }

    .btn.why-bob {
        height: 58px;
        line-height: 58px;
        max-width: 190px;
        font-size: 16px
    }

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

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

.inline-swiper {
    min-width: 100%;
    display: block;
    text-align: center
}

    .inline-swiper .swiper-slide {
        display: inline-block;
        margin-left: -4px;
        vertical-align: top
    }

.switch-templates {
    font-size: 16px;
    cursor: pointer;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    top: 6px;
    color: #999;
    font-family: BeirutLight
}

    .switch-templates::before {
        content: '\f021';
        position: absolute;
        left: -20px;
        font-size: 16px;
        color: #0192c4;
        top: 2px
    }

    .switch-templates .remove {
        position: absolute;
        right: -20px;
        font-size: 14px;
        color: #666;
        top: 3px
    }

        .switch-templates .remove::before {
            content: '\f00d'
        }

.fix-position {
    position: fixed;
    width: 100%
}

.title-uppercase {
    text-transform: uppercase
}

.title-capitalize {
    text-transform: capitalize
}

.title-white {
    color: #fff
}

.title-offwhite {
    color: #ececec
}

.title-size-15 {
    font-size: 15px;
    line-height: 23px
}

.title-size-16 {
    font-size: 16px;
    line-height: 19px
}

.title-size-20 {
    font-size: 20px;
    line-height: 24px
}

.title-size-22 {
    font-size: 22px;
    line-height: 26px
}

.title-size-23 {
    font-size: 23px;
    line-height: 32px
}

.title-size-32 {
    font-size: 32px;
    line-height: 38px
}

.title-size-45 {
    font-size: 45px;
    line-height: 41px
}

.service-form-gradient {
    background-image: -moz-linear-gradient(16% 35% -15deg,#0d235e 0,#294285 62%,#368abd 100%);
    background-image: -webkit-gradient(linear,16% 35%,118% 78%,color-stop(0,#0d235e),color-stop(.62,#294285),color-stop(1,#368abd));
    background-image: -webkit-linear-gradient(-15deg,#0d235e 0,#294285 62%,#368abd 100%);
    background-image: -o-linear-gradient(-15deg,#0d235e 0,#294285 62%,#368abd 100%);
    background-image: -ms-linear-gradient(-15deg,#0d235e 0,#294285 62%,#368abd 100%);
    background-image: linear-gradient(-15deg,#0d235e 0,#294285 62%,#368abd 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff0d235e,endColorstr=#ff368abd,GradientType=1)"
}

.home-services {
    width: 100%;
    position: relative;
    z-index: 10
}

    .home-services .arrows {
        z-index: 5;
        top: calc(50% - 17px)
    }

        .home-services .arrows.left-arrow {
            left: -44px
        }

        .home-services .arrows.right-arrow {
            right: -44px
        }

        .home-services .arrows::after, .home-services .arrows::before {
            background: #0192c4;
            box-shadow: none
        }

        .home-services .arrows::before {
            height: 2px;
            width: 25px !important
        }

        .home-services .arrows::after {
            width: 2px;
            height: 25px !important
        }

    .home-services .home-services-swiper {
        margin: auto;
        overflow: visible
    }

        .home-services .home-services-swiper .swiper-wrapper.extra-width {
            width: 99999px !important
        }

        .home-services .home-services-swiper .swiper-wrapper .swiper-slide {
            min-width: 154px;
            max-width: 1532px;
            height: 167px;
            padding: 92px 24px 0;
            background: #fff;
            cursor: pointer;
            -webkit-backface-visibility: hidden;
            -webkit-transition: color .3s,background .3s,opacity .3s;
            -moz-transition: color .3s,background .3s,opacity .3s;
            -ms-transition: color .3s,background .3s,opacity .3s;
            -o-transition: color .3s,background .3s,opacity .3s
        }

            .home-services .home-services-swiper .swiper-wrapper .swiper-slide::after, .home-services .home-services-swiper .swiper-wrapper .swiper-slide::before {
                -webkit-perspective: 1000px;
                perspective: 1000px;
                top: 0;
                left: calc(50% - 40px);
                -webkit-transform: scale(.5);
                -moz-transform: scale(.5);
                -ms-transform: scale(.5);
                -o-transform: scale(.5);
                transform-origin: 50% 50%;
                -webkit-transform-origin: 50% 50%;
                width: 66px;
                height: 98px;
                background-position: 0 0;
                -webkit-transition: opacity .3s;
                -moz-transition: opacity .3s;
                -ms-transition: opacity .3s;
                -o-transition: opacity .3s
            }

            .home-services .home-services-swiper .swiper-wrapper .swiper-slide::after {
                opacity: 0
            }

            .home-services .home-services-swiper .swiper-wrapper .swiper-slide .title {
                line-height: 18px;
                line-height: 19px;
                text-transform: uppercase;
                -webkit-transition: opacity .3s,color .3s;
                -moz-transition: opacity .3s,color .3s;
                -ms-transition: opacity .3s,color .3s;
                -o-transition: opacity .3s,color .3s
            }

            .home-services .home-services-swiper .swiper-wrapper .swiper-slide.online::after, .home-services .home-services-swiper .swiper-wrapper .swiper-slide.online::before {
                top: calc(50% - 27px - 49px);
                left: calc(50% - 34px);
                width: 68px;
                height: 98px;
                background-position: 0 0
            }

            .home-services .home-services-swiper .swiper-wrapper .swiper-slide.online::after {
                background-position: -106px 0
            }

            .home-services .home-services-swiper .swiper-wrapper .swiper-slide.customer::after, .home-services .home-services-swiper .swiper-wrapper .swiper-slide.customer::before {
                top: calc(50% - 27px - 44px);
                left: calc(50% - 42px);
                width: 84px;
                height: 88px;
                background-position: 0 -100px
            }

            .home-services .home-services-swiper .swiper-wrapper .swiper-slide.customer::after {
                background-position: -106px -100px
            }

            .home-services .home-services-swiper .swiper-wrapper .swiper-slide.loans-and-advances::after, .home-services .home-services-swiper .swiper-wrapper .swiper-slide.loans-and-advances::before {
                top: calc(50% - 27px - 44px);
                left: calc(50% - 42px);
                width: 90px;
                height: 92px;
                background-position: 0 -1174px
            }

            .home-services .home-services-swiper .swiper-wrapper .swiper-slide.loans-and-advances::after {
                top: calc(50% - 27px - 44px);
                left: calc(50% - 52px);
                width: 100px;
                height: 92px;
                background-position: -106px -1174px
            }

            .home-services .home-services-swiper .swiper-wrapper .swiper-slide.compliance::after, .home-services .home-services-swiper .swiper-wrapper .swiper-slide.compliance::before {
                top: calc(50% - 27px - 44px);
                left: calc(50% - 52px);
                width: 105px;
                height: 95px;
                background-position: 0 -1303px
            }

            .home-services .home-services-swiper .swiper-wrapper .swiper-slide.compliance::after {
                top: calc(50% - 27px - 44px);
                left: calc(50% - 62px);
                width: 120px;
                height: 92px;
                background-position: -106px -1303px
            }

            .home-services .home-services-swiper .swiper-wrapper .swiper-slide.contact-us::after, .home-services .home-services-swiper .swiper-wrapper .swiper-slide.contact-us::before {
                top: calc(50% - 27px - 44px);
                left: calc(50% - 42px);
                width: 90px;
                height: 92px;
                background-position: 0 -1433px
            }

            .home-services .home-services-swiper .swiper-wrapper .swiper-slide.contact-us::after {
                top: calc(50% - 27px - 44px);
                left: calc(50% - 52px);
                width: 100px;
                height: 92px;
                background-position: -106px -1433px
            }

            .home-services .home-services-swiper .swiper-wrapper .swiper-slide.card::after, .home-services .home-services-swiper .swiper-wrapper .swiper-slide.card::before {
                top: calc(50% - 27px - 44px);
                left: calc(50% - 42px);
                width: 90px;
                height: 92px;
                background-position: 0 -1548px
            }

            .home-services .home-services-swiper .swiper-wrapper .swiper-slide.card::after {
                top: calc(50% - 27px - 44px);
                left: calc(50% - 52px);
                width: 105px;
                height: 92px;
                background-position: -106px -1548px
            }

            .home-services .home-services-swiper .swiper-wrapper .swiper-slide.cash::after, .home-services .home-services-swiper .swiper-wrapper .swiper-slide.cash::before {
                top: calc(50% - 27px - 44px);
                left: calc(50% - 44px);
                width: 88px;
                height: 88px;
                background-position: 0 -267px
            }

            .home-services .home-services-swiper .swiper-wrapper .swiper-slide.cash::after {
                background-position: -106px -267px
            }

            .home-services .home-services-swiper .swiper-wrapper .swiper-slide.car::after, .home-services .home-services-swiper .swiper-wrapper .swiper-slide.car::before {
                top: calc(50% - 27px - 39px);
                left: calc(50% - 44px);
                width: 88px;
                height: 78px;
                background-position: 0 -363px
            }

            .home-services .home-services-swiper .swiper-wrapper .swiper-slide.car::after {
                background-position: -106px -363px
            }

            .home-services .home-services-swiper .swiper-wrapper .swiper-slide.house::after, .home-services .home-services-swiper .swiper-wrapper .swiper-slide.house::before {
                top: calc(50% - 27px - 43px);
                left: calc(50% - 43px);
                width: 86px;
                height: 86px;
                background-position: 0 -452px
            }

            .home-services .home-services-swiper .swiper-wrapper .swiper-slide.house::after {
                background-position: -106px -452px
            }

            .home-services .home-services-swiper .swiper-wrapper .swiper-slide.location::after, .home-services .home-services-swiper .swiper-wrapper .swiper-slide.location::before {
                top: calc(50% - 27px - 45px);
                left: calc(50% - 28px);
                width: 56px;
                height: 90px;
                background-position: 0 -544px
            }

            .home-services .home-services-swiper .swiper-wrapper .swiper-slide.location::after {
                background-position: -106px -544px
            }

            .home-services .home-services-swiper .swiper-wrapper .swiper-slide.save-money::after, .home-services .home-services-swiper .swiper-wrapper .swiper-slide.save-money::before {
                top: calc(50% - 27px - 45px);
                left: calc(50% - 48px);
                width: 96px;
                height: 90px;
                background-position: -1px -696px
            }

            .home-services .home-services-swiper .swiper-wrapper .swiper-slide.save-money::after {
                background-position: -111px -696px
            }

            .home-services .home-services-swiper .swiper-wrapper .swiper-slide.private-client::after, .home-services .home-services-swiper .swiper-wrapper .swiper-slide.private-client::before {
                top: calc(50% - 27px - 46px);
                left: calc(50% - 59px);
                width: 118px;
                height: 92px;
                background-position: 0 -802px
            }

            .home-services .home-services-swiper .swiper-wrapper .swiper-slide.private-client::after {
                background-position: -129px -802px
            }

            .home-services .home-services-swiper .swiper-wrapper .swiper-slide.business-client::after, .home-services .home-services-swiper .swiper-wrapper .swiper-slide.business-client::before {
                top: calc(50% - 27px - 47px);
                left: calc(50% - 48px);
                width: 96px;
                height: 94px;
                background-position: -1px -921px
            }

            .home-services .home-services-swiper .swiper-wrapper .swiper-slide.business-client::after {
                background-position: -111px -921px
            }

            .home-services .home-services-swiper .swiper-wrapper .swiper-slide.bob-invest::after, .home-services .home-services-swiper .swiper-wrapper .swiper-slide.bob-invest::before {
                top: calc(50% - 27px - 53px);
                left: calc(50% - 53px);
                width: 106px;
                height: 106px;
                background-position: -1px -1029px
            }

            .home-services .home-services-swiper .swiper-wrapper .swiper-slide.bob-invest::after {
                background-position: -111px -1029px
            }

            .home-services .home-services-swiper .swiper-wrapper .swiper-slide.active {
                background: 0 0;
                color: #fff
            }

                .home-services .home-services-swiper .swiper-wrapper .swiper-slide.active::before {
                    opacity: 0
                }

                .home-services .home-services-swiper .swiper-wrapper .swiper-slide.active::after {
                    opacity: 1
                }

            .home-services .home-services-swiper .swiper-wrapper .swiper-slide:nth-last-child(1) {
                width: 100%
            }

            .home-services .home-services-swiper .swiper-wrapper .swiper-slide:nth-last-child(2), .home-services .home-services-swiper .swiper-wrapper .swiper-slide:nth-last-child(2) ~ .swiper-slide {
                width: calc(100% / 2);
                max-width: calc(1600px / 2)
            }

            .home-services .home-services-swiper .swiper-wrapper .swiper-slide:nth-last-child(3), .home-services .home-services-swiper .swiper-wrapper .swiper-slide:nth-last-child(3) ~ .swiper-slide {
                width: calc(100% / 3);
                max-width: calc(1600px / 3)
            }

            .home-services .home-services-swiper .swiper-wrapper .swiper-slide:nth-last-child(4), .home-services .home-services-swiper .swiper-wrapper .swiper-slide:nth-last-child(4) ~ .swiper-slide {
                width: calc(100% / 4);
                max-width: calc(1600px / 4)
            }

            .home-services .home-services-swiper .swiper-wrapper .swiper-slide:nth-last-child(5), .home-services .home-services-swiper .swiper-wrapper .swiper-slide:nth-last-child(5) ~ .swiper-slide {
                width: calc(100% / 5);
                max-width: calc(1600px / 5)
            }

            .home-services .home-services-swiper .swiper-wrapper .swiper-slide:nth-last-child(6), .home-services .home-services-swiper .swiper-wrapper .swiper-slide:nth-last-child(6) ~ .swiper-slide {
                width: calc(100% / 6);
                max-width: calc(1600px / 6)
            }

            .home-services .home-services-swiper .swiper-wrapper .swiper-slide:nth-last-child(7), .home-services .home-services-swiper .swiper-wrapper .swiper-slide:nth-last-child(7) ~ .swiper-slide {
                width: calc(100% / 7);
                max-width: calc(1600px / 7)
            }

            .home-services .home-services-swiper .swiper-wrapper .swiper-slide:nth-last-child(8), .home-services .home-services-swiper .swiper-wrapper .swiper-slide:nth-last-child(8) ~ .swiper-slide {
                width: calc(100% / 7);
                max-width: calc(1600px / 7)
            }

            .home-services .home-services-swiper .swiper-wrapper .swiper-slide:nth-last-child(9), .home-services .home-services-swiper .swiper-wrapper .swiper-slide:nth-last-child(9) ~ .swiper-slide {
                width: calc(100% / 7);
                max-width: calc(1600px / 7)
            }

            .home-services .home-services-swiper .swiper-wrapper .swiper-slide:nth-last-child(10), .home-services .home-services-swiper .swiper-wrapper .swiper-slide:nth-last-child(10) ~ .swiper-slide {
                width: calc(100% / 7);
                max-width: calc(1600px / 7)
            }

            .home-services .home-services-swiper .swiper-wrapper .swiper-slide:nth-last-child(11), .home-services .home-services-swiper .swiper-wrapper .swiper-slide:nth-last-child(11) ~ .swiper-slide {
                width: calc(100% / 7);
                max-width: calc(1600px / 7)
            }

    .home-services > .centeredcontainer::after, .home-services > .centeredcontainer::before {
        content: '';
        width: calc((100vw - 1600px) / 2);
        min-width: 90px;
        height: 100%;
        position: absolute;
        top: 0;
        left: 1px;
        background: #fff;
        z-index: 3;
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%)
    }

    .home-services > .centeredcontainer::after {
        left: auto;
        right: 1px;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%)
    }

    .home-services .home-services-forms, .home-services .locate-us-form {
        width: 100%;
        height: 970px;
        position: absolute;
        bottom: 0;
        left: 0;
        visibility: hidden;
        opacity: 0;
        pointer-events: none;
        background: -webkit-gradient(linear,right top,right bottom,from(#368abd),to(#0d235e));
        background: -webkit-linear-gradient(right,#368abd,#0d235e);
        background: -moz-linear-gradient(right,#368abd,#0d235e);
        background: -ms-linear-gradient(right,#368abd,#0d235e);
        background: -o-linear-gradient(right,#368abd,#0d235e);
        -webkit-transition: opacity .5s,visibility 0s .5s;
        -moz-transition: opacity .5s,visibility 0s .5s;
        -ms-transition: opacity .5s,visibility 0s .5s;
        -o-transition: opacity .5s,visibility 0s .5s
    }

    .home-services .locate-us-form {
        padding-bottom: 220px;
        height: auto
    }

        .home-services .locate-us-form .gm-style .gm-style-iw div {
            color: #666;
            margin-left: 5px
        }

    .home-services .service-form {
        padding-bottom: 347px;
        display: none;
        height: 100%;
        width: 100%
    }

        .home-services .service-form.active {
            display: block
        }

        .home-services .service-form .multi-step-form {
            height: 100%;
            width: 100%
        }

            .home-services .service-form .multi-step-form::before {
                content: '';
                display: inline-block;
                vertical-align: middle;
                height: 100%;
                margin-left: -4px
            }

            .home-services .service-form .multi-step-form .form-step {
                display: inline-block;
                vertical-align: middle;
                color: #fff;
                width: 100%
            }

                .home-services .service-form .multi-step-form .form-step:not(.active) {
                    display: none
                }

                .home-services .service-form .multi-step-form .form-step .intro-subtitle {
                    margin-top: 5px;
                    margin-bottom: -10px;
                    display: block
                }

                .home-services .service-form .multi-step-form .form-step .input-phrase {
                    font-size: 22px;
                    margin-top: 38px;
                    margin-bottom: 56px;
                    line-height: 72px;
                    font-family: BeirutLight
                }

                    .home-services .service-form .multi-step-form .form-step .input-phrase .inputfield {
                        display: inline-block;
                        margin: 0 12px
                    }

                .home-services .service-form .multi-step-form .form-step .inputfield select option {
                    background: #2C70A5;
                    color: #fff !important
                }

                .home-services .service-form .multi-step-form .form-step .inputfield.large {
                    max-width: 224px
                }

                .home-services .service-form .multi-step-form .form-step .inputfield.small {
                    max-width: 110px
                }

                .home-services .service-form .multi-step-form .form-step .inputfield.xsmall {
                    max-width: 54px
                }

                .home-services .service-form .multi-step-form .form-step .inputfield.medium {
                    max-width: 162px
                }

                .home-services .service-form .multi-step-form .form-step .next-step {
                    font-size: 34px;
                    line-height: 41px
                }

                    .home-services .service-form .multi-step-form .form-step .next-step::after {
                        bottom: -5px;
                        width: calc(100% + 8px);
                        left: -4px
                    }

                .home-services .service-form .multi-step-form .form-step .other-input {
                    width: 100%;
                    max-width: 628px;
                    height: 233px;
                    position: absolute;
                    left: 0;
                    visibility: hidden;
                    opacity: 0;
                    pointer-events: none;
                    -webkit-transition: opacity .3s,visibility 0s .3s;
                    -moz-transition: opacity .3s,visibility 0s .3s;
                    -ms-transition: opacity .3s,visibility 0s .3s;
                    -o-transition: opacity .3s,visibility 0s .3s
                }

                    .home-services .service-form .multi-step-form .form-step .other-input ::-webkit-input-placeholder {
                        font-family: Roboto-Regular;
                        color: #ececec;
                        opacity: 1;
                        font-size: 15px;
                        font-style: italic
                    }

                    .home-services .service-form .multi-step-form .form-step .other-input :-moz-placeholder {
                        font-family: Roboto-Regular;
                        color: #ececec;
                        opacity: 1;
                        font-size: 15px;
                        font-style: italic
                    }

                    .home-services .service-form .multi-step-form .form-step .other-input ::-moz-placeholder {
                        font-family: Roboto-Regular;
                        color: #ececec;
                        opacity: 1;
                        font-size: 15px;
                        font-style: italic
                    }

                    .home-services .service-form .multi-step-form .form-step .other-input :-ms-input-placeholder {
                        font-family: Roboto-Regular;
                        color: #ececec;
                        opacity: 1;
                        font-size: 15px;
                        font-style: italic
                    }

                    .home-services .service-form .multi-step-form .form-step .other-input .textarea {
                        height: 100%;
                        border: 0;
                        font-family: Roboto-Regular
                    }

                    .home-services .service-form .multi-step-form .form-step .other-input .back-from-other {
                        position: absolute;
                        right: 0;
                        bottom: -86px;
                        height: 30px;
                        width: 30px;
                        cursor: pointer
                    }

                        .home-services .service-form .multi-step-form .form-step .other-input .back-from-other::before {
                            content: '\f177';
                            font-size: 25px;
                            color: #fff;
                            -webkit-transition: color .3s;
                            -moz-transition: color .3s;
                            -ms-transition: color .3s;
                            -o-transition: color .3s
                        }

                .home-services .service-form .multi-step-form .form-step.show-other-input .interest-swiper-container .swiper-container {
                    visibility: hidden;
                    opacity: 0;
                    pointer-events: none;
                    -webkit-transition: opacity .3s,visibility 0s .3s;
                    -moz-transition: opacity .3s,visibility 0s .3s;
                    -ms-transition: opacity .3s,visibility 0s .3s;
                    -o-transition: opacity .3s,visibility 0s .3s
                }

                .home-services .service-form .multi-step-form .form-step.show-other-input .other-input {
                    visibility: visible;
                    opacity: 1;
                    pointer-events: fill;
                    -webkit-transition: opacity .3s;
                    -moz-transition: opacity .3s;
                    -ms-transition: opacity .3s;
                    -o-transition: opacity .3s
                }

                .home-services .service-form .multi-step-form .form-step.show-other-input .arrows {
                    display: none
                }

                .home-services .service-form .multi-step-form .form-step .result-container {
                    width: 100%;
                    max-width: 1040px;
                    padding: 0 0 35px;
                    border-bottom: 1px solid rgba(187,187,187,.2);
                    margin: 0 0 55px
                }

                .home-services .service-form .multi-step-form .form-step .information {
                    float: left;
                    width: 100%;
                    max-width: 432px;
                    padding: 0 158px 0 0;
                    position: relative
                }

                    .home-services .service-form .multi-step-form .form-step .information::before {
                        content: '';
                        width: 60px;
                        height: 60px;
                        border-top: 1px solid #0192c4;
                        border-right: 1px solid #0192c4;
                        position: absolute;
                        top: 50%;
                        right: 50px;
                        -webkit-transform: translateY(-50%) rotate(45deg);
                        -moz-transform: translateY(-50%) rotate(45deg);
                        -ms-transform: translateY(-50%) rotate(45deg);
                        -o-transform: translateY(-50%) rotate(45deg)
                    }

                    .home-services .service-form .multi-step-form .form-step .information .title {
                        font-family: BeirutLight
                    }

                    .home-services .service-form .multi-step-form .form-step .information .info-block {
                        padding: 20px 0 18px;
                        width: 100%
                    }

                        .home-services .service-form .multi-step-form .form-step .information .info-block:nth-of-type(n+2) {
                            border-top: 1px solid rgba(187,187,187,.2)
                        }

                        .home-services .service-form .multi-step-form .form-step .information .info-block .description, .home-services .service-form .multi-step-form .form-step .information .info-block .title {
                            display: block;
                            font-size: 25px;
                            line-height: 30px
                        }

                        .home-services .service-form .multi-step-form .form-step .information .info-block .title {
                            color: #BEBCC5;
                            font-family: BeirutLight
                        }

                        .home-services .service-form .multi-step-form .form-step .information .info-block .description {
                            margin-top: 2px
                        }

                .home-services .service-form .multi-step-form .form-step .service-apply-block {
                    max-width: 1072px;
                    width: 100%;
                    display: flex;
                    margin-top: -30px
                }

                    .home-services .service-form .multi-step-form .form-step .service-apply-block .left-side {
                        float: left;
                        padding-top: 39px
                    }

                        .home-services .service-form .multi-step-form .form-step .service-apply-block .left-side .action-list {
                            margin-top: 20px
                        }

                    .home-services .service-form .multi-step-form .form-step .service-apply-block .right-side {
                        float: left
                    }

                    .home-services .service-form .multi-step-form .form-step .service-apply-block .or {
                        float: left;
                        min-width: 50px;
                        text-align: center;
                        width: calc(100% - 946px);
                        font-size: 25px
                    }

                        .home-services .service-form .multi-step-form .form-step .service-apply-block .or::before {
                            content: '';
                            height: 100%;
                            display: inline-block;
                            vertical-align: middle
                        }

                    .home-services .service-form .multi-step-form .form-step .service-apply-block .form-inputs {
                        margin: 32px 0
                    }

                        .home-services .service-form .multi-step-form .form-step .service-apply-block .form-inputs .inputfield:nth-of-type(n+2) {
                            margin-top: 30px
                        }

                    .home-services .service-form .multi-step-form .form-step .service-apply-block .form-title {
                        font-size: 25px;
                        color: #BEBBC5;
                        font-family: BeirutLight
                    }

            .home-services .service-form .multi-step-form .message {
                position: absolute;
                top: calc(50% - 170px);
                left: 0;
                opacity: 0;
                -webkit-transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                -o-transform: translateY(-50%);
                -webkit-transition: opacity .3s,visibility 0s .3s;
                -moz-transition: opacity .3s,visibility 0s .3s;
                -ms-transition: opacity .3s,visibility 0s .3s;
                -o-transition: opacity .3s,visibility 0s .3s;
                pointer-events: none
            }

                .home-services .service-form .multi-step-form .message .title {
                    color: #fff
                }

        .home-services .service-form .steps {
            position: absolute;
            bottom: 167px;
            width: 100%;
            background: 0 0;
            border-top: 1px solid rgba(238,238,238,.1);
            counter-reset: steps;
            padding-top: 80px;
            padding-bottom: 80px
        }

            .home-services .service-form .steps::before {
                content: '';
                width: 100%;
                height: 85px;
                position: absolute;
                top: 0;
                left: 0;
                background: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.03)),to(rgba(255,255,255,0)));
                background: -webkit-linear-gradient(top,rgba(255,255,255,.03),rgba(255,255,255,0));
                background: -moz-linear-gradient(top,rgba(255,255,255,.03),rgba(255,255,255,0));
                background: -ms-linear-gradient(top,rgba(255,255,255,.03),rgba(255,255,255,0));
                background: -o-linear-gradient(top,rgba(255,255,255,.03),rgba(255,255,255,0))
            }

            .home-services .service-form .steps li {
                display: inline-block;
                vertical-align: bottom;
                margin-left: -4px;
                white-space: nowrap
            }

                .home-services .service-form .steps li.step {
                    padding-left: 70px;
                    width: 230px;
                    color: rgba(255,255,255,.5);
                    font-size: 16px;
                    position: relative;
                    -webkit-transition: color .3s;
                    -moz-transition: color .3s;
                    -ms-transition: color .3s;
                    -o-transition: color .3s
                }

                    .home-services .service-form .steps li.step .max-count {
                        display: none
                    }

                    .home-services .service-form .steps li.step::before {
                        counter-increment: steps;
                        content: counter(steps);
                        color: rgba(255,255,255,.3);
                        font-size: 96px;
                        position: absolute;
                        left: 10px;
                        top: 50%;
                        -webkit-transform: translateY(-50%);
                        -moz-transform: translateY(-50%);
                        -ms-transform: translateY(-50%);
                        -o-transform: translateY(-50%);
                        -webkit-transition: color .3s;
                        -moz-transition: color .3s;
                        -ms-transition: color .3s;
                        -o-transition: color .3s
                    }

                    .home-services .service-form .steps li.step::after {
                        content: '';
                        width: calc(100% - 75px);
                        position: absolute;
                        bottom: -10px;
                        right: 6px;
                        height: 1px;
                        background: #fff;
                        opacity: 0;
                        -webkit-transition: opacity .3s;
                        -moz-transition: opacity .3s;
                        -ms-transition: opacity .3s;
                        -o-transition: opacity .3s
                    }

                .home-services .service-form .steps li.why-bob {
                    position: relative;
                    float: right;
                    margin-top: -26px;
                    width: 210px !important
                }

                .home-services .service-form .steps li.dots {
                    width: calc(100% - 460px);
                    border-bottoM: 1px dotted rgba(238,238,238,.55);
                    margin-bottom: -10px
                }

                .home-services .service-form .steps li:nth-last-child(5) ~ .dots {
                    width: calc((100% - 690px) / 2)
                }

                .home-services .service-form .steps li:nth-of-type(1) {
                    width: 202px
                }

                .home-services .service-form .steps li:nth-of-type(2) {
                    width: calc(100% - 618px);
                    max-width: 335px
                }

                .home-services .service-form .steps li:nth-of-type(3) {
                    width: 210px
                }

                .home-services .service-form .steps li.active, .home-services .service-form .steps li.active::before {
                    color: #fff
                }

                    .home-services .service-form .steps li.active::after {
                        opacity: 1
                    }

                    .home-services .service-form .steps li.active.cleared {
                        cursor: pointer
                    }

                .home-services .service-form .steps li:not(.active) {
                    cursor: pointer
                }

        .home-services .service-form.become-a-customer-form .steps li.step-1 {
            width: 208px
        }

            .home-services .service-form.become-a-customer-form .steps li.step-1::after {
                width: 130px
            }

        .home-services .service-form.become-a-customer-form .steps li.step-2 {
            width: 215px
        }

            .home-services .service-form.become-a-customer-form .steps li.step-2::after {
                width: 137px
            }

        .home-services .service-form.become-a-customer-form .steps li.step-3 {
            width: 228px
        }

            .home-services .service-form.become-a-customer-form .steps li.step-3::after {
                width: 150px
            }

        .home-services .service-form.become-a-customer-form .steps li.dots {
            width: calc((100% - 651px) / 2)
        }

        .home-services .service-form.become-a-customer-form .form-step-3 .inputfield {
            width: calc((100% - 16px) / 2);
            max-width: 338px;
            display: inline-block;
            margin-top: 45px
        }

            .home-services .service-form.become-a-customer-form .form-step-3 .inputfield:nth-of-type(n+2) {
                margin-left: 12px
            }

        .home-services .service-form.buy-a-house-form .form-inputs {
            max-width: 692px;
            margin: 40px 0;
            max-height: 370px
        }

        .home-services .service-form.buy-a-house-form .form-step-1 .form-inputs {
            max-width: 800px
        }

        .home-services .service-form .send-form {
            width: 80px;
            display: block
        }

            .home-services .service-form .send-form::after {
                bottom: -3px
            }

        .home-services .service-form.display-message .form-step {
            display: none !important
        }

        .home-services .service-form.display-message .message {
            visibility: visible;
            opacity: 1;
            -webkit-transition: opacity .3s;
            -moz-transition: opacity .3s;
            -ms-transition: opacity .3s;
            -o-transition: opacity .3s
        }

        .home-services .service-form#service-form-2 .multi-step-form .form-step .service-apply-block {
            margin-top: 30px
        }

    .home-services .arrows.left-arrow::before, .home-services .arrows.right-arrow::before {
        width: 28px
    }

    .home-services .arrows.left-arrow::after, .home-services .arrows.right-arrow::after {
        height: 28px
    }

.close-services-form {
    width: 75px;
    height: 75px;
    position: absolute;
    top: 30px;
    right: 40px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    cursor: pointer;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -o-transition: opacity .3s
}

    .close-services-form::after, .close-services-form::before {
        content: '';
        position: absolute;
        background: #BBB;
        width: 100%;
        height: 1px;
        top: 50%;
        left: 0;
        -webkit-transition: background .3s;
        -moz-transition: background .3s;
        -ms-transition: background .3s;
        -o-transition: background .3s
    }

    .close-services-form::after {
        left: 50%;
        top: 0;
        width: 1px;
        height: 100%;
        -webkit-transition: background .3s;
        -moz-transition: background .3s;
        -ms-transition: background .3s;
        -o-transition: background .3s
    }

.open-locate-us-form .locate-us-form {
    opacity: 1;
    visibility: visible;
    pointer-events: fill;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -o-transition: opacity .5s
}

.open-locate-us-form.show-locate-map .locate-us-form {
    height: 967px;
    padding-top: 644px;
    padding-bottom: 168px
}

    .open-locate-us-form.show-locate-map .locate-us-form .intro-title {
        height: 135px;
        display: table-cell;
        vertical-align: middle
    }

    .open-locate-us-form.show-locate-map .locate-us-form .locate-map {
        display: block;
        visibility: visible;
        pointer-events: fill
    }

    .open-locate-us-form.show-locate-map .locate-us-form .inputs {
        display: none
    }

    .open-locate-us-form.show-locate-map .locate-us-form .close-services-form {
        top: auto;
        bottom: 205px
    }

.open-service-form .home-services .home-services-forms {
    opacity: 1;
    visibility: visible;
    pointer-events: fill;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -o-transition: opacity .5s
}

.open-service-form .main-header {
    z-index: 5
}

.open-service-form .video-chat {
    opacity: 0;
    pointer-events: none
}

    .open-service-form .video-chat .online-panel {
        pointer-events: none
    }

#home.open-locate-us-form:not(.header-fixed) .main-header {
    opacity: 0
}

body:not(.open-service-form):not(.open-locate-us-form) .home-slideshow-container {
    min-height: 440px;
    height: calc(100vh - 170px) !important
}

body:not(.open-left-nav) {
    height: 100% !important
}

.interest-swiper-container {
    width: 100%;
    margin: 36px 0 55px;
    position: relative
}

    .interest-swiper-container .swiper-container {
        padding: 5px 5px 5px 0
    }

        .interest-swiper-container .swiper-container .swiper-wrapper .slide {
            cursor: pointer
        }

            .interest-swiper-container .swiper-container .swiper-wrapper .slide:nth-of-type(n+2) {
                margin-left: 36px
            }

    .interest-swiper-container .arrows.left-arrow {
        left: -40px
    }

    .interest-swiper-container .arrows.right-arrow {
        right: -40px
    }

    .interest-swiper-container .arrows::after, .interest-swiper-container .arrows::before {
        background: #fff
    }

.home-featured-product-container {
    padding-top: 30px;
    padding-bottom: 80px;
    position: relative
}

    .home-featured-product-container .centeredcontainer {
        display: flex;
        flex-wrap: wrap
    }

.footer-services {
    background: #E6E6E6;
    padding: 25px 60px 62px;
    position: relative
}

    .footer-services .swiper-container {
        width: 100%
    }

        .footer-services .swiper-container .swiper-wrapper .swiper-slide {
            width: 200px;
            cursor: pointer
        }

            .footer-services .swiper-container .swiper-wrapper .swiper-slide .frame {
                width: 100%;
                height: 98px;
                position: relative;
                overflow: hidden
            }

                .footer-services .swiper-container .swiper-wrapper .swiper-slide .frame::after {
                    content: '';
                    max-width: 100%;
                    position: absolute;
                    bottom: 18px;
                    left: 50%;
                    transform-origin: 50% 100%;
                    -webkit-transform-origin: 50% 100%;
                    background-image: url(../images/sprite.png);
                    background-repeat: no-repeat;
                    display: block;
                    -webkit-transform: translateX(-50%) scale(.5);
                    -moz-transform: translateX(-50%) scale(.5);
                    -ms-transform: translateX(-50%) scale(.5);
                    -o-transform: translateX(-50%) scale(.5)
                }

                .footer-services .swiper-container .swiper-wrapper .swiper-slide .frame::before {
                    content: '';
                    width: 57px;
                    height: 1px;
                    background: #8D8F90;
                    position: absolute;
                    bottom: 0;
                    left: calc(50% - 28px)
                }

                .footer-services .swiper-container .swiper-wrapper .swiper-slide .frame.icon-1::after {
                    background-position: -526px -64px;
                    width: 140px;
                    height: 124px
                }

                .footer-services .swiper-container .swiper-wrapper .swiper-slide .frame.icon-2::after {
                    background-position: -526px -221px;
                    width: 144px;
                    height: 118px
                }

                .footer-services .swiper-container .swiper-wrapper .swiper-slide .frame.icon-3::after {
                    background-position: -526px -363px;
                    width: 110px;
                    height: 108px
                }

                .footer-services .swiper-container .swiper-wrapper .swiper-slide .frame.icon-4::after {
                    background-position: -526px -491px;
                    width: 126px;
                    height: 125px
                }

                .footer-services .swiper-container .swiper-wrapper .swiper-slide .frame.icon-5::after {
                    background-position: -526px -632px;
                    width: 128px;
                    height: 118px
                }

                .footer-services .swiper-container .swiper-wrapper .swiper-slide .frame.icon-6::after {
                    background-position: -526px -770px;
                    width: 78px;
                    height: 122px
                }

                .footer-services .swiper-container .swiper-wrapper .swiper-slide .frame.icon-7::after {
                    background-position: -526px -915px;
                    width: 110px;
                    height: 132px
                }

            .footer-services .swiper-container .swiper-wrapper .swiper-slide .title {
                padding: 20px 3px 0;
                font-size: 18px;
                font-family: BeirutLight;
                text-align: center;
                display: block;
                line-height: 22px;
                text-transform: uppercase;
                -webkit-transition: color .3s;
                -moz-transition: color .3s;
                -ms-transition: color .3s;
                -o-transition: color .3s
            }

    .footer-services.white-bg {
        background: #fff
    }

    .footer-services.border-top-blue {
        border-top: 1px solid #0192C5
    }

    .footer-services .arrows.left-arrow::before, .footer-services .arrows.right-arrow::before {
        width: 28px
    }

    .footer-services .arrows.left-arrow::after, .footer-services .arrows.right-arrow::after {
        height: 28px
    }

    .footer-services .arrows.left-arrow {
        left: -20px
    }

    .footer-services .arrows.right-arrow {
        right: -20px
    }

.locate-us-form {
    padding-top: 50px;
    color: #fff
}

    .locate-us-form .intro-title {
        display: block;
        text-transform: capitalize
    }

    .locate-us-form .auto-locate-button {
        width: 295px;
        height: 56px;
        line-height: 56px;
        font-size: 17px;
        padding-left: 15px;
        text-align: left;
        float: left;
        border: 1px solid #0192c4;
        -webkit-transition: background .3s,color .3s,border-color .3s;
        -moz-transition: background .3s,color .3s,border-color .3s;
        -ms-transition: background .3s,color .3s,border-color .3s;
        -o-transition: background .3s,color .3s,border-color .3s
    }

        .locate-us-form .auto-locate-button .cursor-icon {
            width: 36px;
            height: 36px;
            border: 1px solid #fff;
            border-radius: 100%;
            position: relative;
            margin: 0 22px 0 0;
            display: inline-block;
            vertical-align: middle
        }

            .locate-us-form .auto-locate-button .cursor-icon .line {
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0;
                left: 0
            }

                .locate-us-form .auto-locate-button .cursor-icon .line::after, .locate-us-form .auto-locate-button .cursor-icon .line::before {
                    content: '';
                    background: #fff;
                    position: absolute
                }

                .locate-us-form .auto-locate-button .cursor-icon .line:nth-of-type(1)::after, .locate-us-form .auto-locate-button .cursor-icon .line:nth-of-type(1)::before {
                    width: 12px;
                    height: 1px;
                    top: 50%
                }

                .locate-us-form .auto-locate-button .cursor-icon .line:nth-of-type(1)::before {
                    left: 0
                }

                .locate-us-form .auto-locate-button .cursor-icon .line:nth-of-type(1)::after {
                    right: 0
                }

                .locate-us-form .auto-locate-button .cursor-icon .line:nth-of-type(2)::after, .locate-us-form .auto-locate-button .cursor-icon .line:nth-of-type(2)::before {
                    height: 12px;
                    width: 1px;
                    left: 50%
                }

                .locate-us-form .auto-locate-button .cursor-icon .line:nth-of-type(2)::before {
                    top: 0
                }

                .locate-us-form .auto-locate-button .cursor-icon .line:nth-of-type(2)::after {
                    bottom: 0
                }

    .locate-us-form .or {
        float: left;
        height: 56px;
        width: 85px;
        text-align: center;
        line-height: 56px;
        text-transform: uppercase;
        font-size: 17px
    }

    .locate-us-form .inputs {
        margin-top: 34px
    }

    .locate-us-form .inputfield {
        float: left;
        height: 58px;
        width: calc((100% - 516px) / 2);
        max-width: 250px;
        margin-right: 14px
    }

        .locate-us-form .inputfield option {
            background: #3A518C;
            color: #fff !important
        }

        .locate-us-form .inputfield .input, .locate-us-form .inputfield .select {
            height: 100%
        }

            .locate-us-form .inputfield .input:not(.noplaceholder), .locate-us-form .inputfield .select:not(.noplaceholder) {
                font-family: BeirutLight;
                color: #fff;
                opacity: 1;
                font-size: 17px
            }

            .locate-us-form .inputfield .input option, .locate-us-form .inputfield .select option {
                color: #333;
                font-size: 17px
            }

        .locate-us-form .inputfield.dropdown::after {
            top: 28px
        }

    .locate-us-form .search-btn {
        font-size: 34px;
        color: #fff;
        margin-left: 12px;
        float: left;
        margin-top: 12px
    }

        .locate-us-form .search-btn::after {
            background: #fff;
            left: -7px;
            bottom: -3px;
            width: calc(100% + 14px)
        }

    .locate-us-form .locate-map {
        height: 644px;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        display: none
    }

.dummy-container {
    padding-top: 30px;
    padding-bottom: 30px;
    font-size: 16px;
    line-height: 30px;
    min-height: 1000px
}

.cards-listing-all {
    padding-top: 46px;
    padding-bottom: 115px
}

.compare-header-form .centeredcontainer {
    padding-left: 84px
}

.compare-header-form .inputfield {
    float: left;
    width: auto
}

    .compare-header-form .inputfield .input-wrapper {
        width: 218px
    }

    .compare-header-form .inputfield:nth-of-type(n+2) {
        margin-left: calc((100% - 918px) / 2)
    }

    .compare-header-form .inputfield:nth-of-type(1) .input-label {
        width: 90px
    }

    .compare-header-form .inputfield:nth-of-type(2) .input-label {
        width: 105px
    }

    .compare-header-form .inputfield:nth-of-type(3) .input-label {
        width: 65px
    }

.compare-section {
    margin: 55px 0 74px
}

    .compare-section .centeredcontainer {
        padding-left: 80px
    }

    .compare-section .specs-panel {
        height: 100%;
        width: 80px;
        border-right: 1px solid #CCC;
        position: absolute;
        left: 0;
        top: 0;
        padding-top: 296px
    }

        .compare-section .specs-panel li {
            color: #333;
            font-size: 18px;
            font-family: BeirutLight;
            height: 105px !important;
            overflow: hidden
        }

            .compare-section .specs-panel li.features {
                height: 376px
            }

            .compare-section .specs-panel li.rewards {
                height: 302px
            }

            .compare-section .specs-panel li:nth-of-type(n+2) {
                margin-top: 43px
            }

    .compare-section .add-compare-column {
        float: right;
        width: 238px
    }

        .compare-section .add-compare-column .add-compare {
            padding: 150px 0 0;
            position: relative;
            cursor: pointer;
            font-size: 20px;
            color: #0192c4;
            text-align: center
        }

            .compare-section .add-compare-column .add-compare::before {
                content: '';
                width: 100%;
                height: 136px;
                border: 1px solid #DDD;
                position: absolute;
                top: 0;
                left: 0;
                -webkit-transition: background .4s;
                -moz-transition: background .4s;
                -ms-transition: background .4s;
                -o-transition: background .4s
            }

            .compare-section .add-compare-column .add-compare::after {
                content: '+';
                font-size: 47px;
                font-family: BeirutLight;
                color: #333;
                position: absolute;
                top: 58px;
                left: 0;
                line-height: 24px;
                width: 100%
            }

        .compare-section .add-compare-column .view-all-cards {
            margin-top: 27px;
            position: relative
        }

            .compare-section .add-compare-column .view-all-cards .view-all-btn {
                max-width: 100%;
                height: 58px;
                line-height: 56px
            }

            .compare-section .add-compare-column .view-all-cards.open .all-cards-dropdown {
                opacity: 1;
                visibility: visible;
                pointer-events: fill;
                -webkit-transition: opacity .4s;
                -moz-transition: opacity .4s;
                -ms-transition: opacity .4s;
                -o-transition: opacity .4s
            }

        .compare-section .add-compare-column .all-cards-dropdown {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            max-height: 370px;
            height: auto;
            padding: 7px 10px 7px 9px;
            background: #0192c4;
            overflow-y: auto;
            pointer-events: none;
            opacity: 0;
            visibility: hidden;
            z-index: 5;
            -webkit-transition: opacity .4s,visibility 0s .4s;
            -moz-transition: opacity .4s,visibility 0s .4s;
            -ms-transition: opacity .4s,visibility 0s .4s;
            -o-transition: opacity .4s,visibility 0s .4s
        }

            .compare-section .add-compare-column .all-cards-dropdown li {
                color: #fff;
                padding: 13px 0;
                font-family: BeirutBold
            }

                .compare-section .add-compare-column .all-cards-dropdown li:nth-of-type(n+2) {
                    border-top: 1px solid rgba(254,254,254,.3)
                }

                .compare-section .add-compare-column .all-cards-dropdown li input:checked + .label::after {
                    opacity: 1
                }

                .compare-section .add-compare-column .all-cards-dropdown li .label {
                    padding-left: 45px;
                    height: 20px;
                    display: table-cell;
                    vertical-align: middle;
                    position: relative;
                    cursor: pointer
                }

                    .compare-section .add-compare-column .all-cards-dropdown li .label::before {
                        content: '';
                        width: 20px;
                        height: 20px;
                        background: rgba(255,255,255,.3);
                        position: absolute;
                        left: 0;
                        top: 0
                    }

                    .compare-section .add-compare-column .all-cards-dropdown li .label::after {
                        content: '\f00c';
                        font-family: FontAwesome;
                        font-size: 12px;
                        color: #fff;
                        opacity: 0;
                        -webkit-transition: opacity .3s;
                        -moz-transition: opacity .3s;
                        -ms-transition: opacity .3s;
                        -o-transition: opacity .3s;
                        position: absolute;
                        left: 4px;
                        top: 4px
                    }

            .compare-section .add-compare-column .all-cards-dropdown .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
                width: 6px
            }

            .compare-section .add-compare-column .all-cards-dropdown .mCSB_scrollTools .mCSB_draggerRail {
                opacity: 0
            }

    .compare-section .compared-cards-container {
        float: left;
        width: calc(100% - 238px);
        padding: 0 70px;
        position: relative;
        min-height: 440px
    }

        .compare-section .compared-cards-container .compared-cards-swiper {
            padding-bottom: 16px;
            padding-left: 10px;
            padding-right: 10px
        }

            .compare-section .compared-cards-container .compared-cards-swiper::after, .compare-section .compared-cards-container .compared-cards-swiper::before {
                content: '';
                width: 10px;
                height: 100%;
                position: absolute;
                left: 0;
                top: 0;
                z-index: 2;
                background: -webkit-gradient(linear,right top,right bottom,from(rgba(255,255,255,0)),to(#fff));
                background: -webkit-linear-gradient(right,rgba(255,255,255,0),#fff);
                background: -moz-linear-gradient(right,rgba(255,255,255,0),#fff);
                background: -ms-linear-gradient(right,rgba(255,255,255,0),#fff);
                background: -o-linear-gradient(right,rgba(255,255,255,0),#fff)
            }

            .compare-section .compared-cards-container .compared-cards-swiper::after {
                right: 0;
                left: auto;
                background: -webkit-gradient(linear,right top,right bottom,from(#fff),to(rgba(255,255,255,0)));
                background: -webkit-linear-gradient(right,#fff,rgba(255,255,255,0));
                background: -moz-linear-gradient(right,#fff,rgba(255,255,255,0));
                background: -ms-linear-gradient(right,#fff,rgba(255,255,255,0));
                background: -o-linear-gradient(right,#fff,rgba(255,255,255,0))
            }

            .compare-section .compared-cards-container .compared-cards-swiper .swiper-wrapper .slide {
                width: 220px
            }

                .compare-section .compared-cards-container .compared-cards-swiper .swiper-wrapper .slide .frame {
                    width: 100%;
                    overflow: hidden
                }

                    .compare-section .compared-cards-container .compared-cards-swiper .swiper-wrapper .slide .frame img {
                        max-width: 100%
                    }

                .compare-section .compared-cards-container .compared-cards-swiper .swiper-wrapper .slide .title {
                    color: #0192c4;
                    font-family: BeirutLight;
                    font-size: 20px;
                    line-height: 24px;
                    display: table-cell;
                    margin-top: 10px;
                    height: 70px;
                    vertical-align: middle
                }

                .compare-section .compared-cards-container .compared-cards-swiper .swiper-wrapper .slide .remove-card {
                    color: #666;
                    font-size: 17px;
                    font-family: BeirutLight;
                    line-height: 20px;
                    display: block;
                    margin: 20px 0 38px;
                    cursor: pointer
                }

                    .compare-section .compared-cards-container .compared-cards-swiper .swiper-wrapper .slide .remove-card > * {
                        text-decoration: underline;
                        -webkit-transition: opacity .3s;
                        -moz-transition: opacity .3s;
                        -ms-transition: opacity .3s;
                        -o-transition: opacity .3s
                    }

                .compare-section .compared-cards-container .compared-cards-swiper .swiper-wrapper .slide .text-label {
                    display: none;
                    font-size: 18px;
                    font-family: BeirutLight;
                    color: #333;
                    line-height: 22px
                }

                .compare-section .compared-cards-container .compared-cards-swiper .swiper-wrapper .slide .text {
                    font-size: 15px;
                    line-height: 21px;
                    color: #555;
                    font-family: Roboto-Regular;
                    display: block;
                    margin-bottom: 42px;
                    height: 105px !important;
                    overflow: hidden
                }

                .compare-section .compared-cards-container .compared-cards-swiper .swiper-wrapper .slide .features-text.auto-height, .compare-section .compared-cards-container .compared-cards-swiper .swiper-wrapper .slide .rewards-text.auto-height {
                    height: auto !important
                }

                .compare-section .compared-cards-container .compared-cards-swiper .swiper-wrapper .slide .fees-text {
                    font-size: 24px;
                    line-height: 29px;
                    color: #0071D7;
                    font-family: BeirutLight;
                    display: block
                }

                .compare-section .compared-cards-container .compared-cards-swiper .swiper-wrapper .slide > * {
                    display: block
                }

        .compare-section .compared-cards-container .arrows {
            top: 45px;
            width: 24px;
            height: 24px
        }

            .compare-section .compared-cards-container .arrows::before {
                height: 2px;
                box-shadow: none;
                width: 100%
            }

            .compare-section .compared-cards-container .arrows::after {
                width: 2px;
                box-shadow: none;
                height: 100%
            }

            .compare-section .compared-cards-container .arrows.left-arrow {
                left: 44px
            }

            .compare-section .compared-cards-container .arrows.right-arrow {
                right: 44px
            }

        .compare-section .compared-cards-container::before {
            content: 'No cards added';
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translateX(-50%) translateY(-50%);
            -moz-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
            -o-transform: translateX(-50%) translateY(-50%);
            font-size: 20px;
            color: rgba(0,0,0,.7);
            display: none
        }

        .compare-section .compared-cards-container.no-cards::before {
            display: block
        }

        .compare-section .compared-cards-container.no-cards .arrows {
            display: none
        }

.card-application-container {
    padding-top: 20px;
    padding-bottom: 58px;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -o-transition: opacity .5s
}

    .card-application-container.display-message .page-form {
        opacity: 0;
        pointer-events: none
    }

    .card-application-container.display-message .form-message {
        opacity: 1;
        pointer-events: fill
    }

    .card-application-container .form-message {
        pointer-events: none;
        opacity: 0;
        -webkit-transition: opacity .5s;
        -moz-transition: opacity .5s;
        -ms-transition: opacity .5s;
        -o-transition: opacity .5s;
        position: absolute;
        left: 410px;
        top: 50%
    }

        .card-application-container .form-message .title {
            font-size: 34px;
            line-height: 38px;
            font-weight: 700;
            display: block;
            color: #333;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%)
        }

        .card-application-container .form-message .description {
            font-family: BeirutLight;
            font-size: 20px;
            line-height: 24px
        }

    .card-application-container > .flex-container {
        flex-wrap: nowrap
    }

.special-packages-intro .content {
    padding-top: 20px;
    padding-bottom: 20px
}

.special-packages-features .info ul li {
    max-width: 100%
}

.special-packages-benefits .content, .special-packages-lifestyle .content {
    width: 570px
}

.ui-datepicker th {
    font-family: Roboto-Regular;
    font-weight: 700;
    color: #666;
    font-size: 13px
}

.ui-button, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, html .ui-button.ui-state-disabled:active, html .ui-button.ui-state-disabled:hover {
    border: none;
    color: #666;
    font-size: 13px;
    font-family: Roboto-Regular;
    text-align: center;
    background: 0 0;
    min-height: 25px
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    background: #39ACD2;
    color: #fff
}

.ui-datepicker .ui-datepicker-header {
    background: 0 0;
    border: none
}

#ui-datepicker-div {
    margin-top: 3px;
    border-radius: 0
}

.ui-datepicker .ui-datepicker-prev {
    background: #fff !important;
    border: none !important
}

    .ui-datepicker .ui-datepicker-prev::before {
        content: '\f104';
        font-family: FontAwesome;
        font-size: 18px;
        color: #39ACD2;
        top: 2px;
        left: 5px;
        position: absolute
    }

.ui-datepicker .ui-datepicker-next {
    background: #fff !important;
    border: none !important
}

    .ui-datepicker .ui-datepicker-next::before {
        content: '\f105';
        font-family: FontAwesome;
        font-size: 18px;
        color: #39ACD2;
        top: 2px;
        right: 5px;
        position: absolute
    }

.accounts-intro .content .description, .corporate-banking-intro .content .description {
    max-width: 355px !important
}

.accounts-wedding .content {
    max-width: 600px !important;
    width: 40%
}

.accounts-wedding .content-position {
    max-width: 355px !important
}

.layalty-intro {
    padding-top: 50px;
    padding-bottom: 75px
}

.loyalty-questions {
    padding-top: 50px;
    padding-bottom: 56px;
    background-size: auto;
    background-position: right bottom
}

    .loyalty-questions .centeredcontainer {
        height: 100%
    }

    .loyalty-questions .content {
        width: 760px
    }

    .loyalty-questions .title-tail {
        font-size: 19px;
        line-height: 22px
    }

        .loyalty-questions .title-tail::before {
            top: 12px
        }

.redemption-intro {
    padding-top: 80px;
    padding-bottom: 130px
}

    .redemption-intro .loyalty-points-result {
        color: #333;
        font-size: 19px;
        line-height: 25px;
        display: block;
        margin-top: 23px
    }

        .redemption-intro .loyalty-points-result .value {
            font-family: BeirutLight;
            font-size: 47px;
            color: #0192c4;
            line-height: 56px;
            display: inline-block;
            vertical-align: middle;
            margin-left: 3px
        }

.publication-header-container {
    justify-content: space-between
}

    .publication-header-container .right-side .right-side-links {
        color: #fff;
        font-size: 24px;
        font-family: BeirutLight;
        line-height: 38px;
        padding-right: 5px
    }

.publications-navigation {
    background: #0d235e;
    border-bottom-color: #0d235e
}

.info-image-template.insurance-intro {
    height: 554px
}

.info-image-template.general-template .content {
    width: 41.5%;
    max-width: calc(100% - 770px);
    padding-right: 0
}

.info-image-template.investing-intro .content-position {
    max-width: 380px
}

.private-banking-intro .description {
    max-width: 100%
}

.life-insurance-section {
    background-position: top right;
    padding-top: 115px;
    padding-bottom: 115px
}

.saving-plans-details-intro .description {
    max-width: 565px
}

.private-banking-bottom {
    padding-top: 80px;
    padding-bottom: 90px;
    background-position: 110% 50%
}

.correspondent-banking-intro {
    max-height: 535px;
    min-height: 0 !important
}

.western-union-intro {
    height: auto
}

    .western-union-intro .description {
        max-width: 500px
    }

    .western-union-intro .content {
        width: auto
    }

.western-union-bottom {
    background-color: #F6F6F6;
    height: 426px
}

    .western-union-bottom .title {
        color: #0192c4;
        font-size: 37px
    }

    .western-union-bottom .description {
        margin-top: 30px
    }

    .western-union-bottom .content {
        width: 550px
    }

.about-us-intro {
    background-attachment: fixed !important
}

.group-subpage-header {
    border-bottom: 0;
    border-top: 1px solid #DDD;
    padding-top: 30px
}

    .group-subpage-header .page-title {
        width: auto;
        margin-right: 30px
    }

    .group-subpage-header .downloadables-filter {
        float: left;
        margin-top: 4px
    }

.awards-intro {
    max-height: 478px;
    border-top: 1px solid #DDD
}

.award-details-section .flex-container {
    justify-content: space-between
}

.award-details-section .content {
    width: 45%;
    padding-top: 30px;
    padding-bottom: 30px
}

    .award-details-section .content .title {
        font-size: 45px
    }

.award-details-section .image-frame {
    width: 50%;
    position: relative
}

    .award-details-section .image-frame::after {
        content: '';
        width: 1px;
        height: calc(100% - 130px);
        top: 60px;
        left: 0;
        background: #CCC;
        position: absolute
    }

.contact-center-intro {
    max-height: 436px
}

.complaints-intro {
    padding-top: 10px;
    padding-bottom: 64px
}

    .complaints-intro .content .title {
        font-size: 45px;
        line-height: 54px
    }

.careers-intro {
    max-height: 453px
}

.hiring-section .side:nth-of-type(1) {
    width: calc((100% - 40px) * .42)
}

.hiring-section .side:nth-of-type(2) {
    width: calc((100% - 40px) * .58);
    max-width: 100%
}

.hiring-section .experience-image {
    margin-top: 32px
}

.training-section {
    padding-top: 50px !important;
    padding-bottom: 55px !important;
    height: auto !important;
    max-height: 9999px;
    min-height: 300px
}

    .training-section .content {
        width: auto;
        max-width: calc(100% - 420px)
    }

        .training-section .content .title-tail {
            margin-top: 30px
        }

.property-page-form .inputfield.template5 .textarea {
    height: 129px
}

.locate-us-page-form {
    padding-top: 52px;
    padding-bottom: 52px;
    background: -webkit-gradient(linear,right top,right bottom,from(#368abd),to(#0d235e));
    background: -webkit-linear-gradient(right,#368abd,#0d235e);
    background: -moz-linear-gradient(right,#368abd,#0d235e);
    background: -ms-linear-gradient(right,#368abd,#0d235e);
    background: -o-linear-gradient(right,#368abd,#0d235e);
    z-index: 1
}

    .locate-us-page-form .back-btn {
        right: 0;
        bottom: 0;
        top: auto;
        display: none
    }

.group-table {
    padding-bottom: 44px;
    border-bottom: 1px solid #DDD;
    padding-top: 20px
}

    .group-table:first-of-type {
        padding-top: 0
    }

    .group-table:last-of-type {
        border-bottom: none;
        padding-bottom: 60px
    }

    .group-table .table-header li, .group-table .table-row li {
        text-align: left;
        padding-left: 40px
    }

        .group-table .table-header li:nth-of-type(1), .group-table .table-row li:nth-of-type(1) {
            padding-left: 74px
        }

.group-section {
    padding-top: 36px;
    padding-bottom: 10px
}

.shares-section {
    padding-top: 60px;
    padding-bottom: 36px
}

    .shares-section .section-title-30 {
        margin-bottom: 14px
    }

.shares-table .table-header li:nth-of-type(1), .shares-table .table-row li:nth-of-type(1) {
    width: 79px
}

.shares-table .table-header li:nth-of-type(2), .shares-table .table-row li:nth-of-type(2) {
    width: 239px
}

.shares-table .table-header li:nth-of-type(3), .shares-table .table-row li:nth-of-type(3) {
    width: calc((100% - 318px) * .127)
}

.shares-table .table-header li:nth-of-type(4), .shares-table .table-row li:nth-of-type(4) {
    width: calc((100% - 318px) * .105)
}

.shares-table .table-header li:nth-of-type(5), .shares-table .table-row li:nth-of-type(5) {
    width: calc((100% - 318px) * .134)
}

.shares-table .table-header li:nth-of-type(6), .shares-table .table-row li:nth-of-type(6) {
    width: calc((100% - 318px) * .135)
}

.shares-table .table-header li:nth-of-type(7), .shares-table .table-row li:nth-of-type(7) {
    width: calc((100% - 318px) * .146)
}

.shares-table .table-header li:nth-of-type(8), .shares-table .table-row li:nth-of-type(8) {
    width: calc((100% - 318px) * .132)
}

.shares-table .table-header li:nth-of-type(9), .shares-table .table-row li:nth-of-type(9) {
    width: calc((100% - 318px) * .108)
}

.shares-table .table-header li:nth-of-type(10), .shares-table .table-row li:nth-of-type(10) {
    width: calc((100% - 318px) * .113)
}

.asset-management-title {
    margin-top: 50px;
    margin-bottom: 14px
}

.asset-management-section {
    background: #EEE;
    padding-top: 58px;
    padding-bottom: 80px
}

.asset-management-table .table-header li, .asset-management-table .table-row li {
    text-align: left;
    padding-left: 22px
}

    .asset-management-table .table-header li:nth-of-type(1), .asset-management-table .table-row li:nth-of-type(1) {
        width: 23.6%
    }

    .asset-management-table .table-header li:nth-of-type(2), .asset-management-table .table-row li:nth-of-type(2) {
        width: 15.8%
    }

    .asset-management-table .table-header li:nth-of-type(3), .asset-management-table .table-row li:nth-of-type(3) {
        width: 10.3%
    }

    .asset-management-table .table-header li:nth-of-type(4), .asset-management-table .table-row li:nth-of-type(4) {
        width: 10.8%
    }

    .asset-management-table .table-header li:nth-of-type(5), .asset-management-table .table-row li:nth-of-type(5) {
        width: 8.6%
    }

    .asset-management-table .table-header li:nth-of-type(6), .asset-management-table .table-row li:nth-of-type(6) {
        width: 10.7%
    }

    .asset-management-table .table-header li:nth-of-type(7), .asset-management-table .table-row li:nth-of-type(7) {
        width: 11%
    }

    .asset-management-table .table-header li:nth-of-type(8), .asset-management-table .table-row li:nth-of-type(8) {
        width: 9.2%
    }

.dividend-table .table-header li, .dividend-table .table-row li {
    text-align: left;
    padding-left: 22px
}

    .dividend-table .table-header li:nth-of-type(1), .dividend-table .table-row li:nth-of-type(1) {
        width: 12.6%
    }

    .dividend-table .table-header li:nth-of-type(2), .dividend-table .table-row li:nth-of-type(2) {
        width: 15.1%
    }

    .dividend-table .table-header li:nth-of-type(3), .dividend-table .table-row li:nth-of-type(3) {
        width: 19.9%
    }

    .dividend-table .table-header li:nth-of-type(4), .dividend-table .table-row li:nth-of-type(4) {
        width: 14.8%
    }

    .dividend-table .table-header li:nth-of-type(5), .dividend-table .table-row li:nth-of-type(5) {
        width: 16.1%
    }

    .dividend-table .table-header li:nth-of-type(6), .dividend-table .table-row li:nth-of-type(6) {
        width: 21.5%
    }

.cards-intro-section {
    border-bottom: 1px solid #E8E8E8
}

    .cards-intro-section .image-frame img {
        -webkit-transform: rotate(-8deg);
        -moz-transform: rotate(-8deg);
        -ms-transform: rotate(-8deg);
        -o-transform: rotate(-8deg);
        width: 500px
    }

.cards-section-3 .image-frame img {
    -webkit-transform: rotate(9deg) scale(.8);
    -moz-transform: rotate(9deg) scale(.8);
    -ms-transform: rotate(9deg) scale(.8);
    -o-transform: rotate(9deg) scale(.8)
}

.cards-section-5 .image-frame img {
    -webkit-transform: rotate(5deg) scale(.8);
    -moz-transform: rotate(5deg) scale(.8);
    -ms-transform: rotate(5deg) scale(.8);
    -o-transform: rotate(5deg) scale(.8)
}

.cards-for-corporations-section .content {
    margin-top: 0 !important
}

.capital-markets-section .content.center-horizontal .content-position {
    margin-top: 20px;
    margin-bottom: 30px
}

.print-container {
    width: 1100px;
    margin: auto;
    border: 1px solid #DDD;
    padding: 30px 30px 110px 64px;
    min-height: 640px;
    position: relative;
    font-family: Tahoma,Verdana,Segoe,sans-serif;
    color: #666
}

    .print-container .flex-container {
        margin-top: 85px;
        justify-content: space-between
    }

    .print-container .print-info {
        widows: 350px
    }

        .print-container .print-info .title {
            font-size: 28px;
            text-transform: uppercase;
            display: block;
            border-bottom: 1px solid #CCC;
            padding: 8px 0 20px;
            line-height: 34px
        }

        .print-container .print-info .print-info-list {
            margin-top: 24px
        }

            .print-container .print-info .print-info-list li {
                font-size: 16px
            }

                .print-container .print-info .print-info-list li:nth-of-type(n+2) {
                    margin-top: 9px
                }

    .print-container .print-results {
        width: 511px;
        border: 1px solid #0192c4;
        padding: 48px 20px 32px 50px
    }

        .print-container .print-results .title {
            font-size: 20px;
            line-height: 24px;
            color: #004B8E;
            display: block
        }

        .print-container .print-results .print-results-list li {
            font-size: 20px;
            line-height: 24px;
            padding: 16px 0;
            position: relative
        }

            .print-container .print-results .print-results-list li:nth-of-type(n+2)::before {
                content: '';
                width: 272px;
                height: 1px;
                background: rgba(187,187,187,.53);
                position: absolute;
                top: 0;
                left: 0
            }

        .print-container .print-results .print-results-list .label, .print-container .print-results .print-results-list .value {
            display: block
        }

    .print-container .print-footer {
        position: absolute;
        bottom: 0;
        left: 0;
        height: 70px;
        width: 100%;
        background: #DDD;
        padding: 26px 42px 0 68px;
        font-size: 16px
    }

        .print-container .print-footer .more-info {
            float: left;
            color: #138CD8;
            padding-left: 32px
        }

            .print-container .print-footer .more-info::before {
                background-position: -570px 0;
                width: 18px;
                height: 22px;
                left: 0;
                top: -1px
            }

        .print-container .print-footer .print-source {
            float: right
        }

.business-pay-section > .flex-container {
    align-items: center
}

select::-ms-expand {
    display: none
}

.about-us-intro {
    height: auto !important;
    background-position: right bottom !important;
    background-size: auto !important;
    padding-bottom: 30px
}

.framework-intro {
    max-height: 9999px;
    min-height: 40vw;
    height: auto
}

    .framework-intro .description {
        max-width: 550px
    }

.framework-default-section {
    padding-top: 50px;
    padding-bottom: 50px;
    height: auto;
    max-height: 9999px
}

    .framework-default-section .content {
        width: 100%;
        max-width: 100%;
        padding-left: 0
    }

        .framework-default-section .content .description {
            line-height: 20px
        }

.compliance-default-section {
    max-height: 9999px;
    height: auto
}

    .compliance-default-section .content .description {
        max-width: 100%
    }

.correspondent-banking-bottom1 {
    background-position: calc(100% - 50vw) top !important
}

.correspondent-banking-bottom2 {
    background-position-y: bottom
}

.correspondent-banking-bottom {
    max-height: 9999px;
    height: auto
}

    .correspondent-banking-bottom .content {
        max-width: 100%;
        width: 700px
    }

        .correspondent-banking-bottom .content .description {
            line-height: 30px
        }

.business-pay-section {
    padding-top: 40px;
    padding-bottom: 20px
}

.locate-map .branch-info {
    width: auto !important
}

    .locate-map .branch-info .title {
        font-size: 24px;
        margin-bottom: 0;
        text-align: center;
        color: #0f2762
    }

    .locate-map .branch-info .info li {
        font-size: 13px;
        padding: 4px 0 5px;
        text-align: center
    }

        .locate-map .branch-info .info li::after, .locate-map .branch-info .info li::before {
            display: none
        }

        .locate-map .branch-info .info li:nth-of-type(n+2) {
            margin-top: -5px
        }

    .locate-map .branch-info .infowindow-directions {
        display: block;
        text-align: center;
        height: 40px;
        border-top: 1px solid #ccc;
        text-decoration: underline;
        line-height: 41px;
        font-size: 16px;
        font-family: Roboto-Regular;
        color: #0192c4;
        margin-top: 15px
    }

.loans-details-intro-85, .loans-details-intro-93 {
    height: 38vw
}

.loans-details-intro-109 {
    max-height: 530px;
    height: 31vw
}

.business-details-intro-3 {
    height: 38vw
}

.business-details-intro-7 {
    min-height: 400px
}

    .business-details-intro-7 .content {
        width: calc(100% - 800px)
    }

.loans-details-intro {
    background-position: right top !important
}

.special-packages-listing-143 .template-image, .special-packages-listing-60 .template-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important
}

.special-packages-listing-143 .template-text, .special-packages-listing-60 .template-text {
    z-index: 1
}

.results-listing.no-result {
    position: relative;
    height: 50px
}

    .results-listing.no-result::before {
        content: 'No results found.';
        font-size: 20px;
        position: absolute;
        top: 20px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%)
    }

.privacy-statement-container {
    padding-top: 35px;
    padding-bottom: 45px
}

.privacy-text-listing {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 170px;
    -moz-column-gap: 170px;
    column-gap: 170px;
    margin-top: 40px
}

    .privacy-text-listing li {
        margin-bottom: 40px;
        -webkit-column-break-inside: avoid;
        page-break-inside: avoid;
        break-inside: avoid-column
    }

    .privacy-text-listing .title {
        font-size: 19px;
        color: #333;
        display: block
    }

    .privacy-text-listing .description {
        font-size: 15px;
        color: #525252;
        display: block;
        font-family: Roboto-Regular;
        line-height: 21px;
        margin-top: 10px
    }

    .privacy-text-listing.single-column {
        -webkit-column-count: 1 !important;
        -moz-column-count: 1 !important;
        column-count: 1 !important;
        -webkit-column-gap: 0 !important;
        -moz-column-gap: 0 !important;
        column-gap: 0 !important;
        padding-bottom: 40px
    }

.disclaimer-listing {
    margin-bottom: 40px;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid-column
}

.investor-logo-container {
    position: relative;
    float: right
}

    .investor-logo-container.inline-filter-investor-logo {
        margin-top: -18px;
        margin-bottom: -18px
    }

    .investor-logo-container.group-facts-investor-logo {
        margin-top: 20px;
        margin-bottom: -40px
    }

    .investor-logo-container.market-data-investor-logo {
        margin-bottom: 20px
    }

.digital-media-container ul li {
    padding-left: 20px;
    position: relative;
    margin-bottom: 10px
}

    .digital-media-container ul li::before {
        content: '';
        width: 6px;
        height: 6px;
        position: absolute;
        left: 2px;
        top: 10px;
        border-radius: 100%;
        background: #0192c4
    }

.error-404-container {
    font-size: 14px;
    width: 100%;
    max-width: 825px;
    margin: 0 auto;
    text-align: center;
    padding: 60px 5px 100px;
    min-height: calc(100vh - 289px)
}

    .error-404-container .errorcode {
        font-size: 14em;
        font-family: Impact;
        display: block;
        background: url(../images/page404.html) -1px 30px no-repeat;
        margin: auto
    }

    .error-404-container .error500 .errorcode {
        background: url(../images/page500.html) -1px 30px no-repeat
    }

    .error-404-container .ie7 #error .banner img {
        margin-top: 41px
    }

    .error-404-container .errorstatus {
        font-size: 4em;
        font-family: Impact;
        display: block;
        color: #E0E0E0;
        height: 55px;
        line-height: 55px;
        text-align: center
    }

    .error-404-container .errorcaption {
        display: block;
        color: #555;
        font-size: 16px;
        font-family: Arial,Helvetica,sans-serif;
        margin-top: 10px;
        text-align: center
    }

    .error-404-container .backtohome {
        width: 218px;
        height: 39px;
        background: #333;
        color: #fff;
        border: 1px solid #333;
        transition: color .3s,background .3s;
        display: block;
        line-height: 36px;
        text-decoration: none;
        margin: 24px auto auto;
        font-size: 14px;
        font-family: Tahoma,Helvetica,Sans-Serif
    }

        .error-404-container .backtohome:hover {
            background: #fff;
            color: #333;
            transition: color .3s,background .3s
        }

    .error-404-container .maintenance {
        margin-top: 40px;
        margin-bottom: 20px
    }

    .error-404-container .exceptiondetails {
        width: 26px;
        height: 26px;
        display: block;
        background: url(../images/error500.png) no-repeat;
        cursor: pointer;
        margin: 12px auto
    }

    .error-404-container .exception {
        visibility: hidden;
        display: block;
        margin-bottom: 20px;
        color: #555;
        font-size: 16px;
        font-family: Arial,Helvetica,sans-serif;
        overflow: hidden
    }

@media (max-width:1745px) {
    .correspondent-banking-bottom2 {
        background-position-x: calc(100% + 200px)
    }
}

@media (max-width:1720px) {
    .article-details-section .frame.video-frame {
        min-height: 0
    }

    .article-details-section .frame iframe {
        height: calc((((100vw - 120px) * .4) - 50px) * .56)
    }
}

@media (max-width:1630px) {
    .footer-box .social-list li .social-icon {
        width: 35px;
        height: 35px
    }

        .footer-box .social-list li .social-icon::before {
            font-size: 22px
        }

    .footer-box .social-list li:last-of-type {
        width: 35px !important
    }

    .footer-box .social-list li:nth-last-child(2), .footer-box .social-list li:nth-last-child(2) ~ li {
        width: calc((100% - 36px) / 2)
    }

    .footer-box .social-list li:nth-last-child(3), .footer-box .social-list li:nth-last-child(3) ~ li {
        width: calc((100% - 36px) / 2)
    }

    .footer-box .social-list li:nth-last-child(4), .footer-box .social-list li:nth-last-child(4) ~ li {
        width: calc((100% - 36px) / 3)
    }

    .footer-box .social-list li:nth-last-child(5), .footer-box .social-list li:nth-last-child(5) ~ li {
        width: calc((100% - 36px) / 4)
    }

    .footer-box .social-list li:nth-last-child(6), .footer-box .social-list li:nth-last-child(6) ~ li {
        width: calc((100% - 36px) / 5)
    }

    .footer-box .social-list li:nth-last-child(7), .footer-box .social-list li:nth-last-child(7) ~ li {
        width: calc((100% - 36px) / 6)
    }
}

@media (max-width:1528px) {
    .about-us-intro {
        background-position: calc(100% + 140px) bottom !important
    }
}

@media (max-width:1528px) {
    .private-banking-intro-section {
        background-position-x: calc(100% + 200px)
    }

        .private-banking-intro-section .content {
            width: calc(100% - 550px)
        }

    .correspondent-banking-bottom2 {
        background-position-x: calc(100% + 400px)
    }
}

@media (max-width:1500px) {
    .small-article {
        width: calc((100% - 44px) / 2) !important;
        max-width: 645px
    }

        .small-article:nth-of-type(3) {
            display: none
        }

        .small-article .frame {
            width: 64%
        }

        .small-article .content {
            width: 36%
        }
}

@media (max-width:1454px) {
    .special-packages-lifestyle {
        background-size: auto
    }

    .intro-info-background .content {
        width: calc(100% - 600px)
    }

    .private-banking-intro .content {
        width: calc(100% - 460px)
    }

    .eway-intro {
        background-position-x: calc(100% + 100px)
    }

        .eway-intro .content {
            width: calc(100% - 600px)
        }

    .digital-intro-parent-15 {
        background-position-x: calc(100% + 100px)
    }

        .digital-intro-parent-15 .content {
            width: calc(100% - 600px)
        }

    .private-banking-intro-section {
        background-attachment: fixed
    }

        .private-banking-intro-section .content {
            width: calc(100% - 600px)
        }

    .digital-intro-24-115 .content {
        width: calc(100% - 660px)
    }

    .digital-intro-23-116 .content {
        width: calc(100% - 600px)
    }

    .training-section {
        background-position: calc(100% + 130px) top
    }
}

@media (max-width:1400px) {
    .framework-intro {
        background-position: 120% top
    }

    .business-details-intro-3 {
        background-position-x: calc(100% + 50px)
    }
}

@media (max-width:1360px) {
    .page-filter li .filter-label {
        font-size: 14px
    }

    .western-union-intro-15 {
        background-position-x: calc(100% + 100px)
    }

    .correspondent-banking-bottom2 {
        background-position-x: calc(100% + 500px) !important
    }
}

@media (max-width:1320px) {
    .life-insurance-section {
        background-size: contain;
        padding-top: 80px;
        padding-bottom: 80px
    }
}

@media (max-width:1302px) {
    .listing-padding {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (max-width:1310px) {
    .downloadable-entry {
        width: calc((100% - 54px) / 3)
    }
}

@media (max-width:1300px) {
    .full-footer {
        padding-bottom: 12px
    }

        .full-footer .sitemap-column {
            width: calc(100% / 2);
            margin-bottom: 48px
        }

    .timeline-container .timline-navigation .timeline-overflow {
        width: calc(100% - 220px)
    }

    .private-banking-intro-section {
        background-position-x: calc(100% + 250px)
    }

    .business-details-intro-7 .content {
        width: calC(100% - 700px)
    }
}

@media (max-width:1250px) {
    .variable-padding {
        padding-left: 20px !important;
        padding-right: 20px !important
    }

    .text-image-template .template-text, .text-image-template.embedded-video .template-text {
        width: 50%
    }

    .text-image-template.embedded-video .template-image {
        width: calc(50% + 20px)
    }

    .text-image-template .template-image {
        width: calc(50% + 20px);
        margin-right: -20px
    }

    .text-image-template.reversed .template-image {
        margin-left: -20px;
        margin-right: 0
    }

    .text-image-template.with-table .template-image {
        max-width: calc(100% - 677px)
    }

    .logo {
        width: 170px
    }

    .site-settings.outside > li.country-dropdown {
        width: 105px
    }

    .site-settings.outside > li.type-dropdown {
        width: 150px
    }

    .footer-box {
        max-width: 510px;
        width: calc((100% - 50px) / 3);
        padding: 25px 30px 23px
    }

        .footer-box:nth-of-type(n+2) {
            margin-left: 25px
        }

        .footer-box.twitter-feed {
            padding-top: 50px
        }

            .footer-box.twitter-feed::before {
                top: 17px;
                left: 30px
            }

    .properties-filtering-container .properties-categories-container .arrows.left-arrow {
        left: 0
    }

    .properties-filtering-container .properties-categories-container .arrows.right-arrow {
        right: 0
    }

    .properties-filtering-container .properties-categories-swiper {
        max-width: calc(100% - 80px)
    }

    .article-details-section .frame iframe {
        height: calc((((100vw - 40px) * .4) - 50px) * .56)
    }

    .framework-intro .description {
        max-width: 100%
    }
}

@media (max-width:1275px) {
    .section-padding {
        padding-left: 40px;
        padding-right: 40px
    }

    .home-listing::before {
        width: calc(100% - 80px)
    }

    .home-services .arrows.left-arrow {
        left: -25px
    }

    .home-services .arrows.right-arrow {
        right: -25px
    }

    .video-chat {
        right: 40px
    }

    .interest-swiper-container {
        padding-left: 10px;
        padding-right: 10px
    }

        .interest-swiper-container .arrows.left-arrow {
            left: -20px
        }

        .interest-swiper-container .arrows.right-arrow {
            right: -20px
        }

    .contact-center-intro {
        background-position: calc(100% + 150px) top
    }

    .business-details-intro-98 {
        background-position-x: calc(100% + 100px)
    }
}

@media (max-width:1225px) {
    .digital-intro-parent-19 {
        background-position-x: calc(100% + 30px)
    }

        .digital-intro-parent-19 .content {
            width: calc(100% - 520px)
        }
}

@media (max-width:1216px) {
    .default-article-template {
        width: calc((100% - 40px) / 3);
        max-width: 360px
    }

        .default-article-template:nth-of-type(3n - 1), .default-article-template:nth-of-type(3n) {
            margin-left: 19px
        }

    .info-image-background {
        height: auto;
        padding-top: 50px;
        padding-bottom: 50px
    }

        .info-image-background .content {
            padding-left: 20px
        }

        .info-image-background.loyalty-questions {
            background-position: 120% bottom;
            background-size: contain;
            height: auto !important
        }

    .business-details-intro-3 {
        background-position-x: calc(100% + 120px)
    }
}

@media (max-width:1200px) {
    .informative-blocks .info-block {
        padding: 60px 40px 60px 70px !important
    }

    .western-union-intro {
        min-height: 0 !important;
        max-height: 999px !important
    }

    .gradient-stripe {
        padding-top: 26px;
        padding-bottom: 30px;
        height: auto
    }

        .gradient-stripe .flex-container::after, .gradient-stripe .flex-container::before {
            width: 120px
        }

        .gradient-stripe .text {
            padding-left: 140px;
            padding-right: 140px
        }

    .asset-management-table .table-header li, .shares-table .table-header li {
        font-size: 16px
    }

    .locate-us-page-form {
        padding-top: 20px;
        padding-bottom: 20px
    }

        .locate-us-page-form .back-btn {
            position: relative;
            margin-top: 20px
        }

    .page-filter li {
        padding-right: 5px
    }
}

@media (max-width:1159px) {
    .compare-header-form .centered-container {
        padding-left: 54px
    }

    .compare-header-form .inputfield {
        width: calc((100% - 90px) / 3);
        min-width: 230px;
        margin-bottom: 10px
    }

        .compare-header-form .inputfield:nth-of-type(n+1) {
            margin-left: 30px
        }

    .info-image-template.general-template .content {
        max-width: calc(100% - 600px)
    }

    .corporate-banking-intro {
        background-position: -130px top !important
    }

    .about-us-intro {
        background-position: calc(100% + 430px) bottom !important
    }

        .about-us-intro .content {
            width: 100% !important;
            max-width: calc(100% - 520px) !important
        }

            .about-us-intro .content .description {
                max-width: 100%
            }

    .announcement {
        width: calc((100% - 35px) / 2)
    }

        .announcement:nth-of-type(n+3) {
            margin-top: 34px
        }

    .header-menu li {
        font-size: 15px;
        width: 121px
    }

        .header-menu li:nth-of-type(3) {
            width: 115px
        }

        .header-menu li:nth-of-type(5) {
            width: 100px
        }

    .page-filter {
        padding-left: 10px;
        justify-content: flex-start;
        flex-wrap: wrap
    }

        .page-filter li {
            padding-right: 15px
        }
}

@media (max-width:1136px) {
    .home-services .service-form {
        padding-bottom: 264px
    }

        .home-services .service-form .multi-step-form .form-step .information {
            padding-right: 100px;
            max-width: 320px
        }

            .home-services .service-form .multi-step-form .form-step .information > .title {
                font-size: 30px;
                line-height: 36px
            }

            .home-services .service-form .multi-step-form .form-step .information .info-block {
                padding: 16px 0 14px
            }

                .home-services .service-form .multi-step-form .form-step .information .info-block .description, .home-services .service-form .multi-step-form .form-step .information .info-block .title {
                    font-size: 22px;
                    line-height: 26px
                }

            .home-services .service-form .multi-step-form .form-step .information::after {
                right: 40px
            }

        .home-services .service-form.buy-a-house-form {
            padding-bottom: 361px
        }

    .action-list .action .action-icon {
        width: 150px;
        height: 150px;
        margin-bottom: 20px
    }

    .action-list .action:nth-of-type(n+2) {
        margin-left: 18px
    }

    .info-image-template.label-new .centeredcontainer::after {
        right: -10px;
        top: -30px
    }

    .intro-info-background:not(.contact-center-intro):not(.small-business-loans-section) {
        min-height: 40vw;
        max-height: 9999px;
        height: auto
    }

        .intro-info-background:not(.contact-center-intro):not(.small-business-loans-section).loans-details-intro-85 {
            min-height: 38vw
        }

        .intro-info-background:not(.contact-center-intro):not(.small-business-loans-section).loans-details-intro-93 {
            min-height: 38vw
        }

        .intro-info-background:not(.contact-center-intro):not(.small-business-loans-section).loans-details-intro-109 {
            min-height: 31vw
        }

    .fixed-bar li .sliding-content {
        padding-left: 15px;
        padding-right: 15px
    }

    .fixed-bar li .item-icon {
        font-size: 18px;
        line-height: 19px;
        padding-top: 78px;
        white-space: normal
    }

    .fixed-bar li .description {
        font-size: 20px;
        line-height: 24px
    }

    .home-services .service-form .multi-step-form .form-step .service-apply-block .left-side {
        width: 486px
    }

    .home-services .service-form .multi-step-form .form-step .service-apply-block .or {
        width: calc(100% - 786px)
    }

    .governance-table .table-header li {
        font-size: 16px
    }

        .governance-table .table-header li:first-of-type {
            padding-left: 50px
        }

    .governance-table .table-row li {
        font-size: 14px
    }

        .governance-table .table-row li:first-of-type {
            padding-left: 50px
        }

    .intro-info-background .content {
        width: calc(100% - 400px)
    }

    .intro-info-background.eway-intro .content {
        width: calc(100% - 600px)
    }

    .private-banking-intro-section {
        background-position-x: calc(100% + 300px)
    }

        .private-banking-intro-section .content {
            width: calc(100% - 470px)
        }

    .digital-intro-parent-15 {
        background-position-x: calc(100% + 350px)
    }

        .digital-intro-parent-15 .content {
            width: calc(100% - 260px)
        }
}

@media (max-width:1100px) {
    .framework-intro {
        background-position: 185% top
    }

    .intro-info-background.default-business-details .content {
        width: 100%
    }

    .intro-info-background.default-business-details.business-details-intro-3 {
        background-position-x: calc(100% + 260px)
    }

        .intro-info-background.default-business-details.business-details-intro-3 .content {
            width: calc(100% - 300px)
        }

    .intro-info-background.default-business-details.business-details-intro-98 {
        background-position-x: calc(100% + 200px)
    }

        .intro-info-background.default-business-details.business-details-intro-98 .content {
            width: calC(100% - 480px)
        }

    .intro-info-background.hide-bg-1100 {
        background-image: none !important
    }

    .intro-info-background.small-business-loans-section {
        min-height: 360px
    }

        .intro-info-background.small-business-loans-section .content {
            width: calc(100% - 540px)
        }

    .intro-info-background.loans-details-intro-109 {
        min-height: 31vw;
        background-position: calc(100% + 70px) top
    }

        .intro-info-background.loans-details-intro-109 .content {
            width: calc(100% - 550px)
        }

    .intro-info-background.eway-intro {
        background-position-x: calc(100% + 100px)
    }

    .digital-intro-24-115 {
        background-position-x: calc(100% + 200px)
    }

        .digital-intro-24-115 .content {
            width: calc(100% - 400px)
        }

    .digital-intro-23-116 {
        background-position-x: calc(100% + 140px)
    }

        .digital-intro-23-116 .content {
            width: calc(100% - 460px)
        }

    .digital-intro-parent-19 {
        background-position-x: calc(100% + 100px)
    }
}

@media (max-width:1020px) {
    .framework-intro {
        background-image: none !important
    }

        .framework-intro .content {
            width: 100%
        }

    .correspondent-banking-intro {
        background-position-x: calc(100% + 100px)
    }
}

@media (max-width:1110px) {
    .fullwidth-gradient-container .fullwidth-gradient-swiper {
        max-width: calc(100% - 60px);
        margin: auto
    }
}

@media (max-width:1100px) {
    .full-cover-listing .blue-articles-container {
        margin-top: 100px
    }

    .blue-transparent-article:nth-last-child(4), .blue-transparent-article:nth-last-child(4) ~ .blue-transparent-article {
        width: calc(100% / 2)
    }

    .blue-transparent-article:nth-last-child(5), .blue-transparent-article:nth-last-child(5) ~ .blue-transparent-article {
        width: calc(100% / 2)
    }

    .blue-transparent-article:nth-last-child(6), .blue-transparent-article:nth-last-child(6) ~ .blue-transparent-article {
        width: calc(100% / 2) !important
    }

    .blue-transparent-article:nth-last-child(5) + .blue-transparent-article + .blue-transparent-article + .blue-transparent-article + .blue-transparent-article {
        width: 100%
    }

    .blue-transparent-article:nth-of-type(1), .blue-transparent-article:nth-of-type(4), .blue-transparent-article:nth-of-type(5) {
        background: 0 0 !important
    }

    .blue-transparent-article:nth-of-type(2), .blue-transparent-article:nth-of-type(3), .blue-transparent-article:nth-of-type(6), .blue-transparent-article:nth-of-type(7) {
        background: rgba(0,74,144,.4) !important
    }

    .accounts-intro {
        background-position: -130px top !important
    }

    .blue-transparent-article-2:nth-of-type(2n - 1) {
        background: 0 0 !important
    }

    .saving-plans-details-intro .content {
        width: calc(100% - 385px)
    }

    .info-image-background {
        background-position-x: calc(100% + 100px)
    }

    .timeline-container .timline-navigation .timeline-overflow {
        width: calc(100% - 120px)
    }

    .timeline-container .timline-navigation .arrows.left-arrow {
        left: 25px
    }

    .timeline-container .timline-navigation .arrows.right-arrow {
        right: 25px
    }

    .profile {
        width: calc((100% - 4px) / 4)
    }

        .profile:nth-of-type(n+5) {
            margin-top: 64px
        }

        .profile:nth-of-type(5n - 4)::before {
            display: none
        }

        .profile:nth-of-type(4n - 3)::before {
            display: block
        }

    .local-subsidiaries-section .related-swiper-content .subsidiary {
        padding: 50px 0 85px
    }

        .local-subsidiaries-section .related-swiper-content .subsidiary .content {
            max-width: calc(100% - 505px)
        }

        .local-subsidiaries-section .related-swiper-content .subsidiary .subsidiary-info {
            padding: 47px 0 44px 30px;
            min-width: 470px
        }

    .contact-channels-section {
        background-position: calc(110%) bottom
    }

        .contact-channels-section .contact-channels, .contact-channels-section .subtitle {
            width: calc(100% - 360px)
        }

    .training-section {
        padding-top: 30px !important;
        padding-bottom: 35px !important;
        background-position: calc(100% + 150px) top
    }

        .training-section .content {
            max-width: calc(100% - 400px)
        }

    .property-details-section {
        padding-top: 24px;
        padding-bottom: 26px
    }

        .property-details-section .article-gallery {
            width: 100%;
            max-width: 100%;
            min-width: 0;
            border-right: none;
            padding-right: 0
        }

            .property-details-section .article-gallery + .article-description {
                margin-top: 35px
            }

            .property-details-section .article-gallery .thumbnails-container {
                position: relative;
                top: auto;
                left: auto;
                width: 100%;
                height: auto;
                margin-top: 10px
            }

                .property-details-section .article-gallery .thumbnails-container .swiper-wrapper {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: -webkit-flex;
                    display: flex
                }

                .property-details-section .article-gallery .thumbnails-container .thumb {
                    margin-top: 0 !important;
                    width: 56px;
                    height: 56px
                }

                    .property-details-section .article-gallery .thumbnails-container .thumb:nth-of-type(n+2) {
                        margin-left: 9px
                    }

            .property-details-section .article-gallery .gallery-swiper {
                margin-left: 0;
                width: 100%
            }

        .property-details-section .article-description {
            width: 100% !important;
            max-width: 100% !important;
            padding-left: 0 !important
        }

    .special-packages-lifestyle {
        background-size: auto
    }

    .timeline-container .floating-info-box {
        left: 50%;
        max-width: calc(100% - 90px)
    }
}

@media (max-width:1060px) {
    .manager {
        width: calc(100% / 4)
    }

        .manager:nth-of-type(n+5) {
            margin-top: 56px
        }

        .manager:nth-of-type(5n - 4)::before {
            display: none
        }

        .manager:nth-of-type(4n - 3)::before {
            display: block
        }

    .award-details-section .content {
        width: 50%;
        padding-right: 20px
    }

    .article-details-section .frame {
        padding-right: 25px
    }

        .article-details-section .frame + .description {
            padding-left: 25px
        }

    .asset-management-table .table-header li, .shares-table .table-header li {
        font-size: 15px
    }

    .article-details-section .frame iframe {
        height: calc((((100vw - 40px) * .4) - 25px) * .56)
    }
}

@media (min-width:1016px) {
    body.open-left-nav {
        height: auto !important
    }
}

@media (max-width:1015px) {
    .overflow-element {
        overflow: hidden
    }

    .has-bar .main-header, .main-header {
        z-index: 21
    }

    .has-bar .left-navigation {
        top: 130px !important
    }

    .left-submenu {
        height: auto !important;
        min-height: calc(100vh - 165px)
    }

    .listing-padding, .section-padding {
        padding-left: 24px;
        padding-right: 24px
    }

    .home-listing::before {
        width: calc(100% - 48px)
    }

    .video-chat {
        right: 24px
    }

    .header-menu {
        display: none
    }

    .site-settings.outside > li:not(.search-toggle) {
        display: none
    }

    .site-settings.inside {
        display: block;
        position: absolute;
        width: 100%;
        height: 86px;
        background: #0192c4;
        left: 0;
        top: 0;
        padding: 24px 28px 0 20px
    }

        .site-settings.inside > li {
            display: block;
            float: left
        }

            .site-settings.inside > li.language-dropdown {
                width: 50px
            }

            .site-settings.inside > li.type-dropdown {
                margin-left: 7px !important
            }

            .site-settings.inside > li:not(.language-dropdown) {
                width: calc(50% - 32px) !important
            }

    .burger-toggle {
        background: #fff;
        left: 0
    }

    .left-navigation {
        position: absolute;
        height: auto
    }

    .header-fixed .burger-toggle {
        border: 1px solid rgba(221,221,221,.7)
    }

    .header-fixed .left-navigation {
        min-height: calc(100vh - 80px);
        top: 80px
    }

    .header-fixed .right-search {
        height: calc(100vh - 80px);
        top: 80px
    }

    .main-header {
        height: 119px
    }

    .site-settings.outside {
        margin-top: 35px
    }

    .right-search {
        height: calc(100vh - 119px);
        top: 119px;
        width: 100%;
        padding: 94px 20px 20px;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%)
    }

        .right-search .close-right-menu {
            left: 20px
        }

        .right-search .searchfield {
            width: calc(100% - 40px);
            left: 20px
        }

    .left-navigation {
        min-height: calc(100vh - 119px);
        padding: 86px 0 20px;
        top: 119px;
        width: 100%;
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        background-image: none
    }

        .left-navigation .close-left-menu {
            display: none
        }

        .left-navigation .searchfield {
            top: 115px;
            left: 20px;
            width: calc(100% - 48px)
        }

            .left-navigation .searchfield.desktop-field {
                display: none
            }

            .left-navigation .searchfield.mobile-field {
                display: block;
                position: relative;
                top: 0;
                left: 0;
                margin: 28px auto 20px;
                width: 100%
            }

        .left-navigation .nav-content {
            position: relative;
            padding: 0 28px 0 20px
        }

            .left-navigation .nav-content .nav-links {
                width: 100%
            }

                .left-navigation .nav-content .nav-links .nav-item {
                    margin: 0 !important;
                    width: 100%;
                    padding: 19px 0 17px;
                    position: relative
                }

                    .left-navigation .nav-content .nav-links .nav-item:first-of-type::after {
                        display: none
                    }

                    .left-navigation .nav-content .nav-links .nav-item:nth-of-type(n+2)::after {
                        content: '';
                        width: 93px;
                        height: 1px;
                        background: rgba(242,246,249,.2);
                        top: 0;
                        left: 0;
                        position: absolute
                    }

                    .left-navigation .nav-content .nav-links .nav-item:nth-of-type(4)::after {
                        display: none
                    }

            .left-navigation .nav-content::before {
                content: '';
                width: 100%;
                height: 242px;
                background: rgba(255,255,255,.06);
                position: absolute;
                z-index: 0;
                left: 0;
                border-top: 1px solid rgba(242,246,249,.2);
                top: -25px;
                border-bottom: 2px solid rgba(0,56,106,.4)
            }

            .left-navigation .nav-content::after {
                content: '';
                width: 100%;
                height: 246px;
                border-top: 1px solid rgba(242,246,249,.2);
                border-bottom: 1px solid rgba(242,246,249,.2);
                background: rgba(242,246,249,.06);
                top: 0;
                left: 0;
                position: absolute;
                z-index: -1
            }

    .open-left-nav #container {
        -webkit-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -o-transform: none !important
    }

    .open-left-nav .main-header {
        -webkit-transform: translate(0) !important;
        -moz-transform: translate(0) !important;
        -ms-transform: translate(0) !important;
        -o-transform: translate(0) !important;
        background: #fff
    }

    .open-left-nav.header-fixed .main-header {
        -webkit-transform: translate(0) !important;
        -moz-transform: translate(0) !important;
        -ms-transform: translate(0) !important;
        -o-transform: translate(0) !important
    }

    .open-left-nav.open-left-submenu .left-submenu {
        -webkit-transform: translateX(0) !important;
        -moz-transform: translateX(0) !important;
        -ms-transform: translateX(0) !important;
        -o-transform: translateX(0) !important;
        z-index: 2
    }

    .open-lowest-level-menu .left-submenu .submenu-content > .mCustomScrollBox > .mCSB_scrollTools {
        visibility: hidden
    }

    .left-submenu {
        width: 100%;
        -webkit-transform: translateX(-100%) !important;
        -moz-transform: translateX(-100%) !important;
        -ms-transform: translateX(-100%) !important;
        -o-transform: translateX(-100%) !important;
        top: 85px;
        padding-top: 0;
        z-index: 2
    }

        .left-submenu .submenu-mobile-title {
            cursor: pointer;
            display: block;
            width: 100%;
            background: rgba(0,44,83,.3);
            padding: 22px 70px 18px 20px;
            color: #EBEBEB;
            font-size: 23px;
            line-height: 32px
        }

            .left-submenu .submenu-mobile-title::after {
                content: '\f060';
                font-size: 16px;
                color: #fff;
                right: 40px;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                -o-transform: translateY(-50%)
            }

        .left-submenu .submenu-content {
            padding-right: 0;
            margin-top: 10px;
            height: calc(100% - 100px);
            display: block;
            flex-wrap: wrap
        }

            .left-submenu .submenu-content .mCustomScrollBox {
                width: 100%
            }

            .left-submenu .submenu-content .mCSB_container {
                display: block
            }

            .left-submenu .submenu-content .column {
                width: 100% !important;
                float: none;
                border: 0;
                position: relative;
                padding-left: 20px;
                padding-right: 20px
            }

                .left-submenu .submenu-content .column .links-block {
                    text-transform: uppercase;
                    margin-top: 0 !important;
                    margin-bottom: 0 !important;
                    position: relative;
                    padding-top: 14px;
                    padding-bottom: 16px
                }

                    .left-submenu .submenu-content .column .links-block .title {
                        margin-bottom: 0;
                        line-height: 21px;
                        font-size: 15px
                    }

                        .left-submenu .submenu-content .column .links-block .title.open + .submenu-mobile-container {
                            -webkit-transform: translateX(0);
                            -moz-transform: translateX(0);
                            -ms-transform: translateX(0);
                            -o-transform: translateX(0)
                        }

                    .left-submenu .submenu-content .column .links-block:nth-of-type(n+2)::before {
                        content: '';
                        height: 1px;
                        width: 93px;
                        background: rgba(255,255,255,.2);
                        position: absolute;
                        top: 0;
                        left: 0
                    }

                .left-submenu .submenu-content .column:nth-of-type(n+2) .links-block:first-of-type::before {
                    content: '';
                    height: 1px;
                    width: 93px;
                    background: rgba(255,255,255,.2);
                    position: absolute;
                    top: 0;
                    left: 0
                }

            .left-submenu .submenu-content .submenu-mobile-container {
                background: #0192c4;
                z-index: 1;
                position: fixed;
                width: 100vw;
                min-height: calc(100vh - 165px);
                height: auto;
                top: 0;
                left: 0;
                -webkit-transform: translateX(-100%);
                -moz-transform: translateX(-100%);
                -ms-transform: translateX(-100%);
                -o-transform: translateX(-100%);
                -moz-transition: transform .5s;
                -ms-transition: transform .5s;
                -o-transition: transform .5s;
                -webkit-transition: -webkit-transform .5s
            }

                .left-submenu .submenu-content .submenu-mobile-container .link {
                    padding-left: 20px !important;
                    padding-right: 20px !important;
                    padding: 18px;
                    color: #EBEBEB;
                    position: relative
                }

                    .left-submenu .submenu-content .submenu-mobile-container .link:nth-of-type(n+2)::before {
                        content: '';
                        height: 1px;
                        width: 93px;
                        background: rgba(255,255,255,.2);
                        position: absolute;
                        top: 0;
                        left: 22px
                    }

                .left-submenu .submenu-content .submenu-mobile-container .submenu-mobile-title {
                    margin-bottom: 10px
                }

    .open-right-search.header-fixed .main-header {
        -webkit-transform: translate(0) !important;
        -moz-transform: translate(0) !important;
        -ms-transform: translate(0) !important;
        -o-transform: translate(0) !important
    }

    .home-services .home-services-swiper {
        width: calc(100% - 50px)
    }

    .home-services > .centeredcontainer::before {
        left: 26px
    }

    .home-services > .centeredcontainer::after {
        right: 26px
    }

    .home-services .arrows.right-arrow {
        right: 0
    }

    .home-services .arrows.left-arrow {
        left: 0
    }

    body:not(.open-left-nav).open-right-search #container {
        -webkit-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -o-transform: none !important
    }

    body:not(.open-left-nav).open-right-search .main-header {
        -webkit-transform: translate(0) !important;
        -moz-transform: translate(0) !important;
        -ms-transform: translate(0) !important;
        -o-transform: translate(0) !important;
        background: #fff
    }

    body.subpage-default-header .site-settings.outside {
        margin-top: 45px
    }

    body.subpage-default-header .burger-toggle {
        top: 45px
    }

    body.subpage-default-header .right-search {
        top: 134px;
        height: calc(100vh - 134px)
    }

    body.subpage-default-header .left-navigation {
        top: 0
    }

    .social-links {
        display: none
    }

    .home-services::after, .home-services::before {
        min-width: 59px
    }

    .footer-box {
        width: calc((100% - 44px) / 2)
    }

        .footer-box:nth-of-type(n+2) {
            margin-left: 44px
        }

        .footer-box:nth-of-type(n+3) {
            margin-top: 18px
        }

        .footer-box.newsletter-box {
            width: 100%;
            max-width: 100%;
            margin-left: 0 !important
        }

        .footer-box .description {
            max-width: 100%
        }

        .footer-box .newsletter-input {
            max-width: 390px;
            margin-top: 22px
        }

    .page-form {
        padding-left: 75px
    }

        .page-form .inputs-block .inputs-margin-fix {
            width: calc(100% + 25px);
            margin-left: -25px
        }

        .page-form .inputs-block .title::before {
            display: none
        }

    .inputfield.template4 {
        margin-left: 25px;
        max-width: calc((100% - 50px) / 2)
    }

    .card-details-panel .description {
        max-width: 300px
    }

    .full-background-info::before {
        background: -webkit-gradient(linear,right top,right bottom,from(rgba(0,56,106,0)),to(rgba(0,56,106,.9)));
        background: -webkit-linear-gradient(right,rgba(0,56,106,0),rgba(0,56,106,.9));
        background: -moz-linear-gradient(right,rgba(0,56,106,0),rgba(0,56,106,.9));
        background: -ms-linear-gradient(right,rgba(0,56,106,0),rgba(0,56,106,.9));
        background: -o-linear-gradient(right,rgba(0,56,106,0),rgba(0,56,106,.9))
    }

    .interest-swiper-container {
        padding-left: 20px;
        padding-right: 20px
    }

        .interest-swiper-container .arrows.left-arrow {
            left: -10px
        }

        .interest-swiper-container .arrows.right-arrow {
            right: -10px
        }

    .informative-blocks .info-block {
        padding: 60px 30px 60px 50px !important
    }

    .group-chart-section .chart-list .title {
        margin-bottom: 15px
    }

    .group-chart-section .chart-list .item {
        margin-bottom: 10px
    }

    .group-chart-section .chart-list.representatives-list {
        top: 64%
    }

    .group-chart-section .chart-list.subsidiaries-list {
        right: 0
    }

    .careers-intro {
        height: auto !important;
        max-height: 999px;
        padding-top: 0 !important;
        padding-bottom: 40px;
        background-size: cover !important;
        background-position: calc(100% + 250px) 50% !important
    }

        .careers-intro .content {
            max-width: calc(100% - 400px) !important;
            margin-top: 40px !important
        }

    .card-application-container .form-message {
        left: 0
    }

    .default-article-template {
        width: calc((100% - 20px) / 2);
        margin-left: 0 !important
    }

        .default-article-template:nth-of-type(n+3) {
            margin-top: 70px
        }

        .default-article-template:nth-of-type(2n) {
            margin-left: 20px !important
        }

    .correspondent-banking-bottom {
        background-image: none !important
    }

        .correspondent-banking-bottom .content {
            width: 100%
        }

    .timeline-container {
        padding-top: 105px
    }

        .timeline-container .cover-image {
            height: auto;
            padding: 85px 0
        }

        .timeline-container .timline-navigation {
            position: absolute;
            top: 0;
            left: 0;
            height: 105px
        }

            .timeline-container .timline-navigation .timeline-overflow {
                top: 0;
                bottom: auto;
                width: 100%
            }

            .timeline-container .timline-navigation .timeline-swiper {
                top: 0;
                bottom: auto;
                padding-top: 0;
                padding-bottom: 27px;
                height: 105px
            }

                .timeline-container .timline-navigation .timeline-swiper .void {
                    top: auto;
                    bottom: -5px
                }

                .timeline-container .timline-navigation .timeline-swiper .slide {
                    padding-top: 20px
                }

                    .timeline-container .timline-navigation .timeline-swiper .slide .cursor {
                        top: 65px;
                        bottom: auto
                    }

                        .timeline-container .timline-navigation .timeline-swiper .slide .cursor::before {
                            top: auto;
                            bottom: -20px
                        }

                        .timeline-container .timline-navigation .timeline-swiper .slide .cursor::after {
                            top: auto;
                            bottom: -13px
                        }

                    .timeline-container .timline-navigation .timeline-swiper .slide.active .cursor, .timeline-container .timline-navigation .timeline-swiper .slide.swiper-slide-active .cursor {
                        height: 83px
                    }

            .timeline-container .timline-navigation::before {
                top: auto;
                bottom: 27px
            }

            .timeline-container .timline-navigation .arrows {
                display: none
            }

        .timeline-container .floating-info-box {
            position: relative;
            display: block;
            left: auto;
            top: auto;
            margin: 0 auto;
            width: calc(100% - 60px);
            max-width: 402px;
            flex-wrap: wrap;
            -webkit-transform: none;
            -moz-transform: none;
            -ms-transform: none;
            -o-transform: none
        }

            .timeline-container .floating-info-box .frame {
                width: 100%;
                max-width: 100%
            }

                .timeline-container .floating-info-box .frame img {
                    position: relative;
                    min-width: 0;
                    min-height: 0;
                    max-height: 999px;
                    max-width: 100%;
                    display: block;
                    top: 0;
                    left: 0;
                    -webkit-transform: none;
                    -moz-transform: none;
                    -ms-transform: none;
                    -o-transform: none;
                    margin-left: 0
                }

            .timeline-container .floating-info-box .content {
                width: 100% !important;
                max-width: 100% !important;
                padding: 34px 20px 40px;
                display: block
            }

                .timeline-container .floating-info-box .content .arrows {
                    width: 20px;
                    height: 20px
                }

                    .timeline-container .floating-info-box .content .arrows::before {
                        width: 20px
                    }

                    .timeline-container .floating-info-box .content .arrows::after {
                        height: 20px
                    }

                    .timeline-container .floating-info-box .content .arrows.right-arrow {
                        right: -20px
                    }

                    .timeline-container .floating-info-box .content .arrows.left-arrow {
                        left: -20px
                    }

    .section-close.top-left, .section-close.top-right {
        top: 10px
    }

    .section-close.top-right {
        right: 20px
    }

    .section-close.top-left {
        left: 20px
    }

    .section-close ~ .breadcrumbs-container {
        width: calc(100% - 64px)
    }

    .intro-info-background.loans-details-intro-109 {
        background-position: calc(100% + 150px) top
    }

    .card-application-container.display-message .form-message {
        left: 400px
    }
}

@media (max-width:1000px) {
    .info-image-template.general-template .content {
        max-width: calc(100% - 520px)
    }

    .info-image-template.investing-intro .content {
        max-width: calc(100% - 460px)
    }
}

@media (max-width:980px) {
    .news-article {
        width: calc((100% - 40px) / 2)
    }

        .news-article:nth-of-type(n+3) {
            margin-top: 40px
        }

    .publications-listing .publication-column {
        width: calc((100% - 30px) / 2)
    }

        .publications-listing .publication-column:nth-of-type(n+3) {
            margin-top: 50px
        }

    .training-section {
        background-image: none !important
    }

        .training-section .content {
            max-width: 100%
        }

    .group-table .table-header li, .group-table .table-row li {
        padding-left: 20px
    }

        .group-table .table-header li:nth-of-type(1), .group-table .table-row li:nth-of-type(1) {
            padding-left: 45px
        }

    .bullets-blue-section .info ul.three-columns {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        column-gap: 30px
    }
}

@media (max-width:950px) {
    .profile {
        width: calc((100% - 3px) / 3)
    }

        .profile:nth-of-type(n+4) {
            margin-top: 64px
        }

        .profile:nth-of-type(4n - 3)::before {
            display: none
        }

        .profile:nth-of-type(3n - 2)::before {
            display: block
        }

        .profile .frame .overflow {
            max-height: 9999px
        }

    .local-subsidiaries-section {
        padding-top: 38px
    }

        .local-subsidiaries-section .subsidiaries-swiper-parent .subsidiaries-swiper {
            margin-top: 0
        }

        .local-subsidiaries-section .related-swiper-content .subsidiary {
            padding: 20px 0 45px;
            display: block
        }

            .local-subsidiaries-section .related-swiper-content .subsidiary .content {
                width: 100%;
                max-width: 100%
            }

            .local-subsidiaries-section .related-swiper-content .subsidiary .subsidiary-info {
                padding: 36px 20px 0;
                min-width: 0;
                width: 100%;
                border-top: 1px solid #0192c4;
                border-left: 0;
                margin-top: 35px
            }

                .local-subsidiaries-section .related-swiper-content .subsidiary .subsidiary-info::after, .local-subsidiaries-section .related-swiper-content .subsidiary .subsidiary-info::before {
                    top: 0;
                    left: 0;
                    height: 74px;
                    width: 1px
                }

                .local-subsidiaries-section .related-swiper-content .subsidiary .subsidiary-info::after {
                    left: auto;
                    right: 0
                }

    .contact-channels-section {
        background-image: none !important
    }

        .contact-channels-section .contact-channels, .contact-channels-section .subtitle {
            width: 100%;
            max-width: 100%
        }

    .governance-table {
        display: block
    }

        .governance-table.table-responsive {
            position: relative
        }

            .governance-table.table-responsive::before {
                content: '';
                display: block;
                width: 100%;
                height: 12px;
                background: -webkit-gradient(linear,right top,right bottom,from(#2292b1),to(#182a75));
                background: -webkit-linear-gradient(right,#2292b1,#182a75);
                background: -moz-linear-gradient(right,#2292b1,#182a75);
                background: -ms-linear-gradient(right,#2292b1,#182a75);
                background: -o-linear-gradient(right,#2292b1,#182a75);
                margin-bottom: 2px
            }

            .governance-table.table-responsive .table-header {
                display: none
            }

            .governance-table.table-responsive .table-row {
                display: block;
                border-bottom: 1px solid #EBECEF;
                margin-bottom: 17px
            }

                .governance-table.table-responsive .table-row:last-of-type {
                    margin-bottom: 17px
                }

                .governance-table.table-responsive .table-row li {
                    width: 100% !important;
                    float: none;
                    display: block;
                    border: none;
                    text-align: left;
                    height: auto;
                    padding: 15px 40px 12px 26px !important
                }

                    .governance-table.table-responsive .table-row li::before {
                        content: attr(title);
                        display: block;
                        height: auto;
                        margin-left: 0;
                        font-family: BeirutBold;
                        font-size: 15px;
                        color: #666;
                        line-height: 20px
                    }

                    .governance-table.table-responsive .table-row li .ticked {
                        padding-right: 55px;
                        position: absolute;
                        padding-right: 0;
                        right: 18px;
                        top: 50%;
                        -webkit-transform: translateY(-50%);
                        -moz-transform: translateY(-50%);
                        -ms-transform: translateY(-50%);
                        -o-transform: translateY(-50%)
                    }

                        .governance-table.table-responsive .table-row li .ticked::after {
                            position: relative;
                            left: auto
                        }

    .asset-management-table, .shares-table {
        display: block
    }

        .asset-management-table.table-responsive, .shares-table.table-responsive {
            position: relative
        }

            .asset-management-table.table-responsive::before, .shares-table.table-responsive::before {
                content: '';
                display: block;
                width: 100%;
                height: 12px;
                background: -webkit-gradient(linear,right top,right bottom,from(#2292b1),to(#182a75));
                background: -webkit-linear-gradient(right,#2292b1,#182a75);
                background: -moz-linear-gradient(right,#2292b1,#182a75);
                background: -ms-linear-gradient(right,#2292b1,#182a75);
                background: -o-linear-gradient(right,#2292b1,#182a75);
                margin-bottom: 2px
            }

            .asset-management-table.table-responsive .table-header, .shares-table.table-responsive .table-header {
                display: none
            }

            .asset-management-table.table-responsive .table-row, .shares-table.table-responsive .table-row {
                display: block;
                border-bottom: 1px solid #EBECEF;
                margin-bottom: 17px
            }

                .asset-management-table.table-responsive .table-row:last-of-type, .shares-table.table-responsive .table-row:last-of-type {
                    margin-bottom: 17px
                }

                .asset-management-table.table-responsive .table-row li, .shares-table.table-responsive .table-row li {
                    width: 100% !important;
                    float: none;
                    display: block;
                    border: none;
                    text-align: left;
                    height: auto;
                    padding: 15px 40px 12px 26px !important
                }

                    .asset-management-table.table-responsive .table-row li::before, .shares-table.table-responsive .table-row li::before {
                        content: attr(title);
                        display: block;
                        height: auto;
                        margin-left: 0;
                        font-family: BeirutBold;
                        font-size: 15px;
                        color: #666;
                        line-height: 20px
                    }

                    .asset-management-table.table-responsive .table-row li .ticked, .shares-table.table-responsive .table-row li .ticked {
                        padding-right: 55px;
                        position: absolute;
                        padding-right: 0;
                        right: 18px;
                        top: 50%;
                        -webkit-transform: translateY(-50%);
                        -moz-transform: translateY(-50%);
                        -ms-transform: translateY(-50%);
                        -o-transform: translateY(-50%)
                    }

                        .asset-management-table.table-responsive .table-row li .ticked::after, .shares-table.table-responsive .table-row li .ticked::after {
                            position: relative;
                            left: auto
                        }

    .digital-intro-parent-19 {
        background-position-x: calc(100% + 130px)
    }
}

@media (max-width:932px) {
    .downloadable-entry {
        width: calc((100% - 36px) / 2)
    }
}

@media (max-width:920px) {
    .home-featured-product-2 {
        float: none;
        margin-left: auto !important;
        margin-right: auto !important;
        width: 100%
    }

        .home-featured-product-2:nth-of-type(n+2) {
            margin-top: 25px
        }

    .intro-info-background {
        background: 0 0 !important;
        min-height: 0 !important
    }

        .intro-info-background .content {
            width: auto !important
        }

        .intro-info-background .description {
            max-width: 100%
        }

    .accounts-intro, .accounts-wedding, .corporate-banking-intro {
        height: auto !important;
        padding-top: 40px;
        padding-bottom: 40px
    }

    .gradient-stripe .flex-container::after, .gradient-stripe .flex-container::before {
        width: 80px
    }

    .gradient-stripe .text {
        padding-left: 100px;
        padding-right: 100px
    }

    .branch-info {
        width: calc((100% - 40px) / 2)
    }

        .branch-info:nth-of-type(n+3) {
            margin-top: 95px
        }
}

@media (min-width:901px) {
    .fixed-bar {
        height: 121px !important
    }

        .fixed-bar li.open .sliding-content {
            bottom: 0;
            background: #20547B;
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            -ms-transform: translateY(0);
            -o-transform: translateY(0)
        }

            .fixed-bar li.open .sliding-content::before {
                opacity: 1
            }

        .fixed-bar li.call-item, .fixed-bar li.call-item .dial-number {
            display: none
        }

        .fixed-bar.no-apply.no-similar-items {
            height: 0 !important
        }

        .fixed-bar.no-apply li.similar-item {
            width: 100% !important
        }

    .has-bar #wrapper {
        padding-bottom: 121px
    }

    .has-bar.hide-bar #wrapper {
        padding-bottom: 0
    }
}

@media (max-width:900px) {
    .privacy-text-listing {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 60px;
        -moz-column-gap: 60px;
        column-gap: 60px
    }

    .card-application-container > .flex-container {
        flex-wrap: wrap
    }

    .card-application-container.display-message .form-message {
        left: 0
    }

    .card-details-panel {
        max-width: 100%;
        border-right: 0;
        float: none
    }

        .card-details-panel .frame {
            max-width: 100%
        }

    .page-form {
        width: 100%;
        float: none;
        margin-top: 30px;
        padding-left: 0
    }

    .fixed-bar {
        height: 100vh;
        bottom: 0;
        z-index: 21;
        -webkit-transform: translateY(calc(100% - 47px));
        -moz-transform: translateY(calc(100% - 47px));
        -ms-transform: translateY(calc(100% - 47px));
        -o-transform: translateY(calc(100% - 47px));
        -moz-transition: transform .5s;
        -ms-transition: transform .5s;
        -o-transition: transform .5s;
        -webkit-transition: -webkit-transform .5s
    }

        .fixed-bar.contact-bar li:not(.label-only) {
            width: 100% !important
        }

        .fixed-bar.contact-bar li:not(.need-help) {
            height: calc((100% - 99px) / 5) !important
        }

        .fixed-bar .live-item {
            display: none
        }

        .fixed-bar.fullscreen-mode {
            height: 100vh !important
        }

        .fixed-bar li {
            float: none;
            width: 100% !important;
            height: auto
        }

            .fixed-bar li.label-only {
                text-align: center;
                padding-top: 14px !important
            }

            .fixed-bar li:nth-of-type(n+2) {
                border-top: 1px solid rgba(255,255,255,.15)
            }

            .fixed-bar li:not(.apply-item) {
                height: calc((100% - 218px) / 3)
            }

                .fixed-bar li:not(.apply-item)::before {
                    content: '';
                    display: inline-block;
                    vertical-align: middle;
                    height: 100%;
                    margin-left: -4px
                }

            .fixed-bar li .sliding-content {
                position: relative;
                bottom: auto;
                top: auto;
                padding-bottom: 0;
                -webkit-transform: none;
                -moz-transform: none;
                -ms-transform: none;
                -o-transform: none;
                display: inline-block;
                vertical-align: middle
            }

                .fixed-bar li .sliding-content .btn, .fixed-bar li .sliding-content .description {
                    display: none
                }

            .fixed-bar li .item-icon {
                border-bottom: 0;
                display: inline-block;
                vertical-align: middle;
                height: auto;
                padding-top: 60px
            }

            .fixed-bar li.need-help {
                height: 47px;
                font-size: 23px;
                color: #fff;
                font-family: BeirutLight;
                line-height: 47px;
                display: block;
                text-decoration: underline;
                text-align: center;
                width: 100% !important;
                position: relative;
                -webkit-transition: height .5s,font-size .5s,line-height 1s;
                -moz-transition: height .5s,font-size .5s,line-height 1s;
                -ms-transition: height .5s,font-size .5s,line-height 1s;
                -o-transition: height .5s,font-size .5s,line-height 1s
            }

                .fixed-bar li.need-help:not(.label-only) {
                    width: 100% !important
                }

                .fixed-bar li.need-help::after {
                    content: '';
                    background: -webkit-gradient(linear,right top,right bottom,from(#2292b1),to(#182a75));
                    background: -webkit-linear-gradient(right,#2292b1,#182a75);
                    background: -moz-linear-gradient(right,#2292b1,#182a75);
                    background: -ms-linear-gradient(right,#2292b1,#182a75);
                    background: -o-linear-gradient(right,#2292b1,#182a75);
                    top: 0;
                    left: 0;
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    z-index: -1;
                    -webkit-transition: opacity 1s;
                    -moz-transition: opacity 1s;
                    -ms-transition: opacity 1s;
                    -o-transition: opacity 1s
                }

                .fixed-bar li.need-help .need-help-close {
                    opacity: 0;
                    pointer-events: none;
                    right: 18px;
                    -webkit-transform: translateY(-50%) rotate(-45deg);
                    -moz-transform: translateY(-50%) rotate(-45deg);
                    -ms-transform: translateY(-50%) rotate(-45deg);
                    -o-transform: translateY(-50%) rotate(-45deg);
                    top: 50%;
                    width: 40px;
                    height: 40px
                }

        .fixed-bar.open {
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            -ms-transform: translateY(0);
            -o-transform: translateY(0)
        }

            .fixed-bar.open li.need-help {
                height: 99px;
                font-size: 30px;
                line-height: 99px
            }

                .fixed-bar.open li.need-help::after {
                    opacity: 0
                }

                .fixed-bar.open li.need-help .need-help-close {
                    opacity: 1;
                    pointer-events: fill
                }

    .home-services .service-form .multi-step-form .form-step .service-apply-block {
        margin-top: 0;
        display: block
    }

        .home-services .service-form .multi-step-form .form-step .service-apply-block .left-side {
            float: none;
            padding-top: 0
        }

        .home-services .service-form .multi-step-form .form-step .service-apply-block .or {
            display: block;
            width: auto;
            float: none;
            text-align: left;
            padding: 20px 0
        }

        .home-services .service-form .multi-step-form .form-step .service-apply-block .right-side {
            float: none;
            width: 100%;
            max-width: 600px
        }

            .home-services .service-form .multi-step-form .form-step .service-apply-block .right-side .form-inputs {
                margin: 18px 0 20px !important
            }

                .home-services .service-form .multi-step-form .form-step .service-apply-block .right-side .form-inputs .inputfield:nth-of-type(n+2) {
                    margin-top: 18px
                }

        .home-services .service-form .multi-step-form .form-step .service-apply-block .action-list .action {
            float: none;
            margin-left: 0 !important;
            padding-left: 66px;
            position: relative;
            text-align: left
        }

            .home-services .service-form .multi-step-form .form-step .service-apply-block .action-list .action:nth-of-type(n+2) {
                margin-top: 20px !important
            }

            .home-services .service-form .multi-step-form .form-step .service-apply-block .action-list .action .action-icon {
                width: 32px;
                height: 32px;
                position: absolute;
                left: 0;
                top: 0;
                background: 0 0;
                -webkit-transform: scale(.6);
                -moz-transform: scale(.6);
                -ms-transform: scale(.6);
                -o-transform: scale(.6)
            }

            .home-services .service-form .multi-step-form .form-step .service-apply-block .action-list .action.green-beam .action-icon::after {
                top: -20px;
                right: -42px;
                width: 14px;
                height: 14px
            }

    .info-image-background {
        background-image: none !important
    }

        .info-image-background .flex-container {
            min-height: 0 !important
        }

        .info-image-background .content {
            max-width: 100%;
            width: 100%;
            padding-left: 0
        }

    .manager {
        width: calc(100% / 3)
    }

        .manager:nth-of-type(n+4) {
            margin-top: 56px
        }

        .manager:nth-of-type(4n - 3)::before {
            display: none
        }

        .manager:nth-of-type(3n - 2)::before {
            display: block
        }

    .award-details-section .content {
        width: 100%;
        padding: 0
    }

        .award-details-section .content::before {
            display: none
        }

        .award-details-section .content .content-position {
            width: 100%
        }

            .award-details-section .content .content-position .title {
                font-size: 35px
            }

            .award-details-section .content .content-position .description {
                max-width: 100%
            }

    .award-details-section .image-frame {
        width: 100%
    }

        .award-details-section .image-frame::after {
            display: none
        }

    .open-left-nav .fixed-bar, .open-right-search .fixed-bar {
        z-index: 10
    }

    body.hide-bar .fixed-bar {
        z-index: 11;
        position: fixed;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        -webkit-transition: opacity .3s,visibility 0s .3s;
        -moz-transition: opacity .3s,visibility 0s .3s;
        -ms-transition: opacity .3s,visibility 0s .3s;
        -o-transition: opacity .3s,visibility 0s .3s
    }

    footer .main-footer .follow-us {
        padding-top: 32px
    }

        footer .main-footer .follow-us .title {
            margin-top: 7px
        }

        footer .main-footer .follow-us .social-list li:nth-of-type(n+2) {
            margin-left: 10px
        }

        footer .main-footer .follow-us .social-list li .social-icon {
            width: 36px;
            height: 36px
        }

            footer .main-footer .follow-us .social-list li .social-icon::before {
                font-size: 20px
            }

    .card-application-container .form-message {
        top: calc(50% + 20px);
        bottom: auto;
        width: 100%
    }
}

@media (max-width:915px) {
    .locate-us-form {
        padding-top: 110px
    }

        .locate-us-form .or {
            float: none;
            clear: both;
            display: block;
            text-align: left
        }

        .locate-us-form .inputfield {
            width: calc((100% - 155px) / 2)
        }

        .locate-us-form .close-services-form {
            left: 15px;
            top: 20px
        }

    .open-locate-us-form.show-locate-map .locate-us-form .close-services-form {
        right: 40px;
        left: auto
    }

    .about-us-intro {
        background-position: calc(100% + 510px) bottom !important
    }

        .about-us-intro .content {
            max-width: calc(100% - 400px) !important
        }

    .info-icon-section .content {
        width: calc(65% - 20px)
    }

    .info-icon-section .frame {
        width: calc(35% - 20px)
    }
}

@media (max-width:850px) {
    .group-chart-section .chart-container {
        margin-top: 0
    }

        .group-chart-section .chart-container .chart-image {
            display: none
        }

        .group-chart-section .chart-container .chart-list {
            position: relative;
            left: auto;
            right: auto;
            top: auto;
            width: 100%;
            max-width: 100%;
            text-align: left;
            -webkit-transform: none;
            -moz-transform: none;
            -ms-transform: none;
            -o-transform: none;
            border-top: 4px solid #8B4A8C;
            margin-bottom: 30px
        }

            .group-chart-section .chart-container .chart-list .title {
                padding-top: 9px
            }

            .group-chart-section .chart-container .chart-list .item {
                margin-bottom: 12px
            }

            .group-chart-section .chart-container .chart-list.representatives-list {
                border-top-color: #712556
            }

            .group-chart-section .chart-container .chart-list.subsidiaries-list {
                border-top-color: #555484
            }

    .article-details-section .frame {
        padding-right: 0;
        border-right: 0;
        width: 100%;
        min-width: 100%
    }

        .article-details-section .frame img {
            width: auto;
            max-width: 100%
        }

        .article-details-section .frame + .description {
            margin-top: 30px;
            padding-left: 0;
            width: 100%;
            max-width: 100%
        }

        .article-details-section .frame iframe {
            height: calc((100vw - 40px) * .56) !important
        }

    .properties-filtering-container .properties-filters .inputfield, .properties-filtering-container .properties-filters .search-btn {
        margin-left: 0;
        margin-right: 0;
        width: calc((100% - 20px) / 2);
        max-width: calc((100% - 20px) / 2)
    }

        .properties-filtering-container .properties-filters .inputfield:nth-of-type(n+3), .properties-filtering-container .properties-filters .search-btn:nth-of-type(n+3) {
            margin-top: 30px
        }
}

@media (max-width:800px) {
    .user-experience-section .side {
        width: 100% !important;
        max-width: 100% !important
    }

        .user-experience-section .side:nth-of-type(n+2) {
            margin-top: 30px
        }

    .user-experience-section .tail-list ul {
        padding-left: 0
    }

    .hiring-section {
        padding-top: 40px;
        padding-bottom: 30px
    }
}

@media (min-width:768px) {
    body.internal-header-fixed .subpage-header {
        position: fixed;
        left: 0;
        top: 134px;
        width: 100%;
        z-index: 5;
        background: #fff;
        padding-bottom: 10px
    }

        body.internal-header-fixed .subpage-header + * {
            margin-top: 83px
        }

    .table-gradient.swiper-responsive .swiper-wrapper {
        display: block;
        -webkit-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        transform: none !important
    }

        .table-gradient.swiper-responsive .swiper-wrapper .swiper-slide {
            width: auto !important
        }

    .home-services .home-services-swiper .swiper-wrapper .swiper-slide:nth-last-child(1) {
        width: 100%
    }

    .home-services .home-services-swiper .swiper-wrapper .swiper-slide:nth-last-child(2), .home-services .home-services-swiper .swiper-wrapper .swiper-slide:nth-last-child(2) ~ .swiper-slide {
        width: calc(100% / 2) !important
    }

    .home-services .home-services-swiper .swiper-wrapper .swiper-slide:nth-last-child(3), .home-services .home-services-swiper .swiper-wrapper .swiper-slide:nth-last-child(3) ~ .swiper-slide {
        width: calc(100% / 3) !important
    }

    .home-services .home-services-swiper .swiper-wrapper .swiper-slide:nth-last-child(4), .home-services .home-services-swiper .swiper-wrapper .swiper-slide:nth-last-child(4) ~ .swiper-slide {
        width: calc(100% / 4) !important
    }

    .home-services .home-services-swiper .swiper-wrapper .swiper-slide:nth-last-child(5), .home-services .home-services-swiper .swiper-wrapper .swiper-slide:nth-last-child(5) ~ .swiper-slide {
        width: calc(100% / 5) !important
    }

    .home-services .home-services-swiper .swiper-wrapper .swiper-slide:nth-last-child(6), .home-services .home-services-swiper .swiper-wrapper .swiper-slide:nth-last-child(6) ~ .swiper-slide {
        width: calc(100% / 6) !important
    }

    .home-services .home-services-swiper .swiper-wrapper .swiper-slide:nth-last-child(7), .home-services .home-services-swiper .swiper-wrapper .swiper-slide:nth-last-child(7) ~ .swiper-slide {
        width: calc(100% / 7) !important
    }

    .home-services .home-services-swiper .swiper-wrapper .swiper-slide:nth-last-child(8), .home-services .home-services-swiper .swiper-wrapper .swiper-slide:nth-last-child(8) ~ .swiper-slide {
        width: calc(100% / 7) !important
    }

    .home-services .home-services-swiper .swiper-wrapper .swiper-slide:nth-last-child(9), .home-services .home-services-swiper .swiper-wrapper .swiper-slide:nth-last-child(9) ~ .swiper-slide {
        width: calc(100% / 7) !important
    }

    .home-services .home-services-swiper .swiper-wrapper .swiper-slide:nth-last-child(10), .home-services .home-services-swiper .swiper-wrapper .swiper-slide:nth-last-child(10) ~ .swiper-slide {
        width: calc(100% / 7) !important
    }

    .home-services .home-services-swiper .swiper-wrapper .swiper-slide:nth-last-child(11), .home-services .home-services-swiper .swiper-wrapper .swiper-slide:nth-last-child(11) ~ .swiper-slide {
        width: calc(100% / 7) !important
    }

    .home-services .service-form .form-inputs .mCSB_container, .home-services .service-form .form-inputs .mCustomScrollBox {
        overflow: visible
    }

    .home-services .service-form .form-inputs .mCSB_scrollTools {
        display: none !important
    }
}

@media (max-width:880px) {
    .home-services .service-form {
        padding-bottom: 264px
    }

        .home-services .service-form .multi-step-form .form-step .information {
            float: none;
            width: 100%;
            max-width: 100%;
            margin-bottom: 40px
        }

            .home-services .service-form .multi-step-form .form-step .information > .title {
                display: block
            }

            .home-services .service-form .multi-step-form .form-step .information .info-block {
                width: calc(50% - 20px);
                float: left
            }

                .home-services .service-form .multi-step-form .form-step .information .info-block:nth-of-type(2n) {
                    margin-left: 40px;
                    border-top: none
                }

            .home-services .service-form .multi-step-form .form-step .information::after {
                content: '';
                display: block;
                clear: both
            }

            .home-services .service-form .multi-step-form .form-step .information::before {
                -webkit-transform: rotate(135deg);
                -moz-transform: rotate(135deg);
                -ms-transform: rotate(135deg);
                -o-transform: rotate(135deg);
                width: 25px;
                height: 25px;
                bottom: -15px;
                left: 8px;
                top: auto;
                right: auto
            }

        .home-services .service-form .multi-step-form .form-step .action-list {
            float: none;
            clear: both
        }

        .home-services .service-form .multi-step-form .form-step .result-container {
            margin-bottom: 18px;
            margin-top: 10px;
            height: 388px;
            overflow-y: auto
        }

    .full-width-chat-section .action-link, .full-width-chat-section .label {
        font-size: 25px
    }
}

@media (max-width:670px) {
    .open-locate-us-form.show-locate-map .locate-us-form {
        padding-top: 644px
    }

        .open-locate-us-form.show-locate-map .locate-us-form .close-services-form {
            width: 55px;
            height: 55px;
            bottom: 202px;
            right: 15px
        }

        .open-locate-us-form.show-locate-map .locate-us-form .intro-title {
            font-size: 28px
        }

        .open-locate-us-form.show-locate-map .locate-us-form .centeredcontainer {
            padding-right: 80px
        }

    .publications-listing {
        padding-top: 20px;
        padding-bottom: 50px
    }

        .publications-listing .publication-column {
            width: 100%
        }

            .publications-listing .publication-column:nth-of-type(n+2) {
                margin-top: 30px
            }

            .publications-listing .publication-column .column-icon {
                margin-bottom: 10px
            }

    .contact-channels-section .contact-channels li {
        width: 100%;
        max-width: 100%;
        height: 100px
    }

        .contact-channels-section .contact-channels li:nth-of-type(n+2) .valign::before {
            content: '';
            width: 34px;
            height: 1px;
            position: absolute;
            top: 0;
            left: 100px;
            background: #444
        }

    .branch-info {
        width: 100%;
        position: relative
    }

        .branch-info:nth-of-type(n+2) {
            margin-top: 20px;
            padding-top: 25px
        }

            .branch-info:nth-of-type(n+2)::before {
                content: '';
                background: #DDD;
                width: 100vw;
                height: 1px;
                position: absolute;
                left: -20px;
                top: 0
            }

    .branches-listing {
        padding-bottom: 40px
    }

        .branches-listing .load-more {
            margin-top: 40px
        }
}

@media (max-width:932px) {
    .downloadable-entry {
        width: calc(100% - 18px)
    }
}

@media (max-width:620px) {
    .news-listing {
        padding-top: 30px
    }

        .news-listing .load-more {
            margin-top: 20px
        }

    .news-article {
        width: 100% !important
    }

        .news-article:nth-of-type(n+2) {
            margin-top: 20px
        }

        .news-article .frame {
            max-height: 999px
        }

    .properties-filtering-container .properties-filters .inputfield, .properties-filtering-container .properties-filters .search-btn {
        width: 100%;
        max-width: 100%
    }

        .properties-filtering-container .properties-filters .inputfield:nth-of-type(n+2), .properties-filtering-container .properties-filters .search-btn:nth-of-type(n+2) {
            margin-top: 14px
        }

    .properties-filtering-container .properties-filters .search-btn {
        margin-top: 30px !important
    }
}

@media (max-width:600px) {
    .home-services .service-form .multi-step-form .form-step .information {
        padding-right: 0
    }

        .home-services .service-form .multi-step-form .form-step .information .info-block {
            width: 100%;
            float: none;
            margin-left: 0 !important
        }

            .home-services .service-form .multi-step-form .form-step .information .info-block:nth-of-type(n+2) {
                border-top: 1px solid rgba(187,187,187,.2)
            }

    .home-services .service-form .multi-step-form .form-step .action-list .action {
        float: none;
        margin-left: 0 !important;
        padding-left: 66px;
        position: relative;
        text-align: left
    }

        .home-services .service-form .multi-step-form .form-step .action-list .action:nth-of-type(n+2) {
            margin-top: 25px !important
        }

        .home-services .service-form .multi-step-form .form-step .action-list .action .action-icon {
            width: 32px;
            height: 32px;
            position: absolute;
            left: 0;
            top: 0;
            background: 0 0;
            -webkit-transform: scale(.6);
            -moz-transform: scale(.6);
            -ms-transform: scale(.6);
            -o-transform: scale(.6)
        }
}

@media (max-width:525px) {
    .locate-us-form .auto-locate-button {
        max-width: 100%;
        float: none
    }

        .locate-us-form .auto-locate-button .cursor-icon {
            margin-right: 18px
        }

    .locate-us-form .or {
        float: none;
        clear: both;
        display: block;
        text-align: left
    }

    .locate-us-form .inputfield {
        max-width: 295px;
        margin-right: 0;
        width: 100%;
        float: none;
        margin-bottom: 20px
    }

    .locate-us-form .search-btn {
        float: none;
        margin-left: 0
    }

    .page-form {
        padding-top: 20px;
        border-top: 1px solid #CCC
    }

        .page-form .inputs-block .inputs-margin-fix {
            margin-left: 0;
            width: 100%
        }

        .page-form .apply-form {
            max-width: 100%
        }

    .inputfield.template4 {
        margin-left: 0;
        max-width: 100%
    }

    .info-image-template.form-template .image-frame.form-frame .form-inputs .inputfield {
        max-width: 100%;
        float: none;
        margin-left: 0 !important
    }

    .info-image-template.form-template .image-frame.form-frame .btn {
        max-width: 100% !important
    }

    .management-listing {
        padding-top: 40px;
        padding-bottom: 50px
    }

    .manager {
        max-width: 100% !important;
        width: 100% !important
    }

        .manager::before {
            display: block !important
        }

        .manager:nth-of-type(n+2) {
            margin-top: 24px !important
        }

        .manager .position {
            max-width: 100%
        }

    .contact-form-section .form-inputs .inputfield {
        width: 100%
    }

        .contact-form-section .form-inputs .inputfield:nth-of-type(n+2) {
            margin-top: 15px
        }

    .contact-form-section .full-row-radio .row-label {
        width: 100%;
        display: block;
        margin-bottom: 15px
    }

    .calculation-results {
        margin-left: 0;
        margin-top: 30px;
        display: block
    }

        .calculation-results .result {
            margin-left: 0;
            display: block
        }

            .calculation-results .result:nth-of-type(n+2) {
                margin-top: 20px
            }

    .loan-questions-container {
        margin-top: 30px
    }
}

@media (max-width:700px) {
    .footer-box {
        width: 100%;
        max-width: 100%;
        margin-left: 0 !important;
        float: none
    }

        .footer-box:nth-of-type(n+2) {
            margin-top: 18px
        }
}

@media (max-width:660px) {
    .grey-submenu li {
        width: 100%
    }

        .grey-submenu li:nth-last-child(2), .grey-submenu li:nth-last-child(2) + li {
            width: 50%
        }

        .grey-submenu li:nth-last-child(3), .grey-submenu li:nth-last-child(3) + li {
            width: 50%
        }

            .grey-submenu li:nth-last-child(3) + li + li {
                width: 100%
            }

        .grey-submenu li:nth-last-child(4), .grey-submenu li:nth-last-child(4) ~ li {
            width: 50% !important
        }

            .grey-submenu li:nth-last-child(4) + li + li::before {
                content: '';
                background: #DDD;
                width: 1px;
                height: 47px;
                position: absolute;
                top: 50%;
                left: 0;
                -webkit-transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                -o-transform: translateY(-50%)
            }
}

@media (max-width:580px) {
    .compare-section .compared-cards-container .compared-cards-swiper .swiper-wrapper .slide .frame img {
        width: 100%
    }
}

@media (max-width:550px) {
    .full-width-chat-section .action-link {
        margin-left: 0 !important;
        display: block;
        text-align: left;
        white-space: nowrap
    }

        .full-width-chat-section .action-link.chat-link {
            max-width: 285px
        }

        .full-width-chat-section .action-link.view-link {
            max-width: 150px
        }
}

@media (max-width:500px) {
    .downloadables-filter .dropdown-wrapper {
        display: block;
        margin-left: 0 !important;
        margin-toP: 10px
    }

    .point-collection-accordion .corporate-accordian .item-description .preserveheight {
        padding: 25px 20px 35px 18px
    }

    .point-collection-accordion .column-1 {
        padding-left: 20px;
        max-width: calc(100% - 100px)
    }

    .point-collection-accordion .column-2 {
        padding-left: 20px;
        min-width: 100px
    }
}

@media (max-width:470px) {
    .site-settings.inside {
        height: 116px
    }

        .site-settings.inside li.country-dropdown {
            width: calc(100% - 57px) !important
        }

        .site-settings.inside li.type-dropdown {
            width: 100% !important;
            margin: 12px 0 0 !important
        }

    .left-navigation {
        padding: 135px 0 20px
    }

        .left-navigation .searchfield {
            top: 170px
        }

        .left-navigation::after {
            top: 135px
        }

    .left-submenu {
        top: 135px;
        height: calc(100% - 135px);
        min-height: calc(100vh - 10px)
    }

        .left-submenu .submenu-content .submenu-mobile-container {
            min-height: calc(100vh - 65px)
        }

    .header-fixed .left-submenu {
        min-height: calc(100vh + 40px)
    }

        .header-fixed .left-submenu .submenu-content .submenu-mobile-container {
            min-height: calc(100vh - 15px)
        }
}

@media (max-width:430px) {
    .home-featured-product-2 {
        padding-left: 135px
    }

        .home-featured-product-2 .title {
            font-size: 20px
        }

        .home-featured-product-2 .subtitle {
            font-size: 15px
        }

        .home-featured-product-2 .frame {
            width: 120px
        }
}

@media (max-width:375px) {
    .point-collection-accordion .point-collection-calculation .point-collection-inputs .inputfield {
        width: 100%
    }
}

@media (max-width:400px) {
    footer .main-footer .follow-us .social-list li .social-icon {
        width: 34px !important;
        height: 34px !important
    }

        footer .main-footer .follow-us .social-list li .social-icon::before {
            font-size: 18px !important
        }
}

@media (max-width:1260px) {
    .western-union-intro-15 {
        background-position-x: calc(100% + 150px)
    }
}

@media (max-width:1200px) {
    .privacy-text-listing {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 90px;
        -moz-column-gap: 90px;
        column-gap: 90px
    }

    .western-union-intro-15 {
        background-position-x: calc(100% + 240px)
    }
}

@media (max-width:1100px) {
    .western-union-intro-15 {
        background-position-x: calc(100% + 330px)
    }
}

@media (max-width:1000px) {
    .western-union-intro-15 {
        background-position-x: calc(100% + 430px)
    }
}

html:not(.handheld) .dial-number {
    pointer-events: none
}

@media (max-width:767px) {
    .left-navigation .nav-content::after {
        border-bottom: 0;
        background: 0 0;
        border-top: none
    }
}

@media (min-width:1005px) and (max-width:1250px) {
    .ie .footer-box:nth-of-type(n+2).footer-box {
        margin-left: 24px
    }
}

@media (min-width:1251px) {
    .ie .footer-box:nth-of-type(n+2).footer-box {
        margin-left: 43px
    }
}

@media (max-height:650px) and (max-width:500px) {
    .locate-us-form .locate-map {
        height: 244px
    }

    .open-locate-us-form.show-locate-map .locate-us-form {
        height: 567px;
        padding-top: 244px
    }
}

@media (max-height:910px) and (min-width:768px) {
    .home-slideshow-container .arrows {
        top: 356px
    }
}

@media (max-width:767px) {
    .listing-padding, .section-padding {
        padding-left: 20px;
        padding-right: 20px
    }

    .video-chat {
        right: auto;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%)
    }

        .video-chat .online-panel {
            bottom: 10px;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%)
        }

        .video-chat .offline-animated-container {
            display: none
        }

        .video-chat .online-panel {
            pointer-events: fill;
            opacity: 1;
            visibility: visible;
            -webkit-transition: none;
            -moz-transition: none;
            -ms-transition: none;
            -o-transition: none
        }

    .burger-toggle {
        position: relative;
        float: right;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        top: 45px
    }

    .site-settings.outside {
        margin-top: 45px
    }

    .logo {
        float: left;
        position: relative;
        left: 0;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        margin-top: 22px;
        width: 158px
    }

    .main-header {
        height: 130px
    }

    .header-fixed .burger-toggle {
        margin-top: 19px
    }

    .header-fixed .logo {
        margin-top: 15px
    }

    .home-featured-product {
        float: none;
        width: 100%;
        margin-left: auto !important;
        margin-right: auto !important
    }

        .home-featured-product:nth-of-type(n+2) {
            margin-top: 35px
        }

    footer {
        height: 128px !important
    }

        footer .main-footer {
            height: 128px
        }

            footer .main-footer .follow-us {
                width: 100%;
                padding-top: 23px;
                text-align: center
            }

                footer .main-footer .follow-us .title {
                    float: none;
                    width: 100%;
                    margin: 0;
                    display: block
                }

                footer .main-footer .follow-us .social-list {
                    float: none;
                    margin-top: 10px;
                    text-align: center
                }

                    footer .main-footer .follow-us .social-list li {
                        float: none;
                        display: inline-block;
                        margin: 0 4px 10px !important
                    }

                        footer .main-footer .follow-us .social-list li:nth-of-type(1) {
                            margin-left: 0
                        }

                        footer .main-footer .follow-us .social-list li:last-of-type {
                            margin-right: 0
                        }

                        footer .main-footer .follow-us .social-list li .social-icon {
                            width: 42px;
                            height: 42px
                        }

                            footer .main-footer .follow-us .social-list li .social-icon::before {
                                font-size: 22px
                            }

    body.open-footer .main-footer .follow-us {
        opacity: 1;
        pointer-events: fill
    }

    body.open-footer #container {
        padding-bottom: 128px !important
    }

    body:not(.open-footer) #container {
        padding-bottom: 128px !important
    }

    body:not(.open-footer) footer {
        height: 128px !important
    }

    body.subpage-default-header .main-header {
        height: 80px
    }

        body.subpage-default-header .main-header.active-header {
            border-bottom: 1px solid #DDD
        }

    body.subpage-default-header .site-settings.outside {
        margin-top: 20px
    }

    body.subpage-default-header .burger-toggle {
        top: 20px
    }

    body.subpage-default-header .logo {
        width: 28px;
        margin-top: 14px
    }

        body.subpage-default-header .logo .logo-img {
            display: none
        }

        body.subpage-default-header .logo .logo-img-small {
            display: block
        }

    body.subpage-default-header .right-search {
        top: 80px;
        height: calc(100vh - 80px)
    }

    body.subpage-default-header {
        padding-top: 80px
    }

    body:not(.open-service-form):not(.open-locate-us-form) .home-slideshow-container {
        min-height: 340px !important
    }

    body.open-locate-us-form .home-services {
        z-index: 21
    }

    body.open-locate-us-form .home-slideshow-container {
        height: 487px !important
    }

    body.open-locate-us-form.show-locate-map .locate-us-form {
        padding-top: 520px;
        height: 800px
    }

        body.open-locate-us-form.show-locate-map .locate-us-form .locate-map {
            height: 520px
        }

        body.open-locate-us-form.show-locate-map .locate-us-form .intro-title {
            height: 115px
        }

    body.open-locate-us-form.show-locate-map #container {
        z-index: 22
    }

    body.has-bar .left-navigation {
        top: 80px !important
    }

    .sitemap-toggle {
        display: none
    }

    .info-image-template {
        padding-top: 10px
    }

        .info-image-template .centeredcontainer.valignbefore::before {
            display: none
        }

        .info-image-template .centeredcontainer.flex-container {
            display: block
        }

        .info-image-template .content {
            display: block;
            width: 100%
        }

            .info-image-template .content .title {
                font-size: 35px !important;
                line-height: 34px !important
            }

            .info-image-template .content .description {
                max-width: 100%;
                margin-toP: 12px
            }

            .info-image-template .content.center-horizontal, .info-image-template .image-frame.center-horizontal {
                text-align: left !important
            }

        .info-image-template .image-frame {
            margin-top: 25px;
            width: 100%
        }

        .info-image-template.padded-bottom {
            padding-bottom: 20px
        }

        .info-image-template.padded-top-small {
            padding-top: 30px
        }

        .info-image-template.reversed {
            padding-top: 0;
            padding-bottom: 30px
        }

            .info-image-template.reversed .content {
                margin-top: 25px;
                padding-left: 0
            }

            .info-image-template.reversed .image-frame {
                margin-top: 0
            }

        .info-image-template.white-bg-pattern-1 {
            padding-top: 25px;
            padding-bottom: 32px;
            background-image: none
        }

        .info-image-template.white-bg-pattern-2 {
            background-image: none
        }

        .info-image-template.blue-gradient-template .content, .info-image-template.blue-gradient-template .image-frame {
            width: 100%;
            padding-left: 0;
            padding-right: 0
        }

        .info-image-template.blue-gradient-template .image-frame {
            width: calc(100% + 20px);
            margin-left: -10px
        }

        .info-image-template.label-new .centeredcontainer::after {
            right: 0;
            top: 10px
        }

        .info-image-template.label-new .centeredcontainer .image-frame .image {
            max-width: calc(100% - 40px);
            text-align: left
        }

        .info-image-template.bg-image {
            background-image: none !important;
            padding-top: 30px;
            padding-bottom: 44px
        }

            .info-image-template.bg-image .content {
                margin-top: 0
            }

        .info-image-template.form-template .content {
            max-width: 100%;
            width: 100%
        }

        .info-image-template.form-template .image-frame {
            width: 100%;
            margin-left: 0;
            min-width: 0
        }

            .info-image-template.form-template .image-frame::before {
                display: none
            }

            .info-image-template.form-template .image-frame.form-frame {
                padding-left: 0;
                margin-top: 35px
            }

                .info-image-template.form-template .image-frame.form-frame::before {
                    display: none
                }

                .info-image-template.form-template .image-frame.form-frame .btn {
                    max-width: calc((100% - 22px) / 2)
                }

                .info-image-template.form-template .image-frame.form-frame .title::before {
                    display: none
                }

        .info-image-template.grey-gradient {
            background: #fff
        }

        .info-image-template.investing-intro .content-position {
            max-width: 100%
        }

        .info-image-template.card-section {
            padding-top: 30px;
            padding-bottom: 20px
        }

    .fullwidth-gradient-container .fullwidth-gradient-swiper .slide {
        text-align: center
    }

        .fullwidth-gradient-container .fullwidth-gradient-swiper .slide .slide-title {
            margin: auto
        }

        .fullwidth-gradient-container .fullwidth-gradient-swiper .slide .slide-icon-frame {
            height: 90px
        }

    .statement-with-icon {
        padding-top: 25px;
        padding-bottom: 45px
    }

        .statement-with-icon .statement-text {
            font-size: 20px;
            line-height: 30px
        }

    .subpage-header .compare {
        float: right;
        height: 47px;
        line-height: 45px;
        margin-left: 7px;
        width: calc((100% - 7px) / 2)
    }

    .page-filter {
        height: 47px;
        overflow: hidden;
        background: #0192c4;
        margin: 0;
        position: absolute;
        cursor: pointer;
        width: calc(100% - 172px);
        z-index: 5;
        min-width: calc((100% - 7px) / 2);
        display: block
    }

        .page-filter li {
            height: 47px;
            line-height: 47px;
            width: 100%;
            color: #fff;
            margin: 0;
            font-size: 16px;
            padding-left: 16px
        }

            .page-filter li.mobile-selected-value {
                display: block
            }

            .page-filter li .filter-label {
                color: #fff;
                display: inline-block;
                vertical-align: middle;
                white-space: wrap
            }

                .page-filter li .filter-label::before {
                    background: 0 0;
                    border-color: #fff
                }

                .page-filter li .filter-label::after {
                    background: #fff
                }

                .page-filter li .filter-label::after, .page-filter li .filter-label::before {
                    top: 50%;
                    -webkit-transform: translateY(-50%);
                    -moz-transform: translateY(-50%);
                    -ms-transform: translateY(-50%);
                    -o-transform: translateY(-50%)
                }

        .page-filter::after {
            content: '\f107';
            font-family: FontAwesome;
            font-size: 15px;
            position: absolute;
            right: 20px;
            top: 23px;
            color: #fff;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%)
        }

        .page-filter.open {
            height: auto
        }

    .compare-header-form .centeredcontainer {
        padding-left: 0
    }

    .compare-header-form .inputfield {
        width: 100%;
        min-width: 0;
        margin-left: 0 !important;
        display: block
    }

        .compare-header-form .inputfield .input-label {
            width: 85px !important;
            padding-right: 0;
            float: left
        }

        .compare-header-form .inputfield .input-wrapper {
            width: calc(100% - 85px);
            float: left
        }

    .compare-section {
        margin-bottom: 35px;
        margin-top: 0
    }

        .compare-section .centeredcontainer {
            padding-left: 0
        }

        .compare-section .add-compare-column {
            float: none;
            width: 100%;
            padding-top: 32px;
            margin-top: 32px !important
        }

            .compare-section .add-compare-column .add-compare {
                padding-top: 50px;
                padding-bottom: 15px
            }

                .compare-section .add-compare-column .add-compare::before {
                    height: 100%
                }

                .compare-section .add-compare-column .add-compare::after {
                    top: 18px
                }

            .compare-section .add-compare-column .view-all-cards {
                height: 0;
                margin-top: 0
            }

                .compare-section .add-compare-column .view-all-cards .view-all-btn {
                    display: none
                }

            .compare-section .add-compare-column::before {
                content: '';
                width: calc(100% + 40px);
                left: -20px;
                height: 1px;
                position: absolute;
                top: 0;
                background: #DDD
            }

        .compare-section .specs-panel {
            display: none
        }

        .compare-section .compared-cards-container {
            float: none;
            width: 100%;
            padding: 0 20px;
            margin-top: 70px
        }

            .compare-section .compared-cards-container .left-arrow {
                left: 0 !important
            }

            .compare-section .compared-cards-container .right-arrow {
                right: 0 !important
            }

            .compare-section .compared-cards-container .compared-cards-swiper .swiper-wrapper .slide {
                padding-bottom: 45px;
                position: relative
            }

                .compare-section .compared-cards-container .compared-cards-swiper .swiper-wrapper .slide .remove-card {
                    position: absolute;
                    left: 0;
                    bottom: 0;
                    margin: 0
                }

                .compare-section .compared-cards-container .compared-cards-swiper .swiper-wrapper .slide .text-label {
                    display: block;
                    margin-bottom: 3px
                }

                .compare-section .compared-cards-container .compared-cards-swiper .swiper-wrapper .slide .text {
                    height: auto !important
                }

    .full-width-chat-section {
        text-align: left;
        padding-top: 20px
    }

        .full-width-chat-section .label {
            display: block
        }

        .full-width-chat-section .action-link {
            margin-top: 10px
        }

            .full-width-chat-section .action-link.chat-link {
                margin-left: 0
            }

    .default-listing-container {
        padding-bottom: 60px
    }

        .default-listing-container.personal-loans-listing-all {
            background: #fff;
            padding-top: 5px
        }

            .default-listing-container.personal-loans-listing-all::before {
                display: none
            }

        .default-listing-container.housing-loans-listing-all {
            background: #fff;
            padding-top: 20px
        }

            .default-listing-container.housing-loans-listing-all::before {
                display: none
            }

        .default-listing-container .load-more {
            margin-top: 40px
        }

    .bullets-blue-section {
        padding-top: 25px;
        padding-bottom: 35px
    }

        .bullets-blue-section .info ul {
            -webkit-column-count: 1 !important;
            -moz-column-count: 1 !important;
            column-count: 1 !important;
            -webkit-column-gap: 0 !important;
            -moz-column-gap: 0 !important;
            column-gap: 0 !important
        }

    .full-cover-listing {
        padding-bottom: 73px
    }

        .full-cover-listing .blue-articles-container, .full-cover-listing.with-breadcrumbs .blue-articles-container {
            margin-top: 28px
        }

    .gradient-articles-listing {
        flex-wrap: wrap
    }

    .blue-transparent-article {
        width: 100% !important;
        text-align: left;
        padding: 34px 22px 44px;
        min-height: 0
    }

        .blue-transparent-article:nth-of-type(2n - 1) {
            background: 0 0 !important
        }

        .blue-transparent-article:nth-of-type(2n) {
            background: rgba(0,74,144,.4) !important
        }

        .blue-transparent-article .description {
            display: block;
            padding: 15px 0;
            height: auto
        }

        .blue-transparent-article .apply {
            margin-left: 0;
            margin-right: 0
        }

    .info-image-background {
        background-image: none !important
    }

        .info-image-background .content {
            padding-left: 10px;
            max-width: 100%;
            width: 100%
        }

        .info-image-background.with-table .content {
            width: 100%;
            min-width: 100%;
            padding-right: 0
        }

        .info-image-background.with-table .table-gradient {
            display: block;
            width: 100%;
            max-width: 999px;
            margin-left: 0;
            margin-top: 40px
        }

        .info-image-background.physical-image .content {
            margin-left: 0;
            width: 100%;
            min-width: 0;
            max-width: 100%;
            padding-left: 0
        }

        .info-image-background.physical-image .frame {
            width: 100%;
            max-width: 100%
        }

    .interest-section {
        padding-top: 40px;
        padding-bottom: 10px
    }

        .interest-section .main-title {
            font-size: 30px;
            line-height: 36px;
            margin-bottom: 0
        }

        .interest-section .interest-block {
            padding: 50px 10px 35px;
            width: 100% !important;
            float: none !important;
            border-left: 0 !important
        }

            .interest-section .interest-block:nth-of-type(n+2) {
                border-top: 1px solid #CCC
            }

            .interest-section .interest-block .view {
                position: relative;
                bottom: auto;
                left: auto;
                -webkit-transform: none;
                -moz-transform: none;
                -ms-transform: none;
                -o-transform: none;
                margin-top: 20px
            }

    .full-background-info {
        background-image: none !important;
        background: -webkit-gradient(linear,left top,left bottom,from(#182a75),to(#2292b1)) !important;
        background: -webkit-linear-gradient(top,#182a75,#2292b1) !important;
        background: -moz-linear-gradient(top,#182a75,#2292b1) !important;
        background: -ms-linear-gradient(top,#182a75,#2292b1) !important;
        background: -o-linear-gradient(top,#182a75,#2292b1) !important;
        padding-top: 50px;
        padding-bottom: 40px;
        height: auto
    }

        .full-background-info::before {
            display: none
        }

        .full-background-info .description {
            max-width: 100%
        }

    .special-packages-intro .content {
        margin-top: 0 !important;
        padding-bottom: 40px
    }

    .footer-services .arrows {
        opacity: 1;
        pointer-events: fill
    }

    .home-listing {
        padding-top: 0
    }

    .home-services .service-form .multi-step-form .form-step {
        height: 100%;
        padding-left: 15px;
        padding-right: 15px
    }

        .home-services .service-form .multi-step-form .form-step .intro-title {
            padding-right: 55px;
            height: 110px;
            display: table-cell;
            vertical-align: middle;
            font-size: 29px;
            line-height: 32px
        }

        .home-services .service-form .multi-step-form .form-step::before {
            content: '';
            height: 1px;
            width: 100%;
            position: absolute;
            left: 0;
            top: 111px;
            background: rgba(238,238,238,.1)
        }

        .home-services .service-form .multi-step-form .form-step .input-phrase {
            margin-bottom: 38px
        }

        .home-services .service-form .multi-step-form .form-step .inputfield.large {
            max-width: 214px
        }

    .home-services .service-form .steps {
        padding-bottom: 0;
        padding-top: 30px;
        min-height: 97px
    }

        .home-services .service-form .steps li.dots {
            display: none
        }

        .home-services .service-form .steps li.step {
            width: 100% !important;
            padding-left: 0
        }

            .home-services .service-form .steps li.step:not(.active) {
                display: none
            }

            .home-services .service-form .steps li.step .step-name {
                float: right;
                border-bottom: 1px solid #fff;
                line-height: 32px
            }

            .home-services .service-form .steps li.step .max-count {
                display: block;
                font-size: 36px;
                line-height: 43px;
                color: rgba(255,255,255,.3);
                float: left
            }

                .home-services .service-form .steps li.step .max-count .current-count {
                    font-size: 56px;
                    color: #fff;
                    font-family: BeirutBold
                }

                    .home-services .service-form .steps li.step .max-count .current-count::after {
                        content: '/';
                        display: inline-block;
                        font-size: 36px;
                        color: rgba(255,255,255,.3);
                        font-family: BeirutLight;
                        vertical-align: top;
                        margin-left: 8px
                    }

            .home-services .service-form .steps li.step::before {
                display: none
            }

        .home-services .service-form .steps li::after {
            display: none !important
        }

        .home-services .service-form .steps li.why-bob {
            clear: both;
            float: none;
            margin: 32px auto 30px;
            display: block
        }

    .home-services .service-form.become-a-customer-form .multi-step-form .form-step.form-step-2 .intro-subtitle {
        margin-top: -13px
    }

    .home-services .service-form.become-a-customer-form .multi-step-form .form-step.form-step-2::before {
        top: 150px
    }

    .home-services .service-form.become-a-customer-form .multi-step-form .form-step.form-step-3 .intro-subtitle {
        margin-top: -15px;
        height: 80px
    }

    .home-services .service-form.become-a-customer-form .multi-step-form .form-step.form-step-3::before {
        top: 175px
    }

    .home-services .service-form.become-a-customer-form .multi-step-form .form-step.form-step-3 .inputfield {
        width: 100%;
        margin-top: 24px;
        margin-left: 0 !important
    }

        .home-services .service-form.become-a-customer-form .multi-step-form .form-step.form-step-3 .inputfield.phone-field {
            margin-top: 86px
        }

    .home-services .service-form .form-inputs {
        margin-top: 30px !important;
        position: relative
    }

        .home-services .service-form .form-inputs::before {
            content: '\f103';
            position: absolute;
            bottom: -30px;
            right: 2px;
            font-size: 18px;
            color: #fff;
            font-family: FontAwesome;
            -webkit-animation: check-down .9s ease-in-out .3s infinite;
            animation: check-down .9s ease-in-out .3s infinite
        }

        .home-services .service-form .form-inputs.two-col .inputfield {
            width: 100%;
            margin-left: 0 !important;
            margin-right: 0 !important;
            margin-top: 20px
        }

            .home-services .service-form .form-inputs.two-col .inputfield .input, .home-services .service-form .form-inputs.two-col .inputfield .select {
                height: 39px
            }

    .home-services .close-services-form {
        width: 50px;
        height: 50px;
        top: 33px;
        right: 15px
    }

    .interest-swiper-container {
        margin-top: 70px;
        padding-left: 50px;
        padding-right: 50px
    }

        .interest-swiper-container .arrows.left-arrow {
            left: 12px
        }

        .interest-swiper-container .arrows.right-arrow {
            right: 12px
        }

    .breadcrumbs-container.apply-loans-breadcrumbs .breadcrumbs {
        padding-top: 15px
    }

    .breadcrumbs-container.with-close .section-close {
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%)
    }

    .intro-info-background .title {
        font-size: 35px;
        line-height: 42px
    }

    .accounts-intro .content {
        max-width: 100%
    }

    .accounts-wedding .content {
        max-width: 100% !important;
        width: 100%
    }

    .accounts-wedding .content-position {
        max-width: 100% !important
    }

    .blue-transparent-article-2:nth-of-type(2n - 1) {
        background: 0 0 !important
    }

    .blue-transparent-article-2:nth-of-type(2n) {
        background: rgba(255,255,255,.09) !important
    }

    .layalty-intro {
        padding-top: 15px;
        padding-bottom: 42px
    }

    .gradient-actions-section {
        padding-top: 40px;
        padding-bottom: 50px
    }

        .gradient-actions-section .actions-column {
            width: 100% !important;
            max-width: 350px;
            display: block;
            margin-left: 0 !important
        }

            .gradient-actions-section .actions-column:nth-of-type(n+2) {
                margin-top: 50px
            }

            .gradient-actions-section .actions-column .title {
                white-space: normal
            }

    .redemption-intro {
        padding-top: 20px;
        padding-bottom: 42px
    }

    .info-image-template.general-template {
        height: auto
    }

        .info-image-template.general-template .content {
            width: 100%;
            max-width: 100%
        }

    .informative-blocks {
        display: block
    }

        .informative-blocks .info-block {
            width: 100% !important;
            float: none !important;
            padding: 40px 25px 30px 22px !important
        }

            .informative-blocks .info-block .content-alignment {
                float: none !important;
                width: 100%
            }

            .informative-blocks .info-block .description {
                padding-left: 30px;
                line-height: 27px
            }

    .downloadable-listing {
        padding-top: 30px;
        padding-bottom: 40px
    }

        .downloadable-listing .downloadables-filter, .downloadable-listing .section-title {
            float: none
        }

        .downloadable-listing .downloadables-filter {
            margin-bottom: 25px
        }

    .table-gradient {
        display: block
    }

        .table-gradient.table-responsive {
            position: relative
        }

            .table-gradient.table-responsive::before {
                content: '';
                display: block;
                width: 100%;
                height: 12px;
                background: -webkit-gradient(linear,right top,right bottom,from(#2292b1),to(#182a75));
                background: -webkit-linear-gradient(right,#2292b1,#182a75);
                background: -moz-linear-gradient(right,#2292b1,#182a75);
                background: -ms-linear-gradient(right,#2292b1,#182a75);
                background: -o-linear-gradient(right,#2292b1,#182a75);
                margin-bottom: 2px
            }

            .table-gradient.table-responsive .table-header {
                display: none
            }

            .table-gradient.table-responsive .table-row {
                display: block;
                border-bottom: 1px solid #EBECEF;
                margin-bottom: 17px
            }

                .table-gradient.table-responsive .table-row:last-of-type {
                    margin-bottom: 17px
                }

                .table-gradient.table-responsive .table-row li {
                    width: 100% !important;
                    float: none;
                    display: block;
                    border: none;
                    text-align: left;
                    height: auto;
                    padding: 15px 15px 12px 26px
                }

                    .table-gradient.table-responsive .table-row li::before {
                        content: attr(title);
                        display: block;
                        height: auto;
                        margin-left: 0;
                        font-family: BeirutBold;
                        font-size: 15px;
                        color: #666;
                        line-height: 20px
                    }

    .table-section {
        padding-top: 30px;
        padding-bottom: 42px
    }

    .subpage-navigation {
        display: none
    }

    .about-us-intro .content {
        max-width: 100% !important
    }

    .profile {
        width: 100%;
        float: none
    }

        .profile::before {
            display: block
        }

        .profile .frame .overflow {
            max-height: 99999px
        }

        .profile .position {
            display: block;
            padding: 13px 26px 10px;
            height: auto
        }

        .profile:nth-of-type(n+2) {
            margin-top: 10px
        }

    .manager {
        width: calc(100% / 2)
    }

        .manager:nth-of-type(n+3) {
            margin-top: 56px
        }

        .manager:nth-of-type(3n - 2)::before {
            display: none
        }

        .manager:nth-of-type(2n - 1)::before {
            display: block
        }

    .management-abroad-listing::before {
        display: none
    }

    .management-abroad-listing .corporate-accordian li.item {
        margin: 10px auto 0;
        height: 43px;
        position: relative
    }

        .management-abroad-listing .corporate-accordian li.item:first-of-type {
            margin-top: 25px
        }

        .management-abroad-listing .corporate-accordian li.item .text {
            display: block;
            line-height: 43px;
            padding: 0 32px 0 16px
        }

        .management-abroad-listing .corporate-accordian li.item::after, .management-abroad-listing .corporate-accordian li.item::before {
            content: '\f067';
            font-size: 20px;
            color: #fff;
            font-family: FontAwesome;
            position: absolute;
            right: 20px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            -webkit-transition: opacity .5s;
            -moz-transition: opacity .5s;
            -ms-transition: opacity .5s;
            -o-transition: opacity .5s
        }

        .management-abroad-listing .corporate-accordian li.item::after {
            content: '\f068';
            opacity: 0
        }

        .management-abroad-listing .corporate-accordian li.item.open::before {
            opacity: 0
        }

        .management-abroad-listing .corporate-accordian li.item.open::after {
            opacity: 1
        }

    .management-abroad-listing .corporate-accordian li.itemlisting .preserveheight {
        padding: 20px 0 10px
    }

    .corporate-accordian li.item {
        width: 100%
    }

        .corporate-accordian li.item:not(.open) + .itemlisting {
            height: 0 !important
        }

    .corporate-accordian li.itemlisting {
        -webkit-transition: height .6s;
        -moz-transition: height .6s;
        -ms-transition: height .6s;
        -o-transition: height .6s;
        overflow: hidden
    }

    .gradient-stripe .flex-container::after, .gradient-stripe .flex-container::before {
        display: none
    }

    .gradient-stripe .text {
        padding-left: 20px;
        padding-right: 20px;
        font-size: 30px;
        line-height: 36px
    }

    .contact-info-section {
        padding-top: 20px !important;
        padding-bottom: 35px !important;
        background-image: none
    }

        .contact-info-section .info-list li {
            width: 100%;
            max-width: 100%;
            margin-left: 0 !important;
            padding-left: 38px
        }

            .contact-info-section .info-list li .title.title-tail::before {
                display: none
            }

        .contact-info-section.working-hours-section .info-list li {
            padding-left: 0
        }

    .contact-form-section::before {
        display: none
    }

    .contact-form-section .form-inputs {
        width: 100% !important
    }

        .contact-form-section .form-inputs.message-field {
            margin-top: 20px
        }

    .news-article {
        width: calc((100% - 20px) / 2);
        padding: 19px 16px 54px
    }

        .news-article .date {
            bottom: 26px;
            left: 16px
        }

        .news-article:nth-of-type(n+3) {
            margin-top: 20px
        }

    .gradient-container .share-block {
        position: relative;
        right: auto;
        top: auto;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none
    }

    .gradient-container.with-right-tools .page-title {
        max-width: calc(100% - 50px)
    }

    .gradient-container .back-btn {
        transform-origin: right top;
        top: 20px;
        right: 0
    }

    .complaint-page-form {
        padding-bottom: 40px
    }

        .complaint-page-form .inputfield.template5 .textarea {
            height: 200px
        }

        .complaint-page-form .submit-btn {
            margin-top: 30px
        }

    .announcements-container .announcements-listing {
        padding-top: 0
    }

    .announcement {
        width: 100%;
        padding: 18px 18px 22px;
        max-width: 600px
    }

        .announcement:nth-of-type(n+2) {
            margin-top: 10px
        }

        .announcement .frame {
            width: 100%;
            min-width: 0;
            height: auto;
            margin-bottom: 20px
        }

        .announcement .content {
            width: 100%;
            max-width: 100%
        }

        .announcement .date {
            margin-top: 10px
        }

    .locate-us-page-menu {
        display: none
    }

    .locate-us-form {
        padding-top: 25px;
        padding-bottom: 38px
    }

        .locate-us-form .intro-title {
            font-size: 29px;
            padding-right: 50px
        }

        .locate-us-form .close-services-form {
            left: auto;
            right: 15px
        }

    .table-gradient.swiper-responsive .arrows {
        display: block
    }

    .info-icon-section .content {
        width: 100%
    }

        .info-icon-section .content .corporate-accordian li.item-description .description {
            font-size: 15px;
            line-height: 24px;
            font-family: Roboto-Regular
        }

    .info-icon-section .frame {
        width: 100%;
        max-width: 100%;
        margin-top: 50px
    }

    .info-icon-section.reversed .content {
        margin-top: 50px
    }

    .info-icon-section.reversed .frame {
        margin-top: 0
    }

    .charts-section .section-title {
        margin-right: 0
    }

    .charts-tabs-nav {
        padding-left: 0
    }

        .charts-tabs-nav li.list-label {
            width: 100%
        }

            .charts-tabs-nav li.list-label::before {
                display: none
            }

        .charts-tabs-nav li:not(.list-label) {
            padding-right: 28px
        }

    .cards-white-section-2 {
        padding-top: 16px !important
    }

        .cards-white-section-2 .image-frame img {
            -webkit-transform: none !important;
            -moz-transform: none !important;
            -ms-transform: none !important;
            -o-transform: none !important
        }

    .info-icon-section {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .contact-form-section {
        padding-top: 40px;
        padding-bottom: 60px
    }

    .properties-page-title {
        font-size: 25px
    }

    .award-ribbon {
        display: none
    }

    .album .slide-content .title {
        font-size: 30px;
        line-height: 27px
    }

    .album .slide-content .subtitle {
        font-size: 18px;
        line-height: 22px;
        margin-top: 12px
    }

    .careers-intro .content {
        max-width: 600px !important
    }

    .contact-center-intro {
        height: auto !important;
        max-height: 9999px !important
    }

    .home-services .home-services-swiper .swiper-wrapper .swiper-slide {
        min-width: 0
    }

    .tail-list-section .info-list {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0;
        width: 100%
    }

        .tail-list-section .info-list ul {
            -webkit-column-count: 1;
            -moz-column-count: 1;
            column-count: 1;
            -webkit-column-gap: 0;
            -moz-column-gap: 0;
            column-gap: 0
        }

        .tail-list-section .info-list:nth-of-type(n+2) {
            margin-top: 20px
        }

    .corporate-banking-intro .content .description {
        max-width: 100% !important
    }

    .local-subsidiaries-section .related-swiper-content .subsidiary .subsidiary-info .entry {
        display: block;
        position: relative
    }

        .local-subsidiaries-section .related-swiper-content .subsidiary .subsidiary-info .entry .label {
            border-right: 0
        }

        .local-subsidiaries-section .related-swiper-content .subsidiary .subsidiary-info .entry .value {
            padding-left: 38px;
            width: 100%;
            display: block
        }

        .local-subsidiaries-section .related-swiper-content .subsidiary .subsidiary-info .entry:nth-of-type(n+2) {
            margin-top: 35px
        }

            .local-subsidiaries-section .related-swiper-content .subsidiary .subsidiary-info .entry:nth-of-type(n+2)::before {
                content: '';
                width: 28px;
                height: 1px;
                background: #152C69;
                position: absolute;
                left: 38px;
                top: -14px
            }

    .business-pay-section {
        padding-top: 20px
    }

        .business-pay-section .centeredcontainer {
            padding-bottom: 1px
        }

        .business-pay-section .image-frame {
            display: none
        }

    .epatriates-listing-all {
        padding-top: 30px
    }

    .small-articles-listing {
        padding-top: 24px;
        padding-bottom: 30px
    }

    .small-article {
        max-width: 100% !important;
        min-height: 0 !important;
        width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        float: none;
        display: block;
        padding-bottom: 12px
    }

        .small-article:nth-of-type(n+2) {
            margin-top: 25px
        }

        .small-article:nth-of-type(3) {
            display: block
        }

        .small-article .frame {
            float: none;
            width: 100%;
            max-width: 100%;
            height: auto;
            min-height: 0;
            margin: auto;
            text-align: center
        }

            .small-article .frame img {
                width: 100%;
                -webkit-transform: none;
                -moz-transform: none;
                -ms-transform: none;
                -o-transform: none;
                position: relative;
                left: auto;
                top: auto;
                min-height: 0
            }

        .small-article .content {
            padding: 20px 0 0;
            text-align: center;
            float: none;
            max-width: 100%;
            width: 100%;
            display: block
        }

            .small-article .content .read-more {
                position: relative;
                bottom: auto;
                left: auto;
                display: block;
                margin-top: 10px
            }

    .small-listing-title {
        margin-bottom: 20px
    }

    .contact-channels-section, .user-experience-section {
        padding-top: 30px
    }

    .default-article-template {
        float: none;
        margin-left: 0 !important;
        width: 100%;
        max-width: 100%;
        position: relative;
        padding-bottom: 34px
    }

        .default-article-template:nth-of-type(n+2) {
            margin-top: 24px;
            margin-left: 0 !important
        }

        .default-article-template:last-of-type {
            padding-bottom: 0
        }

            .default-article-template:last-of-type::after {
                display: none
            }

        .default-article-template .frame {
            margin: 0
        }

        .default-article-template::after {
            content: '';
            width: calc(100% + 40px);
            height: 1px;
            position: absolute;
            bottom: 0;
            left: -20px;
            background: #DDD
        }

        .default-article-template .title {
            padding: 0;
            text-align: left;
            margin-top: 18px
        }

        .default-article-template .description {
            padding: 0;
            text-align: left
        }

        .default-article-template .apply {
            margin: 18px 0 0;
            position: relative;
            bottom: auto;
            left: auto;
            -webkit-transform: none;
            -moz-transform: none;
            -ms-transform: none;
            -o-transform: none
        }

    .framework-default-section {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .publication-breadcrumbs-container .flex-container {
        display: block
    }

    .info-icon-section .content .corporate-accordian li.item, .info-icon-section .content .corporate-accordian li.item .title {
        padding-left: 30px
    }

        .info-icon-section .content .corporate-accordian li.item::before {
            left: 4px
        }

    .info-icon-section .content .corporate-accordian li.item-description .description {
        padding: 30px 10px 45px 26px !important
    }

    .home-slideshow-container .arrows {
        width: 30px;
        height: 30px
    }

        .home-slideshow-container .arrows::before {
            width: 30px
        }

        .home-slideshow-container .arrows::after {
            height: 30px
        }

    .copyrights-section {
        font-size: 15px
    }

        .copyrights-section .centeredcontainer {
            padding-top: 10px;
            padding-bottom: 10px
        }

    .card-details-panel {
        width: 100%
    }

    .allrisk-radios .radio-container .radiofield .radiolabel {
        font-size: 14px
    }

    .privacy-text-listing {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0
    }

    .results-presentations-subpage-header .downloadables-filter, .stock-exchange-subpage-header .downloadables-filter {
        width: 100%
    }

        .results-presentations-subpage-header .downloadables-filter .select, .stock-exchange-subpage-header .downloadables-filter .select {
            width: 100%;
            min-width: 175px
        }

    .investor-logo-container.group-facts-investor-logo, .investor-logo-container.inline-filter-investor-logo, .investor-logo-container.stand-alone-investor-logo {
        float: left
    }

    .investor-logo-container.inline-filter-investor-logo {
        margin: 30px 0 0
    }

    .investor-logo-container.stand-alone-investor-logo {
        margin-top: 10px
    }

    .error-404-container {
        padding: 30px 5px 50px;
        font-size: 10px;
        min-height: calc(100vh - 234px)
    }

    .footer-box .newsletter-input ::-webkit-input-placeholder {
        font-size: 13px;
        line-height: 14px !important
    }

    .footer-box .newsletter-input :-moz-placeholder {
        font-size: 13px;
        line-height: 14px !important
    }

    .footer-box .newsletter-input ::-moz-placeholder {
        font-size: 13px;
        line-height: 14px !important
    }

    .footer-box .newsletter-input :-ms-input-placeholder {
        font-size: 13px;
        line-height: 14px !important
    }

    .footer-box .newsletter-input .input {
        padding-bottom: 0 !important
    }
}

@media (max-width:767px) {
    .left-navigation {
        top: 130px
    }

    .right-search {
        height: calc(100vh - 130px);
        top: 130px
    }
}

html.handheld .custom-dropdown select {
    pointer-events: fill
}

html:not(.handheld) .header-menu li:focus, html:not(.handheld) .header-menu li:hover {
    background: #0192c4;
    color: #fff
}

    html:not(.handheld) .header-menu li:focus::after, html:not(.handheld) .header-menu li:hover::after {
        color: #fff
    }

    html:not(.handheld) .header-menu li:focus + .header-menu-dropdown, html:not(.handheld) .header-menu li:hover + .header-menu-dropdown {
        opacity: 1;
        visibility: visible;
        pointer-events: fill;
        z-index: 20;
        -webkit-transition: opacity .5s .2s,visibility 0s .2s;
        -moz-transition: opacity .5s .2s,visibility 0s .2s;
        -ms-transition: opacity .5s .2s,visibility 0s .2s;
        -o-transition: opacity .5s .2s,visibility 0s .2s
    }

html:not(.handheld) .handheld-only {
    display: none
}

@media (max-width:768px) {
    .text-image-template {
        min-height: 0;
        padding-bottom: 30px;
        padding-top: 30px
    }

        .text-image-template .template-text {
            width: 100%;
            padding-bottom: 0;
            min-height: 0
        }

            .text-image-template .template-text .intro-title, .text-image-template .template-text .large-title {
                font-size: 35px;
                line-height: 40px
            }

            .text-image-template .template-text .content {
                padding-right: 0
            }

            .text-image-template .template-text .description {
                max-width: 100% !important
            }

        .text-image-template:not(.embedded-video) .template-image {
            display: none
        }

        .text-image-template.embedded-video .template-image {
            margin-top: 30px;
            width: 100%;
            height: calc((100vw - 40px) * .564)
        }

        .text-image-template > .flex-container {
            min-height: 0
        }

        .text-image-template.with-breadcrumbs > .flex-container {
            margin-top: 0
        }

        .text-image-template.with-breadcrumbs .template-text {
            padding-top: 30px
        }

        .text-image-template.benefits-fees-rewards, .text-image-template.benefits-fees-rewards > .flex-container {
            min-height: 0
        }

            .text-image-template.benefits-fees-rewards .template-text {
                padding-top: 0;
                padding-bottom: 0
            }

                .text-image-template.benefits-fees-rewards .template-text .content {
                    padding-left: 0
                }

        .text-image-template.with-table .template-text {
            min-width: 0
        }

        .text-image-template.blue-gradient {
            background: -webkit-gradient(linear,left top,left bottom,from(#182a75),to(#2292b1));
            background: -webkit-linear-gradient(top,#182a75,#2292b1);
            background: -moz-linear-gradient(top,#182a75,#2292b1);
            background: -ms-linear-gradient(top,#182a75,#2292b1);
            background: -o-linear-gradient(top,#182a75,#2292b1)
        }

            .text-image-template.blue-gradient::before {
                display: none
            }
}

@media (min-width:769px) {
    .action-link.action-link-blue:focus, .action-link.action-link-blue:hover {
        color: #333
    }

        .action-link.action-link-blue:focus::after, .action-link.action-link-blue:hover::after {
            background: #333
        }

    .action-link:focus, .action-link:hover {
        color: #333
    }

        .action-link:focus::after, .action-link:hover::after {
            background: #333
        }

    .close-services-form:focus::after, .close-services-form:focus::before, .close-services-form:hover::after, .close-services-form:hover::before {
        background: #fff
    }

    .open-service-form .home-services .service-form .steps li:not(.active):focus, .open-service-form .home-services .service-form .steps li:not(.active):hover {
        color: #fff
    }

        .open-service-form .home-services .service-form .steps li:not(.active):focus::before, .open-service-form .home-services .service-form .steps li:not(.active):hover::before {
            color: #fff
        }

        .open-service-form .home-services .service-form .steps li:not(.active):focus::after, .open-service-form .home-services .service-form .steps li:not(.active):hover::after {
            opacity: 1
        }

    .open-service-form .home-services .service-form .action-link:focus, .open-service-form .home-services .service-form .action-link:hover {
        color: #fff
    }

        .open-service-form .home-services .service-form .action-link:focus::after, .open-service-form .home-services .service-form .action-link:hover::after {
            background: #fff
        }

    .action-list .action:focus .action-link, .action-list .action:hover .action-link {
        color: #fff
    }

        .action-list .action:focus .action-link::after, .action-list .action:hover .action-link::after {
            background: #fff
        }

    .action-list .action:focus .action-icon, .action-list .action:hover .action-icon {
        background: rgba(255,255,255,.15)
    }

    .btn.btn-ghost.btn-light-blue:focus, .btn.btn-ghost.btn-light-blue:hover {
        background: #fff;
        color: #0192c4
    }

    .btn.btn-ghost.btn-white-transparent:focus, .btn.btn-ghost.btn-white-transparent:hover {
        background: 0 0;
        color: #fff
    }

    .btn.btn-ghost.btn-dark-blue:focus, .btn.btn-ghost.btn-dark-blue:hover {
        background: #0192c4;
        color: #fff
    }

    .btn:not(.btn-ghost).btn-light-blue:focus, .btn:not(.btn-ghost).btn-light-blue:hover {
        background: #fff;
        color: #0192c4
    }

    .btn.btn-blue:focus, .btn.btn-blue:hover {
        background: #fff;
        color: #008FC1 !important
    }

    .btn.btn-gold:focus, .btn.btn-gold:hover {
        background: #fff;
        color: #C3A447
    }

    .play-btn:focus, .play-btn:hover {
        background: #0CB2DD
    }

    .btn-blue-ghost:focus, .btn-blue-ghost:hover {
        background: #0192c4;
        color: #fff
    }

    .downloadable-entry:focus, .downloadable-entry:hover {
        box-shadow: 0 0 10px 4px rgba(0,0,0,.1)
    }

    .section-close:focus, .section-close:hover {
        opacity: .7
    }

    .subpage-navigation .subpage-navigation-swiper .slide:focus a, .subpage-navigation .subpage-navigation-swiper .slide:hover a {
        color: #fff
    }

    .subpage-navigation .subpage-navigation-swiper .slide:focus::after, .subpage-navigation .subpage-navigation-swiper .slide:hover::after {
        opacity: 1
    }

    .timeline-container .timline-navigation .timeline-swiper .swiper-slide:focus .title, .timeline-container .timline-navigation .timeline-swiper .swiper-slide:hover .title {
        color: #fff
    }

    .timeline-container .timline-navigation .timeline-swiper .swiper-slide:focus .cursor, .timeline-container .timline-navigation .timeline-swiper .swiper-slide:hover .cursor {
        height: 112px
    }

        .timeline-container .timline-navigation .timeline-swiper .swiper-slide:focus .cursor .label, .timeline-container .timline-navigation .timeline-swiper .swiper-slide:hover .cursor .label {
            opacity: 1
        }

        .timeline-container .timline-navigation .timeline-swiper .swiper-slide:focus .cursor::after, .timeline-container .timline-navigation .timeline-swiper .swiper-slide:focus .cursor::before, .timeline-container .timline-navigation .timeline-swiper .swiper-slide:hover .cursor::after, .timeline-container .timline-navigation .timeline-swiper .swiper-slide:hover .cursor::before {
            opacity: 1;
            pointer-events: fill
        }

    .local-subsidiaries-section .subsidiaries-swiper-parent .subsidiaries-swiper .slide:focus, .local-subsidiaries-section .subsidiaries-swiper-parent .subsidiaries-swiper .slide:hover {
        color: #19347D;
        border-bottom-color: #004C91
    }

        .home-featured-product:focus .frame::after, .home-featured-product:hover .frame::after, .local-subsidiaries-section .subsidiaries-swiper-parent .subsidiaries-swiper .slide:focus::after, .local-subsidiaries-section .subsidiaries-swiper-parent .subsidiaries-swiper .slide:hover::after {
            opacity: 1
        }

    .home-featured-product:focus .title, .home-featured-product:hover .title {
        color: #0192c4
    }

    .home-featured-product:focus .link, .home-featured-product:hover .link {
        color: #333
    }

        .home-featured-product:focus .link::after, .home-featured-product:hover .link::after {
            background: #333
        }

    .home-featured-product-2:focus, .home-featured-product-2:hover {
        background: #0094CE;
        border-top-color: #0094CE
    }

    .small-article:focus .frame::after, .small-article:hover .frame::after {
        opacity: 1
    }

    .small-article:focus .content .title, .small-article:hover .content .title {
        color: #0192c4
    }

    .load-more:focus, .load-more:hover {
        color: #0DB2DD;
        border-bottom-color: #05B0DC
    }

    .small-listing-title:focus, .small-listing-title:hover {
        opacity: .7
    }

    .social-list li .social-icon:focus, .social-list li .social-icon:hover {
        background: #fff
    }

        .social-list li .social-icon:focus::before, .social-list li .social-icon:hover::before {
            color: #0192c4
        }

    footer .social-list li .social-icon:focus::before, footer .social-list li .social-icon:hover::before {
        color: #2E6393
    }

    .footer-box .newsletter-input .join:focus, .footer-box .newsletter-input .join:hover {
        color: #353535;
        background: #fff
    }

    .footer-services .swiper-container .swiper-wrapper .swiper-slide:focus .title, .footer-services .swiper-container .swiper-wrapper .swiper-slide:hover .title {
        color: #0DB2DD
    }

    .sitemap-toggle:focus, .sitemap-toggle:hover {
        color: #24C9F2
    }

    .home-services .home-services-swiper .swiper-wrapper .swiper-slide:focus, .home-services .home-services-swiper .swiper-wrapper .swiper-slide:hover {
        background: #1A316F
    }

        .home-services .home-services-swiper .swiper-wrapper .swiper-slide:focus .title, .home-services .home-services-swiper .swiper-wrapper .swiper-slide:hover .title {
            color: #fff
        }

        .home-services .home-services-swiper .swiper-wrapper .swiper-slide:focus::before, .home-services .home-services-swiper .swiper-wrapper .swiper-slide:hover::before {
            opacity: 0
        }

        .home-services .home-services-swiper .swiper-wrapper .swiper-slide:focus::after, .home-services .home-services-swiper .swiper-wrapper .swiper-slide:hover::after {
            opacity: 1
        }

    .home-services .service-form .multi-step-form .form-step .other-input .back-from-other:focus::before, .home-services .service-form .multi-step-form .form-step .other-input .back-from-other:hover::before {
        color: #168EDA
    }

    .btn-white-transparent:focus, .btn-white-transparent:hover {
        color: rgba(255,255,255,.85);
        background: 0 0
    }

    .auto-locate-button:focus, .auto-locate-button:hover {
        background: 0 0;
        border-color: #fff
    }

    .custom-dropdown .dropdown-values li:focus, .custom-dropdown .dropdown-values li:hover {
        opacity: .6
    }

    .full-footer .sitemap-block .link:focus, .full-footer .sitemap-block .link:hover, .full-footer .sitemap-block .title-link:focus, .full-footer .sitemap-block .title-link:hover {
        color: #24C9F2;
        text-decoration: underline
    }

    .left-navigation .nav-content .nav-links .nav-item:focus, .left-navigation .nav-content .nav-links .nav-item:hover, .right-search .search-results li:focus, .right-search .search-results li:hover {
        color: #24C9F2
    }

    .header-menu li.header-menu-dropdown .header-menu-dropdown-container .slide:focus .img, .header-menu li.header-menu-dropdown .header-menu-dropdown-container .slide:hover .img {
        opacity: 0 !important
    }

    .header-menu li.header-menu-dropdown .header-menu-dropdown-container .slide:focus .img_ro, .header-menu li.header-menu-dropdown .header-menu-dropdown-container .slide:hover .img_ro {
        opacity: 1 !important
    }

    .default-article-template.rollover-template2:focus .frame, .default-article-template.rollover-template2:hover .frame {
        opacity: .6
    }

    .default-article-template:not(.rollover-template2):focus .frame::before, .default-article-template:not(.rollover-template2):hover .frame::before {
        opacity: 1
    }

    .default-article-template:focus .apply, .default-article-template:hover .apply {
        color: #333
    }

        .default-article-template:focus .apply::after, .default-article-template:hover .apply::after {
            background: #333
        }

    .properties-results-section .open-filter-toggle:focus, .properties-results-section .open-filter-toggle:hover {
        background: rgba(0,74,144,.7)
    }

    .internal-page-navigation li:focus, .internal-page-navigation li:hover {
        color: #0192c4
    }

    .property-details-section .article-gallery .thumbnails-container .thumb:focus, .property-details-section .article-gallery .thumbnails-container .thumb:hover {
        opacity: 1 !important
    }

        .property-details-section .article-gallery .thumbnails-container .thumb:focus::before, .property-details-section .article-gallery .thumbnails-container .thumb:hover::before {
            opacity: 1
        }

    .back-btn:focus, .back-btn:hover {
        opacity: .7
    }

    .skip-slideshow:focus::before, .skip-slideshow:hover::before {
        color: #10CEFE
    }

    .properties-filtering-container .properties-categories-swiper .slide .category-icon:focus, .properties-filtering-container .properties-categories-swiper .slide .category-icon:hover {
        background: #e5e4e4
    }

    .left-navigation .close-left-menu:focus, .left-navigation .close-left-menu:hover {
        opacity: .6
    }

    .social-links .social-icon:focus, .social-links .social-icon:hover {
        background: #fff
    }

        .social-links .social-icon:focus::before, .social-links .social-icon:hover::before {
            color: #0192c4
        }

    .interest-section .interest-block .view:focus, .interest-section .interest-block .view:hover {
        color: #333
    }

        .interest-section .interest-block .view:focus::after, .interest-section .interest-block .view:hover::after {
            background: #333
        }

    .left-submenu .submenu-content .column .links-block .link:focus, .left-submenu .submenu-content .column .links-block .link:hover, .left-submenu .submenu-content .column .links-block a.title:focus, .left-submenu .submenu-content .column .links-block a.title:hover {
        color: #24C9F2
    }

    .publication:focus .date, .publication:focus .title, .publication:hover .date, .publication:hover .title {
        color: #368abd
    }

    .compare-section .compared-cards-container .compared-cards-swiper .swiper-wrapper .slide .remove-card :focus, .compare-section .compared-cards-container .compared-cards-swiper .swiper-wrapper .slide .remove-card :hover {
        opacity: .7
    }

    .compare-section .compared-cards-container .arrows:focus, .compare-section .compared-cards-container .arrows:hover {
        opacity: .6
    }

    .compare-section .add-compare-column .add-compare:focus::before, .compare-section .add-compare-column .add-compare:hover::before {
        background: #DDD
    }

    .custom-dropdown:not(.open):focus, .custom-dropdown:not(.open):hover {
        background: #DDD
    }

    .custom-dropdown:not(.open).blue-dropdown:focus, .custom-dropdown:not(.open).blue-dropdown:hover {
        background: #1dc2ed
    }

    .timeline-container .floating-info-box .frame.play-video:focus::after, .timeline-container .floating-info-box .frame.play-video:focus::before, .timeline-container .floating-info-box .frame.play-video:hover::after, .timeline-container .floating-info-box .frame.play-video:hover::before {
        opacity: 1
    }

    .ie .custom-dropdown:not(.open):focus::before, .ie .custom-dropdown:not(.open):hover::before {
        background: #DDD
    }

    .ie .custom-dropdown:not(.open).blue-dropdown:focus::before, .ie .custom-dropdown:not(.open).blue-dropdown:hover::before {
        background: #1dc2ed
    }

    .site-settings > li.search-toggle:focus, .site-settings > li.search-toggle:hover {
        background: #DDD
    }

    .footer-box .readmore:focus, .footer-box .readmore:hover {
        color: #333
    }

        .footer-box .readmore:focus::after, .footer-box .readmore:hover::after {
            background: #333
        }

    .grey-submenu .submenu-item:focus, .grey-submenu .submenu-item:hover {
        color: #0192c4
    }

    .board-cv:focus, .board-cv:hover {
        color: rgba(238,238,238,.7) !important
    }

    .management-listing .board-cv:focus, .management-listing .board-cv:hover {
        color: rgba(102,102,102,.7) !important
    }

    .management-abroad-listing .board-cv:focus, .management-abroad-listing .board-cv:hover {
        color: rgba(238,238,238,.7) !important
    }

    .point-collection-accordion .point-collection-submit:focus, .point-collection-accordion .point-collection-submit:hover {
        color: #0192c4 !important;
        background: 0 0 !important;
        border-color: #0192c4
    }
}

@font-face {
    font-family: thesansbold;
    src: url(../fonts/TheSans-Bold.html);
    src: url(../fonts/TheSans-Boldd41d.html?#iefix) format('embedded-opentype'),url(../fonts/TheSans-Bold-2.html) format('woff2'),url(../fonts/TheSans-Bold-3.html) format('woff'),url(../fonts/TheSans-Bold-4.html) format('truetype'),url(../fonts/TheSans-Bold-5.html#thesansbold) format('svg');
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: thesans;
    src: url(../fonts/TheSans-Plain.html);
    src: url(../fonts/TheSans-Plaind41d.html?#iefix) format('embedded-opentype'),url(../fonts/TheSans-Plain-2.html) format('woff2'),url(../fonts/TheSans-Plain-3.html) format('woff'),url(../fonts/TheSans-Plain-4.html) format('truetype'),url(../fonts/TheSans-Plain-5.html#thesans) format('svg');
    font-weight: 400;
    font-style: normal
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: thesansbold;
        src: url(../fonts/TheSans-Bold-5.html) format('svg')
    }

    @font-face {
        font-family: thesans;
        src: url(../fonts/TheSans-Plain-5.html) format('svg')
    }
}

.thesans {
    font-family: thesans
}

.thesans-bold {
    font-family: thesans;
    font-weight: 700
}

html.ar [placeholder] {
    text-overflow: ellipsis
}

html.ar .home-services > .centeredcontainer::after {
    right: 6px
}

html.ar ::-webkit-input-placeholder {
    font-family: thesans !important
}

html.ar :-moz-placeholder {
    font-family: thesans !important
}

html.ar ::-moz-placeholder {
    font-family: thesans !important
}

html.ar :-ms-input-placeholder {
    font-family: thesans !important
}

html.ar body {
    direction: rtl;
    text-align: right;
    font-family: thesans
}

html.ar input, html.ar select, html.ar textarea {
    padding-left: 0;
    padding-right: 9px
}

html.ar textarea {
    overflow: auto
}

html.ar .header-menu {
    float: right;
    padding: 0 50px 0 0
}

    html.ar .header-menu li {
        font-family: thesans;
        font-weight: 700;
        line-height: 16px
    }

        html.ar .header-menu li::after {
            right: auto;
            left: 12px
        }

        html.ar .header-menu li.header-menu-dropdown .header-menu-dropdown-container .swiper-container .swiper-wrapper .slide .title {
            font-family: thesans;
            font-weight: 400;
            line-height: 22px;
            max-width: calc(100% - 15px)
        }

        html.ar .header-menu li.header-menu-dropdown .header-menu-dropdown-container .swiper-container .swiper-wrapper .slide.western-union-slide .title {
            max-width: 155px
        }

html.ar .site-settings.outside {
    float: left
}

html.ar .burger-toggle {
    left: auto;
    right: -10px
}

html.ar .custom-dropdown.add-arrow::after {
    right: auto;
    left: 9px
}

html.ar .custom-dropdown .dropdown-title {
    padding: 8px 7px 0 0;
    text-align: right;
    font-family: thesans
}

html.ar .custom-dropdown .dropdown-values li {
    font-family: thesans
}

html.ar .type-dropdown .dropdown-title {
    padding-right: 9px;
    padding-left: 7px;
    font-family: thesans;
    font-weight: 700;
    line-height: 17px;
    padding-top: 3px;
    display: block
}

html.ar .subpage-navigation .title {
    float: right;
    font-family: thesans
}

    html.ar .subpage-navigation .title::after {
        left: 0;
        right: auto
    }

html.ar .subpage-navigation.group-profile-subpage-navigation .title {
    width: 384px
}

    html.ar .subpage-navigation.group-profile-subpage-navigation .title + .subpage-navigation-swiper {
        width: calc(100% - 384px)
    }

html.ar .subpage-navigation.financial-subpage-navigation .title {
    width: 294px
}

    html.ar .subpage-navigation.financial-subpage-navigation .title + .subpage-navigation-swiper {
        width: calc(100% - 294px)
    }

html.ar .subpage-navigation .governance-subpage-navigation .title {
    width: 272px
}

    html.ar .subpage-navigation .governance-subpage-navigation .title + .subpage-navigation-swiper {
        width: calc(100% - 272px)
    }

html.ar .text-image-template.no-flip > .flex-container {
    flex-direction: row-reverse
}

html.ar .text-image-template.no-flip.reversed > .flex-container {
    flex-direction: row
}

html.ar .text-image-template:not(.no-flip) .template-image {
    margin-right: 0;
    margin-left: -60px
}

    html.ar .text-image-template:not(.no-flip) .template-image img {
        left: auto;
        right: 0;
        -moz-transform: scaleX(-1) translateY(-50%);
        -o-transform: scaleX(-1) translateY(-50%);
        -webkit-transform: scaleX(-1) translateY(-50%);
        transform: scaleX(-1) translateY(-50%);
        filter: FlipH;
        -ms-filter: "FlipH"
    }

        html.ar .text-image-template:not(.no-flip) .template-image img.no-flip {
            -moz-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            filter: none;
            -ms-filter: none
        }

html.ar .text-image-template:not(.no-flip) .template-text {
    padding-left: 0;
    padding-right: calc((100vw - 1740px) / 2)
}

    html.ar .text-image-template:not(.no-flip) .template-text .content {
        padding-right: 0;
        padding-left: 30px
    }

    html.ar .text-image-template:not(.no-flip) .template-text .description ul li {
        padding-left: 0;
        padding-right: 20px
    }

        html.ar .text-image-template:not(.no-flip) .template-text .description ul li::before {
            left: auto;
            right: 2px
        }

html.ar .text-image-template:not(.no-flip).blue-gradient::before {
    right: 0;
    left: auto;
    background: -webkit-gradient(linear,right top,right bottom,from(rgba(0,56,106,.71)),to(rgba(0,56,106,0)));
    background: -webkit-linear-gradient(right,rgba(0,56,106,.71),rgba(0,56,106,0));
    background: -moz-linear-gradient(right,rgba(0,56,106,.71),rgba(0,56,106,0));
    background: -ms-linear-gradient(right,rgba(0,56,106,.71),rgba(0,56,106,0));
    background: -o-linear-gradient(right,rgba(0,56,106,.71),rgba(0,56,106,0))
}

html.ar .text-image-template:not(.no-flip).reversed .template-text {
    padding-left: 0;
    padding-right: 0
}

html.ar .text-image-template:not(.no-flip).reversed .template-image {
    margin-right: -60px;
    margin-left: 0
}

    html.ar .text-image-template:not(.no-flip).reversed .template-image img {
        left: 0;
        right: auto
    }

html.ar .text-image-template:not(.no-flip).cover-image.reversed .template-image img {
    left: 50%
}

html.ar .text-image-template .template-text .btn, html.ar .text-image-template .template-text .description, html.ar .text-image-template .template-text .title {
    font-family: thesans
}

html.ar .text-image-template .template-text .large-title {
    font-size: 35px
}

html.ar .text-image-template .template-text .description {
    line-height: 26px;
    text-align: right
}

html.ar .text-image-template .template-text .btn.apply-btn {
    max-width: 280px
}

html.ar .text-image-template .template-text .action-link.apply {
    width: 105px
}

html.ar .text-image-template.with-breadcrumbs > .flex-container {
    margin-top: -58px
}

html.ar .text-image-template.cover-image .template-image {
    margin-left: 0
}

    html.ar .text-image-template.cover-image .template-image img {
        -moz-transform: scaleX(-1) translateY(-50%) translateX(50%);
        -o-transform: scaleX(-1) translateY(-50%) translateX(50%);
        -webkit-transform: scaleX(-1) translateY(-50%) translateX(50%);
        transform: scaleX(-1) translateY(-50%) translateX(50%);
        left: 50%;
        right: auto
    }

html.ar .section-close::before {
    content: '\F061'
}

html.ar .section-close.top-right {
    right: auto;
    left: 80px
}

html.ar .right-search {
    left: 0;
    right: auto;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%)
}

html.ar body:not(.open-left-nav).open-right-search .right-search {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0)
}

html.ar body:not(.open-left-nav).open-right-search #container {
    -webkit-transform: translateX(435px) !important;
    -moz-transform: translateX(435px) !important;
    -ms-transform: translateX(435px) !important;
    -o-transform: translateX(435px) !important
}

html.ar body.open-left-nav .left-navigation {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0)
}

html.ar body.open-left-nav.open-left-submenu .left-submenu {
    -webkit-transform: translateX(-100%) !important;
    -moz-transform: translateX(-100%) !important;
    -ms-transform: translateX(-100%) !important;
    -o-transform: translateX(-100%) !important
}

html.ar .left-submenu {
    left: 0;
    right: auto
}

    html.ar .left-submenu .submenu-content {
        padding: 0 0 0 44px
    }

        html.ar .left-submenu .submenu-content .column {
            padding: 0 52px 0 0
        }

            html.ar .left-submenu .submenu-content .column:nth-of-type(n+2) {
                border-right: 1px solid rgba(255,255,255,.1);
                border-left: 0
            }

            html.ar .left-submenu .submenu-content .column .links-block .submenu-mobile-container .mCSB_scrollTools {
                display: none !important
            }

html.ar .left-navigation {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%)
}

    html.ar .left-navigation .nav-content .nav-links .nav-item:nth-of-type(n+2)::after {
        left: auto;
        right: 0
    }

html.ar .footer-box {
    float: right
}

    html.ar .footer-box:nth-of-type(n+2) {
        margin-left: 0;
        margin-right: 44px
    }

    html.ar .footer-box .description, html.ar .footer-box .form-message, html.ar .footer-box .text, html.ar .footer-box .title {
        font-family: thesans
    }

    html.ar .footer-box .newsletter-input .join {
        font-family: thesans;
        margin-left: 0;
        margin-right: 18px
    }

    html.ar .footer-box .newsletter-input .input {
        float: right
    }

    html.ar .footer-box .newsletter-input ::-webkit-input-placeholder {
        font-size: 14px
    }

    html.ar .footer-box .newsletter-input :-moz-placeholder {
        font-size: 14px
    }

    html.ar .footer-box .newsletter-input ::-moz-placeholder {
        font-size: 14px
    }

    html.ar .footer-box .newsletter-input :-ms-input-placeholder {
        font-size: 14px
    }

    html.ar .footer-box.twitter-feed::before {
        right: 48px;
        left: auto
    }

html.ar .full-footer .footer-extras {
    right: auto;
    left: 0
}

html.ar .full-footer .footer-content {
    padding-right: 0;
    padding-left: 170px
}

html.ar .full-footer .sitemap-column {
    float: right
}

html.ar .full-footer .sitemap-block .link::before {
    left: 0;
    right: -18px
}

html.ar .default-article-template {
    float: right
}

    html.ar .default-article-template:nth-of-type(3n - 1), html.ar .default-article-template:nth-of-type(3n) {
        margin-left: 0;
        margin-right: calc((100% - 1080px) / 2)
    }

    html.ar .default-article-template .description, html.ar .default-article-template .title {
        font-family: thesans
    }

    html.ar .default-article-template .title {
        line-height: 36px
    }

    html.ar .default-article-template .description {
        line-height: 25px
    }

    html.ar .default-article-template .apply {
        width: 106px
    }

html.ar .breadcrumbs-container .breadcrumbs .bread-item {
    font-family: thesans
}

    html.ar .breadcrumbs-container .breadcrumbs .bread-item::after {
        content: '\f100'
    }

html.ar .breadcrumbs-container.with-close {
    padding-left: 64px !important;
    padding-right: 60px
}

html.ar .bullets-blue-section .info ul li::before {
    margin-right: 0;
    margin-left: 21px
}

html.ar .title-tail::before {
    left: 0;
    right: -51px
}

html.ar .inputfield.missing::before {
    content: 'إلزامي‎';
    right: auto;
    left: 25px;
    font-size: 14px;
    font-family: thesans
}

html.ar .inputfield .input, html.ar .inputfield .multiplechoice, html.ar .inputfield .select, html.ar .inputfield .textarea {
    padding-left: 0;
    padding-right: 14px;
    font-family: thesans
}

    html.ar .inputfield .input option, html.ar .inputfield .multiplechoice option, html.ar .inputfield .select option, html.ar .inputfield .textarea option {
        font-family: thesans
    }

html.ar .inputfield.searchfield::after {
    right: auto;
    left: 15px
}

html.ar .inputfield.template4 {
    font-family: thesans;
    float: right
}

    html.ar .inputfield.template4 .input, html.ar .inputfield.template4 .select, html.ar .inputfield.template4 .textarea {
        text-align: right
    }

    html.ar .inputfield.template4 .input-wrapper .inner-label {
        float: right;
        border-right: none;
        border-left: 1px solid rgba(85,85,85,.17)
    }

    html.ar .inputfield.template4 .radio-container .radiofield .radiolabel::before {
        top: 4px
    }

    html.ar .inputfield.template4 .radio-container .radiofield .radiolabel::after {
        top: 8px
    }

    html.ar .inputfield.template4.dropdown .input-wrapper::after {
        right: auto;
        left: 18px
    }

    html.ar .inputfield.template4.dropdown .select {
        padding-left: 40px
    }

    html.ar .inputfield.template4.question-field {
        padding: 5px 0 5px 15px
    }

    html.ar .inputfield.template4 .field-message {
        left: 0;
        right: auto
    }

html.ar .inputfield.template3 .input-label {
    font-family: thesans;
    padding-left: 0;
    padding-right: 0
}

html.ar .inputfield.template3 .input, html.ar .inputfield.template3 .option, html.ar .inputfield.template3 .select {
    font-family: thesans
}

html.ar .inputfield.template3.dropdown .input-wrapper::before {
    left: 3px;
    right: auto
}

html.ar .inputfield.template5 .inputlabel {
    font-family: thesans
}

html.ar .inputfield.template5:nth-of-type(2n - 1) {
    float: right
}

html.ar .inputfield.template5:nth-of-type(2n) {
    float: left
}

html.ar .inputfield.template2 .input, html.ar .inputfield.template2 .option, html.ar .inputfield.template2 .select {
    font-family: thesans;
    font-size: 19px
}

html.ar .inputfield.template1 .input-label {
    width: 140px;
    padding-left: 0;
    padding-right: 15px;
    font-family: thesans
}

    html.ar .inputfield.template1 .input-label + .input, html.ar .inputfield.template1 .input-label + .select, html.ar .inputfield.template1 .input-label + .textarea {
        width: calc(100% - 140px);
        border-right: 1px solid rgba(102,102,102,.6);
        border-left: none
    }

html.ar .inputfield.template1 .field-message {
    left: 0;
    right: auto
}

html.ar .inputfield.dropdown:not(.multi)::after {
    left: 13px;
    right: auto
}

html.ar .inputfield.date-field::after, html.ar .inputfield.datefield::after {
    left: 12px;
    right: auto
}

html.ar .form-inputs.two-col .inputfield {
    float: right
}

    html.ar .form-inputs.two-col .inputfield:nth-of-type(2n) {
        margin-right: 17px;
        margin-left: 0
    }

html.ar .allrisk-radios .input-label {
    width: 144px !important
}

html.ar .allrisk-radios .radio-container {
    width: calc(100% - 144px);
    margin-right: -6px;
    margin-left: 0;
    padding-right: 7px;
    padding-left: 0;
    border-right: 1px solid rgba(102,102,102,.6);
    border-left: none
}

    html.ar .allrisk-radios .radio-container .radiofield {
        margin-top: 6px;
        margin-bottom: 6px
    }

        html.ar .allrisk-radios .radio-container .radiofield .radiolabel {
            font-size: 14px
        }

            html.ar .allrisk-radios .radio-container .radiofield .radiolabel::before {
                top: 4px
            }

            html.ar .allrisk-radios .radio-container .radiofield .radiolabel::after {
                top: 8px
            }

html.ar .small-article .content .title, html.ar .small-listing-title {
    font-family: thesans
}

html.ar .small-article .content .read-more {
    font-family: thesans;
    left: 0;
    right: 12px
}

html.ar .footer-services .swiper-container .swiper-wrapper .swiper-slide .title {
    font-family: thesans
}

html.ar .intro-video .slide-content .title {
    font-family: thesans;
    font-weight: 700
}

html.ar .social-list li {
    float: right
}

html.ar .page-title, html.ar .subpage-header .page-title {
    float: right;
    font-family: thesans
}

html.ar .subpage-header .compare {
    float: left
}

html.ar .internal-page-navigation li {
    font-family: thesans;
    padding-left: 38px;
    padding-right: 10px;
    border-left: none;
    border-right: 1px solid #BBB
}

html.ar .internal-page-navigation.publication-submenu li:last-of-type a {
    padding-right: 10px
}

html.ar .section-title, html.ar .section-title-30, html.ar .section-title-32, html.ar .section-title-35 {
    font-family: thesans
}

    html.ar .section-title .section-subtitle, html.ar .section-title-30 .section-subtitle, html.ar .section-title-32 .section-subtitle, html.ar .section-title-35 .section-subtitle {
        font-family: thesans;
        display: initial
    }

html.ar .blue-transparent-article .apply, html.ar .blue-transparent-article .description, html.ar .blue-transparent-article .title {
    font-family: thesans
}

html.ar .blue-transparent-article .description {
    line-height: 25px
}

html.ar .blue-transparent-article .apply {
    width: 105px
}

html.ar .default-listing-container .load-more, html.ar .grey-submenu li .submenu-item {
    font-family: thesans
}

html.ar .page-filter {
    width: calc(100% - 280px);
    float: right
}

    html.ar .page-filter li {
        padding-right: 0;
        padding-left: 10px
    }

        html.ar .page-filter li .filter-label {
            padding-left: 0;
            padding-right: 25px
        }

            html.ar .page-filter li .filter-label::before {
                left: auto;
                right: 0
            }

            html.ar .page-filter li .filter-label::after {
                left: auto;
                right: 4px
            }

html.ar .info-image-template .content {
    padding-right: 0;
    padding-left: 30px
}

    html.ar .info-image-template .content .description, html.ar .info-image-template .content .title {
        font-family: thesans;
        text-align: right
    }

    html.ar .info-image-template .content .description {
        line-height: 25px
    }

    html.ar .info-image-template .content .action-link {
        width: 106px
    }

html.ar .info-image-template.form-template .image-frame.form-frame {
    padding-left: 0;
    padding-right: 50px;
    text-align: right
}

    html.ar .info-image-template.form-template .image-frame.form-frame .form-inputs .inputfield:nth-of-type(2n) {
        margin-right: 20px;
        margin-left: 0
    }

    html.ar .info-image-template.form-template .image-frame.form-frame .form-inputs .inputfield.missing::before {
        top: -1px
    }

html.ar .full-background-info .description, html.ar .full-background-info .title {
    font-family: thesans
}

html.ar .full-background-info .description {
    line-height: 26px;
    text-align: right
}

html.ar .full-background-info .more-link.apply {
    width: 105px
}

html.ar .interest-section .interest-block .description, html.ar .interest-section .interest-block .title {
    font-family: thesans
}

html.ar .interest-section .interest-block:nth-of-type(n+2) {
    border-right: 1px solid #CCC;
    border-left: none
}

html.ar .page-form {
    padding-left: 0;
    padding-right: 108px
}

    html.ar .page-form .inputs-block .title::before {
        left: auto;
        right: -51px
    }

html.ar .card-details-panel {
    border-right: none;
    border-left: 1px solid #CCC
}

    html.ar .card-details-panel .description, html.ar .card-details-panel .title {
        font-family: thesans
    }

        html.ar .card-details-panel .description ul li {
            padding-left: 0;
            padding-right: 20px
        }

            html.ar .card-details-panel .description ul li::before {
                left: auto;
                right: 2px
            }

html.ar .required-label {
    font-family: thesans;
    padding-left: 0;
    padding-right: 5px
}

    html.ar .required-label::before {
        right: -9px;
        left: auto
    }

html.ar .home-featured-product .title {
    font-family: thesans
}

html.ar .compare-section .centeredcontainer {
    padding-right: 80px;
    padding-left: 0
}

html.ar .compare-section .compared-cards-container {
    float: right
}

    html.ar .compare-section .compared-cards-container .compared-cards-swiper .swiper-wrapper .slide .fees-text, html.ar .compare-section .compared-cards-container .compared-cards-swiper .swiper-wrapper .slide .remove-card > *, html.ar .compare-section .compared-cards-container .compared-cards-swiper .swiper-wrapper .slide .text, html.ar .compare-section .compared-cards-container .compared-cards-swiper .swiper-wrapper .slide .title {
        font-family: thesans
    }

    html.ar .compare-section .compared-cards-container .compared-cards-swiper .swiper-wrapper .slide .text {
        line-height: 25px;
        height: 98px !important
    }

    html.ar .compare-section .compared-cards-container .compared-cards-swiper .swiper-wrapper .slide .text-label {
        font-family: thesans
    }

html.ar .compare-section .specs-panel {
    left: auto;
    right: 0;
    border-left: 1px solid #CCC;
    border-right: none
}

    html.ar .compare-section .specs-panel li {
        font-family: thesans
    }

html.ar .compare-section .add-compare-column {
    float: left
}

html.ar .compare-header-form .inputfield {
    float: right
}

    html.ar .compare-header-form .inputfield:nth-of-type(n+2) {
        margin-left: 0;
        margin-right: calc((100% - 918px) / 2)
    }

html.ar .compare-header-form .centeredcontainer {
    padding-right: 84px;
    padding-left: 0
}

html.ar .bullets-blue-section .info ul li, html.ar .full-width-chat-section .action-link, html.ar .full-width-chat-section .label {
    font-family: thesans
}

html.ar .fixed-bar li {
    float: right
}

    html.ar .fixed-bar li .item-icon, html.ar .fixed-bar li.need-help, html.ar .fixed-bar.contact-bar li .btn, html.ar .fixed-bar.contact-bar li .description, html.ar .fixed-bar.contact-bar li.label-only {
        font-family: thesans
    }

html.ar .fixed-bar.contact-bar li.label-only {
    font-size: 27px
}

html.ar .info-image-background .description, html.ar .info-image-background .title {
    text-align: right;
    font-family: thesans
}

html.ar .info-image-background .description {
    line-height: 26px
}

html.ar .language-dropdown .dropdown-title {
    text-align: right;
    padding: 8px 7px 0 0
}

html.ar .timeline-container .floating-info-box .frame img {
    margin-left: 0;
    margin-right: 50%;
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -ms-transform: translateX(50%);
    -o-transform: translateX(50%)
}

html.ar .section-title-32, html.ar .timeline-container .floating-info-box .content .description {
    font-family: thesans
}

html.ar .directors-listing .profile .board-cv {
    left: auto;
    right: 26px
}

html.ar .directors-listing .profile .name .text {
    font-weight: 400
}

html.ar .directors-listing .profile::before {
    left: auto;
    right: -50vw
}

html.ar .manager .board-cv {
    right: 0;
    left: auto
}

html.ar .manager::before {
    left: auto;
    right: -50vw
}

html.ar .group-chart-section .chart-list .title {
    font-family: thesans;
    font-weight: 700
}

html.ar .group-chart-section .chart-list li {
    font-family: thesans
}

html.ar .local-subsidiaries-section .related-swiper-content .subsidiary .subsidiary-info {
    border-right: 1px solid #0192c4;
    border-left: none;
    padding: 47px 45px 44px 0
}

    html.ar .local-subsidiaries-section .related-swiper-content .subsidiary .subsidiary-info .entry .label {
        padding: 4px 38px 6px 0;
        border-left: 1px solid #152C69;
        border-right: none;
        width: 160px
    }

        html.ar .local-subsidiaries-section .related-swiper-content .subsidiary .subsidiary-info .entry .label::before {
            left: auto;
            right: 0;
            top: 9px
        }

    html.ar .local-subsidiaries-section .related-swiper-content .subsidiary .subsidiary-info .entry .value {
        padding: 5px 30px 5px 0;
        width: calc(100% - 160px);
        direction: ltr
    }

    html.ar .local-subsidiaries-section .related-swiper-content .subsidiary .subsidiary-info::after, html.ar .local-subsidiaries-section .related-swiper-content .subsidiary .subsidiary-info::before {
        left: auto;
        right: 0
    }

html.ar .local-subsidiaries-section .related-swiper-content .subsidiary .content .description {
    font-family: thesans
}

html.ar .local-subsidiaries-section .subsidiaries-swiper-parent .subsidiaries-swiper .slide:nth-of-type(n+2) {
    margin-right: 80px;
    margin-left: 0
}

html.ar .downloadables-filter .filter-label {
    margin-left: 10px;
    margin-right: 0;
    font-family: thesans
}

html.ar .downloadables-filter .dropdown-wrapper .select {
    font-family: thesans
}

html.ar .downloadables-filter .dropdown-wrapper::after {
    left: 15px !important;
    right: auto !important
}

html.ar .load-more {
    font-family: thesans
}

html.ar .award-details-section .image-frame::after {
    left: auto;
    right: 0
}

html.ar .downloadable-listing .section-title {
    float: right
}

html.ar .contact-form-section .subtitle {
    font-family: thesans
}

html.ar footer .main-footer .follow-us {
    float: left
}

    html.ar footer .main-footer .follow-us .social-list li:nth-of-type(n+2) {
        margin-left: 0;
        margin-right: 14px
    }

    html.ar footer .main-footer .follow-us .title {
        float: right;
        margin-left: 25px;
        margin-right: 0;
        margin-top: 5px
    }

html.ar .sitemap-toggle {
    left: auto;
    right: 2px
}

html.ar .contact-info-section .info-list li {
    padding-left: 0;
    padding-right: 58px
}

    html.ar .contact-info-section .info-list li .title {
        font-weight: 700
    }

    html.ar .contact-info-section .info-list li .description {
        font-family: thesans
    }

    html.ar .contact-info-section .info-list li.font-icon-before::before {
        top: 8px !important;
        right: 0;
        left: auto
    }

html.ar .locate-us-form .inputfield {
    float: right;
    margin-right: 0;
    margin-left: 20px
}

    html.ar .locate-us-form .inputfield .input, html.ar .locate-us-form .inputfield .select {
        font-family: thesans
    }

html.ar .locate-us-form .or, html.ar .locate-us-form .search-btn {
    float: right
}

html.ar .locate-us-form .intro-title {
    font-family: thesans
}

html.ar .locate-us-form .auto-locate-button {
    font-family: thesans;
    float: right;
    text-align: right;
    padding-right: 15px;
    padding-left: 0
}

    html.ar .locate-us-form .auto-locate-button .cursor-icon {
        margin: 0 0 0 22px
    }

html.ar .locate-us-page-menu {
    padding-top: 25px
}

html.ar .branch-info .title {
    font-family: thesans
}

html.ar .branch-info .info li {
    padding: 4px 50px 5px 0
}

    html.ar .branch-info .info li::before {
        left: auto;
        right: 0
    }

    html.ar .branch-info .info li::after {
        left: auto;
        right: 36px
    }

html.ar .article-details-section .frame {
    padding-right: 0;
    border-right: none;
    padding-left: 50px;
    border-left: 1px solid #CCC
}

    html.ar .article-details-section .frame.no-description {
        border-left: none
    }

    html.ar .article-details-section .frame + .description {
        padding-left: 0;
        padding-right: 50px
    }

html.ar .article-details-section .description {
    font-family: thesans
}

html.ar .share-block {
    left: 55px;
    right: auto
}

    html.ar .share-block .label {
        margin-right: 0;
        margin-left: 10px
    }

html.ar .back-btn {
    right: auto;
    left: 0
}

    html.ar .back-btn::before {
        content: '\F061'
    }

html.ar .btn.btn-blue, html.ar .properties-filtering-container .properties-filters .inputfield .input, html.ar .properties-filtering-container .properties-filters .inputfield .select {
    font-family: thesans
}

html.ar .property-details-section .article-gallery {
    padding-right: 0;
    border-right: none;
    padding-left: 63px;
    border-left: 1px solid #CCC
}

    html.ar .property-details-section .article-gallery .gallery-swiper {
        margin-left: 0;
        margin-right: 142px
    }

    html.ar .property-details-section .article-gallery .thumbnails-container {
        left: auto;
        right: 19px
    }

    html.ar .property-details-section .article-gallery + .article-description {
        padding-right: 55px;
        padding-left: 0
    }

html.ar .property-details-section .article-description .specs {
    padding-left: 0;
    padding-right: 54px
}

    html.ar .property-details-section .article-description .specs li {
        font-family: thesans
    }

        html.ar .property-details-section .article-description .specs li::before {
            left: auto;
            right: -51px
        }

html.ar .copyrights-section .centeredcontainer .text, html.ar .table-gradient .table-header li, html.ar .table-gradient .table-row li {
    font-family: thesans
}

html.ar .table-gradient .table-header .small-caption, html.ar .table-gradient .table-row .small-caption {
    font-family: thesans;
    text-align: right
}

html.ar .table-gradient .table-row li {
    text-align: center
}

html.ar .table-gradient .table-row.table-group-label li {
    padding-right: 22px;
    text-align: right
}

html.ar .group-table .table-header li, html.ar .group-table .table-row li {
    padding-right: 40px;
    padding-left: 0
}

    html.ar .group-table .table-header li:nth-of-type(1), html.ar .group-table .table-row li:nth-of-type(1) {
        padding-right: 74px;
        padding-left: 0
    }

html.ar .governance-table .table-header li:nth-of-type(1), html.ar .governance-table .table-row li:nth-of-type(1) {
    text-align: right !important;
    padding-left: 0;
    padding-right: 74px
}

html.ar .governance-table .table-header li {
    text-align: right;
    padding-left: 0;
    padding-right: 14px
}

html.ar .info-icon-section .content .corporate-accordian li.item {
    padding-right: 57px;
    padding-left: 0
}

    html.ar .info-icon-section .content .corporate-accordian li.item::before {
        right: 26px;
        left: auto
    }

    html.ar .info-icon-section .content .corporate-accordian li.item.open {
        padding-right: 70px;
        padding-left: 10px
    }

    html.ar .info-icon-section .content .corporate-accordian li.item .close-item {
        left: auto;
        right: 20px
    }

html.ar .gradient-stripe .text, html.ar .info-icon-section .content .corporate-accordian li.item-description .description, html.ar .info-icon-section .content .corporate-accordian li.item-description .description a, html.ar .user-experience-section .description {
    font-family: thesans
}

html.ar .training-section {
    background-position-x: left
}

html.ar .gradient-container .page-title {
    float: none
}

html.ar .absara-light, html.ar .input-phrase {
    font-family: thesans
}

html.ar .home-services .service-form .steps li.step {
    padding-right: 70px;
    padding-left: 0
}

    html.ar .home-services .service-form .steps li.step::before {
        right: 10px;
        left: auto
    }

    html.ar .home-services .service-form .steps li.step::after {
        right: auto;
        left: 6px
    }

html.ar .home-services .service-form .steps li.why-bob {
    float: left
}

html.ar .home-services .service-form .multi-step-form .form-step .next-step {
    font-size: 27px
}

    html.ar .home-services .service-form .multi-step-form .form-step .next-step::after {
        background: #0192c4
    }

html.ar .home-services .service-form .multi-step-form .form-step .input-phrase {
    font-family: thesans
}

html.ar .home-services .service-form .multi-step-form .form-step .message {
    right: 0;
    left: auto
}

html.ar .home-services .service-form .multi-step-form .form-step .service-apply-block .form-title {
    font-family: thesans
}

html.ar .home-services .service-form .multi-step-form .form-step .information {
    float: right;
    padding: 0 0 0 158px
}

    html.ar .home-services .service-form .multi-step-form .form-step .information::before {
        left: 50px;
        right: auto;
        border-bottom: 1px solid #0192c4;
        border-left: 1px solid #0192c4;
        border-top: none;
        border-right: none
    }

html.ar .home-services .service-form .multi-step-form .form-step .other-input {
    left: auto;
    right: 0
}

    html.ar .home-services .service-form .multi-step-form .form-step .other-input .back-from-other {
        left: 0;
        right: auto
    }

        html.ar .home-services .service-form .multi-step-form .form-step .other-input .back-from-other::before {
            content: '\f178'
        }

html.ar .service-check-card .title {
    font-family: thesans;
    padding: 16px 6px 19px;
    font-size: 16px
}

html.ar .interest-swiper-container .swiper-container .swiper-wrapper .slide:nth-of-type(n+2) {
    margin-right: 36px;
    margin-left: 0
}

html.ar .title-size-32 {
    line-height: 42px
}

html.ar .title-size-22 {
    line-height: 32px
}

html.ar .downloadable-entry .title {
    font-family: thesans
}

html.ar .downloadable-entry::before {
    left: auto;
    right: 0
}

html.ar .group-subpage-header .downloadables-filter {
    float: right
}

html.ar .group-subpage-header .page-title {
    margin-left: 30px;
    margin-right: 0
}

    html.ar .group-subpage-header .page-title + .downloadables-filter .dropdown-wrapper:nth-of-type(n+2) {
        margin-left: 0;
        margin-right: 12px
    }

html.ar .tail-list:not(.corporate-accordian) ul {
    padding-right: 55px;
    padding-left: 0
}

    html.ar .tail-list:not(.corporate-accordian) ul li::before {
        left: auto;
        right: -51px
    }

html.ar .user-experience-section .experience-image::before {
    left: auto;
    right: 0
}

html.ar .user-experience-section .subtitle {
    font-family: thesans
}

html.ar .full-background-info, html.ar .full-background-info .centeredcontainer {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH"
}

html.ar .contact-channels-section {
    background-position: left bottom
}

    html.ar .contact-channels-section .contact-channels li {
        padding-right: 100px;
        padding-left: 0
    }

        html.ar .contact-channels-section .contact-channels li::before {
            left: auto;
            right: 0;
            transform-origin: 100% 50%
        }

        html.ar .contact-channels-section .contact-channels li:nth-of-type(n+2) .valign::before {
            left: auto;
            right: 100px
        }

    html.ar .contact-channels-section .subtitle, html.ar .statement-with-icon .statement-text {
        font-family: thesans
    }

html.ar .western-union-bottom, html.ar .western-union-bottom .centeredcontainer {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH"
}

html.ar .close-services-form {
    left: 40px;
    right: auto
}

html.ar .home-services .service-form .multi-step-form .form-step .information .title {
    font-family: thesans
}

html.ar .tail-list-section .info-list li {
    font-family: thesans;
    padding-right: 51px;
    padding-left: 0
}

    html.ar .tail-list-section .info-list li::before {
        left: auto;
        right: 0
    }

html.ar .table-gradient li::before {
    margin-left: 0
}

html.ar .table-description {
    font-family: thesans
}

html.ar .compare-section .add-compare-column .all-cards-dropdown li .label {
    padding-left: 0;
    padding-right: 45px;
    font-family: thesans
}

    html.ar .compare-section .add-compare-column .all-cards-dropdown li .label::before {
        left: auto;
        right: 0
    }

    html.ar .compare-section .add-compare-column .all-cards-dropdown li .label::after {
        left: auto;
        right: 4px
    }

html.ar .info-image-background .description ul li {
    padding-left: 0;
    padding-right: 20px;
    font-family: thesans
}

    html.ar .info-image-background .description ul li::before {
        right: 2px;
        left: auto
    }

html.ar .group-table .table-header li, html.ar .group-table .table-row li {
    text-align: right
}

html.ar .dividend-table .table-header li, html.ar .dividend-table .table-row li {
    text-align: right;
    padding-right: 22px;
    padding-left: 5px
}

html.ar .asset-management-table .table-header li, html.ar .asset-management-table .table-row li {
    padding-left: 5px
}

html.ar .asset-management-table .table-header li {
    font-size: 16px
}

html.ar .asset-management-table .table-header li, html.ar .asset-management-table .table-row li {
    text-align: right;
    padding-right: 22px
}

    html.ar .asset-management-table .table-header li:nth-of-type(1), html.ar .asset-management-table .table-row li:nth-of-type(1) {
        width: 19.6%
    }

    html.ar .asset-management-table .table-header li:nth-of-type(2), html.ar .asset-management-table .table-row li:nth-of-type(2) {
        width: 13.8%
    }

    html.ar .asset-management-table .table-header li:nth-of-type(3), html.ar .asset-management-table .table-row li:nth-of-type(3) {
        width: 10.3%
    }

    html.ar .asset-management-table .table-header li:nth-of-type(4), html.ar .asset-management-table .table-row li:nth-of-type(4) {
        width: 10.8%
    }

    html.ar .asset-management-table .table-header li:nth-of-type(5), html.ar .asset-management-table .table-row li:nth-of-type(5) {
        width: 12.6%
    }

    html.ar .asset-management-table .table-header li:nth-of-type(6), html.ar .asset-management-table .table-row li:nth-of-type(6) {
        width: 12.7%
    }

    html.ar .asset-management-table .table-header li:nth-of-type(7), html.ar .asset-management-table .table-row li:nth-of-type(7) {
        width: 11%
    }

    html.ar .asset-management-table .table-header li:nth-of-type(8), html.ar .asset-management-table .table-row li:nth-of-type(8) {
        width: 9.2%
    }

html.ar .shares-table .table-header li {
    font-size: 16px
}

html.ar .award-details-section .content .title {
    font-size: 35px;
    line-height: 48px
}

html.ar .award-details-section .content .description {
    line-height: 25px
}

html.ar .blue-button {
    font-family: thesans
}

html.ar .radio-wrapper input[type=radio] + label:nth-of-type(n+2) {
    margin-left: 0;
    margin-right: 18px
}

html.ar .news-article .date {
    left: 0;
    right: 38px
}

html.ar .info-image-template.blue-gradient-template {
    background: -webkit-gradient(linear,right top,right bottom,from(#182a75),to(#2292b1));
    background: -webkit-linear-gradient(right,#182a75,#2292b1);
    background: -moz-linear-gradient(right,#182a75,#2292b1);
    background: -ms-linear-gradient(right,#182a75,#2292b1);
    background: -o-linear-gradient(right,#182a75,#2292b1)
}

html.ar .home-services-forms, html.ar .locate-us-form {
    background: -webkit-gradient(linear,right top,right bottom,from(#0d235e),to(#368abd));
    background: -webkit-linear-gradient(right,#0d235e,#368abd);
    background: -moz-linear-gradient(right,#0d235e,#368abd);
    background: -ms-linear-gradient(right,#0d235e,#368abd);
    background: -o-linear-gradient(right,#0d235e,#368abd)
}

html.ar .loyalty-questions .title-tail {
    line-height: 25px
}

html.ar .print-container .print-results .print-results-list li:nth-of-type(n+2)::before {
    right: 0;
    left: auto
}

html.ar .loyalty-questions {
    min-height: 640px
}

html.ar .print-container {
    font-family: thesans
}

html.ar .left-navigation .close-left-menu {
    left: auto;
    right: 42px
}

html.ar .header-menu > li:not(.header-menu-dropdown) {
    white-space: nowrap;
    font-size: 15px;
    padding-right: 10px
}

    html.ar .header-menu > li:not(.header-menu-dropdown):nth-of-type(1) {
        width: 156px
    }

    html.ar .header-menu > li:not(.header-menu-dropdown):nth-of-type(3) {
        width: 150px
    }

    html.ar .header-menu > li:not(.header-menu-dropdown):nth-of-type(5) {
        width: 160px
    }

html.ar .header-menu li.header-menu-dropdown .header-menu-dropdown-container {
    padding-top: 30px
}

html.ar left-submenu .submenu-content .column .links-block .link {
    font-size: 15px
}

html.ar .contact-form-section .full-row-radio .row-label {
    font-family: thesans
}

html.ar .table-responsive .table-row li::before {
    font-family: thesans;
    font-weight: 700
}

html.ar .branch-info .info li {
    font-family: thesans
}

html.ar.ie .intro-video video {
    -webkit-transform: translateX(50%) translateY(-50%);
    -moz-transform: translateX(50%) translateY(-50%);
    -ms-transform: translateX(50%) translateY(-50%);
    -o-transform: translateX(50%) translateY(-50%)
}

html.ar.ie .template4.inputfield .inputlabel {
    position: relative
}

    html.ar.ie .template4.inputfield .inputlabel::after {
        left: -15px
    }

html.ar.ie .template4.inputfield.missing .inputlabel {
    margin-left: auto;
    margin-right: 0
}

html.ar.ie .bullets-blue-section .info ul li::before {
    display: block
}

html.ar .inputfield.greatherThan::before {
    content: 'يجب أن تكون النقاط 2000 أو أكبر';
    font-family: thesans
}

html.ar .fullwidth-gradient-container .fullwidth-gradient-swiper .slide .slide-title, html.ar .radio-wrapper input[type=radio] + label, html.ar .redemption-intro .loyalty-points-result .value, html.ar .table-title {
    font-family: thesans
}

html.ar .point-collection-accordion .column-1 {
    padding-right: 36px;
    padding-left: 7px
}

html.ar .point-collection-accordion .column-2 {
    padding-right: 41px;
    padding-left: 7px;
    border-left: none;
    border-right: 1px solid rgba(221,221,221,.68)
}

html.ar .point-collection-accordion .corporate-accordian .item .accordion-cell.column-1::after {
    left: 35px;
    right: auto
}

html.ar .point-collection-accordion .corporate-accordian .item-description .preserveheight {
    padding: 35px 38px 45px 45px
}

    html.ar .point-collection-accordion .corporate-accordian .item-description .preserveheight .description {
        font-family: thesans
    }

html.ar .card-application-container .form-message {
    left: auto;
    right: 410px
}

    html.ar .card-application-container .form-message .description, html.ar .card-application-container .form-message .title {
        font-family: thesans
    }

html.ar .form-description, html.ar .form-description .title, html.ar .form-description .title-tail {
    font-family: thesans !important
}

html.ar .inputfield.template4.opt-in-field .radio-container {
    margin-left: 12px;
    margin-right: 0
}

    html.ar .inputfield.template4.opt-in-field .radio-container .radiofield .radiolabel {
        padding-left: 25px;
        padding-right: 0
    }

html.ar .inputfield.template4 .radio-container.in-field {
    padding: 8px 12px 0 2px
}

html.ar .validation-before.display-validation::before {
    font-family: thesans;
    right: auto;
    left: 0;
    top: -23px
}

html.ar .inputfield.greatherThan::before {
    right: auto;
    left: 25px;
    width: 100%;
    top: 0
}

html.ar .btn, html.ar .error-messages {
    font-family: thesans
}

html.ar .left-navigation .nav-content.no-result::before, html.ar .results-listing.no-result::before, html.ar .right-search .search-results.no-result::before {
    content: 'لا توجد نتائج.'
}

html.ar .privacy-text-listing li .description, html.ar .privacy-text-listing li .title {
    font-family: thesans
}

html.ar .investor-logo-container {
    float: left
}

html.ar .error-messages li {
    padding-left: 0;
    padding-right: 20px
}

    html.ar .error-messages li::before {
        left: auto;
        right: 0
    }

html.ar .bullet-list li {
    font-family: thesans;
    padding-left: 0;
    padding-right: 20px
}

    html.ar .bullet-list li::before {
        left: auto;
        right: 2px
    }

html.ar .informative-blocks .info-block .description {
    font-family: thesans
}

html.ar .fact-sheets-container .downloadable-entry {
    direction: ltr
}

html.ar .digital-media-container ul li {
    padding-left: 0;
    padding-right: 20px
}

    html.ar .digital-media-container ul li::before {
        left: auto;
        right: 2px
    }

@media (max-width:1410px) {
    html.ar .header-menu li:not(.header-menu-dropdown) {
        font-size: 13px;
        padding-right: 7px
    }

        html.ar .header-menu li:not(.header-menu-dropdown):nth-of-type(1) {
            width: 136px
        }

        html.ar .header-menu li:not(.header-menu-dropdown):nth-of-type(3) {
            width: 130px
        }

        html.ar .header-menu li:not(.header-menu-dropdown):nth-of-type(5) {
            width: 130px
        }
}

@media (max-width:1250px) {
    html.ar .text-image-template .template-image {
        margin-right: 0;
        margin-left: -20px
    }

    html.ar .text-image-template.reversed .template-image {
        margin-right: -20px;
        margin-left: 0
    }

    html.ar .footer-box:nth-of-type(n+2) {
        margin-right: 25px
    }

    html.ar .breadcrumbs-container.with-close {
        padding-right: 20px !important
    }
}

@media (max-width:1216px) {
    html.ar .default-article-template:nth-of-type(3n - 1), html.ar .default-article-template:nth-of-type(3n) {
        margin-right: 19px
    }
}

@media (max-width:1159px) {
    html.ar .compare-header-form .inputfield:nth-of-type(n+1) {
        margin-right: 30px
    }

    html.ar .page-filter {
        padding-left: 0;
        padding-right: 10px
    }
}

@media (max-width:1136px) {
    html.ar .governance-table .table-header li:nth-of-type(1), html.ar .governance-table .table-row li:nth-of-type(1) {
        padding-right: 50px
    }
}

@media (max-width:1100px) {
    html.ar .training-section {
        background-position-x: -150px
    }
}

@media (max-width:1140px) {
    html.ar .header-menu {
        display: none
    }
}

@media (min-width:1005px) and (max-width:1250px) {
    html.ar.ie .footer-box:nth-of-type(n+2).footer-box {
        margin-right: 24px;
        margin-left: 0
    }
}

@media (min-width:1251px) {
    html.ar.ie .footer-box:nth-of-type(n+2).footer-box {
        margin-right: 43px;
        margin-left: 0
    }
}

@media (max-width:1015px) {
    html.ar .section-close.top-right {
        left: 20px
    }

    html.ar .footer-box.newsletter-box {
        margin-right: 0 !important
    }

    html.ar .footer-box:nth-of-type(n+2) {
        margin-right: 44px
    }

    html.ar .site-settings.inside > li.type-dropdown .dropdown-title {
        padding-top: 11px
    }

    html.ar .left-submenu {
        -webkit-transform: translateX(100%) !important;
        -moz-transform: translateX(100%) !important;
        -ms-transform: translateX(100%) !important;
        -o-transform: translateX(100%) !important
    }

        html.ar .left-submenu .submenu-content {
            padding-left: 0
        }

            html.ar .left-submenu .submenu-content .submenu-mobile-container {
                left: auto;
                right: 0;
                -webkit-transform: translateX(100%);
                -moz-transform: translateX(100%);
                -ms-transform: translateX(100%);
                -o-transform: translateX(100%)
            }

            html.ar .left-submenu .submenu-content .column {
                padding-left: 20px;
                padding-right: 20px
            }

                html.ar .left-submenu .submenu-content .column .links-block:nth-of-type(n+2)::before {
                    left: auto;
                    right: 0
                }

                html.ar .left-submenu .submenu-content .column:nth-of-type(n+2) .links-block:first-of-type::before {
                    left: auto;
                    right: 0
                }

            html.ar .left-submenu .submenu-content .submenu-mobile-container .link:nth-of-type(n+2)::before {
                left: auto;
                right: 22px
            }

        html.ar .left-submenu .submenu-mobile-title {
            padding: 22px 20px 18px 70px
        }

            html.ar .left-submenu .submenu-mobile-title::after {
                left: 40px;
                right: auto;
                content: '\F061'
            }

    html.ar .default-article-template {
        width: calc((100% - 20px) / 2);
        margin-right: 0 !important;
        margin-left: 0 !important
    }

        html.ar .default-article-template:nth-of-type(2n) {
            margin-right: 20px !important
        }

    html.ar .left-navigation .nav-content::before {
        height: 265px
    }

    html.ar body.open-left-nav.open-left-submenu .left-submenu {
        -webkit-transform: translateX(0) !important;
        -moz-transform: translateX(0) !important;
        -ms-transform: translateX(0) !important;
        -o-transform: translateX(0) !important
    }
}

@media (max-width:980px) {
    html.ar .group-table .table-header li:nth-of-type(1), html.ar .group-table .table-row li:nth-of-type(1) {
        padding-right: 45px;
        padding-left: 0
    }
}

@media (max-width:950px) {
    html.ar .governance-table .table-header li, html.ar .governance-table .table-row li {
        padding-right: 26px;
        text-align: right
    }

    html.ar .governance-table.table-responsive .table-row li .ticked {
        left: 18px;
        right: auto
    }

    html.ar .table-gradient.table-responsive .table-header li, html.ar .table-gradient.table-responsive .table-row li {
        text-align: right
    }

    html.ar .local-subsidiaries-section .related-swiper-content .subsidiary .subsidiary-info {
        border-right: none;
        padding: 36px 20px 0
    }

        html.ar .local-subsidiaries-section .related-swiper-content .subsidiary .subsidiary-info::after {
            left: 0;
            right: auto
        }
}

@media (max-width:900px) {
    html.ar .card-details-panel {
        border-left: none
    }

    html.ar .page-form {
        padding-right: 0
    }
}

@media (max-width:880px) {
    html.ar .home-services .service-form .multi-step-form .form-step .action-list {
        float: right
    }

    html.ar .home-services .service-form .multi-step-form .form-step .information::before {
        left: auto;
        right: 8px
    }
}

@media (max-width:850px) {
    html.ar .group-chart-section .chart-container .chart-list .item, html.ar .group-chart-section .chart-container .chart-list .title {
        text-align: right
    }

    html.ar .article-details-section .frame {
        padding-left: 0;
        border-left: 0
    }

        html.ar .article-details-section .frame + .description {
            padding-right: 0
        }
}

@media (max-width:767px) {
    html.ar .default-article-template {
        margin-right: 0 !important;
        width: 100%
    }

        html.ar .default-article-template .description, html.ar .default-article-template .title {
            text-align: right
        }

        html.ar .default-article-template:nth-of-type(n) {
            margin-right: 0 !important
        }

    html.ar .text-image-template .template-text .content {
        padding-left: 0
    }

    html.ar .text-image-template.with-breadcrumbs > .flex-container {
        margin-top: 0
    }

    html.ar .logo {
        float: right
    }

    html.ar .burger-toggle {
        float: left
    }

    html.ar .close-services-form {
        right: auto;
        left: 15px
    }

    html.ar .locate-us-form .intro-title {
        padding-left: 50px;
        padding-right: 0
    }

    html.ar .locate-us-form .inputfield, html.ar .locate-us-form .or, html.ar .locate-us-form .search-btn {
        float: none
    }

    html.ar .locate-us-form .or {
        text-align: right
    }

    html.ar .locate-us-form .auto-locate-button {
        float: none
    }

    html.ar .home-services .service-form.buy-a-house-form .form-inputs {
        margin: 40px 0 13px
    }

    html.ar .home-services .service-form .multi-step-form .form-step .intro-title {
        padding-left: 55px;
        padding-right: 0
    }

    html.ar .allrisk-radios .radio-container {
        height: auto
    }

    html.ar .interest-section .interest-block:nth-of-type(n+2) {
        border-right: none
    }

    html.ar .news-article .date {
        right: 20px
    }

    html.ar .compare-header-form .centeredcontainer {
        padding-right: 0
    }

    html.ar .compare-header-form .inputfield .input-label {
        float: right
    }

    html.ar .compare-section .centeredcontainer {
        padding-right: 0
    }

    html.ar .compare-section .compared-cards-container {
        margin-top: 40px
    }

    html.ar .compare-section .add-compare-column {
        margin-top: 0
    }

    html.ar .full-width-chat-section .label {
        text-align: right
    }

    html.ar .full-width-chat-section .action-link {
        float: right
    }

    html.ar .blue-transparent-article {
        text-align: right
    }

    html.ar .page-filter::after {
        right: auto;
        left: 20px
    }

    html.ar .info-image-template.form-template .image-frame.form-frame {
        padding-right: 0
    }

    html.ar .compare-header-form .inputfield {
        margin-right: 0 !important
    }

    html.ar .subpage-header .compare {
        margin-left: 0;
        margin-right: 7px
    }

    html.ar .blue-transparent-article .centered-horizontal {
        margin-left: 0;
        margin-right: 0
    }

    html.ar .management-abroad-listing .corporate-accordian li.item::after, html.ar .management-abroad-listing .corporate-accordian li.item::before {
        left: 20px;
        right: auto
    }

    html.ar .local-subsidiaries-section .related-swiper-content .subsidiary .subsidiary-info .entry .label {
        border-left: 0
    }

    html.ar .local-subsidiaries-section .related-swiper-content .subsidiary .subsidiary-info .entry .value {
        width: 100%
    }

    html.ar .local-subsidiaries-section .related-swiper-content .subsidiary .subsidiary-info .entry:nth-of-type(n+2)::before {
        left: auto;
        right: 38px
    }

    html.ar .table-gradient.swiper-responsive {
        padding-bottom: 40px !important
    }

    html.ar .share-block {
        left: auto
    }
}

@media (min-width:1016px) {
    html.ar body:not(.open-left-nav).open-right-search .main-header {
        -webkit-transform: translateX(435px) !important;
        -moz-transform: translateX(435px) !important;
        -ms-transform: translateX(435px) !important;
        -o-transform: translateX(435px) !important
    }
}

@media (max-width:700px) {
    html.ar .footer-box {
        margin-right: 0 !important
    }
}

@media (max-width:525px) {
    html.ar .info-image-template.form-template .image-frame.form-frame .form-inputs .inputfield:nth-of-type(2n) {
        margin-right: 0
    }

    html.ar .downloadables-filter .dropdown-wrapper {
        margin-right: 12px !important
    }
}

@media (max-width:500px) {
    html.ar .point-collection-accordion .corporate-accordian .item-description .preserveheight {
        padding: 25px 18px 35px 20px
    }

    html.ar .point-collection-accordion .column-1 {
        padding-left: 7px;
        padding-right: 20px
    }

    html.ar .point-collection-accordion .column-2 {
        padding-right: 20px;
        padding-left: 7px
    }
}

.header-menu li {
    width: 170px
}

.profile .position {
    margin-top: unset !important
}

.inputfield.template5 .input.uk-code-phone {
    width: 90px
}

.inputfield.template5 .input.uk-phone {
    width: calc(100% - 95px)
}

.uk-from-to-div {
    float: left !important;
    width: 700px !important
}

    .uk-from-to-div .uk-from-to {
        margin-right: 5px
    }

    .uk-from-to-div .input {
        width: 294px !important;
        margin-right: 20px
    }

.uk-from-to {
    color: #EBEBEB;
    font-size: 15px;
    line-height: 18px;
    font-style: italic
}

#right-search-input.input:focus, #right-search-input.input:focus:-ms-input-placeholder {
    outline: 0 !important
}

#right-search-input input::-webkit-input-placeholder {
    color: #fff
}

#right-search-input input:focus::-webkit-input-placeholder {
    color: #fff
}

#right-search-input input:-moz-placeholder {
    color: #fff
}

#right-search-input input:focus:-moz-placeholder {
    color: #fff
}

#right-search-input input::-moz-placeholder {
    color: #fff
}

#right-search-input input:focus::-moz-placeholder {
    color: #fff
}

input:-ms-input-placeholder {
    color: #999
}

input:focus:-ms-input-placeholder {
    color: red
}

.text-image-template > .flex-container {
    z-index: 2;
    position: relative
}

.text-image-template {
    min-height: unset
}

@media (min-width:768px) {
    .text-image-template.blue-gradient::before {
        display: none
    }
}

.text-image-template.blue-gradient::before {
    background: #fff
}

.text-image-template .template-text .content.white-content .title {
    color: #0192c4
}

.text-image-template .template-text .content.white-content .description {
    color: #545454
}

.text-image-template .template-text .content.white-content .action-link {
    color: #0192c4
}

    .text-image-template .template-text .content.white-content .action-link::after {
        background: #0192c4
    }

.home-services .home-services-swiper {
    background-color: #fff
}

    .home-services .home-services-swiper .swiper-wrapper .active {
        background-color: #003e75 !important
    }

        .home-services .home-services-swiper .swiper-wrapper .active:hover {
            background-color: #1A316F !important
        }

.breadcrumbs-container, .section-close.top-right {
    z-index: 6
}

.inputfield.template5 .text-field-jj {
    height: 40px !important
}

.text-area-jj {
    margin-top: 23px !important
}

.jj-mobile-footer-services {
    display: none
}

@media (max-width:768px) {
    .jj-desktop-footer-services {
        display: none
    }

    .jj-mobile-footer-services {
        display: block
    }

    .text-image-template .template-text .content.white-content .action-link, .text-image-template .template-text .content.white-content .description, .text-image-template .template-text .content.white-content .title {
        color: #fff
    }

        .text-image-template .template-text .content.white-content .action-link::after {
            background: #fff
        }
}

.history-back-jj {
    z-index: 10
}

.inputfield.template5 .textarea {
    height: 195px
}

.text-image-template .template-text .content.no-image-jj {
    width: 1500px
}

.small-description.text-image-template .template-text, .small-description.text-image-template > .flex-container {
    min-height: 280px
}

.loader-jj {
    font-size: 5px;
    color: #f0f8ff;
    margin: auto;
    top: 0;
    bottom: 0;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: absolute;
    left: 0;
    right: 0;
    pointer-events: none;
    text-indent: -9999em;
    -webkit-animation: load4 1.3s infinite linear;
    animation: load4 1.3s infinite linear;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    display: none
}

@-webkit-keyframes load4 {
    0%,100% {
        box-shadow: 0 -3em 0 .2em,2em -2em 0 0,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 0
    }

    12.5% {
        box-shadow: 0 -3em 0 0,2em -2em 0 .2em,3em 0 0 0,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em
    }

    25% {
        box-shadow: 0 -3em 0 -.5em,2em -2em 0 0,3em 0 0 .2em,2em 2em 0 0,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em
    }

    37.5% {
        box-shadow: 0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 0,2em 2em 0 .2em,0 3em 0 0,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em
    }

    50% {
        box-shadow: 0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 0,0 3em 0 .2em,-2em 2em 0 0,-3em 0 0 -1em,-2em -2em 0 -1em
    }

    62.5% {
        box-shadow: 0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 0,-2em 2em 0 .2em,-3em 0 0 0,-2em -2em 0 -1em
    }

    75% {
        box-shadow: 0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 .2em,-2em -2em 0 0
    }

    87.5% {
        box-shadow: 0 -3em 0 0,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 0,-2em -2em 0 .2em
    }
}

@keyframes load4 {
    0%,100% {
        box-shadow: 0 -3em 0 .2em,2em -2em 0 0,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 0
    }

    12.5% {
        box-shadow: 0 -3em 0 0,2em -2em 0 .2em,3em 0 0 0,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em
    }

    25% {
        box-shadow: 0 -3em 0 -.5em,2em -2em 0 0,3em 0 0 .2em,2em 2em 0 0,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em
    }

    37.5% {
        box-shadow: 0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 0,2em 2em 0 .2em,0 3em 0 0,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em
    }

    50% {
        box-shadow: 0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 0,0 3em 0 .2em,-2em 2em 0 0,-3em 0 0 -1em,-2em -2em 0 -1em
    }

    62.5% {
        box-shadow: 0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 0,-2em 2em 0 .2em,-3em 0 0 0,-2em -2em 0 -1em
    }

    75% {
        box-shadow: 0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 .2em,-2em -2em 0 0
    }

    87.5% {
        box-shadow: 0 -3em 0 0,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 0,-2em -2em 0 .2em
    }
}

.loading-jj .loader-jj {
    display: block
}

.loading-jj .search-links-container, .loading-jj .search-results {
    display: none
}

.loading-jj .mCSB_container {
    min-height: 200px
}