@media only screen and (min-width: 1170px) {

    html,
    body,
    div,
    span,
    applet,
    object,
    iframe,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    blockquote,
    pre,
    a,
    abbr,
    acronym,
    address,
    big,
    cite,
    code,
    del,
    dfn,
    em,
    img,
    ins,
    kbd,
    q,
    s,
    samp,
    small,
    strike,
    strong,
    sub,
    sup,
    tt,
    var,
    b,
    u,
    i,
    center,
    dl,
    dt,
    dd,
    ol,
    ul,
    li,
    fieldset,
    form,
    label,
    legend,
    table,
    caption,
    tbody,
    tfoot,
    thead,
    tr,
    th,
    td,
    article,
    aside,
    canvas,
    details,
    embed,
    figure,
    figcaption,
    footer,
    header,
    hgroup,
    menu,
    nav,
    output,
    ruby,
    section,
    summary,
    time,
    mark,
    audio,
    video {
        margin: 0;
        padding: 0;
        border: 0;
        font: inherit;
        font-size: 100%;
        vertical-align: baseline
    }

    html {
        line-height: 1
    }

    ol,
    ul {
        list-style: none
    }

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

    caption,
    th,
    td {
        text-align: left;
        font-weight: normal;
        vertical-align: middle
    }

    q,
    blockquote {
        quotes: none
    }

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

    a img {
        border: none
    }

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

    .borderBox,
    * {
        box-sizing: border-box;
        -moz-box-sizing: border-box
    }

    .forceHeightCalc {
        overflow: hidden
    }

    .noSelect,
    .page .nav {
        cursor: default;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .textShadowBlue {
        text-shadow: 1px 1px 0px #1da5d0
    }

    .textShadowMdBlue {
        text-shadow: 1px 1px 0px #117aa3
    }

    h1 {
        font-family: "WalsheimLight", sans-serif;
        font-size: 3.25em;
        line-height: 1.125em;
        padding-bottom: 5px
    }

    h2 {
        font-family: "WalsheimRegular", sans-serif;
        font-size: 2.125em;
        line-height: 1.125em
    }

    h3 {
        font-family: "WalsheimLight", sans-serif;
        font-size: 1.5625em;
        line-height: 1.25em
    }

    h4 {
        font-family: "WalsheimRegular", sans-serif;
        font-size: 1.25em;
        line-height: 1.25em
    }

    p {
        font-size: 1.125em;
        line-height: 1.375em;
        margin-bottom: .75em
    }

    a {
        cursor: pointer;
        text-decoration: none;
        color: #555
    }

    a:hover {
        text-decoration: underline
    }

    .clear {
        clear: both
    }

    body {
        background-color: #fff;
        font-family: "ArmitageLight", sans-serif;
        font-size: 16px
    }

    ul.nav-main {
        list-style: none;
        font-family: "WalsheimLight", sans-serif;
        font-size: .875em
    }

    ul.nav-main li {
        float: left;
        margin: 0px 10px 0px 25px
    }

    .header {
        position: fixed;
        top: 0px;
        z-index: 5;
        margin: 0px auto;
        width: 1170px;
        height: 80px
    }

    .header .filter {
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: -1;
        width: 100%;
        height: 100%;
        background-color: white;
        background-color: rgba(255, 255, 255, 0.9);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"
    }

    .header .ie8Msg {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 20px;
        padding-top: 5px;
        font-family: "Armitage", sans-serif;
        font-size: .9375em;
        text-align: center;
        letter-spacing: 0.03125em;
        background-color: #036;
        color: white;
        -webkit-font-smoothing: antialiased
    }

    .header .ie8Msg a {
        text-decoration: underline;
        color: #3cf
    }

    .header .logo {
        position: absolute;
        left: 50px;
        top: 36px;
        width: 104px;
        height: 23px;
        background: url('/files/images/irw/elevate_logo.png') no-repeat;
        background-size: 104px 23px
    }

    @media only screen and (min--moz-device-pixel-ratio: 2),
    only screen and (-o-min-device-pixel-ratio: 2 / 1),
    only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (min-device-pixel-ratio: 2) {
        .header .logo {
            background: url('/files/images/irw/elevate_logo@2x.png') no-repeat;
            background-size: 104px 23px
        }
    }

    .header ul.nav-main {
        float: right;
        padding: 37px 40px 0px 0px
    }

    .header ul.nav-main li {
        position: relative;
        padding-top: 10px;
        padding-bottom: 10px
    }

    .header ul.nav-main li a {
        color: #555
    }

    .header ul.nav-main li a.selected {
        color: #3cf
    }

    .header ul.nav-main li:hover a {
        color: #3cf;
        text-decoration: none
    }

    .header ul.nav-main li .submenu {
        display: none;
        position: absolute;
        left: 0px;
        top: 32px;
        text-align: left;
        border: 1px solid #b2b2b2;
        border: 1px solid rgba(0, 0, 0, 0.25);
        border-radius: 2px;
        box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25)
    }

    .header ul.nav-main li .submenu div {
        display: block;
        padding: 8px 20px 8px 15px;
        white-space: nowrap;
        font-family: "WalsheimLight", sans-serif;
        font-size: 1em;
        color: #555;
        background-color: white;
        background-color: rgba(255, 255, 255, 0.93)
    }

    .header ul.nav-main li .submenu div:hover {
        font-family: "WalsheimRegular", sans-serif;
        color: white;
        background-color: #09f
    }

    .page {
        position: relative;
        top: 0px;
        width: 1170px;
        margin: 0px auto;
        font-family: "ArmitageLight", sans-serif;
        font-size: 16px;
        color: #8a8a8a;
        cursor: default
    }

    .page .cookieWarning {
        display: none;
        position: fixed;
        top: 80px;
        z-index: 2;
        width: 1170px;
        height: 55px;
        margin: 0px auto;
        padding: 20px 50px 0px 50px;
        font-family: "Armitage", sans-serif;
        font-size: 1em;
        background-color: #036;
        color: white;
        -webkit-font-smoothing: antialiased
    }

    .page .cookieWarning .link {
        text-decoration: underline;
        padding-left: 5px;
        color: white
    }

    .page .cookieWarning .close {
        position: absolute;
        right: 8px;
        top: 0px;
        font-family: "WalsheimRegular", sans-serif;
        font-size: 2em;
        text-decoration: none;
        color: white
    }

    .page .savings-ticker {
        position: relative;
        width: 100%;
        padding: 5px 0px 12px 0px;
        background-color: #ffff00
    }

    .page .savings-ticker.hidden {
        display: none
    }

    .page .savings-ticker .ticker-content {
        position: relative;
        font-family: "WalsheimRegular", sans-serif;
        font-weight: bold;
        font-size: 1.25rem;
        text-align: center;
        color: #036
    }

    .page .savings-ticker .ticker-content .amount {
        font-size: 1.5rem
    }

    .page .savings-ticker .ticker-content .image {
        display: inline-block;
        position: relative;
        top: 5px;
        width: 25px;
        height: 25px;
        margin: 0px 5px;
        background: url('/files/images/irw/savings-ticker.png') no-repeat;
        background-size: 25px 25px
    }

    @media only screen and (min--moz-device-pixel-ratio: 2),
    only screen and (-o-min-device-pixel-ratio: 2 / 1),
    only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (min-device-pixel-ratio: 2) {
        .page .savings-ticker .ticker-content .image {
            background: url('/files/images/irw/savings-ticker@2x.png') no-repeat;
            background-size: 25px 25px
        }
    }


    .page .nav:focus {
        outline: none
    }

    .page .nav ul {
        position: absolute;
        right: 50px;
        top: 0px
    }

    .page .nav ul a {
        text-decoration: none
    }

    .page .nav ul li {
        padding: 9px 0px 6px 25px;
        font-family: "WalsheimLight", sans-serif;
        font-size: 1.03125em;
        color: #666;
        background: url('/files/images/irw/bullet-inactive.png') no-repeat left 8px
    }

    @media only screen and (min--moz-device-pixel-ratio: 2),
    only screen and (-o-min-device-pixel-ratio: 2 / 1),
    only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (min-device-pixel-ratio: 2) {
        .page .nav ul li {
            background: "bullet-inactive@2x.png no-repeat left 8px";
            background-size: 14px 14px
        }
    }

    .page .nav ul li:hover {
        cursor: pointer;
        background: url('/files/images/irw/bullet-hover.png') no-repeat left 8px
    }

    @media only screen and (min--moz-device-pixel-ratio: 2),
    only screen and (-o-min-device-pixel-ratio: 2 / 1),
    only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (min-device-pixel-ratio: 2) {
        .page .nav ul li:hover {
            background: "bullet-hover@2x.png no-repeat left 8px";
            background-size: 14px 14px
        }
    }

    .page .nav ul li.selected {
        background: url('/files/images/irw/bullet-active.png') no-repeat left 8px
    }

    @media only screen and (min--moz-device-pixel-ratio: 2),
    only screen and (-o-min-device-pixel-ratio: 2 / 1),
    only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (min-device-pixel-ratio: 2) {
        .page .nav ul li.selected {
            background: "bullet-active@2x.png no-repeat left 8px";
            background-size: 14px 14px
        }
    }

    .page .nav ul li p {
        position: relative;
        top: -3px;
        margin: 0px;
        font-family: "WalsheimLight", sans-serif;
        font-size: 1.03125em;
        line-height: 1.25em
    }

    .page .hashtag {
        position: relative;
        top: -80px;
        height: 0px
    }

    .page .content .subnav {
        position: relative;
        float: right;
        width: 260px;
        padding: 25px 50px 25px 0px
    }

    .page .content .subnav:focus {
        outline: none
    }

    .page .content .subnav ul a {
        text-decoration: none
    }

    .page .content .subnav ul li {
        padding: 0px 0px 0px 25px;
        color: #8a8a8a;
        background: url('/files/images/irw/bullet-inactive.png') no-repeat left top
    }

    .page .content .subnav ul li:not(:last-child) {
        margin-bottom: 15px
    }

    @media only screen and (min--moz-device-pixel-ratio: 2),
    only screen and (-o-min-device-pixel-ratio: 2 / 1),
    only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (min-device-pixel-ratio: 2) {
        .page .content .subnav ul li {
            background: "bullet-inactive@2x.png no-repeat left top";
            background-size: 14px 14px
        }
    }

    .page .content .subnav ul li:hover {
        cursor: pointer;
        background: url('/files/images/irw/bullet-hover.png') no-repeat left top
    }

    @media only screen and (min--moz-device-pixel-ratio: 2),
    only screen and (-o-min-device-pixel-ratio: 2 / 1),
    only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (min-device-pixel-ratio: 2) {
        .page .content .subnav ul li:hover {
            background: "bullet-hover@2x.png no-repeat left top";
            background-size: 14px 14px
        }
    }

    .page .content .subnav ul li.selected {
        color: #666;
        background: url('/files/images/irw/bullet-active.png') no-repeat left top
    }

    @media only screen and (min--moz-device-pixel-ratio: 2),
    only screen and (-o-min-device-pixel-ratio: 2 / 1),
    only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (min-device-pixel-ratio: 2) {
        .page .content .subnav ul li.selected {
            background: "bullet-active@2x.png no-repeat left top";
            background-size: 14px 14px
        }
    }

    .page .content .subnav ul li p {
        position: relative;
        top: -4px;
        margin: 0px;
        font-family: "WalsheimLight", sans-serif;
        font-size: 1.03125em;
        line-height: 1.25em
    }

    .page .footerContainer {
        position: relative;
        width: 1170px;
        height: 114px
    }

    .page .footer {
        position: relative;
        width: 1170px;
        height: 114px;
        padding: 28px 50px 0px 50px;
        margin: 0px auto;
        background-color: #b8babc;
        color: white;
        z-index: 1;
        -webkit-font-smoothing: antialiased
    }

    .page .footer.host-uk {
        padding-top: 20px
    }

    .page .footer>p {
        font-family: "Armitage", sans-serif;
        font-size: 0.9375em;
        line-height: 1.125em;
        margin-bottom: 0em
    }

    .page .footer a {
        display: block;
        text-decoration: underline;
        color: white
    }

    .page .footer .socialMedia {
        position: absolute;
        right: 50px;
        top: 25px;
        font-size: 1em
    }

    .page .footer .socialMedia p {
        font-family: "Armitage", sans-serif;
        font-size: 1em;
        margin-bottom: 7px
    }

    .page .footer .socialMedia .facebook {
        float: left;
        width: 23px;
        height: 32px;
        background: url('/files/images/irw/facebook-footer.png') no-repeat
    }

    @media only screen and (min--moz-device-pixel-ratio: 2),
    only screen and (-o-min-device-pixel-ratio: 2 / 1),
    only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (min-device-pixel-ratio: 2) {
        .page .footer .socialMedia .facebook {
            background: url('/files/images/irw/facebook-footer@2x.png') no-repeat;
            background-size: 23px 32px
        }
    }

    .page .footer .socialMedia .twitter {
        float: left;
        width: 32px;
        height: 32px;
        margin-left: 12px;
        background: url('/files/images/irw/twitter-footer.png') no-repeat
    }

    @media only screen and (min--moz-device-pixel-ratio: 2),
    only screen and (-o-min-device-pixel-ratio: 2 / 1),
    only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (min-device-pixel-ratio: 2) {
        .page .footer .socialMedia .twitter {
            background: url('/files/images/irw/twitter-footer@2x.png') no-repeat;
            background-size: 32px 32px
        }
    }

    .page .footer .socialMedia .linkedin {
        float: left;
        width: 24px;
        height: 32px;
        margin-left: 12px;
        background: url('/files/images/irw/linkedin-footer.png') no-repeat
    }

    @media only screen and (min--moz-device-pixel-ratio: 2),
    only screen and (-o-min-device-pixel-ratio: 2 / 1),
    only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (min-device-pixel-ratio: 2) {
        .page .footer .socialMedia .linkedin {
            background: url('/files/images/irw/linkedin-footer@2x.png') no-repeat;
            background-size: 24px 32px
        }
    }

    .page .footer ul.nav-main.host-us {
        padding-top: 25px
    }

    .page .footer ul.nav-main.host-uk {
        padding-top: 10px
    }

    .page .footer ul.nav-main li {
        float: left;
        margin: 0px 2px;
        padding-left: 15px
    }

    .page .footer ul.nav-main li:first-child {
        padding-left: 0px;
        margin: 0px 2px 0px 0px
    }

    .page .footer ul.nav-main li a {
        color: white
    }

    .page .footer ul.nav-main li a:hover {
        color: white;
        text-decoration: underline
    }
}

