/* FONTS
-------------------------------------------------------
*/
@import url('https://fonts.googleapis.com/css?family=Dosis:200,300,400,500,600,700,800|PT+Sans:400,400i,700,700i');

/* Temp Style REMOVE AT LAUNCH
-------------------------------------------------------
*/
#CMSHeaderDiv {
    display: none;
}



/* basics and resets
--------------------------------logo-----------------------
*/
textarea:focus, input:focus {
    outline: none;
}

html,
body,
form {
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: 'PT Sans', Arial, Helvetica, sans-serif;
    font-style: normal;
    font-size: 16px;
    color: #333;
}

footer {
    width: 100%;
    position: static;
    bottom: 0;
    left: 0;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
}

h1 {
    position: relative;
    font-family: 'Dosis', Arial, Helvetica, sans-serif;
    font-size: 36px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 25px;
}

/* Title Heading*/
h2 {
    font-family: 'Dosis', Arial, Helvetica, sans-serif;
    font-size: 26px;
    font-weight: bold;
    margin: 50px 0 10px 0;
}

h3 {
    font-family: 'Dosis', Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: bold;
    margin: 25px 0 10px 0;
}

p {
    padding: 0 0 1.5em 0;
}

a {
    color: #0070CD;
    text-decoration: none;
}

    a:hover {
        text-decoration: underline;
    }

    a.pink-link {
        color: #E41491 !important;
        text-decoration: none;
    }

        a.pink-link:hover {
            color: #0070CD !important;
            text-decoration: underline;
        }

.back-title-link {
    font-size: 16px;
    vertical-align: top;
    text-transform: none;
    font-family: 'PT Sans', Arial, Helvetica, sans-serif;
}

.blue-button {
    padding: 10px 30px;
    color: #fff;
    background: #00ACBA;
    font-family: 'Dosis', Arial, Helvetica, sans-serif;
    outline: 0;
    border: 0;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer
}

    .blue-button:hover {
        background: #888888;
    }

img {
    max-width: 100%;
}


.alerts {
    display: none;
    background-color: #5cc9e6;
    padding: 15px 0;
}

