@import url(https://fonts.googleapis.com/css?family=Raleway:100,300,400,400i,500,600,700);

a, abbr, acronym, address, article, aside, blockquote, body, caption, code, dd, del, dfn, dialog, div, dl, dt, em, fieldset, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, iframe, img, label, legend, li, nav, object, ol, p, pre, q, section, span, table, tbody, td, tfoot, th, thead, tr, ul {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline
}

address, dfn, em, tfoot {
    font-style: italic
}

dfn, dl dt, label, legend, strong, th {
    font-weight: 700
}

a img, fieldset {
    border: none
}

article, aside, dialog, figure, footer, header, hgroup, nav, section {
    display: block
}

body {
    line-height: 1.5;
    -webkit-font-smoothing: antialiased
}

caption, td, th {
    text-align: left;
    font-weight: 400
}

.btn, .flex-control-nav, .sub-footer, footer .disclaimer {
    text-align: center
}

table, td, th {
    vertical-align: middle
}

blockquote:after, blockquote:before, q:after, q:before {
    content: ""
}

blockquote, q {
    quotes: "" ""
}

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

.clearfix {
    display: inline-block
}

html[xmlns] .clearfix {
    display: block
}

* html .clearfix {
    height: 1%
}

a, article, button, div, figure, h1, h2, h3, h4, h5, h6, img, input, li, ol, p, section, textarea, ul {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

p {
    margin: 0 0 1.5em
}

    p img.left {
        float: left;
        margin: 1.5em 1.5em 1.5em 0;
        padding: 0
    }

    p img.right {
        float: right;
        margin: 1.5em 0 1.5em 1.5em
    }

a:focus, a:hover {
    color: #000
}

a {
    color: #009;
    text-decoration: underline
}

.quiet, blockquote, del {
    color: #666
}

sub, sup {
    line-height: 0
}

abbr, acronym {
    border-bottom: 1px dotted #666
}

address {
    margin: 0 0 1.5em
}

pre {
    margin: 1.5em 0;
    white-space: pre
}

code, pre, tt {
    font: 1em 'andale mono','lucida console',monospace;
    line-height: 1.5
}

li ol, li ul {
    margin: 0
}

ol, ul {
    margin: 0 1.5em 1.5em 0;
    padding-left: 3.333em
}

ul {
    list-style-type: disc
}

ol {
    list-style-type: decimal
}

dl {
    margin: 0 0 1.5em
}

dd {
    margin-left: 1.5em
}

table {
    border-collapse: separate;
    border-spacing: 0;
    margin-bottom: 1.4em;
    width: 100%
}

thead th {
    background: #c3d9ff
}

caption, td, th {
    padding: 4px 10px 4px 5px
}

tr.even td {
    background: #e5ecf9
}

caption {
    background: #eee
}

.small {
    font-size: .8em;
    margin-bottom: 1.875em;
    line-height: 1.875em
}

.large, legend {
    font-size: 1.2em
}

.large {
    line-height: 2.5em;
    margin-bottom: 1.25em
}

.bottom, form.inline p {
    margin-bottom: 0
}

.hide {
    display: none
}

.loud {
    color: #000
}

.highlight {
    background: #ff0
}

.added {
    background: #060;
    color: #fff
}

.removed {
    background: #900;
    color: #fff
}

.first {
    margin-left: 0;
    padding-left: 0
}

.last {
    margin-right: 0;
    padding-right: 0
}

.top {
    margin-top: 0;
    padding-top: 0
}

.bottom {
    padding-bottom: 0
}

fieldset {
    margin: 0;
    padding: 0
}

input, select, textarea {
    padding: 5px;
    font-family: "Helvetica Neue",Arial,Helvetica,sans-serif;
    font-size: 12px;
    background-color: #fff;
    border: 1px solid #bbb
}

    input:focus, select:focus, textarea:focus {
        border-color: #666;
        outline: 0
    }

textarea {
    width: 390px;
    height: 250px
}

input.checkbox, input.radio {
    position: relative;
    top: .25em
}

form.inline {
    line-height: 3
}

.error, .notice, .success {
    padding: .8em;
    margin-bottom: 1em;
    border: 2px solid #ddd
}

.error {
    background: #fbe3e4;
    color: #8a1f11;
    border-color: #fbc2c4
}

.notice {
    background: #fff6bf;
    color: #514721;
    border-color: #ffd324
}

.success {
    background: #e6efc2;
    color: #264409;
    border-color: #c6d880
}

.error a {
    color: #8a1f11
}

.notice a {
    color: #514721
}

.success a {
    color: #264409
}

.flex-container a:hover, .flex-slider a:hover {
    outline: 0
}

.flex-control-nav, .flex-direction-nav, .slides, .slides > li {
    margin: 0;
    padding: 0;
    list-style: none
}

.flex-pauseplay span {
    text-transform: capitalize
}

.flexslider {
    margin: 0;
    padding: 0;
    position: relative;
    zoom: 1
}

    .flexslider .slides > li {
        display: none;
        -webkit-backface-visibility: hidden
    }

    .flexslider .slides:after {
        content: "\0020";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0
    }

html[xmlns] .flexslider .slides {
    display: block
}

* html .flexslider .slides {
    height: 1%
}

.no-js .flexslider .slides > li:first-child {
    display: block
}

.flexslider .slides {
    zoom: 1
}

    .flexslider .slides img {
        width: 100%;
        display: block;
        height: auto;
        -moz-user-select: none
    }

.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease
}

.loading .flex-viewport {
    max-height: 300px
}

.carousel li {
    margin-right: 5px
}

.flex-direction-nav a {
    text-decoration: none;
    width: 21px;
    height: 45px;
    display: block;
    margin: -22px 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    transition: all .3s ease-out;
    -moz-opacity: .3;
    -khtml-opacity: .3;
    -webkit-opacity: .3;
    opacity: .3;
    -ms-filter: alpha(opacity=30);
    filter: alpha(opacity=30)
}

.flex-control-paging li a, .flex-direction-nav a {
    text-indent: -9999px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out
}

body a, body a:hover, html a, html a:hover {
    color: #505969;
    text-decoration: underline
}

.flex-direction-nav a:hover {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: alpha(opacity=100);
    filter: alpha(opacity=100)
}

.flex-direction-nav .flex-prev {
    left: 20px;
    background: url(../images/icons/dir-prev.png)
}

.flex-direction-nav .flex-next {
    right: 20px;
    background: url(../images/icons/dir-next.png)
}

.flex-direction-nav .flex-disabled {
    opacity: 0 !important;
    filter: alpha(opacity=0);
    cursor: default;
    z-index: -1
}

.flex-pauseplay a {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 5px;
    left: 10px;
    opacity: .8;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    color: #000
}

    .flex-pauseplay a:before {
        font-family: flexslider-icon;
        font-size: 20px;
        display: inline-block;
        content: '\f004'
    }

body, h6, html {
    font-size: 18px
}

body, h1, h2, h3, h4, h5, h6, html {
    font-family: Raleway,sans-serif;
    font-weight: 400
}

.flex-pauseplay a:hover {
    opacity: 1
}

.flex-pauseplay a.flex-play:before {
    content: '\f003'
}

.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 50px;
    z-index: 2
}

    .flex-control-nav li {
        margin: 0 6px;
        display: inline-block;
        zoom: 1
    }

.flex-control-paging li a {
    width: 17px;
    height: 17px;
    display: block;
    background: #fff;
    cursor: pointer;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-opacity: .5;
    -khtml-opacity: .5;
    -webkit-opacity: .5;
    opacity: .5;
    -ms-filter: alpha(opacity=50);
    filter: alpha(opacity=50);
    transition: all .3s ease-out
}

    .flex-control-paging li a:hover {
        -moz-opacity: 1;
        -webkit-opacity: 1;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .flex-control-paging li a.flex-active, .flex-control-paging li a:hover {
        -khtml-opacity: 1;
        -ms-filter: alpha(opacity=100)
    }

    .flex-control-paging li a.flex-active {
        -moz-opacity: 1;
        -webkit-opacity: 1;
        opacity: 1;
        filter: alpha(opacity=100);
        cursor: default
    }

.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden
}

.centre, .valign {
    position: relative
}

.flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0
}

.flex-control-thumbs img {
    width: 100%;
    height: auto;
    display: block;
    opacity: .7;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease
}

    .flex-control-thumbs img:hover {
        opacity: 1
    }

.flex-control-thumbs .flex-active {
    opacity: 1;
    cursor: default
}

@media screen and (max-width:860px) {
    .flex-direction-nav .flex-prev {
        opacity: 1;
        left: 10px
    }

    .flex-direction-nav .flex-next {
        opacity: 1;
        right: 10px
    }
}

.align-top {
    vertical-align: top
}

.align-bottom {
    vertical-align: bottom
}

.align-middle {
    vertical-align: middle
}

h1, h2, h3, h4, h5, h6 {
    margin-bottom: 10px;
    color: #2e3b4e
}

h1 {
    font-size: 30px
}

h2 {
    font-size: 26px
}

h3 {
    font-size: 24px
}

h4 {
    font-size: 22px
}

h5 {
    font-size: 20px
}

select::-ms-expand {
    display: none
}

select option, select:focus option {
    color: #444
}

body, html {
    color: #505969;
    background: #fcfcfc
}

    body a, html a {
        -webkit-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        transition: all .3s ease-out
    }

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

body p, html p {
    margin-bottom: 20px
}

@media screen and (max-width:768px) {
    body, html {
        font-size: 14px
    }
}

.centre {
    width: 100%;
    height: 100%;
    display: block;
    margin: 0 auto;
    max-width: 1200px;
    min-width: 320px;
    z-index: 1
}

@media screen and (max-width:1200px) {
    .centre {
        padding: 0 10px
    }
}

.valign {
    top: 50%;
    transform: translateY(-50%)
}

.modal .modal-content, .valign {
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

.btn {
    margin-bottom: 26px;
    width: auto;
    height: 46px;
    display: inline-block;
    padding: 0 50px;
    line-height: 46px;
    background: #ccc;
    font-weight: 700;
    font-size: 15px;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 23px
}

    .btn:hover {
        background: #b3b3b3
    }

    .btn.blue {
        background: #1c96ce;
        color: #fff
    }

        .btn.blue:hover {
            background: #1675a1
        }

    .btn.white {
        line-height: 44px;
        background: #fff;
        border: 1px solid #34baea;
        color: #34baea;
        cursor: pointer
    }

        .btn.white:hover {
            opacity: .8;
            filter: alpha(opacity=80)
        }

        .btn.white:hover, .modal .close:hover {
            -ms-filter: alpha(opacity=80);
            -moz-opacity: .8;
            -khtml-opacity: .8;
            -webkit-opacity: .8
        }

@media screen and (max-width:1175px)and (min-width:940px) {
    .btn {
        width: 270px
    }
}

@media screen and (max-width:939px) {
    .btn {
        width: 270px
    }
}

p.has-list {
    margin-bottom: 15px
}

blockquote {
    margin: 0 0 72px;
    font-style: normal
}

    blockquote .avatar, blockquote .text {
        display: inline-block;
        vertical-align: top
    }

    blockquote .avatar {
        width: 60px;
        height: 60px;
        margin-right: 36px;
        overflow: hidden;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px
    }

    blockquote .text {
        width: calc(100% - 106px)
    }

    blockquote .quote {
        margin-bottom: 15px;
        font-size: 26px;
        line-height: 35px;
        color: #002985
    }

    blockquote .author {
        font-size: 19px;
        color: #505969
    }

@media screen and (max-width:767px) {
    blockquote .avatar {
        margin-right: 11px
    }

    blockquote .text {
        width: calc(100% - 81px)
    }

    blockquote .author {
        font-size: 14px
    }

    blockquote .quote {
        font-size: 20px;
        line-height: 25px
    }
}

.modal, .modal .modal-bg {
    left: 0;
    width: 100%;
    height: 100%;
    top: 0
}

.modal {
    display: none;
    position: fixed;
    z-index: 1000
}

    .modal .modal-bg {
        display: block;
        position: absolute;
        z-index: -1;
        background-color: rgba(38,38,38,.95)
    }

    .modal .modal-content, .modal .modal-content-no-image {
        max-width: 874px;
        margin: 0 auto;
        position: relative;
        transform: translateY(-50%)
    }

    .modal .modal-content {
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
        -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
        box-shadow: 0 1px 2px rgba(0,0,0,.1);
        top: 50%
    }

    .modal .modal-content-no-image {
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
        -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
        box-shadow: 0 1px 2px rgba(0,0,0,.1);
        top: 20%
    }

    .modal .close {
        width: 18px;
        height: 18px;
        display: block;
        position: absolute;
        top: 15px;
        right: 15px;
        background-repeat: no-repeat;
        background-image: url(../images/icons/modal-close-mobile.png);
        -webkit-transition: all .2s ease-out;
        -moz-transition: all .2s ease-out;
        -o-transition: all .2s ease-out;
        transition: all .2s ease-out
    }

        .modal .close:hover {
            opacity: .8;
            filter: alpha(opacity=80)
        }

.team-text, .team-text-no-image {
    padding: 80px 90px;
    background-color: #fff;
    overflow-y: scroll;
    height: 700px
}

    .team-text-no-image .close {
        width: 18px;
        height: 18px;
        display: block;
        position: absolute;
        top: 42%;
        right: 30px;
        background-repeat: no-repeat;
        background-image: url(../images/icons/modal-close-mobile.png);
        -webkit-transition: all .2s ease-out;
        -moz-transition: all .2s ease-out;
        -o-transition: all .2s ease-out;
        transition: all .2s ease-out
    }

@media screen and (max-width:767px) {
    .modal .modal-content-no-image {
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
        -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
        box-shadow: 0 1px 2px rgba(0,0,0,.1);
        top: 35%;
        padding: 0;
        margin: 0
    }

    .team-text-no-image .close {
        width: 18px;
        height: 18px;
        display: block;
        position: absolute;
        top: 26%;
        right: 30px;
        background-repeat: no-repeat;
        background-image: url(../images/icons/modal-close-mobile.png);
        -webkit-transition: all .2s ease-out;
        -moz-transition: all .2s ease-out;
        -o-transition: all .2s ease-out;
        transition: all .2s ease-out
    }

    .team-text-no-image {
        padding: 15px;
        background-color: #fff;
        overflow-y: scroll;
        height: 700px
    }
}

@media screen and (max-width:939px) {
    .modal .modal-content {
        width: calc(100% - 50px)
    }
}

@media screen and (max-width:767px) {
    .modal .modal-content {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

table.invis {
    margin: 35px 0 50px;
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed
}

    table.invis td, table.invis th {
        padding: 20px 30px;
        text-align: center;
        border: none !important
    }

        table.invis td[align=left], table.invis th[align=left] {
            text-align: left
        }

    table.invis th {
        background: 0 0 !important;
        font-weight: 700
    }

header {
    position: relative;
    background: #fff;
    border-bottom: 1px solid #f5f5f5;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    z-index: 1000
}

    header ul {
        margin: 0;
        padding: 0;
        list-style: none;
        font-size: 0
    }

        header ul li {
            position: relative;
            display: inline-block
        }

    header.search-open {
        margin-top: 0
    }

    /* header .logo {
        position: absolute;
        top: 20px;
        left: 10px;
        width: 220px;
        height: 48px;
        display: block;
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
        overflow: hidden;
        text-indent: -9999px
    }*/

    /*  header .logo.en {
            background-image: url(../images/logos/assumption-new.png)
        }

        header .logo.fr {
            background-image: url(../images/logos/assomption.png)
        }*/

    header a {
        display: inline-block;
        text-decoration: none
    }

        header a:hover {
            text-decoration: underline
        }

    header .mobile-search input[type=submit] {
        position: absolute;
        top: 0;
        left: 0;
        width: 45px;
        height: 81px;
        text-indent: -9999em;
        display: block;
        background: url(../images/icons/search.png)center center no-repeat;
        background-size: 25px;
        border: none;
        cursor: pointer;
        z-index: 2
    }

@media screen and (min-width:1024px) {
    header {
        width: 100%;
        height: 144px;
        display: block
    }

        header.search-open {
            height: 225px
        }

        header .centre.main {
            height: 92px
        }

        header.search-open .search-trigger {
            position: relative
        }

        header .mobile-search, header nav ul li.mobile {
            display: none
        }

        header .desktop-search {
            position: relative;
            width: 100%;
            height: 0;
            background-color: #f6f6f6;
            z-index: 1;
            transition: all .3s ease-out;
            opacity: 0;
            visibility: hidden
        }

        header.search-open .desktop-search {
            height: 81px;
            opacity: 1;
            visibility: visible
        }

        header .desktop-search input[type=submit] {
            position: absolute;
            top: 0;
            left: 0;
            width: 45px;
            height: 81px;
            text-indent: -9999em;
            display: block;
            background: url(../images/icons/search.png)center center no-repeat;
            background-size: 25px;
            border: none;
            cursor: pointer;
            z-index: 2
        }

        header .desktop-search #lblSearch {
            display: none
        }

        header .desktop-search input[type=text] {
            position: absolute;
            top: 0;
            left: 20;
            width: 100%;
            height: 100%;
            display: block;
            padding: 0 0 0 70px;
            background: 0 0;
            border: none;
            font-family: Raleway,sans-serif;
            color: #22304e;
            font-size: 24px;
            font-weight: 400;
            z-index: 1
        }

        header .desktop-search .close {
            position: absolute;
            top: 0;
            right: 0;
            width: 60px;
            height: 81px;
            display: block;
            background: url(../images/icons/nav-close.png)center center no-repeat;
            background-size: 20px;
            z-index: 2
        }
}

@media screen and (max-width:1099px)and (min-width:10240px) {
    header .logo {
        width: 161px;
        height: 31px;
        top: 32px
    }
}

@media screen and (max-width:1023px) {
    header {
        margin-top: 0;
        height: 40px
    }

        header .desktop-search {
            display: none
        }

        header .dropdown {
            display: none !important
        }

        header .logo {
            top: 50%;
            bottom: inherit;
            margin-top: -12px;
            width: 124px;
            height: 24px
        }

            header .logo.en {
                background-image: url(../images/logos/assumption-new.png)
            }

        header .nav-trigger {
            position: absolute;
            top: 50%;
            right: 10px;
            margin-top: -8px;
            width: 24px;
            height: 16px;
            display: block;
            background-size: cover;
            background-position: center center;
            background-repeat: no-repeat;
            background-image: url(../images/icons/nav-trigger.png)
        }

        header nav {
            position: fixed;
            top: 0;
            right: 0;
            width: 320px;
            height: 100%;
            display: block;
            margin-right: -320px;
            transition: all .3s ease-out;
            z-index: 9999
        }

            header nav, header nav .mobile-search {
                -webkit-transition: all .3s ease-out;
                -moz-transition: all .3s ease-out;
                -o-transition: all .3s ease-out;
                overflow: hidden;
                background: #021e42
            }

                header nav .close, header nav .mobile-search, header nav .mobile-search button, header nav .mobile-search input {
                    display: block;
                    position: absolute;
                    top: 0;
                    height: 60px
                }

                header nav.open {
                    margin-right: 0
                }

                header nav .mobile-search {
                    left: 0;
                    width: 0;
                    transition: all .3s ease-out;
                    z-index: 1
                }

                    header nav .mobile-search button {
                        left: 0;
                        width: 50px;
                        background: url(../images/icons/search.png)center center no-repeat;
                        background-size: 25px;
                        border: none;
                        z-index: 2
                    }

                    header nav .mobile-search input {
                        left: 0;
                        padding: 0 10px 0 60px;
                        width: 260px;
                        background: #03295c;
                        border: none;
                        font-family: Raleway,sans-serif;
                        color: #b6bdbf;
                        font-size: 24px;
                        font-weight: 400;
                        z-index: 1
                    }

                header nav .close {
                    right: 0;
                    width: 60px;
                    background: url(../images/icons/nav-close.png)center center no-repeat;
                    background-size: 20px;
                    z-index: 2
                }

                header nav .scroll {
                    width: 100%;
                    height: 100vh;
                    display: block;
                    padding: 80px 30px 30px;
                    overflow-x: hidden
                }

                    header nav .scroll .primary {
                        position: static;
                        padding-top: 0
                    }

                        header nav .scroll .primary li {
                            margin-left: 0
                        }

                header nav li {
                    margin: 0 0 10px;
                    width: 100%
                }

                header nav .btn, header nav a:not(.close) {
                    width: auto !important;
                    height: auto !important;
                    padding: 0 !important;
                    color: #fff !important;
                    font-size: 18px;
                    line-height: inherit !important;
                    font-weight: 500;
                    background-color: transparent !important;
                    border: none !important
                }

                    header nav .btn:hover, header nav a:not(.close):hover {
                        text-decoration: none;
                        color: #fff
                    }

                    header nav .btn br, header nav a:not(.close) br {
                        display: none
                    }

        header.search-open nav .mobile-search {
            width: 100%
        }
}

.primary {
    height: 100%;
    position: relative;
    left: 378px;
    float: left;
    bottom: 0;
    padding-top: 24px;
    font-size: 0
}

@media screen and (min-width:1024px) {
    .advrcorPrimary.primary {
        left: 220px;
        width: calc(100% - 396px);
        display: flex;
        flex-direction: row;
        justify-content: space-around
    }
}

@media screen and (min-width:1100px) {
    .advrcorPrimary.primary {
        left: 220px
    }
}

@media screen and (min-width:1300px) {
    .advrcorPrimary.primary {
        left: 230px;
        width: calc(100% - 430px)
    }
}

.primary li {
    display: inline-block;
    vertical-align: middle;
    margin-left: 50px;
    font-size: 17px;
    line-height: 1.4em
}

@media screen and (min-width:1024px) {
    .advrcorPrimary.primary li {
        margin-left: 0
    }
}

.primary .btn {
    height: 37px;
    margin: 0;
    padding: 0 18px;
    line-height: 37px
}

.primary .dropdown-trigger.second-last .dropdown {
    left: auto;
    right: -127px
}

.advrcorPrimary.primary .dropdown-trigger.second-last .dropdown {
    left: 50%;
    right: -127px
}

.primary .dropdown-trigger.second-last .dropdown:after, .primary .dropdown-trigger.second-last .dropdown:before {
    left: 47%
}

.primary .dropdown-trigger.last .dropdown {
    left: auto;
    right: -20px
}

    .primary .dropdown-trigger.last .dropdown:after, .primary .dropdown-trigger.last .dropdown:before {
        left: 90%
    }

.primary .dropdown {
    position: absolute;
    top: 100%;
    left: 50%;
    margin: 22px 0 0 -300px;
    padding: 38px;
    width: 600px;
    display: none;
    background: #fff;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.2);
    box-shadow: 0 0 10px rgba(0,0,0,.2);
    font-size: 0
}

.upper, .upper .tabs a {
    background-color: #0057a3
}

.primary .dropdown:after, .primary .dropdown:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.primary .dropdown:after {
    border-color: rgba(255,255,255,0);
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: -10px
}

.primary .dropdown:before {
    border-color: rgba(226,226,226,0);
    border-bottom-color: #f0f0f0;
    border-width: 12px;
    margin-left: -12px
}

.primary .dropdown.no-right-col {
    width: 304px
}

    .primary .dropdown.no-right-col .col.left {
        padding-right: 0;
        border-right: none
    }

    .primary .dropdown.no-right-col .col.right {
        display: none
    }

.primary .dropdown .col {
    display: inline-block;
    vertical-align: top
}

    .primary .dropdown .col.left {
        width: 304px;
        padding-right: 30px;
        border-right: 1px solid #e6e6e6
    }

    .primary .dropdown .col.right {
        width: 160px;
        padding-left: 30px
    }

        .primary .dropdown .col.right a {
            font-size: 14px;
            margin: 0 0 15px
        }

    .primary .dropdown .col a {
        margin: 0 0 20px;
        width: 100%;
        font-size: 16px;
        color: #0057a3;
        font-weight: 400
    }

        .primary .dropdown .col a.title {
            font-weight: 700
        }

.footer_logo {
    background-size: 100px;
    width: 300px;
    height: 90px
}
/*Updated CSS for footer logo*/

.footer-logo-images img:first-child {
    margin-bottom: 30px;
}

footer .content .col h4, footer .content .col h5, footer .disclaimer a {
    font-family: Raleway,sans-serif;
    font-weight: 400;
    letter-spacing: .01em
}

.primary .dropdown .col a.margin {
    margin: 0 0 40px
}

.primary .dropdown .col a:last-child {
    margin: 0
}

@media screen and (max-width:1099px)and (min-width:1024px) {
    .primary li {
        position: relative;
        left: -163px;
        font-size: 14px
    }

    .advrcorPrimary.primary li {
        left: 0
    }

    .primary li .btn {
        width: auto
    }

    .primary .dropdown {
        display: none
    }
}

@media screen and (max-width:1199px)and (min-width:1100px) {
    .advrcorPrimary.primary li {
        left: 0;
        font-size: 16px
    }
}

@media screen and (max-width:1023px) {
    .primary li.no-mobile {
        display: none
    }

    .primary div.no-mobile {
        display: none
    }

    .primary li {
        margin-bottom: 15px
    }

        .primary li.tab > a {
            margin-bottom: 5px;
            font-size: 1.3em
        }

        .primary li .sub {
            padding-left: 10px
        }

            .primary li .sub a {
                display: block;
                margin-bottom: 5px;
                font-size: .9em
            }
}

.upper {
    height: 52px
}

    .upper .tabs {
        height: 100%;
        position: absolute;
        left: 50%;
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        font-size: 0
    }

        .upper .tabs a {
            padding: 0 26px;
            font-size: 16.5px;
            line-height: 52px;
            text-transform: uppercase;
            color: #fff
        }

            .upper .tabs a.active, .upper .tabs a:hover {
                background-color: #fff;
                color: #0057a3;
                text-decoration: none
            }

    .upper .secondary {
        position: absolute;
        right: 10px;
        font-size: 0
    }

        .upper .secondary li {
            height: 27px;
            display: inline-block;
            vertical-align: middle;
            margin-top: 14px;
            padding: 0 12px;
            border-right: 1px solid #fff
        }

            .upper .secondary li:last-child {
                border-right: 0
            }

            .upper .secondary li a {
                height: 27px;
                display: block;
                font-size: 14px;
                line-height: 27px;
                color: #fff
            }

            .upper .secondary li .ext {
                padding: 0 18px;
                height: 30px;
                line-height: 30px;
                -webkit-border-radius: 15px;
                -moz-border-radius: 15px;
                border-radius: 15px;
                border: 1px solid #0054a3
            }

                .upper .secondary li .ext:hover {
                    color: #fff;
                    background: #0054a3;
                    text-decoration: none
                }

            .upper .secondary li .search-trigger {
                width: 16px;
                background-size: contain;
                background-position: center center;
                background-repeat: no-repeat;
                background-image: url(../images/icons/search-trigger.png)
            }

@media screen and (max-width:1099px)and (min-width:1024px) {
    .upper .secondary .ext {
        padding: 0 6px;
        height: 26px;
        line-height: 26px
    }
}

@media screen and (max-width:1023px) {
    .upper {
        display: none
    }
}

footer {
    position: relative;
    padding: 135px 0 0;
    width: 100%;
    height: auto;
    display: block;
    background: #0057a3;
    z-index: 500;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    overflow-x: hidden
}

    footer .disclaimer {
        width: 100%;
        margin-bottom: 0;
        padding-top: 16px;
        font-size: 13px;
        color: #010000;
        background-color: #fff
    }

        footer .disclaimer a {
            padding: 0 5px;
            color: #010000;
            font-size: 14px;
            text-decoration: underline;
            -webkit-transition: all .2s ease-out;
            -moz-transition: all .2s ease-out;
            -o-transition: all .2s ease-out;
            transition: all .2s ease-out
        }

#content-wrapper .cell h2 a, #slideshow .slides li a, .sub-footer .btn {
    text-decoration: none
}

footer .disclaimer a:hover {
    -moz-opacity: .8;
    -webkit-opacity: .8;
    opacity: .8;
    filter: alpha(opacity=80)
}

footer .content .col ul li a:hover, footer .disclaimer a:hover {
    -khtml-opacity: .8;
    -ms-filter: alpha(opacity=80)
}

footer .disclaimer span {
    display: block;
    padding: 5px 0 0;
    font-size: 11px;
    background-color: #fff
}

footer .content {
    margin: 0 0 120px;
    width: 100%;
    font-size: 0
}

    footer .content .col {
        margin-right: 50px;
        vertical-align: top;
        display: inline-block;
        -webkit-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        transition: all .3s ease-out
    }

        footer .content .col:nth-child(1), footer .content .col:nth-child(1) img {
            width: 100px
        }

        footer .content .col.last {
            margin-left: calc(100% - 850px);
            margin-right: 0
        }

        footer .content .col h4 {
            margin: 0;
            color: #fff;
            font-size: 28px;
            line-height: 1em
        }

        footer .content .col h5 {
            margin-bottom: 35px;
            color: #fff;
            font-size: 19px;
            text-align: left
        }

        footer .content .col .btn {
            width: 156px;
            display: block;
            padding: 0;
            color: #fff
        }

        footer .content .col ul {
            width: 100%;
            margin: 0;
            padding: 0;
            list-style: none;
            text-align: left
        }

            footer .content .col ul.top {
                margin-bottom: 50px
            }

            footer .content .col ul li {
                margin: 0 0 12px;
                width: 100%
            }

                footer .content .col ul li:last-child {
                    margin: 0
                }

                footer .content .col ul li a {
                    color: #fff;
                    font-size: 22px;
                    line-height: 1.6em;
                    text-decoration: none;
                    -webkit-transition: all .2s ease-out;
                    -moz-transition: all .2s ease-out;
                    -o-transition: all .2s ease-out;
                    transition: all .2s ease-out
                }

                    footer .content .col ul li a:hover {
                        -moz-opacity: .8;
                        -webkit-opacity: .8;
                        opacity: .8;
                        filter: alpha(opacity=80)
                    }

                    footer .content .col ul li a.title {
                        font-size: 18px;
                        font-weight: 700;
                        color: #0054a3
                    }

        footer .content .col .social {
            margin: 50px 0 0;
            padding: 0;
            list-style: none;
            font-size: 0;
            text-align: left
        }

            footer .content .col .social p {
                margin-bottom: 15px;
                font-family: Raleway,sans-serif;
                color: #fff;
                font-size: 18px;
                font-weight: 400
            }

            footer .content .col .social li {
                margin: 0 20px 0 0;
                display: inline-block
            }

                footer .content .col .social li:last-child {
                    margin: 0
                }

                footer .content .col .social li a {
                    position: relative;
                    display: block;
                    background-size: contain;
                    background-position: center center;
                    background-repeat: no-repeat;
                    -webkit-transition: all .3s ease-out;
                    -moz-transition: all .3s ease-out;
                    -o-transition: all .3s ease-out;
                    transition: all .3s ease-out
                }

                    footer .content .col .social li a.ig {
                        width: 42px;
                        height: 38px;
                        background-image: url(../images/icons/instagram.png)
                    }

                    footer .content .col .social li a.tw {
                        width: 33px;
                        height: 38px;
                        background-image: url(../images/icons/tw-white.png)
                    }

                    footer .content .col .social li a.fb {
                        width: 19px;
                        height: 38px;
                        background-image: url(../images/icons/facebook-new.png)
                    }

                    footer .content .col .social li a.li {
                        width: 32px;
                        height: 38px;
                        background-image: url(../images/icons/linkedin-new.png)
                    }

                    footer .content .col .social li a.yt {
                        width: 42px;
                        height: 38px;
                        background-image: url(../images/icons/yt-white.png)
                    }

                    footer .content .col .social li a:after, footer .content .col .social li a:before {
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        margin: 0;
                        width: 0;
                        height: 0;
                        display: block;
                        border: 0 solid #fff;
                        content: '';
                        -webkit-border-radius: 50%;
                        -moz-border-radius: 50%;
                        border-radius: 50%;
                        -webkit-transition: all 0 ease-out;
                        -moz-transition: all 0 ease-out;
                        -o-transition: all 0 ease-out;
                        transition: all 0 ease-out
                    }

                    footer .content .col .social li a:hover:after {
                        margin: -33px 0 0 -33px;
                        width: 60px;
                        height: 60px;
                        -moz-opacity: 0;
                        -webkit-opacity: 0;
                        opacity: 0;
                        filter: alpha(opacity=0);
                        -webkit-transition: all .9s ease-in;
                        -moz-transition: all .9s ease-in;
                        -o-transition: all .9s ease-in;
                        transition: all .9s ease-in
                    }

                    footer .content .col .social li a:hover:after, footer .content .col .social li a:hover:before {
                        border-width: 3px;
                        -khtml-opacity: 0;
                        -ms-filter: alpha(opacity=0)
                    }

                    footer .content .col .social li a:hover:before {
                        margin: -28px 0 0 -28px;
                        width: 50px;
                        height: 50px;
                        -moz-opacity: 0;
                        -webkit-opacity: 0;
                        opacity: 0;
                        filter: alpha(opacity=0);
                        -webkit-transition: all .7s ease-in;
                        -moz-transition: all .7s ease-in;
                        -o-transition: all .7s ease-in;
                        transition: all .7s ease-in
                    }

@media screen and (max-width:1175px)and (min-width:940px) {
    footer {
        padding: 80px 0 0
    }

        footer .content {
            margin-bottom: 60px
        }

            footer .content .col {
                margin-right: 35px
            }
}

@media screen and (max-width:939px)and (min-width:768px) {
    footer {
        padding: 80px 0 0
    }

        footer .content {
            margin-bottom: 50px
        }

            footer .content .col {
                margin-right: 35px
            }

                footer .content .col:nth-child(1) {
                    display: none
                }

                footer .content .col.last {
                    margin-left: calc(100% - 700px)
                }

                footer .content .col .btn {
                    display: inline-block;
                    margin: 0 70px 0 0
                }

                footer .content .col .social {
                    margin: 0;
                    display: inline-block;
                    vertical-align: middle
                }
}

@media screen and (max-width:767px) {
    footer, footer .content .col.last h5 {
        text-align: center
    }

    footer {
        padding: 30px 0 0
    }

        footer .content {
            margin: 0 0 30px
        }

            footer .content .col {
                width: 100%
            }

                footer .content .col:nth-child(1) {
                    display: none
                }

                footer .content .col.last {
                    margin-left: 0
                }

                footer .content .col .btn {
                    display: inline-block
                }

                footer .content .col .social {
                    margin: 14px 0 0;
                    text-align: center;
                    clear: both
                }
}

.sub-footer {
    padding: 60px 0 0;
    width: 100%;
    background: #f0f2f8;
    font-size: 0
}

    .sub-footer .col {
        display: inline-block;
        width: 50%;
        text-align: left
    }

        .sub-footer .col.left {
            padding-right: 50px
        }

        .sub-footer .col img {
            max-width: 100%
        }

    .sub-footer h2, .sub-footer p {
        font-weight: 300;
        color: #2e3b4e
    }

    .sub-footer h2 {
        font-size: 50px
    }

    .sub-footer p {
        font-size: 22px
    }

    .sub-footer .btn {
        margin: 0 0 30px;
        width: 217px;
        height: 50px;
        display: block;
        padding: 0;
        line-height: 50px;
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        border-radius: 25px;
        background: #1c96ce;
        text-align: center;
        font-size: 15px;
        font-weight: 700;
        color: #fff
    }

        .sub-footer .btn:hover {
            background: #18a3d8
        }

@media screen and (max-width:767px) {
    .sub-footer {
        padding: 30px 0 0
    }

        .sub-footer .col {
            width: 100%;
            max-width: 400px;
            text-align: center
        }

            .sub-footer .col.left {
                padding: 0
            }

            .sub-footer .col img {
                max-width: 90%
            }

        .sub-footer h2 {
            font-size: 40px
        }

        .sub-footer p {
            font-size: 18px
        }

        .sub-footer .btn {
            display: inline-block
        }
}

#video-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 9000;
    background: #000;
    background: rgba(0,0,0,.7)
}

