body
{
    background: #fff;
    font-size: 14px;
    font-family: "Open Sans"
}
#header .GlobalNavResponsive {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 4;
    background: transparent !important;
}
.cq-wcm-edit #header .GlobalNavResponsive {
    position: relative;
}

.MainLayout,
#content
{
    font-family: "Open Sans";
    font-weight: 100;
}

.navbar-inverse {
    background-color: transparent;
}

#subnav {
    position: fixed;
    width: 100%;
    z-index: 2500;
    top: 50px;
}
#subnav.affix-top {
    top: 80px;
}

.cq-wcm-edit #subnav {
    position: relative;
    top: 0;
}

.storyBoxLens {
    
    z-index: 1050;
    position: relative;
}
#content
{
    background: transparent;
}
#logo {
    z-index: 3;
    position: absolute;
    background: rgba(0,0,0,.5);
    display: block;
    left: 0;
    right: 0;
    padding: 10px;
}
#logo img
{
    height: 75px;
}

.topimage img
{
    width: 100%;
}

.centerimage img {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

#footer {
    background: #000;
    color: #fff;
}
.FooterBottom, .FooterBottom a {
    color: #fff;
}
.copyright
{
    text-align: center;
}

.responsiveParsys .parsys {
    z-index: 1;
    position: relative;
}

#ytplayer-shield {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}


@media (max-width:767px)
{
    body:before
    {
        top: 65px;
    }
    .MainLayout,
    #content
    {
        font-size: 15px;
    }
    blockquote.pullquote p
    {
        font-size: 15px;
    }


}
.cq-wcm-edit:before
{
    display: none;
}

/* parsys layout */

#header, #footer, #content
{
    max-width: 100%;
    width: 100%;
}


.NavLayout
{
    display: none !important;
}

.MainLayout
{
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0;
}

.MainContent, h1.unsuppressed
{
    padding: 0;
}

.FooterBottom
{
    padding: 0;
}

/* global nav */

#header .navbar-collapse
{
    padding-right: 0;
}

.globalnav
{
    max-width: 1200px;
    margin: 0 auto;
}
.GlobalNavResponsive .navbar-nav > li > a {
    color: #fff;
    font-size: 12px;
}
@media (max-width: 767px)
{
    #header .GlobalNavResponsive .navbar-brand,
    #header .GlobalNavResponsive .navbar-brand a
    {
        padding-left: 50px !important;
        font-size: 15px;
        margin-left: 5px;
        text-shadow: 1px 0px 2px black
        
    }
    
    #header .toggle-topnav .icon-bar + .icon-bar
    {
        margin-top: 3px
    }
}

/* header nav */

/* other */

.modal-dialog
{
    width: 80%;
}

@media (min-width:980px)
{
    .GlobalNavResponsive .navbar-brand.scrolled:before
    {
            background-size: 83px 120px;
            width: 83px;
            height: 120px;
            left: 50%;
            margin-left: -41px;
            margin-bottom: -120px;
    }
}

@media (max-width:1200px)
{
    .GlobalNavResponsive .navbar-brand:before
    {

        background-size: 70px 100px;
        width: 70px;
        height: 100px;
        left: 50%;
        margin-left: -35px;
        margin-bottom: -100px;
    }
}
@media (max-width:950px)
{
    .GlobalNavResponsive .navbar-brand:before
    {
        top: 41px;
        position: absolute;
    }
    
    .GlobalNavResponsive .navbar-brand.scrolled:before
    {
        
        top: 5px;
        position: fixed;
    }

}

div.RSSFeedLens div.events li {
    list-style-image:none;
    list-style:none;
}

div.RSSFeedLens div.events li.entry {
    position:relative;
    margin-bottom: 2px;
    margin-top: 2px;
    min-height: 75px;
}