.alerts > ul {
    list-style: none;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

.alerts > ul > li {
    color: #FFFFFF;
    font-size: 18px !important;
    /*min-height: 100%;*/
    /*line-height: 30px !important;*/
    padding: 0 35px;
    
    vertical-align: middle;
    display: table-cell;
}

.alerts > ul > li > img.icon {
    height: 30px;
    width: auto;
    vertical-align: middle;
}

.alerts > ul > li > a {
    padding-left: 15px;
    text-decoration: underline;
    color: #fff;
}


/* Header
-------------------------------------------------------
*/
.header {
    position: fixed;
    height: 280px;
    width: 98.5vw;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAC0CAYAAABVEkZPAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABV0RVh0Q3JlYXRpb24gVGltZQA0LzE4LzE4AjS+dQAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAqSURBVCiRY2BgYPjPxMjICCWYmJj+YeUOqMRgcsuQcORgcsuQcORAugUASZ23WOvJ+ZsAAAAASUVORK5CYII=');
    background-repeat: repeat-x;
    background-position: top left;
    z-index: 1000;
    
}

    .header.absolute {
        position: absolute;
       
    }

    .header > .logo {
        display: block;
        position: absolute;
        top: 0px;
        left: 0px;
        padding: 20px 0px 15px 40px;
        z-index: 101
    }

        .header > .logo a {
            display: inline-block;
            width: 300px;
            height: auto;
        }

        .header > .logo img {
            max-height: 100%;
            max-width: 100%;
        }

.headerDrop {
    background-image: url('/UI/Images/BackgroundGradientHome-scroll.png');
}

.page-intro {
    font-size: 20px;
    padding: 0px 0px 0px 0px;
    vertical-align: top;
    line-height: 1.5em;
}

    .page-intro span.margin-wrap {
        display: inline-block;
        padding-bottom: 45px;
    }

/* Footer
-------------------------------------------------------
*/
.footer {
    background-color: #333333;
    color: #FFFFFF;
    padding: 40px 90px;
}

    .footer > .inforow {
        display: table;
        width: 100%;
    }

        .footer > .inforow > .lcmldetails {
            display: table-cell;
            font-family: 'PT Sans', Arial, Helvetica, sans-serif;
            font-size: 14px;
            padding-right: 40px;
            vertical-align: top;
        }

        .footer > .inforow > .navarea {
            display: table-cell;
            font-family: 'PT Sans', Arial, Helvetica, sans-serif;
            font-size: 14px;
            text-align: right;
            vertical-align: top;
        }

        .footer > .inforow > .lcmldetails > .lcmlname {
            font-family: 'Dosis', Arial, Helvetica, sans-serif;
            font-size: 20px;
            font-weight: 600;
            margin-bottom: 15px;
        }

.navblock {
    display: inline-block;
    text-align: left;
    margin: 0px 0px 0px 40px;
    vertical-align: top;
}

.navtitle {
    font-family: 'Dosis', Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 600;
    text-align: left;
    text-transform: uppercase;
    margin-bottom: 5px;
}


.footerlink {
    color: white;
    text-decoration: underline;
}

    .footerlink:hover {
        color: #E41491;
    }

.footernavlink {
    display: block;
    color: white;
    text-decoration: none;
}

    .footernavlink:hover {
        color: #E41491;
        text-decoration: underline;
    }

.footersociallink {
    display: block;
    margin: 0 auto 20px auto;
    width: 30px;
    height: 30px;
}

    .footersociallink > img {
        max-height: 100%;
        max-width: 100%;
    }

.footer > .footfinal {
    display: table;
    table-layout: fixed;
    width: 100%;
    font-size: 12px;
    margin-top: 40px;
}

    .footer > .footfinal .footerlink {
        font-size: 12px;
    }

    .footer > .footfinal > .copyright {
        display: table-cell;
        text-align: left;
    }

    .footer > .footfinal > .legalinks {
        display: table-cell;
        text-align: right;
    }


/* Bounce
-------------------------------------------------------
*/
.bounce-up {
    opacity: 0;
    -moz-transition: all 800ms ease-out;
    -webkit-transition: all 800ms ease-out;
    -o-transition: all 800ms ease-out;
    transition: all 800ms ease-out;
    -moz-transform: translate3d(0px, 20px, 0px);
    -webkit-transform: translate3d(0px, 20px, 0px);
    -o-transform: translate(0px, 20px);
    -ms-transform: translate(0px, 20px);
    transform: translate3d(0px, 20, 0px);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

    .bounce-up.in-view {
        opacity: 1;
        -moz-transform: translate3d(0px, 0px, 0px);
        -webkit-transform: translate3d(0px, 0px, 0px);
        -o-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
        transform: translate3d(0px, 0px, 0px);
    }


/* Share Bug
-------------------------------------------------------
*/
.socialPostArea {
    /*float:right;*/
    position: absolute;
    top: 0px;
    right: 0px;
    max-height: 35px;
    vertical-align: top;
    /*background-color: #FFFFFF!important;*/
}

    .socialPostArea .share-stuff {
        display: inline-block;
        vertical-align: top;
        margin-right: 10px;
        /*background-color: #FFFFFF !important;*/
    }

        .socialPostArea .share-stuff .addthis-smartlayers {
            /*background-color: #FFFFFF;*/
        }

    .socialPostArea .share-icon {
        display: inline-block;
        width: 35px;
        height: 35px;
        background-image: url('../Images/IconShareOff.svg');
        background-position: center center;
        background-size: 25px 25px;
        background-repeat: no-repeat;
        vertical-align: top;
        /*background-color: #FFFFFF !important;*/
    }

        .socialPostArea .share-icon:hover {
            background-image: url('../Images/IconShareRoll.svg');
        }


/* TertiaryNav
-------------------------------------------------------
*/
.tertiaryNav {
    display: block;
    position: absolute;
    top: 0;
    padding-top: 15px;
    right: 40px;
    z-index: 10;
    vertical-align: bottom;
}

    .tertiaryNav .TertiaryLink:first-child {
        margin-left: 0px;
    }

    .tertiaryNav .TertiaryLink:last-child {
        margin-right: 0px;
    }

    .tertiaryNav .TertiaryLink {
        font-size: 14px;
        display: inline-block;
        margin: 0px 10px;
        padding-bottom: 3px;
        color: #FFFFFF;
        text-decoration: none;
        text-transform: uppercase;
        vertical-align: bottom;
    }

        .tertiaryNav .TertiaryLink:hover {
            color: #5CC9E6;
        }

        .tertiaryNav .TertiaryLink.tickets {
            font-family: 'Dosis', Arial, Helvetica, sans-serif;
            font-size: 16px;
            background-color: #E41491;
            color: #FFFFFF;
            padding: 5px 25px;
            border: 3px solid #E41491;
            box-shadow: inset 0 0 0 1px #FFFFFF;
            text-transform: uppercase
        }

            .tertiaryNav .TertiaryLink.tickets:hover {
                background-color: #FFFFFF;
                color: #E41491;
                border: 3px solid #FFFFFF;
                box-shadow: inset 0 0 0 1px #E41491;
            }



/* Page Banners
-------------------------------------------------------
*/
.maincontent .banner {
    display: block;
    position: relative;
}

    .maincontent .banner .banner-image {
        height: 280px;
        background-repeat: repeat-x;
    }

        .maincontent .banner .banner-image img {
            vertical-align: bottom;
            height: 100%;
            width: 100%;
        }

    .maincontent .banner .title-area {
        display: flex;
        position: absolute;
        left: 0px;
        bottom: 0px;
        height: 90px;
        width: 100%;
        color: #DA4D31;
        margin-top: 50px;
        clear: both;
        border-bottom: 15px solid #DA4D31;
        overflow: hidden;
        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABaCAYAAAB5XDy9AAAAAXNSR0IArs4c6QAAAJlJREFUGBltT20OxSAIG8V4g51i97/c/HpYIbrk8aOplBa8Li/F8zyK+76BnLNCrWClqLXKYiKiKKUAZO/7KgitNSClhDms4NPAA8h678AYAzCmE5xZz0Mp2D0uMIVqAGayzpS9AzAHnzoZdzijwB4ZbcZkOUL9Z/PQz4isw6O3R04WOxgq69Jw7KtOR3yaqtu2w/LO4RB2T38qhmqVQajpBgAAAABJRU5ErkJggg=='), repeat-x, bottom;
    }

        .maincontent .banner .title-area h1 {
            display: inline-block;
            align-self: flex-end;
            font-family: 'Dosis', Arial, Helvetica, sans-serif;
            font-size: 60px;
            line-height: 42px;
            font-weight: 700;
            margin-top: 0px;
            margin-right: 0px;
            margin-bottom: 0px;
            margin-left: 115px;
            text-transform: uppercase;
            text-shadow: 0 0 25px #000000;
        }

.maincontent .bannerintro-content {
    font-size: 22px;
    background-color: #DA4D31;
    color: #FFFFFF;
    /*padding: 20px 115px 40px 115px;*/
}

.maincontent.planyourvisit .bannerintro-content {
    background-color: #E41491;
}

.maincontent.exhibitsevents .bannerintro-content {
    background-color: #00ACBA;
}

.maincontent.computercollection .bannerintro-content {
    background-color: #76BC1B;
}

.maincontent.education .bannerintro-content {
    background-color: #0070CD;
}

.maincontent .bannerintro-content span.margin-wrap {
    display: inline-block;
    padding: 20px 40px 40px;
    width: 100%;
}


.maincontent.planyourvisit .banner .title-area {
    color: #E41491;
    border-bottom: 15px solid #E41491;
}

.maincontent.exhibitsevents .banner .title-area {
    color: #00ACBA;
    border-bottom: 15px solid #00ACBA;
}

.maincontent.computercollection .banner .title-area {
    color: #76BC1B;
    border-bottom: 15px solid #76BC1B;
}

.maincontent.education .banner .title-area {
    color: #0070CD;
    border-bottom: 15px solid #0070CD;
}

/* Content Styles
-------------------------------------------------------
*/
.maincontent .contentblock {
    padding: 40px 115px;
    vertical-align: top;
}

.landing-area {
    display: inline-block;
    text-align: left;
}

.landing-block {
    display: inline-block;
    width: 30%;
    min-width: 275px;
    text-decoration: none;
    color: #000000;
    margin-right: 15px;
    margin-left: 15px;
    margin-bottom: 30px;
    vertical-align: top;
}

    .landing-block:last-child {
        margin-right: 0px;
    }

    .landing-block:hover {
        text-decoration: none;
        color: #000000;
    }

    .landing-block img {
        max-width: 100%;
    }

    .landing-block .title {
        font-family: 'Dosis', Arial, Helvetica, sans-serif;
        font-size: 18px;
        font-weight: bold;
        color: #0070CD;
        margin-bottom: 5px;
        text-align: left;
    }

    .landing-block .abstract {
        margin-bottom: 5px;
        text-align: left;
    }

    .landing-block span.morelink {
        font-size: 14px;
        font-weight: bold;
        display: block;
        color: #0070CD;
        text-decoration: none;
        text-transform: uppercase;
        text-align: left;
    }

        .landing-block span.morelink:hover {
            text-decoration: underline;
        }


.giftshop-area {
    display: inline-block;
    text-align: left;
}

.giftshop-block {
    display: inline-block;
    width: 30%;
    min-width: 275px;
    text-decoration: none;
    color: #000000;
    margin-right: 15px;
    margin-left: 15px;
    margin-bottom: 30px;
    float: left;
}

    .giftshop-block:last-child {
        margin-right: 0px;
    }

    .giftshop-block img {
        max-width: 100%;
    }

    .giftshop-block .title {
        font-family: 'Dosis', Arial, Helvetica, sans-serif;
        font-size: 18px;
        font-weight: bold;
        color: #000000;
        margin-bottom: 5px;
        text-align: left;
    }

    .giftshop-block .abstract {
        margin-bottom: 5px;
        text-align: left;
    }


/*
	Blog Styles
	-------------------------------------------------------
*/
.blog-main {
    display: inline-block;
    width: 74%;
    padding-right: 40px;
    vertical-align: top;
}

    .blog-main > .blog-post {
        display: block;
        width: 100%;
        margin-bottom: 25px;
    }

        .blog-main > .blog-post > .blog-image {
            display: inline;
            width: 190px;
            height: 190px;
            float: left;
            margin: 0px 15px 0px 0px;
        }

            .blog-main > .blog-post > .blog-image > img {
                max-width: 100%;
                max-height: 100%;
            }

        .blog-main > .blog-post > .title {
            font-weight: bold;
            font-size: 18px;
            margin-bottom: 1px;
        }

        .blog-main > .blog-post > .date {
            font-weight: bold;
            margin-bottom: 1px;
        }

        .blog-main > .blog-post > .author {
            font-weight: normal;
            font-style: italic;
            font-size: 14px;
            margin-bottom: 1px;
        }

.blog-info {
    display: inline-block;
    width: 24%;
    vertical-align: top;
    padding-left: 40px;
}

.blog-main > .blog-full > .title {
    font-size: 40px;
    font-weight: bold;
}

.blog-main > .blog-full > .date {
    font-size: 18px;
    font-weight: bold;
}

.blog-main > .blog-full > .author {
    font-style: italic;
}

.blog-info > a.topic-link {
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    margin: 5px 0px 5px 0px;
}

.blog-info > .cat-head {
    font-size: 20px;
    font-weight: bold;
    color: #DA4D31;
    border-bottom: 5px solid #DA4D31;
    padding-bottom: 5px;
    margin-bottom: 15px;
    position: relative;
}

.blog-info > a.showAll {
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    background-color: #DA4D31;
    color: white;
    padding: 3px 10px;
    margin-bottom: 15px;
    vertical-align: bottom;
}

.blog-info > .author > .author-name {
    font-weight: bold;
    margin-bottom: 3px;
}

.blog-info > .author > .author-title {
    font-size: 12px;
    font-style: italic;
    margin-bottom: 5px;
}

.blog-info > .author > .author-about {
    margin-bottom: 10px;
    font-size: 12px;
}

ul.Filter {
    list-style-type: none;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

    ul.Filter li.filterLink {
        color: #0070CD;
        font-size: 16px;
        font-weight: bold;
        text-decoration: none;
        margin: 10px 0px 10px 0px;
        cursor: pointer;
    }

        ul.Filter li.filterLink.Selected {
            color: #DA4D31;
        }

        ul.Filter li.filterLink:hover {
            text-decoration: underline;
        }

.mobFilters {
    display: none;
    margin-bottom: 20px;
}

    .mobFilters > .showAll {
        display: inline-block;
        font-size: 14px;
        font-weight: normal;
        background-color: #DA4D31;
        color: white;
        padding: 3px 10px;
        vertical-align: bottom;
    }

    .mobFilters select {
        display: inline-block;
        height: 24px;
        vertical-align: bottom;
        border: 1px solid #DA4D31;
    }

select.mobTopicJump {
    width: 100%;
    margin-top: 15px;
}

.mobArea {
    display: inline-block;
    width: 25%;
    min-width: 150px;
    text-align: center;
}

.mobFilters .cat-head {
    font-size: 20px;
    font-weight: bold;
    color: #DA4D31;
    border-bottom: 5px solid #DA4D31;
    padding-bottom: 5px;
    margin-bottom: 15px;
    position: relative;
}

.mobFilters .author > .author-name {
    font-weight: bold;
    margin-bottom: 3px;
}

.mobFilters .author > .author-title {
    font-size: 12px;
    font-style: italic;
    margin-bottom: 3px;
}

.mobFilters .author > .author-about {
    font-size: 12px;
    margin-bottom: 10px;
}


/*
	Activity (Exhibit/Event/Workshop) Styles
	-------------------------------------------------------
*/
.activityList {
    display: inline-block;
    margin-left: -20px;
    margin-right: -20px;
}

.activity {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 33%;
    min-width: 300px;
    text-decoration: none;
    color: #000000;
}

    .activity > .activity-block {
        position: relative;
        margin: 0px 10px 20px 10px;
    }

.activity-block > .image img {
    max-width: 100%;
    width: 100%;
    max-height: 100%;
    height: 100%;
}

.activity-block > .image {
    position: relative;
}

.activity-block > h2.title {
    font-family: 'Dosis',Arial,Helvetica,sans-serif;
    font-size: 18px;
    color: #0070CD;
    font-weight: bold;
    margin-bottom: 5px;
}

.activity-block > .date {
    font-weight: bold;
}

.activity-block > .activity-link {
    font-weight: bold;
    margin-top: 5px;
}

.activity-block > .image > .typeIcon {
    position: absolute;
    bottom: 4px;
    right: 0px;
    width: 50px;
    height: 50px;
    -webkit-border-top-left-radius: 15px;
    -moz-border-radius-topleft: 15px;
    border-top-left-radius: 15px;
    border-top: 5px solid #FFF;
    border-left: 5px solid #FFF;
    background-color: #DA4D31;
}

.activity.exhibits > .activity-block > .image > .typeIcon {
    background-color: #00ACBA !important;
    background-image: url('/UI/Images/IconExhibits.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 25px 25px;
}

.activity.events > .activity-block > .image > .typeIcon {
    background-color: #E41491 !important;
    background-image: url('/UI/Images/IconEvents.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 25px 25px;
}

.activity.workshops > .activity-block > .image > .typeIcon {
    background-color: #76BC1B !important;
    background-image: url('/UI/Images/IconWorkshops.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 25px 25px;
}

.activity.exhibits > .activity-block > .special {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkWAUAALAArAt9puQAAAAASUVORK5CYII=);
    color: #FFFFFF;
    font-family: 'Dosis', Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-weight: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
    padding: 10px 0px;
    z-index: 100;
}

.filterArea {
    display: inline-block;
    font-family: 'PT Sans', Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-transform: none;
    vertical-align: top;
}

    .filterArea span {
        display: inline-block;
        vertical-align: top;
    }

    .filterArea .filterBlock {
        display: inline-block;
        width: 250px;
        padding: 0px 20px 0px 0px;
        background: #fff;
        border-bottom: 1px solid #000000;
        margin-bottom: -5px;
        overflow: hidden;
        position: relative;
        margin-right: 10px;
    }

        .filterArea .filterBlock .actFilter {
            width: 120%;
            background: url('/UI/Images/ddarrow.png');
            background-position: 90% center;
            background-repeat: no-repeat;
            background-size: 15px 8px;
            line-height: 1;
            border: 0;
            padding: 0;
            outline: none !important;
            border-radius: 0;
            width: 120%;
            height: 25px;
            position: relative;
            z-index: 10;
        }

    .filterArea button#reset {
        background-color: #00ACBA;
        color: #FFFFFF;
        border: 0;
        outline: 0;
        padding: 10px 15px;
        cursor: pointer;
    }

        .filterArea button#reset:hover {
            background-color: #888888;
        }

.key {
    position: absolute;
    top: 0px;
    right: 0px;
    display: block;
    font-size: 14px;
    text-transform: none;
    vertical-align: top;
}

    .key > .keyExhibit {
        display: inline-block;
        color: #00ACBA;
        vertical-align: middle;
        margin-right: 10px;
        cursor: pointer;
    }

        .key > .keyExhibit.selected > span {
            border-bottom: 2px solid #00ACBA;
        }

        .key > .keyExhibit > .icon {
            display: inline-block;
            width: 40px;
            height: 40px;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;
            background-color: #00ACBA !important;
            background-image: url('/UI/Images/IconExhibits.svg');
            background-repeat: no-repeat;
            background-position: center center;
            background-size: 25px 25px;
            vertical-align: middle;
        }

    .key > .keyEvent {
        display: inline-block;
        color: #E41491;
        vertical-align: middle;
        margin-right: 10px;
        cursor: pointer;
    }

        .key > .keyEvent.selected > span {
            border-bottom: 2px solid #E41491;
        }

        .key > .keyEvent > .icon {
            display: inline-block;
            width: 40px;
            height: 40px;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;
            background-color: #E41491 !important;
            background-image: url('/UI/Images/IconEvents.svg');
            background-repeat: no-repeat;
            background-position: center center;
            background-size: 25px 25px;
            vertical-align: middle;
        }

    .key > .keyWorkshop {
        display: inline-block;
        color: #76BC1B;
        vertical-align: middle;
        margin-right: 10px;
        cursor: pointer;
    }

        .key > .keyWorkshop.selected > span {
            border-bottom: 2px solid #76BC1B;
        }

        .key > .keyWorkshop > .icon {
            display: inline-block;
            width: 40px;
            height: 40px;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;
            background-color: #76BC1B !important;
            background-image: url('/UI/Images/IconWorkshops.svg');
            background-repeat: no-repeat;
            background-position: center center;
            background-size: 25px 25px;
            vertical-align: middle;
        }

/*
	Activity Detail Styles
	-------------------------------------------------------
*/
.activity-main {
    display: inline-block;
    width: 74%;
    padding-right: 40px;
    vertical-align: top;
    /*border: 1px solid red;*/
}

    .activity-main > .date {
    }

        .activity-main > .date > .addToCal {
            font-weight: normal;
            display: inline-block;
            background-color: #5CC9E6;
            color: #FFFFFF;
            border: 0;
            outline: 0;
            padding: 2px 20px;
            float: right;
        }

            .activity-main > .date > .addToCal:hover {
                text-decoration: none;
                background-color: #888888;
            }

.activity-info {
    display: inline-block;
    width: 24%;
    vertical-align: top;
    padding-left: 40px;
    /*border: 1px solid green;*/
}

    .activity-info > .activityLoc {
        width: 100%;
        height: auto;
        margin-bottom: 15px;
    }

        .activity-info > .activityLoc > img {
            max-width: 100%;
            height: auto;
        }

.activity-details > .activity-info > h2.infoSub {
    font-size: 22px;
    border-bottom: 5px solid #00ACBA;
    padding-bottom: 5px;
    margin-bottom: 10px;
    color: #00ACBA;
}

.activity-info > ul.subList {
    padding: 0px 0px 0px 25px;
    margin: 0px 0px 15px 0px;
}

    .activity-info > ul.subList > li {
        list-style: none;
        position: relative;
        margin-bottom: 5px;
    }

        .activity-info > ul.subList > li::before {
            content: "\2022";
            position: absolute;
            left: -1em;
            top: -0.2em;
            font-size: 1.5em;
        }

        .activity-info > ul.subList > li > a.infobar-link {
            font-size: 16px;
            font-weight: bold;
            text-decoration: none;
        }

            .activity-info > ul.subList > li > a.infobar-link:hover {
                text-decoration: underline;
            }

.ticInfo {
    margin-bottom: 15px;
}

.tic-link {
    font-weight: normal;
    display: inline-block;
    background-color: #5CC9E6;
    color: #FFFFFF;
    border: 0;
    outline: 0;
    padding: 2px 20px;
    margin: 10px auto 0px auto;
}

    .tic-link:hover {
        text-decoration: none;
        background-color: #888888;
    }


/*
	FOR THIS TO WORK WHATEVER DOM OBJECT YOU USE HAS TO HAVE A data-text ATTRIBUTE
	WITH THE SAME TEXT AS THE OBJECT ITSELF. e.g. <div data-text="Glitch">Glitch</div>
*/
h1.glitch {
    position: relative;
}

    h1.glitch:before {
        content: attr(data-text);
        position: absolute;
        left: -2px;
        text-shadow: 1px 0 #76BC1B; /*blue*/
        top: 0;
        color: black;
        background: white;
        overflow: hidden;
        clip: rect(0, 900px, 0, 0);
        animation: noise-anim-2 3s infinite linear alternate-reverse;
    }

    h1.glitch:after {
        content: attr(data-text);
        position: absolute;
        left: 2px;
        text-shadow: -1px 0 #E41491; /*red*/
        top: 0;
        color: black;
        background: white;
        overflow: hidden;
        clip: rect(0, 900px, 0, 0);
        animation: noise-anim 2s infinite linear alternate-reverse;
    }

@keyframes noise-anim {
    0% {
        clip: rect(87px, 9999px, 30px, 0);
    }

    5% {
        clip: rect(6px, 9999px, 27px, 0);
    }

    10% {
        clip: rect(19px, 9999px, 28px, 0);
    }

    15% {
        clip: rect(70px, 9999px, 3px, 0);
    }

    20% {
        clip: rect(37px, 9999px, 13px, 0);
    }

    25% {
        clip: rect(36px, 9999px, 10px, 0);
    }

    30% {
        clip: rect(11px, 9999px, 51px, 0);
    }

    35% {
        clip: rect(47px, 9999px, 42px, 0);
    }

    40% {
        clip: rect(39px, 9999px, 22px, 0);
    }

    45% {
        clip: rect(93px, 9999px, 94px, 0);
    }

    50% {
        clip: rect(82px, 9999px, 8px, 0);
    }

    55% {
        clip: rect(11px, 9999px, 21px, 0);
    }

    60% {
        clip: rect(75px, 9999px, 30px, 0);
    }

    65% {
        clip: rect(16px, 9999px, 41px, 0);
    }

    70% {
        clip: rect(11px, 9999px, 48px, 0);
    }

    75% {
        clip: rect(21px, 9999px, 65px, 0);
    }

    80% {
        clip: rect(48px, 9999px, 67px, 0);
    }

    85% {
        clip: rect(50px, 9999px, 56px, 0);
    }

    90% {
        clip: rect(63px, 9999px, 3px, 0);
    }

    95% {
        clip: rect(25px, 9999px, 42px, 0);
    }

    100% {
        clip: rect(93px, 9999px, 65px, 0);
    }
}

@keyframes noise-anim-2 {
    0% {
        clip: rect(12px, 9999px, 86px, 0);
    }

    5% {
        clip: rect(96px, 9999px, 2px, 0);
    }

    10% {
        clip: rect(51px, 9999px, 42px, 0);
    }

    15% {
        clip: rect(7px, 9999px, 56px, 0);
    }

    20% {
        clip: rect(69px, 9999px, 19px, 0);
    }

    25% {
        clip: rect(95px, 9999px, 63px, 0);
    }

    30% {
        clip: rect(25px, 9999px, 53px, 0);
    }

    35% {
        clip: rect(41px, 9999px, 45px, 0);
    }

    40% {
        clip: rect(79px, 9999px, 89px, 0);
    }

    45% {
        clip: rect(69px, 9999px, 79px, 0);
    }

    50% {
        clip: rect(96px, 9999px, 52px, 0);
    }

    55% {
        clip: rect(70px, 9999px, 15px, 0);
    }

    60% {
        clip: rect(38px, 9999px, 98px, 0);
    }

    65% {
        clip: rect(71px, 9999px, 70px, 0);
    }

    70% {
        clip: rect(89px, 9999px, 30px, 0);
    }

    75% {
        clip: rect(83px, 9999px, 79px, 0);
    }

    80% {
        clip: rect(37px, 9999px, 21px, 0);
    }

    85% {
        clip: rect(89px, 9999px, 62px, 0);
    }

    90% {
        clip: rect(6px, 9999px, 4px, 0);
    }

    95% {
        clip: rect(82px, 9999px, 79px, 0);
    }

    100% {
        clip: rect(49px, 9999px, 35px, 0);
    }
}


/* FAQ Items
	------------------------------------------------*/
#expand-all-faqs {
    font-family: 'Dosis', Arial, Helvetica, sans-serif;
    font-size: 20px;
    margin-top: 50px;
    margin-bottom: 50px;
    line-height: 80px;
    font-weight: 700;
    cursor: pointer;
}

ul.tabs {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    list-style: none;
}

    ul.tabs li {
        background: none;
        color: #E41491;
        font-weight: bold;
        display: inline-block;
        padding: 5px 15px;
        border: 1px solid #E41491;
        margin-right: 15px;
        margin-bottom: 10px;
        cursor: pointer;
    }

        ul.tabs li.current {
            background-color: #E41491;
            color: #FFFFFF;
        }

.maincontent.planyourvisit ul.tabs li {
    color: #E41491;
    border: 1px solid #E41491;
}

    .maincontent.planyourvisit ul.tabs li.current {
        background-color: #E41491;
        color: #FFFFFF;
    }

.maincontent.exhibitsevents ul.tabs li {
    color: #00ACBA;
    border: 1px solid #00ACBA;
}

    .maincontent.exhibitsevents ul.tabs li.current {
        background-color: #00ACBA;
        color: #FFFFFF;
    }

.maincontent.computercollection ul.tabs li {
    color: #76BC1B;
    border: 1px solid #76BC1B;
}

    .maincontent.computercollection ul.tabs li.current {
        background-color: #76BC1B;
        color: #FFFFFF;
    }

.maincontent.education ul.tabs li {
    color: #0070CD;
    border: 1px solid #0070CD;
}

    .maincontent.education ul.tabs li.current {
        background-color: #0070CD;
        color: #FFFFFF;
    }

.tab-content {
    display: none;
    background: transparent;
    padding: 15px 0px;
}

    .tab-content.current {
        display: inherit;
    }


.faqitem {
    margin-bottom: 20px;
}

    .faqitem > .question {
        font-size: 18px;
        font-weight: bold;
        position: relative;
        padding-left: 70px;
        padding-right: 40px;
        padding-bottom: 20px;
    }

        .faqitem > .question > .Q {
            display: block;
            font-family: 'Dosis', Arial, Helvetica, sans-serif;
            font-size: 30px;
            line-height: 24px;
            font-weight: bold;
            vertical-align: top;
            position: absolute;
            top: 0px;
            left: 40px;
        }

        .faqitem > .question > .ctrl {
            display: block;
            font-family: 'Dosis', Arial, Helvetica, sans-serif;
            height: 30px;
            width: 30px;
            color: #E41491;
            border: 1px solid #E41491;
            font-size: 30px;
            line-height: 20px;
            font-weight: bold;
            vertical-align: middle;
            text-align: center;
            position: absolute;
            top: 0px;
            left: 0px;
            cursor: pointer;
        }

.maincontent.planyourvisit .faqitem > .question > .ctrl {
    color: #E41491;
    border: 1px solid #E41491;
}

.maincontent.exhibitsevents .faqitem > .question > .ctrl {
    color: #00ACBA;
    border: 1px solid #00ACBA;
}

.maincontent.computercollection .faqitem > .question > .ctrl {
    color: #76BC1B;
    border: 1px solid #76BC1B;
}

.maincontent.education .faqitem > .question > .ctrl {
    color: #0070CD;
    border: 1px solid #0070CD;
}

.faqitem > .answer {
    display: none;
    font-weight: normal;
    position: relative;
    padding-left: 110px;
    padding-right: 40px;
    padding-bottom: 20px;
}

    .faqitem > .answer > .A {
        display: block;
        font-family: 'Dosis', Arial, Helvetica, sans-serif;
        font-size: 30px;
        line-height: 24px;
        font-weight: bold;
        vertical-align: top;
        position: absolute;
        top: 0px;
        left: 80px;
    }


/* Vintage Collection Items
	------------------------------------------------*/
.CollectionIntro {
    margin-bottom: 25px;
}

    .CollectionIntro > .Intro {
        display: inline-block;
        width: 65%;
        vertical-align: top;
        padding-right: 20px;
        border-right: 3px solid #76BC1B;
    }

    .CollectionIntro > .Archive {
        display: inline-block;
        font-size: 16px;
        line-height: normal;
        width: 32%;
        vertical-align: top;
        padding-left: 20px;
    }

        .CollectionIntro > .Archive > .title {
            font-family: 'Dosis', Arial, Helvetica, sans-serif;
            font-size: 20px;
            font-weight: bold;
            text-transform: uppercase;
            margin-bottom: 5px;
        }

        .CollectionIntro > .Archive > .abstract {
            margin-bottom: 10px;
        }

    .CollectionIntro button#SearchCat {
        background-color: #00ACBA;
        color: #FFFFFF;
        border: 0;
        outline: 0;
        padding: 10px 25px;
        cursor: pointer;
    }

        .CollectionIntro button#SearchCat:hover {
            background-color: #888888;
        }