.history-slider .photo, .history-slider-controls, .team-photo {
    background-position: center center
}

#slideshow .slides li, .history-slider .photo, .history-slider-controls, .newsletter .newsletter-wrap, .team-photo {
    background-repeat: no-repeat;
    background-size: cover
}

#video-modal #frame {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -360px 0 0 -640px;
    max-width: 1280px;
    max-height: 720px;
    display: block;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    width: 70VW;
    margin: 0 auto;
    transform: translate(-50%, -50%);
}

    #video-modal #frame .close {
        position: absolute;
        top: -30px;
        right: -30px;
        color: #fff;
        font-style: normal;
        font-weight: 700;
        font-size: 40px;
        line-height: 20px;
        cursor: pointer;
        font-family: Arial;
        -webkit-transition: all .2s ease-out;
        -moz-transition: all .2s ease-out;
        -o-transition: all .2s ease-out;
        transition: all .2s ease-out
    }

        #video-modal #frame .close:hover {
            -moz-opacity: .8;
            -khtml-opacity: .8;
            -webkit-opacity: .8;
            opacity: .8;
            -ms-filter: alpha(opacity=80);
            filter: alpha(opacity=80)
        }

    #video-modal #frame iframe {
        width: 100%;
        height: 100%;
        display: block;
        -webkit-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        transition: all .3s ease-out;
        -webkit-box-shadow: 0 0 40px rgba(0,0,0,.6);
        -moz-box-shadow: 0 0 40px rgba(0,0,0,.6);
        box-shadow: 0 0 40px rgba(0,0,0,.6)
    }

@media screen and (max-width:1320px)and (min-width:769px) {
    #video-modal #frame {
        width: 640px;
        height: 360px;
        display: block
    }
}

@media screen and (max-width:768px) {
    #video-modal #frame {
        width: 280px;
        height: 158px;
        display: block
    }
}

.company-cells {
    font-size: 0
}

    .company-cells .cell h2 {
        color: #34baed
    }

    .company-cells .cell ul {
        color: #ee7f19
    }

#content-wrapper.team .tagline {
    margin-bottom: 70px
}

#content-wrapper.team h4.members {
    font-size: 16px;
    font-weight: 700
}

.team-photo {
    width: 100%;
    height: 468px;
    display: block
}

@media screen and (max-width:767px) {
    #content-wrapper.team .tagline {
        margin-bottom: 10px
    }

    #content-wrapper.team h2 {
        font-size: 32px;
        line-height: 40px
    }

    .team-photo {
        height: 220px
    }
}

.team-text {
    max-height: calc(100vh - 600px);
    padding: 80px 90px;
    background-color: #fff;
    overflow-y: scroll
}

    .team-text h3 {
        margin-bottom: 0;
        font-size: 42px;
        line-height: 58px
    }

    .team-text h4 {
        margin-bottom: 35px;
        font-size: 18px
    }

    .team-text p {
        margin-bottom: 25px;
        line-height: 26px
    }

@media screen and (max-width:939px) {
    .team-text {
        padding: 30px
    }
}

#content-wrapper.careers .btn {
    margin-bottom: 84px
}

#content-wrapper.careers h2 {
    margin-bottom: 45px;
    line-height: 48px
}

#content-wrapper.careers h6 {
    font-size: 18px;
    font-weight: 700;
    line-height: 26px
}

#content-wrapper.careers .two-col p:not(.has-list), #content-wrapper.careers .two-col ul {
    margin-bottom: 50px
}

#content-wrapper.careers .two-col .cell:last-child {
    margin-bottom: 0
}

@media screen and (max-width:767px) {
    .team-text {
        max-height: calc(100vh - 220px);
        padding: 30px 14px
    }

    #content-wrapper.careers .btn {
        margin: 0 0 40px;
        width: 100%
    }

    #content-wrapper.careers h2 {
        margin-bottom: 20px;
        font-size: 32px;
        line-height: 40px
    }

    #content-wrapper.careers .two-col p:not(.has-list), #content-wrapper.careers .two-col ul {
        margin-bottom: 25px
    }

    #content-wrapper .banner.careers .bg {
        height: 200px;
        background-position: top right
    }
}

.history-close {
    width: 18px;
    height: 18px;
    display: block;
    position: fixed;
    z-index: 2000;
    top: 15px;
    right: 30px;
    background-repeat: no-repeat;
    background-image: url(../images/icons/modal-close-mobile.png)
}

.history-slider {
    width: 100%;
    height: calc(100vh - 140px);
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    background-color: #f6f5f5
}

    .history-slider .flex-viewport, .history-slider .slides, .history-slider li {
        width: 100%;
        height: 100%;
        display: block;
        margin: 0;
        padding: 0;
        text-align: center;
        overflow-x: hidden !important;
        overflow-y: auto !important;
    }

    .history-slider .slide-content {
        position: relative;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        margin: 40px 0px;
    }

    .history-slider .photo {
        width: 483px;
        height: 290px;
        display: inline-block;
        margin-bottom: 20px;
        border: 9px solid #fff;
        box-sizing: content-box;
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
        -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
        box-shadow: 0 1px 2px rgba(0,0,0,.1)
    }

    .history-slider .year {
        margin-bottom: 30px;
        font-size: 90px;
        line-height: 90px;
        font-family: TImes,serif;
        color: #272727;
        letter-spacing: .075em
    }

    .history-slider p {
        max-width: 450px;
        margin: 0 auto;
        font-size: 20px;
        line-height: 28px;
        color: #2f2f2f;
        letter-spacing: .04em;
        -moz-opacity: .6;
        -khtml-opacity: .6;
        -webkit-opacity: .6;
        opacity: .6;
        -ms-filter: alpha(opacity=60);
        filter: alpha(opacity=60)
    }

        .history-slider p span {
            font-size: 14px;
            display: inline-block
        }

@media screen and (max-width:767px) {
    .history-slider .photo {
        margin-bottom: 10px;
        width: 280px;
        height: 168px
    }

    .history-slider .year {
        margin-bottom: 10px;
        font-size: 58px
    }

    .history-slider p {
        max-width: 280px;
        font-size: 18px;
        line-height: 26px
    }
}

.history-slider-controls {
    width: 100%;
    height: 140px;
    display: block;
    position: fixed;
    z-index: 1000;
    left: 0;
    bottom: 0;
    list-style: none;
    text-align: center;
    background-image: url(../images/history-slider-controls-bg.jpg)
}

    .history-slider-controls .history-control-nav {
        margin: 0;
        padding: 0 20px;
        transform: translateY(-50%)
    }

    #slideshow .slides li .centre .align, .history-slider-controls .history-control-nav {
        top: 50%;
        position: relative;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%)
    }

        .history-slider-controls .history-control-nav li {
            display: inline-block;
            vertical-align: middle;
            margin: 0 15px;
            padding: 10px 0;
            font-size: 0;
            text-align: center;
            cursor: pointer
        }

            .history-slider-controls .history-control-nav li.flex-active em {
                -moz-opacity: 1;
                -khtml-opacity: 1;
                -webkit-opacity: 1;
                opacity: 1;
                -ms-filter: alpha(opacity=100);
                filter: alpha(opacity=100)
            }

            .history-slider-controls .history-control-nav li em {
                width: 14px;
                height: 14px;
                display: inline-block;
                margin: 0 0 15px;
                background-color: #fff;
                -webkit-border-radius: 7px;
                -moz-border-radius: 7px;
                border-radius: 7px;
                -moz-opacity: .3;
                -khtml-opacity: .3;
                -webkit-opacity: .3;
                opacity: .3;
                -ms-filter: alpha(opacity=30);
                filter: alpha(opacity=30);
                -webkit-transition: all .2s ease-out;
                -moz-transition: all .2s ease-out;
                -o-transition: all .2s ease-out;
                transition: all .2s ease-out
            }

            .history-slider-controls .history-control-nav li span {
                display: block;
                font-size: 13px;
                font-weight: 500;
                font-family: sans-serif;
                color: #fff;
                letter-spacing: .04em;
                -moz-opacity: .42;
                -khtml-opacity: .42;
                -webkit-opacity: .42;
                opacity: .42;
                -ms-filter: alpha(opacity=42);
                filter: alpha(opacity=42)
            }

@media screen and (min-width:1101px) {
    .history-slider-controls .history-control-nav li:nth-child(1) {
        margin-right: 0
    }

    .history-slider-controls .history-control-nav li:nth-child(5) {
        margin-right: 34px
    }

    .history-slider-controls .history-control-nav li:nth-child(6) {
        margin-right: 52px
    }

    .history-slider-controls .history-control-nav li:nth-child(7) {
        margin-right: 60px
    }

    .history-slider-controls .history-control-nav li:nth-child(8) {
        margin-right: 0
    }

    .history-slider-controls .history-control-nav li:nth-child(9) {
        margin-right: 30px
    }

    .history-slider-controls .history-control-nav li:nth-child(10) {
        margin-right: 40px
    }

    .history-slider-controls .history-control-nav li:nth-child(11) {
        margin-right: 50px
    }

    .history-slider-controls .history-control-nav li:nth-child(12) {
        margin-right: 0
    }
}

@media screen and (max-width:1100px) {
    .history-slider-controls .history-control-nav li {
        margin: 0 10px
    }
}

@media screen and (max-width:939px) {
    .history-slider-controls .history-control-nav li {
        margin: 0 5px
    }
}

@media screen and (max-width:767px) {
    .history-slider-controls .history-control-nav li {
        padding: 0
    }

        .history-slider-controls .history-control-nav li i {
            margin-bottom: 0
        }

        .history-slider-controls .history-control-nav li span {
            display: none
        }
}

#content-wrapper.tools .main-body .boxes {
    margin-bottom: 30px
}

    #content-wrapper.tools .main-body .boxes .box {
        min-height: 250px
    }

#content-wrapper.tools .main-body h3 {
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 700
}

#content-wrapper.tools .main-body table {
    margin: 0 0 40px
}

    #content-wrapper.tools .main-body table tr td[align=left] {
        text-align: left
    }

#content-wrapper.tools .main-body iframe {
    width: 100%;
    height: 540px
}

#slideshow {
    width: 100%;
    height: 591px;
    display: block;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    overflow: hidden
}

    #slideshow, #slideshow .centre {
        -moz-transition: all .3s ease-out;
        -o-transition: all .3s ease-out
    }

        #slideshow .centre {
            transition: all .3s ease-out
        }

        #slideshow .centre, #what-we-offer {
            -webkit-transition: all .3s ease-out
        }

        #slideshow .flex-viewport, #slideshow .slides, #slideshow .slides li {
            width: 100%;
            height: 100%
        }

        #slideshow .slides {
            position: relative;
            z-index: 1
        }

            #slideshow .slides li {
                background-position: top right
            }

                #slideshow .slides li a {
                    width: 100%;
                    height: 100%;
                    display: block
                }

                #slideshow .slides li .centre .align {
                    width: 440px;
                    padding: 20px 36px 60px;
                    transform: translateY(-50%);
                    background-color: rgba(255,255,255,.95)
                }

                #slideshow .slides li h4 {
                    margin: 0 0 15px;
                    color: #0057a3;
                    font-size: 72px;
                    font-weight: 700;
                    text-transform: uppercase;
                    line-height: 1;
                    letter-spacing: -.02em
                }

                    #slideshow .slides li h4 span {
                        font-size: 43px;
                        font-weight: 400;
                        letter-spacing: 0
                    }

                #slideshow .slides li h5 {
                    margin: 0 0 40px;
                    font-size: 17px;
                    line-height: 1.58em;
                    color: #414042
                }

                #slideshow .slides li select {
                    position: relative;
                    appearance: none;
                    -webkit-appearance: none;
                    background-color: transparent;
                    padding: 10px 25px 5px 0;
                    font-size: 18px;
                    font-weight: 400;
                    color: #0057a3;
                    width: 100%;
                    border-radius: 0;
                    border: none;
                    border-bottom: 2px solid #0057a3
                }

                #content-wrapper .dyn-cta select, #slideshow .slides li select {
                    font-family: Raleway,sans-serif;
                    -webkit-border-radius: 0;
                    -moz-border-radius: 0
                }

                    #slideshow .slides li select:focus {
                        outline: 0;
                        border-bottom: 2px solid #0057a3
                    }

                #slideshow .slides li .select-wrap {
                    width: 340px;
                    position: relative
                }

                    #slideshow .slides li .select-wrap:before {
                        position: absolute;
                        top: 50%;
                        right: .5em;
                        margin-top: -4px;
                        width: 0;
                        height: 0;
                        padding: 0;
                        content: '';
                        border-left: 5px solid transparent;
                        border-right: 5px solid transparent;
                        border-top: 8px solid #0057a3;
                        pointer-events: none
                    }

@media screen and (max-width:939px)and (min-width:768px) {
    #slideshow {
        height: 318px
    }

        #slideshow .centre {
            max-width: 668px
        }

        #slideshow .slides li .centre .align {
            width: 400px;
            padding: 20px 30px 40px
        }

        #slideshow .slides li h4 {
            font-size: 47px
        }

            #slideshow .slides li h4 span {
                font-size: 30px
            }

        #slideshow .slides li h5 {
            font-size: 16px;
            margin: 0 0 30px
        }

        #slideshow .slides li .centre .align {
            display: none
        }
}

@media screen and (max-width:1100px)and (min-width:940px) {
    #slideshow {
        height: 350px
    }

        #slideshow .centre {
            max-width: 1100px
        }

        #slideshow .slides li .centre .align {
            width: 400px;
            padding: 20px 30px 40px
        }

        #slideshow .slides li h4 {
            font-size: 47px
        }

            #slideshow .slides li h4 span {
                font-size: 30px
            }

        #slideshow .slides li h5 {
            font-size: 16px;
            margin: 0 0 30px
        }
}

@media screen and (max-width:1440px)and (min-width:1101px) {
    #slideshow {
        height: 530px
    }

        #slideshow .centre {
            max-width: 1100px
        }

        #slideshow .slides li .centre .align {
            padding: 20px 30px 40px
        }

        #slideshow .slides li h4 {
            font-size: 47px
        }

            #slideshow .slides li h4 span {
                font-size: 30px
            }

        #slideshow .slides li h5 {
            font-size: 16px;
            margin: 0 0 30px
        }
}

