body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: #000000;
    z-index: -1;
    overflow: auto;
}

a, .btn {
    transition: all 200ms linear;
    -webkit-transition: all 200ms linear;
}
a {
    color: #fff;
    text-decoration: underline;
}
a:hover {
    color: #de8423;
}

.white {
    background-color: #f9f6e7;
}

/* BUTTONS */
.btn,
input.action {
    background: none;
    color: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 3px;
    width: auto;
    transition: all 200ms linear;
    text-decoration: none;
    padding: 10px;
    font-size: 18px;
}
.btn:hover,
input.action:hover {
    background: #ffffff;
    color: #de8423;
}

/* HIGHLIGHTS */
.highlights {
    margin-left: -15px;
    margin-right: -15px;
}

.highlight {
    margin: 40px 0;
    padding: 0 15px;
    text-align: center;
    opacity: 0;
}

.highlight .fa {
    color: #ffffff;
    font-size: 50px;
}

.highlights .highlight-values {
    transition: opacity .4s ease;
    -webkit-transition: opacity .4s ease;
}

.highlights .highlight-leadership {
    transition: opacity .8s ease;
    -webkit-transition: opacity .8s ease;
}

.highlights .highlight-structure {
    transition: opacity 1.2s ease;
    -webkit-transition: opacity 1.2s ease;
}

.highlights .highlight-communication {
    transition: opacity 1.6s ease;
    -webkit-transition: opacity 1.6s ease;
}

.highlights .highlight-celebration {
    transition: opacity 2s ease;
    -webkit-transition: opacity 2s ease;
}

.slide.active .highlight {
    opacity: 1;
}

/* THUMBNAILS */
.thumbnail {
    margin: 50px 0;
    padding: 30px;
    border-radius: 0;
    text-align: center;

    -webkit-box-shadow: 0 5px 3px -3px rgba(0,0,0,.5);
    -moz-box-shadow: 0 5px 3px -3px rgba(0,0,0,.5);
    box-shadow: 0 4px 3px -3px rgba(0,0,0,.5);
}
.thumbnail > img {
    border-radius: 100px;
}
.thumbnail h3 {
    padding: 0;
    font-family: 'Roboto Slab', serif;
    font-weight: 300;
    margin-bottom: 20px;
}
.thumbnail .caption {
    padding: 0;
}
.thumbnail .caption p {
    font-family: 'Roboto', serif;
    font-weight: 300;
    color: #a49171;
    margin-bottom: 20px;
}
.thumbnail .caption form {
    margin: 10px 0 20px 0;
}

/* Slide */
.slide {
    position: relative;
    background-position: center top;
    background-color: #000;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 100;
    -webkit-transform: translate3d(0,0,0);
}
.slide .steps {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.slide .steps .step {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.slide .steps .step-hidden {
    width: 1px;
    height: 1px;
}
.slide .container {
    position: relative;
    text-align: center;
    height: 100%;
}
.slide .section {
    text-align: center;
    position:absolute;
    top: 50%;
    color: #FFF;
    padding: 0 15px;
}
.slide h2 {
    line-height: 48px;
    margin-bottom: 40px;
}
.slide p,
.slide ul {
    line-height: 20px;
    font-size: 15px;
    text-align: justify;
}
.slide .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #000000;
    opacity: 0.3;
}

/* NAV */
#navigation {
    display: none;
}

nav {
    position: fixed;
    left: 0;
    bottom: 75px;
    z-index: 110;
}

.nav li {
    position: relative;
    padding-left: 65px;
}


.nav li a {
    font-family: 'Roboto', serif;
    color: #ffffff;
    font-weight: 400;
    padding: 0;
    font-size: 15px;
    line-height: 30px;
    text-decoration: none;
}

.nav li a:hover,
.nav li a:focus {
    background: none;
}

.nav li:before {
    position: absolute;
    content: " ";
    border-top: 1px solid #f9f6e7;
    left: 0px;
    width: 0px;
    bottom: 13px;
    transition: width .3s ease;
    -webkit-transition: width .3s ease;
}

.nav li.active:before {
    width: 50px;
}

/* SNAPJS */
.navbar-toggle {
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    z-index: 100;
}

.navbar-toggle .icon-bar {
    background-color: #ffffff;
}

.snap-drawer {
    position: fixed;
    z-index: 50;
    width: 266px;
}

.snap-drawer #navigation,
.snap-drawer #logo
{
    z-index: -1;
}

.snap-drawer #logo {
    position: static;
}

.snap-drawer #logo .logo,
.snap-drawer #logo .text {
    display: block;
    text-align: center;
    margin-top: 10px;
}

/* FORM */
.input-addon {
    margin-left: -33px;
    color: #de8423;
    padding-right: 15px;
}