.KeyNav {
    margin: 50px 0;
}

    .KeyNav > .JumpLink {
        padding: 0px 10px;
        font-size: 18px;
        line-height: 18px;
        font-family: 'Dosis', Arial, Helvetica, sans-serif;
        font-weight: bold;
        border-left: 2px solid #000000;
    }

        .KeyNav > .JumpLink:first-child {
            padding-left: 0px !important;
            border-left: none !important;
        }

    .KeyNav > .iconKey {
        float: right;
    }

        .KeyNav > .iconKey > .keyItem {
            display: inline-block;
            height: 30px;
            width: 95px;
            vertical-align: top;
        }

            .KeyNav > .iconKey > .keyItem .label {
                display: inline-block;
                font-size: 13px;
                color: #000000;
                max-width: 40px;
                height: 30px;
                vertical-align: middle;
            }

.ooak {
    display: inline-block;
    height: 30px;
    width: 30px;
    background-color: #DA4D31;
    background-image: url('/UI/Images/IconOneOfAKind.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px 20px;
    vertical-align: top;
    /*float: left;*/
    margin-right: 5px;
}

.usable {
    display: inline-block;
    height: 30px;
    width: 30px;
    background-color: #00ACBA;
    background-image: url('/UI/Images/IconUsable.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px 20px;
    vertical-align: top;
    /*float: left;*/
    margin-right: 5px;
}

.oa {
    display: inline-block;
    height: 30px;
    width: 30px;
    background-color: #76BC1B;
    background-image: url('/UI/Images/IconOnlineAccess.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px 20px;
    vertical-align: top;
    /*float: left;*/
    margin-right: 5px;
}


.CollectionList {
}

    .CollectionList > a > h2.SectionName {
        font-size: 24px;
        border-bottom: 5px solid #76BC1B;
        padding-bottom: 5px;
        margin-bottom: 10px;
        margin-top: 10px;
        color: #76BC1B;
    }

    .CollectionList > a:before {
        display: block;
        content: " ";
        height: 150px; /* Give height of your fixed element */
        margin-top: -150px; /* Give negative margin of your fixed element */
        visibility: hidden;
    }

    .CollectionList > a:hover {
        text-decoration: none;
    }

    .CollectionList > .SectionIntro {
        margin-bottom: 20px;
    }

    .CollectionList > .SectionList {
        margin: 0 -10px 50px -10px;
        vertical-align: top;
        border: 1px solid transparent;
    }

        .CollectionList > .SectionList > .computer-block {
            display: inline-block;
            width: 25%;
            min-width: 220px;
            /*border: 1px solid lime;*/
            padding: 0px 10px;
            margin-bottom: 20px;
            color: #000000;
            vertical-align: top;
        }

            .CollectionList > .SectionList > .computer-block:hover {
                text-decoration: none;
            }

            .CollectionList > .SectionList > .computer-block > .image {
                width: 100%;
            }

                .CollectionList > .SectionList > .computer-block > .image > img {
                    width: 100%;
                    height: auto;
                }

            .CollectionList > .SectionList > .computer-block > .name {
                font-size: 16px;
                font-family: 'Dosis', Arial, Helvetica, sans-serif;
                font-weight: bold;
                color: #0070cd;
            }

            .CollectionList > .SectionList > .computer-block > .date {
                font-size: 14px;
                font-family: 'PT Sans', Arial, Helvetica, sans-serif;
                font-style: italic;
            }

            .CollectionList > .SectionList > .computer-block > .manufacturer {
                font-size: 14px;
                font-family: 'PT Sans', Arial, Helvetica, sans-serif;
                font-style: normal;
                margin-bottom: 10px;
            }

.collection-details {
    white-space: nowrap;
}

    .collection-details > .collection-main {
        display: inline-block;
        width: 74.5%;
        padding-right: 40px;
        vertical-align: top;
        white-space: normal;
        /*border: 1px solid red;*/
    }

    .collection-details > .collection-info {
        display: inline-block;
        font-size: 14px;
        width: 24.5%;
        vertical-align: top;
        padding-left: 40px;
        white-space: normal;
        /*border: 1px solid green;*/
    }

        .collection-details > .collection-info > .details > ul {
            padding: 0px 0px 0px 20px;
        }

            .collection-details > .collection-info > .details > ul > li {
                list-style: none;
                position: relative;
                margin-bottom: 5px;
            }

                .collection-details > .collection-info > .details > ul > li::before {
                    content: "\2022";
                    position: absolute;
                    left: -1em;
                    top: -0.2em;
                    font-size: 1.5em;
                }

.collection-infonav {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}

    .collection-infonav > .backlink {
        float: right;
    }

.collection-details > .collection-info > .floorplanImage > img {
    max-width: 100%;
    width: 100%;
    height: auto;
    margin-bottom: 40px;
}

.collection-details > .collection-info > h2.infoSub {
    font-size: 22px;
    border-bottom: 5px solid #76BC1B;
    padding-bottom: 5px;
    margin-bottom: 10px;
    color: #76BC1B;
}


.collection-details > .collection-main > .info-block {
    display: inline-block;
    margin-bottom: 25px;
}

    .collection-details > .collection-main > .info-block > h3 {
        font-family: 'PT Sans', Arial, Helvetica, sans-serif;
        font-size: 16px;
        font-weight: bold;
    }

    .collection-details > .collection-main > .info-block.restoration > a.restoration-link {
        display: block;
        font-weight: bold;
        text-transform: uppercase;
    }

.collection-details > .collection-info > .info-block {
    display: inline-block;
    width: 100%;
    margin-bottom: 25px;
}

    .collection-details > .collection-info > .info-block > .info-link {
        display: inline-block;
        background-color: #00ACBA;
        padding: 10px 50px;
        text-align: center;
        min-width: 250px;
        width: 100%;
        color: #FFFFFF;
        letter-spacing: .5px;
        font-family: 'Dosis', Arial, Helvetica, sans-serif;
        text-transform: uppercase;
    }

        .collection-details > .collection-info > .info-block > .info-link:hover {
            text-decoration: none;
            background-color: #A6A6A6;
        }

.calKey {
    width: 40%;
    min-width: 325px;
    margin: 0 auto 15px auto;
    padding-top: 5px;
}

    .calKey .calKeyItem {
        display: inline-block;
        vertical-align: middle;
        font-weight: bold;
        font-size: 14px;
        margin-right: 15px;
    }

        .calKey .calKeyItem .tdate {
            display: inline-block;
            vertical-align: middle;
            width: 40px;
            height: 40px;
            background-color: #00ACBA;
            margin-right: 5px;
        }

        .calKey .calKeyItem .evdate {
            display: inline-block;
            vertical-align: middle;
            width: 40px;
            height: 40px;
            background-color: #C1E7F3;
            margin-right: 5px;
        }

        .calKey .calKeyItem .cldate {
            display: inline-block;
            vertical-align: middle;
            width: 40px;
            height: 40px;
            background-color: #d7d7d7;
            margin-right: 5px;
        }

#listTitle {
    font-family: 'Dosis', Arial, Helvetica, sans-serif;
    font-size: 32px;
    font-weight: bold;
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 15px;
}



/*News + Media Styles
	------------------------------------------------*/
.NewsList > a > h2.SectionName {
    font-size: 24px;
    border-bottom: 7px solid #DA4D31;
    padding-bottom: 5px;
    margin-bottom: 15px;
    color: #DA4D31;
}

.NewsList .SectionList > .NewsMediaItem {
    margin-bottom: 15px;
}

.NewsList > a:before {
    display: block;
    content: " ";
    height: 150px; /* Give height of your fixed element */
    margin-top: -150px; /* Give negative margin of your fixed element */
    visibility: hidden;
}

.NewsList > a:hover {
    text-decoration: none;
}

.NewsList .SectionList {
    margin-bottom: 25px;
}

    .NewsList .SectionList > .NewsMediaItem:last-child {
        margin-bottom: 25px;
    }

    .NewsList .SectionList > .NewsMediaItem > .NewsDate {
        font-weight: bold;
        display: inline-block;
        width: 10%;
        min-width: 120px;
        vertical-align: top;
    }

    .NewsList .SectionList > .NewsMediaItem > .NewsInfo {
        display: inline-block;
        width: 89%;
        vertical-align: top;
    }

        .NewsList .SectionList > .NewsMediaItem > .NewsInfo > .NewsLink {
            font-family: 'Dosis', Arial, Helvetica, sans-serif;
            font-weight: bold;
            font-size: 18px;
            color: #0070CD;
        }

        .NewsList .SectionList > .NewsMediaItem > .NewsInfo > .NewsSource {
            font-style: italic;
        }

    .NewsList .SectionList > .show-more {
        display: inline-block;
        font-family: 'Dosis', Arial, Helvetica, sans-serif;
        background-color: #5CC9E6;
        color: #FFFFFF;
        border: 0;
        outline: 0;
        padding: 5px 25px;
        margin-right: 25px;
        margin-left: 10%;
        cursor: pointer;
    }

        .NewsList .SectionList > .show-more:hover {
            background-color: #888888;
            text-decoration: none;
        }

    .NewsList .SectionList > .show-all {
        display: inline-block;
        font-family: 'Dosis', Arial, Helvetica, sans-serif;
        font-size: 18px;
        color: #0070cd;
        font-weight: bold;
        cursor: pointer;
    }

        .NewsList .SectionList > .show-all:hover {
            text-decoration: underline;
        }

.BackLink {
    font-size: 16px;
    font-weight: bold;
}

.FullPressRelease > .PageTitle {
    font-size: 32px;
    font-weight: bold;
    text-transform: uppercase;
}

.FullPressRelease > .NewsDate {
    font-size: 18px;
    font-weight: bold;
    font-style: italic;
    vertical-align: middle;
    margin: 35px 0px;
}

.FullPressRelease > .NewsBody {
    font-size: 18px;
}

    .FullPressRelease > .NewsBody img {
        max-width: 100%;
        width: auto;
    }



/*Private Events Styles
	------------------------------------------------*/
.PrivateEvent {
    vertical-align: top;
    margin-bottom: 100px;
}

    .PrivateEvent > .RoomInfo {
        vertical-align: top;
    }

        .PrivateEvent > .RoomInfo > .RoomImage {
            display: inline-block;
            width: 65%;
            vertical-align: top;
            margin-right: 6%;
        }

            .PrivateEvent > .RoomInfo > .RoomImage > img {
                width: 100%;
                max-width: 100%;
            }

        .PrivateEvent > .RoomInfo > .RoomDetails {
            font-family: 'PT Sans', Arial, Helvetica, sans-serif;
            display: inline-block;
            width: 28%;
            vertical-align: top;
        }

            .PrivateEvent > .RoomInfo > .RoomDetails > .Name {
                Font-Family: 'Dosis', Arial, Helvetica, sans-serif;
                font-size: 30px;
                font-weight: bold;
                color: #000000;
                margin-bottom: 25px;
            }

            .PrivateEvent > .RoomInfo > .RoomDetails > .Capacity {
                Font-Family: 'Dosis', Arial, Helvetica, sans-serif;
                font-size: 18px;
                font-weight: bold;
                margin-top: 15px;
                margin-bottom: 25px;
            }

            .PrivateEvent > .RoomInfo > .RoomDetails > .Map > img {
                width: 100%;
                max-width: 100%;
                margin-bottom: 25px;
            }

            .PrivateEvent > .RoomInfo > .RoomDetails > .Link > a.pelink {
                display: inline-block;
                width: 100%;
                font-family: 'Dosis', Arial, Helvetica, sans-serif;
                background-color: #00ACBA;
                color: #FFFFFF;
                border: 0;
                outline: 0;
                padding: 10px 25px;
                cursor: pointer;
                text-align: center;
            }

                .PrivateEvent > .RoomInfo > .RoomDetails > .Link > a.pelink:hover {
                    background-color: #888888;
                    text-decoration: none;
                }


/* HOMEPAGE Section Info Block Styles
-------------------------------------------------------
*/
.SectionInfoRow {
    display: block;
    width: 100%;
    font-size: 0;
}

    .SectionInfoRow > .SectionInfo {
        position: relative;
        display: inline-block;
        width: 25%;
        vertical-align: top;
        padding-bottom: 80px;
        white-space: normal;
        /*margin-top: 50px;*/
    }

        .SectionInfoRow > .SectionInfo.explore {
            background-color: #00ACBA;
            background-image: url('/UI/Images/blockbg.jpg');
            background-repeat: repeat-x;
            background-position: top left;
        }

        .SectionInfoRow > .SectionInfo.attend {
            background-color: #E41491;
            background-image: url('/UI/Images/blockbg.jpg');
            background-repeat: repeat-x;
            background-position: top left;
        }

        .SectionInfoRow > .SectionInfo.learn {
            background-color: #0070CD;
            background-image: url('/UI/Images/blockbg.jpg');
            background-repeat: repeat-x;
            background-position: top left;
        }

        .SectionInfoRow > .SectionInfo.research {
            background-color: #76BC1B;
            background-image: url('/UI/Images/blockbg.jpg');
            background-repeat: repeat-x;
            background-position: top left;
        }

        .SectionInfoRow > .SectionInfo > .whitebloc {
            width: 100%;
            height: 50px;
            background-color: #FFFFFF;
            position: absolute;
            top: 0px;
            left: 0px;
            z-index: -1;
        }

        .SectionInfoRow > .SectionInfo > .sidebar {
            display: inline-block;
            width: 50px;
            min-height: 250px;
            overflow: hidden;
        }

            .SectionInfoRow > .SectionInfo > .sidebar > .title {
                display: inline-block;
                width: 200px;
                height: 50px;
                font-family: 'Dosis', Arial, Helvetica, sans-serif;
                font-size: 30px;
                line-height: 30px;
                vertical-align: middle;
                font-weight: bold;
                text-transform: uppercase;
                color: #FFFFFF;
                -webkit-transform: rotate(90deg);
                -moz-transform: rotate(90deg);
                -o-transform: rotate(90deg);
                -ms-transform: rotate(90deg);
                transform: rotate(90deg);
                transform-origin: bottom left;
                margin: 0px 0px 0px 0px;
                padding: 10px 0px 0px 20px;
            }

        .SectionInfoRow > .SectionInfo > .mini-slideshow {
            display: inline-block;
            font-size: 16px;
            width: calc(100% - 50px);
            min-height: 300px;
            color: #FFFFFF;
            vertical-align: top;
            z-index: 100;
        }

        .SectionInfoRow > .SectionInfo > .navrow {
            display: block;
            position: absolute;
            left: 0px;
            bottom: 0px;
            font-size: 16px;
            width: 100%;
            padding: 20px 0px 30px 55px;
            z-index: 100;
        }

            .SectionInfoRow > .SectionInfo > .navrow > a.blocklink {
                font-weight: bold;
                text-transform: uppercase;
                color: #FFFFFF;
                border: 1px solid #FFFFFF;
                padding: 5px 10px;
                z-index: 1000;
            }

                .SectionInfoRow > .SectionInfo > .navrow > a.blocklink:hover {
                    background-color: #888888;
                    text-decoration: none;
                }

        .SectionInfoRow > .SectionInfo .slide > .image img {
            width: 100%;
            max-width: 100%;
        }

        .SectionInfoRow > .SectionInfo .slide > .title a {
            color: #FFFFFF !important;
        }

        .SectionInfoRow > .SectionInfo .slide > .title {
            font-family: 'Dosis', Arial, Helvetica, sans-serif;
            font-size: 20px;
            font-weight: bold;
            text-transform: uppercase;
            margin: 10px 0px 10px 0px;
        }

        .SectionInfoRow > .SectionInfo .slide > .date {
            font-family: 'PT Sans', Arial, Helvetica, sans-serif;
            font-weight: bold;
            margin: 0px 0px 10px 0px;
        }

        .SectionInfoRow > .SectionInfo .slide > .abstract {
            padding-right: 15px;
            overflow: hidden;
        }

.SectionInfo > .mini-slideshow .slick-dots {
    display: inline-block;
    left: 0px !important;
    width: auto;
    height: 35px;
    padding: 0px 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    border-top-right-radius: 10px;
}

.SectionInfo > .mini-slideshow > .slick-dots li button {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.SectionInfo.explore > .mini-slideshow > .slick-dots {
    background-color: #00ACBA;
}

.SectionInfo.attend > .mini-slideshow > .slick-dots {
    background-color: #E41491;
}

.SectionInfo.learn > .mini-slideshow > .slick-dots {
    background-color: #0070CD;
}

.SectionInfo.research > .mini-slideshow > .slick-dots {
    background-color: #76BC1B;
}

.SectionInfo > .mini-slideshow > .slick-prev, .SectionInfo > .mini-slideshow > .slick-next {
    padding: 20px;
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: auto;
    display: block;
    width: 35px;
    height: 45px;
    padding: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background-color: transparent;
    z-index: 10;
}

.SectionInfo > .mini-slideshow > .slick-prev {
    right: 55px;
    left: auto;
    background-image: url('../Images/prev.png');
    background-size: 17px 27px;
    background-position: center center;
    background-repeat: no-repeat;
}

    .SectionInfo > .mini-slideshow > .slick-prev:hover {
        right: 55px;
        left: auto;
        background-image: url('../Images/prev.png');
        background-size: 17px 27px;
        background-position: center center;
        background-repeat: no-repeat;
    }

[dir='rtl'] .SectionInfo > .mini-slideshow > .slick-prev {
    right: 0;
    left: auto;
}

.SectionInfo > .mini-slideshow > .slick-next {
    right: 20px;
    background-image: url('../Images/next.png');
    background-size: 17px 27px;
    background-position: center center;
    background-repeat: no-repeat;
}

    .SectionInfo > .mini-slideshow > .slick-next:hover {
        right: 20px;
        background-image: url('../Images/next.png');
        background-size: 17px 27px;
        background-position: center center;
        background-repeat: no-repeat;
    }

[dir='rtl'] .SectionInfo > .mini-slideshow > .slick-next {
    right: auto;
    left: 0;
}

/* LCM Promos */

.PromoContent {
    box-sizing: border-box;
    border: 1px solid #bfbfbf;
    width: 260px;
    margin: 20px;
    background: #fff;
}

.promoHeadline {
    padding: 10px;
    font-size: 16px;
    font-weight: bold;
}

.promoImage img {
    display: block;
    width: 260px;
    height: auto;
}

.promoSubHeadline {
    padding: 10px;
    font-size: 14px;
    font-weight: normal;
}

.promoCopy {
    padding: 10px;
}

/* end section*/


/* HomePage select activities
-------------------------------------------------------
*/
.activities {
    min-height: 72px;
    line-height: 72px;
    background-color: #D9DADB;
    text-align: center;
    vertical-align: middle;
    padding: 20px;
}

    .activities > .filterArea {
        font-size: 28px;
        display: inline-block;
        margin: 0 auto;
        vertical-align: middle;
        line-height: normal;
    }

        .activities > .filterArea .actFilter {
            background-color: #D9DADB;
            height: 49px !important;
            margin-top: -10px;
            font-size: 14px;
        }

        .activities > .filterArea button#go {
            background-color: #5cc9e6;
            color: #fff;
            border: 0;
            outline: 0;
            padding: 5px 15px;
            cursor: pointer;
        }

            .activities > .filterArea button#go:hover {
                background-color: #888;
            }


/* Home Page Blog Entry
-------------------------------------------------------
*/
.latest-blog {
    z-index: 1;
}

    .latest-blog > .titlearea {
        position: relative;
        min-height: 150px;
        background-color: #FFFFFF;
        z-index: 5;
    }

        .latest-blog > .titlearea > h1 {
            display: inline-block;
            position: absolute;
            bottom: 0px;
            left: 33%;
            font-family: 'Dosis',Arial,Helvetica,sans-serif;
            font-size: 90px;
            line-height: 71px;
            font-weight: 700;
            text-transform: uppercase;
            color: #d9dadb;
            padding: 0 0 0 0;
            margin: 0 0 0 0;
        }

    .latest-blog > .blog-content {
        position: relative;
        min-height: 300px;
        background-color: #d9dadb;
        padding: 50px;
        z-index: 10;
    }

        .latest-blog > .blog-content > .blog-entry {
            position: relative;
            margin-top: -100px;
        }

            .latest-blog > .blog-content > .blog-entry > .blog-image {
                display: inline-block;
                width: 30%;
                vertical-align: top;
            }

                .latest-blog > .blog-content > .blog-entry > .blog-image > a > img {
                    width: 100%;
                    max-width: 100%;
                    min-width: 360px;
                }

            .latest-blog > .blog-content > .blog-entry > .blog-txt {
                display: inline-block;
                width: 69%;
                vertical-align: top;
                margin-top: 100px;
                padding-left: 30px;
            }

                .latest-blog > .blog-content > .blog-entry > .blog-txt > .section {
                    font-family: 'Dosis', Arial, Helvetica, sans-serif;
                    font-size: 22px;
                    font-weight: bold;
                    margin-bottom: 10px;
                }

                .latest-blog > .blog-content > .blog-entry > .blog-txt > .title > a {
                    font-family: 'Dosis', Arial, Helvetica, sans-serif;
                    font-size: 28px;
                    font-weight: bold;
                }

                .latest-blog > .blog-content > .blog-entry > .blog-txt > .abstract {
                    position: relative;
                    font-family: 'Dosis', Arial, Helvetica, sans-serif;
                    font-size: 18px;
                }

                .latest-blog > .blog-content > .blog-entry > .blog-txt > .ctrl {
                    width: 100%;
                    margin-top: 30px;
                }

                    .latest-blog > .blog-content > .blog-entry > .blog-txt > .ctrl > a.buttonlink {
                        display: inline-block;
                        border: 1px solid #0172CE;
                        background-color: transparent;
                        color: #0172CE;
                        font-weight: bold;
                        padding: 5px 15px;
                        margin-right: 15px;
                        text-transform: uppercase;
                    }

                        .latest-blog > .blog-content > .blog-entry > .blog-txt > .ctrl > a.buttonlink:hover {
                            background-color: #888888;
                            color: #FFFFFF;
                            border: 1px solid #FFFFFF;
                            text-decoration: none;
                        }

                    .latest-blog > .blog-content > .blog-entry > .blog-txt > .ctrl > a.ctrllink {
                        display: inline-block;
                        color: #0172CE;
                        font-weight: normal;
                        text-transform: uppercase;
                    }

/* Signup form on homepage and master page*/
#homepage-signupblock {
    background-color: #D9DADB;
    width: 100%;
    margin: 0 auto !important;
    position: relative !important;
}