@media only screen and (max-width: 1169px) {

    html,
    body,
    div,
    span,
    applet,
    object,
    iframe,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    blockquote,
    pre,
    a,
    abbr,
    acronym,
    address,
    big,
    cite,
    code,
    del,
    dfn,
    em,
    img,
    ins,
    kbd,
    q,
    s,
    samp,
    small,
    strike,
    strong,
    sub,
    sup,
    tt,
    var,
    b,
    u,
    i,
    center,
    dl,
    dt,
    dd,
    ol,
    ul,
    li,
    fieldset,
    form,
    label,
    legend,
    table,
    caption,
    tbody,
    tfoot,
    thead,
    tr,
    th,
    td,
    article,
    aside,
    canvas,
    details,
    embed,
    figure,
    figcaption,
    footer,
    header,
    hgroup,
    menu,
    nav,
    output,
    ruby,
    section,
    summary,
    time,
    mark,
    audio,
    video {
        margin: 0;
        padding: 0;
        border: 0;
        font: inherit;
        font-size: 100%;
        vertical-align: baseline
    }

    html {
        line-height: 1
    }

    ol,
    ul {
        list-style: none
    }

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

    caption,
    th,
    td {
        text-align: left;
        font-weight: normal;
        vertical-align: middle
    }

    q,
    blockquote {
        quotes: none
    }

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

    a img {
        border: none
    }

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

    .textSizeAdjust,
    body {
        -ms-text-size-adjust: 100%;
        -moz-text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%
    }

    .borderBox,
    * {
        box-sizing: border-box;
        -moz-box-sizing: border-box
    }

    .forceHeightCalc {
        overflow: hidden
    }

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

    .textShadowBlue {
        text-shadow: 1px 1px 0px #1da5d0
    }

    .textShadowMdBlue {
        text-shadow: 1px 1px 0px #0e60ca
    }

    h1 {
        font-family: "WalsheimRegular", sans-serif;
        font-size: 1.75em;
        line-height: 1.125em
    }

    h2 {
        font-family: "WalsheimLight", sans-serif;
        font-size: 1.5em;
        line-height: 1.125em
    }

    h3 {
        font-family: "WalsheimLight", sans-serif;
        font-size: 1.5625em;
        line-height: 1.25em
    }

    p {
        font-size: .9375em;
        line-height: 1.375em;
        margin-bottom: .75em
    }

    a {
        cursor: pointer;
        text-decoration: none;
        color: #666
    }

    .clear {
        clear: both
    }

    body {
        font-family: "ArmitageLight", sans-serif;
        font-size: 16px;
        color: #666;
        background-color: #929292;
        cursor: default
    }

    body .page {
        position: relative;
        width: 100%;
        padding-top: 45px;
        background-color: white
    }

    body .page .header {
        position: fixed;
        top: 0px;
        z-index: 3;
        margin: 0px auto;
        width: 100%;
        height: 45px;
        background-color: rgba(255, 255, 255, 0.93)
    }

    body .page .header .logo {
        position: absolute;
        left: 12px;
        top: 13px;
        width: 84px;
        height: 19px;
        background: url('/files/images/irw/elevate_logo.m.png?1424126686') no-repeat;
        background-size: 84px 19px
    }

    @media only screen and (min--moz-device-pixel-ratio: 2),
    only screen and (-o-min-device-pixel-ratio: 2 / 1),
    only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (min-device-pixel-ratio: 2) {}

    body .page .header .menulink {
        position: absolute;
        right: 12px;
        top: 16px;
        font-size: 1em;
        color: #09f;
        font-family: "Armitage", sans-serif
    }

    body .page .header #backToTop {
        display: none
    }

    body .page .cookieWarning {
        display: none;
        position: relative;
        z-index: 2;
        width: 100%;
        margin: 0px auto;
        padding: 15px 28.2px 10px 12px;
        font-family: "Armitage", sans-serif;
        font-size: 1em;
        line-height: 1.125em;
        background-color: #036;
        color: white;
        -webkit-font-smoothing: antialiased
    }

    body .page .cookieWarning .link {
        text-decoration: underline;
        line-height: 1.5em;
        color: white
    }

    body .page .cookieWarning .close {
        position: absolute;
        right: 10px;
        top: 15px;
        font-family: "WalsheimRegular", sans-serif;
        font-size: 1.5em;
        text-decoration: none;
        color: white
    }

    body .page .savings-ticker {
        position: relative;
        width: 100%;
        padding: 8px 0px;
        background-color: #ffff00
    }

    body .page .savings-ticker.hidden {
        display: none
    }

    body .page .savings-ticker .ticker-content {
        position: relative;
        font-family: "WalsheimRegular", sans-serif;
        font-size: 0.675em;
        line-height: 1.25em;
        text-align: center;
        color: #036
    }

    body .page .savings-ticker .ticker-content span {
        display: inline-block
    }

    body .page .savings-ticker .ticker-content .text1 {
        position: relative;
        top: -6px;
        max-width: 80px
    }

    body .page .savings-ticker .ticker-content .text2 {
        max-width: 40px
    }

    body .page .savings-ticker .ticker-content .amount {
        position: relative;
        top: -11px;
        margin: 0px 5px;
        font-weight: bold;
        font-size: 0.9375rem
    }

    body .page .savings-ticker .ticker-content .image {
        position: relative;
        top: -8px;
        width: 16px;
        height: 16px;
        margin: 0px 5px;
        background: url('/files/images/irw/savings-ticker@2x.m.png?1546628550') no-repeat;
        background-size: 16px 16px
    }

    @media only screen and (min--moz-device-pixel-ratio: 3),
    only screen and (-o-min-device-pixel-ratio: 3 / 1),
    only screen and (-webkit-min-device-pixel-ratio: 3),
    only screen and (min-device-pixel-ratio: 3) {
        body .page .savings-ticker .ticker-content .image {
            background: url('/files/images/irw/savings-ticker@3x.m.png?1546628524') no-repeat;
            background-size: 16px 16px
        }
    }

    body .page .hashtag {
        position: relative;
        top: -45px;
        height: 0px
    }

    body .page .content {
        position: relative;
        width: 100%
    }

    body .page .footerContainer {
        position: relative;
        width: 100%;
        height: 52px
    }

    body .page .footer {
        position: relative;
        width: 100%;
        background-color: #b8babc;
        -webkit-font-smoothing: antialiased
    }

    body .page .footer div {
        float: left
    }

    body .page .footer ul {
        list-style: none
    }

    body .page .footer ul a {
        color: white
    }

    body .page .footer ul a li {
        padding: 12px 0px 11px 12px;
        border-bottom: 1px solid #e6e6e6;
        font-family: "Armitage", sans-serif;
        font-size: 1.25em;
        text-decoration: none;
        color: white
    }

    body .page .footer ul a li.selected {
        background-color: #999
    }

    body .page .footer ul li.socialMedia {
        text-align: center;
        padding: 15px 0px 0px 0px
    }

    body .page .footer ul li.socialMedia>* {
        display: inline-block;
        vertical-align: top
    }

    body .page .footer ul li.socialMedia .facebook {
        width: 23px;
        height: 32px;
        background: url('/files/images/irw/facebook-footer.png?1424126686') no-repeat
    }

    @media only screen and (min--moz-device-pixel-ratio: 2),
    only screen and (-o-min-device-pixel-ratio: 2 / 1),
    only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (min-device-pixel-ratio: 2) {
        body .page .footer ul li.socialMedia .facebook {
            background: url('/files/images/irw/facebook-footer@2x.png?1424126686') no-repeat;
            background-size: 23px 32px
        }
    }

    body .page .footer ul li.socialMedia .twitter {
        width: 32px;
        height: 32px;
        margin-left: 20px;
        background: url('/files/images/irw/twitter-footer.png?1424126686') no-repeat
    }

    @media only screen and (min--moz-device-pixel-ratio: 2),
    only screen and (-o-min-device-pixel-ratio: 2 / 1),
    only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (min-device-pixel-ratio: 2) {
        body .page .footer ul li.socialMedia .twitter {
            background: url('/files/images/irw/twitter-footer@2x.png?1424126686') no-repeat;
            background-size: 32px 32px
        }
    }

    body .page .footer ul li.socialMedia .linkedin {
        width: 24px;
        height: 32px;
        margin-left: 20px;
        background: url('/files/images/irw/linkedin-footer.png?1424126686') no-repeat
    }

    @media only screen and (min--moz-device-pixel-ratio: 2),
    only screen and (-o-min-device-pixel-ratio: 2 / 1),
    only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (min-device-pixel-ratio: 2) {
        body .page .footer ul li.socialMedia .linkedin {
            background: url('/files/images/irw/linkedin-footer@2x.png?1424126686') no-repeat;
            background-size: 24px 32px
        }
    }

    body .page .footer ul li.copyright {
        padding: 15px 30px 5px 12px;
        color: white
    }

    body .page .footer ul li.copyright p {
        font-size: 0.75em;
        margin-bottom: 0.5em
    }
}


