@font-face {
    font-family: 'Ashwood';
    src: local('Ashwood'), url('../font/ashwood.ttf') format('opentype');
}

html, body {
    height: 100%;
}

body {
    background: #2C0C00;
    margin: 0;
    font-family: 'Open Sans', sans-serif;
}

    body.blind {
        overflow: hidden;
    }

a {
    text-decoration: none;
}

.hide {
    display: none;
}

.alert{
    position: fixed !important;
    bottom: 0;
    width: 100%;
    text-align: center;
    z-index: 900;
}

.book-blue {
    color: #3b5999;
}

.tube-red {
    color: #c4302b;
}

.insta-blue {
    color: #517fa4;
}

.pin-red {
    color: #C92228;
}

.tweet-blue {
    color: #4099FF;
}

.ico-chevron::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    background-image: url(../img/ico-chevron.png);
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.ico-chevron-dwn::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    background-image: url(../img/ico-chevron-dwn.png);
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.ico-clock::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    background-image: url(../img/ico-clock.png);
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.ico-envelope::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    background-image: url(../img/ico-envelope.png);
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.ico-phone::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    background-image: url(../img/ico-phone.png);
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.ico-compass::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    background-image: url(../img/ico-compass.png);
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.ico-ticket::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    background-image: url(../img/ico-ticket.png);
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.ico-dining::after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    background-image: url(../img/ico-dining.png);
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.ico-spin::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    background-image: url(../img/ico-spin.png);
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.ico-stroll::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    background-image: url(../img/ico-stroll.png);
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.ico-soar::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    background-image: url(../img/ico-soar.png);
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.ico-close::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    background-image: url(../img/ico-close.png);
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.ico-close-white::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    background-image: url(../img/ico-close-white.png);
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.ico-usa::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    background-image: url(../img/usa-today.png);
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.ico-tourism::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    background-image: url(../img/usa-tourism.png);
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.ico-faqs::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    background-image: url(../img/ico-faqs.png);
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.ico-know::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    background-image: url(../img/ico-know.png);
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.ico-lodge::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    background-image: url(../img/ico-lodge.png);
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.ico-rules::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    background-image: url(../img/ico-rules.png);
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.ico-member::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    background-image: url(../img/ico-member.png);
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.ico-info::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    background-image: url(../img/ico-info-b.png);
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

@-webkit-keyframes bounceArrow {
    0% {
        -webkit-transform: translateY(0);
    }

    100% {
        -webkit-transform: translateY(7px);
    }
}

@-moz-keyframes bounceArrow {
    0% {
        -moz-transform: translateY(0);
    }

    100% {
        -moz-transform: translateY(7px);
    }
}

@keyframes bounceArrow {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        -webkit-transform: translateY(7px);
        -moz-transform: translateY(7px);
        -o-transform: translateY(7px);
        -ms-transform: translateY(7px);
        transform: translateY(7px);
    }
}

.btn-orange{
    display: block;
    padding: .5% 2% 1%;
    border: 2px solid #FFFFFF;
    background-color: #d66a18;
    font-family: 'Bree Serif', serif;
    text-transform: uppercase;
    box-sizing: border-box;
    font-size: 1.5em;
    margin: 0.5em 0;
    text-align: center;
    color: #FFFFFF;
}

#fauxStamp {
    display: none;
    visibility: hidden;
    transition: background 1s;
}

.carousel {
    position: relative;
    height: auto;
    width: 100%;
    display: block;
    padding: 48px 0;
    background-color: rgba(44,12,0,0.75);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 100;
    overflow: hidden;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -moz-transition: transform 1s;
    -o-transition: transform 1s;
    -webkit-transition: -webkit-transform 1s;
    transition: transform 1s;
}

    .carousel.launch {
        -moz-transform: translate(-100%, 0);
        -ms-transform: translate(-100%, 0);
        -o-transform: translate(-100%, 0);
        -webkit-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
        -moz-transition: transform 1s;
        -o-transition: transform 1s;
        -webkit-transition: -webkit-transform 1s;
        transition: transform 1s;
    }

    /*.carousel::after {
        content: "";
        background-color: #2C0C00;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        position: absolute;
        z-index: -1;
        opacity: 0.75;
    }*/

    .carousel .heading {
        position: relative;
        z-index: 100;
        color: #AF885D;
        font-size: 2.5em;
        margin: 0;
        padding: 0 0 12px;
        text-align: center;
        text-transform: uppercase;
        font-family: 'Open Sans', sans-serif;
    }

    .carousel .tabs {
        position: absolute;
        bottom: 0;
        left: 0;
        text-align: center;
        display: block;
    }

        .carousel .tabs ul {
            list-style: none;
            margin: 0;
            padding: 0;
            position: relative;
        }

            .carousel .tabs ul li {
                display: inline-block;
                position: relative;
            }

        .carousel .tabs li a {
            text-decoration: none;
            color: rgba(255,255,255,0.75);
            font-family: Ashwood, serif;
            border-top: 1px solid rgba(255,255,255,0.75);
            border-bottom: 1px solid rgba(255,255,255,0.75);
            font-size: 1.85em;
            font-weight: 400;
            line-height: 1em;
            text-align: center;
            padding: 4px 0 0;
            display: block;
            width: 100%;
            height: 100%;
            transition: color 0.35s ease, border-top 0.35s ease, border-bottom 0.35s ease;
        }

            .carousel .tabs li a.active, .carousel .tabs li a:hover, .carousel .tabs li a:focus, .carousel .tabs li a:active {
                color: rgba(255,255,255,1);
                border-top: 1px solid rgba(255,255,255,1);
                border-top: 1px solid rgba(255,255,255,1);
            }

    .carousel .window {
        display: block;
        overflow: hidden;
        border: 8px solid #FFFFFF;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
        -moz-transition: border 1s;
        -o-transition: border 1s;
        -webkit-transition: border 1s;
        transition: border 1s;
    }

        .carousel .window:hover {
            border: 8px solid #d66a18;
            -moz-transition: border 1s;
            -o-transition: border 1s;
            -webkit-transition: border 1s;
            transition: border 1s;
        }

        .carousel .window a {
            text-decoration: none;
            color: #FFFFFF;
            width: 100%;
            height: 100%;
            display: block;
        }

        .carousel .window .item {
            position: absolute;
            top: 0;
            left: 0;
            opacity: 0;
            z-index: -1;
            -moz-transition: opacity 0.5s;
            -o-transition: opacity 0.5s;
            -webkit-transition: opacity 0.5s;
            transition: opacity 0.5s;
            width: 100%;
            height: 100%;
            display: block;
        }

            .carousel .window .item.active {
                opacity: 1;
                z-index: 100;
                -moz-transition: opacity 0.5s;
                -o-transition: opacity 0.5s;
                -webkit-transition: opacity 0.5s;
                transition: opacity 0.5s;
                position: relative;
            }

            .carousel .window .item img {
                width: 100%;
                height: auto;
                display: block;
            }

            .carousel .window .item p.cta {
                position: absolute;
                bottom: 3%;
                right: 2%;
                margin: 0;
                padding: .5% 2% .75%;
                border: 2px solid #FFFFFF;
                background-color: #d66a18;
                font-family: 'Bree Serif', serif;
                text-transform: uppercase;
                display: block;
                box-sizing: border-box;
                font-size: 1.5em;
            }