.signupblock, .footersignupblock {
    position: relative;
    width: 385px;
    margin: 0 auto;
    font-size: 13px;
}

.home-signupbox, .footer-signupbox {
    padding: 0 20px 20px 20px;
    background: #D9DADB;
    color: #707070;
    position: absolute;
    z-index: 999;
    display: none;
    width: 385px;
}

#homepage-signup-block {
    margin: 0 auto;
    padding: 20px 20px 20px 20px;
    width: 100%;
    background: #D9DADB;
    margin-top: -25px !important;
}

#homepage-signup-box {
    background: #D9DADB;
}

.home-signupbox-down {
    top: 0;
}

.home-signupbox-up {
    bottom: 76px;
}

.footer-signupbox {
    bottom: 0;
}

.signup-title {
    font-size: 25px;
    font-family: 'Dosis', Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #000;
    padding: 20px 0;
}

.signupblock .fullwidth, .footersignupblock .fullwidth {
    width: 100%;
    height: 30px;
    border: 1px solid #707070;
}

.signupblock .halfwidth, .footersignupblock .halfwidth {
    width: 40%;
    height: 30px;
    border: 1px solid #707070;
}

.signupblock label, .footersignupblock label {
    font-size: 13px;
    padding-bottom: 7px;
}

    .signupblock label.error, .footersignupblock label.error {
        color: red;
        display: none;
        text-align: right;
    }