@media screen and (max-width:767px) {
    #content-wrapper.tools .main-body .boxes .box {
        min-height: 0
    }

    #slideshow {
        height: auto;
        overflow: hidden;
        border: 0 solid #000
    }

        #slideshow .flex-control-nav, #slideshow .flex-direction-nav {
            display: none
        }

        #slideshow .flex-view-port, #slideshow .slides, #slideshow .slides li {
            background-size: 100%;
            height: 150px
        }

            #slideshow .slides li .centre .align {
                -ms-transform: translateY(0);
                -webkit-transform: translateY(0);
                transform: translateY(0);
                position: relative;
                top: 200px;
                padding: 20px 0 0;
                vertical-align: inherit;
                background-color: transparent;
                display: none
            }

            #slideshow .slides li h4 {
                font-size: 60px
            }

                #slideshow .slides li h4 span {
                    font-size: 24px
                }

            #slideshow .slides li h5 {
                margin: 0 0 20px
            }

            #slideshow .slides li .select-wrap {
                width: 300px
            }

            #slideshow .slides li .mobile-img {
                background-size: 100% 600px;
                height: 200px
            }
}

@media screen and (max-width:500px) {
    #slideshow .slides li h5 {
        font-size: 14px
    }
}

.newsletter .newsletter-wrap {
    height: 88px;
    margin-top: -44px;
    padding: 25px 40px 0;
    background-position: center center;
    background-image: url(../images/newsletter.jpg);
    font-size: 0
}

    .newsletter .newsletter-wrap .InfoMessage {
        display: block;
        font-size: 23px;
        color: #fff;
        text-align: center
    }

    .newsletter .newsletter-wrap input, .newsletter .newsletter-wrap label {
        height: 40px;
        display: inline-block;
        vertical-align: middle;
        border: 0
    }

    .newsletter .newsletter-wrap label {
        margin-right: 36px;
        font-family: Raleway,sans-serif;
        color: #fff;
        font-size: 19px;
        font-weight: 400;
        line-height: 40px;
        text-transform: uppercase;
        letter-spacing: .01em;
        margin-bottom: 26px
    }

    .newsletter .newsletter-wrap input {
        padding: 0 20px
    }

        .newsletter .newsletter-wrap input[type=text] {
            width: calc(100% - 510px);
            font-family: Raleway,sans-serif;
            color: #000;
            font-size: 18px;
            font-weight: 400;
            margin-bottom: 26px
        }

        .newsletter .newsletter-wrap input[type=submit] {
            font-family: Raleway,sans-serif;
            color: #fff;
            font-size: 18px;
            font-weight: 400;
            background-color: #1c96ce;
            border-radius: 0 !important
        }

@media screen and (max-width:899px) {
    .newsletter .newsletter-wrap {
        padding: 0 10px 0
    }

        .newsletter .newsletter-wrap label {
            font-size: 14px;
            margin-bottom: 0;
            margin-left: 25px
        }

        .newsletter .newsletter-wrap input[type=submit] {
            font-size: 16px;
            width: 110px
        }

        .newsletter .newsletter-wrap input[type=text] {
            font-size: 16px
        }

        .newsletter .newsletter-wrap input[type=text] {
            width: calc(100% - 386px)
        }
}

@media screen and (max-width:767px) {
    .newsletter .newsletter-wrap {
        height: 100px;
        margin-top: 0;
        padding-top: 5px;
        text-align: center
    }

        .newsletter .newsletter-wrap label {
            display: block
        }

        .newsletter .newsletter-wrap input[type=text] {
            width: calc(100% - 115px)
        }
}

#what-we-offer .base .col, #what-we-offer .tout {
    display: inline-block
}

#what-we-offer {
    padding: 100px 0 0;
    font-size: 0;
    background: #fcfcfc;
    transition: all .3s ease-out
}

    #what-we-offer, #what-we-offer .tout {
        -moz-transition: all .3s ease-out;
        -o-transition: all .3s ease-out
    }

        #what-we-offer h1 {
            margin: 0 0 70px;
            font-size: 55px;
            font-weight: 600
        }

        #what-we-offer h3 {
            font-size: 42px
        }

        #what-we-offer h4 {
            max-width: 475px;
            margin: 15px 0 20px;
            color: #009659;
            letter-spacing: .01em;
            padding-top: 50px
        }

        #what-we-offer p {
            font-size: 18px
        }

        #what-we-offer .tout {
            margin: 0 0 84px;
            width: 43%;
            vertical-align: top;
            -webkit-transition: all .3s ease-out;
            transition: all .3s ease-out
        }

            #what-we-offer .tout:nth-of-type(2n-1) {
                margin-right: 7%
            }

            #what-we-offer .tout:nth-of-type(2n) {
                margin-left: 7%
            }

            #what-we-offer .tout.boxed {
                max-width: 400px;
                padding: 20px 25px;
                background-color: #f4f5fa;
                background-position: 98% 100%;
                background-image: url(../images/simple-person.png);
                background-repeat: no-repeat
            }

#content-wrapper .banner .bg, #content-wrapper .banner .video-trigger, #content-wrapper .banner.blue {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

#what-we-offer .tout.boxed h4 {
    font-weight: 400;
    color: #0057a3
}

#what-we-offer .tout.boxed p {
    font-size: 22px;
    color: #414042
}

#what-we-offer .tout img {
    margin: 0 0 20px;
    height: 134px
}

#what-we-offer .base {
    font-size: 0
}

    #what-we-offer .base img {
        max-width: 100%
    }

    #what-we-offer .base .col.left {
        vertical-align: bottom;
        width: 60%
    }

    #what-we-offer .base .col.right {
        vertical-align: top;
        width: 40%
    }

        #what-we-offer .base .col.right h4 {
            color: #1c96ce
        }

    #what-we-offer .base .col.dbl {
        display: none
    }

@media screen and (max-width:1100px)and (min-width:940px) {
    #what-we-offer {
        padding: 80px 0 0
    }

        #what-we-offer .tout {
            margin-bottom: 65px
        }

        #what-we-offer .base .col.left {
            width: 45%
        }

        #what-we-offer .base .col.right {
            width: 55%
        }

        #what-we-offer .base .col h4 {
            max-width: none
        }
}

@media screen and (max-width:939px)and (min-width:768px) {
    #what-we-offer {
        padding: 50px 0 0
    }

        #what-we-offer .tout {
            position: relative;
            width: 100%;
            margin-bottom: 50px;
            padding-left: 170px !important
        }

            #what-we-offer .tout:nth-of-type(2n-1) {
                margin-right: 0
            }

            #what-we-offer .tout:nth-of-type(2n) {
                margin-left: 0
            }

            #what-we-offer .tout.boxed {
                max-width: none;
                padding-top: 30px;
                padding-bottom: 30px
            }

            #what-we-offer .tout img {
                max-width: 100px;
                height: auto;
                top: 0;
                left: 0
            }

        #what-we-offer .base .col {
            width: 50% !important
        }
}

@media screen and (max-width:767px) {
    #what-we-offer {
        padding: 25px 0 0
    }

        #what-we-offer h1 {
            font-size: 35px;
            margin: 0 0 40px
        }

        #what-we-offer h3 {
            font-size: 26px
        }

        #what-we-offer h4 {
            max-width: none;
            margin-bottom: 15px
        }

        #what-we-offer .tout {
            position: relative;
            width: 100%;
            padding-left: 85px !important;
            margin-bottom: 30px
        }

            #what-we-offer .tout:nth-of-type(2n-1) {
                margin-right: 0
            }

            #what-we-offer .tout:nth-of-type(2n) {
                margin-left: 0
            }

            #what-we-offer .tout.boxed {
                max-width: none
            }

            #what-we-offer .tout img {
                top: 0;
                left: 0;
                width: 70px !important;
                height: auto
            }

        #what-we-offer .base .col.left {
            display: none
        }

        #what-we-offer .base .col.right {
            width: 100%
        }

        #what-we-offer .base .col.dbl {
            width: 100%;
            display: block;
            text-align: center
        }
}

@media screen and (max-width:479px) {
    #what-we-offer .tout.boxed {
        padding-left: 20px !important
    }

        #what-we-offer .tout.boxed .btn {
            width: 140px;
            padding: 0
        }
}

#content-wrapper {
    width: 100%
}

    #content-wrapper .boxes .box {
        display: inline-block;
        vertical-align: top;
        margin: 0 0 20px;
        padding: 20px;
        font-size: 18px;
        border: 1px solid #e6e6e6
    }

    #content-wrapper .boxes.two .box {
        width: 48.5%
    }

        #content-wrapper .boxes.two .box:nth-of-type(2n-1) {
            margin-right: 1%
        }

        #content-wrapper .boxes.two .box:nth-of-type(2n) {
            margin-left: 1%
        }

        #content-wrapper .boxes.two .box li:last-child {
            margin: 0
        }

    #content-wrapper .boxes.three .box {
        width: 31.5%
    }

        #content-wrapper .boxes.three .box:nth-of-type(3n-1) {
            margin: 0 2% 2%
        }

@media screen and (max-width:939px)and (min-width:768px) {
    #content-wrapper .boxes.three .box {
        width: 48.5%
    }

        #content-wrapper .boxes.three .box:nth-of-type(2n-1) {
            margin-right: 1%;
            margin-left: 0
        }

        #content-wrapper .boxes.three .box:nth-of-type(2n) {
            margin-left: 1%;
            margin-right: 0
        }
}

@media screen and (max-width:767px) {
    #content-wrapper .boxes {
        margin-bottom: 0
    }

        #content-wrapper .boxes.three .box, #content-wrapper .boxes.two .box {
            width: 100%;
            margin: 0 0 20px !important
        }
}

#content-wrapper .cells, #content-wrapper .two-col {
    margin-top: 40px;
    font-size: 0
}

@media screen and (max-width:767px) {
    #content-wrapper .cells.fix-margin .cell, #content-wrapper .two-col.fix-margin .cell {
        margin-bottom: 0
    }
}

#content-wrapper .cell {
    margin: 0 0 80px;
    width: 50%;
    display: inline-block;
    vertical-align: top;
    font-size: 18px
}

    #content-wrapper .cell:nth-of-type(2n-1) {
        padding-right: 20px
    }

    #content-wrapper .cell:nth-of-type(2n) {
        padding-left: 20px
    }

    #content-wrapper .cell h2 {
        margin: 0 0 15px;
        font-size: 42px;
        line-height: 1.1
    }

        #content-wrapper .cell h2 a:hover {
            text-decoration: underline
        }

    #content-wrapper .cell p {
        margin: 0 0 15px
    }

@media screen and (max-width:1100px)and (min-width:940px) {
    #content-wrapper .cell {
        margin: 0 0 55px
    }
}

@media screen and (max-width:939px)and (min-width:768px) {
    #content-wrapper .cell {
        margin: 0 0 45px
    }

        #content-wrapper .cell h2 {
            margin: 0;
            font-size: 36px
        }
}

#content-wrapper.insurance-coverage .banner .bg {
    background-image: url(../images/banners/insurance-coverage.jpg);
    background-color: #1c96ce;
    height: 591px;
    background-position: top right
}

#content-wrapper.insurance-coverage .dyn-cta {
    background-color: #1c96ce
}

#content-wrapper.insurance-coverage .cell h2 a, #content-wrapper.insurance-coverage h1, #content-wrapper.insurance-coverage ol, #content-wrapper.insurance-coverage ul {
    color: #1c96ce
}

@media screen and (max-width:767px) {
    #content-wrapper .cell {
        margin: 0 0 35px;
        width: 100%;
        padding: 0 !important
    }

        #content-wrapper .cell h2 {
            margin: 0 0 20px;
            font-size: 36px
        }

    #content-wrapper.insurance-coverage .banner h1 {
        color: #1c96ce !important
    }

    #content-wrapper.insurance-coverage .banner .bg {
        height: 200px;
        background-position: top right
    }

    #content-wrapper.insurance-coverage .banner .centre .align {
        padding-top: 0
    }
}

@media screen and (max-width:939px)and (min-width:768px) {
    #content-wrapper .cell {
        margin: 0 0 35px;
        width: 100%;
        padding: 0 !important
    }

        #content-wrapper .cell h2 {
            margin: 0 0 20px;
            font-size: 36px
        }

    #content-wrapper.insurance-coverage .banner .bg {
        height: 318px;
        background-position: top right
    }

    #content-wrapper.insurance-coverage .banner .centre .align {
        padding-top: 25px;
        padding-left: 25px
    }

    #content-wrapper.insurance-coverage .banner {
        height: 290px
    }
}

@media screen and (max-width:1100px)and (min-width:940px) {
    #content-wrapper.insurance-coverage .banner .bg {
        height: 350px;
        background-position: top right
    }

    #content-wrapper.insurance-coverage .banner .centre .align {
        padding-top: 30px
    }

    #content-wrapper.insurance-coverage .main-body {
        padding-top: 0;
        padding-bottom: 0
    }

    #content-wrapper.insurance-coverage .banner {
        height: 320px
    }
}

@media screen and (max-width:1440px)and (min-width:1101px) {
    #content-wrapper.insurance-coverage .banner .bg {
        height: 450px;
        background-position: top right
    }

    #content-wrapper.insurance-coverage .banner .centre .align {
        padding-top: 50px
    }

    #content-wrapper.insurance-coverage .main-body {
        padding-top: 0;
        padding-bottom: 0
    }

    #content-wrapper.insurance-coverage .banner {
        height: 480px
    }
}

#content-wrapper.savings .banner .bg {
    background-image: url(../images/banners/header_invest_individuel.jpg);
    background-color: #149559;
    height: 591px;
    background-position: top right
}

#content-wrapper.savings .dyn-cta {
    background-color: #e8f3ee
}

#content-wrapper.savings .cell h2 a, #content-wrapper.savings h1, #content-wrapper.savings ol, #content-wrapper.savings ul {
    color: #149559
}

#content-wrapper .main-body .base-cta h4 {
    color: #149559
}

#content-wrapper.savings li {
    padding: 0;
    margin: 0
}

@media screen and (max-width:767px) {
    #content-wrapper .cell {
        margin: 0 0 35px;
        width: 100%;
        padding: 0 !important
    }

        #content-wrapper .cell h2 {
            margin: 0 0 20px;
            font-size: 36px
        }

    #content-wrapper.savings .banner h1 {
        color: #149559 !important
    }

    #content-wrapper.savings .banner .bg {
        height: 200px;
        background-position: top right
    }

    #content-wrapper.savings .banner .centre .align {
        padding-top: 0
    }
}

@media screen and (max-width:939px)and (min-width:768px) {
    #content-wrapper .cell {
        margin: 0 0 35px;
        width: 100%;
        padding: 0 !important
    }

        #content-wrapper .cell h2 {
            margin: 0 0 20px;
            font-size: 36px
        }

    #content-wrapper.savings .banner .bg {
        height: 318px;
        background-position: top right
    }

    #content-wrapper.savings .banner .centre .align {
        padding-top: 25px;
        padding-left: 25px
    }

    #content-wrapper.savings .banner {
        height: 290px
    }
}

@media screen and (max-width:1100px)and (min-width:940px) {
    #content-wrapper.savings .banner .bg {
        height: 350px;
        background-position: top right
    }

    #content-wrapper.savings .banner .centre .align {
        padding-top: 30px
    }

    #content-wrapper.savings .main-body {
        padding-top: 0;
        padding-bottom: 0
    }

    #content-wrapper.savings .banner {
        height: 320px
    }
}

@media screen and (max-width:1440px)and (min-width:1101px) {
    #content-wrapper.savings .banner .bg {
        height: 450px;
        background-position: top right
    }

    #content-wrapper.savings .banner .centre .align {
        padding-top: 50px
    }

    #content-wrapper.savings .main-body {
        padding-top: 0;
        padding-bottom: 0
    }

    #content-wrapper.savings .banner {
        height: 480px
    }
}

#content-wrapper.mortgage-plans .banner .bg {
    background-image: url(../images/banners/header_morgage_individuel.jpg);
    background-color: #ec7f2b;
    height: 591px;
    background-position: top right
}

#content-wrapper.mortgage-plans .dyn-cta {
    background-color: #f7c6a1
}

#content-wrapper.mortgage-plans .cell h2 a, #content-wrapper.mortgage-plans h1, #content-wrapper.mortgage-plans ol, #content-wrapper.mortgage-plans ul {
    color: #ec7f2b
}

    #content-wrapper.mortgage-plans ul li p {
        color: #666;
        padding: 0;
        margin: 0
    }

@media screen and (max-width:767px) {
    #content-wrapper .cell {
        margin: 0 0 35px;
        width: 100%;
        padding: 0 !important
    }

        #content-wrapper .cell h2 {
            margin: 0 0 20px;
            font-size: 36px
        }

    #content-wrapper.mortgage-plans .banner h1 {
        color: #ec7f2b !important
    }

    #content-wrapper.mortgage-plans .banner .bg {
        height: 200px;
        background-position: top right
    }

    #content-wrapper.mortgage-plans .banner .centre .align {
        padding-top: 0
    }
}

@media screen and (max-width:939px)and (min-width:768px) {
    #content-wrapper .cell {
        margin: 0 0 35px;
        width: 100%;
        padding: 0 !important
    }

        #content-wrapper .cell h2 {
            margin: 0 0 20px;
            font-size: 36px
        }

    #content-wrapper.mortgage-plans .banner .bg {
        height: 318px;
        background-position: top right
    }

    #content-wrapper.mortgage-plans .banner .centre .align {
        padding-top: 25px;
        padding-left: 25px
    }

    #content-wrapper.mortgage-plans .banner {
        height: 290px
    }
}

@media screen and (max-width:1100px)and (min-width:940px) {
    #content-wrapper.mortgage-plans .banner .bg {
        height: 350px;
        background-position: top right
    }

    #content-wrapper.mortgage-plans .banner .centre .align {
        padding-top: 30px
    }

    #content-wrapper.mortgage-plans .main-body {
        padding-top: 0;
        padding-bottom: 0
    }

    #content-wrapper.mortgage-plans .banner {
        height: 320px
    }
}

@media screen and (max-width:1440px)and (min-width:1101px) {
    #content-wrapper.mortgage-plans .banner .bg {
        height: 450px;
        background-position: top right
    }

    #content-wrapper.mortgage-plans .banner .centre .align {
        padding-top: 50px
    }

    #content-wrapper.mortgage-plans .main-body {
        padding-top: 0;
        padding-bottom: 0
    }

    #content-wrapper.mortgage-plans .banner {
        height: 480px
    }
}

#content-wrapper.group-insurance .banner .bg {
    background-image: url(../images/banners/header_insurance_group.jpg);
    background-color: #1c96ce;
    height: 591px;
    background-position: top right
}

#content-wrapper.group-insurance .dyn-cta {
    background-color: #1c96ce
}

#content-wrapper.group-insurance .cell h2 a, #content-wrapper.group-insurance h1, #content-wrapper.group-insurance ol, #content-wrapper.group-insurance ul {
    color: #1c96ce
}

@media screen and (max-width:767px) {
    #content-wrapper .cell {
        margin: 0 0 35px;
        width: 100%;
        padding: 0 !important
    }

        #content-wrapper .cell h2 {
            margin: 0 0 20px;
            font-size: 36px
        }

    #content-wrapper.group-insurance .banner h1 {
        color: #1c96ce !important
    }

    #content-wrapper.group-insurance .banner .bg {
        height: 200px;
        background-position: top right
    }

    #content-wrapper.group-insurance .banner .centre .align {
        padding-top: 0
    }
}

@media screen and (max-width:939px)and (min-width:768px) {
    #content-wrapper .cell {
        margin: 0 0 35px;
        width: 100%;
        padding: 0 !important
    }

        #content-wrapper .cell h2 {
            margin: 0 0 20px;
            font-size: 36px
        }

    #content-wrapper.group-insurance .banner .bg {
        height: 318px;
        background-position: top right
    }

    #content-wrapper.group-insurance .banner .centre .align {
        padding-top: 25px;
        padding-left: 25px
    }

    #content-wrapper.group-insurance .banner {
        height: 290px
    }
}

@media screen and (max-width:1100px)and (min-width:940px) {
    #content-wrapper.group-insurance .banner .bg {
        height: 350px;
        background-position: top right
    }

    #content-wrapper.group-insurance .banner .centre .align {
        padding-top: 30px
    }

    #content-wrapper.group-insurance .main-body {
        padding-top: 0;
        padding-bottom: 0
    }

    #content-wrapper.group-insurance .banner {
        height: 320px
    }
}

@media screen and (max-width:1440px)and (min-width:1101px) {
    #content-wrapper.group-insurance .banner .bg {
        height: 450px;
        background-position: top right
    }

    #content-wrapper.group-insurance .banner .centre .align {
        padding-top: 50px
    }

    #content-wrapper.group-insurance .main-body {
        padding-top: 0;
        padding-bottom: 0
    }

    #content-wrapper.group-insurance .banner {
        height: 480px
    }
}

#content-wrapper.group-savings-plan .banner p {
    color: #fff
}

#content-wrapper.group-savings-plan .banner .bg {
    background-image: url(../images/banners/header_investment_group.jpg);
    background-color: #149559
}

#content-wrapper.group-savings-plan .dyn-cta {
    background-color: #149559
}

#content-wrapper.group-savings-plan .centre .main-body a {
    color: #149559
}

#content-wrapper.group-savings-plan .cell h2 a, #content-wrapper.group-savings-plan h1, #content-wrapper.group-savings-plan ol, #content-wrapper.group-savings-plan ul {
    color: #149559
}

@media screen and (max-width:767px) {
    #content-wrapper .cell {
        margin: 0 0 35px;
        width: 100%;
        padding: 0 !important
    }

        #content-wrapper .cell h2 {
            margin: 0 0 20px;
            font-size: 36px
        }

    #content-wrapper.group-savings-plan .banner h1 {
        color: #149559 !important
    }

    #content-wrapper.group-savings-plan .banner .bg {
        height: 200px;
        background-position: top right
    }

    #content-wrapper.group-savings-plan .banner .centre .align {
        padding-top: 0
    }
}

@media screen and (max-width:939px)and (min-width:768px) {
    #content-wrapper .cell {
        margin: 0 0 35px;
        width: 100%;
        padding: 0 !important
    }

        #content-wrapper .cell h2 {
            margin: 0 0 20px;
            font-size: 32px
        }

    #content-wrapper.group-savings-plan .banner .bg {
        height: 380px;
        background-position: top right
    }

    #content-wrapper.group-savings-plan .banner .centre .align {
        padding-top: 25px;
        padding-left: 25px
    }

    #content-wrapper.group-savings-plan .banner {
        height: 320px
    }
}

@media screen and (max-width:1100px)and (min-width:940px) {
    #content-wrapper.group-savings-plan .banner .bg {
        height: 390px;
        background-position: top right
    }

    #content-wrapper.group-savings-plan .banner .centre .align {
        padding-top: 30px
    }

    #content-wrapper.group-savings-plan .main-body {
        padding-top: 0;
        padding-bottom: 0
    }

    #content-wrapper.group-savings-plan .banner {
        height: 350px
    }
}

@media screen and (max-width:1440px)and (min-width:1101px) {
    #content-wrapper.group-savings-plan .banner .bg {
        height: 480px;
        background-position: top right
    }

    #content-wrapper.group-savings-plan .banner .centre .align {
        padding-top: 50px;
        padding-left: 20px
    }

    #content-wrapper.group-savings-plan .main-body {
        padding-top: 0;
        padding-bottom: 0
    }

    #content-wrapper.group-savings-plan .banner {
        height: 500px
    }
}

#content-wrapper.commercial-mortgage .banner .bg {
    background-image: url(../images/banners/header_mortgage_group.jpg);
    background-color: #ec7f2b;
    height: 591px;
    background-position: top right
}

#content-wrapper.commercial-mortgage .dyn-cta {
    background-color: #f7c6a1
}

#content-wrapper.commercial-mortgage .cell h2 a, #content-wrapper.commercial-mortgage h1, #content-wrapper.commercial-mortgage ol, #content-wrapper.commercial-mortgage ul {
    color: #ec7f2b
}

    #content-wrapper.commercial-mortgage ul li p {
        color: #666;
        padding: 0;
        margin: 0
    }

@media screen and (max-width:767px) {
    #content-wrapper .cell {
        margin: 0 0 35px;
        width: 100%;
        padding: 0 !important
    }

        #content-wrapper .cell h2 {
            margin: 0 0 20px;
            font-size: 36px
        }

    #content-wrapper.commercial-mortgage .banner h1 {
        color: #ec7f2b !important
    }

    #content-wrapper.commercial-mortgage .banner .bg {
        height: 200px;
        background-position: top right
    }

    #content-wrapper.commercial-mortgage .banner .centre .align {
        padding-top: 0
    }
}

@media screen and (max-width:939px)and (min-width:768px) {
    #content-wrapper .cell {
        margin: 0 0 35px;
        width: 100%;
        padding: 0 !important
    }

        #content-wrapper .cell h2 {
            margin: 0 0 20px;
            font-size: 36px
        }

    #content-wrapper.commercial-mortgage .banner .bg {
        height: 380px;
        background-position: top right
    }

    #content-wrapper.commercial-mortgage .banner .centre .align {
        padding-top: 25px;
        padding-left: 25px
    }

    #content-wrapper.commercial-mortgage .banner {
        height: 320px
    }
}

