/* pure-hidden-xs */
@media screen and (max-width:400px) {
#s01copy2 {
  margin: 7% 0 0 -291%!important;
  width: 300px;
}
#s01copy3 {
    margin: 3% 0 0 -7%!important;
}
#s02copy2 {
    margin: 4% 0 0 -137%!important;
}
#s02copy5 {
    margin: 16% 0 5% 30%!important;
    text-align: left;
    z-index: 12;
}
#s03copy2 {
    margin: 19% 0 0 -25%!important;
    text-align: left;
}
#s03copy3 {
    margin: -2% 0 0 0%!important;
    width: 110%;
}
}
@media screen and (max-width:567px) {
    .pure-visible-sm {
        display: none
    }
    .pure-visible-md {
        display: none
    }
    .pure-visible-lg {
        display: none
    }
    .pure-visible-xl {
        display: none
    }
    .pure-hidden-xs {
        display: none
    }
}


/* pure-hidden-sm */

@media screen and (min-width:568px) and (max-width:767px) {
    .pure-visible-xs {
        display: none
    }
    .pure-visible-md {
        display: none
    }
    .pure-visible-lg {
        display: none
    }
    .pure-visible-xl {
        display: none
    }
    .pure-hidden-sm {
        display: none
    }
    .flex-control-nav {
        top: 120%;
    }
}


/* pure-hidden-md */

@media screen and (min-width:768px) and (max-width:1023px) {
    .pure-visible-xs {
        display: none
    }
    .pure-visible-sm {
        display: none
    }
    .pure-visible-lg {
        display: none
    }
    .pure-visible-xl {
        display: none
    }
    .pure-hidden-md {
        display: none
    }
    #copy3-1 {
        width: 60%;
        left: 20%;
    }
    .flex-control-nav {
        top: 130%;
    }
    .tag-header {
        font-size: 32px !important;
    }
    .tag-body {
        font-size: 15px !important;
    }
    .tag-cta {
        font-size: 12px !important;
    }
}


/* pure-hidden-lg */

@media screen and (min-width:1024px) and (max-width:1279px) {
    .pure-visible-xs {
        display: none
    }
    .pure-visible-sm {
        display: none
    }
    .pure-visible-md {
        display: none
    }
    .pure-visible-xl {
        display: none
    }
    .pure-hidden-lg {
        display: none
    }
    #copy3-1 {
        width: 50%;
        left: 25%;
    }
    .flex-control-nav {
        top: 160%;
    }

    #s01row02,
    #s02row02,
    #s03row03,
    #s02row02  {
        width: 1150px;}
}


/* pure-hidden-xl */

@media screen and (min-width:1280px) {
    .pure-visible-xs {
        display: none
    }
    .pure-visible-sm {
        display: none
    }
    .pure-visible-md {
        display: none
    }
    .pure-visible-lg {
        display: none
    }
    .pure-hidden-xl {
        display: none
    }
    .flex-control-nav {
        top: 180%;
    }
}


#primary{
  background: black;
}

img {
    padding: 0;
    margin: 0;
}

.pure-container {
    max-width: 1280px;
    margin: auto;
}

.tag-container {
    letter-spacing: normal;
    z-index: 10;
    font-family: 'HelveticaNeueW01-45Ligh', Arial, Helvetica, sans-serif;
}

.tag-container-b {
    position: absolute;
    bottom: 22px;
    padding: 24px;
    text-align: left;
    letter-spacing: normal;
    z-index: 10;
    font-family: 'HelveticaNeueW01-45Ligh', Arial, Helvetica, sans-serif;
}

.mtag-container {
    top: 0;
    padding: 25px 0 24px 0;
    text-align: center;
    letter-spacing: normal;
    font-family: 'HelveticaNeueW01-45Ligh', Arial, Helvetica, sans-serif;
}

.mtag-header,
.mtag-body,
.mtag-cta {
    letter-spacing: normal;
    color: #daad88;
}

.mtag-header {
    font-family: 'HelveticaNeueW01-UltLt', Arial, Helvetica, sans-serif;
    font-size: 30px;
    line-height: 27px;
    text-transform: uppercase;
    padding: 3px;
}

.mtag-body,
.mtag-cta {
    font-size: 15px;
    -webkit-font-smoothing: antialiased;
}

.mtag-cta {
    font-family: "HelveticaNeueW01-75Bold", Arial, Helvetica, sans-serif;
    text-decoration: underline;
    text-transform: uppercase;
    padding: 5px;
}

.mtag-note {
    font-size: 15px;
    -webkit-font-smoothing: antialiased;
    color: black;
}