.signupblock input[type=checkbox], .footersignupblock input[type=checkbox] {
    width: 18px;
    height: 18px;
    border-radius: 0;
    background: #fff;
    float: left;
    margin: 0 7px 0 0;
}

.signupblock input[type=button], .footersignupblock input[type=button] {
    padding: 6px 10px;
    color: #fff;
    background: #5CC9E6;
    font-family: 'Dosis',Arial,Helvetica,sans-serif;
    outline: 0;
    border: 0;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
    float: right;
    margin-top: 5px;
}

.signup-open, .footersignup-open {
    background: #5CC9E6;
    width: 60px;
    height: 30px;
    display: inline-block;
    cursor: pointer;
    margin-left: 10px;
    top: 0;
}

    .signup-open img, .footersignup-open img {
        width: 13px;
        height: 20px;
        margin-left: 23px;
        display: table-cell;
        vertical-align: middle;
        margin-top: 6px;
    }

.signup-close, .footersignup-close {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}

.signup-thankyou {
    display: none;
    color: green;
    font-weight: bold;
    padding-top: 10px;
}

    .signup-thankyou.error {
        color: red;
    }

    .signup-thankyou.active {
        display: inline-block;
    }

.signup-button {
    padding: 10px 30px;
    color: #fff;
    background: #00ACBA;
    font-family: 'Dosis', Arial, Helvetica, sans-serif;
    outline: 0;
    border: 0;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
    display: table;
    float: right;
}