.strip {
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -moz-transition: transform 1s;
    -o-transition: transform 1s;
    -webkit-transition: -webkit-transform 1s;
    transition: transform 1s;
}

    .strip.launch {
        -moz-transform: translate(-100%, 0);
        -ms-transform: translate(-100%, 0);
        -o-transform: translate(-100%, 0);
        -webkit-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
        -moz-transition: transform 1s;
        -o-transition: transform 1s;
        -webkit-transition: -webkit-transform 1s;
        transition: transform 1s;
    }

.pop-up {
    position: absolute;
    top: -100%;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0;
    -moz-transition: top 0.5s, opacity 0.5s;
    -o-transition: top 0.5s, opacity 0.5s;
    -webkit-transition: top 0.5s, opacity 0.5s;
    transition: top 0.5s, opacity 0.5s;
}

    .pop-up.launch {
        z-index: 1000;
        position: fixed;
        overflow-y: auto;
        top: 0;
        opacity: 1;
        -moz-transition: top 0.5s, opacity 0.5s;
        -o-transition: top 0.5s, opacity 0.5s;
        -webkit-transition: top 0.5s, opacity 0.5s;
        transition: top 0.5s, opacity 0.5s;
    }

    .pop-up.flyout {
        top: 0;
        /*height: calc(100% - 194px);*/
        height: 100%;
        left: 100%;
        -moz-transition: left 1s;
        -o-transition: left 1s;
        -webkit-transition: left 1s;
        transition: left 1s;
        position: fixed;
        padding: 72px 0 0;
        z-index: 100;
        opacity: 1;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        .pop-up.flyout.launch {
            left: 0;
            -moz-transition: left 1s;
            -o-transition: left 1s;
            -webkit-transition: left 1s;
            transition: left 1s;
            z-index: 950;
        }

.flyout .overlay {
    position: relative;
    height: auto;
    width: 100%;
    display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    -moz-transition: margin 4s, top 4s;
    -o-transition: margin 4s, top 4s;
    -webkit-transition: margin 4s, top 4s;
    transition: margin 4s, top 4s;
    overflow: hidden;
    background-color: rgba(44,12,0,0.75);
}

    /*.flyout .overlay::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        opacity: 0.75;
        -moz-transition: height 4s;
        -o-transition: height 4s;
        -webkit-transition: height 4s;
        transition: height 4s;
        height: 100%;
        background-color: #2C0C00;
    }*/

.flyout.launch .overlay {
    margin: initial;
    -moz-transition: margin 4s, top 4s;
    -o-transition: margin 4s, top 4s;
    -webkit-transition: margin 4s, top 4s;
    transition: margin 4s, top 4s;
}

    .flyout.launch .overlay::after {
        -moz-transition: height 4s;
        -o-transition: height 4s;
        -webkit-transition: height 4s;
        transition: height 4s;
    }

.flyout .overlay .pop-kill-trigger {
    display: block;
    width: 75px;
    height: 75px;
    position: relative;
    text-decoration: none;
    z-index: 150;
    margin: 4% 0;
}

.flyout .overlay .wrap {
    position: relative;
    z-index: 100;
    width: 90%;
    margin: 0 auto;
    max-width: 1447px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.flyout .wrap .lead-side-blk {
    display: inline-block;
    width: 25%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2% 2% 0 0;
    vertical-align: top;
}

    .flyout .wrap .lead-side-blk h1 {
        display: block;
        font-family: Ashwood, serif;
        font-size: 4.75em;
        font-weight: 500;
        text-align: left;
        line-height: 0.85em;
        padding: 4% 0 2%;
        margin: 4% 0;
        color: #AF885D;
        border-bottom: 2px solid #AF885D;
        border-top: 2px solid #AF885D;
        box-sizing: border-box;
    }

        .flyout .wrap .lead-side-blk h1 .shrink {
            font-size: 0.5em;
            display: block;
            line-height: 0.85em;
        }

    .flyout .wrap .lead-side-blk p {
        color: #FFFFFF;
        font-family: 'Bree Serif', serif;
        padding: 3% 0;
        text-align: left;
        font-size: 1.25em;
        line-height: 1.25em;
        margin: 0;
        box-sizing: border-box;
    }

        /*.flyout .wrap .lead-side-blk p.intro {
            -moz-transform: translate(0, -200%);
            -ms-transform: translate(0, -200%);
            -o-transform: translate(0, -200%);
            -webkit-transform: translate(0, -200%);
            transform: translate(0, -200%);
            -moz-transition: transform 3s;
            -o-transition: transform 3s;
            -webkit-transition: -webkit-transform 3s;
            transition: transform 3s;
        }*/

/*.flyout.launch .wrap .lead-side-blk p.intro {
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -moz-transition: transform 3s;
    -o-transition: transform 3s;
    -webkit-transition: -webkit-transform 3s;
    transition: transform 3s;
}*/

.flyout .wrap .img-box p.showtimes {
    background-color: #2C0C00;
    color: #FFFFFF;
    font-family: 'Bree Serif';
    position: absolute;
    z-index: 150;
    right: -2%;
    padding: 1% 2%;
    border: 2px solid #FFFFFF;
    box-sizing: border-box;
    bottom: -2%;
    font-size: 1.15em;
}

.flyout .wrap .img-box .shout {
    text-decoration: none;
    text-transform: uppercase;
    color: #FFFFFF;
    display: block;
    font-size: 0.85em;
    border: 1px solid #FFFFFF;
    background-color: #D66A18;
    margin: 8px 0 0;
    padding: .5% 2% .75%;
    text-align: center;
}

.flyout .wrap .lead-side-blk p.blurb {
    background-color: #2C0C00;
    position: absolute;
    z-index: 150;
    right: -2%;
    padding: 1% 2%;
    max-width: 70%;
    border: 2px solid #FFFFFF;
    bottom: 2%;
    /*-moz-transform: translate(200%, 0);
    -ms-transform: translate(200%, 0);
    -o-transform: translate(200%, 0);
    -webkit-transform: translate(200%, 0);
    transform: translate(200%, 0);
    -moz-transition: transform 4s;
    -o-transition: transform 4s;
    -webkit-transition: -webkit-transform 4s;
    transition: transform 4s;*/
}

.flyout.launch .wrap .lead-side-blk p.blurb {
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -moz-transition: transform 4s;
    -o-transition: transform 4s;
    -webkit-transition: -webkit-transform 4s;
    transition: transform 4s;
}

.flyout .wrap .side-full {
    width: 74%;
    height: 50%;
    display: inline-block;
    vertical-align: top;
    margin: 3% 0;
    max-width: 1024px;
}

.flyout .wrap .img-box.side-full {
    padding: 1%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #AF885D;
    /*-ms-transform: scale(0.5,0.5);
    -moz-transform: scale(0.5, 0.5);
    -o-transform: scale(0.5,0.5);
    -webkit-transform: scale(0.5,0.5);
    transform: scale(0.5,0.5);
    -moz-transition: transform 4s;
    -o-transition: transform 4s;
    -webkit-transition: -webkit-transform 4s;
    transition: transform 4s;*/
}

.flyout.launch .wrap .img-box.side-full {
    -ms-transform: scale(1,1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
    -moz-transition: transform 4s;
    -o-transition: transform 4s;
    -webkit-transition: -webkit-transform 4s;
    transition: transform 4s;
}

.flyout .wrap .img-box img {
    width: 100%;
    height: auto;
    border: 4px solid #FFFFFF;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.flyout .wrap .conwrap {
    width: 68%;
    display: inline-block;
    vertical-align: top;
    margin: 48px 0;
    position: relative;
    padding: 24px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .flyout .wrap .conwrap::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: block;
        z-index: -1;
        opacity: 0.75;
    }

    .flyout .wrap .conwrap .con-col {
        position: relative;
        z-index: 100;
        vertical-align: top;
        width: 450px;
    }

.flyout .col-2 .con-col {
    display: inline-block;
}

    .flyout .col-2 .con-col:first-of-type {
        width: 275px;
        text-align: center;
        padding: 24px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

.flyout .con-col p {
    font-size: 1.5em;
    color: #FFFFFF;
    font-family: 'Bree Serif', serif;
    line-height: 1em;
}

    .flyout .con-col p.showtime {
        font-size: 1.25em;
    }

.flyout .con-col .disc {
    font-size: 0.85em;
    font-family: 'Open Sans', sans-serif;
}

#Vote{
    background-color: rgba(0,0,0,0.65);
}
    #Vote .heading {
        font-size: 2em;
        font-family: 'Bree Serif', serif;
        text-transform: uppercase;
    }


/*Navigation*/
#SiteHead {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #FFFFFF;
    z-index: 999;
    height: 72px;
    padding: 24px 0 12px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 42px;
}

    #SiteHead nav {
        position: relative;
        text-align: right;
        width: 95%;
        margin: 0 auto;
        height: 100%;
        display: table;
        max-width: 1475px;
    }

