/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : Jul 17, 2018, 10:57:06 AM
    Author     : Shaam
*/

.page.p7 .left-box-1,.page.p7 .left-box-2{
    display: none;
}
.page.p6 .left-box-3,.page.p6 .left-box-4,.page.p6 .left-box-5{
    display: none;
}

.page.p7 .left-box-3,.page.p7 .left-box-4,.page.p7 .left-box-5{
    display: block;
}

.page.p6 .left-box-1,.page.p6 .left-box-2{
    display: block;
}

.p7 .blink_me[sid='5'], .p7 .blink_me[sid='4'], .p7 .blink_me[sid='3'], .p6 .blink_me[sid='1'], .p6 .blink_me[sid='2']{
    display: block;
}
.p7 .blink_me[sid='1'], .p7 .blink_me[sid='2'], .p6 .blink_me[sid='3'], .p6 .blink_me[sid='4'], .p6 .blink_me[sid='5']{
    display: none;
}

.page.p8 .left-boxx-1,
.page.p8 .left-boxx-3,
.page.p9 .left-boxx-4,
.page.p9 .left-boxx-2,
.page.p9 .left-boxx-5
{
    display: block;
}

.page.p8 .left-boxx-2,
.page.p8 .left-boxx-4,
.page.p8 .left-boxx-5,
.page.p9 .left-boxx-1,
.page.p9 .left-boxx-3{
    display: none;
}

.page.p10 .left-boxy-1,
.page.p10 .left-boxy-2,
.page.p10 .left-boxy-3,
.page.p10 .left-boxy-4,
.page.p11 .left-boxy-5,
.page.p11 .left-boxy-6,
.page.p11 .left-boxy-7{
    display: block;
}

.page.p11 .left-boxy-1,
.page.p11 .left-boxy-2,
.page.p11 .left-boxy-3,
.page.p11 .left-boxy-4,
.page.p10 .left-boxy-5,
.page.p10 .left-boxy-6,
.page.p10 .left-boxy-7{
    display: none;
}

.p10 .blink_me[sid='5'],
.p10 .blink_me[sid='6'],
.p10 .blink_me[sid='7'],
.p11 .blink_me[sid='1'],
.p11 .blink_me[sid='2'],
.p11 .blink_me[sid='3'],
.p11 .blink_me[sid='4']{
    display: none;
}

.p11 .blink_me[sid='5'],
.p11 .blink_me[sid='6'],
.p11 .blink_me[sid='7'],
.p10 .blink_me[sid='1'],
.p10 .blink_me[sid='2'],
.p10 .blink_me[sid='3'],
.p10 .blink_me[sid='4'] {
    display: block;
}

.boxy img {
    /*max-width: 100% !important;*/
}

left-boxy-5 img.animatBoxx {
    left: 50%;
}
.left-boxy-1 img.animatBoxx {
    left: -23%;
    max-width: 96%;
}
.left-boxy-7 img.animatBoxx {
    max-width: 35%;
}
.left-boxy-4 img.animatBoxx {
    max-width: 42%;
}
.left-boxy-2 img.animatBoxx {
    left: -34%;
    max-width: 100%;
}
.left-boxy-5 img.animatBoxx {
    left: 25%;
    top: -83%;
    max-width: 61%;
}
.left-boxy-6 img.animatBoxx {
    left: 65%;
    top: -8%;
}


.book2_cat{
    opacity:0;
}


.book2_selectors[ids="1"] {
    left: 54%;
}
.book2_selectors[ids="2"] {
    width: 4%;
}
.book2_selectors[ids="3"] {
    left: 33%;
    width: 3.8%;
}
.book2_selectors[ids="4"] {
    left: 21.7%;
    width: 4.2%;
}
.book2_selectors[ids="5"] {
    left: 59.5%;
    width: 3.7%;
}
.book2_selectors[ids="6"] {
    left: 56.5%;
}
.book2_selectors[ids="8"] {
    left: 34%;
    width: 4%;
}
.book2_selectors[ids="10"] {
    left: 28%;
    width: 4%;
}
.book2_selectors[ids="11"] {
    left: 17%;
    width: 3.8%;
}
img.book2_cat[sid="3"] {
    width: 45%;
    left: 2.2%;
    position: absolute;
    bottom: 1.4%;
    height: auto;
}


img.book2_cat[sid="4"] {
    width: 27%;
    height: auto;
    bottom: 4.5%;
    left: 55%;
    position: absolute;
}

img.book2_cat[sid="2"] {
    width: 45%;
    height: auto;
    bottom: auto;
    left: 46.2%;
    position: absolute;
    top: 23.5%;
}

img.book2_cat[sid="1"] {
    width: 40%;
    height: auto;
    bottom: auto;
    left: 6.5%;
    position: absolute;
    top: 12.7%;
}
.choiser_active{
    opacity:1 !important;
    z-index:20 !important;
    display:block !important;
}

.double{
    width:200% !important;
}