@media only screen and (max-width: 1169px) {
    .page #fixed.home-1c {
        display: none;
    }

    .page .content .frame.frame1 {
        background-image: url(/files/images/irw/banner-cp.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .page .content .frame.frame1::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #003366;
        opacity: .3;
    }

}

@media only screen and (min-width:1170px) {
    .borderBox {
        box-sizing: border-box;
        -moz-box-sizing: border-box
    }

    .forceHeightCalc {
        overflow: hidden
    }

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

    .textShadowBlue {
        text-shadow: 1px 1px 0 #1da5d0
    }

    .textShadowMdBlue {
        text-shadow: 1px 1px 0 #117aa3
    }

    .page #fixed {
        position: fixed;
        top: 80px;
        z-index: -1;
        width: 1169px;
        height: 310px
    }

    .page #fixed.home-1a {
        background: url(/files/images/irw/home_1a.jpg) no-repeat
    }

    .page #fixed.home-1b {
        background: url(/files/images/irw/home_1b.jpg) no-repeat
    }

    .page #fixed.home-1c {
        background: url(/files/images/irw/banner-cp-blue.jpg) no-repeat;
        background-color: #fff;
    }

    /*.page #fixed.home-1c::after {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background-color: #003366;
                opacity: .3;
            }*/
    .page .content {
        position: relative;
        width: 100%;
        padding-top: 80px;
        -webkit-font-smoothing: antialiased
    }

    .page .content a {
        color: #fff;
        text-decoration: none
    }

    .page .content .slash {
        position: relative;
        margin: -36px auto 0 auto;
        width: 32px;
        height: 72px;
        z-index: 1;
        background: url(/files/images/irw/slash.png) no-repeat;
        background-size: 32px 72px
    }

    .page .content .frame {
        position: relative;
        width: 100%;
        height: 309px;
        padding: 0 0 0 50px;
        color: #fff
    }

    .page .content .frame h1 {
        width: 560px
    }

    .page .content .frame .button {
        width: 260px;
        height: 50px;
        margin-top: 50px;
        padding-top: 14px;
        text-align: center;
        font-family: Armitage, sans-serif;
        font-size: 1.5em;
        background-color: #036
    }

    .page .content .frame .button:hover {
        background-color: #00478f
    }

    .page .content .frame .button:active {
        background-color: #002e5c
    }

    /*.page .content .frame.frame1 {
        padding-top: 210px
    }*/
    .page .content .frame.frame1>div.text {
        display: none
    }

    .page .content .frame.frame1>div.text h1 {
        text-shadow: 1px 1px 0 #000
    }

    .page .content .frame.frame1>div.text p {
        font-family: WalsheimLight, sans-serif;
        font-size: 1.5em;
        line-height: 1.25em;
        text-shadow: 1px 1px 0 #000;
        width: 540px;
        margin-top: 12px
    }

    .page .content .frame.frame2 {
        position: relative;
        height: 520px;
        margin-top: -36px;
        background-color: #3cf;
        color: #fff
    }

    .page .content .frame.frame2 .text-block {
        font-family: WalsheimLight, sans-serif
    }

    .page .content .frame.frame2 .text-block .figure {
        font-size: 3.25em
    }

    .page .content .frame.frame2 .text-block .text {
        font-size: 1.875em
    }

    .page .content .frame.frame2 .loans {
        position: absolute;
        left: 50px;
        bottom: 0;
        width: 560px;
        height: 495px
    }

    .page .content .frame.frame2 .loans .text-block {
        margin-top: 110px
    }

    .page .content .frame.frame2 .loans .image {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 386px;
        height: 495px;
        background: url(/files/images/irw/loan-originations.png) no-repeat;
        background-size: 386px 495px
    }

    .page .content .frame.frame2 .customers {
        position: absolute;
        left: 640px;
        top: 60px;
        width: 470px;
        height: 420px
    }

    .page .content .frame.frame2 .customers .image {
        width: 470px;
        height: 308px;
        background: url(/files/images/irw/customers-served.png) no-repeat;
        background-size: 470px 308px
    }

    .page .content .frame.frame2 .customers .text-block {
        margin-top: 20px
    }

    .page .content .frame.frame3 {
        padding-top: 70px;
        background-color: #4979bd
    }

    .page .content .frame.frame3 .image {
        position: absolute;
        right: 50px;
        top: 60px;
        width: 350px;
        height: 344px;
        background: url(/files/images/irw/products.png) no-repeat;
        background-size: 350px 344px
    }

    .page .content .frame.frame4 {
        padding-top: 70px;
        background-color: #036
    }

    /*.footerFrame{
        height: 520px !important;
    }*/
    .page .content .frame.frame4 h1 {
        width: 500px
    }

    .page .content .frame.frame4 .image {
        position: absolute;
        bottom: 0;
        right: 50px;
        width: 467px;
        height: 366px;
        background: url(/files/images/irw/cnmc.png) no-repeat;
        background-size: 467px 366px
    }

    .page .content .frame.frame4 .button {
        background-color: #09f
    }

    .page .content .frame.frame4 .button:hover {
        background-color: #1aa3ff
    }

    .page .content .frame.frame4 .button:active {
        background-color: #008ae6
    }

    .page .content .frame.frame5 {
        padding-top: 132px;
        background-color: #4979bd
    }

    .page .content .frame.frame5 h1 {
        width: 500px
    }

    .page .content .frame.frame5 .image {
        position: absolute;
        right: 50px;
        bottom: 0;
        width: 424px;
        height: 387px;
        background: url(/files/images/irw/who-we-help.png) no-repeat;
        background-size: 424px 387px
    }

    .page .content .frame.frame6 {
        padding-top: 160px;
        background-color: #3cf
    }

    .page .content .frame.frame6 .image {
        position: absolute;
        right: 50px;
        bottom: 0;
        width: 515px;
        height: 297px;
        background: url(/files/images/irw/about-us.png) no-repeat;
        background-size: 515px 297px
    }

    .page .content .frame.frame6 .balloon {
        position: absolute;
        right: 132px;
        top: 100px;
        width: 70px;
        height: 91px;
        background: url(/files/images/irw/balloon.png) no-repeat;
        background-size: 70px 91px
    }

    .page .content .frame.frame6 .button {
        margin-top: 60px
    }

    .preload #preload-home-1a {
        background: url(/files/images/irw/home_1a.jpg) no-repeat -9999px -9999px
    }

    .preload #preload-home-1b {
        background: url(/files/images/irw/home_1b.jpg) no-repeat -9999px -9999px
    }

    .preload #preload-home-1c {
        background: url(/files/images/irw/home_1c.jpg) no-repeat -9999px -9999px
    }

    .preload #preload-who-we-help {
        background: url(/files/images/irw/who-we-help-1.jpg) no-repeat -9999px -9999px
    }

    .preload #preload-junior-achievement {
        background: url(/files/images/irw/junior-achievement.jpg) no-repeat -9999px -9999px
    }

    .preload #preload-food-bank {
        background: url(/files/images/irw/food-bank.jpg) no-repeat -9999px -9999px
    }

    .preload #preload-cycling-team {
        background: url(/files/images/irw/cycling-team.jpg) no-repeat -9999px -9999px
    }

    .preload #preload-cgi {
        background: url(/files/images/irw/cgi.png) no-repeat -9999px -9999px
    }

    .preload #preload-common-ground {
        background: url(/files/images/irw/common-ground.png) no-repeat -9999px -9999px
    }

    .preload #preload-big-data {
        background: url(/files/images/irw/bigData.png) no-repeat -9999px -9999px
    }

    .preload #preload-innovation {
        background: url(/files/images/irw/innovation.png) no-repeat -9999px -9999px
    }

    .preload #preload-marketing {
        background: url(/files/images/irw/marketing.png) no-repeat -9999px -9999px
    }

    .preload #preload-employee-infographic {
        background: url(/files/images/irw/employee-infographic.png) no-repeat -9999px -9999px
    }
}