@media screen and (max-width:1100px)and (min-width:940px) {
    #content-wrapper.commercial-mortgage .banner .bg {
        height: 350px;
        background-position: top right
    }

    #content-wrapper.commercial-mortgage .banner .centre .align {
        padding-top: 30px
    }

    #content-wrapper.commercial-mortgage .main-body {
        padding-top: 0;
        padding-bottom: 0
    }

    #content-wrapper.commercial-mortgage .banner {
        height: 320px
    }
}

@media screen and (max-width:1440px)and (min-width:1101px) {
    #content-wrapper.commercial-mortgage .banner .bg {
        height: 480px;
        background-position: top right
    }

    #content-wrapper.commercial-mortgage .banner .centre .align {
        padding-top: 50px
    }

    #content-wrapper.commercial-mortgage .main-body {
        padding-top: 0;
        padding-bottom: 0
    }

    #content-wrapper.commercial-mortgage .banner {
        height: 500px
    }
}

#content-wrapper.group-plans .banner p {
    color: #505969
}

#content-wrapper.group-plans .banner .bg {
    background-image: url(../images/banners/group-plans.jpg);
    background-color: #f8d02a
}

#content-wrapper.group-plans .dyn-cta {
    background-color: #fae071
}

#content-wrapper.group-plans .cell h2 a, #content-wrapper.group-plans h1, #content-wrapper.group-plans ol, #content-wrapper.group-plans ul {
    color: #f8d02a
}

@media screen and (max-width:767px) {
    #content-wrapper.group-plans .banner h1 {
        color: #f8d02a !important
    }
}

#content-wrapper .banner {
    position: relative;
    margin: 0 0 20px;
    width: 100%;
    height: 591px;
    display: block;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

    #content-wrapper .banner .bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: block;
        z-index: 1
    }

    #content-wrapper .banner .centre {
        position: relative;
        display: table;
        table-layout: fixed;
        z-index: 2
    }

        #content-wrapper .banner .centre .align {
            display: table-cell;
            padding-top: 100px
        }

    #content-wrapper .banner h1, #content-wrapper .banner p {
        color: #fff;
        max-width: 680px;
        -webkit-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        transition: all .3s ease-out
    }

    #content-wrapper .banner h1 {
        margin: 0;
        font-size: 80px;
        font-weight: 700;
        line-height: 1.1
    }

    #content-wrapper .banner.has-sub h1 {
        margin: 0 0 30px
    }

    #content-wrapper .banner p {
        margin: 0;
        font-size: 26px;
        font-weight: 400
    }

    #content-wrapper .banner.blue {
        margin: 0;
        background-color: #002985;
        height: 384px
    }

    #content-wrapper .banner.tall {
        height: 600px
    }

    #content-wrapper .banner.generic, #content-wrapper .banner.generic .bg {
        background-image: url(../images/banners/header_blue-generic.jpg);
        height: 386px;
        background-position: top right
    }

@media screen and (max-width:767px) {
    #content-wrapper .banner.generic, #content-wrapper .banner.generic .bg {
        height: 386px;
        background-position: top right
    }

        #content-wrapper .banner.generic h1 {
            font-size: 32px;
            margin-top: 0
        }
}

#content-wrapper .banner.company, #content-wrapper .banner.company .bg {
    background-image: url(../images/banners/header_about-us.jpg);
    height: 591px;
    background-position: top right
}

@media screen and (max-width:767px) {
    #content-wrapper .banner.company, #content-wrapper .banner.company .bg {
        height: 200px;
        background-position: top right
    }
}

@media screen and (max-width:939px)and (min-width:768px) {
    #content-wrapper .banner.company, #content-wrapper .banner.company .bg {
        height: 380px;
        background-position: top right
    }

    #content-wrapper .cell {
        margin: 0 0 35px;
        width: 100%;
        padding: 0 !important
    }

    #content-wrapper .company-cells {
        margin-top: 90px
    }

    #content-wrapper.our-company .banner .centre .align {
        padding-top: 50px;
        padding-left: 25px
    }
}

@media screen and (max-width:1100px)and (min-width:940px) {
    #content-wrapper .banner.company, #content-wrapper .banner.company .bg {
        height: 350px;
        background-position: top right
    }

    #content-wrapper .cell {
        margin: 0 0 35px;
        width: 100%;
        padding: 0 !important
    }

    #content-wrapper .company-cells {
        margin-top: 90px
    }

    #content-wrapper.our-company .banner .centre .align {
        padding-top: 35px;
        padding-left: 25px
    }
}

@media screen and (max-width:1440px)and (min-width:1101px) {
    #content-wrapper .banner.company, #content-wrapper .banner.company .bg {
        height: 480px;
        background-position: top right
    }

    #content-wrapper .cell {
        margin: 0 0 35px;
        width: 100%;
        padding: 0 !important
    }

    #content-wrapper .company-cells {
        margin-top: 90px
    }

    #content-wrapper.our-company .banner .centre .align {
        padding-top: 75px;
        padding-left: 25px
    }
}

#content-wrapper .banner.team, #content-wrapper .banner.team .bg {
    background-image: url(../images/banners/our-team.jpg);
    height: 591px;
    background-position: top right
}

@media screen and (max-width:450px) {
    #content-wrapper .banner.team, #content-wrapper .banner.team .bg {
        height: 130px;
        background-position: top right
    }
}

@media screen and (max-width:550px) and (min-width:451px) {
    #content-wrapper .banner.team, #content-wrapper .banner.team .bg {
        height: 180px;
        background-position: top right
    }
}

@media screen and (max-width:767px) and (min-width:551px) {
    #content-wrapper .banner.team, #content-wrapper .banner.team .bg {
        height: 210px;
        background-position: top right
    }
}

@media screen and (max-width:939px) and (min-width:768px) {
    #content-wrapper .banner.team, #content-wrapper .banner.team .bg {
        height: 210px;
        background-position: top right
    }
}

@media screen and (max-width:1100px)and (min-width:940px) {
    #content-wrapper .banner.team, #content-wrapper .banner.team .bg {
        height: 370px;
        background-position: top right
    }
}

@media screen and (max-width:1440px)and (min-width:1101px) {
    #content-wrapper .banner.team, #content-wrapper .banner.team .bg {
        height: 430px;
        background-position: top right
    }
}

#content-wrapper .banner.contact, #content-wrapper .banner.contact .bg {
    background-image: url(../images/banners/contact-us.jpg);
    height: 591px;
    background-position: top right
}

@media screen and (max-width:767px) {
    #content-wrapper .banner.contact, #content-wrapper .banner.contact .bg {
        background-image: url(../images/banners/contact-us.jpg);
        height: 125px;
        background-position: top right
    }

        #content-wrapper .banner.contact .video-trigger {
            position: relative;
            right: 150px;
            width: 120px;
            height: 120px;
            display: block;
            -webkit-transition: all .3s ease-out;
            -moz-transition: all .3s ease-out;
            -o-transition: all .3s ease-out;
            transition: all .3s ease-out
        }

    #content-wrapper.contact .banner .centre .align {
        padding-top: 0;
        width: 100%
    }
}

@media screen and (max-width:939px)and (min-width:768px) {
    #content-wrapper .banner.contact, #content-wrapper .banner.contact .bg {
        height: 250px;
        background-position: top right
    }

        #content-wrapper .banner.contact .video-trigger {
            position: relative;
            right: 0;
            top: 230px;
            width: 120px;
            height: 120px;
            display: block;
            -webkit-transition: all .3s ease-out;
            -moz-transition: all .3s ease-out;
            -o-transition: all .3s ease-out;
            transition: all .3s ease-out
        }
}

@media screen and (max-width:1100px)and (min-width:940px) {
    #content-wrapper .banner.contact, #content-wrapper .banner.contact .bg {
        height: 350px;
        background-position: top right
    }

        #content-wrapper .banner.contact .video-trigger {
            position: relative;
            right: 0;
            top: 230px;
            width: 120px;
            height: 120px;
            display: block;
            -webkit-transition: all .3s ease-out;
            -moz-transition: all .3s ease-out;
            -o-transition: all .3s ease-out;
            transition: all .3s ease-out
        }
}

@media screen and (max-width:1440px)and (min-width:1101px) {
    #content-wrapper .banner.contact, #content-wrapper .banner.contact .bg {
        height: 480px;
        background-position: top right
    }

        #content-wrapper .banner.contact .video-trigger {
            position: relative;
            right: 420px;
            top: 300px;
            width: 120px;
            height: 120px;
            display: block;
            -webkit-transition: all .3s ease-out;
            -moz-transition: all .3s ease-out;
            -o-transition: all .3s ease-out;
            transition: all .3s ease-out
        }

    #content-wrapper.contact .banner .centre .align {
        padding-top: 0;
        width: 100%
    }
}

#content-wrapper .banner.careers, #content-wrapper .banner.careers .bg {
    height: 591px;
    background-position: top right
}

@media screen and (max-width:767px) {
    #content-wrapper .banner.careers, #content-wrapper .banner.careers .bg {
        background-image: url(../images/banners/header_carreer.jpg);
        height: 200px;
        background-position: top right
    }

        #content-wrapper .banner.careers .video-trigger {
            position: relative;
            right: 150px;
            width: 120px;
            height: 120px;
            display: block;
            -webkit-transition: all .3s ease-out;
            -moz-transition: all .3s ease-out;
            -o-transition: all .3s ease-out;
            transition: all .3s ease-out
        }

    #content-wrapper.careers .banner .centre .align {
        padding-top: 0;
        width: 100%
    }
}

@media screen and (max-width:939px)and (min-width:768px) {
    #content-wrapper .banner.careers, #content-wrapper .banner.careers .bg {
        height: 400px;
        background-position: top right
    }

        #content-wrapper .banner.careers .video-trigger {
            position: relative;
            right: 0;
            top: 230px;
            width: 120px;
            height: 120px;
            display: block;
            -webkit-transition: all .3s ease-out;
            -moz-transition: all .3s ease-out;
            -o-transition: all .3s ease-out;
            transition: all .3s ease-out
        }
}

@media screen and (max-width:1100px)and (min-width:940px) {
    #content-wrapper .banner.careers, #content-wrapper .banner.careers .bg {
        height: 450px;
        background-position: top right
    }

        #content-wrapper .banner.careers .video-trigger {
            position: relative;
            right: 0;
            top: 230px;
            width: 120px;
            height: 120px;
            display: block;
            -webkit-transition: all .3s ease-out;
            -moz-transition: all .3s ease-out;
            -o-transition: all .3s ease-out;
            transition: all .3s ease-out
        }
}

@media screen and (max-width:1440px)and (min-width:1101px) {
    #content-wrapper .banner.careers, #content-wrapper .banner.careers .bg {
        height: 480px;
        background-position: top right
    }

        #content-wrapper .banner.careers .video-trigger {
            position: relative;
            right: 420px;
            top: 300px;
            width: 120px;
            height: 120px;
            display: block;
            -webkit-transition: all .3s ease-out;
            -moz-transition: all .3s ease-out;
            -o-transition: all .3s ease-out;
            transition: all .3s ease-out
        }

    #content-wrapper.careers .banner .centre .align {
        padding-top: 0;
        width: 100%
    }
}

#content-wrapper .banner.base .align {
    vertical-align: bottom;
    padding: 0 0 60px
}

#content-wrapper .banner.top .align {
    vertical-align: top;
    padding: 60px 0 0
}

#content-wrapper .banner .video-trigger {
    position: absolute;
    bottom: 100px;
    right: 0;
    width: 120px;
    height: 120px;
    display: block;
    background-image: url(../images/icons/play-full.png);
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

    #content-wrapper .banner .video-trigger:hover {
        -moz-opacity: .9;
        -khtml-opacity: .9;
        -webkit-opacity: .9;
        opacity: .9;
        -ms-filter: alpha(opacity=90);
        filter: alpha(opacity=90)
    }

@media screen and (min-width:1600px) {
    #content-wrapper .banner, #content-wrapper .banner.tall {
        height: 591px
    }
}

@media screen and (max-width:1100px)and (min-width:940px) {
    #content-wrapper .banner {
        height: 500px;
        margin: 0 0 70px
    }

        #content-wrapper .banner h1, #content-wrapper .banner p {
            max-width: 630px
        }

        #content-wrapper .banner h1 {
            font-size: 60px
        }

        #content-wrapper .banner p {
            font-size: 22px
        }

        #content-wrapper .banner.tall h1, #content-wrapper .banner.tall p {
            max-width: 400px
        }

        #content-wrapper .banner.tall p {
            font-size: 20px
        }
}

@media screen and (max-width:939px)and (min-width:768px) {
    #content-wrapper .banner {
        height: 520px;
        margin: 0 0 50px
    }

        #content-wrapper .banner h1, #content-wrapper .banner p {
            max-width: 300px
        }

        #content-wrapper .banner h1 {
            font-size: 40px
        }

        #content-wrapper .banner p {
            font-size: 18px
        }

        #content-wrapper .banner.tall {
            height: 400px
        }

            #content-wrapper .banner.tall h1, #content-wrapper .banner.tall p {
                max-width: 330px
            }

            #content-wrapper .banner.tall h1 {
                font-size: 50px
            }

        #content-wrapper .banner.blue {
            height: 300px
        }

        #content-wrapper .banner.top {
            height: 400px
        }

            #content-wrapper .banner.top .align {
                position: relative;
                top: 50%;
                -ms-transform: translateY(-50%);
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                vertical-align: middle;
                padding: 0
            }

                #content-wrapper .banner.top .align h1 {
                    margin: 0
                }
}

@media screen and (max-width:767px) {
    #content-wrapper .banner.base .align, #content-wrapper .banner.tall .align, #content-wrapper .banner.top .align {
        padding: 0
    }

    #content-wrapper .banner {
        height: auto;
        margin: 0 0 30px;
        background: 0 0 !important
    }

        #content-wrapper .banner.blue {
            height: auto
        }

        #content-wrapper .banner.generic {
            height: 200px
        }

            #content-wrapper .banner.generic .bg {
                position: absolute;
                height: 100%
            }

        #content-wrapper .banner.landing h1 {
            margin: 20px 0;
            color: #2e3b4e
        }

        #content-wrapper .banner .bg {
            position: relative;
            height: 200px
        }

        #content-wrapper .banner h1 {
            margin: 30px 0;
            font-size: 40px
        }

        #content-wrapper .banner p {
            font-size: 18px;
            color: inherit
        }

        #content-wrapper .banner.tall, #content-wrapper .banner.top {
            height: auto
        }

            #content-wrapper .banner.tall h1, #content-wrapper .banner.top h1 {
                margin-bottom: 20px;
                color: #002287
            }

            #content-wrapper .banner.tall p, #content-wrapper .banner.top p {
                margin-bottom: 20px;
                line-height: 24px
            }

            #content-wrapper .banner.tall .video-trigger, #content-wrapper .banner.top .video-trigger {
                width: 61px;
                height: 61px;
                bottom: 110px
            }
}

#content-wrapper .dyn-cta {
    margin: 0 0 100px;
    padding: 50px 60px;
    width: 100%
}

    #content-wrapper .dyn-cta.secondary {
        margin-top: 80px
    }

    #content-wrapper .dyn-cta h3 {
        color: #2e3b4e;
        font-size: 42px
    }

    #content-wrapper .dyn-cta .select-wrap {
        width: 100%;
        position: relative;
        background: #fff
    }

        #content-wrapper .dyn-cta .select-wrap:before {
            position: absolute;
            top: 50%;
            right: 30px;
            margin-top: -4px;
            width: 0;
            height: 0;
            padding: 0;
            content: '';
            border-left: 7px solid transparent;
            border-right: 7px solid transparent;
            border-top: 8px solid #0054a3;
            pointer-events: none
        }

    #content-wrapper .dyn-cta select {
        position: relative;
        appearance: none;
        -webkit-appearance: none;
        background-color: transparent;
        padding: 24px 30px;
        font-size: 26px;
        color: #2e3b4e;
        font-weight: 100;
        width: 100%;
        border-radius: 0;
        border: none;
        -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.1);
        -moz-box-shadow: 0 2px 3px rgba(0,0,0,.1);
        box-shadow: 0 2px 3px rgba(0,0,0,.1)
    }

        #content-wrapper .dyn-cta select:focus {
            outline: 0
        }

@media screen and (max-width:1100px)and (min-width:940px) {
    #content-wrapper .dyn-cta {
        padding: 50px 30px;
        margin: 0 0 60px
    }

        #content-wrapper .dyn-cta.secondary {
            margin-top: 40px
        }
}

@media screen and (max-width:939px)and (min-width:768px) {
    #content-wrapper .dyn-cta {
        padding: 50px 25px;
        margin: 0 0 55px
    }

        #content-wrapper .dyn-cta.secondary {
            margin-top: 35px
        }
}

@media screen and (max-width:767px) {
    #content-wrapper .dyn-cta {
        padding: 20px 25px;
        margin: 0 0 30px
    }

        #content-wrapper .dyn-cta.secondary {
            margin-top: 10px
        }

        #content-wrapper .dyn-cta h3 {
            margin: 0 0 30px;
            font-size: 30px;
            line-height: 1
        }

        #content-wrapper .dyn-cta .select-wrap:before {
            right: 10px
        }

        #content-wrapper .dyn-cta select {
            padding: 13px 10px;
            font-size: 18px
        }
}

#content-wrapper .landing {
    font-size: 0
}

    #content-wrapper .landing .q-cta {
        margin: 50px 0 80px;
        font-size: 26px;
        text-align: center;
        display: flex;
        justify-content: center
    }

        #content-wrapper .landing .q-cta br {
            display: none
        }

        #content-wrapper .landing .q-cta .btn {
            margin: 0 0 0 45px;
            display: inline-block;
            background: #149559
        }

            #content-wrapper .landing .q-cta .btn:hover {
                background: #0e683e
            }

@media screen and (max-width:939px)and (min-width:768px) {
    #content-wrapper .landing .q-cta {
        margin: 20px 0 40px
    }
}

@media screen and (max-width:767px) {
    #content-wrapper .landing .q-cta {
        margin: 0 0 30px;
        display: block
    }

        #content-wrapper .landing .q-cta br {
            display: block
        }

        #content-wrapper .landing .q-cta .btn {
            margin: 20px 0 0
        }
}

#content-wrapper .main-body {
    padding-top: 60px;
    padding-bottom: 0
}

    #content-wrapper .main-body.no-bottom-padding {
        padding-bottom: 0
    }

    #content-wrapper .main-body h1 {
        margin: 0 0 35px;
        font-size: 72px
    }

    #content-wrapper .main-body h2 {
        font-size: 42px
    }

    #content-wrapper .main-body h3 {
        font-size: 37px
    }

    #content-wrapper .main-body h4 {
        font-size: 32px
    }

    #content-wrapper .main-body h5 {
        font-size: 27px;
        line-height: 35px
    }

    #content-wrapper .main-body h6 {
        font-size: 22px
    }

    #content-wrapper .main-body .type {
        margin-bottom: 90px
    }

    #content-wrapper .main-body .tagline {
        font-size: 26px;
        font-weight: 300;
        line-height: 40px;
        color: #505969
    }

    #content-wrapper .main-body a:not(.btn) {
        color: #0054a3;
        text-decoration: none
    }

        #content-wrapper .main-body a:not(.btn):hover {
            text-decoration: underline
        }

    #content-wrapper .main-body ol, #content-wrapper .main-body ul {
        margin: 0 0 40px 40px;
        padding: 0
    }

        #content-wrapper .main-body ol li, #content-wrapper .main-body ul li {
            margin-bottom: 10px
        }

            #content-wrapper .main-body ol li span, #content-wrapper .main-body ul li span {
                color: #505969
            }

    #content-wrapper .main-body table {
        margin: 35px 0 50px;
        width: 100%;
        border-collapse: collapse;
        table-layout: fixed
    }

        #content-wrapper .main-body table td, #content-wrapper .main-body table th {
            padding: 20px 30px;
            text-align: center;
            border: 1px solid #ccc
        }

            #content-wrapper .main-body table td[align=left], #content-wrapper .main-body table th[align=left], #content-wrapper .main-body table.figures .align-left {
                text-align: left
            }

        #content-wrapper .main-body table th {
            background: #f2f2f2;
            font-weight: 700
        }

        #content-wrapper .main-body table.figures td, #content-wrapper .main-body table.figures th {
            padding: 20px
        }

            #content-wrapper .main-body table.figures td[align=left], #content-wrapper .main-body table.figures th[align=left] {
                padding: 20px 40px
            }

        #content-wrapper .main-body table.figures th {
            position: relative;
            text-align: left;
            line-height: 1.1
        }

            #content-wrapper .main-body table.figures th .date {
                position: absolute;
                top: 50%;
                right: 40px;
                margin-top: -8px;
                font-size: 14px
            }

    #content-wrapper .main-body .video-wrap {
        width: 100%;
        text-align: center
    }

    #content-wrapper .main-body .video {
        position: relative;
        margin: 30px 0;
        width: 854px;
        height: 415px;
        display: inline-block;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        -webkit-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        transition: all .3s ease-out;
        z-index: 1
    }

        #content-wrapper .main-body .video:before {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: block;
            background: #000;
            -moz-opacity: .3;
            -khtml-opacity: .3;
            -webkit-opacity: .3;
            opacity: .3;
            -ms-filter: alpha(opacity=30);
            filter: alpha(opacity=30);
            content: '';
            z-index: 1
        }

        #content-wrapper .main-body .video .play, #content-wrapper .main-body .video .play:before {
            position: absolute;
            display: block;
            background-size: cover;
            background-position: center center;
            background-repeat: no-repeat
        }

        #content-wrapper .main-body .video .play {
            top: 50%;
            left: 50%;
            margin: -80px 0 0 -80px;
            width: 160px;
            height: 160px;
            background-image: url(../images/icons/play.png);
            z-index: 2
        }

            #content-wrapper .main-body .video .play:before {
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background-image: url(../images/icons/play-hover.png);
                content: '';
                -moz-opacity: 0;
                -khtml-opacity: 0;
                -webkit-opacity: 0;
                opacity: 0;
                -ms-filter: alpha(opacity=0);
                filter: alpha(opacity=0);
                transition: all .3s ease-out
            }

            #content-wrapper .main-body .related-docs a, #content-wrapper .main-body .video .play:before {
                -webkit-transition: all .3s ease-out;
                -moz-transition: all .3s ease-out;
                -o-transition: all .3s ease-out
            }

        #content-wrapper .main-body .video:hover .play:before {
            -moz-opacity: 1;
            -khtml-opacity: 1;
            -webkit-opacity: 1;
            opacity: 1;
            -ms-filter: alpha(opacity=100);
            filter: alpha(opacity=100)
        }

    #content-wrapper .main-body .base-cta {
        display: table;
        table-layout: fixed
    }

        #content-wrapper .main-body .base-cta .col {
            display: table-cell
        }

            #content-wrapper .main-body .base-cta .col img {
                width: 100%;
                vertical-align: bottom
            }

            #content-wrapper .main-body .base-cta .col.left {
                width: 40%
            }

            #content-wrapper .main-body .base-cta .col.right {
                width: 60%
            }

            #content-wrapper .main-body .base-cta .col.dbl {
                display: none
            }

        #content-wrapper .main-body .base-cta h4 {
            margin: 0;
            font-size: 26px
        }

    #content-wrapper .main-body .collapsible {
        margin: 0 0 30px;
        width: 100%
    }

        #content-wrapper .main-body .collapsible .hide {
            display: none;
            position: relative
        }

            #content-wrapper .main-body .collapsible .hide.has-related-docs {
                padding: 0 300px 0 0
            }

    #content-wrapper .main-body .related-docs {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0 0 20px;
        padding: 30px;
        width: 270px;
        background: #f5f5f7;
        border-left: 2px solid #0054a3
    }

        #content-wrapper .main-body .related-docs a {
            display: inline-block;
            color: #505969;
            margin: 0 0 10px;
            padding: 0 0 0 33px;
            background: url(../images/icons/download.png)0 8px no-repeat;
            transition: all .3s ease-out
        }

            #content-wrapper .main-body .related-docs a:hover {
                text-decoration: none;
                background-position: 0 12px
            }

            #content-wrapper .main-body .related-docs a:last-child {
                margin: 0
            }

@media screen and (max-width:1100px)and (min-width:940px) {
    #content-wrapper .main-body .base-cta h4 {
        font-size: 23px
    }
}

@media screen and (max-width:939px)and (min-width:768px) {
    #content-wrapper .main-body {
        padding-top: 40px;
        padding-bottom: 40px
    }

        #content-wrapper .main-body.no-bottom-padding {
            padding-bottom: 0
        }

        #content-wrapper .main-body h1 {
            font-size: 60px
        }

        #content-wrapper .main-body td {
            font-size: 16px
        }

        #content-wrapper .main-body .video {
            width: 720px
        }

        #content-wrapper .main-body .base-cta h4 {
            font-size: 20px
        }
}

