#carousel, #carousel ul, #carousel li {
  min-height: 100%;
  height: 100vh;
  padding: 0;
  margin: 0;
  position: relative;
  opacity:1;
}

#carousel {
  background: silver;
  overflow: hidden;
  width: 100%;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0,0,0) scale3d(1,1,1);
  -webkit-transform-style: preserve-3d;
}

#carousel ul.animate {
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

#carousel ul {
  -webkit-transform: translate3d(0%,0,0) scale3d(1,1,1);
  -moz-transform: translate3d(0%,0,0) scale3d(1,1,1);
  -ms-transform: translate3d(0%,0,0) scale3d(1,1,1);
  -o-transform: translate3d(0%,0,0) scale3d(1,1,1);
  transform: translate3d(0%,0,0) scale3d(1,1,1);
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
}

#carousel ul {
  -webkit-box-shadow: 0 0 20px rgba(0,0,0,.2);
  box-shadow: 0 0 20px rgba(0,0,0,.2);
  position: relative;
}

#carousel li {
  float: left;
  overflow: hidden;
  -webkit-transform-style: preserve-3d;
  -webkit-transform: translate3d(0,0,0);
}

#carousel li h2 {
  color: #fff;
  text-align: center;
  position: absolute;
  top: 40%;
  left: 0;
  width: 100%;
  text-shadow: -1px -1px 0 rgba(0,0,0,.2);
}


#carouselQ, #carouselQ ul, #carouselQ li {
  min-height: 100%;
  height: 100vh;
  padding: 0;
  margin: 0;
  position: relative;
    opacity:1;
}

#carouselQ {
  background: silver;
  overflow: hidden;
  width: 100%;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0,0,0) scale3d(1,1,1);
  -webkit-transform-style: preserve-3d;
}

#carouselQ ul.animate {
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

#carouselQ ul {
  -webkit-transform: translate3d(0%,0,0) scale3d(1,1,1);
  -moz-transform: translate3d(0%,0,0) scale3d(1,1,1);
  -ms-transform: translate3d(0%,0,0) scale3d(1,1,1);
  -o-transform: translate3d(0%,0,0) scale3d(1,1,1);
  transform: translate3d(0%,0,0) scale3d(1,1,1);
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
    opacity:1;
}

#carouselQ ul {
  -webkit-box-shadow: 0 0 20px rgba(0,0,0,.2);
  box-shadow: 0 0 20px rgba(0,0,0,.2);
  position: relative;
}

#carouselQ li {
  float: left;
  overflow: hidden;
  -webkit-transform-style: preserve-3d;
  -webkit-transform: translate3d(0,0,0);
}

#carouselQ li h2 {
  color: #fff;
  text-align: center;
  position: absolute;
  top: 40%;
  left: 0;
  width: 100%;
  text-shadow: -1px -1px 0 rgba(0,0,0,.2);
}


article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }

body { line-height: 1 }

ol, ul { list-style: none;  opacity:1; }

blockquote, q { quotes: none }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

html, body { overflow: hidden; }

.background {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  overflow: hidden;
  will-change: transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  height: 120vh;
  position: fixed;
  width: 100%;
  -webkit-transform: translateY(20vh);
  -ms-transform: translateY(20vh);
  transform: translateY(20vh);
  -webkit-transition: all 1.1s cubic-bezier(0.22, 0.44, 0, 1);
  transition: all 1.1s cubic-bezier(0.22, 0.44, 0, 1);
  z-index: 100;
}


.background:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0);
}

.backgroundq:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0);
}

.background:first-child .content-wrapper  {
  -webkit-transform: translateY(0vh);
  -ms-transform: translateY(0vh);
  transform: translateY(0vh);
}

.content-wrapper {
    height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    color: #fff;
    font-family: Montserrat !important;
    text-transform: uppercase;
    -webkit-transform: translateY(0vh);
    -ms-transform: translateY(0vh);
    transform: translateY(0vh);
    will-change: transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all 1.9s cubic-bezier(0.22, 0.44, 0, 1);
    transition: all 1.9s cubic-bezier(0.22, 0.44, 0, 1);
}

.content-title {font-family: Montserrat !important; padding-bottom:0px; margin-bottom:0px}
.content-subtitle .content-subtitle-wider {font-family: Montserrat !important;}


.backgroundq:nth-child(1) { z-index: 12; }

.backgroundq:nth-child(2) { z-index: 11; }

.backgroundq:nth-child(3) { z-index: 10; }

.backgroundq:nth-child(4) { z-index: 9; }

.backgroundq:nth-child(5) { z-index: 8; }

.backgroundq:nth-child(6) { z-index: 7; }

.backgroundq:nth-child(7) { z-index: 6; }

.backgroundq:nth-child(8) { z-index: 5; }

.backgroundq:nth-child(9) { z-index: 4; }

.backgroundq:nth-child(10) { z-index: 3; }

.backgroundq {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  overflow: hidden;
  will-change: transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  height: 100vh;
  position: fixed;
  width: 100%;
  -webkit-transition: all 1.1s cubic-bezier(0.26, 0.81, 0, 1);
  transition: all 1.1s cubic-bezier(0.26, 0.81, 0, 1);
}

/* story */

.norm {padding:0 !important;text-align:center !important;}


.sml,.smr{width:100px}
video{position:fixed;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;z-index:-100;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);background-size:cover;-webkit-transition:opacity 1s;transition:opacity 1s;border:0}
#gallery,#polina1,#polina2,#polina3,#polina4,#polina5,#polina6{font-weight:100;padding:0;width:100vw;border-radius:0px!important;position:fixed;left:0;bottom:0;display:none;color:#fff;background:rgba(0,0,0,.5);margin:0;}
#polina1 button,#polina2 button,#polina3 button,#polina4 button{text-align:center;padding:5px;margin:0 auto;font-size:1rem;border-radius:4px!important;border-style:none;cursor:pointer;-webkit-transition:background .3s;width:130px;font-family: 'Lato', sans-serif;text-transform: uppercase !important;}
.stopfade{opacity:.5}
#polina1,#polina2,#polina3,#polina4,#polina5,#polina6{margin:0;}
#gallery{margin:0 0 0;height:80px;opacity:0}p{padding:20px 30px 0;font-size:18px;text-align:left;line-height:25px}
                                               
