/* combining all client css */
/* app.css */
@charset "UTF-8"; @import url("//fonts.googleapis.com/css?family=Roboto+Slab|Roboto:300,400,500,700"); html {
    font-family: sans-serif;
    /* 1 */
    line-height: 1.15;
    /* 2 */
    -ms-text-size-adjust: 100%;
    /* 3 */
    -webkit-text-size-adjust: 100%;
    /* 3 */
}

body {
    margin: 0;
}

nav, section {
    display: block;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

hr {
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */
}

a {
    background-color: transparent;
    /* 1 */
    -webkit-text-decoration-skip: objects;
    /* 2 */
}

/**
     * Remove the outline on focused links when they are also active or hovered
     * in all browsers (opinionated).
     */
a:active, a:hover {
    outline-width: 0;
}

svg:not(:root) {
    overflow: hidden;
}

/* Forms
       ========================================================================== */
/**
     * 1. Change the font styles in all browsers (opinionated).
     * 2. Remove the margin in Firefox and Safari.
     */
button {
    font-family: sans-serif;
    /* 1 */
    font-size: 100%;
    /* 1 */
    line-height: 1.15;
    /* 1 */
    margin: 0;
    /* 2 */
}

/**
     * Show the overflow in IE.
     */
button {
    overflow: visible;
}

button {
    /* 1 */
    text-transform: none;
}

button, html [type="button"] {
    -webkit-appearance: button;
    /* 2 */
}

button, [type="button"] {
    /**
         * Remove the inner border and padding in Firefox.
         */
    /**
         * Restore the focus styles unset by the previous rule.
         */
}

button::-moz-focus-inner, [type="button"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

button:-moz-focusring, [type="button"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}

.foundation-mq {
    font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em";
}

html {
    box-sizing: border-box;
    font-size: 100%;
}

*, *::before, *::after {
    box-sizing: inherit;
}

body {
    margin: 0;
    padding: 0;
    background: #fefefe;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: normal;
    line-height: 1.5;
    color: #0a0a0a;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

button {
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    border-radius: 0;
    background: transparent;
    line-height: 1;
}

.is-visible {
    display: block !important;
}

.is-hidden {
    display: none !important;
}

.row:not(.custom-row) {
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.row .row {
    margin-right: -0.625rem;
    margin-left: -0.625rem;
}

@media print, screen and (min-width: 40em) {
    .row .row {
        margin-right: -0.9375rem;
        margin-left: -0.9375rem;
    }
}

@media print, screen and (min-width: 64em) {
    .row .row {
        margin-right: -0.9375rem;
        margin-left: -0.9375rem;
    }
}

.row.collapse > .columns {
    padding-right: 0;
    padding-left: 0;
}

.column, .columns {
    -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
    min-width: initial;
}

@media print, screen and (min-width: 40em) {
    .column, .columns {
        padding-right: 0.9375rem;
        padding-left: 0.9375rem;
    }
}

.column.row.row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.small-2 {
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
}

.small-8 {
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
}

.small-10 {
    -webkit-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
}

.small-11 {
    -webkit-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
}

.small-12 {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.small-collapse > .column {
    padding-right: 0;
    padding-left: 0;
}

@media print, screen and (min-width: 40em) {
    .medium-2 {
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .medium-4 {
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .medium-5 {
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

    .medium-6 {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .medium-7 {
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

    .medium-8 {
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .medium-10 {
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }

    .medium-12 {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media print, screen and (min-width: 40em) {
    .medium-uncollapse > .column {
        padding-right: 0.9375rem;
        padding-left: 0.9375rem;
    }
}

@media print, screen and (min-width: 64em) {
    .large-2 {
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .large-3 {
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .large-4 {
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .large-5 {
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

    .large-6 {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .large-7 {
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

    .large-8 {
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .large-9 {
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
}

div, ul, li, h1, h2, h3, h4, h5, h6, p {
    margin: 0;
    padding: 0;
}

p {
    margin-bottom: 1rem;
    font-size: inherit;
    line-height: 1.6;
    text-rendering: optimizeLegibility;
}

i {
    font-style: italic;
    line-height: inherit;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    color: inherit;
    text-rendering: optimizeLegibility;
}

h1 {
    font-size: 1.5rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 0.5rem;
}

h2 {
    font-size: 1.25rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 0.5rem;
}

h3 {
    font-size: 1.1875rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 0.5rem;
}

h4 {
    font-size: 1.125rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 0.5rem;
}

h5 {
    font-size: 1.0625rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 0.5rem;
}

h6 {
    font-size: 1rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 0.5rem;
}

@media print, screen and (min-width: 40em) {
    h1 {
        font-size: 3rem;
    }

    h2 {
        font-size: 2.5rem;
    }

    h3 {
        font-size: 1.9375rem;
    }

    h4 {
        font-size: 1.5625rem;
    }

    h5 {
        font-size: 1.25rem;
    }

    h6 {
        font-size: 1rem;
    }
}

a {
    line-height: inherit;
    color: #1779ba;
    text-decoration: none;
    cursor: pointer;
}

a:hover, a:focus {
    color: #1468a0;
}

hr {
    clear: both;
    max-width: 75rem;
    height: 0;
    margin: 1.25rem auto;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #cacaca;
    border-left: 0;
}

ul {
    margin-bottom: 1rem;
    list-style-position: outside;
    line-height: 1.6;
}

li {
    font-size: inherit;
}

ul {
    margin-left: 1.25rem;
    list-style-type: disc;
}

.lead {
    font-size: 125%;
    line-height: 1.6;
}

.no-bullet {
    margin-left: 0;
    list-style: none;
}

.text-right {
    text-align: right;
}

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

@media print {
    * {
        background: transparent !important;
        box-shadow: none !important;
        color: black !important;
        text-shadow: none !important;
    }

    a, a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    a[href^='#']:after {
        content: '';
    }

    @page {
        margin: 0.5cm;
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3;
    }

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

.button {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 1rem 0;
    padding: 0.85em 1em;
    -webkit-appearance: none;
    border: 1px solid transparent;
    border-radius: 0;
    transition: background-color 0.25s ease-out, color 0.25s ease-out;
    font-size: 0.9rem;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    background-color: #1779ba;
    color: #fefefe;
}

.button:hover, .button:focus {
    background-color: #14679e;
    color: #fefefe;
}

.button.secondary {
    background-color: #767676;
    color: #fefefe;
}

.button.secondary:hover, .button.secondary:focus {
    background-color: #5e5e5e;
    color: #fefefe;
}

.close-button {
    position: absolute;
    color: #00465A;
    cursor: pointer;
}

.close-button:hover, .close-button:focus {
    color: #0a0a0a;
}

.close-button {
    right: 1rem;
    top: 0.5rem;
    font-size: 2em;
    line-height: 1;
}

.menu:not(.custom-menu):not(.vertical) {
    margin: 0;
    list-style-type: none;
}

.menu:not(.custom-menu):not(.vertical) > li {
    display: table-cell;
    vertical-align: middle;
}

.menu:not(.custom-menu):not(.vertical) > li > a {
    display: block;
    padding: 0.7rem 1rem;
    line-height: 1;
}

.menu:not(.custom-menu):not(.vertical) a {
    margin-bottom: 0;
}

.menu:not(.custom-menu):not(.vertical) > li > a svg {
    vertical-align: middle;
}

.menu:not(.custom-menu):not(.vertical) > li > a svg {
    margin-right: 0.25rem;
    display: inline-block;
}

.menu:not(.custom-menu):not(.vertical) > li {
    display: table-cell;
}

.menu.vertical > li {
    display: block;
}

@media print, screen and (min-width: 64em) {
    .menu.large-horizontal > li {
        display: table-cell;
    }
}

.menu-text {
    padding-top: 0;
    padding-bottom: 0;
    padding: 0.7rem 1rem;
    font-weight: bold;
    line-height: 1;
    color: inherit;
}

.menu-icon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 16px;
    cursor: pointer;
}

.menu-icon::after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background: #fefefe;
    box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe;
    content: '';
}

.menu-icon:hover::after {
    background: #cacaca;
    box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca;
}

.is-drilldown {
    position: relative;
    overflow: hidden;
}

.is-drilldown li {
    display: block;
}

.is-drilldown.animate-height {
    transition: height 0.5s;
}

.is-drilldown-submenu {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: -1;
    width: 100%;
    background: #fefefe;
    transition: -webkit-transform 0.15s linear;
    transition: transform 0.15s linear;
    transition: transform 0.15s linear, -webkit-transform 0.15s linear;
}

.is-drilldown-submenu.is-active {
    z-index: 1;
    display: block;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
}

.is-drilldown-submenu.is-closing {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
}

.is-drilldown-submenu-parent > a {
    position: relative;
}

.is-drilldown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #1779ba;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 1rem;
}

.is-dropdown-menu.vertical {
    width: 100px;
}

.is-dropdown-menu.vertical.align-right {
    float: right;
}

.is-dropdown-submenu-parent {
    position: relative;
}

.is-dropdown-submenu-parent a::after {
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -6px;
}

.is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu {
    top: 100%;
    left: auto;
}

.is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu {
    right: 100%;
    left: auto;
}

.is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%;
}

.is-dropdown-submenu {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 1;
    display: none;
    min-width: 200px;
    border: 1px solid #cacaca;
    background: #fefefe;
}

.is-dropdown-submenu .is-dropdown-submenu-parent > a::after {
    right: 14px;
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #1779ba transparent transparent;
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #1779ba;
}

.is-dropdown-submenu .is-dropdown-submenu {
    margin-top: -1px;
}

.is-dropdown-submenu > li {
    width: 100%;
}

.is-dropdown-submenu.js-dropdown-active {
    display: block;
}

.title-bar {
    padding: 0.5rem;
    background: #fefefe;
    color: #fefefe;
}

.title-bar::before, .title-bar::after {
    display: table;
    content: ' ';
}

.title-bar::after {
    clear: both;
}

.title-bar .menu-icon {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
}

.title-bar-title {
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
}

.top-bar:not(.custom-top-bar) {
    padding: 0.5rem;
}

.top-bar::before, .top-bar::after {
    display: table;
    content: ' ';
}

.top-bar::after {
    clear: both;
}

.top-bar, .top-bar ul {
    background-color: #fefefe;
}

.top-bar .top-bar-left, .top-bar .top-bar-right {
    width: 100%;
}

@media print, screen and (min-width: 40em) {
    .top-bar .top-bar-left, .top-bar .top-bar-right {
        width: auto;
    }
}

.top-bar-left {
    float: left;
}

.top-bar-right {
    float: right;
}

@media screen and (max-width: 39.9375em) {
    .hide-for-small-only {
        display: none !important;
    }
}

@media print, screen and (min-width: 64em) {
    .hide-for-large {
        display: none !important;
    }
}

@media screen and (max-width: 63.9375em) {
    .show-for-large {
        display: none !important;
    }
}

.align-center {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.align-justify {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.align-middle {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

/*** Colors ***/
.bg-tidal {
    background-color: #00B0B9 !important;
}

.bg-light-grey {
    background-color: #F8F8F8 !important;
}

.tidal {
    color: #00B0B9 !important;
}

.meadow {
    color: #26BA8B !important;
}

.inch-worm {
    color: #97D700 !important;
}

.white {
    color: #ffffff !important;
}

.dark-teal {
    color: #00465A !important;
}

/*** Footer Styling ***/
/*.footer {
    font-size: 15px;
    color: rgba(0, 0, 0, 0.7);
    background-color: #F8F8F8;
}

.footer h6 {
    margin-bottom: 10px;
    font-size: 22px;
    line-height: 36px;
}

.footer ul {
    color: #333333;
    line-height: 26px;
    padding-bottom: 20px;
}

.footer a {
    color: #00465A;
}

.footer p {
    color: #333;
    margin-bottom: 16px;
    text-rendering: optimizeLegibility;
}

.footer .paddingTopBottom {
    padding-top: 25px;
    padding-bottom: 45px;
}

.footer li.email-icon::before, div.email-icon {
    content: '';
    background-image: url(../img/sprites.png);
    background-repeat: no-repeat;
    display: inline-block;
    background-position: -504px -90px;
    position: relative;
    top: 8px;
    width: 30px;
    height: 25px;
}

.footer .logo {
    width: 160px;
}*/

/*** Footer Social Icons ***/
/*.socialLinks {
    padding-bottom: 26px;
    clear: both;
    overflow: hidden;
    margin-left: -20px;
}

@media print, screen and (min-width: 64em) {
    .socialLinks {
        margin-left: 0px;
    }
}

.socialLinks i {
    float: left;
}*/

/*.socialLinks li {
    font-size: 15px;
    min-width: initial;
    line-height: 20px;
    border: 2px solid #00465a;
    margin-bottom: 20px;
    color: #00465a;
    box-sizing: border-box;
    text-align: center;
    white-space: nowrap;
    margin-bottom: 20px;
    margin-left: 20px;
    float: left;
}

@media print, screen and (min-width: 40em) {
    .socialLinks li {
        border: 2px solid #00465a;
        margin-bottom: 20px;
        color: #00465a;
        box-sizing: border-box;
        text-align: center;
        white-space: nowrap;
        margin-bottom: 20px;
        margin-left: 20px;
        float: left;
    }
}

@media print, screen and (min-width: 64em) {
    .socialLinks li {
        min-width: 50px;
        min-height: 50px;
        border: 0px solid #fff;
        margin-bottom: 20px;
        margin-left: -20px;
        float: left;
    }
}

.socialLinks li a {
    color: #00465a;
    line-height: 31px;
    display: inline-block;
    white-space: nowrap;
}

.socialLinks li span {
    padding-left: 7px;
    line-height: 24px;
    display: table-cell;
}

@media print, screen and (min-width: 64em) {
    .socialLinks li span {
        display: none;
    }
}*/

/*** Footer Icons Positioniong and Size from Sprite ***/
.icon {
    background-image: url("../img/sprites.png");
    background-repeat: no-repeat;
    display: block;
    width: 24px;
    height: 24px;
}

@media print, screen and (min-width: 64em) {
    .icon {
        width: 50px;
        height: 50px;
    }
}

.icon.facebook {
    background-position: -9px -382px;
}

@media print, screen and (min-width: 64em) {
    .icon.facebook {
        background-position: -7px -992px;
    }
}

.icon.twitter {
    background-position: -104px -382px;
}

@media print, screen and (min-width: 64em) {
    .icon.twitter {
        background-position: -112px -992px;
    }
}

.icon.youtube {
    background-position: -204px -382px;
}

@media print, screen and (min-width: 64em) {
    .icon.youtube {
        background-position: -217px -992px;
    }
}

.icon.linkedin {
    background-position: -304px -382px;
}

@media print, screen and (min-width: 64em) {
    .icon.linkedin {
        background-position: -322px -992px;
    }
}

.icon.google {
    background-position: -403px -382px;
}

@media print, screen and (min-width: 64em) {
    .icon.google {
        background-position: -427px -992px;
    }
}

.icon.pdf {
    background-position: -110px -904px;
}

@media print, screen and (min-width: 64em) {
    .icon.pdf {
        background-position: -92px -890px;
    }
}

/*** Fonts All of body should always be roboto***/
.roboto {
    font-family: 'Roboto', sans-serif;
}

.roboto-slab {
    font-family: 'Roboto Slab', serif;
}

.light {
    font-weight: 300;
}

.regular {
    font-weight: 400;
}

.bold {
    font-weight: 600;
}

/*** Nav and links styling ***/
.title-bar {
    background: #ffffff;
    color: rgba(0, 0, 0, 0.7);
}

.title-bar-title {
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 140px;
}

@media print, screen and (min-width: 64em) {
    .title-bar-title {
        width: 160px;
    }
}

.centered-nav {
    max-width: 1280px;
    margin: 0 auto;
}

.top-bar:not(.custom-top-bar) {
    padding: 0 0 15px 0;
    clear: both;
    background-color: #ffffff;
    height: 100vh;
}

@media print, screen and (min-width: 64em) {
    .top-bar:not(.custom-top-bar) {
        height: 100px;
    }
}

.top-bar ul {
    background-color: none !important;
}

.top-bar-right, .top-bar-left {
    margin-top: 17px;
}

.fixed {
    position: fixed;
    top: 40;
    z-index: 1000;
    height: 45px;
    width: 100%;
}

/*.menu {
    background-color: #ffffff;
}

.menu li a {
    color: rgba(0, 0, 0, 0.7);
    padding: 1rem;
    font-size: 14px;
    font-weight: bold;
}

.menu li a:hover {
    color: #00212b;
    text-decoration: underline;
}

.menu > li:not(.menu-text) > a {
    padding: 1.5rem 1.5rem;
}

#nav ul li a.menu-button {
    background-color: transparent !important;
}

.menu-text {
    font-weight: bold;
    color: inherit;
    line-height: 1;
    padding-top: 0;
    padding-bottom: 0;
}*/

.title-bar a {
    color: rgba(0, 0, 0, 0.7);
}

.title-bar {
    padding: 10px;
    border-image: 1px solid #828282;
}

.menu-icon::after {
    background-color: #00465A !important;
    box-shadow: 0 7px 0 #00465A, 0 14px 0 #00465A;
}

.menu-icon:hover::after, .menu-icon:active::after {
    background-color: #00212b !important;
    box-shadow: 0 7px 0 #00212b, 0 14px 0 #00212b;
}

.menu-icon:not(.custom-menu-icon) {
    float: right;
    margin-top: 7px;
}

[class^="icon"]:not(.close):not(.custom-icon) {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

[class^="icon"]:not(.close):not(.custom-icon) {
    width: 80px;
    height: 80px;
    margin-left: 5px;
    bottom: -1px;
    display: inline-block;
    vertical-align: middle;
}

.consumer-cta {
    position: absolute;
    top: 10px;
    right: 10px;
}

.consumer-cta [class^="icon"] {
    width: 12px;
    height: 12px;
    margin-left: 5px;
    bottom: 1px;
}

/*** Color Specturm ***/
h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto';
    font-weight: 700;
    color: rgba(0, 0, 0, 0.7);
}

a, body, li, li, p, ul {
    /*font-family: 'Roboto';
    color: rgba(0, 0, 0, 0.7);*/
}

ul, li {
    padding: 0;
    margin: 0;
    list-style: none;
}

a {
    color: #00465A;
}

/**** Paddings ****/
body:not(.nir-node--5806) section:not(#header-nav):not(.hero-unit) {
    padding: 50px 0px;
}

.extra-padding {
    padding-top: 90px;
}

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

.small-padding {
    padding: 20px 0 !important;
}

.medium-padding {
    padding: 30px 0 !important;
}

/**** Border ****/
.border-right {
    border-right: 0px solid #dedede;
}

@media print, screen and (min-width: 64em) {
    .border-right {
        border-right: 1px solid #dedede;
    }
}

/**** Buttons ****/
.button {
    background-color: #00465A;
}

/**** Header Sections CSS ****/
.header-section {
    background: url("../img/header-image-small.png") center 0;
    background-size: cover;
    background-repeat: no-repeat;
    height: 400px;
    width: 100%;
}

@media print, screen and (min-width: 64em) {
    .header-section {
        background: url("../img/header-image-large.png") center 0;
    }
}

/**** Stock Information Sections CSS ****/
.stock-numbers {
    border: 1px solid;
    background-color: #fcfcfc;
    padding: 25px;
}

.stock-numbers h5 {
    padding: 10px 0px;
    border-bottom: 4px solid #00465A;
    width: 180px;
    margin: auto auto;
}

/**** Toolkit Sections CSS ****/
.toolkit-section .row {
    min-height: 300px;
}

.toolkit-section .toolkit-image {
    background: url(../img/lib-rgb-lifestyle1-20094_500x333.png) center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.toolkit-section p.white-article-icon::before {
    content: '';
    margin-right: 7px;
    position: relative;
    top: 3px;
    width: 20px;
    height: 20px;
    background-image: url("../img/sprites.png");
    background-position: -57px -1074px;
    background-repeat: no-repeat;
    display: inline-block;
}

.toolkit-section p.white-info-icon::before {
    content: '';
    margin-right: 7px;
    position: relative;
    top: 3px;
    width: 20px;
    height: 20px;
    background-image: url("../img/sprites.png");
    background-position: -171px -1074px;
    background-repeat: no-repeat;
    display: inline-block;
}

.toolkit-section .bg-tidal {
    padding-top: 40px;
    padding-left: 40px;
}

.toolkit-section a {
    color: white;
}

/**** Cards Sections CSS ****/
.resource-cards-section .cards {
    border: 1px solid #F8F8F8;
    background-color: white;
}

.resource-cards-section .cards h4, .resource-cards-section .cards h5, .resource-cards-section .cards p {
    margin-left: 40px;
    margin-top: 10px;
}

.resource-cards-section .cards h5::after {
    content: '';
    background-image: url("../img/sprites.png");
    background-repeat: no-repeat;
    display: inline-block;
    background-position: -407px -426px;
    width: 20px;
    height: 16px;
    margin-left: 6px;
    position: relative;
    top: 2px;
}

.resource-cards-section .cards p.color-article-icon::before {
    content: '';
    width: 20px;
    height: 20px;
    background-image: url("../img/sprites.png");
    background-repeat: no-repeat;
    display: inline-block;
    background-position: -0px -1074px;
    margin-right: 7px;
    position: relative;
    top: 3px;
}

.resource-cards-section p.color-info-icon::before {
    content: '';
    width: 20px;
    height: 20px;
    background-image: url("../img/sprites.png");
    background-repeat: no-repeat;
    display: inline-block;
    background-position: -113px -1074px;
    margin-right: 7px;
    position: relative;
    top: 3px;
}

.resource-cards-section a {
    color: #00465A;
}

/**** Governance Sections CSS ****/
.governance-section {
    background: url(../img/governance-image.jpg) center center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 400px;
}

/**** Interior Header CSS ****/
.interior-header {
    height: auto;
    background-color: #26BA8B;
}

/**** Press Relase List CSS ****/
.press-release-lists {
    border-top: 2px solid #f8f8f8;
    padding: 20px;
}

/* end app.css */
/* main.icons.css */
div.image {
    margin-bottom: 20px;
    overflow: hidden
}

div.image img {
    display: block
}

div.image small {
    display: block
}

div.textimage div.image {
    float: left;
    margin-bottom: 8px !important
}

div.textimage div.text .cq-placeholder {
    height: 1.875rem
}

div.textimage div.clear {
    clear: both
}

div.search {
    padding: 0 1px 0 0
}

div.searchRight {
    border-left: 1px solid #ddd;
    float: right;
    width: 150px;
    padding-left: 20px;
    padding-bottom: 20px
}

div.searchTrends {
    text-align: justify
}

div.searchRight p {
    text-align: center;
    font-weight: bold;
    margin-bottom: 5px
}

div.search span.icon img {
    width: 16px;
    height: 16px
}

div.search span.icon {
    padding: 0 2px 8px 0;
    background: url(../img/default.gif) no-repeat
}

div.search span.icon.type_doc {
    background: url(../img/doc.gif) no-repeat
}

div.search span.icon.type_eps {
    background: url(../img/eps.gif) no-repeat
}

div.search span.icon.type_gif {
    background: url(../img/zip.gif) no-repeat
}

div.search span.icon.type_jpg {
    background: url(../img/jpg.gif) no-repeat
}

div.search span.icon.type_pdf {
    background: url(../img/pdf.gif) no-repeat
}

div.search span.icon.type_ppt {
    background: url(../img/ppt.gif) no-repeat
}

div.search span.icon.type_tif {
    background: url(../img/tif.gif) no-repeat
}

div.search span.icon.type_txt {
    background: url(../img/txt.gif) no-repeat
}

div.search span.icon.type_xls {
    background: url(../img/xls.gif) no-repeat
}

div.search span.icon.type_zip {
    background: url(../img/zip.gif) no-repeat
}

#profile_view .form_leftcol {
    float: left;
    width: 120px
}

#profile_view .form_rightcol {
    float: left;
    clear: none
}

#profile_view div.section {
    padding-bottom: 0 !important
}

ins.textAdded {
    color: #0c0
}

del.textRemoved {
    color: #c00
}

img.imageAdded {
    border: 2px solid #0c0
}

img.imageRemoved {
    border: 2px solid #c00
}

div.image {
    margin-bottom: 20px;
    overflow: hidden
}

div.image img {
    display: block
}

div.image small {
    display: block
}

div.download div.item {
    clear: both;
    margin: 0 0 8px 0
}

div.download span.icon img {
    width: 16px;
    height: 16px
}

div.download span.icon {
    float: left;
    padding: 0 8px 8px 0;
    background: url(../img/default.gif) no-repeat
}

div.download span.icon.type_doc {
    background: url(../img/doc.gif) no-repeat
}

div.download span.icon.type_eps {
    background: url(../img/eps.gif) no-repeat
}

div.download span.icon.type_gif {
    background: url(../img/zip.gif) no-repeat
}

div.download span.icon.type_jpg {
    background: url(../img/jpg.gif) no-repeat
}

div.download span.icon.type_pdf {
    background: url(../img/pdf.gif) no-repeat
}

div.download span.icon.type_ppt {
    background: url(../img/ppt.gif) no-repeat
}

div.download span.icon.type_tif {
    background: url(../img/tif.gif) no-repeat
}

div.download span.icon.type_txt {
    background: url(../img/txt.gif) no-repeat
}

div.download span.icon.type_xls {
    background: url(../img/xls.gif) no-repeat
}

div.download span.icon.type_zip {
    background: url(../img/zip.gif) no-repeat
}

div.carousel {
    margin-top: 7px;
    margin-bottom: 7px
}

.cq-carousel {
    position: relative;
    width: 940px;
    height: 270px;
    overflow: hidden
}

.cq-carousel var {
    display: none
}

.cq-carousel-banner-item {
    width: 940px;
    height: 270px;
    left: 1000px;
    position: absolute;
    top: 0;
    background-color: #eee;
    overflow: hidden
}

.cq-carousel-banner-item img {
    width: 940px;
    height: 270px;
    background: no-repeat center center
}

.par .cq-carousel-banner-item img {
    width: 700px;
    height: 245px;
    background: no-repeat center center
}

.par .cq-carousel {
    width: 700px;
    height: 245px
}

.par .cq-carousel-banner-item {
    width: 700px;
    height: 245px
}

.cq-carousel-banner-item h3,.cq-carousel-banner-item p {
    padding: 10px
}

.cq-carousel-banner {
    position: absolute
}

.cq-carousel-banner-switches,.cq-carousel-banner-switches-tl,.cq-carousel-banner-switches-tc,.cq-carousel-banner-switches-tr,.cq-carousel-banner-switches-bl,.cq-carousel-banner-switches-bc,.cq-carousel-banner-switches-br {
    position: absolute;
    width: 100%;
    margin: 0;
    padding: 0
}

.cq-carousel-banner-switches {
    display: none
}

.cq-carousel-banner-switches-tl {
    top: 0;
    left: 0
}

.cq-carousel-banner-switches-tc {
    top: 0;
    left: 0;
    text-align: center
}

.cq-carousel-banner-switches-tr {
    top: 0;
    left: 0;
    text-align: right
}

.cq-carousel-banner-switches-bl {
    bottom: 0;
    left: 0
}

.cq-carousel-banner-switches-bc {
    bottom: 0;
    left: 0;
    text-align: center
}

.cq-carousel-banner-switches-br {
    bottom: 0;
    left: 0;
    text-align: right
}

.cq-carousel-banner-switch {
    display: inline-block;
    margin: 8px;
    padding: 0
}

.cq-carousel-banner-switch-br {
    position: absolute;
    margin: 0;
    padding: 0;
    bottom: 0;
    right: 8px
}

.cq-carousel-banner-switch-bl {
    position: absolute;
    margin: 0;
    padding: 0;
    bottom: 0;
    left: 8px
}

.cq-carousel-controls a {
    position: absolute;
    width: 24px;
    height: 48px;
    top: 111px;
    background: url("../../designs/default/images/carousel/controls.png") no-repeat scroll 0 0 transparent;
    visibility: hidden
}

.cq-carousel-controls a.cq-carousel-active {
    visibility: visible
}

a.cq-carousel-control-prev {
    left: 0;
    background-position: -24px 0
}

a.cq-carousel-control-prev:hover {
    left: 0;
    background-position: -72px 0
}

a.cq-carousel-control-next {
    right: 0
}

a.cq-carousel-control-next:hover {
    right: 0;
    background-position: -48px 0
}

.cq-carousel-banner-switch a {
    display: inline-block;
    background: url("../../designs/default/images/carousel/switcher.png") no-repeat scroll 0 0 transparent
}

.cq-carousel-banner-switch a img {
    width: 25px;
    height: 25px;
    vertical-align: top
}

.cq-carousel-banner-switch a.cq-carousel-active,.cq-carousel-banner-switch a:hover {
    background-position: -25px 0
}

.cq-carousel-banner-switch li {
    background: none !important;
    display: inline-block;
    list-style: none;
    float: left
}

.form_section {
    width: 300px;
    float: none
}

.form_section form {
    float: left;
    width: 300px
}

.form_section fieldset {
    width: 300px;
    float: left
}

.form_section .input_box1 {
    width: 185px;
    height: 23px;
    float: left
}

.form_section input {
    width: 175px;
    padding-left: 5px;
    padding-right: 5px;
    border: 0;
    background: 0;
    padding-top: 4px;
    font-size: 11px;
    color: #999
}

.form_section input.sign_up {
    width: 82px;
    height: 23px;
    float: left;
    margin-left: 5px;
    display: inline;
    cursor: pointer
}

form .form_row {
    display: block;
    font-size: 13px;
    line-height: 24px;
    color: #666;
    clear: both
}

form .form_field_checkbox,form .form_field_radio {
    margin-left: 20px
}

form .form_field_text,form .form_field_textarea {
    border-color: #7c7c7c #c3c3c3 #ddd;
    border-style: solid;
    border-width: 1px;
    color: #333;
    font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Helvetica,sans-serif;
    font-size: 100%;
    margin: 0;
    padding: 2px
}

form .form_field_textarea {
    width: 698px
}

form .form_row_description {
    font-size: 11px;
    line-height: 12px;
    clear: both;
    color: #666
}

form .form_rightcol {
    clear: both
}

form .form_rightcolnobr {
    clear: none;
    float: right;
    margin-bottom: 15px
}

form .form_rightcolnooverflow {
    overflow: hidden
}

form .form_rightcolmark {
    color: red;
    font-weight: bold
}

form .title {
    padding-top: 10px
}

form .form_leftcolmark {
    color: red
}

form .form_leftcollabel {
    float: left;
    font-weight: bold
}

form .form_leftcolmark {
    float: left;
    padding-left: 2px;
    font-weight: bold
}

form .form_leftcolnobr {
    float: left;
    margin-bottom: 15px
}

form .form_captcha_input {
    float: left;
    width: 170px
}

form .form_captcha_input input {
    width: 170px
}

form .form_captcha_img {
    float: left;
    padding-left: 16px
}

form .form_captcha_refresh {
    float: right
}

form .form_captchatimer {
    float: left;
    border: 1px solid #ccc
}

form .form_captchatimer_bar {
    float: left;
    background-color: #ccc;
    height: 8px
}

form .customer_survey_submit {
    float: right;
    margin-top: 28px
}

form .form_field_text {
    width: 334px;
    margin-bottom: 4px
}

form .form_field_text.form_field_multivalued {
    width: 314px
}

form .form_field_select {
    width: 340px
}

form .form_error {
    color: red;
    font-weight: bold
}

form div.section {
    padding-bottom: 10px
}

form div.colctrl.section {
    padding-bottom: 0 !important
}

form SPAN.mr_write {
    display: inline-block;
    width: 16px;
    text-align: right;
    vertical-align: top
}

form div.address div.form_row {
    margin-bottom: 12px
}

form div.form_address_state {
    display: inline-block
}

form input.form_address_state {
    width: 204px
}

form div.form_address_zip {
    display: inline-block;
    padding-left: 20px
}

form input.form_address_zip {
    width: 80px
}

form div.creditcard div.form_row {
    margin-bottom: 12px
}

form div.form_cc_expiry_month,form div.form_cc_expiry_year,form div.form_cc_security_code {
    display: inline-block
}

form input.form_cc_expiry_month,form input.form_cc_expiry_year {
    width: 40px
}

form div.form_cc_expiry_separator {
    display: inline-block;
    font-size: 150%;
    padding-right: 6px
}

form input.form_cc_ccv {
    width: 70px
}

/* end main.icons.css*/
/* thirdpartyclientlibs.min.css*/
@charset "UTF-8";/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

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

audio,canvas,progress,video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],template {
    display: none
}

a {
    background-color: transparent
}

a:active,a:hover {
    outline: 0
}

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

b,strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,kbd,pre,samp {
    font-family: monospace;
    font-size: 1em
}

button,input,optgroup,select,textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,select {
    text-transform: none
}

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

button[disabled],html input[disabled] {
    cursor: not-allowed
}

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

input {
    line-height: normal
}

input[type=checkbox],input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

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

td,th {
    padding: 0
}

.foundation-mq {
    font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"
}

html {
    font-size: 100%;
    box-sizing: border-box
}

*,:after,:before {
    box-sizing: inherit
}

body {
    padding: 0;
    margin: 0;
    font-family: Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;
    font-weight: 400;
    line-height: 1.5;
    color: #0a0a0a;
    background: #fefefe;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

img {
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
    display: inline-block;
    vertical-align: middle
}

textarea {
    height: auto;
    min-height: 50px;
    border-radius: 0
}

select {
    width: 100%;
    border-radius: 0
}

#map_canvas embed,#map_canvas img,#map_canvas object,.map_canvas embed,.map_canvas img,.map_canvas object,.mqa-display embed,.mqa-display img,.mqa-display object {
    max-width: none !important
}

button {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    padding: 0;
    border: 0;
    border-radius: 0;
    line-height: 1
}

[data-whatinput=mouse] button {
    outline: 0
}

.is-visible {
    display: block !important
}

.is-hidden {
    display: none !important
}

.row {
    max-width: 75rem;
    margin-left: auto;
    margin-right: auto
}

.row:after,.row:before {
    content: ' ';
    display: table
}

.row:after {
    clear: both
}

.row.collapse>.column,.row.collapse>.columns {
    padding-left: 0;
    padding-right: 0
}

.row .row {
    margin-left: -.625rem;
    margin-right: -.625rem
}

@media screen and (min-width: 40em) {
    .row .row {
        margin-left:-.9375rem;
        margin-right: -.9375rem
    }
}

.row .row.collapse {
    margin-left: 0;
    margin-right: 0
}

.row.expanded {
    max-width: none
}

.row.expanded .row {
    margin-left: auto;
    margin-right: auto
}

.column,.columns {
    width: 100%;
    float: left;
    padding-left: .625rem;
    padding-right: .625rem
}

@media screen and (min-width: 40em) {
    .column,.columns {
        padding-left:.9375rem;
        padding-right: .9375rem
    }
}

.column:last-child:not(:first-child),.columns:last-child:not(:first-child) {
    float: right
}

.column.end:last-child:last-child,.end.columns:last-child:last-child {
    float: left
}

.column.row.row,.row.row.columns {
    float: none
}

.row .column.row.row,.row .row.row.columns {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0
}

.small-1 {
    width: 8.33333%
}

.small-push-1 {
    position: relative;
    left: 8.33333%
}

.small-pull-1 {
    position: relative;
    left: -8.33333%
}

.small-offset-0 {
    margin-left: 0
}

.small-2 {
    width: 16.66667%
}

.small-push-2 {
    position: relative;
    left: 16.66667%
}

.small-pull-2 {
    position: relative;
    left: -16.66667%
}

.small-offset-1 {
    margin-left: 8.33333%
}

.small-3 {
    width: 25%
}

.small-push-3 {
    position: relative;
    left: 25%
}

.small-pull-3 {
    position: relative;
    left: -25%
}

.small-offset-2 {
    margin-left: 16.66667%
}

.small-4 {
    width: 33.33333%
}

.small-push-4 {
    position: relative;
    left: 33.33333%
}

.small-pull-4 {
    position: relative;
    left: -33.33333%
}

.small-offset-3 {
    margin-left: 25%
}

.small-5 {
    width: 41.66667%
}

.small-push-5 {
    position: relative;
    left: 41.66667%
}

.small-pull-5 {
    position: relative;
    left: -41.66667%
}

.small-offset-4 {
    margin-left: 33.33333%
}

.small-6 {
    width: 50%
}

.small-push-6 {
    position: relative;
    left: 50%
}

.small-pull-6 {
    position: relative;
    left: -50%
}

.small-offset-5 {
    margin-left: 41.66667%
}

.small-7 {
    width: 58.33333%
}

.small-push-7 {
    position: relative;
    left: 58.33333%
}

.small-pull-7 {
    position: relative;
    left: -58.33333%
}

.small-offset-6 {
    margin-left: 50%
}

.small-8 {
    width: 66.66667%
}

.small-push-8 {
    position: relative;
    left: 66.66667%
}

.small-pull-8 {
    position: relative;
    left: -66.66667%
}

.small-offset-7 {
    margin-left: 58.33333%
}

.small-9 {
    width: 75%
}

.small-push-9 {
    position: relative;
    left: 75%
}

.small-pull-9 {
    position: relative;
    left: -75%
}

.small-offset-8 {
    margin-left: 66.66667%
}

.small-10 {
    width: 83.33333%
}

.small-push-10 {
    position: relative;
    left: 83.33333%
}

.small-pull-10 {
    position: relative;
    left: -83.33333%
}

.small-offset-9 {
    margin-left: 75%
}

.small-11 {
    width: 91.66667%
}

.small-push-11 {
    position: relative;
    left: 91.66667%
}

.small-pull-11 {
    position: relative;
    left: -91.66667%
}

.small-offset-10 {
    margin-left: 83.33333%
}

.small-12 {
    width: 100%
}

.small-offset-11 {
    margin-left: 91.66667%
}

.small-up-1>.column,.small-up-1>.columns {
    width: 100%;
    float: left
}

.small-up-1>.column:nth-of-type(1n),.small-up-1>.columns:nth-of-type(1n) {
    clear: none
}

.small-up-1>.column:nth-of-type(1n+1),.small-up-1>.columns:nth-of-type(1n+1) {
    clear: both
}

.small-up-1>.column:last-child,.small-up-1>.columns:last-child {
    float: left
}

.small-up-2>.column,.small-up-2>.columns {
    width: 50%;
    float: left
}

.small-up-2>.column:nth-of-type(1n),.small-up-2>.columns:nth-of-type(1n) {
    clear: none
}

.small-up-2>.column:nth-of-type(2n+1),.small-up-2>.columns:nth-of-type(2n+1) {
    clear: both
}

.small-up-2>.column:last-child,.small-up-2>.columns:last-child {
    float: left
}

.small-up-3>.column,.small-up-3>.columns {
    width: 33.33333%;
    float: left
}

.small-up-3>.column:nth-of-type(1n),.small-up-3>.columns:nth-of-type(1n) {
    clear: none
}

.small-up-3>.column:nth-of-type(3n+1),.small-up-3>.columns:nth-of-type(3n+1) {
    clear: both
}

.small-up-3>.column:last-child,.small-up-3>.columns:last-child {
    float: left
}

.small-up-4>.column,.small-up-4>.columns {
    width: 25%;
    float: left
}

.small-up-4>.column:nth-of-type(1n),.small-up-4>.columns:nth-of-type(1n) {
    clear: none
}

.small-up-4>.column:nth-of-type(4n+1),.small-up-4>.columns:nth-of-type(4n+1) {
    clear: both
}

.small-up-4>.column:last-child,.small-up-4>.columns:last-child {
    float: left
}

.small-up-5>.column,.small-up-5>.columns {
    width: 20%;
    float: left
}

.small-up-5>.column:nth-of-type(1n),.small-up-5>.columns:nth-of-type(1n) {
    clear: none
}

.small-up-5>.column:nth-of-type(5n+1),.small-up-5>.columns:nth-of-type(5n+1) {
    clear: both
}

.small-up-5>.column:last-child,.small-up-5>.columns:last-child {
    float: left
}

.small-up-6>.column,.small-up-6>.columns {
    width: 16.66667%;
    float: left
}

.small-up-6>.column:nth-of-type(1n),.small-up-6>.columns:nth-of-type(1n) {
    clear: none
}

.small-up-6>.column:nth-of-type(6n+1),.small-up-6>.columns:nth-of-type(6n+1) {
    clear: both
}

.small-up-6>.column:last-child,.small-up-6>.columns:last-child {
    float: left
}

.small-up-7>.column,.small-up-7>.columns {
    width: 14.28571%;
    float: left
}

.small-up-7>.column:nth-of-type(1n),.small-up-7>.columns:nth-of-type(1n) {
    clear: none
}

.small-up-7>.column:nth-of-type(7n+1),.small-up-7>.columns:nth-of-type(7n+1) {
    clear: both
}

.small-up-7>.column:last-child,.small-up-7>.columns:last-child {
    float: left
}

.small-up-8>.column,.small-up-8>.columns {
    width: 12.5%;
    float: left
}

.small-up-8>.column:nth-of-type(1n),.small-up-8>.columns:nth-of-type(1n) {
    clear: none
}

.small-up-8>.column:nth-of-type(8n+1),.small-up-8>.columns:nth-of-type(8n+1) {
    clear: both
}

.small-up-8>.column:last-child,.small-up-8>.columns:last-child {
    float: left
}

.small-collapse>.column,.small-collapse>.columns {
    padding-left: 0;
    padding-right: 0
}

.expanded.row .small-collapse.row,.small-collapse .row {
    margin-left: 0;
    margin-right: 0
}

.small-uncollapse>.column,.small-uncollapse>.columns {
    padding-left: .625rem;
    padding-right: .625rem
}

.small-centered {
    margin-left: auto;
    margin-right: auto
}

.small-centered,.small-centered:last-child:not(:first-child) {
    float: none;
    clear: both
}

.small-pull-0,.small-push-0,.small-uncentered {
    position: static;
    margin-left: 0;
    margin-right: 0;
    float: left
}

@media screen and (min-width: 40em) {
    .medium-1 {
        width:8.33333%
    }

    .medium-push-1 {
        position: relative;
        left: 8.33333%
    }

    .medium-pull-1 {
        position: relative;
        left: -8.33333%
    }

    .medium-offset-0 {
        margin-left: 0
    }

    .medium-2 {
        width: 16.66667%
    }

    .medium-push-2 {
        position: relative;
        left: 16.66667%
    }

    .medium-pull-2 {
        position: relative;
        left: -16.66667%
    }

    .medium-offset-1 {
        margin-left: 8.33333%
    }

    .medium-3 {
        width: 25%
    }

    .medium-push-3 {
        position: relative;
        left: 25%
    }

    .medium-pull-3 {
        position: relative;
        left: -25%
    }

    .medium-offset-2 {
        margin-left: 16.66667%
    }

    .medium-4 {
        width: 33.33333%
    }

    .medium-push-4 {
        position: relative;
        left: 33.33333%
    }

    .medium-pull-4 {
        position: relative;
        left: -33.33333%
    }

    .medium-offset-3 {
        margin-left: 25%
    }

    .medium-5 {
        width: 41.66667%
    }

    .medium-push-5 {
        position: relative;
        left: 41.66667%
    }

    .medium-pull-5 {
        position: relative;
        left: -41.66667%
    }

    .medium-offset-4 {
        margin-left: 33.33333%
    }

    .medium-6 {
        width: 50%
    }

    .medium-push-6 {
        position: relative;
        left: 50%
    }

    .medium-pull-6 {
        position: relative;
        left: -50%
    }

    .medium-offset-5 {
        margin-left: 41.66667%
    }

    .medium-7 {
        width: 58.33333%
    }

    .medium-push-7 {
        position: relative;
        left: 58.33333%
    }

    .medium-pull-7 {
        position: relative;
        left: -58.33333%
    }

    .medium-offset-6 {
        margin-left: 50%
    }

    .medium-8 {
        width: 66.66667%
    }

    .medium-push-8 {
        position: relative;
        left: 66.66667%
    }

    .medium-pull-8 {
        position: relative;
        left: -66.66667%
    }

    .medium-offset-7 {
        margin-left: 58.33333%
    }

    .medium-9 {
        width: 75%
    }

    .medium-push-9 {
        position: relative;
        left: 75%
    }

    .medium-pull-9 {
        position: relative;
        left: -75%
    }

    .medium-offset-8 {
        margin-left: 66.66667%
    }

    .medium-10 {
        width: 83.33333%
    }

    .medium-push-10 {
        position: relative;
        left: 83.33333%
    }

    .medium-pull-10 {
        position: relative;
        left: -83.33333%
    }

    .medium-offset-9 {
        margin-left: 75%
    }

    .medium-11 {
        width: 91.66667%
    }

    .medium-push-11 {
        position: relative;
        left: 91.66667%
    }

    .medium-pull-11 {
        position: relative;
        left: -91.66667%
    }

    .medium-offset-10 {
        margin-left: 83.33333%
    }

    .medium-12 {
        width: 100%
    }

    .medium-offset-11 {
        margin-left: 91.66667%
    }

    .medium-up-1>.column,.medium-up-1>.columns {
        width: 100%;
        float: left
    }

    .medium-up-1>.column:nth-of-type(1n),.medium-up-1>.columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-1>.column:nth-of-type(1n+1),.medium-up-1>.columns:nth-of-type(1n+1) {
        clear: both
    }

    .medium-up-1>.column:last-child,.medium-up-1>.columns:last-child {
        float: left
    }

    .medium-up-2>.column,.medium-up-2>.columns {
        width: 50%;
        float: left
    }

    .medium-up-2>.column:nth-of-type(1n),.medium-up-2>.columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-2>.column:nth-of-type(2n+1),.medium-up-2>.columns:nth-of-type(2n+1) {
        clear: both
    }

    .medium-up-2>.column:last-child,.medium-up-2>.columns:last-child {
        float: left
    }

    .medium-up-3>.column,.medium-up-3>.columns {
        width: 33.33333%;
        float: left
    }

    .medium-up-3>.column:nth-of-type(1n),.medium-up-3>.columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-3>.column:nth-of-type(3n+1),.medium-up-3>.columns:nth-of-type(3n+1) {
        clear: both
    }

    .medium-up-3>.column:last-child,.medium-up-3>.columns:last-child {
        float: left
    }

    .medium-up-4>.column,.medium-up-4>.columns {
        width: 25%;
        float: left
    }

    .medium-up-4>.column:nth-of-type(1n),.medium-up-4>.columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-4>.column:nth-of-type(4n+1),.medium-up-4>.columns:nth-of-type(4n+1) {
        clear: both
    }

    .medium-up-4>.column:last-child,.medium-up-4>.columns:last-child {
        float: left
    }

    .medium-up-5>.column,.medium-up-5>.columns {
        width: 20%;
        float: left
    }

    .medium-up-5>.column:nth-of-type(1n),.medium-up-5>.columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-5>.column:nth-of-type(5n+1),.medium-up-5>.columns:nth-of-type(5n+1) {
        clear: both
    }

    .medium-up-5>.column:last-child,.medium-up-5>.columns:last-child {
        float: left
    }

    .medium-up-6>.column,.medium-up-6>.columns {
        width: 16.66667%;
        float: left
    }

    .medium-up-6>.column:nth-of-type(1n),.medium-up-6>.columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-6>.column:nth-of-type(6n+1),.medium-up-6>.columns:nth-of-type(6n+1) {
        clear: both
    }

    .medium-up-6>.column:last-child,.medium-up-6>.columns:last-child {
        float: left
    }

    .medium-up-7>.column,.medium-up-7>.columns {
        width: 14.28571%;
        float: left
    }

    .medium-up-7>.column:nth-of-type(1n),.medium-up-7>.columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-7>.column:nth-of-type(7n+1),.medium-up-7>.columns:nth-of-type(7n+1) {
        clear: both
    }

    .medium-up-7>.column:last-child,.medium-up-7>.columns:last-child {
        float: left
    }

    .medium-up-8>.column,.medium-up-8>.columns {
        width: 12.5%;
        float: left
    }

    .medium-up-8>.column:nth-of-type(1n),.medium-up-8>.columns:nth-of-type(1n) {
        clear: none
    }

    .medium-up-8>.column:nth-of-type(8n+1),.medium-up-8>.columns:nth-of-type(8n+1) {
        clear: both
    }

    .medium-up-8>.column:last-child,.medium-up-8>.columns:last-child {
        float: left
    }

    .medium-collapse>.column,.medium-collapse>.columns {
        padding-left: 0;
        padding-right: 0
    }

    .expanded.row .medium-collapse.row,.medium-collapse .row {
        margin-left: 0;
        margin-right: 0
    }

    .medium-uncollapse>.column,.medium-uncollapse>.columns {
        padding-left: .9375rem;
        padding-right: .9375rem
    }

    .medium-centered {
        margin-left: auto;
        margin-right: auto
    }

    .medium-centered,.medium-centered:last-child:not(:first-child) {
        float: none;
        clear: both
    }

    .medium-pull-0,.medium-push-0,.medium-uncentered {
        position: static;
        margin-left: 0;
        margin-right: 0;
        float: left
    }
}

@media screen and (min-width: 64em) {
    .large-1 {
        width:8.33333%
    }

    .large-push-1 {
        position: relative;
        left: 8.33333%
    }

    .large-pull-1 {
        position: relative;
        left: -8.33333%
    }

    .large-offset-0 {
        margin-left: 0
    }

    .large-2 {
        width: 16.66667%
    }

    .large-push-2 {
        position: relative;
        left: 16.66667%
    }

    .large-pull-2 {
        position: relative;
        left: -16.66667%
    }

    .large-offset-1 {
        margin-left: 8.33333%
    }

    .large-3 {
        width: 25%
    }

    .large-push-3 {
        position: relative;
        left: 25%
    }

    .large-pull-3 {
        position: relative;
        left: -25%
    }

    .large-offset-2 {
        margin-left: 16.66667%
    }

    .large-4 {
        width: 33.33333%
    }

    .large-push-4 {
        position: relative;
        left: 33.33333%
    }

    .large-pull-4 {
        position: relative;
        left: -33.33333%
    }

    .large-offset-3 {
        margin-left: 25%
    }

    .large-5 {
        width: 41.66667%
    }

    .large-push-5 {
        position: relative;
        left: 41.66667%
    }

    .large-pull-5 {
        position: relative;
        left: -41.66667%
    }

    .large-offset-4 {
        margin-left: 33.33333%
    }

    .large-6 {
        width: 50%
    }

    .large-push-6 {
        position: relative;
        left: 50%
    }

    .large-pull-6 {
        position: relative;
        left: -50%
    }

    .large-offset-5 {
        margin-left: 41.66667%
    }

    .large-7 {
        width: 58.33333%
    }

    .large-push-7 {
        position: relative;
        left: 58.33333%
    }

    .large-pull-7 {
        position: relative;
        left: -58.33333%
    }

    .large-offset-6 {
        margin-left: 50%
    }

    .large-8 {
        width: 66.66667%
    }

    .large-push-8 {
        position: relative;
        left: 66.66667%
    }

    .large-pull-8 {
        position: relative;
        left: -66.66667%
    }

    .large-offset-7 {
        margin-left: 58.33333%
    }

    .large-9 {
        width: 75%
    }

    .large-push-9 {
        position: relative;
        left: 75%
    }

    .large-pull-9 {
        position: relative;
        left: -75%
    }

    .large-offset-8 {
        margin-left: 66.66667%
    }

    .large-10 {
        width: 83.33333%
    }

    .large-push-10 {
        position: relative;
        left: 83.33333%
    }

    .large-pull-10 {
        position: relative;
        left: -83.33333%
    }

    .large-offset-9 {
        margin-left: 75%
    }

    .large-11 {
        width: 91.66667%
    }

    .large-push-11 {
        position: relative;
        left: 91.66667%
    }

    .large-pull-11 {
        position: relative;
        left: -91.66667%
    }

    .large-offset-10 {
        margin-left: 83.33333%
    }

    .large-12 {
        width: 100%
    }

    .large-offset-11 {
        margin-left: 91.66667%
    }

    .large-up-1>.column,.large-up-1>.columns {
        width: 100%;
        float: left
    }

    .large-up-1>.column:nth-of-type(1n),.large-up-1>.columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-1>.column:nth-of-type(1n+1),.large-up-1>.columns:nth-of-type(1n+1) {
        clear: both
    }

    .large-up-1>.column:last-child,.large-up-1>.columns:last-child {
        float: left
    }

    .large-up-2>.column,.large-up-2>.columns {
        width: 50%;
        float: left
    }

    .large-up-2>.column:nth-of-type(1n),.large-up-2>.columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-2>.column:nth-of-type(2n+1),.large-up-2>.columns:nth-of-type(2n+1) {
        clear: both
    }

    .large-up-2>.column:last-child,.large-up-2>.columns:last-child {
        float: left
    }

    .large-up-3>.column,.large-up-3>.columns {
        width: 33.33333%;
        float: left
    }

    .large-up-3>.column:nth-of-type(1n),.large-up-3>.columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-3>.column:nth-of-type(3n+1),.large-up-3>.columns:nth-of-type(3n+1) {
        clear: both
    }

    .large-up-3>.column:last-child,.large-up-3>.columns:last-child {
        float: left
    }

    .large-up-4>.column,.large-up-4>.columns {
        width: 25%;
        float: left
    }

    .large-up-4>.column:nth-of-type(1n),.large-up-4>.columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-4>.column:nth-of-type(4n+1),.large-up-4>.columns:nth-of-type(4n+1) {
        clear: both
    }

    .large-up-4>.column:last-child,.large-up-4>.columns:last-child {
        float: left
    }

    .large-up-5>.column,.large-up-5>.columns {
        width: 20%;
        float: left
    }

    .large-up-5>.column:nth-of-type(1n),.large-up-5>.columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-5>.column:nth-of-type(5n+1),.large-up-5>.columns:nth-of-type(5n+1) {
        clear: both
    }

    .large-up-5>.column:last-child,.large-up-5>.columns:last-child {
        float: left
    }

    .large-up-6>.column,.large-up-6>.columns {
        width: 16.66667%;
        float: left
    }

    .large-up-6>.column:nth-of-type(1n),.large-up-6>.columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-6>.column:nth-of-type(6n+1),.large-up-6>.columns:nth-of-type(6n+1) {
        clear: both
    }

    .large-up-6>.column:last-child,.large-up-6>.columns:last-child {
        float: left
    }

    .large-up-7>.column,.large-up-7>.columns {
        width: 14.28571%;
        float: left
    }

    .large-up-7>.column:nth-of-type(1n),.large-up-7>.columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-7>.column:nth-of-type(7n+1),.large-up-7>.columns:nth-of-type(7n+1) {
        clear: both
    }

    .large-up-7>.column:last-child,.large-up-7>.columns:last-child {
        float: left
    }

    .large-up-8>.column,.large-up-8>.columns {
        width: 12.5%;
        float: left
    }

    .large-up-8>.column:nth-of-type(1n),.large-up-8>.columns:nth-of-type(1n) {
        clear: none
    }

    .large-up-8>.column:nth-of-type(8n+1),.large-up-8>.columns:nth-of-type(8n+1) {
        clear: both
    }

    .large-up-8>.column:last-child,.large-up-8>.columns:last-child {
        float: left
    }

    .large-collapse>.column,.large-collapse>.columns {
        padding-left: 0;
        padding-right: 0
    }

    .expanded.row .large-collapse.row,.large-collapse .row {
        margin-left: 0;
        margin-right: 0
    }

    .large-uncollapse>.column,.large-uncollapse>.columns {
        padding-left: .9375rem;
        padding-right: .9375rem
    }

    .large-centered {
        margin-left: auto;
        margin-right: auto
    }

    .large-centered,.large-centered:last-child:not(:first-child) {
        float: none;
        clear: both
    }

    .large-pull-0,.large-push-0,.large-uncentered {
        position: static;
        margin-left: 0;
        margin-right: 0;
        float: left
    }
}

blockquote,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,li,ol,p,pre,td,th,ul {
    margin: 0;
    padding: 0
}

p {
    font-size: inherit;
    line-height: 1.6;
    margin-bottom: 1rem;
    text-rendering: optimizeLegibility
}

em,i {
    font-style: italic
}

b,em,i,strong {
    line-height: inherit
}

b,strong {
    font-weight: 700
}

small {
    font-size: 80%;
    line-height: inherit
}

h1,h3,h4,h5,h6 {
    font-family: Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    color: inherit;
    text-rendering: optimizeLegibility;
    margin-top: 0;
    margin-bottom: .5rem;
    line-height: 1.4
}

h2 {
    font-family: Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    color: inherit;
    text-rendering: optimizeLegibility;
    margin-top: 0;
    margin-bottom: 1.5rem;
    line-height: 1.4
}

h1 small,h2 small,h3 small,h4 small,h5 small,h6 small {
    color: #cacaca;
    line-height: 0
}

h1 {
    font-size: 1.5rem
}

h2 {
    font-size: 1.25rem
}

h3 {
    font-size: 1.1875rem
}

h4 {
    font-size: 1.125rem
}

h5 {
    font-size: 1.0625rem
}

h6 {
    font-size: 1rem
}

@media screen and (min-width: 40em) {
    h1 {
        font-size:3rem
    }

    h2 {
        font-size: 2.5rem
    }

    h3 {
        font-size: 1.9375rem
    }

    h4 {
        font-size: 1.5625rem
    }

    h5 {
        font-size: 1.25rem
    }

    h6 {
        font-size: 1rem
    }
}

a {
    color: #2199e8;
    text-decoration: none;
    line-height: inherit;
    cursor: pointer
}

a:focus,a:hover {
    color: #1585cf
}

a img {
    border: 0
}

hr {
    max-width: 75rem;
    height: 0;
    border-right: 0;
    border-top: 0;
    border-bottom: 1px solid #cacaca;
    border-left: 0;
    margin: 1.25rem auto;
    clear: both
}

dl,ol,ul {
    line-height: 1.6 !important;
    margin-bottom: 1rem;
    list-style-position: outside
}

li {
    font-size: inherit
}

ul {
    list-style-type: disc
}

ol,ul {
    margin-left: 1.25rem
}

ol ol,ol ul,ul ol,ul ul {
    margin-left: 1.25rem;
    margin-bottom: 0
}

dl {
    margin-bottom: 1rem
}

dl dt {
    margin-bottom: .3rem;
    font-weight: 700
}

blockquote {
    margin: 0 0 1rem;
    padding: .5625rem 1.25rem 0 1.1875rem;
    border-left: 1px solid #cacaca
}

blockquote,blockquote p {
    line-height: 1.6;
    color: #8a8a8a
}

cite {
    display: block;
    font-size: .8125rem;
    color: #8a8a8a
}

cite:before {
    content: '\2014 \0020'
}

abbr {
    color: #0a0a0a;
    cursor: help;
    border-bottom: 1px dotted #0a0a0a
}

code {
    font-weight: 400;
    border: 1px solid #cacaca;
    padding: .125rem .3125rem .0625rem
}

code,kbd {
    font-family: Consolas,Liberation Mono,Courier,monospace;
    color: #0a0a0a;
    background-color: #e6e6e6
}

kbd {
    padding: .125rem .25rem 0;
    margin: 0
}

.subheader {
    margin-top: .2rem;
    margin-bottom: .5rem;
    font-weight: 400;
    line-height: 1.4;
    color: #8a8a8a
}

.lead {
    font-size: 125%;
    line-height: 1.6
}

.stat {
    font-size: 2.5rem;
    line-height: 1
}

p+.stat {
    margin-top: -1rem
}

.no-bullet {
    margin-left: 0;
    list-style: none
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

@media screen and (min-width: 40em) {
    .medium-text-left {
        text-align:left
    }

    .medium-text-right {
        text-align: right
    }

    .medium-text-center {
        text-align: center
    }

    .medium-text-justify {
        text-align: justify
    }
}

@media screen and (min-width: 64em) {
    .large-text-left {
        text-align:left
    }

    .large-text-right {
        text-align: right
    }

    .large-text-center {
        text-align: center
    }

    .large-text-justify {
        text-align: justify
    }
}

.show-for-print {
    display: none !important
}

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }

    .show-for-print {
        display: block !important
    }

    .hide-for-print {
        display: none !important
    }

    table.show-for-print {
        display: table !important
    }

    thead.show-for-print {
        display: table-header-group !important
    }

    tbody.show-for-print {
        display: table-row-group !important
    }

    tr.show-for-print {
        display: table-row !important
    }

    td.show-for-print,th.show-for-print {
        display: table-cell !important
    }

    a,a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    .ir a:after,a[href^='#']:after,a[href^='javascript:']:after {
        content: ''
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    blockquote,pre {
        border: 1px solid #8a8a8a;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

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

    img {
        max-width: 100% !important
    }

    @page {
        margin: .5cm
    }

    h2,h3,p {
        orphans: 3;
        widows: 3
    }

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

.button {
    display: inline-block;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    transition: background-color .25s ease-out,color .25s ease-out;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 0;
    padding: .85em 1em;
    margin: 0 0 1rem;
    font-size: .9rem;
    background-color: #2199e8;
    color: #fefefe
}

[data-whatinput=mouse] .button {
    outline: 0
}

.button:focus,.button:hover {
    background-color: #1583cc;
    color: #fefefe
}

.button.tiny {
    font-size: .6rem
}

.button.small {
    font-size: .75rem
}

.button.large {
    font-size: 1.25rem
}

.button.expanded {
    display: block;
    width: 100%;
    margin-left: 0;
    margin-right: 0
}

.button.primary {
    background-color: #2199e8;
    color: #fefefe
}

.button.primary:focus,.button.primary:hover {
    background-color: #147cc0;
    color: #fefefe
}

.button.secondary {
    background-color: #777;
    color: #fefefe
}

.button.secondary:focus,.button.secondary:hover {
    background-color: #5f5f5f;
    color: #fefefe
}

.button.success {
    background-color: #3adb76;
    color: #fefefe
}

.button.success:focus,.button.success:hover {
    background-color: #22bb5b;
    color: #fefefe
}

.button.warning {
    background-color: #ffae00;
    color: #fefefe
}

.button.warning:focus,.button.warning:hover {
    background-color: #cc8b00;
    color: #fefefe
}

.button.alert {
    background-color: #ec5840;
    color: #fefefe
}

.button.alert:focus,.button.alert:hover {
    background-color: #da3116;
    color: #fefefe
}

.button.hollow {
    border: 1px solid #2199e8;
    color: #2199e8
}

.button.hollow,.button.hollow:focus,.button.hollow:hover {
    background-color: transparent
}

.button.hollow:focus,.button.hollow:hover {
    border-color: #0c4d78;
    color: #0c4d78
}

.button.hollow.primary {
    border: 1px solid #2199e8;
    color: #2199e8
}

.button.hollow.primary:focus,.button.hollow.primary:hover {
    border-color: #0c4d78;
    color: #0c4d78
}

.button.hollow.secondary {
    border: 1px solid #777;
    color: #777
}

.button.hollow.secondary:focus,.button.hollow.secondary:hover {
    border-color: #3c3c3c;
    color: #3c3c3c
}

.button.hollow.success {
    border: 1px solid #3adb76;
    color: #3adb76
}

.button.hollow.success:focus,.button.hollow.success:hover {
    border-color: #157539;
    color: #157539
}

.button.hollow.warning {
    border: 1px solid #ffae00;
    color: #ffae00
}

.button.hollow.warning:focus,.button.hollow.warning:hover {
    border-color: #805700;
    color: #805700
}

.button.hollow.alert {
    border: 1px solid #ec5840;
    color: #ec5840
}

.button.hollow.alert:focus,.button.hollow.alert:hover {
    border-color: #881f0e;
    color: #881f0e
}

.button.disabled,.button[disabled] {
    opacity: .25;
    cursor: not-allowed
}

.button.disabled:focus,.button.disabled:hover,.button[disabled]:focus,.button[disabled]:hover {
    background-color: #2199e8;
    color: #fefefe
}

.button.disabled.primary,.button[disabled].primary {
    opacity: .25;
    cursor: not-allowed
}

.button.disabled.primary:focus,.button.disabled.primary:hover,.button[disabled].primary:focus,.button[disabled].primary:hover {
    background-color: #2199e8;
    color: #fefefe
}

.button.disabled.secondary,.button[disabled].secondary {
    opacity: .25;
    cursor: not-allowed
}

.button.disabled.secondary:focus,.button.disabled.secondary:hover,.button[disabled].secondary:focus,.button[disabled].secondary:hover {
    background-color: #777;
    color: #fefefe
}

.button.disabled.success,.button[disabled].success {
    opacity: .25;
    cursor: not-allowed
}

.button.disabled.success:focus,.button.disabled.success:hover,.button[disabled].success:focus,.button[disabled].success:hover {
    background-color: #3adb76;
    color: #fefefe
}

.button.disabled.warning,.button[disabled].warning {
    opacity: .25;
    cursor: not-allowed
}

.button.disabled.warning:focus,.button.disabled.warning:hover,.button[disabled].warning:focus,.button[disabled].warning:hover {
    background-color: #ffae00;
    color: #fefefe
}

.button.disabled.alert,.button[disabled].alert {
    opacity: .25;
    cursor: not-allowed
}

.button.disabled.alert:focus,.button.disabled.alert:hover,.button[disabled].alert:focus,.button[disabled].alert:hover {
    background-color: #ec5840;
    color: #fefefe
}

.button.dropdown:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: .4em inset;
    border-color: #fefefe transparent transparent;
    border-top-style: solid;
    border-bottom-width: 0;
    position: relative;
    top: .4em;
    float: right;
    margin-left: 1em;
    display: inline-block
}

.button.arrow-only:after {
    margin-left: 0;
    float: none;
    top: -.1em
}

[type=color],[type=date],[type=datetime-local],[type=datetime],[type=email],[type=month],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],textarea {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 2.4375rem;
    padding: .5rem;
    border: 1px solid #cacaca;
    margin: 0 0 1rem;
    font-family: inherit;
    font-size: 1rem;
    color: #0a0a0a;
    background-color: #fefefe;
    box-shadow: inset 0 1px 2px hsla(0,0,4%,.1);
    border-radius: 0;
    transition: box-shadow .5s,border-color .25s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none
}

[type=color]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=datetime]:focus,[type=email]:focus,[type=month]:focus,[type=number]:focus,[type=password]:focus,[type=search]:focus,[type=tel]:focus,[type=text]:focus,[type=time]:focus,[type=url]:focus,[type=week]:focus,textarea:focus {
    border: 1px solid #8a8a8a;
    background-color: #fefefe;
    outline: 0;
    box-shadow: 0 0 5px #cacaca;
    transition: box-shadow .5s,border-color .25s ease-in-out
}

textarea {
    max-width: 100%
}

textarea[rows] {
    height: auto
}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
    color: #cacaca
}

input::-moz-placeholder,textarea::-moz-placeholder {
    color: #cacaca
}

input:-ms-input-placeholder,textarea:-ms-input-placeholder {
    color: #cacaca
}

input::placeholder,textarea::placeholder {
    color: #cacaca
}

input:disabled,input[readonly],textarea:disabled,textarea[readonly] {
    background-color: #e6e6e6;
    cursor: not-allowed
}

[type=button]:not(.custom-menu-icon),[type=submit] {
    border-radius: 3px !important;
    -webkit-appearance: none;
    -moz-appearance: none
}

input[type=search] {
    box-sizing: border-box
}

[type=checkbox],[type=file],[type=radio] {
    margin: 0 0 1rem
}

[type=checkbox]+label,[type=radio]+label {
    display: inline-block;
    margin-left: .5rem;
    margin-right: 1rem;
    margin-bottom: 0;
    vertical-align: baseline
}

[type=checkbox]+label[for],[type=radio]+label[for] {
    cursor: pointer
}

label>[type=checkbox],label>[type=radio] {
    margin-right: .5rem
}

[type=file] {
    width: 100%
}

label {
    display: block;
    margin: 0;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.8;
    color: #0a0a0a
}

label.middle {
    margin: 0 0 1rem;
    padding: .5625rem 0
}

.help-text {
    margin-top: -.5rem;
    font-size: .8125rem;
    font-style: italic;
    color: #0a0a0a
}

.input-group {
    display: table;
    width: 100%;
    margin-bottom: 1rem
}

.input-group>:first-child,.input-group>:last-child>* {
    border-radius: 0
}

.input-group-button,.input-group-field,.input-group-label {
    margin: 0;
    white-space: nowrap;
    display: table-cell;
    vertical-align: middle
}

.input-group-label {
    text-align: center;
    padding: 0 1rem;
    background: #e6e6e6;
    color: #0a0a0a;
    border: 1px solid #cacaca;
    white-space: nowrap;
    width: 1%;
    height: 100%
}

.input-group-label:first-child {
    border-right: 0
}

.input-group-label:last-child {
    border-left: 0
}

.input-group-field {
    border-radius: 0;
    height: 2.5rem
}

.input-group-button {
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    height: 100%;
    width: 1%
}

.input-group-button a,.input-group-button button,.input-group-button input {
    margin: 0
}

.input-group .input-group-button {
    display: table-cell
}

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

legend {
    margin-bottom: .5rem;
    max-width: 100%
}

.fieldset {
    border: 1px solid #cacaca;
    padding: 1.25rem;
    margin: 1.125rem 0
}

.fieldset legend {
    background: #fefefe;
    padding: 0 .1875rem;
    margin: 0;
    margin-left: -.1875rem
}

select {
    height: 2.4375rem;
    padding: .5rem;
    border: 1px solid #cacaca;
    margin: 0 0 1rem;
    font-size: 1rem;
    font-family: inherit;
    line-height: normal;
    color: #0a0a0a;
    background-color: #fefefe;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svgxmlns='http://www.w3.org/2000/svg'version='1.1'width='32'height='24'viewBox='003224'><polygonpoints='0,032,016,24'style='fill:rgb%28138,138,138%29'></polygon></svg>");
    background-size: 9px 6px;
    background-position: right -1rem center;
    background-origin: content-box;
    background-repeat: no-repeat;
    padding-right: 1.5rem
}

@media screen and (min-width: 0\0) {
    select {
        background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==")
    }
}

select:disabled {
    background-color: #e6e6e6;
    cursor: not-allowed
}

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

select[multiple] {
    height: auto;
    background-image: none
}

.is-invalid-input:not(:focus) {
    background-color: rgba(236,88,64,.1);
    border-color: #ec5840
}

.form-error,.is-invalid-label {
    color: #ec5840
}

.form-error {
    display: none;
    margin-top: -.5rem;
    margin-bottom: 1rem;
    font-size: .75rem;
    font-weight: 700
}

.form-error.is-visible {
    display: block
}

.accordion {
    list-style-type: none;
    background: #fefefe;
    margin-left: 0
}

.accordion-item:first-child>:first-child,.accordion-item:last-child>:last-child {
    border-radius: 0
}

.accordion-title {
    display: block;
    padding: 1.25rem 1rem;
    line-height: 1;
    font-size: .75rem;
    color: #2199e8;
    position: relative;
    border: 1px solid #e6e6e6;
    border-bottom: 0
}

:last-child:not(.is-active)>.accordion-title {
    border-radius: 0;
    border-bottom: 1px solid #e6e6e6
}

.accordion-title:focus,.accordion-title:hover {
    background-color: #e6e6e6
}

.accordion-title:before {
    content: '';
    position: absolute;
    right: 1rem;
    top: 50%;
    margin-top: -.5rem
}

.is-active>.accordion-title:before {
    content: ''
}

.accordion-content {
    padding: 1rem;
    display: none;
    border: 1px solid #e6e6e6;
    border-bottom: 0;
    background-color: #fefefe;
    color: #0a0a0a
}

:last-child>.accordion-content:last-child {
    border-bottom: 1px solid #e6e6e6
}

.is-accordion-submenu-parent>a {
    position: relative
}

.is-accordion-submenu-parent>a:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: 6px inset;
    border-color: #2199e8 transparent transparent;
    border-top-style: solid;
    border-bottom-width: 0;
    position: absolute;
    top: 50%;
    margin-top: -4px;
    right: 1rem
}

.is-accordion-submenu-parent[aria-expanded=true]>a:after {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}

.badge {
    display: inline-block;
    padding: .3em;
    min-width: 2.1em;
    font-size: .6rem;
    text-align: center;
    border-radius: 50%;
    background: #2199e8;
    color: #fefefe
}

.badge.secondary {
    background: #777;
    color: #fefefe
}

.badge.success {
    background: #3adb76;
    color: #fefefe
}

.badge.warning {
    background: #ffae00;
    color: #fefefe
}

.badge.alert {
    background: #ec5840;
    color: #fefefe
}

.breadcrumbs {
    list-style: none;
    margin: 0 0 1rem
}

.breadcrumbs:after,.breadcrumbs:before {
    content: ' ';
    display: table
}

.breadcrumbs:after {
    clear: both
}

.breadcrumbs li {
    float: left;
    color: #0a0a0a;
    font-size: .6875rem;
    cursor: default;
    text-transform: uppercase
}

.breadcrumbs li:not(:last-child):after {
    color: #cacaca;
    content: "/";
    margin: 0 .75rem;
    position: relative;
    top: 1px;
    opacity: 1
}

.breadcrumbs a {
    color: #2199e8
}

.breadcrumbs a:hover {
    text-decoration: underline
}

.breadcrumbs .disabled {
    color: #cacaca;
    cursor: not-allowed
}

.button-group {
    margin-bottom: 1rem;
    font-size: 0
}

.button-group:after,.button-group:before {
    content: ' ';
    display: table
}

.button-group:after {
    clear: both
}

.button-group .button {
    margin: 0;
    margin-right: 1px;
    margin-bottom: 1px;
    font-size: .9rem
}

.button-group .button:last-child {
    margin-right: 0
}

.button-group.tiny .button {
    font-size: .6rem
}

.button-group.small .button {
    font-size: .75rem
}

.button-group.large .button {
    font-size: 1.25rem
}

.button-group.expanded {
    margin-right: -1px
}

.button-group.expanded:after,.button-group.expanded:before {
    display: none
}

.button-group.expanded .button:first-child:nth-last-child(2),.button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2)~.button {
    display: inline-block;
    width: calc(50% - 1px);
    margin-right: 1px
}

.button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2)~.button:last-child,.button-group.expanded .button:first-child:nth-last-child(2):last-child {
    margin-right: -6px
}

.button-group.expanded .button:first-child:nth-last-child(3),.button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3)~.button {
    display: inline-block;
    width: calc(33.33333% - 1px);
    margin-right: 1px
}

.button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3)~.button:last-child,.button-group.expanded .button:first-child:nth-last-child(3):last-child {
    margin-right: -6px
}

.button-group.expanded .button:first-child:nth-last-child(4),.button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4)~.button {
    display: inline-block;
    width: calc(25% - 1px);
    margin-right: 1px
}

.button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4)~.button:last-child,.button-group.expanded .button:first-child:nth-last-child(4):last-child {
    margin-right: -6px
}

.button-group.expanded .button:first-child:nth-last-child(5),.button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5)~.button {
    display: inline-block;
    width: calc(20% - 1px);
    margin-right: 1px
}

.button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5)~.button:last-child,.button-group.expanded .button:first-child:nth-last-child(5):last-child {
    margin-right: -6px
}

.button-group.expanded .button:first-child:nth-last-child(6),.button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6)~.button {
    display: inline-block;
    width: calc(16.66667% - 1px);
    margin-right: 1px
}

.button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6)~.button:last-child,.button-group.expanded .button:first-child:nth-last-child(6):last-child {
    margin-right: -6px
}

.button-group.primary .button {
    background-color: #2199e8;
    color: #fefefe
}

.button-group.primary .button:focus,.button-group.primary .button:hover {
    background-color: #147cc0;
    color: #fefefe
}

.button-group.secondary .button {
    background-color: #777;
    color: #fefefe
}

.button-group.secondary .button:focus,.button-group.secondary .button:hover {
    background-color: #5f5f5f;
    color: #fefefe
}

.button-group.success .button {
    background-color: #3adb76;
    color: #fefefe
}

.button-group.success .button:focus,.button-group.success .button:hover {
    background-color: #22bb5b;
    color: #fefefe
}

.button-group.warning .button {
    background-color: #ffae00;
    color: #fefefe
}

.button-group.warning .button:focus,.button-group.warning .button:hover {
    background-color: #cc8b00;
    color: #fefefe
}

.button-group.alert .button {
    background-color: #ec5840;
    color: #fefefe
}

.button-group.alert .button:focus,.button-group.alert .button:hover {
    background-color: #da3116;
    color: #fefefe
}

.button-group.stacked-for-medium .button,.button-group.stacked-for-small .button,.button-group.stacked .button {
    width: 100%
}

.button-group.stacked-for-medium .button:last-child,.button-group.stacked-for-small .button:last-child,.button-group.stacked .button:last-child {
    margin-bottom: 0
}

@media screen and (min-width: 40em) {
    .button-group.stacked-for-small .button {
        width:auto;
        margin-bottom: 0
    }
}

@media screen and (min-width: 64em) {
    .button-group.stacked-for-medium .button {
        width:auto;
        margin-bottom: 0
    }
}

@media screen and (max-width: 39.9375em) {
    .button-group.stacked-for-small.expanded {
        display:block
    }

    .button-group.stacked-for-small.expanded .button {
        display: block;
        margin-right: 0
    }
}

.callout {
    margin: 0 0 1rem;
    padding: 1rem;
    border: 1px solid hsla(0,0,4%,.25);
    border-radius: 0;
    position: relative;
    color: #0a0a0a;
    background-color: #fff
}

.callout>:first-child {
    margin-top: 0
}

.callout>:last-child {
    margin-bottom: 0
}

.callout.primary {
    background-color: #def0fc
}

.callout.secondary {
    background-color: #ebebeb
}

.callout.success {
    background-color: #e1faea
}

.callout.warning {
    background-color: #fff3d9
}

.callout.alert {
    background-color: #fce6e2
}

.callout.small {
    padding: .5rem
}

.callout.large {
    padding: 3rem
}

.close-button {
    /*position: absolute;
    color: #8a8a8a;
    right: 1rem;
    top: .5rem;
    font-size: 2em;
    line-height: 1;
    cursor: pointer*/
}

[data-whatinput=mouse] .close-button {
    outline: 0
}

.close-button:focus,.close-button:hover {
    color: #0a0a0a
}

.menu {
    margin: 0;
    list-style-type: none
}

.menu>li {
    display: table-cell;
    vertical-align: middle
}

[data-whatinput=mouse] .menu>li {
    outline: 0
}

.menu>li>a {
    display: block;
    padding: .7rem 1rem;
    line-height: 1
}

.menu a,.menu button,.menu input {
    margin-bottom: 0
}

.menu>li>a i,.menu>li>a i+span,.menu>li>a img,.menu>li>a img+span,.menu>li>a svg,.menu>li>a svg+span {
    vertical-align: middle
}

.menu>li>a i,.menu>li>a img,.menu>li>a svg {
    margin-right: .25rem;
    display: inline-block
}

.menu>li {
    display: table-cell
}

.menu.vertical>li {
    display: block
}

@media screen and (min-width: 40em) {
    .menu.medium-horizontal>li {
        display:table-cell
    }

    .menu.medium-vertical>li {
        display: block
    }
}

@media screen and (min-width: 64em) {
    .menu.large-horizontal>li {
        display:table-cell
    }

    .menu.large-vertical>li {
        display: block
    }
}

.menu.simple li {
    line-height: 1;
    display: inline-block;
    margin-right: 1rem
}

.menu.simple a {
    padding: 0
}

.menu.align-right:after,.menu.align-right:before {
    content: ' ';
    display: table
}

.menu.align-right:after {
    clear: both
}

.menu.align-right>li {
    float: right
}

.menu.expanded {
    width: 100%;
    display: table;
    table-layout: fixed
}

.menu.expanded>li:first-child:last-child {
    width: 100%
}

.menu.icon-top>li>a {
    text-align: center
}

.menu.icon-top>li>a i,.menu.icon-top>li>a img,.menu.icon-top>li>a svg {
    display: block;
    margin: 0 auto .25rem
}

.menu.nested {
    margin-left: 1rem
}

.menu .active>a {
    color: #fefefe;
    background: #2199e8
}

.menu-text {
    font-weight: 700;
    color: inherit;
    line-height: 1;
    padding-top: 0;
    padding-bottom: 0;
    padding: .7rem 1rem
}

.menu-centered {
    text-align: center
}

.menu-centered>.menu {
    display: inline-block
}

.no-js [data-responsive-menu] ul {
    display: none
}

.menu-icon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    width: 20px;
    height: 16px
}

.menu-icon:after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    background: #fefefe;
    top: 0;
    left: 0;
    box-shadow: 0 7px 0 #fefefe,0 14px 0 #fefefe
}

.menu-icon:hover:after {
    background: #cacaca;
    box-shadow: 0 7px 0 #cacaca,0 14px 0 #cacaca
}

.menu-icon.dark {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    width: 20px;
    height: 16px
}

.menu-icon.dark:after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    background: #0a0a0a;
    top: 0;
    left: 0;
    box-shadow: 0 7px 0 #0a0a0a,0 14px 0 #0a0a0a
}

.menu-icon.dark:hover:after {
    background: #8a8a8a;
    box-shadow: 0 7px 0 #8a8a8a,0 14px 0 #8a8a8a
}

.is-drilldown {
    position: relative;
    overflow: hidden
}

.is-drilldown li {
    display: block !important
}

.is-drilldown-submenu {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: -1;
    width: 100%;
    background: #fefefe;
    transition: -webkit-transform .15s linear;
    transition: transform .15s linear
}

.is-drilldown-submenu.is-active {
    z-index: 1;
    display: block;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.is-drilldown-submenu.is-closing {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.is-drilldown-submenu-parent>a {
    position: relative
}

.is-drilldown-submenu-parent>a:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: 6px inset;
    border-color: transparent transparent transparent #2199e8;
    border-left-style: solid;
    border-right-width: 0;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 1rem
}

.js-drilldown-back>a:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: 6px inset;
    border-color: transparent #2199e8 transparent transparent;
    border-right-style: solid;
    border-left-width: 0;
    display: inline-block;
    vertical-align: middle;
    margin-right: .75rem
}

.dropdown-pane {
    background-color: #fefefe;
    border: 1px solid #cacaca;
    border-radius: 0;
    display: block;
    font-size: 1rem;
    padding: 1rem;
    position: absolute;
    visibility: hidden;
    width: 300px;
    z-index: 3
}

.dropdown-pane.is-open {
    visibility: visible
}

.dropdown-pane.tiny {
    width: 100px
}

.dropdown-pane.small {
    width: 200px
}

.dropdown-pane.large {
    width: 400px
}

.dropdown.menu>li.opens-left>.is-dropdown-submenu {
    left: auto;
    right: 0;
    top: 100%
}

.dropdown.menu>li.opens-right>.is-dropdown-submenu {
    right: auto;
    left: 0;
    top: 100%
}

.dropdown.menu>li.is-dropdown-submenu-parent>a {
    padding-right: 1.5rem;
    position: relative
}

.dropdown.menu>li.is-dropdown-submenu-parent>a:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: 5px inset;
    border-color: #2199e8 transparent transparent;
    border-top-style: solid;
    border-bottom-width: 0;
    right: 5px;
    margin-top: -2px
}

[data-whatinput=mouse] .dropdown.menu a {
    outline: 0
}

.no-js .dropdown.menu ul {
    display: none
}

.dropdown.menu.vertical>li .is-dropdown-submenu {
    top: 0
}

.dropdown.menu.vertical>li.opens-left>.is-dropdown-submenu {
    left: auto;
    right: 100%
}

.dropdown.menu.vertical>li.opens-right>.is-dropdown-submenu {
    right: auto;
    left: 100%
}

.dropdown.menu.vertical>li>a:after {
    right: 14px;
    margin-top: -3px
}

.dropdown.menu.vertical>li.opens-left>a:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: 5px inset;
    border-color: transparent #2199e8 transparent transparent;
    border-right-style: solid;
    border-left-width: 0
}

.dropdown.menu.vertical>li.opens-right>a:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: 5px inset;
    border-color: transparent transparent transparent #2199e8;
    border-left-style: solid;
    border-right-width: 0
}

@media screen and (min-width: 40em) {
    .dropdown.menu.medium-horizontal>li.opens-left>.is-dropdown-submenu {
        left:auto;
        right: 0;
        top: 100%
    }

    .dropdown.menu.medium-horizontal>li.opens-right>.is-dropdown-submenu {
        right: auto;
        left: 0;
        top: 100%
    }

    .dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a {
        padding-right: 1.5rem;
        position: relative
    }

    .dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a:after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border: 5px inset;
        border-color: #2199e8 transparent transparent;
        border-top-style: solid;
        border-bottom-width: 0;
        right: 5px;
        margin-top: -2px
    }

    .dropdown.menu.medium-vertical>li .is-dropdown-submenu {
        top: 0
    }

    .dropdown.menu.medium-vertical>li.opens-left>.is-dropdown-submenu {
        left: auto;
        right: 100%
    }

    .dropdown.menu.medium-vertical>li.opens-right>.is-dropdown-submenu {
        right: auto;
        left: 100%
    }

    .dropdown.menu.medium-vertical>li>a:after {
        right: 14px;
        margin-top: -3px
    }

    .dropdown.menu.medium-vertical>li.opens-left>a:after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border: 5px inset;
        border-color: transparent #2199e8 transparent transparent;
        border-right-style: solid;
        border-left-width: 0
    }

    .dropdown.menu.medium-vertical>li.opens-right>a:after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border: 5px inset;
        border-color: transparent transparent transparent #2199e8;
        border-left-style: solid;
        border-right-width: 0
    }
}

@media screen and (min-width: 64em) {
    .dropdown.menu.large-horizontal>li.opens-left>.is-dropdown-submenu {
        left:auto;
        right: 0;
        top: 100%
    }

    .dropdown.menu.large-horizontal>li.opens-right>.is-dropdown-submenu {
        right: auto;
        left: 0;
        top: 100%
    }

    .dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a {
        padding-right: 1.5rem;
        position: relative
    }

    .dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a:after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border: 5px inset;
        border-color: #2199e8 transparent transparent;
        border-top-style: solid;
        border-bottom-width: 0;
        right: 5px;
        margin-top: -2px
    }

    .dropdown.menu.large-vertical>li .is-dropdown-submenu {
        top: 0
    }

    .dropdown.menu.large-vertical>li.opens-left>.is-dropdown-submenu {
        left: auto;
        right: 100%
    }

    .dropdown.menu.large-vertical>li.opens-right>.is-dropdown-submenu {
        right: auto;
        left: 100%
    }

    .dropdown.menu.large-vertical>li>a:after {
        right: 14px;
        margin-top: -3px
    }

    .dropdown.menu.large-vertical>li.opens-left>a:after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border: 5px inset;
        border-color: transparent #2199e8 transparent transparent;
        border-right-style: solid;
        border-left-width: 0
    }

    .dropdown.menu.large-vertical>li.opens-right>a:after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border: 5px inset;
        border-color: transparent transparent transparent #2199e8;
        border-left-style: solid;
        border-right-width: 0
    }
}

.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
    top: 100%;
    left: auto;
    right: 0
}

.is-dropdown-menu.vertical {
    width: 100px
}

.is-dropdown-menu.vertical.align-right {
    float: right
}

.is-dropdown-submenu-parent {
    position: relative
}

.is-dropdown-submenu-parent a:after {
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -2px
}

.is-dropdown-submenu-parent.opens-inner>.is-dropdown-submenu {
    top: 100%;
    left: auto
}

.is-dropdown-submenu-parent.opens-left>.is-dropdown-submenu {
    left: auto;
    right: 100%
}

.is-dropdown-submenu-parent.opens-right>.is-dropdown-submenu {
    right: auto;
    left: 100%
}

.is-dropdown-submenu {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    min-width: 200px;
    z-index: 1;
    background: #fefefe;
    border: 1px solid #cacaca
}

.is-dropdown-submenu .is-dropdown-submenu-parent>a:after {
    right: 14px;
    margin-top: -3px
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left>a:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: 5px inset;
    border-color: transparent #2199e8 transparent transparent;
    border-right-style: solid;
    border-left-width: 0
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right>a:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: 5px inset;
    border-color: transparent transparent transparent #2199e8;
    border-left-style: solid;
    border-right-width: 0
}

.is-dropdown-submenu .is-dropdown-submenu {
    margin-top: -1px
}

.is-dropdown-submenu>li {
    width: 100%
}

.is-dropdown-submenu.js-dropdown-active {
    display: block
}

.flex-video {
    position: relative;
    height: 0;
    padding-bottom: 75%;
    margin-bottom: 1rem;
    overflow: hidden
}

.flex-video embed,.flex-video iframe,.flex-video object,.flex-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.flex-video.widescreen {
    padding-bottom: 56.25%
}

.flex-video.vimeo {
    padding-top: 0
}

.label {
    display: inline-block;
    padding: .33333rem .5rem;
    font-size: .8rem;
    line-height: 1;
    white-space: nowrap;
    cursor: default;
    border-radius: 0;
    background: #2199e8;
    color: #fefefe
}

.label.secondary {
    background: #777;
    color: #fefefe
}

.label.success {
    background: #3adb76;
    color: #fefefe
}

.label.warning {
    background: #ffae00;
    color: #fefefe
}

.label.alert {
    background: #ec5840;
    color: #fefefe
}

.media-object {
    margin-bottom: 1rem;
    display: block
}

.media-object img {
    max-width: none
}

@media screen and (max-width: 39.9375em) {
    .media-object.stack-for-small .media-object-section {
        padding:0;
        padding-bottom: 1rem;
        display: block
    }

    .media-object.stack-for-small .media-object-section img {
        width: 100%
    }
}

.media-object-section {
    display: table-cell;
    vertical-align: top
}

.media-object-section:first-child {
    padding-right: 1rem
}

.media-object-section:last-child:not(:nth-child(2)) {
    padding-left: 1rem
}

.media-object-section>:last-child {
    margin-bottom: 0
}

.media-object-section.middle {
    vertical-align: middle
}

.media-object-section.bottom {
    vertical-align: bottom
}

body,html {
    height: 100%
}

/*.off-canvas-wrapper {
    width: 100%;
    overflow-x: hidden;
    position: relative;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-overflow-scrolling: auto
}

.off-canvas-wrapper-inner {
    position: relative;
    width: 100%;
    min-height: 100%;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease
}

.off-canvas-wrapper-inner:after,.off-canvas-wrapper-inner:before {
    content: ' ';
    display: table
}

.off-canvas-wrapper-inner:after {
    clear: both
}

.off-canvas-content {
    min-height: 100%;
    background: #fefefe;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    padding-bottom: .1px;
    box-shadow: 0 0 10px hsla(0,0,4%,.5)
}

.js-off-canvas-exit {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: hsla(0,0,100%,.25);
    cursor: pointer;
    transition: background .5s ease
}

.off-canvas {
    position: absolute;
    background: #e6e6e6;
    z-index: -1;
    max-height: 100%;
    overflow-y: auto;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

[data-whatinput=mouse] .off-canvas {
    outline: 0
}

.off-canvas.position-left {
    left: -250px;
    top: 0;
    width: 250px
}

.is-open-left {
    -webkit-transform: translateX(250px);
    transform: translateX(250px)
}

.off-canvas.position-right {
    right: -250px;
    top: 0;
    width: 250px
}

.is-open-right {
    -webkit-transform: translateX(-250px);
    transform: translateX(-250px)
}

@media screen and (min-width: 40em) {
    .position-left.reveal-for-medium {
        left:0;
        z-index: auto;
        position: fixed
    }

    .position-left.reveal-for-medium~.off-canvas-content {
        margin-left: 250px
    }

    .position-right.reveal-for-medium {
        right: 0;
        z-index: auto;
        position: fixed
    }

    .position-right.reveal-for-medium~.off-canvas-content {
        margin-right: 250px
    }
}

@media screen and (min-width: 64em) {
    .position-left.reveal-for-large {
        left:0;
        z-index: auto;
        position: fixed
    }

    .position-left.reveal-for-large~.off-canvas-content {
        margin-left: 250px
    }

    .position-right.reveal-for-large {
        right: 0;
        z-index: auto;
        position: fixed
    }

    .position-right.reveal-for-large~.off-canvas-content {
        margin-right: 250px
    }
}*/

.orbit,.orbit-container {
    position: relative
}

.orbit-container {
    margin: 0;
    overflow: hidden;
    list-style: none
}

.orbit-slide {
    width: 100%;
    max-height: 100%
}

.orbit-slide.no-motionui.is-active {
    top: 0;
    left: 0
}

.orbit-figure {
    margin: 0
}

.orbit-image {
    margin: 0;
    width: 100%;
    max-width: 100%
}

.orbit-caption {
    bottom: 0;
    width: 100%;
    margin-bottom: 0;
    background-color: hsla(0,0,4%,.5)
}

.orbit-caption,.orbit-next,.orbit-previous {
    position: absolute;
    padding: 1rem;
    color: #fefefe
}

.orbit-next,.orbit-previous {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 3
}

[data-whatinput=mouse] .orbit-next,[data-whatinput=mouse] .orbit-previous {
    outline: 0
}

.orbit-next:active,.orbit-next:focus,.orbit-next:hover,.orbit-previous:active,.orbit-previous:focus,.orbit-previous:hover {
    background-color: hsla(0,0,4%,.5)
}

.orbit-previous {
    left: 0
}

.orbit-next {
    left: auto;
    right: 0
}

.orbit-bullets {
    position: relative;
    margin-top: .8rem;
    margin-bottom: .8rem;
    text-align: center
}

[data-whatinput=mouse] .orbit-bullets {
    outline: 0
}

.orbit-bullets button {
    width: 1.2rem;
    height: 1.2rem;
    margin: .1rem;
    background-color: #cacaca;
    border-radius: 50%
}

.orbit-bullets button.is-active,.orbit-bullets button:hover {
    background-color: #8a8a8a
}

.pagination {
    margin-left: 0;
    margin-bottom: 1rem
}

.pagination:after,.pagination:before {
    content: ' ';
    display: table
}

.pagination:after {
    clear: both
}

.pagination li {
    font-size: .875rem;
    margin-right: .0625rem;
    border-radius: 0;
    display: none
}

.pagination li:first-child,.pagination li:last-child {
    display: inline-block
}

@media screen and (min-width: 40em) {
    .pagination li {
        display:inline-block
    }
}

.pagination a,.pagination button {
    color: #0a0a0a;
    display: block;
    padding: .1875rem .625rem;
    border-radius: 0
}

.pagination a:hover,.pagination button:hover {
    background: #e6e6e6
}

.pagination .current {
    padding: .1875rem .625rem;
    background: #2199e8;
    color: #fefefe;
    cursor: default
}

.pagination .disabled {
    padding: .1875rem .625rem;
    color: #cacaca;
    cursor: not-allowed
}

.pagination .disabled:hover {
    background: transparent
}

.pagination .ellipsis:after {
    content: '\2026';
    padding: .1875rem .625rem;
    color: #0a0a0a
}

.pagination-previous.disabled:before,.pagination-previous a:before {
    content: '\00ab';
    display: inline-block;
    margin-right: .5rem
}

.pagination-next.disabled:after,.pagination-next a:after {
    content: '\00bb';
    display: inline-block;
    margin-left: .5rem
}

.progress {
    background-color: #cacaca;
    height: 1rem;
    margin-bottom: 1rem;
    border-radius: 0
}

.progress.primary .progress-meter {
    background-color: #2199e8
}

.progress.secondary .progress-meter {
    background-color: #777
}

.progress.success .progress-meter {
    background-color: #3adb76
}

.progress.warning .progress-meter {
    background-color: #ffae00
}

.progress.alert .progress-meter {
    background-color: #ec5840
}

.progress-meter {
    position: relative;
    display: block;
    width: 0;
    height: 100%;
    background-color: #2199e8
}

.progress-meter-text {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    position: absolute;
    margin: 0;
    font-size: .75rem;
    font-weight: 700;
    color: #fefefe;
    white-space: nowrap
}

body.is-reveal-open {
    overflow: hidden
}

html.is-reveal-open,html.is-reveal-open body {
    min-height: 100%;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.reveal-overlay {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 4;
    background-color: hsla(0,0,4%,.45);
    overflow-y: scroll
}

.reveal {
    display: none;
    z-index: 5;
    padding: 1rem;
    border: 1px solid #cacaca;
    background-color: #fefefe;
    border-radius: 0;
    position: relative;
    top: 100px;
    margin-left: auto;
    margin-right: auto;
    overflow-y: auto
}

[data-whatinput=mouse] .reveal {
    outline: 0
}

@media screen and (min-width: 40em) {
    .reveal {
        min-height:0
    }
}

.reveal .column,.reveal .columns {
    min-width: 0
}

.reveal>:last-child {
    margin-bottom: 0
}

@media screen and (min-width: 40em) {
    .reveal {
        width:600px;
        max-width: 75rem
    }
}

@media screen and (min-width: 40em) {
    .reveal .reveal {
        left:auto;
        right: auto;
        margin: 0 auto
    }
}

.reveal.collapse {
    padding: 0
}

@media screen and (min-width: 40em) {
    .reveal.tiny {
        width:30%;
        max-width: 75rem
    }
}

@media screen and (min-width: 40em) {
    .reveal.small {
        width:50%;
        max-width: 75rem
    }
}

@media screen and (min-width: 40em) {
    .reveal.large {
        width:90%;
        max-width: 75rem
    }
}

.reveal.full {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    height: 100vh;
    min-height: 100vh;
    max-width: none;
    margin-left: 0;
    border: 0;
    border-radius: 0
}

@media screen and (max-width: 39.9375em) {
    .reveal {
        top:0;
        left: 0;
        width: 100%;
        height: 100%;
        height: 100vh;
        min-height: 100vh;
        max-width: none;
        margin-left: 0;
        border: 0;
        border-radius: 0
    }
}

.reveal.without-overlay {
    position: fixed
}

.slider {
    position: relative;
    height: .5rem;
    margin-top: 1.25rem;
    margin-bottom: 2.25rem;
    background-color: #e6e6e6;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: none;
    touch-action: none
}

.slider-fill {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    max-width: 100%;
    height: .5rem;
    background-color: #cacaca;
    transition: all .2s ease-in-out
}

.slider-fill.is-dragging {
    transition: all 0 linear
}

.slider-handle {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    left: 0;
    z-index: 1;
    display: inline-block;
    width: 1.4rem;
    height: 1.4rem;
    background-color: #2199e8;
    transition: all .2s ease-in-out;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    border-radius: 0
}

[data-whatinput=mouse] .slider-handle {
    outline: 0
}

.slider-handle:hover {
    background-color: #1583cc
}

.slider-handle.is-dragging {
    transition: all 0 linear
}

.slider.disabled,.slider[disabled] {
    opacity: .25;
    cursor: not-allowed
}

.slider.vertical {
    display: inline-block;
    width: .5rem;
    height: 12.5rem;
    margin: 0 1.25rem;
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}

.slider.vertical .slider-fill {
    top: 0;
    width: .5rem;
    max-height: 100%
}

.slider.vertical .slider-handle {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1.4rem;
    height: 1.4rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.sticky-container {
    position: relative
}

.sticky {
    position: absolute;
    z-index: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.sticky.is-stuck {
    position: fixed;
    z-index: 2
}

.sticky.is-stuck.is-at-top {
    top: 0
}

.sticky.is-stuck.is-at-bottom {
    bottom: 0
}

.sticky.is-anchored {
    position: absolute;
    left: auto;
    right: auto
}

.sticky.is-anchored.is-at-bottom {
    bottom: 0
}

.switch {
    height: 2rem;
    margin-bottom: 1rem;
    outline: 0;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #fefefe;
    font-weight: 700;
    font-size: .875rem
}

.switch-input {
    opacity: 0;
    position: absolute;
    margin-bottom: 0
}

.switch-paddle {
    background: #cacaca;
    cursor: pointer;
    display: block;
    position: relative;
    width: 4rem;
    height: 2rem;
    transition: all .25s ease-out;
    border-radius: 0;
    color: inherit;
    font-weight: inherit
}

input+.switch-paddle {
    margin: 0
}

.switch-paddle:after {
    background: #fefefe;
    content: '';
    display: block;
    position: absolute;
    height: 1.5rem;
    left: .25rem;
    top: .25rem;
    width: 1.5rem;
    transition: all .25s ease-out;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    border-radius: 0
}

input:checked~.switch-paddle {
    background: #2199e8
}

input:checked~.switch-paddle:after {
    left: 2.25rem
}

[data-whatinput=mouse] input:focus~.switch-paddle {
    outline: 0
}

.switch-active,.switch-inactive {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.switch-active {
    left: 8%;
    display: none
}

input:checked+label>.switch-active {
    display: block
}

.switch-inactive {
    right: 15%
}

input:checked+label>.switch-inactive {
    display: none
}

.switch.tiny {
    height: 1.5rem
}

.switch.tiny .switch-paddle {
    width: 3rem;
    height: 1.5rem;
    font-size: .625rem
}

.switch.tiny .switch-paddle:after {
    width: 1rem;
    height: 1rem
}

.switch.tiny input:checked~.switch-paddle:after {
    left: 1.75rem
}

.switch.small {
    height: 1.75rem
}

.switch.small .switch-paddle {
    width: 3.5rem;
    height: 1.75rem;
    font-size: .75rem
}

.switch.small .switch-paddle:after {
    width: 1.25rem;
    height: 1.25rem
}

.switch.small input:checked~.switch-paddle:after {
    left: 2rem
}

.switch.large {
    height: 2.5rem
}

.switch.large .switch-paddle {
    width: 5rem;
    height: 2.5rem;
    font-size: 1rem
}

.switch.large .switch-paddle:after {
    width: 2rem;
    height: 2rem
}

.switch.large input:checked~.switch-paddle:after {
    left: 2.75rem
}

table {
    width: 100%;
    margin-bottom: 1rem;
    border-radius: 0
}

table tbody,table tfoot,table thead {
    border: 1px solid #f1f1f1;
    background-color: #fefefe
}

table caption {
    font-weight: 700;
    padding: .5rem .625rem .625rem
}

table thead {
    background: #f8f8f8;
    color: #0a0a0a
}

table tfoot {
    background: #f1f1f1;
    color: #0a0a0a
}

table tfoot tr,table thead tr {
    background: transparent
}

table tfoot td,table tfoot th,table thead td,table thead th {
    padding: .5rem .625rem .625rem;
    font-weight: 700;
    text-align: left
}

table tbody tr:nth-child(even) {
    background-color: #f1f1f1
}

table tbody td,table tbody th {
    padding: .5rem .625rem .625rem
}

@media screen and (max-width: 63.9375em) {
    table.stack tfoot,table.stack thead {
        display:none
    }

    table.stack td,table.stack th,table.stack tr {
        display: block
    }

    table.stack td {
        border-top: 0
    }
}

table.scroll {
    display: block;
    width: 100%;
    overflow-x: auto
}

table.hover thead tr:hover {
    background-color: #f3f3f3
}

table.hover tfoot tr:hover {
    background-color: #ececec
}

table.hover tbody tr:hover {
    background-color: #f9f9f9
}

table.hover tbody tr:nth-of-type(even):hover {
    background-color: #ececec
}

.table-scroll {
    overflow-x: auto
}

.table-scroll table {
    width: auto
}

.tabs {
    margin: 0;
    list-style-type: none;
    background: #fefefe;
    border: 1px solid #e6e6e6
}

.tabs:after,.tabs:before {
    content: ' ';
    display: table
}

.tabs:after {
    clear: both
}

.tabs.vertical>li {
    width: auto;
    float: none;
    display: block
}

.tabs.simple>li>a {
    padding: 0
}

.tabs.simple>li>a:hover {
    background: transparent
}

.tabs.primary {
    background: #2199e8
}

.tabs.primary>li>a {
    color: #fefefe
}

.tabs.primary>li>a:focus,.tabs.primary>li>a:hover {
    background: #1893e4
}

.tabs-title {
    float: left
}

.tabs-title>a {
    display: block;
    padding: 1.25rem 1.5rem;
    line-height: 1;
    font-size: .75rem
}

.tabs-title>a:hover {
    background: #fefefe
}

.tabs-title>a:focus,.tabs-title>a[aria-selected=true] {
    background: #e6e6e6
}

.tabs-content {
    background: #fefefe;
    transition: all .5s ease;
    border: 1px solid #e6e6e6;
    border-top: 0
}

.tabs-content.vertical {
    border: 1px solid #e6e6e6;
    border-left: 0
}

.tabs-panel {
    display: none;
    padding: 1rem
}

.tabs-panel.is-active {
    display: block
}

.thumbnail {
    border: 4px solid #fefefe;
    box-shadow: 0 0 0 1px hsla(0,0,4%,.2);
    display: inline-block;
    line-height: 0;
    max-width: 100%;
    transition: box-shadow .2s ease-out;
    border-radius: 0;
    margin-bottom: 1rem
}

.thumbnail:focus,.thumbnail:hover {
    box-shadow: 0 0 6px 1px rgba(33,153,232,.5)
}

.title-bar {
    background: #0a0a0a;
    color: #fefefe;
    padding: .5rem
}

.title-bar:after,.title-bar:before {
    content: ' ';
    display: table
}

.title-bar:after {
    clear: both
}

.title-bar .menu-icon {
    margin-left: .25rem;
    margin-right: .25rem
}

.title-bar-left {
    float: left
}

.title-bar-right {
    float: right;
    text-align: right
}

.title-bar-title {
    vertical-align: middle
}

.has-tip,.title-bar-title {
    font-weight: 700;
    display: inline-block
}

.has-tip {
    border-bottom: 1px dotted #8a8a8a;
    position: relative;
    cursor: help
}

.tooltip {
    background-color: #0a0a0a;
    color: #fefefe;
    font-size: 80%;
    padding: .75rem;
    position: absolute;
    z-index: 3;
    top: calc(100% + .6495rem);
    max-width: 10rem !important;
    border-radius: 0
}

.tooltip:before {
    border-color: transparent transparent #0a0a0a;
    border-bottom-style: solid;
    border-top-width: 0;
    bottom: 100%;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.tooltip.top:before,.tooltip:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: .75rem inset
}

.tooltip.top:before {
    border-color: #0a0a0a transparent transparent;
    border-top-style: solid;
    border-bottom-width: 0;
    top: 100%;
    bottom: auto
}

.tooltip.left:before {
    border-color: transparent transparent transparent #0a0a0a;
    border-left-style: solid;
    border-right-width: 0;
    left: 100%
}

.tooltip.left:before,.tooltip.right:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: .75rem inset;
    bottom: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.tooltip.right:before {
    border-color: transparent #0a0a0a transparent transparent;
    border-right-style: solid;
    border-left-width: 0;
    left: auto;
    right: 100%
}

.top-bar:not(.custom-top-bar) {
    padding: .5rem
}

.top-bar:after,.top-bar:before {
    content: ' ';
    display: table
}

.top-bar:after {
    clear: both
}

.top-bar,.top-bar ul {
    background-color: #e6e6e6
}

.top-bar input {
    max-width: 200px;
    margin-right: 1rem
}

.top-bar .input-group-field {
    width: 100%;
    margin-right: 0
}

.top-bar input.button {
    width: auto
}

.top-bar .top-bar-left,.top-bar .top-bar-right {
    width: 100%
}

@media screen and (min-width: 40em) {
    .top-bar .top-bar-left,.top-bar .top-bar-right {
        width:auto
    }
}

@media screen and (max-width: 63.9375em) {
    .top-bar.stacked-for-medium .top-bar-left,.top-bar.stacked-for-medium .top-bar-right {
        width:100%
    }
}

@media screen and (max-width: 74.9375em) {
    .top-bar.stacked-for-large .top-bar-left,.top-bar.stacked-for-large .top-bar-right {
        width:100%
    }
}

.top-bar-title {
    float: left;
    margin-right: 1rem
}

.top-bar-left {
    float: left
}

.top-bar-right {
    float: right
}

.hide {
    display: none !important
}

.invisible {
    visibility: hidden
}

@media screen and (max-width: 39.9375em) {
    .hide-for-small-only {
        display:none !important
    }
}

@media screen and (max-width: 0),screen and (min-width:40em) {
    .show-for-small-only {
        display:none !important
    }
}

@media screen and (min-width: 40em) {
    .hide-for-medium {
        display:none !important
    }
}

@media screen and (max-width: 39.9375em) {
    .show-for-medium {
        display:none !important
    }
}

@media screen and (min-width: 40em) and (max-width:63.9375em) {
    .hide-for-medium-only {
        display:none !important
    }
}

@media screen and (max-width: 39.9375em),screen and (min-width:64em) {
    .show-for-medium-only {
        display:none !important
    }
}

@media screen and (min-width: 64em) {
    .hide-for-large {
        display:none !important
    }
}

@media screen and (max-width: 63.9375em) {
    .show-for-large {
        display:none !important
    }
}

@media screen and (min-width: 64em) and (max-width:74.9375em) {
    .hide-for-large-only {
        display:none !important
    }
}

@media screen and (max-width: 63.9375em),screen and (min-width:75em) {
    .show-for-large-only {
        display:none !important
    }
}

.show-for-sr,.show-on-focus {
    position: absolute !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0,0,0,0)
}

.show-on-focus:active,.show-on-focus:focus {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto
}

.hide-for-portrait,.show-for-landscape {
    display: block !important
}

@media screen and (orientation: landscape) {
    .hide-for-portrait,.show-for-landscape {
        display:block !important
    }
}

@media screen and (orientation: portrait) {
    .hide-for-portrait,.show-for-landscape {
        display:none !important
    }
}

.hide-for-landscape,.show-for-portrait {
    display: none !important
}

@media screen and (orientation: landscape) {
    .hide-for-landscape,.show-for-portrait {
        display:none !important
    }
}

@media screen and (orientation: portrait) {
    .hide-for-landscape,.show-for-portrait {
        display:block !important
    }
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-center {
    display: block;
    margin-left: auto;
    margin-right: auto
}

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

.clearfix:after {
    clear: both
}

.slide-in-down.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-in-down.mui-enter.mui-enter-active {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.slide-in-left.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-in-left.mui-enter.mui-enter-active {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.slide-in-up.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-in-up.mui-enter.mui-enter-active {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.slide-in-right.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-in-right.mui-enter.mui-enter-active {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.slide-out-down.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-out-down.mui-leave.mui-leave-active {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.slide-out-right.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-out-right.mui-leave.mui-leave-active {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.slide-out-up.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-out-up.mui-leave.mui-leave-active {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.slide-out-left.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.slide-out-left.mui-leave.mui-leave-active {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.fade-in.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    opacity: 0;
    transition-property: opacity
}

.fade-in.mui-enter.mui-enter-active {
    opacity: 1
}

.fade-out.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    opacity: 1;
    transition-property: opacity
}

.fade-out.mui-leave.mui-leave-active {
    opacity: 0
}

.hinge-in-from-top.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotateX(-90deg);
    transform: perspective(2000px) rotateX(-90deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    opacity: 0
}

.hinge-in-from-top.mui-enter.mui-enter-active {
    -webkit-transform: perspective(2000px) rotate(0);
    transform: perspective(2000px) rotate(0);
    opacity: 1
}

.hinge-in-from-right.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotateY(-90deg);
    transform: perspective(2000px) rotateY(-90deg);
    -webkit-transform-origin: right;
    transform-origin: right;
    transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    opacity: 0
}

.hinge-in-from-right.mui-enter.mui-enter-active {
    -webkit-transform: perspective(2000px) rotate(0);
    transform: perspective(2000px) rotate(0);
    opacity: 1
}

.hinge-in-from-bottom.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotateX(90deg);
    transform: perspective(2000px) rotateX(90deg);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    opacity: 0
}

.hinge-in-from-bottom.mui-enter.mui-enter-active {
    -webkit-transform: perspective(2000px) rotate(0);
    transform: perspective(2000px) rotate(0);
    opacity: 1
}

.hinge-in-from-left.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotateY(90deg);
    transform: perspective(2000px) rotateY(90deg);
    -webkit-transform-origin: left;
    transform-origin: left;
    transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    opacity: 0
}

.hinge-in-from-left.mui-enter.mui-enter-active {
    -webkit-transform: perspective(2000px) rotate(0);
    transform: perspective(2000px) rotate(0);
    opacity: 1
}

.hinge-in-from-middle-x.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotateX(-90deg);
    transform: perspective(2000px) rotateX(-90deg);
    -webkit-transform-origin: center;
    transform-origin: center;
    transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    opacity: 0
}

.hinge-in-from-middle-x.mui-enter.mui-enter-active {
    -webkit-transform: perspective(2000px) rotate(0);
    transform: perspective(2000px) rotate(0);
    opacity: 1
}

.hinge-in-from-middle-y.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotateY(-90deg);
    transform: perspective(2000px) rotateY(-90deg);
    -webkit-transform-origin: center;
    transform-origin: center;
    transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    opacity: 0
}

.hinge-in-from-middle-y.mui-enter.mui-enter-active,.hinge-out-from-top.mui-leave {
    -webkit-transform: perspective(2000px) rotate(0);
    transform: perspective(2000px) rotate(0);
    opacity: 1
}

.hinge-out-from-top.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    -webkit-transform-origin: top;
    transform-origin: top;
    transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity
}

.hinge-out-from-top.mui-leave.mui-leave-active {
    -webkit-transform: perspective(2000px) rotateX(-90deg);
    transform: perspective(2000px) rotateX(-90deg);
    opacity: 0
}

.hinge-out-from-right.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotate(0);
    transform: perspective(2000px) rotate(0);
    -webkit-transform-origin: right;
    transform-origin: right;
    transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    opacity: 1
}

.hinge-out-from-right.mui-leave.mui-leave-active {
    -webkit-transform: perspective(2000px) rotateY(-90deg);
    transform: perspective(2000px) rotateY(-90deg);
    opacity: 0
}

.hinge-out-from-bottom.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotate(0);
    transform: perspective(2000px) rotate(0);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    opacity: 1
}

.hinge-out-from-bottom.mui-leave.mui-leave-active {
    -webkit-transform: perspective(2000px) rotateX(90deg);
    transform: perspective(2000px) rotateX(90deg);
    opacity: 0
}

.hinge-out-from-left.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotate(0);
    transform: perspective(2000px) rotate(0);
    -webkit-transform-origin: left;
    transform-origin: left;
    transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    opacity: 1
}

.hinge-out-from-left.mui-leave.mui-leave-active {
    -webkit-transform: perspective(2000px) rotateY(90deg);
    transform: perspective(2000px) rotateY(90deg);
    opacity: 0
}

.hinge-out-from-middle-x.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotate(0);
    transform: perspective(2000px) rotate(0);
    -webkit-transform-origin: center;
    transform-origin: center;
    transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    opacity: 1
}

.hinge-out-from-middle-x.mui-leave.mui-leave-active {
    -webkit-transform: perspective(2000px) rotateX(-90deg);
    transform: perspective(2000px) rotateX(-90deg);
    opacity: 0
}

.hinge-out-from-middle-y.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotate(0);
    transform: perspective(2000px) rotate(0);
    -webkit-transform-origin: center;
    transform-origin: center;
    transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    opacity: 1
}

.hinge-out-from-middle-y.mui-leave.mui-leave-active {
    -webkit-transform: perspective(2000px) rotateY(-90deg);
    transform: perspective(2000px) rotateY(-90deg);
    opacity: 0
}

.scale-in-up.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    opacity: 0
}

.scale-in-up.mui-enter.mui-enter-active {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.scale-in-down.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    opacity: 0
}

.scale-in-down.mui-enter.mui-enter-active,.scale-out-up.mui-leave {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.scale-out-up.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity
}

.scale-out-up.mui-leave.mui-leave-active {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0
}

.scale-out-down.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    opacity: 1
}

.scale-out-down.mui-leave.mui-leave-active {
    -webkit-transform: scale(.5);
    transform: scale(.5);
    opacity: 0
}

.spin-in.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    -webkit-transform: rotate(-270deg);
    transform: rotate(-270deg);
    transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    opacity: 0
}

.spin-in.mui-enter.mui-enter-active,.spin-out.mui-leave {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1
}

.spin-out.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity
}

.spin-in-ccw.mui-enter,.spin-out.mui-leave.mui-leave-active {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    opacity: 0
}

.spin-in-ccw.mui-enter {
    transition-duration: .5s;
    transition-timing-function: linear;
    transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity
}

.spin-in-ccw.mui-enter.mui-enter-active,.spin-out-ccw.mui-leave {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1
}

.spin-out-ccw.mui-leave {
    transition-duration: .5s;
    transition-timing-function: linear;
    transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity
}

.spin-out-ccw.mui-leave.mui-leave-active {
    -webkit-transform: rotate(-270deg);
    transform: rotate(-270deg);
    opacity: 0
}

.slow {
    transition-duration: .75s !important
}

.fast {
    transition-duration: .25s !important
}

.linear {
    transition-timing-function: linear !important
}

.ease {
    transition-timing-function: ease !important
}

.ease-in {
    transition-timing-function: ease-in !important
}

.ease-out {
    transition-timing-function: ease-out !important
}

.ease-in-out {
    transition-timing-function: ease-in-out !important
}

.bounce-in {
    transition-timing-function: cubic-bezier(.485,.155,.24,1.245) !important
}

.bounce-out {
    transition-timing-function: cubic-bezier(.485,.155,.515,.845) !important
}

.bounce-in-out {
    transition-timing-function: cubic-bezier(.76,-.245,.24,1.245) !important
}

.short-delay {
    transition-delay: .3s !important
}

.long-delay {
    transition-delay: .7s !important
}

.shake {
    -webkit-animation-name: a;
    animation-name: a
}

@-webkit-keyframes a {
    0,10%,20%,30%,40%,50%,60%,70%,80%,90% {
        -webkit-transform: translateX(7%);
        transform: translateX(7%)
    }

    5%,15%,25%,35%,45%,55%,65%,75%,85%,95% {
        -webkit-transform: translateX(-7%);
        transform: translateX(-7%)
    }
}

@keyframes a {
    0,10%,20%,30%,40%,50%,60%,70%,80%,90% {
        -webkit-transform: translateX(7%);
        transform: translateX(7%)
    }

    5%,15%,25%,35%,45%,55%,65%,75%,85%,95% {
        -webkit-transform: translateX(-7%);
        transform: translateX(-7%)
    }
}

.spin-cw {
    -webkit-animation-name: b;
    animation-name: b
}

@-webkit-keyframes b {
    0 {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }

    to {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes b {
    0 {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }

    to {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

.spin-ccw {
    -webkit-animation-name: b;
    animation-name: b
}

@keyframes b {
    0 {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.wiggle {
    -webkit-animation-name: c;
    animation-name: c
}

@-webkit-keyframes c {
    40%,50%,60% {
        -webkit-transform: rotate(7deg);
        transform: rotate(7deg)
    }

    35%,45%,55%,65% {
        -webkit-transform: rotate(-7deg);
        transform: rotate(-7deg)
    }

    0,30%,70%,to {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes c {
    40%,50%,60% {
        -webkit-transform: rotate(7deg);
        transform: rotate(7deg)
    }

    35%,45%,55%,65% {
        -webkit-transform: rotate(-7deg);
        transform: rotate(-7deg)
    }

    0,30%,70%,to {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

.shake,.spin-ccw,.spin-cw,.wiggle {
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.slow {
    -webkit-animation-duration: .75s !important;
    animation-duration: .75s !important
}

.fast {
    -webkit-animation-duration: .25s !important;
    animation-duration: .25s !important
}

.linear {
    -webkit-animation-timing-function: linear !important;
    animation-timing-function: linear !important
}

.ease {
    -webkit-animation-timing-function: ease !important;
    animation-timing-function: ease !important
}

.ease-in {
    -webkit-animation-timing-function: ease-in !important;
    animation-timing-function: ease-in !important
}

.ease-out {
    -webkit-animation-timing-function: ease-out !important;
    animation-timing-function: ease-out !important
}

.ease-in-out {
    -webkit-animation-timing-function: ease-in-out !important;
    animation-timing-function: ease-in-out !important
}

.bounce-in {
    -webkit-animation-timing-function: cubic-bezier(.485,.155,.24,1.245) !important;
    animation-timing-function: cubic-bezier(.485,.155,.24,1.245) !important
}

.bounce-out {
    -webkit-animation-timing-function: cubic-bezier(.485,.155,.515,.845) !important;
    animation-timing-function: cubic-bezier(.485,.155,.515,.845) !important
}

.bounce-in-out {
    -webkit-animation-timing-function: cubic-bezier(.76,-.245,.24,1.245) !important;
    animation-timing-function: cubic-bezier(.76,-.245,.24,1.245) !important
}

.short-delay {
    -webkit-animation-delay: .3s !important;
    animation-delay: .3s !important
}

.long-delay {
    -webkit-animation-delay: .7s !important;
    animation-delay: .7s !important
}

html.remodal-is-locked {
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none
}

.remodal,[data-remodal-id] {
    display: none
}

.remodal-overlay {
    position: fixed;
    z-index: 9999;
    top: -5000px;
    right: -5000px;
    bottom: -5000px;
    left: -5000px;
    display: none
}

.remodal-wrapper {
    position: fixed;
    z-index: 10000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    overflow: auto;
    text-align: center;
    -webkit-overflow-scrolling: touch
}

.remodal-wrapper:after {
    display: inline-block;
    height: 100%;
    margin-left: -0.05em;
    content: ""
}

.remodal-overlay,.remodal-wrapper {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.remodal {
    position: relative;
    outline: 0;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%
}

.remodal-is-initialized {
    display: inline-block
}

.remodal-bg.remodal-is-opening,.remodal-bg.remodal-is-opened {
    -webkit-filter: blur(3px);
    filter: blur(3px)
}

.remodal-overlay {
    background: rgba(43,46,56,0.9)
}

.remodal-overlay.remodal-is-opening,.remodal-overlay.remodal-is-closing {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.remodal-overlay.remodal-is-opening {
    -webkit-animation-name: remodal-overlay-opening-keyframes;
    animation-name: remodal-overlay-opening-keyframes
}

.remodal-overlay.remodal-is-closing {
    -webkit-animation-name: remodal-overlay-closing-keyframes;
    animation-name: remodal-overlay-closing-keyframes
}

.remodal-wrapper {
    padding: 10px 10px 0
}

.remodal {
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 10px;
    padding: 35px;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    color: #2b2e38;
    background: #fff
}

.remodal.remodal-is-opening,.remodal.remodal-is-closing {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.remodal.remodal-is-opening {
    -webkit-animation-name: remodal-opening-keyframes;
    animation-name: remodal-opening-keyframes
}

.remodal.remodal-is-closing {
    -webkit-animation-name: remodal-closing-keyframes;
    animation-name: remodal-closing-keyframes
}

.remodal,.remodal-wrapper:after {
    vertical-align: middle
}

.remodal-close {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    overflow: visible;
    width: 35px;
    height: 35px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    -webkit-transition: color .2s;
    transition: color .2s;
    text-decoration: none;
    color: #95979c;
    border: 0;
    outline: 0;
    background: transparent
}

.remodal-close:hover,.remodal-close:focus {
    color: #2b2e38
}

.remodal-close:before {
    font-family: Arial,"Helvetica CY","Nimbus Sans L",sans-serif !important;
    font-size: 25px;
    line-height: 35px;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 35px;
    content: "\00d7";
    text-align: center
}

.remodal-confirm,.remodal-cancel {
    font: inherit;
    display: inline-block;
    overflow: visible;
    min-width: 110px;
    margin: 0;
    padding: 12px 0;
    cursor: pointer;
    -webkit-transition: background .2s;
    transition: background .2s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    border: 0;
    outline: 0
}

.remodal-confirm {
    color: #fff;
    background: #81c784
}

.remodal-confirm:hover,.remodal-confirm:focus {
    background: #66bb6a
}

.remodal-cancel {
    color: #fff;
    background: #e57373
}

.remodal-cancel:hover,.remodal-cancel:focus {
    background: #ef5350
}

.remodal-confirm::-moz-focus-inner,.remodal-cancel::-moz-focus-inner,.remodal-close::-moz-focus-inner {
    padding: 0;
    border: 0
}

@-webkit-keyframes remodal-opening-keyframes {
    from {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        opacity: 0
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
        -webkit-filter: blur(0);
        filter: blur(0)
    }
}

@keyframes remodal-opening-keyframes {
    from {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        opacity: 0
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
        -webkit-filter: blur(0);
        filter: blur(0)
    }
}

@-webkit-keyframes remodal-closing-keyframes {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    to {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
        opacity: 0;
        -webkit-filter: blur(0);
        filter: blur(0)
    }
}

@keyframes remodal-closing-keyframes {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    to {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
        opacity: 0;
        -webkit-filter: blur(0);
        filter: blur(0)
    }
}

@-webkit-keyframes remodal-overlay-opening-keyframes {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes remodal-overlay-opening-keyframes {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes remodal-overlay-closing-keyframes {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes remodal-overlay-closing-keyframes {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@media only screen and (min-width: 641px) {
    .remodal {
        max-width:700px
    }
}

.lt-ie9 .remodal-overlay {
    background: #2b2e38
}

.lt-ie9 .remodal {
    width: 700px
}

/* end thirdpartyclientlibs */
/* main.css*/
body,html {
    font-size: 100%
}

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

.clearfix {
    display: inline-block
}

/*\*/
* html .clearfix {
    height: 1%
}

.clearfix {
    display: block
}

.overlayWhite {
    height: 0;
    position: fixed;
    left: 0;
    top: 40px;
    background-color: #fff;
    z-index: 3;
    overflow: hidden;
    width: 100%
}

.overlayWhite.fixed {
    height: 100%
}

.fullwidth {
    width: 100%
}

/**/
body {
    background: #fff;
    font-family: 'Roboto Slab',serif;
    /*display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;*/
    color: #333;
    -webkit-overflow-scrolling: touch;
    height: auto;
    padding-top: 160px
}

.topNav {
    font-family: 'Roboto',sans-serif;
    font-size: 20px;
    background: #fff
}

.sticky.is-stuck {
    z-index: 2
}

h1,h2,h3,h4,h5,h6 {
    font-family: 'Roboto',sans-serif;
    font-weight: 700;
    color: #333
}

h1 {
    font-size: 60px;
}

h2 {
    font-size: 50px;
}

h3 {
    font-size: 40px;
}

h4 {
    font-size: 35px;
}

h5 {
    font-size: 28px;
}

h6 {
    font-size: 22px;
}

#ndq-content:not(.ndq-5806) h1 {
    line-height: 75px
}

#ndq-content:not(.ndq-5806) h2 {
    line-height: 60px
}

#ndq-content:not(.ndq-5806) h3 {
    line-height: 50px
}

#ndq-content:not(.ndq-5806) h4 {
    line-height: 45px
}

#ndq-content:not(.ndq-5806) h5 {
    line-height: 40px
}

#ndq-content:not(.ndq-5806) h6 {
    line-height: 30px
}

.body-Slab-Large {
    font-size: 25px;
    line-height: 40px
}

.body-Slab-Medium {
    font-size: 20px;
    line-height: 35px
}

.body-Slab-Small {
    font-size: 15px;
    line-height: 25px
}

.body-Sans-Large {
    font-size: 25px;
    line-height: 40px
}

.body-Sans-Medium {
    font-size: 20px;
    line-height: 35px
}

.body-Sans-Small {
    font-size: 15px;
    line-height: 25px
}

.body-caption {
    font-size: 13px;
    line-height: 25px
}

.topNav a {
    color: #333;
    font-weight: 400
}

.topNav li>a {
    border-bottom: 2px solid transparent
}

.topNav a:hover {
    color: #00212b
}

.topNav a:active {
    color: #000a0d
}

.partners-logonewdesign {
    max-width: 1180px;
    margin: auto
}

.partners-logonewdesign li {
    list-style: none;
    background: #FFF;
    text-align: center;
    height: 40px;
    margin-top: 40px;
    float: left
}

.partners-logonewdesign li img {
    max-height: 40px;
    vertical-align: middle
}

.partners-logonewdesign li:last-child {
    float: left !important
}

.mainBox .large-4 {
    padding-right: 50px;
    padding-left: 50px
}

.mainBox {
    padding-top: 40px
}

.mainBox .btn-bottom {
    margin-top: 40px
}

.paddingTop30 {
    padding-top: 40px
}

.paddingTopBottom {
    padding-top: 25px
}

.head6 {
    font-family: 'Roboto',sans-serif;
    margin-bottom: 10px
}

footer .head6 {
    margin-bottom: 30px
}

.normaltext {
    padding: 15px 0 40px;
    color: #000;
    text-align: center
}

.colortext {
    color: #00bcc6 !important;
    font-weight: 700
}

.article {
    margin-bottom: 20px;
    vertical-align: bottom;
    padding-left: 30px;
    padding-right: 30px
}

.article img {
    vertical-align: baseline
}

.menu-text {
    padding-top: 20px;
    padding-bottom: 0;
    background-color: #fff
}

.financial {
    text-align: right !important;
    float: right !important
}

h3 {
    padding: 40px 0 10px 0
}

.btn-button {
    margin: 40px 0
}

.fullOpaque .opaqueImg {
    opacity: 1
}

.lowOpaque .opaqueImg {
    opacity: .95
}

.mediumOpaque .opaqueImg {
    opacity: .85
}

.highOpaque .opaqueImg {
    opacity: .70
}

.sectionRightAlign {
    float: right;
    text-align: right
}

.sectionCenterAlign {
    margin-left: auto;
    margin-right: auto;
    float: none;
    clear: both;
    text-align: center
}

.opaque-bg {
    padding: 35px 30px 120px;
    position: relative;
    z-index: 0;
    overflow: hidden;
    background-size: 100% 100%
}

.head5 {
    color: #fff;
    margin-bottom: 30px
}

.primaryBtn {
    font-family: 'Roboto',sans-serif;
    font-size: 17px;
    font-weight: 700;
    margin-top: 20px;
    display: block;
    line-height: 18px
}

.primaryBtn:hover,.primaryBtn:focus {
    color: #00212b
}

.primaryBtn:active {
    color: #000a0d
}

.clearRight {
    clear: right
}

.wrapper-main p {
    margin-bottom: 50px
}

.menu>li>a>img {
    transition: all .15s .05s
}

.menu>li.active>a>img {
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg)
}

.dropdownMenu {
    font-family: 'Roboto',sans-serif;
    font-size: 14px;
    position: fixed;
    top: 160px;
    z-index: 3;
    background: #fff;
    width: 100%;
    height: 100%;
    border: none !important;
    display: none
}

.search_box {
    color: #333;
    display: block;
    border: 0;
    width: 50px;
    font-size: 14px;
    margin-top: 12px;
    box-shadow: none;
    font-family: 'Roboto',sans-serif;
    font-weight: 500;
    padding-bottom: 2px !important;
    margin-right: 24px !important;
    margin-left: 0 !important
}

#videoPlayer,#genericVideoPlayer {
    max-width: 1280px;
    margin: auto;
    left: 0;
    right: 0;
    position: absolute
}

.hero-section {
    margin: auto;
    position: relative;
    display: block;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center top;
    max-width: 2000px
}

#videoBox,#genericVideoBox {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    margin: auto;
    background-color: #fff
}

.videoClosePosition {
    padding-top: 165px;
    position: relative;
    margin: auto;
    max-width: 1280px
}

#bgVideo {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    z-index: 0;
    color: #fff;
    text-align: center
}

#bgVideo video {
    min-height: 95%;
    min-width: 100%
}

.icon.search_icon_field {
    position: absolute;
    right: 0
}

.relative {
    position: relative
}

input.search_box:focus,textarea.search_box:focus,keygen.search_box:focus {
    outline: 0
}

.dropdownMenuSmall {
    font-family: 'Roboto',sans-serif;
    font-size: 14px;
    position: fixed;
    top: 55px;
    left: 0;
    z-index: 1;
    background: #fff;
    width: 100%;
    border: none !important
}

.dropdownMenuSmall li {
    padding: 0;
    margin: 0 30px;
    display: block;
    border-bottom: 1px solid #e9e9e9
}

.inputField {
    background-color: #fff;
    box-shadow: inset 7px 7px 0 0 #e9e9e9;
    border: solid 2px #8d8d8d;
    height: 50px;
    font-size: 15px;
    line-height: 1.6em;
    padding: 10px 25px 5px 15px;
    font-family: 'Roboto',sans-serif
}

.inputField:focus {
    background-color: #fff;
    box-shadow: inset 7px 7px 0 0 #e9e9e9;
    border: solid 2px #00465a
}

.inputField:active {
    background-color: #fff;
    box-shadow: inset 7px 7px 0 0 #e9e9e9;
    border: solid 2px #00465a;
    color: #333
}

.button.inactiveBtn,.button.inactiveBtn:focus,.button.inactiveBtn:hover {
    background-color: #c9c9c9;
    font-size: 17px;
    display: inline-block;
    color: #fff
}

.select2-container--default .select2-selection--single {
    border-radius: 0;
    background-color: #fff;
    box-shadow: none;
    border: solid 2px #8d8d8d;
    height: 50px;
    font-size: 15px;
    line-height: 1.6em;
    padding: 10px 25px 5px 15px;
    font-family: 'Roboto',sans-serif;
    outline: 0
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    background-image: url("../img/sprite.png");
    background-repeat: no-repeat;
    background-position: -79px -264px;
    height: 22px;
    width: 22px;
    display: inline-block;
    padding: 0;
    border-color: transparent;
    border-width: 0;
    transform: rotate(180deg)
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #00465a
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 5px;
    right: 15px
}

.select2-search.select2-search--dropdown {
    display: none
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    background-image: url("../img/sprite.png");
    background-repeat: no-repeat;
    background-position: -85px -265px;
    height: 22px;
    width: 22px;
    display: inline-block;
    padding: 0;
    border-color: transparent;
    border-width: 0
}

.inputFieldCheckbox input[type=checkbox] {
    display: none
}

.inputFieldCheckbox input[type=checkbox]+label {
    background-image: url(../img/sprite.png);
    background-repeat: no-repeat;
    background-position: -377px -1043px;
    height: 24px;
    width: 22px;
    display: inline-block;
    padding: 0;
    margin-bottom: -8px
}

.inputFieldCheckbox input[type=checkbox]:checked+label {
    background-image: url(../img/sprite.png);
    background-repeat: no-repeat;
    background-position: -402px -1043px;
    height: 24px;
    width: 22px;
    display: inline-block;
    padding: 0;
    margin-bottom: -8px
}

.error {
    border-color: #e23249
}

.error:focus,.error:active {
    border-color: #e23249
}

.inputWrap {
    position: relative;
    padding-bottom: 20px
}

.inputWrap label {
    font-size: 15px;
    line-height: 1.6em;
    padding: 10px 25px 5px 15px;
    font-family: 'Roboto',sans-serif
}

.iconPosition {
    position: absolute;
    right: 10px;
    bottom: 52px;
    z-index: 1
}

.article-section {
    background-position: right bottom
}

.dropdownMenuSmall li.last {
    border-top: 1px solid #333
}

.dropdownMenuSmall li:last-child {
    border-top: 1px solid #333;
    margin-top: -1px
}

.dropdownMenuSmall li a.selected {
    cursor: text;
    color: #333
}

.dropdownMenuSmall li:hover a.selected,.dropdownMenuSmall li:active a.selected,.dropdownMenuSmall li:visited a.selected {
    color: #333
}

.dropdownMenuSmall li a {
    display: block;
    padding: 0;
    float: none;
    clear: both;
    font-weight: 400;
    margin: 0 !important;
    line-height: 64px;
    box-sizing: border-box;
    cursor: pointer
}

.dropdownMenuSmall #firstLevel,.dropdownMenuSmall #secondLevel {
    width: 100%
}

.dropdownMenuSmall li a img {
    display: block;
    float: right;
    padding-top: 20px
}

.dropdownMenuSmall li a img.left {
    display: block;
    float: left;
    padding-top: 15px;
    margin-right: 10px
}

.paddingLeft {
    padding-left: 0
}

.paddingRight {
    padding-right: 0 !important
}

.dropdownMenu a {
    color: #333
}

.paddingLeft .menu a {
    padding-left: 0
}

.bottomBorder {
    border-bottom: 1px solid #e9e9e9;
    line-height: 40px
}

.topBorderBox {
    border-top: 1px solid #e9e9e9;
    padding-top: 0;
    margin-top: 0
}

.title-bar {
    background: #fff !important;
    padding: 18px 15px 17px
}

#footer a:focus {
    color: #000a0d
}

.legalFooterText p {
    font-size: 15px
}

.topNav .logo a {
    display: block;
    padding: 0;
    margin: 0 auto 0
}

.topCTA-links {
    z-index: 10;
    position: fixed;
    right: 0;
    top: 0;
    left: 0;
    margin: 0 auto;
    max-width: 1280px
}

.topCTA-links p {
    display: block;
    margin: 0 auto
}

.homepage {
    clear: both;
    margin: 0 auto;
    position: relative
}

.defaultMargin {
    width: 100%;
    margin: auto;
    max-width: 2000px;
    padding: 80px 35px;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: center top
}

div.disclaimer section {
    padding-bottom: 58px
}

div.disclaimer section:not(.gray-line-top) {
    padding-top: 0
}

.tableType {
    display: table;
    padding-top: 120px;
    padding-bottom: 120px
}

.hero-section {
    width: 100%;
    position: relative;
    clear: both
}

.tableType h1 {
    margin-bottom: 10px
}

.professionals {
    font-family: 'Roboto',sans-serif;
    font-weight: 500;
    background: #fff;
    font-size: 14px;
    min-height: 40px;
    height: 40px;
    line-height: 40px;
    margin: auto;
    width: 100%;
    max-width: 1180px
}

.professionals a {
    color: #00465a;
    position: relative;
    font-family: 'Roboto',sans-serif;
    font-weight: 500;
    line-height: 40px
}

.menu:not(.custom-menu):not(.vertical)>li>a {
    font-weight: 500
}

.professionals a:hover {
    color: #00212b
}

.professionals a:active {
    color: #000a0d
}

.read_article:hover {
    color: #00212b
}

.read_article:active {
    color: #000a0d
}

.read_article:focus {
    color: #00212b
}

.read_article {
    margin-top: 30px;
    margin-right: 20px;
    display: block;
    font-size: 17px;
    font-weight: 700
}

.read_article:hover .icon.arrow-rihgt-aqua,.read_article:focus .icon.arrow-rihgt-aqua {
    background-position: -147px -99px
}

.read_article:active .icon.arrow-rihgt-aqua {
    background-position: -180px -99px
}

.relatedProduct .opaque-article p {
    padding-bottom: 0
}

.read_article.marginTopZero {
    margin-top: 0
}

.wrapper-box {
    background-position: center 0
}

.wrapper-box p {
    margin-bottom: 45px;
    font-size: 20px
}

ul.menu-color-bar li {
    padding: 2px 15px;
    color: #fff
}

ul.menu-color-bar li:first-child {
    background: #64ca3e
}

.wrapper-white {
    width: 100%;
    background: #fff
}

.wrapper-white p {
    margin-bottom: 30px
}

.wrapper-product p {
    margin-bottom: 0;
    font-size: 20px
}

.article-section p {
    margin-bottom: 30px;
    min-height: 80px
}

.title-section {
    width: 100%;
    background: #fff
}

.imageBox {
    text-align: center;
    margin-bottom: 20px
}

h4 {
    /*text-align: center*/
}

.btn-bottom {
    margin: 80px 0 0;
    padding: 20px 44px;
    font-family: 'Roboto',sans-serif;
    font-weight: 700
}

.button {
    background-color: #00465a;
    min-height: 50px
}

.button:focus {
    background-color: #00212b
}

.bg_bottom {
    background-position: center;
    width: 100%;
    margin: 40px 0 0
}

.button_lg {
    text-align: center
}

.pennal-opaque {
    position: relative;
    background: rgba(255,255,255,0.9);
    padding: 60px 120px 85px 25px;
    overflow: hidden;
    font-family: 'Roboto',sans-serif;
    min-height: 350px
}

.pennal-opaque.right {
    text-align: right;
    padding: 60px 25px 85px 120px
}

.pennal-opaque .dottedImagsPosition {
    right: 0;
    z-index: 0;
    position: absolute;
    top: 0;
    max-width: 115px;
    bottom: 0;
    margin: auto 0
}

.pennal-opaque.right .dottedImagsPosition {
    left: 0;
    transform: rotate(180deg)
}

.pennal-opaque.right .article.body-caption .icon {
    right: 25px
}

ul.menu-color-bar li:nth-child(2) {
    background: #31bd7a
}

ul.menu-color-bar li:last-child {
    background: #00465a
}

.hero-slide {
    height: 100%;
    width: 100%;
    display: block;
    background-repeat: no-repeat;
    background-position: center top
}

.hero-slide div.text {
    position: relative;
    width: 100%
}

.subtitle {
    font-size: 20px;
    line-height: 35px
}

footer {
    max-width: 2000px;
    background-color: #f8f8f8;
    margin: auto;
    width: 100%
}

footer .inner {
    box-sizing: border-box;
    width: 100%;
    padding-left: 50px;
    padding-right: 50px
}

.whiteBackground {
    background-color: #fff;
    padding-bottom: 30px
}

.imagesCTAList {
    background-color: #fff
}

.topBorder {
    border-top: 1px solid #ddd;
    padding-top: 35px
}

#ndq-content:not(.ndq-6016) .button {
    font-size: 17px;
    font-family: 'Roboto',sans-serif;
    padding: 16px 40px 14px;
    font-weight: 700;
    position: relative
}

.button:hover {
    background-color: #00212b;
    color: #fff
}

.button:active {
    background-color: #000a0d;
    color: #fff
}

/*footer {
    font-family: 'Roboto',sans-serif;
    font-size: 15px;
    padding-top: 80px;
    padding-bottom: 80px
}

footer .paddingRight.paddingLeft p {
    margin-bottom: 0
}

footer h6 {
    line-height: 32px;
    margin-bottom: 10px
}*/

.needHelpSection li {
    /*padding-left: 35px;
    background-repeat: no-repeat;
    background-position: 0 8px;
    margin-bottom: 20px;*/
    font-size: .9375rem;
}

.needHelpSection li.phoneIcon,div.phoneIcon {
    background-image: url(../img/sprite.png);
    background-repeat: no-repeat;
    display: block;
    background-position: -727px 2px;
    min-height: 36px;
    line-height: 1.67em;
    margin-top: -1px
}

.needHelpSection li.emailIcon {
    background-image: url(../img/sprite.png);
    background-repeat: no-repeat;
    display: block;
    background-position: -726px -51px;
    min-height: 36px
}

.needHelpSection li.support {
    margin-top: -10px
}

a.hamburger {
    position: fixed;
    right: 30px;
    top: 17px
}

.icon {
    background-image: url(../img/sprite.png);
    background-repeat: no-repeat;
    display: block;
    color: transparent;
    white-space: nowrap
}

.icon.largeIcon {
    cursor: pointer;
    background-color: #fff;
    white-space: nowrap;
    width: 25px;
    height: 25px;
    position: absolute;
    right: 0;
    top: 5px;
    background-position: -555px 0;
    z-index: 10000
}

.icon.crossIcon {
    white-space: nowrap;
    width: 25px;
    height: 25px;
    position: absolute;
    right: 21px;
    top: 21px;
    background-position: -555px 0;
    z-index: 10000;
    cursor: pointer
}

.icon.crossIcon:hover,.icon.crossIcon:focus {
    background-position: -581px 0
}

.icon.crossIcon:active {
    background-position: -607px 0
}

.icon.largeIcon:hover,.icon.largeIcon:focus {
    background-position: -581px 0
}

.icon.largeIcon:active {
    background-position: -607px 0
}

.grayButton {
    right: 10px;
    top: 15px
}

.icon.arrow-rihgt-aqua {
    width: 20px;
    height: 20px;
    background-position: -114px -99px;
    display: inline;
    position: absolute;
    margin: 0;
    margin-left: 10px;
    margin-top: 5px
}

.icon.arrow-rihgt-Dark {
    width: 9px;
    height: 14px;
    background-position: -558px -219px;
    display: inline;
    position: absolute;
    margin: 0;
    margin-left: 10px;
    margin-top: 5px
}

.icon.arrow-right-small-Dark {
    width: 9px;
    height: 14px;
    background-position: -511px -427px;
    display: inline;
    position: absolute;
    margin: 0;
    margin-left: 10px;
    margin-top: 5px
}

/*.icon.close {
    width: 26px;
    height: 26px;
    background-position: -555px 0
}

.icon.close:hover,.icon.close:focus {
    background-position: -581px 0
}

.icon.close.active {
    background-position: -607px 0
}*/

.icon.closeSmall {
    width: 20px;
    height: 20px;
    background-position: -401px -290px
}

.whiteText .icon.angle-right-teal {
    width: 20px;
    height: 20px;
    background-position: -33px -29px;
    display: inline;
    position: absolute;
    margin: 0;
    margin-left: 8px
}

.whiteText .primaryBtn:hover .icon.angle-right-teal,.whiteText .primaryBtn:focus .icon.angle-right-teal {
    background-position: -58px -29px
}

.whiteText .primaryBtn:active .icon.angle-right-teal {
    background-position: -83px -29px
}

.icon.angle-right-teal {
    width: 20px;
    height: 20px;
    background-position: -33px -3px;
    display: inline;
    position: absolute;
    margin-left: 8px
}

.primaryBtn:hover .icon.angle-right-teal,.primaryBtn:focus .icon.angle-right-teal {
    background-position: -58px -3px
}

.primaryBtn:active .icon.angle-right-teal {
    background-position: -83px -3px
}

.opaque-bg .icon.angle-right-teal {
    background-position: -33px -29px;
    display: inline;
    position: absolute;
    margin: 0;
    margin-left: 8px
}

.opaque-bg .primaryBtn:hover .icon.angle-right-teal,.opaque-bg .primaryBtn:focus .icon.angle-right-teal {
    background-position: -58px -29px
}

.opaque-bg .primaryBtn:active .icon.angle-right-teal {
    background-position: -83px -29px
}

.icon.document-icon {
    width: 21px;
    height: 21px;
    background-position: -404px -95px;
    display: inline;
    position: absolute;
    margin-left: -30px;
    margin-top: -3px
}

.icon.article-icon,.icon.qa-icon,.icon.listicle-icon {
    width: 24px;
    height: 26px;
    background-position: -1px -100px;
    display: inline;
    position: absolute;
    margin-left: -30px;
    margin-top: -3px
}

.icon.briefcase-icon {
    background-position: -604px -52px;
    width: 28px;
    height: 25px;
    display: inline;
    position: absolute;
    margin-left: -30px;
    margin-top: -3px
}

.icon.infographic-icon {
    width: 25px;
    height: 25px;
    background-position: -75px -51px;
    display: inline;
    position: absolute;
    margin-left: -30px;
    margin-top: -3px
}

.icon.video-icon {
    width: 20px;
    height: 24px;
    background-position: -308px -51px;
    display: inline;
    position: absolute;
    margin-left: -30px;
    margin-top: -3px
}

.icon.quiz-icon {
    width: 24px;
    height: 24px;
    background-position: -454px -52px;
    display: inline;
    position: absolute;
    margin-left: -30px;
    margin-top: -3px
}

.icon.small-article-icon {
    width: 24px;
    height: 26px;
    background-position: -1px -100px
}

.closeBtn,.genericCloseBtn {
    position: absolute;
    right: 47px;
    bottom: 10px;
    z-index: 1000;
    cursor: pointer
}

.icon.down-arrow {
    width: 10px;
    height: 6px;
    background-position: -91px -5px
}

.icon.hamburger {
    width: 20px;
    height: 20px;
    background-position: -637px -4px
}

a.hamburger:hover .icon.hamburger,a.hamburger:focus .icon.hamburger {
    background-position: -662px -4px
}

a.hamburger:active .icon.hamburger {
    background-position: -687px -4px
}

.icon.email-small {
    width: 23px;
    height: 14px;
    background-position: -5px -69px
}

.icon.facebook {
    width: 48px;
    height: 42px;
    background-position: -179px -257px
}

.icon.youtube {
    width: 48px;
    height: 42px;
    background-position: -580px -257px
}

.icon.google {
    width: 48px;
    height: 42px;
    background-position: -279px -257px
}

.icon.linkedin {
    width: 48px;
    height: 42px;
    background-position: -379px -257px
}

.icon.twitter {
    width: 48px;
    height: 42px;
    background-position: -479px -257px
}

.icon.phoneSmall {
    width: 19px;
    height: 26px;
    background-position: -5px -109px
}

.icon.left-arrow {
    width: 11px;
    height: 17px;
    background-position: -196px -5px
}

.icon.play {
    width: 62px;
    height: 62px;
    background-position: -686px -252px
}

.icon.right-arrow {
    width: 9px;
    height: 14px;
    background-position: -111px -6px;
    position: absolute;
    right: 0;
    top: 15px;
    padding-right: 27px
}

.icon.search_icon {
    width: 20px;
    height: 20px;
    background-position: -208px -97px
}

ul.desktopMenu>li {
    float: left
}

.topNavMenu {
    padding-top: 38px;
    background-color: #fff
}

ul.desktopMenu>li:last-child {
    float: right
}

header {
    background: #fff;
    box-sizing: border-box;
    z-index: 6;
    position: relative
}

.topNav {
    position: fixed;
    z-index: 1;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    width: 100%;
    background: #fff
}

ul.topLevel>li {
    width: 50%;
    float: left
}

.firstColumnSection {
    width: 50%;
    float: left;
    padding-right: 10px;
    box-sizing: border-box
}

.secondColumnSection {
    width: 50%;
    padding-left: 10px;
    float: right;
    box-sizing: border-box
}

ul.topLevel>li>a {
    display: block;
    outline: 0
}

ul.topLevel>li>a:focus {
    box-shadow: none;
    outline: 0
}

ul.topLevel>li.active>a {
    font-weight: 700
}

ul.topLevel {
    max-width: 1280px;
    margin: auto
}

.currentLevel {
    border-bottom: 1px solid #e9e9e9;
    position: relative
}

.currentLevel a,.currentBottom a {
    display: block
}

.icon.tool-box {
    width: 25px;
    height: 18px;
    background-position: -496px -383px
}

.icon.tool-box-small {
    display: inline-block;
    width: 29px;
    height: 21px;
    background-position: -604px -52px;
    zoom:.7;-moz-transform: scale(0.7)
}

.footerLinks {
    padding-bottom: 20px;
    clear: both;
    font-size: 15px
}

.footerLinks li {
    margin-bottom: 15px;
    line-height: 18px
}

.footerLinks li a {
    display: inline-block;
    border-bottom: 2px solid transparent;
}

.footerLinks li a:hover,.footerLinks li a:focus {
    border-bottom: 2px solid #00465a;
    padding-bottom: .25px;
    color: #00465a;
    padding-left: 0;
    padding-right: 0;
    transition: border-bottom .25s ease;
}

.footerLinks li a:active {
    position: relative;
    color: #00465a;
    border: 0;
    border-bottom: 2px solid #00465a;
    padding-bottom: .25px;
    padding-left: 0;
    padding-right: 0;
    transform: translateY(2px);
}

.logoFooter img {
    max-height: 32px
}

.logo img {
    max-height: 80px
}

.socialLinks {
    margin-left: -20px;
    padding-bottom: 26px;
    clear: both;
    overflow: hidden
}

.socialLinks i {
    float: left
}

a {
    color: #00465a;
    outline: 0
}

a:hover {
    color: #00212b;
    outline: 0
}

a:focus {
    outline: 0
}

.whiteText .primaryBtn {
    color: #fff
}

.whiteText .primaryBtn:hover,.whiteText .primaryBtn:focus {
    color: #f8f8f8
}

.whiteText .playButton {
    color: #fff
}

.whiteText .playButton:hover,.whiteText .playButton:focus {
    color: #f8f8f8
}

.whiteText .playButton:active {
    color: #f8f8f8
}

.footerLinks li a:hover,.footerLinks li a:focus {
    color: #00212b
}

.footerLinks li a:active {
    color: #000a0d
}

.support a:hover,.support a:focus {
    color: #00212b
}

.support a:active {
    color: #000a0d
}

#footer a:hover,#footer a:focus {
    color: #00212b
}

#footer a:active {
    color: #000a0d
}

.opaque-bg .primaryBtn {
    color: #fff;
    text-decoration: underline
}

.opaque-bg .primaryBtn a:hover,.opaque-bg .primaryBtn a:focus {
    color: #f8f8f8
}

.opaque-bg .primaryBtn a:active {
    color: #f8f8f8
}

.horizontal>li {
    display: table-cell;
    float: left;
    padding-right: 25px;
    line-height: 18px
}

.horizontal>li:last-child {
    padding-right: 0
}

.topNav a.hamburger {
    margin: 0 !important
}

.loginField {
    text-align: right;
    float: right;
    font-size: 14px
}

.loginField a {
    margin-right: 0 !important;
    font-weight: 500;
    line-height: 36px
}

a.subMenu {
    position: relative;
    padding-right: 15px !important
}

.subMenu::after {
    content: "";
    background-image: url(../img/sprite.png);
    background-repeat: no-repeat;
    color: transparent;
    display: block;
    white-space: nowrap;
    width: 12px;
    height: 7px;
    background-position: -181px -9px;
    position: absolute;
    top: 10px;
    right: 0
}

a.subMenu:hover::after,a.subMenu:focus::after {
    background-position: -206px -9px
}

.active a.subMenu:active::after {
    background-position: -230px -9px
}

a.subMenuMobile {
    position: relative
}

.needHelpSection {
    /*color: #333;
    line-height: 26px;
    padding-bottom: 20px*/
}

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

.socialLinks li {
    min-width: 50px;
    min-height: 50px;
    margin-bottom: 20px;
    margin-left: 20px;
    float: left
}

.socialLinks li a {
    color: #00465a;
    line-height: 31px;
    display: inline-block;
    white-space: nowrap
}

.socialLinks li span {
    padding-left: 7px;
    display: table-cell;
    line-height: 26px
}

li.emailIcon p {
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px
}

.socialLinks.menu>li>a {
    padding-left: 0 !important;
    white-space: nowrap
}

.playButton {
    vertical-align: middle;
    width: 150px;
    line-height: 62px;
    font-size: 20px;
    white-space: nowrap;
    font-family: 'Roboto',sans-serif;
    font-weight: 700
}

.playButton i {
    margin-right: 20px
}

.whiteText a.playButton:hover,.whiteText a.playButton:focus {
    color: #f8f8f8
}

.whiteText a.playButton:active {
    color: #f8f8f8
}

.icon:hover {
    color: transparent
}

.marginTopBottom {
    margin-top: 80px;
    margin-bottom: 80px;
    font-family: 'Roboto Slab',serif;
    font-weight: 300;
    text-align: center
}

.opaqueImg {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: transparent;
    border: 0
}

.defaultMarginTop {
    margin-top: 0;
    margin-bottom: 40px;
    font-family: 'Roboto Slab',serif;
    font-weight: 300;
    text-align: center
}

.subtitle {
    padding-left: 100px;
    padding-right: 100px;
    margin-bottom: 40px
}

.menuposition {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    margin-left: 0;
    z-index: 1
}

.desktopMenu .menuposition {
    position: fixed;
    background-color: #fff;
    top: 55px;
    left: 0;
    right: 0;
    margin: auto;
    padding: 0;
    z-index: 1000;
    box-sizing: border-box
}

.menuposition ul {
    margin-left: 0
}

.toolBox {
    clear: both
}

.row {
    max-width: 1280px
}

.backTomenu {
    position: fixed;
    left: 30px;
    top: 17px;
    background: #fff;
    background-image: url(../img/sprite.png);
    background-repeat: no-repeat;
    color: transparent;
    display: block;
    white-space: nowrap;
    background-position: -333px -4px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    z-index: 111
}

.backToClose {
    position: fixed;
    right: 30px;
    cursor: pointer;
    top: 17px;
    background-color: #fff;
    background-image: url(../img/sprite.png);
    background-repeat: no-repeat;
    color: transparent;
    display: block;
    white-space: nowrap;
    background-position: -482px -4px;
    width: 20px;
    height: 20px
}

.professionals a::after {
    content: "";
    background-image: url(../img/sprite.png);
    background-repeat: no-repeat;
    color: transparent;
    display: block;
    white-space: nowrap;
    background-position: -33px -5px;
    width: 10px;
    height: 16px;
    top: 12px;
    right: 0;
    position: absolute
}

.professionals a:hover::after {
    background-position: -58px -5px
}

.professionals a:active::after {
    background-position: -83px -5px
}

.stopScroll {
    overflow: hidden !important
}

.noScroll {
    overflow: hidden !important
}

.fullHeight {
    height: 100% !important
}

.scrollBarSectionWrapper {
    max-height: calc(100% - 240px);
    overflow-x: hidden;
    overflow-y: auto
}

.scrollBarSection {
    display: none
}

.scrollBarSection .menuSection {
    height: auto !important
}

.scrollBarSection ul.topLevel>li {
    float: none;
    width: 100%;
    border-bottom: 1px solid #e9e9e9
}

.scrollBarSection ul.topLevel>li+li:last-child {
    border-bottom: 0
}

.generic-modal-logo-img {
    max-width: 200px
}

@media screen and (min-width: 64.00em) {
    .opaque-bg .head5 {
        margin-bottom:15px
    }

    .desktopMenu {
        height: auto !important
    }

    .search_icon {
        display: block !important
    }

    .desktopMenu>li .scrollBarSection {
        max-width: 800px
    }

    .desktopMenu .menuposition div {
        max-width: 800px
    }

    .desktopMenu>li.active .menuposition .scrollBarSection {
        display: block
    }

    .wrapper-main .btn-button {
        margin-top: 0
    }

    .loginField {
        display: block !important
    }

    .pennal-opaque {
        margin-left: 4.17%
    }

    ul.desktopMenu>li:first-child {
        margin-left: 10px
    }

    .desktopMenu .menuposition>ul {
        display: none
    }

    .topCTA-links p {
        display: block;
        margin: 0 auto;
        padding-left: .9375rem;
        padding-right: .9375rem;
        line-height: 40px
    }

    header {
        padding-left: 50px;
        padding-right: 50px
    }

    .topNav {
        padding-bottom: 0;
        min-height: 100px
    }

    .defaultMargin h2 {
        margin-bottom: 40px
    }

    .professionals a {
        display: inline-block;
        margin-right: .9375rem;
        font-size: 14px
    }

    .professionals a::after {
        right: -16px
    }

    .hideBlock.stopScroll {
        overflow: visible !important
    }

    .hideBlock .fullHeight {
        height: auto !important
    }

    .desktopMenu>li .menuposition {
        transition-duration: 500ms;
        transition-timing-function: linear;
        -webkit-transform: translateY(-150%);
        -ms-transform: translateY(-150%);
        transform: translateY(-150%);
        transition-property: -webkit-transform,opacity;
        transition-property: transform,opacity;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: -100000
    }

    .desktopMenu>li .menuSection {
        display: none
    }

    .desktopMenu>li.active .menuSection {
        display: block !important;
        overflow: auto
    }

    .desktopMenu>li.active .menuposition {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        visibility: visible !important
    }

    .desktopMenu>li a {
        font-size: 20px
    }

    .desktopMenu>li>a {
        font-size: 14px;
        line-height: 24px;
        font-weight: 500;
        display: inline-block
    }

    ul.desktopMenu>li {
        float: left;
        margin-left: 40px;
        background-color: #fff
    }

    .socialLinks li span {
        display: none
    }

    .desktopMenu .menuposition {
        top: 155px
    }

    .desktopMenu>li.active>a {
        border-bottom: 2px solid #00465a
    }

    .currentLevel {
        padding-bottom: 15px
    }

    .menuSection>.currentLevel {
        display: none
    }

    .topLevel>li>a {
        font-weight: 700
    }

    .currentBottom {
        border-top: 1px solid #e9e9e9;
        padding-top: 15px
    }

    .topLevel li {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .backTomenu {
        display: none !important
    }

    .backToClose {
        display: none
    }

    .LargeIcon {
        display: block
    }

    .desktopMenu .menuposition>div {
        margin-left: auto;
        margin-right: auto;
        position: relative
    }

    .desktopMenu .scrollBarSection {
        margin-left: auto;
        margin-right: auto;
        position: relative
    }

    .desktopMenu>li .currentLevel a {
        font-size: 25px
    }

    .desktopMenu .menuposition>ul {
        margin-left: auto;
        margin-right: auto;
        max-height: 60%;
        overflow-y: auto
    }

    .topLevel li {
        padding-top: 12px;
        padding-bottom: 12px
    }

    .desktopMenu .menuposition {
        width: 100%
    }

    .desktopMenu .menuposition div {
        width: 100%
    }

    .topNav>.row {
        max-width: 1180px;
        background-color: #fff;
        min-height: 100px
    }
}

.btn-button {
    margin-bottom: 0
}

.marginBottomZero {
    margin-bottom: 0
}

.aboutUsSection {
    line-height: 1.67em
}

@media screen and (max-width: 47.938em) {
    #video_background {
        display:none
    }

    .remodal {
        padding: 50px
    }
}

/* changed from max-width 58.063em to 1023px */
@media screen and (max-width: 1023px) {
    .paddingTopBottom {
        padding-bottom:55px
    }

    .icon.search_icon_field {
        top: 0
    }

    .aboutUsSection {
        padding-left: 0
    }

    .connectUsSection {
        padding-left: 0;
        padding-right: 0
    }

    .icon.search_icon_field {
        background-position: -7px -288px
    }

    .hideForMobile {
        display: none !important
    }

    li.professionalsCTALinks {
        border-bottom: none !important
    }

    .professionalsCTALinks>a {
        color: #8d8d8d
    }

    .scrollBarMobile {
        overflow-x: hidden;
        overflow-y: auto;
        width: 100%
    }

    .icon.close {
        /*right: 30px;
        position: absolute*/
    }

    .videoClosePosition {
        padding-top: 95px
    }

    ul.topLevel>li>a+a {
        display: none
    }

    .menu>li>a {
        font-weight: 400
    }

    .scrollBarSection {
        display: none
    }

    .tableType {
        padding-top: 85px;
        padding-bottom: 85px
    }

    .tableType h1 {
        margin-bottom: 20px
    }

    .subtitle {
        margin-bottom: 40px
    }

    .wrapper-box p {
        margin-bottom: 25px;
        font-size: 18px
    }

    .pennal-opaque {
        text-align: left;
        padding: 60px 67px 60px 15px;
        border: 0;
        min-height: 305px
    }

    .opaque-bg .head5 {
        margin-bottom: 0
    }

    .opaque-bg {
        padding-bottom: 90px
    }

    .opaque-bg p {
        font-size: 15px
    }

    .pennal-opaque .dottedImagsPosition {
        height: 110px
    }

    .pennal-opaque.right {
        text-align: right;
        padding: 60px 25px 60px 80px;
        border: 0
    }

    .btn-bottom {
        margin: 0
    }

    .mainBox .btn-bottom {
        margin-top: 0
    }

    footer {
        padding-top: 60px;
        padding-bottom: 60px
    }

    footer .inner {
        padding-left: 20px;
        padding-right: 20px
    }

    .defaultMarginTop {
        margin-bottom: 30px
    }

    .partners-logonewdesign li {
        margin-top: 35px
    }

    .defaultMargin {
        padding: 70px 15px
    }

    .defaultMargin h2 {
        margin-bottom: 20px
    }

    .wrapper-main p {
        margin-bottom: 40px;
        font-size: 18px
    }

    .largeIcon {
        display: none !important
    }

    .subMenuMobile::after {
        content: "";
        background-image: url(../img/sprite.png);
        background-repeat: no-repeat;
        color: transparent;
        display: block;
        white-space: nowrap;
        width: 20px;
        height: 20px;
        background-position: -107px -4px;
        position: absolute;
        top: 23px;
        right: 0
    }

    .subMenuMobile:hover::after,.subMenuMobile:focus::after {
        background-position: -132px -4px
    }

    .subMenuMobile:active::after {
        background-position: -158px -4px
    }

    .loginField,.professionals {
        display: none
    }

    .desktopMenu {
        display: none
    }

    .showMenuUL {
        display: block
    }

    .desktopMenu.menuToggle {
        display: block;
        overflow-x: hidden;
        overflow-y: auto
    }

    .scrollTop {
        display: none !important
    }

    .professionals {
        padding-right: 30px;
        padding-top: 10px
    }

    .professionals a::after {
        right: 30px;
        top: 20px
    }

    .topNav>.row {
        background: #fff;
        padding-top: 0
    }

    .desktopMenu {
        padding: 0 35px
    }

    header .topNav .small-12.medium-12 {
        padding: 0
    }

    .topNav li a {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-top: 20px !important;
        line-height: 22px;
        padding-bottom: 20px !important;
        display: block
    }

    .subMenu::after {
        background-position: -107px -4px;
        width: 20px;
        height: 20px;
        top: 23px;
        right: 0
    }

    a.subMenu:hover::after,a.subMenu:focus:after {
        background-position: -132px -4px
    }

    a.subMenu:active:after {
        background-position: -158px -4px
    }

    ul.desktopMenu li {
        border-bottom: 1px solid #e9e9e9;
        background: #fff
    }

    .topLevel>li .menuSection {
        display: none
    }

    .topLevel>li.active .menuSection {
        display: block;
        position: fixed;
        left: 0;
        top: 55px;
        width: 100%;
        height: 100%;
        background: #fff;
        margin-left: 0;
        z-index: 1;
        overflow-x: hidden;
        overflow-y: auto;
        padding-right: 30px;
        padding-left: 30px;
        padding-bottom: 30px;
        box-sizing: border-box
    }

    ul.topLevel>li {
        width: 100%;
        float: none
    }

    ul.topLevel>li:last-child {
        border-bottom: 0
    }

    ul.topLevel>li li:last-child {
        border-bottom: 0
    }

    ul.topLevel>li li li:last-child {
        border-bottom: 0
    }

    .professionals {
        position: relative
    }

    .search_box {
        display: none
    }

    .backTomenu {
        left: 30px
    }

    .backToClose {
        right: 30px
    }

    ul.desktopMenu>li {
        float: none
    }

    ul.desktopMenu>li:last-child {
        float: none !important;
    }

    .loginField {
        text-align: left;
        float: none;
        border-bottom: 1px solid #e9e9e9;
        margin-left: 20px;
        margin-right: 20px;
        line-height: 40px;
        padding-top: 1px;
        padding-bottom: 10px
    }

    .sticky {
        position: fixed
    }

    .right-pennal {
        padding: 30px 50px 25px 25px;
        height: 250px
    }

    .rightPosition {
        height: 130px;
        top: 50px
    }

    .menu-text {
        padding-top: 15px;
        padding-bottom: 15px;
        text-align: center;
        margin: auto
    }

    .logo img {
        height: 25px
    }

    .bg_color_green {
        min-height: 240px;
        padding: 20px;
        border-bottom: 20px solid #65ca3e
    }

    div.stripeColorGreen {
        border-bottom: 20px solid #00465a;
        min-height: 40px;
        background: #32bd7b
    }

    .bg_color_blue {
        min-height: 240px;
        border-bottom: 20px solid #32bd7b
    }

    .stripeColorBlue {
        border-bottom: 20px solid #97d700;
        height: 40px;
        background: #65c93e;
        margin-bottom: 20px
    }

    p {
        font-size: 14px
    }

    .marginTopBottom {
        margin-top: 40px;
        margin-bottom: 40px
    }

    h1 {
        font-size: 50px;
        line-height: 65px
    }

    h2 {
        font-size: 43px;
        line-height: 55px
    }

    h3 {
        font-size: 35px;
        line-height: 45px
    }

    h4 {
        font-size: 30px;
        line-height: 40px
    }

    h5 {
        font-size: 25px;
        line-height: 35px
    }

    h6 {
        font-size: 20px;
        line-height: 30px
    }

    .body-Slab-Large {
        font-size: 21px;
        line-height: 35px
    }

    .body-Slab-Medium {
        font-size: 18px;
        line-height: 30px
    }

    .body-Slab-Small {
        font-size: 15px;
        line-height: 25px
    }

    .body-Sans-Large {
        font-size: 21px;
        line-height: 35px
    }

    .body-Sans-Medium {
        font-size: 18px;
        line-height: 30px
    }

    .body-Sans-Small {
        font-size: 15px;
        line-height: 25px
    }

    .body-caption {
        font-size: 13px;
        line-height: 25px
    }

    .mainBox .large-4 {
        padding-right: 0;
        padding-left: 0
    }

    .icon.facebook {
        width: 26px;
        height: 26px;
        background-position: 0 -300px
    }

    .icon.google {
        width: 26px;
        height: 26px;
        background-position: -60px -299px
    }

    .icon.linkedin {
        width: 26px;
        height: 26px;
        background-position: -120px -299px
    }

    .icon.twitter {
        width: 26px;
        height: 26px;
        background-position: -180px -299px
    }

    .icon.youtube {
        width: 26px;
        height: 26px;
        background-position: -240px -299px
    }

    .socialLinks li {
        padding: 12px 0 0 !important;
        min-width: 175px !important;
        border: 2px solid #00465a;
        margin-bottom: 20px;
        line-height: 26px;
        color: #00465a;
        box-sizing: border-box;
        text-align: center;
        white-space: nowrap;
        width: calc(33.33% - 20px)
    }

    .topNav {
        height: 55px
    }

    .desktopMenu .menuSection {
        padding: 0 30px;
        z-index: 1000;
        box-sizing: border-box;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #fff;
        margin-left: 0;
        overflow: hidden
    }

    .showText {
        display: block;
        text-align: left
    }

    body {
        padding-top: 55px
    }

    .desktopMenu>li .menuposition {
        display: none;
        padding-left: 35px;
        padding-right: 35px
    }

    .desktopMenu>li .menuSection {
        display: none;
        padding-left: 35px;
        padding-right: 35px
    }

    .desktopMenu>li.active .menuposition {
        display: block;
        overflow-x: hidden;
        overflow-y: auto;
        padding-bottom: 30px
    }

    .desktopMenu>li.active>div>ul>li.active>.menuSection {
        display: block !important
    }

    .desktopMenu>li.active>div>ul>li.active>.menuSection {
        display: block !important
    }

    .desktopMenu>li a {
        font-size: 20px
    }

    .loginField {
        font-size: 20px
    }

    .loginField a {
        font-weight: 400;
        display: block
    }

    .professionals a {
        font-size: 20px;
        color: #8d8d8d;
        display: block;
        padding: 15px 35px 0 !important;
        font-weight: 400
    }

    .professionals a::after {
        right: 15px;
        top: 14px;
        display: none
    }

    .article-section p {
        min-height: 100px
    }

    .logoLarge.hide,.logoLarge.show {
        display: none !important
    }

    .logoSmall.hide,.logoSmall.show {
        display: inline !important
    }
}

/*
@media screen and (min-width:58.125em) and (max-width:63.938em){footer{padding-top:70px;padding-bottom:70px}
    footer .inner .medium-12{padding-left:0;padding-right:0}
    .paddingTopBottom{padding-bottom:55px}
    .blogTop40 i.icon{display:inline-block;float:none;margin-bottom:15px}
    .opaque-bg .head5{margin-bottom:15px}
    .opaque-bg{padding-bottom:90px}
    .search_box{display:none}
    .desktopMenu>li.active .menuposition .scrollBarSection{display:block}
    .profCTA{display:none}
    .icon.largeIcon{right:0}
    .closeBtn,.genericCloseBtn{right:30px;position:absolute}
    .desktopMenu .menuposition>ul{display:none}
    header{max-width:1280px;background:#fff;padding-left:50px;padding-right:50px;box-sizing:border-box}
    .topNav{max-width:1280px;min-height:100px}
    .defaultMargin h2{margin-bottom:40px}
    .topNav .large-8{width:65%}
    .topNav .large-9{width:75%}
    .topNav .large-2:last-child{width:22%}
    .topNav .large-1:last-child{width:8%}
    .topCTA-links p{padding-left:.9375rem;padding-right:.9375rem}
    .hamburger{display:none}
    .professionals a{display:inline-block;margin-right:16px;font-size:14px}
    .professionals a::after{right:-16px}
    .menu-text{padding-left:0;float:left;width:230px;left:15px}
    .topNav>.row>.large-2{padding-right:0}
    .hideBlock.stopScroll{overflow:visible !important}
    .hideBlock .fullHeight{height:auto !important}
    .desktopMenu>li .menuposition{visibility:hidden;transition-duration:500ms;transition-timing-function:linear;-webkit-transform:translateY(-150%);-ms-transform:translateY(-150%);transform:translateY(-150%);transition-property:-webkit-transform,opacity;transition-property:transform,opacity;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:-100000}
    .desktopMenu>li .menuSection{display:none}
    .desktopMenu>li.active .menuSection{display:block !important}
    .desktopMenu>li.active .menuposition{visibility:visible !important;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
    .desktopMenu>li a{font-size:20px}
    .desktopMenu>li>a{font-size:14px;line-height:22px;display:inline-block}
    ul.desktopMenu>li{float:left;margin-left:30px}
    .icon.facebook{width:26px;height:26px;background-position:0 -300px}
    .icon.google{width:26px;height:26px;background-position:-60px -299px}
    .icon.linkedin{width:26px;height:26px;background-position:-120px -299px}
    .icon.twitter{width:26px;height:26px;background-position:-180px -299px}
    .icon.youtube{width:26px;height:26px;background-position:-240px -299px}
    .socialLinks li{padding:12px 0 0;min-width:175px;border:2px solid #00465a;margin-bottom:20px;line-height:26px;color:#00465a;box-sizing:border-box;text-align:center;white-space:nowrap;width:calc(33.33% - 20px)}
    .desktopMenu .menuposition{top:160px}
    .desktopMenu>li.active>a{border-bottom:2px solid #00465a}
    .currentLevel{padding-bottom:15px}
    .menuSection>.currentLevel{display:none}
    .topLevel>li>a{font-weight:700}
    .currentBottom{border-top:1px solid #e9e9e9;padding-top:15px}
    .topLevel li{padding-top:15px;padding-bottom:15px}
    .backTomenu{display:none !important}
    .backToClose{display:none}
    .LargeIcon{display:block}
    .desktopMenu .menuposition>div{max-width:1180px;margin-left:auto;margin-right:auto;position:relative}
    .desktopMenu .menuposition>ul{max-width:980px;margin-left:auto;margin-right:auto}
    .topLevel li{padding-top:12px;padding-bottom:12px}
    .desktopMenu .menuposition{width:100%}
    .desktopMenu .menuposition div{max-width:800px}
    .desktopMenu>li .scrollBarSection{max-width:800px;margin-left:auto;margin-right:auto}
}
*/
@media screen and (max-width: 39.938em) {
    .playButton i {
        float:none !important;
        margin: auto
    }

    .generic-modal-logo-img {
        max-width: 90px
    }

    .paddingTopBottom {
        padding-top: 25px;
        padding-bottom: 45px
    }

    .sectionRightAlign {
        float: inherit;
        text-align: center
    }

    .sectionCenterAlign {
        margin-left: auto;
        margin-right: auto;
        float: none;
        clear: both;
        text-align: center
    }

    .scrollBarSection {
        display: none
    }

    .professionals {
        padding-right: 0
    }

    .professionals a {
        color: #8d8d8d;
        font-weight: 400
    }

    .loginField a {
        font-weight: 400
    }

    .professionals a::after {
        display: none
    }

    .menu>li>a {
        font-weight: 400
    }

    .wrapper-main h2 {
        margin-bottom: 10px
    }

    .wrapper-main,.wrapper-product,.article-section {
        border-bottom: 1px solid #d8d8d8
    }

    .topCTA-links p {
        padding-left: .9375rem;
        padding-right: .9375rem
    }

    .tableType {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .tableType h1 {
        margin-bottom: 20px;
        text-align: center;
        display: block
    }

    .subtitle {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 15px
    }

    .pennal-opaque {
        text-align: left;
        padding: 50px 60px 50px 25px;
        border: 1px solid #333;
        min-height: 260px
    }

    .pennal-opaque .dottedImagsPosition {
        height: 107px
    }

    .pennal-opaque.right {
        text-align: right;
        padding: 50px 25px 50px 60px;
        border: 1px solid #333
    }

    .pennal-opaque h5 {
        position: relative
    }

    footer .inner {
        padding-left: 15px;
        padding-right: 15px
    }

    .defaultMargin {
        padding: 60px 15px
    }

    .defaultMargin.allCategory {
        padding-bottom: 24px
    }

    .wrapper-box {
        margin-top: 0;
        padding-top: 0;
        padding-bottom: 40px
    }

    .wrapper-box h2 {
        margin-bottom: 10px
    }

    .wrapper-box p {
        margin-bottom: 15px
    }

    .article-section p {
        margin-bottom: 15px;
        font-size: 15px
    }

    .article-section .btn-button {
        margin-top: 25px;
        margin-bottom: 40px;
        font-size: 15px
    }

    .defaultMarginTop {
        margin-bottom: 0
    }

    .professionals a::after {
        right: 11px;
        top: 15px
    }

    .desktopMenu>li a {
        font-size: 14px
    }

    .desktopMenu .menuSection {
        padding: 0 30px;
        overflow: visible;
        z-index: 1000;
        box-sizing: border-box;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #fff;
        margin-left: 0
    }

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

    .topNav {
        padding-top: 0 !important
    }

    .scrollTop {
        display: none !important
    }

    .showText {
        display: block;
        text-align: left
    }

    .topNav>.row {
        background: #fff;
        padding-top: 0
    }

    .topNav li a {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-top: 20px !important;
        line-height: 22px;
        padding-bottom: 20px !important;
        display: block
    }

    .topNav {
        top: 0;
        height: 55px
    }

    ul.topLevel>li {
        width: 100%;
        float: none;
        border-bottom: 1px solid #e9e9e9
    }

    .professionals {
        position: relative
    }

    .search_box {
        display: none
    }

    .partners-logonewdesign li {
        margin-top: 30px
    }

    .backTomenu {
        left: 30px
    }

    .backToClose {
        right: 30px
    }

    .opaque-bg {
        padding: 20px 20px 80px;
        margin-top: 15px;
        text-align: left
    }

    .opaque-bg a {
        font-family: 'Roboto',sans-serif;
        font-size: 15px;
        color: #fff;
        font-weight: 700;
        margin-top: 30px;
        display: block
    }

    div.stripeColorGreen {
        border-bottom: 15px solid #00465a;
        height: 30px;
        background: #32bd7b
    }

    .bg_color_blue {
        height: 220px;
        padding: 20px;
        border-bottom: 15px solid #32bd7b;
        margin-top: 0
    }

    .button {
        font-size: 15px;
        padding: 16px 40px
    }

    .head5 {
        margin: 0 15px 5px 0 !important
    }

    .allRightReserved {
        display: block
    }

    .primaryBtn {
        font-size: 15px;
        font-weight: 700
    }

    footer {
        font-size: 13px
    }

    p {
        font-size: 13px
    }

    .marginTopBottom {
        margin-top: 60px;
        margin-bottom: 30px
    }

    .wrapper-main {
        padding-top: 0
    }

    .wrapper-main p {
        margin-bottom: 30px
    }

    .wrapper-main .btn-button {
        margin-top: 0;
        margin-bottom: 0
    }

    h1 {
        font-size: 35px;
        line-height: 40px
    }

    h2 {
        font-size: 30px;
        line-height: 40px
    }

    h3 {
        font-size: 27px;
        line-height: 35px
    }

    h4 {
        font-size: 23px;
        line-height: 30px
    }

    h5 {
        font-size: 19px;
        line-height: 30px
    }

    h6 {
        font-size: 16px;
        line-height: 25px
    }

    .body-Slab-Large {
        font-size: 17px;
        line-height: 30px
    }

    .body-Slab-Medium {
        font-size: 20px;
        line-height: 35px
    }

    .body-Slab-Small {
        font-size: 15px;
        line-height: 25px
    }

    .body-Sans-Large {
        font-size: 15px;
        line-height: 30px
    }

    .body-Sans-Medium {
        font-size: 13px;
        line-height: 25px
    }

    .body-Sans-Small {
        font-size: 15px;
        line-height: 25px
    }

    .body-caption {
        font-size: 13px;
        line-height: 25px
    }

    .horizontal>li {
        display: block;
        font-size: 13px
    }

    .footerLinks {
        font-size: 13px
    }

    .footerLinks li {
        clear: both
    }

    .normaltext {
        padding: 15px 0;
        color: #000;
        text-align: center
    }

    h3 {
        padding: 20px 0 10px 0
    }

    .read_article {
        color: #00465a !important;
        font-size: 15px;
        font-weight: 700;
        position: relative;
        margin-right: 20px
    }

    .read_article:hover {
        color: #00212b
    }

    .read_article:active {
        color: #000a0d
    }

    p {
        color: #333;
        margin-bottom: 16px;
        text-rendering: optimizeLegibility
    }

    .body-Slab-Large {
        color: #333
    }

    .playButton {
        vertical-align: middle;
        line-height: 50px;
        white-space: nowrap;
        margin-top: 20px !important
    }

    .playButton span {
        float: none;
        font-size: 20px;
        display: block
    }

    .subtitle {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .socialLinks li {
        width: calc(50% - 20px);
        font-size: 15px;
        min-width: initial;
        line-height: 20px
    }

    .wrapper-main {
        min-height: auto;
        text-align: center;
        background-image: none !important
    }

    .btn-bottom {
        margin: 0;
        text-align: center
    }

    .article-section {
        text-align: center;
        min-height: auto;
        background-image: none !important
    }

    h2 {
        padding-bottom: 0
    }

    .wrapper-box {
        min-height: initial;
        text-align: center;
        background-image: none !important
    }

    .wrapper-box .colortext {
        text-align: center
    }

    .wrapper-box h2+p {
        text-align: center
    }

    .bg_bottom {
        margin-top: 0
    }

    .right-pennal {
        position: relative;
        background: rgba(255,255,255,0.82);
        padding: 25px 50px 25px 25px;
        height: 260px;
        overflow: hidden;
        font-family: 'Roboto',sans-serif;
        text-align: left
    }

    img.rightPosition {
        height: 40%;
        top: 25%
    }

    .paddinTop5 {
        padding-top: 5px
    }

    .desktopMenu>li .menuposition {
        display: none;
        padding-left: 30px;
        padding-right: 30px
    }

    .loginField {
        font-size: 14px
    }

    .professionals a {
        font-size: 14px;
        padding-left: 0 !important;
        padding-right: 30px !important;
        padding-top: 15px !important;
        display: block;
        color: #8d8d8d
    }
}

.menu .active>a {
    background: #fff;
    color: #333
}

.sticky-wrapper {
    visibility: hidden;
    max-width: 1280px;
    width: 100%;
    margin: auto;
    height: 10px !important
}

.sticky-wrapper.is-sticky {
    visibility: visible
}

.progressContainerBox {
    width: 100%;
    max-width: 2000px;
    left: 0;
    right: 0;
    top: 0;
    -webkit-transform: translateZ(0);
    position: fixed;
    height: 10px;
    overflow: hidden;
    margin: auto;
    z-index: 6 !important;
    box-sizing: border-box
}

.progressBarBox {
    width: 100%;
    position: absolute;
    background-size: cover;
    height: 10px;
    z-index: 100;
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
    display: table;
    table-layout: fixed;
    transform: translateZ(0)
}

.progressBarBox span {
    display: table-cell;
    width: 100%;
    height: 10px;
    overflow: hidden;
    line-height: 10px;
    text-indent: -999em;
    transform: translateZ(0)
}

.progressBarBoxBg {
    width: 100%;
    position: absolute;
    background-size: cover;
    height: 10px;
    z-index: 100;
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
    display: table;
    table-layout: fixed;
    transform: translateZ(0)
}

.progressBarBoxBg span {
    display: table-cell;
    width: 100%;
    height: 10px;
    overflow: hidden;
    line-height: 10px;
    text-indent: -999em;
    transform: translateZ(0)
}

.progressContainerBox span.step1 {
    background-color: #97d700
}

.progressContainerBox span.step2 {
    background-color: #78d228
}

.progressContainerBox span.step3 {
    background-color: #5bc74a
}

.progressContainerBox span.step4 {
    background-color: #3cc06f
}

.progressContainerBox span.step5 {
    background-color: #1eb894
}

.progressContainerBox span.step6 {
    background-color: #00b0b9
}

@media screen and (min-width: 64.100em) {
    .desktopMenu>li .scrollBarSection {
        max-width:980px
    }

    ul.socialLinks {
        max-width: 230px
    }

    .opaque-bg .head5 {
        margin-bottom: 15px
    }

    .desktopMenu .menuposition div {
        max-width: 980px
    }
}

ul.desktopMenu>li.displayNone {
    display: none !important
}

ul.desktopMenu>li a.displayNone {
    display: none !important
}

.videoNoScroll {
    position: fixed;
    overflow: hidden
}

footer#footer img {
    max-width: 144px;
    height: auto
}

.reveal.assist-reveal {
    width: 90%;
    z-index: 5;
    padding: 3.7rem;
    border: 1px solid #cacaca;
    background-color: #fefefe;
    border-radius: 0;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    overflow-y: auto;
    left: 0;
    right: 0;
    top: 50% !important;
    transform: translateY(-50%);
    max-height: 100%
}

.reveal.assist-reveal .assist-modal-header {
    margin-bottom: 2rem
}

.reveal.assist-reveal .assist-modal-buttons {
    margin-top: 2rem
}

.reveal-overlay.assist-modal-overlay {
    background-color: rgba(255,255,255,0.7);
    z-index: 999
}

@media screen and (max-width: 63.9375em) {
    .generic-modal-logo-img {
        max-width:100px
    }

    .reveal.assist-reveal {
        width: 100%;
        z-index: 9999;
        padding: 3.7rem;
        border: 1px solid #cacaca;
        background-color: #fefefe;
        border-radius: 0;
        position: relative;
        top: 0 !important;
        margin: 0 auto;
        left: 0;
        transform: translateZ(0);
        max-height: 100%
    }
}

@media screen and (max-width: 39.0938em) {
    .generic-modal-logo-img {
        max-width:90px
    }

    .modalBtn.secondaryBtn.text-center {
        width: 80%;
        display: block;
        max-width: 100%;
        margin: 0 auto;
        margin-bottom: 20px
    }

    .modalBtn.text-center.primary-assist {
        width: 80%;
        display: block;
        max-width: 100%;
        margin: 0 auto;
        margin-bottom: 20px
    }
}

.fix-dropdown-icon-location {
    position: absolute;
    right: 14px;
    top: 50%;
    margin-top: -9px !important
}

.custom-dropdown-btn,.custom-dropdown-btn:hover,.custom-dropdown-btn:active,.custom-dropdown-btn:focus {
    background-color: white;
    color: #333;
    border: 2px solid #00465a;
    font-weight: normal;
    text-align: left;
    width: 100%;
    padding-left: 20px;
    font-size: 17px
}

.custom-dropdown-btn+.dropdown-pane>ul {
    text-align: left;
    color: #333
}

.custom-dropdown-btn+.dropdown-pane>ul li a {
    text-align: left;
    color: #333
}

#example-dropdown {
    width: calc(100% - 50px)
}

.hide-nicely {
    transition: opacity .16s ease-out;
    opacity: 0;
    height: 0;
    overflow: hidden;
    transform-origin: top
}

.show-nicely {
    padding-top: 0;
    transform-origin: bottom;
    transition: padding-top .16s ease-in
}

.show-nicely-60 {
    padding-top: 40px;
    transform-origin: bottom;
    transition: padding-top .16s linear;
    min-height: 160px
}

.hide-nicely-no {
    transition: opacity .5s ease-out;
    transform-origin: top;
    opacity: 1;
    height: 40px
}

.product-category-hero .heading_subtitle {
    padding-bottom: 35px
}

.progress-top-125-animate {
    top: 160px !important;
    transition: top .16s linear
}

.progress-top-53-animate {
    top: 55px !important;
    transition: top .16s linear
}

.progress-top-85-animate {
    top: 100px !important;
    transition: top .16s linear
}

.hide-ribbon {
    transition: opacity .16s ease-out;
    opacity: 0;
    height: 0;
    overflow: hidden;
    transform-origin: bottom;
    display: block !important
}

.show-ribbon {
    transition: opacity .16s ease-out;
    transform-origin: top;
    opacity: 1;
    height: 10px;
    overflow: hidden;
    display: block !important
}

.top-107-animate-surprise {
    top: 120px !important;
    transition: top .16s linear
}

.top-147-animate-surprise {
    top: 120px !important;
    transition: top .16s linear
}

.ribbon-hide-scroll {
    max-height: 0;
    overflow: hidden;
    transition: max-height .16s,overflow 0
}

.ribbon-show-scroll {
    max-height: 10px;
    overflow: hidden;
    transition: max-height .16s,overflow 0
}

.listicle-icon.icon.force-50-top {
    top: 50% !important
}

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
    .logo img {
        max-height: 80px
    }
}

.gif-position img {
    visibility: hidden;
    -webkit-transform: translateZ(0)
}

.nav-scroll-stop-fixed {
    position: fixed !important;
    overflow-y: scroll !important;
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

.primaryButton {
    background-color: #00465a;
    margin-right: 10px
}

.primaryButton:hover,.primaryButton:focus {
    background-color: #00212b
}

.primaryButton:active {
    background-color: #000a0d
}

.secondaryButton {
    color: #00465a;
    border: 2px solid #00465a;
    background: 0
}

.secondaryButton:hover,.secondaryButton:focus {
    color: #00212b;
    border: 2px solid #00212b;
    background: 0
}

.secondaryButton:active {
    color: #000a0d;
    border: 2px solid #000a0d;
    background: 0
}

.tertiaryButton {
    background: 0;
    color: #00465a
}

.tertiaryButton:hover,.tertiaryButton:focus {
    color: #00212b;
    background: 0
}

.tertiaryButton:active {
    color: #000a0d;
    background: 0
}

.primaryButton>.icon.arrow-right-aqua-dark,.secondaryButton>.icon.arrow-right-aqua-dark,.tertiaryButton>.icon.arrow-right-aqua-dark {
    right: 5px;
    top: 12px
}

.primaryButton>.icon.arrow-right-aqua-dark {
    background-position: -33px -30px
}

@media all and (-webkit-min-device-pixel-ratio: 2) {
    @media only screen and (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
        /*.icon,*/
        .needHelpSection li.phoneIcon,.backToClose,.needHelpSection li.emailIcon,.backTomenu,.story-sprite,.career-sprite,.support-sprite,.subMenu::after,.subMenuMobile::after,.benifit-submenu.careers-submenu li::after,.education-featured-mobile h6 a::after,.section-graph-green a h6::after,.professionals a::after,.opaque-article h4::after,.see-rate-charts-arrow a::after,.arrow-right-aqua-dark,.accordion-title.show-less::after,.accordion-title.accordian-arrowtitle::after,.rightPenalSubmenu ul li::after {
            background-image:url(../img/sprites@2x.png) !important;
            background-size: 750px 1500px
        }
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),(min-resolution:192dpi) {
    .icon {
        /*background-image:url(../img/sprites@2x.png);
        background-size: 750px 1500px*/
    }
}

.error-form {
    display: none;
    color: #fa2f31;
    position: relative;
    top: 4px;
    font-family: 'Roboto',sans-serif
}

.error-form.show {
    color: #fa2f31;
    display: block
}

.select2-container {
    font-family: 'Roboto',sans-serif;
    max-width: 100%
}

.custom-checkmark {
    display: inline-block
}

.custom-checkmark:after {
    content: '';
    display: block;
    width: 6px;
    height: 12px;
    border: solid #00465a;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg)
}

.validated-field {
    border: solid 2px #00465a
}

.bhf-form-error {
    border-color: #fa2f31 !important
}

.formIconPosition {
    position: absolute;
    right: 20px;
    z-index: 1;
    top: 57px;
    display: none
}

.inputWrap.inputWrapCancelLeftPad label {
    padding-left: 0
}

.masterComponent.section {
    padding-bottom: 0
}

.inputWrap.inputWrapCancelLeftPad {
    padding-bottom: 0
}

.inputWrapCancelLeftPad .inputField {
    margin-bottom: 0
}

.bhfForm .columnctrl .columnctrl .columns:first-child {
    padding-left: 0;
    padding-right: 0
}

.bhfForm .columnctrl .columnctrl .columns:nth-child(2) {
    padding-right: 0
}

@media screen and (max-width: 39.9375em) {
    .inputWrapCancelLeftPad .select2-container {
        width:100% !important
    }

    .bhfForm .columnctrl .columnctrl .columns {
        padding-left: 0;
        padding-right: 0
    }

    .bhf-form-submit-container {
        text-align: center
    }
}

.bhf-form-btn-margin {
    margin-top: 40px;
    width: 180px
}

#loadingDiv {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    background: rgba(255,255,255,0.7)
}

.button.disabled,.button[disabled] {
    opacity: 1;
    background-color: #c9c9c9;
    border-color: transparent;
    color: #fff
}

.button.disabled.tertiaryButton,.button[disabled].tertiaryButton .arrow-right-aqua-dark {
    background-position: -33px -30px
}

.bhf-form-btn-margin[disabled]:focus,.bhf-form-btn-margin[disabled]:hover,.bhf-form-btn-margin[disabled]:active {
    background-color: #c9c9c9
}

.bhf-form-text-field.inputField {
    padding-right: 40px
}

span.select2-dropdown {
    z-index: 5
}

.see-infographic {
    padding: 80px 0 50px;
    display: block;
    margin-left: 51px;
    text-align: left
}

.see-infographic.infographmargin0 {
    margin-left: 0;
    padding: 30px 0 30px
}

.see-infographic img {
    float: left;
    display: block;
    margin-right: 20px;
    padding: 0
}

.see-infographic.infographicPaddingTop0 {
    padding-top: 0
}

.see-infographic.infographicPaddingTop0 .content-icon {
    padding-top: 0
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0
}

.content-icon {
    display: table;
    padding: 0;
    font-size: 15px
}

.content-icon span.contenttext {
    clear: both;
    display: block;
    font-family: 'Roboto',sans-serif;
    font-size: 15px;
    line-height: 25px;
    padding-bottom: 2px;
    margin-top: 10px
}

.icon.seeinfograph-icon {
    width: 21px;
    height: 17px;
    background-position: -332px -974px;
    display: inline-block;
    margin-left: 5px
}

.seeinfographlink {
    color: #00465a;
    position: relative;
    font-family: 'Roboto',sans-serif;
    font-weight: 700;
    font-size: 17px;
    line-height: 30px;
    margin-top: 20px
}

.seeinfographlink:hover,.seeinfographlink:focus {
    color: #00212b
}

.seeinfographlink.active {
    color: #000a0d
}

.horizontal-line-top {
    border-top: 1px solid #e7e7e7
}

.gray-line-top {
    border-top: 1px solid #8d8d8d
}

.gray-line-bottom {
    border-bottom: 1px solid #8d8d8d
}

.resource-materials-pic {
    clear: both;
    min-height: 320px;
    background-repeat: no-repeat;
    background-position: center center;
    margin: auto;
    max-width: 2000px
}

.iframe-component {
    margin: auto;
    max-width: 2000px
}

.accordion-content.accordian-tabe-content p {
    font-size: 20px;
    color: #333;
    margin-bottom: 20px;
    line-height: 35px
}

.see-rate-charts-arrow a {
    color: #00465a;
    padding: 14px 0;
    position: relative;
    font-family: 'Roboto',sans-serif;
    font-weight: 700;
    font-size: 17px;
    line-height: 18px;
    display: inline-block;
    margin-bottom: 22px
}

.see-rate-charts-arrow a:hover,.see-rate-charts-arrow a:focus {
    color: #00212b
}

.see-rate-charts-arrow a:active {
    color: #000a0d
}

.see-rate-charts-arrow a::after {
    content: "";
    background-image: url(../img/sprite.png);
    background-repeat: no-repeat;
    color: transparent;
    display: block;
    white-space: nowrap;
    background-position: -114px -99px;
    width: 8px;
    height: 14px;
    top: 17px;
    right: -13px;
    position: absolute
}

.see-rate-charts-arrow a:hover::after,.see-rate-charts-arrow a:focus::after {
    background-position: -147px -99px
}

.see-rate-charts-arrow a:active::after {
    background-position: -180px -99px
}

.accordion-title.show-less {
    max-width: 115px;
    color: #00465a;
    display: block;
    padding: 14px 0 23px 0;
    position: relative;
    font-family: 'Roboto',sans-serif;
    font-weight: 700;
    font-size: 17px;
    margin-right: auto;
    margin-left: auto;
    line-height: 18px;
    margin-top: 32px;
    border: 0
}

.accordion-title.show-less::after {
    content: "";
    background-image: url(../img/sprite.png);
    background-repeat: no-repeat;
    color: transparent;
    display: block;
    white-space: nowrap;
    background-position: -3px -1043px;
    width: 22px;
    height: 22px;
    top: 12px;
    right: 0;
    position: absolute;
    background-color: #fff
}

.accordion-title.show-less:hover::after {
    background-position: -26px -1043px
}

.accordion-title.show-less:focus,.accordion-title.show-less:hover {
    background: transparent;
    color: #00212b
}

.accordion-title.show-less:active {
    color: #000a0d
}

:last-child:not(.is-active)>.accordion-title.show-less {
    border-radius: 0;
    border-bottom: 0
}

:last-child>.accordion-content.show-less-content:last-child {
    border-bottom: 0
}

.accordion-content.show-less-content {
    color: #333;
    text-align: left;
    font-size: 15px;
    line-height: 25px;
    font-family: 'Roboto',sans-serif;
    border: 0;
    padding-top: 0
}

.is-active>.accordion-title.show-less::after {
    content: "";
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    background-color: #fff
}

.responsive-embed {
    position: relative;
    vertical-align: middle;
    display: table;
    margin: auto 0;
    padding-top: 10px
}

.right-padding-0 {
    padding-right: 0
}

.left-padding-0 {
    padding-left: 0 !important
}

.wrapper-box .media-object p {
    font-family: 'Roboto',sans-serif;
    color: #333
}

.wrapper-box .media-object-area p {
    font-family: 'Roboto',sans-serif;
    color: #333
}

.rightPenal h6 {
    line-height: 26px;
    font-size: 20px;
    font-family: 'Roboto Slab',serif
}

.rightPenal h6.head6_gape {
    padding-top: 2px;
    margin-bottom: 0
}

.hidden-large-only {
    visibility: hidden
}

.icon.shield-icon-50 {
    width: 80px;
    height: 80px;
    float: left;
    background-position: 9px -416px;
    zoom:.7;-moz-transform: scale(0.7)
}

.icon.timer-icon-50 {
    width: 80px;
    height: 80px;
    float: left;
    background-position: -380px -414px;
    zoom:.7;-moz-transform: scale(0.7)
}

.icon.lock-icon-50 {
    background-position: 17px -514px;
    width: 80px;
    height: 80px;
    zoom:.7;-moz-transform: scale(0.7)
}

.icon.stats-icon-50 {
    background-position: -88px -421px;
    width: 80px;
    height: 80px;
    zoom:.7;-moz-transform: scale(0.7)
}

.icon.balanced-icon-50 {
    background-position: -283px -410px;
    width: 80px;
    height: 80px;
    zoom:.7;-moz-transform: scale(0.7)
}

.icon.annuity-icon-50 {
    background-position: -186px -409px;
    width: 80px;
    height: 80px;
    zoom:.7;-moz-transform: scale(0.7)
}

.icon.playVideo {
    background-position: -686px -252px;
    width: 64px;
    height: 64px
}

h5.opaqueTitle {
    color: #333
}

h3.fontMedium {
    font-size: 26px
}

.accordion-title.accordian-arrowtitle {
    font-size: 25px;
    line-height: 40px;
    font-family: 'Roboto',sans-serif;
    color: #333;
    border: 0;
    padding-left: 49px;
    border-left: none !important;
    border-right: none !important
}

.accordion-title.accordian-arrowtitle::before {
    display: none;
}

.accordion-title.accordian-arrowtitle::after {
    content: "";
    background-image: url(../img/sprite.png);
    background-repeat: no-repeat;
    background-position: -249px -5px;
    width: 27px;
    height: 15px;
    color: transparent;
    display: block;
    white-space: nowrap;
    position: absolute;
    top: 34px;
    right: 50px
}

.is-active>.accordion-title.accordian-arrowtitle::after {
    content: "";
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.accordion-title.accordian-arrowtitle:focus,.accordion-title.accordian-arrowtitle:hover {
    background-color: #fff !important
}

.accordion-title.accordian-arrowtitle.active {
    background-color: #fff !important
}

.accordion-content.accordian-tabe-content {
    color: #333;
    text-align: left;
    font-size: 15px;
    line-height: 25px;
    font-family: 'Roboto',sans-serif;
    padding-right: 30px;
    padding-left: 50px;
    border: 0
}

.video-label {
    font-size: 20px;
    color: #333;
    font-family: 'Roboto',sans-serif;
    margin-top: 30px;
    padding-left: 15px;
    display: block;
    clear: both
}

.accordion-title.accordian-arrowtitle:first-child {
    border-top: 1px solid #e6e6e6
}

.whiteText.overview-productList-section .primaryBtn:focus,.whiteText.overview-productList-section .primaryBtn:hover {
    color: #f8f8f8
}

.whiteText.overview-productList-section .primaryBtn:active {
    color: #f8f8f8
}

.icon.shield-icon-40 {
    zoom:.5;-moz-transform: scale(0.5);
    width: 80px;
    height: 80px;
    float: left;
    background-position: 5px -416px;
    margin-right: 15px;
    margin-top: 6px
}

.icon.annuity-icon-40 {
    zoom:.5;-moz-transform: scale(0.5);
    width: 80px;
    height: 80px;
    float: left;
    background-position: -186px -409px;
    margin-right: 15px;
    margin-top: 6px
}

.icon.stats-icon-40 {
    zoom:.5;-moz-transform: scale(0.5);
    width: 80px;
    height: 80px;
    float: left;
    background-position: -88px -421px;
    margin-right: 15px;
    margin-top: 6px
}

.icon.growth-icon-40 {
    zoom:.5;-moz-transform: scale(0.5);
    width: 80px;
    height: 80px;
    float: left;
    background-position: -178px -502px;
    margin-right: 15px;
    margin-top: 6px
}

.icon.balanced-icon-40 {
    zoom:.5;-moz-transform: scale(0.5);
    width: 80px;
    height: 80px;
    float: left;
    background-position: -283px -410px;
    margin-right: 15px;
    margin-top: 6px
}

.icon.lock-icon-40 {
    zoom:.5;-moz-transform: scale(0.5);
    width: 80px;
    height: 80px;
    background-position: 17px -514px;
    float: left;
    margin-right: 15px;
    margin-top: 8px
}

.icon.timer-icon-40 {
    zoom:.5;-moz-transform: scale(0.5);
    width: 80px;
    height: 80px;
    background-position: -380px -414px;
    float: left;
    margin-right: 15px;
    margin-top: 8px
}

.icon.incomegrowth-icon-40 {
    zoom:.5;-moz-transform: scale(0.5);
    width: 80px;
    height: 80px;
    float: left;
    background-position: -395px -615px;
    margin-right: 15px;
    margin-top: 6px
}

.icon.withdrawals-icon-40 {
    zoom:.5;-moz-transform: scale(0.5);
    width: 80px;
    height: 80px;
    float: left;
    background-position: -94px -720px;
    margin-right: 15px;
    margin-top: 10px
}

.icon.ourapproach-icon-40 {
    zoom:.5;-moz-transform: scale(0.5);
    width: 80px;
    height: 80px;
    float: left;
    background-position: -280px -508px;
    margin-right: 15px;
    margin-top: 6px
}

.detailVideoTitle {
    font-size: 15px;
    line-height: 25px;
    padding: 10px 0 0 0;
    font-family: 'Roboto',sans-serif;
    color: #333
}

.detailVideoTitle strong {
    display: block
}

.icon.videos-icon {
    width: 16px;
    height: 17px;
    background-position: -229px -129px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px
}

.icon.videos-white-icon {
    width: 16px;
    height: 17px;
    background-position: -229px -104px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px
}

.brochure-button.articleiconremove:before {
    background-image: none
}

.icon.glance-icon {
    background-position: -75px -336px;
    width: 52px;
    height: 52px;
    display: block;
    position: absolute;
    margin-left: 0;
    margin-top: 0
}

.theme-blue .icon.glance-icon {
    background-position: -225px -336px
}

.theme-blue .icon.spousal-icon {
    background-position: -150px -336px
}

.theme-blue .textColor-green {
    color: #00b0b9
}

.theme-blue .rightPenal {
    border-top-color: #00b0b9
}

.theme-blue .rightPenalSubmenu ul li::after {
    background-position: -714px -7px
}

.theme-blue .rightPenalSubmenu ol li:before {
    color: #00b0b9
}

.icon.reallife-icon-40 {
    background-position: -482px -628px;
    width: 80px;
    height: 80px;
    float: left;
    margin-top: 6px;
    margin-right: 15px;
    zoom:.7;-moz-transform: scale(0.7)
}

.icon.value-icon-40 {
    background-position: -278px -329px;
    width: 75px;
    height: 80px;
    float: left;
    margin-top: 6px;
    margin-right: 15px;
    zoom:.7;-moz-transform: scale(0.7)
}

.icon.riders-icon-40 {
    background-position: -15px -937px;
    width: 80px;
    height: 80px;
    float: left;
    margin-top: 6px;
    margin-right: 15px;
    zoom:.7;-moz-transform: scale(0.7)
}

.icon.clock-icon-40 {
    background-position: -390px -423px;
    width: 80px;
    height: 80px;
    float: left;
    margin-top: 6px;
    margin-right: 15px;
    zoom:.7;-moz-transform: scale(0.7)
}

.icon.spousal-icon {
    background-position: 0 -336px;
    width: 52px;
    height: 52px;
    float: left;
    display: inline-block
}

.textColor-green {
    color: #97d700
}

.glanceIconTitle {
    font-size: 20px;
    padding-left: 59px;
    font-weight: 700;
    font-family: 'Roboto Slab',serif;
    line-height: 26px;
    color: #333
}

.body-slab-small p {
    font-size: 20px
}

.rightPenalSubmenu ul {
    border-width: 2px;
    display: block;
    padding-top: 11px;
    clear: both;
    text-align: left;
    font-family: 'Roboto',sans-serif;
    margin: 0
}

.rightPenalSubmenu ol {
    border-width: 2px;
    display: block;
    font-family: 'Roboto',sans-serif;
    padding-top: 11px;
    clear: both;
    text-align: left;
    counter-reset: my-badass-counter;
    margin: 0;
    padding-left: 12px
}

.rightPenalSubmenu ul li {
    width: 100%;
    clear: both;
    font-size: 15px;
    text-align: left;
    color: #333;
    margin-bottom: 10px;
    font-family: 'Roboto',sans-serif;
    line-height: 25px;
    padding-left: 20px;
    position: relative
}

.rightPenalSubmenu ul li::after {
    content: "";
    background-image: url(../img/sprite.png);
    background-repeat: no-repeat;
    background-position: -714px -32px;
    width: 11px;
    height: 11px;
    position: absolute;
    left: 0;
    top: 7px
}

.rightPenalSubmenu ol li {
    display: list-item;
    font-size: 15px;
    padding-left: 8px;
    position: relative;
    font-family: 'Roboto',sans-serif;
    list-style: none;
    color: #333;
    margin-bottom: 10px
}

.rightPenalSubmenu ol li:before {
    content: counter(my-badass-counter);
    counter-increment: my-badass-counter;
    position: absolute;
    left: -11px;
    top: 5px;
    font: bold 15px/1 'Roboto',sans-serif;
    color: #97d700
}

.rightPenalSubmenu p {
    font-size: 16px;
    font-family: 'Roboto Slab',serif
}

.rightPenal {
    padding-top: 20px;
    border-top: 2px solid #97d700;
    display: block;
    position: relative;
    margin-top: 10px;
    color: #333
}

.rightPenal .rightbox-icontitle-content-gape p {
    padding-top: 14px;
    clear: both
}

.rightPenal.rightfirst-child {
    margin-top: 10px
}

.rightPenal p {
    font-size: 15px;
    clear: both;
    line-height: 25px;
    margin-bottom: 15px;
    color: #333;
    font-family: 'Roboto',sans-serif
}

.BodyMidSlabTitle {
    font-size: 33px;
    color: #fff;
    line-height: 50px;
    font-family: 'Roboto Slab',serif;
    font-weight: normal
}

.BodyMidSlabTitle h3 {
    padding: 0;
    color: #fff
}

.img-graphmedium {
    float: left;
    margin: 0 10px 20px 0
}

a.read_article.TertiaryinfographBtn {
    color: #00465a;
    font-size: 17px;
    margin-top: 10px;
    font-weight: 500;
    text-decoration: underline
}

a.read_article.TertiaryinfographBtn:hover {
    color: #00212b
}

a.read_article.TertiaryinfographBtn:focus {
    color: #000a0d
}

.read_article:hover .icon.arrow-right-aqua-dark,.read_article:focus .icon.arrow-right-aqua-dark {
    background-position: -58px -5px
}

.read_article:active .icon.arrow-right-aqua-dark {
    background-position: -83px -5px
}

.bodySlabTitle {
    font-size: 20px;
    font-weight: 700;
    color: #333;
    line-height: 35px
}

.lineSectionBottom {
    border-bottom: 1px solid #e7e7e7
}

.head3 {
    padding-top: 0;
    padding-bottom: 20px
}

.productCategoryTile.section>.ShieldAligncenter {
    padding-top: 0;
    margin-top: 0
}

.flexchoice-section {
    background-color: #f7f7f7;
    background-position: center;
    margin: auto;
    clear: both
}

img.orbit_img {
    max-width: 100%;
    padding: 30px 0
}

.benifit-submenu {
    clear: both;
    padding-top: 40px
}

.benifit-submenu li {
    position: relative;
    cursor: pointer;
    display: inline-block;
    padding: 0 20px 0 50px
}

.benifit-submenu li::after {
    content: "";
    background-image: url(../img/sprite.png);
    background-repeat: no-repeat;
    background-position: -3px -79px;
    width: 20px;
    height: 18px;
    color: transparent;
    display: block;
    white-space: nowrap;
    position: absolute;
    top: 21px;
    right: 0;
    zoom:.5;-moz-transform: scale(0.5)
}

.benifit-submenu li:first-child {
    padding-left: 0
}

.benifit-submenu li a {
    color: #fff;
    font-size: 15px;
    font-family: 'Roboto',sans-serif;
    line-height: 25px
}

.benifit-submenu li a:hover {
    text-decoration: none;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    color: #fff
}

.benifit-submenu li a.active {
    text-decoration: none;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    color: #fff
}

.icon.article-icon,.icon.qa-icon,.icon.listicle-icon.listicleIconMiddle {
    display: inline-block;
    vertical-align: middle;
    margin-top: 0
}

.overview-productList-section p {
    font-size: 20px;
    line-height: 2.1875rem
}

.icon.try-icon {
    background-position: -554px -386px;
    width: 26px;
    height: 20px
}

.button.blueBtn:hover {
    color: #fff;
    background-color: #00212b
}

.button.blueBtn:focus {
    color: #fff;
    background-color: #00212b
}

.button.blueBtn:active {
    color: #fff;
    background-color: #000a0d
}

.theme-blue .overview-hero-section .opaqueImg {
    background-color: #00b0b9
}

.theme-blue .benefittitle-bg {
    background-color: #00b0b9;
    padding-left: 87px
}

.theme-blue .overview-hero-section h1 {
    margin-bottom: 0
}

.theme-green .benefittitle-bg {
    background-color: #97d700;
    padding-left: 87px
}

.theme-green .overview-hero-section .opaqueImg {
    background-color: #97d700
}

.theme-green .overview-hero-section h1 {
    margin-bottom: 0
}

.theme-blue .overview-hero .opaqueImg {
    background-color: #00b0b9
}

.theme-blue .overview-hero h1 {
    margin-bottom: 0
}

.theme-green .overview-hero .opaqueImg {
    background-color: #97d700
}

.theme-green .overview-hero h1 {
    color: #fff;
    margin-bottom: 0
}

.overview-hero-section {
    clear: both;
    min-height: 560px
}

.overview-hero-section .opaque-bg {
    min-height: auto;
    padding: 50px 30px
}

.overview-hero-section.right .icon.productHeroIcon {
    float: right;
    margin-left: -33px;
    position: absolute;
    display: inline-block
}

.overview-hero-section.right {
    text-align: right
}

.overview-hero-section.right .overview_subtitle {
    float: right
}

.overview-hero-section.right .heading_subtitle {
    float: right
}

.overview-hero-section.right .quick-intro {
    float: right
}

.overview-hero-section.right .document-intro {
    float: right
}

.overview-hero .opaque-bg {
    min-height: auto;
    padding: 50px 30px
}

.overview-hero.right .icon.productHeroIcon {
    float: right;
    margin-left: -44px;
    position: absolute;
    display: inline-block
}

.overview-hero.right {
    text-align: right
}

.overview-hero.right .overview_subtitle {
    float: right
}

.overview-hero.right .heading_subtitle {
    float: right
}

.overview-hero.right .quick-intro {
    float: right
}

.overview-hero.right .document-intro {
    float: right
}

.TextbordrBottom {
    border-bottom: 1px solid #c7c1ba;
    height: 3px;
    width: 105px;
    display: block;
    margin-top: 10px
}

.overview-hero-section.right .quick-box-title span {
    display: block;
    clear: both
}

.overview-hero-section.right .quick-box-title .TextbordrBottom {
    float: right;
    border-bottom: 1px solid #c7c1ba
}

.overview-hero.right .quick-box-title span {
    display: block;
    clear: both
}

.padingLeftRightNone {
    padding-left: 15px
}

.overview-hero.right .quick-box-title .TextbordrBottom {
    float: right;
    border-bottom: 1px solid #c7c1ba
}

.icon.productHeroIcon {
    display: inline-block;
    position: relative;
    float: left;
    margin: 0 10px 0 0
}

.defaultMarginBottomSpace {
    margin-top: 0;
    margin-bottom: 80px;
    font-family: 'Roboto Slab',serif;
    font-weight: 300;
    text-align: center
}

.remodal-overlay {
    background: rgba(255,255,255,0.9)
}

.remodal-close {
    left: auto;
    right: 20px;
    top: 15px
}

.reveal-overlay {
    background: rgba(255,255,255,0.9);
    z-index: 10
}

.reveal {
    width: 100%;
    z-index: 10;
    outline: 0;
    background-color: #f7f7f7
}

.close-button {
    /*left: auto;
    right: 20px;
    top: 15px*/
}

.scrollBarRight {
    max-height: 480px;
    overflow-x: hidden;
    overflow-y: auto
}

@media screen and (min-width: 58.125em) and (max-width:63.938em) {
    .display-icon-none {
        display:none
    }

    .productCategoryTile.section:first-child .ShieldAligncenter {
        padding-top: 50px
    }

    .showOnlyIpad .see-infographic img {
        float: none;
        margin: 0
    }
}

@media screen and (min-width: 40em) {
    .remodal {
        max-width:700px;
        border: 1px solid #c9c9c9;
        -webkit-box-shadow: 10px 10px 5px 0 rgba(201,201,201,1);
        -moz-box-shadow: 10px 10px 5px 0 rgba(201,201,201,1);
        box-shadow: 10px 10px 5px 0 rgba(201,201,201,1);
        padding: 50px
    }

    .reveal {
        max-width: 700px;
        border: 1px solid #c9c9c9;
        -webkit-box-shadow: 10px 10px 5px 0 rgba(201,201,201,1);
        -moz-box-shadow: 10px 10px 5px 0 rgba(201,201,201,1);
        box-shadow: 10px 10px 5px 0 rgba(201,201,201,1);
        padding: 0
    }

    section.overview-hero.whiteText p,section.category-hero.whiteText p {
        color: #fff
    }

    section.overview-hero.whiteText p,section.category-hero.whiteText p {
        color: #fff
    }
}

@media screen and (min-width: 64em) {
    .annuityRight_blog {
        min-height:300px
    }

    .pennal-opaque.heightAuto {
        padding-right: 140px
    }

    .pennal-opaque.heightAuto.right {
        padding-right: 25px;
        padding-left: 140px
    }

    .remodal {
        max-width: 955px;
        border: 1px solid #c9c9c9;
        -webkit-box-shadow: 10px 10px 5px 0 rgba(201,201,201,1);
        -moz-box-shadow: 10px 10px 5px 0 rgba(201,201,201,1);
        box-shadow: 10px 10px 5px 0 rgba(201,201,201,1);
        padding: 60px
    }

    .reveal {
        max-width: 955px;
        border: 1px solid #c9c9c9;
        -webkit-box-shadow: 10px 10px 5px 0 rgba(201,201,201,1);
        -moz-box-shadow: 10px 10px 5px 0 rgba(201,201,201,1);
        box-shadow: 10px 10px 5px 0 rgba(201,201,201,1);
        padding: 0
    }

    .responsive-embed img {
        height: 138px
    }

    .responsive-embed iframe {
        height: 138px
    }

    .productCategoryTile.section:first-child .ShieldAligncenter {
        padding-top: 50px
    }

    .blogTop40 i.icon {
        display: inline-block;
        float: none;
        margin-bottom: 10px
    }

    .media-object-area {
        display: table
    }

    .overview-hero {
        min-height: 500px
    }

    .heading_subtitle p {
        font-size: 20px
    }

    .overview-hero-section h1 {
        margin-bottom: 40px
    }

    .overview-hero h1 {
        margin-bottom: 40px
    }

    .padingLeftRightNone {
        padding-left: 15px
    }
}

@media screen and (min-width: 64.001em) {
    .blogTop40 i.icon {
        display:inline-block;
        float: none;
        margin-bottom: 10px
    }

    .padingLeftRightNone {
        padding-left: 15px
    }
}

@media screen and (max-width: 58.063em) {
    .showOnlyIpad .see-infographic img {
        float:none;
        margin: 0
    }

    .accordion-content.accordian-tabe-content p {
        font-size: 18px;
        line-height: 30px
    }

    .horizontal-line-top {
        border: 0
    }

    .resource-materials-pic {
        min-height: 200px
    }

    .responsive-embed {
        margin: auto
    }

    .responsive-embed img {
        height: 93px;
        margin: auto
    }

    .responsive-embed iframe {
        height: 93px;
        margin: auto
    }

    .display-icon-none {
        display: none !important
    }

    .article-section.border-bottom-noe {
        border-bottom: 0;
        padding-bottom: 0
    }

    .benifit-submenu li.last {
        padding-left: 15px
    }

    .theme-blue .benefittitle-bg {
        padding-left: 15px
    }

    .theme-green .benefittitle-bg {
        padding-left: 15px
    }

    .BodyMidSlabTitle {
        font-size: 21px;
        line-height: 35px
    }

    .padingLeftRightNone {
        padding-left: 0
    }

    .productCategoryTile.section:first-child .ShieldAligncenter {
        padding-top: 50px
    }

    .media-object-area {
        display: inherit
    }

    .annuityRight_blog {
        min-height: 315px
    }

    .accordion-title.accordian-arrowtitle {
        font-size: 21px;
        line-height: 35px
    }

    .overview-productList-section p {
        font-size: 18px;
        line-height: 1.875rem
    }

    .annuityRight_blog {
        width: 100%;
        padding: 40px 15px 30px !important
    }

    .defaultGape {
        margin-top: 56px !important
    }

    .defaultMarginBottomSpace {
        margin-bottom: 70px
    }

    .overview-hero-section {
        min-height: 500px
    }

    .overview-hero {
        min-height: 450px
    }

    .overview-hero-section .opaque-bg {
        padding: 35px 25px
    }

    .overview-hero .opaque-bg {
        padding: 35px 25px
    }

    .bottomMarginMobile {
        margin-bottom: 50px
    }

    .glanceIconTitle {
        font-size: 15px
    }

    .glanceIconTitle h6 {
        font-size: 15px;
        line-height: 16px
    }

    .body-slab-small p {
        font-size: 18px
    }

    .media-object-section {
        display: block
    }

    .mediaicon-title {
        font-size: 17px
    }

    .headFontMedium {
        font-size: 16px
    }

    .benifit-submenu li {
        padding: 0 29px
    }

    .bottomMarginMobile {
        margin-bottom: 50px
    }

    .bottomMarginMobile .heightAuto {
        margin-bottom: 20px
    }

    .wrapper-product p.IpadFont {
        font-size: 17px !important
    }

    .overview-hero-section p {
        font-size: 19px
    }

    .overview-hero p {
        font-size: 18px
    }

    .annuityRight_blog h4 {
        font-size: 25px !important
    }

    .pennal-opaque.opaquHeight {
        height: 419px !important
    }

    .btnIpadeGape {
        margin-top: 80px
    }

    .pennal-opaque.heightAuto {
        padding-top: 30px;
        height: 300px;
        min-height: 300px
    }

    h5.opaqueTitle {
        font-size: 16px !important;
        line-height: 23px
    }
}

.icon.arrow-right-aqua-dark {
    width: 20px;
    height: 20px;
    background-position: -33px -5px;
    display: inline;
    position: absolute;
    margin: 0;
    margin-left: 10px;
    margin-top: 5px
}

ul.breadcrumb-links {
    padding-bottom: 24px;
    text-align: left
}

ul.breadcrumb-links li {
    display: inline;
    font-size: 14px
}

.whiteText ul.breadcrumb-links>li>a {
    color: #fff
}

.whiteText ul.breadcrumb-links>li {
    color: #fff
}

.whiteText ul.breadcrumb-links>li>a:hover,.whiteText ul.breadcrumb-links>li>a:focus {
    color: #f8f8f8
}

.whiteText ul.breadcrumb-links>li>a:active {
    color: #f8f8f8
}

.wrapper-box .opaque-bg p {
    color: #fff
}

.whiteText h1,.whiteText .subtitle,.whiteText h2,.whiteText h3,.whiteText h4,.whiteText .wrapper-box .media-object-area p,.whiteText.wrapper-box p,.whiteText.article-section p,.whiteText.overview-productList-section .padingLeftRightNone p,.whiteText.wrapper-main p,.whiteText .heading_subtitle p,.whiteText .quick-box-title,.whiteText .doc_text {
    color: #fff
}

.whiteText .doc_text {
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.whiteText .doc_text:hover,.whiteText .doc_text:focus {
    color: #f8f8f8
}

.whiteText .doc_text:active {
    color: #f8f8f8
}

a .icon.arrow-right-aqua-dark {
    background-position: -33px -5px
}

a:hover .icon.arrow-right-aqua-dark,a:focus .icon.arrow-right-aqua-dark {
    background-position: -58px -5px
}

a:active .icon.arrow-right-aqua-dark {
    background-position: -83px -5px
}

.whiteText .icon.arrow-right-aqua-dark {
    background-position: -33px -30px
}

.whiteText a:hover .icon.arrow-right-aqua-dark,.whiteText a:focus .icon.arrow-right-aqua-dark {
    background-position: -58px -30px
}

.whiteText a:active .icon.arrow-right-aqua-dark {
    background-position: -83px -30px
}

ul.breadcrumb-links>li>a {
    font-size: 16px;
    font-family: 'Roboto',sans-serif;
    display: inline;
    color: #00465a
}

ul.breadcrumb-links>li>a:hover {
    color: #00212b
}

ul.breadcrumb-links>li>a:active {
    color: #000a0d
}

.whiteText ul.breadcrumb-links>li>a {
    color: #fff
}

.whiteText ul.breadcrumb-links>li>a:hover {
    color: #f8f8f8
}

.whiteText ul.breadcrumb-links>li>a:active {
    color: #f8f8f8
}

ul.breadcrumb-links>li>span {
    padding-left: 5px;
    color: #333
}

.heading_topTitle {
    color: #333
}

.overview_subtitle p {
    font-size: 20px;
    color: #333
}

.quick-box-title {
    display: block;
    font-size: 15px;
    padding: 30px 0 10px;
    color: #333;
    font-family: 'Roboto',sans-serif;
    position: relative;
    margin-bottom: 20px
}

.doc_icon {
    margin-right: 18px
}

.whiteText .doc_text {
    border-bottom-width: 1px;
    border-bottom-style: solid
}

a.doc_text {
    text-decoration: none;
    font-size: 17px;
    color: #00465a;
    font-family: 'Roboto',sans-serif;
    font-weight: 700
}

a.doc_text:hover,a.doc_text:focus {
    color: #00212b
}

a.doc_text:active {
    color: #000a0d
}

.overview-productList-section {
    clear: both
}

.annuityRight_blog {
    width: 100%;
    padding: 53px 30px 80px 32px
}

.annuityRight_blog h4 {
    font-size: 28px;
    color: #333;
    text-align: left
}

.annuityRight_blog p {
    font-size: 15px;
    color: #333;
    line-height: 1.5625rem
}

.section-blue {
    clear: both
}

.article.leftPaddingNone {
    padding-left: 0
}

.button.blueBtn {
    background-color: #00465a;
    font-size: 17px;
    display: inline-block;
    color: #fff
}

.pennal-opaque.heightAuto {
    margin-left: 0;
    min-height: 330px;
    border: 1px solid #333
}

.opaque-bg.padingLeftRightNone {
    padding-left: 0;
    padding-right: 0
}

.pennal-opaque label {
    color: #00465a;
    margin-bottom: 20px;
    font-size: 13px;
    text-decoration: underline
}

.defaultGape {
    margin-top: 80px
}

.subtitle_rightBlog {
    padding-bottom: 25px
}

.head5FntSize37 {
    font-size: 50px
}

.videoPlayBtn {
    right: 0;
    left: 0;
    z-index: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto !important;
    width: 64px;
    height: 64px
}

.whiteText .icon.article-icon,.whiteText .icon.qa-icon,.whiteText .icon.listicle-icon {
    background-position: -76px -100px
}

.pennal-opaque .icon.briefcase-icon {
    background-position: -604px -52px
}

.whiteText .icon.briefcase-icon {
    background-position: -604px -76px
}

.icon.infographic-icon {
    background-position: -75px -51px
}

.pennal-opaque .icon.infographic-icon {
    background-position: -75px -51px
}

.whiteText .icon.infographic-icon {
    background-position: -75px -75px
}

.pennal-opaque .icon.video-icon {
    background-position: -308px -51px
}

.whiteText .icon.video-icon {
    background-position: -308px -76px
}

.pennal-opaque .icon.quiz-icon {
    background-position: -454px -52px
}

.whiteText .icon.quiz-icon {
    background-position: -454px -76px
}

.pennal-opaque .icon.small-article-icon {
    width: 17px;
    height: 21px;
    background-position: -502px -423px
}

.whiteText .icon.small-article-icon {
    background-position: -515px -1075px
}

@media screen and (min-width: 40.000em) and (max-width:58.063em) {
    .medium1 {
        width:100%
    }
}

@media screen and (max-width: 39.938em) {
    .whiteText .icon.infographic-icon {
        background-position:-75px -51px
    }

    .whiteText .icon.quiz-icon {
        background-position: -454px -52px
    }

    .whiteText .icon.briefcase-icon {
        background-position: -604px -52px
    }

    .whiteText .icon.video-icon {
        background-position: -308px -51px
    }

    .show-icon-top-center-icon {
        top: 100% !important;
        margin-left: -12px !important
    }

    .show-icon-top-center-arrow {
        top: 100% !important
    }

    .rightPenalSubmenu p {
        text-align: center !important
    }

    .showOnlyMobile .see-infographic {
        text-align: center
    }

    .showOnlyMobile .see-infographic img {
        float: none;
        margin: auto
    }

    .showOnlyMobile .content-icon {
        margin: auto
    }

    div.categoryFeaturePost section.education-featured-mobile {
        background-color: #e9e9e9 !important
    }

    .whiteText .icon.article-icon,.whiteText .icon.qa-icon,.whiteText .icon.listicle-icon {
        background-position: -1px -100px
    }

    .whiteText.showMobileBgImage .icon.article-icon,.whiteText.showMobileBgImage .icon.qa-icon,.whiteText.showMobileBgImage .icon.listicle-icon {
        background-position: -76px -100px
    }

    .whiteText.showMobileBgImage .icon.briefcase-icon {
        background-position: -604px -76px
    }

    .whiteText.showMobileBgImage .icon.infographic-icon {
        background-position: -75px -75px
    }

    .whiteText.showMobileBgImage .icon.video-icon {
        background-position: -308px -76px
    }

    .whiteText.showMobileBgImage .icon.quiz-icon {
        background-position: -454px -76px
    }

    .whiteText.showMobileBgImage .icon.small-article-icon {
        background-position: -1px -100px
    }

    .whiteText .hero-slide p.subtitle {
        color: #fff
    }

    .whiteText h1,.whiteText .subtitle,.whiteText h2,.whiteText h3,.whiteText h4,.whiteText .wrapper-box .media-object-area p,.whiteText.wrapper-box p,.whiteText.article-section p,.whiteText.wrapper-main p,.whiteText .heading_subtitle p,.whiteText .quick-box-title,.whiteText .doc_text {
        color: #333
    }

    .whiteText .hero-slide .playButton {
        color: #00465a
    }

    .whiteText .hero-slide .playButton:hover,.whiteText .hero-slide .playButton:focus {
        color: #00212b
    }

    .whiteText .hero-slide .playButton:active {
        color: #000a0d
    }

    .whiteText.wrapper-box .opaque-bg p {
        color: #fff
    }

    .whiteText .hero-slide p.subtitle {
        color: #333
    }

    .whiteText.showMobileBgImage .hero-slide .playButton {
        color: #fff
    }

    .whiteText.showMobileBgImage .hero-slide p.subtitle {
        color: #fff
    }

    .whiteText ul.breadcrumb-links>li {
        color: #333
    }

    .whiteText ul.breadcrumb-links>li>a:hover,.whiteText ul.breadcrumb-links>li>a:focus {
        color: #00212b
    }

    .whiteText ul.breadcrumb-links>li>a:active {
        color: #000a0d
    }

    .whiteText a.doc_text {
        color: #00465a
    }

    .whiteText a.doc_text:hover,.whiteText a.doc_text:focus {
        color: #00212b
    }

    .whiteText a.doc_text:active {
        color: #000a0d
    }

    .whiteText.showMobileBgImage h1,.whiteText.showMobileBgImage .heading_subtitle p,.whiteText.showMobileBgImage .quick-box-title,.whiteText.showMobileBgImage .doc_text {
        color: #fff
    }

    .whiteText.showMobileBgImage ul.breadcrumb-links>li>a {
        color: #fff
    }

    .whiteText.showMobileBgImage ul.breadcrumb-links>li {
        color: #fff
    }

    .whiteText.showMobileBgImage ul.breadcrumb-links>li>a:hover,.whiteText.showMobileBgImage ul.breadcrumb-links>li>a:focus {
        color: #f8f8f8
    }

    .whiteText.showMobileBgImage ul.breadcrumb-links>li>a:active {
        color: #f8f8f8
    }

    .whiteText .icon.arrow-right-aqua-dark {
        background-position: -33px -5px
    }

    .whiteText a:hover .icon.arrow-right-aqua-dark,.whiteText a:focus .icon.arrow-right-aqua-dark {
        background-position: -58px -5px
    }

    .whiteText a:active .icon.arrow-right-aqua-dark {
        background-position: -83px -5px
    }

    .whiteText.showMobileBgImage .icon.arrow-right-aqua-dark {
        background-position: -33px -30px
    }

    .whiteText.showMobileBgImage a:hover .icon.arrow-right-aqua-dark,.whiteText.showMobileBgImage a:focus .icon.arrow-right-aqua-dark {
        background-position: -58px -30px
    }

    .whiteText.showMobileBgImage a:active .icon.arrow-right-aqua-dark {
        background-position: -83px -30px
    }

    .whiteText.showMobileBgImage .doc_text:active {
        color: #f8f8f8
    }

    .whiteText.showMobileBgImage .doc_text:hover,.whiteText.showMobileBgImage .doc_text:focus {
        color: #f8f8f8
    }

    .remodal {
        height: 100%;
        margin: 0
    }

    .reveal {
        height: 100%;
        margin: 0
    }

    .remodal-wrapper {
        padding: 0
    }

    .accordion-content.accordian-tabe-content p {
        font-size: 15px;
        line-height: 25px
    }

    .responsive-embed {
        margin: auto
    }

    .widescreen {
        padding: 25px 0
    }

    .responsive-embed img {
        height: 161px
    }

    .responsive-embed iframe {
        height: 161px
    }

    .icon.value-icon-40 {
        float: none;
        display: inline-block
    }

    .icon.riders-icon-40 {
        float: none;
        display: inline-block
    }

    .icon.clock-icon-40 {
        float: none;
        display: inline-block
    }

    .right-padding-0 {
        padding-right: 10px !important
    }

    .resource-materials-pic {
        display: none
    }

    .glanceIconTitle h6 {
        line-height: 18px
    }

    .rightPenalSubmenu ol,ul {
        padding-top: 0
    }

    .rightPenal .rightbox-icontitle-content-gape {
        padding-top: 0
    }

    .left-padding-0 {
        padding-left: 10px !important
    }

    .BodyMidSlabTitle {
        font-size: 17px;
        line-height: 30px
    }

    .media-object p {
        font-size: 15px;
        color: #333;
        line-height: 25px
    }

    .icon.shield-icon-40 {
        width: 80px;
        height: 80px;
        float: none;
        display: inline-block;
        background-position: 0 -416px;
        margin-right: 0
    }

    .icon.annuity-icon-40 {
        width: 80px;
        height: 80px;
        float: none;
        display: inline-block;
        background-position: -190px -437px;
        margin-right: 0
    }

    .icon.stats-icon-40 {
        width: 80px;
        height: 80px;
        float: none;
        display: inline-block;
        background-position: -97px -421px;
        margin-right: 0
    }

    .icon.growth-icon-40 {
        float: none;
        display: inline-block;
        margin-top: 0;
        margin-right: 0
    }

    .icon.balanced-icon-40 {
        width: 80px;
        height: 80px;
        float: none;
        display: inline-block;
        background-position: -283px -410px;
        margin-right: 0
    }

    .icon.lock-icon-40 {
        width: 80px;
        height: 80px;
        float: none;
        display: inline-block;
        margin-top: 30px;
        margin-right: 0
    }

    .icon.timer-icon-40 {
        width: 80px;
        height: 80px;
        float: none;
        display: inline-block;
        margin-top: 10px;
        margin-right: 0
    }

    .accordion-title.accordian-arrowtitle {
        font-size: 17px;
        line-height: 30px;
        padding-left: 0
    }

    .accordion-title.accordian-arrowtitle::after {
        right: 10px
    }

    .accordion-content.accordian-tabe-content {
        padding-left: 0;
        padding-right: 0
    }

    .defaultMarginBottomSpace {
        margin-bottom: 60px
    }

    .overview-hero {
        min-height: auto
    }

    .overview-hero-section {
        min-height: auto
    }

    .overview-hero-section .opaque-bg {
        padding: 25px 15px
    }

    .theme-blue .overview-hero-section .opaque-bg {
        margin-top: 0
    }

    .theme-blue .overview-hero-section h1 {
        text-align: center
    }

    .overview-hero .opaque-bg {
        padding: 25px 15px
    }

    .theme-blue .overview-hero .opaque-bg {
        margin-top: 0
    }

    .theme-blue .overview-hero h1 {
        text-align: center
    }

    .icon.glance-icon {
        display: inline-block;
        text-align: center;
        position: inherit
    }

    .body-slab-small p {
        font-size: 15px;
        padding: 30px 0
    }

    .rightPenal {
        border-top: 0
    }

    .BottomBorderMobile {
        border-bottom: 1px solid #333
    }

    .bottomMarginMobile .heightAuto {
        margin-bottom: 20px
    }

    .bottomMarginMobile {
        margin-bottom: 40px
    }

    .overview-hero-section.hiddSmall {
        background-image: none !important
    }

    .overview-hero.hiddSmall {
        background-image: none !important
    }

    .pennal-opaque.heightAuto {
        padding-top: 30px;
        min-height: 300px !important;
        height: auto !important
    }

    h5.opaqueTitle {
        line-height: 25px;
        font-size: 17px !important
    }

    .overview-hero-section {
        text-align: center
    }

    .overview-hero {
        text-align: center
    }

    .doc_icon {
        display: block;
        margin-right: 0 !important
    }

    .overview-hero-section p {
        line-height: 1.9em;
        font-size: 15px !important
    }

    .overview-hero p {
        line-height: 1.9em;
        font-size: 15px
    }

    .annuityRight_blog h4 {
        text-align: center !important
    }

    .annuityRight_blog {
        padding-bottom: 50px !important
    }

    .section-green {
        text-align: center
    }

    .section-blue {
        text-align: center;
        padding-top: 20px
    }

    .annuityRight_blog {
        text-align: center;
        min-height: 240px
    }

    .annuityRight_blog p {
        font-size: 13px !important;
        padding-bottom: 0 !important
    }

    .annuityRight_blog .blueBtn {
        margin: auto
    }

    .annuityRight_blog {
        width: 100%;
        padding: 60px 15px 0 !important
    }

    .overview-productList-section h2 {
        font-size: 30px
    }

    .overview-productList-section.whiteText h2 {
        color: #fff
    }

    .overview-productList-section p {
        font-size: 15px;
        line-height: 1.5625em;
        font-family: 'Roboto Slab',serif
    }

    .defaultGape {
        margin: 30px 0 40px !important
    }

    .overview-hero-section .icon.productHeroIcon {
        float: none
    }

    .TextbordrBottom {
        margin-right: auto;
        margin-left: auto
    }

    .defaultMarginBottomSpace {
        margin-bottom: 60px
    }

    .overview-hero-section {
        min-height: initial;
        background: none !important
    }

    .overview-hero-section .opaque-bg {
        padding: 25px 15px
    }

    .theme-blue .overview-hero-section .opaque-bg {
        margin-top: 0
    }

    .theme-blue .overview-hero-section h1 {
        text-align: center
    }

    .theme-green .overview-hero-section h1 {
        text-align: center
    }

    .icon.withdrawals-icon-40 {
        display: inline-block;
        text-align: center;
        float: none;
        position: inherit
    }

    .icon.spousal-icon {
        float: none;
        display: inline-block;
        text-align: center
    }

    .icon.incomegrowth-icon-40 {
        float: none;
        display: inline-block;
        text-align: center
    }

    .icon.reallife-icon-40 {
        float: none;
        display: inline-block;
        text-align: center
    }

    .icon.glance-icon-40 {
        display: inline-block;
        text-align: center;
        position: inherit
    }

    .glanceIconTitle {
        padding-left: 0;
        margin: 20px 0 0 0;
        line-height: 25px
    }

    .body-slab-small p {
        font-size: 15px;
        padding: 30px 0
    }

    .rightPenal {
        border-top: 0
    }

    .BottomBorderMobile {
        border-bottom: 1px solid #333
    }

    .bottomMarginMobile .heightAuto {
        margin-bottom: 20px
    }

    .bottomMarginMobile {
        margin-bottom: 40px
    }

    .overview-hero-section.hiddSmall {
        background-image: none !important
    }

    .pennal-opaque.heightAuto {
        padding-top: 30px;
        min-height: 300px !important;
        height: auto !important
    }

    h5.opaqueTitle {
        line-height: 25px;
        font-size: 17px !important
    }

    .overview-hero-section {
        text-align: center
    }

    .doc_icon {
        display: block;
        margin-right: 0 !important
    }

    .overview-hero-section p {
        line-height: 1.9em;
        font-size: 15px !important
    }

    .annuityRight_blog h4 {
        text-align: center !important;
        font-size: 19px !important
    }

    .annuityRight_blog {
        padding-bottom: 60px !important
    }

    .overview-productList-section {
        text-align: center
    }

    .section-blue {
        text-align: center;
        padding-top: 20px
    }

    .annuityRight_blog {
        text-align: center
    }

    .annuityRight_blog p {
        font-size: 13px !important;
        padding-bottom: 0 !important
    }

    .defaultGape {
        margin-top: 30px;
        margin-bottom: 60px
    }

    .annuityRight_blog .blueBtn {
        margin: auto
    }

    .overview-hero-section.right {
        text-align: center
    }

    .overview-hero-section.right .breadcrumb {
        float: none
    }

    .overview-hero-section.right .overview_subtitle {
        float: none
    }

    .overview-hero.right {
        text-align: center
    }

    .overview-hero.right .breadcrumb {
        float: none
    }

    .overview-hero.right .overview_subtitle {
        float: none
    }

    .TextbordrBottom {
        border-bottom: 1px solid #c7c1ba;
        height: 3px;
        width: 105px;
        display: block;
        margin-top: 10px
    }

    .overview-hero-section.right .quick-box-title span {
        display: block;
        clear: both
    }

    .overview-hero-section.right .quick-box-title .TextbordrBottom {
        float: none
    }

    .overview-hero.right .quick-box-title span {
        display: block;
        clear: both
    }

    .overview-hero.right .quick-box-title .TextbordrBottom {
        float: none
    }

    .quick-box-title span {
        display: block;
        clear: both
    }

    .quick-box-title .TextbordrBottom {
        display: inline-table
    }

    .overview-hero-section .icon.productHeroIcon {
        display: block;
        margin-left: auto;
        margin-right: auto
    }

    .overview-hero .icon.productHeroIcon {
        display: block;
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .icon.arrow-right-aqua-dark {
        display: inline-block;
        margin-top: 5px
    }

    .allcategories .icon.arrow-right-aqua-dark {
        display: inline-block;
        margin-top: 3px
    }

    .overview-hero-section.right .icon.productHeroIcon {
        display: block;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        float: none
    }

    .overview-hero.right .icon.productHeroIcon {
        display: block;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        float: none
    }

    .subtitle_rightBlog {
        margin-bottom: 0;
        padding-bottom: 0
    }
}

.icon.arrow-large-dark {
    width: 16px;
    height: 27px;
    background-position: -342px -198px;
    vertical-align: inherit;
    display: inline-block;
    margin: 0
}

.contentModal {
    clear: both;
    display: block;
    padding: 60px;
    text-align: center;
    background-color: #fff
}

.contentModal h6 {
    padding-bottom: 10px
}

.contentModal p {
    font-family: 'Roboto',serif;
    font-size: 15px;
    color: #333
}

.loginAccount p {
    font-family: 'Roboto',serif;
    font-size: 15px;
    color: #333;
    text-align: center
}

.contentModal .article-modal {
    max-width: 620px;
    display: block;
    clear: both;
    margin-bottom: 30px;
    font-family: 'Roboto',serif;
    margin-left: auto;
    margin-right: auto
}

.modalBtn {
    max-width: 180px;
    width: 100%;
    font-size: 17px;
    font-family: 'Roboto',sans-serif;
    padding: 10px 0;
    font-weight: 700;
    position: relative;
    display: inline-block;
    background-color: #00465a;
    border: 2px solid #00465a;
    color: #fff
}

.modalBtn.secondaryBtn {
    background: 0;
    color: #00465a;
    margin-right: 10px
}

.modalBtn:hover,.modalBtn:focus {
    background-color: #00212b;
    color: #fff
}

.modalBtn:active {
    background-color: #000a0d;
    color: #fff
}

.modalBtn.secondaryBtn:hover,.modalBtn.secondaryBtn:focus {
    color: #00212b;
    background: 0
}

.modalBtn.secondaryBtn:active {
    color: #000a0d;
    background: 0
}

.loginAccount {
    clear: both;
    display: block;
    padding: 30px 60px
}

.loginAccount .serviced-logo {
    clear: both;
    margin-top: 30px;
    text-align: center
}

.loginAccount .serviced-logo li {
    margin-right: 40px;
    display: inline-block
}

.loginAccount .serviced-logo li:last-child {
    margin-right: 0
}

.remodal.modalPopup-box {
    padding: 60px 0 0
}

.video-box {
    clear: both;
    display: block;
    width: 100%;
    padding: 0 30px
}

.education-hero-image {
    padding: 0;
    clear: both;
    top: -5px;
    position: relative;
    max-width: 2000px;
    margin: auto
}

.only-top-space-0 {
    padding-top: 0
}

.icon.video-blue-icon {
    background-position: -308px -51px;
    width: 23px;
    height: 24px;
    display: inline-block;
    margin-top: -4px;
    vertical-align: middle;
    margin-right: 5px
}

.icon.external-link-icon {
    background-position: -155px -55px;
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-top: -14px;
    vertical-align: middle;
    margin-left: 5px !important
}

a:hover .icon.external-link-icon,a:focus .icon.external-link-icon {
    background-position: -180px -55px
}

a:active .icon.external-link-icon {
    background-position: -205px -55px
}

.text-underline {
    text-decoration: none;
    border-bottom: solid;
    border-bottom-width: 1px
}

.personal-finance .content a:active {
    color: #000a0d
}

.update-article-box {
    clear: both;
    display: block
}

.education-hero-section.infograph-image {
    height: initial;
    padding-bottom: 30px
}

.paddingTop5 {
    padding-top: 5px
}

.imagesInnerSection {
    height: 50%;
    position: absolute;
    width: 100%;
    z-index: -1
}

.container-infographic {
    display: block;
    clear: both;
    padding-top: 40px;
    padding-bottom: 40px
}

.icon.graph-white-icon {
    width: 17px;
    height: 17px;
    background-position: -179px -104px;
    display: inline-block;
    vertical-align: middle;
    min-height: 5px;
    margin-top: -4px
}

.icon.video-white-icon {
    width: 17px;
    height: 17px;
    background-position: -229px -104px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -4px
}

.icon.video-green-icon {
    width: 17px;
    height: 17px;
    background-position: -229px -129px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -4px
}

.icon.article-green-icon {
    width: 17px;
    height: 17px;
    background-position: -156px -129px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -4px
}

.article-text {
    position: relative;
    font-size: 15px;
    color: #3cc06f;
    font-weight: 700;
    font-family: 'Roboto',sans-serif
}

.updating-blog {
    border-bottom: 0;
    border-top: 1px solid #e9e9e9;
    padding: 0
}

.update-label {
    padding-bottom: 15px;
    border-bottom: 1px solid #e9e9e9
}

.titleSpace-bottom {
    padding-bottom: 80px
}

.titleBottomSpace {
    padding-bottom: 40px
}

.section-space-top {
    padding-top: 60px
}

.sectionSpace-bottom {
    padding-bottom: 0
}

.opaque-article h5 {
    color: #00465a;
    line-height: 30px;
    font-size: 24px;
    font-weight: 700;
    padding: 10px 0 10px
}

.opaque-article h5:hover,.opaque-article h5:focus {
    color: #00212b
}

.opaque-article h5:active {
    color: #000a0d
}

.opaque-article h4 {
    color: #00465a;
    font-weight: 700;
    padding: 23px 0 0
}

.opaque-article h4:hover,.opaque-article h4:focus {
    color: #00212b
}

.opaque-article h4:active {
    color: #000a0d
}

.backgroundGrey {
    background-color: #f7f7f7
}

.backgroundWhite .bg-white {
    border: 1px solid #8d8d8d;
    overflow: hidden
}

.backgroundWhite .panel-portfolio {
    float: left
}

.backgroundWhite {
    background-color: #fff
}

.opaque-article h4::after {
    content: "";
    width: 14px;
    height: 23px;
    background-position: -5px -263px;
    background-image: url(../img/sprite.png);
    background-repeat: no-repeat;
    color: transparent;
    display: inline-block;
    white-space: nowrap;
    margin-left: 10px;
    margin-bottom: -3px
}

.opaque-article h4:hover::after,.opaque-article h4:focus::after {
    content: "";
    width: 14px;
    height: 23px;
    white-space: nowrap;
    background-position: -31px -263px;
    display: inline-block
}

.opaque-article h4:active::after {
    content: "";
    white-space: nowrap;
    width: 14px;
    height: 23px;
    background-position: -57px -263px;
    display: inline-block
}

.icon.caret-medium-dark {
    width: 21px;
    height: 17px;
    background-position: -85px -270px;
    display: inline-block;
    vertical-align: inherit;
    margin-top: 0
}

.icon.caret-medium-dark:hover,.icon.caret-medium-dark:focus {
    background-position: -111px -270px
}

.icon.caret-medium-dark:active {
    background-position: -137px -270px
}

a .icon.caret-medium-dark {
    width: 20px;
    height: 20px;
    background-position: -33px -5px;
    display: inline-block;
    vertical-align: inherit;
    margin-left: 5px;
    margin-bottom: -5px
}

a:hover .icon.caret-medium-dark,a:focus .icon.caret-medium-dark {
    background-position: -58px -5px
}

a:active .icon.caret-medium-dark {
    background-position: -83px -5px
}

.article-links {
    padding-bottom: 30px;
    margin-top: 20px
}

.opaque-article p {
    font-size: 15px;
    color: #333;
    line-height: 25px;
    padding-bottom: 28px
}

@media screen and (max-width: 41.688em) {
    #loginBox {
        top:0 !important
    }
}

@media screen and (max-width: 58.063em) {
    .contentModal {
        padding-left:50px;
        padding-right: 50px
    }

    .loginAccount {
        padding: 30px 50px
    }

    .opaque-article h5 {
        font-size: 20px;
        line-height: 25px
    }
}

@media screen and (max-width: 39.938em) {
    .bg-white {
        margin-bottom:20px
    }

    .contentModal.bg-white {
        margin-bottom: 0
    }

    .backgroundWhite .bg-white {
        margin-bottom: 20px
    }

    .all-blog-section-heroHomepage.backgroundGrey {
        background-color: #fff
    }

    .all-blog-section-heroHomepage .bg-white {
        border: 1px solid #8d8d8d
    }

    .icon.arrow-large-dark {
        vertical-align: inherit;
        display: inline-block;
        margin: 0;
        width: 11px;
        height: 17px;
        background-position: -120px -208px
    }

    .wrapper-paragraph {
        padding-top: 28px
    }

    .body-caption-sm.caption-paddingleft {
        padding-left: 20px
    }

    .video-box {
        padding: 0
    }

    .tag-links ul li a {
        font-size: 13px
    }

    .padding-LeftRight-0 {
        padding: 0
    }

    .modalBtn {
        max-width: 113px;
        width: 100%;
        font-size: 15px
    }

    .loginAccount .serviced-logo li {
        margin-right: 30px;
        max-width: 100px
    }

    .horizental-line-mobileview {
        border-left: 0 !important;
        border-top: 1px solid #e9e9e9;
        padding-top: 30px
    }

    .hero-article li {
        font-size: 13px
    }

    .titleSpace-bottom {
        padding-bottom: 60px
    }

    .article-links.left_padding32 {
        padding-left: 0
    }

    .article-links {
        padding-bottom: 0;
        font-size: 17px
    }

    .opaque-article h5 {
        font-size: 19px;
        line-height: 25px
    }

    .article-text {
        font-size: 13px
    }

    .personal-finance {
        text-align: center
    }

    .personal-finance .content {
        font-size: 13px;
        line-height: 25px
    }

    .fullwidthImageMobile {
        padding: 0
    }

    .fullwidthImageMobile .body-caption-sm {
        padding-left: 25px
    }

    .defaultMargin>.row>.large-push-1 .imagewithCaption {
        padding-left: 0;
        margin-left: -15px;
        margin-right: -15px
    }

    .defaultMargin>.row>.large-push-1 .fullwidthImageMobile {
        padding: 0
    }

    .loginAccount {
        width: 100%;
        min-height: 100px;
        padding-left: 10px;
        padding-right: 10px
    }

    .reveal {
        padding: 0
    }

    .contentModal {
        padding: 90px 20px 45px
    }

    .loginAccount p {
        text-align: left
    }

    .opaque-article h4::after {
        content: "";
        width: 16px;
        height: 27px;
        background-position: -107px -4px;
        background-image: url(../img/sprite.png);
        background-repeat: no-repeat;
        color: transparent;
        display: inline-block;
        white-space: nowrap;
        position: relative;
        left: 0;
        top: 5px
    }

    .opaque-article h4:hover::after,.opaque-article h4:focus::after {
        background-position: -133px -4px
    }

    .opaque-article h4:active::after {
        background-position: -159px -4px
    }
}

@media screen and (max-height: 320px) {
    .loginAccount {
        position:relative
    }
}

.backgroundWhiteTwoColumn {
    clear: both
}

.education-featured-mobile .pennal-opaque.latesttop-post {
    min-height: 255px;
    margin-bottom: 0
}

.loadMoreButton {
    background-color: #00465a
}

.loadMoreButton:hover {
    background-color: #00212b
}

.loadMoreButton:focus {
    background-color: #00465a
}

.loadMoreButton:focus:hover {
    background-color: #00212b
}

.loadMoreButton:active {
    background-color: #000a0d
}

.loadButtonWrapper {
    background: #f7f7f7;
    max-width: 2000px;
    margin: 0 auto 0;
    padding-bottom: 80px;
    clear: both
}

.loadButtonWrapper .loadMoreButton {
    margin-bottom: 0
}

.latestFeedDefaultMargin {
    padding-bottom: 50px
}

@media not all and (min-resolution: .001dpcm) {
    @media {
        .loadMoreButton:hover {
            background-color:#00465a
        }
    }
}

.education-featured-mobile .pennal-opaque-space {
    margin-top: 7.2em
}

.article-cta {
    font-family: 'Roboto',sans-serif;
    margin-right: 0
}

.icon.tag-white-icon {
    background-position: -447px -788px;
    width: 15px;
    height: 14px;
    margin-top: 8px;
    margin-right: 5px;
    float: left
}

.pennal-article.graph-bg {
    padding: 20px 0 0 0
}

.section-graph-green .graph-image {
    padding-left: 0;
    padding-right: 0
}

.section-graph-green .right {
    float: right;
    padding-left: 0;
    padding-right: 0
}

.icon.arrow-medium-white {
    width: 11px;
    height: 18px;
    background-position: -463px -1275px;
    display: inline;
    position: absolute;
    margin: 0;
    margin-left: 9px;
    margin-top: 6px
}

.section-graph-green p,.section-graph-green h6,.section-graph-green h5 {
    color: #fff !important
}

.article-video {
    clear: both;
    display: block;
    max-width: 1280px;
    margin: auto
}

.pennal-article {
    padding: 20px 109px 0 16px;
    margin-bottom: 20px;
    text-align: left;
    float: left;
    width: 100%
}

.bg-white {
    background-color: #fff;
    min-height: 220px;
    overflow: hidden
}

.three-option-blog {
    display: block
}

.two-option-blog {
    display: block
}

.one-option-blog {
    display: block
}

.panel-portfolio {
    display: block;
    padding: 20px 15px 20px 15px;
    min-height: 185px
}

.all-blog-section-heroHomepage {
    display: none
}

.all-blog-section .image-boximg {
    width: 100%;
    height: 175px
}

.allcategories .categories-box p {
    font-size: 15px;
    list-style: 25px
}

.allcategories .horizontal-line-top {
    border-top: 1px solid #e7e7e7;
    margin: 50px 0 50px;
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
    display: block
}

.heightfixed {
    height: 252px;
    overflow: hidden
}

.opaquespace {
    margin-top: 40px
}

.overview-hero h1.headingTitleespace {
    margin-bottom: 20px
}

.overview-hero .hero-image {
    padding: 80px 35px;
    clear: both;
    background-repeat: no-repeat;
    max-width: 2000px;
    margin: auto
}

.all-blog-section {
    padding: 40px 35px;
    clear: both
}

.all-blog-section-center {
    margin: 0 auto;
    max-width: 2000px
}

.marginRight {
    padding-right: 0;
    position: relative
}

.icon.graph-green-icon {
    width: 17px;
    height: 17px;
    background-position: -179px -129px;
    display: inline-block;
    vertical-align: middle;
    min-height: 5px;
    margin-top: -4px
}

.clear {
    clear: both
}

.education-featured-mobile .pennal-opaque-heigt-ed-overview {
    min-height: 250px;
    background: #fff;
    padding: 20px 15px
}

.topspace {
    margin-top: 30px
}

.mobileview-image {
    margin-top: 30px
}

.text-override-education-header {
    color: #333
}

.education-featured-mobile .pennal-opaque {
    padding: 25px 20px;
    min-height: 350px;
    margin-left: 0;
    margin-bottom: 30px
}

.education-featured-mobile .pennal-opaque.opaquImag {
    min-height: 255px;
    margin-bottom: 0
}

.education-featured-mobile .opaque-article {
    padding-left: 0
}

.education-featured-mobile .pennal-opaque p {
    margin-bottom: 46px;
    font-family: 'Roboto Slab',serif
}

.education-featured-mobile .tag-links ul a {
    border-bottom: 0;
    font-size: 12px
}

.education-featured-mobile .tag-links ul {
    border-bottom: 0
}

.education-featured-mobile .overview_subtitle p {
    font-size: 15px;
    line-height: 25px
}

.tag-links.tagline-border-0 ul {
    border-bottom: 0
}

.education-featured-mobile {
    background-size: cover
}

.overview-hero.category-hero {
    padding-bottom: 60px
}

.heroTitle {
    display: table;
    padding-left: 20px
}

.allcategories .categories-box {
    float: left !important
}

.icon.retirement-icon {
    background-position: -683px -418px;
    zoom:.7;-moz-transform: scale(0.7);
    width: 80px;
    height: 80px;
    float: left;
    margin-top: 19px
}

.icon.living-icon {
    background-position: -355px -327px;
    zoom:.7;-moz-transform: scale(0.7);
    width: 80px;
    height: 80px;
    float: left;
    margin-top: 19px
}

.icon.health-icon {
    background-position: -479px -421px;
    zoom:.7;-moz-transform: scale(0.7);
    width: 80px;
    height: 80px;
    float: left;
    margin-top: 19px
}

.icon.estate-icon {
    background-position: -577px -423px;
    zoom:.7;-moz-transform: scale(0.7);
    width: 80px;
    height: 80px;
    float: left;
    margin-top: 19px
}

.icon.managing-icon {
    background-position: -479px -517px;
    zoom:.7;-moz-transform: scale(0.7);
    width: 80px;
    height: 80px;
    float: left;
    margin-top: 19px
}

.icon.working-icon {
    background-position: -676px -514px;
    zoom:.7;-moz-transform: scale(0.7);
    width: 80px;
    height: 80px;
    float: left;
    margin-top: 19px
}

.icon.retirement-icon-40 {
    background-position: -673px -418px;
    zoom:.7;-moz-transform: scale(0.7);
    width: 80px;
    height: 80px;
    display: inline-block
}

.icon.health-icon-40 {
    background-position: -479px -421px;
    zoom:.7;-moz-transform: scale(0.7);
    width: 80px;
    height: 80px;
    display: inline-block
}

.icon.living-icon-40 {
    background-position: -348px -327px;
    zoom:.7;-moz-transform: scale(0.7);
    width: 80px;
    height: 80px;
    display: inline-block
}

.icon.estate-icon-40 {
    background-position: -577px -423px;
    zoom:.7;-moz-transform: scale(0.7);
    width: 80px;
    height: 80px;
    display: inline-block
}

.icon.managing-icon-40 {
    background-position: -479px -517px;
    zoom:.7;-moz-transform: scale(0.7);
    width: 80px;
    height: 80px;
    display: inline-block
}

.icon.working-icon-40 {
    background-position: -676px -514px;
    zoom:.7;-moz-transform: scale(0.7);
    width: 80px;
    height: 80px;
    display: inline-block
}

.icon.retirement-icon-60 {
    background-position: -681px -418px;
    zoom:.7;-moz-transform: scale(0.7);
    width: 80px;
    height: 80px;
    float: left;
    margin: 4px 15px 20px 0
}

.icon.health-icon-60 {
    background-position: -497px -421px;
    zoom:.7;-moz-transform: scale(0.7);
    width: 80px;
    height: 80px;
    float: left;
    margin: 4px 15px 20px 0
}

.icon.living-icon-60 {
    background-position: -357px -326px;
    width: 80px;
    height: 80px;
    float: left;
    margin: 4px 15px 20px 0;
    zoom:.7;-moz-transform: scale(0.7)
}

.icon.estate-icon-60 {
    background-position: -584px -423px;
    zoom:.7;-moz-transform: scale(0.7);
    width: 80px;
    height: 80px;
    float: left;
    margin: 4px 15px 20px 0
}

.icon.managing-icon-60 {
    background-position: -487px -517px;
    zoom:.7;-moz-transform: scale(0.7);
    width: 80px;
    height: 80px;
    float: left;
    margin: 4px 15px 20px 0
}

.icon.working-icon-60 {
    background-position: -684px -513px;
    zoom:.7;-moz-transform: scale(0.7);
    width: 80px;
    height: 80px;
    float: left;
    margin: 4px 15px 20px 0
}

.allCategory .categoriesIcon-links a {
    font-size: 15px;
    color: #333;
    font-family: 'Roboto',serif
}

.allCategory .categoriesIcon-links p {
    margin-bottom: 0;
    padding-left: 35px;
    padding-right: 30px;
    text-align: center
}

.allCategory .categoriesIcon-links a:hover {
    text-decoration: none;
    border-bottom: solid #00212b;
    border-bottom-width: 2px
}

.allCategory .categoriesIcon-links a.active {
    text-decoration: none;
    border-bottom: solid #000a0d;
    border-bottom-width: 2px
}

ul.categoriesmobile-view {
    clear: both;
    width: 100%;
    display: block;
    padding: 0 15px;
    min-height: 50px;
    position: relative;
    border: 2px solid #00465a
}

ul.categoriesmobile-view li {
    width: 100%;
    clear: both;
    z-index: 99999;
    display: block
}

ul.categoriesmobile-view a {
    font-size: 15px;
    color: #333;
    font-family: 'Roboto',serif;
    clear: both;
    display: block;
    white-space: pre-line
}

ul.categoriesmobile-view>li.opens-right>.is-dropdown-submenu {
    right: auto;
    left: 0;
    top: 100%
}

.is-dropdown-submenu {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    min-width: 100%;
    z-index: 222;
    background: #fff;
    border: 1px solid #cacaca;
    min-height: 200px
}

ul.categoriesmobile-view::after {
    clear: both;
    display: block;
    outline: 0;
    min-height: 50px;
    font-size: 17px;
    color: #333;
    font-family: 'Roboto',sans-serif;
    border: 2px solid #00465a;
    background-image: url(../../designs/bhf/images/select-droparow.png);
    background-size: 14px 8px;
    background-repeat: no-repeat;
    background-origin: content-box;
    border-radius: 0;
    -webkit-appearance: none;
    cursor: pointer
}

.section-graph-green {
    background: #3cc06f;
    padding: 0;
    margin-bottom: 30px
}

.section-graph-green.imagespace-0 {
    background: #3cc06f;
    padding: 0;
    margin-bottom: 30px
}

.section-graph-green .pennal-opaque.opaque-space {
    padding-top: 30px;
    padding-bottom: 30px
}

.section-graph-green .article-text {
    color: #fff;
    opacity: .7;
    text-align: left
}

.section-graph-green h5 {
    color: #fff;
    font-size: 24px;
    line-height: 30px
}

.section-graph-green h5:hover,.section-graph-green h5:focus {
    color: #f8f8f8
}

.section-graph-green h5.active {
    color: #f8f8f8
}

.section-graph-green h6,.section-graph-green h6 a {
    color: #fff !important
}

.section-graph-green p {
    color: #fff;
    padding-top: 10px
}

.section-graph-green .tag-links a {
    color: #fff;
    opacity: .7
}

.section-graph-green .tag-links ul li {
    display: inline;
    padding: 0;
    color: #fff;
    font-family: 'Roboto',sans-serif;
    font-size: 14px
}

.section-graph-green .tag-links .icon.tag-icon {
    background-position: -204px -103px;
    opacity: .7
}

.section-graph-green {
    background-color: #3cc06f
}

.section-graph-green .read_article {
    margin-top: 10px
}

.section-graph-green .image-rend {
    min-height: 100%
}

.section-graph-green img {
    position: relative;
    width: 100%
}

.education-featured-mobile .heroTitle h4 {
    padding: 0 0 10px 0;
    margin-top: -10px;
    text-align: left
}

.retirement-end-heading {
    text-align: left
}

.nextCategoryIcons>.icon {
    margin-left: -105px
}

.education-featured-mobile h6 {
    color: #00465a;
    font-weight: 700;
    padding: 13px 0 10px 0
}

.education-featured-mobile h6:hover,.education-featured-mobile h6:focus {
    color: #00212b
}

.education-featured-mobile h6:active {
    color: #000a0d
}

.education-featured-mobile h6 a::after {
    content: "";
    width: 10px;
    height: 17px;
    background-position: -107px -4px;
    background-image: url(../img/sprite.png);
    background-repeat: no-repeat;
    color: transparent;
    display: inline-block;
    white-space: nowrap;
    margin-bottom: -1px;
    margin-left: 5px
}

.education-featured-mobile h6 a:hover::after,.education-featured-mobile h6 a:focus::after {
    background-position: -133px -4px
}

.education-featured-mobile h6 a:active::after {
    background-position: -158px -4px
}

.section-graph-green a h6::after {
    content: "";
    width: 10px;
    height: 17px;
    background-position: -107px -29px;
    background-image: url(../img/sprite.png);
    background-repeat: no-repeat;
    color: transparent;
    display: inline-block;
    white-space: nowrap
}

.section-graph-green a:hover h6::after,.section-graph-green a:focus h6::after {
    background-position: -132px -29px
}

.section-graph-green a:active h6::after {
    background-position: -158px -29px
}

section.overview-hero .icon.caret-medium-dark {
    margin-left: 5px
}

.nextCategoryComponent {
    background-repeat: no-repeat;
    background-position: center top
}

.tag-page-active:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: -4px;
    left: 0;
    border-bottom: 2px solid #00212b
}

.results-tag-links.tag-links {
    margin-bottom: 15px;
    position: absolute;
    bottom: 0
}

.pennal-article.pennal-article-tag-result {
    background-color: #fff;
    border: 1px solid #8d8d8d;
    margin-bottom: 30px
}

.tag-page-link {
    margin-right: 30px
}

.tag-page-link-first {
    margin-left: 30px
}

.tag-search-pagination {
    margin-top: 60px
}

.button.tagPrevButton i.angle-right-teal {
    top: 13px;
    transform: rotate(180deg);
    left: 0
}

.button.tagNextButton i.angle-right-teal {
    right: 11px
}

.tag-links ul a {
    color: #8d8d8d
}

.tag-links ul a:hover {
    color: #00212b
}

.tag-links ul a:active,.tag-links ul a:focus {
    color: #000a0d
}

.tag-links-highlighted-post.tag-links ul a:hover {
    color: #f8f8f8
}

.tag-links-highlighted-post.tag-links ul a:active {
    color: #f8f8f8
}

.pennal-article.graph-bg {
    margin-bottom: 0
}

.text-float-fix-hero {
    float: left
}

.section-graph-green h6 a:after {
    background-position: -107px -28px
}

.results-tag-links.tag-links {
    color: #8d8d8d
}

.section-graph-green h6 a:hover:after,.section-graph-green h6 a:focus:after {
    background-position: -107px -28px
}

.results-tag-links.tag-links,.tag-links {
    color: #8d8d8d
}

.equalisible-pennel .opaque-article a:hover,a:focus {
    color: #00212b
}

.pennal-article.equalisible-pennel {
    margin-bottom: 30px
}

@media screen and (min-width: 64em) {
    .defaultMargin.TagMargin {
        padding-bottom:50px
    }

    .tag-search-pagination {
        margin-bottom: 30px
    }

    .loadButtonWrapper {
        margin-top: -30px
    }

    .education-tag-head {
        font-size: 20px;
        text-align: left
    }

    .headerFixMargin {
        margin-bottom: 80px
    }

    .tag-page-link {
        font-size: 20px;
        position: relative
    }

    .result-tag-table-parent {
        display: flex
    }

    .smallBackgroundFixNext.angle-right-teal.icon {
        right: 19px !important
    }

    .smallBackgroundFixPrev.angle-right-teal.icon {
        left: 11px !important
    }

    .tagNextButton .dirText.nextText {
        position: relative;
        right: 7px
    }

    .tagPrevButton .dirText.prevText {
        position: relative;
        left: 10px
    }

    .portfolioImage {
        width: 100%;
        height: auto
    }

    div.one-option-blog img {
        margin-bottom: 0;
        width: auto;
        height: 270px;
        float: left
    }

    .head-icon-retire {
        width: 80px
    }

    .overview-hero {
        min-height: 500px
    }

    .education-overview-hero {
        min-height: 680px
    }

    .all-category-data .cateory-data p {
        margin-top: 12px;
        font-size: 15px
    }

    .all-category-data .cateory-data img {
        max-width: 45px;
        max-height: 45px
    }

    .all-category-data .cateory-data p.active {
        text-decoration: underline
    }

    .hero-component-heading-ed-ovw {
        color: #00465a
    }

    .ed-overview-tags.small-author-font {
        font-size: 14px
    }

    .tag-color-comma {
        color: #8d8d8d
    }

    .ed-overview-desc {
        margin-top: 20px;
        margin-bottom: 40px
    }

    .category-margin {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .all-categories-gray-border {
        border-bottom: 1px solid #ddd
    }

    .ed-ov-infographic-read {
        height: 368px
    }

    .ed-ov-read-more-margin {
        margin-top: 25px
    }

    .ed-ov-infographic-read .pennal-opaque {
        background: 0;
        background: #3cc06f
    }

    .ed-ov-infographic-read .pennal-opaque {
        background: 0;
        background: #3cc06f
    }

    .ed-ov-infographic-read.ed-ov-info-left-padding-fix {
        padding-left: 0
    }

    .ed-ov-infographic-read.ed-ov-info-right-padding-fix {
        padding-right: 0
    }

    .ed-ov-read-more-heading-height {
        min-height: 60px
    }

    .ed-ov-read-more-parent>.row>.columns {
        margin-bottom: 25px
    }

    .ed-ov-info-parent {
        position: relative;
        height: 368px;
        background: #3cc06f;
        display: flex;
        align-items: center
    }

    .sprite {
        background-image: url(../img/spritesheet.png);
        background-repeat: no-repeat;
        display: inline-block
    }

    .sprite-Arrow-Blue {
        width: 9px;
        height: 14px;
        background-position: -5px -5px
    }

    .sprite-Caret-Big {
        width: 16px;
        height: 27px;
        background-position: -24px -5px
    }

    .sprite-Caret-Big-w {
        width: 11px;
        height: 18px;
        background-position: -50px -5px
    }

    .sprite-Caret-Big1 {
        width: 11px;
        height: 18px;
        background-position: -71px -5px
    }

    .sprite-Caret_Big {
        width: 16px;
        height: 27px;
        background-position: -92px -5px
    }

    .sprite-Caret_Big-2 {
        width: 16px;
        height: 27px;
        background-position: -118px -5px
    }

    .sprite-Category-Icon-Estate-Plannig {
        width: 52px;
        height: 51px;
        background-position: -144px -5px
    }

    .sprite-Category-Icon-Estate-Plannig1 {
        width: 20px;
        height: 19px;
        background-position: -206px -5px
    }

    .sprite-Category-Icon-Healthcare-Planning {
        width: 47px;
        height: 69px;
        background-position: -5px -66px
    }

    .sprite-Category-Icon-Healthcare-Planning-1 {
        width: 16px;
        height: 20px;
        background-position: -50px -34px
    }

    .sprite-Category-Icon-Living-in-Retirement {
        width: 65px;
        height: 68px;
        background-position: -62px -66px
    }

    .sprite-Category-Icon-Living-in-Retirement1 {
        width: 20px;
        height: 20px;
        background-position: -206px -34px
    }

    .sprite-Category-Icon-Managing-Your-Taxes {
        width: 50px;
        height: 66px;
        background-position: -137px -66px
    }

    .sprite-Category-Icon-Managing-Your-Taxes1 {
        width: 16px;
        height: 20px;
        background-position: -206px -64px
    }

    .sprite-Category-Icon-Retirement-Planning {
        width: 59px;
        height: 68px;
        background-position: -137px -142px
    }

    .sprite-Category-Icon-Retirement-Planning1 {
        width: 19px;
        height: 22px;
        background-position: -197px -94px
    }

    .sprite-Category-Icon-Retirement-Planning2 {
        width: 35px;
        height: 40px;
        background-position: -206px -126px
    }

    .sprite-Category-Icon-Retirement-Planning3 {
        width: 28px;
        height: 40px;
        background-position: -5px -176px
    }

    .sprite-Category-Icon-Working-w-an-Advisor {
        width: 55px;
        height: 67px;
        background-position: -236px -5px
    }

    .sprite-Category-Icon-Working-w-an-Advisor1 {
        width: 18px;
        height: 20px;
        background-position: -232px -82px
    }

    .sprite-Plus {
        width: 12px;
        height: 13px;
        background-position: -260px -82px
    }

    .sprite-category_plane {
        width: 51px;
        height: 55px;
        background-position: -251px -112px
    }

    .sprite-github {
        width: 30px;
        height: 30px;
        background-position: -43px -177px
    }

    .sprite-gmail {
        width: 30px;
        height: 30px;
        background-position: -83px -177px
    }

    .sprite-graph-white {
        width: 15px;
        height: 15px;
        background-position: -282px -82px
    }

    .sprite-linkedin {
        width: 30px;
        height: 30px;
        background-position: -206px -177px
    }

    .sprite-pie-green {
        width: 15px;
        height: 15px;
        background-position: -246px -177px
    }

    .sprite-read-green {
        width: 12px;
        height: 15px;
        background-position: -271px -177px
    }

    .sprite-stackoverflow {
        width: 30px;
        height: 30px;
        background-position: -246px -202px
    }

    .sprite-tag {
        width: 15px;
        height: 14px;
        background-position: -293px -177px
    }

    .sprite-tag-white {
        width: 15px;
        height: 14px;
        background-position: -293px -201px
    }

    .sprite-tag_icon {
        width: 15px;
        height: 14px;
        background-position: -43px -225px
    }

    .sprite-tumblr {
        width: 30px;
        height: 30px;
        background-position: -68px -242px
    }

    .sprite-twitter {
        width: 30px;
        height: 30px;
        background-position: -108px -242px
    }

    .sprite-video-green {
        width: 15px;
        height: 15px;
        background-position: -148px -225px
    }

    .sprite-video-white {
        width: 15px;
        height: 15px;
        background-position: -173px -225px
    }

    .ed-ov-tablet-bottom-fix {
        margin-bottom: 20px
    }
}

@media screen and (max-width: 58.063em) {
    .overview-hero .hero-image {
        padding:80px 35px 30px
    }

    .allCategory .categoriesIcon-links p {
        margin-bottom: 0;
        padding-left: 0;
        padding-right: 0;
        text-align: center
    }

    .icon.retirement-icon,.icon.living-icon,.icon.health-icon,.icon.estate-icon,.icon.managing-icon,.icon.working-icon {
        zoom:.58;-moz-transform: scale(0.58)
    }

    .education-featured-mobile .pennal-opaque-space {
        margin-top: 4.7em
    }

    .pennal-article {
        padding: 20px 15px 15px 15px
    }

    .icon.retirement-icon-60,.icon.health-icon-60,.icon.living-icon-60,.icon.estate-icon-60,.icon.managing-icon-60,.icon.working-icon-60 {
        zoom:.27;-moz-transform: scale(0.37);
        margin-top: 26px;
        margin-bottom: 0
    }

    .nextCategoryComponent .icon.retirement-icon-60,.nextCategoryComponent .icon.health-icon-60,.nextCategoryComponent .icon.living-icon-60,.nextCategoryComponent .icon.estate-icon-60,.nextCategoryComponent .icon.managing-icon-60,.nextCategoryComponent .icon.working-icon-60 {
        margin-top: 16px;
        zoom:.4;-moz-transform: scale(0.4)
    }

    .education-featured-mobile .pennal-opaque-heigt-ed-overview {
        min-height: 220px
    }

    .ipade-space {
        margin-top: 30px
    }

    .tablepaddingLeft-0 {
        padding-left: 0
    }

    .section-graph-green h5 {
        font-size: 20px;
        line-height: 25px
    }

    .heroTitle p {
        font-size: 18px;
        line-height: 30px
    }
}

@media screen and (min-width: 40em) and (max-width:63.938em) {
    .ed-category-pading-bottom-40 {
        padding-top:170px !important
    }

    .loadButtonWrapper {
        margin-top: 0;
        padding-bottom: 60px
    }

    .latestFeedDefaultMargin {
        padding-bottom: 30px
    }

    .education-tag-head {
        font-size: 18px;
        text-align: left
    }

    .tag-page-link {
        font-size: 18px;
        position: relative
    }

    .headerFixMargin {
        margin-bottom: 60px
    }

    .result-tag-table-parent {
        display: flex
    }

    .smallBackgroundFixNext.angle-right-teal.icon {
        right: 19px !important
    }

    .smallBackgroundFixPrev.angle-right-teal.icon {
        left: 11px !important
    }

    .tagNextButton .dirText.nextText {
        position: relative;
        right: 7px
    }

    .tagPrevButton .dirText.prevText {
        position: relative;
        left: 10px
    }

    .education-featured-mobile .pennal-opaque.latesttop-post {
        min-height: 295px
    }

    .panel-portfolio-tab_width {
        width: calc(100% - 290px);
        float: left
    }

    .twoColumn .portfolioImage {
        width: 100%;
        float: none;
        margin-right: 0
    }

    div.two-option-blog>div.twoColumn.large-6 {
        margin-bottom: 0
    }

    .twoColumn .panel-portfolio-tab_width {
        width: 100%;
        float: none
    }

    .portfolioImage {
        width: 270px;
        height: auto;
        margin-bottom: 0;
        float: left;
        margin-right: 20px
    }

    div.three-option-blog>div.large-4 {
        margin-bottom: 20px
    }

    div.two-option-blog>div.large-6 {
        margin-bottom: 20px
    }

    .portfolioImage.oneo-ption-blog {
        width: 270px;
        height: 270px
    }

    div.one-option-blog>div.large-12 {
        margin-bottom: 20px
    }

    div.one-option-blog>div.large-12.mainBox {
        padding-top: 20px
    }
}

@media screen and (max-width: 39.938em) {
    .nextCategoryComponent {
        text-align:center
    }

    .loadButtonWrapper {
        margin-top: 0;
        padding-bottom: 60px
    }

    .latestFeedDefaultMargin {
        padding-bottom: 30px
    }

    .icon.retirement-icon-60,.icon.health-icon-60,.icon.living-icon-60,.icon.estate-icon-60,.icon.managing-icon-60,.icon.working-icon-60 {
        zoom:.5;-moz-transform: scale(0.5);
        margin-top: 0
    }

    .nextCategoryComponent .icon.retirement-icon-60,.nextCategoryComponent .icon.health-icon-60,.nextCategoryComponent .icon.living-icon-60,.nextCategoryComponent .icon.estate-icon-60,.nextCategoryComponent .icon.managing-icon-60,.nextCategoryComponent .icon.working-icon-60 {
        margin-top: 0;
        zoom:.5;-moz-transform: scale(0.5)
    }

    .icon.retirement-icon,.icon.living-icon,.icon.health-icon,.icon.estate-icon,.icon.managing-icon,.icon.working-icon {
        zoom:.65;-moz-transform: scale(0.65);
        margin-top: 0
    }

    .nextCategoryIcon>.icon {
        margin-left: 0
    }

    .retirement-end-para {
        padding-top: 15px
    }

    .nextCategoryComponent h3 {
        padding: 0;
        margin-bottom: 0
    }

    .ed-category-pading-bottom-40 {
        padding-bottom: 40px !important
    }

    .mobileview-image {
        margin-top: 40px
    }

    .allcategories .categories-box:last-child {
        border-bottom: 0
    }

    .body-slab-ed-cate {
        margin-top: 70px;
        margin-bottom: 55px
    }

    .headerFixMargin {
        margin-bottom: 60px
    }

    .education-tag-head {
        font-size: 15px;
        text-align: center
    }

    .results-tag-links.tag-links ul {
        padding-bottom: 0
    }

    .mobile-tag-header {
        margin-bottom: 60px
    }

    .tag-page-link {
        font-size: 15px;
        position: relative
    }

    .tagPrevButton .dirText,.tagNextButton .dirText {
        display: none
    }

    .tagPrevButton,.tagNextButton {
        background: none !important;
        padding: 3px;
        position: relative;
        top: 3px;
        right: 0
    }

    .tagNextButton {
        position: relative;
        top: 0;
        right: -10px
    }

    .smallBackgroundFixNext.angle-right-teal.icon {
        background-position: -33px -3px;
        margin-top: -2px
    }

    .smallBackgroundFixPrev.angle-right-teal.icon {
        background-position: -23px -3px;
        margin-top: -4px
    }

    .education-featured-mobile h6 a:after {
        margin-bottom: -3px
    }

    .retirement-end-heading {
        text-align: center
    }

    .nextCategoryIcons>.icon {
        margin-left: auto;
        margin-right: 0
    }

    .result-tag-table-parent {
        display: flex
    }

    .education-featured-mobile .pennal-opaque.latesttop-post {
        min-height: 195px
    }

    .all-blog-section-heroHomepage {
        display: block
    }

    .ed-ov-infographic-read.ed-ov-info-left-padding-fix {
        padding-right: .625rem;
        padding-left: .625rem
    }

    .ed-ov-infographic-read.ed-ov-info-right-padding-fix {
        padding-left: .625rem;
        padding-right: .625rem
    }

    .education-featured-mobile .pennal-opaque-space {
        margin-top: 0;
        padding-bottom: 0
    }

    .retirement-big-picture {
        padding-bottom: 0;
        background-image: none !important;
        padding-top: 20px
    }

    .overview-hero.category-hero {
        background-image: none !important
    }

    .section-graph-green .graph-image {
        margin-top: 0;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 40px;
        float: none;
        padding-left: 0;
        padding-right: 0
    }

    .icon.arrow-medium-white {
        width: 9px;
        height: 14px;
        background-position: -467px -290px;
        display: inline;
        position: absolute;
        margin: 0;
        margin-left: 9px;
        margin-top: 6px
    }

    .panel-portfolio {
        padding: 20px 15px 0 20px
    }

    .portfolioImage {
        height: auto;
        width: 100%;
        float: none
    }

    .allcategories .categories-box p {
        font-size: 13px;
        line-height: 25px
    }

    .icon.retirement-icon-60 {
        float: none;
        display: inline-block;
        margin-right: 0;
        background-position: -676px -418px
    }

    .icon.health-icon-60 {
        float: none;
        display: inline-block;
        margin-right: 0;
        background-position: -478px -421px
    }

    .icon.living-icon-60 {
        float: none;
        display: inline-block;
        margin-right: 0;
        background-position: -348px -326px
    }

    .icon.estate-icon-60 {
        float: none;
        display: inline-block;
        margin-right: 0;
        background-position: -576px -423px
    }

    .icon.managing-icon-60 {
        float: none;
        display: inline-block;
        margin-right: 0;
        background-position: -478px -517px
    }

    .icon.working-icon-60 {
        float: none;
        display: inline-block;
        margin-right: 0;
        background-position: -677px -514px
    }

    .allcategories .categories-box {
        padding: 30px 0;
        text-align: center;
        border-bottom: 1px solid #e7e7e7
    }

    .overview-hero .hero-image {
        padding: 40px 15px 20px 15px
    }

    .all-blog-section {
        padding: 40px 15px 20px
    }

    .buttonSpacingMobile {
        padding: 10px 0 20px
    }

    .overview-hero .hero-image {
        background: none !important
    }

    .marginRight {
        padding-right: 15px
    }

    .tablepaddingLeft-0 {
        padding-left: 10px !important
    }

    .education-featured-mobile .heroTitle h4 {
        padding: 0 0 10px 0;
        margin-top: 0;
        text-align: center
    }

    .education-featured-mobile {
        background-position: 86% 10%;
        text-align: center;
        background-size: inherit
    }

    .section-graph-green img {
        max-width: 100%;
        top: 0
    }

    .section-graph-green {
        padding-left: 0;
        padding-right: 0
    }

    .section-graph-green h5 {
        font-size: 16px;
        line-height: 25px
    }

    .retire-ment-main-article {
        margin-top: 0
    }

    .category-hero {
        border-bottom: 1px solid #bbb
    }

    .heroTitle {
        padding-left: 0;
        padding-top: 10px
    }

    .heroTitle p {
        font-size: 15px;
        line-height: 25px
    }

    .icon.retirement-icon {
        background-position: -674px -418px
    }

    .icon.living-icon {
        background-position: -350px -327px
    }

    .icon.estate-icon {
        background-position: -574px -423px
    }

    .icon.retirement-icon,.icon.living-icon,.icon.health-icon,.icon.estate-icon,.icon.managing-icon,.icon.working-icon {
        float: none;
        display: inline-block
    }

    .education-featured-mobile .pennal-opaque {
        border: 0
    }

    .tag-positioning {
        position: absolute;
        bottom: 20px;
        font-size: 14px
    }

    .mobile-render-fix-education-reads .pennal-opaque {
        border: 0;
        margin-bottom: 45px
    }

    .pennal-opaque-border-fix {
        border: 0
    }

    .tag-positioning a {
        font-size: 13px
    }
}

.tag-search-pagination {
    margin-top: 60px
}

.button.tagPrevButton i.angle-right-teal {
    top: 13px;
    transform: rotate(180deg);
    left: 0
}

.button.tagNextButton i.angle-right-teal {
    right: 11px
}

.tag-links ul a {
    color: #8d8d8d
}

.tag-links ul a:hover {
    color: #00212b
}

.tag-links ul a:active,.tag-links ul a:focus {
    color: #000a0d
}

.tag-links-highlighted-post.tag-links ul a:hover {
    color: #f8f8f8
}

.tag-links-highlighted-post.tag-links ul a:active {
    color: #f8f8f8
}

.pennal-article.graph-bg {
    margin-bottom: 0
}

.text-float-fix-hero {
    float: left
}

.section-graph-green h6 a:after {
    background-position: -107px -28px
}

.results-tag-links.tag-links {
    color: #8d8d8d
}

.section-graph-green h6 a:hover:after,.section-graph-green h6 a:focus:after {
    background-position: -107px -28px
}

.results-tag-links.tag-links,.tag-links {
    color: #8d8d8d
}

.equalisible-pennel .opaque-article a:hover,a:focus {
    color: #00212b
}

.pennal-article.equalisible-pennel {
    margin-bottom: 30px
}

.graph-image-background {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.graph-image-background {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.graph-bg-cover {
    height: 100%
}

@media screen and (max-width: 39.9375em) {
    .graph-image-background {
        min-height:160px
    }

    .equalisible-pennel.pictureless-height {
        min-height: 200px
    }

    .equalisible-green-pennel.section-graph-green .graph-image {
        margin-bottom: 0
    }

    .fix-image-card-text {
        min-height: 200px
    }
}

@media screen and (min-width: 40em) and (max-width:63.9375em) {
    .graph-image-background,.equalisible-pennel.pictureless-height {
        min-height:350px
    }
}

@media screen and (min-width: 64em) {
    .graph-image-background,.equalisible-pennel.pictureless-height {
        min-height:270px
    }
}

.place-image img {
    height: 80px;
    width: 100%
}

.icon.alignspace {
    margin-top: 5px
}

.icon.angle-right-white {
    background-position: -33px -28px
}

.social-icon-hero.social-icon-show {
    display: none
}

.social-icon-hero ul {
    float: right
}

.benefittitle-bg {
    padding-bottom: 48px;
    padding-top: 58px
}

.resource-titleBottomgape {
    padding-bottom: 18px
}

h6.fontweight {
    font-weight: 700 !important
}

.button.blueBtn {
    margin-bottom: 0
}

.read_article.accorbtn {
    margin-top: 15px;
    margin-bottom: 10px
}

.pennal-opaque.accordian-articleBlog {
    margin-left: 0;
    min-height: 255px;
    border: 1px solid #333;
    padding: 30px 120px 75px 25px;
    margin-bottom: 30px
}

.accordion,.accordion-content {
    background-color: transparent
}

.min-gape {
    min-height: 226px;
    clear: both
}

.social-icon-hero-show {
    display: none
}

.vertical-line {
    border-left: 1px solid #c9c9c9
}

.opaque-article {
    padding-left: 20px
}

.article-links {
    font-family: 'Roboto',sans-serif;
    margin-right: 0
}

.article-links.left_padding32 {
    padding-left: 32px
}

.personal-finance {
    clear: both;
    border-bottom: 1px solid #e9e9e9;
    padding: 20px 0
}

.search-result {
    border-bottom-style: none !important;
    padding: 0 0 !important
}

.paddintBtmMarginBtmZero,.opaque-article p.paddintBtmMarginBtmZero {
    padding-bottom: 0 !important;
    margin-bottom: 0
}

.youre-ready-to-reti {
    font-family: 'Roboto',sans-serif;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.36
}

.rowEequalizer {
    display: inline-table;
    width: 100%;
    table-layout: fixed;
    clear: both;
    overflow: hidden;
    height: 100%
}

.dataEqualizer>.opaque-article {
    padding-right: 40px
}

.dataEqualizer {
    display: table-cell;
    height: 100%;
    vertical-align: top;
    float: none
}

.column.dataEqualizer:last-child:not(:first-child),.columns.dataEqualizer:last-child:not(:first-child) {
    float: none
}

.articleLinksAlign {
    display: table;
    height: 100%;
    padding-left: 20px;
    width: 100%
}

.articleLinksAlign>.article-links {
    display: table-cell;
    vertical-align: middle;
    padding-bottom: 0;
    margin-top: 0
}

.name-blog {
    width: 62px;
    height: 62px;
    float: left;
    display: block;
    background-size: 100% 100%;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    margin-right: 15px
}

.personal-finance .content {
    font-size: 15px;
    color: #333;
    line-height: 25px;
    font-family: 'Roboto',sans-serif;
    display: table
}

.personal-finance .content a {
    color: #00465a;
    text-decoration: underline
}

.personal-finance .content a:hover,.personal-finance .content a:focus {
    color: #00212b
}

.tag-links ul {
    margin: 20px 0 0 0;
    padding: 0
}

.tag-links ul li {
    display: inline;
    padding: 0
}

.tag-links ul li a {
    display: inline-block;
    padding: 0;
    font-size: 14px;
    color: #8d8d8d;
    font-family: 'Roboto',sans-serif;
    text-decoration: underline
}

.tag-links ul li a:hover {
    color: #00212b
}

.icon.tag-icon {
    background-position: -204px -128px;
    width: 18px;
    height: 18px;
    margin-top: 5px;
    margin-right: 5px;
    float: left
}

.update-label {
    clear: both;
    display: block;
    text-align: left;
    font-family: 'Roboto',serif
}

.update-label label {
    font-size: 14px;
    color: #8d8d8d;
    margin-bottom: 10px
}

.hero-pic-show-iphone {
    display: none
}

.social-icon-hero li {
    font-size: 13px;
    min-width: 22px;
    min-height: 22px;
    line-height: 22px;
    margin-left: 18px;
    float: left;
    color: #fff
}

.education-hero-section {
    clear: both;
    width: 100%;
    padding-top: 43px;
    position: relative
}

.education-hero-section h1 {
    clear: both;
    color: #fff;
    font-weight: 700;
    margin-bottom: 0
}

.education-hero-section p {
    clear: both;
    color: #fff;
    font-size: 25px;
    font-weight: normal;
    line-height: 40px;
    font-family: 'Roboto Slab',serif
}

.icon.facebook-icon {
    width: 22px;
    height: 22px;
    background-position: -149px -1009px
}

.icon.twitter-icon {
    width: 24px;
    height: 20px;
    background-position: -201px -1007px
}

.icon.linkedin-icon {
    width: 22px;
    height: 22px;
    background-position: -272px -1007px
}

.icon.link-icon {
    width: 23px;
    height: 23px;
    background-position: -330px -1006px
}

.icon.article-white-icon {
    width: 17px;
    height: 17px;
    background-position: -156px -104px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -4px
}

.icon.document-icon-hero {
    width: 12px;
    height: 15px;
    background-position: -366px -849px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -4px
}

.hero-article {
    position: relative;
    margin: 15px 0 0 0;
    clear: both
}

.hero-article li {
    display: inline-block;
    padding-left: 10px;
    font-size: 14px;
    color: #fff;
    opacity: .7;
    font-family: 'Roboto',sans-serif
}

.hero-article li:first-child {
    padding-left: 0
}

.hero-article li.bold-article {
    font-weight: 700
}

.hero-article li .icon {
    margin-right: 2px
}

.education-hero-pic {
    position: relative;
    display: block;
    clear: both;
    padding-left: 35px;
    padding-right: 35px;
    background-size: 100% 100%
}

.image-video-description {
    min-height: 450px;
    background-size: 100% 100%;
    display: block
}

.body-caption-sm {
    font-family: 'Roboto',serif;
    color: #333;
    font-size: 13px;
    line-height: 25px;
    text-align: left
}

.body-caption-sm span {
    color: #8d8d8d
}

.BodyMidSlabTitle.mediumFont {
    font-size: 40px;
    line-height: 60px;
    font-family: 'Roboto',serif;
    font-weight: lighter;
    text-align: left
}

.andrew-avptitle {
    color: #fff;
    font-size: 18px;
    line-height: 25px;
    margin-top: 20px;
    font-family: 'Roboto',sans-serif;
    text-align: left
}

.andrew-bg {
    background-color: #3cc06f
}

.greenbgColor {
    background-color: #3cc06f;
    color: #fff
}

.whitebgColor {
    background-color: #fff;
    color: #333
}

.greybgColor {
    background-color: #f8f8f8;
    color: #333
}

.greybgColor .andrew-avptitle,.whitebgColor .andrew-avptitle,.whitebgColor .BodyMidSlabTitle,.greybgColor .BodyMidSlabTitle {
    color: #333
}

.wrapper-paragraph {
    padding-top: 60px;
    padding-bottom: 0
}

.wrapper-paragraph p {
    font-size: 20px;
    line-height: 35px;
    margin-bottom: 0;
    padding-bottom: 45px;
    color: #333
}

.education-pic-minimize {
    clear: both;
    min-height: 450px;
    background-size: 100% 100%;
    margin-bottom: 45px
}

.icon.arrow-right-aqua-dark.brochurArrow {
    margin-top: 17px
}

.only-topgape40 {
    padding-top: 40px !important
}

.only-topgape24 {
    padding-top: 24px
}

.only-bottomgape40 {
    padding-bottom: 40px !important
}

.only-top-gape-none {
    padding-bottom: 30px !important
}

.products-pera p {
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 0
}

p.peraHeightFix {
    font-size: 15px;
    line-height: 25px
}

.footer-expanded p {
    font-size: 15px;
    color: #333;
    line-height: 25px
}

.whiteColor {
    color: #fff !important
}

.blueColor {
    color: #00576d
}

.blackColor {
    color: #333 !important
}

.bootomPdding40 {
    padding-bottom: 40px
}

.GreenColor {
    color: #a6db00
}

.titleIndexlinked {
    padding-top: 0
}

h2.head2 {
    margin-bottom: 10px
}

.BoxTopBottomGap {
    margin-top: 80px;
    padding-bottom: 80px
}

.defaultMargin .compponentTopBottomGap {
    margin-top: 80px;
    padding-bottom: 80px
}

.only-top-margin {
    padding-top: 69px
}

.only-top-Gap {
    margin-top: 120px
}

.captionside ~ div .opaque-bg.lastComponentSpacing {
    padding-top: 0;
    margin-top: 0
}

.blogTop40 {
    margin-top: 40px
}

.defaultLeftGap {
    padding-left: 30px
}

.btnTOpGapes {
    margin-top: 40px
}

.fromrightpading {
    padding-right: 30px
}

ul.linksTitle_home>li a.color_white {
    color: #fff !important
}

.subtitle.subtitleTop {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.head3 {
    padding-top: 0;
    color: #333
}

.hero-slide.right .linksTitle_home {
    float: right
}

.hero-slide.left .headingTitleLeft {
    float: left
}

.hero-slide.right .headingTitleLeft {
    float: right;
    text-align: right
}

.icon.lftPaddingArrowNon {
    margin-left: 0
}

.wrapper-box.right .captionside {
    float: right;
    text-align: right
}

.paddingNone {
    padding: 0
}

.paddingNone .peragraphText {
    padding: 0
}

.gray-bg {
    background: #fafafa
}

.mediaicon-title {
    font-size: 22px
}

.download-series-box {
    clear: both;
    display: block;
    padding-bottom: 64px
}

.download-series-box p {
    font-size: 15px
}

.brochure-button {
    position: relative;
    font-size: 17px;
    color: #00465a;
    width: 100%;
    min-height: 50px;
    line-height: 30px;
    font-weight: 700;
    vertical-align: middle;
    padding: 0;
    font-family: 'Roboto',sans-serif;
    height: 100%;
    margin-left: 0
}

.brochure-button a span.tableParent {
    display: table;
    margin: auto;
    height: 100%
}

.brochure-button a span.tableChild {
    text-align: left;
    display: table-cell;
    margin: auto;
    vertical-align: middle
}

.brochure-button a span>.icon {
    margin-left: -30px
}

.brochure-button a:hover {
    color: #00212b;
    border: 2px solid #00212b
}

.brochure-button a:active {
    color: #000a0d;
    border: 2px solid #000a0d
}

.icon.pdf-icon {
    background-position: -226px -50px;
    width: 24px;
    height: 25px;
    margin-top: -5px;
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
    margin-right: 10px
}

.brochure-button a {
    color: #00465a;
    display: block;
    border: 2px solid #00465a;
    padding: 15px 20px 10px 50px;
    height: 100%
}

a.inlin_box {
    margin-top: 2px
}

.progress-box {
    clear: both;
    border-top: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
    display: block;
    padding: 60px 0;
    margin: 80px 0;
    position: relative
}

.icon.infograpics {
    width: 17px;
    height: 15px;
    display: inline;
    position: absolute;
    margin-left: 10px;
    margin-top: 5px
}

.graph-allocation li {
    display: table;
    text-align: left;
    margin: 0;
    font-size: 18px;
    color: #333;
    border-bottom: 2px solid #ffc303;
    line-height: 60px
}

.graph-allocation li.purpleBorder {
    border-bottom: 2px solid #ff8400
}

.graph-allocation li span.mediumFont26 {
    font-size: 35px
}

.alignmentDescription p {
    margin-bottom: 0
}

.alignmentDescription h6 {
    margin-bottom: 15px
}

.opaque-bg.ShieldAligncenter {
    padding: 50px;
    min-height: initial
}

.opaque-bg.Slab_sm p {
    font-size: 15px;
    line-height: 25px
}

.surprise-text-hidden {
    position: relative;
    margin-top: -10px;
    transform: translateZ(0)
}

.updated-background-sticky {
    position: fixed;
    width: 100%;
    background-color: rgba(151,215,0,0.95);
    box-shadow: 0 5px 0 0 rgba(0,0,0,0.05);
    top: 85px;
    right: 0;
    left: 0;
    padding: 14px 35px;
    z-index: 9999999;
    max-width: 2000px;
    margin-left: auto;
    margin-right: auto;
    transform: translateZ(0)
}

.sticky-bar-icon {
    position: absolute;
    top: 50%;
    margin-top: -10px
}

.sticky-bar-icon-width {
    width: 36px
}

.paddingZeroSmall img,.fullwidthImageMobile img {
    width: 100%
}

@media screen and (max-width: 58.938em) {
    .education-hero-pic {
        padding-right:17px;
        padding-left: 17px
    }

    .image-video-description {
        min-height: 330px
    }

    .wrapper-paragraph p {
        font-size: 18px;
        line-height: 30px
    }

    .min-gape {
        min-height: 180px !important
    }

    .education-pic-minimize {
        min-height: 275px
    }

    .BodyMidSlabTitle.mediumFont {
        font-size: 35px;
        line-height: 55px
    }

    .andrew-avptitle {
        font-size: 15px;
        line-height: 25px
    }

    .education-hero-section p {
        font-size: 21px
    }

    .download-series-box p {
        font-size: 15px;
        color: #333;
        line-height: 25px
    }

    .iconBoxleftpadding {
        padding-left: 34px
    }

    .opaque-bg.ShieldAligncenter {
        padding: 40px 20px
    }

    .blogTop40 i.icon {
        display: inline-block;
        float: none;
        margin-bottom: 15px
    }

    .wrapper-product p {
        font-size: 18px;
        line-height: 30px
    }

    .mediaicon-title {
        font-size: 17px
    }

    .headFontMedium {
        font-size: 16px
    }
}

@media screen and (max-width: 39.9375em) {
    .dataEqualizer {
        display:block;
        padding-left: 0
    }

    .titleSpaceCenterAlign {
        display: block
    }

    .dataEqualizer .opaque-article {
        padding-left: 0
    }

    .articleLinksAlign {
        padding-left: 0;
        margin-right: 0;
        text-align: center
    }

    .place-image img {
        height: 40px;
        width: 100%
    }

    .education-hero-image {
        margin-top: -53px !important
    }

    .paddingZeroSmall {
        margin-top: 30px;
        padding: 0
    }

    .icon.alignspace {
        margin-top: 4px
    }

    .icon.angle-right-white {
        margin-top: 0
    }

    .social-icon-hero li:first-child {
        color: #333;
        margin-left: 0
    }

    .social-icon-hero.social-icon-show {
        display: block
    }

    .social-icon-hero ul {
        float: left;
        margin-top: 30px
    }

    .accordion-content.show-less-content {
        padding-left: 10px;
        padding-right: 10px
    }

    .pennal-opaque.accordian-articleBlog {
        padding: 30px 70px 30px 25px;
        min-height: 145px
    }

    .upper-gape-iphone {
        margin-top: 40px
    }

    .min-gape {
        display: none
    }

    .tag-links ul {
        border-bottom: 1px solid #e9e9e9;
        padding-bottom: 30px
    }

    .social-icon-hero-show {
        clear: both;
        display: block
    }

    .icon.facebook-icon {
        width: 22px;
        height: 22px;
        background-position: -149px -1044px
    }

    .icon.twitter-icon {
        width: 22px;
        height: 22px;
        background-position: -200px -1043px
    }

    .icon.linkedin-icon {
        width: 22px;
        height: 22px;
        background-position: -272px -1043px
    }

    .icon.link-icon {
        width: 23px;
        height: 23px;
        background-position: -330px -1044px
    }

    .social-icon-hero-show li {
        font-size: 13px;
        min-width: 22px;
        min-height: 22px;
        line-height: 16px;
        margin-left: 30px;
        float: left;
        color: #333
    }

    .social-icon-hero-show li:first-child {
        margin-left: 0
    }

    .name-blog {
        float: none;
        display: inline-block
    }

    .wrapper-paragraph.toppading40 {
        padding-top: 8px
    }

    .education-pic-minimize {
        min-height: 180px !important
    }

    .BodyMidSlabTitle.mediumFont {
        font-size: 25px;
        line-height: 40px
    }

    .andrew-avptitle {
        font-size: 13px;
        line-height: 25px
    }

    .image-video-description {
        min-height: 180px;
        padding: 0
    }

    .hero-pic-show-iphone {
        display: block;
        min-height: 180px;
        background-size: 100% 100%
    }

    .wrapper-paragraph p {
        font-size: 15px;
        line-height: 25px;
        padding-bottom: 26px
    }

    .hero-section-iphone-padding0 {
        padding-left: 0;
        padding-right: 0
    }

    .education-hero-section p {
        font-size: 15px !important;
        line-height: 25px;
        padding-top: 20px
    }

    .education-hero-section {
        height: auto;
        text-align: center;
        margin-bottom: 0;
        padding-bottom: 10px
    }

    .education-hero-pic {
        margin: 0;
        padding-left: 0;
        padding-right: 0
    }

    .social-icon-hero {
        display: none
    }

    .hero-article {
        margin: 15px 0 20px 0
    }

    .download-series-box p {
        font-size: 13px;
        padding-top: 0;
        white-space: nowrap
    }

    .only-top-bottom-gapePhone {
        padding-top: 40px
    }

    p.peraHeightFix {
        font-size: 13px;
        line-height: 25px
    }

    .section-iphonegape {
        margin-bottom: 10px
    }

    .iconBoxleftpadding {
        padding-left: 0 !important;
        padding-top: 50px
    }

    .media-object-area p {
        font-size: 15px;
        line-height: 25px
    }

    .media-object-area.left-align p {
        text-align: left
    }

    .rightPenal p {
        font-size: 13px;
        line-height: 25px
    }

    .row.textcenter-detail {
        text-align: center
    }

    .ShieldAligncenter .button.blueBtn {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        display: table
    }

    .opaque-bg.ShieldAligncenter {
        padding: 40px 9px !important
    }

    .opaque-bg.Slab_sm p {
        font-size: 13px;
        line-height: 25px;
        margin-bottom: 0 !important;
        text-align: center
    }

    .opaque-bg.Slab_sm p {
        text-align: center
    }

    .head3 {
        text-align: center
    }

    .only-top-Gap50 {
        margin-top: 50px
    }

    .benifit-submenu {
        display: none
    }

    .detail-icon {
        float: none;
        text-align: center;
        padding-bottom: 20px;
        display: inline-block;
        margin-right: 0;
        margin-top: 20px
    }

    .opaque-bg.ShieldAligncenter h6 {
        text-align: center !important
    }

    .glance_icon {
        float: none;
        display: inline-block;
        margin: 20px 0
    }

    .brochure-button {
        font-size: 15px
    }

    .accordion-title {
        text-align: left
    }

    .wrapper-product p {
        font-size: 15px !important;
        line-height: 25px !important
    }

    .products-pera p {
        font-size: 13px !important;
        line-height: 25px !important
    }
}

@media screen and (max-width: 63.9375em) {
    .place-image img {
        height:60px;
        width: 100%
    }

    .alignmentDescription h6 {
        margin-bottom: 10px
    }

    .linked-icon {
        padding-bottom: 20px
    }

    .min-gape {
        min-height: 293px;
        clear: both
    }

    .equalizerRow {
        margin-top: 0
    }

    .equalizerData {
        margin-top: 20px;
        clear: both;
        float: none
    }

    .columns.equalizerData:last-child:not(:first-child) {
        float: none
    }
}

@media screen and (min-width: 64em) {
    .alignmentDescription p {
        padding-left:4.15%;
        padding-right: 4.15%
    }

    .equalizerRow {
        display: inline-table;
        width: 100%;
        table-layout: fixed;
        margin-top: 20px
    }

    .equalizerData {
        display: table-cell;
        height: 100%;
        vertical-align: top;
        float: none
    }

    .equalizerData:only-child {
        display: table-caption
    }

    .columns.equalizerData:last-child:not(:first-child) {
        float: none
    }
}

.equalizerRow {
    clear: both;
    overflow: hidden;
    height: 100%
}

.sticky-lists {
    display: inline-block;
    width: auto;
    float: left;
    position: relative
}

.right>.surprise-text-hidden>.surprise-list-parent>ul {
    float: right
}

.right>.surprise-text-hidden>.surprise-list-parent>ul>li>.sticky-surprise-icon {
    margin-left: -8px
}

@media screen and (min-width: 64.10em) {
    .articleLinksAlign {
        padding-left:40px;
        padding-right: 40px
    }
}

@media screen and (max-width: 39.9375em) {
    .mobile-only-relative {
        position:relative !important
    }

    .doc_text {
        border-bottom: none !important;
        text-align: center
    }

    .sticky-master.sticky-master-hold {
        display: flex !important
    }

    .updated-background-sticky .product-hero-icon-sticky-show {
        display: flex !important
    }

    .sticky-lists {
        width: auto;
        float: none;
        position: relative
    }

    .updated-background-sticky .small-show-only-sticky-icon {
        display: flex !important
    }

    .updated-background-sticky .hide-when-small-sticky {
        display: none
    }

    .surprise-text-hidden {
        padding-left: 31px
    }

    .sticky-lists.mid-level-list-sticky {
        display: inline-block;
        max-width: 95%;
        float: left;
        text-align: center
    }

    .updated-background-sticky .sticky-lists.mid-level-list-sticky {
        text-align: left !important
    }

    .product-hero-icon-sticky-show {
        display: none !important
    }

    .updated-background-sticky .productHeroIcon.sticky-surprise-icon {
        margin-right: 10px
    }

    .surprise-text-hidden>.surprise-list-parent>ul>.sticky-lists.mid-level-list-sticky {
        padding-left: 5px !important
    }

    .surprise-text-hidden>.surprise-list-parent>ul>li>.sticky-surprise-icon {
        margin-left: -31px
    }

    .right>.surprise-text-hidden>.surprise-list-parent>ul>li>.sticky-surprise-icon {
        margin-left: -31px
    }

    .surprise-text-hidden>.surprise-list-parent>ul {
        display: flex
    }

    .surprise-text-hidden>.surprise-list-parent>ul>li {
        display: block
    }

    .updated-background-sticky {
        padding-right: 9px
    }
}

@media screen and (min-width: 64em) {
    .right>.surprise-text-hidden>.surprise-list-parent>ul>.sticky-lists.mid-level-list-sticky {
        padding-left:0 !important
    }

    .right>.surprise-text-hidden>.surprise-list-parent>ul>li>.sticky-surprise-icon {
        margin-left: -42px
    }
}

.updated-background-sticky .product-hero-icon-sticky-dide {
    display: none
}

.progressContainerBox {
    display: none
}

@media screen and (min-width: 64em) {
    .story-hero-ovrview.overview-hero {
        min-height:480px
    }

    .show-for-large-only.show-for-desktop-only {
        display: block !important
    }

    .careers-submenu li {
        padding: 0 25px 0 40px
    }

    .career-80px-60-top {
        padding-top: 80px
    }

    .career-about-type p {
        margin-bottom: 0
    }

    p.quote-attribute-story {
        margin-bottom: 0
    }
}

.story-white ul.breadcrumb-links,.story-white ul.breadcrumb-links li a {
    color: white
}

.story-white h1,.story-white .heading_subtitle p {
    color: white !important
}

.story-dots-parent {
    position: relative
}

.story-dots-parent .story-dots {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)
}

.story-white .row .columns h2 {
    color: white
}

.story-dark .row .columns h2 {
    color: #333
}

.story-stats .story-stat-line {
    font-size: 22px;
    margin-bottom: 5px
}

.story-stats .story-stat-sub-line {
    font-size: 15px;
    line-height: 1.5em
}

.story-main-stat {
    font-size: 40px;
    margin-bottom: 10px
}

.story-main-stat-1 {
    color: #00b0b9
}

.story-main-stat-2 {
    color: #3cc06f
}

.story-main-stat-4 {
    color: #78d228;
    margin-top: 70px
}

.story-main-stat-5 {
    color: #97d700;
    margin-top: 70px
}

.story-main-stat-3 {
    color: #97d700
}

.story-header-foundation {
    margin-bottom: 70px;
    margin-top: 0
}

.ratings-link-story {
    margin-top: 85px
}

.story-stat-link {
    display: block;
    margin-top: 20px
}

.story-sprite {
    background-image: url(../img/sprite.png);
    background-repeat: no-repeat;
    display: inline-block
}

.story-sprite-Arrow-Blue {
    width: 9px;
    height: 14px;
    background-position: -5px -5px
}

.story-sprite-education {
    width: 55px;
    height: 80px;
    background-position: -579px -330px
}

.story-sprite-github {
    width: 30px;
    height: 30px;
    background-position: -83px -5px
}

.story-sprite-gmail {
    width: 30px;
    height: 30px;
    background-position: -123px -5px
}

.story-sprite-icon-Expand {
    width: 17px;
    height: 15px;
    background-position: -163px -5px
}

.story-sprite-linkedin {
    width: 30px;
    height: 30px;
    background-position: -190px -5px
}

.story-sprite-new {
    width: 80px;
    height: 80px;
    background-position: -281px -510px
}

.story-sprite-product {
    width: 80px;
    height: 80px;
    background-position: -82px -513px
}

.story-sprite-stackoverflow {
    width: 30px;
    height: 30px;
    background-position: -174px -45px
}

.story-sprite-story-accessible {
    width: 112px;
    height: 57px;
    background-position: -130px -831px
}

.story-sprite-story-issential {
    width: 90px;
    height: 90px;
    background-position: -277px -838px;
    zoom:.96;-moz-transform: scale(0.96)
}

.story-sprite-story-simple {
    width: 95px;
    height: 95px;
    background-position: -451px -838px
}

.story-sprite-tumblr {
    width: 30px;
    height: 30px;
    background-position: -224px -95px
}

.story-sprite-twitter {
    width: 30px;
    height: 30px;
    background-position: -264px -95px
}

.story-image-stat {
    height: 100px
}

.story-image-stat-2 {
    height: 80px
}

@media screen and (min-width: 40em) and (max-width:63.9375em) {
    .story-adjust-image-containing-div {
        margin-top:60px;
        margin-bottom: 60px
    }

    .medium-stats-fix {
        margin: 0 auto;
        margin-top: 75px
    }

    .story-main-stat {
        font-size: 30px
    }

    .story-stat-line {
        font-size: 20px
    }

    .story-medium-margin-fix-seesential {
        margin-bottom: 80px
    }

    .story-medium-margin-fix-seesential:last-child {
        margin-bottom: 0
    }

    .story-stat-sub-line-half {
        max-width: 75%;
        margin: 0 auto
    }

    .chaingin-game-image {
        background-position: 50% !important
    }
}

.story-disclaimer {
    font-size: 15px !important
}

@media only screen and (max-width: 40em) {
    .story-adjust-image-containing-div {
        margin-top:60px;
        margin-bottom: 60px
    }

    .mobile-60-padding {
        padding-top: 60px
    }

    .story-white ul.breadcrumb-links,.story-white ul.breadcrumb-links li a {
        color: #333
    }

    .story-white h1,.story-white .heading_subtitle p {
        color: #333 !important
    }

    .story-white .row .columns h2 {
        color: #333
    }

    .story-image-div-parent {
        padding-top: 65px;
        background: #f8f8f8 !important;
        text-align: left
    }

    .story-medium-margin-fix-seesential {
        margin-bottom: 80px
    }

    .story-stat-sub-line-half {
        max-width: 75%;
        margin: 0 auto
    }

    .story-header-foundation {
        margin-top: 60px
    }
}

.fix-top-margin-career {
    padding-top: 40px
}

.fix-top-margin-career-deafult-margin {
    padding-top: 80px
}

.benifit-submenu.careers-submenu {
    padding-top: 80
}

.careers-submenu li a {
    color: #00465a;
    font-size: 20px
}

.careers-submenu li a:hover {
    color: #00465a;
    font-size: 20px
}

.careers-submenu li a.active {
    color: #00465a
}

.benifit-submenu.careers-submenu li::after {
    content: "";
    background-image: url(../img/sprite.png);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    background-position: -3px -53px;
    color: transparent;
    display: block;
    white-space: nowrap;
    position: absolute;
    top: 3px;
    right: -4px;
    zoom:1;-moz-transform: scale(1)
}

.benifit-submenu.careers-submenu li:hover::after,.benifit-submenu.careers-submenu li:focus::after {
    background-position: -28px -53px
}

.benifit-submenu.careers-submenu li:active::after {
    background-position: -53px -53px
}

.quote-attribute-story {
    font-size: 25px
}

.career-quote-main {
    background: #f8f8f8
}

.career-quote-header {
    font-weight: 300
}

.career-location {
    width: 100%;
    list-style: none
}

.career-location li {
    display: inline-block;
    text-align: center;
    width: 20%;
    text-align: center;
    vertical-align: top;
    font-size: 18px;
    margin: 0;
    padding: 0;
    float: left
}

.career-location li i {
    margin: 0 auto;
    margin-bottom: 12px
}

.disability-text-career {
    width: 80%;
    margin-top: 60px;
    font-size: 15px
}

.text-underline-career {
    text-decoration: underline;
    font-size: 17px
}

.white-text-career {
    color: white
}

.career-sprite {
    background-image: url(../img/sprite.png);
    background-repeat: no-repeat;
    display: block
}

.career-sprite-ic-careers-401-k-2-color-80 {
    width: 80px;
    height: 80px;
    background-position: -395px -634px
}

.career-sprite-ic-careers-dental-2-color-80 {
    width: 80px;
    height: 80px;
    background-position: -301px -627px
}

.career-sprite-ic-careers-florida-80 {
    width: 81px;
    height: 81px;
    background-position: -383px -154px
}

.career-sprite-ic-careers-health-2-color-80 {
    width: 80px;
    height: 80px;
    background-position: -195px -620px
}

.career-sprite-ic-careers-massachusetts-80 {
    width: 81px;
    height: 81px;
    background-position: -96px -154px
}

.career-sprite-ic-careers-new-jersey-80 {
    width: 81px;
    height: 81px;
    background-position: -192px -154px
}

.career-sprite-ic-careers-new-york-80 {
    width: 81px;
    height: 81px;
    background-position: -288px -154px
}

.career-sprite-ic-careers-visions-2-color-80 {
    width: 80px;
    height: 80px;
    background-position: -94px -732px
}

.career-sprite-ic-coffee-vision-2-color-80 {
    width: 80px;
    height: 80px;
    background-position: -172px -728px
}

.career-sprite-ic-careers-north-carolina-80 {
    width: 81px;
    height: 81px;
    background-position: 0 -154px
}

.career-sprite-ic-careers-vision-2-color-80 {
    width: 80px;
    height: 80px;
    background-position: -588px -632px
}

.career-sprite-ic-global-jump-arrow-grey-20 {
    width: 20px;
    height: 20px;
    background-position: -3px -53px
}

.defaultMargin.post-section-border-career {
    position: relative;
    padding-bottom: 10px
}

.post-section-border-career:after {
    content: "";
    background: #e9e9e9;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    width: 90%;
    right: 0;
    left: 0;
    margin: auto
}

.medium-icon-resize-career {
    zoom:.50;display: inline-block;
    -moz-transform: scale(0.50);
    -moz-transform-origin: 0 0;
    position: relative;
    top: 25px;
    margin-right: 16px
}

.join-bright-career-top {
    padding-top: 20px;
    padding-bottom: 30px
}

@media screen and (min-width: 40em) and (max-width:63.9375em) {
    .career-location li {
        width:30%
    }

    .career-80px-60-top {
        padding-top: 20px
    }

    .career-about-type p {
        margin-bottom: 0
    }

    .fix-top-margin-career {
        padding-bottom: 60px
    }
}

@media only screen and (max-width: 40.063em) {
    .work-life-career-sub-title {
        text-align:left
    }

    .career-location li {
        width: 49%;
        min-height: 235px
    }

    p.disability-text-career {
        font-size: 15px
    }

    .story-hero-ovrview {
        background: none !important
    }

    .white-text-career {
        color: #00465a
    }

    .career-hero {
        border-bottom: 1px solid #8d8d8d
    }

    .small-center-icon-career {
        margin: 0 auto;
        zoom:.70;-moz-transform: scale(0.70);
        -moz-transform-origin: 0 0;
        margin-bottom: 10px
    }

    .career-header-small-fix {
        margin-top: 60px
    }

    .career-quote-header {
        font-size: 25px;
        text-align: left
    }

    .quote-attribute-story {
        font-size: 13px;
        text-align: left
    }

    .career-about-type h2,.career-about-type p {
        text-align: left;
        font-size: 27px
    }

    .career-about-type p {
        font-size: 15px
    }

    .careers-video {
        max-width: 80% !important
    }

    .story-dots-parent-career {
        min-height: 100px
    }
}

a.dont-break-out {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto
}

.contact-hero {
    height: 340px !important;
    min-height: 340px !important;
    padding-top: 40px !important
}

.preference-hero {
    height: 250px !important;
    min-height: 250px !important;
    padding-top: 40px !important
}

.contact-section {
    height: auto !important;
    min-height: 340px !important;
    padding-top: 40px !important
}

.support-contact-nav li a {
    color: #333;
    position: relative
}

.support-contact-nav li a.active:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 30px;
    margin: auto;
    background: #00465a;
    height: 2px
}

h3.underlined-heading-contact {
    position: relative;
    margin-bottom: 40px;
    text-align: left;
    padding-top: 20px
}

h3.underlined-heading-contact:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 100px;
    margin: auto;
    background: #c9c9c9;
    height: 1px
}

h3.underlined-heading-contact.remove-for-pref:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 100px;
    margin: auto;
    background: #fff !important;
    height: 1px
}

.contact-details-support {
    font-size: 20px;
    color: #333
}

.pref-logo li {
    display: inline-block;
    padding-right: 50px;
    padding-top: 40px
}

.quick-link-div {
    margin-top: 15px !important
}

.general-support-heading-contact {
    padding-top: 10px !important
}

.quick-link-div ul li {
    margin-bottom: 17px !important
}

@media screen and (max-width: 39.0938em) {
    .contact-hero {
        height:265px !important;
        min-height: 265px !important;
        padding-top: 40px !important;
        border: none !important
    }

    .quick-link-div {
        padding-bottom: 40px;
        padding-top: 40px;
        background: #f8f8f8
    }

    .contact-center-small {
        text-align: center !important;
        margin: 0 auto
    }

    .support-contact-nav li a {
        font-size: 14px
    }

    .heroTitle.ContactheroTitle {
        margin: 0 auto
    }

    .contact-phone-blue {
        color: #00465a;
        font-size: 17px !important
    }

    .product-support-contact {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        width: 85%;
        font-size: 15px !important
    }

    .contact-details-support.pref-para {
        font-size: 15px;
        color: #333;
        text-align: left !important
    }

    .small-text-left-force {
        text-align: left !important
    }

    .contact-details-support.pref-para.related-res-fix {
        text-align: center !important;
        padding-top: 10px !important
    }
}

.support-sprite {
    background-image: url(../img/sprite.png);
    background-repeat: no-repeat;
    display: inline-block;
    float: left
}

.button-arrow-align .icon.angle-right-teal {
    width: 20px;
    height: 20px;
    background-position: -33px -30px;
    display: inline;
    position: absolute;
    margin: 0;
    margin-left: 10px;
    margin-top: 7px;
    top: 10px;
    right: 10px
}

.button-arrow-align .icon.angle-right-teal {
    text-align: right
}

.callUsText {
    font-family: Roboto;
    font-size: 15px;
    color: #8d8d8d
}

.support-sprite.smallRectangle {
    width: 60px;
    height: 80px;
    background-position: -110px -620px
}

.support-sprite.mediumRectangle {
    width: 60px;
    height: 80px;
    background-position: -110px -620px
}

.support-sprite.largeRectangle {
    width: 150px;
    height: 150px;
    background-position: -110px -620px
}

.support-sprite.smallTransition {
    float: none;
    width: 80px;
    height: 80px;
    background-position: 0 -624px
}

.support-sprite.mediumTransition {
    width: 160px;
    height: 160px;
    background-position: 0 -624px
}

.support-sprite.largeTransition {
    width: 230px;
    height: 230px;
    background-position: 0 -624px
}

.support-sprite.smallCompany {
    float: none;
    width: 80px;
    height: 80px;
    background-position: -669px -328px
}

.support-sprite.mediumCompany {
    width: 150px;
    height: 150px;
    background-position: -679px -328px
}

.support-sprite.largeCompany {
    width: 230px;
    height: 230px;
    background-position: -679px -328px
}

.support-sprite.smallProducts {
    float: none;
    width: 80px;
    height: 80px;
    background-position: -577px -529px
}

.support-sprite.mediumProducts {
    width: 150px;
    height: 150px;
    background-position: -582px -529px
}

.support-sprite.largeProducts {
    width: 235px;
    height: 235px;
    background-position: -582px -529px
}

.sprite-ic-support-faqs-contact-phone-2-color-80 {
    width: 80px;
    height: 80px;
    background-position: -110px -620px
}

.sprite-ic-support-faqs-contact-phone-2-color-80_2x {
    width: 160px;
    height: 160px;
    background-position: -110px -620px
}

.sprite-ic-support-faqs-contact-phone-2-color-80_3x {
    width: 240px;
    height: 240px;
    background-position: -110px -620px
}

.sprite-ic-support-faqs-our-company-2-color-80 {
    width: 80px;
    height: 80px;
    background-position: -515px -5px
}

.sprite-ic-support-faqs-our-company-2-color-80_2x {
    width: 160px;
    height: 160px;
    background-position: -5px -255px
}

.sprite-ic-support-faqs-our-company-2-color-80_3x {
    width: 240px;
    height: 240px;
    background-position: -175px -255px
}

.sprite-ic-support-faqs-our-products-2-color-80 {
    width: 80px;
    height: 80px;
    background-position: -5px -95px
}

.sprite-ic-support-faqs-our-products-2-color-80_2x {
    width: 160px;
    height: 160px;
    background-position: -425px -255px
}

.sprite-ic-support-faqs-our-products-2-color-80_3x {
    width: 240px;
    height: 240px;
    background-position: -605px -5px
}

.sprite-ic-support-faqs-transition-2-color-80 {
    width: 80px;
    height: 80px;
    background-position: -595px -255px
}

.sprite-ic-support-faqs-transition-2-color-80_2x {
    width: 160px;
    height: 160px;
    background-position: -685px -255px
}

.sprite-ic-support-faqs-transition-2-color-80_3x {
    width: 240px;
    height: 240px;
    background-position: -425px -425px
}

@media screen and (max-width: 39.938em) {
    .story-main {
        border-top:1px solid #d8d8d8;
        border-top-width: 1px;
        border-top-style: solid;
        border-top-color: #d8d8d8;
        margin-bottom: 60px
    }
}

ul.faq-sublink {
    clear: both;
    display: block;
    float: right;
    margin-right: 30px;
    padding-top: 73px
}

ul.faq-sublink li {
    clear: both;
    display: block;
    margin: 0;
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
    color: #333;
    font-family: 'Roboto',sans-serif
}

ul.faq-sublink li a {
    padding-top: 20px;
    font-size: 15px;
    font-weight: 500;
    font-family: 'Roboto',sans-serif;
    color: #333;
    display: block
}

ul.faq-sublink li a:hover,ul.faq-sublink li a:focus {
    text-decoration: underline;
    color: #00212b
}

.faq-penal .accordian-title {
    font-size: 35px;
    line-height: 30px;
    font-weight: 700;
    color: #333;
    font-family: 'Roboto',sans-serif;
    padding: 78px 0 30px
}

ul.accordian-bullet {
    list-style: circle !important;
    color: #333;
    list-style-type-width: 10px
}

ul.accordian-bullet li {
    margin: 30px 0;
    font-size: 17px
}

.faq-penal {
    padding-top: 0;
    border-top: 1px solid #333
}

.faq-penal .accordion-title.accordian-arrowtitle {
    padding-left: 0 !important;
    padding-right: 40px
}

.faq-penal .accordion-content.accordian-tabe-content {
    padding-left: 0
}

.faq-penal .accordion-title.accordian-arrowtitle::after {
    right: 0
}

@media screen and (max-width: 58.063em) {
    ul.faq-sublink {
        margin-right:0;
        float: left
    }
}

@media screen and (max-width: 39.938em) {
    ul.faq-sublink {
        text-align:center;
        float: none;
        background-color: #f7f7f7;
        padding: 50px 0;
        margin-left: -15px;
        margin-right: -15px
    }

    .faq-penal {
        padding: 0 15px 60px 15px;
        border-top: 0
    }

    .faq-penal .leftRight {
        padding: 0
    }

    .accordian-title {
        font-size: 30px;
        line-height: 30px;
        text-align: center
    }

    .faq-penal .accordion-title.accordian-arrowtitle {
        padding-left: 15px !important;
        padding-right: 42px
    }
}

.faq-penal table tbody tr:nth-child(even) {
    background: 0
}

ul.faq-sublink {
    clear: both;
    display: block;
    float: left;
    margin-right: 30px;
    padding-top: 92px
}

ul.faq-sublink li {
    clear: both;
    display: block;
    margin-top: 8px;
    font-size: 20px;
    line-height: 25px;
    font-weight: 700;
    color: #333;
    font-family: 'Roboto',sans-serif
}

ul.faq-sublink li a {
    font-size: 15px;
    font-weight: 500;
    font-family: 'Roboto',sans-serif;
    color: #333;
    display: block
}

ul.faq-sublink li a:hover,ul.faq-sublink li a:focus {
    text-decoration: underline;
    color: #00212b
}

.accordian-title {
    font-size: 30px;
    line-height: 30px;
    font-weight: 700;
    color: #333;
    font-family: 'Roboto',sans-serif;
    padding: 100px 0 30px
}

ul.accordian-bullet {
    list-style: circle !important;
    color: #333;
    list-style-type-width: 10px
}

ul.accordian-bullet li {
    margin: 20px 0;
    font-size: 17px
}

ul.accordian-bullet li span {
    font-size: 18px;
    color: #333;
    font-weight: 700
}

.faq-penal {
    padding-top: 0;
    border-top: 1px solid #333
}

.faq-penal .accordion-title.accordian-arrowtitle {
    padding-left: 0 !important;
    padding-right: 40px
}

.faq-penal .accordion-content.accordian-tabe-content {
    padding-left: 0
}

.faq-penal .accordion-title.accordian-arrowtitle::after {
    right: 0
}

.fund-resources-box {
    border: 1px solid #cacaca;
    padding: 20px
}

.fund-subtitle {
    font-size: 20px;
    font-family: 'Roboto',sans-serif;
    line-height: 30px
}

.fund-resources-box p {
    font-size: 15px;
    line-height: 25px;
    font-family: 'Roboto',sans-serif;
    padding-top: 15px
}

.brand-logo {
    clear: both;
    display: block;
    margin: 20px 0 0
}

.rte-cta-box {
    margin-top: 30px
}

.rte-cta-box p {
    margin-bottom: 30px;
    font-size: 20px;
    line-height: 30px;
    font-family: 'Roboto',sans-serif
}

@media screen and (max-width: 58.063em) {
    ul.faq-sublink {
        margin-right:0;
        float: left
    }
}

@media screen and (max-width: 39.938em) {
    .rte-cta-box {
        text-align:center
    }

    .rte-cta-box p {
        font-size: 15px;
        line-height: 25px
    }

    ul.faq-sublink {
        text-align: center;
        float: none;
        margin-right: 0;
        background-color: #f7f7f7;
        padding: 50px 0;
        margin-left: -15px;
        margin-right: -15px
    }

    .faq-penal {
        padding: 0 15px 60px 15px;
        border-top: 0
    }

    .faq-penal .leftRight {
        padding: 0
    }

    .accordian-title {
        font-size: 28px;
        line-height: 30px;
        text-align: center
    }

    .faq-penal .accordion-title.accordian-arrowtitle {
        padding-left: 15px !important;
        padding-right: 42px
    }
}

/* end main.css*/
/* accessibility.css */
.cq-wcm-foundation-aria-description,.cq-wcm-foundation-aria-visuallyhidden {
    display: block;
    height: 1px;
    width: 1px;
    overflow: hidden;
    position: absolute;
    top: -10px
}

/* end accessibility.css */
/* font awesome */
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

/* makes the font 33% larger relative to the icon container */
.fa-lg {
    font-size: 1.33333333em;
    line-height: 0.75em;
    vertical-align: -15%;
}

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

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

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

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

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

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

.fa-ul > li {
    position: relative;
}

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

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

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

.fa-pull-left {
    float: left;
}

.fa-pull-right {
    float: right;
}

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

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

/* Deprecated as of 4.4.0 */
.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fa-inverse {
    color: #ffffff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
    content: "\f000";
}

.fa-music:before {
    content: "\f001";
}

.fa-search:before {
    content: "\f002";
}

.fa-envelope-o:before {
    content: "\f003";
}

.fa-heart:before {
    content: "\f004";
}

.fa-star:before {
    content: "\f005";
}

.fa-star-o:before {
    content: "\f006";
}

.fa-user:before {
    content: "\f007";
}

.fa-film:before {
    content: "\f008";
}

.fa-th-large:before {
    content: "\f009";
}

.fa-th:before {
    content: "\f00a";
}

.fa-th-list:before {
    content: "\f00b";
}

.fa-check:before {
    content: "\f00c";
}

.fa-remove:before, .fa-close:before, .fa-times:before {
    content: "\f00d";
}

.fa-search-plus:before {
    content: "\f00e";
}

.fa-search-minus:before {
    content: "\f010";
}

.fa-power-off:before {
    content: "\f011";
}

.fa-signal:before {
    content: "\f012";
}

.fa-gear:before, .fa-cog:before {
    content: "\f013";
}

.fa-trash-o:before {
    content: "\f014";
}

.fa-home:before {
    content: "\f015";
}

.fa-file-o:before {
    content: "\f016";
}

.fa-clock-o:before {
    content: "\f017";
}

.fa-road:before {
    content: "\f018";
}

.fa-download:before {
    content: "\f019";
}

.fa-arrow-circle-o-down:before {
    content: "\f01a";
}

.fa-arrow-circle-o-up:before {
    content: "\f01b";
}

.fa-inbox:before {
    content: "\f01c";
}

.fa-play-circle-o:before {
    content: "\f01d";
}

.fa-rotate-right:before, .fa-repeat:before {
    content: "\f01e";
}

.fa-refresh:before {
    content: "\f021";
}

.fa-list-alt:before {
    content: "\f022";
}

.fa-lock:before {
    content: "\f023";
}

.fa-flag:before {
    content: "\f024";
}

.fa-headphones:before {
    content: "\f025";
}

.fa-volume-off:before {
    content: "\f026";
}

.fa-volume-down:before {
    content: "\f027";
}

.fa-volume-up:before {
    content: "\f028";
}

.fa-qrcode:before {
    content: "\f029";
}

.fa-barcode:before {
    content: "\f02a";
}

.fa-tag:before {
    content: "\f02b";
}

.fa-tags:before {
    content: "\f02c";
}

.fa-book:before {
    content: "\f02d";
}

.fa-bookmark:before {
    content: "\f02e";
}

.fa-print:before {
    content: "\f02f";
}

.fa-camera:before {
    content: "\f030";
}

.fa-font:before {
    content: "\f031";
}

.fa-bold:before {
    content: "\f032";
}

.fa-italic:before {
    content: "\f033";
}

.fa-text-height:before {
    content: "\f034";
}

.fa-text-width:before {
    content: "\f035";
}

.fa-align-left:before {
    content: "\f036";
}

.fa-align-center:before {
    content: "\f037";
}

.fa-align-right:before {
    content: "\f038";
}

.fa-align-justify:before {
    content: "\f039";
}

.fa-list:before {
    content: "\f03a";
}

.fa-dedent:before, .fa-outdent:before {
    content: "\f03b";
}

.fa-indent:before {
    content: "\f03c";
}

.fa-video-camera:before {
    content: "\f03d";
}

.fa-photo:before, .fa-image:before, .fa-picture-o:before {
    content: "\f03e";
}

.fa-pencil:before {
    content: "\f040";
}

.fa-map-marker:before {
    content: "\f041";
}

.fa-adjust:before {
    content: "\f042";
}

.fa-tint:before {
    content: "\f043";
}

.fa-edit:before, .fa-pencil-square-o:before {
    content: "\f044";
}

.fa-share-square-o:before {
    content: "\f045";
}

.fa-check-square-o:before {
    content: "\f046";
}

.fa-arrows:before {
    content: "\f047";
}

.fa-step-backward:before {
    content: "\f048";
}

.fa-fast-backward:before {
    content: "\f049";
}

.fa-backward:before {
    content: "\f04a";
}

.fa-play:before {
    content: "\f04b";
}

.fa-pause:before {
    content: "\f04c";
}

.fa-stop:before {
    content: "\f04d";
}

.fa-forward:before {
    content: "\f04e";
}

.fa-fast-forward:before {
    content: "\f050";
}

.fa-step-forward:before {
    content: "\f051";
}

.fa-eject:before {
    content: "\f052";
}

.fa-chevron-left:before {
    content: "\f053";
}

.fa-chevron-right:before {
    content: "\f054";
}

.fa-plus-circle:before {
    content: "\f055";
}

.fa-minus-circle:before {
    content: "\f056";
}

.fa-times-circle:before {
    content: "\f057";
}

.fa-check-circle:before {
    content: "\f058";
}

.fa-question-circle:before {
    content: "\f059";
}

.fa-info-circle:before {
    content: "\f05a";
}

.fa-crosshairs:before {
    content: "\f05b";
}

.fa-times-circle-o:before {
    content: "\f05c";
}

.fa-check-circle-o:before {
    content: "\f05d";
}

.fa-ban:before {
    content: "\f05e";
}

.fa-arrow-left:before {
    content: "\f060";
}

.fa-arrow-right:before {
    content: "\f061";
}

.fa-arrow-up:before {
    content: "\f062";
}

.fa-arrow-down:before {
    content: "\f063";
}

.fa-mail-forward:before, .fa-share:before {
    content: "\f064";
}

.fa-expand:before {
    content: "\f065";
}

.fa-compress:before {
    content: "\f066";
}

.fa-plus:before {
    content: "\f067";
}

.fa-minus:before {
    content: "\f068";
}

.fa-asterisk:before {
    content: "\f069";
}

.fa-exclamation-circle:before {
    content: "\f06a";
}

.fa-gift:before {
    content: "\f06b";
}

.fa-leaf:before {
    content: "\f06c";
}

.fa-fire:before {
    content: "\f06d";
}

.fa-eye:before {
    content: "\f06e";
}

.fa-eye-slash:before {
    content: "\f070";
}

.fa-warning:before, .fa-exclamation-triangle:before {
    content: "\f071";
}

.fa-plane:before {
    content: "\f072";
}

.fa-calendar:before {
    content: "\f073";
}

.fa-random:before {
    content: "\f074";
}

.fa-comment:before {
    content: "\f075";
}

.fa-magnet:before {
    content: "\f076";
}

.fa-chevron-up:before {
    content: "\f077";
}

.fa-chevron-down:before {
    content: "\f078";
}

.fa-retweet:before {
    content: "\f079";
}

.fa-shopping-cart:before {
    content: "\f07a";
}

.fa-folder:before {
    content: "\f07b";
}

.fa-folder-open:before {
    content: "\f07c";
}

.fa-arrows-v:before {
    content: "\f07d";
}

.fa-arrows-h:before {
    content: "\f07e";
}

.fa-bar-chart-o:before, .fa-bar-chart:before {
    content: "\f080";
}

.fa-twitter-square:before {
    content: "\f081";
}

.fa-facebook-square:before {
    content: "\f082";
}

.fa-camera-retro:before {
    content: "\f083";
}

.fa-key:before {
    content: "\f084";
}

.fa-gears:before, .fa-cogs:before {
    content: "\f085";
}

.fa-comments:before {
    content: "\f086";
}

.fa-thumbs-o-up:before {
    content: "\f087";
}

.fa-thumbs-o-down:before {
    content: "\f088";
}

.fa-star-half:before {
    content: "\f089";
}

.fa-heart-o:before {
    content: "\f08a";
}

.fa-sign-out:before {
    content: "\f08b";
}

.fa-linkedin-square:before {
    content: "\f08c";
}

.fa-thumb-tack:before {
    content: "\f08d";
}

.fa-external-link:before {
    content: "\f08e";
}

.fa-sign-in:before {
    content: "\f090";
}

.fa-trophy:before {
    content: "\f091";
}

.fa-github-square:before {
    content: "\f092";
}

.fa-upload:before {
    content: "\f093";
}

.fa-lemon-o:before {
    content: "\f094";
}

.fa-phone:before {
    content: "\f095";
}

.fa-square-o:before {
    content: "\f096";
}

.fa-bookmark-o:before {
    content: "\f097";
}

.fa-phone-square:before {
    content: "\f098";
}

.fa-twitter:before {
    content: "\f099";
}

.fa-facebook-f:before, .fa-facebook:before {
    content: "\f09a";
}

.fa-github:before {
    content: "\f09b";
}

.fa-unlock:before {
    content: "\f09c";
}

.fa-credit-card:before {
    content: "\f09d";
}

.fa-feed:before, .fa-rss:before {
    content: "\f09e";
}

.fa-hdd-o:before {
    content: "\f0a0";
}

.fa-bullhorn:before {
    content: "\f0a1";
}

.fa-bell:before {
    content: "\f0f3";
}

.fa-certificate:before {
    content: "\f0a3";
}

.fa-hand-o-right:before {
    content: "\f0a4";
}

.fa-hand-o-left:before {
    content: "\f0a5";
}

.fa-hand-o-up:before {
    content: "\f0a6";
}

.fa-hand-o-down:before {
    content: "\f0a7";
}

.fa-arrow-circle-left:before {
    content: "\f0a8";
}

.fa-arrow-circle-right:before {
    content: "\f0a9";
}

.fa-arrow-circle-up:before {
    content: "\f0aa";
}

.fa-arrow-circle-down:before {
    content: "\f0ab";
}

.fa-globe:before {
    content: "\f0ac";
}

.fa-wrench:before {
    content: "\f0ad";
}

.fa-tasks:before {
    content: "\f0ae";
}

.fa-filter:before {
    content: "\f0b0";
}

.fa-briefcase:before {
    content: "\f0b1";
}

.fa-arrows-alt:before {
    content: "\f0b2";
}

.fa-group:before, .fa-users:before {
    content: "\f0c0";
}

.fa-chain:before, .fa-link:before {
    content: "\f0c1";
}

.fa-cloud:before {
    content: "\f0c2";
}

.fa-flask:before {
    content: "\f0c3";
}

.fa-cut:before, .fa-scissors:before {
    content: "\f0c4";
}

.fa-copy:before, .fa-files-o:before {
    content: "\f0c5";
}

.fa-paperclip:before {
    content: "\f0c6";
}

.fa-save:before, .fa-floppy-o:before {
    content: "\f0c7";
}

.fa-square:before {
    content: "\f0c8";
}

.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
    content: "\f0c9";
}

.fa-list-ul:before {
    content: "\f0ca";
}

.fa-list-ol:before {
    content: "\f0cb";
}

.fa-strikethrough:before {
    content: "\f0cc";
}

.fa-underline:before {
    content: "\f0cd";
}

.fa-table:before {
    content: "\f0ce";
}

.fa-magic:before {
    content: "\f0d0";
}

.fa-truck:before {
    content: "\f0d1";
}

.fa-pinterest:before {
    content: "\f0d2";
}

.fa-pinterest-square:before {
    content: "\f0d3";
}

.fa-google-plus-square:before {
    content: "\f0d4";
}

.fa-google-plus:before {
    content: "\f0d5";
}

.fa-money:before {
    content: "\f0d6";
}

.fa-caret-down:before {
    content: "\f0d7";
}

.fa-caret-up:before {
    content: "\f0d8";
}

.fa-caret-left:before {
    content: "\f0d9";
}

.fa-caret-right:before {
    content: "\f0da";
}

.fa-columns:before {
    content: "\f0db";
}

.fa-unsorted:before, .fa-sort:before {
    content: "\f0dc";
}

.fa-sort-down:before, .fa-sort-desc:before {
    content: "\f0dd";
}

.fa-sort-up:before, .fa-sort-asc:before {
    content: "\f0de";
}

.fa-envelope:before {
    content: "\f0e0";
}

.fa-linkedin:before {
    content: "\f0e1";
}

.fa-rotate-left:before, .fa-undo:before {
    content: "\f0e2";
}

.fa-legal:before, .fa-gavel:before {
    content: "\f0e3";
}

.fa-dashboard:before, .fa-tachometer:before {
    content: "\f0e4";
}

.fa-comment-o:before {
    content: "\f0e5";
}

.fa-comments-o:before {
    content: "\f0e6";
}

.fa-flash:before, .fa-bolt:before {
    content: "\f0e7";
}

.fa-sitemap:before {
    content: "\f0e8";
}

.fa-umbrella:before {
    content: "\f0e9";
}

.fa-paste:before, .fa-clipboard:before {
    content: "\f0ea";
}

.fa-lightbulb-o:before {
    content: "\f0eb";
}

.fa-exchange:before {
    content: "\f0ec";
}

.fa-cloud-download:before {
    content: "\f0ed";
}

.fa-cloud-upload:before {
    content: "\f0ee";
}

.fa-user-md:before {
    content: "\f0f0";
}

.fa-stethoscope:before {
    content: "\f0f1";
}

.fa-suitcase:before {
    content: "\f0f2";
}

.fa-bell-o:before {
    content: "\f0a2";
}

.fa-coffee:before {
    content: "\f0f4";
}

.fa-cutlery:before {
    content: "\f0f5";
}

.fa-file-text-o:before {
    content: "\f0f6";
}

.fa-building-o:before {
    content: "\f0f7";
}

.fa-hospital-o:before {
    content: "\f0f8";
}

.fa-ambulance:before {
    content: "\f0f9";
}

.fa-medkit:before {
    content: "\f0fa";
}

.fa-fighter-jet:before {
    content: "\f0fb";
}

.fa-beer:before {
    content: "\f0fc";
}

.fa-h-square:before {
    content: "\f0fd";
}

.fa-plus-square:before {
    content: "\f0fe";
}

.fa-angle-double-left:before {
    content: "\f100";
}

.fa-angle-double-right:before {
    content: "\f101";
}

.fa-angle-double-up:before {
    content: "\f102";
}

.fa-angle-double-down:before {
    content: "\f103";
}

.fa-angle-left:before {
    content: "\f104";
}

.fa-angle-right:before {
    content: "\f105";
}

.fa-angle-up:before {
    content: "\f106";
}

.fa-angle-down:before {
    content: "\f107";
}

.fa-desktop:before {
    content: "\f108";
}

.fa-laptop:before {
    content: "\f109";
}

.fa-tablet:before {
    content: "\f10a";
}

.fa-mobile-phone:before, .fa-mobile:before {
    content: "\f10b";
}

.fa-circle-o:before {
    content: "\f10c";
}

.fa-quote-left:before {
    content: "\f10d";
}

.fa-quote-right:before {
    content: "\f10e";
}

.fa-spinner:before {
    content: "\f110";
}

.fa-circle:before {
    content: "\f111";
}

.fa-mail-reply:before, .fa-reply:before {
    content: "\f112";
}

.fa-github-alt:before {
    content: "\f113";
}

.fa-folder-o:before {
    content: "\f114";
}

.fa-folder-open-o:before {
    content: "\f115";
}

.fa-smile-o:before {
    content: "\f118";
}

.fa-frown-o:before {
    content: "\f119";
}

.fa-meh-o:before {
    content: "\f11a";
}

.fa-gamepad:before {
    content: "\f11b";
}

.fa-keyboard-o:before {
    content: "\f11c";
}

.fa-flag-o:before {
    content: "\f11d";
}

.fa-flag-checkered:before {
    content: "\f11e";
}

.fa-terminal:before {
    content: "\f120";
}

.fa-code:before {
    content: "\f121";
}

.fa-mail-reply-all:before, .fa-reply-all:before {
    content: "\f122";
}

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
    content: "\f123";
}

.fa-location-arrow:before {
    content: "\f124";
}

.fa-crop:before {
    content: "\f125";
}

.fa-code-fork:before {
    content: "\f126";
}

.fa-unlink:before, .fa-chain-broken:before {
    content: "\f127";
}

.fa-question:before {
    content: "\f128";
}

.fa-info:before {
    content: "\f129";
}

.fa-exclamation:before {
    content: "\f12a";
}

.fa-superscript:before {
    content: "\f12b";
}

.fa-subscript:before {
    content: "\f12c";
}

.fa-eraser:before {
    content: "\f12d";
}

.fa-puzzle-piece:before {
    content: "\f12e";
}

.fa-microphone:before {
    content: "\f130";
}

.fa-microphone-slash:before {
    content: "\f131";
}

.fa-shield:before {
    content: "\f132";
}

.fa-calendar-o:before {
    content: "\f133";
}

.fa-fire-extinguisher:before {
    content: "\f134";
}

.fa-rocket:before {
    content: "\f135";
}

.fa-maxcdn:before {
    content: "\f136";
}

.fa-chevron-circle-left:before {
    content: "\f137";
}

.fa-chevron-circle-right:before {
    content: "\f138";
}

.fa-chevron-circle-up:before {
    content: "\f139";
}

.fa-chevron-circle-down:before {
    content: "\f13a";
}

.fa-html5:before {
    content: "\f13b";
}

.fa-css3:before {
    content: "\f13c";
}

.fa-anchor:before {
    content: "\f13d";
}

.fa-unlock-alt:before {
    content: "\f13e";
}

.fa-bullseye:before {
    content: "\f140";
}

.fa-ellipsis-h:before {
    content: "\f141";
}

.fa-ellipsis-v:before {
    content: "\f142";
}

.fa-rss-square:before {
    content: "\f143";
}

.fa-play-circle:before {
    content: "\f144";
}

.fa-ticket:before {
    content: "\f145";
}

.fa-minus-square:before {
    content: "\f146";
}

.fa-minus-square-o:before {
    content: "\f147";
}

.fa-level-up:before {
    content: "\f148";
}

.fa-level-down:before {
    content: "\f149";
}

.fa-check-square:before {
    content: "\f14a";
}

.fa-pencil-square:before {
    content: "\f14b";
}

.fa-external-link-square:before {
    content: "\f14c";
}

.fa-share-square:before {
    content: "\f14d";
}

.fa-compass:before {
    content: "\f14e";
}

.fa-toggle-down:before, .fa-caret-square-o-down:before {
    content: "\f150";
}

.fa-toggle-up:before, .fa-caret-square-o-up:before {
    content: "\f151";
}

.fa-toggle-right:before, .fa-caret-square-o-right:before {
    content: "\f152";
}

.fa-euro:before, .fa-eur:before {
    content: "\f153";
}

.fa-gbp:before {
    content: "\f154";
}

.fa-dollar:before, .fa-usd:before {
    content: "\f155";
}

.fa-rupee:before, .fa-inr:before {
    content: "\f156";
}

.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {
    content: "\f157";
}

.fa-ruble:before, .fa-rouble:before, .fa-rub:before {
    content: "\f158";
}

.fa-won:before, .fa-krw:before {
    content: "\f159";
}

.fa-bitcoin:before, .fa-btc:before {
    content: "\f15a";
}

.fa-file:before {
    content: "\f15b";
}

.fa-file-text:before {
    content: "\f15c";
}

.fa-sort-alpha-asc:before {
    content: "\f15d";
}

.fa-sort-alpha-desc:before {
    content: "\f15e";
}

.fa-sort-amount-asc:before {
    content: "\f160";
}

.fa-sort-amount-desc:before {
    content: "\f161";
}

.fa-sort-numeric-asc:before {
    content: "\f162";
}

.fa-sort-numeric-desc:before {
    content: "\f163";
}

.fa-thumbs-up:before {
    content: "\f164";
}

.fa-thumbs-down:before {
    content: "\f165";
}

.fa-youtube-square:before {
    content: "\f166";
}

.fa-youtube:before {
    content: "\f167";
}

.fa-xing:before {
    content: "\f168";
}

.fa-xing-square:before {
    content: "\f169";
}

.fa-youtube-play:before {
    content: "\f16a";
}

.fa-dropbox:before {
    content: "\f16b";
}

.fa-stack-overflow:before {
    content: "\f16c";
}

.fa-instagram:before {
    content: "\f16d";
}

.fa-flickr:before {
    content: "\f16e";
}

.fa-adn:before {
    content: "\f170";
}

.fa-bitbucket:before {
    content: "\f171";
}

.fa-bitbucket-square:before {
    content: "\f172";
}

.fa-tumblr:before {
    content: "\f173";
}

.fa-tumblr-square:before {
    content: "\f174";
}

.fa-long-arrow-down:before {
    content: "\f175";
}

.fa-long-arrow-up:before {
    content: "\f176";
}

.fa-long-arrow-left:before {
    content: "\f177";
}

.fa-long-arrow-right:before {
    content: "\f178";
}

.fa-apple:before {
    content: "\f179";
}

.fa-windows:before {
    content: "\f17a";
}

.fa-android:before {
    content: "\f17b";
}

.fa-linux:before {
    content: "\f17c";
}

.fa-dribbble:before {
    content: "\f17d";
}

.fa-skype:before {
    content: "\f17e";
}

.fa-foursquare:before {
    content: "\f180";
}

.fa-trello:before {
    content: "\f181";
}

.fa-female:before {
    content: "\f182";
}

.fa-male:before {
    content: "\f183";
}

.fa-gittip:before, .fa-gratipay:before {
    content: "\f184";
}

.fa-sun-o:before {
    content: "\f185";
}

.fa-moon-o:before {
    content: "\f186";
}

.fa-archive:before {
    content: "\f187";
}

.fa-bug:before {
    content: "\f188";
}

.fa-vk:before {
    content: "\f189";
}

.fa-weibo:before {
    content: "\f18a";
}

.fa-renren:before {
    content: "\f18b";
}

.fa-pagelines:before {
    content: "\f18c";
}

.fa-stack-exchange:before {
    content: "\f18d";
}

.fa-arrow-circle-o-right:before {
    content: "\f18e";
}

.fa-arrow-circle-o-left:before {
    content: "\f190";
}

.fa-toggle-left:before, .fa-caret-square-o-left:before {
    content: "\f191";
}

.fa-dot-circle-o:before {
    content: "\f192";
}

.fa-wheelchair:before {
    content: "\f193";
}

.fa-vimeo-square:before {
    content: "\f194";
}

.fa-turkish-lira:before, .fa-try:before {
    content: "\f195";
}

.fa-plus-square-o:before {
    content: "\f196";
}

.fa-space-shuttle:before {
    content: "\f197";
}

.fa-slack:before {
    content: "\f198";
}

.fa-envelope-square:before {
    content: "\f199";
}

.fa-wordpress:before {
    content: "\f19a";
}

.fa-openid:before {
    content: "\f19b";
}

.fa-institution:before, .fa-bank:before, .fa-university:before {
    content: "\f19c";
}

.fa-mortar-board:before, .fa-graduation-cap:before {
    content: "\f19d";
}

.fa-yahoo:before {
    content: "\f19e";
}

.fa-google:before {
    content: "\f1a0";
}

.fa-reddit:before {
    content: "\f1a1";
}

.fa-reddit-square:before {
    content: "\f1a2";
}

.fa-stumbleupon-circle:before {
    content: "\f1a3";
}

.fa-stumbleupon:before {
    content: "\f1a4";
}

.fa-delicious:before {
    content: "\f1a5";
}

.fa-digg:before {
    content: "\f1a6";
}

.fa-pied-piper-pp:before {
    content: "\f1a7";
}

.fa-pied-piper-alt:before {
    content: "\f1a8";
}

.fa-drupal:before {
    content: "\f1a9";
}

.fa-joomla:before {
    content: "\f1aa";
}

.fa-language:before {
    content: "\f1ab";
}

.fa-fax:before {
    content: "\f1ac";
}

.fa-building:before {
    content: "\f1ad";
}

.fa-child:before {
    content: "\f1ae";
}

.fa-paw:before {
    content: "\f1b0";
}

.fa-spoon:before {
    content: "\f1b1";
}

.fa-cube:before {
    content: "\f1b2";
}

.fa-cubes:before {
    content: "\f1b3";
}

.fa-behance:before {
    content: "\f1b4";
}

.fa-behance-square:before {
    content: "\f1b5";
}

.fa-steam:before {
    content: "\f1b6";
}

.fa-steam-square:before {
    content: "\f1b7";
}

.fa-recycle:before {
    content: "\f1b8";
}

.fa-automobile:before, .fa-car:before {
    content: "\f1b9";
}

.fa-cab:before, .fa-taxi:before {
    content: "\f1ba";
}

.fa-tree:before {
    content: "\f1bb";
}

.fa-spotify:before {
    content: "\f1bc";
}

.fa-deviantart:before {
    content: "\f1bd";
}

.fa-soundcloud:before {
    content: "\f1be";
}

.fa-database:before {
    content: "\f1c0";
}

.fa-file-pdf-o:before {
    content: "\f1c1";
}

.fa-file-word-o:before {
    content: "\f1c2";
}

.fa-file-excel-o:before {
    content: "\f1c3";
}

.fa-file-powerpoint-o:before {
    content: "\f1c4";
}

.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before {
    content: "\f1c5";
}

.fa-file-zip-o:before, .fa-file-archive-o:before {
    content: "\f1c6";
}

.fa-file-sound-o:before, .fa-file-audio-o:before {
    content: "\f1c7";
}

.fa-file-movie-o:before, .fa-file-video-o:before {
    content: "\f1c8";
}

.fa-file-code-o:before {
    content: "\f1c9";
}

.fa-vine:before {
    content: "\f1ca";
}

.fa-codepen:before {
    content: "\f1cb";
}

.fa-jsfiddle:before {
    content: "\f1cc";
}

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

.fa-circle-o-notch:before {
    content: "\f1ce";
}

.fa-ra:before, .fa-resistance:before, .fa-rebel:before {
    content: "\f1d0";
}

.fa-ge:before, .fa-empire:before {
    content: "\f1d1";
}

.fa-git-square:before {
    content: "\f1d2";
}

.fa-git:before {
    content: "\f1d3";
}

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

.fa-tencent-weibo:before {
    content: "\f1d5";
}

.fa-qq:before {
    content: "\f1d6";
}

.fa-wechat:before, .fa-weixin:before {
    content: "\f1d7";
}

.fa-send:before, .fa-paper-plane:before {
    content: "\f1d8";
}

.fa-send-o:before, .fa-paper-plane-o:before {
    content: "\f1d9";
}

.fa-history:before {
    content: "\f1da";
}

.fa-circle-thin:before {
    content: "\f1db";
}

.fa-header:before {
    content: "\f1dc";
}

.fa-paragraph:before {
    content: "\f1dd";
}

.fa-sliders:before {
    content: "\f1de";
}

.fa-share-alt:before {
    content: "\f1e0";
}

.fa-share-alt-square:before {
    content: "\f1e1";
}

.fa-bomb:before {
    content: "\f1e2";
}

.fa-soccer-ball-o:before, .fa-futbol-o:before {
    content: "\f1e3";
}

.fa-tty:before {
    content: "\f1e4";
}

.fa-binoculars:before {
    content: "\f1e5";
}

.fa-plug:before {
    content: "\f1e6";
}

.fa-slideshare:before {
    content: "\f1e7";
}

.fa-twitch:before {
    content: "\f1e8";
}

.fa-yelp:before {
    content: "\f1e9";
}

.fa-newspaper-o:before {
    content: "\f1ea";
}

.fa-wifi:before {
    content: "\f1eb";
}

.fa-calculator:before {
    content: "\f1ec";
}

.fa-paypal:before {
    content: "\f1ed";
}

.fa-google-wallet:before {
    content: "\f1ee";
}

.fa-cc-visa:before {
    content: "\f1f0";
}

.fa-cc-mastercard:before {
    content: "\f1f1";
}

.fa-cc-discover:before {
    content: "\f1f2";
}

.fa-cc-amex:before {
    content: "\f1f3";
}

.fa-cc-paypal:before {
    content: "\f1f4";
}

.fa-cc-stripe:before {
    content: "\f1f5";
}

.fa-bell-slash:before {
    content: "\f1f6";
}

.fa-bell-slash-o:before {
    content: "\f1f7";
}

.fa-trash:before {
    content: "\f1f8";
}

.fa-copyright:before {
    content: "\f1f9";
}

.fa-at:before {
    content: "\f1fa";
}

.fa-eyedropper:before {
    content: "\f1fb";
}

.fa-paint-brush:before {
    content: "\f1fc";
}

.fa-birthday-cake:before {
    content: "\f1fd";
}

.fa-area-chart:before {
    content: "\f1fe";
}

.fa-pie-chart:before {
    content: "\f200";
}

.fa-line-chart:before {
    content: "\f201";
}

.fa-lastfm:before {
    content: "\f202";
}

.fa-lastfm-square:before {
    content: "\f203";
}

.fa-toggle-off:before {
    content: "\f204";
}

.fa-toggle-on:before {
    content: "\f205";
}

.fa-bicycle:before {
    content: "\f206";
}

.fa-bus:before {
    content: "\f207";
}

.fa-ioxhost:before {
    content: "\f208";
}

.fa-angellist:before {
    content: "\f209";
}

.fa-cc:before {
    content: "\f20a";
}

.fa-shekel:before, .fa-sheqel:before, .fa-ils:before {
    content: "\f20b";
}

.fa-meanpath:before {
    content: "\f20c";
}

.fa-buysellads:before {
    content: "\f20d";
}

.fa-connectdevelop:before {
    content: "\f20e";
}

.fa-dashcube:before {
    content: "\f210";
}

.fa-forumbee:before {
    content: "\f211";
}

.fa-leanpub:before {
    content: "\f212";
}

.fa-sellsy:before {
    content: "\f213";
}

.fa-shirtsinbulk:before {
    content: "\f214";
}

.fa-simplybuilt:before {
    content: "\f215";
}

.fa-skyatlas:before {
    content: "\f216";
}

.fa-cart-plus:before {
    content: "\f217";
}

.fa-cart-arrow-down:before {
    content: "\f218";
}

.fa-diamond:before {
    content: "\f219";
}

.fa-ship:before {
    content: "\f21a";
}

.fa-user-secret:before {
    content: "\f21b";
}

.fa-motorcycle:before {
    content: "\f21c";
}

.fa-street-view:before {
    content: "\f21d";
}

.fa-heartbeat:before {
    content: "\f21e";
}

.fa-venus:before {
    content: "\f221";
}

.fa-mars:before {
    content: "\f222";
}

.fa-mercury:before {
    content: "\f223";
}

.fa-intersex:before, .fa-transgender:before {
    content: "\f224";
}

.fa-transgender-alt:before {
    content: "\f225";
}

.fa-venus-double:before {
    content: "\f226";
}

.fa-mars-double:before {
    content: "\f227";
}

.fa-venus-mars:before {
    content: "\f228";
}

.fa-mars-stroke:before {
    content: "\f229";
}

.fa-mars-stroke-v:before {
    content: "\f22a";
}

.fa-mars-stroke-h:before {
    content: "\f22b";
}

.fa-neuter:before {
    content: "\f22c";
}

.fa-genderless:before {
    content: "\f22d";
}

.fa-facebook-official:before {
    content: "\f230";
}

.fa-pinterest-p:before {
    content: "\f231";
}

.fa-whatsapp:before {
    content: "\f232";
}

.fa-server:before {
    content: "\f233";
}

.fa-user-plus:before {
    content: "\f234";
}

.fa-user-times:before {
    content: "\f235";
}

.fa-hotel:before, .fa-bed:before {
    content: "\f236";
}

.fa-viacoin:before {
    content: "\f237";
}

.fa-train:before {
    content: "\f238";
}

.fa-subway:before {
    content: "\f239";
}

.fa-medium:before {
    content: "\f23a";
}

.fa-yc:before, .fa-y-combinator:before {
    content: "\f23b";
}

.fa-optin-monster:before {
    content: "\f23c";
}

.fa-opencart:before {
    content: "\f23d";
}

.fa-expeditedssl:before {
    content: "\f23e";
}

.fa-battery-4:before, .fa-battery:before, .fa-battery-full:before {
    content: "\f240";
}

.fa-battery-3:before, .fa-battery-three-quarters:before {
    content: "\f241";
}

.fa-battery-2:before, .fa-battery-half:before {
    content: "\f242";
}

.fa-battery-1:before, .fa-battery-quarter:before {
    content: "\f243";
}

.fa-battery-0:before, .fa-battery-empty:before {
    content: "\f244";
}

.fa-mouse-pointer:before {
    content: "\f245";
}

.fa-i-cursor:before {
    content: "\f246";
}

.fa-object-group:before {
    content: "\f247";
}

.fa-object-ungroup:before {
    content: "\f248";
}

.fa-sticky-note:before {
    content: "\f249";
}

.fa-sticky-note-o:before {
    content: "\f24a";
}

.fa-cc-jcb:before {
    content: "\f24b";
}

.fa-cc-diners-club:before {
    content: "\f24c";
}

.fa-clone:before {
    content: "\f24d";
}

.fa-balance-scale:before {
    content: "\f24e";
}

.fa-hourglass-o:before {
    content: "\f250";
}

.fa-hourglass-1:before, .fa-hourglass-start:before {
    content: "\f251";
}

.fa-hourglass-2:before, .fa-hourglass-half:before {
    content: "\f252";
}

.fa-hourglass-3:before, .fa-hourglass-end:before {
    content: "\f253";
}

.fa-hourglass:before {
    content: "\f254";
}

.fa-hand-grab-o:before, .fa-hand-rock-o:before {
    content: "\f255";
}

.fa-hand-stop-o:before, .fa-hand-paper-o:before {
    content: "\f256";
}

.fa-hand-scissors-o:before {
    content: "\f257";
}

.fa-hand-lizard-o:before {
    content: "\f258";
}

.fa-hand-spock-o:before {
    content: "\f259";
}

.fa-hand-pointer-o:before {
    content: "\f25a";
}

.fa-hand-peace-o:before {
    content: "\f25b";
}

.fa-trademark:before {
    content: "\f25c";
}

.fa-registered:before {
    content: "\f25d";
}

.fa-creative-commons:before {
    content: "\f25e";
}

.fa-gg:before {
    content: "\f260";
}

.fa-gg-circle:before {
    content: "\f261";
}

.fa-tripadvisor:before {
    content: "\f262";
}

.fa-odnoklassniki:before {
    content: "\f263";
}

.fa-odnoklassniki-square:before {
    content: "\f264";
}

.fa-get-pocket:before {
    content: "\f265";
}

.fa-wikipedia-w:before {
    content: "\f266";
}

.fa-safari:before {
    content: "\f267";
}

.fa-chrome:before {
    content: "\f268";
}

.fa-firefox:before {
    content: "\f269";
}

.fa-opera:before {
    content: "\f26a";
}

.fa-internet-explorer:before {
    content: "\f26b";
}

.fa-tv:before, .fa-television:before {
    content: "\f26c";
}

.fa-contao:before {
    content: "\f26d";
}

.fa-500px:before {
    content: "\f26e";
}

.fa-amazon:before {
    content: "\f270";
}

.fa-calendar-plus-o:before {
    content: "\f271";
}

.fa-calendar-minus-o:before {
    content: "\f272";
}

.fa-calendar-times-o:before {
    content: "\f273";
}

.fa-calendar-check-o:before {
    content: "\f274";
}

.fa-industry:before {
    content: "\f275";
}

.fa-map-pin:before {
    content: "\f276";
}

.fa-map-signs:before {
    content: "\f277";
}

.fa-map-o:before {
    content: "\f278";
}

.fa-map:before {
    content: "\f279";
}

.fa-commenting:before {
    content: "\f27a";
}

.fa-commenting-o:before {
    content: "\f27b";
}

.fa-houzz:before {
    content: "\f27c";
}

.fa-vimeo:before {
    content: "\f27d";
}

.fa-black-tie:before {
    content: "\f27e";
}

.fa-fonticons:before {
    content: "\f280";
}

.fa-reddit-alien:before {
    content: "\f281";
}

.fa-edge:before {
    content: "\f282";
}

.fa-credit-card-alt:before {
    content: "\f283";
}

.fa-codiepie:before {
    content: "\f284";
}

.fa-modx:before {
    content: "\f285";
}

.fa-fort-awesome:before {
    content: "\f286";
}

.fa-usb:before {
    content: "\f287";
}

.fa-product-hunt:before {
    content: "\f288";
}

.fa-mixcloud:before {
    content: "\f289";
}

.fa-scribd:before {
    content: "\f28a";
}

.fa-pause-circle:before {
    content: "\f28b";
}

.fa-pause-circle-o:before {
    content: "\f28c";
}

.fa-stop-circle:before {
    content: "\f28d";
}

.fa-stop-circle-o:before {
    content: "\f28e";
}

.fa-shopping-bag:before {
    content: "\f290";
}

.fa-shopping-basket:before {
    content: "\f291";
}

.fa-hashtag:before {
    content: "\f292";
}

.fa-bluetooth:before {
    content: "\f293";
}

.fa-bluetooth-b:before {
    content: "\f294";
}

.fa-percent:before {
    content: "\f295";
}

.fa-gitlab:before {
    content: "\f296";
}

.fa-wpbeginner:before {
    content: "\f297";
}

.fa-wpforms:before {
    content: "\f298";
}

.fa-envira:before {
    content: "\f299";
}

.fa-universal-access:before {
    content: "\f29a";
}

.fa-wheelchair-alt:before {
    content: "\f29b";
}

.fa-question-circle-o:before {
    content: "\f29c";
}

.fa-blind:before {
    content: "\f29d";
}

.fa-audio-description:before {
    content: "\f29e";
}

.fa-volume-control-phone:before {
    content: "\f2a0";
}

.fa-braille:before {
    content: "\f2a1";
}

.fa-assistive-listening-systems:before {
    content: "\f2a2";
}

.fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before {
    content: "\f2a3";
}

.fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before {
    content: "\f2a4";
}

.fa-glide:before {
    content: "\f2a5";
}

.fa-glide-g:before {
    content: "\f2a6";
}

.fa-signing:before, .fa-sign-language:before {
    content: "\f2a7";
}

.fa-low-vision:before {
    content: "\f2a8";
}

.fa-viadeo:before {
    content: "\f2a9";
}

.fa-viadeo-square:before {
    content: "\f2aa";
}

.fa-snapchat:before {
    content: "\f2ab";
}

.fa-snapchat-ghost:before {
    content: "\f2ac";
}

.fa-snapchat-square:before {
    content: "\f2ad";
}

.fa-pied-piper:before {
    content: "\f2ae";
}

.fa-first-order:before {
    content: "\f2b0";
}

.fa-yoast:before {
    content: "\f2b1";
}

.fa-themeisle:before {
    content: "\f2b2";
}

.fa-google-plus-circle:before, .fa-google-plus-official:before {
    content: "\f2b3";
}

.fa-fa:before, .fa-font-awesome:before {
    content: "\f2b4";
}

.fa-handshake-o:before {
    content: "\f2b5";
}

.fa-envelope-open:before {
    content: "\f2b6";
}

.fa-envelope-open-o:before {
    content: "\f2b7";
}

.fa-linode:before {
    content: "\f2b8";
}

.fa-address-book:before {
    content: "\f2b9";
}

.fa-address-book-o:before {
    content: "\f2ba";
}

.fa-vcard:before, .fa-address-card:before {
    content: "\f2bb";
}

.fa-vcard-o:before, .fa-address-card-o:before {
    content: "\f2bc";
}

.fa-user-circle:before {
    content: "\f2bd";
}

.fa-user-circle-o:before {
    content: "\f2be";
}

.fa-user-o:before {
    content: "\f2c0";
}

.fa-id-badge:before {
    content: "\f2c1";
}

.fa-drivers-license:before, .fa-id-card:before {
    content: "\f2c2";
}

.fa-drivers-license-o:before, .fa-id-card-o:before {
    content: "\f2c3";
}

.fa-quora:before {
    content: "\f2c4";
}

.fa-free-code-camp:before {
    content: "\f2c5";
}

.fa-telegram:before {
    content: "\f2c6";
}

.fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before {
    content: "\f2c7";
}

.fa-thermometer-3:before, .fa-thermometer-three-quarters:before {
    content: "\f2c8";
}

.fa-thermometer-2:before, .fa-thermometer-half:before {
    content: "\f2c9";
}

.fa-thermometer-1:before, .fa-thermometer-quarter:before {
    content: "\f2ca";
}

.fa-thermometer-0:before, .fa-thermometer-empty:before {
    content: "\f2cb";
}

.fa-shower:before {
    content: "\f2cc";
}

.fa-bathtub:before, .fa-s15:before, .fa-bath:before {
    content: "\f2cd";
}

.fa-podcast:before {
    content: "\f2ce";
}

.fa-window-maximize:before {
    content: "\f2d0";
}

.fa-window-minimize:before {
    content: "\f2d1";
}

.fa-window-restore:before {
    content: "\f2d2";
}

.fa-times-rectangle:before, .fa-window-close:before {
    content: "\f2d3";
}

.fa-times-rectangle-o:before, .fa-window-close-o:before {
    content: "\f2d4";
}

.fa-bandcamp:before {
    content: "\f2d5";
}

.fa-grav:before {
    content: "\f2d6";
}

.fa-etsy:before {
    content: "\f2d7";
}

.fa-imdb:before {
    content: "\f2d8";
}

.fa-ravelry:before {
    content: "\f2d9";
}

.fa-eercast:before {
    content: "\f2da";
}

.fa-microchip:before {
    content: "\f2db";
}

.fa-snowflake-o:before {
    content: "\f2dc";
}

.fa-superpowers:before {
    content: "\f2dd";
}

.fa-wpexplorer:before {
    content: "\f2de";
}

.fa-meetup:before {
    content: "\f2e0";
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}

/* end font awesome */
/* animate.css */
@charset "UTF-8"; /*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

.animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}

@-webkit-keyframes bounce {
    from, 20%, 53%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0);
    }
}

@keyframes bounce {
    from, 20%, 53%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0);
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}

@-webkit-keyframes flash {
    from, 50%, to {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

@keyframes flash {
    from, 50%, to {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

@-webkit-keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}

@-webkit-keyframes shake {
    from, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

@keyframes shake {
    from, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake;
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}

@-webkit-keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
    from {
        -webkit-transform: none;
        transform: none;
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes wobble {
    from {
        -webkit-transform: none;
        transform: none;
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}

@-webkit-keyframes jello {
    from, 11.1%, to {
        -webkit-transform: none;
        transform: none;
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}

@keyframes jello {
    from, 11.1%, to {
        -webkit-transform: none;
        transform: none;
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center;
}

@-webkit-keyframes bounceIn {
    from, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97);
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes bounceIn {
    from, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97);
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInDown {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInLeft {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInRight {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInUp {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }

    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }

    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes fadeOutDown {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes fadeOutLeft {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes fadeOutRight {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
}

@-webkit-keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}

@-webkit-keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

@keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
    from {
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

@keyframes lightSpeedOut {
    from {
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

@keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%, 60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40%, 80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%, 60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40%, 80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

@keyframes rollOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    50% {
        opacity: 1;
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    to {
        opacity: 0;
    }
}

@keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    to {
        opacity: 0;
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}

/* end animate.css */
#ndq-content .accordion-title {
    font-size: 25px;
}