div.RSSFeedLens div.events li.publishedDate {
    width: 120px;
    height: 75px;
    -moz-border-radius:1px;
    -webkit-border-radius:1px;
    -o-border-radius:1px;
    border-radius:1px;
    right: 0;
    
}
div.RSSFeedLens div.events li.publishedDate span.month {
    font-size: 18px;
    line-height: 26px;
    padding-bottom: 0;
    letter-spacing: 1px;
    font-weight: lighter;   
}
div.RSSFeedLens div.events li.publishedDate span.date {
    font-size: 50px;
    line-height: 38px;  
    font-weight: normal;
    letter-spacing: 1px;
}
div.RSSFeedLens div.events li.entry a,div.RSSFeedLens div.events li.entry a:link,div.RSSFeedLens div.events li.entry a:visited {
    margin-right: 125px;
    display: inline-block;
}


.whiteBackground,
.redBackground,
.blackBackground,
.whiteBackground .parsys,
.redBackground .parsys,
.redBackground .parsys
{
    background: #fff;
    color: #000;
}
.overlapParsys > .parsys
{
    position: relative;
    top: -150px;
    top: -12vw;
    z-index: 10;
    margin-bottom: -150px;
    margin-bottom: -12vw;
    height: 100%;
    
}
.overlapParsys {
    
    margin-bottom: -150px;
    margin-bottom: -12vw;
}
.overlapParsys > .parsys {
    padding: 50px 50px 0;
}

.cq-wcm-edit .overlapParsys .parsys
{
    position: relative;
    top: 0 !important;
    z-index: 10;
    margin-bottom: 0 !important;
}

.paddedParsys
{
    padding: 30px 0 10px;
}

.redBackground,
.redBackground .parsys
{
    background: #e00122;
    color: #fff;
}

.darkRedBackground,
.darRedBackground .parsys
{
    background: #b71905;
    color: #fff;
}

.transparentBackground,
.transparentBackground > .parsys
{
    background: transparent;
}

.blackBackground,
.blackBackground > .parsys
{
    background: #000;
    color: #fff;
}
.greyBackground {
    
    background: rgb(214, 214, 214);
    color: #000;
}
.blackBackgroundTranslucent
{
    background: rgba(0,0,0,.5);
    color: #fff;
}

.greyBackground a {
    color: #000;
}

.blackBackground a,
.blackBackground h3 a,
.blackBackground p
{
    color: #fff !important;
}

h1
{
    font-size: 4em;
    text-align: center;
    font-weight: bold;
}

h2
{
    font-size: 3em;
    color: #000;
    margin-bottom: 15px;
}

h3
{
    font-size: 1.7em;
    color: #e00122;
}

h4
{
    font-size: 1.42em;
    color: #000;
}

h5 {
    font-size: 1.28em;
    color: #e00122;
}

.redBackground a,
.blackBackground a,
.redBackground p,
.blackBackground p,
.redBackground h1,
.blackBackground h1,
.redBackground h1,
.blackBackground h2,
.redBackground h3,
.blackBackground h3,
.redBackground h4,
.blackBackground h4,
.redBackground h5,
.blackBackground h5,
.redBackground h6,
.blackBackground h6,
.redBackground a:hover,
.blackBackground a:hover
{
    color: black;
}

.whiteBackground h3
.whiteBackground a
{
    color: #e00122;
}
.whiteBackground h3 a,
.whiteBackground .spotlight h3 a
{
    color: #e00122 !important;
    background: none;
    padding: 0;
}


.whiteBackground .spotlight h3 a,
.whiteBackground .spotlight h3 a:hover
{
    color: #000;
}

.redBackground .spotlight h3 a,
.redBackground .spotlight h3 a:hover,
.blackBackground .spotlight h3 a,
.blackBackground .spotlight h3 a:hover
{
    color: #fff;
}

.redBackground *
{
    color: #fff;
}

.navParsys .parsys
{
    
    max-width: 100%;
}
.navParsys p
{
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 0;
}
.navParsys p a
{
    display: block;
    padding: 10px 0;
    background: transparent;
    transition: background 0.1s;
}
.navParsys p a:hover {
    background: #e00122;
}