#mainLogo {
    position: absolute;
    top: 0;
    left: -14px;
    display: block;
    z-index: 200;
}

#lnkPopMainNav {
    display: none;
    color: #AF885D;
    font-size: 1.25em;
    text-decoration: none;
}

#mainNav {
    list-style: none;
    display: block;
    position: relative;
    vertical-align: bottom;
    z-index: 150;
    padding: 15px 0px 0 0px;
    margin: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    #mainNav li {
        display: inline-block;
        margin: 0 2%;
        position: relative;
    }

        #mainNav li a {
            text-transform: uppercase;
            color: #AF885D;
            display: block;
            font-family: 'Open Sans', sans-serif;
            font-size: 0.85em;
            font-weight: 600;
            text-decoration: none;
            border-top: 1px solid transparent;
            border-bottom: 1px solid transparent;
            padding: 2px 0;
        }

            #mainNav li a:hover, #mainNav li a:active, #mainNav li a:focus {
                border-top: 1px solid #AF885D;
                border-bottom: 1px solid #AF885D;
            }

#mainSocial {
    list-style: none;
    display: block;
    width: 200px;
    vertical-align: bottom;
    position: absolute;
    top: 15px;
    right: -14px;
    z-index: 250;
    padding: 0;
    margin: 0;
}

    #mainSocial li {
        display: inline-block;
        margin: 0 2px;
    }

        #mainSocial li a {
            color: inherit;
        }

            #mainSocial li a:hover, #mainSocial li a:active, #mainSocial li a:focus {
                color: inherit;
            }