.bold-text {
    font-family: "HelveticaNeueW01-75Bold", Arial, Helvetica, sans-serif;
    color: black;
    font-size: 15px;
    padding-top: 10px;
}

.white-background {
    background: white;
}

.tag-header {
    font-family: 'HelveticaNeueW01-UltLt', Arial, Helvetica, sans-serif;
    font-size: 39px;
    line-height: 32px;
    letter-spacing: normal;
    text-transform: uppercase;
}

.tag-body,
.tag-cta {
    line-height: 18px;
    letter-spacing: -0.4px;
}

.tag-note {
    font-family: 'HelveticaNeueW01-45Ligh', Arial, Helvetica, sans-serif;
    font-size: 13px;
    margin-top: 4px;
}

.tag-body {
    font-family: 'HelveticaNeueW01-45Ligh', Arial, Helvetica, sans-serif;
    font-size: 17px;
    margin-top: 6px;
    color: white;
}

.tag-cta {
    font-family: "HelveticaNeueW01-75Bold", Arial, Helvetica, sans-serif;
    font-size: 15px;
    text-decoration: underline;
    text-transform: uppercase;
    padding-top: 14px;
}

.tag-header {
    font-family: "HelveticaNeueW01-45Ligh", Arial, Helvetica, sans-serif;
    font-size: 39px;
    line-height: 32px;
    letter-spacing: normal;
    text-transform: uppercase;
    /*    -webkit-font-smoothing: antialiased;*/
}

.copy0.tag-body,
.copy0.tag-cta {
    line-height: 18px;
    letter-spacing: -0.4px;
    /*    -webkit-font-smoothing: antialiased;*/
}

.copy0.tag-body {
    font-family: 'HelveticaNeueW01-45Ligh', Arial, Helvetica, sans-serif;
    font-size: 17px;
    margin-top: 6px;
}

.copy0.tag-cta {
    font-family: "HelveticaNeueW01-75Bold", Arial, Helvetica, sans-serif;
    font-size: 15px;
    text-decoration: underline;
    text-transform: uppercase;
    padding-top: 14px;
}

.copy0.tag-cta a,
.copy0.tag-body a,
.copy0.tag-header a {
    color: #fff !important;
}

.prelative {
    position: relative;
}

.display-block {
    display: block !important;
}

#s01row02,
#s02row02,
#s03row03  {
    right: -10%;
}

#s02row02 {
    right: -36%;
    margin-top: -5%;
}


#s01row04 {
    right: -24%;
}

#s02row07 {
    margin: 3% 2% 5% 0;
}

#s02row08 {
    margin: 7% 0 0 67%;
    z-index: 50;
}

#s03row03 {
    margin: 9%;
}

#s03row06 {
    margin: 5% 0 0 33%;
    z-index: 51;
}

#s03row08 {
    position: relative;
    margin: 0 0 0 12%;
}

#s03row09 {
    position: relative;
    z-index: 100;
    padding-bottom: 5%;
}

#copy0 {
    position: absolute;
    top: 44.5%;
    left: 0;
    text-align: center;
}

.copy1 {
    margin: 20px 58px 48px 58px;
    color: white;
    text-align: center;
    z-index: 50;
}

.copy1 .tag-header {
    line-height: normal;
    display: block !important;
}

.copy1 .tag-body {
    font-size: 6vw;
    line-height: 5vw;
}

.copy2 {
    position: absolute;
    max-width: 685px;
    left: 222px;
    color: #fff;
    z-index: 50;
    text-align: center;
}

.copy3,
.copy4,
.copy5 {
    color: #fff;
    text-align: center;
}

#s01copy3 {
    margin: 3% 0 0 -20%;
}

.FNbreak {
    padding-top: 20px;
}

#s02copy3 {
    margin: 0 0 0 -50%;
}

#s02copy4 {
    margin-top: -20%;
}

#s03copy3 {
    margin: -2% 0 0 20%;
    width: 110%;
}

#s03copy4 {
    margin: -1% 0 12% 47%;
}

#copyMB0 {
    color: white;
    text-align: center;
    z-index: 50;
}

#copyMB1 {
    width: 100%;
    left: 0%;
    text-align: center;
    top: 20%;
    color: #daad88;
}

#copyMB2 {
    width: 100%;
    left: 0%;
    text-align: center;
    top: 30%;
    color: #daad88;
}

#copyMB3 {
    color: #daad88;
}

#copyMB2 .mtag-body {
    font-size: 14px !important;
    letter-spacing: .9 !important;
}