.newsletterblock {
    position: relative;
    width: 95%;
    margin: 40px auto;
    font-size: 13px;
    max-width: 650px;
}

    .newsletterblock .fullwidth {
        width: 100%;
        height: 30px;
        margin-bottom: 15px;
        outline: 0;
        font-family: 'Open Sans',Arial,Helvetica,sans-serif;
    }

    .newsletterblock .halfwidth {
        width: 40%;
        height: 30px;
        outline: 0;
        font-family: 'Open Sans',Arial,Helvetica,sans-serif;
    }

    .newsletterblock label {
        font-size: 13px;
        padding-bottom: 2px;
    }

        .newsletterblock label.error {
            color: red;
            display: none;
        }

    .newsletterblock input[type=checkbox] {
        width: 18px;
        height: 18px;
        border-radius: 0;
        background: #fff;
        float: left;
        margin: 5px 7px 0 0;
    }

/* Misc */

.admissions-table {
    width: 600px;
    max-width: 100%;
}

.admissions-left {
    background: #D3358F;
    color: #fff;
    font-weight: bold;
    padding: 10px 40px 10px 20px;
    border: 2px solid #fff;
    border-left: none;
    font-size: 20px;
}

.admissions-right {
    background: #707070;
    color: #fff;
    font-weight: bold;
    padding: 10px 200px 10px 20px;
    border: 2px solid #fff;
    border-right: none;
    font-size: 20px;
}


/* Special Styles for Getting Here Page 2 column content */
.two-cell-div {
    display: table;
}

    .two-cell-div > .left-cell {
        display: table-cell;
        width: 40%;
        vertical-align: top;
        padding: 10px 30px 10px 0px;
    }

        .two-cell-div > .left-cell > .map-image {
            width: 100%;
            height: auto;
        }

    .two-cell-div > .right-cell {
        display: table-cell;
        vertical-align: top;
        padding: 10px 10px 10px 30px;
    }

    .two-cell-div p {
        margin: 0px;
        padding: 0px;
    }

    .two-cell-div .logo {
        float: right;
    }

/* Special Styles for the ADA blade on Tech Store */
.ada-block {
    position: relative;
    margin-top: 60px;
    margin-bottom: 30%;
}

    .ada-block > .block-bg {
        display: flex;
        flex-direction: row;
        position: relative;
        background-color: #D1358E;
        color: #FFF;
        overflow: visible;
        margin-top: 20px;
        margin-bottom: 20px;
        z-index: 100;
    }

        .ada-block > .block-bg > .book-image {
            display: inline-block;
            position: relative;
            width: auto;
            min-width: 200px;
            max-width: 400px;
            margin-top: -20px;
            margin-bottom: -20px;
            margin-right: 40px;
            margin-left: 60px;
            height: calc(100% + 40px);
            font-size: 0px;
            vertical-align: middle;
            z-index: 200;
        }

            .ada-block > .block-bg > .book-image > .image {
                width: 100%;
            }

        .ada-block > .block-bg > .content {
            display: inline-block;
            width: calc(66% - 40px);
            vertical-align: top;
            padding-right: 20px;
            z-index: 100;
        }

            .ada-block > .block-bg > .content > h1.title {
                margin-top: -.95em;
                margin-bottom: 0px;
                font-size: 50px;
                color: #D1358E;
                text-shadow: none;
            }

            .ada-block > .block-bg > .content > p {
                font-size: 20px;
                margin: 0px;
                padding-bottom: 15px;
                text-shadow: -2px 0 #D1358E, 0 2px #D1358E, 2px 0 #D1358E, 0 -2px #D1358E, 0px 0px 5px #D1358E;
            }

        .ada-block > .block-bg > .fun {
            position: absolute;
            top: 0px;
            right: 0px;
            text-align: center;
            z-index: 10;
        }

            .ada-block > .block-bg > .fun > img {
                height: 100%;
            }


/* Widget Styles for System Status CRT display */
@keyframes flicker {
    0% {
        opacity: 0.27861;
    }

    5% {
        opacity: 0.34769;
    }

    10% {
        opacity: 0.23604;
    }

    15% {
        opacity: 0.90626;
    }

    20% {
        opacity: 0.18128;
    }

    25% {
        opacity: 0.83891;
    }

    30% {
        opacity: 0.65583;
    }

    35% {
        opacity: 0.67807;
    }

    40% {
        opacity: 0.26559;
    }

    45% {
        opacity: 0.84693;
    }

    50% {
        opacity: 0.96019;
    }

    55% {
        opacity: 0.08594;
    }

    60% {
        opacity: 0.20313;
    }

    65% {
        opacity: 0.71988;
    }

    70% {
        opacity: 0.53455;
    }

    75% {
        opacity: 0.37288;
    }

    80% {
        opacity: 0.71428;
    }

    85% {
        opacity: 0.70419;
    }

    90% {
        opacity: 0.7003;
    }

    95% {
        opacity: 0.36108;
    }

    100% {
        opacity: 0.24387;
    }
}