#mainNav li ul.dropdown {
    position: absolute;
    left: -25%;
    padding: 0;
    margin: 0;
    min-width: 150%;
    top: calc(100% + 8px);
    max-height: 0;
    box-sizing: border-box;
    overflow: hidden;
    transition: max-height .35s ease;
}

#mainNav li:hover ul.dropdown {
    max-height: 500px;
    overflow: visible;
}

#mainNav ul.dropdown li {
    margin: 0;
    display: block;
}

#mainNav ul.dropdown a {
    background-color: #FFFFFF;
    padding: 6px 12px;
    text-align: center;
    transition: background-color 1s, color 1s;
}

    #mainNav ul.dropdown a:hover, #mainNav ul.dropdown a:focus {
        background-color: #AF885D;
        color: #FFFFFF;
    }
#mainFlags{
    position: absolute;
    top: -20px;
    right: -14px;
    margin: 0;
    padding: 0;
    list-style: none;
    z-index: 200;
}
#mainFlags li{
    float: left;
    margin: 0 4px;
}
/*Header*/
/*Welcome*/
#Welcome {
    position: relative;
    height: auto;
    width: 100%;
    z-index: 100;
    padding: 72px 0 0 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    /*background: #2C0C00;*/
    background-image: url(../img/poster.jpg);
}

    #Welcome .wrapping {
        position: relative;
        display: block;
        z-index: 100;
        padding: 405px 0 48px 0;
        text-align: center;
        width: 980px;
        margin: 0 auto;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -moz-transform: translate(0, -100%);
        -ms-transform: translate(0, -100%);
        -o-transform: translate(0, -100%);
        -webkit-transform: translate(0, -100%);
        transform: translate(0, -100%);
        -moz-transition: transform 5s;
        -o-transition: transform 5s;
        -webkit-transition: -webkit-transform 5s;
        transition: transform 5s;
    }

        #Welcome .wrapping.launch {
            -moz-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            -o-transform: translate(0, 0);
            -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
            -moz-transition: transform 5s;
            -o-transition: transform 5s;
            -webkit-transition: -webkit-transform 5s;
            transition: transform 5s;
        }

    #Welcome.stamp .wrapping {
        padding: 15% 5% 5%;
        width: auto;
        max-width: 1252px;
    }

    #Welcome .wrapping p {
        font-family: Ashwood;
        font-weight: 400;
        color: #FFFFFF;
        font-size: 4em;
        text-transform: uppercase;
        line-height: 0.85em;
        text-align: center;
        border-top: 2px solid #FFFFFF;
        border-bottom: 2px solid #FFFFFF;
        position: relative;
        z-index: 100;
        padding: 12px 0 4px;
        display: inline-block;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 28px auto 48px;
    }

    #Welcome .wrapping .ico-chevron-dwn {
        display: block;
        width: 75px;
        height: 75px;
        position: relative;
        z-index: 100;
        margin: 0 auto;
        color: #FFFFFF;
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation: bounceArrow 0.35s ease 0s alternate infinite;
        -moz-animation: bounceArrow 0.35s ease 0s alternate infinite;
        -o-animation: bounceArrow 0.35s ease 0s alternate infinite;
        animation: bounceArrow 0.35s ease 0s alternate infinite;
    }

    #Welcome video {
        position: absolute;
        top: 72px;
        left: 0;
        z-index: -1;
        display: block;
        width: 100%;
        height: auto;
    }

    #Welcome .ico-usa {
        position: absolute;
        top: 250px;
        right: 20px;
        width: 205px;
        height: 175px;
        z-index: 999;
    }

    #Welcome .ico-tourism {
        position: absolute;
        top: 60px;
        right: 23px;
        width: 205px;
        height: 175px;
        z-index: 999;
    }

#Visit {
    position: relative;
    height: auto;
    width: 100%;
    z-index: 100;
    padding: 72px 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}

    #Visit .stamp {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: block;
        background: transparent url(../img/bg-cubtree-1920.jpg) no-repeat center 72px fixed;
        background-size: cover;
        z-index: -1;
    }

    #Visit .post-it {
        display: none;
    }

    #Visit .carousel .wrapping {
        width: 90%;
        max-width: 1364px;
        margin: 0 auto;
        position: relative;
        z-index: 100;
        padding: 0 0 52px;
    }

    #Visit .carousel .window {
        width: 75%;
        height: auto;
    }

    #Visit .carousel .tabs {
        width: 75%;
    }

        #Visit .carousel .tabs li {
            margin: 0 6px 6px 0;
            width: calc(25% - 6px);
        }

            #Visit .carousel .tabs li:last-of-type {
                margin: 0 0 6px;
                width: 25%;
            }

        #Visit .carousel .tabs a {
            font-size: 2em;
        }

            #Visit .carousel .tabs a br {
                display: none;
            }

    #Visit .ico-chevron-dwn, #Plan .ico-chevron-dwn, #Experience .ico-chevron-dwn {
        display: block;
        width: 75px;
        height: 75px;
        position: absolute;
        bottom: 20px;
        right: 20px;
        z-index: 100;
        margin: 0 auto;
        color: #FFFFFF;
        /*-moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation: bounceArrow 0.35s ease 5s infinite alternate;
        -moz-animation: bounceArrow 0.35s ease 5s infinite alternate;
        -o-animation: bounceArrow 0.35s ease 5s infinite alternate;
        animation: bounceArrow 0.35s ease 5s infinite alternate;*/
    }

        #Visit .ico-chevron-dwn.hide, #Plan .ico-chevron-dwn, #Experience .ico-chevron-dwn.hide{
            display: none;
        }
        
        #Information {
            position: absolute;
            top: 0;
            right: 0;
            width: 23%;
            height: auto;
        }

    #Information .info-blk {
        border-bottom: 1px solid #FFFFFF;
        position: relative;
    }

        #Information .info-blk:first-of-type p {
            margin: 0 0 12px;
        }

        #Information .info-blk:last-of-type {
            border-bottom: 1px solid transparent;
        }

    #Information a {
        text-decoration: none;
        color: #FFFFFF;
        font-weight: 700;
        display: block;
        width: 100%;
        height: 100%;
    }

    #Information i {
        width: 50px;
        height: 50px;
        display: block;
        position: absolute;
        top: 20px;
        left: 8px;
    }

    #Information i.fa{
        font-size: 2em;
        text-align: center;
    }

    #Information .nudge-ico-top i {
        top: 12px;
    }

    #Information p {
        width: 100%;
        display: block;
        padding: 24px 0 24px 75px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 1em;
        margin: 4% 0;
    }

        #Information p .details {
            font-weight: 400;
        }

    #Information .info-blk p .cta {
        background-color: #d66a18;
        text-transform: uppercase;
        padding: 4px 24px 6px;
        font-size: 1.25em;
        text-align: center;
        display: inline-block;
        margin: 0 auto 8px;
        border: 2px solid #FFFFFF;
        box-shadow: rgba(255,255,255,.15) 0px 0px 3px 2px;
        font-family: 'Bree Serif', serif;
        font-weight: 300;
    }

