@charset "UTF-8";

@import "https://fonts.googleapis.com/css?family=Raleway:100,300,600";



.blue_body {
    color: #9a9a9a;
    font-family: "Raleway", Arial, Helvetica, sans-serif;
    font-size: 13pt;
    font-weight: 300;
    line-height: 1.65;
}

.blue_h2design {
    font-size: 1.75em;
    font-weight: 100;
    color: #5385c1;
    font-weight: 300;
    line-height: 1.5;
    margin: 0 0 1em 0;
}

.blue_h3design {
    font-size: 1.35em;
    color: #5385c1;
    font-weight: 300;
    line-height: 1.5;
    margin: 0 0 1em 0;
}

.blue_pdesign {
    margin: 0 0 2em 0;
}


.blue_inner {
    max-width: 75em;
    margin: 0 auto;
}

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

    .blue_inner {
        max-width: 90%;
    }
}

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

    .blue_inner {
        max-width: 85%;
    }
}

/* Section/Article */

section.blue_special, article.blue_special {
    text-align: center;
}

    section.blue_special article, article.blue_special article {
        text-align: left;
    }

section.blue_wrapper, article.blue_wrapper {
    padding-bottom: 1em;
}

section.blue_wrapper, article.blue_wrapper {
    margin-bottom: 2em;
}

    section.blue_wrapper h2, article.blue_wrapper h2 {
        font-size: 2.75em;
        margin: 0 0 .5em 0;
    }

    section.blue_wrapper p, article.blue_wrapper p {
        font-size: 1em;
    }

    section.blue_wrapper article, article.blue_wrapper article {
        margin: 0;
    }

    section.blue_wrapper.blue_style1, article.blue_wrapper.blue_style1 {
        background: #5385c1;
        color: #bacee6;
    }

        section.blue_wrapper.blue_style1 h2, article.blue_wrapper.blue_style1 h2 {
            color: #fff;
        }

        section.blue_wrapper.blue_style1 p, article.blue_wrapper.blue_style1 p {
            color: #bacee6;
        }

        section.blue_wrapper.blue_style1 h3, article.blue_wrapper.blue_style1 h3 {
            color: #FFF;
        }

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

    section.blue_wrapper, article.blue_wrapper {
        padding: 2em 0;
    }
}

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

    section.blue_wrapper, article.blue_wrapper {
        margin-bottom: 2em;
    }

        section.blue_wrapper h2, article.blue_wrapper h2 {
            font-size: 2em;
        }

        section.blue_wrapper p, article.blue_wrapper p {
            font-size: .9em;
        }
}

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

    section.blue_wrapper, article.blue_wrapper {
        text-align: center;
    }

        section.blue_wrapper article, article.blue_wrapper article {
            text-align: center;
        }
}



/* Flex */

.blue_flex {
    display: -ms-flexbox;
    -ms-flex-wrap: wrap;
    -ms-flex-pack: justify;
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -moz-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
}

    .blue_flex.blue_flex-2 article {
        width: 47%;
    }

    .blue_flex.blue_flex-3 article {
        position: relative;
        width: 28%;
    }

        .blue_flex.blue_flex-3 article:before {
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            right: -2em;
            top: 0;
            border-right: 1px solid #dbdbdb;
            pointer-events: none;
        }

        .blue_flex.blue_flex-3 article:last-child:before {
            border: none;
        }

    .blue_flex.blue_flex-4 .blue_box {
        width: 21%;
    }

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

    .blue_flex.blue_flex-2 article {
        width: 100%;
        margin-bottom: 3em;
    }

        .blue_flex.blue_flex-2 article:last-child {
            margin-bottom: 0;
        }

    .blue_flex.blue_flex-3 {
        -moz-flex-direction: column;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .blue_flex.blue_flex-3 article {
            width: 100%;
            border-bottom: 1px solid #dbdbdb;
            padding-bottom: 2.5em;
            margin-bottom: 3em;
        }

            .blue_flex.blue_flex-3 article:last-child {
                border: none;
                padding-bottom: 0;
                margin: 0 0 1em 0;
            }

            .blue_flex.blue_flex-3 article:before {
                display: none;
            }

    .blue_flex.blue_flex-4 .blue_box {
        width: 47%;
    }
}

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

    .blue_flex.blue_flex-4 .blue_box {
        width: 100%;
    }
}