h1{line-height:1em;text-align:center;font-weight:lighter;padding:18px 0 0;font-size:38px;color:#fff;}
#polina1 button,#polina2 button,#polina4 button{background:rgba(255,255,255,.23);color:#fff;transition:background .3s}
#polina3 button{background:rgba(255,255,255,.77);color:#000;transition:background .3s}
#polina5 button,#polina6 button{padding:5px;-webkit-transition:background .3s;font-size:1rem;background:rgba(255,255,255,.23);border-radius:4px!important;border-style:none;cursor:pointer;text-align:center;color:#fff;font-family: 'Lato', sans-serif;text-transform: uppercase !important;}
#polina5 button{width:130px;transition:background .3s}
#polina6 button{transition:background .3s}
#gallery button{text-align:center;padding:5px;font-size:1rem;background:rgba(255,255,255,.23);color:#fff;border-radius:4px!important;border-style:none;cursor:pointer;-webkit-transition:background .3s;transition:background .3s;font-family: 'Lato', sans-serif;text-transform: uppercase !important;}
.lemo{text-align:center;margin:20px 0 0}

@media screen and (min-device-width:768px){
    #gallery,#polina1,#polina2,#polina3,#polina4,#polina5,#polina6{font-weight:100;background:rgba(0,0,0,.5);padding:0;border-radius:0px!important;position:fixed;bottom:0;right:3.5vh;display:none;color:#fff}
    h1,p{-webkit-text-size-adjust:100%;margin:0}
    #gallery button,#polina1 button,#polina2 button,#polina3 button,#polina4 button,#polina5 button,#polina6 button{padding:10px;font-size:1.2rem;border-radius:4px!important;border-style:none;cursor:pointer;font-family: 'Lato', sans-serif;text-transform: uppercase !important;}
    #polina1,#polina2,#polina3,#polina4,#polina5,#polina6{margin:0;height:240px}
    #gallery{margin:0 0 0;height:80px;opacity:0}p{padding:20px 30px 0;font-size:18px;text-align:left;font-weight:400;line-height:25px}h1{text-align:center;font-weight:lighter;padding:18px 0 0;font-size:38px}
                                                                                                                                     
    #polina1 button,#polina2 button,#polina4 button{text-align:center;width:130px;margin:0 auto;background:rgba(255,255,255,.23);color:#fff;-webkit-transition:background .3s;transition:background .3s}
    #polina3 button{text-align:center;width:130px;margin:0 auto;background:rgba(255,255,255,.77);color:#000;-webkit-transition:background .3s;transition:background .3s}
    #gallery button,#polina5 button,#polina6 button{text-align:center;background:rgba(255,255,255,.23);color:#fff;-webkit-transition:background .3s;transition:background .3s}
    .lemo{text-align:center;margin:10px 0 0}
}
                                        
.lemon{text-align:center;margin:0}
#gallery button:hover,#polina1 button:hover,#polina2 button:hover,#polina4 button:hover,#polina5 button:hover,#polina6 button:hover{background:rgba(0,0,0,.5)}
#polina3 button:hover{background:rgba(255,255,255,.5);color:#fff}
.sml{margin-left:21vw;}
.smr{margin-right:21vw;}
.smx{width:58vw}
.pcla{padding-top:18px;padding-bottom:8px}

 
.polinaMain {
    font-weight: 100;
    background: rgba(0,0,0,0.5);
    color: white;
    padding: 1rem 0rem 1rem 0rem;
    width: auto;
    margin-left: 0rem;
    font-size: 100%;
}

/* long bio */
p { padding-bottom: 0.4rem;}            
p.art { font-size: .85rem;}
h1, .h1 { font-size: calc(1rem + 1vw);}
.genius { font-size: calc(1.45rem + 1.5vw) !important; padding-bottom: 15px;}

.panpan {
    width: 100%;
    height: 115vh;
    animation: mymove 25s infinite;
    animation-delay: 2.4s; 
}

@keyframes mymove {
  33% {background-position: 20%;}
  66% {background-position: 90%;}
  100% {background-position: center;}
}

/* landscape - portrait */

.shareBtn{ height: 1.7rem;}
.sharePos{ top:5.3vh;left:86.5vw;position:fixed;}

.polinaQuiz {
    background: rgba(0,0,0,.7);
    color: white;
    padding: 1rem;
    width: auto;
    margin: 0;
    position:fixed;
    bottom:65vh;
    z-index:20;
    width: 75vw;
    left:12.5vw;
    border-radius:5px;
}
.polinaAnswer {
    background: rgba(255, 255, 255,.7);
    color: white;
    padding: .75rem;
    width: auto;
    margin: 0;
    position:fixed;
    z-index:20;
    width: 75vw;
    left:12.5vw;
    border-radius:5px;
    text-align: left;
}

.que{font-size:1.4rem;line-height:1.4;color:#eee;text-align:center;text-transform: uppercase;font-weight: 500;margin:0;padding:0;letter-spacing: 0.2px;}
.quea{font-size:1.1rem;line-height:1.4;color:#000;text-align:center;text-transform: uppercase;font-weight: 400;margin:0;letter-spacing: 0.1px;margin-bottom:0 !important;}
.queab{font-size:1.1rem;line-height:1.4;color:#000;text-align:center;text-transform: uppercase;font-weight: 400;margin:0;letter-spacing: 0.1px;margin-bottom:0 !important;background(255,255,255,.2);}
.queaa{font-size:1.1rem;line-height:1.4;color:#eee;text-align:center;text-transform: uppercase;font-weight: 400;margin:0;letter-spacing: 0.1px;margin-bottom:0 !important;background:rgba(0, 0, 0, 0.8);}
.aaaau{transform:rotate(-180deg);left:87.5vw;position:fixed;}

.desci{width:83vw;left:8.5vw;bottom:25vh;}
.disco{width:83vw;left:8.5vw}
.fs {font-size:0.9rem}
.fsh {font-size:1.3rem}

    /*LANDSCAPE*/
    @media all and (orientation:landscape) {


        /* main arrow */
        .porland { height: 1.4rem;}
        .pola {position:fixed;bottom:48.2vh;left:91vw;margin-bottom:0;}
            /* story arrows */
        .porlandl { height: 2rem;}  
        .polal {position:fixed;top:2vh;left:2vw;z-index:20;transform:rotate(-180deg);}
        .polarr {position:fixed;bottom:110px;left:90vw;z-index:20;}
        /* story text */
        .poph1 { font-size: 1.55rem; font-weight: bolder; padding: 1rem 0 0 2rem;color: #fff;text-align: left;}
        .popp { font-size: 1rem;padding: .2rem 3.2rem 1rem 2rem; text-align: left;color: #fff;}
        /* story bcg */

        .mmm {display:none;}
        .genius { color:#000;font-weight:bolder;}
        p.art { padding: 1rem;}
        .p {padding:1rem}
        
        #polina1,#polina2,#polina3,#polina4,#polina5,#polina6 { height: 10rem; margin-bottom: 0;}

        .background:first-child {
            background-image: url(/img/Genius50-Stephen-Wiltshire-sq.jpg);
            -webkit-transform: translateY(0vh);
            -ms-transform: translateY(0vh);
            transform: translateY(0vh);
            background-position: center 12%;
        }        

        #kepL, .kepstyle {
            background-image: url(/50img/art/genius50-landscape.jpg);
            background-size: cover;
            background-repeat: no-repeat;
            overflow: hidden;
            will-change: transform;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            height: 100vh;
            position: fixed;
            width: 100%;
            -webkit-transform: translateY(0vh);
            -ms-transform: translateY(0vh);
            transform: translateY(0vh);
            background-position: center 12%;
        }

        #kepQ {
            background-image: url(/img/Genius50-Stephen-Wiltshire-sq.jpg);
            background-position: center center;
            background-size: cover;
            background-repeat: no-repeat;
            overflow: hidden;
            will-change: transform;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            height: 100vh;
            position: fixed;
            width: 100%;

            -webkit-transform: translateY(0vh);
            -ms-transform: translateY(0vh);
            transform: translateY(0vh);
            background-position: center 16%;
        }

        .polinaQuiz {
            background: rgba(0,0,0,.7);
            color: white;
            padding: 1rem;
            width: auto;
            margin: 0;
            position:fixed;
            bottom:65vh;
            z-index:20;
            width: 60vw;
            left:20vw;
            border-radius:5px;
        }
        .polinaAnswer {
            background: rgba(255, 255, 255,.7);
            color: white;
            padding: .75rem;
            width: auto;
            margin: 0;
            position:fixed;
            z-index:20;
            width: 60vw;
            left:20vw;
            border-radius:5px;
            text-align: left;
        }

        #x1 {
            background-image: url(/50img/quiz-bcg/c/1l-Dustin-and-Stephen-bw.jpg);
            background-position: center center;

            background-size: cover;
            background-repeat: no-repeat;
            overflow: hidden;
            will-change: transform;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            height: 100vh;
            position: fixed;
            width: 100%;
        }
        #x2 {
            background-image: url(/50img/quiz-bcg/c/2l-Child-Genius-bw.jpg);
            background-position: center center;

            background-size: cover;
            background-repeat: no-repeat;
            overflow: hidden;
            will-change: transform;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            height: 100vh;
            position: fixed;
            width: 100%;
        }
        #x3 {
            background-image: url(/50img/quiz-bcg/c/3l-USA-bw.jpg);
            background-position: center 12%;

            background-size: cover;
            background-repeat: no-repeat;
            overflow: hidden;
            will-change: transform;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            height: 100vh;
            position: fixed;
            width: 100%;
        }
        #x4 {
            background-image: url(/50img/quiz-bcg/c/8.webp);
            background-position: center 10%;

            background-size: cover;
            background-repeat: no-repeat;
            overflow: hidden;
            will-change: transform;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            height: 100vh;
            position: fixed;
            width: 100%;
        }
        #x5 {
            background-image: url(/50img/quiz-bcg/c/11l-Stephen-and-King-Charles-III.jpg);
            background-position: center 75%;

            background-size: cover;
            background-repeat: no-repeat;
            overflow: hidden;
            will-change: transform;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            height: 100vh;
            position: fixed;
            width: 100%;
        }
        #x6 {
            background-image: url(/50img/quiz-bcg/c/7.webp);
            background-position: center 7%;

            background-size: cover;
            background-repeat: no-repeat;
            overflow: hidden;
            will-change: transform;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            height: 100vh;
            position: fixed;
            width: 100%;
        }
        #x7 {
            background-image: url(/50img/quiz-bcg/c/5-getty.jpg);
            background-position: center 30%;

            background-size: cover;
            background-repeat: no-repeat;
            overflow: hidden;
            will-change: transform;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            height: 100vh;
            position: fixed;
            width: 100%;
        }
        #x8 {
            background-image: url(/50img/quiz-bcg/c/6.jpg);
            background-position: 45% center;

            background-size: cover;
            background-repeat: no-repeat;
            overflow: hidden;
            will-change: transform;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            height: 100vh;
            position: fixed;
            width: 100%;
        }
        #x9 {
            background-image: url(/50img/quiz-bcg/c/9.webp);
            background-position: center center;

            background-size: cover;
            background-repeat: no-repeat;
            overflow: hidden;
            will-change: transform;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            height: 100vh;
            position: fixed;
            width: 100%;
        }
        #x10 {
            background-image: url(/50img/quiz-bcg/c/10.webp);
            background-position: center 10%;

            background-size: cover;
            background-repeat: no-repeat;
            overflow: hidden;
            will-change: transform;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            height: 100vh;
            position: fixed;
            width: 100%;
        }

            .bbbb{height:2rem;}
            .shareBtn{ height: 1.7rem;}
            .sharePos{top:5.3vh;left:86.5vw;position:fixed;}
            .bbbbu{top:5vh;left:6.5vw;position:fixed;}
            .bbbbur{top:5vh;left:88.5vw;position:fixed;}
            .bbbburr{top:5vh;left:72.5vw !important;position:fixed;}
            .shopHere {height:3.4rem;}
            .shopHerePos{position:fixed;bottom:38vh;left:47.3vw;}

        @media all and (min-height:280px) and (max-height:375.99px) and (orientation:landscape){

            .content-title {
                font-size: 1.55rem;
                line-height: 1.3;
                text-shadow: -0.65px -0.65px 0 #000, 0.65px -0.65px 0 #000, -0.65px 0.65px 0 #000, 0.65px 0.65px 0 #000;
                font-weight: 500;
                padding-bottom: 1vh;
                letter-spacing: 0.2vw;
            }

            .content-subtitle {
                font-size: .95rem;
                line-height: 1.4;
                margin-bottom: .25rem;
                text-shadow: -0.45px -0.45px 0 #000, 0.45px -0.45px 0 #000, -0.45px 0.45px 0 #000, 0.45px 0.45px 0 #000;
                font-weight: bolder
            }

            /* main arrow */
            .porland { height: 1.4rem;}
            .pola {position:fixed;bottom:47.3vh;left:91vw;margin-bottom:0;transform:rotate(-180deg);}
             /* story arrows */
            .porlandl { height: 1.6rem;}  
            .polal {position:fixed;top:2vh;left:1.5vw;z-index:20;transform:rotate(-180deg);}
            .polarr {position:fixed;bottom:101px;left:95vw;z-index:20;}
            /* story text */
            .poph1 { font-size: 1.6rem; font-weight: bolder; padding: 1.8rem 0 0 2rem;color: #fff;text-align: left;}
            .popp { font-size: 1.1rem;padding: .2rem 3.2rem 1rem 2rem; text-align: left;color: #fff;}
            /* story bcg */

            .polia1 {bottom:41vh;min-height:90px;}
            .polia2 {bottom:25vh;min-height:90px;}
            .polia3 {bottom:9vh;min-height:90px;}
            .poliaLong {bottom:9vh;}
            .shortA {padding: 1rem 0.6rem 1rem 0rem;}
            .longA {padding: 0.4rem 2rem 0.4rem 2rem;}
            .polinaQuiz{bottom:57vh;}
            .polinaAnswer{padding:0;min-height:48px;}

            .que{font-size:1.3rem;line-height:1.4;color:#eee;text-align:center;text-transform: uppercase;font-weight: 500;margin:0;padding:0;letter-spacing: 0.2px;}
            .quea{font-size:1.1rem;line-height:1;color:#000;text-align:center;text-transform: uppercase;font-weight: 400;margin:0;letter-spacing: 0.1px;margin-bottom:0 !important;}
            .queab{font-size:1.1rem;line-height:1;color:#000;text-align:center;text-transform: uppercase;font-weight: 400;margin:0;letter-spacing: 0.1px;margin-bottom:0 !important;background(255,255,255,.2);}
            .queaa{font-size:1.1rem;line-height:1;color:#fff;text-align:center;text-transform: uppercase;font-weight: 400;margin:0;letter-spacing: 0.1px;margin-bottom:0 !important;background:rgba(0, 0, 0, 0.8);}
            .desci{width:82vw;left:9vw;bottom:8vh;}
            .disco{width:82vw;left:9vw;}
            .fs {font-size:0.8rem !important;line-height:1 !important;}
            .fsh {font-size:1rem !important;line-height:1 !important;}

            .bbbb{height:2rem;}
            .bbbbur{left:90.5vw;}
            .bbbbu {left:6.5vw;}
            .shareBtn{height: 1.7rem;}
            .sharePos{top:5.5vh;}

            .shopHere {height:2.1rem;}
            .shopHerePos{position:fixed;bottom:45vh;left:4vw;}
        }

        @media all and (min-height:376px) and (max-height:399.99px) and (orientation:landscape){

            .content-title {
                font-size: 1.85rem;
                line-height: 1.3;
                text-shadow: -0.65px -0.65px 0 #000, 0.65px -0.65px 0 #000, -0.65px 0.65px 0 #000, 0.65px 0.65px 0 #000;
                font-weight: 500;
                padding-bottom: 1vh;
                letter-spacing: 0.2vw;
            }

            .content-subtitle {
                font-size: 1.1rem;
                line-height: 1.4;
                margin-bottom: .25rem;
                text-shadow: -0.45px -0.45px 0 #000, 0.45px -0.45px 0 #000, -0.45px 0.45px 0 #000, 0.45px 0.45px 0 #000;
                font-weight: bolder
            }

            /* main arrow */
            .porland { height: 1.4rem;}
            .pola {position:fixed;bottom:46.3vh;left:91vw;margin-bottom:0;}
             /* story arrows */
            .porlandl { height: 1.6rem;}  
            .polal {position:fixed;top:2vh;left:1.5vw;z-index:20;transform:rotate(-180deg);}
            .polarr {position:fixed;bottom:101px;left:95vw;z-index:20;}
            /* story text */
            .poph1 { font-size: 1.6rem; font-weight: bolder; padding: 1.8rem 2rem 1rem 2rem;color: #fff;text-align: left;}
            .popp { font-size: 1.1rem;padding: .2rem 3.2rem 1rem 2rem; text-align: left;color: #fff;}
            /* story bcg */

            .polia1 {bottom:45vh;min-height:90px;}
            .polia2 {bottom:30vh;min-height:90px;}
            .polia3 {bottom:15vh;min-height:90px;}
            .poliaLong {bottom:12vh;}
            .shortA {padding: 0.75rem 0.6rem 0.75rem 0rem;}
            .longA {padding: 0.4rem 7rem 0.4rem 7rem;}
            .polinaQuiz{bottom:60vh;}
            .polinaAnswer{padding:0;min-height:48px;}

            .que{font-size:1.3rem;line-height:1.3;color:#eee;text-align:center;text-transform: uppercase;font-weight: 500;margin:0;padding:0;letter-spacing: 0.2px;}
            .quea{font-size:1.1rem;line-height:1.3;color:#000;text-align:center;text-transform: uppercase;font-weight: 400;margin:0;letter-spacing: 0.1px;margin-bottom:0 !important;}
            .queab{font-size:1.1rem;line-height:1.3;color:#000;text-align:center;text-transform: uppercase;font-weight: 400;margin:0;letter-spacing: 0.1px;margin-bottom:0 !important;background(255,255,255,.2);}
            .queaa{font-size:1.1rem;line-height:1.3;color:#fff;text-align:center;text-transform: uppercase;font-weight: 400;margin:0;letter-spacing: 0.1px;margin-bottom:0 !important;background:rgba(0, 0, 0, 0.8);}

            .bbbb{height:2.2rem;}
            .bbbbur{left:90.5vw;}
            .bbbbu {left:6.5vw;}
            .shareBtn{height: 1.8rem;}
            .sharePos{top:5.8vh;}

            .desci{width:74vw;left:13vw;bottom:8vh;}
            .disco{width:74vw;left:13vw;}
            .fs {font-size:0.9rem !important;line-height:1 !important;}
            .fsh {font-size:1rem !important;line-height:1 !important;}

            .shopHere {height:2.1rem;}
            .shopHerePos{position:fixed;bottom:45vh;left:4vw;}
        }

        @media all and (min-height:400px) and (max-height:599.99px) and (orientation:landscape){

            .content-title {
                font-size: 1.85rem;
                line-height: 1.3;
                text-shadow: -0.65px -0.65px 0 #000, 0.65px -0.65px 0 #000, -0.65px 0.65px 0 #000, 0.65px 0.65px 0 #000;
                font-weight: 500;
                padding-bottom: 1vh;
                letter-spacing: 0.2vw;
            }

            .content-subtitle {
                font-size: 1.1rem;
                line-height: 1.4;
                margin-bottom: .25rem;
                text-shadow: -0.45px -0.45px 0 #000, 0.45px -0.45px 0 #000, -0.45px 0.45px 0 #000, 0.45px 0.45px 0 #000;
                font-weight: bolder
            }

            /* main arrow */
            .porland { height: 1.4rem;}
            .pola {position:fixed;bottom:46.3vh;left:91vw;margin-bottom:0;}
             /* story arrows */
            .porlandl { height: 1.6rem;}  
            .polal {position:fixed;top:2vh;left:1.5vw;z-index:20;transform:rotate(-180deg);}
            .polarr {position:fixed;bottom:101px;left:95vw;z-index:20;}
            /* story text */
            .poph1 { font-size: 1.8rem; font-weight: bolder; padding: 1.8rem 2rem 1rem 2rem;color: #fff;text-align: left;}
            .popp { font-size: 1.1rem;padding: .2rem 10rem 1rem 2rem; text-align: left;color: #fff;}
            /* story bcg */

            .polia1 {bottom:40vh;min-height:90px;}
            .polia2 {bottom:26vh;min-height:90px;}
            .polia3 {bottom:12vh;min-height:90px;}
            .poliaLong {bottom:9.5vh;}
            .shortA {padding: 0.75rem 0.6rem 0.75rem 0rem;}
            .longA {padding: 0.4rem 8rem 0.4rem 8rem;}
            .polinaQuiz{bottom:54vh;}
            .polinaAnswer{padding:0;min-height:48px;}

            .que{font-size:1.4rem;line-height:1.3;color:#eee;text-align:center;text-transform: uppercase;font-weight: 500;margin:0;padding:0;letter-spacing: 0.2px;}
            .quea{font-size:1.1rem;line-height:1.3;color:#000;text-align:center;text-transform: uppercase;font-weight: 400;margin:0;letter-spacing: 0.1px;margin-bottom:0 !important;}
            .queab{font-size:1.1rem;line-height:1.3;color:#000;text-align:center;text-transform: uppercase;font-weight: 400;margin:0;letter-spacing: 0.1px;margin-bottom:0 !important;background(255,255,255,.2);}
            .queaa{font-size:1.1rem;line-height:1.3;color:#fff;text-align:center;text-transform: uppercase;font-weight: 400;margin:0;letter-spacing: 0.1px;margin-bottom:0 !important;background:rgba(0, 0, 0, 0.8);}

             .bbbb{height:2.2rem;}
            .bbbbur{top:7.5vh;left:90.5vw;}
            .bbbbu {top:7.5vh;}
            .shareBtn{height: 1.8rem;}
            .sharePos{top:8vh;}

            .desci{width:66vw;left:17vw;bottom:8vh;}
            .disco{width:66vw;left:17vw;}
            .fs {font-size:0.9rem !important;line-height:1.1 !important;}
            .fsh {font-size:1rem !important;line-height:1 !important;}
            .shopHere {height:2.1rem;}
            .shopHerePos{position:fixed;bottom:45vh;left:4vw;}
        }

        @media all and (min-height:600px) and (max-height:849.99px) and (orientation:landscape){

            .content-title {
                font-size: 2.8em;
                line-height: 1.3;
                text-shadow: -0.65px -0.65px 0 #000, 0.65px -0.65px 0 #000, -0.65px 0.65px 0 #000, 0.65px 0.65px 0 #000;
                font-weight: 500;
                padding-bottom: 1vh;
                letter-spacing: 0.2vw;
            }

            .content-subtitle {
                font-size: 1.6rem;
                line-height: 1.4;
                margin-bottom: .25rem;
                text-shadow: -0.45px -0.45px 0 #000, 0.45px -0.45px 0 #000, -0.45px 0.45px 0 #000, 0.45px 0.45px 0 #000;
                font-weight: bolder
            }

            /* main arrow */
            .porland { height: 1.8rem;}
            .pola {position:fixed;bottom: 47.4vh;left:91vw;margin-bottom:0;}
             /* story arrows */
            .porlandl { height: 1.6rem;}  
            .polal {position:fixed;top:2vh;left:1.5vw;z-index:20;transform:rotate(-180deg);}
            .polarr {position:fixed;bottom:101px;left:95vw;z-index:20;}
            /* story text */
            .poph1 { font-size: 1.8rem; font-weight: bolder; padding: 1.8rem 2rem 1rem 2rem;color: #fff;text-align: left;}
            .popp { font-size: 1.2rem;padding: .2rem 10rem 1rem 2rem; text-align: left;color: #fff;}
            /* story bcg */

            .polia1 {bottom:40vh;min-height:90px;}
            .polia2 {bottom:28.7vh;min-height:90px;}
            .polia3 {bottom:17.4vh;min-height:90px;}
            .poliaLong {bottom:14vh;}
            .shortA {padding: 0.75rem 0.6rem 0.75rem 0rem;}
            .longA {padding: .4rem 7rem .4rem 7rem;}
            .polinaQuiz{bottom:52vh;}
            .polinaAnswer{padding:0;min-height:48px;}

            .que{font-size:2.3rem;line-height:1.3;color:#eee;text-align:center;text-transform: uppercase;font-weight: 500;margin:0;padding:0;letter-spacing: 0.2px;}
            .quea{font-size:1.9rem;line-height:1.34;color:#000;text-align:center;text-transform: uppercase;font-weight: 400;margin:0;letter-spacing: 0.1px;margin-bottom:0 !important;}
            .queab{font-size:1.9rem;line-height:1.34;color:#000;text-align:center;text-transform: uppercase;font-weight: 400;margin:0;letter-spacing: 0.1px;margin-bottom:0 !important;background(255,255,255,.2);}
            .queaa{font-size:1.9rem;line-height:1.34;color:#fff;text-align:center;text-transform: uppercase;font-weight: 400;margin:0;letter-spacing: 0.1px;margin-bottom:0 !important;background:rgba(0, 0, 0, 0.8);}

            .bbbb{height:3rem;}
            .bbbbur{left:89.5vw;}

            .aaaau{bottom:47.2vh;}
            .bbbbu {left:6.5vw;}
            .shareBtn{height: 2.4rem;}
            .sharePos{top:5.5vh;}

            .desci{width:66vw;left:17vw;bottom:8vh;}
            .disco{width:66vw;left:17vw;}
            .fs {font-size:1.1rem !important;line-height:1.3 !important;}
            .fsh {font-size:1.6rem !important;line-height:1 !important;}
            .shopHere {height:3rem;}
            .shopHerePos{position:fixed;bottom:46vh;left:4vw;}
            }

        @media all and (min-height:850px) and (orientation:landscape){
            .content-title {
                font-size: 2.8rem;
                line-height: 1.3;
                text-shadow: -0.65px -0.65px 0 #000, 0.65px -0.65px 0 #000, -0.65px 0.65px 0 #000, 0.65px 0.65px 0 #000;
                font-weight: 500;
                padding-bottom: 1vh;
                letter-spacing: 0.2vw;
            }

            .content-subtitle {
                font-size: 1.8rem;
                line-height: 1.4;
                margin-bottom: .25rem;
                text-shadow: -0.45px -0.45px 0 #000, 0.45px -0.45px 0 #000, -0.45px 0.45px 0 #000, 0.45px 0.45px 0 #000;
                font-weight: bolder
            }

            /* main arrow */
            .porland { height: 1.8rem;}
            .pola {position:fixed;bottom:48.4vh;left:91vw;margin-bottom:0;}
             /* story arrows */
            .porlandl { height: 1.8rem;}  
            .polal {position:fixed;top:2vh;left:1.5vw;z-index:20;transform:rotate(-180deg);}
            .polarr {position:fixed;bottom:96px;left:95vw;z-index:20;}
            /* story text */
            .poph1 { font-size: 1.9rem; font-weight: bolder; padding: 1.8rem 2rem 1rem 4rem;color: #fff;text-align: left;}
            .popp { font-size: 1.3rem;padding: .2rem 10rem 1rem 4rem; text-align: left;color: #fff;}
            /* story bcg */

            .polia1 {bottom:40vh;min-height:90px;}
            .polia2 {bottom:28vh;min-height:90px;}
            .polia3 {bottom:16vh;min-height:90px;}
            .poliaLong {bottom:12vh;}
            .shortA {padding: 0.75rem 0.6rem 0.75rem 0rem;}
            .longA {padding: 0.4rem 7rem 0.4rem 7rem;}
            .polinaQuiz{bottom:52vh;}
            .polinaAnswer{padding:0;min-height:48px;}

            .que{font-size:2.8rem;line-height:1.3;color:#eee;text-align:center;text-transform: uppercase;font-weight: 500;margin:0;padding:0;letter-spacing: 0.2px;}
            .quea{font-size:2.3rem;line-height:1.34;color:#000;text-align:center;text-transform: uppercase;font-weight: 400;margin:0;letter-spacing: 0.1px;margin-bottom:0 !important;}
            .queab{font-size:2.3rem;line-height:1.34;color:#000;text-align:center;text-transform: uppercase;font-weight: 400;margin:0;letter-spacing: 0.1px;margin-bottom:0 !important;background(255,255,255,.2);}
            .queaa{font-size:2.3rem;line-height:1.34;color:#fff;text-align:center;text-transform: uppercase;font-weight: 400;margin:0;letter-spacing: 0.1px;margin-bottom:0 !important;background:rgba(0, 0, 0, 0.8);}

            .aaaau{bottom:47.2vh;}
            .bbbb{height:3rem;}
            .bbbbur{left:90.5vw;}
            .bbbbu {left:6.5vw;}
            .shareBtn{height: 2.5rem;}
            .sharePos{top:5.1vh;}

            .desci{width:64vw;left:18vw;bottom:8vh;}
            .disco{width:64vw;left:18vw;}
            .fs {font-size:1.3rem !important;line-height:1.3 !important;}
            .fsh {font-size:1.7rem !important;line-height:1 !important;}
            .shopHere {height:3rem;}
            .shopHerePos{position:fixed;bottom:47vh;left:4vw;}
        }

        @media all and (min-width:1440px) and (orientation:landscape){
            .content-title {
                font-size: 2.8rem;
                line-height: 1.25;
                text-shadow: -0.65px -0.65px 0 #000, 0.65px -0.65px 0 #000, -0.65px 0.65px 0 #000, 0.65px 0.65px 0 #000;
                font-weight: 500;
                padding-bottom: 1vh;
                letter-spacing: 0.2vw;
            }

            .content-subtitle {
                font-size: 1.6rem;
                line-height: 1.2;
                margin-bottom: .25rem;
                text-shadow: -0.45px -0.45px 0 #000, 0.45px -0.45px 0 #000, -0.45px 0.45px 0 #000, 0.45px 0.45px 0 #000;
                font-weight: bolder
            }

            /* main arrow */
            .porland { height: 2rem;}
            .pola {position:fixed;bottom: 47.2vh;left:91vw;margin-bottom:0;}
             /* story arrows */
            .porlandl { height: 1.8rem;}  
            .polal {position:fixed;top:2vh;left:1.5vw;z-index:20;transform:rotate(-180deg);}
            .polarr {position:fixed;bottom:96px;left:95vw;z-index:20;}
            /* story text */
            .poph1 { font-size: 2.1rem; font-weight: bolder; padding: 1.8rem 2rem 1rem 4rem;color: #fff;text-align: left;}
            .popp { font-size: 1.3rem;padding: .2rem 10rem 1rem 4rem; text-align: left;color: #fff;}
            /* story bcg */

            .polia1 {bottom:40vh;min-height:90px;}
            .polia2 {bottom:28vh;min-height:90px;}
            .polia3 {bottom:16vh;min-height:90px;}
            .poliaLong {bottom:11.4vh;}
            .shortA {padding: 0.75rem 0.6rem 0.75rem 0rem;}
            .longA {padding: 0.4rem 9rem 0.4rem 9rem;}
            .polinaQuiz{bottom:52vh;}
            .polinaAnswer{padding:0;min-height:48px;}

            .que{font-size:2.8rem;line-height:1.3;color:#eee;text-align:center;text-transform: uppercase;font-weight: 500;margin:0;padding:0;letter-spacing: 0.2px;}
            .quea{font-size:2.3rem;line-height:1.34;color:#000;text-align:center;text-transform: uppercase;font-weight: 400;margin:0;letter-spacing: 0.1px;margin-bottom:0 !important;}
            .queab{font-size:2.3rem;line-height:1.34;color:#000;text-align:center;text-transform: uppercase;font-weight: 400;margin:0;letter-spacing: 0.1px;margin-bottom:0 !important;background(255,255,255,.2);}
            .queaa{font-size:2.3rem;line-height:1.34;color:#fff;text-align:center;text-transform: uppercase;font-weight: 400;margin:0;letter-spacing: 0.1px;margin-bottom:0 !important;background:rgba(0, 0, 0, 0.8);}

            .bbbb {height:3rem;}
            .bbbbu {left:6.5vw;}
            .bbbbur {left:90.5vw;}
            .shareBtn{height: 2.4rem;}
            .sharePos{top:5.5vh;}
            .aaaau{bottom:47.2vh;}

            .desci{width:45vw !important;left:27.5vw !important;bottom:15vh !important;}
            .disco{width:45vw !important;left:27.5vw !important}
            .shopHere {height:3.2rem;}
            .shopHerePos{position:fixed;bottom:46.5vh;left:4vw;}
        }
    }

    /*PORTRAIT*/
    @media all and (orientation:portrait) {

        /* main arrow */
        .porland { height: 1.4rem;}
        .pola {position:fixed;bottom:48.2vh;left:91vw;margin-bottom:0;}
            /* story arrows */
        .porlandl { height: 2rem;}  
        .polal {position:fixed;top:2vh;left:2vw;z-index:20;transform:rotate(-180deg);}
        .polarr {position:fixed;bottom:110px;left:90vw;z-index:20;}
        /* story text */
        .poph1 { font-size: 1.55rem; font-weight: bolder; padding: 1rem 0 0 2rem;color: #fff;text-align: left;}
        .popp { font-size: 1rem;padding: .2rem 3.2rem 1rem 2rem; text-align: left;color: #fff;}
        /* story bcg */

        .mmm {display:none;}
        .genius { color:#000;font-weight:bolder;}
        p.art { padding: 1rem;}
        .p {padding:1rem}
        
        #polina1,#polina2,#polina3,#polina4,#polina5,#polina6 { height: 10rem; margin-bottom: 0;}   

        .background:first-child {
            background-image: url(/img/Genius50-Stephen-Wiltshire.jpg);
            -webkit-transform: translateY(0vh);
            -ms-transform: translateY(0vh);
            transform: translateY(0vh);
            background-position: 22% 0%;
        }

        #kepL, .kepstyle {
            background-image: url(/50img/art/genius50-portrait.jpg);
            background-position: center center;
            background-size: cover;
            background-repeat: no-repeat;
            overflow: hidden;
            will-change: transform;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            height: 100vh;
            position: fixed;
            width: 100%;
            -webkit-transform: translateY(0vh);
            -ms-transform: translateY(0vh);
            transform: translateY(0vh);
            background-position: center 12%;
        }

        #kepQ {
            background-image: url(/img/Genius50-Stephen-Wiltshire-sq.jpg);
            background-position: center center;
            background-size: cover;
            background-repeat: no-repeat;
            overflow: hidden;
            will-change: transform;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            height: 100vh;
            position: fixed;
            width: 100%;
            -webkit-transform: translateY(0vh);
            -ms-transform: translateY(0vh);
            transform: translateY(0vh);
            background-position: 48% center;
        }

        #x1 {
            background-image: url(/50img/quiz-bcg/c/1p-Dustin-and-Stephen-bw.jpg);
            background-position: center center;
            background-size: cover;
            background-repeat: no-repeat;
            overflow: hidden;
            will-change: transform;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            height: 100vh;
            position: fixed;
            width: 100%;
        }
        #x2 {
            background-image: url(/50img/quiz-bcg/c/2p-Child-Genius-bw.jpg);
            background-position: center center;

            background-size: cover;
            background-repeat: no-repeat;
            overflow: hidden;
            will-change: transform;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            height: 100vh;
            position: fixed;
            width: 100%;
        }
        #x3 {
            background-image: url(/50img/quiz-bcg/c/3p-USA-bw.jpg);
            background-position: center center;

            background-size: cover;
            background-repeat: no-repeat;
            overflow: hidden;
            will-change: transform;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            height: 100vh;
            position: fixed;
            width: 100%;
        }
        #x4 {
            background-image: url(/50img/quiz-bcg/c/8.webp);
            background-position: center center;

            background-size: cover;
            background-repeat: no-repeat;
            overflow: hidden;
            will-change: transform;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            height: 100vh;
            position: fixed;
            width: 100%;
        }
        #x5 {
            background-image: url(https://ucarecdn.com/d308a835-783d-41d1-a4f4-374922401a07/-/scale_crop/932x932/center/-/enhance/-/grayscale/5.jpg);
            background-position: 20% 50%;

            background-size: cover;
            background-repeat: no-repeat;
            overflow: hidden;
            will-change: transform;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            height: 100vh;
            position: fixed;
            width: 100%;
        }
        #x6 {
            background-image: url(/50img/quiz-bcg/c/7.webp);
            background-position: 22% center;

            background-size: cover;
            background-repeat: no-repeat;
            overflow: hidden;
            will-change: transform;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            height: 100vh;
            position: fixed;
            width: 100%;
        }
        #x7 {
            background-image: url(/50img/quiz-bcg/c/5-getty.jpg);
            background-position: center center;

            background-size: cover;
            background-repeat: no-repeat;
            overflow: hidden;
            will-change: transform;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            height: 100vh;
            position: fixed;
            width: 100%;
        }
        #x8 {
            background-image: url(/50img/quiz-bcg/c/6.jpg);
            background-position: 45% center;

            background-size: cover;
            background-repeat: no-repeat;
            overflow: hidden;
            will-change: transform;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            height: 100vh;
            position: fixed;
            width: 100%;
        }
        #x9 {
            background-image: url(/50img/quiz-bcg/c/9.webp);
            background-position: center center;

            background-size: cover;
            background-repeat: no-repeat;
            overflow: hidden;
            will-change: transform;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            height: 100vh;
            position: fixed;
            width: 100%;
        }
        #x10 {
            background-image: url(/50img/quiz-bcg/c/10.webp);
            background-position: 22% center;

            background-size: cover;
            background-repeat: no-repeat;
            overflow: hidden;
            will-change: transform;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            height: 100vh;
            position: fixed;
            width: 100%;
        }

        .polinaQuiz {
            background: rgba(0,0,0,.7);
            color: white;
            padding: 1rem;
            width: auto;
            margin: 0;
            position:fixed;
            bottom:50vh;
            z-index:20;
            width: 75vw;
            left:12.5vw;
            border-radius:5px;
        }
        .polinaAnswer {
            background: rgba(255, 255, 255,.7);
            color: white;
            padding: .75rem;
            width: auto;
            margin: 0;
            position:fixed;
            z-index:20;
            width: 75vw;
            left:12.5vw;
            border-radius:5px;
            text-align: left;
        }

            .bbbb{height:2rem;}
            .shareBtn{ height: 1.7rem;}
            .sharePos{ top:5.3vh;left:86.5vw;position:fixed;}
            .bbbbu{top:5vh;left:4.5vw;position:fixed;}
            .bbbbur{top:5vh;left:88.5vw;position:fixed;}
            .bbbburr{top:5vh;left:72.5vw !important;position:fixed;}
            .shopHere {height:2.2rem;}
            .shopHerePos{position:fixed;bottom:46.5vh;left:4vw;}

        @media all and (min-width:280px) and (max-width:375.99px) and (orientation:portrait){

            .content-title {
                font-size: 1.55rem;
                line-height: 1.3;
                text-shadow: -0.65px -0.65px 0 #000, 0.65px -0.65px 0 #000, -0.65px 0.65px 0 #000, 0.65px 0.65px 0 #000;
                font-weight: 500;
                padding-bottom: 1vh;
                letter-spacing: 0.2vw;
            }

            .content-subtitle {
                font-size: .95rem;
                line-height: 1.4;
                margin-bottom: .25rem;
                text-shadow: -0.45px -0.45px 0 #000, 0.45px -0.45px 0 #000, -0.45px 0.45px 0 #000, 0.45px 0.45px 0 #000;
                font-weight: bolder
            }

            /* main arrow */
            .porland { height: 1.4rem;}
            .pola {position:fixed;bottom:48.2vh;left:91vw;margin-bottom:0;}
             /* story arrows */
            .porlandl { height: 2rem;}  
            .polal {position:fixed;top:2vh;left:2vw;z-index:20;transform:rotate(-180deg);}
            .polarr {position:fixed;bottom:110px;left:90vw;z-index:20;}
            /* story text */
            .poph1 { font-size: 1.55rem; font-weight: bolder; padding: 1rem 0 0 2rem;color: #fff;text-align: left;}
            .popp { font-size: 1rem;padding: .2rem 3.2rem 1rem 2rem; text-align: left;color: #fff;}
            /* story bcg */

            .aaaau{transform:rotate(-180deg);left:85.5vw;position:fixed;} 
            .bbbb{font-size:1.8rem;}
            .shareBtn{ height: 1.7rem;}
            .sharePos{ top:5.3vh;left:86.5vw;position:fixed;}
            .bbbbu{top:5vh;left:4.5vw;position:fixed;}
            .bbbbur{top:5vh;left:87.5vw;position:fixed;}

            .polia1 {bottom:35vh;min-height:48px;}
            .polia2 {bottom: 26vh;min-height:48px;}
            .polia3 {bottom: 17vh;min-height:48px;}
            .poliaLong {bottom: 15vh;}
            .shortA {padding: 0.75rem 0.8rem 0.75rem 0.8rem;}
            .longA {padding: 0.4rem 0.4rem 0.4rem 0.4rem;}
            .polinaQuiz{bottom:44vh;}
            .polinaAnswer{padding:0;min-height:48px;}

            .que{font-size:1.2rem;line-height:1.4;color:#eee;text-align:center;text-transform: uppercase;font-weight: 500;margin:0;padding:0;letter-spacing: 0.2px;}
            .quea{font-size:1rem;line-height:1.4;color:#000;text-align:center;text-transform: uppercase;font-weight: 400;margin:0;letter-spacing: 0.1px;margin-bottom:0 !important;}
            .queab{font-size:1rem;line-height:1.4;color:#000;text-align:center;text-transform: uppercase;font-weight: 400;margin:0;letter-spacing: 0.1px;margin-bottom:0 !important;background(255,255,255,.2);}
            .queaa{font-size:1rem;line-height:1.4;color:#fff;text-align:center;text-transform: uppercase;font-weight: 400;margin:0;letter-spacing: 0.1px;margin-bottom:0 !important;background:rgba(0, 0, 0, 0.8);}

             .desci{width:94vw;left:3vw;bottom:12vh;}
            .disco{width:94vw;left:3vw;}
            .fs {font-size:.9rem !important;line-height:1.1 !important;}
            .fsh {font-size:1.1rem !important;line-height:1.1 !important;}
        }

        @media all and (min-width:376px) and (max-width:399.99px) and (orientation:portrait) {

            .content-title {
                font-size: 1.7rem;
                line-height: 1.3;
                text-shadow: -0.65px -0.65px 0 #000, 0.65px -0.65px 0 #000, -0.65px 0.65px 0 #000, 0.65px 0.65px 0 #000;
                font-weight: 500;
                padding-bottom: 1vh;
                letter-spacing: 0.2vw;
            }

            .content-subtitle {
                font-size: 1rem;
                line-height: 1.4;
                margin-bottom: .25rem;
                text-shadow: -0.45px -0.45px 0 #000, 0.45px -0.45px 0 #000, -0.45px 0.45px 0 #000, 0.45px 0.45px 0 #000;
                font-weight: bolder
            }

            /* main arrow */
            .porland { height: 1.6rem;}
            .pola {position:fixed;bottom:48.5vh;left:92.5vw;margin-bottom:0;}
             /* story arrows */
            .porlandl { height: 1.7rem;}  
            .polal {position:fixed;top:2.2vh;left:4vw;z-index:20;transform:rotate(-180deg);}
            .polarr {position:fixed;bottom:113px;left:90vw;z-index:20;}
            /* story text */
            .poph1 { font-size: 1.6rem; font-weight: bolder; padding: 1rem 0 0 2rem;color: #fff;text-align: left;}
            .popp { font-size: 1.1rem;padding: .2rem 3.2rem 1rem 2rem; text-align: left;color: #fff;}

            .aaaau{transform:rotate(-180deg);left:86.5vw;position:fixed;} 
            .bbbb{font-size:1.8rem;}
            .shareBtn{ height: 1.7rem;}
            .sharePos{ top:5.3vh;left:86.5vw;position:fixed;}
            .bbbbu{top:5vh;left:4.5vw;position:fixed;}
            .bbbbur{top:5vh;left:87.5vw;position:fixed;}            

            .polia1 {bottom:39vh;min-height:48px;}
            .polia2 {bottom:31vh;min-height:48px;}
            .polia3 {bottom:23vh;min-height:48px;}
            .poliaLong {bottom:21.5vh;}
            .shortA {padding: 0.75rem 0.6rem 0.75rem 0rem;}
            .longA {padding: 0.4rem .4rem 0.4rem 0.4rem;}
            .polinaQuiz{bottom:47vh;}
            .polinaAnswer{padding:0;min-height:48px;}

            .que{font-size:1.3rem;line-height:1.4;color:#eee;text-align:center;text-transform: uppercase;font-weight: 500;margin:0;padding:0;letter-spacing: 0.2px;}
            .quea{font-size:1.05rem;line-height:1.4;color:#000;text-align:center;text-transform: uppercase;font-weight: 400;margin:0;letter-spacing: 0.1px;margin-bottom:0 !important;}
            .queab{font-size:1.05rem;line-height:1.4;color:#000;text-align:center;text-transform: uppercase;font-weight: 400;margin:0;letter-spacing: 0.1px;margin-bottom:0 !important;background(255,255,255,.2);}
            .queaa{font-size:1.05rem;line-height:1.4;color:#fff;text-align:center;text-transform: uppercase;font-weight: 400;margin:0;letter-spacing: 0.1px;margin-bottom:0 !important;background:rgba(0, 0, 0, 0.8);}

             .desci{width:88vw;left:6vw;bottom:16vh;}
            .disco{width:88vw;left:6vw;}
            .fs {font-size:1rem !important;line-height:1.1 !important;}
            .fsh {font-size:1.4rem !important;line-height:1.2 !important;}

            .shopHere {height:2.1rem;}
            .shopHerePos{position:fixed;bottom:47.4vh;left:3.6vw;}
        }

        @media all and (min-width:400px) and (max-width:599.99px) and (orientation:portrait){

            .content-title {
                font-size: 1.8rem;
                line-height: 1.3;
                text-shadow: -0.65px -0.65px 0 #000, 0.65px -0.65px 0 #000, -0.65px 0.65px 0 #000, 0.65px 0.65px 0 #000;
                font-weight: 500;
                padding-bottom: 0.5vh;
                letter-spacing: 0.2vw;
            }

            .content-subtitle {
                font-size: 1.03rem;
                line-height: 1.5;
                margin-bottom: .2rem;
                text-shadow: -0.5px -0.5px 0 #000, 0.5px -0.5px 0 #000, -0.5px 0.5px 0 #000, 0.5px 0.5px 0 #000;
                font-weight: bolder
            }

            /* main arrow */
            .porland { height: 1.6rem;}
            .pola {position:fixed;bottom:48.5vh;left:87.5vw;margin-bottom:0;}
             /* story arrows */
            .porlandl { height: 1.7rem;}  
            .polal {position:fixed;top:2.2vh;left:4vw;z-index:20;transform:rotate(-180deg);}
            .polarr {position:fixed;bottom:115px;left:90vw;z-index:20;}
            /* story text */
            .poph1 { font-size: 1.6rem; font-weight: bolder; padding: 1rem 0 0 2rem;color: #fff;text-align: left;}
            .popp { font-size: 1.25rem;padding: .4rem 3.2rem 1rem 2rem; text-align: left;color: #fff;}

            .aaaau{transform:rotate(-180deg);left:86.5vw;position:fixed;} 
            .bbbb{font-size:1.8rem;}
            .shareBtn{ height: 1.7rem;}
            .sharePos{ top:5.3vh;left:88.5vw;position:fixed;}
            .bbbbu{top:5vh;left:4.5vw;position:fixed;}
            .bbbbur{top:5vh;left:88.5vw;position:fixed;}

            .polia1 {bottom:34vh;min-height:48px;}
            .polia2 {bottom:27vh;min-height:48px;}
            .polia3 {bottom:20vh;min-height:48px;}
            .poliaLong {bottom:18.7vh;}
            .shortA {padding: 0.75rem 0.6rem 0.75rem 0rem;}
            .longA {padding: 0.4rem 0.4rem 0.4rem 0.4rem;}
            .polinaQuiz{bottom:41vh;}
            .polinaAnswer{padding:0;min-height:48px;}

            .que{font-size:1.4rem;line-height:1.2;color:#eee;text-align:center;text-transform: uppercase;font-weight: 500;margin:0;padding:0;letter-spacing: 0.2px;}
            .quea{font-size:1.2rem;line-height:1.2;color:#000;text-align:center;text-transform: uppercase;font-weight: 400;margin:0;letter-spacing: 0.1px;margin-bottom:0 !important;}
            .queab{font-size:1.2rem;line-height:1.2;color:#000;text-align:center;text-transform: uppercase;font-weight: 400;margin:0;letter-spacing: 0.1px;margin-bottom:0 !important;background(255,255,255,.2);}
            .queaa{font-size:1.2rem;line-height:1.2;color:#fff;text-align:center;text-transform: uppercase;font-weight: 400;margin:0;letter-spacing: 0.1px;margin-bottom:0 !important;background:rgba(0, 0, 0, 0.8);}

             .desci{width:88vw;left:6vw;bottom:16vh;}
            .disco{width:88vw;left:6vw;}
            .fs {font-size:1.1rem !important;line-height:1.2 !important;}
            .fsh {font-size:1.5rem !important;line-height:1.2 !important;}

            .shopHere {height:2.1rem;}
            .shopHerePos{position:fixed;bottom:47.6vh;left:3.8vw;}
        }

        @media all and (min-width:600px) and (max-width:849.99px) and (orientation:portrait){


            .content-title {
                font-size: 2.3rem;
                line-height: 1.3;
                text-shadow: -0.65px -0.65px 0 #000, 0.65px -0.65px 0 #000, -0.65px 0.65px 0 #000, 0.65px 0.65px 0 #000;
                font-weight: 500;
                padding-bottom: 0.5vh;
                letter-spacing: 0.2vw;
            }

            .content-subtitle {
                font-size: 1.3rem;
                line-height: 1.6;
                margin-bottom: .2rem;
                text-shadow: -0.5px -0.5px 0 #000, 0.5px -0.5px 0 #000, -0.5px 0.5px 0 #000, 0.5px 0.5px 0 #000;
                font-weight: bolder
            }

            /* main arrow */
            .porland { height: 1.9rem;}
            .pola {position:fixed;bottom:48.5vh;left:92.5vw;margin-bottom:0;}
             /* story arrows */
            .porlandl { height: 1.7rem;}  
            .polal {position:fixed;top:2.2vh;left:4vw;z-index:20;transform:rotate(-180deg);}
            .polarr {position:fixed;bottom:100px;left:90vw;z-index:20;}
            /* story text */
            .poph1 { font-size: 1.8rem; font-weight: bolder; padding: 1.5rem 0 0 2rem;color: #fff;text-align: left;}
            .popp { font-size: 1.25rem;padding: .9rem 3.2rem 1rem 2rem; text-align: left;color: #fff;}

            .polia1 {bottom:33vh;min-height:50px;}
            .polia2 {bottom:25vh;min-height:50px;}
            .polia3 {bottom:17vh;min-height:50px;}
            .poliaLong {bottom:14vh;}
            .shortA {padding: 0.75rem 0.6rem 0.75rem 0rem;}
            .longA {padding: 0.4rem 0.4rem 0.4rem 0.4rem;}
            .polinaQuiz{bottom:41vh;width:60vw;left:20vw;}
            .polinaAnswer{padding:0;min-height:50px;width:60vw;left:20vw;}

            .que{font-size:2.2rem;line-height:1.3;color:#eee;text-align:center;text-transform: uppercase;font-weight: 500;margin:0;padding:0;letter-spacing: 0.2px;}
            .quea{font-size:1.8rem;line-height:1.4;color:#000;text-align:center;text-transform: uppercase;font-weight: 400;margin:0;letter-spacing: 0.1px;margin-bottom:0 !important;}
            .queab{font-size:1.8rem;line-height:1.4;color:#000;text-align:center;text-transform: uppercase;font-weight: 400;margin:0;letter-spacing: 0.1px;margin-bottom:0 !important;background(255,255,255,.2);}
            .queaa{font-size:1.8rem;line-height:1.4;color:#fff;text-align:center;text-transform: uppercase;font-weight: 400;margin:0;letter-spacing: 0.1px;margin-bottom:0 !important;background:rgba(0, 0, 0, 0.8);}

            .bbbb{height:2.5rem;}
            .shareBtn{ height: 1.7rem;}
            .sharePos{ top:5.3vh;left:86.5vw;position:fixed;}

            .aaaau{transform:rotate(-180deg);left:86.5vw;position:fixed;} 
            .bbbbu{top:5vh;left:4.5vw;position:fixed;}
            .bbbbur{top:5vh;left:91.5vw;position:fixed;}

             .desci{width:86vw;left:7vw;bottom:16vh;}
            .disco{width:86vw;left:7vw;}
            .fs {font-size:1.6rem !important;line-height:1.2 !important;}
            .fsh {font-size:2.1rem !important;line-height:1.4 !important;}

            .shopHere {height:2.7rem;}
            .shopHerePos{position:fixed;bottom:47.7vh;left:4vw;}
        }

        @media all and (min-width:850px) and (orientation:portrait){
            

            .content-title {
                font-size: 2.8rem;
                line-height: 1.3;
                text-shadow: -0.65px -0.65px 0 #000, 0.65px -0.65px 0 #000, -0.65px 0.65px 0 #000, 0.65px 0.65px 0 #000;
                font-weight: 500;
                padding-bottom: 0.5vh;
                letter-spacing: 0.2vw;
            }

            .content-subtitle {
                font-size: 1.6rem;
                line-height: 1.4;
                margin-bottom: .5rem;
                text-shadow: -0.5px -0.5px 0 #000, 0.5px -0.5px 0 #000, -0.5px 0.5px 0 #000, 0.5px 0.5px 0 #000;
                font-weight: bolder
            }

            /* main arrow */
            .porland { height: 2rem;}
            .pola {position:fixed;bottom:48.5vh;left:92.5vw;margin-bottom:0;}
             /* story arrows */
            .porlandl { height: 1.7rem;}  
            .polal {position:fixed;top:2.2vh;left:4vw;z-index:20;transform:rotate(-180deg);}
            .polarr {position:fixed;bottom:100px;left:90vw;z-index:20;}
            /* story text */
            .poph1 { font-size: 1.8rem; font-weight: bolder; padding: 1.5rem 0 0 3rem;color: #fff;text-align: left;}
            .popp { font-size: 1.25rem;padding: .9rem 4rem 1rem 3rem; text-align: left;color: #fff;}

            .polia1 {bottom:33vh;min-height:50px;}
            .polia2 {bottom:25vh;min-height:50px;}
            .polia3 {bottom:17vh;min-height:50px;}
            .poliaLong {bottom:14vh;}
            .shortA {padding: 0.75rem 0.6rem 0.75rem 0rem;}
            .longA {padding: 0.4rem 0.4rem 0.4rem 0.4rem;}
            .polinaQuiz{bottom:41vh;border-radius:8px;width:60vw;left:20vw;}
            .polinaAnswer{padding:0;min-height:50px;border-radius:8px;width:60vw;left:20vw;}

            .que{font-size:2.6rem;line-height:1.4;color:#eee;text-align:center;text-transform: uppercase;font-weight: 500;margin:0;padding:0;letter-spacing: 0.2px;}
            .quea{font-size:2.1rem;line-height:1.4;color:#000;text-align:center;text-transform: uppercase;font-weight: 400;margin:0;letter-spacing: 0.1px;margin-bottom:0 !important;}
            .queab{font-size:2.1rem;line-height:1.4;color:#000;text-align:center;text-transform: uppercase;font-weight: 400;margin:0;letter-spacing: 0.1px;margin-bottom:0 !important;background(255,255,255,.2);}
            .queaa{font-size:2.1rem;line-height:1.4;color:#fff;text-align:center;text-transform: uppercase;font-weight: 400;margin:0;letter-spacing: 0.1px;margin-bottom:0 !important;background:rgba(0, 0, 0, 0.8);}

            .bbbb{height:3rem;}
            .shareBtn{ height: 1.7rem;}
            .sharePos{ top:5.3vh;left:86.5vw;position:fixed;}

            .aaaau{transform:rotate(-180deg);left:86.5vw;position:fixed;} 
            .bbbbu{top:5vh;left:4.5vw;position:fixed;}
            .bbbbur{top:5vh;left:90.5vw;position:fixed;}

            .desci{width:86vw;left:7vw;bottom:16vh;}
            .disco{width:86vw;left:7vw;}
            .fs {font-size:1.7rem !important;line-height:1.4 !important;}
            .fsh {font-size:2rem !important;line-height:1.7 !important;}

            .shopHere {height:2.7rem;}
            .shopHerePos{position:fixed;bottom:47.7vh;left:4vw;}
           }

        @media all and (min-width:1024px) and (orientation:portrait){

            .content-title {
                font-size: 3.3rem;
                line-height: 1.4;
                text-shadow: -0.65px -0.65px 0 #000, 0.65px -0.65px 0 #000, -0.65px 0.65px 0 #000, 0.65px 0.65px 0 #000;
                font-weight: 500;
                padding-bottom: 0.5vh;
                letter-spacing: 0.2vw;
            }

            .content-subtitle {
                font-size: 1.8rem;
                line-height: 1.4;
                margin-bottom: .5rem;
                text-shadow: -0.5px -0.5px 0 #000, 0.5px -0.5px 0 #000, -0.5px 0.5px 0 #000, 0.5px 0.5px 0 #000;
                font-weight: bolder
            }

            /* main arrow */
            .porland { height: 2.6rem;}
            .pola {position:fixed;bottom:48.7vh;left:92.5vw;margin-bottom:0;}
             /* story arrows */
            .porlandl { height: 2.3rem;}  
            .polal {position:fixed;top:2.2vh;left:4vw;z-index:20;transform:rotate(-180deg);}
            .polarr {position:fixed;bottom:92px;left:90vw;z-index:20;}
            /* story text */
            .poph1 { font-size: 1.8rem; font-weight: bolder; padding: 1.5rem 0 0 4rem;color: #fff;text-align: left;}
            .popp { font-size: 1.4rem;padding: .9rem 6rem 1rem 4rem; text-align: left;color: #fff;} 

            .polia1 {bottom:33vh;min-height:50px;}
            .polia2 {bottom:25vh;min-height:50px;}
            .polia3 {bottom:17vh;min-height:50px;}
            .poliaLong {bottom:14vh;}
            .shortA {padding: 0.75rem 0.6rem 0.75rem 0rem;}
            .longA {padding: 0.4rem 0.4rem 0.4rem 0.4rem;}
            .polinaQuiz{bottom:41vh;border-radius:8px;width:60vw;left:20vw;}
            .polinaAnswer{padding:0;min-height:50px;border-radius:8px;width:60vw;left:20vw;}

            .que{font-size:2.4rem;line-height:1.4;color:#eee;text-align:center;text-transform: uppercase;font-weight: 500;margin:0;padding:0;letter-spacing: 0.2px;}
            .quea{font-size:2.1rem;line-height:1.4;color:#000;text-align:center;text-transform: uppercase;font-weight: 400;margin:0;letter-spacing: 0.1px;margin-bottom:0 !important;}
            .queab{font-size:2.1rem;line-height:1.4;color:#000;text-align:center;text-transform: uppercase;font-weight: 400;margin:0;letter-spacing: 0.1px;margin-bottom:0 !important;background(255,255,255,.2);}
            .queaa{font-size:2.1rem;line-height:1.4;color:#fff;text-align:center;text-transform: uppercase;font-weight: 400;margin:0;letter-spacing: 0.1px;margin-bottom:0 !important;background:rgba(0, 0, 0, 0.8);}

            .bbbb{height:2rem;}
            .shareBtn{ height: 1.7rem;}
            .sharePos{ top:5.3vh;left:86.5vw;position:fixed;}

            .desci{width:86vw;left:7vw;bottom:16vh;}
            .disco{width:86vw;left:7vw;}
            .fs {font-size:1.8rem !important;line-height:1.3 !important;}
            .fsh {font-size:2rem !important;line-height:1 !important;}
        }
    }

.simpleBcg {
            background-size: cover;
            background-repeat: no-repeat;
            overflow: hidden;
            will-change: transform;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            height: 100vh;
            position: fixed;
            width: 100%;
}
.stretch{z-index:20;}
.container {
margin:0;padding:0;max-width:100vw !important;
}

.hihi1 {position:fixed;top:101vh;left:0vw;height:0.5px;color:transparent;text-align:left;}
.hihi2 {position:fixed;top:101vh;left:0vw;height:0.5px;color:transparent;text-align:right;}


.gen { font-family: Montserrat !important;}
.timeline {width:8.7vw;height:2px;color:#fff;border:2px solid #acacac;border-radius:1px;float:left; margin-left:.6vw;box-sizing: border-box;}
.fixedTimeLine {position:fixed;top:2.5vh;left:0;width:100vw;z-index:20;}
.current {border: 2px solid #fff;}
.currentb {border: 2px solid #000;}
.polinaAnswer:hover {
    background: rgba(0, 0, 0, 1);
    transition: .25s linear;
    color: #fff;
}
.polinaAnswer:active{background:rgba(0, 0, 0, 0.7)}
.quea:hover {
    background: rgba(0, 0, 0, 1);
    transition: .25s linear;
    color: #fff;
}
 queab :active {
  background: rgba(255, 255, 255,0.8);color:#fff
}
.polinaAnswer:not(.nohover):hover {
  background: rgba(255, 255, 255,0.8);color:#fff;}
.vavavoom{height:0;width:0;color:transparent;font-size:0px;}
#ori1{background-color: rgba(0, 0, 0, 0);}