#copyMB3,
#copyMB4,
#copyMB5,
#copyMB6,
#copyMB7 {
    margin: auto;
    text-align: center;
}

#copyMB4 {
    width: 80%;
}

.fadeDown,
.fadeDown1 {
    opacity: 0;
    transform: translate(0, -200px);
    -webkit-transform: translate(0, -200px);
    transition: all 2s ease-in-out;
}

.fadeUp {
    opacity: 0;
    transform: translate(0, 300px);
    -webkit-transform: translate(0, 300px);
    transition: all 2.3s ease-in-out;
}

.fadeUpLeft {
    opacity: 0;
    transform: translate(-50px, 300px);
    -webkit-transform: translate(-50px, 300px);
    transition: all 2.1s ease-in-out;
}

.fadeUpRight {
    opacity: 0;
    transform: translate(50px, 300px);
    -webkit-transform: translate(50px, 300px);
    transition: all 2s ease-in-out;
}

.fadeUpLeft1 {
    opacity: 0;
    transform: translate(-100px, 200px);
    -webkit-transform: translate(-50px, 300px);
    transition: all 1.9s ease-in-out;
}

.fadeUpRight1 {
    opacity: 0;
    transform: translate(100px, 200px);
    -webkit-transform: translate(50px, 300px);
    transition: all 1.8s ease-in-out;
}

.slideInLeft {
    opacity: 0;
    transform: translate(-150px, 0);
    -webkit-transform: translate(-150px, 0);
    transition: all 1s ease-in-out;
}

.slideInRight {
    opacity: 0;
    transform: translate(150px, 0);
    -webkit-transform: translate(150px, 0);
    transition: all 1s ease-in-out;
}

.fadeDown.fade-in,
.fadeDown1.fade-in,
.fadeUp.slide-in,
.fadeUpLeft.slide-in,
.fadeUpRight.slide-in,
.fadeUpLeft1.slide-in,
.fadeUpRight1.slide-in,
.slideInLeft.slide-in,
.slideInRight.slide-in {
    opacity: 1;
    transform: scale(1, 1) translate(0, 0);
    -webkit-transform: scale(1, 1) translate(0, 0);
}

.padding5 {
    line-height: 73px
}

.uppercase {
    text-transform: uppercase;
}

.text-center {
    text-align: center;
}

.div-center {
    margin: 0 auto;
}

.padding-10 {
    padding: 10px;
}

.padding-20 {
    padding: 20px;
}

#bootstrap-styles #big-video-vid.vjs-error {
    display: none !important;
}

#bootstrap-styles a:hover,
#bootstrap-styles a:focus {
    text-decoration: none;
}

#opener-video,
#page-2426 {
    height: 532px !important;
    width: 1280px !important;
    margin: auto;
}

#arrow-down1 {
    margin-top: 20px;
}

.black_background {
    background: #000;
}

.vjs-control-bar {
    display: none;
}


/*for mobile*/

@media (max-width:767px) {
    #section01 {
        background: url('../images/bg1m.jpg?$staticlink') no-repeat;
        background-size: 100%;
        background-position: 20% 0;
    }
    #section02 {
        background: url('../../FN02/images/bg1m.jpg?$staticlink') no-repeat center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    #section03 {
        background: url('../../FN03/images/bg1m.jpg?$staticlink') no-repeat center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    #s01row06a,
    #s01row06b,
    #s01row06c,
    #s01row06d,
    #s01row06e {
        position: absolute;
        top: 0;
        left: 0;
    }
    .copy2 .tag-body,
    .copy3 .tag-body,
    .copy4 .tag-body,
    .copy5 .tag-body {
        padding: 3px 0 0;
        margin: auto 0;
        font-size: 18px;
        letter-spacing: normal;
        line-height: 18px;
    }
    #s01row03,
    #s02row03 {
        position: absolute;
        margin: 10px 0 0 -60px;
        width: 61%;
        z-index: 50;
    }
    #s01row04 {
        margin: 27% 10% 0 30%;
        width: 40%;
    }
    #s01copy2 {
        margin: 7% 0 0 -245%;
        width: 300px;
    }
    #s01row05 {
        margin: 34% 0 0 14%;
        width: 50%;
    }
    #s02row04 {
        margin: 2% 0 0 13%;
        width: 38%;
    }
    #s02copy2 {
        margin: 4% 0 0 -100%;
    }
    #s02row05 {
        margin: 77% 0 0 53%;
        width: 50%;
        z-index: 51;
    }
    #s02row06 {
        margin: -10% 0 0 10%;
        width: 50%;
    }
    #s02copy5 {
        margin: 16% 0 5% 30%;
        text-align: left;
    }
    #s02row09 {
        margin: -77% 0 19% 5%;
        width: 70%;
    }
    #s03copy2 {
        margin: 19% 0 0 -10%;
        text-align: left;
    }
    #s03row02 {
        width: 32% !important;
    }
    #s03row04 {
        width: 50%;
    }
    #s03row05 {
        margin: -40% 0 0 52%;
        width: 70%;
    }
    #s03row07 {
        margin: 4% 0 0 1%;
        width: 50%;
    }
    #s03row09-1 {
        margin: -4% 0 0 5%;
        display: inline;
        width: 45%;
    }
    #s03row09-2 {
        margin: -5% 0 0 1%;
        display: inline;
        width: 41%;
    }
}