@keyframes textShadow {
    0% {
        text-shadow: 0.4389924193300864px 0 1px rgba(0,30,255,0.5), -0.4389924193300864px 0 1px rgba(255,0,80,0.3), 0 0 3px;
    }

    5% {
        text-shadow: 2.7928974010788217px 0 1px rgba(0,30,255,0.5), -2.7928974010788217px 0 1px rgba(255,0,80,0.3), 0 0 3px;
    }

    10% {
        text-shadow: 0.02956275843481219px 0 1px rgba(0,30,255,0.5), -0.02956275843481219px 0 1px rgba(255,0,80,0.3), 0 0 3px;
    }

    15% {
        text-shadow: 0.40218538552878136px 0 1px rgba(0,30,255,0.5), -0.40218538552878136px 0 1px rgba(255,0,80,0.3), 0 0 3px;
    }

    20% {
        text-shadow: 3.4794037899852017px 0 1px rgba(0,30,255,0.5), -3.4794037899852017px 0 1px rgba(255,0,80,0.3), 0 0 3px;
    }

    25% {
        text-shadow: 1.6125630401149584px 0 1px rgba(0,30,255,0.5), -1.6125630401149584px 0 1px rgba(255,0,80,0.3), 0 0 3px;
    }

    30% {
        text-shadow: 0.7015590085143956px 0 1px rgba(0,30,255,0.5), -0.7015590085143956px 0 1px rgba(255,0,80,0.3), 0 0 3px;
    }

    35% {
        text-shadow: 3.896914047650351px 0 1px rgba(0,30,255,0.5), -3.896914047650351px 0 1px rgba(255,0,80,0.3), 0 0 3px;
    }

    40% {
        text-shadow: 3.870905614848819px 0 1px rgba(0,30,255,0.5), -3.870905614848819px 0 1px rgba(255,0,80,0.3), 0 0 3px;
    }

    45% {
        text-shadow: 2.231056963361899px 0 1px rgba(0,30,255,0.5), -2.231056963361899px 0 1px rgba(255,0,80,0.3), 0 0 3px;
    }

    50% {
        text-shadow: 0.08084290417898504px 0 1px rgba(0,30,255,0.5), -0.08084290417898504px 0 1px rgba(255,0,80,0.3), 0 0 3px;
    }

    55% {
        text-shadow: 2.3758461067427543px 0 1px rgba(0,30,255,0.5), -2.3758461067427543px 0 1px rgba(255,0,80,0.3), 0 0 3px;
    }

    60% {
        text-shadow: 2.202193051050636px 0 1px rgba(0,30,255,0.5), -2.202193051050636px 0 1px rgba(255,0,80,0.3), 0 0 3px;
    }

    65% {
        text-shadow: 2.8638780614874975px 0 1px rgba(0,30,255,0.5), -2.8638780614874975px 0 1px rgba(255,0,80,0.3), 0 0 3px;
    }

    70% {
        text-shadow: 0.48874025155497314px 0 1px rgba(0,30,255,0.5), -0.48874025155497314px 0 1px rgba(255,0,80,0.3), 0 0 3px;
    }

    75% {
        text-shadow: 1.8948491305757957px 0 1px rgba(0,30,255,0.5), -1.8948491305757957px 0 1px rgba(255,0,80,0.3), 0 0 3px;
    }

    80% {
        text-shadow: 0.0833037308038857px 0 1px rgba(0,30,255,0.5), -0.0833037308038857px 0 1px rgba(255,0,80,0.3), 0 0 3px;
    }

    85% {
        text-shadow: 0.09769827255241735px 0 1px rgba(0,30,255,0.5), -0.09769827255241735px 0 1px rgba(255,0,80,0.3), 0 0 3px;
    }

    90% {
        text-shadow: 3.443339761481782px 0 1px rgba(0,30,255,0.5), -3.443339761481782px 0 1px rgba(255,0,80,0.3), 0 0 3px;
    }

    95% {
        text-shadow: 2.1841838852799786px 0 1px rgba(0,30,255,0.5), -2.1841838852799786px 0 1px rgba(255,0,80,0.3), 0 0 3px;
    }

    100% {
        text-shadow: 2.6208764473832513px 0 1px rgba(0,30,255,0.5), -2.6208764473832513px 0 1px rgba(255,0,80,0.3), 0 0 3px;
    }
}

.frame {
    display: inline-block;
    box-sizing: border-box;
    position: relative;
    /*background: radial-gradient(circle farthest-side, #F5F5DC, #5b5b5b);*/
    /*background-image: linear-gradient(to bottom right, #333, #333 50%, #F5F5DC calc(50% + 2px), #F5F5DC);*/
    background: linear-gradient(145deg, #333333, #5b5b5b, #F5F5DC 75%);
    padding: 25px;
    border-radius: 10px;
    border: 2px solid #333333;
    text-align: left;
    margin-top: 40px;
    margin-bottom: 40px;
}

.crt::before {
    content: " ";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06));
    z-index: 2;
    background-size: 100% 2px, 3px 100%;
    pointer-events: none;
    width: 100%;
    height: 100%;
    border-radius: 32px;
}

.crt::after {
    content: " ";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(18, 16, 16, 0.1);
    opacity: 0;
    z-index: 2;
    pointer-events: none;
    animation: flicker 0.15s infinite;
    width: 100%;
    height: 100%;
    border-radius: 32px;
}

.crt {
    position: relative;
    display: inline-block;
    font-family: 'Fira Mono', monospace;
    background-color: #0e1030;
    color: #33FF33;
    font-size: 16px;
    animation: textShadow 1.6s infinite;
    -ms-animation: none !important;
    height: 54vw;
    max-height: 690px;
    min-height: 425px;
    width: 75vw;
    max-width: 920px;
    padding: 20px 20px;
    overflow-x: hidden;
    overflow-y: scroll;
    border-radius: 32px;
    border: 1rem solid #0e1030;
    white-space: pre-line;
}

    .crt h1 {
        margin: 0px !important;
        text-transform: uppercase;
    }

.os-scrollbar-track {
    height: 95%;
    padding: 10px 0px 10px 0px !important;
}

.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
    background: rgba(50, 252, 65, 0.5) !important;
}

/*Breakpoints
	------------------------------------------------*/
@media screen and (min-width: 0px) and (max-width: 1270px) {
    .key {
        position: initial;
        margin: 20px 0px;
    }
}

@media screen and (min-width: 1040px) and (max-width: 1199px) {
    .header > .logo a {
        display: inline-block;
        width: 300px;
        height: auto;
    }

    .tertiaryNav .TertiaryLink {
        font-size: 13px;
        margin: 0px 5px;
    }

    .maincontent .banner .title-area h1 {
        margin-left: 115px;
        font-size: 55px;
        line-height: 38px;
    }

    .maincontent .bannerintro-content {
        font-size: 18px;
    }


    .navblock {
        margin: 0 40px 0 0;
    }

    .footer > .inforow > .lcmldetails {
        display: block;
    }

    .footer > .inforow > .navarea {
        display: block;
        text-align: left;
        margin-top: 25px;
    }

    .two-cell-div > .left-cell {
        width: 50%;
    }
}

@media screen and (min-width: 1039px) and (max-width: 1270px) {
    .latest-blog > .titlearea > h1 {
        left: 50px;
    }

    .latest-blog > .blog-content > .blog-entry {
        margin-top: 0px;
    }

        .latest-blog > .blog-content > .blog-entry > .blog-txt {
            margin-top: 0px;
        }

        .latest-blog > .blog-content > .blog-entry > .blog-image > a > img {
            min-width: 300px;
        }
}

@media screen and (min-width: 0px) and (max-width: 1200px) {
    .activity-main {
        display: block;
        width: 100%;
        margin-bottom: 20px;
    }

    .activity-info {
        display: block;
        width: 300px;
        padding: 0 0 0 0;
    }
}

@media screen and (min-width: 0px) and (max-width: 1039px) {
    .header > .logo a {
        display: inline-block;
        width: 300px;
        height: auto;
    }

    .tertiaryNav .TertiaryLink {
        font-size: 12px;
        margin: 0px 5px;
    }

    /*background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.17) 5%, rgba(0,0,0,.60) 100%); /* FF3.6-15 */
    /* background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.17) 5%, rgba(0,0,0,.60) 100%); /* Chrome10-25,Safari5.1-6 */
    /* background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.17) 5%, rgba(0,0,0,.60) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2bffffff', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

    .maincontent .banner .title-area {
        height: 120px;
        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABaCAYAAAB5XDy9AAAAAXNSR0IArs4c6QAAAJlJREFUGBltT20OxSAIG8V4g51i97/c/HpYIbrk8aOplBa8Li/F8zyK+76BnLNCrWClqLXKYiKiKKUAZO/7KgitNSClhDms4NPAA8h678AYAzCmE5xZz0Mp2D0uMIVqAGayzpS9AzAHnzoZdzijwB4ZbcZkOUL9Z/PQz4isw6O3R04WOxgq69Jw7KtOR3yaqtu2w/LO4RB2T38qhmqVQajpBgAAAABJRU5ErkJggg==');
        background-position: 0px 30px;
        background-repeat: repeat-x;
    }

        .maincontent .banner .title-area h1 {
            margin-left: 90px;
            font-size: 45px;
            line-height: 30px;
            margin-top: 50px;
        }

    .maincontent .bannerintro-content {
        font-size: 16px;
    }

    .navblock {
        margin: 0 40px 0 0;
    }

    .footer > .inforow > .lcmldetails {
        display: block;
    }

    .footer > .inforow > .navarea {
        display: block;
        text-align: left;
        margin-top: 25px;
    }

    .maincontent .banner .title-area h1 {
        margin-left: 40px;
    }

    .footer > .inforow > .lcmldetails {
        display: block;
    }

    .footer > .inforow > .navarea {
        display: block;
        text-align: left;
        margin-top: 25px;
    }


    .latest-blog > .titlearea > h1 {
        left: 50px;
    }

    .latest-blog > .blog-content > .blog-entry {
        margin-top: 0px;
    }

        .latest-blog > .blog-content > .blog-entry > .blog-image {
            display: block;
            width: 100% !important;
            margin-top: 0px;
            vertical-align: top;
        }

        .latest-blog > .blog-content > .blog-entry > .blog-txt {
            margin-top: 30px;
            display: block;
            vertical-align: top;
            padding-left: 0px;
            width: 100%;
        }

        .latest-blog > .blog-content > .blog-entry > .blog-image > a > img {
            width: 100%;
            max-width: 100%;
            min-width: 0px;
        }

        .latest-blog > .blog-content > .blog-entry > .blog-image {
            display: inline-block;
            width: 30%;
            vertical-align: top;
        }

    .social-area > .facebook {
        display: block !important;
        width: 100% !important;
        padding-top: 25px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        vertical-align: top !important;
    }

    .social-area > .instagram {
        display: block !important;
        width: 100% !important;
        padding-top: 25px !important;
        padding-right: 10px !important;
        padding-left: 10px !important;
        vertical-align: top !important;
    }

    .social-area > .twitter {
        display: block !important;
        width: 100% !important;
        padding-top: 25px !important;
        padding-right: 10px !important;
        padding-left: 10px !important;
        vertical-align: top !important;
    }

    .social-area > .instagram > .insta-feed {
        display: flex;
        flex-wrap: wrap;
        padding: 0 20px;
    }

    #homepage-signup-block {
        margin-top: 0 !important;
    }
}

@media screen and (min-width: 700px) and (max-width: 1039px) {


    .SectionInfoRow > .SectionInfo {
        width: 50%;
    }

    #homepage-signup-block {
        margin-top: 0 !important;
    }
}

@media screen and (min-width: 0px) and (max-width: 900px) {
    #homepage-signup-block {
        margin-top: 0 !important;
    }

    .home-signupbox {
        background: #D9DADB;
        top: 10px;
    }

    .navblock {
        display: block;
        margin-bottom: 25px;
    }

    .footersociallink {
        margin: 0 0 20px 0;
    }

    .PrivateEvent > .RoomInfo > .RoomMap {
        display: block;
        width: 100%;
        vertical-align: top;
    }

    .PrivateEvent > .RoomInfo > .RoomDetails {
        font-family: 'PT Sans', Arial, Helvetica, sans-serif;
        display: block;
        width: 100%;
        vertical-align: top;
        margin-top: 40px;
    }
}

@media screen and (min-width: 650px) and (max-width: 900px) {
    #homepage-signup-block {
        margin-top: 0 !important;
    }

    .blog-main {
        display: inline-block;
        width: 100%;
        vertical-align: top;
        padding-right: 0;
    }

    .blog-info {
        display: none;
    }

    .mobFilters {
        display: block
    }
}

@media screen and (min-width: 0px) and (max-width: 760px) {
    #homepage-signup-block {
        margin-top: 0 !important;
    }

    .filterArea span {
        display: block;
    }

    button#reset {
        margin-top: 15px;
    }

    .CollectionIntro > .Intro {
        display: block;
        width: 100%;
        padding-right: 0px;
        padding-bottom: 20px;
        margin-bottom: 20px;
        border-right: none;
        border-bottom: 3px solid #76bc1b;
    }

    .CollectionIntro > .Archive {
        display: block;
        width: 100%;
        padding-left: 0px;
        padding-bottom: 20px;
    }

    .KeyNav > .iconKey {
        float: none;
        margin-top: 20px;
    }

    .maincontent .bannerintro-content span.margin-wrap {
        padding: 20px;
        width: auto;
    }

    .socialPostArea {
        position: relative;
        top: 0px;
        right: 0px;
        max-height: 35px;
        vertical-align: top;
        /*background-color: #FFFFFF !important;*/
    }

    .KeyNav {
        margin: 20px 0;
    }
}