.p9 .double,.p11 .double,.p13 .double,.p19 .double,.p3 .double,.p7 .double{
    margin-left: 0% !important;
}
.p8 .double,.p10 .double,.p12 .double,.p18 .double,.p2 .double,.p6 .double{
    margin-left:-100% !important;
}
.magazine-viewport .page img.topperbook2 {
    right: 4%;
    left: auto;
    max-width: 40%;
    width: auto;
    top: 3%;
}
.p9 img.topperbook2,.p3 img.topperbook2,.p11 img.topperbook2 {
    display: none;
}
.magazine-viewport .p4 img.topperbook2 {
    right: 46%;
}
.desert-box .left-box-4 img {
    max-width: 65%;
    left: 100%;
}
.desert-box .left-box-7 img {
    bottom: -130%;
    max-width: 80%;
}
.desert-box .left-box-2 img {
    max-width: 70%;
    top: -27%;
}
.desert-box .left-box-3 img {
    top: -45%;
}
.desert-box .left-box-5 img {
    top: 95%;
}
.desert-box .left-box-8 img {
    left: 68%;
    top: 42%;
}
.magazine-viewport .page img[title="orange"] {
    left: 5%;
    /*left: auto;*/
    transform: rotate(14deg);
}

.magazine-viewport .page img[title="green"] {
    left: 8%;
    /*left: auto;*/
    transform: rotate(24deg);
}
.magazine-viewport .page img[title="brown"] {
    left: 10%;
    /*left: auto;*/
    transform: rotate(23deg);
}
.magazine-viewport .page img[title="blue"] {
    left: 15%;
    /*left: auto;*/
    transform: rotate(29deg);
}
.magazine-viewport .page img[title="red"] {
    left: 10%;
    /*left: auto;*/
    transform: rotate(45deg);
}
.magazine-viewport .page img[title="black"] {
    left: 12%;
    top: 54%;
    /*left: auto;*/
    transform: rotate(52deg);
}
.eraser {
    right: 1.5%;
    top: 53%;
}

.magazine-viewport .page.p12 img[title="orange"] {
    right: 5%;
    left: auto;
    transform: rotate(-14deg);
}

.magazine-viewport .page.p12 img[title="green"] {
    right: 8%;
    left: auto;
    transform: rotate(-24deg);
    top: 24%;
}
.magazine-viewport .page.p12 img[title="brown"] {
    right: 10%;
    left: auto;
    transform: rotate(-23deg);
    top: 33%;
}
.magazine-viewport .page.p12 img[title="blue"] {
    /*right: 15%;*/
    left: auto;
    transform: rotate(-29deg);
    right: 5%;
    top: 69%;
}
.magazine-viewport .page.p12 img[title="red"] {
    /*right: 26%;*/
    left: auto;
    transform: rotate(-45deg);
    right: 4%;
    top: 74%;
}
.magazine-viewport .page.p12 img[title="black"] {
    /*right: 29%;*/
    left: auto;
    transform: rotate(-52deg);
    right: 4%;
    top: 60%;
}
.page.p12 .eraser {
    right: 1.5%;
    top: 42%;
}
.clicker, .clicker2, .clicker3, #clicker4, #clicker5 {
    padding: 10px 35px;
    font-size: 2vw;
    letter-spacing: normal;
    font-family: 'Myriad-Ar';
}
.clicker{
    background-color: #8d2790;
}
#Stage_ss13231{
    background-image: url(../../images/animation/ss13231_ar.png) !important;
}
.wPaint-demo55 {
    left: 8%;
    top: 50%;
    overflow: hidden;
}

/*level 1 page 14 color tools*/
.eraser.eraser-ico.ar{
    background: url('../../images/eraser.png') no-repeat center;
    background-size: contain;
    top: 55%;
    left: 1%;
}

.magazine-viewport .page .image-maps-2015-12-23-02234212-15.ar img[title="black"]{
    top: 35%;
    left: 13%;
    transform: rotate(41deg);
    width: 2.5%;
}
.magazine-viewport .page .image-maps-2015-12-23-02234212-15.ar  img[title="red"]{
    top: 35%;
    left: 20%;
    transform: rotate(45deg);
    width: 2.5%;
}
.magazine-viewport .page .image-maps-2015-12-23-02234212-15.ar  img[title="blue"]{
    top: 35%;
    left: 7%;
    transform: rotate(40deg);
    width: 2.5%;
}
.magazine-viewport .page .image-maps-2015-12-23-02234212-15.ar  img[title="brown"]{
    top: 46%;
    left: 10%;
    transform: rotate(64deg);
    width: 2.5%;
}
.magazine-viewport .page .image-maps-2015-12-23-02234212-15.ar img[title="green"]{
    top: 38%;
    right: 70%;
    left: auto;
    transform: rotate(24deg);
    width: 2.5%;
}
.magazine-viewport .page .image-maps-2015-12-23-02234212-15.ar img[title="orange"]{
    top: 38%;
    left: 36%;
    transform: rotate(48deg);
    width: 2.5%;
}