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

/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/

body, input, select, textarea {
    font-size: 13pt;
    line-height: 1.75em;
    letter-spacing: 0.025em;
}

body {
    min-width: 1200px;
}

hr {
    margin: 2em 0 2em 0;
}

/* Section/Article */

section,
article {
    margin: 0 0 4em 0;
}

header.style1 {
    /**padding: 3em 0 3em 0; **/
    /** jc **/
}

    header.style1 h2 {
        font-size: 2em;
        letter-spacing: 0.075em;
        /*line-height: 1.5em;*/
        /* jc */
    }

    header.style1 p {
        display: block;
        margin: 1.15em 0 0 0;
        font-size: 1.3em;
        letter-spacing: 0.075em;
        line-height: 1.5em;
    }

/* Form */

form {
}

    form label {
        margin: 0.25em 0 0.5em 0;
    }

/* Button */

input[type="button"],
input[type="submit"],
input[type="reset"],
.button {
    padding: 0 2.25em 0 2.25em;
    font-size: 0.9em;
    min-width: 0.5em;
    height: 4em;
    line-height: 4em;
}

    input[type="button"].big,
    input[type="submit"].big,
    input[type="reset"].big,
    .button.big {
        font-size: 1em;
        min-width: 14em;
    }

/* List */

ul {
}

    ul.actions {
        margin: 3em 0 0 0;
    }

form ul.actions {
    margin-top: 0;
}

ul.actions li {
    display: inline-block;
    margin: 0 0.75em 0 0.75em;
    padding-left: 7%;
    padding-right: 7%;
}

    ul.actions li:first-child {
        margin-left: 0;
    }

    ul.actions li:last-child {
        margin-right: 0;
    }

ul.actions-centered {
    text-align: center;
}

ul.links {
    margin: 3em 0 0 0;
}

form ul.links {
    margin-top: 0;
}

ul.links li {
    display: inline-block;
    /*margin: 0 0.75em 0 0.75em; */
    padding-left: 1%;
    padding-right: 1%;
    padding-bottom: 1%;
}

    ul.links li:first-child {
        margin-left: 10%;
    }

    ul.links li:last-child {
        margin-right: 0;
    }

ul.links-centered {
    text-align: center;
}

/* Feature List */

.feature-list {
    line-height: 1.2em;
    /*jc*/
}

    .feature-list section {
        padding-top: 2em;
        border-top: solid 1px #eee;
    }

    .feature-list .row {
    }

        .feature-list .row:first-child {
        }

            .feature-list .row:first-child section {
                padding-top: 0;
                border-top: 0;
            }

    .feature-list h3 {
        margin: 0 0 0.75em 0;
        font-size: 1.15em;
        letter-spacing: 0.05em;
        margin-top: -0.35em;
    }

        .feature-list h3:before {
            width: 64px;
            height: 64px;
            line-height: 64px;
            margin-right: 0.75em;
            font-size: 32px;
            top: 0.2em;
        }

    .feature-list p {
        margin: 0 0 0 5em;
    }

    .feature-list.small {
    }

        .feature-list.small h3 {
        }

            .feature-list.small h3:before {
                font-size: 24px;
                line-height: 45px;
                width: 45px;
                height: 45px;
                margin-right: 1em;
            }

        .feature-list.small p {
            margin: 0 0 0 4em;
        }

/* Box */

.box {
}

    .box header {
        margin: 0 0 1.5em 0;
    }

        .box header.style1 {
            position: relative;
            margin: -0.5em 0 0 0;
            padding-top: 0;
        }

    .box h2 {
        margin: 0 0 0.75em 0;
        font-size: 1.15em;
        letter-spacing: 0.05em;
    }

    .box h3 {
        margin: 0 0 0.5em 0;
        font-size: 1em;
        font-weight: 600;
        letter-spacing: 0.05em;
    }

    .box.post-excerpt {
    }

        .box.post-excerpt .image.left {
            position: relative;
            top: 0.5em;
            width: 5em;
        }

        .box.-post-excerpt h3,
        .box.post-excerpt p {
            margin-left: 7em;
        }

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

.wrapper {
    padding : 3.5em 0px 0.7em;
    /* jc*/
}

    .wrapper .title {
        font-size: 0.9em;
        width: 25em;
        height: 3.25em;
        top: -3.25em;
        line-height: 3.25em;
        margin-bottom: -3.25em;
        margin-left: -12.5em;
        padding-top: 0.5em;
    }

#header-wrapper {
    padding: 0;
}

#intro-wrapper {
    padding-bottom: 8em;
}

/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/

#header {
    position: relative;
    padding: 12em 0;
    background-color: #282B34;
    /** jc */
}

.homepage #header {
    padding: 1.5em 0;
    /*jc*/
}

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

#logo {
    position: fixed;
    height: 2em;
    top: 2.5%;
    left: 0;
    width: 100%;
    text-align: center;
    margin-top: -0.5em;
    z-index: 10002;
    /*jc*/
}