@media screen and (min-width: 0px) and (max-width: 699px) {
    #homepage-signup-block {
        margin-top: 0 !important;
    }

    .maincontent .bannerintro-content span.margin-wrap {
        margin: 10px 0 20px 0;
    }

    .SectionInfoRow > .SectionInfo {
        width: 100%;
    }

    .collection-details {
        white-space: nowrap;
    }

        .collection-details > .collection-main {
            display: inline-block;
            width: 80vw;
            padding-right: 40px;
            vertical-align: top;
            white-space: normal;
            /*border: 1px solid red;*/
        }

        .collection-details > .collection-info {
            display: inline-block;
            font-size: 14px;
            width: 70vw;
            vertical-align: top;
            padding-left: 40px;
            white-space: normal;
            /*border: 1px solid green;*/
        }
}

@media screen and (min-width: 0px) and (max-width: 649px) {
    #homepage-signup-block {
        margin-top: 0 !important;
    }

    .blog-main {
        display: inline-block;
        width: 100%;
        vertical-align: top;
        padding-right: 0;
    }

    .blog-info {
        display: none;
    }

    .mobFilters {
        display: block;
    }

    .mobArea {
        display: block;
        width: 100%;
        min-width: 150px;
        text-align: left;
    }

        .mobArea select {
            width: 100%;
            min-width: 150px;
            margin: 5px 0px;
        }

    .page-intro {
        font-size: 18px;
        padding: 0px 0px 0px 0px;
        vertical-align: top;
        line-height: 1.5em;
    }

    .admissions-table {
        width: 90vw;
        max-width: 90vw;
    }

    .admissions-right {
        padding: 10px 20px 10px 20px;
    }

    .footer {
        padding: 15%;
    }

        .footer > .inforow {
            width: 80vw;
        }

        .footer > .footfinal > .copyright {
            display: block;
            text-align: center;
            margin-bottom: 15px;
        }

        .footer > .footfinal > .legalinks {
            display: block;
            text-align: center;
        }

    .footersociallink {
        display: inline-block;
        float: left;
        margin: 0 auto 20px auto;
        padding-right: 5%;
        width: 50px;
        height: 50px;
    }

    .header {
        width: 100vw;
        max-height: 85px;
    }

    .KeyNav > .iconKey > .keyItem {
        display: inline-block;
        height: 60px;
        width: 100% !important;
        vertical-align: top;
    }

        .KeyNav > .iconKey > .keyItem .label {
            display: inline-block;
            font-size: 16px;
            color: #000;
            max-width: 100%;
            height: 30px;
            vertical-align: middle;
        }

    .KeyNav > .JumpLink {
        align-content: center;
        display: block;
        padding-bottom: 20px;
        font-size: 18px;
        line-height: 18px;
        font-family: 'Dosis', Arial, Helvetica, sans-serif;
        font-weight: bold;
        border-left: none;
        padding-left: 0px !important;
    }

    .collection-details > .collection-info {
        display: block;
        font-size: 14px;
        width: 70vw;
        vertical-align: top;
        padding-left: 10px;
        white-space: normal;
    }

    .collection-details > .collection-main {
        display: inline-block;
        width: 80vw;
        padding-right: 10px;
        vertical-align: top;
        white-space: normal;
    }

    .collection-details > .collection-info > .floorplanImage > img {
        max-width: 80vw;
        width: 70vw;
        height: auto;
        margin-bottom: 40px;
    }
}

@media screen and (min-width: 0px) and (max-width: 580px) {
    #homepage-signup-block {
        margin-top: 0 !important;
    }

    .filterArea .filterBlock {
        display: block;
        margin: 10px 0px;
    }

    .filterArea span {
        display: block;
    }

    button#reset {
        margin-top: 5px;
    }

    .latest-blog > .titlearea > h1 {
        left: 50px;
        font-size: 60px;
        line-height: 41px;
    }

    .header > .logo {
        padding: 20px 0 15px 5px;
    }

    .hamburger {
        margin: 20px 10px 15px 0 !important;
    }

    .activity {
        position: relative;
        display: block;
        vertical-align: top;
        width: auto;
    }


    .faqitem > .question {
        padding-left: 70px;
        padding-right: 0px;
        padding-bottom: 20px;
    }

    .faqitem > .answer {
        padding-left: 70px;
        padding-right: 0;
    }

        .faqitem > .answer > .A {
            left: 40px;
        }
}

@media screen and (min-width: 0px) and (max-width: 425px) {
    #homepage-signup-block {
        margin-top: 0 !important;
    }

    /*.keyExhibit{
			text-align: center;
		}
		.keyExhibit > .icon{
			display: block;
		}
		.keyExhibit > span{
			display: block;
		}*/
    .key > div[class^='key'] {
        text-align: center;
    }

        .key > div[class^='key'] > .icon {
            text-align: center;
            margin: 0 auto;
            display: block;
        }

        .key > div[class^='key'] > .span {
            text-align: center;
            display: block;
        }

    .signupblock, .footersignupblock {
        width: 100%;
        z-index: 999;
        background-color: #d9dadb;
    }

    .signup-title {
        font-size: 20px;
        padding: 10px 0;
    }

    .home-signupbox, .footer-signupbox {
        padding: 0 10px 20px 10px;
        width: 100%;
        z-index: 999;
    }

    .signup-open, .footersignup-open {
        width: 45px;
        height: 30px;
        margin-left: 7px;
    }

        .signup-open img, .footersignup-open img {
            width: 13px;
            height: 20px;
            margin-left: 18px;
            margin-top: 6px;
        }

    .header {
        max-height: 65px;
    }

    .social-area > .instagram > .insta-feed > .instagram {
        flex: 0 0 29% !important;
        display: inline-block;
        position: relative;
        width: 33% !important;
        height: auto;
        max-width: none !important;
        max-height: none !important;
        margin-right: 5px;
        margin-bottom: 5px;
    }
}


/*
	* Added for changes 2/13/2019
	*/
@media screen and (max-width: 1199px) {
    .two-cell-div > .left-cell {
        width: 50%;
    }
}

@media screen and (max-width: 1199px) {
    .ada-block > .block-bg > .content > h1.title {
        font-size: 40px;
    }
}

@media screen and (max-width: 1100px) {
    .ada-block > .block-bg > .content > h1.title {
        font-size: 35px;
    }
}

@media screen and (max-width: 940px) {
    #homepage-signup-block {
        margin-top: 20px !important;
    }

    .ada-block {
        margin-bottom: 60px;
    }

        .ada-block > .block-bg {
            display: block !important;
        }

            .ada-block > .block-bg > .book-image {
                display: block !important;
                width: 100% !important;
                min-width: initial !important;
                max-width: initial !important;
                margin: 0px !important;
                padding: 20px;
                height: auto !important;
            }

            .ada-block > .block-bg > .content {
                display: block !important;
                width: 100% !important;
                padding: 20px !important;
            }

                .ada-block > .block-bg > .content > h1.title {
                    margin-top: 0px !important;
                    color: #FFF !important;
                }

            .ada-block > .block-bg > .fun {
                display: none;
            }
}

@media screen and (min-width: 900px) and (max-width: 950px) {
    #homepage-signup-block {
        margin-top: 0 !important;
    }
}

@media screen and (max-width: 900px) {
    #homepage-signup-block {
        margin-top: 0 !important;
    }

    .two-cell-div {
        display: block;
    }

        .two-cell-div > .left-cell {
            display: block;
            width: 100%;
            vertical-align: top;
            padding: 10px 10px 10px 10px;
        }

        .two-cell-div > .right-cell {
            display: block;
            width: 100%;
            vertical-align: top;
            padding: 10px 10px 10px 10px;
        }

    #homepage-signup-title {
        display: none !important;
    }

    #homepage-signupblock {
        margin-top: 25px !important;
    }

    .maincontent .contentblock {
        margin: 0 auto;
        padding: 40px 20px;
        vertical-align: top;
    }
}

@media screen and (min-width: 570px) and (max-width: 666px) {
    #homepage-signup-block {
        margin-top: 20px !important;
    }
}


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




    .landing-block {
        display: block;
        width: auto;
        margin-left: 0;
        margin-right: 0;
    }

    #homepage-signup-block {
        margin-top: 20px !important;
    }

    .two-cell-div .logo {
        float: none;
        display: block;
        margin-bottom: 10px;
    }

    .header > .logo {
        display: block;
        position: absolute;
        top: 0px;
        left: 0px;
        padding: 20px 0px 15px 20px;
        z-index: 101
    }

        .header > .logo a {
            display: inline-block;
            width: 80vw;
            height: auto;
        }

        .header > .logo img {
            max-height: 100%;
            max-width: 80vw;
        }

    .giftshop-block {
        display: block;
        width: auto;
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 30px;
        float: none;
    }
}