/*
	Escape Velocity by HTML5 UP
	html5up.net | @n33co
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

/*********************************************************************************/
/* Basic                                                                         
PINK = df409d
GUNMETALGREY = 292E37
WHITE = FFFFFF

/*********************************************************************************/

body, input, textarea, select {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    color: #919499;
    background : #282B34;
}

    body.is-loading * {
        -moz-transition: none !important;
        -webkit-transition: none !important;
        -o-transition: none !important;
        -ms-transition: none !important;
        transition: none !important;
        -moz-animation: none !important;
        -webkit-animation: none !important;
        -o-animation: none !important;
        -ms-animation: none !important;
        animation: none !important;
    }

h1 {
    font-family: 'ArcaMajora3-Bold','Source Sans Pro', sans-serif;
    color: #df409d;
    font-size: 8em;
}

h2 {
    font-weight: 700;
    color: #df409d;
    font-size : 2em !important;
    margin-top : 10px;
}

h3, h4, h5, h6 {
    font-weight: 700;
    color: #df409d;
}

    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
        color: inherit;
        text-decoration: none;
        font-size: 1.5em;
        /* jc*/
    }

a {
    text-decoration: underline;
    color: #717479;
    -moz-transition: color .25s ease-in-out;
    -webkit-transition: color .25s ease-in-out;
    -o-transition: color .25s ease-in-out;
    -ms-transition: color .25s ease-in-out;
    transition: color .25s ease-in-out;
}

    a:hover {
        text-decoration: none;
    }

strong, b {
    font-weight: 700;
    color: #484d55;
}

blockquote {
    border-left: solid 0.5em #ddd;
    padding: 1em 0 1em 2em;
    font-style: italic;
}

em, i {
    font-style: italic;
}

hr {
    border: 0;
    border-top: solid 1px #ddd;
}

sub {
    position: relative;
    top: 0.5em;
    font-size: 0.8em;
}

sup {
    position: relative;
    top: -0.5em;
    font-size: 0.8em;
}

.nobr {
    white-space: nowrap;
}

br.clear {
    clear: both;
}

p, ul, ol, dl, table, blockquote, form {
    /*margin-bottom: 2em;*/
    /* jc*/
}

/* Table */

table {
    width: 100%;
}

    table.default {
        width: 100%;
    }

        table.default tbody tr:nth-child(2n+2) {
            background: #f4f4f4;
        }

        table.default td {
            padding: 0.5em 1em 0.5em 1em;
        }

        table.default th {
            text-align: left;
            font-weight: 400;
            padding: 0.5em 1em 0.5em 1em;
        }

        table.default thead {
            background: #484d55;
            color: #fff;
        }

        table.default tfoot {
            background: #eee;
        }

        table.default tbody {
        }

/* Form */

form {
}

    form label {
        display: block;
        font-weight: 700;
        color: #484d55;
    }

    form input[type="text"],
    form input[type="email"],
    form input[type="password"],
    form select,
    form textarea {
        -webkit-appearance: none;
        display: block;
        border: 0;
        background: #eee;
        box-shadow: inset 0px 0px 1px 0px #a0a1a7;
        border-radius: 0.35em;
        width: 100%;
        padding: 0.75em 1em 0.75em 1em;
        -moz-transition: all .25s ease-in-out;
        -webkit-transition: all .25s ease-in-out;
        -o-transition: all .25s ease-in-out;
        -ms-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;
    }

    form input[type="text"],
    form input[type="email"],
    form input[type="password"],
    form select {
        line-height: 1em;
    }

    form textarea {
        min-height: 10em;
    }

        form input[type="text"]:focus,
        form input[type="email"]:focus,
        form input[type="password"]:focus,
        form select:focus,
        form textarea:focus {
            background: #f8f8f8;
        }

    form .formerize-placeholder {
        color: #555 !important;
        font-style: italic;
    }

    form ::-webkit-input-placeholder {
        color: #555 !important;
        font-style: italic;
        line-height: 1.35em;
    }

    form :-moz-placeholder {
        color: #555 !important;
        font-style: italic;
    }

    form ::-moz-placeholder {
        color: #555 !important;
        font-style: italic;
    }

    form :-ms-input-placeholder {
        color: #555 !important;
        font-style: italic;
    }

    form ::-moz-focus-inner {
        border: 0;
    }