input, textarea, select {
    width: 50%;
    background: #f9f6e7;
    color: #de8423;
    padding: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: none;
}
textarea {
    height: 200px;
}
input:focus, textarea:focus, select:focus {
    border-color: #de8423;
}

input.required {
    border: 1px solid #f00;
}

.Actions {
    margin: 20px 0;
}

.middleColumn {
    margin-bottom: 10px;
}

#Form_Form form label {
    display: none !important;
}
#Remember.checkbox,
#Remember .checkbox {
    min-height: 100%;
}
#Remember input[type=checkbox] {
    float: none;
    display: inline-block;
    margin: 0;
    width: auto;
}
p#ForgotPassword {
    text-align: center;
}

.scrollable-background .section .form-response p {
    text-align: center;
}

.social {
    position: fixed;
    bottom: 0;
    right: 0;
	margin: 20px;
    z-index: 100;
}

.social a {
    color: #ffffff;
    font-size: 28px;
    opacity: 0.5;
    transition: opacity .5s ease;
    -webkit-transition: opacity .5s ease;
	margin-left: 15px;
}

.slide .accordion-content p {
    line-height: 20px;
}

ul.accordion {
    list-style: none;
}
.accordion li {
    margin: 4px 0;
}
.accordion .accordion-title {
    cursor: pointer;
}
.accordion .accordion-content {
    display: none;
    padding-left: 14px;
}

/* FILES */
.file-list .thumbnail {
    margin: 20px 0;
    padding: 30px 15px;
    text-decoration: none;
}
.file-list .thumbnail:hover {
    border-color: #de8423;
}
.file-list .thumbnail > img {
    border-radius: 0;
    height: 16px;
    margin-bottom: 20px;
}
.file-list .thumbnail .caption {
    font-family: 'Roboto Slab', serif;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}
.file-list .thumbnail:hover .caption {
    color: #de8423;
}

.social a:hover {
    opacity: 1;
}

/* FOOTER */
footer {
    padding: 140px 0;
    background-color: #a49171;
}

@media (min-width: 320px) {
    header {
        margin: 10px 0;
        text-align: center;
    }
    .highlight {
        opacity: 1;
        float: left;
        width: 50%;
    }
    .logo {
        margin-bottom: 10px;
    }
    .slide {
        background-position: center center;
    }
    .slide h2 {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .slide h3 {
        font-size: 16px;
    }
    .slide .steps {
        position: relative;
    }
    ul {
        padding-left: 20px;
    }
    .slide,
    .slide .container,
    .slide .section {
        position: static;
        background: none;
    }
    .navbar-toggle,
    .snap-drawers {
        display: none;
    }
    .slide .section {
        padding-top: 20px;
        text-align: left;
    }
    .slide .section h2 {
        font-size: 24px;
        line-height: 24px;
        margin-top: 0;
    }
    input, textarea {
        width: 100%;
    }
}
@media (min-width: 768px) {
    header {
        margin: 0;
    }
    #navigation {
        display: block;
    }

    .slide,
    .slide .container {
        position: relative;
    }

    .slide .steps,
    .slide .section {
        position: absolute;
    }

    input, textarea {
        width: 50%;
    }

    /* HEADER */
    #logo {
        position: fixed;
        top: 75px;
        left: 65px;
        z-index: 110;
        text-decoration: none;
    }

    #logo .logo,
    #logo .text {
        display: inline;
    }

    #logo .text {
        margin-left: 10px;
    }

    .highlight {
        opacity: 1;
        float: left;
        line-height: 48px;
        margin-bottom: 40px;
        width: 20%;
    }
    .navbar-toggle,
    .snap-drawers,
    .slide .steps {
        display: block;
    }
    .slide .section {
        text-align: center;
        padding-top: 0;
        width: 100%;
    }
    .slide h2 {
        padding: 0 30px;
    }
    .slide p {
        line-height: 32px;
    }

    .social {
		margin: 50px;
    }
}
@media (min-width: 1200px) {
    .nav li:hover:before {
        width: 50px;
    }
    .slide .section {
        padding-top: 0;
        width: 100%;
    }
    .slide h2 {
        font-size: 38px;
        line-height: 48px;
    }
    .slide h2,
    .slide .content,
    .highlight {
        opacity: 1;
    }

    .Page .slide h2,
    .Page .slide .content,
    .Page .highlight,
    .UserPage .slide h2,
    .UserPage .slide .content,
    .UserPage .highlight {
        opacity: 1;
    }
    .Page .slide,
    .UserPage .slide {
        background: url('../images/default-background.jpg') no-repeat 50% 50%;
        background-size: cover;
    }
}