.breaker {
    background-color: #FFFFFF;
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}

    .breaker .cta {
        position: relative;
        margin: 8px auto;
        padding: 0 2% .75%;
        color: #d66a18;
        border: 2px solid #d66a18;
        background-color: #FFFFFF;
        font-family: 'Bree Serif', serif;
        text-transform: uppercase;
        display: block;
        box-sizing: border-box;
        font-weight: 500;
        font-size: 1.15em;
        max-width: 180px;
    }

    .breaker .box i {
        width: 125px;
        height: 125px;
        display: block;
    }

    .breaker .cta i {
        width: auto !important;
        height: auto !important;
        display: inline-block;
    }

    .breaker .wrapping {
        max-width: 1475px;
        margin: 0 auto;
        text-align: center;
    }

    .breaker a.box {
        text-align: center;
        font-family: 'Open Sans', sans-serif;
        font-size: 1.25em;
        color: #333333;
        display: inline-block;
        max-width: 300px;
        vertical-align: top;
        padding: 20px;
        box-sizing: border-box;
        font-weight: 600;
        text-transform: uppercase;
        margin: 0 3%;
        min-width: 225px;
    }

        .breaker a.box i {
            margin: 0 auto 8px;
        }

    .breaker .ico-chevron-dwn {
        display: block;
        width: 75px;
        height: 75px;
        position: absolute;
        bottom: 20px;
        right: 20px;
        z-index: 100;
        margin: 0 auto;
        color: #333333;
    }

        .breaker .ico-chevron-dwn.hide{
            display: none;
        }
        
        .breaker .ico-chevron-dwn::after {
            background-image: url(../img/ico-chevron-dwn-blk.png);
        }

#Facebook span.fa-stack {
    font-size: 2em;
}

#Facebook i.fa-circle {
    color: #3B5998;
    text-shadow: 0 0 4px #3B5998;
}

#Facebook i.fa-circle-thin {
    color: #FFFFFF;
}

#Plan {
    position: relative;
    height: auto;
    width: 100%;
    z-index: 100;
    padding: 72px 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}

    #Plan .stamp {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: block;
        background: transparent url(../img/bg-wolves-1920.jpg) no-repeat center 72px fixed;
        background-size: cover;
        z-index: -1;
    }

    #Plan .post-it {
        display: none;
    }

    #Plan .ico-usa {
        position: absolute;
        top: 100px;
        right: 100px;
        width: 250px;
        height: 200px;
        opacity: 0;
        transition: opacity 1s;
    }

        #Plan .ico-usa.focus {
            opacity: 1;
            transition: opacity 1s;
        }

    #Plan .strip {
        display: block;
        position: relative;
        height: auto;
        z-index: 100;
        background-color: rgba(44,12,0,0.75);
        /*-moz-transform: translate(0, 200%);
        -ms-transform: translate(0, 200%);
        -o-transform: translate(0, 200%);
        -webkit-transform: translate(0, 200%);
        transform: translate(0, 200%);
        -moz-transition: transform 1s;
        -o-transition: transform 1s;
        -webkit-transition: -webkit-transform 1s;*/
        transition: transform 1s;
    }

        #Plan .strip.focus {
            -moz-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            -o-transform: translate(0, 0);
            -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
            -moz-transition: transform 1s;
            -o-transition: transform 1s;
            -webkit-transition: -webkit-transform 1s;
            transition: transform 1s;
        }

            #Plan .strip.focus.launch {
                -moz-transform: translate(-100%, 0);
                -ms-transform: translate(-100%, 0);
                -o-transform: translate(-100%, 0);
                -webkit-transform: translate(-100%, 0);
                transform: translate(-100%, 0);
                -moz-transition: transform 1s;
                -o-transition: transform 1s;
                -webkit-transition: -webkit-transform 1s;
                transition: transform 1s;
            }

        /*#Plan .strip::after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: block;
            background-color: #2C0C00;
            opacity: 0.75;
        }*/

.strip p {
    position: relative;
    z-index: 100;
    color: #AF885D;
    font-size: 2.5em;
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    text-align: center;
}

.strip ul {
    list-style: none;
    margin: 0;
    padding: 24px 0 12px;
    position: relative;
    z-index: 100;
    text-align: center;
}

    .strip ul li {
        display: inline-block;
        margin: 0 2%;
        width: 25%;
    }

        .strip ul li:first-of-type {
            margin: 0 2% 0 0;
        }

        .strip ul li:last-of-type {
            margin: 0 0 0 2%;
        }