/* Section/Article */

section,
article {
    margin-bottom: 3em;
}

    section > :last-child,
    article > :last-child {
        margin-bottom: 0;
    }

    section:last-child,
    article:last-child {
        margin-bottom: 0;
    }

header.style1 {
    text-align: center;
}

    header.style1 h2 {
        font-weight: 700;
    }

    header.style1 p {
        color: #b1b4b9;
    }

/* Image */

.image {
    display: inline-block;
}

    .image img {
        display: block;
        width: 100%;
    }

    .image.fit {
        display: block;
        width: 100%;
    }

    .image.left {
        float: left;
        margin: 0 2em 2em 0;
    }

    .image.centered {
        display: block;
        margin: 0 0 2em 0;
    }

        .image.centered img {
            margin: 0 auto;
            width: auto;
        }

    .image.featured {
        display: block;
        width: 100%;
        margin: 0 0 2em 0;
    }

/* Button */

input[type="button"],
input[type="submit"],
input[type="reset"],
.button {
    display: inline-block;
    background: #444;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.25em;
    text-decoration: none;
    border-radius: 0.35em;
    border: 0;
    outline: 0;
    cursor: pointer;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

    input[type="button"].style1,
    input[type="submit"].style1,
    input[type="reset"].style1,
    .button.style1 {
        background: #df409d url('images/overlay.png');
        color: #fff;
    }

        input[type="button"].style1:hover,
        input[type="submit"].style1:hover,
        input[type="reset"].style1:hover,
        .button.style1:hover {
            background-color: #f98780;
        }

        input[type="button"].style1:active,
        input[type="submit"].style1:active,
        input[type="reset"].style1:active,
        .button.style1:active {
            background-color: #d96760;
        }

    input[type="button"].style2,
    input[type="submit"].style2,
    input[type="reset"].style2,
    .button.style2 {
        background: none;
        color: #606167;
        box-shadow: inset 0px 0px 2px 0px #a0a1a7;
    }

        input[type="button"].style2:hover,
        input[type="submit"].style2:hover,
        input[type="reset"].style2:hover,
        .button.style2:hover {
            box-shadow: inset 0px 0px 2px 0px #606167;
        }

        input[type="button"].style2:active,
        input[type="submit"].style2:active,
        input[type="reset"].style2:active,
        .button.style2:active {
            box-shadow: inset 0px 0px 2px 0px #202127;
        }

    input[type="button"].style3,
    input[type="submit"].style3,
    input[type="reset"].style3,
    .button.style3 {
        background: #2f333b url('images/overlay.png');
        color: #fff;
    }

        input[type="button"].style3:hover,
        input[type="submit"].style3:hover,
        input[type="reset"].style3:hover,
        .button.style3:hover {
            background-color: #3f434b;
        }

        input[type="button"].style3:active,
        input[type="submit"].style3:active,
        input[type="reset"].style3:active,
        .button.style3:active {
            background-color: #1f232b;
        }

/* List */

ul.default {
    list-style: disc;
    padding-left: 1em;
}

    ul.default li {
        padding-left: 0.5em;
    }

ul.style2 {
}

    ul.style2 li {
        border-top: solid 1px #eee;
        padding: 1.5em 0 0 0;
        margin: 1.5em 0 0 0;
    }

        ul.style2 li:first-child {
            border-top: 0;
            padding-top: 0;
            margin-top: 0;
        }

ul.style3 {
}

    ul.style3 li {
        border-top: solid 1px #eee;
        padding: 0.5em 0 0 0;
        margin: 0.5em 0 0 0;
    }

        ul.style3 li:first-child {
            border-top: 0;
            padding-top: 0;
            margin-top: 0;
        }

ol {
}

    ol.default {
        list-style: decimal;
        padding-left: 1.25em;
    }

        ol.default li {
            padding-left: 0.25em;
        }

/* Feature List */

.feature-list {
}

    .feature-list h3 {
        color: #df409d !important;
    }

        .feature-list h3:before {
            position: relative;
            display: inline-block;
            color: #fff;
            background: #2f333b url('images/overlay.png');
            border-radius: 1em;
            text-align: center;
        }

/*********************************************************************************/
/* Icons                                                                         */
/*********************************************************************************/

.icon {
    text-decoration: none;
}

    .icon:before {
        display: inline-block;
        font-family: FontAwesome;
        font-size: 1.25em;
        text-decoration: none;
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .icon > .label {
        display: none;
    }

/*********************************************************************************/
/* Wrappers                                                                      */
/*********************************************************************************/

.wrapper {
    position: relative;
}

    .wrapper .title {
        position: absolute;
        top: 0;
        left: 50%;
        text-align: center;
        text-transform: uppercase;
        display: block;
        font-weight: 700;
        letter-spacing: 0.25em;
    }

        .wrapper .title:before {
            content: '';
            position: absolute;
            bottom: -38px;
            left: -35px;
            width: 35px;
            height: 38px;
            background: url('images/shadow.png');
        }

        .wrapper .title:after {
            content: '';
            position: absolute;
            bottom: -38px;
            right: -35px;
            width: 35px;
            height: 38px;
            background: url('images/shadow.png');
            -moz-transform: scaleX(-1);
            -webkit-transform: scaleX(-1);
            -o-transform: scaleX(-1);
            -ms-transform: scaleX(-1);
            transform: scaleX(-1);
        }

    .wrapper.style1 {
        background: #df409d url('images/overlay.png');
        color: #eee;
        color: rgba(255,255,255,0.75);
    }

        .wrapper.style1 .title {
            background: #df409d url('images/overlay.png');
            color: #919499;
        }

        .wrapper.style1 h1,
        .wrapper.style1 h2,
        .wrapper.style1 h3,
        .wrapper.style1 h4,
        .wrapper.style1 h5,
        .wrapper.style1 h6,
        .wrapper.style1 strong,
        .wrapper.style1 b,
        .wrapper.style1 a {
            color: #fff;
        }

    .wrapper.style2 {
        background: #fff;
    }

        .wrapper.style2 .title {
            background: #fff;
            color: #919499;
        }

    .wrapper.style3 {
        /*background: #292E37 url('images/overlay.png');*/
        background: #282b34;
        background : #df409d;
    }

        .wrapper.style3 .title {
            background: #292E37 url('images/overlay.png');
            color: #919499;
        }

        .wrapper.style3 .image {
            border: solid 10px #fff;
        }

    .wrapper.style4 {
        background: #df409d url('images/overlay.png');
    }

        .wrapper.style4 .title {
            background: #df409d url('images/overlay.png');
            color: #919499;
        }

        .wrapper.style4 .image {
            border: solid 10px #fff;
        }

#header-wrapper {
    background: url('../images/banner.jpg') center center;
    background-size: cover;
    background-color: #df409d;
}

    #header-wrapper:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

#footer-wrapper {
    background: #282B34;
    color: #eee;
    color: rgba(255,255,255,0.5);
}

    #footer-wrapper h1,
    #footer-wrapper h2,
    #footer-wrapper h3,
    #footer-wrapper h4,
    #footer-wrapper h5,
    #footer-wrapper h6,
    #footer-wrapper strong,
    #footer-wrapper b,
    #footer-wrapper a {
        color: #fff;
    }

    #footer-wrapper hr {
        border-top-color: #333;
        border-top-color: rgba(255,255,255,0.05);
    }

    #footer-wrapper form {
    }

        #footer-wrapper form input[type="text"],
        #footer-wrapper form input[type="email"],
        #footer-wrapper form input[type="password"],
        #footer-wrapper form select,
        #footer-wrapper form textarea {
            background: #ccc;
            box-shadow: none;
        }

            #footer-wrapper form input[type="text"]:focus,
            #footer-wrapper form input[type="email"]:focus,
            #footer-wrapper form input[type="password"]:focus,
            #footer-wrapper form select:focus,
            #footer-wrapper form textarea:focus {
                background: #fff;
            }

    #footer-wrapper input[type="button"].style2,
    #footer-wrapper input[type="submit"].style2,
    #footer-wrapper input[type="reset"].style2,
    #footer-wrapper .button.style2 {
        color: #aaa;
        box-shadow: inset 0px 0px 2px 0px rgba(255,255,255,0.5);
    }

        #footer-wrapper input[type="button"].style2:hover,
        #footer-wrapper input[type="submit"].style2:hover,
        #footer-wrapper input[type="reset"].style2:hover,
        #footer-wrapper .button.style2:hover {
            color: #ccc;
            box-shadow: inset 0px 0px 2px 0px rgba(255,255,255,0.65);
        }

        #footer-wrapper input[type="button"].style2:active,
        #footer-wrapper input[type="submit"].style2:active,
        #footer-wrapper input[type="reset"].style2:active,
        #footer-wrapper .button.style2:active {
            box-shadow: inset 0px 0px 2px 0px rgba(255,255,255,0.75);
        }

    #footer-wrapper input[type="button"].style3,
    #footer-wrapper input[type="submit"].style3,
    #footer-wrapper input[type="reset"].style3,
    #footer-wrapper .button.style3 {
        color: #aaa;
        box-shadow: inset 0px 0px 2px 0px rgba(255,255,255,0.5);
        background-color: red;
    }

        #footer-wrapper input[type="button"].style3:hover,
        #footer-wrapper input[type="submit"].style3:hover,
        #footer-wrapper input[type="reset"].style3:hover,
        #footer-wrapper .button.style3:hover {
            color: #ccc;
            box-shadow: inset 0px 0px 2px 0px rgba(255,255,255,0.65);
        }

        #footer-wrapper input[type="button"].style3:active,
        #footer-wrapper input[type="submit"].style3:active,
        #footer-wrapper input[type="reset"].style3:active,
        #footer-wrapper .button.style3:active {
            box-shadow: inset 0px 0px 2px 0px rgba(255,255,255,0.75);
        }

    #footer-wrapper .title {
        background: #292E37 url('images/overlay.png');
        color: #919499;
    }

    #footer-wrapper header.style1 {
    }

        #footer-wrapper header.style1 h2 {
            color: #fff;
        }

        #footer-wrapper header.style1 .p {
            color: inherit;
        }

    #footer-wrapper .feature-list {
    }

        #footer-wrapper .feature-list section {
            border-top-color: #333;
            border-top-color: rgba(255,255,255,0.05);
        }

        #footer-wrapper .feature-list h3 {
        }

            #footer-wrapper .feature-list h3:before {
                background: #3d4249;
            }