#subnav {
    position: fixed;
    width: 100%;
    z-index: 2500;
    top: 50px;
}
#subnav.affix-top {
    top: 80px;
}

@media (min-width: 768px) {
        .navParsys p
    {
        font-size: 1.8vw;
    }
    .navParsys p a
    {
        padding: 1.3vw 0;
    }
}
@media (min-width: 1200px) {
    .navParsys p
    {
        font-size: 21.6px;
    }
    .navParsys p a
    {
        padding: 16px 0;
    }
}




div.RSSFeedLens ul li
{
    list-style-type: none;
    list-style-image: none;
}

h1, h2, h3, h4, h5
{
    margin-top: 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}
h1
{
    margin-top: 60px;
}
h4
{
    letter-spacing: 0;
}
.muted *,
.muted:hover *
{
    color: #cacaca;
}
.responsiveParsys .slimParsys .parsys
{
    max-width: 992px;
    margin: 0 auto;
}

.responsiveParsys .fatParsys .parsys
{
    max-width: 1200px;
    margin: 0 auto;
}

.responsiveParsys > div > .parsys
{
    position: relative;
}

.popOut
{
    width: 120%;
    left: -10%;
    position: relative;
}

.skinnyParsys
{
    max-width: 650px !important;
    margin: 0 auto;
}

a.playoverlay {
    color: #fff !important;
    display: block;
    position: absolute;
    left: 13vw;
    font-size: 5vw !important;
    height: 10vw;
    width: 10vw;
    line-height: 7.5vw;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    border: 1vw solid #fff;
    border-radius: 50vw;
    animation: text-shadow .5s;
}
a.playoverlay:hover {
    text-shadow: 1px 1px 4px black;
    color: #fff !important;
    background: rgba(0,0,0,.25);
}

@media (max-width:1200px)
{
    .responsiveParsys .fatParsys > .parsys,
    .responsiveParsys .skinnyParsys > .parsys,
    .responsiveParsys .slimParsys > .parsys
    {
        max-width: 90%;
        margin: 0 auto;
    }
    .parsys .parsys {
    }
}
@media (max-width: 1200px)
{
    h3
    {
        font-size: 20px;
    }
    
}

@media (max-width: 768px)
{
    h1,h2
    {
        font-size: 40px;
        margin-top: 20px;
    }
    
}

.well-translucent h2 {
    color: #e00122 !important;
}

.responsive .bxSlider
{
    margin-bottom: 0 !important;
}
.suppressh1 .MainLayout
{
    padding-top: 0;
}

@media (min-width: 768px)
{
    
    #header .GlobalNavResponsive > div
    {
        max-width: 1200px;
        margin: 0 auto;
    }
    
    #header .GlobalNavResponsive > div > div
    {
        min-width: 600px;
        position: absolute;
        right: 0;
    }
    .NavLayout .navBase
    {
        padding: 10px;
        
    }
    
    .NavLayout .navBase > ul > li 
    {
        border: 1px solid #ddd;
        margin-bottom: 1px;
    }
    
    .NavLayout .navBase > ul > li > a,
    .NavLayout .navBase > ul > li > span
    {
        background: url(images/grey-arr-down.png) 95% center no-repeat;
        padding: 0 20px 0 30px;
        height: 50px;
        line-height: 50px;
        color: #555;
        font-size: 17px;
        text-transform: uppercase;
    }
    
    
    .NavLayout .navBase > ul > li > span,
    .NavLayout .navBase > ul > li.childrenVisible > a,
    .NavLayout .navBase > ul > li > a:hover
    {
        background: url(images/red-arr-down.png) 95% center no-repeat;
    }
    
    .NavLayout .navBase > ul > li.childrenVisible > a
    {
        border-bottom: 1px solid #ddd;
    }
    
    .NavLayout .navBase > ul > li.childrenVisible > ul li a,
    .NavLayout .navBase > ul > li.childrenVisible > ul li span
    {
        padding-left: 60px;
        color: #555;
        font-weight: lighter;
        line-height: 30px;
        padding-top: 8px;
    }
    
    
    .NavLayout .navBase > ul > li > a:hover,
    .NavLayout .navBase > ul > li.childrenVisible a,
    .NavLayout .navBase > ul > li > span,
    .NavLayout .navBase > ul > li.childrenVisible > ul li.selection span
    {
        color: #e00122;
    }

    #logo
    {
        padding-top: 36px;
        padding-left: 20px;
    }
    
    #logo img
    {
        position: relative;
        top: -20px;
        height: 100px;
        float: left;
    }
    
    .cq-wcm-edit #logo {
        position: relative;
        top: auto;
    }
    
    #logo a
    {
        display: block;
        margin: 10px auto;
    }

}