.strip li a {
    display: block;
    color: #FFFFFF;
    font-size: 5em;
    font-weight: 500;
    text-align: center;
    font-family: Ashwood, serif;
    line-height: 1em;
}

    .strip li a span {
        border-top: 2px solid #FFFFFF;
        border-bottom: 2px solid #FFFFFF;
        display: block;
        padding: 8px 0 0;
    }

    .strip li a i {
        width: 100px;
        height: 100px;
        display: block;
        margin: 16px auto;
    }

#Experience {
    position: relative;
    height: auto;
    width: 100%;
    z-index: 100;
    padding: 72px 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}

    #Experience .stamp {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: block;
        background: transparent url(../img/bg-otter-1920.jpg) no-repeat center 72px fixed;
        background-size: cover;
        z-index: -1;
    }

    #Experience .post-it {
        display: none;
    }

    #Experience .carousel {
        /*-moz-transform: translate(0, 200%);
        -ms-transform: translate(0, 200%);
        -o-transform: translate(0, 200%);
        -webkit-transform: translate(0, 200%);
        transform: translate(0, 200%);
        -moz-transition: transform 2s;
        -o-transition: transform 2s;
        -webkit-transition: -webkit-transform 2s;
        transition: transform 2s;*/
        padding: 0 0 48px;
    }

        #Experience .carousel.focus {
            -moz-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            -o-transform: translate(0, 0);
            -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
            -moz-transition: transform 2s;
            -o-transition: transform 2s;
            -webkit-transition: -webkit-transform 2s;
            transition: transform 2s;
        }

        #Experience .carousel .wrapping {
            width: 90%;
            margin: 0 auto;
            position: relative;
            z-index: 100;
            padding: 0 0 50px;
            max-width: 1024px;
        }

        #Experience .carousel .window {
            width: 100%;
            height: auto;
        }

            #Experience .carousel .window h1 {
                font-family: Ashwood, serif;
                font-size: 4.5em;
                color: #FFFFFF;
                font-weight: 400;
                border-top: 1px solid #FFFFFF;
                border-bottom: 1px solid #FFFFFF;
                display: inline;
                position: absolute;
                top: 20px;
                left: 20px;
                padding: 4px 0 0;
                margin: 0;
                z-index: 150;
            }

            #Experience .carousel .window img {
                display: inline-block;
                width: 100%;
                height: auto;
                vertical-align: middle;
                position: relative;
                z-index: 100;
            }

            #Experience .carousel .window p.info {
                display: inline-block;
                font-family: 'Bree Serif', serif;
                vertical-align: middle;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding: 20px 35% 25px 20px;
                width: 100%;
                color: #FFFFFF;
                font-size: 1.25em;
                margin: 0;
                line-height: 1em;
                position: absolute;
                bottom: 0;
                left: 0;
                z-index: 200;
                background: rgb(44, 12, 0);
                background: rgba(44, 12, 0, 0.75);
                min-height: 85px;
            }

                #Experience .carousel .window p.info .stand-first {
                    display: block;
                }

        #Experience .carousel .item .cta {
            z-index: 250;
            color: #FFFFFF;
        }

        #Experience .carousel .tabs {
            width: 100%;
        }

            #Experience .carousel .tabs li {
                /*width: 23%;*/
                margin: 0 6px;
            }

                #Experience .carousel .tabs li:first-of-type {
                    margin: 0 6px 0 0;
                }

                #Experience .carousel .tabs li:last-of-type {
                    margin: 0 0 0 6px;
                }
/*Flyouts*/


/*Popovers*/
#Hours {
    background-image: url(../img/pop-cubface.jpg);
    background-size: cover;
    background-position: 50% 50%;
}

    #Hours .post-it {
        display: none;
    }

#Prices {
    background-image: url(../img/mta-arcticwolves-1920.jpg);
    background-size: cover;
    background-position: 50% 50%;
}

    #Prices .post-it {
        display: none;
    }

    #Prices .cta, #Hours .cta {
        position: relative;
        z-index: 150;
        font-family: 'Bree Serif', serif;
        font-size: 1.75em;
        color: #ffffff;
        padding: 10px 20px;
        background: -moz-linear-gradient( top, #d66b18 0%, #9c470b);
        background: -webkit-gradient( linear, left top, left bottom, from(#d66b18), to(#9c470b));
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        border: 1px solid #d66b18;
        -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(255,255,255,0.7);
        -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(255,255,255,0.7);
        box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(255,255,255,0.7);
        text-shadow: 0px -1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.3);
    }
    #Prices .cta:hover, #Prices .cta:active, #Prices .cta:focus{
        background: -moz-linear-gradient( top, #9c470b 0%, #d66b18);
        background: -webkit-gradient( linear, left top, left bottom, from(#9c470b), to(#d66b18));
    }

button.css3button {
    color: #ffffff;
    padding: 10px 20px;
    background: -moz-linear-gradient( top, #d66b18 0%, #9c470b);
    background: -webkit-gradient( linear, left top, left bottom, from(#d66b18), to(#9c470b));
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border: 1px solid #d66b18;
    -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(255,255,255,0.7);
    -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(255,255,255,0.7);
    box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(255,255,255,0.7);
    text-shadow: 0px -1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.3);
}


.pop-up.takeover .overlay {
    position: relative;
    text-align: right;
    padding: 128px 0 0;
    height: 100%;
    margin: 0 5% 0 0;
    z-index: 100;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .pop-up.takeover .overlay .wrap {
        position: relative;
        padding: 24px;
        max-width: 500px;
        float: right;
    }

        .pop-up.takeover .overlay .wrap::before {
            content: "";
            width: 100%;
            height: 100%;
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            background-color: #FFFFFF;
            opacity: 0.85;
            z-index: 50;
        }

    .pop-up.takeover .overlay .shout {
        color: #D66A18;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 1.75em;
        position: relative;
        z-index: 100;
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
    }

    .pop-up.takeover .overlay .info-blk {
        color: #2C0C00;
        font-family: 'Open Sans', sans-serif;
        position: relative;
        z-index: 100;
    }

.pop-up.takeover .info-blk h2 {
    margin: 24px 0 12px;
}

.pop-up.takeover .info-blk p {
    margin: 0;
    padding: 1% 0;
}

.pop-up.takeover .overlay .pop-kill-trigger {
    top: 24px;
    right: 0;
    position: absolute;
    display: block;
    width: 75px;
    height: 75px;
}

/*Footer*/
footer {
    position: relative;
    display: block;
    z-index: 150;
    background-color: #FFFFFF;
    text-align: center;
    padding: 24px 48px;
}

    footer .addy {
        padding: 0 0 16px;
        text-transform: uppercase;
        font-family: 'Open Sans', sans-serif;
        color: #AF885D;
        font-weight: 500;
    }

    footer ul {
        list-style: none;
        margin: 0 0 8px;
        padding: 0;
    }

        footer ul li {
            display: inline-block;
        }

    footer #quickContactNav span.fa-stack, footer #footSocial span.fa-stack {
        font-size: 1.25em;
    }

    footer #quickContactNav i.fa-circle {
        color: #AF885D;
    }

    footer #footSocial i.fa-circle {
        color: #2C0C00;
    }

@media screen and (max-width: 1375px) {
    #mainLogo {
        width: 30%;
        max-width: 350px;
        min-width: 200px;
    }

        #mainLogo img {
            width: 100%;
            height: auto;
        }

    #mainNav {
        padding: 15px 0px 0 0;
    }

        #mainNav li {
            margin: 0 2%;
        }

            #mainNav li a {
                font-size: 0.85em;
            }

    #mainSocial {
        font-size: 0.85em;
        width: 152px;
    }

        #mainSocial li {
            margin: 0;
        }

    #Visit .carousel .wrapping {
        padding: 0 0 50px;
    }

    #Visit .carousel .tabs a {
        font-size: 1.85em;
    }

    #Information p {
        padding: 20px 0 20px 64px;
    }

    #Information i {
        width: 40px;
        height: 40px;
    }

    #Information i.fa{
        font-size: 1.85em;
    }
}