/*********************************************************************************/
/* Logo                                                                          */
/*********************************************************************************/

#logo {
}

    #logo h1 {
        font-weight: 900;
        text-transform: uppercase;
        color: #df409d;
    }

    #logo p {
        color: #eee;
        color: rgba(255,255,255,0.5);
        text-transform: uppercase;
    }

/*********************************************************************************/
/* Banner                                                                        */
/*********************************************************************************/

#banner {
    background: #df409d url('../../assets/images/backgrounds/background_officedarkgrey.jpg');
    background-position: center center;
    background-size: auto 100%;
    background-repeat: no-repeat;
    text-align: center;
}

    #banner header {
        background-color: #282B34;
    }

        #banner header h2 {
            color: #fff;
            font-weight: 700;
            line-height: 1.1em;
        }

        #banner header p {
            color: #df409d;
            padding: 0;
            font-style: normal;
            margin: 0;
        }

/*********************************************************************************/
/* Intro                                                                         */
/*********************************************************************************/

#intro {
}

    #intro > .style1 {
    }

    #intro > .style2 {
        font-weight: 700;
        color: #fff;
        border-radius: 0.35em;
        box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,0.25);
    }

        #intro > .style2 a {
            color: inherit;
            text-decoration: none;
        }

    #intro > .style3 {
    }

/*********************************************************************************/
/* Highlights                                                                    */
/*********************************************************************************/

#highlights {
}

    #highlights .highlight {
        text-align: center;
    }

        #highlights .highlight h3 {
            color: #df409d;
        }

/*********************************************************************************/
/* Copyright                                                                     */
/*********************************************************************************/

#copyright {
    text-align: center;
}

    #copyright ul {
        display: inline-block;
        border-radius: 0.35em;
        box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,0.05);
        color: #aaa;
        color: rgba(255,255,255,0.25);
    }

    #copyright a {
        color: inherit;
    }

        #copyright a:hover {
            color: #fff;
        }