﻿section.LightBox .content {
    padding-left: 15px;
    padding-right: 15px
}

    section.LightBox .content h1 {
        text-transform: uppercase;
        margin: 0;
        color: #005db9;
        font-size: 34px;
        line-height: 100%
    }

@media(min-width:480px) {
    section.LightBox .content h1 {
        font-size: 50px
    }
}

@media(min-width:600px) {
    section.LightBox .content h1 {
        font-size: 70px
    }
}

@media(min-width:768px) {
    section.LightBox .content h1 {
        font-size: 86px
    }
}

@media(min-width:992px) {
    section.LightBox .content h1 {
        font-size: 116px
    }
}

section.LightBox .content h1:first-child {
    color: #fff;
    font-size: 18px;
    margin-bottom: 2px
}

@media(min-width:480px) {
    section.LightBox .content h1:first-child {
        margin-bottom: 5px;
        font-size: 26px
    }
}

@media(min-width:600px) {
    section.LightBox .content h1:first-child {
        font-size: 36px
    }
}

@media(min-width:768px) {
    section.LightBox .content h1:first-child {
        font-size: 46px
    }
}

@media(min-width:992px) {
    section.LightBox .content h1:first-child {
        font-size: 60px
    }
}

section.LightBox .content h1:last-child {
    color: #fff;
    font-size: 26px;
    margin-top: 0
}

@media(min-width:480px) {
    section.LightBox .content h1:last-child {
        margin-top: 2px;
        font-size: 40px
    }
}

@media(min-width:600px) {
    section.LightBox .content h1:last-child {
        margin-top: 1px;
        font-size: 54px
    }
}



@media(min-width:768px) {
    section.LightBox .content h1:last-child {
        margin-top: -2px;
        font-size: 70px
    }
}

@media(min-width:992px) {
    section.LightBox .content h1:last-child {
        margin-top: -3px;
        font-size: 90px
    }
}

section.LightBox .content h1[data-control='GreatApp'] {
    overflow: hidden;
    height: 28px
}

    section.LightBox .content h1[data-control='GreatApp'] > div {
        -webkit-animation-name: Rotate;
        animation-name: Rotate;
        -webkit-animation-duration: 34s;
        animation-duration: 34s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        
        height: 28px;
        margin-top: -4px
    }

@media(min-width:480px) {
    section.LightBox .content h1[data-control='GreatApp'] > div {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        -webkit-animation-name: Rotate-xs;
        animation-name: Rotate-xs
    }
}

@media(min-width:600px) {
    section.LightBox .content h1[data-control='GreatApp'] > div {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        -webkit-animation-name: Rotate-xsm;
        animation-name: Rotate-xsm
    }
}

@media(min-width:768px) {
    section.LightBox .content h1[data-control='GreatApp'] > div {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        -webkit-animation-name: Rotate-sm;
        animation-name: Rotate-sm
    }
}

@media(min-width:992px) {
    section.LightBox .content h1[data-control='GreatApp'] > div {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        -webkit-animation-name: Rotate-md;
        animation-name: Rotate-md
    }
}

section.LightBox .content h1[data-control='GreatApp'] > div > span {
    height: 28px;
    display: block
}

@media(min-width:480px) {
    section.LightBox .content h1[data-control='GreatApp'] {
        height: 40px
    }

        section.LightBox .content h1[data-control='GreatApp'] > div {
            height: 40px;
            margin-top: -6px
        }

            section.LightBox .content h1[data-control='GreatApp'] > div > span {
                height: 40px
            }
}

@media(min-width:600px) {
    section.LightBox .content h1[data-control='GreatApp'] {
        height: 54px
    }

        section.LightBox .content h1[data-control='GreatApp'] > div {
            height: 54px;
            margin-top: -10px
        }

            section.LightBox .content h1[data-control='GreatApp'] > div > span {
                height: 54px
            }
}

@media(min-width:768px) {
    section.LightBox .content h1[data-control='GreatApp'] {
        height: 68px
    }

        section.LightBox .content h1[data-control='GreatApp'] > div {
            height: 68px;
            margin-top: -14px
        }

            section.LightBox .content h1[data-control='GreatApp'] > div > span {
                height: 68px
            }
}