.lens h3,
.lens h4,
.RSSFeedLens h3,
.RSSFeedLens h4
{
}


.publishedDate {
    font-size: .9em;
}

.newsHeadlines div
{
    margin: 25px 0 60px;
    display: flex;
    flex-direction: column-reverse;
    height: 127px;
}
.newsHeadlines div > *
{
    display: block;
    float: none;
}

.newsHeadlines img
{
    display: inline;
    float: none !important;
    margin: 0 !important;
}
.newsHeadlines  div > a
{
    float: none !important;
    margin: 0 !important;
    height: 30px;
}

.newsHeadlines p
{
    display: none;
}


.newsHeadlines .publishedDate
{
    font-size: 12px;
    font-style: normal;
    height: 1em;
}

.newsHeadlines .spotlight h3 a,
.newsHeadlines .spotlight h4 a
{
    font-size: 22px;
    font-weight: bold;
    padding: 15px 0 20px 0;
    text-transform: uppercase;
    background: none !important;
    height: 85px;
    display: block;
}

@media (max-width: 768px)
{
    .newsHeadlines div
    {
        height: auto;
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #444;
    }

    .newsHeadlines .spotlight h3 a,
    .newsHeadlines .spotlight h4 a
    {
        height: auto;
    }
    .newsHeadlines.justify-right *,
    .newsHeadlines.justify-left *
    {
        text-align: center !important;
    }
}


#videoSection
{
    background: url("/content/dam/uc/smart/images/topbg.jpg");
    position: center center;
    padding-top: 110px;
}

.panel-header
{
color: #222;
font-size: 1.5em;
text-align: center;
}



.bounce:hover
{
    cursor: pointer;
}

@media (min-width: 768px)
{

    #videoSection
    {
        padding-top: 300px !important;
        min-height: 80vh;
    }
    
    #respbanner
    {
        background: transparent !important;
        max-width: 1200px;
        margin: 0 auto;
    }
    
    #respbanner .theNav
    {
        top: 30px ;
    }
    
    .GlobalNavResponsive .navbar-nav
    {
    }
    
    #respbanner .theNav .navbar li a
    {
        padding: 10px 14px;
        font-weight: normal;
        font-size: 1.2em;
    }
}
.paddedParsys
{
}
.swoopleft
{
}

.responsiveParsys .affix
{
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1001;
}

.cq-wcm-edit .affix
{
    position: relative !important;
}


.navbar-form.navbar-right {
    float: none !important;
}
.navbar-form.navbar-right:last-child {
    margin-right: 5px;
}
button
{
    line-height: 20px;
}

.FooterBottom
{
    padding: 10px;
}


.infoGraphicNumbers h2 {
    font-family: "PT Sans", sans-serif;
    font-weight: bold;
    color: #fff;
    font-size: 32px;
    line-height: 24px;
    margin: 0;
}
.infoGraphicNumbers p,
div.text.infoGraphicNumbers p
{
    font-size: 18px;
    padding-top: 10px;
    line-height: 18px;
}
.storyBoxLens
{
    width: 100%;
    position: relative;
    margin: 0 auto; 
    background: #fff;
}