@media only screen and (max-width:1169px) {
    .textSizeAdjust {
        -ms-text-size-adjust: 100%;
        -moz-text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%
    }

    .borderBox {
        box-sizing: border-box;
        -moz-box-sizing: border-box
    }

    .forceHeightCalc {
        overflow: hidden
    }

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

    .textShadowBlue {
        text-shadow: 1px 1px 0 #1da5d0
    }

    .textShadowMdBlue {
        text-shadow: 1px 1px 0 #0e60ca
    }

    .page .content .slash {
        position: relative;
        margin: -16px auto 0 auto;
        z-index: 1;
        width: 14px;
        height: 32px;
        background: url(/files/images/irw/slash.png?1424126686) no-repeat;
        background-size: 14px 32px
    }

    .page .content .frame {
        position: relative;
        width: 100%;
        padding: 25px 12px;
        color: #fff
    }

    .page .content .frame .button {
        position: relative;
        width: 160px;
        height: 40px;
        z-index: 1;
        margin-top: 20px;
        padding-top: 12px;
        color: #fff;
        background-color: #036;
        font-size: 1.125em;
        text-align: center
    }

    .page .content .frame.frame1 {
        position: relative;
        width: 100%;
        height: auto;
        padding-top: 40px
    }

    .page .content .frame.frame1.home-1a {
        background: url(/files/images/irw/home_1a.m.jpg?1445267078) no-repeat;
        background-size: 100% 240px
    }

    .page .content .frame.frame1.home-1b {
        background: url(/files/images/irw/home_1b.m.jpg?1445267078) no-repeat;
        background-size: 100% 240px
    }

    .page .content .frame.frame1.home-1c {
        background: url(/files/images/irw/home_1c.m.jpg?1445267078) no-repeat;
        background-size: 100% 240px
    }

    .page .content .frame.frame1 .filter {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        background-color: rgba(0, 0, 0, .45)
    }

    .page .content .frame.frame1 .home-1a,
    .page .content .frame.frame1 .home-1b,
    .page .content .frame.frame1 .home-1c {
        display: none;
        position: relative;
        z-index: 2
    }

    .page .content .frame.frame1 .home-1a p,
    .page .content .frame.frame1 .home-1b p,
    .page .content .frame.frame1 .home-1c p {
        font-family: WalsheimRegular, sans-serif !important;
        font-size: 1.125em;
        line-height: 1.25em;
        margin-top: 15px;
        font-family: WalsheimLight, sans-serif
    }

    .page .content .frame.frame1 .button {
        position: relative;
        z-index: 3;
        background-color: #036
    }

    .page .content .frame.frame1 .button:active {
        background-color: #002e5c
    }

    .page .content .frame.frame2 {
        position: relative;
        height: 360px;
        margin-top: -16px;
        background-color: #3cf;
        color: #fff
    }

    .page .content .frame.frame2 .customers {
        position: absolute;
        left: 12px;
        top: 30px;
        width: 296px;
        height: 137px
    }

    .page .content .frame.frame2 .customers .image {
        float: left;
        width: 150px;
        height: 137px;
        background: url(/files/images/irw/customers-served@2x.m.png?1530892052) no-repeat;
        background-size: 150px 137px
    }

    .page .content .frame.frame2 .customers .text-block {
        float: left;
        margin: 20px 0 0 18px
    }

    .page .content .frame.frame2 .customers .text-block .figure {
        font-family: WalsheimLight, sans-serif;
        font-size: 1.75em;
        line-height: 1.25em
    }

    .page .content .frame.frame2 .customers .text-block .text {
        font-size: 1.125em;
        line-height: 1.125em;
        max-width: 125px
    }

    .page .content .frame.frame2 .loans {
        position: absolute;
        left: 12px;
        bottom: 0;
        width: 296px;
        height: 182px
    }

    .page .content .frame.frame2 .loans .image {
        float: left;
        position: absolute;
        right: 0;
        bottom: 0;
        width: 141px;
        height: 182px;
        background: url(/files/images/irw/loan-originations.png?1445627487) no-repeat;
        background-size: 141px 182px
    }

    .page .content .frame.frame2 .loans .text-block {
        float: left;
        margin: 30px 0 0 40px
    }

    .page .content .frame.frame2 .loans .text-block .figure {
        font-family: WalsheimLight, sans-serif;
        font-size: 1.75em;
        line-height: 1.25em
    }

    .page .content .frame.frame2 .loans .text-block .text {
        font-size: 1.125em;
        line-height: 1.125em;
        max-width: 140px
    }

    .page .content .frame.frame3 {
        background-color: #4979bd
    }

    .page .content .frame.frame3 .image {
        position: absolute;
        right: 12px;
        top: 20px;
        width: 112px;
        height: 110px;
        background: url(/files/images/irw/products@2x.m.png?1445267078) no-repeat;
        background-size: 112px 110px
    }

    .page .content .frame.frame3 h1 {
        width: 170px;
        font-size: 1.375em;
        line-height: 1.125em
    }

    .page .content .frame.frame4 {
        padding-bottom: 135px;
        background-color: #036
    }

    .page .content .frame.frame4 .image {
        position: absolute;
        right: 12px;
        bottom: 0;
        width: 154px;
        height: 121px;
        background: url(/files/images/irw/cnmc@2x.m.png?1477092265) no-repeat;
        background-size: 154px 121px
    }

    .page .content .frame.frame4 h1 {
        width: 296px;
        font-size: 1.375em;
        line-height: 1.125em
    }

    .page .content .frame.frame4 .button {
        width: 200px;
        background-color: #4979bd
    }

    .page .content .frame.frame5 {
        padding-bottom: 70px;
        background-color: #4979bd
    }

    .page .content .frame.frame5 .image {
        position: absolute;
        right: 12px;
        bottom: 0;
        width: 131px;
        height: 120px;
        background: url(/files/images/irw/who-we-help@2x.m.png?1477092265) no-repeat;
        background-size: 131px 120px
    }

    .page .content .frame.frame5 h1 {
        width: 200px;
        font-size: 1.375em;
        line-height: 1.125em
    }

    .page .content .frame.frame6 {
        padding-bottom: 85px;
        background-color: #3cf
    }

    .page .content .frame.frame6 .image {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 180px;
        height: 103px;
        background: url(/files/images/irw/about-us@2x.m.png?1445267077) no-repeat;
        background-size: 180px 103px
    }

    .page .content .frame.frame6 h1 {
        width: 240px;
        font-size: 1.375em;
        line-height: 1.125em
    }

    .page .content .frame.frame6 .balloon {
        position: absolute;
        right: 12px;
        bottom: 120px;
        width: 43px;
        height: 56px;
        background: url(/files/images/irw/balloon@2x.m.png?1445267077) no-repeat;
        background-size: 43px 56px
    }
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline
}