@media screen and (max-width: 1275px) {
    #Visit .stamp {
        background: transparent url(../img/bg-cubtree-1280.jpg) no-repeat center 72px fixed;
        background-size: cover;
    }

    #Visit .carousel .wrapping {
        padding: 0 0 44px;
    }

    #Visit .carousel .tabs a {
        font-size: 1.5em;
    }

    #Information p {
        font-size: 0.90em;
    }

        #Information p .details {
            font-size: 0.90em;
        }

    .flyout .wrap .conwrap .con-col {
        display: block;
        width: 100%;
    }

    #Experience .carousel .window img {
        width: 100%;
        height: auto;
    }
}

@media screen and (max-width: 1075px) {
    #mainNav {
        padding: 15px 0px 0 0px;
    }

        #mainNav li a {
            font-size: 0.85em;
        }

    #Welcome .wrapping {
        width: 100%;
        padding: 35% 24px 25%;
    }

    #Information i {
        display: none;
    }

    #Information p {
        padding: 12px 6px;
        text-align: center;
        font-size: 1.05em;
    }

    #Visit .carousel .wrapping {
        padding: 0 0 80px;
    }

    #Visit .carousel .tabs a {
        font-size: 1.75em;
    }

        #Visit .carousel .tabs a br {
            display: block;
        }

    .carousel .window .item p.cta {
        font-size: 1.25em;
    }

    .strip li a {
        font-size: 3.5em;
    }

        .strip li a i {
            width: 75px;
            height: 75px;
        }

    .flyout .wrap .lead-side-blk {
        display: block;
        width: 100%;
        padding: 64px 0 24px;
    }

        .flyout .wrap .lead-side-blk p {
            padding: 8px 0;
        }

    .flyout .overlay .pop-kill-trigger {
        position: absolute;
        top: -12px;
        width: 50px;
        height: 50px;
    }

    .flyout .wrap .side-full {
        width: 100%;
        margin: 8px 0;
    }

    .flyout .wrap .conwrap {
        width: 100%;
        padding: 12px;
        margin: 0 auto;
    }

    #StrollIt .wrap .conwrap .con-col {
        width: 100%;
        padding: 12px;
    }

    #StrollIt p {
        margin: 0;
    }
}

@media screen and (max-width: 975px) {
    #Visit .stamp {
        background: transparent url(../img/bg-cubtree-960.jpg) no-repeat center 72px fixed;
        background-size: cover;
    }

    #mainNav {
        padding: 15px 0 0 200px;
        right: -14px;
    }

    #mainSocial {
        display: none;
    }

    #mainFlags{
        right: 0px;
    }

    #Information p {
        font-size: 0.90em;
    }

    .breaker a.box {
        margin: 0 1%;
        font-size: 1.15em;
    }

        .breaker a.box i {
            width: 75px;
            height: 75px;
        }

    .flyout .wrap .lead-side-blk {
        display: block;
        width: 100%;
        padding: 64px 0 24px;
    }

        .flyout .wrap .lead-side-blk h1 {
            font-size: 3.5em;
        }

    .flyout .wrap .img-box.side-full, .flyout .wrap .conwrap {
        width: 100%;
        padding: 12px;
        margin: 0;
    }

    #Experience .carousel .window h1 {
        font-size: 3.5em;
    }
}