.storyBoxLens img {
    width: 50%;
    margin: 20px auto;
}
.modal-body p,
.storyBoxLens p.quote,
.storyBoxLens a
{
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 4vw;
        padding: 10px 20px;
        color:#e00122;
        text-align: center;
}
.modal-body p{
    color: #333;
}

.modal-body p b{
    color: #e00122;
}

.storyBoxLens p .attribution
{
    color:#555;
}
.storyBoxLens a.btn-ghost
{
        margin: 0 auto 20px;
        width: 100%;
        display: block;
        max-width: 300px;
        
}


.btn-ghost
{
    border: 2px solid #000;
    background: transparent !important;
    transition: background .25s;
}

.btn-ghost.btn-white {
    border-color: #fff;
    color: #fff;
}

.btn-ghost.btn-white span {
    color: #fff !important;
}

.btn-ghost-red
{
    color: #e00122 !important;
    border-color: #e00122;
}

.btn-ghost-red:hover
{
    color: #e00122 !important;
    
}


.btn-ghost:hover {
    background: rgba(0,0,0,.25) !important;
}


@media (min-width: 768px) {
    
    

    .storyBoxLens img
    {
        max-width: 2000px;
        width: 100%;
        margin: 0;
    }
    
    .modal-body p,
    .storyBoxLens p.quote,
    .storyBoxLens a
    {
        font-size: 2.3vw;
        position: absolute;
    }
        .modal-body p
        {
            position: relative;
        }
    .storyBoxLens p.quote:before,
    .storyBoxLens p.quote:after
    {
        font-family: "Bevan", cursive;
        font-size: 6.6vw;
        content: '\201C';
        color: #777;
        position: absolute;
        transform: translateX(-110%) translateY(-5%);
    }
    .storyBoxLens p.quote:after
    {
        content: '\201D';
        transform: none;
        right: 5%;
        bottom: 5%;
    }
    .storyBoxLens p.quote {
        color:#e00122;
        text-align: left;
        top: 10%;
        padding-right: 10%;
        line-height: 1.15;
        padding-left: 41%;
        letter-spacing: normal;
        font-weight: lighter;
    }
    .storyBoxLens p .attribution
    {
        color:#555;
        text-align: right;
        display: block;
        position: relative;
        margin-top: .6vw;
        right: -9%;
    }
    .storyBoxLens a.btn-ghost
    {
        left: 55.5%;
        bottom: 0;
        margin: auto;
        width: auto;
        display: inline;
        max-width: 100000px;
    }

    .infoGraphicNumbers h2 {
        font-size: 4vw;
        line-height: 3vw;
    }
    .infoGraphicNumbers p,
    div.text.infoGraphicNumbers p
    {
        font-size: 2.3vw;
        line-height: 2.3vw;
    }
    .storyBoxLens a.btn-ghost
    {
        bottom: 10%;
    }
}
@media (min-width: 1300px) {
    
    .infoGraphicNumbers h2 {
        font-size: 52px;
        line-height: 39px;
    }
    .modal-body p,
    .infoGraphicNumbers p,
    div.text.infoGraphicNumbers p
    {
        font-size: 29.9px;
        line-height: 29.9px;
    }
}

@media (min-width: 1600px) {
    
    .modal-body p ,
    .storyBoxLens p.quote,
    .storyBoxLens a,
    .storyBoxLens .btn-ghost
    {
        font-size: 36px;
    }
    .storyBoxLens .btn-ghost {
        padding: 10px 30px;
    }
    .storyBoxLens p.quote:before,
    .storyBoxLens p.quote:after {
        font-size: 105px;
    }
}