@media(min-width:992px) {
    section.LightBox .content h1[data-control='GreatApp'] {
        height: 87px
    }

        section.LightBox .content h1[data-control='GreatApp'] > div {
            height: 87px;
            margin-top: -18px
        }

            section.LightBox .content h1[data-control='GreatApp'] > div > span {
                height: 87px
            }
}

section.LightBox .Background.Alt {
    display: none;
    -webkit-animation-duration: 200ms;
    animation-duration: 200ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.SubMenuOpen section.LightBox .Background.Alt {
    -webkit-animation-name: LightBoxAltBackgroundHide;
    animation-name: LightBoxAltBackgroundHide
}

@media(min-width:768px) {
    section.LightBox .Background.Alt {
        display: block;
        -webkit-filter: blur(15px);
        filter: blur(15px);
        clip: rect(588px,5000px,5000px,0)
    }
}

section.LightBox .LightBoxFooter {
    border-bottom: 10px solid #ff7200
}

    section.LightBox .LightBoxFooter:before {
        content: none
    }

@media(min-width:768px) {
    section.LightBox .LightBoxFooter {
        height: 193px
    }
}

section.LightBox .LightBoxFooter .content {
    height: 100%;
    padding-top: 0;
    padding-bottom: 0
}

    section.LightBox .LightBoxFooter .content .Icons {
        height: 100%
    }

        section.LightBox .LightBoxFooter .content .Icons:before,
        section.LightBox .LightBoxFooter .content .Icons:after {
            content: "";
            display: table;
            width: 0
        }

        section.LightBox .LightBoxFooter .content .Icons:after {
            clear: both
        }

.flexbox section.LightBox .LightBoxFooter .content .Icons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.no-flexbox section.LightBox .LightBoxFooter .content .Icons > div {
    float: left;
    height: 100%
}

section.LightBox .LightBoxFooter .content .Icons.C6 > div {
    width: 16.66666667%
}

section.LightBox .LightBoxFooter .content .Icons.C7 > div {
    width: 14.28571429%
}

@media(max-width:767px) {
    section.LightBox .LightBoxFooter .content .Icons > div {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
        width: 33.33333333% !important;
        margin: 0 auto
    }

        section.LightBox .LightBoxFooter .content .Icons > div a {
            padding: 20px 0
        }
}

section.LightBox .LightBoxFooter .content a {
    height: 100%;
    color: #fff;
    text-decoration: none;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    opacity: 0;
    z-index: 0;
    -webkit-transition: opacity linear 100ms;
    -o-transition: opacity linear 100ms;
    transition: opacity linear 100ms;
    font-family: 'Open Sans Condensed','HelveticaNeue-CondensedBold',Helvetica,'Arial Narrow',Calibri,Arial,'Lucida Grande',sans-serif;
    font-stretch: condensed;
    line-height: 130%;
    font-size: 16px;
    -webkit-transition: background-color linear 200ms;
    -o-transition: background-color linear 200ms;
    transition: background-color linear 200ms
}

.wf-active section.LightBox .LightBoxFooter .content a {
    opacity: 1;
    font-stretch: normal
}

.wf-inactive section.LightBox .LightBoxFooter .content a {
    opacity: 1
}

@media(min-width:768px) {
    section.LightBox .LightBoxFooter .content a {
        font-size: 16px
    }
}

@media(min-width:992px) {
    section.LightBox .LightBoxFooter .content a {
        font-size: 16px
    }
}

section.LightBox .LightBoxFooter .content a:hover {
    background-color: rgba(255,255,255,.05)
}

section.LightBox .LightBoxFooter .content a span {
    margin-top: 7px
}

@media(min-width:768px) {
    section.LightBox .LightBoxFooter .content a {
        padding-top: 35px
    }
}

@media(min-width:992px) {
    section.LightBox .LightBoxFooter .content a {
        padding-top: 45px
    }
}

section.LightBox .LightBoxFooter .content svg {
    display: block;
    margin: 0 auto;
    width: 48px;
    height: 48px
}

    section.LightBox .LightBoxFooter .content svg * {
        fill: #ff7200
    }

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

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

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

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

@-webkit-keyframes Rotate {

    0%, 10%, 100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    15%, 25% {
        -webkit-transform: translate3d(0,-28px,0);
        transform: translate3d(0,-28px,0)
    }

    30%, 40% {
        -webkit-transform: translate3d(0,-56px,0);
        transform: translate3d(0,-56px,0)
    }

    45%, 65% {
        -webkit-transform: translate3d(0,-84px,0);
        transform: translate3d(0,-84px,0)
    }

    70%, 80% {
        -webkit-transform: translate3d(0,-56px,0);
        transform: translate3d(0,-56px,0)
    }

    85%, 95% {
        -webkit-transform: translate3d(0,-28px,0);
        transform: translate3d(0,-28px,0)
    }
}

@keyframes Rotate {

    0%, 10%, 100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    15%, 25% {
        -webkit-transform: translate3d(0,-28px,0);
        transform: translate3d(0,-28px,0)
    }

    30%, 40% {
        -webkit-transform: translate3d(0,-56px,0);
        transform: translate3d(0,-56px,0)
    }

    45%, 65% {
        -webkit-transform: translate3d(0,-84px,0);
        transform: translate3d(0,-84px,0)
    }

    70%, 80% {
        -webkit-transform: translate3d(0,-56px,0);
        transform: translate3d(0,-56px,0)
    }

    85%, 95% {
        -webkit-transform: translate3d(0,-28px,0);
        transform: translate3d(0,-28px,0)
    }
}

@-webkit-keyframes Rotate-xs {
    0%, 20%, 100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    25%, 45% {
        -webkit-transform: translate3d(0,-40px,0);
        transform: translate3d(0,-40px,0)
    }

    50%, 70% {
        -webkit-transform: translate3d(0,-80px,0);
        transform: translate3d(0,-80px,0)
    }

    75%, 95% {
        -webkit-transform: translate3d(0,-40px,0);
        transform: translate3d(0,-40px,0)
    }
}

@keyframes Rotate-xs {
    0%, 20%, 100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    25%, 45% {
        -webkit-transform: translate3d(0,-40px,0);
        transform: translate3d(0,-40px,0)
    }

    50%, 70% {
        -webkit-transform: translate3d(0,-80px,0);
        transform: translate3d(0,-80px,0)
    }

    75%, 95% {
        -webkit-transform: translate3d(0,-40px,0);
        transform: translate3d(0,-40px,0)
    }
}

@-webkit-keyframes Rotate-xsm {
    0%, 20%, 100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    25%, 45% {
        -webkit-transform: translate3d(0,-54px,0);
        transform: translate3d(0,-54px,0)
    }

    50%, 70% {
        -webkit-transform: translate3d(0,-108px,0);
        transform: translate3d(0,-108px,0)
    }

    75%, 95% {
        -webkit-transform: translate3d(0,-54px,0);
        transform: translate3d(0,-54px,0)
    }
}

@keyframes Rotate-xsm {
    0%, 20%, 100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    25%, 45% {
        -webkit-transform: translate3d(0,-54px,0);
        transform: translate3d(0,-54px,0)
    }

    50%, 70% {
        -webkit-transform: translate3d(0,-108px,0);
        transform: translate3d(0,-108px,0)
    }

    75%, 95% {
        -webkit-transform: translate3d(0,-54px,0);
        transform: translate3d(0,-54px,0)
    }
}

@-webkit-keyframes Rotate-sm {
    0%, 20%, 100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    25%, 45% {
        -webkit-transform: translate3d(0,-68px,0);
        transform: translate3d(0,-68px,0)
    }

    50%, 70% {
        -webkit-transform: translate3d(0,-136px,0);
        transform: translate3d(0,-136px,0)
    }

    75%, 95% {
        -webkit-transform: translate3d(0,-68px,0);
        transform: translate3d(0,-68px,0)
    }
}

@keyframes Rotate-sm {
    0%, 20%, 100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    25%, 45% {
        -webkit-transform: translate3d(0,-68px,0);
        transform: translate3d(0,-68px,0)
    }

    50%, 70% {
        -webkit-transform: translate3d(0,-136px,0);
        transform: translate3d(0,-136px,0)
    }

    75%, 95% {
        -webkit-transform: translate3d(0,-68px,0);
        transform: translate3d(0,-68px,0)
    }
}

@-webkit-keyframes Rotate-md {
    0%, 100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    25%, 45% {
        -webkit-transform: translate3d(0,-87px,0);
        transform: translate3d(0,-87px,0)
    }

    50%, 70% {
        -webkit-transform: translate3d(0,-174px,0);
        transform: translate3d(0,-174px,0)
    }

    75%, 95% {
        -webkit-transform: translate3d(0,-87px,0);
        transform: translate3d(0,-87px,0)
    }
}





/*@keyframes Rotate-md {
    0%, 4%, 100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    7%, 11% {
        -webkit-transform: translate3d(0,-87px,0);
        transform: translate3d(0,-87px,0)
    }

    13%, 17% {
        -webkit-transform: translate3d(0,-174px,0);
        transform: translate3d(0,-174px,0)
    }

    19%, 23% {
        -webkit-transform: translate3d(0,-261px,0);
        transform: translate3d(0,-261px,0)
    }

    25%, 29% {
        -webkit-transform: translate3d(0,-348px,0);
        transform: translate3d(0,-348px,0)
    }

    31%, 35% {
        -webkit-transform: translate3d(0,-435px,0);
        transform: translate3d(0,-435px,0)
    }

    37%, 41% {
        -webkit-transform: translate3d(0,-522px,0);
        transform: translate3d(0,-522px,0)
    }

    43%, 47% {
        -webkit-transform: translate3d(0,-609px,0);
        transform: translate3d(0,-609px,0)
    }

    49%, 53% {
        -webkit-transform: translate3d(0,-696px,0);
        transform: translate3d(0,-696px,0)
    }

    55%, 59% {
        -webkit-transform: translate3d(0,-609px,0);
        transform: translate3d(0,-609px,0)
    }

    61%, 65% {
        -webkit-transform: translate3d(0,-522px,0);
        transform: translate3d(0,-522px,0)
    }

    67%, 71% {
        -webkit-transform: translate3d(0,-435px,0);
        transform: translate3d(0,-435px,0)
    }

    73%, 77% {
        -webkit-transform: translate3d(0,-348px,0);
        transform: translate3d(0,-348px,0)
    }

    79%, 83% {
        -webkit-transform: translate3d(0,-261px,0);
        transform: translate3d(0,-261px,0)
    }

    85%, 89% {
        -webkit-transform: translate3d(0,-174px,0);
        transform: translate3d(0,-174px,0)
    }

    91%, 95% {
        -webkit-transform: translate3d(0,-87px,0);
        transform: translate3d(0,-87px,0)
    }
}*/



@keyframes Rotate-md {
    0%, 12%, 100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    13%, 22% {
        -webkit-transform: translate3d(0,-87px,0);
        transform: translate3d(0,-87px,0)
    }

    23%, 32% {
        -webkit-transform: translate3d(0,-174px,0);
        transform: translate3d(0,-174px,0)
    }

    33%, 42% {
        -webkit-transform: translate3d(0,-261px,0);
        transform: translate3d(0,-261px,0)
    }

    43%, 51% {
        -webkit-transform: translate3d(0,-348px,0);
        transform: translate3d(0,-348px,0)
    }

    52%, 61% {
        -webkit-transform: translate3d(0,-435px,0);
        transform: translate3d(0,-435px,0)
    }

    62%, 71% {
        -webkit-transform: translate3d(0,-522px,0);
        transform: translate3d(0,-522px,0)
    }

    72%, 81% {
        -webkit-transform: translate3d(0,-609px,0);
        transform: translate3d(0,-609px,0)
    }

    82%, 92% {
        -webkit-transform: translate3d(0,-696px,0);
        transform: translate3d(0,-696px,0)
    }


   /* 92%, 97% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }*/
}
