/*! normalize.css v2.1.0 | MIT License | git.io/normalize */

    @page{margin:.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}.hide-from-print{display:none}}.nav{list-style:none;padding:0;margin-bottom:0}.nav__item{display:inline-block}@media screen and (min-width:40em) {
        .nav__item {
            display: inline-block
        }
    }
    /* Header Style */
    .header {
        background-color: #292f36;
        box-shadow: 0px 20px 50px rgba(0,0,0,0.2);
        font-family:"Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
        font-size: 10px;
        padding: 3px 5px;
        opacity: 0.9;
        text-transform: uppercase;
    }
    .header a{
        line-height: 18px;
        letter-spacing: 1px;
        text-shadow: 1px 1px 1px #000;
        color: #ddd;
    }
    .header a:hover{
        color: #fff;
    }
    .header a span{
        font-weight: bold;
    }
    .header span.right{
        float: right;
    }
    @media screen and (max-width: 860px) {
        .header a{
            display: block;
            text-align: center;
            font-size: 10px;
            text-shadow: none;
        }
        .header span.right{
            float: none;
        }
    }
    .header__link {
        color: #fff;
        text-decoration: none;
        border: 0
    }
    .header__link:focus {
        outline: 0;
        background-color: rgba(78, 205, 196, 0.1)
    }
    .header__link:hover .icon {
        color: #4ecdc4
    }
    .header--fixed {
        position: fixed;
        z-index: 10;
        right: 0;
        left: 0;
        top: 0
    }
    .btt {
        display: none;
        position: fixed;
        left: 0;
        bottom: 0;
        font-size: 2em;
        -webkit-transform: translateY(4em);
        -ms-transform: translateY(4em);
        transform: translateY(4em)
    }
    @media screen and (min-width: 50em) {
        .btt {
            display: block
        }
    }
    @media screen and (min-width: 65em) {
        .btt {
            left: .5em
        }
    }
    .btn {
        padding: .5em 1em;
        margin: 0 0 1em 0;
        display: inline-block;
        border-radius: .25em;
        text-decoration: none;
        text-align: center;
        -webkit-transition: background-color .2s linear;
        -moz-transition: background-color .2s linear;
        -o-transition: background-color .2s linear;
        transition: background-color .2s linear;
        color: #6f6f6f;
        text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.4);
        border: 1px solid rgba(41, 47, 54, 0.2);
        background-color: #eee;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px -1px rgba(41, 47, 54, 0.2)
    }
    .btn:hover, .btn:focus, .btn:visited {
        border: 1px solid rgba(41, 47, 54, 0.2);
        background-color: #f1ebeb;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px -1px rgba(41, 47, 54, 0.2);
        text-decoration: none
    }
    .btn:focus {
        border-color: #292f36
    }
    .btn--primary {
        -webkit-transition: background-color .2s linear;
        -moz-transition: background-color .2s linear;
        -o-transition: background-color .2s linear;
        transition: background-color .2s linear;
        color: #292f36;
        text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.4);
        border: 1px solid rgba(41, 47, 54, 0.2);
        background-color: #4ecdc4;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px -1px rgba(41, 47, 54, 0.2)
    }
    .btn--primary:hover, .btn--primary:focus, .btn--primary:visited {
        border: 1px solid rgba(41, 47, 54, 0.2);
        background-color: #3dded3;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px -1px rgba(41, 47, 54, 0.2);
        text-decoration: none
    }
    .btn--primary:focus {
        border-color: #292f36
    }
    .btn--secondary {
        -webkit-transition: background-color .2s linear;
        -moz-transition: background-color .2s linear;
        -o-transition: background-color .2s linear;
        transition: background-color .2s linear;
        color: #fff;
        text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.4);
        border: 1px solid rgba(41, 47, 54, 0.2);
        background-color: #ff6b6b;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px -1px rgba(41, 47, 54, 0.2);
        text-shadow: 1px 1px 1px rgba(41, 47, 54, 0.5)
    }
    .btn--secondary:hover, .btn--secondary:focus, .btn--secondary:visited {
        border: 1px solid rgba(41, 47, 54, 0.2);
        background-color: #ff6b6b;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px -1px rgba(41, 47, 54, 0.2);
        text-decoration: none
    }
    .btn--secondary:focus {
        border-color: #292f36
    }
    .btn:active {
        box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
        outline: 0
    }
    .btn--plain, .btn--plain:hover, .btn--plain:active, .btn--plain:focus, .btn--plain:visited {
        background: 0;
        border: 0;
        box-shadow: none
    }
    .btn--plain:hover {
        color: #292f36
    }
    .btn--full {
        display: block
    }
    .btn--med {
        line-height: 1.25;
        font-size: 1.125em
    }
    .btn--large {
        line-height: 1.25;
        font-size: 1.25em;
        font-weight: normal
    }
    .slide {
        -webkit-transition: all .5s linear;
        -moz-transition: all .5s linear;
        -o-transition: all .5s linear;
        transition: all .5s linear
    }
    .slide--reset {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    .slide--up {
        -webkit-transform: translateY(-4em);
        -ms-transform: translateY(-4em);
        transform: translateY(-4em)
    }
    .slide--down {
        -webkit-transform: translateY(4em);
        -ms-transform: translateY(4em);
        transform: translateY(4em)
    }
    .icon {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased
}
    .icon:before {
        font-size: .9em;
        display: inline-block;
        height: 1em;
        width: 1em;
        line-height: 1
    }
    .icon--up:before {
        content: "\25B2"
    }
    .headroom-title {
        font-size: 2.5em
    }
    @media(min-width:30em){.headroom-title{font-size:3.5em}}@media screen and (min-width:40em) {
        .headroom-title {
            font-size: 4.5em
        }
    }
    .animated {
        -webkit-animation-duration: .5s;
        -moz-animation-duration: .5s;
        -o-animation-duration: .5s;
        animation-duration: .5s;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        -o-animation-fill-mode: both;
        animation-fill-mode: both
    }
    @-webkit-keyframes slideDown {
        0% {
            -webkit-transform: translateY(-4em)
        }
        100% {
            -webkit-transform: translateY(0)
        }
    }
    @-moz-keyframes slideDown {
        0% {
            -moz-transform: translateY(-4em)
        }
        100% {
            -moz-transform: translateY(0)
        }
    }
    @-o-keyframes slideDown {
        0% {
            -o-transform: translateY(-4em)
        }
        100% {
            -o-transform: translateY(0)
        }
    }
    @keyframes slideDown {
        0% {
            transform: translateY(-4em)
        }
        100% {
            transform: translateY(0)
        }
    }
    .animated.slideDown {
        -webkit-animation-name: slideDown;
        -moz-animation-name: slideDown;
        -o-animation-name: slideDown;
        animation-name: slideDown
    }
    @-webkit-keyframes slideUp {
        0% {
            -webkit-transform: translateY(0)
        }
        100% {
            -webkit-transform: translateY(-4em)
        }
    }
    @-moz-keyframes slideUp {
        0% {
            -moz-transform: translateY(0)
        }
        100% {
            -moz-transform: translateY(-4em)
        }
    }
    @-o-keyframes slideUp {
        0% {
            -o-transform: translateY(0)
        }
        100% {
            -o-transform: translateY(-4em)
        }
    }
    @keyframes slideUp {
        0% {
            transform: translateY(0)
        }
        100% {
            transform: translateY(-4em)
        }
    }
    .animated.slideUp {
        -webkit-animation-name: slideUp;
        -moz-animation-name: slideUp;
        -o-animation-name: slideUp;
        animation-name: slideUp
    }
    @-webkit-keyframes swingInX {
        0% {
            -webkit-transform: perspective(400px) rotateX(-90deg)
        }
        100% {
            -webkit-transform: perspective(400px) rotateX(0deg)
        }
    }
    @-moz-keyframes swingInX {
        0% {
            -moz-transform: perspective(400px) rotateX(-90deg)
        }
        100% {
            -moz-transform: perspective(400px) rotateX(0deg)
        }
    }
    @-o-keyframes swingInX {
        0% {
            -o-transform: perspective(400px) rotateX(-90deg)
        }
        100% {
            -o-transform: perspective(400px) rotateX(0deg)
        }
    }
    @keyframes swingInX {
        0% {
            transform: perspective(400px) rotateX(-90deg)
        }
        100% {
            transform: perspective(400px) rotateX(0deg)
        }
    }
    .animated.swingInX {
        -webkit-transform-origin: top;
        -moz-transform-origin: top;
        -ie-transform-origin: top;
        -o-transform-origin: top;
        transform-origin: top;
        -webkit-backface-visibility: visible!important;
        -webkit-animation-name: swingInX;
        -moz-backface-visibility: visible!important;
        -moz-animation-name: swingInX;
        -o-backface-visibility: visible!important;
        -o-animation-name: swingInX;
        backface-visibility: visible!important;
        animation-name: swingInX
    }
    @-webkit-keyframes swingOutX {
        0% {
            -webkit-transform: perspective(400px) rotateX(0deg)
        }
        100% {
            -webkit-transform: perspective(400px) rotateX(-90deg)
        }
    }
    @-moz-keyframes swingOutX {
        0% {
            -moz-transform: perspective(400px) rotateX(0deg)
        }
        100% {
            -moz-transform: perspective(400px) rotateX(-90deg)
        }
    }
    @-o-keyframes swingOutX {
        0% {
            -o-transform: perspective(400px) rotateX(0deg)
        }
        100% {
            -o-transform: perspective(400px) rotateX(-90deg)
        }
    }
    @keyframes swingOutX {
        0% {
            transform: perspective(400px) rotateX(0deg)
        }
        100% {
            transform: perspective(400px) rotateX(-90deg)
        }
    }
    .animated.swingOutX {
        -webkit-transform-origin: top;
        -webkit-animation-name: swingOutX;
        -webkit-backface-visibility: visible!important;
        -moz-animation-name: swingOutX;
        -moz-backface-visibility: visible!important;
        -o-animation-name: swingOutX;
        -o-backface-visibility: visible!important;
        animation-name: swingOutX;
        backface-visibility: visible!important
    }
    @-webkit-keyframes flipInX {
        0% {
            -webkit-transform: perspective(400px) rotateX(90deg);
            opacity: 0
        }
        100% {
            -webkit-transform: perspective(400px) rotateX(0deg);
            opacity: 1
        }
    }
    @-moz-keyframes flipInX {
        0% {
            -moz-transform: perspective(400px) rotateX(90deg);
            opacity: 0
        }
        100% {
            -moz-transform: perspective(400px) rotateX(0deg);
            opacity: 1
        }
    }
    @-o-keyframes flipInX {
        0% {
            -o-transform: perspective(400px) rotateX(90deg);
            opacity: 0
        }
        100% {
            -o-transform: perspective(400px) rotateX(0deg);
            opacity: 1
        }
    }
    @keyframes flipInX {
        0% {
            transform: perspective(400px) rotateX(90deg);
            opacity: 0
        }
        100% {
            transform: perspective(400px) rotateX(0deg);
            opacity: 1
        }
    }
    .animated.flipInX {
        -webkit-backface-visibility: visible!important;
        -webkit-animation-name: flipInX;
        -moz-backface-visibility: visible!important;
        -moz-animation-name: flipInX;
        -o-backface-visibility: visible!important;
        -o-animation-name: flipInX;
        backface-visibility: visible!important;
        animation-name: flipInX
    }
    @-webkit-keyframes flipOutX {
        0% {
            -webkit-transform: perspective(400px) rotateX(0deg);
            opacity: 1
        }
        100% {
            -webkit-transform: perspective(400px) rotateX(90deg);
            opacity: 0
        }
    }
    @-moz-keyframes flipOutX {
        0% {
            -moz-transform: perspective(400px) rotateX(0deg);
            opacity: 1
        }
        100% {
            -moz-transform: perspective(400px) rotateX(90deg);
            opacity: 0
        }
    }
    @-o-keyframes flipOutX {
        0% {
            -o-transform: perspective(400px) rotateX(0deg);
            opacity: 1
        }
        100% {
            -o-transform: perspective(400px) rotateX(90deg);
            opacity: 0
        }
    }
    @keyframes flipOutX {
        0% {
            transform: perspective(400px) rotateX(0deg);
            opacity: 1
        }
        100% {
            transform: perspective(400px) rotateX(90deg);
            opacity: 0
        }
    }
    .animated.flipOutX {
        -webkit-animation-name: flipOutX;
        -webkit-backface-visibility: visible!important;
        -moz-animation-name: flipOutX;
        -moz-backface-visibility: visible!important;
        -o-animation-name: flipOutX;
        -o-backface-visibility: visible!important;
        animation-name: flipOutX;
        backface-visibility: visible!important
    }
    @-webkit-keyframes bounceInDown {
        0% {
            opacity: 0;
            -webkit-transform: translateY(-200px)
        }
        60% {
            opacity: 1;
            -webkit-transform: translateY(30px)
        }
        80% {
            -webkit-transform: translateY(-10px)
        }
        100% {
            -webkit-transform: translateY(0)
        }
    }
    @-moz-keyframes bounceInDown {
        0% {
            opacity: 0;
            -moz-transform: translateY(-200px)
        }
        60% {
            opacity: 1;
            -moz-transform: translateY(30px)
        }
        80% {
            -moz-transform: translateY(-10px)
        }
        100% {
            -moz-transform: translateY(0)
        }
    }
    @-o-keyframes bounceInDown {
        0% {
            opacity: 0;
            -o-transform: translateY(-200px)
        }
        60% {
            opacity: 1;
            -o-transform: translateY(30px)
        }
        80% {
            -o-transform: translateY(-10px)
        }
        100% {
            -o-transform: translateY(0)
        }
    }
    @keyframes bounceInDown {
        0% {
            opacity: 0;
            transform: translateY(-200px)
        }
        60% {
            opacity: 1;
            transform: translateY(30px)
        }
        80% {
            transform: translateY(-10px)
        }
        100% {
            transform: translateY(0)
        }
    }
    .animated.bounceInDown {
        -webkit-animation-name: bounceInDown;
        -moz-animation-name: bounceInDown;
        -o-animation-name: bounceInDown;
        animation-name: bounceInDown
    }
    @-webkit-keyframes bounceOutUp {
        0% {
            -webkit-transform: translateY(0)
        }
        30% {
            opacity: 1;
            -webkit-transform: translateY(20px)
        }
        100% {
            opacity: 0;
            -webkit-transform: translateY(-200px)
        }
    }
    @-moz-keyframes bounceOutUp {
        0% {
            -moz-transform: translateY(0)
        }
        30% {
            opacity: 1;
            -moz-transform: translateY(20px)
        }
        100% {
            opacity: 0;
            -moz-transform: translateY(-200px)
        }
    }
    @-o-keyframes bounceOutUp {
        0% {
            -o-transform: translateY(0)
        }
        30% {
            opacity: 1;
            -o-transform: translateY(20px)
        }
        100% {
            opacity: 0;
            -o-transform: translateY(-200px)
        }
    }
    @keyframes bounceOutUp {
        0% {
            transform: translateY(0)
        }
        30% {
            opacity: 1;
            transform: translateY(20px)
        }
        100% {
            opacity: 0;
            transform: translateY(-200px)
        }
    }
    .animated.bounceOutUp {
        -webkit-animation-name: bounceOutUp;
        -moz-animation-name: bounceOutUp;
        -o-animation-name: bounceOutUp;
        animation-name: bounceOutUp
    }