*, ::after, ::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

body, html {
    margin: 0;
    padding: 0;
    font-family: Karla,sans-serif
}

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

ul {
    /*padding: 0;
    margin: 0;*/
    margin-left: 30px
}

.color-white {
    color: #fff
}

.color-black {
    color: #000
}

.color-ink {
    color: #352b2b
}

.color-action-blue {
    color: #3964bf
}

.color-progress-blue {
    color: #235ec9
}

.color-success {
    color: #00cc8c
}

.color-error {
    color: #d31111
}

.color-success-type {
    color: #00a86b
}

.color-notification {
    color: #f95500
}

.color-gradient-red {
    color: linear-gradient(45deg,#960021 0,#b00027 100%)
}

.color-gradient-blue {
    color: linear-gradient(-63.43495deg,#235ec9 0,#2a78e9 100%)
}

.color-gradient-black {
    color: linear-gradient(45deg,#000 0,#352b2b 100%)
}

.bgcolor-white {
    background-color: #fff
}

.bgcolor-black {
    background-color: #000
}

.bgcolor-ink {
    background-color: #352b2b
}

.bgcolor-action-blue {
    background-color: #3964bf
}

.bgcolor-progress-blue {
    background-color: #235ec9
}

.bgcolor-success {
    background-color: #00cc8c
}

.bgcolor-error {
    background-color: #d31111
}

.bgcolor-success-type {
    background-color: #00a86b
}

.bgcolor-notification {
    background-color: #f95500
}

.bgcolor-gradient-red {
    background: linear-gradient(45deg,#960021 0,#b00027 100%)
}

.bgcolor-gradient-blue {
    background: linear-gradient(-63.43495deg,#235ec9 0,#2a78e9 100%)
}

.bgcolor-gradient-black {
    background: linear-gradient(45deg,#000 0,#352b2b 100%)
}

.button-primary {
    color: #fff;
    border: 2px solid #315470;
    transition: color 250ms linear,background-color 250ms linear
}

    .button-primary:hover {
        color: #4f759b;
        background-color: #fff
    }

.color-white {
    color: #fff
}

.color-black {
    color: #000
}

.color-ink {
    color: #352b2b
}

.color-action-blue {
    color: #3964bf
}

.color-progress-blue {
    color: #235ec9
}

.color-success {
    color: #00cc8c
}

.color-error {
    color: #d31111
}

.color-success-type {
    color: #00a86b
}

.color-notification {
    color: #f95500
}

.color-gradient-red {
    color: linear-gradient(45deg,#960021 0,#b00027 100%)
}

.color-gradient-blue {
    color: linear-gradient(-63.43495deg,#235ec9 0,#2a78e9 100%)
}

.color-gradient-black {
    color: linear-gradient(45deg,#000 0,#352b2b 100%)
}

.bgcolor-white {
    background-color: #fff
}

.bgcolor-black {
    background-color: #000
}

.bgcolor-ink {
    background-color: #352b2b
}

.bgcolor-action-blue {
    background-color: #3964bf
}

.bgcolor-progress-blue {
    background-color: #235ec9
}

.bgcolor-success {
    background-color: #00cc8c
}

.bgcolor-error {
    background-color: #d31111
}

.bgcolor-success-type {
    background-color: #00a86b
}

.bgcolor-notification {
    background-color: #f95500
}

.bgcolor-gradient-red {
    background: linear-gradient(45deg,#960021 0,#b00027 100%)
}

.bgcolor-gradient-blue {
    background: linear-gradient(-63.43495deg,#235ec9 0,#2a78e9 100%)
}

.bgcolor-gradient-black {
    background: linear-gradient(45deg,#000 0,#352b2b 100%)
}

.container {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto
}

.container-fluid {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

@font-face {
    font-family: Karla,sans-serif;
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Karla,sans-serif;
    font-weight: 400;
    font-style: italic
}

p {
    font-size: 1em;
    line-height: 1.5;
    color: #002060;
    font-family: Arial,sans-serif;
    margin: 0 0 25px 0
}

@media screen and (min-width:1025px) {
    p {
        font-size: 1.25em
    }
}

h1 {
    font-size: 2.5em;
    line-height: 1;
    font-weight: 400;
    margin: 0
}

h2 {
    font-size: 2em;
    line-height: 1;
    font-weight: 400;
    margin: 0 0 20px 0
}

@media screen and (min-width:1025px) {
    h2 {
        font-size: 3em
    }
}

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

.clearfix:after {
    clear: both
}

img {
    border: medium none
}

.img-responsive {
    max-width: 100%;
    height: auto;
    display: block
}

.img-center {
    margin: 0 auto
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

a {
    text-decoration: none;
    color: inherit
}

a {
    text-decoration: none;
    color: inherit
}

span a {
    text-decoration: underline;
    color: inherit
}

.section-title h2 span {
    color: #477661;
    min-height: 72px;
    margin-left: -50px
}

.alert {
    border-radius: 1px;
    border: none;
    padding: 10px 20px;
    position: relative
}

    .alert.alert-bg {
        color: rgba(255,255,255,.9);
        padding: 20px 40px 20px 20px
    }

    .alert.alert-dismissable .close {
        position: absolute;
        right: 10px;
        top: 5px
    }

    .alert.global-alert {
        margin: 0
    }

    .alert .fa {
        display: block;
        float: left;
        margin: 5px 20px 15px 5px
    }

.alert-modal {
    position: fixed;
    top: 80px;
    left: 0;
    opacity: 0;
    width: 100%;
    margin-top: -30px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

    .alert-modal.alert-modal-on {
        opacity: .9;
        margin-top: 0;
        -webkit-transition: all .3s ease-out;
        transition: all .3s ease-out
    }

    .alert-modal .alert {
        box-shadow: 2px 4px 8px rgba(0,0,0,.2)
    }

.alert-component {
    padding: 0
}

.mega-callout p {
    color: #c0c3c3 !important
}