/* Box */

.blue_box {
    border: solid 1px #dbdbdb;
    margin-bottom: 2em;
    padding: 1.5em;
    box-sizing: border-box;
}

    .blue_box > :last-child,
    .blue_box > :last-child > :last-child,
    .blue_box > :last-child > :last-child > :last-child {
        margin-bottom: 0;
    }

    .blue_box.alt {
        border: 0;
        border-radius: 0;
        padding: 0;
    }

    .blue_box.blue_person {
        border: solid 1px rgba(255, 255, 255, 0.25);
        padding: 3em 1.5em;
    }

        .blue_box.blue_person h3 {
            margin: 0;
        }

        .blue_box.blue_person .blue_image {
            margin-bottom: 1em;
        }

            .blue_box.blue_person .blue_image img {
                max-width: 100%;
            }



/* Image */

.blue_image {
    border-radius: 0;
    border: 0;
    display: inline-block;
    position: relative;
}

    .blue_image img {
        border-radius: 0;
        display: block;
    }

    .blue_image.left, .blue_image.right {
        max-width: 40%;
    }

        .blue_image.left img, .blue_image.right img {
            width: 100%;
        }

    .blue_image.blue_round img {
        border-radius: 100%;
    }

    .blue_image.left {
        float: left;
        padding: 0 1.5em 1em 0;
        top: 0.25em;
    }

    .blue_image.right {
        float: right;
        padding: 0 0 1em 1.5em;
        top: 0.25em;
    }

    .blue_image.blue_fit {
        display: block;
        margin: 0 0 2em 0;
        width: 100%;
    }

        .blue_image.blue_fit img {
            width: 100%;
        }

    .blue_image.main {
        display: block;
        margin: 0 0 3em 0;
        width: 100%;
    }

        .blue_image.main img {
            width: 100%;
        }

/* Button */


blue_button,
.blue_button {
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    background-color: #5a5a5a;
    border-radius: 0;
    border: 0;
    color: #ffffff !important;
    cursor: pointer;
    display: inline-block;
    font-weight: 600;
    height: 2.85em;
    line-height: 2.95em;
    padding: 0 1.5em;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
}


    blue_button:hover,
    .blue_button:hover {
        background-color: #676767;
    }


    blue_button:active,
    .blue_button:active {
        background-color: #4d4d4d;
    }


    blue_button.icon,
    .blue_button.icon {
        padding-left: 1.35em;
    }


        blue_button.icon:before,
        .blue_button.icon:before {
            margin-right: 0.5em;
        }


    blue_button.fit,
    .blue_button.fit {
        display: block;
        margin: 0 0 1em 0;
        width: 100%;
    }

    blue_button.small,
    .blue_button.small {
        font-size: 0.8em;
    }

    blue_button.big,
    .button.big {
        font-size: 1.35em;
    }


    blue_button.alt,
    .blue_button.alt {
        background-color: transparent;
        box-shadow: inset 0 0 0 2px #dbdbdb;
        color: #555 !important;
    }


        blue_button.alt:hover,
        .blue_button.alt:hover {
            background-color: rgba(144, 144, 144, 0.075);
        }

        blue_button.alt:active,
        .blue_button.alt:active {
            background-color: rgba(144, 144, 144, 0.2);
        }

        blue_button.alt.icon:before,
        .blue_button.alt.icon:before {
            color: #bbb;
        }

    blue_button.special,
    .blue_button.blue_special {
        background-color: #5385c1;
        color: #ffffff !important;
    }

        blue_button.special:hover,
        .blue_button.blue_special:hover {
            background-color: #6692c8;
        }

        blue_button.special:active,
        .blue_button.blue_special:active {
            background-color: #4278b8;
        }



    blue_button:disabled,
    .blue_button.blue_disabled,
    .blue_button:disabled {
        background-color: #9a9a9a !important;
        box-shadow: inset 0 -0.15em 0 0 rgba(0, 0, 0, 0.15);
        color: #fff !important;
        cursor: default;
        opacity: 0.25;
    }

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

    blue_button,
    .blue_button {
        padding: 0;
        width: 100%;
    }
}