@media screen and (max-width:767px) {
    #content-wrapper .main-body {
        padding-top: 20px;
        padding-bottom: 20px
    }

        #content-wrapper .main-body.no-bottom-padding {
            padding-bottom: 0
        }

        #content-wrapper .main-body .type {
            margin-bottom: 30px
        }

        #content-wrapper .main-body .tagline {
            font-size: 22px;
            line-height: 30px
        }

        #content-wrapper .main-body h1 {
            margin: 0 0 30px;
            font-size: 44px
        }

        #content-wrapper .main-body h2 {
            font-size: 30px
        }

        #content-wrapper .main-body h3 {
            font-size: 27px
        }

        #content-wrapper .main-body h4 {
            font-size: 24px
        }

        #content-wrapper .main-body h5 {
            font-size: 21px
        }

        #content-wrapper .main-body h6 {
            font-size: 18px
        }

        #content-wrapper .main-body table td, #content-wrapper .main-body table td[align=left], #content-wrapper .main-body table th, #content-wrapper .main-body table th[align=left] {
            padding: 10px 15px;
            font-size: 10px
        }

        #content-wrapper .main-body table.figures td, #content-wrapper .main-body table.figures td[align=left], #content-wrapper .main-body table.figures th, #content-wrapper .main-body table.figures th[align=left] {
            padding: 5px 7px
        }

        #content-wrapper .main-body table.figures th {
            position: relative;
            text-align: left;
            line-height: 1.1
        }

            #content-wrapper .main-body table.figures th .date {
                position: relative;
                top: inherit;
                right: inherit;
                margin-top: 0;
                font-size: 10px;
                width: 100%;
                display: block
            }

        #content-wrapper .main-body table.figures .align-left {
            text-align: left
        }

        #content-wrapper .main-body .video {
            width: 300px;
            height: 180px
        }

            #content-wrapper .main-body .video .play {
                margin: -40px 0 0 -40px;
                width: 80px;
                height: 80px
            }

        #content-wrapper .main-body .base-cta h4 {
            font-size: 20px
        }

        #content-wrapper .main-body .base-cta .col {
            width: 100% !important;
            display: block
        }

            #content-wrapper .main-body .base-cta .col.left {
                display: none
            }

            #content-wrapper .main-body .base-cta .col.dbl {
                display: block;
                text-align: center
            }

            #content-wrapper .main-body .base-cta .col img {
                width: 70%;
                vertical-align: bottom
            }

        #content-wrapper .main-body .collapsible .hide.has-related-docs {
            padding: 0
        }

        #content-wrapper .main-body .related-docs {
            position: relative;
            top: inherit;
            right: inherit
        }
}

#content-wrapper .contact-intro {
    margin: 60px 0 0
}

    #content-wrapper .contact-intro img {
        margin: 0 65px 0 0;
        display: inline-block;
        vertical-align: top;
        max-width: 160px;
        transition: all .3s ease-out
    }

    #content-wrapper #map-canvas, #content-wrapper .contact-intro img {
        -webkit-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        -o-transition: all .3s ease-out
    }

    #content-wrapper .contact-intro .info {
        display: inline-block
    }

        #content-wrapper .contact-intro .info .blue {
            color: #0054a3
        }

@media screen and (max-width:1100px)and (min-width:940px) {
    #content-wrapper .contact-intro img {
        max-width: 100px;
        margin: 0 30px 0 0
    }
}

@media screen and (max-width:939px)and (min-width:768px) {
    #content-wrapper .contact-intro {
        margin: 30px 0 0
    }

        #content-wrapper .contact-intro img {
            max-width: 100px;
            margin: 0 0 30px;
            display: block
        }
}

#content-wrapper #map-canvas {
    width: 100%;
    height: 300px;
    display: block;
    transition: all .3s ease-out
}

@media screen and (max-width:767px) {
    #content-wrapper .contact-intro {
        margin: 0
    }

        #content-wrapper .contact-intro img {
            max-width: 100px;
            margin: 0 0 30px;
            display: block
        }

    #content-wrapper #map-canvas {
        height: 200px
    }
}

#content-wrapper .four-col {
    padding-top: 20px;
    font-size: 0
}

    #content-wrapper .four-col.padded {
        padding-bottom: 30px
    }

    #content-wrapper .four-col.restrict-three .col:nth-child(4n - 1) {
        margin-right: 10px
    }

    #content-wrapper .four-col .col {
        width: 25%;
        display: inline-block;
        vertical-align: top;
        padding: 0 20px 40px 0
    }

        #content-wrapper .four-col .col h5 {
            margin-bottom: 4px;
            font-size: 22px;
            line-height: 20px
        }

            #content-wrapper .four-col .col h5 span {
                font-size: 14px
            }

        #content-wrapper .four-col .col a, #content-wrapper .four-col .col p {
            margin-bottom: 0;
            font-size: 15px
        }

@media screen and (max-width:1100px)and (min-width:768px) {
    #content-wrapper .four-col.restrict-three .col:nth-child(4n - 1) {
        margin-right: 0
    }

    #content-wrapper .four-col:not(.keep-four) .col {
        width: 33.3%
    }
}

@media screen and (max-width:767px) {
    #content-wrapper .four-col {
        padding-top: 5px
    }

        #content-wrapper .four-col.padded {
            padding-bottom: 15px
        }

        #content-wrapper .four-col .col {
            width: 100%;
            padding-bottom: 22px
        }
}

#content-wrapper .three-col {
    padding-top: 20px;
    font-size: 0
}

    #content-wrapper .three-col.contact .col:nth-of-type(3n-1) {
        margin-bottom: 10px
    }

    #content-wrapper .three-col h6 {
        font-weight: 700
    }

    #content-wrapper .three-col .col {
        display: inline-block;
        width: 30%;
        vertical-align: top;
        font-size: 18px;
        transition: all .3s ease-out
    }

#content-wrapper.press.landing .years li a.active:before, #content-wrapper.press.landing .years li a:hover:before {
    width: 100%;
    left: 0
}

#content-wrapper .three-col .col, #content-wrapper.press.landing .years li a:before {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out
}

    #content-wrapper .three-col .col:nth-of-type(3n-1) {
        margin: 0 5% 60px
    }

    #content-wrapper .three-col .col .small {
        font-size: 14px
    }

@media screen and (max-width:1100px)and (min-width:768px) {
    #content-wrapper .three-col.contact .col:nth-of-type(3n-1) {
        margin-bottom: 10px
    }

    #content-wrapper .three-col .col {
        width: 32%
    }

        #content-wrapper .three-col .col:nth-of-type(3n-1) {
            margin: 0 2% 60px
        }
}

#content-wrapper .photo-with-logo {
    width: 100%
}

    #content-wrapper .photo-with-logo .logo-wrapper {
        width: 100%;
        height: 215px;
        display: block;
        background-color: #f2f2f2
    }

        #content-wrapper .photo-with-logo .logo-wrapper .logo {
            width: 100%;
            height: 100%;
            display: block;
            background-repeat: no-repeat;
            background-position: center
        }

    #content-wrapper .photo-with-logo .image {
        width: 100%;
        height: 476px;
        display: block;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat
    }

@media screen and (max-width:767px) {
    #content-wrapper .three-col.contact .col:nth-of-type(3n-1) {
        margin-bottom: 10px
    }

    #content-wrapper .three-col .col {
        width: 100%;
        margin-bottom: 20px
    }

        #content-wrapper .three-col .col:nth-of-type(3n-1) {
            margin: 0 0 20px
        }

    #content-wrapper .photo-with-logo .image {
        height: 180px
    }
}

#content-wrapper.press.landing {
    padding: 0 0 50px
}

    #content-wrapper.press.landing .years {
        width: 100%;
        display: block;
        margin: 100px 0 60px;
        padding: 0;
        list-style: none
    }

        #content-wrapper.press.landing .years li {
            display: inline-block;
            margin-right: 40px
        }

            #content-wrapper.press.landing .years li a {
                position: relative;
                font-family: Raleway,sans-serif;
                color: #929fb2;
                font-size: 20px;
                font-weight: 400;
                text-decoration: none
            }

                #content-wrapper.press.landing .years li a:before {
                    position: absolute;
                    top: 100%;
                    left: 50%;
                    margin-top: 5px;
                    width: 0;
                    height: 3px;
                    display: block;
                    content: '';
                    background: #002985;
                    transition: all .3s ease-out
                }

                #content-wrapper.press.landing .years li a.active, #content-wrapper.press.landing .years li a:hover {
                    color: #002985
                }

                    #content-wrapper.press.landing .years li a.active:before, #content-wrapper.press.landing .years li a:hover:before {
                        width: 100%;
                        left: 0
                    }

    #content-wrapper.press.landing .col h2 {
        font-size: 18px;
        color: #2e3b4e
    }

    #content-wrapper.press.landing .col h6 {
        font-size: 16px;
        color: #2e3b4e;
        -moz-opacity: .49;
        -khtml-opacity: .49;
        -webkit-opacity: .49;
        opacity: .49;
        -ms-filter: alpha(opacity=49);
        filter: alpha(opacity=49)
    }

    #content-wrapper.press.landing .col a {
        color: #0054a3;
        font-size: 16px;
        text-decoration: none
    }

@media screen and (max-width:767px) {
    #content-wrapper.press.landing .years {
        margin: 50px 0 30px
    }

        #content-wrapper.press.landing .years li {
            margin-right: 20px
        }

            #content-wrapper.press.landing .years li a {
                font-size: 14px
            }

    #content-wrapper.press.landing .col h2 {
        font-size: 16px
    }

    #content-wrapper.press.landing .col h6 {
        font-size: 14px
    }

    #content-wrapper.press.landing .col a {
        font-size: 12px
    }
}

#content-wrapper.press.article h1 {
    color: #002985;
    font-weight: 300;
    line-height: 1;
    padding: 0 150px 0 0;
    margin: 0 0 35px
}

#content-wrapper.press.article .meta {
    margin: 0 0 60px;
    font-size: 16px
}

#content-wrapper.press.article .share-wrap {
    position: absolute;
    top: 60px;
    right: 0
}

    #content-wrapper.press.article .share-wrap .share {
        max-width: 120px;
        width: 100%;
        margin: 0;
        padding: 0;
        list-style: none;
        font-size: 0
    }

    #content-wrapper.press.article .share-wrap ul {
        width: 50px
    }

    #content-wrapper.press.article .share-wrap li {
        width: 50px;
        margin: 0 20px 0 0;
        display: inline-block;
        vertical-align: top
    }

        #content-wrapper.press.article .share-wrap li:nth-child(2) {
            margin: 0
        }

    #content-wrapper.press.article .share-wrap a {
        width: 50px;
        height: 50px;
        display: block;
        margin: 0 0 10px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        border: 1px solid #0054a3;
        background: #fff
    }

        #content-wrapper.press.article .share-wrap a.share-trigger {
            background: url(../images/icons/share-black.png)center center no-repeat
        }

            #content-wrapper.press.article .share-wrap a.share-trigger.active, #content-wrapper.press.article .share-wrap a.share-trigger:hover {
                background: url(../images/icons/share-white.png)center center no-repeat #0054a3
            }

        #content-wrapper.press.article .share-wrap a.print-trigger {
            background: url(../images/icons/print-black.png)center center no-repeat
        }

            #content-wrapper.press.article .share-wrap a.print-trigger.active, #content-wrapper.press.article .share-wrap a.print-trigger:hover {
                background: url(../images/icons/print-white.png)center center no-repeat #0054a3
            }

        #content-wrapper.press.article .share-wrap a.fb {
            background: url(../images/icons/facebook-black.png)center center no-repeat
        }

            #content-wrapper.press.article .share-wrap a.fb.active, #content-wrapper.press.article .share-wrap a.fb:hover {
                background: url(../images/icons/facebook-white.png)center center no-repeat #0054a3
            }

        #content-wrapper.press.article .share-wrap a.tw {
            background: url(../images/icons/twitter-black.png)center center no-repeat
        }

            #content-wrapper.press.article .share-wrap a.tw.active, #content-wrapper.press.article .share-wrap a.tw:hover {
                background: url(../images/icons/twitter-white.png)center center no-repeat #0054a3
            }

#content-wrapper.press.article .sub {
    display: none
}

@media screen and (max-width:767px) {
    #content-wrapper.press.article h1 {
        padding: 0 60px 0 0
    }

    #content-wrapper.press.article .meta {
        margin: 0 0 20px;
        font-size: 12px
    }

    #content-wrapper.press.article .share-wrap {
        top: 20px
    }

        #content-wrapper.press.article .share-wrap .desktop-only {
            display: none
        }

        #content-wrapper.press.article .share-wrap li {
            margin: 0
        }

        #content-wrapper.press.article .share-wrap a {
            width: 40px;
            height: 40px;
            margin: 0 0 10px !important
        }
}

#content-wrapper.media-room {
    padding-bottom: 80px
}

@media screen and (max-width:1100px) {
    #content-wrapper.media-room {
        padding-bottom: 65px
    }
}

#content-wrapper.media-room .video-set {
    position: relative;
    margin-bottom: 40px
}

    #content-wrapper.media-room .video-set:first-child {
        margin-top: 85px
    }

    #content-wrapper.media-room .video-set h2 {
        margin-bottom: 20px;
        font-size: 42px;
        font-weight: 300;
        color: #2d3b4e
    }

    #content-wrapper.media-room .video-set .video-block {
        padding-bottom: 42px
    }

        #content-wrapper.media-room .video-set .video-block .thumb {
            width: 100%;
            height: 240px;
            position: relative;
            margin-bottom: 15px;
            background-size: cover;
            background-position: center center;
            background-repeat: no-repeat
        }

            #content-wrapper.media-room .video-set .video-block .thumb:after {
                width: 100%;
                height: 100%;
                display: block;
                content: ' ';
                position: absolute;
                z-index: 1;
                top: 0;
                left: 0;
                background-color: rgba(0,0,0,.5)
            }

            #content-wrapper.media-room .video-set .video-block .thumb .video-trigger {
                width: 100%;
                height: 100%;
                display: block;
                position: relative;
                z-index: 2;
                background-repeat: no-repeat;
                background-position: center;
                background-image: url(../images/icons/play.png);
                background-size: 128px 128px
            }

                #content-wrapper.media-room .video-set .video-block .thumb .video-trigger:hover {
                    background-image: url(../images/icons/play-hover.png)
                }

                #content-wrapper.media-room .video-set .video-block .thumb .video-trigger:after {
                    content: ' ';
                    background-image: url(../images/icons/play-hover.png)
                }

            #content-wrapper.media-room .video-set .video-block .thumb p {
                margin-bottom: 0;
                font-weight: 500;
                line-height: 22px;
                color: #2d3b4e
            }

    #content-wrapper.media-room .video-set .flex-control-paging {
        bottom: 0
    }

        #content-wrapper.media-room .video-set .flex-control-paging li a {
            width: 14px;
            height: 14px;
            background-color: #002985;
            -moz-opacity: .5;
            -khtml-opacity: .5;
            -webkit-opacity: .5;
            opacity: .5;
            -ms-filter: alpha(opacity=50);
            filter: alpha(opacity=50)
        }

            #content-wrapper.media-room .video-set .flex-control-paging li a.flex-active {
                -moz-opacity: 1;
                -khtml-opacity: 1;
                -webkit-opacity: 1;
                opacity: 1;
                -ms-filter: alpha(opacity=100);
                filter: alpha(opacity=100)
            }

@media screen and (max-width:1100px) {
    #content-wrapper.media-room .video-set {
        margin-bottom: 20px
    }

        #content-wrapper.media-room .video-set .video-block {
            padding-bottom: 22px
        }

            #content-wrapper.media-room .video-set .video-block .thumb {
                height: 191px
            }

                #content-wrapper.media-room .video-set .video-block .thumb .video-trigger {
                    background-size: 96px 96px
                }
}

@media screen and (max-width:939px) {
    #content-wrapper.media-room .video-set {
        margin-bottom: 20px
    }

        #content-wrapper.media-room .video-set .video-block .thumb {
            height: 160px
        }
}

@media screen and (max-width:479px) {
    #content-wrapper.media-room .video-set h2 {
        margin-bottom: 15px;
        font-size: 36px;
        line-height: 40px
    }

    #content-wrapper.media-room .video-set .video-block {
        padding-bottom: 20px
    }
}

#content-wrapper.results .search-label {
    margin-bottom: 5px;
    font-size: 22px;
    font-weight: 300;
    color: #858a8c
}

#content-wrapper.results .search-terms {
    margin-bottom: 40px;
    font-size: 72px;
    font-weight: 300;
    line-height: 72px;
    color: #002985
}

@media screen and (max-width:767px) {
    #content-wrapper.results .search-label {
        font-size: 18px
    }

    #content-wrapper.results .search-terms {
        font-size: 42px;
        line-height: 42px
    }
}

#content-wrapper.results .search-results {
    padding-bottom: 30px
}

    #content-wrapper.results .search-results .result {
        padding: 20px 0 22px;
        border-bottom: 1px solid #e6e6e6
    }

        #content-wrapper.results .search-results .result:last-child {
            border-bottom: none
        }

        #content-wrapper.results .search-results .result h5 {
            margin-bottom: 0;
            font-size: 28px;
            font-weight: 500;
            line-height: 30px
        }

        #content-wrapper.results .search-results .result p {
            margin-bottom: 15px;
            color: #2d3b4e
        }

        #content-wrapper.results .search-results .result a {
            font-size: 16px;
            font-weight: 500
        }

#content-wrapper.results .pagination {
    padding-bottom: 45px;
    text-align: center
}

    #content-wrapper.results .pagination .page-num {
        min-width: 15px;
        display: inline-block;
        vertical-align: top;
        position: relative;
        margin-right: 36px;
        font-family: Arial,sans-serif;
        font-size: 20px;
        color: #929fb2;
        -webkit-transition: all .2s ease-out;
        -moz-transition: all .2s ease-out;
        -o-transition: all .2s ease-out;
        transition: all .2s ease-out
    }

        #content-wrapper.results .pagination .page-num:hover {
            color: #002985;
            text-decoration: none
        }

        #content-wrapper.results .pagination .page-num.active {
            color: #002985
        }

            #content-wrapper.results .pagination .page-num.active:after {
                width: 100%;
                height: 3px;
                display: block;
                content: ' ';
                position: absolute;
                bottom: -4px;
                background-color: #002985
            }

.im-a-client {
    max-width: 100%;
    height: 440px;
    background-color: #f0f2f8;
    background-position: 95% 100%;
    background-repeat: no-repeat;
    padding: 60px;
    padding-top: 45px
}

    .im-a-client h3 {
        color: #0057a3
    }

    .im-a-client .subtitle {
        font-size: 24px;
        font-weight: 700
    }

@media screen and (max-width:767px) {
    .im-a-client {
        max-width: 100%;
        height: 280px;
        background-color: #f0f2f8;
        background-position: 95% 100%;
        background-repeat: no-repeat;
        padding: 0;
        padding-top: 10px;
        padding-right: 50px;
        font-size: 12px
    }

        .im-a-client .btn {
            right: 250px
        }
}

.toggle-cotent {
    background-color: #f0f2f8;
    color: #0057a3;
    padding: 15px;
    font-weight: 600;
    clear: both
}

    .toggle-cotent .hide {
        color: #414042;
        font-size: 18px;
        font-weight: 400
    }

.client-pagetitle h1 {
    padding-top: 50px;
    color: #0057a3;
    font-weight: 500;
    font-size: 40px;
    padding-bottom: 10px
}

.blue-text {
    color: #0057a3;
    font-weight: 400;
    font-size: 36px
}

.menu-buttons {
    clear: both;
    margin-bottom: 0
}

    .menu-buttons img {
        padding: 10px
    }

.menu-button-img {
    width: 33%;
    height: auto;
    clear: both
}

@media screen and (max-width:767px) {
    .menu-button-img {
        width: 100%;
        height: auto;
        clear: both
    }
}

@media screen and (max-width:939px) {
    .menu-button-img {
        width: 100%;
        height: auto;
        clear: both
    }
}

.hide-nav {
    display: none;
    width: 25px;
    height: 25px
}

.show-nav {
    width: 25px;
    height: 25px
}

.hide-nav img {
    width: 25px;
    height: 25px
}

.show-nav img {
    width: 25px;
    height: 25px
}

.contact-form {
    border: 0 solid #000;
    position: relative
}

    .contact-form input[type=text] {
        width: 60%;
        height: 30px;
        margin-bottom: 20px
    }

    .contact-form textarea {
        width: 100%;
        height: 400px;
        margin-bottom: 20px
    }

.contact-submit input[type=submit] {
    background: #1c96ce;
    color: #fff
}

@media screen and (max-width:767px) {
    .contact-form input[type=text] {
        width: 100%;
        height: 30px;
        margin-bottom: 20px
    }

    .contact-submit input[type=submit] {
        background: #1c96ce;
        -webkit-appearance: none;
        color: #fff
    }
}

.slick-dots > li {
    display: inline-block
}

    .slick-dots > li:only-child {
        display: none
    }

.col.left.w50 {
    width: 50% !important;
    padding-right: 0 !important
}

.pages-menu {
    position: relative;
    width: 100%
}

    .pages-menu > li {
        margin: 0 0 20px;
        width: 100%;
        position: static
    }

    .pages-menu li a {
        padding-right: 10px
    }

    .pages-menu li:last-child a, .pages-menu li a {
        margin-bottom: 0 !important
    }

a.arrowRight {
    width: 100%;
    position: relative
}

/*    a.arrowRight:before {
        content: "";
        display: none;
        width: 8px;
        height: 8px;
        position: absolute;
        right: -6px;
        top: 4px;
        border-color: #e6e6e6 #e6e6e6 transparent transparent;
        border-style: solid;
        border-width: 1px;
        margin-left: -8px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        background: #fff
    }
*/
.subpages-menu {
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
    display: none
}

    .subpages-menu > li {
        position: relative;
        margin-left: 30px !important;
        left: 0;
        margin-bottom: 16px;
        display: block
    }

    .currentItem a.arrowRight:before, .subpages-menu.activeLink {
        display: block
    }

.mobile-dropdown li {
    position: relative;
    margin-bottom: 0
}

@media screen and (max-width:899px) {
    .primary li .sub {
        margin-top: 5px
    }
}

.toggleIcon {
    color: #fff;
    background: #34baea;
    position: absolute;
    top: 0;
    right: -14px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 18px;
    font-size: 22px;
    font-family: Raleway,sans-serif;
    border-radius: 2px
}

@media screen and (max-width:899px) {
    .mobile-dropdown li a, .mobile .btn.white {
        width: 96% !important;
        text-align: left
    }
}

.mobile-dropdown-sub li a {
    margin-bottom: 0 !important
}

.mobile-dropdown-sub li {
    margin-left: 10px !important;
    margin-bottom: 5px !important
}

.mobile-dropdown-sub {
    display: none
}

    .mobile-dropdown-sub.open {
        display: block
    }

@media screen and (min-width:900px) {
    .upper .tabs {
        left: 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        margin-left: 30px
    }

        .upper .tabs a {
            font-size: 15px
        }
}

@media screen and (min-width:1200px) {
    .upper .tabs {
        margin-left: 50px
    }
}

.notification-wrap {
    background: #f0f2f8;
    color: #0057a3;
    font-weight: 600;
    display: block
}

.notification-wrap-inner {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 30px;
    height: 70px
}

@media screen and (min-width:1170px) and (max-width:1365px) {
    .notification-wrap-inner {
        height: 90px
    }
}