@media (min-width:768px) {
    #section01 {
        background: url('../images/bg1.jpg?$staticlink') no-repeat;
    }

    #section02 {
        background: url('../../FN02/images/bg1.jpg?$staticlink') no-repeat;
    }

    #section03 {
        background: url('../../FN03/images/bg1.jpg?$staticlink') no-repeat;
    }

    #s01row06 {
        padding: 0 0 450px 220px;
    }

    #s01row06a,
    #s01row06b,
    #s01row06c,
    #s01row06d,
    #s01row06e {
        position: absolute;
        padding: 0 0 450px 220px;
        top: 0;
        left: 0;
    }

    .copy2 .tag-body,
    .copy3 .tag-body,
    .copy4 .tag-body,
    .copy5 .tag-body {
        padding-top: 3px;
        font-size: 31px;
        letter-spacing: normal;
        line-height: 32px;
    }

    #s01row03,
    #s02row03 {
        position: absolute;
        display: block !important;
        max-width: 785px;
        top: 678px;
        left: -72px;
        z-index: 50;
    }

    #s01row04 {
        margin: 181px 332px;
    }

    #s01copy2 {
        margin: 1% 0 0 -24%;
    }

    #s01row05 {
        margin: 13% 0 0 14%;
        width: 50%;
    }

    #s02copy2 {
        margin: -30vw 0 0 -47vw;
    }

    #s02row05 {
        margin: 15% 0 0 38%;
        z-index: 51;
    }

    #s02row06 {
        margin: -10% 0 0 3%;
    }

    #s02copy5 {
        margin: 6% 0 5% 72%;
        text-align: left;
    }

    #s02row09 {
        margin: -34% 0 19% 15%;
    }

    #s03copy2 {
        margin: 19% 0 0 30%;
        text-align: left;
    }

    #s03row04 {
        margin: -10% 0 0;
        z-index: 51;
    }

    #s03row05 {
        margin: -34% 0 0 20%;
    }

    #s03row07 {
        margin: -24% 0 0 1%;
    }

    #s03row09-1 {
        margin: -4% 0 0 5%;
        display: inline;
    }

    #s03row09-2 {
        margin: -5% 0 0 1%;
        display: inline;
    }
}
@media (max-width:320px) {
    #opener-video,
    #page-2426,
    .vjs-tech {
        height: 320px !important;
    }

    .pure-container {
        max-width: 320px;
    }
}
@media (min-width:321px) and (max-width:360px) {
    #opener-video,
    #page-2426,
    .vjs-tech {
        height: 360px !important;
    }

    .pure-container {
        max-width: 321px;
    }
}
@media (min-width:361px) and (max-width:375px) {
    #opener-video,
    #page-2426,
    .vjs-tech {
        height: 355px !important;
    }

    .pure-container {
        max-width: 375px;
    }
}
@media (min-width:361px) and (max-width:411px) {
    #opener-video,
    #page-2426,
    .vjs-tech {
        max-height: 411px !important;
    }

    .pure-container {
        max-width: 411px;
    }
}
@media (min-width:412px) and (max-width:414px) {
    #opener-video,
    #page-2426,
    .vjs-tech {
        height: 464px !important;
    }

    .pure-container {
        max-width: 414px;
    }
}
@media (min-width:415px) and (max-width:435px) {
    #opener-video,
    #page-2426,
    .vjs-tech {
        height: 500px !important;
        background: #000;
    }

    .pure-container {
        max-width: 435px;
    }
}
@media (min-width:483px) {
    #opener-video,
    #page-2426,
    .vjs-tech {
        height: 720px !important;
        background: #000;
    }
}
#big-video-vid {
    position: absolute;
    left: 0px !important;
    top: 0px !important;
}
.mfp-iframe {
    max-width: 1280px !important;
}
.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}

/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
    opacity: 1;
}

/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}

/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
}

/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
}
</style>