/* 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;
        width: unset;
    }
    
    @media screen and (max-width:768px) {
        img {
            width: 100%;
        }
    }
    
    .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>