:root {
    --width: calc(100vw);
    --height: calc(100vh)
}

.iish_wrapper {
    position: fixed;
    height: var(--height);
    width: var(--width);
    top: 0;
    left: 0 !important;
    z-index: 2147483647;
    bottom: initial;
    right: initial;
    display: none;
    background-image: url("./images/bg.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.iish_logo {
    position: absolute;
    width: 2.5% !important;
    height: auto !important;
    top: 0% !important;
    left: 0% !important;
    opacity: 0;
    display: none;
}

.iish_zeroLogo {
    position: absolute;
    width: 8.5% !important;
    height: auto !important;
    top: 2% !important;
    right: 3% !important;
    opacity: 0;
    display: none;
}

.iish_innerWrapper {
    position: fixed;
    height: var(--height) !important;
    width: var(--width) !important;
    top: 0px;
    left: 0% !important;
    z-index: 2147483647;
    bottom: initial;
    right: initial;
    opacity: 0;
    display: none;

}

.iish_slide_welcome {
    position: absolute;
    width: 95%;
    height: 100%;
    top: 0%;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    display: none;
    bottom: initial;
    right: initial;
    /* border: 2px solid white; */
}

.iish_jug_container {
    position: absolute;
    width: 46%;
    height: 92%;
    top: 0%;
    left: 0%;
    overflow: hidden;
    /* border: 2px solid blue; */
}

.iish_jug {
    position: absolute;
    width: 70%;
    height: auto;
    top: 0;
    left: 7%;
    display: none;
    opacity: 0;
}



.iish_glass {
    position: absolute;
    width: 35%;
    height: auto;
    bottom: 4%;
    left: 55%;
    display: none;
    opacity: 0;
}

.iish_98 {
    position: absolute;
    width: 33%;
    height: auto;
    top: 40%;
    left: 56%;
    clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
    display: none;
    opacity: 0;
}

.iish_chini {
    position: absolute;
    width: 36%;
    height: auto;
    top: 13%;
    left: 58%;
    display: none;
    opacity: 0;
}

.iish_textShadow {
    position: absolute;
    width: 22%;
    height: auto;
    top: 51%;
    left: 1%;
    transform-origin: top;
}

.iish_text {
    position: absolute;
    width: 22%;
    height: auto;
    top: 51%;
    left: 1%;
}

.iish_text_container {
    position: absolute;
    width: 41%;
    height: 34%;
    top: 20%;
    right: 9%;
    overflow: hidden;
    /* border: 2px solid black; */
}

.iish_t1 {
    position: absolute;
    width: 88%;
    height: auto;
    top: 1%;
    left: 8%;
    display: none;
    opacity: 0;
}

.iish_t2 {
    position: absolute;
    width: 71%;
    height: auto;
    top: 4%;
    left: 15%;
    display: none;
    opacity: 0;
}

.iish_t3 {
    position: absolute;
    width: 97%;
    height: auto;
    top: 57%;
    left: 3%;
    display: none;
    opacity: 0;
}


.iish_productContainer {
    position: absolute;
    width: 40%;
    height: 36%;
    top: 52%;
    right: 8%;
    /* border: 2px solid purple; */
}

.iish_packet {
    position: absolute;
    width: 29%;
    height: auto;
    top: 16%;
    left: 51%;
    display: none;
    opacity: 0;
}

.iish_jar {
    position: absolute;
    width: 85%;
    height: auto;
    top: -19%;
    left: 8%;
    display: none;
    opacity: 0;
}

.iish_juice {
    position: absolute;
    width: 37%;
    height: auto;
    top: 4%;
    left: 4%;
    display: none;
    opacity: 0;
}

.iish_t4 {
    position: absolute;
    width: 16%;
    height: auto;
    bottom: 3%;
    left: 1%;
    display: none;
    opacity: 0;
}

.iish_t5 {
    position: absolute;
    width: 25%;
    height: auto;
    bottom: 2.5%;
    right: 0%;
    display: none;
    opacity: 0;
}


.closeBtn {
    width: 30px !important;
    height: 30px !important;
    position: absolute;
    top: 1%;
    right: 1%;
    cursor: pointer;
    border-radius: 50%;
    z-index: 99999999999999;
    display: none;
    opacity: 0;
}

.infoBtn {
    width: 30px !important;
    height: 30px !important;
    position: absolute;
    top: 1%;
    left: 1%;
    cursor: pointer;
    display: none;
    opacity: 0;
}


@media only screen and (max-width: 1800px) {
    .iish_jug_container {
        position: absolute;
        width: 43%;
        height: 92%;
        top: 0%;
        left: 0%;
        overflow: hidden;
        /* border: 2px solid blue; */
    }

    .iish_jug_container {
        position: absolute;
        width: 43%;
        height: 92%;
        top: 0%;
        left: 0%;
        overflow: hidden;
        /* border: 2px solid blue; */
    }

    .iish_jug {
        position: absolute;
        width: 60%;
        height: auto;
        top: 0;
        left: 14%;
        display: none;
        opacity: 0;
    }



    .iish_glass {
        position: absolute;
        width: 34%;
        height: auto;
        top: 30%;
        left: 55%;
        display: none;
        opacity: 0;
    }

    .iish_98 {
        position: absolute;
        width: 31%;
        height: auto;
        top: 35%;
        left: 57%;
        clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
        display: none;
        opacity: 0;
    }

    .iish_chini {
        position: absolute;
        width: 30%;
        height: auto;
        top: 11%;
        left: 59%;
        display: none;
        opacity: 0;
    }

    .iish_textShadow {
        position: absolute;
        width: 20%;
        height: auto;
        top: 49%;
        left: 1%;
        transform-origin: top;
    }

    .iish_text {
        position: absolute;
        width: 20%;
        height: auto;
        top: 49%;
        left: 1%;
    }

    .iish_text_container {
        position: absolute;
        width: 41%;
        height: 34%;
        top: 20%;
        right: 8%;
        overflow: hidden;
        /* border: 2px solid black; */
    }

    .iish_t1 {
        position: absolute;
        width: 88%;
        height: auto;
        top: 1%;
        left: 8%;
        display: none;
        opacity: 0;
    }

    .iish_t2 {
        position: absolute;
        width: 71%;
        height: auto;
        top: 4%;
        left: 15%;
        display: none;
        opacity: 0;
    }

    .iish_t3 {
        position: absolute;
        width: 97%;
        height: auto;
        top: 61%;
        left: 3%;
        display: none;
        opacity: 0;
    }


    .iish_productContainer {
        position: absolute;
        width: 41%;
        height: 36%;
        top: 52%;
        right: 8%;
        /* border: 2px solid purple; */
    }

    .iish_packet {
        position: absolute;
        width: 29%;
        height: auto;
        top: 16%;
        left: 51%;
        display: none;
        opacity: 0;
    }

    .iish_jar {
        position: absolute;
        width: 85%;
        height: auto;
        top: -19%;
        left: 8%;
        display: none;
        opacity: 0;
    }

    .iish_juice {
        position: absolute;
        width: 37%;
        height: auto;
        top: 4%;
        left: 4%;
        display: none;
        opacity: 0;
    }
}



@media only screen and (max-width: 768px) {

    .iish_innerWrapper {
        position: fixed;
        height: 100dvh !important;
        width: 100dvw !important;
        top: 0;
        left: 0 !important;
        z-index: 2147483647;
        bottom: initial;
        right: initial;
        background-image: url("./images/bgPhone.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        opacity: 0;
        display: none;
    }




    .iish_logo {
        position: absolute;
        width: 8.5dvw !important;
        height: auto !important;
        top: 0% !important;
        left: 5dvw !important;
        opacity: 0;
        display: none;
    }

    .iish_zeroLogo {
        position: absolute;
        width: 15.5dvw !important;
        height: auto !important;
        top: 2dvh !important;
        right: 8dvw !important;
        opacity: 0;
        display: none;
    }


    .iish_slide_welcome {
        position: absolute;
        width: 100dvw;
        height: 100dvh;
        top: 0;
        left: 0;
        transform: none;
        /* border: 2px solid white; */
    }

    .iish_jug_container {
        position: absolute;
        width: 68dvw;
        height: 41dvh;
        top: 0;
        left: 15dvw;
        overflow: hidden;
        /* border: 2px solid blue; */
    }

    .iish_jug {
        position: absolute;
        width: 70%;
        height: auto;
        top: 0%;
        left: 5%;
        display: none;
        opacity: 0;
    }

    .iish_glass {
        position: absolute;
        width: 38%;
        height: auto;
        top: 37%;
        left: 55%;
        display: none;
        opacity: 0;
    }

    .iish_98 {
        position: absolute;
        width: 24dvw;
        height: auto;
        top: 16.5dvh;
        left: 38.4dvw;
        clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
        display: none;
        opacity: 0;
    }

    .iish_chini {
        position: absolute;
        width: 31dvw;
        height: auto;
        top: 5.5dvh;
        left: 37dvw;
        display: none;
        opacity: 0;
    }

    .iish_textShadow {
        position: absolute;
        width: 37dvw;
        height: auto;
        top: 19dvh;
        left: 6dvw;
        transform: top left;
    }

    .iish_text {
        position: absolute;
        width: 37dvw;
        height: auto;
        top: 19dvh;
        left: 6dvw;
    }

    .iish_text_container {
        position: absolute;
        width: 83dvw;
        height: 16dvh;
        top: 71dvh;
        left: 5dvw;
        overflow: hidden;
        /* border: 2px solid black; */
    }

    .iish_t3 {
        position: absolute;
        width: 97%;
        height: auto;
        top: 70%;
        left: 3%;
        display: none;
        opacity: 0;
    }

    .iish_productContainer {
        position: absolute;
        width: 102dvw;
        height: 21dvh;
        top: 42dvh;
        left: 0dvw;
        /* border: 2px solid purple; */
    }

    .iish_t4 {
        position: absolute;
        width: 47dvw;
        height: auto;
        bottom: 3dvh;
        left: 25dvw;
        display: none;
        opacity: 0;
    }

    .iish_t5 {
        position: absolute;
        width: 56dvw;
        height: auto;
        bottom: 8.5dvh;
        left: 21dvw;
        display: none;
        opacity: 0;
    }

}