html {
    line-height: 1
}

ol,
ul {
    list-style: none
}

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

caption,
th,
td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle
}

q,
blockquote {
    quotes: none
}

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

a img {
    border: none
}

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

@font-face {
    font-family: 'Armitage';
    src: url("../fonts/irw/2B088B_1_0.eot");
    src: url("../fonts/irw/2B088B_1_0.eot#iefix") format("embedded-opentype"), url("../fonts/irw/2B088B_1_0.woff") format("woff"), url("../fonts/irw/2B088B_1_0.ttf") format("truetype")
}

@font-face {
    font-family: 'ArmitageLight';
    src: url("../fonts/irw/2B088B_0_0.eot");
    src: url("../fonts/irw/2B088B_0_0.eot#iefix") format("embedded-opentype"), url("../fonts/irw/2B088B_0_0.woff") format("woff"), url("../fonts/irw/2B088B_0_0.ttf") format("truetype")
}

@font-face {
    font-family: 'ArmitageLightItalic';
    src: url("../fonts/irw/2B28A0_0_0.eot");
    src: url("../fonts/irw/2B28A0_0_0.eot#iefix") format("embedded-opentype"), url("../fonts/irw/2B28A0_0_0.woff") format("woff"), url("../fonts/irw/2B28A0_0_0.ttf") format("truetype")
}