@media screen and (min-width:1024px) and (max-width:1169px) {
    .notification-wrap-inner {
        height: 90px
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .notification-wrap-inner {
        height: 78px
    }
}

@media screen and (max-width:767px) {
    .notification-wrap-inner {
        height: 82px
    }
}

@media screen and (min-width:540px) and (max-width:639px) {
    .notification-wrap-inner {
        height: 82px
    }
}

@media screen and (max-width:539px) {
    .notification-wrap-inner {
        height: 84px
    }
}

@media screen and (max-width:399px) {
    .notification-wrap-inner {
        height: 100px
    }
}

@media screen and (max-width:359px) {
    .notification-wrap-inner {
        height: 104px
    }
}

@media (max-width:767px) {
    .notification-wrap-inner {
        padding: 10px
    }
}

.notification-wrap-content {
    width: calc(100% - 70px)
}

.notification-wrap .slick-dots li button {
    width: 10px;
    height: 10px;
    background: rgba(0,0,0,.15);
    border-radius: 50%
}

    .notification-wrap .slick-dots li button:before {
        display: none
    }

.notification-wrap .slick-dots li.slick-active button {
    background: #0057a3
}

.notification-wrap p {
    margin-bottom: 0
}

.notification-wrap a {
    color: #0057a3
}

    .notification-wrap a.ntft-close {
        width: 16px;
        height: 16px
    }

        .notification-wrap a.ntft-close img {
            width: 16px
        }

.notification-icon img {
    width: 20px
}

.notification-wrap .centre {
    height: auto
}

@media screen and (max-width:359px) {
    .notification-wrap .centre {
        min-width: 100%
    }
}

.slick-dots {
    bottom: -32px
}

.upper .secondary li:first-child {
    border-right: none;
    padding-right: 0
}

    .upper .secondary li:first-child a {
        padding: 0 20px;
        border: 1px solid #fff;
        border-radius: 50px
    }

        .upper .secondary li:first-child a.search-trigger {
            padding: 0
        }

@media screen and (max-width:1175px) and (min-width:940px) {
    .btn.padSm {
        width: auto
    }
}

.btn.padSm {
    padding: 0 30px
}

@media (max-width:767px) {
    .sub-footer .col img {
        margin-bottom: 20px
    }

    .centre.addFlex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .centre.addFlex .col.left {
            -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2
        }

        .centre.addFlex .col.right {
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1
        }
}

@media screen and (min-width:899px) {
    .leftLink {
        position: relative
    }

        .leftLink:after {
            right: -38px;
            content: " ";
            height: 12px;
            width: 12px;
            position: absolute;
            pointer-events: none;
            border-color: red red transparent transparent;
            border-style: solid;
            border-width: 1px;
            margin-left: -10px;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            background: #fff
        }

    .subdropdown {
        position: absolute;
        right: calc(50% - 120px);
        opacity: 0;
        top: 0
    }

    header a:hover .subdropdown {
        opacity: 1
    }
}

.messageNotification, .clientMessageNotification {
    position: relative
}

    .messageNotification:before, .clientMessageNotification:before {
        background: rgba(0,0,0,.15);
        content: "";
        display: block;
        width: 40px;
        height: 50px;
        position: absolute;
        left: -8px;
        top: -14px;
        opacity: 0
    }

    .messageNotification:hover:before, .clientMessageNotification:hover:before {
        opacity: 1
    }

.notification-caount {
    background: red;
    width: 16px;
    height: 16px;
    color: #fff;
    line-height: 16px;
    position: absolute;
    top: -10px;
    right: -10px;
    border-radius: 50%;
    text-align: center;
    font-size: 10px;
    font-weight: 700;
    padding: 1px
}

@media screen and (max-width:1099px) and (min-width:900px) {
    .primary li.optionlist {
        left: 0 !important
    }
}

.flexmenu .col.left, .flexmenu .col.right {
    width: 50% !important
}

.optionlist {
    background: 0 0;
    border: none;
    margin: 0 0 20px !important;
    width: 100%;
    font-size: 16px;
    color: #0057a3;
    font-weight: 400;
    text-align: left;
    position: relative
}

    .optionlist.active:after {
        content: "";
        display: block;
        width: 8px;
        height: 8px;
        position: absolute;
        left: calc(100% + 25px);
        top: 4px;
        border-color: #e6e6e6 #e6e6e6 transparent transparent;
        border-style: solid;
        border-width: 1px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        background: #fff
    }

    .optionlist:active, .optionlist:focus, .optionlist:hover {
        outline: none
    }

.submenuoptions {
    float: right
}

.footer-phone {
    color: #fff;
    font-size: 19px
}

    .footer-phone a {
        color: #fff;
        font-size: 34px;
        text-decoration: none
    }

        .footer-phone a:hover {
            color: #fff
        }

.sign-modal {
    display: none;
    position: fixed;
    z-index: 10000;
    padding-top: 50px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000;
    background-color: rgba(0,0,0,.4)
}

.sign-modal-content {
    position: relative;
    background: #232d59;
    margin: auto;
    padding: 60px;
    border: 1px solid #888;
    width: 735px;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: .4s;
    animation-name: animatetop;
    animation-duration: .4s
}

@media (max-width:767px) {
    .sign-modal-content {
        width: 90%
    }

        .sign-modal-content .modal-dialog {
            margin-top: 50px
        }
}

.sign-modal-content .sign-close:after, .sign-modal-content .sign-close:before {
    background: #fff
}

.sign-modal-content p {
    color: #fff;
    margin-bottom: 0
}

.sign-modal-content h2 {
    color: #fff;
    font-size: 47px !important;
    font-weight: 500
}

@media (min-width:1024px) {
    .sign-modal-content h2 {
        font-size: 56px
    }
}

@media (max-width:767px) {
    .sign-modal-content h2 {
        font-size: 34px
    }
}

.sign-modal-content .bottom-area p {
    color: #fff;
    margin-bottom: 0;
    font-weight: 500
}

    .sign-modal-content .bottom-area p a {
        text-decoration: underline !important
    }

        .sign-modal-content .bottom-area p a:hover {
            color: #00aeef;
            text-decoration: none !important
        }

.sign-modal-content h5 {
    font-weight: 400;
    word-wrap: break-word
}

@media (max-width:767px) {
    .sign-modal-content {
        padding: 40px 20px 20px
    }
}

.sign-modal-content .form-section h5 {
    margin-bottom: 10px
}

    .sign-modal-content .form-section h5 strong {
        margin-right: 10px;
        top: 5px;
        position: relative
    }

.sign-modal-content .form-group label {
    color: #fff;
    font-weight: 400;
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-size: 14px
}

.sign-modal-content .form-control {
    height: 36px;
    width: 100%;
    padding: 6px 12px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc
}

.sign-modal-content .hint-bottom-text {
    font-size: 12px;
    margin-top: 6px;
    margin-bottom: 0
}

    .sign-modal-content .hint-bottom-text label a {
        color: #fff;
        -webkit-transition: all .3s ease;
        transition: all .3s ease
    }

.sign-modal-content .text-cyan {
    color: #00aeef
}

.sign-modal-content .text-uppercase {
    text-transform: uppercase
}

.sign-modal-content .help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #dc3545;
    font-size: 12px
}

.sign-modal-content .error-field {
    border: 1px solid #dc3545 !important
}

.sign-modal-content .url-input {
    width: 360px;
    height: 36px;
    border: 1px solid #d3d6db;
    border-radius: 0
}

@media (max-width:1024px) {
    .sign-modal-content .url-input {
        width: 270px
    }
}

@media (max-width:767px) {
    .sign-modal-content .url-input {
        width: 100%
    }
}

.sign-modal-content .sign-close {
    color: #fff;
    font-size: 28px;
    font-weight: 700;
    position: absolute;
    top: 10px;
    right: 30px
}

    .sign-modal-content .sign-close:focus, .sign-modal-content .sign-close:hover {
        text-decoration: none;
        cursor: pointer
    }

.sign-row {
    width: 100%;
    margin-left: -15px;
    margin-right: -15px
}

    .sign-row:after, .sign-row:before {
        content: " ";
        display: table
    }

    .sign-row:after {
        clear: both
    }

    .sign-row .sign-col {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        float: left;
        width: 50%
    }

@media (max-width:767px) {
    .sign-row .sign-col {
        width: 100%
    }
}

.sign-modal-header {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: #fff
}

.sign-modal-body {
    padding: 2px 16px
}

.sign-modal-footer {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: #fff
}

@media screen and (min-width:1440px) {
    #slideshow .slides li .centre .align.loginFormSlide {
        padding: 20px 30px;
        -webkit-transform: translateY(-54%);
        transform: translateY(-54%)
    }
}

@media screen and (max-width:1439px) and (min-width:1101px) {
    #slideshow .slides li .centre .align.loginFormSlide {
        padding: 20px 30px 0;
        -webkit-transform: translateY(-54%);
        transform: translateY(-54%)
    }
}

@media screen and (max-width:1100px) and (min-width:940px) {
    #slideshow .slides li .centre .align.loginFormSlide {
        padding: 20px 30px 0;
        -webkit-transform: translateY(-54%);
        transform: translateY(-54%)
    }
}

@media screen and (max-width:1100px) and (min-width:940px) {
    #slideshow.loginSliderForm {
        height: 500px
    }
}

.slider-loginForm a {
    width: auto !important;
    display: inline-block
}

    .slider-loginForm a.btn {
        padding: 0 30px !important;
        height: 36px !important;
        line-height: 36px !important
    }

.slider-loginForm .forgot-wrap {
    position: relative
}

    .slider-loginForm .forgot-wrap .forgot-text {
        font-size: 14px;
        font-weight: 600;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 26px
    }

.loginForm-box {
    margin-bottom: 10px
}

    .loginForm-box label {
        display: block;
        width: 100%;
        font-size: 14px;
        font-weight: 500
    }

    .loginForm-box input {
        width: 100%;
        height: 36px
    }

@media screen and (max-width:767.98px) {
    footer .top {
        height: auto !important
    }
}

@media screen and (max-width:399.98px) {
    footer .disclaimer {
        height: auto;
        padding-bottom: 10px
    }
}

.newsletter.newssliderText .newsletter-wrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left
}

.newsLetterSlider {
    width: 100% !important
}

.newsletter.newssliderText .newsletter-wrap {
    font-size: 16px;
    color: #fff;
    padding: 20px 40px;
    height: 150px
}

    .newsletter.newssliderText .newsletter-wrap .newsSlide-item {
        height: 70px !important;
        -ms-flex-align: center;
        align-items: center
    }

@media screen and (min-width:1024px) and (max-width:1170px) {
    .newsletter.newssliderText .newsletter-wrap .newsSlide-item {
        height: 90px !important
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .newsletter.newssliderText .newsletter-wrap .newsSlide-item {
        height: 90px !important
    }
}

@media screen and (max-width:767px) {
    .newsletter.newssliderText .newsletter-wrap .newsSlide-item {
        height: 90px !important
    }
}

@media screen and (min-width:540px) and (max-width:639px) {
    .newsletter.newssliderText .newsletter-wrap .newsSlide-item {
        height: 90px !important
    }
}

@media screen and (max-width:539px) {
    .newsletter.newssliderText .newsletter-wrap .newsSlide-item {
        height: 160px !important
    }
}

@media screen and (max-width:359px) {
    .newsletter.newssliderText .newsletter-wrap .newsSlide-item {
        height: 180px !important
    }
}

@media screen and (min-width:1024px) and (max-width:1170px) {
    .newsletter.newssliderText .newsletter-wrap {
        height: 170px
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .newsletter.newssliderText .newsletter-wrap {
        height: 170px
    }
}

@media screen and (max-width:767px) {
    .newsletter.newssliderText .newsletter-wrap {
        height: 180px;
        padding: 20px;
        margin-top: 10px
    }
}

@media screen and (min-width:540px) and (max-width:639px) {
    .newsletter.newssliderText .newsletter-wrap {
        height: 180px
    }
}

@media screen and (max-width:539px) {
    .newsletter.newssliderText .newsletter-wrap {
        height: 260px
    }
}

@media screen and (max-width:359px) {
    .newsletter.newssliderText .newsletter-wrap {
        height: 280px
    }
}

.newsletter.newssliderText .newsletter-wrap p {
    margin-bottom: 0
}

.newsletter.newssliderText .newsletter-wrap a {
    color: #fff
}

.newsletter.newssliderText .newsletter-wrap .slick-slide, .newsletter.newssliderText .newsletter-wrap .slick-slide:focus {
    outline: none
}

.newsletter.newssliderText .newsletter-wrap .slick-track {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .newsletter.newssliderText .newsletter-wrap .slick-track:focus {
        outline: none
    }

.newsletter.newssliderText .newsletter-wrap .slick-dots li button {
    width: 10px;
    height: 10px;
    background: #c3c3c3;
    border-radius: 50%
}

    .newsletter.newssliderText .newsletter-wrap .slick-dots li button:before {
        display: none
    }

.newsletter.newssliderText .newsletter-wrap .slick-dots li.slick-active button {
    background: #fff
}

.fullNewsSlider.newsletter .centre {
    max-width: 100%;
    padding: 0
}

    .fullNewsSlider.newsletter .centre .newsletter-wrap {
        margin-top: 30px
    }

.slideshow-container {
    width: 100%;
    max-width: 100%;
    position: relative;
    margin: auto;
    overflow: hidden
}

.fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s
}

@-webkit-keyframes fade {
    0% {
        opacity: .4
    }

    to {
        opacity: 1
    }
}

@keyframes fade {
    0% {
        opacity: .4
    }

    to {
        opacity: 1
    }
}

@media only screen and (max-width:300px) {
    .text {
        font-size: 11px
    }
}

#what-we-offer .grey {
    background-color: #f0f2f8
}

    #what-we-offer .grey .btn.blue {
        background: #1c96ce;
        color: #fff
    }

#what-we-offer .blue {
    background-color: #0057a3 !important;
    color: #fff
}

.js-login-submit {
    min-width: 186px;
}

.js-create-new-account {
    min-width: 186px;
}

#what-we-offer .blue {
    background-color: #0057a3 !important;
    color: #fff
}

    #what-we-offer .blue h3 {
        color: #fff
    }

    #what-we-offer .blue .btn.blue {
        background: #1c96ce !important;
        color: #fff
    }

.modal.toSPopup {
    display: none;
    position: fixed;
    padding: 50px 0;
    left: 0;
    top: 0;
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    background-color: #000;
    background-color: rgba(0,0,0,.4);
    margin: auto
}

    .modal.toSPopup .modal-content {
        -webkit-transform: translateY(0) !important;
        transform: translateY(0) !important
    }

.toSPopup .custom-modal {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: .4s;
    animation-name: animatetop;
    animation-duration: .4s;
    width: 900px;
    max-width: 96%;
    border-radius: 10px
}

.toSPopup .modal-body {
    background: #eff1f7;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
    padding: 60px;
    z-index: 5;
    color: #3b3b3b;
    font-size: 14px
}

@media (max-width:539px) {
    .toSPopup .modal-body {
        padding: 60px 20px
    }
}

.toSPopup .custom-modal .modal-body h5 {
    font-weight: 400;
    color: #0054a3;
    font-size: 25px
}

.toSPopup .custom-modal .modal-body p {
    font-size: 20px;
    margin: 0 0 10px
}

.toSPopup .custom-modal .modal-body li {
    font-size: 14px;
    font-weight: 400;
}

.toSPopup .custom-modal .modal-body a {
    color: #337ab7;
    text-decoration: none
}

    .toSPopup .custom-modal .modal-body a:focus, .toSPopup .custom-modal .modal-body a:hover {
        color: #23527c
    }

.toSPopup .custom-modal .modal-body .checkbox label, .toSPopup .custom-modal .modal-body .radio label {
    min-height: 20px;
    padding-left: 20px;
    font-weight: 400;
    cursor: pointer;
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

#popUpVisible {
    overflow: hidden
}

@-webkit-keyframes animatetop {
    0% {
        top: -300px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

@keyframes animatetop {
    0% {
        top: -300px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

.toSPopup .custom-close {
    cursor: pointer;
    position: absolute;
    right: 30px;
    top: 30px;
    width: 25px;
    height: 25px;
    z-index: 6;
    opacity: 1
}

@media (max-width:1024px) {
    .toSPopup .custom-close {
        top: 20px;
        right: 20px
    }
}

.toSPopup .custom-close:hover {
    opacity: .8
}

.toSPopup .custom-close:after, .toSPopup .custom-close:before {
    position: absolute;
    left: 15px;
    content: " ";
    height: 17px;
    width: 2px;
    background-color: #232d59
}

.toSPopup .custom-close:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.toSPopup .custom-close:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.toSPopup .custom-close:after, .toSPopup .custom-close:before {
    background: #232d59
}

.toSPopup .custom-close {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

@-webkit-keyframes custom-close {
    15% {
        -webkit-transform: translateX(5px);
        transform: translateX(5px)
    }

    30% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }

    50% {
        -webkit-transform: translateX(3px);
        transform: translateX(3px)
    }

    65% {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px)
    }

    80% {
        -webkit-transform: translateX(2px);
        transform: translateX(2px)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes custom-close {
    15% {
        -webkit-transform: translateX(5px);
        transform: translateX(5px)
    }

    30% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }

    50% {
        -webkit-transform: translateX(3px);
        transform: translateX(3px)
    }

    65% {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px)
    }

    80% {
        -webkit-transform: translateX(2px);
        transform: translateX(2px)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.toSPopup .custom-close:hover {
    -webkit-animation: custom-close 1s ease;
    animation: custom-close 1s ease;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.dis_mode {
    opacity: .25;
    pointer-events: none
}

    .dis_mode:after {
        content: " ";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 250;
        background-color: grey;
        opacity: 0
    }

.new-custom-btn {
    min-width: 170px;
    background: #00aeef;
    display: inline-block;
    color: #fff !important;
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    padding: 14px 20px;
    border: 2px solid #00aeef;
    border-radius: 60px;
    margin-right: 20px;
    margin-bottom: 30px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

@media (max-width:1024px) {
    .new-custom-btn {
        min-width: 130px;
        font-weight: 500
    }
}

.new-custom-btn:focus {
    color: #fff
}

@media (max-width:1024px) {
    .new-custom-btn {
        padding: 10px 16px;
        font-size: 16px;
        margin-right: 10px;
        margin-bottom: 10px
    }
}

.new-custom-btn.small-btn {
    padding: 5px 25px;
    font-size: 17px
}

.new-custom-btn:hover {
    background: #1b82c7;
    color: #fff;
    border-color: #1b82c7
}

.btn-group .new-custom-btn {
    margin-bottom: 0
}

    .btn-group .new-custom-btn:last-child {
        margin-right: 0
    }

@media (max-width:767px) {
    .btn-group.bottom-gutter .new-custom-btn {
        margin-bottom: 15px
    }
}

@media screen and (max-width:939px) and (min-width:768px) {
    #what-we-offer .base.optTags .col {
        width: calc(50% - 25px) !important
    }
}

@media (min-width:940px) {
    .optTags .col.left, .optTags .col.right {
        width: calc(50% - 25px) !important
    }

        .optTags .col.left h4, .optTags .col.right h4 {
            max-width: 100% !important
        }

    .optTags .col.left {
        margin-right: 50px
    }
}

@media screen and (max-width:767px) {
    .im-a-client {
        height: auto
    }
}

.sub-footer {
    padding: 60px 0
}

@media screen and (max-width:767px) {
    .sub-footer {
        padding: 30px 0
    }
}

.text-center {
    text-align: center !important
}

.sub-footer .col img {
    margin: auto
}

#what-we-offer .base .col.right h4 {
    color: #205caa
}

.qick-links-mobile {
    margin: 50px auto
}

    .qick-links-mobile h4 {
        margin: 0 0 15px;
        color: #0057a3;
        font-size: 47px;
        font-weight: 700;
        text-transform: uppercase;
        line-height: 1;
        letter-spacing: -.02em
    }

        .qick-links-mobile h4 span {
            font-size: 30px;
            font-weight: 300
        }

@media screen and (min-width:1024px) {
    .qick-links-mobile {
        display: none
    }
}

.qick-links-mobile select {
    width: 100%
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .qick-links-mobile select {
        margin-bottom: 30px
    }
}

@media (min-width:768px) and (max-width:939px) {
    footer .content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media (min-width:768px) {
    footer .content .col {
        width: 280px
    }
}

@media (min-width:940px) {
    footer .content .col {
        width: 300px
    }
}

@media (min-width:768px) {
    footer .content .col.last {
        width: 400px;
        margin-left: 0
    }
}

@media (min-width:940px) {
    footer .content .col.last {
        width: 400px;
        margin-left: calc(100% - 900px)
    }
}

#content-wrapper .banner.banner-wrap {
    height: auto
}

@media screen and (max-width:939px) and (min-width:768px) {
    #content-wrapper .banner.banner-wrap {
        min-height: 100px;
        height: auto
    }
}

@media screen and (max-width:1100px) and (min-width:940px) {
    #content-wrapper .banner.banner-wrap {
        min-height: 120px;
        height: auto
    }
}

@media screen and (max-width:1440px) and (min-width:1101px) {
    #content-wrapper .banner.banner-wrap {
        min-height: 300px;
        height: auto
    }
}

#content-wrapper .banner.banner-wrap .bg {
    background-image: url(../images/banners/product-summary-blue-bg.jpg);
    background-color: #1c96ce;
    min-height: 300px
}

@media screen and (max-width:767px) {
    #content-wrapper .banner.banner-wrap .bg {
        min-height: 100%;
        height: 100%;
        background-position: 100% 0;
        position: absolute
    }
}

@media screen and (max-width:939px) and (min-width:768px) {
    #content-wrapper .banner.banner-wrap .bg {
        min-height: 100px;
        background-position: 100% 0
    }
}

@media screen and (max-width:1100px) and (min-width:940px) {
    #content-wrapper .banner.banner-wrap .bg {
        min-height: 120px;
        background-position: 100% 0
    }
}

@media screen and (max-width:1440px) and (min-width:1101px) {
    #content-wrapper .banner.banner-wrap .bg {
        min-height: 300px
    }
}

@media screen and (max-width:939px) and (min-width:768px) {
    #content-wrapper .banner.banner-wrap h1 {
        max-width: 100%
    }
}

@media screen and (max-width:767px) {
    #content-wrapper .banner.banner-wrap h1 {
        color: #fff
    }
}

@media screen and (max-width:1100px) and (min-width:940px) {
    #content-wrapper .banner.banner-wrap p {
        max-width: 100%
    }
}

@media screen and (max-width:939px) and (min-width:768px) {
    #content-wrapper .banner.banner-wrap p {
        max-width: 100%
    }
}

@media screen and (max-width:767px) {
    #content-wrapper .banner.banner-wrap p {
        color: #fff
    }
}

@media screen and (max-width:767px) {
    #content-wrapper .banner.banner-wrap .centre .align {
        padding: 20px
    }
}

@media screen and (max-width:939px) and (min-width:768px) {
    #content-wrapper .banner.banner-wrap .centre .align {
        padding: 25px
    }
}

@media screen and (max-width:1100px) and (min-width:940px) {
    #content-wrapper .banner.banner-wrap .centre .align {
        padding: 50px 30px
    }
}

@media screen and (max-width:1440px) and (min-width:1101px) {
    #content-wrapper .banner.banner-wrap .centre .align {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

#content-wrapper .banner.banner-wrap.grey-bg .bg {
    background-image: url(../images/banners/product-summary-grey-bg.jpg);
    background-color: #f4f5f6
}

#content-wrapper .banner.banner-wrap.grey-bg h1 {
    color: #0053a7;
    font-weight: 400
}

#content-wrapper .banner.banner-wrap.grey-bg p {
    color: #505969;
    font-weight: 400
}

#content-wrapper .banner.banner-wrap.white-bg {
    margin-bottom: 20px;
    height: auto
}

@media screen and (max-width:939px) and (min-width:768px) {
    #content-wrapper .banner.banner-wrap.white-bg {
        height: auto
    }
}

@media screen and (max-width:1100px) and (min-width:940px) {
    #content-wrapper .banner.banner-wrap.white-bg {
        height: auto
    }
}

@media screen and (max-width:1440px) and (min-width:1101px) {
    #content-wrapper .banner.banner-wrap.white-bg {
        height: auto
    }
}

#content-wrapper .banner.banner-wrap.white-bg .bg {
    background-image: none;
    background-color: #fcfcfc;
    height: auto
}

@media screen and (max-width:767px) {
    #content-wrapper .banner.banner-wrap.white-bg .bg {
        height: auto;
        background-position: 100% 0;
        position: absolute
    }
}

@media screen and (max-width:939px) and (min-width:768px) {
    #content-wrapper .banner.banner-wrap.white-bg .bg {
        height: auto;
        background-position: 100% 0
    }
}

@media screen and (max-width:1100px) and (min-width:940px) {
    #content-wrapper .banner.banner-wrap.white-bg .bg {
        height: auto;
        background-position: 100% 0
    }
}

@media screen and (max-width:1440px) and (min-width:1101px) {
    #content-wrapper .banner.banner-wrap.white-bg .bg {
        height: auto
    }
}

#content-wrapper .banner.banner-wrap.white-bg h1 {
    color: #0053a7;
    font-weight: 400;
    max-width: 100%
}

#content-wrapper .banner.banner-wrap.white-bg p {
    color: #505969;
    font-weight: 400;
    max-width: 100%
}

#content-wrapper.product-summary .cell {
    width: 100%;
    margin: 0 0 40px
}