.homepage #logo {
    margin-top: -1em;
    background-color: #282B34;
}

#logo h1 {
    /*JC 11-Nov-2017
    font-size: 5em;
    */
    font-size: 5em;
    letter-spacing: 0em;
    text-align: center;
    margin-top : 20px;
}

#logo p {
    margin: 1.25em 0 0 0;
    display: block;
    letter-spacing: 0.2em;
    font-size: 0.9em;
}

/*********************************************************************************/
/* Nav                                                                           */
/*********************************************************************************/

#nav {
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 10001;
    background-color: #282B34;
    /*border-bottom: 1px solid rgba(255, 255, 255, 0.75); */
    /* height of navigation bar */
    padding-top: 10em;
    padding-bottom: 1em;
    /*jc*/
}

/** NAVIGATION MENU */
    #nav > ul > li > ul {
        display: none;
    }

    #nav > ul {
        display: inline-block;
        border-radius: 0.35em;
        box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,0.25);
        padding: 0 1.5em 0 1.5em;
    }

        #nav > ul > li {
            display: inline-block;
            text-align: center;
            padding: 0 1.5em 0 1.5em;
        }

            #nav > ul > li > a,
            #nav > ul > li > span {
                display: block;
                color: #eee;
                color: rgba(255,255,255,0.75);
                text-transform: uppercase;
                text-decoration: none;
                font-size: 1.05em;
                letter-spacing: 0.15em;
                height: 2.5em;
                line-height: 2.5em;
                -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;
                outline: 0;
            }

            #nav > ul > li:hover > a,
            #nav > ul > li.active > a,
            #nav > ul > li.active > span {
                color: #fff;
                background: #df409d;
                padding-left: 1em;
                padding-right: 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;
            }

.dropotron {
    background: #222835 url('images/overlay.png');
    background-color: rgba(44,50,63,0.925);
    padding: 1.25em 1em 1.25em 1em;
    border-radius: 0.35em;
    box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,0.25);
    min-width: 12em;
    text-align: left;
    margin-top: -1.25em;
    margin-left: -1px;
}

    .dropotron.level-0 {
        margin-top: 2px;
        margin-left: 2px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .dropotron a,
    .dropotron span {
        display: block;
        color: #eee;
        color: rgba(255,255,255,0.75);
        text-transform: uppercase;
        text-decoration: none;
        font-size: 0.7em;
        letter-spacing: 0.25em;
        border-top: solid 1px rgba(255,255,255,0.15);
        line-height: 3em;
        -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;
    }

    .dropotron li:first-child a,
    .dropotron li:first-child span {
        border-top: 0;
    }

    .dropotron li:hover > a,
    .dropotron li:hover > span {
        color: #fff;
    }


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

#banner {
    position: relative;
    padding: 8em 0;
    margin: 4em 0 0 0;
}

    #banner header {
        display: inline-block;
        padding: 2.5em 5em;
        border-radius: 5px;
    }

        #banner header h2 {
            font-size: 2.5em;
            margin: 0 0 0.65em 0;
        }

        #banner header p {
            font-size: 1.5em;
        }

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

#intro {
    text-align: center;
}

    #intro > .style1 {
        font-size: 1.5em;
        letter-spacing: 0.075em;
    }

    #intro > .style2 {
        font-size: 2.75em;
        letter-spacing: 0.075em;
        line-height: 1.35em;
        padding: 1em 0 1em 0;
        margin-bottom: 1em;
    }

    #intro > .style3 {
        font-size: 1.1em;
        width: 48em;
        margin: 0 auto;
    }

/*********************************************************************************/
/* Features                                                                      */
/*********************************************************************************/

#features {
    padding: 0 6em 0 6em;
}

    #features header.style1 {
        padding-bottom: 2em;
        /* jc */
    }

    #features .actions {
        margin-top: 5em;
    }

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

#highlights {
}

    #highlights .highlight {
    }

        #highlights .highlight h3 {
            margin: 0 0 0.75em 0;
            font-size: 1.15em;
            letter-spacing: 0.05em;
        }

/*********************************************************************************/
/* Main                                                                          */
/*********************************************************************************/

#main {
    margin-top: 1em;
    margin-bottom: 1em;
}

.homepage #main {
    margin-top: 0;
    margin-bottom: 0;
}

/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/

#footer {
}

    #footer header.style1 {
        padding-bottom: 0;
    }

    #footer hr {
        margin: 6em 0 6em 0;
    }

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

#copyright {
    margin: 3.5em 0 0 0;
    /** jc **/
}

    #copyright ul {
        padding: 0.75em 2em;
        font-size: 0.9em;
    }

        #copyright ul li {
            display: inline-block;
            margin-left: 1em;
            padding-left: 1em;
            border-left: solid 1px #333;
            border-left-color: rgba(255,255,255,0.05);
        }

            #copyright ul li:first-child {
                border-left: 0;
                margin-left: 0;
                padding-left: 0;
            }