@font-face {
    font-family: 'WalsheimRegular';
    src: url("../fonts/irw/GT-Walsheim-Regular.eot");
    src: url("../fonts/irw/GT-Walsheim-Regular.eot#iefix") format("embedded-opentype"), url("../fonts/irw/GT-Walsheim-Regular.woff") format("woff"), url("../fonts/irw/GT-Walsheim-Regular.ttf") format("truetype")
}

@font-face {
    font-family: 'WalsheimRegularOblique';
    src: url("../fonts/irw/GT-Walsheim-Regular-Oblique.eot");
    src: url("../fonts/irw/GT-Walsheim-Regular-Oblique.eot#iefix") format("embedded-opentype"), url("../fonts/irw/GT-Walsheim-Regular-Oblique.woff") format("woff"), url("../fonts/irw/GT-Walsheim-Regular-Oblique.ttf") format("truetype")
}

@font-face {
    font-family: 'WalsheimLight';
    src: url("../fonts/irw/GT-Walsheim-Light.eot");
    src: url("../fonts/irw/GT-Walsheim-Light.eot#iefix") format("embedded-opentype"), url("../fonts/irw/GT-Walsheim-Light.woff") format("woff"), url("../fonts/irw/GT-Walsheim-Light.ttf") format("truetype")
}