.banner-btn {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

@media screen and (max-width:1023px) {
    .banner-btn {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.banner-btn .btn {
    margin-right: 20px
}

@media screen and (max-width:939px) {
    .banner-btn .btn {
        width: auto
    }
}

@media screen and (max-width:440px) {
    .banner-btn .btn {
        margin-right: 0
    }
}

@media screen and (max-width:1175px) and (min-width:940px) {
    .banner-btn .btn {
        width: auto
    }
}

@media screen and (max-width:1199px) and (min-width:1024px) {
    .banner-btn .btn {
        padding: 0 40px
    }
}

.banner-btn-bordered {
    margin-right: 80px
}

@media screen and (max-width:1023px) {
    .banner-btn-bordered {
        margin-right: 0
    }
}

.white.bordered {
    background: 0 0
}

    .white.bordered.text-white {
        color: #fff
    }

.panelTitle {
    padding: 20px 20px 16px;
    border-bottom: 1px solid rgba(0,0,0,.2);
    font-size: 26px;
    font-weight: 500;
    color: #2e3b4e;
    line-height: 23px;
    position: relative
}

    .panelTitle span {
        font-size: 17px;
        color: #505969;
        display: block
    }

    .panelTitle:after {
        content: "\002B";
        color: #777;
        font-weight: 700;
        position: absolute;
        top: calc(50% - 15px);
        right: 21px;
        width: 30px;
        height: 30px;
        border: 1px solid #d6d6d6;
        border-radius: 50%;
        text-align: center;
        line-height: 30px
    }

    .panelTitle.active {
        background: #faf8f8;
        border-bottom: 1px solid transparent
    }

        .panelTitle.active:after {
            content: "\2212"
        }

.panelBody {
    background: #faf8f8;
    padding: 20px
}

.accordion-body, .accordion-header {
    background: #fff
}

.accordion-header {
    padding: 20px 20px 16px;
    border-bottom: 1px solid rgba(0,0,0,.2);
    font-size: 26px;
    font-weight: 500;
    color: #2e3b4e;
    line-height: 23px;
    position: relative;
    background: #fcfcfc;
    width: 100%;
    text-align: left;
    border: none;
}

    .accordion-header p {
        margin: 0 !important;
        width: calc(100% - 40px);
        line-height: 1
    }

    .accordion-header span {
        font-size: 17px;
        color: #505969;
        display: block;
        width: calc(100% - 40px)
    }

.accordion__item .accordion__item {
    border-bottom: 1px solid rgba(0,0,0,.08)
}

.accordion-header:hover {
    background: #faf8f8;
    position: relative;
    z-index: 5
}

.accordion-body {
    background: #fcfcfc;
    color: #505969;
    /*display: none*/
}

    .accordion-body.active {
        display: block
    }

.accordion-body__contents {
    padding: .85rem 1.5em 1.5em;
    font-size: 18px;
    background: #faf8f8;
    color: #505969
}

    .accordion-body__contents h4 {
        font-size: 18px !important;
        color: #2d3b4e;
        margin-top: 30px;
        font-weight: 600
    }

    .accordion-body__contents p {
        color: #505969
    }

@media screen and (max-width:767px) {
    .accordion-body__contents iframe {
        width: 100% !important
    }
}

@media screen and (max-width:539px) {
    .accordion-body__contents iframe {
        width: 100% !important;
        height: auto !important
    }
}

.accordion__item.active:last-child .accordion-header {
    border-radius: 0
}

.accordion:first-child > .accordion__item > .accordion-header {
    border-bottom: 1px solid transparent
}

.accordion__item > .accordion-header:before {
    content: "";
    display: block;
    background: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #d6d6d6;
    position: absolute;
    top: calc(50% - 15px);
    right: 20px
}

@media (max-width:359px) {
    .accordion__item > .accordion-header:before {
        right: 10px
    }
}

.accordion__item.js-accordion-item-always > .accordion-header:before {
    display: none
}

.accordion__item > .accordion-header:after {
    content: "";
    font-size: 1.2em;
    -webkit-transition: all .3s;
    transition: all .3s;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    border: solid #0053a7;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    position: absolute;
    top: calc(50% - 2px);
    right: 31px
}

@media (max-width:359px) {
    .accordion__item > .accordion-header:after {
        right: 21px
    }
}

.accordion__item.js-accordion-item-always > .accordion-header:after {
    display: none
}

.accordion__item.open > .accordion-header:after {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    top: calc(50% - 6px)
}

.accordion__item > .accordion-header.active.js-accordion-header-always:after, .accordion__item > .accordion-header.active.js-accordion-header-always:before {
    opacity: .2
}

.accordion__item.open .accordion-header {
    background: #faf8f8
}

.accordion__item .accordion__item .accordion-header {
    background: #f1f1f1;
    color: #353535
}

@media screen and (max-width:1000px) {
    .accordion {
        width: 100%
    }
}

#msgNotificationCountMobile {
    position: absolute;
    top: calc(50% - 8px);
    right: calc(50% - 56px);
    margin-top: -8px;
    width: 24px !important;
    height: 24px !important;
    display: block;
    background-color: red !important;
    border-radius: 50%;
    font-weight: 700;
    text-align: center;
}

.msg-notification-count {
    display: none
}

@media (max-width:1023px) {
    .msg-notification-count {
        position: absolute;
        top: calc(50% - 4px);
        right: 50px;
        margin-top: -8px;
        width: 24px;
        height: 24px;
        display: block;
        background: red;
        border-radius: 50%;
        color: #fff;
        font-weight: 700;
        text-align: center;
        line-height: 18px
    }
}

@media (max-width:1023px) {
    .msg-notification-count.in-hamburger {
        font-size: 14px;
        width: 20px;
        height: 20px;
        line-height: 14px
    }
}

.message-center .btn-selection {
    min-width: 100px;
    min-height: 20px;
    border-radius: 20px;
    background: #fdecde;
    display: inline-block;
    font-size: 9px;
    color: #f0994e;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 20px;
    padding: 3px 20px;
    text-decoration: none;
    margin: 0 5px 5px 0;
    position: relative;
    overflow: hidden;
    border: 2px solid hsla(0,0%,100%,0)
}

    .message-center .btn-selection span {
        position: absolute;
        top: 2px;
        right: 10px;
        font-weight: 400
    }

    .message-center .btn-selection:hover {
        background: #fce6d2;
        color: #f0994e
    }

    .message-center .btn-selection:focus {
        background: #fdf2e8;
        color: #f0994e;
        outline: none
    }

    .message-center .btn-selection:active {
        background: #fce6d2;
        color: #ed8022;
        z-index: 2
    }

        .message-center .btn-selection:active:after {
            content: "";
            display: block;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background: #fad9bc;
            position: absolute;
            top: -5px;
            left: calc(50% - 20px);
            z-index: -1
        }

    .message-center .btn-selection.active {
        background: #fce6d2;
        color: #f4b37a;
        border: 2px solid #f4b37a
    }

        .message-center .btn-selection.active span {
            font-weight: 600
        }

    .message-center .btn-selection.blue {
        background: #e2f4fc;
        color: #64c3ee
    }

        .message-center .btn-selection.blue:hover {
            background: #d8f0fb;
            color: #64c3ee
        }

        .message-center .btn-selection.blue:focus {
            background: #ebf8fd;
            color: #64c3ee;
            outline: none
        }

        .message-center .btn-selection.blue:active {
            background: #d8f0fb;
            color: #3eb5ea;
            z-index: 2
        }

            .message-center .btn-selection.blue:active:after {
                content: "";
                display: block;
                width: 40px;
                height: 40px;
                border-radius: 50%;
                background: #c4e9f9;
                position: absolute;
                top: -5px;
                left: calc(50% - 20px);
                z-index: -1
            }

        .message-center .btn-selection.blue.active {
            background: #d8f0fb;
            color: #3eb5ea;
            border: 2px solid #8bd2f2
        }

            .message-center .btn-selection.blue.active span {
                font-weight: 600
            }

    .message-center .btn-selection.green {
        background: #d9f0e6;
        color: #33ab79
    }

        .message-center .btn-selection.green:hover {
            background: #cceadd;
            color: #33ab79
        }

        .message-center .btn-selection.green:focus {
            background: #e5f4ee;
            color: #33ab79;
            outline: none
        }

        .message-center .btn-selection.green:active {
            background: #e5f4ee;
            color: #019758;
            z-index: 2
        }

            .message-center .btn-selection.green:active:after {
                content: "";
                display: block;
                width: 40px;
                height: 40px;
                border-radius: 50%;
                background: #cceadd;
                position: absolute;
                top: -5px;
                left: calc(50% - 20px);
                z-index: -1
            }

        .message-center .btn-selection.green.active {
            background: #e5f4ee;
            color: #019758;
            border: 2px solid #66c09a
        }

            .message-center .btn-selection.green.active span {
                font-weight: 600
            }

    .message-center .btn-selection.red, .message-center .btn-selection.red:hover {
        background: #fdd9e0;
        color: #f4375c
    }

        .message-center .btn-selection.red:focus {
            background: #fee5ea;
            color: #f4375c;
            outline: none
        }

        .message-center .btn-selection.red:active {
            background: #fee5ea;
            color: #f65c7a;
            z-index: 2
        }

            .message-center .btn-selection.red:active:after {
                content: "";
                display: block;
                width: 40px;
                height: 40px;
                border-radius: 50%;
                background: #fdcdd6;
                position: absolute;
                top: -5px;
                left: calc(50% - 20px);
                z-index: -1
            }

        .message-center .btn-selection.red.active {
            background: #fee5ea;
            color: #f4375c;
            border: 2px solid #f4375c
        }

            .message-center .btn-selection.red.active span {
                font-weight: 600
            }

    .message-center .btn-selection.diabled, .message-center .btn-selection.diabled:focus, .message-center .btn-selection.diabled:hover {
        background: #e6e8ea !important;
        color: #c1c4ca !important
    }

        .message-center .btn-selection.diabled:focus {
            outline: none
        }

        .message-center .btn-selection.diabled:active {
            background: #e6e8ea !important;
            color: #c1c4ca !important;
            z-index: 2
        }

            .message-center .btn-selection.diabled:active:after {
                content: "";
                display: none;
                width: 40px;
                height: 40px;
                border-radius: 50%;
                background: #fdcdd6;
                position: absolute;
                top: -5px;
                left: calc(50% - 20px);
                z-index: -1
            }

        .message-center .btn-selection.diabled.active {
            background: #e6e8ea !important;
            color: #c1c4ca !important;
            border: 2px solid #c1c4ca !important
        }

            .message-center .btn-selection.diabled.active span {
                font-weight: 600
            }

.message-center.mainWrap {
    min-height: calc(100vh - 144px);
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width:767px) {
    .message-center.mainWrap {
        text-align: center;
        min-height: calc(100vh - 40px)
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .message-center .centre {
        padding: 0 30px
    }
}

@media screen and (max-width:767px) {
    .message-center .centre {
        padding: 60px 30px
    }
}

.message-center h2 {
    font-size: 36px;
    color: #0053a7;
    line-height: 1.2
}

@media screen and (min-width:768px) {
    .message-center h2 {
        font-size: 46px;
        margin-bottom: 30px
    }
}

.message-center p.welcome {
    font-size: 14px;
    width: 300px;
    max-width: 100%
}

    .message-center p.welcome.mb-0 {
        margin-bottom: 0
    }

@media screen and (max-width:767px) {
    .message-center p.welcome.mb-0 {
        margin: auto
    }
}

.message-center .switch-box .switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 22px;
    z-index: 1
}

    .message-center .switch-box .switch input {
        opacity: 0;
        width: 0;
        height: 0
    }

.message-center .switch-box .switch-dot {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #dadcdf;
    -webkit-transition: .4s;
    transition: .4s
}

    .message-center .switch-box .switch-dot:before {
        position: absolute;
        content: "";
        height: 16px;
        width: 16px;
        left: 3px;
        bottom: 3px;
        background-color: #fff;
        -webkit-transition: .4s;
        transition: .4s;
        z-index: 1
    }

    .message-center .switch-box .switch-dot:after {
        position: absolute;
        content: "";
        height: 36px;
        width: 36px;
        left: -7px;
        top: calc(50% - 18px);
        background-color: #f2f6fb;
        -webkit-transition: .4s;
        transition: .4s;
        z-index: -1;
        border-radius: 50%;
        opacity: 0
    }

.message-center .switch-box .switch:hover .switch-dot:after {
    opacity: 1
}

.message-center .switch-box input:checked + .switch-dot {
    background-color: #0053a7
}

.message-center .switch-box input:disabled + .switch-dot {
    background-color: #dadcdf
}

.message-center .switch-box input:disabled:checked + .switch-dot {
    background-color: #0053a7;
    opacity: .5
}

.message-center .switch-box input:focus + .switch-dot {
    -webkit-box-shadow: 0 0 2px #0053a7;
    box-shadow: 0 0 2px #0053a7
}

.message-center .switch-box input:checked + .switch-dot:after, .message-center .switch-box input:checked + .switch-dot:before {
    -webkit-transform: translateX(17px);
    transform: translateX(17px)
}

.message-center .switch-box input:checked + .switch-dot:after {
    background-color: #e5edf6;
    opacity: 0
}

.message-center .switch-box .switch:hover input:checked + .switch-dot:after {
    opacity: 1
}

.message-center .switch-box .switch:hover input:disabled + .switch-dot, .message-center .switch-box .switch:hover input:disabled:checked + .switch-dot {
    cursor: no-drop
}

    .message-center .switch-box .switch:hover input:disabled + .switch-dot:after, .message-center .switch-box .switch:hover input:disabled:checked + .switch-dot:after {
        opacity: 0
    }

.message-center .switch-box .switch-dot.round {
    border-radius: 34px
}

    .message-center .switch-box .switch-dot.round:before {
        border-radius: 50%
    }

.message-center .autocomplete-wrap {
    padding: 15px 15px 15px 20px;
    position: relative
}

@media (max-width:767px) {
    .message-center .autocomplete-wrap {
        padding: 0
    }
}

@media (max-width:767px) {
    .message-center .autocomplete-wrap.expandWidth {
        width: calc(100% - 100px);
        padding: 0
    }
}

@media (max-width:767px) {
    .message-center .autocomplete-wrap.expandWidth .searchicon {
        top: 10px;
        left: 10px
    }
}

@media (max-width:767px) {
    .message-center .autocomplete-wrap {
        display: inline-block
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .message-center .autocomplete-wrap {
        width: 280px
    }
}

@media (min-width:768px) {
    .message-center .autocomplete-wrap {
        position: absolute;
        left: 0;
        top: -70px;
        width: 280px
    }
}

@media (min-width:1024px) {
    .message-center .autocomplete-wrap {
        width: 400px
    }
}

.message-center .autocomplete-wrap .autosearch {
    background: #ebf2f8;
    border-radius: 6px;
    width: 100%;
    height: 40px;
    border: none;
    padding-left: 40px
}

@media (max-width:767px) {
    .message-center .autocomplete-wrap .autosearch {
        width: 0;
        background: 0 0
    }
}

@media (max-width:767px) {
    .message-center .autocomplete-wrap .autosearch.expandWidth {
        width: 100%;
        background: #ebf2f8
    }
}

.message-center .autocomplete-wrap .searchicon {
    position: absolute;
    top: 26px;
    left: 30px
}

@media (max-width:767px) {
    .message-center .autocomplete-wrap .searchicon {
        top: 7px;
        left: 10px;
        font-size: 18px
    }
}

.message-center .autocomplete-wrap-item {
    position: relative;
    width: 300px;
    background: #fff;
    -webkit-box-shadow: 0 6px 20px rgba(153,155,168,.34);
    box-shadow: 0 6px 20px rgba(153,155,168,.34);
    border-radius: 5px
}

.message-center .autocomplete-wrap-item-label {
    font-size: 14px;
    color: #0053a7 !important;
    font-weight: 600;
    display: block
}

.message-center .autocomplete-wrap-item-desc {
    font-size: 14px;
    color: #848a96;
    font-weight: 600;
    display: block
}

.message-center .autocomplete-wrap #project-label {
    display: block;
    font-weight: 700;
    margin-bottom: 1em
}

.message-center .autocomplete-wrap #project-icon {
    float: left;
    height: 32px;
    width: 32px
}

.message-center .autocomplete-wrap #project-description {
    margin: 0;
    padding: 0
}

.message-center .checkbox-wrap {
    height: 30px
}

    .message-center .checkbox-wrap .checkbox-item {
        display: block;
        position: relative;
        padding-left: 35px;
        margin-bottom: 12px;
        cursor: pointer;
        font-size: 14px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        z-index: 1;
        font-weight: 500
    }

        .message-center .checkbox-wrap .checkbox-item input {
            position: absolute;
            opacity: 0;
            cursor: pointer;
            height: 0;
            width: 0;
            -webkit-appearance: none;
            -moz-appearance: none
        }

    .message-center .checkbox-wrap .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 18px;
        width: 18px;
        background-color: #fff;
        border: 2px solid #e6e8ea;
        border-radius: 4px;
        right: 0;
        margin: auto
    }

@media (max-width:767px) {
    .message-center .checkbox-wrap .checkmark {
        background-image: url(../images/author-img.png);
        background-size: cover;
        background-position: 50%;
        background-repeat: no-repeat;
        border: none;
        height: 28px;
        width: 28px;
        border-radius: 50%
    }
}

.message-center .checkbox-wrap .checkmark:before {
    position: absolute;
    content: "";
    height: 40px;
    width: 40px;
    left: -11px;
    top: calc(50% - 20px);
    background-color: #f2f6fb;
    -webkit-transition: .4s;
    transition: .4s;
    z-index: -1;
    border-radius: 50%;
    opacity: 0
}

.message-center .checkbox-wrap .checkbox-item:hover .checkmark:before {
    opacity: 1
}

@media (max-width:767px) {
    .message-center .checkbox-wrap .checkbox-item:hover .checkmark:before {
        opacity: 0
    }
}

.message-center .checkbox-wrap .checkbox-item:hover input:disabled ~ .checkmark:before {
    opacity: 0
}

.message-center .checkbox-wrap .checkbox-item:focus:before {
    opacity: 1;
    background-color: #e5edf6
}

@media (max-width:767px) {
    .message-center .checkbox-wrap .checkbox-item:focus:before {
        opacity: 0
    }
}

.message-center .checkbox-wrap .checkbox-item:hover input ~ .checkmark {
    background-color: #fff
}

.message-center .checkbox-wrap .checkbox-item input:checked ~ .checkmark {
    background-color: #0053a7;
    border: 2px solid #0053a7
}

@media (max-width:767px) {
    .message-center .checkbox-wrap .checkbox-item input:checked ~ .checkmark {
        background: #0053a7
    }
}

.message-center .checkbox-wrap .checkbox-item input:disabled ~ .checkmark {
    opacity: .5
}

.message-center .checkbox-wrap .checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.message-center .checkbox-wrap .checkbox-item input:checked ~ .checkmark:after {
    display: block
}

.message-center .checkbox-wrap .checkbox-item .checkmark:after {
    left: 6px;
    top: 3px;
    width: 4px;
    height: 8px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media (max-width:767px) {
    .message-center .checkbox-wrap .checkbox-item .checkmark:after {
        left: 10px;
        top: 5px;
        width: 6px;
        height: 12px
    }
}

.message-center .radio-wrap {
    height: 30px
}

    .message-center .radio-wrap .radio-item {
        display: block;
        position: relative;
        padding-left: 35px;
        margin-bottom: 12px;
        cursor: pointer;
        font-size: 14px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        z-index: 1;
        font-weight: 500
    }

        .message-center .radio-wrap .radio-item input {
            position: absolute;
            opacity: 0;
            cursor: pointer
        }

    .message-center .radio-wrap .radio-dot {
        position: absolute;
        top: 0;
        left: 0;
        height: 18px;
        width: 18px;
        background-color: #fff;
        border-radius: 50%;
        margin: auto;
        right: 0;
        border: 2px solid #e6e8ea
    }

        .message-center .radio-wrap .radio-dot:before {
            position: absolute;
            content: "";
            height: 40px;
            width: 40px;
            left: -11px;
            top: calc(50% - 20px);
            background-color: #f2f6fb;
            -webkit-transition: .4s;
            transition: .4s;
            z-index: -1;
            border-radius: 50%;
            opacity: 0
        }

    .message-center .radio-wrap .radio-item:hover .radio-dot:before {
        opacity: 1
    }

    .message-center .radio-wrap .radio-item:hover input:disabled ~ .radio-dot:before {
        opacity: 0
    }

    .message-center .radio-wrap .container:hover input ~ .radio-dot {
        background-color: #fff
    }

    .message-center .radio-wrap .radio-item input:checked ~ .radio-dot {
        background-color: #0053a7;
        border: 2px solid #0053a7
    }

    .message-center .radio-wrap .radio-item input:disabled ~ .radio-dot {
        opacity: .5
    }

    .message-center .radio-wrap .radio-dot:after {
        content: "";
        position: absolute;
        display: none
    }

    .message-center .radio-wrap .radio-item input:checked ~ .radio-dot:after {
        display: block
    }

    .message-center .radio-wrap .radio-item .radio-dot:after {
        top: 5px;
        left: 5px;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #fff
    }

.msg-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 100%
}