@media screen and (max-width: 875px) {
    #Welcome .wrapping {
        width: 100%;
        padding: 45% 24px 20%;
    }

    #mainLogo {
        top: -6px;
        left: 0;
    }

    #lnkPopMainNav {
        display: inline-block;
        position: relative;
        right: 0;
        top: 4px;
    }

    #mainNav {
        position: absolute;
        background-color: #FFFFFF;
        padding: 0;
        top: 60px;
        display: none;
    }

        #mainNav.launch {
            display: block;
        }

        #mainNav li {
            display: block;
            position: relative;
            padding: 4px 0;
        }

            #mainNav li a {
                display: block;
                text-align: center;
                white-space: nowrap;
                padding: 4px 24px;
                font-size: 1.15em;
            }

            #mainNav li ul.dropdown {
                display: none !important;
            }

    #SiteHead {
        padding: 30px 0 24px;
        height: 90px;
    }

    #Information p {
        padding: 6px 0;
        margin: 6px 0;
    }

    #Information .info-blk:first-of-type p {
        margin: 0 0 6px;
    }

    #Visit .carousel .wrapping {
        padding: 0 0 70px;
    }

    #Visit .carousel .tabs a {
        font-size: 1.5em;
    }

    .carousel .window .item p.cta {
        font-size: 1em;
    }
}

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

    #Welcome .wrapping {
        width: 100%;
        padding: 55% 24px 15%;
    }

    #Information {
        position: relative;
        width: 100%;
        display: block;
        text-align: center;
    }

        #Information .info-blk {
            display: inline-block;
            border: 1px solid transparent;
            vertical-align: top;
            width: 30%;
            margin-bottom: 1em;
        }

            #Information .info-blk i {
                display: block;
                position: relative;
                margin: 0 auto;
                top: auto;
                left: auto;
            }

            #Information .info-blk i.fa{
                font-size: 2em;
            }

            #Information .info-blk p .details {
                display: none;
            }

    .breaker a.box {
        font-size: 0.85em;
        margin: 0 auto;
        min-width: 200px;
    }

        .breaker a.box i {
            width: 75px;
            height: 75px;
        }

    .breaker .cta {
        padding: 4px 12px 0;
        max-width: 150px;
    }

    #Visit .carousel .window {
        width: 100%;
    }

    #Visit .carousel .wrapping {
        padding: 0 0 80px;
    }

    #Visit .carousel .tabs {
        width: 100%;
    }

        #Visit .carousel .tabs a {
            font-size: 1.75em;
        }

    .carousel .window .item p.cta {
        font-size: 1.25em;
    }

    .strip ul li, .strip ul li:last-of-type, .strip ul li:first-of-type {
        margin: 0 1% 48px;
        width: 200px;
    }

        .strip ul li a {
            display: inline;
        }

    #Experience .carousel .tabs li {
        margin: 4px auto !important;
        display: block;
        width: auto;
    }

        #Experience .carousel .tabs li a {
            border-top: 1px solid transparent;
        }

    #Experience .carousel .wrapping {
        padding: 0 0 284px;
    }
}

@media screen and (max-width: 675px) {
    #Visit .stamp, #Experience .stamp, #Plan .stamp {
        display: none;
    }

    #Welcome .wrapping {
        width: 100%;
        padding: 65% 24px 15%;
    }

    #Visit .stamp {
        background: transparent url(../img/bg-cubtree-640.jpg) no-repeat center 72px fixed;
        background-size: cover;
    }

#mainFlags{
    top: -25px;
}



    #Information .info-blk {
        display: inline-block;
        margin: 24px auto;
        width: 45%;
        font-size: 0.85em;
    }

        #Information .info-blk i {
            width: 50px;
            height: 50px;
        }

        #Information .info-blk i.fa{
            font-size: 3.5em;
        }

    #Facebook p {
        width: 90%;
    }

    .carousel .window .item p.cta {
        font-size: 1em;
    }

    .flyout .wrap .img-box p.showtimes {
        bottom: 0;
        right: 0;
        position: relative;
    }

    #Experience .carousel .window h1 {
        font-size: 2.5em;
    }

    #Experience .carousel .window p.info {
        display: none;
    }

    .breaker a.box {
        display: block;
        font-size: 1.25em;
        max-width: 95%;
    }

        .breaker a.box .cta {
            max-width: 200px;
            padding: 4px 12px 2px;
        }

    .strip ul li, .strip ul li:last-of-type, .strip ul li:first-of-type {
        display: block;
        width: 300px;
        max-width: 95%;
        font-size: 1.25em;
        margin: 0 auto 40px;
    }
}

@media screen and (max-width: 575px) {
    #Welcome {
        display: none;
    }

    #Visit .carousel .wrapping {
        padding: 0 0 164px;
    }

    #Visit .carousel .tabs li, #Visit .carousel .tabs li:last-of-type {
        display: block;
        width: 100%;
        margin: 0 0 6px;
    }

    #Visit .carousel .tabs a {
        border-top: 1px solid transparent;
    }

        #Visit .carousel .tabs a br {
            display: none;
        }

    #footLogo img {
        width: 90%;
        height: auto;
    }
}

@media screen and (min-width:960px) {
    #Experience {
        background: transparent url(../img/bg-otter-960.jpg) no-repeat top center fixed;
        background-size: cover;
    }
}

@media screen and (min-width:1280px) {
    #Experience {
        background: transparent url(../img/bg-otter-1280.jpg) no-repeat top center fixed;
        background-size: cover;
    }
}

@media screen and (min-width:1475px) {
    #Welcome .ico-usa {
        right: 100px;
    }

    #Welcome .ico-tourism {
        right: 103px;
    }

    #Experience {
        background: transparent url(../img/bg-otter-1920.jpg) no-repeat top center fixed;
        background-size: cover;
    }
}

@media only screen and (max-device-width: 1024px) {
    #Welcome video {
        display: none;
    }

    #Visit .stamp, #Experience .stamp, #Plan .stamp {
        display: none;
    }

    #fauxStamp {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: block;
        z-index: -1;
        background: url(../img/bg-cubtree-960.jpg) no-repeat center 72px;
        background-size: 1024px 768px;
        visibility: visible;
    }

        #fauxStamp.plan {
            background: url(../img/bg-wolves-1920.jpg) no-repeat center 72px;
            background-size: 1024px 768px;
        }

        #fauxStamp.experience {
            background: url(../img/bg-otter-1920.jpg) no-repeat center 72px;
            background-size: 1024px 768px;
        }
}