@font-face {
    font-family: 'WalsheimLightOblique';
    src: url("../fonts/irw/GT-Walsheim-Light-Oblique.eot");
    src: url("../fonts/irw/GT-Walsheim-Light-Oblique.eot#iefix") format("embedded-opentype"), url("../fonts/irw/GT-Walsheim-Light-Oblique.woff") format("woff"), url("../fonts/irw/GT-Walsheim-Light-Oblique.ttf") format("truetype")
}

@font-face {
    font-family: 'WalsheimThin';
    src: url("../fonts/irw/GT-Walsheim-Thin.eot");
    src: url("../fonts/irw/GT-Walsheim-Thin.eot#iefix") format("embedded-opentype"), url("../fonts/irw/GT-Walsheim-Thin.woff") format("woff"), url("../fonts/irw/GT-Walsheim-Thin.ttf") format("truetype")
}

@font-face {
    font-family: 'MyriadPro';
    src: url("../fonts/irw/MyriadPro-Regular.eot");
    src: url("../fonts/irw/MyriadPro-Regular.eot#iefix") format("embedded-opentype"), url("../fonts/irw/MyriadPro-Regular.woff") format("woff"), url("../fonts/irw/MyriadPro-Regular.ttf") format("truetype")
}

@font-face {
    font-family: 'WalsheimThinOblique';
    src: url("../fonts/irw/GT-Walsheim-Thin-Oblique.eot");
    src: url("../fonts/irw/GT-Walsheim-Thin-Oblique.eot#iefix") format("embedded-opentype"), url("../fonts/irw/GT-Walsheim-Thin-Oblique.woff") format("woff"), url("../fonts/irw/GT-Walsheim-Thin-Oblique.ttf") format("truetype")
}

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /* display: table; */
    /* margin: 0 auto; */
}

#cssmenu:after,
#cssmenu>ul:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

#cssmenu #menu-button {
    display: none;
}

#cssmenu {
    /* box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2); */
    z-index: 1000;
    /* width: 100%; */
    border-top: solid 1px rgba(255, 255, 255, 0.15);
    transition: height 0.5s ease;
    background-color: #0099ff;
    padding-left: 35px;
    float: left;
    font-family: WalsheimRegular, sans-serif;
}

#cssmenu>ul>li {
    float: left;
    /* width: fit-content; */
}

#cssmenu.align-center>ul {
    font-size: 0;
    text-align: center;
}

#cssmenu.align-center>ul>li {
    display: inline-block;
    float: none;
}

#cssmenu.align-center ul ul {
    text-align: left;
}

#cssmenu.align-right>ul>li {
    float: right;
}

#cssmenu>ul>li>a {
    padding: 17px;
    font-size: 16px;
    letter-spacing: 1px;
    text-decoration: none;
    color: #fff;

    /* text-transform: uppercase; */
    font-family: 'WalsheimLight';
}

#cssmenu .activeParent>a,
#cssmenu>ul>li>a:hover {
    /* background: #40606F */
    font-weight: bold;
    color: #fff;
}