.ytplayer-container  {
    position: fixed !important;
    top: 0; 
    z-index: -1;
}
.modal
{
}
.modal-body
{
    padding: 0;
}
.modal-body p
{
    padding: 10px 15px 10px 6vw;
    line-height: 1.2;
}
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
    
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.modal .modal-content {
    margin-left: 10vw;
}
.modal img
{
    width: 12vw;
    margin-left: 13vw;
    margin-top: 5vw;
    margin-bottom: -15vw;
    z-index: 1060;
    position: relative;
    
}
.modal-backdrop 
{
    opacity: .7;
}

.modal-open .storyBoxLens .darken
{
    opacity: .3;
    cursor: default
}
.FooterBottom
{
    padding: 0;
}
.FooterBottom .blackBackground
{
    padding: 20px;
}
.copyright{
    padding: 20px;
}

.cq-wcm-edit .iparsys,
.cq-wcm-edit .parsys,
.cq-wcm-edit .responsiveParsys {
    margin: 10px 0;
}
.pageheight {
    min-height: 100vh;
    max-height: 100vh;
}
.pageheight75 {
    min-height: 75vh;
    max-height: 75vh;
}
.pageheight50 {
    min-height: 50vh;
    max-height: 50vh;
}
.pageheight25 {
    min-height: 25vh;
    max-height: 25vh;
}


.grow { transition: all .1s ease-in-out; }
.grow:hover { transform: scale(1.1); }

.padding25 {
    padding: 25px;
}


.caption.muted {
    font-size: .9em;
    line-height: 125%;
    margin-bottom: 10px;
    display: block
}


#header .GlobalNavResponsive {
    position: relative;
    z-index: 4;
    background: black !important;
}
#header .navbar-collapse {
    text-align: right;
}

@media (min-width: 768px) {
	#header .GlobalNavResponsive > div > div {
	    min-width: 600px;
	width: 100%;
	    position: absolute;
	    right: 0;
	}
}
.toggle-topnav {
	height: 33px;
}
.overflowable {
    max-height: none !important;
}

body.ios-device div[class*=pageheight][style*=attachment] {
	background-attachment:scroll !important;
}
/* emergency */

.GlobalEmergency {
	position: fixed;
	width: 100%;
	z-index: 10;
}

#grey-footer,
#grey-footer .parsys {
	background-color: #eee
}


/*
    none

whiteBackground
redBackground
transparentBackground
blackBackground
blackBackgroundTranslucent

whiteBackground slimParsys
redBackground slimParsys
transparentBackground slimParsys
blackBackground slimParsys
blackBackgroundTranslucent slimParsys

whiteBackground paddedParsys slimParsys
redBackground paddedParsys slimParsys
transparentBackground paddedParsys slimParsys
blackBackground paddedParsys slimParsys
blackBackgroundTranslucent paddedParsys slimParsys

whiteBackground fatParsys
redBackground fatParsys
transparentBackground fatParsys
blackBackground fatParsys 
blackBackground fatParsys navParsys
blackBackgroundTranslucent fatParsys

whiteBackground paddedParsys fatParsys
whiteBackground paddedParsys fatParsys overlapParsys
redBackground  paddedParsys fatParsys
redBackground paddedParsys fatParsys overlapParsys
transparentBackground paddedParsys fatParsys
blackBackground paddedParsys fatParsys
blackBackgroundTranslucent paddedParsys fatParsys

whiteBackground paddedParsys skinnyParsys
whiteBackground paddedParsys skinnyParsys overlapParsys
redBackground paddedParsys skinnyParsys
transparentBackground paddedParsys skinnyParsys
blackBackground paddedParsys skinnyParsys
blackBackgroundTranslucent paddedParsys skinnyParsys

whiteBackground paddedParsys
redBackground paddedParsys
transparentBackground paddedParsys
blackBackground paddedParsys
blackBackgroundTranslucent paddedParsys

well
well well-translucent
affix
redCallout

pageheight
pageheight75
pageheight50
pageheight25
*/