.viewDetailsprevweb{
    background: url("../images/icons/Previous.svg");
    background-repeat: no-repeat;
    left: 45%;
    top:80%;
    margin:auto;
    position: absolute;
    width: 55px;
    height: 55px;
    cursor: pointer;
	/* display:none; */
}
.viewDetailsprevmobile{
    background-image: url("../images/icons/magiktour/previous- available copy 2.svg");
    height: 12vh;
    width: 8vw;
    background-size: 100% 100%;
    position:  absolute;
    left:  2vw;
    top: 45%;
	/* display:none; */
}
.viewDetailsnextweb{
    background: url("../images/icons/next.svg");
    background-repeat: no-repeat;
    right:45%;
    top:80%;
    margin:auto;
    position: absolute;
    width: 55px ;
    height: 55px;
    cursor: pointer;
	/* display:none; */

}
.viewDetailsnextmobile{
    background-image: url("../images/icons/magiktour/next.svg");
    height: 12vh;
    width: 8vw;
    background-size: 100% 100%;
    position: absolute;
    right: 2vw;
    top: 45%;
	/* display:none; */

}
.viewDetailscloseweb{
    background: url("../images/icons/close.svg");
    background-repeat: no-repeat;
    right:5px;
    top:9px;
    margin:auto;
    position: absolute;
    width: 36px;
    height: 36px;
    cursor: pointer;
	display:none;
}
.viewDetailsclosemobile{
    position: absolute;
    top: 1vh;
    right: 20px;
    height: 12vh;
    width: 8vw;
    z-index: 99998;
    cursor: pointer;
    background-image: url('../images/icons/close menu.svg');
    background-size: 100% 100%;
}
.viewDetailsprevweb:hover{
    background: url("../images/icons/Previous-hover.svg");
}

.viewDetailsnextweb:hover{
    background: url("../images/icons/next-hover.svg");
}
#stZoomInButtons{
    background-image: url("../images/storyteller/Zoom in.svg");
    width: 40px;
    height: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    /*position: absolute;*/
    /*bottom: 20px;*/
    cursor: pointer;
    /*right: 260px;*/
    box-shadow: 0 2px 4px 2px rgba(0,0,0,0.30);
    border-radius: 28px;
}
#stZoomOutButtons{
    background: url("../images/storyteller/Zoom out.svg");
    width: 40px;
    height: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    /*position: absolute;*/
    /*bottom: 20px;*/
    cursor: pointer;
    /*right: 320px;*/
    box-shadow: 0 2px 4px 2px rgba(0,0,0,0.30);
    border-radius: 28px;
}
#stZoomInOutButtons{
    position: absolute;
    bottom: 20px;
    display: grid;
    grid-auto-flow: column;
    grid-gap: 25px;
    left: 40%;
}


.actionGroupprevweb{
    background: url("../images/storyteller/Previous.svg");
    background-repeat: no-repeat;
    left: 42%;
    bottom:0;
    margin:auto;
    /*position: absolute;*/
    width: 55px;
    height: 55px;
    cursor: pointer;
}
.actionGroupprevmobile{
    background-image: url("../images/storyteller/Previous.svg");
    /* background-image: url("../images/Elements/Group 72.svg"); */
    height: 12vh;
    width: 8vw;
    background-size: 100% 100%;
    /*position: absolute;*/
    left: 2vw;
    top: 45%;
}
.actionGroupnextweb{
    background: url("../images/storyteller/next.svg");
    background-repeat: no-repeat;
    left:60%;
    bottom:0;
    margin:auto;
    /*position: absolute;*/
    width: 55px ;
    height: 55px;
    cursor: pointer;

}
.actionGroupnextmobile{
    background-image: url("../images/storyteller/next.svg");
    /* background-image: url("../images/Elements/Group 73.svg"); */
     height: 12vh;
    width: 8vw;
    background-size: 100% 100%;
    /* position: absolute; */
    right: 2vw;
    top: 45%;
}
.actionGroupnextwebbottom{
    background: url("../images/storyteller/next.svg");
    background-repeat: no-repeat;
    background-size: contain;
    width: 50px;
    height: 46px;
    border-radius: 48px;
    display: inline-block;
    margin-right: 250px;
    cursor: pointer;
}
.actionGroupprevwebbottom{
    background: url("../images/storyteller/Previous.svg");
    background-repeat: no-repeat;
    background-size: contain;
    width: 50px;
    height: 46px;
    border-radius: 48px;
    display: inline-block;
    margin-right: 30px;
    cursor: pointer;
}
.actionGroupmaincontainerclassmobile{
    position: absolute;
    left: 0;
    bottom: 6vh;
    right: 0;
    width: fit-content;
    margin: auto;
    display: grid;
    grid-auto-flow: column;
    grid-gap: 20px;
    width: -moz-fit-content;
}
.actionGroupmaincontainerclass{
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    width: fit-content;
    width: -moz-fit-content;
    margin: auto;
    display: grid;
    grid-auto-flow: column;
    grid-gap: 20px;
}
.actionGrouptextcontainerclassmobile{
    background: rgba(97, 97, 97, 0.90);
    border-radius: 2px;
    color: white;
    padding: 9px 12px 9px 12px;
    font-size: 12px;
    color: #FFFFFF;
    letter-spacing: 0.8px;
    font-family: 'Nunito Sans', sans-serif ;
    z-index: 999999;
    position: absolute;
    top: 60px;
    left: 0;
    right: 0px;
    margin: auto;
    width: fit-content;
    width: -moz-fit-content;
}
.actionGrouptextcontainerclass{
    background: rgba(97, 97, 97, 0.90);
    border-radius: 2px;
    color: white;
    padding: 9px 12px 9px 12px;
    font-size: 12px;
    color: #FFFFFF;
    letter-spacing: 0.8px;
    font-family: 'Nunito Sans', sans-serif ;
    z-index: 999999;
    position: absolute;
    top: 60px;
    left: 0;
    right: 0px;
    margin: auto;
    width: fit-content;
    width: -moz-fit-content;
}
.actionGroupplayiconwebclass{
    width: 50px;
    height: 46px;
    border-radius: 48px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: contain;
}
.actionGroupplayiconmobileclass{
    width: 50px;
    height: 46px;
    border-radius: 48px;
    cursor: pointer;

}
.actionGroupplayiconweb{
    background: url("../images/storyteller/play.svg");
    background-repeat: no-repeat;
    background-size: contain;
}
.actionGrouppauseiconweb{
    background: url("../images/storyteller/pause.svg");
    background-repeat: no-repeat;
    background-size: contain;
}