#cssmenu>ul>li.has-sub>a {
    padding-right: 5px;
    /* font-family:'WalsheimRegular' !important */
}

#cssmenu>ul>li.has-sub>a:after {}

#cssmenu>ul>li.has-sub>a:before {}

#cssmenu>ul>li.has-sub:hover>a:before {
    top: 23px;
    height: 0;
}

#cssmenu ul ul {
    position: absolute;
    left: -9999px;
    z-index: 1;
    border: 1px solid #b2b2b2;
    border: 1px solid rgba(0, 0, 0, 0.25);
    border-radius: 2px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25)
}

#cssmenu.align-right ul ul {
    text-align: right;
}

#cssmenu ul ul li {
    height: auto;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

#cssmenu li:hover>ul {
    left: auto;
}

#cssmenu.align-right li:hover>ul {
    left: auto;
    right: 0;
}

#cssmenu li:hover>ul>li {
    height: auto;
}

#cssmenu ul ul ul {
    margin-left: 100%;
    top: 0;
}

#cssmenu.align-right ul ul ul {
    margin-left: 0;
    margin-right: 100%;
}

#cssmenu ul ul li a {
    display: block;
    padding: 8px 20px 8px 15px;
    white-space: nowrap;
    font-family: "WalsheimLight", sans-serif;
    font-size: 1em;
    color: #555;
    background-color: white;
    background-color: rgba(255, 255, 255, 0.93)
}

#cssmenu ul ul li:last-child>a,
#cssmenu ul ul li.last-item>a {
    border-bottom: 0;
}

#cssmenu ul ul li:hover>a,
#cssmenu ul ul li a:hover,
#cssmenu .SubItemActive a {
    color: #fff;
    background: #0099ff
}

#cssmenu ul ul li.has-sub>a:after {
    position: absolute;
    top: 16px;
    right: 11px;
    width: 8px;
    height: 2px;
    display: block;
    background: #dddddd;
    content: '';
}

#cssmenu.align-right ul ul li.has-sub>a:after {
    right: auto;
    left: 11px;
}

#cssmenu ul ul li.has-sub>a:before {
    position: absolute;
    top: 13px;
    right: 14px;
    display: block;
    width: 2px;
    height: 8px;
    background: #dddddd;
    content: '';
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

#cssmenu.align-right ul ul li.has-sub>a:before {
    right: auto;
    left: 14px;
}

#cssmenu ul ul>li.has-sub:hover>a:before {
    top: 17px;
    height: 0;
}

@media all and (max-width: 768px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px),
only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px),
only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px),
only screen and (min-resolution: 192dpi) and (max-width: 1024px),
only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
    #cssmenu {
        width: 100%;
    }

    #cssmenu ul {
        width: 100%;
        display: none;
    }

    #cssmenu.align-center>ul {
        text-align: left;
    }

    #cssmenu ul li {
        width: 100%;
        border-top: 1px solid rgba(120, 120, 120, 0.2);
    }

    #cssmenu ul ul li,
    #cssmenu li:hover>ul>li {
        height: auto;
    }

    #cssmenu ul li a,
    #cssmenu ul ul li a {
        width: 100%;
        border-bottom: 0;
    }

    #cssmenu>ul>li {
        float: none;
    }

    #cssmenu ul ul li a {
        padding-left: 25px;
    }

    #cssmenu ul ul ul li a {
        padding-left: 35px;
    }

    #cssmenu ul ul li a {
        color: #dddddd;
        background: none;
    }

    #cssmenu ul ul li:hover>a,
    #cssmenu ul ul li.active>a {
        color: #ffffff;
    }

    #cssmenu ul ul,
    #cssmenu ul ul ul,
    #cssmenu.align-right ul ul {
        position: relative;
        left: 0;
        width: 100%;
        margin: 0;
        text-align: left;
    }

    #cssmenu>ul>li.has-sub>a:after,
    #cssmenu>ul>li.has-sub>a:before,
    #cssmenu ul ul>li.has-sub>a:after,
    #cssmenu ul ul>li.has-sub>a:before {
        display: none;
    }

    #cssmenu #menu-button {
        display: block;
        padding: 10px 15px 15px 15px;
        color: #dddddd;
        cursor: pointer;
        font-size: 12px;
        text-transform: uppercase;
        font-weight: 700;
    }

    #cssmenu #menu-button:after {

        position: absolute;
        top: 17px;
        right: 17px;
        display: block;
        height: 5px;
        width: 20px;
        border-top: 2px solid #dddddd;
        border-bottom: 2px solid #dddddd;
        content: '';
    }

    #cssmenu #menu-button:before {

        position: absolute;
        top: 10px;
        right: 17px;
        display: block;
        height: 2px;
        width: 20px;
        background: #dddddd;
        content: '';
    }

    #cssmenu #menu-button.menu-opened:after {
        top: 18px;
        border: 0;
        height: 2px;
        width: 15px;
        background: #ffffff;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    #cssmenu #menu-button.menu-opened:before {
        top: 18px;
        background: #ffffff;
        width: 15px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    #cssmenu .submenu-button {
        position: absolute;
        z-index: 99;
        right: 0;
        top: 0;
        display: block;
        border-left: 1px solid rgba(120, 120, 120, 0.2);
        height: 46px;
        width: 46px;
        cursor: pointer;
    }

    #cssmenu .submenu-button.submenu-opened {
        /* background: #ec1b30 */
    }

    #cssmenu ul ul .submenu-button {
        height: 34px;
        width: 34px;
    }

    #cssmenu .submenu-button:after {
        position: absolute;
        top: 22px;
        right: 19px;
        width: 8px;
        height: 2px;
        display: block;
        background: #dddddd;
        content: '';
    }

    #cssmenu ul ul .submenu-button:after {
        top: 15px;
        right: 13px;
    }

    #cssmenu .submenu-button.submenu-opened:after {
        background: #ffffff;
    }

    #cssmenu .submenu-button:before {
        position: absolute;
        top: 19px;
        right: 22px;
        display: block;
        width: 2px;
        height: 8px;
        background: #dddddd;
        content: '';
    }

    #cssmenu ul ul .submenu-button:before {
        top: 12px;
        right: 16px;
    }

    #cssmenu .submenu-button.submenu-opened:before {
        display: none;
    }
}