@media screen and (max-width:767px) {
    .msg-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media screen and (min-width:768px) {
    .msg-col {
        width: calc(50% - 20px);
        margin-right: 20px
    }
}

@media screen and (min-width:1024px) {
    .msg-col {
        width: calc(50% - 100px)
    }
}

@media screen and (min-width:1200px) {
    .msg-col {
        width: calc(50% - 220px)
    }
}

@media screen and (max-width:767px) {
    .msg-col img {
        margin: 20px auto 30px
    }
}

.msg-col:last-child {
    margin-right: 0
}

.msg-profile {
    padding: 50px 0
}

@media screen and (max-width:767px) {
    .msg-profile .centre {
        padding: 0
    }
}

@media screen and (max-width:767px) {
    .msg-profile {
        background: #fff;
        padding: 0
    }
}

.msg-profile h2 {
    text-align: center
}

@media screen and (min-width:768px) {
    .msg-profile h2 {
        margin-bottom: 20px
    }
}

@media screen and (max-width:767px) {
    .msg-profile h2 {
        margin: 60px auto 20px
    }
}

@media screen and (max-width:767px) {
    .msg-profile p {
        text-align: left;
        margin-bottom: 50px;
        padding: 0 20px
    }
}

.msg-profile .p-center {
    width: 500px;
    max-width: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

.btn-rect {
    border-radius: 5px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 30px auto;
    position: relative;
    overflow: hidden
}

@media screen and (max-width:539px) {
    .btn-rect {
        width: 100%;
        padding: 0 40px
    }
}

.btn-rect.blue {
    background: #0053a7;
    color: #fff
}

    .btn-rect.blue:hover {
        background: #044e99
    }

    .btn-rect.blue:focus {
        background: #3375b9
    }

    .btn-rect.blue:active {
        background: #0053a7;
        color: #fff;
        z-index: 2
    }

        .btn-rect.blue:active:after {
            content: "";
            display: block;
            width: 60px;
            height: 60px;
            border-radius: 50%;
            background: #1a65b0;
            position: absolute;
            top: -10px;
            left: calc(50% - 30px);
            z-index: -1
        }

.btn-rect.disabled, .btn-rect.disabled:hover {
    background: #ced0d5;
    color: #848a96
}

    .btn-rect.disabled:hover {
        cursor: no-drop
    }

.btn-rect.white {
    background: #fff;
    color: #0053a7
}

    .btn-rect.white:hover {
        background: #f2f6fb
    }

    .btn-rect.white:focus {
        background: #e5edf6
    }

    .btn-rect.white:active {
        background: #fff;
        z-index: 2
    }

        .btn-rect.white:active:after {
            content: "";
            display: block;
            width: 60px;
            height: 60px;
            border-radius: 50%;
            background: #f2f6fb;
            position: absolute;
            top: -10px;
            left: calc(50% - 30px);
            z-index: -1
        }

    .btn-rect.white.disabled {
        color: #848a96
    }

        .btn-rect.white.disabled:hover {
            background: #fff;
            color: #848a96;
            cursor: no-drop
        }

.btn-rect.btn-big {
    width: 190px
}

@media screen and (max-width:539px) {
    .btn-rect.btn-big {
        width: 100%
    }
}

.btn-rect.btn-sm {
    width: auto;
    padding: 0 20px
}

.w100 {
    max-width: 100%
}

.mar-bmd {
    margin-bottom: 20px
}

.mb-0 {
    margin-bottom: 0
}

.mrg-0 {
    margin: 0 !important
}

.pad-15 {
    padding: 15px 15px 15px 20px
}

@media screen and (max-width:767px) {
    .sm-hidden {
        display: none
    }
}

@media screen and (min-width:768px) {
    .sm-visible {
        display: none
    }
}

@media screen and (max-width:767px) {
    .mar-btmSm {
        margin-bottom: 30px
    }
}

.sh-box {
    width: 800px;
    max-width: 90%;
    background: #fff;
    -webkit-box-shadow: 0 1px 5px rgba(0,83,167,.3);
    box-shadow: 0 1px 5px rgba(0,83,167,.3);
    border-radius: 12px;
    margin: 70px auto 30px;
    padding: 80px 50px 30px;
    position: relative
}

@media (min-width:768px) and (max-width:799px) {
    .sh-box {
        margin-left: 24px
    }
}

@media screen and (max-width:767px) {
    .sh-box {
        margin: 0 auto;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 0;
        padding: 50px 30px
    }
}

.sh-box-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-left: -15px;
    margin-right: -15px
}

@media screen and (max-width:767px) {
    .sh-box-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.sh-box-col {
    width: 50%;
    padding-left: 15px;
    padding-right: 15px
}

@media screen and (max-width:767px) {
    .sh-box-col {
        width: 100%
    }
}

.sh-box-author {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #f1f4f6;
    position: absolute;
    top: -40px;
    left: calc(50% - 40px);
    text-align: center;
    line-height: 80px;
    font-size: 32px;
    font-weight: 600;
    color: #0053a7
}

@media screen and (max-width:767px) {
    .sh-box-author {
        position: relative;
        top: auto;
        left: auto;
        margin: 0 auto 30px
    }
}

.sh-box-author-img {
    overflow: hidden;
    width: 80px;
    height: 80px;
    border-radius: 50%
}

.sh-box-author img {
    width: 100%;
    height: 100%
}

.sh-box-author label.upload-author input[type=file] {
    position: absolute;
    top: -1000px;
    width: 1px
}

.sh-box-author .upload-author {
    position: absolute;
    top: 10px;
    right: -10px;
    display: inline-block;
    background: #0053a7;
    width: 24px;
    height: 24px;
    border-radius: 50%
}

    .sh-box-author .upload-author span {
        color: #fff;
        font-size: 16px
    }

        .sh-box-author .upload-author span .las {
            line-height: 24px
        }

.form-wrap {
    position: relative;
    margin-bottom: 20px
}

    .form-wrap .sh-input {
        background: #f2f6fb;
        width: 100%;
        height: 54px;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        border: 0;
        border-bottom: 1px solid #92bff4;
        padding: 15px 15px 0
    }

    .form-wrap .sh-label-sm {
        position: absolute;
        top: 7px;
        left: 15px;
        font-size: 12px;
        color: #92bff4
    }

    .form-wrap.disabled .sh-input {
        background: #ced0d5;
        border-bottom: 1px solid #848a96;
        cursor: no-drop
    }

    .form-wrap select.sh-input {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-appearance: none;
        -moz-appearance: none
    }

    .form-wrap select.minimal {
        background-image: linear-gradient(45deg,transparent 50%,#99badc 0),linear-gradient(135deg,#99badc 50%,transparent 0);
        background-position: calc(100% - 20px) calc(1em + 10px),calc(100% - 15px) calc(1em + 10px),calc(100% - 2.5em) .5em;
        background-size: 5px 5px,5px 5px,1px 1.5em;
        background-repeat: no-repeat
    }

.sh-dflex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px
}

    .sh-dflex.justify-end {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-bottom: 0
    }

        .sh-dflex.justify-end .btn-rect {
            margin: 30px 20px 0 0
        }

            .sh-dflex.justify-end .btn-rect:last-child {
                margin-right: 0
            }

            .sh-dflex.justify-end .btn-rect.white {
                border-color: #fff
            }

    .sh-dflex.justify-between {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .sh-dflex label {
        font-size: 14px;
        color: #505969;
        font-weight: 400
    }

.main-page {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

    .main-page .top-wrap {
        border-bottom: 1px solid #ececf2;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 70px;
        position: relative
    }

@media (max-width:767px) {
    .main-page .top-wrap {
        margin-top: 10px
    }
}

.main-page .top-wrap .checkbox-wrap {
    padding: 15px 0 15px 20px
}

@media (max-width:767px) {
    .main-page .top-wrap .checkbox-wrap {
        display: none
    }
}

.main-page .top-wrap .top-icons-wrap > a {
    font-size: 24px;
    margin: 0 15px 15px 0;
    display: inline-block
}

@media (max-width:767px) {
    .main-page .top-wrap .top-icons-wrap > a.trash-icon {
        display: none
    }
}

.main-page .top-wrap-msg-icon svg {
    height: 24px;
    margin-top: 8px
}

@media (min-width:768px) {
    .main-page .top-wrap-msg-icon {
        display: none
    }
}

.main-page .msg-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px 15px 0 20px;
    font-size: 20px;
    font-weight: 700;
    color: #0053a7
}

    .main-page .msg-heading svg {
        width: 42px;
        margin-right: 10px
    }

@media (max-width:767px) {
    .main-page .msg-heading {
        display: none
    }
}

.main-page .trash-icon {
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 50%;
    color: #848a96;
    display: block;
    font-size: 24px
}

    .main-page .trash-icon.back-btn {
        width: 60px
    }

    .main-page .trash-icon .las {
        line-height: 40px
    }

    .main-page .trash-icon:hover {
        color: #616978;
        background: #f2f6fb
    }

    .main-page .trash-icon:active, .main-page .trash-icon:focus {
        background: #e5edf6
    }

.main-page .msg-arrows {
    width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 50%;
    color: #848a96;
    display: block
}

    .main-page .msg-arrows .las {
        line-height: 20px
    }

    .main-page .msg-arrows:hover {
        color: #616978;
        background: #f2f6fb
    }

    .main-page .msg-arrows:active, .main-page .msg-arrows:focus {
        background: #e5edf6
    }

    .main-page .msg-arrows.diabled {
        opacity: .5;
        background: #fff !important
    }

.main-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 1400px;
    max-width: 100%;
    margin: auto
}

.main-col-left {
    width: 400px;
    max-width: 100%;
    background: #fff;
    min-height: 100vh;
    margin-bottom: 50px
}

@media (min-width:768px) and (max-width:1023px) {
    .main-col-left {
        width: 280px
    }
}

@media (max-width:767px) {
    .main-col-left {
        width: 100%
    }
}

.main-col-right {
    width: calc(100% - 460px);
    margin: 15px 30px 30px
}

@media (min-width:768px) and (max-width:1023px) {
    .main-col-right {
        width: calc(100% - 310px);
        margin: 15px
    }
}

@media (max-width:767px) {
    .main-col-right {
        display: none
    }
}

@media (max-width:767px) {
    .main-col-right.active {
        display: inline-block;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        z-index: 10000;
        width: 100%;
        margin: auto
    }

        .main-col-right.active .profile-dropdown {
            display: none
        }
}

@media (max-width:767px) {
    .main-col-right.active:before {
        width: 100%;
        background: #fff;
        content: "";
        display: block;
        position: fixed;
        bottom: 0;
        top: 0;
        z-index: -1
    }
}

@media (max-width:767px) {
    .main-col-right.active .message-item-card {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.message-list {
    list-style: none;
    margin: 0;
    padding: 0;
    height: calc(100vh - 50px);
    overflow: hidden;
    overflow-y: scroll
}

    .message-list::-webkit-scrollbar {
        width: 8px
    }

    .message-list::-webkit-scrollbar-track {
        background: #f2f6fb;
        border-radius: 3px
    }

    .message-list::-webkit-scrollbar-thumb {
        border-radius: 3px;
        background: #0053a7;
        display: none
    }

        .message-list::-webkit-scrollbar-thumb:window-inactive {
            background: #0053a7
        }

    .message-list:hover::-webkit-scrollbar-thumb {
        display: block
    }

.message-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px 15px 15px 20px;
    border-bottom: 1px solid #ececf2;
    position: relative
}

    .message-item .trash-icon.inner {
        position: absolute;
        bottom: 10px;
        right: 10px;
        display: none
    }

    .message-item.readed {
        background: #f2f3f4
    }

    .message-item:hover {
        -webkit-box-shadow: 0 1px 3px rgba(102,152,202,.3);
        box-shadow: 0 1px 3px rgba(102,152,202,.3)
    }

        .message-item:hover .trash-icon.inner {
            display: block
        }

@media (max-width:767px) {
    .message-item:hover .trash-icon.inner {
        display: none
    }
}

.message-item:focus {
    background: #f2f6fb;
    outline: none
}

.message-item.focused {
    background: #f2f6fb;
    -webkit-box-shadow: 0 1px 3px #6698ca;
    box-shadow: 0 1px 3px #6698ca
}

    .message-item.focused:hover .trash-icon.inner {
        display: none
    }

.message-item.pressed {
    background: #f2f6fb;
    -webkit-box-shadow: 0 1px 3px #6698ca;
    box-shadow: 0 1px 3px #6698ca
}

    .message-item.pressed:hover .trash-icon.inner {
        display: none
    }

.message-item-left {
    width: 40px
}

.message-item-thumb {
    width: 40px;
    height: 40px;
    background: #f1f2f4;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    font-size: 22px;
    color: #fff;
    overflow: hidden
}

    .message-item-thumb img {
        width: 100%
    }

    .message-item-thumb .las {
        line-height: 36px
    }

@media (max-width:767px) {
    .message-item-thumb {
        display: none
    }
}

.message-item-text {
    width: calc(100% - 60px);
    font-size: 14px;
    position: relative
}

    .message-item-text:hover {
        cursor: pointer
    }

    .message-item-text h5 {
        font-size: 14px;
        font-weight: 700;
        margin-bottom: 5px;
        width: calc(100% - 74px)
    }

    .message-item-text p {
        margin: 0 0 10px
    }

    .message-item-text .attachment-time {
        position: absolute;
        top: 0;
        right: 0
    }

.message-item-card {
    background: #fff;
    -webkit-box-shadow: 0 1px 5px rgba(0,83,167,.2);
    box-shadow: 0 1px 5px rgba(0,83,167,.2);
    border-radius: 12px;
    padding: 15px 30px 0px 30px;
    height: calc(100vh + 65px);
}

@media (max-width:767px) {
    .message-item-card {
        border-radius: 0;
        padding: 15px 15px 30px
    }
}

.message-item-card-top {
    list-style: none;
    margin: 0 0 15px;
    padding: 0;
    text-align: right
}

@media (max-width:767px) {
    .message-item-card-top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.message-item-card-top li {
    display: inline-block;
    font-size: 14px;
    margin-right: 10px
}

@media (max-width:767px) {
    .message-item-card-top li {
        font-size: 18px
    }
}

.message-item-card-top li:nth-child(3) {
    border-left: 1px solid rgba(0,0,0,.2);
    padding-left: 15px
}

.message-item-card-top li:last-child {
    margin-right: 0
}

.message-item-card-top li.mobile {
    display: none
}

@media (max-width:767px) {
    .message-item-card-top li.mobile {
        display: inline-block
    }
}

.message-item-card-top li.no-mobile {
    display: none
}

@media (min-width:768px) {
    .message-item-card-top li.no-mobile {
        display: inline-block
    }
}

.message-item-card-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 30px
}

.message-item-card-header-author {
    width: calc(100% - 120px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width:539px) {
    .message-item-card-header-author {
        width: 100%
    }
}

@media (max-width:767px) {
    .message-item-card-header-author-icon .message-item-thumb {
        display: block
    }
}

.message-item-card-header-author-name {
    font-size: 14px;
    margin-left: 15px
}

@media (max-width:539px) {
    .message-item-card-header-author-name {
        width: 100%;
        margin-left: 10px
    }

    #mobilelablemessagecenter {
        height: 20px;
    }
}

@media (max-width:539px) {
    .message-item-card-header-author-name strong {
        width: calc(100% - 80px);
        display: inline-block
    }
}

#mobilelableclientmessagecenter {
    height: 20px;
}

.message-item-card-header-author-name a {
    text-decoration: none;
    word-break: break-all
}

.message-item-card-header-attachment {
    font-size: 14px
}

@media (max-width:539px) {
    .message-item-card-header-attachment {
        position: absolute;
        top: 15px;
        right: 15px
    }
}

.message-item-card-header-attachment .time {
    margin-left: 10px
}

.message-item-card-inner {
    border: 1px solid #ebf2f8;
    border-radius: 12px;
    padding: 30px
}

@media (max-width:767px) {
    .message-item-card-inner {
        padding: 15px
    }
}

.message-item-card-inner h4 {
    font-size: 24px;
    color: #2e3b4e;
    font-weight: 600
}

.message-item-card-inner p {
    font-size: 14px;
    color: #505969
}

.message-item-card-body a {
    color: #0057a3;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500
}

.message-item-card-footer {
    padding-top: 30px;
    border-top: 1px solid #ebf2f8;
    margin-top: 30px
}

    .message-item-card-footer .attachment-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

@media (max-width:767px) {
    .message-item-card-footer .attachment-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.message-item-card-footer .attachment-wrap-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: 0 0;
    padding: 8px 18px 8px 8px;
    border-radius: 40px;
    margin-right: 20px;
    text-decoration: none
}

@media (max-width:767px) {
    .message-item-card-footer .attachment-wrap-inner {
        margin-right: 0;
        margin-bottom: 20px;
        padding: 0
    }
}

.message-item-card-footer .attachment-wrap-inner p {
    margin-bottom: 0
}

.message-item-card-footer .attachment-wrap-inner:hover {
    background: #f2f6fb
}

.message-item-card-footer .attachment-wrap-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #6473f3;
    color: #fff;
    text-align: center;
    margin-right: 5px
}

    .message-item-card-footer .attachment-wrap-icon .las {
        line-height: 38px
    }

    .message-item-card-footer .attachment-wrap-icon.doc {
        background: #6473f3
    }

    .message-item-card-footer .attachment-wrap-icon.pdf {
        background: #fc4d30
    }

.message-item-card-footer .attachment-wrap-icon-download {
    margin-left: 10px;
    margin-top: 10px;
    color: #616978;
    font-size: 22px;
    opacity: 0
}

@media (max-width:767px) {
    .message-item-card-footer .attachment-wrap-icon-download {
        margin: auto;
        float: right;
        width: 20px
    }
}

@media (max-width:767px) {
    .message-item-card-footer .attachment-wrap-text {
        width: calc(100% - 80px)
    }
}

.attachment-wrap-inner:hover .attachment-wrap-icon-download {
    opacity: 1
}

.top-icons-wrap .filter-items {
    list-style: none;
    width: 360px;
    max-width: 100%;
    background: #fff;
    padding: 10px;
    -webkit-box-shadow: 0 6px 20px rgba(153,155,168,.34);
    box-shadow: 0 6px 20px rgba(153,155,168,.34);
    border-radius: 5px
}

.top-icons-wrap .filter-items-wrap {
    position: absolute;
    top: 40px;
    right: 0;
    display: none;
    z-index: 2
}

    .top-icons-wrap .filter-items-wrap.active {
        display: block
    }

@media (max-width:767px) {
    .top-icons-wrap .filter-items-wrap {
        position: fixed;
        bottom: 0;
        top: auto;
        width: 100%;
        z-index: 1000
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .top-icons-wrap .filter-items {
        width: 280px
    }
}

@media (max-width:767px) {
    .top-icons-wrap .filter-items {
        width: 100%
    }
}

.top-icons-wrap .filter-items li {
    margin: 0 20px 10px
}

    .top-icons-wrap .filter-items li .filter-title {
        font-size: 14px;
        color: #000;
        font-weight: 600
    }

        .top-icons-wrap .filter-items li .filter-title.lg {
            font-size: 18px
        }

    .top-icons-wrap .filter-items li label {
        color: #000;
        font-weight: 600 !important
    }

    .top-icons-wrap .filter-items li.divider {
        border-bottom: 1px solid #ececf2
    }

    .top-icons-wrap .filter-items li.mobile {
        display: none
    }

@media (max-width:767px) {
    .top-icons-wrap .filter-items li.mobile {
        display: block
    }
}

.top-icons-wrap .filter-items li.no-mobile {
    display: none
}

@media (min-width:768px) {
    .top-icons-wrap .filter-items li.no-mobile {
        display: block
    }
}

.top-icons-wrap .filter-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
    cursor: pointer
}

    .top-icons-wrap .filter-list > li {
        position: relative;
        font-size: 24px;
        color: #848a96;
        padding: 0 15px 15px 0
    }

        .top-icons-wrap .filter-list > li .btn-selection {
            padding: 3px 30px 3px 10px
        }

@media (max-width:767px) {
    .top-icons-wrap .filter-list > li .btn-selection {
        display: table;
        margin-bottom: 10px
    }
}

.profile-dropdown {
    margin: 0 10px 0 0;
    padding: 0;
    list-style: none;
    float: right
}

@media (min-width:768px) {
    .profile-dropdown.mobile {
        display: none
    }
}

.profile-dropdown-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none
}

.profile-dropdown-img-text {
    font-size: 14px;
    font-weight: 600;
    color: #0053a7
}

.profile-dropdown-img-inner {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
    margin-left: 10px
}

    .profile-dropdown-img-inner img {
        width: 100%;
        height: 100%
    }

.profile-dropdown li {
    position: relative
}

.profile-dropdown-inner {
    display: none;
    position: absolute;
    top: 42px;
    right: 0;
    background: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 20px rgba(153,155,168,.2);
    box-shadow: 0 6px 20px rgba(153,155,168,.2);
    margin: 0;
    padding: 10px 0;
    list-style: none;
    z-index: 1
}

    .profile-dropdown-inner li {
        width: 220px;
        max-width: 100%
    }

.profile-dropdown-inner-item {
    display: block;
    padding: 6px 16px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none
}

    .profile-dropdown-inner-item:hover {
        background: #f2f6fb;
        color: #0053a7;
        text-decoration: none
    }

.profile-dropdown:hover .profile-dropdown-inner {
    display: block
}

.sh-clear {
    clear: both
}

.msg-modal {
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 100%
}

    .msg-modal.is-visible {
        visibility: visible
    }

@media (max-width:767px) {
    .msg-modal.is-visible {
        position: absolute
    }
}

.msg-modal-overlay {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0s linear .3s,opacity .3s;
    transition: visibility 0s linear .3s,opacity .3s
}

.msg-modal.is-visible .msg-modal-overlay {
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.msg-modal-wrapper {
    position: absolute;
    z-index: 9999;
    top: 6em;
    left: 0;
    right: 0;
    margin: auto;
    width: 800px;
    max-width: 90%;
    background-color: #fff;
    -webkit-box-shadow: 0 6px 20px #999ba8;
    box-shadow: 0 6px 20px #999ba8;
    border-radius: 4px;
    padding: 20px
}

.profile-modal .msg-modal-wrapper {
    width: 800px;
    top: 3em;
    left: 0;
    right: 0;
    margin: auto;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0
}

@media (max-width:767px) {
    .profile-modal .msg-modal-wrapper {
        width: 100%;
        max-width: 100%;
        top: 0
    }
}

.profile-modal .msg-modal-wrapper .sh-box {
    margin-bottom: 0
}

@media (max-width:767px) {
    .profile-modal .msg-modal-wrapper .sh-box {
        width: 100%;
        max-width: 100%
    }
}

.msg-modal-transition {
    -webkit-transition: all .3s .12s;
    transition: all .3s .12s;
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%);
    opacity: 0
}

.msg-modal.is-visible .msg-modal-transition {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.msg-modal-content, .msg-modal-header {
    font-size: 16px;
    color: #505969
}

.msg-modal-header {
    position: relative;
    margin-bottom: 10px
}

.msg-modal-close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 1em;
    color: #aaa;
    background: 0 0;
    border: 0
}

    .msg-modal-close:hover {
        color: #777
    }

.msg-modal-heading {
    font-size: 22px;
    margin: 0;
    color: #2e3b4e;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.msg-modal-content > :first-child {
    margin-top: 0
}

.msg-modal-content > :last-child {
    margin-bottom: 0
}

.mobile-back-wrap {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 18px;
    padding: 6px 15px 5px 20px;
    display: none
}

    .mobile-back-wrap a {
        color: #0053a7 !important;
        text-decoration: none
    }

@media (max-width:767px) {
    .mobile-back-wrap.active {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.message-details-section {
    position: relative;
    overflow: hidden;
    min-height: 100vh
}

.pre-loader, .toppre-loader {
    width: 100%;
    height: 100%;
    background: #fff;
    text-align: center;
    top: 0;
    z-index: 100000000;
    overflow: hidden
}

.lds-dual-ring, .pre-loader, .toppre-loader {
    margin: auto;
    position: absolute;
    left: 0;
    right: 0
}

.lds-dual-ring {
    width: 84px;
    height: 84px;
    display: inline-block;
    top: calc(50% - 50px)
}

    .lds-dual-ring:after {
        content: " ";
        display: block;
        width: 64px;
        height: 64px;
        margin: auto;
        border-radius: 50%;
        border-color: #0053a7 transparent;
        border-style: solid;
        border-width: 6px;
        -webkit-animation: lds-dual-ring 1.2s linear infinite;
        animation: lds-dual-ring 1.2s linear infinite
    }

@-webkit-keyframes lds-dual-ring {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes lds-dual-ring {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@media screen and (max-width:539px) {
    .btn-profile-update {
        padding: 0 !important
    }
}

@media(max-width:767px) {
    .d-xs-none {
        display: none
    }
}

@media (max-width:767px) {
    #what-we-offer .tout.pl-0 {
        padding-left: 0 !important
    }
}

.btn-clientcorner {
    min-width: 250px !important
}

.footer-sec .footer-sec-logo img {
    background-size: 100px;
    height: 90px;
    display: block
}

.space-rev-sec {
    font-size: 0px
}

.access-denied p {
    font-size: 20px;
    font-family: Raleway,sans-serif;
    color: #3b3b3b
}

.access-denied-content {
    position: relative;
    text-align: center
}

    .access-denied-content svg {
        width: 56px;
        height: 56px;
        fill: #0057a3;
        position: absolute;
        top: -4px;
        left: calc(50% - 200px)
    }

    .access-denied-content a {
        font-size: 18px;
        font-weight: 600;
        color: #00aeef;
        position: relative;
        padding-left: 40px;
        display: inline-block;
        margin-top: 0;
        text-decoration: none
    }

        .access-denied-content a:before {
            content: '';
            display: block;
            width: 0;
            height: 0;
            padding: 2px;
            border: 2px solid transparent;
            border-bottom-color: #00aeef;
            border-left-color: #00aeef;
            transform: rotate(45deg);
            position: absolute;
            top: 10px;
            left: 13px
        }

        .access-denied-content a:after {
            content: '';
            display: block;
            width: 26px;
            height: 26px;
            border-radius: 50%;
            position: absolute;
            top: -1px;
            left: 0;
            border: 2px solid #00aeef
        }

@media(max-width:767px) {
    .access-denied h2 {
        font-size: 30px !important;
    }

    .access-denied-content svg {
        width: 40px;
        height: 40px;
        top: -10px;
        left: calc(50% - 126px)
    }
}

.FundFacts-space {
    padding-top: 0 !important
}

.client-corner-tabs {
    text-align: center
}

.access-denied {
    background: #f1f4f5;
    padding: 80px 0
}

    .access-denied h2 {
        color: #0054a3;
        display: block;
        line-height: 1.225;
        margin-bottom: 10px;
        margin-left: 60px;
        font-size: 50px
    }

.donation-btn {
    width: auto;
    padding: 0px 46px;
}

.newsLetterSlider .slick-list .slick-active {
    opacity: 1;
    display: -webkit-box !important;
    left: 0 !important;
}

.results-heading {
    font-size: 28px !important;
    width: 100%;
    display: block;
    background: #0054a3;
    padding: .5rem 1rem;
    margin: 20px auto;
    color: #fff
}

@media print {
    header, footer {
        display: none;
    }

    .share-wrap .share li {
        display: none !important;
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}

    .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }

.embed-responsive-16by9::before {
    padding-top: 56.25%;
}

.embed-responsive::before {
    display: block;
    content: "";
}

.client-toggle .collapse-trigger-client {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.video-model-pop {
    overflow: hidden;
}

#mobilelableclientmessagecenter {
    height: 20px;
}

#mobilelablemessagecenter {
    height: 20px;
}

#ui-id-1 .autocomplete-wrap-item {
    min-height: 42px;
}

.accordion-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s ease-in-out;
}

.accordion__item.is-open .accordion-body {
    max-height: 5000px;
}

.accordion__item.is-open .accordion-header::after {
    transform: translateY(-50%) rotate(402deg);
}

button {
    font-family: "Raleway", sans-serif;
}

.why-assum-head-sec {
    background: #faf8f8;
}

/*Client corner e-Dleivery CSS*/
.select-opt-sec h2 {
    color: #fff;
    margin-bottom: 40px;
    font-size: 30px !important;
}

.select-opt-sec .opt-btns-sec a {
    margin-right: 12px;
}

@media (max-width: 767px) {
    #content-wrapper .banner.blue.select-opt-sec {
        height: auto !important;
    }
}

@media(max-width: 767px) {
    .slider-loginForm a.btn {
        height: auto !important;
    }
}

.js-login-accessbtn {
    cursor: pointer;
}

@media(min-width:768px) {
    .login-btn-submit {
        display: flex;
        justify-content: space-between;
    }
}
/*Client corner e-Dleivery CSS End*/
@media(max-width: 767px) {
    .accordian_table_contentlist td {
        font-size: 16px !important;
    }

    .accordion-header {
        cursor: pointer;
    }

    .accordion-body {
        display: none;
    }

        .accordion-body.open {
            display: block;
        }
}

/*Advisor Slider Banner Redirection*/

#slideshow .slides li .banner-link {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.banner-centre {
    position: static !important;
}

.banner-Form-slide {
    position: relative;
    z-index: 3;
}

@media screen and (max-width: 939px) {
    .small-width-btn {
        width: 216px !important;
        white-space:nowrap;
        display:flex;
        justify-content:center;
        align-items:center;
    }
}
@media screen and (max-width: 767px) {
    #what-we-offer .tout-wrapper img {
        position: absolute !important;
    }
    #what-we-offer .tout-wrapper {
        word-break:break-word;
    }
}
/*05-26-2025*/
@media (max-width:940px) {
    .sign-in-text-wrapper {
        margin-bottom: 15px !important;
    }

    .sign-in-text-wrapper strong {
        font-weight: 700 !important;
    }
    .sign-in-text-description {
        margin-bottom:10px !important;
        font-size:20px !important;
    }
    .sign-in-select-wrapper select {
        padding: 5px !important;
        border: 1px solid #bbb !important;
        border-radius:0 !important;
        appearance:menulist !important;
        background-image:none !important;
        font-size:12px !important;
        color:#000 !important;
        font-weight:700 !important;
    }
}

/*05-27-2025*/
.slider-signin-btn {
    background: #0054a3;
    border-color: #0054a3
}
@media screen and (max-width: 939px) and (min-width: 768px) {
    #what-we-offer .tout img {
        position: absolute;
    }